@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("/bitrix/fonts/Montserrat-Light.ttf");
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/bitrix/fonts/Montserrat-Regular.ttf");
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("/bitrix/fonts/Montserrat-Medium.ttf");
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("/bitrix/fonts/Montserrat-Bold.ttf");
}

.app_block_descr{
	/*font-family: "pantonbold.otf",sans-serif;*/
	padding: 50px 50px 75px 50px;
	text-align: center;
}

.app_block_descr_l{
	padding: 50px 20px 75px 20px;
	font-size: 16px;
	/*text-align: center;*/
}

.app_block_descr, .app_block_descr_l{
	color: #191919;
}

.app_block_descr100{
	/*font-family: "pantonbold.otf",sans-serif;*/
	padding: 100px 50px 100px 50px;
	text-align: center;
}

.app_block_support{
	//background-image: url('/images/content/bg_green_img001.png');
	background-color: rgb(255, 215, 0);
	color: #000;
}

.app_top15{
	padding-top: 10px;
}

.app_top50{
	padding-top: 50px;
}

.app_top75{
	padding-top: 50px;
}

.app_top100{
	padding-top: 100px;
}
.app_padding_tb_100{
	padding-top: 100px;
	padding-bottom: 100px;
}

.app_padding_lr_100{
	padding-left: 100px;
	padding-right: 100px;
}



.app_table_default{
	vertical-align: top;
	//border: 1px solid black;
}
.app_table_default td{
	padding: 15px;
	vertical-align: top;
}



.app_block_descr h2, .app_block_descr_l h2, .app_h2 {
	/*font-family: "pantonbold.otf",sans-serif;*/
	font-size: 2.2em;
	line-height: 1em;
}

.app_block_descr h3, .app_block_descr_l h3 {
	font-size: 1.5em;
	line-height: 1em;
}


.app_block_descr p, .app_block_descr_l p, .app_p {
	font-size: 16px;
	line-height: 25px;
}

.app_right_txt{
	text-align: right;
/*
	width: 500px;
	float: right;
*/
}
.app_left_txt{
	text-align: left;
}
.app_center_txt{
	text-align: center;
}

.app_box_left{
	float: left;
}
.app_box_right{
	float: right;
}

.app_clear{
	clear:both;
}

.app_500{
	max-width: 500px;
	margin-right: auto;
	margin-left: auto;
}

.app_750{
	max-width: 750px;
	margin-right: auto;
	margin-left: auto;
}

.app_850{
	max-width: 850px;
	margin-right: auto;
	margin-left: auto;
}

.app_col_60{
	width: 60%;
}

.app_col_40{
	width: 40%;
}

.app_col_45{
	width: 45%;
}

.app_col_50{
	width: 50%;
}


/***************** ФОН картинка *************************/
.app_bg_1cbox001_rc{
	background-image: url('/images/content/1c_box001.png'); /* Путь к фоновому рисунку */
	background-position: right bottom; /* Положение фона */
	background-repeat: no-repeat; /* Повторяем фон по горизонтали */
	background-size: contain; /*Значение cover масштабирует изображение, в зависимости от размеров блока*/
}

/*коробка 1с*/
.app_bg_1cbox003_rc{
	background-image: url('/images/content/1c_box003.png'); /* Путь к фоновому рисунку */
	background-position: right bottom; /* Положение фона */
	background-repeat: no-repeat; /* Повторяем фон по горизонтали */
	background-size: contain; /*Значение cover масштабирует изображение, в зависимости от размеров блока*/
}

/*прайс 3д бокс*/
.app_bg_3dbox001_rc{
	background-image: url('/images/content/PriceEXCEL_001.png'); /* Путь к фоновому рисунку */
	background-position: right bottom; /* Положение фона */
	background-repeat: no-repeat; /* Повторяем фон по горизонтали */
	background-size: contain; /*Значение cover масштабирует изображение, в зависимости от размеров блока*/
}

/*прайс лист*/
.app_bg_list001_rc{
	background-image: url('/images/content/PriceEXCEL_002.png'); /* Путь к фоновому рисунку */
	background-position: right bottom; /* Положение фона */
	background-repeat: no-repeat; /* Повторяем фон по горизонтали */
	background-size: contain; /*Значение cover масштабирует изображение, в зависимости от размеров блока*/
}



/**************** БЕЛЫЙ *****************/
.app_bg_white_001{
	background-color: #FFF;
	color: #000;
}

/**************** ЗЕЛЕНЫЙ *****************/
.app_bg_green_001{
	background-color: rgb(0, 176, 80);
	color: white;
}
.app_bg_green_002{
	background-color: rgb(0, 250, 154);
	color: #000;
}

.app_bg_green_img001{
	background-image: url('/images/content/bg_green_img001.png');
	background-color: rgb(0, 176, 80);
	color: white;
}


/**************** СЕРЫЙ *****************/
.app_bg_gray_001{
	background-color: rgb(217, 217, 217);
	color: #000;
}

.app_bg_gray_002{
	background-color: rgb(240, 240, 240);
	color: #000;
}

.app_bg_gray_img001{
	background-image: url('/images/content/bg_gray_img001.jpg');
	background-color: rgb(217, 217, 217);
	color: #000;
}

.app_ym_bg_gray_001{
	background-image: url('/images/content/ym/bg_gray_001.png');
	background-color: rgb(217, 217, 217);
	color: #000;
}

/**************** СИНИЙ *****************/
.app_bg_blue_001{
	background-color: rgb(0, 176, 240);
	color: white;
}
.app_bg_blue_002{
	background-color: rgb(102, 204, 255);
	color: white;
}
.app_bg_blue_003{
	background-color: #f2f8fc;
}


/**************** ТЕМНЫЙ *****************/
/*разбросанные картинки*/
.app_bg_dark_img001{
	background-image: url('/images/content/bg_dark_img001.jpg');
	background-color: rgb(38, 38, 38);
	color: white;
	background-size: cover;
}

/*диаграммы таблицы калькулятор*/
.app_bg_dark_img002{
	background: url('/images/content/bg_dark_img002.jpg') no-repeat;
	background-color: rgb(64, 64, 64);
	color: white;
	background-position: center center; /* Положение фона */
	background-size: cover; /*Значение cover масштабирует изображение, в зависимости от размеров блока*/
}

.app_bg_dark_img003{
	background: url('/images/content/bg_dark_img003.png') no-repeat;
	background-color: rgb(64, 64, 64);
	color: white;
	background-position: center center; /* Положение фона */
	background-size: cover; /*Значение cover масштабирует изображение, в зависимости от размеров блока*/
}

.app_bg_dark_img004{
	background: url('/images/content/bg_dark_img004.png') no-repeat;
	background-color: rgb(64, 64, 64);
	color: white;
	background-position: center center; /* Положение фона */
	background-size: cover; /*Значение cover масштабирует изображение, в зависимости от размеров блока*/
}

/* яндекс маркет */
.app_bg_dark_img005{
	background: url('/images/content/bg_dark_img005.png') no-repeat;
	background-color: rgb(64, 64, 64);
	color: white;
	background-position: center center; /* Положение фона */
	background-size: auto; /*Значение cover масштабирует изображение, в зависимости от размеров блока*/
}

/**************** СВЕТЛЫЙ *****************/
/*лампочки идея*/
.app_bg_light_img001{
	background-image: url('/images/content/bg_light_001.png');
	background-color: rgb(242, 242, 242);
	color: #000;
}

/*описание картинки*/
.fancybox-title-float-wrap .child {
	top: -45px;
    position: relative;
	border-radius: 3px;
}



/************ СПИСКИ *****************************/
ol.app-list-rounded
{
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

.app-list-rounded {
	counter-reset: li; 
	list-style: none; 
	font: 14px "Trebuchet MS", "Lucida Sans";
	padding: 1.1em;
	padding-top: 0;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.app-list-rounded a {
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	margin: 0 0 .4em 0; /*.5em 0;*/
	background: #fafafa;
	color: #444;
	text-decoration: none;
	border-radius: .3em;
	transition: .3s ease-out;
}
.app-list-rounded a:hover {
	background: #eee;
}
.app-list-rounded a:hover:before {
	transform: rotate(360deg);
}
.app-list-rounded a:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background: #8FD4C1;
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .3em solid white;
	text-align: center;
	font-weight: bold;
	border-radius: 2em;
	transition: all .3s ease-out;
}


.app-list-sqr{
	list-style-type: square; /* Маркеры в виде квадрата */
	list-style-position: outside; /* Маркеры размещаются за пределами текстового блока */
	/*color: navy;  Цвет текста списка */
}

.forum-reply-buttons input{
	//border: .3em solid black;
	padding: 10px 20px !important;
	
}

.app-brd-white{
	border: 1px dotted #ffffff;
}


.app_lh_35{
	line-height: 35px;
	//border: 1px dotted gray;
}


/********* ТАБЛИЦЫ ***************/
.app_col1_001{
}
.app_col2_001{
}
.app_col3_001{
}

.app_col2_001 td{
	width: 49%;
}

.app_col3_001 td{
	width: 33.33%;
}

.app_col1_001 td,
.app_col3_001 td,
.app_col2_001 td{
	background-color: rgb(248, 248, 248);
	color: #000;
	width: 33.33%;
	padding: 15px;
	vertical-align: top;
	border: 4px dotted #fff;
	//display: block;
}

.app_col111_001:hover{
	-moz-box-shadow:0 0 10px #555;
	-webkit-box-shadow:0 0 10px #555;
	box-shadow:0 0 10px #555;
}

/* ---------------------- */

.t_block {
	padding: 40px;
	color: #424242;
	font-size: 1rem;
	font-family: Montserrat;
//font-weight: 300;
	line-height: 1.8;
//padding-top: 0 !important;
}

.t_block p {
}

.t_red{
	color: #ff4500;
}

.no_top_margin {
	margin-top: 0px !important;
}

.bg-white{
	background-color: #FFFFFF;
}

.bg-gray{
	background-color: #F9F9F9;
}

.bg-yellow{
	background-color: #ffffe0;
}

.bg-green-light,
.bg-greenlight{
	background-color: #d5efe7;
}

.bg-redlight{
	background-color: #fff1f1;
}

.bg-cyanlight{
	background-color: #e0ffff;
}

.bg-bluelight{
	background-color: #c6e9ff;
}