body::-webkit-scrollbar {
  width: 0.8em;
  height:0.8em;}
body::-webkit-scrollbar-track {
  box-shadow: outset 0 0 2px grey;
}
body::-webkit-scrollbar-thumb {
  background-color: grey;
  background-image:linear-gradient(65deg,#333,grey,grey);
	border-radius:30px;
  outline: 0px solid grey;}
html{
  scroll-behavior:smooth;
  background-color:#111111;
  padding:0px 0px;
  margin:0px 0px;
  overflow-x:hidden;}

body{
    padding:0px 0px;
    margin:0px 0px;
  }

#img,#main_div,#search,#date_time,.recent,.recent_note_div,#tags,#Search,#top,
  #banner,#footer,#left_items,#right_items,#details,#screen,#for_you,#show,#allold,
  .imdb-info,#oldtable,.tunnel,.logo1,#all_movies,#movies_table{
     border:green 0px solid;
  }

table,#torrent_form,.r,.oldrow,#head,#unlock,#sortbox,#notice,.top-bar,#top,#menu-icon-div,
  #mdetails,#year_form,.rnote,#name,#about,#links,.staff-picks,#tnp-logo,
  #index,.old,.olddata,#text{
    border:solid 0px grey;
  }


/* for top bar */
#top-most{
  position:relative;
  /* background: #222; */
  width:100%;
  margin:0px auto;
}
.topper{
  border:solid 0px yellow;
  display:flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 10px;
}
#menu-icon-div{
  display:inline-block;
}
.top-bar{
  display:inline-block;
  border-radius:5px;
  background:#171717;
  box-shadow: 0 0 0 0px teal;
  padding:1px 7px;
}
.top-bar button, .top-bar select{
  color: #c8c8c8;
  font-size:12px;
  font-family: 'Sofia-Pro', verdana;
  background:  #183D5D;
  border:solid 0px transparent;
  border-radius:4px;
  padding:2px 7px;
  margin:5px;
}
.top-bar button:hover, .top-bar select:hover{
  /* background: black; */
  box-shadow: 0 0 5px 1px #1F98C3;
  border:solid 0px #AE7628;
}

#top-100-btn{
  background-color: #87205E;
  cursor:pointer;
}

.Blink {
  animation: blinker 0.3s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}

@keyframes blinker {  
from { opacity: 1; }
to { opacity: 0.1; }
}

#top{
  position:relative;
  top:0px;
  /* width:40%;
  max-width:40%; */
  margin:0px 0px;
  padding:0px 0px;
  display:flex;
  text-align:center;
  z-index:1;
}


/* for tnp logo */
#tnp-logo{

}
#head{
   padding:0px 0px;
   margin:0px 1px;
   z-index:9999;
   background: -webkit-linear-gradient(#AE7628,#AE7628,#AE7628,#1F98C3,#1F98C3,white);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
	 font-size:40px;
	 font-weight:bold;
	 font-family:cursive;}
#head:hover{
		color:black;
		text-shadow: 1px 2px 3px #1F98C3, 0 0 1px #1F98C3;
    background: -webkit-linear-gradient( #AE7628,#AE7628,white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: black;}
#rotate{
    position:relative;
    z-index:99;
    top:18px;
    display:inline-block;
    width:1em;
    height:1em;
    border:solid 0px red;
    margin:0px -10px;
    margin-right:-10px;
    padding:0px 0px;
    -webkit-animation: action 1s infinite  forwards;
    animation: action 1s infinite  forwards;
    animation-iteration-count: 1;
  }
@-webkit-keyframes action {
   0% { transform: translateY(500px);}
   100% { transform: translateY(0px);}}
@keyframes action {
   0% { transform: translateY(500px); }
   100% { transform: translateY(0px); }}
#rotate img{
  position:relative;
  width:0.7em;
  height:1.2em;
  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);}}

/* for notice #202124 */
#notice{
  position:relative;
  padding:4px 5px;
  width:90%;
  top:0px;
  margin:5px auto;
  text-align:center;
  background-color: #222222;
  font-weight: normal;
  font-size:15px;
  border:groove 0px #333;
  border-radius:3px;
  color:#c8c8c8;
  /* font-family: 'urw-din', sans-serif; */
  font-family: 'Sofia-Pro', sans-serif;
}

#notice span{
  opacity:0.8;
}
#notice p{
  padding:0px 0px;
  margin:3px 0px;
  color: #f44336;
}
#notice a{
  font-weight:bold;
  background: -webkit-linear-gradient( white,yellow,white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#notice a:hover{
  background: -webkit-linear-gradient( green,green);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.extra_note_div{
  position:relative;
  display:block;
  width:90%;
  margin:2px auto;
  background:transparent;
  text-align:center;
}
.extra_note{
  color:teal;
  font-family:arial;
  font-weight:bold;
}

/* pwa transition loader */
#overlay{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:black;
    z-index:999999;
    text-align:center;
    opacity:0.7;
    display:none;
    color:white;
    font-weight:bold;
  }
#fetch-out{
    width:30px;
    height:30px;
    position:relative;
    margin:0px auto;
    top:40%;
    border:dotted 3px white;
    border-radius:50%;
  animation:d1 infinite linear 7s;
}

/* for socialshare div */
#social{
    position:fixed;
    display:block;
    background:transparent;
    border:solid 0px #333;
    top:40vh;
    z-index:9999;
    border-radius:7px;
  }
#sIcon{
    display:block;
    border:solid 0px red;
    position:relative;
    float:right;
    font-size:20px;
    margin:-10px -10px;
    cursor:pointer;
    background:transparent;
    border-radius:9px;
    opacity:0.7
  }
#sIcon:hover{
    color:red;
      opacity:1
  }
#social span{
    display:block;
    color:white;
    font-family:arial;
    font-weight:bold;
    padding:2px 5px;
    border:solid 0px red;
  }
.mysocial{
    border:solid 0px green;
    display:flex;
    align-items: center;
    justify-content:center;
  }
.mysocial img:hover{
    opacity:0.7;
  }


/* for actors category */
.actors{
  background-image:linear-gradient(to right,#171717,#171717);
  border:solid 0px #333;
  width:95%;
  displaY:block;
  margin:7px auto;
  color:white;
  text-align:center;
  max-height:400px;
  overflow-y:scroll;
  border-radius:2px;
}
.alogo{
  background-color:transparent;
  display:inline-block;
  text-align: center;
  border:solid 0px green;
  text-overflow: clip;
  width:100px;
  height:140px;
  overflow:hidden;
  position:relative;
  top:0px;
}
.aimg{
  display:flex;
  justify-content: center;
  align-items: center;
  overflow:hidden;

  border-radius:9px;
  margin:7px 15px;
}
.aimg img{
  border:solid 2px grey;
  border-radius:9px;
  height:80px;
  width:55px;
}
.actors a{
  color:grey;
  font-family:arial;
}
.actors a:hover{
  color:white;
}
.actors::-webkit-scrollbar{
  width: 0.5em;
  height:0.5em;}
.actors::-webkit-scrollbar-track {
  box-shadow: inset 0px 0px 1px 1px #333;}
.actors::-webkit-scrollbar-thumb{
  background-color: grey;
	border-radius:30px;}


/* for notification div */
#notification-div{
  position:fixed;
  top:0px;
  left:0px;
  display:none;
  max-width:90%;
  margin:30px 5%;
  border-radius:5px;
  background:#F2F2F2;
  z-index:999999999;
  overflow:hidden;
  box-shadow:0 0 15px 5px #333;
  animation:note 0.2s linear;
}
@-webkit-keyframes note{
  from{top:-50px;width:0px;}
  to{top:0px;width:80%;}
}
@keyframes note{
  from{top:-50px;width:0px;}
  to{top:0px;width:80%;}
}

#notification{
  position:relative;
  display:inline-block;
  padding:5px;
  color:black;
}
#notification-closer{
  position:relative;
  display:inline-block;
  background:transparent;
  float:right;
  padding:5px;
  margin:0px;
  font-weight:900;
  color:black;
  cursor:pointer;
}
#notification-closer:hover{
  background:#B6B6B6;
}



/*.......................categories...........................*/
.cat{
  display:flex;
  /* background-image:linear-gradient(to bottom,black,#171717,black); */
  background:#111111;
  border:solid 0px grey;
  overflow-x:auto;
  margin-top:4px;
  padding:4px 3px;
}

.logo1{
  display:inline-block;
  text-align:center;
  padding:2px 2px;
  margin:0px 7px;
}
.logo1 a>img{
  width:35px;
  height:35px;
  border:solid 3px #333;
  border-radius:50%;
  padding:2px 2px;
}
.logo1 a>p{
  color:#666666;
  font-family: 'Sofia-Pro', arial;
  margin:0px 0px;
  font-size:12px;
  /* font-weight: bold; */
  /* text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; */
}
.logo1 a>p:hover{
  color:grey;
}
.logo1 a>img:hover{
  border-color:#666;
}
.cat::-webkit-scrollbar {
  width: 0.5em;
  height:0.7em;}
.cat::-webkit-scrollbar-thumb {
    background: #333;
  	border-radius:30px;}
.cat::-webkit-scrollbar-track {
      background:#171717;
    }


/* for telegram icon */
.telegram-head,.telegram-join{
  position: relative;
  display:block;
  border:groove 4px #1F98C3;
  border-radius:16px;
  width:250px;
  height:70px;
  overflow:hidden;
  margin:30px auto;
  margin-top:100px;
}
.telegram-join{
  margin-top:20px;
}
.telegram-head:hover, .telegram-join:hover{
  border-color:grey;
}
.telegram-head img, .telegram-join img{
  width:250px;
  height:70px;
}
.telegram-head-mobile{
  display:none;
}

/* for hashtag tickets div */
#hashtags-div, .tickets-div{
  position:relative;
  background-color: #171717;
  display:block;
  width:93%;
  margin:10px auto;
  padding:3px;
  border-radius:7px;
}
.tickets-div>h2{
  position:relative;
  text-align:center;
}
.tickets-list{
  list-style-type:none;
  padding:0px;
  margin:0px;
}
.ticket{
  position:relative;
  background-color: #333;
  display:inline-block;
  margin:5px 2px;
  padding: 3px 7px;
  clip-path: polygon(9% 0, 100% 0%, 100% 100%, 9% 100%, 0% 50%);
  cursor:pointer;
}
.ticket-circle{
  position:relative;
  display:inline-block;
  background-color: teal;
  left:0px;
  margin: auto 3px;
  width:8px;
  height: 8px;
  border-radius:50%;
}
.ticket a{
  font-family: 'Sofia-Pro', sans-serif;
  font-size:12px;
  color:#AE7628;
}

/* for bollywood/hollywood/webseries etc. categories */
#banner,#footer{
  position:relative;
  line-height:2.5;
  padding:9px 2px;
  border:groove 4px #171717;
  /* background-image: linear-gradient(-70deg,black,black); */
  border-radius:0px;
  display: flex;
  justify-content: center;
  align-items:center; }
#banner{
  max-width:98%;
  margin:7px auto;
  left:0%;
  /* margin-bottom:15px; */
  flex-flow:wrap;
  /* background-image:linear-gradient(35deg,#1D1D1D,#1D1D1D,#1D1D1D); */
  border:groove 0px #171717;
  border-radius:5px;
}
#footer{
  width:100%;
  margin-top:3vw;
  margin-bottom:0vw;
  border-top:2px solid #AE7628;
}
.lays{
  position:relative;
  width:100%;
  height:0.5vmax;
  top:0vw;
  left:0vw;
  margin-left:0vw;
  border-radius:0px;
  background-image: linear-gradient(-90deg, #282C34, #AE7628, #282C34);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%,0% 100%);
}
a{text-decoration:none;}
#footer a{
  margin:0 3.2vw;
}
.navButton,.adultButton,.gambareButton{
  margin:5px 6px;
  background-color: #444; /*  #1F98C3; */
  color: #1F98C3;
  opacity:1;
  border:3px double transparent;
  border-radius:3px;
  padding:2px 7px;
  font-size:14px;
  box-shadow: 0 0 5px 1px #444;
  transition: all 0.1s;
  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;
}
.navButton:hover,.adultButton:hover{
  /* color: #1F98C3;
  border-bottom:2px solid #1F98C3;
  background:transparent; */
  box-shadow: 0 0 5px 1px #1F98C3;
  cursor:pointer;
}
.gambareButton:hover{
  box-shadow: 0 0 5px 1px #dadada;
  cursor:pointer;
}
.nav_elements{
  font-size:1.5vw;
  margin:0vw 0vw;
  padding:2px 9px;
  border:dotted 1px transparent;
  border-radius:9px;
  letter-spacing:0px;
  font-family:  monospace;
  font-weight:bold;
}
.nav_elements:hover{
 font-weight:normal;
 border:dotted 1px transparent;
 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;
}

#south-btn-div{
  display:inline-block;
  /* border:solid 1px red */
}
#south-div{
  position: absolute;
  z-index:999999;
  display:none;
  background:#333;
  padding:7px 0px;
  border-radius:4px;
  box-shadow: 2px 2px 10px 1px black;
}
#south-div a{
  display:block;
  margin:2px 0px;
  line-height:1;
  padding:6px 5px;
  /* background: #333; */
  border-bottom:solid 1px #171717;
  color:#c8c8c8;
  font-size:14px;
  border-radius:2px;
  font-family: 'Sofia-Pro', sans-serif;
}
#south-div a:hover{
  background: #1F98C3;
}


/* for main content block divs */
#main_div{
  position:absolute;
  width:100%;
  margin-bottom:0.5vw;
}
#side-items{
  position:relative;
  width:13%;
  display:inline-block;
  float:left;
  margin:2px;
  top:6px;
  background-color:#171717;
  padding:4px;
}
#staff_main{
  color:#c8c8c8;
  opacity: 0.9;
}
#staff_main:hover{
  opacity:1;
}
.closeable{
  padding:2px;
  margin-bottom: 20px;
}
.closeable-header{
  position: relative;
  background-color: #183D5D;
  /* #006D81; */
  display:flex;
  justify-content: space-between;
  align-items: center;
  padding:2px 4px;
  font-family: 'Sofia-Pro', sans-serif;
  font-size: 13px;
  border-radius: 4px;
  cursor:pointer;
  opacity:0.8;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.closeable-header i{
  margin:0px 2px;
}
.closeable-header:hover{opacity:0.6;}
.staff-picks{
  display:flex;
  align-items: center;
  justify-content: center;
  flex-flow:wrap;
  background: #121212;
  padding:10px auto;
}
.staff-picks>a{
  display:inline;
  border:solid 0px grey;
  width:45%;
  margin:2px;
}
.staff-pick-poster{
  position: relative;
  width:99%;
  border-radius: 3px;
  border:solid 1px #AE7628;
}

.staff-pick-poster:hover{
  border:solid 1px #183D5D;
  cursor:pointer;
}


#left_items{
  position:relative;
  /* width:69%; */
  width:61%;
  max-width: 62%;
  overflow:hidden;
  display:inline-block;
  float:left;
  margin:0px 0px;
}
#right_items{
  position:relative;
  display:inline-block;
  /* width:30%; */
  width:24%;
  float:right;
  margin:0px 0px;
  right:0%;
}


.recent{
  position:relative;
  display:block;
 width:97%;
 margin:15px auto;
 border:groove 0px red;
 border-radius:0px;
 /* background:linear-gradient(to bottom,black,black); */
 max-height:400px;
 overflow-y:scroll;
 box-shadow:0px 0px 5px 2px #333;
}



.recent::-webkit-scrollbar{
    width: 0.5em;}
.recent::-webkit-scrollbar-track{
    background:#171717;
    box-shadow:  0px 0px 0px #AE7628;}
.recent::-webkit-scrollbar-thumb{
    background-color: grey;
  	border-radius:30px;
    box-shadow: inset 0 0 2px 1px #333;}


.recent_note_div{
 position:relative;
 width:90%;
 left:5%;
 displaY:flex;
 justify-content: center;
 align-items:center;
 text-align: center;
}

.dinst{
  /* font-family: 'urw-din', sans-serif; */
  font-family: 'Sofia-Pro', sans-serif;
  color:white;
  font-size:22px;
  font-style:italic;
  font-weight:normal;
  opacity:0.8;
}
.dinst a:hover{
  text-decoration:underline;
}
.recent_note{
 position:relative;
 font-size:20px;
 letter-spacing:1px;
 font-weight:bold;
 /* font-family: 'urw-din', sans-serif; */
 font-family: 'Sofia-Pro', sans-serif;
 margin-top:0.8vw;
 line-height:1.3;
 color:#1189A5;
 background: -webkit-linear-gradient(#1189A5,#1189A5,#1189A5,grey,white);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;}

.recent_note i{
   background: -webkit-linear-gradient( 90deg,grey,#AE7628,#AE7628,white);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
.recent_note b{
   border-bottom:solid 1px grey;
   background: -webkit-linear-gradient( 90deg,maroon,red,maroon);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
.recent_note b:hover{
   background: -webkit-linear-gradient( 90deg,red,white);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
.recent_post{
 color:#AE7628;
 border-bottom:solid 2px #171717;
 font-family:cursive;
 font-size:1.2vmax;
 font-weight:normal;
 padding:0px 5px;
 margin:5px 0px;

 display:flex;
}
.recent_image{
  border:groove 3px grey;
  border-radius:9px;
  width:50px;
  height:70px;
}
.recent_image:hover{
  border-color:#1F98C3;
}
.recent_info{
  position:relative;
  margin:0px 5px;
  line-height:1;
  border:solid 0px red;
  /* font-family: 'urw-din', sans-serif; */
  font-family: 'Sofia-Pro', sans-serif;
}
.recent_info span{
  font-size: 12px;
  color:grey;
}
.recent_info p{
  font-size: 15px;
  color:grey;
}
.recent_info p:hover{
  color:#1F98C3;
}

.torrent-size{
  background-color: #444;
  border-radius: 2px;
  padding:0px 3px;
}

.view-all-torrents:hover{
  text-decoration: underline;
}



/* .................cool color change for text................... */
.animateit{
  background-image: linear-gradient(
    -225deg,
    #66FCF1 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  font-family: verdana;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 8s linear infinite;
}

@keyframes textclip {
  to {background-position: 200% center;}
}