body, footer {
  background-color: #070707;
}
#home .sc-selector-tags {
  border: 0;
  background: 0;
  text-transform: none;
}
#home .sc-selector-input, #home .sc-selector-placeholder{
  font-size: 1.2em !important;
  text-transform: none;
}

#home .sc-selector-content-wrapper {
border-radius: 4px;
background-color: #080B0C;
text-shadow: 2px 2px 4px rgba(0,0,0,.4);
border: 1px solid #212121;
}


#home .info-wrap .plot-wrap .plot {
  margin-top: 1.5em;
font-size: 1.2em;
line-height: 1.4;
text-shadow: 2px 2px 4px rgba(0,0,0,.45);
transition-property: opacity;
transition-duration: .5s;
transition-delay: 5s;
}




.chevron-icon {
	height: .8rem;
	width: .8rem;
}



.info-wrap .info-button  {
	display: flex;
	align-items: center;
	padding: .5em 2em;
	margin-right: 1em;
	font-weight: 700;
	border-radius: 3px;
  text-decoration: none;
}


.info-wrap .info-button span {
	font-size: 1.3em;
}

.info-wrap .info-button .play2-icon {
 font-size:1.5em;
}
.info-wrap .info-button .info-icon {
 font-size:1.7em
}
.info-wrap .info-button svg {
 margin-right:.5em
}

.info-wrap .info-buttons {
 display:flex;
 margin-top:2em
}
@media screen and (max-width: 499px) {
 .info-wrap .info-buttons {
  justify-content:center;
  margin-top:1.25em;
  align-items:center
 }
}
.info-wrap .info-buttons .play2 {
 background-color:#fff;
 color:#000
}
@media screen and (min-width: 800px) {
 .info-wrap .info-buttons .play2:hover {
  background-color:#fffc
 }
}
@media screen and (max-width: 499px) {
 .info-wrap .info-buttons .play2 {
  height:3em;
  padding:.5em 1.75em;
  margin:0 2.25em
 }
 .info-wrap .info-buttons .play2 span {
  padding-bottom:.1em
 }
}
.info-wrap .info-buttons .more-info {
 background-color:#6d6d6eb3;
 color:#fff
}
@media screen and (min-width: 800px) {
 .info-wrap .info-buttons .more-info:hover {
  background-color:#6d6d6e80
 }
}
@media screen and (max-width: 499px) {
 .info-wrap .info-buttons .more-info {
  height:4em;
  background-color:unset;
  display:flex;
  flex-wrap:wrap;
  flex-direction:column;
  justify-content:center;
  margin:0;
  padding:0
 }
 .info-wrap .info-buttons .more-info svg {
  margin:0;
  font-size:1.7em
 }
 .info-wrap .info-buttons .more-info span {
  color:var(--color-grey-10);
  font-size:.9em;
  font-weight:400;
  margin-top:.4em
 }
}

.owl-next, .owl-prev {
  color: #fff !important;
}
.owl-next:hover, .owl-prev:hover {
  background-color: hsla(0,0%,8%,.7) !important;
}
.owl-next svg, .owl-prev svg {
  -webkit-transition: .15s;
  -o-transition: .15s;
  transition: .15s;
}
.owl-next:hover svg, .owl-prev:hover svg {
  transform: scale(1.25);
}




.row-header {
 font-weight:700;
 margin:0 0 .35em;
 margin-left: 0 !important;
}
.row-header a {
  color: inherit;
}
.row-header .header-wrap {
 display:inline-flex;
 align-items:center;
 position:relative
}
.row-header .header-wrap .label {
 font-size:1.4em
}
.browse {
 padding-top:.35em;
 position:absolute;
 left:100%;
 white-space:nowrap
}
.browse .browse-container {
 display:flex;
 align-items:center;
 color:#54b9c5
}
.browse .browse-container span {
 font-size:.9em;
 transition:opacity 1s,transform .5s;
 opacity:0
}
.browse .browse-container .angle-icon {
 transition:transform .45s;
 font-size:.8em;
 opacity:0
}

.header-wrap:hover .browse-container span {
  opacity: 1;
  transform: translate(.5em);
}
.header-wrap:hover .browse-container .angle-icon {
  opacity: 1;
  transform: translate(.5em);
}

#title-single .title-nav .nav-item {
  margin-right: 0 !important;
}
#title-single .title-nav .nav-link {
	padding-bottom: .75em;
	padding-right: .25em;
	padding-left: .2em;
	margin-right: 1.8em;
	text-transform: uppercase;
	border-bottom: 3px;
	position: relative;
	font-size: 1.1em;
	letter-spacing: 1px;
	cursor: pointer;
  font-weight: normal;
  border: none !important;
}


#title-single .title-nav .nav-link.active:after {
	background-color: #018850;
	border-radius: 1em 1em 0 0;
	content: "";
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 50;
}



.title h1{
 position:absolute;
 bottom:0;
 left:0;
 max-width:50%
}
.title h1 span {
 display:var(--56a90e6a)
}
@media screen and (min-width: 800px) {
 #title-single .info-wrap .title {
  font-size:3em
 }
}
@media screen and (max-width: 799px) {
 .title {
  height:unset!important;
  padding-top:.5em!important;
  text-shadow:none;
  line-height:1.1
 }
 .title h1 {
  position:unset;
  max-width:unset
 }
 .title h1 span {
  display:block
 }
}



.extra {
 font-size:1em;
 color:#A6A6A6;
 display:-webkit-box;
 -webkit-line-clamp:1;
 -webkit-box-orient:vertical;
 overflow:hidden
}
.extra .extra-title {
 color:#A6A6A6;
 margin-right:.25em;
 font-weight:700
}
@media screen and (max-width: 799px) {
 .extra:nth-last-child(1) {
  padding-bottom:1.2em
 }
}
.extra .genre:hover {
 text-decoration:underline
}
.extra a {
  color: inherit;
}


#title-single .info-wrap .plot-wrap .plot {

  padding: 1em 0 1em;
}



.buttons {
	display: flex;
	align-items: center;
}
.buttons .play2 {
 background-color:#fff;
 color:#000;
 display:flex;
 align-items:center;
 padding:.5em 2em;
 margin-right:1em;
 font-weight:700;
 border-radius:3px
}
.buttons .play2:hover {
 opacity:.9
}
.buttons .play2 span {
 font-size:1.2em
}
.buttons .play2 .play-icon {
 font-size:1.2em;
 margin-right:.5em
}
@media screen and (max-width: 499px) {
 .buttons .play2 {
  justify-content:center;
  text-transform:uppercase;
  letter-spacing:1px;
  width:100%;
  padding:1em 0;
  margin-bottom:1.7em;
  margin-right:0
 }
}
.buttons .rating {
 margin-right:.8em
}
@media screen and (max-width: 499px) {
 .buttons .rating {
  margin-right:0;
  margin-left:0!important
 }
}
.buttons .more {
 display:none
}
@media screen and (max-width: 499px) {
 .buttons .more {
  display:block
 }
}
.buttons .video-actions {
 display:flex
}
@media screen and (max-width: 499px) {
 .buttons .video-actions {
  flex-direction:column;
  margin-right:0;
  width:100%
 }
}


#overview .circle-rate {
	width: 50px;
	height: 50px;
	font-size: 18px;
	background-color: #212121;
	border-radius: 50%;
}


#title-single .label  {
	margin-left: 4%;
	font-size: 2.4em;
	color: #fff;
  margin-bottom: 2.5rem;
}


 .background-wrap {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
 }

@media screen and (max-width: 799px) {
 .background-wrap {
  width:100%;
  position:relative;
  height:56.25vw;
  display: block;
  margin-top: -20px;
 }
 .title-wrap {
   background-image: none !important;
 }
}
@media screen and (min-width: 500px) and (max-width: 799px) {
 .background-wrap {
  height:16em
 }
}
.background-wrap .cover-image-sm {
 position:absolute;
 display:none;
 top:0;
 right:0;
 bottom:0;
 left:0;
 margin:auto
}
@media screen and (min-width: 500px) and (max-width: 799px) {
 .background-wrap .cover-image-sm {
  display:block;
  background-image:var(--a30ea804);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center center
 }
}
.background-image {
 position:absolute;
 left:0;
 top:0;
 width: 100%;
 height: 100%;
 opacity:1;
 z-index:0;
 background-size:cover!important;
 background-position:50%!important;
 background-image:var(--023c4c3c)
}
@media screen and (max-width: 799px) {
 .background-image {
  left:0;
  background-image:var(--a30ea804)
 }
}


.billboard {
	position: relative;
	width: 100%;
	height: 35em;
}

  #home .info-wrap  {
	position: absolute;
	bottom: 10%;
	left: 4%;
	width: 36%;
	z-index: 10;
}

@media(max-width:999px){
  #home .info-wrap  {
    width: 45%;
}
}

#home .header {
  padding-left: 0;
  padding-right: 0;
}

#home .sc-selector-tags {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#home .sc-selector {
  margin-left: 0 !important;
}


#home .genres {
  display: none;
}
#home .genres a {
  color: inherit;
}
#home .genres a:before {
  content: " • ";
  color: gray !important;
padding: 0 .5em;
}

.slider-title {
	padding-left: calc(4% - 15px);
}


@media screen and (max-width: 499px) {
  body {
  font-size: 1.15vw;
  }
  .info-wrap {
    padding-top: 1em !important;
  }
  .buttons {
	flex-wrap: wrap;
	justify-content: center;
}
.video-actions {
  width: 100%;
}
.user-action:not(.abtn) {
  font-size: 16px;
}

.slider-tile-inner {
		width: 100% !important;
	}

  #title-single .info-wrap .favorite, #title-single .info-wrap .play, #title-single .info-wrap .vote, .vote-progress {
    margin-right: .4em !important;
  }

  #home .info-wrap {
    width: 92%;
  bottom: 5%;
text-align: center;
}

#home .genres {
  display: flex;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
margin: 1.5em auto 0;
overflow: hidden;
font-size: 18px;
}
#home .plot {
  display: none;
}

#home .header {
  margin-top: .8em;
}
}


.preamium-feature .text p {
	color: var(--color-grey-9);
	font-size: 14px;
	margin-left: 5px;
}


.premium-btn {
	background-color: var(--color-green-1);
	border-radius: 3px;
	padding: 5px 12px;
	font-size: 14px;
	color: #fff !important;
  text-decoration: none !important;
}

.dialog-content {
	padding: 1rem;
}


#premium-modal .modal-title {
  font-size: 27px !important;
line-height: 1;
padding-top: .5rem;
padding-left: .25rem;
}

#premium-modal .modal-header {
  border: none !important;
}

.modal .close {
  color: #fff !important;
}


.box-7x10 {
	height: 0;
	overflow: hidden;
	padding: 35.714% 0;
	position: relative;
	width: 100%;
  display: block;
}

.box-7x10 .top-10-rank {
	bottom: 0;
	left: 0;
	position: absolute;
	right: auto;
	top: 0;
	width: 50%;
  background-repeat: no-repeat;
  background-position: calc(100% + 20px) 0;
  background-size: auto 100%;
}


.box-7x10 .poster-image {
	bottom: 0;
	height: 100%;
	left: auto;
	-o-object-fit: 100%;
	object-fit: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 50% !important;
}

#rank-1 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='74' height='154' viewBox='0 0 74 154' xml:space='preserve'%3E%3Cpath d='M35.4 152H72V2.5L2 19.4v30.3l33.4-8.5V152z' stroke='%23595959' stroke-width='4'/%3E%3C/svg%3E");

}
#rank-2 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='115' height='154' viewBox='0 0 115 154' xml:space='preserve'%3E%3Cpath d='M3.8 152H113v-30.2H50.5l4.4-3.6 29.5-24c5.1-4.1 9.7-8.5 14-13 4.2-4.5 7.5-9.3 10-14.6 2.4-5.2 3.7-11.1 3.7-17.7 0-9.4-2.3-17.6-6.9-24.6-4.6-7-10.9-12.5-19.1-16.4C77.8 4 68.5 2 58.1 2 47.6 2 38.4 4 30.4 8.1c-8 4-14.5 9.6-19.4 16.7-4.5 6.5-7.4 13.8-8.7 22h34.1c1.2-3.5 3.4-6.5 6.5-9 3.5-2.8 8.3-4.2 14.1-4.2 5.9 0 10.6 1.5 13.8 4.7 3.2 3.1 4.8 7 4.8 11.6 0 4.2-1.2 7.9-3.5 11.3-2.2 3.2-6 7.1-11.4 11.8L3.8 122.5V152z' stroke='%23595959' stroke-width='4'/%3E%3C/svg%3E");
}
#rank-3 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='116' height='154' viewBox='0 0 116 154' xml:space='preserve'%3E%3Cpath d='M3.9 41.6h33.2c1.3-2.7 3.5-4.9 6.7-6.7 3.6-2 7.8-3 12.8-3 5.6 0 10.1 1.1 13.7 3.4 3.8 2.4 5.8 6.3 5.8 11.3 0 4.6-1.9 8.4-5.5 11.4-3.5 2.9-8.2 4.4-13.8 4.4H41.5v28.4h16.8c5.6 0 10.3 1.2 14.1 3.7 4 2.6 6.1 6.6 6.1 11.6 0 5.7-1.9 10-5.9 12.6-3.7 2.4-8.3 3.6-13.9 3.6-5.2 0-9.8-.9-13.8-2.8-3.7-1.8-6.3-4.3-7.8-7.5H2.4c2.1 12.1 7.8 21.7 17 28.8 9.9 7.6 23.2 11.4 40.1 11.4 10.7 0 20.2-1.8 28.4-5.3s14.6-8.5 19.2-14.9c4.6-6.3 6.9-13.9 6.9-22.8 0-7-1.9-13.5-5.8-19.7-3.8-6.1-9.7-10.4-17.7-12.9L85 74.9l5.4-2c6.7-2.5 11.7-6.3 15.1-11.4 3.4-5.1 5.1-10.8 5.1-17.2 0-8.5-2.3-15.8-6.8-22C99.2 16 93.1 11.1 85.4 7.6 77.7 3.8 69.2 2 59.7 2 44.1 2 31.6 5.8 22 13.4 13 20.5 6.9 29.9 3.9 41.6z' stroke='%23595959' stroke-width='4'/%3E%3C/svg%3E");
}
#rank-4 {
  background-position: calc(100% + 50px) 0%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='154' viewBox='0 0 130 154' xml:space='preserve'%3E%3Cpath d='M72 152h35.3v-31H128V92.5h-20.7V2H69.9L2 92.7V121h70v31zM36.2 92.2l35.9-48v48H36.2z' stroke='%23595959' stroke-width='4'/%3E%3C/svg%3E");
}
#rank-5 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='118.1' height='154' viewBox='0 0 118.1 154' xml:space='preserve'%3E%3Cpath d='M105.6 32.2V2h-92L5.3 90.4h32.5c2.1-2.4 4.9-4.3 8.1-5.7 3.6-1.6 7.5-2.3 11.9-2.3 6.2 0 11.4 1.7 15.4 5.3 4.1 3.6 6.1 8.4 6.1 14.3 0 6-2 10.9-6.1 14.4-4 3.4-9.2 5.1-15.4 5.1-4.3 0-8.2-.7-11.6-2.1-3.1-1.3-5.6-2.9-7.4-5H2.7C6 126 12.5 135 22.2 141.6c10.4 7 23.6 10.6 39.6 10.6 10.1 0 19.3-2 27.5-6 8.2-3.9 14.7-9.7 19.6-17.3 4.8-7.6 7.3-16.9 7.3-28.1 0-9.2-2-17.3-6-24.4-4-7.1-9.5-12.7-16.5-16.8-7-4.1-14.8-6.1-23.6-6.1C59 53.5 50 57 42.9 64L39 67.8l3.3-35.4h63.3z' stroke='%23595959' stroke-width='4'/%3E%3C/svg%3E");
}
#rank-6 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='154' viewBox='0 0 120 154' xml:space='preserve'%3E%3Cpath d='M79.5 38.2H115c-3.3-10.9-9-19.6-17-25.9C89.3 5.4 77.5 2 62.5 2c-11.8 0-22.2 2.9-31.3 8.6C22.1 16.3 15 24.7 9.8 35.8 4.6 46.9 2 60.4 2 76.4c0 14.4 2.4 27.3 7.1 38.8 4.7 11.4 11.6 20.3 20.7 27 9.1 6.6 20.4 9.9 34 9.9 6.8 0 13.5-1.1 19.9-3.3 6.4-2.1 12.2-5.5 17.4-9.8 5.2-4.3 9.3-9.6 12.3-15.9 3-6.3 4.6-13.6 4.6-21.9 0-8.8-2.1-16.6-6.2-23.5-4.1-6.9-9.6-12.3-16.6-16.2-6.9-3.9-14.5-5.9-22.8-5.9-14.5 0-25.3 4.5-32.6 13.6l-4 5 .4-6.4c.9-12.6 3.6-21.8 8.2-27.7 4.7-5.9 10.9-8.9 18.4-8.9 4.3 0 7.8.7 10.7 2.2 2.6 1.3 4.5 2.9 6 4.8zM62.6 123c-5.8 0-10.9-1.9-15.1-5.7-4.3-3.8-6.5-8.7-6.5-14.6s2.2-10.9 6.4-14.8C51.7 84 56.8 82 62.6 82c5.8 0 10.9 2 15.1 5.9 4.2 4 6.3 8.9 6.3 14.8s-2.1 10.8-6.3 14.6c-4.2 3.8-9.3 5.7-15.1 5.7z' stroke='%23595959' stroke-width='4'/%3E%3C/svg%3E");
}
#rank-7 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='115' height='154' viewBox='0 0 115 154' xml:space='preserve'%3E%3Cpath d='M113 2H2v31.4h74L21.2 152h39.1L113 32.8V2z' stroke='%23595959' stroke-width='4'/%3E%3C/svg%3E");
}
#rank-8 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='119' height='154' viewBox='0 0 119 154' xml:space='preserve'%3E%3Cpath d='M59.5 152c11.3 0 21.4-1.7 30.1-5.1 8.6-3.4 15.4-8.3 20.2-14.6 4.8-6.3 7.2-13.9 7.2-22.9 0-7.3-2.3-14.1-6.8-20.3-4.5-6.2-10.8-10.7-18.9-13.3L85.9 74l5.3-2c7.2-2.7 12.6-6.7 16.1-12 3.5-5.4 5.3-11.2 5.3-17.4 0-7.9-2.1-14.8-6.4-20.8-4.3-6-10.4-10.8-18.3-14.4C79.8 3.8 70.4 2 59.5 2S39.2 3.8 31.2 7.3c-7.9 3.5-14 8.3-18.3 14.4-4.3 6-6.4 12.9-6.4 20.8 0 6.2 1.8 12 5.3 17.4 3.5 5.3 8.8 9.3 16.1 12l5.3 2-5.4 1.8c-8.1 2.7-14.4 7.1-18.9 13.4C4.3 95.3 2 102 2 109.4c0 9 2.4 16.6 7.2 22.9 4.9 6.3 11.6 11.2 20.2 14.6 8.7 3.4 18.8 5.1 30.1 5.1zm.5-89c-5.6 0-10.3-1.5-14.1-4.6C42 55.3 40 51.2 40 46.2c0-5.2 2-9.5 5.9-12.7 3.8-3 8.5-4.6 14.1-4.6s10.3 1.5 14.1 4.6C78 36.7 80 41 80 46.2c0 5-2 9.1-5.9 12.2C70.3 61.5 65.6 63 60 63zm-.5 62c-6.3 0-11.6-1.6-15.8-4.9-4.4-3.3-6.7-7.8-6.7-13.3 0-5.3 2.3-9.7 6.7-13 4.3-3.2 9.6-4.9 15.8-4.9s11.6 1.6 15.8 4.9c4.4 3.3 6.7 7.7 6.7 13 0 5.4-2.3 9.9-6.7 13.3-4.2 3.3-9.5 4.9-15.8 4.9z' stroke='%23595959' stroke-width='4'/%3E%3C/svg%3E");
}
#rank-9 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='154' viewBox='0 0 120 154' xml:space='preserve'%3E%3Cpath d='M40.1 115.8H4.5c3 10.8 9 19.3 18 25.8 9.7 6.9 22.1 10.4 37.1 10.4 18.6 0 32.9-6.3 43.1-18.9 10.2-12.7 15.4-31.5 15.4-56.5 0-14.4-2.3-27.3-7-38.6-4.6-11.2-11.4-20-20.5-26.4C81.5 5.2 70.1 2 56.4 2c-7 0-13.7 1.2-20.2 3.5-6.4 2.3-12.3 5.7-17.5 10.2-5.2 4.5-9.2 9.8-12.2 16.1C3.5 38 2 45.1 2 53.1c0 8.8 2 16.6 6.1 23.4 4.1 6.8 9.5 12.2 16.3 16.1 6.8 3.9 14.4 5.9 22.9 5.9 7.8 0 14.3-1.1 19.6-3.3 5.2-2.2 9.6-5.6 13.2-10.1l4-5-.4 6.4c-.9 12.8-3.5 22-8.1 27.7-4.6 5.8-10.8 8.7-18.3 8.7-4.4 0-8.1-.7-11-2.1-2.7-1.3-4.8-3-6.2-5zM57.5 31c5.9 0 10.9 1.9 15.1 5.8 4.2 3.9 6.4 8.8 6.4 14.7s-2.1 10.8-6.4 14.7C68.4 70 63.3 72 57.5 72s-10.9-1.9-15.1-5.8c-4.2-3.9-6.4-8.8-6.4-14.7s2.1-10.8 6.4-14.7c4.2-3.9 9.2-5.8 15.1-5.8z' stroke='%23595959' stroke-width='4'/%3E%3C/svg%3E");
}
#rank-10 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='203' height='157' viewBox='0 0 203 157' xml:space='preserve'%3E%3Cpath d='M34.8 151.6h35.9V3L2 19.7v30.1l32.8-8.4v110.2zm105.5 3.4c12.4 0 23.1-3.1 32.2-9.4 9.1-6.3 16.1-15 21.1-26.4 5-11.5 7.5-25 7.5-40.7 0-15.7-2.5-29.3-7.5-40.7-5-11.4-12-20.2-21.1-26.4-9.1-6.3-19.8-9.4-32.2-9.4-12.4 0-23.1 3.1-32.2 9.4-9.1 6.2-16.1 15-21 26.4-5 11.5-7.5 25-7.5 40.7 0 15.7 2.5 29.3 7.5 40.7 5 11.4 12 20.2 21.1 26.4 9 6.3 19.7 9.4 32.1 9.4zm0-31.4c-7.8 0-13.9-4.1-18.2-12.2-4.1-7.7-6-18.7-6-33s2-25.2 6-33c4.2-8 10.3-12.2 18.2-12.2s13.9 4.1 18.1 12.2c4.1 7.7 6 18.7 6 33s-2 25.2-6 33c-4.2 8.1-10.3 12.2-18.1 12.2z' stroke='%23595959' stroke-width='4'/%3E%3C/svg%3E");
  background-position: calc(100% + 50px) 50%;
  background-size: auto 70%;
}

@media(min-width:1000px) {
  .slider-title {
    margin-bottom: 2rem;
  }
}


.download-menu table {
 border-collapse:collapse;
 display:block;
 margin:0!important
}
.download-menu th,
.download-menu thead {
 display:none
}
.download-menu tbody {
 display:block
}
.download-menu tr {
 padding-left:44px;
 padding-right:50px;
 display:block;
 position:relative;
 width:100%;
 min-height:52px;
 background-color:transparent!important
}
.download-menu tr:hover {
 background-color:#303030!important
}
.download-menu tr+tr {
 border-top:1px solid #303030
}
.download-menu td+td {
 margin-right:5px
}
.download-menu td {
 border:none;
 display:inline-block;
 padding:0!important;
 font-size:10px!important;
 color:#999;
 vertical-align:text-top
}
.download-menu td:first-child {
 text-align:left!important;
 display:block;
 font-size:14px!important;
 line-height:1.1!important;
 color:#fff;
 padding-top:7px!important
}
.download-menu td:first-child span {
 position:absolute;
 top:16px;
 right:15px;
 font-size:12px!important;
 background-color:#38C172!important;
 color:#fff!important
}
.download-menu td:last-child {
 position:absolute;
 top:14px;
 left:15px;
 font-size:15px!important
}
.download-menu td img {
 max-width:12px!important;
 vertical-align:text-top;
 position:relative;
 top:2px
}

.download-menu  table td, .download-menu  table th {
  height: auto !important;
}

.download-menu  .hide-on-mobile {
  color: #aaa;
}
.download-menu  #download-table td:nth-child(5) {
position: absolute; right: 70px;
top: 16px;
padding: 1px 6px !important;
border-radius: 3px;
background-color: #282828;
display: block;
font-size: 12px;
}
.download-menu  .fa-download {
font-size: 18px;
}

.tile-image:after{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 10;
}




.btn-login {
  color:#fff!important;
  padding:6px 17px;
  border-radius:3px;
  cursor:pointer;
  height:35px;
  line-height:normal;
  background-color:#018850;
	text-decoration: none !important;
	font-size: 15px;
	margin-left: 10px;
}

.buttons .download {
	display: none;
}

@media screen and (max-width: 499px) {
  .buttons .download {
    display:flex;
    width:100%;
    margin-top:-1.1em;
    margin-bottom:1.7em;
    text-transform:uppercase;
    letter-spacing:1px;
    height:3.7em;
    font-weight:700;
    background-color:var(--color-grey-4);
    border-radius:3px;
    cursor:pointer;
    position:relative
  }
  .buttons .download span {
    display:block;
    font-size:1.1em
  }
  .buttons .download .download-btn {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    width:100%
  }
  .buttons .download svg {
    margin-right:.25em;
    font-size:1.6em
  }
}


.preview-mobile {
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:10;
  background-color:var(--color-grey-3);
  border-radius:.5em .5em 0 0;
  transform:translateY(100%);
	font-size: 13px;
  transition:transform .3s ease-in-out
}

.preview-mobile.show {
	transform:translateY(0);
}

.preview-mobile a {
	color: inherit;
	text-decoration: inherit;
}

.preview-mobile .info-wrap {
	min-height: 11em;
	padding: 4%;
	display: flex;
	flex-wrap: wrap;
}

.preview-mobile .poster {
	width: 30%;
	padding-right: 4%;
}

.preview-mobile .poster .title-boxart{
	width: 100%;
	padding-top: 150%;
	background-color: #222;
	position: relative;
}

.preview-mobile .poster .title-boxart img {
	border-radius: 3px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
}


.preview-mobile .info {
	width: 66%;
	position: relative;
}

.preview-mobile .info .close {
	position: absolute;
	top: -1%;
	right: -8%;
	z-index: 100;
	background-color: var(--color-grey-6);
	padding: .3em;
	border-radius: 50%;
	line-height: 1;
  z-index: 100;
}

.preview-mobile .info .close svg {
	font-size: 1.4em;
}
.preview-mobile .close {
	float: right;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}

.preview-mobile .info .title {
	margin-right: 30px;
	color: #fff;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.2;
	padding-bottom: .2em;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding-top: 0 !important;
}

.preview-mobile .info .features {
	color: var(--color-grey-9);
	padding-bottom: .35em;
	display: flex;
	align-items: center;
}

.preview-mobile .info .plot {
	font-size: 1.1em;
	line-height: 1.3;
	min-height: 5.2em;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.preview-mobile .more-info {
	height: 4.2em;
	border-top: 1px solid #363636;
	font-size: 1.2em;
	display: flex;
	align-items: center;
}

.preview-mobile .more-info .info-btn {
	margin: 0 4%;
	font-size: 1.3em;
}

.preview-mobile .more-info {
	font-size: 1.2em;
}

.preview-mobile .more-info .angle-btn {
	margin: 0 4% 0 auto;
}


.preview-mobile .buttons {
	height: 6em;
	display: flex;
	justify-content: space-evenly;
}

.preview-mobile .buttons .btn-wrap {
	display: flex;
	flex-direction: column;
}

.preview-mobile .buttons .btn-wrap * {
	align-self: center;
	margin-right: 0;
}

.preview-mobile .buttons .play {
	font-size: 1.1em;
	width: 3em;
	height: 3em;
	border-radius: 50%;
	background-color: #fff;
	text-align: center;
	margin-right: .8em;
	cursor: pointer;
	display: flex;
	justify-content: center;
}

.preview-mobile .buttons .play svg {
	font-size: 1.4em;
	padding-left: .1em;
	line-height: 1.75em;
	color: #000;
}

.preview-mobile .title-btn {
	color: #fff;
	text-decoration: none;
	width: 3em;
	height: 3em;
	border: 2px solid #898989;
	background-color: #212121;
	border-radius: 50%;
	text-align: center;
	margin-right: .8em;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}


.preview-mobile .circular-progress  {
	border: 0;
}

.preview-mobile .circular-progress {
	position: relative;
	height: 3em;
	width: 3em;
	border-radius: 50%;
	background-color: #19AD79;
	display: grid;
	place-items: center;
	font-size: 1.1em;
	color: #fff;
}



.preview-mobile .circular-progress::before {
	content: "";
	position: absolute;
	height: 85%;
	width: 85%;
	background-color: #212121;
	border-radius: 50%;
}


.preview-mobile .circular-progress .value-container {
	position: relative;
	font-size: 1.1em !important;
	color: #fff;
}

.preview-mobile .circle-rate strong {
  font-size: 2em !important;
	color: #fff;
}

.mute-button {
	position: absolute;
	bottom: 5em;
	right: 4vw;
	z-index: 2;
	color: #fff;
	text-decoration: none;
	width: 3em;
	height: 3em;
	border: 2px solid var(--color-grey-8);
	background-color: var(--color-grey-3);
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
	opacity: .4;
	transition: opacity .2s linear;
	align-items: center;
	justify-content: center;
  display: none;
}

@media(max-width:499px) {
  .mute-button {
    display: none;
  }
}



@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}

.spinner-border {
  display: inline-block;
  width: 52px;
  height: 52px;
  vertical-align: middle;
  border-radius: 50%;
  border: 3px solid #fff;
  border-right-color: transparent;
  animation: .75s linear infinite spinner-border;
  overflow: hidden;
}

.header .spinner-border {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -26px;
  margin-left: -26px;
}

.tele {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	top: 0;
	left: 0;
	right: 0;
	padding: 0 36px;
	z-index: 50;
	height: 28px;
	text-align: center;
	position: fixed;
  color: #fff !important;
}

.close-tele {
	position: fixed;
	height: 28px;
	padding: 8px;
	right: 0;
	top: 0;
	color: #fff;
	z-index: 50;
	cursor: pointer;
	font-size: 12px;
	display: flex;
	align-items: center;
}


.header .top-shadow {
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 85%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 14.7em;
}

.header .left-shadow {
	background-image: linear-gradient(77deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 85%);
	position: absolute;
	top: 0;
	left: 0;
	right: 26.09%;
	height: 75vh;
}

.header .bottom-shadow {
	background-image: linear-gradient(to bottom,rgba(7,7,7,0) 75%, rgba(7,7,7,1) 100%);
	background-size: 100% 100%;
	background-position: 0 top;
	background-repeat: repeat-x;
	background-color: transparent;
	width: 100%;
	height: 75vh;
  top: 0;
  left: 0;
	position: absolute;
	z-index: 0;
}


@media(max-width:499px){
  .bg-mask {
    opacity: .35;
  }
}


.se_num{position: absolute; top:6px; right:6px; line-height: 22px; padding: 0 8px; font-size: 11px; font-weight: bold; background: rgba(0,0,0,.5);  color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); backdrop-filter: blur(10px); border-radius: 3px;}
#titles-browse {
  padding-top: 10px;
}


#loading-layer{background:#000;padding:1rem 1.5rem;text-align:center;color:#fff;border-radius:10px}
.scriptcode,.title_quote,.title_spoiler,.text_spoiler,.quote{padding:6px 12px;background:#161616; border-left: 4px solid #555;}
.title_quote{border-bottom:0;margin-top:2px;font-weight:700; font-size: 0.9em; background-color: #222 !important;
border-left: 4px solid #555;}
.quote,blockquote{padding:6px 12px;}