/* Start:/bitrix/components/redcode/news/templates/services/bitrix/news.detail/.default/style.css?15227443547418*/

.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;}

#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%;}
}

@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%;}
}

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


/* Start:/bitrix/templates/redcode_corporatelight/components/bitrix/menu/leftMenu/style.css?1522744306353*/

.leftMenu{margin: 44px 0;}
	.leftMenu li{list-style-type: none; font-weight: 500; font-size: 15px; cursor: pointer; transition: background .15s;}
	.leftMenu li:last-child{margin: 0;}
		.leftMenu li a{color: #555; padding: 14px 23px 14px 23px; display: block;}
		.leftMenu li a:hover{background: #EAEAEA;}

	.leftMenu li.selected a{background: #E2E2E2;}
/* End */
/* /bitrix/components/redcode/news/templates/services/bitrix/news.detail/.default/style.css?15227443547418 */
/* /bitrix/templates/redcode_corporatelight/components/bitrix/menu/leftMenu/style.css?1522744306353 */