body {
  	font: 17px/22px 'Roboto Condensed', Tahoma, verdana, sans-serif;
  	line-height: 1.42857143; color:#708090;
  	background:url(https://era-vhs.ru/media/backgrounds/bg.jpg) center top no-repeat #000;
  /*background: url(http://365psd.ru/images/backgrounds/bg-dark-0003.gif) #222c32;*/
	
  background-position:top; background-attachment: fixed;}

a {
	color: #a5bbdc; text-decoration: none; background-color: transparent;
	transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;	-o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in}
a:hover, a:focus {
	color: #fff; text-decoration: none;
	transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;	-o-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in}
a:active, a:hover, a:focus {outline: 0}

.video-responsive embed, .video-responsive object, .video-responsive video,
.video-responsive iframe, .video-responsive frame {width: 100% !important; height:446px;
	-moz-box-shadow: 0px 3px 3px #000000;
    -webkit-box-shadow: 0px 3px 3px #000000;
    box-shadow: 0px 3px 3px #000000;}
.mejs-video, .me-plugin, .mejs-shim, .mejs-layers, .mejs-overlay {width:100% !important;}
.mejs-video, .mejs-shim {height:400px !important;}

@media screen and (max-width: 991px) {
	.video-responsive embed, .video-responsive object, .video-responsive video,
	.video-responsive iframe, .video-responsive frame, .mejs-video, .mejs-shim, .copyh {height:446px !important;}		
}
@media screen and (max-width: 767px) {
	.video-responsive embed, .video-responsive object, .video-responsive video,
	.video-responsive iframe, .video-responsive frame, .mejs-video, .mejs-shim, .copyh {height:350px !important;}		
}
@media screen and (max-width: 600px) {
	.video-responsive embed, .video-responsive object, .video-responsive video,
	.video-responsive iframe, .video-responsive frame, .mejs-video, .mejs-shim, .copyh {height:300px !important;}		
}
@media screen and (max-width: 467px) {
	.video-responsive embed, .video-responsive object, .video-responsive video,
	.video-responsive iframe, .video-responsive frame, .mejs-video, .mejs-shim, .copyh {height:250px !important;}		
}
@media screen and (max-width: 400px) {
	.video-responsive embed, .video-responsive object, .video-responsive video,
	.video-responsive iframe, .video-responsive frame, .mejs-video, .mejs-shim, .copyh {height:230px !important;}		
}
@media screen and (max-width: 340px) {
	.video-responsive embed, .video-responsive object, .video-responsive video,
	.video-responsive iframe, .video-responsive frame, .mejs-video, .mejs-shim, .copyh {height:220px !important;}		
}

/*.titleen*/
.titleen {
	color:#9A9A9A; display:block; font-size:13px; height: 13px; line-height: 13px;
	margin: -10px 0 10px 0}


/* collections */
ul.stat-col {
	background: #1B1B1B;
	list-style: none;
	margin: 0; padding: 0;
}
ul.stat-col li {
	background: #6C4D08;
	float: left;
	color: aqua;
	margin: 0 10px 10px 0; padding: 5px;
}
ul.stat-col li span.count {
	color: aqua;
}
ul.stat-col li span.txt {
	color: red;
}


/*shortstory-films*/
.bgfilms { background:#202328;}
.bgrows { background:#181A1D; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 10px 10px 0;}
.bgrow { background:#181A1D; padding-top: 10px; border-radius: 5px; min-height: 430px;}
.bgpad {padding: 0 20px; min-height: 330px;}

.shortstory-last {
}
a.shortstory-last {
	border-bottom: dotted 1px;
	font-size: 80%;
}

.related-films {
	background: #33363D; margin-bottom: 10px; padding: 5px 5px 0; transition: .2s ease-in-out;
}
a > .related-films:hover {
	background: rgba(255,255,255,0.1); box-shadow: 0px 4px 6px #000000;}
.related-films table {width:100%;}
.related-films .tdpost {width:5%;}
.related-films .tdpost img {height:52px;}
.related-films .tdinfo {width:95%; vertical-align:top;}
.related-films .tdtitle {padding-left:10px; font-size:110%;}
.related-films .tdvoice {padding-right:5px; font-size:90%; text-align:right; font-style:italic;}
.related-films .tdvoice a {color:#73AA71;}
.related-films .title {}
.related-films .voice {}
.related-films .rip {}

/*film-rip*/
.film-rip {position:absolute; top:15px; z-index:4; font-size:0;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)}
.film-rip a {
	padding:3px 6px; color:#bbb; font-weight: 800; text-transform:uppercase; display:block; font-size:14px; margin-bottom:2px;
	background:#FC1A3F;background:rgba(0,0,0,0.9);
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-left: solid 2px rgba(81,81,81,1.00);
	border-right: solid 2px rgba(81,81,81,1.00);
	border-bottom: solid 2px rgba(81,81,81,1.00);}
.film-rip a:hover {background:rgba(23,23,23,0.6);}

.film-rip-short {position:absolute; top:5px; z-index:4; font-size:0; right: 5px;}
.film-rip-short-min {position:absolute; top:10px; z-index:4; font-size:0; right: 10px;}
.film-rip-short a {
	padding:3px 6px; color:#bbb; font-weight: 800; text-transform:uppercase; display:block; font-size:14px; margin-bottom:2px;
	background:rgba(67,69,74,0.90);
    border: 2px solid rgba(93,100,115,0.7); border-radius: 5px;
    color: #c5cbdb;}
.film-rip-short a:hover {background:rgba(67,69,74,0.80);}

.film-rip-vo {position:absolute; top:40px; z-index:4; font-size:0; right: 5px;}
.film-rip-vo a {
	padding:3px 6px; color:#bbb; font-weight: 800; text-transform:uppercase; display:block; font-size:14px; margin-bottom:2px;
	background:rgba(67,69,74,0.90);
    border: 2px solid rgba(93,100,115,0.7); border-radius: 5px;
    color: #c5cbdb;}
.film-rip-vo a:hover {background:rgba(67,69,74,0.80);}

/*film-voice*/
.film-voice {position:absolute;  top:150px; z-index:4; font-size:0; width: 93%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)}
.film-voice-min {position:absolute; bottom:22%; z-index:4; font-size:0; width: 88%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)}
.film-voice a {
	padding:3px 6px; color:#DDDDDD; text-align: center; display:block; font-size:11px; margin-bottom:4px;
	background: rgba(0,103,2,0.80);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; border: 2px solid rgba(93,100,115,0.7);}
.film-voice a:hover {
	background: rgba(0,103,2,0.90);}

.bg-voice-aftor a{background:rgba(67,69,74,0.90); font-size: 13px;}
.bg-voice-aftor a:hover{background:rgba(67,69,74,0.80);}



.bg-voice-hd a{background:rgba(59,59,59,0.80);}
.bg-voice-hd a:hover{background:rgba(59,59,59,0.90);}

.warning {
	background: rgba(255,255,255,0.30);
	color:rgba(255,0,4,0.80); text-shadow:-1px 1px 3px #000000;
	text-align:center; padding: 20px 0;}

.short-content-film {overflow:hidden;}
.short-link-film {overflow:hidden; padding:5px 10px;}
.short-link-film a {font-size:85%; line-height:1.3; display:block; text-align:left; height:60px; overflow:hidden;}
.short-link-film:hover {}
dle-content {padding: 0 10px; display: block; min-height: 400px;}


/* Базовый контейнер табов */
.tabs {
	min-width: 320px;
	max-width: 800px;
	padding: 0px;
	margin: 0 auto;
}
/* Стили секций с содержанием */
.tabs>section {
	display: none;
	background: #181A1D;
	border: 1px solid #181A1D;
	-moz-box-shadow: 0px 3px 3px #000000;
    -webkit-box-shadow: 0px 3px 3px #000000;
    box-shadow: 0px 3px 3px #000000;
}
.tabs>section>p {
	margin: 0 0 5px;
	line-height: 1.5;
	color: #383838;
	/* прикрутим анимацию */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* Описываем анимацию свойства opacity */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* Прячем чекбоксы */
.tabs>input {
	display: none;
	position: absolute;
}
/* Стили переключателей вкладок (табов) */
.tabs>label {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 15px 25px;
	font-weight: 600;
	text-align: center;
	color: #aaa;
	border: 0px solid #25272A;
	border-width: 1px 1px 1px 1px;
	background: #25272A;
	border-radius: 3px 3px 0 0;
}
/* Шрифт-иконки от Font Awesome в формате Unicode */
.tabs>label:before {
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 10px;
}
.tabs>label[for*="1"]:before {
	content: "\f144";
}
.tabs>label[for*="2"]:before {
	content: "\f0c9";
}
.tabs>label[for*="3"]:before {
	content: "\f152";
}
.tabs>label[for*="4"]:before {
	content: "\f118";
}
.tabs>label[for*="5"]:before {
	content: "\f04d";
}
.tabs>label[for*="6"]:before {
	content: "\f04b";
}
.tabs>label[for*="7"]:before {
	content: "\f03d";
}
/* Изменения стиля переключателей вкладок при наведении */
 
.tabs>label:hover {
	color: #888;
	cursor: pointer;
}
/* Стили для активной вкладки */
.tabs>input:checked+label {
	color: #555;
	border-top: 1px solid #181A1D;
	border-bottom: 1px solid #181A1D;
	background: #181A1D;
}
/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, #tab5:checked~#content-tab5, #tab6:checked~#content-tab6, #tab7:checked~#content-tab7 {
	display: block;
}
/* Убираем текст с переключателей 
* и оставляем иконки на малых экранах
*/
 
@media screen and (max-width: 680px) {
	.tabs>label {
		font-size: 0;
	}
	.tabs>label:before {
		margin: 0;
		font-size: 18px;
	}
}
/* Изменяем внутренние отступы 
*  переключателей для малых экранов
*/
@media screen and (max-width: 400px) {
	.tabs>label {
		padding: 15px;
	}
}

/*Tabs2*/
.section2 {
	width: 100%;
	background: #25272A;
	border: 1px solid #181A1D;
    -moz-box-shadow: 0px 3px 3px #000000;
    -webkit-box-shadow: 0px 3px 3px #000000;
    box-shadow: 0px 3px 3px #000000;
}
ul.tabs2 {}
.tabs2 li {
	float: left;
	display: inline;
	cursor: pointer;
	background: #343639;
	position: relative;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.vertical .tabs2 li:hover {
	background: #3F4144;
}
.box {
	display: none;
}
.box.visible {
	display: block;
}

.section2.vertical {
	display: block; overflow: hidden;
}
.vertical .tabs2 {
	float: left;
	display: inline;
}
.vertical .tabs2 li {
	padding: 5px 20px;
	font-size: 1em; font-weight:700; text-align: center;
	width: 100%;
	border-bottom: solid 1px #1E2022;
}
.vertical .tabs2 li:hover {
}
.vertical .tabs2 li.current {
	background: #181A1D;
}
.vertical .box {
  	border-width: 1px;
}
.tabbox1 {
	display:block; overflow: hidden;
	float: left;
	background: #25272A;
	width: 30%;
}
.tabbox2 {
	display:block; overflow: hidden;
	float: left;
	background:#181A1D;
	width: 70%;
}

.lightstat_user_list_item {display: none;}

.lightstat_user_list .lightstat_user_list_item:nth-of-type(1), .lightstat_user_list .lightstat_user_list_item:nth-of-type(2), .lightstat_user_list .lightstat_user_list_item:nth-of-type(3) {display: flex;}

.lightstat_light_theme .lightstat_body {background: #f1f5f7;}
.lightstat_light_theme .lightstat_body {background: #f1f5f7;}
.lightstat_light_theme .lightstat_user_list_item a {color: #030304;}
.lightstat_light_theme .lightstat_user_list_title {color: #030304;}
.lightstat_light_theme .lightstat_body .result_numb div span:nth-of-type(2) {color: #283e52;}
.lightstat_light_theme .lightstat_body .result_numb div {color: #030304; text-shadow: none;}
.lightstat_light_theme .lightstat_is {text-shadow: none; color: #283e52;}
.lightstat_light_theme .lightstat_body .result_numb .lightstat_user span:nth-of-type(1) {border: 2px solid #0bb1d6; box-shadow: none;}
.lightstat_light_theme .lightstat_body .result_numb .lightstat_guest span:nth-of-type(1) {border: 2px solid #ff6d00; box-shadow: none;}
.lightstat_light_theme .lightstat_body .result_numb .lightstat_bot span:nth-of-type(1) {border: 2px solid #345471; box-shadow: none;}
.lightstat_light_theme .lightstat_user_circle {background: #0bb1d6;}
.lightstat_light_theme .lightstat_guest_circle {background: #ff6d00;}
.lightstat_light_theme .lightstat_bot_circle {background: #345471;}

.mid-but {
	margin: 0 10px 10px; padding: 2px;
	display: block; overflow: hidden;
}
.mid-but a span {
	display: block; float: left;
	background: #202328;
	padding: 10px 10px; margin-right: 5px; margin-bottom: 5px;
	border: solid 1px #2B2B2B;
	border-radius:5px; -webkit-border-radius:5px; -mox-border-radius:5px;
	font-weight: 400; text-transform: uppercase;
	transition: .2s ease-in-out;
}
.mid-but a:hover span {
	border: solid 1px #3C3C3C;
	-moz-box-shadow: 0px 2px 5px #000000;
    -webkit-box-shadow: 0px 2px 5px #000000;
    box-shadow: 0px 2px 5px #000000;
}

/* START TOOLTIP STYLES */
[tooltip2] {
  position: relative; /* opinion 1 */
}
/* Applies to all tooltips */
[tooltip2]::before,
[tooltip2]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip2]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[tooltip2]::after {
  content: attr(tooltip2); /* magic! */
  
  /* most of the rest of this is opinion */
  font-family: Helvetica, sans-serif;
  text-align: center;
  
  /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
    */
  min-width: 3em;
  max-width: 28em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #555;
  color: #fff; font-size: 14px; font-weight: 400;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[tooltip2]:hover::before,
[tooltip2]:hover::after {
  display: block;
}

/* don't show empty tooltips */
[tooltip2='']::before,
[tooltip2='']::after {
  display: none !important;
}

/* FLOW: UP */
[tooltip2]:not([flow])::before,
[tooltip2][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #555;
}
[tooltip2]:not([flow])::after,
[tooltip2][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip2]:not([flow])::before,
[tooltip2]:not([flow])::after,
[tooltip2][flow^="up"]::before,
[tooltip2][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[tooltip2][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #555;
}
[tooltip2][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip2][flow^="down"]::before,
[tooltip2][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[tooltip2][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #555;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[tooltip2][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[tooltip2][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #555;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[tooltip2][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes tooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[tooltip2]:not([flow]):hover::before,
[tooltip2]:not([flow]):hover::after,
[tooltip2][flow^="up"]:hover::before,
[tooltip2][flow^="up"]:hover::after,
[tooltip2][flow^="down"]:hover::before,
[tooltip2][flow^="down"]:hover::after {animation: tooltips-vert 300ms ease-out forwards;}
[tooltip2][flow^="left"]:hover::before,
[tooltip2][flow^="left"]:hover::after,
[tooltip2][flow^="right"]:hover::before,
[tooltip2][flow^="right"]:hover::after {animation: tooltips-horz 300ms ease-out forwards;}

[data-tooltip] {position: relative; /* Относительное позиционирование */}
[data-tooltip]::after {
	content: attr(data-tooltip); /* Выводим текст */
	position: absolute; /* Абсолютное позиционирование */
	left: 5em; top: 2em; /* Положение подсказки */
	background: #000; /* Синий цвет фона */
	color: #fff; /* Цвет текста */
	padding: 0.5em; /* Поля вокруг текста */
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Параметры тени */
	pointer-events: none; /* Подсказка */
	opacity: 0; /* Подсказка невидима */
	transition: .3s; /* Время появления подсказки */
	z-index: 1000;
	-moz-box-shadow: 0px 5px 8px #000000;
    -webkit-box-shadow: 0px 5px 8px #000000;
    box-shadow: 0px 5px 8px #000000;
	min-width: 10em;
} 
[data-tooltip]:hover::after {
    opacity: 1; /* Показываем подсказку */
    top: 2em; /* Положение подсказки */
	left: 5em;
	z-index: 99000;
}

sup.count-vo {color:aqua;}
.clearfix2 {padding-bottom:30px;}
.copyh {
	display: block; height: 446px;
	position: relative;
	background: #0B0B0B;
	-moz-box-shadow: 0px 3px 3px #000000;
    -webkit-box-shadow: 0px 3px 3px #000000;
    box-shadow: 0px 3px 3px #000000;
}
.copyh span {
	position: absolute;
    top:50%; left:50%; margin-right:-50%; transform:translate(-50%, -50%);
	font-size: 95%;
}

/*social-icon*/
.social-icon {overflow:hidden;}
.social-icon li {float:left; text-align:center; width:100%; height:60px;}
.social-icon li:first-child a {border-top-left-radius:3px; border-bottom-left-radius:3px;}
.social-icon li:last-child a {border-top-right-radius:3px; border-bottom-right-radius:3px;}
.social-icon li a {display:block; font-size:22px; color:#fff; line-height:60px; margin-left:1px;}
.social-icon li a span {display:none; text-indent:-9999px}
.social-icon li a.fa-vk2 {background:url(../images/favk2.png) no-repeat center rgba(70, 130, 180, 0.8);}
.social-icon li a.fa-youtube {background:#F12567; background:rgba(241,37,103,0.7)}
.social-icon li a.fa-facebook{background: #7998CA; background:rgba(121,152,202,0.7)}
.social-icon li a.fa-twitter {background:#02B0E4; background:rgba(2,176,228,0.7)}
.social-icon li a.fa-google-plus {background:#FC7EA4; background:rgba(252,126,164,0.7)}
.social-icon li a:hover {background:url(../images/favk2.png) no-repeat center rgba(70, 130, 180, 1);}
#footer .social-icon li {width:40px; height:40px;}
#footer .social-icon li a {line-height:40px; font-size:18px;}

.__ym_wv_ign {
	display: none;
}