@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic,cyrillic-ext,latin-ext');
/*font-family: 'PT Sans', sans-serif;*/
body {
	font: 14px/130% 'PT Sans', sans-serif;;
	color: #000;
	background: #fff;
}
*{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body a{
	color: #007795;
}
body a:hover{
	color: #8AC400;
	text-decoration: underline;
}
a,
a:hover,
a img,
a:hover img{
	transition: all 300ms;
}
a:hover img{
	filter: brightness(1.1);
}
a:active{
	color: #000000 !important;
}
img{
	max-width: 100%;
	height: auto;
}
strong{
	font-weight: 600;
	line-height: 100%;
}
.vertical-center {
	display: flex;
	align-items: center;
	align-content: center;
}
.clear{clear:both;}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
	color: #333;
	margin-bottom: 15px;
}
h1{font-size:48px;}
h2{font-size:40px;}
h3{font-size:35px;}
h4{font-size:30px;}
h5{font-size:25px;}
h6{font-size:20px;}
p.metadata{text-align:right;}
p.metadata a{font-size:10px; color:#fff; background:#E00; padding:2px 5px;	text-decoration:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;	opacity:0.5;}
p.metadata a:hover{	background:#E00; opacity:1; }
.container{position: relative}
@media (min-width: 1200px) {
	body .container {
		max-width: 1246px;
	}
}

/* Header
****************************************************/
header{
	background: url("../images/top.jpg ") 50% 0 no-repeat;
	background-size: cover;
	position: relative;
	z-index: 10;
	margin-bottom: 10px;
}

.logo{
	margin-top: 28px;
	margin-bottom: 28px;
}
.top-menu{
}
.top-menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
}
.top-menu ul li{
	display: inline-block;
	margin: 0 7px;
}
.top-menu ul li a{
	display: block;
	color: #fff;
	font-size: 14px;
	padding: 10px 10px;
	font-weight: 600;
	text-transform: uppercase;
}
.top-menu ul li a:hover{
	text-decoration: none;
	color: #8AC400;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}

.search-sec{
	background: rgba(138, 196, 0, 0.37);
}
.search{
	display: flex;
	justify-content: center;
}
#qf_search{
	display: block;
	width: 100%;
}
.qf_search{
	position: relative;
	height: 42px;
	max-width: 100%;
	background: transparent;
	width: 100%;
	padding: 0;
	margin: 12px 0;
	text-align: right;
}
.qf_search #s{
	vertical-align: top;
	text-align: left;
	display: block;
	font-size: 14px;
	height: 42px;
	line-height: 15px;
	padding: 11px 100px 10px 21px;
	border-radius: 21px;
	background: #fff;
	border: 0 solid #d7d7d7;
	outline: none;
	width: 100%;
	box-sizing: border-box !important;
}
.qf_search #b{
	position: absolute; z-index: 2;
	top: 4px;
	bottom: 4px;
	right: 4px;
	vertical-align: top;
	border: 0;
	color: #fff;
	padding: 0 50px;
	line-height: 30px;
	cursor: pointer;
	background: #8AC400;
	border-radius: 21px;
}
.qf_search #b:hover {
	background: #a3e800;
}
::-webkit-input-placeholder {color:#667;}
::-moz-placeholder          {color:#667;}
:-moz-placeholder           {color:#667;}
:-ms-input-placeholder      {color:#667;}

/* Middle
****************************************************/
.main-main{
	padding-bottom: 60px;
	overflow: hidden;
}
.main-title{
	padding: 35px 0;
	font-size: 34px;
	text-transform: uppercase;
	text-align: center;
	line-height: 130%;
}
.main-title span{
	line-height: 130%;
	display: inline-block;
	background: #F6F6F6;
	padding: 3px 15px;
}
/**** short-story ****/
#dle-content{
	/*overflow: hidden;*/
	justify-content: space-around;
	flex-direction: row;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.short-story-item{
	position: relative;
	overflow: hidden;
	flex: 0 1 20%;
	margin-bottom: 25px;
	text-align: center;
	min-width: 249px;
}
.ss-wrap{
	background: #F6F6F6;
	border-radius: 10px;
	padding: 40px 12px;
	height: 100%;
}
.ss.fs-th a{
	display: block;
}
.ss-title a{
	display: block;
	text-decoration: none;
	font-size: 18px;
	color: rgb(0, 0, 0);
	font-weight: normal;
	margin-bottom: 8px;
}
.cat-link{
	font-size: 13px;
}

.ss-edit{
	position: absolute;
	z-index: 5;
	top: 5px;
	right: 5px;
	font-size: 20px;
}
.ss-date{
	 font-size: 13px;
	 color: #aaa;
	 margin-bottom: 10px;
 }
.ss-th{

	max-height: 150px;
}
.ss-th img{
	display: block;
	margin: 0 auto;
	border: 1px solid #68D200;
	max-height: 150px;
	border-radius: 10px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}
.ss-desc{
	color: #000;
	margin-top: 10px;
	font-size: 14px;
	line-height: 18px;
	display: -webkit-box;
	height: 54px;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 12px;
}


/**** full-story ****/
.fullstory{
	/*overflow: hidden;*/
}
.fs-top{
	background: url("../images/fs-top.jpg") 50% 0 no-repeat;
	background-size: cover;
	padding: 65px 65px;
	margin: 0 -65px 40px;
	color: #fff;
}
.fs-title{
	font-size: 28px;
	font-weight: 400;
	color: #fff;
	margin-bottom: 20px;
}
.fs-th img{
	display: block;
	margin: 0 auto;
	border: 1px solid #68D200;
	max-height: 136px;
	max-width: 104px;
	border-radius: 10px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}
/************/
.fs-stars-col{
	flex: 0 0 130px;
}
.rate{
	background: #fff;
	border-radius: 7px;
	text-align: center;
	padding: 7px;
}
.rate *{
	transition: none !important;
}
.rate_stars{
	background: #F6F6F6;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	border-radius: 6px 6px 0 0;
	margin-bottom: 7px;
	line-height: 40px;
}
.fs-plusminus{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}
.fs-plusminus a{
	line-height: 37px;
	width: 100%;
	height: 40px;
	border-radius: 20px;
	font-size: 30px;
	background: #FF5858 url("../images/plus.png") 50% 50% no-repeat;
	color: #fff;
}
.fs-plusminus a:hover {
	filter: brightness(1.3);
	text-decoration: none;
	color: #000;
}
/************/
ul.xar{
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
}
ul.xar li{
	font-size: 16px;
	font-weight: bold;
	color: #000;
	list-style: none;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ECECEC;
	display: flex;
	/*justify-content: space-between;*/
}
ul.xar li:last-child{
	border-bottom: 0;
}
ul.xar li span{
	font-weight: normal;
}
ul.xar li b{
	flex: 0 0 20%;
}
ul.xar li a{}


.fs-th-wrap{
	padding-right: 0;
}
.fs-th img{
	display: block;
	max-width: 100%;
	border-radius: 7px;

}

.fs-sb{
	/*flex: 0 0 350px;*/
	/*width: 350px;*/
}

.fs-titles{
    font-size: 20px;
	font-weight: 400;
	margin-bottom: 20px;
	color: #000;
}
#att .fs-titles{
	font-size: 21px;
}

.fs-gal-wrap{
	background: url("../images/gal-bg.jpg") 50% 0 no-repeat;
	background-size: cover;
	padding: 30px 30px;
	margin-bottom: 30px;
	max-width: 100% !important;
	overflow: hidden;
}

.gal-tit{
	font-size: 24px;
	text-transform: uppercase;
	color: #8AC400;
	text-align: center;
	margin-bottom: 30px;
}
.owl-item img{
	max-width: 450px !important;
	display: block;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.32);
}
.owl-dots{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
body .owl-carousel button.owl-dot{
	margin: 0 7px;
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 50%;
	display: inline-block;
}
body .owl-carousel button.owl-dot.active{
	background: #79C500;
}

body .xfieldimagegallery li img {
	display: block;
	float: none;
	margin: 0 auto;
	border: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	transition: box-shadow 0.5s ease;
}

.sb-tit{
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

/*****************/
.xfieldimagegallery{
	margin: 0;
	padding: 0 !important;
	list-style: none;
	clear: both;
}
.xfieldimagegallery li{
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}
.xfieldimagegallery li a{
	max-width: 500px;
	margin: 0 auto;
}
.xfieldimagegallery li a img{
	display: block;
	float: none;
	margin: 0 auto;
	border: 0;
	width: auto;
	height: auto;
	max-width: 100%;
	transition: box-shadow 0.5s ease;
}

.fs-text{
	font: 14px/24px Arial,Helvetica,sans-serif;
	padding: 20px 0;
    line-height: 150%;
	margin-bottom: 10px;
	color: #5c5c5c;
}
.fs-text p{
    text-indent: 35px;
}

.dlevideoplayer{
	max-width: 650px !important;
	margin: 20px auto;
	display: block;
	box-shadow: none;
	border: 2px solid #008000;
	border-radius: 4px;
}
/*****************************/

/*****************************/
.pop-wrap{
	display: flex;
	align-items: center;
}
.pop{
	/*display: inline-block;*/
	background: #848484;
	width: 220px;
	border-radius: 14px;
	overflow: hidden;
	position: relative;

}
.pop-num{
	font-size: 15px;
	font-weight: bold;
	margin-left: 20px;
}
.pop div{
	/*width: 0;*/
	background: #FF8400;
	height: 27px;
}
.pop b{
	position: absolute; z-index: 3;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	color: #fff;
	line-height: 27px;
	font-size: 15px;
	text-align: center;
}
/*****************************/

/**** attachments ****/
.att{
	margin-bottom: 30px;
	border: 1px solid #E5E5E5;
	padding: 30px;
	border-radius: 12px;
}
.att br{
	/*display: none;*/
}
.att .att-link,
.file-link a{
	display: inline-block;
	margin: 12px 0;
	margin-right: 15px;
	border-radius: 3px;
	background: #74B913;
	padding: 10px 20px;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	color: rgb(255, 255, 255) !important;

}
.file-link a:hover,
.att .att-link:hover{
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.39);
	text-decoration: none;
}
.att .att-link img{
	display: inline-block;
	margin-right: 7px;
	vertical-align: middle;
}

.fs-cache{
	font-size: 14px;
	color: #667;
}

.fs-to-dwnld-wrap{
	text-align: right;
	position: relative; z-index: 1;
	/*margin-top: -60px;*/
	flex: 0 0 200px;
}
.g-dwld-wrap{
	margin-bottom: 10px;
}

.fs-to-dwnld{
	display: inline-block;
	width: 170px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	background: #5D9117;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 40px;
	font-size: 18px;
	/*max-width: 190px;*/
}
.fs-to-dwnld:hover {
	text-decoration: none;
	color: #fff;
	background: #6eab1b;
	/*box-shadow: 0 3px 11px rgba(0, 0, 0, 0.3);*/
}

/***************** download page *************/
.downloader_info {
	display: block;
	text-align: center;
	border: 1px solid #E0E0E0;
	border-radius: 20px;
	flex: 0 0 100%;
	max-width: 1040px;
	width: 100%;
	padding: 50px 30px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.downloader_info + p{display: none !important;}

/***************** related *************/
.rel-news{

}
.rel-item{
	padding: 15px 10px;
	margin-bottom: 14px;
	background: #F6F6F6;
	border-radius: 12px;
	display: flex;
}
.rel-thumb{

}
.rel-thumb a{
	display: block;
}
.rel-thumb a img{
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
	border: 1px solid #68D200;
	display: block;
	border-radius: 7px;
	max-width: 104px;
	max-height: 104px;
}
.rel-txt{
	font-size: 13px;
	font-weight: bold;
	color: #00B8E6;
	padding: 0 0 0 15px;
}
.rel-txt a{
	display: block;
	font-size: 15px;
	font-weight: normal;
	color: #000;
	margin-bottom: 10px;
}

/**** breadcrumbs ****/
.speedbar{
	margin-top: 20px;
	margin-bottom: 30px;
	color: #000;
	font-size: 14px;
	font-weight: 600;
}
.speedbar a{
	font-size: 14px;
	color: #000;
	text-decoration: none;
}

/**** navi ****/
.navi{
	width: 100%;
	margin-bottom: 30px;
	margin-top: 30px;
}
.pages{
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
}
.pages > div > a,
.pages > div > span,
.pages span,
.pages a{
	display: inline-block;
	height: 32px;
	min-width: 32px;
	line-height: 32px;
	background: #F6F6F6;
	color: #000;
	text-align: center;
	font-size: 18px;
	padding: 0 3px;
	margin: 0 15px;
	border-radius: 16px;
}
.pages span{
	color: #fff;
	background: #8AC400;
}
.pages a:hover{
	color: #fff;
	background: #76a800;
	text-decoration: none;
}
.pages > div > a,
.pages > div > span {
	padding: 0 15px;
}
.pages > div > span {
	color: #999;
}
.pages > div > a:hover{
	color: #000;
}

/***************** top-news *************/
.top-sec{
	background: url("../images/top-bg.jpg") 50% 0 no-repeat;
	background-size: cover;
	padding: 20px 0;
}
.top-news-title{
	font-size: 34px;
	color: #8AC400;
	text-align: center;
	line-height: 130%;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.top-news{

}
.top-news-item{
	padding-right: 5px;
	padding-left: 5px;
	flex: 0 1 10%;
	text-align: center;
	margin: 15px 0;
}
.top-thumb{

}
.top-news-thumb a{
}
.top-news-thumb a img{
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
	border: 1px solid #68D200;
	display: block;
	border-radius: 7px;
	max-width: 104px;
	max-height: 104px;
}


/* comments
****************************************************/

.comments{
	padding: 0 0;
}

.comment-item{
	margin-bottom: 13px;
	background: #F6F6F6;
	border-radius: 12px;
	padding: 30px 0;
}
.com_ava{
	padding-right: 0;
	text-align: center;
}


.com_user{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 3px;
	color: #00B8E6;
}
.com_user b{
	display: block;
}
.c-date{
	color: #999;
	font-size: 12px;
	display: inline-block;
	/*margin-left: 10px;*/
	font-weight: bold;
}
.com_tools{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 0;
	margin-bottom: 0;
	justify-content: flex-end;
}
.com_content{
	font-size: 14px;
	font-weight: 300;
	line-height: 130%;
	/*padding-left: 15px;*/
}
.com_tools > *{
	margin-right: 10px;
}
.com_tools a{
	font-size: 12px;
}

.com_rate{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	/*padding-left: 0;*/
}
.c-plus a,
.c-minus a{
	display: block;
	text-align: center;
	line-height: 26px;
	width: 25px;
	height: 25px;
	overflow: hidden;
	border-radius: 0 22px 22px 0;
	font-size: 25px;
	background: #00B8E6;
	color: #fff;
	vertical-align: middle;
}
.c-plus img{
	width: 15px;
	vertical-align: baseline;
}
/*.c-minus a{*/
	/*background: #FF5858;*/
	/*line-height: 25px;*/
/*}*/
.c-plus:hover,
.c-minus:hover {
	text-decoration: none ;
	filter: brightness(1.3);
	text-decoration: none;
	color: #000;
}
.c-num{
	background: #fff;
	border: 1px solid #E5E5E5;
	font-weight: bold;
	padding: 2px 5px;
	height: 25px;
	min-width: 25px;
	text-align: center;
	margin: 0 2px;
	border-radius: 22px 0 0 22px;
}

/********************/
#addcomment{}
.comm-btn{
	display: inline-block;
	background: #00B8E6;
	/*cursor: pointer;*/
	font-size: 17px;
	color:  #fff;
	padding: 10px 30px;
	border-radius: 50px;
	margin-bottom: 40px;
}
.comm-box{
	/*display: none;*/
}
.ui-form b{
	font-size: 17px;
	margin-right: 20px;
}
.comm-btn.send{
	border: 0;
	font-size: 15px;
	padding: 7px 30px;
}
#addcomment input[type=text]{
	border-radius: 50px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	background: rgb(255, 255, 255);
	margin-bottom: 5px;
	padding: 8px 15px;
	height: auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#addcomment textarea{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	border-radius: 4px;
	background: rgb(255, 255, 255);
	margin-bottom: 15px;
	height: 100px;
}
.add-com-title{
	margin-bottom: 15px;
}
#addcomment ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#addcomment button.btn[type=submit]:hover{
	background: #005683;
}
#addcomment button.btn[type=submit]{
	background: #0088CE;
	border-radius: 4px;
	padding: 8px 35px;
	height: auto;
	font-size: 20px;
	font-weight: normal;
}

/* Footer
****************************************************/
footer{
	padding-top: 30px;
	padding-bottom: 30px;
	color: #747474;
	background: #373737;
}
footer a{
	color: #ACACAC;
}
footer a:hover{
	text-decoration: none;
}

.f2{
	padding-left: 0;
}

.f2 a{
	font-size: 14px;
	font-weight: bold;
	display: block;
	line-height: 140%;
	padding: 2px 0;
}
/*********************/

#pull{
	display: none;
	font-size: 30px;
	background: #0088CE;
	color: #fff !important;
	text-decoration: none;
	padding: 10px 30px;
	margin: 0 -15px
}
#pull span{
	display: block;
	font-size: 20px;
	margin-bottom: 5px;
	text-align: center;
}

.fs-title-mob{
	display: none;
}
.fs-title-dt{
	display: block;
}
/**************************************************/

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

}
@media only screen and (max-width: 992px) {
	.short-story-item{
		flex: 0 1 33%;
		min-width: 240px;
		padding: 0 5px;
	}
	.fs-topgames{
		display: none;
	}
}
@media only screen and (max-width: 768px) {
	#pull{
		display: block;
		background: #578C12;
	}
	#pull:active,
	#pull:hover{
		background: #000;
	}
	.top-menu-col{
		order: 1;
	}
	.logo{
		order: 2;
	}
	.top-menu ul{
		display: none;
		margin: 0 0;
		padding: 0;
		list-style: none;
		text-align: center;
		background: #fff;
	}
	.top-menu ul li{
		display: block;
		margin: 0 7px;
	}
	.top-menu ul li a{
		display: block;
		color: #578C12;
		font-size: 19px;
		padding: 10px 10px;
		border-top: 1px solid #ddd;
	}
	.top-menu ul li a:active,
	.top-menu ul li a:hover{
		text-decoration: none;
		color: #002134;
	}

	/**************/
	.logo{
		text-align: center;
	}

	footer {
		text-align: center;
	}
	.f2{
		padding-top: 20px;
		justify-content: center;
	}

	/******************/
	iframe{
		display: block;
		margin: 0 auto 10px;
		/*width: 350px !important;*/
		/*height: 220px !important;*/
		
	}
	/********************/
	.main-title {
		padding: 15px 0;
		font-size: 28px;
		text-transform: uppercase;
		text-align: center;
		line-height: 130%;
	}
	.short-story-item{
		flex: 0 1 50%;
		min-width: 249px;
		padding: 0 15px;
	}
	/************************/
	.fs-top {
		padding: 30px 65px;
	}
	.fs-th-col{
		order: 2;
		margin: 30px 0;
		text-align: center;
	}
	.fs-title-col{
		order: 1;
		text-align: center;
	}
	.fs-stars-col{
		order: 3;
		text-align: center;
		flex: 0 0 100%;
	}
	.fs-to-dwnld-wrap{
		order: 4;
		margin-top: 15px;
		text-align: center;
		flex: 0 0 100%;
		width: 100%;
	}
	.fs-share{
		display: none;
	}
	.rate{
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
	}
	.fs-plusminus {
		flex: 0 0 48%;
		width: 50%;
	}
	.rate_stars{
		flex: 0 0 48%;
		width: 50%;
	}
	.fullstory{
		overflow: hidden;
	}

	/***********************/
	.com_ava{
		display: none;
	}
	.com_rate{
		margin: 15px 0;
	}
}
@media only screen and (max-width: 576px) {
	.short-story-item{
		flex: 0 1 100%;
		max-width: 350px;
		min-width: 249px;
		padding: 0 15px;
	}
}