﻿header {
position:relative;
z-index:9999999 !important;
}

 .tns-outer {
                        padding: 0 !important
                }
                
                .tns-outer [hidden] {
                        display: none !important
                }
                
                .tns-outer [aria-controls],
                .tns-outer [data-action] {
                        cursor: pointer
                }
                
                .tns-slider {
                        -webkit-transition: all 0s;
                        -moz-transition: all 0s;
                        transition: all 0s
                }
                
                .tns-slider>div,
                .tns-slider>li {
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box
                }
                
                .tns-horizontal.tns-subpixel {
                        white-space: nowrap
                }
                
                .tns-horizontal.tns-subpixel>div,
                .tns-horizontal.tns-subpixel>li {
                        display: inline-block;
                        vertical-align: top;
                        white-space: normal
                }
                
                .tns-horizontal.tns-no-subpixel:after {
                        content: '';
                        display: table;
                        clear: both
                }
                
                .tns-horizontal.tns-no-subpixel>div,
                .tns-horizontal.tns-no-subpixel>li {
                        float: left;
                        margin-right: -100%
                }
                
                .tns-no-calc {
                        position: relative;
                        left: 0
                }
                
                .tns-gallery {
                        position: relative;
                        left: 0;
                        min-height: 1px
                }
                
                .tns-gallery>div,
                .tns-gallery>li {
                        position: absolute;
                        left: -100%;
                        -webkit-transition: transform 0s, opacity 0s;
                        -moz-transition: transform 0s, opacity 0s;
                        transition: transform 0s, opacity 0s
                }
                
                .tns-gallery>.tns-moving {
                        -webkit-transition: all 0.25s;
                        -moz-transition: all 0.25s;
                        transition: all 0.25s
                }
                
                .tns-lazy-img {
                        -webkit-transition: opacity 0.6s;
                        -moz-transition: opacity 0.6s;
                        transition: opacity 0.6s;
                        opacity: 0.6
                }
                
                .tns-lazy-img.loaded {
                        opacity: 1
                }
                
                .tns-ah {
                        -webkit-transition: height 0s;
                        -moz-transition: height 0s;
                        transition: height 0s
                }
                
                .tns-ovh {
                        overflow: hidden
                }
                
                .tns-visually-hidden {
                        position: absolute;
                        left: -10000em
                }
                
                .tns-transparent {
                        opacity: 0;
                        visibility: hidden
                }
                
                .tns-fadeIn {
                        opacity: 1;
                        filter: alpha(opacity=100);
                        z-index: 0
                }
                
                .tns-normal,
                .tns-fadeOut {
                        opacity: 0;
                        filter: alpha(opacity=0);
                        z-index: -1
                }
                
                .tns-t-subp2 {
                        margin: 0 auto;
                        width: 310px;
                        position: relative;
                        height: 10px;
                        overflow: hidden
                }
                
                .tns-t-ct {
                        width: 2333.3333333%;
                        width: -webkit-calc(100% * 70 / 3);
                        width: -moz-calc(100% * 70 / 3);
                        width: calc(100% * 70 / 3);
                        position: absolute;
                        right: 0
                }
                
                .tns-t-ct:after {
                        content: '';
                        display: table;
                        clear: both
                }
                
                .tns-t-ct>div {
                        width: 1.4285714%;
                        width: -webkit-calc(100% / 70);
                        width: -moz-calc(100% / 70);
                        width: calc(100% / 70);
                        height: 10px;
                        float: left
                }


#tns1 > .tns-item {
    font-size: 16px;
}

.newmainslider {
margin:0 -30px 0 0;
}

.newmainslider .item {
max-width:170px;
}

.newmainslider .slick-slide {
margin:0 30px 0 0;
}

#search-overlay.opened {
    z-index: 1040;
    opacity: 1;
    display: block;
    bottom: 0;
}

.newstyle .animes-list-item {
flex-direction:column;
}

.newstyle .anime-list-lazy:not(img) {
width:100%;
padding-bottom: 140%;
}

.newstyle .mr-3 {
width:100%;
}

.newstyle .description, .newstyle2 .description {
display:none !important;
}

.anime-synonyms {
max-height:none !important;
}

.navbar .navbar-nav.login .nav-item {
position:relative;
}

.newfiltersorting #dle-content {
display:flex;
flex-wrap:wrap;
}

.img-square, .lazy:not(img), .owl-lazy:not(img), .tns-item .anime-grid-lazy:not(img) {
background-size:contain;
}

.video-player iframe {
position:relative;
width:100% !important;
height:500px !important;
}

.mass_comments_action {
display:none;
}



/* --- Комментарии --- */
/* Формы на UL */
ul.ui-form { list-style: none; padding: 0; margin: 0; }
	ul.ui-form > li { margin-bottom: 20px; }
	ul.ui-form > li:last-child { margin-bottom: 0; }
	.form-group { margin-bottom: 20px; }
	.form-group > label { display: block; margin-bottom: .4em; }
	.form-group.imp > label:after { content: "*"; margin: 0 0 0 10px; color: #e85319; }

	@media only screen and (min-width: 601px) {
		.form-group.combo:after { clear: both; display: table; content: ""; }
		.form-group.combo > .combo_field { width: 50%; float: left;
			-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		}
		.form-group.combo > .combo_field:last-child { padding-left: 10px; }
		.form-group.combo > .combo_field:first-child { padding-right: 10px; }
	}
	@media only screen and (max-width: 600px) {
		.combo_field { margin-bottom: 20px; }
	}
	.form_submit { margin-top: 20px; }
	.form-sep { border-top: 1px solid #efefef; }

	/* Модификация BB редактора для комментариев */
	#comment-editor .bb-editor textarea { height: 140px; }
	.addpm #comment-editor .bb-editor textarea { height: 340px; }

	/* Страницы с формами */
	.regtext { margin-bottom: 1.5em; }
	.login_check { position: relative; }
	.login_check > input { padding-right: 120px; }
	.login_check > .btn {
		width: 100px; height: 30px;
		padding: 4px 10px;
		position: absolute;
		right: 0; top: 0;
		font-weight: bold;
		font-size: 11px;
		margin: 5px;
		background: #fff;
		color: #95c00e !important;
	}

select, textarea, input[type="text"], input[type="password"], input[type="file"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    display: inline-block;
    width: 300px;
    height: 25px;
    line-height: 22px;
    padding: 8px 15px;
    vertical-align: middle;
    border-radius: 4px;
    background: #fbfbfb;
    border: 1px solid #dcdcdc;
    -webkit-transition: border 0.2s linear 0s;
    transition: border 0.2s linear 0s;
    box-shadow: inset 0 1px 4px 0 rgb(0 0 0 / 6%);
    -webkit-box-shadow: inset 0 1px 4px 0 rgb(0 0 0 / 6%);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wide, .bb-editor textarea, .ui-dialog textarea, select#category, .timezoneselect, .quick-edit-text {
    width: 100% !important;
}

textarea#comments {
width:100%;
height:150px;
}

#addcomment .btn {
    border: 0 none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    height: 40px;
    line-height: 21px;
    outline: none;
    color: #fff !important;
    padding: 9px 22px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none !important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 14%);
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 14%);
    background-color: #ff5c57;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#addcomment .btn:hover {
opacity:.8;
}

	.form_submit .c-capcha { float: right; }
	.c-capcha { position: relative; display: flex;
    align-items: center; }
	.c-capcha:after { clear: both; display: block; content: ""; }
	.c-capcha > a { float: left; margin-right: 5px; }
	.c-capcha img {
		position: relative;
		display: block;
		width: 100px; height: 36px;
		z-index: 1;
		padding: 1px;
		background: #fff;
		border: 1px solid #dcdcdc;
		-webkit-transition: all ease .2s; transition: all ease .2s;
	}
	.c-capcha:hover img { 
		box-shadow: 0 6px 20px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 6px 20px 0 rgba(0,0,0,0.2);
		-webkit-transform: scale(1.3,1.3); transform: scale(1.3,1.3);
		border-color: #1a1a1a;
	}
	.c-capcha > input { float: left; width: 150px; text-align: center; }

.comment-avatar {
width:62px;
}

.form_submit .c-capcha {
float:none;
margin:0 0 10px 0;
}

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

.video-block {
flex:1;
}

.video-block iframe {
max-width:100%;
max-height:100%;
height:100%;
}

.collastvideo {
display: flex;
    flex-direction: column;
}

.navbar .navbar-nav .nav-item {
position:relative;
}

.navbar .navbar-nav .nav-item ul {
position:absolute;
top:100%;
left:0px;
z-index:3;
border-top: 2px solid #fc4a49;
    background-color: #343a40;
box-shadow: 29px 29px 32px -10px rgb(0 0 0 / 72%);
margin:0px;
padding:15px 20px;
display:none;
}

.navbar .navbar-nav .nav-item:hover > ul {
display:block;
}

.navbar .navbar-nav .nav-item ul>li a {
    display: inline-block;
    color: rgba(255, 255, 255, .6);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .1s ease 0s;
    -o-transition: all .1s ease 0s;
    transition: all .1s ease 0s;
    padding:5px 0;
        white-space: nowrap;
}

.navbar .navbar-nav .nav-item ul>li a:hover {
    color: #fc4a49;
}

.navigation {
margin:50px 0 20px 30px;
}

.navigation .page {
display:flex;
align-items:center;
gap:5px;
flex-wrap:wrap;
justify-content: center;
}

.navigation .page a {
width:30px;
height:30px;
display:flex;
align-items:center;
justify-content:center;
}

.navigation .page span, .navigation .page a:hover {
width:30px;
height:30px;
display:flex;
align-items:center;
justify-content:center;
background:#ff5c57;
color:#fff;
text-decoration:none;
}

.navigation .page .nav_ext {
background:none;
padding:0px;
width:auto;
height:auto;
color:#212529;
}

.spedbar {
margin:7px 1px 2px 1px;
}

.newsearchflex {
display:flex;
flex-wrap:wrap;
}

.newsearchflex .navigation {
width:100%;
}

.tabs-video {
display:flex;
flex-direction: row;
}

.tabs-video .tabs__caption {
display:block;
list-style:none;
margin:0px;
padding:0px;
width: 100%;
display: flex;
gap: 10px;
flex-wrap: wrap;
flex-direction: row;    
}

.tabs-video .tabs__caption2 {
width:100%;
display:flex;
gap:10px;
flex-wrap:wrap;   
}

.tabs-video .col-right  {
width:7%;
background:#111;
padding:7px;
display: flex;
flex-direction: column;    
}

.tabs-video .col-right2  {
width:28%;
background:#111;
padding:15px;
display: flex;
flex-direction: column;    
}

.tabs-video .tabs__caption li {
cursor:pointer;
padding: 2px 7px;
margin:0 0 5px 0;
color:#fff;
border-radius:3px;
display:table;
}

.tabs-video .tabs__caption li.active {
cursor:default;
background-color: #ff5c57;
}

.tabs-video .tabs__caption li:hover {
text-decoration:underline;
}

.tabs-video .col-left {
flex:1;
font-size:0px;
line-height:0px;
}

.tabs-video .tabs__content {
display:none;
}

.tabs-video .tabs__content.active {
display:block;
}

.tabs-video .name {
border-bottom:1px #434343 solid;
color:#fff;
padding:0 0 5px 0;
margin:0 0 15px 0;
}














@media screen and (max-width:750px) {

.tabs-video {
display:block;
}

.tabs-video .tabs__caption {
width:100%;
display:flex;
gap:10px;
flex-wrap:wrap;
}

.tabs-video .col-right {
width:100%;
}

#addcomment .btn {
width:100%;
}

.h1, h1 {
font-size: 1.7rem;
}

.c-image {
max-width:none;
text-align:center;
}

#itemRatingBlock {
display:table;
margin:0 auto;
}

.c-capcha {
    flex-direction: column;
}

.c-capcha > a {
margin:0 0 5px 0 !important;
width:100%;
float:none;
}

.c-capcha img {
width:auto;
height:auto;
}

.c-capcha > input {
float:none;
width:100%;
}

#dle-captcha {
display:table;
margin:0 auto;
}




}
































