@font-face {
	font-family: 'Rostov'; 
	src: url(/upload/Rostov.ttf); 
}


.blur{
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

.pod-zag {
	color: #fff;
    font-size: 30px;
}

.modal-pod-wrapper .donatblock {
    text-align: justify;
    font-size: 14px;
    color: #000 !important;
}

.modal-pod-wrapper .donat-widget__link {
  color: #af8c33;
  font-weight: bold;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  font-size: 18px;
justify-content: center;}


.modal-pod-wrapper .donatblock p {
    color: #000 !important;
	text-indent: 0px;
	margin-bottom: 10px;
}

.podder-wrapper a.btn{
  width:150px;
  display:block;
  margin:-25px 0 0 -75px;
  padding:10px 0;
  position:fixed;
  top:95%; left:50%;
  font:1.125em 'Arial', sans-serif;
  font-weight:700;
  text-align:center;
  text-decoration:none;
  color:#fff;
  border-radius:5px;
  background:rgba(217,67,86,1);
  z-index: 9999;
}

.modal-pod-wrapper{
  width:100%;
  height:100%;
  position:fixed;
  top:0; left:0;
  background:rgba(11, 9, 9, 0.82);
  visibility:hidden;
  opacity:0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  z-index: 9999;
}

.modal-pod-wrapper.open{
  opacity:1;
  visibility:visible;
}

.modal-pod-wrapper .modal{
  width:600px;
  height:350px;
  display:block;
  margin:50% 0 0 -300px;
  position:relative;
  top:50%; 
  left:50%;
  background:#fff;
  opacity:0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

@media(max-width: 600px) {	
.modal-pod-wrapper .modal {
	 margin: 0 auto;
	 max-width: 360px;
	 left: 0;
}

.modal-pod-wrapper .modal{
	  height:450px;
	  }
}

.modal-pod-wrapper.open .modal{
  margin-top:-200px;
  opacity:1;
}

.modal-pod-wrapper .head{
  width:100%;
  height:50px;
  padding:1% 6%;
  overflow:hidden;
  background:#197e0af5;
  font-family: 'Rostov'; 
}

.modal-pod-wrapper .btn-close-pod{
  width:32px;
  height:32px;
  display:block;
  float:right;
}

.modal-pod-wrapper .btn-close-pod::before, .btn-close-pod::after{
  content:'';
  width:32px;
  height:6px;
  display:block;
  background:#fff;
}

.modal-pod-wrapper .btn-close-pod::before{
  margin-top:16px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}

.modal-pod-wrapper .btn-close-pod::after{
  margin-top:-6px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.modal-pod-wrapper .content{
  padding: 10px 6% 10px 6%;
}

.t3-footer .nav {
    font-size: 13px; 
}

.t3-content figure.left {
	float: unset !important;
	height: auto;
}

.t3-content figure.left img {
height: auto;
}

.itemid-140 .article-info dd + dd::before {
	  content: unset !important;
}

.itemid-283 figure {
	background: unset !important;
}

.podrobnee_o_igre li {
   font-size: 20px;
}

.podrobnee_o_seriale li {
   font-size: 20px !important;
}

.category-name a:after {
    content: "" !important;
}

.gamesinfo-verh .t3-mainbody {
	padding-top: 34px !important;
}

.movies_page .intro-wrap {
	min-height: 192px;
}

.article-detail .popover {
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  text-align: left;
  text-align: start;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  word-wrap: break-word;
}

.article-detail .popover-body {
	text-align: justify;
	padding: 5px 10px 5px 10px;
	font-size: 12px;
}

.article-detail .popover-header {
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 12px;
}

a.readmore-s {
	text-align: right; 
}

a.readmore-s:hover, a.readmore-s:focus {
     border-bottom: unset; 
 }

  .block_lovecraft_1 p {
	 color: #ffffff !important;
 }
 
 .block_lovecraft_1_mov p {
	 color: #ffffff !important;
 }
 
.donat-widget__link {
    color: #af8c33;
    font-weight: bold;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    font-size: 20px;
    justify-content: center;
}

 .copyright {
	 font-size: 13px;
	 background: url(/images/18plus.png) right no-repeat;
     background-size: 30px;
 }
 
 .donatblock {
 text-align: center; 
 font-size: 20px; 
 color: #fff;
 }

 .movies_page .article-detail,.movies_page .article-aside {
	text-align: justify !important;
	max-width: 900px !important;
	width: 95% !important;
}

.movies_page .t3-masthead + .t3-mainbody {
  padding-top: 12px !important;
}

 .games_page .article-detail,.movies_page .article-aside {
	text-align: justify !important;
	max-width: 900px !important;
	width: 95% !important;
}

.games_page .t3-masthead + .t3-mainbody {
  padding-top: 12px !important;
}


.article_base .detail-image-cover {
	background-repeat: no-repeat;
	background-size: cover !important;
	max-width: 1920px;
}

.article_base .detail-image-cover {
right: 0;
margin: auto;		
}

.article_base .article-cover .cover-detail {
background-color: rgba(0, 0, 0, 0.4);
/*opacity: 0.8;	*/
}

.article_base .article-cover .category-name {
	margin-bottom: 0 !important;
	margin-top: 24px;
	
}

.result__title-text {
  font-size: 2rem;
}

 .landing-page-about .article-cover {
display: none;
 }
 
.article_base blockquote p {
	font-size: 18px !important;
}

  .table-spisok-proizv .article-cover {
display: none;
 }
 
.article_base p {
	margin-bottom: 15px;
	text-indent: 15px;
	color: #919191;	
}

.article-intro {
	color: #919191;		
}

.category-name {
	color: #fff;	
} 

.items-row .item, .leading {	
	padding-bottom: 20px;
}

.article_base .page-header {
    margin-bottom: 50px;
}

.article_base .article-detail h2 {
	text-align:center;
}

.article_base .article-detail h3 {
	text-align:center;
}


.pismo-block {
  background-color: #fdf6e3; /* светлый кремовый цвет бумаги */
  border: 1px solid #e1d8b9; /* тонкая рамка */
  box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* лёгкая тень для глубины */
  border-radius: 12px; /* скруглённые углы */
  padding: 30px 20px;
  max-width: 800px;
  margin: 20px auto;
  font-family: Georgia, serif;
  /* можно добавить faint noise texture */
  background-image: repeating-linear-gradient(
    45deg,
    rgba(0,0,0,0.02) 0,
    rgba(0,0,0,0.02) 1px,
    transparent 1px,
    transparent 20px
  );
  background-size: 20px 20px;
}

.collumn-gaz {
  background-color: #f9f9f7; /* светло-серый оттенок бумаги */
  color: #222 !important; /* тёмно-серый текст для газеты */
  border: 1px solid #ccc; /* лёгкая рамка */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  padding: 30px 20px;
  max-width: 800px;
  margin: 30px auto;
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
  line-height: 1.5;
  /* имитация текстуры бумаги с мелким шумом */
  background-image:
    radial-gradient(rgba(0,0,0,0.03) 1px, transparent 1px),
    repeating-linear-gradient(0deg, rgba(0,0,0,0.02), rgba(0,0,0,0.02) 1px, transparent 1px, transparent 4px);
  background-size: 10px 10px, 100% 5px;
}

.collumn-gaz p {
	  color: #222 !important; /* тёмно-серый текст для газеты */
}


.diary-container {
  background-color: #fff9f0; /* нежный кремовый фон */
  max-width: 800px;
  margin: 30px auto;
  padding: 20px 20px;
  border-radius: 14px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.1);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #4a3c31; /* тёплый коричневый цвет шрифта */
  line-height: 1.2;
  font-size: 16px;
}

.diary-container h2 {
  font-family: 'Cursive', 'Brush Script MT', cursive;
  font-size: 28px;
  margin-bottom: 20px;
  color: #a87543; /* цвет рукописного заголовка */
}

.diary-container p {
  margin-bottom: 18px;
}

.diary-container blockquote {
  font-style: italic;
  border-left: 4px solid #d8b47e;
  margin: 20px 0;
  padding-left: 16px;
  color: #7a6a55;
}


.view-cover .t3-mainbody .article-aside {
	padding-bottom: 12px;
}

.zakl_date {
	text-align: right;
	margin-top: 40px;
	
}


.article_base .article-detail {
	text-align: justify;		
}

.article_base .tags {
	margin-top: 15px;	
	margin-bottom: 25px;
}

.items-row .article-footer {
	position: absolute;
	bottom: 5px;
	right: 0;
}
 
.block_section_achievements {
	display: flex;
	position: relative;
    flex-direction: row;
    flex-wrap: /*nowrap*/ wrap;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 10px;
}

.block_achievements {
	-webkit-box-flex: 0;
	-webkit-flex: 1 0 32%;
	max-width: 70px;
	flex: 1 0 32%;	
}

.block_achievements_1 {
	-webkit-box-flex: 0;
	-webkit-flex: 1 0 53%;
	flex: 1 0 53%;
	max-width: 53%;
	padding-left: 5px;
}

.dusk-achievement ol  {
	padding-inline-start: 15px !important; 
}

.gamesinfo-verh .pull-left.item-image img {
	max-width: 300px !important;
}

.movies_page .pull-left.item-image img {
	max-width: 300px !important;
}

.block_section_lovecraft {
	display: flex;
	position: relative;
    flex-direction: row;
    flex-wrap: /*nowrap*/ wrap;
    align-items: stretch;
    justify-content: flex-start;
	margin: 0 0 60px 0 ;
	padding: 0;
	font-size: 18px;
	line-height: 1.7778;
	color: #ffffff;
	font-weight: 400;
}

.block_section_lovecraft h3 {
	font-size: 18px;
	color: #ee1010;
	margin-top: 15px;
	margin-bottom: 5px;
 }
.block_section_lovecraft p { 
	margin-bottom: 15px;
 }
 
.block_section_lovecraft p.autor-annot {
	text-align:right;
	color: #ee1010;	 	
  }
  
.block_section_lovecraft p.autor-annot a {
	color: #ee1010;	  
  }


  .block_section_lovecraft_mov {
	display: flex;
	position: relative;
    flex-direction: row;
    flex-wrap: /*nowrap*/ wrap;
    align-items: stretch;
    justify-content: flex-start;
	margin: 0 0 60px 0 ;
	padding: 0;
	font-size: 18px;
	line-height: 1.7778;
	color: #ffffff;
	font-weight: 400;
}

.block_section_lovecraft_mov h3 {
	font-size: 18px;
	color: #ee1010;
	margin-top: 15px;
	margin-bottom: 5px;
 }
.block_section_lovecraft_mov p { 
	margin-bottom: 15px;
 }
 
.block_section_lovecraft_mov p.autor-annot {
	text-align:right;
	color: #ee1010;	 	
  }
  
.block_section_lovecraft_mov p.autor-annot a {
	color: #ee1010;	  
  }


 .block_documentary {
	color: #ffffff;
 }
 
 .documentaryfilms .page-header {
	 margin-bottom: 30px;	 
 }
 
 .bestiarypage .page-header {
	 margin-bottom: 30px;	 
 }

 .landing-page-about .page-header {
	 margin-bottom: 30px;	 
 }

 .gamesinfo-verh .page-header {
	 margin-bottom: 30px;	 
 }

 .gamesinfo-verh .article-detail p {
    margin-bottom: 15px;
}

.gamesinfo-verh .item-page .article-title {
    margin-bottom: 15px;
}

.gamesinfo-verh .item-page .article-aside {
    padding-top: 10px;
    margin-bottom: 5px;
}

 .blogarticles .page-header {
	 margin-bottom: 30px;	 
 }

 .blogarticles .article-detail p {
    margin-bottom: 15px;
}

.blogarticles .item-page .article-title {
    margin-bottom: 15px;
}

.blogarticles .item-page .article-aside {
    padding-top: 10px;
    margin-bottom: 5px;
}

.blogarticles .t3-masthead + .t3-mainbody {
  padding-top: 12px !important;
}

.blogarticles h2.article-title {
	margin: 0 0 0 0 !important;
}

 
 .table-spisok-proizv .page-header {
	 margin-bottom: 30px;	 
 }

 .documentaryfilms h1 {
 	text-align: center;
 	font-size: 45px;
    margin-bottom: 48px;
    color: #ffffff;
    margin: 0 0 24px 0;
    font-weight: 400;
    line-height: 1.6;

 }

 .documentary-body {
 	margin-top:50px;
 	text-align: center;
 	position:relative;
 	padding-bottom:56.25%;
 	height:0;
 }

 .documentary-body iframe {
 	position:absolute;
 	top:0;
 	left:0;
 	width:100%;
 	height:100%;
 }

  
.block_section_lovecraft hr {
	margin-top: 5px;
	margin-bottom: 0px; } 
  
.block_lovecraft {
	-webkit-box-flex: 0;
	-webkit-flex: 1 0 32%;
	max-width: 32%;
	flex: 1 0 32%;	
	padding-right: 10px;
}

.block_section_lovecraft_mov hr {
	margin-top: 5px;
	margin-bottom: 0px; } 
  
.block_lovecraft_mov {
	-webkit-box-flex: 0;
	-webkit-flex: 1 0 47%;
	max-width: 47%;
	flex: 1 0 47%;	
	padding-right: 10px;
}

.char_block {
    display: flex;
    align-items: baseline;
   /* padding: 8px 0;*/
}

.char_name {
    width: 42%;
    font-weight: bold;
}

.char_val {
    width: 58%;
    text-align: left;
}

.block_lovecraft_1 {
	-webkit-box-flex: 0;
	-webkit-flex: 1 0 53%;
	flex: 1 0 53%;
	max-width: 53%;
	padding-left: 5px;
}

.block_lovecraft_1 p {
	text-indent: 0;	
	
}

.block_lovecraft_1_mov {
	-webkit-box-flex: 0;
	-webkit-flex: 1 0 51%;
	flex: 1 0 51%;
	max-width: 51%;
	padding-left: 10px;
}

.block_lovecraft_1_mov p {
	text-indent: 0;	
	
}

.lovecraft_first:not(:focus)::first-letter {
    float: left;
    font-size: 8.4em;
    line-height: .68;
    font-weight: 100;
    margin: .05em .1em 0 0;
    text-transform: uppercase;
    font-style: normal;
}


.lyrics {
  display: inline-block;
  text-align: left;
  margin-left: 15px;
  line-height: 1.6;
  font-style: italic;  
  margin-bottom: 15px;
}


.article_base .lyrics p {
	white-space: pre;
	text-indent:0px;
}


.t3-mainbody {

	padding-top: 30px;

}

.t3-masthead {

	padding-top: 30px;
	padding-bottom: 50px;

}

.view-models-wrap > .page-header {

	padding-top: 0px;
	margin-bottom: 50px;

}



.table-spisok-proizv .article-detail {
	max-width: 100%;	
	
}

.table-spisok-proizv .container {
	width: 85%;	
	
}


.table-spisok-proizv .has-masthead .model-detail {
	padding-top: 40px;	
	
}


.table-spisok-proizv table {
	
	background-color: white;
	color: #666464;
	
}

.table-spisok-proizv thead {
	background-color: #888585;	
	color: #292828;
	
}

.table-spisok-proizv tfoot {
	background-color: #888585;	
	color: #292828;
	
}

.table-spisok-proizv table.fixedHeader-floating {
	position: fixed;
	z-index:100;
	
}

.bestiarypage .article-content {
	text-align: left;	
	
}

.bestiarypage .article-content h3 {
	margin-top: 15px;
	margin-bottom: 10px;
	
}

.bestiarypage .model-detail .article-title {
margin-bottom: 20px;		
}


.tablread {
	color: #000;
	text-decoration: underline;
}

.bestiarypage .model-detail.model-split article {	
	padding-top: 30px;	
}

.bestiarypage .article-detail p {
	margin-bottom: 15px;	
}


.landing-page-photo .view-cover-simple .article-cover {
	height: unset;	
	
}

.landing-page-photo .page-header {
	
margin-bottom: 30px;	
}


.landing-page-photo .view-cover-simple .item-page .category, .view-cover-simple .item-page .article-title { 
	text-align: center;	 
	 
 }
 
.landing-page-photo .about-us .about-item {  
	 margin-top: 90px;
  }
  
.landing-page-photo .about-us .lead {
    margin-bottom: 15px;
	width: 90%;
}
.landing-page-photo h2 {
	margin-bottom: 10px;
	width: 90%;
}

.landing-page-photo .finishfoto {
	margin-top: 90px;	
}


.article-detail sup {
    top: -0.6em;
    right: 3px;
}

.article-detail sup a {
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;	
}	

.section-other-translate {
    margin-top: 60px;
    overflow: hidden;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    padding: 0 20px;	
	width: 100%;
	border: 1px solid;
}

.section-other-translate h3 {
	margin-top: 10px;
}

.infoname {
	width: 60%;
	
}

.otherbook {
    display: flex;
    position: relative;
    flex-direction: row;
	width: 100%;
    align-items: center;
    justify-content: flex-start;
	margin-bottom: 15px;
    /*padding: 30px 0 30px 50px;
    background: #F2F6F7;
    border-radius: 20px;*/
}

.formatbook {
    display: flex;
    position: relative;
    flex-direction: row;
	justify-content: center;
	width: 39%;
}

.section-other-translate ul li {
    display: inline-block;
	padding: 0 5px 0 5px;
}

.section-other-translate ul {
	margin-top: unset;
	margin-bottom: unset;
}

.formatbook {
    display: flex;
    flex-direction: row;
    align-items: center;
    /*justify-content: center;
    margin: 0 auto;*/
}



.collumn-gaz + .collumn-gaz { 
  border-left: 1px solid #2f2f2f;
}
.collumn-gaz .headline{
    text-align: center;
    line-height: normal;
    font-family: 'Playfair Display', serif;
    display: block;
    margin: 0 auto;
}

.collumn-gaz .headline.hl3{
    font-size: 24px;
    padding: 10px 0 10px 0;
}
.collumn-gaz .headline.hl4{
    font-weight: 700;
    font-size: 16px;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}
.collumn-gaz .headline.hl4:before{
    border-top: 1px solid #2f2f2f;
    content: '';
    width: 100px;
    height: 7px;
    display: block;
    margin: 0 auto;
}
.collumn-gaz .headline.hl4:after{
    border-bottom: 1px solid #2f2f2f;
    content: '';
    width: 100px;
    height: 10px;
    display: block;
    margin: 0 auto;

}

.collumn-gaz .citation{
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    line-height: 44px;
    /*font-style: italic;*/
    text-align: center;
    font-weight: 400;
    display: block;
    margin: 40px 0 40px 0;
    font-feature-settings: "liga", "dlig";

}
.collumn-gaz .citation:before{
    border-top: 1px solid #2f2f2f;
    content: '';
    width: 100px;
    height: 16px;
    display: block;
    margin: 0 auto;
}
.collumn-gaz .citation:after{
    border-bottom: 1px solid #2f2f2f;
    content: '';
    width: 100px;
    height: 16px;
    display: block;
    margin: 0 auto;
}
.collumn-gaz .figure {
	  margin: 0 0 20px;
}
.collumn-gaz .figcaption{
	font-style: italic;
	font-size: 12px;
}

/*.t3-megamenu .mega-inner {
    padding: 5px 0;
}

.t3-megamenu .mega-dropdown-menu {
	padding: 10px;
	
}*/


/*  
--------------------------------------------------------------------------------

ЛУЧШИЕ ФИЛЬМЫ УЖАСОВ 90х СТАТЬЯ

-----------------------------------------------------------------------------------
*/




.blogarticles .horror-collection-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
    padding: 30px 0;
    max-width: 1200px;
    margin: 0 auto;
}

.blogarticles .collection-card {
    display: block;
    background: #0f0f0f;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    color: #eee;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
    position: relative;
    height: 100%;
    border: 1px solid #333;
}

.blogarticles .collection-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(255, 0, 0, 0.25);
    border-color: #cc0000;
}

.blogarticles .collection-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: linear-gradient(135deg, #cc0000, #ff4444);
    color: white;
    font-weight: bold;
    padding: 8px 15px;
    border-radius: 20px;
    font-size: 0.9em;
    z-index: 2;
    box-shadow: 0 4px 10px rgba(204, 0, 0, 0.3);
}

.blogarticles .collection-year {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    font-weight: bold;
    padding: 8px 15px;
    border-radius: 8px;
    font-size: 1.2em;
    z-index: 2;
    border: 2px solid #cc0000;
}

.blogarticles .collection-poster {
    height: 250px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

.blogarticles .poster-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
    color: white;
    padding: 20px;
    text-align: center;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
}

.blogarticles .collection-card:hover .poster-overlay {
    opacity: 1;
    transform: translateY(0);
}

.blogarticles .poster-overlay span {
    font-weight: bold;
    font-size: 1.1em;
    color: #ffcc00;
}

.blogarticles .collection-info {
    padding: 25px 20px;
}

.blogarticles .collection-info h3 {
    margin: 0 0 12px 0;
    font-size: 1.3em;
    line-height: 1.3;
    color: #fff;
    min-height: 2em;
}

.blogarticles .movie-counter {
    display: inline-block;
    background: #222;
    color: #aaa;
    padding: 5px 12px;
    border-radius: 15px;
    font-size: 0.9em;
    margin-bottom: 15px;
    border: 1px solid #444;
}

.blogarticles .best-movie {
    border-top: 1px solid #333;
    padding-top: 15px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.blogarticles .best-movie .label {
    color: #888;
    font-size: 0.9em;
}

.blogarticles .best-movie .title {
    font-weight: bold;
    color: #fff;
    font-size: 1.1em;
}

/* Адаптивность */
@media (max-width: 1200px) {
    .blogarticles .horror-collection-grid {
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .blogarticles .horror-collection-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 20px;
    }
    
    .blogarticles .collection-info h3 {
        font-size: 1.2em;
    }
}

@media (max-width: 480px) {
    .blogarticles .horror-collection-grid {
        grid-template-columns: 1fr;
        max-width: 350px;
    }
    
    .blogarticles .collection-poster {
        height: 220px;
    }
}



/*  


--------------------------------------------------------------------------------

ПОДДЕРЖКА ИСПОЛНИТЕЛЕЙ

-----------------------------------------------------------------------------------
*/

.classifiers-lvc-main {
  background-color: #191919;
  margin: 0px 0 20px 0;
  padding: 15px;
  word-wrap: break-word;
  font-size: 16px;
  line-height: 1.56;
  display: block;
  color: #fff;
  border-radius: calc(16px*0.5);
}

.lvc-ispoln-main {
  display: block;
  font-size: 16px;
  line-height: 1.56;
  margin-top: 15px;
}

.lvc-author-name {
	font-weight: bold;
}

.lvc-author-text {
	font-size: 14px;
}


.shares__item {
  width: 100px;
  height: 30px;
  line-height: 28px;
  border-radius: 3px;
  margin-right: 5px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 15px;
  margin-bottom: 10px;
  background-color: #389cff;
}

.social_button--vk {
  background-color: #507299 !important;
  margin-right: 1%;
}

.social_button--telegram {
  background-color: #0088cc !important;
}

/*  
--------------------------------------------------------------------------------

АУДИОПЛЕЕР

-----------------------------------------------------------------------------------
*/



/* Misc.
================================================== */

.add-bottom { margin-bottom:2rem !important; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.hidden { display:none; }

.no-support {
margin:2rem auto;
text-align:center;
width:90%;
}


/* Audio Player Styles
================================================== */

audio {
display:none;
}

#audiowrap,
#plwrap {
margin:0 auto;
}

#tracks {
font-size:0;
position:relative;
text-align:center;
}

#nowPlay {
display:block;
font-size:0;
}

#nowPlay span {
display:inline-block;
font-size:1.05rem;
vertical-align:top;
}

#nowPlay span#npAction {
padding:21px;
width:30%;
}

#nowPlay span#npTitle {
padding:21px;
text-align:right;
width:70%;
}

#plList li {
cursor:pointer;
display:block;
margin:0;
padding:21px 0;
}

#plList li:hover {
background-color:rgba(0, 0, 0, .1);
}

.plItem {
position:relative;
}

.plTitle {
left:50px;
overflow:hidden;
position:absolute;
right:65px;
text-overflow:ellipsis;
top:0;
white-space:nowrap;
}

.plNum {
padding-left:21px;
width:25px;
}

.plLength {
padding-left:21px;
position:absolute;
right:21px;
top:0;
}

.plSel,
.plSel:hover {
background-color:rgba(0, 0, 0, .1);
color:#fff;
cursor:default !important;
}

#tracks a {
border-radius:3px;
color:#fff;
cursor:pointer;
display:inline-block;
font-size:2.3rem;
height:40px;
line-height:.2;
margin:0 5px 30px;
padding:12px;
text-decoration:none;
transition:background .3s ease;
}

#tracks a:hover,
#tracks a:active {
background-color:rgba(0, 0, 0, .1);
color:#fff;
}

#tracks a::-moz-focus-inner {
border:0;
padding:0;
}


/* Plyr Overrides
================================================== */

.plyr--audio .plyr__controls {
background-color:transparent;
border:none;
color:#fff;
font-family:"Source Sans Pro", arial, sans-serif;
padding:20px 20px 20px 13px;
width:100%;
}

a.plyr__controls__item.plyr__control:hover,
.plyr--audio .plyr__controls button:hover,
.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr__play-large {
background-color:rgba(0, 0, 0, .1);
}

.plyr__progress--played,
.plyr__volume--display {
color:rgba(0, 0, 0, .1);
}

.plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
background-color:rgba(0, 0, 0, .1);
}

.plyr--audio .plyr__progress--buffer {
color:rgba(0, 0, 0, .1);
}

.plyr__controls .plyr__controls__item.plyr__time {
font-size:14px;
margin-left:7px;
}


/* Media Queries
================================================== */

@media only screen and (max-width:600px) {
    #nowPlay span#npAction { display:none; }
    #nowPlay span#npTitle { display:block; text-align:center; width:100%; }
}





/*  
--------------------------------------------------------------------------------

> 640px

-----------------------------------------------------------------------------------
*/

@media(min-width: 640px) {

.blogarticles ol.schetblog {
	list-style-type: none; 
	/*counter-reset: num; */ 
	margin: 0 0 0 60px;
	padding: 15px 0 5px 0;
	font-size: 16px;

}

.blogarticles ol.schetblog li {

	position: relative;	
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	display: flex;
    align-items: center;
    height: 70px;
}

.blogarticles ol.schetblog li:before {

	content: counter(num); 
	counter-increment: num;
	display: inline-block;
	position: absolute;
	top: 0px;
	left: -60px;
	width: 50px;    
	color: /*#ef6780 */ #ffffff;
	text-align: center;
	font-size: 45px;
	font-weight: bold;

}

.itemid-140 .items-row .article-footer {
	top: 50%;
	transform: translateY(-50%);
}

.itemid-140 .view-list .item {
	padding: 24px 0 !important;
}

.podpiskadown {
    position: fixed !important;
    /*  width: 100%; */
    z-index: 99999;
	right: 48px;
	top: 20px;
    }


}

/*  
--------------------------------------------------------------------------------

640px

-----------------------------------------------------------------------------------
*/


@media(max-width: 640px) {
.block_section_lovecraft {
	display: flex;
	position: relative;
    flex-direction: row;
	flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
	margin: 0 0 60px 0 ;
	padding: 0;
	font-size: 18px;
	line-height: 1.7778;
	color: #ffffff;
	font-weight: 400;
}	

.block_section_lovecraft_mov {
	display: flex;
	position: relative;
    flex-direction: row;
	flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
	margin: 0 0 60px 0 ;
	padding: 0;
	font-size: 18px;
	line-height: 1.7778;
	color: #ffffff;
	font-weight: 400;
}	

.article_base .detail-image-cover {
	background-size: cover !important;
}


.section-other-translate {
	padding: 0 15px;		
}

.formatbook {
	display: block;
	width: 100%;
}

.otherbook {
    display: block;
    position: relative;
	width: 100%; 
	margin-bottom: 25px;
}

.infoname {
	width: 100%;
}

.section-other-translate ul {
    margin-top: 10px;
    margin-bottom: 5px;
	padding-left: unset;
}


.section-other-translate ul li {
	padding: 0 10px 0 0px;
}

.block_lovecraft {
	-webkit-box-flex: 0;
	-webkit-flex: 1 0 100%;
	max-width: 100%;
	flex: 1 0 100%;	
	padding: 0;	
	margin: 0 0 20px 0 ;	
}

.block_lovecraft_mov {
	-webkit-box-flex: 0;
	-webkit-flex: 1 0 100%;
	max-width: 100%;
	flex: 1 0 100%;	
	padding: 0;	
	margin: 0 0 20px 0 ;	
}

.block_lovecraft_1 {
	-webkit-box-flex: 0;
	-webkit-flex: 1 0 100%;
	flex: 1 0 100%;
	max-width: 100%;
	padding: 0;
}

.block_lovecraft_1_mov {
	-webkit-box-flex: 0;
	-webkit-flex: 1 0 100%;
	flex: 1 0 100%;
	max-width: 100%;
	padding: 0;
}


.movies_page .article-detail,.movies_page .article-aside {
	text-align: justify !important;
}

.games_page .article-detail,.movies_page .article-aside {
	text-align: justify !important;
}

.table-spisok-proizv .container {
	width: 95%;		
}

.table-spisok-proizv .dtr-title {
	width: 100px;		
}
.t3-footer .nav {
	font-size: 13px;
	justify-content: center;
	text-align: center;
}

.t3-footer .nav > li {
margin-right: 8px;	
}

.blogarticles ol.schetblog {
	counter-reset: revert-layer !important;
	padding: 0px 0px 0px 15px !important;
}

.blogarticles ol.schetblog li { margin: 15px 0 15px 0px !important;
}

.itemid-140 .items-row .article-footer {
	position: relative !important;
}
.itemid-140 dd.published {
	display:block !important;
}

}
	
	/*  
--------------------------------------------------------------------------------

<350px

-----------------------------------------------------------------------------------
*/
	
	
@media(max-width: 350px) {	

.t3-footer .nav > li {
	font-size: 13px;
	}
	
.article_base .detail-image-cover {
	background-size: cover !important;
}
	
}
	


@media(max-width: 600px) {	
#mod-custom100 img  {
	height: 50px !important;
	width: 50px !important;
}

#mod-custom100 img p {text-indent: 0 !important;
}

 .t3-header {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  
.podpiskadown {
  position: fixed !important;
   /*  width: 100%; */
   z-index: 99999;
   right: 18px;
   top: 85%;
    }

.podpiskadown .navbar-header {
	display: none !important;
} 

.podpiskadown .search  {
	display: none !important;
} 
  
}