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

body {
line-height: 1;
color: #000;
background: #fff;
}

ol,
ul {
list-style: none;
}

table {
border-collapse: separate;
border-spacing: 0;
vertical-align: middle;
}

caption,
th,
td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}

a img {
border: none;
}

.left {
float: left;
}

.right {
float: right;
}

.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}

.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: rgba(9, 13, 18, 0.75);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-width: 5px 5px 0;
border-top-color: rgba(9, 13, 18, 0.75);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.tooltip.top-right .tooltip-arrow {
right: 5px;
bottom: 0;
border-width: 5px 5px 0;
border-top-color: rgba(9, 13, 18, 0.75);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: rgba(9, 13, 18, 0.75);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: rgba(9, 13, 18, 0.75);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: rgba(9, 13, 18, 0.75);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-width: 0 5px 5px;
border-bottom-color: rgba(9, 13, 18, 0.75);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-width: 0 5px 5px;
border-bottom-color: rgba(9, 13, 18, 0.75);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: rgba(9, 13, 18, 0.75);
border-radius: 4px;
}

.toolcimg {
max-width: 102px;
border: 1px solid #000;
border-radius: 5%;
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
      0 6px 20px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.3);
}

.nav {
font-size: 0.9em;
}

.header_icon {
font-size: 20px;
color: #a3a5a7;
}

.nav>li {
      display:inline-block;
}

.dropdown-menu {
background-color: #17181b;
opacity: 1;
}

.dropdown-menu > li > a {
-webkit-transition: all 0.2s;
transition: all 0.2s;
color: #c3c5c7;
opacity: 1;
}

.dropdown-menu > li > a.active {
color: #fff;
background-color: #0b131f;
background-image: none;
border-left: 4px solid #c3c5c7;
}

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
color: #fff;
background-color: #0b131f;
background-image: none;
border-left: 4px solid #2d72d9;
}

.playerchoice {
padding-left: 5px;
margin-left: 8px;
margin-right: -5px;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.playerchoice img {
width: 20px;
height: 20px;
margin: 7.5px 2px;
float: left;
}

.playerchoice:after {
content: "";
width: 30px;
height: 100%;
top: 0;
right: 0;
position: absolute;
}

.playerchoicemenu {
font-size: 1em;
text-align: left;
left: auto;
right: -2px;
}

.playerchoicemenu > li > a {
padding-left: 10px;
padding-right: 25px;
text-overflow: ellipsis;
overflow: hidden;
max-width: 200px;
}

.playerchoicemenu > li > a img {
height: 20px;
width: 20px;
position: absolute;
right: 3px;
-webkit-filter: brightness(1);
}

.playerchoicehelp {
top: -7px;
right: -16px;
position: absolute;
opacity: 0.2;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}

.playerchoicehelp:hover {
opacity: 0.97;
}

.splayerlist {
display: inline-block;
width: 420px;
line-height: 20px;
padding: 4px 0px 14px;
}

.button {
cursor: pointer;
height: 35px;
margin-right: 15px;
border-radius: 3px;
-webkit-background-clip: padding;
background-clip: padding-box;
background: linear-gradient(90.07deg, #FEE882 1.86%, #DBB155 16.17%, #FFF79F 51.64%, #FEE882 75.77%, #C99740 98.88%);
padding: 0 15px;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
color: #000;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
text-align: center;
font-size: 12px;
line-height: 34px;
overflow: hidden;
}

.button:hover {
background: #fff;
text-decoration: none;
}

.button:active {
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
background: linear-gradient(90.07deg, #FEE882 1.86%, #DBB155 16.17%, #FFF79F 51.64%, #FEE882 75.77%, #C99740 98.88%);
}

.button.disabled {
cursor: not-allowed;
opacity: 0.2;
filter: grayscale(100%);
}

#player,
.player {
width: 100%;
height: 100%;
}

#video_player {
position: fixed;
width: 100%;
height: 100%;
}

.player {
z-index: 10;
position: absolute;
overflow: hidden;
background-color: #000;
/*        span {
            font-weight: bold
            color: rgb(0, 143, 255)
      }
      }
      .auto-next-btn {
      position relative
      float right
      margin 15px
      padding 12px


      border-radius $ButtonRadius
      background-color $ButtonBg
      text-align center
      color $SettingsButtonText
      font-family $ButtonFont, $AlternateFont
      font-size 13px
      cursor pointer
      transition background-color .5s
      &:hover {
            background-color $ButtonBgHover
            color $SettingsButtonTextHover
            text-decoration none
      }
      &.disabled {
            background-color $ButtonBgDisabled
            &:hover{
                  background-color $ButtonBgDisabled
            }
            &:active{
                  background-color $ButtonBgDisabled
            }
      }

      &.green{
            background-color #27AE60
      }
      &.red{
            background-color #F15153
      }
      &:active{
            box-shadow: inset 0 1px 4px rgba(0,0,0,0.6)
            background: $ButtonBgActive
      }
      }*/
}

.player video {
width: 100%;
height: 100%;
}

.player .details-player {
right: 10px;
position: absolute;
top: 20px;
z-index: 20;
}

.player .minimize-icon {
top: -3px;
right: 55px;
position: absolute;
color: #fff;
font-size: 2.5em;
-webkit-font-smoothing: antialiased;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.player .minimize-icon:hover {
cursor: pointer;
color: #a3a5a7;
}

.player .maximize-icon {
display: none;
bottom: 20px;
right: 20px;
position: fixed;
color: #ccc;
font-size: 25px;
cursor: pointer;
z-index: 100;
background: #212225;
padding: 10px 20px;
opacity: 0.9;
border-radius: 3px;
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15),
      0 4px 14px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15), 0 4px 14px 0 rgba(0, 0, 0, 0.25);
-webkit-font-smoothing: antialiased;
-webkit-transition: background 0.2s, color 0.2s, opacity 0.2s;
transition: background 0.2s, color 0.2s, opacity 0.2s;
}

.player .maximize-icon:hover {
color: #fff;
background: #225694;
opacity: 1;
}

.player .maximize-icon.done:hover {
background: #27ae60;
}

.player .maximize-icon > * {
font-size: 12px;
vertical-align: top;
line-height: 25px;
}

.player .maximize-icon #maxic {
font-size: 25px;
margin-left: 10px;
}

.player .close-info-player {
top: -1px;
right: 18px;
position: absolute;
color: #fff;
font-size: 2em;
-webkit-font-smoothing: antialiased;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.player .close-info-player:hover {
cursor: pointer;
color: #a3a5a7;
}

.player .quality-info-player {
position: absolute;
right: 132px;
top: 3px;
font-size: 1.3em;
color: #fff;
font-weight: bold;
}

.player .state-info-player {
position: absolute;
right: 90px;
top: 120px;
font-size: 50px;
color: rgba(255, 255, 255, 0.3);
z-index: 23;
display: none;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

.player .eye-info-player {
position: absolute;
font-size: 2em;
color: #fff;
top: -1px;
right: 92px;
z-index: 4;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.player .eye-info-player:hover {
cursor: pointer;
color: #a3a5a7;
}

.player .eye-info-player:hover + .details-info-player {
display: inline-block;
}

.player .details-info-player {
display: none;
width: auto;
background: rgba(31, 31, 31, 0.7);
padding: 12px 20px;
top: 32px;
position: absolute;
right: 45px;
border-radius: 5px;
}

.player .details-info-player span {
position: relative;
color: #fff;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
display: inline-box;
font-size: 14px;
line-height: 16px;
}

.player .details-info-player span.loading-info-text {
float: left;
}

.player .details-info-player span.value {
float: right;
}

.player .details-info-player span.remaining {
margin-top: 10px;
display: block;
text-align: center;
}

.player .details-info-player #sstatel-container,
.player .details-info-player #dwnloading {
text-align: center;
}

.player .details-info-player #sstatel {
font-size: 170%;
}

.player .details-info-player .downloaded_player {
width: 100%;
}

.player .details-info-player .filename_player,
.player .details-info-player .stream_url_player {
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.player .arrow-up {
width: 0;
height: 0;
border-left: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid rgba(0, 0, 0, 0);
border-bottom: 6px solid rgba(31, 31, 31, 0.7);
top: -6px;
right: 15px;
position: absolute;
}

.player .playing_next {
color: #fff;
z-index: 23;
bottom: 10vh !important;
width: 450px;
height: 140px;
padding: 10px;
font-size: 20px;
left: 3vw !important;
display: none;
background-color: rgba(0, 0, 0, 0.54) !important;
overflow: hidden;
}

.player .playing_next .pn_poster {
width: 90px;
height: 120px;
float: left;
}

.player .playing_next .pn_poster .playing_next_poster {
width: 80px;
}

.player .playing_next .pn_epinfo {
width: 235px;
height: 80px;
float: left;
text-align: left;
}

.player .playing_next .pn_epinfo .playing_next_show {
font-size: 15px;
font-weight: bold;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.player .playing_next .pn_epinfo .playing_next_episode {
font-size: 11px;
line-height: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.player .playing_next .pn_epinfo .playing_next_number {
font-size: 17px;
margin-top: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.player .playing_next .pn_counter {
width: 105px;
height: 80px;
float: left;
}

.player .playing_next .pn_counter .playing_next_countertext {
font-size: 11px;
text-align: center;
text-transform: uppercase;
}

.player .playing_next .pn_counter #nextCountdown {
color: #008fff;
font-size: 38px;
text-align: center;
margin-top: 6px;
}

.player .playing_next .pn_btns {
width: 340px;
height: 40px;
float: left;
}

.player .playing_next .pn_btns .auto-next-btn {
position: relative;
float: left;
margin-top: 3px;
margin-left: 15px;
padding: 12px;
border-radius: 3px;
background-color: #1f375f;
text-align: center;
color: #e3e5e7;
font-family: "Open Sans", sans-serif;
font-size: 12px;
cursor: pointer;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
}

.player .playing_next .pn_btns .auto-next-btn:hover {
background-color: #225694;
color: #e3e5e7;
text-decoration: none;
}

.player .playing_next .pn_btns .auto-next-btn:active {
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
background: #2468cc;
}

.player .verify-metadata {
color: #fff;
z-index: 23;
bottom: 10vh !important;
width: 450px;
height: 140px;
padding: 10px;
font-size: 20px;
left: 3vw !important;
display: none;
background-color: rgba(0, 0, 0, 0.54) !important;
overflow: hidden;
}

.player .verify-metadata .vm_poster {
width: 90px;
height: 120px;
float: left;
}

.player .verify-metadata .vm_poster .verifmeta_poster {
width: 80px;
}

.player .verify-metadata .vm_epinfo {
width: 235px;
height: 80px;
float: left;
text-align: left;
}

.player .verify-metadata .vm_epinfo .verifmeta_show {
font-size: 15px;
font-weight: bold;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.player .verify-metadata .vm_epinfo .verifmeta_episode {
font-size: 11px;
line-height: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.player .verify-metadata .vm_epinfo .verifmeta_number {
font-size: 17px;
margin-top: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.player .verify-metadata .vm_box {
width: 105px;
height: 80px;
float: left;
}

.player .verify-metadata .vm_box .verifmeta_boxtext {
font-size: 11px;
text-align: center;
text-transform: uppercase;
}

.player .verify-metadata .vm_btns {
width: 340px;
height: 40px;
float: left;
}

.player .verify-metadata .vm_btns .vm-btn {
position: relative;
float: left;
margin-top: 3px;
margin-left: 15px;
padding: 12px;
border-radius: 3px;
background-color: #1f375f;
text-align: center;
color: #e3e5e7;
font-family: "Open Sans", sans-serif;
font-size: 12px;
cursor: pointer;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
}

.player .verify-metadata .vm_btns .vm-btn:hover {
background-color: #225694;
color: #e3e5e7;
text-decoration: none;
}

.player .verify-metadata .vm_btns .vm-btn:active {
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
background: #2468cc;
}

.player-title {
position: absolute;
top: 18px;
left: 16px;
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 17px;
max-width: 85%;
z-index: 3;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-bottom: 3px;
}

.dragzone {
-webkit-app-region: drag;
position: fixed;
display: none;
}

.vjs-quality-button {
color: #fff;
right: 35px;
top: 19px;
font-size: 12px;
}

.vjs-subtitles-button {
top: 24px;
}

.vjs_smallersub_button.vjs-control {
top: 24px;
}

.vjs_biggersub_button.vjs-control {
top: 24px;
}

.player-header-background {
position: absolute;
background: -webkit-linear-gradient(
      rgba(0, 0, 0, 0.7),
      transparent 95%,
      transparent
) !important;
background: linear-gradient(
      rgba(0, 0, 0, 0.7),
      transparent 95%,
      transparent
) !important;
width: 100% !important;
height: 75px !important;
z-index: 3;
top: 0;
}

.vjs-overlay,
.vjs-overlay.vjs-overlay-top-left {
position: absolute;
width: auto;
font-size: 16px;
background-color: rgba(0, 0, 0, 0.24);
color: #fff;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
padding: 14px;
border-radius: 3px;
top: 80px;
right: 30px;
text-align: right;
opacity: 0;
}

.vjs-overlay.vjs-overlay-top {
margin-left: -16.5%;
left: 50%;
}

.vjs-overlay.vjs-overlay-top-right {
left: auto;
right: 5px;
}

.vjs-overlay.vjs-overlay-left {
top: 50%;
margin-top: -15px;
}

.vjs-overlay.vjs-overlay-right {
left: auto;
right: 5px;
top: 50%;
margin-top: -15px;
}

.vjs-overlay.vjs-overlay-bottom {
margin-left: -16.5%;
left: 50%;
top: auto;
bottom: 4.5em;
}

.vjs-overlay.vjs-overlay-bottom-left {
bottom: 4.5em;
top: auto;
left: 5px;
}

.vjs-overlay.vjs-overlay-bottom-right {
bottom: 4.5em;
top: auto;
left: auto;
right: 5px;
}

.video-js.vjs-fullscreen.vjs-user-inactive .vjs-tech {
pointer-events: none;
}

.vjs-popcorn-skin {
color: #1c1c1c;
}

.vjs-popcorn-skin .vjs-slider {
position: relative;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.2);
}

.vjs-popcorn-skin .vjs-slider:hover > .vjs-slider-handle:before {
color: #2d75df;
}

.vjs-popcorn-skin .vjs-slider-handle {
position: absolute;
top: -6px;
width: 14px;
height: 14px;
margin-left: -8px;
}

.vjs-popcorn-skin .vjs-slider-handle:before {
color: rgba(255, 255, 255, 0);
content: "\25CF";
font-size: 46px;
line-height: 14px;
-webkit-transition: all 0.1s !important;
transition: all 0.1s !important;
}

.vjs-popcorn-skin .vjs-control-bar,
.vjs-popcorn-skin .vjs-control-window {
display: none;
position: absolute;
bottom: 0;
left: 0;
background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.7));
background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
}

.vjs-popcorn-skin .vjs-control-bar {
right: 0;
height: 60px;
width: 100%;
}

.vjs-popcorn-skin.vjs-user-active .player-header-background {
display: block;
}

.vjs-popcorn-skin .vjs-live-controls {
display: none;
}

.vjs-popcorn-skin.vjs-has-started.vjs-user-inactive.vjs-playing
.vjs-control-bar,
.vjs-popcorn-skin.vjs-has-started.vjs-user-inactive.vjs-playing
.vjs-control-window {
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s;
-webkit-transition: visibility 1s, opacity 1s;
transition: visibility 1s, opacity 1s;
}

.vjs-popcorn-skin.vjs-has-started .vjs-big-play-button {
display: none;
}

.vjs-popcorn-skin.vjs-controls-disabled .vjs-control-bar,
.vjs-popcorn-skin.vjs-controls-disabled .vjs-control-window {
display: none;
}

.vjs-popcorn-skin.vjs-controls-disabled .vjs-big-play-button {
display: none;
}

.vjs-popcorn-skin.vjs-using-native-controls .vjs-control-bar,
.vjs-popcorn-skin.vjs-using-native-controls .vjs-control-window {
display: none;
}

.vjs-popcorn-skin.vjs-using-native-controls .vjs-big-play-button {
display: none;
}

.vjs-popcorn-skin.vjs-error .vjs-control-bar,
.vjs-popcorn-skin.vjs-error .vjs-control-window {
display: none;
}

.vjs-popcorn-skin.vjs-error .player-header-background.vjs-control-bar,
.vjs-popcorn-skin.vjs-error .player-header-background .vjs-control-window {
visibility: visible !important;
opacity: 1 !important;
display: block !important;
}

.vjs-popcorn-skin .vjs-control {
outline: none;
position: relative;
float: left;
text-align: center;
margin: 0;
}

.vjs-popcorn-skin .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

.vjs-popcorn-skin .vjs-play-control {
top: 24px;
cursor: pointer;
width: 14px;
height: 16px;
margin-left: 20px;
}

.vjs-popcorn-skin .vjs-play-control:hover {
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-filter: brightness(0.7);
}

.vjs-popcorn-skin .vjs-play-control:hover:before {
text-shadow: none !important;
}

.vjs-popcorn-skin .vjs-play-control:before {
position: relative;
text-shadow: none !important;
content: "\f04b";
color: #fff;
font-family: "Font Awesome 5 Free";
font-size: 14px;
line-height: 17px;
font-weight: 900;
}

.vjs-popcorn-skin.vjs-playing .vjs-play-control:before {
content: "\f04c";
}

.vjs-popcorn-skin .vjs-playback-rate .vjs-playback-rate-value {
font-size: 1.5em;
line-height: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.vjs-popcorn-skin
.vjs-playback-rate.vjs-menu-button
.vjs-menu
.vjs-menu-content {
width: 4em;
left: -2em;
list-style: none;
}

.vjs-popcorn-skin .vjs-mute-control:hover {
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-filter: brightness(0.7);
}

.vjs-popcorn-skin .vjs-volume-control {
top: 29px;
width: 54px;
float: right;
margin-right: 0px;
overflow: hidden;
height: 6px;
border-radius: 3px/2px;
}

.vjs-popcorn-skin .vjs-volume-control:hover {
top: 28px;
height: 8px;
}

.vjs-popcorn-skin .vjs-volume-control:hover > .vjs-volume-bar {
height: 8px;
}

.vjs-popcorn-skin .vjs-volume-bar {
top: 0px;
left: -7px;
height: 6px;
width: 69px;
margin-right: 0px;
border-radius: 3px/2px;
}

.vjs-popcorn-skin .vjs-volume-bar:hover > .vjs-volume-level {
height: 8px;
}

.vjs-popcorn-skin .vjs-volume-bar:hover > .vjs-volume-handle:before {
font-size: 14px;
color: rgba(0, 0, 0, 0);
}

.vjs-popcorn-skin .vjs-volume-menu-button .vjs-menu-content {
height: 2.9em;
}

.vjs-popcorn-skin .vjs-volume-level {
position: absolute;
top: 0;
left: 0;
height: 6px;
background-color: #2d75df;
border-radius: 3px/2px;
border-radius: 3px/2px;
-webkit-background-clip: padding;
background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
}

.vjs-popcorn-skin .vjs-volume-handle:before {
color: rgba(0, 0, 0, 0);
content: "\25CF";
font-size: 14px;
line-height: 17px;
margin-left: 10px;
}

.vjs-popcorn-skin .vjs-progress-control {
position: absolute;
top: 19px;
width: auto;
height: 18px;
border-radius: 3px/2px;
border-radius: 3px/2px;
-webkit-background-clip: padding;
background-clip: padding-box;
-webkit-background-clip: padding;
background-clip: padding-box;
left: 190px;
right: 250px;
padding-top: 10px;
padding-bottom: 2px;
cursor: pointer;
-webkit-transition: all 0.1s !important;
transition: all 0.1s !important;
}

.vjs-popcorn-skin .vjs-progress-control:hover {
height: 20px;
top: 18px;
}

.vjs-popcorn-skin
.vjs-progress-control:hover
> .vjs-progress-holder
> .vjs-seek-handle:before {
color: #2d75df;
}

.vjs-popcorn-skin:hover .vjs-progress-control {
border-radius: 3px/2px;
-webkit-background-clip: padding;
background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
}

.vjs-popcorn-skin .vjs-progress-holder {
height: calc(100% + 12px);
top: -10px;
border-radius: 3px/12px 12px 4px 4px;
border-top: 10px solid rgba(0, 0, 0, 0);
border-bottom: 2px solid rgba(0, 0, 0, 0);
-webkit-background-clip: padding;
background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
}

.vjs-popcorn-skin .vjs-play-progress {
background-color: #2d75df;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.vjs-popcorn-skin .vjs-load-progress {
border-radius: 3px/2px;
border-radius: 3px/2px;
-webkit-background-clip: padding;
background-clip: padding-box;
-webkit-background-clip: padding;
background-clip: padding-box;
-webkit-background-size: 6px 6px;
background-size: 6px 6px;
-webkit-transition: width 2s;
transition: width 2s;
-webkit-animation: progress 2.8s linear infinite;
animation: progress 2.8s linear infinite;
background-repeat: repeat-x;
background-color: #fff;
opacity: 0.4;
}

.vjs-popcorn-skin .vjs-seek-handle {
width: 11px;
height: 11px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.vjs-popcorn-skin .vjs-seek-handle:before {
padding-top: 0.1em;
}

.vjs-popcorn-skin .vjs-time-controls {
position: relative;
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 16px;
top: 24px;
}

.vjs-popcorn-skin .vjs-current-time {
position: relative;
float: left;
margin-left: 18px;
}

.vjs-popcorn-skin .vjs-duration {
position: relative;
float: left;
}

.vjs-popcorn-skin .vjs-remaining-time {
display: none;
float: left;
}

.vjs-popcorn-skin .vjs-fullscreen-control {
position: relative;
top: 23px;
margin-right: 17px;
margin-left: 17px;
cursor: pointer;
float: right;
width: 18px;
height: 18px;
}

.vjs-popcorn-skin .vjs-fullscreen-control:hover {
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-filter: brightness(0.7);
}

.vjs-popcorn-skin .vjs-fullscreen-control:hover:before {
text-shadow: none !important;
}

.vjs-popcorn-skin .vjs-fullscreen-control:before {
content: "\f065";
text-shadow: none !important;
font-size: 18px;
font-family: "Font Awesome 5 Free";
height: 18px;
width: 18px;
color: #fff;
font-weight: 900;
}

.vjs-popcorn-skin.vjs-fullscreen .vjs-fullscreen-control:before {
content: "\f066";
}

.vjs-popcorn-skin .vjs-big-play-button {
left: 0.5em;
top: 0.5em;
font-size: 3em;
display: block;
z-index: 2;
position: absolute;
width: 4em;
height: 2.6em;
text-align: center;
vertical-align: middle;
cursor: pointer;
opacity: 1;
background-color: #07141e;
background-color: rgba(7, 20, 30, 0.7);
border: 0.1em solid #3b4249;
border-radius: 0.8em;
-webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}

.vjs-popcorn-skin .vjs-big-play-button:before {
content: "\e001";
font-family: VideoJS;
line-height: 2.6em;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center;
position: absolute;
left: 0;
width: 100%;
height: 100%;
}

.vjs-popcorn-skin.vjs-big-play-centered .vjs-big-play-button {
left: 50%;
margin-left: -2.1em;
top: 50%;
margin-top: -1.4em;
}

.vjs-popcorn-skin .vjs-loading-spinner:before {
content: "\e01e";
font-family: VideoJS;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
text-align: center;
text-shadow: 0em 0em 0.1em #2d75df;
color: #2d75df;
}

.vjs-popcorn-skin .vjs-menu-button {
outline: 0;
position: relative;
float: right;
cursor: pointer;
margin-right: 14px;
height: 18px;
width: 19px;
}

.vjs-popcorn-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
outline: 0;
position: absolute;
width: 125px;
bottom: 26px;
color: #fff;
max-height: 255px;
overflow: auto;
left: -50px;
background-color: #151517;
opacity: 0.8;
}

.vjs-popcorn-skin
.vjs-menu-button
.vjs-menu
.vjs-menu-content::-webkit-scrollbar {
width: 5px;
}

.vjs-popcorn-skin
.vjs-menu-button
.vjs-menu
.vjs-menu-content::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.vjs-popcorn-skin
.vjs-menu-button
.vjs-menu
.vjs-menu-content::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.vjs-popcorn-skin
.vjs-menu-button
.vjs-menu
.vjs-menu-content::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.vjs-popcorn-skin .vjs-menu-button:hover .vjs-menu {
display: block;
outline: 0;
}

.vjs-popcorn-skin .vjs-menu-button ul li {
list-style: none;
margin: 0;
padding: 0.3em 0 0.3em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
outline: 0;
}

.vjs-popcorn-skin .vjs-menu-button ul li.vjs-selected {
color: #2d75df;
background-color: #151517;
outline: 0;
}

.vjs-popcorn-skin .vjs-menu-button ul li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default;
}

.vjs-popcorn-skin .vjs-menu {
display: none;
position: absolute;
bottom: 0;
right: 1px;
width: 20px;
height: 30px;
margin-bottom: 10px;
outline: 0;
}

.vjs-popcorn-skin .vjs_smallersub_button.vjs-control {
outline: 0;
position: relative;
float: right;
cursor: pointer;
margin-right: 14px;
height: 13px;
width: 14px;
}

.vjs-popcorn-skin .vjs_smallersub_button.vjs-control:hover {
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-filter: brightness(0.7);
}

.vjs-popcorn-skin .vjs_smallersub_button.vjs-control:hover:before {
text-shadow: none;
}

.vjs-popcorn-skin .vjs_smallersub_button.vjs-control:before {
height: 13px;
width: 14px;
font-size: 14px;
line-height: 16px;
content: "A";
color: #fff;
}

.vjs-popcorn-skin .vjs_biggersub_button.vjs-control {
outline: 0;
position: relative;
float: right;
cursor: pointer;
margin-right: 14px;
height: 13px;
width: 14px;
}

.vjs-popcorn-skin .vjs_biggersub_button.vjs-control:hover {
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-filter: brightness(0.7);
}

.vjs-popcorn-skin .vjs_biggersub_button.vjs-control:hover:before {
text-shadow: none;
}

.vjs-popcorn-skin .vjs_biggersub_button.vjs-control:before {
height: 13px;
width: 14px;
font-size: 18px;
line-height: 14px;
content: "A";
color: #fff;
}

.vjs-popcorn-skin .vjs-subtitles-button:before {
content: url("https://i.imgur.com/SzWsVkB.png");
}

.vjs-popcorn-skin .vjs-subtitles-button:hover:before {
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-filter: brightness(0.7);
}

.vjs-popcorn-skin .vjs-hidden {
display: none;
}

@-moz-keyframes progress {
to {
      background-position: -30px 0;
}
}

@-webkit-keyframes progress {
to {
      background-position: -30px 0;
}
}

@-o-keyframes progress {
to {
      background-position: -30px 0;
}
}

@keyframes progress {
to {
      background-position: -30px 0;
}
}

.vjs-popcorn-skin.vjs-has-started .vjs-control-bar,
.vjs-popcorn-skin.vjs-has-started .vjs-control-window {
display: block;
visibility: visible;
-webkit-transition: visibility 0.1s, opacity 0.1s;
transition: visibility 0.1s, opacity 0.1s;
-webkit-transition: visibility 0.1s, opacity 0.1s;
transition: visibility 0.1s, opacity 0.1s;
}

.vjs-popcorn-skin .vjs-control:focus:before,
.vjs-popcorn-skin .vjs-control:hover:before {
text-shadow: 0em 0em 1em #fff;
}

.vjs-popcorn-skin .vjs-mute-control,
.vjs-popcorn-skin .vjs-volume-menu-button {
top: 25px;
cursor: pointer;
float: right;
height: 16px;
width: 22px;
margin-right: 11px;
}

.vjs-popcorn-skin .vjs-mute-control:before,
.vjs-popcorn-skin .vjs-volume-menu-button:before {
position: relative;
content: url("../images/icons/Player/Sound3.png");
}

.vjs-popcorn-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-popcorn-skin .vjs-volume-menu-button.vjs-vol-2:before {
content: url("../images/icons/Player/Sound2.png");
}

.vjs-popcorn-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-popcorn-skin .vjs-volume-menu-button.vjs-vol-1:before {
content: url("../images/icons/Player/Sound1.png");
}

.vjs-popcorn-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-popcorn-skin .vjs-volume-menu-button.vjs-vol-0:before {
content: url("../images/icons/Player/Sound0.png");
}

.vjs-popcorn-skin .vjs-progress-holder .vjs-play-progress,
.vjs-popcorn-skin .vjs-progress-holder .vjs-load-progress {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
left: 0;
top: 0;
border-radius: 3px/2px;
border-radius: 3px/2px;
-webkit-background-clip: padding;
background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
-webkit-background-clip: padding;
background-clip: padding-box;
}

.vjs-current-time-display {
width: 50px;
text-align: right;
}

.vjs-duration-display {
width: 50px;
text-align: left;
}

.vjs-time-divider {
position: relative;
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 16px;
position: relative;
float: left;
margin-left: 4px;
margin-right: 3px;
top: 8px;
}

.vjs-popcorn-skin:hover .vjs-big-play-button,
.vjs-popcorn-skin .vjs-big-play-button:focus {
outline: 0;
border-color: #fff;
background-color: #505050;
background-color: rgba(50, 50, 50, 0.75);
-webkit-box-shadow: 0 0 3em #fff;
box-shadow: 0 0 3em #fff;
-webkit-box-shadow: 0 0 3em #fff;
box-shadow: 0 0 3em #fff;
-webkit-transition: all 0s;
transition: all 0s;
-webkit-transition: all 0s;
transition: all 0s;
}

.vjs-error .vjs-big-play-button {
display: none;
}

.vjs-error .vjs-error-display {
display: block;
position: absolute;
left: 0;
top: 75px;
width: 100%;
height: calc(100% - 115px);
}

.vjs-error-display {
display: none;
}

.vjs-error-display div {
top: 40%;
color: #666;
position: absolute;
font-size: 1.6em;
text-align: center;
bottom: 1em;
right: 1em;
left: 1em;
width: 60%;
margin-left: 20%;
}

.vjs-error-display a,
.vjs-error-display a:visited {
color: #f4a460;
}

.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
font-size: 4em;
line-height: 1;
width: 1em;
height: 1em;
margin-left: -0.5em;
margin-top: -0.5em;
opacity: 0.75;
-webkit-animation: spin 1.5s infinite linear;
animation: spin 1.5s infinite linear;
}

.video-js {
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
vertical-align: middle;
font-weight: normal;
font-style: normal;
font-family: Arial, sans-serif;
-webkit-user-select: none;
user-select: none;
-webkit-user-select: none;
user-select: none;
}

.video-js.vjs-error .vjs-loading-spinner {
display: none !important;
}

.video-js.vjs-error .vjs-text-track {
display: none !important;
}

.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none;
}

.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
}

.video-js.vjs-using-native-controls .vjs-poster {
display: none;
}

.video-js .vjs-text-track-display {
text-align: center;
position: absolute;
bottom: 38px;
left: 1em;
right: 1em;
}

.video-js .vjs-text-track {
display: none;
text-align: center;
background-color: transparent;
text-shadow: 0px 0px 10px #000, -2px -2px 1px #000, 2px -2px 1px #000,
      -2px 2px 1px #000, 2px 2px 1px #000;
pointer-events: none;
}

.video-js .vjs-subtitles {
color: #fff;
}

.video-js .vjs-captions {
color: #fc6;
}

.vjs-popcorn-skin .vjs-menu-button .vjs-menu .vjs-menu-content::-webkit-resizer,
.vjs-popcorn-skin
.vjs-menu-button
.vjs-menu
.vjs-menu-content::-webkit-scrollbar-corner,
.vjs-popcorn-skin
.vjs-menu-button
.vjs-menu
.vjs-menu-content::-webkit-scrollbar-button,
.vjs-popcorn-skin
.vjs-menu-button
.vjs-menu
.vjs-menu-content::-webkit-scrollbar-track-piece {
display: none;
}

.vjs-popcorn-skin .vjs-menu-button ul li:hover,
.vjs-popcorn-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-popcorn-skin .vjs-menu-button ul li.vjs-selected:hover {
color: #2d75df;
}

.vjs-popcorn-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-popcorn-skin .vjs-captions-button:hover .vjs-control-content:before {
-webkit-box-shadow: 0 0 1em #fff;
box-shadow: 0 0 1em #fff;
-webkit-box-shadow: 0 0 1em #fff;
box-shadow: 0 0 1em #fff;
}

body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
overflow-y: auto;
}

.vjs-poster {
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-background-size: contain;
background-size: contain;
cursor: pointer;
height: 100%;
margin: 0;
padding: 0;
position: relative;
width: 100%;
}

.vjs-poster img {
display: block;
margin: 0 auto;
max-height: 100%;
padding: 0;
width: 100%;
}

.vjs-tt-cue {
display: block;
padding: 5px 10px;
}

.vjs-lock-showing {
display: block !important;
opacity: 1;
visibility: visible;
}

.vjs-poster,
.vjs-loading-spinner,
.vjs-big-play-button,
.vjs-text-track-display,
.vjs-youtube .iframeblocker {
pointer-events: none !important;
}

#vjs-tip {
visibility: hidden;
display: block;
padding: 5px;
font-size: 11px;
position: absolute;
z-index: 100000;
pointer-events: none;
}

#vjs-tip-arrow {
background: url("data:image/gif;base64,R0lGODlhCQAJAIABAAAAAAAAACH5BAEAAAEALAAAAAAJAAkAAAIRjAOnwIrcDJxvwkplPtchVQAAOw==")
      no-repeat top left;
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
position: absolute;
width: 9px;
height: 5px;
opacity: 0;
}

#vjs-tip-inner {
border-radius: 3px;
border-radius: 3px;
padding: 5px 8px 4px;
background-color: rgba(0, 0, 0, 0);
color: #fff;
max-width: 200px;
text-align: center;
font-size: 150%;
font-weight: 500;
}

.lang-dropdown {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
cursor: pointer;
height: 35px;
padding: 0 15px;
color: #fff;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
text-align: center;
font-size: 12px;
line-height: 34px;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
}

.lang-dropdown .lang-name {
margin-right: auto;
}

.open .lang-dropdown {
background: #1f375f;
border-radius: 3px;
-webkit-background-clip: padding;
background-clip: padding-box;
}

.flag-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-lines: multiple;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 100%;
margin-left: 5px;
}

.flag-container .flag:hover {
-webkit-filter: drop-shadow(0px 0px 2px #fff) brightness(1.4);
}

.flag {
margin: 6px 4px;
background-image: url("../images/flags/question.svg");
-webkit-background-size: 24px 24px;
background-size: 24px 24px;
background-position: center;
cursor: pointer;
width: 22px;
height: 16px;
}

.flag.none {
background-image: url("../images/flags/none.svg");
}

.flag.toggle {
top: -6px;
border-radius: 0;
background-color: transparent;
}

.flag.ar {
background-image: url("/node_modules/flag-icon-css/flags/4x3/ae.svg");
}

.flag.hy {
background-image: url("/node_modules/flag-icon-css/flags/4x3/am.svg");
}

.flag.bn {
background-image: url("/node_modules/flag-icon-css/flags/4x3/bd.svg");
}

.flag.bs {
background-image: url("/node_modules/flag-icon-css/flags/4x3/ba.svg");
}

.flag.pt-br {
background-image: url("/node_modules/flag-icon-css/flags/4x3/br.svg");
}

.flag.bg {
background-image: url("/node_modules/flag-icon-css/flags/4x3/bg.svg");
}

.flag.zh {
background-image: url("/node_modules/flag-icon-css/flags/4x3/cn.svg");
}

.flag.hr {
background-image: url("/node_modules/flag-icon-css/flags/4x3/hr.svg");
}

.flag.cs {
background-image: url("/node_modules/flag-icon-css/flags/4x3/cz.svg");
}

.flag.da {
background-image: url("/node_modules/flag-icon-css/flags/4x3/dk.svg");
}

.flag.nl {
background-image: url("/node_modules/flag-icon-css/flags/4x3/nl.svg");
}

.flag.en {
background-image: url("/node_modules/flag-icon-css/flags/4x3/gb.svg");
}

.flag.et {
background-image: url("/node_modules/flag-icon-css/flags/4x3/ee.svg");
}

.flag.fa {
background-image: url("/node_modules/flag-icon-css/flags/4x3/ir.svg");
}

.flag.fi {
background-image: url("/node_modules/flag-icon-css/flags/4x3/fi.svg");
}

.flag.fr {
background-image: url("/node_modules/flag-icon-css/flags/4x3/fr.svg");
}

.flag.de {
background-image: url("/node_modules/flag-icon-css/flags/4x3/de.svg");
}

.flag.el {
background-image: url("/node_modules/flag-icon-css/flags/4x3/gr.svg");
}

.flag.he {
background-image: url("/node_modules/flag-icon-css/flags/4x3/il.svg");
}

.flag.hu {
background-image: url("/node_modules/flag-icon-css/flags/4x3/hu.svg");
}

.flag.it {
background-image: url("/node_modules/flag-icon-css/flags/4x3/it.svg");
}

.flag.id {
background-image: url("/node_modules/flag-icon-css/flags/4x3/id.svg");
}

.flag.ja {
background-image: url("/node_modules/flag-icon-css/flags/4x3/jp.svg");
}

.flag.ka {
background-image: url("/node_modules/flag-icon-css/flags/4x3/ge.svg");
}

.flag.ko {
background-image: url("/node_modules/flag-icon-css/flags/4x3/kr.svg");
}

.flag.lv {
background-image: url("/node_modules/flag-icon-css/flags/4x3/lv.svg");
}

.flag.lt {
background-image: url("/node_modules/flag-icon-css/flags/4x3/lt.svg");
}

.flag.mk {
background-image: url("/node_modules/flag-icon-css/flags/4x3/mk.svg");
}

.flag.ms {
background-image: url("/node_modules/flag-icon-css/flags/4x3/my.svg");
}

.flag.mt {
background-image: url("/node_modules/flag-icon-css/flags/4x3/mt.svg");
}

.flag.no {
background-image: url("/node_modules/flag-icon-css/flags/4x3/no.svg");
}

.flag.nb {
background-image: url("/node_modules/flag-icon-css/flags/4x3/no.svg");
}

.flag.nn {
background-image: url("/node_modules/flag-icon-css/flags/4x3/no.svg");
}

.flag.pl {
background-image: url("/node_modules/flag-icon-css/flags/4x3/pl.svg");
}

.flag.pt {
background-image: url("/node_modules/flag-icon-css/flags/4x3/pt.svg");
}

.flag.ro {
background-image: url("/node_modules/flag-icon-css/flags/4x3/ro.svg");
}

.flag.ru {
background-image: url("/node_modules/flag-icon-css/flags/4x3/ru.svg");
}

.flag.sr {
background-image: url("/node_modules/flag-icon-css/flags/4x3/rs.svg");
}

.flag.sk {
background-image: url("/node_modules/flag-icon-css/flags/4x3/sk.svg");
}

.flag.sl {
background-image: url("/node_modules/flag-icon-css/flags/4x3/si.svg");
}

.flag.es {
background-image: url("/node_modules/flag-icon-css/flags/4x3/es.svg");
}

.flag.sv {
background-image: url("/node_modules/flag-icon-css/flags/4x3/se.svg");
}

.flag.th {
background-image: url("/node_modules/flag-icon-css/flags/4x3/th.svg");
}

.flag.tr {
background-image: url("/node_modules/flag-icon-css/flags/4x3/tr.svg");
}

.flag.uk {
background-image: url("/node_modules/flag-icon-css/flags/4x3/ua.svg");
}

.flag.vi {
background-image: url("/node_modules/flag-icon-css/flags/4x3/vn.svg");
}

.flag.sq {
background-image: url("/node_modules/flag-icon-css/flags/4x3/al.svg");
}

.flag.am {
background-image: url("/node_modules/flag-icon-css/flags/4x3/et.svg");
}

.flag.az {
background-image: url("/node_modules/flag-icon-css/flags/4x3/az.svg");
}

.flag.be {
background-image: url("/node_modules/flag-icon-css/flags/4x3/by.svg");
}

.flag.es-ar {
background-image: url("/node_modules/flag-icon-css/flags/4x3/ar.svg");
}

.flag.es-mx {
background-image: url("/node_modules/flag-icon-css/flags/4x3/mx.svg");
}

.flag.fj {
background-image: url("/node_modules/flag-icon-css/flags/4x3/fj.svg");
}

.flag.ga {
background-image: url("/node_modules/flag-icon-css/flags/4x3/ie.svg");
}

.flag.gn {
background-image: url("/node_modules/flag-icon-css/flags/4x3/py.svg");
}

.flag.hi {
background-image: url("/node_modules/flag-icon-css/flags/4x3/in.svg");
}

.flag.ho {
background-image: url("/node_modules/flag-icon-css/flags/4x3/pg.svg");
}

.flag.ht {
background-image: url("/node_modules/flag-icon-css/flags/4x3/ht.svg");
}

.flag.is {
background-image: url("/node_modules/flag-icon-css/flags/4x3/is.svg");
}

.flag.kk {
background-image: url("/node_modules/flag-icon-css/flags/4x3/kz.svg");
}

.flag.km {
background-image: url("/node_modules/flag-icon-css/flags/4x3/kh.svg");
}

.flag.lb {
background-image: url("/node_modules/flag-icon-css/flags/4x3/lu.svg");
}

.flag.lo {
background-image: url("/node_modules/flag-icon-css/flags/4x3/la.svg");
}

.flag.mg {
background-image: url("/node_modules/flag-icon-css/flags/4x3/mg.svg");
}

.flag.mi {
background-image: url("/node_modules/flag-icon-css/flags/4x3/nz.svg");
}

.flag.mn {
background-image: url("/node_modules/flag-icon-css/flags/4x3/mn.svg");
}

.flag.my {
background-image: url("/node_modules/flag-icon-css/flags/4x3/mm.svg");
}

.flag.na {
background-image: url("/node_modules/flag-icon-css/flags/4x3/nr.svg");
}

.flag.ne {
background-image: url("/node_modules/flag-icon-css/flags/4x3/np.svg");
}

.flag.ny {
background-image: url("/node_modules/flag-icon-css/flags/4x3/nw.svg");
}

.flag.ps {
background-image: url("/node_modules/flag-icon-css/flags/4x3/af.svg");
}

.flag.rm {
background-image: url("/node_modules/flag-icon-css/flags/4x3/ch.svg");
}

.flag.rn {
background-image: url("/node_modules/flag-icon-css/flags/4x3/bi.svg");
}

.flag.rw {
background-image: url("/node_modules/flag-icon-css/flags/4x3/rw.svg");
}

.flag.si {
background-image: url("/node_modules/flag-icon-css/flags/4x3/lk.svg");
}

.flag.sm {
background-image: url("/node_modules/flag-icon-css/flags/4x3/ws.svg");
}

.flag.sn {
background-image: url("/node_modules/flag-icon-css/flags/4x3/zw.svg");
}

.flag.so {
background-image: url("/node_modules/flag-icon-css/flags/4x3/so.svg");
}

.flag.tg {
background-image: url("/node_modules/flag-icon-css/flags/4x3/tj.svg");
}

.flag.ti {
background-image: url("/node_modules/flag-icon-css/flags/4x3/er.svg");
}

.flag.tk {
background-image: url("/node_modules/flag-icon-css/flags/4x3/tm.svg");
}

.flag.ur {
background-image: url("/node_modules/flag-icon-css/flags/4x3/pk.svg");
}

.flag.uz {
background-image: url("/node_modules/flag-icon-css/flags/4x3/uz.svg");
}

.flag.gl {
background-image: url("/node_modules/flag-icon-css/flags/4x3/es-ga.svg");
}

.flag.ca {
background-image: url("/node_modules/flag-icon-css/flags/4x3/es-ca.svg");
}

.flag.oc {
background-image: url("/node_modules/flag-icon-css/flags/4x3/es-ca.svg");
}

.flag.tl {
background-image: url("/node_modules/flag-icon-css/flags/4x3/ph.svg");
}

.flag.br {
background-image: url("/node_modules/flag-icon-css/flags/4x3/fr.svg");
}

.flag.ig {
background-image: url("/node_modules/flag-icon-css/flags/4x3/ng.svg");
}

.flag.tt {
background-image: url("/node_modules/flag-icon-css/flags/4x3/ru.svg");
}

.flag.ml {
background-image: url("/node_modules/flag-icon-css/flags/4x3/in.svg");
}

.flag.te {
background-image: url("/node_modules/flag-icon-css/flags/4x3/in.svg");
}

.flag.or {
background-image: url("/node_modules/flag-icon-css/flags/4x3/in.svg");
}

.flag.kn {
background-image: url("/node_modules/flag-icon-css/flags/4x3/in.svg");
}

.flag.ea {
background-image: url("/node_modules/flag-icon-css/flags/4x3/es.svg");
}

.flag.sp {
background-image: url("/node_modules/flag-icon-css/flags/4x3/es.svg");
}

.flag.ze {
background-image: url("/node_modules/flag-icon-css/flags/4x3/cn.svg");
}

.flag.zt {
background-image: url("/node_modules/flag-icon-css/flags/4x3/cn.svg");
}

html,
body,
.main-window-region {
background-color: #17181b;
height: 100%;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}

.modal-content, .modal-overlay {
height:auto !important;
}
.modal-body {
padding:0 !important;
background: #000;
}

.trailer_mouse_catch {
display: none;
width: 100%;
height: calc(100% - 115px);
top: 75px;
z-index: 12;
position: absolute;
}

#main-window {
width: 100%;
height: 100%;
background-color: #17181b;
-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.75);
box-shadow: 0 0 40px rgba(0, 0, 0, 0.75);
margin-left: auto;
margin-right: auto;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
cursor: default;
overflow:hidden;
}

#main-window button {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
}

#main-window #content {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}

.drop-indicator {
position: fixed;
background-color: #2468cc;
z-index: 1000;
display: none;
}

.drop-indicator.right {
top: 4px;
right: 0px;
width: 4px;
height: 100%;
}

.drop-indicator.left {
bottom: 4px;
left: 0px;
width: 4px;
height: 100%;
}

.drop-indicator.bottom {
bottom: 0px;
right: 4px;
width: 100%;
height: 4px;
}

.drop-indicator.top {
top: 0px;
left: 4px;
width: 100%;
height: 4px;
}

#drop-mask {
position: absolute;
width: 100%;
height: 100%;
z-index: 999;
display: none;
-webkit-filter: blur(5px);
filter: blur(5px);
}

.close-icon {
top: 45px;
right: 20px;
position: fixed;
color: #ccc;
font-size: 25px;
line-height: 25px;
cursor: pointer;
z-index: 100;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-font-smoothing: antialiased;
}

.close-icon:hover {
color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.movie-detail .close-icon,
.shows-container-contain .close-icon, .actor-detail .close-icon {
top: 100px;
}

.knm {
-webkit-transition: all 3000ms ease-in-out;
transition: all 3000ms ease-in-out;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

.dragzone {
width: 86%;
height: 32px;
z-index: 11;
}

.notification_alert {
position: fixed;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 4px;
padding: 10px;
top: 78px;
right: 20px;
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 14px;
z-index: 999;
display: none;
}

#main-window.default-frame .movie-detail {
padding-top: 35px;
}

#main-window.default-frame .filter-bar {
top: 0;
}

#main-window.default-frame .list .items {
padding-top: 30px;
}

.init-container {
position: absolute;
-webkit-user-select: none;
width: 90%;
height: 70.5%;
position: absolute;
-webkit-user-select: none;
opacity: 1;
overflow: hidden;
margin: auto;
left: 0;
right: 0;
top: 20%;
opacity: 1;
-webkit-backface-visibility: hidden;
}

.init-progressbar {
position: relative;
margin-bottom: 10px;
margin-top: 3%;
background-color: #bababa;
border-radius: 13px;
}

.init-progressbar > div {
width: 0%;
background-color: #2468cc;
height: 5px;
border-radius: 13px;
left: 0px;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
}

.icon-begin {
display: block;
margin: -7px auto;
height: calc(58%);
max-height: 256px;
}

.init-icon-title {
display: block;
margin: 0 auto;
height: calc(11%);
max-height: 52px;
-webkit-filter: brightness(1);
-webkit-transition: -webkit-filter 0.5s;
transition: -webkit-filter 0.5s;
}

.init-geek-line {
margin: 2% 0;
color: #fff;
width: 100%;
text-align: center;
font-family: 23px;
-webkit-transition: color 0.5s;
transition: color 0.5s;
}

.init-geek-line .heart {
color: #e74c3c;
}

.text-begin {
text-align: center;
bottom: 5%;
position: absolute;
width: 70%;
margin: 0 15%;
}

.text-begin #cancel-block {
margin-top: 20px;
display: none;
}

.text-begin #cancel-block .cancel {
color: #fff;
font-weight: bold;
}

.init-text {
position: relative;
color: #fff;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-transition: color 0.5s, font-family 0.5s;
transition: color 0.5s, font-family 0.5s;
}

.init-status {
position: relative;
color: #fff;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
margin-top: 1%;
-webkit-transition: color 0.5s, font-family 0.5s;
transition: color 0.5s, font-family 0.5s;
}

.init-expand {
color: #fff;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
text-align: center;
width: 40%;
z-index: 11;
margin: auto;
left: 0;
right: 0;
-webkit-backface-visibility: hidden;
position: relative;
top: 15%;
-webkit-transition: color 0.5s, font-family 0.5s;
transition: color 0.5s, font-family 0.5s;
}

#waiting-block {
position: fixed;
top: calc(90% + 20px);
width: 90%;
text-align: center;
display: none;
}

#waiting-block a {
color: #fff;
font-weight: bold;
}

.loading-container {
display: block;
width: 50px;
height: 50px;
}

.loading-container .ball {
background-color: rgba(0, 0, 0, 0);
border: 5px solid rgba(0, 183, 229, 0.9);
opacity: 0.9;
border-top: 5px solid rgba(0, 0, 0, 0);
border-left: 5px solid rgba(0, 0, 0, 0);
border-radius: 50px;
-webkit-box-shadow: 0 0 35px #2187e7;
box-shadow: 0 0 35px #2187e7;
width: 50px;
height: 50px;
margin: 0 auto;
-moz-animation: spin 0.5s infinite linear;
-webkit-animation: spin 0.5s infinite linear;
}

.loading-container .ball1 {
background-color: rgba(0, 0, 0, 0);
border: 5px solid rgba(0, 183, 229, 0.9);
opacity: 0.9;
border-top: 5px solid rgba(0, 0, 0, 0);
border-left: 5px solid rgba(0, 0, 0, 0);
border-radius: 50px;
-webkit-box-shadow: 0 0 15px #2187e7;
box-shadow: 0 0 15px #2187e7;
width: 30px;
height: 30px;
margin-top: 10px;
margin-left: 10px;
position: relative;
top: -50px;
-moz-animation: spinoff 0.5s infinite linear;
-webkit-animation: spinoff 0.5s infinite linear;
}

#disclaimer-container .disclaimer {
height: 100%;
position: absolute;
z-index: 10000;
width: 100%;
height: 100%;
}

#disclaimer-container .disclaimer input[type="checkbox"] {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}

#disclaimer-container .disclaimer input[type="checkbox"] + label {
height: 15px;
display: inline-block;
line-height: 15px;
font-size: 13px;
font-family: "Open Sans", sans-serif;
vertical-align: middle;
cursor: pointer;
}

#disclaimer-container .disclaimer input[type="checkbox"] + label:hover {
opacity: 1;
}

#disclaimer-container .disclaimer input[type="checkbox"]:checked + label {
opacity: 1;
}

#disclaimer-container .disclaimer input[type="checkbox"]:checked + label:after {
opacity: 1;
}

#disclaimer-container .disclaimer label:before {
content: "\f0c8";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 18px;
padding-right: 8px;
float: left;
position: relative;
color: #545454;
}

#disclaimer-container .disclaimer label:after {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
margin-right: -14px;
color: #4bfff4;
position: relative;
float: left;
left: -21px;
opacity: 0;
-webkit-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out;
}

#disclaimer-container .disclaimer .icon-disclaimer {
z-index: 1000;
top: 20%;
left: 5%;
position: absolute;
-webkit-filter: drop-shadow(5px 2px 10px #fff);
filter: drop-shadow(5px 2px 10px #fff);
}

#disclaimer-container .disclaimer .disclaimer-loading {
z-index: 1000;
width: 100%;
height: 100%;
position: absolute;
opacity: 0.5;
-webkit-background-size: cover;
background-size: cover;
}

#disclaimer-container .disclaimer .loading-backdrop {
z-index: 1000;
width: 100%;
height: 100%;
position: absolute;
opacity: 0.8;
background-color: #000;
}

#disclaimer-container .disclaimer .disclaimer-state {
z-index: 1000;
color: #fff;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
text-align: center;
width: 50%;
height: 100%;
margin: auto;
left: 40px;
right: 0;
-webkit-backface-visibility: hidden;
position: relative;
}

#disclaimer-container .disclaimer .disclaimer-state .disclaimer-content {
padding-top: 14%;
height: 100%;
}

#disclaimer-container .disclaimer .disclaimer-state .disclaimer-content h1 {
font-size: 25px;
text-transform: uppercase;
}

#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.dhtEnableSpn {
display: block;
font-size: 0.9em;
text-align: left;
padding: 12px 0 0 28px;
}

#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.automaticUpdatingSpn {
display: block;
font-size: 0.9em;
text-align: left;
padding: 10px 0 8px 28px;
}

#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.disclaimer-text {
font-size: 14px;
margin: 20px;
overflow: auto;
height: 60%;
text-align: left;
width: 100%;
background: rgba(0, 0, 0, 0.3);
padding: 7px;
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
text-transform: uppercase;
text-align: justify;
}

#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.disclaimer-text::-webkit-scrollbar {
width: 5px;
}

#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.disclaimer-text::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.disclaimer-text::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.disclaimer-text::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.disclaimer-text::-webkit-resizer,
#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.disclaimer-text::-webkit-scrollbar-corner,
#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.disclaimer-text::-webkit-scrollbar-button,
#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.disclaimer-text::-webkit-scrollbar-track-piece {
display: none;
}

#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.disclaimer-text
h2 {
padding-bottom: 8px;
font-size: 16px;
font-weight: 700;
}

#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.disclaimer-text
p {
padding-right: 5px;
line-height: 16px;
}

#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.btn-accept {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0);
white-space: nowrap;
padding: 6px 12px;
font-size: 16px;
line-height: 1.428571;
border-radius: 4px;
-webkit-user-select: none;
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
outline: none;
margin: 10px;
text-decoration: none;
}

#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.btn-accept:hover {
background-color: #47a447;
border-color: #398439;
}

#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.btn-accept:active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6);
}

#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.btn-close {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0);
white-space: nowrap;
padding: 6px 12px;
font-size: 16px;
line-height: 1.428571;
border-radius: 4px;
-webkit-user-select: none;
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
outline: none;
margin: 10px;
text-decoration: none;
}

#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.btn-close:hover {
color: #fff;
background-color: #d2322d;
border-color: #ac2925;
}

#disclaimer-container
.disclaimer
.disclaimer-state
.disclaimer-content
.btn-close:active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6);
}

#header {
z-index: 10;
top: 0;
width: 100%;
opacity: 1;
height: 47px;
background-color: #17181b;
text-align: center;
-webkit-app-region: drag;
}

#header .tooltip {
white-space: nowrap;
}

#header h1 {
color: #fff;
font-size: 0.9em;
top: -3px;
position: relative;
}

#header .btn-set {
position: absolute;
left: 15px;
z-index: 10;
}

#header nav {
-webkit-app-region: no-drag;
}

#header nav.darwin {
position: absolute;
left: 15px;
}

#header nav.fs-darwin {
top: 0px;
right: 7px;
left: initial;
}

#header nav.win32,
#header nav.linux {
right: 7px;
left: initial;
}

#header nav.fs-win32,
#header nav.fs-linux {
position: absolute;
left: 2px;
top: 2px;
}

#header .btn-os {
float: left;
margin: 0 6px 0 0;
background-color: #000;
-webkit-background-size: 77px 12px;
background-size: 77px 12px;
background-image: url("../images/icons/topbar_sprite.png");
border-radius: 30px;
border: 0;
color: transparent;
display: inline-block;
font-size: 10px;
height: 12px;
padding: 0;
text-align: center;
width: 12px;
cursor: pointer;
}

#header .btn-os.os-min {
background-position: 0px 0px;
}

#header .btn-os.os-max {
background-position: -13px 0px;
}

#header .btn-os.os-close {
background-position: -26px 0px;
}

#header .btn-os.os-min:hover {
background-position: -39px 0px;
}

#header .btn-os.os-max:hover {
background-position: -52px 0px;
}

#header .btn-os.os-close:hover {
background-position: -65px 0px;
}

#header .btn-os.fullscreen {
color: #999;
background: transparent;
margin: 0;
z-index: 10;
width: 30px;
height: 28px;
border-radius: 0;
display: block;
}

#header .btn-os.fullscreen::before {
content: "\e000";
font-family: VideoJS;
font-size: 1.85em;
line-height: 0.2em;
background: none;
display: block;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}

#header .btn-os.fullscreen.active::before {
content: "\e00B";
}

#header .btn-os.fullscreen:hover {
color: #b2b2b2;
}

#header .btn-set.win32 {
-webkit-background-size: auto auto;
background-size: auto auto;
top: 0px;
right: 0px;
}

#header .btn-set.win32 .btn-os {
float: left;
margin: 0;
background-color: transparent;
-webkit-border-radius: 0px;
border-radius: 0px;
border: 0;
color: transparent;
display: inline-block;
font-size: 10px;
height: 32px;
padding: 0;
text-align: center;
width: 40px;
cursor: pointer;
background-image: url("../images/icons/topbar_sprite_win.png");
-webkit-background-size: cover;
background-size: cover;
-webkit-filter: brightness(1);
}

#header .btn-set.win32 .btn-os.os-close {
background-position: -80px 0px;
}

#header .btn-set.win32 .btn-os.os-max {
background-position: -40px 0px;
}

#header .btn-set.win32 .btn-os.os-max.os-is-max {
background-position: -240px 0px;
}

#header .btn-set.win32 .btn-os.os-min {
background-position: 0px 0px;
}

#header .btn-set.win32 .btn-os.os-close:hover {
background-position: -200px 0px;
-webkit-filter: brightness(1);
}

#header .btn-set.win32 .btn-os.os-max:hover {
background-position: -160px 0px;
-webkit-filter: brightness(1);
}

#header .btn-set.win32 .btn-os.os-max:hover.os-is-max:hover {
background-position: -280px 0px;
}

#header .btn-set.win32 .btn-os.os-min:hover {
background-position: -120px 0px;
-webkit-filter: brightness(1);
}

#header .btn-set.darwin .btn-os {
background-image: none;
background-repeat: no-repeat;
}

#header .btn-set.darwin .btn-os.os-close {
background-color: #fc5753;
}

#header .btn-set.darwin .btn-os.os-max {
background-color: #33c748;
}

#header .btn-set.darwin .btn-os.os-min {
background-color: #fdbc40;
}

#header .btn-set.darwin:hover .btn-os {
background-image: url("../images/icons/topbar_sprite.png");
}

#header .btn-set.darwin:hover .btn-os.os-min {
background-position: -39px 0px;
}

#header .btn-set.darwin:hover .btn-os.os-max {
background-position: -52px 0px;
}

#header .btn-set.darwin:hover .btn-os.os-close {
background-position: -65px 0px;
}

.header-shadow {
-webkit-box-shadow: 0px 6px 8px -4px rgba(0, 0, 0, 0.9);
box-shadow: 0px 6px 8px -4px rgba(0, 0, 0, 0.9);
}

.events {
width: 28px;
height: 28px;
position: absolute;
top: -6px;
left: calc(50% + 52px);
display: none;
}

.events.img-newyear {
background: URL("../images/events/newyear.png");
background-repeat: no-repeat;
-webkit-background-size: 28px 28px;
background-size: 28px 28px;
}

.events.img-pt_anniv {
background: URL("../images/events/pt_anniv.png");
background-repeat: no-repeat;
-webkit-background-size: 28px 28px;
background-size: 28px 28px;
}

.events.img-halloween {
background: URL("../images/events/halloween.png");
background-repeat: no-repeat;
-webkit-background-size: 28px 28px;
background-size: 28px 28px;
}

.events.img-stvalentine {
background: URL("../images/events/stvalentine.png");
background-repeat: no-repeat;
-webkit-background-size: 48px 28px;
background-size: 48px 28px;
width: 48px;
height: 28px;
}

.events.img-stpatrick {
background: URL("../images/events/stpatrick.png");
background-repeat: no-repeat;
-webkit-background-size: 28px 28px;
background-size: 28px 28px;
}

.events.img-aprilsfool {
background: URL("../images/events/aprilsfool.png");
background-repeat: no-repeat;
-webkit-background-size: 28px 28px;
background-size: 28px 28px;
}

.events.img-xmas {
background: URL("../images/events/xmas.png");
background-repeat: no-repeat;
-webkit-background-size: 28px 28px;
background-size: 28px 28px;
}

.windows-titlebar {
padding-left: 15px;
top: 0;
left: 0;
width: 100%;
height: 48px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
background-color: #027792;
font-size: 16px;
color: #fff;
font-family: "Open Sans", sans-serif;
}

.windows-titlebar .events {
top: 0;
left: 50%;
margin-left: -78px;
}

.icon {
height: 20px;
width: 20px;
margin-top: 5px;
}

.windows-titlebar-title {
top: initial !important;
padding-left: 67px !important;
padding-top: 5px;
font-size: 14px !important;
color: inherit !important;
text-shadow: #000 0 0 0;
width: auto;
margin-right: -64px;
opacity: 0.97;
}

.window-controls {
margin-left: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
font-size: 12px;
padding-right: 15px;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-app-region: no-drag;
}
.window-controls a {
      text-decoration: none;
      color:#fff;
      display:inline-block;
      margin:0 5px;
}

.window-control {
padding: 0;
height: 24px;
width: 30px;
cursor: initial !important;
opacity: 0.97;
}

.window-close:hover {
opacity: 1;
background-color: rgba(232, 17, 35, 0.9) !important;
}

.window-minimize,
.window-maximize {
opacity: 0.87;
}

.window-minimize:hover,
.window-maximize:hover {
opacity: 1;
background-color: #3a3939 !important;
}

.control-icon {
width: 100%;
height: 100%;
}

.window-close-icon {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M6.279 5.5L11 10.221l-.779.779L5.5 6.279.779 11 0 10.221 4.721 5.5 0 .779.779 0 5.5 4.721 10.221 0 11 .779 6.279 5.5z' fill='%23fff'/%3E%3C/svg%3E")
      no-repeat 50% 50%;
-webkit-background-size: 10px;
background-size: 10px;
filter: none;
}

.window-close:hover .window-close-icon {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M6.279 5.5L11 10.221l-.779.779L5.5 6.279.779 11 0 10.221 4.721 5.5 0 .779.779 0 5.5 4.721 10.221 0 11 .779 6.279 5.5z' fill='%23fff'/%3E%3C/svg%3E")
      no-repeat 50% 50%;
-webkit-background-size: 10px;
background-size: 10px;
filter: none;
}

.window-maximize-icon {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M11 0v11H0V0h11zM9.899 1.101H1.1V9.9h8.8V1.1z' fill='%23fff'/%3E%3C/svg%3E")
      no-repeat 50% 50%;
-webkit-background-size: 10px;
background-size: 10px;
filter: none;
}

.window-maximize:hover .window-maximize-icon {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M11 0v11H0V0h11zM9.899 1.101H1.1V9.9h8.8V1.1z' fill='%23fff'/%3E%3C/svg%3E")
      no-repeat 50% 50%;
-webkit-background-size: 10px;
background-size: 10px;
filter: none;
}

.window-umaximize .window-maximize-icon {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M11 8.798H8.798V11H0V2.202h2.202V0H11v8.798zm-3.298-5.5h-6.6v6.6h6.6v-6.6zM9.9 1.1H3.298v1.101h5.5v5.5h1.1v-6.6z' fill='%23fff'/%3E%3C/svg%3E")
      no-repeat 50% 50%;
-webkit-background-size: 10px;
background-size: 10px;
filter: none;
}

.window-umaximize:hover .window-maximize-icon {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M11 8.798H8.798V11H0V2.202h2.202V0H11v8.798zm-3.298-5.5h-6.6v6.6h6.6v-6.6zM9.9 1.1H3.298v1.101h5.5v5.5h1.1v-6.6z' fill='%23fff'/%3E%3C/svg%3E")
      no-repeat 50% 50%;
-webkit-background-size: 10px;
background-size: 10px;
filter: none;
}

.window-minimize-icon {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M11 4.399V5.5H0V4.399h11z' fill='%23fff'/%3E%3C/svg%3E")
      no-repeat 50% 50%;
-webkit-background-size: 10px;
background-size: 10px;
filter: none;
}

.window-minimize:hover .window-minimize-icon {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M11 4.399V5.5H0V4.399h11z' fill='%23fff'/%3E%3C/svg%3E")
      no-repeat 50% 50%;
-webkit-background-size: 10px;
background-size: 10px;
filter: none;
}

.vpn-connected {
color: #38a169 !important;
}

.vpn-disconnected {
color: #e53e3e !important;
}

.filter-bar {
z-index: 10;
width: 100%;
opacity: 0.97;
height: 40px;
background-color: #17181b;
padding-top: 5px;
-webkit-user-select: none;
top: 49px;
-webkit-box-shadow: 0px 6px 8px -4px rgba(0, 0, 0, 0.9);
box-shadow: 0px 6px 8px -4px rgba(0, 0, 0, 0.9);
}

.filter-bar .source {
-webkit-box-sizing: content-box;
box-sizing: content-box;
color: #c3c5c7;
text-align: center;
cursor: pointer;
height: 20px;
margin-top: 10px;
padding: 0px 15px 1px 18px;
}

.filter-bar .source:hover {
color: #fff;
}

.filter-bar .source.active {
border-bottom: 4px solid #2d72d9;
}

.filter-bar .nav.filters {
float: left;
margin-left: 10px;
}

.filter-bar .nav.right {
margin-right: 5px;
}

.filter-bar .filter {
padding: 10px 0 0;
margin-left: 20px;
}

.filter-bar .filter > a {
display: inline-block;
padding: 0;
color: #c3c5c7;
background-color: transparent !important;
}

.filter-bar .filter > a:hover {
color: #fff;
}

.filter-bar .filter .value {
color: #45a8bf;
padding-left: 10px;
}

.filter-bar .filter .dropdown-menu {
font-size: 0.9em;
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
max-height: 445px;
margin-top: 11px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.filter-bar .filter .dropdown-menu::-webkit-scrollbar {
width: 5px;
}

.filter-bar .filter .dropdown-menu::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.filter-bar .filter .dropdown-menu::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.filter-bar .filter .dropdown-menu::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.filter-bar .filter .dropdown-menu::-webkit-resizer,
.filter-bar .filter .dropdown-menu::-webkit-scrollbar-corner,
.filter-bar .filter .dropdown-menu::-webkit-scrollbar-button,
.filter-bar .filter .dropdown-menu::-webkit-scrollbar-track-piece {
display: none;
}

.filter-bar i {
-webkit-transition: color 0.5s;
transition: color 0.5s;
margin: 10px 5px 0;
color: #909498;
font-size: 1.5em;
}

.filter-bar i:hover {
color: #2468cc;
cursor: pointer;
}

.filter-bar i.active.favorites {
color: #df2d37;
}

.filter-bar i.active.favorites:hover {
color: #bc1d26;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.filter-bar i.active.watchlist {
color: #2d72d9;
}

.filter-bar i.active.torrent-collection {
color: #2d72d9;
}

.filter-bar i.active.about {
color: #2468cc;
}

.filter-bar i.active.vpn {
color: #2468cc;
}

.filter-bar i.active.seedbox {
color: #2d72d9;
}

.filter-bar .clear {
display: none;
}

.filter-bar .search form:before {
content: "\f002";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-style: normal;
-webkit-transition: color 0.5s;
transition: color 0.5s;
color: #909498;
position: absolute;
top: 11px;
left: 7px;
z-index: 2;
font-size: 1.4em;
}

.filter-bar .search form.edited .clear {
display: block;
font-weight: bold;
-webkit-transition: color 0.5s;
transition: color 0.5s;
color: #909498;
position: absolute;
top: 8px;
right: 5px;
padding: 3px 5px;
font-size: 1.2em;
}

.filter-bar .search form.edited input,
.filter-bar .search form input:focus,
.filter-bar .search form input.expanded {
width:280px;
background-color: #0d0d0e;
color: #c3c5c7;
}

.filter-bar .search form.edited,
.filter-bar .search form:hover {
cursor: pointer;
}

.filter-bar .search form.edited:before,
.filter-bar .search form:hover:before {
color: #2468cc;
}

.filter-bar .search form input {
line-height: normal;
-webkit-app-region: no-drag;
outline: none;
cursor: text;
width: 180px;
height: 18px;
position: relative;
background: #17181b no-repeat right center;
background-position: right 3px center;
border: solid 0px;
margin: 8px 3px 0;
padding: 1px 2px 3px;
padding-left: 25px;
border-radius: 10em;
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-webkit-transition: width 0.5s;
transition: width 0.5s;
}

.filter-bar .search form input:focus {
cursor: auto;
}

.filter-bar .search form input:focus:before {
color: #2468cc;
}

.filter-bar .search form input::-moz-placeholder,
.filter-bar .search form input::-webkit-input-placeholder {
color: transparent;
}

.filter-bar .search form input:focus::-webkit-input-placeholder {
color: rgba(195, 197, 199, 0.7);
}

.list {
height: 100%;
width: calc(100% - 5px);
position: relative;
padding-bottom: 100px;
left: 10px;
text-align: center;
overflow-x: hidden;
min-height: 1000px;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
}

.list::-webkit-scrollbar {
width: 5px;
}

.list::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.list::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.list::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.list::-webkit-resizer,
.list::-webkit-scrollbar-corner,
.list::-webkit-scrollbar-button,
.list::-webkit-scrollbar-track-piece {
display: none;
}

.list::-webkit-scrollbar-track {
margin-top: 65px;
margin-bottom: 5px;
}

.list .items_show {
padding-top: 65px;
-webkit-user-select: none;
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-lines: multiple;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-content: flex-start;
align-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
width: calc(50% - 5px);
height: 100%;
float: left;
background: rgba(138, 138, 138, 0.14);
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
}

.list .items_show::-webkit-scrollbar {
width: 5px;
}

.list .items_show::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.list .items_show::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.list .items_show::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.list .items_show::-webkit-resizer,
.list .items_show::-webkit-scrollbar-corner,
.list .items_show::-webkit-scrollbar-button,
.list .items_show::-webkit-scrollbar-track-piece {
display: none;
}

.list .items_show::-webkit-scrollbar-track {
margin-top: 65px;
}

.list .items_show .title_history {
color: #fff;
padding: 25px 10px 10px;
font-size: 1.2em;
text-align: left;
}

.list .items_show .items {
padding-top: 0;
}

.list .items_movie {
padding-top: 65px;
-webkit-user-select: none;
text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-lines: multiple;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-content: flex-start;
align-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
width: calc(50% - 5px);
height: 100%;
float: left;
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
}

.list .items_movie::-webkit-scrollbar {
width: 5px;
}

.list .items_movie::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.list .items_movie::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.list .items_movie::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.list .items_movie::-webkit-resizer,
.list .items_movie::-webkit-scrollbar-corner,
.list .items_movie::-webkit-scrollbar-button,
.list .items_movie::-webkit-scrollbar-track-piece {
display: none;
}

.list .items_movie::-webkit-scrollbar-track {
margin-top: 65px;
}

.list .items_movie .title_history {
color: #fff;
padding: 25px 10px 10px;
font-size: 1.2em;
text-align: left;
}

.list .items_movie .items {
padding-top: 0;
}

.actor-films {
padding-top: 65px;
-webkit-user-select: none;
text-align: left;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
box-sizing: border-box;
}

.actor-films {
padding-top: 65px;
-webkit-user-select: none;
text-align: left;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
box-sizing: border-box;
}

.movie-photos-list, .actor-photos-list {
      padding-top: 65px;
      -webkit-user-select: none;
      text-align: left;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-content: flex-start;
      align-items: flex-start;
      width: 100%;
      margin: 0;
      padding: 0;
      list-style: none;
      box-sizing: border-box;
}


.item.actor .cover {
      position: relative;
} 

.item.actor .popularity {
      position: absolute;
      bottom:5px;
      right:5px;
      color: #fff;
}

.list .items {
padding-top: 65px;
-webkit-user-select: none;
text-align: left;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 25px !important;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
box-sizing: border-box;
}

.item {
flex: 1 129px; /* Minimum genişlik ayarı */
margin: 10px;
font-size: 0.8em;
box-sizing: border-box; /* Margin ve padding'in eleman genişliğine dahil edilmesi için */
max-width: calc(100% - 20px); /* Maksimum genişlik ayarı */
max-width: 134px;
margin-bottom: 25px;
background: url("sosyal-site-watermark.png") no-repeat;
-webkit-background-size: 134px 196px;
background-size: 134px 196px;
display:block !important;
position: relative;

}


.item.photos {
      flex: 1 1 300px; /* Minimum genişlik ayarı */
      margin: 10px;
      font-size: 0.8em;
      box-sizing: border-box; /* Margin ve padding'in eleman genişliğine dahil edilmesi için */
      max-width: calc(33.3333% - 20px); /* Maksimum genişlik ayarı, 3 sütun */
      background: url("sosyal-site-watermark.png") no-repeat center center;
      background-size: cover; /* Arka plan boyutunu kapla */
      display: block !important;
      position: relative;
  }


.item .title {
height: auto;
margin: 6px 0 4px;
color: #fff;
max-width: 100%;
overflow: hidden;
word-wrap: break-word;
white-space: normal; /* Metinlerin normal şekilde sarılması için */
display: -webkit-box;
-webkit-line-clamp: 2; /* Maksimum 2 satırda kısıtlama */
-webkit-box-orient: vertical;
padding-bottom: 2px;
line-height: 20px;
}

.item .known-for {
color: #adacac; font-size: 12px; line-height: 15px;
}

.filter-bar-region {
      position: relative;
      z-index: 10;
}

.list .error {
font-size: 1.5em;
text-align: center;
margin-top: 180px;
width: 80%;
margin-left: 10%;
position: absolute;
color: #727272;
font-weight: bold;
}

.list > .spinner {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5) center center no-repeat;
pointer-events: all;
z-index: 1;
top:0;
left:0;
}

.list > .spinner .loading-container {
margin: 380px auto 0px;
opacity: 0.8;
}

.default-frame .list::-webkit-scrollbar-track {
margin-top: 35px;
}

.default-frame .items_show::-webkit-scrollbar-track {
margin-top: 35px;
}

.default-frame .items_movie::-webkit-scrollbar-track {
margin-top: 35px;
}



.item.watched {
opacity: 0.4;
}

.item.watched .cover,
.item.watched.selected {
opacity: 1;
}

.item.movies .cover, .item.tv .cover, .item.persons .cover, .item.actor .cover  {
background-image: url("sosyal-site-watermark.png");
-webkit-background-size: 134px 196px;
background-size: 134px 196px;
width: 100%;
height: 196px;
border-radius: 4px;
-webkit-box-shadow: 0px 0px 10px;
box-shadow: 0px 0px 10px;
cursor: pointer;
}


.item.photos .cover {
      background-image: url("sosyal-site-watermark.png");
      width: 100%;
      height: 256px;
      border-radius: 4px;
      -webkit-box-shadow: 0px 0px 10px;
      box-shadow: 0px 0px 10px;
      cursor: pointer;
}

.item .cover.empty {
background-image: none;
}

.item .cover .cover-overlay {
width: 100%;
height: 100%;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
opacity: 0;
display: none;
}

.item .cover .cover-overlayimg {
position: absolute;
left: 0;
}

.item .cover .cover-overlay.fadein {
opacity: 1;
}

.item .cover .cover-overlay.cover-info-overlay {
padding: 88px 0;
background: rgba(23, 24, 27, 0.6);
border: 2px solid #17181b;
border-radius: 4px;
}

.item .cover .cover-overlay .actions-favorites {
float: right;
margin-top: -80px;
margin-right: 7px;
color: #fff;
font-size: 1.4em;
-webkit-transition: all 0.5s;
opacity: 0.3;
}

.item .cover .cover-overlay .actions-favorites.selected {
color: #df2d37;
opacity: 1;
}

.item .cover .cover-overlay .actions-favorites:hover {
cursor: pointer;
color: #2468cc;
opacity: 1;
}

.item .cover .cover-overlay .actions-watched {
float: left;
margin-top: -80px;
margin-left: 7px;
color: #fff;
font-size: 1.4em;
-webkit-transition: all 0.5s;
opacity: 0.3;
}

.item .cover .cover-overlay .actions-watched:hover {
cursor: pointer;
color: #2468cc;
opacity: 1;
}

.item .cover .cover-overlay .actions-watched.selected {
opacity: 1;
}

.item .cover .cover-overlay .rating {
background: -webkit-linear-gradient(
      top,
      rgba(206, 206, 206, 0) 0%,
      rgba(22, 22, 22, 0.69) 69%,
      rgba(22, 22, 22, 0.95) 100%
);
background: linear-gradient(
      to bottom,
      rgba(206, 206, 206, 0) 0%,
      rgba(22, 22, 22, 0.69) 69%,
      rgba(22, 22, 22, 0.95) 100%
);
border-radius: 4px;
bottom: 0;
display: none;
height: auto;
left: 0;
margin: 0;
padding: 10px 5px 5px;
position: absolute;
right: 0;
text-align: left;
}

.item .cover .cover-overlay .rating-stars {
float: left;
margin-top: -1px;
font-size: 85%;
}

.item .cover .cover-overlay .rating-stars .rating-star {
color: #ffc900;
padding-right: 0px;
vertical-align: middle;
}

.item .cover .cover-overlay .rating-stars .rating-star-half {
color: #ffc900;
width: 50%;
}

.item .cover .cover-overlay .rating-stars .rating-star-half-empty {
color: #a3a5a7;
vertical-align: middle;
}

.item .cover .cover-overlay .rating-stars .rating-star-empty {
color: #a3a5a7;
vertical-align: middle;
margin-right: 0px;
}

.item .cover .cover-overlay .rating-stars .rating-star-half-container {
width: 1em;
height: 1em;
line-height: 1em;
vertical-align: middle;
margin-right: 1px;
}

.item .cover .cover-overlay .rating-value {
font-size: 1em;
color: #fff;
float: right;
}
.item.selected .cover .cover-info-overlay {
border: 2px solid #2d75df;
opacity: 1;
will-change: transform;
}
.item.selected > .cover .cover-overlay {
display: block;
-webkit-animation: fadeBd 0.5s ease;
animation: fadeBd 0.5s ease;
}

.item.selected .cover .cover-info-overlay {
border: 2px solid #2d75df;
opacity: 1;
will-change: transform;
}



.item .title2 {
font-size: 0.85em;
color: #fff;
height: auto;
margin: -2px 0 3px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-bottom: 2px;
}

.item .year {
font-size: 0.85em;
color: #5b5b5b;
display: inline;
}



.item .destra.job {
      opacity:0.5;font-size: 0.85em; background-color: #17181b; color: #fff; padding: 2px 5px; position: absolute; left: 5px; top: 5px; border-radius: 5px;
}



.item .seasons {
font-size: 0.85em;
color: #5b5b5b;
display: inline;
float: right;
margin-top: 2px;
}
.item .destra {
font-size: 0.85em;
color: #5b5b5b;
display: inline;
float: right;
margin-top: 2px;
}

.sswatermark {
position: absolute;
top: 37%;
left: 37%;
color: #fff;
font-size: 3.4em;
-webkit-transition: all 0.5s;
opacity: 0.3;

}

.cover-overlay .fa.user {
font-size: 10px;
position:relative;
top:-1px;
}

.items.main .user {
position: absolute;
top: 37%;
left: 37%;
color: #fff;
font-size: 3.4em;
-webkit-transition: all 0.5s;
opacity: 0.3;
}

.load-more,
.search-more {
position: relative;
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
width: 134px;
height: 196px;
border-radius: 4px;
border: 2px solid rgba(0, 0, 0, 0);
-webkit-box-shadow: 0px 0px 10px;
box-shadow: 0px 0px 10px;
cursor: pointer;
display: inline-block;
margin: 10px;
float: left;
background-color: #17181b;
opacity: 1;
}

.load-more:hover,
.search-more:hover {
border: 2px solid #2d75df;
-webkit-transition: border 400ms ease;
}

.load-more:hover > #overlay,
.search-more:hover > #overlay {
display: block;
}

.load-more > .loading-container,
.search-more > .loading-container {
display: none;
margin: 0;
position: relative;
width: 100%;
height: 100%;
}

.load-more > .loading-container .ball,
.search-more > .loading-container .ball,
.load-more > .loading-container .ball1,
.search-more > .loading-container .ball1 {
position: absolute;
top: 50%;
left: 50%;
margin: -25px;
-webkit-transform: translate(-50%, -50%);
}

.load-more > .loading-container .ball1,
.search-more > .loading-container .ball1 {
margin: -15px;
}

.filter-bar .randomFilmTabShow, .filter-bar .randomTvTabShow {
      color:#3db3cf;
}

.load-more .status-loadmore,
.search-more .status-loadmore,
.load-more .status-searchmore,
.search-more .status-searchmore {
position: absolute;
color: #fff;
padding-bottom: 10px;
padding-top: 10px;
border-radius: 2px;
font-family: "Open Sans", sans-serif;
opacity: 0.3;
text-align: center;
top: 50%;
line-height: 22px;
left: 50%;
width: 90%;
-webkit-transform: translate(-50%, -50%);
}

.load-more .status-loadmore #searchtor,
.search-more .status-loadmore #searchtor,
.load-more .status-searchmore #searchtor,
.search-more .status-searchmore #searchtor {
height: 2.8em;
padding: 5px 0 48px;
font-size: 1.4em;
}

.load-more .status-loadmore #searchtor #searchtor_globe,
.search-more .status-loadmore #searchtor #searchtor_globe,
.load-more .status-searchmore #searchtor #searchtor_globe,
.search-more .status-searchmore #searchtor #searchtor_globe {
padding-right: 10px;
}

.load-more .status-loadmore #searchtor #searchtor_mag,
.search-more .status-loadmore #searchtor #searchtor_mag,
.load-more .status-searchmore #searchtor #searchtor_mag,
.search-more .status-searchmore #searchtor #searchtor_mag {
top: -5px;
padding-left: 15px;
-webkit-text-stroke: 2px #17181b;
}

.load-more #overlay,
.search-more #overlay {
background: rgba(23, 24, 27, 0.6);
height: 100%;
width: 100%;
position: absolute;
opacity: 0.8;
display: none;
}

.ghost {
width: 134px;
height: 0;
margin: 10px;
}

@-moz-keyframes fadeBd {
from {
      border-color: #17181b;
}

to {
      border-color: #2d75df;
}
}

@-webkit-keyframes fadeBd {
from {
      border-color: #17181b;
}

to {
      border-color: #2d75df;
}
}

@-o-keyframes fadeBd {
from {
      border-color: #17181b;
}

to {
      border-color: #2d75df;
}
}

@keyframes fadeBd {
from {
      border-color: #17181b;
}

to {
      border-color: #2d75df;
}
}

.movie-detail {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
z-index: 99;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-lines: multiple;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
height: 100vh;
padding-top: 65px;
width: 100vw;
-webkit-user-select: none;
user-select: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: #17181b;
position: fixed;
top:-37px;
left:0;
}

.movie-detail .backdrop-overlay {
width: 100vw;
height: 150vh;
position: absolute;
top: 0;
opacity: 0.65;
background-color: #000;
}

.movie-detail .backdrop {
width: 100vw;
height: 100vh;
position: absolute;
opacity: 0;
background-position-x: 50%;
background-position-y: -33px;
-webkit-filter: blur(15px) brightness(0.7);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
}

.movie-detail .backdrop.fadein {
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
opacity: 1;
}

.movie-detail .poster-box {
height: 75vh;
margin-top: 8vh;
width: 35vw;
padding-left: 4vw;
}

.movie-detail .poster-box .mcover-image {
float: right;
width: 100%;
max-width: 50vh;
max-height: 75vh;
position: relative;
margin-right: 1vw;
border-radius: 10px;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.movie-detail .poster-box .mcover-image.fadein {
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
opacity: 1;
}

.movie-detail .content-box {
height: 75vh;
margin-top: 5vh;
      width: 64.99vw;
      padding-right: 4vw;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: box;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      flex-direction: column;
      overflow-y: auto; /* Dikey kaydırma çubuğu ekler */
      overflow-x: hidden; /* Yatay kaydırmayı gizler */
}

.movie-detail .content-box .meta-container {
height: calc(100% - 70px);
-webkit-box-flex: 2;
box-flex: 2;
-webkit-flex: 2;
flex: 2;
margin-left:10px;
}

.movie-detail .content-box .meta-container .title {
color: #fff;
position: relative;
text-stroke: 1px rgba(0, 0, 0, 0.1);
font-size: 38px;
font-family: "Open Sans", sans-serif;
display: flex;
justify-content: space-between; 
align-items: center; 
-webkit-font-smoothing: antialiased;
}



.info-boxes {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 16px 8px;
position: relative;
color:#fff;
margin-top: 60px;
}

.info-boxes .box h4 {
      display: flex;
      color: #fff;
      align-items: center;
      font-size: 16px;
}

.info-boxes .box {
      margin-bottom: 15px;
}

.info-boxes small {
      display: block;
      letter-spacing: .75px;
      opacity: 0.5;
      margin-top: 5px;
      font-size: 13px;
      
}

.movie-detail .content-box .meta-container .title.tagLine {
      font-size: 16px !important;
      margin-top:13px;
      margin-bottom:20px;
}

.movie-detail .content-box .meta-container .metadatas {
top: 15px;
height: 20px;
position: relative;
display: flex;
}

.movie-detail .content-box .meta-container .metadatas .metaitem {
color: #f8f8f8;
font-size: 12px;
position: relative;
font-family: "Open Sans", sans-serif;
text-stroke: 1px rgba(0, 0, 0, 0.1);
float: left;
-webkit-font-smoothing: antialiased;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.movie-detail .content-box .meta-container .moviegenres {
      position: relative;
}
.movie-detail .content-box .meta-container .moviegenres span {
display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    background: linear-gradient(90.07deg, #FEE882 1.86%, #DBB155 16.17%, #FFF79F 51.64%, #FEE882 75.77%, #C99740 98.88%);
    color: #000;
    border-radius: 2px;
    margin-right: 10px;
    margin-bottom: 5px;
    cursor: pointer;
    transition: all 150ms ease-in-out;
    border-radius: 6px;
}


.movie-detail .content-box .meta-container .metadatas .metaitem::before {
content: "";
margin: 9px 15px 0px 15px;
position: relative;
display: inline-block;
width: 4px;
float: left;
height: 4px;
border-radius: 2px;
background-color: #dbdbdd;
}

.movie-detail
.content-box
.meta-container
.metadatas
.metaitem:first-child::before {
display: none;
}

.movie-detail .content-box .meta-container .metadatas .show-cast {
color: #f8f8f8;
font-size: 12px;
position: relative;
font-family: "Font Awesome 5 Free";
text-stroke: 1px rgba(0, 0, 0, 0.1);
float: left;
-webkit-font-smoothing: antialiased;
cursor: pointer;
}

.movie-detail .content-box .meta-container .metadatas .tmdb-link {
color: #f8f8f8;
font-size: 11px;
position: relative;
font-family: "Font Awesome 5 Free";
text-stroke: 1px rgba(0, 0, 0, 0.1);
float: left;
-webkit-font-smoothing: antialiased;
cursor: pointer;
opacity: 0.4;
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}

.movie-detail .content-box .meta-container .metadatas .tmdb-link:hover {
opacity: 1;
}

.movie-detail .content-box .meta-container .metadatas .tmdb-link.disabled {
cursor: default;
opacity: 0.4;
}

.movie-detail .content-box .meta-container .metadatas .year,
.movie-detail .content-box .meta-container .metadatas .certification {
color: #f8f8f8;
font-size: 12px;
position: relative;
font-family: "Open Sans", sans-serif;
text-stroke: 1px rgba(0, 0, 0, 0.1);
float: left;
-webkit-font-smoothing: antialiased;
cursor: pointer;
}

.movie-detail .content-box .meta-container .metadatas .movie-imdb-link {
margin-top: -3px;
padding-top: 3px;
width: 29px;
float: left;
height: 16px;
position: relative;
cursor: pointer;
background: url("../images/icons/imdb.png") right top no-repeat;
}

.movie-detail
.content-box
.meta-container
.metadatas
.rating-container
.hidden {
display: none;
}

.movie-detail
.content-box
.meta-container
.metadatas
.rating-container
.number-container {
width: auto;
float: left;
font-size: 12px;
font-family: "Open Sans", sans-serif;
color: #fff;
cursor: pointer;
z-index: 2;
margin-left: 5px;
}

.item.resim-yok:hover {
      background: none !important;
}


.movie-detail
.content-box
.meta-container
.metadatas
.rating-container
.star-container {
width: auto;
float: left;
position: relative;
z-index: 2;
cursor: pointer;
margin-top: 5px;
}

.movie-detail
.content-box
.meta-container
.metadatas
.rating-container
.star-container
.rating-star {
color: #ffc900;
font-size: 11px;
padding-right: 3px;
}

.movie-detail
.content-box
.meta-container
.metadatas
.rating-container
.star-container
.rating-star-half {
color: #ffc900;
font-size: 11px;
margin-left: -4px;
padding-right: 3px;
}

.movie-detail
.content-box
.meta-container
.metadatas
.rating-container
.star-container
.rating-star-half-empty {
color: #a3a5a7;
font-size: 11px;
margin-left: -4px;
}

.movie-detail
.content-box
.meta-container
.metadatas
.rating-container
.star-container
.rating-star-empty {
color: #a3a5a7;
font-size: 11px;
padding-right: 3px;
}

.movie-detail
.content-box
.meta-container
.metadatas
.rating-container
.star-container
.rating-star-half-container {
width: 1em;
height: 1em;
line-height: 1em;
margin-top: -1px;
margin-right: -1px;
margin-left: 4px;
}

.movie-detail .content-box .meta-container .metadatas .health-icon {
position: relative;
font-size: 14px;
float: right;
margin-right: 2%;
margin-top: -1px;
color: #737577;
cursor: pointer;
}

.movie-detail .content-box .meta-container .metadatas .health-icon.Bad {
color: #d53f3f;
}

.movie-detail .content-box .meta-container .metadatas .health-icon.Medium {
color: #ece523;
}

.movie-detail .content-box .meta-container .metadatas .health-icon.Good {
color: #a3e147;
}

.movie-detail .content-box .meta-container .metadatas .health-icon.Excellent {
color: #2ad942;
}

.movie-detail .content-box .meta-container .metadatas .magnet-link {
position: relative;
font-size: 13px;
float: right;
margin-right: 10px;
color: #ddd;
cursor: pointer;
}

.movie-detail .content-box .meta-container .metadatas .magnet-link:hover {
color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.movie-detail .content-box .meta-container .metadatas .source-link {
position: relative;
font-size: 13px;
float: right;
margin-right: 12px;
color: #ddd;
cursor: pointer;
}

.movie-detail .content-box .meta-container .metadatas .source-link:hover {
color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.movie-detail .content-box .meta-container .overview {
position: relative;
overflow: hidden;
float: none;
color: #fff;
top: 25px;
display:flex;
padding-right: 2%;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 13px;
line-height: 22px;
text-align: justify;
text-stroke: 1px rgba(0, 0, 0, 0.1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
}

.movie-detail .content-box .meta-container .overview::-webkit-scrollbar {
width: 5px;
}

.movie-detail .content-box .meta-container .overview::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.movie-detail .content-box .meta-container .overview::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.movie-detail
.content-box
.meta-container
.overview::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.movie-detail .content-box .meta-container .overview::-webkit-resizer,
.movie-detail .content-box .meta-container .overview::-webkit-scrollbar-corner,
.movie-detail .content-box .meta-container .overview::-webkit-scrollbar-button,
.movie-detail
.content-box
.meta-container
.overview::-webkit-scrollbar-track-piece {
display: none;
}

.movie-detail .content-box .meta-container .overview span {
opacity: 0.7;
font-size: 90%;
}

.movie-detail .content-box .meta-container .overview span.cname {
cursor: pointer;
opacity: 1;
font-size: 100%;
}

.movie-detail .content-box .meta-container .overview span.showall-cast {
cursor: pointer;
opacity: 1;
font-size: 100%;
}

.movie-detail .content-box .meta-container .overview p.sline {
line-height: 0.6;
}

.movie-detail .content-box .play-control {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
white-space: nowrap;
height: 70px;
line-height: 35px;
margin: -1px 25px 1px 16px;
}

.movie-detail .content-box .play-control .flex-left {
min-width: 420px;
margin-right: -15px;
}

.movie-detail .content-box .play-control .setup-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-left: -10px;
}

.movie-detail .content-box .play-control .toggles-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-flex: 2;
box-flex: 2;
-webkit-flex: 2;
flex: 2;
padding-bottom: 10px;
}

.movie-detail .content-box .play-control .favourites-toggle {
cursor: pointer;
padding: 5px;
padding-left: 24px;
float: left;
color: #fff;
height: 26px;
position: relative;
width: auto;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 12px;
line-height: 17px;
margin-right: 20px;
}

.movie-detail .content-box .play-control .favourites-toggle:before {
content: "\f004";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 18px;
color: #fff;
left: 0;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.movie-detail .content-box .play-control .favourites-toggle:after {
content: "\f004";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 18px;
color: #2468cc;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.movie-detail .content-box .play-control .favourites-toggle:hover:before {
opacity: 0;
}

.movie-detail .content-box .play-control .favourites-toggle:hover:after {
opacity: 1;
}

.movie-detail .content-box .play-control .favourites-toggle.selected {
height: 18px;
position: relative;
}

.movie-detail .content-box .play-control .favourites-toggle.selected:before {
content: "\f004";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 18px;
color: #df2d37;
left: 0;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.movie-detail .content-box .play-control .favourites-toggle.selected:after {
content: "\f004";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 18px;
color: #fff;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.movie-detail
.content-box
.play-control
.favourites-toggle.selected:hover:before {
opacity: 0;
}

.movie-detail
.content-box
.play-control
.favourites-toggle.selected:hover:after {
opacity: 1;
}

.movie-detail .content-box .play-control .watched-toggle {
cursor: pointer;
padding: 5px;
padding-left: 24px;
float: left;
color: #fff;
height: 26px;
position: relative;
width: auto;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 12px;
line-height: 17px;
}

.movie-detail .content-box .play-control .watched-toggle:before {
content: "\f070";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 18px;
color: #fff;
left: 0;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.movie-detail .content-box .play-control .watched-toggle:after {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 20px;
color: #299000;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.movie-detail .content-box .play-control .watched-toggle:hover:before {
opacity: 0;
}

.movie-detail .content-box .play-control .watched-toggle:hover:after {
opacity: 1;
}

.movie-detail .content-box .play-control .watched-toggle.selected:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 20px;
color: #299000;
left: 0;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.movie-detail .content-box .play-control .watched-toggle.selected:after {
content: "\f070";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 18px;
color: #fff;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.movie-detail .content-box .play-control .watched-toggle.selected:hover:before {
opacity: 0;
}

.movie-detail .content-box .play-control .watched-toggle.selected:hover:after {
opacity: 1;
}

.movie-detail .content-box .play-control .play-selector {
position: relative;
float: left;
}

.movie-detail .content-box .play-control .play-selector .startStreaming {
margin-left: 12px;
margin-right: 12px;
}

.movie-detail .content-box .play-control .play-selector .startStreaming:after {
content: "";
width: 70%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}

.movie-detail .content-box .play-control .quality-selector {
position: relative;
float: left;
}

.movie-detail .content-box .play-control .quality-selector .sdow-quality {
line-height: normal;
padding: 4px;
height: 35px;
}

.movie-detail .content-box .play-control .quality-selector .sdow-quality div {
cursor: pointer;
float: left;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 11px;
color: #fff;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
padding: 4px;
margin-right: 6px;
margin-top: 2px;
}

.movie-detail
.content-box
.play-control
.quality-selector
.sdow-quality
.disabled {
opacity: 0.3;
cursor: default;
}

.movie-detail
.content-box
.play-control
.quality-selector
.sdow-quality
.active {
cursor: pointer;
opacity: 1;
color: #fff;
background: rgba(43, 110, 210, 0.84);
border-radius: 10px;
font-family: "Open Sans", sans-serif;
}

.movie-detail .content-box .play-control .movie-quality-container {
margin-top: 10px;
float: left;
position: relative;
height: 15px;
width: 95px;
left: 3%;
line-height: 1;
}

.movie-detail
.content-box
.play-control
.movie-quality-container
.sdow-quality
div {
cursor: pointer;
float: left;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 11px;
color: #fff;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
padding: 4px;
}

.movie-detail .content-box .play-control .movie-quality-container .tooltip {
width: 85px;
}

.movie-detail .content-box .play-control .movie-quality-container .disabled {
opacity: 0.3;
cursor: default;
}

.movie-detail .content-box .play-control .movie-quality-container .active {
cursor: pointer;
opacity: 1;
color: #fff;
background: rgba(43, 110, 210, 0.84);
border-radius: 10px;
font-family: "Open Sans", sans-serif;
}

.movie-detail .content-box .play-control .movie-quality-container .switch {
background: transparent;
border-radius: 32px;
display: block;
height: 12px;
position: absolute;
left: 28px;
width: 25px;
border: 2px solid #fff;
cursor: pointer;
}

.movie-detail
.content-box
.play-control
.movie-quality-container
.switch
label {
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
width: 20px;
cursor: pointer;
}

.movie-detail
.content-box
.play-control
.movie-quality-container
.switch
label:nth-of-type(1) {
left: -38px;
position: absolute;
text-align: right;
}

.movie-detail
.content-box
.play-control
.movie-quality-container
.switch
label:nth-of-type(2) {
position: absolute;
right: -30px;
text-align: left;
}

.movie-detail
.content-box
.play-control
.movie-quality-container
.switch
.tooltip {
width: 130px;
}

.movie-detail
.content-box
.play-control
.movie-quality-container
.switch
input {
height: 7px;
left: -27px;
opacity: 0;
position: absolute;
top: -4px;
width: 79px;
z-index: 2;
cursor: pointer;
}

.movie-detail
.content-box
.play-control
.movie-quality-container
.switch
input:checked {
z-index: 0;
}

.movie-detail
.content-box
.play-control
.movie-quality-container
.switch
input:checked
~ label:nth-of-type(1) {
color: #2468cc;
}

.movie-detail
.content-box
.play-control
.movie-quality-container
.switch
input:checked
~ label:nth-of-type(2) {
color: #fff;
}

.movie-detail
.content-box
.play-control
.movie-quality-container
.switch
input:checked
~ .toggle {
left: 0px;
}

.movie-detail
.content-box
.play-control
.movie-quality-container
.switch
input
~ :checked
~ label:nth-of-type(1) {
color: #fff;
}

.movie-detail
.content-box
.play-control
.movie-quality-container
.switch
input
~ :checked
~ label:nth-of-type(2) {
color: #2468cc;
}

.movie-detail
.content-box
.play-control
.movie-quality-container
.switch
input
~ :checked
~ .toggle {
left: 11px;
}

.movie-detail
.content-box
.play-control
.movie-quality-container
.switch
.toggle {
-webkit-transition: left 0.2s ease;
transition: left 0.2s ease;
background: #2468cc;
border-radius: 50%;
height: 10px;
left: 0px;
position: absolute;
top: -1px;
width: 10px;
}

#movie-error .button {
position: absolute;
cursor: pointer;
height: 35px;
width: 250px;
top: 0;
margin-top: 275px;
border-radius: 3px;
-webkit-background-clip: padding;
background-clip: padding-box;
background-color: #1f375f;
padding: 0 15px;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
color: #fff;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
text-align: center;
font-size: 12px;
line-height: 34px;
}

#movie-error .button:hover {
background: #225694;
text-decoration: none;
}

#movie-error .button:active {
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
background: #2468cc;
}

#movie-error .button .button-text {
margin-left: 12px;
margin-right: 12px;
}

#movie-error .button .button-text:after {
content: "";
width: 70%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}

#movie-error .button .button-text i {
font-size: 14px;
}

#movie-error .retry-button {
visibility: hidden;
position: relative;
display: inline-block;
}

#movie-error .change-api,
#movie-error .online-search {
visibility: hidden;
width: auto;
min-width: 250px;
max-width: 300px;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
display: inline-block;
}

.show-detail-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
width: 100%;
padding-top: 67px;
background: #17181b;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
flex-direction: column;
}

.show-detail-container .show-header {
width: 100vw;
/*height: 25vh TODO: responsive header (especially poster)*/
min-height: 215px;
}

.show-detail-container .show-header .sh-backdrop .shb-img {
position: absolute;
min-height: 215px;
width: 100vw;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
-webkit-filter: blur(60px) brightness(0.7);
background-color: #17181b;
opacity: 0;
}

.show-detail-container .show-header .sh-backdrop .shb-img.fadein {
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
opacity: 1;
}

.show-detail-container .show-header .sh-poster {
float: left;
width: 198px;
height: 100%;
z-index: 20;
position: relative;
pointer-events: none;
-webkit-transition: -webkit-transform 0.05s ease-out;
transition: transform 0.05s ease-out;
}

.show-detail-container .show-header .sh-poster .shp-img {
position: relative;
margin-left: 32px;
margin-top: 10px;
width: 134px;
height: 197px;
-webkit-box-shadow: 0px 0px 10px;
box-shadow: 0px 0px 10px;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
border-radius: 4px;
opacity: 0;
background-color: #17181b;
pointer-events: auto;
cursor: pointer;
}

.show-detail-container .show-header .sh-poster .shp-img.fadein {
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
opacity: 1;
}

.show-detail-container .show-header .sh-poster.active {
-webkit-transform: scale(3.5);
transform: scale(3.5);
left: 180px;
top: 260px;
-webkit-transition: -webkit-transform 0.12s ease-out;
transition: transform 0.12s ease-out;
}

.show-detail-container .show-header .sh-metadata {
float: left;
position: relative;
height: 194px;
width: calc(100% - 198px);
padding-top: 10px;
padding-right: 45px;
}

.show-detail-container .show-header .sh-metadata .shm-title {
color: #fff;
font-family: "Open Sans";
-webkit-font-smoothing: antialiased;
font-size: 28px;
margin-bottom: 8px;
margin-top: 5px;
}

.show-detail-container .show-header .sh-metadata .shm-infos div {
float: left;
font-size: 11px;
font-family: "Open Sans", sans-serif;
color: #fff;
-webkit-font-smoothing: antialiased;
}

.show-detail-container .show-header .sh-metadata .shm-infos div.shmi-year {
cursor: pointer;
}

.show-detail-container .show-header .sh-metadata .shm-infos div.shmi-tmdb-link {
cursor: pointer;
opacity: 0.4;
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}

.show-detail-container
.show-header
.sh-metadata
.shm-infos
div.shmi-tmdb-link:hover {
opacity: 1;
}

.show-detail-container
.show-header
.sh-metadata
.shm-infos
div.shmi-tmdb-link.disabled {
cursor: default;
opacity: 0.4;
}

.show-detail-container .show-header .sh-metadata .shm-infos div.shmi-imdb {
cursor: pointer;
background: url("../images/icons/imdb.png") no-repeat;
width: 27px;
height: 16px;
position: relative;
top: -2px;
}

.show-detail-container .show-header .sh-metadata .shm-infos div.shmi-rating {
cursor: pointer;
}

.show-detail-container
.show-header
.sh-metadata
.shm-infos
div.shmi-rating
.hidden {
display: none;
}

.show-detail-container
.show-header
.sh-metadata
.shm-infos
div.shmi-rating
.number-container-tv {
position: relative;
font-size: 12px;
font-family: "Open Sans", sans-serif;
color: #fff;
}

.show-detail-container
.show-header
.sh-metadata
.shm-infos
div.shmi-rating
.number-container-tv
em {
font-size: 0.8em;
}

.show-detail-container
.show-header
.sh-metadata
.shm-infos
div.shmi-rating
.star-container-tv {
position: relative;
opacity: 1;
margin-left: 5px;
}

.show-detail-container
.show-header
.sh-metadata
.shm-infos
div.shmi-rating
.star-container-tv
.rating-star {
color: #ffc900;
font-size: 11px;
padding-right: 3px;
}

.show-detail-container
.show-header
.sh-metadata
.shm-infos
div.shmi-rating
.star-container-tv
.rating-star-half {
color: #ffc900;
font-size: 11px;
margin-left: -4px;
padding-right: 3px;
}

.show-detail-container
.show-header
.sh-metadata
.shm-infos
div.shmi-rating
.star-container-tv
.rating-star-half-empty {
color: #a3a5a7;
font-size: 11px;
margin-left: -4px;
}

.show-detail-container
.show-header
.sh-metadata
.shm-infos
div.shmi-rating
.star-container-tv
.rating-star-empty {
color: #a3a5a7;
font-size: 11px;
padding-right: 3px;
}

.show-detail-container
.show-header
.sh-metadata
.shm-infos
div.shmi-rating
.star-container-tv
.rating-star-half-container {
width: 1em;
height: 1em;
line-height: 1em;
margin-top: -3px;
margin-left: 4px;
}

.show-detail-container .show-header .sh-metadata .shm-infos span.dot {
margin: 8px 15px 0 15px;
float: left;
width: 3px;
height: 3px;
border-radius: 2px;
-webkit-background-clip: padding;
background-clip: padding-box;
background-color: #dbdbdd;
cursor: default;
}

.show-detail-container .show-header .sh-metadata .shm-synopsis {
color: #fff;
float: left;
width: 100%;
text-align: justify;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 12px;
line-height: 22px;
max-height: 107px;
padding-right: 8px;
margin-top: 8px;
margin-bottom:20px;
overflow: hidden;
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
}

.show-detail-container
.show-header
.sh-metadata
.shm-synopsis::-webkit-scrollbar {
width: 5px;
}

.show-detail-container
.show-header
.sh-metadata
.shm-synopsis::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.show-detail-container
.show-header
.sh-metadata
.shm-synopsis::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.show-detail-container
.show-header
.sh-metadata
.shm-synopsis::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.show-detail-container .show-header .sh-metadata .shm-synopsis::-webkit-resizer,
.show-detail-container
.show-header
.sh-metadata
.shm-synopsis::-webkit-scrollbar-corner,
.show-detail-container
.show-header
.sh-metadata
.shm-synopsis::-webkit-scrollbar-button,
.show-detail-container
.show-header
.sh-metadata
.shm-synopsis::-webkit-scrollbar-track-piece {
display: none;
}

.show-detail-container .show-header .sh-metadata.active {
filter: blur(4px);
pointer-events: none;
}

.show-detail-container .show-header .sh-actions {
float: left;
position: relative;
width: calc(100% - 198px);
height: 35px;
margin-top: -15px;
padding-right: 45px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
white-space: nowrap;
}

.show-detail-container .show-header .sh-actions .dropdowns-container {
margin: -10px -30px 0 0;
}

.show-detail-container
.show-header
.sh-actions
.dropdowns-container
#audio-dropdown
.lang-dropdown {
background: none;
}

.show-detail-container .show-header .sh-actions .sha-bookmark {
float: left;
cursor: pointer;
padding-left: 24px;
color: #fff;
position: relative;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 12px;
line-height: 37px;
}

.show-detail-container .show-header .sh-actions .sha-bookmark:before {
content: "\f004";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 18px;
color: #fff;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.show-detail-container .show-header .sh-actions .sha-bookmark:after {
content: "\f004";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 18px;
color: #2468cc;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}



.show-detail-container .show-header .sh-actions .sha-bookmark:hover:before {
opacity: 0;
}

.show-detail-container .show-header .sh-actions .sha-bookmark:hover:after {
opacity: 1;
}

.show-detail-container .show-header .sh-actions .sha-bookmark.selected {
height: 18px;
width: 200px;
}

.show-detail-container .show-header .sh-actions .sha-bookmark.selected:before {
content: "\f004";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 18px;
color: #df2d37;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.show-detail-container .show-header .sh-actions .sha-bookmark.selected:after {
content: "\f004";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 18px;
color: #fff;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.show-detail-container
.show-header
.sh-actions
.sha-bookmark.selected:hover:before {
opacity: 0;
}

.show-detail-container
.show-header
.sh-actions
.sha-bookmark.selected:hover:after {
opacity: 1;
}

.show-detail-container .show-header .sh-actions .sha-watched {
float: left;
cursor: pointer;
padding-left: 24px;
margin-left: 20px;
color: #fff;
position: relative;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 12px;
line-height: 37px;
display: none;
}

.show-detail-container .show-header .sh-actions .sha-watched:before {
content: "\f070";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 18px;
color: #fff;
left: 0;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.show-detail-container .show-header .sh-actions .sha-watched:after {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 20px;
color: #299000;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.show-detail-container .show-header .sh-actions .sha-watched:hover:before,
.show-detail-container .show-header .sh-actions .sha-watched.selected:before {
opacity: 0;
}

.show-detail-container .show-header .sh-actions .sha-watched:hover:after,
.show-detail-container .show-header .sh-actions .sha-watched.selected:after {
opacity: 1;
}

.show-detail-container .show-header .sh-actions.active {
filter: blur(4px);
pointer-events: none;
}

.show-detail-container .show-details {
width: 100vw;
z-index: 1;
background: #1f2024;
height: calc(100vh - 282px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
padding-left: 20px /* left-pad */;
/* ugly rule to bypass restrictions */
}

.show-detail-container .show-details .sd-seasons ul,
.show-detail-container .show-details .sd-episodes ul {
height: calc(100vh - 340px);
cursor: pointer;
direction: rtl;
white-space: nowrap;
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
}

.show-detail-container .show-details .sd-seasons ul::-webkit-scrollbar,
.show-detail-container .show-details .sd-episodes ul::-webkit-scrollbar {
width: 5px;
}

.show-detail-container .show-details .sd-seasons ul::-webkit-scrollbar-track,
.show-detail-container .show-details .sd-episodes ul::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.show-detail-container .show-details .sd-seasons ul::-webkit-scrollbar-thumb,
.show-detail-container .show-details .sd-episodes ul::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.show-detail-container
.show-details
.sd-seasons
ul::-webkit-scrollbar-thumb:hover,
.show-detail-container
.show-details
.sd-episodes
ul::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.show-detail-container .show-details .sd-seasons ul::-webkit-resizer,
.show-detail-container .show-details .sd-episodes ul::-webkit-resizer,
.show-detail-container .show-details .sd-seasons ul::-webkit-scrollbar-corner,
.show-detail-container .show-details .sd-episodes ul::-webkit-scrollbar-corner,
.show-detail-container .show-details .sd-seasons ul::-webkit-scrollbar-button,
.show-detail-container .show-details .sd-episodes ul::-webkit-scrollbar-button,
.show-detail-container
.show-details
.sd-seasons
ul::-webkit-scrollbar-track-piece,
.show-detail-container
.show-details
.sd-episodes
ul::-webkit-scrollbar-track-piece {
display: none;
}

.show-detail-container .show-details .sd-seasons ul li,
.show-detail-container .show-details .sd-episodes ul li {
padding: 0px 15px;
margin: 1px 0px 1px 1px;
float: left;
width: calc(100% - 7px);
}

.show-detail-container .show-details .sd-seasons ul li .watched,
.show-detail-container .show-details .sd-episodes ul li .watched {
padding: 9px 0;
color: rgba(255, 255, 255, 0.2);
-webkit-transition: color 0.5s;
transition: color 0.5s;
}

.show-detail-container .show-details .sd-seasons ul li .watched:hover,
.show-detail-container .show-details .sd-episodes ul li .watched:hover {
color: rgba(255, 255, 255, 0.4);
}

.show-detail-container .show-details .sd-seasons ul li .watched.true,
.show-detail-container .show-details .sd-episodes ul li .watched.true {
color: #fff;
}

.show-detail-container .show-details .sd-seasons ul li:nth-child(odd),
.show-detail-container .show-details .sd-episodes ul li:nth-child(odd) {
background-color: #1f2025;
}

.show-detail-container .show-details .sd-seasons ul li:hover,
.show-detail-container .show-details .sd-episodes ul li:hover {
background: #26272d;
}

.show-detail-container .show-details .sd-seasons ul li.active,
.show-detail-container .show-details .sd-episodes ul li.active {
background-color: #1b2d4c;
position: relative;
}

.show-detail-container .show-details .sd-seasons ul li.active:after,
.show-detail-container .show-details .sd-episodes ul li.active:after {
content: "";
position: absolute;
top: 0px;
right: -12px;
width: 0;
height: 0;
border-color: #17181b #17181b #17181b #1b2d4c;
border-style: solid;
border-width: 16px 6px 17px 6px;
}

.show-detail-container .show-details .sd-seasons ul a,
.show-detail-container .show-details .sd-episodes ul a {
text-decoration: none;
font-size: 15px;
line-height: 34px;
font-weight: normal;
float: left;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
direction: ltr;
}

.show-detail-container .show-details .sd-seasons ul a span,
.show-detail-container .show-details .sd-episodes ul a span {
float: left;
margin: 0px 15px 0px 5px;
}

.show-detail-container .show-details .sd-seasons ul a div,
.show-detail-container .show-details .sd-episodes ul a div {
white-space: nowrap;
border-left: 1px solid #17181b;
padding-left: 30px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
}

.show-detail-container .show-details .sd-seasons .sds-title,
.show-detail-container .show-details .sd-episodes .sds-title,
.show-detail-container .show-details .sd-seasons .sde-title,
.show-detail-container .show-details .sd-episodes .sde-title {
font-size: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 15px;
margin-top: 2px;
color: #fff;
}

.show-detail-container .show-details .sd-seasons {
min-width: 165px;
max-width: 165px;
-webkit-flex-shrink: 1;
flex-shrink: 1;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
padding: 10px;
}

.show-detail-container .show-details .sd-seasons .sds-list ul a {
color: #fff;
font-family: sans-serif;
white-space: nowrap;
}

.show-detail-container .show-details .sd-episodes {
-webkit-box-flex: 2;
box-flex: 2;
-webkit-flex-grow: 2;
flex-grow: 2;
padding: 10px;
}

.show-detail-container .show-details .sd-episodes .sde-list ul li a {
color: #8d9296;
font-family: "Open Sans", sans-serif;
min-width: 70px;
max-width: calc(60vw - 290px);
}

.show-detail-container .show-details .sd-episodes .sde-list ul li.active a {
color: #fff;
}

.show-detail-container .show-details .sd-overview {
background: #1f2025;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 35vw;
min-width: 375px;
padding: 10px 30px 10px 18px /* right pad */;
}

.show-detail-container .show-details .sd-overview .sdo-infos .sdoi-title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 24px;
margin-top: 2px;
padding-bottom: 6px;
color: #fff;
}

.show-detail-container .show-details .sd-overview .sdo-infos .sdoi-links {
position: absolute;
right: 42px;
margin-top: -6px;
}

.show-detail-container .show-details .sd-overview .sdo-infos .sdoi-links > div {
padding: 5px 3px;
cursor: pointer;
position: relative;
}

.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-links
.health-icon {
font-size: 14px;
color: #737577;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}

.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-links
.health-icon.Bad {
color: #d53f3f;
}

.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-links
.health-icon.Medium {
color: #ece523;
}

.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-links
.health-icon.Good {
color: #a3e147;
}

.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-links
.health-icon.Excellent {
color: #2ad942;
}

.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-links
.magnet-icon {
font-size: 13px;
color: #ddd;
}

.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-links
.magnet-icon:hover {
color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-links
.source-icon {
font-size: 13px;
color: #ddd;
margin-right: 2px;
}

.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-links
.source-icon:hover {
color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.show-detail-container .show-details .sd-overview .sdo-infos .sdoi-aired {
font-size: 12px;
line-height: 15px;
margin-bottom: 10px;
color: #8d9296;
}

.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-aired
.sdoi-date {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.show-detail-container .show-details .sd-overview .sdo-infos .sdoi-synopsis {
color: #fff;
font-size: 13px;
line-height: 18px;
text-align: left;
margin-top: 10px;
padding: 2px 15px 5px 0;
height: calc(100vh - 425px);
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
}

.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-synopsis::-webkit-scrollbar {
width: 5px;
}

.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-synopsis::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-synopsis::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-synopsis::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-synopsis::-webkit-resizer,
.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-synopsis::-webkit-scrollbar-corner,
.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-synopsis::-webkit-scrollbar-button,
.show-detail-container
.show-details
.sd-overview
.sdo-infos
.sdoi-synopsis::-webkit-scrollbar-track-piece {
display: none;
}

.sdoi-synopsis img {
border-radius: 10px;
width:99%;
}

.show-detail-container .show-details .sd-overview .sdo-watch {
height: 60px;
padding: 5px 0px 15px 0px;
}

.show-detail-container .show-details .sd-overview .sdo-watch .play-selector {
position: relative;
float: right;
margin-top: 6px;
}

.show-detail-container
.show-details
.sd-overview
.sdo-watch
.play-selector.disabled {
position: absolute;
right: 5px;
margin-top: -65px;
cursor: pointer;
opacity: 1;
filter: none;
}

.show-detail-container .show-details .sd-overview .sdo-watch .sdow-quality {
margin-top: 20px;
float: left;
}

.show-detail-container .show-details .sd-overview .sdo-watch .sdow-quality div {
cursor: pointer;
float: left;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 11px;
color: #fff;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
padding: 4px;
margin-right: 6px;
}

.show-detail-container
.show-details
.sd-overview
.sdo-watch
.sdow-quality
.disabled {
opacity: 0.3;
cursor: default;
}

.show-detail-container
.show-details
.sd-overview
.sdo-watch
.sdow-quality
.active {
cursor: pointer;
opacity: 1;
color: #fff;
background: rgba(43, 110, 210, 0.84);
border-radius: 10px;
font-family: "Open Sans", sans-serif;
}

.show-detail-container .show-details .sd-overview .sdo-watch .sdow-watchnow {
margin-top: 6px;
float: right;
}

.show-detail-container
.show-details
.sd-overview
.sdo-watch
.sdow-watchnow.disabled {
visibility: hidden;
}

.show-detail-container
.show-details
.sd-seasons[style*="display: none"]
+ .sd-episodes
ul
a
div {
max-width: calc(60vw - 100px);
}

.show-detail-container .show-details > .spinner {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5) center center no-repeat;
pointer-events: all;
z-index: 1;
}

.show-detail-container .show-details > .spinner .loading-container {
margin: 180px auto 0px;
opacity: 0.8;
}

.show-detail-container .show-details.active {
filter: brightness(50%) blur(4px);
pointer-events: none;
}

.about-container {
z-index: 1;
height: 100%;
width: 100%;
position: fixed;
background-color: #17181b;
-webkit-user-select: none;
opacity: 1;
background-image: url("../images/bg-header.jpg");
-webkit-background-size: cover;
background-size: cover;
background-position: 50% 50%;
}

.about-container .margintop {
height: calc(20% - 20px);
}

.about-container .icon-title {
opacity: 0.9;
margin: 80px auto 25px auto;
height: 110px;
max-height: 110px;
display: block;
}

.about-container .overlay-content {
height: 100%;
width: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.4);
z-index: -1;
}

.about-container .content {
margin: 0 auto;
width: 80%;
height: 60%;
color: #fff;
font-weight: 100;
font-family: sans-serif;
font-size: 17px;
text-align: center;
}

.about-container .content .title-issue a {
color: #fff;
font-family: sans-serif;
font-size: 15px;
text-decoration: none;
}

.about-container .content .title-issue a:hover {
color: #225694;
text-decoration: none;
}

.about-container .content .title-big {
font-size: 2.4em;
position: absolute;
}

.about-container .content .title-version {
position: absolute;
right: 8px;
bottom: 8px;
font-size: 11px;
}

.about-container .content .title-version a {
cursor: pointer;
color: #fff;
}

.about-container .content .title-version a:hover {
color: #225694;
}

.about-container .content .text-about {
line-height: 1.2em;
text-align: justify;
text-align-last: center;
margin: 40px auto;
max-width: 42em;
font-size: 1em;
}

.about-container .content .text-about .full-text {
height: 90px;
}

.about-container .content .text-about br {
line-height: 2;
}

.about-container .content .icons_social {
bottom: 45px;
position: absolute;
left: 0;
right: 0;
}

.about-container .content .icons_social a {
width: 38px;
height: 38px;
display: inline-block;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
margin: 0 8px;
}

.about-container .content .icons_social a:hover {
opacity: 0.7;
}

.about-container .content .icons_social a.site_icon {
background: url("../images/icons/icon-popcorn.png") no-repeat center;
-webkit-background-size: contain;
background-size: contain;
}

.about-container .content .icons_social a.twitter_icon {
background: url("../images/icons/icon-twitter.png") no-repeat center;
-webkit-background-size: contain;
background-size: contain;
}

.about-container .content .icons_social a.facebook_icon {
background: url("../images/icons/icon-facebook.png") no-repeat center;
-webkit-background-size: contain;
background-size: contain;
}

.about-container .content .icons_social a.google_icon {
background: url("../images/icons/icon-google.png") no-repeat center;
-webkit-background-size: contain;
background-size: contain;
}

.about-container .content .icons_social a.stash_icon {
background: url("../images/icons/icon-stash.png") no-repeat center;
-webkit-background-size: contain;
background-size: contain;
}

.about-container .content .icons_social a.ci_icon {
background: url("../images/icons/icon-ci.png") no-repeat center;
-webkit-background-size: contain;
background-size: contain;
}

.about-container .content .icons_social a.github_icon {
background: url("../images/icons/icon-github.png") no-repeat center;
-webkit-background-size: contain;
background-size: contain;
}

.about-container .content .icons_social a.gitlab_icon {
background: url("../images/icons/icon-gitlab.png") no-repeat center;
-webkit-background-size: contain;
background-size: contain;
}

.ekko-lightbox iframe {
border-radius:10px !important
}

.about-container .content .icons_social a.blog_icon {
background: url("../images/icons/icon-blog.png") no-repeat center;
-webkit-background-size: contain;
background-size: contain;
}

.about-container .content .icons_social a.forum_icon {
background: url("../images/icons/icon-discourse.png") no-repeat center;
-webkit-background-size: contain;
background-size: contain;
}

.about-container .content .icons_social a.reddit_icon {
background: url("../images/icons/icon-reddit.png") no-repeat center;
-webkit-background-size: contain;
background-size: contain;
}

.about-container .content .last-line {
bottom: 25px;
color: #fff;
font-family: sans-serif;
font-size: 14px;
position: absolute;
left: 0;
right: 0;
}

.about-container .content .last-line .heart {
color: #e74c3c;
}

.about-container .changelog-overlay {
background: rgba(0, 0, 0, 0.8);
display: none;
position: fixed;
top: 32px;
width: 100vw;
height: 100vh;
z-index: 2;
}

.about-container .changelog-overlay .title {
font-size: 24px;
padding: 0 0 20px;
margin-top: 5vh;
color: #fff;
font-family: sans-serif;
text-align: center;
}

.about-container .changelog-overlay .changelog-text {
color: #efefef;
text-align: justify;
font-family: sans-serif;
width: 70%;
height: 70%;
margin: 0 auto;
margin-top: 2vh;
padding: 0px 15px;
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
}

.about-container .changelog-overlay .changelog-text::-webkit-scrollbar {
width: 5px;
}

.about-container .changelog-overlay .changelog-text::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.about-container .changelog-overlay .changelog-text::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.about-container
.changelog-overlay
.changelog-text::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.about-container .changelog-overlay .changelog-text::-webkit-resizer,
.about-container .changelog-overlay .changelog-text::-webkit-scrollbar-corner,
.about-container .changelog-overlay .changelog-text::-webkit-scrollbar-button,
.about-container
.changelog-overlay
.changelog-text::-webkit-scrollbar-track-piece {
display: none;
}

.vpn-container {
z-index: 1;
height: 100%;
width: 100%;
position: fixed;
background-color: #17181b;
-webkit-user-select: none;
opacity: 1;
background-image: url("../images/bg-header.jpg");
-webkit-background-size: cover;
background-size: cover;
background-position: 50% 50%;
}

.vpn-container input[type="text"],
.vpn-container input[type="password"] {
width: 60%;
font-size: 20px;
text-align: left;
text-align-last: left;
padding-left: 10px;
margin: 10px;
height: 30px;
border: 0 !important;
line-height: 15px;
background-color: #393b3d;
resize: none;
color: #c3c5c7;
font-family: "Open Sans", sans-serif;
cursor: text;
outline: 0 !important;
}

.vpn-container .margintop {
height: calc(20% - 20px);
}

.vpn-container .create-account {
margin-top: 2em;
}

.vpn-container .hidden {
display: none;
}

.vpn-container .account_alert {
margin-top: 15px;
margin-bottom: 15px;
}

.vpn-container .account_alert .account_alert_message {
padding: 10px;
border-radius: 3px;
background-color: #f44336;
color: #fff;
}

.vpn-container .install-vpn {
margin-top: 3em;
}

.vpn-container .already-customer {
font-size: 13px;
cursor: pointer;
color: #fff;
}

.vpn-container .signup-button,
.vpn-container .select-plan-button {
margin-top: 20px;
}

.vpn-container .spinner {
width: 30px;
height: 30px;
}

.vpn-container .green {
color: #8ce196 !important;
font-weight: bold;
}

.vpn-container .select-plan-container {
margin: 0 auto;
width: 380px;
padding: 35px;
text-align: center;
}

.vpn-container .select-plan-container-top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
}

.vpn-container .select-plan-container-top span {
margin: 0 35px;
font-size: 14pt;
padding-top: 15px;
display: inline;
color: #fff;
}

.vpn-container .switch-input {
visibility: hidden;
}

.vpn-container .switch-input + label {
display: block;
position: relative;
cursor: pointer;
outline: none;
-webkit-user-select: none;
user-select: none;
}

.vpn-container .switch-container {
width: 90px;
}

.vpn-container .switch-flat + label {
padding: 2px;
width: 80px;
height: 35px;
background-color: #ddd;
border-radius: 60px;
-webkit-transition: background 0.4s;
transition: background 0.4s;
}

.vpn-container .switch-flat + label:before,
.vpn-container .switch-flat + label:after {
display: block;
position: absolute;
content: "";
}

.vpn-container .switch-flat + label:before {
top: 2px;
left: 2px;
bottom: 2px;
right: 2px;
background-color: #fff;
border-radius: 60px;
-webkit-transition: background 0.4s;
transition: background 0.4s;
}

.vpn-container .switch-flat + label:after {
top: 4px;
left: 4px;
bottom: 4px;
width: 35px;
background-color: #ddd;
border-radius: 52px;
-webkit-transition: margin 0.4s, background 0.4s;
transition: margin 0.4s, background 0.4s;
}

.vpn-container .switch-flat:checked + label {
background-color: #8ce196;
}

.vpn-container .switch-flat:checked + label:after {
margin-left: 41px;
background-color: #8ce196;
}

.vpn-container .price {
font-size: 40px;
line-height: 50px;
font-family: Arial;
font-weight: bold;
color: #fff;
margin: 0;
margin-top: 30px;
margin-bottom: 0px;
}

.vpn-container .period {
display: block;
font-size: 13pt;
color: #fefefe;
}

.vpn-container .selectPlanButton {
width: 90%;
cursor: pointer;
margin-top: 40px;
margin-bottom: 5px;
padding: 18px;
background-color: #fff;
color: #8ce196;
border-radius: 50px;
border: 3px solid #8ce196;
cursor: pointer;
font-size: 16pt;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.vpn-container .selectPlanButton:hover {
color: #fff;
background-color: #8ce196;
}

.vpn-container .payment-buttons {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
margin-top: 30px;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}

.vpn-container .payment-buttons .button {
height: 70px;
line-height: 90px;
}

.vpn-container .grey {
color: #888 !important;
}

.vpn-container .button {
font-size: 30px;
border-radius: 3px;
-webkit-background-clip: padding;
background-clip: padding-box;
background-color: #1f375f;
padding: 0 15px;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
color: #fff;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
text-align: center;
line-height: 64px;
}

.vpn-container .button:hover {
cursor: pointer;
color: #2468cc;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.vpn-container .icon-title {
opacity: 0.9;
margin: 80px auto 25px auto;
height: 110px;
max-height: 110px;
display: block;
}

.vpn-container .overlay-content {
height: 100%;
width: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.4);
z-index: -1;
}

.vpn-container .content {
margin: 0 auto;
width: 80%;
height: 60%;
color: #fff;
font-weight: 100;
font-family: sans-serif;
font-size: 17px;
text-align: center;
}

.vpn-container .content .title-big {
font-size: 2.4em;
margin-bottom: 1.5em;
}

.vpn-container .content .text-vpn {
line-height: 1.2em;
text-align: justify;
text-align-last: center;
margin: 0 auto;
max-width: 42em;
font-size: 1em;
}

.vpn-container .content .text-vpn br {
line-height: 2;
}

.help-container {
z-index: 15;
height: 100%;
width: 100%;
position: fixed;
-webkit-user-select: none;
opacity: 1;
}

.help-container .overlay-content {
height: 100%;
width: 100%;
position: absolute;
background: #17181b;
opacity: 0.95;
z-index: -1;
}

.help-container h1 {
font-family: sans-serif;
font-weight: bold;
font-size: 20px;
}

.help-container h1 + hr {
margin-top: 10px;
margin-bottom: 10px;
}

.help-container .content {
height: 100%;
margin: 0 auto;
margin-top: 60px;
width: 80%;
color: #fff;
font-family: sans-serif;
font-size: 15px;
}

.help-container .content .text-about {
margin-top: 55px;
line-height: 22px;
margin-bottom: 20px;
position: absolute;
width: 60%;
}

.help-container .content .did-you-know {
display: inline-block;
text-align: center;
line-height: 26px;
vertical-align: middle;
font-family: sans-serif;
margin-bottom: 10px;
cursor: pointer;
}

.help-container .content .did-you-know .title-dyk {
font-family: sans-serif;
font-weight: bold;
color: #fff;
font-size: 20px;
margin-right: 10px;
}

.help-container .content .did-you-know .title-dyk .icon-dyk {
font-size: 22px;
color: #fff;
margin-right: 10px;
}

.help-container .content .did-you-know .randomized-dyk {
font-size: 16px;
}

.help-container .content .help-outer {
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
height: calc(100% - 185px);
padding-right: 15px;
text-align: justify;
}

.help-container .content .help-outer::-webkit-scrollbar {
width: 5px;
}

.help-container .content .help-outer::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.help-container .content .help-outer::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.help-container .content .help-outer::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.help-container .content .help-outer::-webkit-resizer,
.help-container .content .help-outer::-webkit-scrollbar-corner,
.help-container .content .help-outer::-webkit-scrollbar-button,
.help-container .content .help-outer::-webkit-scrollbar-track-piece {
display: none;
}

.help-container .content .help-outer h2 {
font-family: sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 22px;
color: #fff;
margin-bottom: 6px;
margin-top: 15px;
}

.help-container .content .help-outer h2.top {
margin-top: 5px;
}

.help-container .content .help-outer p {
font-family: sans-serif;
font-size: 15px;
line-height: 20px;
color: #fff;
opacity: 0.9;
}

.help-container .content .help-outer li {
margin-top: 6px;
line-height: 18px;
font-size: 14px;
font-family: sans-serif;
opacity: 0.9;
}

.help-container .content .help-outer b {
font-family: sans-serif;
font-weight: bold;
}

.help-container .content .help-outer #in-app-reporter {
cursor: pointer;
}

.help-container .content .help-outer em {
font-size: 0.8em;
}

.keyboard-container {
z-index: 15;
height: 100%;
width: 100%;
position: fixed;
-webkit-user-select: none;
opacity: 1;
}

.keyboard-container .overlay-content {
height: 100%;
width: 100%;
position: absolute;
background: #17181b;
opacity: 0.95;
z-index: -1;
}

.keyboard-container h1 {
font-family: sans-serif;
font-weight: bold;
font-size: 20px;
}

.keyboard-container h1 + hr {
margin-top: 10px;
}

.keyboard-container .content {
height: 100%;
margin: 0 auto;
margin-top: 80px;
width: 80%;
color: #fff;
font-family: sans-serif;
font-size: 15px;
}

.keyboard-container .content .text-about {
margin-top: 55px;
line-height: 22px;
margin-bottom: 20px;
position: absolute;
width: 60%;
}

.keyboard-container .keyboard-outer {
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
height: calc(100% - 200px);
}

.keyboard-container .keyboard-outer::-webkit-scrollbar {
width: 5px;
}

.keyboard-container .keyboard-outer::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.keyboard-container .keyboard-outer::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.keyboard-container .keyboard-outer::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.keyboard-container .keyboard-outer::-webkit-resizer,
.keyboard-container .keyboard-outer::-webkit-scrollbar-corner,
.keyboard-container .keyboard-outer::-webkit-scrollbar-button,
.keyboard-container .keyboard-outer::-webkit-scrollbar-track-piece {
display: none;
}

.keyboard-container .fix-float {
float: left;
position: relative;
left: 50%;
}

.keyboard-container .keyboard-table {
float: left;
position: relative;
left: -50%;
}

.keyboard-container .keyboard-table.last {
margin-left: 30px;
}

.keyboard-container .keyboard-table tbody:first-child tr:first-child th {
padding-top: 0;
}

.keyboard-container .keyboard-table th {
padding-top: 25px;
font-size: 16px;
font-family: sans-serif;
font-weight: bold;
line-height: 1.5;
color: #e6e6e6;
text-align: left;
}

.keyboard-container .keyboard-table td {
padding-top: 3px;
padding-bottom: 3px;
line-height: 22px;
}

.keyboard-container .keyboard-table tr td:first-child {
padding-top: 1px;
padding-right: 10px;
text-align: right;
white-space: nowrap;
}

.keyboard-container .keyboard-table td span.mouse {
width: 23px;
height: 19px;
margin-left: 1px;
margin-right: 6px;
vertical-align: bottom;
}

.keyboard-container .keyboard-table td span.key {
margin-left: 7px;
margin-right: 7px;
}

.keyboard-container .keyboard-table td span.key:first-child {
margin-left: 0;
}

.keyboard-container .keyboard-table td span.key:last-child {
margin-right: 0;
}

.keyboard-container .key {
display: inline-block;
color: #1a1a1a;
font: bold 9pt arial;
text-decoration: none;
text-align: center;
width: 23px;
height: 21px;
background: #eff0f2;
border-radius: 4px;
border-top: 1px solid #f5f5f5;
-webkit-box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9,
      0 2px 3px #333;
box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9,
      0 2px 3px #333;
text-shadow: 0px 1px 0px #f5f5f5;
padding: 3px 0 0;
text-transform: uppercase;
}

.keyboard-container .key.tab {
text-align: left;
padding: 23px 0 0 10px;
font-size: 7.5pt;
text-transform: lowercase;
}

.keyboard-container .key.esc {
padding: 6px 2px 0 0;
font-size: 7.5pt;
text-transform: lowercase;
}

.keyboard-container .key.delete,
.keyboard-container .key.tab {
width: 36px;
}

.keyboard-container .key.caps,
.keyboard-container .key.enter {
width: 54px;
}

.keyboard-container .key.shiftleft,
.keyboard-container .key.shiftright {
width: 56px;
}

.keyboard-container .key.fn,
.keyboard-container .key.control,
.keyboard-container .key.option,
.keyboard-container .key.command,
.keyboard-container .key.spacebar {
height: 24px;
}

.keyboard-container .key.control {
width: 38px;
}

.keyboard-container .key.option {
width: 23px;
}

.keyboard-container .key.command {
width: 38px;
}

.keyboard-container .key.spacebar {
width: 113px;
}

.keyboard-container .key.down {
height: 11px;
}

.keyboard-container .key.up,
.keyboard-container .key.leftarrow,
.keyboard-container .key.rightarrow {
height: 12px;
}

.keyboard-container .key.leftarrow,
.keyboard-container .key.rightarrow {
padding: 5px 5px 5px;
}

.keyboard-container .key.up {
padding: 5px 5px 1px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}

.keyboard-container .key.down {
padding: 0 5px 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

.keyboard-container .key.arrow {
font-size: 14px;
}

.shows-container-contain {
      position: fixed;
      top: -18px;
      left: 0;
      z-index: 99;
}

.featured-articles {
      position: relative;
    z-index: 1;
}

.file-selector-container {
z-index: 100;
height: 100%;
width: 100%;
position: fixed;
background-color: #17181b;
-webkit-user-select: none;
opacity: 1;
background-position: 50% 50%;
}

.file-selector-container .button {
position: absolute;
right: 17%;
cursor: pointer;
height: 35px;
margin-top: 15px;
border-radius: 3px;
-webkit-background-clip: padding;
background-clip: padding-box;
background-color: #1f375f;
padding: 0 15px;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
color: #fff;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
text-align: center;
font-size: 12px;
line-height: 34px;
}

.file-selector-container .button:hover {
background: #225694;
text-decoration: none;
}

.file-selector-container .button:active {
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
background: #2468cc;
}

.file-selector-container .button .playerchoice {
padding-left: 0px;
margin: 0;
border: 0;
}

.file-selector-container .button.store-torrent {
right: initial;
margin-left: 17%;
margin-top: 15px;
position: absolute;
}

.file-selector-container .button.disabled {
background-color: #393b3d;
}

.file-selector-container .button.disabled:hover {
background-color: #393b3d;
}

.file-selector-container .button.disabled:active {
background-color: #393b3d;
}

.file-selector-container .title {
font-size: 24px;
padding: 0 0 20px;
margin-top: 100px;
color: #fff;
font-family: sans-serif;
text-align: center;
}

.file-selector-container .fakeskan {
display: none;
position: absolute;
width: 66%;
left: 17%;
text-align: center;
padding: 5px 0px;
background: rgba(0, 0, 0, 0.2);
margin-top: -28px;
color: #fff;
font-family: sans-serif;
font-size: 13px;
line-height: 16px;
}

.file-selector-container .fakeskan:before {
content: "\f071";
color: #ff0;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
padding-right: 8px;
}

.file-selector-container .content {
margin: 0 auto;
width: 66%;
height: 60%;
color: #fff;
font-family: sans-serif;
font-size: 17px;
text-align: center;
-webkit-box-shadow: inset -3px 0px 10px rgba(0, 0, 0, 0.67);
box-shadow: inset -3px 0px 10px rgba(0, 0, 0, 0.67);
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
}

.file-selector-container .content::-webkit-scrollbar {
width: 5px;
}

.file-selector-container .content::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.file-selector-container .content::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.file-selector-container .content::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.file-selector-container .content::-webkit-resizer,
.file-selector-container .content::-webkit-scrollbar-corner,
.file-selector-container .content::-webkit-scrollbar-button,
.file-selector-container .content::-webkit-scrollbar-track-piece {
display: none;
}

.file-selector-container .content ul li.file-item {
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
background: rgba(255, 255, 255, 0.05);
text-align: left;
margin: 2px;
cursor: pointer;
color: #eee;
}

.file-selector-container .content ul li.file-item a {
color: #eee;
text-decoration: blink;
width: 100%;
display: block;
padding: 10px 0 10px 40px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.file-selector-container .content ul li.file-item a:hover {
color: #225694;
}

.file-selector-container .content ul li.file-item a:active {
color: #2468cc;
}

.torrent-collection-container {
height: 100%;
width: 100%;
position: fixed;
background-color: #17181b;
-webkit-user-select: none;
opacity: 1;
}

.torrent-collection-container .margintop {
height: 100px;
}

.torrent-collection-container .content {
margin: 0 auto;
width: 85%;
height: calc(100% - 140px);
color: #727272;
font-weight: 100;
font-family: sans-serif;
font-size: 17px;
}

.torrent-collection-container .content #savedtorrentslabel {
font-size: 50px;
opacity: 0.07;
left: 80px;
top: 122px;
text-align: left;
position: absolute;
z-index: -1;
}

.torrent-collection-container .content #searchresultslabel {
font-size: 48px;
opacity: 0.07;
left: 80px;
top: 126px;
text-align: left;
position: absolute;
z-index: -1;
}

.torrent-collection-container .content #savedtorrentslabeltext,
.torrent-collection-container .content #searchresultslabeltext {
font-size: 36px;
font-family: "Open Sans", sans-serif;
font-style: normal;
opacity: 0.07;
left: 134px;
top: 134px;
text-align: left;
position: absolute;
z-index: -1;
}

.torrent-collection-container .content .onlinesearch {
position: relative;
top: -10px;
padding-left: 140px;
width: 460px;
margin: 0 auto;
}

.torrent-collection-container .content .onlinesearch .search_in {
background-color: #393b3d;
margin: 0px 0px 15px -88px;
padding: 9px 0px 9px 2px;
display: none;
position: absolute;
height: 30px;
min-width: 352px;
}

.torrent-collection-container .content .onlinesearch .search_in span {
color: #c3c5c7;
font-family: "Open Sans", sans-serif;
font-size: 12px;
float: left;
height: 12px;
padding: 0px 8px 10px 8px;
vertical-align: top;
opacity: 0.85;
margin-top: 1px;
-webkit-transition: opacity 0.1s ease-in;
transition: opacity 0.1s ease-in;
}

.torrent-collection-container .content .onlinesearch .search_in span:hover {
opacity: 1;
}

.torrent-collection-container
.content
.onlinesearch
.search_in
input[type="checkbox"].sengine-checkbox {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}

.torrent-collection-container
.content
.onlinesearch
.search_in
input[type="checkbox"].sengine-checkbox
+ label {
height: 12px;
display: inline-block;
line-height: 12px;
font-size: 12px;
font-family: "Open Sans", sans-serif;
vertical-align: middle;
cursor: pointer;
color: #c3c5c7;
opacity: 0.5;
}

.torrent-collection-container
.content
.onlinesearch
.search_in
input[type="checkbox"].sengine-checkbox
+ label:hover {
opacity: 1;
}

.torrent-collection-container
.content
.onlinesearch
.search_in
input[type="checkbox"].sengine-checkbox:checked
+ label {
opacity: 1;
}

.torrent-collection-container
.content
.onlinesearch
.search_in
input[type="checkbox"].sengine-checkbox:checked
+ label:after {
opacity: 1;
}

.torrent-collection-container .content .onlinesearch .search_in label:before {
content: "\f0c8";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
padding-right: 5px;
margin-left: -1px;
float: left;
position: relative;
color: #545454;
}

.torrent-collection-container .content .onlinesearch .search_in label:after {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 10px;
margin-right: -14px;
color: #4bfff4;
position: relative;
float: left;
left: -15px;
opacity: 0;
-webkit-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out;
}

.torrent-collection-container .content .onlinesearch .engine-selector {
position: absolute;
margin-left: -160px;
}

.torrent-collection-container .content .onlinesearch .engine-selector div {
width: 30px;
height: 30px;
opacity: 0.3;
float: left;
cursor: pointer;
-webkit-transition: opacity 0.1s ease-in;
transition: opacity 0.1s ease-in;
}

.torrent-collection-container
.content
.onlinesearch
.engine-selector
div#kat-icon {
background: url("../images/icons/kickasstorrents.png");
-webkit-background-size: contain;
background-size: contain;
}

.torrent-collection-container
.content
.onlinesearch
.engine-selector
div#strike-icon {
-webkit-filter: brightness(1);
background: url("../images/icons/getstrike.png");
-webkit-background-size: contain;
background-size: contain;
}

.torrent-collection-container
.content
.onlinesearch
.engine-selector
div.active {
opacity: 1;
}

.torrent-collection-container .content .onlinesearch input[type="text"] {
border: 0 !important;
line-height: 16px;
background-color: #393b3d;
resize: none;
color: #c3c5c7;
font-family: "Open Sans", sans-serif;
font-size: 13px;
padding-left: 10px;
cursor: text;
outline: 0 !important;
height: 30px;
min-width: 264px;
}

.torrent-collection-container .content .onlinesearch .online-search {
margin-left: 5px;
cursor: pointer;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}

.torrent-collection-container .content .onlinesearch .online-search:hover {
color: #225694;
}

.torrent-collection-container .content .onlinesearch .togglesengines {
cursor: pointer;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}

.torrent-collection-container .content .onlinesearch .togglesengines:hover {
color: #225694;
}

.torrent-collection-container .content .onlinesearch .dropdown {
position: absolute;
margin-top: 9px;
margin-left: -88px;
border-bottom: 3px solid #17181b;
border-right: 3px solid #17181b;
z-index: 1000;
}

.torrent-collection-container .content .onlinesearch .dropdown select {
position: relative;
padding-left: 5px;
border: 0 !important;
-webkit-appearance: none;
height: 30px;
width: 85px;
line-height: 25px;
margin-top: -9px;
background-color: #393b3d;
cursor: pointer;
color: #c3c5c7;
font-family: "Open Sans", sans-serif;
font-size: 13px;
float: left;
outline: 0;
padding-right: 15px;
}

.torrent-collection-container .content .onlinesearch .dropdown option {
background: #393b3d;
border: 0 !important;
outline: 0;
}

.torrent-collection-container .content .onlinesearch .dropdown .dropdown-arrow {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid #c3c5c7;
top: 4px;
margin-left: -13px;
position: relative;
float: left;
cursor: pointer;
}

.torrent-collection-container .content .notorrents-info {
display: block;
height: 90%;
margin-top: 10%;
}

.torrent-collection-container .content .notorrents-info .notorrents-frame {
border: 6px dashed #727272;
margin: 0 auto;
width: 250px;
height: 250px;
border-radius: 25px;
color: #727272;
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}

.torrent-collection-container
.content
.notorrents-info
.notorrents-frame:hover {
color: #225694;
border-color: #225694;
}

.torrent-collection-container
.content
.notorrents-info
.notorrents-frame:active {
color: #2468cc;
border-color: #2468cc;
}

.torrent-collection-container
.content
.notorrents-info
.notorrents-frame
.notorrents-icon {
font-size: 120px;
padding-top: 40px;
}

.torrent-collection-container
.content
.notorrents-info
.notorrents-frame
.notorrents-message {
font-family: "Open Sans", sans-serif;
font-size: 20px;
}

.torrent-collection-container .content .torrents-info,
.torrent-collection-container .content .onlinesearch-info {
display: none;
margin: 60px auto;
height: calc(100% - 90px);
color: #fff;
font-family: sans-serif;
font-size: 17px;
text-align: center;
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
}

.torrent-collection-container .content .torrents-info::-webkit-scrollbar,
.torrent-collection-container .content .onlinesearch-info::-webkit-scrollbar {
width: 5px;
}

.torrent-collection-container .content .torrents-info::-webkit-scrollbar-track,
.torrent-collection-container
.content
.onlinesearch-info::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.torrent-collection-container .content .torrents-info::-webkit-scrollbar-thumb,
.torrent-collection-container
.content
.onlinesearch-info::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.torrent-collection-container
.content
.torrents-info::-webkit-scrollbar-thumb:hover,
.torrent-collection-container
.content
.onlinesearch-info::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.torrent-collection-container .content .torrents-info::-webkit-resizer,
.torrent-collection-container .content .onlinesearch-info::-webkit-resizer,
.torrent-collection-container .content .torrents-info::-webkit-scrollbar-corner,
.torrent-collection-container
.content
.onlinesearch-info::-webkit-scrollbar-corner,
.torrent-collection-container .content .torrents-info::-webkit-scrollbar-button,
.torrent-collection-container
.content
.onlinesearch-info::-webkit-scrollbar-button,
.torrent-collection-container
.content
.torrents-info::-webkit-scrollbar-track-piece,
.torrent-collection-container
.content
.onlinesearch-info::-webkit-scrollbar-track-piece {
display: none;
}

.torrent-collection-container .content .torrents-info .online-back,
.torrent-collection-container .content .onlinesearch-info .online-back {
position: fixed;
font-size: 25px;
color: #727272;
cursor: pointer;
right: 7%;
top: 152px;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}

.torrent-collection-container .content .torrents-info .online-back:hover,
.torrent-collection-container .content .onlinesearch-info .online-back:hover {
color: #fff;
}

.torrent-collection-container .content .torrents-info ul li.file-item,
.torrent-collection-container .content .onlinesearch-info ul li.file-item,
.torrent-collection-container .content .torrents-info ul li.result-item,
.torrent-collection-container .content .onlinesearch-info ul li.result-item {
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
background: rgba(255, 255, 255, 0.05);
text-align: left;
cursor: pointer;
color: #eee;
height: 46px;
padding-left: 40px;
padding-right: 50px;
}

.torrent-collection-container .content .torrents-info ul li.file-item.disabled,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.file-item.disabled,
.torrent-collection-container
.content
.torrents-info
ul
li.result-item.disabled,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.result-item.disabled {
cursor: not-allowed;
opacity: 0.7;
}

.torrent-collection-container .content .torrents-info ul li.file-item a,
.torrent-collection-container .content .onlinesearch-info ul li.file-item a,
.torrent-collection-container .content .torrents-info ul li.result-item a,
.torrent-collection-container .content .onlinesearch-info ul li.result-item a {
color: #eee;
text-decoration: blink;
width: 100%;
padding: 14px 0;
display: block;
-webkit-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.torrent-collection-container .content .torrents-info ul li.file-item a:hover,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.file-item
a:hover,
.torrent-collection-container .content .torrents-info ul li.result-item a:hover,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.result-item
a:hover {
color: #225694;
}

.torrent-collection-container .content .torrents-info ul li.file-item a:active,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.file-item
a:active,
.torrent-collection-container
.content
.torrents-info
ul
li.result-item
a:active,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.result-item
a:active {
color: #2468cc;
}

.torrent-collection-container
.content
.torrents-info
ul
li.file-item
.item-delete,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.file-item
.item-delete,
.torrent-collection-container
.content
.torrents-info
ul
li.result-item
.item-delete,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.result-item
.item-delete,
.torrent-collection-container
.content
.torrents-info
ul
li.file-item
.item-rename,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.file-item
.item-rename,
.torrent-collection-container
.content
.torrents-info
ul
li.result-item
.item-rename,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.result-item
.item-rename {
position: relative;
color: #727272;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
left: calc(100% + 22px);
top: -45px;
}

.torrent-collection-container
.content
.torrents-info
ul
li.file-item
.item-delete:hover,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.file-item
.item-delete:hover,
.torrent-collection-container
.content
.torrents-info
ul
li.result-item
.item-delete:hover,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.result-item
.item-delete:hover,
.torrent-collection-container
.content
.torrents-info
ul
li.file-item
.item-rename:hover,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.file-item
.item-rename:hover,
.torrent-collection-container
.content
.torrents-info
ul
li.result-item
.item-rename:hover,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.result-item
.item-rename:hover {
color: #225694;
}

.torrent-collection-container
.content
.torrents-info
ul
li.file-item
.item-rename,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.file-item
.item-rename,
.torrent-collection-container
.content
.torrents-info
ul
li.result-item
.item-rename,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.result-item
.item-rename {
left: calc(100% - 25px);
}

.torrent-collection-container
.content
.torrents-info
ul
li.file-item
.item-icon,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.file-item
.item-icon,
.torrent-collection-container
.content
.torrents-info
ul
li.result-item
.item-icon,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.result-item
.item-icon {
position: relative;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-style: normal;
font-size: 15px;
height: 15px;
width: 15px;
color: #eee;
opacity: 0.7;
left: -25px;
top: -30px;
}

.torrent-collection-container
.content
.torrents-info
ul
li.file-item
.item-icon.torrent-icon:before,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.file-item
.item-icon.torrent-icon:before,
.torrent-collection-container
.content
.torrents-info
ul
li.result-item
.item-icon.torrent-icon:before,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.result-item
.item-icon.torrent-icon:before {
content: "\f016";
}

.torrent-collection-container
.content
.torrents-info
ul
li.file-item
.item-icon.magnet-icon:before,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.file-item
.item-icon.magnet-icon:before,
.torrent-collection-container
.content
.torrents-info
ul
li.result-item
.item-icon.magnet-icon:before,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.result-item
.item-icon.magnet-icon:before {
content: "\f076";
}

.torrent-collection-container
.content
.torrents-info
ul
li.file-item
.item-icon.magnet-icon:hover,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.file-item
.item-icon.magnet-icon:hover,
.torrent-collection-container
.content
.torrents-info
ul
li.result-item
.item-icon.magnet-icon:hover,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.result-item
.item-icon.magnet-icon:hover {
cursor: pointer;
opacity: 1;
}

.torrent-collection-container
.content
.torrents-info
ul
li.file-item
.online-size,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.file-item
.online-size,
.torrent-collection-container
.content
.torrents-info
ul
li.result-item
.online-size,
.torrent-collection-container
.content
.onlinesearch-info
ul
li.result-item
.online-size {
position: relative;
color: #727272;
font-style: normal;
font-size: 0.9em;
left: calc(100% - 35px);
top: -45px;
}



.plyr__video-wrapper {
      border-radius: 20px;
  }


.torrent-collection-container .content .torrents-info ul li.result-item a,
.torrent-collection-container .content .onlinesearch-info ul li.result-item a {
width: calc(100% - 50px);
}

.torrent-collection-container .content .collection-actions {
display: none;
position: absolute;
color: #727272;
/* override bootstrap */
}

.torrent-collection-container .content .collection-actions.disabled {
opacity: 0;
}

.torrent-collection-container .content .collection-actions .collection-paste {
position: fixed;
right: 85px;
bottom: 16px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}

.torrent-collection-container
.content
.collection-actions
.collection-paste:hover {
color: #225694;
}

.torrent-collection-container .content .collection-actions .collection-open {
position: fixed;
right: 25px;
bottom: 15px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}

.torrent-collection-container
.content
.collection-actions
.collection-open:hover {
color: #225694;
}

.torrent-collection-container .content .collection-actions .collection-import {
position: fixed;
right: 60px;
bottom: 15px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}

.torrent-collection-container
.content
.collection-actions
.collection-import:hover {
color: #225694;
}

.torrent-collection-container
.content
.collection-actions
.collection-import-hidden {
display: none;
}

.torrent-collection-container .content .collection-actions .tooltip {
min-width: 150px;
}

.settings-container-contain {
z-index: 1;
background-color: #17181b;
height: 100%;
width: calc(100% - 5px);
position: fixed;
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
padding-top: 42px;
}

.settings-container-contain::-webkit-scrollbar {
width: 5px;
}

.settings-container-contain::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.settings-container-contain::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.settings-container-contain::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.settings-container-contain::-webkit-resizer,
.settings-container-contain::-webkit-scrollbar-corner,
.settings-container-contain::-webkit-scrollbar-button,
.settings-container-contain::-webkit-scrollbar-track-piece {
display: none;
}

.settings-container-contain::-webkit-scrollbar-track {
margin-top: 32px;
margin-bottom: 5px;
}

.settings-container-contain .settings-container {
z-index: 1;
width: 100%;
height: auto;
position: absolute;
background-color: #17181b;
-webkit-user-select: none;
padding-bottom: 20px;
}

.settings-container-contain .settings-container section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-lines: multiple;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
width: 92%;
margin-left: auto;
margin-right: auto;
position: relative;
/* overlay styles, all needed */
}

.settings-container-contain .settings-container section .title {
padding-top: 26px;
color: #2d75df;
font-family: "Open Sans", sans-serif;
font-size: 17px;
width: 160px;
margin-right: 30px;
position: relative;
border-right: 1px solid #3a3b3e;
}

.settings-container-contain .settings-container section .content {
position: relative;
padding-top: 30px;
padding-left: 10px;
float: right;
width: calc(100% - 190px);
height: 100%;
color: #c3c5c7;
font-family: "Open Sans", sans-serif;
font-size: 13px;
border-bottom: 1px solid #3a3b3e;
}

.settings-container-contain .settings-container section .content span {
float: left;
width: 100%;
height: 40px;
}

.settings-container-contain .settings-container section .content span p {
min-width: 158px;
color: #c3c5c7;
font-family: "Open Sans", sans-serif;
font-size: 13px;
float: left;
}

.settings-container-contain .settings-container section .content span em {
color: #8a8b8e;
font-size: 12px;
}

.settings-container-contain
.settings-container
section
.content
span
#downloadsDir:hover
+ em,
.settings-container-contain
.settings-container
section
.content
span
#protocolEnc:hover
+ em {
opacity: 1;
}

.settings-container-contain
.settings-container
section
.content
span
#downloadsDir
+ em,
.settings-container-contain
.settings-container
section
.content
span
#protocolEnc
+ em {
padding-left: 14px;
cursor: default;
opacity: 0;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}

.settings-container-contain
.settings-container
section
.content
span
#downloadsDir
+ em:hover,
.settings-container-contain
.settings-container
section
.content
span
#protocolEnc
+ em:hover {
opacity: 0;
}

.settings-container-contain .settings-container .modal-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 99998;
}

.settings-container-contain .settings-container .modal-content {
display: none;
position: fixed;
width: 360px;
top: 35%;
left: 50%;
margin-left: -180px;
background-color: #212225;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #212225;
padding: 20px 20px 15px;
z-index: 99999 /* 1px higher than the overlay layer */;
}

.settings-container-contain .settings-container .modal-content .modal-close {
color: #000;
cursor: pointer;
position: absolute;
top: -11px;
right: -10px;
background: #fff;
border-radius: 51px;
padding: 0;
width: 21px;
height: 21px;
}

.settings-container-contain .settings-container .modal-content #qrcode {
margin: 0 59px 3px;
background-color: #fff;
border-radius: 5px;
}

.settings-container-contain .settings-container .poster_size > select {
width: 62px;
}

.settings-container-contain .settings-container #title .title {
color: #fff;
padding-top: 5px;
font-size: 22px;
}

.settings-container-contain .settings-container #title .content {
padding-top: 5px;
height: 30px;
border-bottom: 1px solid transparent;
}

.settings-container-contain .settings-container #title .content label {
margin-top: -7px;
}

.settings-container-contain .settings-container #title .content .keyboard,
.settings-container-contain .settings-container #title .content .help {
font-size: 21px;
margin-right: 25px;
color: #a3a5a7;
cursor: pointer;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.settings-container-contain .settings-container #title .content .keyboard:hover,
.settings-container-contain .settings-container #title .content .help:hover {
color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.settings-container-contain
.settings-container
#user-interface
.subtitles-language
> select,
.settings-container-contain
.settings-container
#user-interface
.pct-theme
> select,
.settings-container-contain
.settings-container
#user-interface
.start-screen
> select,
.settings-container-contain
.settings-container
#user-interface
.watchedCovers
> select,
.settings-container-contain
.settings-container
#user-interface
.defaultFilters
> select,
.settings-container-contain
.settings-container
#user-interface
.tv_detail_jump_to
> select {
width: 158px;
}

.settings-container-contain
.settings-container
#localisation
.subtitles-language
> select,
.settings-container-contain
.settings-container
#localisation
.translateTitle
> select {
width: 158px;
}

.settings-container-contain
.settings-container
#subtitles
.subtitles-language-default
> select,
.settings-container-contain
.settings-container
#subtitles
.subtitles-font
> select,
.settings-container-contain
.settings-container
#subtitles
.subtitles-decoration
> select {
width: 158px;
}

.settings-container-contain
.settings-container
#subtitles
.subtitles-size
> select {
width: 62px;
}

.settings-container-contain
.settings-container
#subtitles
.subtitles-custom
> .settings-label {
margin-left: 40px;
}

.settings-container-contain
.settings-container
#subtitles
.subtitles-custom
.colorsub {
cursor: pointer;
}

.settings-container-contain .settings-container #trakt-tv .trakt-options {
color: #c3c5c7;
}

.settings-container-contain .settings-container #trakt-tv .trakt-options a {
display: inline-block;
}

.settings-container-contain
.settings-container
#trakt-tv
.trakt-options
.unauthtext {
margin-left: 5px;
color: #2468cc;
}

.settings-container-contain
.settings-container
#trakt-tv
.trakt-options
.unauthtext:hover {
color: #225694;
}

.settings-container-contain
.settings-container
#trakt-tv
.trakt-options
.syncTrakt {
margin-bottom: 15px;
margin-top: -10px;
}

.settings-container-contain
.settings-container
#tvshowtime
.tvshowtime-options {
margin-bottom: 35px;
}

.settings-container-contain
.settings-container
#tvshowtime
.tvshowtime-options
a {
display: inline-block;
}

.settings-container-contain
.settings-container
#tvshowtime
.tvshowtime-options
.unauthtext {
margin-left: 5px;
color: #2468cc;
}

.settings-container-contain
.settings-container
#tvshowtime
.tvshowtime-options
.unauthtext:hover {
color: #225694;
}

.settings-container-contain
.settings-container
#tvshowtime
.tvshowtime-options
#connect-with-tvst {
margin-top: -12px;
}

.settings-container-contain
.settings-container
#tvshowtime
.tvshowtime-options
.tvst-loading-spinner {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: rotate-forever;
animation-name: rotate-forever;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
width: 15px;
height: 15px;
border: 3px solid #2d75df;
border-right-color: transparent;
border-radius: 50%;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-box;
display: inline-flex;
position: absolute;
left: 0;
margin-left: 20px;
margin-top: -2px;
}

.settings-container-contain
.settings-container
#opensubtitles
.opensubtitles-options {
color: #c3c5c7;
}

.settings-container-contain
.settings-container
#opensubtitles
.opensubtitles-options
a {
display: inline-block;
}

.settings-container-contain
.settings-container
#opensubtitles
.opensubtitles-options
.unauthtext {
margin-left: 5px;
color: #2468cc;
}

.settings-container-contain
.settings-container
#opensubtitles
.opensubtitles-options
.unauthtext:hover {
color: #225694;
}

.settings-container-contain
.settings-container
#opensubtitles
.opensubtitles-options
.loading-spinner {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: rotate-forever;
animation-name: rotate-forever;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
width: 20px;
height: 20px;
border: 4px solid #2d75df;
border-right-color: transparent;
border-radius: 50%;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-box;
display: inline-flex;
margin-left: -27px;
margin-top: -9px;
}

.settings-container-contain
.settings-container
#opensubtitles
.opensubtitles-options
.invalid-cross {
width: 20px;
height: 20px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-box;
display: inline-flex;
margin-left: -27px;
}

.settings-container-contain
.settings-container
#opensubtitles
.opensubtitles-options
.invalid-cross:before {
content: "\2573";
font-family: Arial;
font-size: 12px;
font-weight: bolder;
text-shadow: 0 0 10px #ee3030;
color: #ee3030;
}

.settings-container-contain
.settings-container
#opensubtitles
.opensubtitles-options
.valid-tick {
width: 20px;
height: 20px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-box;
display: inline-flex;
margin-left: -27px;
margin-top: -9px;
}

.settings-container-contain
.settings-container
#opensubtitles
.opensubtitles-options
.valid-tick:before {
content: "\2714";
font-family: Arial;
font-size: 17px;
font-weight: bold;
text-shadow: 0 0 10px #4eee30;
color: #4eee30;
position: relative;
top: 2px;
}

.settings-container-contain .settings-container #apiserver input {
text-overflow: ellipsis;
}

.settings-container-contain .settings-container #apiserver .valid-tick {
width: 20px;
height: 20px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-box;
display: inline-flex;
line-height: 12px;
}

.settings-container-contain .settings-container #apiserver .valid-tick:before {
content: "\2714";
font-family: Arial;
font-size: 17px;
font-weight: bold;
text-shadow: 0 0 10px #4eee30;
color: #4eee30;
position: relative;
top: 1px;
}

.settings-container-contain .settings-container #apiserver .invalid-cross {
width: 20px;
height: 20px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-box;
display: inline-flex;
line-height: 12px;
vertical-align: top;
}

.settings-container-contain
.settings-container
#apiserver
.invalid-cross:before {
content: "\2573";
font-family: Arial;
font-size: 12px;
font-weight: bolder;
text-shadow: 0 0 10px #ee3030;
color: #ee3030;
}

.settings-container-contain .settings-container #connection #overallRatio {
pointer-events: none;
-webkit-user-select: none;
}

.settings-container-contain .settings-container #connection #overallRatio i {
padding-left: 4px;
padding-right: 8px;
}

.settings-container-contain .settings-container #connection select {
padding-left: 10px;
border: 0 !important;
-webkit-appearance: none;
height: 30px;
line-height: 24px;
margin-top: -9px;
background-color: #393b3d;
cursor: pointer;
color: #c3c5c7;
font-family: "Open Sans", sans-serif;
font-size: 13px;
outline: 0;
padding-right: 10px;
width: 62px;
}

.settings-container-contain .settings-container #connection .dropdown-arrow {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid #c3c5c7;
top: 12px;
margin-left: -13px;
position: relative;
float: none;
cursor: pointer;
}

.settings-container-contain .settings-container #connection .reset-tvAPI {
font-size: 13px;
color: #8a8b8e;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.settings-container-contain .settings-container #connection .reset-tvAPI:hover {
cursor: pointer;
color: #2468cc;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.settings-container-contain .settings-container #cache .open-tmp-folder,
.settings-container-contain .settings-container #cache .open-downloads-folder {
font-size: 16px;
margin-left: 10px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.settings-container-contain .settings-container #cache .open-tmp-folder:hover,
.settings-container-contain
.settings-container
#cache
.open-downloads-folder:hover {
cursor: pointer;
color: #2468cc;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.settings-container-contain
.settings-container
#cache
.del-seedbox-cache
> select {
width: 158px;
}

.settings-container-contain
.settings-container
#database
.open-database-folder {
font-size: 16px;
margin-left: 10px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.settings-container-contain
.settings-container
#database
.open-database-folder:hover {
cursor: pointer;
color: #2468cc;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.settings-container-contain .settings-container .set-current-filter,
.settings-container-contain .settings-container .reset-current-filter,
.settings-container-contain .settings-container .update-dht,
.settings-container-contain .settings-container .update-app {
font-size: 13px;
margin: 0 2px 0 8px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
cursor: pointer;
}

.settings-container-contain .settings-container .set-current-filter:hover,
.settings-container-contain .settings-container .reset-current-filter:hover,
.settings-container-contain .settings-container .update-dht:hover,
.settings-container-contain .settings-container .update-app:hover {
color: #2468cc;
}

.settings-container-contain .settings-container .reset-current-filter.disabled {
color: inherit;
opacity: 0.3;
cursor: default;
}

.settings-container-contain .settings-container .btns {
padding-top: 10px;
padding-right: 2%;
float: right;
}

.settings-container-contain .settings-container .btns.database {
float: left;
padding-top: 0;
padding-bottom: 13px;
}

.settings-container-contain .settings-container .btn-settings {
position: relative;
margin-top: 13px;
float: left;
padding-left: 10px;
padding-right: 10px;
margin-right: 20px;
border-radius: 3px;
height: 35px;
background-color: #1f375f;
text-align: center;
color: #e3e5e7;
font-family: "Open Sans", sans-serif;
font-size: 12px;
line-height: 34px;
cursor: pointer;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
}

.settings-container-contain .settings-container .btn-settings > label {
cursor: pointer;
}

.settings-container-contain .settings-container .btn-settings.database {
margin-top: 0;
}

.settings-container-contain .settings-container .btn-settings:hover {
background-color: #225694;
color: #e3e5e7;
text-decoration: none;
}

.settings-container-contain .settings-container .btn-settings.disabled {
background-color: #393b3d;
}

.settings-container-contain .settings-container .btn-settings.disabled:hover {
background-color: #393b3d;
}

.settings-container-contain .settings-container .btn-settings.disabled:active {
background-color: #393b3d;
}

.settings-container-contain .settings-container .btn-settings.ok {
background-color: #27ae60;
}

.settings-container-contain .settings-container .btn-settings.warning {
background-color: #f15153;
}

.settings-container-contain .settings-container .btn-settings:active {
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
background: #2468cc;
}

.settings-container-contain .settings-container .dropdown select {
margin-left: 10px;
position: relative;
padding-left: 5px;
border: 0 !important;
-webkit-appearance: none;
height: 30px;
line-height: 25px;
margin-top: -9px;
background-color: #393b3d;
cursor: pointer;
color: #c3c5c7;
font-family: "Open Sans", sans-serif;
font-size: 13px;
float: left;
outline: 0;
padding-right: 15px;
}

.settings-container-contain .settings-container .dropdown option {
background: #393b3d;
border: 0 !important;
outline: 0;
}

.settings-container-contain .settings-container .dropdown .dropdown-arrow {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid #c3c5c7;
top: 4px;
margin-left: -13px;
position: relative;
float: left;
cursor: pointer;
}

.settings-container-contain .success_alert {
position: fixed;
top: 45px;
right: 50px;
color: #fff;
font-family: "Open Sans", sans-serif;
font-size: 16px;
}

.settings-container-contain .success_alert #checkmark-notify {
display: inline-block;
width: 20px;
height: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.settings-container-contain .success_alert #stem-notify {
position: absolute;
width: 3px;
height: 12px;
background-color: #fff;
left: 11px;
top: 6px;
}

.settings-container-contain .success_alert #kick-notify {
position: absolute;
width: 6px;
height: 3px;
background-color: #fff;
left: 6px;
top: 15px;
}

.settings-container-contain input[type="text"],
.settings-container-contain input[type="password"],
.settings-container-contain input[type="number"],
.settings-container-contain input[type="color"] {
margin-left: 10px;
margin-top: -9px;
padding-left: 10px;
height: 30px;
border: 0 !important;
line-height: 15px;
background-color: #393b3d;
resize: none;
color: #c3c5c7;
font-family: "Open Sans", sans-serif;
font-size: 13px;
cursor: text;
outline: 0 !important;
}

.settings-container-contain input[type="text"]#fakedatabaseLocation,
.settings-container-contain input[type="password"]#fakedatabaseLocation,
.settings-container-contain input[type="number"]#fakedatabaseLocation,
.settings-container-contain input[type="color"]#fakedatabaseLocation {
pointer-events: none;
-webkit-user-select: none;
}

.settings-container-contain input[type="text"]#fakedatabaseLocation,
.settings-container-contain input[type="password"]#fakedatabaseLocation,
.settings-container-contain input[type="number"]#fakedatabaseLocation,
.settings-container-contain input[type="color"]#fakedatabaseLocation,
.settings-container-contain input[type="text"]#settingsIpAddr,
.settings-container-contain input[type="password"]#settingsIpAddr,
.settings-container-contain input[type="number"]#settingsIpAddr,
.settings-container-contain input[type="color"]#settingsIpAddr {
pointer-events: none;
-webkit-user-select: none;
}

.settings-container-contain input[type="color"] {
-webkit-appearance: none;
width: 62px;
}

.settings-container-contain input[type="color"]::-webkit-color-swatch {
margin: 3px -9px 3px -3px;
}

.settings-container-contain input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

.settings-container-contain input[type="checkbox"].settings-checkbox {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}

.settings-container-contain
input[type="checkbox"].settings-checkbox
+ label.settings-label {
height: 15px;
display: inline-block;
line-height: 15px;
font-size: 13px;
font-family: "Open Sans", sans-serif;
vertical-align: middle;
cursor: pointer;
color: #c3c5c7;
}

.settings-container-contain
input[type="checkbox"].settings-checkbox:checked
+ label.settings-label:after {
opacity: 1;
}

.settings-container-contain input[type="text"]#downloadLimit {
width: 78px;
}

.settings-container-contain input[type="text"]#uploadLimit {
width: 78px;
margin-left: 7px;
}

.settings-container-contain .settings-label:before {
content: "\f0c8";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 18px;
padding-right: 8px;
float: left;
position: relative;
color: #545454;
}

.settings-container-contain .settings-label:after {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 12px;
margin-right: -14px;
color: #4bfff4;
position: relative;
float: left;
left: -21px;
opacity: 0;
-webkit-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out;
}

.settings-container-contain .settings-container-check-settings {
width: 14px;
height: 14px;
margin-top: 59px;
position: relative;
}

.settings-container-contain .settings-container-check-settings label {
cursor: pointer;
position: absolute;
top: 0;
width: 14px;
height: 14px;
border-radius: 3px;
-webkit-background-clip: padding;
background-clip: padding-box;
background-color: #393b3d;
}

.settings-container-contain .settings-container-check-settings label:after {
opacity: 0;
content: "";
position: absolute;
width: 10px;
height: 6px;
background: transparent;
top: 2px;
left: 2px;
border: 3px solid #2468cc;
border-top: none;
border-right: none;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.settings-container-contain
.settings-container-check-settings
input[type="checkbox"]:checked
+ label:after {
opacity: 1;
}

.settings-container section.advanced {
display: none;
}

.settings-container .advanced {
display: none;
}

.default-frame .settings-container-contain {
padding-top: 0;
}

.default-frame .settings-container-contain .close-icon {
top: 5px;
}

.default-frame::-webkit-scrollbar-track {
margin-top: 35px;
}

.default-frame .close-icon {
top: 45px;
}

@-moz-keyframes rotate-forever {
0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
}

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

@-webkit-keyframes rotate-forever {
0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
}

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

@-o-keyframes rotate-forever {
0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
}

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

@keyframes rotate-forever {
0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
}

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

.loading {
position: absolute;
background-color: #17181b;
-webkit-user-select: none;
width: 100%;
height: 100%;
opacity: 1;
overflow: hidden;
margin: auto;
left: 0;
right: 0;
padding-top: 32px;
-webkit-backface-visibility: hidden;
}

.loading .minimize-icon {
top: 45px;
right: 20px;
position: fixed;
color: #ccc;
font-size: 25px;
cursor: pointer;
z-index: 100;
-webkit-font-smoothing: antialiased;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}

.loading .minimize-icon:hover {
color: #fff;
}

.loading .maximize-icon {
display: none;
bottom: 20px;
right: 20px;
position: fixed;
color: #ccc;
font-size: 25px;
cursor: pointer;
z-index: 100;
background: #212225;
padding: 10px 20px;
opacity: 0.9;
border-radius: 3px;
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15),
      0 4px 14px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15), 0 4px 14px 0 rgba(0, 0, 0, 0.25);
-webkit-font-smoothing: antialiased;
-webkit-transition: background 0.2s, color 0.2s, opacity 0.2s;
transition: background 0.2s, color 0.2s, opacity 0.2s;
}

.loading .maximize-icon:hover {
color: #fff;
background: #225694;
opacity: 1;
}

.loading .maximize-icon.done:hover {
background: #27ae60;
}

.loading .maximize-icon > * {
font-size: 12px;
vertical-align: top;
line-height: 25px;
}

.loading .maximize-icon #maxic {
font-size: 25px;
margin-left: 10px;
}

.loading #vpn-contents {
display: none;
}

.loading #userISP {
text-decoration: underline;
}

.loading .vpn {
margin-top: 20px;
}

.loading .seed_status {
visibility: hidden;
margin-top: 20px;
}

.loading .loading-backdrop {
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position-x: 50%;
background-position-y: 0px;
-webkit-background-size: cover;
background-size: cover;
-webkit-filter: blur(15px) brightness(0.7);
}

.loading .loading-backdrop-overlay {
width: 100%;
height: 100%;
position: absolute;
opacity: 0.65;
background-color: #000;
}

.loading .state-flex {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}

.loading .state {
color: #fff;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
text-align: center;
width: 500px;
height: 400px;
z-index: 11;
-webkit-backface-visibility: hidden;
}

.loading .state .title {
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 20px;
padding-bottom: 10px;
text-overflow: ellipsis;
word-wrap: break-word;
display: inline-block;
}

.loading .state .external-play {
font-size: 14px;
font-style: italic;
padding-bottom: 6px;
visibility: hidden;
}

.loading .state .loading-progressbar {
position: relative;
margin-bottom: 29px;
width: 100%;
background-color: #bababa;
border-radius: 13px;
overflow: hidden;
visibility: hidden;
}

.loading .state .loading-progressbar > div {
background-color: #2468cc;
margin-left: -100%;
width: 100%;
height: 5px;
border-radius: 13px;
left: 0px;
-webkit-animation-name: bounce_bar;
animation-name: bounce_bar;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}

.loading .state .playing-progressbar {
position: relative;
margin-bottom: 4px;
margin-top: 10px;
background-color: #bababa;
border-radius: 13px;
display: none;
}

.loading .state .playing-progressbar > div {
background-color: #2468cc;
height: 10px;
border-radius: 13px;
left: 0px;
}

.loading .state .player-controls {
text-align: center;
margin-left: 30px;
color: #fff;
font-size: 14px;
margin-top: 20px;
display: none;
}

.loading .state .player-controls i {
cursor: pointer;
margin-right: 20px;
}

.loading .state #rbreak1,
.loading .state #rbreak2,
.loading .state #rbreak3 {
line-height: 13px;
}

.loading .state #cancel-button-vpn {
width: 140px !important;
position: inherit !important;
display: inline-block;
margin-left: 5px;
}

.loading .state #cancel-button-regular {
margin-top: 10px;
font-size: 10px;
cursor: pointer;
display: inline-block;
margin-right: 5px;
}

.loading .state .vpn .heading {
font-size: 25px;
margin-bottom: 10px;
}

.loading .state .vpn .subheading {
font-size: 15px;
margin-bottom: 10px;
line-height: 20px;
}

.loading .state .vpn .flex-map {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-top: 20px;
margin-bottom: 20px;
}

.loading .state .vpn .flex-map .details {
padding-left: 20px;
}

.loading .state .vpn .flex-map .details .group {
margin-bottom: 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
text-align: left;
}

.loading .state .vpn .flex-map .details .group .fixed-width {
width: 140px;
}

.loading .state .vpn .map {
width: 300px;
}

.loading .state .vpn .map img {
border: 10px solid #bbb;
width: 100%;
}

.loading .state .cancel-button {
z-index: 2;
cursor: pointer;
width: 120px;
height: 35px;
margin: 20px auto auto auto;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
-webkit-background-clip: padding;
background-clip: padding-box;
background-color: #1f375f;
-webkit-backface-visibility: hidden;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s;
}

.loading .state .cancel-button:hover {
background: #225694;
text-decoration: none;
}

.loading .state .cancel-button:active {
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
background: #2468cc;
}

.loading .state .cancel-button .cancel-button-text {
-webkit-backface-visibility: hidden;
position: relative;
color: #fff;
font-family: "Open Sans Semibold", "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
text-align: center;
top: 12px;
font-size: 12px;
}

.loading .state .open-button {
float: right;
cursor: pointer;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
opacity: 0.4;
z-index: 10;
}

.loading .state .open-button:hover {
opacity: 1;
}

.loading .state .open-button:active {
opacity: 1;
}

.loading .state .open-button .open-button-text {
-webkit-backface-visibility: hidden;
position: relative;
color: #fff;
font-family: "Open Sans Semibold", "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
text-align: center;
top: 12px;
font-size: 12px;
}

.loading .state .loading-info {
width: auto;
height: auto;
margin: auto;
padding: 10px;
padding-bottom: 10px;
border-radius: 4px;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
display: inline-block;
}

.loading .state .loading-info:hover > .magnet-icon {
opacity: 0.4;
}

.loading .state .loading-info:hover > .magnet-icon:hover {
opacity: 1;
}

.loading .state .loading-info:hover > .magnet-icon:active {
opacity: 1;
}

.loading .state .loading-info .magnet-icon {
float: right;
cursor: pointer;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
opacity: 0;
}

.loading .state .loading-info span {
position: relative;
color: #fff;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 12px;
line-height: 14px;
}

.loading .state .loading-info span.loading-info-text {
float: left;
padding-right: 32px;
}

.loading .state .loading-info span.value {
float: right;
text-align: right;
}

.loading .state .loading-info .text_filename {
width: 255px;
padding-right: 3px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.loading .state .loading-info .text_filename:hover {
overflow: visible;
}

.loading .state .loading-info .show-pcontrols {
float: right;
cursor: pointer;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
opacity: 0.4;
}

.loading .state .loading-info .show-pcontrols:hover {
opacity: 1;
}

.loading .state .loading-info .buffer_percent {
text-align: center;
font-size: 14px;
line-height: 10px;
}

.loading .warning-nospace {
display: none;
position: absolute;
bottom: 30px;
width: 66%;
left: 17%;
text-align: center;
color: #fff;
}

.loading .warning-nospace .warn {
font-size: 13px;
}

.loading .warning-nospace .detail {
opacity: 0.85;
font-size: 11px;
}

.loading .warning-nospace:before {
content: "\f071";
color: #ff0;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
padding-right: 8px;
}

@-moz-keyframes bounce_bar {
0% {
      margin-left: -100%;
}

100% {
      margin-left: 100%;
}
}

@-webkit-keyframes bounce_bar {
0% {
      margin-left: -100%;
}

100% {
      margin-left: 100%;
}
}

@-o-keyframes bounce_bar {
0% {
      margin-left: -100%;
}

100% {
      margin-left: 100%;
}
}

@keyframes bounce_bar {
0% {
      margin-left: -100%;
}

100% {
      margin-left: 100%;
}
}

#notification .notification {
display: block;
position: absolute;
top: 70px;
border-radius: 3px;
height: auto;
min-width: 300px;
-webkit-user-select: none;
opacity: 0.9;
right: 60px;
z-index: 5000;
font-size: 13px;
font-weight: bold;
text-align: center;
line-height: 27px;
padding: 9px 15px;
color: #fff;
border: 1px solid rgba(0, 0, 0, 0.7);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

#notification .notification:empty {
display: none;
}

#notification .notification:hover {
opacity: 1;
}

#notification .notification.info {
background: #3498db;
}

#notification .notification.success {
background: #27ae60;
}

#notification .notification.warning {
background: #dbb756;
}

#notification .notification.danger {
background: #f07f53;
}

#notification .notification.error {
background: #f15153;
}

#notification .notification .close {
position: absolute;
top: 5px;
right: 7px;
opacity: 0.7;
color: #fff;
}

#notification .notification:hover {
opacity: 1;
}

#notification .notification .btn-grp {
position: relative;
top: 6px;
padding-bottom: 6px;
margin-right: auto;
margin-left: auto;
}

#notification .notification .btn {
background: #000;
opacity: 0.4;
color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

#notification .notification .btn:hover {
background: #000;
opacity: 0.6;
}

#notification .notification .btn:active {
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
background: #000;
opacity: 0.7;
}

#notification .notification .btn label {
cursor: pointer;
}

#notification .notification .btn.chnglog {
margin-right: 5px;
}

#notification .notification h1 {
font-size: 20px;
}

#notification .notification p {
font-weight: 100;
line-height: 20px;
}

.seedbox-container {
height: 100%;
width: 100%;
position: fixed;
background-color: #17181b;
-webkit-user-select: none;
opacity: 1;
}

.seedbox-container .margintop {
height: 100px;
}

.seedbox-container .content {
margin: 0 auto;
height: calc(100% - 140px);
color: #727272;
font-weight: 100;
font-family: sans-serif;
font-size: 17px;
}

.seedbox-container .content .seedbox-details {
width: 100vw;
z-index: 1;
background: #17181b;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
padding-left: 20px /* left-pad */;
/* ugly rule to bypass restrictions */
}

.seedbox-container .content .seedbox-details .seedbox-types ul,
.seedbox-container .content .seedbox-details .seedbox-torrents ul {
height: calc(100vh - 167px);
/* direction: rtl */
text-align: right;
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
}

.seedbox-container
.content
.seedbox-details
.seedbox-types
ul::-webkit-scrollbar,
.seedbox-container
.content
.seedbox-details
.seedbox-torrents
ul::-webkit-scrollbar {
width: 5px;
}

.seedbox-container
.content
.seedbox-details
.seedbox-types
ul::-webkit-scrollbar-track,
.seedbox-container
.content
.seedbox-details
.seedbox-torrents
ul::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.seedbox-container
.content
.seedbox-details
.seedbox-types
ul::-webkit-scrollbar-thumb,
.seedbox-container
.content
.seedbox-details
.seedbox-torrents
ul::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.seedbox-container
.content
.seedbox-details
.seedbox-types
ul::-webkit-scrollbar-thumb:hover,
.seedbox-container
.content
.seedbox-details
.seedbox-torrents
ul::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.seedbox-container .content .seedbox-details .seedbox-types ul::-webkit-resizer,
.seedbox-container
.content
.seedbox-details
.seedbox-torrents
ul::-webkit-resizer,
.seedbox-container
.content
.seedbox-details
.seedbox-types
ul::-webkit-scrollbar-corner,
.seedbox-container
.content
.seedbox-details
.seedbox-torrents
ul::-webkit-scrollbar-corner,
.seedbox-container
.content
.seedbox-details
.seedbox-types
ul::-webkit-scrollbar-button,
.seedbox-container
.content
.seedbox-details
.seedbox-torrents
ul::-webkit-scrollbar-button,
.seedbox-container
.content
.seedbox-details
.seedbox-types
ul::-webkit-scrollbar-track-piece,
.seedbox-container
.content
.seedbox-details
.seedbox-torrents
ul::-webkit-scrollbar-track-piece {
display: none;
}

.seedbox-container .content .seedbox-details .seedbox-types ul li,
.seedbox-container .content .seedbox-details .seedbox-torrents ul li {
padding: 0px 15px;
margin: 1px 0px 1px 1px;
float: left;
width: calc(100% - 7px);
cursor: pointer;
}

.seedbox-container .content .seedbox-details .seedbox-types ul li .watched,
.seedbox-container .content .seedbox-details .seedbox-torrents ul li .watched {
padding: 10px 0;
color: rgba(255, 255, 255, 0.2);
-webkit-transition: color 0.5s;
transition: color 0.5s;
font-size: 0.9em;
font-family: "Font Awesome 5 Free", "Open Sans", sans-serif;
}

.seedbox-container .content .seedbox-details .seedbox-types ul li .watched.true,
.seedbox-container
.content
.seedbox-details
.seedbox-torrents
ul
li
.watched.true {
color: #fff;
}

.seedbox-container
.content
.seedbox-details
.seedbox-types
ul
li
.watched.disabled,
.seedbox-container
.content
.seedbox-details
.seedbox-torrents
ul
li
.watched.disabled {
cursor: not-allowed;
opacity: 0.2;
}

.seedbox-container
.content
.seedbox-details
.seedbox-types
ul
li
.watched.disabled:hover,
.seedbox-container
.content
.seedbox-details
.seedbox-torrents
ul
li
.watched.disabled:hover {
color: rgba(255, 255, 255, 0.2) !important;
}

.seedbox-container
.content
.seedbox-details
.seedbox-types
ul
li
.watched:not(.fa-download):not(.fa-upload):hover,
.seedbox-container
.content
.seedbox-details
.seedbox-torrents
ul
li
.watched:not(.fa-download):not(.fa-upload):hover {
color: #fff;
}

.seedbox-container
.content
.seedbox-details
.seedbox-types
ul
li:nth-child(odd),
.seedbox-container
.content
.seedbox-details
.seedbox-torrents
ul
li:nth-child(odd) {
background-color: #1f2025;
}

.seedbox-container .content .seedbox-details .seedbox-types ul li:hover,
.seedbox-container .content .seedbox-details .seedbox-torrents ul li:hover {
background: #26272d;
}

.seedbox-container .content .seedbox-details .seedbox-types ul li.active,
.seedbox-container .content .seedbox-details .seedbox-torrents ul li.active {
background-color: #1b2d4c;
position: relative;
}

.seedbox-container .content .seedbox-details .seedbox-types ul li.active:after,
.seedbox-container
.content
.seedbox-details
.seedbox-torrents
ul
li.active:after {
content: "";
position: absolute;
top: 0px;
right: -12px;
width: 0;
height: 0;
border-color: #17181b #17181b #17181b #1b2d4c;
border-style: solid;
border-width: 16px 6px 17px 6px;
}

.seedbox-container .content .seedbox-details .seedbox-types ul a,
.seedbox-container .content .seedbox-details .seedbox-torrents ul a {
text-decoration: none;
font-size: 15px;
line-height: 34px;
font-weight: normal;
float: left;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
direction: ltr;
}

.seedbox-container .content .seedbox-details .seedbox-types ul a span,
.seedbox-container .content .seedbox-details .seedbox-torrents ul a span {
float: left;
margin: 0px 15px 0px 5px;
}

.seedbox-container .content .seedbox-details .seedbox-types ul a div,
.seedbox-container .content .seedbox-details .seedbox-torrents ul a div {
white-space: nowrap;
border-left: 1px solid #17181b;
padding-left: 30px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
}

.seedbox-container
.content
.seedbox-details
.seedbox-types
.seedbox-types-title,
.seedbox-container
.content
.seedbox-details
.seedbox-torrents
.seedbox-types-title,
.seedbox-container
.content
.seedbox-details
.seedbox-types
.seedbox-torrent-title,
.seedbox-container
.content
.seedbox-details
.seedbox-torrents
.seedbox-torrent-title {
font-size: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 15px;
margin-top: 2px;
color: #fff;
}

.seedbox-container .content .seedbox-details .seedbox-types {
min-width: 165px;
max-width: 165px;
-webkit-flex-shrink: 1;
flex-shrink: 1;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
padding: 10px;
}

.seedbox-container
.content
.seedbox-details
.seedbox-types
.seedbox-types-list
ul
a {
color: #fff;
font-family: sans-serif;
white-space: nowrap;
}

.seedbox-container .content .seedbox-details .seedbox-torrents {
-webkit-box-flex: 2;
box-flex: 2;
-webkit-flex-grow: 2;
flex-grow: 2;
padding: 10px;
width: calc(65vw - 20px);
}

.seedbox-container
.content
.seedbox-details
.seedbox-torrents
.seedbox-torrent-list
ul {
white-space: nowrap;
}

.seedbox-container
.content
.seedbox-details
.seedbox-torrents
.seedbox-torrent-list
ul
li
a {
color: #8d9296;
font-family: "Open Sans", sans-serif;
min-width: 70px;
max-width: calc(100% - 265px);
}

.seedbox-container
.content
.seedbox-details
.seedbox-torrents
.seedbox-torrent-list
ul
li.active
a {
color: #fff;
}

.seedbox-container
.content
.seedbox-details
.seedbox-torrents
.seedbox-torrent-list
ul
li.active
i {
color: rgba(255, 255, 255, 0.5);
}

.seedbox-container
.content
.seedbox-details
.seedbox-torrents
.seedbox-torrent-list
ul
li.active
i:not(.fa-download):not(.fa-upload):hover {
color: #fff;
}

.seedbox-container
.content
.seedbox-details
.seedbox-torrents
.seedbox-torrent-list
ul
li.error {
background: #f15153;
}

.seedbox-container
.content
.seedbox-details
.seedbox-torrents
.notorrents-info {
display: block;
height: 100%;
width: 100%;
}

.seedbox-container
.content
.seedbox-details
.seedbox-torrents
.notorrents-info
span {
left: 0px;
top: 246px;
width: 100%;
font-family: "Open Sans", sans-serif;
font-size: 24px;
text-align: center;
position: absolute;
}

.seedbox-container
.content
.seedbox-details
.seedbox-torrents
.notorrents-info
.notorrents-frame {
border: 6px dashed #727272;
margin: 0 auto;
width: 250px;
height: 250px;
border-radius: 25px;
color: #727272;
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.seedbox-container
.content
.seedbox-details
.seedbox-torrents
.notorrents-info
.notorrents-frame:hover {
color: #225694;
border-color: #225694;
}

.seedbox-container
.content
.seedbox-details
.seedbox-torrents
.notorrents-info
.notorrents-frame:active {
color: #2468cc;
border-color: #2468cc;
}

.seedbox-container
.content
.seedbox-details
.seedbox-torrents
.notorrents-info
.notorrents-frame
.notorrents-icon {
font-size: 140px;
padding-top: 20px;
}

.seedbox-container
.content
.seedbox-details
.seedbox-torrents
.notorrents-info
.notorrents-frame
.notorrents-message {
margin-top: 10px;
font-family: "Open Sans", sans-serif;
font-size: 20px;
}

.seedbox-container .content .seedbox-details .seedbox-overview {
background: #1f2025;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 35vw;
min-width: 350px;
padding: 12px 18px;
margin-top: 28px;
display: none;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 24px;
font-weight: bold;
margin-top: 2px;
margin-bottom: 7px;
color: #fff;
min-height: 24px;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-links {
position: absolute;
right: 30px;
margin-top: -2px;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-links
> div {
padding: 5px 2px;
cursor: pointer;
position: relative;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-links
.health-icon {
font-size: 14px;
color: #737577;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-links
.health-icon.Bad {
color: #d53f3f;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-links
.health-icon.Medium {
color: #ece523;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-links
.health-icon.Good {
color: #a3e147;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-links
.health-icon.Excellent {
color: #2ad942;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-links
.magnet-icon {
font-size: 13px;
color: #ddd;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-links
.magnet-icon:hover {
color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-aired {
font-size: 14px;
line-height: 18px;
margin-bottom: 10px;
color: #8d9296;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-aired
.seedbox-infos-date {
margin-left: 5px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-aired
i {
margin-right: 5px;
font-family: "Font Awesome 5 Free", "Open Sans", sans-serif;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis {
color: #fff;
font-size: 13px;
line-height: 18px;
text-align: justify;
margin-top: 10px;
padding: 4px 15px 5px 0;
height: calc(100vh - 334px);
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis::-webkit-scrollbar {
width: 5px;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis::-webkit-resizer,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis::-webkit-scrollbar-corner,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis::-webkit-scrollbar-button,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis::-webkit-scrollbar-track-piece {
display: none;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item {
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
background: rgba(255, 255, 255, 0.05);
text-align: left;
cursor: pointer;
color: #eee;
height: 46px;
padding-left: 20px;
padding-top: 14px;
padding-right: 50px;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item:hover,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item:hover {
filter: brightness(110%);
backdrop-filter: brightness(110%);
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item:hover
> .item-remove,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item:hover
> .item-remove {
display: inline-block;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item.unselected,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item.unselected {
opacity: 0.3;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item.unselected:hover,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item.unselected:hover {
opacity: 0.5;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item.unselected:hover
> .item-download,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item.unselected:hover
> .item-download {
display: inline-block;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item.unselected
.item-download,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item.unselected
.item-download {
display: none;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item
a,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item
a {
color: #eee;
text-decoration: blink;
width: calc(100% - 20px);
display: block;
-webkit-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-left: 25px;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item
.item-download,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item
.item-download,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item
.item-remove,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item
.item-remove,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item
.item-play,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item
.item-play {
position: relative;
color: #727272;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
left: calc(100% + 7px);
top: -17px;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item
.item-download:hover,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item
.item-download:hover,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item
.item-remove:hover,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item
.item-remove:hover,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item
.item-play:hover,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item
.item-play:hover {
color: #fff;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item
.item-play,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item
.item-play {
left: 0px;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item
.item-play.disabled,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item
.item-play.disabled {
cursor: not-allowed;
opacity: 0.3;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item
.item-play.disabled:hover,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item
.item-play.disabled:hover {
color: #727272 !important;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item
.item-remove,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item
.item-remove {
display: none;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item
.item-icon,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item
.item-icon {
position: relative;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-style: normal;
font-size: 15px;
height: 15px;
width: 15px;
color: #eee;
opacity: 0.7;
left: -25px;
margin-top: -16px;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item
.item-icon.torrent-icon:before,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item
.item-icon.torrent-icon:before {
content: "\f016";
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item
.item-icon.magnet-icon:before,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item
.item-icon.magnet-icon:before {
content: "\f076";
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item
.item-icon.magnet-icon:hover,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item
.item-icon.magnet-icon:hover {
cursor: pointer;
opacity: 1;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.file-item
.online-size,
.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item
.online-size {
position: relative;
color: #727272;
font-style: normal;
font-size: 0.9em;
left: calc(100% - 35px);
top: -15px;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-infos
.seedbox-infos-synopsis
ul
li.result-item
a {
width: calc(100% - 50px);
}

.seedbox-container .content .seedbox-details .seedbox-overview .seedbox-watch {
height: 60px;
padding: 10px 0;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-watch
.sdow-quality {
margin-top: 20px;
float: left;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-watch
.sdow-quality
div {
cursor: pointer;
float: left;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 11px;
color: #fff;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
padding: 4px;
margin-right: 6px;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-watch
.sdow-quality
.disabled {
opacity: 0.3;
cursor: default;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-watch
.sdow-quality
.active {
cursor: pointer;
opacity: 1;
color: #fff;
background: rgba(43, 110, 210, 0.84);
border-radius: 10px;
font-family: "Open Sans", sans-serif;
}

.seedbox-container
.content
.seedbox-details
.seedbox-overview
.seedbox-watch
.sdow-watchnow {
margin-top: 6px;
float: right;
}

.seedbox-container
.content
.seedbox-details
.seedbox-types[style*="display: none"]
+ .seedbox-torrents
ul
a
div {
max-width: calc(60vw - 100px);
}

.seedbox-container .content .progress-wrapper {
position: relative;
padding: 1.5rem 10px 0 10px;
}

.seedbox-container .content .progress {
height: 8px;
background: rgba(255, 255, 255, 0.05);
margin-bottom: $spacer;
overflow: hidden;
border-radius: 0.2rem false;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.seedbox-container .content .progress .sr-only {
width: auto;
height: 20px;
margin: 0 0 0 30px;
left: 0;
clip: auto;
line-height: 20px;
font-size: 13px;
}

.seedbox-container .content .progress-sm {
height: 5px;
}

.seedbox-container .content .progress-xs {
height: 3px;
}

.seedbox-container .content .progress-heading {
font-size: 14px;
font-weight: 500;
margin: 0 0 2px;
padding: 0;
}

.seedbox-container .content .progress-bar {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
height: 8px;
width: 0%;
background-color: #fb6340;
background-image: -webkit-linear-gradient(top, #fb6340 100%, #fb6340 100%);
background-image: linear-gradient(to bottom, #fb6340 100%, #fb6340 100%);
}

.seedbox-container .content .progress-bar.done {
background-color: #27ae60;
background-image: -webkit-linear-gradient(top, #27ae60 100%, #27ae60 100%);
background-image: linear-gradient(to bottom, #27ae60 100%, #27ae60 100%);
}

.seedbox-container .content .progress-info {
margin-bottom: 0.5rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}

.seedbox-container .content .progress-label span {
display: inline-block;
color: #8d9296;
font-size: 0.65rem;
font-weight: 600;
text-transform: uppercase;
background: rgba(255, 255, 255, 0.05);
padding: 0.25rem 1rem;
border-radius: 30px;
}

.seedbox-container .content .progress-percentage {
text-align: right;
color: #8d9296;
}

.seedbox-container .content .progress-percentage span {
display: inline-block;
color: #e9ecef false;
font-size: 0.875rem;
font-weight: 600;
}

.show-details .ciao {
position: absolute;
height: calc(100% - 65px - 240px);
left: 0;
bottom: 0;
z-index: 9;
box-sizing: border-box;
padding: 10px 0;
background: linear-gradient(
      to right,
      rgba(0, 0, 0, 0.27) 0%,
      rgba(0, 0, 0, 0.75) 100%
);
/* W3C */
}

.show-details .row {
font-size: 14px;
color: #fff;
line-height: 35px;
padding-right: 10px;
padding: 6px 15px;
box-sizing: border-box;
cursor: pointer;
position: relative;
overflow: hidden;
transition-property: padding;
transition-duration: 0.1s;
transition-timing-function: linear;
}

.show-details .row.episode {
border-bottom: 1px solid #292a2d;
} 

.show-details .row * {
cursor: pointer !important;
}

.show-details .row:hover {
background: #26272d;
}

.show-details .row.activated {
background-color: #1b2d4c !important;
position: relative;
}

.show-details .row:nth-child(odd) {
background-color: #1f2025;
/* W3C */
}

.show-details .row.episode .watched {
position: absolute;
width: 16px;
height: 100%;
right: 15px;
top: 0;
z-index: 9;
}

.show-details .episode_num {
float: left;
margin: 0px 15px 0px 5px;
}

.show-details .row .episode_title {
opacity: 0.4;
}

.show-details .row .episode_title i {
      color:#ffc900;
      margin-left: 10px;
      font-style: normal;
      font-size: 13px;
      margin: 0 10px;
}

.show-details .row .episode_air_date {
      font-size: 13px;
      color:#5c5c60;
      display: block;
}


.show-details .row .guest_stars {
      font-size: 13px;
      color:#b1b1b7;
}

.show-details .row:hover .episode_title,
.show-details .row.activated .episode_title {
opacity: 1;
}

.show-details .row.episode.activated:after {
color: #fff;
}

.episode_title {
white-space: nowrap;
border-left: 1px solid #17181b;
padding-left: 20px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(60vw - 395px);
}

.show-details .row.episode.activated .watched {
color: rgba(255, 255, 255, 0.4);
}

.show-details .column.seasons {
min-width: 165px;
max-width: 165px;
-webkit-flex-shrink: 1;
flex-shrink: 1;
-webkit-box-flex: 1;
box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
padding: 10px;
padding-right: 10px !important;
}

.show-details .column.episodes {
-webkit-box-flex: 2;
box-flex: 2;
-webkit-flex-grow: 2;
flex-grow: 2;
padding: 10px;
}

.show-details .column.seasons,
.show-details .column.episodes {
/*height: calc(100vh - 340px);*/
cursor: pointer;
direction: rtl;
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
padding: 0px 15px;
margin: 2px 0px 2px 2px;
float: left;
width: calc(100% - 7px);
}

.show-details .column.seasons::-webkit-scrollbar,
.show-details .column.episodes::-webkit-scrollbar {
width: 2px;
}

.show-details .column.seasons::-webkit-scrollbar-track,
.show-details .column.episodes::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.show-details .column.seasons::-webkit-scrollbar-thumb,
.show-details .column.episodes::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.show-details .column.seasons::-webkit-scrollbar-thumb:hover,
.show-details .column.episodes::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.show-details .column.seasons::-webkit-resizer,
.show-details .column.episodes::-webkit-resizer,
.show-details .column.seasons::-webkit-scrollbar-corner,
.show-details .column.episodes::-webkit-scrollbar-corner,
.show-details .column.seasons::-webkit-scrollbar-button,
.show-details .column.episodes::-webkit-scrollbar-button,
.show-details .column.seasons::-webkit-scrollbar-track-piece,
.show-details .column.episodes::-webkit-scrollbar-track-piece {
display: none;
}

.show-details .column.seasons .watched,
.show-details .column.episodes .watched {
padding: 9px 0;
color: rgba(255, 255, 255, 0.2);
-webkit-transition: color 0.5s;
transition: color 0.5s;
}

.show-details .column.seasons .watched:hover,
.show-details .column.episodes .watched:hover {
color: rgba(255, 255, 255, 0.4);
}

.show-details .column.seasons .watched.true,
.show-details .column.episodes .watched.true {
color: #fff;
}

.show-details .column.seasons:nth-child(odd),
.show-details .column.episodes:nth-child(odd) {
background-color: #1f2025;
}

.show-details .column.seasons.active,
.show-details .column.episodes.active {
background-color: #1b2d4c;
position: relative;
}

.show-details .column.seasons.active:after,
.show-details .column.episodes.active:after {
content: "";
position: absolute;
top: 0px;
right: -12px;
width: 0;
height: 0;
border-color: #17181b #17181b #17181b #1b2d4c;
border-style: solid;
border-width: 16px 6px 17px 6px;
}

.show-details .column.seasons a,
.show-details .column.episodes a {
text-decoration: none;
line-height: 34px;
font-weight: normal;
float: left;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
direction: ltr;
color: #fff;
}

.playnow {
position: absolute;
top: 37%;
left: 37%;
background: red;
color: #fff;
height: 50px;
width: 50px;
-webkit-transition: all 0.5s;
opacity: 0.3;
background: url(logo.png);
background-size: 50px 50px;
}

.modal-content,
.modal-overlay {
height: 100%;
width: 100%;
}

.modal-error,
.modal-image,
.modal-title-wrap {
text-align: center;
}

.modal-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 99998;
overflow: hidden;
visibility: hidden;
opacity: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.modal-overlay.modal-open {
visibility: visible;
opacity: 1;
}

.modal-wrap {
position: absolute;
top: 10%;
bottom: 10%;
left: 10%;
right: 10%;
}

.modal-next,
.modal-prev {
top: 50%;
position: absolute;
}

.modal-title-wrap {
position: absolute;
bottom: 0;
margin: auto;
display: inline-block;
width: 100%;
}

.modal-nav {
display: none;
}

.modal-prev {
left: 0;
}

.modal-next {
right: 0;
}

.modal-close {
position: absolute;
top: 2%;
right: 2%;
}

.modal-image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
vertical-align: middle;
}

.modal-content iframe,
.modal-error {
width: 100%;
height: 100%;
}

.modal-ajax,
.modal-inline {
max-height: 100%;
overflow: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.modal-error {
display: table;
color: #fff;
text-shadow: 0 1px 1px #000;
}

.modal-error p {
display: table-cell;
vertical-align: middle;
}

.modal-notouch .modal-effect-fade,
.modal-notouch .modal-effect-fadeScale,
.modal-notouch .modal-effect-fall,
.modal-notouch .modal-effect-slideDown,
.modal-notouch .modal-effect-slideLeft,
.modal-notouch .modal-effect-slideRight,
.modal-notouch .modal-effect-slideUp {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.modal-effect-fadeScale .modal-wrap {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}

.modal-effect-fadeScale.modal-open .modal-wrap {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

.modal-effect-slideDown .modal-wrap,
.modal-effect-slideLeft .modal-wrap,
.modal-effect-slideRight .modal-wrap,
.modal-effect-slideUp .modal-wrap {
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.modal-effect-slideLeft .modal-wrap {
-webkit-transform: translateX(-10%);
-moz-transform: translateX(-10%);
-ms-transform: translateX(-10%);
transform: translateX(-10%);
}

.modal-effect-slideRight .modal-wrap {
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
-ms-transform: translateX(10%);
transform: translateX(10%);
}

.modal-effect-slideLeft.modal-open .modal-wrap,
.modal-effect-slideRight.modal-open .modal-wrap {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}

.modal-effect-slideDown .modal-wrap {
-webkit-transform: translateY(-10%);
-moz-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%);
}

.modal-effect-slideUp .modal-wrap {
-webkit-transform: translateY(10%);
-moz-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%);
}

.modal-effect-slideDown.modal-open .modal-wrap,
.modal-effect-slideUp.modal-open .modal-wrap {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}

.modal-body-effect-fall .modal-effect-fall {
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}

.modal-effect-fall .modal-wrap {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: translateZ(300px);
-moz-transform: translateZ(300px);
-ms-transform: translateZ(300px);
transform: translateZ(300px);
}

.modal-effect-fall.modal-open .modal-wrap {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}

.modal-skin-default.modal-overlay {
background: #151111;
}

.modal-skin-default .modal-content.modal-loading {
background: url(https://i.imgur.com/eRrwfWf.gif) 50% 50% no-repeat;
}

.modal-skin-default .modal-nav {
top: 10%;
width: 8%;
height: 80%;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: 50% 50%;
opacity: 0.5;
}

.modal-skin-default .modal-nav:hover {
opacity: 1;
}

.modal-skin-default .modal-prev {
background-image: url(https://i.imgur.com/5lvhOF7.png);
border-radius: 0 3px 3px 0;
}

.modal-skin-default .modal-next {
background-image: url(https://i.imgur.com/8CPLach.png);
border-radius: 3px 0 0 3px;
}

.modal-skin-default .modal-close {
display: block;
background: url(https://i.imgur.com/DDhZS6k.png) 5px 5px no-repeat;
width: 23px;
height: 23px;
text-indent: -9999px;
padding: 5px;
opacity: 0.5;
}

.modal-skin-default .modal-close:hover {
opacity: 1;
}

.modal-skin-default .modal-title-wrap {
bottom: -7%;
}

.modal-skin-default .modal-title {
color: #fff;
padding: 7px 15px;
display: inline-block;
cursor: pointer;
background: #000;
border-radius: 30px;
}

.modal-skin-default .modal-image img {
background: #272727;
background: none;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.modal-skin-default .modal-ajax,
.modal-skin-default .modal-inline {
background: #272727;
padding: 40px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

@media (-webkit-min-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
.modal-skin-default .modal-content.modal-loading {
      background-image: url(https://i.imgur.com/AMXib0W.gif);
      background-size: 32px 32px;
}

.modal-skin-default .modal-prev {
      background-image: url(https://i.imgur.com/n9FqpVJ.png);
      background-size: 48px 48px;
}

.modal-skin-default .modal-next {
      background-image: url(https://i.imgur.com/jIcbVZe.png);
      background-size: 48px 48px;
}

.modal-skin-default .modal-close {
      background-image: url(https://i.imgur.com/71gOmg7.png);
      background-size: 16px 16px;
}
}
#init-content {
width: 100%;
/* Full Width */
height: 5px;
background: #000;
margin-top: 14%;
}

.init-expand {
width: 100%;
height: 1px;
margin: 2px 0;
background: #2187e7;
position: absolute;
box-shadow: 0px 0px 10px 1px rgba(0, 198, 255, 0.7);
-moz-animation: fullexpand 10s ease-out;
-webkit-animation: fullexpand 10s ease-out;
}

/* Full Width Animation Bar */

@-webkit-keyframes fullexpand {
0% {
      width: 0px;
}

100% {
      width: 100%;
}
}

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

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

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

100% {
      transform: rotate(359deg);
}
}

@keyframes blinker {
50% {
      opacity: 0;
}
}

.movie-cast {
position: relative;
top:108px;
color:#fff;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 13px;
line-height: 22px;
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 80px;
padding: 10px 0;
margin-top: -16px;
width: 100%;
padding: 10px;
cursor: grab;
&::-webkit-scrollbar-thumb:hover {
      background: #FEE882 !important;
}
&::-webkit-scrollbar-track {
      -webkit-box-shadow: transparent;
      background-color: transparent;
}
&::-webkit-scrollbar {
      width: 7px;
      background-color: transparent;
      scrollbar-width: thin;
}
&::-webkit-scrollbar-thumb {
      background-color: transparent;
      border-radius: 5px;
}
&::-webkit-scrollbar-thumb:hover {
      background-color: orange;
      border-radius: 5px;
      cursor:pointer;
}
}

.modal-backdrop.in {
      opacity: 0.8 !important;
}

.movie-cast .cast-item {
      display: flex;
      align-items: center;
      flex: 0 0 calc(25% - 10px);
      border-radius: 5px;
      padding: 6px;
      position: relative;
      cursor: pointer;
      transition: opacity 0.3s ease;
      box-sizing: border-box;
  }
  
  @media (max-width: 1200px) {
      .movie-cast .cast-item {
          flex: 0 0 calc(33.33% - 10px); /* 3 sütun */
      }

  }
  
  @media only screen and (min-width: 769px) and (max-width: 1024px) {
      .filter-bar .nav.right {
            margin-top: -81px;
      }
      .window-controls {
            display:none;
      }
  }


  @media only screen and (min-width: 580px) and (max-width: 768px) {
      .movie-cast .cast-item {
            flex: 0 0 calc(100% - 10px); /* 1 sütun */
        }
        .window-controls {
              display:none;
        }
  
        .movie-detail .content-title {
              font-size:29px;
              line-height: 37px;
        }
  
        .meta-container .metadatas .metaitem.movieruntime {
              
        }
  }

  @media only screen and (min-width: 480px) and (max-width: 580px) {

      .movie-detail .content-title {
            font-size:29px;
            line-height: 37px;
      }

      .filter-bar .nav.right {
            margin-top: -115px;
      }
      .filter-bar .search form input {
            width:15px;
      }

      .window-controls {
            display:none;
      }
  }

  @media only screen and (min-width: 430px) and (max-width: 479px) {
      .movie-detail .content-title {
            font-size:29px;
            line-height: 37px;
      }

      .item {
            flex: 1 1 calc(50% - 20px);
        max-width: calc(50% - 20px);
      }
      .item.movies .cover {
            width:160px;
            -webkit-background-size: 161px 220px;
            background-size: 161px 220px;
      }

      .filter-bar .nav.right {
            margin-top: -145px;
      }
      .filter-bar .search form input {
            width:15px;
      }

      .window-controls {
            display:none;
      }
  }

  @media only screen and (min-width: 361px) and (max-width: 429px) {

      .movie-detail .content-title {
            font-size:20px;
            line-height: 33px;
      }

      .filter-bar .nav.right {
            margin-top: -177px;
      }
      .filter-bar .search form input {
            width:15px;
      }

      .window-controls {
            display:none;
      }
      .item {
            flex: 1 1 calc(50% - 20px);
            max-width: calc(50% - 20px);
      }

      .item.benzer {
            flex: 1 1 calc(100% - 20px);
            max-width: calc(100% - 20px);
      }

      .item.benzer .cover {
            width: 210px;background-size: 210px 202px; 
      }

      .item .destra { margin-right: 14px; }

      .item.movies .cover {
            width:160px;
            -webkit-background-size: 161px 220px;
            background-size: 161px 220px;
      }
  }

 /* All Mobile Size (devices) */
 @media only screen and (max-width: 360px) { 
      .movie-detail .content-title {
            font-size:29px;
            line-height: 37px;
      }
      .item.movies .cover {
            width:160px;
            -webkit-background-size: 161px 220px;
            background-size: 161px 220px;
      }
      
      .window-controls {
            display:none;
      }

      .filter-bar .nav.right {
            margin-top: -177px;
      }
      .filter-bar .search form input {
            width:15px;
      }

      .item {
            flex: 1 1 calc(50% - 20px);
            max-width: calc(50% - 20px);
      }
}





.movie-cast .cast-item:hover {
      background:rgba(82, 87, 82, 0.5);
}


.movie-cast .cast-item img {
      width: 60px;
      height: 60px;
      overflow: hidden;
      border-radius: 50%;
      margin-right: 10px;
      transition: box-shadow 0.3s ease; /* Geçiş efekti ekleyin */
  }
  
.movie-cast .cast-item:hover img {
box-shadow: 0 0 0 4px rgba(82, 87, 82, 0.5); /* Yarı saydam kenarlık efekti */
}



.movie-cast .cast-item .info {
display: flex;
flex-direction: column;
justify-content: center;
}

.movie-cast .cast-item .info .name {
display:block;
font-size: 13px;
font-weight: 600;
}

.movie-cast .cast-item .info .character {
display:block;
font-size: 11px;
color:#a3a5a7;
}

/* AKTÖR DETAY SAYFASI */

.actor-detail {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-lines: multiple;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
height: 100vh;
padding-top: 65px;
width: 100vw;
-webkit-user-select: none;
user-select: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: #17181b;
position: fixed;
top:-37px;
left: 0;
z-index: 99;
}

.actor-detail .backdrop-overlay {
width: 100vw;
height: 150vh;
position: absolute;
opacity: 0.65;
top:0;
background-color: #000;
}

.actor-detail .backdrop {
width: 100vw;
height: 100vh;
position: absolute;
opacity: 0;
background-position-x: 50%;
background-position-y: -33px;
-webkit-filter: blur(15px) brightness(0.7);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
}

.actor-detail .backdrop.fadein {
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
opacity: 1;
}

.actor-detail .poster-box {
height: 75vh;
margin-top: 8vh;
width: 35vw;
padding-left: 4vw;
}

.actor-detail .poster-box .mcover-image {
float: right;
width: 100%;
max-width: 50vh;
max-height: 75vh;
position: relative;
margin-right: 1vw;
border-radius: 10px;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.actor-detail .poster-box .mcover-image.fadein {
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
opacity: 1;
}

.actor-detail .content-box {
height: 75vh;
margin-top: 5vh;
width: 64.99vw;
padding-right: 4vw;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
flex-direction: column;
overflow-y: auto; /* Dikey kaydırma çubuğu ekler */
overflow-x: hidden; /* Yatay kaydırmayı gizler */
}

.actor-detail .content-box .meta-container {
height: calc(100% - 70px);
-webkit-box-flex: 2;
box-flex: 2;
-webkit-flex: 2;
flex: 2;
}

.actor-detail .content-box .meta-container .title {
color: #fff;
position: relative;
text-stroke: 1px rgba(0, 0, 0, 0.1);
padding-top:10px;
font-size: 38px;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
}

.actor-detail .content-box .meta-container .title.asKnownAs {
      font-size: 15px !important; margin-top: 15px;
}

.actor-detail .content-box .meta-container .title.asKnownAs  span{
      display: inline-block; background-color: #4e4d4d; border-radius: 4px; margin-right: 10px; padding: 3px 8px; margin-bottom: 9px; font-size: 12px;
}

.actor-films-container .title {
font-size:13px !important;
}

.actor-detail .content-box .meta-container .metadatas {
top: 15px;
height: 20px;
position: relative;
}

.actor-detail .content-box .meta-container .metadatas .metaitem {
color: #f8f8f8;
font-size: 12px;
position: relative;
font-family: "Open Sans", sans-serif;
text-stroke: 1px rgba(0, 0, 0, 0.1);
float: left;
-webkit-font-smoothing: antialiased;
overflow: hidden;
white-space: wrap;
line-height: 20px;
}

.actor-detail .content-box .meta-container .metadatas .metaitem::before {
content: "";
margin: 10px 15px 0px 15px;
position: relative;
display: inline-block;
width: 4px;
float: left;
height: 4px;
border-radius: 2px;
background-color: #dbdbdd;
}

.actor-detail
.content-box
.meta-container
.metadatas
.metaitem:first-child::before {
display: none;
}

.actor-detail .content-box .meta-container .metadatas .show-cast {
color: #f8f8f8;
font-size: 12px;
position: relative;
font-family: "Font Awesome 5 Free";
text-stroke: 1px rgba(0, 0, 0, 0.1);
float: left;
-webkit-font-smoothing: antialiased;
cursor: pointer;
}

.meta-container.actor-meta {
      margin-left: 20px;
}

.actor-detail .content-box .meta-container .metadatas .tmdb-link {
color: #f8f8f8;
font-size: 11px;
position: relative;
font-family: "Font Awesome 5 Free";
text-stroke: 1px rgba(0, 0, 0, 0.1);
float: left;
-webkit-font-smoothing: antialiased;
cursor: pointer;
opacity: 0.4;
-webkit-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}

.actor-detail .content-box .meta-container .metadatas .tmdb-link:hover {
opacity: 1;
}

.actor-detail .content-box .meta-container .metadatas .tmdb-link.disabled {
cursor: default;
opacity: 0.4;
}

.actor-detail .content-box .meta-container .metadatas .year,
.actor-detail .content-box .meta-container .metadatas .certification {
color: #f8f8f8;
font-size: 12px;
position: relative;
font-family: "Open Sans", sans-serif;
text-stroke: 1px rgba(0, 0, 0, 0.1);
float: left;
-webkit-font-smoothing: antialiased;
cursor: pointer;
}

.actor-detail .content-box .meta-container .metadatas .movie-imdb-link {
margin-top: -3px;
padding-top: 3px;
width: 29px;
float: left;
height: 16px;
position: relative;
cursor: pointer;
background: url("../images/icons/imdb.png") right top no-repeat;
}

.actor-detail
.content-box
.meta-container
.metadatas
.rating-container
.hidden {
display: none;
}

.actor-detail
.content-box
.meta-container
.metadatas
.rating-container
.number-container {
width: auto;
float: left;
font-size: 12px;
font-family: "Open Sans", sans-serif;
color: #fff;
cursor: pointer;
z-index: 2;
}

.actor-detail
.content-box
.meta-container
.metadatas
.rating-container
.number-container
em {
font-size: 0.8em;
}

.actor-detail
.content-box
.meta-container
.metadatas
.rating-container
.star-container {
width: auto;
float: left;
position: relative;
z-index: 2;
cursor: pointer;
}

.actor-detail
.content-box
.meta-container
.metadatas
.rating-container
.star-container
.rating-star {
color: #ffc900;
font-size: 11px;
padding-right: 3px;
}

.actor-detail
.content-box
.meta-container
.metadatas
.rating-container
.star-container
.rating-star-half {
color: #ffc900;
font-size: 11px;
margin-left: -4px;
padding-right: 3px;
}

.actor-detail
.content-box
.meta-container
.metadatas
.rating-container
.star-container
.rating-star-half-empty {
color: #a3a5a7;
font-size: 11px;
margin-left: -4px;
}

.actor-detail
.content-box
.meta-container
.metadatas
.rating-container
.star-container
.rating-star-empty {
color: #a3a5a7;
font-size: 11px;
padding-right: 3px;
}

.actor-detail
.content-box
.meta-container
.metadatas
.rating-container
.star-container
.rating-star-half-container {
width: 1em;
height: 1em;
line-height: 1em;
margin-top: -1px;
margin-right: -1px;
margin-left: 4px;
}

.actor-detail .content-box .meta-container .metadatas .health-icon {
position: relative;
font-size: 14px;
float: right;
margin-right: 2%;
margin-top: -1px;
color: #737577;
cursor: pointer;
}

.actor-detail .content-box .meta-container .metadatas .health-icon.Bad {
color: #d53f3f;
}

.actor-detail .content-box .meta-container .metadatas .health-icon.Medium {
color: #ece523;
}

.actor-detail .content-box .meta-container .metadatas .health-icon.Good {
color: #a3e147;
}

.actor-detail .content-box .meta-container .metadatas .health-icon.Excellent {
color: #2ad942;
}

.actor-detail .content-box .meta-container .metadatas .magnet-link {
position: relative;
font-size: 13px;
float: right;
margin-right: 10px;
color: #ddd;
cursor: pointer;
}

.actor-detail .content-box .meta-container .metadatas .magnet-link:hover {
color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.actor-detail .content-box .meta-container .metadatas .source-link {
position: relative;
font-size: 13px;
float: right;
margin-right: 12px;
color: #ddd;
cursor: pointer;
}

.actor-detail .content-box .meta-container .metadatas .source-link:hover {
color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

.actor-detail .content-box .meta-container .overview {
position: relative;
overflow: hidden;
float: none;
color: #fff;
top: 25px;
padding-right: 2%;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 13px;
line-height: 22px;
text-align: justify;
text-stroke: 1px rgba(0, 0, 0, 0.1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow-x: hidden;
overflow-y: overlay;
-webkit-overflow-scrolling: touch;
}

.actor-detail .content-box .meta-container .overview::-webkit-scrollbar {
width: 5px;
}

.actor-detail .content-box .meta-container .overview::-webkit-scrollbar-track {
background-color: #30333c;
border-radius: 2px;
}

.actor-detail .content-box .meta-container .overview::-webkit-scrollbar-thumb {
background-color: #83888c;
border-radius: 2px;
}

.actor-detail
.content-box
.meta-container
.overview::-webkit-scrollbar-thumb:hover {
background-color: #93989c;
}

.actor-detail .content-box .meta-container .overview::-webkit-resizer,
.actor-detail .content-box .meta-container .overview::-webkit-scrollbar-corner,
.actor-detail .content-box .meta-container .overview::-webkit-scrollbar-button,
.actor-detail
.content-box
.meta-container
.overview::-webkit-scrollbar-track-piece {
display: none;
}

.actor-detail .content-box .meta-container .overview span {
opacity: 0.7;
font-size: 90%;
}

.actor-detail .content-box .meta-container .overview span.cname {
cursor: pointer;
opacity: 1;
font-size: 100%;
}

.actor-detail .content-box .meta-container .overview span.showall-cast {
cursor: pointer;
opacity: 1;
font-size: 100%;
}

.actor-detail .content-box .meta-container .overview p.sline {
line-height: 0.6;
}

.actor-detail .content-box .play-control {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
white-space: nowrap;
height: 70px;
line-height: 35px;
margin: -1px 25px 1px 16px;
}

.actor-detail .content-box .play-control .flex-left {
min-width: 420px;
margin-right: -15px;
}

.actor-detail .content-box .play-control .setup-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-left: -10px;
}

.actor-detail .content-box .play-control .toggles-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-flex: 2;
box-flex: 2;
-webkit-flex: 2;
flex: 2;
padding-bottom: 10px;
}

.actor-detail .content-box .play-control .favourites-toggle {
cursor: pointer;
padding: 5px;
padding-left: 24px;
float: left;
color: #fff;
height: 26px;
position: relative;
width: auto;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 12px;
line-height: 17px;
margin-right: 20px;
}

.actor-detail .content-box .play-control .favourites-toggle:before {
content: "\f004";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 18px;
color: #fff;
left: 0;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.actor-detail .content-box .play-control .favourites-toggle:after {
content: "\f004";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 18px;
color: #2468cc;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.actor-detail .content-box .play-control .favourites-toggle:hover:before {
opacity: 0;
}

.actor-detail .content-box .play-control .favourites-toggle:hover:after {
opacity: 1;
}

.actor-detail .content-box .play-control .favourites-toggle.selected {
height: 18px;
position: relative;
}

.actor-detail .content-box .play-control .favourites-toggle.selected:before {
content: "\f004";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 18px;
color: #df2d37;
left: 0;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.actor-detail .content-box .play-control .favourites-toggle.selected:after {
content: "\f004";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 18px;
color: #fff;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.actor-detail
.content-box
.play-control
.favourites-toggle.selected:hover:before {
opacity: 0;
}

.actor-detail
.content-box
.play-control
.favourites-toggle.selected:hover:after {
opacity: 1;
}

.actor-detail .content-box .play-control .watched-toggle {
cursor: pointer;
padding: 5px;
padding-left: 24px;
float: left;
color: #fff;
height: 26px;
position: relative;
width: auto;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 12px;
line-height: 17px;
}

.actor-detail .content-box .play-control .watched-toggle:before {
content: "\f070";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 18px;
color: #fff;
left: 0;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.actor-detail .content-box .play-control .watched-toggle:after {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 20px;
color: #299000;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.actor-detail .content-box .play-control .watched-toggle:hover:before {
opacity: 0;
}

.actor-detail .content-box .play-control .watched-toggle:hover:after {
opacity: 1;
}

.actor-detail .content-box .play-control .watched-toggle.selected:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 20px;
color: #299000;
left: 0;
opacity: 1;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.actor-detail .content-box .play-control .watched-toggle.selected:after {
content: "\f070";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
font-size: 18px;
color: #fff;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}

.actor-detail .content-box .play-control .watched-toggle.selected:hover:before {
opacity: 0;
}

.actor-detail .content-box .play-control .watched-toggle.selected:hover:after {
opacity: 1;
}

.actor-detail .content-box .play-control .play-selector {
position: relative;
float: left;
}

.actor-detail .content-box .play-control .play-selector .startStreaming {
margin-left: 12px;
margin-right: 12px;
}

.actor-detail .content-box .play-control .play-selector .startStreaming:after {
content: "";
width: 70%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}

.actor-detail .content-box .play-control .quality-selector {
position: relative;
float: left;
}

.actor-detail .content-box .play-control .quality-selector .sdow-quality {
line-height: normal;
padding: 4px;
height: 35px;
}

.actor-detail .content-box .play-control .quality-selector .sdow-quality div {
cursor: pointer;
float: left;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 11px;
color: #fff;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
padding: 4px;
margin-right: 6px;
margin-top: 2px;
}

.actor-detail
.content-box
.play-control
.quality-selector
.sdow-quality
.disabled {
opacity: 0.3;
cursor: default;
}

.actor-detail
.content-box
.play-control
.quality-selector
.sdow-quality
.active {
cursor: pointer;
opacity: 1;
color: #fff;
background: rgba(43, 110, 210, 0.84);
border-radius: 10px;
font-family: "Open Sans", sans-serif;
}

.actor-detail .content-box .play-control .movie-quality-container {
margin-top: 10px;
float: left;
position: relative;
height: 15px;
width: 95px;
left: 3%;
line-height: 1;
}

.actor-detail
.content-box
.play-control
.movie-quality-container
.sdow-quality
div {
cursor: pointer;
float: left;
font-family: "Open Sans", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 11px;
color: #fff;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
padding: 4px;
}

.actor-detail .content-box .play-control .movie-quality-container .tooltip {
width: 85px;
}

.actor-detail .content-box .play-control .movie-quality-container .disabled {
opacity: 0.3;
cursor: default;
}

.actor-detail .content-box .play-control .movie-quality-container .active {
cursor: pointer;
opacity: 1;
color: #fff;
background: rgba(43, 110, 210, 0.84);
border-radius: 10px;
font-family: "Open Sans", sans-serif;
}

.actor-detail .content-box .play-control .movie-quality-container .switch {
background: transparent;
border-radius: 32px;
display: block;
height: 12px;
position: absolute;
left: 28px;
width: 25px;
border: 2px solid #fff;
cursor: pointer;
}

.actor-detail
.content-box
.play-control
.movie-quality-container
.switch
label {
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
width: 20px;
cursor: pointer;
}

.actor-detail
.content-box
.play-control
.movie-quality-container
.switch
label:nth-of-type(1) {
left: -38px;
position: absolute;
text-align: right;
}

.actor-detail
.content-box
.play-control
.movie-quality-container
.switch
label:nth-of-type(2) {
position: absolute;
right: -30px;
text-align: left;
}

.actor-detail
.content-box
.play-control
.movie-quality-container
.switch
.tooltip {
width: 130px;
}

.actor-detail
.content-box
.play-control
.movie-quality-container
.switch
input {
height: 7px;
left: -27px;
opacity: 0;
position: absolute;
top: -4px;
width: 79px;
z-index: 2;
cursor: pointer;
}

.actor-detail
.content-box
.play-control
.movie-quality-container
.switch
input:checked {
z-index: 0;
}

.actor-detail
.content-box
.play-control
.movie-quality-container
.switch
input:checked
~ label:nth-of-type(1) {
color: #2468cc;
}

.actor-detail
.content-box
.play-control
.movie-quality-container
.switch
input:checked
~ label:nth-of-type(2) {
color: #fff;
}

.actor-detail
.content-box
.play-control
.movie-quality-container
.switch
input:checked
~ .toggle {
left: 0px;
}

.actor-detail
.content-box
.play-control
.movie-quality-container
.switch
input
~ :checked
~ label:nth-of-type(1) {
color: #fff;
}

.actor-detail
.content-box
.play-control
.movie-quality-container
.switch
input
~ :checked
~ label:nth-of-type(2) {
color: #2468cc;
}

.actor-detail
.content-box
.play-control
.movie-quality-container
.switch
input
~ :checked
~ .toggle {
left: 11px;
}

.actor-detail
.content-box
.play-control
.movie-quality-container
.switch
.toggle {
-webkit-transition: left 0.2s ease;
transition: left 0.2s ease;
background: #2468cc;
border-radius: 50%;
height: 10px;
left: 0px;
position: absolute;
top: -1px;
width: 10px;
}

.actor-films-container {

gap: 20px;
justify-content: center;
position: relative;
top:70px
}

.photo-gallery-container {

gap: 20px;
justify-content: center;
position: relative;
top:70px
}

.actor-film {
width: 200px;
text-align: center;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
color:#fff;
}

.actor-film img {
width: 100%;
border-radius: 10px;
}

.actor-film-title {
margin-top: 10px;
font-size: 16px;
font-weight: bold;
}

.actor-film-release-date {
font-size: 14px;
color: #666;
}

.actor-film-overview {
margin-top: 10px;
font-size: 14px;
color: #989898;
line-height: 23px;;
}