/*
Theme Name: KelaketFilm
Author: UniqueTheme
Author URI: https://uniquetheme.ir
Theme URI: https://www.rtl-theme.com/kelaketfilm-wordpress-theme/
Description: A Movie Theme for wordpress
Version: 4.4
Requires at least: 6.4
Tested up to: 6.7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kelaketfilm
*/
html {
  scroll-behavior: smooth;
}

/* light mode styles */

html.dark .button-green {
  background-color: #12ae40;
  color: #fff;
  stroke: #fff;
}

html.dark .button-blue {
  background: #4050b5 !important;
  color: #fff !important;
  stroke: #fff !important;
}

html.dark .button-orange {
  background: #00d69e !important;
  color: #fff !important;
  stroke: #fff !important;
}

html.dark .button_online {
  background: #fec00b !important;
  color: #3c3c3c !important;
  stroke: #3c3c3c !important;
  fill: #3c3c3c !important;
}

html.dark .comfortSlider_wrap .dark_bg {
  background: linear-gradient(0deg, var(--bg) 30%, rgba(10, 13, 16, 0));
}

html.dark .footer_minimal {
  background: transparent !important;
  border-top: solid 1px var(--bg_lighter) !important;
  padding-top: 40px;
  box-shadow: none !important;
  border: none;
}

html.dark .footer_minimal .social p {
  color: var(--text);
}

html.dark .has_mega_menu .sub-menu:before {
  border-color: transparent transparent rgb(104 129 169 / 77%) transparent !important;
}

html.dark .footer_minimal .about .desc {
  background: #00000021;
  color: var(--text) !important;
}

html.dark .footer_minimal .mini_button {
  color: var(--text) !important;
  border-color: var(--text) !important;
}

html.dark .footer_minimal .mini_button:hover {
  color: #fff !important;
}


html.dark .footer_minimal .copyright {
  background: transparent !important;
  box-shadow: none !important;
}


/* html.dark .header-single{
  background: linear-gradient(to bottom, rgb(94 94 94 / 99%) 0px, transparent) !important;
} */

html.dark .header.sticky {
  background: var(--stickyHeader) !important;
}

html.dark .notif_items li a {
  color: var(--bg_darker) !important;
}

html.dark .header.sticky .show_all_notifs {
  color: #fff !important;
}

html.dark .show_all_notifs {
  color: #fff !important;
}

html.dark .header.sticky a {
  color: var(--text) !important;
}



html.dark .sidebarBoxOffice__right .boxOffice__meta h3 {
  color: var(--text);
}

html.dark .ticket_info {
  background: var(--bg_lighter);
}

html.dark .film_cat2 .imdb_score_circle {
  color: #fff;
}

html.dark .ticket_info i {
  color: var(--text);
}

html.dark .ticket_msg .ticket_msg_box {
  background: #e5ebf5;
}

html.dark .ticket_msg .ticket_msg_box::before {
  border-color: transparent transparent transparent #e5ebf5;
}

html.dark .reply_support.ticket_msg .ticket_msg_box {
  background: #d6e4f8 !important;
}

html.dark .reply_support.ticket_msg .ticket_msg_box::before {
  border-color: transparent #d6e4f8 transparent transparent !important;
}

html.dark .custom_list {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .custom_list h3 {
  border-color: var(--bg_lighter);
  color: var(--text);
}

html.dark .custom_list_meta span {
  border-color: var(--bg_lighter);
  color: var(--text);
}

html.dark .float_menu li {
  border-bottom: solid 1px var(--bg_lighter);
}

html.dark .float_menu li a {
  color: var(--text);
}

html.dark .float_menu li::after,
html.dark .float_menu li::before {
  background: var(--text);
}

html.dark .all_key a {
  /* background: var(--text) !important; */
}

html.dark .user_btn a,
html.dark .user_btn button {
  color: #fff;
}

html.dark .panel_film_sort li {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .panel_film_sort .sort_id {
  background: #788ec347;
}

html.dark .film_search {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .film_search input {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
  color: var(--text);
}

html.dark .report_modal .wpcf7-form-control {
  background: var(--bg2);
  border: 1px solid #c1cbdb;
  color: var(--text);
}

html.dark .modal-body {
  background: var(--bg2) !important;
  color: var(--text);
}


/* html.dark .widget .widget_inner .update_info{
  background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #6982aa85 42%, #6b84ab 100%);
}

html.dark .widget .widget_inner .update:hover .update_info{
  background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #6982aa85 42%, #6b84ab 100%);
} */

html.dark .widget .widget_inner .update_info span {
  color: #e9f2ff;
}

html.dark .boxOffice_page h2 a {
  color: var(--text);
}

html.dark .boxOffice_page {
  color: var(--text);
}

html.dark .boxOffice_item .boxOffice__meta li h3 {
  color: var(--text);
}

html.dark .boxOffice_item .boxOffice__meta li {
  color: var(--bg_lighter);
}

html.dark .timer div {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .timer .counter_label {
  background: var(--bg2);
  box-shadow: none;
  border: none;
  color: var(--text);
}

html.dark .count_row h4 {
  color: var(--text);
}

html.dark .timer span {
  color: var(--text);
}

html.dark .boxOffice_item .boxOffice__meta li a {
  color: var(--bg_lighter);
}

html.dark .boxOffice_item {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

.sidebarBoxOffice__right .boxOffice__meta {
  color: #767676;
}

html.dark ._textAds li a {
  background: var(--bg2);
  border: solid 1px var(--bg_lighter);
  color: var(--text);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
}

html.dark ._textAds li a span {
  color: var(--text);
}

html.dark .widget .widget_inner .update_info {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 78%) 42%, var(--bg_darker) 100%);
}

html.dark ._textAds li a:hover {
  background: var(--primaryColor);
  color: #fff;
}

html.dark ._textAds li a:hover span {
  color: #fff;
}

html.dark .related_films_title i {
  color: var(--text);

}

html.dark .boxOffice th {
  border: solid 1px var(--bg_lighter);
  background: #f7faff;
  color: var(--text);
}

html.dark .boxOffice td {
  border: solid 1px var(--bg_lighter);

  color: var(--text);
}

html.dark .post_header_meta h1 {
  color: #fff;
}

html.dark .casual_single .single_hero {
  /* background: linear-gradient(to bottom,rgb(247 247 248 / 0%), #000000); */
  background: linear-gradient(to bottom, rgb(52 52 52), #000000);
}

html.dark .boxOffice tr:hover {
  background: #dfdfdf;
}

html.dark .boxOffice .boxOffice__meta h3 {
  color: var(--text);
}

html.dark .boxOffice .boxOffice__meta a {
  color: var(--text);
}

html.dark .download_notice {
  color: var(--text) !important;
  background: var(--bg_lighter);
}

html.dark body {
  background: var(--bg);
}

#rcp_subscription_levels li:before {
  background: var(--bg_lighter);
}

#rcp_subscription_levels li:after {
  background: var(--bg_lighter);
}

html.dark .featured2 {
  background: var(--bg2);
  border-bottom: solid 1px var(--bg_lighter);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
}

html.dark .related_post_blog_item {
  background: var(--bg2);
  border: solid 1px var(--bg_lighter);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
}

html.dark .related_post_blog_item .icon {
  color: #6883ae;
  background: #e1e1e1;
}

html.dark .show_more_panel {
  color: #6883ae;
}

html.dark .show_more_panel i {
  background: var(--bg_lighter);
}

html.dark .related_post_blog_item header {
  color: #6883ae;

}

html.dark .related_post_blog_item p {
  color: #6883ae;

}

html.dark .post_content_single {
  color: var(--text)
}

html.dark .header-single {
  border-bottom: none !important;
}

html.dark .post_content_single a {
  color: var(--text)
}

html.dark .awards i {
  color: var(--text)
}

html.dark .comments_title i {
  color: var(--text)
}


html.dark .awards strong {
  color: var(--text)
}

html.dark .stars .stars_title {
  color: #6e88b1;
}

html.dark .stars .stars_title small {
  color: #8ba1c3;
}

html.dark .nav-link.active {
  color: #fff !important;
}

html.dark .nav-link {
  color: var(--text) !important;
}

html.dark .post2 .dl__title span {
  color: var(--text);

}

html.dark .post2 .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236881a9'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

html.dark .post2 .accordion-button {
  color: var(--text);
  background: var(--bg_lighter);
}

html.dark .post2 .accordion-item {
  background-color: #eaf0ff;
  border-bottom: solid 1px #b5c7e2;
}

html.dark .post2 .accordion-item:last-of-type {
  background-color: #eaf0ff;
  border-bottom: none;
}

html.dark .post .post_blog h2 a {
  color: var(--text)
}

html.dark .post_blog .blog_meta li {
  color: #7e95bb !important;
}

html.dark .post_blog .blog_meta li a {
  color: #7e95bb !important;
}

html.dark .post_blog p {
  border: none !important;
}

html.dark .header {
  background: #f7faff;
  border-bottom: 1px solid var(--bg_lighter);
}

html.dark .header.fix {
  border-bottom: none !important;
}

html.dark .panel_items {
  background: var(--bg2);
  border: solid 1px var(--bg_lighter);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
}

html.dark .panel_items li {
  border-bottom: solid 1px var(--bg_lighter);
}

html.dark .panel_items li:last-child {
  border-bottom: none;
}

html.dark .panel_items li:hover {
  background: var(--bg2);
}

html.dark .header .panel_button {
  background: var(--bg2);
  color: var(--bg_darker) !important;
  border: solid 1px var(--bg_lighter);
}

/* html.dark .post_header_dark {
  background: linear-gradient(to bottom, #ffffff1f 0%, var(--text)69 470px);
} */

html.dark .footer_modern .logo {
  background: var(--bg2);
}

html.dark .footer_modern .links h3 span {
  background: var(--bg2);
}

html.dark .post_content_single .awards li {
  background: var(--bg2);
  border-bottom: solid 1px var(--bg_lighter);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
}


html.dark .comfort-slider .film_cat_title {
  color: var(--text);
}

html.dark .comment_like,
html.dark .comment_dislike {
  background: var(--bg_darker2);
}

html.dark .panel_items li a {
  background: var(--bg2);
  color: var(--bg_darker) !important;

}

html.dark .header .logo a {
  color: var(--text);
}

html.dark .header .top_nav li a {
  color: var(--text);
}

html.dark .header .top_nav li a:hover {
  color: var(--text);
}

html.dark .featured {
  background: var(--bg2);
  border-bottom: solid 1px var(--bg_lighter);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
}

html.dark .post__tags__header {
  background: var(--bg2);
  border-bottom: solid 1px var(--bg_lighter);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  color: var(--text);
}

html.dark .post__tags__body a {
  background: var(--bg2);
  border-bottom: solid 1px var(--bg_lighter);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  color: var(--text);
}

html.dark .post__tags__body a:hover {
  color: #fff;
}


html.dark .header .sub-menu li a {
  color: #fff !important;
}

html.dark .header .sub-menu li a:hover {
  color: var(--text);
}

html.dark .header .top_nav li ul {
  background: rgb(104 129 169 / 77%);
  box-shadow: none;
}

html.dark .header .top_nav li ul:before {
  border-color: transparent transparent rgb(104 129 169 / 77%) transparent;

}

html.dark .fix {
  background: linear-gradient(to bottom,
      rgb(104 129 169 / 77%) 0px,
      rgb(104 129 169 / 77%)) !important;
}

html.dark .footer .logo a {
  color: var(--bg_darker);
}

html.dark .footer .about p {
  color: var(--text);
}

html.dark .footer .links h3 {
  color: var(--text);

}

html.dark .footer .links li a {
  color: var(--text);

}

html.dark .search_form input {
  background: var(--bg2);
  color: var(--bg_darker);
  border: solid 1px var(--bg_lighter);
}

html.dark .search_form input:focus {
  background: var(--bg2);
  color: var(--text);
}

html.dark .all_key a {
  color: var(--bg_lighter) !important;
}

html.dark #datafetch {
  background: #f7faff;
  border: solid 1px var(--bg_lighter);
}

html.dark .search_row {
  border-bottom: solid 1px var(--bg_lighter) !important;
}

html.dark #datafetch .search_row a {
  color: var(--text);
}

html.dark #datafetch .search_row span {
  color: #2b2b2b;
}

html.dark #datafetch .show_more {
  background: var(--text);
  border: solid 1px var(--bg_lighter);
  color: var(--text);
}

html.dark .post {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .post2 {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter) !important;
}

html.dark .post2 h2 a {
  color: var(--text);
}

html.dark .post2 .post_details .post_meta li strong {
  background: var(--bg_lighter);
  color: var(--text);
}

html.dark .playonline_badge {
  color: var(--text);
}

html.dark .post2 .post_details .post_meta li {
  color: var(--text);
}

html.dark .post2 .post_details .post_meta li a {
  color: #2fa19d;
}

html.dark .post2 .post_details .post_meta li .seprator {
  background: #d6dde5;
}


html.dark .featured_item2_hover {
  background: #6982aa85;
}

html.dark .post .post_details h2 a {
  color: var(--text);
}

html.dark .post .post_meta li {
  color: var(--text);
}

html.dark .post .post_meta i {
  color: var(--text);
}

html.dark .sidebarBoxOffice__right .boxOffice__meta {
  color: var(--text);

}

html.dark .post .post_meta li a {
  color: var(--text);
}

html.dark .post .post_meta li a:hover {
  color: var(--text);
}

html.dark .post p {
  background: transparent;
  color: var(--text);
  border: dashed 1px #dfdfdf;
}

html.dark .pagination {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .pagination a {
  background: var(--bg_lighter);
  color: var(--text);
}

html.dark .pagination .dots {
  background: var(--bg_lighter);
  color: var(--text);
}

html.dark .wrapper {
  background: #001222;
}

html.dark .star_title_c {
  color: var(--text);
}

html.dark .wrapper .star_title_c {
  color: #f5f3f3;
}

html.dark .footer {
  background: var(--bg2);
  box-shadow: 0px -14px 15px 0 var(--shadow_color);
  border-top: 1px solid var(--bg_lighter);
}

html.dark .copyright {
  border-top: solid 1px var(--bg_lighter);
  background: var(--bg2);
  color: var(--bg_darker);
}

html.dark .series_week {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .series_week .series_week__header h3 {
  color: var(--text);
}

html.dark .series_week .series_week__header {
  border-bottom: solid 1px var(--bg_lighter);
}


html.dark .series_week .series_item .name {
  color: var(--text);
}

html.dark .series_week .series_item .update {
  color: #99b6e3;
}

html.dark .series_week .series_week__header li.active {
  background: var(--primaryColor);
  color: var(--text);
}

html.dark .series_week .not_found {
  background: var(--bg_lighter);
  color: var(--text);
}

html.dark .loader {
  border-top: 0.5em solid rgb(224 235 252);
  border-right: 0.5em solid rgb(224 235 252);
  border-bottom: 0.5em solid rgb(249 251 255);
  border-left: 0.5em solid #f9fbff;
}

html.dark .series_week .series_week__header li {
  background: var(--bg_lighter);
  color: var(--text);
}



html.dark .fix a {
  color: #dfdfdf !important;
}

html.dark .widget-bg {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .widget .widget_title h3 {
  color: var(--text);
}

html.dark .widget_inner .genre li {
  border: solid 1px var(--bg_lighter);
}

html.dark .widget_inner .genre li:hover {
  background: var(--bg_lighter);
}

html.dark .widget_inner .genre li a {
  color: var(--text);
}

html.dark .widget_inner .genre li span {
  background: var(--bg_lighter);
  color: #3c3c3c;
}

html.dark .widget .nav-link {
  color: var(--text) !important;
}

html.dark .widget .nav-link.active {
  color: #fff !important;
}

html.dark .widget .widget_title a {
  color: var(--text);
}

html.dark .mobile_menu_icon {
  color: var(--text)
}

html.dark .mobile_menu_icon:hover {
  color: var(--text)
}

html.dark .mobile_search_icon {
  color: var(--text);
}

html.dark .fix .mobile_menu_icon {
  color: #fff
}

html.dark .fix .mobile_search_icon {
  color: var(--text);
}

html.dark .category_title h3 {
  color: var(--text);
}

html.dark .header-single a {
  color: #fff !important;
}

html.dark .search_form input::placeholder,
html.dark .search_form i {
  color: var(--text);
}

html.dark .widget_inner .genre li {
  background: var(--bg2);
}

html.dark .sidebar_carousel2 .owl-prev,
html.dark .sidebar_carousel2 .owl-next {
  background: var(--bg_lighter) !important;
  color: var(--text) !important;
  box-shadow: 0 10px 15px 0 var(--shadow_color);
}

html.dark .post-content-title {
  color: var(--text);
}

html.dark .post-content-title i {
  color: var(--text);
}

html.dark .post-content-more {
  color: #7f98bf
}

html.dark .download_inner {
  background: #f5f5f5;
}

html.dark .download_section .download_item {
  background: var(--bg_lighter);
  color: var(--text);
  border-right: solid 4px var(--text);
}

html.dark .comments_title h4 {
  color: var(--text);
}

html.dark .comment-list .comment {
  background: var(--bg_lighter);
  box-shadow: none;
}

html.dark .comment-list li ul.children li.comment {
  background: #bfd0eb;
  box-shadow: none;
}

html.dark .comment-list .vcard cite.fn a.url {
  color: var(--text);
}

html.dark .comment-list li p {
  color: var(--text);
}

html.dark .comment #respond {
  background: #b7c8e3;
}

html.dark .logged-in-as a {
  color: var(--text);
}

html.dark .comment-form .form-control {
  background-color: var(--bg_lighter);
  color: var(--text);
}

html.dark .comment-form .form-control::placeholder {
  color: var(--text);
}

html.dark .comment-form {
  color: var(--text);
}

html.dark .message {
  color: var(--text);
}

html.dark #cancel-comment-reply-link {
  background: #ecf0fb;
}

html.dark #reply-title {
  color: var(--text);
}

html.dark .artist_works {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .artist_title {
  color: var(--text);
}

html.dark .a_genres a {
  background: #758cb133;
  width: fit-content;
  color: var(--text);
}

html.dark .cld-count-wrap {
  color: var(--text);
}

html.dark .header-single .mobile_menu_icon {
  color: #fff
}

html.dark .header-single .mobile_search_icon {
  color: #fff;
}

html.dark .header.sticky .mobile_menu_icon {
  color: var(--text);
}

html.dark .header.sticky .mobile_search_icon {
  color: var(--text);
}

html.dark .top-fixed-now0 .mobile_menu_icon,
html.dark .top-fixed-now0 .mobile_search_icon {
  color: var(--text);
}

html.dark .related_films_title h4 {
  color: var(--text);
}

html.dark .related_film_item {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .related_film_item:hover {
  background: #d4e5ff;
}

html.dark .related_rotten {
  color: #6c83b1;
}

html.dark .related_film_item h5 {
  color: var(--text);
}

html.dark .stars_page h1 {
  color: var(--text);
}

html.dark .stars_page p {
  color: #323232
}

html.dark .actor-works h2 {
  color: var(--text);
}

html.dark .film_cat_title2 {
  color: var(--text);
}

html.dark .film_cat_title {
  color: var(--text);
}

html.dark .serial_card .film_cat_title {
  color: #fff;
}

html.dark .download_inner {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .download_inner small,
html.dark .accordion-button small {
  color: #fff;
  background: var(--bg_darker);
}

html.dark .download_inner .tab-content {
  background: #dee9fb !important;
}

html.dark .serial-item {
  background: var(--bg2) !important;
  border-right: solid 4px var(--text);
  color: #6c83b1;
}

html.dark .content {
  background: var(--bg2);
  border: 1px solid var(--bg_lighter);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
}

html.dark .section__title {
  background: var(--bg_lighter);
}

html.dark .section__title h3 {
  color: #6c83b1;
}

html.dark .post2 .download_item {
  background: var(--bg) !important;
  border-right: solid 4px var(--text);
  color: #6c83b1;
}

html.dark .download_inner .nav-link.active {
  color: var(--text) !important;
  background-color: #dee9fb !important
}

html.dark .download_inner .nav-link {
  color: #747474 !important;
}

html.dark .featured button.owl-prev span,
html.dark .featured button.owl-next span {
  color: #ffffff;
  border: solid 2px var(--text);
  background: #7088ae;
}

html.dark .featured button.owl-prev:hover span,
.featured button.owl-next:hover span {
  background: #a5a5a5;
}

html.dark .post .imdb {
  border: solid 1px #cba902;
  color: #cba902 !important;
}

html.dark .widget-wp .wp-calendar-table {
  color: var(--text);
}

html.dark .widget-wp .wp-calendar-table a {
  color: var(--text);
}

html.dark .widget-wp li a {
  color: var(--text);
}

html.dark .widget-wp li {
  color: var(--text);
}

html.dark .header .menu-item-has-children::after {
  color: #fff;
}

html.dark .header.sticky .menu-item-has-children::after {
  color: var(--text);
}

html.dark .film_cat3 .position-relative::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(99 99 99 / 39%) 35%) !important;
}

html.dark .comfort-slider .film_cat3 .film_cat_title {
  color: #fff;
}

html.dark .film_cat3 .film_cat_title {
  color: #fff;
}

html.dark .advanced_search_tab {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .advanced_search_tab a {
  color: var(--text);
}

html.dark .sidebar_active {
  background: var(--primaryColor);
}

html.dark .updated_posts.active {
  color: #fff;
}

html.dark .adv_search.active {
  color: #fff;
}

html.dark .search_wrap {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
  border-radius: 3px;
}

html.dark .search_wrap h3 {
  color: #6a83aa;
}

html.dark .search_filter a {
  color: #6a83aa;
  background-color: #fafcff;
  border: solid 1px var(--bg_lighter);
  box-shadow: 0 10px 15px 0 rgba(220, 227, 247, .2);
}

html.dark .custom-checkbox {
  color: #6a83aa;
}

html.dark .custom-radio {
  color: #6a83aa;
}

html.dark .year_box {
  background: #fafcff;
}

html.dark .login_register a {
  color: #6a83aa;
}

html.dark .footer_wave path {
  fill: var(--bg2) !important;
}

html.dark .footer .btn-large {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
  color: #6d85be;
}

html.dark .footer .btn-large span {
  color: #6b84bd;
  font-size: 14px;
  font-weight: 700;
}

html.dark .post_image--inner .simplefavorite-button {
  background: var(--primaryColor);
  color: #fff;
}

html.dark .sidebar {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .center_casual_icons .-favorites {
  color: #fff;
}

html.dark .sidebar .avatar_wrap {
  background: var(--bg_lighter);
}

html.dark .sidebar .avatar_wrap span {
  color: var(--bg_darker);
}

html.dark .comfortSlider_wrap .mixed_imdb,
html.dark .mixed_slider_title {
  text-shadow: 1px 3px 8px #000000a8;
}


html.dark .sidebar .nav_panel ul li a {
  color: var(--bg_darker);
}


html.dark .sidebar .nav_panel ul li i {
  color: var(--bg_darker);

}

html.dark .body_panel .info {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
  color: var(--text);
}

html.dark .body_panel .info .info_detail .title {
  color: var(--text);

}

html.dark .body_panel .acc_info {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
  color: var(--text);
}

html.dark .body_panel .acc_info header h3 {
  color: var(--text);

}

html.dark .body_panel .acc_info li span {
  background: var(--bg_lighter);
  color: var(--text);

}

html.dark .body_panel .acc_info header {
  border-bottom: solid 1px var(--bg_lighter);
}

html.dark .body_panel h2 {
  color: var(--bg_darker);
}

html.dark .body_panel p {
  /* color: var(--bg); */
  color: var(--text);
  opacity: .7;
}

html.dark .body_panel .acc_info_ {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .body_panel .acc_info_ header h3 {
  color: var(--bg_darker);
}

html.dark .body_panel .acc_info_ table {
  background: #ecf2fd;
  color: var(--bg_darker);
}

html.dark .body_panel .acc_info_ header {
  border-bottom: solid 1px #00000021;
}

html.dark .body_panel .acc_info_ table th {
  border-left: 1px solid #00000021;
  border-right: 1px solid #00000021;
}

html.dark .body_panel .acc_info_ table td {
  border-top: 1px solid #00000021;
  border-left: 1px solid #00000021;
  border-right: 1px solid #00000021;
}

html.dark .body_panel .acc_info_ table tr {
  border-bottom: 1px solid #00000021;
  border-top: solid 1px #00000021;
}

html.dark .body_panel .acc_info_ table a {
  background: var(--primaryColor)
}

html.dark .body_panel .acc_info_ table a:hover {
  background: #2a89b3
}

html.dark #rcp_subscription_levels li:before,
html.dark #rcp_subscription_levels li:after {
  background: var(--bg2);
}

html.dark #rcp_subscription_levels li label {
  background: var(--bg2);
  border: solid 1px var(--bg_lighter);
  color: var(--text);
}

html.dark #rcp_subscription_levels li label .rcp_price {
  color: var(--text);
}

html.dark #rcp_subscription_levels li label .rcp_level_duration {
  background: none;
  color: var(--text);
}

html.dark #rcp_subscription_levels li input[type=radio]:checked~label {
  color: #fff;
}

html.dark #rcp_subscription_levels li input[type=radio]:checked span {
  color: #fff;
}

html.dark #rcp_subscription_levels li input[type=radio]:checked~label .rcp_price,
html.dark #rcp_subscription_levels li input[type=radio]:checked~label .rcp_level_duration,
html.dark #rcp_subscription_levels li input[type=radio]:checked~label .rcp_subscription_level_name {
  color: #fff;
}

html.dark #rcp_subscription_levels label:before {
  border-left: 4px dotted #dfdfdf;
}

html.dark #rcp_subscription_levels li label .rcp_subscription_level_name {
  color: var(--text);
}

html.dark .modal-body {
  background: #ddd;
}

html.dark .modal-header {
  color: var(--text);
  background: var(--bg2);
  border-bottom: 1px solid var(--bg_lighter);
  border-radius: 10px;
}

html.dark .report_modal .wpcf7-submit {
  background: #12ae40;
  width: auto;
  padding: 5px 15px;
  color: #fff;
  border: none;
}

html.dark .acc_info_ .posts a {
  color: var(--text);
}

html.dark .acc_info_body .wpcf7-text {
  background: var(--bg2)fff;
  color: var(--text);
  border: solid 1px var(--bg_lighter);
}

html.dark .acc_info_body {
  color: var(--text)
}

html.dark .acc_info_body .rcp-input {
  background: var(--bg2)fff;
  color: var(--text);
  border: solid 1px var(--bg_lighter);
}

html.dark .acc_info_body select {
  background: var(--bg2)fff;
  color: var(--text);
  border: solid 1px var(--bg_lighter);
}

/*.manual-register-form{     background: #bfbfbf; color: #000; }*/
/*.rcp_login_data #rcp_user_login{ background:#919191;color: #000; }*/
/*.rcp_login_data #rcp_user_pass{ background:#919191;color: #000; }*/
/*.rcp_lostpassword_data #rcp_user_login{  background:#919191;color: #000;}*/
/*.rcp-button {margin: 0px 0px;}*/
/*.register-input{background:#919191;color: #000;  }*/
html.dark .bg-sexy {
  background: var(--bg) !important;
}

html.dark .serial::after {
  background: #a9a9a9;
}

html.dark .serial::before {
  background: #dfdfdf;
}

html.dark .post_small_title a {
  color: var(--text);
}

html.dark .post_small_title a:hover {
  color: var(--text);
}

html.dark .search_wrap_index {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
  border-radius: 5px;
}

html.dark .featured .featured_item_hover {
  background: rgb(104 129 169 / 75%);
  backdrop-filter: blur(4px);
}

html.dark .search_wrap_index h3 {
  color: var(--text);
}

html.dark .search_wrap_index .search_filer_box {
  background: #c9c9c9;
}

html.dark .collection {
  /* color: var(--text); */
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .imdb_num small {
  color: var(--text)
}

html.dark .imdbRating_holder .imdb_num span {
  color: #484848;
}

.required-field-message {
  display: none;
}

html.dark .internet span {
  color: var(--text);
}

html.dark .divider {
  border-color: #c7c7c7;
}

html.dark .blog_post .title {
  color: var(--text);
}

html.dark .blog_post time {
  color: #9aaecf;
}

html.dark .blog_heading {
  color: var(--text);
}

.post .post_details p {
  border: none !important;
}

html.dark .post2 .last_modified {
  color: #6883ae;
}

html.dark .post2 .content {
  background: var(--bg2);
  border: 1px solid var(--bg_lighter);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
}

html.dark .post2 .content_inner {
  color: #6883ae;
}

html.dark .post .content_inner h1,
html.dark .post .content_inner h2,
html.dark .post .content_inner h3,
html.dark .post .content_inner h4,
html.dark .post .content_inner h5,
html.dark .post .content_inner h6 {
  color: #6883ae;
}

html.dark .post2 h2 {
  color: #6883ae !important;

}

html.dark .post2 .content_inner a {
  color: #38ada9;
}

html.dark .post2 .section__title {
  background: var(--bg_lighter);
  color: var(--text);
}

html.dark .post2 .section__title h3 {
  color: var(--text);
}

html.dark .post_comfort__details {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .post_comfort_divider {
  position: absolute;
  height: 110px;
  fill: #e0ebfc;
  right: -78px;
  top: 50%;
  transform: translateY(-50%);
  /* stroke: #e0ebfc !important; */
  /* stroke: #646464; */
  /* stroke-width: 5px; */
  /* stroke-linejoin: round; */
  z-index: -1;
  /* filter: drop-shadow(0px -1px 0px #e0ebfc) drop-shadow(0px -1px 0px #e0ebfc) drop-shadow(1px 1px 0px #E0EBFC) drop-shadow(-1px 1px 0px #e0ebfc); */
}

html.dark .post_comfort__details .story {
  border-top: solid 2px rgb(224 235 252);
}

html.dark .post_comfort .story {
  color: var(--text);
}

html.dark .post_comfort__image--overlay button {
  color: #fff !important;
}

body {
  background: var(--bg);
  font-family: dana;
  /* direction: rtl; */
  transition: all 0.3s;
  overflow-x: hidden;
}

.rtl {
  direction: rtl !important;
  text-align: right !important;
}

.ltr {
  direction: ltr !important;
  text-align: left !important;
}

div,
article,
aside {
  transition: width .3s ease-in-out, left 0.3s ease-in-out;
}

::-moz-selection {
  /* Code for Firefox */
  color: var(--text);
  background: var(--primaryColor);
}

::selection {
  color: var(--text);
  background: var(--primaryColor);
}

a {
  text-decoration: none;
}

.header {
  /* background: #101014; */
  background: var(--bg_darker);
  transition: all 400ms !important;
}

.header.sticky {
  position: fixed !important;
  top: 0;
  z-index: 9999999;
  background: var(--stickyHeader) !important;
  transition: all 300ms;
  box-shadow: unset !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  width: 100%;
}

.header.header_style_2 .panel_button {
  background: var(--bg);
  min-width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
  border: solid 1px transparent;
  border-radius: 15px;
  color: var(--text);
  width: auto;
}

.panel_button .notification_btn {
  position: relative;
}

.notification_btn .count,
.notification_btn2 .count {
  position: absolute;
  right: -6px;
  left: 0;
  top: -7px;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background: var(--primaryColor);
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
}


.header.header_style_2 .panel_button:hover {
  opacity: .9;
}

.header.header_style_2 .wide {
  padding: 0 20px;
  background: var(--primaryColor);
  transition: all .3s;
  font-weight: 600;
  font-size: 14px;
}

.header.header_style_2 .wide:hover {
  opacity: .9;
}

.header .panel_button {
  background: var(--bg);
  width: 37px;
  height: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
  border: solid 1px transparent;
  border-radius: 30px;
  color: var(--text);
}

.header-single {
  background: linear-gradient(to bottom,
      #0000008c 0px,
      transparent) !important;
  box-shadow: unset !important;
  position: absolute;
  top: 0 !important;
  width: 100%;
  z-index: 23;
  /** fix conflict with search bar*/
}

.header .logo {
  color: var(--text);
  font-weight: bold;
  display: inline-block;
  margin: 15px 0;
  white-space: nowrap;
}

.header .logo a {
  text-decoration: none;
  color: var(--text);
}

.header .logo img {
  width: auto;
  height: 40px;
  position: relative;
  top: -3px;
}

.header .top_nav {
  display: inline-block;
  margin: 0 20px;
  font-size: 15px;
  position: relative;
}

.header .top_nav li {
  display: inline-block;
  padding: 1px 0px 0px 15px
}

.go-left {
  margin-right: auto;
  display: flex;
  gap: 10px;
}

.header .menu-item-has-children::after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  color: #c9d0d0;
  font-size: 10px;
  transition: all 0.3s;
}

.header .menu-item-has-children:hover:after {
  transform: rotate(180deg);
}

.header .top_nav ul {
  padding: 0;
  margin: 0;
}

.header .top_nav li a {
  text-decoration: none;
  color: var(--text);
  padding: 10px 0;
}

.header .top_nav li a:hover {
  color: var(--text);
}

.header .top_nav li ul {
  position: absolute;
  width: 200px;
  background: var(--stickyHeader);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transform-origin: top center;
  z-index: 999;
  top: 50px;
  transform-origin: top center;
  -webkit-transform: rotateY(-10deg);
  -moz-transform: rotateY(-10deg);
  -ms-transform: rotateY(-10deg);
  -o-transform: rotateY(-10deg);
  transform: rotateY(-10deg);
  opacity: 0;
  visibility: hidden;
  padding: 5px;
  transition: all .3s;
  border-radius: 10px;
  box-shadow: 0px 0px 15px #101014e0;
}

.header .top_nav li ul:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #101014bd transparent;
  position: absolute;
  top: -6px;
  right: 11px;
}

.header .top_nav li:hover>.sub-menu {
  visibility: visible;
  opacity: 1;
  top: 35px;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.header .top_nav .sub-menu {
  padding: 5px 0;
}

.header .top_nav .sub-menu .sub-menu {
  right: 215px;
  margin-top: -35px;
}

.header .top_nav li ul li ul:before {
  right: -8px;
  top: 20px;
  transform: rotate(90deg);
}

.header .sub-menu .menu-item-has-children::after {
  display: none;
}

.float_menu .sub-menu .sub-menu {
  background: var(--bg_darker);
}


.header .top_nav .sub-menu li {
  display: block;
  padding: 7px 15px;
  transition: all 0.2s;
  position: relative;
}

.header .top_nav .sub-menu li:hover {
  background-color: #0000004a;
}


.header .top_nav .sub-menu li a {
  font-size: 13px;
  transition: all 0.3s;
}

.header .login {
  float: left;
  margin: 15px 15px;
  font-size: 20px;
  background: var(--bg);
  color: var(--text);
  padding: 2px 7px;
  border-radius: 3px;
  transition: all ease 0.1s;
}

.header .login:hover {
  background: #25252d;
}

.search_form {
  /* display: inline-block; */
  float: left;
  margin-top: 15px;
  position: relative;
  margin-right: 7px;
}

.search_form button {
  border: none;
  background: none;
  position: relative;
  float: left;
  top: -29px;
  left: 5px;
}

.search_form i {
  color: var(--text);
}

.search_form input {
  background: var(--bg);
  border: none;
  color: var(--text);
  font-size: 14px;
  width: 270px;
  transition: all ease 0.1s;
  border: solid 1px transparent;
  outline: none !important;
  border-radius: 40px;
}

.search_form input::placeholder {
  color: var(--text);
}

.search_form input:focus {
  /* background: #25252d; */
  color: var(--text);
  box-shadow: none;
  transition: all ease 0.1s;
  outline: none !important;
}

#datafetch {
  position: absolute;
  width: 100%;
  background: var(--bg2);
  margin-top: 9px;
  border-radius: 3px;
  padding: 0px;
  font-size: 13px;
  display: none;
  z-index: 999999;
}

#datafetch h6 {
  color: var(--text);
  font-size: 14px;
  text-align: center;
  margin-top: 7px;
}

#datafetch .search_row {
  border-bottom: solid 1px var(--bg2);
  padding: 7px 8px;
}

#datafetch .search_row a {
  color: var(--text);
  font-weight: bold;
}

#datafetch .search_row span {
  color: #9b9b9b;
  font-weight: normal;
  display: block;
  padding-top: 3px;
}

#datafetch a {
  color: var(--text);
}

#datafetch .center {
  text-align: center;
}

#datafetch .show_more {
  background: var(--bg);
  padding: 10px;
  display: inline-block;
  margin: 5px;
  border-radius: 3px;
  width: calc(100% - 12px);
  font-size: 12px;
  transition: all ease 0.3s;
}

#datafetch .show_more:hover {
  background: var(--bg2);
}

/* .tooltip {
  font-family: IRANSans;
} */

#login .modal-body {
  margin: 0 auto;
}

#login input {
  background: #101014;
  border: none;
  color: var(--text);
  font-size: 15px;
  transition: all ease 0.1s;
}

#login .nav-pills .nav-link {
  padding: 10px 90px;
  color: var(--text);
}

.login_register {
  display: inline-block;
  margin: 15px 0;
  position: relative;
}

.panel_items {
  position: absolute;
  width: 200px;
  background: var(--bg);
  border-radius: 10px;
  margin-top: 4px;
  box-shadow: 0px 0px 15px #101014e0;
  z-index: 12;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  margin: 20px 0;
  transition: all 0.2s;
  left: 0;
}

.panel_items.active {
  opacity: 1;
  visibility: visible;
  margin-top: 10px !important;
}

.panel_items ul {
  margin-bottom: 0;
}

.panel_items li:last-of-type {
  border-bottom: none;
}

.panel_items li:hover {
  background: var(--bg_lighter);
}

.panel_items img {
  width: 32px;
  height: 32px;
  border-radius: 50px;
}

.panel_items span {
  display: block;
  font-size: 12px;
  padding: 0 31px 0;
  color: var(--primaryColor);
}

.panel_items li {
  list-style: none;
  display: block;
  padding: 5px 0;
  border-bottom: solid 1px var(--bg_lighter);
  transition: all 0.3s;
}

/* .panel_items li i {
  width: 20px;
  height: 20px;
  background: var(--primaryColor);
  border-radius: 5px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
} */

/* notification bar */
.notif_items {
  position: absolute;
  width: 300px;
  background: var(--bg);
  border-radius: 10px;
  margin-top: 4px;
  box-shadow: 0px 0px 15px #101014e0;
  z-index: 12;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  margin: 20px 0;
  transition: all 0.2s;
  left: -66px;
}

.notif_items.active {
  opacity: 1;
  visibility: visible;
  margin-top: 10px !important;
}

.notif_items ul {
  padding: 15px;
  margin-bottom: 0;
  font-size: 12px;
}

.notif_items ul li {
  color: var(--text);
  list-style: none;
  border-bottom: solid 1px var(--bg_lighter);
  padding: 5px 0;
}

.notif_items ul li:last-of-type {
  border: none;
}

.notif_items ul li strong {
  font-size: 14px;
}

.notif_items ul li span {
  font-size: 13px;
  opacity: .7;
}

.notif_items ul li strong i {
  margin-left: 5px;
}

.notif_items ul li p {
  opacity: .7;
  margin: 9px 0;
  font-size: 13px;
}

.show_all_notifs {
  display: block;
  text-align: center;
  margin: 11px 10px;
  padding: 11px;
  background: var(--primaryColor);
  border-radius: 10px;
  font-size: 13px !important;
  font-weight: 600;
}

/* notification bar */

.bold {
  font-weight: bold !important;
}

.panel_items a {
  padding: 4px 9px;
  display: block;
  font-size: 14px !important;
}

.panel_items span i {
  position: relative;
  top: 3px;
  font-size: 10px;
  right: 2px;
}

.panel_items small {
  display: inline-block;
  font-size: 14px;
  margin-right: 5px;
}

.login_register a {
  color: var(--text);
  font-size: 15px;
}

#login .tab-content {
  color: var(--text);
}

#login .modal-header {
  color: var(--text);
  border-bottom: 1px solid #111115;
}

#login .modal-content {
  background: var(--bg);
}

.featured {
  padding: 120px 0 60px;
  display: block;
  background: var(--bg_darker);
}

.featured img {
  display: inline-block;
  border-radius: 10px;
  /* height: 344px; */
  height: auto;
  object-fit: cover;


  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

.featured .owl-item {
  overflow: hidden;
}

.featured .featured_item {
  margin-right: 13px;
  border-radius: 5px;
  /* overflow: hidden; */
  position: relative;
}

.featured .featured_item_hover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: rgb(0 0 0 / 70%);
  padding: 15px;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all .3s;
  border-radius: 9px;
  backdrop-filter: blur(5px);
  transform: scale(1.2);
}

.featured .featured_item_hover:hover {
  opacity: 1;
  transform: scale(1.0);
}

.featured .featured_item_hover h2 {
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  margin-top: 20px;
}

.featured .featured_item_likes {
  color: #fff;
  font-size: 13px;
  display: block;
  margin: 10px 0;
}

.featured .featured_item_imdb {
  border: solid 1px #ffd400;
  color: #ffd400 !important;
  border-radius: 5px;
  padding: 5px 7px 5px;
  text-align: center;
  vertical-align: middle;
  margin: 0 15px;
  font-family: sans-serif;
}

.featured .description {
  font-size: 13px;
  font-weight: 200;
  color: #fff;
  margin: 3px 0;
}

.featured p {
  color: #fff;
  font-size: 13px;
  padding: 15px 0;
}

.featured .owl-nav {
  position: absolute;
  top: 30%;
  right: 0;
  left: 0;
}

.featured button.owl-prev .slider_actions,
.featured button.owl-next .slider_actions {
  position: absolute;
  top: 50%;
  transform: translateY(50%);
  font-family: sans-serif;
  width: 40px;
  height: 40px;
  font-size: 17px;
  font-weight: 300;
  line-height: 0;
  color: var(--text);
  transition: all ease 0.1s;
  background: var(--primaryColor);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.featured button.owl-prev:hover .slider_actions,
.featured button.owl-next:hover .slider_actions {
  background: #1e1e25;
}

.featured .owl-next.disabled {
  opacity: 0;
  visibility: hidden;
}

.featured .owl-prev.disabled {
  opacity: 0;
  visibility: hidden;
}

.featured .owl-next .slider_actions {
  left: -19px;
}

.featured .owl-prev .slider_actions {
  right: -7px;
}

.after_fe {
  margin: 30px auto;
  min-height: 500px;
}


.after_fe2 {
  margin: 50px auto;
  min-height: 500px;
}

.post {
  background: var(--bg2);
  color: var(--text);
  padding: 10px;
  margin-bottom: 15px;
  border-radius: 10px;
  position: relative;
  box-shadow: 0px 0px 13px #10101438;
}

.post_controller .post_btn {
  font-size: 19px;
  background: none;
  border: none;
  color: var(--text);
}

.post .post_image {
  display: inline-block;
}

.post .post_image .post_image--inner {
  position: relative;
}


.post_meta--inner {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 0 5px;
}

.post .post_image img {
  border-radius: 3px;
  width: 100%;
  min-height: 305px;
  height: auto;
  transition: all ease 0.2s;
  object-fit: cover;
}

.post .post_image img:hover {
  filter: contrast(1.1);
}

.post .sub_meta i {
  font-size: 20px;
  margin-left: 5px;
  /* margin-top: 4px; */
  line-height: 2rem;
  vertical-align: middle;
}

.post .sub_meta {
  width: 100%;
  background: #0d6efd;
  padding: 0 5px;
  margin: 5px 0;
  border-radius: 3px;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500;
  width: 30px;
  overflow: hidden;
  white-space: nowrap;
  transition: all 0.3s ease;
}

.post .about_box {
  margin: 5px 0 0;
}

.post .sub_meta:hover {
  width: 100%;
}

.meta_def {
  background: #27ae60 !important;
  color: var(--text);
}

.meta_imdbtop {
  background: #ffda77 !important;
  color: #25252d !important;
}

.meta_double {
  background: #ff5252 !important;
  color: var(--text);
}

.meta_custom {
  background: #33a4d5 !important;
  color: #ffffff;
}

.post .post_details {
  display: inline-block;
  padding: 2px 10px 0;
}

.post .post_blog {
  display: inline-block;
  padding: 10px 20px;
  line-height: 1.8;
}

.post .post_blog img {
  max-width: 100%;
  height: auto;
}

.post .post_details h2 {
  display: flex;
  margin: 10px 0 20px;
}


.post .post_blog h2 {
  display: inline-block;
  align-items: center;
}

.post .post_details h2 a {
  text-decoration: none;
  color: var(--text);
  font-size: 19px;
  font-weight: bold;
  display: inline-flex;
}

.post .post_blog h1 a {
  text-decoration: none;
  color: var(--text);
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 5px;
  display: inline-block;
}

.post_blog .blog_meta {
  display: block;
}

.post_blog .blog_meta i {
  padding: 0 5px;
}

.post_blog .blog_meta li {
  display: inline-block;
  list-style: none;
}

.legal {
  font-size: 13px;
  color: #33c1ff;
}

.legal i {
  width: 15px;
  height: 15px;
  background: #33c1ff;
  border-radius: 50px;
  display: inline-block;
  color: var(--text);
  font-size: 15px;
  margin-right: 12px;
  text-align: center;
}

.censored {
  font-size: 13px;
  color: #24b56a;
}

.censored i {
  width: 15px;
  height: 15px;
  background: #24b56a;
  border-radius: 50px;
  display: inline-block;
  color: var(--text);
  font-size: 15px;
  margin-right: 12px;
  text-align: center;
}

.top250 {
  font-size: 13px;
  color: #efc019;
}

.top250 i {
  width: 15px;
  height: 15px;
  background: #efc019;
  border-radius: 50px;
  display: inline-block;
  color: var(--text);
  font-size: 15px;
  margin-right: 12px;
  text-align: center;
}

.post .post_meta {
  color: var(--text);
}

.post .post_meta i {
  margin-left: 5px;
  font-size: 18px;
  color: var(--text);
}

.post .post_meta strong {
  font-size: 15px;
  font-weight: bold;
}

ul {
  padding-right: 0px;
  padding-left: 0px;
}

.post .post_meta li {
  list-style: none;
  font-weight: 400;
  font-size: 13px;
  background: linear-gradient(277deg, rgb(0 0 0 / 10%), transparent);
  padding: 9px 10px;
  border-radius: 6px;
  margin: 6px 0;
}

.post .post_meta li a {
  color: var(--text);
  transition: all ease 0.3s;
  font-weight: 400;
}

.post .post_meta li a:hover {
  color: var(--text);
}

.post p {
  font-size: 14px;
  background: var(--bg_lighter);
  padding: 7px;
  border-radius: 3px;
}

.post .imdb {
  border: solid 1px #ffd400;
  color: #ffd400 !important;
  border-radius: 5px;
  padding: 3px 5px 0px;
  text-align: center;
  vertical-align: middle;
  float: left;
}

.post .post_download {
  float: left;
  border-color: var(--primaryColor);
  color: var(--primaryColor);
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
}

.post .post_download:hover {
  background-color: var(--primaryColor);
  color: var(--text);
}

.post .post_download i {
  font-size: 18px;
  margin-left: 10px;
  position: relative;
  top: 3px;
}

.post_small {
  margin-bottom: 15px;
  margin-top: 15px;
  position: relative;
  transition: all ease 0.1s;
  cursor: pointer;
}

.post_small img {
  width: 100%;
  height: 290px;
  border-radius: 15px;
  object-fit: cover;
}

.serial::before {
  content: "";
  position: absolute;
  top: -18px;
  left: 50%;
  width: 80%;
  height: 50%;
  background: #15151b;
  z-index: 1;
  margin-left: -40%;
  transition: all ease 0.5s;
}

.serial::after {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  width: 90%;
  height: 50%;
  background: #101015;
  z-index: 2;
  margin-left: -45%;
  transition: all ease 0.3s;
}

.post_small_inner {
  position: relative;
}

.post_small_inner {
  z-index: 3;
}

.serial:hover::before,
.serial:hover::after {
  top: 10px;
}

.post_small_title a {
  color: var(--text);
  font-size: 15px;
  margin: 5px 0;
  display: block;
  transition: all ease 0.3s;
}

.post_small_inner a:hover {
  color: var(--text);
}

.star_title_c {
  font-size: 17px;
  color: var(--text);
  font-weight: 600;
}

.star_title_c span {
  display: block;
  width: 100%;
  font-weight: 300;
  font-size: 14px;
  margin-top: 6px;
}

.stars {
  text-align: center;
}

.stars img {
  width: 100%;
  height: 196px;
  border-radius: 50% !important;
  transition: all ease 0.2s;
  object-fit: cover;
  background: var(--bg_lighter);
}

.stars img:hover {
  filter: contrast(1.2) grayscale(1.3);
}

.stars .stars_title {
  margin: 10px 0;
  color: var(--text);
  font-size: 15px;
}

.stars .stars_title small {
  color: #cbc9c9
}

.widget {
  margin-bottom: 30px;
}

.wrapper {
  background: #101014;
  padding: 20px 0;
}

.cat_title {
  display: flex;
  justify-content: space-between;
  margin: 15px 0 15px;
}

.cat_title_more {
  color: #fff !important;
  font-size: 13px;
  display: flex;
  align-items: center;
  line-height: 0;
  font-weight: 500;
  transition: all .2s;
}

.cat_title_more:hover {
  background: none !important;
}

.film_cat .genre_meta a {
  border: solid 1px #ddd;
}

.film_cat_carousel .owl-item {
  margin-top: 15px;
}

.film_cat_carousel_big .owl-item {
  margin-top: 15px;
}

.film_cat_carousel .owl-stage {
  padding-right: 0px !important;
}

.film_cat_carousel_big .owl-stage {
  padding-right: 0px !important;
}

.big_cat_title {
  position: relative;
}

.big_cat_title .cat_title {
  flex-direction: column !important;
  margin-top: 40px;
  position: relative;
}

.ltr {
  text-align: left;
}

.big_cat_title .star_title_c {
  font-size: 26px !important;
}

.big_cat_title .star_title_c::before {
  content: '';
  width: 61px;
  height: 2px;
  background: #4051b6;
  position: absolute;
  margin: -8px 2px;
}

.big_cat_title .cat_title_badge {
  color: var(--text);
  font-size: 15px;
  margin-bottom: 25px;
  font-weight: 400;
}

.big_cat_title .icon {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 0;
  font-size: 120px;
  color: #2a2a3161;
  z-index: -1;
  opacity: .4;
}


.cat_title_more i {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--bg_lighter);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.cat_title a {
  border-color: var(--primaryColor);
  color: var(--primaryColor);
}

.cat_title a:hover {
  background: var(--primaryColor);
  border-color: var(--primaryColor);
}

.film_cat {
  text-align: right;
  margin-bottom: 20px;
  position: relative;
  /* overflow: hidden; */
  transition: all 0.3s;
}

.film_cat .position-relative::before {
  content: '';
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .56));
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

.imdbRate_overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  font-family: sans-serif;
  color: var(--text);
  width: 100%;
  padding: 10px;
}

.imdbRate_overlay span {
  font-size: 20px;
  font-weight: 500;
}

.imdbRate_overlay .rotten {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  color: #eb8307;
  fill: #eb8307;
  background: #000000b3;
  backdrop-filter: blur(2px);
  border-radius: 10px;
  padding: 5px;
  font-weight: 400;
  font-size: 13px;
  padding: 5px 6px;
  transition: all .3s;
}

.imdbRate_overlay .rotten svg {
  width: 17px;
  height: 17px;
  margin-left: 5px;
  line-height: 0;
}

.film_cat .film_overlay {
  position: absolute;
  top: -15px;
  right: 50%;
  transform: translateX(50%);
  transition: all .3s;
  white-space: nowrap;
  z-index: 2;
}

.film_cat .film_overlay .dobed {
  background: #3f51b5;
  font-size: 12px;
  border: solid 4px var(--bg);
  border-radius: 50px;
  text-align: center;
  padding: 5px 11px;
  margin: 0 5px;
  display: flex;
  color: #f3f3f3;
  font-weight: 500;
}

.film_cat .film_overlay .censored {
  background: #eb8307;
  font-size: 12px;
  border: solid 4px var(--bg);
  border-radius: 50px;
  text-align: center;
  padding: 5px 11px;
  margin: 0 5px;
  display: flex;
  color: #f3f3f3;
  font-weight: 500;
}

.film_cat .film_overlay .sub {
  background: #ec3a3a;
  font-size: 12px;
  border: solid 4px var(--bg);
  border-radius: 50px;
  text-align: center;
  padding: 5px 11px;
  margin: 0 5px;
  display: flex;
  color: #f3f3f3;
  font-weight: 500;
}


.film_cat .film_overlay2 {
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 70%);
  right: 0;
  top: 0;
  border-radius: 15px;
  /* backdrop-filter: blur(6px); */
  display: flex;
  flex-direction: column-reverse;
  padding: 10px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
}

.film_overlay2_meta {
  color: var(--text);
  font-size: 14px;
  padding: 3px 0;
  text-align: center;
}


.genre_meta span {
  display: inline-block;
  border: solid 1px rgb(120 120 120 / 40%);
  border-radius: 10px;
  padding: 4px;
  line-height: 1.2rem;
  white-space: pre-wrap;
  margin: 5px 2px;
  color: #e2e2e2;
}


.film_overlay2_meta img {
  width: 29px !important;
  height: 12px !important;
  border-radius: 0 !important;
  display: inline-block !important;
}

.secondary_:hover .film_overlay2 {
  visibility: visible;
  opacity: 1;
}

.secondary_ .film_overlay2 {
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 63%);
  right: 0;
  top: 0;
  border-radius: 5px;
  backdrop-filter: blur(6px);
  display: flex;
  flex-direction: column-reverse;
  padding: 10px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
}


.film_cat:hover .film_overlay2 {
  visibility: visible;
  opacity: 1;
}

.film_cat img {
  width: 100%;
  /* height: auto; */
  /* max-height: 270px; */
  height: 100%;
  object-fit: cover;
  transition: all ease 0.2s;
  border-radius: 15px !important;
  aspect-ratio: 2/3;
}

.film_cat .imdb-c {
  color: #f5c518;
}


.film_cat_title {
  margin: 5px 0;
  color: var(--text);
  font-size: 14px;
}

.film_cat_title2 {
  margin: 5px 0;
  color: var(--text);
  font-size: 14px;
}

.cat_link,
.cat_name {
  display: none;
}

.widget-bg {
  background: var(--bg2);
  /* padding: 10px; */
  border-radius: 10px;
  box-shadow: 0px 0px 13px #10101438;
}

.widget .widget_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.widget .widget_title h3 {
  font-size: 16px;
  color: var(--text);
  display: inline-block;
}

.widget .widget_title h3 i {
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.widget .widget_title a {
  text-decoration: none;
  color: var(--text);
  font-size: 13px;
  border-radius: 5px;
  transition: all .3s;
  padding: 2px 5px;
}

.widget .widget_title a:hover {
  background: var(--primaryColor);
}

.widget .widget_inner {
  margin-top: 15px;
}

.widget-bg .widget_inner {
  padding: 10px;
}

.widget .widget_inner .update_info {
  position: absolute;
  bottom: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 78%) 42%, var(--bg2) 100%);
  color: #fff;
  padding: 5px 10px;
  font-size: 14px;
  width: 100%;
  transition: all 0.2s;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.update_info span,
.update_info .txt_flow {
  z-index: 3;
  position: relative;
}

.widget .widget_inner .update_info::before {
  content: '';
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 78%) 42%, rgba(0, 0, 0, 1) 100%);
  opacity: 0;
  transition: all .3s;
  width: 100%;
  position: absolute;
  height: 100%;
  right: 0;
  z-index: 2;
}

.widget .update:hover .update_info::before {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 78%) 42%, rgba(0, 0, 0, 1) 100%);
  opacity: 1;
}

.widget .update:hover img {
  transform: scale(1.1) !important;
}

.widget .update {
  position: relative;
  margin-bottom: 10px;
  transition: all 0.2s;
  border-radius: 8px;
  overflow: hidden;
}

.widget .update img {
  width: 100%;
  height: 90px;
  object-fit: cover;
  transition: all .3s;
  border-radius: 3px !important;
}

.widget .widget_inner .update_info span {
  padding: 3px 0px;
  font-size: 12px;
  color: #b3b3b3;
  border-radius: 3px !important;
}



.widget .nav-link {
  padding: 2px 10px;
  font-size: 13px;
  color: var(--text);
}

.widget .nav-link.active {
  color: #fff !important;
}

.wid .widget .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background: var(--primaryColor);
}

.widget_inner .genre {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.widget_inner .genre li {
  display: flex;
  list-style: none;
  color: #cad0d0;
  font-size: 13px;
  padding: 9px;
  background: var(--bg_lighter2);
  border-radius: 5px;
  width: 100%;
  margin-bottom: 7px;
  transition: all ease 0.1s;
  cursor: pointer;
  flex-basis: 49%;
  justify-content: space-between;
  flex-direction: row;
}

.widget.style2 .update {
  text-align: center;
}

.widget_inner .genre li:hover {
  background: var(--bg_lighter);
}

.widget_inner .genre li a {
  color: var(--text);
}

.widget_inner .genre li span {
  float: left;
  background: var(--bg2);
  border-radius: 3px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  width: 20px;
  height: 20px;
}

.instagram_b {
  background: radial-gradient(circle at 30% 107%,
      #fdf497 0%,
      #fdf497 5%,
      #fd5949 45%,
      #d6249f 60%,
      #285aeb 90%);
  padding: 15px;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  margin: 0 0 10px;
}

.instagram_b a {
  color: #fff;
}

.instagram_b i {
  font-size: 18px;
  position: relative;
  top: 3px;
}

.left {
  float: left;
}

.telegram_b {
  background: linear-gradient(170deg, #0088CC, #00aaff);
  padding: 15px;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
}

.telegram_b a {
  color: #fff;
}

.telegram_b i {
  font-size: 18px;
  position: relative;
  top: 3px;
}

.mobile_b {
  background: linear-gradient(157deg, #32DE84, #075e36);
  padding: 15px;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
  transition: all 0.3s;
}

.mobile_b .bi-cloud-download {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(30px);
}

.telegram_b:hover .bi-chevron-double-left {
  opacity: 1;
  transform: translateX(0px);
}

.telegram_b .bi-chevron-double-left {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(30px);
}

.instagram_b:hover .bi-chevron-double-left {
  opacity: 1;
  transform: translateX(0px);
}

.instagram_b .bi-chevron-double-left {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(30px);
}

.mobile_b:hover .bi-cloud-download {
  opacity: 1;
  transform: translateX(0px);
}

.mobile_b a {
  color: #fff;
}

.mobile_b i {
  font-size: 18px;
  position: relative;
  top: 3px;
}

.footer {
  background: var(--bg_darker);
  padding: 20px 0 0;
}

.footer .about {
  display: flex;
  flex-direction: column;
}

.footer .about p {
  color: var(--text);
  padding: 10px 0;
  font-size: 15px;
  text-align: justify;
}

.footer .logo {
  color: var(--text);
  font-weight: bold;
  display: inline-block;
}

.footer .logo a {
  text-decoration: none;
  color: var(--text);
}

.footer .logo img {
  width: auto;
  height: 40px;
}

.footer .links li {
  list-style: none;
  font-size: 14px;
  padding: 6px 0;
}

.footer .links li:before {
  content: '';
  width: 5px;
  height: 5px;
  background: var(--primaryColor);
  position: relative;
  top: 0;
  margin-left: 5px;
  display: inline-block;
  transition: all .3s;
}

.footer .links li:hover:before {
  width: 8px;
}

.footer .links li a {
  color: var(--text);
  font-weight: normal;
  padding: 2px;
}

.footer .links h3 {
  font-size: 15px;
  font-weight: bold;
  color: var(--text);
}

.footer .links h3 i {
  font-size: 16px;
  position: relative;
  top: 2px;
  margin-left: 5px;
}

.footer .social h3 {
  font-size: 15px;
  font-weight: bold;
  color: var(--text);
}

.footer .social h3 i {
  font-size: 16px;
  position: relative;
  top: 2px;
  margin-left: 5px;
}

.social ul {
  margin: 0 0 20px;
}

.social a {
  color: #fff;
}

.social li {
  list-style: none;
  font-size: 17px;
  padding: 5px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  transition: all ease-in-out 0.3s;
  display: inline-block;
}

.social li:hover {
  box-shadow: inset 0 0 0 30px rgb(0 0 0 / 30%);
}

.instagram {
  background: #e4405f;
}

.whatsapp {
  background: #25d366;
}

.telegram {
  background: #0088cc;
}

.youtube {
  background: #cd201f;
}

.discord {
  background: #7289da;
}

.skype {
  background: #00aff0;
}

.facebook {
  background: #1877f2;
}

.twitter {
  background: #0f141a;
}

.social li a {
  color: #fff;
}

.copyright {
  display: flex;
  background: var(--bg_darker2);
  color: var(--text);
  font-size: 13px;
  padding: 10px;
}

.fix {
  position: fixed !important;
  z-index: 9999;
  width: 100%;
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.7) 0px,
      rgba(0, 0, 0, 0.7)) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px);
  top: 0 !important;
  /* height: 70px; */
}

.fix0 {
  top: -100px;
  transition: all 400ms;
  /* position: sticky; */
  z-index: 999999;
}



.top-fixed-now {
  position: fixed !important;
  transition: all 400ms;
  top: 0px !important;
}

.top-fixed-now0 {
  top: -100px;
  transition: all 400ms;
}

.post_header {
  position: relative;
  background-size: 100% auto;
  background: #111;
  overflow: hidden;
  color: #cbcfd3;
}

.post_header_cover {
  position: absolute;
  right: 0;
  left: 0;
  height: 100%;
  opacity: 0.4;
  transform: scale(1);
  top: 0;
  background-position: center 50%;
  background-repeat: no-repeat;
  filter: blur(15px);
  background-size: 100% auto;
}

.post_header_dark {
  position: absolute;
  right: 0;
  left: -10px;
  height: 100%;
  opacity: 1;
  top: 0;
  background: linear-gradient(to bottom, transparent 0%, #101014 470px);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
}

.post_header_content {
  z-index: 1;
  padding: 100px 0 30px;
}

.z-index-2 {
  z-index: 2;
}

.post_cover {
  position: relative;
}

.post_cover img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  object-fit: contain;
}

.post_header_meta {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 10px;
  font-size: 14px;
  margin-right: 15px;
}

.post_header_meta a {
  color: #dddddd;
  transition: all 0.3s
}

.post_header_meta a:hover {
  color: var(--text);
}

.post_header_meta .vr {
  position: relative;
  top: 4px;
}

.post_meta_i .imdbb {
  margin-left: 20px;
}

.post_meta_i .icon {
  background: #89d64f;
  width: 34px;
  height: 34px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  position: relative;
  top: -4px;
}

.post_meta_i .icon i {
  position: relative;
  top: 9px;
  font-size: 15px;
}

.post_header_info h1 {
  display: block;
  font-size: 19px;
  font-weight: bold;
  color: var(--text);
  margin-bottom: 15px;
}

.p-t-20 {
  padding-top: 20px;
}

.imdb-svg {
  width: 34px;
  height: 34px;
}

.fw-bold {
  font-size: 15px;
  color: #fff;
}

.m-b-30 {
  margin-bottom: 30px;
}

.actor {
  margin-bottom: 10px;
}

.post_like {
  margin-right: 5px;
  margin-top: 20px;
}

.post_like .btn {
  background: rgba(250, 250, 250, 0.125);
  border: none;
  color: #c7c3c3;
  font-size: 13px;
  padding: 11px;
  margin: 15px 0px;
  outline: none;
}

.post_like .btn i {
  font-size: 15px;
  color: #f7f7f7;
}

.post_content {
  margin: 30px 0;
}

.post-content-title {
  font-size: 17px;
  font-weight: bold;
  color: var(--text);
}

.post-content-title i {
  color: var(--text);
  margin-left: 5px;
}

.post-content-more {
  color: var(--text);
  font-size: 14px;
  font-weight: 500;
  opacity: .8;
}

.divider {
  border-bottom: solid 1px var(--bg_lighter2);
}

.m-t-10 {
  margin-top: 10px;
}

.m-t-20 {
  margin-top: 10px;
}

.age_y {
  color: #ffc107;
  display: inline-flex;
}

.mobile_menu_icon {
  display: none;
  color: var(--text);
  font-size: 23px;
  float: right;
  position: absolute;
  cursor: pointer;
  transition: all ease 0.1s;
}

.mobile_search_icon {
  color: var(--text);
  font-size: 18px;
  position: absolute;
  margin: 15px 0 0;
  cursor: pointer;
  transition: all ease 0.1s;
  left: 15px;
  top: 5px;
  display: none;
}

.mobile_search_icon .mobile_notif_icon {
  font-size: 20px;
  margin-left: 10px;
  position: relative;
  top: 1px;
  color: var(--text);
}

.mobile_search_icon .mobile_notif_icon .count_mobile {
  position: absolute;
  right: -8px;
  left: 0;
  top: -5px;
  width: 15px;
  height: 15px;
  border-radius: 5px;
  background: var(--primaryColor);
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  border-radius: 50%;
  font-weight: bold;
}

.mobile_menu_icon:hover {
  color: #cad0d0;
}

.float_menu {
  background: var(--bg);
  right: -240px;
  top: 82px;
  height: 100%;
  width: 70%;
  transition: 0.6s;
  overflow-y: hidden;
  overflow-x: visible;
  z-index: 99999999999999999999999999999999;
  position: fixed;
  top: 0;
  right: -100%;
  display: flex;
  flex-direction: column;
}

.float_menu .menunav {
  overflow: auto !important;
}

.float_menu__cta {
  background: var(--bg2);
  width: 100%;
  margin-top: 20px;
  bottom: calc(env(safe-area-inset-bottom) + 0px);
  position: absolute;
}

.comfort-slider .film_cat img {
  max-height: unset !important;
}

.float_menu .theme_switch_btn {
  display: flex;
  margin: 10px;
  justify-content: space-around;
}

.float_menu .theme_switch_btn button {
  background: none;
  position: relative;
  border: solid 2px var(--primaryColor);
  color: var(--primaryColor);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.float_menu .notif_switch_btn a {
  background: none;
  position: relative;
  border: solid 2px var(--primaryColor);
  color: var(--primaryColor);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.float_menu .notif_switch_btn {
  display: flex;
  margin: 10px;
  justify-content: space-around;
}

.notif_switch_btn a .count {
  border-radius: 50px;
  color: #fff !important;
}

.float_menu .logo {
  color: var(--text);
  font-weight: bold;
  display: block;
  margin: 20px 0;
  text-align: center;
}

.float_menu .logo a {
  text-decoration: none;
  color: var(--text);
}

.float_menu .logo img {
  width: 40px;
  height: 40px;
}

.float_menu li {
  display: block;
  border-bottom: solid 1px var(--bg2);
  position: relative;
}

.float_menu .menu-item-has-children::after,
.float_menu .menu-item-has-children::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  left: 15px;
  top: 23px;
  border-radius: 3px;
  background: #ccc;
}

.float_menu li::before {
  transform: scale(1) rotate(90deg);
  transition: all 500ms;
}

.float_menu li.child-minus::before {
  transform: scale(0) rotate(90deg);
  transition: all 500ms;
}

.float_menu li a {
  color: #ccc;
  font-size: 14px;
  padding: 13px;
  display: block;
  transition: all ease 0.5s;
}

.float_menu li a:hover {
  color: var(--text);
}

.float_menu .sub-menu li {
  border-bottom: none;
}

.float_menu .sub-menu li:after,
.float_menu .sub-menu li:before {
  display: none;
}

.float_menu .sub-menu {
  background: var(--bg2);
}

.float_menu_holder {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background: rgb(0 0 0 / 32%);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.mobile_search {
  display: flex;
  position: absolute;
  z-index: 4;
  background: var(--bg);
  width: 100%;
  visibility: hidden;
  top: -100px;
  transition: all ease 0.3s;
}

.mobile_search.active {
  top: 0;
  visibility: visible;
}

.mobile_search button {
  color: #6c7471;
  position: absolute;
  top: 15px;
  left: -5px;
  border: none;
  background: none;
  float: left;
}

.mobile_search #searchform {
  width: 80%;
  position: relative;
}

.mobile_search input {
  background: var(--bg);
  border: none;
  color: var(--text);
  font-size: 15px;
  width: 100%;
  transition: all ease 0.1s;
  margin: 10px 10px 10px 0px;
}

.mobile_search .close_mobile {
  color: var(--primaryColor);
  font-size: 14px;
  margin: 15px 15px 15px 5px;
  cursor: pointer;
}

.mobile_search input:focus {
  background: #25252d;
  color: var(--text);
  box-shadow: none;
  transition: all ease 0.1s;
}

.m-b-10 {
  margin-bottom: 10px;
}

.download_section {
  margin-bottom: 25px;
}

.download_inner {
  background: var(--bg2);
  color: var(--text);
  padding: 10px;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0px 0px 13px #10101438;
}

.download_section .download_item {
  background: var(--bg_lighter);
  margin: 10px;
  padding: 20px;
  border-radius: 3px;
  font-size: 13px;
  color: var(--text);
  border-right: solid 4px var(--bg_darker);
}

.serial-darker {
  background: var(--bg_darker) !important;
  color: #fff !important;
}

.internet {
  display: flex;
}

.internet i {
  color: #ffc107;
  font-size: 20px;
  margin-left: 6px;
}

.internet span {
  color: var(--text);
  font-size: 13px;
  display: inline-block;
  margin: 3px 0;
}

.download_section .download_item .badge-v {
  color: #aa7df2;
  background-color: rgb(170 125 242 / 14%);
  font-size: 12px;
  padding: 2px 7px;
  border-radius: 3px;
  display: inline-block;
}

.download_section .download_item .align-left {
  float: left;
  display: flex;
  align-items: center;
}

.download_section .download_item .align-right {
  float: right;
}

.download_section .download_item .download_info {
  display: inline-block;
  margin-top: 14px;
  font-size: 14px;
}

.download_section .download_item .download_info span {
  margin: 0 1px;
  font-weight: bold;
  font-size: 13px;
}

.text-green {
  color: #89d64f !important;
}

.new {
  border: solid 1px #FF7555;
  padding: 0 6px 1px;
  border-radius: 5px;
  text-align: center;
  color: #FF7555;
  font-size: 13px;
  font-weight: normal;
}

.download_section .download_item .button {
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 7px 15px 8px;
  font-size: 14px;
  line-height: 2;
  border-radius: 3px;
  margin: 0 3px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.download_section .download_item .button_online {
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  color: #ffc107;
  background: rgb(255 193 7 / 15%);
  padding: 6.2px;
  font-size: 14px;
  line-height: 2;
  border-radius: 3px;
  margin: 0 3px;
  transition: all 0.3s;
  overflow: hidden;
  position: relative;
}

.button-green {
  color: #fff;
  background-color: rgb(18 174 64 / 15%);
  color: #12ae40;
  stroke: #12ae40;
}

.button-green:hover {
  background-color: #108f35;
  color: #fff;
  stroke: #fff;
}

.dl_icon {
  width: 22px;
  height: 22px;
  margin-left: 6px;
  display: inline-flex;
  align-items: center;
}

.button-blue {
  color: #fff;
  background: rgb(64 80 181 / 15%) !important;
  color: rgb(64 80 181) !important;
  stroke: rgb(64 80 181) !important;
}

.button-blue:hover {
  background-color: rgb(64 80 181) !important;
  color: #fff !important;
  stroke: #fff !important;
}

.button-orange {
  color: #fff;
  background-color: rgb(0 214 158 / 15%) !important;
  color: #00d69e !important;
  stroke: #00d69e !important;
}

.button-orange:hover {
  background-color: #00d69e !important;
  color: #fff !important;
  stroke: #fff !important;
}

.nav-link {
  border: none !important;
  color: #c0c5c9 !important;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 50px;
  border-radius: 50px !important;
}

.download_inner .tab-content {
  background: var(--bg);
  padding: 5px;
}

.serial-item {
  background: var(--bg2) !important;
  border-right: solid 4px var(--bg);
}

.serial-dl-info {
  margin-top: 15px !important;
}

.download_inner .nav-link {
  border-radius: 5px 5px 0 0 !important;
}

.download_inner .nav-link.active {
  color: #c0c5c9 !important;
  background-color: var(--bg) !important;
  border: none !important;
  border-radius: 5px 5px 0 0 !important;
}

.download_inner.nav-link:hover {
  border: none !important;
}

.download_inner .nav-tabs {
  border-bottom: none;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
}

.related_films {
  margin-bottom: 25px;
}

.related_film_item {
  background: var(--bg2);
  border-radius: 5px;
  transition: all ease 0.3s;
  margin-bottom: 15px;
  box-shadow: 0px 0px 13px #10101438;
}

.related_film_item:hover {
  background: var(--bg_lighter);
}

.related_film_item:hover.related_film_item img {
  filter: contrast(1.2);
}

.related_film_item img {
  width: 100%;
  height: auto;
  padding: 10px;
  border-radius: 15px !important;
  transition: all ease 0.3s;
  object-fit: cover;
}

.related_film_item h5 {
  padding: 0 14px;
  font-size: 13px;
  font-weight: 400;
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.related_films_title {
  margin: 10px 0;
}
.related_films_title::before {
  content: '';
  width: 100%;
  height: 2px;
  background: var(--primaryColor);
  display: block;
  position: relative;
  top: 11px;
}

.related_films_title__text{
  display: inline-block;
  background: var(--bg);
  position: relative;
  z-index: 2;
  padding: 0 10px 0 20px;
  margin-bottom: 20px;
}

.related_films_title i {
  color: var(--text);
  font-size: 18px;
}

.related_films_title h4 {
  display: inline-block;
  font-size: 19px;
  font-weight: bold;
  color: var(--text);
}

.comments {
  margin-bottom: 25px;
}

.comments_title {
  margin: 10px 0;
}

.comments_title i {
  color: var(--text);
  font-size: 18px;
}

.comments_title h4 {
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
  color: var(--text);
}

.comments_inner {
  /*background: var(--bg2);*/
  color: var(--text);
}

.comment a {
  color: var(--text);
}


.comment-list .vcard cite.fn {
  display: inline-block;
  font-weight: bold;
  font-style: normal;
  font-size: 14px;
  color: var(--text);
}

.comment-notes {
  display: none;
}

.comment-form-comment label {
  display: none;
}

.comment-form .form-control {
  display: block;
  width: 100%;
  height: auto;
  padding: 8px 15px;
  font-size: 14px;
  line-height: 2;
  font-weight: 500;
  color: #8e939b;
  background-color: var(--bg2);
  background-clip: padding-box;
  border: 0 solid #ced4da;
  border-radius: 3px;
  box-shadow: 0 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
  background: var(--bg2);
}

.form-submit {
  width: calc(14% - 32px);
  display: inline-block;
}

.form-submit .submit {
  display: block;
  border: none;
  text-align: center;
  width: 100%;
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  padding: 7px 22px 8px;
  font-size: 14px;
  background: #89d64f;
  line-height: 2;
  border-radius: 3px;
  transition: all ease 0.3s;
  font-weight: 500;
}

.form-submit .submit:hover {
  background: #639b39;
}

.comment-form-cookies-consent {
  display: none;
}

.comment-text {
  margin: 15px 0 15px 0;
}

.comment-name,
.comment-email {
  width: 100%;
  /* margin: 0 0 15px 10px; */
}

.logged-in-as {
  margin: 0;
}

.logged-in-as a {
  color: var(--text);
  font-size: 14px;
}

.comment-form-author label {
  display: none;
}

.comment-form-email label {
  display: none;
}

.comment-list .vcard span.says {
  display: none;
}

.comment-list .vcard img.avatar {
  width: 27px;
  height: 27px;
  border-radius: 50%;
}

cite::before {
  content: "";
}

.comment-list .vcard cite.fn a.url {
  color: var(--text);
}

.comment-list .comment-meta a {
  color: var(--text);
  font-size: 13px;
  border-radius: 9px;
  text-align: center;
  display: block;
  margin: 0 auto;
  font-weight: 200;
}

.comment-list .commentmetadata {
  display: block;
  text-align: center;
  width: 100%;
}

.comment-list {
  margin: 20px 0 !important;
}

.comment-list .comment {
  padding: 15px;
  background: var(--bg2);
  margin: 10px 0;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

.comment-list {
  padding: 0;
}

.comment-list li {
  list-style: none;
}

.comment-list li p {
  margin-top: 15px;
  color: var(--text);
  font-weight: 300;
  font-size: 15px;
  opacity: .8;
}

.comment-list li ul.children li.byuser {
  padding: 10px;
}

.comment-list li ul.children li.comment {
  background: var(--bg);
  margin: 10px 0px;
  border-radius: 5px;
}

#reply-title {
  font-size: 18px;
  margin: 10px 0 20px;
  font-weight: bold;
}

#cancel-comment-reply-link {
  margin-right: 10px;
  font-size: 12px;
  background: #2f2f3a;
  border-radius: 3px;
  padding: 3px 5px 3px 9px;
  position: relative;
  top: -2px;
  transition: all ease 0.3s;
  color: #ff7555;
}

#cancel-comment-reply-link i {
  position: relative;
  top: 1px;
  margin-left: 3px;
  font-size: 12px;
  color: #ff7555;
}

#cancel-comment-reply-link:hover {
  background: #17171c;
}


.reply {
  display: inline-block;
  /* background: var(--primaryColor); */
  padding: 2px 7px;
  border-radius: 3px;
  color: #fff;
  font-size: 13px;
  cursor: pointer;
  transition: all ease 0.3s;
  font-weight: bold;

  background: transparent !important;
  border: solid 1px var(--primaryColor);
  padding: 8px 25px;
  font-weight: 300;
  font-size: 14px;
  border-radius: 15px;
}

.reply:hover {
  background: var(--primaryColor) !important;
}

.reply a {
  color: var(--text);
}

.reply a:hover {
  color: #fff !important;
}


.comment em {
  font-size: 12px;
}

.comment #respond {
  background: var(--bg);
  padding: 15px;
  border-radius: 5px;
  margin: 15px 0 0;
}

.comment #reply-title {
  margin: 0 0 15px 0;
}

small {
  font-size: 12px;
}

.float_left {
  float: left;
}

.video_tag {
  border: solid 1px #ff7555;
  padding: 4px 7px;
  border-radius: 3px;
  color: #ff7555;
  font-size: 13px;
  margin-top: -7px;
}

.farsi {
  border: solid 1px #89d64f;
  color: #89d64f !important;
}

.imdb {
  border: solid 1px #ffc107;
  color: #ffc107 !important;
}

.container-single {
  max-width: 1230px;
}

.pagination {
  background: var(--bg2);
  text-align: center;
  color: #ffff;
  display: block;
  padding: 10px;
  margin: 15px 0;
  border-radius: 13px;
}

.pagination a {
  text-align: center;
  display: inline-block;
  width: 35px;
  height: 35px;
  padding-top: 6px;
  background: var(--bg);
  border-radius: 10px;
  color: var(--text);
  font-size: 14px;
  transition: all ease 0.3s;
}

.pagination a:hover {
  background: var(--primaryColor);
  color: var(--text);
}

.pagination .dots {
  background: var(--bg);
}

.pagination .page-numbers {
  margin: 0 2px;
}

.pagination span {
  text-align: center;
  display: inline-block;
  width: 35px;
  height: 35px;
  padding-top: 6px;
  background: var(--primaryColor);
  border-radius: 10px;
  color: #ffffff;
  font-size: 14px;
}

.pagination .next,
.pagination .prev {
  padding: 6px 11px;
  width: auto;
  font-size: 14px;
}

.stars_page h1 {
  color: var(--text);
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 20px;
}

.stars_page p {
  color: var(--text);
  font-size: 14px;
}

.stars_page img {
  width: 100%;
  height: auto;
  border-radius: 5px;
  object-fit: cover;
  aspect-ratio: 3 / 3;
}

.actor-works {
  margin-top: 50px;
}

.actor-works h2 {
  font-size: 16px;
  color: var(--text);
  font-weight: bold;
  margin: 0 6px 15px 0;
}

.pld-like-dislike-wrap .pld-common-wrap {
  background: rgba(250, 250, 250, 0.125);
  border: none;
  color: #c7c3c3;
  font-size: 13px;
  padding: 11px;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  outline: none;
  border-radius: 5px;
  /* margin: 0 !important; */
}

.pld-like-wrap {
  margin: 0 !important;
}

.pld-dislike-wrap {
  margin-right: 5px !important;
}

.pld-like-wrap.liked {
  color: #89d64f !important;
}

.pld-dislike-wrap.disliked {
  color: #ff7555 !important;
}

.pld-like-wrap.liked a {
  color: #89d64f !important;
}

.pld-dislike-wrap.disliked a {
  color: #ff7555 !important;
}

.pld-like-trigger,
.pld-dislike-trigger {
  color: #f7f7f7;
  float: left;
}

.pld-like-trigger:hover,
.pld-dislike-trigger:hover {
  color: #f7f7f7;
}

.pld-like-dislike-wrap {
  margin-bottom: 0 !important;
}

.cld-like-dislike-wrap {
  margin-bottom: 0px !important;
  float: left;
  font-size: 14px;
}

.cld-like-wrap a {
  color: #89d64f !important;
}

.cld-dislike-wrap a {
  color: #ff7555 !important;
}

.cld-count-wrap {
  font-size: 13px;
  color: #c7c3c3;
}

.cld-dislike-trigger i {
  position: relative;
  top: 5px;
}

.download_inner .tab-pane.active {
  animation: slide-down 0.4s ease-out;
}

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.category_title {
  margin-bottom: 15px;
}

.category_title h3 {
  font-size: 18px;
  color: var(--text);
  display: inline-block;
}

.category_title h1 {
  font-size: 18px;
  color: var(--text);
  display: inline-block;
}

.category_title i {
  position: relative;
  top: 2px;
  margin-left: 4px;
}

.serial_link {
  display: none;
}

.post_page p {
  background: none;
}

.post_page a {
  color: var(--text);
}

.post_page a:hover {
  color: #979797;
}

blockquote {
  background: var(--bg_lighter);
  border-left: 10px solid #101014;
  margin: 1.5em 10px;
  padding: 0.8em 10px;
  border-radius: 10px;
}

.content blockquote {
  background: var(--bg);
}

blockquote:before {
  color: #ccc;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
}

html.dark blockquote {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .casual_single__bg {
  z-index: 1;
}

html.dark .single_hero .container {
  position: relative;
  z-index: 2;
}

.widget-wp ul {
  padding: 10px;
}

.widget-wp li {
  list-style: none;
  display: block;
  color: #cad0d0;
}

.widget-wp li:before {
  content: "\f053";
  font-family: "Font Awesome 6 Pro";
  color: var(--primaryColor);
  position: relative;
  top: 3px;
  margin-left: 10px;
}

.widget-wp li a {
  color: #cad0d0;
  font-size: 14px;
  transition: all ease 0.3s;
}

.widget-wp li a:hover {
  color: #afafaf;
}

.widget-wp #recentcomments li:before {
  content: "";
}

.widget-wp #recentcomments li {
  padding: 2px 0;
  font-size: 14px;
}

.widget-wp #recentcomments li:before {
  content: "\f053";
  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
  font-weight: var(--fa-style, 300);
  color: var(--primaryColor);
  margin-left: 5px;
  margin-top: -3px;
  float: right;
}

.widget-wp {
  color: #cad0d0;
}

.widget-wp .wp-calendar-table {
  width: 100%;
  margin: 10px;
  font-size: 14px;
}

.widget-wp .wp-calendar-table a {
  color: #cad0d0;
}

.widget-wp .wp-calendar-table a:hover {
  color: #afafaf;
}

.widget-wp .form-control {
  background: var(--bg);
  border: none;
  color: var(--text);
  font-size: 15px;
  width: 100%;
  transition: all ease 0.1s;
}

.widget-wp .submit {
  border: none;
  background: none;
  position: relative;
  float: left;
  top: -29px;
  left: 3px;
  color: #818181;
}

.widget-wp #searchform {
  margin: 15px 0 10px;
}

.widget-wp img {
  display: block;
  margin: 10px auto;
}

.widget-wp .tagcloud a {
  font-size: 14px !important;
  color: #cad0d0;
}

.select_tabs span {
  padding: 5px 8px;
  border-radius: 4px;
  margin-right: 5px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
  font-size: 13px;
  padding-left: 23px;
  border: 1px solid #e7e7e7;
  background: transparent url("images/unchecked.png") no-repeat 6px 6px;
}

.select_tabs span.active {
  border: 1px solid #d5e4ed;
  background: #d5e4ed url("images/checked.png") no-repeat 6px 6px;
}

.advanced_search_tab {
  background: var(--bg2);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
  box-shadow: 0px 0px 13px #10101438;
}

.advanced_search_tab a {
  color: var(--text);
  padding: 15px;
  font-size: 14px;
  font-weight: bold;
  margin: 5px;
  width: 50%;
  text-align: center;
  z-index: 2;
  white-space: nowrap;
}

.sidebar_active {
  background: var(--bg_lighter2);
  border-radius: 3px;
  width: 47.2%;
  content: "";
  display: block;
  right: 8px;
  height: 45px;
  position: absolute;
  transition: all 400ms;
  border-radius: 4px;
}

.show_toggle {
  left: 13px;
  width: 35px;
  height: 35px;
  background: #3096c3;
  color: var(--text);
  border: none;
  outline: none;
  border-radius: 0 0 5px 5px;
  font-size: 20px;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.search_wrap_index {
  display: block;
  background: var(--bg2);
  color: var(--text);
  display: none;
}

/* .search_wrap_index h3{
  display: none!important;
} */

.search_wrap_index .do {
  display: flex !important;
  width: 100% !important;
  padding: 5px 15px 0px;
}

.search_wrap_index h3 {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  padding: 20px 0;
  display: block;
  color: #e7e7e7;
}

.search_wrap_index #searchsubmit {
  /* display: inline-block; */
  background: var(--primaryColor);
  border: none;
  width: auto;
  border-radius: 3px;
  padding: 7px 15px;
  margin: 10px 22px 15px;
  font-size: 14px;
  font-weight: bold;
  color: var(--text);
  float: right;
  transition: all 0.5s;
}

.search_wrap_index #searchsubmit:hover {
  background: #2f90ba;
}

.search_wrap_index form {
  text-align: center;
}

.search_wrap_index .search_filter {
  width: 12%;
  display: inline-block;
  position: relative;
}

.search_wrap_index .search_filer_box {
  position: absolute;
  overflow-y: scroll;
  height: 200px;
  z-index: 3;
  background: var(--bg2);
  width: 90%;
}

.search_wrap_index .year_filter {
  width: 11%;
}

.search_wrap {
  display: none;
  background: var(--bg2);
  border-radius: 10px;
  color: var(--text);
}

.search_wrap h3 {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  padding: 20px 0;
  display: block;
  color: #e7e7e7;
}

.search_filter a {
  color: #bec4cb;
  background-color: var(--bg);
  border-color: #292931;
  display: block;
  margin: 7px 3px 0;
  font-size: 14px;
  padding: 10px;
  border-radius: 10px;
}

.search_filer_box {
  box-shadow: 0 5px 25px rgb(0 0 0 / 13%) !important;
  margin: 0 4px;
  border-radius: 0;
  padding: 10px 10px 1px;
  display: none;
  max-height: 200px;
  overflow-y: auto;
}

/* Customize the label (the container) */
.custom-checkbox {
  display: block;
  position: relative;
  padding-right: 21px;
  margin-bottom: 12px;
  cursor: pointer;
  line-height: 1.1;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  right: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.custom-checkbox:hover input~.checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked~.checkmark {
  background-color: #2196f3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Customize the label (the container) */
.custom-radio {
  display: block;
  position: relative;
  padding-right: 21px;
  margin-bottom: 12px;
  line-height: 1.1;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.custom-radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.custom-radio:hover input~.checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.custom-radio input:checked~.checkmark {
  background-color: #2196f3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.custom-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio input:checked~.checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.custom-radio .checkmark:after {
  top: 4px;
  left: 4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: white;
}

.year_filter {
  width: 49%;
  display: inline-block;
  position: relative;
}

.year_box {
  position: absolute;
  background: var(--bg2);
  width: 90%;
  overflow-y: scroll;
  height: 200px;
  z-index: 3;
}

.search_wrap {
  padding: 10px;
}

.search_wrap #searchsubmit {
  display: block;
  background: var(--primaryColor);
  border: none;
  width: 97%;
  border-radius: 10px;
  padding: 7px;
  margin: 10px auto 5px;
  font-size: 14px;
  font-weight: bold;
  color: var(--text);
  transition: all 0.5s;
}

.search_wrap #searchsubmit:hover {
  background: #2f90ba;
}

.not_found_film {
  color: var(--text);
  background: var(--bg2);
  text-align: center;
  padding: 5px 30px;
  border-radius: 3px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.not_found_film .title h4 {
  font-weight: bold;
  font-size: 20px;
  color: #e7e7e7;
}

.not_found_film .title span {
  font-size: 14px;
  color: #b1b1b1;
}

.not_found_film .title {
  text-align: right;
}

.footer_wave {
  height: 150px;
  overflow: hidden;
}

.footer .btn-large {
  background: var(--bg);
  display: block;
  padding: 14px;
  margin: 10px 0;
  border-radius: 10px;
  position: relative;
  transition: all cubic-bezier(0.4, 0, 1, 1) 0.2s;
}

.footer .btn-large:hover {
  box-shadow: inset 0px 0px 0 40px var(--bg_darker2);
}

.footer .btn-large a {
  color: var(--text);
}

.footer .btn-large span {
  color: var(--text);
  font-size: 14px;
  font-weight: bold;
}

.footer .btn-large i:first-of-type {
  font-size: 20px;
  position: relative;
  color: var(--primaryColor);
  margin-left: 7px;
  top: 2px;
}

.footer .btn-large i:last-of-type {
  font-size: 14px;
  color: var(--text);
  position: absolute;
  left: 14px;
  margin-top: 7px;
}

.sidebar {
  background: var(--bg2);
  display: flex;
  flex-direction: column;
  position: fixed;
  width: 300px;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  overflow: auto;
  transition: all .2s;
}

.make_visibe {
  visibility: visible !important;
}

.panel_wrapper {
  margin-right: 300px;
  padding: 0 10px;
  color: var(--text);
}

.panel_header__user {
  color: var(--text);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.sidebar_bottom {
  background: var(--bg);
  color: var(--text);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  margin-top: auto;
}

.sidebar_cta {
  padding: 13px 20px;
  background: #e6b350;
  border-radius: 10px;
  color: #00000096;
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  width: 92%;
}

.account_details {
  margin-bottom: 15px;
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
}

.account_details span {
  font-weight: bold;
  background: var(--bg_lighter2);
  padding: 3px 6px;
  border-radius: 5px;
}

.sidebar_cta:hover {
  color: #00000096;
}

.panel_header__user__avatar {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  color: #2e86b1;
  background: rgb(46 134 177 / 25%);
  font-size: 18px;
  padding-top: 2px;
  align-items: center;
  margin-left: 10px;
}

.panel_header__user__avatar i {
  line-height: 0;
}

.panel_header__btn a,
.panel_header__btn button {
  display: flex;
  height: 40px;
  width: 40px;
  border-radius: 8px;
  background: var(--bg_lighter);
  padding: 0 !important;
  color: var(--text);
  align-items: center;
  justify-content: center;
  border: none;
}

.panel-tooltip {
  --bs-tooltip-bg: var(--bg_lighter2);
  font-weight: 400;
  font-size: 12px;
}


html.dark .panel-tooltip {
  --bs-tooltip-bg: var(--bg2);
}

.panel-tooltip .tooltip-inner {
  padding: 7px;
  color: var(--text);
}

.panel_sidebar__header {
  padding: 25px;
}

.panel_sidebar__header a {
  color: var(--text);
  font-size: 15px;
  font-weight: 500;
}

.sidebar .avatar_wrap {
  background: #101014;
  display: flex;
  justify-content: center;
  padding: 10px;
  margin: 10px;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sidebar .avatar_wrap span {
  color: var(--text);
  font-size: 14px;
  margin: 10px 0 0;
}

.sidebar .avatar_wrap img {
  border-radius: 50%;
}


.sidebar .nav_panel ul li {
  list-style: none;
  padding: 15px 20px;
  font-size: 14px;
  border-radius: 3px;
  transition: all .2s ease;
  position: relative;
}

.sidebar .nav_panel ul li span:before {
  top: 5px;
  bottom: 5px;
  right: 0;
  border-radius: 8px 0 0 8px;
  width: 4px;
  content: "";
  position: absolute;
  opacity: 0;
  transition: opacity .15s ease-in-out;
}

.sidebar .nav_panel ul li.active span:before {
  /* background: var(--bg); */
  opacity: 1;
}

.sidebar .nav_panel ul li:hover {
  color: var(--text);
}

.sidebar .nav_panel ul li a {
  color: var(--text);
  font-size: 14px;
  display: block;
  font-weight: 400;
  transition: all .3s;
}

.sidebar .nav_panel ul .has-child>a:after {
  position: absolute;
  left: 0;
  margin: 0 40px;

  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  color: #c9d0d0;
  font-size: 10px;
  transition: all 0.3s;
}

.sidebar .nav_panel ul .child-minus>a:after {
  transform: rotate(180deg);
}


.sidebar .nav_panel ul li a:hover {
  color: var(--text);
}

.sidebar .nav_panel ul li a:hover>i {
  color: var(--text);
}

html.dark .sidebar .nav_panel ul li a:hover>i {
  color: var(--bg_darker);
}

html.dark .bg_dark_panel {
  background: var(--bg_darker)0d !important;
}

.sidebar .nav_panel ul li i {
  font-size: 19px;
  margin-left: 25px;
  margin-right: 15px;
  color: var(--text);
  vertical-align: middle;
  font-weight: 100;
  transition: all .3s;
}

.sidebar .nav_panel ul li ul li {
  padding: 15px 25px 0;
}

.body_panel h2 {
  color: var(--text);
  font-weight: bold;
  font-size: 17px;
}

.body_panel p {
  color: #d3d3d3;
  font-weight: normal;
  font-size: 14px;
}

.body_panel .info {
  background: var(--bg2);
  color: var(--text);
  display: flex;
  position: relative;
  padding: 35px 25px 20px;
  border-radius: 10px;
  margin-bottom: 40px;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
}

.blue_gradient {
  background: linear-gradient(195deg, #49a3f1, #1a73e8) !important;
}

.pink_gradient {
  background: linear-gradient(195deg, #ec407a, #d81b60) !important;
}

.green_gradient {
  background: linear-gradient(195deg, #66bb6a, #43a047) !important;
}

.db_gradinet {
  background: linear-gradient(195deg, #465bd0, #25306c) !important;
}

.yellow_gradient {
  background: linear-gradient(195deg, #ffc107, #bf9000) !important;
}

.body_panel .info .icon_wrap {
  width: 50px;
  height: 50px;
  background: #3f52b4;
  text-align: center;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  position: absolute;
  top: -25px;
  right: 20px;
}

.body_panel .info .icon_wrap i {
  color: #fff;
}

.body_panel .info .info_detail .title {
  font-size: 15px;
  color: var(--text);
  font-weight: 400;
}

.body_panel .info .info_detail .title a {
  color: var(--text);
}

.bg_dark_panel {
  background: var(--bg_lighter) !important;
}

.body_panel .info .info_detail span {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  display: block;
}

.body_panel .acc_info {
  background: var(--bg2);
  margin: 25px 0;
  border-radius: 5px;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
}

.body_panel .acc_info header {
  border-bottom: solid 1px var(--bg_lighter2);
  color: var(--text);
  padding: 10px;
}

.body_panel .acc_info header h3 {
  font-size: 15px;
  font-weight: 700;
  padding: 7px;
  margin: 0;
}

.body_panel .acc_info ul {
  display: flex;
  flex-direction: column;
  color: var(--text);
  margin: 10px;
  padding-bottom: 10px;
}

.body_panel .acc_info li {
  display: inline-flex;
  justify-content: space-between;
}

.body_panel .acc_info li span {
  background: var(--bg);
  font-size: 13px;
  padding: 10px;
  border-radius: 3px;
  margin: 5px;
}

.body_panel .acc_info .detail_1 {
  width: 140px;
}

.body_panel .acc_info .detail_2 {
  width: calc(100% - 140px);
}

.body_panel .acc_info_ {
  background: var(--bg2);
  margin: 25px 0;
  border-radius: 15px;
  color: var(--text);
  padding: 5px;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
}

.body_panel .acc_info_ header {
  border-bottom: solid 1px var(--bg_lighter2);
  color: var(--text);
  padding: 10px;
}

.body_panel .acc_info_ header h3 {
  font-size: 15px;
  font-weight: 700;
  padding: 7px;
  margin: 0;
}

.body_panel .acc_info_ table {
  width: calc(100% - 20px) !important;
  background: var(--bg);
  margin: 10px;
  font-size: 14px;
  color: var(--text);
}

.body_panel .acc_info_ table tr {
  border-bottom: 1px solid var(--bg2);
  padding: 4px 10px;
  width: 100%;
}


.body_panel .acc_info_ table tr:nth-child(2n) {
  /* background: var(--bg_darker); */
}

html.dark .body_panel .acc_info_ table tr:nth-child(2n) {
  background: var(--bg_darker2);
}

html.dark .post_meta--left span {
  background: var(--bg_lighter);
}

/* html.dark .post_vote .post_vote_up,
html.dark .post_vote .post_vote_down {
  color: var(--text);
} */

html.dark .post_header_content .post_vote .post_vote_up,
html.dark .post_header_content .post_vote .post_vote_down {
  color: #fff;
}

html.dark .post_header_content .post_vote svg {
  fill: #fff;
}

html.dark .post_vote_up::after {
  border-left: solid 2px var(--bg_lighter);
}

/* html.dark .post_vote svg {
  fill: var(--text);
} */

html.dark .vote_stats svg {
  fill: #ffad49;
}

html.dark .movie_score {
  color: var(--text);
}

html.dark .single_hero .movie_score {
  color: #fff;
}



html.dark .post2 .post_details .post_meta li p {
  color: var(--text);
}

html.dark .req_type_wrap {
  background: var(--bg2)fff;
  color: var(--text);
  border: solid 1px var(--bg_lighter);
}

html.dark .req_type_wrap span.active {
  color: #fff;
}

html.dark .acc_info_body label {
  color: var(--text);

}


.body_panel .acc_info_ table th {
  /* border-left: 1px solid var(--bg2); */
  font-weight: normal;
  padding: 16px 10px;
  text-align: right !important;
}

.body_panel .acc_info_ table td {
  /* border-top: 1px solid var(--bg2);
  border-left: 1px solid var(--bg2); */
  padding: 16px 10px;
  display: table-cell;
  text-align: right !important;
}

.body_panel .acc_info_ table td:first-of-type {
  /* border-right: 1px solid var(--bg2); */
}

.body_panel .acc_info_ table a {
  color: #fff;
  font-size: 13px;
  background: var(--primaryColor);
  border-radius: 3px;
  padding: 8px 15px;
  display: inline-block;
  margin: 2px 0;
  transition: all 0.3s ease;
  font-weight: 700;
}

.body_panel .acc_info_ table a:hover {
  background: var(--primaryColor);
  opacity: .6;
}

#rcp_registration_form {
  margin: 0 auto;
}

#rcp-table {
  margin-bottom: 10px;
}

#rcp_subscription_levels {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}

#rcp_subscription_levels li {
  position: relative;
  width: 100%;
  /* max-width: 286px; */
  /* margin-bottom: 15px; */
  cursor: pointer;
}

#rcp_subscription_levels li input[type=radio],
#rcp_subscription_levels li .rcp_subscription_set,
.rcp_header {
  display: none;
}

#rcp_subscription_levels li input[type=radio]:checked~label {
  background: var(--primaryColor);
}

#rcp_subscription_levels li input[type=radio]:checked~label .rcp_subscription_level_name {
  /* background: #2e2e3840;
  width: 100%; */
}

.rcp_separator {
  opacity: 0;
}

.rcp_price {
  font-size: 19px;
  font-weight: 400;
}

.rcp_level_duration {
  font-size: 18px !important;
  font-weight: 400 !important;
  /* margin-bottom: 30px; */
  background: #2e2e3840;
  display: block;
  text-align: center;
  border-radius: 4px;
  padding: 5px 25px;
}

.rcp_registration_total {
  text-align: center;
  margin: 0 auto;
  display: block;
  width: 50%;
}

.membership-level-price div,
.rcp-fee div {
  margin-left: 0 !important;
}

#rcp_submit_wrap {
  width: 50%;
  margin: 0 auto;
}

#rcp_submit_wrap .rcp-button {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}

.rcp-fee,
.rcp_registration_total_details .membership-level-price,
.rcp_registration_total_details .rcp-recurring-total,
.rcp_registration_total_details .rcp-renewal-date,
.rcp_registration_total_details .rcp-total {
  width: auto !important;
}

.rcp_subscription_message {
  margin: 0 0 10px;
  min-height: 20px;
  font-weight: 500;
  font-size: 15px;
}

.rcp_subscription_message {
  padding: 20px 0;
}

#rcp_subscription_levels li input[type=radio]:checked~label .rcp_price,
#rcp_subscription_levels li input[type=radio]:checked~label .rcp_level_duration {
  color: var(--text);
}

#rcp_subscription_levels li label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #2e2e38;
  margin-bottom: 0;
  cursor: pointer;
  padding: 10px;
  border-radius: 6px;
  flex-direction: row;
  transition: .25s ease-in-out all;
}

#rcp_subscription_levels li label .rcp_subscription_level_name {
  display: block;
  background: var(--bg)52;
  text-align: center;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 20px;
  font-weight: 600;
  margin: 0 5px;
}

.rcp_subscription_message {
  font-size: 13px;
  color: #424242;
  margin: 0 0 20px 0;
  text-align: center;
}

#rcp_subscription_levels li label .rcp_price {
  margin: 15px 5px;
  font-size: 16px;
  color: #e6eaed;
}

#rcp_subscription_levels li label .rcp_level_duration {
  font-size: 12px;
  color: #c2c2c2;
  font-weight: 500;
  margin-right: 5px;
}

#rcp_subscription_levels li label .rcp_level_description {
  border-radius: 10px;
  color: var(--white);
  text-align: center;
  line-height: 2;
  margin-bottom: 0 !important;
  font-size: 14px;
  font-weight: 400;
}

.rcp-button {
  background: #66ccaa;
  color: var(--bg_darker2);
  border: solid 1px #66ccaa !important;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 20px;
  border: 0;
  border-radius: 4px;
  width: calc(100% - 18px);
  margin: 10px;
  transition: all 0.3s;
}

.rcp_level_description {
  border: none !important;
}

.rcp-button:hover {
  opacity: .8;
}

.rcp-button_list {
  background: var(--primaryColor);
  color: var(--text);
  border: solid 1px var(--primaryColor) !important;
  font-size: 13px;
  font-weight: 300;
  padding: 10px 20px;
  border: 0;
  border-radius: 4px;
  width: auto;
  margin: 10px 0;
  transition: all 0.3s;
  font-size: 15px;
  font-weight: bold;
  padding: 10px;
}

.rcp-button_list:hover {
  opacity: .5;
}

.register {
  display: flex;
  justify-content: center;
  margin: 150px 0;
  position: relative;
}

.manual-register-form {
  display: flex;
  width: 420px;
  flex-direction: column;
  color: var(--text);
  border-radius: 10px;
  box-shadow: 0 0 200px 0 rgb(0 0 0 / 20%);
}

.register-input {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  color: var(--text);
  background: var(--bg2);
  border: none;
  height: 45px;
  width: 100%;
  line-height: 45px;
  padding: 0 5px;
  border-radius: 4px;
  text-indent: 10px;
  margin: 0;
  outline: none;
  text-align: right;
}

.register-input:focus {
  background: var(--bg2);
}

.ajax_form {
  padding: 22px;
  margin: 0;
  position: relative;
}

.ajax_form__submit {
  margin: 20px 0;
}

.remember_me label {
  margin: 0 !important;
  font-size: 14px;
  font-weight: 300;
}

/* .ajax_form__links a{
  background: var(--bg_lighter2);
  border: solid 1px var(--bg_lighter2);
  color: var(--text);
  padding: 6px 20px;
  border-radius: 3px;
  font-size: 14px;
  margin: 0!important;
} */

.register-input::placeholder {
  color: var(--text);
}

.ajax_form__links span {
  font-size: 14px;
}

.ajax_from__login {
  background: var(--primaryColor);
  border: solid 1px var(--primaryColor);
  width: 100%;
  padding: 10px;
  height: 57px;
  font-size: 17px;
  border-radius: 10px;
  font-weight: 800;
  color: #fff;
  transition: all .4s;
}


.input_float_label input {
  transition: all .4s;
}

.input_float_label input:focus {
  border-color: var(--bg_lighter);
}

.ajax_from__login:hover {
  box-shadow: none;
}

.lost_pass_link {
  color: #ffffff6e !important;
  margin-top: 20px;
  display: block;
  font-size: 15px !important;
  font-weight: 500;
  transition: all .3s;
}

.custom_register_button {
  color: var(--primaryColor) !important;
  padding: 10px 20px;
  border-radius: 10px;
  border: solid 1px transparent;
  font-size: 15px !important;
  width: 100% !important;
  font-weight: bold;
  text-align: center;
  margin: 0 !important;
  font-size: 17px !important;
  height: 57px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#mobile_auth .register-input {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #ffffffa1;
  background: transparent;
  border: solid 3px var(--bg2);
  height: 57px;
  width: 100%;
  line-height: 45px;
  padding: 0px 5px;
  border-radius: 10px;
  text-indent: 10px;
  margin: 0;
  outline: none;
  text-align: right;
}

.lost_pass_link:hover {
  color: #fff !important;
}

.ajax_form__register {
  background: var(--primaryColor);
  border: solid 1px var(--primaryColor);
  width: 100%;
  padding: 10px;
  height: 57px;
  font-size: 17px;
  border-radius: 10px;
  font-weight: 800;
  color: #fff;
  transition: all .4s;
}

.input_float_label label {
  margin: 0;
  opacity: .4;
  color: #ffffff6e;
  font-size: 15px;
  font-weight: 500;
  background: var(--bg);
  position: relative;
  top: 12px;
  right: 19px;
  opacity: 1;
  padding: 0 7px;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: solid 3px var(--bg_lighter);
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px var(--bg) inset;
  transition: all 5000s ease-in-out 0s;
}

.ajax_form .register-input {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #ffffffa1;
  background: transparent;
  border: solid 3px var(--bg2);
  height: 57px;
  width: 100%;
  line-height: 45px;
  padding: 0px 5px;
  border-radius: 10px;
  text-indent: 10px;
  margin: 0;
  outline: none;
  text-align: right;
}

.input_float_label {
  position: relative;
}

.kelaket_showpass {
  position: absolute;
  left: 0;
  top: 50%;
  color: #93939b;
  background: var(--bg);
  border: none;
  font-size: 18px;
  margin-left: 5px;
  cursor: pointer;
}

.manual-register-form p {
  text-align: right;
}

.manual-register-form label {
  margin: 0;
}

.submit-reg {
  background: #10d876;
  color: var(--text);
  border: solid 1px #0dbd67 !important;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 20px;
  border: 0;
  border-radius: 4px;
  width: 100%;
  margin: 10px 0;
  transition: all 0.3s;

}

.manual-register-form .title {
  text-align: center;
  border-bottom: solid 1px var(--bg2);
  padding: 30px;
}

.rcp_login_data {
  padding: 25px;
}

.manual-register-form .title h2 {
  font-size: 18px;
  margin: 0;
}

.manual-register-form .title i {
  font-size: 35px;
}

.manual-register-form .alert {
  position: relative;
  border-radius: .25rem;
  color: #ff2d40;
  background-color: #ff000014;
  padding: 13px;
  font-size: 14px;
  font-weight: 500;
  border: none;
}

.manual-register-form .alert-success {
  position: relative;
  border-radius: .25rem;
  color: #0dbd67;
  background-color: #0cbd5014;
  padding: 13px;
  font-size: 14px;
  font-weight: 500;
  border: none;
}

.manual-register-form a {
  color: var(--text);
  font-size: 14px;
  margin-right: 8px;
}

.manual-register-form .logo {
  position: absolute;
  top: -50px;
  left: 50%;
  color: var(--text);
  font-weight: bold;
  transform: translate(-50%, -50%);
}

.manual-register-form .logo img {
  width: 50px;
  height: 50px;
}

.manual-register-form .logo span {
  font-size: 16px;
  vertical-align: middle;
}

#rcp_user_remember {
  float: right;
  margin-right: 9px;
  margin-top: 6px;
}

.rcp_error {
  position: relative;
  border-radius: .25rem;
  color: #ff2d40;
  background-color: #ff000014;
  padding: 13px;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  border: none;
}

.rcp_lostpassword_data #rcp_user_login {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  color: var(--text);
  background: var(--bg);
  border: none;
  height: 45px;
  width: 96%;
  line-height: 45px;
  padding: 0 5px;
  border-radius: 4px;
  text-indent: 10px;
  margin: 0 10px;
  text-align: right;
}

.rcp_login_data #rcp_user_login {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  color: var(--text);
  background: var(--bg2);
  border: none;
  height: 45px;
  width: 96%;
  line-height: 45px;
  padding: 0 5px;
  border-radius: 4px;
  text-indent: 10px;
  margin: 0 10px;
  text-align: right;
}

.rcp_login_data #rcp_user_pass {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  color: var(--text);
  background: var(--bg2);
  border: none;
  height: 45px;
  width: 96%;
  line-height: 45px;
  padding: 0 5px;
  border-radius: 4px;
  text-indent: 10px;
  margin: 0 10px;
  text-align: right;
  transition: all 0.3s ease;
}

.rcp_login_data #rcp_user_pass:focus-visible {
  outline: solid 1px #383840 !important;
}

.rcp_login_data #rcp_user_login:focus-visible {
  outline: solid 1px #383840 !important;
}

.rcp_login_data #rcp_user_pass:active {
  outline: solid 1px #383840 !important;
}

.rcp_login_data #rcp_user_login:active {
  outline: solid 1px #383840 !important;
}

.rcp_message {
  padding: 25px 25px 0;
}

.modal-body #rcp_registration_form {
  width: 100%;
}

.acc_info_ .buy_vip {
  font-size: 14px;
  margin: 10px 13px;
  background: var(--primaryColor);
  border-color: var(--primaryColor);
  outline: none !important;
  box-shadow: none !important;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 10px;
}

.acc_info_ .buy_vip:foucs {
  outline: none !important;
  box-shadow: none !important;
  background: var(--primaryColor) !important;
}

.simplefavorites-modal-content {
  top: auto !important;
  bottom: -300px;
  width: auto !important;
  background: rgb(16 16 20) !important;
  border-radius: 5px;
  color: var(--text);
  box-shadow: none !important;
}

.simplefavorites-modal-content.active {
  bottom: 0;
}

.simplefavorites-modal-content-body {
  display: flex;
}

.simplefavorites-modal-backdrop {
  background: none !important;
}

.simplefavorites-modal-content-body a {
  cursor: pointer;
  background: var(--bg2);
  padding: 0px 3px;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  vertical-align: middle;
  border-radius: 3px;
  display: inline-block;
  font-size: 18px;
}

.simplefavorites-modal-content-body a i {
  position: relative;
  top: 2px;
}

.simplefavorite-button {
  float: left;
  border: none;
  border-radius: 5px;
  background: var(--bg_lighter2);
  color: var(--text);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.-click {
  cursor: pointer;
}

.simplefavorite-button i {
  position: relative;
  top: 2px;
}

.simplefavorite-button.active {
  color: var(--text);
}

.acc_info_ .posts_wrap {
  display: flex;
}

.acc_info_ .posts {
  display: inline-block;
  margin: 10px 0;
  position: relative;
}

.acc_info_ .posts a {
  color: var(--text);
  font-size: 14px;
}

.acc_info_ .posts img {
  width: 100%;
  border-radius: 5px;
  height: auto;
  object-fit: cover;
  min-height: 240px;
  aspect-ratio: 2/3;
}

.removeFav {
  position: absolute;
  top: 0;
  background: var(--bg2);
  width: 30px;
  height: 30px;
  color: #FF3131;
  border-radius: 50%;
  display: flex;
  align-items: center;
  font-size: 16px;
  justify-content: center;
  margin: 4px 5px;
  cursor: pointer;
  box-shadow: 0px 0px 10px 0px #0006;
}

.acc_info_body {
  padding: 10px;
}

.acc_info_ legend {
  display: none;
}

.acc_info_ fieldset {
  margin: 0 10px !important;
}

.nav-link.active {
  background-color: #2ba7e0 !important;
}

.acc_info_body .wpcf7-submit {
  padding: 10px 20px;
  border-radius: 4px;
  background: #10d876;
  color: var(--text);
  border: solid 1px #0dbd67 !important;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 20px;
  border: 0;
  border-radius: 4px;
  width: 100%;
  margin: 10px 0px;
  transition: all 0.3s;
}

#rcp_profile_editor_form .rcp-button {
  width: 100%;
  margin: 10px 0;
}

.acc_info_body .wpcf7-text {
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  color: var(--text);
  background: var(--bg);
  border: none;
  height: 45px;
  width: 100%;
  line-height: 45px;
  padding: 0;
  border-radius: 4px;
  text-indent: 10px;
  margin: 5px 0px;
  text-align: right;
}

.acc_info_body .rcp-input {
  display: inline-block;
  font-size: 13px;
  outline: none;
  font-weight: 300;
  color: var(--text);
  background: var(--bg_lighter);
  border: none;
  height: 45px;
  width: 100%;
  line-height: 1.7rem;
  padding: 0 10px;
  border-radius: 4px;
  text-indent: 0px;
  margin: 5px 0px;
  text-align: right;
  padding: 5px 10px;
}

.acc_info_body .rcp-input::placeholder {
  color: var(--text);
}


.acc_info_body label {
  margin-bottom: 10px;
  width: 100%;
}

.rcp_form input.required {
  color: #b5b5b5 !important;
}

.space-bet {
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.acc_info_body select {
  background: var(--bg_lighter);
  color: var(--text);
  border: none;
  width: 100%;
  padding: 10px;
  border-radius: 3px;
}

.acc_info_body a {
  color: #00AFF0;
}

.blog_heading {
  font-size: 18px;
  color: var(--text);
  display: inline-block;
  margin-bottom: 20px;
}

.blog_post {
  margin-bottom: 20px;
}

.blog_post .title {
  font-size: 15px;
  font-weight: 500;
  margin: 5px 0 0;
}

.blog_post img {
  width: 100%;
  border-radius: 5px;
  object-fit: cover;
  -webkit-filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
}

.blog_post a {
  color: var(--text);
}

.blog_post time {
  font-size: 14px;
  color: #bbb;
}

.blog_comments .form-submit {
  width: calc(20% - 32px);
}

.blog_comments .comment-name {
  width: 40%;
}

.blog_comments .comment-email {
  width: 40%;
}

.alert-danger {
  color: #ff2d40;
  background-color: #ff000014;
  padding: 13px;
  font-size: 14px;
  font-weight: 500;
  border: none;
}

.alert-danger a {
  color: #ff3030;
  font-weight: 900;
  font-size: 14px;
}

.collection {
  transition: all .2s;
  /* overflow: hidden; */
  border-radius: 10px;
  margin: 30px 0;
}

.collection .image {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  transition: all .2s;
  position: relative;
}

.collection .image img {
  width: auto;
  height: 290px;
  object-fit: cover;
  border-radius: 5px;
  max-width: 100%;
  width: 100%;
  height: auto;
  border-radius: 10px;
  aspect-ratio: 3/2;
}

.unset_aspect img {
  aspect-ratio: unset !important;
}

.collection .image .overlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: linear-gradient(to top, #101014, transparent);
  height: 100%;
  display: flex;
  border-radius: 10px;
}

.collection .image .overlay .overlay_inside {
  margin: auto 10px 0;
}

.collection .image .overlay .overlay_inside h2 {
  color: #fff;
}

.collection .image_1 {
  position: absolute !important;
  z-index: -1;
  top: -7px;
  width: calc(100% - 30px);
  right: 50%;
  transform: translateX(50%);
  opacity: .3;
  transition: ease-out 1s;
}

.collection .image_2 {
  position: absolute !important;
  z-index: -2;
  top: -14px;
  width: calc(100% - 60px);
  right: 50%;
  transform: translateX(50%);
  opacity: .1;
  transition: ease-out 1s;
}

.collection:hover .image_1 {
  top: 10px;
}

.collection:hover .image_2 {
  top: 20px;
}


.collection .info {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #dddd;
  margin-bottom: 10px;
  gap: 10px;
}

.collection h2 {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 15px;
  margin-top: 5px;
}

.metas_wrap {
  display: flex;
  flex-direction: column;
}

.post_detail {
  padding: 10px;
  color: #b5b6b9;
  border-radius: 3px;
}

.film_info .gallery_image {
  display: inline-block;
  margin-bottom: 1px;
  box-shadow: 0px 0px 13px #10101438;
  position: relative;
}

.film_info .gallery_image:hover .gallery_mask {
  background: #00000094;
  opacity: 1;
}

.film_info .gallery_image .gallery_mask i {
  color: var(--text);
  font-size: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.film_info .gallery_image .gallery_mask {
  position: absolute;
  background: #00000000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 3px;
  opacity: 0;
  transition: all .2s;
}

.post_content_single {
  border-radius: 3px;
  color: var(--text);
  font-weight: 400;
  font-size: 15px;
  line-height: 1.9;
  margin-bottom: 25px;
}

.post_inner {
  line-height: 2 !important
}

.post_content_single a,
.post_inner a {
  color: var(--primaryColor) !important;
  transition: all 0.3s;
  font-weight: bold;
  display: inline-block;
  margin: 0 2px;
}

.post_content_single a:hover,
.post_inner a:hover {
  color: var(--primaryColor);
}

.post_content_single ul,
ol {
  margin: 0 20px;
  padding: 0;
}

.post_inner ul,
ol {
  margin: 0 20px !important;
  padding: 0;
}

.post_content_single h1 {
  font-size: 20px;
  font-weight: bold;
}

.post_content_single h2 {
  font-size: 19px;
  font-weight: 400;
}

.post_content_single h3 {
  font-size: 18px;
  font-weight: 400;
}

.post_content_single h4 {
  font-size: 17px;
  font-weight: 400;
}

.post_content_single h5 {
  font-size: 16px;
  font-weight: 400;
}

.post_content_single h6 {
  font-size: 15px;
  font-weight: 400;
}

.film_info .gallery_image img {
  width: 100%;
  height: 120px;
  border-radius: 5px;
  object-fit: cover;
}

.post_detail a {
  color: var(--primaryColor);
}

.post_detail ul {
  margin: 20px;
}

.slider .owl-nav {
  color: var(--text);
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 40px;
}

.slider .owl-prev,
.slider .owl-next {
  background: #76767670 !important;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 30px !important;
  margin: 0 7px;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

.slider .slider_info {
  width: 30%;
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  margin: 0 50px 0 0;
  z-index: 2;
}

.slider .slider_info h2 {
  font-weight: 700;
  font-size: 30px;
  color: var(--text);
}

.slider .film_logo {
  width: 190px !important;
  height: auto;
}

.slider .slider_info p {
  color: #dfdfdf;
  font-size: 15px;
  margin: 0;
}

.slider .slider_info .description {
  color: var(--text);
  font-weight: bold;
  margin: 5px 0;
}

.slider .slider_item::after {
  content: "";
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.07) 0%, rgb(18 19 21 / 0%) 1%, var(--bg) 100%);
  width: 100%;
  height: 48px;
  z-index: 1;
  position: absolute;
  bottom: 0;
}

.slider .slider_link {
  background: var(--primaryColor);
  color: #fff;
  padding: 7px 15px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: bold;
  transition: all 0.3s ease;
  margin: 10px 0;
  display: inline-block;
}

.slider .slider_link:hover {
  background: var(--primaryColor);
  color: var(--text);
}

.slider .slider_item {
  height: 700px;
}

.slider .slider_item img {
  display: block;
  width: 100%;
  /* max-height: 700px; */
  height: 100%;
  object-fit: cover;
}

.slider video {
  display: block;
  width: 100%;
  max-height: 700px;
  object-fit: cover;
}

.imdbRating_holder {
  float: left;
  text-align: left;
  margin-right: 15px;
  color: #fff;
}

.imdbRating_holder .imdb_num strong {
  color: #f5c518;
  margin: 0 -3px;
  font-size: 17px;
}

.submit-reg:disabled {
  pointer-events: none;
  opacity: .6;
}

.imdbRating_holder .imdb_num span {
  display: block;
  font-size: 15px;
  border-top: solid 1px #464652;
  color: var(--text);
  padding: 2px 5px 1px;
}

.imdbRating_holder .imdb_num {
  text-align: center;
  direction: ltr;
  font-size: 17px;
  font-family: sans-serif;
}

.imdbRating_holder .imdbLogo {
  text-align: center;
  background: #efc019;
  padding: 0px 10px;
  margin: 3px 12px;
  border-radius: 3px;
}

.submit_auth_2 {
  background: #10d876;
  color: var(--text);
  border: solid 1px #0dbd67 !important;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 20px;
  border: 0;
  border-radius: 4px;
  width: calc(47% - 14px);
  margin: 10px;
  transition: all 0.3s;
}

.submit_auth_2:disabled {
  opacity: .6;
  cursor: wait;
}

.mobile_badges {
  display: none !important;
}

/* meedia query */
@media only screen and (max-width: 580px) {
  .vpn_message button{
    margin-top: 20px !important;
  }
  .kelaket_ticket_table tr {
    display: flex !important;
    flex-direction: column !important;
  }

  .panel_ticket,
  .panel_vip,
  .panel_notif {
    display: none !important;
  }

  .series_week__header ul {
    display: flex;
    overflow-x: auto;
    padding-bottom: 10px;
  }

  .series_week__header ul li {
    padding: 5px 17px !important;
  }

  .comfort-slider .center {
    transform: scale(1.1) !important;
  }

  .links {
    margin: 30px 0;
  }

  .about {
    margin-top: 0px;
  }

  .imdbRating_holder {
    display: none;
  }

  .collection_title {
    color: var(--text);
    text-align: center;
    padding-right: 0 !important;
    margin-bottom: 25px;
  }

  .post_meta--inner {
    display: none;
  }

  .search_wrap_index .search_filter {
    width: 49% !important;
  }

  .search_wrap_index .do {
    width: 100% !important;
  }

  .search_wrap_index .year_filter {
    width: 49% !important;
  }

  .search_wrap_index #searchsubmit {
    float: none;
    display: block;
    width: calc(100% - 10px);
    margin-right: 5px;
    margin-left: 5px;
  }

  .stars_page img {
    border-radius: 5px !important;
  }

  .post .post_download {
    float: none;
    width: 100%;
  }


  .featured img {
    border-radius: 10px;
    height: auto;
    object-fit: cover;
    width: 95% !important;
  }

  .widget .widget_inner .update_info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }


  .stars img {
    height: 164px;
    object-fit: cover;
    border-radius: 10px;
  }

  /* .widget .widget_inner .update_info span {
    display: none;
  } */

  .actor-center {
    text-align: center;
  }

  .stars_page h1 {
    margin: 20px 0 0 0;
  }

  .post .post_image img {
    width: 100%;
    height: auto;
  }

  .post .post_image {
    text-align: center;
  }

  .post_cover {
    display: none;
  }

  .post_header_cover {
    transform: scale(1);
    filter: blur(0);
    opacity: 1;
    background-size: cover;
  }

  .post_header_dark {
    background: linear-gradient(to bottom, transparent 0%, #101014b8 470px);
  }

  .actor {
    display: none;
  }

  .post_header_meta {
    margin-right: 0;
  }

  .p-t-20 {
    border-bottom: none;
  }

  .m-b-30 {
    display: none;
  }

  .post_header_info {
    margin: 150px 0 30px 0;
    text-align: center;
    width: 100%;
  }

  .post_header_content {
    padding: 200px 0 0;
  }

  .metas_wrap {
    flex-direction: row;
    justify-content: space-between;
    flex-direction: column;
  }

  .post_meta_i .icon {
    width: 30px;
    height: 30px;
    margin: 0;
  }

  .imdb-svg {
    width: 30px;
    height: 30px;
  }

  .hidden_xs {
    display: none;
  }

  .film_cat {
    text-align: center;
  }

  .download_section .download_item .button {
    margin: 6px 3px !important;
    display: block !important;
  }

  .download_section .download_item .align-left {
    display: block !important;
  }

  .download_section .download_item .align-right {
    display: block !important;
  }

  .login_register {
    display: none;
  }

  .search input {
    width: auto;
  }

  .slider .slider_info {
    width: 100%;
  }

  .slider .slider_info p {
    display: none;
  }

  .slider .slider_item {
    height: 390px !important;
  }

  .modal_center {
    display: block !important;
  }

  .has-spoil {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
  }

  /* .acf-fields{
    position: static!important;
    top: auto!important;
    left: auto!important;
    margin-bottom: 15px!important;
  }
  .acf-fields.-clear > .acf-field{
    margin: 0!important;
    position: static!important;
  } */
  .post2 .nav-link.active {
    width: 100%;
  }

  .post2 .nav {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .post2 .nav-link {
    width: 100%;
  }

  .post2 .nav-item {
    width: 100%;
  }

  .stars .stars_title {
    font-size: 13px;
  }
}

@media only screen and (max-width: 1200px) {

  .post2 .post_details .post_meta li strong {
    min-width: 120px !important;
  }

  .post .sub_meta {
    font-size: 11px;
  }

  .search_wrap_index #searchsubmit {
    float: none;
  }

  .stars img {
    height: 170px;
    object-fit: cover;
  }

  .login_register {
    display: none;
  }

  .stars_page img {
    height: auto;
    /* border-radius: 50%; */
    object-fit: cover;
    max-width: 100%;
  }



  .search_wrap_index .search_filter {
    width: 30%;
  }

  .search_wrap_index .year_filter {
    width: 30%;
  }
}

@media only screen and (max-width: 1400px) {
  .stars img {
    height: 170px;
    object-fit: cover;
  }
}

@media only screen and (min-width: 992px) {

  .stars img {
    height: 150px;
    width: 150px;
    object-fit: cover;
  }
}

.casual_single .post_vote button span {
  display: none;
  font-size: 15px;
}


@media only screen and (max-width: 750px) {
    .discount_form input {
      background: var(--bg);
      border: solid 1px #dddddd24;
      border-radius: 10px;
      padding: 5px 20px;
      color: #fff;
      outline: none;
      margin: 0 10px;
      width: 100%;
      margin: 20px 0 !important;
  }
  .discount_form .submit_ajax_discount {
    width: 100%;
    margin: 0 !important;
  }
  .kelaket_checkout .process_checkout_button {
    width: 100%;
    margin: 10px 0px !important;
  }
  .kelaket_plans__item{
    width: 100% !important;
  }
  .post_comfort .position-relative {
    position: relative !important;
    width: 60%;
    margin: 0 auto;
  }

  .post_comfort {
    display: flex;
    flex-direction: column;
  }

  .post_comfort__bg2 .post_comfort__details {
    margin-right: 0 !important;
  }

  .post_comfort__image {
    width: auto !important;
  }

  .post_comfort_divider {
    top: -13px !important;
    left: 50% !important;
    right: unset !important;
    transform: translateY(-50%) translateX(-50%) rotate(270deg) !important;
  }

  .post_comfort__bg2 .post_comfort__details {
    margin-top: 30px !important;
  }

  .casual_tab_content .post2 .download_item {
    flex-direction: column;
    gap: 20px;
  }

  .download_item .dl_links_wrap {
    flex-direction: column;
  }

  .casual_single .post_vote__buttons {
    width: 100%;
    display: flex;
    gap: 10px;
  }

  .casual_single .post_vote button {
    width: 100% !important;
    border-radius: 5px !important;
    background-color: var(--bg_lighter) !important;
    color: var(--text) !important;
    height: 40px !important;
  }

  .casual_single .post_vote button span {
    display: inline-block !important;
  }

  .post_download_cta a,
  .post_download_cta button {
    margin: 0 auto !important;
    width: 100% !important;
    border-radius: 5px !important;
  }

  .author_mobile {
    display: block !important;
  }

  .vcard {
    display: none;
  }

  #rcp_subscription_levels {
    flex-wrap: wrap !important;
  }

  #rcp_registration_form {
    width: 100% !important;
  }

  .vip_header {
    flex-direction: column;
    gap: 20px;
  }

  .comment_box .right_side {
    gap: 20px;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    flex-direction: row-reverse;
  }

  .comment_data {
    margin-top: 20px;
    margin-right: 0;
  }

  .actors_page .search_input_wrap {
    width: 100% !important;
  }

  .center_image_mobile {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
  }

  .comfortSlider_wrap,
  .comfortSlider_wrap .dark_bg,
  .comfortSlider_wrap .mixed_slider_bg {
    height: auto !important;
  }

  .comfortSlider_wrap .owl-stage .owl-item {
    transform: rotate(-4deg) scale(0.8);
  }

  .comfortSlider_wrap .owl-stage-outer .owl-stage .owl-item.center+.owl-item {
    transform: rotate(4deg) scale(.8);
  }

  .comment_box {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  .comment_box .right_side {
    margin-bottom: 20px;
  }

  .comfort-slider .owl-item.center {
    transform: scale(1.0) !important;
  }
}


@media only screen and (max-width: 1000px) {
  .rcp_registration_total_details tr {
    width: 100% !important;
  }
  

  .rcp_registration_total {
    width: 100% !important;
  }

  #rcp_subscription_levels li label {
    flex-direction: column;
  }

  .rcp_level_description {
    margin-top: 10px;
  }

  #pills-tabContent table tr {
    display: flex;
    flex-direction: column;
  }

  .rcp-table thead {
    display: none;
  }

  .post_info__container {
    justify-content: space-between;
    flex-direction: column-reverse;
    align-items: center;
  }

  .post_info__container .post_details {
    width: 100% !important;
  }

  .post_info__container .post_image {
    min-width: 50% !important;
    width: auto !important;
    margin-bottom: 30px;
  }

  .post2 .active_movie_notification {
    transform: unset !important;
    margin-right: 0 !important;
  }

  .film_cat img {
    max-height: auto !important;
  }

  .blog_carousel .owl-next,
  .blog_carousel .owl-prev {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .panel_wrapper {
    margin-right: 0px;
    transition: all .2s;
  }

  .post2 .post_image img {
    width: 70%;
  }

  .post_content_single .awards li {
    width: 100%;
  }

  .mixedSlider_wrap {
    height: 633px !important;
  }

  .comment_spoiler {
    font-size: 15px !important;
    text-align: center;
  }

  .comment_spoiler .show_comment {
    font-size: 13px;
  }

  .dl_info {
    flex-direction: column;
    align-items: center;
  }

  .dl_info .internet {
    margin-bottom: 10px;
  }

  .dl_info .report {
    margin-bottom: 10px;
  }

  .new_advanced_search {
    display: none !important;
  }

  .mobile_adv_trigger {
    display: flex !important;
  }

  .mobile_badges {
    display: flex !important;
  }

  .series_week .series_week__header {
    flex-direction: column;
    text-align: center;
  }

  .post2 .download_info {
    position: static !important;
    top: auto !important;
    transform: none !important;
  }

  .about_box--right {
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow-y: auto;
    padding-bottom: 15px;
  }

  .post2 .about_box .post_download {
    display: block;
  }

  .post2 .align-left {
    float: none !important;
    margin: 0px 0 !important;
    position: relative !important;
    display: block !important;
  }

  .serial-item .align-left {
    margin: 10px 0 !important;
  }

  .post2 .dl__title {
    flex-direction: column;
  }

  /* .update_info span {
    display: none !important;
  } */

  .about_box {
    flex-direction: column;
  }

  .about_box--left {
    margin-bottom: 35px;
  }

  .post2 .about_box {
    flex-direction: column-reverse;
    padding: 0 10px !important;
  }

  .post2 .title {
    flex-direction: column;
    padding: 0 !important;
  }

  .post2 .dl__title span {
    margin-top: 20px !important;
    display: block !important;
    text-align: center;
  }

  .post2 .censored,
  .post2 .legal,
  .post2 .top250 {
    border-radius: 50px !important;
  }

  .header .logo {
    margin: 15px auto;
    width: 100%;
  }

  .go-left {
    margin: 0;
  }

  .stars img {
    height: auto;
    object-fit: cover;
    border-radius: 50% !important;
    transition: all 0.3s;
    width: 150px;
    max-height: 150px;
  }

  .post .post_details {
    margin-top: 10px;
  }

  .post .post_image img {
    width: auto;
    max-width: 100%;
  }

  .post .post_image {
    text-align: center;
  }

  .header {
    text-align: center;
  }

  .top_nav {
    display: none !important;
  }

  .search_form {
    display: none;
  }

  .login {
    display: none;
  }

  .mobile_menu_icon {
    display: block;
  }

  .mobile_search_icon {
    display: block;
  }

  .video_tag {
    display: none;
  }

  .form-submit {
    width: 100% !important;
  }

  .comment-name,
  .comment-email {
    width: 48% !important;
    margin: 0 0 15px 0 !important;
  }

  .comment-email {
    margin-right: 2% !important;
  }

  .download_section .download_item {
    text-align: center;
  }

  .download_info {
    margin-bottom: 15px;
  }

  .download_section .download_item .button {
    margin: 6px 3px !important;
    display: inline-block;
  }

  .download_section .download_item .download_info {
    display: block;
    width: 100%;
  }

  .download_section .download_item .align-left {
    float: none !important;
    display: flex !important;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .download_section .download_item .align-right {
    float: none !important;
    display: inline-block !important;
  }

  .slider .slider_info {
    width: 100%;
    margin: 10px;
  }

  .slider .slider_info p {
    display: none;
  }

  .slider .slider_item {
    height: 550px;
  }

}

@media only screen and (max-width: 580px) {
  .acc_info_ .posts img {
    min-height: auto !important;
  }

  .casual_single .single_hero h1 {
    flex-wrap: wrap;
  }

  .casual_single .post_genre a {
    margin-bottom: 6px;
    display: inline-block;
  }

  .post_download_cta {
    flex-direction: column;
  }

  .post_vote .post_vote_up,
  .post_vote .post_vote_down {
    flex: unset;
    margin-bottom: 10px;
  }

  .casual_single .post_vote {
    flex-wrap: wrap;
  }

  .casual_single .post_vote .vote_stats {
    margin-right: 0;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .movie_meta {
    width: 100%;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start !important;
    margin-top: 10px !important;
  }

  .single_cover {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }

  .ticket_send_form {
    flex-direction: column;
  }

  .ticket_send_form button {
    margin-right: 0 !important;
  }

  .ticket_info {
    flex-direction: column;
  }

  .ticket_info div {
    margin-bottom: 10px;
  }

  .ticket_msg .ticket_msg_box {
    width: 100% !important;
  }

  .mixedSlider_wrap {
    height: auto !important;
  }

  .mixedSlider_wrap .dark_bg {
    height: auto !important;
  }

  .mixedSlider_wrap .dark_bg::after {
    height: auto !important;
  }

  .mixed-slider {
    margin-top: 0 !important;
  }

  .mixed-slider .owl-stage-outer {
    padding: 30px 0 0;
  }

  .mixed-slider .owl-stage {
    left: auto !important;
  }

  .mixed-slider .owl-item {
    transform: rotate(-4deg) scale(.8) !important;
    transition: all .2s ease-in-out;
  }

  .mixed-slider .owl-stage-outer .owl-stage .owl-item.center+.owl-item {
    transform: rotate(4deg) scale(.8) !important;
  }

  .mixed-slider .owl-item.active {
    transform: rotate(0) scale(.95) !important;
  }

  .post .post_details h2 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .post .post_details h2 i {
    margin: 5px 0;
  }

  .manual-register-form {
    width: 90% !important;
  }

  .genre_card a {
    color: var(--text);
    font-size: 13px !important;
  }

  .post_meta_i .icon i {
    top: 7px;
  }

  .post_like {
    margin: 0;
  }

  .metas_wrap {
    align-items: center;
  }

  .featured2 {
    overflow-x: scroll;
  }

  .featured2 .container {
    width: 1100px !important;
  }

  .fixMobile {
    flex-direction: column;
  }

  .fixMobile .adminNotice__btn a {
    margin-top: 10px;
    display: block;
    width: 100%;
    text-align: center;
  }

  .related_film_item img {
    height: auto;
  }

  .slider .slider_info h2 {
    font-size: 20px;
  }

  .slider .slider_link {
    font-size: 12px;
    font-weight: 500;
  }

  .slider .slider_info .description {
    font-weight: 300;
    font-size: 12px;
  }

  .slider .owl-nav {
    display: none;
  }
}


@media only screen and (max-width: 320px) {
  /* .comfortSlider_wrap, .comfortSlider_wrap .dark_bg,.comfortSlider_wrap .mixed_slider_bg{
    height: 400px!important;
  } */

  .film_info .gallery_image img {
    height: auto;
  }

  .post_like {
    margin-bottom: 10px;
  }

  .stars img {
    height: auto;
    object-fit: cover;
    border-radius: 50% !important;
    transition: all 0.3s;
    width: 100px;
  }

  .search_wrap_index .search_filter {
    width: 99% !important;
  }

  .search_wrap_index .year_filter {
    width: 99% !important;
  }

  .metas_wrap {
    flex-direction: column;
    justify-content: flex-start;
  }

  .related_film_item img {
    width: 100%;
    height: auto;
    padding: 0;
    border-radius: 3px 3px 0px 0px;
    transition: all ease 0.3s;
    object-fit: cover;
    margin-bottom: 10px;
  }

}

.modal-content {
  background: var(--bg);
  border: none;
}

.modal-header {
  border-bottom: 1px solid #000000;
  ;
}

.user_btn {
  display: flex;
  margin: 10px;
  justify-content: space-around;
  flex: 1;
  gap: 10px;
  margin-left: 0;
}

.user_btn a,
.user_btn button {
  background: var(--primaryColor);
  padding: 8px 20px;
  border-radius: 30px;
  color: var(--text);
  font-size: 14px;
  width: 100%;
  border: none;
  outline: none;
  text-align: center;
  margin: 0 2px;
  flex-wrap: nowrap;

}

.appInstallBanner {
  position: fixed;
  bottom: 0;
  background: #15151ad9;
  width: 100%;
  z-index: 2;
  padding: 13px;
  border-radius: 10px 10px 0 0;
  align-items: center;
  justify-content: space-between;
  display: none;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 15;
}

.appInstallBanner img {
  width: 40px;
  height: 40px;
}

.appInstallBanner a {
  color: var(--text);
}

.appInstallBanner .dismiss {
  background: var(--bg2);
  color: var(--text);
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  font-size: 10px;
}

.post_blog .blog_image {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  object-fit: cover;
  border-radius: 5px;
  -webkit-filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
}

.post_blog p {
  font-size: 16px;
  color: var(--text);
}

.related_post_blog_item {
  background: var(--bg2);
  box-shadow: 0px 0px 13px #10101438;
  border-radius: 3px;
  color: var(--text);
  padding: 15px;
  margin-bottom: 30px;
}

.related_post_blog_item header {
  font-weight: 500;
  margin-top: 10px;
  font-size: 16px;
}

.related_post_blog_item p {
  font-weight: 300;
  font-size: 14px;
  margin-top: 10px;
}

.related_post_blog_item a {
  font-weight: bold;
  font-size: 15px;
  color: var(--primaryColor);
}

.related_post_blog_item .icon {
  font-size: 20px;
  padding: 1px 5px 1px 0;
  color: var(--text);
  border-radius: 10px;
  display: inline-block;
  margin: 5px 0;
}

.related_post_blog_item .icon span {
  background: var(--primaryColor);
  padding: 0px 5px;
  color: var(--text);
  border-radius: 10px 0 0 10px;
}

.post_content_single .awards {
  margin: 10px 0;
}

.post_content_single .awards ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0;
}

.post_content_single .awards li {
  list-style: none;
  padding: 15px 25px;
  font-weight: 400;
  background: var(--bg2);
  border-radius: 50px;
  display: flex;
  align-items: center;
  height: auto;
  flex-wrap: wrap;
}

.awards i {
  margin-left: 5px;
  font-size: 18px;
  color: var(--text);
  margin-left: 10px;
}

.awards strong {
  font-size: 15px;
  color: var(--text);
  font-weight: bold;
  margin-left: 5px;
}

.featured_item2 {
  position: relative;
}

.featured_item2 img {
  height: 200px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.featured2 {
  padding: 110px 0 70px;
  display: block;
  background: var(--bg_darker);
}

.slider {
  max-height: 700px !important;
  background: var(--bg_darker);
}

.featured_item2:hover .featured_item2_hover {
  opacity: 1;
  transform: scale(1.0);
}

.featured_item2_hover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #00000099;
  top: 0;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  color: #fff;
  font-size: 13px;
  display: block;
  padding: 15px;
  opacity: 0;
  transition: all 0.3s;
  border-radius: 10px;
  transform: scale(.94);
  padding-top: 10%;
}

.featured_item2_hover h2 {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding-top: 15px;
}

.featured_item2_hover .featured_item_likes {
  padding-top: 10px;
}

.featured_item2_hover .featured_item_imdb {
  border: solid 1px #ffd400;
  color: #ffd400 !important;
  border-radius: 5px;
  padding: 3px 6px 4px;
  text-align: center;
  font-family: sans-serif;
  vertical-align: middle;
  margin: 0 15px;
}

.featured_item2_hover .badge {
  font-size: 12px;
  margin-top: 10px;
  font-weight: normal;
}

.like_single {
  position: absolute;
  bottom: 0;
  background: var(--bg2);
  width: 35px;
  height: 35px;
  color: #FF3131;
  border-radius: 50%;
  display: flex;
  align-items: center;
  font-size: 16px;
  justify-content: center;
  margin: 6px;
  cursor: pointer;
  box-shadow: 0px 0px 7px 2px #0000008a;
}

.toast-success {
  background-color: #10d876 !important;
  opacity: 1 !important;
  transition: all 0.3s;
}

.toast-warning {
  background-color: #ff8f00 !important;
  opacity: 1 !important;
  transition: all 0.3s;
}

.toast-error {
  background-color: #b2102f !important;
  opacity: 1 !important;
  transition: all 0.3s;
}

.download_notice {
  background: var(--bg);
  margin: -12px 10px;
  margin-bottom: 10px;
  border-radius: 0px 0px 3px 3px;
  font-size: 14px;
  padding: 6px 10px;
  font-weight: 300;
  color: #d1d6d9;
  color: #fff !important;
}

.download_notice i {
  color: var(--primaryColor);
  font-size: 17px;
  position: relative;
  top: 2px;
  margin-left: 2px;
}

.related_rotten {
  padding: 0 14px 10px;
  font-size: 13px;
  color: var(--text);
}

.related_rotten i {
  position: relative;
  top: 1px;
  margin-left: 1px;
}

/* .acf-fields {
  position: relative;
  top: -67px;
  left: 12px;
  color: #d5d5d5;
} */

.acf-fields.-clear>.acf-field {
  font-size: 13px;
}

/* .acf-true-false input {
  position: relative;
  top: 3px;
  left: 2px;
}  */

.spoiler.has-spoil .spoilder_warn {
  opacity: 1;
  visibility: visible;
}

.spoiler .spoilder_warn {
  color: #ff1b1b;
  cursor: pointer;
  height: 0;
  min-height: 0;
  position: relative;
  top: 15px;
  opacity: 0;
  visibility: hidden;
  font-size: 15px;
}

.spoiler .spolider_text {
  opacity: 1;
  visibility: visible;
}

.spoiler.has-spoil .spolider_text {
  opacity: 0;
  visibility: hidden;
}

.boxOffice {
  width: 100%;
  margin: 15px 0;
}

.boxOffice tr:first-child {
  border-radius: 3px 3px 0 0;
}

.boxOffice tr {
  transition: all 0.3s;
}

.boxOffice tr:hover {
  background: var(--bg);
}

.boxOffice th {
  background: var(--bg);
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  border: solid 1px var(--bg);
}

.boxOffice td {
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  border: solid 1px var(--bg);
}

.boxOffice td img {
  width: 70px;
  height: 90px;
  object-fit: cover;
  border-radius: 5px;
  margin: 0 5px;
}

.boxOffice .boxOffice__name {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.boxOffice .boxOffice__name span {
  width: 25px;
  height: 25px;
  background: var(--primaryColor);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-weight: 500;
  color: var(--text);
  margin-left: 5px;
}

.boxOffice .boxOffice__film {
  display: flex;
  flex-direction: row;
}

.boxOffice .boxOffice__meta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.boxOffice .boxOffice__meta h3 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--text);
}

.boxOffice .boxOffice__meta .film_name {
  color: var(--text);
}

.boxOffice .boxOffice__meta a {
  font-size: 13px;
  font-weight: 300;
  color: #adadad;
  transition: all 0.3s;
}

.boxOffice .boxOffice__meta a:hover {
  color: var(--text);
}

.boxOfficeWrap {
  overflow-x: auto;
}

.adminNotice {
  padding: 18px 0;
  display: none;
  z-index: 9999;
  position: absolute;
  width: 100%;
}

.adminNotice_up {
  top: 0;
}


.adminNotice_down {
  position: fixed !important;
  bottom: 0;
}

.adminNotice .dismiss {
  font-size: 10px;
  color: #e9e9e9;
  margin-left: 5px;
  cursor: pointer;
  transition: all 0.3s;
  border: solid 1px #e9e9e9;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  line-height: 0;
  transition: all .3s;
}

.adminNotice .dismiss:hover {
  color: var(--bg);
  background: #e9e9e9;
}

.adminNotice span {
  font-size: 15px;
  color: #fff;
  font-weight: 300;
}

.adminNotice .timer div {
  background: #00000040;
  width: 60px;
  padding: 0;
  margin: 0px 5px;
}

.adminNotice .timer div span {
  padding: 5px 0;
}

.adminNotice .timer div .counter_label {
  font-size: 13px;
  font-weight: 200;
  border-radius: 0px 0px 5px 5px;
  padding: 2px 0 !important;
}

html.dark .adminNotice .timer div {
  background: #00000040;
  border: none;
  box-shadow: none;
  color: #fff !important;
}

html.dark .adminNotice .timer div span {
  color: #fff !important;
}

html.dark .notification_btn .count {
  color: #fff;
}

html.dark .notif_items {
  box-shadow: 0px 0px 15px var(--bg_darker2);
}

html.dark .show_all_notifs {
  color: #fff !important;
}

html.dark .notification__card {
  border: solid 1px var(--bg_lighter);
}

.adminNotice .adminNotice__btn a {
  color: #101014;
  background: #fff;
  padding: 6px 15px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  box-shadow: -1px 3px 3px #00000021;
  transition: all 0.3s;
}

.adminNotice .adminNotice__btn a:hover {
  background: #ebebeb;
}

._textAds li {
  list-style: none;
}

._textAds li a {
  background: var(--bg2);
  border-radius: 4px;
  -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 15%);
  box-shadow: 0 0 10px rgb(0 0 0 / 15%);
  display: block;
  margin: 8px 0;
  padding: 10px;
  transition: all .2s;
  font-size: 14px;
  font-weight: 600;
  color: var(--text);
}

._textAds li a:hover {
  background: var(--primaryColor);
  color: #fff;
}

._textAds li a:hover span {
  color: #fff;
}

._textAds li a span {
  margin-top: 5px;
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #cfcece;
}

._banner {
  margin-bottom: 15px;
}

._banner img {
  max-width: 100%;
  margin: 5px 0;
  border-radius: 10px;
  height: auto;
}

.aligncenter {
  text-align: center !important;
  display: block;
  margin: 0 auto;
}

.all_key:hover {
  background: #6898f81f !important;
}

.all_key a {
  color: #6898f8 !important;
}

.all_key a:after {
  content: "\f053";
  font-size: 11px;
  position: relative;
  right: 5px;
  /* top: 1px; */
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.item2 {
  color: var(--text);
  margin: 0 3px;
  position: relative;
  overflow: hidden;

  max-width: 140px;
  margin: 0 auto 10px;
}

.item2 a {
  color: var(--text);
}

.item2:hover .item2__mask {
  opacity: 1;
  visibility: visible;
  transform: scale(1.0);
}

.item2__mask {
  position: absolute;
  transition: 0.3s;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 4px 8px;
  text-align: center;
  background: #000000ab;
  display: flex;
  align-items: flex-end;
  opacity: 0;
  border-radius: 7px;
  visibility: hidden;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  font-size: 11px;
  transform: scale(1.5);
  text-align: center;
  justify-content: center;
}

.item2 img {
  border-radius: 7px !important;
  object-fit: cover;
  height: auto;
  aspect-ratio: 2/3;
}

.carousel_archive {
  font-weight: 400;
  border-radius: 4px;
  font-size: 12px !important;
}

.sidebarBoxOffice {
  display: flex;
  margin-bottom: 10px;
  border-bottom: solid 1px var(--bg_lighter);
  padding-bottom: 10px;
}

.boxOffice__film__rank {
  background: var(--primaryColor);
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: sans-serif;
  margin: 4px;
  font-size: 13px;
  box-shadow: 0 0 4px rgb(0 0 0 / 39%);
}

.sidebarBoxOffice__right .boxOffice__film {
  display: flex;
  flex-direction: row;
}

.sidebarBoxOffice__right .boxOffice__meta {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--text);
  font-size: 13px;
}

.sidebarBoxOffice__right .boxOffice__meta a {
  font-size: 13px;
  font-weight: 300;
  color: #adadad;
  transition: all 0.3s;
}

.sidebarBoxOffice__right .boxOffice__meta h3 {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: 700;
  color: var(--text);
  font-family: sans-serif;
}



.sidebarBoxOffice__right .boxOffice__film img {
  width: 100px;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
  margin: 0 0 0 10px;
}

html.dark .sidebarBoxOffice {
  border-color: var(--bg_lighter);
}

.no-border {
  border: none !important;
}

.boxOfficeMore {
  color: var(--primaryColor);
  font-size: 14px;
  font-weight: 500;
  margin: 10px 0;
  display: inline-block;
  border-radius: 50px;
  padding: 8px 20px;
  transition: all 0.2s;
}

.boxOfficeMore i {
  position: relative;
  top: 2px;
}

.boxOfficeMore:hover {
  background: var(--primaryColor)24;
  color: var(--primaryColor);
}

.owl-dot.active {
  width: 17px;
  height: 7px;
  background: var(--primaryColor) !important;
  border-radius: 50px;
}

.owl-dots {
  text-align: center;
}

.owl-dot {
  width: 7px;
  height: 7px;
  background: var(--primaryColor) !important;
  border-radius: 50px;
  margin: 0 2px;
  transition: all 0.2s;
}

.genre_card {
  position: relative;
  margin-bottom: 25px;
  overflow: hidden;
  transition: all 0.2s;
}

.genre_card:active {
  transform: scale(.95);
}

.genre_card img {
  border-radius: 5px !important;
}

.genre_card__inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 15px;
}

.genre_card a {
  color: var(--text);
  font-size: 20px;
}

/* new post style */
.post2 {
  background: var(--bg2);
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.post2_bg {
  width: 100%;
  height: 320px;
  top: 0;
  /* filter: brightness(.8) saturate(100%) contrast(200%) hue-rotate(0) blur(10px); */
  filter: brightness(.8) blur(10px);
  z-index: 1;
  right: 0;
  position: absolute;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: .1;
}

.relz2 {
  position: relative;
  z-index: 2;
}

.post2_bg::before {
  content: '';
  background-image: linear-gradient(to bottom, var(--bg2)9e, var(--bg2));
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 330px;
}


.post2 h2 {
  font-size: 18px;
  color: var(--text);
}

.post2 h2 a {
  color: var(--text);
}

.post2 h1 {
  font-size: 18px;
  color: var(--text);
}

.post2 h1 a {
  color: var(--text);
}

.post2 .censored,
.post2 .legal,
.post2 .top250 {
  width: auto;
  margin: 0;
  margin-left: -3px;
  font-weight: 600;
  padding: 7px 14px;
  border-radius: 0px 50px 50px 0;
}

.post2 .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px 0 0;
}

.post2 .censored {
  background: #eb8307;
  color: var(--text);
}

.post2 .dub {
  background: #3f51b5 !important;
  color: var(--text);
}

.post2 .sub {
  background: #ec3a3a !important;
  color: var(--text);
}

.post2 .top250 {
  background: #efc01933;
}

.post2 .legal {
  background: #2a9cce;
  color: var(--text);
}

.post2 .censored i,
.post2 .legal i {
  display: none;
}

.post2 .post_image {
  margin-top: 25px;
}

.post2 .post_image img {
  border-radius: 15px;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.post2 .post_details {
  margin-top: 25px;
}

.post2 .post_details .post_meta li {
  list-style: none;
  display: flex;
  color: var(--text);
  align-items: center;
  font-size: 14px;
}

.post2 .post_details .post_meta li p {
  padding: 5px;
  margin: 10px 0;
  color: var(--text);
  line-height: 1.9;
}

.post2 .post_details .post_meta li p .story {
  font-weight: 500;
}

.post2 .post_details .post_meta li a {
  color: var(--text);
  transition: all 0.2s;
}

.post2 .post_details .post_meta li a:hover {
  color: var(--text);
}

.post2 .post_details .post_meta li .seprator {
  flex: 1;
  height: 1px;
  background: #4a4a5982;
  margin: 0 10px;
}

.post2 .post_details .post_meta li strong {
  background: var(--bg_lighter);
  border-radius: 50px;
  font-size: 13px;
  font-weight: 400;
  margin: 3px 0;
  display: inline-block;
  min-width: 90px;
  color: var(--text);
  display: flex;
  align-items: center;
  padding-left: 20px;
}

.post2 .post_details .post_meta li strong .icon {
  background: #3e4dac;
  padding: 10px;
  display: inline-flex;
  min-width: 41px;
  justify-content: center;
  margin-left: 25px;
  border-radius: 0 50px 50px 0;
  position: relative;
  color: #fff;
}

.post2 .post_details .post_meta li strong .icon::after {
  content: '';
  border-style: solid;
  border-width: 0 15px 35px 0;
  border-color: transparent var(--primaryColor) transparent transparent;
  transform: rotate(0deg);
  position: absolute;
  left: -15px;
  top: 0;
}


.post2 .post_details .post_meta li strong .icon i {
  font-size: 15px;
  position: relative;
  right: 5px;
}

.post2 .post_details .post_meta li p i {
  font-size: 18px;
  vertical-align: middle;
}

.post2 .about_box {
  display: flex;
  justify-content: flex-end;
  padding: 0 20px;
  margin-bottom: 10px;
  align-items: center;
  margin-top: 40px;
}

.push_right {
  justify-content: flex-start !important;
}

.post2 .imdbRating_holder {
  float: none;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.badges_new {
  margin: 15px 0 0;
  display: flex;
  gap: 10px;
  white-space: nowrap;
  overflow: auto;
  padding-bottom: 10px;
}

.badges_new .badge_blue {
  color: #03a9f4 !important;
}

.badges_new .badge_blue i {
  background: rgb(3 169 244 / 15%) !important;
}

.badges_new .badge_cyan {
  color: #00d69e !important;
}

.badges_new .badge_cyan i {
  background: rgb(0 214 158 / 15%) !important;
}

.badges_new .badge_red {
  color: #ff0045 !important;
}

.badges_new .badge_red i {
  background: rgb(255 0 69 / 15%) !important;
}

.badges_new .badge_orange {
  color: #ff7022 !important;
}

.badges_new .badge_orange i {
  background: rgb(255 112 34 / 15%) !important;
}

.badges_new .badge_yellow {
  color: #ffce00 !important;
}

.badges_new .badge_yellow i {
  background: rgb(255 206 0 / 15%) !important;
}

.badges_new .badge_dark_blue {
  color: #d41d95 !important;
}

.badges_new .badge_dark_blue i {
  background: rgb(160 29 212 / 15%) !important;
}



.badge_movie {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
  font-size: 14px;
}

.badge_movie i {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  line-height: 0;
  background: #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
}


.post2 .badges ul {
  margin: 0;
  padding: 0;
}

.post2 .badges li {
  list-style: none;
  color: var(--text);
  display: inline-block;
  background: var(--primaryColor);
  padding: 5px;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 5px;
  transform: rotate(45deg);
  margin: 0 6px;
  cursor: help;
}

.post2 .badges li i {
  transform: rotate(-45deg);
}

.post2 .last_modified {
  color: var(--text);
  font-size: 14px;
}

.post2 .content {
  color: var(--text);
}

.post2 .section__title {
  padding: 10px 15px;
  border-radius: 15px;
  background: var(--bg_lighter2);
}

.post2 .content {
  border: solid 1px var(--bg_lighter2);
  padding: 10px;
  border-radius: 15px;
  box-shadow: 0 10px 15px 0 var(--bg);
}

.post2 .single_cast img {
  border-radius: 15px !important;
}


.post2 .section__title h3 {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: var(--text);
  margin: 0;
}

.post2 .single_cast {
  padding: 15px 5px;
}

.post2 .single_cast .owl-nav {
  position: absolute;
  top: 35%;
  width: 100%;
}

.post2 .owl-prev.disabled,
.post2 .owl-next.disabled {
  display: none !important;
}

.post2 .related_post_blog_item {
  background: var(--bg_lighter2);
  border-radius: 15px;
  margin-bottom: 0;
}

.post2 .single_cast .owl-next,
.post2 .single_cast .owl-prev {
  width: 25px;
  height: 25px;
  background: var(--primaryColor) !important;
  border-radius: 50px;
  font-size: 21px !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.post2 video {
  height: auto;
}

.post2 .single_cast .owl-prev {
  position: absolute;
  right: -10px;
}

.post2 .single_cast .owl-next {
  position: absolute;
  left: 0;
}

.post2 .single_cast .owl-nav {
  position: absolute;
  top: 35%;
  width: 100%;
}

.single__content .owl-nav {
  position: absolute;
  top: 35%;
  width: 100%;
}

.single__content .owl-prev.disabled,
.single__content .owl-next.disabled {
  display: none !important;
}

.post2 .related_post_blog_item {
  background: var(--bg_lighter2);
  border-radius: 15px;
  margin-bottom: 0;
}

.single__content .owl-next,
.single__content .owl-prev {
  width: 25px;
  height: 25px;
  background: var(--primaryColor) !important;
  border-radius: 50px;
  font-size: 21px !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.single__content .owl-prev {
  position: absolute;
  right: -10px;
}

.single__content .related_film_item {
  background: var(--bg_lighter2);
  border-radius: 10px;
}

.single__content .owl-next {
  position: absolute;
  left: 0;
}

.post2 .nav-link {
  padding: 7px 15px;
  font-weight: 400;
  font-size: 14px;
  margin-left: 5px;
  border-radius: 7px;
}

.post2 .nav-link.active {
  color: #fff !important;
}

.post2 .section__title i {
  margin-left: 3px;
}

.post2 .content_inner {
  border-radius: 3px;
  color: var(--text);
  font-weight: 400;
  padding: 10px;
  font-size: 14px;
  line-height: 1.7;
}

.post2 .content_inner a {
  color: var(--text);
  transition: all 0.3s;
}

.post2 .content_inner a:hover {
  color: var(--text);
}

.post2 .content_inner p {
  margin: 0;
}

.post2 .content_inner h1 {
  font-size: 20px;
  font-weight: bold;
}

.post2 .content_inner h2 {
  font-size: 19px;
  font-weight: 400;
}

.post2 .content_inner h3 {
  font-size: 18px;
  font-weight: 400;
}

.post2 .content_inner h4 {
  font-size: 17px;
  font-weight: 400;
}

.post2 .content_inner h5 {
  font-size: 16px;
  font-weight: 400;
}

.post2 .content_inner h6 {
  font-size: 15px;
  font-weight: 400;
}

.post2 .tab-pane {
  padding: 10px;
}

.modern_film_notice {
  background: var(--bg) !important;
}

.casual_film_notice {
  margin: -20px 0 10px !important;
  border-radius: 0px 0px 15px 15px !important;
  padding: 6px 15px 11px !important;
}

.post2 .download_item {
  position: relative;
  background: var(--bg_lighter2);
  padding: 20px 10px;
  border-radius: 5px;
  font-size: 13px;
  color: var(--text);
  border-right: solid 4px var(--bg);
  margin-top: 10px;
}

.post2 .download_info {
  display: inline-block;
  margin: 10px 0;
}

.post2 .align-left {
  float: left;
  display: flex;
  align-items: center;

}


.post2 .download_notice {
  z-index: 2;
  margin: -13px 0 10px;
  position: relative;
  border-radius: 0px 0px 5px 5px;
  padding: 4px 8px;
  font-size: 13px;
  background: var(--bg_darker);
}


.post2 .download_item .button {
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 7px 10px;
  font-size: 13px;
  border-radius: 8px;
  margin: 0 3px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.post2 .download_item .button_online {
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  background: rgb(255 193 7 / 15%);
  padding: 1.7px;
  font-size: 13px;
  border-radius: 8px;
  margin: 0 3px;
  transition: all 0.3s;
  overflow: hidden;
  position: relative;
  color: #fec00b;
}

.post2 .online_text {
  transition: all 0.3s;
  border: none !important;
  padding-left: 10px;
}

/* series accordion */
.post2 .accordion-button {
  background: var(--bg_lighter2);
  color: var(--text);
  font-size: 15px;
  font-weight: 300;
}

.button_online:hover {
  background: #fec00b !important;
  color: #000 !important;
}

.post2 .accordion-button:focus {
  box-shadow: none;
}

.post2 .accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: auto;
  margin-left: 0;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out;
}

.post2 .accordion-item {
  background-color: var(--text);
  border: none;
  background-color: var(--bg_lighter2);
  border-bottom: solid 1px var(--bg2);
}

.post2 .accordion-item:last-of-type {
  border: none;
}

.post2 .new {
  margin-right: 10px;
}

.post2 .serial-dl-info {
  margin: 7px 0 !important;
}

.post2 .serial-item {
  background: var(--bg) !important;
}

.post2 .accordion-item:first-of-type .accordion-button {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.post2.accordion-item:first-of-type {
  border-top-right-radius: 15px !important;
  border-top-left-radius: 15px !important;
}

.post2.accordion-item:last-of-type {
  border-top-right-radius: 15px !important;
  border-top-left-radius: 15px !important;
}

.post2 .accordion-item:last-of-type .accordion-button {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.post2 .accordion-body {
  padding: 4px 10px 15px;
}

.post2 .dl__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.post2 .dl__title span {
  color: var(--text);
  font-size: 13px;
  margin: 3px 0;
}

.post2 .dl__title span i {
  color: #ffc107;
}

.imdbRating_holder .imdbLogo {
  max-width: auto !important;
}


.post2 .imdbRating_holder .imdb_num strong {
  color: #f5c518;
  margin: 0;
  font-size: 21px;
}

.post2 .imdbRating_holder .imdb_num span {
  border: none;
  padding: 0;
  margin: -8px 0 2px;
}

.post2 .imdbRating_holder .imdb_num small {
  font-size: 13px;
  font-weight: 200;
}

.post2 .imdbRating_holder .imdbLogo {
  text-align: center;
  background: #efc019;
  padding: 0px 10px;
  margin: 0;
  border-radius: 7px;
  margin: 0 10px;
  position: relative;
}

.post2 .imdbRating_holder .imdbLogo::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 7px 5px 0;
  border-color: transparent #efc019 transparent transparent;
  position: absolute;
  left: -4px;
  top: 50%;
  transform: translateY(-50%);
}

.post2 .imdbRating_holder .imdbRate_nums {
  text-align: left;
  color: #fff;
  font-family: Impact, sans-serif;
  direction: ltr;
  font-size: 25px;
  line-height: 1rem;
}

.post2 .imdbRating_holder .imdbRate_nums small {
  font-size: 13px;
  color: #fff;
}

.post2 .imdbRating_holder .imdbRate_nums strong {
  font-size: 23px;
  color: #efc01a;
}



.post2 .imdbRating_holder .imdbLogo img {
  border-radius: 0;
  padding: 6px 0;
}

.post2 .simplefavorite-button {
  list-style: none;
  color: var(--text);
  background: var(--primaryColor);
  padding: 5px;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50%;
  display: flex;
  cursor: pointer;
  margin-right: 10px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  bottom: -19px;
}

.post2 .about_box .post_download {
  background: var(--primaryColor);
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 30px 10px 25px;
  border-radius: 50px;
  transition: all 0.2s;
  display: inline-block;
}

.post2 .about_box .post_download:hover {
  box-shadow: inset 0px 40px 0 #1789bb;
}

.post2 .about_box .post_download:active {
  transform: scale(.95);
}

.post2 .about_box .post_download i {
  margin-right: 10px;
  position: relative;
  top: 2px;
  font-size: 16px;
}

.post2 .content {
  color: var(--text);
}

.section__title {
  padding: 10px 15px;
  border-radius: 15px;
  background: var(--bg_lighter2);
}

.content {
  border: solid 1px var(--bg_lighter2);
  padding: 10px;
  border-radius: 15px;
  box-shadow: 0 10px 15px 0 var(--bg);
  background: var(--bg2);
  color: #f8f8f8;
}

.section__title h3 {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: var(--text);
  margin: 0;
}

.modern .comment-list .comment {
  background: var(--bg_lighter2);
  border-radius: 10px;
}

.content_inner .comments {
  margin: 0 !important;
}

.modern .form-submit {
  width: auto;
}

.modern .form-submit .submit {
  border-radius: 10px;
}

.modern .comment-form .form-control {
  border-radius: 10px;
  background: var(--bg_lighter2);
}

.modern .comment-list li ul.children li.comment {
  background: var(--bg2);
}

.collection_mask {
  opacity: 0.05;
  right: 0;
  left: 0;
  top: -100px;
  filter: blur(4px);
}

.collection_content {
  border: solid 1px var(--bg_lighter2);
  border-radius: 15px;
  box-shadow: 0 10px 15px 0 var(--bg_darker);
  background: var(--bg2);
  padding: 10px;
}

.collection_content .related_film_item {
  background: #2f2f3873;
}

.collection_title {
  color: var(--text);
  /* text-align: center; */
  padding-right: 30px;
}

.collection_title .from {
  color: #9ba1a6;
  font-weight: 200;
  font-size: 15px;
}

.collection_title .name {
  color: var(--text);
  font-size: 19px;
  font-weight: 500;
  margin: 0 0 10px;
}

.comment-form .form-control::placeholder {
  color: var(--text);
}

.btn-orange {
  color: #fff;
  background-color: #FF7555;
  border-color: #FF7555;
  font-weight: 300;
  font-size: 14px;
  padding: 9px 20px;
}

.btn-orange:hover {
  color: var(--text);
  background-color: #ff967d;
  border-color: #ff967d;
  color: var(--text);
}

.boxOffice_page {
  color: var(--text);
  font-size: 15px;
  font-weight: 300;
}

.boxOffice_page h2 a {
  color: var(--text);
  font-size: 24px;
}

.boxOffice_page h2 a:hover {
  color: var(--text);
}

.boxOffice_item {
  background: var(--bg2);
  padding: 15px;
  border-radius: 20px;
}

.boxOfficeWrap a {
  color: var(--text);
  font-size: 13px;
}

.boxOfficeWrap a:hover {
  color: var(--text);
}


.boxOffice_item .boxOffice_image {
  position: relative;
}

.boxOffice_item .boxOffice_image .rank {
  position: absolute;
  top: -25px;
  left: 50%;
  font-family: sans-serif;
  width: 35px;
  height: 35px;
  display: flex;
  border: solid 4px var(--bg2);
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transform: translateX(-50%);
  font-weight: 600;
  font-size: 14px;
}

.boxOffice_item .boxOffice_title h3 {
  font-size: 21px;
  margin: 10px 0 0;
  font-weight: bold;
}

html.dark .boxOffice_item .boxOffice_image .rank {
  border-color: var(--text);
  color: var(--text);
}

html.dark .boxOffice_item .bg {
  background: var(--bg_lighter);
}

html.dark .boxOffice_item .boxOffice_title h3 {
  color: var(--text);
}

.boxOffice_item .rank_all {
  position: absolute;
  right: 5px;
  font-family: sans-serif;
  top: -10px;
  background: #3f52b4;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-weight: 500;
  font-size: 14px;
}

.boxOffice_item .boxOffice_image img {
  width: 300px;
  height: 180px;
  border-radius: 15px;
  object-fit: cover;
  transition: all 2s;
  max-width: 130px;
}

.boxOffice_item .boxOffice_image img:hover {
  max-height: 500px;
}

.boxOffice_item .boxOffice__meta li {
  list-style: none;
  color: #e0dfdf;
  font-size: 14.5px;
  margin: 2px 0;
  font-weight: 500;
  padding: 10px 10px;
  border-radius: 50px;
}

.boxOffice_item .boxOffice__meta li span {
  font-family: sans-serif;
}

.boxOffice_item .bg {
  background: var(--bg_lighter);
}

.boxOffice_item .boxOffice__meta li a {
  color: #767c8d;
  font-size: 13.5px;
}

.boxOffice_item .boxOffice__meta li h3 {
  font-size: 15px;
  color: #e1e1e1;
  font-weight: 500;
  margin-bottom: 15px;
}

.series_week {
  background: var(--bg2);
  /* padding: 15px; */
  margin-bottom: 15px;
  border-radius: 10px;
}

.series_week .series_week__header {
  display: flex;
  color: var(--text);
  justify-content: space-between;
  border-bottom: solid 1px var(--bg_lighter);
  padding: 15px 15px 0;
}

.series_week .series_inner {
  padding: 15px;
  color: var(--text);
}

.series_week .series_week__header h3 {
  color: var(--text);
  font-size: 18px;
}

.series_week .series_week__header li {
  list-style: none;
  cursor: pointer;
  background: var(--bg_lighter);
  font-size: 14px;
  font-weight: 300;
  padding: 1px 6px;
  display: inline-block;
  margin: 0 -3px;
  transition: all 0.2s;
}

.series_week .series_week__header li.active {
  background: var(--primaryColor);
}

.series_week .series_week__header li:hover {
  background: var(--primaryColor);
}

.series_week .series_week__header li:first-child {
  border-radius: 0 5px 5px 0;
}

.series_week .series_week__header li:last-child {
  border-radius: 5px 0 0 5px;
}

.series_week .series_item {
  font-size: 13px;
  box-shadow: 1px 4px 3px var(--bg);
  border-radius: 20px;
  overflow: hidden;
}

.series_week .series_item .name,
.series_week .series_item .update {
  padding: 5px;
  font-size: 14px;
  font-weight: 400;
}

.series_week .update {
  color: #b3b3b3;
  font-size: 12px !important;
}

.series_week .not_found {
  border-radius: 7px;
  padding: 9px;
  text-align: center;
  font-weight: 300;
  background: #443d2c;
  color: #ffce00;
  font-size: 15px;
  display: flex;
  width: auto;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 auto;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 3em;
  height: 3em;
}

.loader {
  margin: 10px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: .5em solid rgba(255, 255, 255, 0.2);
  border-right: .5em solid rgba(255, 255, 255, 0.2);
  border-bottom: .5em solid rgba(255, 255, 255, 0.2);
  border-left: .5em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  -moz-animation: load8 1.1s infinite linear;
  -o-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes load8 {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes load8 {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.series_week .loading {
  /* background: var(--bg_lighter); */
  display: block;
  border-radius: 3px;
  padding: 9px;
  font-weight: 200;
  font-size: 15px;
}

.series_week .series_item a {
  color: var(--text);
}

.series_week .series_item img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 3px;
  margin-left: 10px;
}

.post2 #pills-tags a {
  color: #fafafa;
  font-size: 13px;
  background: var(--bg_lighter2);
  padding: 3px 8px;
  margin: 0 3px;
  display: inline-block;
  margin-bottom: 7px;
  border-radius: 3px;
}

.timer {
  display: flex;
  flex-direction: row-reverse;
  flex: 1;
}

.timer div {
  background: var(--bg2);
  padding: 4px;
  margin: 0 2px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  color: var(--text);
}

.timer span {
  font-size: 18px;
  font-weight: 500;
}

.timer .counter_label {
  font-size: 13px;
  font-weight: 300;
}

.count_row h4 {
  color: var(--text);
  font-size: 15px;
}

.stars_wrap {
  overflow: hidden;
  transition: all 0.3s;
}

.collapse_stars {
  height: 216px;
  transition: all 0.3s;
}

.show_more {
  background: #3f52b4;
  color: var(--text);
  font-size: 14px;
  font-weight: 300;
  border: none;
  padding: 5px 14px;
  border-radius: 3px;


}

.taxonomy-description {
  font-size: 14px;
  font-weight: 300;
  margin: 10px 0;
  color: var(--text);
}

.info_rank {
  color: #efc019 !important;
  width: fit-content !important;
  background: #efc01933 !important;
  padding: 2px 6px !important;
  margin: 5px 0 !important;
}

.report button {
  border: none;
  background: #ff75551c;
  color: #ff7555;
  font-size: 13px;
  font-weight: 400;
  border-radius: 5px;
  padding: 7px 10px;
  margin-bottom: 8px;
}

.report .share {
  background: #3fb5921c !important;
  color: #3fb592 !important;
}

.report button i {
  margin-left: 5px;
  line-height: 0;
}

.report_modal {
  color: var(--text);
  z-index: 99999;
}

.report_modal .modal-header {
  border-bottom: 1px solid var(--bg_lighter);
}

.report_modal .modal-header h5 {
  font-size: 15px;
  font-weight: 400;
}

.report_modal .report_modal--close {
  color: var(--text);
  background: none;
  font-size: 15px;
  border: none;
  padding: 0;
  margin: 0;
  line-height: 0;
  margin-right: auto;
}

.report_modal .wpcf7-form-control {
  background: var(--bg2);
  border: none;
  padding: 8px;
  border-radius: 3px;
  font-size: 15px;
  color: var(--text);
  width: 100%;
  outline: none !important;
  color: #fff;
}

.report_modal .wpcf7-submit {
  background: #12ae40;
  width: auto;
  padding: 5px 15px;
  font-weight: 600;
  font-size: 17px;
}

.report_modal .wpcf7-form-control-wrap {
  position: relative;
  margin: 5px 0;
  display: block;
}

.report_modal .modal-body {
  font-size: 14px;
  line-height: 2;
}

.report_modal label {
  width: 100%;
}

.report_modal .wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  background: #ffb900;
  border: none;
  color: #000;
  border-radius: 3px;
  padding: 6px;
}

.report_modal .wpcf7 form.sent .wpcf7-response-output {
  background: #46b450;
  border: navajowhite;
  padding: 5px;
  border-radius: 5px;
  text-align: center;
}

.txt_flow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.msg {
  /* padding: 14px; */
  padding-bottom: 10px;
  display: none;
  margin-bottom: 10px;
}

.msg>div {
  margin-bottom: 10px;
}

.rcp_success {
  position: relative;
  border-radius: .25rem;
  color: #0dbd67;
  background-color: #0cbd5014;
  padding: 13px;
  font-size: 14px;
  font-weight: 500;
  border: none;
  text-align: center !important;
}

.load_overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #24242b8c;
  z-index: 3;
  display: none;
}


.lds-ellipsis {
  display: inline-block;
  position: relative;
  top: 50%;
  left: -50%;
  transform: translate(50%, -50%);
  width: 80px;
  height: 80px;
}

.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--bg2);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(24px, 0);
  }
}

.mask_gradient {
  background: linear-gradient(0deg, var(--bg), transparent);
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.search_modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000000e3;
  z-index: 99999999999;
  color: var(--text);
  overflow-y: auto;
  backdrop-filter: blur(5px);
  display: none;
}

.search_modal_gradient {
  width: 100%;
  height: 100px;
  right: 0;
  position: fixed;
  top: 0;
  z-index: -1;
  background: linear-gradient(-180deg, #1a1a1a 10%, rgba(26, 26, 26, 0) 100%);
}

.search_modal__inner {
  padding: 70px 0 20px;
  display: flex;
  justify-content: center;
}

.search_modal__form {
  display: flex;
  width: 100%;
  align-items: center;
}

.search_modal_input {
  flex: 1;
  background: var(--bg2);
  border: none;
  padding: 14px 14px;
  border-radius: 10px;
  font-size: 14px;
  color: var(--texts);
  outline: none;
  transition: all .3s;
}


.search_modal_submit {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  outline: none;
  font-size: 20px;
  color: #fff;
  margin-left: 5px;
  line-height: 0;
}

.search_modal__i {
  flex: 1;
  display: flex;
  width: 100%;
}

#close_search_modal {
  margin-right: 20px;
  font-size: 14px;
  cursor: pointer;
}

.s_trends li {
  list-style: none;
  border-bottom: solid 1px #85858554;
  padding: 8px 5px;
  color: #c8c8c8;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 10px;
}

.s_trends li:last-child {
  border-bottom: none;
}

.remove_trend_btn {
  margin-right: auto;
  border: none;
  border-radius: 5px;
  font-size: 13px;
  background: #e74b3c36;
  color: #e74b3c;
  line-height: 0;
  width: 25px;
  height: 25px;
}

.s_trends li i.bi-search {
  color: #858585;
  margin-left: 5px;
}

.modal_center {
  display: flex;
  justify-content: center;
}

.s_trends h3 {
  font-size: 16px;
  color: #eeeded;
}

.search_row a {
  color: var(--text);
  padding: 20px;
  transition: all 0.1s;
  border-radius: 10px;
}

.search_row a:hover {
  background: #363636f5;
  color: var(--text);
  padding: 20px;
}

.search_row a:hover>.watch {
  color: green;
}

.search_row_info {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.search_row .search_image {
  margin-left: 10px;
}

.search_row .title {
  font-weight: 700;
  font-size: 15px;
}

.search_row .year {
  font-size: 14px;
  color: var(--text);
}

.search_row .genres {
  font-size: 14px;
  color: var(--text);
}

.search_row .plot {
  font-size: 13px;
  color: #cbc6c6;
}


.search_row .search_image img {
  width: 130px;
  height: auto;
  border-radius: 5px;
  object-fit: cover;
}

.search_row .watch {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.search_row .watch i {
  font-size: 26px;
  line-height: 0;
  margin-left: 8px;
}

#datafetch2 .center {
  display: flex;
  justify-content: center;
}

#datafetch2 .show_more {
  width: 100%;
  text-align: center;
  margin: 10px 0;
  padding: 10px;
  background: #353535;
  color: var(--text);
}

.share_modal .social ul {
  display: flex;
  justify-content: space-evenly;
}

.share_modal .social li {
  list-style: none;
  padding: 5px;
  border-radius: 10px;
  width: 50px;
  height: 50px;
  display: flex;
  text-align: center;
  transition: all ease-in-out 0.3s;
  justify-content: center;
  align-items: center;
  line-height: 0;
  font-size: 23px;
}

.artist_works {
  background: var(--bg2);
  padding: 10px;
  border-radius: 5px;
  color: var(--text);
  margin-bottom: 30px;
}

.artist_works img {
  max-width: 100px;
  /* width: 100%; */
  max-height: 148px;
  /* height: 100%; */
  border-radius: 5px;
  object-fit: cover;
}

.artist_title {
  font-size: 14px;
  color: #e1e1e1;
  font-weight: 500;
  margin-bottom: 15px;
}

.imdb_rate {
  background: #ffbf0138;
  width: fit-content;
  color: #ffbf00;
  padding: 6px 6px;
  border-radius: 50px;
  line-height: 0;
  font-size: 13px;
  margin-bottom: 5px;
}

.a_genres a {
  background: #4a4a5240;
  width: fit-content;
  color: #b2b2b2;
  padding: 2px 11px;
  border-radius: 50px;
  font-size: 13px;
  display: inline-block;
  margin: 10px 0 0px 3px;
}


.panel_film_sort li {
  list-style: none;
  background: var(--bg_lighter);
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 10px;
  font-size: 14px;
  gap: 10px;
}

.panel_film_sort .sort_id {
  background: var(--bg2);
  display: flex;
  width: 35px;
  height: 35px;
  font-size: 14px;
  font-family: sans-serif;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  margin-left: 10px;
}

.panel_film_sort h2 {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
}

.panel_film_sort figure {
  margin: 0;
}

.remove_film_item {
  align-self: flex-start;
  background: transparent;
  border: none;
  outline: none;
  color: var(--text);
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.panel_film_sort .listItem img {
  object-fit: cover;
  border-radius: 3px;
}

.film_search {
  align-items: center;
  background: var(--bg_lighter);
  padding: 10px;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 300;
  display: flex;
  gap: 10px;
}

.film_search input {
  flex: 1;
  background: var(--bg2);
  border: solid 1px var(--bg2);
  border-radius: 5px;
  padding: 7px;
  font-size: 14px;
  outline: none;
  color: var(--text);
}

.film_search button {
  border: transparent;
  background: #3f51b5;
  color: var(--text);
  font-size: 14px;
  padding: 7px;
  border-radius: 5px;
  min-width: 100px;
  font-size: 15px;
  font-weight: bold;
}

.film_search .search_fetch_data {
  top: 100%;
  right: 0;
  margin: 4px 0;
  background: #3b3b47;
  width: 100%;
  border-radius: 5px;
  padding: 10px;
  height: 300px;
  z-index: 2;
  overflow: scroll;
}

.search_fetch_data {
  display: none;
}

.search_fetch_data li {
  position: relative;
}

.search_fetch_data li .link_abs {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.search_fetch_data h2 {
  color: var(--text);
  font-weight: 300;
  font-size: 13px;
  margin-bottom: 3px;
}

.search_fetch_data p {
  color: #d3d3d3;
  font-weight: normal;
  font-size: 12px;
  margin-bottom: 3px;
}

.search_fetch_data figure {
  margin-bottom: 0px;
}

.search_fetch_data figure img {
  border-radius: 3px;
}

.search_fetch_data figcaption {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.film_s_imdb i {
  color: #ffc52b;
}

.film_s_imdb {
  font-size: 13px;
  font-weight: 500;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider_ {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--bg_lighter2);
  -webkit-transition: .4s;
  -o-transition: .4s;
  -moz-transition: .4s;
  transition: .4s;
}

.slider_:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background: var(--bg2);
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}

input:checked+.slider_ {
  background-color: #2196F3;
}

input:focus+.slider_ {
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider_:before {
  -webkit-transform: translateX(26px);
  -moz-transform: translateX(26px);
  -o-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider_.round {
  border-radius: 34px;
}

.slider_.round:before {
  border-radius: 50%;
}

.small_custom {
  font-size: 10px;
  margin-right: 10px;
  color: var(--text);
}

.custom_list {
  background: var(--bg2);
  padding: 10px;
  border-radius: 15px;
  box-shadow: 0px 0px 13px #10101438;
  margin-bottom: 23px;
}

.custom_list .custom_list_images {
  margin-top: 10px;
  margin-bottom: 10px;
  gap: 20px;
  display: flex;
  flex-direction: column;
}

.custom_list .custom_list_images div {
  display: flex;
  justify-content: space-around;
}

.custom_list .custom_list_images img {
  border-radius: 15px;
  width: 120px;
  height: 120px;
  object-fit: cover;
  margin-bottom: 5px;
}

.custom_list h3 {
  font-size: 14px;
  text-align: center;
  color: var(--text);
  font-weight: 300;
  padding: 15px 0;
  border-top: solid 1px var(--bg_lighter2);
  border-bottom: solid 1px var(--bg_lighter2);
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.custom_list a.author {
  font-size: 14px;
  color: var(--text);
  margin-right: 10px;
  background: #3e4dab;
  padding: 4px 13px;
  border-radius: 50px;
}

.custom_list a.list {
  font-size: 14px;
  color: var(--text) !important;
  margin-left: 10px;
}

.custom_list_meta {
  display: flex;
  color: var(--text);
}

.custom_list_meta span {
  flex: 1;
  text-align: center;
  font-size: 14px;
  padding: 10px 0;
}

.custom_list_meta span:first-of-type {
  border-left: solid 1px var(--bg_lighter2);
}

.single_list {
  background: var(--bg2);
}

.modern_list {
  background: var(--bg);
}

.list_text {
  color: var(--text);
}

html.dark .list_text {
  color: var(--text);
}

html.dark .post2_bg {
  display: none;
}

html.dark .profile__avatar h1 {
  color: var(--text);
}

html.dark .profile_tab .nav-link.active {
  color: #fff !important;
}

html.dark .profile_tab .nav-link {
  background: #e0eafd;
}

.profile__avatar img {
  border-radius: 50%;
}

.profile__avatar h1 {
  margin: 10px 0;
  color: var(--text);
  font-size: 25px;
  font-weight: 300;
}

.widget .nav-link {
  border-radius: 50px;
  padding: 3px 15px;
}

.nav-link.active {
  color: #fff !important;
  border-radius: 50px;
}

.profile_tab .nav-link {
  background: var(--bg2);
  padding: 10px 20px;
  margin-left: 15px;
  border-radius: 50px;
}

.slider_actions {
  line-height: 0;
  font-size: 13px;
}

.owl-item.active .slider_info img {
  position: relative;
  animation-duration: .8s;
  animation-fill-mode: both;
  animation-name: fadein;
  animation-delay: 0.1s;
}

.owl-item.active .slider_info .description {
  position: relative;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadein;
  animation-delay: 0.4s;
}

.owl-item.active .slider_info p {
  position: relative;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-name: fadein;
  animation-delay: 0.5s;
}

.owl-item.active .slider_info .slider_link {
  position: relative;
  animation-duration: 3s;
  animation-fill-mode: both;
  animation-name: fadein;
  animation-delay: 0.1s;
}

@keyframes fadein {
  from {
    opacity: 0;
    bottom: -10px;
  }

  to {
    opacity: 1;
    bottom: 0px;
  }
}

.box_office_html {
  color: var(--text);
}

.visits_html {
  color: var(--text);
}

.visits_html .not_found {
  display: block;
  border-radius: 3px;
  padding: 9px;
  font-weight: 400;
  font-size: 15px;
  text-align: center;
}

.breadcrumbs {
  display: flex;
  margin-bottom: 15px;
  font-size: 14px;
  color: var(--text);
  white-space: nowrap;
  overflow-x: auto;
  padding-bottom: 15px;
}

.breadcrumbs .breadcrumbs__separator {
  margin: 0 13px;
  line-height: 25px;
}

.breadcrumbs a {
  color: var(--text);
  transition: all .3s;
}

.breadcrumbs a:hover {
  color: var(--text);
}

html.dark .breadcrumbs a,
html.dark .breadcrumbs {
  color: var(--text);
}

html.dark .post2 h1 a {
  color: var(--text);
}


/* vc-toggle */
.switch-toggle small {
  margin-left: 10px;
  font-size: 13px;
}

.switch-toggle {
  width: auto;
  display: flex;
  align-items: center;
  color: var(--text);
}

.switch-toggle label {
  width: 50px;
  height: 30px;
  position: relative;
  display: block;
}

.switch-toggle label span {
  position: absolute;
  background-color: var(--bg_lighter);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border-radius: 50px;
  cursor: pointer;
}

.switch-toggle label input {
  visibility: hidden;
}

.switch-toggle label span:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border-radius: 100%;
  top: 5px;
  left: 5px;
  transition: 0.5s;
}

.switch-toggle label input:checked+span:after {
  transform: translateX(20px);
}

.switch-toggle label input:checked+span {
  background: #4051b6;
}

/* vc-toggle */

/* mixed slider */
.mixedSlider_wrap {
  padding: 85px 0 30px;
  display: block;
  background: #101014;
  height: 600px;
}

.mixed-slider {
  direction: ltr;
  margin-top: 70px;
}

/* fix stagePadding */
.mixed-slider .owl-stage {
  left: -31px;
}

.mixed-slider .owl-item {
  margin: 15px 0 0;
}

.mixed-slider .film_cat img {
  height: auto;
}

.mixedSlider_wrap .leftSide h2 {
  font-family: sans-serif;
  font-weight: 700;
  color: var(--text);
  z-index: 2;
  text-align: left;
  max-width: 320px;
  font-size: 36px;
}

.mixed_slider_bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 633px;
  width: 100%;
  object-fit: cover;
  transition: all .3s;
}

.mixed_slider_link {
  z-index: 2;
}

.mixedSlider_wrap .dark_bg {
  background: linear-gradient(270deg, var(--bg) 30%, rgba(10, 13, 16, 0));
  width: 100%;
  height: 633px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}


html.dark .mixedSlider_wrap .dark_bg {
  background: linear-gradient(270deg, #1c1c2299 30%, rgba(10, 13, 16, 0));
}

/* .mixedSlider_wrap .dark_bg::after{
  background: rgba(0,0,0,.3);
  content: "";
  height: 100%;
  mix-blend-mode: multiply;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
} */

.mixed_imdb {
  z-index: 2;
  text-align: left;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-end;
  color: var(--text);
}

.mixed_imdb .imdbLogo {
  text-align: center;
  background: #efc019;
  padding: 0px 10px;
  margin: 0;
  border-radius: 7px;
  position: relative;
  max-width: 70px;
}

.mixed_imdb .imdbRate_nums {
  font-family: impact;
  direction: ltr;
  font-size: 28px;
}

.mixed_imdb .imdbRate_nums small {
  font-size: 13px;
}


.mixedSlider_wrap .mixed_slider_rate {
  background: #00000073;
  border-radius: 12px;
  padding: 10px 15px;
  color: var(--text);
  z-index: 2;
  font-size: 13px;
  margin-bottom: 20px;
  font-weight: 400;
  font-family: sans-serif, dana, iranSans, iranyekan;
}

.mixed_slider_icon {
  z-index: 2;
  color: var(--text);
  font-size: 29px;
  background: rgb(255 255 255 / 20%);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  backdrop-filter: blur(5px);
  transition: all .2s;
  position: absolute;
  right: calc(50% - -90px);
  left: auto;
  /* top:30%; */
  top: 240px;
}

.mixed_slider_icon:hover {
  color: var(--text);
  transform: scale(1.2);

}


.mixed_slider_icon::before {
  content: "";
  border: solid 1px rgb(255 255 255 / 50%);
  width: 100px;
  height: 100px;
  background: transparent;
  position: absolute;
  border-radius: 50%;
}

.mixed_slider_icon::after {
  content: "";
  border: solid 1px rgb(255 255 255 / 50%);
  width: 130px;
  height: 130px;
  background: transparent;
  position: absolute;
  border-radius: 50%;
}

.new_advanced_search {
  background: var(--bg2);
  display: flex;
  position: relative;
  z-index: 22;
  margin: -12px 0 0;
  border-radius: 30px;
  padding: 10px;
  justify-content: space-between;
  flex-wrap: wrap;
}


.new_advanced_search .search_type {
  background: var(--bg);
  padding: 10px;
  border-radius: 20px;
  justify-content: space-around;
  /* width: 20%; */
  color: var(--text);
  font-size: 14px;
  height: 60px;
  align-items: center;
}

.new_advanced_search .search_type span {
  cursor: pointer;
  flex: 1;
  text-align: center;
  border-radius: 15px;
  padding: 7px 20px;
  transition: all .2s;
}

.new_advanced_search .search_type span.active {
  background: #4051b6;
}

#adv_genre {
  display: none;
}

.nice-select .list {
  max-height: 300px;
  overflow: auto !important;
  right: 0;
  left: auto;
  min-width: 170px;
  width: 100%;
  background: var(--bg) !important;

}

.nice-select .option {
  padding: 0 10px !important;
  min-width: 150px;
  text-align: right !important;
  font-size: 13px;
}

.nice-select {
  height: 53px !important;
  padding-right: 19px !important;
  padding-left: 30px !important;
  display: flex !important;
  align-items: center;
  background: var(--bg) !important;
  border: none !important;
  border-radius: 20px !important;
  color: var(--text) !important;
}




.adv_search_submit {
  background: #4051b6;
  color: #fff;
  border-radius: 20px;
  border: none;
  padding-right: 30px;
  padding-left: 30px;
  font-size: 14px;
  height: 60px;
  align-items: center;
  transition: all .3s;
}

.adv_search_submit:hover {
  opacity: .8;
}

.nice-select:after {
  right: auto !important;
  left: 12px !important;
  border-bottom: 2px solid #fff !important;
  border-right: 2px solid #fff !important;
}

.nice-select .list {
  max-height: 300px;
  overflow-y: auto;
  right: 0;
  left: auto;
  background: var(--bg) !important;

}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: var(--bg2) !important;
}

.adv_more_filters {
  background: var(--bg);
  color: var(--text);
  border-radius: 20px;
  border: none;
  padding-right: 15px;
  padding-left: 15px;
  display: flex;
  align-items: center;
  font-size: 14px;
  height: 60px;
  align-items: center;
}

.adv_more_filters i {
  line-height: 0;
  background: var(--bg2);
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-right: 10px;
}

.adv_search_badge {
  font-size: 13px;
  color: #fff;
  margin-left: 10px;
}


#adv_search_more {
  min-height: 100px;
  position: absolute;
  top: 120px;
  width: 100%;
  background: var(--bg2);
  right: 0;
  border-radius: 30px;
  z-index: 9999;
  backdrop-filter: blur(2px);
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
  box-shadow: 0 0 8px 7px var(--bg);
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

#adv_search_more.show {
  opacity: 1;
  top: calc(100% + 25px);
  visibility: visible;
}

#adv_search_more::after {
  border: 15px solid transparent;
  border-bottom-color: var(--bg2);
  bottom: 100%;
  content: "";
  display: block;
  height: 0;
  left: 17%;
  position: absolute;
  width: 0;
  z-index: 2;
}

#adv_search_more small {
  margin: 0 10px;
  color: var(--text);
}

.mobile_adv_trigger {
  border: solid 1px var(--bg2);
  height: 60px;
  /* display: flex; */
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 20px 0 -20px;
  background: transparent;
  color: #ffff;
  border-radius: 20px;
  font-size: 15px;
  display: none;
}

.mobile_adv_trigger .toggle_status {
  line-height: 0;
  background: var(--bg2);
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 10px;
}

.mobile_adv_trigger .filter_icon {
  line-height: 0;
  background: #4051b6;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 10px;
}

#mobile_adv_search {
  width: 100%;
  height: 100vh;
  background: rgb(27 31 40 / 80%);
  position: fixed;
  overscroll-behavior: contain;
  top: 0;
  z-index: 999999999999;
  margin: 0;
  padding: 0;
  right: 0;
  left: 0;
  bottom: 0;
  color: var(--text);
  backdrop-filter: blur(14px);
  overflow-y: auto;
  padding: 20px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
}

#mobile_adv_search.active {
  visibility: visible;
  opacity: 1;
}

#mobile_adv_search .nice-select {
  background: #131414 !important;
}

#mobile_adv_search .nice-select .list {
  background: #131414 !important;
}

.mobile_adv_search__header {
  color: var(--text);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.mobile_adv_search__header h3 {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0;
}

.mobile_adv_search__header .mobile_adv_search_close {
  background: #131414;
  width: 35px;
  height: 35px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  border: none;
  color: var(--text);
  font-size: 13px;
}

.nice-box {
  height: 53px;
  padding-right: 19px;
  padding-left: 15px;
  display: flex;
  align-items: center;
  background: #131414;
  border: none;
  border-radius: 20px;
  color: var(--text);
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.mobile_adv_submit {
  display: block;
  width: 100%;
  height: 55px;
  border-radius: 20px;
  border: none;
  outline: none;
  background: #4051b6;
  color: var(--text);
  font-size: 16px;
  font-weight: 300;
}


html.dark .mobile_adv_trigger {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
  color: #6881aa;
}

html.dark .mobile_adv_trigger .toggle_status {
  background: #e1ebfd;
}

html.dark .mobile_adv_trigger .filter_icon {
  color: #fff;
}

html.dark .new_advanced_search {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
  color: #6881aa;

}

html.dark .new_advanced_search .search_type {
  background: var(--bg_lighter);
  color: #6881aa;
}

html.dark .comfortSlider_wrap .mixed_slider_rate {
  color: #fff;
}

html.dark .new_advanced_search .search_type span.active {
  color: #fff;
}

html.dark .adv_search_badge {
  color: #6881aa;
}

html.dark .nice-select {
  background: var(--bg_lighter) !important;
  color: #6881aa !important;
}

html.dark .nice-select .list {
  background: var(--bg2) !important;
}

html.dark #mobile_adv_search .nice-select {
  background: #e1ebfd !important;
  color: #6881aa !important;
}

html.dark #mobile_adv_search .nice-select .list {
  background: var(--bg2) !important;
}

html.dark .nice-box {
  background: #e1ebfd !important;
  color: #6881aa !important;
}

html.dark #mobile_adv_search .switch-toggle label span {
  background: #b9c3d4 !important;
}

html.dark .mobile_adv_search__header .mobile_adv_search_close {
  background: #e1ebfd !important;
  color: #6881aa !important;
}

html.dark #mobile_adv_search {
  background: rgb(226 235 253 / 33%);
}

html.dark .mixedSlider_wrap .film_cat_title {
  color: #fff;
}

html.dark .mixed_slider_icon {
  color: #fff;
}

html.dark .mixedSlider_wrap .leftSide h2,
html.dark .mixed_imdb .imdbRate_nums,
html.dark .mixedSlider_wrap .mixed_slider_rate {
  color: #fff;
}

html.dark .nice-select:after {
  border-bottom: 2px solid #6881aa !important;
  border-right: 2px solid #6881aa !important;
}

html.dark .switch-toggle small {
  color: #6881aa !important;
}

/* html.dark .switch-toggle label span{
  background: #e1ebfd!important;
} */

html.dark .switch-toggle label input:checked+span {
  background: #4051b6 !important;
}

html.dark .adv_more_filters {
  background: var(--bg_lighter);
  color: #6881aa;
}

html.dark .adv_more_filters i {
  background: #6881aa;
  color: #fff;
}

html.dark .nice-select .option:hover,
html.dark .nice-select .option.focus,
html.dark .nice-select .option.selected.focus {
  background-color: #e1ebfd !important;
  color: #6881aa !important;
}

html.dark #adv_search_more {
  background: var(--bg2);
  box-shadow: none;
}

html.dark #adv_search_more::after {
  border-bottom-color: #fff;
}

html.dark .cat_title_more {
  color: var(--bg_darker) !important;
}


html.dark .cat_title_more i {
  background: var(--bg_darker);
  color: #fff;
}

html.dark .big_cat_title .icon {
  color: var(--bg_darker);
  opacity: .2 !important;
}

html.dark .big_cat_title .cat_title_badge {
  color: var(--bg_darker) !important;
}

html.dark .film_cat .film_overlay .censored {
  border: solid 4px #0a0a0d1f;
}

html.dark .slider .slider_info h2 {
  color: #fff;
}

html.dark .slider .mask_gradient {
  background: linear-gradient(0deg, #000000ba, transparent);
}

html.dark .slider_actions {
  color: #fff;
}

html.dark .film_cat .film_overlay .sub {
  border: solid 4px #0a0a0d1f;
}

html.dark .film_cat .film_overlay .dobed {
  border: solid 4px #0a0a0d1f;
}

html.dark .mixed-slider .film_cat .film_overlay .censored {
  border: solid 4px #0a0a0d1f;
}

html.dark .mixed-slider .film_cat .film_overlay .sub {
  border: solid 4px #0a0a0d1f;
}

html.dark .mixed-slider .film_cat .film_overlay .dobed {
  border: solid 4px #0a0a0d1f;
}

.form-control:focus {
  outline: none !important;
}

.top-fixed-now0 {
  background: var(--bg_darker) !important;
  z-index: 999999;
  backdrop-filter: blur(8px);
}

html.dark .top-fixed-now0 {
  background: var(--bg_lighter) !important;
  z-index: 999999;
}

html.dark .top-fixed-now0 a {
  color: var(--text) !important;
}

html.dark .post2 .post_details .post_meta li strong .icon {
  color: #fff;
}

html.dark .post2 .imdbRating_holder .imdbRate_nums small {
  color: var(--text);
}

.featured button.owl-prev .slider_actions,
.featured button.owl-next .slider_actions {
  left: 0;
}

.mixed-slider .film_cat {
  max-width: 220px
}


/* all actors page */

.postItem {
  background: var(--bg2);
  padding: 20px 10px 15px;
  border-radius: 15px;
  box-shadow: 0px 0px 13px #10101438;
  margin-bottom: 23px;
  text-align: center;
}

.postItem .postItem_image img {
  max-width: 100%;
  width: 169px;
  height: 169px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 10px;
  background: var(--bg);
}

.postItem .postItem_title h2 {
  font-size: 16px;
  padding: 10px 0 0;
  margin-bottom: 0;
  color: var(--text);
  font-weight: 300;
}

.content__header h1 {
  font-size: 20px;
  color: var(--text);
  display: inline-block;
}

.image-round img {
  border-radius: 15px !important;
}

.film_overlay2_meta img {
  border-radius: 0px !important;
}

.elementor_carousel .owl-stage-outer {
  padding: 15px 0;
}

.elementor_stars img {
  max-width: 138px !important;
  max-height: 138px !important;
  object-fit: cover !important;
}

.mal_holder .imdbLogo {
  background: #2e51a2 !important;
  color: #fff;
  font-family: Impact, sans-serif;
  font-weight: bold;
}

.mal_holder .imdbLogo::after {
  border-color: transparent #2e51a2 transparent transparent !important;
}

.mal_holder .imdbRate_nums strong {
  color: #2e51a2 !important;
}


.req_type_wrap {
  display: inline-flex;
  background: var(--bg_lighter);
  padding: 10px 2px;
  align-items: center;
  justify-content: space-around;
  min-width: 120px;
  border-radius: 5px;
}

.req_type_wrap span {
  background: transparent;
  cursor: pointer;
  padding: 5px 10px;
  transition: all .3s;
}

.req_type_wrap span.active {
  background: var(--primaryColor);
  border-radius: 4px;
  color: #fff;
}

.req_heading {
  color: #d3d3d3;
  font-weight: normal;
  font-size: 14px;
}

.table_badge {
  border: 1.5px solid #ffad49;
  border-radius: 10px;
  color: #ffad49;
  padding: 5px 10px;
  white-space: nowrap;
}

.table_badge.green {
  border: 1.5px solid #07c462;
  color: #07c462;
}

.table_badge.red {
  border: 1.5px solid #ff4949;
  color: #ff4949;
}

.table_badge.blue {
  border: 1.5px solid #36b9d5;
  color: #36b9d5;
}

.sidebar .nav_panel .sub-menu {
  margin-bottom: 0 !important;
}

.sidebar .nav_panel .sub-menu i {
  font-size: 12px;
  vertical-align: middle;
}

.flex-1 {
  flex: 1 !important;
}

#dep {
  outline: none !important;
}

.ticket_info {
  background: var(--bg_lighter);
  padding: 10px;
  border-radius: 4px;
  font-size: 13px;
  display: flex;
}

.ticket_info div {
  margin-left: 10px;
  display: flex;
  align-items: center;
}

.ticket_info div i {
  width: 30px;
  height: 30px;
  background: var(--primaryColor);
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}

.ticket_msg img {
  border-radius: 50%;
  margin-left: 15px;
}

.ticket_msg .ticket_msg_box {
  background: var(--bg_lighter);
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  min-width: 50%;
  position: relative;
}

.ticket_msg .ticket_msg_box::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent var(--bg_lighter);
  border-style: solid;
  border-width: 6px 0 6px 10.4px;
  position: absolute;
  top: 18px;
  z-index: 1;
  left: auto;
  right: -8px;
}


.ticket_msg .ticket_msg_info {
  border-top: solid 1px rgb(87 87 105 / 28%);
  margin-top: 10px;
  padding-top: 5px;
  font-size: 13px;
}

.ticket_send_form {
  margin-top: 30px;
  position: relative;
  padding: 0 7px;
  display: flex;
  gap: 10px;
}

.ticket_send_form textarea {
  min-height: 100px;
  width: auto !important;
  flex: 1;
}

.ticket_send_form button {
  line-height: 0;
  height: 38px;
  background: var(--primaryColor);
  color: var(--text);
  border: none;
  border-radius: 5px;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  margin-right: 7px;
  font-size: 13px;
}

.ticket_send_form button i {
  margin-left: 5px;
}

.ticket_msg.reply_support {
  flex-direction: row-reverse;
}

.ticket_msg.reply_support .ticket_msg_box::before {
  left: -16px;
  right: auto;
  border-color: transparent var(--primaryColor) transparent transparent;
  border-width: 6px 6px 6px 10px;
}

.ticket_msg.reply_support img {
  margin-left: 0;
  margin-right: 15px;
}

.ticket_msg.ticket_msg.reply_support .ticket_msg_box {
  background: var(--primaryColor);
}

.panel_notfound img {
  max-width: 150px;
  max-height: 150px;
}

.panel_notfound h3 {
  font-size: 18px;
  font-weight: 600;
}

html.dark .panel_notfound h3 {
  color: var(--text);
}

.movie_score {
  color: var(--text);
  font-family: sans-serif;
  font-weight: 400;
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.movie_score img {
  margin-right: 5px;
}

html.dark.movie_score {
  color: var(--text);
}

.post_vote {
  color: var(--text);
  margin-left: 20px;
  display: flex;
}

.post_vote_up::after {
  content: '';
  height: 100%;
  background: var(--bg2)fff;
  border-left: solid 2px #2e2f38;
  margin-right: 15px;
}

.post_vote img {
  margin-left: 2px;
}

.post_vote svg {
  margin-left: 2px;
  width: 19px;
  height: 19px;
  fill: #fff;
  transition: all .2s;
}

.post_vote .post_vote_up,
.post_vote .post_vote_down {
  font-size: 15px;
  background: none;
  color: var(--text);
  border: none;
  outline: none;
  padding: 0 4px;
  transition: all .2s;
}

.post_vote_up:hover,
.post_vote_down:hover {
  color: #ffad49;
}

.post_vote_up:hover svg,
.post_vote_down:hover svg {
  fill: #ffad49;
  ;

}

.post_vote .vote_stats {
  display: flex;
  align-items: center;
  color: #ffad49;
  margin-right: 15px;
}

.post_vote .vote_stats span {
  font-weight: 400;
  font-size: 14px;
}

.post_vote .vote_stats small {
  margin-right: 3px;
}

.post_vote .vote_stats svg {
  position: relative;
  top: -2px;
  margin-left: 5px;
  fill: #ffad49;
}

.post_meta--left {
  text-align: left;
}

.post_meta--left span {
  background: #30303c;
  display: inline-block;
  padding: 0px 4px;
  border-radius: 2px;
  font-family: sans-serif;
  font-size: 13px;
  margin-right: 5px;
}

.post2 .post_image .post_image--inner {
  position: relative;
}

.playonline_badge {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--bg_lighter);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  color: var(--text);
  font-size: 17px;
  margin: 5px;
}

html.dark .report_modal .report_modal--close {
  color: var(--text);
}

.responsive_table {
  overflow: auto;
}

.rcp-table td:before {
  margin-left: unset !important;
}

.rcp-table-wrapper h3 {
  display: none;
}

.rcp-table a button {
  white-space: nowrap;
  margin-block: 5px;
  cursor: pointer;
  font-size: .8em;
  background: transparent;
  outline: none;
  border: navajowhite;
  font-size: 13px;
  color: var(--text);
}

.vip_modal_center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: var(--text);
}

html.dark .vip_modal_center {
  color: var(--text);
}

html.dark .modal-content {
  background: var(--bg2) !important;
  border-radius: 10px;
}

html.dark .modal-body {
  border-radius: 10px;
}

.modal-body {
  border-radius: 10px !important;
}

.vip_modal_center img {
  width: 100%;
  height: 180px;
  object-fit: contain;
}

.vip_modal_center .cta a {
  background: #ffcf36;
  padding: 7px 20px;
  display: inline-block;
  border-radius: 5px;
  font-weight: 500;
  color: var(--text);
  margin: 0 10px;
  transition: all .2s;
}

.vip_modal_center .cta a:hover {
  padding: 7px 20px;
  display: inline-block;
  border-radius: 5px;
  font-weight: 500;
  color: var(--text);
  margin: 0 10px;
  opacity: .8;
}

.vip_modal--close {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  background: #0000002b;
  border: none;
  outline: none;
  position: absolute;
  top: 0;
  left: 0;
  margin: 10px;
  color: var(--text);
  border-radius: 50%;
}

.toggle_more_default {
  background: none;
  border: none;
  color: var(--text);
  display: flex;
  align-items: center;
  border-radius: 50px;
  margin-bottom: 20px;
  background: var(--bg2);
  padding: 15px 30px 15px 10px;
}

.toggle_more_default i {
  margin: 0 10px;
  background: var(--bg);
  width: 27px;
  height: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 13px;
  transition: all .2s;
}

.default_style_more {
  display: none;
}

.toggle_more_default i.open {
  transform: rotate(-90deg);
}

.stars_header h4 {
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
  color: var(--text);
}

.stars_header i {
  color: #ffc107;
}

.single_cast_default {
  text-align: center;
  color: var(--text);
}

.single_cast_default a {
  color: var(--text);
}

.single_cast_default img {
  background: #000;
  max-height: 108px;
  border-radius: 50%;
  object-fit: cover;
  max-width: 108px !important;
  width: 108px !important;
  object-fit: cover;
}

.single_cast_default .owl-prev {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg) !important;
  border-radius: 50%;
}

.single_cast_default .owl-next {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg_lighter2) !important;
  border-radius: 50%;
}

.single_cast_default .owl-prev.disabled {
  opacity: .2;
}

.single_cast_default .owl-next.disabled {
  opacity: .2;
}

.single_cast_default .stars_title {
  font-size: 14px;
  color: var(--text);
  margin: 10px 0;
}

html.dark .toggle_more_default {
  color: var(--text);
}

html.dark .toggle_more_default i {
  color: #fff;
  background: var(--text);
}

html.dark .stars_header h4 {
  color: var(--text);
}

html.dark .single_cast_default .stars_title {
  color: var(--text);
}

html.dark .single_cast_default .owl-prev {
  background-color: var(--text) !important;
}

html.dark .single_cast_default .owl-next {
  background-color: var(--text) !important;
}

.download_inner small,
.accordion-button small {
  color: #d5a11d;
  background: rgb(213 161 29 / 15%);
  font-weight: 500;
  border-radius: 5px;
  font-size: 12px;
  padding: 3px 5px;
  margin-right: 10px;
}

.blog_slider {
  overflow: hidden;
  border-radius: 10px;
}

.blog_slider .blog_slider__title {
  background: var(--bg2);
  padding: 15px;
  border-radius: 0 0 10px 10px;
  color: var(--text);
}

.blog_slider .blog_slider__title a {
  color: var(--text);
}

.blog_slider .blog_slider__title h2 {
  font-size: 18px;
}

.blog_slider .blog_slider__title ul {
  margin-bottom: 0;
}

.blog_slider .blog_slider__title ul li {
  list-style: none;
  display: inline-block;
  margin-left: 10px;
}

.blog_slider .owl-dots {
  bottom: 110px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.blog_slider .owl-dots .owl-dot {
  width: 13px;
  height: 13px;
  opacity: .2;
  background: var(--bg2) !important;
}

.blog_slider .owl-dots .owl-dot.active {
  width: 13px;
  height: 13px;
  opacity: 1;
}

.blog_slider .owl-prev {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg)54 !important;
  border-radius: 10px;
  color: #fff !important;
}

.blog_slider .owl-next {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg)54 !important;
  border-radius: 10px;
  color: #fff !important;
}

.blog_slider .owl-prev.disabled {
  opacity: .2;
}

.blog_slider .owl-next.disabled {
  opacity: .2;
}

/* blog carousel */
.blog_carousel {
  border-radius: 10px;
}

.blog_carousel .blog_carousel__title {
  background: var(--bg2);
  padding: 15px;
  border-radius: 0 0 10px 10px;
  color: var(--text);
  min-height: 120px;
}

.blog_carousel img {
  border-radius: 10px 10px 0 0;
  object-fit: cover;
  height: 220px;
}

.blog_carousel .blog_carousel__title a {
  color: var(--text);
}

.blog_carousel .blog_carousel__title h2 {
  font-size: 18px;
}

.blog_carousel .blog_carousel__title ul {
  margin-bottom: 0;
}

.blog_carousel .blog_carousel__title ul li {
  list-style: none;
  display: inline-block;
  margin-left: 10px;
}

.blog_carousel .owl-dots {
  bottom: 110px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.blog_carousel .owl-dots .owl-dot {
  width: 13px;
  height: 13px;
  opacity: .2;
  background: var(--bg2) !important;
}

.blog_carousel .owl-dots .owl-dot.active {
  width: 13px;
  height: 13px;
  opacity: 1;
}

.blog_carousel .owl-prev {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg)54 !important;
  border-radius: 10px;
  color: #fff !important;
  margin-right: -20px;
}

.blog_carousel .owl-next {
  position: absolute;
  left: 0;
  margin-left: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg) !important;
  border-radius: 10px;
  color: #fff !important;
}

.blog_carousel .owl-prev.disabled {
  opacity: .2;
}

.blog_carousel .owl-next.disabled {
  opacity: .2;
}

.blog_carousel h3 {
  color: var(--text);
  font-size: 20px;
  margin-bottom: 20px;
}

html.dark .blog_carousel h3 {
  color: var(--text);
}

html.dark .home_blog .blog_carousel a {
  background: var(--bg2);
}

html.dark .home_blog .blog_item {
  background: var(--bg2) !important;
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
  color: var(--text);
  border-radius: 10px !important;
}

html.dark .blog_slider__title,
html.dark .blog_carousel__title,
html.dark {
  background: var(--bg2) !important;
}

html.dark .blog_slider__title a,
html.dark .blog_carousel__title a {
  color: var(--text);
}

html.dark .blog_carousel__heading a {
  background: var(--bg2) !important;
  box-shadow: 0 10px 15px 0 var(--shadow_color) !important;
  border: 1px solid var(--bg_lighter) !important;
  color: var(--text) !important;
}

html.dark .blog_carousel .owl-next,
html.dark .blog_carousel .owl-prev {
  background: var(--bg2) !important;
  box-shadow: 0 10px 15px 0 var(--shadow_color) !important;
  border: 1px solid var(--bg_lighter) !important;
  color: var(--text) !important;
}

.go_top {
  position: fixed;
  bottom: 0;
  right: -100px;
  padding: 10px;
  color: #fff;
  width: 50px;
  height: 50px;
  margin: 15px;
  display: flex;
  align-content: center;
  align-items: center;
  font-size: 15px;
  border-radius: 50px;
  z-index: 99;
  transition: all 0.3s;
  border: none;
  display: flex;
  justify-content: center;
}

.comment_spoiler {
  font-size: 18px;
  font-weight: 400;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: var(--bg2)96;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

.has_spoil .comment_box {
  filter: blur(10px);
}

.comment_spoiler i {
  margin: 0 10px;
}

.comment_spoiler .show_comment {
  border: none;
  border-radius: 15px;
  color: var(--text);
  padding: 8px 12px;
  font-size: 15px;
  font-weight: 400;
  transition: all .3s;
}

.comment_spoiler .show_comment:hover {
  opacity: .8;
}

/* firefox fallback bg */
.spoiler_bg {
  background: var(--bg2);
}

.post_minimal {
  padding: 0;
}

.post_minimal_image {
  margin: 0;
  background-size: cover;
  background-position: top left;
  height: 155px;
  position: relative;
  border-radius: 12px;
}

.post_minimal_image img {
  width: 95px;
  height: 140px;
  min-width: 95px;
  min-height: 140px;
  max-width: 95px;
  max-height: 140px;
  background: rgb(255 255 255 / 7.5%);
  border-radius: 0.5em;
  z-index: 2;
  position: relative;
  margin: 8px;
}

html.dark .post_minimal__rs {
  background: linear-gradient(to left, #fff 105px, transparent);
}

html.dark .post_minimal__bs {
  background: linear-gradient(to top, #fff 0, transparent);
}

.post_minimal__rs {
  width: 75%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: linear-gradient(to left, var(--bg2) 105px, transparent);
  border-top-right-radius: 0.5em;
}

.post_minimal__bs {
  width: 100%;
  height: 70%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, var(--bg2) 0, transparent);
}

.post_minimal h2 {
  font-size: 17px;
  color: var(--text);
  font-weight: 600;
}

.post_minimal_details {
  margin: 10px;
  color: var(--text);
}

.post_minimal_details p {
  font-size: 14px;
  margin-top: 10px;
  color: var(--text);
  font-weight: 300;
}

.post_minimal_download {
  display: block;
  text-align: center;
  background: var(--primaryColor);
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
  margin-top: 30px;
}

.post_minimal_download:hover {
  color: #fff;
  opacity: .7;
}


.post_minimal__badges {
  display: flex;
  margin: 30px 1px 0;
}

.post_minimal__badges li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 10px;
}

.post_minimal__badges li.yellow i {
  background: linear-gradient(to right, #f9d423, #e69d00);
}

.post_minimal__badges li.yellow {
  color: #e69d00;
}

.post_minimal__badges li.orange i {
  background-image: linear-gradient(147deg, #FFE53B 0%, #FF2525 74%);
}

.post_minimal__badges li.orange {
  color: #FF2525;
}

.post_minimal__badges li.cyan i {
  background: linear-gradient(to right, #00cdac, #02aab0);
}

.post_minimal__badges li.cyan {
  color: #02aab0;
}


.post_minimal__badges li.blue i {
  background: linear-gradient(to right, #0072ff, #00c6ff)
}

.post_minimal__badges li.blue {
  color: #00c6ff;
}

.post_minimal__badges li.red i {
  background: linear-gradient(90deg, hsla(279, 95%, 49%, 1) 0%, hsla(295, 96%, 50%, 1) 100%);
}

.post_minimal__badges li.red {
  color: hsla(295, 96%, 50%, 1);
}

.post_minimal__badges li.blue_mal i {
  background: linear-gradient(to right, #0072ff, #2e51a2)
}

.post_minimal__badges li.blue_mal {
  color: #2e51a2;
}

.post_minimal__badges li i {
  width: 40px;
  height: 40px;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  font-size: 20px;
  line-height: 0;
  color: #fff !important;
}

.post_minimal__badges li span {
  font-size: 13px;
  margin-top: 5px;
}

html.dark .post_minimal_details p {
  color: #6883ae;
  opacity: .7;
}

.free_badge {
  color: #ff2a2a !important;
  background: rgb(255 42 42 / 15%) !important;
  font-weight: 500;
  border-radius: 5px;
  font-size: 12px;
  padding: 3px 5px;
  margin-right: 10px;
}

.widget.loading {
  display: block;
  text-align: center;
}

.share_modal .filed-link {
  border: 1px solid var(--bg_lighter2);
  border-radius: 5px;
  margin: 30px 0 5px;
  overflow: hidden;
  padding: 5px 0;
  position: relative;
  font-size: 15px;
}

.share_modal .filed-link label {
  align-items: center;
  background: var(--bg_lighter2);
  border-right: 1px solid var(--bg_lighter2);
  color: var(--text);
  display: flex;
  font-size: 15px;
  height: 100%;
  justify-content: center;
  left: 0;
  line-height: 0;
  padding: 15px;
  position: absolute;
  top: 0;
  width: 50px;
}

.share_modal #shareLink {
  border: none;
  font-family: sans-serif;
  outline: none;
  padding: 9px 0 9px 60px;
  text-align: left;
  width: 100%;
  background: transparent;
  color: #d3d3d3;
}

.share_modal .filed-link .copy-text-btn {
  background: var(--bg_lighter2);
  border-radius: 3px;
  color: var(--text);
  cursor: pointer;
  line-height: 0;
  margin-right: 10px;
  padding: 7px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

html.dark .share_modal .filed-link {
  border-color: #bfcbdd;
}

html.dark .share_modal .filed-link .copy-text-btn {
  background: #fff;
}

html.dark .share_modal .filed-link label {
  background: var(--bg_lighter);
  border-right: 1px solid #bfcbdd;
  color: var(--text);
}

html.dark .share_modal #shareLink {
  color: var(--text);
}

html.dark .sidebar_bottom {
  background: #e9f0fa;
  color: var(--bg_darker);
}

html.dark .account_details span {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
  color: var(--text);
}

html.dark .panel_header__btn a,
html.dark .panel_header__btn button {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
  color: var(--text);
}

html.dark .panel_header__user,
html.dark .panel_sidebar__header a {
  color: var(--bg_darker);
}

.sidebar_carousel2 .owl-stage-outer {
  padding: 70px 0;
}

.sidebar_carousel2 .owl-item {
  transition: all .2s;
  overflow: hidden;
}

.sidebar_carousel2 .owl-item.center {
  -webkit-transform: scale(1.6);
  -ms-transform: scale(1.6);
  -moz-transform: scale(1.6);
  -o-transform: scale(1.6);
  transform: scale(1.6);
}

.sidebar_carousel2 .item2__mask {
  transform: scale(.8);
}


.sidebar_carousel2 .owl-prev {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg_lighter) !important;
  border-radius: 50%;
  color: #fff !important;
  border-radius: 50% 0 0 50%;
}

.sidebar_carousel2 .owl-next {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--bg_lighter) !important;
  border-radius: 50%;
  color: #fff !important;
  border-radius: 0 50% 50% 0;
}

.widget-bg .widget_title {
  border-bottom: solid 1px var(--bg_lighter);
  padding: 15px 15px 5px;
}

html.dark .widget-bg .widget_title {
  border-bottom: solid 1px var(--bg_lighter);
}

/* comfort slider */
.comfort-slider {
  direction: ltr;
  margin-top: 50px;
}

.comfort-slider .owl-item {
  margin: 15px 0 0;
}

.comfort-slider .film_cat img {
  height: auto;
}

.comfortSlider_wrap {
  padding: 85px 0 30px;
  display: block;
  /* background: #101014; */
  height: 750px;
}

.comfortSlider_wrap .leftSide h2 {
  font-family: sans-serif;
  font-weight: 700;
  color: #fff;
  z-index: 2;
  text-align: left;
  /* max-width: 320px; */
  font-size: 36px;
}

.comfortSlider_wrap .mixed_slider_bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 750px;
  width: 100%;
  object-fit: cover;
}

.comfortSlider_wrap .mixed_slider_link {
  z-index: 2;
}

.comfortSlider_wrap .dark_bg {
  background: linear-gradient(0deg, var(--bg) 30%, rgba(10, 13, 16, 0));

  width: 100%;
  height: 750px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

/* .comfortSlider_wrap .dark_bg::after{
  background: rgba(0,0,0,.3);
  content: "";
  height: 100%;
  mix-blend-mode: multiply;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

html.dark .comfortSlider_wrap .dark_bg::after{
  background: rgb(255 255 255 / 0%);
} */

.comfortSlider_wrap .mixed_imdb {
  z-index: 2;
  text-align: left;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-end;
  color: #fff;
}

.comfortSlider_wrap .mixed_imdb .imdbLogo {
  text-align: center;
  background: #efc019;
  padding: 0px 10px;
  margin: 0;
  border-radius: 7px;
  position: relative;
  max-width: 70px;
}

.comfortSlider_wrap .mixed_imdb .imdbRate_nums {
  font-family: impact;
  direction: ltr;
  font-size: 28px;
}

.comfortSlider_wrap .mixed_imdb .imdbRate_nums small {
  font-size: 13px;
}


.comfortSlider_wrap .mixed_slider_rate {
  background: #00000073;
  border-radius: 12px;
  padding: 10px 15px;
  color: var(--text);
  z-index: 2;
  font-size: 13px;
  margin-bottom: 20px;
  font-weight: 400;
  font-family: sans-serif, dana, iranSans, iranyekan;
}

.comfortSlider_wrap .mixed_slider_icon {
  z-index: 2;
  color: #fff;
  font-size: 29px;
  background: rgb(255 255 255 / 20%);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  backdrop-filter: blur(5px);
  transition: all .2s;
  position: absolute;
  right: calc(50%);
  left: auto;
  top: 190px;
}

.comfortSlider_wrap .mixed_slider_icon:hover {
  color: var(--text);
  transform: scale(1.2);

}


.comfortSlider_wrap .mixed_slider_icon::before {
  content: "";
  border: solid 1px rgb(255 255 255 / 50%);
  width: 100px;
  height: 100px;
  background: transparent;
  position: absolute;
  border-radius: 50%;
}

.comfortSlider_wrap .mixed_slider_icon::after {
  content: "";
  border: solid 1px rgb(255 255 255 / 50%);
  width: 130px;
  height: 130px;
  background: transparent;
  position: absolute;
  border-radius: 50%;
}

.comfort-slider .owl-item {
  transition: all .3s;
}

.comfort-slider .owl-item.center {
  transform: scale(1.2);

}

.comfort-slider .owl-stage-outer {
  padding: 40px 0;
}

.otp-form .otp-field {
  font-size: 1rem;
  line-height: 2.3rem;
  text-align: center;
  border: solid 2px var(--bg2);
  outline: none;
  background: none;
  width: 100%;
  height: auto;
  color: var(--text);
  border-radius: 5px;
  transition: all .3s;
}

.otp-form .otp-field:hover {
  border-color: #3b3b45;
}

.otp-form .otp-field:focus {
  border-color: #3b3b45;
}

.otp_cta {
  margin: 20px 0;
}

.otp_cta .submit_auth_2 {
  width: 100% !important;
  margin: 0;
}

.film_cat2 .film_overlay {
  position: absolute;
  top: 7px;
  right: 2px;
  transition: all .3s;
  white-space: nowrap;
  z-index: 999;
  transform: none;
}

.film_cat2 .film_overlay span {
  border: none !important;
  padding: 4px 7px !important;
  font-size: 12px !important;
}

.film_cat2 .score_danger {
  border-color: #ff004e !important;
}

.film_cat2 .score_warn {
  border-color: #eac016 !important;
}

.film_cat2 .score_green {
  border-color: #2dcd70 !important;
}

.film_cat2 .imdb_score_circle {
  box-shadow: 0px 0 6px rgb(0 0 0 / 42%);
  border: 2px solid #2dcd70;
  position: absolute;
  top: 5px;
  left: 7px;
  line-height: 0;
  width: 32px;
  height: 32px;
  background: rgb(28 28 35 / 57%);
  color: var(--text);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  backdrop-filter: blur(2px);
  font-weight: bold;
  transition: all .3s;
  font-feature-settings: initial;
}

.film_cat2 .film_overlay2 {
  z-index: 9999 !important;
}

.film_cat2 .film_overlay2 p {
  text-align: right;
  color: #bfbebe;
  font-size: 13px;
  direction: rtl;
}

.film_cat2 .film_overlay2 i {
  width: 25px;
  height: 25px;
  background: #eb3a3a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
}

.film_cat2:hover .film_overlay {
  transform: scale(.0);
}

.film_cat2:hover .imdb_score_circle {
  transform: scale(.0);
}

.film_cat2:hover .rotten {
  transform: scale(.0);
}

.post2 .badge-v {
  color: #aa7df2;
  background-color: rgb(170 125 242 / 14%);
  font-size: 12px;
  padding: 2px 7px;
  border-radius: 3px;
  display: inline-block;
  margin: 0 5px;
}

.widget_title .nav-link {
  position: relative;
}

.widget_title .nav-link.active::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 5px 6px 5px;
  border-color: transparent transparent var(--primaryColor) transparent;
  position: absolute;
  right: 50%;
  bottom: -6px;
  transform: translateX(50%) rotate(180deg);
  transition: all .3s;
}


ul.timeline {
  list-style-type: none;
  position: relative;
}

ul.timeline:before {
  content: ' ';
  background: var(--bg_lighter2);
  display: inline-block;
  position: absolute;
  right: 29px;
  width: 2px;
  height: 100%;
  z-index: 400;
}

ul.timeline>li {
  margin: 20px 0;
  padding-right: 40px;
}

ul.timeline>li:before {
  content: '';
  background: var(--bg_lighter2);
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  z-index: 400;
}

.timeline__title {
  color: #fff !important;
}

html.dark ul.timeline:before {
  background: var(--bg_darker);
}

html.dark ul.timeline>li:before {
  background: var(--bg_darker);
  border-color: var(--bg_darker);
}

html.dark .timeline__title {
  color: var(--bg_darker) !important;
}

/* casual single style */
.casual_single {
  position: relative;
}

.casual_single .single_hero {
  padding: 120px 0 70px;
  background: linear-gradient(to bottom, rgba(247, 247, 248, 0), var(--bg));
}

.casual_single .single_cover img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  width: 100%;
}

.casual_single__bg {
  position: absolute;
  right: 0;
  left: 0;
  height: 100%;
  opacity: 0.4;
  top: 0;
  background-position: center 50%;
  background-repeat: no-repeat;
  z-index: -1;
  background-size: cover;
}

.casual_single .single_hero h1 {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.casual_single .single_hero h1 small {
  margin-right: 5px;
  font-weight: 400;
  font-size: 14px;
}


.casual_single .post_update i {
  margin-left: 5px;
}

.casual_single .post_update {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 160, 68, 0.39));
  padding: 8px 10px;
  border-radius: 10px;
  display: inline-flex;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  align-items: center;
  margin: 0 0 10px;
}

.post_header_meta .post_update {
  color: #ffae00;
  margin: 5px 0 10px;
  display: block;
}

.casual_single .post_genre {
  margin: 10px 0;
}

.casual_single .post_genre a {
  background: transparent;
  padding: 4px 9px;
  border: solid 1px #dddddd52;
  border-radius: 11px;
  color: #ffff;
  font-size: 14px;
  transition: all .3s;
  font-weight: 300;
  display: inline-block;
  margin: 0 2px 5px;
}

.casual_single .post_genre a:hover {
  border-color: var(--primaryColor);
  color: var(--primaryColor);
}

.post_runtime {
  border-radius: 5px;
  color: #ffff;
  font-size: 13px;
  font-weight: 500;
  margin: 10px 0;
  display: block;
}

.post_runtime i {
  color: #ffc107;
}

.post_genre__label {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  margin-left: 5px;
}

.post_runtime a {
  color: var(--white);
  font-weight: 600;
  transition: all .3s;
  opacity: .7;
}

.post_runtime a:hover {
  opacity: 1;
}

.post_story {
  border-radius: 5px;
  color: #ffff;
  font-size: 14px;
  margin: 10px 0;
  display: inline-block;
  font-weight: 600;
  line-height: 2;
}

.post_story p {
  padding: 0;
  margin: 0;
}

.post_actor {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

.post_actor i {
  color: #ffc107;
  font-size: 16px;
  margin-left: 5px;
}

.post_actor .actor_label {
  display: inline-block;
}

.casual_single .post_subtitle {
  color: #fff;
  font-size: 15px;
  margin-top: -5px;
  display: block;
}

.post_actor a {
  background: transparent;
  padding: 4px 9px;
  border: solid 1px #dddddd52;
  border-radius: 11px;
  color: #ffff;
  font-size: 14px;
  transition: all .3s;
  font-weight: 300;
  display: inline-block;
  margin: 0 2px 5px;
}

.post_actor a:hover {
  border-color: var(--primaryColor);
  color: var(--primaryColor);
}

.post_actor a:hover {
  opacity: 1;
}

.casual_single .post_vote {
  margin: 10px 0 20px;
}

.casual_single .post_vote_up::after {
  content: '';
  display: none;
}

.casual_single .post_vote button {
  background: #fff;
  border-radius: 50%;
  color: #000;
  width: 30px;
  height: 30px;
  padding: 5px;
  font-size: 18px;
  margin: 0 5px;
  line-height: 0;
}

/* .casual_single .post_vote {
  background: #fff;
  border-radius: 50%;
  fill: #000;
  width: 30px;
  height: 30px;
  padding: 5px;
} */

.single_cover_wrap {
  width: 85%;
  position: relative;
}

.single_cover_wrap_overlay {
  position: absolute;
  right: 0;
  top: 0;
  margin: 5px;
}

.single_cover_wrap_overlay i {
  width: 30px;
  height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: red;
  padding: 5px;
  border-radius: 7px;
  color: #fff;
}

.single_playonline {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.single_playonline a {
  color: #fff;
  background: var(--primaryColor);
  border-radius: 50%;
  width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  fill: #fff;
  transition: all .3s;
}

.single_playonline a::before {
  content: "";
  width: 95px;
  height: 95px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 100%;
  position: absolute;
  transition: all 0.2s;
}

.single_playonline a::after {
  content: "";
  width: 75px;
  height: 75px;
  border: 1px solid rgba(255, 255, 255, .3);
  position: absolute;
  border-radius: 100%;
  transition: all 0.2s;
}

.single_playonline a svg {
  width: 30px;
  height: 30px;
}

.single_playonline a:hover::before {
  width: 105px;
  height: 105px;
}

.single_playonline a:hover::after {
  width: 85px;
  height: 85px;
}

.post_actions {
  margin-top: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}

.post_actions a.playonline {
  align-items: center;
  font-size: 14px;
  border-radius: 10px;
  height: 45px;
  padding: 0 30px;
  color: #c0c0c0;
  transition: all 0.2s;
  display: inline-flex;
  gap: 10px;
  font-size: 14px;
  font-weight: 400;
  background: var(--primaryColor);
  color: #fff;
  fill: #fff;
}

.post_actions a.playonline:hover {
  background: var(--primaryColor);
  filter: brightness(0.8);
}

.post_actions a.playonline svg {
  width: 25px;
  height: 25px;
}

.post_actions .new_kelaeket_btn {
  height: 45px;
  padding: 0 22px;
  border-radius: 10px;
  font-size: 20px;
  transition: all 0.2s;
  color: #fff !important;
}

.post_actions .new_kelaeket_btn:hover {
  filter: brightness(0.8);
}

.single_cover_wrap .simplefavorite-button {
  float: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: auto;
  margin-left: auto;
  margin-top: -30px;
  z-index: 99;
  position: relative;
  background: var(--primaryColor);
  box-shadow: 0px 0px 9px 0px #272727;
  font-size: 20px;
}

.post_download_cta {
  margin: 5px 0 20px;
  display: flex;
  gap: 20px;
}

.post_download_cta a,
.post_download_cta button {
  border: none;
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  background: #ffacac;
  transition: all 1s;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.post_download_cta a i,
.post_download_cta button i {
  margin-left: 10px;
  width: 27px;
  height: 27px;
  background: #f5f5f54a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 0;
  transition: all 1s;
  right: 0px;
  position: relative;
}

.post_download_cta a span,
.post_download_cta button span {
  transition: all .3s;
  position: relative;
  right: 0;
}

.post_download_cta a:hover i,
.post_download_cta button:hover i {
  transform: scale(38) rotate(360deg);
  background: transparent;
  opacity: 0;
}

.post_download_cta a:hover span,
.post_download_cta button:hover span {
  position: relative;
  right: -15px;
  transition: all .5s;
}

.post_download_cta .play_trailer {
  background: linear-gradient(273deg, #ec2208, #ff6377);
  color: #fff;
}

.post_download_cta .download {
  background: linear-gradient(45deg, #18b036, #8ae62e);
  color: #fff;
}

.download_modal {
  z-index: 9999999999;
}

.download_modal h3 {
  color: var(--text);
  font-size: 17px;
  margin-bottom: 30px;
  font-weight: 300;
}

.post_content_single img {
  height: auto;
  margin: 20px 0;
  border-radius: 10px;
  max-width: 100% !important;
}

.timeline p {
  margin: 20px 0;
}

.footer_modern {
  margin-top: 100px;
  position: relative;
  overflow: hidden;
}

.footer_modern .logo {
  position: relative;
  right: 50%;
  left: 50%;
  transform: translatex(50%);
  background: var(--bg);
  padding: 10px 30px;
  border-radius: 50px;
}

.footer_modern .about p {
  line-height: 1.9;
}

.footer_modern .links h3::before {
  content: '';
  width: 100%;
  height: 2px;
  background: var(--primaryColor);
  display: block;
  position: relative;
  top: 11px;
}

.footer_modern .links h3 span {
  background: var(--bg_darker);
  position: relative;
  z-index: 2;
  padding-left: 10px;
}


.footer_modern .social {
  text-align: center;
}

.footer_modern .social li {
  list-style: none;
  font-size: 17px;
  padding: 5px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  transition: all ease-in-out 0.3s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  font-size: 21px;
  margin: 0 5px;
}

.footer_modern .copyright {
  padding: 20px;
  margin-top: 30px;
}

.footer_modern .btn-large {
  padding: 20px;
}

.profiel_edit_info {
  background: var(--bg_lighter);
  border-radius: 5px;
  padding: 5px 10px;
  color: #ffffff !important;
  width: auto;
  font-size: 14px;
}

.comment_like_handle {
  display: flex;
  background: var(--bg);
  border-radius: 15px;
  padding: 13px 10px;
}

.comment_like {
  color: var(--text);
  border: none;
  background: transparent !important;
  padding: 0px 13px;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  border-left: 2px solid var(--bg_lighter2);
}

.comment_dislike {
  color: var(--text);
  background: transparent !important;
  border: none;
  padding: 0px 13px;
  border-radius: 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
}

.comment_like span,
.comment_dislike span {
  /* margin: 10px 0 0; */
}



.imdbRate_nums_casual {
  margin: 0 4px;
  color: #efc019;
  font-family: sans-serif;
}

.malRate_nums_casual {
  margin: 0 4px;
  color: #2e51a2;
}

.movie_meta {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0px 10px;
}

.comment_box .right_side {
  gap: 20px;
  align-items: flex-start;
}

.comment_box .left_side {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-right: 15px;
}

.comment_box .right_side img {
  border-radius: 5px;
}



select.ns_select {
  display: none;
}

.vote_stats_text {
  font-family: unset !important;
  margin: 0 5px;
  font-size: 14px;
}

._sliderBanner img {
  border-radius: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  max-width: 100%;
  height: auto;
}

.post__tags {
  color: var(--text);
  margin-bottom: 30px;
  margin-top: 30px;
}

.post__tags i {
  margin-left: 10px;
  position: relative;
  top: 3px;
}

.post__tags .post__tags__body {
  display: none;
  padding: 10px 0;
}

.post__tags .post__tags__body a {
  color: var(--text);
  background: var(--bg2);
  padding: 5px 12px;
  display: inline-block;
  border-radius: 5px;
  font-size: 14px;
  margin: 5px;
  transition: all .3s;
}

.post__tags .post__tags__icon {
  margin-left: 3px;
  transition: all .3s;
}

.post__tags__header.active .post__tags__icon {
  transform: rotate(-90deg);
}

.post__tags .post__tags__body a:hover {
  background: var(--primaryColor);
}

.post__tags .post__tags__header {
  cursor: pointer;
  background: var(--bg2);
  border-radius: 5px;
  padding: 10px;
}


.home_blog .blog_carousel__title h2 {
  font-size: 15px;
  line-height: 1.6;
}

.home_blog .blog_carousel a {
  background: var(--bg2);
  display: block;
  border-radius: 10px 10px 0 0;
}

.home_blog .blog_carousel .blog_carousel__title {
  background: var(--bg2);
  padding: 5px 15px;
  border-radius: 0 0 10px 10px;
  color: var(--text);
  min-height: 100px;
}

.home_blog .blog_carousel img {
  border-radius: 15px;
  object-fit: cover;
  padding: 10px;
  height: 220px;
}

.blog_carousel__heading a {
  background: var(--bg2) !important;
  padding: 5px 10px;
  display: inline-block !important;
  border-radius: 10px !important;
  color: var(--text);
  font-size: 14px;
  transition: all .3s;
}

.blog_carousel__heading a:hover {
  background: var(--primaryColor) !important;
}

.blog_carousel__heading {
  margin: 20px 0;
}

.blog_carousel__heading h3 {
  margin-bottom: 0;
}

/* .blog_carousel_instance{
  position: relative;
} */

/* .blog_carousel_instance::after{
  content: '';
  width: calc(100% + 120px);
  height: 30%;
  position: absolute;
  top: 50%;
  right: -60px;
  transform: translateY(-50%);
  z-index: -1;
  border-radius: 10px;
  background: var(--primaryColor);
} */


html.dark .acc_info_ .buy_vip,
html.dark .rcp-button,
html.dark .rcp-button_list,
html.dark .film_search button {
  color: #fff !important;
}

html.dark .profiel_edit_info {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
  color: var(--bg_darker) !important;
}

html.dark .slider_ {
  background-color: #dbe1ee;
}

.actors_page h1 {
  font-size: 25px;
  text-align: center;
  display: block;
  margin: 0 auto;
  font-weight: bold;
}

.actors_page .search_input {
  background: var(--bg_lighter);
  padding: 20px;
  border-radius: 15px;
  border: transparent;
  outline: none;
  width: 100%;
  color: var(--text);
}


.actors_page .search_input_wrap {
  position: relative;
  width: 45%;
  margin: 25px auto;
  display: block;
}

.actors_page .search_submit {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 10px;
  border-radius: 10px;
  border: none;
  background: var(--primaryColor);
  padding: 7px 15px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.actors_page .search_submit i {
  margin-right: 10px;
}

html.dark .postItem {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
}

html.dark .postItem h2,
html.dark h1 {
  color: var(--text);
}

html.dark .actors_page .search_input {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
  color: var(--text);
}

html.dark .collection h2 {
  color: var(--text);
}

html.dark .collection_z2 .info {
  color: var(--text);
}

.panel_sidebar__header img {
  max-height: 100px;
  max-width: 90px;
}

.film_cat_imdb img {
  max-height: 340px;
}

.film_cat_imdb .film_overlay .dobed {
  font-weight: bold;
  font-size: 14px !important;
  background: var(--primaryColor);
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  line-height: 0 !important;
  z-index: 9;
}

.film_cat_imdb:hover .film_overlay {
  transform: scale(1);
}

.film_cat_imdb:hover .imdb_score_circle {
  transform: scale(1);
}

.film_cat_imdb:hover {
  transform: scale(1.08);
}

.content__header p {
  color: var(--text);
  font-size: 14px;
  opacity: .8;
}

html.dark .content__header p {
  color: var(--text);
}

.film_timer {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  /* margin: 10px 0; */
  color: #fff;
}

.film_timer .countdown {
  background: #00000057;
  border-radius: 0 0 14px 14px;
  padding: 10px 0;
}

html.dark .film_timer div,
html.dark .film_timer span,
html.dark .film_timer .counter_label {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  color: #fff;
}

.film_timer .timer div {
  background: none;
  padding: 0;
  margin: 0;
}

.film_cat_soon img {
  max-height: 340px;
  object-fit: cover;
}



div.wp-caption {
  max-width: 100%;
}

.serial_card {
  background: var(--bg2);
  margin-bottom: 30px;
  border-radius: 15px;
}

.serial_card img {
  width: 100%;
  height: 180px !important;
  object-fit: cover;
  border-radius: 15px !important;
}

.serial_card__overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, transparent, rgb(0 0 0 / 85%));
  display: flex;
  transition: all .3s;
  border-radius: 14px;
  transition: all .3s;
}

.serial_card:hover .serial_card__overlay {
  opacity: 0;
}

.serial_card:hover .serial_card__badge {
  opacity: 0;
}

.serial_card__overlay .film_cat_title {
  margin-top: auto !important;
  width: 100%;
  margin-left: 10px !important;
  margin-right: 10px !important;
  font-weight: bold;
  font-size: 15px !important;
}


.serial_card__badge {
  position: absolute;
  top: 0;
  font-weight: 600;
  left: 0;
  background: var(--primaryColor);
  margin: -10px 10px;
  padding: 4px 10px;
  font-size: 13px;
  color: #ffff;
  border-radius: 10px;
  transition: all .3s;
}

.blog_carousel2 .blog_carousel__heading h3 {
  font-size: 17px;
  color: var(--text);
  font-weight: 600;
}

.blog_carousel2 img {
  top: -50px;
  border-radius: 40px !important;
  position: relative;
  padding: 20px !important;
}

.blog_carousel2 .blog_item {
  background: var(--bg2);
  border-radius: 30px;
}

.blog_carousel2 .blog_item a {
  background: none;
}

.blog_carousel2 .owl-stage {
  padding: 50px 0;
}

.blog_carousel2 .blog_carousel__title {
  margin-top: -40px;
  border-radius: 0 0 20px 20px !important;
  padding-bottom: 15px !important;
  min-height: 180px !important;
  display: flex;
  flex-direction: column;
  margin-top: -50px;
}

.blog_carousel2 .blog_carousel__title h2 {
  font-size: 15px;
  line-height: 1.6;
  font-weight: bold;
}

.blog_carousel2 p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 14px;
  font-weight: 300;
  opacity: .8;
}

.blog_carousel__meta {
  margin-top: auto;
}

.blog_carousel__meta span {
  font-size: 13px;
}

.blog_carousel2 .blog_carousel__meta a {
  background: none;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
}

.blog_carousel2 .blog_carousel__meta a i {
  width: 20px;
  height: 20px;
  background: var(--primaryColor);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  font-size: 10px;
}

html.dark .blog_carousel2 p {
  color: var(--text) !important;
}

html.dark .blog_carousel2 .blog_carousel__meta a i {
  color: #fff;
}

html.dark .blog_carousel__meta span {
  color: var(--text) !important;
}

#comment-nav-below .nav-links {
  display: flex;
  justify-content: space-between;
  margin: 20px;
}

#comment-nav-below .nav-links a {
  background: var(--primaryColor);
  padding: 8px 10px;
  display: inline-block;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
}

/* new modern dl box styles */
.download_item .dl_info {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.download_item .dl_links_wrap {
  flex: 1;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.download_item .dl_links_wrap .button {
  margin: 0 !important;
}

.dashboard_ticket {
  color: #fff;
}

.dashboard_ticket__body {
  padding: 10px;
  overflow: auto;
  max-height: 267px;
  height: 267px;
}

html.dark .dashboard_ticket__item {
  background: var(--bg_lighter);
  color: var(--text);
}

.dashboard_ticket__body::-webkit-scrollbar {
  width: 5px;
}

.dashboard_ticket__body::-webkit-scrollbar-track {
  border-radius: 5px;
}


.dashboard_ticket__body::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: var(--primaryColor);
  border: 5px solid transparent;
}

.dashboard_ticket__item {
  padding: 15px;
  background: var(--bg);
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  position: relative;
  transition: all .3s;
  overflow: hidden;
}

.dashboard_ticket__item:hover .dashboard_ticket__item--hover {
  opacity: 1;
  visibility: visible;
  /* transform: scale(1); */
}

.dashboard_ticket__item--hover {
  position: absolute;
  width: 100%;
  background: #0000001f;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  height: 100%;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
  display: flex;
  /* transform: scale(2); */
}

.dashboard_ticket__item--hover a {
  display: block;
  margin: auto;
  color: #fff;
}

.dashboard_ticket__item .table_badge {
  font-size: 12px;
}

.dashboard_ticket__item strong {
  font-size: 14px;
  font-weight: 400;
}

.dashboard_ticket__item span {
  font-size: 14px;
  font-weight: 400;
}

.dashboard_watchlist {
  color: #fff;
}

.dashboard_watchlist__body {
  padding: 20px;
}


.show_more_panel {
  font-size: 13px;
  border-radius: 5px;
  color: var(--white);
  padding: 5px 9px;
  display: flex;
  align-items: center;
}

.show_more_panel:hover {
  color: var(--white);
}

.show_more_panel i {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--bg_lighter);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 0;
  margin-right: 7px;
}

.acc_info_ .nav-link {
  padding: 5px 20px !important;
  font-weight: 400;
  font-size: 15px;
  border-radius: 6px !important;
}

.film_cat3 .overlay {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 8px;
}

.film_cat3 .position-relative::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 71%) 35%) !important;

}

.film_cat3 .badges {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  flex-direction: row-reverse;
  align-items: center;
}

.film_cat3 .badges .genres {
  background: #ffbf01;
  color: #000;
  font-weight: 600;
  font-size: 12px;
  border-radius: 50px;
  padding: 1px 8px;
}

.imdb_score {
  background: #ffffff38;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  border-radius: 50px;
  padding: 1px 8px;
  height: 20px;
  direction: ltr;
}

.comfort-slider .film_cat3 .cta {
  flex-direction: row-reverse;
}

.comfort-slider .film_cat3 .badges {
  flex-direction: row;
}

.film_cat3:hover {
  transform: scale(1.1);
}

.film_cat3 .cta {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  color: #fff;
}

.film_cat3 .film_cat_title {
  font-size: 14px !important;
  /* text-align: right !important; */
  font-weight: 700 !important;
  margin: 10px 0 !important;
}

.film_cat3 .badge_type {
  font-size: 13px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 5px;
}

.film_cat3 .icon {
  width: 23px;
  height: 23px;
  background: #ffffff38;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
  border-radius: 50%;
}

.secondary_demo .film_cat img {
  max-height: unset !important;
}

/* minimal footer */
.footer_minimal {
  background: transparent !important;
  border-top: solid 1px #67676d38;
  padding-top: 40px;
}

.footer_minimal .copyright {
  background: transparent;
  border-top: solid 1px #67676d38;
  padding: 25px 0;
  margin-top: 15px;
}

.footer_minimal .about .logo span {
  color: var(--text);
  transition: all .3s;
}

.footer_minimal .about .logo span:hover {
  color: var(--primaryColor);
}

.footer_minimal .about .desc {
  padding: 4px 10px;
  background: #ffffff17;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 400;
  color: #9d9d9d !important;
  margin-right: 10px;
}

.footer_minimal .about p {
  font-size: 13px;
  line-height: 1.7;
  color: #9d9d9d;
  margin: 10px 0;
}

.footer_minimal h3 {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--text);
  margin-bottom: 25px;
}

.footer_minimal .menunav {
  display: flex;
  flex-wrap: wrap;
}

.footer_minimal .links li {
  width: 50%;
}

.footer_minimal .links li::before {
  width: 6px;
  height: 2px;
  background: var(--text) !important;
  position: relative;
  top: -2px;
}

.footer_minimal .links li a {
  color: #9d9d9d;
  transition: all .3s;
  font-size: 13px;
}

.footer_minimal .links li a:hover {
  color: var(--text) !important;
}

.footer_minimal .social p {
  font-size: 13px;
  line-height: 1.7;
  color: #9d9d9d;
  margin: 10px 0;
}

.footer_minimal .footer_insta {
  gap: 10px;
  margin: 20px 0;
}

.footer_minimal .footer_insta div {
  flex: 1;
  text-align: center;
  font-size: 13px;
}

.footer_minimal .footer_insta div span {
  text-shadow: 0 2px 0 rgba(0, 0, 0, .26);
}


.footer_minimal .footer_insta div a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.footer_minimal .footer_insta div a small {
  opacity: .8;
}

.footer_minimal .mini_button {
  color: #9d9d9d;
  border: solid 1px #9d9d9d61;
  padding: 5px;
  border-radius: 7px;
  padding: 5px 10px;
  font-size: 13px;
  display: inline-block;
  margin: 10px 0;
  transition: all .3s;
}

.footer_minimal .mini_button:hover {
  border-color: var(--primaryColor);
  background: var(--primaryColor);
  color: #fff;
}

.footer_minimal .social ul {
  margin-bottom: 0;
  display: flex;
  gap: 7px;
}

.footer_minimal .social ul li {
  background: transparent !important;
}

.footer_minimal .social ul li i {
  color: #9d9d9d;
  transition: all .3s;
}

.footer_minimal .social ul li:hover i {
  color: #fff;
}

.icon.mal_icon {
  background: #2c4f9e;
  font-weight: bold;
  font-family: impact;
  letter-spacing: 1px;
  font-size: 17px;
  text-align: center;
}

.icon.mal_icon span {
  position: relative;
  top: 5px;
  font-size: 16px;
}

.single_default .post_vote {
  gap: 10px;
}

.single_default .post_vote_up,
.single_default .post_vote_down {
  background: #ffffff1c;
  padding: 10px;
  border-radius: 5px;
}

.single_default .post_vote_up::after {
  display: none;
}

.single_default .post_vote button:hover {
  color: inherit;
  background: #ffffff33;
}

.single_default .post_vote button:hover svg {
  fill: #fff;
}

.ltr .film_cat_carousel .owl-stage {
  padding-left: 0px !important;
}

.dashboard_alert {
  font-size: 14px;
  background: var(--bg2);
  color: var(--text);
}

.dashboard_alert strong {
  margin: 0 5px;
}

.dashboard_alert .btn-close {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  padding: 5px;
  background: #00000094;
  margin: 0 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
}

html.dark .dashboard_alert {
  background: var(--bg2);
  box-shadow: 0 10px 15px 0 var(--shadow_color);
  border: 1px solid var(--bg_lighter);
  color: var(--text);
}

.profile_avatar {
  width: auto;
  text-align: center;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}

.profile_avatar img {
  border-radius: 50%;

}

.profile_avatar_wrap {
  text-align: center;
  display: block;
  padding-bottom: 40px;
}

.edit_avatar {
  position: absolute;
  bottom: -4px;
  left: -23px;
  width: 30px;
  height: 30px;
  display: flex;
  font-size: 13px;
  justify-content: center;
  align-items: center;
  background: #32323e;
  border-radius: 50px;
  color: #fff !important;
  box-shadow: 0 0 10px #00000075;
  transition: all .3s;
}

.edit_avatar:hover {
  background: var(--primaryColor);
}

#respond .switch-toggle small {
  margin-right: 10px !important;
  margin-left: 10px !important;
}

.notification_page h2 {
  font-size: 23px;
  color: var(--text);
}

.notification__card {
  background: var(--bg2);
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 10px;
  position: relative;
  color: var(--text);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.notification__card span {
  font-size: 13px;
  opacity: .8;
}

.notification__card .notif_action {
  font-size: 18px;
}

.notification__card p {
  margin: 10px 0;
  font-size: 14px;
  font-weight: 500;
  opacity: .8;
}

.notification_read {
  background: var(--primaryColor);
  border-radius: 50%;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  color: #fff !important;
  transition: all .3s;
}

.notification_read:hover {
  opacity: .7;
}

.notification_read i {
  line-height: 0;
}


.notif_notfound {
  margin-bottom: 20px;
  color: var(--text);
  text-align: center;
  font-size: 15px;
}

.notif__more {
  padding: 5px 10px;
  width: fit-content;
  border-radius: 5px;
  border: none;
  background: var(--primaryColor);
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  margin-top: 10px;
}

.notif__more:hover {
  color: #fff;
}

.kelaket_rounded {
  border-radius: 50px !important;
}

.collection_title {
  text-align: center;
  color: var(--text);
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 30px;
}

.notif_single {
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--bg2);
  width: 35px;
  height: 35px;
  color: #ffc107;
  border-radius: 50%;
  display: flex;
  align-items: center;
  font-size: 16px;
  justify-content: center;
  margin: 6px;
  cursor: pointer;
  box-shadow: 0px 0px 7px 2px #0000008a;
}

.post2 .active_movie_notification {
  position: static !important;
  background: var(--bg_lighter) !important;
}

.center_casual_icons {
  position: absolute;
  float: right;
  margin-right: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}

.center_casual_icons .stats {
  margin-right: 0 !important;
}

.center_casual_icons .active_movie_notification {
  background: var(--bg_lighter) !important;
}

.center_casual_icons .simplefavorite-button {
  background: #4050b5;
  position: relative;
  left: unset;
  right: unset;
  float: right;
  margin-right: 9px;
}

.casual_tabs {
  background: var(--bg2);
  color: var(--text);
}

.casual_tabs .nav-link {
  font-weight: 500 !important;
  font-size: 14px !important;
  display: flex;
  align-items: center;
  border-bottom: solid 2px transparent;
  border-radius: 0px !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.casual_tabs .nav-pills {
  overflow: auto;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
}

.casual_tabs .nav-link i {
  font-size: 17px;
  margin-left: 10px;
}

.casual_tabs .nav-link.active {
  background: transparent !important;
  color: var(--primaryColor) !important;
  border-bottom: solid 2px var(--primaryColor) !important;
  border-radius: 0px !important;
}

html.dark .casual_tabs {
  box-shadow: 0 10px 15px 0 var(--bg_lighter);
}

html.dark .casual_tabs .nav-link.active {
  color: var(--primaryColor) !important;
}

.casual_tabs .count {
  font-family: sans-serif;
  font-size: 10px;
  background: var(--primaryColor);
  min-width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  font-weight: bold;
  color: #fff;
  top: -8px;
  right: -5px;
}

.accordion-button:not(.collapsed) {
  box-shadow: none !important;
}

.testmonial {
  padding: 0 10px 10px;
  border-radius: 15px;
  box-shadow: 0 10px 15px 0 var(--bg);
  background: var(--bg2);
  color: #f8f8f8;
}

.testmonial .testmonial__item {
  border-bottom: solid 1px var(--bg_darker2);
  padding: 20px 10px;
  color: var(--text);
  cursor: pointer;
}

.testmonial .testmonial__item:last-of-type {
  border: none;
}



.testmonial .testmonial__item p::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 12px 10px;
  border-color: transparent transparent var(--bg_darker) transparent;
  position: absolute;
  top: -10px;
  right: 31px;
}

.testmonial .testmonial__item h4 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}

.testmonial .testmonial__item p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  background: var(--bg_darker);
  padding: 19px;
  border-radius: 30px;
  margin-top: 20px;
  margin-bottom: 10px;
  position: relative;
  display: none;
  color: #fff;
}

.testmonial .testmonial__item .chevron {
  width: 30px;
  height: 30px;
  background: var(--bg_lighter2);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  box-shadow: 0px 2px 5px 0px #10101438;
  font-size: 14px;
}


.testmonial .testmonial__item i {
  color: var(--primaryColor);
  margin-left: 8px;
  font-size: 17px;
}

.casual_tab_content .comment-list .comment {
  border-radius: 15px;
}

.casual_tab_content .comment_box .right_side img {
  border-radius: 20px;
}

.author_mobile {
  display: none;
}

.comment_data {
  margin-right: 20px;
}

.casual_tab_content .post2 {
  border: none !important;
}

.casual_tab_content .post2 .download_item {
  padding: 20px;
  border-radius: 15px;
  border: none !important;
  margin-top: 20px;
}

.casual_tab_content .post2 .download_item .button {
  padding: 10px 15px;
  font-size: 14px;
}

.casual_tab_content .post2 .download_item .button_online {
  padding: 6.7px 10px;
}

.casual_tab_content .post2 .badge-v {
  font-size: 13px;
  padding: 7px 10px;
  border-radius: 10px;
  font-weight: 300;
}

.casual_tab_content .content {
  padding: 10px 20px;
  border-radius: 15px;
  box-shadow: 0 10px 15px 0 var(--bg);
  background: var(--bg2);
  color: #f8f8f8;
  padding-top: 20px;
}

.post2 .download_item {
  margin-top: 0px;
  margin-bottom: 10px;
}

.casual_tab_content .accordion {
  margin-bottom: 10px;
}

.accord_chevron {
  width: 30px;
  height: 30px;
  background: var(--bg2);
  color: var(--text);
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  box-shadow: 0px 2px 5px 0px #10101438;
  font-size: 14px;
  margin-right: auto;
  transition: all .3s;
}

.accordion-button::after {
  display: none;
  background-image: none !important;
}

.accordion-button.collapsed .accord_chevron {
  transform: rotate(180deg);
}

.casual_tab_content .post2 .serial-dl-info {
  margin: 12px 0 !important;
}

.post2 .testmonial {
  background: var(--bg_lighter2);
}

.post2 .chevron {
  background: var(--bg2) !important;
}

.default_demo .testmonial {
  border-radius: 5px;
}

.kelaket_custom_sort {
  display: flex;
  margin: 10px;
  gap: 10px;
  justify-content: flex-end;
}

.kelaket_custom_sort .ns_select {
  background: var(--bg2) !important;
}

html.dark .sidebar_carousel2 .slider_actions {
  color: var(--text);
}

html.dark .comment_like_handle {
  box-shadow: 0 10px 15px 0 var(--bg_lighter);
}

.report_modal .wpcf7-textarea {
  height: 100px;
}

.report {
  display: flex;
  gap: 10px;
}

.after_fe3 {
  margin-top: 100px;
}

.post2 .related_post_blog_item {
  margin-bottom: 15px;
}

.tblighe_single img {
  max-width: 100%;
  height: auto;
  margin-bottom: 25px;
  border-radius: 5px;
}

.imdbLogo svg {
  fill: #000;
}

/* ghost */
#not-found .box .box__ghost {
  padding: 15px 25px 25px;
  position: absolute;
  left: 50%;
  top: 20%;
  -webkit-transform: translate(-50%, -30%);
  transform: translate(-50%, -30%)
}

#not-found .box .box__ghost .symbol:nth-child(1) {
  opacity: .2;
  -webkit-animation: shine 4s ease-in-out 3s infinite;
  animation: shine 4s ease-in-out 3s infinite
}

#not-found .box .box__ghost .symbol:nth-child(1):before,
#not-found .box .box__ghost .symbol:nth-child(1):after {
  content: "";
  width: 12px;
  height: 4px;
  background: #fff;
  position: absolute;
  border-radius: 5px;
  bottom: 65px;
  left: 0
}

#not-found .box .box__ghost .symbol:nth-child(1):before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

#not-found .box .box__ghost .symbol:nth-child(1):after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

#not-found .box .box__ghost .symbol:nth-child(2) {
  position: absolute;
  left: -5px;
  top: 30px;
  height: 18px;
  width: 18px;
  border: 4px solid;
  border-radius: 50%;
  border-color: #fff;
  opacity: .2;
  -webkit-animation: shine 4s ease-in-out 1.3s infinite;
  animation: shine 4s ease-in-out 1.3s infinite
}

#not-found .box .box__ghost .symbol:nth-child(3) {
  opacity: .2;
  -webkit-animation: shine 3s ease-in-out .5s infinite;
  animation: shine 3s ease-in-out .5s infinite
}

#not-found .box .box__ghost .symbol:nth-child(3):before,
#not-found .box .box__ghost .symbol:nth-child(3):after {
  content: "";
  width: 12px;
  height: 4px;
  background: #fff;
  position: absolute;
  border-radius: 5px;
  top: 5px;
  left: 40px
}

#not-found .box .box__ghost .symbol:nth-child(3):before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

#not-found .box .box__ghost .symbol:nth-child(3):after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

#not-found .box .box__ghost .symbol:nth-child(4) {
  opacity: .2;
  -webkit-animation: shine 6s ease-in-out 1.6s infinite;
  animation: shine 6s ease-in-out 1.6s infinite
}

#not-found .box .box__ghost .symbol:nth-child(4):before,
#not-found .box .box__ghost .symbol:nth-child(4):after {
  content: "";
  width: 15px;
  height: 4px;
  background: #fff;
  position: absolute;
  border-radius: 5px;
  top: 10px;
  right: 30px
}

#not-found .box .box__ghost .symbol:nth-child(4):before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

#not-found .box .box__ghost .symbol:nth-child(4):after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

#not-found .box .box__ghost .symbol:nth-child(5) {
  position: absolute;
  right: 5px;
  top: 40px;
  height: 12px;
  width: 12px;
  border: 3px solid;
  border-radius: 50%;
  border-color: #fff;
  opacity: .2;
  -webkit-animation: shine 1.7s ease-in-out 7s infinite;
  animation: shine 1.7s ease-in-out 7s infinite
}

#not-found .box .box__ghost .symbol:nth-child(6) {
  opacity: .2;
  -webkit-animation: shine 2s ease-in-out 6s infinite;
  animation: shine 2s ease-in-out 6s infinite
}

#not-found .box .box__ghost .symbol:nth-child(6):before,
#not-found .box .box__ghost .symbol:nth-child(6):after {
  content: "";
  width: 15px;
  height: 4px;
  background: #fff;
  position: absolute;
  border-radius: 5px;
  bottom: 65px;
  right: -5px
}

#not-found .box .box__ghost .symbol:nth-child(6):before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

#not-found .box .box__ghost .symbol:nth-child(6):after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

#not-found .box .box__ghost .box__ghost-container {
  background: #fff;
  width: 150px;
  height: 100px;
  border-radius: 100px 100px 0 0;
  position: relative;
  margin: 0 auto;
  -webkit-animation: upndown 3s ease-in-out infinite;
  animation: upndown 3s ease-in-out infinite
}

#not-found .box .box__ghost .box__ghost-container .box__ghost-eyes {
  position: absolute;
  left: 50%;
  top: 45%;
  height: 12px;
  width: 70px
}

#not-found .box .box__ghost .box__ghost-container .box__ghost-eyes .box__eye-left {
  width: 12px;
  height: 12px;
  background: #111;
  border-radius: 50%;
  margin: 0 10px;
  position: absolute;
  left: 0
}

#not-found .box .box__ghost .box__ghost-container .box__ghost-eyes .box__eye-right {
  width: 12px;
  height: 12px;
  background: #111;
  border-radius: 50%;
  margin: 0 10px;
  position: absolute;
  right: 0
}

#not-found .box .box__ghost .box__ghost-container .box__ghost-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0
}

#not-found .box .box__ghost .box__ghost-container .box__ghost-bottom div {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  top: -10px;
  height: 20px;
  border-radius: 100%;
  background-color: #fff
}

#not-found .box .box__ghost .box__ghost-container .box__ghost-bottom div:nth-child(2n) {
  top: -12px;
  margin: 0 0;
  border-top: 15px solid #111;
  background: 0 0
}

#not-found .box .box__ghost .box__ghost-shadow {
  height: 20px;
  -webkit-box-shadow: 0 50px 15px 5px #444;
  box-shadow: 0 50px 15px 5px #444;
  border-radius: 50%;
  margin: 0 auto;
  -webkit-animation: smallnbig 3s ease-in-out infinite;
  animation: smallnbig 3s ease-in-out infinite
}

@-webkit-keyframes upndown {
  0% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
  }

  50% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
  }

  100% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
  }
}

@keyframes upndown {
  0% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
  }

  50% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
  }

  100% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
  }
}

@-webkit-keyframes smallnbig {
  0% {
    width: 90px
  }

  50% {
    width: 100px
  }

  100% {
    width: 90px
  }
}

@keyframes smallnbig {
  0% {
    width: 90px
  }

  50% {
    width: 100px
  }

  100% {
    width: 90px
  }
}

@-webkit-keyframes shine {
  0% {
    opacity: .2
  }

  25% {
    opacity: .1
  }

  50% {
    opacity: .2
  }

  100% {
    opacity: .2
  }
}

@keyframes shine {
  0% {
    opacity: .2
  }

  25% {
    opacity: .1
  }

  50% {
    opacity: .2
  }

  100% {
    opacity: .2
  }
}

/* ghost */
.page_404 {
  background: var(--bg);
}

.page_404 h2 {
  font-size: 22px;
  font-weight: 300;
  margin: 40px 0 0px;
  color: #fff;
}

.page_404 a {
  border-radius: 50px;
  padding: 12px 60px;
  font-weight: 300;
  background: var(--primaryColor);
  border: solid 1px var(--primaryColor);
  font-size: 16px;
  position: relative;
  overflow: hidden;
  transition: all .5s ease-in-out;
}

.page_404 a:hover::before {
  -webkit-transform: translateX(230px) rotate(45deg);
  transform: translateX(230px) rotate(45deg);
}

.page_404 a:hover {
  background: 0 0;
  border: solid 1px #fff;
}

.page_404 a::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 100px;
  background: #fff;
  bottom: -25px;
  left: 0;
  border: 2px solid #fff;
  -webkit-transform: translateX(-50px) rotate(45deg);
  transform: translateX(-50px) rotate(45deg);
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
}

.page_404 p {
  color: #f88f8f;
  line-height: 20px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.placeholder_row {
  white-space: nowrap;
  display: flex;
  gap: 15px;
  overflow: hidden;
  margin: 50px 0;
}

.placeholder-img {
  min-height: 280px;
  border-radius: 15px !important;
  background: var(--bg_lighter);
}

.half_size_placeholder .placeholder {
  background: var(--bg_lighter);
  min-height: 1.8rem;
}

.half_size_placeholder .placeholder {
  width: 50%;
  border-radius: 5px !important;
}

.placeholder_item {
  min-width: 200px;
}

.kelaket_rules {
  font-size: 13px;
}

.kelaket_rules a {
  font-size: 13px;
  margin: 0 5px;
  color: var(--primaryColor);
  border-bottom: dashed 1px var(--primaryColor);
  padding-bottom: 5px;
}

.post_page ul,
.post_page ol {
  padding: 0 25px;
}

.post_page h1 {
  display: block;
  font-size: 30px;
  font-weight: bold;
  color: var(--text);
}

.post_page h1 {
  display: block;
  font-size: 30px;
  font-weight: bold;
  color: var(--text);
}

.post_page h1 {
  display: block;
  font-size: 30px;
  font-weight: bold;
  color: var(--text);
}

.post_page h2 {
  display: block;
  font-size: 26px;
  font-weight: bold;
  color: var(--text);
}

.post_page h3 {
  display: block;
  font-size: 22px;
  font-weight: bold;
  color: var(--text);
}

.post_page h4 {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: var(--text);
}

.post_page h5 {
  display: block;
  font-size: 14px;
  font-weight: bold;
  color: var(--text);
}

.post_page h6 {
  display: block;
  font-size: 13px;
  font-weight: bold;
  color: var(--text);
}


.countdown_wrap {}

.countdown_wrap h3 {
  color: #ffff;
  font-size: 16px;
  font-weight: 600;
}

#clear_visists {
  text-decoration: none;
  color: var(--text);
  font-size: 13px;
  background: transparent;
  border: transparent;
  border-radius: 5px;
  transition: all .3s;
}

#clear_visists:hover {
  background: var(--primaryColor);
}

.backtosite_panel {
  background: var(--primaryColor);
  border-radius: 0px !important;
}

.backtosite_panel a,
.backtosite_panel i {
  color: #fff !important;
}

/* custom container size */
@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1530px;
  }
}

/* widget style 3 */
.update_block {
  background: var(--bg2);
  margin-bottom: 15px;
  padding: 10px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  border: solid 1px transparent;
  transition: all .3s;
}

html.dark .update_block {
  border: 1px solid var(--bg_lighter);
}

.update_block:hover {
  border: solid 1px var(--primaryColor) !important;
}

.update_block a {
  display: flex;
  align-items: center;
  gap: 15px;
  color: var(--text);
}

.update_block a img {
  width: 70px;
  height: auto;
  aspect-ratio: 2 / 3;
  border-radius: 8px;
  min-width: 70px;
}

.update_block__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.update_block .txt_flow {
  font-size: 15px;
  font-weight: 600;
}

.update_block span::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--primaryColor);
  display: block;
  position: relative;
  top: -1px;
}

.update_block span {
  font-size: 13px;
  font-weight: 400;
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.actors_background {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -2;
  height: 400px;
  background-image: url('./images/actors_bg.webp');
  filter: blur(10px);
  background-size: cover;

}

.actors_background_overlay {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  height: 470px;
  background: linear-gradient(0deg, var(--bg), #0000008f);
}

.comment_empty {
  text-align: center;
  color: var(--text);
  font-size: 18px;
  background: var(--bg2);
  margin-bottom: 40px;
  padding-bottom: 10px;
  border-radius: 9px;
  margin-top: 50px;
}

.comment_empty path {
  fill: var(--primaryColor);
}

.must-log-in {
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  color: var(--text);
  background: var(--bg_lighter);
  font-size: 15px;
  margin: 0 auto;
}

.must-log-in a {
  background: var(--bg);
  color: var(--text);
  border-radius: 10px;
  padding: 5px 10px;
  font-size: 15px;
  margin: 0 9px;
}

html.dark .year_input {
  background: var(--bg_lighter) !important;
  color: #6881aa !important;
}

.year_input {
  height: 53px;
  padding-right: 19px;
  padding-left: 19px;
  display: flex;
  align-items: center;
  background: var(--bg);
  border: none;
  border-radius: 20px;
  color: var(--text);
  outline: none;
  width: 130px;
}

.year_input::placeholder {
  color: #fff;
}

.darker_mobile {
  background: #131414;
  flex: 1;
}

.toast {
  z-index: 99999999999 !important;
}

.post_info__container {
  display: flex;
  justify-content: space-between;
}

.post_info__container .post_details {
  width: calc(100% - 250px);
}

.post_info__container .post_image {
  width: 210px;
}

.pwa_alert {
  background: #fff;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9999999999999999999;
  display: none;
  text-align: center;
}

.pwa_alert .inner {
  margin: auto;
  padding: 15px;
}

.pwa_alert .app_icon {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 10px;
}

.pwa_alert p {
  font-size: 15px;
  font-weight: 500;
  padding-bottom: 20px;
  border-bottom: solid 2px var(--primaryColor);
}

.pwa_alert .intall_guide {
  margin-top: 20px;
  list-style: none;
  flex-direction: column;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  gap: 20px
}

.pwa_alert .close_pwa {
  position: fixed;
  bottom: 10px;
  width: calc(100% - 20px);
  right: 10px;
  background-color: var(--primaryColor);
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 15px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  outline: none;
  border: none;
}

@media only screen and (max-width: 1100px) {
  .pwa_alert {
    display: flex;
  }
  .kelaket_plans__item{
    width: 100% !important;
  }
}

.panel_notfound {
  color: var(--text);
}

.sepidar_mega_menu_wrap {
  background: var(--pureWhite) !important;
}

.sepidar_mega_menu_wrap a {
  padding: 0;
}

.sepidar_mega_menu_wrap li {
  display: flex !important;
}

.has_mega_menu .sub-menu {
  width: 100% !important;
  padding: 20px !important;
  border-radius: 20px !important;
}

.has_mega_menu .sub-menu:before {
  border-width: 0 10px 10px 10px !important;
  border-color: transparent transparent #10101482 transparent !important;
  top: -10px !important;
  right: 31px !important;
}

.top_nav {
  flex: 1;
}

.has_mega_menu .sub-menu li {
  width: 33%;
  display: inline-flex !important;
  padding: 0px !important;
}

.has_mega_menu .sub-menu li a {
  font-size: 13px;
  transition: all 0.3s;
  padding: 6px;
  position: relative;
}

.has_mega_menu .sub-menu li::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50px;
  background: var(--primaryColor);
  display: inline-block;
  margin: 0 3px;
  position: relative;
  top: 12px;
}

.has_mega_menu .sub-menu li a:hover {
  color: var(--primaryColor);
  margin-right: 5px;
}

.has_mega_menu .sub-menu li:hover {
  background: none !important;
}

.menu-item i {
  margin-left: 5px;
  position: relative;
  top: 1px;
}

.trailer_video {
  /* border: solid 1px var(--bg_lighter); */
  border-radius: 5px;
}

.d_1 {
  color: var(--text) !important;
}

/* .rcp_gateway_fields{
  background: var(--bg);
  margin: 10px;
  border-radius: 5px;
  padding: 10px;
} */

#rcp_payment_gateways {
  display: flex;
  flex-direction: column;
}

#rcp_payment_gateways .rcp_gateway_option_label {
  padding: 10px;
}

.rcp_gateway_option_input {
  outline: none;
  padding: 16px 22px;
  border: 1px solid #dadce0;
  font-size: 18px;
  border-radius: 5px;
}

.page .page__heading h1 {
  color: var(--text);
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 20px;
}

.post_page,
.post_page p,
.post_page li {
  font-size: 15px;
  line-height: 1.9;
}

.g-recaptcha {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.post_comfort {
  margin-bottom: 50px;
  margin-top: 50px;
}

/* bg style 1 */
.post_comfort__bg {
  margin-bottom: 40px;
  background: var(--bg2);
  padding: 15px;
  border-radius: 13px;
}

/* bg style2 */
.post_comfort__bg2 {}

.post_comfort__bg2 .post_comfort__details {
  padding: 10px 20px;
  background: var(--bg2);
  border-radius: 13px;
  margin-right: 30px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.post_comfort .post_comfort_divider {
  position: absolute;
  height: 110px;
  fill: var(--bg2);
  right: -80px;
  top: 50%;
  transform: translateY(-50%);
}

.post_comfort__bg2 .story {
  border-bottom: none !important;
}

.post_comfort__image {
  width: 250px;
}

.post_comfort__image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.post_comfort__details h2 {
  color: var(--text);
  font-size: 1.3rem;
  transition: all .3s;
}

.post_comfort__details h2:hover {
  color: var(--primaryColor);
}

.post_comfort .title .score {
  direction: ltr;
  color: var(--text);
}

.post_comfort .title .score .big {
  color: rgb(239, 192, 26);
  font-size: 2rem;
  letter-spacing: -3px;
}

.post_comfort .title .score .fixed {
  font-size: 1.1rem;
}

.post_comfort__details .meta {
  color: var(--text);
  /* opacity: .8; */
  flex-wrap: wrap
}

.post_comfort__details .meta .meta_item {
  color: #bec8ec;
  font-size: 15px;
}

.post_comfort__details .meta .meta_item a {
  color: var(--text);
  transition: all .3s;
}

.post_comfort__details .meta .meta_item a:hover {
  color: var(--primaryColor);
}

.post_comfort__details .meta .meta_item::after {
  content: '___';
  position: relative;
  top: -3px;
  right: 5px;
  color: #bec8ec;
}

.post_comfort__details .meta .meta_item:last-of-type:after {
  content: '';
}


.post_comfort__details .meta_second_row {
  margin: 20px 0;
}

.post_comfort__details .meta_second_row .genre a {
    color: var(--primaryColor);
    border: solid 1px var(--primaryColor);
    border-radius: 50px;
    padding: 2px 10px;
    font-size: 15px;
    transition: all .3s;
    margin-bottom: 5px;
    display: inline-block;
}


.post_comfort__details .meta_second_row .genre a:hover {
  background: var(--primaryColor);
  color: #fff;
}

.post_comfort__details .story {
  border-top: solid 2px rgba(74, 74, 89, 0.51);
  border-bottom: solid 2px rgba(74, 74, 89, 0.51);
  padding: 10px 0;
  color: #bec8ec;
  margin-top: 10px;
}

.post_comfort__details .story p {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.8;
}


.misc_meta__row {
  color: #bec8ec;
  margin-bottom: 10px;
  font-size: 15px;
}

.misc_meta__row a {
  color: var(--text);
  font-size: 15px;
  transition: all .3s;
}

.misc_meta__row a:hover {
  color: var(--primaryColor);
}

.post_comfort .post_comfort__image--overlay {
  left: 0;
  margin: 10px;
}

.post_comfort .post_comfort__image--overlay .simplefavorite-button {
  width: 40px;
  transition: all .3s;
  border-radius: 50px;
  background: #00000082;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.post_comfort .post_comfort__image--overlay .simplefavorite-button:hover {
  background: var(--primaryColor);
}

.post_comfort .seprator_before::before {
  content: '___';
  position: relative;
  top: -3px;
  left: 5px;
  color: #bec8ec;
}

.mal_blue {
  color: #2e51a2 !important;
}

.post_comfort .download {
  color: var(--primaryColor);
  margin-right: 10px;
}

.post_comfort .badges_new {
  flex-grow: 1;
}

.post_comfort .badges_new i {
  border-radius: 50px !important;
  width: 45px;
}

.kelaket_genre_tab {
  background: var(--bg_lighter);
  padding: 5px 6px;
  border-radius: 5px;
  margin-bottom: 10px;
}

.kelaket_genre_tab button.active {
  background: var(--primaryColor) !important;
  margin-bottom: 0px !important;
}

.kelaket_genre_tab button.active::after {
  display: none !important;
}

.kelaket_genre_tab button {
  border-radius: 3px !important;
  padding: 5px 10px;
}

.fancybox-container {
  z-index: 9999999999999 !important;
}

/* VIP System styles  */
.kelaket_plans {
  padding: 20px 20px;
  flex-direction: row;
  flex-wrap: wrap;
}


.kelaket_plans__item {
  background: var(--bg_darker2);
  width: calc(25% - 20px);
  margin: 10px;
  text-align: center;
  padding: 40px 20px;
  border-radius: 20px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.kelaket_plans__item .icon {
  margin-bottom: 10px;
  font-size: 35px;
  color: var(--primaryColor);
}

.kelaket_plans__item .time {
  display: inline-block;
  background: var(--bg);
  padding: 5px 20px;
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 20px;
  border-radius: 50px;
}

.kelaket_plans__item .time span {
  color: var(--primaryColor);
}

.kelaket_plans__item .before_discount_price {
  position: relative;
  font-size: 20px;
  opacity: .8;
}

.kelaket_plans__item .before_discount_price::before {
  content: "";
  height: 1px;
  background-color: #fff;
  width: 70px;
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%) rotate(-15deg);
}

.kelaket_plans__item .price_now {
  font-size: 50px;
}

.kelaket_plans__item .price {
  margin-bottom: 20px;
}

.kelaket_plans__item .price_now .currency {
  font-size: 15px;
  margin: 0 5px;
}

.kelaket_plans__item .plan_checkout {
  margin-top: auto;
  width: 90%;
}

.kelaket_plans__item .plan_checkout a {
  border: solid 1px var(--primaryColor);
  border-radius: 10px;
  padding: 10px 30px;
  color: var(--primaryColor);
  font-size: 16px;
  /* font-weight: 200; */
  display: block;
  text-align: center;
  margin: 0 auto;
  transition: all .3s;
}

.kelaket_plans__item .plan_checkout a:hover {
  background: var(--primaryColor);
  color: #fff;
}

.kelaket_checkout {
  border-radius: 15px;
  background: var(--bg_darker);
  margin: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
}

.kelaket_checkout .time {
  display: inline-block;
  background: var(--bg_darker);
  padding: 5px 20px;
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 20px;
  border-radius: 50px;
  margin: 0 auto;
}

.kelaket_checkout .plan_data {
  background: var(--bg2);
  border-radius: 20px;
  margin: 20px 20px 20px;
}

.kelaket_checkout .plan_data ul {
  margin-bottom: 0;
  padding: 20px;
}

.kelaket_checkout .plan_data ul li {
  border-bottom: solid 1px #dddddd29;
  list-style: none;
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
}

.kelaket_checkout .plan_data ul li:last-of-type {
  border: none;
}

.kelaket_checkout .ticket_seprator {
  margin: 30px 0;
  position: relative;
}

.kelaket_checkout .ticket_seprator::before {
  content: '';
  border: dashed 1px var(--bg2);
  width: 100%;
  display: flex;
}

.kelaket_checkout .ticket_seprator .right_dot {
  width: 25px;
  height: 25px;
  background: var(--bg2);
  position: absolute;
  right: -24px;
  border-radius: 50px;
  top: -12px;
}

.kelaket_checkout .ticket_seprator .left_dot {
  width: 25px;
  height: 25px;
  background: var(--bg2);
  position: absolute;
  left: -24px;
  border-radius: 50px;
  top: -12px;
}

.kelaket_checkout .discount {
  border-radius: 20px;
  margin: 20px 20px 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.kelaket_checkout .discount i {
  margin-left: 5px;
}

.kelaket_checkout .discount .title {
  font-size: 14px;
  color: #ffffffb3;
}
.kelaket_checkout .discount .head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--bg2);
  padding: 20px;
  cursor: pointer;
}
.kelaket_checkout .seprator i{
  width: 25px;
  height: 25px;
  background: var(--bg);
  border-radius: 50px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kelaket_checkout .body{
  padding: 20px;
  border: solid 1px var(--bg2);
  border-radius: 0 0 20px 20px;
}

.discount_form{

}

.discount_form input{
  background: var(--bg);
  border: solid 1px #dddddd24;
  border-radius: 10px;
  padding: 5px 20px;
  color: #fff;
  outline: none;
  margin: 0 10px;
}

.discount_form .submit_ajax_discount{
  background: var(--primaryColor);
  color: #fff;
  border: none;
  padding: 8px 20px;
  margin: 0 10px;
  border-radius: 10px;
  font-size: 14px;
}

.kelaket_checkout .process_checkout_button{
  background: #66ccaa;
  color: var(--bg_darker2);
  border: solid 1px #66ccaa !important;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 20px;
  border: 0;
  border-radius: 15px;
  margin: 10px 20px;
  transition: all 0.3s;
}

.kelaket_checkout .process_checkout{
  text-align: left;
}

.gateway_select__wrap {
  margin: 20px 20px;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}

.gateway_select__wrap .gateway_selct{

}

.gateway_select__wrap .gateway_selct ul{
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
}

.gateway_select__wrap .gateway_selct li{
  display: flex;
  background: var(--bg);
  padding: 5px;
  min-width: 100px;
  height: 100px;
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  border: solid 1px var(--bg);
  font-size: 13px;
}

.gateway_select__wrap .gateway_selct li.active{
  border-color: var(--primaryColor);
}

.gateway_select__wrap .gateway_selct li img{
  width: auto;
  height: 40px;
  max-width: 90px;
  margin-bottom: 4px;
  border-radius: 10px;
}

.vpn_message{
  margin-bottom: 10px;
  color: var(--text);
}

.vpn_message button{
  background: transparent;
  border: solid 1px var(--primaryColor);
  color: var(--primaryColor);
  padding: 10px 20px;
  margin: 0 20px;
  border-radius: 10px;
  transition: all .2s;
}

.vpn_message button:hover{
  background: var(--primaryColor);
  color: #fff;
}

.widget  .custom-html-widget{
  padding: 10px;
}

.widget .tagcloud{
  padding: 15px;
}