/* Start:/bitrix/templates/nd-help/styles.css?16738678109258*/
.machelp {display:none;}


.page-header {
	background: #EAE9DE;
}

h1 {
	color: #30373C;
}

.hlp-menu h4 {
	color:#30373C;
	font-family: Roboto Condensed;
	font-weight: normal;
	font-size: 1.25rem;
	line-height: 1.2;
	margin-top: 2rem;
	margin-bottom: .675rem;
}

.hlp-menu h5 {
	color:#30373C;
	font-family: Roboto Condensed;
	font-weight: normal;
	font-style: italic;
	font-size: 1.25rem;
	line-height: 1.2;
	margin-top: 2rem;
	margin-bottom: .675rem;
}

.big-btm-margin > p:first-child {
	margin-top: 2.875rem;
}

.bread-crumbs, .bread-crumbs a {
	color: rgba(0, 0, 0, 0.5);
}

.filter {
	margin-bottom: 8px;
	position:relative;
}

@media (min-width: 300px){
	.filter {
		margin-bottom: 8px;
	}
}

@media (min-width: 752px){
	.filter {
		margin-bottom: 16px;
	}
}

@media (min-width: 1176px){
	.filter {
		margin-bottom: 24px;
	}
}

.graddy {
	display: inline-block;
	position: relative;    
	line-height: 0;
}
.graddy:after {
	content: "";
	display: block;    
	width: 100%;
	height: 5rem;    
	position: absolute;
	bottom: 0;      
	left: 0;   
	background: transparent;
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, 0) 100%);
}

.filter-name {
	position: absolute;
	bottom: 0;
	margin:0;
	padding-left: 8px;
	padding-right: 1.5rem;
	text-align:left;
	color: #FFFFFF;
	text-shadow: 0px 0px 10px #000000;
	font-family: Roboto Condensed;
	font-style: normal;
	font-weight: normal;
	font-size: 1.125rem;
}

@media (max-width: 768px){
	.filter-name {
		font-size: 1.25rem;
	}
	.graddy:after {
		height: 4rem;
	}
	.all-filters{
		font-family: Roboto Condensed;
	}
}

.filter-name a {
	color: #FFF;
	white-space: nowrap; /* Отменяем перенос текста */
    overflow: hidden; /* Обрезаем содержимое */
    text-overflow: ellipsis; /* Многоточие */
	display: block;
}

.filter img {
	outline:solid 1px rgba(0, 0, 0, .3);
	outline-offset: -1px;
}


/* ----------------------------------------------------------------*/
.tut h3 {
	margin-top: 0;
}

@media (max-width: 1175.98px) {
	.tut h3 {
		margin-bottom: .25rem;
	}
}
	

.tut img {
	margin: .5rem 12px 2rem 12px;
}

.tut div.small-video {
	margin: .5rem 0 2rem 0;
}

@media (min-width: 751.98px) and (max-width: 1175.98px) {
	.tut img {
		margin: .5rem 16px 2rem 8px;
	}
}

@media (max-width: 751.98px) {
	.tut img {
		margin: .5rem 20px .875rem 4px;
	}
}

@media (max-width: 375.98px) {
	.tut img {
		margin: .5rem 0 .875rem 0;
	}
}

@media (max-width: 1175.98px) {
	.tut div.small-video {
		margin: .5rem 0 .625rem 0;
	}
}

.w-min-305 {
	min-width: 305px;
}

.w-min-305 p {
	margin-bottom: 1.5rem;
}

.video-description p {
	margin-bottom: 3rem;
}

.tut-mid-h2 {
	margin-top: 3rem;
}

@media (max-width: 1175.98px) {
	.tut-mid-h2 {
		margin-top: .5rem;
	}
}

@media (max-width: 375px) {
	.w-min-305 {
		min-width: inherit;
	}
}

.all-filters {
	border-bottom: 2px solid rgba(48, 55, 60, 0.15);
	font-size: 1.125rem;
	margin-top: 0;
	margin-bottom: 8px;
	padding-bottom: 4px;
}



@media (min-width: 752px){
	.all-filters {
		margin-top: 8px;
	}
}

@media (min-width: 1176px){
	.all-filters {
		margin-top: 0;
	}
}

@media (max-width: 751.98px) {
	.all-filters{
		margin-top: 16px;
		margin-bottom: 8px;
	}
}

.more-tuts  {
	font-size: 1.125rem;
	margin-top: 0;
	margin-bottom: 8px;
}



@media (min-width: 752px){
	.more-tuts {
		margin-top: 8px;
	}
}

@media (min-width: 1176px){
	.more-tuts {
		margin-top: 0;
	}
}

@media (max-width: 751.98px) {
	.more-tuts {
		margin-top: 16px;
		margin-bottom: 8px;
	}
}

.key-topic h3 {
	line-height: .8;
	
}

/* Old Help Styles
--------------------------------------------------------------*/
pre {
    background-color:#f0f2f3;
    border:1px solid #afafaf;
    padding:20px;
    font-size:1.1em;
}

.clearwork {clear:both; height:1px; font-size:1px; overflow:hidden;}

.hlp-menu ul {
	list-style:none;
	margin:.7em 0 1.5em;
	padding:0;
}


.pic {margin:0 0 .5em;}/*pic*/
.pic-indent {margin:0 0 1.5em;}
.firstpic {margin:1em 0 .5em;}

.black {color:#000;}/*black*/
.gray {color:#808080;}/*gray*/

.padrightbottom td{padding:0 8px 8px 0;}

.inputtext {font-size:1.1em;}

.graybkgh2 {
	padding:.1em .5em;
	background-color:#E4E4E4;
	border-bottom:1px solid #afafaf;
}/*graybkgh2*/

.margintop2_3em {
	/*margin-top:2.3em;*/
}/*margintop2_3em*/

.margintop05em {
	margin-top:.5em;
}

p.grayinput {
	background: url(/bitrix/templates/nd-help/images/gray_square.jpg) left no-repeat;
	line-height:1.4em;
	padding-left:22px;
	margin-top:2.5em;
	margin-bottom:.5em;
}
p.greeninput {
	background: url(/bitrix/templates/nd-help/images/green_square.jpg) left no-repeat;
	line-height:1.4em;
	padding-left:22px;
	margin-top:2.5em;
	margin-bottom:.5em;
}
p.blueinput {
	background: url(/bitrix/templates/nd-help/images/blue_square.jpg) left no-repeat;
	line-height:1.4em;
	padding-left:22px;
	margin-top:2.5em;
	margin-bottom:.5em;
}

p.component-type {
	margin:2.5em 0 1em;
}

.components-item H2 {
	margin-bottom:0;
	margin-top:2em;
	padding:0;
}

.components-item ul {
	margin-top:1em;
	margin-bottom:0;
	padding:0;
	list-style:none;
}

.filter-previwes{
	margin-bottom:2.5em;
	margin-top:1em;	
}
.filter-previwes img{margin-right:14px;}
.filter-previwes img.last {margin-right:0}

p.bullet {
	background: url(/bitrix/templates/nd-help/images/bullet3x3.gif) no-repeat 0px 6px;
	padding:0 0 .5em 9px;
	margin:0;
}

p.sub-bull {
	padding:0 0 2.2em 9px;
	margin:0;
}

.pad22 {padding-left:22px;}

.pic-descr {
	padding:10px;
	border:solid 1px #afafaf;
	float:left;
	margin-bottom:1.5em;
	background-color:#F9F9F9;
}

.pic-descr p {
	margin:0;
	padding:10px 0 0;
}

.graytable td {
	border-bottom:1px solid #afafaf;
	font-size:1.1em;
	vertical-align:top;
}


td.tableheader {
	background-color:#e4e4e4;
	border-bottom:1px solid #afafaf;
	border-top:1px solid #afafaf;
	font-weight:bold;
	color:#666;
	padding-right:10px;
}

td.tableh2 {
	background-color:#e4e4e4;
	border-bottom:1px solid #afafaf;
	border-top:1px solid #afafaf;
	font-weight:bold;
	color:#666;
	font-size:1.4em;
}

.eventr {
	background-color:#f5f5f5;
}

.right-text img {
	float:left;
	padding-right:10px;
}

.li-indent li{margin-left:0; padding-left:5px;}

.box {
	background-color:#f9f9f9;
	border:1px solid #afafaf;
}

.box ul {
	margin:1.5em 1.5em 0.8em;
	padding:0;
	list-style:none;
}

.box ul li {
	padding-bottom:.7em;
}

p.footnote{
	margin-top:1em;
	font-size:1em;
}

.first-h2 {margin-top:1.7em;}

/* ---------------------------------------------*/
.leftpic {
	margin:0 15px .5em 0;
	float:left;
}

.hlp-h2 {
	border-bottom: 2px solid rgba(48,55,60,.3);
	padding-bottom: .375rem; 
	margin-bottom: 1.3125rem;
}

.leftpic-indent {
	margin:0 16px 0 0;
	float:left;
}

.red {color: #FF0000;}
.green {color: #339900;}

.beta {
	color:#F00;
	font-style:italic;
}

/* Right Column
-----------------------------------------------------------------------------------*/

.rightcolumn {
	border-top:1px solid #a9aaac;
	float:right;
	margin-top:-1px;
	padding-bottom:2em;
	width:240px;
}

/* HDR List
-------------------------------------------------------------------*/
ul.hdr {
	list-style:none;
	margin-left:0;
	margin-top:2em;
	padding-left:0;
}

ul.hdr li {
	padding-left:50px;
	margin-bottom:1.5em;
}

li.positive {
	background:#fff url(/more/help/images/hdr-positive.jpg) no-repeat;	
}

li.negative {
	background:#fff url(/more/help/images/hdr-negative.jpg) no-repeat;	
}

li.mixed {
	background:#fff url(/more/help/images/hdr-mixed.jpg) no-repeat;	
}

/* Scripting - Inputs
---------------------------------------------------------------------*/
li.green-input-small {
	background:url(/more/help/images/green-input-small.gif) left center no-repeat;
	list-style:none;
	margin-left:0;
	padding-left:15px;
}

li.gray-input-small {
	background:url(/more/help/images/gray-input-small.gif) left center no-repeat;
	list-style:none;
	margin-left:0;
	padding-left:15px;
}

li.blue-input-small {
	background:url(/more/help/images/blue-input-small.gif) left center no-repeat;
	list-style:none;
	margin-left:0;
	padding-left:15px;
}

td.green-input-small {
	background:url(/more/help/images/green-input-small.gif) left center no-repeat;
	padding-left:15px;
}

td.gray-input-small {
	background:url(/more/help/images/gray-input-small.gif) left center no-repeat;
	padding-left:15px;
}

td.blue-input-small {
	background:url(/more/help/images/blue-input-small.gif) left center no-repeat;
	padding-left:15px;
}

table.underlined {
	margin-bottom:2em;
}

table.underlined td {
	border-bottom:1px solid #afafaf;
}

li.subcategory {
	margin-left:10px;
}

h4.subcategory {
	margin-bottom:0;
	font-style:italic;
	font-size:1.2em;
}

.bottomindent li {
    margin-bottom:1em;
}

.big-btm-margin > p:first-child {
	margin-top: 2.875rem;
}

.big-btm-margin > ul:first-child {
	margin-top: 2.875rem;
}
/* End */
/* /bitrix/templates/nd-help/styles.css?16738678109258 */