@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top; 
}

tr, th, td {
  vertical-align: middle; 
}

.article p {
    text-indent: 15px; /* Отступ первой строки в пикселах */
}

body {
	font: 9pt 'Fira Sans Condensed', tahoma, verdana, arial, helvetica, sans-serif; 
	background-color: #FFFFFF;
	color: #000;
}

a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}


hr {
	margin: 5px 0;
	border : 0px;
	border-top : 1px solid #EEEEEE;
	color: #000;
	height: 1px;
}

h1,h2,h3,h4,h5,h6 {
	letter-spacing: -0.5pt;
	font-size: 14pt;
	font-weight: normal;
	margin: 10px 0;
	text-align: left;
	color: #000;
}

h1 a, h2 a, h3 a {
	text-decoration: none;
	color: #000;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration: none;
	color: #000;	
}


h1:before,h2:before,h3:before {
	content: '\f0a9';
	font: normal normal normal 14pt/1 FontAwesome;
	color: #000;
	margin-right: 5px;
}

h1:first-child, h2:first-child, h3:first-child {
	margin-top: 0;
}



.main {
	width: 1020px;
	margin: 0px auto;
}

.top {
	margin-top: 20px;
}

.logo {
	display: inline-block;
	margin-left: 20px;
}

.icon-menu {
	margin-left: 35px;
	margin-top: -10px;
	display: inline-block;
	width: 100px;
	height: 120px;
	border-radius: 10px;
	background: #F60;
	background: linear-gradient(to top, #ff5900, #ff7e00);
	box-shadow: inset 0px 0px 10px rgba(224,80,0,0.8);
	text-align: center;
}

.icon-menu a {
	display: inline-block;
	margin: 0 2px;
	margin-top: 55px;	
	color: #000;
	text-decoration: none;
	font-size: 11pt;
	text-shadow: 0px 0px 5px rgba(224,80,0,0.8);
}

.icon-menu a:hover {
	text-shadow: 0px 0px 5px rgba(255,255,255,0.8);
}

.clear {
	clear: both;
}

.panel-menu {
	margin: 20px;
}

.main-menu {
	width: 370px;
	height: 186px;
	border-radius: 10px;
	border: solid 1px #CCC;
	padding-top: 12px;
	float: left;
}

.main-menu :last-child {
    border: 0;
}

.main-menu a:before {
	content: '\f0a9';
	font: normal normal normal 14px/1 FontAwesome;
	color: #000;
	margin-right: 5px;
}

.main-menu a {
	display: block;
	border-bottom: solid 1px #CCC;
	color: #000;
	margin: 0 20px;
	padding: 5px;
	padding-left: 10px;
	text-decoration: none;
	font-size: 15px;	
	text-transform: uppercase;
}

.main-menu a:hover {
	color: #000;
	text-decoration: none;
}


.div-phones {
	width: 400px;
	float: right;
	color: #000;
}

.div-phones table {
	border: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	margin-top: 20px;
	border-left: solid 2px #000;
}

.div-phones table td {
	padding: 3px 10px;
	font-size: 9pt;
	text-align: left;
	vertical-align: top;
}
.div-phones table div {
	text-align: left;
	margin-right: 10px;
	color: #000;	
	font-size: 9pt;
	font-weight: bold;
}


.panel-left {
	margin-top: 20px;
	margin-left: 20px;
	width: 980px;
	margin-bottom: 50px;
	float: left;
	font-size: 10pt;
}

.panel-left h1 {
	color: #000;
	font-size: 18pt;
	line-height: 100%;
	margin-bottom: 20px;
}

.panel-left h1:before {
	content: '\f0a9';
	font: normal normal normal 18pt/1 FontAwesome;
	color: #000;
	margin-right: 5px;
}


.panel-left h2 {
	color: #000;
	margin: 20px 0;
}

.panel-left h3 {
	color: #000;
	margin: 20px 0;
}

.panel-left p {
	text-align: justify;
}

.panel-left-main {
	margin-top: 20px;
	margin-left: 20px;
	width: 340px;
	padding-bottom: 30px;
	float: left;
}

.panel-right {
	margin-top: 20px;
	margin-right: 20px;
	width: 260px;
	float: right;
}

.line {
	margin: 20px 0;
	border-top: solid 1px #CCC;
}
.line:before {
	content: ' ';
	height: 1px;
	display: block;
	margin: 0;
	border-bottom: solid 2px #CCC;
}

.bottom-desc {
	margin:20px;
	text-align: justify;
	font-size: 8pt;
}

.bottom-desc p {
	margin-top: 10px;
}


.bottom-menu {
	margin-top: 20px;
	margin-left: 20px;
	width: 700px;
	float: left;
	font-size: 10pt;
	border-radius: 10px;
	background: #0d4fa8;
	background: linear-gradient(to top, #0d4fa8, #6fc0ed);
	box-shadow: inset 0px 0px 10px rgba(9,63,146,0.7);
	color: #000;
	height: 100px;
	text-align: center;
}

.bottom-menu p {
	margin-top: 35px;
}

.bottom-menu a {
	display: inline-block;
	padding: 3px 5px;
	padding-left: 7px;
	color: #000;
	text-decoration: none;
	border-left: dotted 1px #FFF;
	text-shadow: 0px 0px 5px rgba(9,63,146,0.7);
}

.bottom-menu a:first-child {
	border:0;
}
.bottom-menu a:hover {
	text-shadow: 0px 0px 5px rgba(255,255,255,0.7);
}


.orange {
	border-radius: 10px;
	background: #F60;
	background: linear-gradient(to top, #ff5900, #ff7e00);
	box-shadow: inset 0px 0px 10px rgba(224,80,0,0.8);
	color: #000;
}

.orange a {
	color: #000;
	text-decoration: none;
}

.copy {
	font-size: 8pt;
	margin: 20px;
	height: 60px;
}

.counters {
	text-align: center;
}

.counters .ya-share2, .counters .item {
	margin: 10px 0;
}

p {
	margin-top: 10px;
}

.small-list p {
	margin-top: 3px;
}

.small-list ul {
	margin-top: 10px;
	padding-left: 17px; 
	list-style-type: none;
}

.small-list ul li {
	padding-top: 3px;
}
.small-list ul li:before {
	display: inline-block;
	color: #000;
	content: "\f046";
	font: normal normal normal 9pt/1 FontAwesome;
	width: 15px;
	margin-left: -15px;
}
.just {
	text-align: justify;
}



.panel-left ul {
	margin-top: 10px;
	padding-left: 17px; 
	list-style-type: none;
}

.panel-left ul li {
	padding-top: 3px;
}

.panel-left ul li:before {
	display: inline-block;
	color: #000;
	content: "\f046";
	font: normal normal normal 9pt/1 FontAwesome;
	width: 15px;
	margin-left: -15px;
}


.print_link {
	width: 720px;
	text-align: right;
	font-size: 14pt;
	height: 20px;
	margin-top: 25px;
	margin-bottom: -45px;
}

.print_link a {
	color: #000;
}

.print_link a:hover {
	color: #000;
}


.catalog-menu {	
	margin-right: -10px;
	padding-bottom: 5px;
}
.catalog2, .catalog3 {	
	padding-bottom: 15px;
}

.catalog2 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
}

.catalog-menu div {	
	margin-left: 15px;
	color: #000;
	text-decoration: none;
	margin-bottom: 5px;
	margin-right: 10px;
	border-bottom: dotted 1px #000;
	cursor: pointer;
}

.mobile_menu_div .catalog-menu div {
	border-bottom: dotted 1px #FFF;
}

.catalog-menu a {	
	background: #FFF;
	color: #000;
	text-decoration: none;
	position: relative;
	top: 3px;
	padding-right: 3px;
}

.mobile_menu_div .catalog-menu a {	
	display: inline;
	background: #377EC5;
	color: #FFF;
}

.catalog-menu a:hover, .catalog-menu div:hover a, .catalog-menu div:hover:before {	
	color: #000;
}

.catalog-menu div:before {
	display: inline-block;
	content: "\f0a9";
	font: normal normal normal 10pt/1 FontAwesome;
	width: 15px;
	margin-left: -15px;
	position: relative;
	top: 3px;
}

.mobile_menu_div .catalog-menu div:before {
	color: #FFF;
	font-size: 11pt;
	top: 4px;
}


.catalog-menu div:after {
	content: " ";
	display: block;
	float: right;
	width: 3px;
	height: 10px;
	position: relative;
	top: 9px;
	background: #FFF;
}
.mobile_menu_div .catalog-menu div:after {
	background: #000;
}

.catalog-menu div span {	
	font-size: 8pt;
	color: #FFF;
	background: #000;
	padding: 1px 3px;
	border-radius: 3px;
	display: inline-block;
	float: right;
	min-width: 22px;
	text-align: center;
	position: relative;
	top: 3px;
}

.mobile_menu_div .catalog-menu div span {	
	font-size: 10pt;
}

.catalog-menu div:hover span {	
	background-color: #000;
}

.catalog-menu h3 {	
	margin: 0;
	margin-bottom: 7px;
	color: #000;
	font-size: 12pt;
}
.catalog-menu h3:before {	
	display: none;
}

.line2 {
	border-top: solid 1px #CCC;
	margin-bottom: 15px;
}

.navi {
	color: #000;
	padding: 5px 15px;
	background-color: #EFEFEF;
	margin-bottom: 20px;
	border-radius: 3px;
	position: relative;
	white-space: nowrap; /* Отменяем перенос текста */
	overflow: hidden; /* Обрезаем содержимое */
}

.navi:after {
    content: ''; /* Выводим элемент */
    position: absolute; /* Абсолютное позиционирование */
    right: 0; top: 0; /* Положение элемента */
    width: 40px; /* Ширина градиента*/
    height: 100%; /* Высота родителя */
    /* Градиент */
    background: -moz-linear-gradient(left, rgba(239,239,239, 0.2), #EFEFEF 100%);
    background: -webkit-linear-gradient(left, rgba(239,239,239, 0.2), #EFEFEF 100%);
    background: -o-linear-gradient(left, rgba(239,239,239, 0.2), #EFEFEF 100%);
    background: -ms-linear-gradient(left, rgba(239,239,239, 0.2), #EFEFEF 100%);
    background: linear-gradient(to right, rgba(239,239,239, 0.2), #EFEFEF 100%);
}


.navi a {
	display: inline-block;
	color: #000;
	text-decoration: none;
	margin-right: 10px;
}

.navi a:hover {
	color: #000;
}

.navi a:after {
	content: "\f061";
	font: normal normal normal 7pt/1 FontAwesome;
	padding-left: 10px;	
	color: #000;
	position: relative;
	top: -2px;
}





.kraski {	
	margin-right: -15px;
	padding-bottom: 15px;
	-webkit-column-count:3;
	-moz-column-count:3;
	column-count:3;
}
.kraski a {	
	font-size: 9pt;
	display: block;
	/* display: inline-block;
	width: 300px; */
	margin-left: 15px;
	color: #000;
	text-decoration: none;
	margin-bottom: 5px;
	margin-right: 10px;
}

.kraski a:hover {	
	color: #000;
}

.kraski a:before {
	display: inline-block;
	content: "\f046";
	font: normal normal normal 10pt/1 FontAwesome;
	width: 15px;
	margin-left: -15px;
}


.item_table {
	border: 0;
	margin: 0;
	padding: ;
	border-collapse: collapse;
	margin-top: 20px;
}
.item_table th, .item_table td {
	font-size: 9pt;
	padding: 5px 10px; 
	border-bottom: solid 1px #CCC;
	border-right: solid 1px #FFF;
}

.item_table td.td2 {
	background-color: #EEE;
	border-top: 0;
	border-bottom: 0;
}
.item_table th {
	background-color: #000;
	color: #FFF;
	border-bottom: solid 1px #FFF;

}



.kraska h3 {	
	margin: 0;
	margin-top: 15px;
	margin-bottom: 5px;
	color: #000;
	font-size: 12pt;
	clear: both;
}
.kraska h3:before {	
	content: "\f058";
	color: #000;
	font-size: 10pt;
	position: relative;
	top: -1px;
}

.kraska h3 b {	
	display: block;
	float: right;
	width: 500px;
	margin-bottom: 10px;
}

.item_image {
	float: right;
	margin-top: -10px;
	margin-bottom: -200px;
}

.item_param {
	min-height: 160px;
}

.info {
	margin-bottom: 10px;
	border-bottom: dotted 1px #CCC;
}

.info p {
	margin-top: 5px;
	text-align: justify;
}

.date {
	margin: 10px 0;
	font-size: 10pt;
	color: #000; 
}

.info .date {
	margin: 10px 0;
	font-size: 8pt;
	color: #000; 
}

.info i {
	font-size:10pt;
}

.info:last-child {
	/* border: 0; */
}

.item {
	margin: 0;
	margin-bottom: 10px;
}

.item a {
	font-weight: bold;
}

.item .date {
	font-size: 9pt;
	margin: 0;
}
.item .text {
	margin: 0;
}

.item .text p {
	margin-top: 5px;
	font-size: 9pt;
}

.pager {
	margin: 20px 0;
}

.pager a {
	display: inline-block;
	padding: 3px 5px;
	margin: 3px;
	background: #EEE;
	border-radius: 3px;
	min-width: 15px;
	text-align: center;
	color: #000;
	text-decoration: none;
}

.pager a:hover, .pager a.sel{
	background: #999;
}

.pager a.prev:before {	
	font: normal normal normal 14pt/1 FontAwesome;
	content: "\f060";
	color: #000;
	padding-left: 2px;
	font-size: 10pt;
	position: relative;
	top: -1px;
}

.pager a.next:before {	
	font: normal normal normal 14pt/1 FontAwesome;
	content: "\f061";
	color: #000;
	padding-left: 2px;
	font-size: 10pt;
	position: relative;
	top: -1px;
}

.search {
	margin-top: 30px;
	float: right;
	width: 300px;
}

.search form {
	margin: 3px 0;
}
.search a {
	font-size: 9pt;
	color: #000;
}
.search a:hover {
	color: #000;
}

.search button {
	border:0;
	border-radius: 3px;
	background: #F60;
	background: linear-gradient(to top, #ff5900, #ff7e00);
	box-shadow: inset 0px 0px 10px rgba(224,80,0,0.8);
	text-shadow: 0px 0px 3px rgba(224,80,0,0.8);
	color: #000;
	font-size: 9pt;
	font-weight: normal;
	padding: 5px 7px;
	text-transform: none;
}

.search button:hover {
	background: linear-gradient(to top, #ff7e00, #ff5900);
	text-shadow: 0px 0px 3px rgba(255,255,255,0.8);
}

.search input[type=text] {
	width: 190px;
	color: #000;
	border: solid 1px #CCC;
	border-radius: 3px;
	padding: 3px 5px;
}


.info_hr { height: 10px; border-top: solid 1px #CCC; margin-top: 15px;} 
.red {color: #C00;} 
.green {color: #090;}

.informer .weather_temp {
	height: 48px;
	font-weight: bold;
	line-height: 48px;
	margin: 3px 0;
}

.informer .weather_temp span {
	display: block;
	width: 48px;
	height: 48px;
	float: left;
	background-position: center;
	margin-right: 5px;
}

.informer .weather_param {
	margin: 0;
	padding: 0;
}

.table_kurs {
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 5px;
	border-collapse: collapse;
}
.table_kurs td {
	margin: 0px;
	padding: 0px;
	padding-bottom: 3px;
	padding-right: 10px;
}

button {
	border:0;
	border-radius: 3px;
	background: #F60;
	background: linear-gradient(to top, #ff5900, #ff7e00);
	box-shadow: inset 0px 0px 10px rgba(224,80,0,0.8);
	text-shadow: 0px 0px 3px rgba(224,80,0,0.8);
	color: #000;
	font-size: 10pt;
	padding: 10px 20px;
	text-transform: uppercase;
	font-weight: 600;
}

button:hover {
	background: linear-gradient(to top, #ff7e00, #ff5900);
	text-shadow: 0px 0px 3px rgba(255,255,255,0.8);
}

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

.feedback-html-sended {
	display: none;
}

.feedback-html form {
	background: #F9F9F9;
	border-radius: 5px;
	padding: 15px;
}

.feedback-html h3, .feedback-html h3:before {
	color: #377EC5;
}
.feedback-html h3 {
	margin: 5px 0;
}

.feedback-html label {
	display: block;
	font-weight: 300;
	margin-bottom: 3px;
}

.feedback-html label:after {
	content: ':';
}

.feedback-html textarea, .feedback-html input[type=text] {
	width: 99%;
	margin-bottom: 3px;
}

.form_content {
	margin-bottom: 10px;
}

.form-group {
	margin-bottom: 5px;
}

.feedback-html .desc{
	font-size: 8pt;
}


.alert {
	padding: 15px;
	padding-left: 45px;
	border: solid 1px #bce8f1;
	background-color: #d9edf7;
	border-radius: 3px;
	color: #377EC5;
	font-size: 9pt;
	margin-bottom: 15px;
}

.alert-big {
	font-size: 11pt;
}

.alert.alert-info::before {
	font-family: "FontAwesome";
	content: "\f05a";
	font-size: 16pt;
	float: left;
	margin-left: -30px;
	margin-top: -3px;
}

.alert.alert-danger::before {
	font-family: "FontAwesome";
	content: "\f057";
	font-size: 16pt;
	float: left;
	margin-left: -30px;
	margin-top: -3px;
}

.alert-big:before {
	margin-top: 0 !important;
}


.alert-danger {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a94442;
}

.alert ol {
	margin-left: 15px;
}

a.dot-link {
	display: inline-block;
	text-decoration: none !important;
	padding-right: 5px;
	min-width: 150px;
}
a.dot-link b {
	font-weight: normal;
}

a.dot-link:before {
	content: '\f046';
	font: normal normal normal 8pt/1 FontAwesome;
	margin-right: 3px;
}

.otstup {
	padding-right: 10px;
}

.btn {
	display: inline-block;
	text-decoration: none;
	border:0;
	border-radius: 3px;
	background: #F60;
	background: linear-gradient(to top, #ff5900, #ff7e00);
	box-shadow: inset 0px 0px 10px rgba(224,80,0,0.8);
	text-shadow: 0px 0px 3px rgba(224,80,0,0.8);
	color: #000;
	font-size: 10pt;
	padding: 10px 20px;
	text-transform: uppercase;
	font-weight: 600;
}

.btn:hover {
	background: linear-gradient(to top, #ff7e00, #ff5900);
	text-shadow: 0px 0px 3px rgba(255,255,255,0.8);
}


.item_table_blank {
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	margin-top: 20px;
}
.item_table_blank th, .item_table_blank td {
	font-size: 9pt;
	padding: 5px 10px; 
	border: solid 1px #CCC;
}

.item_table_blank p {
	margin: 0;
	padding: 0;
}

.div-blog-image {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}