@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400;500;600;700&display=swap');
:root{
    --red:#ff1000
}
body {
  font-family: 'main',sans-serif;
  font-weight: 400;
  color: #222;
  padding: 0;
  margin: 0;
  direction: rtl !important;
  background-size: 100% 100%;
  background: #f3f3f5;
  font-size: 14px;
  overflow-x: hidden;
  padding-top: 55px;
}
* {
  padding: 0;
  margin: 0;
  position: relative;
  box-sizing: border-box;
}
a {
  text-decoration: none;
  font-size: 14px;
  outline: 0;
  font-family: main,sans-serif;
  color: #06c;
}
.block * {
  position: relative;
}
input,textarea,button,select {
  font-family: main;
  border: 0;
  outline: 0;
  outline: 0
}
ul,ol,li {
  list-style: none;
  padding: 0;
  margin: 0
}
h1,h2,h3,h4,h5,h6 {
  font-weight: 400;
  font-family: main,sans-serif;
}
*::-webkit-scrollbar {
  width: 6px;
}
*::-webkit-scrollbar-track {
  background: #ffffff;
}
*::-webkit-scrollbar-thumb {
  background-color: #4e6eff;
}
:before,:after {
  clear: both;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}
.clearfix:after {
  content: '';
  display: block;
  clear: both
}
.list-unstyled {
  list-style: none
}
.owl-item {
  display: inline-block;
  float: right;
  position: relative;
}
.container {
  margin: auto;
}
#head {
  z-index: 9;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  background: #f9f9f9;
  border: none;
  box-shadow: 1px 0 2px 1px #ddd;
  box-sizing: border-box;
  color: #06c;
  font-size: 1em;
  height:60px;
}
#head .container {
  width: 1300px;
}
div.logo {
  width:170px;
  float:right;
  margin-top: 13px;
}
div.search {
  position: relative;
  height: 35px;
  margin: 0;
  float:right;
  width:607px;
  margin-top: 13px;
}
div.search input {
  width: 100%;
  height: 35px;
  margin: 0 0 0 25px;
  padding: 5px 15px 5px 30px;
  border-radius: 4px;
  line-height: 35px;
  font-size: 15px;
  font-weight: 400;
  font-family: main,arial;
  color: #444;
  border: 1px solid #bbb;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
div.search button {
  position: absolute;
  display: inline-block;
  top: 3px;
  left: 3px;
  line-height: 24px;
  padding: 5px;
  font-size: 12pt;
  color: #666;
  background: none;
  border: 0;
}
.blockCountry {
  margin-bottom: 30px;
  padding: 20px 10px;
  background: #ffe6e6;
  text-align: r
  ;
  color: #990000;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #d41818;
}
div.buttons {
  float:right;
  margin-top:13px;
  width: 423px;
  padding-right: 100px;
}
div.buttons a {display: inline-block;border-radius: 4px;font-size: 11pt;line-height: 24px;border: 1px solid #ccc;background-color: #fbfbfb;background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fbfbfb),color-stop(100%,#e1e1e1));background: -webkit-linear-gradient(top,#fbfbfb,#e1e1e1);background: -moz-linear-gradient(top,#fbfbfb,#e1e1e1);background: -o-linear-gradient(top,#fbfbfb,#e1e1e1);background: linear-gradient(top,#fbfbfb,#e1e1e1);vertical-align: middle;padding: 6px 10px;font-weight: 500;color: #444!important;text-shadow: 0 1px 1px #fff;margin: 0;text-decoration: none;text-align: center;cursor: pointer;}
div.buttons a:first-child {
  background: #10bf46;
  border-color: #10bf46;
  color: #fff!important;
  text-shadow: 0 -1px 1px rgba(19,28,0,.35);
  margin-left: 84px;
}
div.buttons a:last-child {
  background: #00a1cb;
  border-color: #00a1cb;
  color: #fff!important;
  text-shadow: 0 -1px 1px rgba(0,40,50,.35);
}
div.buttons a i {
  margin-left:10px
}
section.content {
  width: 1300px;
  margin: 15px auto 0;
}
section.content .left {
  width:300px;
  float:left;
  position: sticky;
  display: block;
  top: 70px;
}
section.content .center {
  width: calc(100% - 490px);
  float: right;
  position: relative;
  display: block;
  margin-right: 180px;
  margin-bottom: 10px;
}
section.content .right {
  width:170px;
  position: fixed;
  top: 70px;
  display: block;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
#menu a {
  position: relative;
  display: block;
  padding: 8px 4px;
  font-size: 1em;
  border-bottom: 1px solid #eee;
  font-weight: bold;
}
#menu a i {
  margin-left: 10px;
  font-size: 14px;
  margin-right: 5px;
}
#menu a img {
  display:inline-block;
  float: right;
  width: 22px;
  height: 22px;
  margin-left: 7px;
  margin-top: 2px;
}
#menu a.active,
#menu a:first-child {
  color: #ff1000;
  border-bottom: 2px solid #ff1000;
  font-weight: 700;
}
.share {
  text-align:center;
  padding-bottom: 10px;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.registeration {
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.share h2 {
  border-bottom: 1px solid #ddd;
  padding:10px;
  font-size:15px;
  text-align:center;
  margin-bottom: 10px;
  font-weight: bold;
}
.share a {
  display: inline-block;
  margin: auto;
  min-width: 180px;
  text-align: left;
  line-height: 38px;
}
.share a i {
  display: inline-block;
  width: 28px;
  margin: 5px;
  padding: 8px;
  text-align: center;
  float: left;
  font-size: .9em;
  font-weight: 700;
  cursor: pointer;
  direction: ltr;
  border-radius: 4px;
  opacity: .9;
  color:#fff;
}
.share li:first-of-type i {
  background: #3c5a98;
}
.share li:nth-of-type(2) i {
  background: #2daae4;
}
.share li:nth-of-type(3) i {
  background: #3c5a98;
}
.share li:nth-of-type(4) i {
  background: #e3262e;
}
div.links {
  margin-bottom: 10px;
  width: 300px;
}
div.links.sticky {
  position: fixed;
  top:70px;
}
div.links ul {
  list-style:none;
  flex-wrap:nowrap;
  justify-content:space-between;
}
div.links li {
 width: 49%;
 text-align: center;
 display: block;
 float: right;
 margin-bottom:2%
}
div.links li:nth-of-type(odd) {
  margin-left:2%
}
div.links li a {
  color: #ff1000;
  padding: 5px 5px;
  background: #fff;
  display:block;
  border-radius: 5px;
  transition: .3s all ease;
}
div.links li:hover a {
  background: #ff1000;
  color: #fff;
}
.allSliders {
  display:flex;
  flex-wrap:wrap
}
.sliders {
  overflow:hidden;
  direction:ltr;
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 10px;
  background: #fff;
  height: auto;
	/*
	height: 330px;
	*/
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 100%;
}
.sliders > h2 {
  padding:10px;
  border-bottom: 1px solid #ddd;
  font-size:14px;
  overflow:hidden;
  margin-bottom:20px;
}
.sliders h2 a {
  float:left;
  font-weight:normal;
  font-weight: bold;
}
.sliders h2 span {
  float:right;
  font-weight: bold;
}
.block {
  width:140px;
  margin:auto;
  height: 270px;
  position:relative;
  transition:.35s ease;
  direction: rtl;
}
.block div.image {
  height: 200px;
}
.block div.image img {
  width:100%;
  height:100%;
  border-radius:1px
}
.ribbon {
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
}
.ribbon span {
  color: #fff;
  text-align: center;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #093;
  box-shadow: 0 3px 10px -5px #000;
  position: absolute;
  top: 19px;
  left: -21px;
  font-weight: 700;
  line-height: 20px;
}
.ribbon span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  z-index: -1;
  border-left: 3px solid #093;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #093;
}
.ribbon span:after {
  content: '';
  position: absolute;
  right: 0%;
  top: 100%;
  z-index: -1;
  border-right: 3px solid #093;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #093;
}
span.r {
  display: inline;
  position: absolute;
  top: 5px;
  right: 0;
  padding: 0;
  margin: 0;
  text-align: center;
  direction: rtl;
}
span i.fa-star {
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
  text-shadow: 0 0 4px #bbb;
  -webkit-text-stroke: 1px #fe0;
  color: #fc0;
  font-size: 2.5em;
  line-height: 1em;
  vertical-align: middle;
}
span.r i i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin: auto;
  padding: 0;
  font-size: .35em;
  font-weight: 700;
  font-style: normal;
  font-family: Arial;
  color: #000;
  text-shadow: none;
  -webkit-text-stroke: 0;
}
.block h3 {
  display: block;
  line-height: 20px;
  margin: 0;
  padding: 5px 0;
  text-align: center;
  height: 45px;
  font-size: 1em;
	/*
  overflow: hidden;
	*/
  position: relative;
  transition:.35s;
  font-weight: bold;
}
.block h3 p{
  font-weight:400
}
.block h2  span {
  display:block
}
.block:hover h2 {
  color:#1d5899;
  position:relative
}
.block h2 p {
 position:absolute;
 top: 7px;
 right:0;
 width:100%;
}
.sliders .owl-dots,.sliders .owl-nav {
  display:none
}
.sliders > span {
  z-index: 2;
  display: block;
  position: absolute;
  top: 61%;
  margin-top: -55px;
  background: rgba(255,255,255,.8);
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-left: none;
  cursor: pointer;
  font-size: 2em;
  width: 40px;
  height: 57px;
  padding-top: 8px;
  color: #06c;
  text-align:center;
  border-radius: 0 5px  5px 0;
}
.sliders > span i {
  transform:rotate(180deg)
}
.sliders > span.prev {
  right:0;
  border: 1px solid #ddd;
  border-right: none;
  border-radius: 5px 0 0 5px;
}
.sliders > span:hover {
  background:#fff
}
footer {
  text-align: center;
  padding: 10px;
  font-weight: bold;
  color: #666;
}
footer i {
  color:#f00
}
section.sections {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
section.sections .tabs {
 overflow:hidden;
 padding: 10px 10px 0 10px;
 border-bottom:1px solid #ccc;
 margin-bottom:10px;
}
section.sections .tabs span {
  float:right;
  font-weight:bold;
  padding: 3px;
}
section.sections .tabs ul {
  display: table;
  text-align: center;
  margin: 0 auto;
}
.embed {
    display: block;
    width: 100%;
    padding-bottom: 70%;
    margin-top: 15px;
}
.embed iframe {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
section.sections .tabs ul li {
  display: inline-block;
  margin-right: 5px;
  color: #0367cc;
  font-size: 17px;
  padding-right: 15px;
  cursor: pointer;
  height:40px;
  transition:.3s ease;
  text-align: center;
  font-weight: bold;
  position:relative;
}
section.sections .tabs ul li span {
  position:absolute;
  width: 33px;
  height:33px;
  right:0;
  background-image:url(./Inc/img/trend.jpg);
  top:0;
  z-index: 0;
}
section.sections .tabs ul li:hover span,
section.sections .tabs ul li a.active span {
 background-image:url(./Inc/img/trend2.jpg);
}
section.sections .tabs ul li:hover a,
section.sections .tabs ul li a.active {
  color:#ff1000;
}
.barsIcon{
  display: none;
}
section.sections .tabs ul li.active {
  border-bottom:1px solid
}
section.sections .tabs ul li img {
  vertical-align:middle;
}
.blocks {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between
}
.blocks .block {
 width:175px;
 margin-bottom:15px;
 height:auto;
 direction: rtl;
}
.blocks .block div.image {
 height:260px;
}
.loadMore {
  display: inline-block;
  border-radius: 4px;
  border: 0;
  background: #00a1cb;
  border-color: #00a1cb;
  color: #fff!important;
  text-shadow: 0 -1px 1px rgba(0,40,50,.35);
  vertical-align: middle;
  padding: 6px 10px;
  font-weight: 500;
  margin: 0;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  width: 100%;
  cursor: pointer;
}
.customSearch {
  text-align:center;
  margin-bottom: 20px;
  position: relative;
}
.customSearch > div {
  display: inline-block;
  position: relative;
  margin: 5px;
  text-align: right;
  vertical-align: middle;
  padding: 5px 7px;
  background: #FFF;
  min-width: 100px;
  cursor: pointer;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.customSearch > div span {
  padding-left:10px;
  font-weight: bold;
}
.customSearch > div:hover {
 border: 1px solid #ff4136;
}
.customSearch > div:hover span ,
.customSearch > div span.active {
  color:#ff4136
}
.customSearch > div.active {
  color: #fff!important;
  border-radius: 4px 4px 0 0;
  background: #ff4136;
}
.customSearch > div.active:hover span ,
.customSearch > div.active span {
  color:#fff
}
.customSearch > div i {
  float:left;
  position: relative;
  top: 5px;
}
.customSearch > div ul {
  display:none;
  list-style: none;
  position: absolute;
  top: 100%;
  width: 100%;
  background: #fff;
  z-index: 99999999999;
  position: absolute;
  left: 0;
  max-height: 350px;
  overflow: auto!important;
  box-shadow: 0 2px 4px 0 #bbb;
}
.customSearch ul li {
  background: #fff;
  color: #777;
  border: 1px solid #ccc;
  border-top: none;
  cursor:pointer;
  display: block;
  position: relative;
  padding: 2px 5px 2px 0px;
  font-weight: 600;
}
.customSearch ul li:hover {
  color:#f00
}
.poster.clearfix {}
.poster .image {
  width:300px;
  float:right;
}
.poster .image img {width:100%;height: calc(100% - 40px);}
.poster .info {
  width: calc(100% - 310px);
  margin-right: 10px;
  float: right;
  background: #fff;
  border: 1px solid #ddd;
  border-bottom: 0;
}
.btnwatch {
  margin-top:3px;
  background: linear-gradient(45deg, #0dd44a, #0ab53f);
  padding: 8px;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}
.poster .info h1 {
  padding-bottom:10px;
  padding: 10px;
  border-bottom:1px solid #ddd;
  font-weight: bold;
  color:#222 ;
}
.poster .info h1 span {
  display: inline-block;
}
.poster .info li {
  height:45px;
  line-height:45px;
  border-bottom:1px solid #ddd;
  overflow: hidden;
  font-weight: 500;
}
.poster .info li a {
  position:relative;
  margin-left: 9px;
}
.poster .info li a:after {
  content:'';
  position:absolute;
  width:4px;
  height:4px;
  background:#000;
  border-radius:50%;
  left: -8px;
  bottom: 12px;
}
.poster .info li a:last-of-type:after  {
  display:none
}
.poster .info li i {
  font-size: 27px;
  position: relative;
  top: 3px;
  color: #fc0;
}
.poster .info li span {
  display:inline-block;
  width:116px;
  border-left:1px solid #ddd;
  text-align:center;
  margin-left: 5px;
}
.story {
 position: relative;
 display: block;
 margin-bottom: 10px;
 background: #FFF;
 border: 1px solid #ddd;
 border-radius: 4px;
 margin-top:10px
}
.story .image {
  height: 400px;
  position:relative;
  overflow:hidden;
  margin: 10px;
  cursor: pointer;
}
.story .image:before {
  position:absolute;
  content:'';
  width: 100%;
  height:100%;
  left: 0;
  top:0;
  background:#000000c9;
}
.story .image img {
  width:100%;
  height: 100%;
  display: block;
}
.story .image i {
  position:absolute;
  width: 80px;
  height: 50px;
  top: calc(50% - 25px);
  right: calc(50% - 40px);
  z-index: 9;
  background: #e51717;
  line-height: 48px;
  border-radius: 10px;
  color: #fff;
  font-size: 23px;
  cursor: pointer;
}
.story h2,.h2title {
  background: #f9f9f9;
  border-radius: 4px 4px 0 0;
  border-bottom:1px solid #ddd;
  font-size:17px;
  padding: 10px 15px;
  font-weight: bold;
}
.story p {
  padding:5px
}
.story > div {
  margin:15px
}
.story iframe {
  max-width:100%
}
.story > div  {
  overflow:hidden;
  max-width: 100%;
  text-align: center;
  font-weight: 500;
  color: #222;
}
.story > div > a {
  display:block;
  width:33.33%;
  float:right;
  line-height: 95px;
  position:relative;
  text-align:right
}
.story > div > a span {
  line-height: 15px;
    position: relative;
    top: 7px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 50%;
    display: inline-block;
}
.story > div a strong {
  position:absolute;
  right: 120px;
  bottom: -19px;
  font-size: 14px;
  color: #888;
  font-weight: normal;
}
.story > div > a img {
  width:102px;
  height:102px;
  border-radius: 50%;
  margin-left:10px;
  vertical-align:middle;
  float: right;
}
.story > div > a {
  font-weight:bold;
  margin-bottom: 20px;
}
.owl-stage-outer .owl-stage {text-align: right;float: right;}
.serverWatch {
  text-align:center
}
.serverWatch li {
  display:inline-block;
  background: #dfdfdf;
  padding: 6px 16px;
  font-weight: bold;
  color: #555;
  cursor: pointer;
  border-radius: 4px;
  font-weight: 500;
}
.serverWatch li.active {
  background:#06c;
  color:#fff
}
.story ul.table {
  list-style:none;
  border: 1px solid #ddd;
  font-weight: bold;
}
.story ul.table li {
  height:45px;
  overflow:hidden;
  line-height: 45px;
  text-align: center;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.story ul.table li span {
  float:right;
  border-left: 1px solid #ddd;
}
.story ul.table li span {
  width: 199px;
  height: 45px;
}
.story ul.table li span:nth-of-type(1) {
  width:30px
}
.story ul.table li span:nth-of-type(5) {
  width: calc(100% - 629px);
  border-left:0;
  float: left;
}
.story ul.table li:first-child {
  background:#eee
}
.story ul.table li span a {
  display:inline-block;
  line-height:initial;
  margin-top: 6px;
  width: 102px;
  padding: 5px;
  background: #10bf46;
  color: #fff;
  border-radius: 2px;
}
a.DirectDownload {
  display: inline-block;
  width: 150px;
  position: relative;
  height: 45px;
  background: #288ff7;
  text-align: center;
  color: #fff;
  line-height: 46px;
  border-radius: 15px;
  border-bottom: 2px solid #2585e5;
}
.story p >span:not(.cont_text) {
  display:inline-block;
  width: 53px;
  height: 53px;
  border-radius:50%;
  border: 5px solid #ccc;
  font-weight: bold;
  vertical-align:middle;
  font-size: 16px;
  text-align: center;
  position: relative;
  line-height: 43px;
  padding-right: 12px;
}
.story p>span:not(.cont_text):after {
  content:'';
  position: absolute;
  width: 100%;
  height: 100%;
  border: 5px solid #2e70c0;
  border-radius: 50%;
  left: -5px;
  bottom: -5px;
  transform:rotate(180deg)
}
.story p >span b {
  position:absolute;
  right: 2px;
  font-size: 12px;
  top: -3px;
}
.story  ul.likes {
  display:inline-block;
  margin-right: 20px;
}
.story  ul.likes li {
  display:inline-block
}
.story p.rateP {
  padding: 0;
  display: inline-block;
}
.story  ul.likes li {
  font-weight:bold;margin-left:20px;
  cursor:pointer
}
.story  ul.likes li.likes:hover i,
.story  ul.likes li.likes:hover  {
  color: #2e70c0;
  border-color: #2e70c0!important;
}
.story  ul.likes li.dislikes:hover i,
.story  ul.likes li.dislikes:hover {
  color: #f54141;
  border-color: #f54141!important;
}
.story  ul.likes li i {
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 25px;
  background: #fff;
  color: #555;
  border: 2px solid #555;
  border-radius: 30px;
  padding: 0;
  text-align: center;
  line-height: 43px;
  margin-right: 10px;
}
.story  ul.likes div {
  margin:0;
  font-size: 0;
}
.story  ul.likes div em {
  display:none
}
.msg_box {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #555;
  border-radius: 4px;
  color: #000;
  border-color: #fc0;
  background: #ffc;
  margin-top: 15px;
  overflow: hidden;
}
.msg_box a {
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #ccc;
  vertical-align: middle;
  padding: 6px 10px;
  font-weight: 500;
  text-shadow: 0 1px 1px #fff;
  margin: 0;
  text-decoration: none;
  text-align: center;
  background: #10bf46;
  border-color: #10bf46;
  color:#fff;
  cursor: pointer;
}
.fb_iframe_widget_fluid_desktop iframe {
  min-width: 100%!important
}
.fb-comments {
  width: 97%!important;
}
.registeration {
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.registeration  h2 {
  padding:10px;
  border-bottom:1px solid #ddd
}
.registeration div {
  padding:10px 
}
.errorPass {
  background:#ff6868;
  padding:10px;
  margin:10px;
  color:#fff;
  display:none
}
.registeration label {
  display:inline-block;
  width:150px
}
.registeration input {
  width:calc(100% - 170px);
  font-family: main,arial;
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 6px;
}
.registeration button {
  display: block;
  border-radius: 4px;
  border: 1px solid #ccc;
  vertical-align: middle;
  margin: auto;
  padding: 6px 10px;
  font-weight: 500;
  text-shadow: 0 1px 1px #fff;
  text-decoration: none;
  text-align: center;
  font-family: main;
  background: #10bf46;
  border-color: #10bf46;
  color:#fff;
  cursor: pointer;
  width: 140px;
}
div#SearchResults {
  background: #fff;
  position: absolute;
  padding:15px;
  border:1px solid #ddd;
  border-radius:5px;
}
div#SearchResults li {
  list-style:none;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
  font-size: 15px;
  height: 76px;
  line-height: 75px;
  white-space: nowrap;
  overflow: hidden;
}
div#SearchResults li  span {
  display:inline-block
}
div#SearchResults li .image {
  width: 70px;
  height: 60px;
  float:right;
  margin-left:5px;
  border:1px solid #ddd;
  border-radius:8px;
  background: #ecf0f0;
}
div#SearchResults li img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
div#SearchResults li:hover a {
  color: #ff0000;
}
.note_box {
  background: #e9f2ff;
  padding: 10px;
  border: 1px solid #305994;
  border-radius: 5px;
}
.note_box i {
  font-size: 22px;
  color: #006699;
  float: right;
  margin: 3px;
}
.scrollTop {
  position: fixed;
  bottom: 0;
  right: 20px;
  height: 45px;
  width: 45px;
  border-radius: 15px 15px 0 0;
  background: white;
  font-size: 26px;
  text-align: center;
  padding-top: 8px;
  cursor: pointer;
  border: 1px solid #ddd;
  border-bottom: 0;
  transition:.35s ease;
  transform: translateY(100%);
  transform-origin: bottom;
}
.scrollTop.active {
 transform: translateY(0);
}
.scrollTop:hover {
  background:#f7f7f7
}
#myNsg,
#myNsg2 {
  display: none;
  margin-bottom: 30px;
  padding: 20px 10px;
  background: #ffe6e6;
  text-align: center;
  color: #990000;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #d41818;
}
#myNsg.showLB1,#myNsg2.showLB1 {
  display: block;
}
div#myNsg b ,div#myNsg2 b {
  font-weight: normal;
  display: block;
  float: left;
  font-style: italic;
  margin: 10px 0 0 0;
}
.shareF {
  position: fixed;
  width: 40px;
  height: 120px;
  top: calc(50% - 60px);
  right: 0;
}
.shareF a{
  display:block;
  height:40px;
  line-height:40px;
  color:#fff;
  width:40px;
  text-align:center;
  padding-top:10px
}
.shareF a.social-facebook {background:#3b5999}
.shareF a.social-twitter {background:#55acee}
.shareF a.social-google {background:#dd4b39}
.actorDetail {text-align:center;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.actorDetail h2 {
  padding: 5px;
  color:#06c
}
.actorDetail img {
  width:80px;
  height:80px;
  border-radius:50%;
  display:block;
  margin:auto
}
.actorDetail p {
  padding:5px;
  font-size: 13px;
  line-height: 18px;
  color: #696969;
}
.actorDetail span {
  font-weight:bold;
  display:block
  margin:5px auto
}
@media (max-width: 1199px) {
  .share li {
    display:inline-block
  }
  div.buttons {
    display:none
  }
  div.buttons.forMob {
    display:block!important;
    width:100%;
    overflow:hidden;
    float:none;
    margin-top:70px;
    padding-right: 35px;
    text-align: center;
  }
  div.buttons a {display: inline-block;border-radius: 4px;font-size: 11pt;width: 44%;line-height: 24px;border: 1px solid #ccc;background-color: #fbfbfb;background: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fbfbfb),color-stop(100%,#e1e1e1));background: -webkit-linear-gradient(top,#fbfbfb,#e1e1e1);background: -moz-linear-gradient(top,#fbfbfb,#e1e1e1);background: -o-linear-gradient(top,#fbfbfb,#e1e1e1);background: linear-gradient(top,#fbfbfb,#e1e1e1);vertical-align: middle;padding: 6px 10px;font-weight: 500;color: #444!important;text-shadow: 0 1px 1px #fff;margin: 0;text-decoration: none;text-align: center;cursor: pointer;}
  div.buttons a:first-child {
    background: #10bf46;
    border-color: #10bf46;
    color: #fff!important;
    text-shadow: 0 -1px 1px rgba(19,28,0,.35);
    margin-left: 10px;
  }
  div.buttons a:last-child {
    background: #00a1cb;
    border-color: #00a1cb;
    color: #fff!important;
    text-shadow: 0 -1px 1px rgba(0,40,50,.35);
  }
  div.buttons.forMob  a {}
  body {
    max-width:100%
  }
  div.links {
    width:100%
  }
  .shareF {
    position:static;
    width:100%;
    height:40px;
    text-align:center;
    overflow: hidden;
  }
  .shareF a {
    display:inline-block
  }
  #head .container {
    width: 100%;
    padding: 0 5px;
  }
  section.content {
    padding:0 5px;
    width: 100%;
  }
  section.content .left {
    width: calc(100% - 60px);
    text-align:center;
    float: none;
    margin-right: 60px;
  }
  div.links li {
    width:120px
  }
  div.links li:nth-of-type(odd),
  div.links li:nth-of-type(even) {
    margin:4px;
    float:none;
    display:inline-block
  }
  div.links.sticky {
    overflow: hidden;
    width: 100%;
  }
  div.links.sticky  {
   position:static;
 }
 #menu a {
  display: inline-block;
  padding: 0;
}
section.content .center {
  width: calc(100% - 60px);
  margin-right:0;
  float: none;
  margin-right: 60px;
}
}
@media (min-width:768px) and (max-width:1199px){
  section.content .right {
    /* position: static; */
    /* width: 100%; */
    /* text-align: center; */
    width: 52px;
    font-size: 0;
    background: #fff;
    border-radius: 10px 10px 4px 4px;
  }
  #menu a {
    width:50px;
    height:50px;
    text-align:center;
    background: #fff;
    padding: 0;
  }
  .black #menu a {
    background:#ffffff1c
		
  }
  .barsIcon {
    display:block!important;
    width: 50px;
    height: 50px;
    color: #06c;
    border-bottom: 1px solid #ddd;
    font-size: 28px;
    text-align: center;
    padding-top: 11px;
  }
  #menu a i {
    font-size: 23px;
    margin: 0;
    margin-top: 12px;
  }
  #menu a img {
    width: 35px; 
    float: none;
    height: 35px;
    margin: auto;
	 margin-top: 5px;
    display: block;
  }
}
@media (max-width: 1023px) {
  div#SearchResults li {
    line-height:initial;
    white-space:normal;
    height:50px;
    font-size: 12px;
  }
  div#SearchResults li .image {
    width:50px;
    height:40px
  }
  .poster .image {
    float: none;
    margin: 5px auto
  }
  .poster .info {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  div.search {
    width: 280px;
  }
  .customSearch > div {
    min-width: 80px;
  }
  .customSearch > div.genre {
    min-width:100px
  }
  .customSearch > div.category {
    min-width:120px
  }
  .customSearch > div span {
    padding-left:5px
  }
  .share li {
    display:inline-block;
    width:48%
  }
}
@media (max-width: 767px) {
  .moremenu .wuser ul{
    position: absolute;
    left: -280%;
    height: auto;
    width: 120px;
    top: 0;
    opacity: 1;
    background: none;
    box-shadow: inherit;
  }
  .moremenu  .wuser ul li {
    display: inline-block;
    color: #000;
    width: 39px;
    cursor: pointer;
    margin: 0px 1px;
    height: 36px;
    border-radius: 10px;
    background: #011c43;
    border-bottom: 1px solid #00000057;
  } 
  section.content .left ,
  section.content .center {
    width:100%;
    margin-right:0
  }
  .share li {
    width:100%
  }
  #menu a {
    width: 100%;
    text-align: right;
  }
  .story p.rateP {
    font-size: 13px
  }
  .story iframe {
    height: 250px
  }
  .serverWatch li {
    margin-bottom: 3px
  }
  .story ul.table li span:last-child {
   display:block
 }
 .story > div > a {
  width: 100%;
  line-height:50px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.story > div > a img {
 width:50px;
 height:50px
}
div.logo {
 width: 90px;
 margin-right: 30px;
 margin-top: 20px;
}
div.search {
 position: absolute;
 width: calc(100%  - 10px);
 right: 5px;
 display: none;
 top: 50px;
}
  .black div.search {
    background:#313131;
    z-index: 999;
  }
  .black input#searchAuto {
    background:#313131 !important 
  }
div.search input{
  height: 40px;
}
div.search form {
 position:relative
}
div#SearchResults {
 right: 0;
 width: 100%;
}
.story ul.table li span {
  display: block;
	width:70px;
}
.story ul.table li span:nth-of-type(2),
.story ul.table li span:nth-of-type(4) {
 display:block;
 width:35%
}
	
.story ul.table li span:nth-of-type(1) {
display:none;
	}
.story ul.table li span:nth-of-type(4) {
 width: 37%;
}
.story ul.table li span:last-child {
  display: block;
  margin: auto;
  width: 100%;
  float: none;
}
.poster .info li span {
  font-size: 12px;
  width: 75px
}
.customSearch > div {
  min-width: 120px
}
.registeration label {
  display: none
}
.registeration input {
  width: 100%
}
section.sections .tabs ul li {
 width:100%;
 text-align:right;
 border-bottom:1px solid #ddd;
 margin: 0;
}
.msg_box a {
 display:block;
 float:none;
 margin:5px auto
}
.blocks .block {
  width: 140px
}
.blocks .block div.image {
  height: 200px
}
section.content .right {
 position: static;
 width: 100%;
 text-align: center;
 background: #fff;
 border-radius: 10px 10px 4px 4px;
 border: 0;
}
#menu a {
  width:100%;
  height:initial;
  text-align: right;
  font-size:14px;
  background: #fff;
  padding: 6px;
  display: none;
  font-weight: 400;
}
#menu a.act {
 display:block
}
#menu a img {
 width: 27px;
 height: 27px;
}
div.search.act {
  display: block;
}
span.barsIcon {
 display:block;
 position:fixed;
 top: 7px;
 z-index:9999;
 font-size: 24px;
 color: #06c;
 z-index: 9999;
}
 
span.searchIcon {
 display:block!important;
 position:fixed;
 top: 7px;
 z-index:9999;
 left: 11px;
 font-size: 24px;
 color: #06c;
}
   .black span.barsIcon,.black span.searchIcon {
    color:#fff
  }
footer {
  padding-bottom: 54px;
}
.story ul.table li span a {
}
div.buttons.forMob {
 padding-right:0
}
.story > div a strong {
 right:60px;
 bottom: -5px;
}
}
}
.msg_box2 {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #c00;
  border-radius: 4px;
  color: #000;
  border-color: #c00;
  background: #ffe6e6;
  margin-top: 15px;
  overflow: hidden;
}
.tam {
  text-align: center;
}
.movie_cover .btn {
  display: block;
}
.btn.dl {
  padding: 4px 60px;
}
.btn.g, .btn._g:hover {
  background: #10bf46;
  border-color: #10bf46;
  color: #fff!important;
  text-shadow: 0 -1px 1px rgba(19,28,0,.35);
}
.btn {
  display: inline-block;
  border-radius: 7px;
  border: 1px solid #ccc;
  background-color: #fbfbfb;
  vertical-align: middle;
  padding: 6px 10px;
  font-weight: 400;
  color: #444!important;
  margin: 0;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
a.logo.vam {
    display: block;
    font-size: 40px;
    line-height: 30px;
    font-family: Righteous;
    color: red;
}
a.logo.vam span {
    color: #06c;
}
.owl-carousel {
    direction: rtl;
}
.story > div.embed {
    height: 470px;
}
.story > div.embed iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 5px;
}
ul.list-unstyled.episodes-ul {
    display: table;
    width: 100%;
    padding: 15px 15px 5px;
}
.episodes-ul a {
    float: right;
    width: calc((100% - 50px) / 6);
    background: #f3f3f5;
    margin-left: 10px;
    color: #0066cc;
    padding: 7px;
    border-radius: 5px;
    font-weight: bold;
    transition: .3s all ease;
    text-align: center;
    margin-bottom: 10px;
}
.episodes-ul a:nth-child(6n+0) {
    margin-left: 0;
}
.episodes-ul a:hover {
    background: #0066cc;
    color: #fff;
}
p.rights {
    display: block;
    padding-top: 5px;
}
.blocks .block span.ribbon.r2 {
    left: -5px;
}
.form-ui {
    display: table;
    width: 400px;
    margin: 60px auto 0;
    background: #FFF;
    padding: 15px;
    border: 1px solid #DDD;
}
h1.FormTitle {
    color: #0066cc;
    font-weight: bold;
    margin-bottom: 10px;
}
.form-ui label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
.form-ui input {
    display: block;
    width: 100%;
    height: 35px;
    background: #EEE;
    padding: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}
.form-ui button.btn {
    width: 100%;
    background: #fff;
    color: #0066cc !important;
    font-weight: bold;
    padding: 9px;
}
.user {
    float: left;
    padding: 14px 0;
}
.user a.btn {
    font-weight: bold;
    padding: 5px 21px;
    margin-right: 10px;
}
.user a.btn.b {
    background: #0066cc;
    color: #FFF !important;
    border: 0 !important;
}
.user a.btn.r {
    background: red;
    color: #FfF !important;
    border: 0 !important;
}
.Paginate {
    display: table;
    margin: 10px auto 20px;
}
.Paginate li {
    float: right;
    margin: 0 7px;
    background: #00000012;
    border-radius: 6px;
    overflow: hidden;
}
.Paginate li a, .Paginate li span {
    display: block;
    padding: 6px 14px;
    font-weight: bold;
    font-size: 16px;
    color: #ff1000;
    border-radius: 7px;
    font-size: 18px;
}
.Paginate li span.page-numbers.current {
    color: #FFF;
    background: #ff1000;
}
section.sections > h1 {
    background: #f9f9f9;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #ddd;
    font-size: 17px;
    padding: 10px 15px;
    font-weight: bold;
    margin-bottom: 20px;
}
a#goNow {
    background: #4caf50;
    color: #fff;
    width: max-content;
    margin: 20px auto;
    padding: 10px 30px;
    font-size: 20px;
    border-radius: 6px;
    font-weight: bold;
    display:none;
}
.downloadBTN h1 {
    display: table;
    margin: 0 auto;
    font-size: 30px;
    font-weight: bold;
}
#menu a{
  font-weight: 500 !important;
}
.blocks .block a {
    position: relative;
    display: block;
    width: 100%;
}
.poster-ele {
    position: absolute;
    top: 0;
    z-index: 9;
    left: 0;
    right: 0;
}
.block >a {
    display: block;
    width: 100%;
    height: 100%;
}
.owl-item .block {margin-right: 15px;}
.owl-carousel .owl-stage-outer{
  overflow: visible;
}
.servers-back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 99;
    right: 0;
    cursor: pointer;
}
.servers-back.before {
    height: 0;
    position: relative;
    position: absolute;
    top: 50px;
    right: 0;
    width: 100%;
    margin: 0;
    bottom: 0;
    left: 0;
    height: calc(100% - 50px);
}
.servers-back:before {
    background: #000000eb;
}
.before:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 5;
    top: 0;
}
.servers-back i {
    position: relative;
    z-index: 99;
    color: white;
    width: 90px;
    height: 90px;
    font-size: 30px;
    display: flex;
    background: #e53935;
    cursor: pointer;
    border-radius: 50%;
    justify-content: center;
    line-height: 90px;
}
.servers-back.before > i {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
}
.servers-back i:before{
z-index: 88
}
.after:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 5;
    top: 0;
}
.servers-back i:after {
    border-radius: 50%;
    background: #ff000052;
    transform: scale(1.18);
}
.alert {
    padding: 15px;
	margin-top: 15px;
    margin-bottom: 15px;
    background: #d1ebff;
    font-size: 14px;
    border-radius: 5px;
}
.alert i {
    margin-left: 4px;
}
.load-more,.load-more-btn {
    min-width: 100%;
    border-radius: 4px;
    background: #00a1cb;
    border-color: #00a1cb;
    color: #fff!important;
    text-shadow: 0 -1px 1px rgb(0 40 50 / 35%);
    vertical-align: middle;
    padding: 6px 10px;
    font-weight: 500;
    margin: 0;
    text-align: center;
    width: 100%;
    cursor: pointer;
    font-size: 17px;
}
.story > div.trailer {
    display: block;
    width: 96%;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: 50%;
}
.story > div.trailer iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.flex-center {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.like-box {margin: 5px 0;}
.like-box span {
    width: 73px;
    height: 73px;
    border-radius: 50%;
    border: 5px solid #ccc;
    font-weight: bold;
    vertical-align: middle;
    font-size: 16px;
    text-align: center;
    position: relative;
    justify-content: center;
    margin-left: 21px;
    line-height: 43px;
    align-items: center;
    display: inline-flex;
}
.like-box span:after {
    content: '';
    position: absolute;
    width: 73px;
    height: 73px;
    border: 5px solid #2e70c0;
    border-radius: 50%;
    left: -5px;
    bottom: -4px;
    transform: rotate(180deg);
}
#wpadminbar {
    z-index: 999999999999 !important
}.main-title {
    border-bottom: 1px solid #ddd;
    padding: 10px;
	font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px
}

h1.main-title {
    font-size: 22px;
    padding: 15px 10px;
    margin-bottom: 0;
}

article.main-article {
		text-align: center;
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
}
.social a {
    display: inline-block;
    width: 180px;
	font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}

.social a i {
    width: 28px;
    height: 28px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    color: #fff;
    border-radius: 4px;
}

.social a.face-link i {
    background: #3c5a98
}

.social a.twitter-link i {
    background: #2daae4
}

.social a.instagram-link i {
    background: #fd575e
}

.social a.pinterest-link i {
    background: #e3262e
}
.customSearch {
    display: flex;
    width: 100%;
    padding: 0 20px;
    flex-wrap: wrap;
}
.customSearch > div {
    flex: 1;
    padding: 1px 7px;
}
.customSearch > div span {
    font-size: 13px;
}
.customSearch ul li {
    text-align: center;
    color: #222;
    font-size: 13px;
    padding: 6px;
}
section.sections .flex-start.tabs {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    margin-bottom: 10px;
    padding-top: 0;
    margin-top: -10px;
}
.flex-start.tabs a {
    margin-left: 11px;
    font-weight: 500;
    font-size: 17px;
    font-weight: bold;
}
.flex-start.tabs a i {
    margin-left: 8px;
}
.flex-start.tabs a.active {
    color: #ff3200;
}
.message-box {
  padding: 15px;
  margin-bottom: 15px;
  background: #d1ebff;
  font-size: 14px;
  border-radius: 5px;
}
.message-box strong {
  font-weight: bold;
  line-height: 19px;
  font-size: 12px;
  display: block;
  color: #333;
}

div#SearchListResult {
    background: #fff;
    max-height: 500px;
    overflow: auto;
    box-shadow: 0 10px 10px #181821;
    position: relative;
    z-index: 999999
}

div#SearchListResult>h2 {
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px;
    text-align: center;
    background: #3e3e3e
}

div#SearchListResult>h2 a {
    color: #fff;
    margin-right: 3px
}
   div#SearchListResult {
        width: 100%;
        z-index: 9999;
        position: absolute;
        top: 100%;
        right: 0
    }
.SearchResultInner {
    display: inline-block;
    width: calc(100% - 60px);
    padding: 10px;
    height: 100%;
    line-height: 17px;
    font-size: large;
    float: left
}

.SearchResultInner>h1 {
    font-size: 12px;
    color: #06c;
    font-weight: 500
}
.SearchResultInner>h1 {
    height: 50px;
    overflow: hidden;
    text-align: left
}
.SearchResultInner>h1>a {
    color: #fff
}
div#SearchInnerList {
    display: block;
    text-align: center
}

div#SearchInnerList>li {
    display: block;
    width: 100%;
    height: 66px;
    overflow: hidden;
    margin-bottom: 5px;
    margin-top: 5px;
    border-bottom: 1px solid #d3d3d3
}

div#SearchInnerList>li img {
    float: left;
    width: 50px;
    height: 60px;
    margin-left: 10px;

}
.social a.telegram-link i{
background : #389ce9 ;
}
.pageNotFound {
    padding: 100px 0 ; 
	text-align : center ; 
	
	}
.pageNotFound i {
font-size:72px;
	margin: 0 0 30px ;
	
	}


            .redalert {
               background: #ffe6e6;
				color:#990000;
				display: flex;
  border-radius: 6px;
  padding: 10px 20px 12px;
  min-height: 50px;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
				/*
  margin: 0 20px;
				*/
  margin-bottom: 10px;
            }
            .redalert > i {
                width: 20px;
                height: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-inline-end: 12px; font-size: 20px;
               
            }
img {
                max-width: 100%;
            }

/* Default styles for the emoji */
.emoji {
  font-size: 16px; /* Set the default font size for the emoji */
}

/* Media query to hide the text and make the emoji x-large on screens with a width between 768px and 1199px */
@media (min-width: 768px) and (max-width: 1199px) {
  .emoji {
    font-size: x-large; /* Set the font size to x-large only within this media query */
  }

  .emoji + span {
    display: none; /* Hide the text */
  }
}


.flex-col {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.login-btn {
    border: 1px  solid #ddd;
    border-radius: 30px;
    padding: 1px 1px 1px 10px;
    font-size: 12px;
    color: #000;
    background: #fff;
    float: left;
    margin-top: 13px;
    display: flex;
    position: relative;
    align-items: center;
}
.login-btn>div:not(.user-links) {
    display: inline-block;
    background: #ff434c;
    color: #fff !important;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    margin: -7px -16px -7px 5px;
    font-size: 16px
}
.login-btn>span {
    font-weight: 700
}

.user-links {
    top: 35px;
    background: #fff;
    width: 190px;
    padding: 10px;
    z-index: 9;
    box-shadow: 0 0 5px #00000024;
    border-radius: 5px;
    opacity: 0;
    transition: .35s;
    visibility: hidden;
    position: absolute;
    left: 0;
}
.login-btn:hover .user-links {
  visibility:visible;
  opacity:1
}
.user-links a {
    display: block;
    font-size: 14px;
    padding: 4px 0;
    transition:.35s ease;
    border-bottom: 1px solid #eee;
    color: #222;
}
.user-links a:hover {
    color:var(--red)
}
.user-links i {
    margin-left: 5px;
    font-size: 17px
}
.fa-solid.fa-xmark {
    right: 20px;
    top: 20px;
    font-size: 37px;
    color: #fff;
    position: static;
    font-weight: normal;
}



article.settings {
    margin: 50px 0;
}

.uimage {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    border-radius: 50%;
    background: #fff;
    margin-left: 20px;
}

.uimage img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.settings-info {
    flex: 1;
}

.settings-user-box {
    max-width: 740px;
    margin: auto;
}

.udesc {
    min-width: 100%;
    margin-top: 20px;
}

.desc {
    padding: 25px;
    background: #fff;
    border-radius: 3px;
    color: #000;
}

.settings-info h2 {
    font-size: 25px;
}

.udesc span {
    font-size: 16px;
}

.utype {
    background: var(--red);
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 20px;
    font-size: 10px;
    position: relative;
}


.sutabs {
    margin-top: 25px;
    position: relative;
}


.sutabs a i {
    margin-left: 10px;
}

.sutabs a.active {
    background: var(--red);
    color: #fff;
}

.sutabs a {
    padding: 10px 10px;
    color: #000;
    background: #ffffff;
    position: relative;
    margin: 0 3px;
    border-radius: 5px;
    border: 1px solid #eee;
}

.user-block {
    padding: 10px;
    margin: 10px;
    background: #fff;
    border-radius: 10px;
}

.uimage-b {
    width: 100px;
    height: 140px;
    margin-left: 20px;
}

.uimage-b img {
    width: 100%;
    height: 100%;
    border-radius: 7px;
}

.dbetween {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}

.dbetween a {
    padding: 7px 14px;
    border-radius: 5px;
    color: #000;
    background: #eee;
}

.remove-el {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--red);
    color: #fff;
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    border-radius: 20px;
    left: 5px;
    top: 5px;
    z-index: 10;
}
.user-block h3 {
    color: var(--red);
    font-size: 26px;
}
.dbetween a i {
    margin-left: 10px;
}

.remove-el:hover {
    background: #bd2525;
}



profile--page {
  display: block;
  background: #ffffff21;
  border-radius: 0 0 10px 10px;
  border: 1px solid #e1e1e10f;
}
.def-color-box {
    background: #fff;
  border-radius: 10px;
  border: 1px solid #e1e1e1;
}
.blk .def-color-box {
 background:var(--bkbakc2);
  border:1px solid #ffffff17
}
.blk profile--page  {
  background:var(--bkbakc2);
  border:1px solid #ffffff17
}

.user--cover {
    position: relative;
    height: 290px;
    background-color: #0000001a;
    background-size: cover;
}

.user--cover:before {
    background: linear-gradient(358deg, #000000b3, transparent);
}

.user-bar {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 6;
    padding: 10px;
    align-items: flex-end;
}
.user-bar .flex-1 {
   align-items: flex-end;
   flex: 1;
}

.user-image {
    width: 100px;
    height: 100px;
    background: #000;
    border-radius: 50%;
    margin-left: 20px;
    position:relative;
    margin-bottom: -40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
}
.user-image img {
  border-radius:50%
}
.user-image label {
   position:absolute;
   width:100%;
   height:100%;
   top:0;
   right:0;
   border-radius:50%;
   color:#fff;
   display: flex;
   font-size:25px;
   background:rgb(0 0 0 / 57%);
   align-items: center;
   opacity:0;
   transition:.35s ease;
   cursor:pointer;
   justify-content: center;
}
.user-image:hover label  {
  opacity:1
}
.update-cover {
    background: var(--red);
    padding: 4px 8px;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    cursor:pointer;
}
.blk .update-cover  {
  background:var(--color)
}
.update-cover i {
  margin-left:5px
}
user--links {
    padding-right: 100px;
    position: relative;
}
.user-link {
    padding: 15px;
    position: relative;
}
.user-link:hover {
  color:var(--color)
}
.user-link.active {
  color:var(--color);
}
.user-link.active:before {
  content:'';
  position:absolute;
  width:100%;
  height:2px;
  bottom:0;
  right:0;
  background:var(--color)
}

h2.user-name {
    color: #fff;
}


user--details {
    display: block;
    margin-top: 50px;
    background: #fff;
    padding: 20px;
}

user--details .form-control {
    display: flex;
    background: #fff;
}

user--details .form-control .lbl {
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

.alert-note {
    padding: 5px;
    text-align: center;
    background: #fffce0;
    color: #000;
    border-radius: 5px;
    margin: 20px 0;
    border: 1px solid #fc0;
    padding: 10px;
}
.edit-my-data {
    display: block;
    background: var(--red);
    color: #fff;
    padding: 2px 13px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    margin: 10px auto;
    text-align: center;
}


.alert-success {
    text-align: center;
    margin: 15px;
    color: #075b07;
    font-size: 32px;
}

.login-btn img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-left: 10px;
}

.subscribers {
    margin-right: 30px;
}

.add-series:before {
    z-index: -1;
    position: absolute;
    content: '';
    width: 80px;
    left: 0;
    top: 0;
    background: #0000005c;
    height: 100%;
    border-radius: 30px 0 0 30px;
}

h4.settings-links {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    background: #fff;
    padding: 10px;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #eee;
    margin: 0 10px;
}

h4.settings-links flex-start {
    float: left;
}

h4.settings-links a {
    padding: 4px 8px;
    background: #0006;
    margin-right: 5px;
    border-radius: 7px;
    font-size: 15px;
    font-weight: normal;
    display: inline-flex;
    color: #fff;
}

h4.settings-links a.selected {
    background: var(--red);
    color: #fff;
}

.notification-list {
    position: absolute;
    height: 400px;
    overflow: auto;
    width: 550px;
    max-width: 80vw;
    border: 1px solid #0000001f;
    top: 40px;
    left: 0;
    border-radius: 20px;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 20px #00000024;
    visibility: hidden;
    opacity: 0;
    transition: .45s ease;
}

.notfication-box {
    position: relative;
    float: left;
}

.notfication {
    cursor: pointer;
    width: 36px;
    height: 36px;
    position: relative;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #000;
    margin-top: 10px;
    border: 1px solid #eee;
    margin-right: 10px;
}

span.count {
    position: absolute;
    top: -7px;
    right: 0;
    min-width: 15px;
    height: 15px;
    background: var(--red);
    display: flex;
    align-items: center;
    font-size: 10px;
    border-radius: 50%;
    color: #fff;
    justify-content: center;
}

.notification-list a strong {
    color: #fff;
    display: block;
}

.notification-list a time {
    font-size: 11px;
}

.notification-list a {
    border-bottom: 1px solid #ffffff21;
    padding: 10px;
    transition: .45s ease;
}

.notification-list a:hover {
    background: #222;
}

.notfication-box.open .notification-list {
    opacity: 1;
    visibility: visible;
}
.count:empty {
    display: none;
}
.notification-list a img {
    width: 50px;
    height: 50px;
    margin-left: 10px;
    border-radius: 5px;
    border: 1px solid #000;
}

.notification-list a:last-child {
    border: 0;
}

.alert-no {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    font-size: 22px;
    color: #6c6c6c;
}
@media(max-width:767px) {
    .alert-no {
        font-size:22px
    }
    i.fas.fa-registered.login-icon.flex-center.align-center {
        display: none;
    }
    .flex-center.btns div {
        min-width: 100%;
        margin: 5px 0;
    }
    section.login-form>div {
        padding: 20px;
    }
    .fa-solid.fa-xmark {
        color: #fff;
    }
    .trailer .fa-solid.fa-xmark {
        color:#fff
    }
    a.block {
        padding-bottom:100%;
    }
    .sutabs:before {
        display:none
    }
    .sutabs a {
        width: calc(50% - 10px);
        margin: 5px;
        text-align: center;
    }
    .trailer iframe {
        height:400px;
        width: auto;
    }
    .dbetween {
        display:block
    }

}
@media(max-width:1299px) {
        container {
            max-width: 100%;
        }
    }

.block .ep {
    position: absolute;
    left: 3px;
    top: 5px;
    background: #000000ab;
    z-index: 9999;
    opacity: 1!important;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    color:white
}
.ep span {
    font-size:22px
}

form.filter select {
    border: none;
    border-radius: 30px;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin-left: 10px;
    appearance: none;
    padding: 0 15px 0 30px;
    flex: 1;
    height: 32px;
    outline: none;
    font-family: "bts";
    font-size: 12px;
    line-height: 32px;
    background: #1d1d1d url(../images/caret.png) no-repeat 12px center;
    color: #fff;
    width: 100%;
}
form.filter button {
    flex: 1;
    border-radius: 25px;
    color: #fff;
    background: var(--red);
    min-width: 130px;
}
form.filter {
    display: flex;
    flex-wrap: wrap;
}

.login-form button {
    width: 100%;
    background: var(--red);
    padding: 10px;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
}

section.login-form.flex-center.align-center {
}

.dxbetween {
    display: flex;
    justify-content: space-between;
    color: #fff;
    margin-top: 10px;
}
.custom-control-input:checked~.custom-control-label::after {
    background-image: url('../images/download.svg');
    left: auto;
    right: -19px;
    box-shadow: none!important;
    top: 0;
    content:'';
    position:absolute;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-control-input:checked~.custom-control-label::before {
        left: auto;
        right: -19px;
        box-shadow: none!important;
        top: 0;
        content:'';
        position:absolute;
	/*
        width: 1rem;
	*/
        border-radius: 3px;
        height: 1rem;
        content: "";
        background:#ff434c
}

label.custom-control-label {
    position: relative;
    padding-right: 9px;
}

label.llbl {
    display: block;
    font-size: 17px;
    margin-bottom: 8px;
}

.form-control i {
    position: absolute;
    top: 13px;
    right: 10px;
    z-index: 9;
    font-size: 21px;
    opacity: .2;
}

.h2 {
    text-align: center;
    font-size: 25px;
    margin-bottom: 20px;
}

.formMsg {
    background: rgba(0,0,0,.5);
    padding: 11px 20px;
    border-radius: 30px;
    margin: 15px 0 0;
    text-align: center;
    font-size: 13px;
}
.formMsg a {
    color:#fff
}
flex-start, .flex-start {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.align-center {
    align-items: center;
}
.dbetween .form-control {
    margin-left: -5px;
}
@media(max-width:991px) {
    form.filter select {
        min-width:calc(33% - 10px);
        margin:5px
    }
    form.filter button {
        padding:10px
    }
}
@media(max-width:767px) {
    form.filter select {
        min-width:calc(50% - 10px);
        margin:5px
    }
    form.filter button {
        padding:10px
    }
}


user--details .form-control input,user--details .form-control textarea {
    width: 100%;
    background: #fcfcfc;
    padding: 10px;
    border: 1px solid #eee;
}

.story.user-buttons {
    display: flex;
}

.story.user-buttons >div {
    flex: 1;
    margin: 5px;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
    color: #fff;
}

.story.user-buttons {}

.story.user-buttons >div i {
    margin-left: 10px;
}

.story.user-buttons >div.add-favorite {
    color: #fff;
    background: var(--red);
}

.story.user-buttons >div.add-watch {
    background: #06c;
}


.flex-1 {
    flex: 1;
}

.story.user-buttons >div.add-series {
    background: #0abb41;
}

.subscribe {
    background: #ffffcc;
    padding: 20px;
    border: 1px solid #fc0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    flex-wrap: wrap;
}

.subscribe span {
    flex: 1;
    margin: 0 10px;
}

a.register {
    background: #10bf46;
    padding: 7px 20px;
    color: #fff;
    border-radius: 5px;
}

section.login-form {
    background: #ffffff17;
    padding: 20px;
    border: 1px solid #00000024;
    color: #000;
}


.black section.login-form {
    color: #fff;
}

.form-control input {
    border-bottom: 1px solid #0000002b;
    width: 100%;
    padding: 10px 50px 10px 10px;
    margin-bottom: 10px;
}

.form-control {
    position: relative;
}

.btnss {
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
}

.btnss a {
    display: flex;
    align-items: center;
    padding: 7px 14px;
    border-radius: 5px;
    color: #fff;
    margin-right: 10px;
}

a.sub-btn {
    background: #10bf46;
}

a.log-btn {
    background: #00a1cb;
}

.btnss a i {
    margin-left: 10px;
	font-weight:900;
}

@media(max-width:767px){
  .login-btn {
    padding: 1px;
  }
  .login-btn img {
    margin:0
  }
  .login-btn>span {
    display:none
  }
  .notfication-box {
    margin-left:40px
  }
  a.sub-btn {
    margin-left:40px;
    padding:7px 
  }
	
  a.log-btn {
	  display:none;
    margin-left:40px;
    font-size:11px;
    padding:7px 
  }
  a.log-btn i {
    display:none
  }
  
}


.alert-danger {
    margin: 10px;
    text-align: center;
    color: var(--red);
    background: #ffe9e9;
    padding: 10px;
    border: 1px solid;
}

.w-100 {
    min-width: 100%;
}

.all-blocks {
    margin-top: 30px;
}

.dark {
    float: left;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    border-radius: 50%;
    margin: 14px 5px;
    color: #fff;
    cursor: pointer;
}

body.black {
    background: #313131;
    color: #fff;
}

.black div#head {
    background: #313131;
    border-bottom: 1px solid #ffffff14;
    box-shadow: 0 0;
}

body.black {}

.black article.main-article, .black .sliders,.black section.content .right {
    background: #ffffff12;
    border-color: #d4d4d426;
}

.black h2.main-title,.black .sliders > h2 {
    border-color: #d4d4d426;
}

.black a {
    color: #eaeaea;
}

.black div.links li a {
    background: #dddddd24;
    color: #fff;
}

.black #menu a {
    border-color: #d4d4d426;
}

.black input#searchAuto {
    box-shadow: 0 0;
    background: none;
    border-color: #ffffff36;
    color: #fff;
}

.black div#SearchListResult {
    background: #313131;
}

.black .SearchResultInner>h1 {
    color: #fff;
}

.black div#SearchInnerList>li {
    border-bottom: 1px solid #ffffff1f;
}

.black .story {
    background: #ffffff12;
    border-color: #ffffff36;
    color: #fff;
}

.black .story h2,.black .h2title {
    background: none;
    border-color: #ffffff24;
}

.black .story > div {
    color: #ccc;
}

.black .story ul.table li:first-child {
    background: #ffffff26;
}

.black .story ul.table li {
    border-color: #ffffff2e;
}

.black .story ul.table,.black .story ul.table li span {
    border-color: #ffffff29;
}

.black .poster .info {
    background: #404040;
    border-color: #ffffff2e;
}

.black .poster .info h1 {
    color: #fff;
    border-color: #ffffff24;
}

.black .poster .info li, .black .poster .info li span {
    border-color: #ffffff24;
}

.black section.sections > h1 {
    background: none;
    border-color: #ffffff2e;
}

.black section.sections {
    background: #ffffff1f;
    border-color: #ffffff2b;
}

.black section.sections .flex-start.tabs {
    border-color: #ffffff29;
}

.black section.sections .tabs {
    border-color: #ffffff29;
}

.black .customSearch > div {
    background: none;
    color: #fff;
    border: 1px solid #ffffff2b;
}

.black #menu a.active,.black #menu a:first-child {
    color: #fc0;
}

.black .dark {
    color: #000;
    background: #fff;
}

.black .user-links {
    background: #404040;
}

.black .user-links a {
    border-color: #ffffff36;
}

.black .form-control input {
    background: none;
    color: white;
    border-bottom: 1px solid #fff3;
}
.black .sutabs a {
  background: #ffffff1f;
  border-color: #ffffff29;
}

.black .sutabs a.active {
    background: var(--red);
}

.black user--details {
    background: #ffffff17;
}

.black user--details .form-control {
    background: none;
}

.black user--details .form-control input,
.black user--details .form-control textarea  {
  border: 1px solid #ffffff36;
  background: none;
}

.black h4.settings-links {
    background: #ffffff12;
    border: 0;
}

.black .episodes-ul a {
    background: #ffffff1c;
}


@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    div.search {
        width: 500px; /* Styles specifically for 1366px width */
    }
}

.custom-control-label {
    color: black; /* Change 'black' to your desired color */
}

.black .custom-control-label {
    color: white; /* Change 'black' to your desired color */
}
.black a.lostpassword {
    color: white; /* Change 'black' to your desired color */
    /* Add other styles as needed */
}
.black .alert {
    color: black; /* Change 'black' to your desired color */
    /* Add other styles as needed */
}
.black .alert a {
    color: #06c; /* Change 'black' to your desired color */
    /* Add other styles as needed */
}
@media (max-width: 767px) {
.black #menu a {
    background:#ffffff1c	
  }
	.black .info a {
  color: #2196F3;
}
 }


@media (max-width: 1366px) {
 .black .info a {
    color: #2196F3;
  }
}

.black .info a {
    color: #2196F3;
  }

.nobr {
  color: black;
}

.black .nobr {

	color:white;
	}
/* CSS */
.customElement {
  position: relative;
  background: white;
  overflow: hidden;
  opacity: .9;
}

.triangle {
  position: absolute;
  left: 0;
  height: 100%;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 50px solid #EE2A35;
}

.blackSpacer {
  padding: 12px;
  background: #000000;
}

.whiteSpacer {
  padding: 12px;
  background: #FFFFFF; /* Adjust as needed */
}

.greenSpacer {
  padding: 12px;
  background: #009736;
}

/* Default text color */
.customText {
  color: black;
  text-align: center; /* Center the text horizontally */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Theme-specific styles */
.black .customText {
  color: black; /* Text color for black theme */
}

/* Add more theme styles as needed */
/* Example CSS for styling the eye icon on the left side of the password field */
.form-control {
    position: relative;
    margin-bottom: 15px;
}

.toggle-password {
    position: absolute;
    left: 25px;
    transform: translateY(-50%);
    cursor: pointer;
}

/* Styling the eye icon to make it visible */
.toggle-password i {
    color: blue; /* Change this to the color you prefer */
    font-size: 18px;
}

/* Hide the password field when the eye icon is clicked */
.toggle-password.active i.fa-eye {
    display: none;
}

/* Show the password field when the eye icon is clicked */
.toggle-password.active i.fa-eye-slash {
    display: block;
}

/* Hide the password text when it's visible */
#passwordField[type="text"] {
    -webkit-text-security: none;
}
.black .Paginate li a, .Paginate li span {
	
background:	#dddddd24 ;
	
}

.fab.fa-imdb {
      color: goldenrod;
    }
    .black .fab.fa-imdb {
      color: #fc0;
    }

/* Colors for ribbon with 'bluray' class */
.ribbon.bluray span {
    background: #06c;
}

.ribbon.bluray span:before {
    border-left: 3px solid #06c;
    border-top: 3px solid #06c;
}

.ribbon.bluray span:after {
    border-right: 3px solid #06c;
    border-top: 3px solid #06c;
}

/* Colors for ribbon with 'hdrip' class */
.ribbon.hdrip span {
    background: #f60;
}

.ribbon.hdrip span:before {
    border-left: 3px solid #f60;
    border-top: 3px solid #f60;
}

.ribbon.hdrip span:after {
    border-right: 3px solid #f60;
    border-top: 3px solid #f60;
}

/* Colors for ribbon with 'hdcam' class */
.ribbon.hdcam span {
    background: #ff4136;
}

.ribbon.hdcam span:before {
    border-left: 3px solid #ff4136;
    border-top: 3px solid #ff4136;
}

.ribbon.hdcam span:after {
    border-right: 3px solid #ff4136;
    border-top: 3px solid #ff4136;
}
.black div.links li a {
	color:#ff7168;
	}
.black .sliders h2 a {
	
	color:#2196F3;
	}
.black #menu a i {
	
	color:cornflowerblue;
	}






.homepage-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 225px; /* Full height viewport */
    background-color: #f9f9f9; /* Adjust the background color as needed */
}

.black .homepage-content {
  background-color: #313131; /* Adjust the background color as needed */
}


.containeer {
    text-align: center;
}


.nav-box {
    background: #ffffff; /* White background for the box */
    border: 1px solid #ddd; /* Light grey border */
    padding: 40px; /* Increase padding to make the boxes larger */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    margin-bottom: 20px;
    width: 250px; /* Set a fixed width */
    text-align: center;
    transition: transform 0.3s, background-color 0.3s;
    border-radius: 10px; /* Rounded corners */
}

.nav-box:hover {
    transform: scale(1.05); /* Slightly enlarge the box on hover */
    background-color: #f0f0f0; /* Lighten the background on hover */
}

.nav-box a {
    text-decoration: none;
    color: #333; /* Dark text color */
    font-weight: bold;
    font-size: 1.2em; /* Increase font size */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Space between icon and text */
}

.nav-box a:hover {
    color: #007bff; /* Link hover color */
}

.nav-box i {
    font-size: 1.5em; /* Increase icon size */
    color: #007bff; /* Icon color */
}

.nav-box:hover i {
    color: #0056b3; /* Darker icon color on hover */
}
