/*  
Theme Name: The AvaMovie
Theme URI: https://avamovie.shop/
Version: 1.2
*/

@import url('assets/fonts/iconly.min.css?v=11');

@font-face{
  font-display:swap;
  font-family:IRANYekan;
  font-style:normal;
  font-weight:100;
  src:url(assets/fonts/iranyekanwebthin.612285dc.eot);
  src:url(assets/fonts/iranyekanwebthin.612285dc.eot) format("embedded-opentype"),url(assets/fonts/iranyekanwebthin.4672fc69.woff) format("woff"),url(assets/fonts/iranyekanwebthin.0d88b7bd.ttf) format("truetype")
}
@font-face{
  font-display:swap;
  font-family:IRANYekan;
  font-style:normal;
  font-weight:300;
  src:url(assets/fonts/iranyekanweblight.dd0fc0f0.eot);
  src:url(assets/fonts/iranyekanweblight.dd0fc0f0.eot) format("embedded-opentype"),url(assets/fonts/iranyekanweblight.1225b31b.woff2) format("woff2"),url(assets/fonts/iranyekanweblight.069074f8.woff) format("woff"),url(assets/fonts/iranyekanweblight.deb03d0d.ttf) format("truetype")
}
@font-face{
  font-display:swap;
  font-family:IRANYekan;
  font-style:normal;
  font-weight:500;
  src:url(assets/fonts/iranyekanwebmedium.05f9bbc0.eot);
  src:url(assets/fonts/iranyekanwebmedium.05f9bbc0.eot) format("embedded-opentype"),url(assets/fonts/iranyekanwebmedium.2d4f96e5.woff) format("woff"),url(assets/fonts/iranyekanwebmedium.bae5f862.ttf) format("truetype")
}
@font-face{
  font-display:swap;
  font-family:IRANYekan;
  font-style:normal;
  font-weight:700;
  src:url(assets/fonts/iranyekanwebbold.b1d3816e.eot);
  src:url(assets/fonts/iranyekanwebbold.b1d3816e.eot) format("embedded-opentype"),url(assets/fonts/iranyekanwebbold.cfb6e26c.woff2) format("woff2"),url(assets/fonts/iranyekanwebbold.f94d5af0.woff) format("woff"),url(assets/fonts/iranyekanwebbold.f8bf4bf6.ttf) format("truetype")
}
@font-face{
  font-display:swap;
  font-family:IRANYekan;
  font-style:normal;
  font-weight:800;
  src:url(assets/fonts/iranyekanwebextrabold.fdba4f6c.eot);
  src:url(assets/fonts/iranyekanwebextrabold.fdba4f6c.eot) format("embedded-opentype"),url(assets/fonts/iranyekanwebextrabold.9346e9a2.woff) format("woff"),url(assets/fonts/iranyekanwebextrabold.db249916.ttf) format("truetype")
}
@font-face{
  font-display:swap;
  font-family:IRANYekan;
  font-style:normal;
  font-weight:900;
  src:url(assets/fonts/iranyekanwebblack.156be6c9.eot);
  src:url(assets/fonts/iranyekanwebblack.156be6c9.eot) format("embedded-opentype"),url(assets/fonts/iranyekanwebblack.3e7c4cd1.woff) format("woff"),url(assets/fonts/iranyekanwebblack.48b45e84.ttf) format("truetype")
}
@font-face{
  font-display:swap;
  font-family:IRANYekan; 
  font-style:normal;
  font-weight:950;
  src:url(assets/fonts/iranyekanwebextrablack.6be229ac.eot);
  src:url(assets/fonts/iranyekanwebextrablack.6be229ac.eot) format("embedded-opentype"),url(assets/fonts/iranyekanwebextrablack.40ce9a97.woff) format("woff"),url(assets/fonts/iranyekanwebextrablack.df9f7150.ttf) format("truetype")
}
@font-face{
  font-display:swap;
  font-family:IRANYekan;
  font-style:normal;
  font-weight:400;
  src:url(assets/fonts/iranyekanwebregular.0f8cf57b.eot);
  src:url(assets/fonts/iranyekanwebregular.0f8cf57b.eot) format("embedded-opentype"),url(assets/fonts/iranyekanwebregular.e31c09af.woff2) format("woff2"),url(assets/fonts/iranyekanwebregular.534fe99e.woff) format("woff"),url(assets/fonts/iranyekanwebregular.1d0667f5.ttf) format("truetype")
}

html, body {direction: rtl; font: 13px IRANYekan, tahoma; margin: 0; padding: 0; background-color: #030303; color: #F9F9F9;}
p, h1, h2, h3, h4, h5, ul {margin: 0; padding: 0;}
input, textarea, button, select {font: 13px IRANYekan, tahoma; outline: none;}
input[type='submit']{-webkit-appearance:none}
a {text-decoration: none; transition: all 0.2s; color: #F9F9F9;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img {max-width: 100%;}

.abasi_org {margin: 0 auto; position: relative; max-width: 1440px;}
.hide{display: none;}
.force-hide{display: none !important;}
.nowrap {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.w8 {opacity: 0.5 !important; cursor: wait !important;}
.ltr {direction: ltr;}
.rtl {direction: rtl;}
.text-center{text-align: center;}
.mb20{margin-bottom: 20px;}
.pt50{padding-top: 50px}

.select-style {position: relative;}
.select-style:before { content: "\e04b"; font-family: Iconly; font-size: 11px; position: absolute; top: -4px; bottom: 0; display: flex; justify-content: center; align-items: center;  left: 13px; pointer-events: none; color: #d5d5d5;}
.select-style select {background-color: #273446;  border: 1px solid transparent; border-radius: 10px; height: 45px; padding: 0 18px 0 35px; width: 100%; appearance: none;color: #d5d5d5;cursor: pointer;}

/*img.lozad:not(.ready) {object-fit: cover;}*/

.f__ch .f__h {padding: 15px 20px;}
.f__ch .f__h svg {display: none;}
.f__ch.left-bottom {z-index: 10000000000000000;}

header.site-header {border-top: 2px solid #ff437e; display: flex; padding: 10px; position: relative; z-index: 10;}
header.site-header.sticky {position: sticky; top: 0; background-color: rgba(10,13,16,.6); z-index: 100000; backdrop-filter: blur(6px) opacity(1);}

header.site-header .logo-area {margin-left: 20px; display: flex; align-items: center;}
header.site-header .logo-area a {border-left: 1px solid rgba(255,255,255,.2); display: inline-block; padding-left: 10px; font-size: 0; width: 149px;}
header.site-header .logo-area a img {height: auto;}
@media (max-width:600px){
  body.show-search header.site-header .logo-area{display: none;}
}

header.site-header .top-menu {display: flex; align-items: center;}
header.site-header .top-menu .item .a {padding: 10px; display: flex; align-items: center; font-size: 14px; opacity: .8; transition: all 0.2s; cursor: pointer;}
header.site-header .top-menu .item .a i.icon-category {font-size: 20px; margin-left: 7px;}
header.site-header .top-menu .item .a:hover {opacity: 1;}
header.site-header .left-side {margin-right: auto; display: flex;}
header.site-header .search-area {display: flex; align-items: center; margin-left: 15px; position: relative;}
header.site-header .search-area form {display: flex; align-items: center; backdrop-filter: blur(5px); background-color: rgba(0,0,0,0.1); border-radius: 17px;transition: all 0.3s;}
header.site-header .search-area .close {font-size: 24px; margin-left: 8px; opacity: .9; cursor: pointer; transition: all 0.2s; display: flex;visibility: hidden;transition: all 0.2s;opacity: 0;}
header.site-header .search-area .close:hover {opacity: 1; color: #ff437e;}
header.site-header .search-area form button.submit {transition: all .2s; border-radius: 15px; background-color: transparent; border: none; color: #fff; font-size: 19px; width: 50px; height: 50px; padding: 0; display: flex; align-items: center; justify-content: center; cursor: pointer;}
body:not(.show-search) header.site-header .search-area form button.submit:hover{background-color: #121720;}
header.site-header .search-area form input {background-color: transparent; border: none; position: absolute; color: #fff; display: flex; height: 100%; transition: all 0.2s;width: 0;visibility: hidden;}
header.site-header .search-area form .advanced-search {background-color: #FF437E; width: 0; height: 37px; display: flex; align-items: center; justify-content: center; font-size: 18px; border-radius: 13px; cursor: pointer;visibility: hidden;transition: all 0.2s;opacity: 0;}
header.site-header .search-area form .advanced-search i {transition: all 0.2s;}
header.site-header .search-area form .advanced-search:hover i {font-size: 19px;}
header.site-header .search-area .ajax_search_results {position: absolute; background-color: #121720; right: 0; top: 50px; left: 0; border-radius: 20px; opacity: 0; transition: all 0.2s; visibility: hidden;}
header.site-header .search-area .ajax_search_results.is_loading,
  header.site-header .search-area .ajax_search_results.is_results {opacity: 1; top: 70px; visibility: visible;}
header.site-header .search-area .ajax_search_results .loading {display: none; justify-content: center; align-items: center;}
header.site-header .search-area .ajax_search_results.is_loading .loading{display: flex;}
header.site-header .search-area .ajax_search_results .loading svg {width: 60px;}
header.site-header .search-area .ajax_search_results::before {content: ""; display: flex; position: absolute; width: 0; height: 0; border-top: 0 solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #121720; border-left: 10px solid transparent; top: -10px; right: 100px;}

header.site-header .search-area .ajax_search_results .res .header-search-ajax {display: flex; margin: 22px 20px 20px 20px; border-bottom: 1px solid #41454d; padding-bottom: 15px;}
header.site-header .search-area .ajax_search_results .res .header-search-ajax .more {margin-right: auto;}
header.site-header .search-area .ajax_search_results .res .header-search-ajax .more a {display: flex; justify-content: center; align-items: center; font-size: 12px; font-weight: 400;}
header.site-header .search-area .ajax_search_results .res .header-search-ajax .more a i {font-size: 10px; margin-right: 6px;}
header.site-header .search-area .ajax_search_results:not(.is_results) .res,
  body:not(.show-search) header.site-header .search-area .ajax_search_results {display: none;}

.no-row {display: flex; justify-content: center; align-items: center; padding: 25px 15px; color: #c0c0c0;}

.show-search header.site-header .search-area .close {visibility: visible; opacity: 1;}
.show-search header.site-header .search-area form input {visibility: visible;width: 250px; position: relative;}
.show-search header.site-header .search-area form .advanced-search {visibility: visible; opacity: 1; width: 37px; margin-left: 7px;}
.show-search header.site-header .search-area form {box-shadow: 0 0 0px 1px rgba(255,255,255,.2);}
header.site-header .buy-subscription {transition: all .2s; margin-left: 15px; backdrop-filter: blur(5px); background-color: rgba(0,0,0,.1); border-radius: 17px;}
header.site-header .buy-subscription a {display: flex; height: 100%; justify-content: center; align-items: center; padding: 0 20px; white-space: nowrap;}
header.site-header .buy-subscription a i {font-size: 18px; color: #F5C518; margin: -4px 0 0 8px;}
header.site-header .buy-subscription:hover {background-color: #121720;}
header.site-header .left-side .big-loggin {display: flex; align-items: center;}
header.site-header .left-side .big-loggin a {display: flex; height: 100%; transition: all .2s; align-items: center; padding: 0 20px; background-color: #E8346C; border-radius: 17px; backdrop-filter: blur(5px);}
header.site-header .left-side .big-loggin a:hover {background-color: #DD3268;}
@media (max-width:1160px){
  .show-search header.site-header .search-area form input{width: 190px;}
}
@media (max-width:1046px){
  header.site-header .left-side .big-loggin{display: none;}
  header.site-header .menu-notification,
    header.site-header .buy-subscription.no-noti{margin-left: 0;}
  header.site-header .buy-subscription a {font-size: 0; padding: 0; width: 50px;}
  header.site-header .buy-subscription a i {margin-left: 0;}
}
@media (max-width:700px){
  body.show-search header.site-header .buy-subscription,
    body.show-search header.site-header .menu-notification {display: none;}
  body.show-search header.site-header .search-area{margin-left: 0; width: 100%;}
  body.show-search header.site-header .left-side {margin: 0; width: 100%;}
  body.show-search header.site-header .search-area form {flex: 1;}
  body.show-search header.site-header .search-area form input {width: 100%; flex: 1;}
  header.site-header .logo-area{margin-left: 0}
}
/* @media (max-width:500px){
  header.site-header .buy-subscription{display: none;}
} */

.menu-notification {position: relative; margin-left: 15px;}
.menu-notification > i {backdrop-filter: blur(5px); background-color: rgba(0,0,0,.1); border-radius: 17px; font-size: 22px; display: flex; height: 100%; width: 50px; justify-content: center; align-items: center; transition: all 0.2s; position: relative;}
.menu-notification:hover > i {background-color: #121720;}
.menu-notification > i .new {position: absolute; top: 0; right: 0; font-size: 14px; font-family: IRANYekan; background-color: #ff437e; min-width: 20px; display: flex; justify-content: center; align-items: center; padding: 3px 0; border-radius: 10px; cursor: default;}
.menu-notification .hover {position: absolute; visibility: hidden; opacity: 0; transition: all 0.2s; background-color: #121720; left: 0; width: 260px; border-radius: 20px; padding: 20px; top: 50px;}
.menu-notification:hover .hover {top: 65px; visibility: visible; opacity: 1;}
.menu-notification .hover:before {content: ""; display: block; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #121720; border-left: 10px solid transparent; position: absolute; left: 15px; top: -19px;}
.list-notification {margin-bottom: 20px; display: flex; flex-direction: column; max-height: 300px; overflow-y: scroll; margin-left: -10px; padding-left: 10px;}
.list-notification .item {border-bottom: 1px solid rgba(255,255,255,.1); margin-bottom: 20px;padding-bottom: 20px; cursor: default;}
.list-notification .item.action-read-notification {cursor: pointer;}
.list-notification .item .title {font-weight: 500; color: #ff437e; margin-bottom: 7px; font-size: 14px;}
.list-notification .item .content {text-align: justify; font-size: 12px; line-height: 21px; color: rgba(255,255,255,.9);}
.list-notification .item:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.menu-notification .more a {background-color: #ff437e; display: flex; height: 40px; justify-content: center; align-items: center; border-radius: 10px; transition: all .1s;}
.menu-notification .more a:hover {box-shadow: 0 0 0 20px rgba(0,0,0,.1) inset;}

.slider-main {height: 700px; display: flex; margin: -90px 0 40px; padding: 90px 0 0; background-size: cover; position: relative; background-position: center; background-color: #030303;}
.slider-main .right-side {width: 190px; margin: 20px 60px 40px 20px; position: relative; z-index: 2;}
.slider-main .right-side #slider_main {height: 100%; width: 100%;}
.slider-main .right-side #slider_main .swiper-slide{max-height: 102px;}
.slider-main .right-side #slider_main .swiper-slide .slider-item {position: relative; border-radius: 20px; overflow: hidden; display: flex; cursor: pointer; height: 100%; border: 1px solid rgba(0,0,0,.6); background-size: cover; background-position: center;}
.slider-main .right-side #slider_main .swiper-slide .slider-item .title {position: relative; font-weight: 500; z-index: 2; margin: 20px 15px 0 0;}
.slider-main .right-side #slider_main .swiper-slide .slider-item::after {content: ""; background-color: rgba(0,0,0,.5); position: absolute; right: 0; top: 0; left: 0; bottom: 0; z-index: 1;}
.slider-main .right-side #slider_main .swiper-slide.swiper-slide-active .slider-item {border-color: #FF437E;}
.slider-main::before {content: ""; position: absolute; left: 0; top: 0; right: 0; display: flex; background: linear-gradient(rgba(0,0,0,.7), transparent); height: 200px;}
.slider-main::after {content: ""; position: absolute; right: 0; bottom: 0; left: 0;top: 0; background: linear-gradient(140deg,#00000030 0%,#00000054 30%,#000000e8 81%); z-index: 1;}
.slider-main .left-side {margin-right: 100px; position: relative; z-index: 2; flex: 1; align-items: center; display: flex; overflow: hidden;}
.slider-main .left-side .text .slide-text {display: flex; flex-direction: column; padding-top: 100px; transition: all .1s; opacity: 0; visibility: hidden; position: absolute; height: 0;}
.slider-main .left-side .text .slide-text.active {padding-top: 0; opacity: 1; visibility: visible; position: relative; height: auto;}
.slider-main .left-side .text .slide-text .title {font-size: 40px; font-weight: 400; margin: 0 0 10px 0; direction: ltr; text-align: right; padding-left: 15px;}
.slider-main .left-side .text .slide-text .line {display: inline-flex; background-color: #FF437E; height: 1px; width: 70px; margin: 0 0 15px 0;}
.slider-main .left-side .text .slide-text .imdb-rate {display: flex; flex-direction: row-reverse; justify-content: right; align-items: center; margin: 0 0 10px 0;}
.slider-main .left-side .text .slide-text .imdb-rate img {margin: -3px 5px 0 0; width: 35px;}
.slider-main .left-side .text .slide-text .imdb-rate strong {font-size: 20px; font-weight: 500; margin: 0 3px 0 0;}
.slider-main .left-side .text .slide-text .imdb-rate .ten {display: inline-flex; direction: ltr; font-size: 14px;}
.slider-main .left-side .text .slide-text .plot {color: #F9F9F9; margin-bottom: 20px; opacity: .9; max-width: 850px; line-height: 25px; max-height: 50px; overflow: hidden;margin: 0 0 10px 10px;}
.slider-main .left-side .text .slide-text .more a {background-color: #FF437E; padding: 13px 30px; border-radius: 12px; display: inline-flex;}
.slider-main .left-side .text .slide-text .more a:hover {background-color: #DD3268;}
.slider-main .slider-navigation {position: absolute; z-index: 2; background-color: rgba(0,0,0,.5); width: 50px; left: calc(50% - 25px); display: flex; justify-content: center; align-items: center; font-size: 10px; height: 32px; cursor: pointer; transition: all 0.2s;}
.slider-main .slider-navigation.up {border-radius: 0 0 10px 10px; top: 0;}
.slider-main .slider-navigation.down {border-radius: 10px 10px 0 0; bottom: 0;}
.slider-main .slider-navigation:hover {background-color: rgba(0,0,0,.7);}
@media (max-width:900px){
  .slider-main {flex-direction: column-reverse; height: 600px;}
  .slider-main .right-side {width: unset; margin: 0 0 40px 0; height: 120px; /* padding-right: 15px; */}
  .slider-main .slider-navigation {display: none;}
  .slider-main .left-side {margin-right: 15px;}
  .slider-main .left-side .text{width: 100%;}
  .slider-main .left-side .text .slide-text .title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}
@media (max-width:500px){
	.slider-main {height: 450px;}
	.slider-main .right-side {margin-bottom: 0; height: 100px;}
	.slider-main .left-side .text .slide-text .title {font-size: 24px;}
	.slider-main::after {background: linear-gradient(170deg,#00000030 0%,#00000054 30%,#000000e8 81%)}
	.slider-main .left-side .text .slide-text .more a {padding: 9px 30px;}
	.slider-main .right-side #slider_main .swiper-slide {max-height: 82px;}
}

header.section-title {margin-bottom: 19px; display: flex; align-items: center;}
header.section-title .title {display: flex; align-items: center;}
header.section-title .title .icon-area i {background-color: #5D5D5D; padding: 10px 10px 10px 11px; border-radius: 15px; font-size: 12px; color: #E5E5E5;}
.movie header.section-title .title .icon-area i {border-radius: 10px;}
header.section-title .title .text {font-size: 18px; font-weight: 600; margin-right: 15px;}
header.section-title .more {margin-right: auto;}
header.section-title .more a {background-color: #141821; border: 1px solid #333435; border-radius: 15px; padding: 12px 20px; display: flex; transition: all 0.2s;}
header.section-title .more a:hover {border-color: #ff437e; color: #ff437e;}

#slider_you_see .swiper-slide {background-color: #141821; border-radius: 15px; margin: 7px 0 0 0; transition: all 0.2s;}
#slider_you_see .swiper-slide:hover {background-color: #1e2431;}
#slider_you_see .swiper-slide .item a:hover .left-side i {background-color: rgba(0,0,0,.5); transform: scale(1.3);}
#slider_you_see .slider-navigation {position: absolute; z-index: 2; width: 50px; background-color: rgba(98, 98, 98, 0.8); height: 50px; top: calc(50% - 25px); display: flex; align-items: center; justify-content: center; font-size: 20px; transition: all 0.2s; cursor: pointer;}
#slider_you_see .slider-navigation.right {border-radius: 20px 0 0 20px;}
#slider_you_see .slider-navigation.left {left: 0; border-radius: 0 20px 20px 0;}
#slider_you_see .slider-navigation.right i {transform: rotate(180deg);}
#slider_you_see .slider-navigation:not(.swiper-button-disabled):hover {background-color: #ff437e; color: #fff;}
#slider_you_see .slider-navigation.right:not(.swiper-button-disabled):hover{padding-left: 8px;}
#slider_you_see .slider-navigation.left:not(.swiper-button-disabled):hover{padding-right: 8px;}
#slider_you_see .slider-navigation.swiper-button-disabled {opacity: .1; cursor: default;}
@media (max-width:800px){
  #slider_you_see .slider-navigation{display: none;}
}

.item-view .remove {color: #FF437E; font-size: 17px; background-color: #030303; position: absolute; top: -7px; right: -7px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 20px; cursor: pointer; transition: all 0.2s;}
.item-view .remove:hover {color: #fff; background-color: #FF437E;}
.item-view a {display: flex; padding: 10px 20px 10px 10px;}
.item-view a .right-side {flex: 1; direction: ltr; margin: 15px 0 15px 25px; display: flex; flex-direction: column; justify-content: space-between;}
.item-view a .right-side .title {font-weight: 500; color: #eaeaea; font-size: 14px; line-height: 20px; max-height: 40px; overflow: hidden; transition: all 0.2s;}
.item-view a:hover .right-side .title {color: #fff;}
.item-view a .right-side .episode {font-weight: 500; color: #C2C2C2;}
.item-view a .right-side .seek {display: flex; align-items: center; margin-top: 5px;}
.item-view a .right-side .seek i {margin-right: 5px; color: #C2C2C2; font-size: 18px;}
.item-view a .right-side .seek .details {display: flex; flex-direction: column; flex: 1;}
.item-view a .right-side .seek .details .time {color: #C2C2C2;}
.item-view a .right-side .seek .details .line {position: relative; height: 3px; background-color: #4A4D54; border-radius: 2px;}
.item-view a .right-side .seek .details .line .value {position: absolute; left: 0; top: 0; bottom: 0; background-color: #FF437E;}
.item-view a .left-side {width: 90px; display: flex; justify-content: center; align-items: center; border-radius: 15px; height: 110px; background-size: cover;}
.item-view a .left-side i {background-color: rgba(0,0,0,.1); width: 30px; height: 30px; border-radius: 15px; display: flex; justify-content: center; align-items: center; padding-left: 2px; transition: all 0.2s;}

.home-section {margin-bottom: 40px;}
.home-section.update-series .section-title .title .icon-area svg {width: 33px; height: 33px;}
.home-section.update-series .list-series {display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 20px;}
@media (max-width:1046px){
  .home-section.update-series .list-series {display: flex; overflow-y: scroll; padding: 0 15px 25px 15px; margin: 0 -15px 0 -15px;}
  .home-section.update-series .list-series .item-series {min-width: 300px;}
  .home-section.you-see{margin-right: 15px; margin-left: 15px;}
  #slider_you_see{padding: 0 15px 0px 0px;margin: 0 -15px 0 -15px;}
}

.item-series {background-color: #141821; border-radius: 20px; transition: all 0.2s;}
.item-series a{padding: 10px 10px 13px 10px; display: block;}
.item-series .cover {border-radius: 15px; position: relative; height: 200px; display: flex; margin-bottom: 7px; background-size: cover;}
.item-series .cover .top {position: absolute; top: 7px; left: 7px; right: 7px; display: flex; gap: 5px;z-index: 1;}
.item-series .cover .top i {font-size: 15px; background-color: rgba(0,0,0,.4); border-radius: 18px; padding: 5px; transition: all 0.2s;}
.item-series .cover .top i.icon-play-circle {margin-right: auto;}
.item-series .cover .plot {padding: 50px 10px 10px 10px; display: flex; justify-content: center; align-items: center; transition: all 0.2s; background-color: rgba(0,0,0,.5); border-radius: inherit; opacity: 0;}
.item-series .cover .plot .text {line-height: 20px; font-size: 11px; overflow: hidden; max-height: 60px;}
.item-series:hover .cover .plot {opacity: 1; padding-top: 30px;}
.item-series .se {font-size: 12px; text-align: left; margin: 0 0 10px 10px; color: #9E9E9E;}
.item-series .title {margin: 0 10px 10px 10px; text-align: left; font-weight: 500; font-size: 14px; text-overflow: ellipsis; overflow: hidden;}
.item-series .item-foot {margin-left: 10px;}
.item-series:hover {background-color: #1f2533;}

.item-foot {direction: ltr; display: flex; align-items: center;}
.item-foot .f-item img {margin: 0 6px 0 0;}
.item-foot .f-item {display: flex; align-items: center; margin-right: 15px; color: #DBDBDB;}
.item-foot .f-item:last-child {margin-right: 0;}

.home-section.movie .list-movie {display: grid; grid-gap: 20px; grid-template-columns: repeat(6, minmax(0, 1fr));}
@media (max-width:1455px){
	.home-section.movie .list-movie .item-movie .top{height: 240px;}
}
@media (max-width:1350px){
	.home-section.movie .list-movie .item-movie .top{height: 220px;}
}
@media (max-width:1250px){
	.home-section.movie .list-movie .item-movie .top{height: 190px;}
}
@media (max-width:1150px){
	.home-section.movie .list-movie .item-movie .top{height: 170px;}
}
@media (max-width:1046px){
  .home-section.movie .list-movie {display: flex; padding: 0 15px 20px 15px; margin: 0 -15px 0 -15px; overflow-y: scroll;}
  .home-section.movie .list-movie .item-movie {min-width: 230px;}
	.home-section.movie .list-movie .item-movie .top{height: 260px;}
}

.item-movie {background-color: #141821; border-radius: 15px; padding: 10px 10px 13px; transition: all .2s; position: relative;}
.item-movie:hover {background-color: #030303;}
.item-movie .top {background-size: cover; border-radius: 10px; position: relative; height: 300px; margin-bottom: 15px; transition: all 0.2s; background-position: center;}
.item-movie .top .icons {position: absolute; top: 7px; left: 7px; display: flex; flex-direction: column;z-index: 1; gap: 5px; right: 7px; align-items: end;}
.item-movie .top .icons i {font-size: 15px; background-color: rgba(0,0,0,.4); border-radius: 18px; padding: 5px; display: inline-block;}
.item-movie .top .hover {visibility: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.6); opacity: 0; transition: all 0.2s; padding: 30px 15px 50px 15px; font-size: 11px; display: flex; flex-direction: column; justify-content: center; align-items: center; color: rgba(255,255,255,.8);}
.item-movie:hover .top .hover {visibility: visible; opacity: 1;}
.item-movie .top .hover .plot {margin-bottom: 20px;}
.item-movie .top .hover .plot .text {line-height: 20px; max-height: 80px; overflow: hidden; text-align: center;}
.item-movie:not(.is-costume):hover .top .icons {display: block;}
.item-movie:not(.is-costume):hover .top .icons i.icon-play-circle {position: absolute; left: 0;}
.item-movie .bottom {display: flex; flex-direction: column; direction: ltr;}
.item-movie .bottom .year {color: #9E9E9E; font-size: 12px; margin-bottom: 5px;}
.item-movie .bottom .title_en {font-weight: 500; font-size: 14px; margin-bottom: 10px; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis;}
.item-movie:not(.is-costume):hover .bottom {opacity: 0; /*display: none;*/}
/* .item-movie:hover .top {position: absolute; left: 10px; right: 10px; top: 10px; bottom: 0; margin: 0; height: calc(100% - 20px);} */
.item-movie .mark {position: absolute; left: 0; right: 0; bottom: 0; height: 80px; display: flex; justify-content: center; align-items: center; font-size: 20px; background: linear-gradient(transparent, #030303); transition: all 0.2s; opacity: 0; cursor: pointer; visibility: hidden;}
.item-movie:hover .mark {visibility: visible; opacity: 1; height: 120px;}
.item-movie .remove-mark {position: absolute; width: 40px; height: 40px; top: calc(150px - 20px); left: calc(50% - 20px); display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,.8); border-radius: 20px; font-size: 17px; color: #FF437E; cursor: pointer; transition: all 0.2s;}
.item-movie .remove-mark:hover {transform: scale(1.1); background-color: #000;}
.item-movie .change-list-items {position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.2s; background-color: rgba(0,0,0, .7); opacity: 0; z-index: 1; flex-direction: column;}
.item-movie .change-list-items i {font-size: 27px; background-color: rgba(0,0,0,.5); width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 21px;}
.item-movie .change-list-items .text {margin-top: 10px;}
.item-movie .change-list-items:hover {opacity: 1;}
 @media (max-width:1046px){
     .item-movie .top{height: 260px}
 }

footer.site-footer {margin-bottom: 40px; padding-top: 20px;}
footer.site-footer .abasi_org {display: flex; align-items: center; justify-content: space-between; border-top: 1px dashed rgba(255,255,255,.2); padding-top: 30px;}
footer.site-footer .links {display: flex; gap: 25px; margin-bottom: 15px;}
footer.site-footer .links .item a {color: rgba(255,255,255,.8); transition: all 0.2s;}
footer.site-footer .links .item a:hover {color: #fff;}
footer.site-footer .copy {display: flex; align-items: center;}
footer.site-footer .copy .get-top {font-size: 20px; margin-left: 10px; transition: all 0.2s; cursor: pointer; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 8px;}
footer.site-footer .copy .get-top:hover {background-color: #FF437E;}
footer.site-footer .copy .text {opacity: .5; font-size: 12px;}
footer.site-footer .left-side {display: flex; align-items: center; gap: 50px;}
footer.site-footer .left-side .social-networks {display: flex; align-items: center; font-size: 18px;}
footer.site-footer .left-side .social-networks a {padding: 5px 10px;}
footer.site-footer .left-side .social-networks a i {color: rgba(255,255,255,.8);}
footer.site-footer .left-side .social-networks a i.icon-twitter {margin-bottom: 10px;}
footer.site-footer .left-side .social-networks a:hover i.icon-telegram {color: #00A9E6;}
footer.site-footer .left-side .social-networks a:hover i.icon-twitter {color: #4DA6E9;}
footer.site-footer .left-side .social-networks a:hover i.icon-instagram {color: #FE098F;}
footer.site-footer .left-side .application-link a {background-color: #FF437E; height: 40px; display: flex; padding: 0 15px; border-radius: 15px; justify-content: center; align-items: center; gap: 15px; transition: all 0.2s;}
footer.site-footer .left-side .application-link a i.icon-download {font-size: 19px; background-color: rgba(255,255,255,.1); width: 30px; height: 20px; display: flex; justify-content: center; align-items: center; border-radius: 5px;}
footer.site-footer .left-side .application-link a:hover {background-color: #EC3E74;}
@media (max-width:1046px){
  footer.site-footer{display: none;}
}

.category-menu {position: relative;}
.category-menu .submenu {position: absolute; background-color: #10141A; padding: 25px; border-radius: 20px; transition: all 0.2s; top: 70%; visibility: hidden; opacity: 0; z-index: 1;}
.category-menu .submenu .tabs {display: flex; font-size: 16px;}
.category-menu .submenu .tabs .cat {cursor: pointer; display: flex; align-items: center; padding: 16px 30px; border: 1px solid transparent;}
.category-menu .submenu .tabs .cat i {font-size: 22px; margin-left: 8px;}
.category-menu .submenu .tab-contents {border: 1px solid rgba(255,255,255,.2); border-radius: 29px; margin: -1px 0 0 0; width: 980px;}
.category-menu .submenu .tab-contents.is-first {border-radius: 29px 0 29px 29px;}
.category-menu .submenu .tab-contents .content {display: none; padding: 20px 20px;}
.category-menu .submenu .tab-contents .content.active {display: block;}
.category-menu .submenu .tabs .cat.active {border: 1px solid rgba(255,255,255,.2); border-radius: 20px 20px 0 0; border-bottom-color: transparent; background-color: #10141a;}
.category-menu .submenu .tab-contents .content .inner-links {display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); font-size: 15px;}
.category-menu .submenu .tab-contents .content .inner-links .link a {display: flex; transition: all 0.2s; color: rgba(255,255,255,.8); padding: 15px 0; align-items: center;}
.category-menu .submenu .tab-contents .content .inner-links .link a .num {color: #AEAEAE; font-size: 11px; margin-right: 5px; transition: all 0.2s;}
.category-menu .submenu .tab-contents .content .inner-links .link a:hover, .category-menu .submenu .tab-contents .content .inner-links .link a:hover .num {color: #ff437e;}
.category-menu:hover .submenu {opacity: 1; visibility: visible; top: 100%;}
@media (max-width:1250px){
  .category-menu .submenu .tab-contents {width: 850px;}
  .category-menu .submenu .tab-contents .content .inner-links {grid-template-columns: repeat(5,minmax(0,1fr));}
}
@media (max-width:1100px){
	.category-menu .submenu .tab-contents {width: 800px;}
}
@media (max-width:1046px){
  header.site-header .top-menu {display: none;}
  header.site-header .logo-area a {border-left: none; padding-left: 0; width: 139px;}
}

.signle-page {margin-top: -90px;}
.signle-page:before {content: ""; position: absolute; top: 0; left: 0; right: 0; height: 200px; display: flex; background: linear-gradient(rgba(0,0,0,.7),transparent); z-index: 1;}
.signle-page .top-single {background-size: cover; position: relative; padding: 130px 0 90px 0; background-position: center;}
.signle-page .top-single::before {content: ""; display: flex; position: absolute; background: linear-gradient(140deg,#00000030 0%,#00000054 30%,#000000e8 81%); left: 0; right: 0; top: 0; bottom: 0;}
.signle-page .top-single .abasi_org {display: flex;}
.signle-page .top-single .right-side {margin-left: 25px; width: 250px; min-width: 250px;}
.signle-page .top-single .poster-area {position: relative;}
.signle-page .top-single .poster-area .icons {position: absolute; left: 13px; right: 13px; top: 13px; display: flex; gap: 5px;}
.signle-page .top-single .poster-area .icons i {font-size: 15px; background-color: rgba(0,0,0,.4); padding: 5px; border-radius: 18px;}
.signle-page .top-single .poster-area .icons i.icon-play-circle {margin-right: auto;}
.signle-page .top-single .poster-area img {border-radius: 30px; width: 100%; height: 375px;}
.signle-page .top-single .poster-area .play-icon {position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.signle-page .top-single .poster-area .play-icon:before {content: ""; width: 90px; height: 90px; border: 1px solid rgba(255,255,255,.2); border-radius: 100%; position: absolute; transition: all 0.2s;}
.signle-page .top-single .poster-area .play-icon:after {content: ""; width: 70px; height: 70px; border: 1px solid rgba(255,255,255,.3); position: absolute; border-radius: 100%; transition: all 0.2s;}
.signle-page .top-single .poster-area .play-icon i {background-color: #FF437E; width: 50px; height: 50px; border-radius: 100%; display: flex; justify-content: center; align-items: center; font-size: 23px; padding-left: 3px;}
.signle-page .top-single .poster-area .play-icon:hover::before {width: 100px; height: 100px;}
.signle-page .top-single .poster-area .play-icon:hover::after {width: 80px; height: 80px;}
.signle-page .top-single .left-side {flex: 1; display: flex; flex-direction: column; padding: 20px 0;}
.signle-page .top-single .row-top {display: flex; flex: 1;}
.signle-page .top-single .row-top .text-side {width: 500px; margin-left: 20px;}
.signle-page .top-single .row-top .text-side .title {position: relative; z-index: 1;}
.signle-page .top-single .row-top .text-side .fa-title {font-weight: 500; font-size: 13px; margin-bottom: 20px; margin-top: 5px; color: rgba(255,255,255,.7);}
.signle-page .top-single .row-top .text-side .genre {display: flex; margin-bottom: 20px; color: #CACACA;}
.signle-page .top-single .row-top .text-side .genre .caption {margin-left: 20px;}
.signle-page .top-single .row-top .text-side .genre .value a {color: #CACACA;}
.signle-page .top-single .row-top .text-side .genre .value a:hover {color: #ff5a8e;}
.signle-page .top-single .row-top .text-side .plot {margin-bottom: 20px; line-height: 25px; color: #CACACA; text-align: justify;}
.signle-page .top-single .row-top .text-side .update {margin-bottom: 20px; background-color: #111419; display: inline-flex; align-items: center; border-radius: 15px; padding: 5px 10px; color: #CACACA;}
.signle-page .top-single .row-top .text-side .update i {color: #FF437E; margin-left: 8px;}
.signle-page .top-single .row-top .rate-side {flex: 1; direction: ltr;}

.signle-page .top-single .row-top .rate-side .global-rates {display: flex; gap: 40px; margin-bottom: 20px;}
.signle-page .top-single .row-top .rate-side .global-rates .rate {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px;}
.signle-page .top-single .row-top .rate-side .global-rates .rate .res {display: flex; align-items: center;}
.signle-page .top-single .row-top .rate-side .global-rates .rate .res img {margin-right: 10px; margin-bottom: 4px;}
.signle-page .top-single .row-top .rate-side .global-rates .rate .res .value {font-size: 20px; display: flex; align-items: center; font-weight: 500;}
.signle-page .top-single .row-top .rate-side .global-rates .rate .res .value .d {font-size: 11px; margin-right: 3px;}
.signle-page .top-single .row-top .rate-side .global-rates .rate .res .value .ten {font-size: 12px;}
.signle-page .top-single .row-top .rate-side .global-rates .rate.imdb .res a {display: flex; position: relative; z-index: 4;}
.signle-page .top-single .row-top .rate-side .global-rates .rate.inline .res .value {font-size: 14px; opacity: .9;}
.signle-page .top-single .row-top .rate-side .global-rates .rate.inline {justify-content: start;}
.signle-page .top-single .row-top .rate-side .global-rates .rate .votes {direction: rtl; opacity: .9; font-size: 11px;}
@media (max-width:1400px){
  .signle-page .top-single .row-top .rate-side .global-rates {display: grid; grid-template-columns: repeat(3,minmax(0,1fr));}
  .signle-page .top-single .row-top .rate-side .global-rates .rate {align-items: unset;}
  .signle-page .top-single .row-top .rate-side .global-rates .rate .votes {text-align: center;}
  .signle-page .top-single .row-top .text-side {flex: 1;}
}
@media (max-width:500px){
  .signle-page .top-single .row-top .rate-side .global-rates{gap: 10px}
}

.signle-page .top-single .row-top .rate-side .like-dislike {display: flex; margin-bottom: 20px; gap: 10px;}
.signle-page .top-single .row-top .rate-side .like-dislike .act {position: relative; background-color: rgba(0,0,0,.4); cursor: pointer; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; border-radius: 13px; transition: all 0.2s;}
.signle-page .top-single .row-top .rate-side .like-dislike .act .num {position: absolute; top: -7px; font-size: 10px; color: #c0c0c0; background-color: #575757; border-radius: 10px; padding: 1px 3px 0 3px;}
.signle-page .top-single .row-top .rate-side .like-dislike .act i {font-size: 16px;}
.signle-page .top-single .row-top .rate-side .like-dislike .act:hover {background-color: rgba(0,0,0,.9);}
.signle-page .top-single .row-bottom {display: flex; justify-content: space-between; align-items: end;}
.signle-page .top-single .row-bottom .buttons {display: flex; gap: 20px;}
.signle-page .top-single .row-bottom .buttons .link {background-color: #141821; display: flex; align-items: center; font-size: 14px; border-radius: 10px; height: 45px; padding: 0 30px; color: #c0c0c0; transition: all 0.2s;}
.signle-page .top-single .row-bottom .buttons .link:hover {color: #fff; background-color: #1f2635;}
.signle-page .top-single .row-bottom .buttons .link i {font-size: 20px; margin-left: 10px;}
.signle-page .top-single .row-bottom .buttons .link.strong {background-color: #FF437E; color: #fff;}
.signle-page .top-single .row-bottom .buttons .link.strong:hover {background-color: #ee2d6a;}
.signle-page .top-single .row-bottom .buttons .link.mark {padding: 0; width: 45px; justify-content: center; cursor: pointer;}
.signle-page .top-single .row-bottom .buttons .link.mark i {margin: 20px;}
.signle-page .top-single .row-bottom .buttons .each-links {display: flex; gap: 20px;}
.signle-page .top-single .row-bottom .tags {display: flex; flex-direction: column; gap: 10px;}
.signle-page .top-single .row-bottom .tags .item{background-color: rgba(0,0,0,.3); height: 45px; padding: 0 12px; border-radius: 10px; display: flex; align-items: center; color: #d3d3d3;}
.signle-page .top-single .row-bottom .tags .item.top-imdb .num {background-color: #F5C518; color: #000; font-weight: 500; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; border-radius: 100%; font-size: 13px; padding: 3px 0 0 0; margin-left: 7px;}
.signle-page .top-single .row-bottom .tags .item.oscar i {color: #F5C518; font-size: 27px; width: 25px; text-align: center; margin-left: 7px;}
.signle-page .top-single .row-bottom .tags .item.oscar strong {margin-right: 3px;}
@media (max-width:500px){
  .signle-page .top-single .row-bottom .buttons.is-series {flex-direction: column; align-items: center; width: 100%;}
  .signle-page .top-single .row-bottom .buttons a.link {width: 100%; max-width: 250px;}
  .signle-page .top-single .row-bottom .buttons .each-links {max-width: 250px; width: 100%;}
  .signle-page .top-single .row-bottom .buttons .each-links a.link {padding: 10px; flex: 1;}
}

/*.signle-page .tab-content.tab-hide{display: none !important;}*/

@media (max-width:1046px){
  .signle-page .top-single .abasi_org {flex-direction: column; align-items: center;}
  .signle-page .top-single .right-side {margin-left: 0; min-width: unset; max-width: 100%;}
  .signle-page .top-single .left-side {width: 100%;}
  .signle-page .top-single .row-top {flex-direction: column; align-items: center;}
  .signle-page .top-single .row-top .text-side {margin-left: 0; width: 100%; text-align: center;}
  .signle-page .top-single .row-top .text-side .genre{justify-content: center;}
  .signle-page .top-single .row-top .text-side .genre .caption {margin-left: 7px;}
  .signle-page .top-single .row-top .text-side .plot {text-align: center;}
  .signle-page .top-single .row-top .rate-side .global-rates {display: flex; align-items: start;}
  .signle-page .top-single .row-top .rate-side .global-rates .rate .res {flex-direction: column;}
  .signle-page .top-single .row-top .rate-side .global-rates .rate .res img {margin-right: 0; margin-bottom: 10px;}
  .signle-page .top-single .row-top .rate-side .global-rates .rate .res .value {font-size: 15px;}
  .signle-page .top-single .row-top .rate-side .global-rates {order: 2;}
  .signle-page .top-single .row-top .rate-side .like-dislike {display: none;}
  .signle-page .top-single .row-top .rate-side {align-items: center; display: flex; flex-direction: column;}
  .signle-page .top-single .row-bottom {justify-content: center; flex-direction: column-reverse; gap: 30px; align-items: center;}
  .signle-page .top-single::before {background: linear-gradient(175deg,#00000030 0%,#00000054 30%,#000000e8 81%);}
  /*.signle-page .tab-content.tab-hide {display: block !important;}*/
  .signle-page .single-tabs,
    .single-section-title, 
    .single-information .content .title {display: none !important;}
  .single-phone-title {display: flex !important;}
  .single-phone-parent:not(.single-phone-active) .single-phone-content {display: none;}
  .signle-page .top-single .row-top .rate-side{margin-bottom: 25px;}
}

.star-rate {margin-bottom: 20px; display: inline-flex; flex-direction: column; align-items: center;}
.star-rate .stars {font-size: 0; margin-bottom: 5px;}
.star-rate .stars i {font-size: 13px; padding: 2px; cursor: pointer;}
.star-rate .stars:not(.over) i.active, .star-rate .stars i.hover {color: #F5C518;}
.star-rate .results {font-size: 11px; opacity: .9; direction: rtl;}

.single-tabs {border-bottom: 1px solid rgba(255,255,255,.2); background-color: #141821; margin-bottom: 40px;}
.single-tabs .abasi_org {display: flex; align-items: center; justify-content: space-between;}
.single-tabs .tabs {display: flex; align-items: center; gap: 5px;}
.single-tabs .tabs .item {display: flex; align-items: center; height: 70px;cursor: pointer; border-bottom: 1px solid transparent; margin-bottom: -1px; padding: 0 15px; transition: all 0.2s;}
.single-tabs .tabs .item:hover {border-bottom-color: rgba(255,255,255,.5);}
.single-tabs .tabs .item .ico-area {margin-left: 6px; position: relative;}
.single-tabs .tabs .item .ico-area .num,
	.single-phone-title .text .comment-count {border: 2px solid #141821; background-color: #FF437E; display: flex; justify-content: center; align-items: center; font-size: 11px; padding: 3px 6px; border-radius: 8px; position: absolute; right: -6px; top: -11px;}
.single-tabs .tabs .item.active .ico-area svg .bg {fill: #722946;}
.single-tabs .tabs .item.active .ico-area svg .inner {fill: #FF437E;}
.single-tabs .tabs .item .text {color: rgba(255,255,255,.8); font-size: 14px; transition: all 0.2s;}
.single-tabs .tabs .item.active {border-bottom-color: #FF437E;}
.single-tabs .tabs .item:hover .text {color: #fff;}
.single-tabs .report {display: flex; align-items: center; color: rgba(255,255,255,.8); cursor: pointer; transition: all 0.2s;}
.single-tabs .report i {font-size: 17px; margin: -2px 0 0 7px;}
.single-tabs .report:hover {color: #fff;}

.downloadbox {margin-bottom: 40px;}
.downloadbox .dl-item {background-color: #141821; border-radius: 15px; margin-bottom: 20px;}
.downloadbox.movie .dl-item {padding: 20px;}
.downloadbox .dl-item .dl-content {padding: 20px; display: none;}
.downloadbox .dl-item .card {background-color: #0E1015; margin-bottom: 20px; border-radius: 15px;}
.downloadbox .dl-item .card:last-child {margin-bottom: 0;}
.downloadbox .dl-item .card .card-header {display: flex; align-items: center; position: relative; padding: 20px; cursor: pointer;}
.downloadbox .dl-item .card .card-header .tag {margin-left: 15px; padding: 2px 05px 2px 05px; border-radius: 7px 0 7px 0; white-space: nowrap;}
.downloadbox .dl-item .card .card-header .tag.green {background-color: #4CAF50;}
.downloadbox .dl-item .card .card-header .tag.pink {background-color: #FF437E;}
.downloadbox .dl-item .card .card-header .text {display: flex; color: #e6e6e6;}
.downloadbox .dl-item .card .card-header .text span {margin-left: 30px; position: relative; padding-left: 30px; display: flex; align-items: center;}
.downloadbox .dl-item .card .card-header .text span:after {content: ""; display: flex; height: 100%; width: 1px; background-color: #4A4C4F; position: absolute; left: 0; top: 0; bottom: 0;}
.downloadbox .dl-item .card .card-header .text span:last-child {margin-left: 0; padding-left: 0;}
.downloadbox .dl-item .card .card-header .text span:last-child:after {display: none;}
.downloadbox .dl-item .card .card-header .text span i {margin-left: 5px; font-size: 17px;}
.downloadbox .dl-item .card .card-header .text span.title {font-weight: 400; font-size: 14px; color: #fff;}
.downloadbox .dl-item .card .card-header .text span .label {margin-left: 4px;}
.downloadbox .dl-item .card .sub-type {background-color: #1a1e29; padding: 9px 17px 7px 17px; border-radius: 20px; font-weight: 500; margin-left: 30px; font-size: 12px;}
.downloadbox .dl-item .card .card-header .sub-type {margin-right: auto;}
.downloadbox .dl-item .card .card-header .arrow {font-size: 8px; position: absolute; left: 20px; transition: all 0.3s; transform: rotate(180deg);}
.downloadbox .dl-item .card.open .card-header .arrow {transform: rotate(0);}
.downloadbox .dlbox_message {margin-bottom: 20px; background-color: #141821; display: flex; justify-content: center; align-items: center; padding: 15px; border-radius: 15px; color: rgba(255,255,255,.6);}
.downloadbox .dlbox_message a {margin-right: 10px; background-color: rgba(255,255,255,.1); padding: 9px; border-radius: 6px; color: rgba(255,255,255,.8);}
.downloadbox .dlbox_message a:hover {background-color: rgba(255,255,255,.2);}
@media (max-width:1000px){
  .downloadbox .dl-item .card .card-header .text span .label {display: none;}
}
@media (max-width:500px){  
  .downloadbox .dl-item .card .card-header .text span.title {padding-left: 30px;}
}

.downloadbox .dl-item .card .movie-dl-links {display: none; padding: 0 20px 20px 20px;}
.downloadbox .dl-item .card .movie-dl-links .dl-row {background-color: #11151C; margin-bottom: 15px; border-radius: 15px; padding: 20px; display: flex; align-items: center;}
.downloadbox .dl-item .card .movie-dl-links .dl-row:last-child {margin-bottom: 0;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .directs {display: flex; flex-direction: column; gap: 15px;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .directs .links {display: flex; align-items: center;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .directs .description {color: rgba(255,255,255,.5); font-size: 12px; display: flex; align-items: center; gap: 7px;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .directs .description i {color: #ff437e;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .link-main {background-color: #2A2D34; margin-left: 20px; display: flex; align-items: center; padding: 0 20px; border-radius: 15px; transition: all 0.3s; height: 47px;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .link-main i {margin-left: 10px; font-size: 18px;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .link-main:hover {background-color: #343a48;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .link-main.vip i {color: #f5c518; margin-top: -5px;}.downloadbox .dl-item .card .movie-dl-links .dl-row .link-sound {background-color: #2A2D34; height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; border-radius: 15px; color: #ADA7A7; font-size: 14px; transition: all 0.3s;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .link-sound:hover {background-color: #343a48; color: #fff;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side {margin-right: auto; display: flex; align-items: center;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item {margin-left: 50px; padding-left: 50px; position: relative; display: flex; align-items: center;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item:last-child {margin-left: 0; padding-left: 0;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item:after {content: ""; display: flex; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background-color: #4C4F54;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item.sample i {font-size: 15px; margin: -2px 0 0 5px;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item.sample:hover {color: #ff437e;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item.quality {flex-direction: column; align-items: end;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item.quality strong {font-weight: 500; margin-bottom: 12px;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item.quality strong .sub-type {font-size: 11px; padding: 7px 15px 5px;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item:last-child:after {display: none;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item.quality .caption {display: flex; color: #bcbcbc; direction: ltr; gap: 20px; flex-wrap: wrap;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item.quality .caption span {display: flex; gap: 3px;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item.quality .caption span.size {direction: rtl;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item.quality .caption span:last-child {margin-left: 0; padding-left: 0;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item.quality .caption .sample {display: none;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item.quality .caption .sample a {color: #bcbcbc; display: flex; flex-direction: row-reverse; gap: 3px; align-items: center;}
.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item.quality .caption .sample a:hover {color: #fff;}
@media (max-width:800px){
  .downloadbox .dl-item .card .movie-dl-links .dl-row {flex-direction: column-reverse;}
  .downloadbox .dl-item .card .movie-dl-links .dl-row .directs {width: 100%; margin-top: 20px; gap: 20px;}
  .downloadbox .dl-item .card .movie-dl-links .dl-row .directs .link-main {flex: 1; justify-content: center; margin-left: 0;}
  .downloadbox .dl-item .card .movie-dl-links .dl-row .left-side {align-items: self-end;}
  .downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .sample {color: #797c7f;}
	.downloadbox .dl-item .card .movie-dl-links .dl-row .link-sound{margin-right: 10px}
}
@media (max-width:570px){
  .downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .sample{display: none;}
	.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item.quality strong {direction: ltr;}
	.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item.quality strong .sub-type {display: inline-block; margin-left: 0;}
	.downloadbox .dl-item .card .movie-dl-links .dl-row .left-side .side-item.quality .caption .sample {display: inline-flex;}
}

.downloadbox .dl-item header.item-header {display: flex; position: relative; align-items: center; padding: 20px; cursor: pointer;}
.downloadbox .dl-item header.item-header .text .season {background-color: #0E1015; margin-left: 20px; padding: 6px 10px; border-radius: 5px; font-size: 14px; font-weight: 700;}
.downloadbox .dl-item header.item-header .arrow {position: absolute; left: 30px; font-size: 8px; transition: all 0.3s; transform: rotate(180deg);}
.downloadbox .dl-item.open header.item-header .arrow {transform: none;}
.downloadbox .dl-item header.item-header .text .status {font-size: 14px; font-weight: 700;}
.downloadbox .dl-item .card .card-header .tag.empty {font-weight: 200;background-color: #1D222E;}
.downloadbox .dl-item .card .series-dl-links {padding: 0 20px 20px 20px; display: none;}
.downloadbox .dl-item .card .series-dl-links .links {display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 20px; margin-bottom: 20px; margin-top: 10px;}
.downloadbox .dl-item .card .series-dl-links .links .dl {background-color: #11151C; height: 50px; position: relative; border: 1px solid #232427; border-radius: 10px;}
.downloadbox .dl-item .card .series-dl-links .links .dl .sound {position: absolute; left: 0; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; color: #ADA7A7; width: 50px;}
.downloadbox .dl-item .card .series-dl-links .links .dl .main {display: flex; white-space: normal; height: 100%; justify-content: center; align-items: center; padding: 0 0 0 50px;}
.downloadbox .dl-item .card .series-dl-links .links .dl .main i {font-size: 22px; margin-left: 13px; transition: all 0.2s; opacity: .2; margin-right: 7px;}
.downloadbox .dl-item .card .series-dl-links .links .dl:hover .sound i {background-color: #141821;}
.downloadbox .dl-item .card .series-dl-links .links .dl .sound i {width: 28px; height: 28px; display: flex; justify-content: center; align-items: center; border-radius: 10px;}
.downloadbox .dl-item .card .series-dl-links .links .dl:hover .main i {opacity: 1;}
.downloadbox .dl-item .card .series-dl-links .links .dl:hover {background-color: #2A2D34;}
.downloadbox .dl-item .card .series-dl-links .links .dl .sound:hover i {color: #fff;}
.downloadbox .dl-item .card .series-dl-links .copy .action {display: inline-flex; align-items: center; padding: 0 20px; transition: all 0.2s; border: 1px solid transparent; cursor: pointer; height: 50px; border-radius: 15px;}
.downloadbox .dl-item .card .series-dl-links .copy .action i {margin-left: 10px; font-size: 20px;}
.downloadbox .dl-item .card .series-dl-links .copy .action:hover {border: 1px solid #34353a;}
.downloadbox .dl-item .card .series-dl-links .need-vip {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 0;}
.downloadbox .dl-item .card .series-dl-links .need-vip .caption {font-size: 15px; margin-bottom: 20px;}
.downloadbox .dl-item .card .series-dl-links .need-vip .buttons {display: flex; gap: 20px;}
.downloadbox .dl-item .card .series-dl-links .need-vip .buttons a {background-color: #2A2D34; margin-left: 20px; display: flex; align-items: center;  border-radius: 15px; transition: all 0.3s; height: 50px; width: 150px; justify-content: center;}
.downloadbox .dl-item .card .series-dl-links .need-vip .buttons a i {margin-left: 10px; font-size: 18px; color: #f5c518; margin-top: -5px;}
.downloadbox .dl-item .card .series-dl-links .need-vip .buttons a:hover{background-color: #343a48;}
.downloadbox .dl-item .card .series-dl-links .phone-details {display: none; justify-content: space-between; padding-bottom: 12px;}
.downloadbox .dl-item .card .series-dl-links .phone-details > span {flex: 1; display: flex; justify-content: center; align-items: center; position: relative;}
.downloadbox .dl-item .card .series-dl-links .phone-details > span i {font-size: 15px; margin-left: 5px;}
.downloadbox .dl-item .card .series-dl-links .phone-details > span:after {content: ""; width: 1px; height: 15px; background-color: rgba(255,255,255,.2); position: absolute; left: 0;}
.downloadbox .dl-item .card .series-dl-links .phone-details > span:last-child:after {display: none;}
@media (max-width:1300px){
  .downloadbox .dl-item .card .series-dl-links .links {grid-template-columns: repeat(5, 1fr);}
}
@media (max-width:1100px){
  .downloadbox .dl-item .card .series-dl-links .links {grid-template-columns: repeat(4, 1fr);}
}
@media (max-width:900px){
  .downloadbox .dl-item .card .series-dl-links .links {grid-template-columns: repeat(3, 1fr);}
  .downloadbox .dl-item .card .card-header .text span:not(.title) {display: none;}
  .downloadbox .dl-item .card .card-header .text span.title {padding-left: 0; margin-left: 0;}
  .downloadbox .dl-item .card .card-header .text span.title:after{display: none;}
  .downloadbox .dl-item .card .series-dl-links .phone-details{display: flex;}
	.downloadbox .dl-item .card .card-header .sub-type{display:none}
}
@media (max-width:700px){
  .downloadbox .dl-item .card .series-dl-links .links {grid-template-columns: repeat(2, 1fr);}
	.downloadbox .dl-item .card .series-dl-links .copy .action {width: 100%; justify-content: center;}
}
@media (max-width:500px){
  .downloadbox .dl-item .card .series-dl-links .links {grid-template-columns: repeat(1, 1fr);}
}

.single-phone-title {display: none; align-items: center; justify-content: space-between; background-color: #141821; border-radius: 15px; padding: 20px; cursor: pointer; margin-bottom: 20px;}
.single-phone-title .text {display: flex; align-items: center; font-size: 14px; position: relative;}
.single-phone-title .text svg {margin-left: 13px;}
.single-phone-title .text .comment-count {display: none; padding: 3px 6px;}
.single-phone-title .arrow {display: flex; margin-left: 5px;}
.single-phone-title .arrow svg {transition: all 0.2s;}
.single-phone-title .arrow svg path:first-child {stroke: #FFFDFE;}
.single-phone-title .arrow svg path:last-child {stroke: #DFB2C0;}
.single-phone-active .single-phone-title .arrow svg path:first-child {stroke: #FF437E;}
.single-phone-active .single-phone-title .arrow svg {transform: rotate(-90deg);}
.single-phone-active .single-phone-title .text svg .bg {fill: #722946;}
.single-phone-active .single-phone-title .text svg .inner {fill: #ff437e;}

.single-information {margin-bottom: 40px;}
.single-information .content {background-color: #141821; border-radius: 15px; padding: 30px 30px;}
.single-information .content .title {font-size: 15px; color: rgba(255,255,255,.8); display: flex; margin-bottom: 25px;}
.single-information .content .title i {color: #767676; font-size: 17px; margin-left: 10px;}

.single-information .content .list-items {display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #2A2C30; margin-bottom: 20px;}
.single-information .content .list-items .item {border-bottom: 1px solid #2A2C30; display: flex; align-items: center; justify-content: space-between; padding: 20px 10px 20px 10px;}
.single-information .content .list-items .item .label {display: flex; align-items: center;}
.single-information .content .list-items .item .label i {color: #FF437E; font-size: 21px; margin-left: 10px;}
.single-information .content .list-items .item .value {line-height: 19px; height: 19px; overflow: hidden; padding-right: 10px;}
.single-information .content .list-items .item .value a:hover {color: #FF437E;}
.single-information .content .list-items .item:nth-child(3n+1),
  .single-information .content .list-items .item:nth-child(3n+2) {padding-left: 50px;}
.single-information .content .list-items .item:nth-child(3n) {padding-right: 50px;}
@media (max-width:1046px){
  .single-information .content .list-items {grid-template-columns: repeat(2, 1fr); border-top: 0; margin-top: -20px;}
  .single-information .content .list-items .item:nth-child(2n+1) {padding-left: 50px; padding-right: 0;}
  .single-information .content .list-items .item:nth-child(2n+2) {padding-left: 0; padding-right: 0;}
}
@media (max-width:700px){
  .single-information .content {padding: 30px 24px;}
  .single-information .content .list-items {grid-template-columns: repeat(1, 1fr);}
  .single-information .content .list-items .item{padding-right: 0 !important; padding-left: 0 !important;}
}

.single-information .content .people-area {margin-bottom: 20px;}
.single-information .content .people-area .people-title {display: flex; align-items: center; font-size: 15px; color: rgba(255,255,255,.8); padding-bottom: 20px; border-bottom: 1px solid #2A2C30;}
.single-information .content .people-area .people-title i {font-size: 20px; margin-left: 6px; color: #FF437E; margin-top: -2px;}
.single-information .content .people-area .people-list {border-bottom: 1px solid #2A2C30;}
.single-information .content .people-area .people-list a {color: rgba(255,255,255,.8); align-items: center; font-weight: 500; transition: all 0.2s; padding: 20px 0; display: inline-flex; margin-left: 50px;}
.single-information .content .people-area .people-list a:hover {color: #fff;}
.single-information .content .people-area .people-list a:last-child {margin-left: 0;}
.single-information .content .people-area .people-list a img {border-radius: 30px; margin-left: 10px; width: 60px; height: 60px;}
.single-information .content .people-area .text {padding: 20px 0; color: rgba(255,255,255,.8); line-height: 25px;}

@media (max-width:1046px){
    .single-information .content .people-area .people-list a {margin-left: 50px;}
    .single-information .content .people-area .people-list a img {width: 50px; height: 50px;margin-left: 8px;}
}
@media (max-width:700px){
    .single-information .content .people-area .people-list a {margin-left: 10px;}
    .single-information .content .people-area .people-list a img {width: 40px; height: 40px;margin-left: 6px;}
}
.single-related {margin-bottom: 40px;}
.single-section-title {display: flex; align-items: center; margin-bottom: 25px; font-size: 15px; color: rgba(255,255,255,.8);}
.single-section-title svg {margin-left: 7px;}
.single-related .related-list {display: flex; gap: 20px;}
.single-related .related-list .item-movie {flex-basis: 0; flex-grow: 1; min-width: 0;}
@media (max-width:1200px){
  .single-related .related-list {overflow-y: scroll; padding: 0 15px 20px 15px; margin-right: 0; margin-left: 0; width: 100%;}
  .single-related .related-list .item-movie {width: 230px; min-width: 230px;}
}

.single-collection {margin-bottom: 40px;}
.single-collection .collection-list {display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); grid-gap: 20px;}
@media (max-width:1148px){
  .single-collection .collection-list {display: flex; width: 100%; overflow-y: scroll; padding: 0 15px 20px 15px; margin-right: 0;}
  .single-collection .collection-list .item-movie {width: 250px; max-width: 250px; min-width: 250px;}
}

.single-lists {margin-bottom: 40px;}
.single-lists .lists {display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); grid-gap: 20px;}
@media (max-width:1148px){
  .single-lists .lists {display: flex; overflow-y: scroll; padding: 0 15px 20px 15px; margin-right: 0; margin-left: 0;}
  .single-lists .lists .item-list {width: 250px; max-width: 250px; min-width: 250px;}
}

.comments {margin-bottom: 40px;}
.comments .single-phone-title {margin-right: 0; margin-left: 0;}
.comments form {background-color: #141821; border-radius: 15px; padding: 25px 30px; margin-bottom: 30px;}
.comments form header.comment-form-title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding: 0 0 0 10px;}
.comments form header.comment-form-title .text {color: rgba(255,255,255,.8);}
.comments form header.comment-form-title .text strong {color: rgba(255,255,255,.9); font-weight: 800;}
.comments form.is-reply header.comment-form-title .text.default, 
  .comments form:not(.is-reply) header.comment-form-title .text.reply,
  .comments form.is-reply .comment-form-footer .rate {display: none;}
.comments form header.comment-form-title .spoil {display: flex; align-items: center;}
.comments form header.comment-form-title .spoil .caption {color: rgba(255,255,255,.5); font-size: 12px;}
.comments form header.comment-form-title .spoil label {margin-right: 10px;}

.toggle {cursor: pointer; display: flex; align-items: center; user-select: none;}
.toggle .toggle-text {margin-left: 5px;}
.toggle input {position: absolute; left: 0; width: 0; height: 0; opacity: 0; margin: 0;}
.toggle .rail {width: 31px; min-width: 31px; height: 22px; border: 2px solid rgba(255,255,255,.9); border-radius: 10px; position: relative; transition: all 0.2s;}
.toggle .rail .circle {width: 10px; height: 10px; border-radius: 10px; background-color: #fff; position: absolute; left: 4px; top: 4px; transition: all 0.2s;}
.toggle input:checked ~ .rail .circle {left: 13px; background-color: #fff;}
.toggle input:checked ~ .rail {border-color: #ff437e; background-color: #ff437e;}

.comments form .body {margin-bottom: 30px;}
.comments form .body textarea {width: 100%; height: 150px; border-radius: 15px; border-color: #FF437E; background-color: transparent; color: #fff; padding: 15px;}
.comments form .comment-form-footer {display: flex; justify-content: space-between;}
.comments form .comment-form-footer .field-input{margin-left: 10px; flex: 1;}
.comments form .comment-form-footer .rate {flex: 1; display: flex; align-items: center; margin-left: 40px; max-width: 300px;}
.comments form .comment-form-footer .rate .label {color: rgba(255,255,255,.6);}
.comments form .comment-form-footer .rate .range-input {-webkit-appearance: none; appearance: none; width: 100%; cursor: pointer; outline: none; border-radius: 15px; height: 2px; background: #1A2533; position: relative; z-index: 2;}
.comments form .comment-form-footer .rate .range-input::-webkit-slider-thumb {-webkit-appearance: none; appearance: none;  height: 15px; width: 15px; background-color: #10141A; border-radius: 50%; border: 3px solid #FF437E; transition: .2s ease-in-out;}
.comments form .comment-form-footer .rate .range-input::-moz-range-thumb {height: 10px; width: 10px; background-color: #10141A; border-radius: 50%; border: 3px solid #FF437E; transition: .2s ease-in-out;}
.comments form .comment-form-footer .rate .range-slider {flex: 1; direction: ltr; margin-right: 20px; position: relative;}
.comments form .comment-form-footer .rate .range-slider:before {content: ""; width: 9px; height: 9px; display: block; position: absolute; left: 2px; top: 2px; background-color: #10141A; border: 3px solid #FF437E; border-radius: 50%; z-index: 3; pointer-events: none;}
.comments form .comment-form-footer .rate .range-slider .num {position: absolute; top: -20px; font-size: 11px; color: rgba(255,255,255,.6);}
.comments form .comment-form-footer .rate .range-slider .num.ten {right: 1px;}
.comments form .comment-form-footer .rate .range-slider .num.ziro {left: 7px;}
.comments form .comment-form-footer .rate .sliderticks {display: flex; justify-content: space-between; margin-top: -9px; padding: 0 5px; position: relative; z-index:1;}
.comments form .comment-form-footer .rate .sliderticks span {display: flex; justify-content: center; width: 3px; height: 3px; background: #222A34; line-height: 40px; border-radius: 10px;}
.comments form .comment-form-footer .submit {width: 170px; display: flex;}
.comments form .comment-form-footer .submit button {background-color: #FF437E; height: 40px; border: none; flex: 1; border-radius: 15px; color: #fff; display: flex; justify-content: space-evenly; align-items: center; cursor: pointer; transition: all 0.2s;}
.comments form .comment-form-footer .submit button i {font-size: 15px;}
.comments form .comment-form-footer .submit button:hover {background-color: #ec3e74;}
.comments form .comment-need-login {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0;}
.comments form .comment-need-login .text {font-weight: 800; margin-bottom: 15px;}
.comments form .comment-need-login .buttons {display: flex; gap: 20px;}
.comments form .comment-need-login .buttons a {background-color: #1B202C; width: 100px; display: flex; align-items: center; justify-content: center; height: 40px; border-radius: 10px; transition: all 0.2s;}
.comments form .comment-need-login .buttons a.strong {background-color: #FF437E;}
.comments form .comment-need-login .buttons a:hover {box-shadow: 0 0 0 20px rgba(255,255,255,.03) inset;}
 .comments form.is-reply .comment-form-footer {justify-content: end;}
.comments .comment-sort {margin-bottom: 30px; background-color: #141821; border-radius: 15px; padding: 20px 30px; display: flex; align-items: center; justify-content: space-between;}
.comments .comment-sort .select-sort {display: flex; align-items: center;}
.comments .comment-sort .select-sort .caption {margin-left: 20px; font-weight: 300; display: flex;align-items: center;}
.comments .comment-sort .select-sort .caption i {font-size: 21px; margin-left: 10px; color: #E5E5E5;}
@media (max-width:600px){
  .comments form .comment-form-footer {flex-direction: column; align-items: center;}
  .comments form .comment-form-footer .rate {margin: 0 0 20px 0;}
  .comments form header.comment-form-title .text strong{display: none;}
  .comments form{padding: 15px}
	.comments .comment-sort{padding-right: 10px; padding-left: 10px; flex-direction: column-reverse;}
	.comments .comment-sort .select-sort .caption {display: none;}
	.comments .comment-sort .select-sort .radios {width: 100%; max-width: 350px;}
	.comments .comment-sort .select-sort .radios .item-sort {flex: 1; text-align: center;}
	.comments .comment-sort .comment-count{display: none}
	.single-phone-title .text .comment-count{display: flex;}
}

.radios {display: flex; gap: 5px;}
.radios .item-sort input {position: absolute; width: 0; height: 0; opacity: 0;}
.radios .item-sort input:checked + label, .radios .item-sort.active label {background-color: #FF437E;}
.radios .item-sort label {padding: 9px 10px; border-radius: 14px; cursor: pointer; transition: all 0.2s;}

.field-input {background-color: #161D26; position: relative; height: 45px; border-radius: 15px;}
.field-input i {font-size: 14px; color: #C4C4C4; position: absolute; top: 16px; right: 12px; transition: all 0.2s;}
.field-input:focus-within i.input-icon {color: #fff;}
.field-input input {background: transparent; border: none; transition: all 0.2s; color: #fff; padding: 0 44px 0 0; height: 100%; width: 100%; border: 1px solid transparent; border-radius: 15px;}
.field-input input:focus{border-color: #FF437E;}
.field-input input[disabled] {color: rgba(255,255,255,.5);}
.field-input input[type="number"] {-moz-appearance: textfield;}
.field-input input[type="number"]::-webkit-inner-spin-button,
.field-input input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
.field-input::before {content: ""; width: 1px; height: 10px; background-color: #434951; display: block; position: absolute; top: 18px; right: 34px;}
.field-input {width: 100%; margin-bottom: 30px; background-color: #10141A; height: 57px;}
.field-input .label {font-size: 12px; color: #BDBED4; background-color: #161D27; padding: 3px 7px; position: absolute; top: -12px; right: 40px;}
.field-input .label .tg {color: #fff; border-radius: 3px; font-size: 11px; padding: 2px 4px; margin-right: 2px;}
.field-input .label .tg.green {background-color: #4caf50;}
.field-input i.input-icon {font-size: 17px; top: 21px;}
.field-input::before {top: 25px; right: 40px;}
.field-input input {padding-right: 50px;}
.field-input i.input-eye {left: 0; right: unset; top: 0; bottom: 0; width: 50px; display: flex; justify-content: center; align-items: center; font-size: 18px; cursor: pointer;}
.field-input i.input-eye:hover {color: #fff;}
.field-input.chaptcha {position: relative;}
.field-input.chaptcha img {position: absolute; left: 10px; top: 10px; border-radius: 10px; height: 37px;}
.field-input.chaptcha input {padding-left: 120px;}

.comment-list {margin-bottom: 30px;}
.comment-list .comment {background-color: #161D26; border-radius: 15px; padding: 30px; margin-bottom: 15px; position: relative;}
.comment-list .comment .inner {display: flex; align-items: stretch;}
.comment-list .comment .inner .avatar {display: flex; margin-left: 20px;}
.comment-list .comment .inner .avatar img {width: 50px; height: 50px; border-radius: 20px;}
.comment-list .comment .inner .content {flex: 1; margin-left: 20px;}
.comment-list .comment .inner .content .name {font-weight: 700; font-size: 14px; margin-bottom: 5px;}
.comment-list .comment .inner .content .name a:hover {color: #FF437E;}
.comment-list .comment .inner .content .name .into {font-weight: normal; padding: 0 5px 0 0;}
.comment-list .comment .inner .content .name .into strong {padding-right: 5px; color: #FF437E;}
.comment-list .comment .inner .content .body {color: rgba(255,255,255,.8); margin-bottom: 20px; line-height: 23px; overflow: hidden;}
.comment-list .comment .inner .content .body .text.need_more {max-height: 69px; overflow: hidden;}
.comment-list .comment .inner .content .body .read-more {padding: 6px 15px; border-radius: 15px; display: inline-flex; margin: 10px 0 10px 0; color: #fff; font-size: 11px; border: 1px solid #FF437E; cursor: pointer; transition: all .2s;}
.comment-list .comment .inner .content .body .read-more span {display: flex; align-items: center; gap: 5px;}
.comment-list .comment .inner .content .body .read-more span::before {font-size: 19px; transform: rotate(90deg); display: inline-flex;}
.comment-list .comment .inner .content .body .read-more span.open::before {content: "«";}
.comment-list .comment .inner .content .body .read-more span.close::before {content: "»";}
.comment-list .comment .inner .content .body .read-more:hover {background-color: #FF437E;}
.comment-list .comment .inner .content .body.is-open .text.need_more {max-height: 100000000px;}
.comment-list .comment .inner .content .body.is-open .read-more .open,
	.comment-list .comment .inner .content .body:not(.is-open) .read-more .close{display: none}
.comment-list .comment .inner .content .foot {display: flex; align-items: center;}
.comment-list .comment .inner .content .foot .reply {margin-left: 20px; border: 1px solid #FF437E; border-radius: 15px; padding: 10px 25px; cursor: pointer; transition: all 0.2s;}
.comment-list .comment .inner .content .foot .reply:hover {background-color: #FF437E;}
.comment-list .comment .inner .content .foot .total-comments {display: flex; align-items: center; font-weight: 300; margin-left: 20px;}
.comment-list .comment .inner .content .foot .total-comments i {margin: 0 0 0 5px; font-size: 17px; transform: scaleX(-1);}
.comment-list .comment .inner .content .foot .comment-like-area {display: flex;}
.comment-list .comment .inner .content .foot .comment-like-area .act {background-color: #10151C; display: flex; align-items: center; position: relative; height: 40px; padding: 0 15px; color: rgba(255,255,255,.8); cursor: pointer; transition: all 0.2s;}
.comment-list .comment .inner .content .foot .comment-like-area .act .num {position: absolute; top: -10px; background-color: #10151C; padding: 3px 5px; border-radius: 10px; font-size: 11px; left: 50%; transform: translateX(-11px);}
.comment-list .comment .inner .content .foot .comment-like-area .act.like {border-radius: 0 15px 15px 0; margin-left: 2px;}
.comment-list .comment .inner .content .foot .comment-like-area .act.dislike {border-radius: 15px 0 0 15px;}
.comment-list .comment .inner .content .foot .comment-like-area .act.like i {margin-left: 5px;}
.comment-list .comment .inner .content .foot .comment-like-area .act.dislike i {margin-right: 5px; transform: scaleX(-1);}
.comment-list .comment .inner .content .foot .comment-like-area .act:hover {color: #fff;}
.comment-list .comment .inner .status {display: flex; flex-direction: column; justify-content: space-evenly;}
.comment-list .comment .inner .status .rate {background-color: #141821; color: rgba(255,255,255,.8); padding: 10px 20px; border-radius: 20px;}
.comment-list .comment .inner .status .date {text-align: center; color: rgba(255,255,255,.8); font-size: 12px;}
.comment-list .comment.is-reply {margin-right: 100px;}
.comment-list .comment .spoil-warning {display: none; align-items: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0 100px;}
.comment-list .comment .spoil-warning i {color: #F78851; font-size: 23px; margin-left: 5px;}
.comment-list .comment .spoil-warning .text {margin-left: 20px;}
.comment-list .comment .spoil-warning .button {border: 1px solid #D1D1D1; padding: 10px 20px; border-radius: 15px; cursor: pointer; transition: all .2s;}
.comment-list .comment .spoil-warning .button:hover {background-color: #fff; color: #000;}
.comment-list .comment.have-spoil .inner {filter: blur(7px);}
.comment-list .comment.have-spoil .spoil-warning {display: flex;}
.comment-list .more {padding-top: 20px; display: flex; justify-content: center;}
.comment-list .more .button {background-color: #161D26; padding: 15px 30px; border-radius: 15px; display: flex; align-items: center; color: rgba(255,255,255,.8); cursor: pointer; transition: all 0.2s;}
.comment-list .more .button i { font-size: 19px; margin-left: 10px;}
.comment-list .more .button:hover {background-color: #222C3A; color: #fff;}
@media (max-width:600px){
  .comment-list .comment {padding: 15px;}
  .comment-list .comment .inner .status {position: absolute; left: 15px; top: 32px;}
  .comment-list .comment .inner {flex-direction: column;}
  .comment-list .comment .inner .avatar {margin: 0 0 15px 0;}
  .comment-list .comment .inner .content .foot {justify-content: space-between;}
  .comment-list .comment .inner .content {margin-left: 0;}
	.comment-list .comment.is-reply{margin-right: 50px}
}
@media (max-width:400px){
  .comment-list .comment .inner .content .foot .total-comments{display: none;}
	.comment-list .comment.is-reply{margin-right: 30px}
}

.archive-page {margin-bottom: 40px; padding-top: 20px;}
.archive-page header.archive-title {display: flex; align-items: center; margin-bottom: 20px;}
.archive-page header.archive-title .text {display: flex; flex-direction: column;}
.archive-page header.archive-title .text .title {font-size: 19px;}
.archive-page header.archive-title .text .description {display: flex; align-items: center; color: #F9F9F9; margin-top: 5px;}
.archive-page header.archive-title .text .description i {margin-left: 4px; color: #E5E5E5;}
.archive-page header.archive-title .text .description strong {margin-left: 4px; font-weight: 700; color: #fff;}
@media (max-width:800px){
  .archive-page header.archive-title {flex-direction: column; margin-bottom: 25px;}
	.archive-page header.archive-title .text {margin-bottom: 15px;}
  .archive-page header.archive-title .text .title {text-align: center;}
	.archive-page header.archive-title .text .description {justify-content: center;}
	.archive-page header.archive-title .text .description i {display: none;}
}

.form-filters {margin-right: auto; display: flex; gap: 15px;}
.form-filters .radios {background-color: #121820; height: 38px; align-items: center; border-radius: 15px;}
.form-filters .radios .item-sort {flex: 1;}
.form-filters .radios .item-sort label {width: 100%; display: flex; justify-content: center;}
@media (max-width:800px){
  .form-filters {width: 100%; justify-content: center;}
  .form-filters .nice-select {flex: 1;}
}
@media (max-width:600px){
  .form-filters {flex-wrap: wrap;}
	.form-filters:not(.ttfil-3):not(.ttfil-1) .nice-select {width: calc(50% - 7.5px); flex: unset;}
}

.nice-select {background-color: #121820; border-radius: 15px; height: 38px; padding: 0 15px 0 40px; line-height: 37px; font-size: 11px; border: none; float: unset;}
.nice-select .current {color: #d5d5d5;}
.nice-select.open .current {color: #fff;}
.nice-select::after {right: unset; left: 15px; border-color: #d5d5d5;}
.nice-select.open::after {border-color: #fff;}
.nice-select.open {background-color: #1f2a3a;}
.nice-select .list {background-color: #1f2a3a; border-radius: 10px; max-height: 300px; overflow-y: scroll;}
.nice-select .option.focus,
  .nice-select .option.selected.focus,
  .nice-select .option:hover {background-color: #273446;}
.nice-select .list .option {direction: rtl; text-align: right;}

.archive-posts {display: grid; grid-gap: 20px; grid-template-columns: repeat(6,minmax(0,1fr)); margin-bottom: 30px;}
.archive-posts .no-row {grid-column: 1/7; padding: 70px 15px;}
@media (max-width:1250px){
  .archive-posts{grid-template-columns: repeat(5,minmax(0,1fr));}
}
@media (max-width:1000px){
  .archive-posts{grid-template-columns: repeat(4,minmax(0,1fr));}
}
@media (max-width:820px){
  .archive-posts{grid-template-columns: repeat(3,minmax(0,1fr));}
}
@media (max-width:650px){
  .archive-posts{grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media (max-width:450px){
  .archive-posts .item-movie .top{height: 210px}
}
@media (max-width:370px){
  .archive-posts{grid-template-columns: repeat(1,minmax(0,1fr));}
	.archive-posts .item-movie .top{height: 330px}
}

.page-number-site {margin-bottom: 40px;}
.page-number-site .site-pagination-item {display: flex; justify-content: center;}
.page-number-site .site-pagination-item .page-numbers {display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 10px; margin: 3px; transition: all 0.2s;}
.page-number-site .site-pagination-item .page-numbers.prev,
  .page-number-site .site-pagination-item .page-numbers.next {background-color: #161D26; font-size: 10px;}
.page-number-site .site-pagination-item .page-numbers.prev i {transform: rotate(180deg);}
.page-number-site .site-pagination-item .page-numbers.current,
  .page-number-site .site-pagination-item .page-numbers:hover {background-color: #FF437E;}

.item-search-ajax {padding: 0 20px; margin-bottom: 15px;}
.item-search-ajax a {display: flex; flex-direction: row-reverse; align-items: center;}
.item-search-ajax a .poster-area {width: 80px; min-width: 80px; border-radius: 5px; margin: 0 15px 0 0; padding: 7px; display: flex; justify-content: left; height: 85px; background-size: cover; background-position: center;}
.item-search-ajax a .poster-area i.icon-play2 {font-size: 6px; background-color: rgba(0,0,0,.6); width: 18px; height: 18px; display: flex; justify-content: center; align-items: center; border-radius: 100px; padding: 0 0 0 2px;}
.item-search-ajax a .text {display: flex; flex-direction: column; align-items: end;}
.item-search-ajax a .text .imdb-rate {display: flex; flex-direction: row-reverse; align-items: center; margin-bottom: 2px;}
.item-search-ajax a .text .imdb-rate img {margin-right: 4px; margin-top: -4px;}
.item-search-ajax a .text .imdb-rate .value {font-size: 16px; font-weight: 400;}
.item-search-ajax a .text .title {font-weight: 500; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 2px; max-width: 200px; direction: ltr;}
.item-search-ajax a .text .genre {font-weight: 300; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 200px;}
.item-search-ajax:last-child {margin-bottom: 25px;}

.search-results-status {margin-bottom: 25px; display: flex; flex-direction: column; align-items: center;}
.search-results-status .title {font-size: 19px; margin-bottom: 5px;}
.search-results-status .description {display: flex; align-items: center; color: #f9f9f9;}
.search-results-status .description i {margin-left: 4px; color: #e5e5e5;}
.search-results-status .description strong {margin-left: 3px;}

.search-filters {position: fixed; top: 0; overflow-y: scroll; margin-bottom: 15px; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.7); z-index: 100000; padding-top: 100px; transition: all 0.2s; visibility: hidden; opacity: 0;}
body.show-search-filters {overflow: hidden;}
body.show-search-filters .search-filters{visibility: visible; opacity: 1; padding-top: 120px; margin-bottom: 0;}
.search-filters .inner {display: flex; flex-direction: column; align-items: center; margin: 0 auto; max-width: 600px;}
.search-filters header.filters-title {background-color: #161d26; padding: 15px 20px 0; border-radius: 15px 15px 0 0; font-weight: 300; margin-bottom: -5px; position: relative;}
.search-filters form {background-color: #161D26; width: 100%; border-radius: 20px; flex-direction: column; display: flex; padding: 25px 20px; gap: 25px; justify-content: space-between; align-items: center;}
.search-filters form .field:not(.stretch) {flex: 1;}
.search-filters form .field .nice-select {height: 44px;}
.search-filters form .field .nice-select .current {line-height: 44px;}
.search-filters form .field button {background-color: #FF437E; margin-top: 15px; color: #fff; border: none; height: 44px; display: flex; align-items: center; width: 130px;border-radius: 15px; justify-content: space-evenly; cursor: pointer; transition: all 0.2s;}
.search-filters form .field button i {font-size: 16px;}
.search-filters form .field button:hover {background-color: #E63D72;}
.search-filters form .field.year {display: flex; align-items: center; gap: 7px;}
.search-filters form .field.year input {background-color: #121820; color: #fff; width: 100%; border: none; height: 44px; border-radius: 20px; padding: 0 14px; flex: 1;}
.search-page .search-filters {visibility: visible; opacity: 1; overflow: unset; position: relative; padding-top: 0; margin-bottom: 40px; z-index: 1;}
.search-filters form .field-group {width: 100%; display: flex; gap: 25px; justify-content: space-between;}
.search-filters form .switch {border-radius: 15px;}
.search-filters form .switch .item-switch {flex: 1;}
.search-filters form .switch .item-switch label {width: 100%;}
.search-filters form .field-group.toggles {flex-direction: column;}
.search-filters form .field-group.toggles .toggle {background-color: #121820; border-radius: 15px; padding: 11px 15px;gap: 25px;}
.search-filters form .field-group.toggles .toggle .rail {margin-right: auto;}
.search-filters form .field-group.toggles .field .toggle .toggle-text {margin-right: 0;}
@media (max-width:1046px){
  body.show-search-filters .search-filters {padding-bottom: 100px;}
}
@media (max-width:650px){
  .search-filters .inner{margin: 0 15px;}
}
@media (max-width:410px){
  .search-filters form .field.submit {width: 100%;}
  .search-filters form .field button{width: 100%; justify-content: center;}
  .search-filters form .field button i {margin-right: 15px;}
}

/* @media (max-width:1200px){
  .search-filters form {flex-direction: column;}
  .search-filters .inner {width: 400px; max-width: 100%; margin: 0 auto;}
  .search-filters form .field {width: 100%;}
  body.show-search-filters .search-filters {padding-top: 20px; overflow-y: scroll;}
  .search-filters form .field .switch .item-switch {flex: 1;}
  .search-filters form .field .switch .item-switch label {width: 100%;}
  .search-filters form .field .toggle {background-color: #121820; border-radius: 15px; padding: 11px 15px;}
  .search-filters form .field .toggle .rail {margin-right: auto;}
  .search-filters form .field button {width: 100%; justify-content: center; padding: 0 30px;}
  .search-filters form .field button i {margin-right: 15px;}
}
@media (max-width:410px){
  .search-filters .inner {margin: 0 15px; width: auto;}
} */

.switch {display: flex; background-color: #121820; overflow: hidden;}
.switch .item-switch {background-color: #121820; cursor: pointer;}
.switch .item-switch input {opacity: 0; position: absolute; right: 0; top: 0; width: 0; height: 0; margin: 0;}
.switch .item-switch input:checked ~ label {background-color: #FF437E;}
.switch .item-switch label {width: 70px; height: 44px; display: flex; justify-content: center; align-items: center; border-radius: 15px;transition: all 0.2s; cursor: pointer;}

.sign-page {display: flex; justify-content: center; flex-direction: column; padding: 40px 15px 20px 15px;}
.sign-page .content {background-color: #161D27; max-width: 430px; margin: 0 auto; width: 100%; border-radius: 20px; padding: 25px 35px; display: flex; flex-direction: column; align-items: center;}
.sign-page .sign-logo {background-color: #030303; max-width: 180px; border-radius: 20px; padding: 5px 15px; margin: -54px 0 0 0; margin-bottom: 20px;}
.sign-page .title {font-size: 19px; font-weight: 300; margin-bottom: 50px;}
.sign-page .title.with-caption {margin-bottom: 10px;}
/*.sign-page .field-input {width: 100%; margin-bottom: 30px; background-color: #10141A; height: 57px;}
.sign-page .field-input .label {font-size: 11px; color: #BDBED4; background-color: #161D27; padding: 3px 7px; position: absolute; top: -12px; right: 40px;}
.sign-page .field-input i.input-icon {font-size: 17px; top: 21px;}
.sign-page .field-input::before {top: 25px; right: 40px;}
.sign-page .field-input input {padding-right: 50px;}
.sign-page .field-input i.input-eye {left: 0; right: unset; top: 0; bottom: 0; width: 50px; display: flex; justify-content: center; align-items: center; font-size: 18px; cursor: pointer;}
.sign-page .field-input i.input-eye:hover {color: #fff;}*/
.sign-page .button-area {margin-bottom: 30px; width: 100%; gap: 15px; display: flex; flex-direction: column;}
.sign-page .button-area .button {background-color: #202835; border: none; color: #fff; display: flex; align-items: center; width: 100%; justify-content: center; position: relative; height: 50px; border-radius: 12px; transition: all 0.2s; cursor: pointer;}
.sign-page .button-area .button i {position: absolute; left: 15px; font-size: 17px;}
.sign-page .button-area .button i.icon-arrow-line-right {transform: rotate(180deg);}
.sign-page .button-area .button.submit {background-color: #FF437E;}
.sign-page .button-area .button:hover {box-shadow: 0 0 0 30px rgba(0,0,0,.1) inset;}
.sign-page .button-area.foot {margin-bottom: 10px;}
.sign-page .foot-links {display: flex; width: 100%; margin-bottom: 30px; flex-direction: column; gap: 10px;}
.sign-page .foot-links a {display: flex; align-items: center; transition: all 0.2s; color: rgba(255,255,255,.7)}
.sign-page .foot-links a i {font-size: 17px; margin-left: 5px;}
.sign-page .foot-links a:hover {color: #fff;}
.sign-page .line {margin-bottom: 40px; width: 100%; position: relative;}
.sign-page .line .border {height: 1px; background-color: #292B2F; width: 100%;}
.sign-page .header-svg {margin: 20px 0 40px 0;}
.sign-page .forget-caption {margin-bottom: 50px; color: rgba(255,255,255,.6); text-align: center;}
.sign-page .forget-caption strong {color: #fff;}
.sign-page .forget-caption .message-bold {margin-top: 8px; font-size: 14px;}
.sign-page .forget-caption .message-bold strong {background-color: #ff437e; padding: 3px 5px 2px 5px; border-radius: 4px;}

.back-area {margin-bottom: 30px; width: 100%;}
.back-area a {display: flex; align-items: center;}
.back-area a i {transform: rotate(180deg); background-color: #161D26; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 11px; margin-left: 10px;}

header.site-header .user-menu-logged {position: relative;}
header.site-header .user-menu-logged > i {backdrop-filter: blur(5px); background-color: rgba(0,0,0,.1); border-radius: 17px; font-size: 22px; display: flex; height: 100%; justify-content: center; align-items: center; width: 50px; transition: all 0.2s;}
header.site-header .user-menu-logged .hover {position: absolute; visibility: hidden; opacity: 0; transition: all 0.2s; background-color: #121720; left: 0; width: 260px; border-radius: 20px; padding: 20px; top: 50px;}
header.site-header .user-menu-logged:hover .hover {opacity: 1; visibility: visible; top: 65px;}
header.site-header .user-menu-logged .hover .top {border-bottom: 1px solid rgba(255,255,255,.15); display: flex; align-items: center; padding-bottom: 20px; margin-bottom: 20px;}
header.site-header .user-menu-logged .hover .top .avatar {margin-left: 10px;}
header.site-header .user-menu-logged .hover .top .avatar span {background-color: #212A39; color: #DFE6FF; font-size: 18px; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 8px; padding-top: 2px;}
header.site-header .user-menu-logged .hover .top .text {flex: 1;}
header.site-header .user-menu-logged .hover .top .text .h1 {font-size: 14px; font-weight: 500; max-width: 110px; overflow: hidden; text-overflow: ellipsis;}
header.site-header .user-menu-logged .hover .top .text .h2 {font-size: 12px; color: #FF1760;}
header.site-header .user-menu-logged .hover .top .text .h2.green {color: #4CAF50;}
header.site-header .user-menu-logged .hover .top.green .text .h2 {color: #4CAF50;}
header.site-header .user-menu-logged .hover .top a {background-color: #212A39; padding: 9px 10px; display: flex; border-radius: 10px; font-size: 12px; transition: all .1s;}
header.site-header .user-menu-logged .hover .top a.green {background-color: #4CAF50;}
header.site-header .user-menu-logged .hover .top.green a {background-color: #4CAF50; color: #fff;}
header.site-header .user-menu-logged .hover .top a:hover {box-shadow: 0 0 0 20px rgba(0,0,0,.1) inset;}
header.site-header .user-menu-logged .hover:before {content: ""; display: block; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #121720; border-left: 10px solid transparent; position: absolute; left: 15px; top: -19px;}
header.site-header .user-menu-logged:hover > i {background-color: #121720;}
header.site-header .user-menu-logged .hover .list-links {display: flex; flex-direction: column; gap: 15px; margin-bottom: 20px;}
header.site-header .user-menu-logged .hover .list-links a {display: flex; align-items: center;}
header.site-header .user-menu-logged .hover .list-links a i {font-size: 18px; margin-left: 8px; color: #D3D3D3;}
header.site-header .user-menu-logged .hover .list-links a:hover {color: #ff437e;}
header.site-header .user-menu-logged .hover .logout-area a {background-color: #FF437E; display: flex; justify-content: center; height: 40px; align-items: center; border-radius: 15px; transition: all 0.1s;}
header.site-header .user-menu-logged .hover .logout-area a:hover {box-shadow: 0 0 0 20px rgba(0,0,0,.1) inset;}
@media (max-width:1046px){
  header.site-header .user-menu-logged{display: none;}
}

html.account, html.account body {background-color: #161D27;}

.account-header {display: flex; border-bottom: 1px solid #31353E;}
.account-header .logo-area {width: 250px; display: flex; justify-content: center; align-items: center; border-left: 1px solid #31353E; height: 80px;}
.account-header .logo-area img {height: 35px;}
.account-header .left-side {flex: 1; display: flex; align-items: center; padding: 0 20px;}
.account-header .left-side .phone-menu {font-size: 20px; cursor: pointer; display: none; height: 60px; width: 50px; padding-left: 10px; justify-content: center; align-items: center;}
.account-header .left-side .phone-menu i {transform: scale(-1, 1); width: 27px; height: 27px;}
.account-header .left-side .phone-menu i.icon-close2 {font-size: 27px;}
body:not(.show-account-sidebar) .account-header .left-side .phone-menu i.icon-close2, body.show-account-sidebar .account-header .left-side .phone-menu i.icon-sidebar-menu {display: none;}
.account-header .left-side .location {display: flex;}
.account-header .left-side .location .item {display: flex;}
.account-header .left-side .location .item a {font-size: 14px; color: #fff;}
.account-header .left-side .location .item::after {content: ""; display: block; border-left: 6px solid transparent; border-top: 6px solid transparent; border-right: 6px solid #343A43; border-bottom: 6px solid transparent; width: 0; height: 0; margin: 5px 10px 0 0;}
.account-header .left-side .location .item:last-child:after {display: none;}
.account-header .left-side .location .item:last-child a {color: #8a8e93;}
.account-header .left-side .location .item a:hover {color: #ff4a84;}
.account-header .left-side .action-bar {margin-right: auto; display: flex; align-items: center;}
.account-header .left-side .action-bar .item {margin-right: 20px;}
.account-header .left-side .action-bar .item a {display: flex;}
.account-header .left-side .action-bar .item a i {font-size: 20px;}
.account-header .left-side .action-bar .item a .text {margin-right: 5px;}
.account-header .left-side .action-bar .item a:hover {color: #ff558b;}
.account-header .left-side .action-bar .item.notofication-area {display: flex; position: relative;}
.account-header .left-side .action-bar .item.notofication-area .ico-area {position: relative; cursor: pointer;}
.account-header .left-side .action-bar .item.notofication-area .ico-area i {font-size: 16px; margin-top: 5px; transition: all 0.2s;}
.account-header .left-side .action-bar .item.notofication-area .ico-area .num {background-color: #FF437E; height: 17px; display: flex; justify-content: center; border-radius: 10px; align-items: center; padding: 4px 3px 3px 4px; font-size: 10px; font-weight: 400; border: 2px solid #161d27; position: absolute; top: -3px; right: -5px;}
.account-header .left-side .action-bar .item.notofication-area .ico-area:hover i {color: #ff558b;}
.account-header .left-side .action-bar .item.notofication-area .hover {position: absolute; visibility: hidden; opacity: 0; transition: all 0.2s; background-color: #121720; left: -20px; width: 260px; border-radius: 20px; padding: 20px; top: 50px;z-index: 1;}
.account-header .left-side .action-bar .item.notofication-area:hover .hover {top: 35px; visibility: visible; opacity: 1;}
.account-header .left-side .action-bar .item.notofication-area .hover:before {content: ""; display: block; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #121720; border-left: 10px solid transparent; position: absolute; left: 15px; top: -19px;}
.account-header .left-side .action-bar .item.notofication-area .hover .more a {background-color: #ff437e; display: flex; height: 40px; justify-content: center; align-items: center; border-radius: 10px; transition: all .1s;}
.account-header .left-side .action-bar .item.notofication-area .hover .more a:hover {box-shadow: 0 0 0 20px rgba(0,0,0,.1) inset; color: #fff;}
@media (max-width:1046px){
  .account-header {height: 60px;}
  .account-header .logo-area {display: none;}
  .account-header .left-side .phone-menu{display: flex;}
}
@media (max-width:600px){
  .account-header .left-side .action-bar .item a .text{display: none;}
  .account-header .left-side .location{display: none;}
}

.account-page {display: flex;}
.account-body {flex: 1; padding: 30px;}
@media (max-width:800px){
  .account-body{padding: 20px 15px;}
}

.account-page .comment-list {max-width: 1100px; margin: 0 auto 50px auto;}
.account-page .comment-list .comment {background-color: #232A33;}
.account-page .comment-list .comment .content .body {margin-bottom: 0;}

.account-sidebar {width: 250px; padding: 30px 15px; border-left: 1px solid #31353e;}
.account-sidebar header.account-sidebar-header {display: flex; align-items: center; margin-bottom: 25px; margin-right: 30px;}
.account-sidebar header.account-sidebar-header .avatar {background-color: #212A39; font-size: 17px; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; border-radius: 10px; margin-left: 15px;}
.account-sidebar header.account-sidebar-header .text {flex: 1;}
.account-sidebar header.account-sidebar-header .text .h2 {font-size: 10px; color: #E5E5E5;}
.account-sidebar header.account-sidebar-header .text .h1 {font-size: 15px; font-weight: 500; max-width: 130px; overflow: hidden; text-overflow: ellipsis;}
.account-sidebar ul.account-sidebar-links {list-style: none; margin-bottom: 25px;}
.account-sidebar ul.account-sidebar-links li a {display: flex; align-items: center; padding: 13px 10px 13px 0;}
.account-sidebar ul.account-sidebar-links li a .text .num {margin-right: 7px; background-color: #ED6167; height: 18px; display: inline-flex; padding: 0 5px; border-radius: 10px; min-width: 18px; justify-content: center;}
.account-sidebar ul.account-sidebar-links li a .text .active {background-color: #4CAF50; margin-right: 7px; padding: 3px 7px; border-radius: 10px; font-size: 12px;}
.account-sidebar ul.account-sidebar-links li i {font-size: 20px; margin-left: 15px; width: 20px; transition: all 0.2s;}
.account-sidebar ul.account-sidebar-links li.active a, .account-sidebar ul.account-sidebar-links li a:hover {background-color: #10141A; border-radius: 10px;}
.account-sidebar ul.account-sidebar-links li.active a i, .account-sidebar ul.account-sidebar-links li a:hover i {color: #FF437E;}
.account-sidebar ul.account-sidebar-links li i.icon-king-linear {margin-top: -3px;}
.account-sidebar ul.account-sidebar-links li i.icon-mark {margin-right: 2px; margin-left: 13px;}
.account-sidebar ul.account-sidebar-links li.with-sub {margin-top: 10px; margin-bottom: 10px;}
.account-sidebar ul.account-sidebar-links li.with-sub .sub {margin-right: 36px;}
.account-sidebar ul.account-sidebar-links li.with-sub .sub a {padding: 8px 10px 8px 0;}
.account-sidebar ul.account-sidebar-links li.with-sub .sub a.active {color: #ff437e;}
.account-sidebar .back-home a {display: flex; background-color: #10141A; justify-content: center; align-items: center; padding: 20px 0; border-radius: 5px;}
.account-sidebar .back-home a i {font-size: 17px; margin: -1px 0 0 10px;}
@media (max-width:1046px){
  .account-sidebar{display: none;}
}

.account-status {display: grid; grid-gap: 20px; margin: 20px 0 20px 0; grid-template-columns: repeat(4,minmax(0,1fr));}
.account-status .item .a {display: flex; background-color: #10141A; border-radius: 20px; flex-direction: column; position: relative; padding: 20px 15px; transition: all 0.2s;}
.account-status .item .a svg {margin: -40px 0 15px 0;}
.account-status .item.yellow .a svg {fill: #FFB82F;}
.account-status .item.green .a svg {fill: #4EA852;}
.account-status .item.blue .a svg {fill: #1984FF;}
.account-status .item.orange .a svg {fill: #FF8345;}
.account-status .item .a .text {margin-bottom: 8px; font-size: 14px; white-space: nowrap;}
.account-status .item .a .num {font-weight: 800; font-size: 20px;}
.account-status .item.yellow .a .num {color: #FFB82F;}
.account-status .item.green .a .num {color: #4EA852;}
.account-status .item.blue .a .num {color: #1984FF;}
.account-status .item.orange .a .num {color: #FF8345;}
.account-status .item .a:hover {background-color: #0C1015;}
@media (max-width:700px){
  .account-status .item .a {padding: 10px;}
  .account-status .item .a .text {font-size: 12px;}
  .account-status .item .a svg {margin: -40px 0 15px 0;}
}
@media (max-width:600px){
  .account-status {grid-template-columns: repeat(2,minmax(0,1fr));}
  .account-status .item:nth-child(3), .account-status .item:nth-child(4) {padding-top: 20px;}
}

.subscription-status {margin-bottom: 20px; display: flex; gap: 20px;}
.subscription-status .right-side {width: 66%;}
.subscription-status .right-side .block {background-color: #10141A; border-radius: 20px; padding: 40px 0 40px 0; display: flex; align-items: center; flex-direction: column-reverse;}
.subscription-status .right-side .block .text {display: flex; flex-direction: column;}
.subscription-status .right-side .block .text .h1 {display: flex; flex-direction: column-reverse; align-items: center; gap: 20px; font-size: 30px; margin-bottom: 5px;}
.subscription-status .right-side .block .text .h1 .active {background-color: #4CAF50; padding: 3px 15px; border-radius: 30px; font-size: 22px; font-weight: 300; position: relative;}
.subscription-status .right-side .block .text .h1 .active.red {background-color: #ff437e;}
.subscription-status .right-side .block .text .h1 .active:after {content: ""; display: block; position: absolute; border-top: 10px solid #4caf50; border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid transparent; left: 50%; transform: translateX(-10px); bottom: -20px;}
.subscription-status .right-side .block .text .h1 .active.red::after {border-top-color: #ff437e;}
.subscription-status .right-side .block .text .h2 {color: rgba(255,255,255,.7); text-align: center;}
.subscription-status .right-side .block .progress-area {flex: 1; display: flex; align-items: center; justify-content: center;}
.subscription-status .right-side .block .progress-area svg {width: 300px;}
.subscription-status .last-tickets {background-color: #10141A; flex: 1; border-radius: 20px; display: flex; flex-direction: column;}
.subscription-status .last-tickets header.last-tickets-header {display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.1); padding: 6px 0; margin-bottom: 15px;}
.subscription-status .last-tickets header.last-tickets-header .text {display: flex; align-items: center; font-size: 15px; padding-right: 20px;}
.subscription-status .last-tickets header.last-tickets-header .text i {font-size: 22px; color: rgba(255,255,255,.7); margin-left: 11px;}
.subscription-status .last-tickets header.last-tickets-header .more {margin-right: auto; font-size: 20px; padding: 15px 30px 10px 24px;}
.subscription-status .last-tickets .list {flex: 1;}
.subscription-status .last-tickets .list .item {border-bottom: 2px dashed rgba(255,255,255,.06); display: flex; margin: 0 20px; padding: 15px 0; align-items: center;}
.subscription-status .last-tickets .list .item:last-child {border-bottom: none;}
.subscription-status .last-tickets .list .item .title {margin-left: 15px;}
.subscription-status .last-tickets .list .item .status {margin-right: auto; width: 110px; text-align: center; border: 1px solid transparent; border-radius: 10px; padding: 10px 0;}
.subscription-status .last-tickets .list .item .status.green {background-color: #142522; border-color: #34C36D; color: #34C36D;}
.subscription-status .last-tickets .list .item .status.red {background-color: #ED6167; border-color: #ED6167;}
.subscription-status .last-tickets .list .item .status.yellow {background-color: #26241F; border-color: #EFB84E; color: #EFB84E;}
/* @media (max-width:600px){
  .subscription-status .right-side .block {flex-direction: column-reverse; padding: 30px 15px;}
  .subscription-status .right-side .block .text {margin-top: 20px;}
  .subscription-status .right-side .block .text .h1 {display: flex; flex-direction: column-reverse; align-items: center; gap: 20px;}
  .subscription-status .right-side .block .text .h2 {text-align: center;}
} */

.circle-status {display: flex; width: 150px; height: 150px; justify-content: center; align-items: center; border-radius: 50%; background: radial-gradient(closest-side, #10141a 73%, transparent 75% 100%), conic-gradient(#FF437E 75%, #1B1E22 0);}
.circle-status span {font-size: 20px; font-weight: 900;}

.user-details {margin-bottom: 20px; display: flex; gap: 20px;}
.user-details .item {background-color: #10141A; flex: 1; border-radius: 20px; display: flex; justify-content: center; align-items: center; height: 70px; font-size: 14px;}
.user-details .item i {font-size: 20px; margin-right: 10px;}
@media (max-width:700px){
  .user-details {gap: 10px;}
  .user-details .item {font-size: 11px;}
  .user-details .item i {font-size: 16px; margin-right: 7px;}
}
@media (max-width:500px){
  .user-details {flex-direction: column;}
  .user-details .item{padding: 20px 0;}
}

@media (max-width:1046px){
  .account-home .account-body {display: flex; flex-direction: column;}
  .account-home .account-body .account-status {order: 2;}
  .account-home .account-body .subscription-status {order: 1;}
  .account-home .account-body .user-details {order: 3;}
}
@media (max-width:900px){
  .subscription-status .last-tickets {display: none;}
  .subscription-status .right-side {width: 100%;}
}

header.account-body-header {margin-bottom: 40px; display: flex; align-items: center;}
header.account-body-header .text .title {display: inline-flex; font-size: 16px; font-weight: 500; align-items: center;}
header.account-body-header .text .title small {font-weight: 300; font-size: 11px; margin-right: 10px;}
header.account-body-header .actions {margin-right: auto;}
header.account-body-header .actions .add-button {background-color: #FF437E; height: 40px; display: inline-flex; align-items: center; padding: 0 15px; border-radius: 12px; cursor: pointer; transition: all .1s; color: #fff; border: none;}
header.account-body-header .actions .add-button:hover {box-shadow: 0 0 0 20px rgba(0,0,0,.1) inset;}
header.account-body-header .actions .add-button i {font-size: 16px; margin: 0 0 0 5px;}
/* header.account-body-header .actions .sort {display: flex; align-items: center;}
header.account-body-header .actions .sort .caption {margin-left: 13px; color: rgba(255,255,255,.7); display: flex; align-items: center;}
header.account-body-header .actions .sort .caption i {font-size: 18px; margin-left: 4px;}
header.account-body-header .actions .sort .radios {background-color: #121820; padding: 5px; border-radius: 14px;}
header.account-body-header .actions .sort .radios .item-sort {display: flex;}
header.account-body-header .actions .sort .radios .item-sort label {width: 60px; text-align: center;} */
@media (max-width:1046px){
  header.account-body-header .text .title {flex-direction: column; align-items: start;}
  header.account-body-header .text .title small {margin: 6px 0 0 0;}
}
@media (max-width:600px){
  .marks-page header.account-body-header .text .title small {display: none;}
}

.list-tickets {display: flex; margin-bottom: 30px; flex-direction: column; gap: 20px;}
.list-tickets .item {display: flex; align-items: center; background-color: #10141A; padding: 10px 20px; border-radius: 15px;}
.list-tickets .item .title {flex: 1;}
.list-tickets .item .details {display: flex; align-items: center; gap: 20px; color: #E5E5E5;}
.list-tickets .item .details span {display: flex; align-items: center; width: 150px;}
.list-tickets .item .details span i {margin-left: 7px; color: #9697AA;}
.list-tickets .item .status {width: 110px; border: 1px solid transparent; border-radius: 10px; padding: 10px 0; text-align: center; margin-right: 25px;}
.list-tickets .item .status.green {background-color: #142522; border-color: #34c36d; color: #34c36d;}
.list-tickets .item .status.yellow {background-color: #26241f; border-color: #efb84e; color: #efb84e;}
.list-tickets .item .status.red {background-color: #ed6167; border-color: #ed6167;}
.list-tickets .item:hover {background-color: #202731;}
@media (max-width:750px){
  .list-tickets .item .details span.type {display: none;}
}
@media (max-width:550px){
  .list-tickets .item .details span.date {display: none;}
}
@media (max-width:450px){
  .list-tickets .item .status {margin-right: 15px; font-size: 11px; width: 80px;}
}

.f__m {background-color: #161D27;}
.f__m__h {border-bottom: none; padding-top: 20px; padding-bottom: 20px;}
.f__m__h__ttl {text-align: right; color: #fff !important; font-size: 15px; font-weight: 500;}
.f__m__h .cls {opacity: 1;}
.f__m__h .cls svg {color: #fff !important; transition: all 0.2s; background-color: #10141A; opacity: 1 !important; border-radius: 15px; padding: 7px; width: 30px; height: 30px;}
.f__m__h .cls:hover svg {background-color: #FFF; color: #000 !important;}
.f__m__b {padding: 10px 30px 30px 30px;}
.f__cw{background: rgba(0,0,0,.2) !important}
@media (max-width:450px){
  .f__m__b{padding-right: 15px; padding-left: 15px;}
}

.pop-ticket-add {display: flex; flex-direction: column; align-items: center;}
.pop-ticket-add .title {margin-bottom: 15px;}
.pop-ticket-add .type {margin-bottom: 25px; width: 100%; max-width: 350px;}
.pop-ticket-add .type .radios {background-color: #121820; border-radius: 14px;}
.pop-ticket-add .type .radios .item-sort {flex: 1; position: relative;}
.pop-ticket-add .type .radios .item-sort label {display: flex; justify-content: center; padding: 13px 0; margin: 7px;}
.pop-ticket-add .type .radios .item-sort input:checked + label {background-color: #2C3745;}
.pop-ticket-add .type .radios .item-sort input {left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0; cursor: pointer;}
.pop-ticket-add .buttons-area {display: flex; gap: 20px; margin-top: 15px;}
.pop-ticket-add .buttons-area .button {background-color: #10141A; border: none; color: #fff; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; width: 160px; height: 50px; border-radius: 13px; cursor: pointer; transition: all 0.1s;}
.pop-ticket-add .buttons-area .button.strong {background-color: #FF437E;}
.pop-ticket-add .buttons-area .button:hover {box-shadow: 0 0 0 30px rgba(0,0,0,.2) inset;}
@media (max-width:450px){
  .pop-ticket-add .buttons-area {flex-direction: column; width: 100%;}
  .pop-ticket-add .buttons-area .button {width: 100%;}
}

.field-input-title {display: flex; flex-direction: column; width: 100%; margin-bottom: 20px;}
.field-input-title .label {margin: 0 10px 10px 0;}
.field-input-title .input input, .field-input-title .input textarea {width: 100%; background-color: #10141A; border: none; color: #fff; padding: 16px; border-radius: 15px; border: 1px solid transparent; transition: all 0.2s;}
.field-input-title .input textarea {height: 130px; line-height: 23px;}
.field-input-title .input input:focus, .field-input-title .input textarea:focus {border-color: #FF437E;}

.ticket-view {background-color: #10141A; margin-bottom: 30px; border-radius: 20px;}
.ticket-view header.ticket-header {border-bottom: 1px solid #2C2D33; display: flex; align-items: center; padding: 20px; margin-bottom: 20px;}
.ticket-view header.ticket-header .text {display: flex; align-items: center;}
.ticket-view header.ticket-header .text span {background-color: #FF437E; width: 15px; height: 15px; border-radius: 10px; border: 5px solid #281924; margin-left: 10px;}
.ticket-view .details {margin-right: auto; display: flex; align-items: center;}
.ticket-view .details .item {padding-left: 30px; border-left: 1px solid #2C2D33; margin-left: 30px; display: flex; align-items: center; color: #CBCBCB;}
.ticket-view .details .item:last-child {margin-left: 0; padding-left: 0; border-left: none;}
.ticket-view .details .item i {color: #E5E5E5; font-size: 16px; margin-left: 10px;}
.ticket-view .details .item a {display: flex; color: #CBCBCB; align-items: center;}
.ticket-view .details .item a i {margin: 0 7px 0 0; font-size: 12px;}
.ticket-view .details .item a:hover, .ticket-view .details .item a:hover i {color: #fff;}
.ticket-view .details .item a.close {border: 1px solid #ff437e; padding: 5px 8px; border-radius: 3px; margin: -5px 0; color: #ff437e; text-align: center;}
.ticket-view .details .item a.close span {margin-right: 2px;}
.ticket-view .details .item a.close:hover {background-color: #ff437e; color: #fff;}
.ticket-view .messages {padding: 0 20px 20px 20px; display: flex; flex-direction: column; gap: 15px;}
.ticket-view .messages .pm {display: flex; align-items: last baseline;}
.ticket-view .messages .pm .avatar-area {margin-left: 20px; width: 50px; height: 50px; background-color: #212A39; align-items: center; justify-content: center; display: flex; border-radius: 16px; color: #DFE6FF; font-size: 14px;}
.ticket-view .messages .pm .body {background-color: #000000; padding: 17px; border-radius: 15px;}
.ticket-view .messages .pm .body .text {margin-bottom: 7px;}
.ticket-view .messages .pm .body .date {color: #CBCBCB;}
.ticket-view .messages .pm.support {flex-direction: row-reverse;}
.ticket-view .messages .pm.support .avatar-area {margin-left: 0; margin-right: 20px; background-color: #582238; color: #FF437E; font-size: 20px;}
.ticket-view .messages .pm.support .body {background-color: #161D27;}
.ticket-view .send-area {border-top: 1px solid #2C2D33; display: flex; padding: 20px; align-items: center;}
.ticket-view .send-area button {background-color: #FF437E; color: #fff; font-size: 21px; border: none; width: 50px; height: 50px; border-radius: 18px; justify-content: center; align-items: center; display: flex; margin-left: 20px; transition: all .1s; cursor: pointer;}
.ticket-view .send-area textarea {flex: 1; background-color: transparent; border: none; color: #fff; margin: 0; padding: 0; line-height: 30px; height: 30px;}
.ticket-view .send-area button:hover {box-shadow: 0 0 0 20px rgba(0,0,0,.1) inset;}
.ticket-view .phone-ticket-details {justify-content: center; border-bottom: 1px solid #2c2d33; padding-bottom: 20px; margin-bottom: 20px; display: none;}
.ticket-view .phone-ticket-details .item .label {margin-left: 4px;}
@media (max-width:750px){
  .ticket-view .details .item a .label {display: none;}
}
@media (max-width:700px){
  .ticket-view .ticket-header .details .item:not(.in-phone) {display: none;}
  .ticket-view .phone-ticket-details {display: flex;}
}
@media (max-width:400px){
  .ticket-view .phone-ticket-details .item .label {display: none;}
  .ticket-view .details .item {margin-left: 5px; padding-left: 5px;}
}
@media (max-width:350px){
  .ticket-view .details .item a.close span{display: none;}
}

.mark.make-mark.is-mark i::before {content: "\e04e";}

.account-list-marks {display: grid; grid-gap: 20px; grid-template-columns: repeat(5,minmax(0,1fr)); max-width: 1100px; margin: 0 auto 30px auto;}
@media (max-width:1200px){
  .account-list-marks {grid-template-columns: repeat(4,minmax(0,1fr));}
}
@media (max-width:800px){
  .account-list-marks {grid-template-columns: repeat(3,minmax(0,1fr)); grid-gap: 15px;}
}
@media (max-width:600px){
  .account-list-marks {grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media (max-width:400px){
  /*.account-list-marks {grid-template-columns: repeat(1,minmax(0,1fr));}*/
  .account-list-marks{grid-gap: 10px}
  .account-list-marks .item-movie .top{height: 190px;}
  .account-list-marks .item-movie .remove-mark {top: calc(120px - 20px);}
  header.account-body-header .actions .sort .caption{display: none;}
}

.field-check-text {background-color: #10141a; width: 100%; margin-bottom: 20px; border-radius: 15px; display: flex; align-items: center; padding: 15px;}
.field-check-text .text {flex: 1; margin-left: 15px; display: flex; flex-direction: column;}
.field-check-text .text .h1 {margin-bottom: 3px;}
.field-check-text .text .h2 {color: #808195; font-size: 11px;}

.list-items-search {display: flex; flex-direction: column; max-width: 1000px; margin: 0 auto 30px auto; position: relative;}
.list-items-search .caption {color: #BFBFBF; font-size: 12px; margin-bottom: 5px; line-height: 20px; height: 40px;}
.list-items-search .input {background-color: #000101; border-radius: 15px; display: flex; align-items: center;}
.list-items-search .input input {flex: 1; background-color: transparent; border: none; color: #fff; padding: 20px;}
.list-items-search .input button {background-color: #FF437E; border: none; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; border-radius: 10px; width: 40px; height: 40px; margin: 0 10px; cursor: pointer; transition: all 0.2s;}
.list-items-search .input button:hover {background-color: #E13E71;}
.list-items-search .btn-save-list-items {margin: 20px auto 0 auto; background-color: #ff437e; width: 160px; height: 50px; border-radius: 15px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.2s;}
.list-items-search .btn-save-list-items:hover {background-color: #E13E71;}
.list-items-search .results {position: absolute; z-index: 2; top: 104px; background-color: #000101; right: 0; left: 0; padding: 20px; border-radius: 0 0 15px 15px; box-shadow: 0 5px 10px 0 rgba(0,0,0,.5); display: grid; grid-gap: 10px; grid-template-columns: repeat(5,minmax(0,1fr));}

.account-list-items {display: grid; grid-gap: 20px; grid-template-columns: repeat(5,minmax(0,1fr)); max-width: 1200px; margin: 0 auto 30px auto;}

.account-my-list {display: grid; grid-gap: 20px; grid-template-columns: repeat(6,minmax(0,1fr)); margin-bottom: 30px;}
@media (max-width:1500px){
  .account-my-list{grid-template-columns: repeat(5,minmax(0,1fr));}
}
@media (max-width:1300px){
	.account-list-items {grid-template-columns: repeat(4,minmax(0,1fr));}
}
@media (max-width:1200px){
  .account-my-list{grid-template-columns: repeat(4,minmax(0,1fr));}
}
@media (max-width:1130px){
	.account-list-items .item-movie .top{height: 240px}
}
@media (max-width:850px){
  .account-my-list{grid-template-columns: repeat(3,minmax(0,1fr));}
	.list-items-search .results{grid-template-columns: repeat(3,minmax(0,1fr));}
}
@media (max-width:750px){
	.account-list-items .item-movie .top{height: 190px}
}
@media (max-width:670px){
	.account-list-items {grid-template-columns: repeat(3,minmax(0,1fr));}
	.account-list-items .item-movie .top{height: 250px}
}
@media (max-width:650px){
  .account-my-list{grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media (max-width:600px){
	.account-list-items .item-movie .top{height: 200px}
	.list-items-search .results .item-movie .top{height: 200px}
	.list-items-search .results{padding: 10px;}
}
@media (max-width:560px){
	.list-items-search .results{grid-template-columns: repeat(2,minmax(0,1fr));}
	.list-items-search .results .item-movie .top{height: 270px}
}
@media (max-width:530px){
	.account-list-items {grid-template-columns: repeat(2,minmax(0,1fr));}
	.account-list-items .item-movie .top{height: 250px}
}
@media (max-width:450px){
  .account-my-list{grid-template-columns: repeat(1,minmax(0,1fr));}
	.list-items-search .results .item-movie .top{height: 200px}
	.list-items-search .results .item-movie .item-foot{flex-direction: column; align-items: start;}
}
@media (max-width:350px){
	.account-list-items .item-movie .top{height: 190px}
	.list-items-search .results .item-movie .top{height: 170px}
}

.item-list {background-color: #0C0F14; border-radius: 15px; padding: 20px; color: rgba(255,255,255,.8);}
.item-list .covers {display: grid; grid-gap: 10px;grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 15px;}
.item-list .covers img {border-radius: 5px; width: 100%;}
.item-list .title {margin-bottom: 15px; color: #fff;}
.item-list .count {display: flex; justify-content: space-between; margin-bottom: 7px;}
.item-list .date {display: flex; justify-content: space-between; margin-bottom: 15px;}
.item-list .creator {margin-bottom: 15px; display: flex; justify-content: space-between;}
.item-list .creator .value {color: #868686; font-weight: 500;}
.item-list .action {background-color: #0C0F14; display: flex; align-items: center; padding: 10px; cursor: pointer; margin: 0 -10px 3px -10px; border-radius: 7px; transition: all 0.2s; color: rgba(255,255,255,.8);}
.item-list .action i {font-size: 18px; margin-left: 5px;}
.item-list .action:hover {background-color: #161d27; color: #fff;}
.item-list .remove {color: #FF6767; display: flex; justify-content: center; align-items: center; margin-top: 15px; cursor: pointer; transition: all 0.2s;}
.item-list .remove i {font-size: 16px; margin-left: 7px;}
.item-list .remove:hover {color: #E15959;}
.item-list.is_view {background-color: #141821;}
.item-list.is_view .date {margin-bottom: 7px;}

.account-profile {display: flex; flex-direction: column; margin: 40px 0; align-items: center;}
.account-profile .top-tab {margin-bottom: 50px;}
.account-profile .top-tab .radios {background-color: #10141A; border-radius: 14px;}
.account-profile .top-tab .radios .item-sort {display: flex; margin: 10px; width: 110px;}
.account-profile .top-tab .radios .item-sort label {text-align: center; flex: 1;}
.account-profile .content-tab {width: 100%;}
.account-profile .profile-form {background-color: #10141A; display: flex; flex-direction: column; align-items: center; padding: 30px 30px 40px 30px; max-width: 450px; margin: 0 auto; border-radius: 20px;}
.account-profile .profile-form .title {background-color: #161d27; font-weight: 800; font-size: 15px; padding: 20px 25px; border-radius: 20px; margin: -60px 0 30px 0;}
.account-profile .profile-form .avatar {margin-bottom: 30px;}
.account-profile .profile-form .avatar span {background-color: #212A39; color: #DFE6FF; width: 55px; display: flex; justify-content: center; align-items: center; height: 55px; border-radius: 18px;}
.account-profile .profile-form .svg-area {margin-bottom: 20px;}
.account-profile .profile-form .field-input {width: 100%; margin-bottom: 25px; background-color: #161D26; max-width: 350px;}
.account-profile .profile-form .radios {width: 100%; margin-bottom: 30px; background-color: #161D26; border-radius: 15px; padding: 7px; max-width: 350px;}
.account-profile .profile-form .radios .item-sort {flex: 1;}
.account-profile .profile-form .radios .item-sort label {width: 100%; display: flex; justify-content: center; align-items: center; padding: 10px 0;}
.account-profile .profile-form .radios .item-sort input:checked + label, .account-profile .profile-form .radios .item-sort.active label {background-color: #2C3745;}
.account-profile .profile-form .radios .item-sort label i {font-size: 20px; margin-left: 7px;}
.account-profile .profile-form .submit {background-color: #FF437E; color: #fff; border: none; width: 100%; padding: 16px 0; border-radius: 15px; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; transition: a 0.2s; max-width: 350px;}
.account-profile .profile-form .submit i {font-size: 20px; transform: rotate(180deg); position: absolute; left: 0; top: 0; bottom: 0; width: 50px; display: flex; justify-content: center; align-items: center;}
.account-profile .profile-form .submit:hover {box-shadow: 0 0 0 30px rgba(0,0,0,.1) inset;}
.account-profile .profile_link {width: 100%; max-width: 350px;}
.account-profile .profile_link .label {color: #BDBED4; font-size: 12px; margin-bottom: 7px; padding-right: 40px;}
.account-profile .profile_link a {margin: -10px 0 30px 0; display: flex; direction: ltr; background-color: #161d26; padding: 8px 5px 5px 5px; align-items: center; color: #BDBED4; border-radius: 5px;}
.account-profile .profile_link a:hover {color: #ff437e;}
.account-profile .profile_link a i {font-size: 14px; padding: 0 7px 0 5px; border-right: 1px solid rgba(255,255,255,.2); margin-right: 9px; margin-top: -2px; color: #BDBED4;}

.account-form-request {margin-bottom: 50px; background-color: #0C0F14; border-radius: 25px; display: flex; padding: 30px; gap: 25px;}
.account-form-request .inp {display: flex; flex-direction: column;}
.account-form-request .inp .label {margin: 0 10px 10px 0;}
.account-form-request .inp input[type="text"] {background-color: #161D27; color: #fff; border: none; padding: 15px 20px; border-radius: 20px; transition: all 0.2s; width: 100%;}
.account-form-request .inp.title {flex: 1;}
.account-form-request .inp input[type="text"]:focus {box-shadow: 0 0 0 1px #ff437e;}
.account-form-request .inp .radios {background-color: #161D27; height: 48px; border-radius: 20px; padding: 6px;}
.account-form-request .inp .radios .item-sort label {display: flex; height: 100%; justify-content: center; align-items: center; width: 90px;}
.account-form-request .inp .radios .item-sort input:checked + label {background-color: #2C3745;}
.account-form-request .submit {padding-top: 28px;}
.account-form-request .submit button {background-color: #FF437E; color: #fff; border: none; height: 48px; border-radius: 20px; width: 170px; cursor: pointer; transition: all 0.1s;}
.account-form-request .submit button:hover {box-shadow: 0 0 0 30px rgba(0,0,0,.1) inset;}
@media (max-width:1300px){
  .account-form-request .inp.year input[type="text"] {width: 120px;}
}
@media (max-width:850px){
  .account-form-request {flex-wrap: wrap;}
  .account-form-request .inp.title {flex: 75%;}
  .account-form-request .submit {margin-right: auto;}
}
@media (max-width:700px){
  .account-form-request .inp.title {
    flex: 60%;
  }
}
@media (max-width:500px){
  .account-form-request {flex-direction: column;}
  .account-form-request .inp.year input[type="text"] {width: 100%;}
  .account-form-request .submit {margin-right: 0; text-align: center;}
  .account-form-request .submit button {width: 100%; max-width: 300px;}
  .account-form-request .inp .radios .item-sort {flex: 1;}
  .account-form-request .inp .radios .item-sort label {width: 100%;}
}
@media (max-width:350px){
  .account-form-request {padding: 20px;}
}

.account-request-lists {margin-bottom: 40px;}
.account-request-lists > .title {font-size: 16px; font-weight: 600; display: flex; align-items: center; margin-bottom: 25px;}
.account-request-lists > .title i {font-size: 20px; margin-left: 7px;}
.account-request-lists .list .item {display: flex; border-radius: 15px; margin-bottom: 5px; color: rgba(255,255,255,.8); align-items: center; position: relative;}
.account-request-lists .list .item.header {background-color: #10141A !important; color: #fff;}
.account-request-lists .list .item > div {padding: 15px;}
.account-request-lists .list .item .num {width: 80px;}
.account-request-lists .list .item .title {flex: 1; font-weight: 500; color: #fff;}
.account-request-lists .list .item .year {width: 120px;}
.account-request-lists .list .item .type {width: 120px;}
.account-request-lists .list .item .status {width: 200px; text-align: center;}
.account-request-lists .list .item .date {width: 200px;}
.account-request-lists .list .item .date .t:before {content: "-"; margin-left: 3px;}
.account-request-lists .list .item .code {width: 300px; word-wrap: break-word;}
.account-request-lists .list .item .message {width: 200px;}
.account-request-lists .list .item .message .get-imdb {display: flex; justify-content: center; padding: 8px 0; border-radius: 4px; background-color: #ff437e; margin-top: 12px; width: 80px; transition: all .2s;}
.account-request-lists .list .item .message .get-imdb:hover {box-shadow: 0 0 0 20px rgba(0,0,0,.1) inset;}
.account-request-lists .list .item .status span {padding: 7px 14px; border-radius: 15px; width: 100px; display: inline-block; margin: -6px 0; text-align: center;}
.account-request-lists .list .item .status span.yellow {background-color: #EFB84E;}
.account-request-lists .list .item .status span.red {background-color: #ED6167;}
.account-request-lists .list .item .status span.green {background-color: #34C36D;}
.account-request-lists .list .item:nth-child(odd) {background-color: #232A33;}
.account-request-lists .more {margin-top: 20px; display: flex; align-items: center; justify-content: center;}
.account-request-lists .more a {background-color: #FF4881; height: 40px; display: flex; align-items: center; padding: 0 15px; border-radius: 20px; transition: all .2s;}
.account-request-lists .more a:hover {box-shadow: 0px 0px 0px 20px rgba(0,0,0,.1) inset;}
@media (max-width:1200px){
  .account-request-lists .list .item .status {width: 130px;}
  .account-request-lists .list .item .date {display: flex; flex-direction: column; align-items: center;}
  .account-request-lists .list .item .date .t::before {display: none;}
  .account-request-lists .list .item .date {width: 130px;}
}
@media (max-width:900px){
  .account-request-lists .list .item .year{width: 90px;}
  .account-request-lists .list .item .type{display: none;}

  .account-request-lists.transactions .list .item.header {display: none;}
  .account-request-lists.transactions .list .item {flex-direction: column; background-color: #232A33; margin-bottom: 10px;}
  .account-request-lists.transactions .list .item .num,
    .account-request-lists.transactions .list .item .code,
    .account-request-lists.transactions .list .item .status,
    .account-request-lists.transactions .list .item .title,
    .account-request-lists.transactions .list .item .date {width: 100%; display: flex; align-items: center; justify-content: space-between;}
  .account-request-lists.transactions .list .item .num::before {content: "شماره تراکنش: ";}
  /* .account-request-lists.transactions .list .item .title {width: 100%; display: flex; justify-content: space-between; align-items: center;} */
  .account-request-lists.transactions .list .item .title::before {content: "مبلغ:";}
  /* .account-request-lists.transactions .list .item .code {display: flex; width: 100%; align-items: center; justify-content: space-between;} */
  .account-request-lists.transactions .list .item .code::before {content: "کد رهگیری:";}
  /* .account-request-lists.transactions .list .item .status {display: flex; justify-content: space-between; align-items: center; width: 100%;} */
  .account-request-lists.transactions .list .item .status:before {content: "وضعیت:";}
  .account-request-lists.transactions .list .item .date {/* display: flex; width: 100%; justify-content: space-between;align-items: center; */ flex-direction: revert;}
  .account-request-lists.transactions .list .item .date::before {content: "تاریخ";}
}
/* @media (max-width:820px){
  .account-request-lists.transactions .list .item.header .code {display: none;}
  .account-request-lists.transactions .list .item.header .title:after {content: " / کد رهگیری";}
  .account-request-lists.transactions .list .item:not(.header) .code {position: absolute; right: 80px; top: 23px;}
  .account-request-lists.transactions .list .item:not(.header) .title {padding-bottom: 34px; padding-top: 8px;}
} */
@media (max-width:650px){
  .account-request-lists .list .item .message {width: 130px;}
}
@media (max-width:600px){
  .account-request-lists .list .item .year {display: none;}
}
@media (max-width:430px){
  .account-request-lists .list .item .status {width: 100px;}
  .account-request-lists .list .item .status span {width: 70px; padding-right: 0; padding-left: 0;}
  .account-request-lists:not(.transactions) .list .item > div {padding: 10px 5px;}
  .account-request-lists.transactions .list .item .code{font-size: 11px;}
}

.account-request-lists.sessions .list {display: table; width: 100%;}
.account-request-lists.sessions .list .item {display: table-row;}
.account-request-lists.sessions .list .item > div {display: table-cell; text-align: center; vertical-align: middle;}
.account-request-lists.sessions .list .item .device.more{display: none;}
.account-request-lists.sessions .status div {background-color: #595959; padding: 8px 10px; border-radius: 10px; font-size: 12px;}
.account-request-lists.sessions .status div.green {background-color: #4caf50;}
@media (max-width:900px){
  .account-request-lists.sessions .list .item {display: flex;}
  .account-request-lists.sessions .list .item > div:before {content: attr(data-title) !important;}
  .account-request-lists.sessions .list .item > div {width: 100%; display: flex; justify-content: space-between;}
}
/* @media (max-width:650px){
  .account-request-lists.sessions .list .item .os,
    .account-request-lists.sessions .list .item .browser,
    .account-request-lists.sessions .list .item:not(.header) .device:not(.more) {display: none;}
  .account-request-lists.sessions .list .item .device.more{display: table-cell;}
} */

.people-page {margin-bottom: 40px;}
.people-page header.people-header {margin-bottom: 40px}
.people-page .people-list {display: grid; grid-gap: 20px; grid-template-columns: repeat(6,minmax(0,1fr)); margin-bottom: 40px;}
.people-page .people-list .item a {display: flex; flex-direction: column; border-radius: 10px; border: 1px solid #1F2940; position: relative;}
.people-page .people-list .item a .name {font-size: 14px; font-weight: 500; padding: 15px 0; text-align: center;}
.people-page .people-list .item a .count {position: absolute; left: 15px; bottom: 60px; font-size: 10px; background-color: #323336; padding: 5px 8px; border-radius: 13px;}
.people-page .people-list .item a img {border-radius: 10px;}
@media (max-width:900px){
	.people-page .people-list {grid-template-columns: repeat(5,minmax(0,1fr));}
}
@media (max-width:700px){
	.people-page .people-list {grid-template-columns: repeat(4,minmax(0,1fr));}
}
@media (max-width:600px){
  .people-page .people-list {grid-template-columns: repeat(3,minmax(0,1fr)); grid-gap: 15px;}
}
@media (max-width:500px){
  .people-page .people-list {grid-template-columns: repeat(2,minmax(0,1fr)); grid-gap: 15px;}
}

.archive-search-form {display: flex; align-items: center; justify-content: space-between;}
.archive-search-form.just-search {justify-content: center;}
.archive-search-form .filters {display: flex; align-items: center;}
.archive-search-form .filters .label {margin-left: 10px; display: flex; align-items: center;}
.archive-search-form .filters .label i {font-size: 15px; margin-left: 4px;}
.archive-search-form .filters .value .radios {background-color: #121820; border-radius: 14px; padding: 4px;}
.archive-search-form .filters .value .radios .item-sort {display: flex; width: 50px; text-align: center;}
.archive-search-form .filters .value .radios .item-sort label {text-align: center; width: 100%;}
.archive-search-form .field {background-color: #121820; padding: 4px; border-radius: 10px; display: flex; width: 500px; margin-right: 20px;}
.archive-search-form.just-search .field{margin-right: 0}
.archive-search-form .field input {background-color: transparent; flex: 1; border: none; color: #fff; margin: 0; padding: 0 13px;}
.archive-search-form .field button {background-color: #FF437E;color: #fff; border: none; display: inline-flex; top: 0; height: 36px; width: 36px; justify-content: center; align-items: center; border-radius: 12px; cursor: pointer; transition: all .1s;}
.archive-search-form .field button:hover {background-color: #e83b71;}
@media (max-width:600px){
	.archive-search-form .filters .label {display: none;}
}
@media (max-width:500px){
	.archive-search-form .field{width: auto; flex: 1;}
	.archive-search-form .field input{width: 50px;}
  /*.archive-search-form {flex-direction: column; justify-content: center; gap: 20px;}
  .archive-search-form .field {width: 100%; margin-right: 0;}
  .archive-search-form .field input {flex: 1;}
  .archive-search-form .filters {width: 100%;}
  .archive-search-form .filters .value {width: 100%;}
  .archive-search-form .filters .value .radios .item-sort {width: unset; flex: 1;}
  .archive-search-form .filters .value .radios {display: flex;}*/
}

.header-title-line {text-align: center; margin-bottom: 20px; font-size: 20px; font-weight: 600;}
.header-title-line span {border-bottom: 2px solid #FE437F; padding-bottom: 7px; display: inline-flex;}

.boxoffice-page {margin-bottom: 40px;}
.boxoffice-page .list .item {border-bottom: 1px solid #292929; padding-bottom: 25px; margin-bottom: 25px; display: flex; align-items: center;}
.boxoffice-page .list .item:last-child {border-bottom: none; padding-bottom: 0;}
.boxoffice-page .list .item .poster-area {position: relative; margin-left: 60px;}
.boxoffice-page .list .item .poster-area .num {position: absolute; left: 0; right: 0; text-align: center; top: -12px;}
.boxoffice-page .list .item .poster-area .num span {border: 2px solid #FF437E; width: 25px; border-radius: 6px; display: inline-flex; justify-content: center; align-items: center; height: 25px; background-color: #030303;}
.boxoffice-page .list .item .poster-area img {border-radius: 17px;}
.boxoffice-page .list .item .left-side {flex: 1; display: flex; justify-content: space-between;}
.boxoffice-page .list .item .left-side .name {margin-left: 30px;}
.boxoffice-page .list .item .left-side .name .title {font-weight: 500; font-size: 19px;}
.boxoffice-page .list .item .left-side .name a:hover .title {color: #ff437e;}
.boxoffice-page .list .item .left-side ul.status {flex: 1; list-style: none; max-width: 430px;}
.boxoffice-page .list .item .left-side ul.status li {display: flex; justify-content: space-between; padding: 7px 15px; border-radius: 10px; margin-bottom: 5px; align-items: center;}
.boxoffice-page .list .item .left-side ul.status li:nth-child(2) {background-color: #161D26;}
.boxoffice-page .list .item .left-side ul.status li:last-child {margin-bottom: 0;}
.boxoffice-page .list .item .left-side ul.status li:nth-child(2) .value {font-weight: 700;}
.boxoffice-page .list .item .left-side ul.status li .value {font-weight: 500; font-size: 14px;}
.boxoffice-page .list .item .left-side ul.status li:last-child .value {color: #FF437E; font-weight: 700; font-size: 17px;}
@media (max-width:1048px){
  .boxoffice-page .list .item .left-side {flex-direction: column;}
  .boxoffice-page .list .item .left-side .name {margin-left: 0; margin-bottom: 25px;}
  .boxoffice-page .list .item .left-side ul.status {max-width: 100%;}
  .boxoffice-page .list .item .left-side ul.status li {padding-right: 0;}
  .boxoffice-page .list .item .left-side ul.status li:nth-child(2) {padding-right: 10px; margin-right: -10px;}
}
@media (max-width:600px){
  .boxoffice-page .list .item {flex-direction: column;}
  .boxoffice-page .list .item .poster-area {margin-left: 0; margin-bottom: 15px;}
  .boxoffice-page .header-title-line {margin-bottom: 40px;}
}

.page-250 {margin-bottom: 40px;}
.page-250 .list {margin-bottom: 30px;}
.page-250 .list .item {border-bottom: 1px solid #292929; padding-bottom: 35px; margin-bottom: 35px; display: flex; align-items: center;}
.page-250 .list .item .poster-area {margin-left: 30px;}
.page-250 .list .item .poster-area a {display: flex; position: relative;}
.page-250 .list .item .poster-area a img {border-radius: 15px;}
.page-250 .list .item .poster-area a .num {position: absolute; right: 0; left: 0; top: -12px; text-align: center;}
.page-250 .list .item .poster-area a .num span {border: 2px solid #ff437e; min-width: 28px; border-radius: 6px; display: inline-flex; justify-content: center; align-items: center; height: 28px; background-color: #030303; font-size: 15px; font-weight: 700;}
.page-250 .list .item .left-side {flex: 1;}
.page-250 .list .item .left-side .rate-area {display: flex; align-items: center; direction: ltr; margin-bottom: 10px;}
.page-250 .list .item .left-side .rate-area .rate {display: flex; align-items: center; border-right: 1px solid #3A3A3A; padding-right: 30px; margin-right: 30px;}
.page-250 .list .item .left-side .rate-area .rate:last-child {margin-right: 0; padding-right: 0; border: none;}
.page-250 .list .item .left-side .rate-area .rate img {margin-right: 5px;}
.page-250 .list .item .left-side .rate-area .rate .value {font-size: 15px; font-weight: 500; margin-right: 4px; margin-top: 5px;}
.page-250 .list .item .left-side .rate-area .rate .votes {opacity: .7;}
.page-250 .list .item .left-side .title {margin-bottom: 15px;}
.page-250 .list .item .left-side .title a {font-size: 18px; font-weight: 500; transition: all .2s;}
.page-250 .list .item .left-side .title a:hover {color: #fe437f;}
.page-250 .list .item .left-side .plot {line-height: 25px; opacity: .9;}
.page-250 .list .item:last-child {margin-bottom: 0; border-bottom: 0;}
@media (max-width:1048px){
  .page-250 .list .item .left-side .rate-area {justify-content: end; margin-bottom: 20px;}
}
@media (max-width:600px){
  .page-250 .header-title-line {margin-bottom: 40px;}
  .page-250 .list .item {flex-direction: column;}
  .page-250 .list .item .poster-area {margin-left: 0; margin-bottom: 30px;}
  .page-250 .list .item .left-side {display: flex; flex-direction: column;}
  .page-250 .list .item .left-side .title {order: 1; text-align: center;}
  .page-250 .list .item .left-side .rate-area {order: 2; justify-content: center;}
  .page-250 .list .item .left-side .plot {order: 3;}
  .page-250 .list .item .left-side .rate-area .rate .value {margin-right: 0;}
  .page-250 .list .item .left-side .rate-area .rate .votes {display: none;}
}

.list-subscriptions {margin-bottom: 60px; display: grid; grid-gap: 20px; grid-template-columns: repeat(4,minmax(0,1fr));}
.list-subscriptions .item {background-color: #10141A; border-radius: 20px; padding: 25px; display: flex; flex-direction: column; align-items: center; position: relative;}
.list-subscriptions .item > i {font-size: 30px; margin: 15px 0 25px 0;}
.list-subscriptions .item .title {font-size: 20px; margin-bottom: 15px;}
.list-subscriptions .item .amount {color: rgba(255,255,255,.6); font-size: 14px; display: flex; align-items: center; margin-bottom: 15px;}
.list-subscriptions .item .amount strong {color: #fff; font-weight: 500; font-size: 20px; margin-left: 7px;}
.list-subscriptions .item .amount.old {margin-bottom: 10px; position: relative;}
.list-subscriptions .item .amount.old strong {font-size: 14px; color: rgba(255,255,255,.7);}
.list-subscriptions .item .amount.old::before {content: ""; background-color: #bfbfbf; width: 100%; height: 1px; display: flex; position: absolute; transform: rotate(0deg);}
.list-subscriptions .item .line {height: 1px; background-color: #3F3F3F; width: 100%; margin-bottom: 35px; margin-top: 20px; position: relative;}
.list-subscriptions .item .line span {background-color: #10141A; direction: ltr; display: inline-flex; border: 1px solid #5C5C5C; border-radius: 10px; padding: 5px 7px; position: absolute; top: -15px; box-shadow: 0 0 0 6px #10141a; left: calc(50% - 25px); color: rgba(255,255,255,.7);}
.list-subscriptions .item a,
  .list-subscriptions .item .is-off {background-color: #1d222b; display: flex; align-items: center; width: 100%; justify-content: center; padding: 15px 0; border-radius: 10px; max-width: 230px; transition: all .2s;}
.list-subscriptions .item a i {transform: rotate(180deg); font-size: 16px; margin-right: 7px;}
.list-subscriptions .item a:hover {background-color: #FF437E;}
.list-subscriptions .item .is-off {color: rgba(255,255,255,.5); font-style: italic; opacity: .5;}
.list-subscriptions .item .suggested {transform: rotate(-90deg); background-color: #FF4881; width: 100px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 0 10px 10px 0; position: absolute; left: -10px; padding: 0 0 0 10px; top: 50px;}
.list-subscriptions .item .suggested:before {content: ""; border-top: 20px solid transparent; border-right: 10px solid transparent; border-bottom: 20px solid transparent; border-left: 15px solid #10141A; display: flex; position: absolute; left: 0;}
.list-subscriptions .item .count-down {margin-bottom: 30px; gap: 20px;}
.list-subscriptions .item .count-down .rol-value {font-size: 20px; font-weight: 500; position: relative;}
.list-subscriptions .item .count-down .rol-value::after {content: ":"; position: absolute; top: calc(50% - 6px); right: -15px; font-size: 10px}
.list-subscriptions .item .count-down .rol:last-child .rol-value::after{display: none;}
.list-subscriptions .item .count-down .rol-type{color: rgba(255,255,255,.7); font-size: 12px;}
@media (max-width:1100px){
  .list-subscriptions {grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media (max-width:600px){
  .list-subscriptions {grid-template-columns: repeat(1,minmax(0,1fr));}
}

.count-down {display: flex; direction: ltr; align-items: center; gap: 10px; justify-content: center;}
.count-down .rol {display: flex; flex-direction: column; align-items: center;}

.subscription-status .right-side .block .text .count-down {gap: 20px; margin-top: 20px;}
.subscription-status .right-side .block .text .count-down .rol {min-width: 50px}
.subscription-status .right-side .block .text .count-down .rol .rol-value {font-size: 40px; font-weight: 700;}
.subscription-status .right-side .block .text .count-down .rol .rol-type {background-color: #000; width: 100%; text-align: center; border-radius: 4px}
@media (max-width:400px){
  .subscription-status .right-side .block .text .count-down{gap: 15px}
  .subscription-status .right-side .block .text .count-down .rol .rol-value{font-size: 30px;}
  .subscription-status .right-side .block .text .count-down .rol .rol-type{font-size: 11px}
}

.checkout {background-color: #10141A; border-radius: 20px; padding: 30px; max-width: 1000px; margin: 0 auto 40px auto;}
.checkout .text {display: flex; border-bottom: 1px solid #3F3F3F;}
.checkout .text .plan {display: flex; align-items: center; border-left: 1px solid #3F3F3F; padding-left: 50px; margin-left: 50px;}
.checkout .text .plan .ico-area {padding: 0 30px;}
.checkout .text .plan .ico-area i {font-size: 50px;}
.checkout .text .plan .plan-title .h1 {font-size: 20px; margin-bottom: 3px;}
.checkout .text .plan .plan-title .h2 {color: rgba(255,255,255,.6);}
.checkout .text .plan .plan-title .h2 strong {color: #fff; font-size: 15px; margin-left: 3px;}
.checkout .text .details {flex: 1; margin: 20px 0 50px 50px;}
.checkout .text .details .title { font-weight: 700; margin-bottom: 22px;}
.checkout .text .details .list {display: flex; width: 100%; flex-direction: column; gap: 17px;}
.checkout .text .details .list .item {display: flex; justify-content: space-between;}
.checkout .text .details .list .item .label {display: flex; align-items: center;}
.checkout .text .details .list .item .label i {margin-left: 4px;}
.checkout .text .details .list .item .label i.icon-order-history {font-size: 19px;}
.checkout .text .details .list .item .value {font-size: 15px; font-weight: 500;}
.checkout .text .details .list .item .value span {display: inline-flex;}
.checkout .text .details .list .item:last-child .value {font-size: 20px; font-weight: 900;}
.checkout .text .details .list .item.discount-form {gap: 20px; margin-bottom: 5px;}
.checkout .text .details .list .item.discount-form input {background-color: #161d27; width: 100%; color: #fff; border: none; flex: 1; padding: 10px 12px; border-radius: 15px; transition: all .2s;}
.checkout .text .details .list .item.discount-form button {border: 1px solid #ff437e; background-color: transparent; color: #ff437e; border-radius: 10px; width: 90px; cursor: pointer; transition: all .2s;}
.checkout .text .details .list .item.discount-form button:hover {background-color: #ff437e; color: #fff;}
.checkout .text .details .list .item.discount-form input:focus {box-shadow: 0 0 0 1px #404040;}
.checkout .foot {display: flex; align-items: end; justify-content: center; padding-top: 30px; padding-bottom: 10px;}
.checkout .foot .gateways {width: 50%; padding-right: 30px;}
.checkout .foot .gateways .title {margin-bottom: 10px;}
.checkout .foot .gateways .nice-select {max-width: 300px; height: 45px;}
.checkout .foot .submit {flex: 1; display: flex; justify-content: center; gap: 30px; align-items: center;}
.checkout .foot .submit button {width: 100%; max-width: 300px; background-color: #FF437E; color: #fff; border: none; border-radius: 15px; height: 45px; display: flex; align-items: center; justify-content: center; font-size: 15px; cursor: pointer; transition: all .1s;}
.checkout .foot .submit button.green {background-color: #4caf50;}
.checkout .foot .submit button i {transform: rotate(180deg); font-size: 17px; margin-right: 7px;}
.checkout .foot .submit button:hover {box-shadow: 0 0 0 30px rgba(0,0,0,.1) inset;}
.checkout .foot .submit .or {font-size: 17px;}
@media (max-width:800px){
  .checkout .text {flex-direction: column;}
  .checkout .text .plan {border-left: none; padding-left: 0; margin-left: 0; border-bottom: 1px solid #3F3F3F; padding-bottom: 30px; margin-bottom: 30px; flex-direction: column;}
  .checkout .text .plan .plan-title .h2 {text-align: center;}
  .checkout .text .plan .ico-area {padding: 0 0 10px 0;}
  .checkout .text .details {margin: 0 0 30px 0;}
  .checkout .foot .gateways{padding-right: 0;}
  .checkout .foot .submit {justify-content: end; flex-direction: column; gap: 20px;}
}
@media (max-width:500px){
  .checkout .foot {flex-direction: column;}
  .checkout .foot .gateways {width: 100%;}
  .checkout .foot .gateways .nice-select {width: 100%;}
  .checkout .foot .submit {width: 100%; justify-content: center; margin-top: 30px;}
}
@media (max-width:400px){
  .checkout .text .details .list .item.discount-form {flex-direction: column;}
  .checkout .text .details .list .item.discount-form button {height: 40px; width: 100%;}
}

.pay-status {background-color: #161D27; max-width: 500px; margin: 40px auto; display: flex; flex-direction: column; align-items: center; border-radius: 20px; padding: 25px 25px 45px 25px;}
.pay-status .svg-area svg {width: 70px; max-width: 100%; margin-bottom: 10px;}
.pay-status .title {font-size: 20px; font-weight: 500; margin-bottom: 25px; text-align: center;}
.pay-status.error .title span {color: #F27677;}
.pay-status.ok .title span {color: #4CAF50;}
.pay-status .description {text-align: center; line-height: 21px;} 
.pay-status .description strong {background-color: #242b34; padding: 4px 7px; border-radius: 5px; color: #4caf50;}
.pay-status a {width: 100%; max-width: 200px; font-size: 15px; text-align: center; height: 45px; display: flex; justify-content: center; align-items: center; border-radius: 10px; transition: all .1s;}
.pay-status.error a {background-color: #ED6167;}
.pay-status.ok a {background-color: #4CAF50;}
.pay-status a:hover {box-shadow: 0 0 0 30px rgba(0,0,0,.1) inset;}
.pay-status .line {border-bottom: 2px dashed #8A8E93; width: 100%; margin: 10px 0 50px 0; position: relative;}
.pay-status .line::before, .pay-status .line::after {content: ""; width: 50px; height: 50px; background-color: #030303; position: absolute; left: -50px; border-radius: 50%; top: -25px;}
.pay-status .line::after {right: -50px; left: unset;}

.account-player {margin-bottom: 40px; display: flex; flex-direction: column; gap: 40px; background-color: #10141A; border-radius: 15px; padding: 40px 35px;}
.account-player .row .title {display: flex; align-items: center; margin-bottom: 15px;}
.account-player .row .title .text {font-size: 15px; display: flex; align-items: center;}
.account-player .row .title .text i {font-size: 20px; margin-left: 7px;}
.account-player .row .form .radios {display: inline-flex; padding: 7px; border-radius: 20px; font-size: 15px; background-color: #161D27;}
.account-player .row .form .radios .item-sort {display: inline-flex; width: 100px;}
.account-player .row .form .radios .item-sort.large {width: 130px;}
.account-player .row .form .radios .item-sort label {width: 100%; display: flex; justify-content: center; align-items: center;}
@media (max-width:850px){
  .account-player .row .form .radios {width: 100%;}
  .account-player .row .form .radios .item-sort {flex: 1; width: auto !important;}
  .account-player .row .form .radios .item-sort label {padding-right: 0; padding-left: 0; text-align: center;}
}
@media (max-width:450px){
  .account-player {padding: 25px 15px;}
  .account-player .row .form .radios .item-sort label {font-size: 12px;}
}
@media (max-width:370px){
  .account-player {
    background-color: transparent;
    padding-right: 0;
    padding-left: 0;
  }
  .account-player .row .form .radios {
    background-color: #10141A;
  }
}

.need-login-page {display: flex; justify-content: center; align-items: center; padding: 80px 0; flex-direction: column;}
.need-login-page .content {background-color: #11151C; padding: 25px; border-radius: 15px; display: flex; flex-direction: column; align-items: center;}
.need-login-page .content .title {font-size: 19px; font-weight: 500; margin-bottom: 25px;}
.need-login-page .content .caption {margin-bottom: 25px; color: rgba(255,255,255,.6);}
.need-login-page .content .buttons {display: flex; gap: 20px;}
.need-login-page .content .buttons a {background-color: #1B202C; width: 130px; display: flex; align-items: center; justify-content: center; height: 45px; border-radius: 15px;}
.need-login-page .content .buttons a.strong {background-color: #ff437e;}
.need-login-page .content .buttons a:first-child:hover {background-color: #282F40;}
.need-login-page .content .buttons a.strong:hover {box-shadow: 0 0 0 30px rgba(0,0,0,.1) inset;}
.need-login-page .content .buttons a i {font-size: 18px; color: #f5c518; margin: -5px 0 0 8px;}

.account-views {display: grid; grid-gap: 20px; grid-template-columns: repeat(3,minmax(0,1fr)); max-width: 1200px; margin: 0 auto 40px auto;}
.account-views .item-view {background-color: #141821; position: relative; border-radius: 15px; transition: all .2s;}
.account-views .item-view:hover {background-color: #212733;}
@media (max-width:850px){
  .account-views {grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media (max-width:600px){
  .account-views {grid-template-columns: repeat(1,minmax(0,1fr));}
}

.buy-subscription-page {margin-top: 50px; margin-bottom: 50px;}

.vip-message {margin-bottom: 40px; background-color: #1d222b; color: #F9F9F9; display: flex; justify-content: center; align-items: center; padding: 15px; border-radius: 20px; font-weight: 700; text-align: center;}

.people-single {display: flex; gap: 30px;}
.people-single .people-image {width: 250px;}
.people-single .people-image img {margin-bottom: 20px;}
.people-single .people-image .title {text-align: center; font-size: 15px; font-weight: 500; margin-bottom: 20px;}
.people-single .people-image .imdb {margin-bottom: 40px;}
.people-single .people-image .imdb a {background-color: #FF437E; display: flex; justify-content: center; align-items: center; height: 50px; border-radius: 20px; max-width: 200px; margin: 0 auto;}
.people-single .people-image .imdb a:hover {box-shadow: 0 0 0 30px rgba(0,0,0,.1) inset;}
.people-single .people-archive {flex: 1;}
.people-single .people-archive header.people-header {margin-bottom: 40px; display: flex; justify-content: space-between;}
.people-single .people-archive header.people-header .text {display: flex; align-items: center;}
.people-single .people-archive header.people-header .text .value {margin-right: 20px; background-color: #121820; padding: 5px 10px; border-radius: 12px;}
.people-single .people-archive header.people-header .actions {display: flex; align-items: center;}
.people-single .people-archive header.people-header .actions .sort {display: flex; align-items: center; margin-left: 30px;}
.people-single .people-archive header.people-header .actions .sort .caption {margin-left: 13px; color: rgba(255,255,255,.7); display: flex; align-items: center;}
.people-single .people-archive header.people-header .actions .sort .caption i {font-size: 18px; margin-left: 4px;}
.people-single .people-archive header.people-header .actions .sort .radios {background-color: #121820; padding: 5px; border-radius: 14px;}
.people-single .people-archive header.people-header .actions .sort .radios .item-sort {display: flex;}
.people-single .people-archive header.people-header .actions .sort .radios label {width: 50px; text-align: center; padding: 6px 0;}
.people-single .people-archive .list-posts {display: grid; grid-gap: 20px; grid-template-columns: repeat(5,minmax(0,1fr)); margin-bottom: 40px;}
@media (max-width:1300px){
  .people-single .people-archive .list-posts {grid-template-columns: repeat(4,minmax(0,1fr));}
}
@media (max-width:1048px){
  .people-single {flex-direction: column; align-items: center;}
}
@media (max-width:900px){
  .people-single .people-archive .list-posts {grid-template-columns: repeat(3,minmax(0,1fr));}
}
@media (max-width:600px){
  .people-single .people-archive .list-posts {grid-template-columns: repeat(2,minmax(0,1fr));}
  .people-single .people-image .imdb {margin-bottom: 30px;}
  .people-single .people-archive header.people-header {flex-direction: column;}
  .people-single .people-archive header.people-header .text {justify-content: space-between; margin-bottom: 20px;}
  .people-single .people-archive header.people-header .actions {flex-direction: column;}
  .people-single .people-archive header.people-header .actions .nice-select {width: 100%; height: 50px;}
  .people-single .people-archive header.people-header .actions .sort {margin: 0 0 20px 0; width: 100%;}
  .people-single .people-archive header.people-header .actions .sort .radios {flex: 1; padding: 8px;}
  .people-single .people-archive header.people-header .actions .sort .radios .item-sort {flex: 1; justify-content: center;}
  .people-single .people-archive header.people-header .actions .sort .radios .item-sort label {width: 100%; padding: 9px 0; min-width: 50px;}
  .people-single .people-archive header.people-header .actions .nice-select .current {line-height: 50px;}
}
@media (max-width:430px){
  .people-single .people-archive .list-posts .item-movie .top{height: 230px;}
}
@media (max-width:350px){
  .people-single .people-archive .list-posts {grid-template-columns: repeat(1,minmax(0,1fr));}
  .people-single .people-archive .list-posts .item-movie .top{height: 270px;}
}

.form-submit-report button {margin: 0 auto; width: 100%; max-width: 300px; display: flex; justify-content: center; height: 45px; align-items: center; color: #fff; border: none; border-radius: 12px; background-color: #ff437e; cursor: pointer; transition: all .1s;}
.form-submit-report button:hover {box-shadow: 0 0 0 30px rgba(0,0,0,.1) inset;}

.archive-collection .list {display: grid; grid-gap: 25px; grid-template-columns: repeat(4,minmax(0,1fr)); margin-bottom: 40px; padding-top: 20px;}
.item-collection a {display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; overflow: hidden; border-radius: 15px; padding: 30px;}
.item-collection a .bg {background-size: cover; background-position: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; filter: blur(5px); opacity: .5; transform: scale(1.3);}
.item-collection a img {z-index: 2; border-radius: 30px; margin-bottom: 20px; box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
.item-collection a .title {z-index: 2; margin-bottom: 20px; font-size: 18px; font-weight: 500;}
.item-collection a .count {z-index: 2; margin-bottom: 20px; border: 1px solid rgba(255,255,255,.3); display: flex; padding: 4px 9px 2px 9px; border-radius: 7px;}
.item-collection a .plot {z-index: 2; font-size: 12px; line-height: 20px; max-height: 40px; overflow: hidden; text-align: center; color: rgba(255,255,255,.9);}
@media (max-width:1200px){
  .archive-collection .list{grid-template-columns: repeat(3,minmax(0,1fr));}
}
@media (max-width:950px){
  .item-collection a{padding: 10px}
}
@media (max-width:820px){
  .archive-collection .list{grid-template-columns: repeat(2,minmax(0,1fr));}
  .item-collection a{padding: 30px}
}
@media (max-width:430px){
  .archive-collection .list{grid-template-columns: repeat(1,minmax(0,1fr));}
  .item-collection a{padding: 20px}
}

.archive-lists {display: grid; grid-gap: 20px; grid-template-columns: repeat(5,minmax(0,1fr)); margin-bottom: 40px;}
@media (max-width:1200px){
  .archive-lists{grid-template-columns: repeat(4,minmax(0,1fr));}
}
@media (max-width:850px){
  .archive-lists{grid-template-columns: repeat(3,minmax(0,1fr));}
}
@media (max-width:650px){
  .archive-lists{grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media (max-width:400px){
  .archive-lists{grid-template-columns: repeat(1,minmax(0,1fr));}
}

.phone-navigation {height: 85px; display: none;}
.phone-navigation .menu {position: fixed; left: 0; right: 0; bottom: 0; display: flex; justify-content: space-around; height: 85px; background-color: rgba(0,0,0,.9); z-index: 10000000000;}
.phone-navigation .menu .item {flex: 1; display: flex; justify-content: center; flex-direction: column; align-items: center; cursor: pointer; transition: all .2s;}
.phone-navigation .menu .item i {font-size: 25px; margin-bottom: 10px;}
.phone-navigation .menu .item:not(:hover) i.hover,
  .phone-navigation .menu .item:hover i:not(.hover) {display: none;}
.phone-navigation .menu .item .text {font-size: 14px;}
.phone-navigation .menu .item:hover {color: #ff437e;}
@media (max-width:1046px){
  .phone-navigation {display: block;}
}
@media (max-width:400px){
  .phone-navigation .menu .item i {font-size: 20px;}
  .phone-navigation .menu .item .text {font-size: 12px;}
}

.phone-sidebar {position: fixed; opacity: 0; visibility: hidden; transition: all .2s; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0,0,0, .7); z-index: 1000000000000; display: none;}
.phone-sidebar .inside {background-color: #161D26; width: 75%; max-width: 300px; border-radius: 25px 0 0 25px; padding: 30px 25px 100px 25px; display: flex; flex-direction: column; overflow-y: scroll; position: relative; right: -300px; transition: all .2s;}
.phone-sidebar .sidebar-logo {display: flex; position: relative; justify-content: center; margin-bottom: 30px;}
.phone-sidebar .sidebar-logo i {position: absolute; right: 0; font-size: 18px; top: 6px;}
.phone-sidebar .sidebar-logo img {width: 140px; height: auto;}
.phone-sidebar .user {margin-bottom: 30px;}
.phone-sidebar .top {display: flex; align-items: center; margin-bottom: 25px;}
.phone-sidebar .top .avatar {margin-left: 10px;}
.phone-sidebar .top .avatar span {background-color: #212A39; width: 40px; display: flex; height: 40px; justify-content: center; align-items: center; font-size: 17px; color: #DFE6FF; border-radius: 13px;}
.phone-sidebar .top .text .h1 {font-weight: 500; font-size: 15px;}
.phone-sidebar .user .subscription {display: flex; justify-content: space-between; align-items: center;}
.phone-sidebar .user .subscription .caption {font-size: 15px;}
.phone-sidebar .user .subscription .value {padding: 6px 6px 6px 6px; border-radius: 8px;}
.phone-sidebar .user .subscription .value.green {background-color: #4CAF50;}
.phone-sidebar .user .subscription .value.red {background-color: #FF437E;}
.phone-sidebar .cats {flex: 1; padding: 15px 0; display: flex; flex-direction: column; gap: 20px; margin-bottom: 10px;}
.phone-sidebar .cats .item {cursor: pointer; background-color: #12181F; padding: 16px 20px; border-radius: 20px;}
.phone-sidebar .cats .item .text {display: flex; align-items: center;}
.phone-sidebar .cats .item .text i.main {font-size: 20px; margin-left: 7px;}
.phone-sidebar .cats .item .text i.arrow {margin-right: auto; font-size: 9px; transition: all .2s;}
.phone-sidebar .cats .item.with-sub {overflow: hidden;}
.phone-sidebar .cats .item.with-sub .sub-content {margin: 15px -20px -20px -20px;}
.phone-sidebar .cats .item.with-sub .sub-content .item {background-color: #0C0E11; border-radius: 0;}
.phone-sidebar .cats .item.is-open > .text > i.arrow {transform: rotate(-90deg);}
.phone-sidebar .cats .item.with-sub .sub-content .item .links {display: flex; flex-direction: column; margin: 15px 10px 0 0; display: none;}
.phone-sidebar .cats .item.with-sub .sub-content .item .links .link a {display: flex; padding: 10px 0;}
.phone-sidebar .cats .item.with-sub .sub-content .item .links .link a:before {content: ""; background-color: #ff5990; width: 2px; margin-left: 8px;}
.phone-sidebar .cats .item.with-sub .sub-content .item .links .link a:hover {color: #ff5990;}
.phone-sidebar .buy {display: flex; align-items: center; background-color: #12181F; padding: 20px 0; border-radius: 20px; justify-content: center; transition: all .2s;}
.phone-sidebar .buy i {color: #F5C518; font-size: 22px; margin: -2px 0 0 14px;}
.phone-sidebar .buy:hover {background-color: #FF437E;}
.phone-sidebar .buy:hover i {color: #fff;}
.phone-sidebar .close {position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
.phone-sidebar .get-app {background-color: #ff437e; align-items: center; display: flex; width: 100%; padding: 14px 0; border-radius: 15px; justify-content: space-evenly;}
.phone-sidebar .get-app i.icon-download {font-size: 17px;}
body.phone-sidebar-show{overflow: hidden;}
body.phone-sidebar-show .phone-sidebar {display: flex; opacity: 1; visibility: visible;}
body.phone-sidebar-show .phone-sidebar .inside {right: 0;}
@media (max-width:1046px){
  .phone-sidebar{display: flex;}
}

.phone-account-menu {padding-bottom: 40px; grid-template-columns: repeat(5,minmax(0,1fr)); grid-gap: 25px; display: none;}
.phone-account-menu .item a {display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #10141A; border-radius: 20px; height: 120px; transition: all .2s;}
.phone-account-menu .item a i {font-size: 20px; margin-bottom: 15px;}
.phone-account-menu .item.active a i {color: #ff437e;}
.phone-account-menu .item a:hover {background-color: #1F2631;}
.phone-account-menu .item a .text {text-align: center;}
body.show-account-sidebar .phone-account-menu {display: grid;}
@media (max-width:700px){
  .phone-account-menu {grid-template-columns: repeat(3,minmax(0,1fr));}
}
@media (max-width:450px){
  .phone-account-menu{grid-gap: 15px;}
}

.top_message {position: relative; background-color: #10141A; padding: 10px 50px; text-align: center; z-index: 2;}
.top_message a {background-color: #FF437E; margin-right: 10px; border-radius: 7px; transition: all .2s; width: 73px; height: 32px; display: inline-flex; justify-content: center; align-items: center;}
.top_message a:hover {box-shadow: 0 0 0 20px rgba(0,0,0,.1) inset;}
.top_message .close {position: absolute; transition: all .2s; cursor: pointer; left: 0; top: 0; bottom: 0; width: 50px; display: flex; justify-content: center; align-items: center; font-size: 20px; color: rgba(255,255,255,.7);}
.top_message .close:hover {color: #fff;}

.pop_message {position: fixed; left: 0; top: 0; right: 0; padding: 0 15px; bottom: 0; z-index: 100000; background-color: rgba(0,0,0,.5); display: flex; justify-content: center; align-items: center;}
.pop_message .content {position: relative; border-radius: 15px; font-size: 18px; display: flex; flex-direction: row; box-shadow: 0 0 30px #505050; color: #000;}
.pop_message .right-side {width: 250px; background-size: cover; border-radius: 0 15px 15px 0; background-position: right;}
.pop_message .left-side {padding: 55px 40px; background-color: #fff; border-radius: 15px 0 0 15px; width: 480px;}
.pop_message .content .title {margin-bottom: 20px; line-height: 30px; display: flex; flex-direction: column; align-items: start;}
.pop_message .content .title strong {font-weight: bold;}
.pop_message .content .darsad {margin-bottom: 20px; padding: 5px 0;}
.pop_message .content .darsad .num {font-size: 50px; font-weight: 800; margin-left: 5px; color: #4CAF50;}
.pop_message .content .darsad .small {color: #86898D;}
.pop_message .content .line1 {margin-bottom: 20px; text-align: center;}
.pop_message .content .actions {display: flex; gap: 15px;}
.pop_message .content .actions .btn {transition: all 0.3s; cursor: pointer; display: block; background-color: #FF437E; color: #fff; width: 100%; text-align: center; padding: 10px 0; border-radius: 7px; border: none;}
.pop_message .content .actions .btn.btn-close {background-color: #6e6e6e; width: 150px;}
  .pop_message .content .btn:hover {transform: scale(1.05);}
.pop_message .close {position: absolute; color: #000; width: 30px; height: 30px; right: -10px; top: -10px; transition: all 0.2s; cursor: pointer; opacity: .8; background-color: #fff; border-radius: 16px; display: flex; justify-content: center; align-items: center;}
	.pop_message .close:hover {opacity: 1;}
.pop_message .list {margin-bottom: 20px; display: flex; flex-direction: column; gap: 10px; font-size: 14px;}
.pop_message .list .item {border: 1px solid rgba(0,0,0,.1); color: #000; border-radius: 15px; display: flex; align-items: center; gap: 10px; padding: 15px; justify-content: space-between; cursor: pointer; transition: all .2s;}
.pop_message .list .item .text .account-title {font-size: 15px; font-weight: 700;}
.pop_message .list .item .text .caption {opacity: .5;}
.pop_message .list .item .price {display: flex; flex-direction: column; align-items: end;}
.pop_message .list .item .price .old {text-decoration: line-through; opacity: .5;}
.pop_message .list .item .price .current {font-size: 20px; font-weight: 800; color: #3CA740;}
.pop_message .list .item:hover {border-color: #4CAF50;}
@media screen and (max-width: 780px){
	.pop_message .content {flex-direction: column; width: 100%; max-width: 350px;}
  .pop_message .right-side {width: 100%; height: 150px; border-radius: 15px 15px 0 0; background-position: center right;}
  .pop_message .left-side {border-radius: 0 0 15px 15px; padding: 20px; width: 100%;}
}

.page {margin-top: 40px; margin-bottom: 40px;}
.page h1 {text-align: center; margin-bottom: 30px;}
.page .content-body {padding: 15px; background-color: rgba(255,255,255,.1); border-radius: 15px; line-height: 25px;}

@media (max-width:1455px){
  .abasi_org{margin-right: 15px; margin-left: 15px;}
}

.item-more {display: flex; min-width: 170px;}
.item-more a {display: flex; flex: 1; justify-content: center; align-items: center; flex-direction: column; border: 1px solid rgba(255,255,255,.2); border-radius: 15px; color: rgba(255,255,255,.5); transition: all .2s;}
.item-more a i {font-size: 40px; margin-bottom: 20px;}
.item-more a:hover {color: #fff; border-color: rgba(255,255,255,.4);}

.account_qr {display: flex; align-items: center; flex-direction: column; gap: 20px;background: rgba(29, 34, 45, .5);padding: 40px 20px;}
.account_qr img {background-color: #141821; padding: 20px; border-radius: 10px; width: 190px; height: 190px;}
.account_qr .code {font-size: 30px; letter-spacing: 10px; padding-left: 10px;}

.dashboard-message {margin-bottom: 40px; display: flex; align-items: center; gap: 15px; background-color: tomato; border-radius: 15px; min-height: 50px; padding: 0 20px; cursor: pointer;}
.dashboard-message .button {margin-right: auto; cursor: pointer; background-color: rgba(255,255,255,.2); height: 30px; display: inline-flex; align-items: center; justify-content: center; width: 120px; border-radius: 5px;}
@media (max-width:800px){
	.dashboard-message {flex-direction: column; align-items: center; justify-content: center; padding: 15px 0; text-align: center;}
	.dashboard-message .button {margin: 0;}
}

.pop_check_email {}
.pop_check_email form {display: flex; flex-direction: column; gap: 20px; padding: 10px;}
.pop_check_email form .check_message {line-height: 25px; opacity: .8;}
.pop_check_email form .current_email {display: flex; gap: 10px; flex-direction: column;}
.pop_check_email form .current_email label {opacity: .5;}
.pop_check_email form .current_email input {background-color: #2C3745; color: #fff; padding: 15px; border-radius: 15px; transition: all .2s; border: 1px solid transparent; text-align: left; width: 100%; direction: ltr;}
.pop_check_email form .current_email input:focus {border-color: rgba(255,255,255,.2);}
.pop_check_email form .submit {max-width: 300px; margin: 0 auto; width: 100%; background-color: #2C3745; color: #fff; border: none; height: 45px; border-radius: 15px; margin-top: 15px; cursor: pointer; transition: all .2s;}
.pop_check_email form .submit.red {background-color: #FF437E;}
.pop_check_email form .submit:hover {box-shadow: 0 0 0 30px rgba(0,0,0,.1) inset;}

.notifications-page {margin-bottom: 35px;}
.notifications-page .list {display: grid; grid-template-columns: repeat(4,1fr); gap: 25px;}
.notifications-page .list .item {background-color: #10141A; padding: 15px; border-radius: 15px; display: flex; flex-direction: column; gap: 5px;}
.notifications-page .list .item .title {display: flex; align-items: center; gap: 5px; color: #ff437e; font-weight: 500; font-size: 14px; margin-bottom: 5px;}
.notifications-page .list .item .title i {font-size: 17px;}
.notifications-page .list .item .title .date {margin-right: auto; font-size: 11px; color: #fff; opacity: .5;}
.notifications-page .list .item .content {line-height: 24px; color: rgba(255,255,255,.8);}
@media (max-width:1100px){
	.notifications-page .list {grid-template-columns: repeat(3,1fr);}
}
@media (max-width:950px){
	.notifications-page .list {grid-template-columns: repeat(2,1fr);}
}
@media (max-width:550px){
	.notifications-page .list {grid-template-columns: repeat(1,1fr);}
}

.item-top a {display: flex; flex-direction: column; padding: 13px; transition: all .2s; background-color: #141821; border-radius: 15px;}
.item-top a img {width: 100%; height: 140px; border-radius: 25px; margin-bottom: 14px; object-fit: cover;}
.item-top a .movie-title {direction: ltr; font-size: 13px; font-weight: 500; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: rgba(255,255,255,.85); transition: all .2s; margin-bottom: 3px;}
.item-top a .year {transition: all .2s; text-align: center; opacity: .4;}
.item-top a:hover {background-color: #1f2533;}
.item-top a:hover .movie-title {color: #fff;}
.item-top a:hover .year {opacity: .8;}

.home-section.top-week header.section-title .title .icon-area i {font-size: 21px; padding: 0; width: 32px; height: 32px; justify-content: center; align-items: center; display: flex;}
.home-section.top-week .list {white-space: nowrap; display: flex; gap: 20px;}
.home-section.top-week .list .item-top {flex: 1; width: calc(12.5% - 20px); min-width: calc(12.5% - 20px); max-width: 12.5%;} 
@media (max-width:1200px){
  .home-section.top-week .list {overflow-y: scroll; padding-bottom: 20px; margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px;}
  .home-section.top-week .list .item-top {width: 180px; max-width: 180px; min-width: 180px;}
}

.pwa-iphone-access {display: flex; flex-direction: column; gap: 20px; align-items: center; margin-bottom: 40px;}
.pwa-iphone-access img {max-width: 200px; margin-bottom: 50px; margin-top: 70px;}
.pwa-iphone-access input {background-color: #2C3745; border: none; color: #fff; direction: ltr; height: 45px; padding: 0 20px; border-radius: 15px; width: 100%; max-width: 300px; letter-spacing: 1px; font-size: 14px; text-align: center;}
.pwa-iphone-access button {background-color: #FF437E; color: #fff; border-radius: 15px; border: none; height: 45px; width: 100%; max-width: 300px;}

.account-wallet {display: flex; flex-direction: column; gap: 25px; max-width: 800px; margin: 0 auto;}
.account-wallet > .current {background-color: #10141A; border-radius: 20px; padding: 20px; font-size: 15px; display: flex; justify-content: space-between; gap: 15px; align-items: center;}
.account-wallet .method {background-color: #10141A; border-radius: 20px; padding: 20px; display: flex; align-items: center; gap: 10px;}
.account-wallet .method .nice-select {font-size: 13px; background-color: #273446;}
.account-wallet .inset {background-color: #10141a; border-radius: 20px; padding: 20px;}
.account-wallet > .current .value {background-color: #4caf50; font-size: 13px; padding: 0 13px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 20px;}
.account-wallet .inset .help {margin-bottom: 35px; background-color: #273446; padding: 20px; border-radius: 15px; line-height: 25px;}
.account-wallet .inset .help h3 {margin-bottom: 15px; font-size: 16px;}
.account-wallet .inset .help ul {margin-right: 10px; display: flex; flex-direction: column; gap: 5px;}
.account-wallet .inset .help a {color: #ff437e;}
.account-wallet .inset .help a:hover {color: #fff;}
.account-wallet .inset .fields {margin-bottom: 30px; display: flex; gap: 15px; flex-wrap: wrap;}
.account-wallet .inset .fields .item {width: calc(50% - 15px); flex-direction: column; display: flex; gap: 7px;}
.account-wallet .inset .fields .item input {background-color: #273446; border: none; color: #fff; height: 45px; border-radius: 15px; padding: 0 15px;}
.account-wallet .inset .fields .item.w100 {width: 100%;}
.account-wallet .inset .fields .qr-area {width: 100%; text-align: center; margin-top: 20px;}
.account-wallet .inset .submit {margin-bottom: 15px;}
.account-wallet .inset .submit button {background-color: #FF437E; color: #fff; border: none; width: 100%; max-width: 350px; margin: 0 auto; display: block; padding: 16px 0; border-radius: 15px; cursor: pointer; transition: all .2s;}
.account-wallet .inset .submit button:hover {box-shadow: 0 0 0 30px rgba(0,0,0,.1) inset;}
@media (max-width:500px){
  .account-wallet .inset .fields {flex-direction: column; gap: 20px;}
	.account-wallet .inset .fields .item {width: 100%;}
}

.pop_wallet_subscription_help {line-height: 30px;}
.pop_wallet_subscription_help a {color: #FF437E;}
.pop_wallet_subscription_help a:hover {color: #fff;}
.pop_wallet_subscription_help .button {background-color: #FF437E; color: #fff; padding: 10px 0; display: block; margin: 20px auto 0 auto; max-width: 300px; border-radius: 15px; text-align: center; transition: all .2s;}
.pop_wallet_subscription_help .button:hover{box-shadow: 0 0 0 30px rgba(0,0,0,.1) inset;}

.home-app-banner {margin-bottom: 40px; display: none; align-items: center; justify-content: center; margin-top: -10px;}
.home-app-banner a {display: flex; flex-direction: column; background: url('assets/images/bg-app-banner-home.jpg'); background-repeat: no-repeat; background-size: cover; width: 100%; border-radius: 20px; padding: 20px; gap: 15px; align-items: start; max-width: 100%; background-position: center; text-shadow: 0 0 10px rgba(0,0,0,.4);}
.home-app-banner a .t1 {font-size: 20px; font-weight: 500; line-height: 31px;}
.home-app-banner a .t2 {opacity: .8;}
.home-app-banner a .bt {background-color: #020202; padding: 13px 20px; display: inline-flex; border-radius: 15px; margin-right: auto;}
@media (max-width:1000px){
  .home-app-banner{display: flex;} 
}

.page-404 {display: flex; flex-direction: column; align-items: center; padding: 100px 0; gap: 20px;}
.page-404 a {background-color: #FF437E; height: 45px; display: inline-flex; align-items: center; padding: 0 17px; border-radius: 10px; margin-top: 20px; transition: all .2s;}
.page-404 a:hover {box-shadow: 0 0 0 30px rgba(0,0,0,.1) inset;}
.page-404 svg {margin-bottom: 10px;}

.app_landing {display: flex; flex-direction: column; padding: 0 15px;}
.app_landing .row {display: flex; flex: 1; padding: 10px 0; position: relative;}
.app_landing .row .text {width: 50%; display: flex; flex-direction: column; align-items: start; padding: 200px 50px; z-index: 2;}
.app_landing .row .text .header-platforms {background-color: #FF437E; display: inline-flex; padding: 7px 13px; border-radius: 15px; margin-bottom: 13px;}
.app_landing .row .text .header-ico {font-size: 40px;}
.app_landing .row .text .title {font-size: 30px; font-weight: bold; margin-bottom: 15px; text-align: center;}
.app_landing .row .text .caption {color: rgba(255,255,255,.7); margin-bottom: 45px; line-height: 20px;}
.app_landing .row .text .icns {display: flex; font-size: 40px; color: #E8E8E8; gap: 27px;}
.app_landing .row .text .btns {display: flex; gap: 13px;}
.app_landing .row .text .btns a {background-color: #1E1E1E; padding: 15px 20px; border-radius: 17px; color: rgba(255,255,255,.8); transition: all .2s;}
.app_landing .row .text .btns a.strong {background-color: #FF437E; color: #fff;}
.app_landing .row .text .btns a:hover {box-shadow: 0 0 0 30px rgba(255,255,255,.1) inset;}
.app_landing .row .text .description {margin-top: 25px; display: inline-flex; gap: 7px; color: rgba(255,255,255,.7); max-width: 430px; line-height: 25px;}
.app_landing .row .text .description i {font-size: 15px; margin-top: 6px;}
.app_landing .row .cover { flex: 1; background-position: center; background-size: contain; background-repeat: no-repeat; z-index: 2;}
.app_landing .row .red-bg {position: absolute; left: -15px; top: 0; bottom: 0; z-index: 1;}
.app_landing .row .red-bg.right {right: -15px; left: unset;}
.app_landing .row .red-bg svg {height: 100%; max-width: 100%;}
@media (max-width:1045px){
	.app_landing .row {flex-direction: column-reverse; padding: 0 0; margin-bottom: 60px;}
	.app_landing .row.right-cover {flex-direction: column;}
	.app_landing .row .text {width: 100%; align-items: center; padding: 40px 0 0 0;}
	.app_landing .row .cover {min-height: 300px; max-width: 100%;}
	.app_landing .row .red-bg {bottom: 50%;}
	.app_landing .row .red-bg svg{margin-left: -150px;}
}

.vip-message-list {margin-bottom: 40px; background-color: #1d222b; color: #F9F9F9; display: flex;  align-items: start; padding: 15px; border-radius: 20px; font-weight: 700; text-align: center; flex-direction: column; max-width: 1000px; margin: 0 auto 20px auto;}
.vip-message-list .title {font-size: 17px; margin-bottom: 13px;}
.vip-message-list .content {width: 100%; display: flex; flex-direction: column; align-items: start; gap: 15px; color: rgba(255,255,255,.8); text-align: right;}
.vip-message-list .content p {display: flex; align-items: center; gap: 10px; line-height: 22px;}
.vip-message-list .content p i {font-size: 20px;}

.faq_area {width: 100%; margin-bottom: 60px;}
.faq_area .faq-title {text-align: center; margin-bottom: 25px; font-size: 23px; font-weight: 700;}
.faq_area .list {display: flex; flex-direction: column; gap: 25px;}
.faq_area .list .item {background-color: #1D222B; border-radius: 20px;}
.faq_area .list .item .question {display: flex; padding: 20px; align-items: center; gap: 7px; cursor: pointer;}
.faq_area .list .item .question i.icon-question {color: rgba(255,255,255,.5); font-size: 20px; transition: all .2s;}
.faq_area .list .item .question .title {font-weight: 500; font-size: 14px;}
.faq_area .list .item .question i.icon-arrow2-up {margin-right: auto;  color: rgba(255,255,255,.5);; transition: all .2s; transform: rotate(180deg); height: 16px;}
.faq_area .list .item .question:hover i.icon-arrow2-up {color: #fff;}
.faq_area .list .item .question.is-open i.icon-arrow2-up {transform: rotate(0deg);}
.faq_area .list .item .question:hover i.icon-question {color: #fff;}
.faq_area .list .item .question.is-open {border-bottom: 1px solid rgba(255,255,255,.05);}
.faq_area .list .item .answer {margin-top: 15px;padding: 0 20px 20px 20px; color: #c6c6c6; line-height: 25px; display: none;}

.profile-top {display: flex; gap: 30px; padding: 50px 0; align-items: center;}
.profile-top .right-side {width: 150px;}
.profile-top .right-side img {width: 150px; height: 150px;}
.profile-top .left-side {flex: 1;}
.profile-top .title {margin-bottom: 10px;}
.profile-top .details {display: flex; justify-content: space-between;}
.profile-top .details .list {display: flex; flex-direction: column; gap: 10px; color: #CACACA;}
.profile-top .details .list .item {display: flex;}
.profile-top .details .list .item .label {width: 100px;}
.profile-top .details .tags {display: flex; flex-direction: column; gap: 10px;}
.profile-top .details .tags .item {display: flex; align-items: center; flex-direction: row-reverse; gap: 6px;}
.profile-top .details .tags .item i {color: #ff437e; font-size: 18px;}
@media (max-width:600px){
  .profile-top{align-items: start;}
  .profile-top .details {flex-direction: column;}
  .profile-top .details .tags .item {flex-direction: row;}
  .profile-top .details .tags {margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255, .2);}
}
@media (max-width:500px){
  .profile-top {flex-direction: column; align-items: center;}
  .profile-top .left-side {width: 100%;}
  .profile-top .title {text-align: center;}
  .profile-top .details .list .item {justify-content: space-between;}
  .profile-top .details .tags .item{justify-content: center;}
  .profile-top .details .list .item .label {width: auto;}
  .profile-page .single-tabs .abasi_org {margin: 0;}
  .profile-page .single-tabs .tabs {width: 100%;}
  .profile-page .single-tabs .tabs .item {flex: 1; justify-content: center; padding: 0;}
}
@media (max-width:400px){
  .profile-page .single-tabs .tabs .item .ico-area {display: none;}
}

.qr_request_login_message {display: flex; flex-direction: column; align-items: center; padding: 50px 20px; gap: 20px; text-align: center;}
.qr_request_login_message svg {width: 180px; height: 180px; margin-bottom: 15px;}
.qr_request_login_message .text {line-height: 25px;}

.exit_message {margin: 50px auto 20px auto; width: 100%; text-align: center; max-width: 500px; display: flex; flex-direction: column; align-items: center; background-color: rgba(255,255,255,.1); padding: 40px 30px; border-radius: 25px; gap: 25px;}
.exit_message .text {line-height: 25px; text-align: center;}
.exit_message .title {font-size: 26px; font-weight: 700;}

.pop-trans-free .message {line-height: 27px; margin-bottom: 20px;}
.pop-trans-free .btns-area {display: flex; flex-wrap: wrap; gap: 15px;}
.pop-trans-free .btns-area .btn {background-color: #FF437E; color: #fff; cursor: pointer; border: none; height: 40px; display: flex;justify-content: center; align-items: center; padding: 0 15px; border-radius: 15px;}
.pop-trans-free .btns-area .btn:hover {background-color: #EC3E74;}

.affiliate-code {display: flex; flex-direction: column; gap: 30px; max-width: 600px; margin: 0 auto;}
.affiliate-code .message {border-radius: 20px; padding: 20px; background-color: #10141A; text-align: center; color: #e1e1e1; line-height: 25px;}
.affiliate-code table {background-color: #10141A; width: 100%; border-radius: 20px;}
.affiliate-code table th {padding: 20px 10px; text-align: center; font-style: italic; color: rgba(255,255,255,.5);}
.affiliate-code table td {padding: 18px 10px; text-align: center;}
.affiliate-code table tr:last-child td {border-bottom: none;}
.affiliate-code table tr:nth-child(2n+1) td {background-color: rgba(255,255,255,.03);}
.affiliate-code table tr td:last-child {color: #83c61c;}
.affiliate-code .form {width: 100%; background-color: #10141A; border-radius: 20px; padding: 30px 45px; display: flex; flex-direction: column; gap: 30px;}
.affiliate-code .form .item {display: flex; flex-wrap: wrap; flex-direction: row; gap: 10px;}
.affiliate-code .form .item .label {width: 100%;}
.affiliate-code .form .item input {flex: 1; background-color: #212A39; border: none; color: #fff; padding: 15px; border-radius: 15px;}
.affiliate-code .form .item button {width: 50px; padding: 0; margin: 0; background-color: #FF437E; color: #fff; border: none; border-radius: 10px; cursor: pointer; transition: all .2s;}
.affiliate-code .form .item button:hover {background-color: #FF437E;}

.playseries {margin-bottom: 40px;}
.playseries .back {border-bottom: 1px solid #292929; padding-bottom: 15px; margin-bottom: 25px;}
.playseries .back a {display: inline-flex; align-items: center; color: rgba(255,255,255,.8);}
.playseries .back a span {background-color: #161D26; width: 30px; display: inline-flex; height: 30px; justify-content: center; align-items: center; font-size: 10px; border-radius: 12px; transform: rotate(180deg); margin-left: 10px; transition: all .2s;}
.playseries .back a:hover {color: #fff;}
.playseries .back a:hover span {background-color: #1E2631;}
.playseries .title {margin-bottom: 40px; font-size: 18px; font-weight: 700;}
.playseries .content {display: flex; gap: 35px; align-items: start;}
.playseries .sidebar {width: 300px; background-color: #1F222A; border-radius: 20px; margin-top: 44px; }
.playseries .sidebar .header {display: flex; align-items: center; justify-content: space-between; padding: 30px 30px 30px 30px;}
.playseries .sidebar .header .text {display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 500;}
.playseries .sidebar .header .text i {font-size: 22px;}
.playseries .sidebar .header .arrow {width: 35px; height: 35px; border-radius: 20px; transition: all .2s; background-color: #161D26; display: none; justify-content: center; align-items: center; font-size: 10px; transform: rotate(90deg);}
.playseries.show-episodes .sidebar .header .arrow i {transform: rotate(180deg);}
.playseries .sidebar .list {display: flex; flex-direction: column; gap: 15px; margin: 0 25px 30px 25px;}
.playseries .sidebar .list .item {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #35383F; cursor: pointer; padding: 13px 15px;}
.playseries .sidebar .list .item .label {font-size: 14px; font-weight: 700; align-items: center; display: inline-flex;}
.playseries .sidebar .list .item .label:before {content: ""; width: 13px; height: 4px; background-color: #FF437E; display: inline-flex; margin-left: 10px; border-radius: 3px;}
.playseries .sidebar .list .item .count {font-size: 11px; color: #E0E0E0;}
.playseries .sidebar .list .item:hover,
  .playseries .sidebar .list .item.active {background-color: #30343D; border-radius: 10px; border-bottom-color: transparent;}
.playseries .episodes {flex: 1;}
.playseries .episodes .season-title {font-size: 17px; font-weight: 700; margin-bottom: 20px;}
.playseries .episodes .list {display: grid; grid-gap: 25px; grid-template-columns: repeat(4, minmax(0, 1fr));}
.playseries .episodes .list .item {background-color: #10141A; display: flex; align-items: center; padding: 15px; border-radius: 15px; gap: 15px; transition: all .2s;}
.playseries .episodes .list .item .poster {width: 80px; height: 70px; border-radius: 20px; background-position: center; background-size: cover;}
.playseries .episodes .list .item .text {font-weight: 500;}
.playseries .episodes .list .item.see {opacity: .7;}
.playseries .episodes .list .item.see .poster {position: relative; filter: grayscale(100%);}
.playseries .episodes .list .item.see .poster::before {content: "\e036"; position: absolute; left: 0; right: 0; bottom: 0; top: 0; display: flex; justify-content: center; align-items: center; font-family: "Iconly" !important; font-size: 27px; color: #fff;}
.playseries .episodes .list .item:hover {background-color: #1F222A;}
@media (max-width:1250px){
  .playseries .episodes .list {grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (max-width:1046px){
  .playseries {margin-bottom: 100px;}
  .playseries .sidebar {position: fixed; left: 0; right: 0; width: 100%; border-radius: 20px 20px 0 0; bottom: 0; margin-top: 0;}
  .playseries:not(.show-episodes) .sidebar .list {display: none;}
  .playseries:not(.show-episodes) .sidebar .header {margin-bottom: 0;}
  .playseries .sidebar .header{padding: 20px 25px; cursor: pointer;}
  .playseries .sidebar .header .arrow{display: inline-flex}
  .playseries .sidebar .header:hover .arrow {background-color: #212B37;}
  .playseries.show-episodes .sidebar {max-height: 100%; overflow-y: scroll; border-radius: 0;}
}
@media (max-width:700px){
  .playseries .episodes .list {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width:450px){
  .playseries .episodes .list {grid-template-columns: repeat(1, minmax(0, 1fr));}
}

.pop-forget-message {padding: 10px 0; display: flex; flex-direction: column; align-items: center; gap: 10px;}
.pop-forget-message .title {color: #5CD061; font-size: 20px; text-align: center; margin-bottom: 17px;}
.pop-forget-message .user-is {width: 100%;}
.pop-forget-message .user-is strong {background-color: #ff437e; padding: 3px 5px 2px 5px; border-radius: 4px; margin-right: 3px;}
.pop-forget-message .text {margin-bottom: 15px; line-height: 20px;}
.pop-forget-message .button {background-color: #FF437E; height: 40px; border-radius: 11px; display: flex; justify-content: center; align-items: center; padding: 0 20px; transition: all 0.1s;}
.pop-forget-message .button:hover {box-shadow: 0 0 0 20px rgba(0,0,0,.1) inset;}

.forget-timer {margin: -20px 0 20px 0; color: rgba(255,255,255,.7);}