/* Start:/bitrix/templates/redcode_corporatelight/components/bitrix/breadcrumb/.default/style.css?1510062447392*/

.breadwrap{overflow: hidden; max-width: 1200px; margin: 0 auto;}
	.bx-breadcrumb-item{float: left; color: #fff; font-size: 13px; margin: 0 7px 7px 0; font-weight: 500;}
	.bx-breadcrumb-item:last-child{margin: 0;}
		.bx-breadcrumb-item i{margin:0 7px 0 0; opacity: .6;}
		.bx-breadcrumb-item a, .bx-breadcrumb-item > span{color: #fff; opacity: .6;}
			.bx-breadcrumb-item a:hover{opacity: 1;}
/* End */


/* Start:/bitrix/templates/redcode_corporatelight/components/redcode/news/services/bitrix/news.detail/.default/style.css?15155764268521*/
.newsDetail{padding: 30px 0 10px 0; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0, .12); margin: 0 0 40px 0; position: relative;}

.newsDetail h1,
.newsDetail h2,
.newsDetail h3,
.newsDetail h4,
.newsDetail h5{
margin: 0 0 10px 40px;
}


.newsDetail .vendors-list{
	position: relative;
	overflow: hidden;
	clear: both;
	padding: 40px;
}

.newsDetail .vendors-item{
	width: 19%;
	margin: 10px 2%;
	border: 1px solid #cdcdcd;
	height: 150px;
	line-height: 150px;
	float: left;
	position: relative;
	overflow: hidden;
	text-align: center;
	display:flex;
	align-items: center;
	justify-content: center;
}


.newsDetail .vendors-item img{
	max-width: 90%;
	max-height: 70px;
	display: inline-block;
}

.newsDetail .vendors-item:after {
    content: '';
  
    position: absolute;
    right: 0;
    bottom: 0px;
    width: 20px;
    height: 20px;
    border-bottom: 2px solid #047CC0;
    border-right: 2px solid #047CC0;
}

.newsDetail .vendors-item:before {
    content: '';
  
    position: absolute;
	left: 0;
    top: 0;
    
    width: 40px;
    height: 40px;
    border-top: 2px solid #047CC0;
    border-left: 2px solid #047CC0;
}

#tabulation{margin: 0 0 40px 0;}
	.tabulationHeader{}
		.tabulationHeader .tab{display: inline-block; margin: 0 0 20px 0;}
		.tabulationHeader .tab:first-child{margin: 0 15px 20px 0;}
			.tabulationHeader h2{font-weight: 500; font-size: 13px; background: #eaeaea; cursor: pointer; color: #757575; padding: 12px 25px; border: 2px solid transparent;}
			.tabulationHeader h2:hover{background: #e2e2e2;}
			.tabulationHeader h2.active{color: #fff; background:#EF6C00; border-radius: 2px;}
			
	.tabulationBody{}
	.tabulationBody > div{display: none;}
	.tabulationBody > div:first-child{display: block;}
	
		.priceElements{background: #fff; box-shadow: 0 1px 1px rgba(0,0,1, .12);}
			
			.priceElement{font-weight: 400; border-top: 1px solid #f4f4f4;}
		.priceHeader{color: #EF6C00; font-size: 13px; font-weight: 500; padding: 9px 0;}
			.priceHeader .td_1, .priceHeader .td_3 {color: #EF6C00;}
		.td_1{width: 8%; text-align: center; padding: 15px 0; color: #b1b1b1;}
		.td_2{width: 52%; font-weight: 500;}
		.td_3{width: 20%; color: #b1b1b1;}
		.td_4{width: 20%; font-weight: 500;}

		.priceElement div, .priceHeader div{display: inline-block; vertical-align: middle; box-sizing: border-box;}
		.priceHeader div{border-right: 1px solid #f4f4f4;}
			.priceHeader div:last-child{border: none;}
			
		.priceHeader .td_2, .priceHeader .td_3, .priceHeader .td_4{padding: 13px 20px;}
		.priceElement .td_2, .priceElement .td_3, .priceElement .td_4{padding: 24px 20px;}


		.documentElements{background: #fff; padding: 43px; box-shadow: 0 1px 1px rgba(0,0,0,.12);}
			.documentElement{width: 47%; margin-bottom: 6%; display: inline-block; vertical-align: top;}
			.documentElement:nth-child(odd){margin: 0 6% 6% 0;}
			.documentElement:nth-last-child(1), .documentElement:nth-last-child(2){margin: 0 6% 0 0;}
			.documentElement:nth-child(even){margin-right: 0;}

				.documentElement > div{float: left; width: 79%;}
				.documentElement > div:first-child{width: 21%;}
					.documentElement div div{background: #d22027; position: relative; width: 52px; height: 69px;}
					.documentElement div div:before{position: absolute; border-top: 20px solid #fff; border-right: 20px solid transparent;
						content: "";
					}
					.documentElement .angle{position: absolute; border-bottom: 20px solid #9c2423; border-left: 20px solid transparent;
						content: "";
					}
						.documentElement .format{text-transform: uppercase; font-size: 13px; color: #fff; position: absolute; bottom: 10px;
							left: 11px; font-weight: 500;
						}
					.documentElement a{ font-weight: 500; text-decoration: underline;}
						.documentElement a:hover{text-decoration: none;}
					.documentElement div p{margin: 7px 0 0 0; color: #b1b1b1; font-size: 13px;}


#askQuestion{margin: 0 0 75px 0; padding: 24px 34px; background: #fff; transition: box-shadow .25s;}
	#askQuestion:hover{box-shadow: rgba(0,0,0,.12) 0 35px 90px;}
	#askQuestion .markQuestion{display: inline-block; vertical-align: middle; width: 11%;}
		#askQuestion .markQuestion p{border-radius: 50%; line-height: 65px; height: 65px; text-align: center; color: #EF6C00; font-size: 45px;
			width: 65px;
		}
	#askQuestion .textBlock{display: inline-block; vertical-align: middle; width: 89%;}
		#askQuestion .textBlock div{display: inline-block; vertical-align: middle; width: 80%; position: relative; box-sizing: border-box;
			line-height: 1.5; padding: 18px 45px 18px 13px;
		}
			#askQuestion .textBlock div p{font-size: 15px;}
			#askQuestion .textBlock div span{font-weight: 700;}
		#askQuestion a{font-weight: 500; font-size: 15px; color: #fff; background: #EF6C00; padding: 16px  30px; outline: none; cursor: pointer;
			display: inline-block; vertical-align: middle; box-sizing: border-box; text-align: center; width: 20%; border-radius: 2px;
			box-shadow: 0 2px 8px rgba(239,108,0, .27);
		}


@media all and (max-width: 1150px) {
	#askQuestion .textBlock div{width: 77%;}
	#askQuestion a{width: 23%;}
}

@media all and (max-width: 1150px) {
	.documentElement > div{width: 76%;}
	.documentElement > div:first-child{width: 24%;}
}

@media all and (max-width: 1060px) {
	#askQuestion .textBlock div{padding: 0 30px 0 20px;}
}

@media all and (max-width: 1023px) {
	.documentElements{padding: 30px;}
}

@media all and (max-width: 970px) {
	.documentElement > div{width: 73%;}
	.documentElement > div:first-child{width: 27%;}
	.tabulationBody .td_2{width: 48%;}
	.tabulationBody .td_4{width: 24%;}
	#askQuestion{padding: 20px 30px;}
		#askQuestion .textBlock div{width: 75%;}
		#askQuestion a{width: 25%;}
}

@media all and (max-width: 900px) {
	.documentElements{padding: 43px;}
		.documentElement > div:first-child{width: 21%;}
		.documentElement > div{width: 79%;}
	#askQuestion .textBlock div{padding: 18px 45px 18px 13px;}
}

@media all and (max-width: 800px) {
	.priceElement .td_2, .priceElement .td_3, .priceElement .td_4{padding: 24px 10px;}
	
	.documentElement > div:first-child{width: 24%;}
	.documentElement > div{width: 76%;}
	
	.newsDetail .vendors-item{
		width: 45%;
	}
	
}

@media all and (max-width: 710px) {
	#askQuestion .markQuestion{width: 15%;}
	#askQuestion .textBlock{width: 85%;}
	#askQuestion .textBlock div{padding: 18px 25px 18px 13px;}
	
	.documentElement > div:first-child{width: 28%;}
	.documentElement > div{width: 72%;}
}

@media all and (max-width: 650px) {
	#askQuestion .markQuestion{width: 100%; display: block;}
	#askQuestion .textBlock{width: 100%;}
	
	.documentElement > div:first-child{width: 31%;}
	.documentElement > div{width: 69%;}
	
	
}

@media all and (max-width: 620px) {
	.priceHeader .td_2, .priceHeader .td_3, .priceHeader .td_4{padding: 13px 10px;}
	.td_3{width: 20%;}
	.priceHeader div{border: 0;}
	
	.documentElements{padding: 30px;}
		.documentElement > div:first-child{width: 33%;}
		.documentElement > div{width: 67%;}
}

@media all and (max-width: 530px) {
	.documentElements{padding: 20px;}
		.documentElement > div:first-child{width: 35%;}
		.documentElement > div{width: 65%;}
			.documentElement a{font-size: 13px;}
			.documentElement div p{font-size: 12px;}
	
	#askQuestion .textBlock div{width: 70%;}
	#askQuestion a{width: 30%;}
	
	.priceElement .td_1, .priceHeader .td_1{display: none;}
	.tabulationBody .td_2{width: 50%;}
	.tabulationBody .td_3{width: 22%;}
	.tabulationBody .td_4{width: 28%;}
}

@media all and (max-width: 490px) {
	#askQuestion .markQuestion{position: absolute; width: auto;}
	#askQuestion .textBlock div{width: 100%; padding: 8px 10px 30px 75px;}
	#askQuestion a{margin: 0 auto; display: block; width: 150px; padding: 13px 0px;}
	
	.documentElement{width: 100%; margin: 0 0 30px 0 !important;}
	.documentElement:last-child{margin-bottom: 0 !important;}
		.documentElement > div:first-child{width: 70px;}
		.documentElement > div{width: 75%;}
			.documentElement a{font-size: 15px;}
			.documentElement div p{font-size: 13px;}
}

@media all and (max-width: 420px) {
	.priceElement .td_3, .priceHeader .td_3{display: none;}
	.tabulationBody .td_2{width: 60%;}	
	.tabulationBody .td_4{width: 40%;}
	.priceHeader{font-size: 12px;}
	.priceElements{font-size: 14px;}
}

@media all and (max-width: 390px) {
	#askQuestion{padding: 20px;}
	#askQuestion .textBlock div{padding: 8px 0px 30px 70px;}
	
		.documentElement > div{width: 70%;}
		
	.newsDetail .vendors-item{
		width: 95%;
	}
}

@media all and (max-width: 350px) {
	.documentElement > div{width: 65%;}
}
/* End */


/* Start:/bitrix/templates/redcode_corporatelight/components/bitrix/menu/leftMenu/style.css?15117863034403*/
.metro {
    list-style: none;
    padding: 15px 0 80px 0;
    margin: 0px 0 0 10px;
    border-left: 5px solid #DAE4F1;
}
.metro li {line-height: 2em;}
.metro ul {
  margin: 20px 0 20px 15px;
  padding: 0;
  border: none;
  list-style: none;
}
.metro ul:before, .metro ul:after {
  content: "";
  width: 5px;
  height: 28px;
  background: #DAE4F1;
  position: relative;
  display: block;
  left: -9px;
}
.metro ul:before {
  transform: rotate(-45deg);
  margin-top: -15px;
}
.metro ul:after {
  transform: rotate(45deg);
  bottom: -20px;
}
.metro ul li {border-left: 5px solid #DAE4F1;}
.metro ul li:first-child {
  margin-top: -5px;
  padding-top: 5px;
}
.metro ul li:last-child {
  padding-bottom: 9px;
  margin-bottom: -25px;
}
.metro a {
    text-decoration: none;
    display: block;
    font-family: 'Noto Sans', sans-serif;
    color: #4A4B4D;
    padding-left: 20px;
    line-height: 22px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.metro a:before {
    content: "";
    display: inline-block;
    background: #047CC0;
    width: 16px;
    height: 16px;
    left: -33px;
    position: relative;
    border-radius: 50%;
    margin-right: -14px;
    top: 2px;
    border: 2px solid #fff;
}

.sidebar h3
{
    text-align: left;
    padding: 20px 20px 20px 90px;
    color: #047CC0;
    text-transform: uppercase;
    font-size: 28px;
    border-bottom: 5px solid;
    margin-bottom: 0px;
    font-weight: 400;
	background: url(/include_areas/header/logo-atom-mini.png) left center no-repeat;
}

.root-item-selected, 
.item-selected{
    background: #047CC0;
    color: #fff !important;
}

.metro a:hover {
	color: #047CC0 !important;
	background: #DAE4F1;
}



ul#vertical-multilevel-menu, #vertical-multilevel-menu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 214px;
	font-size:12px;
}

/*Submenu box*/
#vertical-multilevel-menu li ul
{
	position:absolute;
	/*top:-999em;*/
	top:auto;
	display:none;
	z-index:500;
	height:auto;
	border:1px solid #C1C1C1;
	border-bottom:none;
	width:200px;
}

/* Submenu Items */
#vertical-multilevel-menu li a
{
	display: block;
	text-decoration: none;
	color: #4F4F4F;
	font-weight:bold;
	padding: 5px;
	background:#F5F5F5;
	border-bottom:1px solid #C1C1C1;
}

/*Items selected*/
#vertical-multilevel-menu li a.item-selected
{
	background-color: #D6D6D6;
}

/*Items Hover */
#vertical-multilevel-menu li a:hover
{
	background-color: #D6D6D6;
}

/*Rootmenu Items*/
#vertical-multilevel-menu a.root-item
{
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding:5px 0 7px 35px;
	background:#61656A url(/bitrix/templates/redcode_corporatelight/components/bitrix/menu/leftMenu/images/item_bg.gif) 0 0 no-repeat;
	border:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	/*height:26px;
	overflow:hidden;*/
}

/*Rootmenu Items hover*/
#vertical-multilevel-menu a.root-item:hover, #vertical-multilevel-menu a.root-item-selected:hover
{
	background:#61656A url(/bitrix/templates/redcode_corporatelight/components/bitrix/menu/leftMenu/images/item_bg.gif) 0 -26px no-repeat;
}

/*Rootmenu Items Selected*/
#vertical-multilevel-menu a.root-item-selected
{
	color:#fff;
	font-weight:bold;
	font-size:12px;
	padding:5px 0 7px 35px;
	background:#61656A url(/bitrix/templates/redcode_corporatelight/components/bitrix/menu/leftMenu/images/item_bg.gif) 0 -26px no-repeat;
	border:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	/*height:26px;
	overflow:hidden;*/
}

/*Parent item*/
#vertical-multilevel-menu a.parent
{
	background: #F5F5F5 url(/bitrix/templates/redcode_corporatelight/components/bitrix/menu/leftMenu/images/arrow.gif) center right no-repeat;
	padding-right:10px;
}

/*Denied items*/
#vertical-multilevel-menu a.denied
{
	background: #F5F5F5 url(/bitrix/templates/redcode_corporatelight/components/bitrix/menu/leftMenu/images/lock.gif) center right no-repeat;
	color:#DDDDDD;
	padding-right:10px;
}

/* Holly Hack. IE Requirement \*/
* html ul#vertical-multilevel-menu li { float: left; height: 1%; }
* html ul#vertical-multilevel-menu li a { height: 1%; }
/* End */


/*Submenu margin*/
#vertical-multilevel-menu li ul.root-item
{
	margin:-27px 0 0 210px;
}

#vertical-multilevel-menu li ul
{
	margin:-27px 0 0 133px;
}

/*Submenu hide*/
#vertical-multilevel-menu li:hover ul ul,
#vertical-multilevel-menu li.jsvhover ul ul,
#vertical-multilevel-menu li:hover ul ul ul,
#vertical-multilevel-menu li.jsvhover ul ul ul
{
	/*top:-999em;*/
	display:none;
}

/*Submenu show*/
#vertical-multilevel-menu li:hover ul,
#vertical-multilevel-menu li.jsvhover ul,
#vertical-multilevel-menu li li:hover ul,
#vertical-multilevel-menu li li.jsvhover ul,
#vertical-multilevel-menu li li li:hover ul,
#vertical-multilevel-menu li li li.jsvhover ul
{
	/*z-index:1000;
	top:auto;*/
	display:block;
}

/* End */


/* Start:/bitrix/templates/redcode_corporatelight/components/redcode/info.list/onTopicArticle/style.css?1510057176913*/

.onTopic{}
.onTopic > div{margin: 0 0 40px 0;}
.onTopic > div:last-child{margin: 0;}
	.onTopicArticle{font-weight: 500; transition: box-shadow .25s; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,.12);
		padding-bottom: 25px;
	}
	.onTopicArticle:hover{box-shadow: rgba(0,0,0,.12) 0 35px 90px;}
		.onTopicArticle .img{height: 165px; width: 100%; margin: 0 0 20px 0; position: relative; display: block;}
			.onTopicArticle .img span{position: absolute; bottom: 15px; left: 24px; font-size: 9px; color: #fff; background: #EF6C00;
				padding: 6px 11px; text-transform: uppercase; border-radius: 2px; font-weight: 700;
			}
		.onTopicArticle p{color: #bbb; font-size: 11px; margin: 0 0 13px 0; padding: 0 24px;}
		.onTopicArticle .name{font-weight: 500; font-size: 15px; padding: 0 24px;}
			.onTopicArticle .name a{color: #131720; line-height: 1.2;}
			.onTopicArticle .name a:hover{text-decoration: underline;}
/* End */
/* /bitrix/templates/redcode_corporatelight/components/bitrix/breadcrumb/.default/style.css?1510062447392 */
/* /bitrix/templates/redcode_corporatelight/components/redcode/news/services/bitrix/news.detail/.default/style.css?15155764268521 */
/* /bitrix/templates/redcode_corporatelight/components/bitrix/menu/leftMenu/style.css?15117863034403 */
/* /bitrix/templates/redcode_corporatelight/components/redcode/info.list/onTopicArticle/style.css?1510057176913 */