/* @-webkit-keyframes d1{
  0%{transform:rotate(0deg)}
  50%{transform:rotate(180deg)}
  100%{transform:rotate(360deg)}
} */


/* for "more" read button */
summary{
  background-image:linear-gradient(to bottom,#1F98C3,#007C7C);
  color: white;
  font-size: 14px;
  font-weight:bold;
  border:solid 1px white;
  border-radius:5px;
  padding:5px 12px;
  display:block;
  margin:5px auto;
  width:80px;
  cursor:pointer;
}
summary:hover{background:transparent;}
details[open] summary ~ * {animation: sweep .5s ease-in-out;}

@keyframes sweep {
  0%{opacity: 0; margin-left: -30px};
  100%{opacity: 1; margin-left: 0px}
}


.server-note{
  color:grey;
  font-family:helvetica;
}
.newnote{display:block;text-align:center;}

#howto{
   color:white;
   font-family:arial;
   font-size:19px;
   font-weight:bold;
}
#howto:hover{color:green;}


.require{
  color:white;
  font-family: 'Source Sans Pro', sans-serif;
}
.comments{
  border:groove 0px #333;
  padding:10px 10px;
  margin:10px auto;
  width:90%;
}
.cdiv{
      padding:5px 10px;
       border:solid 0px green;
       border-radius:5px;}
#message{
  display:block;
  width:90%;
  height:100px;
  margin:5px auto;
  padding:5px 5px;
  border:groove 2px #1F98C3;
  background:#171717;
  color:white;
  font-family:arial;
  font-size:120%;
}

#csbar{
  position:relative;
  display:block;
  margin:9px auto;
  left:40%;
  border:#1F98C3 solid 2px;
  border-radius:5px;
  padding:3px 15px;
  color:#1F98C3;
  background-color:#171717;
  font-size:18px;
}

#csbar:hover{
  background-color:#1F98C3;
  border-color:white;
  color:white;
}

#all_comments{
    opacity:1;
}
.mycomment{
  border-bottom:groove 1px grey;
  width:95%;
  margin:5px auto;
  padding:4px 4px;
  overflow-wrap: break-word;
}
.ucimage{
  display:inline-block;
  width:55px;
  height:55px;
  margin:2px 2px;
  border: 4px groove transparent;
  border-radius: 50%;
  background-image: linear-gradient(white, white), linear-gradient(to bottom,#AE7628, #1F98C3);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.theComment{
  position:relative;
  font-family:arial;
  font-size:17px;
  color:white;
  display:inline;
}
.username{
  font-size:20px;
  background: -webkit-linear-gradient(#AE7628, #1F98C3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cdate{
  color:grey;
}
.deletebtn{
  border-radius:5px;
  background:black;
  margin:5px auto;
  border:solid 2px grey;
  color:grey;
}
.deletebtn:hover{
  border-radius:5px;
  background:#1F98C3;
  border:solid 2px white;
  color:white;
}
#signin{
  color:teal;
  text-decoration: underline;
  font-weight:bold;
  font-family:arial;
}
#signin:hover{color:#1F98C3;}

.banners{
  border:groove 0px #171717;
  display:block;
  width:80%;
  margin:9px auto
}


#rload,#wload,.rload,#load{
  position:relative;
  width:90%;
  height:90%;
  margin:9px 9px;
  top:5%;
  left:5%;
  background-color:transparent;
  opacity:0.9;
  z-index:9999;
  display:none;
  justify-content:center;
  align-items:center;
}

.rloading,#loading{
  width:80px;
  height:80px;
  border-top:solid #AE7628 9px;
  border-bottom:solid #AE7628 9px;
  border-left:solid transparent 9px;
  border-right:solid transparent 9px;
  border-radius:50%;
  z-index:999;
  background-color:transparent;
  opacity:1;
  animation-name:loading;
  animation-duration:1s;
  animation-iteration-count: infinite;

}

@keyframes loading{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
.rinner,#inner{
  width:50px;
  height:50px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-top:solid transparent 5px;
  border-bottom:solid transparent 5px;
  border-left:solid #AE7628 5px;
  border-right:solid #AE7628 5px;
  border-radius:50%;
  margin:10px 10px;
  animation-name:inner;
  animation-duration:0.9s;
  animation-iteration-count: infinite;
}
@keyframes inner{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(-360deg);}
}

.preloader{
  position:relative;
  width:100%;
  height:100%;
  top:0;
  left:0;
  border:solid 0px red;
  background-color:black;
  opacity:0.9;
  z-index:9999;
  display:none;
  justify-content:center;
  align-items:center;
}
.preloader-out{
  width:50px;
  height:50px;
  border-top:solid #AE7628 5px;
  border-bottom:solid #AE7628 5px;
  border-left:solid transparent 5px;
  border-right:solid transparent 5px;
  border-radius:50%;
  z-index:999;
  background-color:transparent;
  opacity:1;
  animation-name:preloading;
  animation-duration:1s;
  animation-iteration-count: infinite;
}
@keyframes preloading{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(360deg);}
}
.preloader-in{
  width:20px;
  height:20px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-top:solid transparent 5px;
  border-bottom:solid transparent 5px;
  border-left:solid #AE7628 5px;
  border-right:solid #AE7628 5px;
  border-radius:50%;
  margin:10px 10px;
  animation-name:preinner;
  animation-duration:0.9s;
  animation-iteration-count: infinite;
}
@keyframes preinner{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(-360deg);}
}

#afterme{
  display:none;
}

#name{
  position:relative;
  width:95%;
  float:right;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background-image:none;
}
#name h1{
  background: -webkit-linear-gradient(white,grey);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* font-family: 'urw-din', sans-serif; */
  font-family: 'Sofia-Pro', cursive;
}
.extraInfo{
  border:solid 0px green;
  padding:3px 5px;
  margin:5px 0px;
}
.extraInfo h2{
  color:white;
  opacity:0.7;
  font-family:arial;
  text-align:center;
  padding:0px 0px;
  margin:0px 0px;
}
#show{
  position:relative;
  display:flex;
  width:100%;
}
#about{
  position:relative;
  display:inline;
  max-width:20%;
  margin:2px 0%;
  left:1%;
  float:left;
}
#about h3{
  position:relative;
  color:white;
  opacity:0.9;
  font-weight:bold;
}
#about ul{
  list-style-type:none;
  padding:0px;
  margin:0px;
}
#about ul li{
  display:inline-block;
}
#about strong{
  display:inline-block;
  color:white;
  background:#1189A5;
  font-size:12px;
  padding:3px 7px;
  margin:2px;
  border:white 1px solid;
  border-radius:5px;
  font-family:helvetica;
  white-space: nowrap;
}
#img{
  border:solid 0px red;
  position:relative;
  display:inline-block;
  width:99%;
  margin:0.5vw 1%;
  margin-right:0%;
  align-items:center;
  -webkit-box-shadow:inset 30px -30px 130px 250px #111111;
}
.breadcrumbs{
 margin:1px;
 padding:1px;
}
.breadcrumbs a{
  color:grey;
  font-family:arial;
  font-size:12px;
  font-weight: bold;
}
.breadcrumbs a:hover{
 color:white;
 opacity:0.7;
}
.breadcrumbs ul{
 display:inline-block;
 margin:2px;
 padding:2px;
}
.breadcrumbs ul>li{
 display:inline-block;
 margin:2px;
}
.movie-poster{
     position:relative;
     display:block;
     margin:0vw 5px;
     margin-top:2vw;
     width:27%;
     height:22vw;
     clear:both;
     float:left;
     left:15%;
     top:0vw;
     border:groove #AE7628 7px;
     box-shadow:0 0 7px 1px #333;
     overflow:hidden;
     border-radius:7px;}
  
#image{
   position: absolute;
   width:100%;
   height: 100%;
   z-index:10;
     }
#watermark{
  position: absolute;
  z-index: 20;
  transform: scale(0.3);
  top:75%;
  left:0px;
}

#date_time{
    	position:relative;
      margin:5px 2px;
      margin-top:10px;
      padding:2px 2px;
      border-radius:0px;
      display:inline-block;
    	text-align:center;
      float:left;
      border-radius:7px;}
#upload_date{
  /* font-family: 'urw-din', sans-serif; */
  font-family: 'Sofia-Pro', sans-serif;
  	font-weight:bold;
    color:grey;
}
#details{
  position:relative;
  margin-top:20px;
  width:100%;
  left:0%;
}
ul{
  list-style-type:none;
}

.fields{
  background: -webkit-linear-gradient( white,white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity:0.8;
  font-size:95%;
}

/*....................... for file name and info .......................*/
.file-info-head{
  color:white;
  font-family: 'urw-din', sans-serif;
  letter-spacing:2px;
  font-weight:bold;
  text-align:center;
  margin:3px;
  padding:1px;
  background-image:linear-gradient(to left,#111111,#333,#111111);
  opacity:0.8;
}
.about-file{
  position:relative;
  width:85%;
  margin:5px auto;
  display:block;
  /* font-family: 'urw-din', sans-serif; */
  font-family: 'Sofia-Pro', sans-serif;
  list-style-type:none;
  padding:3px;
}
.about-file li{
  display:inline-block;
  /* border:groove grey 3px; */
  border-radius:6px;
  padding:4px 10px;
  margin:5px 2px;
  background: #333;
  /* box-shadow: 0 0 10px 2px #333; */
  color:#1F98C3;
  font-weight:bold;
  opacity:0.9;
}
.about-file strong{
  color:white;
}
/* file-info ended... */


#quality{
  border:solid 1px #1F98C3;
  border-radius:5px;
  background: -webkit-linear-gradient( #1F98C3,#1F98C3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding:1px 4px;
}
#about::-webkit-scrollbar,#index::-webkit-scrollbar,.all_torrents ::-webkit-scrollbar{
  width: 0.5em;
  height:0.5em;}
#about::-webkit-scrollbar-track,#index::-webkit-scrollbar-track,.all_torrents ::-webkit-scrollbar {
  box-shadow:  0px 0px 0px #AE7628;}
#about::-webkit-scrollbar-thumb,#index::-webkit-scrollbar-thumb,.all_torrents ::-webkit-scrollbar {
  background-color: #AE7628;
	border-radius:30px;
  outline: 5px solid #AE7628;}


#about-information{
  position:relative;
  display:block;
  width:90%;
  border:solid grey 0px;
  border-radius:9px;
  padding:5px 12px;
  line-height:1.3;
  margin:9px auto;
  text-align: justify;
  background:#171717;
  /* background-image:linear-gradient(to bottom,#1D1D1D,#1D1D1D,#1D1D1D); */
  /* box-shadow:         inset 0px 0px 200px 20px #111111; */
}
#about-information p{
  color:white;
  opacity:0.7;
  /* font-family: 'urw-din', sans-serif; */
  font-family: 'Sofia-Pro', sans-serif;
}
#about-information a{
  color:#1F98C3;
}
#about-information a:hover{
  color:teal;
}
#synopsis::-webkit-scrollbar{
  width: 0.5em;}
#synopsis::-webkit-scrollbar-track{
  background:#171717;
  box-shadow:  0px 0px 0px #AE7628;}
#synopsis::-webkit-scrollbar-thumb{
  background-color: grey;
	border-radius:30px;
  box-shadow: inset 0 0 2px 1px #333;}

#synopsis{
  position:relative;
  border:solid 0px grey;
  border-radius:4px;
  margin:5% 9%;
  padding:9px 10px;
  max-height:12vw;
  /* background:black; */
  overflow-y:scroll;
  /* box-shadow: inset 0 0 150px 15px #111111; */
  line-height:1.5;
  text-align: justify;
  /* font-family: 'urw-din', sans-serif; */
  font-family: 'Sofia-Pro', sans-serif;
}
#synopsis span{
  color:white;
  opacity:0.7;
  font-size:15px;
}
#synopsis p{
  background: -webkit-linear-gradient( white,grey,#1F98C3,white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size:20px;
  text-align:center;
  font-weight:bold;
  letter-spacing: 3px;
}
#movie-note{
  position:relative;
  width:80%;
  margin:10px auto;
  padding:10px 5px;
  text-align: center;
  /* background:black; */
  border-radius:9px;
}
.cat-link:hover{
  text-decoration:underline;
}
#adult-div{
  display:flex;
  border:solid 0px grey;
}
#adult-div img{
  display:inline-block;
  margin:0 50%;
  width:50px;
  height:50px;
  border:solid 0px grey;
  transform:translate(-50%,0%);
}
#movie-note p{
  background: -webkit-linear-gradient( white,grey,#1F98C3,white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size:25px;
  font-family:courier;
  text-align:center;
  font-weight:bold;
  letter-spacing: 1px;
}
#movie-note h3{
  color:#f44336;
  font-weight:600;
  line-height:1.1;
  font-size:20px;
  font-family:verdana;
}
#screen{
  position:relative;
  width:90%;
  top:10px;
  margin:10px auto;
  padding:5px 9px;
  /* background:linear-gradient(to bottom,black,black); */
  text-align:center;
}

.way-div{
  display:block;
  border:solid 0px grey;
}
#screenshots-img,#trailer-img{
  display:inline;
  width:50px;
  height:40px;
  border:solid 0px grey;
}
#trailer-img{
  width:70px;
  height:60px;
}

.wayname{
  display:flex;
  justify-content: center;
  align-items: center;
  border:solid 0px green;
  margin-top:5px;
}
.way{
  color:white;
  font-size:19px;
  font-family: 'Sofia-Pro', sans-serif;
  text-shadow: 1px 1px 14px teal;
}

.way:hover{
  text-decoration: underline;
}
#links-area-div{
  padding:20px 10px;
  margin:4px;
  background:#171717;
  border-radius: 8px;
}

/* new code */
#links-area-div center>a{
  display: inline-block;
  /* border: solid 2px red; */
}
.unlock-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size:17px;
  font-weight: 700;
  border:none;
  border-radius: 4px;
  padding:9px 20px;
  /* margin:10px; */
  cursor: pointer;
  min-width: 270px;
}
.unlock-btn:hover{
  opacity: 0.8;
}
.btn1{
  background-color: #05a86a;
  color:#eee;
}
.btn2{
  background-color: #DD73A5;
  color:#eee;
}
.btn3{
  background-color: #989993;
  color:#eee;
}

/* new code ended */



/* #unlock, #unlock2{
  position:relative;
  text-align:center;
  margin:5px auto;
  padding:0;
  border:solid 0px red;
  display:flex;
  justify-content: center;
  align-items: center;
} */

.a-ads-banner{
    position:relative;
    display:block;
    width:90%;
    margin:0px auto;
    text-align:center;
}

/* .hitclit-div{
  background:transparent;
  margin:10px 10px;
  border:solid 0px grey;
}
.hitclit-div a{
  display:inline-block;
  width:34%;
  border:solid 0px grey;
}
#hitclit-button{
  position:relative;
  display:block;
  width:100%;
  margin:4px auto;
  background-image:linear-gradient(to right,teal,grey,teal);
  padding:14px 2px;
  font-size:15px;
  border-radius:12px;
  color:white;
  font-weight: bold;
  font-family:arial;
  border:solid 1px black;
  box-shadow: 0 0 2px 1px teal;

}
#hitclit-button:hover{
  background-image:linear-gradient(to right,grey,teal,grey);
  cursor:pointer;
} */


.locker{
  position:relative;
  display:flex;
  justify-content: center;
  align-items: center;
  border:double 3px #03213A;
  background-image:linear-gradient(to right,teal,grey,teal);
  padding:1px 15px;
  margin:5px 0px;
  border-radius:15px;
  box-shadow:0 0 10px 1px #333;
}
.locker:hover{
  background-image:linear-gradient(to right,grey,teal,grey);
  box-shadow:0 0 20px 1px #333;
}
.locker img{
  border:solid 0px grey;
  width:30px;
  height:40px;
  padding:0px 0px;
  margin-right:10px;
  margin-top:3px;
}
.utext{
  position:relative;
  border:solid 0px grey;
  display:flex;
  justify-content: center;
  align-items: center;
  min-height:100%;
}
.locker p{
  display:inline;
  color:white;
  font-family:arial;
  font-weight:bold;
  font-size:17px;
  margin:0px 0px;
  opacity:0.9;
}
.info-list{
  list-style-type: none;
  padding:0px;
  margin:0px;
}
.info-list li{
  position:relative;
  width:80%;
  text-align:center;
  color:white;
  font-size: 14px;
  font-family: 'Sofia-Pro', sans-serif;
  padding: 8px 7px;
  margin:12px auto;
  border: solid 1px #333;
  border-radius: 5px;
  opacity:0.9;
}
#note1{
  background-color: #F66459
}
#note2{
  background-color: #2FB986
}
#note3{background-color: #333}
#note4{background-color: #47A8F5}

/* for alike post(s) */
#alike-posts{
  display:block;
  position:relative;
  width:90%;
  margin:8px auto;
  padding:5px;
  background:#171717;
}
#alike-posts-list{
  list-style-type:none;
  margin:0px;
  padding:0px;
}
#alike-posts-list h4{
  display:block;
  font-family: 'Sofia-Pro', sans-serif;
  color:teal;
}
#alike-posts-list li{
  display:inline-block;
  padding:3px 7px;
  background:#333;
  margin:3px 5px;
  font-family: 'Sofia-Pro', sans-serif;
  font-size:11px;
  cursor:pointer;
  border-radius:4px;
  color:grey;
  font-weight:bold;
}
#alike-posts-list li:hover{
  background:black;
}
#alike-posts-list li>a{
  color:grey;
}
/* alike post(s) ended */

/*.................,,,,,,,,,Recommandation starts,,,,,,,,,,,,,,,,,,,,,,,,,*/
#telegram-div{
  border:groove 4px #333;
  border-radius:12px;
  background:#171717;
  width:250px;
  display:flex;
  margin:5px auto;
  display:flex;
  align-items:center;
  justify-content:center;
  color:grey;
}
.telegram{
  font-weight:bold;
  color:grey;

}
.telegram:hover{
  color:white;
}

#for_you{
  position:relative;
  margin:7vw 0vw;
  margin-top:3vw;
  display:inline-block;
  width:80%;
  left:8%;
  /* background:#171717; */
  border-radius:25px;
}
.rnote{
  position:relative;
  width:100%;
  left:0%;
  /* border-bottom:2px solid #333; */
  border-radius:0px;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  background-image:linear-gradient(to bottom,#333,#171717);
}
#rrecent_rnote{
  background-image:linear-gradient(to bottom,transparent,transparent);
  border-bottom:0px solid #333;
  border-radius:2px;
}
 table,.r{
border:solid 0px green;
}
 table{
  table-layout: fixed;
  position:relative;
  width:100%;
  left:0%;
}
.r{
  width:33%;
  height:15vw;
}
.similar{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align: center;
  border-radius:5px;
  padding:0 3%;
  margin:5% auto;
  width:110px;

  top:0%;
  height:165px;
  border:solid #AE7628 3px;
  border-top:groove #AE7628 7px;
  border-bottom:groove #AE7628 7px;
  line-height:1.5;
  overflow:hidden;
  transition:0.2s ease ;
  overflow-wrap: break-word;
}
.similar p{
  background: -webkit-linear-gradient(white,#1F98C3,#1F98C3,white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight:900;
  word-break:normal;
  font-family:courier;

}
.similar:hover{
  border:groove #1189A5 3px;
  border-bottom:groove #1189A5 7px;
  border-top:groove #1189A5 7px;
  opacity:1;
}

.rimage{
  position:absolute;
  top:0%;
  width:100%;
  left:0%;
  height:100%;
  margin:0% 0%;
  z-index:15;
  transition:0.2s ease ;
}
.rimage:hover{
  border-color:;
  border-bottom:groove #1189A5 7px;
  border-top:groove #1189A5 7px;
  opacity:0.1;
}
.keywords{
  border:groove 0px grey;
  padding:9px 9px;
  display:block;
  width:95%;
  margin:4px auto;
}
.keywords p{
  color:white;
}
.keywords b{
  padding:1px 5px;
  border:solid 2px grey;
  margin:2px 2px;
  display:inline-block;
  background:teal;
  border-radius:9px;
  font-family:arial;
}
#index{
  position:relative;
  display:inline-block;
  max-width:90%;
  max-height:30vw;
  left:0vw;
  margin-top:7vw;
  margin-bottom:4vw;
  padding:2% 2%;
  border:groove 0px grey;
  border-radius:5px;
  background:black;
  overflow-x:scroll;
  overflow-y:scroll;
  line-height:1.3;
  font-family:arial;
  color:grey;
}
#index:hover{
  box-shadow:0 0 5px 5px #333;
}
#index p ,#extra p,#about p,.online-div p{
  background: -webkit-linear-gradient( white,grey,#1F98C3,white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size:25px;
  font-weight:bold;
  text-align:center;
}
#index span{
  color:grey;
  font-family:helvetica;
  background:#171717;
  opacity:1;
  padding:5px 9px;
  border:solid 1px grey;
  border-radius:5px;
  line-height:2.2;
  white-space: nowrap;
}
#extra{
  position:relative;
  display:inline-block;
  margin:3vw 15%;
  padding:2vw 7%;
  border:groove 3px grey;
  border-radius:10px;
  background-image:linear-gradient(to bottom,black, #333,black);
}
#extra span{
  color:#1F98C3;
  font-family:helvetica;
  background:#171717;
  opacity:1;
  padding:5px 9px;
  border:solid 1px #1F98C3;
  border-radius:10px;
  line-height:2.2;
  white-space: nowrap;
}
#extra a :hover{
  color:orange;
  border-color:orange;
}


/*.............................for video pop up...............................*/
.bg-modal{
  position:fixed;
  z-index:1000;
	height:100vh;
	width:100vw;
	background-color:rgba(0,0,0,0.7);
	top:0vw;
	left:0vw;
	justify-content:center;
	align-items: center;
	border-radius:5px;
	display:none;
}
.modal-content{
  position:relative;
  background-repeat:no-repeat;
  width:50%;
	height:340px;
  margin:0% 20%;
  margin-bottom:10%;
	background: transparent;
	border-radius:5px;
}
#trailer_instruction span{
  color:white;
}
.modal-content img {
 	position:relative;
  top:23px;
  height:98%;
  left: 0.5%;
  width:99.8%;
  opacity: 0.9;
  overflow:hidden;
  }
#video{
	position:absolute;
  top:50px;
	bottom:0px;
  width:100%;
	height:350px;
	border-radius:5px;
	border:solid 2px #AE7628;
  display:flex;
}
.close{
	font-size:42px;
	font-weight:bold;
	color:#AE7628;
	position:absolute;
	transform:rotate(45deg);
	right:2px;
	top:-8px;
	cursor:pointer;}
.close:hover{
	color:red;
}
/*.......................video pop up ended.....................................*/




@media only screen and (max-width: 700px) {
.topper{
    display:block;
  }

.imdbmeter{
    display:inline;
    position:relative;
    color:white;
    float:left;
    margin:5px 3px;
    padding:3px 3px;
  }
.telegram-head{display:block;}
.telegram-head-mobile{
  display:block;
}
.telegram-head-mobile{
  display:block;
  border:groove 4px #1F98C3;
  border-radius:16px;
  width:250px;
  height:70px;
  overflow:hidden;
  margin:5px auto;
}

.telegram-head-mobile:hover{
  border-color:grey;
}
.telegram-head-mobile img{
  width:250px;
  height:70px;
}
#notice{
    position:relative;
    text-align:center;
    background-image:linear-gradient(to right,#171717,#171717);
      box-shadow: 0 0 7px 1px #333;
  }
#notice span{font-size:4.5vw;}
#notice p{font-size:4.5vw;}

.top-bar{
  position: relative;
  border-radius:5px;
  background:transparent;
  padding:0px 3px;
  top:-10px;
}
.top-bar button{
  color: #1F98C3;
  font-weight:normal;
  background:#333;
  border-radius:4px;
  padding:2px 4px;
  margin:3px 1px;
  font-size:11px;
}
#top{
    position:relative;
    top:0px;
    margin:3px auto;
    padding:0px 0px;
    width:98%;
    max-width:98%;
    display:inline-block;
    text-align:right;
    line-height:1;
    z-index:1;
    border:solid 0px grey;
}
#tnp-logo{
  /* margin-top:0px;
  top:0px; */
}
#head{
  display:inline-block;
  margin:0px 1px;
  padding:5px 3px;
  background: -webkit-linear-gradient(#AE7628,#AE7628,#1F98C3,#AE7628);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size:39px;
  font-weight:900;
  font-family:cursive;
}
#rotate{
     position:relative;
     top:12px;
     display:inline-block;
     width:0.8em;
     height:1em;
     border:solid 0px red;
     margin:0px -8px;
     margin-right:-4px;
     padding:0px 0px;
     -webkit-animation: action 1s infinite  forwards;
     animation: action 1s infinite  forwards;
     animation-iteration-count: 1;
   }
@-webkit-keyframes action {
                        0% { transform: translateY(350px);}
                        100% { transform: translateY(0px);}}
@keyframes action {
                        0% { transform: translateY(350px); }
                        100% { transform: translateY(0px); }}
#rotate img{
             position:relative;
             width:0.6em;
             height:1em;
             border:solid 0px red;
             margin:0px 0px;
             padding:0px 0px;
             animation:rot 0.7s infinite alternate;}
@-webkit-keyframes rot{
   0%{transform: rotate(5deg);}
   100%{transform: rotate(-5deg);}}
@keyframes rot{
   0%{transform: rotate(5deg);}
   100%{transform: rotate(-5deg);}}


.logo1 a>img{
 width:40px;
 height:40px;
 border:solid 3px #333;
 border-radius:50%;
 padding:2px 2px;
}
#all-genres{
  width:42%;}

#side-items{
  position:relative;
  width:97%;
  display:block;
  float:left;
  margin:2px;
  top:6px;
  left:0px;
  background-color:#171717;
  padding:4px;
}
.closeable{
  position: relative;
  padding:2px;
  margin-bottom: 1px;
  width:100%;
  text-align: center;
}
.closeable-header{
  width:95%;
}
.staff-picks{
  display:none;
  align-items: center;
  justify-content: left;
  width:93%;
  flex-wrap: nowrap;
  overflow-x:scroll;
  background: #171717;
  padding:10px auto;
  margin:5px;
}
.staff-picks>a{
  display:inline;
  border:solid 0px grey;
  width:auto;
  margin:2px;
}
.staff-pick-poster{
  position: relative;
  width:20vw;
  border-radius: 3px;
  border:solid 1px #333;
}
.staff-pick-poster:hover{
  border:solid 1px #183D5D;
  cursor:pointer;
  opacity: 0.7;
}


#left_items{
    position:relative;
    width:100vw;
    max-width: 100vw;
    display:block;
    float:left;
    margin:0px 0px;
  }
#right_items{
    position:relative;
    display:inline-block;
    width:100vw;
    float:left;
    margin:0px 0px;
        }
#banner,#footer{
  position:relative;
  max-width:98%;
  margin-left:0px;
  line-height:2.5;
  padding:5px 0px;
  border-radius:0px;
  flex-flow: wrap;}
#banner a,#footer a{
    margin:0 10px;
  }
#banner hr,#footer hr {width: 100%;}
#banner{
    position: relative;
    max-width:99vw;
    margin:1px auto;
    left:0%;
    background:transparent;
    justify-content: left;
    animation: banner 0.5s linear;
    overflow:hidden;
}
@keyframes banner {
    0%{height:0px;}
    20%{height:20px;}
    40%{height:40px;}
    60%{height:80px;}
    80%{height:100px;}
    100%{height:auto;}
}

#footer{
  width:100vw;
  margin-top:3vw;
  margin-bottom:1vw;
  border-top:2px solid #AE7628;}
.lays{
  position:relative;
  width:100%;
  height:1vmax;}
a{text-decoration:none;}

.navButton,.adultButton,.gambareButton{
  margin:5px 2px;
  background-color: #333; /*  #1F98C3; */
  color: #1F98C3;
  opacity:0.8;
  border:3px double transparent;
  border-radius:3px;
  padding:0px 5px;
  font-size:12px;
  box-shadow: 0 0 5px 1px #333;
  font-weight: bold;
  /* font-family: 'urw-din', sans-serif; */
  font-family: 'Sofia-Pro', sans-serif;
}
.gambareButton{
  background: #618C48;
  color:rgb(214, 204, 204);
}
.adultButton{
   background:red;
   color:white; 
}
.trending_btn{
  color:#eaeaea;
  background-image: linear-gradient(to right,teal,grey,teal);
  box-shadow: 0 0 5px 1px grey;
}
.trending_btn:hover{
  background-image: linear-gradient(to right,grey,teal, grey);
  box-shadow: 0 0 1px 1px grey;
}
.nav_elements{
  margin:0vw 0vw;
  padding:3px 9px;
  font-size:4.2vw;
  border:dotted 1px #AE7628;
  border-radius:9px;
  letter-spacing:0px;
  font-family: "Lucida Console", Courier, monospace;
  /* background-image:linear-gradient(0deg,black,#171717,black); */
}
.nav_elements:hover{
  border:solid 1px #1F98C3;
  text-shadow: 0px 0px 0px #1F98C3, 0 0 1px #1F98C3;
  background: -webkit-linear-gradient( #1F98C3,#1F98C3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#Search{
    position:relative;
    display:block;
    left:0px;
    width:95%;
    height:390px;
    max-height:390px;
    top:4vw;
    border:groove 2px grey;
    margin:5vw auto;
		padding:9px 2px;
  }
#tbar{
		font-size:17px;
		padding:5px 5px;
		border:#AE7628 solid 1.5px;
		width:65%;
  }
#sbar{
		font-size:15px;
		font-weight: bold;
		border:3px groove #AE7628;
    color:white;
    background:#AE7628;
		margin:0 0 ;
		padding:6px 8px;
}

#name{
    position:relative;
    width:98%;
    margin:0% 1%;
    margin-top:12px;
    background-image:none;
  }
#name h1{
  /* font-family: 'urw-din', sans-serif; */
  font-family: 'Sofia-Pro', verdana;
  line-height:1.2;
  font-weight: bold;
  }
#torrent_name h1{
  font-family: 'Sofia-Pro', verdana;
  font-weight:normal;
}
#show{
    position:relative;
    display:flex;
    width:100%;
  }
#about{
    position:relative;
    display:inline;
    max-width:20%;
    margin:0% 0%;
    left:1%;
    float:left;
  }
#about span{
    font-size:2.4vw;
    line-height:2.7;
    padding:2px 2px;
    white-space: nowrap;
  }
#img{
    position:relative;
    display:inline-block;
    width:99%;
    margin:0.5vw 1%;
    margin-right:0%;
    align-items:center;
  -webkit-box-shadow:inset 30px 100px 80px 150px #111111;
  }

.movie-poster{
  width:50%;
  height:67vw;
  left:20%;
  border-width:3px;}
   



#upload_date{
  	font-size:16px;
}

.about-file{
    position:relative;
    width:95%;
    display:block;
    text-align: left;
  }
.about-file li{
  display:inline-block;
  border:groove grey 3px;
  border-radius:6px;
  padding:4px 10px;
  margin:5px 2px;
  background: #171717;
  /* box-shadow: 0 0 10px 2px #333; */
  color:#1F98C3;
  font-weight:bold;
  opacity:0.9;
}
#synopsis{
    position:relative;
    border:solid 0px grey;
    border-radius:4px;
    margin:15vw 2%;
    padding:1% 2%;
    max-height:50vw;
  }
#synopsis span{font-family:comic;}
#synopsis p{
    font-size:5vw;
    letter-spacing: 3px;
  }
#movie-note{
    background:transparent;
    width:90vw;
    margin:10px auto;
    padding:10px 3px;}
#movie-note img{
    margin:0 50%;
    transform:translate(-50%,0%);
  }
#movie-note p{
    font-size:22px;
    text-align:center;
    font-weight:bold;
    letter-spacing: 1px;
  }
#movie-note h3{
    letter-spacing:0px;
  }
#screen{
    width:99%;
    position:relative;
    margin-top:20px;
    padding:0px 2px;
    /* background:linear-gradient(to bottom,#333,black,black); */
    text-align:center;
  }
#unlock{
    margin:10px 5%;
    /* margin-bottom:0px; */
    padding:2% 2%;
  }
#unlock span{font-size:5vw;}

.hitclit-div a{
  display:inline-block;
  width:98%;
  border:solid 0px grey;
}
#hitclit-button{
  width:90%;
}

#links{
    width:96%;
    margin:9% 2%;
  }
.tunnel{
    position:relative;
    width:60%;
    margin:2% 0%;
    left:20%;
    line-height:1.7;
    text-align:left;
  }
#links i{
    text-align:center;
    font-family:italic;
    font-size:130%;
  }
.server{
  font-family:helvetica;
  font-size:70%;
}
  /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,FOR yEAR SLOTS,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,*/
#sortbox{

  margin:10px auto;
  background-image:linear-gradient(to bottom,black,#333,black);
}
.choice{font-size:5vw;}
.slot_name{
                    font-family:verdana;
                    font-size:4vw;}
#year_form{
    margin:9vw 10%;
    width:80%;
  }
#id_year{
    padding:1px 2px;
    margin:0% 3vw;
  }
.recent{
   width:98vw;
   margin:10vw auto;
   line-height:2;
   border-top:10px solid #171717;
   border-bottom:10px solid #171717;
   border-radius:9px;
    background:linear-gradient(to bottom,black,#171717,black);
   max-height:300px;
  }
.recent_note{
   font-size:25px;
   font-family:arial;
   letter-spacing:1px;
   font-weight:normal;
    background: -webkit-linear-gradient( white,#1F98C3,white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

/*.......................,,,,,,,,Recommandation starts,,,,,,,,,,,,,,,,,,,,,,,,,*/
#for_you{
    margin:7vw 0vw;
    margin-top:25vw;
    width:100%;
    left:0%;}
table{
    position:relative;
    width:100%;
    margin-left:0px;
    left:0%;}
.r{width:33%;}
.similar{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  border-radius:5px;
  padding:0% 0%;
  margin:5% 0%;
  width:30vw;
  left:0%;
  top:0%;
  height:44vw;
  border:groove #AE7628 3px;
  line-height:1.5;
}
.similar:hover{
  border:groove #1189A5 3px;
  opacity:1;
}
.rimage{
    position:absolute;
    width:100%;
    left:0%;
    height:44vw;
}
#index{
    max-width:94.3vw;
    max-height:inherit;
    left:0vw;
    padding:2% 5px;
    margin:20vw 2vw;
    overflow-x:scroll;
    overflow-y:scroll;
  }
  #index p ,#extra p,#about p,#links p{font-size:22px;}
  #index span{
    color:grey;
    font-family:helvetica;
    background:#171717;
    opacity:1;
    padding:5px 9px;
    border:solid 1px grey;
    border-radius:5px;
    line-height:2.2;
    white-space: nowrap;
  }

  /*.............................for video pop up...............................*/
  .bg-modal{
    position:fixed;
    z-index:1000;
  	height:90vh;
  	width:100vw;
  	background-color:rgba(0,0,0,0.7);
  	top:0vw;
  	left:0vw;
  	justify-content:center;
  	align-items: center;
  	border-radius:5px;
  	display:none;
  }
  .modal-content{
    position:absolute;
    background-repeat:no-repeat;
    width:90%;
  	height:220px;
    margin:0% 4%;
    left:0%;
    margin-bottom:10%;
  	background: transparent;
  	border-radius:5px;
  }
  #trailer_instructions span{
    color:white;
    font-size:2vw;
  }
.modal-content img {
       	position:relative;
        top:20px;
        height:98%;
        left: 0.5%;
        width:99.8%;
        opacity: 0.9;
    }
  #video{
  	position:absolute;
    top:50px;
  	bottom:0px;
    width:100%;
  	height:220px;
  	border-radius:5px;
  	border:solid 2px #AE7628;
    display:flex;
  }
  .close{
  	font-size:42px;
  	font-weight:bold;
  	color:#AE7628;
  	position:absolute;
  	transform:rotate(45deg);
  	right:2px;
  	top:-8px;
  	cursor:pointer;}
  .close:hover{
  	color:red;
  }
  /*.......................video pop up ended.....................................*/

  /*......................,,,,,,,,,,,,,,,,,,.......for homepage...,,,,,,,,............................*/
.old{
  	   margin:10vw 0%;
  		 left:1vw;}
.olddata{
    width:33%;
    height:42vw;
  }
#oldtable{
  border:solid 0px blue;
  width:100%;
  margin:2px 0vw;
}
.oldname{
    position:absolute;
    top:0%;
    left:2%;
    height:40vw;
    width:87%;
    z-index:10;
  overflow:hidden;}
.olddata p{
    color:#1F98C3;
    font-size:100%;}
.oldimagediv{
    position:absolute;
    top:0%;
    left:0%;
    width:100%;
    height:40vw;
    border:green 0px solid;
    z-index:100;}
.oldimage{
    position:relative;
    top:0%;
    left:0%;
    border:groove 4px #AE7628;
    width:90%;
    height:40vw;
    opacity:1;}
.oldname:hover {
    opacity:1;
    border:groove 5px #1F98C3;
    z-index:999;}
/*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,movies table,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,*/

.query{
    color:#1F98C3;
    font-size:6vw;}
#text{
  position:relative;
  text-align:center;
  width:95%;
  padding:3px 0px;
  margin:15px auto;
  word-wrap: break-word;
  border-radius:3px;
  border:groove 0px #1F98C3;
  box-shadow: 0 0 5px 1px #333;
  background: #333;
}
#info{
      font-size:18px;
      background: -webkit-linear-gradient( white,grey,#1F98C3,white);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      /* font-family: 'urw-din', sans-serif; */
      font-family: 'Sofia-Pro', sans-serif;
    }
#all_movies{
    position:relative;
    width:100%;
    display:block;
    margin:0px auto;
    top:0vw;
    left:0px;
    padding:0px;
}
#movies_table{
  table-layout: fixed;
  left:0vw;
  width:99vw;
  top:5px;}
#movies_table td{
  height:60vw;
  max-width:33vw;

}
.movie-info{
  width:99%;
  margin:0%;
  padding-top:10px;
  height:97%;
  top:0px;
  border:solid 0px white;
  background:#0F0F0F;
}
.mimage{
    	position:relative;
    	top:1%;
    	border:groove #AE7628 0px;
    	height:45vw;
    	width:31.5vw;
      margin:3px auto;
      border-radius:2px;
      box-shadow:0px 0px 0px 0px grey;
}
.mimage:hover{
     transform: scale(1.07);
     transition: all 0.3s;
     transform-origin: 50% 50%;
     box-shadow:0px 0px 0px 0px grey;
  }
.date_time{
  position:relative;
   display:block;
   justify-content:center;
   align-items:center;
  text-align:center;
  margin:2px 0px;
  width:100%;
   border-bottom:solid 0px #171717;
  }

.upload_date{
    						 	font-size:10px;
    							font-weight:bold;
    							opacity:1;
    						 	}
.name{
  width:100%;
  text-align: left;
  /*text-justify: inter-word;*/
  word-wrap: break-word;         /* All browsers since IE 5.5+ */
   overflow-wrap: break-word;
  }

.movie_name{
     font-size:16px;
     font-weight:initial;
     overflow-wrap: break-word;
     margin-top:0px;
	   text-decoration:none;
     color:#a6a6a6;
 }

.movie_name:hover{
  color:#1F98C3;
  opacity:0.5;
   cursor:pointer;
}

.inline-cat{
  position:relative;
  font-family: 'Sofia-Pro', sans-serif;
  /* font-style:italic; */
  text-decoration:none;
  color:#1F98C3;
  /* padding:0px 4px; */
  line-height:0;
  /* font-size:13px; */
  border:solid 0px teal;
}

#next{
  position:relative;
  display:block;
  width:150px;
  margin:100px auto;
  text-align:center;
border:solid 0px red;}

.jump{
  font-weight:bold;
  border-radius:5px;
  padding:3px 5px;
}

.page_input{
  width:70px;
  font-weight:bold;
  border-radius:4px;
  padding:3px 3px;
}
#npage{
  font-size:13px;
  padding:3px 5px;
}


  /*...............................,.................,,,,,,,,,Recommandation starts,,,,,,,,,,,,,,,,,,,,,,,,,*/
  /*...............................,.................,,,,,,,,,Recommandation starts,,,,,,,,,,,,,,,,,,,,,,,,,*/
#recommandation{
  top:10vw;
  width:98%;
  margin:4vw 1%;
  left:0vw;
  margin-bottom:80px;
}
#rhtable{
          position:relative;
          left:0%;}
#rhtable td{
   position:relative;
    border:solid 0px grey;
    width:33%;
    overflow:hidden;
    height:200px;
}
.wholerec{
  position:absolute;
  top:0;
  border:groove #AE7628 4px;
  border-radius:9px;
  overflow:hidden;
  width:90%;
  height:150px;
  display:block;
  z-index:10;
  margin:0px auto;
}
.recimagediv{
  position:relative;
  width:100%;
  height:100%;
  border:solid yellow 0px;
  z-index:12;
  overflow:hidden;
}
.recimage{
  position:relative;
  width:100%;
  height:100%;
  opacity:1;
}
.wholerec:hover{
  border-color:#1F98C3;
}
.recimagediv:hover > .recimage{
  opacity:0.6;
  z-index:1;
}
#extra{
    margin:10vw 10%;
    padding:2vw 7%;
    border:groove 3px grey;
    border-radius:10px;
  }

  /*..................................old Torrents.html..............................................*/
#torrent_form{
    position:relative;
    float:left;
    display:block;
    margin:2px auto;
    width:94%;
    margin-bottom:8vw;
    padding:9px 9px;
    border:groove 2px grey;
    border-radius:12px;
    background-image:linear-gradient(to bottom, black,#333,black);
  }
#torrent_form span{
    color:#1F98C3;
    font-family:helvetica;
  }
#id_torrent_input{
    font-size:3.7vw;
    padding:3px 5px;
    width:65%;
  }
#cat-id{
  display:inline-block;
  border:groove 2px #AE7628;
  border-radius:9px;
  background:#171717;
  color:#AE7628;
  font-size:3.7vw;
  padding:2px 2px;
  }
  #id_torrent_submit{
    font-size:3.7vw;
    font-weight:bold;
    padding:3px 5px;
  }
  .all_torrents{
    background:transparent;
    width:95%;
    overflow-x:scroll;
    display:inline-block;
    margin:2vw 5px;
  }
  .torrent_table{
    border:solid 0px red;
  }
  .torrent_table th{
    background-image:linear-gradient(to bottom,#333,black,#333);
    background: -webkit-linear-gradient(#AE7628,#AE7628);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .torrent_table td{
    width:auto;
    height:auto;
    border:solid 1px #1F98C3;
    background-image:linear-gradient(to bottom,#292929,black);
    border-radius:9px;
    background: -webkit-linear-gradient(#AE7628,#AE7628);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family:arial;
    font-weight:bold;
    text-align:center;
    padding:7px 3px;
  }
  .torrent_table a:hover{
    background: -webkit-linear-gradient(#1F98C3,#1F98C3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  #torrent_name{
    position:relative;
    border:solid yellow 0px;
    max-width:99%;
    word-wrap: break-word;
    text-align:center;
    margin:30px 20px;
  }
  #torrent_name h1{
    color:white;
    font-family:helvetica;

  }

  #torrent_detail{
    display:inline-block;
    border:solid 0px red;
    width:97vw;
    margin:9vw 1vw;

  }
  #torrent_image{
    position: relative;
    display:block;
    width:150px;
    margin:10px auto;
    max-width:200px;
    min-width:150px;
    border:groove #AE7628 5px;
    border-radius: 7px;
  }
  .torrent_genre{
    position:relative;
    width:90%;
    margin:1% 4%;
    top:0px;
    border:solid 2px #1F98C3;
    background-image: linear-gradient(to right,grey,#1189A5);
    border-radius:9px;
    text-align:center;
  }
  .torrent_genre span{
    color:white;
    font-family:arial;
    font-size:5vw;
    padding:20px 20px;
  }
  .mytorrent_table{
    border:solid 0px yellow;
    margin:5px 1vw;
    max-width:96vw;
  }
  .mytorrent_table td,th{
    border:solid 2px #1F98C3;
    background-image:linear-gradient(to bottom,#292929,black);
    border-radius:9px;
    color:white;
    height:auto;
    width:auto;
    margin:5px 20px;
    padding:5px 5px;
    text-align: center;
    font-family:arial;
    letter-spacing:1px;
  }
  .mytorrent_table span{
    color: #1F98C3;
  }
  /*..........................torrents.html ends............*/
#telegram-div{
    width:300px;}
.quick-div{
      display:block;
      border:solid 0px grey;
    }
.banners{
    display:block;
    width:98%;
    margin:9px auto;
  }
  /*..........................user form starts............*/
  .form{
      position:relative;
      background:#171717;
      width:85vw;
      left:-7px;
      margin:10% auto;
      padding:10px 10px;
      transform:translateY(5%);
      border:solid 2px #1F98C3;
      border-radius:9px;
      line-height:1;
      text-align:center;
      box-shadow:0px 0px 700px 200px black;
    }
#fimage{
      margin:0px 100px 0px 70px;
      font-size:12px;
      border-color:transparent;
      background:transparent;
    }

.directlinks{
      position:relative;
      width:88%;
      margin:20px auto;
      padding:11px 12px;
      border:groove 2px #333;
      border-radius:5px;
      text-align:center;
      background-color:#333;
      -webkit-box-shadow: inset 0px 0px 0px 0px black;
        box-shadow: inset 0px 0px 50px 1px black;
}
.online-div{
  position:relative;
  display:block;
  width:88%;
  margin:15px auto;
  text-align:center;
  background-color:#333;
  border: groove 2px #333;
  border-radius:7px;
  padding:7px 12px;
  -webkit-box-shadow: inset 0px 0px 0px 0px black;
  box-shadow: inset 0px 0px 50px 1px black;

}

#hashtags-div{
  position:relative;
  background-color: #171717;
  display:block;
  width:95%;
  margin:10px auto;
  padding:5px;
  border-radius:7px;
}

#hashtags-div>h2{
  position:relative;
  /* margin:5px auto; */
  text-align:center;
}
#all-cats-div{
  position:relative;
  width:95%;
  margin:5px auto;
}
.ticket{
  position:relative;
  background-color: #333;
  display:inline-block;
  margin:3px 4px;
  padding: 3px 5px;
  clip-path: polygon(9% 0, 100% 0%, 100% 100%, 9% 100%, 0% 50%);
  cursor:pointer;
  line-height: normal;
}

.ticket-circle{
  position:relative;
  display:inline-block;
  background-color: teal;
  left:0px;
  margin: auto 5px;
  width:8px;
  height: 8px;
  border-radius:50%;
}
.ticket a{
  font-family: 'Sofia-Pro', sans-serif;
  font-size:12px;
  color:#AE7628;
  /* font-weight: bold; */
}




}