html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,body{height:100%}
body{font-family:'mainfont';font-feature-settings: "case" on;text-transform: uppercase;font-weight:400;background-color:#1a191f;-webkit-font-smoothing:antialiased}
button{padding:0;border:none;background-color:transparent;transition:.4s;cursor:pointer;transition-property:color,background-color,border-color,opacity,box-shadow}
button:focus{outline:none}
a{text-decoration:none;transition:.4s;transition-property:color,background-color,border-color,opacity,box-shadow}
a:hover,a:active,a:focus{outline:none;text-decoration:none}
input,textarea,select{padding:0;margin:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;box-shadow:none;transition:.4s ease;transition-property:color,border-color,box-shadow}
input:focus,textarea:focus,select:focus{outline:none}
select::-ms-expand{display:none}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
ul{margin:0;padding:0;list-style:none}
::-moz-selection{background:#f9ab00;color:#fff;text-shadow:none}
::selection{background:#f9ab00;color:#fff;text-shadow:none}
::-webkit-input-placeholder{color:silver;opacity:1}
::-moz-placeholder{color:silver;opacity:1}
:-moz-placeholder{color:silver;opacity:1}
:-ms-input-placeholder{color:silver;opacity:1}
body::-webkit-scrollbar{width:16px}
body::-webkit-scrollbar-track{background:#1a191f}
body::-webkit-scrollbar-thumb{background-color:#222028;outline:0 solid #fff}
@media (min-width: 1400px) {
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1300px}
}
.header{display:block;position:fixed;top:0;left:0;width:100%;background-color:#1a191f;z-index:101;border-bottom:1px solid #222028}
.header__logo{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:70px;width:auto}
.header__logo img{width:auto;height:20px;display:block}
.header__logo .logo-text { font-family: 'Framd', sans-serif; font-size: 28px; display: inline-block; width: 100%; text-align: center; line-height: 36px; } 
.header__logo .kino { color: #FF9800; } 
.header__logo .mania { color: #FFFFFF; }
.header__nav{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:fixed;top:70px;right:0;bottom:0;background-color:#1a191f;z-index:99;width:300px;padding:30px 30px 0;transform:translate3d(300px,0,0);transition:.4s ease;border-top:2px solid #f9ab00}
.header__nav--active{transform:translate3d(0,0,0)}
.header__nav-item{width:100%;display:block;height:30px;margin-bottom:20px;position:relative}
.header__nav-item:last-child{margin-bottom:0}
.header__nav-link{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;height:30px;font-size:14px;text-transform:uppercase;color:#fff;white-space:nowrap}
.header__nav-link i{font-size:10px;margin-left:2px}
.header__nav-link--more i{font-size:20px;margin-left:0}
.header__nav-link:hover,.header__nav-link[aria-expanded="true"]{color:#f9ab00}
.header__dropdown-menu {position: absolute; background-color: #222028; padding: 15px 17px; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; min-width: 200px; border-radius: 8px; border: none; max-height: 300px; overflow-y: auto; box-sizing: border-box; scrollbar-gutter: stable both-edges;}
.header__dropdown-menu li {margin-bottom: 15px; width: 100%;}
.header__dropdown-menu li:last-child {margin-bottom: 0;}
.header__dropdown-menu a {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 16px; line-height: 24px; color: #fff; font-weight: 400;}
.header__dropdown-menu a i {font-size: 20px; line-height: 24px; margin-right: 8px;}
.header__dropdown-menu a:hover {color: #f9ab00;}
.header__dropdown-menu--user a {font-size: 14px; text-transform: uppercase;}
.header__dropdown-menu.show {display: flex;}
.header__dropdown-menu::-webkit-scrollbar {width: 3px;}
.header__dropdown-menu::-webkit-scrollbar-thumb {background-color: #f9ab00; border-radius: 4px;}
.header__content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:70px;position:relative}
.header__auth{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-right:42px}
.header__sign-in{display:flex;flex-direction:row;justify-content:center;align-items:center;height:40px;width:40px;border-radius:8px;margin-left:20px;border:2px solid #f9ab00}
.header__sign-in span{display:none}
.header__sign-in i{color:#fff;font-size:20px}
.header__sign-in b{color:#fff;font-size:18px;font-weight:400}
.header__sign-in:hover b{color:#fff}
.header__sign-in:hover{background-color:rgba(249,171,0,0.05)}
.header__sign-in:hover span{color:#fff}
.header__btn{display:block;position:absolute;right:0;top:50%;margin-top:-22px;width:22px;height:40px}
.header__btn span{display:block;position:absolute;height:2px;width:22px;background:#000;opacity:1;left:0;transform:rotate(0deg);transition:.4s ease;top:13px;background-color:#fff;border-radius:2px}
.header__btn span:nth-child(2){top:21px}
.header__btn span:nth-child(3){top:29px}
.header__btn--active span{background-color:#f9ab00}
.header__btn--active span:nth-child(1){top:21px;transform:rotate(45deg)}
.header__btn--active span:nth-child(2){opacity:0}
.header__btn--active span:nth-child(3){top:21px;transform:rotate(-45deg)}
.header__lang{position:relative;margin-left:20px}
.header__lang .header__dropdown-menu{width:120px;min-width:120px}
.header__lang .header__nav-link{height:40px}
.header__profile{position:relative}
.header__profile .header__dropdown-menu{width:170px;min-width:170px}
.header__search-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;height:40px;color:#fff;font-size:20px}
.header__search-btn:hover{color:#f9ab00}
.header__search{position:absolute;background-color:#1a191f;top:-70px;right:-15px;left:-15px;z-index:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:70px;padding:0 15px;pointer-events:none;transition:top .4s ease}
.header__search--active{top:0;pointer-events:auto}
.header__search-input{width:calc(100% - 35px);height:40px;border-radius:8px;background-color:#222028;border:2px solid transparent;font-size:16px;color:#fff;padding:0 50px 0 20px}
.header__search-input:focus{border-color:#f9ab00}
.header__search-button{position:absolute;height:40px;color:#fff;font-size:20px;top:50%;margin-top:-20px;right:75px}
.header__search-button:hover{color:#f9ab00}
.header__search-close{position:absolute;height:40px;color:#fff;font-size:20px;top:50%;margin-top:-20px;right:15px}
.header__search-close:hover{color:#eb5757}
@media (min-width: 576px) {
.header__sign-in,.header__lang{margin-left:30px}
.header__auth{margin-right:52px}
}
@media (min-width: 768px) {
.header__content{height:80px}
.header__logo{height:80px}
.header__logo img{height:24px}
.header__auth{margin-right:52px}
.header__sign-in{height:40px;width:120px;margin-left:30px}
.header__sign-in i{display:none}
.header__sign-in span{display:block;font-size:14px;color:#fff;text-transform:uppercase;transition:color .4s}
.header__sign-in--user{width:auto;padding:0 24px}
.header__nav{top:80px;width:260px;transform:translate3d(260px,0,0)}
.header__nav--active{transform:translate3d(0,0,0)}
.header__search{height:80px}
.pmlist{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
table.pm{width:900px}
}
@media (min-width: 1200px) {
.header__sign-in{margin-left:30px}
.header__auth{margin-right:0}
.header__btn{display:none}
.header__nav{transform:translate3d(0,0,0);padding:0;background-color:transparent;width:auto;flex-direction:row;align-items:center;position:relative;top:auto;right:auto;bottom:auto;margin-left:auto;box-shadow:none;border:none;transition:0}
.header__nav-item{margin-right:35px;height:40px;width:auto;margin-bottom:0}
.header__nav-item:last-child{margin-right:0}
.header__nav-link{height:40px}
.header__content{justify-content:flex-start}
.header__auth{margin-left:auto;justify-content:space-between;width:432px}
.header__lang{margin-left:24px;margin-right:auto}
.header__search-btn{display:none}
.header__search-close{display:none}
.header__search{position:relative;opacity:1;pointer-events:auto;padding:0;top:auto;right:auto;left:auto;bottom:auto;background-color:transparent}
.header__search-input{width:204px}
.header__search-button{right:20px}
}
@media (min-width: 1400px) {
.header__auth{width:492px}
.header__lang{margin-left:30px}
.header__nav-item{margin-right:45px}
.header__nav-item:last-child{margin-right:0}
.header__search-input{width:231px}
}
.home{margin-top:70px;position:relative;display:block;background-color:#1a191f;padding:50px 0;overflow:hidden}
.home .container{position:relative;z-index:3}
.home__title{color:#fff;text-transform:uppercase;font-weight:300;font-size:32px;line-height:42px;margin:0;padding-right:100px}
.home__title b{font-weight:600}
.home__carousel{margin-top:24px}
.home--bg{border-bottom:1px solid #222028}
.home--bg:before{content:'';z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:url(../img/bg/home__bg.jpg) no-repeat center/cover;opacity:.2}
.home--bg:after{content:'';z-index:2;position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(0deg,#1a191f 0%,#1a191f 25%,rgba(26,25,31,0) 100%)}
.home--hero{padding:35px 0;border-bottom:1px solid #222028}
@media (min-width: 768px) {
.home{margin-top:80px;padding:70px 0}
.home__title{font-size:36px;padding-right:120px}
.home__carousel{margin-top:34px}
.home--hero{padding:35px 0}
}
@media (min-width: 1200px) {
.home__title{font-size:42px}
}
.main{position:relative;width:100%;border-radius:6px;overflow:hidden;padding:20px 0 40px}
.main__title{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;position:relative;margin-bottom:6px;padding-bottom:20px}
.main__title h2{color:#fff;font-weight:400;font-size:32px;line-height:100%;margin-bottom:0}
.main__title h2 b{font-weight:700}
.main__title-stat{color:silver;font-size:14px;margin-left:20px;margin-top:10px}
.main__title-wrap{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-left:auto;width:100%;margin-top:20px}
.main__title-form{position:relative;margin-top:20px;width:100%}
.main__title-form input{border:none;height:40px;color:#fff;padding:0 50px 0 20px;border-radius:8px;background-color:#222028;width:100%;font-size:16px;border:2px solid transparent}
.main__title-form input:focus{border-color:#f9ab00}
.main__title-form button{position:absolute;z-index:1;top:0;right:20px;height:40px;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:20px;color:#fff}
.main__title-form button:hover{color:#f9ab00}
.main__title-link{display:flex;justify-content:center;align-items:center;height:40px;width:120px;border-radius:8px;border:2px solid #f9ab00;margin-left:auto;font-size:14px;color:#fff;text-transform:uppercase}
.main__title-link:hover{color:#fff;background-color:rgba(249,171,0,0.05)}
.main__title-link--wrap{position:absolute;top:0;right:0;width:auto;padding:0 20px}
.hero{position:relative;width:100%;border-radius:6px;overflow:hidden}
.hero__slide{padding:0 20px;width:100%;border-radius:6px;position:relative;overflow:hidden;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.hero__slide:before,.hero__slide:after{content:'';top:0;left:0;bottom:0;right:0;position:absolute;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.hero__slide:before{background-color:rgba(0,0,0,0.25);z-index:1}
.hero__slide:after{background:linear-gradient(270deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);z-index:2}
.hero__content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:560px;width:100%;position:relative;z-index:3;padding-bottom:40px;padding-right:20px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.hero__title{font-size:32px;line-height:42px;color:#fff;font-weight:400;margin-bottom:15px;position:relative}
.hero__title sub{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;color:#fff;font-weight:600;line-height:20px;bottom:50%;transform:translateY(50%);position:relative;margin-left:10px;background-color:rgba(26,25,31,0.2);border:2px solid transparent;border-radius:50%}
.hero__title sub.green{border-color:#29b474}
.hero__title sub.yellow{border-color:#ffc312}
.hero__title sub.red{border-color:#eb5757}
.hero__text{font-size:16px;line-height:26px;color:silver;margin-bottom:20px}
.hero__category{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;margin-bottom:20px}
.hero__category a{font-size:16px;line-height:20px;position:relative;color:#f9ab00;margin-right:10px}
.hero__category a:after{content:',';position:absolute;display:block;left:100%;top:0;color:#f9ab00}
.hero__category a:last-child{margin-right:0}
.hero__category a:last-child:after{display:none}
.hero__category a:hover{text-decoration:underline}
.hero__actions{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;width:100%}
.hero__btn{display:flex;flex-direction:row;justify-content:center;align-items:center;height:46px;width:160px;border-radius:8px;background-color:transparent;font-size:14px;color:#fff;text-transform:uppercase;border:2px solid #f9ab00;margin-top:20px}
.hero__btn:hover{color:#fff;background-color:rgba(249,171,0,0.05)}
@media (min-width: 768px) {
.hero__slide{padding:0 60px}
.hero__content{padding-bottom:50px;padding-right:25%}
.hero__title{font-size:36px;line-height:46px}
}
@media (min-width: 992px) {
.hero__content{padding-right:0}
.hero__text{padding-right:40%}
}
@media (min-width: 1200px) {
.hero__slide{padding:0 120px}
.hero__title{font-size:42px}
.hero__text{padding-right:50%}
}
@media (min-width: 1400px) {
.hero__text{padding-right:55%}
}
.section{padding:50px 0;position:relative}
.section__title-wrap{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}
.section__title{color:#fff;font-weight:400;font-size:30px;line-height:42px;margin-bottom:0}
.section__title b{font-weight:600}
.section__title--head{font-size:23px}
.section__title-en {font-size: 10px;color: #FF9800;}
.section__title--mt{margin-top:50px}
.section__text{color:silver;font-size:16px;line-height:26px;margin-top:15px;margin-bottom:0}
.section__text b{font-weight:600;color:#fff}
.section__text a{color:#f9ab00}
.section__text a:hover{color:#f9ab00;text-decoration:underline}
.section__text:first-child{margin-top:0}
.section__list ol{padding-left:0;list-style:none;counter-reset:li;margin-bottom:0}
.section__list ol ol{padding-left:15px;margin-top:10px}
.section__list ol ol ol{margin-top:10px;margin-bottom:10px}
.section__list ol ol ol li{margin-top:5px}
.section__list ol h4{font-size:16px;font-weight:600;color:#fff;display:inline-block;margin-bottom:0;margin-top:20px}
.section__list ol li{font-size:16px;line-height:26px;color:silver;position:relative}
.section__list ol li b{font-weight:600;color:#fff}
.section__list ol li a{color:#f9ab00}
.section__list ol li a:hover{color:#f9ab00;text-decoration:underline}
.section__list ol li:last-child{margin-bottom:0}
.section__list ol li:before{counter-increment:li;content:counters(li, ".") ". "}
.section__view{display:flex;flex-direction:row;justify-content:center;align-items:center;min-width:70px;padding:0 15px;height:36px;color:#fff;border-radius:8px;background-color:#222028;font-size:14px;margin-top:20px;text-transform:uppercase}
.section__view:hover{color:#f9ab00}
.section__carousel{margin-top:24px}
.section__wrap{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}
.section__more{display:flex;flex-direction:row;justify-content:center;align-items:center;height:46px;width:160px;border-radius:8px;background-color:transparent;font-size:14px;color:#fff;text-transform:uppercase;border:2px solid #f9ab00;margin:50px auto 0}
.section__more:hover{color:#fff;background-color:rgba(249,171,0,0.05)}
.section__item-filter{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;width:100%}
.section__item-select{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:auto;margin-top:15px;margin-right:15px;padding:0 20px;border-radius:8px;border:none;background:#222028}
.section__item-select:focus{box-shadow:none}
.section__item-select:last-child{margin-right:0}
.section__item-select .ss-single{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:40px;padding:0;margin:0!important;color:#fff;font-size:14px;text-transform:uppercase}
.section__item-select .ss-arrow{width:8px;height:8px;margin:1px 0 0 6px}
.section__item-select .ss-arrow path{stroke:#fff}
.section__item-select .ss-search{padding:0;margin-bottom:15px;font-size:16px;color:silver;width:100%}
.section__item-select .ss-search:last-child{margin-bottom:0}
.section__item-select .ss-search input{padding:0;background-color:transparent;color:#fff;font-size:16px;border-radius:0;border:none;border-bottom:1px solid rgba(255,255,255,0.1);height:40px}
.section__item-select .ss-search input:focus{box-shadow:none}
.section__item-select .ss-search input::placeholder{color:silver}
.section__item-select .ss-list{width:100%}
.section__item-select .ss-list .ss-option{font-size:16px;color:#fff;line-height:38px;padding:0;transition:.4s ease}
.section__item-select .ss-list .ss-option:hover{background-color:transparent;color:#f9ab00}
.section__item-select .ss-list .ss-option.ss-selected{background-color:transparent!important;color:#f9ab00!important}
.section__item-select.ss-content{flex-direction:column;align-items:flex-start;border:none;border-radius:8px;min-width:130px;padding:15px 20px;background:#222028;box-shadow:none}
.section__item-select.ss-open-below,.section__item-select.ss-open-above{border-radius:8px}
.section__details-bg{position:absolute;display:block;top:0;right:0;left:0;bottom:0;background-color:#1a191f;z-index:1;opacity:.2;pointer-events:none}
.section__details-bg:after{content:'';z-index:2;position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(0deg,#1a191f 0%,#1a191f 25%,rgba(26,25,31,0) 100%)}
.section__roadmap{display:block;position:relative;margin-top:24px;width:100%;background-color:#222028;border-radius:8px;padding:30px 20px}
.section__roadmap:before{content:'';position:absolute;display:block;height:4px;top:82px;right:20px;left:20px;border-radius:4px;background:#f9ab00}
.section--catalog{padding:0 0 50px}
.section--first{margin-top:70px;border-bottom:1px solid #222028}
.section--details{margin-top:70px;border-bottom:1px solid #222028}
.section--details .container{position:relative;z-index:4}
.section--border{border-top:1px solid #222028}
.section--blue{background-color:#222028}
.section--notitle{padding-top:26px}
.section--pt{padding-top:0}
@media (min-width: 768px) {
.section{padding:40px 0}
.section__title-wrap{flex-direction:row;justify-content:space-between;align-items:center}
.section__title{font-size:36px;line-height:46px}
.section__title-en {display:flex;font-size:15px;color: #FF9800;}
.section__title--mt{margin-top:70px}
.section__wrap{flex-direction:row;justify-content:space-between;align-items:center;margin-top:70px}
.section__view{margin-top:0}
.section__view--carousel{margin-right:117px}
.section__roadmap{padding:30px 30px 40px}
.section__roadmap:before{left:30px;right:30px;top:87px}
.section--catalog{padding:0 0 70px}
.section--first{padding:50px 0}
.section--first,.section--details{margin-top:80px}
.section--notitle{padding-top:46px}
.section--pt{padding-top:0}
}
@media (min-width: 992px) {
.section__title--sidebar{margin-top:24px}
}
@media (min-width: 1200px) {
.section__title--head{font-size:35px}
.section__title-en {display:flex;font-size:16px;color: #FF9800;margin-bottom: 28px;}
.section__title--mt{margin-top:0}
.section__roadmap{padding:30px}
}
.content{padding-bottom:50px}
.content__head{background-color:#1a191f;margin-bottom:10px;position:relative;border-bottom:1px solid #222028;padding-top:25px}
.content__title{color:#fff;font-weight:400;font-size:30px;line-height:100%;margin-bottom:15px}
.content__tabs{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;overflow:hidden;border:none}
.content__tabs li{margin-right:30px}
.content__tabs li:last-child{margin-right:0}
.content__tabs button{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:50px;color:#fff;position:relative;text-transform:uppercase;font-size:14px}
.content__tabs button:hover{color:#f9ab00}
.content__tabs button:before{content:'';position:absolute;bottom:0;left:0;right:0;height:0;display:block;background:#f9ab00;box-shadow:none;transition:.4s ease;border-radius:2px 2px 0 0}
.content__tabs button.active{color:#f9ab00}
.content__tabs button.active:before{height:2px}
@media (min-width: 768px) {
.content{padding-bottom:70px}
.content__title{font-size:36px}
.content__tabs--profile button{height:80px}
}
@media (min-width: 1200px) {
.content__tabs li{margin-right:35px}
.content__tabs li:last-child{margin-right:0}
}
@media (min-width: 1400px) {
.content__tabs li{margin-right:40px}
.content__tabs li:last-child{margin-right:0}
}
.breadcrumbs{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:15px;margin-bottom:-100px}
.breadcrumbs__item{font-size:16px;color:#fff;transition:.4s ease;position:relative;margin-right:36px}
.breadcrumbs__item:before{content:'\ea1c';position:absolute;font-family:'tabler-icons';color:silver;left:100%;top:0;font-size:18px;line-height:26px;margin-left:9px}
.breadcrumbs__item:hover{color:#fff}
.breadcrumbs__item--active{cursor:default;margin-right:0}
.breadcrumbs__item--active:before{display:none}
.breadcrumbs__item--active:hover{color:#fff}
.breadcrumbs a{color:silver}
.breadcrumbs a:hover{color:#f9ab00}
@media (min-width: 768px) {
.breadcrumbs{margin-top:0}
}
.item{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;position:relative;margin-top:24px}
.item--hero,.item--carousel{margin-top:0}
.item__cover{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;border-radius:8px;overflow:hidden;background-color:#000}
.item__cover img{width:100%;transition:opacity .4s}
.item__cover:hover img{opacity:.5}
.item__cover:hover .item__play{opacity:1;transform:scale(1)}
.item__play{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;width:60px;height:60px;background-color:rgba(255,255,255,0.2);border-radius:50%;top:50%;left:50%;margin:-30px 0 0 -30px;z-index:3;font-size:24px;color:#f9ab00;transition:.4s ease;transform:scale(0.9);transition-property:opacity,background-color,color,border-color,transform;opacity:0;border:6px solid rgba(255,255,255,0.15)}
.item__play i{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;border-radius:50%;background-color:#fff}
.item__play:hover{border-color:rgba(249,171,0,0.5);color:#f9ab00}
.item__content{position:relative;display:block;margin-top:10px;width:100%}
.item__content__right{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;top:12%;left:90%;margin:-30px 0 0 -30px;width:100%}
.item__title{font-size:18px;line-height:30px;font-weight:400;color:#fff;margin:0;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-wrap:break-word;transition:.4s ease}
.item__title-en {display: inline-block;max-width: 20ch;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 13px;color: #FF9800;}
.item__title a{color:#fff}
.item__title a:hover{color:#f9ab00}
.item__title:hover{color:#f9ab00}
.item__category{display:flex;flex-direction:row;justify-content:flex-start;align-items:start;flex-wrap:wrap}
.item__category a{font-size:14px;position:relative;color:#f9ab00;margin-right:10px}
.item__category a:after{content:',';position:absolute;display:block;left:100%;top:0;color:#f9ab00}
.item__category a:last-child{margin-right:0}
.item__category a:last-child:after{display:none}
.item__category a:hover{text-decoration:underline}
.item__rate{font-size:14px;font-weight:600;color:#fff;position:absolute;z-index:3;display:flex;flex-direction:row;justify-content:center;align-items:center;width:36px;height:36px;top:15px;left:15px;background-color:rgba(26,25,31,0.6);border:2px solid transparent;border-radius:50%}
.item__rate--green{border-color:#29b474}
.item__rate--yellow{border-color:#ffc312}
.item__rate--red{border-color:#eb5757}
.item__favorite{position:absolute;z-index:3;display:flex;flex-direction:row;justify-content:center;align-items:center;width:36px;height:36px;top:15px;right:15px;background-color:#1a191f;border-radius:8px;font-size:18px;color:#fff}
.item__favorite:hover{color:#f9ab00}
.item__favorite--active{color:#f9ab00}
.item__favorite--active:hover{color:#eb5757}
.item__meta{display:block;font-size:16px;line-height:26px;color:#f9ab00}
.item__meta span{color:#fff;margin-right:10px}
.item__meta a{font-size:16px;position:relative;color:#f9ab00;margin-right:8px;text-decoration:none}
.item__meta a:after{content:',';position:absolute;display:block;left:100%;top:0;color:#f9ab00}
.item__meta a:last-child{margin-right:0}
.item__meta a:last-child:after{display:none}
.item__description{display:block;position:relative;margin-top:24px;max-height:200px;overflow:auto;scrollbar-color:#f9ab00 #222028;scrollbar-width:thin;border-radius:8px;background-color:#222028}
.item__description p{padding:15px 20px 0;font-size:16px;line-height:26px;color:#fff;margin-bottom:0}
.item__description p:last-child{padding-bottom:15px}
.item--details{display:block}
.item--details .item__cover{max-width:250px}
.item--details .item__cover:hover img{opacity:1}
.item--details .item__cover:hover:before{opacity:0}
.item--details .item__content{margin-top:20px}
@media (min-width: 768px) {
.item--hero .item__title{font-size:20px}
.item--hero .item__rate{top:20px;left:20px}
.item--hero .item__favorite{top:20px;right:20px}
.item--details .item__cover{max-width:100%}
.item--details .item__content{margin-top:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;height:100%}
.item--details .item__description{max-height:175px}
}
@media (min-width: 992px) {
.item--details .item__description{max-height:200px}
}
@media (min-width: 1200px) {
.item--hero .item__title{font-size:18px}
.item--hero .item__title-en {display: inline-block;max-width: 21.8ch;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;color: #FF9800;}
.item--hero .item__play{width:70px;height:70px;font-size:28px;margin:-35px 0 0 -35px}
.item--hero .item__category a{font-size:16px}
.item--details{margin-bottom:0}
.item--details .item__description{max-height:140px}
.item__cover:hover .item__favorite{opacity:1;transform:scale(1)}
.item__favorite{transition:.4s ease;transform:scale(0.9);transition-property:opacity,background-color,color,border-color,transform;opacity:0}
.item__favorite--static{opacity:1;transform:scale(1)}
.item__favorite--active{opacity:1;transform:scale(1)}
}
@media (min-width: 1400px) {
.item--details .item__description{max-height:160px}
}
.filter{position:relative;width:100%;background-color:#1a191f;margin-bottom:10px;border-bottom:1px solid #222028}
.filter--fixed{position:sticky;top:0;z-index:102}
.filter--hidden{z-index:90}
.filter__content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:20px 0}
.filter__menu{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;height:30px;font-size:16px;color:#fff}
.filter__menu i{font-size:20px;margin-right:4px}
.filter__amount{font-size:14px;font-weight:400;color:silver;line-height:30px}
.filter__items{display:none}
.filter__select{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:auto;min-width:120px;margin-right:20px;padding:0 20px;border-radius:8px;border:none;background:#222028}
.filter__select:focus{box-shadow:none}
.filter__select:last-child{margin-right:0}
.filter__select .ss-single{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:40px;padding:0;margin:0!important;color:#fff;font-size:16px}
.filter__select .ss-arrow{width:8px;height:8px;margin:3px 0 0 6px}
.filter__select .ss-arrow path{stroke:#fff}
.filter__select .ss-search{padding:0;margin-bottom:15px;font-size:16px;color:silver;width:100%}
.filter__select .ss-search:last-child{margin-bottom:0}
.filter__select .ss-search input{padding:0;background-color:transparent;color:#fff;font-size:16px;border-radius:0;border:none;border-bottom:1px solid rgba(255,255,255,0.1);height:40px}
.filter__select .ss-search input:focus{box-shadow:none}
.filter__select .ss-search input::placeholder{color:silver}
.filter__select .ss-list{width:100%}
.filter__select .ss-list .ss-option{font-size:16px;color:#fff;line-height:38px;padding:0;transition:.4s ease}
.filter__select .ss-list .ss-option:hover{background-color:transparent;color:#f9ab00}
.filter__select .ss-list .ss-option.ss-selected{background-color:transparent!important;color:#f9ab00!important}
.filter__select.ss-content{flex-direction:column;align-items:flex-start;border:none;border-radius:8px;min-width:160px;padding:15px 20px;background:#222028;box-shadow:none}
.filter__select.ss-open-below,.filter__select.ss-open-above{border-radius:8px}
.filter__btn{display:none}
@media (min-width: 768px) {
.filter__content{padding:0;height:80px}
.filter__menu{display:none}
.filter__amount{display:none}
.filter__items{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}
.filter__btn{display:flex;flex-direction:row;justify-content:center;align-items:center;height:40px;width:100px;border-radius:8px;background-color:transparent;font-size:14px;color:#fff;text-transform:uppercase;border:2px solid #f9ab00}
.filter__btn:hover{color:#fff;background-color:rgba(249,171,0,0.05)}
}
@media (min-width: 992px) {
.filter__btn{width:120px}
}
@media (min-width: 1200px) {
.filter__select{margin-right:30px;min-width:124px}
.filter__select:last-child{margin-right:0}
}
.mfilter{position:fixed;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:30px;z-index:105;top:70px;bottom:0;left:0;width:300px;background-color:#1a191f;box-shadow:none;transition:transform .4s ease;transform:translate3d(-300px,0,0);border-top:2px solid #f9ab00}
.mfilter--active{transform:translate3d(0,0,0)}
.mfilter__head{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:30px}
.mfilter__title{color:#fff;font-size:20px;line-height:100%;font-weight:400;margin-bottom:0}
.mfilter__close{display:flex;flex-direction:row;justify-content:center;align-items:center;color:silver;font-size:20px;width:20px;height:20px}
.mfilter__select-wrap{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}
.mfilter__apply{display:flex;flex-direction:row;justify-content:center;align-items:center;height:40px;width:100%;border-radius:8px;background-color:transparent;font-size:14px;color:#fff;text-transform:uppercase;border:2px solid #f9ab00;margin-top:auto}
.mfilter__apply:hover{color:#fff;background-color:rgba(249,171,0,0.05)}
@media (min-width: 768px) {
.mfilter{display:none}
}
.paginator-mob{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:50px}
.paginator-mob--comments{margin-top:24px;margin-bottom:24px}
.paginator-mob__pages{display:flex;flex-direction:row;justify-content:center;align-items:center;height:36px;width:auto;padding:0 15px;color:silver;border-radius:8px;background-color:#222028;font-size:14px}
.paginator-mob__nav{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center}
.paginator-mob__nav li{margin-right:15px}
.paginator-mob__nav li:first-child a{padding-left:10px}
.paginator-mob__nav li:first-child a span{margin-left:4px}
.paginator-mob__nav li:last-child{margin-right:0}
.paginator-mob__nav li:last-child a{padding-right:10px}
.paginator-mob__nav li:last-child a span{margin-right:4px}
.paginator-mob__nav a{display:flex;flex-direction:row;justify-content:center;align-items:center;height:36px;width:auto;padding:0 15px;color:#fff;text-align:center;border-radius:8px;background-color:#222028}
.paginator-mob__nav a span{font-size:14px;line-height:20px;text-transform:uppercase}
.paginator-mob__nav a i{font-size:20px}
.paginator-mob__nav a:hover{color:#f9ab00}
@media (min-width: 768px) {
.paginator-mob{display:none}
}
.paginator{display:none}
@media (min-width: 768px) {
.paginator{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;margin-top:50px}
.paginator--comments{margin-top:30px;margin-bottom:30px}
.paginator__item{margin-right:15px}
.paginator__item a,.paginator__item span{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:16px;font-weight:600;height:40px;width:40px;color:#fff;text-align:center;border-radius:8px;background-color:#222028;border:1px solid transparent}
.paginator__item span{cursor:default}
.paginator__item:last-child{margin-right:0}
.paginator__item:hover a{color:#f9ab00}
.paginator__item--prev a,.paginator__item--next a{font-size:20px}
.paginator__item span:not(.nav_ext){color:#fff;cursor:default;border-color:#f9ab00}
.paginator__item span:hover span:not(.nav_ext){color:#fff}
}
.pagination{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;margin-top:50px}
.pagination a,.pagination span{display:grid;flex-direction:row;justify-content:center;align-items:center;font-size:16px;font-weight:600;height:40px;width:40px;color:#fff;text-align:center;border-radius:8px;background-color:#222028;border:1px solid transparent}
.pagination__btns,.pagination__btn--prev{margin-right:10px!important;color:#fff!important}
.pagination__btns,.pagination__btn--next{margin-left:10px!important;color:#fff!important}
.pagination__btn-loader{width:100%}
.pagination__btn-loader a,.pagination__btn-loader span{height:40px;border-radius:8px;background-color:#222028;color:#fff;width:100%}
.pagination__pages{gap:10px 20px;font-size:16px}
.pagination__pages span:not(.nav_ext){background-color:#222028;color:#fff;border:1px solid #f9ab00;padding:0 10px}
.pagination__btn{width:40px;background-color:#222028;color:#fff}
@media screen and (max-width: 760px) {
.pagination > a,.pagination > span{display:none}
.pagination__pages{width:100%}
}
@media screen and (min-width: 1220px) {
.pagination > a:hover .pagination__btn,.pagination__btn--prev a:hover,.page__tags a:hover{background-color:#222028;color:#f9ab00}
}
.profile{background-color:#1a191f;border-bottom:1px solid #222028;margin-bottom:10px}
.profile__content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;width:100%;padding-top:20px}
.profile__content__tab{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;padding:20px 20px 0;background-color:#222028;margin-top:20px;margin-bottom:6px;position:relative;border-radius:8px}
.profile__tabs{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;overflow:hidden;border:none}
.profile__tabs li{margin-right:30px}
.profile__tabs li:last-child{margin-right:0}
.profile__tabs button{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;height:50px;color:#fff;position:relative;text-transform:uppercase;font-size:14px}
.profile__tabs button:hover{color:#f9ab00}
.profile__tabs button:before{content:'';position:absolute;bottom:0;left:0;right:0;height:0;display:block;background:#f9ab00;box-shadow:none;transition:.4s ease;border-radius:2px 2px 0 0}
.profile__tabs button.active{color:#f9ab00}
.profile__tabs button.active:before{height:2px}
.profile__user{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:15px}
.profile__avatar{display:block;position:relative;width:40px;overflow:hidden;border-radius:8px;margin-right:15px}
.profile__avatar img{width:100%}
.profile__meta{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.profile__meta h3{color:#fff;display:block;font-size:16px;line-height:20px;font-weight:600;margin-bottom:0}
.profile__meta span{color:silver;font-size:14px;line-height:20px}
.profile__logout{display:flex;flex-direction:row;justify-content:center;align-items:center;height:40px;width:40px;position:absolute;right:0;top:20px;border-radius:8px;background-color:transparent;border:2px solid #f9ab00}
.profile__logout:hover{background-color:rgba(249,171,0,0.05)}
.profile__logout span{display:none}
.profile__logout i{color:#fff;font-size:20px}
.profile__popup__avatar{display:block;position:relative;width:90px;overflow:hidden;border-radius:8px;margin-right:15px}
.profile__popup__avatar img{width:100%}
@media (min-width: 768px) {
.profile__content{flex-direction:row;justify-content:flex-start;align-items:center;padding-top:0;height:80px}
.profile__user{margin-bottom:0;margin-right:60px}
.profile__logout{margin-left:auto;margin-top:0;width:120px;position:relative;top:auto;right:auto}
.profile__logout i{display:none}
.profile__logout span{display:block;font-size:14px;color:#fff;text-transform:uppercase}
}
@media (min-width: 1200px) {
.profile__user{margin-right:80px}
}
@media (min-width: 1400px) {
.profile__user{margin-right:100px}
}
.profile__actions{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:absolute;top:20px;right:20px}
.profile__action{display:flex;flex-direction:row;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;color:#fff;border-radius:4px;background-color:rgba(255,255,255,0.05);margin-right:10px}
.profile__action i{font-size:20px}
.profile__action:last-child{margin-right:0}
.profile__action--delete{background-color:rgba(235,87,87,0.1)}
.profile__action--delete i{color:#eb5757}
.profile__action--delete:hover{background-color:rgba(235,87,87,0.2)}
.profile__action--delete:hover i{color:#eb5757}
.stats{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;margin-top:24px;padding:20px;border-radius:8px;background-color:#222028;width:100%}
.stats span{font-size:20px;line-height:30px;font-weight:400;color:#fff;margin-bottom:10px}
.stats p{font-size:18px;line-height:26px;color:silver;margin-bottom:0}
.stats p a{color:#fff}
.stats p a:hover{color:#f9ab00}
.stats i{font-size:42px;position:absolute;bottom:20px;right:20px;color:#f9ab00;line-height:100%}
@media (min-width: 768px) {
.stats{padding:20px 30px}
.stats i{right:30px}
}
.dashbox{background-color:#222028;margin-top:24px;border-radius:8px;overflow:hidden}
.dashbox__title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #1a191f}
.dashbox__title h3{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#fff;font-weight:400;font-size:20px;line-height:30px;margin-bottom:0}
.dashbox__title h3 i{font-size:20px;margin-right:10px;color:#ffc312;line-height:30px}
.dashbox__wrap{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}
.dashbox__more{display:flex;flex-direction:row;justify-content:center;align-items:center;width:auto;height:30px;background-color:#1a191f;padding:0 10px;font-size:14px;margin-left:15px;color:#fff;border-radius:8px}
.dashbox__more:hover{color:#f9ab00}
.dashbox__refresh{display:flex;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;color:#fff;font-size:20px}
.dashbox__refresh:hover{color:#f9ab00}
.dashbox__table-wrap{position:relative;display:block;width:100%;padding:20px 0}
.dashbox__table{width:100%;min-width:500px;border-spacing:0}
.dashbox__table thead{border-bottom:1px solid #1a191f}
.dashbox__table thead th{font-size:12px;color:silver;font-weight:400;padding:0 10px 15px 0;line-height:100%;margin-bottom:0;border:none}
.dashbox__table thead th:first-child{padding-left:20px}
.dashbox__table tbody tr{border-bottom:none;background-color:transparent}
.dashbox__table tbody td{padding:0;background-color:transparent;border:0 solid transparent}
.dashbox__table tbody td:first-child{padding-left:20px}
.dashbox__table tbody td:last-child .dashbox__table-text{padding-right:0}
.dashbox__table-text{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:16px;color:#fff;font-weight:400;line-height:30px;padding:10px 15px 0 0;background-color:transparent;white-space:nowrap}
.dashbox__table-text a{color:#fff}
.dashbox__table-text a:hover{color:#f9ab00}
.dashbox__table-text i{font-size:14px;margin-right:6px;color:#ffc312;line-height:24px;margin-top:1px}
.dashbox__table-text--rate{font-weight:600;font-size:16px}
.dashbox__table-text--rate i{font-size:16px;font-weight:400}
.dashbox__table-text--red{color:#eb5757}
.dashbox__table-text--green{color:#29b474}
.dashbox__table-text--grey{color:silver}
@media (min-width: 768px) {
.dashbox{margin-top:30px}
.dashbox__title{padding:20px 30px}
.dashbox__table thead th:first-child{padding-left:30px}
.dashbox__table tbody td:first-child{padding-left:30px}
}
.plan{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;padding:20px;background-color:#222028;border-radius:8px;margin-top:24px;position:relative;overflow:hidden}
.plan:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;display:block;background-color:#f9ab00}
.plan--orange:before{background-color:#f06629}
.plan--orange .plan__price{color:#f06629}
.plan--orange .plan__btn{border-color:#f06629}
.plan--orange .plan__btn:hover{background-color:rgba(240,102,41,0.05)}
.plan--red:before{background-color:#eb5757}
.plan--red .plan__price{color:#eb5757}
.plan--red .plan__btn{border-color:#eb5757}
.plan--red .plan__btn:hover{background-color:rgba(235,87,87,0.05)}
.plan--active .plan__btn{pointer-events:none;opacity:.7}
.plan__title{font-size:24px;line-height:30px;font-weight:400;color:#fff;margin-bottom:0}
.plan__price{font-size:30px;font-weight:600;line-height:100%;color:#f9ab00;position:absolute;top:20px;right:20px}
.plan__price sub{font-size:14px;bottom:1px;font-weight:600}
.plan__list{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;margin-top:20px}
.plan__item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;font-size:16px;color:#fff;margin-bottom:10px}
.plan__item i{font-size:20px;margin-right:10px;line-height:100%;color:#29b474}
.plan__item--none{color:silver}
.plan__item--none i{color:silver}
.plan__item:last-child{margin-bottom:0}
.plan__btn{display:flex;flex-direction:row;justify-content:center;align-items:center;height:46px;width:100%;border-radius:8px;background-color:transparent;font-size:14px;color:#fff;text-transform:uppercase;border:2px solid #f9ab00;margin-top:20px}
.plan__btn:hover{color:#fff;background-color:rgba(249,171,0,0.05)}
@media (min-width: 768px) {
.plan{padding:30px}
.plan__price{top:30px;right:30px}
.plan__list{margin-top:30px}
.plan__btn{margin-top:30px}
}
.accordion__card{background-color:#222028;border-radius:8px;margin-top:24px;border:none}
.accordion__card button{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative;width:100%;min-height:80px;padding:20px 80px 20px 20px;color:#fff;font-size:18px;line-height:30px;font-weight:400;text-align:left}
.accordion__card button span{display:flex;flex-direction:row;justify-content:center;align-items:center;width:40px;height:40px;border-radius:8px;background:#1a191f;position:absolute;right:20px;top:20px;overflow:hidden}
.accordion__card button span svg{width:20px;height:auto;fill:#fff;position:absolute;z-index:2;transition:.4s ease;transition-property:transform,fill}
.accordion__card button span svg:last-child{transform:rotate(-90deg)}
.accordion__card button:hover span svg{fill:#f9ab00}
.accordion__card button[aria-expanded="true"] span svg{fill:#f9ab00}
.accordion__card button[aria-expanded="true"] span svg:last-child{transform:rotate(0deg)}
.accordion__card p{padding:0 20px 20px;color:silver;font-size:16px;line-height:26px;margin-bottom:0}
.accordion__card p b,.accordion__card p strong{font-weight:600}
.accordion__card p:first-child{border-top:1px solid #1a191f;padding:20px}
@media (min-width: 768px) {
.accordion__card button{padding:20px 90px 20px 30px}
.accordion__card button span{right:30px}
.accordion__card p{padding:0 30px 20px}
.accordion__card p:first-child{padding:20px 30px}
}
.feature{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;margin-top:24px;padding-left:60px;padding-right:15px}
.feature i{display:block;position:absolute;top:0;left:0;font-size:42px;color:#f9ab00}
.feature__title{color:#fff;display:block;font-size:20px;font-weight:400;line-height:30px;margin-bottom:15px}
.feature__text{display:block;color:silver;font-size:16px;line-height:26px;width:100%;margin-bottom:0}
.feature__text a{color:#f9ab00}
.feature__text a:hover{color:#f9ab00;text-decoration:underline}
@media (min-width: 768px) {
.feature{margin-top:34px}
}
@media (min-width: 1200px) {
.feature{padding-right:40px}
}
.how{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;padding:20px;background-color:#222028;border-radius:8px;margin-top:24px;position:relative}
.how__number{font-size:46px;line-height:100%;font-weight:600;margin-bottom:15px;display:block;color:#f9ab00;width:100%}
.how__title{font-size:20px;line-height:30px;font-weight:400;color:#fff;margin-bottom:15px}
.how__text{color:silver;font-size:16px;line-height:26px;width:100%;margin-bottom:0}
.how__text b{font-weight:600}
.how__text a{color:#f9ab00}
.how__text a:hover{color:#f9ab00;text-decoration:underline}
@media (min-width: 768px) {
.how{padding:30px}
}
.roadmap{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;position:relative}
.roadmap:before,.roadmap:after{content:'';position:absolute;display:block;border-radius:50%}
.roadmap:before{width:24px;height:24px;left:0;top:42px;background-color:#fff;opacity:.12;z-index:1}
.roadmap:after{width:10px;height:10px;left:7px;top:49px;background-color:#fff;z-index:2}
.roadmap--active:before,.roadmap--active:after{background:#f9ab00}
.roadmap--active:after{width:16px;height:16px;left:4px;top:46px}
.roadmap--active .roadmap__list li:before{background:#f9ab00}
.roadmap__title{font-size:20px;line-height:30px;color:#fff;font-weight:400;display:block;margin-bottom:50px;margin-left:10px}
.roadmap__list{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:calc(100% - 10px);margin-bottom:0;margin-top:0;padding:0;margin-left:10px}
.roadmap__list li{color:silver;font-size:16px;line-height:26px;margin-bottom:12px;padding-left:16px;position:relative}
.roadmap__list li:last-child{margin-bottom:0}
.roadmap__list li:before{content:'';position:absolute;width:4px;height:4px;background-color:#fff;opacity:1;top:11px;left:0;border-radius:50%}
@media (min-width: 768px) {
.roadmap:before{top:47px}
.roadmap:after{top:54px}
.roadmap--active:before{top:47px}
.roadmap--active:after{top:51px}
.roadmap__title{margin-bottom:60px}
.roadmap__list li{margin-bottom:15px}
.roadmap__list li:last-child{margin-bottom:0}
}
.partner{display:block;width:100%;margin-top:30px}
.partner__img{max-width:100%;margin:0 auto;display:block;transition:opacity .4s ease;opacity:.7}
.partner__img:hover{opacity:1}
@media (min-width: 768px) {
.partner{margin-top:36px}
}
.contacts__list{margin-top:20px}
.contacts__list li{margin-bottom:10px}
.contacts__list li:last-child{margin-bottom:0}
.contacts__list a{font-size:20px;line-height:30px;font-weight:400;color:#fff}
.contacts__list a:hover{color:#f9ab00}
.contacts__social{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;width:100%;margin-top:20px}
.contacts__social a{margin-right:20px;font-size:24px;color:#fff}
.contacts__social a:last-child{margin-left:0}
.contacts__social a:hover{color:#f9ab00}
.comments{margin-top:24px;margin-bottom:50px}
.comments__autor{display:block;position:relative;padding-left:55px;margin-bottom:15px}
.comments__avatar{position:absolute;top:0;left:0;width:40px;border-radius:8px}
.comments__name{display:block;font-size:16px;color:#fff;line-height:20px;font-weight:400}
.comments__name a{color:#fff}
.comments__name a:hover{color:#f9ab00;text-decoration:none}
.comments__time{display:block;font-size:12px;color:silver;line-height:20px;font-weight:400}
.comments__item,.comments__text{display:block;margin:0;color:#fff!important;font-size:16px;line-height:26px;background-color:#1a191f;padding:20px;position:relative;border-top:1px solid #222028;border-left:1px solid #222028;border-right:1px solid #222028;border-radius:8px 8px 0 0}
.comments__text span{display:block;background-color:#222028;margin-bottom:20px;padding:20px;position:relative;min-height:80px;border-radius:8px;color:#fff}
.comments__text span:before{content:'\efbe';position:absolute;display:block;font-family:"tabler-icons";color:rgba(249,171,0,0.15);font-size:60px;top:10px;left:15px;line-height:100%;z-index:1;pointer-events:none}
.comments__item{margin-bottom:24px;border-bottom:1px solid #474352;display:block}
.comments__item--answer,.comments__item--quote{margin-left:25px}
.comments__actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;background-color:#1a191f;padding:15px 20px;border:1px solid #222028;position:relative;border-radius:0 0 8px 8px}
.comments__actions button{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:12px;color:silver;margin-right:20px;height:22px;text-transform:uppercase;font-weight:400}
.comments__actions button i{margin-right:5px;font-size:14px}
.comments__actions button:hover{color:#f9ab00}
.comments__actions button:last-child{margin-right:0}
.comments__rate{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;position:absolute;left:20px;top:50%;margin-top:-15px}
.comments__rate button{display:flex;flex-direction:row;justify-content:center;align-items:center;color:silver;font-size:14px;margin-right:25px;position:relative;height:30px}
.comments__rate button i{font-size:18px;opacity:.6;transition:.4s ease}
.comments__rate button:last-child{margin-right:0}
.comments__rate button:last-child i{margin-left:6px;color:#eb5757;margin-top:2px}
.comments__rate button:first-child i{margin-right:6px;color:#29b474}
.comments__rate button:first-child:before{content:'';position:absolute;display:block;left:100%;margin-left:12px;width:1px;height:15px;background-color:#222028;top:50%;transform:translateY(-50%)}
.comments__rate button:hover{color:#fff}
.comments__rate button:hover i{opacity:1}
@media (min-width: 768px) {
.comments{margin-bottom:70px}
.comments__text{padding:20px 30px}
.comments__actions{padding:15px 30px}
.comments__rate{left:30px}
.comments__item{margin-bottom:5px;border-bottom:1px solid #474352}
.comments__item--answer,.comments__item--quote{margin-left:40px}
}
@media (min-width: 992px) {
.comments{margin-bottom:0;padding-right:30px}
}
@media (min-width: 1200px) {
.comments{padding-right:50px}
}
@media (min-width: 1400px) {
.comments{padding-right:60px}
}
.comments__list .mass_comments_action{color:#fff;text-align:right;padding:2% 4%}
.comments__list .mass_comments_action > select{margin-left:1em}
.edit_btn > a{position:relative;overflow:hidden;color:#ff485b;border:1px solid transparent;justify-content:center;align-items:center}
.edit_btn > a:hover{color:#ff485b}
.reviews{margin-top:24px;margin-bottom:50px}
.reviews__autor{display:block;position:relative;padding-left:55px;margin-bottom:15px;padding-right:60px}
.reviews__avatar{position:absolute;top:0;left:0;width:40px;border-radius:8px}
.reviews__name{display:block;font-size:16px;color:#fff;line-height:20px;font-weight:400;margin-bottom:5px}
.reviews__time{display:block;font-size:12px;color:silver;font-weight:400;line-height:20px}
.reviews__text{display:block;margin:0;color:#fff;font-size:16px;line-height:26px;background-color:#1a191f;padding:20px;border:1px solid #222028;border-radius:8px}
.reviews__item{margin-bottom:24px;display:block}
.reviews__rating{font-size:14px;font-weight:600;color:#fff;position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;right:0;top:0;width:36px;height:36px;background-color:rgba(26,25,31,0.5);border:2px solid transparent;border-radius:50%;margin-top:2px}
.reviews__rating--green{border-color:#29b474}
.reviews__rating--red{border-color:#eb5757}
.reviews__rating--yellow{border-color:#ffc312}
@media (min-width: 400px) {
.reviews__name{margin-bottom:0}
}
@media (min-width: 768px) {
.reviews{margin-bottom:70px}
.reviews__text{padding:20px 30px}
.reviews__item{margin-bottom:30px}
}
@media (min-width: 992px) {
.reviews{margin-bottom:0;padding-right:30px}
}
@media (min-width: 1200px) {
.reviews{padding-right:50px}
}
@media (min-width: 1400px) {
.reviews{padding-right:60px}
}
.gallery{margin-top:24px;margin-bottom:26px}
.gallery figure{margin:0 0 24px}
.gallery figure a{display:block;position:relative;overflow:hidden;transition:.4s ease}
.gallery figure img{width:100%;border-radius:8px}
.gallery figcaption{display:none}
.gallery--full{margin-bottom:0}
@media (min-width: 768px) {
.gallery{margin-bottom:46px}
.gallery--full{margin-bottom:0}
}
@media (min-width: 992px) {
.gallery{padding-right:30px}
.gallery--full{padding-right:0}
}
@media (min-width: 1200px) {
.gallery{padding-right:50px}
.gallery--full{padding-right:0}
}
@media (min-width: 1400px) {
.gallery{padding-right:60px}
.gallery--full{padding-right:0}
}
.footer{background-color:#1a191f;border-top:1px solid #222028}
.footer__content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:50px 0 30px;position:relative}
.footer__logo .logo-text { font-family: 'Framd', sans-serif; font-size: 28px; display: inline-block; width: 100%; text-align: center; line-height: 36px; } 
.footer__logo .kino { color: #FF9800; } 
.footer__logo .mania { color: #FFFFFF; }
.footer__nav{order:2;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:30px}
.footer__nav a{font-size:14px;color:#fff;margin-right:20px}
.footer__nav a:last-child{margin-right:0}
.footer__nav a:hover{color:#f9ab00}
.footer__copyright{display:inline-block;order:3;margin-top:50px;font-size:12px;line-height:16px;color:silver}
.footer__copyright a{color:#f9ab00}
.footer__copyright a:hover{color:#f9ab00;text-decoration:underline}
.footer__back{display:flex;flex-direction:row;justify-content:center;align-items:center;width:40px;height:40px;border:2px solid #f9ab00;color:#fff;position:absolute;right:0;bottom:30px;border-radius:8px;font-size:20px}
.footer__back:hover{color:#f9ab00}
@media (min-width: 768px) {
.footer__logo img{height:22px}
.footer__content{flex-direction:row;align-items:center;padding:0;height:80px}
.footer__nav{order:3;margin-top:0;margin-left:auto;margin-right:80px}
.footer__nav a{margin-right:30px}
.footer__nav a:last-child{margin-right:0}
.footer__copyright{order:2;margin-top:0;margin-left:30px}
.footer__back{bottom:50%;margin-bottom:-20px}
}
@media (min-width: 1200px) {
.footer__copyright{margin-left:40px}
.footer__nav a{margin-right:40px}
.footer__nav a:last-child{margin-right:0}
}
@media (min-width: 1400px) {
.footer__copyright{margin-left:50px}
.footer__nav{margin-right:95px}
.footer__nav a{margin-right:50px}
.footer__nav a:last-child{margin-right:0}
}
.sign{display:block;position:relative}
.sign__content{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 0}
.sign__form{background-color:#1a191f;border:1px solid #222028;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;position:relative;width:100%;max-width:400px}
.sign__form--full{max-width:100%;margin-top:24px}
.sign__form--comments{max-width:100%;justify-content:flex-start;align-items:flex-start}
.sign__logo{display:block;margin-bottom:30px}
.sign__logo a{max-width:100%;width:auto}
.sign__logo img{width:auto;height:24px}
.sign__title{font-size:20px;font-weight:400;color:#fff;margin-bottom:20px}
.sign__label{font-size:14px;line-height:100%;color:silver;width:100%;margin-bottom:15px}
.sign__form--add{display:block;width:100%;max-width:100%;padding:30px 20px;margin-top:20px}
.sign__input{width:100%;background-color:#222028;border:2px solid transparent;height:46px;position:relative;color:#fff;font-size:16px;width:100%;border-radius:8px;padding:0 20px}
.sign__input:focus{border-color:#f9ab00}
.sign__textarea textarea{border:2px solid transparent;height:150px;position:relative;color:#fff;font-size:16px;width:100%;padding:15px 20px;resize:none;background-color:#222028;border-radius:8px}
.sign__textarea:focus textarea{border-color:#f9ab00}
.sign__select{background:url(../images/angle-down.svg) no-repeat center right 20px #222028;background-size:20px auto;border:2px solid transparent;border-radius:8px;height:46px;position:relative;color:#fff;font-size:16px;width:100%;padding:0 20px;cursor:pointer}
.sign__select:focus{border-color:#f9ab00}
.sign__group{position:relative;margin-top:20px;margin-bottom:20px;width:100%!important}
.sign__group--checkbox{width:100%;text-align:left}
.sign__group--checkbox input:not(:checked),.sign__group--checkbox input:checked{position:absolute;left:-9999px}
.sign__group--checkbox input:not(:checked) + label,.sign__group--checkbox input:checked + label{font-size:14px;color:#fff;font-weight:400;position:relative;cursor:pointer;padding-left:34px;line-height:24px;margin:0}
.sign__group--checkbox input:not(:checked) + label a,.sign__group--checkbox input:checked + label a{color:#f9ab00}
.sign__group--checkbox input:not(:checked) + label a:hover,.sign__group--checkbox input:checked + label a:hover{color:#f9ab00;text-decoration:underline}
.sign__group--checkbox input:not(:checked) + label:before,.sign__group--checkbox input:checked + label:before{content:'';position:absolute;left:0;top:0;width:24px;height:24px;background-color:#222028;border-radius:8px}
.sign__group--checkbox input:not(:checked) + label:after,.sign__group--checkbox input:checked + label:after{font-family:'tabler-icons';content:'\ea5e';position:absolute;left:0;top:0;width:24px;height:24px;font-size:20px;line-height:24px;text-align:center;transition:.4s ease;color:#f9ab00}
.sign__group--checkbox input:not(:checked) + label:after{opacity:0;transform:scale(0)}
.sign__group--checkbox input:checked + label:after{opacity:1;transform:scale(1)}
.sign__group--checkbox label::-moz-selection{background:transparent;color:#fff}
.sign__group--checkbox label::selection{background:transparent;color:#fff}
.sign__radio{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}
.sign__radio li{position:relative;overflow:hidden;margin-bottom:15px}
.sign__radio li:last-child{margin-bottom:0}
.sign__radio input:not(:checked),.sign__radio input:checked{position:absolute;left:-9999px}
.sign__radio label{display:block;margin:0;position:relative;font-weight:400;cursor:pointer;font-size:16px;color:silver;line-height:20px;padding-left:30px;transition:color .4s ease}
.sign__radio label:before{content:'';display:block;position:absolute;width:20px;height:20px;border:4px solid #222028;background-color:transparent;border-radius:50%;left:0;top:0;transition:border-color .4s ease}
.sign__radio label:hover{color:#fff}
.sign__radio input:checked + label{color:#fff}
.sign__radio input:checked + label:before{border-color:#f9ab00}
.sign__gallery{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:46px;overflow:hidden;border-radius:8px}
.sign__gallery input{position:absolute;left:-9999px;opacity:0;z-index:1}
.sign__gallery label{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative;z-index:2;height:46px;color:#fff;padding:0 60px 0 20px;background-color:#222028;border:2px solid transparent;font-weight:400;margin:0;width:100%;font-size:16px;cursor:pointer;transition:.4s ease;border-radius:8px}
.sign__gallery label:before{content:'\eb0a';font-family:"tabler-icons";pointer-events:none;position:absolute;right:20px;top:0;display:flex;flex-direction:row;justify-content:center;align-items:center;height:46px;width:20px;font-size:20px}
.sign__gallery label:hover{border-color:#f9ab00}
.sign__btn{display:flex;flex-direction:row;justify-content:center;align-items:center;height:46px;width:100%;border-radius:8px;background-color:transparent;font-size:14px;color:#fff;text-transform:uppercase;border:2px solid #f9ab00;margin-top:10px}
.sign__btn:hover{background-color:rgba(249,171,0,0.05)}
.sign__text{display:block;margin-top:15px;font-size:14px;line-height:24px;color:#fff}
.sign__text a{position:relative;color:#f9ab00}
.sign__text a:hover{color:#f9ab00;text-decoration:underline}
.sign__delimiter{font-size:14px;color:#fff;line-height:100%;margin-top:15px}
.sign__social{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;margin-bottom:15px}
.sign__social a{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:15px;height:40px;width:100%;border-radius:8px;color:#fff;font-size:14px}
.sign__social a i{font-size:20px;margin-left:8px}
.sign__social a.fb{background-color:#3b5999}
.sign__social a.gl{background-color:#df4a32}
.sign__social a.tw{background-color:#1da1f2}
.sign__social a:hover{background-color:#fff}
.sign__social a:hover.fb{color:#3b5999}
.sign__social a:hover.gl{color:#df4a32}
.sign__social a:hover.tw{color:#1da1f2}
@media (min-width: 768px) {
.sign__form{padding:40px 60px}
.sign__form--full{padding:30px}
.sign__form--comments{padding:30px}
.sign__logo{margin-bottom:40px}
.sign__btn--small{width:140px}
.sign__btn--medium{width:240px}
.sign__form--add{padding:30px;margin-top:24px}
}
.sign__btn--little{width:140px;height:25px!important;color:#fff;top:-3px}
.sign__btn--little a{color:#fff;text-align:center!important;padding:7px}
.page-404{display:block;position:relative}
.page-404__wrap{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 0}
.page-404__content{background-color:#1a191f;border:1px solid #222028;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 20px;position:relative;width:100%;max-width:400px}
.page-404__title{position:relative;color:#f9ab00;line-height:100%;font-size:120px;margin-bottom:15px;font-weight:600}
.page-404__text{text-align:center;display:block;width:100%;color:#fff;font-size:16px;line-height:26px;margin-bottom:20px}
.page-404__btn{display:flex;flex-direction:row;justify-content:center;align-items:center;height:46px;width:100%;border-radius:8px;background-color:transparent;font-size:14px;color:#fff;text-transform:uppercase;border:2px solid #f9ab00;margin-top:10px}
.page-404__btn:hover{color:#fff;background-color:rgba(249,171,0,0.05)}
@media (min-width: 768px) {
.page-404__content{padding:40px 60px}
}
.modal .modal-content{margin:0 auto;max-width:420px;background-color:transparent;border:none;border-radius:8px}
.modal__content{position:relative;display:block;margin:0 auto;width:100%;max-width:420px;padding:30px 20px;border-radius:8px;background:#1a191f;border:1px solid #222028}
.modal__form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}
.modal__title{font-weight:400;color:#fff;font-size:24px;line-height:100%;margin-bottom:30px}
.modal__close{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:30px;right:20px;z-index:1;color:silver;font-size:20px;height:24px}
.modal__close:hover{color:#eb5757}
@media (min-width: 768px) {
.modal__content{padding:30px}
.modal__close{top:30px;right:30px}
}
.modal-backdrop{background:rgba(34,32,40,0.9)}
.splide--home .splide__arrows,.splide--content .splide__arrows{display:block!important;position:relative}
.splide--home .splide__arrow,.splide--content .splide__arrow{display:flex;flex-direction:row;justify-content:center;align-items:center;width:36px;height:36px;border:none;border-radius:8px;background-color:#222028;position:absolute;top:-64px;opacity:1;font-size:20px;color:#fff;transform:translateY(0)}
.splide--home .splide__arrow:hover,.splide--content .splide__arrow:hover{color:#f9ab00}
.splide--home .splide__arrow--prev,.splide--content .splide__arrow--prev{right:46px;left:auto}
.splide--home .splide__arrow--next,.splide--content .splide__arrow--next{right:0}
.splide--home .splide__track,.splide--content .splide__track{border-radius:8px 8px 0 0}
.splide--content .splide__arrow{top:-60px}
.splide--hero .splide__arrows{display:none}
.splide--hero .splide__pagination{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;position:absolute;padding:0 15px;bottom:40px}
.splide--hero .splide__pagination li{margin-right:12px}
.splide--hero .splide__pagination li:last-child{margin-right:0}
.splide--hero .splide__pagination__page{display:block;height:4px;width:4px;border-radius:4px;background:#fff;transition:.4s ease;opacity:.25;margin:0}
.splide--hero .splide__pagination__page.is-active{transform:scale(1);opacity:1}
.splide--hero .splide__track{border-radius:8px}
.splide--roadmap .splide__arrows{display:block!important;position:relative}
.splide--roadmap .splide__arrow{display:flex;flex-direction:row;justify-content:center;align-items:center;width:36px;height:36px;border:none;border-radius:8px;background-color:#222028;position:absolute;top:-94px;opacity:1;font-size:20px;color:#fff;transform:translateY(0)}
.splide--roadmap .splide__arrow:hover{color:#f9ab00}
.splide--roadmap .splide__arrow--prev{right:26px;left:auto}
.splide--roadmap .splide__arrow--next{right:-20px}
.splide--roadmap .splide__track{border-radius:8px 8px 0 0}
@media (min-width: 768px) {
.splide--home .splide__arrow{top:-72px}
.splide--home .splide__arrow--prev{right:51px}
.splide--content .splide__arrow{top:-65px}
.splide--content .splide__arrow--prev{right:51px}
.splide--hero .splide__pagination{bottom:50px}
.splide--roadmap .splide__arrow{top:-94px}
.splide--roadmap .splide__arrow--prev{right:21px}
.splide--roadmap .splide__arrow--next{right:-30px}
}
@media (min-width: 1200px) {
.splide--hero .splide__arrows{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;position:absolute;bottom:34px;left:120px}
.splide--hero .splide__arrow{display:flex;flex-direction:row;justify-content:center;align-items:center;width:36px;height:36px;border:none;border-radius:8px;background-color:rgba(255,255,255,0.1);position:relative;top:auto;font-size:20px;color:#fff;opacity:1;transition:.4s ease;transform:translateY(0)}
.splide--hero .splide__arrow:hover{color:#f9ab00}
.splide--hero .splide__arrow--prev{margin-right:15px;left:auto}
.splide--hero .splide__arrow--next{right:auto}
.splide--hero .splide__pagination{justify-content:flex-start;padding-left:258px}
}
.plyr{font-family:'Source Sans Pro',sans-serif;font-weight:400;border-radius:6px;margin-top:24px}
.plyr__video-wrapper{background:#222028}
.plyr__poster{background-color:#222028}
.plyr--video{background:#222028}
@media (min-width: 1200px) {
.plyr video{height:386px}
.plyr__poster{background-size:cover}
}
@media (min-width: 1400px) {
.plyr video{height:366px}
}
.plyr__menu__container .plyr__control{transition:0 ease}
.plyr__control.plyr__control--overlaid{border-radius:50%}
.plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded="true"]{background:none;background-color:#f9ab00}
.plyr--video .plyr__control--overlaid{box-shadow:none;display:flex!important;flex-direction:row;justify-content:center;align-items:center;width:60px;height:60px;background-color:rgba(255,255,255,0.2);border-radius:50%;top:50%;left:50%;transition:.5s;transition-property:opacity,background-color,color,border-color,transform;color:#f9ab00;border:6px solid rgba(255,255,255,0.15);padding:0}
.plyr--video .plyr__control--overlaid:before{content:'\f691';font-family:"tabler-icons";position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;border-radius:50%;font-size:24px;background-color:#fff;border:6px solid rgba(255,255,255,0.15)}
.plyr--video .plyr__control--overlaid svg{display:none}
.plyr--video .plyr__control--overlaid:hover,.plyr--video .plyr__control--overlaid.plyr__tab-focus{background-color:rgba(255,255,255,0.2);border-color:rgba(249,171,0,0.5);color:#f9ab00}
.plyr--video .plyr__progress__buffer{box-shadow:none}
.plyr__progress__buffer{border-radius:0}
.plyr--full-ui input[type="range"]{color:#f9ab00;border-radius:0}
.plyr__tab-focus{box-shadow:none;outline:none}
.plyr__tooltip{font-weight:400}
.plyr__control.plyr__tab-focus{box-shadow:none}
.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before{background:none;background-color:#f9ab00}
.plyr__control{border-radius:6px}
.plyr--video .plyr__control svg{filter:none}
.pswp__bg{background-color:rgba(34,32,40,0.9)}
.pswp__ui--fit .pswp__top-bar,.pswp__ui--fit .pswp__caption{background-color:transparent}
.pswp__caption__center{font-size:16px;color:#fff;padding:15px;font-weight:400}
.pswp__counter{font-size:16px;color:#fff;padding:0 15px;font-weight:400}
.pswp__button{opacity:.7}
.pswp__button:before{transition:.4s}
.pswp__button:hover{opacity:1}
.pswp__button:hover:before{color:#f9ab00}
.pswp__button--close{background:none}
.pswp__button--close:before{content:'\eb55';font-family:"tabler-icons";position:absolute;display:block;font-size:28px;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}
.pswp__button--fs{background:none}
.pswp__button--fs:before{content:'\eaea';font-family:"tabler-icons";position:absolute;display:block;font-size:24px;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%)}
.pswp--fs .pswp__button--fs:before{content:'\eaf1'}
.pswp__button--arrow--right:before,.pswp__button--arrow--left:before{font-family:"tabler-icons";position:absolute;display:block;font-size:24px;color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;line-height:50px;text-align:center;background:none;background-color:#1a191f}
.pswp__button--arrow--left:before{content:'\ea60'}
.pswp__button--arrow--right:before{content:'\ea61'}
.scrollbar-track-y{background-color:#222028!important;top:0!important;bottom:0!important;height:auto!important;width:4px!important;border-radius:4px!important;right:0!important;overflow:hidden;cursor:pointer}
.scrollbar-thumb-y{background:#f9ab00!important;width:4px!important;border-radius:4px!important;cursor:pointer}
.scrollbar-track-x{background-color:#222028!important;left:0!important;right:0!important;height:4px!important;width:auto!important;border-radius:4px!important;bottom:0!important;overflow:hidden}
.scrollbar-thumb-x{background:#f9ab00!important;height:4px!important;border-radius:4px!important;cursor:pointer}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;background-color:#222028;border-radius:20px;transition:.5s;transition-property:opacity,background-color,color,border-color,transform;color:#f9ab00;border:2px solid rgba(255,255,255,0.15);overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{width:100%;height:100%;position:absolute;top:0;left:0}
.card-content{margin:0;color:#fff!important;font-size:16px;line-height:26px;background-color:#1a191f;padding:20px;position:relative;border:1px solid #222028;border-radius:10px}
.card__title{font-size:24px;color:#fff!important}

@font-face {
  font-family: "mainfont";
  src: url("../webfont/fonts/mainfont.woff") format("woff");
}
@font-face {
  font-family: "framd";
  src: url("../webfont/fonts/framd.woff") format("woff");
}

.bottom-box-a {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;          
  display: flex;
  justify-content: space-between; 
  padding: 0 15px;   
  z-index: 3;
}

.bottom-box-a .left,
.bottom-box-a .right {
  width: 50px;
  height: 19px;
  background-color: rgb(26 25 31 / 35%);
  border: 1px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: 600;
  color: #fff;
  border-radius: 3px;
}