/*  
Theme Name: The GolchinDl
Theme URI: https://golchindls.ir/
Version: 1.2
*/

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

@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;}
@media (max-width:1455px){
  .abasi_org{margin-right: 15px; margin-left: 15px;}
}
.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}
.align-center {align-items: center !important;}
.no-row {display: flex; justify-content: center; align-items: center; padding: 25px 15px; color: #c0c0c0; text-align: center;}

.w-100 {width: 100% !important;}

.button {height: 40px; color: #fff; display: inline-flex; background-color: #0950CD; border: none; padding: 0 25px; border-radius: 25px; transition: all .2s; gap: 7px; align-items: center; justify-content: center; cursor: pointer;}
.button.red {background-color: #b32222;}
.button.black {background-color: #22262C;}
.button.black:hover{background-color: #0950CD;}
.button.green{background-color: #4caf50;}
.button i {font-size: 16px;}
.button:hover {box-shadow: 0 0 0 40px rgba(0,0,0,.1) inset;}
.button.big {height: 50px; font-size: 15px; padding: 0 30px;}
.button.big i {font-size: 20px;}
.button.big i.icon-arrow3 {font-size: 15px;}
.button.has-icon {position: relative;}
.button.has-icon i {position: absolute; left: 20px;}
.button.min {height: 30px; font-size: 12px; padding: 0 13px;}

.text-line-color {border: 1px solid #fff; padding: 10px 13px; display: inline-flex; border-radius: 13px;}
.text-line-color.yellow {color: #EFB84E; border-color: #EFB84E;}
.text-line-color.green {color: #34C36D; border-color: #34C36D;}
.text-line-color.red {color: #ED6167; border-color: #ED6167;}

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

.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: #0950CD;}
.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;}
}

.icon-imdb.imdb {background-color: #F5C518; color: #000; font-size: 44px; height: 30px; padding: 0 7px; border-radius: 4px; display: inline-flex; position: relative; width: 59px;}
.icon-imdb.imdb:before {position: absolute; top: -20px;}
.icon-imdb.imdb.min {font-size: 21px; width: 32px; height: 18px;}
.icon-imdb.imdb.min:before {margin: 13px 0 0 -2px;}

.icon-arrow.arrow-left {transform: rotate(90deg);}
.icon-arrow.arrow-right {transform: rotate(-90deg);}
.icon-arrows2.arrow-left {transform: rotate(-90deg);}

.menu-side {background-color: transparent; cursor: pointer; border: none; color: #fff; height: 100%; font-size: 20px; display: none; justify-content: center; align-items: center; position: absolute; right: 0; width: 70px;}
@media (max-width:1046px){
  .menu-side{display: flex;}
}

header.site-header {height: 72px; display: flex; align-items: center; padding: 10px; position: relative; z-index: 3; background-color: #030303;}
header.site-header .logo-area {display: flex; height: 100%; align-items: center;}
header.site-header .logo-area a {display: flex; border-left: 1px solid rgba(255,255,255,.2); margin-left: 20px; padding-left: 20px;}
header.site-header .logo-area a img {width: 181px; height: 28px; min-width: 181px;}
@media (max-width:1046px){
  header.site-header{justify-content: center;}
  header.site-header .logo-area a {border-left: none; margin-left: 0; padding-left: 0;}
}
@media (max-width:700px){
  header.site-header .logo-area {overflow: hidden; width: 38px;}
  header.site-header .logo-area a img {width: 140px; height: 21px; max-width: unset; min-width: unset;}
}

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-cats {font-size: 20px; margin-left: 7px;}
header.site-header .top-menu .item .a i.icon-arrow {font-size: 20px; margin-right: 3px;}
header.site-header .top-menu .item .a:hover {opacity: 1;}
@media (max-width:1046px){
  header.site-header .top-menu{display: none;}
}

header.site-header .left-side {margin-right: 200px; display: flex; flex: 1; justify-content: end;}
@media (max-width:1450px){
  header.site-header .left-side{margin-right: 0;}
}
@media (max-width:1046px){
  header.site-header .left-side {flex: unset; position: absolute; left: 15px;}
}

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;}
@media (max-width:1260px){
  header.site-header .buy-subscription{display: none;}
}

header.site-header .big-loggin {display: flex; align-items: center;}

.search-area {margin-left: auto; position: relative;}
.search-area form {display: flex; align-items: center; backdrop-filter: blur(5px); background-color: rgba(0,0,0,0.1); border-radius: 20px; transition: all 0.3s; border: 1px solid rgba(255,255,255,.2); height: 45px;}
.search-area form i.close {font-size: 20px; cursor: pointer; width: 50px; height: 45px; display: none; justify-content: center; align-items: center;}
.search-area form button.submit {transition: all .2s; border-radius: 15px; background-color: transparent; border: none; color: #fff; font-size: 19px; width: 50px; height: 45px; padding: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; visibility: visible; opacity: 1;}
.search-area form input {border: none; background-color: transparent; color: #fff; width: 300px; height: 45px;}
.search-area form .advanced-search {height: 45px; display: flex; justify-content: center; align-items: center; padding: 0 0 0 7px; cursor: pointer;}
.search-area form .advanced-search i {background-color: #F5AD11; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; font-size: 23px; border-radius: 20px; transition: all .2s;}
.search-area form .advanced-search:hover i { box-shadow: 0 0 0 40px rgba(0,0,0,.1) inset;}
.search-area form.have i.close{display: flex;}
.search-area form.have button.submit{display: none;}
@media (max-width:1450px){
  .search-area {margin-left: 15px;}
  body.phone-search-show .menu-side,
  body.phone-search-show .logo-area,
  body.phone-search-show .user-menu {display: none;}
  body.phone-search-show .search-area {display: flex; margin-left: 0; width: 100%;}
  body.phone-search-show .left-side {right: 15px;}
  body.phone-search-show .search-area form {width: 100%;}
  body.phone-search-show .search-area form button.submit{display: none;}
  body.phone-search-show .search-area form input {width: 100%;}
  body.phone-search-show .search-area form i.close {display: flex;}
}
@media (max-width:1260px){
  .search-area form input{width: 180px;}
}
@media (max-width:1046px){
  .search-area{display: none;}
}

.ajax_search_results {position: absolute; background-color: #121720; right: -100px; top: 50px; left: -100px; border-radius: 20px; opacity: 0; transition: all 0.2s; visibility: hidden;}
.ajax_search_results.is_loading,
  .ajax_search_results.is_results {opacity: 1; top: 70px; visibility: visible;}
.ajax_search_results .loading {display: none; justify-content: center; align-items: center; margin: 20px 0;}
.ajax_search_results.is_loading .loading{display: flex;}
.ajax_search_results .loading svg {width: 60px;}
.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: calc(50% - 10px);}
.ajax_search_results .res .list-results {display: flex; gap: 7px; padding: 0 15px 20px 15px;}
.ajax_search_results .res .list-results .item-movie {max-width: 25%; min-width: 0;}
.ajax_search_results .res .list-results .item-movie .title {font-size: 12px;}
.ajax_search_results:not(.is_results) .res,
  body:not(.show-search) .ajax_search_results {display: none;}
@media (max-width:1450px){
  .ajax_search_results {right: 0; left: 0;}
}
@media (max-width:420px){
  .ajax_search_results .res .list-results {flex-wrap: wrap; gap: 20px;}
  .ajax_search_results .res .list-results .item-movie {max-width: calc(50% - 10px);}
}

.header-search-ajax {display: flex; margin: 22px 20px 30px 20px; gap: 13px;}
.header-search-ajax .text {flex: 1; align-items: center; display: flex;}
.header-search-ajax .text strong {border-bottom: 1px dashed rgba(255,255,255,.6); margin-right: 5px;}
.header-search-ajax .more {margin-right: auto;}
.header-search-ajax .more a {font-size: 12px; font-weight: 400; padding: 0 11px; border-radius: 10px; gap: 3px;}
.header-search-ajax .more a i {font-size: 10px; margin-right: 6px;}

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

.category-menu {position: relative;}
.category-menu .submenu {position: absolute; background-color: #10141A; border-radius: 20px; transition: all 0.2s; top: 70%; visibility: hidden; opacity: 0; z-index: 3; display: flex;}
.category-menu .submenu .tabs {display: flex; font-size: 16px;flex-direction: column;border-left: 1px solid rgba(255,255,255,.1);padding: 30px 0;}
.category-menu .submenu .tabs .cat {cursor: pointer; display: flex; align-items: center; padding: 16px 0 16px 30px; }
.category-menu .submenu .tabs .cat i {font-size: 22px; margin-left: 10px;padding: 10px 20px 10px 15px;border-radius: 20px 0 0 20px;}
.category-menu .submenu .tabs .cat.active i {background-color: #0850CD;}
.category-menu .submenu .tab-contents {margin: 30px 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 .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: #4C8DFF;}
.category-menu:hover .submenu {opacity: 1; visibility: visible; top: 100%;}
@media (max-width:1400px){
  .category-menu .submenu .tab-contents {width: 750px;}  
  .category-menu .submenu .tab-contents .content .inner-links {grid-template-columns: repeat(5,minmax(0,1fr));}
}
@media (max-width:1150px){
  .category-menu .submenu .tab-contents {width: 650px;}  
  .category-menu .submenu .tab-contents .content .inner-links {grid-template-columns: repeat(4,minmax(0,1fr));}
}

.cover-item {position: relative; border-radius: 13px; overflow: hidden; aspect-ratio: 200 / 290;}
.cover-item .cover-image {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center;}
.cover-item .cover-tag {position: absolute; left: -3px; top: 0; min-width: 40px; height: 30px; background-color: #030303; border-bottom-right-radius: 13px; display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 12px; padding: 0 10px;}
.cover-item .cover-tag::before,
.cover-item .cover-tag::after {content: ""; position: absolute; background: transparent; width: 20px; height: 20px; box-shadow: -5px -5px 0 5px #030303;}
.cover-item .cover-tag::before {right: -20px; top: 0; border-top-left-radius: 13px;}
.cover-item .cover-tag::after {bottom: -20px; left: 3px; border-top-left-radius: 13px;}

.big-imdb-rate strong {font-size: 50px; font-weight: 800; margin-left: 10px;}
.big-imdb-rate .ten {font-size: 25px; font-weight: 500;}

.slider-main {margin-bottom: 60px;}
.slider-main #slider_main {margin-top: -150px;}
.slider-main .current {overflow: hidden; height: 700px; background-size: cover; position: relative; background-position: center; background-color: #030303; display: flex; flex-direction: column; justify-content: end;}
.slider-main .current::after {content: ""; position: absolute; right: 0; bottom: 0; left: 0;top: 0; background: linear-gradient(180deg,#00000030 0%,#00000054 30%,#00000073 104%); z-index: 1;}
.slider-main .current .list {margin-bottom: 200px; width: 100%; position: relative; z-index: 2; padding-right: 80px;}
.slider-main .current .list .slide-text {visibility: hidden; display: flex; flex-direction: column; opacity: 0; transition: all .3s; position: absolute; bottom: -30px;}
.slider-main .current .list .slide-text.active {visibility: visible; opacity: 1; bottom: 0;}
.slider-main .current .list .slide-text .title {font-size: 40px;}
.slider-main .current .list .slide-text .title a {color: #fff;}
.slider-main .current .list .slide-text .line {display: inline-flex; background-color: #F5AD11; height: 2px; width: 70px; margin: 0 0 15px 0; border-radius: 10px;}
.slider-main .current .list .slide-text .plot {color: #F9F9F9; opacity: .9; max-width: 850px; line-height: 25px; max-height: 50px; overflow: hidden; margin: 0 0 20px 10px;}
.slider-main .current .list .slide-text .foot-details {display: flex; align-items: center; gap: 20px; margin-bottom: 20px; font-weight: bold;}
.slider-main .current .list .slide-text .foot-details .item {display: flex; align-items: center; gap: 5px;}
.slider-main .current .list .slide-text .foot-details .item i {font-size: 20px;}
.slider-main .current .list .slide-text .more {display: flex; gap: 20px;}
.slider-main .current .list .slide-text .more .mark {background-color: #030303; width: 50px; height: 50px; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; font-size: 18px; color: #E5E5E5; cursor: pointer;}
@media (max-width:1046px){
  .slider-main .current{height: 580px;}
  .slider-main .current .list .slide-text {right: 20px; width: calc(100% - 50px);}
}
@media (max-width:800px){
  .slider-main .current .list .slide-text .plot{display: none;}
}
@media (max-width:700px){
  .slider-main .current{height: 500px;}
  .slider-main .current .list .slide-text .title{font-size: 30px;}
  .slider-main .big-imdb-rate strong{font-size: 40px;}
  .slider-main .big-imdb-rate i.icon-imdb.imdb {font-size: 35px; height: 20px; width: 50px;}
  .slider-main .current .list .slide-text .more{display: none;}
}
@media (max-width:420px){
  .slider-main .current .list .slide-text .foot-details {gap: 9px;}
  .slider-main .current .list .slide-text .foot-details .item i {font-size: 14px;}
  .slider-main .current .list .slide-text .foot-details .item {font-size: 11px;}
  .slider-main .current .list .slide-text {right: 10px; width: calc(100% - 40px);}
  .slider-main .current .list .slide-text .plot{margin-left: 0;}
}

.slider-main .swiper-slide {padding-top: 30px; max-width: 200px; cursor: pointer; transition: all .2s;}
/* .slider-main .swiper-slide:hover {filter: grayscale(0);} */
.slider-main .swiper-slide-active {padding-top: 0; /* filter: none; */}

.slider-main .current .pagination {position: absolute; z-index: 2; left: 20px; top: 0; display: flex; flex-direction: column; gap: 5px; bottom: 150px; align-items: center; justify-content: center;}
.slider-main .current .pagination .swiper-pagination-bullet {background-color: #D9D9D933; width: 10px; height: 10px; opacity: 1; border-radius: 10px; transition: all .3s;}
.slider-main .current .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #fff; height: 20px;}
@media (max-width:1046px){
  .slider-main .current .pagination{display: none;}
}

.row-home {margin-bottom: 70px; z-index: 2;}
.row-home.type-series .list {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px;}
@media (max-width:1046px){
  .row-home.type-series .list {grid-template-columns: repeat(3, 1fr);} 
  .row-home.type-series .list .item-series:nth-child(10),
  .row-home.type-series .list .item-series:nth-child(11),
  .row-home.type-series .list .item-series:nth-child(12) {display: none;}
}
@media (max-width:800px){
  .row-home.type-series .list {display: flex; gap: 20px; white-space: nowrap; overflow-y: auto; margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px; padding-bottom: 15px;}
  .row-home.type-series .list .item-series a {width: 250px;}
  .row-home.type-series .list .item-series:nth-child(10),
  .row-home.type-series .list .item-series:nth-child(11),
  .row-home.type-series .list .item-series:nth-child(12) {display: block;}
}

.header-home-row {display: flex; margin-bottom: 20px; align-items: center;}
.header-home-row .title {display: flex; align-items: center;}
.header-home-row .title .text {font-size: 18px; font-weight: 600; margin-left: 20px;}
@media (max-width:550px){
  .header-home-row .title .text {font-size: 16px; margin-left: 15px;}
}
@media (max-width:350px){
  .header-home-row .title .text {font-size: 13px; margin-left: 10px;}
}

.header-home-row .title .tabs {border: 1px solid rgba(255,255,255,.15); padding: 7px; border-radius: 20px;}
.header-home-row .title .tabs button {color: #CDCDCD; background-color: transparent; border: none; width: 60px; cursor: pointer;}
.header-home-row .title .tabs button.active {background-color: #0850CD; color: #fff; border-radius: 15px; padding: 5px 0; font-size: 12px;}
.header-home-row .title .tabs button:not(.active):hover {color: #fff;}
@media (max-width:550px){
  .header-home-row .title .tabs {padding: 0; font-size: 0;}
  .header-home-row .title .tabs button,
  .header-home-row .title .tabs button.active {width: auto; padding: 5px 10px; font-size: 11px;}
}

.header-home-row .more {margin-right: auto;}
.header-home-row .more a {border: 1px solid #2D303D; display: flex; align-items: center; gap: 3px; height: 44px; border-radius: 20px; padding: 0 16px 0 13px; transition: all .2s;}
.header-home-row .more a i {font-size: 20px;}
.header-home-row .more a:hover {background-color: rgba(255,255,255,.1);}
@media (max-width:550px){
  .header-home-row .more a {border: none; margin-left: -15px; font-size: 12px; padding-right: 0; gap: 2px;}
  .header-home-row .more a i {font-size: 18px;}
}

.header-home-row .more-right{margin-right: 30px;}
.header-home-row .more-right a {color: rgba(255,255,255,.8); display: flex; align-items: center; gap: 5px; padding-top: 3px;}
.header-home-row .more-right a i {font-size: 20px; margin-top: -2px;}
.header-home-row .more-right a:hover {color: #fff;}
.header-home-row .navigation {margin-right: auto; display: flex; border: 1px solid #2D303D; border-radius: 20px; overflow: hidden;}
.header-home-row .navigation button {background-color: transparent; border: none; color: #fff; padding: 4px 0 0 0; margin: 0; height: 40px; width: 45px; font-size: 20px; cursor: pointer; transition: all .2s;}
.header-home-row .navigation button.swiper-button-disabled {color: rgba(255,255,255,.5); cursor: default;}
.header-home-row .navigation button:first-child {border-left: 1px solid #2D303D;}
.header-home-row .navigation button:not(.swiper-button-disabled):hover {background-color: rgba(255,255,255,.1);}

.item-tags{background-color: #14182180; border-radius: 15px; display: flex; align-items: center; gap: 7px; padding: 6px;}

.item-imdb {display: flex; align-items: center; direction: ltr; font-weight: bold;}
.item-imdb i {margin-right: 5px;}

.item-genre {display: flex; justify-content: center; gap: 3px; flex-wrap: wrap;}
.item-genre span {background-color: #03030375; padding: 5px 9px; border-radius: 6px; font-size: 10px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.item-series a {aspect-ratio: 365 / 230; background-size: cover; background-position: center; display: flex; border-radius: 3px; position: relative;}
.item-series a .hover {opacity: 0; transition: all .2s; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: inherit; background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.9) 70%); padding: 15px; display: flex; flex-direction: column;}
.item-series a .item-tags {position: absolute; left: 10px; top: 10px; transition: all .2s;}
.item-series a .update {position: absolute; left: 15px; bottom: 15px; right: 15px; display: flex; align-items: center; justify-content: center;}
.item-series a .update span {background-color: #14182180; font-size: 12px; padding: 5px 8px; border-radius: 15px;}
.item-series a:hover .item-tags, .item-series a:hover .update {opacity: 0;}
.item-series a:hover .hover {opacity: 1;}
.item-series a .hover .item-imdb {margin-bottom: 25px;}
.item-series a .hover .title {text-align: center; font-size: 19px; margin-bottom: 7px; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; direction: ltr;}
.item-series a .hover .item-genre {margin: 0 0 7px 0;}
.item-series a .hover .plot {text-align: center; flex: 1; display: flex; line-height: 22px; max-height: 66px; overflow: hidden; color: rgba(255,255,255,.8); font-size: 12px;}
@media (max-width:1045px){
  .item-series a .hover .plot {display: none;}
}

.swiper-scrollbar-drag {background: rgba(255,255,255,.3);}
.row-home.type-popular .swiper-slide {width: 260px; margin-bottom: 20px;}
.row-home.type-popular .swiper-slide:not(:last-child) {margin-left: 15px;}
.row-home.type-popular .swiper-slide .item-movie {width: 100%; min-width: 100%;}
@media (max-width:700px){
  .row-home.type-popular .swiper-slide {width: 200px;}
}
/* .row-home.type-popular .list {display: flex; gap: 20px; white-space: nowrap; overflow-y: auto; margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px; padding-bottom: 15px;}
@media (max-width:700px){
  .row-home.type-popular .list .item-movie {width: 200px; min-width: 200px;}
  .row-home.type-popular .list{gap: 15px;}
  .row-home.type-popular .list .item-movie {width: 170px; min-width: 170px;}
} */

.item-movie {width: 230px; min-width: 230px; position: relative;}
.item-movie a {display: flex; flex-direction: column;}
.item-movie a .poster {aspect-ratio: 230 / 330; background-size: cover; background-position: center; border-radius: 13px; position: relative; margin-bottom: 15px;}
.item-movie a .poster .tag-area {position: absolute; left: 0; bottom: 20px; right: 0; display: flex; align-items: center; justify-content: center; transition: all .2s;}
.item-movie a:hover .poster .tag-area {opacity: 0;}
.item-movie a .poster .hover {opacity: 0; transition: all .2s; position: absolute; right: 0; top: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.6); padding: 30px 20px 20px 20px;}
.item-movie a:hover .poster .hover {opacity: 1;}
.item-movie a .poster .hover .plot {font-size: 12px; display: flex; margin-bottom: 30px; white-space: wrap; text-align: center; line-height: 22px; max-height: 110px; overflow: hidden;}
.item-movie a .item-imdb {margin: 0 auto 10px auto;}
.item-movie a .title {text-align: center; font-weight: 400; overflow: hidden; direction: ltr; text-overflow: ellipsis;}
.item-movie .remove-mark {position: absolute; width: 40px; height: 40px; top: -10px; left: -10px; 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 {background-color: #FF437E; color: #fff;}
.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;}

.row-home.type-imdb .swiper-slide {width: 330px; margin-bottom: 30px;}
.row-home.type-imdb .swiper-slide .item-post-imdb {width: calc(100% - 15px);}
@media (max-width:700px){
  .row-home.type-imdb .item-post-imdb a .num {width: 40px; min-width: 40px; font-size: 30px;}
}
/* .row-home.type-imdb .list {display: flex; gap: 30px; white-space: nowrap; overflow-y: auto; margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px; padding-bottom: 15px;}
@media (max-width:700px){
  .row-home.type-imdb .list .item-post-imdb a .num {width: 40px;font-size: 30px;}
} */

.item-post-imdb a {display: flex;}
.item-post-imdb a .num {font-size: 40px; font-weight: 600; display: flex; justify-content: center; align-items: center; width: 60px; min-width: 60px;}
.item-post-imdb a .poster {width: 90px; min-width: 90px; background-size: cover; background-position: center; border-radius: 13px; aspect-ratio: 200 / 290;}
.item-post-imdb a .text {margin-right: 15px; display: flex; flex-direction: column; align-items: start; justify-content: space-around;}
.item-post-imdb a .text .year {color: #D1D8DD; border: 1px solid #29282F; display: inline-flex; padding: 4px 6px 1px 7px; border-radius: 4px;}
.item-post-imdb a .text .title {font-weight: 500;}
.item-post-imdb a .text .genre-area {display: flex; color: #78828A; flex-direction: row-reverse;}
.item-post-imdb a .text .genre-area .item-genre {font-size: 11px; gap: 7px; display: flex; justify-content: start;}
.item-post-imdb a .text .genre-area .item-genre span {padding: 0; background-color: transparent; border-radius: 0;}
.item-post-imdb a .text .genre-area i.icon-film {font-size: 16px; margin: 1px 0 0 4px;}
.item-post-imdb a .text .imdb-area {display: flex; align-items: center; gap: 4px; font-size: 14px; font-weight: 500;}
.item-post-imdb a .text .imdb-area i {color: #F5AD11; font-size: 16px; margin: -2px 0 0 0;}

.item-post-genre {width: 100%;}
.item-post-genre a {display: flex; flex-direction: column; gap: 15px;}
.item-post-genre a .name {color: #C1C7CE; font-size: 16px; font-weight: 600; border: 1px solid #29282F; text-align: center; border-radius: 10px; padding: 10px 0; transition: all .2s;}
.item-post-genre a:hover .name {background-color: #0950CD; color: #fff; border-color: #0950CD;}

.row-home.type-genre .swiper-slide {width: 200px; margin-bottom: 25px;}
.row-home.type-genre .swiper-slide:not(:last-child) {margin-left: 15px;}
.row-home.type-genre .swiper-slide:nth-child(odd) .item-post-genre a {flex-direction: column-reverse;}
@media (max-width:1046px){
  .row-home.type-genre .swiper-slide {width: 160px; min-width: 160px;}
  .row-home.type-genre .item-post-genre a .name {font-size: 13px;}
}
@media (max-width:700px){
  .row-home.type-genre .item-post-genre a {flex-direction: column-reverse;}
}
@media (max-width:600px){
  .row-home.type-genre .swiper-slide {width: 140px; min-width: 140px;}
  .row-home.type-genre .item-post-genre a .name {font-size: 12px;}
}
@media (max-width:420px){
  .row-home.type-genre .swiper-slide {width: 120px; min-width: 120px;}
  .row-home.type-genre .item-post-genre a .name {padding: 7px 0;}
}
/* .row-home.type-genre .list {display: flex; gap: 30px; white-space: nowrap; overflow-y: auto; margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px; padding-bottom: 15px;}
.row-home.type-genre .list .item-post-genre:nth-child(odd) a {flex-direction: column-reverse;}
@media (max-width:1046px){
  .row-home.type-genre .list .item-post-genre {width: 160px; min-width: 160px;}
  .row-home.type-genre .list .item-post-genre a .name {font-size: 13px;}
}
@media (max-width:700px){
  .row-home.type-genre .list .item-post-genre a {flex-direction: column-reverse;}
}
@media (max-width:600px){
  .row-home.type-genre .list .item-post-genre {width: 140px; min-width: 140px;}
  .row-home.type-genre .list .item-post-genre a .name {font-size: 12px;}
}
@media (max-width:420px){
  .row-home.type-genre .list .item-post-genre {width: 120px; min-width: 120px;}
  .row-home.type-genre .list .item-post-genre a .name {padding: 7px 0;}
} */

.row-home.type-view .list {display: grid; grid-gap: 20px; grid-template-columns: repeat(3, 1fr);}
@media (max-width:1145px){
  .row-home.type-view .list {display: flex; gap: 20px; white-space: nowrap; overflow-y: auto; margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px; padding-bottom: 15px;}
}
@media (max-width:900px){
  .row-home.type-view .list .item-view {width: 300px; min-width: 300px;}
  .row-home.type-view .list .item-view a .text .title {white-space: normal; font-size: 14px; line-height: 20px; height: 20px; overflow: hidden;}
  .row-home.type-view .list .item-view a .text .continue {height: 40px; font-size: 12px; padding: 0 15px;}
  .row-home.type-view .list .item-view a .text .continue i {font-size: 18px;}
  .row-home.type-view .list .item-view .poster {aspect-ratio: unset; width: 100px; height: 100px;}
  .row-home.type-view .list .item-view .poster .time {font-size: 13px;}
}

.item-view a {display: flex; background-color: #151820; border-radius: 13px; padding: 13px; gap: 20px;}
.item-view a .poster {aspect-ratio: 150 / 150; width: 150px; border-radius: 13px; display: flex; align-items: center; justify-content: center;}
.item-view a .poster .time {display: flex; align-items: center; gap: 7px; background-color: #14182180; border-radius: 16px; padding: 4px 8px; font-size: 15px;}
.item-view a .text {flex: 1; display: flex; flex-direction: column; justify-content: space-around; align-items: start;}
.item-view a .text .title {font-size: 16px; font-weight: 500;}
.item-view a .text .continue {background-color: #2D303D; height: 42px; display: flex; align-items: center; justify-content: center; padding: 0 20px; border-radius: 40px; gap: 6px; transition: all .2s;}
.item-view a .text .continue i {font-size: 20px; margin: -4px 0 0 0;}
.item-view a:hover .text .continue {background-color: #0950cd;}

.item-slider-single {display: flex; position: relative; gap: 30px; background-size: cover; background-position: center;}
.item-slider-single::before {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.85); z-index: 1;}
.item-slider-single .poster {aspect-ratio: 600 / 470; width: 40%; background-size: cover; background-position: center; z-index: 2; min-width: 40%; position: relative;}
.item-slider-single .poster:before {content: ""; position: absolute; width: 25px; height: 100%; background-color: #030303; left: calc(33% - 13px);}
.item-slider-single .poster::after {content: ""; position: absolute; left: calc(66% + 13px); background-color: #030303; height: 100%; width: 25px;}
.item-slider-single .text {z-index: 2; display: flex; flex-direction: column; justify-content: center;}
.item-slider-single .text .line {width: 120px; height: 2px; margin-bottom: 10px; background-color: rgba(255,255,255,.15);}
.item-slider-single .text .title-small {font-size: 20px; margin-bottom: 25px; font-weight: 600;}
.item-slider-single .text .title-large {font-size: 40px;}
.item-slider-single .text .plot {line-height: 25px; max-height: 75px; overflow: hidden; margin-bottom: 30px;}
.item-slider-single .text .item-genre {justify-content: start;}
@media (max-width:1045px){
  .item-slider-single .text .title-large {font-size: 30px;}
  .item-slider-single .text .title-small {font-size: 15px; margin-bottom: 20px;}
  .item-slider-single .text .big-imdb-rate .ten {font-size: 15px;}
  .item-slider-single .text .big-imdb-rate strong {font-size: 30px;}
  .item-slider-single .text .big-imdb-rate .icon-imdb.imdb {font-size: 30px; height: 17px; width: 39px; padding: 0 4px 0 0; line-height: 37px;}
}
@media (max-width:800px){
  .item-slider-single .poster {width: 30%; min-width: 30%;}
}
@media (max-width:600px){
  .item-slider-single {flex-direction: column; max-width: 400px; margin: 0 auto; gap: 10px; width: 100%;}
  .item-slider-single .poster {width: 100%;}
  .item-slider-single .text {padding: 0 15px 15px 15px;}
}
@media (max-width:1045px){
  .item-slider-single .text .title-large {font-size: 25px;}
}

/* .row-home.type-slide_single .swiper-container {margin-right: -15px; margin-left: -15px;} */
.row-home.type-slide_single .pagination {margin-top: 25px; display: flex; justify-content: center;}
.row-home.type-slide_single .pagination .swiper-pagination-bullet {width: 11px; height: 11px; background-color: #fff; border-radius: 10px; transition: all .2s;}
.row-home.type-slide_single .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 20px; opacity: .9;}
@media (max-width:600px){
  .row-home.type-slide_single .navigation {display: none;}
  .row-home.type-slide_single .more-right {margin-right: auto;}
}

.home-single-post {display: flex; position: relative; gap: 30px; border-radius: 17px 0 0 17px; overflow: hidden; padding: 20px;}
.home-single-post .cover {position: absolute; left: 0; top: 0; bottom: 0; right: 50%; z-index: 1; background-position: center; background-size: cover;}
.home-single-post .poster {aspect-ratio: 200 / 290; width: 200px; border-radius: 17px; display: flex; justify-content: center; align-items: center; z-index: 3; background-position: center; background-size: cover;}
.home-single-post .poster .play-circle {border: 1px solid rgba(255,255,255,.2); border-radius: 50%; padding: 11px; transition: all .2s;}
.home-single-post .poster .play-circle i {font-size: 20px; width: 65px; height: 65px; background-color: rgba(249, 249, 249, 0.22); display: flex; justify-content: center; align-items: center; border-radius: 50%; padding: 0 0 0 5px; backdrop-filter: blur(0.509373px)blur(0.509373px);}
.home-single-post:hover .poster .play-circle {border-color: rgba(255,255,255,.3); padding: 15px;}
.home-single-post .text {z-index: 3; flex: 1; max-width: 50%; display: flex; flex-direction: column; justify-content: center;}
.home-single-post::before {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 12%; background: linear-gradient(to left, #030303 60%, transparent); z-index: 2;}
.home-single-post .text .imdb-area {font-size: 15px;}
.home-single-post .text .imdb-area .value {font-weight: 500; font-size: 30px;}
.home-single-post .text .title {font-size: 28px; font-weight: 500;}
.home-single-post .text .plot {color: #D6EAFB; line-height: 22px; max-height: 66px; overflow: hidden; margin-bottom: 25px;}
.home-single-post .text .actions {display: flex; gap: 20px; margin-bottom: 20px;}
.home-single-post .text .actions .action-item {display: flex; align-items: center; gap: 7px; font-size: 14px;}
.home-single-post .text .actions .action-item i {font-size: 25px;}
.home-single-post .text .item-genre {justify-content: start; gap: 7px;}
.home-single-post .text .item-genre span {background-color: #1E1D1D; border-radius: 20px; padding: 8px 13px 7px 13px;}
@media (max-width:750px){
  .home-single-post .poster {display: none;}
  .home-single-post .text{max-width: 80%;}
}
@media (max-width:550px){
  .home-single-post .text .title{font-size: 23px;}
  .home-single-post .text .imdb-area .value{font-size: 25px;}
  .home-single-post .cover {right: 20%; opacity: .5;}
  .home-single-post::before {opacity: .7;}
  .home-single-post .text {max-width: 100%;}
  .home-single-post .text {padding-right: 15px; padding-left: 15px;}
  .row-home.type-single_post {margin-right: -15px; margin-left: -15px;}
  .home-single-post{border-radius: 0;}
}

.home-rows {position: relative; overflow: hidden; padding-top: 50px;}
.home-rows:before,
  .home-rows:after {content: ""; background-color: #0850CD; filter: blur(210.6px); position: absolute; width: 400px; height: 600px; opacity: .6;}
.home-rows:before {top: 20%; right: -200px;}
.home-rows:after {bottom: 20%; left: -200px;}
@media (max-width:700px){
  .home-rows::before, .home-rows::after {width: 200px; height: 350px;}
  .home-rows::before {right: -100px;}
  .home-rows::after {left: -100px;}
}
@media (max-width:420px){
  .home-rows::before, .home-rows::after {opacity: .4;}
}

footer.site_footer {display: flex; padding: 70px 15px 25px 15px;}
footer.site_footer .col {width: 25%;}
footer.site_footer .col.center {width: 50%; display: flex; flex-direction: column; align-items: center;}
footer.site_footer .copyright {opacity: .6; font-size: 11px; margin-top: 15px;}
footer.site_footer .title {font-size: 14px; margin-bottom: 10px; font-weight: 700;}
footer.site_footer .title .highlight {color: #F5AD12;}
footer.site_footer .soc {display: flex; align-items: center;}
footer.site_footer .soc a {color: #F0F4F7; transition: all .2s; width: 37px; height: 37px; border-radius: 13px; display: flex; justify-content: center; align-items: center; font-size: 20px;}
footer.site_footer .soc a:hover {background-color: #0850CD;}
footer.site_footer .soc a i.icon-x {font-size: 16px;}
footer.site_footer .footer-applicatios {display: flex; direction: ltr; gap: 10px; justify-content: space-evenly;}
footer.site_footer .footer-applicatios .link {background-color: #10141A; display: flex; align-items: center; gap: 7px; color: #C2C2C2; padding: 10px 13px; border-radius: 12px; transition: all .2s; justify-content: space-around; max-width: 300px;}
footer.site_footer .footer-applicatios .link i {font-size: 22px; color: #E5E5E5; margin: -3px 0 0 0;}
footer.site_footer .footer-applicatios .link:hover {background-color: #0950cd; color: #fff;}
footer.site_footer .get-top {background-color: #F5AD12; color: #fff; border: none; width: 40px; height: 42px; border-radius: 15px; font-size: 16px; padding-top: 3px; transition: all .2s; cursor: pointer; margin-top: -45px;}
footer.site_footer .get-top:hover {margin-top: -50px; margin-bottom: 5px;}
footer.site_footer .footer-links {padding-top: 20px; display: flex; gap: 15px; flex-wrap: wrap;}
footer.site_footer .footer-links a {transition: all .2s;}
footer.site_footer .footer-links a:hover {color: #2767d9;}
@media (max-width: 850px) {
  footer.site_footer {flex-direction: column; align-items: center; background-color: #161D26; border-radius: 20px; padding: 25px 15px; margin-bottom: 80px;}
  footer.site_footer .col.center {order: 1; margin-bottom: 30px; width: 100%;}
  footer.site_footer .col.right {order: 3; width: 100%; max-width: 420px;}
  footer.site_footer .col.left {order: 2; width: 100%; max-width: 420px; margin-bottom: 30px;}
  footer.site_footer .get-top {box-shadow: 0 0 0 15px #030303;}
  footer.site_footer .footer-links {margin: 20px 0 10px 0;}
  footer.site_footer .copyright {position: absolute; bottom: -35px;}
  footer.site_footer .footer-applicatios {justify-content: center;}
  footer.site_footer .footer-applicatios .link {flex: 1; max-width: 130px;}
  footer.site_footer .soc {background-color: #12181F; justify-content: space-around; padding: 10px; border-radius: 20px;}
}
@media (max-width: 420px) {
  footer.site_footer .footer-links a {width: calc(50% - 10px);}
}

/* .custom-scroll {overflow-y: scroll;} */
/* @media (min-width: 1000px) {
  .beauty-scroll{scrollbar-width: thin; transition: all .3s; scrollbar-color: rgba(255,255,255,0) rgba(255,255,255,0);}
  .beauty-scroll:hover{scrollbar-color: rgba(255,255,255,.1) rgba(255,255,255,.08);}
  .beauty-scroll::-webkit-scrollbar {height: 8px; background: rgba(255, 255, 255, .08);}
  .beauty-scroll::-webkit-scrollbar-thumb {background-color: rgba(255,255,255,.1);}
} */


.single-page {background-image: url(assets/images/bg-shadow.jpg); background-size: 100%; background-position: top; overflow: hidden;}

.top-single {position: relative; margin-bottom: 60px; background-color: #030303;}
.top-single .abasi_org {display: flex; padding: 100px 0 30px 0; gap: 35px;}
.top-single .bg {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: center; background-size: cover; filter: blur(5px); border-radius: 0 0 20px 20px; opacity: .3;}
.top-single .right-side {display: flex; flex-direction: column; gap: 20px;}
.top-single .poster {background-size: cover; background-position: center; aspect-ratio: 300 / 450; border-radius: 20px; position: relative; width: 250px;}
.top-single .poster .mark {background-color: rgba(0,0,0,.3); position: absolute; left: 15px; top: 15px; width: 40px; height: 45px; display: flex; justify-content: center; align-items: center; font-size: 18px; border-radius: 10px;}
.top-single .tags {display: flex; justify-content: center; gap: 7px;}
.top-single .tags span {background-color: #000; display: flex; align-items: center; padding: 6px 17px; gap: 8px; border-radius: 12px; font-size: 12px;}
.top-single .tags span i {width: 26px; height: 26px; display: flex; justify-content: center; align-items: center; border-radius: 50%;}
.top-single .tags span i.icon-microphone2 {background-color: #24882B; font-size: 18px;}
.top-single .tags span i.icon-subtract {background-color: #774BF5; font-size: 14px; padding-left: 1px;}
.top-single .update {background: linear-gradient(90deg, rgba(255, 17, 27, 0.36) 0%, rgba(255, 90, 97, 0.36) 100%); padding: 11px 10px 10px 10px; border-radius: 10px; display: flex; align-items: center; gap: 7px;}
.top-single .update i {font-size: 22px; margin: -4px 0 0 0;}
.top-single .date-modi {display: flex; background-color: #0850CD; padding: 11px 10px 10px 10px; border-radius: 10px; gap: 10px;}
.top-single .date-modi i {font-size: 22px;}
@media (max-width: 1045px) {
  .top-single .abasi_org {flex-direction: column; align-items: center; gap: 20px;}
  .top-single .right-side{align-items: center;}
}
@media (max-width: 480px) {
  .top-single .poster{width: 200px;}
  .top-single .tags span {padding: 5px 7px 5px 15px; font-size: 11px;}
  .top-single .tags span i {width: 23px; height: 23px;}
  .top-single .tags span i.icon-microphone2 {font-size: 15px; margin: 0 1px 0 0;}
}

.top-single .rate-area {display: flex; gap: 35px; margin-bottom: 20px;}
.top-single .rate-area .item {height: 24px;}
.top-single .rate-area .item.imdb {display: flex; align-items: end;}
.top-single .rate-area .item.imdb .ten {font-weight: 800; font-size: 15px; margin-left: 2px;}
.top-single .rate-area .item.imdb .value {font-size: 30px; font-weight: 800; margin-bottom: -9px; margin-left: 15px;}
.top-single .rate-area .item.imdb .icon-imdb {font-size: 40px; width: 55px; height: 25px; margin-left: 15px;}
.top-single .rate-area .item.min {display: flex; align-items: center; gap: 7px;}
.top-single .rate-area .item.min svg {width: 24px; height: 24px;}
.top-single .rate-area .item.min strong {font-size: 16px; font-weight: 800;}
@media (max-width: 480px) {
  .top-single .rate-area {gap: 20px;}
  .top-single .rate-area .item.imdb {margin-top: -3px;}
  .top-single .rate-area .item.imdb .ten {font-size: 11px; font-weight: normal; margin-left: 0;}
  .top-single .rate-area .item.imdb .value {font-size: 18px; margin: 0 0 -3px 5px;}
  .top-single .rate-area .item.imdb .icon-imdb {font-size: 25px; width: 32px; height: 19px; line-height: 42px; margin-left: 6px; padding: 0 3px;}
  .top-single .rate-area .item.imdb .votes {font-size: 10px; margin: 0 0 2px 0;}
}

.top-single .details {flex: 1; padding: 30px 0 0 0;}
.top-single .details .title_fa {margin: 5px 0 20px 0; font-size: 13px; font-weight: 500; color: rgba(255,255,255,.7);}
.top-single .details .genre-area {display: flex; align-items: center; margin-bottom: 20px;}
.top-single .details .genre-area .label {margin-left: 10px; color: #E5E5E5;}
.top-single .details .genre-area .item-genre {gap: 7px;}
.top-single .details .plot {line-height: 25px; margin-bottom: 30px; text-shadow: 0 0 8px #000; font-size: 14px;}
@media (max-width: 1045px) {
  .top-single .details {display: flex; flex-direction: column; align-items: center; padding-top: 0px;}
  .top-single .details .title {order: -2; text-align: center;}
  .top-single .details .title_fa {order: -1; text-align: center;}
  .top-single .details .genre-area .label {display: none;}
  .top-single .details .plot{text-align: center;}
}

.top-single .single-top-actions {display: flex; align-items: center; gap: 10px;}
.top-single .single-top-actions .link {background-color: #0850CD; height: 48px; color: #fff; border: none; cursor: pointer; transition: all .2s; display: flex; align-items: center; gap: 7px; padding: 0 17px 0 23px; border-radius: 13px; font-weight: 800; font-size: 14px;}
.top-single .single-top-actions .link i {font-size: 23px;}
.top-single .single-top-actions .link:hover {box-shadow: 0 0 0 30px rgba(0,0,0,.1) inset;}
.top-single .single-top-actions .link.yellow {background-color: #F5AD11;}
.top-single .single-top-actions .link.trailer {padding: 0; width: 48px; justify-content: center; align-items: center; border-radius: 30px;}
.top-single .single-top-actions .link.trailer i {font-size: 21px;}
.top-single .single-top-actions .link.trailer span {visibility: hidden; width: 0; position: absolute; transition: all .1s; opacity: 0;}
.top-single .single-top-actions .link.trailer:hover span {position: relative; width: 30px; visibility: visible; opacity: 1;}
.top-single .single-top-actions .link.trailer:hover {width: 88px; padding: 0 15px;}

.top-single .left-side {width: 300px; display: flex; flex-direction: column; padding-top: 45px;}
@media (max-width: 1045px) {
  .top-single .left-side {padding-top: 0;}
}

.top-single .user-rate {display: flex; align-items: center;}
.top-single .user-rate i.icon-heart {width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,.2); border-radius: 15px; font-size: 17px; margin-left: 7px;}
.top-single .user-rate .label {margin-left: 7px;}
.top-single .user-rate .value {font-size: 25px; font-weight: 800; margin-left: 2px;}
.top-single .user-rate .d {font-size: 16px;}
.top-single .user-rate .get {margin-right: 20px; display: flex; gap: 7px;}
.top-single .user-rate .get button {width: 48px; height: 48px; background-color: #0000004D; color: #E5E5E5; border: none; font-size: 19px; border-radius: 16px; cursor: pointer; transition: all .2s; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center;}
.top-single .user-rate .get button:hover {background-color: #0850cd;}

.top-single .share {margin-top: auto; display: flex; flex-direction: column; gap: 15px;}
.top-single .share .content {display: flex; align-items: center;}
.top-single .share .content .item {width: 48px; height: 48px; border: none; background-color: #0000004D; color: #E5E5E5; font-size: 20px; border-radius: 16px; margin: 0; padding: 0; justify-content: center; align-items: center; display: inline-flex; transition: all .2s; cursor: pointer;}
.top-single .share .content .line {width: 2px; height: 20px; background-color: #E5E5E533; margin: 0 15px;}
.top-single .share .content .list {display: flex; border-radius: 16px; overflow: hidden;}
.top-single .share .content .list .item {border-radius: 0;}
.top-single .share .content .item:hover {background-color: #0850cd;}
.top-single .share .content .item i.icon-link {font-size: 24px;}
.top-single .share .content .list .item i.icon-whatsapp-fill {font-size: 23px;}
.top-single .share .content .list .item i.icon-telegram {font-size: 24px;}
.top-single .share .caption {display: flex; align-items: center; gap: 5px; font-size: 14px;}
.top-single .share .caption i {font-size: 24px;}
@media (max-width: 1045px) {
  .top-single .share {display: none;}
}

.single-header-section {display: flex; border-bottom: 1px solid rgba(255,255,255,.1); position: relative; padding: 0 0 17px 0; margin-bottom: 25px;}
.single-header-section .text {font-size: 18px; font-weight: 600;}
.single-header-section .text:before {content: ""; position: absolute; right: 0; bottom: 0; height: 2px; width: 100%; background-color: #fff; max-width: 70px;}

.dlbox {margin-bottom: 70px;}

.dltype-list {display: flex; flex-direction: column; gap: 20px;}
.dltype-list .dl-type .title {position: relative; display: flex; cursor: pointer; height: 60px; align-items: center; background-color: rgba(255,255,255,.1); border-radius: 30px; padding: 0 20px;}
.dltype-list .dl-type .title .text {display: flex; align-items: center; gap: 9px; position: relative; z-index: 2; background-color: rgba(0,0,0,.1); padding: 7px 11px 8px 17px; font-size: 15px; backdrop-filter: blur(5px); border-radius: 20px; font-weight: 600;}
.dltype-list .dl-type .title .text i {width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #c0c0c0; color: #000; font-size: 16px;}
.dltype-list .dl-type.red .title .text i.icon-movie,
  .dltype-list .dl-type .title .text i.icon-subtract {padding: 0 0 0 2px;}
.dltype-list .dl-type.green .title .text i {background-color: #24882B; color: #fff;}
.dltype-list .dl-type.blue .title .text i {background-color: #774BF5; color: #fff;}
.dltype-list .dl-type.red .title .text i {background-color: #C03541; color: #fff;}
.dltype-list .dl-type.yellow .title .text i {background-color: #f5ad12;}
.dltype-list .dl-type.pink .title .text i {background-color: #DD42BE; color: #fff;}
.dltype-list .dl-type .title .actions {display: flex; margin-right: auto; align-items: center; gap: 15px; position: relative; z-index: 1;}
.dltype-list .dl-type .title .actions .arrow {background-color: #030303; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border-radius: 15px;}
.dltype-list .dl-type .title .actions .arrow i {font-size: 24px; transition: all .2s; transform: rotate(-90deg);}
.dltype-list .dl-type.show .title .actions .arrow i {transform: rotate(0);}
.dltype-list .dl-type .title .actions .copy {background-color: rgba(0,0,0,.1); backdrop-filter: blur(5px); padding: 7px 5px 4px 7px; transition: all .2s; opacity: 0; margin-left: -30px; pointer-events: none;}
.dltype-list .dl-type .title .actions .copy span {border: 1px solid rgba(255,255,255,.2); padding: 7px 10px; border-radius: 7px; font-size: 11px; transition: all .2s;}
.dltype-list .dl-type.show .title .actions .copy {opacity: 1; margin-left: 0; pointer-events: auto;}
.dltype-list .dl-type.red .title .actions .copy:hover span {background-color: #ed6167; border-color: #ed6167;}
.dltype-list .dl-type.green .title .actions .copy:hover span {background-color: #24882B; border-color: #24882B;}
.dltype-list .dl-type.blue .title .actions .copy:hover span {background-color: #774BF5; border-color: #774BF5;}
.dltype-list .dl-type.yellow .title .actions .copy:hover span {background-color: #F5AD12; border-color: #F5AD12;}
.dltype-list .dl-type.pink .title .actions .copy:hover span {background-color: #DD42BE; border-color: #DD42BE;}

.dltype-list .dl-type .list{margin-top: 10px; padding: 0 10px;}
.dltype-list .dl-type .list .dl-item {display: flex; align-items: center; gap: 20px; justify-content: space-between; padding: 10px 15px 10px 25px; background-color: rgba(255,255,255,.07); border-radius: 30px; margin-bottom: 20px;}
.dltype-list .dl-type .list .dl-item .col-label-season {font-weight: 600; font-size: 13px; white-space: nowrap;}
.dltype-list .dl-type .list .dl-item .col-label {text-align: left; font-size: 15px; font-weight: 600; max-width: 300px; display: flex; width: 100%; justify-content: end;}
.dltype-list .dl-type .list .dl-item .col-dl {display: flex; gap: 9px 5px; flex-wrap: wrap; justify-content: end;}
.dltype-list .dl-type .list .dl-item .col-dl a {display: flex; transition: all .1s; align-items: center; gap: 10px; background-color: #262626; height: 45px; padding: 0 15px; border-radius: 25px; white-space: nowrap;}
.dltype-list .dl-type .list .dl-item .col-dl a i {font-size: 20px;}
.dltype-list .dl-type .list .dl-item .col-dl a:hover {box-shadow: 0 0 0 30px rgba(0,0,0,.1) inset;}
.dltype-list .dl-type .list .dl-item .col-size {width: 100px; font-size: 12px; color: #bcbcbc; text-align: center; white-space: nowrap;}
.dltype-list .dl-type.red .list .dl-item .col-dl a {background-color: #ED6167;}
.dltype-list .dl-type.green .list .dl-item .col-dl a {background-color: #24882B;}
.dltype-list .dl-type.blue .list .dl-item .col-dl a {background-color: #774BF5;}
.dltype-list .dl-type.yellow .list .dl-item .col-dl a {background-color: #F5AD12;}
.dltype-list .dl-type.pink .list .dl-item .col-dl a {background-color: #DD42BE;}
.dltype-list .dl-type .list .dl-item .col-subscription {display: flex; flex-direction: column; gap: 10px; align-items: start;}
.dltype-list .dl-type .list .dl-item .col-subscription .text {color: rgba(255,255,255,.7);}
.dltype-list .dl-type .list .dl-item .col-subscription a {background-color: rgba(255,255,255,.1) !important; display: inline-flex; gap: 7px; height: 43px; border-radius: 23px; justify-content: center; align-items: center; padding: 0 20px;}
.dltype-list .dl-type .list .dl-item .col-subscription a i {font-size: 16px; color: #F7BF51; border: 1px solid #F7BF51; border-radius: 8px; padding: 2px;}
.dltype-list .dl-type .list .dl-item .col-subscription a:hover {background-color: rgba(255,255,255,.2);}
/* @media (max-width: 700px) {
  .dltype-list .dl-type .list .dl-item .col-size{display: none;}
} */
@media (max-width: 480px) {
  .dltype-list .dl-type .list .dl-item {flex-direction: column-reverse; align-items: center; gap: 10px; padding: 20px 10px;}
  .dltype-list .dl-type .list .dl-item .col-label {justify-content: center;}
}

.dlbox-series {display: flex; gap: 30px; margin-bottom: 30px;}
.dlbox-series .right-side {width: 320px;}
.dlbox-series .select-season {background-color: #11151C; padding: 20px; border-radius: 20px;}
.dlbox-series .select-season .header-season {display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 600; margin-bottom: 20px;}
.dlbox-series .select-season .header-season i {font-size: 20px;}
.dlbox-series .select-season .list {display: flex; flex-direction: column; gap: 13px;}
.dlbox-series .select-season .list .item {display: flex; align-items: center; gap: 7px; background-color: #000; border-radius: 13px; padding: 5px 13px; cursor: pointer;}
.dlbox-series .select-season .list .item i.icon-negative {width: 0; opacity: 0; transition: all .2s;}
.dlbox-series .select-season .list .item.current i.icon-negative {margin: -6px 0 0 5px; width: 13px; opacity: 1;}
.dlbox-series .select-season .list .item img {width: 40px; height: 40px; border-radius: 50%;}
.dlbox-series .select-season .list .item .count {margin-right: auto; font-size: 12px; color: #E0E0E0;}
.dlbox-series .select-season .list .item .text {font-size: 14px; font-weight: 700;}
.dlbox-series .select-season .list .item.current {background-color: #0850CD;}
.dlbox-series .select-season .nice-select {display: none; background-color: #1F2A3A;}
.dlbox-series .left-side {flex: 1;}
.dlbox-series .dltype-list {display: none;}
.dlbox-series .dltype-list .dl-type .list .dl-item {padding: 10px 25px 10px 15px;}
.dlbox-series .dltype-list .dl-type .list .dl-item .col-dl a {font-size: 12px; gap: 5px;}
@media (max-width: 1150px) {
  .dlbox-series .dl-item .col-dl a span {display: none;}
}
@media (max-width: 1045px) {
  .dlbox-series {flex-direction: column;}
  .dlbox-series .right-side {width: 100%;}
  .dlbox-series .select-season > .list {display: none;}
  .dlbox-series .select-season .nice-select {display: block; background-color: #1F2A3A;}
}
@media (max-width: 650px) {
  .dlbox-series .dltype-list .dl-type .list .dl-item {flex-direction: column; padding: 13px 5px;}
  .dlbox-series .dltype-list .dl-type .list .dl-item .col-dl {width: 100%; justify-content: center;}
  /* .dlbox-series .dltype-list .dl-type .list .dl-item .col-dl a {flex: 1; justify-content: center; padding: 0;} */
}
@media (max-width: 500px) {
  .dlbox-series .dltype-list .dl-type .list .dl-item .col-dl a i {display: none;}
}

.pop-copy {display: flex; flex-direction: column; align-items: center; gap: 20px;}

.single-information {padding-bottom: 70px;}
.single-information .list {display: grid; grid-gap: 20px 30px; grid-template-columns: repeat(3, 1fr);}
.single-information .list .item {background-color: rgba(0,0,0,.3); padding: 15px 20px; display: flex; justify-content: space-between; font-weight: 600; border-radius: 17px;}
.single-information .list .item .label {display: flex; align-items: center;}
.single-information .list .item .label i {width: 30px; margin-left: 7px; display: flex; justify-content: center; align-items: center; font-size: 23px; color: #0850CD;}
.single-information .list .item .value {display: flex; align-items: center; gap: 3px;}
.single-information .list .item .value a:hover {color: #0850CD;}
@media (max-width:1045px){
  .single-information .list {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:700px){
  .single-information .list{grid-gap: 20px;}
  .single-information .list .item{padding: 15px;}
}
@media (max-width:600px){
  .single-information .list {grid-template-columns: repeat(1, 1fr);}
}

.single-cast {padding-bottom: 70px;}
.single-cast .list {display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 1fr);}
.single-cast .list a {background-color: rgba(0,0,0,.3); border-radius: 17px; padding: 10px 15px; display: flex; align-items: center; gap: 15px; font-weight: 600; transition: all .2s; color: rgba(255,255,255,.9)}
.single-cast .list a img {width: 50px; height: 50px; border-radius: 50%;}
.single-cast .list a:hover {background-color: #000; color: #fff;}
@media (max-width:1000px){
  .single-cast .list {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width:750px){
  .single-cast .list {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:520px){
  .single-cast .list {grid-template-columns: repeat(1, 1fr);}
}

.single-comments {padding-bottom: 70px;}

.comments-area {display: flex; gap: 50px;}
.comments-area .right-side {width: 230px; display: flex; flex-direction: column; align-items: center; padding-top: 30px;}
.comments-area .right-side i.icon-heart {font-size: 30px; margin-bottom: 15px;}
.comments-area .right-side .caption {font-size: 18px; font-weight: 800; margin-bottom: 5px;}
.comments-area .right-side .total {color: #E5E5E5; margin-bottom: 40px;}
.comments-area .right-side .like-status {margin-bottom: 40px; display: flex; flex-direction: column; width: 100%; gap: 13px;}
.comments-area .right-side .like-status .row {display: flex; align-items: center; gap: 13px;}
.comments-area .right-side .like-status .row .count {color: #E5E5E5;}
.comments-area .right-side .like-status .row .line {flex: 1; height: 5px; position: relative;}
.comments-area .right-side .like-status .row .line span {background-color: #0850CD; position: absolute; left: 0; top: 0; bottom: 0; border-radius: 3px;}
.comments-area .right-side .like-status .row i {color: #E5E5E5; font-size: 20px;}
.comments-area .right-side .text-comment {margin-bottom: 15px;}
.comments-area .left-side {flex: 1;}
.comments-area .left-side .no-row {padding: 150px 0;}
@media (max-width:900px){
  .comments-area {flex-direction: column; align-items: center;}
}

.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: #0950CD; background-color: #0950CD;}

.pop-comment-form form {display: flex; flex-direction: column; gap: 20px;}
.pop-comment-form form .parent strong {border-bottom: 1px dashed rgba(255,255,255,.4);}
.pop-comment-form form .text-element {border: 2px solid #0850CD; border-radius: 13px; background-color: #222932; display: flex; flex-direction: column;}
.pop-comment-form form .text-element textarea {background-color: transparent; border: none; color: #fff; height: 120px; padding: 13px; resize: none;}
.pop-comment-form form .text-element .spoil {display: flex; align-items: center; gap: 8px; justify-content: end; padding: 15px 0 15px 15px;}
.pop-comment-form form .text-element .spoil .caption {color: rgba(255,255,255,.5);}
.pop-comment-form form .submit {display: flex; justify-content: end;}

.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: #0950CD;}
.radios .item-sort label {padding: 9px 10px; border-radius: 14px; cursor: pointer; transition: all 0.2s;}

.comment-sort {margin-bottom: 40px; padding: 20px 0 30px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.1);}
.comment-sort .select-sort {display: flex; align-items: center;}
.comment-sort .select-sort .caption {margin-left: 20px; font-weight: 300; display: flex;align-items: center;}
.comment-sort .select-sort .caption i {font-size: 21px; margin-left: 10px; color: #E5E5E5;}
@media (max-width:600px){
	.comment-sort{padding-right: 10px; padding-left: 10px; flex-direction: column-reverse;}
	.comment-sort .select-sort .caption {display: none;}
	.comment-sort .select-sort .radios {width: 100%; max-width: 350px;}
	.comment-sort .select-sort .radios .item-sort {flex: 1; text-align: center;}
	.comment-sort .comment-count{display: none}
}

.comment-list {margin-bottom: 30px;}
.comment-list .comment {padding: 30px 0 30px 0; margin-bottom: 15px; position: relative;}
.comment-list .comment .inner {display: flex; align-items: stretch; transition: all 1.5s;}
.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 .is_admin {background-color: tomato; font-size: 11px; padding: 4px 7px; border-radius: 7px;}
.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: #3074EC;}
.comment-list .comment .inner .content .body {color: rgba(255,255,255,.8); margin-bottom: 20px; line-height: 23px;}
.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: 2px solid #0950CD; border-radius: 25px; padding: 7px 20px; cursor: pointer; transition: all 0.2s;}
.comment-list .comment .inner .content .foot .reply:hover {background-color: #0950CD;}
.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: flex; align-items: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 0 100px; transition: all 1s; opacity: 0; visibility: hidden;}
.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: 0 20px; border-radius: 25px; cursor: pointer; transition: all .2s; background-color: transparent;}
.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 {opacity: 1; visibility: visible;}
.comment-list .more {padding-top: 20px; display: flex; justify-content: center;}
.comment-list .more .button {background-color: #161D26; border-radius: 15px; display: flex; align-items: center; color: #E5E5E5; cursor: pointer; transition: all 0.2s; height: 45px;}
.comment-list .more .button i {font-size: 21px; margin-left: 3px;}
.comment-list .more .button:hover {background-color: #222C3A; color: #fff;}
@media (max-width:900px){
  .comment-list .comment {background-color: #161D26; padding: 20px; border-radius: 20px;}
}
@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}
  .comment-list .comment .spoil-warning {align-items: center; justify-content: center; flex-wrap: wrap; align-content: center;}
  .comment-list .comment .spoil-warning .button {margin-top: 15px;}
}
@media (max-width:400px){
  .comment-list .comment .inner .content .foot .total-comments{display: none;}
	.comment-list .comment.is-reply{margin-right: 30px}
}

.dub_description {background-color: rgba(255,255,255,.07); padding: 20px; border-radius: 20px; position: relative; overflow: hidden;}
.dub_description .dub-header {display: flex; align-items: center; justify-content: space-between;}
.dub_description .dub-header .dub-title {font-size: 17px; font-weight: 600;}
.dub_description .dub-header i {font-size: 18px; background-color: #000; position: relative; z-index: 2; padding: 5px; border-radius: 20px; cursor: pointer; transition: all .2s; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center;}
.dub_description .dub-header i:hover {background-color: #0850cd;}
.dub_description.is-close .dub-header i::before {content: ""; height: 2px; background-color: #fff; width: 10px;}
.dub_description i.ibg {font-size: 130px; opacity: .05; position: absolute; left: 30px; top: 20px; z-index: 1; transition: all .3s;}
.dub_description.is-close i.ibg {top: -40px; transform: rotate(29deg); left: 50px;}
.dub_description .text {z-index: 2; position: relative; line-height: 26px; margin-top: 17px;}

.archive-page {margin-bottom: 40px; padding-top: 30px;}
.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;}
.archive-page header.archive-title .filters {margin-right: auto; display: flex; gap: 15px;}
.archive-page header.archive-title .filters .radios {background-color: #121820; height: 38px; align-items: center; border-radius: 15px;}
.archive-page header.archive-title .filters .radios .item-sort {flex: 1;}
.archive-page header.archive-title .filters .radios .item-sort label {width: 100%; display: flex; justify-content: center;}
@media (max-width:800px){
  .archive-page header.archive-title {flex-direction: column; margin-bottom: 25px;}
  .archive-page header.archive-title .filters {width: 100%; justify-content: center;}
  .archive-page header.archive-title .filters .nice-select {flex: 1;}
	.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;}
}
@media (max-width:600px){
  .archive-page header.archive-title .filters {flex-wrap: wrap;}
	.archive-page header.archive-title .filters:not(.ttfil-3):not(.ttfil-1) .nice-select {width: calc(50% - 7.5px); flex: unset;}
}

.archive-posts {display: grid; grid-gap: 20px; grid-template-columns: repeat(6,minmax(0,1fr)); margin-bottom: 50px;}
.archive-posts .item-movie {width: auto; min-width: auto;}
.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));}
}

.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: 30px; 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.current,
  .page-number-site .site-pagination-item .page-numbers:hover {background-color: #0950CD;}
.page-number-site .site-pagination-item .page-numbers i {font-size: 20px;}

.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;}

.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: #0950CD;}
.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;}

.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; width: 1000px; max-width: 100%; padding: 0 15px;}
.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; display: flex; padding: 25px 20px; gap: 25px; justify-content: space-between; align-items: center; flex-wrap: wrap;}
/* .search-filters form .field:not(.stretch) {flex: 1;} */
.search-filters form .field {width: calc(33.3333% - 17px);}
.search-filters form .field.submit {width: 100%; align-items: center; justify-content: center;}
.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: #0950CD; 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; margin: 15px auto 0 auto;}
.search-filters form .field button i {font-size: 16px;}
.search-filters form .field button:hover {background-color: #1049AE;}
.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 .toggle {background-color: #121820; border-radius: 15px; padding: 11px 15px;gap: 25px;}
.search-filters form .toggle .rail {margin-right: auto;}
.search-filters form .toggle .toggle-text {margin-right: 0;}
@media (max-width:1046px){
  body.show-search-filters .search-filters {padding-bottom: 100px;}
}
@media (max-width:700px){
  .search-filters form .field {width: calc(50% - 13px);}
  .search-filters form .field.year {width: 100%;}
}
@media (max-width:450px){
  .search-filters form .field {width: 100%}
  .search-filters form .field button{width: 100%; justify-content: center;}
  .search-filters form .field button i {margin-right: 15px;}
}

.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-page {padding-top: 30px; padding-bottom: 30px;}

.make-mark {transition: all .2s; cursor: pointer;}
.make-mark.active {background-color: #0950cd !important;}
.make-mark.active i:before {content: "\E069";}

.pop-short-link {display: flex; flex-direction: column; gap: 10px; padding: 15px 0; align-items: start;}
.pop-short-link .title {opacity: .5; display: flex; align-items: center; gap: 3px;}
.pop-short-link .title i {font-size: 16px;}
.pop-short-link input {direction: ltr; border: 1px solid rgba(255,255,255,.1); padding: 10px; border-radius: 10px; background-color: rgba(255,255,255,.1); color: #fff; margin-bottom: 10px; width: 100%;}
.pop-short-link .button {margin: 0 auto;}

.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;}

.sign-page {display: flex; justify-content: center; flex-direction: column; padding: 40px 15px 20px 15px;}
.sign-page .content {background-color: #090B0F; gap: 60px; margin: 0 auto; border-radius: 20px; padding: 25px 35px; display: flex; flex-direction: row; align-items: center;}
.sign-page .content .right-side {width: 280px; display: flex; flex-direction: column; gap: 20px;}
.sign-page .content .right-side .button i {font-size: 15px;}
.sign-page .content .right-side .form {display: flex; flex-direction: column; gap: 25px;}
.sign-page .content .left-side {width: 400px; height: 500px; border-radius: 30px; position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 100px;}
.sign-page .content .left-side .caption {font-size: 16px; max-width: 250px; text-align: center; line-height: 27px;}
.sign-page .content .left-side:before,
  .sign-page .content .left-side:after{width: 150px; content: ""; height: 150px; position: absolute; filter: blur(80px); border-radius: 50px;}
.sign-page .content .left-side:before {background-color: #0850CD; left: -40px; top: -30px; opacity: .7}
.sign-page .content .left-side:after {background-color: #F8B500; right: -40px; bottom: -30px; opacity: .5}
.sign-page .content .right-side .form .forget {margin-top: 10px; margin-right: 7px; color: rgba(255,255,255,.5);}
.sign-page .content .right-side .form .forget:hover {color: #fff;}

.sign-header {display: flex; flex-direction: column; gap: 7px; margin-bottom: 40px; margin-right: 7px;}
.sign-header .title {font-size: 19.5px; font-weight: 500;}

.input {position: relative; border-radius: 30px;}
.input i {position: absolute; font-size: 17px; right: 18px; top: 19px; color: rgba(255,255,255,.5);}
  .input i.icon-phone {font-size: 18px;}
.input input,
  .input textarea {width: 100%; padding: 17px 20px; font-size: 16px; border: none; outline: none; background-color: #161D26; color: #fff; border-radius: 30px;}
.input.dark input,
  .input.dark textarea {background-color: #000;}
.input .label {position: absolute; top: 28px; right: 20px; transform: translateY(-50%); color: #999; transition: all 0.3s ease; pointer-events: none;}
.input input:focus + .label,
  .input input:not(:placeholder-shown) + .label,
  .input textarea:focus + .label,
  .input textarea:not(:placeholder-shown) + .label{top: 0; font-size: 12px; color: #808195; background: #090b0f; padding: 0 7px;}
.input input:disabled,
  .input textarea:disabled {color: rgba(255,255,255,.3);}
.input.has-icon input {padding-right: 45px;}
.input.has-icon .label {padding-right: 23px;}

.user-avatar {position: relative; display: flex;}
.user-avatar img {border-radius: 21px; border: 2px solid #000;}
.user-avatar i {color: #F7BF51; border: 2px solid #F7BF51; width: 20px; height: 20px; border-radius: 9px; display: flex; justify-content: center; align-items: center; font-size: 10px; box-shadow: 0 0 0 2px #000; position: absolute; background-color: #000; top: -3px; right: -3px;}

.user-menu {display: flex; position: relative;}
.user-menu .a {display: flex; align-items: center; cursor: pointer;}
.user-menu .a .user-avatar{margin-left: 10px;}
.user-menu .a .name {font-size: 14px; margin-left: 7px;}
.user-menu .a i.arrow {font-size: 18px; transition: all .2s;}
.user-menu:hover .a i.arrow {transform: rotate(180deg);}
.user-menu .hover {position: absolute; left: 0; width: 250px; background-color: #000; padding: 15px; border-radius: 15px; transition: all .2s; opacity: 0; top: 40px; visibility: hidden;}
.user-menu:hover .hover {opacity: 1; top: 50px; visibility: visible;}
.user-menu .hover .top {margin: -15px -15px 0 -15px; background-color: rgba(255,255,255,.2); border-radius: 15px 15px 0 0; padding: 10px 15px; display: flex; justify-content: space-between; align-items: center;}
.user-menu .hover .top .count {font-size: 12px; background-color: #4f4f4f; border-radius: 5px; padding: 5px 7px;}
.user-menu .hover .top .count.green {background-color: #149b14;}
.user-menu .hover ul {margin: 17px 0; list-style: none;}
.user-menu .hover ul li a {display: flex; padding: 5px 0; color: #c0c0c0; align-items: center; gap: 8px;}
.user-menu .hover ul li a i {font-size: 18px; color: #D3D3D3;}
.user-menu .hover ul li a:hover {color: #fff;}
@media (max-width:700px){
  .user-menu .a .name {display: none;}
  .user-menu .a .user-avatar i {width: 17px; height: 17px; font-size: 8px; border-width: 1px;}
  .user-menu .a .user-avatar img {width: 40px; height: 40px; border-radius: 15px;}
}
@media (max-width:500px){
  .user-menu .a .user-avatar{margin-left: 0;}
  .user-menu .a i.arrow{display: none;}
}

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

.dashboard-header {display: flex; border-bottom: 1px solid #31353E;}
.dashboard-header .logo-area {width: 250px; display: flex; justify-content: center; align-items: center; border-left: 1px solid #31353E; height: 80px;}
.dashboard-header .logo-area a {display: flex;}
.dashboard-header .left-side {flex: 1; display: flex; align-items: center; padding: 0 20px;}
.dashboard-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;}
.dashboard-header .left-side .phone-menu i {width: 27px; height: 27px;}
.dashboard-header .left-side .phone-menu i.icon-close {font-size: 27px;}
body:not(.show-dashboard-sidebar) .dashboard-header .left-side .phone-menu i.icon-close,
  body.show-dashboard-sidebar .dashboard-header .left-side .phone-menu i.icon-menu {display: none;}
.dashboard-header .left-side .action-bar {margin-right: auto; display: flex; align-items: center;}
.dashboard-header .left-side .action-bar .item {margin-right: 20px; cursor: pointer;}
.dashboard-header .left-side .action-bar .item a {display: flex;}
.dashboard-header .left-side .action-bar .item a i {font-size: 20px;}
.dashboard-header .left-side .action-bar .item a .text {margin-right: 5px;}
.dashboard-header .left-side .action-bar .item a:hover {color: #f5ad11;}
.dashboard-header .left-side .hi {font-weight: 500; font-size: 15px; display: flex; align-items: center; gap: 10px;}
.dashboard-header .left-side .hi a {background-color: rgba(255,255,255,.15); height: 30px; display: inline-flex; width: 30px; justify-content: center; align-items: center; border-radius: 5px; font-size: 20px;}
.dashboard-header .left-side .hi a:hover {background-color: rgba(255,255,255,.3);}
.dashboard-header .left-side .action-bar .item.notofication-area {display: flex; position: relative;}
.dashboard-header .left-side .action-bar .item.notofication-area .ico-area {position: relative; cursor: pointer;}
.dashboard-header .left-side .action-bar .item.notofication-area .ico-area i {font-size: 16px; margin-top: 5px; transition: all 0.2s;}
.dashboard-header .left-side .action-bar .item.notofication-area .ico-area .num {background-color: #0850CD; height: 17px; display: flex; justify-content: center; border-radius: 10px; align-items: center; padding: 4px 3px 3px 4px; font-size: 11px; font-weight: 500; border: 2px solid #161d27; position: absolute; top: -3px; right: -5px; min-width: 17px;}
.dashboard-header .left-side .action-bar .item.notofication-area .ico-area:hover i {color: #f5ad11;}
.dashboard-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: 10;}
.dashboard-header .left-side .action-bar .item.notofication-area:hover .hover {top: 35px; visibility: visible; opacity: 1;}
.dashboard-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;}
/* .dashboard-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;}
.dashboard-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){
  .dashboard-header {height: 60px;}
  .dashboard-header .logo-area {display: none;}
  .dashboard-header .left-side .phone-menu{display: flex;}
}
@media (max-width:600px){
  .dashboard-header .left-side .action-bar .item a .text{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: 5px; right: 7px; font-size: 12px; font-family: IRANYekan; background-color: #0850CD; min-width: 20px; display: flex; justify-content: center; align-items: center; padding: 4px 0 3px 0; border-radius: 10px; cursor: default; height: 20px; border: 3px solid #030303;}
.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;}
@media (max-width:400px){
  .menu-notification:hover .hover{left: -30px;}
  .menu-notification .hover:before {left: 45px;}
}

.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: pointer;}
.list-notification .item.action-read-notification {cursor: pointer;}
.list-notification .item .title {font-weight: 500; color: #f5ad11; 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;}

.notifications-page {margin-bottom: 100px; margin-top: 30px;}
.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: #f5ad11; 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);}
}

.dashboard-location {display: flex;}
.dashboard-location .item {display: flex;}
.dashboard-location .item a {font-size: 14px; color: #fff; display: flex; align-items: center;}
.dashboard-location .item a i {font-size: 18px; margin-left: 4px;}
.dashboard-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;}
.dashboard-location .item:last-child:after {display: none;}
.dashboard-location .item:last-child a {color: #8a8e93;}
.dashboard-location .item a:hover {color: #f5ad11;}
@media (max-width:600px){
  .dashboard-location{display: none;}
}

header.dashboard-body-header {margin-bottom: 40px; display: flex; align-items: center;}
header.dashboard-body-header .actions {margin-right: auto;}
header.dashboard-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;}
header.dashboard-body-header .actions .add-button:hover {box-shadow: 0 0 0 20px rgba(0,0,0,.1) inset;}
header.dashboard-body-header .actions .add-button i {font-size: 16px; margin: 0 0 0 5px;}
header.dashboard-body-header .actions .sort {display: flex; align-items: center;}
header.dashboard-body-header .actions .sort .caption {margin-left: 13px; color: rgba(255,255,255,.7); display: flex; align-items: center;}
header.dashboard-body-header .actions .sort .caption i {font-size: 18px; margin-left: 4px;}
header.dashboard-body-header .actions .sort .radios {background-color: #121820; padding: 5px; border-radius: 14px;}
header.dashboard-body-header .actions .sort .radios .item-sort {display: flex;}
header.dashboard-body-header .actions .sort .radios .item-sort label {width: 60px; text-align: center;}

.dashboard-sidebar {width: 250px; padding: 30px 0; border-left: 1px solid #31353e;}
.dashboard-sidebar ul.dashboard-sidebar-links {list-style: none; margin-bottom: 25px;}
.dashboard-sidebar ul.dashboard-sidebar-links li a {display: flex; align-items: center; padding: 5px 0 5px 0;}
.dashboard-sidebar ul.dashboard-sidebar-links li a .text .num {margin-right: 7px; background-color: #0850CD; height: 18px; display: inline-flex; padding: 1px 5px 0 5px; border-radius: 10px; min-width: 18px; justify-content: center;}
.dashboard-sidebar ul.dashboard-sidebar-links li a .text .active {background-color: #4CAF50; margin-right: 7px; padding: 3px 7px; border-radius: 10px; font-size: 12px;}
.dashboard-sidebar ul.dashboard-sidebar-links li i {font-size: 25px; width: 60px; transition: all 0.2s; padding: 10px 20px 10px 0; border-radius: 20px 0 0 20px;}
.dashboard-sidebar ul.dashboard-sidebar-links li.active a,
  .dashboard-sidebar ul.dashboard-sidebar-links li a:hover {background-color: #10141A; border-radius: 10px;}
.dashboard-sidebar ul.dashboard-sidebar-links li.active a i,
  .dashboard-sidebar ul.dashboard-sidebar-links li a:hover i {color: #fff; background-color: #0850CD; margin-left: 15px;}
@media (max-width:1046px){
  .dashboard-sidebar{display: none;}
}

header.dashboard-sidebar-header {display: flex; align-items: center; margin-bottom: 25px; flex-direction: column; gap: 10px;}
header.dashboard-sidebar-header .text {display: flex; flex-direction: column; align-items: center; gap: 5px;}
header.dashboard-sidebar-header .text .h1 {font-size: 16px; font-weight: 500; max-width: 130px; overflow: hidden; text-overflow: ellipsis;}
header.dashboard-sidebar-header .text .h2 {font-size: 12px; color: #B1B1B1;}

.dashboard-status {display: grid; grid-gap: 20px; margin: 20px 0 20px 0; grid-template-columns: repeat(4,minmax(0,1fr));}
.dashboard-status .item .a {display: flex; overflow: hidden; background-color: #10141A; border-radius: 20px; flex-direction: column; position: relative; padding: 20px 15px; transition: all 0.2s;}
.dashboard-status .item .a .text {margin-bottom: 8px; font-size: 16px; white-space: nowrap; z-index: 2;}
.dashboard-status .item .a .num {font-weight: 800; font-size: 20px; z-index: 2;}
.dashboard-status .item.yellow .a .num {color: #FFB82F;}
.dashboard-status .item.green .a .num {color: #4EA852;}
.dashboard-status .item.blue .a .num {color: #1984FF;}
.dashboard-status .item.orange .a .num {color: #FF8345;}
.dashboard-status .item .a:hover {background-color: #0C1015;}
.dashboard-status .item .a > i {font-size: 24px; z-index: 2; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 14px; margin-bottom: 15px;}
.dashboard-status .item.yellow .a > i {background-color: #E4AC3E;}
.dashboard-status .item.green .a > i {background-color: #4EA852;}
.dashboard-status .item.blue .a > i {background-color: #613EEA;}
.dashboard-status .item.orange .a > i {background-color: #FF8345;}
.dashboard-status .item a::before {content: ""; width: 80px; height: 80px; display: flex; border-radius: 100px; filter: blur(35px); position: absolute; z-index: 1; opacity: .5; top: 20px; right: 20px;}
.dashboard-status .item.yellow a::before {background-color: #FFB82F;}
.dashboard-status .item.green a::before {background-color: #4EA852;}
.dashboard-status .item.blue a::before {background-color: #613EEA;}
.dashboard-status .item.orange a::before {background-color: #FF8345;}
@media (max-width:1045px){
  .dashboard-status {grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
  .dashboard-status .item .a {padding: 10px;}
  .dashboard-status .item .a .text {font-size: 12px;}
}

.dashboard-subscription {background-image: url(assets/images/bg-dashboard-subscription.png); margin-bottom: 20px; background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; gap: 60px; padding: 100px 50px; align-items: center; justify-content: space-around; border-radius: 20px; overflow: hidden; background-color: #202020;}
.dashboard-subscription .mileage {width: 350px; height: 175px; position: relative; overflow: hidden;}
.dashboard-subscription .mileage img {position: absolute; transform: rotate(-180deg); transition: transform 2s ease-in-out;}
.dashboard-subscription .mileage .value {position: absolute; left: 0; right: 0; bottom: 0; text-align: center; font-size: 35px; font-weight: 800;}
.dashboard-subscription header {display: flex; gap: 12px; align-items: center;}
.dashboard-subscription header .text .h1 {font-size: 25px; font-weight: 500;}
.dashboard-subscription header .text .h2 {color: rgba(255,255,255,.5);}
.dashboard-subscription header .active {background-color: #1151C9; padding: 3px 15px; border-radius: 30px; font-size: 22px; font-weight: 300; position: relative;margin-top: -13px;}
.dashboard-subscription header .active:after {content: ""; display: block; position: absolute; border-top: 10px solid #1151C9; border-right: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid transparent; left: 50%; transform: translateX(-10px); bottom: -20px;}
.dashboard-subscription header .active.black {background-color: #030304;}
.dashboard-subscription header .active.black::after {border-top-color: #030304;}
.dashboard-subscription header .active.unlimited {background: linear-gradient(104.63deg, #1A6DFF 9.28%, #C822FF 93.6%);}
.dashboard-subscription header .active.unlimited:after {border-top-color: #7b43ff;}
.dashboard-subscription .status-message {color: rgba(255,255,255,.6); margin-bottom: 20px; margin-top: 10px;}
.dashboard-subscription .get-subscription {padding: 0 30px 0 13px;}
.dashboard-subscription .get-subscription i {background-color: #040404; width: 30px; height: 30px; border-radius: 20px; display: flex; justify-content: center; align-items: center; font-size: 15px; color: #FF9900; margin-right: 17px;}
@media (max-width:900px){
  .dashboard-subscription {flex-direction: column-reverse; padding: 40px 15px;}
  .dashboard-subscription .right-side {display: flex; flex-direction: column; align-items: center;}
  .dashboard-subscription .status-message {text-align: center;}
}
@media (max-width:400px){
  .dashboard-subscription .mileage {width: 250px; height: 127px;}
}

.dashboard-count-down {display: flex; direction: ltr; align-items: center; justify-content: center; gap: 20px; margin-top: 20px;}
.dashboard-count-down .rol {display: flex; flex-direction: column; align-items: center; min-width: 50px}
.dashboard-count-down .rol .rol-value {font-size: 40px; font-weight: 700;}
.dashboard-count-down .rol .rol-type {background-color: #000; width: 100%; text-align: center; border-radius: 4px}
@media (max-width:400px){
  .dashboard-count-down{gap: 15px}
  .dashboard-count-down .rol .rol-value{font-size: 30px;}
  .dashboard-count-down .rol .rol-type{font-size: 11px}
}

.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;}
}

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

.dashboard-user-domain {margin-bottom: 20px; background-color: #232227; padding: 20px; border-radius: 20px; display: flex; flex-direction: column; align-items: center; gap: 13px; font-size: 15px; font-weight: bold;}
.dashboard-user-domain .value {background-color: rgba(255,255,255,.1); padding: 8px 10px 6px 10px; border-radius: 6px; font-size: 16px; letter-spacing: 1px;}

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

.circle-dot {width: 44px; height: 44px; border-radius: 50%; margin-bottom: 30px; display: flex; justify-content: center; align-items: center; background: linear-gradient(180deg, #FFAD49 0%, #99682C 100%);}
.circle-dot:before {content: ""; display: flex; width: 10px; height: 10px; border-radius: 10px; box-shadow: 0 0 0 6px #10141a;}

.list-subscriptions {margin-bottom: 30px; display: grid; grid-gap: 20px; grid-template-columns: repeat(4,minmax(0,1fr));}
.list-subscriptions .item {border-radius: 35px; padding: 40px 25px; display: flex; flex-direction: column; align-items: center; position: relative; background: linear-gradient(180deg, rgba(8, 80, 205, 0.12) 0%, rgba(8, 80, 205, 0.04) 50%, rgba(8, 80, 205, 0.07) 100%), linear-gradient(180deg, rgba(37, 37, 37, 0.4) 0%, rgba(15, 15, 15, 0.4) 100%); backdrop-filter: blur(42px); border-top: 1px solid rgba(255,255,255,.15);}
.list-subscriptions .item .title {font-size: 25px; margin-bottom: 40px; font-weight: 800;}
.list-subscriptions .item .amount {color: rgba(255,255,255,.6); font-size: 14px; display: flex; align-items: center; margin-bottom: 40px; flex: 1;}
.list-subscriptions .item .amount strong {color: #fff; font-weight: 800; font-size: 30px; margin-left: 7px;}
.list-subscriptions .item .amount.old {margin-bottom: 10px; position: relative;}
.list-subscriptions .item .amount.old strong {font-size: 15px; font-weight: normal; color: #fff;}
.list-subscriptions .item .amount.old::before {content: ""; background-color: #bfbfbf; width: 100%; height: 1px; display: flex; position: absolute; transform: rotate(0deg);}
.list-subscriptions .item a,
  .list-subscriptions .item .is-off {max-width: 230px; margin-top: auto;}
.list-subscriptions .item .is-off {color: rgba(255,255,255,.5); font-style: italic; opacity: .5;}
.list-subscriptions .item:nth-child(1) .circle-dot {background: linear-gradient(180deg, #9643FF 0%, #5A2899 100%);}
.list-subscriptions .item:nth-child(2) .circle-dot {background: #fff;}
.list-subscriptions .item:nth-child(4) .circle-dot {background: linear-gradient(180deg, #2C9757 0%, #144D2B 100%);}
.list-subscriptions .item:before {content: ""; width: 100px; height: 70px; filter: blur(22px); position: absolute; z-index: -1; top: 14%; opacity: .3;}
.list-subscriptions .item:nth-child(1):before {background-color: #9943F9;}
.list-subscriptions .item:nth-child(2):before {background-color: #fff;}
.list-subscriptions .item:nth-child(3):before {background-color: #FFAD49;}
.list-subscriptions .item:nth-child(4):before {background-color: #2D9757;}
@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));}
  .list-subscriptions .item .circle-dot {position: absolute; right: 25px; top: 25px;}
  .list-subscriptions .item {align-items: start; padding-right: 90px;}
  .list-subscriptions .item .title {margin-bottom: 15px;}
  .list-subscriptions .item .amount {margin-bottom: 15px;}
  .list-subscriptions .item .button {width: calc(100% + 75px) !important; max-width: 200%; margin-right: -75px;}
  .list-subscriptions .item::before {top: 20px; right: 20px;}
}

.checkout {max-width: 1000px; margin: 0 auto 40px auto;}
.checkout .content {display: flex; gap: 30px;}
.checkout .content .plan {background-color: #10141A; padding: 40px 30px; display: flex; flex-direction: column; align-items: center; border-radius: 30px;}
.checkout .content .plan .title {font-size: 20px; margin-bottom: 20px;}
.checkout .content .plan .amount {font-weight: 300; margin-bottom: 30px;}
.checkout .content .plan .amount strong {font-size: 15px; font-weight: 500; margin-left: 4px;}
.checkout .content .plan .buy_plan_text {border-top: 1px solid #3F3F3F; padding-top: 30px; display: flex; flex-direction: column; gap: 13px;}
.checkout .content .plan .buy_plan_text .row {font-size: 12px; font-weight: 300;}
.checkout .content .plan .buy_plan_text .row i {background-color: #fff; color: #030303; font-size: 10px; width: 16px; height: 16px; border-radius: 50%; padding: 2px 2px 0 0; margin-left: 3px;}
.checkout .content .details {flex: 1; background-color: #10141A; padding: 40px 30px; border-radius: 30px;}
.checkout .content .details .title {margin-bottom: 22px; font-weight: 100;}
.checkout .content .details .title strong{font-weight: 700;}
.checkout .content .details .list {display: flex; width: 100%; flex-direction: column; gap: 17px; margin-bottom: 40px;}
.checkout .content .details .list .item {display: flex; justify-content: space-between;}
.checkout .content .details .list .item .label {display: flex; align-items: center;}
.checkout .content .details .list .item .label i {width: 24px; font-size: 17px;}
.checkout .content .details .list .item .label i.icon-pay {font-size: 18px; margin-top: -4px;}
.checkout .content .details .list .item .value {font-size: 15px; font-weight: 500;}
.checkout .content .details .list .item .value span {display: inline-flex;}
.checkout .content .details .list .item:last-child .value {font-size: 20px; font-weight: 900;}
.checkout .content .details .list .item.discount-form {gap: 20px; margin-bottom: 5px; position: relative; align-items: center;}
.checkout .content .details .list .item.discount-form input {background-color: #161d27; width: 100%; height: 45px; color: #fff; border: none; flex: 1; padding: 10px 55px 10px 12px; border-radius: 15px; transition: all .2s;}
.checkout .content .details .list .item.discount-form i.icon-gift {position: absolute; top: 11px; right: 15px; display: flex; justify-content: center; align-items: center; color: #B8B8B8; font-size: 18px; padding: 0 0 3px 0;}
.checkout .content .details .list .item.discount-form i.icon-gift::after {content: ""; width: 1px; height: 14px; background-color: #C3CDDB; margin-right: 11px; margin-top: 2px; opacity: .4;}
.checkout .content .details .list .item.discount {color: tomato;}
.checkout .content .details .foot .gateways {margin-bottom: 30px;}
.checkout .content .details .foot .gateways .title {font-weight: 500;}
.checkout .content .details .foot .submit {flex: 1; display: flex; justify-content: center; gap: 30px; align-items: center;}
.checkout .content .details .foot .submit button {max-width: 280px;}
.checkout .content .details .foot .foot .submit .or {font-size: 17px;}
/* .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 .content {flex-direction: column;}
  .checkout .content .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 .content .details .list .item.discount-form {flex-direction: column;}
  .checkout .content .details .list .item.discount-form button {height: 40px; width: 100%;}
}

.banner-unlimited {background-image: url('assets/images/bg-unlimited-banner-2.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 25px; display: flex; align-items: center; padding: 30px; margin-bottom: 40px;}
.banner-unlimited .left {margin-right: auto;}
.banner-unlimited .cover {background-color: rgba(2, 2, 2, 0.3); border-radius: 20px; padding: 30px 30px 30px 70px;}
.banner-unlimited .cover header {display: flex; margin-bottom: 7px; gap: 40px; align-items: center;}
.banner-unlimited .cover header .off {background-color: #FF4343; display: flex; align-items: center; padding: 8px 13px; border-radius: 20px 0 20px 0; font-weight: 800; font-size: 14px;}
.banner-unlimited .cover .title {font-size: 30px; font-weight: 800;}
.banner-unlimited .cover ul {margin: 0 20px 7px 0;}
.banner-unlimited .cover .amount {display: flex; align-items: center; gap: 15px; margin-bottom: 13px;}
.banner-unlimited .cover .amount .old {opacity: .5;}
.banner-unlimited .cover .amount .old strong {font-size: 14px; text-decoration: line-through;}
.banner-unlimited .cover .amount .pay {font-size: 12px;}
.banner-unlimited .cover .amount .pay strong {font-size: 25px;}
.banner-unlimited .cover a.button i {font-size: 12px; margin-right: 4px;}
.banner-unlimited .right {margin-right: 70px;}
@media (max-width:1150px){
  .banner-unlimited .right {margin-right: 0;}
  .banner-unlimited .right img {width: 150px;}
}
@media (max-width:820px){
  .banner-unlimited {flex-direction: column; align-items: center;}
  .banner-unlimited .right {margin-bottom: 20px;}
  .banner-unlimited .left {margin-right: 0;}
  .banner-unlimited .cover {padding: 30px; display: flex; flex-direction: column;}
  .banner-unlimited .cover .title {text-align: center;}
  .banner-unlimited .cover header {flex-direction: column-reverse; gap: 20px; margin-bottom: 20px;}
  .banner-unlimited .cover > .button {width: 100%;}
}
@media (max-width:500px){
  .banner-unlimited .right img {width: 100px;}
}
@media (max-width:400px){
  .banner-unlimited {padding: 15px;}
  .banner-unlimited .cover {padding: 20px;}
  .banner-unlimited .cover .title {font-size: 25px;}
}

.dashboard-list-marks {display: grid; grid-gap: 20px; grid-template-columns: repeat(5,minmax(0,1fr)); max-width: 1100px; margin: 0 auto 50px auto;}
.dashboard-list-marks .item-movie{width: 100%; min-width: auto;}
@media (max-width:1200px){
  .dashboard-list-marks {grid-template-columns: repeat(4,minmax(0,1fr));}
}
@media (max-width:800px){
  .dashboard-list-marks {grid-template-columns: repeat(3,minmax(0,1fr)); grid-gap: 15px;}
}
@media (max-width:600px){
  .dashboard-list-marks {grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media (max-width:400px){
  .dashboard-list-marks{grid-gap: 10px}
  .dashboard-list-marks .item-movie .top{height: 190px;}
  header.dashboard-body-header .actions .sort .caption{display: none;}
}

.dashboard-profile {display: flex; flex-direction: column; margin: 100px 0 40px 0; align-items: center;}
.dashboard-profile .top-tab {margin-bottom: 80px; display: none;}
.dashboard-profile .top-tab .radios {background-color: #10141A; border-radius: 14px;}
.dashboard-profile .top-tab .radios .item-sort {display: flex; margin: 10px; width: 110px;}
.dashboard-profile .top-tab .radios .item-sort label {text-align: center; flex: 1;}
.dashboard-profile .content {display: flex; width: 100%; justify-content: space-between; max-width: 940px;}
.dashboard-profile .content-tab {width: 100%; max-width: 370px;}
.dashboard-profile .profile-form {display: flex; flex-direction: column; align-items: center; padding: 30px 30px 40px 30px; max-width: 450px; margin: 0 auto; border-radius: 20px;}
.dashboard-profile .profile-form .title {font-weight: 800; font-size: 20px; padding: 20px 25px; border-radius: 20px; margin: -60px 0 30px 0;}
.dashboard-profile .profile-form .svg-area {margin-bottom: 20px;}
.dashboard-profile .profile-form .input {width: 100%; margin-bottom: 25px; max-width: 350px;}
.dashboard-profile .profile-form .radios {width: 100%; margin-bottom: 30px; background-color: #161D26; border-radius: 15px; padding: 7px; max-width: 350px;}
.dashboard-profile .profile-form .radios .item-sort {flex: 1;}
.dashboard-profile .profile-form .radios .item-sort label {width: 100%; display: flex; justify-content: center; align-items: center; padding: 10px 0;}
.dashboard-profile .profile-form .radios .item-sort input:checked + label,
  .dashboard-profile .profile-form .radios .item-sort.active label {background-color: #2C3745;}
.dashboard-profile .profile-form .radios .item-sort label i {font-size: 20px; margin-left: 7px;}
.dashboard-profile .profile-form .button {margin-top: 10px;}
@media (max-width:1080px){
  .dashboard-profile{margin-top: 50px;}
  .dashboard-profile .top-tab{display: flex;}
  .dashboard-profile .content{justify-content: center;}
  .dashboard-profile .content-tab.content-tab-password {display: none;}
}
@media (max-width:400px){
  .dashboard-profile .profile-form {width: 100%; padding: 15px 0 40px 0;}
  .dashboard-profile .profile-form .input{max-width: 100%;}
}

.dashboard-settings form {display: flex; flex-direction: column; gap: 40px; align-items: center; padding: 30px 30px 40px 30px; max-width: 450px; margin: 0 auto; border-radius: 20px;}
.dashboard-settings form .input {width: 100%;}
.dashboard-settings form .radios {width: 100%; background-color: #161D26; border-radius: 15px; padding: 7px;}
.dashboard-settings form .radios .item-sort {flex: 1;}
.dashboard-settings form .radios .item-sort label {width: 100%; display: flex; justify-content: center; align-items: center; padding: 10px 0;}
.dashboard-settings form .radios .item-sort input:checked + label,
  .dashboard-settings form .radios .item-sort.active label {background-color: #2C3745;}
.dashboard-settings form .radios .item-sort label i {font-size: 20px; margin-left: 7px;}
.dashboard-settings form .button {margin-top: 10px;}
.dashboard-settings form .row {width: 100%; display: flex; flex-direction: column; gap: 17px;}
.dashboard-settings form .row .label {font-size: 14px; display: flex; align-items: center; gap: 8px;}
.dashboard-settings form .row .label i {font-size: 20px;}
.radios.circle-color .item-sort label::before {content: ""; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; margin-left: 6px;}
.radios.circle-color .item-sort.yellow label::before {background-color: #F5AD12;}
.radios.circle-color .item-sort.blue label::before {background-color: #00D1FF;}
.radios.circle-color .item-sort.green label::before {background-color: #34C36D;}

.pop-ticket-add {display: flex; flex-direction: column; align-items: center;}
.pop-ticket-add .title {margin-bottom: 15px; margin-left: auto;}
.pop-ticket-add .buttons-area {display: flex; gap: 20px; margin-top: 15px;}
.pop-ticket-add .input {margin-bottom: 20px; width: 100%;}
.pop-ticket-add .type {margin-bottom: 30px; display: flex; gap: 20px;}
.pop-ticket-add .type label {cursor: pointer;}
.pop-ticket-add .type label input {position: absolute; opacity: 0; cursor: pointer;}
.pop-ticket-add .type label .radio-container {display: flex; flex-direction: column; align-items: center; background-color: #000; padding: 20px; gap: 15px; border-radius: 15px; transition: all .2s; color: rgba(255,255,255,.7);}
.pop-ticket-add .type label .radio-container i {font-size: 25px;}
.pop-ticket-add .type label .radio-container i.icon-credit-card {font-weight: bold;}
.pop-ticket-add .type label input:checked ~ .radio-container{background-color: #0950CD; color: #fff;}
.pop-ticket-add .type label .radio-container span {font-size: 12px;}
.pop-ticket-add .nice-select {width: 100%; margin-bottom: 30px; background-color: #000; height: 56px; border-radius: 30px; padding-right: 20px;}
.pop-ticket-add .nice-select::after {left: 20px;}
.pop-ticket-add .nice-select .current {padding-top: 5px; line-height: 56px; font-size: 12px;}
.pop-ticket-add .type {margin-bottom: 25px;}
.pop-ticket-add .type .radios {background-color: #121820; border-radius: 14px;}
.pop-ticket-add .type .radios .item-sort {position: relative;}
.pop-ticket-add .type .radios .item-sort label {display: flex; justify-content: center; padding: 13px 20px; margin: 7px;}
.pop-ticket-add .type .radios .item-sort input {left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0; cursor: pointer;}
@media (max-width:450px){
  .pop-ticket-add .buttons-area {flex-direction: column; width: 100%;}
}

table.dashboard-table {width: 100%; border-collapse: collapse; margin-bottom: 40px;}
table.dashboard-table thead tr th {text-align: right; padding: 10px; color: rgba(255,255,255,.7); background-color: #000;}
table.dashboard-table tbody tr td {padding: 10px; border-bottom: 1px solid rgba(255,255,255,.15);}
table.dashboard-table tbody tr:last-child td {border-bottom: none;}
table.dashboard-table .t-status {width: 170px; text-align: center;}
table.dashboard-table td.t-title a {font-weight: 800;}
table.dashboard-table td.t-title a:hover {color: #317cff;}
@media (max-width:750px){
  table.dashboard-table .t-year {display: none;}
}
@media (max-width:650px){
  table.dashboard-table .t-type {display: none;}
  table.dashboard-table .t-status {width: 120px;}
  table.dashboard-table .t-status .text-line-color {font-size: 11px; padding: 6px 8px;}
}
@media (max-width:550px){
  table.dashboard-table .t-date,
  table.dashboard-table .t-update {display: none;}
}

.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; font-size: 14px; font-weight: 800;}
.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 .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 img {border-radius: 50%; margin-left: 10px; width: 40px; height: 40px;}
.ticket-view .messages .pm .support {background-color: #0F3C6F; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; color: #1984FF; align-items: center; font-size: 26px; margin: 0 10px 0 0;}
.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: end; gap: 20px;}
.ticket-view .send-area button {background-color: rgba(255,255,255,.07); color: #0850CD; font-size: 24px; border: none; width: 50px; height: 50px; border-radius: 18px; justify-content: center; align-items: center; display: flex; transition: all .1s; cursor: pointer;}
.ticket-view .send-area button:hover {box-shadow: 0 0 0 20px rgba(0,0,0,.1) inset;}
.ticket-view .send-area textarea {flex: 1; background-color: rgba(255,255,255,.07); border: none; color: #fff; margin: 0; padding: 10px 13px; line-height: 30px; height: 52px; border-radius: 10px;}
.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(.back) {display: none;}
  .ticket-view .phone-ticket-details {display: flex;}
}
@media (max-width:400px){
  .ticket-view .phone-ticket-details .item .label {display: none;}
}

.request-message {display: flex; flex-direction: column; align-items: center; gap: 7px;}

.request-description {background-color: #038888; padding: 15px; border-radius: 20px; margin-bottom: 40px; line-height: 23px;}
.request-description .remainder {text-align: center; border-top: 1px solid rgba(255,255,255,.2); padding-top: 15px; margin-top: 15px;}
.request-description .remainder .value {display: inline-flex; direction: ltr;}
.request-description .remainder .value strong {font-size: 15px; font-weight: bold; padding-right: 1px;}

.cast-page {margin-bottom: 40px; margin-top: 30px;}
.cast-page header.cast-header {margin-bottom: 40px}
.cast-page .cast-list {display: grid; grid-gap: 20px; grid-template-columns: repeat(6,minmax(0,1fr)); margin-bottom: 40px;}
.cast-page .cast-list .item {display: flex; align-items: center; flex-direction: column; border-radius: 10px; border: 1px solid #1F2940; position: relative; padding: 20px; gap: 20px;}
.cast-page .cast-list .item .count {font-size: 12px; background-color: #323336; padding: 5px 8px; border-radius: 13px; display: inline-flex; margin: -55px 0 15px 0;}
.cast-page .cast-list .item .name {font-size: 14px; font-weight: 500; text-align: center;}
.cast-page .cast-list .item img {border-radius: 10px;}
.cast-page .filters {gap: 25px;}
@media (max-width:1300px){
	.cast-page .cast-list {grid-template-columns: repeat(5,minmax(0,1fr));}
}
@media (max-width:1050px){
	.cast-page .cast-list {grid-template-columns: repeat(4,minmax(0,1fr));}
}
@media (max-width:850px){
  .cast-page .cast-list {grid-template-columns: repeat(3,minmax(0,1fr)); grid-gap: 15px;}
}
@media (max-width:700px){
  .cast-page .archive-search-form {flex-wrap: wrap; gap: 20px; justify-content: center;}
  .cast-page .archive-search-form .field {margin: 0; max-width: 388px;}
}
@media (max-width:630px){
  .cast-page .cast-list {grid-template-columns: repeat(2,minmax(0,1fr)); grid-gap: 15px;}
}
@media (max-width:450px){
  .cast-page .archive-search-form .filters {flex-direction: column; width: 100%; gap: 20px;}
  .cast-page .archive-search-form .filters .value {width: 100%;}
  .cast-page .archive-search-form .filters .value .radios .item-sort {flex: 1;}
}
@media (max-width:420px){
  .cast-page .cast-list {grid-template-columns: repeat(1,minmax(0,1fr)); grid-gap: 15px;}
}

.archive-search-form {display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.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 .filters .value .radios .item-sort.auto {width: auto;}
.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: #0950CD; font-size: 16px; 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;}
}

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

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

.archive-collection {margin-top: 30px;}
.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: 20px; font-weight: 800;}
.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}
}

.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: #121820; 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 {display: flex; padding: 0; align-items: center; justify-content: center; font-size: 20px; border-radius: 50%; width: 40px; height: 40px; margin: 0 10px;}
.list-items-search .input button i {position: relative; right: unset; top: unset; color: #fff;}
.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: #121820; 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));}
.list-items-search .results .item-movie {width: auto; min-width: auto;}
@media (max-width:850px){
	.list-items-search .results{grid-template-columns: repeat(3,minmax(0,1fr));}
}
@media (max-width:600px){
	.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:450px){
	.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){
	.list-items-search .results .item-movie .top{height: 170px}
}

.dashboard-list-items {display: grid; grid-gap: 20px; grid-template-columns: repeat(5,minmax(0,1fr)); max-width: 1200px; margin: 0 auto 30px auto;}
.dashboard-list-items .item-movie {width: auto; min-width: auto;}
@media (max-width:1300px){
	.dashboard-list-items {grid-template-columns: repeat(4,minmax(0,1fr));}
}
@media (max-width:1130px){
	.dashboard-list-items .item-movie .top{height: 240px}
}
@media (max-width:750px){
	.dashboard-list-items .item-movie .top{height: 190px}
}
@media (max-width:670px){
	.dashboard-list-items {grid-template-columns: repeat(3,minmax(0,1fr));}
	.dashboard-list-items .item-movie .top{height: 250px}
}
@media (max-width:600px){
	.dashboard-list-items .item-movie .top{height: 200px}
}
@media (max-width:530px){
	.dashboard-list-items {grid-template-columns: repeat(2,minmax(0,1fr));}
	.dashboard-list-items .item-movie .top{height: 250px}
}
@media (max-width:350px){
	.dashboard-list-items .item-movie .top{height: 190px}
}

.dashboard-my-list {display: grid; grid-gap: 20px; grid-template-columns: repeat(5,minmax(0,1fr)); margin-bottom: 30px;}
@media (max-width:1700px){
  .dashboard-my-list{grid-template-columns: repeat(4,minmax(0,1fr));}
}
@media (max-width:1400px){
  .dashboard-my-list{grid-template-columns: repeat(3,minmax(0,1fr));}
}
@media (max-width:860px){
  .dashboard-my-list{grid-template-columns: repeat(2,minmax(0,1fr));}
}
@media (max-width:550px){
  .dashboard-my-list{grid-template-columns: repeat(1,minmax(0,1fr));}
}

.item-list {background-color: #121820; border-radius: 15px; padding: 20px; color: rgba(255,255,255,.8);}
.item-list .covers {display: grid; position: relative; 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 .covers .remove {color: #FF6767; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all 0.2s; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.7); opacity: 0;}
.item-list .covers .remove span {background-color: #000; display: flex; align-items: center; padding: 10px 13px; border-radius: 20px; gap: 5px;}
.item-list .covers .remove i {font-size: 20px; margin-top: -4px;}
.item-list .covers .remove:hover {color: #E15959;}
.item-list .covers:hover .remove {opacity: 1;}
.item-list .title {margin-bottom: 15px; color: #fff;}
.item-list .details {border-top: 1px solid #353536; border-bottom: 1px solid #353536; display: flex; padding: 10px 0; margin-bottom: 5px;}
.item-list .details .col {display: flex; color: #9B9B9B; flex: 1; gap: 3px;}
.item-list.is_view .details {border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.item-list .actions {display: flex; justify-content: space-between;}
.item-list .actions .a {display: flex; align-items: center; gap: 4px; color: rgba(255,255,255,.7); cursor: pointer; flex: 1; padding: 10px 0; font-size: 12px;}
.item-list .actions .a i {font-size: 19px;}
.item-list .actions .a:hover {color: #fff;}
.item-list.is_view {background-color: #141821;}
.item-list.is_view .date {margin-bottom: 7px;}

.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));}
}

.boxoffice-page {margin-bottom: 40px; margin-top: 30px;}
.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; right: 0; left: 0; top: -23px; text-align: center;}
.boxoffice-page .list .item .poster-area .num span {border: 5px solid #030303; min-width: 28px; border-radius: 30px; display: inline-flex; justify-content: center; align-items: center; height: 45px; background-color: #0950cd; font-size: 17px; font-weight: 700; width: 45px;}
.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 {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; margin-top: 30px;}
.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: -23px; text-align: center;}
.page-250 .list .item .poster-area a .num span {border: 5px solid #030303; min-width: 28px; border-radius: 30px; display: inline-flex; justify-content: center; align-items: center; height: 45px; background-color: #0950cd; font-size: 17px; font-weight: 700; width: 45px;}
.page-250 .list .item .left-side {flex: 1;}
.page-250 .list .item .left-side .rate-area {display: flex; align-items: center; direction: ltr; float: left; margin-right: 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; flex-direction: column; gap: 10px;}
.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 .top {display: flex; gap: 10px; align-items: center;}
.page-250 .list .item .left-side .rate-area .rate .top .value {font-size: 27px; font-weight: 500; margin-right: 4px; margin-top: 5px;}
.page-250 .list .item .left-side .rate-area .rate .top .value span {font-size: 13px; margin-left: 3px;}
.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: #0950cd;}
.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: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; margin-bottom: 10px;}
  .page-250 .list .item .left-side .plot {order: 3; text-align: center;}
  .page-250 .list .item .left-side .rate-area {order: 2; justify-content: center; margin-bottom: 15px;}
  .page-250 .list .item .left-side .rate-area .rate .votes {display: none;}
}

.header-bg {background-image: url('assets/images/bg-faq.jpg'); display: flex; align-items: center; justify-content: center; height: 150px;}
.header-bg .title {font-size: 19px;}

.faq-250 {margin-bottom: 70px;}
.faq-250 .archive-search-form {margin: -20px 0 40px 0;}
.faq-250 .archive-search-form .field {border-radius: 30px;}
.faq-250 .archive-search-form .field button {border-radius: 40px;}
.faq-250 .list {display: flex; flex-direction: column; gap: 30px;}
.faq-250 .list .item .question {display: flex; align-items: center; padding: 10px 0; cursor: pointer;}
.faq-250 .list .item .question .num {font-size: 25px; font-weight: 800; width: 50px;}
.faq-250 .list .item .question .text {flex: 1; font-size: 17px;}
.faq-250 .list .item .question i {font-size: 18px; transition: all .2s;}
.faq-250 .list .item.is-show .question i {transform: rotate(-45deg);}
.faq-250 .list .item .answer {line-height: 27px; display: none; margin: 0 50px 10px 0;}
.faq-250 .list .item .answer a {color: #f5ad11;}
.faq-250 .list .item .answer a:hover {color: #fff;}

.input.input-captcha input {width: calc(100% - 105px);}
.input.input-captcha img {position: absolute; left: 0; top: 10px; width: 96px; height: 37px; min-width: 96px; min-height: 37px;}

.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 30px 25px; display: flex; flex-direction: column; overflow-y: scroll; position: relative; right: -300px; transition: all .2s;}
.phone-sidebar i.icon-close {font-size: 20px; margin: -30px auto 0 -20px; padding: 30px 20px 20px 20px; cursor: pointer;}
.phone-sidebar .get-login {text-align: center; margin-bottom: 20px;}
.phone-sidebar .user {margin-bottom: 30px;}
.phone-sidebar .top {display: flex; align-items: center; margin-bottom: 25px;}
.phone-sidebar .top .user-avatar {margin-left: 10px;}
.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 {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: 20px; 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: #161D26; border-radius: 0;}
.phone-sidebar .cats .item.is-open > .text > i.arrow {transform: rotate(0deg);}
.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: #0950CD; width: 2px; margin-left: 8px;}
.phone-sidebar .back-close {position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
.phone-sidebar .get-subscription {height: 50px; min-height: 50px; justify-content: space-around; position: relative;}
.phone-sidebar .get-subscription i {font-size: 20px; color: #F5C518; position: absolute; right: 20px;}
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-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: 100;}
.phone-navigation .menu .item {flex: 1; color: #9DB2CE; 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 .text {font-size: 14px;}
.phone-navigation .menu .item:hover {color: #386BF6;}
.phone-navigation .menu .item.search i {margin: -80px 0 0 0; background-color: #0850CD; width: 55px; height: 55px; display: flex; justify-content: center; align-items: center; border-radius: 30px; font-size: 28px; color: #fff; box-shadow: 0px 4px 12px rgba(8, 80, 205, 0.66);}
@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-dashboard-menu {padding-bottom: 40px; grid-template-columns: repeat(5,minmax(0,1fr)); grid-gap: 25px; display: none;}
.phone-dashboard-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-dashboard-menu .item a i {font-size: 20px; margin-bottom: 15px;}
.phone-dashboard-menu .item.active a i {color: #0850cd;}
.phone-dashboard-menu .item a:hover {background-color: #1F2631;}
.phone-dashboard-menu .item a .text {text-align: center;}
body.show-dashboard-sidebar .phone-dashboard-menu {display: grid;}
@media (max-width:700px){
  .phone-dashboard-menu {grid-template-columns: repeat(3,minmax(0,1fr));}
}
@media (max-width:450px){
  .phone-dashboard-menu{grid-gap: 15px;}
}

.dl-content {background-color: rgba(255,255,255,.1); padding: 20px; border-radius: 20px;}
.dl-content .box-sh {float: right; width: 100%; text-align: center; padding: 7px 0 5px; font-size: 18px; border-radius: 7px !important;}
.dl-content  p {display: block; margin: 20px 0;}
.dl-content span {color: #fff !important;}
.dl-content a {color: #fff !important; display: inline-flex; transition: all .1s; align-items: center; gap: 10px; background-color: #ED6167; height: 45px; padding: 0 25px; border-radius: 25px; white-space: nowrap;}
.dl-content a:hover {box-shadow: 0 0 0 30px rgba(0,0,0,.1) inset;}
.dl-content .get-subscription {display: flex; flex-direction: column; align-items: center; padding: 50px 0; gap: 20px;}
.dl-content .get-subscription a i {font-size: 18px;}

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

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

.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;}

.exit_message {margin: 50px auto 20px auto; width: 100%; 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;}