/* Start:/local/templates/optika/css/staff.css?1766566596188*/
.page-staff__content {
  max-width: 1340px;
  width: 100%;
}
.page-staff__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/*# sourceMappingURL=staff.css.map */

/* End */


/* Start:/local/templates/optika/components/bitrix/breadcrumb/optika/style.min.css?1766566596596*/
.crumbs{list-style:none;padding:20px 0 40px;margin:0;font-size:12px;line-height:15px;position:relative;z-index:2;clear:both}.crumbs__item{display:inline-block;vertical-align:top;margin-right:10px;color:#c4c4c4}.crumbs__link{color:#333;text-decoration:none}.crumbs__link:focus,.crumbs__link:hover{outline:0;text-decoration:underline}.crumbs__link::after{content:"/";display:inline-block;vertical-align:baseline;width:6px;height:8px;margin-left:12px}@media (max-width:1440px){.crumbs__link::after{margin-left:11px}.crumbs__item{margin-right:5px}}@media (max-width:1199.9px){.crumbs{padding:20px 0}}
/* End */


/* Start:/local/templates/optika/components/bitrix/menu/menu.internal/style.css?17665665961242*/
.internal-menu {
  margin: 28px 0 40px 0 !important;
}
@media (max-width: 500px) {
  .internal-menu {
    padding: 0 !important;
  }
}
.internal-menu__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 500px) {
  .internal-menu__wrap {
    overflow: hidden;
  }
}
.internal-menu__items {
  display: flex;
  justify-content: space-between;
  max-width: 788px;
  width: 100%;
}
@media (max-width: 500px) {
  .internal-menu__items {
    gap: 8px;
    overflow-y: auto;
  }
}
.internal-menu__item {
  font-weight: 400;
  font-size: 20px;
  color: rgba(51, 51, 51, 0.6);
  padding: 4px 8px;
  transition: 0.3s;
  text-decoration: none;
  white-space: nowrap;
}
@media (max-width: 1000px) {
  .internal-menu__item {
    font-size: 14px;
  }
}
.internal-menu__item.active {
  font-weight: 700 !important;
  font-size: 20px;
  color: #333;
  transition: 0.3s;
}
@media (max-width: 1000px) {
  .internal-menu__item.active {
    font-size: 14px;
  }
}
.internal-menu__item:hover {
  font-weight: 400;
  font-size: 20px;
  color: rgba(51, 51, 51, 0.9);
  background-color: #ffffff;
}
@media (max-width: 1000px) {
  .internal-menu__item:hover {
    font-size: 14px;
  }
}

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/components/bokus/staff/templates/.default/style.css?17665665962086*/
.staff-items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.staff-item {
  display: flex;
  gap: 40px;
  background-color: #ffffff;
  padding: 30px;
}
@media (max-width: 1000px) {
  .staff-item {
    flex-direction: column;
    align-items: center;
    padding: 12px;
  }
}
.staff-item__left {
  width: 350px;
}
@media (max-width: 1000px) {
  .staff-item__left {
    width: 100%;
  }
}
.staff-item__left .btn {
  width: 100%;
  height: 51px;
  margin-top: 20px;
}
.staff-item__img {
  width: 350px;
}
@media (max-width: 1000px) {
  .staff-item__img {
    width: 100%;
  }
}
.staff-item__img img {
  width: 100%;
  max-width: 350px;
}
.staff-item__name {
  font-weight: 700;
  font-size: 32px;
  color: #333;
  line-height: 100%;
}
@media (max-width: 600px) {
  .staff-item__name {
    font-size: 20px;
  }
}
.staff-item__posts {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.staff-item__post {
  border-radius: 5px;
  padding: 5px;
  background: linear-gradient(225deg, rgba(255, 0, 184, 0.1) 0%, rgba(0, 184, 255, 0.1) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  color: #333;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  .staff-item__post {
    font-size: 12px;
  }
}
.staff-item__info {
  margin-top: 40px;
}
@media (max-width: 600px) {
  .staff-item__info {
    margin-top: 16px;
  }
}
.staff-item__info-title {
  font-weight: 700;
  font-size: 20px;
  color: #333;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  .staff-item__info-title {
    font-size: 16px;
  }
}
.staff-item__info-items {
  margin: 10px 0 0 0;
  padding-left: 30px;
}
.staff-item__info li {
  font-weight: 400;
  font-size: 16px;
  line-height: 162%;
  color: #333;
}
@media (max-width: 600px) {
  .staff-item__info li {
    font-size: 14px;
  }
}
.staff-item__info-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 162%;
  color: #333;
  margin-top: 10px;
}
@media (max-width: 600px) {
  .staff-item__info-text {
    font-size: 14px;
  }
}

/*# sourceMappingURL=style.css.map */

/* End */
/* /local/templates/optika/css/staff.css?1766566596188 */
/* /local/templates/optika/components/bitrix/breadcrumb/optika/style.min.css?1766566596596 */
/* /local/templates/optika/components/bitrix/menu/menu.internal/style.css?17665665961242 */
/* /local/components/bokus/staff/templates/.default/style.css?17665665962086 */