@import url(../fonts/HelveticaNeueCyr/stylesheet.css);
@import url("https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
*, *::before, *::after {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

:focus {
  outline: none; }

.case body {
  font-family: 'HelveticaNeueCyr', sans-serif; }

.case button {
  cursor: pointer; }

.case a {
  padding: 0;
  margin: 0;
  text-decoration: none; }

.case p {
  padding: 0;
  margin: 0; }

.case h1, .case h2, .case h3, .case h4, .case h5, .case h6 {
  padding: 0;
  margin: 0; }

.case ul, .case ol {
  list-style: none;
  padding: 0;
  margin: 0; }

.case .container {
  padding: 0 !important;
  max-width: 1140px;
  width: 100%;
  margin: 0 auto; }

.case .main {
  overflow: hidden; }

.case .page-top {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(33.41%, #FBAD46), color-stop(99.05%, #EEBC30));
  background: -webkit-linear-gradient(top, #FBAD46 33.41%, #EEBC30 99.05%);
  background: -o-linear-gradient(top, #FBAD46 33.41%, #EEBC30 99.05%);
  background: linear-gradient(180deg, #FBAD46 33.41%, #EEBC30 99.05%);
  position: relative; }

.case .page-top::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/bg.png);
  background-size: 20%;
  opacity: 0.1; }

.case .banner {
  position: relative;
  z-index: 1; }
  .case .banner .container {
    position: relative;
    z-index: 1; }

.case .banner__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.case .banner__bg_mobile {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.case .banner__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.case .banner__logo {
  width: 230px;
  height: 209px;
  margin-top: 35px; }
  .case .banner__logo img {
    width: 100%; }

.case .banner__text {
  width: 539px;
  margin-left: auto;
  margin-top: 65px; }
  .case .banner__text p {
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.02em;
    color: #FFFFFF; }
  .case .banner__text .date {
    margin-top: 30px;
    margin-left: -8px; }

.case .banner__mac {
  margin-top: 2px; }
  .case .banner__mac img {
    width: 100%; }

.case .tasks {
  position: relative;
  z-index: 1;
  padding-bottom: 64px; }

.case .tasks__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.case .tasks__title {
  width: 385px;
  margin-top: 100px; }
  .case .tasks__title h2 {
    font-weight: bold;
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    margin-bottom: 40px; }
  .case .tasks__title p {
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.05em;
    color: #FFFFFF;
    margin-bottom: 36px; }

.case .tasks__img {
  width: 484px;
  position: relative;
  margin-top: 37px;
  margin-left: auto; }
  .case .tasks__img .img {
    width: 100%;
    position: relative;
    z-index: 1; }
  .case .tasks__img .img-bg {
    position: absolute;
    top: 46px;
    left: -20px; }

.case .module {
  background: #018143;
  padding: 64px 0; }
  .case .module .module_d {
    display: block; }
  .case .module .module_m {
    display: none; }
  .case .module h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    font-size: 40px;
    line-height: 125%;
    color: #FFFFFF;
    margin-bottom: 14px; }
    .case .module h2 span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      height: 36px;
      border-left: 1px solid rgba(255, 255, 255, 0.2);
      font-weight: normal;
      font-size: 18px;
      line-height: 125%;
      color: #FFFFFF;
      padding-left: 24px;
      margin-left: 12px; }

.case .module__img img {
  width: 100%; }

.case .fonts {
  padding-top: 80px;
  padding-bottom: 104px; }
  .case .fonts h2 {
    font-weight: bold;
    font-size: 40px;
    line-height: 125%;
    color: #222222;
    margin-bottom: 64px; }

.case .fonts__block {
  width: 100%;
  position: relative; }
  .case .fonts__block .balsamiq {
    margin-bottom: 30px; }
    .case .fonts__block .balsamiq h3 {
      font-family: 'Balsamiq Sans', sans-serif;
      font-weight: bold;
      font-size: 64px;
      line-height: 125%;
      color: #000000; }
    .case .fonts__block .balsamiq h4 {
      font-family: 'Balsamiq Sans', sans-serif;
      font-weight: bold;
      font-size: 24px;
      line-height: 125%;
      color: #000000; }
    .case .fonts__block .balsamiq h5 {
      font-family: 'Balsamiq Sans', sans-serif;
      font-weight: normal;
      font-size: 24px;
      line-height: 125%;
      color: #000000; }
  .case .fonts__block .helvetica h3 {
    font-weight: 300;
    font-size: 64px;
    line-height: 125%;
    color: #000000; }
  .case .fonts__block .helvetica h4 {
    font-weight: bold;
    font-size: 24px;
    line-height: 125%;
    color: #000000; }
  .case .fonts__block .helvetica h5 {
    font-weight: normal;
    font-size: 24px;
    line-height: 125%;
    color: #000000; }

.case .fonts__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 266px;
  height: 266px;
  border-radius: 50%;
  position: absolute;
  bottom: 5px;
  right: 0;
  z-index: 2;
  background: #FEDA32; }
  .case .fonts__icon p {
    width: 130px;
    font-weight: normal;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 12px;
    position: relative; }
  .case .fonts__icon p::before {
    content: "";
    width: 25px;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: -28px;
    top: 50%; }
  .case .fonts__icon p::after {
    content: "";
    width: 25px;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    right: -28px;
    top: 50%; }
  .case .fonts__icon h5 {
    font-weight: bold;
    font-size: 36px;
    line-height: 125%;
    color: #FFFFFF; }

.case .fonts__icon1 {
  bottom: 170px;
  right: 170px;
  z-index: 1;
  background: -webkit-linear-gradient(338.45deg, #034D3B 13.8%, #008643 50.14%, #034D3B 86.2%);
  background: -o-linear-gradient(338.45deg, #034D3B 13.8%, #008643 50.14%, #034D3B 86.2%);
  background: linear-gradient(111.55deg, #034D3B 13.8%, #008643 50.14%, #034D3B 86.2%); }

.case .main_page, .case .catalog_page, .case .card_page {
  padding-top: 80px;
  padding-bottom: 80px;
  background: -webkit-gradient(linear, left bottom, left top, from(#018143), to(#018143));
  background: -webkit-linear-gradient(bottom, #018143, #018143);
  background: -o-linear-gradient(bottom, #018143, #018143);
  background: linear-gradient(0deg, #018143, #018143);
  position: relative; }
  .case .main_page .container, .case .catalog_page .container, .case .card_page .container {
    position: relative;
    z-index: 1; }
  .case .main_page h2, .case .catalog_page h2, .case .card_page h2 {
    font-weight: 550;
    font-size: 40px;
    line-height: 125%;
    color: #FFFFFF;
    margin-bottom: 52px; }

.case .main_page::after, .case .catalog_page::after, .case .card_page::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/bg.png);
  background-size: 20%;
  opacity: 0.1; }

.case .main_page__img img, .case .catalog_page__img img, .case .card_page__img img {
  width: 100%; }

.case .catalog_page {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(33.41%, #FBAD46), color-stop(99.05%, #EEBC30));
  background: -webkit-linear-gradient(top, #FBAD46 33.41%, #EEBC30 99.05%);
  background: -o-linear-gradient(top, #FBAD46 33.41%, #EEBC30 99.05%);
  background: linear-gradient(180deg, #FBAD46 33.41%, #EEBC30 99.05%); }

.case .structure {
  padding-bottom: 80px;
  background: #F5F5F5; }

.case .structure__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.case .structure__left {
  width: 519px;
  margin-top: 109px; }

.case .structure__right {
  width: 500px;
  margin-top: 123px;
  margin-left: auto; }
  .case .structure__right h2 {
    font-weight: 550;
    font-size: 40px;
    line-height: 125%;
    color: #222222;
    margin-bottom: 37px; }
  .case .structure__right p {
    font-weight: normal;
    font-size: 18px;
    line-height: 145%;
    color: #252C30;
    margin-bottom: 28px; }

.case .structure__table .top {
  text-align: center;
  background: #FCF3A6;
  border: 1px solid #034D3B;
  border-radius: 80px;
  padding: 21px 0;
  font-weight: 550;
  font-size: 24px;
  line-height: 125%;
  color: #034D3B; }

.case .structure__table .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .case .structure__table .box .left, .case .structure__table .box .right {
    width: 240px; }
    .case .structure__table .box .left h4, .case .structure__table .box .right h4 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 57px;
      background: #EFFFE5;
      border-radius: 80px;
      font-family: 'Ubuntu', sans-serif;
      font-weight: normal;
      font-size: 18px;
      line-height: 125%;
      text-align: center;
      color: #034D3B;
      margin-top: 32px;
      margin-bottom: 32px;
      position: relative; }
    .case .structure__table .box .left h4::before, .case .structure__table .box .right h4::before {
      content: "";
      width: 1px;
      height: 32px;
      background: #034D3B;
      position: absolute;
      top: -32px;
      left: 50%; }
    .case .structure__table .box .left h4::after, .case .structure__table .box .right h4::after {
      content: "";
      width: 1px;
      height: 32px;
      background: #034D3B;
      position: absolute;
      bottom: -32px;
      left: 50%; }
    .case .structure__table .box .left h5, .case .structure__table .box .right h5 {
      font-family: 'Ubuntu', sans-serif;
      font-weight: normal;
      font-size: 18px;
      line-height: 125%;
      text-align: center;
      color: #034D3B;
      background: #FFFFFF;
      border: 1px solid #034D3B;
      border-radius: 80px;
      margin-bottom: 18px;
      padding: 7.5px; }
    .case .structure__table .box .left h6, .case .structure__table .box .right h6 {
      width: 202px;
      font-family: 'Ubuntu', sans-serif;
      font-weight: normal;
      font-size: 14px;
      line-height: 125%;
      text-align: center;
      color: #034D3B;
      margin: 0 auto;
      margin-bottom: 8px;
      background: #FFFFFF;
      border-radius: 80px;
      padding: 5.5px; }
  .case .structure__table .box .right h5 {
    margin-bottom: 7px; }

.case .mobile {
  position: relative; }

.case .mobile__bg {
  width: 100%; }

.case .mobile__block {
  width: 386px;
  background: rgba(1, 129, 67, 0.8);
  border-radius: 40px;
  position: absolute;
  top: 124px;
  right: 451px; }
  .case .mobile__block h2 {
    padding: 57px 53px 22px 53px;
    font-weight: 550;
    font-size: 40px;
    line-height: 125%;
    color: #FFFFFF; }
  .case .mobile__block p {
    padding: 0 31px 59px 44px;
    font-weight: normal;
    font-size: 18px;
    line-height: 145%;
    color: #FFFFFF; }

.case .result {
  background: -webkit-linear-gradient(338.45deg, #034D3B 13.8%, #008643 50.14%, #034D3B 86.2%);
  background: -o-linear-gradient(338.45deg, #034D3B 13.8%, #008643 50.14%, #034D3B 86.2%);
  background: linear-gradient(111.55deg, #034D3B 13.8%, #008643 50.14%, #034D3B 86.2%);
  margin-top: -5px; }

.case .result__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.case .result__left {
  width: 530px;
  padding-top: 106px; }
  .case .result__left h2 {
    font-weight: 550;
    font-size: 40px;
    line-height: 125%;
    color: #FFFFFF;
    margin-bottom: 45px; }
  .case .result__left p {
    font-weight: normal;
    font-size: 16px;
    line-height: 145%;
    color: #FFFFFF;
    margin-bottom: 8px; }

.case .result__right {
  width: 444px;
  margin-left: auto;
  padding-top: 53px;
  padding-bottom: 51px; }
  .case .result__right .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 452px;
    background: rgba(1, 129, 67, 0.8);
    border: 10px solid rgba(255, 255, 255, 0.03);
    border-radius: 600px;
    position: relative;
    padding-left: 50px; }
  .case .result__right .block::before {
    content: "";
    width: 46px;
    height: 29px;
    background: url(../img/icon.svg) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 36px;
    left: 36px; }
  .case .result__right .block::after {
    content: "";
    width: 46px;
    height: 29px;
    background: url(../img/icon.svg) no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 36px;
    right: 36px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .case .result__right .content {
    width: 286px;
    margin: 0 auto; }
    .case .result__right .content p {
      font-weight: normal;
      font-size: 18px;
      line-height: 145%;
      color: #FFFFFF;
      margin-bottom: 33px; }
    .case .result__right .content .author {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .case .result__right .content .author .img {
        width: 80px;
        height: 80px;
        overflow: hidden;
        position: relative;
        border-radius: 50%;
        margin-right: 24px; }
        .case .result__right .content .author .img img {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 100%; }
      .case .result__right .content .author div h4 {
        font-weight: normal;
        font-size: 16px;
        line-height: 145%;
        color: #FFFFFF;
        margin-bottom: 4px; }
      .case .result__right .content .author div span {
        font-weight: normal;
        font-size: 14px;
        line-height: 145%;
        color: #FFFFFF; }

.case .team {
  padding: 41px 0 149px;
  background: #EAF1F4; }
  .case .team h2 {
    font-weight: 550;
    font-size: 40px;
    line-height: 125%;
    color: #252C30;
    margin-bottom: 46px; }

.case .team__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.case .team__item h5 {
  font-weight: bold;
  font-size: 18px;
  line-height: 145%;
  color: #252C30;
  margin-bottom: 8px; }

.case .team__item p {
  font-weight: normal;
  font-size: 14px;
  line-height: 145%;
  color: #252C30; }

.case .footer {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(33.41%, #FBAD46), color-stop(99.05%, #EEBC30));
  background: -webkit-linear-gradient(top, #FBAD46 33.41%, #EEBC30 99.05%);
  background: -o-linear-gradient(top, #FBAD46 33.41%, #EEBC30 99.05%);
  background: linear-gradient(180deg, #FBAD46 33.41%, #EEBC30 99.05%);
  position: relative; }
  .case .footer .container {
    position: relative;
    z-index: 2; }

.case .footer::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/bg.png);
  background-size: 20%;
  opacity: 0.1; }

.case .footer__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.case .footer__left {
  width: 480px;
  padding-top: 80px;
  padding-bottom: 100px;
  margin-right: 133px; }
  .case .footer__left h2 {
    font-weight: 550;
    font-size: 40px;
    line-height: 125%;
    color: #FFFFFF;
    margin-bottom: 36px; }
  .case .footer__left p {
    font-weight: normal;
    font-size: 18px;
    line-height: 135%;
    color: #FFFFFF;
    margin-bottom: 36px; }

.case .footer__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .case .footer__btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 226px;
    height: 48px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 18px;
    line-height: 135%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .case .footer__btn a:nth-child(1) {
    background: #018143;
    color: #FFFFFF;
    margin-right: 12px; }
  .case .footer__btn a:last-child {
    background: #FFFFFF;
    color: #018143; }
  .case .footer__btn a:hover {
    opacity: 0.8; }

.case .footer__right {
  width: 406px;
  height: 100%;
  height: 496px;
  position: relative; }
  .case .footer__right img {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0; }

@media screen and (max-width: 1020px) {
  .case .container {
    padding: 0 15px !important; }
  .case .banner__bg {
    display: none; }
  .case .banner__bg_mobile {
    display: block; }
  .case .banner {
    display: block; }
  .case .tasks {
    display: block; }
  .case .banner__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .case .banner__logo {
    width: 155px;
    height: 141px;
    margin: 0 auto;
    margin-top: 25px; }
  .case .banner__text {
    width: 100%;
    margin-top: 11px; }
  .case .banner__text .date {
    margin-left: 0;
    margin-top: 16px;
    text-align: center; }
  .case .banner__mac {
    margin-top: 8px; }
  .case .tasks {
    padding-bottom: 28px; }
  .case .tasks__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .case .tasks__title {
    width: 100%;
    margin-top: 40px; }
  .case .tasks__title h2 {
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 30px; }
  .case .tasks__title p {
    font-size: 16px;
    line-height: 24px;
    padding: 0 15px; }
  .case .tasks__img {
    width: 235px;
    height: 231px;
    margin: 0 auto;
    margin-top: 32px; }
  .case .tasks__img .img-bg {
    width: 260px;
    top: 23px;
    left: -10px; }
  .case .module {
    display: block;
    padding-top: 44px;
    padding-bottom: 70px; }
  .case .module h2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 24px;
    line-height: 125%;
    margin-bottom: 25px; }
  .case .module h2 span {
    margin: 0;
    padding: 0;
    height: auto;
    border: 0;
    -webkit-mask-position: 7px;
    mask-position: 7px; }
  .case .fonts h2 {
    font-size: 24px;
    line-height: 125%;
    margin-bottom: 35px; }
  .case .fonts__block .balsamiq h3 {
    font-size: 36px;
    line-height: 125%;
    margin-bottom: 15px; }
  .case .fonts__block .balsamiq h4 {
    font-size: 24px;
    line-height: 125%;
    margin-bottom: 4px; }
  .case .fonts__block .balsamiq h5 {
    font-size: 24px;
    line-height: 125%; }
  .case .fonts__block .balsamiq {
    margin-bottom: 24px; }
  .case .fonts__block .helvetica h3 {
    font-size: 36px;
    line-height: 125%;
    margin-bottom: 15px; }
  .case .fonts__block .helvetica h4 {
    font-size: 24px;
    line-height: 125%;
    margin-bottom: 4px; }
  .case .fonts__block .helvetica h5 {
    font-size: 24px;
    line-height: 125%; }
  .case .fonts__icon {
    width: 200px;
    height: 200px; }
  .case .fonts__icon1 {
    bottom: 90px;
    right: 150px; }
  .case .fonts__icon p {
    width: 90px;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 9px; }
  .case .fonts__icon p::before {
    left: -21px;
    width: 19px; }
  .case .fonts__icon p::after {
    width: 19px;
    right: -21px; }
  .case .fonts__icon h5 {
    font-size: 24px;
    line-height: 125%; }
  .case .main_page, .case .catalog_page, .case .card_page {
    display: block;
    padding-top: 48px;
    padding-bottom: 48px; }
  .case .main_page h2, .case .catalog_page h2, .case .card_page h2 {
    font-size: 24px;
    line-height: 125%;
    text-align: center;
    margin-bottom: 32px; }
  .case .structure {
    display: block;
    padding-top: 48px;
    padding-bottom: 32px; }
  .case .structure__right {
    width: 50%;
    margin-top: 0; }
  .case .structure__right h2 {
    font-size: 24px;
    line-height: 125%;
    margin-bottom: 22px;
    text-align: center; }
  .case .structure__right p {
    font-size: 16px;
    line-height: 145%; }
  .case .structure__left {
    width: 40%;
    margin-top: 40px; }
  .case .structure__table .top {
    font-size: 18px;
    line-height: 125%;
    padding: 10.5px 0; }
  .case .structure__table .box .right {
    margin-left: 21px; }
  .case .structure__table .box .left, .case .structure__table .box .right {
    width: 132px; }
  .case .structure__table .box .left h6, .case .structure__table .box .right h6 {
    width: 111px; }
  .case .structure__table .box {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .case .structure__table .box .left h4, .case .structure__table .box .right h4 {
    font-size: 12px;
    line-height: 125%;
    height: 32px;
    margin-top: 16px;
    margin-bottom: 16px; }
  .case .structure__table .box .left h4::before, .case .structure__table .box .right h4::before {
    height: 17px;
    top: -17px; }
  .case .structure__table .box .left h4::after, .case .structure__table .box .right h4::after {
    height: 17px;
    bottom: -17px; }
  .case .structure__table .box .left h5, .case .structure__table .box .right h5 {
    font-size: 12px;
    line-height: 125%;
    padding: 3px 0;
    margin-bottom: 10px; }
  .case .structure__table .box .right h5 {
    margin-bottom: 4px; }
  .case .structure__table .box .left h6, .case .structure__table .box .right h6 {
    font-size: 12px;
    line-height: 125%;
    padding: 1px 0;
    margin-bottom: 4px; }
  .case .mobile {
    display: block;
    height: 487px; }
  .case .mobile__bg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    width: auto; }
  .case .mobile__block {
    width: auto;
    left: 15px;
    right: 15px;
    top: 28px; }
  .case .mobile__block h2 {
    font-size: 24px;
    line-height: 125%;
    padding: 33px 19px 7px 31px; }
  .case .mobile__block p {
    font-size: 16px;
    line-height: 145%;
    padding: 0 19px 26px 31px; }
  .case .result {
    display: block;
    padding-top: 37px; }
  .case .result__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .case .result__left {
    padding-top: 0;
    width: 100%;
    margin-bottom: 33px; }
  .case .result__left h2 {
    font-size: 24px;
    line-height: 125%;
    margin-bottom: 26px;
    text-align: center; }
  .case .result__right {
    width: 330px;
    margin: 0 auto;
    padding-top: 0; }
  .case .result__right .block {
    height: 336px; }
  .case .result__right .block::before {
    width: 41px;
    height: 26px;
    top: 18px;
    left: 18px; }
  .case .result__right .block::after {
    width: 41px;
    height: 26px;
    bottom: 18px;
    right: 18px; }
  .case .result__right .content {
    width: 250px;
    padding-top: 24px; }
  .case .result__right .content p {
    font-size: 16px;
    line-height: 145%;
    margin-bottom: 8px; }
  .case .result__right .content .author .img {
    width: 60px;
    margin-right: 18px; }
  .case .result__right .content .author div h4 {
    font-size: 14px;
    line-height: 145%;
    margin-bottom: 3px; }
  .case .result__right .content .author div span {
    font-size: 12px;
    line-height: 145%; }
  .case .team {
    display: block;
    padding: 49px 0 79px; }
  .case .team h2 {
    text-align: center;
    font-size: 24px;
    line-height: 125%;
    margin-bottom: 29px; }
  .case .team__box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 37px; }
  .case .team__item {
    width: 50%;
    margin-bottom: 24px; }
  .case .team__item:last-child {
    margin-bottom: 0; }
  .case .footer {
    display: block; }
  .case .footer__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .case .footer__left {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-top: 0;
    margin-top: 21px;
    padding: 0 10px;
    padding-bottom: 52px; }
  .case .footer__left h2 {
    font-size: 24px;
    line-height: 125%;
    margin-bottom: 20px;
    text-align: center; }
  .case .footer__left p {
    font-size: 16px;
    line-height: 135%;
    margin-bottom: 33px;
    text-align: center; }
  .case .footer__right {
    width: 300px;
    height: 291px;
    position: relative;
    margin: 0 auto; }
  .case .footer__right::after {
    content: "";
    width: 100%;
    height: 4px;
    background: -webkit-gradient(linear, left top, right top, color-stop(-30.99%, #FDF180), color-stop(-12.04%, #BE9310), color-stop(17.29%, #FDF5A9), color-stop(33.18%, #C59D46), color-stop(47.23%, #F7EEA1), color-stop(70.45%, #D7BB67), color-stop(74.73%, #D7BB67), color-stop(87.56%, #FDF5A9), color-stop(110.78%, #C69E0B), color-stop(124.84%, #FDF5A9));
    background: -webkit-linear-gradient(left, #FDF180 -30.99%, #BE9310 -12.04%, #FDF5A9 17.29%, #C59D46 33.18%, #F7EEA1 47.23%, #D7BB67 70.45%, #D7BB67 74.73%, #FDF5A9 87.56%, #C69E0B 110.78%, #FDF5A9 124.84%);
    background: -o-linear-gradient(left, #FDF180 -30.99%, #BE9310 -12.04%, #FDF5A9 17.29%, #C59D46 33.18%, #F7EEA1 47.23%, #D7BB67 70.45%, #D7BB67 74.73%, #FDF5A9 87.56%, #C69E0B 110.78%, #FDF5A9 124.84%);
    background: linear-gradient(90deg, #FDF180 -30.99%, #BE9310 -12.04%, #FDF5A9 17.29%, #C59D46 33.18%, #F7EEA1 47.23%, #D7BB67 70.45%, #D7BB67 74.73%, #FDF5A9 87.56%, #C69E0B 110.78%, #FDF5A9 124.84%);
    border-radius: 6px;
    position: absolute;
    bottom: 0;
    left: 0; }
  .case .footer__right img {
    width: 233px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
  .case .footer::after, .case .main_page::after, .case .catalog_page::after, .case .card_page::after, .case .page-top::after {
    background-size: 50%; }
  .case .footer__btn {
    -ms-flex-pack: distribute;
    justify-content: space-around; } }

@media screen and (max-width: 767px) {
  .case .fonts {
    display: block;
    padding-top: 54px;
    padding-bottom: 0px; }
  .case .fonts__block {
    padding-bottom: 319px; }
  .case .fonts h2 {
    font-size: 24px;
    line-height: 125%;
    text-align: center;
    margin-bottom: 35px; }
  .case .fonts__block .balsamiq h3 {
    font-size: 36px;
    line-height: 125%;
    text-align: center;
    margin-bottom: 15px; }
  .case .fonts__block .balsamiq h4 {
    font-size: 24px;
    line-height: 125%;
    text-align: center;
    margin-bottom: 4px; }
  .case .fonts__block .balsamiq h5 {
    font-size: 24px;
    line-height: 125%;
    text-align: center; }
  .case .fonts__block .balsamiq {
    margin-bottom: 24px; }
  .case .fonts__block .helvetica h3 {
    font-size: 36px;
    line-height: 125%;
    text-align: center;
    margin-bottom: 15px; }
  .case .fonts__block .helvetica h4 {
    font-size: 24px;
    line-height: 125%;
    text-align: center;
    margin-bottom: 4px; }
  .case .fonts__block .helvetica h5 {
    font-size: 24px;
    line-height: 125%;
    text-align: center; }
  .case .fonts__icon {
    width: 185px;
    height: 185px;
    bottom: 31px; }
  .case .fonts__icon1 {
    bottom: 113px;
    right: auto;
    left: 0; }
  .case .fonts__icon p {
    width: 90px;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 9px; }
  .case .fonts__icon p::before {
    left: -21px;
    width: 19px; }
  .case .fonts__icon p::after {
    width: 19px;
    right: -21px; }
  .case .fonts__icon h5 {
    font-size: 24px;
    line-height: 125%; }
  .case .structure__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .case .structure__left {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .case .structure__right {
    width: 100%; }
  .case .mobile__block p {
    font-size: 12px; }
  .case .result__right .content {
    padding-top: 0; }
  .case .team__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .case .team_item {
    width: 100%; }
  .case .footer__btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .case .footer__btn a:nth-child(1) {
    margin-right: 0;
    margin-bottom: 16px; }
  .case .tasks__title {
    margin-top: 80px; }
  .case .tasks__title p:last-child {
    margin-bottom: 0; }
  .case .module .module_d {
    display: none; }
  .case .module .module_m {
    display: block; }
  .case .structure__table .box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .case .team__item {
    width: 100%; }
  .case .footer__left h2, .case .footer__left p {
    text-align: start; } }