/* Initial Data */
@import url("init.css");

/* Responsive */
@import url("responsive.css");

/* Navbar */
.at-nav {
  background: var(--at-color-blue);
}

.at-nav .navbar-nav .nav-link {
  color: var(--at-color-white) !important;
  font: var(--at-font-med-a-size-reg);
  margin-right: 12px !important;
  margin-left: 12px !important;
  padding: calc(66px - 51px) 8px;
  border-bottom: 3px solid transparent;
  transition: all 0.3s;
}

.at-nav .navbar-nav .nav-link.sign-up {
  font: var(--at-font-tiny-size-reg);
  border: 1px solid var(--at-color-white);
  border-radius: 40px;
  padding: 9px 54px;
  margin-top: 9px;
}

.at-nav .navbar-nav .nav-link.sign-up:hover {
  font: var(--at-font-tiny-size-reg) !important;
  border: 1px solid var(--at-color-yellow) !important;
}

.at-nav .navbar-nav .nav-link.show-profile img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  margin-right: 5px;
}

.at-nav .navbar-nav .nav-link:hover {
  font: var(--at-font-med-a-size-reg) !important;
}

.at-nav .navbar-nav .active>.nav-link,
.at-nav .navbar-nav .nav-link:hover {
  color: var(--at-color-yellow) !important;
  font: var(--at-font-med-a-size-med);
  border-bottom: 3px solid var(--at-color-yellow);
}

/* Slider */
.highlights .h-item {
  height: 700px;
  width: 100%;
  display: flex;
  direction: ltr;
  background-position: center;
  background-size: cover;
}

.highlights .h-item .frame {
  margin: 38px;
  width: 100%;
  border: 1px solid var(--at-color-yellow);
  padding: 67px 100px;
}

.highlights .h-item .frame .row {
  height: 100%;
}

.highlights .h-item .frame .item-info span {
  font: var(--at-font-big-size-med);
  color: var(--at-color-white);
}

.highlights .h-item .frame .item-info h1 {
  font: var(--at-font-big-x2-size-med);
  color: var(--at-color-yellow);
  line-height: 1.2;
  margin-bottom: 27px;
}

.highlights .h-item .frame .item-info p {
  font: var(--at-font-med-b-size-reg);
  color: var(--at-color-white);
  margin-bottom: 40px;
}

.highlights .h-item .frame .item-info a {
  padding: 16px 88px;
  font: var(--at-font-small-size-semi-bold);
  text-decoration: none;
  outline: unset;
  border-radius: 40px;
  color: var(--at-color-white);
  border: 3px solid var(--at-color-yellow);
  display: inline-block;
  transition: all 0.3s;
}

.highlights .h-item .frame .item-info a:hover {
  background: var(--at-color-yellow);
  color: var(--at-color-gray);
}

.slick-dotted.slick-slider {
  margin-bottom: 0 !important;
}

.slick-dots {
  bottom: 7px !important;
}

.slick-dots li {
  margin-left: 0 !important;
}

.slick-dots li button {
  background: var(--at-color-gray) !important;
  margin-left: -5px !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 15px;
}

.slick-dots li.slick-active button {
  background: var(--at-color-yellow) !important;
}

.slick-dots li button:before {
  content: unset !important;
}

/* Brief Boxes */
.brief-info {
  margin: 50px 0;
  padding: 38px 25px;
  background: var(--at-color-white);
}

.box {
  background: var(--at-color-white);
  width: 100%;
  box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.06);
  border-radius: 33px;
  position: relative;
  display: flow-root;
}

.box h3 {
  box-shadow: 0 2px 50px 0 rgb(0 0 0 / 16%);
  background: url(../img/pattern.png) var(--at-color-blue);
  background-size: cover;
  text-align: center;
  font: var(--at-font-small-size-semi-bold);
  height: 105px;
  border-radius: 33px;
  color: var(--at-color-white);
  padding-top: 25px;
  position: relative;
  z-index: 9;
}

.box img.pattern {
  position: absolute;
  width: 165px;
  top: 30px;
  display: table;
  right: 50%;
  transform: translateX(50%);
}

.box img.pp {
  margin: -47px auto 0;
  display: table;
  position: relative;
  z-index: 9;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  box-shadow: 0 4px 20px 0 rgb(0 0 0 / 16%);
  width: 70px;
  height: 70px;
}

.box .content {
  text-align: center;
  position: relative;
  z-index: 9;
  margin: 55px 0;
}

.box .content h1 {
  font: var(--at-font-large-b-size-semi-bold);
  color: var(--at-color-gray);
}

.box .content p {
  color: var(--at-color-blue);
  font: var(--at-font-med-a-size-med);
}

/* Posters */
.main-content .movies-series-block {
  background: var(--at-color-white);
  margin-bottom: 50px;
}

.main-content .movies-series-block .head {
  padding: 30px 30px 0 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
}

.main-content .movies-series-block .head h3 {
  font: var(--at-font-med-b-size-med);
  color: var(--at-color-titles-gray);
}

.main-content .movies-series-block .head a {
  font: var(--at-font-tiny-size-med);
  color: var(--at-color-titles-gray);
}

.posters {
  padding: 0 15px 50px;
  position: relative;
  overflow: hidden;
}

.posters .hover-layer {
  position: absolute;
  left: 0;
  /* top: -50px; */
  width: 89%;
  border-radius: 20px;
  height: calc(100% - 109px);
  margin: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.745);
  opacity: 0;
  transition: all 0.3s;
}

.home-page .posters .hover-layer {
  width: 85.5%;
}

.home-page .posters .hover-layer section {
  transform: scale(0.8);
}

.posters .single-poster:hover .hover-layer {
  opacity: 1;
  /* top: 0; */
}

.posters .hover-layer h3 {
  color: var(--at-color-white) !important;
  font: var(--at-font-med-a-size-med);
}

.posters .hover-layer span {
  padding: 8px;
  display: block;
  text-align: center;
  color: var(--at-color-white);
  border: 1px solid var(--at-color-white);
  border-radius: 15px;
  margin-top: 20px;
  font: var(--at-font-tiny-size-med);
}

.posters .hover-layer .rate {
  margin-top: 20px;
}

.posters .hover-layer .rate i {
  color: var(--at-color-yellow);
}

.posters .hover-layer ul {
  padding: 0;
  margin-top: 20px;
  list-style: none;
}

.posters .hover-layer ul li {
  color: var(--at-color-white);
  font: var(--at-font-small-size-med);
}

.posters .single-poster {
  text-decoration: none;
  text-align: center;
}

.posters .single-poster img {
  width: 100%;
}

.posters .single-poster .single-tag {
  font: var(--at-font-tiny-size-med);
  color: var(--at-color-titles-gray);
  margin-top: 14px;
}

.posters .single-poster .tags {
  margin-top: 13px;
  margin-bottom: 10px;
}

.posters .single-poster .tags span {
  color: var(--at-color-white);
  font: var(--at-font-micro-size-med);
  padding: 1px 13px;
  border-radius: 15px;
  background: var(--at-color-gray);
}

.posters .single-poster .tags span:first-child {
  background: var(--at-color-blue);
}

.posters .single-poster .tags span:nth-child(3) {
  background: var(--at-color-yellow);
  color: var(--at-color-gray);
}

.posters .single-poster h1,
.posters .single-poster h3 {
  color: var(--at-color-gray);
  font: var(--at-font-med-a-size-semi-bold);
  margin: 17px 0 0;
  line-height: 1;
}

.main-content .movies-series-block .cat-tabs {
  margin: 0 15px 35px;
}

.main-content .movies-series-block .cat-tabs .nav-link {
  font: var(--at-font-med-a-size-med);
  color: var(--at-color-light-gray);
  border-color: transparent;
}

.main-content .movies-series-block .cat-tabs .nav-link.active {
  color: var(--at-color-blue);
  border-color: transparent transparent var(--at-color-blue) transparent;
  border-width: 2px;
}

/* Comments */
.comments {
  padding: 0 50px 40px;
}

.comments .single-comment {
  display: flex;
  text-align: left;
  position: relative;
  background: var(--at-color-block-bg);
  padding: 25px;
  border-radius: 35px;
  margin-bottom: 35px;
}

.comments .single-comment img {
  border-radius: 50%;
  width: 60px;
  margin-right: 25px;
  height: 60px;
}

.comments .single-comment .date {
  position: absolute;
  right: 30px;
  top: 18px;
  color: var(--at-color-paragraph-gray);
  font: var(--at-font-micro-size-med);
}

.comments .single-comment .meta {
  position: absolute;
  right: 20px;
  bottom: 17px;
  display: flex;
  color: #e0e0e0;
}

.comments .single-comment .meta a {
  color: var(--at-color-blue);
  font: var(--at-font-micro-size-semi-bold);
  margin-left: 10px;
  text-decoration: underline;
}

.comments .single-comment .meta .like-btn {
  margin-right: 10px;
  color: var(--at-color-paragraph-gray);
  font: var(--at-font-micro-size-semi-bold);
}

.comments .single-comment .meta .like-btn .like {
  font-size: 18px;
  cursor: pointer;
  position: relative;
  top: 2px;
  left: -1px;
}

.comments .single-comment .meta .like-btn .like.clicked {
  color: tomato;
}

.comments .single-comment .comment-body h3 {
  font: var(--at-font-med-b-size-semi-bold);
  color: var(--at-color-gray);
}

.comments .single-comment .comment-body p {
  font: var(--at-font-micro-size-med);
  color: var(--at-color-paragraph-gray);
  margin-bottom: 27px;
}

/* Footer */
footer {
  padding: 40px;
  background: #414141;
}

footer .about-site {
  text-align: left;
}

footer .about-site img {
  min-width: 66px;
  max-width: 100px;
  max-height: 100px;
  margin-bottom: 30px;
}

footer .about-site h1 {
  font: var(--at-font-tiny-size-semi-bold);
  color: var(--at-color-white);
}

footer .about-site h1 span {
  font: var(--at-font-micro-size-med);
}

footer .copywright {
  text-align: center;
  margin-top: 25px;
  color: var(--at-color-white);
  font: var(--at-font-tiny-size-reg);
}

footer .menu {
  text-align: left;
}

footer .menu h3 {
  font: var(--at-font-med-b-size-semi-bold);
  color: var(--at-color-blue);
}

footer .menu ul {
  padding: 0;
  list-style: none;
}

footer .menu ul li {
  margin-bottom: 5px;
}

footer .menu ul li a {
  color: var(--at-color-white);
  font: var(--at-font-tiny-size-reg);
}

footer .menu form {
  position: relative;
  height: 53px;
}

footer .menu form input {
  width: 100%;
  height: 100%;
  background: none;
  border: 1px solid var(--at-color-white);
  font: var(--at-font-micro-size-reg);
  padding-left: 10px;
  padding-right: 42px;
  color: var(--at-color-white);
}

footer .menu form input::placeholder {
  color: var(--at-color-white);
}

footer .menu form button {
  position: absolute;
  right: 0;
  color: var(--at-color-blue);
  height: 100%;
  font-size: 22px;
  width: 42px;
  border: none;
  background: var(--at-color-white);
}

/* Side Bar */
.sidebar-block {
  background: var(--at-color-white);
  margin-bottom: 40px;
}

.sidebar-block .head {
  padding: 16px 20px 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 13px;
}

.sidebar-block .head h3 {
  font: var(--at-font-med-b-size-med);
  color: var(--at-color-titles-gray);
}

.sidebar-block .head a {
  font: var(--at-font-tiny-size-med);
  color: var(--at-color-titles-gray);
}

.sidebar-block .cover {
  height: 210px;
  background-size: cover;
  background-position: center;
  position: relative;
}

.sidebar-block .cover .index {
  position: absolute;
  top: 0;
  left: 0;
  background: var(--at-color-blue);
  color: var(--at-color-white);
  padding: 5px 13px;
  font: var(--at-font-large-a-size-semi-bold);
}

.sidebar-block .cover .content {
  display: flex;
  text-align: right;
  align-items: center;
  position: absolute;
  bottom: 24px;
  right: 20px;
}

.sidebar-block .cover .content .poster {
  max-width: 55px;
  max-height: 80px;
  margin-left: 14px;
  border: 1px solid var(--at-color-blue);
  border-radius: 6px;
}

.sidebar-block .cover .content .text {
  color: var(--at-color-white);
  display: grid;
}

.sidebar-block .cover .content .text h4 {
  font: var(--at-font-med-b-size-semi-bold);
  margin-bottom: 3px;
  text-shadow: 0 0 8px #000;
  line-height: 1;
}

.sidebar-block .cover .content .text span {
  font: var(--at-font-small-size-reg);
}

.sidebar-block .cover .content .text .rate {
  color: var(--at-color-yellow);
  display: inline-block;
}

.sidebar-block .soon-posters {
  padding: 35px 15px;
  text-align: left;
}

.sidebar-block .soon-posters .s-poster {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  text-decoration: none;
}

.sidebar-block .soon-posters .s-poster:last-of-type {
  margin-bottom: 0;
}

.sidebar-block .soon-posters .s-poster .poster {
  max-width: 80px;
  max-height: 109px;
  margin-right: 18px;
}

.sidebar-block .soon-posters .s-poster .text h4 {
  font: var(--at-font-med-b-size-semi-bold);
  color: var(--at-color-gray);
  margin-bottom: 3px;
  line-height: 1;
}

.sidebar-block .soon-posters .s-poster .text span {
  font: var(--at-font-small-size-reg);
  color: var(--at-color-titles-gray);
}

.sidebar-block .data {
  padding: 15px;
  max-height: 800px;
  overflow: auto;
}

.sidebar-block .data::-webkit-scrollbar {
  width: 5px;
}

.sidebar-block .data::-webkit-scrollbar-track {
  background: #e7e7e7;
  width: 5px;
}

.sidebar-block .data::-webkit-scrollbar-thumb {
  background: var(--at-color-blue);
  border-radius: 50px;
}

.sidebar-block .data .box {
  box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.06);
  margin-bottom: 30px;
}

.sidebar-block .data .box h3 {
  height: 55px;
  padding: 3px;
}

.sidebar-block .data .box img.pp {
  width: 55px;
  height: 55px;
  margin: -28px auto 0;
}

.sidebar-block .data .box img.pattern {
  width: 125px;
  top: 0px;
}

.sidebar-block .data .box .content {
  margin: 20px 0 13px;
}

/* Welcome Message */
.welcome-message {
  position: fixed;
  z-index: 99;
  right: 30px;
  bottom: 90px;
  padding: 20px;
  border-radius: 23px;
  background: var(--at-color-yellow);
  display: flex;
  align-items: center;
}

.welcome-message .exit {
  position: absolute;
  font-size: 13px;
  right: 15px;
  top: 15px;
  color: var(--at-color-blue);
  border: 2px solid var(--at-color-blue);
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
}

.welcome-message img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0px 4px 20px #00000029;
}

.welcome-message .messages {
  margin-right: 25px;
}

.welcome-message .messages span {
  display: block;
  font: var(--at-font-small-size-semi-bold);
  padding: 7px 10px;
  border-radius: 11px;
  text-align: center;
  position: relative;
}

.welcome-message .messages span::before {
  content: "";
  border: 7px solid;
  position: absolute;
  border-right: 18px solid;
  right: -21px;
  top: 15px;
}

.welcome-message .messages span:first-of-type {
  background: var(--at-color-white);
  color: var(--at-color-blue);
}

.welcome-message .messages span:first-of-type::before {
  border-right-color: var(--at-color-white) !important;
  border-color: transparent;
  transform: rotate(204deg);
  top: 25px;
}

.welcome-message .messages span:nth-of-type(2) {
  margin-top: 20px;
  background: var(--at-color-blue);
  color: var(--at-color-white);
}

.welcome-message .messages span:nth-of-type(2)::before {
  border-right-color: var(--at-color-blue) !important;
  border-color: transparent;
  transform: rotate(-204deg);
  top: 5px;
}

/* ------------------ */
/* Series Page ------ */
/* ------------------ */
.noUi-target.noUi-ltr.noUi-horizontal.noUi-txt-dir-ltr {
  direction: rtl;
}

.series .posters .single-poster {
  display: block;
}

.search {
  margin-top: 60px;
}

.search form {
  width: 100%;
  position: relative;
}

.search form input {
  width: 100%;
  border: none;
  height: 64px;
  font: var(--at-font-med-a-size-semi-bold);
  border-radius: 19px;
  padding: 24px;
  padding-right: 70px;
  color: var(--at-color-gray);
  outline: unset !important;
}

.search form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
  color: var(--at-color-blue);
  border: none;
  background: unset;
  font-size: 23px;
}

.search form input::placeholder {
  color: #adbdbf;
}

.series .posters {
  padding: 56px;
  background: var(--at-color-white);
  margin-top: 67px;
  margin-bottom: 100px;
}

.search-filters {
  display: flex;
  margin-top: 32px;
}

.search-filters .title {
  color: var(--at-color-titles-gray);
  font: var(--at-font-med-a-size-semi-bold);
  position: relative;
  top: 8px;
  margin-right: 40px;
}

.search-filters .filter-tabs .nav-pills {
  padding: 0;
}

.search-filters .filter-tabs .nav-pills .nav-link {
  font: var(--at-font-small-size-med);
  padding: 10px 18px;
  border-radius: 17px;
  background: var(--at-color-white);
  color: var(--at-color-blue);
  margin-left: 15px;
}

.search-filters .filter-tabs .nav-pills .nav-link.active {
  background: var(--at-color-blue);
  color: var(--at-color-white);
}

.search-filters .filter-tabs .nav-pills .nav-link i {
  margin-left: 20px;
  font-size: 18px;
  position: relative;
  top: 1px;
}

.search-filters .filter-tabs form {
  margin-top: 30px;
}

.search-filters .filter-tabs form input:not([type="checkbox"]),
.search-filters .filter-tabs form select {
  width: 100%;
  min-height: 45px;
  border-radius: 10px;
  font: var(--at-font-small-size-med);
  color: var(--at-color-blue);
  padding: 0 10px;
  border: unset;
}

.search-filters .filter-tabs form select option {
  font: var(--at-font-small-size-med);
}

.search-filters .filter-tabs form input {
  padding: 0 25px;
}

.search-filters .filter-tabs form input::placeholder {
  color: var(--at-color-blue);
}

.search-filters .filter-tabs form button {
  width: 100%;
  height: 45px;
  border: unset;
  border-radius: 10px;
  background: var(--at-color-blue);
  color: var(--at-color-white);
}

.search-filters .filter-tabs form .single-section label {
  font: var(--at-font-small-size-semi-bold);
  color: var(--at-color-gray);
}

.search-filters .filter-tabs form .noUi-connect {
  background: #5643a5;
}

.search-filters .filter-tabs form .noUi-target {
  height: 7px;
  background: #bce0fd;
  border: none;
}

.search-filters .filter-tabs form .noUi-origin {
  left: unset !important;
  right: unset !important;
}

.search-filters .filter-tabs form .noUi-horizontal .noUi-handle {
  left: unset !important;
  top: -11px;
}

.search-filters .filter-tabs form .noUi-horizontal .noUi-handle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--at-color-white);
  border: 3px solid #0071b7;
  outline: unset;
}

.search-filters .filter-tabs form .by-uploaders .noUi-handle-lower,
.search-filters .filter-tabs form .by-seeds .noUi-handle-lower,
.search-filters .filter-tabs form .by-episodes .noUi-handle-lower {
  display: none;
}

.search-filters .filter-tabs form .noUi-horizontal .noUi-handle::after,
.search-filters .filter-tabs form .noUi-horizontal .noUi-handle::before {
  content: unset;
}

.search-filters .filter-tabs .min-max span {
  color: var(--at-color-blue);
  font: var(--at-font-med-a-size-semi-bold);
}

.search-filters .filter-tabs .min-max .max {
  margin-right: 25px;
}

/* ------------------ */
/* Torrent Page ----- */
/* ------------------ */
.torrent .switch-views {
  margin-bottom: 20px;
}

.torrent .posters {
  display: none;
}

.torrent .posters,
.torrent .all-files {
  padding: 50px;
  background: var(--at-color-white);
  margin-bottom: 50px;
}

.at-table,
.torrent .all-files table {
  text-align: right;
}

.at-table thead th,
.torrent .all-files table thead th {
  background: var(--at-color-blue);
  color: var(--at-color-white);
  font: var(--at-font-small-size-semi-bold);
  padding: 25px;
  text-align: center;
}

.at-table tbody td,
.torrent .all-files table tbody td {
  font: var(--at-font-tiny-size-semi-bold);
  vertical-align: middle;
  text-align: center;
}

.at-table tr,
.torrent .all-files tr {
  cursor: pointer;
}

.at-table tbody td .profile,
.torrent .all-files table tbody td .profile {
  display: flex;
  align-items: center;
  justify-content: center;
}

.at-table tbody td .label,
.torrent .all-files table tbody td .label {
  background: var(--at-color-yellow);
  color: var(--at-color-gray);
  border-radius: 20px;
}

.at-table tr .profile img,
.torrent .all-files tr .profile img {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  box-shadow: 0px 4px 20px #00000029;
  margin-left: 10px;
}

.torrent .all-files .paginate_button.page-item.active a {
  background: var(--at-color-yellow);
  color: var(--at-color-gray);
}

.torrent .all-files .paginate_button.page-item {
  margin: 5px;
}

.torrent .all-files .paginate_button.page-item a {
  padding: 9px 20px;
  border: none;
  background: var(--at-color-blue);
  color: var(--at-color-white);
  font: var(--at-font-small-size-semi-bold);
  border-radius: 6px;
}

/* ------------------------ */
/* Single Series Page ----- */
/* ------------------------ */
.single-series {
  padding: 100px 0;
  text-align: right;
}

/* SideBar */
.single-series .series-sidebar .widget {
  background: var(--at-color-white);
  margin-bottom: 50px;
  text-align: left;
}

.single-series .series-sidebar .widget .head {
  padding: 17px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}

.single-series .series-sidebar .widget .head h3 {
  font: var(--at-font-med-b-size-med);
  color: var(--at-color-titles-gray);
}

.single-series .series-sidebar .widget .head h3 span {
  color: var(--at-color-blue);
  font: var(--at-font-med-b-size-semi-bold);
}

.single-series .series-sidebar .widget .head a {
  font: var(--at-font-tiny-size-med);
  color: var(--at-color-titles-gray);
}

.single-series .series-sidebar .series-poster {
  padding: 36px;
}

.single-series .series-sidebar .series-poster img {
  width: 100%;
}

.single-series .series-sidebar .series-poster .share-social {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.single-series .series-sidebar .series-poster .share-social a {
  margin: 0 8px;
  color: var(--at-color-gray);
}

.single-series .series-sidebar .widget .widget-content {
  padding: 25px;
}

.single-series .series-sidebar .widget .widget-content ul {
  padding: 0;
  list-style: none;
}

.single-series .series-sidebar .widget .widget-content ul li {
  font: var(--at-font-tiny-size-semi-bold);
  color: var(--at-color-gray);
  margin-bottom: 20px;
}

.single-series .series-sidebar .widget .widget-content ul li span {
  font: var(--at-font-small-size-reg);
}

/* Main Content */
.single-series .main-content {
  background: var(--at-color-white);
}

/* Cover */
.single-series .main-content .cover {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center;
  border: 1px solid #707070;
  position: relative;
}

.single-series .main-content .cover .action-btns {
  position: absolute;
  bottom: 30px;
  left: 60px;
  display: flex;
}

.single-series .main-content .cover .action-btns a {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  border-radius: 12px;
  color: #fff;
  background: var(--at-color-blue);
}

.single-series .main-content .cover .action-btns a.rss {
  background: var(--at-color-yellow);
  color: var(--at-color-gray);
}

.single-series .main-content .cover .action-btns a.add-to-fav {
  background: var(--at-color-titles-gray);
}

/* Details Tab */
.single-series .main-content .series-data {
  padding: 40px;
}

.single-series .main-content .series-data .series-title {
  color: var(--at-color-gray);
  font: var(--at-font-large-a-size-semi-bold);
  text-align: left;
}

.single-series .main-content .series-data .series-tabs {
  margin-top: 40px;
  padding-right: 0;
  border-width: 2px;
  border-color: #d0cccc;
}

.single-series .main-content .series-data .series-tabs .nav-link {
  color: var(--at-color-gray);
  font: var(--at-font-med-a-size-reg);
  margin-bottom: -1px;
}

.single-series .main-content .series-data .series-tabs .nav-link:hover {
  border-color: transparent transparent;
}

.single-series .main-content .series-data .series-tabs .nav-link.active {
  border-color: transparent transparent var(--at-color-blue) !important;
  border-width: 2px;
  color: var(--at-color-blue);
  font: var(--at-font-med-a-size-semi-bold);
}

.single-series .main-content .series-data .section {
  border-bottom: 1px solid #e0e0e0;
  padding: 40px 0;
  text-align: left;
}

.single-series .main-content .series-data .series-main-info {
  display: flex;
  align-items: center;
}

.single-series .main-content .series-data .series-main-info .series-rate {
  display: grid;
  text-align: center;
  padding: 12px;
  border-radius: 4px;
  margin-right: 20px;
  border: 1px solid #c7c7c7;
}

.single-series .main-content .series-data .series-main-info .series-rate i {
  color: var(--at-color-yellow);
}

.single-series .main-content .series-data .series-main-info .series-rate i {
  color: var(--at-color-yellow);
  font-size: 22px;
  text-shadow: 0 0 5px #00000052;
}

.single-series .main-content .series-data .series-main-info .info .item {
  color: var(--at-color-gray);
  font: var(--at-font-small-size-reg);
}

.single-series .main-content .series-data .series-main-info .info .item span {
  color: var(--at-color-blue);
  font: var(--at-font-med-a-size-semi-bold);
  margin-left: 41px;
}

.single-series .main-content .series-data .series-main-info .info .item.series-episodes span {
  margin-left: 16px;
}

.single-series .main-content .series-data .series-description p {
  color: var(--at-color-blue);
  font: var(--at-font-med-a-size-reg);
}

.single-series .main-content .series-data .series-tags h3 {
  color: var(--at-color-gray);
  font: var(--at-font-med-a-size-semi-bold);
}

.single-series .main-content .series-data .series-tags a {
  margin-left: 7px;
  color: var(--at-color-blue);
  font: var(--at-font-small-size-reg);
  text-decoration: underline;
}

.single-series .main-content .series-data .series-comments {
  border-bottom: 0;
}

.single-series .main-content .series-data .series-comments .comments {
  padding: 0;
}

/* Single Torrent Detail */
.single-series .main-content .series-main-info-torrent table {
  font: var(--at-font-small-size-med);
}

.single-series .main-content .series-main-info-torrent td span {
  color: var(--at-color-blue);
  font: var(--at-font-small-size-semi-bold);
}

.single-series .main-content .series-main-info-torrent td span a.link {
  color: var(--at-color-blue);
}

.single-series .main-content .series-main-info-torrent td span.list {
  color: #5643a5;
}

.single-series .main-content .series-main-info-torrent td span.views {
  margin-right: 25px;
}

.single-series .main-content .series-main-info-torrent td span.views:last-of-type {
  margin: 0;
}

.single-series .main-content .series-main-info-torrent td span.counter {
  padding: 0 9px;
  font-size: 14px;
  border-radius: 14px;
  color: #fff;
  margin: 0 2px;
}

.single-series .main-content .series-main-info-torrent td span.counter.up {
  color: #5643a5;
  background: var(--at-color-yellow);
}

.single-series .main-content .series-main-info-torrent td span.counter.down {
  background: #5643a5;
  color: var(--at-color-white);
}

.single-series .main-content .series-main-info-torrent td span.counter.check {
  background: var(--at-color-blue);
  color: var(--at-color-white);
}

.single-series .main-content .series-main-info-torrent td span.counter.check-alt {
  background: var(--at-color-gray);
  color: var(--at-color-white);
}

.single-series .main-content .series-main-info-torrent td a.see {
  color: #5643a5;
  font: var(--at-font-tiny-size-med);
  margin-right: 10px;
}

.single-series .main-content .series-main-info-torrent .action-links {
  margin-top: 45px;
}

.single-series .main-content .series-main-info-torrent .action-links a.a-link {
  font: var(--at-font-small-size-med);
  color: var(--at-color-white);
  background: var(--at-color-gray);
  padding: 6px 20px;
  border-radius: 5px;
  margin-left: 10px;
}

.single-series .main-content .series-main-info-torrent .action-links a.a-link.down-later {
  background: var(--at-color-blue);
}

.single-series .main-content .series-main-info-torrent .action-links a.a-link.down-now {
  background: #5643a5;
}

.single-series .main-content .series-main-info-torrent .action-links a.a-link.file-info {
  background: var(--at-color-yellow);
  color: #5643a5;
}

/* Torrent Tab */
.switch-views {
  margin-top: 30px;
  text-align: left;
  margin-bottom: 50px;
}

.switch-views i {
  font-size: 25px;
  margin-right: 10px;
  cursor: pointer;
}

.switch-views i.active {
  color: var(--at-color-blue);
}

.single-series .main-content .series-data .posters .col-md-3 {
  margin-bottom: 30px;
}

.single-series .main-content .series-data .posters .hover-layer {
  width: 84%;
}

.single-series .main-content .series-data .posters .hover-layer section {
  transform: scale(0.7);
}

.single-series .main-content .series-data .posters .single-poster .tags span {
  font-size: 9px;
}

.single-series .main-content .series-data .at-table {
  display: none;
}

/* Crew Tab */
.single-series .main-content .series-data .crew {
  margin-top: 50px;
}

.single-series .main-content .series-data .crew h3 {
  color: var(--at-color-titles-gray);
  font: var(--at-font-med-a-size-med);
  border-bottom: 1px solid #d0cccc;
  padding-bottom: 14px;
}

.single-series .main-content .series-data .crew .member {
  margin-top: 30px;
  display: inline-grid;
  text-align: center;
  line-height: 1.4;
  font: var(--at-font-small-size-semi-bold);
}

.single-series .main-content .series-data .crew .member img {
  width: 100px;
  height: 100px;
  margin: 0 auto 7px;
  display: table;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}

.single-series .main-content .series-data .series-photos {
  margin-top: 50px;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}

.single-series .main-content .series-data .series-photos figure {
  width: 22%;
  margin: 10px;
}

.single-series .main-content .series-data .series-photos img {
  width: 100%;
  border-radius: 8px;
}

.single-series .main-content .series-data .related-series {
  margin-top: 50px;
}

/* ------------------------ */
/* Blog Page -------------- */
/* ------------------------ */
.blog-head,
.blog-head .row {
  height: 300px;
}

.blog-head {
  text-align: center;
  background: #fafafa;
}

.blog-head h3 {
  font: var(--at-font-big-size-med);
  color: var(--at-color-blue);
  margin-bottom: 22px;
}

.blog-head p {
  font: var(--at-font-med-b-size-reg);
  color: var(--at-color-gray);
  margin-bottom: 50px;
}

.posts {
  background: #fff;
  padding: 50px 0;
}

.posts .single-card {
  text-align: left;
}

.posts .single-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
  border: 1px solid #707070;
  margin-bottom: 15px;
}

.posts .single-card h4 {
  font: var(--at-font-large-a-size-semi-bold);
  color: var(--at-color-blue);
  margin-bottom: 4px;
}

.posts .single-card p {
  color: var(--at-color-gray);
  font: var(--at-font-small-size-reg);
}

/* ------------------------ */
/* Blog -> Single Post ---- */
/* ------------------------ */
.post-head,
.post-head .row {
  height: 300px;
}

.post-head {
  text-align: center;
  background: #fff;
}

.post-head h3 {
  font: var(--at-font-big-size-med);
  color: var(--at-color-blue);
  margin-bottom: 22px;
}

.post-head p {
  font: var(--at-font-med-b-size-reg);
  color: var(--at-color-gray);
  margin-bottom: 30px;
  display: flow-root;
}

.post-head .categories {
  margin-bottom: 50px;
}

.post-head .categories a {
  background: #f5f5f5;
  color: var(--at-color-blue);
  font: var(--at-font-small-size-reg);
  padding: 3px 16px;
  border-radius: 5px;
  margin: 0 8px;
}

.post-entry {
  font-family: var(--main-font-ar);
  text-align: right;
  padding-bottom: 60px;
  background: #fff;
  text-align: left;
}

.post-entry p {
  font: var(--at-font-small-size-reg);
}

.post-entry img {
  width: 100%;
  margin-bottom: 30px;
}

/* ------------------------ */
/* Profile Page ----------- */
/* ------------------------ */
.profile .profile-banner {
  background: var(--at-color-white);
  margin-bottom: 40px;
  border-radius: 0 0 50px 50px;
}

.profile .profile-banner .cover-photo {
  width: 100%;
  height: 300px;
  background-position: center;
  background-size: cover;
  position: relative;
}

.profile .profile-banner .cover-photo .profile-d {
  position: absolute;
  left: 50%;
  bottom: -100px;
  transform: translateX(-50%);
}

.profile .profile-banner .cover-photo .profile-d .profile-photo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  border: 2px solid #fff;
  box-shadow: 0px 0px 0px 2px #5646a3;
  margin: 0 auto 16px;
  display: table;
}

.profile .profile-banner .cover-photo .profile-d h3 {
  text-align: center;
  font: var(--at-font-med-a-size-semi-bold);
  color: var(--at-color-gray);
}

.profile .profile-banner .cover-photo .actions {
  position: absolute;
  left: 39px;
  bottom: -26px;
}

.profile .profile-banner .cover-photo .actions a {
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 19px;
  padding: 13px 51px;
  font: var(--at-font-tiny-size-semi-bold);
  background: #454545;
  margin-left: 16px;
  color: #fff;
  display: inline-block;
}

.profile .profile-banner .cover-photo .actions a.add-friend {
  color: var(--at-color-gray);
  background: var(--at-color-yellow);
}

.profile .profile-banner .cover-photo .actions a.send-message {
  background: var(--at-color-blue);
}

.profile .profile-banner .counters {
  display: flex;
}

.profile .profile-banner .counters .single-counter {
  display: grid;
  text-align: center;
  margin: 0 20px;
}

.profile .profile-banner .counters .single-counter strong {
  font: var(--at-font-med-b-size-semi-bold);
  color: #5643A5;
}

.profile .profile-banner .counters .single-counter span {
  font: var(--at-font-small-size-reg);
  color: var(--at-color-gray);
}

.profile .profile-banner .counters .single-counter img {
  margin-top: 10px;
}

.profile .profile-banner .social-accounts a {
  border-radius: 8px;
  font-size: 22px;
  color: #fff;
  background: var(--at-color-blue);
  display: inline-flex;
  margin: 0 5px;
  width: 45px;
  height: 45px;
  align-items: center;
  justify-content: center;
}

.profile .profile-banner .social-accounts a.ig {
  color: #fff;
  background: var(--at-color-gray);
}

.profile .profile-banner .social-accounts a.tw {
  background: var(--at-color-titles-gray);
}

.profile-page .single-series .series-sidebar .widget.friends .widget-content {
  padding: 0;
}

.profile-page .single-series .series-sidebar .widget.friends .widget-content .friends-list .single-friend {
  display: flex;
  padding: 20px;
  border-bottom: 1px solid #E6E4E4;
  text-align: left;
}

.profile-page .single-series .series-sidebar .widget.friends .widget-content .friends-list .single-friend:last-of-type {
  border: none;
}

.profile-page .single-series .series-sidebar .widget.friends .widget-content .friends-list .single-friend img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-position: center;
  object-fit: cover;
  border: 2px solid #fff;
  box-shadow: 0px 0px 0px 2px #5646a3;
  margin-right: 10px;
}

.profile-page .single-series .series-sidebar .widget.friends .widget-content .friends-list .single-friend section h3 {
  font: var(--at-font-med-a-size-semi-bold);
  color: var(--at-color-gray);
  margin-bottom: -3px;
}

.profile-page .single-series .series-sidebar .widget.friends .widget-content .friends-list .single-friend section span {
  color: var(--at-color-blue);
  font: var(--at-font-small-size-reg);
}

.profile-page .single-series .series-sidebar .widget.friends .widget-content .friends-list a.see-all-friends {
  font: var(--at-font-tiny-size-med);
  background: var(--at-color-blue);
  display: block;
  text-align: center;
  color: #fff;
  padding: 8px 0;
}

.profile-page .single-series .series-sidebar .widget.badges .widget-content {
  text-align: center;
}

.profile-page .single-series .series-sidebar .widget.badges .widget-content img {
  margin: 0 7px 9px;
  width: 31px;
}

.profile .main-content .series-data {
  padding: 15px 40px 40px;
}

.profile .main-content .friends-grid {
  border: none !important;
}

.profile .main-content .friends-grid .friend-block {
  box-shadow: 0px 10px 20px #00000017;
  border: 1px solid #E5E2E2;
  border-radius: 34px;
  background: var(--at-color-white);
  margin-bottom: 30px;
}

.profile .main-content .friends-grid .friend-block .cover-photo {
  border-radius: 34px;
  height: 100px;
  background-position: center;
  background-size: cover;
  position: relative;
}

.profile .main-content .friends-grid .friend-block .cover-photo .profile-b {
  margin: 0 auto;
  display: table;
  position: absolute;
  bottom: -68px;
  left: 50%;
  transform: translateX(-50%);
}

.profile .main-content .friends-grid .friend-block .cover-photo .profile-b img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0px 0px 0px 2px #5646a3;
  margin: 0 auto;
  display: table;
}

.profile .main-content .friends-grid .friend-block .cover-photo .profile-b h4 {
  font: var(--at-font-tiny-size-semi-bold);
  margin-top: 10px;
}

.profile .main-content .friends-grid .friend-block .badges {
  text-align: center;
  margin-top: 65px;
}

.profile .main-content .friends-grid .friend-block .badges img {
  max-width: 25px;
  max-height: 25px;
  margin: 0 2.5px;
}

.profile .main-content .friends-grid .friend-block .counters {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.profile .main-content .friends-grid .friend-block .counters .single-counter {
  display: grid;
  text-align: center;
  margin: 0 20px;
}

.profile .main-content .friends-grid .friend-block .counters .single-counter strong {
  font: var(--at-font-med-a-size-semi-bold);
  color: #5643A5;
}

.profile .main-content .friends-grid .friend-block .counters .single-counter span {
  font: var(--at-font-tiny-size-reg);
  color: var(--at-color-gray);
}

.profile .main-content .friends-grid .friend-block .social-accounts {
  margin-top: 15px;
  display: flex;
  justify-content: center;
}

.profile .main-content .friends-grid .friend-block .social-accounts a {
  border-radius: 8px;
  font-size: 14px;
  color: #fff;
  background: var(--at-color-blue);
  display: inline-flex;
  margin: 0 5px;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
}

.profile .main-content .friends-grid .friend-block .social-accounts a.ig {
  color: #fff;
  background: var(--at-color-gray);
}

.profile .main-content .friends-grid .friend-block .social-accounts a.tw {
  background: var(--at-color-titles-gray);
}

.profile .main-content .friends-grid .friend-block .actions {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  margin-top: 30px;
}

.profile .main-content .friends-grid .friend-block .actions a {
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 14px;
  padding: 9px 25px;
  font: var(--at-font-micro-size-semi-bold);
  font-size: 10px;
  background: #454545;
  text-align: center;
  margin: 0 7px;
  color: #fff;
  display: inline-block;
}

.profile .main-content .friends-grid .friend-block .actions a.add-friend {
  color: var(--at-color-gray);
  background: var(--at-color-yellow);
}

.profile .main-content .friends-grid .friend-block .actions a.send-message {
  background: var(--at-color-blue);
}

.profile .profile-badges {
  border: none !important;
}

.profile .profile-badges .single-badge {
  box-shadow: 0px 10px 20px #9B9B9B29;
  border-radius: 29px;
  display: flex;
  align-items: center;
  padding: 20px;
  margin-bottom: 30px;
}

.profile .profile-badges .single-badge img {
  height: 70px;
}

.profile .profile-badges .single-badge section {
  margin-left: 15px;
  text-align: left;
}

.profile .profile-badges .single-badge section h4 {
  font: var(--at-font-small-size-semi-bold);
  color: var(--at-color-blue);
}

.profile .profile-badges .single-badge section p {
  font: var(--at-font-micro-size-reg);
  color: var(--at-color-gray);
}