/*= DEBUG =*/
/*
div.block
{
	padding:5px !important;
	box-sizing:border-box;
	border-color:#aaa;
	border-style:dotted;
	border-width:0px;
}
*/

._dbg_pos_name
{
	display:block;
	position:absolute;
	top:0;
	left:0;

	font-family:sans-serif;
	font-size:11px;
}

/*- DEBUG -*/


/*========
= Layout =
==========*/
html
{
	padding:0;
	margin:0;
	height:100%;
	width:100%;
	font-size:1px;
}
body
{
	padding:0px;
	margin:0;
	width:100%;
	min-width:320px;
	min-height:100%;
}
.bodycontainer
{
	display:block;
	float:none;
	overflow:visible;
	margin:0;
	padding:0;
	width:100%;
	min-height:100%;
	text-align:left;
}

/*= Lines, containers ... =*/
.line_header,
.line_footer
{
	position:relative;
	overflow:visible;
	margin:0;
	padding:0;
}
.line_common
{
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
}
.line_bg
{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}
.line_bg.back
{
}
.line_bg.mask
{
}
.line_container
{
	clear:both;
	display:flex;
	float:none;
	overflow:hidden;
	position:relative;

	flex-wrap:wrap;
	justify-content:space-between;
	align-content:center;

	margin:0 auto;
	padding:0 5px;
	max-width:1200px;
	box-sizing:border-box;
}
.line_container .block
{
	position:relative;
	display:flex;
	align-items:center;
	align-content:center;
	justify-content:center;
	flex-basis:auto;
	box-sizing:border-box;
}
.line_container .block[class*=" mod1_"]
{
	flex-basis:100%;
}
.line_container .block[class*=" mod2_"]
{
	flex-basis:50%;
}
.line_container .block[class*=" mod3_"]
{
	flex-basis:33.333%;
}
.line_container .block[class*=" mod4_"]
{
	flex-basis:25%;
}
.line_container .block[class*=" mod5_"]
{
	flex-basis:20%;
}
/*--*/


/*= Content =*/
.line_content .line_container
{
	align-content:flex-start;
	min-height:500px;
}
.line_content .line_container .content.left
{
	padding:0 35px 0 0;
	width:285px;
	box-sizing:border-box;
}
.line_content .line_container .content.right
{
	padding:0 0 0 35px;
	width:285px;
	box-sizing:border-box;
}
.line_content .line_container .content.center
{
	width:100%;
	box-sizing:border-box;
}
.line_content .line_container .content.center.content_l
{
	padding:0 0 0 35px;
	width:calc(100% - 285px);
}
.line_content .line_container .content.center.content_r
{
	padding:0 35px 0 0;
	width:calc(100% - 285px);
}
.line_content .line_container .content.center.content_lr
{
	width:calc(100% - (285px * 2));
	padding:0 35px;
}
/*--*/

/*============
= Decoration =
==============*/
*
{
	line-height:135%;
}

div
{
	display:block;
	overflow:hidden;
	box-sizing:border-box;
}
td, tr, p, div
{
	margin:0;
	padding:0;
	text-align:inherit;
}
/* Параграфы основного контента */
.main p
{
	margin:10px 0;
	hyphens:auto;
	text-align:justify;
}

/*= H1, H2, ... =*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6
{
	margin:3px 0;
	padding:1px 0;
	box-sizing:border-box;
/*	color:#000;---*/
	font-weight:normal;
	text-align:center;
}
h1, .h1
{
	font-size:22rem;
	text-transform:uppercase;
}
h2, .h2
{
	font-size:20rem;
}
h3, .h3
{
	margin:10px 0 0 0;
	font-size:16rem;
	text-align:left;
}
h4, .h4
{
	margin:10px 0;
	padding:0;
	font-size:14rem;
	text-align:left;
}
h5, .h5
{
/*	color:maroon;---*/
	font-family:Verdana,Geneva,Arial,Helvetica;
	font-size:14rem;
	margin:15px 0;
	padding:0 20px;
	border-width:1px 0 1px 0;
	border-style:dotted;
/*	border-color:#ddd;---*/
	text-align:left;
	background-image:linear-gradient(to right, linen, lightsteelblue, linen 80%);
	background-position:0 0;
	background-repeat:repeat;
}
h5 a, .h5 a
{
	float:right;
	padding:1px 0 0 0;
	text-shadow:none;
	font-size:14rem;
}
h6, .h6
{
	margin:0;
	padding:0;
	font-size:14rem;
	text-align:left;
}
/*--*/

hr
{
/*	color:inherit;---*/
	height:0;
	width:100%;
/*	border-color:#ccc;---*/
	border-style:solid;
	border-width:1px 0 0 0;
}
form
{
	margin:0;
	padding:0;
}
fieldset
{
	margin-bottom:10px;
	border:solid 1px #ccc;
}
input, select, textarea
{
	outline-style:none;
}
input
{
	max-width:100%;
/*	background-color:cornsilk;---*/
/*	color:inherit;---*/
	font-size:inherit;
	box-sizing:border-box;
	outline-style:none;
}
:disabled
{
/*	background-color:#e0e0e0 !important;---*/
}
button, .button
{
	font-size:11rem;
/*	color:black;---*/
	border:1px solid gray;
	margin:3px;
/*	background-color:#ccc;---*/
	padding:2px 15px;
	cursor:pointer;
}
button:hover
{
}
button:active
{
	border-style:inset;
}
/*--*/

img
{
	border:0 none;
}
.main img
{
	max-width:100%;
}

/*= Divider =*/
.clearfix
{
	clear:both;
}
/*--*/

a
{
	margin:0;
/*	color:#0055dd;---*/
	text-decoration:none;
/*	border-color:transparent;---*/
	border-style:dotted;
	border-width:0 0 1px 0;
}
a:link span
{
	text-decoration:inherit;
}
a:hover, a:hover span
{
/*	color:blue;---*/
	text-decoration:none;
/*	border-color:inherit;---*/
}
a:visited, a:visited span
{
/*	color:#0066dd;---*/
}
a:link span,
a:hover span,
a:visited span
{
/*	color:inherit;---*/
}
/*--*/

ol,
ul
{
	margin:10px;
	padding:0 30px;
}
ul {list-style:disc outside;}
li
{
	padding:3px 0;
}
ol li {background-image:none;}

/*= Menu =*/
ul.nav.menu
{
	display:inline-block;
	margin:0;
	padding:0;
	list-style:none;
}
ul.nav.menu > li
{
	display:inline-block;
	position:relative;
	margin:0 10px;
	padding:0 5px;
}
ul.nav.menu li a
{
	display:block;
/*	color:inherit;---*/
}
/*--*/

/*= Tooltips =*/
.tip, .tool-tip
{
	float:left;
/*	background-color:#ffc;---*/
	border:1px solid #d4d5aa;
	padding:5px;
	max-width:200px;
	font-size:12rem;
}
.tool-title
{
	padding:0;
	margin:0;
	font-size:12rem;
	font-weight:bold;
	margin-top:-15px;
	padding-top:15px;
	padding-bottom:5px;
	background:url(../../system/images/selector-arrow.png) no-repeat;
}
.tool-text
{
	font-size:12rem;
	margin:0;
}
/*--*/

/*==*/
.clear
{
	clear:both;
	background:none;
	height:0px;
	margin-left:auto;
	margin-right:auto;
}
pre
{
	max-width:100%;
	overflow:auto;
	border:2px solid #e9e9e9;
	padding:15px;
	margin:15px auto;
/*	color:#666;---*/
}
blockquote
{
	margin:15px 0;
	padding:15px;
	border-top:3px solid #ddd;
	border-bottom:3px solid #ddd;
/*	background-color:#f5f4f5;---*/
/*	color:#666;---*/
}
/*-||-*/

#service_modules
{
	overflow:visible;
	position:relative;
}

/*= System message =*/
#system-message .alert
{
	margin:1px 0;
	padding:5px 10px;
}
#system-message .alert div
{
	text-align:center;
}
#system-message .alert a.close
{
	float:right;
}
#system-message .alert h4
{
	margin:0 20px;
/*	color:darkred;---*/
	text-align:center;
}
.alert.alert-error
{
	border:1px solid red;
}
#system-message .alert.alert-warning
{
/*	background-color:pink;---*/
	border:1px solid red;
}
/*= System Standard Messages =*/
#system-message dd.message ul { background:url(../images/system/notice-info.png) 4px center no-repeat;}
#system-message dd.message ul li {background-image:none;text-align:center;}
/*= System Error Messages =*/
#system-message dd.error ul {background:url(../images/system/notice-alert.png) 4px center no-repeat; border-top:3px solid #DE7A7B; border-bottom:3px solid #DE7A7B;}
#system-message dd.error ul li{background-image:none;text-align:center;}
/*= System Notice Messages =*/
#system-message dd.notice ul {background:url(../images/system/notice-note.png) 4px center no-repeat; border-top:3px solid #F0DC7E; border-bottom:3px solid #F0DC7E;}
#system-message dd.notice ul li {background-image:none;text-align:center;}


/*= pagenav =*/
div.pagination
{
	clear:both;
	width:100%;
	font-size:14rem;
	text-align:center;
}
div.pagination > span
{
	display:inline-block;
	padding:5px 0;
}
div.pagination span.pagination span
{
	margin:1px;
	padding:0;
}
div.pagination span.pagination a,
div.pagination span.pagination span.page > span
{
	display:inline-block;
	padding:5px;
	min-height:20px;
	min-width:20px;
	border:1px solid #ffe4b5;
	border-radius:3px;
}
div.pagination span.pagination span.page > span
{
/*	color:green;---*/
	font-weight:bold;
/*	border-color:inherit;---*/
/*	background-color:#fff8dc;---*/
}
a.pagination:link, a.pagination:visited
{
	font-size:11rem;
/*	color:#999;---*/
	text-decoration:none;
}

.page-link
{
	& .icon-angle-left::before			{content:"<";}
	& .icon-angle-double-left::before	{content:"<<";}
	& .icon-angle-right::before			{content:">";}
	& .icon-angle-double-right::before	{content:">>";}
}

ul.pagenav
{
	display:block;
	padding:20px 0 0 0;
	text-align:center;
}
.pagenav li, div.pagination ul li
{
	display:inline;
	background-image:none;
}
li.pagenav-prev {}
li.pagenav-prev a {}
li.pagenav-next {}
li.pagenav-next a {}

/*- J4 style -*/
.pagenavigation
{
	display:block;
	margin:50px auto 0 auto;
	text-align:center;
	
	& .previous
	{
		margin:0 10px 0 0;
	}
	
	& .next
	{
		margin:0 0 0 10px;
	}
	
	& .icon-chevron-left::before
	{
		content: "<";
	}
	
	& .icon-chevron-right::before
	{
		content: ">";
	}

	& .visually-hidden
	{
		display:none;
	}
}
/*--*/


.readmore
{
	display:block;
	margin:3px 0;
	padding:0;
}
p.readmore
{
	margin:5px 0 0 0;
	padding:0px 0;
}
.readmore a:link, .readmore a:visited
{
	float:left;
	margin:0 20px 0 0;
	padding:0 0 0 20px;
	background:url(../images/readon.gif) no-repeat left;
/*	color:inherit;---*/
	font-size:11rem;
	font-weight:normal;
	white-space:normal;
	text-decoration:none;
}
.readmore a:hover
{
}
.item-separator
{
	clear:both;
	display:block;
	height:5px;
}
.bannergroup, .banneritem
{
	text-align:center;
	margin:3px;
}
.pagenavcounter {font-size:10rem;}

.small {font-size:10rem;}


#jform_captcha input
{
	clear:both;
	margin:5px 0 0 0;
}

table
{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
.main .item-page table td
{
    padding:3px 10px;
}
.main .item-page table td p
{
    margin:0;
}

/*= |+| Breadcrumbs =*/
.breadcrumb
{
	float:left;
	padding:0 10px;
/*	color:#ccc;---*/
	font-size:12rem;
}
.breadcrumb li
{
	display:inline-block;
	margin:0;
}
.breadcrumb .divider
{
	margin:0 5px;
}
/*-||-*/

/*= Скрываем всплывающие подсказки от CMS =*/
.popover {display:none !important;}


/*= |+| GoToButton - ToTop/ToBottom =*/
a#gotop, a#gobottom
{
	position:fixed;
	bottom:5px;
	right:5px;
	margin:0;
	padding:5px;
	height:32px;
	width:32px;
/*	background-color:rgba(125, 125, 125, 0.25);---*/
	background-position:center center;
	background-size:30px;
	background-repeat:no-repeat;
	border:1px solid #aaa;
	border-radius:50%;
	z-index:100;
}
a#gobottom
{
	display:block;
	background-image:url("../images/gobottom.png");
}
a#gotop
{
	display:none;
	background-image:url("../images/gotop.png");
}
/*-||-*/


/*=| Модули |=*/
.module_block { width:100%; }
.module_header {}
.module_content {}
/*-||-*/


/*= Side Bar (Mobile menu) =*/
.side_bar
{
	display:none;
	overflow:visible;
	position:fixed;
	top:0;
	z-index:110;
}
.side_bar.right
{
	right:0;
}
.side_bar.left
{
	left:0;
}
/*- Input field -*/
.side_bar input.action
{
	display:none;
}

/*- Mask -*/
.side_bar .sbar_maska
{
	display:none;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
/*	background-color:rgba(180, 180, 180, 0.8);---*/
	z-index:91;
}
.side_bar input.action:checked ~ .sbar_maska
{
	display:block;
}

/*- Body -*/
.side_bar .sbar_body
{
	position:relative;
	overflow:visible;
	margin:0;
	padding:0;
	height:0;
	max-height:0%;
	width:0;
	max-width:0%;
/*	color:#333;---*/
/*	background-color:#fff;---*/
/*	border-color:orange;---*/
	border-style:solid;
	border-width:0;
	transition:max-width 0.25s linear;
	z-index:92;
}
.side_bar input.action:checked ~ .sbar_body
{
	position:fixed;
	top:0;
	overflow:auto;
	height:100%;
	max-height:100%;
	width:auto;
	max-width:100%;
	border-width:1px;
	box-shadow:0px 0px 15px -5px #000;
}
.side_bar.left input.action:checked ~ .sbar_body {
	left:0;
}
.side_bar.right input.action:checked ~ .sbar_body {
	right:0;
}

/*- Label -*/
.side_bar .sbar_body label.action
{
	position:relative;
	display:flex;
	justify-content:center;
	align-content:center;
	align-items:center;
	margin:0;
	padding:0 10px;
	height:auto;
	min-height:48px;
	width:auto;
	min-width:49px;
	cursor:pointer;
	border-width:0;
	border-style:solid;
/*	border-color:#999;---*/
	box-sizing:border-box;
}
.side_bar.right .sbar_body label.action
{
	float:right;
}
.side_bar.left .sbar_body label.action
{
	float:left;
}
.side_bar .sbar_body label.action:hover
{
/*	background-color:transparent !important;---*/
}
.side_bar input.action:checked ~ .sbar_body label.action:hover
{
/*	background-color:#eee !important;---*/
}
.side_bar input.action:checked ~ .sbar_body label.action
{
	width:100%;
/*	color:#333;---*/
/*	background-color:#eee;---*/
	border-width:0;
	box-sizing:border-box;
}
.side_bar .sbar_body label.action .text
{
	display:none;
	flex:1 1 auto;
	text-align:center;
	white-space:nowrap;
}
.side_bar input.action:checked ~ .sbar_body label.action .text
{
	display:block;
}
.side_bar .sbar_body label.action .icon
{
	position:relative;
	margin:auto;
	width:16px;
	height:16px;
	background-image:url("../images/menu_mobile_dots.svg");
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.side_bar input.action:checked ~ .sbar_body label.action .icon
{
	width:24px;
	height:24px;
	background-image:url("../images/menu_mobile_cancel.svg");
	transition:all 0.4s ease-in-out;
	transform:rotate(-90deg);
}

/*- Menu Block -*/
.side_bar .sbar_body .menu_block
{
	display:none;
	position:relative;
	clear:both;
	float:none;
	padding:10px;
	margin:0;
	height:auto;
	width:auto;
}
.side_bar .sbar_body .menu_block .k_menu
{
/*	color:inherit;---*/
}
.side_bar input.action:checked ~ .sbar_body .menu_block
{
	display:block;
}

/*- Menu list -*/
.side_bar .sbar_body .menu_block ul.nav.menu
{
	display:block;
	padding:15px 0;
	border-top:1px solid #ddd;
}
.side_bar .sbar_body .menu_block ul.nav.menu,
.side_bar .sbar_body .menu_block .k_menu ul
{
	font-family:fntMenuMobile;
	font-size:16rem;
}
.side_bar .sbar_body .menu_block ul.nav.menu:first-child
{
	border:unset;
	padding-top:0;
}
.side_bar .sbar_body .menu_block ul.nav.menu > li
{
	display:list-item;
	margin:0;
	padding:0;
}
.side_bar .sbar_body .menu_block ul.nav.menu > li:focus-within,
.side_bar .sbar_body .menu_block ul.nav.menu > li:hover
{
/*	background-color:#eee;---*/
}
.side_bar .sbar_body .menu_block ul.nav.menu > li a
{
    padding:7px 20px;
    border:unset;
    white-space:nowrap;
}
.side_bar .sbar_body .menu_block ul.nav.menu > li a:hover
{
    border:unset;
    text-decoration:underline;
}
/*= /Menu Mobile =*/


/*= |+| GoToButton - ToTop/ToBottom =*/
#pagegotop,
#pagegobottom
{
	position:fixed;
	bottom:5px;
	right:5px;
	margin:0;
	padding:5px;
	height:22px;
	width:22px;
/*	background-color:rgba(125, 125, 125, 0.25);---*/
	background-position:center center;
	background-size:30px;
	background-repeat:no-repeat;
	border:1px solid #aaa;
	box-sizing:content-box;
	cursor:pointer;
	z-index:100;
}
#pagegobottom
{
	display:block;
	background-image:url("../images/gobottom.png");
	border-radius:0 0 50% 50%;
}
#pagegotop
{
	display:block;
	background-image:url("../images/gotop.png");
	border-radius:50% 50% 0px 0px;
	bottom:38px;
}
/*-||-*/
