@font-face {
  font-family: "Iransans";
  font-weight: 400;
  src: url(../fonts/iransans/IRANSansWeb.eot) format("truetype"), url(../fonts/iransans/IRANSansWeb.ttf) format("embedded-opentype"), url(../fonts/iransans/IRANSansWeb.woff) format("woff"), url(../fonts/iransans/IRANSansWeb.woff2) format("woff2");
}
@font-face {
  font-family: "iransans-medium";
  font-weight: 700;
  src: url(../fonts/iransnas-medium/iransans-medium.eot) format("embedded-opentype"), url(../fonts/iransnas-medium/iransans-medium.ttf) format("truetype"), url(../fonts/iransnas-medium/iransans-medium.woff) format("woff"), url(../fonts/iransnas-medium/Iransans-medium.woff2) format("woff2");
}
@font-face {
  font-family: "Kalame";
  src: url(../fonts/kalame/iranfontkalameh.ttf) format("truetype"), url(../fonts/kalame/iranfontkalameh.eot) format("embedded-opentype"), url(../fonts/kalame/iranfontkalameh.woff) format("woff"), url(../fonts/kalame/iranfontkalameh.woff2) format("woff2");
}
@font-face {
  font-family: "Sahel-bold";
  font-weight: bold;
  src: url(../fonts/sahel-bold/Sahel-Bold-FD.ttf) format("truetype"), url(../fonts/sahel-bold/Sahel-Bold-FD.eot) format("embedded-opentype"), url(../fonts/sahel-bold/Sahel-Bold-FD.woff) format("woff"), url(../fonts/sahel-bold/Sahel-Bold-FD.woff2) format("woff2");
}
@font-face {
  font-family: "Sahel-normal";
  font-weight: 400;
  src: url(../fonts/sahel-medium/Sahel-FD.ttf) format("truetype"), url(../fonts/sahel-medium/Sahel-FD.eot) format("embedded-opentype"), url(../fonts/sahel-medium/Sahel-FD.woff) format("woff"), url(../fonts/sahel-medium/Sahel-FD.woff2) format("woff2");
}
@font-face {
  font-family: "Vazir-bold";
  font-weight: 900;
  src: url(../fonts/vazir-bold/Vazir-Bold-FD.ttf) format("truetype"), url(../fonts/vazir-bold/Vazir-Bold-FD.eot) format("embedded-opentype"), url(../fonts/vazir-bold/Vazir-Bold-FD.woff) format("woff"), url(../fonts/vazir-bold/Vazir-Bold-FD.woff2) format("woff2");
}
@font-face {
  font-family: "Vazir-normal";
  font-weight: 400;
  src: url(../fonts/vazir-medium/Vazir-Medium-FD.ttf) format("truetype"), url(../fonts/vazir-medium/Vazir-Medium-FD.eot) format("embedded-opentype"), url(../fonts/vazir-medium/Vazir-Medium-FD.woff) format("woff"), url(../fonts/vazir-medium/Vazir-Medium-FD.woff2) format("woff2");
}
@font-face {
  font-family: "Yekan";
  font-weight: normal;
  src: url(../fonts/yekan-medium/Yekan.eot) format("embedded-opentype"), url(../fonts/yekan-medium/Yekan.svg) format("svg"), url(../fonts/yekan-medium/Yekan.ttf) format("truetype"), url(../fonts/yekan-medium/Yekan.woff) format("woff");
}
@font-face {
  font-family: "Bebas";
  src: url(../fonts/Bebas/Bebas-Regular.woff) format("woff");
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.orange {
  color: #ff7555 !important;
}

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

.yellow {
  color: #ffc107 !important;
}

.purple {
  color: #aa7df2 !important;
}

.green100 {
  color: rgba(3, 192, 60, 0.9019607843) !important;
}

.red100 {
  color: rgba(244, 67, 54, 0.9019607843) !important;
}

.blue-100 {
  color: #6898f8 !important;
}

.panel-green-class {
  color: rgba(3, 192, 60, 0.9019607843);
}

.panel-red-class {
  color: rgba(244, 67, 54, 0.9019607843);
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block {
  display: block;
}

.title {
  font-family: "iransans-medium", sans-serif, Tahoma, Arial, Helvetica, sans-serif;
}

::-moz-selection {
  background: #6898f8;
  color: #f5f5f5;
}

::selection {
  background: #6898f8;
  color: #f5f5f5;
}

::-moz-selection {
  background: #6898f8;
  color: #f5f5f5;
}

*,
*::after,
*::before {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

* {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

ul[role=list],
ol[role=list] {
  list-style: none;
}

ul li {
  list-style: none;
}

img,
picture {
  display: block;
  image-rendering: auto;
  -webkit-image-rendering: auto;
  -ms-image-rendering: auto;
  max-width: 100%;
  object-fit: cover;
  -o-object-fit: cover;
  -moz-object-fit: cover;
  -webkit-object-fit: cover;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  -ms-user-drag: none;
}

input,
button,
select,
textarea {
  font: inherit;
  border: none;
  outline: none;
}

html,
body {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  direction: rtl;
  text-align: right;
  text-rendering: optimizeLegibility;
}

html {
  scrollbar-face-color: #fa697c;
  scrollbar-face-color: linear-gradient(145deg, #fa9f6f, #fa697c);
  scrollbar-shadow-color: rgba(16, 16, 20, 0.8705882353);
  scrollbar-highlight-color: #6898f8;
  scrollbar-width: 2px;
}

/* Only FireFox scroll*/
html {
  scrollbar-color: #6898f8 #23232b;
}

body {
  color: #bbc1c6;
  background: #0f0f0f;
  font: 16px "Iransans", Tahoma, Arial, Helvetica, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: rgba(50, 50, 50, 0.5);
  border-radius: 2rem;
  margin-block: 0.4rem;
}

::-webkit-scrollbar-thumb {
  background: #fa697c;
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
  border-radius: 2rem;
}

a:link,
a:visited,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
}

video {
  width: 100%;
  height: auto;
  border-radius: 4px !important;
  position: relative;
}

.margin {
  padding-top: 5rem;
  background: #1d1c22;
}

.p-title {
  color: #f5f5f5;
  margin-bottom: 1rem;
  font-size: 1.3rem;
  font-family: "iransans-medium";
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .p-title {
    display: none;
  }
}

.circle-shadow, .loader-circle {
  width: 30px;
  height: 30px;
  border-radius: 100vw;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  margin: 0 1rem;
}

.edit-profile-container, .remember-me-inner, .tools-cr, .post-money-free-cr, .panel__pagination .panel__pages, .sort-lists-button, .analytics-tr li, .panel__main__container .sidebar, .blog__post__aside .new__post__link, .blog__post__main__section .article__body .quote, .blog__tags__container, .form-control-container, .req__posts__text, .req__posts, .allComments__cr #allComments, .auther__email__btn, .timeString, .socials ul, .footer-bg .footer-second-nav .form-control #newsletter-inp, .main-aside .dubbed-options, .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-time-country-score, .articles-container .main-articles .main-post, .desktop-searchbox .desktop-searchbox-form, .loader__container #loaderone,
.loader__container #loadertwo,
.loader__container #loaderthree, .loader-shadow-container, .loader-circle-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ticket-send-btn a, .upload-avatar-container-child, .tools-cr .tool input:not([type=url]), .custom-radio-button .post-type-radio, .additem-input,
#post-info-input, .addnew__item, .panel-search-form-cr input, .sort-list-bar span, .panel__copy__right__text, .top-choises-articles-blog .post__date__time, .top-choises-articles-blog .read__more__button a, .most__view__container .most__view__link, .last__posts__container .last__post__text a, .main-blog-post .last__posts__blog, .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a, .form-control-container .contact__us__form .form-control .contact-us-line, .form-control-container .contact__us__form .form-control input,
.form-control-container .contact__us__form .form-control textarea, .req__posts__text .req__posts__downloadbox .req__post__btn a, .contact__us__btn, .footer__comment__btn #submit__comment__footer, #UserNameErr,
#UserEmailErr, .comment__below__form .add__comment__label, .comment__below__form, .screening-badge span, .post__relatedes__cr .post__related h1::before, .sell__serials__container .sell__serials .serial__or__film__btns .buttons__cr a, .post__video__info .video__container .video-play-btn, .next-movie a, .footer-bg .footer-second-nav .form-control #newsletter-inp button, .footer-bg .footer-second-nav .form-control #newsletter-inp input, .footer-bg .footer-nav .footer-nav-links ul a, .footer .footer-left-aside a, .footer .footer-section .footer-right-aside .req-software .footer-text a, .movie-info-inner button, .movie-info-inner p::before, #imdb-cr .link-btn,
#collection-cr .link-btn,
#marvel-cr .link-btn,
#dc-cr .link-btn,
#oscar-cr .link-btn,
#nostalgia-cr .link-btn, .search-filter .form-group-control .cr-container label span, .search-filter .form-group-title a, .search-filter .FilterBoxBtn, .main-aside .dubbed-options .fa-film-dubbed a,
.main-aside .dubbed-options .fa-animation-dubbed a, .main-aside .updates-and-search-btn .tabs-container div a, .articles-container .main-articles .pagination ul li a, .articles-container .main-articles .main-post .post-info .post-meta .tags-horzontal-line, .dropdown-desktop-menu a, .menu-with-dropdown:hover .dropdown-desktop-menu, .menu-with-dropdown, .view-all-videos-mobile a, .mobile-navbar .mobile-navigation-items .mobile-menu-collapse .mobile-link-item a, .mobile-navbar .mobile-navigation-items .mobile-menu-title a, .vip-btn, .navlinks-title a, .navlinks-title {
  display: block;
}

.blog__post__aside .related__posts .related__post__info time, .blog__post__aside .new__post__link .news__post__text__cr p:first-child,
.blog__post__aside .new__post__link .news__post__text__cr time, .blog__post__main__section .writer__info .writer__post__links a, .custom__toggle__inner, .blog__tags__container li a, #view-all-blog-posts a, .comments__container__class .comments__inner__cr .cm__title__btn button span, .film__collection .film__collection__inner .collection__info a, .post__header .post-meta .tag__line, .search-filter .form-group-control .cr-container label, .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-btn-con a, .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-btn-con, .badge {
  display: inline-block;
}

.upload-avatar-image, .icon-editor .icons li, .image-upload-section input, #open-tools, .custom-radio-button input, .addPostLastSec #uploaded-video-input, .img-form-control .image-upload-section input, .mobile__panel__header, .toggle__cr label input[type=checkbox], .err__box p, #mobile-timer, .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .download__serial__btn .play__online span:last-child, .post__header .like__dislike__section .mob__likes, .closeSearchFilter, .search-filter .form-group-control .cr-container label input[type=radio], .articles-container .main-articles .article-header, .desktop-searchbox .closeSearchBox, .MobileSearchbox-icon-Container, .mobile-navbar .mobile-menu-plus-icon span, .mobile-navbar, .mask, .mobile-menu-icon {
  display: none;
}

.col-4-inputs .form-control, .website-analytics-cr, .main-aside {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24%;
          flex: 0 0 24%;
  max-width: 24%;
}

.col-6-inputs .form-control, .analytics-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 49%;
          flex: 0 0 49%;
  max-width: 49%;
}

.panel-other-page {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.ticket-send-section, .user__name, .panel-form, .icon-select-box, .social-editor-container .socials ul, .panel__main__container .sidebar, .blog__post__aside .new__post__link, .allComments__cr #allComments, .footer .footer-left-aside, .top-choices-video-overlay, .loader3 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.notification-box div, .user__profile, .social-editor-container .socials ul .edit-socials, .social-editor-container .socials, .panel__page__title h1, .panel-header-left-aside, .analytics-right-title,
.analytics-left-title, .admin__pages__action li, .admin__actions li a, .blog__post__main__section .previus__post__next__post .previus__post,
.blog__post__main__section .previus__post__next__post .next__post, .blog__post__main__section .writer__info .write__info__box, .blog__post__main__section .writer__info, .blog__post__main__section .article__tag__share .article__share__nav, .blog__post__main__section .article__tag__share .article__tags, .custom__toggle, .toggle__cr label, .last__posts__container .post__comment__length, .LikeDislike__cr, .DateNameIcon__cr, .post__relatedes__cr .post__related h1, .post__header .like__dislike__section .like__cr, .post__header .likes, .footer .footer-section .footer-right-aside .req-software, .movie-info-inner p, .main-aside .dubbed-section .dubbed-mic, .articles-container .main-articles .main-post .post-info .post-meta-tags, .articles-container .main-articles .main-post .post-info .post-meta, .articles-container .main-articles .main-post .post-info .post-title-container span, .articles-container .main-articles .main-post .post-info .post-title-container, .navigation-items, .header, .loader__container .loader__cr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.icon-editor .icons, .social-editor-container .socials, .emojy-cr, .tools-cr, .badges-selector, .col-6-inputs, .col-4-inputs, .upload-p-container, .website-analytics-last-cr, .website__analytics, .panel__page__title, .blog__tags__container, .last__posts__container, .WrapCmDiv, .breadcrumb__container .breadcrumb__lists, .main-aside .serials-container, .articles-container .main-articles .pagination ul, .top-choices-items, .navigation-items {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.balance-action-buttons, .ticket-send-section, .profile-image, #submit-profile-edited, .empty-box-image, .close-notification-bar, .notification-counts, .user__name, .panel-form, .panel-form-container .sending-animation, .panel-form-container .panel-form-inner, .panel-form-container, .close-select-box, .icon-select-box, .icon-editor .icons, .upload-user-avatar, #article-upload-bg i, #article-upload-bg, .emojy-cr, .tools-cr .tool label, .sending-form-animation, .sereis-cover-bg, .img-form-control #post-uploaded-background, .panel__pagination .panel__pages li a, .admin__post__actions a, .panel__page__title .panel__header__button, .admin__i, .admin__name, .img-parent-node, .blog__post__main__section .writer__info .write__info__box .writer__img__container .best__writer__badge i, .blog__post__main__section .article__tag__share .article__share__nav li a, .blog__post__main__section .article__body .quote blockquote i, .blog__post__main__section .article__body .article__img .close-img-zoom, .blog__post__main__section .blog__post__infography, .blog__post__btn__container .blog__post__btns li a, .blog__tags__container li, .last__posts__container .last__post__img, .succesfull__Msg, .sendSucceseFullAnimation, .btn-form-cr, .screening-badge span, .sell__serials__container .sell__serials button, .post__header .likes .like__cr, .post__header .likes .imdb__score, .sussces-email-msg p, .sussces-email-msg, .socials ul .socials-cr, .footer-bg .footer-second-nav .form-control #newsletter-inp .newsletter-err, .footer .footer-left-aside a .social-icons .arrow-social, .footer .footer-left-aside, .footer .footer-section .footer-right-aside .req-software .footer-box, #imdb-cr .score-length,
#collection-cr .score-length,
#marvel-cr .score-length,
#dc-cr .score-length,
#oscar-cr .score-length,
#nostalgia-cr .score-length, .main-aside .dubbed-section .dubbed-img-container, .articles-container .main-articles .pagination ul, .undoDeletePost span, #header-banner a, #header-banner .close__banner, #header-banner #Update-banner, .loader3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.edit-profile-container .form-control, .notification-box, .user-notification-title, .catch-code-cr, .social-editor-container, .col-6-inputs, .col-4-inputs, .upload-p-container, .analytics-title, .website-analytics-last-cr, .website-analytics-count, .website__analytics, .panel__page__title, .admin__info, .panel__left__logo .panel__logo .panel__link, .blog__post__aside .related__posts, .blog__post__main__section .previus__post__next__post, .blog__post__main__section .article__tag__share, .main-blog-post .blog__posts__title, .error__page__cr .Err__pAGE, .WrapCmDiv, .comments__container__class .comments__inner__cr .cm__title__btn, .screening-badge, .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner, .post__video__info, .post__header .post-meta, .next-movie, .footer-bg .footer-second-nav, .footer .footer-left-aside a .social-icons .social-text, .footer .footer-left-aside a .social-icons, .footer .footer-section, .main-aside .serial-container .serial-overlay, .main-aside .serial-updates, .main-aside .serials-container, .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container, .mobile-nav-header, .desktop-navbar .desktop-navbar-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer .footer-section .footer-right-aside, .main-aside .updates-and-search-btn .tabs-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.top-choices-video-overlay, .loader__btn__cr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.analytics-tr, .blog-post-main-container .blog-post-container, .last__posts__container, .footer-bg .footer-nav, .Ofyear-Unyear, .articles-container .articles-aside, .top-choices-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.user-balance-alert, [data-movie-container], .tools-cr .tool input:not([type=url]), .main__section .main__posts__cr .main__post__cr__link .read__more__text, .sussces-email-msg, .panelAlert, .loader-bg .mid-circle, .loader-bg .loader-circle-2, .loader-bg, .loader-shadow-container, .loader-circle-container, .loader {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.add-new-post-btn::after, [data-image-hover-effect]::after, .blog__post__main__section .writer__info .writer__post__links a::after, .blog__post__main__section .article__tag__share .article__share__nav li a::after, .post__header__bg, .post__header__cover {
  inset: 0;
}

.panel-form-container .sending-animation, .sending-form-animation, .img-parent-node, .mobile-navbar, .mask, .panelMask, #header-banner, .header, .loader-parent {
  position: fixed;
  inset: 0;
}

.close-movie-data-cr, .user__actions, .notification-counts, .beam, .view-password, .panel-form .form-control .form-legend, .close-select-box, .pasteUrl-input .add-new-post-btn, .emojy-cr, .custom-radio-button .post-type-radio, .uploading-loader, .upload-post-icon, .placeholder, [data-clear-tag-tooltip]::after,
[data-clear-tag-tooltip]::before, .selectable-list, .select-box-inp::after, [data-lock-button-text]::after,
[data-view-post]::after,
[data-edit-post]::after,
[data-delete-text]::after,
[data-lock-button-text]::before,
[data-view-post]::before,
[data-edit-post]::before,
[data-delete-text]::before, .panel-search-form-cr .magni-icon, .sort__table__lists, .blog__post__aside .title svg, .blog__post__aside svg, .blog__post__main__section .writer__info .write__info__box .writer__img__container .best__writer__badge::after, .blog__post__main__section .writer__info .write__info__box .writer__img__container .best__writer__badge, .blog__post__main__section .article__tag__share .article__share__nav::after, .blog__post__main__section .article__tag__share .article__share__nav::before, .blog__post__btn__container .blog__post__btns li a .sticky-buttons-tooltip, .last__posts__container .post__comment__length::after, .last__posts__container .post__comment__length, .main__section .main__posts__cr .main__posts__link, .scroll-top-button::after, .form-control-container .contact__us__form .form-control label, .PostComment__Animation, .film__collection .film__collection__inner .collection__bg, .footer-bg .footer-second-nav .form-control #newsletter-inp .newsletter-err, .movie-info-inner button, #imdb-cr .score-length,
#collection-cr .score-length,
#marvel-cr .score-length,
#dc-cr .score-length,
#oscar-cr .score-length,
#nostalgia-cr .score-length, .Ofyear-Unyear .of-year .form-group-control,
.Ofyear-Unyear .un-year .form-group-control, .search-filter .form-group-control .cr-container label span, .main-aside .serial-container .serial-overlay, .main-aside .updates-and-search-btn .aside-tab, .dropdown-desktop-menu, .mobile-navbar .mobile-menu-plus-icon span:last-child, .mobile-navbar .mobile-menu-plus-icon, .undoDeletePost span, .panelAlert button::after, .panelAlert button::before, #header-banner .close__banner, .loader__container .loader-bg, .loader__container #loaderone,
.loader__container #loadertwo,
.loader__container #loaderthree, .loader3 .loader-film-strip .loader-film-strip-inner {
  position: absolute;
}

.send-ticket-container .form-control, #notification-icon, #user-panel-page-title, .remember-me-inner, .panel-form .form-control, .panel-form-control, .icon-editor, .social-editor-container .socials ul .edit-socials, .pasteUrl-input, .tools-cr, .add-new-post-btn, .coming__soon__img, .custom-radio-button, .addPostLastSec label, .dataTag, .col-6-inputs, .select-box-inp, .img-form-control .image-upload-section, .upload-p-container .form-control:not(.img-form-control), #panel-header-dropdown, .admin__post__actions a, .panel-search-form-cr, .sort-lists-button, .analytics-container, .admin__pages__action li, .blog__post__aside .related__posts .post-related-img, .blog__post__aside .new__post__container .new__post__img, .blog__post__aside .title, .blog__post__aside, .img-zoom-effect, .blog__post__main__section .writer__info .writer__post__links a, .blog__post__main__section .writer__info .write__info__box .writer__img__container, .blog__post__main__section .article__tag__share .article__share__nav li a, .blog__post__main__section .article__tag__share .article__share__nav, .blog__post__main__section .blog__post__img img, .blog__post__main__section, .blog__post__btn__container .blog__post__btns li a, .blog__post__btn__container, .top-choises-articles-blog .read__more__button a, .most__view__container .most__view__link .most__view__img, .custom__toggle__inner, .blog__tags__container li a, .last__posts__container .last__post__img, .last__posts__container .last__posts__cr, .main__section .main__posts__cr, .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a, .err__shapes__cr, .succesfull__Msg p, #contactus-btn, .form-control-container .contact__us__form .form-control .contact-us-line, .form-control-container .contact__us__form .form-control, .form-control-container, .footer__comment__btn #submit__comment__footer, .comment__below__form, .breadcrumb__container .breadcrumb__lists li, .film__collection .film__collection__inner, .sell__serials__container .sell__serials, .post__video__info .video__container, .full__page__video video, .next-movie, .footer-bg .footer-second-nav .form-control #newsletter-inp button, .footer-bg .footer-second-nav .form-control #newsletter-inp, .footer-bg .footer-nav .footer-nav-links h1, .footer-bg, #imdb-cr .link-btn,
#collection-cr .link-btn,
#marvel-cr .link-btn,
#dc-cr .link-btn,
#oscar-cr .link-btn,
#nostalgia-cr .link-btn, .Ofyear-Unyear .of-year,
.Ofyear-Unyear .un-year, .search-filter .form-group-control .cr-container label, .search-filter, .main-aside .dubbed-section .dubbed-img-container, .main-aside .serial-container, .main-aside .updates-and-search-btn, .articles-container .main-articles .main-post, .video-thumbmail, .menu-with-dropdown, .mobile-navbar .mobile-navigation-items .mobile-menu-title, .vip-btn, .panelAlert button, .desktop-searchbox .desktop-searchbox-form, .loader__container .loader__cr, .loader3 .loader-film-strip {
  position: relative;
}

.user__notification, .mobile__panel__header, .panel__main__container .sidebar, .blog__post__main__section .article__body .article__img .close-img-zoom, .scroll-top-button, .succesfull__Msg, .undoDeletePost, .Suc-alert {
  position: fixed;
}

[data-clear-tag-tooltip]::before, .blog__post__main__section .article__tag__share .article__share__nav::before, .form-control-container::after, .footer__comment__btn #submit__comment__footer::after, .footer__comment__btn #submit__comment__footer::before, .post__relatedes__cr .post__related h1::before, .contant__us__tel p a::after, .contant__us__tel p a::before, .movie-info-inner p::before, #header-banner .close__banner::after, #header-banner .close__banner::before, .custom-radio-button .post-type-radio::after, .addPostLastSec label::after, .uploadImgOverlay::after, .footer-bg .footer-second-nav .form-control #newsletter-inp button::after, #imdb-cr .link-btn::after,
#collection-cr .link-btn::after,
#marvel-cr .link-btn::after,
#dc-cr .link-btn::after,
#oscar-cr .link-btn::after,
#nostalgia-cr .link-btn::after, .search-filter .form-group-control .cr-container label span:after, .mobile-navbar .mobile-navigation-items .mobile-menu-title::before, .vip-btn::before, .user__actions::after, .panel-form::after, .add-new-post-btn::after, .coming__soon__img::after, .coming__soon__img::before, .admin__pages__action li::after, [data-image-hover-effect]::after, .blog__post__aside .title::after, .blog__post__main__section .writer__info .writer__post__links a::after, .blog__post__main__section .article__tag__share .article__share__nav li a::after, .blog__post__main__section .article__body .article__img .close-img-zoom:after, .blog__post__main__section .article__body .article__img .close-img-zoom::before, .blog__post__btn__container .blog__post__btns li a .sticky-buttons-tooltip::after, .top-choises-articles-blog .read__more__button a::after, .top-choises-articles-blog .read__more__button a::before, .most__view__container .most__view__link .most__view__img::after, .blog__tags__container li a::before, .blog__tags__container li a::after, [data-post-type=video]::after, .main__section .main__posts__cr .main__post__cr__link .read__more__text::after, .main__section .main__posts__cr .main__post__cr__link .read__more__text::before, .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a::after, .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a:before, .succesfull__Msg::after, .succesfull__Msg::before, .form-control-container .contact__us__form .form-control .contact-us-line::after, .form-control-container .contact__us__form .form-control .contact-us-line::before, .breadcrumb__container .breadcrumb__lists li:not(:last-of-type)::before, .breadcrumb__container .breadcrumb__lists li:not(:last-of-type)::after, .footer-bg .footer-nav .footer-nav-links h1::after, .footer-bg .footer-nav .footer-nav-links h1::before, .main-aside .dubbed-section .dubbed-img-container::after, [data-dropdown^=true]::after, .undoDeletePost::after, .Suc-alert::after, .panelAlert button::after, .panelAlert button::before, .cancelSearchIcon::after, .cancelSearchIcon::before, .loader3 .loader-film-strip::after, .loader3 .loader-film-strip::before {
  content: "";
}

.user__actions::after, .panel-form::after, .add-new-post-btn::after, .coming__soon__img::after, .coming__soon__img::before, .admin__pages__action li::after, [data-image-hover-effect]::after, .blog__post__aside .title::after, .blog__post__main__section .writer__info .writer__post__links a::after, .blog__post__main__section .article__tag__share .article__share__nav li a::after, .blog__post__main__section .article__body .article__img .close-img-zoom:after, .blog__post__main__section .article__body .article__img .close-img-zoom::before, .blog__post__btn__container .blog__post__btns li a .sticky-buttons-tooltip::after, .top-choises-articles-blog .read__more__button a::after, .top-choises-articles-blog .read__more__button a::before, .most__view__container .most__view__link .most__view__img::after, .blog__tags__container li a::before, .blog__tags__container li a::after, [data-post-type=video]::after, .main__section .main__posts__cr .main__post__cr__link .read__more__text::after, .main__section .main__posts__cr .main__post__cr__link .read__more__text::before, .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a::after, .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a:before, .succesfull__Msg::after, .succesfull__Msg::before, .form-control-container .contact__us__form .form-control .contact-us-line::after, .form-control-container .contact__us__form .form-control .contact-us-line::before, .breadcrumb__container .breadcrumb__lists li:not(:last-of-type)::before, .breadcrumb__container .breadcrumb__lists li:not(:last-of-type)::after, .footer-bg .footer-nav .footer-nav-links h1::after, .footer-bg .footer-nav .footer-nav-links h1::before, .main-aside .dubbed-section .dubbed-img-container::after, [data-dropdown^=true]::after, .undoDeletePost::after, .Suc-alert::after, .panelAlert button::after, .panelAlert button::before, .cancelSearchIcon::after, .cancelSearchIcon::before, .loader3 .loader-film-strip::after, .loader3 .loader-film-strip::before {
  position: absolute;
}

.edit-profile-container, .panel-form-container .panel-form-inner, .blog-post-main-container .blog-post-container, .main__section .mansory__grid .mansory__grid__cr, .error__page__cr, .req__posts, .footer__comment__btn, .allComments__cr, .comments__cr, .comments__container__class, .breadcrumb__container, .actor__info__container, #mobile-timer, .mobile-timer-cr, .film__collection, .post__relatedes__cr, .sell__serials__container, .download__star, .contant__us__tel, .post__video__info, .post__header .main-post, .footer .footer-section, .articles-container, .top-choices-items, #header-banner #Update-banner, .desktop-navbar, .loader__container {
  max-width: 1320px;
}

.icon-select-box, .social-editor-container .socials, .add-new-post-btn::after, [data-image-hover-effect]::after, .img-parent-node, .blog__post__main__section .writer__info .write__info__box .writer__img__container, .most__view__container .most__view__link .most__view__img::after, .blog__tags__container li a, .err__shapes__cr .err__bg__container figure img, .err__shapes__cr .err__bg__container figure, .sendSucceseFullAnimation, .footer__comment__btn #submit__comment__footer::after, .footer__comment__btn #submit__comment__footer::before, .PostComment__Animation, .post__header__cover, .sussces-email-msg, .main-aside .dubbed-section .dubbed-img-container::after, .video-thumbmail a img, .mobile-navbar .mobile-navigation-items .mobile-menu-title::before, .mask {
  width: 100%;
  height: 100%;
}

.edit-profile-container .form-control input, #empty-box-svg, .icon-select-box li, .pasteUrl-input, .add-new-post-btn-cr, .additem-input,
#post-info-input, .img-form-control #post-uploaded-background, .addnew__item, .mobile__panel__header, .admin__actions li a, .blog__post__aside .title::after, .blog__post__aside .title svg, .blog__post__main__section .writer__info .writer__post__links, .most__view__container .most__view__link img, .most__view__container .most__view__link .most__view__img, #view-all-blog-posts a, .last__posts__container .last__post__img img, .main__section .main__posts__cr .main__posts__link, .error__page__cr .Err__pAGE, .succesfull__Msg, .form-control-container .contact__us__form .form-control .contact-us-line, .form-control-container .contact__us__form .form-control input,
.form-control-container .contact__us__form .form-control textarea, .form-control-container .contact__us__form .form-control, .req__posts__text .post__text__cr .req__img__cr img, .comment__cr, .comment__form__control:nth-child(1),
.comment__form__control:nth-child(2), .auther__email__btn, .comment__below__form textarea,
.comment__below__form input:not([type=submit]), .comment__below__form, .post__relatedes__container .related__img__cr img, .post__relatedes__cr .post__related .post__related__cr, .sell__serials__container .sell__serials .serials____cr, .post__video__info .video__container [poster], .vjs-poster, .footer-bg .footer-nav .footer-nav-links ul a, .footer-bg .footer-nav .footer-nav-links h1::after, .footer-bg .footer-nav, .footer-bg, .footer .footer-left-aside a, .Ofyear-Unyear .of-year .form-group-control,
.Ofyear-Unyear .un-year .form-group-control, .Ofyear-Unyear .of-year,
.Ofyear-Unyear .un-year, .search-filter .form-group-title a, .search-filter .search-filter-inner, .search-filter .FilterBoxBtn, .main-aside .dubbed-options .fa-film-dubbed,
.main-aside .dubbed-options .fa-animation-dubbed, .main-aside .serial-container .serial-overlay, .main-aside .serial-container .serial-thumbmail img, .articles-container .main-articles .pagination ul, .dropdown-desktop-menu a, .mobile-navbar .mobile-navigation-items .mobile-menu-collapse .mobile-link-item a, .mobile-navbar .mobile-navigation-items .mobile-menu-title a, .Suc-alert::after, .panelMask, .desktop-navbar, .loader__container .loader__cr, .loader {
  width: 100%;
}

.user__notification, .top-choises-articles-blog .read__more__button a::after, .top-choises-articles-blog .read__more__button a::before, .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a::after, .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a:before, .form-control-container::after, .footer .footer-section .footer-right-aside, .main-aside .updates-and-search-btn .aside-tab, .mobile-navbar, .vip-btn::before, .undoDeletePost span, .undoDeletePost::after, .panelAlert button::after, .panelAlert button::before, .navlinks-title, .loader__container #loaderone,
.loader__container #loadertwo,
.loader__container #loaderthree, .loader3 .loader-film-strip .loader-strip-inner, .loader3 .loader-film-strip::after, .loader3 .loader-film-strip::before {
  height: 100%;
}

.additem-input::-webkit-input-placeholder, #post-info-input::-webkit-input-placeholder {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.additem-input::-moz-placeholder, #post-info-input::-moz-placeholder {
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.additem-input:-ms-input-placeholder, #post-info-input:-ms-input-placeholder {
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.additem-input::-ms-input-placeholder, #post-info-input::-ms-input-placeholder {
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.edit-profile-container .form-control input, .user__actions, .notification-lists, #notification-icon svg, #user-actions-button, .submit-authentication, .panel-form .form-control .form-legend, .close-select-box, .icon-select-box li, .icon-editor .icons li i, .emojy-cr span, .tools-cr .tool label i, .tools-cr .tool label, .badges-selector li, .custom-radio-button .post-type-radio::after, .custom-radio-button .post-type-radio, .uploading-loader, .placeholder, [data-clear-tag-tooltip]::after,
[data-clear-tag-tooltip]::before, .dataTag, .selectable-list li, .selectable-list, .select-box-inp::after, .additem-input::placeholder,
#post-info-input::placeholder, [data-lock-button-text]::after,
[data-view-post]::after,
[data-edit-post]::after,
[data-delete-text]::after,
[data-lock-button-text]::before,
[data-view-post]::before,
[data-edit-post]::before,
[data-delete-text]::before, .panel-search-form-cr .magni-icon, .sort__table__lists li, .analytics-left-title .sycs-icon i, .admin__pages__action li, .admin__actions li a svg, .admin__actions li a, .admin__i:last-child svg, .admin__i:last-child, .panel__left__logo .panel__logo .panel__link p, .panel__main__container, .blog__post__main__section .previus__post__next__post .previus__post__icon i,
.blog__post__main__section .previus__post__next__post .next__post__icon i, .blog__post__main__section .writer__info .write__info__box .writer__img__container .best__writer__badge::after, .blog__post__main__section .article__tag__share .article__share__nav li a, .most__view__container .most__view__link p, .blog__tags__container li a::before, .blog__tags__container li a::after, .blog__sort__list__and__tags__container, .last__posts__container .last__post__img img, .last__posts__container .post__comment__length::after, .scroll-top-button::after, .form-control-container .contact__us__form .form-control label, .LikeDislike__cr div:first-child i, .LikeDislike__cr div:last-child i, .sell__serials__container .sell__serials button i, .post__video__info .video__container .video-play-btn, .post__header .like__dislike__section .like__cr p, .full__page__video .logo__on__video, .movie-info-inner, .angle-bottom-menu-icon, .view-all-videos .arrow-left-icon, .undoDeletePost span, .cancelSearchIcon, .desktop-searchbox .desktop-searchbox-form .searchbox-icon, .desktop-searchbox .desktop-searchbox-form input {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.balance-counter, .blog__post__btn__container .blog__post__btns li a, .main__section .main__posts__cr .main__post__cr__link .read__more__text, .main__section .main__posts__cr .main__post__cr__link, .footer-bg .footer-nav .footer-nav-links ul a, .movie-info-inner button, #imdb-cr .link-btn::after,
#collection-cr .link-btn::after,
#marvel-cr .link-btn::after,
#dc-cr .link-btn::after,
#oscar-cr .link-btn::after,
#nostalgia-cr .link-btn::after, #imdb-cr .link-btn,
#collection-cr .link-btn,
#marvel-cr .link-btn,
#dc-cr .link-btn,
#oscar-cr .link-btn,
#nostalgia-cr .link-btn, .search-filter .form-group-title, .search-filter .FilterBoxBtn, .main-aside .dubbed-options .fa-film-dubbed a,
.main-aside .dubbed-options .fa-animation-dubbed a, .articles-container .main-articles .main-post .post-img-container img {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.panel-form-container .sending-animation, .icon-select-box, .pasteUrl-input, .emojy-cr, .tools-cr .tool, .sending-form-animation, .add-new-post-btn::after, .add-new-post-btn, [data-money-price], .additem-input,
#post-info-input, .add-item-form-group .form-control, .sort-list-bar span, .sort__table__lists, .panel__page__title .panel__header__button, .OpenPanelNavbar div, [data-dropdown-panel-hidden], .admin__actions li a i, [data-image-hover-effect]::after, .blog__post__aside .related__posts, .blog__post__main__section .article__tag__share .article__share__nav li a::after, .blog__post__main__section .article__tag__share .article__share__nav li a i, .blog__post__main__section .article__tag__share .article__share__nav::after, .blog__post__main__section .article__tag__share .article__share__nav::before, .top-choises-articles-blog .read__more__button a, .most__view__container .most__view__link img, .most__view__container .most__view__link .most__view__img::after, .most__view__container, .custom__toggle, [data-post-type=video]::after, .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a::after, .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a:before, .socials ul .socials-cr, .footer-bg .footer-second-nav .form-control #newsletter-inp .newsletter-err, .footer-bg .footer-nav .footer-nav-links ul, .footer .footer-left-aside a, .SearchFilterInAbs, .search-filter .form-group-control, .search-filter, .easeInSer, .easeOutSer, .top-choices-video-overlay, .menu-item-show, .mobile-navbar .mobile-navigation-items .mobile-menu-collapse, .mobile-navbar .mobile-navigation-items .mobile-menu-title, .panelAlert button::after, .panelAlert button::before, .panelAlert button, .panelAlert, .panelMask, .loader__btn__cr button, .loader3, .loader-parent, .loader {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.comment__below__form textarea::-webkit-input-placeholder, .comment__below__form input:not([type=submit])::-webkit-input-placeholder, .footer-bg .footer-second-nav .form-control #newsletter-inp input::-webkit-input-placeholder {
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.comment__below__form textarea::-moz-placeholder, .comment__below__form input:not([type=submit])::-moz-placeholder, .footer-bg .footer-second-nav .form-control #newsletter-inp input::-moz-placeholder {
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.comment__below__form textarea:-ms-input-placeholder, .comment__below__form input:not([type=submit]):-ms-input-placeholder, .footer-bg .footer-second-nav .form-control #newsletter-inp input:-ms-input-placeholder {
  -ms-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.comment__below__form textarea::-ms-input-placeholder, .comment__below__form input:not([type=submit])::-ms-input-placeholder, .footer-bg .footer-second-nav .form-control #newsletter-inp input::-ms-input-placeholder {
  -ms-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.balance-action-btn, .user-balance-alert, [data-movie-container], .user__notification, .beam, .PostComment__Animation, input[type=submit], .comment__below__form textarea::placeholder,
.comment__below__form input:not([type=submit])::placeholder, .comment__below__form textarea,
.comment__below__form input:not([type=submit]), .comments__container__class .comments__inner__cr .cm__title__btn button i, .comments__container__class .comments__inner__cr .cm__title__btn button, .sussces-email-msg, .socials ul .socials-cr a, .footer-bg .footer-second-nav .form-control #newsletter-inp button::after, .footer-bg .footer-second-nav .form-control #newsletter-inp button, .footer-bg .footer-second-nav .form-control #newsletter-inp input::placeholder, .footer-bg .footer-second-nav .form-control #newsletter-inp input, .footer-bg .footer-nav .footer-nav-links h1::after, .footer-bg .footer-nav .footer-nav-links h1::before, .footer-bg .footer-nav .footer-nav-links h1, .footer-bg .footer-nav .footer-logo-container p, .search-filter .form-group-control .cr-container label span:after, .search-filter .form-group-control .cr-container label span, .main-aside .updates-and-search-btn .aside-tab, .dropdown-desktop-menu, [data-dropdown^=true]::after, .mobile-navbar .mobile-navigation-items .mobile-menu-title::before, .mobile-navbar .mobile-menu-plus-icon span, #header-banner .close__banner, .header {
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.add-new-post-btn, .custom-radio-button .post-type-radio, .sort-list-bar span, .panel__page__title .panel__header__button:hover, .OpenPanelNavbar div, .admin__i:last-child:hover, .blog__post__main__section .article__body .article__img .close-img-zoom:after, .blog__post__main__section .article__body .article__img .close-img-zoom::before, .search-filter .form-group-control .cr-container label span, .main-aside .dubbed-section .dubbed-img-container img, #header-banner .close__banner {
  background: #f5f5f5;
}

.icon-select-box li, .admin__i, .loader__btn__cr button:hover, .loader3 .loader-film-strip, .loader-bg, .loader-circle {
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
}

.user-balance-alert, .edit-profile-container .form-control input, .user__notification, .main__panel__section, .panel__main__container .sidebar, .panel, .blog__post__main__section .article__body .article__img .close-img-zoom, .blog__post__btn__container .blog__post__btns li a, .blog__post__main__section,
.blog__post__aside, .blog__tags,
.sort__blog__list,
.most__view__container, .main-blog-post, .main__section .main__posts__cr, #contactus-btn, .form-control-container .movie-png__container, .form-control-container .contact__us__form, .req__posts__text, .req__posts__links, .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section, .footer .footer-section .footer-right-aside, .Ofyear-Unyear .of-year .form-group-control,
.Ofyear-Unyear .un-year .form-group-control, .search-filter, .main-aside .dubbed-section, .main-aside .updates-and-search-btn, .articles-container .main-articles .pagination, .articles-container .main-articles .main-post, .mobile-navbar, .panelAlert {
  background: #23232b;
}

.balance-action-btn, .panel-form-container .sending-animation, .icon-select-box, .emojy-cr, .sending-form-animation, [data-lock-button-text]::after,
[data-view-post]::after,
[data-edit-post]::after,
[data-delete-text]::after,
[data-lock-button-text]::before,
[data-view-post]::before,
[data-edit-post]::before,
[data-delete-text]::before, .blog__post__main__section .article__tag__share .article__share__nav::after, .custom__toggle__inner, .main__section .main__posts__cr .main__posts__link, .main__section .main__posts__cr .main__post__cr__link .read__more__text, .post__header, #imdb-cr .score-length,
#collection-cr .score-length,
#marvel-cr .score-length,
#dc-cr .score-length,
#oscar-cr .score-length,
#nostalgia-cr .score-length {
  background: rgba(16, 16, 20, 0.8705882353);
}

.edit-profile-container-child, .notification-lists:hover, .icon-editor .icons, .icon-editor, #article-upload-bg, .tools-cr .tool label, .texteditor-container, .add-new-post-btn::after, .sereis-cover-bg, .additem-input,
#post-info-input, .img-form-control .image-upload-section, .upload-p-container .form-control:not(.img-form-control), .panel__pagination .panel__pages li a, .panel-search-form-cr input, .sort__table__lists, .analytics-container, .website-analytics-cr, .mobile__panel__header, [data-dropdown-panel-hidden], .admin__i:last-child, .blog__post__aside .related__posts, .blog__post__aside .new__post__link .news__post__text__cr, .blog-post-main-container, .blog__tags__container li a, .last__posts__container .last__posts__cr, .post__relatedes__container, .footer, .search-filter .form-group-title, .main-aside .dubbed-options .fa-film-dubbed a,
.main-aside .dubbed-options .fa-animation-dubbed a, .articles-container .main-articles .pagination ul li a, .articles-container .main-articles .main-post .post-info .post-summary, .main-body, #header-banner .close__banner::after, #header-banner .close__banner::before, .loader3 .loader-film-strip .loader-film-strip-inner {
  background: #1c1c22;
}

[data-movie-container], .user__actions, .last__posts__container .post__comment__length::after, .scroll-top-button::after, .vip-btn a, .loader-bg .mid-circle, .loader-bg .loader-circle-2 {
  background: #0f0f0f;
}

.remember-me-inner .post-type-radio, .add-new-post-btn::after, .coming__soon__img::after, .coming__soon__img::before, .dataTag, #panel-header-dropdown, .analytics-left-title .show-all-btn, .panel__page__title .panel__header__button, .admin__i:last-child, .blog__post__aside .new__post__link .news__post__text__cr p:last-child, .blog__post__aside .title::after, .blog__post__main__section .writer__info .writer__post__links a::after, .blog__post__main__section .writer__info .write__info__box .writer__img__container .best__writer__badge i, .blog__post__main__section .article__tag__share .article__share__nav li a::after, .blog__post__main__section .article__body .quote blockquote i, .blog__post__btn__container .blog__post__btns li a .sticky-buttons-tooltip, .top-choises-articles-blog .read__more__button a::after, .top-choises-articles-blog .read__more__button a::before, #view-all-blog-posts, .scroll-top-button, .form-control-container .contact__us__form .form-control .contact-us-line::after, .form-control-container .contact__us__form .form-control .contact-us-line::before, .contact__us__btn, .search-filter .FilterBoxBtn, .mobile-navbar .mobile-navigation-items .mobile-menu-title::before, .panelAlert button::after, .panelAlert button::before {
  background: #6898f8;
}

.notification-counts, [data-money-price], .dataTag:hover, .movie-info-inner button, .undoDeletePost span, .undoDeletePost::after, .undoDeletePost, .Suc-alert {
  background: #cc3333;
}

.addPostLastSec label::after, [data-clear-tag-tooltip]::after, .undoDeletePost, .Suc-alert-green {
  background: #12ae40;
}

.edit-profile-container .form-control input, .icon-editor .icons, .upload-avatar-cr, #article-upload-bg, .tools-cr .tool label, .sereis-cover-bg, .additem-input,
#post-info-input, .img-form-control .image-upload-section {
  border: 1px solid rgba(104, 152, 248, 0.3);
}

.balance-action-btn, .user-balance-alert, .upload-avatar-container-child, .profile-image img, .profile-bg, .edit-profile-container-child, .edit-profile-container .form-control input, [data-movie-container], .user__actions, .panel-form .form-control input, .panel-form-control, .close-select-box, .icon-select-box, .icon-editor .icons, #article-upload-bg, .pasteUrl-input .add-new-post-btn, .emojy-cr, .texteditor-container, .add-new-post-btn::after, .add-new-post-btn, .coming__soon__img img, .coming__soon__img::after, .coming__soon__img::before, .sereis-cover-bg, [data-money-price], [data-clear-tag-tooltip]::after, .dataTag, .additem-input,
#post-info-input, .img-form-control .image-upload-section, .upload-p-container .form-control:not(.img-form-control), .panel__pagination .panel__pages li a, [data-lock-button-text]::after,
[data-view-post]::after,
[data-edit-post]::after,
[data-delete-text]::after,
[data-lock-button-text]::before,
[data-view-post]::before,
[data-edit-post]::before,
[data-delete-text]::before, .analytics-container, .website-analytics-cr, .blog__post__aside .related__posts, .blog__post__aside img, .blog__post__main__section .previus__post__next__post, .blog__post__main__section .writer__info, .blog__post__main__section .article__tag__share .article__share__nav::after, .blog__post__main__section .article__body .article__img img, .blog__post__main__section .blog__post__img img, .blog__post__btn__container .blog__post__btns li a .sticky-buttons-tooltip, .blog__post__main__section,
.blog__post__aside, .blog__tags,
.sort__blog__list,
.most__view__container, .last__posts__container .last__posts__cr, .main-blog-post, .scroll-top-button::after, .form-control-container, .req__posts__text .post__text__cr .req__img__cr img, .req__posts__text, .req__posts__links, .PostComment__Animation, .screening-badge span, .screening-badge, .film__collection .film__collection__inner, .post__relatedes__container .related__img__cr img, .post__relatedes__container, .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner, .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section, .sell__serials__container .sell__serials .serial__or__film__btns .buttons__cr a, .sell__serials__container .sell__serials, .contant__us__tel p, .post__header .main-post .post-img-container img, .sussces-email-msg p, .next-movie a button, .movie-info-inner button, .movie-info-inner, #imdb-cr .score-length,
#collection-cr .score-length,
#marvel-cr .score-length,
#dc-cr .score-length,
#oscar-cr .score-length,
#nostalgia-cr .score-length, #imdb-cr .bests-link img,
#collection-cr .bests-link img,
#marvel-cr .bests-link img,
#dc-cr .bests-link img,
#oscar-cr .bests-link img,
#nostalgia-cr .bests-link img, .main-aside .serial-container .serial-thumbmail img, .articles-container .main-articles .main-post .post-info .post-meta .tags-horzontal-line, .articles-container .main-articles .main-post .post-img-container img, .badge, .top-choices-video-overlay, .video-thumbmail a img, .mobile-navbar .mobile-menu-plus-icon span, .undoDeletePost span, .undoDeletePost::after, .undoDeletePost, .Suc-alert::after, .Suc-alert, .loader-parent {
  border-radius: 6px;
}

.admin__i, .blog__post__main__section .writer__info .writer__post__links a, .last__posts__container .post__comment__length::after, .main__section .main__posts__cr .main__post__cr__link .read__more__text, .btn-form-cr, .contact__us__btn, .comment__cr, input[type=submit], .comment__below__form textarea,
.comment__below__form input:not([type=submit]), .comments__container__class .comments__inner__cr .cm__title__btn button, .breadcrumb__container .breadcrumb__lists, .film__collection .film__collection__inner .collection__info a, .post__header .like__dislike__section .like__cr p, .post__header .likes .like__cr, .post__header .likes .imdb__score, .vjs-play-control, .video-js, .socials ul .socials-cr, .footer .footer-left-aside a, .footer .footer-section .footer-right-aside .req-software .footer-box, .footer .footer-section .footer-right-aside, .search-filter .form-group-control, .search-filter .form-group-title, .search-filter .FilterBoxBtn, .search-filter, .main-aside .dubbed-options .fa-film-dubbed a,
.main-aside .dubbed-options .fa-animation-dubbed a, .main-aside .dubbed-section, .main-aside .serial-container .serial-overlay span, .main-aside .updates-and-search-btn .aside-tab, .main-aside .updates-and-search-btn, .articles-container .main-articles .pagination ul li a, .articles-container .main-articles .pagination, .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-btn-con a, .articles-container .main-articles .main-post, .articles-container .main-articles .article-header button, .dropdown-desktop-menu, .vip-btn a, .vip-btn, .panelAlert, .desktop-searchbox .desktop-searchbox-form input, .loader__btn__cr button {
  border-radius: 4px;
}

.submit-authentication, #panel-header-dropdown, .panel-search-form-cr input, .analytics-left-title .show-all-btn, .panel__page__title .panel__header__button, .blog__post__aside .new__post__link .news__post__text__cr p:last-child, .top-choises-articles-blog .read__more__button a, .custom__toggle, .footer-bg .footer-nav .footer-nav-links h1::after, .panelAlert button {
  border-radius: 30px;
}

.close-notification-bar, .notification-counts, .user__profile__img img, #article-upload-bg i, .tools-cr .tool label, .custom-radio-button .post-type-radio, .uploading-loader, .admin__pages__action li::after, .blog__post__aside .related__posts .related__post__info, .blog__post__aside .related__posts .post-related-img, .blog__post__main__section .writer__info .write__info__box .writer__img__container .best__writer__badge i, .blog__post__main__section .writer__info .write__info__box .writer__img__container img, .blog__post__main__section .article__tag__share .article__share__nav li a, .blog__post__main__section .article__body .quote blockquote i, .blog__post__main__section .article__body .article__img .close-img-zoom, .blog__post__btn__container .blog__post__btns li a, .custom__toggle__inner, .blog__tags__container li a::before, [data-post-type=video]::after, .scroll-top-button, .sell__serials__container .sell__serials button, .post__video__info .video__container .video-play-btn, .footer .footer-left-aside a .social-icons .arrow-social, .movie-info-inner p::before, .search-filter .form-group-control .cr-container label span, .main-aside .dubbed-section .dubbed-img-container, .view-all-videos .arrow-left-icon, #header-banner .close__banner, .loader-bg {
  border-radius: 100vw;
}

.balance-action-buttons, .ticket-send-section h1, .empty-error, .user__actions, .user-notification-title h2, .user__info__text h1, .countdown, .code-input input, .submit-authentication, .view-password, .close-select-box i, .icon-select-box h1, .emojy-cr span, .add-new-post-btn, .post-money-free-cr, .panel__pagination .panel__pages li a, .panel__pagination .panel-page-count, .analytics-tr .analytics-table-th, .analytics-right-title h2,
.analytics-left-title h2, .blog__post__aside .title, .blog__post__main__section .writer__info .write__info__box .writer__text h1, .main-blog-post .last__posts__blog, .main-blog-post .blog__posts__title a:first-child, .main__section .main__posts__cr .main__post__cr__link .read__more__text, .form-control-container .contact__us__form .form-control label, .post__text__cr h1,
.req__posts__links h1, .comments__container__class .comments__inner__cr .cm__title__btn h1, .actor__info__container .actor .actor__cr h1, .screening-badge span, .post__relatedes__cr .post__related h1, .post__video__info .movie__info__cr h4, .movie-info-inner button, #imdb-cr .link-btn,
#collection-cr .link-btn,
#marvel-cr .link-btn,
#dc-cr .link-btn,
#oscar-cr .link-btn,
#nostalgia-cr .link-btn, .search-filter .search-filter-inner h1, .main-aside .serial-updates h1, .articles-container .main-articles .pagination ul li a, .articles-container .main-articles .main-post .post-info .post-title-container h1 a, .articles-container .main-articles .article-header p, .undoDeletePost span, .undoDeletePost, #header-banner a, .loader__btn__cr button {
  font-size: 1.1rem;
}

[data-clear-tag-tooltip]::after, .dataTag, .sort__table__lists, .sort-lists-button p, .analytics-tr li, .analytics-left-title .sycs-icon i, .blog__post__aside .related__posts .related__post__info, .blog__post__aside .new__post__link .news__post__text__cr p:first-child, .blog__post__main__section .previus__post__next__post a, .blog__post__main__section .writer__info .write__info__box .writer__text p, .blog__post__main__section .writer__info .write__info__box .writer__img__container .best__writer__badge::after, .blog__post__main__section .article__tag__share .article__share__nav::after, .blog__post__main__section .article__body p, .blog__post__main__section .blog__post__infography li, .blog__post__btn__container .blog__post__btns li a .sticky-buttons-tooltip, .blog-footer .copy-right, .most__view__container .most__view__link p, .main-blog-post .blog__posts__title a, .main__section .main__posts__cr .main__posts__link, .scroll-top-button::after, .req__posts__text .req__posts__downloadbox .req__post__btn a, .req__posts__links .req__post__link a, .comments__container__class .comments__inner__cr .cm__title__btn button i, .actor__info__container .actor .actor__infography, #timer-str span, .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .download__serial__btn a, .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .sell__serial__info, .sell__serials__container .sell__serials .serial__or__film__btns .buttons__cr a, .post__video__info .movie__info__cr p, .post__header .like__dislike__section .like__cr p, .post__header .actors-director-container, .search-filter .form-group-control .cr-container label, .search-filter .form-group-title a, .main-aside .dubbed-options .fa-film-dubbed a,
.main-aside .dubbed-options .fa-animation-dubbed a, .main-aside .serial-updates .view-all-serial-updates a, .main-aside .updates-and-search-btn .tabs-container div a, .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-btn-con a, .articles-container .main-articles .main-post .post-info .post-title-container span, .loader-info {
  font-size: 0.9rem;
}

.notification-box, [data-lock-button-text]::after,
[data-view-post]::after,
[data-edit-post]::after,
[data-delete-text]::after,
[data-lock-button-text]::before,
[data-view-post]::before,
[data-edit-post]::before,
[data-delete-text]::before, .sort-panel-table p, .panel__page__title h1 p, .analytics-left-title .show-all-btn, .panel__copy__right__text, .admin__name p, .blog__post__aside .new__post__link .news__post__text__cr p:last-child, .blog__post__aside .new__post__link .news__post__text__cr time, .top-choises-articles-blog .post__date__time, .last__posts__container .post__comment__length::after, .req__posts__text .req__posts__downloadbox .req__post__btn span, .replay__cm, .actor__info__container .actor .actor__cr p, .film__collection .film__collection__inner .collection__info h1, .post__relatedes__container .related__post__link p, .download__star p, .contant__us__tel p, .post__header .post-meta span, .footer .footer-section .footer-right-aside .req-software .footer-text a, .main-aside .serial-container .serial-overlay, .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-time-country-score p, .articles-container .main-articles .main-post .post-info .post-summary p, .articles-container .main-articles .main-post .post-info .actors-director-container, .articles-container .main-articles .main-post .post-info .post-meta .post-meta-like, .articles-container .main-articles .main-post .post-info .post-meta-tags, .badge, .top-choices-video-overlay .top-choices-espoide,
.top-choices-video-overlay .top-choices-badge, .top-choices-video-overlay .top-choices-info {
  font-size: 0.8rem;
}

.user-balance-alert h1, .ticket-send-section h1, .edit-profile-form-container h2, .user-notification-title h2, .user__info__text h1, .panel-form-control h1, .icon-select-box h1, .add-new-post-btn, .analytics-tr .analytics-table-th, .analytics-right-title h2,
.analytics-left-title h2, .panel__page__title h1, .admin__name h1, .last__posts__container .last__post__text a, .post__text__cr h1,
.req__posts__links h1, .comment__below__form .add__comment__label, .comments__container__class .comments__inner__cr .cm__title__btn h1, .actor__info__container .actor .actor__cr h1, .film__collection .film__collection__inner .collection__info p, .post__relatedes__container .related__post__link .related__title, .post__relatedes__cr .post__related h1, .post__video__info .movie__info__cr h4, .post__header .post-info .post-title-container h1, .footer-bg .footer-nav .footer-nav-links h1, .footer .footer-section .footer-right-aside .req-software .footer-text a:last-child, .movie-info-inner h1, .search-filter .search-filter-inner, .main-aside .dubbed-section .dubbed-text-container h1, .articles-container .main-articles .main-post .post-info .post-title-container h1 a, .video-thumbmail a, .panelAlert h1 {
  font-family: "iransans-medium", sans-serif, Tahoma, Arial, Helvetica, sans-serif;
}

.balance-counter, .user-balance-alert h1, .upload-avatar-container-child, .empty-error, .countdown, .code-input input, .panel-form-control h1, .icon-select-box li, .upload-avatar-cr, .dataTag, #panel-header-dropdown, .blog__post__aside .new__post__link, .blog__post__main__section .writer__info .writer__post__links, .blog__post__main__section .blog__post__title, .top-choises-articles-blog .post__date__time, .top-choises-articles-blog .main-blog-post .title, .most__view__container .most__view__link p, .req__posts__text .req__posts__downloadbox, .contact__us__btn, .footer__comment__btn #submit__comment__footer, .comments__container__class .comments__inner__cr .cm__title__btn button .rotate__Cm__icon, .timeString, .sell__serials__container .sell__serials .serial__or__film__btns .buttons__cr a, .sussces-email-msg p, .copy-right, #imdb-cr .last__post__text,
#collection-cr .last__post__text,
#marvel-cr .last__post__text,
#dc-cr .last__post__text,
#oscar-cr .last__post__text,
#nostalgia-cr .last__post__text, .search-filter .search-filter-inner h1, .main-aside .dubbed-options .fa-film-dubbed,
.main-aside .dubbed-options .fa-animation-dubbed, .articles-container .main-articles .pagination, .badge, .mobile-navbar .mobile-logo-container, .panelAlert {
  text-align: center;
}

.Comment__date__cr, .sell__serials__container .sell__serials button i, .main-aside .dubbed-options .fa-film-dubbed a,
.main-aside .dubbed-options .fa-animation-dubbed a, .articles-container .main-articles .main-post .post-info .post-summary, .articles-container .main-articles .main-post .post-info .actors-director-container span::after, .articles-container .main-articles .main-post .post-info .actors-director-container span {
  color: #9ba1a6;
}

.countdown, .view-password-on, .view-password:hover, .forgot-password, .remember-me-inner, .panel-form-control h1, .blog__post__main__section .writer__info .writer__post__links a, .blog__post__main__section .article__tag__share .article__share__nav li a {
  color: #23232b;
}

.danger, .user-balance-alert h1, .ticket-send-section h1, .edit-profile-form-container h2, .close-notification-bar, .user-notification-title h2, .user__info__text h1, .icon-select-box li, .icon-select-box h1, .add-new-post-btn, [data-money-price], .dataTag, .additem-input,
#post-info-input, #panel-header-dropdown, .panel__pagination .panel__pages li a, .panel__pagination .panel-page-count, [data-lock-button-text]::after,
[data-view-post]::after,
[data-edit-post]::after,
[data-delete-text]::after,
[data-lock-button-text]::before,
[data-view-post]::before,
[data-edit-post]::before,
[data-delete-text]::before, .panel-search-form-cr input, .analytics-tr .analytics-table-th, .analytics-left-title .show-all-btn, .analytics-right-title h2,
.analytics-left-title h2, .website-analytics-count p, .panel__page__title .panel__header__button, .panel__page__title h1, .admin__name h1, .panel__left__logo .panel__logo .panel__link, .blog__post__aside .new__post__link .news__post__text__cr p:last-child, .blog__post__aside .title, .blog__post__main__section .previus__post__next__post .previus__post__icon i,
.blog__post__main__section .previus__post__next__post .next__post__icon i, .blog__post__main__section .writer__info .write__info__box .writer__text h1, .blog__post__main__section .writer__info .write__info__box .writer__img__container .best__writer__badge, .blog__post__main__section .article__body .quote blockquote i, .blog__post__main__section .blog__post__title, .blog__post__btn__container .blog__post__btns li a .sticky-buttons-tooltip, .top-choises-articles-blog .main-blog-post .title, .last__posts__container .last__post__text a, .last__posts__container .post__comment__length i,
.last__posts__container .post__comment__length span, .last__posts__container .post__comment__length::after, .scroll-top-button i, .scroll-top-button::after, .error__page__cr .Err__pAGE .Err__pAGE__text .forteforerr, .form-control-container .contact__us__form .form-control input,
.form-control-container .contact__us__form .form-control textarea, .req__posts__text .req__posts__downloadbox .req__post__btn a, .contact__us__btn, .post__text__cr h1,
.req__posts__links h1, input[type=submit], .comment__below__form .add__comment__label, .comments__container__class .comments__inner__cr .cm__title__btn button:hover, .comments__container__class .comments__inner__cr .cm__title__btn h1, .actor__info__container .actor .actor__cr h1, .screening-badge span, .screening-badge p, .film__collection .film__collection__inner .collection__info a, .film__collection .film__collection__inner .collection__info p, .post__relatedes__container .related__post__link .related__title, .post__relatedes__cr .post__related h1, .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .download__serial__btn a, .sell__serials__container .sell__serials .serials__title, .post__video__info .movie__info__cr h4, .post__header .like__dislike__section .like__cr p, .post__header .actors-director-container a, .post__header .likes .like__cr i, .post__header .post-meta a, .post__header .post-info .post-title-container a, .video-js .vjs-big-play-button, .sussces-email-msg p, .next-movie a button, .footer-bg .footer-nav .footer-nav-links h1, .footer .footer-left-aside a, .footer .footer-section .footer-right-aside .req-software .footer-text a:last-child, .movie-info-inner button, .movie-info-inner h1, .main-aside .dubbed-section .dubbed-text-container h1, .main-aside .serial-container .serial-overlay, .main-aside .serial-updates h1, .top-choices-video-overlay h2, .menu-active-item, .mobile-navbar .mobile-menu-plus-icon span, .undoDeletePost, .Suc-alert, .panelAlert button:hover, .panelAlert button:focus, .panelAlert, .loader__btn__cr button:hover, .loader__btn__cr button {
  color: #f5f5f5;
}

.additem-input::-webkit-input-placeholder, #post-info-input::-webkit-input-placeholder {
  color: #bbc1c6;
}

.additem-input::-moz-placeholder, #post-info-input::-moz-placeholder {
  color: #bbc1c6;
}

.additem-input:-ms-input-placeholder, #post-info-input:-ms-input-placeholder {
  color: #bbc1c6;
}

.additem-input::-ms-input-placeholder, #post-info-input::-ms-input-placeholder {
  color: #bbc1c6;
}

.edit-profile-container .form-control input, .user__actions__items a, .notification-container, #notification-icon, .additem-input::placeholder,
#post-info-input::placeholder, .analytics-tr a, .analytics-left-title a, .admin__actions li a, .blog__post__aside a, .blog__post__main__section .previus__post__next__post a, .blog__post__main__section .article__body p, .blog__post__btn__container .blog__post__btns li a, .most__view__container .most__view__link, .blog__tags__container li a, .main-blog-post .last__posts__blog, .main-blog-post .blog__posts__title a, .main__section .main__posts__cr .main__posts__link, .main__section .main__posts__cr .main__post__cr__link .read__more__text, .req__posts__links .req__post__link a, .comment__below__form textarea,
.comment__below__form input:not([type=submit]), .comments__container__class .comments__inner__cr .cm__title__btn h1 i, .breadcrumb__container .breadcrumb__lists li a, .post__relatedes__container .related__post__link, .sell__serials__container .sell__serials .serial__or__film__btns .buttons__cr a, .post__video__info .movie__info__cr h4 i, .post__header .post-meta span:not(.post__year), .footer-bg .footer-second-nav .form-control #newsletter-inp input, .footer-bg .footer-nav .footer-nav-links ul a, .footer .footer-section .footer-right-aside .req-software .footer-text a, .search-filter .form-group-title a, .main-aside .serial-updates .view-all-serial-updates a, .main-aside .serial-updates h1 i, .main-aside .updates-and-search-btn .tabs-container div a, .articles-container .main-articles .pagination ul li a, .articles-container .main-articles .main-post .post-info .actors-director-container a, .articles-container .main-articles .main-post .post-info .post-meta span a, .dropdown-desktop-menu a, .mobile-navbar .mobile-navigation-items .mobile-menu-collapse .mobile-link-item a, .mobile-navbar .mobile-navigation-items .mobile-menu-title a, #header-banner a, .desktop-searchbox .desktop-searchbox-form input, .navlinks-title a {
  color: #bbc1c6;
}

.user__actions__items a:hover, .upload-post-icon, .analytics-tr a:hover, .analytics-left-title .sycs-icon i:hover, .panel__left__logo .panel__logo .panel__link:hover p, .blog__post__main__section .writer__info .write__info__box .writer__img__container .best__writer__badge::after, .top-choises-articles-blog .read__more__button a, .top-choises-articles-blog .main-blog-post .title span, #view-all-blog-posts a, .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-btn-con a, .articles-container .main-articles .article-header button, .view-all-videos {
  color: #6898f8;
}

.download__star p i, .footer .footer-section .footer-right-aside .req-software .footer-box, #imdb-cr .fa-imdb,
#collection-cr .fa-imdb,
#marvel-cr .fa-imdb,
#dc-cr .fa-imdb,
#oscar-cr .fa-imdb,
#nostalgia-cr .fa-imdb, .yellow-badge {
  color: #ffc107;
}

.replay__cm, .LikeDislike__cr div:last-child i, .orange-badge {
  color: #ff7555;
}

.notification-box div .fa-envelope, .footer__comment__btn #submit__comment__footer, .LikeDislike__cr div:first-child i, .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .sell__serial__info .film__price, .contant__us__tel p a, .contant__us__tel p, .green-badge {
  color: #89d64f;
}

.custom-radio-button .post-type-radio::after, .addPostLastSec label::after, .uploadImgOverlay::after, .footer-bg .footer-second-nav .form-control #newsletter-inp button::after, #imdb-cr .link-btn::after,
#collection-cr .link-btn::after,
#marvel-cr .link-btn::after,
#dc-cr .link-btn::after,
#oscar-cr .link-btn::after,
#nostalgia-cr .link-btn::after, .search-filter .form-group-control .cr-container label span:after, .mobile-navbar .mobile-navigation-items .mobile-menu-title::before, .vip-btn::before {
  position: absolute;
  inset: 0;
}

.full__page__video .logo__on__video, .desktop-searchbox .closeSearchBox, .cancelSearchIcon, .desktop-searchbox .desktop-searchbox-form .searchbox-icon {
  cursor: pointer;
  position: absolute;
}

.balance-action-btn, .upload-avatar-container-child, .close-notification-bar, #user-actions-button, .submit-authentication, .view-password, .close-select-box, .icon-select-box li, .icon-editor .icons li i, .upload-user-avatar, #article-upload-bg, .pasteUrl-input .add-new-post-btn, .emojy-cr span, .tools-cr .tool label, .add-new-post-btn, .badges-selector li, .sereis-cover-bg, .custom-radio-button, .addPostLastSec #upload-video-input-parent, .selectable-list li, .select-box-inp, .img-form-control #post-uploaded-background, .sort-lists-button, .analytics-left-title .sycs-icon, .OpenPanelNavbar, .blog__post__main__section .article__body .article__img .close-img-zoom, .blog__post__main__section .article__body .article__img img, .blog__post__btn__container .blog__post__btns li a, .custom__toggle, .toggle__cr label, .main__section .main__posts__cr .main__post__cr__link .read__more__text, .scroll-top-button, #contactus-btn, .footer__comment__btn #submit__comment__footer, .LikeDislike__cr div, input[type=submit], .comments__container__class .comments__inner__cr .cm__title__btn button, .sell__serials__container .sell__serials button, .post__video__info .video__container .video-play-btn, .post__header .like__dislike__section .like__cr p, .next-movie a button, .socials ul .socials-cr, .footer-bg .footer-second-nav .form-control #newsletter-inp button, .movie-info-inner button, #imdb-cr .link-btn,
#collection-cr .link-btn,
#marvel-cr .link-btn,
#dc-cr .link-btn,
#oscar-cr .link-btn,
#nostalgia-cr .link-btn, #imdb-cr .score-length,
#collection-cr .score-length,
#marvel-cr .score-length,
#dc-cr .score-length,
#oscar-cr .score-length,
#nostalgia-cr .score-length, .search-filter .form-group-control .cr-container label, .search-filter .FilterBoxBtn, .articles-container .main-articles .article-header button, .mobile-navbar .mobile-navigation-items .mobile-menu-title, .undoDeletePost span, .undoDeletePost, .panelAlert button, #header-banner .close__banner, .mobile-menu-icon, .loader__btn__cr button {
  cursor: pointer;
}

.user-balance-alert, .user__actions, .beam, .panel-form .form-control .form-legend, .panel-form::after, .panel-form-container .sending-animation, .emojy-cr, .tools-cr .tool input:not([type=url]), .placeholder, [data-clear-tag-tooltip]::after,
[data-clear-tag-tooltip]::before, .selectable-list, [data-lock-button-text]::after,
[data-view-post]::after,
[data-edit-post]::after,
[data-delete-text]::after,
[data-lock-button-text]::before,
[data-view-post]::before,
[data-edit-post]::before,
[data-delete-text]::before, [data-image-hover-effect]::after, .blog__post__main__section .writer__info .write__info__box .writer__img__container .best__writer__badge::after, .blog__post__main__section .article__tag__share .article__share__nav::after, .blog__post__main__section .article__tag__share .article__share__nav::before, .blog__post__btn__container .blog__post__btns li a .sticky-buttons-tooltip, [data-post-type=video]::after, .last__posts__container .post__comment__length::after, .scroll-top-button::after, .form-control-container .contact__us__form .form-control label, .panelAlert, .loader {
  pointer-events: none;
}

.icon-select-box, .main__section .main__posts__cr .main__post__cr__link, .err__shapes__cr .err__bg__container, .sendSucceseFullAnimation, .form-control-container::after, .footer__comment__btn #submit__comment__footer::after, .footer__comment__btn #submit__comment__footer::before, .movie-info-inner, .top-choices-video-overlay {
  position: absolute;
  inset: 0;
}

.upload-avatar-container-child, .blog__post__aside .new__post__link .news__post__text__cr p:last-child, .top-choises-articles-blog .read__more__button a, .footer__comment__btn #submit__comment__footer, .post__video__info, .next-movie, #imdb-cr .link-btn,
#collection-cr .link-btn,
#marvel-cr .link-btn,
#dc-cr .link-btn,
#oscar-cr .link-btn,
#nostalgia-cr .link-btn, .mobile-navbar .mobile-logo-container img, #header-banner #Update-banner, .mobile-nav-header, .desktop-navbar {
  margin: 0 auto;
}

.ticket-send-section img, .user__actions__items:not(:last-child), .user-notification-title, .user__notification, #article-upload-bg, .pasteUrl-input input, .texteditor-container, .addPostespoide .form-control, .addPostLastSec .form-control, .panel__pagination .panel-page-count, .blog__post__aside .related__posts:not(:last-child), .blog__post__main__section .article__body p, .req__posts__text .req__posts__downloadbox .req__post__btn:not(:last-child), .comment__below__form .comment__form__control, .comment__below__form .add__comment__label, .screening-badge, .post__relatedes__cr .post__related h1, .movie-info-inner p, .movie-info-inner h1, .panelAlert h1, .loader3 .loader-film-strip {
  margin-bottom: 1rem;
}

.balance-action-buttons, .icon-editor, .coming__soon__img, .website-analytics-count, .sell__serials__container .sell__serials .serial__or__film__btns, .post__video__info .movie__info__cr, .post__header .like__dislike__section, .search-filter .FilterBoxBtn {
  margin-top: 1rem;
}

.user-balance-alert, [data-movie-container], .notification-lists, .user-notification-title, .panel-form-control, .icon-editor .icons, .upload-avatar-cr, #article-upload-bg, .img-form-control #post-uploaded-background, .sort__table__lists, .website-analytics-cr, .blog__post__main__section .previus__post__next__post, .blog__post__main__section .writer__info, .top-choises-articles-blog .main-blog-post, .req__posts__text .req__posts__downloadbox, .req__posts__links, .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section, .sussces-email-msg p {
  padding: 1rem;
}

.icon-select-box, .sidebar__menu {
  padding-top: 1rem;
}

.top-choises-articles-blog .read__more__button, .post__video__info .movie__info__cr p, .post__header .likes, .post__header .post-meta, .articles-container .main-articles .main-post .post-info .post-meta {
  padding-bottom: 1rem;
}

[data-movie-container], .user__actions, .notification-lists:hover, .user__notification, .emojy-cr, .sort__table__lists, .blog__post__aside .new__post__container .new__post__img, .blog__post__main__section .writer__info, .blog__post__main__section .article__body .article__img .close-img-zoom, .blog__post__main__section .blog__post__img img, .blog__post__main__section,
.blog__post__aside, .most__view__container .most__view__link img, .most__view__container .most__view__link .most__view__img, .blog__tags,
.sort__blog__list,
.most__view__container, .last__posts__container .last__posts__cr, .main-blog-post, .scroll-top-button, .next-movie, .footer .footer-section .footer-right-aside, .articles-container .main-articles .pagination, .articles-container .main-articles .main-post, .panelAlert {
  -webkit-box-shadow: 0 5px 30px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 30px 2px rgba(0, 0, 0, 0.3);
}

.panel-form-control, .panel-form-container, .icon-editor, .pasteUrl-input, .add-new-post-btn, [data-money-price], .addPostLastSec label, .selectable-list, .website-analytics-cr p, [data-dropdown-panel-hidden], .blog__post__aside .related__posts .post-related-img, .blog__post__aside, .blog__post__main__section .writer__info .writer__post__links a, .blog__post__main__section .article__tag__share .article__share__nav li a, .blog__post__main__section .article__body .article__img .close-img-zoom, .top-choises-articles-blog .read__more__button a, .most__view__container .most__view__link .most__view__img, .most__view__container, .blog__tags__container, .last__posts__container .last__post__text, .main__section .main__posts__cr, .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a, .err__shapes__cr, .form-control-container, .footer__comment__btn #submit__comment__footer, .comment__below__form, .breadcrumb__container .breadcrumb__lists, .film__collection .film__collection__inner, .sell__serials__container .sell__serials, .post__header, .next-movie, .socials ul .socials-cr, #imdb-cr .link-btn,
#collection-cr .link-btn,
#marvel-cr .link-btn,
#dc-cr .link-btn,
#oscar-cr .link-btn,
#nostalgia-cr .link-btn, .SearchFilterInAbs, .search-filter .form-group-control, .search-filter, .easeInSer, .mobile-navbar .mobile-navigation-items .mobile-menu-collapse, .vip-btn, .panelAlert button, .desktop-searchbox .desktop-searchbox-form, .loader3 .loader-film-strip, .loader3, .loader-parent {
  overflow: hidden;
}

.panel__pagination .panel__pages li a, .analytics-container, .website-analytics-cr, .mobile__panel__header {
  -webkit-box-shadow: 0px 4px 0 rgba(104, 152, 248, 0.2);
          box-shadow: 0px 4px 0 rgba(104, 152, 248, 0.2);
}

[data-clear-tag-tooltip]::after, .analytics-table, .website-analytics-cr p, .panel__page__title .panel__header__button, .blog__post__main__section .writer__info .write__info__box .writer__img__container .best__writer__badge::after, .last__posts__container .post__comment__length::after, .scroll-top-button::after, .main-aside .updates-and-search-btn .tabs-container div a, .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-btn-con a, .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-time-country-score p, .badge {
  white-space: nowrap;
}

.submit-authentication, .panel-form .form-control input {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(220, 229, 249)), to(rgb(242, 247, 255)));
  background: linear-gradient(rgb(220, 229, 249) 0%, rgb(242, 247, 255) 100%);
  -webkit-box-shadow: rgb(255, 255, 255) 0px -1px 0px inset, rgb(198, 208, 228) 0px 1px 0px inset;
          box-shadow: rgb(255, 255, 255) 0px -1px 0px inset, rgb(198, 208, 228) 0px 1px 0px inset;
}

.beam, .panel-form::after, .add-new-post-btn, .addPostLastSec label, .img-form-control #post-uploaded-background, .blog__post__aside, .blog__post__main__section .writer__info .writer__post__links a, .blog__post__main__section .article__tag__share .article__share__nav li a, .blog__post__main__section .blog__post__img img, .top-choises-articles-blog .read__more__button a, .blog__tags__container li a, .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a, .succesfull__Msg p, .form-control-container, .footer__comment__btn #submit__comment__footer:hover, .film__collection .film__collection__inner, .post__header, .next-movie, .footer-bg .footer-nav .footer-nav-links h1::after, #imdb-cr .link-btn,
#collection-cr .link-btn,
#marvel-cr .link-btn,
#dc-cr .link-btn,
#oscar-cr .link-btn,
#nostalgia-cr .link-btn, .main-aside .dubbed-section .dubbed-img-container, .main-aside .updates-and-search-btn, .mobile-navbar .mobile-navigation-items .mobile-menu-title, .panelAlert button {
  z-index: 1;
}

.add-new-post-btn::after, .addPostLastSec label::after, .uploadImgOverlay::after, .blog__post__aside svg, .blog__post__main__section .writer__info .writer__post__links a::after, .blog__post__main__section .article__tag__share .article__share__nav li a::after, .top-choises-articles-blog .read__more__button a::after, .top-choises-articles-blog .read__more__button a::before, .blog__tags__container li a::after, .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a::after, .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a:before, .err__shapes__cr .err__bg__container, .form-control-container::after, .footer__comment__btn #submit__comment__footer::after, .footer__comment__btn #submit__comment__footer::before, .post__header__bg, .film__collection .film__collection__inner .collection__bg, #imdb-cr .link-btn::after,
#collection-cr .link-btn::after,
#marvel-cr .link-btn::after,
#dc-cr .link-btn::after,
#oscar-cr .link-btn::after,
#nostalgia-cr .link-btn::after, .main-aside .dubbed-section .dubbed-img-container::after, .main-aside .updates-and-search-btn .aside-tab, .mobile-navbar .mobile-navigation-items .mobile-menu-title::before, .vip-btn::before, .undoDeletePost::after, .panelAlert button::after, .panelAlert button::before, .loader__container #loaderone,
.loader__container #loadertwo,
.loader__container #loaderthree, .loaded, .circle-shadow {
  z-index: -1;
}

.loader {
  background: #0c0c0c;
  z-index: 99;
}

.loader-circle {
  -webkit-box-shadow: 0 3px 20px rgba(250, 123, 119, 0.3);
          box-shadow: 0 3px 20px rgba(250, 123, 119, 0.3);
  -webkit-animation: circle 0.6s alternate infinite ease;
          animation: circle 0.6s alternate infinite ease;
}

@-webkit-keyframes circle {
  0% {
    height: 5px;
    border-radius: 3.125rem 3.125rem 1.563rem 1.563rem;
    -webkit-transform: scaleX(1.7) translateY(50px);
            transform: scaleX(1.7) translateY(50px);
  }
  40% {
    height: 20px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@keyframes circle {
  0% {
    height: 5px;
    border-radius: 3.125rem 3.125rem 1.563rem 1.563rem;
    -webkit-transform: scaleX(1.7) translateY(50px);
            transform: scaleX(1.7) translateY(50px);
  }
  40% {
    height: 20px;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
.loader-circle:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.loader-circle:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.loader-shadow-container {
  -webkit-transform: translate(-50%, 300%);
          transform: translate(-50%, 300%);
}

.circle-shadow {
  background: rgba(49, 49, 49, 0.9);
  -webkit-filter: blur(1px);
          filter: blur(1px);
  -webkit-animation: shadow 0.6s alternate infinite ease;
          animation: shadow 0.6s alternate infinite ease;
}

@-webkit-keyframes shadow {
  0% {
    -webkit-transform: scaleX(1.5) rotateX(120deg);
            transform: scaleX(1.5) rotateX(120deg);
  }
  40% {
    -webkit-transform: scaleX(1) rotateX(120deg);
            transform: scaleX(1) rotateX(120deg);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scaleX(0.2) rotateX(120deg);
            transform: scaleX(0.2) rotateX(120deg);
    opacity: 0.3;
  }
}

@keyframes shadow {
  0% {
    -webkit-transform: scaleX(1.5) rotateX(120deg);
            transform: scaleX(1.5) rotateX(120deg);
  }
  40% {
    -webkit-transform: scaleX(1) rotateX(120deg);
            transform: scaleX(1) rotateX(120deg);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scaleX(0.2) rotateX(120deg);
            transform: scaleX(0.2) rotateX(120deg);
    opacity: 0.3;
  }
}
.circle-shadow:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.circle-shadow:nth-child(3) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.loader-parent {
  z-index: 999;
  background: #0c0c0c;
}

.loader-bg {
  z-index: 4;
  width: 200px;
  height: 200px;
  -webkit-animation: Strip 1s linear infinite;
          animation: Strip 1s linear infinite;
}
.loader-bg .loader-circle-2 {
  width: 60px;
  height: 60px;
  border-radius: inherit;
}
.loader-bg .mid-circle {
  width: 25px;
  height: 25px;
  border-radius: inherit;
}

.loader-circle-2:nth-child(2) {
  top: 50px;
}

.loader-circle-2:nth-child(3) {
  left: 50px;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.loader-circle-2:nth-child(4) {
  right: -10px;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.loader-circle-2:nth-child(5) {
  top: 150px;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

@-webkit-keyframes Strip {
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes Strip {
  to {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
.loader3 .loader-film-strip {
  width: 56px;
  height: 72px;
}
.loader3 .loader-film-strip::after, .loader3 .loader-film-strip::before {
  border-left: 6px dashed #1c1c22;
  -webkit-animation: rolling 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
          animation: rolling 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}
.loader3 .loader-film-strip::after {
  left: 5px;
}
.loader3 .loader-film-strip::before {
  right: 5px;
}
.loader3 .loader-film-strip .loader-strip-inner {
  -webkit-animation: rollingInner 0.3s linear infinite;
          animation: rollingInner 0.3s linear infinite;
}
.loader3 .loader-film-strip .loader-film-strip-inner {
  width: 30px;
  height: 26px;
  right: 13px;
  top: -5px;
  -webkit-box-shadow: 0 0 4px inset rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 4px inset rgba(255, 255, 255, 0.3);
  margin: 0.4rem 0;
}
.loader3 .loader-film-strip .inner-2 {
  top: 25px;
}
.loader3 .loader-film-strip .inner-3 {
  top: 55px;
}
.loader3 .loader-film-strip .inner-4 {
  top: 85px;
}

@-webkit-keyframes rolling {
  0% {
    top: 0;
  }
  100% {
    top: -15px;
  }
}

@keyframes rolling {
  0% {
    top: 0;
  }
  100% {
    top: -15px;
  }
}
@-webkit-keyframes rollingInner {
  to {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@keyframes rollingInner {
  to {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.loaded {
  opacity: 0;
  visibility: hidden;
}

.loader__container {
  margin: 8rem auto 2rem;
}
.loader__container #loaderone,
.loader__container #loadertwo,
.loader__container #loaderthree {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  top: 0;
  -webkit-animation: loadersIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
          animation: loadersIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.loader__container .loader-bg {
  top: 100px;
}

@-webkit-keyframes loadersIn {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(120deg);
            transform: translate(-50%, -50%) rotate(120deg);
  }
}

@keyframes loadersIn {
  from {
    -webkit-transform: translate(-50%, -50%) rotate(120deg);
            transform: translate(-50%, -50%) rotate(120deg);
  }
}
.loader__btn__cr {
  margin-bottom: 4rem;
}
.loader__btn__cr button {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  padding: 0.4rem 0.6rem;
  margin: 0 0.4rem;
}
.loader-info {
  margin: 13rem 0 3rem;
}
.loader-info h1 {
  margin: 2rem 0 0.2rem;
}
.loader-info p {
  max-width: 900px;
}

.active__loader__btn {
  background: linear-gradient(145deg, #fa9f6f, #fa697c) !important;
  color: #f5f5f5 !important;
}

.header {
  height: 80px;
  padding: 1rem 0;
  z-index: 9;
}

.mobile-menu-icon {
  -ms-flex-preferred-size: 6%;
      flex-basis: 6%;
}
@media (max-width: 1200px) {
  .mobile-menu-icon {
    display: block;
  }
}
.mobile-menu-icon svg {
  width: 40px;
  height: 40px;
  fill: #f5f5f5;
}

.navigation-items {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
}
@media (max-width: 1200px) {
  .navigation-items {
    display: none;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }
}

.navlinks-title {
  margin: 0 1rem;
}
.navlinks-title a {
  font-size: 0.875rem;
  padding: 2rem 0;
}
.navlinks-title a:hover {
  color: #f5f5f5;
}

@media (max-width: 1200px) {
  .desktop-navbar .desktop-logo-container {
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 450px) {
  .desktop-navbar .desktop-logo-container {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }
}
.desktop-navbar .desktop-logo-container .desktop-logo {
  width: 40px;
  height: 40px;
}

@media (max-width: 1200px) {
  .desktop-searchbox {
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
  }
}
.desktop-searchbox .desktop-searchbox-form button {
  background: none;
}
.desktop-searchbox .desktop-searchbox-form input {
  border: 1px solid rgba(187, 193, 198, 0.1);
  background: rgba(28, 28, 34, 0.568627451);
  caret-color: #5facfa;
  width: 240px;
  height: 45px;
  padding: 0.5rem 0.938rem 0.5rem 2.188rem;
}
@media (max-width: 1200px) {
  .desktop-searchbox .desktop-searchbox-form input {
    width: 100%;
  }
}
.desktop-searchbox .desktop-searchbox-form input:focus {
  background: rgba(59, 59, 66, 0.568627451);
  border-color: transparent;
}
.desktop-searchbox .desktop-searchbox-form input::-webkit-search-cancel-button {
  -webkit-appearance: none;
          appearance: none;
}
.desktop-searchbox .desktop-searchbox-form .searchbox-icon {
  width: 25px;
  height: 25px;
  top: 10px;
  left: 10px;
  z-index: 3;
}

.cancelSearchIcon {
  width: 25px;
  height: 25px;
  top: 12px;
  left: 10px;
  z-index: 3;
  opacity: 1;
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
}
.cancelSearchIcon::after, .cancelSearchIcon::before {
  top: 0;
  left: 10px;
  width: 2px;
  height: 20px;
  background: #5facfa;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.cancelSearchIcon::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.mobile-nav-header {
  max-width: 200px;
}

.scrollUp {
  -webkit-transform: none;
          transform: none;
  background: rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 4px 20px 4px rgba(24, 24, 24, 0.9);
          box-shadow: 0 4px 20px 4px rgba(24, 24, 24, 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.scrollDown {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.cancelSearchIconin {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.SearchIconinOut {
  -webkit-transform: translateX(-200px);
          transform: translateX(-200px);
  opacity: 0;
}

#header-banner {
  height: 80px;
  background: radial-gradient(circle, #0f0f0f 80%, rgba(0, 0, 0, 0.8) 20%);
  z-index: 200;
  -webkit-transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
#header-banner #Update-banner {
  height: 80px;
}
#header-banner .close__banner {
  right: 10px;
  width: 40px;
  height: 40px;
}
@media (max-width: 620px) {
  #header-banner .close__banner {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 480px) {
  #header-banner .close__banner {
    top: 0;
  }
}
@media (max-width: 400px) {
  #header-banner .close__banner {
    right: 90%;
    top: 40px;
  }
}
#header-banner .close__banner::after, #header-banner .close__banner::before {
  position: inherit;
  height: 75%;
  width: 2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: inherit;
  transition: inherit;
}
#header-banner .close__banner::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#header-banner .close__banner:hover::after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
#header-banner .close__banner:hover::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
#header-banner .close__banner:hover {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
@media (max-width: 620px) {
  #header-banner a {
    font-size: 0.9rem;
  }
}
#header-banner a:hover {
  color: #f5f5f5;
}

.showUpdate {
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
}

.panelMask {
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background: rgba(0, 0, 0, 0.5);
  cursor: url(../assest/images/icons/cancel.png), default;
}

.panelMaskin {
  opacity: 1;
  visibility: visible;
}

.panelAlert {
  padding: 1.4rem 1rem;
  width: 460px;
  max-width: 95%;
  z-index: 100;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
.panelAlert h1 {
  font-size: 1.5rem;
}
.panelAlert p {
  margin: 1.4rem 0;
}
.panelAlert button {
  padding: 0 1rem;
  margin: 0 0.2rem;
  height: 40px;
}
.panelAlert button:hover::after, .panelAlert button:focus::after, .panelAlert button:hover::before, .panelAlert button:focus::before {
  width: 55%;
}
.panelAlert button::after, .panelAlert button::before {
  width: 0;
  top: 0;
}
.panelAlert button::after {
  right: 0;
}
.panelAlert button::before {
  left: 0;
}

.panelAlertin {
  pointer-events: auto;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.Suc-alert {
  font-size: 1.3rem;
  right: -100%;
  bottom: 15px;
  padding: 0.6rem 1.4rem;
  z-index: 99;
  -webkit-transform: skewX(50deg);
          transform: skewX(50deg);
  -webkit-transition: 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.Suc-alert::after {
  background: #ffbf00;
  height: 5px;
  right: 0;
  top: 0;
  -webkit-animation: alert-progress 4s linear forwards;
          animation: alert-progress 4s linear forwards;
}
@-webkit-keyframes alert-progress {
  to {
    width: 0;
  }
}
@keyframes alert-progress {
  to {
    width: 0;
  }
}

.Suc-alert-in {
  right: 30px;
  -webkit-transform: skewX(0);
          transform: skewX(0);
}

.Suc-alert-out {
  right: -100%;
  -webkit-transform: skewX(50deg);
          transform: skewX(50deg);
}

.undoDeletePost {
  padding: 0.4rem 1rem;
  bottom: 20px;
  right: 50%;
  z-index: 99;
  -webkit-transform: translate(-50%, 200%);
          transform: translate(-50%, 200%);
  -webkit-transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.undoDeletePost::after {
  width: 0;
  top: 0;
  left: 0;
}
@-webkit-keyframes progress-undo {
  to {
    width: 100%;
  }
}
@keyframes progress-undo {
  to {
    width: 100%;
  }
}
.undoDeletePost span {
  padding: 0 0.7rem;
  top: 0;
  right: -45px;
}
.undoDeletePost span:hover, .undoDeletePost span:active, .undoDeletePost span:focus {
  background: #12ae40;
}

.undoDeletePost-in {
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.undoDeletePost-in::after {
  -webkit-animation: progress-undo 4s linear forwards;
          animation: progress-undo 4s linear forwards;
}

.vip-btn {
  background: #fa697c;
  background: linear-gradient(145deg, #fa9f6f, #fa697c, #fa9f6f, #fa697c);
  z-index: 2;
  padding: 0.3rem;
}

.vip-btn::before {
  width: 200%;
  background: inherit;
  background-size: 50% 100%;
}

.vip-btn a {
  padding: 0.2rem 0.2rem;
  color: #f5f5f5;
}

.vip-btn a:hover {
  color: #bbc1c6;
}

@-webkit-keyframes ChangeXBg {
  to {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}

@keyframes ChangeXBg {
  to {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}
.vip-btn:hover::before,
.vip-btn:focus::before {
  -webkit-animation: ChangeXBg 600ms linear infinite;
          animation: ChangeXBg 600ms linear infinite;
}

.mask {
  z-index: 98;
  background: rgba(0, 0, 0, 0.8);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  cursor: url(../assest/images/icons/cancel.png) 20 20, default;
}

.mobile-navbar {
  z-index: 99;
  overflow-y: scroll;
  width: 80%;
}
.mobile-navbar .mobile-logo-container {
  padding: 1rem 0;
}
.mobile-navbar .mobile-logo-container img {
  width: 50px;
  height: 50px;
}
.mobile-navbar .mobile-menu-plus-icon {
  left: 20px;
  top: 20px;
}
.mobile-navbar .mobile-menu-plus-icon span {
  width: 2px;
  height: 12px;
}
.mobile-navbar .mobile-menu-plus-icon span:last-child {
  top: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.mobile-navbar .mobile-navigation-items .mobile-menu-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 0.8rem 1rem;
}
.mobile-navbar .mobile-navigation-items .mobile-menu-title:hover a {
  color: #f5f5f5;
}
.mobile-navbar .mobile-navigation-items .mobile-menu-title:hover {
  color: #f5f5f5;
}
.mobile-navbar .mobile-navigation-items .mobile-menu-title::before {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
}
.mobile-navbar .mobile-navigation-items .mobile-menu-collapse {
  padding-top: 0;
  max-height: 0;
  background: #15151a;
}
.mobile-navbar .mobile-navigation-items .mobile-menu-collapse .mobile-link-item {
  margin-bottom: 0.6rem;
}
.mobile-navbar .mobile-navigation-items .mobile-menu-collapse .mobile-link-item a {
  padding: 0.5rem 1rem;
  font-size: 1rem;
}
.mobile-navbar .mobile-navigation-items .mobile-menu-collapse .mobile-link-item a:hover {
  background: rgba(16, 16, 20, 0.8705882353);
  color: #f5f5f5;
}

.mobile-navbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(31, 31, 31, 0.3);
          box-shadow: inset 0 0 6px rgba(31, 31, 31, 0.3);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
}

.mobile-navbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #fa697c;
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
}

.mobile-navbar::-webkit-scrollbar {
  width: 6px;
}

.view-all-videos-mobile {
  width: 100% !important;
}
.view-all-videos-mobile a {
  width: 100% !important;
  padding: 0.6rem 0.8rem;
}

.MobileBarOpen {
  -webkit-animation: MenuBarOpen 0.8s cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards;
          animation: MenuBarOpen 0.8s cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards;
}

.MobileBarClose {
  -webkit-animation: MenuBarClose 0.7s ease-in-out forwards;
          animation: MenuBarClose 0.7s ease-in-out forwards;
}

.BlackMaskMenu {
  -webkit-animation: maskOut 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards;
          animation: maskOut 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards;
}

@-webkit-keyframes MenuBarOpen {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0.4;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes MenuBarOpen {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0.4;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes MenuBarClose {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
  }
  60% {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-clip-path: circle(0% at 100% 49%);
            clip-path: circle(0% at 100% 49%);
    z-index: -10;
  }
}
@keyframes MenuBarClose {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
  }
  60% {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-clip-path: circle(0% at 100% 49%);
            clip-path: circle(0% at 100% 49%);
    z-index: -10;
  }
}
@-webkit-keyframes maskOut {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes maskOut {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
[data-dropdown^=true]::after {
  left: 10px;
  top: 17px;
  background: url("../assest/images/icons/plus-solid.svg");
  background-size: cover;
  width: 16px;
  height: 18px;
}

.menu-active-item {
  border-bottom: none !important;
}

.menu-active-item-bg::before {
  -webkit-transform: scaleX(1) !important;
          transform: scaleX(1) !important;
}

.menu-item-show {
  padding-top: 0.4rem !important;
  max-height: 600px !important;
}

.mobile-menu-mines::after {
  background: url("../assest/images/icons/minus-solid.svg");
}

@media (max-width: 450px) {
  .MobileSearchbox-icon-Container {
    display: block;
    cursor: pointer;
    background: none;
  }
}
.MobileSearchbox-icon-Container .Mobile-searchbox-icon {
  width: 40px;
  height: 40px;
}

@media (max-width: 450px) {
  .desktop-searchbox {
    position: absolute;
    inset: 0;
    z-index: 80;
    width: 100%;
    height: 80px;
    background: #23232b;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
    -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
}
@media (max-width: 450px) {
  .desktop-searchbox .desktop-searchbox-form {
    width: 75%;
    position: absolute;
    left: 10px;
    bottom: 20px;
  }
}
@media (max-width: 450px) {
  .desktop-searchbox .desktop-searchbox-form input {
    width: 100%;
  }
}
.desktop-searchbox .closeSearchBox {
  right: 16px;
  bottom: 32px;
  background: none;
  color: #5facfa;
}
@media (max-width: 450px) {
  .desktop-searchbox .closeSearchBox {
    display: block;
  }
}

.StickySearchBoxIn {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.menu-with-dropdown:hover .dropdown-desktop-menu {
  -webkit-transform: scaleY(1) translateY(0);
          transform: scaleY(1) translateY(0);
  opacity: 1;
}

.dropdown-desktop-menu {
  width: 220px;
  top: 70px;
  z-index: 10;
  background: rgba(5, 5, 5, 0.9);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  -webkit-transform: scaleY(0) translateY(-30px);
          transform: scaleY(0) translateY(-30px);
  -webkit-transform-origin: top;
          transform-origin: top;
  opacity: 0;
}
.dropdown-desktop-menu li:not(:last-child) {
  margin-bottom: 0.4rem;
}

.dropdown-desktop-menu a {
  padding: 0.4rem 1rem;
  font-size: 0.75rem;
}
.dropdown-desktop-menu a:hover {
  background: #1c1c22;
  color: #f5f5f5;
}

.view-all-videos {
  padding-bottom: 0.8rem !important;
}
.view-all-videos:hover {
  color: #6898f8 !important;
  background: rgba(104, 152, 248, 0.2) !important;
}
.view-all-videos:hover .arrow-left-icon {
  -webkit-transform: translate(-14px, 6px);
          transform: translate(-14px, 6px);
}
.view-all-videos .arrow-left-icon {
  -webkit-transform: translate(-10px, 6px);
          transform: translate(-10px, 6px);
  width: 16px;
  height: 16px;
  fill: #5facfa;
}

.angle-bottom-menu-icon {
  width: 18px;
  height: 18px;
  fill: #bbc1c6;
  -webkit-transform: translate(-2px, 4px);
          transform: translate(-2px, 4px);
  -webkit-transform-origin: 50% 65%;
          transform-origin: 50% 65%;
}

.menu-with-dropdown:hover .angle-bottom-menu-icon {
  fill: #f5f5f5;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.main-content-top-video-choises {
  padding-top: 4.5rem;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
@media (max-width: 620px) {
  .main-content-top-video-choises {
    overflow-x: scroll;
  }
}

.top-choices-items {
  padding-bottom: 2rem;
}
@media (max-width: 620px) {
  .top-choices-items {
    width: 1200px;
    scroll-snap-align: start;
  }
}

.main-content-top-video-choises::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(31, 31, 31, 0.3);
          box-shadow: inset 0 0 6px rgba(31, 31, 31, 0.3);
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
}

.top-choices-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23.55555555%;
          flex: 0 0 23.55555555%;
  width: 23.55555555%;
  margin-top: 1.5rem;
  scroll-snap-align: start;
}
@media (max-width: 991px) {
  .top-choices-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48.55555555%;
            flex: 0 0 48.55555555%;
    width: 48.55555555%;
    margin-top: 1.8rem;
  }
}
@media (max-width: 620px) {
  .top-choices-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 23.55555555%;
            flex: 0 0 23.55555555%;
    width: 23.55555555%;
    margin-top: 1.5rem;
  }
}

.video-thumbmail a:hover .top-choices-video-overlay {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.top-choices-video-overlay {
  padding-right: 1.5rem;
  color: rgba(255, 255, 255, 0.75);
  background: rgba(0, 0, 0, 0.7);
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  opacity: 0;
}
.top-choices-video-overlay .top-choices-info {
  margin-bottom: 0.6rem;
}
.top-choices-video-overlay .top-choices-info .top-choices-imdb {
  padding-right: 0.8rem;
}
.top-choices-video-overlay h2 {
  font-weight: 600;
  line-height: 2;
  font-size: 1rem;
}
.top-choices-video-overlay .top-choices-badge {
  margin-top: 1rem;
}

.badge {
  padding: 0.2rem 0.6rem;
  font-weight: 400;
  vertical-align: baseline;
}

.yellow-badge {
  border: 1px solid #ffc107;
}

.orange-badge {
  border: 1px solid #ff7555;
}

.green-badge {
  border: 1px solid #89d64f;
}

.purple-badge {
  color: #aa7df2;
  border: 1px solid #aa7df2;
}

.red-badge {
  color: #ff3232;
  border: 1px solid #ff3232;
}

.blue-badge {
  color: #6898f8;
  border: 1px solid #6898f8;
}

.main-body {
  padding-top: 2rem;
}

@media (max-width: 991px) {
  .articles-container .articles-aside {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.articles-container .main-articles {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 74%;
          flex: 0 0 74%;
  max-width: 74%;
}
@media (max-width: 991px) {
  .articles-container .main-articles {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.articles-container .main-articles .article-header {
  margin-bottom: 1.4rem;
}
@media (max-width: 991px) {
  .articles-container .main-articles .article-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 620px) {
  .articles-container .main-articles .article-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.articles-container .main-articles .article-header p {
  font-weight: bold;
}
@media (max-width: 620px) {
  .articles-container .main-articles .article-header p {
    margin-bottom: 0.6rem;
  }
}
.articles-container .main-articles .article-header button {
  border: 1px solid #6898f8;
  padding: 0.5rem 2rem;
  background: transparent;
}
@media (max-width: 620px) {
  .articles-container .main-articles .article-header button {
    width: 100%;
  }
}
.articles-container .main-articles .article-header button i {
  padding-left: 0.4rem;
  font-size: 1.1rem;
}
.articles-container .main-articles .main-post {
  padding: 1.4rem;
  margin-bottom: 1.6rem;
}
@media (max-width: 620px) {
  .articles-container .main-articles .main-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.articles-container .main-articles .main-post .post-img-container {
  margin-left: 0.6rem;
  max-width: 25%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}
@media (max-width: 620px) {
  .articles-container .main-articles .main-post .post-img-container {
    margin-bottom: 1.4rem;
    margin-left: 0;
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.articles-container .main-articles .main-post .post-img-container:hover img {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-filter: none;
          filter: none;
}
.articles-container .main-articles .main-post .post-img-container img {
  -webkit-filter: drop-shadow(0 10px 6px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(0 10px 6px rgba(0, 0, 0, 0.4));
}
.articles-container .main-articles .main-post .post-info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}
@media (max-width: 620px) {
  .articles-container .main-articles .main-post .post-info {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.articles-container .main-articles .main-post .post-info .post-title-container {
  margin-bottom: 1rem;
}
@media (max-width: 620px) {
  .articles-container .main-articles .main-post .post-info .post-title-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.articles-container .main-articles .main-post .post-info .post-title-container h1 a {
  color: #e8eaf0;
  font-weight: 500;
}
@media (max-width: 620px) {
  .articles-container .main-articles .main-post .post-info .post-title-container h1 a {
    margin-bottom: 0.4rem;
    text-align: center;
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.8;
  }
}
.articles-container .main-articles .main-post .post-info .post-title-container h1 a:hover {
  color: #bbc1c6;
}
.articles-container .main-articles .main-post .post-info .post-title-container span {
  padding-right: 1.2rem;
  color: #5facfa;
}
@media (max-width: 620px) {
  .articles-container .main-articles .main-post .post-info .post-title-container span {
    padding-right: 0;
  }
}
.articles-container .main-articles .main-post .post-info .post-title-container span img {
  width: 18px;
  height: 18px;
  margin-left: 0.5rem;
}
.articles-container .main-articles .main-post .post-info .post-meta {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
@media (max-width: 620px) {
  .articles-container .main-articles .main-post .post-info .post-meta {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: none;
  }
}
.articles-container .main-articles .main-post .post-info .post-meta-tags i {
  margin-left: 0.2rem;
}
.articles-container .main-articles .main-post .post-info .post-meta span a {
  margin: 0 0.3rem;
}
.articles-container .main-articles .main-post .post-info .post-meta span a:hover {
  color: #5facfa;
}
.articles-container .main-articles .main-post .post-info .post-meta .tags-horzontal-line {
  background: #bbc1c6;
  width: 8px;
  height: 2px;
}
.articles-container .main-articles .main-post .post-info .post-meta span:last-child {
  margin-right: 1rem;
}
.articles-container .main-articles .main-post .post-info .actors-director-container {
  line-height: 2.2;
  margin: 1rem 0;
}
@media (max-width: 720px) {
  .articles-container .main-articles .main-post .post-info .actors-director-container {
    display: none;
  }
}
.articles-container .main-articles .main-post .post-info .actors-director-container span::after {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  padding: 0 0.2rem 0 0.4rem;
  float: right;
}
.articles-container .main-articles .main-post .post-info .actors-director-container .actors span::after {
  content: "\f507";
}
.articles-container .main-articles .main-post .post-info .actors-director-container .director span::after {
  content: "\f508";
}
.articles-container .main-articles .main-post .post-info .actors-director-container a {
  margin: 0 0.2rem;
}
.articles-container .main-articles .main-post .post-info .actors-director-container a:hover {
  color: #5facfa;
}
.articles-container .main-articles .main-post .post-info .post-summary {
  border-radius: 2px;
  padding: 0.8rem;
}
@media (max-width: 1100px) {
  .articles-container .main-articles .main-post .post-info .post-summary {
    display: none;
  }
}
.articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container {
  margin-top: 2rem;
}
@media (max-width: 720px) {
  .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 1rem;
  }
}
@media (max-width: 720px) {
  .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-time-country-score {
    margin-bottom: 1.4rem;
  }
}
@media (max-width: 620px) {
  .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-time-country-score {
    display: none;
  }
}
.articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-time-country-score p:not(:first-child) {
  margin-right: 2rem;
}
.articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-time-country-score p i {
  margin-left: 0.2rem;
}
@media (max-width: 720px) {
  .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-btn {
    width: 100%;
  }
}
@media (max-width: 620px) {
  .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-btn {
    width: 300px;
  }
}
@media (max-width: 400px) {
  .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-btn {
    width: 240px;
  }
}
.articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-btn-con {
  background: none;
}
@media (max-width: 720px) {
  .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-btn-con {
    width: 100%;
  }
}
.articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-btn-con a {
  border: 1px solid #6898f8;
  width: 150px;
  padding: 0.6rem 1.375rem;
}
@media (max-width: 720px) {
  .articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-btn-con a {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
}
.articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-btn-con a:hover {
  color: #f5f5f5;
  background: #6898f8;
}
.articles-container .main-articles .main-post .post-info .post-time-country-score-btn-container .post-btn-con a i {
  font-size: 1rem;
  padding-left: 0.2rem;
  vertical-align: middle;
}
.articles-container .main-articles .pagination {
  padding: 1.2rem;
  margin-bottom: 1.6rem;
}
@media (max-width: 480px) {
  .articles-container .main-articles .pagination {
    padding: 0.8rem 0.4rem;
  }
}
.articles-container .main-articles .pagination ul li {
  margin: 0 0.6rem;
}
@media (max-width: 480px) {
  .articles-container .main-articles .pagination ul li {
    margin: 0 0.3rem;
  }
}
@media (max-width: 360px) {
  .articles-container .main-articles .pagination ul li {
    margin: 0 0.3rem;
    margin-bottom: 0.6rem;
  }
}
.articles-container .main-articles .pagination ul li a {
  width: 45px;
  height: 45px;
  padding: 0.6rem 0.2rem 0 0.2rem;
}
@media (max-width: 480px) {
  .articles-container .main-articles .pagination ul li a {
    font-size: 0.9rem;
    width: 40px;
    height: 40px;
  }
}
.articles-container .main-articles .pagination ul li a:hover {
  background: #6898f8;
  color: #f5f5f5;
}

.active-page {
  background: #6898f8 !important;
  color: #f5f5f5 !important;
}

@media (max-width: 991px) {
  .main-aside {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
@media (max-width: 991px) {
  .main-aside .updates-and-search-btn {
    display: none;
  }
}
.main-aside .updates-and-search-btn .aside-tab {
  top: 0;
  right: 0;
  width: 50%;
  background: #32323d;
}
.main-aside .updates-and-search-btn .tabs-container div a {
  word-spacing: -2px;
  padding: 0.8rem 0.4rem;
}
.main-aside .serial-updates {
  padding: 2rem 0;
}
.main-aside .serial-updates h1 {
  font-weight: 500;
  word-spacing: -2px;
}
.main-aside .serial-updates h1 i {
  padding-left: 0.7rem;
}
.main-aside .serial-updates .view-all-serial-updates a:hover {
  color: #5facfa;
}
.main-aside .serial-container {
  margin-bottom: 1.2rem;
  -webkit-box-shadow: 0 5px 25px rgba(20, 20, 20, 0.1);
          box-shadow: 0 5px 25px rgba(20, 20, 20, 0.1);
}
@media (max-width: 991px) {
  .main-aside .serial-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
  }
}
@media (max-width: 620px) {
  .main-aside .serial-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.main-aside .serial-container .serial-overlay {
  bottom: 0;
  padding: 0.3rem 0.6rem;
  background: rgba(0, 0, 0, 0.5);
}
.main-aside .serial-container .serial-overlay span {
  border: 1px solid #f5f5f5;
  padding: 0.1rem 0.4rem;
  font-size: 0.7rem;
}
.main-aside .dubbed-section {
  -webkit-box-shadow: 0 5px 25px rgba(20, 20, 20, 0.1);
          box-shadow: 0 5px 25px rgba(20, 20, 20, 0.1);
  margin: 2rem 0 1rem 0;
  padding: 1.2rem 1rem;
}
.main-aside .dubbed-section .dubbed-img-container {
  margin-left: 1.4rem;
  width: 55px;
  height: 55px;
}
.main-aside .dubbed-section .dubbed-img-container::after {
  top: 0;
  -webkit-filter: blur(3px);
          filter: blur(3px);
  border-radius: inherit;
  background: #4e54c8;
  background: -webkit-gradient(linear, left top, right top, from(#4e54c8), to(#8f94fb));
  background: linear-gradient(to right, #4e54c8, #8f94fb);
  -webkit-animation: img-shadow 1s linear infinite alternate;
          animation: img-shadow 1s linear infinite alternate;
}
@-webkit-keyframes img-shadow {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes img-shadow {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.main-aside .dubbed-section .dubbed-img-container img {
  max-width: 50px;
  border-radius: inherit;
}
.main-aside .dubbed-section .dubbed-text-container {
  line-height: 1.6;
}
.main-aside .dubbed-section .dubbed-text-container p {
  font-size: 0.7rem;
}
.main-aside .dubbed-section .dubbed-text-container h1 {
  font-size: 1rem;
  word-spacing: -2px;
}
.main-aside .dubbed-options {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2rem;
}
@media (max-width: 991px) {
  .main-aside .dubbed-options {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 620px) {
  .main-aside .dubbed-options {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.main-aside .dubbed-options div:first-child {
  margin-bottom: 1rem;
}
@media (max-width: 991px) {
  .main-aside .dubbed-options div:first-child {
    margin: 0 0 0 0.4rem;
  }
}
@media (max-width: 620px) {
  .main-aside .dubbed-options div:first-child {
    margin-bottom: 1rem;
  }
}
.main-aside .dubbed-options .fa-film-dubbed a,
.main-aside .dubbed-options .fa-animation-dubbed a {
  padding: 0.5rem 0;
}
.main-aside .dubbed-options .fa-film-dubbed a:hover,
.main-aside .dubbed-options .fa-animation-dubbed a:hover {
  background: rgba(14, 14, 14, 0.1);
  color: #bbc1c6;
}

.easeOutSer {
  max-height: 100%;
  -webkit-animation: easeOutSerials 400ms ease-in-out forwards;
          animation: easeOutSerials 400ms ease-in-out forwards;
}

@-webkit-keyframes easeOutSerials {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes easeOutSerials {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.easeInSer {
  max-height: 0;
  -webkit-animation: easeInOutSerials 400ms ease-in-out forwards;
          animation: easeInOutSerials 400ms ease-in-out forwards;
}

@-webkit-keyframes easeInOutSerials {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes easeInOutSerials {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.search-filter {
  -webkit-box-shadow: 0 5px 25px rgba(20, 20, 20, 0.1);
          box-shadow: 0 5px 25px rgba(20, 20, 20, 0.1);
  margin: 2rem 0;
  max-height: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.search-filter .FilterBoxBtn {
  color: #fff;
  padding: 0.6rem 0;
}
.search-filter .FilterBoxBtn:hover {
  opacity: 0.8;
}
.search-filter .search-filter-inner {
  padding: 1.4rem;
}
.search-filter .search-filter-inner h1 {
  color: #e6e6e6;
  margin-bottom: 2rem;
}
.search-filter .form-group-title:hover {
  background: rgba(14, 14, 14, 0.1);
}
.search-filter .form-group-title a {
  padding: 0.5rem 1.2rem;
}
.search-filter .form-group-title a:hover {
  color: #f5f5f5;
}
.search-filter .form-group-control {
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  padding: 0 2.8rem 0 0;
  margin-bottom: 0.9rem;
  max-height: 0;
}
.search-filter .form-group-control .cr-container {
  margin-bottom: 0.5rem;
}
.search-filter .form-group-control .cr-container label {
  word-spacing: -2px;
}
.search-filter .form-group-control .cr-container label:hover span {
  background: rgba(33, 150, 243, 0.8);
}
.search-filter .form-group-control .cr-container label input[type=radio]:checked ~ span::after {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  background: #fff url(../assest/images/icons/checked.png) no-repeat;
  background-size: cover;
}
.search-filter .form-group-control .cr-container label span {
  width: 16px;
  height: 16px;
  top: 4px;
  right: -30px;
}
.search-filter .form-group-control .cr-container label span:after {
  -webkit-transform: scale(0);
          transform: scale(0);
  border-radius: inherit;
}

.Ofyear-Unyear {
  margin-bottom: 0.9rem;
}
.Ofyear-Unyear .of-year .form-group-control,
.Ofyear-Unyear .un-year .form-group-control {
  right: 0;
  top: 40px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.02);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.02);
}
.Ofyear-Unyear .of-year {
  margin-left: 1rem;
}

.normal-searchfilter-style {
  max-height: 200px !important;
  padding: 0.6rem 2.8rem 0.6rem 0 !important;
  overflow-y: auto !important;
}

.min-searchfilter-style {
  max-height: 200px !important;
  padding: 0.6rem 2.8rem 0.6rem 0 !important;
  overflow-y: auto !important;
}

.SearchFilterIn {
  max-height: 100%;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  overflow: visible;
}

.SearchFilterInAbs {
  position: fixed;
  inset: 0;
  width: 95%;
  z-index: 9999999;
  margin: 2rem auto;
  max-height: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.SearchFilterInMobile {
  overflow-y: auto;
  max-height: 100%;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media (max-width: 991px) {
  .closeSearchFilter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
    position: fixed;
    left: 15px;
    top: 20px;
    z-index: 99;
    background: #bbc1c6;
    border-radius: 100vw;
    width: 30px;
    height: 30px;
  }
}
.closeSearchFilter i {
  font-size: 1.2rem;
}

#imdb-cr .last__posts__cr:hover img,
#collection-cr .last__posts__cr:hover img,
#marvel-cr .last__posts__cr:hover img,
#dc-cr .last__posts__cr:hover img,
#oscar-cr .last__posts__cr:hover img,
#nostalgia-cr .last__posts__cr:hover img {
  opacity: 1;
  -webkit-transform: scale(1.13);
          transform: scale(1.13);
}
#imdb-cr .last__post__img,
#collection-cr .last__post__img,
#marvel-cr .last__post__img,
#dc-cr .last__post__img,
#oscar-cr .last__post__img,
#nostalgia-cr .last__post__img {
  border-radius: 6px 6px 0 0;
  padding: 1rem 0;
  background: linear-gradient(20deg, rgba(18, 18, 18, 0.9), rgba(33, 37, 41, 0.5)), url(../assest/images/backgrounds/imdb-bg.png) no-repeat center;
  background-size: 740px;
}
#imdb-cr .bests-link img,
#collection-cr .bests-link img,
#marvel-cr .bests-link img,
#dc-cr .bests-link img,
#oscar-cr .bests-link img,
#nostalgia-cr .bests-link img {
  max-width: 130px;
  height: 180px;
}
#imdb-cr .score-length,
#collection-cr .score-length,
#marvel-cr .score-length,
#dc-cr .score-length,
#oscar-cr .score-length,
#nostalgia-cr .score-length {
  padding: 0.3rem 0.6rem;
  z-index: 2;
  left: 10px;
  top: 5px;
}
#imdb-cr .score-length i,
#collection-cr .score-length i,
#marvel-cr .score-length i,
#dc-cr .score-length i,
#oscar-cr .score-length i,
#nostalgia-cr .score-length i {
  font-size: 1.2rem;
  padding-right: 0.4rem;
}
#imdb-cr .fa-question-circle,
#collection-cr .fa-question-circle,
#marvel-cr .fa-question-circle,
#dc-cr .fa-question-circle,
#oscar-cr .fa-question-circle,
#nostalgia-cr .fa-question-circle {
  color: #aa7df2;
}
#imdb-cr .last__post__text .yl-hover:hover,
#collection-cr .last__post__text .yl-hover:hover,
#marvel-cr .last__post__text .yl-hover:hover,
#dc-cr .last__post__text .yl-hover:hover,
#oscar-cr .last__post__text .yl-hover:hover,
#nostalgia-cr .last__post__text .yl-hover:hover {
  color: #ffc107;
}
#imdb-cr .last__post__text .p-hover:hover,
#collection-cr .last__post__text .p-hover:hover,
#marvel-cr .last__post__text .p-hover:hover,
#dc-cr .last__post__text .p-hover:hover,
#oscar-cr .last__post__text .p-hover:hover,
#nostalgia-cr .last__post__text .p-hover:hover {
  color: #aa7df2;
}
#imdb-cr .last__post__text .red-hover:hover,
#collection-cr .last__post__text .red-hover:hover,
#marvel-cr .last__post__text .red-hover:hover,
#dc-cr .last__post__text .red-hover:hover,
#oscar-cr .last__post__text .red-hover:hover,
#nostalgia-cr .last__post__text .red-hover:hover {
  color: #ff3232;
}
#imdb-cr .last__post__text .blue-hover:hover,
#collection-cr .last__post__text .blue-hover:hover,
#marvel-cr .last__post__text .blue-hover:hover,
#dc-cr .last__post__text .blue-hover:hover,
#oscar-cr .last__post__text .blue-hover:hover,
#nostalgia-cr .last__post__text .blue-hover:hover {
  color: #6898f8;
}
#imdb-cr .last__post__text .green-hover:hover,
#collection-cr .last__post__text .green-hover:hover,
#marvel-cr .last__post__text .green-hover:hover,
#dc-cr .last__post__text .green-hover:hover,
#oscar-cr .last__post__text .green-hover:hover,
#nostalgia-cr .last__post__text .green-hover:hover {
  color: #89d64f;
}
#imdb-cr .link-btn,
#collection-cr .link-btn,
#marvel-cr .link-btn,
#dc-cr .link-btn,
#oscar-cr .link-btn,
#nostalgia-cr .link-btn {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0.4rem 4rem;
  margin-bottom: 1.4rem;
}
#imdb-cr .link-btn::after,
#collection-cr .link-btn::after,
#marvel-cr .link-btn::after,
#dc-cr .link-btn::after,
#oscar-cr .link-btn::after,
#nostalgia-cr .link-btn::after {
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
#imdb-cr .link-btn:hover::after,
#collection-cr .link-btn:hover::after,
#marvel-cr .link-btn:hover::after,
#dc-cr .link-btn:hover::after,
#oscar-cr .link-btn:hover::after,
#nostalgia-cr .link-btn:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
#imdb-cr .yellow-badge:hover,
#collection-cr .yellow-badge:hover,
#marvel-cr .yellow-badge:hover,
#dc-cr .yellow-badge:hover,
#oscar-cr .yellow-badge:hover,
#nostalgia-cr .yellow-badge:hover {
  color: #0f0f0f;
}
#imdb-cr .yellow-badge::after,
#collection-cr .yellow-badge::after,
#marvel-cr .yellow-badge::after,
#dc-cr .yellow-badge::after,
#oscar-cr .yellow-badge::after,
#nostalgia-cr .yellow-badge::after {
  background: #ffc107;
}
#imdb-cr .purple-badge:hover,
#collection-cr .purple-badge:hover,
#marvel-cr .purple-badge:hover,
#dc-cr .purple-badge:hover,
#oscar-cr .purple-badge:hover,
#nostalgia-cr .purple-badge:hover {
  color: #0f0f0f;
}
#imdb-cr .purple-badge::after,
#collection-cr .purple-badge::after,
#marvel-cr .purple-badge::after,
#dc-cr .purple-badge::after,
#oscar-cr .purple-badge::after,
#nostalgia-cr .purple-badge::after {
  background: #aa7df2;
}
#imdb-cr .red-badge:hover,
#collection-cr .red-badge:hover,
#marvel-cr .red-badge:hover,
#dc-cr .red-badge:hover,
#oscar-cr .red-badge:hover,
#nostalgia-cr .red-badge:hover {
  color: #f5f5f5;
}
#imdb-cr .red-badge::after,
#collection-cr .red-badge::after,
#marvel-cr .red-badge::after,
#dc-cr .red-badge::after,
#oscar-cr .red-badge::after,
#nostalgia-cr .red-badge::after {
  background: #ff3232;
}
#imdb-cr .blue-badge:hover,
#collection-cr .blue-badge:hover,
#marvel-cr .blue-badge:hover,
#dc-cr .blue-badge:hover,
#oscar-cr .blue-badge:hover,
#nostalgia-cr .blue-badge:hover {
  color: #f5f5f5;
}
#imdb-cr .blue-badge::after,
#collection-cr .blue-badge::after,
#marvel-cr .blue-badge::after,
#dc-cr .blue-badge::after,
#oscar-cr .blue-badge::after,
#nostalgia-cr .blue-badge::after {
  background: #6898f8;
}
#imdb-cr .green-badge:hover,
#collection-cr .green-badge:hover,
#marvel-cr .green-badge:hover,
#dc-cr .green-badge:hover,
#oscar-cr .green-badge:hover,
#nostalgia-cr .green-badge:hover {
  color: #f5f5f5;
}
#imdb-cr .green-badge::after,
#collection-cr .green-badge::after,
#marvel-cr .green-badge::after,
#dc-cr .green-badge::after,
#oscar-cr .green-badge::after,
#nostalgia-cr .green-badge::after {
  background: #89d64f;
}

#collection-cr .last__post__img {
  background: linear-gradient(20deg, rgba(18, 18, 18, 0.9), rgba(33, 37, 41, 0.5)), url(../assest/images/backgrounds/collection-bg.png) no-repeat center;
  background-size: 500px;
}

#marvel-cr .last__post__img {
  background: linear-gradient(20deg, rgba(18, 18, 18, 0.9), rgba(33, 37, 41, 0.5)), url(../assest/images/backgrounds/marvel.png) no-repeat center;
  background-size: 350px;
}

#dc-cr .last__post__img {
  background: linear-gradient(20deg, rgba(18, 18, 18, 0.9), rgba(33, 37, 41, 0.5)), url(../assest/images/backgrounds/dc-bg.png) no-repeat center;
  background-size: 600px;
}

#oscar-cr .last__post__img {
  background: linear-gradient(20deg, rgba(18, 18, 18, 0.9), rgba(33, 37, 41, 0.5)), url(../assest/images/backgrounds/oscar.png) no-repeat center;
  background-size: 400px;
}
#oscar-cr .fa-question-circle {
  color: #ffc107;
}

#nostalgia-cr .last__post__img {
  background: linear-gradient(20deg, rgba(18, 18, 18, 0.9), rgba(33, 37, 41, 0.5)), url(../assest/images/backgrounds/nostaliga.png) no-repeat center;
  background-size: 350px;
}

.movie-info-inner {
  padding: 1rem;
  z-index: 4;
  background: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.movie-info-inner h1 {
  border-bottom: 1px solid rgba(245, 245, 245, 0.2);
  padding-bottom: 0.4rem;
}
.movie-info-inner p::before {
  margin-left: 0.5rem;
  width: 20px;
  height: 20px;
  background: url(../assest/images/icons/film-strip.svg);
}
.movie-info-inner button {
  padding: 0.2rem 1rem;
  bottom: 30px;
  right: 50%;
  margin-right: -2rem;
}
.movie-info-inner button:hover {
  -webkit-box-shadow: 0 0 12px #cc3333;
          box-shadow: 0 0 12px #cc3333;
}

.movie-info-inner-open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.footer {
  padding-top: 2rem;
}
.footer .footer-section {
  padding: 2rem 0.938rem 4rem 0.938rem;
}
@media (max-width: 991px) {
  .footer .footer-section {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: -4rem;
  }
}
.footer .footer-section .footer-right-aside {
  padding: 1.7rem 0.6rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 74%;
          flex: 0 0 74%;
  max-width: 74%;
}
@media (max-width: 991px) {
  .footer .footer-section .footer-right-aside {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.footer .footer-section .footer-right-aside .req-software .footer-box {
  margin-left: 1.4rem;
  background: rgba(255, 193, 7, 0.1607843137);
  width: 60px;
  height: 60px;
}
@media (max-width: 991px) {
  .footer .footer-section .footer-right-aside .req-software .footer-box {
    margin-bottom: 1rem;
  }
}
.footer .footer-section .footer-right-aside .req-software .footer-box i {
  font-size: 2rem;
}
.footer .footer-section .footer-right-aside .req-software .footer-text a {
  letter-spacing: -0.6px;
}
.footer .footer-section .footer-right-aside .req-software .footer-text a:last-child {
  font-size: 1rem;
}
.footer .footer-section .footer-right-aside .req-software .footer-text a:hover {
  color: #5facfa;
}
.footer .footer-left-aside {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24%;
          flex: 0 0 24%;
  max-width: 24%;
}
@media (max-width: 991px) {
  .footer .footer-left-aside {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-top: 1rem;
  }
}
.footer .footer-left-aside a {
  background: #fa697c;
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
  -webkit-box-shadow: 0 3px 20px rgba(250, 123, 119, 0.3);
          box-shadow: 0 3px 20px rgba(250, 123, 119, 0.3);
  margin: 0.7rem 0;
  padding: 0.6rem 0.8rem;
}
.footer .footer-left-aside a:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.footer .footer-left-aside a .social-icons .social-text i {
  font-size: 1.4rem;
  padding-left: 0.5rem;
}
.footer .footer-left-aside a .social-icons .arrow-social {
  background: rgba(255, 255, 255, 0.3);
  width: 20px;
  height: 20px;
}

.blue-box {
  background: rgba(104, 152, 248, 0.1411764706) !important;
  color: #6898f8 !important;
}

.green-box {
  background: rgba(137, 214, 79, 0.1490196078) !important;
  color: #89d64f !important;
}

.telegram {
  background: #6898f8;
  background: linear-gradient(145deg, #96d5f5, #5ebae8) !important;
  -webkit-box-shadow: 0 3px 20px rgba(142, 209, 243, 0.35) !important;
          box-shadow: 0 3px 20px rgba(142, 209, 243, 0.35) !important;
}
.telegram:hover {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.footer-bg {
  background: #0f0f0f;
  background: radial-gradient(circle, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.15) 80%);
  background-size: cover;
}
.footer-bg .footer-nav {
  padding: 2rem 3rem;
  max-width: 1200px;
}
@media (max-width: 800px) {
  .footer-bg .footer-nav {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 620px) {
  .footer-bg .footer-nav {
    padding: 2rem;
  }
}
.footer-bg .footer-nav .footer-logo-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media (max-width: 800px) {
  .footer-bg .footer-nav .footer-logo-container {
    margin-right: 2rem;
  }
}
@media (max-width: 480px) {
  .footer-bg .footer-nav .footer-logo-container {
    margin: 0 auto;
    margin-bottom: 2rem;
  }
}
.footer-bg .footer-nav .footer-logo-container svg {
  width: 60px;
  height: 60px;
}
.footer-bg .footer-nav .footer-logo-container p {
  letter-spacing: 4px;
  font-family: "Bebas", sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  -webkit-transform: scaleX(1.4);
          transform: scaleX(1.4);
}
.footer-bg .footer-nav .footer-logo-container p i {
  -webkit-transition: inherit;
  transition: inherit;
  font-size: 2rem;
  font-style: normal;
  color: transparent;
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
}
.footer-bg .footer-nav .footer-logo-container p:hover {
  color: transparent;
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
}
.footer-bg .footer-nav .footer-logo-container p:hover i {
  color: #bbc1c6;
}
@media (max-width: 800px) {
  .footer-bg .footer-nav .footer-nav-links {
    -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    margin-bottom: 3rem;
  }
}
@media (max-width: 480px) {
  .footer-bg .footer-nav .footer-nav-links {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media (max-width: 480px) {
  .footer-bg .footer-nav .footer-nav-links {
    margin-bottom: 1.3rem;
  }
}
.footer-bg .footer-nav .footer-nav-links:hover h1::before {
  -webkit-animation: rotate360degF 1s linear infinite;
          animation: rotate360degF 1s linear infinite;
}
.footer-bg .footer-nav .footer-nav-links h1 {
  font-size: 1.2rem;
  word-spacing: -2px;
  margin-bottom: 1.4rem;
}
@media (max-width: 480px) {
  .footer-bg .footer-nav .footer-nav-links h1 {
    width: 100%;
    cursor: pointer;
    background: #23232b;
    border-radius: 4px;
    padding: 0.2rem 0.6rem;
    margin-bottom: 0;
  }
  .footer-bg .footer-nav .footer-nav-links h1:hover {
    color: #bbc1c6;
  }
}
.footer-bg .footer-nav .footer-nav-links h1::after {
  height: 2px;
  bottom: -6px;
  right: 0;
  background: #fa697c;
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
}
@media (max-width: 480px) {
  .footer-bg .footer-nav .footer-nav-links h1::after {
    bottom: 0;
  }
}
.footer-bg .footer-nav .footer-nav-links h1::before {
  background: url(../assest/images/icons/film-strip.svg) no-repeat center center;
  background-size: cover;
  width: 30px;
  height: 30px;
  left: -12px;
  bottom: -10px;
  z-index: 2;
}
@media (max-width: 480px) {
  .footer-bg .footer-nav .footer-nav-links h1::before {
    bottom: -5px;
  }
}
@-webkit-keyframes rotate360degF {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate360degF {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@media (max-width: 480px) {
  .footer-bg .footer-nav .footer-nav-links ul {
    max-height: 0;
    overflow: hidden;
    background: #23232b;
    border-radius: 0 0 10px 10px;
  }
}
.footer-bg .footer-nav .footer-nav-links ul li:not(:last-child) {
  margin-bottom: 1rem;
}
.footer-bg .footer-nav .footer-nav-links ul a {
  font-size: 1rem;
  font-weight: 500;
}
.footer-bg .footer-nav .footer-nav-links ul a:hover {
  -webkit-transform: translateX(-6px);
          transform: translateX(-6px);
  color: #f5f5f5;
}
.footer-bg .footer-nav .footer-nav-links ul a::before {
  content: "\f104";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  top: 1px;
  right: 0;
  margin-left: 1rem;
}
.footer-bg .footer-second-nav {
  padding: 3rem 1.25rem;
  max-width: 1200px;
  border-top: 1px solid rgba(251, 251, 251, 0.24);
}
@media (max-width: 620px) {
  .footer-bg .footer-second-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2rem 0;
  }
}
.footer-bg .footer-second-nav .form-control p {
  margin-bottom: 1rem;
}
.footer-bg .footer-second-nav .form-control #newsletter-inp .newsletter-err {
  border: 1px solid rgba(209, 209, 209, 0.6);
  top: -65px;
  left: -5px;
  z-index: 2;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
  background: rgba(40, 40, 40, 0.9);
  padding: 0.6rem;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: rotate(-45deg) scale(0);
          transform: rotate(-45deg) scale(0);
}
.footer-bg .footer-second-nav .form-control #newsletter-inp .newsletter-err-in {
  -webkit-transform: rotate(0) scale(1) !important;
          transform: rotate(0) scale(1) !important;
}
.footer-bg .footer-second-nav .form-control #newsletter-inp input {
  border: 1px solid rgba(187, 193, 198, 0.2);
  border-radius: 6px 0 0 6px;
  background: rgba(28, 28, 34, 0.8);
  width: 300px;
  padding: 0 1rem;
  text-align: left;
}
@media (max-width: 380px) {
  .footer-bg .footer-second-nav .form-control #newsletter-inp input {
    width: 100%;
  }
}
.footer-bg .footer-second-nav .form-control #newsletter-inp input::-webkit-input-placeholder {
  text-align: right;
}
.footer-bg .footer-second-nav .form-control #newsletter-inp input::-moz-placeholder {
  text-align: right;
}
.footer-bg .footer-second-nav .form-control #newsletter-inp input:-ms-input-placeholder {
  text-align: right;
}
.footer-bg .footer-second-nav .form-control #newsletter-inp input::-ms-input-placeholder {
  text-align: right;
}
.footer-bg .footer-second-nav .form-control #newsletter-inp input::placeholder {
  text-align: right;
}
.footer-bg .footer-second-nav .form-control #newsletter-inp input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.footer-bg .footer-second-nav .form-control #newsletter-inp input:focus::-moz-placeholder {
  opacity: 0;
}
.footer-bg .footer-second-nav .form-control #newsletter-inp input:focus:-ms-input-placeholder {
  opacity: 0;
}
.footer-bg .footer-second-nav .form-control #newsletter-inp input:focus::-ms-input-placeholder {
  opacity: 0;
}
.footer-bg .footer-second-nav .form-control #newsletter-inp input:focus::placeholder {
  opacity: 0;
}
.footer-bg .footer-second-nav .form-control #newsletter-inp input:focus {
  background: rgba(28, 28, 34, 0.9);
}
.footer-bg .footer-second-nav .form-control #newsletter-inp button {
  border: 1px solid rgba(187, 193, 198, 0.2);
  padding: 0.4rem;
  width: 50px;
  height: 50px;
  border-radius: 0 6px 6px 0;
  background: rgba(28, 28, 34, 0.7) url(../assest/images/icons/paper-plane.svg) no-repeat;
  background-position: center center;
  background-size: 40px;
}
@-webkit-keyframes Btnbganimation {
  20% {
    background-position: 2px 2px;
  }
  40% {
    background-position: 3px 3px;
  }
  80% {
    background-position: 2px 6px;
  }
}
@keyframes Btnbganimation {
  20% {
    background-position: 2px 2px;
  }
  40% {
    background-position: 3px 3px;
  }
  80% {
    background-position: 2px 6px;
  }
}
.footer-bg .footer-second-nav .form-control #newsletter-inp button:hover {
  -webkit-animation: Btnbganimation 0.6s linear infinite;
          animation: Btnbganimation 0.6s linear infinite;
}
.footer-bg .footer-second-nav .form-control #newsletter-inp button::after {
  background: url(../assest/images/icons/tick.svg) no-repeat;
  background-position: center center;
  background-size: 40px;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}

.socials ul {
  margin-top: 2.9rem;
}
.socials ul .socials-cr {
  border: 1px solid rgba(187, 193, 198, 0.1);
  margin-right: 0.6rem;
  width: 50px;
  height: 50px;
  background: rgba(28, 28, 34, 0.569);
}
@media (max-width: 620px) {
  .socials ul .socials-cr {
    margin: 0 0.6rem;
  }
}
.socials ul .socials-cr:hover {
  border-color: transparent;
}
.socials ul .socials-cr:hover a {
  -webkit-animation: footerSocial 0.65s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
          animation: footerSocial 0.65s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.socials ul .socials-cr a {
  color: transparent;
  background: #fa697c;
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 1.5rem;
}
@-webkit-keyframes footerSocial {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  50% {
    -webkit-transform: scale(0) translateY(100px);
            transform: scale(0) translateY(100px);
  }
  100% {
    -webkit-transform: scale(1.1) translateY(0);
            transform: scale(1.1) translateY(0);
    color: #f5f5f5;
  }
}
@keyframes footerSocial {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
  }
  50% {
    -webkit-transform: scale(0) translateY(100px);
            transform: scale(0) translateY(100px);
  }
  100% {
    -webkit-transform: scale(1.1) translateY(0);
            transform: scale(1.1) translateY(0);
    color: #f5f5f5;
  }
}

.copy-right {
  padding: 2rem 1rem 3rem;
}
.copy-right p span {
  color: transparent;
  background: #fa697c;
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
  -webkit-background-clip: text;
  background-clip: text;
}

.next-movie {
  border: 1px solid rgba(187, 193, 198, 0.1);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  background: rgba(0, 0, 0, 0.2);
  border-radius: 30px 30px 0 0;
  padding: 2rem 1.25rem 1rem;
  max-width: 1200px;
  border-bottom: transparent;
}
.next-movie a button {
  border: 1px solid rgba(187, 193, 198, 0.1);
  background: rgba(28, 28, 34, 0.7);
  width: 50px;
  height: 50px;
  font-size: 1.3rem;
}
.next-movie a button i {
  -webkit-animation: angleup 1s linear infinite alternate;
          animation: angleup 1s linear infinite alternate;
}

@-webkit-keyframes angleup {
  to {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
  }
}

@keyframes angleup {
  to {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
  }
}
.sussces-email-msg {
  background: rgba(35, 35, 43, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-clip-path: circle(23.9% at 50% 50%);
          clip-path: circle(23.9% at 50% 50%);
  z-index: -10;
}
.sussces-email-msg p {
  border: 1px solid rgba(187, 193, 198, 0.1);
  background: #fa697c;
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
  -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
  width: 300px;
  height: 200px;
  max-width: 90%;
}

.sussces-email-msg-in {
  visibility: visible;
  opacity: 1;
  -webkit-clip-path: circle(70.7% at 50% 50%);
          clip-path: circle(70.7% at 50% 50%);
  z-index: 111;
}

.checkinNewsLetter::after {
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
  opacity: 1 !important;
}

.checkinNewsLetter {
  background-size: 0 !important;
}

.footerTitleAfter::after {
  -webkit-transform-origin: left !important;
          transform-origin: left !important;
  -webkit-transform: scaleX(0) !important;
          transform: scaleX(0) !important;
}

.footerNavList {
  max-height: 220px !important;
  padding: 0.4rem 1rem 1rem 0 !important;
}

.video-js {
  max-width: 100%;
  height: auto;
}

.vjs-default-skin .vjs-big-play-button {
  font-size: 1rem;
}

.video-js .vjs-volume-level,
.video-js .vjs-play-progress {
  background: #fa697c;
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
}

.video-js .vjs-big-play-button {
  background: #fa697c;
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
  font-size: 2rem;
}

.video-js .vjs-load-progress {
  background: rgba(255, 255, 255, 0.6);
}

.vjs-play-control {
  background: #fa697c !important;
  background: linear-gradient(145deg, #fa9f6f, #fa697c) !important;
}

.full__page__video video {
  width: 100vw;
  height: 100vh;
}
.full__page__video .logo__on__video {
  right: 20px;
  top: 10px;
  opacity: 0.7;
}
.full__page__video .logo__on__video div {
  padding-right: 0.5rem;
}
.full__page__video .logo__on__video svg {
  width: 40px;
  height: 40px;
}
.full__page__video .logo__on__video h1 {
  font-size: 0.7rem;
}
.full__page__video .logo__on__video:hover {
  opacity: 1;
}
.full__page__video [poster] {
  width: 100%;
  height: 100%;
  position: absolute;
}

.post__header {
  padding: 7rem 0 4rem;
}
.post__header .main-post .post-img-container {
  margin-left: 1rem;
  max-width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
@media (max-width: 680px) {
  .post__header .main-post .post-img-container {
    display: none;
  }
}
.post__header .post-info {
  max-width: 75%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
}
@media (max-width: 680px) {
  .post__header .post-info {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    text-align: center;
    margin-top: 4rem;
  }
}
.post__header .post-info .post-title-container {
  margin-bottom: 0.7rem;
}
@media (max-width: 680px) {
  .post__header .post-info .post-title-container h1 {
    font-size: 1.1rem;
  }
}
.post__header .post-info .post-title-container a:hover {
  color: #bbc1c6;
}
.post__header .post-meta {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 680px) {
  .post__header .post-meta {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .post__header .post-meta .post__country {
    display: none;
  }
  .post__header .post-meta .post__country + .tag__line {
    display: none;
  }
}
.post__header .post-meta .post-meta-tags a:nth-child(2)::after {
  content: " , ";
}
@media (max-width: 480px) {
  .post__header .post-meta span {
    font-size: 0.75rem;
  }
}
.post__header .post-meta .post__year {
  color: #ffc107;
}
.post__header .post-meta .tag__line {
  margin: 0 0.3rem;
  color: rgba(255, 255, 255, 0.25) !important;
}
@media (max-width: 991px) {
  .post__header .post-meta .badge__cr {
    display: none;
  }
}
.post__header .director__likes {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 680px) {
  .post__header .director__likes {
    display: none;
  }
}
.post__header .likes .imdb__score {
  background: #ffc107;
  width: 30px;
  height: 30px;
  margin-left: 0.6rem;
}
.post__header .likes .imdb__score i {
  color: #0f0f0f;
  font-size: 2rem;
}
.post__header .likes p:first-of-type {
  margin-left: 0.6rem;
}
.post__header .likes .like__cr {
  margin-left: 0.6rem;
  background: #89d64f;
  width: 30px;
  height: 30px;
}
.post__header .likes p {
  font-size: 0.7rem;
}
.post__header .likes p > span {
  color: #fff;
  font-size: 1rem;
}
@media (max-width: 680px) {
  .post__header .actors-director-container {
    display: none;
  }
}
.post__header .actors-director-container .actors {
  margin-bottom: 0.4rem;
}
.post__header .actors-director-container .actors-title::after {
  content: " : ";
}
@media (max-width: 680px) {
  .post__header .like__dislike__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (max-width: 680px) {
  .post__header .like__dislike__section .mob__likes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0;
  }
  .post__header .like__dislike__section .mob__likes .like__cr {
    background: hsla(0, 0%, 100%, 0.1);
  }
}
.post__header .like__dislike__section .like__cr p {
  margin-left: 0.5rem;
  background: hsla(0, 0%, 100%, 0.1);
  padding: 0.5rem;
}
.post__header .like__dislike__section .like__cr p:hover {
  background: hsla(0, 0%, 100%, 0.2);
}
.post__header .like__dislike__section .like__cr p:last-child {
  margin-left: 0;
}

.liked {
  color: #89d64f !important;
  -webkit-animation: scale 0.4s ease-in;
          animation: scale 0.4s ease-in;
}

.disliked {
  color: #ff7555 !important;
  -webkit-animation: scale 0.4s ease-in, angry 0.2s ease-in;
          animation: scale 0.4s ease-in, angry 0.2s ease-in;
}

@-webkit-keyframes scale {
  40%, 80% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes scale {
  40%, 80% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes angry {
  40% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  80% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
}
@keyframes angry {
  40% {
    -webkit-transform: translateY(4px);
            transform: translateY(4px);
  }
  80% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
}
.post__video__info {
  padding-bottom: 3rem;
}
@media (max-width: 991px) {
  .post__video__info {
    display: block;
  }
}
.post__video__info .video__container {
  max-width: 45%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45%;
          flex: 0 0 45%;
  margin-left: 2rem;
}
.post__video__info .video__container .video-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  background: url(../assest/images/icons/play.png) no-repeat, rgba(137, 214, 79, 0.9);
  background-size: cover;
}
.post__video__info .video__container .video-play-btn:hover {
  -webkit-transform: translate(-50%, -50%) scale(1.2);
          transform: translate(-50%, -50%) scale(1.2);
}
@media (max-width: 991px) {
  .post__video__info .video__container {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 0 0 1rem 0;
  }
}
.post__video__info .movie__info__cr {
  line-height: 1.8;
}
.post__video__info .movie__info__cr .movie__story {
  margin-bottom: 0.6rem;
}
.post__video__info .movie__info__cr h4 {
  margin-bottom: 0.4rem;
  font-weight: 600;
}
@media (max-width: 480px) {
  .post__video__info .movie__info__cr h4 {
    background: #23232b;
    border-radius: 3px;
    padding: 0.2rem 0.5rem;
  }
  .post__video__info .movie__info__cr h4::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    float: left;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
}
.post__video__info .movie__info__cr h4 i {
  padding-left: 0.3rem;
  vertical-align: middle;
}
@media (max-width: 480px) {
  .post__video__info .movie__info__cr h4 i {
    color: #f5f5f5;
  }
}
@media (max-width: 480px) {
  .post__video__info .movie__info__cr p {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #23232b;
    border-radius: 3px;
    padding: 0;
    max-height: 0;
    overflow: hidden;
  }
}

@media (max-width: 480px) {
  .movie__story__open {
    max-height: 100% !important;
    padding: 0.2rem 0.5rem !important;
  }
}

.movie__st__title::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.video__horzontal__line {
  max-width: 1280px;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}

.contant__us__tel {
  padding-top: 1rem;
}
.contant__us__tel p {
  line-height: 2;
  margin: 2rem auto;
  background: #18191d;
  padding: 0.7rem 0.938rem;
}
.contant__us__tel p i {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.contant__us__tel p a::after, .contant__us__tel p a::before {
  margin: 0 0.2rem;
}
.contant__us__tel p a:hover {
  color: rgba(89, 240, 14, 0.7);
}

.download__star {
  padding-bottom: 2rem;
}
.sell__serials__container {
  margin-bottom: 4rem;
}
.sell__serials__container .sell__serials {
  background: #16151a;
  padding: 1.4rem;
}
@media (max-width: 480px) {
  .sell__serials__container .sell__serials {
    padding: 0;
  }
}
.sell__serials__container .sell__serials button {
  left: 25px;
  top: 80px;
  z-index: 5;
  width: 40px;
  height: 40px;
}
@media (max-width: 480px) {
  .sell__serials__container .sell__serials button {
    top: 60px;
    left: 0;
  }
}
.sell__serials__container .sell__serials button:hover i {
  color: #89d64f;
}
.sell__serials__container .sell__serials button i {
  font-size: 1.8rem;
}
.sell__serials__container .sell__serials .scrollTo {
  right: 25px;
}
@media (max-width: 480px) {
  .sell__serials__container .sell__serials .scrollTo {
    right: 0;
  }
}
.sell__serials__container .sell__serials .serials__title {
  font-weight: normal;
  padding: 0.4rem;
}
@media (max-width: 800px) {
  .sell__serials__container .sell__serials .serial__or__film__btns {
    overflow-x: scroll;
  }
}
@media (max-width: 800px) {
  .sell__serials__container .sell__serials .serial__or__film__btns .buttons__cr {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
.sell__serials__container .sell__serials .serial__or__film__btns .buttons__cr a {
  width: 200px;
  padding: 0.8rem;
}
.sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner {
  background: #1d1c22;
  -webkit-box-shadow: inset -2px -1px 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: inset -2px -1px 0 1px rgba(255, 255, 255, 0.1);
  padding: 1.6rem 1rem;
}
@media (max-width: 600px) {
  .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner:not(:last-child) {
  margin-bottom: 0.6rem;
}
.sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .sell__serial__info span:not(:first-child) {
  padding-right: 0.8rem;
}
@media (max-width: 620px) {
  .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .sell__serial__info .film__volume {
    padding-right: 0 !important;
  }
}
.sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .sell__serial__info .subtitle__tag {
  color: #aa7df2;
  background: rgba(170, 125, 242, 0.1411764706);
}
@media (max-width: 480px) {
  .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .sell__serial__info span {
    font-size: 0.8rem;
  }
}
@media (max-width: 600px) {
  .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .download__serial__btn {
    margin-top: 0;
  }
}
@media (max-width: 360px) {
  .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .download__serial__btn {
    margin-top: 2rem;
  }
}
.sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .download__serial__btn a {
  background: #12ae40;
  border-radius: 3px;
  padding: 0.65rem 1.1rem;
  margin-right: 0.4rem;
}
.sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .download__serial__btn a:hover, .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .download__serial__btn a:active, .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .download__serial__btn a:focus {
  background: #92ca55;
}
@media (max-width: 480px) {
  .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .download__serial__btn a {
    font-size: 0.8rem;
  }
}
@media (max-width: 991px) {
  .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .download__serial__btn a i {
    display: none;
  }
}
.sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .download__serial__btn .play__online {
  background: #ffb231 !important;
}
@media (max-width: 680px) {
  .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .download__serial__btn .play__online span:last-child {
    display: inline-block;
  }
}
@media (max-width: 620px) {
  .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .download__serial__btn .play__online span:last-child {
    margin-top: 2rem;
  }
}
@media (max-width: 680px) {
  .sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .download__serial__btn .play__online span:first-child {
    display: none;
  }
}
.sell__serials__container .sell__serials .serials____cr .sell__serials__download__section .sell__serial__inner .download__serial__btn .play__online:hover {
  background: #f1a31a !important;
}

.active__serial__page {
  background: #2d2d35 !important;
  border-radius: 4px 4px 0 0 !important;
  color: #f5f5f5 !important;
}

.Serials__dw__animation {
  -webkit-animation: ease_In 0.5s cubic-bezier(0.76, 0, 0.24, 1) forwards;
          animation: ease_In 0.5s cubic-bezier(0.76, 0, 0.24, 1) forwards;
}

@-webkit-keyframes ease_In {
  0% {
    opacity: 0.4;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  40% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes ease_In {
  0% {
    opacity: 0.4;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  40% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.post__relatedes__cr {
  margin-bottom: 2rem;
}
.post__relatedes__cr .post__related h1 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  word-spacing: -2px;
}
.post__relatedes__cr .post__related h1::before {
  margin-left: 0.5rem;
  width: 25px;
  height: 25px;
  background: url(../assest/images/icons/film-strip.svg);
  background-size: cover;
}
.post__relatedes__cr .post__related .post__related__cr {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 991px) {
  .post__relatedes__cr .post__related .post__related__cr {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.post__relatedes__container {
  padding: 0.625rem;
  margin: 0.75rem;
  -webkit-transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (min-width: 991px) {
  .post__relatedes__container:first-child {
    margin-right: 0;
  }
  .post__relatedes__container:last-child {
    margin-left: 0;
  }
}
@media (max-width: 991px) {
  .post__relatedes__container {
    margin: 0;
    margin-bottom: 1rem;
    max-width: calc(33% - 16px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33% - 16px);
            flex: 0 0 calc(33% - 16px);
  }
}
@media (max-width: 620px) {
  .post__relatedes__container {
    margin: 0;
    margin-bottom: 1rem;
    max-width: calc(52% - 16px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(52% - 16px);
            flex: 0 0 calc(52% - 16px);
  }
}
.post__relatedes__container:hover {
  -webkit-box-shadow: inset 4px -5px 0 1px rgba(255, 255, 255, 0.1);
          box-shadow: inset 4px -5px 0 1px rgba(255, 255, 255, 0.1);
  -webkit-transform: translate(5px, -5px);
          transform: translate(5px, -5px);
}
.post__relatedes__container .related__img__cr img {
  height: auto;
}
.post__relatedes__container .related__post__link .related__title {
  margin: 0.6rem 0 0.3rem 1rem;
}
@media (max-width: 480px) {
  .post__relatedes__container .related__post__link .related__title {
    font-size: 0.9rem;
  }
}
.film__collection {
  margin: 2rem auto 3rem;
}
.film__collection .film__collection__inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 0 0;
  background: #22222a;
}
@media (max-width: 991px) {
  .film__collection .film__collection__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.film__collection .film__collection__inner .collection__bg {
  top: -200%;
  opacity: 0.1;
  width: 90%;
}
.film__collection .film__collection__inner .collection__info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  max-width: 30%;
  padding-right: 2rem;
}
@media (max-width: 991px) {
  .film__collection .film__collection__inner .collection__info {
    padding: 1rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.film__collection .film__collection__inner .collection__info p {
  font-size: 1.6rem;
  font-weight: bold;
}
.film__collection .film__collection__inner .collection__info a {
  background: #ff7555;
  padding: 0.6rem 1rem;
  margin-top: 0.6rem;
}
.film__collection .film__collection__inner .collection__info a:hover {
  opacity: 0.9;
}
.film__collection .film__collection__inner .collection__related {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  max-width: 70%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 991px) {
  .film__collection .film__collection__inner .collection__related {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 67%;
            flex: 0 0 67%;
    max-width: 67%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 620px) {
  .film__collection .film__collection__inner .collection__related {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 99%;
            flex: 0 0 99%;
    max-width: 99%;
  }
}
.film__collection .film__collection__inner .collection__related .post__relatedes__container {
  margin: 0 0.5rem 1rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22%;
          flex: 0 0 22%;
  max-width: 22%;
}
@media (max-width: 991px) {
  .film__collection .film__collection__inner .collection__related .post__relatedes__container {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 2rem);
            flex: 0 0 calc(50% - 2rem);
    max-width: calc(50% - 2rem);
  }
}
@media (max-width: 480px) {
  .film__collection .film__collection__inner .collection__related .post__relatedes__container {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 1rem);
            flex: 0 0 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
}

.post__header__cover {
  background: url(../assest/images/thumbmails/meydanesorkh.jpg), center -10px no-repeat;
  background-size: 100%;
  opacity: 0.4;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  z-index: -2;
}
@media (max-width: 680px) {
  .post__header__cover {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
    background-position: center 0;
    background-size: cover;
  }
}

.post__header__bg {
  background: #100f14;
  background: linear-gradient(to bottom, transparent 0%, #101014 470px);
}
@media (max-width: 680px) {
  .post__header__bg {
    background: linear-gradient(to bottom, transparent 0%, #101014 290px);
  }
}

.moriyati {
  background: url(../assest/images/thumbmails/moryarti.jpg), center -10px no-repeat;
}

.squid {
  background: url(../assest/images/thumbmails/squidbackground.jpg) center -10px no-repeat;
}

.matrix {
  background: url(../assest/images/thumbmails/matrix-poster.jpg) center -10px no-repeat;
}

.spider {
  background: url(../assest/images/thumbmails/spider-man.jpg) center -10px no-repeat;
}

.venom {
  background: url(../assest/images/thumbmails/venom-2.jpg) center -10px no-repeat;
}

.screening-badge {
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.2)));
  background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));
}

.screening-badge p {
  padding-left: 1rem;
}

.screening-badge span {
  margin-right: 0.6rem;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.25);
}

.screening-timer .timeString:first-child {
  margin-bottom: 0.3rem;
}

@media (max-width: 680px) {
  #desktop-timer {
    display: none;
  }
}

#mobile-timer span {
  font-size: 2rem;
  width: 85px;
  height: 85px;
}
@media (max-width: 680px) {
  #mobile-timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #mobile-timer .screening-timer {
    margin-top: 1rem;
  }
}
@media (max-width: 450px) {
  #mobile-timer span {
    font-size: 1rem;
    width: 50px;
    height: 50px;
  }
}

.actor__info__container {
  padding-top: 7rem;
  padding-bottom: 4rem;
}
.actor__info__container .actor {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 991px) {
  .actor__info__container .actor {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.actor__info__container .actor .actor__cr {
  border-left: 1px solid #9ba1a6;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 991px) {
  .actor__info__container .actor .actor__cr {
    border-left: none;
    margin-bottom: 1rem;
  }
}
.actor__info__container .actor .actor__cr .actor__img {
  padding-left: 0.5rem;
}
.actor__info__container .actor .actor__cr .actor__img img {
  border-radius: 10px;
  width: 150px;
  height: 150px;
}
.actor__info__container .actor .actor__cr .actor__info {
  padding-left: 1rem;
}
.actor__info__container .actor .actor__infography {
  padding-right: 1rem;
}
.actor__info__container .actor .actor__infography p {
  text-align: justify;
}
@media (max-width: 991px) {
  .actor__info__container .actor .actor__infography {
    padding-right: 0;
  }
}

.actors__related {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 150px !important;
          flex: 0 0 150px !important;
  max-width: 150px !important;
}

.actor__related__img {
  width: 150px !important;
  height: 150px !important;
}

.actor__post_related__cr {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}
@media (max-width: 480px) {
  .actor__post_related__cr {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
}

.breadcrumb__container {
  margin: 1rem auto 3rem;
}
.breadcrumb__container .breadcrumb__lists {
  border: 1px solid #bbc1c6;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
}
.breadcrumb__container .breadcrumb__lists li {
  padding: 0 1.5rem;
}
@media (max-width: 480px) {
  .breadcrumb__container .breadcrumb__lists li {
    padding: 0 0.8rem;
  }
}
.breadcrumb__container .breadcrumb__lists li:not(:last-of-type)::before, .breadcrumb__container .breadcrumb__lists li:not(:last-of-type)::after {
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
}
.breadcrumb__container .breadcrumb__lists li:not(:last-of-type)::before {
  left: -10px;
  -webkit-transform: translate(50%, -50%) rotate(180deg);
          transform: translate(50%, -50%) rotate(180deg);
  border-width: 23.5px 0 23.5px 12px;
  border-color: transparent transparent transparent #bbc1c6;
}
.breadcrumb__container .breadcrumb__lists li:not(:last-of-type)::after {
  left: -9px;
  -webkit-transform: translate(calc(50% + 1px), -50%) rotate(180deg);
          transform: translate(calc(50% + 1px), -50%) rotate(180deg);
  border-width: 25px 0 25px 12px;
  border-color: transparent transparent transparent #0f0f0f;
}
@media (max-width: 480px) {
  .breadcrumb__container .breadcrumb__lists li a {
    font-size: 0.8rem;
  }
}
.breadcrumb__container .breadcrumb__lists li a:hover {
  color: #f5f5f5;
}

.active__bread {
  color: #89d64f !important;
}

.comments__container__class {
  margin: 3rem auto;
}
.comments__container__class .comments__inner__cr {
  padding-bottom: 1rem;
  border-bottom: 1px solid #f1f2f3;
}
.comments__container__class .comments__inner__cr .cm__title__btn button {
  background: transparent;
  padding: 0.6rem 0.8rem;
}
.comments__container__class .comments__inner__cr .cm__title__btn button:hover {
  background: #89d64f;
}
.comments__container__class .comments__inner__cr .cm__title__btn button i {
  padding-left: 0.3rem;
}
.comments__container__class .comments__inner__cr .cm__title__btn button .rotate__Cm__icon {
  -webkit-transform: translate(-1px, -2px) rotate(45deg) !important;
          transform: translate(-1px, -2px) rotate(45deg) !important;
  font-size: 1.2rem;
}

.comment__below__form {
  margin-top: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  max-height: 0;
}
.comment__below__form .add__comment__label {
  font-size: 1.2rem;
}
.comment__below__form textarea,
.comment__below__form input:not([type=submit]) {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #1d1c22;
  padding: 0.4rem 0.8rem;
  -webkit-transition-property: border;
  transition-property: border;
}
.comment__below__form textarea:focus,
.comment__below__form input:not([type=submit]):focus {
  border: 1px solid #89d64f;
}
.comment__below__form textarea:focus::-webkit-input-placeholder, .comment__below__form input:not([type=submit]):focus::-webkit-input-placeholder {
  opacity: 0;
}
.comment__below__form textarea:focus::-moz-placeholder, .comment__below__form input:not([type=submit]):focus::-moz-placeholder {
  opacity: 0;
}
.comment__below__form textarea:focus:-ms-input-placeholder, .comment__below__form input:not([type=submit]):focus:-ms-input-placeholder {
  opacity: 0;
}
.comment__below__form textarea:focus::-ms-input-placeholder, .comment__below__form input:not([type=submit]):focus::-ms-input-placeholder {
  opacity: 0;
}
.comment__below__form textarea:focus::placeholder,
.comment__below__form input:not([type=submit]):focus::placeholder {
  opacity: 0;
}
.comment__below__form textarea {
  resize: vertical;
}

@media (max-width: 620px) {
  .auther__email__btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

input[type=submit] {
  border: 1px solid #89d64f;
  height: 45px;
  width: 120px;
  background: #89d64f;
}
@media (max-width: 620px) {
  input[type=submit] {
    width: 100%;
  }
}
input[type=submit]:hover {
  background: #89d64f;
  color: #f5f5f5;
}

.comment__form__control:nth-child(1),
.comment__form__control:nth-child(2) {
  margin-left: 1rem;
}
@media (max-width: 620px) {
  .comment__form__control:nth-child(1),
  .comment__form__control:nth-child(2) {
    margin-left: 0;
    margin-bottom: 0.4rem;
  }
}
.comment__form__control:nth-child(1) input,
.comment__form__control:nth-child(2) input {
  height: 45px;
}

.comments__cr {
  margin-top: 2rem;
}
.comments__cr .commentDiv {
  background: #1d1c22;
}

.allComments__cr {
  padding-top: 1.8rem;
}
.comment__cr {
  padding: 1rem 1.4rem;
  margin-bottom: 1rem;
  background: #1d1c22;
  -webkit-animation: commentPosted 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards;
          animation: commentPosted 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards;
}
@media (max-width: 480px) {
  .comment__cr {
    padding: 1rem;
  }
}

@-webkit-keyframes commentPosted {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  60% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes commentPosted {
  0% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  60% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.Comment__user__icon,
.Comment__user__name {
  padding-left: 0.8rem;
}
@media (max-width: 480px) {
  .Comment__user__icon,
  .Comment__user__name {
    padding-left: 0.5rem;
  }
}

.Comment__user__name {
  font-size: 0.938rem;
}

.Comment__date__cr {
  font-size: 0.75rem;
}

.LikeDislike__cr {
  padding-top: 0.3rem;
}
.LikeDislike__cr div:last-child {
  margin-right: 1rem;
}
.LikeDislike__cr div:last-child:hover i {
  color: #dc7760;
}
.LikeDislike__cr div:last-child span {
  padding-right: 0.4rem;
}
.LikeDislike__cr div:first-child:hover i {
  color: #6ace1d;
}
.LikeDislike__cr div:first-child span {
  padding-right: 0.4rem;
}

.like__dislike__Post {
  -webkit-animation: postLikeDislike 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards !important;
          animation: postLikeDislike 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards !important;
}

@-webkit-keyframes postLikeDislike {
  40%, 80% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes postLikeDislike {
  40%, 80% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.CommentTextCr {
  margin-top: 0.6rem;
  padding-right: 2rem;
  font-size: 0.875rem;
  word-break: keep-all;
}
@media (max-width: 480px) {
  .CommentTextCr {
    padding-right: 0;
  }
}

#submit__comment:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: rgba(255, 20, 20, 0.6);
  border: currentColor;
}

#UserNameErr,
#UserEmailErr {
  margin-top: 0.6rem;
  color: #ff1414;
}

.PostComment__Animation {
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
.PostComment__Animation .postcm__animation {
  background: rgba(0, 0, 0, 0.3);
}

.PostComment__Animation__in {
  opacity: 1;
  visibility: visible;
}

.comment__below__show {
  margin-top: 2rem !important;
  max-height: 350px !important;
}

.footer__comment__btn {
  margin: 3rem auto;
}
.footer__comment__btn #submit__comment__footer {
  padding: 1rem 0.8rem;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  border: 1px solid currentColor;
  border-radius: 4px;
  background: transparent;
  -webkit-box-shadow: 6px 4px 0 #89d64f;
          box-shadow: 6px 4px 0 #89d64f;
}
.footer__comment__btn #submit__comment__footer::after, .footer__comment__btn #submit__comment__footer::before {
  -webkit-transition: inherit;
  transition: inherit;
  background: #89d64f;
}
.footer__comment__btn #submit__comment__footer::after {
  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 51%, 100% 75%, 35% 50%, 0 35%, 0 0);
          clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 51%, 100% 75%, 35% 50%, 0 35%, 0 0);
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
}
.footer__comment__btn #submit__comment__footer::before {
  -webkit-clip-path: polygon(23% 40%, 50% 52%, 75% 64%, 100% 75%, 100% 100%, 32% 100%, 0 100%, 0 30%);
          clip-path: polygon(23% 40%, 50% 52%, 75% 64%, 100% 75%, 100% 100%, 32% 100%, 0 100%, 0 30%);
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}
.footer__comment__btn #submit__comment__footer:hover {
  color: #000;
  font-weight: bold;
  border-color: #89d64f;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.footer__comment__btn #submit__comment__footer:hover::after, .footer__comment__btn #submit__comment__footer:hover::before {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.footer__comment__btn #submit__comment__footer i {
  -webkit-animation: angleup 1s linear infinite alternate;
          animation: angleup 1s linear infinite alternate;
}

.replay__cm {
  text-align: left;
  font-style: italic;
  padding-top: 0.4rem;
  line-height: 1.8;
}

.req__posts__container {
  padding-top: 7rem;
  background: #1d1c22;
}

@media (max-width: 991px) {
  .req__posts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.requament__links {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  padding-left: 1.5rem;
}
@media (max-width: 991px) {
  .requament__links {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding-left: 0;
    margin-bottom: 1rem;
  }
}

.req__posts__links {
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}
.req__posts__links .req__post__link:first-of-type {
  padding-top: 0.6rem;
}
.req__posts__links .req__post__link:not(:last-child) {
  margin-bottom: 0.8rem;
}
.req__posts__links .req__post__link a {
  line-height: 1.8;
}
.req__posts__links .req__post__link a:hover {
  color: #5facfa;
}
.req__posts__links .req__post__link a i {
  opacity: 0.5;
  padding-left: 0.4rem;
}

.post__text__cr h1,
.req__posts__links h1 {
  padding-bottom: 0.6rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}

.contact__us__btn {
  margin: 1rem auto 0;
  padding: 0.6rem 0;
}

.req__posts__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
  padding: 1rem;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  .req__posts__text {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-bottom: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.req__posts__text .post__text__cr {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  padding-left: 1.4rem;
}
@media (max-width: 991px) {
  .req__posts__text .post__text__cr {
    padding-left: 0;
  }
}
.req__posts__text .post__text__cr .req__img__cr {
  padding: 1rem 0;
}
.req__posts__text .post__text__cr p {
  line-height: 1.8;
  font-size: 0.9rem;
  text-align: justify;
}
.req__posts__text .req__posts__downloadbox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  background: inherit;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  position: sticky;
  top: 100px;
}
@media (max-width: 991px) {
  .req__posts__text .req__posts__downloadbox {
    margin-top: 1rem;
  }
}
.req__posts__text .req__posts__downloadbox .req__post__btn a {
  background: #12ae40;
  border-radius: 3px;
  padding: 0.65rem 1.1rem;
  margin-bottom: 0.4rem;
}
.req__posts__text .req__posts__downloadbox .req__post__btn a:hover, .req__posts__text .req__posts__downloadbox .req__post__btn a:active, .req__posts__text .req__posts__downloadbox .req__post__btn a:focus {
  background: #92ca55;
}
.video__formats {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 100% !important;
          flex: 0 0 100% !important;
  padding-left: 0 !important;
}
.video__formats img {
  width: auto !important;
  margin: 0 auto !important;
}
.video__formats p:first-of-type {
  padding-top: 0.6rem;
}

.form-control-container {
  margin-top: 1rem;
  padding: 0.4rem;
  background: #fa697c;
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
}
@media (max-width: 680px) {
  .form-control-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.form-control-container::after {
  width: 200%;
  background: inherit;
  -webkit-animation: changebgform 2s linear infinite alternate;
          animation: changebgform 2s linear infinite alternate;
}
@-webkit-keyframes changebgform {
  to {
    -webkit-filter: hue-rotate(50deg);
            filter: hue-rotate(50deg);
  }
}
@keyframes changebgform {
  to {
    -webkit-filter: hue-rotate(50deg);
            filter: hue-rotate(50deg);
  }
}
.form-control-container .contact__us__form {
  padding: 1.4rem;
  border-radius: 0 4px 4px 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  max-width: 60%;
}
@media (max-width: 680px) {
  .form-control-container .contact__us__form {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.form-control-container .contact__us__form .form-control:not(:last-child) {
  margin-bottom: 3rem;
}
.form-control-container .contact__us__form .form-control input,
.form-control-container .contact__us__form .form-control textarea {
  padding: 0.3rem 0.4rem;
  background: transparent;
  border-bottom: 1px solid #9ba1a6;
}
.form-control-container .contact__us__form .form-control textarea {
  height: 40px;
  max-height: 100%;
  resize: none;
}
.form-control-container .contact__us__form .form-control label {
  right: 5px;
  bottom: 5px;
}
.form-control-container .contact__us__form .form-control .contact-us-line::after, .form-control-container .contact__us__form .form-control .contact-us-line::before {
  bottom: 0;
  width: 0;
  height: 2px;
  -webkit-transition: 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  transition: 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}
.form-control-container .contact__us__form .form-control .contact-us-line::after {
  left: 50%;
}
.form-control-container .contact__us__form .form-control .contact-us-line::before {
  right: 50%;
}
.form-control-container .contact__us__form .form-control input:focus ~ .contact-us-line::after,
.form-control-container .contact__us__form .form-control input:focus ~ .contact-us-line::before,
.form-control-container .contact__us__form .form-control input:valid ~ .contact-us-line::after,
.form-control-container .contact__us__form .form-control input:valid ~ .contact-us-line::before,
.form-control-container .contact__us__form .form-control textarea:focus ~ .contact-us-line::after,
.form-control-container .contact__us__form .form-control textarea:focus ~ .contact-us-line::before,
.form-control-container .contact__us__form .form-control textarea:valid ~ .contact-us-line::after,
.form-control-container .contact__us__form .form-control textarea:valid ~ .contact-us-line::before {
  width: 50%;
}
.form-control-container .contact__us__form .form-control input:focus ~ label,
.form-control-container .contact__us__form .form-control input:valid ~ label,
.form-control-container .contact__us__form .form-control textarea:focus ~ label,
.form-control-container .contact__us__form .form-control textarea:valid ~ label {
  color: #6898f8;
  bottom: 30px;
  font-size: 0.9rem;
  -webkit-transform: translateX(10px) scale(0.9);
          transform: translateX(10px) scale(0.9);
}
.form-control-container .movie-png__container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  max-width: 40%;
  border-radius: 4px 0 0 4px;
}
@media (max-width: 680px) {
  .form-control-container .movie-png__container {
    display: none;
  }
}
.form-control-container .movie-png__container img {
  height: 300px;
}

.btn-form-cr {
  background: #fa697c;
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
  width: 200px !important;
  padding: 0.2rem;
  margin-bottom: 0.4rem !important;
  -webkit-transition: 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: 0.4s cubic-bezier(0.5, 1, 0.89, 1);
}

#contactus-btn {
  padding: 0.6rem 0;
  width: 200px;
  border-radius: inherit;
  -webkit-transition: inherit;
  transition: inherit;
}
#contactus-btn span {
  -webkit-transition: inherit;
  transition: inherit;
  color: transparent;
  background: #fa697c;
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
  background-clip: text;
  -webkit-background-clip: text;
}

#contactus-btn:hover {
  -webkit-box-shadow: inset 7rem 0 0 0 #6898f8, inset -7rem 0 0 0 #6898f8;
          box-shadow: inset 7rem 0 0 0 #6898f8, inset -7rem 0 0 0 #6898f8;
}

#contactus-btn:hover span {
  color: #f5f5f5;
}

.btn-form-cr:hover {
  background: #6898f8;
}

.err__box {
  margin-top: 0.4rem;
}
.err__box p {
  color: #f32525;
  -webkit-animation: skewin 0.3s cubic-bezier(0.5, 1, 0.89, 1) forwards;
          animation: skewin 0.3s cubic-bezier(0.5, 1, 0.89, 1) forwards;
}

@-webkit-keyframes skewin {
  40% {
    -webkit-transform: translateY(30px) scaleY(0);
            transform: translateY(30px) scaleY(0);
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1);
            transform: translateY(0) scaleY(1);
  }
}

@keyframes skewin {
  40% {
    -webkit-transform: translateY(30px) scaleY(0);
            transform: translateY(30px) scaleY(0);
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1);
            transform: translateY(0) scaleY(1);
  }
}
.sendSucceseFullAnimation {
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  -webkit-transition: 0.4s ease-in;
  transition: 0.4s ease-in;
}
.sendSucceseFullAnimation .square {
  width: 30px;
  height: 30px;
  background: #fa697c;
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
  border-radius: 2px;
  -webkit-animation: square 600ms linear infinite alternate;
          animation: square 600ms linear infinite alternate;
}
.sendSucceseFullAnimation .__sq1 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.sendSucceseFullAnimation .__sq2,
.sendSucceseFullAnimation .__sq4 {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.sendSucceseFullAnimation .__sq3,
.sendSucceseFullAnimation .__sq5,
.sendSucceseFullAnimation .__sq7 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.sendSucceseFullAnimation .__sq6,
.sendSucceseFullAnimation .__sq8 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.sendSucceseFullAnimation .__sq9 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes square {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}

@keyframes square {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
.succesfull__Msg {
  top: 0;
  right: 50%;
  height: 200px;
  -webkit-transform: translate(50%, -200px);
          transform: translate(50%, -200px);
  z-index: 99;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 10px;
  -webkit-transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  visibility: hidden;
}
.succesfull__Msg::after, .succesfull__Msg::before {
  top: -100%;
  left: 20%;
  height: 200px;
  width: 6px;
  background: #fa697c;
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
}
.succesfull__Msg::after {
  right: 20% !important;
}
.succesfull__Msg p {
  font-size: 1.2rem;
}

.succses__Contact__in {
  opacity: 1;
  visibility: visible;
}

.succesfull__Msg__in {
  visibility: visible;
  -webkit-transform: translate(50%, 200px);
          transform: translate(50%, 200px);
}

.err__shapes__cr {
  width: 100vw;
  height: 100vh;
}
.err__shapes__cr .err__bg__container {
  top: -90px;
}
.error__page__cr {
  background: transparent;
  padding-top: 5rem;
  padding-bottom: 5rem;
  width: 100vw;
  height: 100vh;
}
.error__page__cr .Err__pAGE {
  border: 5px solid rgba(224, 235, 255, 0.5);
  -webkit-box-shadow: inset 0 0 20px 1px rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 0 20px 1px rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  height: calc(100vh - 8rem);
}
@media (max-width: 991px) {
  .error__page__cr .Err__pAGE {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.error__page__cr .Err__pAGE .illustration-404 svg {
  width: 490px !important;
  height: 490px !important;
}
@media (max-width: 991px) {
  .error__page__cr .Err__pAGE .illustration-404 svg {
    width: 190px !important;
    height: 190px !important;
  }
}
.error__page__cr .Err__pAGE .Err__pAGE__text {
  padding-left: 4rem;
  line-height: 2;
}
@media (max-width: 991px) {
  .error__page__cr .Err__pAGE .Err__pAGE__text {
    padding: 0 0.4rem 2rem;
    margin-top: -2rem;
  }
}
.error__page__cr .Err__pAGE .Err__pAGE__text .forteforerr {
  font-size: 5.5rem;
  font-family: "Dosis", sans-serif;
  text-align: right;
  letter-spacing: 2rem;
  margin-right: -2rem;
  background: -webkit-gradient(linear, right top, left top, color-stop(20%, #ed5434), color-stop(80%, #f98c54));
  background: linear-gradient(to left, #ed5434 20%, #f98c54 80%);
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
}
@media (max-width: 991px) {
  .error__page__cr .Err__pAGE .Err__pAGE__text .forteforerr {
    font-size: 3rem;
    text-align: center;
  }
}
.error__page__cr .Err__pAGE .Err__pAGE__text .err404__text {
  margin-top: -2rem;
  line-height: 2.2;
}
@media (max-width: 991px) {
  .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text {
    margin-top: -1rem;
  }
}
@media (max-width: 480px) {
  .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text h1 {
    display: none;
  }
}
.error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: #e0ebff;
  background: #ed5434;
  background: -webkit-gradient(linear, right top, left top, color-stop(20%, #ed5434), color-stop(80%, #f98c54));
  background: linear-gradient(to left, #ed5434 20%, #f98c54 80%);
  border-radius: 30px;
  padding: 0.2rem 2rem;
  margin-top: 0.5rem;
}
.error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a::after, .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a:before {
  top: 0;
  width: 0;
  background: -webkit-gradient(linear, left top, right top, from(#ed5434), to(#f98c54));
  background: linear-gradient(90deg, #ed5434, #f98c54);
  border-radius: 0 30px 30px 0;
  -webkit-filter: blur(6px);
          filter: blur(6px);
}
.error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a::after {
  right: 0;
}
.error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a::before {
  left: 0;
  border-radius: 30px 0 0 30px;
}
.error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a:hover::after, .error__page__cr .Err__pAGE .Err__pAGE__text .err404__text a:hover::before {
  width: 50%;
}

.space-man,
.star {
  -webkit-animation: spaceMan 3s linear infinite alternate;
          animation: spaceMan 3s linear infinite alternate;
}

@-webkit-keyframes spaceMan {
  from {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}

@keyframes spaceMan {
  from {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
}
.stones {
  animation: spaceMan 3s linear infinite alternate-reverse;
}

.scroll-top-button {
  bottom: -100px;
  left: 25px;
  z-index: 99;
  width: 45px;
  height: 45px;
  background: linear-gradient(145deg, #fa9f6f, #fa697c);
  opacity: 0;
  -webkit-transition: 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition: 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
@media (max-width: 480px) {
  .scroll-top-button {
    left: 10px;
  }
}
.scroll-top-button::after {
  content: attr(data-tooltip);
  right: -70px;
  top: 8px;
  padding: 0.2rem 0.4rem;
  opacity: 0;
}
.scroll-top-button i {
  font-size: 1.4rem;
}
.scroll-top-button:hover::after {
  opacity: 1;
}

.scroll-top-button.show {
  opacity: 1;
  bottom: 20px;
}
@media (max-width: 480px) {
  .scroll-top-button.show {
    bottom: 10px;
  }
}

.blog-right-aside {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 74.5555% !important;
          flex: 0 0 74.5555% !important;
  max-width: 74.5555% !important;
}
@media (max-width: 991px) {
  .blog-right-aside {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

.main__section {
  padding: 6rem 0 2rem;
}
.main__section .mansory__grid .mansory__grid__cr {
  display: grid;
  grid-template-areas: "item1 item1 item2 item3" "item1 item1 item2 item4";
  grid-gap: 25px;
  gap: 25px;
  min-height: 450px;
}
@media (max-width: 991px) {
  .main__section .mansory__grid .mansory__grid__cr {
    grid-template-areas: "item1 item1" "item1 item1" "item1 item1" "item3 item2" "item3 item2" "item4 item2" "item4 item2";
    min-height: 700px;
  }
}
@media (max-width: 480px) {
  .main__section .mansory__grid .mansory__grid__cr {
    grid-template-areas: "item1" "item2" "item3" "item4";
    min-height: 900px;
  }
}
.main__section .main__posts__cr {
  -webkit-box-shadow: 0 4px 0 #272727;
          box-shadow: 0 4px 0 #272727;
  border-radius: 10px;
}
.main__section .main__posts__cr:hover .main__post__cr__link {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.main__section .main__posts__cr .main__post__cr__link {
  background: url(../assest/blog-images/squid-game.jpg) center top no-repeat;
  background-size: cover;
  border-radius: 10px;
}
.main__section .main__posts__cr .main__post__cr__link:hover .read__more__text {
  opacity: 1;
}
.main__section .main__posts__cr .main__post__cr__link .read__more__text {
  position: inherit;
  padding: 0.4rem;
  opacity: 0;
}
.main__section .main__posts__cr .main__post__cr__link .read__more__text::after, .main__section .main__posts__cr .main__post__cr__link .read__more__text::before {
  background: transparent;
  z-index: 2;
  width: 20%;
  height: 45%;
  -webkit-transition: inherit;
  transition: inherit;
}
.main__section .main__posts__cr .main__post__cr__link .read__more__text::before {
  top: 0;
  left: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.9);
  border-top: 1px solid rgba(255, 255, 255, 0.9);
}
.main__section .main__posts__cr .main__post__cr__link .read__more__text::after {
  bottom: 0;
  right: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.9);
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
}
.main__section .main__posts__cr .main__post__cr__link .read__more__text:hover::after, .main__section .main__posts__cr .main__post__cr__link .read__more__text:hover::before {
  width: 99%;
  height: 99%;
}
.main__section .main__posts__cr .main__posts__link {
  padding: 0.7rem 0.6rem 0.7rem 0;
  bottom: 0;
}
.main__section .main__posts__cr .main__posts__link:hover {
  color: #f5f5f5;
}

.main__posts__cr:nth-child(1) {
  grid-area: item1;
}

.main__posts__cr:nth-child(2) {
  grid-area: item2;
}

.main__posts__cr:nth-child(3) {
  grid-area: item3;
}

.main__posts__cr:nth-child(4) {
  grid-area: item4;
}

.main__posts__cr:nth-child(2) .main__post__cr__link {
  background: url(../assest/blog-images/tenet.jpg) center no-repeat;
  background-size: cover;
}

.main__posts__cr:nth-child(3) .main__post__cr__link {
  background: url(../assest/blog-images/money-heist.jpg) center no-repeat;
  background-size: cover;
}

.main__posts__cr:nth-child(4) .main__post__cr__link {
  background: url(../assest/blog-images/old-guard.jpeg) center no-repeat;
  background-size: cover;
}

.main-blog-post {
  padding: 1.5rem;
}
@media (max-width: 480px) {
  .main-blog-post {
    padding: 1.5rem 1rem;
  }
}
.main-blog-post .blog__posts__title a i {
  vertical-align: middle;
  padding-right: 0.3rem;
}
.main-blog-post .blog__posts__title a:hover {
  color: #f5f5f5;
}
.main-blog-post .last__posts__blog {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 1rem 0;
}

.last__posts__container {
  gap: 12px;
  grid-gap: 12px;
}
.last__posts__container .last__posts__cr {
  -ms-flex-preferred-size: calc(33% - 12px);
      flex-basis: calc(33% - 12px);
  max-width: calc(33% - 12px);
  margin-bottom: 0.8rem;
  -webkit-box-shadow: 0 6px 0 rgba(14, 12, 12, 0.5);
          box-shadow: 0 6px 0 rgba(14, 12, 12, 0.5);
}
.last__posts__container .last__posts__cr:hover [data-post-type=video]::after {
  opacity: 1;
}
.last__posts__container .last__posts__cr:hover .last__post__img img {
  opacity: 0.5;
}
@media (max-width: 991px) {
  .last__posts__container .last__posts__cr {
    -ms-flex-preferred-size: calc(50% - 12px);
        flex-basis: calc(50% - 12px);
    max-width: calc(50% - 12px);
  }
}
@media (max-width: 620px) {
  .last__posts__container .last__posts__cr {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 1.4rem;
  }
}
@media (max-width: 620px) {
  .last__posts__container .last__posts__cr:last-child {
    margin-bottom: 0;
  }
}
.last__posts__container .post__comment__length {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  z-index: 2;
  left: 10px;
}
.last__posts__container .post__comment__length::after {
  content: attr(data-comment-length);
  left: -5px;
  top: 30px;
  padding: 0.3rem;
  opacity: 0;
}
.last__posts__container .post__comment__length:hover::after {
  opacity: 1;
}
.last__posts__container .post__comment__length i,
.last__posts__container .post__comment__length span {
  font-size: 1.2rem;
}
.last__posts__container .post__comment__length i {
  padding-right: 0.3rem;
}
.last__posts__container .last__post__img {
  margin-bottom: 0.5rem;
}
.last__posts__container .last__post__img img {
  border-radius: 10px 10px 0 0;
  min-height: 170px;
}
.last__posts__container .last__post__text {
  padding: 0 0.9rem 0.7rem;
  margin-bottom: 1rem;
  height: 100px;
}
.last__posts__container .last__post__text a {
  margin: 0.8rem 0;
}
.last__posts__container .last__post__text a:hover {
  color: #5facfa;
}
.last__posts__container .last__post__text p {
  font-size: 0.8rem;
  line-height: 1.8;
}

[data-post-type=video]::after {
  width: 70px;
  height: 70px;
  background: url(../assest/images/icons/play.png) no-repeat, #6898f8;
  background-size: cover;
  opacity: 0;
}

#view-all-blog-posts {
  margin: 2rem auto 1rem;
}
#view-all-blog-posts button:hover a {
  color: #f5f5f5;
}
@media (max-width: 991px) {
  #blog-tabs-container {
    display: block;
    margin-top: 2rem;
  }
}

.blog__tags,
.sort__blog__list,
.most__view__container {
  margin-top: 1.2rem;
  padding: 0.6rem 1.5rem;
}
@media (max-width: 480px) {
  .blog__tags,
  .sort__blog__list,
  .most__view__container {
    padding: 0.6rem 1rem;
  }
}
.blog__tags #blog__tags__title,
.blog__tags #blog-sorts-title,
.sort__blog__list #blog__tags__title,
.sort__blog__list #blog-sorts-title,
.most__view__container #blog__tags__title,
.most__view__container #blog-sorts-title {
  padding: 1rem 0;
}

.blog__tags__container li {
  margin: 0.4rem 0 0.6rem 1.5rem;
}
.blog__tags__container li a {
  padding: 0.2rem 1.2rem 0.2rem 0.3rem;
}
.blog__tags__container li a::before {
  background: #bbc1c6;
  right: 6px;
  top: 12px;
  height: 6px;
  width: 6px;
}
.blog__tags__container li a::after {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid #1c1c22;
  top: 1px;
  left: -15px;
}
.blog__tags__container li a:hover {
  background: #6898f8;
  color: #f5f5f5;
}
.blog__tags__container li a:hover::before {
  background: #f5f5f5;
}
.blog__tags__container li a:hover::after {
  border-right-color: #6898f8;
}

#blog-sorts-title {
  margin-bottom: 0.6rem;
}

.toggle__cr:not(:last-child) {
  margin-bottom: 1rem;
}

.toggle__cr:last-child {
  margin-bottom: 0.6rem;
}

.toggle__cr label input[type=checkbox]:checked ~ .custom__toggle {
  background: #6898f8;
}
.toggle__cr label input[type=checkbox]:checked ~ .custom__toggle .custom__toggle__inner {
  right: 50%;
  background: #f5f5f5;
}

.custom__toggle {
  width: 48px;
  height: 20px;
  background: #9ba1a6;
  -webkit-box-shadow: 0 0 10px 2px inset rgba(255, 255, 255, 0.2);
          box-shadow: 0 0 10px 2px inset rgba(255, 255, 255, 0.2);
  margin-left: 1rem;
  padding: 0.72rem 0.2rem;
}
.custom__toggle__inner {
  right: 0;
  width: 20px;
  height: 20px;
  -webkit-transition: inherit;
  transition: inherit;
}

.most__view__container {
  padding: 0;
  margin: 0;
  max-height: 0;
  opacity: 0;
  -webkit-transition-property: opacity, max-height;
  transition-property: opacity, max-height;
}
.most__view__container .most__view__link {
  margin-bottom: 2.5rem;
}
.most__view__container .most__view__link:hover img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.most__view__container .most__view__link .most__view__img::after {
  top: 0;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.5));
  border-radius: 10px;
  background-size: 100%;
}
.most__view__container .most__view__link .most__view__img:hover::after {
  background-size: 200%;
}
.most__view__container .most__view__link img {
  border-radius: 10px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  height: 160px;
}
@media (max-width: 991px) {
  .most__view__container .most__view__link img {
    height: 300px;
  }
}
@media (max-width: 480px) {
  .most__view__container .most__view__link img {
    height: 200px;
  }
}
.most__view__container .most__view__link p {
  margin-top: 1rem;
  padding: 0 0.6rem;
}
.most__view__container .most__view__link p:hover {
  color: #5facfa;
}

.most__view__in {
  padding: 2rem 1.5rem 1rem;
  margin-top: 1.2rem;
  max-height: 100%;
  opacity: 1;
}
@media (max-width: 480px) {
  .most__view__in {
    padding: 2rem 1rem 1rem;
  }
}

.blog-footer {
  padding-top: 5rem;
}
@media (max-width: 480px) {
  .blog-footer .copy-right {
    font-size: 0.8rem;
  }
}

.blog-footer-nav {
  border: none !important;
}

.top-choises-blog {
  padding-top: 7rem;
}

.top-choises-articles-blog {
  -webkit-box-flex: 0 !important;
      -ms-flex: 0 0 100% !important;
          flex: 0 0 100% !important;
  max-width: 100% !important;
}
.top-choises-articles-blog .main-blog-post .title {
  margin: 0 auto 2rem;
}
.top-choises-articles-blog .last__posts__cr {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(25% - 18px);
          flex: 0 0 calc(25% - 18px);
  max-width: calc(25% - 18px);
}
@media (max-width: 991px) {
  .top-choises-articles-blog .last__posts__cr {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33% - 18px);
            flex: 0 0 calc(33% - 18px);
    max-width: calc(33% - 18px);
  }
}
@media (max-width: 800px) {
  .top-choises-articles-blog .last__posts__cr {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 18px);
            flex: 0 0 calc(50% - 18px);
    max-width: calc(50% - 18px);
  }
}
@media (max-width: 570px) {
  .top-choises-articles-blog .last__posts__cr {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.top-choises-articles-blog .read__more__button {
  border-bottom: 1px solid rgba(187, 193, 198, 0.2);
}
.top-choises-articles-blog .read__more__button a {
  border: 1px solid #6898f8;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0.3rem 0.7rem;
}
.top-choises-articles-blog .read__more__button a::after, .top-choises-articles-blog .read__more__button a::before {
  top: 0;
  width: 0;
  border-radius: inherit;
  -webkit-transition: inherit;
  transition: inherit;
}
.top-choises-articles-blog .read__more__button a::after {
  right: 0;
}
.top-choises-articles-blog .read__more__button a::before {
  left: 0;
}
.top-choises-articles-blog .read__more__button a:hover {
  color: #f5f5f5;
}
.top-choises-articles-blog .read__more__button a:hover::after, .top-choises-articles-blog .read__more__button a:hover::before {
  width: 100%;
}
.top-choises-articles-blog .post__date__time {
  margin: 0.6rem;
}

.blog-pagination {
  margin: 1.8rem auto 0;
}

.blog-post-main-container {
  padding-top: 7rem;
}
@media (max-width: 991px) {
  .blog-post-main-container .blog-post-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.blog__post__main__section,
.blog__post__aside {
  padding: 1.4rem;
}
@media (max-width: 620px) {
  .blog__post__main__section,
  .blog__post__aside {
    padding: 0.7rem;
  }
}

.blog__post__btn__container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6%;
          flex: 0 0 6%;
  max-width: 6%;
  z-index: 2;
}
@media (max-width: 991px) {
  .blog__post__btn__container {
    display: none;
  }
}
.blog__post__btn__container .blog__post__btns {
  position: sticky;
  top: 100px;
}
.blog__post__btn__container .blog__post__btns li:not(:last-child) {
  margin-bottom: 1rem;
}
.blog__post__btn__container .blog__post__btns li a {
  font-size: 1.5rem;
  width: 45px;
  height: 45px;
}
.blog__post__btn__container .blog__post__btns li a:hover {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  background: #6898f8;
  color: #f5f5f5;
}
.blog__post__btn__container .blog__post__btns li a:hover .sticky-buttons-tooltip {
  opacity: 1;
  visibility: visible;
  left: -110px;
}
.blog__post__btn__container .blog__post__btns li a .sticky-buttons-tooltip {
  opacity: 0;
  visibility: hidden;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  left: -50px;
  top: 6px;
  padding: 0.3rem 0.5rem;
  -webkit-transition: 250ms ease-in;
  transition: 250ms ease-in;
}
.blog__post__btn__container .blog__post__btns li a .sticky-buttons-tooltip::after {
  bottom: 5px;
  right: -8px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #6898f8;
}

.blog__post__main__section {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 67%;
          flex: 0 0 67%;
  max-width: 67%;
}
@media (max-width: 991px) {
  .blog__post__main__section {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.blog__post__main__section .blog__post__img {
  margin-bottom: 2rem;
}
.blog__post__main__section .blog__post__img img {
  -webkit-filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
}
.blog__post__main__section .blog__post__title {
  font-size: 1.3rem;
}
.blog__post__main__section .blog__post__infography {
  margin: 1.4rem 0 2rem;
}
.blog__post__main__section .blog__post__infography li {
  list-style: none;
}
.blog__post__main__section .blog__post__infography li {
  padding: 0 1rem;
  border-left: 2px solid #bbc1c6;
}
.blog__post__main__section .blog__post__infography li:last-child {
  border: none;
}
@media (max-width: 480px) {
  .blog__post__main__section .blog__post__infography li {
    font-size: 0.8rem;
    padding: 0 0.4rem;
  }
}
.blog__post__main__section .blog__post__infography li i {
  padding-left: 0.3rem;
}
.blog__post__main__section .article__body p {
  line-height: 2.2;
  text-align: justify;
}
.blog__post__main__section .article__body .article__img img {
  margin: 1.4rem 0;
}
.blog__post__main__section .article__body .article__img .close-img-zoom {
  width: 45px;
  height: 45px;
  top: 20px;
  right: 40px;
  z-index: 1402;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.blog__post__main__section .article__body .article__img .close-img-zoom:hover {
  background: #6898f8;
}
.blog__post__main__section .article__body .article__img .close-img-zoom:after, .blog__post__main__section .article__body .article__img .close-img-zoom::before {
  width: 2px;
  height: 35px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: inherit;
  transition: inherit;
}
.blog__post__main__section .article__body .article__img .close-img-zoom::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.blog__post__main__section .article__body .article__img .close-img-zoom:hover::after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.blog__post__main__section .article__body .article__img .close-img-zoom:hover::before {
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.blog__post__main__section .article__body .quote blockquote {
  padding: 0.3rem 0 0 0.8rem;
}
.blog__post__main__section .article__body .quote blockquote i {
  vertical-align: top;
  width: 35px;
  height: 35px;
}
.blog__post__main__section .article__tag__share {
  border: 2px dotted rgba(255, 255, 255, 0.4);
  border-left: transparent;
  border-right: transparent;
  padding: 1.4rem 0;
  margin: 2rem auto;
}
@media (max-width: 720px) {
  .blog__post__main__section .article__tag__share {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 720px) {
  .blog__post__main__section .article__tag__share .article__tags {
    margin-bottom: 1rem;
  }
}
@media (max-width: 480px) {
  .blog__post__main__section .article__tag__share .article__tags {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.blog__post__main__section .article__tag__share .article__tags p {
  padding-left: 1rem;
}
@media (max-width: 480px) {
  .blog__post__main__section .article__tag__share .article__tags p {
    margin-bottom: 1rem;
  }
}
.blog__post__main__section .article__tag__share .blog__tags__container li {
  vertical-align: middle;
  margin: 0.4rem 0 0.4rem 1.7rem;
}
@media (max-width: 380px) {
  .blog__post__main__section .article__tag__share .blog__tags__container li {
    margin-bottom: 1rem;
  }
}
@media (max-width: 720px) {
  .blog__post__main__section .article__tag__share .article__share {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
.blog__post__main__section .article__tag__share .article__share__nav:hover::after, .blog__post__main__section .article__tag__share .article__share__nav:hover::before {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
}
.blog__post__main__section .article__tag__share .article__share__nav::after, .blog__post__main__section .article__tag__share .article__share__nav::before {
  z-index: 8;
  opacity: 0;
  -webkit-transform: translateY(10px) scale(0.4);
          transform: translateY(10px) scale(0.4);
}
.blog__post__main__section .article__tag__share .article__share__nav::after {
  content: attr(data-share-tooltip);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  top: -45px;
  right: 25%;
  padding: 0.3rem 0.4rem;
}
.blog__post__main__section .article__tag__share .article__share__nav::before {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgba(16, 16, 20, 0.8705882353);
  top: -16px;
  left: 45%;
}
.blog__post__main__section .article__tag__share .article__share__nav li {
  margin-left: 1rem;
}
.blog__post__main__section .article__tag__share .article__share__nav li a {
  font-size: 1.3rem;
  background: #bbc1c6;
  width: 36px;
  height: 36px;
}
.blog__post__main__section .article__tag__share .article__share__nav li a::after {
  top: 100%;
}
.blog__post__main__section .article__tag__share .article__share__nav li a:hover {
  color: #f5f5f5;
}
.blog__post__main__section .article__tag__share .article__share__nav li a:hover i {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}
.blog__post__main__section .article__tag__share .article__share__nav li a:hover::after {
  top: 0;
}
.blog__post__main__section .article__tag__share .article__share__nav li:last-child {
  margin-left: 0;
}
.blog__post__main__section .article__tag__share .article__share__nav li:nth-child(5) a::after {
  background: #0088cc;
}
.blog__post__main__section .article__tag__share .article__share__nav li:nth-child(4) a::after {
  background: #26d367;
}
.blog__post__main__section .article__tag__share .article__share__nav li:nth-child(3) a::after {
  background: #55acef;
}
.blog__post__main__section .article__tag__share .article__share__nav li:nth-child(2) a::after {
  background: #1878f1;
}
.blog__post__main__section .article__tag__share .article__share__nav li:nth-child(1) a::after {
  background: #016193;
}
@media (max-width: 720px) {
  .blog__post__main__section .writer__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 620px) {
  .blog__post__main__section .writer__info .write__info__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.blog__post__main__section .writer__info .write__info__box .writer__img__container {
  margin-left: 1rem;
}
@media (max-width: 620px) {
  .blog__post__main__section .writer__info .write__info__box .writer__img__container {
    width: auto;
    height: auto;
    margin-left: 0;
  }
}
.blog__post__main__section .writer__info .write__info__box .writer__img__container img {
  height: 120px;
  width: 120px;
}
.blog__post__main__section .writer__info .write__info__box .writer__img__container .best__writer__badge {
  cursor: help;
  right: 15px;
  top: -8px;
}
.blog__post__main__section .writer__info .write__info__box .writer__img__container .best__writer__badge:hover::after {
  opacity: 1;
  visibility: visible;
}
.blog__post__main__section .writer__info .write__info__box .writer__img__container .best__writer__badge i {
  font-size: 1.4rem;
  width: 30px;
  height: 30px;
}
.blog__post__main__section .writer__info .write__info__box .writer__img__container .best__writer__badge::after {
  opacity: 0;
  visibility: hidden;
  content: attr(data-writer-score);
  top: -25px;
  right: -20px;
}
.blog__post__main__section .writer__info .write__info__box .writer__text h1 {
  margin-bottom: 0.5rem;
}
.blog__post__main__section .writer__info .write__info__box .writer__text p {
  line-height: 1.8;
}
@media (max-width: 720px) {
  .blog__post__main__section .writer__info .write__info__box .writer__text p {
    margin-bottom: 1rem;
  }
}
.blog__post__main__section .writer__info .writer__post__links a {
  background: #bbc1c6;
  padding: 0.3rem 0.4rem;
}
.blog__post__main__section .writer__info .writer__post__links a:hover {
  color: #f5f5f5;
}
.blog__post__main__section .writer__info .writer__post__links a::after {
  border-radius: inherit;
  top: 100%;
  -webkit-transition: inherit;
  transition: inherit;
}
.blog__post__main__section .writer__info .writer__post__links a:hover::after {
  top: 0;
}
.blog__post__main__section .previus__post__next__post {
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin: 2rem auto;
}
.blog__post__main__section .previus__post__next__post a:hover {
  color: #6898f8;
}
.blog__post__main__section .previus__post__next__post a:hover i {
  color: #6898f8;
}
.blog__post__main__section .previus__post__next__post a:last-child {
  text-align: left;
}
.blog__post__main__section .previus__post__next__post .previus__post__icon i,
.blog__post__main__section .previus__post__next__post .next__post__icon i {
  font-size: 1.5rem;
}
.blog__post__main__section .previus__post__next__post .previus__post__icon {
  padding-left: 1rem;
}
.blog__post__main__section .previus__post__next__post .next__post__icon {
  padding-right: 1rem;
}
@media (max-width: 350px) {
  .blog__post__main__section .previus__post__next__post .previus__post h3,
  .blog__post__main__section .previus__post__next__post .next__post h3 {
    font-size: 0.8rem;
  }
}
@media (max-width: 480px) {
  .blog__post__main__section .previus__post__next__post .previus__post p,
  .blog__post__main__section .previus__post__next__post .next__post p {
    display: none;
  }
}
.blog__post__main__section .blog__comments__container {
  margin: 4rem auto 0;
}

.img-parent-node {
  z-index: 12;
  background: rgba(0, 0, 0, 0.7);
  padding: 0 2rem;
}

.img-zoom-effect {
  width: 600px;
  height: 400px;
  -webkit-animation: imgInAnimation 0.8s cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards;
          animation: imgInAnimation 0.8s cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards;
}
@media (max-width: 620px) {
  .img-zoom-effect {
    width: 100%;
    height: auto;
  }
}

@-webkit-keyframes imgInAnimation {
  0% {
    opacity: 0;
    -webkit-transform: translateX(120px);
            transform: translateX(120px);
  }
  60% {
    opacity: 0.7;
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes imgInAnimation {
  0% {
    opacity: 0;
    -webkit-transform: translateX(120px);
            transform: translateX(120px);
  }
  60% {
    opacity: 0.7;
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
.img-zoom-effect-out {
  width: auto;
  height: auto;
  -webkit-animation: imgOutAnimation 0.8s cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards;
          animation: imgOutAnimation 0.8s cubic-bezier(0.68, -0.6, 0.32, 1.6) forwards;
}

@-webkit-keyframes imgOutAnimation {
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  60% {
    opacity: 0.7;
    -webkit-transform: translateX(60px);
            transform: translateX(60px);
  }
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes imgOutAnimation {
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  60% {
    opacity: 0.7;
    -webkit-transform: translateX(60px);
            transform: translateX(60px);
  }
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.close-image-zoom-in {
  opacity: 1 !important;
  visibility: visible !important;
}

.close-image-zoom-out {
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  visibility: hidden;
}

.blog__post__aside {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
  margin-right: 1rem;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}
@media (max-width: 991px) {
  .blog__post__aside {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    margin: 2rem auto 1rem;
  }
}
.blog__post__aside svg {
  top: 0;
  right: 0;
  opacity: 0.4;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.blog__post__aside .title {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto 1rem;
  padding: 0 1rem 0.4rem;
}
.blog__post__aside .title svg {
  height: 40px;
  right: 37px;
  top: -20px;
  -webkit-transform: rotate(18deg);
          transform: rotate(18deg);
}
.blog__post__aside .title::after {
  bottom: 0;
  right: 0;
  height: 2px;
}
.blog__post__aside .new__post__container {
  margin-bottom: 2rem;
}
.blog__post__aside .new__post__container .new__post__img img {
  border-radius: 6px 6px 0 0;
}
.blog__post__aside .new__post__link:hover {
  color: #6898f8;
}
.blog__post__aside .new__post__link .news__post__text__cr {
  border-radius: 0 0 6px 6px;
  padding: 0.8rem 0;
}
.blog__post__aside .new__post__link .news__post__text__cr p:first-child,
.blog__post__aside .new__post__link .news__post__text__cr time {
  margin-bottom: 0.5rem;
}
.blog__post__aside .new__post__link .news__post__text__cr p:last-child {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0.3rem 0.4rem;
}
.blog__post__aside .related__posts {
  padding: 0.6rem;
}
@media (max-width: 991px) {
  .blog__post__aside .related__posts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.blog__post__aside .related__posts:hover {
  background: #23232b;
  -webkit-box-shadow: 0 5px 30px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 5px 30px 2px rgba(0, 0, 0, 0.3);
}
.blog__post__aside .related__posts .post-related-img {
  margin-left: 1rem;
}
@media (max-width: 991px) {
  .blog__post__aside .related__posts .post-related-img {
    margin: 0 0 0.5rem 0;
  }
}
.blog__post__aside .related__posts .related__post__img img {
  width: 90px;
  height: 90px;
}
@media (max-width: 991px) {
  .blog__post__aside .related__posts .related__post__img img {
    width: 150px;
    height: 150px;
  }
}
.blog__post__aside .related__posts .related__post__info {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}
.blog__post__aside .related__posts .related__post__info a:hover {
  color: #6898f8;
}
@media (max-width: 1100px) {
  .blog__post__aside .related__posts .related__post__info .related__post__date__time {
    display: none;
  }
}
@media (max-width: 991px) {
  .blog__post__aside .related__posts .related__post__info .related__post__date__time {
    display: block;
    text-align: center;
  }
  .blog__post__aside .related__posts .related__post__info .related__post__date__time time {
    font-size: 0.8rem;
  }
}
.blog__post__aside .related__posts .related__post__info time {
  font-size: 0.7rem;
}
.blog__post__aside .related__posts .related__post__info time:first-child {
  padding-left: 0.4rem;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}

[data-image-hover-effect]::after {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.5));
  border-radius: 10px;
  background-size: 100%;
}

[data-image-hover-effect]:hover::after {
  background-size: 200%;
}

.blogPostAnimation {
  -webkit-animation: PostsScaleIn 400ms ease-in forwards;
          animation: PostsScaleIn 400ms ease-in forwards;
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}
.blogPostAnimation:nth-child(1) {
  -webkit-animation-delay: 50ms;
          animation-delay: 50ms;
}
.blogPostAnimation:nth-child(2) {
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
}
.blogPostAnimation:nth-child(3) {
  -webkit-animation-delay: 150ms;
          animation-delay: 150ms;
}
.blogPostAnimation:nth-child(4) {
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}
.blogPostAnimation:nth-child(5) {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}
.blogPostAnimation:nth-child(6) {
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
}

@-webkit-keyframes PostsScaleIn {
  from {
    opacity: 0.2;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes PostsScaleIn {
  from {
    opacity: 0.2;
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.panel__main__container {
  padding: 0;
}
.panel__main__container .sidebar {
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 260px;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  padding: 0.5rem 1.4rem;
  overflow-y: auto;
  -webkit-transition: 0.8s cubic-bezier(0.25, 1, 0.5, 1);
  transition: 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (max-width: 991px) {
  .panel__main__container .sidebar {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
.panel__main__container svg {
  width: 22px;
  height: 22px;
  fill: #bbc1c6;
}

.menuPanelIn {
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
}

.panel-logo {
  width: 50px;
  height: 50px;
}

.panel__left__logo {
  padding: 0.6rem 0;
  margin: 0 -1.4rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.panel__left__logo .panel__logo {
  padding: 0 1.4rem;
}
.panel__left__logo .panel__logo .panel__link p {
  letter-spacing: 2px;
  font-size: 1.4rem;
  font-family: "Cabin", sans-serif;
}

.admin__info {
  padding: 0rem 1.4rem 1rem;
  margin: 0 -1.4rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.admin__name i {
  margin-left: 0.8rem;
}
.admin__name h1 {
  font-size: 1rem;
}

.admin__i {
  width: 38px;
  height: 38px;
}
.admin__i svg {
  fill: #fff;
}

.admin__i:last-child:hover svg {
  fill: #6898f8;
}
.admin__i:last-child svg {
  fill: #f5f5f5;
}

.actions {
  padding-top: 2rem;
}

.admin__actions li {
  margin-bottom: 1.8rem;
}
.admin__actions li a:hover, .admin__actions li a:hover svg {
  color: #6898f8;
  fill: #6898f8;
}
.admin__actions li a i {
  padding-right: 0.5rem;
}
.admin__actions li a svg {
  margin-left: 1rem;
}

.admin__pages__action li:not(:last-child) {
  margin-bottom: 1.4rem;
}
.admin__pages__action li {
  padding-right: 1.2rem;
}
.admin__pages__action li::after {
  right: 0;
  width: 8px;
  height: 8px;
  background: -webkit-gradient(linear, left top, right top, from(#141e30), to(#243b55));
  background: linear-gradient(to right, #141e30, #243b55);
  -webkit-box-shadow: inset 0 0 2px 2px rgba(255, 255, 255, 0.5);
          box-shadow: inset 0 0 2px 2px rgba(255, 255, 255, 0.5);
}

[data-dropdown-panel-hidden] {
  margin: 0 -1.4rem;
  padding: 0 1.4rem;
  height: 0;
}

.openDropdownPanel {
  padding: 1rem 1.4rem;
  margin-bottom: 1.6rem;
  height: 245px;
}

.panel__copy__right__text {
  padding-top: 5rem;
}

.active__panel__link {
  color: #6898f8 !important;
}

.active__panel__link svg {
  fill: #6898f8;
}

.admin__action__active a {
  color: #6898f8 !important;
}

.admin__action__active i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-right: 0.4rem;
}

.admin__action__active svg {
  fill: #6898f8;
}

.main__panel__section {
  padding: 1.1rem 280px 1.1rem 2rem;
}
@media (max-width: 991px) {
  .main__panel__section {
    padding: 90px 1.1rem 1rem 1.1rem;
  }
}

.mobile__panel__header {
  top: 0;
  right: 0;
  z-index: 9;
  height: 80px;
  padding: 1rem 1.1rem;
}
@media (max-width: 991px) {
  .mobile__panel__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.mobile__panel__header img {
  width: 50px;
  height: 50px;
}

.OpenPanelNavbar {
  background: none;
  width: 30px;
}
.OpenPanelNavbar div {
  width: 20px;
  height: 2px;
  margin-bottom: 0.3rem;
}
.OpenPanelNavbar div:nth-child(2) {
  width: 16px;
  margin-right: 4px;
}
.OpenPanelNavbar div:nth-child(3) {
  width: 10px;
  margin-right: 10px;
}

.openPanel div:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(2px, 0px);
          transform: rotate(45deg) translate(2px, 0px);
  width: 25px;
}

.openPanel div:nth-child(2) {
  opacity: 0;
}

.openPanel div:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(16px, 0px);
          transform: rotate(-45deg) translate(16px, 0px);
  width: 25px;
}

.panel__page__title {
  padding: 0.3rem 1.1rem 0.9rem;
  margin: 0 -1.1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.panel__page__title .panel__header__button {
  width: 130px;
  height: 40px;
}
.panel__page__title .panel__header__button:hover {
  color: rgba(16, 16, 20, 0.8705882353);
}

@media (max-width: 620px) {
  .panel-page-other-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .panel-page-other-title h1 {
    margin-bottom: 1rem;
  }
}
@media (max-width: 480px) {
  .panel-page-other-title .panel-header-left-aside {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .panel-page-other-title .sort-panel-table {
    margin-bottom: 1rem;
  }
  .panel-page-other-title .sort-panel-table p:first-child {
    margin-bottom: 0.6rem;
  }
  .panel-page-other-title .sort-panel-table .sort__table__lists {
    right: 15px;
  }
  .panel-page-other-title .panel-search-form-container {
    padding-right: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.website__analytics {
  padding: 1.4rem 0 0.4rem;
}

@media (max-width: 991px) {
  .website-analytics-cr {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
    max-width: 49%;
    margin-bottom: 1.4rem;
  }
}
@media (max-width: 620px) {
  .website-analytics-cr {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.website-analytics-count {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.website-analytics-count svg {
  width: 50px;
  height: 50px;
  fill: #6898f8;
}
.website-analytics-count p {
  font-size: 1.8rem;
}

.website-analytics-last-cr {
  padding-top: 1.4rem;
}

.analytics-container {
  padding: 1rem 1.4rem;
  margin-bottom: 1.4rem;
}
@media (max-width: 991px) {
  .analytics-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .analytics-right-title h2,
  .analytics-left-title h2 {
    font-size: 1rem;
  }
}

.analytics-right-title svg {
  margin-left: 0.8rem;
  fill: #6898f8;
}

.analytics-left-title .sycs-icon {
  margin-left: 1.4rem;
}
@media (max-width: 480px) {
  .analytics-left-title .sycs-icon {
    margin-left: 0.5rem;
  }
}
.analytics-left-title .sycs-icon i {
  vertical-align: middle;
}
.analytics-left-title .show-all-btn {
  padding: 0.3rem 0.6rem;
}
.analytics-left-title .show-all-btn:hover {
  color: rgba(16, 16, 20, 0.8705882353);
  background: #f5f5f5;
}

.analytics-table {
  margin-top: 0.5rem;
  overflow-x: auto;
  padding-bottom: 1rem;
}
.analytics-table::-webkit-scrollbar {
  height: 6px;
}
.analytics-table::-webkit-scrollbar-thumb {
  background: rgba(104, 152, 248, 0.2);
}
.analytics-table:hover::-webkit-scrollbar-thumb {
  background: #6898f8;
}
@media (max-width: 620px) {
  .analytics-table::-webkit-scrollbar-thumb {
    background: #6898f8;
  }
}

.analytics-tr ul:not(:last-child) li {
  margin-left: 2rem;
}

.analytics-tr .analytics-table-th {
  padding: 1.2rem 0;
  margin-left: 2rem;
}
.analytics-tr li:not(:last-child) {
  margin-bottom: 1.4rem;
}
.analytics-tr li span,
.analytics-tr li i {
  color: #5facfa;
}
.analytics-tr li span {
  margin-left: 0.4rem;
}
.analytics-tr li i {
  vertical-align: middle;
  margin: 0.2rem auto 0 0;
}
.analytics-tr li svg {
  margin: 0 auto 0 3rem;
  vertical-align: middle;
  fill: #ffc107;
}
.imdb-scores-container li {
  margin-left: 0 !important;
}
.imdb-scores-container p {
  padding-left: 1rem;
}
.imdb-scores-container svg {
  margin: 0;
}

.panel__page__title h1 p {
  padding-right: 1rem;
  font-weight: normal;
}

.sort__table__lists {
  top: 35px;
  right: 0;
  z-index: 22;
  width: 200px;
  border-radius: 10px;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}
.sort__table__lists li:not(:last-child) {
  margin-bottom: 0.6rem;
}
.sort__table__lists li:hover {
  color: #6898f8;
}

.sort__table__lists.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
          transform: translate(0);
}

.sort-list-bar {
  padding-right: 0.6rem;
}
.sort-list-bar span {
  width: 20px;
  height: 2px;
  margin: 0.3rem 0;
}
.sort-list-bar span:last-child {
  width: 14px;
}

.sort-list-bar.active span:first-child {
  -webkit-transform: rotate(45deg) translate(6px, 1px);
          transform: rotate(45deg) translate(6px, 1px);
}

.sort-list-bar.active span:last-child {
  -webkit-transform: rotate(-45deg) translate(4px, 2px);
          transform: rotate(-45deg) translate(4px, 2px);
  width: 20px;
}

.panel-search-form-container {
  padding-right: 1.6rem;
}

.panel-search-form-cr input {
  padding: 0.4rem 0.8rem 0.4rem 2rem;
  height: 40px;
  width: 260px;
}
.panel-search-form-cr input::-webkit-search-cancel-button {
  -webkit-appearance: none;
          appearance: none;
}
.panel-search-form-cr input:focus + svg {
  fill: #6898f8;
}
.panel-search-form-cr .magni-icon {
  left: 10px;
  bottom: 8px;
  width: 27px;
  height: 27px;
}

.panel-other-page ul {
  margin-left: 1.8rem;
}
@media (max-width: 480px) {
  .panel-other-page li {
    font-size: 1rem;
  }
  .panel-other-page .admin__post__actions i {
    font-size: 1.6rem;
  }
}

[data-lock-button-text]::after,
[data-view-post]::after,
[data-edit-post]::after,
[data-delete-text]::after,
[data-lock-button-text]::before,
[data-view-post]::before,
[data-edit-post]::before,
[data-delete-text]::before {
  content: "";
  padding: 0.4rem;
  left: 35px;
  background: #12ae40;
  opacity: 0;
  visibility: hidden;
}

[data-lock-button-text]::after {
  content: attr(data-lock-button-text);
}

[data-view-post]::after {
  content: attr(data-view-post);
}

[data-edit-post]::after {
  content: attr(data-edit-post);
}

[data-delete-text]::after {
  content: attr(data-delete-text);
}

[data-lock-button-text]::before,
[data-view-post]::before,
[data-edit-post]::before,
[data-delete-text]::before {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #12ae40;
  border-radius: 0;
  background: transparent;
  padding: 0;
  left: 25px;
}

[data-action-icon-1] i {
  color: rgba(3, 192, 60, 0.9) !important;
}

[data-action-icon-2] i {
  color: rgba(241, 184, 19, 0.9) !important;
}

[data-edit-button] i {
  color: rgba(47, 128, 237, 0.9) !important;
}

[data-action-icon-4] i {
  color: rgba(244, 67, 54, 0.9) !important;
}

.admin__post__actions a {
  margin-left: 1.4rem;
  width: 25px;
  font-size: 1rem;
}
.admin__post__actions a:hover::after, .admin__post__actions a:hover::before {
  opacity: 1;
  visibility: visible;
}
.admin__post__actions a i {
  margin: 0;
  font-size: 1.45rem;
}

@media (max-width: 570px) {
  .panel__pagination {
    margin: 1rem auto;
  }
}
.panel__pagination .panel__pages li {
  margin-left: 0.7rem;
}
.panel__pagination .panel__pages li a {
  width: 45px;
  height: 45px;
}
.panel__pagination .panel__pages li a:hover {
  background: #6898f8;
}
@media (max-width: 570px) {
  .panel__pagination .panel__pages li:nth-child(5),
  .panel__pagination .panel__pages li:nth-child(6),
  .panel__pagination .panel__pages li:nth-child(7),
  .panel__pagination .panel__pages li:nth-child(8) {
    display: none;
  }
}

.actived-panel-page {
  background: #6898f8 !important;
}

#panel-header-dropdown {
  padding: 0.48rem;
  width: 240px;
}
@media (max-width: 400px) {
  #panel-header-dropdown {
    margin-top: 1rem;
  }
}
#panel-header-dropdown ul {
  text-align: right;
}

.addnew__item__container {
  padding-top: 1.4rem;
}

.img-form-control {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 28%;
          flex: 0 0 28%;
  max-width: 28%;
}
.img-form-control .image-upload-section {
  top: -18px;
}
.img-form-control #post-uploaded-background {
  height: 410px;
}
@media (max-width: 991px) {
  .img-form-control {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    margin-top: 1rem;
  }
  .img-form-control #post-uploaded-background {
    height: 200px;
  }
  .img-form-control .form-control {
    margin-bottom: 1rem;
  }
}

.uploadImgOverlay::after {
  background-image: radial-gradient(circle at center, rgba(0, 0, 0, 0.2) 10%, rgba(104, 152, 248, 0.1) 90%);
}

.add-item-form-group {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  max-width: 70%;
}
@media (max-width: 991px) {
  .add-item-form-group {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.add-item-form-group .form-control {
  margin-bottom: 1.2rem;
}

.additem-input,
#post-info-input {
  padding: 0.6rem 1rem;
}
.additem-input::-webkit-input-placeholder, #post-info-input::-webkit-input-placeholder {
  opacity: 1;
}
.additem-input::-moz-placeholder, #post-info-input::-moz-placeholder {
  opacity: 1;
}
.additem-input:-ms-input-placeholder, #post-info-input:-ms-input-placeholder {
  opacity: 1;
}
.additem-input::-ms-input-placeholder, #post-info-input::-ms-input-placeholder {
  opacity: 1;
}
.additem-input::placeholder,
#post-info-input::placeholder {
  opacity: 1;
}
.additem-input:focus,
#post-info-input:focus {
  border-color: #6898f8;
}
.additem-input:focus::-webkit-input-placeholder, #post-info-input:focus::-webkit-input-placeholder {
  opacity: 0;
}
.additem-input:focus::-moz-placeholder, #post-info-input:focus::-moz-placeholder {
  opacity: 0;
}
.additem-input:focus:-ms-input-placeholder, #post-info-input:focus:-ms-input-placeholder {
  opacity: 0;
}
.additem-input:focus::-ms-input-placeholder, #post-info-input:focus::-ms-input-placeholder {
  opacity: 0;
}
.additem-input:focus::placeholder,
#post-info-input:focus::placeholder {
  opacity: 0;
}

#post-info-input {
  height: 150px;
  resize: none;
}

@media (max-width: 620px) {
  .col-4-inputs .form-control {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
    max-width: 49%;
  }
}
@media (max-width: 450px) {
  .col-4-inputs .form-control {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

.select-box-inp {
  color: #bbc1c6 !important;
}
.select-box-inp::after {
  content: "+";
  font-size: 1.4rem;
  left: 10px;
  top: 7px;
}

.select-box-inp-on::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.selectable-list {
  height: 0;
  visibility: 0;
  opacity: 0;
  z-index: 20;
}
.selectable-list li:hover {
  color: #6898f8;
}
.selectable-list li:not(:last-child) {
  margin-bottom: 1rem;
}

.selectable-list-on {
  height: 150px;
  overflow-y: auto;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

@media (max-width: 620px) {
  .col-6-inputs .form-control {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

.dataTag {
  margin: 0.3rem;
  padding: 0.3rem 0.4rem;
  opacity: 0;
  right: 30px;
  -webkit-animation: basted 0.4s linear forwards;
          animation: basted 0.4s linear forwards;
}
.dataTag:hover span::after, .dataTag:hover span::before {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

@-webkit-keyframes basted {
  to {
    opacity: 1;
    right: 0;
  }
}

@keyframes basted {
  to {
    opacity: 1;
    right: 0;
  }
}
[data-clear-tag-tooltip]::after,
[data-clear-tag-tooltip]::before {
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}

[data-clear-tag-tooltip]::after {
  content: attr(data-clear-tag-tooltip);
  top: -40px;
  right: -10px;
  padding: 0.2rem;
}

[data-clear-tag-tooltip]::before {
  top: -14px;
  right: 12px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #12ae40;
}

[contenteditable=true] {
  outline: none;
}

#post-imdb-score {
  max-height: 60px;
}

.placeholder {
  top: 10px;
  right: 18px;
}

.placeholder-out {
  opacity: 0;
}

.addPostLastSec input {
  padding-right: 2.5rem;
}
.addPostLastSec label::after {
  left: 0;
  width: 0;
}
.addPostLastSec label p {
  padding-right: 1.8rem;
}

.upload-post-icon {
  right: 15px;
  top: 15px;
}

.uploading-loader {
  width: 24px;
  height: 24px;
  border: 2px solid #cc3333;
  border-top-color: #23232b;
  border-left-color: #23232b;
  top: 10px;
  right: 215px;
  opacity: 0;
}

@-webkit-keyframes uploading-video-loader {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes uploading-video-loader {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.uploaded-loader-out {
  opacity: 0;
}

.uploaded-loader-in {
  opacity: 1;
  -webkit-animation: uploading-video-loader 0.5s linear infinite;
          animation: uploading-video-loader 0.5s linear infinite;
}

.uploading-video-progress::after {
  -webkit-animation: uploading-video 7s cubic-bezier(0.11, 0, 0.5, 0) forwards;
          animation: uploading-video 7s cubic-bezier(0.11, 0, 0.5, 0) forwards;
}

@-webkit-keyframes uploading-video {
  to {
    width: 100%;
  }
}

@keyframes uploading-video {
  to {
    width: 100%;
  }
}
.post-money-free-cr {
  margin: 1rem auto;
}
@media (max-width: 620px) {
  .post-money-free-cr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.post-money-or-free,
.custom-radio-button {
  margin-left: 1.5rem;
}

@media (max-width: 620px) {
  .radiobtns-cr {
    margin-top: 1rem;
  }
}

.custom-radio-button {
  padding-left: 2rem;
}
.custom-radio-button:hover .post-type-radio {
  background: rgba(104, 152, 248, 0.8);
}
.custom-radio-button .post-type-radio {
  width: 20px;
  height: 20px;
  bottom: 4px;
  left: 0px;
}
.custom-radio-button .post-type-radio::after {
  -webkit-transform: scale(0);
          transform: scale(0);
  background: url(../assest/images/icons/checked.png);
  background-size: cover;
}
.custom-radio-button input:checked ~ .post-type-radio::after {
  -webkit-transform: scale(1);
          transform: scale(1);
}

[data-money-price] {
  margin: 1rem 0;
  padding: 0;
  max-height: 0;
  opacity: 0;
  -webkit-transition-property: max-height opacity;
  transition-property: max-height opacity;
}
[data-money-price] .legal-post-cr {
  margin: 1rem 0;
}
@media (max-width: 620px) {
  [data-money-price] .legal-post-cr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.data-money-price-on {
  padding: 1rem;
  max-height: 300px !important;
  opacity: 1;
}

.sereis-cover-bg {
  height: 150px;
  background-size: cover;
}
@media (max-width: 620px) {
  .sereis-cover-bg {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 620px) {
  .coming__soon__img {
    display: none;
  }
}
.coming__soon__img::after, .coming__soon__img::before {
  width: 100px;
  height: 14px;
  left: -130px;
  top: 50%;
}
.coming__soon__img::before {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 24px solid #6898f8;
  background: transparent;
  left: -34px;
  top: 45.5%;
  z-index: 2;
}
.badges-selector {
  margin-bottom: 1.4rem;
}
.badges-selector li {
  margin: 0.4rem 0.8rem 0.4rem 0;
}

.add-new-post-btn-cr {
  text-align: left;
}

.add-new-post-btn {
  width: 150px;
  padding: 0.5rem 0;
  background: transparent;
}
.add-new-post-btn::after {
  top: 0;
  right: 0;
}
.add-new-post-btn:hover::after {
  width: 0;
}
.add-new-post-btn:hover {
  background: #f5f5f5;
  color: rgba(16, 16, 20, 0.8705882353);
}

.sending-form-animation {
  z-index: 150;
  -webkit-animation: fadeOutAnimation 0.6s ease-in forwards;
          animation: fadeOutAnimation 0.6s ease-in forwards;
}
.sending-form-animation img {
  width: 150px;
  height: 150px;
}

@-webkit-keyframes fadeOutAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOutAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.texteditor-container {
  padding: 0.6rem;
}

.tools-cr .tool {
  margin: 0.4rem 0 0.4rem 1rem;
}
.tools-cr .tool input:not([type=url]) {
  opacity: 0;
}
.tools-cr .tool label {
  width: 50px;
  height: 50px;
}
.tools-cr .tool label:hover {
  background: rgba(104, 152, 248, 0.9);
}
.tools-cr .tool label:hover i {
  color: #f5f5f5;
}
.tools-cr .tool label i {
  font-size: 1.2rem;
}

@media (max-width: 800px) {
  .tool:not(:first-child) {
    overflow: hidden;
    opacity: 0;
    width: 0;
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  .tool:not(:first-child):nth-child(1) {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  .tool:not(:first-child):nth-child(2) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
    -webkit-transform: translateX(60px);
            transform: translateX(60px);
  }
  .tool:not(:first-child):nth-child(3) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
    -webkit-transform: translateX(90px);
            transform: translateX(90px);
  }
  .tool:not(:first-child):nth-child(4) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
    -webkit-transform: translateX(120px);
            transform: translateX(120px);
  }
  .tool:not(:first-child):nth-child(5) {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
    -webkit-transform: translateX(150px);
            transform: translateX(150px);
  }
  .tool:not(:first-child):nth-child(6) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
    -webkit-transform: translateX(180px);
            transform: translateX(180px);
  }
  .tool:not(:first-child):nth-child(7) {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
    -webkit-transform: translateX(210px);
            transform: translateX(210px);
  }
  .tool:not(:first-child):nth-child(8) {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
    -webkit-transform: translateX(240px);
            transform: translateX(240px);
  }
  .tool:not(:first-child):nth-child(9) {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
    -webkit-transform: translateX(270px);
            transform: translateX(270px);
  }
  .tool:not(:first-child):nth-child(10) {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
    -webkit-transform: translateX(300px);
            transform: translateX(300px);
  }
  .tool:not(:first-child):nth-child(11) {
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
    -webkit-transform: translateX(330px);
            transform: translateX(330px);
  }
}

.tools-opened {
  width: 50px !important;
  opacity: 1 !important;
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
}

#open-tools {
  margin: 0;
}
@media (max-width: 800px) {
  #open-tools {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.4rem 0 0.4rem 1rem;
  }
}

.emojy-cr {
  width: 300px;
  max-width: 250px;
  z-index: 101;
  top: 200px;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  padding: 0.4rem 0.2rem;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
.emojy-cr span {
  margin: 0.3rem;
}
.emojy-cr span:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.emojy-cr-on {
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}

.pasteUrl-input {
  max-height: 0;
}
.pasteUrl-input .add-new-post-btn {
  top: 0;
  left: 0;
  width: 60px;
  height: 45px;
}

.pasteUrl-input-on {
  max-height: 100px;
  margin-top: 1rem;
}

.active-tool {
  background: rgba(104, 152, 248, 0.9) !important;
}
.active-tool i {
  color: #f5f5f5 !important;
}

.text-editor-form {
  margin-top: 1rem;
  line-height: 1.8;
}

#article-text-area {
  -webkit-transition: none;
  transition: none;
  max-width: 100%;
  height: 350px;
}

#article-upload-bg p {
  margin-left: 1rem;
}
#article-upload-bg i {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.upload-user-avatar {
  margin-bottom: 0.5rem;
}

@media (max-width: 800px) {
  .social-editor-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.social-editor-container .socials {
  margin-top: 0;
}
@media (max-width: 800px) {
  .social-editor-container .socials {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.social-editor-container .socials ul {
  margin: 1rem;
}
.social-editor-container .socials ul .edit-socials input {
  width: 300px;
  height: 50px;
  text-align: left;
}
.social-editor-container .socials ul .edit-socials input::-webkit-input-placeholder {
  text-align: right;
}
.social-editor-container .socials ul .edit-socials input::-moz-placeholder {
  text-align: right;
}
.social-editor-container .socials ul .edit-socials input:-ms-input-placeholder {
  text-align: right;
}
.social-editor-container .socials ul .edit-socials input::-ms-input-placeholder {
  text-align: right;
}
.social-editor-container .socials ul .edit-socials input::placeholder {
  text-align: right;
}
@media (max-width: 450px) {
  .social-editor-container .socials ul .edit-socials input {
    width: 225px;
  }
}
.social-editor-container .socials ul .socials-cr {
  width: 60px;
  height: 50px;
  margin: 1rem 0 1rem 1rem;
}
.social-editor-container .socials ul .socials-cr a {
  font-size: 0;
}
@media (max-width: 450px) {
  .social-editor-container .socials ul .socials-cr a {
    position: absolute;
  }
}
.social-editor-container .socials ul .socials-cr i {
  font-size: 1.8rem;
}

.icon-editor {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.icon-editor .icons li {
  margin: 0.5rem;
}
.icon-editor .icons li i {
  font-size: 2rem;
}
.icon-editor .icons li i:hover {
  color: #6898f8;
}

.icon-select-box {
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  overflow-y: auto;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
}
.icon-select-box h1 {
  margin-bottom: 0.5rem;
}
.icon-select-box li {
  padding: 0.4rem 0;
}
.icon-select-box li:hover {
  font-weight: bold;
  color: rgba(16, 16, 20, 0.8705882353);
}
.icon-select-box li:not(:last-child) {
  margin-bottom: 0.6rem;
}

.close-select-box {
  right: 10px;
  top: 8px;
  width: 35px;
  height: 35px;
}
@media (max-width: 450px) {
  .close-select-box {
    width: 30px;
    height: 30px;
  }
}
.close-select-box:hover {
  background: #6898f8;
  color: #f5f5f5;
}
.icon-select-box-on {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0);
          transform: translate(0);
}

.icons-on {
  display: block !important;
  opacity: 0;
  -webkit-transform: scale(0) translateY(-4px);
          transform: scale(0) translateY(-4px);
  -webkit-animation: icons-in 0.4s linear forwards;
          animation: icons-in 0.4s linear forwards;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.icons-on:nth-child(1) {
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.icons-on:nth-child(2) {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.icons-on:nth-child(3) {
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.icons-on:nth-child(4) {
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.icons-on:nth-child(5) {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.icons-on:nth-child(6) {
  -webkit-transform: translateY(-12px);
          transform: translateY(-12px);
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.icons-on:nth-child(7) {
  -webkit-transform: translateY(-14px);
          transform: translateY(-14px);
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.icons-on:nth-child(8) {
  -webkit-transform: translateY(-16px);
          transform: translateY(-16px);
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.icons-on:nth-child(9) {
  -webkit-transform: translateY(-18px);
          transform: translateY(-18px);
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.icons-on:nth-child(10) {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.icons-on:nth-child(11) {
  -webkit-transform: translateY(-22px);
          transform: translateY(-22px);
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.icons-on:nth-child(12) {
  -webkit-transform: translateY(-24px);
          transform: translateY(-24px);
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.icons-on:nth-child(13) {
  -webkit-transform: translateY(-26px);
          transform: translateY(-26px);
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.icons-on:nth-child(14) {
  -webkit-transform: translateY(-28px);
          transform: translateY(-28px);
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.icons-on:nth-child(15) {
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.icons-on:nth-child(16) {
  -webkit-transform: translateY(-32px);
          transform: translateY(-32px);
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.icons-on:nth-child(17) {
  -webkit-transform: translateY(-34px);
          transform: translateY(-34px);
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}
.icons-on:nth-child(18) {
  -webkit-transform: translateY(-36px);
          transform: translateY(-36px);
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.icons-on:nth-child(19) {
  -webkit-transform: translateY(-38px);
          transform: translateY(-38px);
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}
.icons-on:nth-child(20) {
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.icons-on:nth-child(21) {
  -webkit-transform: translateY(-42px);
          transform: translateY(-42px);
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
}
.icons-on:nth-child(22) {
  -webkit-transform: translateY(-44px);
          transform: translateY(-44px);
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}
.icons-on:nth-child(23) {
  -webkit-transform: translateY(-46px);
          transform: translateY(-46px);
  -webkit-animation-delay: 2.3s;
          animation-delay: 2.3s;
}
.icons-on:nth-child(24) {
  -webkit-transform: translateY(-48px);
          transform: translateY(-48px);
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.icons-on:nth-child(25) {
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
.icons-on:nth-child(26) {
  -webkit-transform: translateY(-52px);
          transform: translateY(-52px);
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s;
}
.icons-on:nth-child(27) {
  -webkit-transform: translateY(-54px);
          transform: translateY(-54px);
  -webkit-animation-delay: 2.7s;
          animation-delay: 2.7s;
}
.icons-on:nth-child(28) {
  -webkit-transform: translateY(-56px);
          transform: translateY(-56px);
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}
.icons-on:nth-child(29) {
  -webkit-transform: translateY(-58px);
          transform: translateY(-58px);
  -webkit-animation-delay: 2.9s;
          animation-delay: 2.9s;
}
.icons-on:nth-child(30) {
  -webkit-transform: translateY(-60px);
          transform: translateY(-60px);
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.icons-on:nth-child(31) {
  -webkit-transform: translateY(-62px);
          transform: translateY(-62px);
  -webkit-animation-delay: 3.1s;
          animation-delay: 3.1s;
}
.icons-on:nth-child(32) {
  -webkit-transform: translateY(-64px);
          transform: translateY(-64px);
  -webkit-animation-delay: 3.2s;
          animation-delay: 3.2s;
}

@-webkit-keyframes icons-in {
  to {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    opacity: 1;
  }
}

@keyframes icons-in {
  to {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    opacity: 1;
  }
}
.panel-form-container {
  background: linear-gradient(-240deg, rgb(45, 53, 70) 50%, rgb(104, 152, 248) 50%);
  min-height: 100vh;
}
.panel-form-container .panel-form-inner {
  grid-gap: 50px;
  gap: 50px;
}
.panel-form-container .sending-animation {
  z-index: 5;
  opacity: 0;
  visibility: hidden;
}

.sending-animation-on {
  visibility: visible !important;
  opacity: 1 !important;
}

.form-logo {
  margin-bottom: 2rem;
}
.form-logo img {
  margin: 0 auto;
  width: 50px;
  height: 50px;
}

.panel-form-control {
  background: #f1f5ff;
  -webkit-box-shadow: 10px 10px 1px rgba(44, 41, 41, 0.3);
          box-shadow: 10px 10px 1px rgba(44, 41, 41, 0.3);
}
.panel-form-control h1 {
  margin-bottom: 2rem;
  letter-spacing: -1px;
}

.panel-form::after {
  background: url(../assest/images/icons/film-strip.svg);
  width: 100px;
  height: 100px;
  bottom: -50px;
  left: -25px;
}
.panel-form .form-control {
  margin-bottom: 1.4rem;
}
.panel-form .form-control input {
  color: #1c1c22;
  width: 280px;
  height: 40px;
  padding: 0.4rem 0.6rem;
}
.panel-form .form-control input[type=password] {
  padding-left: 2rem;
}
.panel-form .form-control .form-legend {
  right: 0.8rem;
  bottom: 10px;
  color: #32353b;
}
.panel-form .form-control input:focus ~ .form-legend,
.panel-form .form-control input:valid ~ .form-legend {
  opacity: 0;
}
.panel-form .form-control input:focus {
  border: 2px solid #6898f8;
}

.remember-me-inner {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.remember-me-inner .post-type-radio {
  left: 0;
  bottom: 3px;
}

.forgot-password:hover {
  color: #6898f8;
}

.view-password {
  left: 10px;
  bottom: 12px;
}
.submit-authentication {
  margin-bottom: 1.4rem;
  border: 1px solid rgba(104, 152, 248, 0.8);
  padding: 0.3rem 0.4rem;
  width: 140px;
}
.submit-authentication:hover {
  border-color: transparent;
}

.auth-link {
  margin-bottom: 0.6rem !important;
}

@media (max-width: 800px) {
  .panel-form-img {
    display: none;
  }
}
.panel-form-img img {
  height: 530px;
}

.beam {
  bottom: 0;
  background: rgba(221, 207, 11, 0.5);
  -webkit-clip-path: polygon(10% 0, 50% 100%, 90% 0);
          clip-path: polygon(10% 0, 50% 100%, 90% 0);
  width: 150%;
  height: 140%;
  -webkit-transform: rotate(45deg) scaleY(0) translate(175px, 0px);
          transform: rotate(45deg) scaleY(0) translate(175px, 0px);
  opacity: 0;
}

.beam-on {
  -webkit-transform: rotate(45deg) scaleY(1) translate(175px, 0px);
          transform: rotate(45deg) scaleY(1) translate(175px, 0px);
  opacity: 1;
}

.panel-form-control,
.panel-form-img {
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
}

.panel-form-control.animation,
.panel-form-img.animation {
  -webkit-animation: easeUP 0.7s linear forwards;
          animation: easeUP 0.7s linear forwards;
}

.panel-form-img.animation {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

@-webkit-keyframes easeUP {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes easeUP {
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.code-input {
  margin: 0 0.3rem;
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-animation: easeUP 0.7s linear forwards;
          animation: easeUP 0.7s linear forwards;
}
.code-input input {
  width: 45px !important;
  height: 45px !important;
}

.countdown {
  margin-top: 1rem;
}

.panel-container-padding {
  padding-left: 250px;
}

.user__name {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  padding-bottom: 0.5rem;
  margin: 0 -1.4rem 1rem;
}

#user-panel-page-title {
  border-bottom: none;
}

.user__profile__img {
  margin-bottom: 0.3rem;
}
.user__profile__img img {
  width: 50px;
  height: 50px;
}

.user__profile {
  gap: 20px;
}

#user-actions-button:hover {
  opacity: 0.8;
}

#notification-icon:hover svg {
  fill: #6898f8;
}

.notification-counts {
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
}

.user__notification {
  z-index: 101;
  top: 0;
  left: -280px;
  width: 280px;
  overflow-y: auto;
}

.user__notification-open {
  left: 0;
}

.user-notification-title {
  border-bottom: 1px solid #0f0f0f;
}
.close-notification-bar {
  background: transparent;
  width: 20px;
  height: 20px;
}

.notification-lists {
  border-right: 3px solid #89d64f;
}
.notification-box div time {
  font-size: 0.7rem;
}
.notification-box div .fa-envelope {
  margin-left: 0.5rem;
}

.notification-box:nth-child(1) {
  margin-bottom: 0.5rem;
}

.user__actions {
  left: 10px;
  top: 70px;
  z-index: 99;
  padding: 1rem 2rem;
  opacity: 0;
  visibility: hidden;
}
.user__actions::after {
  border: 10px solid #0f0f0f;
  border-color: transparent transparent #0f0f0f transparent;
  top: -20px;
  left: 20px;
}

.user__actions-on {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

#logout-button {
  margin-top: 3rem;
}

.articles-container {
  margin: 0 auto;
}

.movie-likes .last__post__img {
  background: none !important;
  margin: 0 !important;
}
.movie-likes .last__post__img img {
  height: auto;
}
.movie-likes .last__posts__container {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.movie-likes .last__posts__container .last__posts__cr {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(33.33% - 8px);
          flex: 0 0 calc(33.33% - 8px);
  max-width: calc(33.33% - 8px);
}
@media (max-width: 800px) {
  .movie-likes .last__posts__container .last__posts__cr {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 8px);
            flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
}
@media (max-width: 620px) {
  .movie-likes .last__posts__container .last__posts__cr {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}
.movie-likes .last__posts__container .last__posts__cr .last__post__text {
  height: auto;
  padding: 0;
  margin: 0;
}

[data-movie-container] {
  z-index: 100;
  width: 600px;
  max-width: 95%;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
[data-movie-container] p:not(:last-child) {
  margin-bottom: 0.5rem;
}
[data-movie-container] p {
  line-height: 1.8;
}
[data-movie-container] i {
  margin-left: 0.1rem;
  vertical-align: middle;
}

.close-movie-data-cr {
  top: -30px;
  font-size: 2rem;
}

.data-movie-container-opened {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.empty-box-image {
  min-height: 65vh;
}

#empty-box-svg {
  max-width: 100%;
  height: 300px;
  fill: #aa7df2;
  -webkit-filter: drop-shadow(0 0 30px #aa7df2);
          filter: drop-shadow(0 0 30px #aa7df2);
  -webkit-animation: on-off 1.5s ease-in-out infinite;
          animation: on-off 1.5s ease-in-out infinite;
}

@-webkit-keyframes on-off {
  0% {
    opacity: 1;
  }
  59% {
    -webkit-filter: drop-shadow(0 0 20px #aa7df2);
            filter: drop-shadow(0 0 20px #aa7df2);
    opacity: 0.5;
  }
  70% {
    -webkit-filter: drop-shadow(0 0 35px #aa7df2);
            filter: drop-shadow(0 0 35px #aa7df2);
    opacity: 0.8;
  }
  100% {
    -webkit-filter: drop-shadow(0 0 30px #aa7df2);
            filter: drop-shadow(0 0 30px #aa7df2);
    opacity: 1;
  }
}

@keyframes on-off {
  0% {
    opacity: 1;
  }
  59% {
    -webkit-filter: drop-shadow(0 0 20px #aa7df2);
            filter: drop-shadow(0 0 20px #aa7df2);
    opacity: 0.5;
  }
  70% {
    -webkit-filter: drop-shadow(0 0 35px #aa7df2);
            filter: drop-shadow(0 0 35px #aa7df2);
    opacity: 0.8;
  }
  100% {
    -webkit-filter: drop-shadow(0 0 30px #aa7df2);
            filter: drop-shadow(0 0 30px #aa7df2);
    opacity: 1;
  }
}
.edit-profile-container {
  padding: 2rem 0;
}
@media (max-width: 800px) {
  .edit-profile-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.edit-profile-container .form-control,
.edit-profile-container h2 {
  margin-bottom: 2rem;
}
.edit-profile-container .form-control {
  padding-left: 50px;
}
@media (max-width: 450px) {
  .edit-profile-container .form-control {
    padding: 0;
  }
}
.edit-profile-container .form-control label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.edit-profile-container .form-control input {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  height: 45px;
  padding-right: 1rem;
}
.edit-profile-container .form-control input:focus {
  border-color: #6898f8;
}

.edit-profile-container-child {
  padding: 1.5rem;
}

.edit-profile-form-container {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 1.5rem;
}
@media (max-width: 800px) {
  .edit-profile-form-container {
    margin: 0;
  }
}
#submit-profile-edited {
  margin-right: auto;
}
#submit-profile-edited i {
  margin-right: 0.5rem;
}

.edit-profile-image-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 350px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  max-width: 100%;
}
@media (max-width: 800px) {
  .edit-profile-image-container {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}

.profile-bg {
  padding-top: 10rem;
  background: radial-gradient(circle at center, rgba(104, 152, 248, 0.3), rgba(170, 125, 242, 0.3)), url(../assest/images/backgrounds/avengers.jpg);
  background-size: cover;
  opacity: 0.8;
}

.profile-image {
  -webkit-transform: translateY(-28px);
          transform: translateY(-28px);
}
.profile-image img {
  width: 60px;
  height: 60px;
}

.upload-avatar-container-child {
  border: 2px dotted rgba(187, 193, 198, 0.4);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 1.5rem 3rem;
}

.send-ticket-container .form-control {
  margin-bottom: 1.5rem;
}

.ticket-send-section {
  margin: 1rem auto;
}
.ticket-send-section h1 {
  margin-bottom: 0.4rem;
}
.ticket-send-section img {
  width: 120px;
  height: 120px;
}

.ticket-send-btn {
  margin-top: 0.5rem;
  padding: 0.3rem;
}
.ticket-send-btn a {
  padding: 0.5rem;
}

.user-balance-alert {
  -webkit-box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.8);
          box-shadow: 0 0 0 2px rgba(255, 193, 7, 0.8);
  z-index: 100;
  width: 400px;
  max-width: 95%;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
.user-balance-alert-in {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  pointer-events: auto;
  -webkit-perspective: 10rem;
          perspective: 10rem;
}

.chest {
  margin: 1rem auto;
  display: none;
  opacity: 0;
  -webkit-transform: scale(0.2);
          transform: scale(0.2);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.chest img {
  margin: 0 auto;
  width: 150px;
  height: 150px;
}

.chestIn {
  display: block;
  -webkit-animation: chestIn 2s ease-in-out forwards;
          animation: chestIn 2s ease-in-out forwards;
}

@-webkit-keyframes chestIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  40% {
    -webkit-transform: scale(0.6) translateX(90px) rotateY(360deg);
            transform: scale(0.6) translateX(90px) rotateY(360deg);
  }
  60% {
    opacity: 0.8;
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform: scale(0.6) translateX(-90px) rotateY(180deg);
            transform: scale(0.6) translateX(-90px) rotateY(180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes chestIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  40% {
    -webkit-transform: scale(0.6) translateX(90px) rotateY(360deg);
            transform: scale(0.6) translateX(90px) rotateY(360deg);
  }
  60% {
    opacity: 0.8;
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
    -webkit-transform: scale(0.6) translateX(-90px) rotateY(180deg);
            transform: scale(0.6) translateX(-90px) rotateY(180deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.balance-counter {
  font-size: 2.5rem;
  letter-spacing: 1rem;
  margin-right: -1rem;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0);
}

.balance-counter-in {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.balance-action-btn {
  background: #ffc107;
  padding: 0.5rem 1rem;
  -webkit-box-shadow: inset 0 0 0 #6898f8;
          box-shadow: inset 0 0 0 #6898f8;
}
.balance-action-btn:hover {
  -webkit-box-shadow: inset 0 0 300px #6898f8;
          box-shadow: inset 0 0 300px #6898f8;
}

.danger {
  background: #ff3232;
}

.balance-action-btn + .balance-action-btn {
  margin-right: 1rem;
}/*# sourceMappingURL=main.css.map */