/* Tags */
/*@media (min-width:1px){*/
html, body, div, span, img {
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0 none;
}

body {
	/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
	font-family: sans-serif;
	font-size: 14px;
	/* line-height: 1.42857143; */
	line-height: 1.6;

	color: #111;
	background-color: #fff;
	
	padding: 0;
	margin: 0;
	
	height: 100%;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
	width: auto;
	padding: 0;
	margin: 0;
}
th, td {
	text-align: left;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	color: #4444ff;
	/* text-align: left; */
}

a:hover, a:focus { text-decoration: underline; }

img {
	border: 0;
	vertical-align: text-bottom;
}

hr {
	border: 0;
	background-color: #D1D9C4;
	height: 1px;
}

blockquote {
	background-color: #ffffe377;
	border: 1px solid #ffdfaa;
	border-radius: 6px;

	box-shadow: 0 3px 5px #ccc;
	-webkit-box-shadow: 0 3px 5px #ccc;
	-moz-box-shadow: 0 3px 5px #ccc;

	margin: 8px 0 8px 20px;
	padding: 15px;
	text-decoration: none;
}

blockquote.event_info {
	overflow: hidden;

	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;

	margin-top: 0;
	margin-left: -10px;
	margin-bottom: 15px;

	padding-left: 23px;
	padding-right: 16px;

    overflow-wrap: anywhere;
}

blockquote.event_info_noimg {
	margin-left: -2px !important;
}

pre, .pre {
	-moz-tab-size:		4;
	-o-tab-size:		4;
	-webkit-tab-size:	4;
	-ms-tab-size:		4;
	tab-size:			4;

/*
	max-width: 705px;
*/
	overflow: auto;

    font-family: monospace;
    white-space: pre;
}

/*
::selection { background-color: #ffb7b7; }
::-moz-selection { background-color: #ffb7b7; }
*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 15px 0 15px 0;
	/* text-align: left; */
}

h3 {
	font-size: 16.38px;
}

h4 {
	background-color: #eee;
	border-radius: 6px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 15px 0;
	font-size: 16.38px;
}

h5 {
/*
	padding-top: 0;
	margin-top: -3px;
	font-size: 14px;
*/
	padding-top: 15px;
	/* padding-bottom: 10px; */
	padding-bottom: 15px;
	font-size: 17px;
	
	margin-top: -10px;
	margin-bottom: 5px;
	font-style: italic;
}

h6 {
	padding-top: 15px;
	padding-bottom: 10px;

	font-size: 17px;
	font-weight: normal;

	/* font-size: 15px;
	font-weight: bold; */
	
	margin-top: -5px;
	margin-bottom: 5px;
}

	h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small {
		font-size: 14px;
		font-weight: normal;
		line-height: 21px;
		padding-left: 20px;
	}
	h4+h5 { padding-top: 0; }
	h3+h5, h3+h6 { padding-top: 2px; }

	h1 a:hover, h1 a:focus, h1 a:active,
	h2 a:hover, h2 a:focus, h2 a:active,
	h3 a:hover, h3 a:focus, h3 a:active,
	h4 a:hover, h4 a:focus, h4 a:active { text-decoration: none; }

	h3 img, h4 img { position:relative; top: -3px; }

	.header_unit {
		font-weight: normal;
		font-size: 14px;
		line-height: 1.6;
		display: inline-block;
		margin-top: 7px;
	}
	a.header_unit {
		color: #4444ff !important;
	}

/*} section*/


/* Basic */
/*@media (min-width:1px){*/

.clr {
	display: block;
	clear: both;
    height: 0;
}

.noselect {
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.select {
	user-select: initial;
	-webkit-touch-callout: initial;
	-webkit-user-select: initial;
	-khtml-user-select: initial;
	-moz-user-select: initial;
	-ms-user-select: initial;
}

.error {
/*
	color: #ff4444;
	background-color: #d9534f47;
*/
	background-color: #c12e2a33;
}

.ajax_wait {
	background-image: url(i/ajax.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	min-width: 32px;
	min-height: 32px;
}


.b {
	border: 1px solid #0000bb;
}
a.nodecor, a.nodecor:active, a.nodecor:focus {
	text-decoration: none !important;
	border-bottom: none !important;
}

ul.ul, .uldot {
	list-style-image: url("i/ul.gif");
	list-style-position: outside;

	text-align: justify;
	font-size:15px;
	padding: 5px 0 5px 30px; 
}

.ul .ul { padding-left: 30px }

	.ul li {
		padding: 5px;
/*
		-webkit-transition: background-color 80ms linear;
		-ms-transition: background-color 80ms linear;
		transition: background-color 80ms linear;
*/
	}
	.ul li li				{ margin-left: 45px; }
	.ul li li li			{ margin-left: 45px; }
	.ul li li li li			{ margin-left: 45px; }
	.ul li li li li li		{ margin-left: 45px; }
/*
	.ul li:hover			{ background-color: rgb(210, 210, 210); }
	.ul li li:hover			{ background-color: rgb(225, 225, 225); }
	.ul li li li:hover		{ background-color: rgb(210, 210, 210); }
	.ul li li li li:hover	{ background-color: rgb(225, 225, 225); }
	.ul li li li li li:hover{ background-color: rgb(210, 210, 210); }
*/
	.ul a {text-decoration: none; }

	.ul small { font-size: 9pt; color: #777; font-weight: normal; line-height: 1;}



.right_link { float:right; text-decoration:none; /* display: block; */ margin:0 0 15px 15px; }
.left_link { float:left; text-decoration:none; /* display: block;*/ margin:0 15px 15px 0; }
.left_icon { float:left; text-decoration:none; display: block; margin:0 15px 15px 0; min-width: 22px; text-align: center; }
.rel {position: relative;}
.abs {position: absolute;}
.align_left { text-align: left; }
.align_right { text-align: right; }
.align_center { text-align: center; }
.align_justify { text-align: justify; }
.margin_center { margin: 0 auto; }
.float_left { float: left; }
.float_right { float: right; }
.db { display: block !important; }
.dib { display: inline-block !important; height: 20px; }
.mt0 {margin-top: 0 !important;}
.mr0 {margin-right: 0 !important;}
.mt {margin-top: 15px !important;}
.mr {margin-right: 15px !important;}
.mb {margin-bottom: 15px !important;}
.ml {margin-left: 15px !important;}
.autow { width:auto !important; }	/* for overlay */

table.w100p {width: 100% !important;}
table.td_p td, table.td_p th {padding: 8px !important;}

img.big { max-width:100%; max-height:600px; }
img.big2 { max-width:49%; max-height:600px; }
a.back_link {
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}


.span	{ float: left; margin:5px 18px 5px 5px; }
.span2	{ width:49%; float: left; margin:0 0.5% 2px 0; }
.span3	{ width:32%; float: left; margin:0 0.8% 2px 0; }
.span4	{ width:24%; float: left; margin:0 0.8% 2px 0; }



.cinfo {
	margin: 10px 0;
	padding: 10px 10px 35px 10px;
	width: 100%;
	max-width: 720px;
	background-color: #eee;
}

/* Implementation details */
.impl-detail {
	background: url(i/shesterenki.png) no-repeat 13px 50% #ccc;
	margin: 10px 0;
	padding: 10px 15px 15px 85px;
	border-radius: 6px;
	min-height: 40px;
}

/* Insight */

.c1 {
	color: #00b000;
	font-weight: bold;
	/* border-bottom: 1px solid #ffbb00; */
}
.c2 {
	color: #ff0000;
	/* border-bottom: 1px solid #ffbb00; */
}




/* Square image */



/* .img_square_w_150 {
	width: 150px;
	height: 150px;
} */

/* not supported by ie */
/* .img_square_w {
	position: relative;
}

.img_square_w::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

	.img_square {
		position: absolute;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover;
		object-position: center;
	} */

.img_square_w {
	position: relative;
    background-size: cover; 
    background-position: 50% 50%;
}



/* Rotate */

.rotate90 {
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.rotate {
	/* Safari */
	-webkit-transform: rotate(-1.3deg);
	/* Firefox */
	-moz-transform: rotate(-1.3deg);
	/* IE */
	-ms-transform: rotate(-1.3deg);
	/* Opera */
	-o-transform: rotate(-1.3deg);
}


/* Overlay */
#overlay {
	display:none;
	background-color: #fff;
	padding: 15px;
	border-radius: 4px;
	
	max-width: 90vw;
	max-height: 90vh;
	overflow: auto;
	
	position: fixed;
	top: 50%;
	left: 50%;

	font-weight: normal;
	transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);

	z-index: 9992;
}
	#overlay img {
		max-width: 90vmin;
		max-height: 78vmin;
	}

	#overlay .overlay_img {
		text-align: center;
	}

	#overlay .overlay_title {
		margin-top: 10px;
		text-align: center;
	}

#overlay_bg {
	display: none;
	position: fixed;
	z-index: 9991;

	width: 100%;
	height: 100vh;

	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	background-color: rgba(17, 17, 17, 0.65);
	cursor: pointer;
}

.inbuild { cursor: pointer; }


/* Centered div for messages (i.e., "wait") */
/*
.center_info {
	display:none;
	position:fixed;

	left:50%;
	top:50%;
	width:300px;
	height:60px;
	margin-left:-150px;
	margin-top:-30px;

	background-color:#fff;
	opacity: 0.95;
	text-align:center;
	padding:20px;
	font-size:20px;
	overflow:hidden;
	z-index:9;
	border: 1px solid #ccc;
}
*/


/*} section*/


/* Page */
/*@media (min-width:1px){*/

#page {
	width: 100%;
	min-width: 200px;
	max-width: 1200px;
	margin: 0 auto;
}

	#pageT {
		position: fixed;
		top: 0;
		left: 0;

		width: 100%;

		background-color: #fff;
/*
		background: #fff;
		background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#ededed));
		background: -moz-linear-gradient(top,  #fefefe,  #ededed);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#ededed');
*/

		border-bottom: 1px solid #ccc;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
		
		text-align: center;
		z-index: 300;
	}
		#pageT2, #pageT2b {
			position: relative;
			min-width: 200px;
			max-width: 1200px;
			margin: 0 auto;
			/* height: 64px; */
			/* height: 74px; */
			height: 85px;
			transition: height linear 0.25s;
		}

	#pageM {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;

		flex-direction: row;
		flex-wrap: nowrap;

		align-content: flex-start;
		justify-content: flex-start;
		align-items: stretch;
	
		/* padding-top: 84px; */
		padding-top: 86px;
		min-height: 80vh;
	}

	
	#pageM.wide {
		max-width: 900px;
		margin: 0 auto;
	}

		#pageL {
			position: relative;
			/* float: left; */

			z-index: 100;
			padding-top: 3px;	/* fits #pageR h3 {height} */
			padding-bottom: 25px;

			width: 27%;
			min-height: 70vh;

/*
			min-width: 245px;
			background: url(i/bg.png) repeat 0 0 #f5f5f5;
*/
			background-color: #f5f5f5;
			color: #454545;

			word-wrap: break-word;
			
			transition: left linear 0.2s;
		}

		#pageR {
			position: relative;
			/* float: left; */
			z-index: 1;
			padding-bottom: 30px;

			width: 73%;
			height: 100%;

			background-color: #fff;

			word-wrap: break-word;
		}
		
			#content {
			}
		
		/* #pageL a h3 { color: #4444ff !important; padding-left: 0; } */
		#content h3 a {
			color: #454545;
			border-bottom: 1px dashed #454545;
		}
		h6 a, h6 a:hover, h6 a:focus {
			color: #454545;
			text-decoration: none;
		}
		h6 a:hover, h6 a:focus {
			border-bottom: 1px dashed #454545;
		}


	#pageF {
		position: relative;
		clear: both;
		width: 100%;
		height: 40px;

		border-top: 1px solid #ccc;
		
		text-align: center;
	}
		#pageF > div {
			padding: 25px 25px 30px 25px;
			background-color: #eee;
			letter-spacing: 0.3px;
		}

/*} section*/


/* Top */
/*@media (min-width:1px){*/

#pageTL {
	visibility: hidden;
}
#pageTL.pageTL_allow {
	visibility: visible;
}
#pageTL {
	left: 0;
	padding: 0;
	position: absolute;
	/* margin-top: 18px; */
	margin-top: 31px;
	transition: margin-top linear 0.15s;
}
#pageTC {
	display: block;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 7px;
	width: 330px;
	text-align: center;
	color: #333;
}
#pageTC:hover, #pageTC:focus { text-decoration: none; }

	#pageTC1, #pageTC1b {
		/* margin-right: 18px; */
		font-size: 17px;
		transition: margin-top linear 0.15s;
	}
	#pageTC2, #pageTC2b {
		color: #111;
		/* padding-bottom: 10px; */
		margin-top: 4px;
		font-size: 14px;
		transition: font-size linear 0.15s;
		
		width: 100%;
		/* height: 43px; */
		height: 44px;
		overflow: hidden;
	}
	.opera #pageTC2 {
		opacity: 1;
		transition: opacity linear 0.15s;
	}

	.area {
		display: inline-block;
		/* min-width: 100px; */
		height: 23px;
		text-align: center;
		/* padding: 5px 10px; */
		padding: 7px 13px;

		-webkit-transition: padding linear 0.25s;
		-ms-transition: padding linear 0.25s;
		transition: padding linear 0.25s;

		-webkit-transition: background-color 90ms linear;
		-ms-transition: background-color 90ms linear;
		transition: background-color 90ms linear;
	}

	.area:hover {
		background-color: #4444ff13;
		/* border-bottom: 1px solid #4444ffaa !important; */
		text-decoration: none;
	}
	.area_current {
		background-color: #4444ff13;
		/* border-bottom: 1px solid #4444ff !important; */
	}

	.bull {
		position: relative;
		display: inline-block;
		text-align: center;
		width: 27px;
		font-size: 70%;
		top: -1px;
	}

#pageTR {
	right: 0;
	padding: 0 25px;
	position: absolute;
	margin-top: 12px;
	transition: margin-top linear 0.15s;
}

	.btnT {
		display: block;
		cursor: pointer;
		text-align: left;
		text-decoration:none;

		font-size: 14px;

		line-height: 26px;
	}
	.btnT:hover, .btnT:focus, .btnT:active { text-decoration:none; }

	#pageTL .btnT { padding: 0 25px; float: left; }
	#pageTR .btnT { margin-left: 15px; float: right; }

	.social {
		width: 36px;
		height: 36px;
		background-image: url(social/social.png);
		background-repeat: no-repeat;
		display: inline-block;
		position: relative;
		top: 13px;
	}

	/* .social:hover {
		top: 12px;
	} */

	/*
	.social_mail { background-position: 0 0; }
	.social_mail:hover { background-position: -36px 1px; }
	.btnT:hover .social_mail { background-position: -36px 1px; }

	.social_fb { background-position: 0 -36px; }
	.social_fb:hover { background-position: -36px -35px; }
	.btnT:hover .social_fb { background-position: -36px -35px; }

	.social_telegram { background-position: 0 -75px; }
	.social_telegram:hover { background-position: -36px -74px; }
	.btnT:hover .social_telegram { background-position: -36px -74px; }
	*/
	.social_mail { background-position: -36px 0; }
	/* .social_mail:hover { background-position: -36px 1px; } */
	/* .btnT:hover .social_mail { background-position: -36px 1px; } */

	.social_fb { background-position: -36px -36px; }
	/* .social_fb:hover { background-position: -36px -35px; } */
	/* .btnT:hover .social_fb { background-position: -36px -35px; } */

	.social_telegram { background-position: -36px -75px; }
	/* .social_telegram:hover { background-position: -36px -74px; } */
	/* .btnT:hover .social_telegram { background-position: -36px -74px; } */

	/*
	#content .btnT { display: inline-block; margin: 0 10px; }
	#pageFC .btnT { display: inline-block; margin: 0 10px; }
	*/
	.contacts .btnT { display: inline-block; margin: 0 10px; }

	#pageFT .contacts {
		max-width: 400px;
	}
	.contacts {
		margin: 0 auto !important;
		text-align: center !important;
		padding-bottom: 10px;
	}
	.contacts a {
		padding: 10px;
	}
	.contacts a:hover span {
		text-decoration: underline;
	}


	/*
	.main_intro {
		max-width: 773px;
		margin: 0 auto;
	}
	*/
	h3.contacts_title {
		text-align: center;
		padding-top: 0 !important;
		padding-bottom: 5px !important;
		color: #454545;
	}

/*} section*/


/* Left: Menu */
/*@media (min-width:1px){*/

.submenu h3:first-child {
	margin-top: 7px;
}
.submenu h3 {
	margin-left: 25px;
}
.submenu a {
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 5px 10px 5px 25px;

    -webkit-transition: background-color 90ms linear;
    -ms-transition: background-color 90ms linear;
    transition: background-color 90ms linear;
	
	/*
	border-left: 5px solid transparent;
	padding: 4px 10px 4px 20px;
	*/
	/* transition: border-left linear 0.1s; */
}
/*
.submenu a.tag_on {
	border-left: 5px solid #FFEB84;
}
*/
.submenu a:hover {
	/* background-color: #e9e9e9; */
	background-color: #4444ff16;
	text-decoration: none;
}
.submenu a:focus {
	text-decoration: none;
}
.submenu .node_current {
	/* border-left: 5px solid #4444ff44; */
	background-color: #4444ff16 !important;
	/* text-decoration: underline; */
}
.submenu a > img {
	padding-right: 7px;
}
.submenu a.awide {
	padding: 4px 10px 4px 20px;
	display: block;
}
.submenu a.awide img {
	vertical-align: middle;
	padding-right: 10px;
}



.submenu .delimt {
	margin-top: 45px !important;
}
.submenu .delim01 {
	display: block;
	background: url(i/delim03_left_a200.png) no-repeat 0 50% transparent;
	height: 20px;
	width: 100%;
	
	/*
	margin: 30px 0 30px 12px;
	margin: 30px 0 30px 25px;
	*/
	margin: 22px 0 22px 25px;
}
.submenu .delim02 {
	display: block;
	background: url(i/delim03_a200.png) no-repeat 0 50% transparent;
	height: 20px;
	width: 100%;
	
	margin: 22px 0 22px 25px;
}

.submenu .delim03 {
	display: block;
	background: url(i/delim04.png) no-repeat 0 50% transparent;
	height: 29px;
	width: 100%;
	margin: 22px 0 22px 25px;
}



.dmenu {
	display: none;
	position: absolute;
	font-weight: normal;
	color: #000;
	
	left: 99%;
	top: 0px;

	background-color: #fff;
	border: 1px solid #b1b1b1;
	/* box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2); */
	box-shadow: 2px 3px 7px -1px rgba(0, 0, 0, 0.2);

	border-radius: 6px;
	min-width: 460px;
	padding: 10px 15px;

	z-index: 103;
}




/*} section*/

@media only screen and (min-width: 991px) {
	.submenu a:hover > .dmenu { display:block; }
	.dmenu:hover > .dmenu { display:block; }
	.dmenu > .dmenu { top:-1px; }
}


/* Right: Content */
/*@media (min-width:1px){*/

#content h3 {
	font-size: 20.3px;
	padding:17px 0;
}

.div, .div1 {
	padding: 0 25px;
	text-align: justify;
	clear: both;
	border-left: 1px solid transparent;
}
.div1 {
	background-color: #f5f5f5;
	/* background-color: #4444ff13; */
	color: #454545;
	border-left: 1px solid #dcdcdc;
}
.div .div_off, .div1 .div_off {
	margin-left:-25px;	/* inner element of `div` or `div1` can remove parent's padding */
}
#pageM.wide .div1 { border-left: 1px solid transparent; }



.divt {
	padding-top: 20px;
}
.divb {
	padding-bottom: 20px;
}

.div1 + .div1 h3 {
	padding-top: 0 !important;
}






.img_circle_left {
	display: block;
	float: left;
	margin: 5px 25px 0 0;
	border-radius: 100%;
	vertical-align: middle;
}
.img_circle_left+div {
	overflow: auto;
}


a.banner_circle, a.banner_circle:hover, a.banner_circle:focus, a.banner_circle:active {
	display: block;
	color: #454545;
	text-decoration: none;

	margin-bottom: 15px;
/*
	border-bottom: 1px solid #dcdcdc;
*/
}

	.banner_circle_title {
		font-weight: bold;
		font-size: 18px;
	}

	.banner_circle_link {
		text-decoration: italic;
		color: #4444ff;
	}
	a.banner_circle:hover .banner_circle_link {
		text-decoration: underline;
	}

	.banner_title {
		font-weight: bold;
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.banner_text {
		padding-bottom: 15px;
	}







#main_menu .btno { float: left; margin: 0 5px 10px 0; padding: 4px 12px;}

#main_news_w { padding-top: 5px; }
#main_news_more { float: left; display: none; margin-right:30px; }
#main_news_ajax { float: left; height:40px; position:relative; top:-7px; }
#main_news_ajax.ajax_wait {
	background-position: 50% 5px;
}

.item {
	display: block;
	border-top: 1px solid #ccc;
	padding-top: 15px;
	padding-bottom: 20px;
/*	transition: background-color linear 0.3s; */
}
.item:first-child {
	border-top: none;
	padding-top: 0;
}

	.item h3 { padding-top:2px !important; }

.mus_item {
	padding-bottom: 30px;
}
.mus_item:last-child {
	padding-bottom: 0 !important;
}

.item_imp {
	background-color: #efefef;
	border-top: 1px solid #ccc !important;
	padding-top: 15px !important;
}
	.ititle { text-align: left; }

	.isubtitle { font-style: italic; }

	/*
	.ititle { background-color: #f5f5f5; }
	.isubtitle { background-color: #f5f5f5; font-style: italic; }
	*/
	.idate {
		font-size: 11px;
		font-weight: normal;
		line-height: 21px;
	}
	.div .idate, .div1 .idate {
		float: right;
		padding-left: 20px;
	}
	.item .ititle .idate { margin-top: 2px; }
	h3 .idate { margin-top: 7px; }
	/* .item h3 .idate { margin-top: 9px; } */

	.itext {
		display: block;
		padding-top: 15px;
	}

	.iimg_in_list {
		margin-right: 15px;
		margin-bottom: 15px;
		max-width: 270px;
	}
	.iimg_in_list img {
		max-width: 100%;
	}

/*} section*/



/* Footer */
/*@media (min-width:1px){*/

		.page_top:hover, .page_top:focus, .page_top:active { text-decoration: none; }
		.page_top {
			position: relative;
			display: block;

			background-color: #d1d1d1;
			border-radius: 0 0 6px 6px;
			padding: 4px 20px;
			color: #000;
			text-align: center;
			/* border-top: 1px solid #E3E2D0; */

			margin: 0 auto;
			width: 130px;
			height: 24px;
			bottom: 26px;
			z-index: 1;
		}
		.page_top::before, .page_top::after {
			bottom: 100%;
			left: 50%;
			border: solid transparent;
			content: "";
			height: 0;
			width: 0;
			position: absolute;
			cursor: pointer;
		}
		.page_top::before {
			/* border-bottom-color: #E3E2D0; */
			border-width: 9px;
			margin-left: -9px;
		}
		.page_top::after {
			border-bottom-color: #d1d1d1;
			border-width: 8px;
			margin-left: -8px;
		}
		
		#pageFC {
			max-width: 500px;
			margin: 25px auto 20px auto;
			text-align: center;
		}
		

	#pageFimg {
		max-width: 1600px;
		width: 100%;
		display: block;
		margin: 0 auto;
	}

/*} section*/


/* Buttons */
/*@media (min-width:1px){*/

.btno {
	color: #fff;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;

	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 3px 9px;
	font-size: 14px;
	line-height: 25px;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btno:focus {
	text-decoration: none;
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btno:hover {
	text-decoration: none;
}
.btno:active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

	.btno .image { display: inline-block; margin-right: 5px;}

.orange {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #e38d13;
}
.orange:hover {
  background-color: #eb9316;
  background-position: 0 -15px;
}
.orange:active {
  background-color: #eb9316;
  border-color: #e38d13;
}

.red {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #b92c28;
}
.red:hover {
  background-color: #c12e2a;
  background-position: 0 -15px;
}
.red:active {
  background-color: #c12e2a;
  border-color: #b92c28;
}

.blue {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
  background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #245580;
}
.blue:hover {
  background-color: #265a88;
  background-position: 0 -15px;
}
.blue:active {
  background-color: #265a88;
  border-color: #245580;
}


.green {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #3e8f3e;
}
.green:hover {
  background-color: #419641;
  background-position: 0 -15px;
}
.green:active {
  background-color: #419641;
  border-color: #3e8f3e;
}


.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

.white {
	color: #606060;
	border: solid 1px #b7b7b7;
/*
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
*/
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:hover {
/*
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
*/
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cccccc));
	background: -moz-linear-gradient(top,  #fff,  #cccccc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/*} section*/



/* Verses */
/*@media (min-width:1px){*/

.vlist {}
.verse_item {}
.verse_a {
	display: block;
/*
	padding-left: 24px;
*/
	margin-bottom: 9px; 
	padding-top: 3px;
	padding-bottom: 3px;
}
.attachment { background:url(/web/i/attachment.png) no-repeat 0 50%; }

.verse {
}
.verse_has_links {
	/* min-width: 750px !important; */
}

	.verse_text {
		/* float: left; */
		min-width: 360px;
		/* width: 50%; */
		/*
		min-width: 275px;
		padding-right: 2%;
		width: max-content;
		*/
    	padding-right: 8%;
	}
	.node_links {
		/* float: right;
		width: 47%;
		background-color: #fff;
		z-index: 1; */

		margin-top: 20px;
		width: 90%;
	}

	.node_link {
		padding: 15px;
		border-bottom: 1px solid #ccc;
		border-radius: 6px;
		background-color: #f5f5f5;
		box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
		margin-bottom: 20px;
	}

	.node_link:last-child {
		border-bottom: none;
	}

	.node_div {
		/*
		padding-top: 15px;
		border-bottom: 1px solid #cccccc88;
		*/
		/*
		padding-bottom: 12px;
		padding-top: 25px;
		*/
	}
	.node_div:first-child {
		padding-top: 0;
	}
	.node_div:last-child {
		border-bottom: none;
	}

	.node_title {
		line-height: 25px;

		background-color: #f1f1f1;
		border-top: 1px solid #dedede;

		/*
		border-bottom: 1px solid #ccc;
		background-color: #f1f1f1;
		*/
		/*
		background-image: linear-gradient(#f1f1f1, #f1f1f1, #fff);
		padding: 10px 25px;
		margin-bottom: 12px;
		*/
		/*
		background-image: linear-gradient(#f1f1f1, #f8f8f8, #f8f8f8, #fff);
    	padding: 10px 25px 20px 26px;
		*/
		background-image: linear-gradient(to bottom, #f8f8f8, #f8f8f8, #f8f8f8, #ededed);
    	padding: 10px 25px 10px 26px;

		width: 100%;

		margin-left: -26px;
		/* margin-top: -20px;
		margin-bottom: -20px; */
	}

	/*
	.node_start:first-child .node_title {
		background: none;
	}
	*/
	
	.node_title .idate {
		line-height: 25px;
	}
	.node_title .isubtitle {
		margin-top: 5px;
	}

	.node_text {
		margin-top: 15px;
		margin-bottom: 20px;
	}

	.verse_date {
		margin-top: 20px;
		font-size: 12px;
		font-weight: normal;
		line-height: 21px;
	}

.vlist .verse {
	margin: 10px 0 10px 24px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}

.epigraf {
	margin-left: 20%;
	width: 60%;
	/* font-style: italic; */
}

.source {
	margin-bottom: 30px;
	text-align: left;

	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
	border: 1px solid #ffdfaa;
	box-shadow: 0 3px 5px #ccc;
	-webkit-box-shadow: 0 3px 5px #ccc;
	-moz-box-shadow: 0 3px 5px #ccc;

	width: 345px;

	padding: 20px 51px 20px 51px;

	background: url(i/quote.png) no-repeat 12px 20px #ffffe377;
}
noindex:-o-prefocus, .source {
	border-bottom: 1px solid #42331E;
} 

.source_fixed {
	width: 345px;
	text-align: left;
}

.source_wide {
	max-width: 450px !important;
}

	.source .source_title {
		font-weight: bold;
		margin-bottom: 15px;
		font-style: italic;
	}
	.source .source_text {
		margin-bottom: 15px;
		/* font-style: italic; */
	}
	.source .source_author {
		font-weight: bold;
		width: 280px;
		text-align: right;
		font-style: italic;
	}
	.source .source_link {
		display: block;
		font-weight: bold;
		width: 280px;
		text-align: right;
	}

.source_answer {
}


/*} section*/




/* Gallery */
/*@media (min-width:1px){*/

.gallery {
}
	.gallery_item {
		display: block;
		float: left;
		position: relative;
		overflow: hidden;

		/*
		width: 15vw;
		height: 15vw;
		*/
		width: 32%;
		height: 230px;

		padding: 2px;
		/* border: 3px solid #efefef; */
		margin: 0 2px 2px 0;

		text-decoration: none !important;

		background-color: transparent;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

	.gallery_item > img {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		max-width: initial !important;
		min-height: 100%;
	}
	.gallery_item:hover > .info {
		display: block;
	}
	.gallery_item > .info.visible {
		display: block;
	}

	.gallery_item > .info.wide {
		/* min-height: 65px; */
		min-height: 74px;
	}
	.gallery_item > .info {
		background-color: rgba(0, 0, 0, 0.7);
		display: none;
		margin-top: 35%;
		position: absolute;
		left: 0;
		text-align: center;
		width: 100%;
		/* line-height: 19px; */
		line-height: 22px;
	}
	.gallery_item > .info.bottom {
		margin-top: 0;
		bottom: 0;
	}

	.gallery_item > .info > .title {
		font-family: "Open sans", Helvetica, Arial, Sans-serif;
		display: block;
		color: #fff;
		font-size: 13pt;
		font-weight: 100;
		text-shadow: 0 1px 2px black, 0 -1px 2px black, 0 0 2px black;
		/* text-transform: uppercase; */
		padding: 4px 2px 0 2px;
	}

	.gallery_item > .info > .subtitle {
		font-family: Verdana, Sans-Serif, Arial;
		display: block;
		color: #d5b568;
		font-size: 9pt;
		text-shadow: 0 1px 2px black, 0 -1px 2px black, 0 0 2px black;
		font-weight: bold;
		/* text-transform: uppercase; */
		padding: 0 2px 4px 0;
	}

/*} section*/


/* Picture gallery */
/*@media (min-width:1px){*/

.pic_list {
}
	.pic_item {
		display: block;
		/* float: left; */
		position: relative;

		/* height: 230px; */
		height: auto !important;
		width: 33%;
		/* width: 100%; */
		/* margin-bottom: 2px; */

		text-decoration: none !important;

		background-color: transparent;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}

	.pic_item.inactive {
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
		filter: grayscale(100%);
	}

	@media (max-width: 1140px) {
		.pic_item {
			width: 49%;
		}
	}
	@media (max-width: 991px) {
		.pic_item {
			width: 100%;
			margin-bottom: 3px;
		}
	}

		.pic_item > img {
			display: block;

			width: 100%;
			height: auto !important;
			/* height: 230px; */
			
			margin: 0 2px 2px 0;
		}

		.pic_item > .info {
			transition: opacity 0.3s ease-out 0s;
			opacity: 0;
			background-color: rgba(0, 0, 0, 0.7);
			
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			line-height: 22px;

			text-align: center;
		}
		.pic_item:hover > .info {
			opacity: 1;
		}
		.pic_item > .info.visible {
			opacity: 1;
		}

		.pic_item > .info.wide {
			min-height: 74px;
		}

			.pic_item > .info > .title {
				font-family: "Open sans", Helvetica, Arial, Sans-serif;
				display: block;
				color: #fff;
				font-size: 13pt;
				font-weight: 100;
				text-shadow: 0 1px 2px black, 0 -1px 2px black, 0 0 2px black;
				padding: 4px 2px 0 2px;
			}

			.pic_item > .info > .subtitle {
				font-family: Verdana, sans-serif, Arial;
				display: block;
				color: #d5b568;
				font-size: 9pt;
				text-shadow: 0 1px 2px black, 0 -1px 2px black, 0 0 2px black;
				font-weight: bold;
				padding: 0 2px 4px 0;
			}



/* https://medium.com/@MilesOfRoses/css-image-gallery-for-pictures-with-different-aspect-ratios-a20ffecb75d5 */
/* 
.pic_list {
	line-height: 0;
	
	-webkit-column-count: 3;
	-webkit-column-gap: 2px;
	
	-moz-column-count: 3;
	-moz-column-gap: 2px;
	
	column-count: 3;  
	column-gap: 2px;
}

@media (max-width: 1140px) {
	.pic_list {
		-moz-column-count:		2;
		-webkit-column-count:	2;
		column-count:			2;
	}
}
@media (max-width: 1075px) {
	.pic_list {
		-moz-column-count:		1;
		-webkit-column-count:	1;
		column-count:			1;
	}

	.pic_item > img {
		width: 100%;
	}
}
*/



/*} section*/






/* Zoom image */
/*@media (min-width:1px){*/

.zoom div {
    display: block;
	margin: 0 auto;
	text-align: center;
    overflow: hidden;
}
.zoom img {
    display: block;
    margin: 0;
    position: relative;
	transition: all 0.3s ease-out 0s;
}

.zoom.horiz div { width: 300px; height: 225px; }
.zoom.horiz img { min-width: 300px; min-height: 215px; }
.zoom.horiz:hover img { min-width: 350px; min-height: 275px; margin: -30px 0 0 -18px; }

.zoom.vert div { width: 225px; height: 300px; }
.zoom.vert img { min-width: 205px; min-height: 300px; }
.zoom.vert:hover img { min-width: 275px; min-height: 355px; margin: -22px 0 0 -26px; }

/*} section*/


/* Player */
/*@media (min-width:1px){*/

.player_w {
		display: flex;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		
		flex-direction: row;
		flex-wrap: nowrap;

		align-content: flex-start;
		justify-content: flex-start;
		align-items: stretch;
		
		width: 99%;
		max-width: 800px;
		min-height: 150px;

		border: 1px solid #ccc;
		border-radius: 2px;

		background-color: #f1f1f1;
}

	.player_img {
		/* display: block;
		float: left; */

		max-height: 300px;

		min-width: 150px;
		min-height: 150px;

		/*
		min-width: 200px;
		min-height: 200px;
		*/

		/*
		width: 150px;
		*/

		padding-right: 10px;
	}

	.player_w .player { float: left; }

	.player {
		width: 80%;
		padding: 10px 15px;
	

	/*
		// no need in .folder2:
		width: 100%;
		height: 70px;
	*/
	}


.player .ptitle {
	/* float: left;	 */
	/* font-weight: bold; */
	font-size: 16px;
	margin-bottom: 10px;
	text-align: left;
}

.player .idate {
	line-height: 27px;
}
.player .pposition {}
.player .pduration {}

.player .pbar {
	width: 100%;
	height: 22px;
	margin: 0 0 13px 0;
	overflow: hidden;
	
	border: 1px solid #005DCD;
	border-radius: 3px;
	background-color: #fff;
	cursor: pointer;
}

	.player .pbar > .pprogress {
		width: 0;
		height: 22px;

		/* #CFE8F6, #2285B8 */
		background-color: #0081c2;
		background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
		background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
		background-image: -o-linear-gradient(top, #0088cc, #0077b3);
		background-image: linear-gradient(to bottom, #0088cc, #0077b3);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
	}

	.player .pbar > .pbar_text {
		position: relative;
		float: right;
		width: 100px;
		top: -19px;

		font-size: 11px;
		color: #000;
		text-align: center;
		text-shadow: 0px 1px 3px #fff;
	}

.player .player_btn_w {
	display: block;
	height: 37px;
}

	.player .player_btn_w > .btn .icon_play { min-width:16px; height:15px; background: url(player/player_play.png) no-repeat 0 50%; }
	.player .player_btn_w > .btn .icon_pause { min-width:16px; height:15px; background: url(player/player_pause.png) no-repeat 0 50%; }
	.player .player_btn_w > .btn .icon_stop { min-width:16px; height:15px; background: url(player/player_stop.png) no-repeat 0 50%; }

	.player .player_btn_w > .btn {
		display: inline-block;
		min-width: 12px;
		padding: 5px 10px;
		height: 15px;
		line-height: 15px;
		cursor: pointer;
		border-radius: 0;
	}
	.player .player_btn_w > .btn:first-child {
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}
	.player .player_btn_w > .btn:last-child {
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

.player .pvolume_w {
	display: inline-block;
    height: 25px;
    margin-left: 12px;
}
	.player .pvolume_w .pvolume_bar {
		/* position: relative;
		top: -2px;
		height: 25px; */
		height: 21px;
		width: 120px;
		cursor: pointer;
		background-color: #fff;
		border: 1px solid #005DCD;
		border-radius: 2px;
		background: url(player/player_volume.png) no-repeat 50% 48% #fff;
	}
	.player .pvolume_w .pvolume_level {
		/* height: 25px; */
		height: 21px;
		background-color: #005DCD36;
	}
	.player .pvolume_w .pvolume_text {
		font-size: 11px;
		position: absolute;
		top: 10px;
		color: #000;
		width: 120px;
		text-align: center;
		text-shadow: 0px 1px 3px #fff;
	}
/* 
	.player .pvolume_w .pvolume_bar_after {
		display: inline-block;
		width: 20px;
		height: 18px;
		cursor: pointer;
	} */

	.player .player_disc {
		background: url(player/save.png) no-repeat 0 0;
		padding-left: 13px !important;
		height: 17px;
	}

.player_disc_txt		{ display: inline; }
.player_disc_fallback	{ display: none; }
.player_fallback .player_disc_txt		{ display: none; }
.player_fallback .player_disc_fallback	{ display: inline; }

.player_fallback .player_download {
	display: block !important;
	float: none;
}
.player_fallback .pbar, .player_fallback .player_btn_w, .player_fallback .pvolume_w {
	display: none;
}


.player.player_compact .pvolume_bar { width:80px }
.player.player_compact .pvolume_bar_after { display:none }
.player.player_compact .player_download { display:none }

.player_loading .pbar {
	animation: 2s linear 0s normal none infinite progress-bar-stripes;
    background-color: #149BDF;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}
/*
.player_loading .pwait { display: block !important; font-size: 8pt; position: absolute; background-color:#fff;}
*/



/* Bottom bar */
/*@media (min-width:1px){*/

#top_bar {
	position: fixed;
	z-index: 999;
	top: 0;
	right: 0;
}

#bottom_bar {
	position: fixed;
	z-index: 999;
	bottom: 0;
	right: 0;
}
	#top_bar > .unit,
	#bottom_bar > .unit
	{
		display: block;
		float: right;
		background-color: #fff;
		margin-left: 15px;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 6px;
		text-decoration: none;
	}
	/* #bottom_bar > div.wide { min-width: 1024px; } */
	
	#top_bar > a:hover
	#bottom_bar > a:hover
	{ text-decoration:none; }

	#top_bar.vert > .unit,
	#bottom_bar.vert > .unit
	{
		float: none !important;
	}

	#top_bar > .and_fixed,
	#bottom_bar > .and_fixed
	{
		max-width: 300px;
		max-height: 22px;
		white-space: nowrap;
		overflow: hidden;
		margin-left: 0 !important;
	}

/*} section*/




/* Special */

@media only screen and (min-width: 991px) {
	#pageTL {
		display: none;
	}
}

@media only screen and (max-width: 990px) {
	#pageL {
		position: absolute;
		left: -120%;
		width: 99.8%;
		/* border-right: 1px solid #dcdcdc; */
		box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	}

	#pageR {
		width: 100%;
	}
	
	.mshow #pageL { left: 0 !important; }
	.mshow #pageR { /* border-top: 1px solid #ccc;*/ }
	
	/* .pageScroll.mshow #pageL { position: relative; } */
	.pageScroll.mshow #pageR { padding-top: 25px }
	.pageScroll.mshow #pageM { padding-top: 46px }
	
	.submenu { float: left; width: 33%; }
	.submenu:nth-child(3) { clear:inherit; }
	.submenu:nth-child(4) { clear:both; }
	/* .submenu a { padding: 7px 20px; } */

	.gallery_item { width:40vw !important; height:40vw !important; }
	
	.verse_text { float: none; }
	/* .node_links {
		float: none;
		margin-top: 15px;
		width: 90%;
		background-color: #f5f5f5;
		padding: 4%;
	} */
}

@media only screen and (max-width: 845px) {
	.submenu { float: left; width: 50%; }
	.submenu:nth-child(3) { clear:left; }
	.submenu:nth-child(4) { clear:inherit; }
	
	#msg_form input { width: 86%; }
	
	#main_menu { max-width: 550px;}
	#main_menu .btno { padding: 4px 15px;}
	#main_news_w { padding-top: 10px; }

	.area {
		/* padding: 5px 8px; */
		padding: 7px 10px;
	}

	.player_w {
		flex-direction: column;
		height: auto;
	}
	.player_img {
		/*
		- if img_square_w with "object-fit:cover" (instead of "background-size:cover") is used
		width: 96%;
		height: auto;
		max-width: 300px;
		*/
		margin: 0 auto;
	}
	.player {
		width: auto;
		height: auto;
	}
	.player .idate {
		float: none;
    	padding-left: 0;
	}
	.player_disc_txt {display: none;}

}

@media only screen and (max-width: 550px) {
	#pageTC1 { margin-top: 17px;}
	.pageScroll #pageTC1 { margin-top: 0; }

	#pageTC2 { font-size: 0; }
	.opera #pageTC2 { opacity:0; }

	#pageTR .social_fb { display:none; }
	
	#pageTR .btnT { margin-left: 2px; float: right; }

	#pageT2b #pageTL { margin-top: 12px; }

	.submenu { float: left; width: 100%; }
	.left_link, .right_link { float: none; margin: 0 0 15px 0; }
	.left_link img, .right_link img { max-width: 100%; }

	.gallery_item { float:none !important; width: 83vw !important; height: 83vw !important; margin-bottom: 2px; }
	.span2 { width:100%; }
	.span3 { width:100%; }
	
	.img_circle_left { float: none; margin:0 auto; padding:0px 0 15px 0;}

	.iimg_in_list {	max-width: 100%; display:block;	}

}
@media only screen and (max-width: 400px) {
	/*
	#pageTC { text-align: left; margin-left: 60px; }
	*/

	/* the same as after scroll	*/
	#pageTC1 { margin-top: 0; }
	#pageT2 { height: 26px; }
	#pageTC2 { font-size: 0; }
	.opera #pageTC2 { opacity:0; }

	#pageT2 #pageTL { margin-top: 0; }
	/* #pageTR { margin-top: -6px; } */

	.bull { display: none; }

}
@media only screen and (max-width: 280px) {
	#pageTR { display:none; }

	.area {
		padding: 7px 5px;
	}
}

@media only screen and (min-width: 990px) and (max-width: 1180px) {
}


.pageScroll #pageT2 { height: 26px; }
.pageScroll #pageTC2 { font-size: 0; }
.pageScroll.opera #pageTC2 { opacity:0; }

/* .pageScroll #pageTL { margin-top: 0; } */
/* .pageScroll #pageTR { margin-top: -6px; } */




/* Form */

.form td { padding: 5px; }
.form th { padding: 5px; text-align: right; line-height: 28px; }
div.form { padding: 5px; }

.form input.input {
	min-width: 100px;
	width: 50%;
	min-width: 200px;
	min-height: 20px;
	padding: 4px;
	line-height: 20px;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 2px;
	box-shadow: 0 0 0.5em #ccc inset;
}
.form input.btnsubmit {
	cursor: pointer;
	min-width: 100px;
	width: 50%;
	min-width: 210px;
	min-height: 20px;
	padding: 4px;
	line-height: 20px;
	color: #333;
	border-width: 1px;
	border-radius: 2px;
}
.form textarea {
	min-width: 100px;
	width: 100%;
	height: 150px;
	min-height: 150px;

	padding: 3px;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 2px;
	box-shadow: 0 0 0.5em #ccc inset;
}

.form input.input:focus, .form textarea:focus { background-color: #fafafa; }

.form select {
    background-color: #FFFFFF;
    color: #555555;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    font-size: 14px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 4px 6px;
}









.admin_op {
	font-size: 14px;
	font-weight: normal;
}




/* A bar */

.abar {
	border: 1px solid #ccc;
	padding: 8px 20px;
	background-color: #eee;
	font-weight: normal;
}

	.abar .unit {
		display: inline-block;
		margin-right: -1px !important;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.abar .and_txt {
		padding: 5px 0;
		font-size: 10pt;
		color: #444;
		font-weight: normal;
		line-height: 1;

		max-width: 350px;
		height: 9px;
		overflow: hidden;
	}

	.abar .and_txt_mini {
		max-width: 180px !important;
	}

	.abar .ml {
		margin-left: 15px !important;
	}

	.abar .mr {
		margin-right: 15px !important;
	}

	.abar .aclr {
		display: block;
	}






/* Tooltip */

.tooltip {
	display: none;
	position: absolute;
	z-index: 9999;

	padding: 10px;

	max-width: 300px;

	border: 1px solid #888;
	border-radius: 6px;
	background-color: #111;
	color: #eee;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

 	pointer-events: none;
}






/* Web */

.wiki			{ padding-left: 16px; background: url(web/wiki.png) no-repeat 0 50%; }
.youtube		{ padding-left: 20px; background: url(web/youtube.png) no-repeat 0 50%; }
.mirmuz			{ padding-left: 18px; background: url(web/mirmuz.png) no-repeat 0 20%; }
.stihilv		{ padding-left: 16px; background: url(web/stihilv.png) no-repeat 0 50%; }

.icon_mail		{ padding-left: 25px; background: url(web/mail.png) no-repeat 0 50%;}
.icon_telegram	{ padding-left: 25px; background: url(web/telegram.png) no-repeat 0 40%;}
.icon_facebook	{ padding-left: 25px; background: url(web/facebook.png) no-repeat 0 40%;}
.icon_mirmuz	{ padding-left: 25px; background: url(web/mirmuz.png) no-repeat 0 35%;}
.icon_joy		{ padding-left: 25px; background: url(web/joy.png) no-repeat 0 50%;}

.icon_rss {
	/* padding-left: 48px; */
	background: url(i/rss.gif) no-repeat 0 50%;
	min-width: 40px;
	min-height: 20px;
}


/* Styles for Proj's link */

.node_facebook_adventure_game	{ padding-left: 25px; background: url(web/facebook.png) no-repeat 0 40%;}
.node_joy						{ padding-left: 25px; background: url(web/joy.png) no-repeat 0 50%;}