.old{
 position:relative;
 display:block;
 width: 98%;
 margin:7vw auto;
 left:0%;
 border:green 0px solid;
}
#allold{
	position:relative;
	width:100%;
  margin:10px auto;
	top:0px;
	left:0px;}

#oldtable{
  position:relative;
	width:100%;
  left:0;
  margin-left:0px;
  clear:both;
  float:left;
}
.olddata{
  position:relative;
  width:33%;
  height:170px;
  text-align: center;
  vertical-align: middle;
  overflow:hidden;
}
.oldname{
  position:absolute;
  top:0%;
  left:0%;
  height:150px;
  width:100px;
  z-index:10;
  display:flex;
  align-items: center;
  justify-content: center;
  border-radius:5px;
  overflow:hidden;
}
.olddata p{
  font-family:courier;
  font-weight:bold;
  background: -webkit-linear-gradient(white,#1F98C3,#1F98C3,white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.oldimagediv{
  position:absolute;
  top:0%;
  left:0%;
  height:150px;
  width:100px;
  border:green 0px solid;
  z-index:100;
}
.oldimage{
  position:relative;
  top:0%;
  left:0%;
  border:groove 2px #AE7628;
  border-radius:5px;
  height:150px;
  width:100px;
  opacity:1;}
.olddata:hover > .oldimagediv{
  opacity: 0.2;
  transition: opacity 0.2s ease;
  display:block;
  z-index:1;}
.oldname:hover {
  opacity:1;
  border:groove 2px #1F98C3;
  z-index:999;}

  /*,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,movies table,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,*/
#text{
    position:relative;
    text-align:center;
    width:100%;
    padding:3px 0px;
    /* top:9px; */
    margin:9px auto;
    word-wrap: break-word;
    border-radius:3px;
    border:groove 0px #1F98C3;
    box-shadow: 0 0 5px 1px #171717;
    background: #171717;
  }
#info{
      font-size:18px;
      font-weight: bold;
      margin:0px;
      padding:0px;
      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;
    }
.query{
  /* color:#1F98C3;font-size:2vw; */
}

.sorting-div{
  background:transparent;
  text-align:center;
}
.genre-sort ul{
  margin:10px auto;
  padding:0px;
  list-style-type:none;
  font-size:12px;
  font-family: 'Sofia-Pro', sans-serif;
}
.genre-sort ul>label{
  color:grey;
}
.genre-sort ul>li{
  display:inline-block;
  background:#333;
  border:solid 1px #171717;
  box-shadow:0 0 1px 1px #333;
  padding:2px 1px;
  margin:4px 5px;
  border-radius: 4px;
}

#porn_button{
  background: maroon;
  box-shadow:0 0 1px 1px maroon;
}

#porn_button:hover,.genre-sort ul>li:hover{
    background-color:#171717;
}
.genre-sort a{
  color:grey;
  padding:2px 7px;
  margin:2px;
}


.pagination{
  position:relative;
  display:block;
  width:100px;
  margin:10px auto;
  background:#333;
  color:teal;
  border:solid 0px teal;
  border-radius:4px;
  padding:4px;
}
#all_movies{
     position:relative;
     display:inline-block;
     width:95%;
     left:2%;
     margin:2px;
     border-radius:4px;
     background: transparent;
     overflow:hidden;
   }
#movies_table{
     /* left:1%; */
		 /* width:98%; */
     top:10px;}
#movies_table td{
     height:27vw;
     width:27%;
 }
.movie-info{
  width:98%;
  margin:1%;
  padding-top:10px;
  height:97%;
  top:0px;
  border:solid 0px white;
  background:#0f0f0f;
}
.mimage{
    display:block;
  	top:1%;
  	border:groove #AE7628 1px;
  	height:17.5vw;
  	width:13.5vw;
    margin:3px auto;
  	border-radius:4px;
    box-shadow:0px 0px 10px 1px #333;
  }
.mimage:hover{
     transform: scale(1.02);
     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-family: 'Source Sans Pro', sans-serif;
 	font-size:13px;
  font-weight:bold;
  color:GREY;
	background:transparent;
  letter-spacing:0px;
	opacity:1;
}
.name{
   width:90%;
   display:block;
   margin:3px auto;
   /*height:8vw;*/
   left:0%;
   border:green 0px solid;
   /* background: #000; */
   text-align:center;
   white-space:inherit;
   overflow: hidden;
   line-height:1.2;
   padding:2px;
}

.movie_name{
     display:inline;
     font-size:14px;
     /* font-family: 'urw-din', sans-serif; */
     font-family: 'Sofia-Pro', sans-serif;
     /* font-weight:bold; */
     color:#c8c8c8;
     /* opacity:0.9; */
     /*word-wrap: break-word;*/
     margin-top:0px;
	   text-decoration:none}

.movie_name:hover{
    opacity:0.5;
    cursor:pointer;
}
.adult-info{
  font-size:12px;
  background: maroon;
  padding:0px 5px 2px 5px;
  border-radius: 3px;
  box-shadow: 0 0 6px 2px black;
  color:#a6a6a6;

}
.inline-cat{
  position:relative;
  font-family: 'Sofia-Pro', sans-serif;
  /* font-style:italic; */
  text-decoration:none;
  color:#1F98C3;
  /* padding:2px 8px; */
  line-height:0;
  font-size:11px;
  border:solid 0px teal;
  white-space: nowrap;
  background-color: #333;
  border-radius: 3px;
  padding:0px 5px 2px 5px;
  box-shadow: 0 0 2px 1px #333;
  margin-bottom: 2px;
}
.inline-cat:hover{
  /* color:grey; */
  box-shadow: 0 0 2px 1px #1F98C3;
}


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

.jump{
  color:grey;
  font-weight:bold;
  border:solid 2px #333;
  border-radius:9px;
  background:#171717;
  padding:3px 5px;
}
.jump:hover{
  border-color:grey;
  color:grey;
  font-weight:bolder;
  background:#171717;
}
.page_input{
  width:70px;
  font-weight:bold;
  border:solid 2px #333;
  border-radius:4px;
  background:black;
  color:grey;
  padding:3px 3px;
}
#npage{
  color:grey;
  font-size:15px;
  font-family:helvetica;
  font-weight:bold;
  padding:5px 5px;
  border:#333 solid 2px;
  border-radius:5px;
  background:#171717;}

#npage:hover{
  color:grey;
  border-color:grey;
}

a{text-decoration:none;color:#AE7628;}


/*...............................,.................,,,,,,,,,Recommandation starts,,,,,,,,,,,,,,,,,,,,,,,,,*/
#recommandation{
    position:relative;
    display:inline-block;
    border:0px solid yellow;
    top:5vw;
     margin:4vw 1%;
    left:2vw;
    width:45vw;
    margin-bottom:100px;
	  }
.tablediv{
  position:relative;
    display:block;
  width:100%;
  margin:3px auto;
  top:10px;
  border:solid 0px blue;
}
#rhtable{
  position:relative;
  left:0%;

}
#rhtable td{
  border:solid 0px grey;
  width:33%;
  overflow:hidden;
  height:200px;
}
.wholerec{
  top:0;
  border:groove #AE7628 4px;
  border-radius:9px;
  overflow:hidden;
  width:130px;
  height:180px;
  display:block;
  z-index:10;
  margin:0px auto;
}
.recimagediv{
  position:relative;
  width:100%;
  height:100%;
  border:solid yellow 0px;
  z-index:12;
}
.recimage{
  position:relative;
  width:100%;
  height:100%;
  opacity:1;
}
.wholerec:hover{
  border-color:#1F98C3;
}
.recimagediv:hover > .recimage{
  opacity:0.6;
  z-index:1;
}