/* line 1, online.scss */
.online_value-subscribe {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-image: -webkit-gradient(linear, left top, right top, from(#ef414d), to(#d73566));
  background-image: -webkit-linear-gradient(left, #ef414d 0%, #d73566 100%);
  background-image: -moz-linear-gradient(left, #ef414d 0%, #d73566 100%);
  background-image: -o-linear-gradient(left, #ef414d 0%, #d73566 100%);
  background-image: linear-gradient(to right, #ef414d 0%, #d73566 100%); }
  @media (max-width: 1200px) {
    /* line 1, online.scss */
    .online_value-subscribe {
      margin-bottom: 16px; } }

/* line 14, online.scss */
.online_value {
  color: #fff; }

/* line 19, online.scss */
.online_value-complect {
  display: block;
  text-decoration: none;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-image: -webkit-gradient(linear, left top, right top, from(#f0c810), to(#f1970b));
  background-image: -webkit-linear-gradient(left, #f0c810 0%, #f1970b 100%);
  background-image: -moz-linear-gradient(left, #f0c810 0%, #f1970b 100%);
  background-image: -o-linear-gradient(left, #f0c810 0%, #f1970b 100%);
  background-image: linear-gradient(to right, #f0c810 0%, #f1970b 100%); }

/* line 31, online.scss */
.online_value-service {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-image: -webkit-gradient(linear, left top, right top, from(#143154), to(#064246));
  background-image: -webkit-linear-gradient(left, #143154 0%, #064246 100%);
  background-image: -moz-linear-gradient(left, #143154 0%, #064246 100%);
  background-image: -o-linear-gradient(left, #143154 0%, #064246 100%);
  background-image: linear-gradient(to right, #143154 0%, #064246 100%); }

/* line 42, online.scss */
.online_works-image {
  background-image: url(repeat-gray.png); }

/* line 45, online.scss */
.online_works {
  padding: 50px 0 90px; }

/* line 49, online.scss */
.online_works-title {
  text-align: center;
  margin-top: 20px;
  color: #414141;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  font-weight: 300; }

/* line 57, online.scss */
.online_works-image {
  display: inline-block;
  height: 0;
  width: 100%;
  position: relative;
  vertical-align: top;
  padding-top: 100%; }

/* line 66, online.scss */
.online_works-icons {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px); }

/* line 82, online.scss */
.online_works-icon {
  display: inline-block;
  vertical-align: top;
  width: -webkit-calc(50% - 7px);
  width: -moz-calc(50% - 7px);
  width: calc(50% - 7px);
  margin-bottom: 10px;
  margin-right: 5px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  background: #fff;
  -webkit-transition: all 200ms;
  -o-transition: all 200ms;
  -moz-transition: all 200ms;
  transition: all 200ms; }

/* line 100, online.scss */
.online_works-icon:hover {
  -webkit-box-shadow: 0 0 3px rgba(0, 1, 1, 0.5);
  box-shadow: 0 0 3px rgba(0, 1, 1, 0.5); }

/* line 104, online.scss */
.online_works-item {
  position: relative; }

/* line 108, online.scss */
.online_works-item:after {
  content: '';
  position: absolute;
  width: 80px;
  height: 42px;
  right: -93px;
  top: 50%;
  background: url(online-arrow.svg), url(online_doc.svg);
  background-repeat: no-repeat;
  background-position: 0 34px, 33px 0px;
  z-index: 1;
  -webkit-background-size: 100%, 22px;
  -o-background-size: 100%, 22px;
  background-size: 100%, 22px; }

/* line 123, online.scss */
.online_works-list.row-flex.is-grid {
  margin-left: -35px;
  margin-right: -35px; }

/* line 128, online.scss */
.online_works-list.row-flex.is-grid > [class*='cell-'] {
  padding-left: 35px;
  padding-right: 35px; }

/* line 133, online.scss */
.online_works-list.row-flex.is-grid > [class*='cell-']:last-child > *:after {
  display: none; }

/* line 136, online.scss */
.online_works-list {
  padding-top: 88px; }

/* line 140, online.scss */
.online_works-list.row-flex.is-grid {
  counter-reset: work; }

/* line 143, online.scss */
.online_works-list.row-flex.is-grid > [class*='cell-'] {
  counter-increment: work; }

/* line 146, online.scss */
.online_works:not(.is-large) .online_works-item:before {
  content: counter(work);
  color: #f4f5f6;
  font-family: "Museo Sans Cyrl";
  font-size: 100px;
  font-weight: 900;
  line-height: 29px;
  text-shadow: 8px 7px 0px #fff;
  position: absolute;
  top: -21px;
  z-index: 1;
  left: 15px; }

/* line 159, online.scss */
.online_value-subscribe-title {
  color: #ffffff;
  font-family: "Museo Sans Cyrl";
  font-size: 30px;
  font-weight: 100;
  text-transform: uppercase; }
  @media (max-width: 480px) {
    /* line 159, online.scss */
    .online_value-subscribe-title {
      font-size: 22px; } }

/* line 170, online.scss */
.online_value-subscribe-text {
  color: #ffffff;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  font-weight: 100;
  line-height: 26px; }
  @media (max-width: 768px) {
    /* line 170, online.scss */
    .online_value-subscribe-text {
      margin-bottom: 16px; } }

/* line 181, online.scss */
.online_value-subscribe-price {
  color: #ffffff;
  font-family: "Museo Sans Cyrl";
  font-size: 100px;
  font-weight: 100;
  line-height: 1;
  text-transform: uppercase;
  margin: 0 15px; }
  @media (max-width: 1380px) {
    /* line 181, online.scss */
    .online_value-subscribe-price {
      font-size: 70px; } }
  @media (max-width: 480px) {
    /* line 181, online.scss */
    .online_value-subscribe-price {
      font-size: 48px; } }

/* line 197, online.scss */
.online_value-subscribe-before {
  color: #ffffff;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  font-weight: 100;
  line-height: 24px; }

/* line 205, online.scss */
.online_value-subscribe-after {
  color: #ffffff;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  font-weight: 100;
  line-height: 24px; }

/* line 213, online.scss */
.online_value-complect-title {
  color: #ffffff;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  font-weight: 100;
  line-height: 24px;
  margin-bottom: 20px; }

/* line 222, online.scss */
.online_value-complect-price {
  color: #ffffff;
  font-family: "Museo Sans Cyrl";
  font-size: 24px;
  font-weight: 100;
  line-height: 24px; }

/* line 231, online.scss */
.online_value-complect {
  padding-left: 54%; }

/* line 235, online.scss */
.online_value-service-title {
  font-family: "Museo Sans Cyrl";
  font-size: 20px;
  font-weight: 100;
  text-transform: uppercase; }

/* line 242, online.scss */
.online_value-service-text {
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  font-weight: 100;
  line-height: 22px; }
  @media (max-width: 1380px) {
    /* line 242, online.scss */
    .online_value-service-text {
      font-size: 14px; } }

/* line 252, online.scss */
.online_value-service-price {
  font-family: "Museo Sans Cyrl";
  font-size: 24px;
  font-weight: 100;
  line-height: 24px; }

/* line 259, online.scss */
.online_value-service-before {
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  font-weight: 100; }

/* line 265, online.scss */
.online_value-service-after {
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  font-weight: 100; }

/* line 271, online.scss */
.online_value-subscribe-title:after {
  content: '';
  display: block;
  width: 62%;
  height: 1px;
  background: #fff;
  margin-top: 50px;
  margin-bottom: 50px; }
  @media (max-width: 768px) {
    /* line 271, online.scss */
    .online_value-subscribe-title:after {
      margin-top: 25px;
      margin-bottom: 25px; } }

/* line 285, online.scss */
.online_value-subscribe {
  padding: 85px 40px 60px 60px; }
  @media (max-width: 1200px) {
    /* line 285, online.scss */
    .online_value-subscribe {
      padding: 45px 20px 20px 20px; } }

/* line 292, online.scss */
.online_value-complect {
  margin-bottom: 16px;
  min-height: -webkit-calc(50% - 8px);
  min-height: -moz-calc(50% - 8px);
  min-height: calc(50% - 8px);
  padding-top: 40px;
  padding-right: 16px; }
  @media (max-width: 1380px) {
    /* line 292, online.scss */
    .online_value-complect {
      padding-top: 20px; } }

/* line 304, online.scss */
.online_value-service {
  min-height: -webkit-calc(50% - 8px);
  min-height: -moz-calc(50% - 8px);
  min-height: calc(50% - 8px);
  padding: 22px 10px 0px 20px; }
  @media (max-width: 480px) {
    /* line 304, online.scss */
    .online_value-service {
      padding-top: 14px; } }

/* line 314, online.scss */
.online_value-complect-price {
  background-image: url(arr-white-right.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain; }

/* line 322, online.scss */
.online_value-service-price {
  margin: 0 12px; }
  @media (max-width: 1380px) {
    /* line 322, online.scss */
    .online_value-service-price {
      margin: 0 2px; } }

/* line 328, online.scss */
.online_value-service-title:after {
  content: '';
  display: block;
  width: 62%;
  height: 1px;
  background: #fff;
  margin-top: 10px;
  margin-bottom: 10px; }

@media (min-width: 1201px) {
  /* line 339, online.scss */
  .cell-online_value-right {
    -webkit-flex-basis: 35%;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
    max-width: 35%; }

  /* line 345, online.scss */
  .cell-online_value-left {
    -webkit-flex-basis: 65%;
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%;
    max-width: 65%; } }
/* line 352, online.scss */
.online_value-complect {
  position: relative; }

/* line 356, online.scss */
.online_value-complect:before {
  content: '';
  background-image: url(on_complect.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 61%;
  height: 100%; }
  @media (max-width: 640px) {
    /* line 356, online.scss */
    .online_value-complect:before {
      display: none; } }

/* line 375, online.scss */
.online_value-complect--online_kassa:before {
  background-image: url(online_kassa_complect.png); }

/* line 379, online.scss */
.online_value {
  padding: 90px 0; }

/* line 383, online.scss */
.online_value-heading {
  margin-bottom: 60px; }

/* line 386, online.scss */
.online_integration-inner {
  background-image: url(repeat-gray.png); }

/* line 389, online.scss */
.online_integration-item {
  display: block;
  background: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 26px;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  -moz-transition: all 300ms;
  transition: all 300ms; }

/* line 401, online.scss */
.online_integration-item .image-container {
  padding-top: 120px; }

/* line 405, online.scss */
.online_integration-item:hover {
  -webkit-box-shadow: 0 0 27px rgba(0, 1, 1, 0.18);
  box-shadow: 0 0 27px rgba(0, 1, 1, 0.18); }

/* line 409, online.scss */
.online_integration-inner {
  padding: 40px 20px;
  margin: 30px 0; }

/* line 414, online.scss */
.online_integration-footer {
  text-align: center;
  color: #242424;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  font-weight: 500;
  margin-top: 30px; }
  /* line 421, online.scss */
  .online_integration-footer a {
    color: #ef414c;
    text-decoration: none;
    font-size: 18px;
    font-weight: 900; }
    /* line 426, online.scss */
    .online_integration-footer a img {
      width: 17px;
      margin-left: 5px; }

/* line 432, online.scss */
.online_integration-item {
  position: relative; }

/* line 436, online.scss */
.online_integration-item.is-soon:hover img {
  display: none; }
/* line 439, online.scss */
.online_integration-item.is-soon:hover:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;
  width: 94px;
  height: 22px;
  background-image: url("on_soon.png");
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  content: ''; }

@media (max-width: 1200px) {
  /* line 463, online.scss */
  .online_value-complect {
    width: -webkit-calc(100%) !important;
    width: -moz-calc(100%) !important;
    width: calc(100%) !important;
    display: inline-block;
    vertical-align: top;
    padding-left: 52%;
    padding-top: 20px;
    min-height: 180px;
    margin-right: 10px; } }
  @media (max-width: 1200px) and (max-width: 640px) {
    /* line 463, online.scss */
    .online_value-complect {
      padding-left: 20px; } }

@media (max-width: 1200px) {
  /* line 479, online.scss */
  .online_value-service {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    min-height: 180px; } }
@media (max-width: 1200px) {
  /* line 487, online.scss */
  .online_value-service {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    min-height: 180px; } }
/* line 494, online.scss */
.online_value-complect
> * {
  z-index: 1;
  position: relative; }

/* line 499, online.scss */
.promo.is-online .promo-content {
  padding-left: 0% !important; }

/* line 503, online.scss */
.promo.is-online .promo-middle {
  font-size: 27px;
  font-weight: 100;
  line-height: 39px; }
/* line 509, online.scss */
.promo.is-online .promo-title {
  margin-bottom: 25px; }
/* line 512, online.scss */
.promo.is-online .promo-container {
  padding-bottom: 70px; }

/* line 517, online.scss */
.online-promo-start {
  max-width: 400px;
  width: 100%;
  font-size: 18px;
  line-height: 1;
  margin-top: 40px; }

/* line 524, online.scss */
.online_works-heding,
.online_value-heading,
.online_integration-heading {
  font-weight: bold; }

/* line 529, online.scss */
.online_works-icon {
  text-align: center; }

@media (max-width: 1024px) {
  /* line 534, online.scss */
  .online_works-item {
    margin-bottom: 5rem; } }
@media (max-width: 1200px) {
  /* line 540, online.scss */
  .online_value {
    max-width: 760px;
    margin: auto; } }
/* line 545, online.scss */
.online-promo-image {
  position: relative; }

/* line 549, online.scss */
.online-promo-image:before {
  content: '';
  background-image: url(repeat-gray.png);
  position: absolute;
  z-index: -1;
  width: 100%;
  left: -30px;
  bottom: -30px;
  height: 75%; }

/* line 559, online.scss */
.online_works-list {
  position: relative; }

/* line 563, online.scss */
.online_works-list:before {
  content: '';
  max-width: 177px;
  width: 14%;
  height: 94px;
  display: inline-block;
  background-image: url(plants-decor-top-s.png);
  position: absolute;
  top: -6px;
  left: 97px;
  z-index: 1;
  background-position: 100%;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain; }
  @media (max-width: 1240px) {
    /* line 563, online.scss */
    .online_works-list:before {
      display: none; } }

/* line 583, online.scss */
.online_works-list:after {
  content: '';
  position: absolute;
  width: 84px;
  height: 276px;
  right: -49px;
  bottom: 0;
  background-image: url(decor-left-middle.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  overflow: hidden;
  display: inline-block; }
  @media (max-width: 1240px) {
    /* line 583, online.scss */
    .online_works-list:after {
      display: none; } }

/* line 601, online.scss */
.online_integration-inner {
  position: relative; }

/* line 605, online.scss */
.online_integration-inner:before {
  content: '';
  position: absolute;
  width: 171px;
  height: 199px;
  left: -171px;
  top: 42px;
  background-image: url(decor-left-s.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: 100%;
  overflow: hidden;
  display: inline-block; }

/* line 621, online.scss */
.online_integration-inner:after {
  content: '';
  position: absolute;
  width: 143px;
  height: 204px;
  right: -143px;
  bottom: 5px;
  background-image: url(decor-right-s.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  overflow: hidden;
  display: inline-block; }

/* line 637, online.scss */
.online_works-icon {
  display: inline-block;
  height: 0;
  position: relative;
  vertical-align: top;
  padding-top: 50px; }

/* line 645, online.scss */
.online_works-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%; }

/* line 659, online.scss */
.online_works.is-large .online_works.is-large .online_works-list:before,
.online_works.is-large .online_works.is-large .online_works-list:after {
  display: none; }
/* line 663, online.scss */
.online_works.is-large .online_works-title {
  text-shadow: 1px 1px 0 #fff; }
/* line 666, online.scss */
.online_works.is-large .online_works-image img {
  max-width: calc(100% - 40px);
  max-height: calc(100% - 70px);
  top: 60%; }
  @media (max-width: 640px) {
    /* line 666, online.scss */
    .online_works.is-large .online_works-image img {
      top: 40%; } }
/* line 674, online.scss */
.online_works.is-large .online_works-item:before {
  content: counter(work);
  color: #ffffff;
  font-family: "Museo Sans Cyrl";
  font-weight: 900;
  position: absolute;
  top: -21px;
  z-index: 1;
  right: 15px;
  left: initial;
  background: #ef414c;
  display: inline-block;
  font-size: 48px;
  width: 70px;
  height: 70px;
  background-color: #ef414c;
  text-align: center;
  line-height: 70px;
  border-radius: 50%; }
  @media (max-width: 800px) {
    /* line 674, online.scss */
    .online_works.is-large .online_works-item:before {
      width: 55px;
      height: 55px;
      line-height: 55px; } }
/* line 699, online.scss */
.online_works.is-large [class*='cell-']:nth-child(1) .online_works-image-link {
  max-height: calc(100% - 80px);
  max-width: 260px; }
  @media (max-width: 480px) {
    /* line 699, online.scss */
    .online_works.is-large [class*='cell-']:nth-child(1) .online_works-image-link {
      top: 30%; } }
/* line 706, online.scss */
.online_works.is-large [class*='cell-']:nth-child(3) .online_works-image-link {
  max-height: calc(100% - 80px);
  max-width: 260px; }
@media (max-width: 800px) {
  /* line 711, online.scss */
  .online_works.is-large [class*='cell-']:nth-child(1) .online_works-image-link {
    max-width: 260px; } }
@media (max-width: 800px) {
  /* line 716, online.scss */
  .online_works.is-large [class*='cell-']:nth-child(4) .online_works-item:before {
    line-height: 53px !important; } }
/* line 720, online.scss */
.online_works.is-large .online_works-title {
  text-align: center;
  top: 30px;
  color: #414141;
  font-family: "Museo Sans Cyrl";
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  width: 100%;
  left: 0;
  margin-top: 0;
  padding-left: 60px;
  padding-right: 60px; }
  @media (max-width: 800px) {
    /* line 720, online.scss */
    .online_works.is-large .online_works-title {
      padding-left: 30px;
      padding-right: 30px;
      top: 34px; } }
/* line 739, online.scss */
.online_works.is-large .online_works-image-link {
  padding: 0;
  top: 60%; }
/* line 743, online.scss */
.online_works.is-large .online_works-image {
  display: inline-block;
  height: 0;
  width: 100%;
  position: relative;
  vertical-align: top;
  padding-top: 60% !important;
  border-radius: 60px; }
  @media (max-width: 800px) {
    /* line 743, online.scss */
    .online_works.is-large .online_works-image {
      border-radius: 30px; } }
  @media (min-width: 1024px) {
    /* line 743, online.scss */
    .online_works.is-large .online_works-image {
      padding-top: 40% !important; } }
/* line 758, online.scss */
.online_works.is-large .online_works-list:after {
  content: '';
  position: absolute;
  width: 84px;
  height: 276px;
  right: -69px;
  bottom: 0;
  background-image: url(decor-left-middle.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  overflow: hidden;
  display: inline-block; }
/* line 773, online.scss */
.online_works.is-large .online_works-list.row-flex.is-grid > [class*='cell-']:first-child:after {
  content: '';
  position: absolute;
  width: 80px;
  height: 66px;
  right: -40px;
  top: 50%;
  background: url(back-arrow.png);
  background-repeat: no-repeat;
  background-position: 0;
  z-index: 1;
  background-size: contain; }
  @media (max-width: 640px) {
    /* line 773, online.scss */
    .online_works.is-large .online_works-list.row-flex.is-grid > [class*='cell-']:first-child:after {
      width: 66px; } }
  @media (max-width: 640px) {
    /* line 773, online.scss */
    .online_works.is-large .online_works-list.row-flex.is-grid > [class*='cell-']:first-child:after {
      display: none; } }
/* line 792, online.scss */
.online_works.is-large .online_works-list:before {
  content: '';
  position: absolute;
  width: 210px;
  max-height: 69%;
  height: 138px;
  left: -165px;
  top: 100px;
  background-image: url(plants-how.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: 100%;
  overflow: hidden;
  display: inline-block; }
/* line 808, online.scss */
.online_works.is-large .online_works-list.row-flex.is-grid {
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 30px; }
/* line 813, online.scss */
.online_works.is-large .online_works-list.row-flex.is-grid > [class*='cell-'] {
  position: relative;
  padding-left: 15px;
  padding-right: 15px; }
/* line 818, online.scss */
.online_works.is-large .online_works-list.row-flex.is-grid > [class*='cell-']:nth-child(3):after {
  content: '';
  position: absolute;
  width: 126px;
  height: 80px;
  right: calc(50% - 33px);
  top: -70px;
  background: url(refresh.png);
  background-repeat: no-repeat;
  background-position: 0;
  z-index: 1;
  background-size: contain; }
  @media (max-width: 640px) {
    /* line 818, online.scss */
    .online_works.is-large .online_works-list.row-flex.is-grid > [class*='cell-']:nth-child(3):after {
      width: 90px; } }
  @media (max-width: 480px) {
    /* line 818, online.scss */
    .online_works.is-large .online_works-list.row-flex.is-grid > [class*='cell-']:nth-child(3):after {
      display: none; } }
/* line 837, online.scss */
.online_works.is-large .online_works-item:after {
  display: none; }
/* line 840, online.scss */
.online_works.is-large .online_works-item {
  margin-bottom: 57px; }
@media (max-width: 480px) {
  /* line 844, online.scss */
  .online_works.is-large [class*='cell-']:nth-child(even) .online_works-item:before {
    left: 15px;
    right: initial; } }
@media (max-width: 640px) {
  /* line 850, online.scss */
  .online_works.is-large .online_works-image img {
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px); }
  /* line 854, online.scss */
  .online_works.is-large .online_works.is-large .online_works-item {
    margin-bottom: 35px; }
  /* line 857, online.scss */
  .online_works.is-large .online_works.is-large .online_works-image {
    padding-top: 88%; }
  /* line 860, online.scss */
  .online_works.is-large .online_works-title {
    top: initial;
    bottom: 20px;
    text-shadow: 1px 1px 0 #fff; }
  /* line 865, online.scss */
  .online_works.is-large .online_works-list {
    padding-top: 20px; }
  /* line 869, online.scss */
  .online_works.is-large .online_works-image img {
    max-height: calc(100% - 80px); }
  /* line 872, online.scss */
  .online_works.is-large .online_works-image .online_works-image-link img {
    max-height: calc(100% - 80px);
    max-width: calc(100% - 80px); }
  /* line 876, online.scss */
  .online_works.is-large .online_works-image img {
    max-width: calc(100% - 80px); } }

@media (max-width: 375px) {
  /* line 883, online.scss */
  .online-promo-start {
    margin-top: 20px; } }
/* line 887, online.scss */
.online_works.is-large {
  padding: 50px 0 0px; }

/* line 891, online.scss */
.online_works.is-large [class*='cell-']:nth-child(4) .online_works-item:before {
  content: '+';
  line-height: 64px; }

/* line 896, online.scss */
.online_works-heding.heding.is-decorate:before {
  content: '';
  border-top: 6px solid #ef414c;
  width: 128px;
  display: block;
  margin: 0px auto 30px; }