

/* Start:/bitrix/templates/tatianka/components/bitrix/catalog/article-catalog/style.css?17384777501122*/
.grid{}
.grid .bx_content_section{
	margin-bottom: 15px;
}
.grid .bx_sidebar{
	margin-bottom: 15px;
}

/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
	float: left;
	width: 66%;
	margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media (max-width:960px){
	.grid2x1 .bx_sidebar{
		padding-left: 4%;
	}
}
@media (max-width:640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar{
		width: 100%;
		float: none;
	}
	.grid2x1 .bx_sidebar{
		padding-left: 3%;
	}
}
@media (max-width:479px){
	.grid2x1 .bx_sidebar{
		padding-left: 1%;
	}

}

.catalog-block-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}

/* End */


/* Start:/bitrix/templates/tatianka/components/bitrix/catalog/article-catalog/bitrix/catalog.section.list/.default/style.css?17384777503468*/
.article_sect_wrapp{/* border:1px solid #E5E5E5; */}
 h2.jobs{margin-bottom:28px;}
.article_sect_wrapp h2 {text-align: left;}
.article_sect_wrapp .item:first-child{margin-top:0;background: #fdfdfd;}
.article_sect_wrapp .item{background-color: #fdfdfd;border:1px solid #e5e5e5; border-radius: 5px; margin-bottom: 20px;transition: 0.3s; -webkit-transition: 0.3s;}
.article_sect_wrapp .item.opened{background:#f7f7f7;transition: 0.3s; -webkit-transition: 0.3s;}
.article_sect_wrapp .item .name{cursor:pointer;}
.article_sect_wrapp .item .salary_wrapp{width: 126px; display: block;text-align:right;}
.article_sect_wrapp .item .salary{color: #9a9a9a; font-size:14px;margin:1px 0px 0px;padding:0px 42px 0px 10px;white-space:nowrap;font-weight:500;}
.article_sect_wrapp .item tr td{vertical-align:top;padding-top:24px;padding-bottom:4px;width: 100%;}
.article_sect_wrapp .item tr td:first-of-type{padding-left: 68px; transition: 0.3s; -webkit-transition: 0.3s;}
.article_sect_wrapp .item tr td:last-of-type{text-align: right;padding-right: 19px;}
.article_sect_wrapp .item  .name .title .salary{padding:5px 0px 0px;display:none;}
.article_sect_wrapp .item  .name .title h2{color:#5db02a;line-height: 24px;font-size: 22px;text-align:left;}
.article_sect_wrapp .item  .item_title{font-size:16px;}
.article_sect_wrapp .item  .description_wrapp{margin:-18px 0px 0px;font-size: 0px;padding:0px;transition: 0.3s;-webkit-transition: 0.3s;}
.article_sect_wrapp .item  .description_wrapp .description{color: #555;margin:0px 0px 0px 0px; width:70%; float:left;}
.article_sect_wrapp .item  .description_wrapp .description-link{display:none;text-align:right; margin:10px 0px 0px 0px; width:30%; float:left;}
.article_sect_wrapp .item .opener_icon {position:relative;top:-3px;}

.scr_name  {
    padding-left: 138px!important;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.scr_description_wrapp {
padding: 0px 19px 29px 138px!important;   
font-size: 14px!important;
	transition: 0.3s;
    -webkit-transition: 0.3s;
}

.article_sect_wrapp .preview_sect {
position: absolute;
background-size: cover;
width:42px;
height:42px;
background-color: #ffffff;
margin: 14px;
border-radius: 50%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.scr_opened {
width:104px!important;
height:104px!important;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}


@media (max-width: 600px) {
.article_sect_wrapp .item  .name .title h2{margin:0px;text-align:left;}
.article_sect_wrapp .item tr td:first-of-type{padding-left: 18px; transition: 0.3s; -webkit-transition: 0.3s;}
.article_sect_wrapp .item  .description_wrapp .description{margin:0px 0px 20px; width:100%; float:left;}
.article_sect_wrapp .item  .description_wrapp .description-link{text-align:left; margin:0px 0px 0px; width:100%; float:left;}
.article_sect_wrapp .item .salary_wrapp{width: 130px; display: block;text-align:right; display:none;}

.scr_name  {
    padding-left: 28px!important;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.scr_description_wrapp {
padding: 20px 19px 29px 28px!important;   
font-size: 14px!important;
	transition: 0.3s;
    -webkit-transition: 0.3s;
}

.article_sect_wrapp .preview_sect {
display:none;
position: absolute;
width:22px;
height:22px;
background-color: azure;
margin: 14px;
border-radius: 50%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.scr_opened {
width:54px!important;
height:54px!important;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}



}

/* End */


/* Start:/bitrix/templates/tatianka/components/bitrix/catalog/article-catalog/bitrix/catalog.top/.default/style.css?17384777504589*/
.article_elem_wrapp{/* border:1px solid #E5E5E5; */}
 h3.jobs{margin-bottom:28px;}
.article_elem_wrapp h3 {line-height: 24px; text-align: left;}
.article_elem_wrapp .item:first-child{display: inline-block; margin-top:0;background: #fdfdfd;}
.article_elem_wrapp .item{min-height: 200px;vertical-align: top; display: inline-block; background-color: #fdfdfd;border:1px solid #e5e5e5; border-radius: 5px; margin-bottom: 0px;transition: 0.3s; -webkit-transition: 0.3s;}
.article_elem_wrapp .item.opened{background:#f7f7f7;transition: 0.3s; -webkit-transition: 0.3s;}
.article_elem_wrapp .item .name{cursor:pointer;}
.article_elem_wrapp .item .salary_wrapp{width: 100px; display: block;text-align:right;margin-top: -2px;}}
.article_elem_wrapp .item .salary{color: #9a9a9a; font-size:14px;margin:1px 0px 0px;padding:0px 42px 0px 10px;white-space:nowrap;font-weight:500;}
.article_elem_wrapp .item tr td{vertical-align:top;padding-top:24px;padding-bottom:4px;width: 100%;}
.article_elem_wrapp .item tr td:first-of-type{padding-left: 138px; transition: 0.3s; -webkit-transition: 0.3s;}
.article_elem_wrapp .item tr td:last-of-type{text-align: left;padding-right: 19px;}
.article_elem_wrapp .item  .name .title .salary{ height: 30px; overflow: hidden;padding:5px 0px 0px;display:none;}
.article_elem_wrapp .item  .name .title h3{height: 50px; overflow: hidden;margin:0px;text-align:left;}
.article_elem_wrapp .item  .item_title{font-size:16px;}
.article_elem_wrapp .item  .stat_wrapp{padding: 0px 19px 29px 138px; font-size: 14px;margin:-10px 0px 0px;transition: 0.3s;-webkit-transition: 0.3s;}
.article_elem_wrapp .item  .description_wrapp{padding: 0px 19px 29px 138px; font-size: 14px;margin:-18px 0px 0px;transition: 0.3s;-webkit-transition: 0.3s;}
.article_elem_wrapp .item  .description_wrapp .description{height: 60px;overflow: hidden; margin:0px 0px 0px 0px; width:100%; float:left;}
.article_elem_wrapp .item  .description_wrapp .description-link{display:none;text-align:right; margin:10px 0px 0px 0px; width:30%; float:left;}
.article_elem_wrapp .item .opener_icon {position:relative;top:-3px;}

.article_elem_wrapp .item:hover{background-color: #ffffff; color:#555555; border:1px solid #e5e5e5; border-radius: 5px; margin-bottom: 0px;transition: 0.3s; -webkit-transition: 0.3s;
box-shadow:0px 1px 30px 0px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 1px 30px 0px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 30px 0px rgba(0,0,0,0.1);
}

.scr_name  {
    padding-left: 138px!important;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}



.article_elem_wrapp .preview_article {
position: absolute;
background-size: cover;
width:104px;
height:104px;
background-color: #ffffff;
margin: 24px 14px 14px 16px;
border-radius: 50%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.article_elem_wrapp .item_block{
    display: inline-block;
    vertical-align: top;
    padding: 6px 6px;
}





@media (max-width: 600px) {

body h1 {
    font-size: 24px!important;
    line-height: 24px!important;
}

.article_elem_wrapp .item  .name .title h3{margin:0px;text-align:left;}
.article_elem_wrapp .item tr td:first-of-type{padding-left: 18px; transition: 0.3s; -webkit-transition: 0.3s;}
.article_elem_wrapp .item tr td {vertical-align: top; padding-top: 0px;  padding-bottom: 4px; width: 100%;}
.article_elem_wrapp .item  .stat_wrapp{padding: 0px 19px 29px 18px; font-size: 14px;margin:0px 0px 0px;transition: 0.3s;-webkit-transition: 0.3s;}
.article_elem_wrapp .item  .description_wrapp{padding: 0px 19px 29px 18px; font-size: 14px;margin:-18px 0px 0px;transition: 0.3s;-webkit-transition: 0.3s;}
.article_elem_wrapp .item  .description_wrapp .description{margin:0px 0px 0px; width:100%; float:left;}
.article_elem_wrapp .item  .description_wrapp .description-link{text-align:left; margin:0px 0px 0px; width:100%; float:left;}
.article_elem_wrapp .item .salary_wrapp{width: 130px; display: block;text-align:right; display:none;}

.scr_name  {
    padding-left: 28px!important;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.scr_description_wrapp {
padding: 20px 19px 29px 28px!important;   
font-size: 14px!important;
	transition: 0.3s;
    -webkit-transition: 0.3s;
}

.article_elem_wrapp .preview_article {
    position: relative;
    width: auto;
    background-size: cover;
    height: 104px;
    background-position: center;
    background-color: #ffffff;
    margin: 24px 14px 14px 16px;
    border-radius: 5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.scr_opened {
width:54px!important;
height:54px!important;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

}
/* End */
/* /bitrix/templates/tatianka/components/bitrix/catalog/article-catalog/style.css?17384777501122 */
/* /bitrix/templates/tatianka/components/bitrix/catalog/article-catalog/bitrix/catalog.section.list/.default/style.css?17384777503468 */
/* /bitrix/templates/tatianka/components/bitrix/catalog/article-catalog/bitrix/catalog.top/.default/style.css?17384777504589 */
