* {
	margin:0px;
	padding:0px;
}
html {
	height:100%;
}
body {
	font:16px/26px Arial, Helvetica, sans-serif;
	color:#434242;
	background:#fff url(../i/bg_body_all.gif) repeat-x center 101px;
	border-bottom:6px solid #5b5b5b;
}
/*.bg_body_main {
	background:url(../i/bg_body_main.gif) repeat-x center 62px;
}*/
.container {
	width:970px;
	margin:auto;
	position:relative;
}
.top {
	border-bottom:2px solid #5b5b5b;
	position:relative;
	height:46px;
}
.logo_main {
	position:absolute;
	left:425px;
	top:4px;
	z-index:2;
}
.logo_all {
	float:left;
	margin:5px 0px 0px -4px;
}
.s_form {
	float:left;
	width:220px;
	position:relative;
	left:-1px;
	top:21px;
}
.s_form_main {
	margin:0px 606px 0px 0px;
}
.s_form_all {
	margin:0px 494px 0px 30px;
}
.s_str {
	color:#7b7b7b;
	margin:7px 14px 0px 0px;
	width:171px;
	font:11px Tahoma, Geneva, sans-serif;
	float:left;
}
.s_btn {
	background:url(../i/s_btn.gif) no-repeat;
	height:23px;
	width:29px;
	cursor:pointer;
	position:relative;
	top:2px;
	float:left;
}
.social_top {
	float:left;
	width:144px;
	position:relative;
	top:23px;
}
.social_top li {
	float:left;
	margin:0px 0px 0px 7px;
}
.header_out {
	margin:-6px 0px 0px -3px;
	height:337px;
	background:url(../i/rectangle.png) no-repeat 0px 2px;
}
.header_in {
	height:335px;
	border-top:2px solid #ab1c1c;
	margin:0px 0px 0px 3px;
}
.slide {
	overflow:hidden;
	position:relative;
}
.slide_desc {
	float:left;
	width:438px;
}
.slide h1 {
	font:bold 30px Tahoma, Geneva, sans-serif;
	margin:56px 0px 24px;
}
.slide p {
	line-height:22px;
}
.wrap_more_slide {
	width:256px;
	border-bottom:1px solid #ab1c1c;
/*	margin:80px 0px 0px; */
	margin:33px 0px 0px;
	height:24px;
}
.more_slide {
	font-size:12px !important;
	text-transform:uppercase;
	color:#fff !important;
	text-decoration:none !important;
	background:#ab1c1c;
	padding:5px 8px 4px;
	position:relative;
	top:5px;
}
.slide img {
	float:left;
}
.bg_nav_top {
	background:url(../i/bg_nav_top.gif) repeat-x right 0px;
	margin:0px 0px 41px -17px;
}
.bg_nav_top_all {
	background:url(../i/bg_nav_top.gif) no-repeat right 0px;
	margin:0px 0px 30px 95px;
}
.nav_top {
}
.nav_top li {
	display:inline;
	margin:0px -4px 0px 0px;
}
.nav_top li a:link, .nav_top li a:visited, .nav_top li a:focus, .nav_top li a:active {
	font-size:12px;
	color:#5b5b5b;
	text-transform:uppercase;
	padding:8px 17px 0px;
	height:23px;
	display:inline-block;
}
.nav_top li a:hover, .active_top {
	color:#ab1c1c !important;
	text-decoration:none !important;
}
a:link#link_forum, a:hover#link_forum, a:visited#link_forum, a:focus#link_forum, a:active#link_forum {
	color:#fff !important;
	background:#ab1c1c;
	text-decoration:none !important;
}
.news_out {
	float:left;
	padding:0px 0px 20px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	line-height:16px;
}
.news_projects {
	margin:0px;
}
.news_out h3 {
	font-size:16px;
	font-weight:bold;
	color:#5b5b5b;
	text-transform:uppercase;
}
.news_date {
	margin:20px 0px 7px;
	border-bottom:1px solid #5b5b5b;
	height:18px;
}
.news_date span {
	color:#fff;
	background:#5b5b5b;
	padding:2px 6px 3px;
	text-align:center;
	font-size:14px;
}
.news_user {
	text-decoration:none !important;
	color:#7b7b7b !important;
}
.b_news_all {
	clear:both;
	margin:0px 0px 51px;
	overflow:hidden;
	height:30px;
}
.wrap_news_all {
	width:970px;
	border-top:1px solid #ab1c1c;
	float:left;
	position:relative;
	margin:0px 0px 0px 0px;
}
.wrap_news_projects {
	width:282px;
	border-top:1px solid #ab1c1c;
	float:left;
	position:relative;
	margin:0px;
}
.all_news span {
	font-size:11px;
	text-transform:uppercase;
	color:#fff !important;
	text-decoration:none !important;
	background:#ab1c1c;
	right:0px;
	padding:3px 12px;
	position:absolute;
	top:0px;
}
.news_out a:link, .news_out a:hover, .news_out a:visited, .news_out a:active, .news_out a:focus {
	font-size:12px;
	line-height:15px;
}
.content {
	clear:both;
	overflow:hidden;
}
.content_all {
	background:url(../i/rectangle.png) no-repeat 600px 10px;
	padding:60px 0px 0px;
	border-bottom:1px solid #5b5b5b;
	margin:-6px 0px 40px;
}
.content h1 {
	font-size:32px;
	font-weight:bold;
	color:#ab1c1c;
	margin:0px 0px 24px;
	line-height:1.3;
	text-transform:none;
}

.articles h1 {
	margin:20px 0px 24px;
}

.content h2 {
	font-size:24px;
	font-weight:bold;
	color:#ab1c1c;
	margin:32px 0px 16px;
	line-height:1.3;
}

.content h3 {
	font-size:20px;
	font-weight:bold;
	color:#5b5b5b;
	line-height:1.4;
	margin:24px 0px 12px;
}
.content h4 {
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	color:#5b5b5b;
	margin:30px 0px 10px;
}

#detail {
	font-size:16px;
	line-height:1.6;
}

#detail p {
	margin:0px 0px 24px;
}

#detail h1, #detail h2, #detail h3, #detail h4 {
	margin-top:32px;
	margin-bottom:16px;
}

#detail h1:first-child, #detail h2:first-child, #detail h3:first-child {
	margin-top:0;
}
.content ul li {
	background:url(../i/circle.gif) no-repeat 0px 7px;
	margin:0px 0px 20px;
	text-indent:16px;
}

.b_project ul li {
	background:none;
	margin:0px 0px 20px;
	text-indent:16px;
}

#detail ul li {
	background:url(../i/circle.gif) no-repeat 0px 9px;
	margin:0px 0px 12px;
	padding-left:16px;
	list-style-type: disc;
}

#detail ol li {
	margin:0px 0px 12px;
	padding-left:8px;
	list-style-type: decimal;
}

#detail p {
	margin:0px 0px 24px;
}
.content p {
	margin:0px 0px 18px;
}
.content p img {
	float:left;
	margin:0px 28px 10px 0px;
	border:1px solid #c2c2c2;
	padding:3px;
}

#detail img {
	max-width:100%;
	height:auto;
	border:1px solid #c2c2c2;
	padding:3px;
	margin:0px 0px 24px;
}

#detail p img {
	float:left;
	margin:0px 28px 24px 0px;
}

#detail table {
	width:100%;
	border-collapse:collapse;
	margin:0px 0px 24px;
}

#detail th, #detail td {
	border:1px solid #ddd;
	padding:12px;
	text-align:left;
}

#detail th {
	background:#f5f5f5;
	font-weight:bold;
}

#detail blockquote {
	margin:24px 0px;
	padding:16px 24px;
	background:#f9f9f9;
	border-left:4px solid #ab1c1c;
	font-style:italic;
}

#detail pre, #detail code {
	font-family:Consolas, Monaco, monospace;
	font-size:14px;
	background:#f5f5f5;
	padding:2px 4px;
	border-radius:3px;
}

#detail pre {
	padding:16px;
	overflow:auto;
	margin:0px 0px 24px;
}

#detail pre code {
	padding:0;
	background:none;
}

#detail hr {
	border:none;
	border-top:1px solid #ddd;
	margin:32px 0px;
}

.pathway {
	overflow:hidden;
	padding:0px 0px 6px;
	border-bottom:1px solid #5b5b5b;
	margin:0px 0px 19px;
}

#titleExt {
	margin:0px 0px 20px;
	padding:0px;
}

#titleExt h5 {
	font:11px Tahoma, Geneva, sans-serif;
	color:#828282;
	margin:0;
	padding:0;
}

#titleExt h5 a {
	color:#828282;
	text-decoration:none;
	font-size:11px;
}

#titleExt h5 a:hover {
	color:#ab1c1c;
	text-decoration:none;
}

#titleExt .ext {
	color:#5b5b5b;
	font-weight:bold;
}

.pathway li {
	float:left;
	color:#828282;
	margin:0px 0px 0px -10px !important;
	padding:0px 10px 0px 0px;
	background:none !important;
	text-indent:0px !important;
}
.pathway li a:link, .pathway li a:hover, .pathway li a:visited, .pathway li a:focus, .pathway li a:active {
	font:11px Tahoma, Geneva, sans-serif;
	color:#828282;
	padding:0px 8px 0px 10px;
	position:relative;
	top:-2px;
}
.pathway_last {
	color:#5b5b5b !important;
	font-size:11px;
	padding-left:10px !important;
}
.nav_content {
	margin:-20px 26px 0px 0px;
	float:left;
	border:1px solid #5b5b5b;
	width:235px;
	padding:15px 0px 14px;
}
.nav_content li {
	margin:0px 0px 2px !important;
}
.nav_content li a:link, .nav_content li a:visited, .nav_content li a:focus, .nav_content li a:active {
	color:#b33434;
	font:12px/20px Tahoma, Geneva, sans-serif !important;
	padding:0px 0px 0px 17px;
	display:block;
}
.nav_content li a:hover, .active_content {
	color:#5b5b5b !important;
	background:#eee;
	text-decoration:none !important;
}
.nav_left {
	padding:0px 10px 0px 0px;
	float:left;
/*	width:253px; */
}
.nav_left li, .nav_bot li {
	text-indent:0px !important;
	margin:0px !important;
	background:none !important;
}
.nav_left li a:link, .nav_left li a:visited, .nav_left li a:focus, .nav_left li a:active, .nav_bot li a:link, .nav_bot li a:visited, .nav_bot li a:focus, .nav_bot li a:active {
	font-size:14px;
	line-height:22px;
	color:#b33434;
}
.nav_left li a:hover, .nav_bot li a:hover, .active_left, .active_bot {
	color:#5b5b5b !important;
	text-decoration:none !important;
}
.b_project {
	overflow:hidden;
	padding:0px 0px 11px;
	border-bottom:1px solid #5b5b5b;
	margin:0px 0px 16px;
}
.b_project img {
	float:left;
	margin:0px 50px 10px 0px;
	_border:1px solid #c2c2c2;
	padding:3px;
}
.project_desc {
	margin:-3px 0px 0px !important;
}

/* Flex стили для карточек проектов (список категорий и проектов) */
.b_project_card {
	display:flex;
	gap:20px;
	align-items:flex-start;
}
.b_project_card img {
	float:none;
	margin:0px;
	flex-shrink:0;
	max-width:432px;
}
.b_project_card .project_content {
	flex:1;
	min-width:0;
}
.rside {
	float:left;
	width:707px;
	margin:-10px 0px 0px;
}
.gallery {
	overflow:hidden;
	margin:29px 0px 31px;
}
.single {
	border:1px solid #c2c2c2;
	float:left;
	margin:0px 31px 37px 0px;
	display:block;
	position:relative;
	height:234px;
	width:335px;
}
.single2 {
	border:1px solid #c2c2c2;
	float:left;
	margin:0px 31px 37px 0px;
	display:block;
	position:relative;
}
.loupe {
	background:url(../i/loupe.gif) no-repeat;
	position:absolute;
	right:-1px;
	height:17px;
	width:20px;
	bottom:-18px;
}
.tbl_p {
	margin:-7px 0px 25px !important;
}
.tbl_price {
	font-weight:bold;
	font-size:12px;
	padding-right:0px !important;
}
.tal {
	text-align:left !important;
}
.reset_pad {
	padding-right:0px !important;
}
.tbl_name {
	margin:0px 0px 11px;
}
.tbl_name a {
	font-weight:bold !important;
	font-size:16px !important;
}
.tbl_one {
	width:970px;
	font:11px Tahoma, Geneva, sans-serif;
	margin:0px 0px 26px;
}
.tbl_one thead {
	font-size:12px;
	border-bottom:1px solid #fbfafa;
	background:#e9e4e4;
}
.tbl_one thead td, .tbl_two thead td {
	padding-top:2px !important;
	padding-bottom:2px !important;
}
.tbl_title {
	font-size:14px;
	width:506px;
	text-align:left !important;
}
.tbl_one td {
	padding:5px 20px;
	text-align:center;
}
.tbl_two {
	width:971px;
	font:11px Tahoma, Geneva, sans-serif;
	margin:0px 0px 10px;
	text-align:right;
}
.tbl_two thead {
	font-size:12px;
	border-bottom:1px solid #fbfafa;
	background:#e9e4e4;
	height:46px;
}
.tbl_title_two {
	font-size:14px;
}
.tbl_two td {
	padding:5px 22px 5px 0px !important;
	border:1px solid #fff;
}
.price_red {
	font-size:18px;
	color:#ab1c1c;
}
.wrap_dl_doc {
	margin:0px 0px 27px;
	border-top:1px solid #c2c2c2;
	text-align:right;
	padding:2px 24px 0px 0px;
	background:url(../i/arrow_bot.gif) no-repeat right 0px;
	height:15px;
}
.dl_doc {
	font:11px Tahoma, Geneva, sans-serif !important;
	color:#b33434 !important;
}
.page_nav {
	overflow:hidden;
	margin:-20px 0px -10px;
}
.page_nav li {
	display:inline;
}
.page_nav li a:link, .page_nav li a:visited, .page_nav li a:focus, .page_nav li a:active {
	float:left;
	display:block;
	color:#b33434;
	background:#fff;
	font-size:12px;
	padding:0px 8px;
}
.page_nav li a:hover {
	color:#8f8f8f;
	text-decoration:none;
}
.arrows {
	text-decoration:none !important;
	font-size:14px !important;
	color:#5b5b5b !important;
}
.nav_bot {
	padding:0px 0px 17px;
	border-bottom:1px solid #5b5b5b;
	margin:-26px 0px 40px;
}
.nav_content li, .nav_left li, .nav_bot li, .lightbox li {
	text-indent:0px !important;
	background:none !important;
}
.footer {
	background:url(../i/bg_footer.gif) no-repeat;
	padding:56px 0px 14px;
	margin:38px 0px 0px;
}
.copyright {
	font-size:11px;
	color:#8f8f8f;
}
.nav_footer {
	margin:8px 0px 0px -5px;
}
.nav_footer li {
	display:inline;
	background:url(../i/brd_li.gif) no-repeat right 2px;
}
.nav_footer li:last-child {
	background:none;
}
.nav_footer li a:link, .nav_footer li a:hover, .nav_footer li a:visited, .nav_footer li a:focus, .nav_footer li a:active {
	font-size:11px;
	color:#b33434;
	padding:0px 11px 0px 5px;
}
.form_feedback label {
	color:#5b5b5b;
	font-size:11px;
}
.str_feedback {
	border:1px solid #c2c2c2;
	padding:6px 7px;
	width:321px;
	margin:0px 0px 6px;
	color:#5b5b5b;
	font:13px Arial, Helvetica, sans-serif;
}
#area_feedback {
	padding:7px;
	height:126px;
	width:321px;
	color:#5b5b5b;
	font:13px Arial, Helvetica, sans-serif;
}
.wrap_btn_feedback {
	border-top:1px solid #ab1c1c;
	margin:6px 0px 18px;
	width:337px;
	position:relative;
	height:21px;
}
.btn_feedback {
	cursor:pointer;
	background:#ab1c1c;
	padding:3px 6px;
	text-transform:uppercase;
	color:#fff;
	position:absolute;
	top:0px;
	right:0px;
	font-size:11px;
}
.required_txt {
	padding:0px 0px 21px;
	font:11px Tahoma, Geneva, sans-serif;
}
.star {
	font-size:11px;
	color:#ab1c1c;
}
.podcast_tool_sharer {
	border:0 solid #F0F0F0;
	display:inline;
	padding-left:0;
	padding-right:20px;
	float:left;
}
.podcast_tools {
	color:#909090;
	font-family:Tahoma;
	font-size:12px !important;
	padding-bottom:0.5em;
	padding-top:1em;
	margin:0px 0px 52px;
}
.podcast_tool_comments a {
	background:url("http://s.rpod.ru/i/icon_comments.gif") no-repeat scroll 1px 75% transparent;
	color:#909090 !important;
	padding-left:16px;
	text-decoration:none !important;
	font-size:12px !important;
}

.b_video {
    padding: 0px 0px 35px;
    border-bottom: 1px solid #5b5b5b;
}

a.share_facebook img {
	background:url("http://s.rpod.ru/i/srv/icon_facebook_bw.gif") no-repeat scroll 0 0 transparent;
}
a.share_twitter img {
	background:url("http://s.rpod.ru/i/srv/icon_twitter_bw.gif") no-repeat scroll 0 0 transparent;
}
a.share_vkontakte img {
	background:url("http://s.rpod.ru/i/srv/icon_vkontakte_dbl2.gif") no-repeat scroll 0 0 transparent;
}
a.share_buzz img {
	background:url("http://s.rpod.ru/i/srv/icon_buzz_dbl.gif") no-repeat scroll -16px 0 transparent;
}
a.share_yaru img {
	background:url("http://s.rpod.ru/i/srv/icon_yaru_bw.gif") no-repeat scroll 0 0 transparent;
}
a.share_mymail img {
	background:url("http://s.rpod.ru/i/srv/icon_mymail_bw.gif") no-repeat scroll 0 0 transparent;
}
input {
	border-width:0px;
	outline:none;
}
textarea {
	overflow:hidden;
	resize:vertical;
	outline:none;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
.clr {
	clear:both;
}
.mailto {
	font-weight:bold !important;
}
a img {
	border:none;
}
a:link, a:visited, a:active, a:focus {
	font:16px Arial, Helvetica, sans-serif;
	color:#ab1c1c;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

.gallery-box{
}
.view{
  position:relative;
  margin:0 0 0px;
}

.prev, .next{
  position:absolute;  
  width:40px;
  height:40px;
}
.prev{
  top: 253px;
  left:20px;
  background:url(./img/controls.png) no-repeat 0 0;
}
.next{
  top: 253px;
  right:20px;
  background:url(./img/controls.png) no-repeat -48px 0;
}
 
.slide{
  display:none;
}
.active{
	display:block !important;
}
.thumbnails a{
  float:left;
  margin:0 5px 0 0;
}