@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic&subset=latin,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700&subset=latin,cyrillic-ext');

html {
	background-color: #b7b7b7;
} 

body {
	color: #333;
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
	background: #fff;
}

@media (max-width: 576px) {
}

@media (max-width: 768px) {
}

@media (min-width: 768px) {
	/*	.head {
			min-height: 100px;
		}*/
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

h1, h2, h3, h4, .h1, .h2, .h3 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 400;
	letter-spacing: .025em;
	color: #004f8c;
}

h1, .h1 {
	font-size: 22px;
}

h2, .h2 {
	font-size: 120%;
}

h3, .h3 {
	font-size: 110%;
}

h4 {
	font-size: 100%;
}

a {
	color: #004f8c;
}

a:hover {
	color: #d58512;
	text-decoration: none;
}

h1, .h1 {
	margin: 0;
	padding: 0 0 12px;
	line-height: 120%;
}

h2, h3 {
	margin: 0;
	padding: 0 0 10px;
}

.small, small {
	font-size: 80%;
}
.vcenter {
   display: inline-block;
   vertical-align: middle;
   float: none;
}
/*** ROW TOP ***/
.row.top { margin: 14px 0; }

/* HEADER */
header {
}

.logo { margin: 4px 0 4px; }
.logo img { max-width: 100%; }

.top_line {
	height: 1px;
	border-top: 1px solid #ccc;
}

/* BOOTSTRAP */

.tooltip.top .tooltip-inner {
	background-color: #333;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #333;
}

.tooltip-inner {
	max-width: 280px;
	padding: 6px 8px;
}

.navbar-toggle {
	margin: 0px;
}

/* LANG */
button#lang_select {
	margin: 4px 0 0;
}

.lang_xs #lang_select {
	font-size: 11px;
	text-transform: uppercase;
	border: none;
	box-shadow: none;
	margin-bottom: auto;
}

.lang_xs .dropdown-menu {
	font-size: 100%;
	padding: 4px 6px;
	margin-right: 10px;
	min-width: 60px;
}

.lang_xs .dropdown-menu a {
	color: #212121;
	padding: 5px;
	text-transform: uppercase;
	display: block;
	text-align: center;
}

.lang_xs .dropdown-menu a:hover {
	color: #d95c49;
	text-decoration: none;
}

/*** NAVBAR ***/

ul#navbarCollapse {
	margin-right: auto;
	margin-left: auto;
	float: none !important;
}

ul#navbarCollapse.in {
	background: #fff;
}

nav {
}

.navbar {
	margin: 10px auto 0px;
}

.navbar-header {
	background-color: #989898;
	padding: 5px 0;
}

.navbar-collapse.in {
	overflow-y: visible;
}

.navbar-default {
	box-shadow: none;
	border: 0;
	border-radius: 0;
	background: #fff none;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #ccc;
}

.navbar-default .navbar-toggle {
	border-color: #fff;
}

.nav li.lang a {
	display: inline-block;
	color: #ccc !important;
	font-size: 12px !important;
	padding: 4px 6px;
	margin: 0 1px 0px 0;
	text-transform: lowercase;
}

.nav li.lang a.active, .nav li.lang a:hover {
	/*color: #b1b1b1;*/
}

.nav > li {
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.nav li > a {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 16px;
	/*text-transform: uppercase;*/
	text-decoration: none;
	font-weight: 400;
	color: #004f8c;
	padding: 4px 0px 0px;
	border-bottom: 3px solid transparent;
	cursor: pointer;
}

.nav > li > a:hover {
	color: #2f3a89;
	background-color: transparent;
	/*border-top: 3px solid #24292b;*/
}

.nav > li > a.active {
	color: #2f3a89;
	/*border-top: 3px solid #24292b;*/
}

.nav > li > a.active:hover {
	color: #2f3a89;
}

.nav > li > a.btn {
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 4px;
	margin: -6px 3px;
	cursor: pointer;
}

.nav > li > a.btn.btn-primary {
	color: #fff;
}

.nav > li > a.btn.btn-primary:hover {
	color: #17365d;
	border-color: #ddd;
}

.nav .dropdown-menu {
	margin-top: 8px;
	padding: 6px;
	border: 0;
	box-shadow: none;
	background-color: #004f8c;
}

.nav .open > a, .nav .open > a:hover {
	background-color: transparent;
	/*color: #e1dab7;*/
	border-bottom: none;
}

.nav .list-group, aside .list-group, aside .panel-body {
	/*box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);*/
}
/* выпадающий список */
.nav .list-group-item {
	background-color: #004f8c;
}

.nav a.list-group-item {
	font-size: 13px;
	display: block;
	padding: 4px 2px 4px 6px;
	text-decoration: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 0;
	color: #fff;
}

.nav a.list-group-item:hover {
	background-color: transparent;
	color: #fff;
	text-decoration: underline;
}

.dropdown-menu { margin-top: 0; }

.content { background-color: #fff; margin: 0; padding: 20px 0; }
.content img {max-width: 100%;}
.content.home { padding: 0px; }

aside { }
aside ul { margin: 10px 0 0; padding: 0; list-style: none; }
aside ul li { margin: 0; padding: 4px 0 3px; border-bottom: 1px solid #eee;}
aside a.active { color: #ed2027; }
aside .catmenu li {padding: 0 0 1px;}
aside .catmenu li a { display: block; padding: 4px 0;}

.home article { padding: 20px; }

a.logo-mid { display: block; text-align: center; } 
a.logo-mid img { display: inline-block; }

/* BANNERS */
.bn { margin: 20px 0; text-align: center; }
.bn a { display: block; margin: 0 0 10px; }
.bn img { max-width: 100%; height: auto; }

/*** ANNOUNCES ***/
.slider-wrapper {
	background-color: #fafafa;
	padding: 20px 0;
	border-radius: 4px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075);
	border: 1px solid #ccc;
	margin: 0 6px;
}

.slider-wrapper.announces {
	margin-top: 10px;
}

ul.announces .block_comment {
	margin: 0;
	padding: 0 0 4px;
	font-size: 13px;
}

ul.announces .block_comment p {
	padding: 0;
	margin: 0;
}

aside ul.announces {
	margin: 20px 0 16px;
}

ul.announces {
	list-style: none;
	padding-left: 0;
}

ul.announces li {
	padding: 5px 0px 6px;
	background: none;
	clear: both;
}

.home ul.announces li {
	padding: 10px 4px 6px;
}

ul.announces h3 {
	margin: 0;
	padding: 0 0 2px;
	font-size: 16px;
}

a.seemore {
	font-size: 12px !important;
	/*color: #2f3a89;*/
	font-weight: 400;
	text-decoration: underline;
}

a.all_news {
	clear: both;
	display: block;
	margin: 10px 20px 0;
	text-align: center;
	font-size: 14px;
}

a.seemore:hover, a.all_news:hover {
	color: #d96c00;
}

.details {
	font-size: 20px;
}
/* ITEMS */
.items_all { text-align: center; }
.items_all section { margin: 6px 6px 6px 0; }
.items_all > div > section { height: 176px; }
.items_all h2 { margin-top: 20px; padding-bottom: 4px; }
.items_all img { max-width: 100%; max-height: 120px; }
.items_all .comment { visibility: hidden; height: 0px; width: 1px; }
.items_all .thumbnail a>img{height: 99px;}

/* MEDIA */
.home .media-list li {
	padding-right: 4px;
	padding-left: 4px;
	max-height: 61px;
}

.media {
	padding: 3px;
	margin: 0 0 8px 0;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: none;
}

.media:first-child {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.gallery div.media {
	max-height: 97px;
}

.media-left {
	padding-right: 8px;
}

.media-left img {
	border-radius: 4px 0 0 4px;
}

.cat .media .media-left {
	max-width: 200px;
}

img.media-object {
	max-width: 100%;
	min-width: 46px;
	height: auto;
}

.media-heading {
	font-size: 16px;
}

.media-heading a {
}

.media-heading a:hover {
	color: #f37021;
}

ul.signs {
	margin: 30px 0;
	padding: 0;
}

ul.signs.popcomment .comment {
	visibility: hidden;
	height: 0px;
	width: 1px;
}

ul.signs li {
	float: left;
	width: 80px;
	height: 80px;
	text-align: center;
	margin: -1px 6px 6px -1px;
	padding: 16px;
	list-style: none;
	border: 1px solid #ccc;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

ul.signs li.empty {
	background-color: #f5811f;
}

.popcomment .media {
	overflow: visible;
	max-height: 56px;
}

.media-body {
	width: auto;
}

.media-body p {
	max-height: 67px;
	overflow: hidden;
	font-size: 90%;
}

/*** BREADCRUMB ***/
.breadcrumb { margin: 4px 0 8px; padding: 1px 1px 1px 10px; font-size: 10px; background: #f5f5f5; font-family: "Open Sans Condensed", sans-serif; }
.breadcrumb span { position: relative; padding: 0 0 0 25px; }
.breadcrumb a { text-decoration: none; }
.breadcrumb span:after {
	content: '';
	position: absolute;
	top: 22%;
	right: 8px;
	height: 0;
	width: 0;
	border: 4px solid transparent;
	border-left-color: #3a638c;
	/*	border-left-color: rgba(58, 99, 140, 1.0);*/
}

/* PAGER */
.pager li {
	padding: 0;
	background: none;
}

/*** NEWS ***/
.news .media-left {
	width: 120px;
	max-height: 120px;
}

/*** CTG ALL ***/
.ctg_all { margin-top: 20px; text-align: center; } 
.ctg_all section { margin-bottom: 20px; }
.ctg_all section div.ctg_one {height: 136px; border: 1px solid #ddd; border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,.075);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);}
.ctg_all section div.ctg_one:hover{
	box-shadow: 0 1px 2px rgba(0,0,0,.475); 
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.475);}
.ctg_all section .ctg_one h2 { position: absolute; height: 36px; bottom: 0; left: 16px; right: 16px; margin: 0; text-align: center; padding: 0; font-weight: normal; background-color: rgba(255, 255, 255, 0.68); opacity: 0.94;}
.home .ctg_all section { margin-bottom: 20px; }
.ctg_all .img-thumbnail {
	box-shadow:none;-webkit-box-shadow:none;border:none;
	}

/*** ITEM ONE ***/
.item_one {
}

.item_one .tab-content {
	margin: 20px;
}

.item_one img, .adf img {
	max-width: 100%;
	height: auto;
}

.item_one .comment {
	margin: 0 0 20px;
}

.item_one .block_img {
	position: relative;
	font-size: 100%;
	padding-bottom: 0px;
	margin-bottom: 12px;
	text-align: center;
	vertical-align: middle;
}

.item_one #colors ul {
	margin: 0;
	padding: 0;
}

.item_one #colors li {
	list-style: none;
	display: inline-block;
	margin: 0 10px 10px 0;
	width: 24px;
	height: 90px;
	background-position: center;
}

.item_one #systems h2 {
	cursor: pointer;
	font-size: 22px;
	background: #eee;
	margin: 0 0 6px;
	padding: 6px 10px 6px 20px;
}

.item_one #systems h2 .glyphicon {
	color: #58a623;
}

.item_one #systems h2 .glyphicon:hover {
	color: #f80;
}

.item_one #systems h2:hover {
	color: #58a623;
}

.item_one #systems .collapse {
	margin: 0 0 20px;
	border-bottom: 1px solid #58a623;
}

.item_one #systems .block_img {
	/*max-width: 300px;*/
}

.phone p {
	margin: 0;
	padding: 0;
}

.phone, a.phone_callback, a.feedback {
	float: right;
	padding: 4px 2px 4px;
	margin: 6px 0 0 6px;
	font-size: 15px;
	font-weight: 700;
	font-family: 'Open Sans Condensed', sans-serif;
	display: block;
}

footer a.phone_callback {
	padding: 0 2px 4px;
	margin: 0 0 10px 6px;
}

.phone p, a.phone_callback p, a.feedback p {
	margin: 0;
	padding: 0;
}

a.phone_callback {
	text-decoration: none;
}

a.phone_callback:hover {
	cursor: pointer;
}

.visible-xs .phone {
	background-color: transparent;
	float: none;
	display: inline-block;
	padding: 0;
	margin: 10px 0 0;
}

/* Contacts - Recipient List */
.contacts_list {
	margin: 2px 0 4px;
	padding: 0;
	border-bottom: 1px dotted #ddd;
}

.contacts_list section {
	padding-left: 26px;
}

.contacts_list h3 {
	padding-bottom: 2px;
}

.contacts_list p {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.contacts_list > h3 > a:first-child {
	color: #e04006;
}

.contacts_list > h3 > a {
	color: #666;
}

a.feedback {
	background-color: #209be8;
	text-decoration: none;
}

a.feedback:hover {
	background-color: #0474ba;
}

.lang {
	margin: 10px 10px;
	padding: 3px 15px 0 0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-align: right;
}

.lang a {
	color: #f4811f;
	padding: 0 4px;
}

.lang a:hover, .lang a.active {
	color: #945448;
}

/* Contacts */
.feedback_form {
	margin: 0px 0 0 0 !important;
	clear: both;
}

.feedback_form label {
	font-weight: normal;
}

input.captcha {
	width: 40%;
}

.input-group-addon {
	width: auto;
	padding: 0 !important;
}

.btn {
	background-image: none !important;
	text-shadow: none !important;
}

/* Footer */
footer {
	padding: 6px 0 0;
	background: #6a6a6a;
}

.footer_copyright {
	padding: 20px;
	font-size: 12px;
	color: #fff;
}

.footer_copyright a {
	color: #fff;
}

.footer_copyright a:hover {
	color: #f5811f;
}

/* скрол-кнопка "наверх" */
.b-top {
	z-index: 2600;
	position: fixed;
	right: 96px;
	bottom: 36px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.b-top:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: pointer;
}

.b-top-but {
	z-index: 2600;
	position: absolute;
	display: block;
	width: 73px;
	height: 73px;
	padding: 40px 0 0;
	color: #496389;
	font-size: 12px;
	text-align: center;
	bottom: 40px;
	margin: 0 0 0 100%;
	background: url("/pict/arrow.png") no-repeat 0 0;
}

/* WOOK */
.tiles-wrap li {
	width: 220px;
	background-color: #fff !important;
}

.tiles-wrap a {
	text-align: center;
	text-decoration: none;
	font-size: inherit;
	font-weight: normal;
}

.tiles-wrap img {

}

/* Carousel */
.carousel {
	margin: 0 0 0;
}

.carousel-inner .item {
	text-align: center;
}

.carousel-inner a {
	display: inline-block;
}

.carousel-inner > .item > img {
	width: 100%;
}

.carousel-indicators {
	bottom: 0px;
}

.carousel-indicators li {
	border-color: #ccc;
}

.carousel-indicators .active {
	background-color: #ddd;
}

.carousel-caption {
	color: #000;
	right: 8px;
	left: 65%;
	bottom: 8px;
	background-color: rgba(255, 255, 255, 0.7);
	padding-top: 6px;
	padding-bottom: 10px;
	text-shadow: 0px 0px 1px rgba(150, 150, 150, 1);
	height: 140px;
	overflow: hidden;
}

.carousel-caption h3 {
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: 600;
	font-size: 22px;
	color: #333;
	margin: 4px 16px;
	padding: 0;
	text-align: right;
}

.carousel-caption p {
	font-weight: normal;
	font-size: 18px;
	margin: 0;
	padding: 0 10px;
	text-align: right;
}

.page_nav {
	text-align: center;
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: 700;
}

.pagination {
	display: inline-block;
	margin: 2px 0;
	padding-left: 0;
	border-radius: 4px;
}

ul.pagination {
	padding: 0 20px;
	margin: 0;
}

.pagination li {
	background-image: none !important;
	padding: 0 !important;
}

.pagination > li > a, .pagination > li > span {
	color: #5f2b17;
	background: none;
	margin: 8px 0 0;
	padding: 0 6px;
	border: none;
	font-size: 15px;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	background: none;
	color: #e0b54b;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	background-color: transparent;
	border-color: transparent;
	color: #e0b54b;
}

.pagination > .active > a {
	background: none;
	color: #e0b54b;
	border: none;
}

/*** PRINT ***/
a.print_version {
	background-color: #f5f5f5;
	color: #666;
	font-size: 12px;
	display: inline-block;
	text-decoration: none;
	padding: 4px 6px;
	margin: 20px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #d2d2d2;
}

a.print_version:hover {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #ccc;
	-webkit-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, .2);
	-moz-box-shadow: inset 0px 0px 4px rgba(0, 0, 0, .2);
	box-shadow: inset 0px 0px 4px rgba(0, 0, 0, .2);
}

.date {
	color: #b9b9b9;
	display: block;
	font-size: 13px;
}

.color_red {
	color: red;
}

.upper {
	text-transform: uppercase;
}

table.tbl1 {padding:0 0 12px 0;}
table.tbl1 td{padding:0px 2px;border-bottom:1px solid #e8e8e8;text-align: center;_background-color:#ffffff;}
table.tbl1 tr:hover{background-color: #f9f9f9;}
table.tbl1 thead th {text-align: center;padding: 0 3px; vertical-align: top;}