/*col*/
                    .tags {
                        text-decoration: none !important;
                        display: inline-block;
                        background: #222222;
                        border-radius: 10px;
                        overflow: hidden;
                        margin: 0 5px 5px 0;
                        color: #a4a29f;
                        border: 1px solid #4e4e4e;
                    }
                    .tags img {
					    object-fit: cover;
                        width: 48px;
                        height: 38px;
						    border: 1px solid #4e4e4e;
							    border-radius: 10px;
                        float: left;
                        margin: 0 !important;
                    }
                    .tags span {
                        margin: 0 8px;
                        line-height: 38px;
                        font-size: 13px;
                    }
                    .tags:hover {
                        background: #2b2b2b;
                        color: #a8a8a8;
                    }
                    @media(max-width:1000px) {
                        .tags {
                            box-shadow: 0 1px 2px 0 rgb(0 0 0/10%);
                            margin: 0 0 0 10px
                        }
                        .tag_tab {
                            height: 44px;
                            overflow-x: scroll;
                            white-space: nowrap
                        }
						.tag_obv
						    pading-bottom: 10px;
                    }
					
/*fra*/
.franchise {
    background: #000;
    padding: 10px 20px;
}
.franchise * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.franchise_item {
	display: flex;
}
.franchise__header {
    display: flex;
    font-size: 16px;
    line-height: 26px;
    color: #E9E9E9;
    margin-bottom: 10px;
}
.franchise__header-icon {
    width: 18px;
    margin-right: 10px;
}

.franchise_item {
    display: flex;
    text-decoration: none;
    position: relative;
    align-items: center;
    padding: 5px 10px 5px 15px;
    color: #ccc;
    background: #111;
    transition: background-color 0.2s;
}
.franchise_item a {
    color: #fff;
    background-color: #3a3a3a;
    pointer-events: none;
}
.franchise_item a :before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 3px;
    background: #00799F;
}
.franchise_item:hover {background-color: #000}
.franchise_item + .franchise_item {border-top: 1px solid #2b2b2b}
.fi__num {
    flex-basis: 25px;
    color: #888;
    font-size: 12px;
    position: relative;
}
.franchise_item.is-active .fi__num {text-indent: -9999px}
.franchise_item.is-active .fi__num:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    border: 7px solid transparent;
    border-left-color: #ccc;
    height: 0;
    width: 0;
    border-left-width: 12px;
}
.fi__title {
    flex: 1;
    color: inherit;
    padding: 0 5px;
    text-decoration: none;
}
.fi__category {
    margin-top: 2px;
    font-size: 11px;
    color: rgba(255,255,255,0.52);
}

.fi__year {font-size: 12px;margin-right: 15px;}
.fi__rating {
    padding-right: 0;
    font-size: 12px;
    line-height: 18px;
    padding: 0 6px;
    background: #2b2b2b;
    color: #fff;
    border-radius: 2px;
}
.fi__rating--good {background: #070}
.fi__rating--bad {background: #700}

.franchise_item.is-hidden {display:none}
.franchise_item.is-hidden.is-active {display:flex}
.franchise__showall {
    display: block;
    width: 150px;
    height: 30px;
    margin: 12px auto 0;
    background: #6A1B9A;
    color: #eee;
    cursor: pointer;
    border-radius: 2px;
    transition: 0.2s;
}
.franchise__showall:hover {background: #4a148c}


.fr-list {
 counter-reset: num;
 display: flex;
 flex-direction: column-reverse;
}
.fr::before {
 content: counter(num);
 counter-increment: num;
 width: 40px;
 text-align: center;
 margin-top: -1px;
 color: var(--tt-accent);
 font-weight: 600;
 position: absolute;
 left: 0px;
 top: 50%;
 transform: translateY(-50%);
}
.fr {
 cursor: pointer;
 position: relative;
 padding: 6px 10px;
 padding-left: 40px;
 border-radius: 4px;
}
.fr.ccdn_current_part {
 cursor: default;
}

.ccdn_current_part {
pointer-events: none;
cursor: default;
}

.fr.ccdn_current_part a {
 pointer-events: none;
}
.fr:nth-child(2n) {
 background-color: var(--bg-2);
}
.fr__title {
 display: inline-block;
 max-width: 100%;
 line-height: 20px;
 height: 20px;
 font-weight: 400;
}
.fr:hover {
 box-shadow: 0 0 0 1px var(--bdc);
 z-index: 3;
}
.fr__year {
 color: var(--tt-2);
 margin: 0 10px;
 font-size: 13px;
}
.fr__rating {
 background: var(--accent-gray);
 color: #fff;
 font-weight: 700;
 font-size: 12px;
 width: 30px;
 height: 30px;
 border-radius: 15px;
}
.clrrating-1,
.clrrating-2,
.clrrating-3,
.clrrating-4 {
 background-color: var(--accent-red);
}
.clrrating-7,
.clrrating-8 {
 background-color: var(--accent-green);
}
.clrrating-9,
.clrrating-10 {
 background-color: var(--accent-gold);
}
.is-active .fr__title {
 font-weight: 600;
 color: var(--tt-3);
}
.fr.ccdn_current_part::before {
 content: '';
 display: block;
 left: 13px;
 background-size: 13px 15px;
 background-repeat: no-repeat;
 width: 13px;
 height: 15px;
 background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='13px' height='15px' viewBox='0 0 13 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='sprite' transform='translate(-170.cccccc, -111.cccccc)' fill='%23cccccc' fill-rule='nonzero'%3E%3Cg id='play_black' transform='translate(170.cccccc, 111.cccccc)'%3E%3Cpath d='M12.508581,8.36085 L1.50873,14.86076 C1.033253,15.14173 0.420037,14.98404 0.139074,14.50857 C0.048028,14.35449 0,14.1788 0,13.99984 L0,1 C0,0.44772 0.447715,0 1,0 C1.178966,0 1.354653,0.04803 1.50873,0.13908 L12.508581,6.63899 C12.984057,6.91996 13.141741,7.53317 12.860778,8.00865 C12.774963,8.15388 12.653806,8.27503 12.508581,8.36085 Z' id='Triangle'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.dt-is-active .fr.is-active::before {
 filter: invert(0.8);
}

.red-color {
 background-color: #bb1900;
 color: #fff;
}

.gray-color {
 background-color: #2b2b2b;
 color: #fff;
}

.green-color {
 background-color: #6ab04c;
 color: #fff;
}