html, body {width:100%; height:100%; padding:0; margin:0;}
body {
font-family:verdana, arial, sans-serif; font-size:12px;
background-position: bottom center;
background-repeat: no-repeat;
background-color: #bfbfbf;
}
.bm__wrapper-container {height:500px;}
.top {
    margin: auto;
    width: 100%;
    display: inline-block;
    font-size: 90%;
    color: rgb(255, 255, 255);
    outline: none;
    border-radius: 3px;
    background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
    box-shadow: 0 1px rgba(255,255,255,.2) inset, 0 3px 5px rgba(0,1,6,.5), 0 0 1px 1px rgba(0,1,6,.2);
    transition: .2s ease-in-out;
}

    .blur-image {
        border-radius: 10px;
        border: #FF0000 1px solid;
        margin: 15px 15px 15px 5px;
        box-shadow: 0px 0px 16px -3px;
        filter: blur(5px);
        transition: filter 0.3s ease;
    }
    .blur-image:hover {
        filter: blur(0);
    }

.top_left {
width:707px;
float:left;
}

.top_center {
width:100%;
}

.search {
  /* устанавливаем необходимую ширину формы в зависимости от дизайна
  ** форма без проблем растягивается */
  width: 35%;

  /* кнопку отправки будем позиционировать абсолютно,
  ** поэтому необходимо это свойство */
  position: relative;
  float:right;
}

.search input {
  /* отключаем бордюры у инпутов */
  border: none;
}

/* стили для поля ввода */
.search .input {
  /* растягиваем поле ввода на всю ширину формы */
  width: 100%;
margin: 5px 0px 5px -16px;
  /* за счет верхнего (8px) и нижнего (9px) внутренних отступов
  ** регулируем высоту формы
  ** внутренний отступ справа (37px) делаем больше левого,
  ** т.к. там будет размещена кнопка отправки	*/
  padding: 8px 37px 9px 15px;

  /* чтобы ширина поля ввода (100%) включала в себя внутренние отступы */
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  /* добавляем внутренние тени */
  box-shadow: inset 0 0 5px rgba(0,0,0,0.1), inset 0 1px 2px rgba(0,0,0,0.3);

  /* закругляем углы */
  border-radius: 20px;

  background: #EEE;
  font: 13px Tahoma, Arial, sans-serif;
  color: #555;
  outline: none;
}

/* меняем оформление поля ввода при фокусе */
.search .input:focus {
  box-shadow: inset 0 0 5px rgba(0,0,0,0.2), inset 0 1px 2px rgba(0,0,0,0.4);
  background: #E8E8E8;
  color: #333;
}

/* оформляем кнопку отправки */
.search .submit {
  /* позиционируем кнопку абсолютно от правого края формы */
  position: absolute;
  top: 0;
  right: 0;
margin: 0 15px 0 0;
  width: 37px;

  /* растягиваем кнопку на всю высоту формы */
  height: 100%;

  cursor: pointer;
  background: url(https://lh4.googleusercontent.com/-b-5aBxcxarY/UAfFW9lVyjI/AAAAAAAABUg/gQtEXuPuIds/s13/go.png) 50% no-repeat;

  /* добавляем прозрачность кнопке отправки */
  opacity: 0.5;
}

/* при наведении курсора меняем прозрачность кнопки отправки */
.search .submit:hover {
  opacity: 0.8;
}

/* данное свойство необходимо для того, чтобы в браузерах
** Chrome и Safari можно было стилизовать инпуты */
input[type="search"] {
  -webkit-appearance: none;
}


.top_right {
width:330px;
float:right;
}

/*Верхнее меню*/

.reset {
margin:0px;
padding-left:2%;
padding-top:15px;
float:left;
list-style:none;
}

.top_right li {
display: inline;
}
.top_right a {color:#FFF;}

a.button1 {
  position: relative;
  color: white;
  font-weight: bold;
  text-decoration: none;
  text-shadow: -1px -1px #000;
  user-select: none;
  padding: .8em 2em;
  outline: none;
  background-color: #000;
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
  box-shadow: rgba(0,0,0,.3) 0 2px 5px;
} 
a.button1:active {
  top: 1px;
  box-shadow: none;
}
a.button1:hover {
  transition: .5s linear;
  background-position: -200% 0, 0 0;
}

.top_right a:hover {
  color: #FFF; /* Цвет ссылки */
}

.top_right a {text-decoration:none;}

.top_bottom {
margin:auto;
height:30px;
width:1300px;
background: rgba(230, 157, 80, 0.55);
}

#navi_search{
    width: 1300px;
    margin: auto;
    height: 56px;
    height: 45px;
    font-size: 90%;
    color: rgb(255, 255, 255);
    outline: none;
    border-radius: 3px;
    background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
    box-shadow: 0 1px rgba(255,255,255,.2) inset, 0 3px 5px rgba(0,1,6,.5), 0 0 1px 1px rgba(0,1,6,.2);
    transition: .2s ease-in-out;
}

}

/*Меню и поиск*/

.menu_and_search {
margin-top:20px;
height:50px;
width:100%;
float:left;
}

.menu{float;left;}



.uld1 {
    list-style:none;
    position: absolute; /* Подменю позиционируются абсолютно */
    display: none; /* Скрываем подменю */
    margin-left: 85px; /* Сдвигаем подменю вправо */
    margin-top: 5px;
}

.uld2 {
    list-style:none;
    position: absolute; /* Подменю позиционируются абсолютно */
    display: none; /* Скрываем подменю */
    margin-left: 270px; /* Сдвигаем подменю вправо */
    margin-top: 5px;
}

.uld3 {
    list-style:none;
    position: absolute; /* Подменю позиционируются абсолютно */
    display: none; /* Скрываем подменю */
    margin-left: 460px; /* Сдвигаем подменю вправо */
    margin-top: 5px;
}

a.button28 {
  position: relative;
  display: inline-block;
  font-size: 90%;
  font-weight: 700;
  color: rgb(209,209,217);
  text-decoration: none;
  text-shadow: 0 -1px 2px rgba(0,0,0,.2);
  padding: .5em 1em;
  outline: none;
  border-radius: 3px;
  background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
  box-shadow:
   0 1px rgba(255,255,255,.2) inset,
   0 3px 5px rgba(0,1,6,.5),
   0 0 1px 1px rgba(0,1,6,.2);
  transition: .2s ease-in-out;
}
a.button28:hover:not(:active) {
  background: linear-gradient(rgb(126,126,134), rgb(70,71,76)) rgb(126,126,134);
}
a.button28:active {
  top: 1px;
  background: linear-gradient(rgb(76,77,82), rgb(56,57,62)) rgb(76,77,82);
  box-shadow:
   0 0 1px rgba(0,0,0,.5) inset,
   0 2px 3px rgba(0,0,0,.5) inset,
   0 1px 1px rgba(255,255,255,.1);
}


.menu li:hover ul {
display: block; /* Скрываем подменю */
}
.menu li:hover {background: rgba(26, 150, 0, 1);}
.sublnk {
display: inline;
}

.lcolreset li{
margin:5px 5px 5px 5px;
padding: 7px 7px 7px 7px;
font-size: 20px;
box-shadow: 0px 0px 16px -3px rgba(26, 255, 0, 1);
background: rgba(0, 0, 0, 0.70);
}

.menu a {text-decoration:none; color:#000;}

.o_content{
width:1300px;
margin:auto;
}

.left_content {
width:230px;
float:left;
}

.center_content {
margin:10px 0 0 25px;
width:818px;
float:left;
}

.right_content {
margin-left:10px;
width:200px;
float:right;
}

.mini_anime{
margin: 0 0 5px 0;
box-shadow: 0px 0px 16px -3px rgba(0, 0, 0, 1);
}

.mini1{
margin:0px;
background: rgb(255, 153, 0);
}

.mini2{
margin:0px;
font-size:10px;
background: rgb(255, 255, 255, 0.75);
}

.mini3{
margin: 0px; 
    font-size: 20px;
    font-weight: bold;
    font-family: RussianView;
    width: 100%;
    display: inline-block;
    color: rgb(240, 116, 62);
    outline: none;
    background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
    box-shadow: 0 1px rgba(255,255,255,.2) inset, 0 3px 5px rgba(0,1,6,.5), 0 0 1px 1px rgba(0,1,6,.2);
    transition: .2s ease-in-out;
}

.vkgroop {text-align:center;}
.vkrazmer {width:50%; margin-left: 25%;}


.name_anime{
margin:0px;
font-size:20px;
text-align:center;
font-weight:bold;
font-family: RussianView;
    width: 100%;
    display: inline-block;
    color: rgb(240, 116, 62);
    outline: none;
    background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
    box-shadow: 0 1px rgba(255,255,255,.2) inset, 0 3px 5px rgba(0,1,6,.5), 0 0 1px 1px rgba(0,1,6,.2);
    transition: .2s ease-in-out;
}

.left_c{
float:left;
margin-top:5px;
width:100%;
box-shadow: 0px 0px 16px -3px rgba(0, 0, 0, 1);
}


.left11{
float:left;
width:100%;
    display: inline-block;
    font-size: 90%;
    color: rgb(255, 255, 255);
    outline: none;
    border-radius: 3px;
    background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
    box-shadow: 0 1px rgba(255,255,255,.2) inset, 0 3px 5px rgba(0,1,6,.5), 0 0 1px 1px rgba(0,1,6,.2);
    transition: .2s ease-in-out;
}

.left12{
width:100%;
float:left;
background: rgba(91, 92, 98);
}


.right_c{
float:left;
margin-top:20px;
width:100%;
box-shadow: 0px 0px 16px -3px rgba(0, 0, 0, 1);
}


.right11{
    float: left;
    width: 100%;
    display: inline-block;
    font-size: 90%;
    color: rgb(255, 255, 255);
    outline: none;
    border-radius: 3px;
    background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
    box-shadow: 0 1px rgba(255,255,255,.2) inset, 0 3px 5px rgba(0,1,6,.5), 0 0 1px 1px rgba(0,1,6,.2);
    transition: .2s ease-in-out;
}

.right12{
width:96%;
float:left;
background: rgb(91, 92, 98);
color:#fff;
padding:2%;
}




.left_c{float;left;}

.uld11 {
    list-style:none;
   padding:0;
   margin:auto;
   font-family: RussianView;
}

.uld21 {
    list-style:none;
      padding:0;
   margin:auto;
}

.uld31 {
    list-style:none;
    
}

.left_c a {text-decoration:none; color:#FF7538; display:block;}




.uld21 li:hover {background: rgb(91, 42, 108);}
.uld31 li:hover {background: rgb(91, 42, 108);}

.sublnk1 {
list-style-type: none;
}

.lcolreset1{
padding:0px;
}

.lcolreset1 li{
padding: 4px 3px 4px 3px;
font-size: 15px;
background: rgba(0, 0, 0, 0.70);
}


.link_anime{
margin:0px;
color:white;
float:right;
font-family: RussianView;
}

.link_anime a{text-decoration:none; color:#fff; font-size:20px;}


#slider {
 width: 100%;
 color: #66666;
 font-family: Georgia;
 font-size: 20px;
 }
.header {
margin: 0px; */
    font-weight: bold;
    font-family: RussianView;
    width: 100%;
    display: inline-block;
    color: rgb(240, 116, 62);
    outline: none;
    background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
    box-shadow: 0 1px rgba(255,255,255,.2) inset, 0 3px 5px rgba(0,1,6,.5), 0 0 1px 1px rgba(0,1,6,.2);
    transition: .2s ease-in-out;
 text-align: center;
 }
.content {
 overflow: hidden;
 }
.text {
 width: 674px;
 border: 1px solid #cccccc;
 border-top: none;
 padding: 15px;
 text-align: left;
 font-size: 14px;
 }
 
.navi_top {
text-decoration: none;
    margin: 6px 5px 5px 15px;
    padding: 10px 10px 8px 10px;
    box-shadow: 0px 0px 16px -3px rgba(0, 0, 0, 1);
    display: inline-block;
    font-size: 90%;
    color: rgb(255, 255, 255);
    outline: none;
    border-radius: 3px;
    background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
    box-shadow: 0 1px rgba(255,255,255,.2) inset, 0 3px 5px rgba(0,1,6,.5), 0 0 1px 1px rgba(0,1,6,.2);
    transition: .2s ease-in-out;
}

select {
margin: 8px 5px 5px 5px;
    padding-left: 20px;
    box-shadow: 0px 0px 16px -3px rgba(0, 0, 0, 1);
    width: 180px;
    height: 30px;
    font-weight: bold;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
    -ms-appearance: none;
    appearance: none!important;
    font-size: 90%;
    color: rgb(255, 255, 255);
    border-radius: 3px;
    background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
    box-shadow: 0 1px rgba(255,255,255,.2) inset, 0 3px 5px rgba(0,1,6,.5), 0 0 1px 1px rgba(0,1,6,.2);
    transition: .2s ease-in-out;
}
 
select::-ms-expand {
  display: none;
}

.form_search {
  margin:5px 5px 5px 5px;
  box-shadow: 0px 0px 16px -3px rgba(26, 255, 0, 1);
  width: 500px;
  padding-left:15px;
  height: 38px;
  font-size:18px;
  color:orange;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.70);
}

.search_b {
height: 40px;
width:150px;
background: rgba(0, 0, 0, 0.70);
color:orange;
margin: 0 10px 0 0;
}

#top-link{
	cursor:pointer;
	display:none;
	position:fixed;
	left:0px;
	top:0px;
	padding:0;
	z-index:1;
}


#top-link a {
	display: block;
	width: 100px;
	text-align: center;
	background: #333;
	color: white;
	padding: 5px 0;
	margin:5px;
	text-decoration:none !important;
}

#top-link:hover a{
	background:#000;
}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../img/ui.totop.png) no-repeat left top;
}

#toTopHover {
	background:url(../img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}


.panel {
    width: 200px;
    border: #ccc solid 1px;
}
.panel > .title {
    cursor: pointerf;
    background: #eee;
}
.panel > .inner {
    border-top: #ccc solid 1px;
}

.name_anime a {text-decoration:none; color:#fff; font-size:20px;}

.center {text-align:center;}

.left12 div {margin: auto; text-align:center;}

.right12 div {margin: auto; text-align:center;}

.right11 {text-align:center;  font-weight: bold; }
.left11  {text-align:center;  font-weight: bold; }

#da-yes {width:50%; float:left; background-color:green; text-align:center; font-size:30px;}
#net-now {width:50%; float:left; background-color:red; text-align:center; font-size:30px;}
#da-yes a{color:black; text-decoration:none;}
#net-now a{color:black; text-decoration:none;}


.video-container {
	margin: 20px;
}
.video-list {
	display: flex;	
}
.change-video {
	box-shadow: 0 2px 5px rgba(0,0,0,0.2), 0 4px 6px rgba(0,0,0,0.2);
	margin-top:20px;
	margin-bottom:10px;
	border: 6px solid #BFE2FF;
	transition: box-shadow 0.3s linear;
	cursor: pointer;
	background: #BFE2FF;
}
.change-video:nth-child(2) {
	margin-left: 16px;
	margin-right: 16px;
}
.change-video span {
	display: block;
	padding: 6px 12px 0 12px;
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
}
.change-video:hover {
	box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
}
.change-video.active {
	border: 6px solid #00b3ff;
	box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
	color: #FFF;
	background: #00b3ff;
}


@media screen and (max-width:500px){html{-webkit-text-size-adjust:none;}
.left_content {width:100%;}
.right_content {width:100%;}
.right_c{display:none;}
.center_content {width:100%; margin:0; padding:0;}
#vk_groups {display:none;}
.top_left {text-align:center; width:100%;}
.top_right {width:88%; margin: 0 0 0 12%;}
.top {width:100%;}
.top_bottom {display:none;}
#navi_search{width:100%; height:90px;}
.vkrazmer {width:100%; margin: 0;}
#animeage{
	float: left;
    width: 164px;}
.search {
    width: 90%;
    position: relative;
    float: left;
margin: 0 0 0 19px;}
.o_content {width:100%;}
.mini2 {width:100%; padding:0; margin:0;}
.mini22 {display:none;}
.header {width:100%; padding:0; font-size: 10px;}
#slider {width:100%;}
#intro {width:100%;}
#img320 {display:none;}
.img200 {width:150px;}
#niz_block_rek{display:none;}
}


@font-face {
        font-family: "RussianView"; 
        src: url("../fonts/RussianView.ttf") format("truetype"); 
        font-style: normal; 
        font-weight: normal; 
		font-display: swap;
        }