/* Start:/local/templates/regprod/components/bitrix/news/services/bitrix/news.detail/.default/style.css?155819373710199*/

.newsDetail{}

#tabs {margin: 50px 0 0 0;}
	#tabsHeader {font-size: 13px;}
		#tabsHeader div {padding: 14px 23px; border-radius: 40px; display: inline-block; margin: 0 13px 15px 0; color: #FFF;
			cursor: pointer;
		}
		#tabsHeader div:not(.active) {background: #FBFBFB; border: 1px solid #E3E3E3; color: #717171;}
		#tabsHeader div.active {padding: 15px 23px;}
		#tabsHeader div:last-child {margin-right: 0;}
	
	#tabsBody {margin: 35px 0 0 0;}
		#tabsBody > div:not(.active) {display: none;}
		#tabsBody > div.active {display: block;}

		
		/* PRICE_LIST */
		.servicesPrice {background: #fff; box-shadow: 0px 30px 70px rgba(0, 0, 0, .075); border-radius: 8px;}
			.priceHeader {font-size: 13px; color: #8F8F8F; padding: 25px 0 26px 0;}
			.priceElement {border-top: 1px solid #F1F1F1; padding: 26px 0;}
				.priceElement div, .priceHeader div {display: inline-block; vertical-align: middle; box-sizing: border-box;}
				.priceElement .td_1, .priceHeader .td_1 {width: 10%; text-align: center;}
				.priceElement .td_2, .priceHeader .td_2 {width: 46%;}
				.priceElement .td_3, .priceHeader .td_3 {width: 21%;}
				.priceElement .td_4, .priceHeader .td_4 {width: 23%;}
				.priceElement .td_3, .priceElement .td_1 {color: #8F8F8F;}
				.priceHeader .td_2, .priceHeader .td_3, .priceHeader .td_4 {padding: 0 20px;}
				.priceElement .td_2, .priceElement .td_3, .priceElement .td_4 {padding: 0 20px;}
		/* PRICE_LIST */


		/* REVIEWS */
		.servicesReviews {background: #fff; border-radius: 6px; box-shadow: 0px 30px 70px rgba(0, 0, 0, .075);}
			.servicesReviewElement {display: flex; border-bottom: 1px solid #f4f4f4; padding: 40px 70px 50px 42px;}
			.servicesReviewElement:last-child {border: none;}
				.servicesReviewElement .img {background-position: center; background-repeat: no-repeat; background-size: cover;
					border-radius: 50%; height: 90px; min-width: 90px; width: 90px; background-color: #F5F5F5;
				}
				.servicesReviewElement .reviewsInfo {margin: 14px 0 0 38px;}
					.servicesReviewElement .reviewsInfo .post {margin: 0 0 10px 0; color: #8F8F8F; font-size: 13px;}
					.servicesReviewElement .reviewsInfo .text {margin: 34px 0 0 0; color: #5a5e61; line-height: 28px;}

					.reviewsDocuments {margin: 40px 0 0 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
						.reviewsDocument {display: flex; width: 47%; margin: 22px 0 0 0; align-items: center;}
						.reviewsDocument:nth-child(1), .reviewsDocument:nth-child(2) {margin-top: 0;}
							.reviewsDocuments .iconDocuments {position: relative;}
								.reviewsDocuments .iconDocuments svg {min-width: 41px;}
								.reviewsDocuments .iconDocuments p {font-size: 11px; position: absolute; bottom: 18.5px; left: 14px; text-transform: uppercase;}
							.reviewsDocument div:nth-child(2) {font-size: 14px; margin: -7px 0 0 16px; overflow: hidden;}
								.reviewsDocument div:nth-child(2) div {margin: 0 0 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
									.reviewsDocument div:nth-child(2) a:not(.redcodeColor) {color: #121212;}
								.reviewsDocument div:nth-child(2) p {color: #8C8C8C;}
		/* REVIEWS */
		
		
		/* RELATED MATERIAL */
			.relatedMaterial {border-radius: 6px; box-shadow: 0px 30px 70px rgba(0, 0, 0, .075); background: #fff;}
			.relatedMaterial:not(.active) {display: none;}
				.relatedMaterial .elementBlock {padding: 40px 70px 34px 40px; border-bottom: 1px solid #F4F4F4; display: flex;
					align-items: flex-start;
				}
				.relatedMaterial .elementBlock:last-child {border: none;}
					.relatedMaterial .elementBlock a {}
						.relatedMaterial .elementBlock img {max-width: 211px; max-height: 138px; border-radius: 3px; display: block;}
					
					.relatedMaterial .elementBlock > div {margin: -2px 0 0 35px;}
						.relatedMaterial .elementBlock div p {margin: 0 0 14px 0; font-size: 10px; text-transform: uppercase;}
							.relatedMaterial .elementBlock div p span:last-child {color: #9C9C9C; margin: 0 0 0 18px;}
						.relatedMaterial .elementBlock div a {line-height: 28px; display: inline-block;}
							.relatedMaterial .elementBlock div a:not(.redcodeColor) {color: #121212;}
						.relatedMaterial .elementBlock div div {margin: 15px 0 0 0; color: #717171; font-size: 14px; line-height: 26px;}
		/* RELATED MATERIAL */



/* ORDER SERVICE */
#orderServices {margin: 50px 0 0 0; padding: 43px 58px 42px 48px; box-shadow: 0px 30px 70px rgba(0, 0, 0, .075);
	display: flex; justify-content: space-between; border-radius: 8px; align-items: center; background: #fff;
}
	#orderServices > svg {min-width: 53px; margin: 0 39px 0 0;}
	#orderServices > div {}
		#orderServices > div span {font-size: 17px; color: #121212; margin: 0 0 19px 0; display: inline-block; cursor: pointer;}
			#orderServices > div span svg {margin: 0 0 0 13px;}
		#orderServices > div div {line-height: 26px; font-size: 14px; color: #717171;}
/* ORDER SERVICE */



/* SERVICE CONSULTATION */
#serviceConsultation {margin: 0 0 50px 0; padding: 33px 44px 32px 41px; box-shadow: 0px 30px 70px rgba(0, 0, 0, .075);
	border-radius: 8px; display: flex; justify-content: space-between; background: #fff;
}
	#serviceConsultation > svg {min-width: 37px; margin: -6px 17px 0 0;}
	#serviceConsultation > div {}
		#serviceConsultation > div span {font-size: 17px; color: #121212; margin: 0 0 20px 0; display: inline-block; cursor: pointer;}
			#serviceConsultation > div span svg {margin: 0 0 0 13px;}
		#serviceConsultation > div div {line-height: 26px; font-size: 14px; color: #717171;}
/* SERVICE CONSULTATION */



/* DOCUMENTS */
#servicesDocumentsBlock {box-shadow: 0px 30px 70px rgba(0, 0, 0, .075); border-radius: 8px; background: #fff;
	padding: 32px 50px 30px 40px;
}
	#servicesDocumentsBlock h2 {margin: 0 0 29px 0; font-size: 19px;}
	.servicesDocument {margin: 0 0 19px 0; display: flex; align-items: center;}
	.servicesDocument:last-child {margin-bottom: 0;}
		.servicesDocument .iconDocuments {position: relative;}
			.servicesDocument .iconDocuments svg {min-width: 41px;}
			.servicesDocument .iconDocuments p {font-size: 11px; position: absolute; bottom: 18.5px; left: 14px; text-transform: uppercase;}
		.servicesDocument .text {font-size: 14px; margin: -7px 0 0 16px; overflow: hidden;}
			.servicesDocument .text div {margin: 0 0 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
				.servicesDocument .text a:not(.redcodeColor) {color: #121212;}
			.servicesDocument .text p {color: #8C8C8C;}
/* DOCUMENTS */



/* SERVICES BOTTOM */
#servicesBottom {margin: 70px 0 0 0; display: flex; justify-content: space-between; align-items: center;}
	#servicesBottom .button {border-radius: 100px; border: 2px solid #D7D7D7; height: 49px; align-items: center;
		display: inline-flex; box-sizing: border-box; justify-content: center; width: 49px;
	}
	#servicesBottom .backList {}
		#servicesBottom .backList span:last-child {margin: 0 0 0 10px; color: #454545; font-size: 14px;}
	#servicesBottom .share {cursor: pointer; flex-direction: row-reverse;}
		#servicesBottom .share > svg {min-width: 11px;}
		#servicesBottom .shareBlock {display: none;}
		#servicesBottom .share:hover {border: none; box-shadow: 0px 20px 60px rgba(0, 0, 0, .035), 0px 15px 40px rgba(0, 0, 0, .045);
			padding: 8px 17px 8px 11px; width: auto;
		}
		#servicesBottom .share:hover .shareBlock {display: block; margin: 0 14px 0 0;}
/* SERVICES BOTTOM */


@media all and (max-width: 1130px) {	
	.relatedMaterial .elementBlock {flex-direction: column;}
		.relatedMaterial .elementBlock > div {margin: 30px 0 0 0;}
		
	.reviewsDocuments {flex-direction: column; margin: 30px 0 0 0;}
		.reviewsDocument {width: 100%; margin: 25px 0 0 0;}
			.reviewsDocument:nth-child(2) {margin-top: 25px;}
}

@media all and (max-width: 990px) {
	.relatedMaterial .elementBlock {flex-direction: row;}
		.relatedMaterial .elementBlock > div {margin: -2px 0 0 35px;}
		
	.reviewsDocuments {flex-direction: row;}
		.reviewsDocument {width: 47%;}
			.reviewsDocument:nth-child(2) {margin-top: 0;}
	
	#servicesBottom .share, #servicesBottom .share:hover {width: auto; padding: 8px 17px 8px 14px; border: 2px solid #D7D7D7; box-shadow: none;}
	#servicesBottom .share .shareBlock {display: block; margin: 0 14px 0 0;}
	#servicesBottom {flex-direction: column; margin: 90px 0 0 0;}
		#servicesBottom .backList {display: none;}
		#servicesBottom .button {height: 55px;}
}

@media all and (max-width: 780px) {	
	.relatedMaterial .elementBlock {padding: 40px 40px 34px 40px;}
}

@media all and (max-width: 710px) {	
	.priceElement .td_4, .priceHeader .td_4 {text-align: center;}
}

@media all and (max-width: 690px) {
	.servicesReviewElement {display: block; padding: 35px 40px 40px 40px;}
		.servicesReviewElement .reviewsInfo {margin: 30px 0 0 0;}
			.servicesReviewElement .reviewsInfo .text {margin: 25px 0 0 0;}

	.relatedMaterial .elementBlock {flex-direction: column; padding: 40px 70px 34px 40px;}
		.relatedMaterial .elementBlock > div {margin: 30px 0 0 0;}
	
	.priceElement .td_1, .priceHeader .td_1 {display: none;}
	.priceElement .td_2, .priceHeader .td_2 {width: 53%;}
	.priceElement .td_4, .priceHeader .td_4 {width: 26%;}
	.priceElement .td_3, .priceHeader .td_3 {text-align: center;}
}

@media all and (max-width: 630px) {
	.reviewsDocuments {flex-direction: column; margin: 30px 0 0 0;}
		.reviewsDocument {width: 100%; margin: 25px 0 0 0;}
			.reviewsDocument:nth-child(2) {margin-top: 25px;}
}

@media all and (max-width: 500px) {
	#orderServices {flex-direction: column; padding: 30px; align-items: flex-start;}
		#orderServices > svg {margin: 0 0 25px 0;}
	
	.priceHeader {font-size: 12px;}
	.priceElement {font-size: 14px;}

	.servicesReviewElement {padding: 35px 30px 30px 30px;}
	
	.priceHeader, .priceElement {padding: 22px 0;}
		.priceElement .td_3, .priceHeader .td_3 {display: none;}
		.priceElement .td_2, .priceHeader .td_2 {width: 60%;}
		.priceElement .td_4, .priceHeader .td_4 {width: 40%; text-align: right;}
			
	.relatedMaterial .elementBlock {padding: 35px 30px 30px 30px;}
}

@media all and (max-width: 380px) {
	#servicesBottom .shareBlock li.ya-share2__item {margin: 0px 8px 0 0;}
		#servicesBottom .shareBlock span.ya-share2__icon {width: 28px; height: 28px;}
}

/* End */


/* Start:/local/templates/regprod/components/bitrix/menu/leftMenuThisSection/style.css?15644026371721*/
#leftMenuThisSection {
    box-shadow: 0px 30px 70px rgba(0, 0, 0, .075);
    padding: 34px 40px;
    border-radius: 8px;
    background: #fff;
    margin: 0 0 50px 0;
}
#leftMenuThisSection > li {
    margin: 0 0 44px 0;
}
#leftMenuThisSection > li:last-child {
    margin-bottom: 0;
}

#leftMenuThisSection li {
    list-style-type: none;
}
#leftMenuThisSection > li > a:not(.redcodeColor),
#leftMenuThisSection > li > span:not(.redcodeColor) {
    color: #121212;
}
#leftMenuThisSection > li > a:not(.redcodeColor) svg,
#leftMenuThisSection > li > span:not(.redcodeColor) svg {
    fill: #121212;
    stroke: #121212;
}
#leftMenuThisSection > li > a,
#leftMenuThisSection > li > span {
    display: inline-block;
    position: relative;
    padding: 0 18px 0 0px;
    cursor: pointer;
}
#leftMenuThisSection > li > a svg,
#leftMenuThisSection > li > span svg {
    position: absolute;
    top: 50%;
    margin: -2px 0 0 0;
    right: 0;
    transition: transform .2s ease;
}

#leftMenuThisSection > li > a.sectionSelected,
#leftMenuThisSection > li > span.sectionSelected {
    margin: 0 0 22px 0;
}
#leftMenuThisSection > li > a.sectionSelected ~ .blockElements,
#leftMenuThisSection > li > span.sectionSelected ~ .blockElements {
    display: block;
}
#leftMenuThisSection > li > a.sectionSelected svg,
#leftMenuThisSection > li > span.sectionSelected svg {
    transform: rotate(180deg);
}

#leftMenuThisSection .blockElements {
    font-size: 13px;
    display: none;
}
#leftMenuThisSection .blockElements li {
    display: flex;
    margin: 0 0 11px 0;
}
#leftMenuThisSection .blockElements li:last-child {
    margin-bottom: 0;
}
#leftMenuThisSection .blockElements a:not(.redcodeColor) {
    color: #8F8F8F;
}


/* End */
/* /local/templates/regprod/components/bitrix/news/services/bitrix/news.detail/.default/style.css?155819373710199 */
/* /local/templates/regprod/components/bitrix/menu/leftMenuThisSection/style.css?15644026371721 */