@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;600;700&display=swap');
html { height:100%;}
body {
	background:#111;
	height:100%;
	margin:0;
	padding:0;
	color:#fafafa;
	font-size:16px;
	font-family:"PT Sans", sans-serif;
	cursor:default;
	line-height:1.4;
	background-attachment: fixed;
    background-image: url(/images/bg.jpg);
    background-position: 0 0 !important;
    background-repeat: no-repeat;
    background-size: cover;
}

a { color: #ee8000; text-decoration: none; }
a:hover {
	text-decoration: underline;
}
img {
	max-width: 100%;
}
body > .container {
/*	background: rgba(0,0,0,0.45);*/

}
#warning {
	padding: 6px 12px;
	text-align: center;
	background: rgba(255,0,0, 0.3);
}
.container.flex {
	display:flex;
}
.sidebar {
	width: 235px;
	flex-shrink: 0;
	margin-right: 15px;
}
.logo {
	text-align: center;
}
.caption {
	padding: 4px 8px;
	color: #fff;
	font-family: 'Roboto Slab', 'serif';
	font-size: 14px;	
	letter-spacing: 0.5px;
	background-color: rgba(51, 69, 58, 0.82);
}

.caption h1 {
	margin: 0;	
}
h1.caption {
	font-size: 24px;
}
.endcaption {
	padding: 4px 8px;
	color: #fff;
	font-family: 'Roboto Slab', 'serif';
	font-size: 14px;	
	letter-spacing: 0.5px;
	background-color: rgba(51, 69, 58, 0.82);
}
.caption:first-child {
	margin-bottom: 4px;
}
.sidebar_block {
	border:1px solid rgba(255, 255, 255, 0.5);
	padding: 5px;
	background-color: rgba(0, 0, 0, 0.35);
	margin-top: 10px;
}
.sidebar_block:first-child {
	margin-top: 0px;
}
.sidebar_menu {
	
}

.sidebar_menu a {
	display: block;
	padding: 4px 8px;
	background: rgba(65, 65, 65, 0.5);
	color: #fff;
	font-family: 'Roboto Slab', 'serif';
	text-transform: uppercase;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	letter-spacing: 1px;
	transition: all 0.3s linear;
}
.sidebar_menu div + div a {
	margin-top: 5px;
}
.sidebar_menu .current a {
	background: rgba(153, 153, 151, 0.5);
}
.sidebar_menu a:hover {
	background: rgba(199, 199, 199, 0.5);
}
.sidebar_news_item {
	margin-bottom: 4px;
}
.sidebar_news_item a {
	display: block;
	padding: 6px 8px;
	background: rgba(65, 65, 65, 0.5);
	color: #fff;
	font-family: 'Roboto Slab', 'serif';
	font-size: 13px;
	text-decoration: none;
	transition: all 0.3s linear;
}
.sidebar_news_item a .date {
	font-size: 12px;
	margin-bottom: 3px;
	color:rgba(200,200,200,0.82);
}
.sidebar_news_item a:hover {
	background: rgba(199, 199, 199, 0.5);
}
.content {
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 5px;
	flex-grow: 1;
    background-color: rgba(0, 0, 0, 0.35);
	min-width: 0;
}
.mainslider .slick-arrow {
	z-index: 5;
}
.mainslider .slick-prev {
	left: 20px;
}
.mainslider .slick-next {
	right: 20px;
}
.mainslider .slick-dots {
	bottom: -20px;
}
.mainslider .slick-dots li {
	width: 45px;
	height: 6px;
	margin: 0px 4px;
	background: rgba(150,150,150,0.3);
	cursor: pointer;
}
.mainslider .slick-dots li button {
	display: none;
}
.mainslider .slick-dots li .slick_progress {
  display: block;
  height: 100%;
  width: 0;
  background: #ee8000;
}

.mainslider .item {
	position: relative;
}
.mainslider .item .link {
	position: absolute;
	bottom: 25px;
	left: 25px;
	font-family: 'Roboto Slab', 'serif';
	color:#eee;
	border:1px solid rgba(255, 255, 255, 0.5);
	padding: 5px;
	background-color: rgba(0, 0, 0, 0.35);
	text-decoration: none;
	z-index: 3;
	transform: skewX(-25deg);
	transition: all 0.3s linear;
	display: block;
}
.mainslider .item .link div {
    display: block;
    background: rgba(65, 65, 65, 0.5);
    padding: 6px 20px;
	transition: all 0.3s linear;
    color: #fff;
}
.mainslider .item .link span {
	display: block;
	transform: skewX(25deg);
}
/*
.mainslider .item .link::before,
.mainslider .item .link::after {
    content: '';
    display: block;
    background: #000;
    position: absolute;
    top: 0px;
    bottom: 0px;
	transition: all 0.3s linear;
    left: -5px;
    width: 10px;
    transform: skewX(-15deg);
    z-index: -1;
}
.mainslider .item .link::after {
	left: auto;
    right: -5px;
}
*/
.mainslider .item a.link:hover div {
	background: rgba(199, 199, 199, 0.5);
}
#wrapper { padding:0; margin:0; height:100%; width:100%;overflow:hidden;}
#wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.goldline { background:#000 url(/images/goldline.png); height:3px;}

#header { margin:0 auto; width:980px; height:50px; position:relative; padding-top:20px;}
#header .goldline_l, #header .goldline_2 { position:absolute; top:61px; right:594px; width:100%;}
#header .goldline_2 { right:0; left:594px;}

th { text-align:left; font-size:15px; padding-bottom:5px;}

#content { margin:0 auto; width:980px; margin-top:35px;}

#sidebar { float:left; width:220px;}

ol, ul { padding-left:0px;}
li { list-style-position:inside; padding-left:10px;}
table { border-collapse:collapse;}
h1 { font-size:1.25em; margin-top:0; text-align:center;}
h2 { font-size:1.10em; margin:10px 0;}
h3, .like_h3 { font-size:1em; margin:5px 0;font-weight:bold;}
#tinymce {background: #333; padding:10px;}
#tinymce:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#sidebar ul { list-style-type:none; list-style-position:inside; margin:0;}
#sidebar li { padding:5px 0 0 10px;}
#sidebar .block, #sidebar .adsblock {  padding:10px; margin-bottom:15px;}
#sidebar .adsblock { padding:0;}

#logo { display:block; width:240px; height:55px; margin:5px auto; background:#000 url(/images/logo.jpg) no-repeat center center; font-size:0; text-indent:-10000px;}
#footer { background:#000 url(/images/bottom.jpg) center center no-repeat; height:150px; width:980px; margin:0 auto; position:relative;}
#footer .goldline_l, #footer .goldline_2 { position:absolute; top:57px; right:620px; width:100%;}
#footer .goldline_2 { right:0; left:620px;}

#copy {width:980px; margin:0 auto; position:relative; padding-bottom:10px; color:#fff; text-shadow:none;}
#copy a { color:#fff;}

#breadcrumb { padding: 5px 0; margin-bottom:20px;}

#breadcrumb a { text-decoration: none; }

#breadcrumb a:hover { text-decoration: underline; }

a.news_title { text-decoration:none; border:none; text-align:center;display:block;}
a.news_title img { border:none; padding:0; margin:0;display:block;max-width:100%;}

#lang { position:absolute; right:0; top:30px;}
#lang li { list-style-type:none; float:right;}
#lang a { display:block; width:32px; height:32px; text-indent:-10000px;}
#lang a.ru { background:url(/images/flags/ru.png) no-repeat center center;}
#lang a.en { background:url(/images/flags/en.png) no-repeat center center;}

.hostcmsPanel a, .hostcmsSubPanel a { width:auto !important; height: auto!important; text-indent:0px !important; display:inline !important;}

.type { text-align:center; width:100px;}
.size { text-align:right; width:100px;}
#gallery { float:left; margin-bottom:10px; margin-right:10px;}

p { margin-top:0;}


.clear { clear:both;}
span { margin-right:0 !important;}
input, textarea { padding:4px 8px; font-size:17px; border-radius:5px; border:1px solid #000; resize:vertical;}
textarea { width:100%;}
#error, .input_error { border:1px solid #c00; padding:4px 8px; color:#c00; background:#fff; border-radius:5px; font-size:17px;vertical-align:middle;}
label.input_error { display:inline-block; padding:5px;}

div.row { overflow:hidden;}
div.field { width:480px; margin-left:205px;}

span.need { color:#c00; font-weight:bold;}

.side_news {
	list-style: none;
}

.side_news li {
	padding: 10px;
	background: rgba(0,0,0,0.3);
	margin-bottom: 10px;
}

.item_news {
	padding: 15px;
	background: rgba(0,0,0,0.3);
	margin-bottom: 15px;	
}

.columns {
	display: grid;
	grid-template-columns: 1fr 250px;
}
#ajaxLoader {
	width: 32px; height: 32px; padding: 11px;
	box-shadow: 0 2px 2px rgba(204, 204, 204, 0.7); -moz-box-shadow: 0 2px 6px rgba(150, 150, 150, 0.7); -webkit-box-shadow: 0 2px 2px rgba(204, 204, 204, 0.7);
	border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;
	background-color: #FFF;
}


.tabs > ul.tabcap { padding:0; margin:10px 0;}
.tabs > ul.tabcap > li { list-style-type: none; font-weight:bold; padding: 6px 12px; border: 1px solid #369; display: inline-block; background-color: #fff; color:#369; cursor:pointer;}
.tabs > ul.tabcap > li.active { background:#369; color:#fff;}

input[type=submit],input[type=button] { cursor:pointer;}

.shop_table table { border:1px solid #888;}
.shop_table table td { padding:4px; text-align:left; border:1px solid #888; border-collapse:collapse;}
.shop_table table .genre { white-space:normal;}
.shop_table table .price { white-space:nowrap; text-transform:uppercase;}
.button { border: 1px solid #000000;border-radius: 5px;font-size: 17px;padding: 4px 8px; color:#000; background:#fff; text-decoration:none;}
a.button { font-weight:bold; display:inline-block;}

.frontpager { overflow:hidden;}
.frontpager .item { float:left;}
.frontpager .item a { margin-right:10px; margin-left:0; padding:0;border:2px solid #000;}
.frontpager .item.selected a { border:2px solid #fff;}
.frontpager .item.last a { margin-right:0;}
.frontpager .item a img { display: block;border-radius: 3px;}

.screens {
	display: flex;
	flex-wrap: wrap;
}
.screens .screen {
	width: calc(20% - 8px);
	display: block;
}
.news_img { 
max-width: 100%;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}

*, *:after, *:before {
	box-sizing: border-box;
}


.container {
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	max-width: 1170px;
}

.row {
	display: flex;
	margin-left: -15px;
	margin-right: -15px;
}

.header {
	margin-bottom: 20px;
}

.header, .footer {
	background: rgba(0,0,0,0.45);
}

.header .row, .footer .row {
	justify-content: space-between;
}

.footer .row {
	align-items: center;
}

.footer .row > div {
	padding: 15px;
	align-content: center;
	text-align: right;
}

.footer .row > div + div {
	margin-top: 5px;
}
.footer {
	margin-top: 30px;
}
.footer, .footer a {
	color:#ee8000;
	text-shadow: none;
	font-size: 15px;
	font-family: 'Roboto Slab', 'serif';
	letter-spacing: 1px;

	text-decoration: none;
}
.header .row2 {
	flex-direction: column;
}

.header .logo {
	width: 250px;
	padding-left: 15px;
	margin-top: 30px;
	padding-right: 15px;
}

.header .lang {
	padding-left: 15px;
	padding-right: 15px;
	align-items: center;
	flex-grow: 1;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-self: flex-end;
	position: static !important;
}

.header #lang.lang li {
	display: inline-block;
	float:none;
}

.header .topmenu {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 0px 15px 30px 15px;
}

.header .topmenu li {
	list-style: none;
}

.header .topmenu ul {
	padding: 0px;
	margin: 0px;
	display: flex;
	justify-content: space-between;
}

.header .topmenu ul a {
	color:#ee8000;
	display: block;
	text-shadow: none;
	font-size: 17px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0px 10px;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: all 0.3s;
}

.header .topmenu ul a:hover, .header .topmenu ul li.current a {
	border-bottom: 1px solid #ee8000;
}

.container .mainslider {
	margin: 0 auto;
}

.container .frontpager {
	overflow: visible;
}
.container .mainslider #carousel-wr {
	margin: 0 auto;
}

.container #contented {
	width: auto;
	margin: 30px 0;
	min-height: 0;
	background: none;
}

.main-column-1 > div, .main-column-2 > div {
	padding: 15px;
	flex-grow: 1;
/*	background: #c3c3c3 url(/images/paper.jpg);*/
}

.youtube_counter {
	text-align: center;
}

#vk_comments, #vk_comments iframe {
width: 100% !important;
}

.downloads_list {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, 1fr);
}

.download_item {
}
.download_item a {
	display: block;
	position: relative;
	font-size: 14px;
	background: rgba(65,65,65, 0.5);
	padding-bottom: 66%;
}
.download_item a img {
	position: absolute;
	z-index: 1;
}
.download_item .link {
	position: absolute;
	bottom: 25px;
	left: 25px;
	font-family: 'Roboto Slab', 'serif';
	color:#eee;
	border:1px solid rgba(255, 255, 255, 0.5);
	padding: 5px;
	background-color: rgba(0, 0, 0, 0.5);
	text-decoration: none;
	z-index: 3;
	transform: skewX(-25deg);
	transition: all 0.3s linear;
	display: block;
}
.download_item .link .link_b {
    display: block;
    background: rgba(100, 100, 100, 0.5);
    padding: 6px 20px;
	transition: all 0.3s linear;
    color: #fff;
}
.download_item .link .link_b span {
	display: block;
	transform: skewX(25deg);
}
.gallery {
    display: flex;
    flex-wrap: wrap;
}

.gallery_item a {
    display: flex;
}

.gallery_item {
    width: calc(33.3% - 10px);
    margin: 5px;
    border: 2px solid #000;
}