.owl-item {
  margin-left: 10px;
}

.container {
  with: 100%;
}

html::-webkit-scrollbar {
  background-color: #ccc;

  width: 7px;
}

html::-webkit-scrollbar-thumb {
  background-color: #212121;
}

html::-webkit-scrollbar-thumb:hover {
  background-color: #262626;
}

html::-o-scrollbar {
  background-color: #ccc;

  width: 7px;
}

html::-o-scrollbar-thumb {
  background-color: #212121;
}

html::-o-scrollbar-thumb:hover {
  background-color: #262626;
}

body {
  margin: 0;

  padding: 0;

  font-family: "tahoma";

  background-color: #ffffff;
}

a:link,
a:hover,
a:visited {
  text-decoration: none;

  color: inherit;
}

.top-header {
  margin: 0;

  padding: 0;

  float: right;

  width: 100%;

  display: block;
}

.topnav {
  float: right;

  color: #5b5b5b;

  margin: 0;

  width: 71%;

  text-align: center;

  padding: 0;
}

.topnav a {
  color: #555555;

  display: inline-block;

  margin: 0 15px;

  padding: 40px 10px 35px 10px;

  font-family: "B yekan";
}

.topnav a:hover {
  background-color: #f26522;

  color: #ffffff;

  transition: 0.2s;
}

.topnav .icon {
  display: none;

  margin: 0 10px;
}

.navbar {
  padding: 0;

  clear: both;

  float: right;

  width: 87%;

  margin-right: 6%;

  border-bottom: #c9c9c9 solid 1px;

  margin-bottom: 10px;
}

.navbar .logo {
  float: right;

  font-family: "B nasim";

  margin: 16px;

  margin-left: 0;

  margin-right: 80px;

  font-size: 25px;

  color: #c86e32;

  text-shadow: 1px 1px 5px orange;
}

.navbar .logo span {
  color: gray;

  font-size: 14px;

  font-family: "tahoma";

  text-shadow: none;

  display: block;
}

.searching {
  margin: 20px 100px 30px 30px;

  float: right;
}

.searching input[type="text"] {
  padding: 14px 15px;

  width: 270px;

  border-radius: 5px;

  border: #b5b5b5 solid 1px;

  font-family: "tahoma";
}

.searching input[type="submit"] {
  padding: 15px 20px;

  background-color: #bfbfbf;

  border: none;

  border-radius: 4px;

  margin-left: 6px;

  height: 43px;

  float: right;
}

.searching input[type="submit"]:hover {
  background-color: #c8c7c7;
}

.searching .search-button {
  background-image: url("images/search-icon.png");

  background-repeat: no-repeat;

  background-position: center;
}

.searching input[type="text"]:hover {
  box-shadow: 0px 1px 9px 1px lightgray;
}

.coming-soon {
  margin: 20px 0px;

  border: #b5b5b5 solid 1px;

  color: #7f7f7f;

  height: auto;

  min-height: 28px;

  float: right;

  padding: 9px 15px;

  border-radius: 4px;

  font-family: "B yekan";

  text-align: right;

  font-size: 15px;

  width: 55%;
}

.coming-soon:hover {
  box-shadow: 0px 1px 9px 1px lightgray;
}

.coming-soon a {
  color: #aa1215;

  text-decoration: none;

  border-bottom: #b41619 dotted 1px;

  padding-bottom: 2px;
}

/* CT : Change design for slider title */
.slideshow-container {
  width: 100%;

  position: relative;

  float: right;

  /* min-height: 450px; */

  /* max-height: 600px; */
}

/* CT : End Change design for slider title */

.text2 {
  color: #f2f2f2;

  font-size: 15px;

  position: absolute;

  bottom: 0;

  width: 100%;

  text-align: center;
}

.slidinfo {
  float: right;

  margin: 230px 100px 0px 100px;

  padding-bottom: 20px;

  text-align: left;

  width: 50%;
}

.slidinfo .title {
  font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";

  font-size: 19px;

  color: white;

  font-weight: normal;

  float: left;

  width: auto;

  margin-bottom: 0px;
}

.slidinfo .title a:hover {
  color: #cb7123;

  text-shadow: 1px 1px 5px blue;
}

.slidinfo hr {
  float: right;

  width: 100%;
}

.slideabout {
  float: right;

  font-size: 15px;

  direction: ltr;

  width: 100%;

  text-align: right;

  margin-bottom: 5px;
}

.slideabout span {
  color: white;

  margin: 0 10px;
}

.slidecover {
  float: left;

  width: 320px;

  height: 450px;

  position: relative;

  top: 0;

  left: 130px;

  box-shadow: 1px 10px 20px 0 black;
}

.top-average {
  top: 100px;
}

.slidecover img {
  margin: 0;

  padding: 0;

  width: 320px;

  height: 450px;

  filter: none;
}

.slidecover:hover {
  box-shadow: 2px 10px 20px 0 #626262;
}

.slidinfo .the_info {
  float: right;

  color: white;

  font-size: 15px;

  margin-top: 10px;

  direction: rtl;

  width: 100%;
}

.fl-right {
  float: right !important;

  display: inline-block;

  margin-left: 70px;
}

.fl-bottom {
  direction: rtl;

  margin: 20px 0;

  display: block;

  float: left;
}

.slidefooter {
  background-color: rgba(99, 99, 99, 0.5);

  padding: 2px 3px;

  margin: 2px 4px;

  display: inline-block;

  float: left;

  color: white;

  font-size: 14px;

  font-family: "B yekan";

  border-radius: 5px;
}

.checked {
  color: orange;
}

.rate-star {
  float: left;

  color: white;

  font-size: 15px;

  margin-top: 20px;

  direction: ltr;
}

.kholase {
  width: 60%;

  float: right;

  text-align: right;

  margin: 30px 40px;

  font-family: "B yekan";
}

.kholase .toptext {
  display: block;

  color: #f26522;

  font-family: "tahoma";

  font-weight: bold;
}

.genre {
  width: 100%;

  margin: 55px 0;

  clear: both;

  float: right;

  position: relative;
}

.genre h2 {
  margin: 2px 70px;

  color: #a2a2a2;

  font-size: 26px;

  font-family: "B yekan";
}

.genre-icon {
  background-image: url(images/face-genre.png);

  width: 42px;

  height: 42px;

  float: right;

  margin: 0 5px;
}

.genres {
  margin: 10px 4%;

  height: 210px;

  display: inline-flex;

  width: 92%;
}

.genre-img {
  position: relative;

  width: auto;

  height: 200px;

  margin: 10px -7px;

  float: left;

  background-color: ;
}

.genre-img .image {
  opacity: 1;

  display: block;

  width: inherit;

  height: inherit;
}

.genre-img .middle {
  opacity: 1;

  position: absolute;

  text-align: right;

  top: 50%;

  right: 30px;

  color: #bcbcbc;
}

.genre-img .middle .title {
  color: #e9e9e9;

  font-size: 15px;

  font-weight: bold;

  margin-top: 50%;
}

.prev,
.next {
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  margin-top: 0px;
  padding: 0;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: all 0.3s ease;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.next {
  right: 10px;
}

.prev {
  left: 10px;
}

.prev:hover,
.next:hover {
  background-color: var(--primary-color);
  color: white;
  border-color: var(--primary-color);
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.prev:active,
.next:active {
  transform: translateY(-50%) scale(0.95);
}

.ads {
  background-color: #eaeaea;

  width: 100%;

  margin: 5px 0;

  float: right;

  display: block;

  padding: 40px 0;

  text-align: center;
}

.recent-movie {
  position: relative;

  margin: 60px 0 0 0;

  float: right;

  width: 100%;
}

.recent-movie h2 {
  color: #f26522;

  text-align: right;

  margin-right: 70px;

  font-size: 26px;

  font-family: "B yekan";

  display: inline-block;
}

.seeall {
  margin: 20px 30px;

  border: #b5b5b5 solid 1px;

  color: #7f7f7f;

  height: 22px;

  padding: 9px 15px;

  border-radius: 10px;

  font-family: "tahoma";

  text-align: right;

  font-size: 13px;

  display: inline-block;
}

.seeall:hover {
  box-shadow: -1px 2px 15px 0 #b5b5b5;

  border-radius: 8px;

  transition: 0.3s;
}

.movies {
  margin: 10px 5%;

  float: right;

  width: 90%;

  display: block;
}

.themovie {
  width: 260px;

  min-height: 550px;

  margin: 10px 0 10px 14px;

  display: inline-block;

  position: relative;

  float: right;
}

.themovie img {
  width: 260px;

  height: 390px;
}

.themovie span {
  float: left;
}

.themovie .image {
  opacity: 1;

  display: block;

  width: 100%;

  height: auto;

  transition: 0.5s ease;

  backface-visibility: hidden;
}

.themovie .middle {
  transition: 0.5s ease;

  opacity: 0;

  position: absolute;

  top: 35%;

  left: 35%;
}

.themovie .text {
  color: white;

  font-size: 16px;

  text-align: center;
}

.themovie .text span {
  border-top: white solid 1px;
}

.themovie:hover .image {
  opacity: 0.8;
}

.themovie:hover .middle {
  opacity: 1;
}

.themovie .title {
  font-family: "tahoma";

  font-size: 17px;

  font-weight: bold;

  direction: ltr;

  text-align: left;

  clear: both;

  margin-top: 7px;
}

.themovie .title a {
  color: inherit;
}

.themovie .title a:hover {
  color: #e40a5b;
}

.themovie .category {
  color: gray;

  clear: both;

  margin: 4px 2px 10px 0;

  font-size: 14px;
}

.themovie .other {
  clear: both;

  display: block;

  width: 200px;

  float: left;
}

.themovie .other span {
  background-color: #7f7f7f;

  color: floralwhite;

  font-size: 13px;

  margin: 1px;

  border-radius: 4px;

  padding: 5px;

  direction: ltr;
}

.best-movie {
  background-color: #000000;

  width: 100%;

  margin: 40px 0 0 0;

  clear: both;

  float: right;

  height: 340px;

  position: relative;
}

.best-movie img {
  float: left;

  width: 70%;

  height: 340px;

  position: relative;
}

.best-movie .best-info {
  position: absolute;

  float: right;

  color: white;

  margin: 165px 10% auto 5px;
}

.best-movie .best-info .title {
  color: #f26522;

  font-family: "tahoma";

  font-size: 19px;
}

.best-movie .best-info .title a {
  color: inherit;
}

.best-movie .best-info span {
  color: #737373;

  font-size: 14px;
}

.best-movie .best-info .tag {
  background-color: #1a1a1a;

  padding: 14px 35px;

  margin: 20px 0;

  border-radius: 10px;

  font-size: 16px;

  font-family: "B yekan";
}

.best-movie .best-info a {
  color: white;
}

.best-movie .best-info .tag:hover {
  background-color: #d5743a;
}

.back-blue {
  background-color: #5ac6e8;

  color: #f0f0f0;
}

.color-blue {
  color: #5ac6e8 !important;
}

/* best movie imdb */

.best-imdb {
  margin: 40px 2%;

  float: right;

  width: 96%;
}

.best-imdb .title {
  margin-right: 50px;

  clear: both;

  display: block;
}

.best-imdb .title h2 {
  color: #995ae8;

  font-size: 26px;

  font-family: "B yekan";

  text-align: right;

  display: inline-block;
}

.best-imdb .movies {
  margin: 35px 5%;

  float: right;
}

.best-imdb .the_movie {
  position: relative;

  float: right;

  width: 260px;

  height: 390px;

  margin: 1px;
}

.overlay {
  position: absolute;

  float: left;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  height: 390px;

  width: 260px;

  opacity: 0;

  transition: 0.5s ease;

  background-color: rgba(68, 18, 132, 0.5);
}

.best-imdb .the_movie .info {
  max-width: 250px;

  direction: rtl;

  float: right;

  color: white;

  font-size: 20px;

  position: absolute;

  top: 75%;

  width: 100%;

  left: 50%;

  transform: translate(-50%, -50%);

  margin: 0;
}

.best-imdb .the_movie:hover .overlay {
  opacity: 1;
}

.best-imdb .the_movie .other {
  clear: both;

  display: block;

  position: absolute;

  top: 85%;

  left: 5%;

  direction: ltr;

  float: left;
}

.best-imdb .the_movie .other span {
  background-color: rgba(127, 127, 127, 0.7);

  color: floralwhite;

  font-size: 13px;

  margin: 2px;

  border-radius: 4px;

  padding: 5px;

  float: left;
}

.inpan {
  color: #d0d0d0;

  font-size: 13px;
}

.best-movie3 {
  background-color: #000000;

  width: 100%;

  margin: 0px 0 0 0;

  clear: both;

  float: right;

  height: 340px;
}

.best-movie3 img {
  float: left;

  width: 100%;

  height: 340px;

  position: absolute;
}

.best-movie3 .best-info {
  float: left;

  color: white;

  margin: 165px 10% auto 5px;

  position: absolute;

  left: 8%;
}

.best-movie3 .best-info .title {
  color: #8e5542;

  font-family: "tahoma";

  font-size: 19px;
}

.best-movie3 .best-info .title a {
  color: inherit;
}

.best-movie3 .best-info .title a:hover {
  color: #865d4f;
}

.best-movie3 .best-info span {
  color: #737373;

  font-size: 14px;
}

.best-movie3 .best-info .tag {
  background-color: #1a1a1a;

  padding: 14px 35px;

  margin: 20px 0;

  border-radius: 10px;

  font-size: 16px;

  font-family: "B yekan";
}

.best-movie3 .best-info a {
  color: white;
}

.best-movie3 .best-info .tag:hover {
  background-color: #d5743a;
}

.actorbio {
  width: 100%;

  margin: 40px 0;

  float: right;

  height: auto;
}

.actorbio h2 {
  clear: both;

  display: block;

  color: #f26522;

  font-size: 27px;

  font-family: "B yekan";

  float: right;

  margin: 15px 5%;
}

.actor-icon {
  background-image: url(images/actor-icon.png);

  width: 50px;

  height: 62px;

  float: right;

  margin: 0 10px;
}

.actorsimg {
  clear: both;

  float: right;

  margin: 25px 10% 25px 5%;

  padding-bottom: 15px;

  border-bottom: #b4b4b4 solid 1px;
}

.actorsimg img {
  opacity: 0.6;

  margin: 2px;
}

.actorsimg img:hover {
  background-color: #f09b3d;

  opacity: 0.8;

  border: #eb7e1f solid 1px;

  border-radius: 50%;
}

.thebio {
  clear: both;

  float: right;

  width: 90%;

  margin: 10px 5%;

  display: none;
}

.thebio .large-img {
  display: inline-block;

  float: right;
}

.thebio .text {
  display: inline-block;

  float: right;

  position: absolute;
}

.thebio .text h3 {
  color: #f4824c;

  font-size: 20px;

  font-family: "B roya";

  margin: 20px 40px;
}

.thebio .text .p {
  margin: auto 60px;

  padding: 5px;

  font-family: "tahoma";

  font-size: 14px;

  line-height: 25px;
}

.thebio .text .p a:link,
.thebio .text .p a:visited {
  color: #f26522;

  font-size: 13px;
}

.thebio .text .p a:hover {
  color: #e56c32;

  font-size: 13.2px;
}

.footer {
  background-image: url("images/footer-bg.jpg");

  background-repeat: no-repeat;

  width: 100%;

  min-height: 555px;

  background-size: cover;

  float: right;

  display: block;

  padding-bottom: 10px;
}

.footerpart {
  border-left: rgba(102, 102, 102, 0.4) solid 1px;

  width: 30%;

  margin-top: 25px;

  display: inline-flex;
}

.footer-cntnt {
  padding: 0 15% 0 5%;

  width: 100%;
}

.footer-cntnt .title {
  color: #ea6323;

  font-size: 20px;

  font-family: "B yekan";
}

.footer-cntnt .ftlink {
  color: #bababa;

  width: 70%;

  padding: 5px 20px;

  margin: 20px 5px;
}

.footer-cntnt .ftlink span {
  font-family: "tahoma";

  font-size: 13px;

  color: #7b7a79;
}

.footer-cntnt .ftlink:hover {
  background-color: #484848;

  color: #ea6323;

  border-radius: 15px 5px 15px 5px;
}

.footer-cntnt ul {
  list-style: none;

  color: #7b7a79;

  margin: 5px 0;

  padding: 0;

  width: 80%;
}

.footer-cntnt ul li {
  margin: 10px 0;

  padding: 5px 20px;
}

.footer-cntnt ul li:hover {
  background-color: #484848;

  color: #ea6323;

  border-radius: 11px 5px 11px 5px;
}

.footer-cntnt ul li a {
  color: inherit;
}

.footer-cntnt .seemore {
  color: #7b7a79;

  float: left;

  font-size: 13px;
}

.footer-cntnt .seemore:hover {
  color: #e4e4e4;
}

.noborder {
  border: none;
}

.width100 {
  width: 37%;
}

.footer .the-trailer {
  width: 100%;

  margin: 5px 2px;

  min-height: 45px;

  float: left;
}

.the-trailer-block {
  float: right;

  width: 100%;

  margin-bottom: 7px;
}

.footer .the-trailer-block .the-image {
  width: 140px;

  height: 75px;

  float: left;

  border-radius: 3px;
}

.footer .the-trailer-block .the-image img {
  border-radius: 4px;
}

.footer .the-trailer-block .info {
  float: left;

  width: 60%;

  direction: ltr;
}

.footer .the-trailer-block .info a {
  color: inherit;

  text-decoration: none;
}

.footer .the-trailer-block .info a:hover {
  color: #c86537;
}

.footer .the-trailer-block .info .title {
  margin: 10px 10px 5px 10px;

  font-family: "tahoma";

  font-size: 17px;

  color: #ea6323;

  float: left;
}

.footer .other {
  width: 100%;

  float: left;

  margin-left: 15px;
}

.footer .other span {
  background-color: rgba(44, 42, 42, 0.58);

  color: #949291;

  font-size: 12px;

  margin: 1px;

  border-radius: 4px;

  padding: 4px;

  direction: ltr;
}

.footer .the-image {
  position: relative;
}

.the-image .image {
  opacity: 1;

  display: block;

  width: 100%;

  height: auto;

  transition: 0.5s ease;

  backface-visibility: hidden;
}

.the-image .middle {
  transition: 0.5s ease;

  opacity: 0;

  position: absolute;

  top: 35%;

  left: 42%;
}

.the-image .text {
  color: #a4a4a4;

  font-size: 10px;

  text-align: center;
}

.the-image:hover .image {
  opacity: 0.5;
}

.the-image:hover .middle {
  opacity: 1;
}

.footerlink {
  width: 100%;

  clear: both;

  margin: 0;

  float: right;
}

.footerlink .right {
  float: right;

  text-align: right;

  color: #666666;

  margin: 30px 1.5%;

  font-family: "B yekan";
}

.footerlink .right a {
  color: inherit;
}

.footerlink .right ul {
  margin: 0px 30px;

  padding: 0;

  list-style: none;
}

.footerlink .right ul li {
  display: inline-block;

  margin: 0 10px;

  padding: 15px;
}

.footerlink .right ul li:hover {
  background-color: #feefe8;

  border-radius: 50%;

  color: #f47b42;
}

.footerlink .left {
  float: left;

  margin: 45px 20px;

  direction: ltr;

  text-align: left;

  padding-left: 30px;

  font-weight: bold;

  font-size: 14px;

  color: #2c2c2c;
}

.footerlink .left a {
  color: #f47b42;
}

.footerlink .left a:hover {
  color: #e17847;
}

.main {
  width: 100%;

  display: block;

  clear: both;

  margin: 30px 0;

  float: right;
}

.main .downloadbox {
  float: right;

  text-align: left;

  margin: 30px 50px;

  width: 90%;
}

.main .downloadbox .titr {
  color: #f26522;

  font-size: 20px;

  font-family: "B yekan";

  text-align: right;
}

.main .downloadbox .links {
  margin: 20px 0px;

  float: right;

  width: 47%;
}

.main .downloadbox .links .row {
  display: block;

  float: left;

  margin: 4px;
}

.main .downloadbox .links .row div:first-child {
  width: 180px;

  text-align: left;
}

.main .downloadbox .links .row div:first-child:hover {
  background-color: white;
}

.main .downloadbox .links .row div {
  text-align: center;

  float: left;

  min-width: 140px;

  padding: 10px 4px;

  display: inline-block;

  direction: ltr;
}

.main .downloadbox .links .row div a {
  font-size: 13px;
}

.main .downloadbox .links .row div:hover {
  background-color: #ffde00;

  border-radius: 7px;
}

.main .downloadbox .links .row .r-border {
  border-right: #d6bdf6 solid 1px;
}

.main .downloadbox .links .row .r-border:hover {
  border: none;
}

.main .downloadbox .links .pass {
  margin: 20px;

  display: block;

  float: right;

  clear: both;

  text-align: right;
}

.main .downloadbox .links .pass div {
  display: inline;

  width: 50px;

  float: right;

  font-family: "IRANSansWeb";

  font-size: 14px;
}

.main .downloadbox .links .pass div:last-child {
  color: #f26522;

  font-size: 13px;
}

.main .downloadbox .video {
  float: left;

  width: auto;

  text-align: left;

  direction: ltr;
}

.main .downloadbox .video video {
  border-radius: 15px;

  width: 450px;
}

.main .downloadbox .trailer-video {
  width: auto;

  text-align: right;

  direction: rtl;
}

.main .downloadbox .trailer-video video {
  border-radius: 15px;

  width: auto;

  float: none;

  margin: 20px auto;

  display: inherit;
}

#comments {
  background-color: #e4e4e4;

  width: 100%;

  height: auto;

  float: right;

  margin: 0;
}

#comments .title {
  color: #f26522;

  margin: 20px 6%;

  font-size: 27px;

  font-family: "B yekan";
}

#comments .cm-fields {
  float: right;

  margin: 20px 6% 50px 6%;

  width: 90%;
}

#comments .cm-fields input[type="text"],
#comments .cm-fields input[type="email"],
#comments .cm-fields input[type="url"] {
  padding: 10px 15px;

  width: 28%;

  margin: 2px;

  background-color: #f8f8f8;

  border: none;

  border-radius: 3px;

  font-family: "B yekan";

  color: #595959;
}

#comments .cm-fields textarea {
  padding: 10px 15px;

  width: 91%;

  min-height: 200px;

  margin: 6px 2px;

  background-color: #f8f8f8;

  border: none;

  border-radius: 3px;

  font-family: "B yekan";

  color: #595959;
}

#comments .cm-fields input[type="submit"] {
  padding: 10px 15px;

  width: 93.4%;

  border: none;

  border-radius: 3px;

  text-align: center;

  background-color: #f8f8f8;

  font-size: 15px;

  font-family: IRANSansWeb;

  color: #595959;
}

#comments .cm-fields input[type="submit"]:hover {
  background-color: #eb7e1f;

  color: #ffffff;

  transition: 0.3s;

  cursor: pointer;
}

#comments .user-comments {
  background-color: #fbfbfb;

  width: 84%;

  float: right;

  margin: 20px 6%;

  padding: 20px 0;

  font-family: "B yekan";
}

#comments .user-comments {
  float: right;
}

#comments .user-comments hr {
  background-color: #e6e6e6;

  width: 95%;

  float: right;
}

#comments .user-comments .the-comment {
  margin: 10px 0;

  float: right;

  width: 100%;
}

#comments .user-comments .first-name {
  background-color: #777777;

  color: #f7f7f7;

  padding: 10px;

  border-radius: 4px 0 0 4px;

  text-align: center;

  display: inline;

  float: right;

  font-family: "tahoma";
}

#comments .user-comments .the-comment .text {
  width: 90%;

  margin: 0 25px;

  float: right;

  display: inline-block;
}

#comments .user-comments .the-comment .answer {
  background-color: #e4e4e4;

  width: 70px;

  padding: 5px 7px;

  float: left;

  text-align: center;

  margin: 0 5%;

  display: inline;
}

#comments .user-comments .the-comment .answer:hover {
  background-color: #f26522;

  color: white;

  transition: 0.3s;
}

#comments .user-comments .reply {
  margin: 10px 0;

  float: right;
}

#comments .user-comments .reply .first-name {
  background-color: #9b9b9b;

  color: #f7f7f7;

  padding: 10px 40px 10px 10px;

  border-radius: 4px 0 0 4px;

  text-align: center;

  display: inline;

  float: right;

  font-family: "tahoma";
}

#comments .user-comments .reply .text {
  width: 87%;

  margin: 0 35px;

  float: right;

  display: inline-block;
}

.suggest-video {
  width: 100%;

  background-color: #e4e4e4;

  display: block;

  float: right;

  margin: 30px 0 10px 0;

  position: relative;
}

.suggest-video .title {
  float: right;

  color: #f26522;

  font-family: "B yekan";

  margin: 40px 6% 20px 20px;

  font-size: 25px;
}

.suggest {
  margin: 10px 5%;

  float: right;

  width: 90%;

  display: block;
}

.thesuggest {
  width: 260px;

  min-height: 250px;

  margin: 10px 0 10px 0;

  display: inline-block;

  position: relative;
}

.thesuggest img {
  width: 250px;

  height: 230px;

  border-radius: 7px;
}

.thesuggest span {
  float: left;
}

.thesuggest .image {
  opacity: 1;

  display: block;

  width: 250px;

  height: 230px;

  transition: 0.5s ease;

  backface-visibility: hidden;
}

.thesuggest .middle {
  transition: 0.5s ease;

  opacity: 0;

  position: absolute;

  top: 30%;

  left: 40%;
}

.thesuggest .text {
  color: white;

  font-size: 16px;

  text-align: center;
}

.thesuggest:hover .image {
  opacity: 0.8;
}

.thesuggest:hover .middle {
  opacity: 1;
}

.thesuggest .title {
  font-family: "tahoma";

  width: 90%;

  font-size: 15px;

  direction: ltr;

  text-align: left;

  clear: both;

  margin-top: 7px;

  margin-bottom: 5px;
}

.thesuggest .title a {
  color: inherit;
}

.thesuggest .title a:hover {
  color: #e40a5b;
}

.thesuggest .category {
  color: gray;

  clear: both;

  margin: 0px 2px 5px 0;

  font-size: 13px;
}

#myBtn {
  display: none;

  position: fixed;

  bottom: 20px;

  right: 10px;

  z-index: 99;

  border: none;

  outline: none;

  background-color: #725657;

  color: white;

  cursor: pointer;

  padding: 12px;

  border-radius: 10px;
}

#myBtn:hover {
  background-color: #555;
}