/* Start:/local/templates/sobrano/components/bitrix/news/profession/style.css?17618295284436*/
.profession-detail{}
.profession-detail .header{background:var(--colorWhite);padding:30px 20px;border-radius:12px;margin:20px 0 30px;position:relative}
.profession-detail .header .profession{display:flex;justify-content:space-between;position:relative}
.profession-detail .header .description{width:calc(100% - 350px);padding:0 40px 0 0}
.profession-detail .header .description p{margin:0}
.profession-detail .header .description .h1{font-size:50px}
.profession-detail .header .picture{width:350px;height:200px;object-fit:contain}
.profession-detail .detail{background:var(--colorWhite);padding:30px 20px;border-radius:12px;margin:0 0 30px}
.profession-detail .menu-detail-box .menu-items{width:100%}
.job-items{counter-reset:list-counter;display:grid;grid-template-columns:repeat(3,minmax(0,33.3%));gap:20px;margin:0 0 30px}
.job-items .item{background:var(--colorWhite);padding:40px 20px 20px;border-radius:12px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.job-items .item:before{counter-increment:list-counter;content:counter(list-counter);width:27px;height:25px;display:flex;align-items:center;justify-content:center;background:var(--colorEmerald);color:var(--colorWhite);position:absolute;left:0;top:0;border-radius:12px 12px 120px;padding:0 10px 5px 4px}
.job-items .item .name{font-weight:600;font-size:16px;margin:0 0 20px}
.job-items .item .description{font-size:14px;position:relative;color:var(--colorBlack)}
.many-items{display:grid;grid-template-columns:repeat(3,minmax(0,100%));gap:20px;margin:0 0 40px;align-items:end}
.many-items .item{padding:28px 32px 32px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:var(--colorWhite);border-radius:12px;position:relative}
.many-items .item .name{font-size:25px;font-weight:600;line-height:120%}
.many-items .item p{margin:0;display:block;width:100%;text-align:center}
.many-items .item span{background:var(--colorBodyHover);padding:5px 20px;border-radius:12px;margin:0 5px 0 0}
.many-items .item.jun{height:180px}
.many-items .item.mid{height:280px}
.many-items .item.sen{height:360px}
.many-items .item.sen img{width:170px;height:120px}
.resume-box{display:flex;width:100%;margin:20px 0;gap:20px}
.resume-box .box{background:var(--colorWhite);padding:20px;border-radius:12px;margin:0 0 20px;position:relative}
.resume-box .box span{color:var(--colorGray);text-transform:uppercase;font-size:12px;font-weight:400;display:block;margin:0 0 15px}
.resume-box .avatar{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%}
.resume-box .avatar img{width:180px;height:180px;border-radius:100%;margin:0 0 20px}
.resume-box .avatar p{margin:0;font-weight:600;font-size:16px}
.resume-box .description{width:70%;padding:0 0;position:relative}
.resume-box ul.skill,.resume-box ul.tools{list-style:none;padding:0;margin:20px 0 10px;display:flex;flex-wrap:wrap;gap:20px}
.resume-box ul.skill li{width:40%;padding:0 0 0 30px;position:relative}
.resume-box ul.skill li:before{content:'';width:15px;height:15px;position:absolute;left:0;border-radius:100%;background:url(/local/templates/sobrano/assets/icon/check-w.svg) no-repeat center center var(--colorBlue);background-size:100% 100%}
.resume-box ul.tools{gap:10px}
.resume-box ul.tools li{background:var(--colorBodyHover);padding:5px 20px;border-radius:12px}
@media screen and (max-width:780px){
.profession-detail .header .profession{flex-direction:column-reverse}
.profession-detail .header .description{width:100%;padding:30px 0 0}
.profession-detail .header .description h1 br{display:none}
.profession-detail .header .picture{width:auto;max-width:100%}
.many-items .item{padding:30px 20px}
.many-items .item span{display:block;margin:0 0 10px}
.many-items .item.sen img{height:auto;max-width:80%}
.resume-box{flex-wrap:wrap}
.resume-box .description,.resume-box .avatar{width:100%;margin:0}
}
@media screen and (max-width:680px){
.course-params{grid-template-columns:repeat(1,minmax(0,100%));gap:10px}
.job-items{grid-template-columns:repeat(1,minmax(0,100%));gap:10px}
.resume-box ul.skill li{width:100%}
}
@media screen and (max-width:480px){
.many-items .item .name{font-size:16px;transform:rotate(90deg);width:100px;margin:30px 0 0}
.many-items .item p{font-size:0}
.many-items .item span{display:block;margin:0;font-size:14px;padding:10px 0}
.many-items .item.sen img{display:none}
.many-items .item{padding:30px 20px 20px}
}

/* End */


/* Start:/local/templates/sobrano/components/bitrix/system.pagenavigation/.default/style.css?17594290292425*/
.bx-pagination{margin:20px 0}
.bx-pagination .bx-pagination-container{text-align:center;position:relative}
.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}
.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 0 2px}
.bx-pagination .bx-pagination-container ul li span{transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:var(--colorBodyHover);padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:var(--colorGray);font-size:13px;border-radius:16px;vertical-align:middle}
.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:var(--colorBlack);vertical-align:middle}
.bx-pagination .bx-pagination-container ul li a:hover span{background:var(--colorWhite)}
.bx-pagination .bx-pagination-container ul li.bx-active span{background:var(--colorBlack);color:var(--colorWhite)}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:var(--colorWhite);border:1px solid var(--colorBodyHover);line-height:28px;padding:0 18px;color:var(--colorGray)}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:var(--colorWhite);border:1px solid var(--colorBodyHover);line-height:28px;padding:0 18px}
.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:var(--colorWhite);border-color:var(--colorWhite);color:var(--colorBlack)}
.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:var(--colorBlack);color:var(--colorWhite)}
.ajax-load-more{ background: var(--colorWhite); border: 1px solid var(--colorBodyHover); padding: 6px 18px 8px; color: var(--colorBlack); border-radius: 16px; text-align: center; line-height: 120%; margin: 15px auto 0; max-width: 150px; cursor: pointer; font-size: 13px; }
.ajax-load-more:hover{background: var(--colorWhite);border-color: var(--colorWhite);color: var(--colorBlack);}
/* End */


/* Start:/local/templates/sobrano/components/bitrix/news.list/profession/style.css?17618295281046*/
.profession-items{display:grid;grid-template-columns:repeat(3,minmax(0,33.3%));gap:20px 20px;width:100%;margin:30px 0;position:relative}
.profession-items .item{position:relative;background:var(--colorWhite);padding:20px;display:flex;flex-direction:column;align-items:flex-start;margin:0;border-radius:12px;width:100%}
.profession-items .item .name{color:var(--colorBlack);font-size:16px;font-weight:600;line-height:120%;position:relative;margin:20px 0;width:100%}
.profession-items .item .icon{display:flex;align-items:center;justify-content:center;position:relative;width:30px;height:30px}
.profession-items .item .description{display:grid;gap:10px;width:100%}
.profession-items .item .description p{margin:0}
.profession-items .item .btn-box{width:100%;margin:20px 0 0}
.profession-items .item .btn-box .btn{width:100%;padding:10px 0}
@media screen and (max-width:920px){
.profession-items{grid-template-columns:repeat(2,minmax(0,100%))}
}
@media screen and (max-width:540px){
.profession-items{grid-template-columns:repeat(1,minmax(0,100%))}

/* End */
/* /local/templates/sobrano/components/bitrix/news/profession/style.css?17618295284436 */
/* /local/templates/sobrano/components/bitrix/system.pagenavigation/.default/style.css?17594290292425 */
/* /local/templates/sobrano/components/bitrix/news.list/profession/style.css?17618295281046 */