/* Start:/local/templates/main/assets/bx-styles/cases-content.css?16670321501567*/
.cases-content_grey {
  background-color: #fafafa;
  color: #323232
}
.cases-content__wrap {
  padding: 45px 0
}
.cases-content__image {
  margin-bottom: 24px
}
.cases-content__image img {
  width: auto
}
.cases-content ol {
  max-width: 700px;
  margin-bottom: 20px;
  padding: 0 0 0 20px
}
.cases-content ol li:not(:last-child) {
  margin-bottom: 16px
}
.cases-content ol li::marker {
  color: #00a89b
}
.cases-content ul {
  max-width: 700px;
  margin-bottom: 20px
}
.cases-content ul li {
  padding-left: 30px;
  position: relative
}
.cases-content ul li > ul {
  margin: 16px 0
}
.cases-content ul li:not(:last-child) {
  margin-bottom: 16px
}
.cases-content ul li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 20px;
  min-width: 20px;
  height: 2px;
  background-color: #00a89b;
  margin-right: 15px
}
.cases-content b {
  display: block;
  font: 700 22px/30px LitteraPlain,sans-serif;
  margin-bottom: 20px
}
.cases-content p {
  font: 400 22px/30px LitteraPlain,sans-serif;
  max-width: 700px
}
.cases-content p:not(:last-child) {
  margin-bottom: 20px
}
@media (max-width:768px) {
  .cases-content__wrap {
    padding: 30px 0
  }
  .cases-content ul li {
    padding-left: 20px
  }
  .cases-content ul li::before {
    width: 10px;
    min-width: 10px;
    margin-right: 7.5px
  }
  .cases-content b {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 15px
  }
  .cases-content p:not(:last-child) {
    margin-bottom: 15px
  }
  .cases-content p {
    font-size: 16px;
    line-height: 1.4
  }
}
/* End */


/* Start:/local/templates/main/assets/bx-styles/cases-detail.css?16666827553564*/
.cases-detail {
  padding-bottom: 40px
}
.cases-detail_blue .cases-detail__list-item,
.cases-detail_blue .cases-detail__list-item a,
.cases-detail_blue .cases-detail__menu-title,
.cases-detail_blue .cases-detail__title,
.cases-detail_green .cases-detail__list-item,
.cases-detail_green .cases-detail__list-item a,
.cases-detail_green .cases-detail__menu-title,
.cases-detail_green .cases-detail__title,
.cases-detail_steel-blue .cases-detail__list-item,
.cases-detail_steel-blue .cases-detail__list-item a,
.cases-detail_steel-blue .cases-detail__menu-title,
.cases-detail_steel-blue .cases-detail__title,
.cases-detail_yellow .cases-detail__list-item,
.cases-detail_yellow .cases-detail__list-item a,
.cases-detail_yellow .cases-detail__menu-title,
.cases-detail_yellow .cases-detail__title {
  color: #fff
}
.cases-detail_blue {
  background-color: #009ee3
}
.cases-detail_yellow {
  background-color: #ffc540
}
.cases-detail_green {
  background-color: #00a89b
}
.cases-detail_steel-blue {
  background-color: #2a7d9e
}
.cases-detail__wrap {
  padding-top: 40px
}
.cases-detail__image {
  width: 100%;
  max-width: 342px;
  margin-left: auto
}
.cases-detail__title {
  font-family: LitteraPlain,sans-serif;
  font-weight: 700;
  font-size: 56px;
  line-height: 100%;
  color: currentColor;
  margin-bottom: 40px
}
.cases-detail__menu-title {
  opacity: .5;
  margin-bottom: 14px
}
.cases-detail__list {
  display: flex;
  flex-wrap: wrap;
  margin: -6px
}
.cases-detail__list-item {
  margin: 6px
}
.cases-detail__list-item a {
  position: relative;
  color: #00a89b
}
.cases-detail__list-item a:hover {
  color: #323232
}
.cases-detail__list-item a:before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  border-bottom: 1px solid;
  content: "";
  opacity: .3
}
.cases-detail__text-block {
  margin-top: 60px
}
.cases-detail__text-block-title {
  font-weight: 700;
  font-size: 50px;
  line-height: 1.4;
  margin-bottom: 30px
}
.cases-detail__text-block-wrap {
  display: flex;
  margin: -15px -15px 0
}
.cases-detail__text-block-col {
  margin: 15px 15px 0
}
.cases-detail__text-block-key {
  opacity: .5;
  margin-bottom: 4px
}
.cases-detail__text-block-numb {
  font-size: 32px;
  font-weight: 700;
  color: #00a89b
}
@media (min-width:769px) {
  .cases-detail__wrap {
    display: flex;
    align-items: center;
    flex-direction: row-reverse
  }
  .cases-detail__content {
    width: 70%
  }
}
@media (min-width:1101px) {
  .cases-detail__menu {
    display: flex
  }
  .cases-detail__menu-col {
    width: 29%
  }
}
@media (max-width:1101px) {
  .cases-detail__menu-col:first-child {
    margin-bottom: 20px
  }
}
@media (max-width:1024px) {
  .cases-detail {
    padding-bottom: 25px
  }
  .cases-detail__text-block {
    margin-top: 20px
  }
  .cases-detail__text-block-title {
    font-size: 28px;
    margin-bottom: 20px
  }
  .cases-detail__text-block-numb {
    font-size: 28px
  }
}
@media (max-width:768px) {
  .cases-detail__wrap {
    padding-top: 25px
  }
  .cases-detail__image {
    margin-bottom: 20px
  }
  .cases-detail__title {
    font-size: 28px;
    margin-bottom: 20px
  }
  .cases-detail__menu-title {
    margin-bottom: 7px
  }
}
@media (max-width:1600px) and (min-width:769px) {
  .cases-detail__title {
    font-size: 3.5vw
  }
}
@media (max-width:1600px) and (min-width:1025px) {
  .cases-detail__text-block {
    margin-top: 3.6vw
  }
  .cases-detail__text-block-title {
    font-size: 3vw;
    margin-bottom: 1.8vw
  }
  .cases-detail__text-block-numb {
    font-size: 2vw
  }
}
/* End */


/* Start:/local/templates/main/assets/bx-styles/cases.css?17518966436672*/
.cases_clickout .cases__card {
  max-height: none
}
.cases__wrap:not(.cases__wrap_fix) .cases__card:not([data-filter-cases^=all]) {
  max-height: 0;
  z-index: -100;
  opacity: 0;
  pointer-events: none
}
.cases__wrap.cases__wrap_fix {
  margin-top: 50px
}
.cases__wrap.cases__wrap_fix .cases__card-image img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.cases__tabs-wrap {
  width: 100%;
  margin-top: 10px
}
.cases__tabs-wrap ul:not(:last-child) {
  margin-bottom: 30px
}
.cases__cards {
  flex: auto;
  margin-top: -60px
}
.cases__card {
  max-height: 500px;
  position: relative;
  transition: .3s linear
}
.cases__card-inner {
  width: 100%;
  padding-top: 60px
}
.cases__card-image {
  position: absolute;
  flex: auto;
  z-index: 1;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40%;
  max-height: 310px;
  display: block
}
.cases__card-image img {
  max-height: 310px
}
.cases__over-link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: block
}
.cases__card-wrap {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 100%;
  border-radius: 10px;
  cursor: pointer;
  transition: .3s linear;
  padding: 40px 40px 29px
}
.cases__card-wrap:hover {
  box-shadow: rgba(17,17,26,.1) 0 1px 0,rgba(17,17,26,.1) 0 8px 24px,rgba(17,17,26,.1) 0 16px 48px
}
.cases__card-wrap:not(.cases__card-wrap_theme-dark):not(.cases__card-wrap_theme-grey) .cases__made-link {
  color: currentColor;
  border-bottom-color: rgba(255,255,255,.3)
}
.cases__card-wrap:not(.cases__card-wrap_theme-dark):not(.cases__card-wrap_theme-grey) .cases__made-link:hover {
  border-bottom-color: #fff
}
.cases__card-wrap:not(.cases__card-wrap_theme-dark):not(.cases__card-wrap_theme-grey) .cases__target-title {
  color: currentColor
}
.cases__card-wrap:not(.cases__card-wrap_theme-dark):not(.cases__card-wrap_theme-grey) .cases__link {
  color: currentColor
}
.cases__card-wrap:not(.cases__card-wrap_theme-dark):not(.cases__card-wrap_theme-grey) .cases__link svg {
  stroke: #fff
}
.cases__card-wrap:not(.cases__card-wrap_theme-dark):not(.cases__card-wrap_theme-grey) .cases__target-col:first-child {
  border-bottom: 1px solid rgba(255,255,255,.3)
}
.cases__card-wrap_theme-dark {
  background-color: #000;
  color: #fff
}
.cases__card-wrap_theme-dark:hover {
  box-shadow: rgba(0,168,155,.1) 0 1px 0,rgba(0,168,155,.1) 0 8px 24px,rgba(0,168,155,.1) 0 16px 48px
}
.cases__card-wrap_theme-grey {
  background-color: #f3f3f3;
  color: #323232
}
.cases__card-wrap_theme-grey .cases__target-title {
  color: #323232
}
.cases__card-wrap_theme-green {
  background-color: #00a89b;
  color: #fff
}
.cases__card-wrap_theme-yellow {
  background-color: #ffc540;
  color: #fff
}
.cases__card-wrap_theme-orange {
  background-color: #ffc540;
  background-image: linear-gradient(180deg,#ffc540 0,#f79018 100%);
  color: #fff
}
.cases__card-wrap_theme-blue {
  background-color: #009ee3;
  color: #fff
}
.cases__card-wrap_theme-steel-blue {
  background-color: #2a7d9e;
  color: #fff
}
.cases__card-wrap_theme-blue-light {
  background-color: #d1d8e0;
  color: #fff
}
.cases__card-wrap_theme-green-dark {
  background-color: #446544;
  color: #fff
}
.cases__card-wrap_theme-beige {
  background-color: #e2d9d0;
  color: #323232
}
.cases__card-left {
  width: 100%;
  max-width: 440px;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  display: block
}
.cases__link {
  color: #000;
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  margin-top: 68px
}
.cases__link span {
  margin-right: 16px
}
.cases__link svg {
  stroke: #000
}
.cases__made {
  margin-bottom: 32px;
  display: flex;
  align-items: center
}
.cases__made-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  margin-right: 20px
}
.cases__made-title:after {
  content: "";
  width: 44px;
  height: 1px;
  background: currentColor;
  opacity: .3;
  margin-left: 24px
}
.cases__made-list {
  display: flex;
  align-items: center;
  margin: 0 -11px;
  position: relative;
  z-index: 1000;
  flex-wrap: wrap
}
.cases__made-item {
  text-transform: lowercase;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  display: block;
  margin: 0 11px
}
.cases__made-link {
  border-bottom: 1px solid rgba(0,168,155,.3);
  color: #00a89b
}
.cases__made-link:hover {
  border-bottom-color: #00a89b
}
.cases__card-title {
  display: block;
  font-weight: 700;
  font-size: 26px;
  line-height: 100%;
  margin-bottom: 40px
}
.cases__target-col {
  display: flex
}
.cases__target-col:first-child {
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(0,0,0,.2);
  margin-bottom: 13px
}
.cases__target-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  min-width: 96px;
  opacity: .6
}
.cases__target-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%
}
.cases__all {
  margin-top: 60px;
  width: 100%;
  max-width: 140px
}
@media (min-width:769px) {
  .cases__target {
    display: flex;
    flex-direction: column
  }
}
@media (min-width:1025px) {
  .cases__wrap:not(.cases__wrap_fix) {
    display: flex;
    align-items: self-start
  }
  .cases__tabs-wrap {
    margin-right: 10px;
    max-width: 220px;
    position: sticky;
    top: 120px
  }
}
@media (max-width:1340px) {
  .cases__card-image {
    top: 50%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    right: 0;
    max-width: 350px
  }
  .cases__card-image img {
    width: 100%
  }
}
@media (max-width:1024px) {
  .cases__tabs-wrap ul:not(:last-child) {
    margin-bottom: 0;
    margin-right: 32px
  }
  .cases__tabs-wrap {
    margin-bottom: 40px;
    display: flex
  }
  .cases__cards {
    margin-top: -40px
  }
  .cases__card-inner {
    padding-top: 40px;
    overflow: hidden
  }
  .cases__card-title {
    font-size: 24px
  }
}
@media (max-width:900px) {
  .cases__card-image {
    max-width: 270px
  }
}
@media (max-width:768px) {
  .cases__wrap.cases__wrap_fix {
    margin-top: 30px
  }
  .cases__cards {
    margin-top: -25px
  }
  .cases__card-inner {
    padding-top: 25px
  }
  .cases__card-image {
    display: none
  }
  .cases__card-wrap {
    padding: 20px
  }
  .cases__card-title br {
    display: none
  }
  .cases__all {
    margin-top: 30px
  }
}
@media (max-width:425px) {
  .cases__link {
    margin-top: 28px
  }
  .cases__card-title {
    margin-bottom: 32px
  }
  .cases__target-col {
    flex-direction: column
  }
  .cases__target-text,
  .cases__target-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 4px
  }
}
/* End */
/* /local/templates/main/assets/bx-styles/cases-content.css?16670321501567 */
/* /local/templates/main/assets/bx-styles/cases-detail.css?16666827553564 */
/* /local/templates/main/assets/bx-styles/cases.css?17518966436672 */