html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
form,
table,
tr,
td,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
p,
span,
b,
i,
a,
input,
textarea,
fieldset {
  margin: 0;
  padding: 0;
  outline: none;
}
* {
  -webkit-tap-highlight-color: transparent;
}
:focus {
  outline: 0;
}
ul {
  list-style-type: none;
}
img,
fieldset {
  border: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input[type="submit"] {
  cursor: pointer;
}
html {
  height: 100%;
  scroll-behavior: smooth;
}
body {
  min-height: 100%;
  background: #fff;
  color: #191919;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
p {
  font-size: 14px;
}
input,
textarea,
button {
  font-family: Roboto, sans-serif;
}
textarea {
  resize: none;
}
input[type="submit"],
button[type="submit"] {
  cursor: pointer;
}
div,
input,
area,
section,
textarea,
footer,
header {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
footer,
header {
  width: 100%;
}
.disabled {
  opacity: 0.5;
  filter: grayscale(1);
  pointer-events: none;
  text-decoration: none !important;
}
.text40per {
  width: 40% !important;
}
@media (max-width: 1150px) {
  .text40per {
    width: 100% !important;
  }
}
.catalog-page .admin_head_cover {
  position: fixed;
  width: 100%;
  z-index: 1010;
}
.admin_head_cover {
  text-align: center;
  background: #e6e6e6;
  z-index: 20;
  position: fixed !important;
  width: 99.9svw !important;
}
.admin_head {
  display: inline-block;
  text-align: center;
  padding: 22px 0px 23px;
  font-size: 14px;
}
.admin_head a {
  color: #2461b5;
  text-decoration: underline;
  margin-left: 20px;
}
.admin_head a:hover {
  color: #48c9b0;
  transition: all .2s;
}
.admin_head #tech_support {
  color: #2461b5;
  cursor: pointer;
  border-bottom: 1px dashed #2461b5;
}
.admin_head .btn {
  font-size: 14px;
  border-radius: 0;
  line-height: 12px;
  padding: 0px;
  text-decoration: none;
  background: transparent;
  color: #2461b5;
  border-bottom: 1px dashed #2461b5;
}
.admin_head .btn:hover {
  border-color: #0DB59D;
  background: transparent;
}
.main-wrap-authorization {
  position: fixed;
  height: 100%;
  width: 100%;
  background: url("/Content/img/admins_iconAnd_bg/photo-1444044205806-38f3ed106c10.jpg") no-repeat, #ffffff;
  background-size: cover;
  background-position: 50% 50%;
  left: 0px;
  top: 0px;
  z-index: 1000;
  display: table;
  font-family: "Myriad-Pro";
}
.main-wrap-authorization input,
.main-wrap-authorization textarea {
  font-family: "Myriad-Pro";
}
.main-wrap-authorization .authorization {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.main-wrap-authorization .authorization_In_form {
  background: #ffffff;
  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.33);
  border-radius: 5px;
  padding: 22px 30px;
  width: 400px;
}
.main-wrap-authorization .authorization_In_form h2 {
  font-size: 30px;
  padding: 0;
}
.authorization-container {
  display: table;
  position: relative;
  margin: 0 auto;
  text-align: left;
}
.authorization-container h3 {
  padding-bottom: 0.3em;
  padding-top: 0;
}
.authorization-container .remember-me {
  padding-bottom: 15px;
  color: #606466;
}
.authorization-container .remember-me label {
  cursor: pointer;
}
.authorization-container .remember-me .jq-checkbox {
  background: #ffffff;
  border: 1px solid #cccccc;
}
.authorization-container .remember-me .jq-checkbox.styler.checked .jq-checkbox__div {
  margin: 3px 2px;
}
.authorization-container .remember-me span {
  position: relative;
  top: 2px;
  left: 5px;
  color: #606466;
}
.authorization-container table {
  text-align: left;
  font-size: 16px;
  margin-top: 3px;
  margin-bottom: 15px;
  width: 100%;
}
.authorization-container table td {
  padding-bottom: 3px;
}
.authorization-container table td:first-child {
  padding-right: 5px;
}
.authorization-container .btn {
  border-radius: 3px;
  border: none;
  background: #426ea0;
  font-size: 18px;
  font-family: "Myriad-Pro";
  width: 193px;
  height: 54px;
}
.authorization-container .btn:hover {
  background: #445b74;
}
.authorization-container .btn:active {
  background: #1e2934;
}
.authorization-container .sad_man_authorization {
  font-size: 14px;
  color: #426ea0;
  position: relative;
  top: 8px;
  display: inline-block;
  width: 90px;
  line-height: 20px;
  margin-left: 22px;
}
.authorization-container .sad_man_authorization a {
  color: #426ea0;
  text-decoration: none;
}
.drzn_logo_authorization {
  position: absolute;
  left: 50%;
  margin-left: -68px;
  top: -80px;
}
.contentZoneBorder {
  border: 1px dashed #212121;
}
.icon_pencil {
  background: url("/Content/img/admins_iconAnd_bg/icon_pencil.png") no-repeat;
  display: inline-block;
  height: 14px;
  position: absolute;
  right: 3px;
  top: 3px;
  width: 14px;
}
.pencil-url {
  border: 1px dotted black !important;
  height: 20px;
  width: 20px;
  margin: 3px 10px !important;
  position: relative;
  display: inline-block;
}
.fourZeroFour {
  width: 100%;
  text-align: center;
}
.authorized_form_modal {
  border: none;
  border-radius: 0 !important;
  padding: 10px;
}
.authorized_form_modal h3 {
  text-align: center;
  padding-top: 0px;
}
.authorized_form_modal input {
  margin-bottom: 15px;
  width: 100%;
}
.authorized_form_modal .btn {
  width: 100%;
  margin-bottom: 20px;
}
.authorized_form_modal .modal-container {
  padding: 0 20px;
  padding-bottom: 20px;
  width: 360px;
}
.authorized_form_modal .authorize-block_footer a:nth-of-type(2) {
  float: right;
}
.authorized_form_modal .prompt {
  padding-bottom: 10px;
  color: #e31e24;
}
.dataPageModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 99999;
}
.dataPageModal .modal-dialog {
  display: table;
  width: 100%;
  height: 100%;
}
.dataPageModal .modal-content-cover {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.dataPageModal .modal-header {
  position: relative;
}
.dataPageModal .modal-header .close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.dataPageModal .modal-content {
  display: inline-block;
  width: 400px;
  background: #fff;
  padding: 15px;
  text-align: left;
}
.dataPageModal .modal-content input,
.dataPageModal .modal-content textarea {
  width: 100%;
  box-sizing: border-box;
}
.dataPageModal .modal-footer {
  text-align: center;
  margin-top: 10px;
}
.modal {
  display: none;
}
.admin-edit-tools-block {
  margin-bottom: 5px;
}
.admin-edit-tools-block .admin-edit-tools-item-container:before {
  content: '';
  height: 0;
  display: block;
  clear: both;
}
.admin-edit-tools-block .admin-edit-tools-item-container:after {
  content: '';
  height: 0;
  display: block;
  clear: both;
}
.admin-edit-tools-block .admin-edit-tools-item {
  line-height: 20px;
  font-size: 14px;
  cursor: pointer;
  border: 1px dashed #2e2e2e;
  float: left;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  color: #2e2e2e;
  text-align: center;
  transition: all .2s;
}
.admin-edit-tools-block .admin-edit-tools-item:hover {
  background-color: #2e2e2e;
  color: #fff;
}
.admin-edit-tools-block .admin-edit-tools-item:first-child {
  margin-left: 0px;
}
.admin-edit-tools-block .admin-edit-tools-item.is-loading {
  cursor: default;
  background-color: #2e2e2e;
  color: #fff;
}
.admin-edit-tools-block .admin-edit-tools-item.admin-edit-tools-item-publish.to-publish .fa-eye {
  display: none;
}
.admin-edit-tools-block .admin-edit-tools-item.admin-edit-tools-item-publish.to-publish .fa-eye-slash {
  display: inline-block;
}
.admin-edit-tools-block .admin-edit-tools-item.admin-edit-tools-item-publish.not-to-publish .fa-eye {
  display: inline-block;
}
.admin-edit-tools-block .admin-edit-tools-item.admin-edit-tools-item-publish.not-to-publish .fa-eye-slash {
  display: none;
}
.inputer_cover {
  position: relative;
}
.inputer_cover input {
  width: 100%;
  border: 1px solid #dadada;
  padding: 10px 18px;
  padding-right: 22px;
}
.inputer_cover .field-validation-error {
  position: absolute;
  height: 12px;
  width: 12px;
  bottom: 14px;
  right: 6px;
  background: transparent;
  border-radius: 50%;
  box-shadow: inset 0px 0px 0px #e74c3c;
  border: 2px solid #e74c3c;
  box-sizing: border-box;
  transition: all 300ms;
  margin: 0;
}
.inputer_cover .field-validation-error > span {
  white-space: nowrap;
  position: absolute;
  padding: 8px 10px;
  border-radius: 3px;
  visibility: visible;
  opacity: 1;
  transition: all 300ms;
  background: #fff;
  top: -11px;
  left: 23px;
  filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.2));
  -webkit-filter: drop-shadow(0 1px 10px rgba(0, 0, 0, 0.2));
  font-size: 12px;
}
.inputer_cover .field-validation-error > span:before {
  content: "";
  position: absolute;
  left: -6px;
  top: 50%;
  margin-top: -10px;
  border-right: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.inputer_cover .field-validation-valid {
  position: absolute;
  height: 12px;
  width: 12px;
  bottom: 14px;
  right: 6px;
  border-radius: 50%;
  border: 2px solid #2ecc71;
  box-shadow: inset 0px 0px 15px #2ecc71;
  box-sizing: border-box;
  transition: all 300ms;
}
.inputer_cover .field-validation-valid > span {
  visibility: visible;
  opacity: 0;
}
.inputer_cover label {
  padding-top: 15px;
  padding-bottom: 10px;
  color: #939a9d;
  display: block;
}
.error_compare_pass .field-validation-error {
  margin: 0;
  padding-left: 18px;
}
.edit_field_cover {
  overflow: hidden;
  padding-top: 15px;
  margin: 0 -1%;
}
.edit_field_cover > div {
  vertical-align: top;
  margin: 0 1%;
  margin-bottom: 2%;
}
.edit_field_cover > div label {
  width: 10%;
  font-weight: normal !important;
  color: #747b7e;
}
.edit_field_cover > div input.single-line {
  width: 89.7%;
}
.edit_field_cover > div .field-validation-valid {
  display: block;
}
.photo_downloading_block {
  margin-top: 40px;
  margin-bottom: 45px;
}
.photo_downloading_block .photo_downloading_block_desc {
  display: inline-block;
  color: #a7a7a7;
  vertical-align: middle;
}
.fileupload-progress {
  margin-top: 20px;
}
input.text-box,
textarea.text-box {
  padding: 6px 10px;
  font-size: 14px;
  line-height: 1.462;
  border-radius: 5px;
  border: 1px solid #bdc3c7;
  resize: none;
  width: 100%;
}
.btn_save_button {
  display: inline-block;
  background: transparent;
  margin-left: 20px;
}
.btn_save_button:hover {
  background: transparent;
}
.btn_watch_on_site {
  display: inline-block;
  background: transparent;
  margin-left: 27px;
}
.btn_watch_on_site:hover {
  background: transparent;
}
.btn_come_back {
  display: inline-block;
  float: left;
  margin-top: 18px;
  margin-right: 13px;
}
.central_page {
  position: relative;
  margin: 0 auto;
  padding: 0 50px;
}
#tech_support_modal {
  padding: 30px 40px;
  width: 570px;
}
#tech_support_modal label {
  display: inline-block;
  margin-top: 15px;
  color: #939a9d;
  font-weight: normal;
  margin-bottom: 5px;
}
#tech_support_modal h2,
#tech_support_modal .h2 {
  font-size: 30px;
  padding-top: 0;
  padding-bottom: 10px;
}
#tech_support_modal input,
#tech_support_modal textarea {
  width: 100%;
  padding: 6px 10px;
  font-size: 18px;
  line-height: 1.462;
  border-radius: 5px;
  border: 1px solid #bdc3c7;
  resize: none;
}
#tech_support_modal .btn {
  display: inline-block;
  background: #426ea0;
  margin-right: 8px;
  font-size: 18px;
  padding: 12px 20px;
  padding-bottom: 10px;
  color: #FFFFFF;
  cursor: pointer;
  position: relative;
}
#tech_support_modal .modal-footer {
  padding-top: 20px;
}
.arcticmodal-overlay,
.arcticmodal-container {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.arcticmodal-container {
  overflow: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
}
*:first-child + html .arcticmodal-container {
  height: 100%;
}
.arcticmodal-container_i {
  height: 100%;
  margin: 0 auto;
}
.arcticmodal-container_i2 {
  padding: 24px;
  margin: 0;
  border: 0;
  vertical-align: middle;
}
.arcticmodal-error {
  padding: 20px;
  border-radius: 10px;
  background: #000;
  color: #fff;
}
.arcticmodal-loading {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  background: #000000 url(/Content/less/components/loading.gif) no-repeat 50% 50%;
}
.box-modal {
  background-color: #fff;
  border-radius: 7px;
  -webkit-background-clip: border-box;
  -moz-background-clip: border-box;
  background-clip: border-box;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.35);
  position: relative;
  transform: scale(0.1);
  transition: all 300ms;
  padding: 30px 60px;
  text-align: center;
  max-width: 440px;
}
.box-modal.thx_modal .modal-title,
.box-modal.error_modal .modal-title {
  margin-bottom: 0;
}
.box-modal.thx_modal .modal-content {
  text-align: center;
  font-size: 20px;
}
.box-modal.thx_modal .modal-title {
  padding-bottom: 20px;
}
.box-modal.thx_modal .phone_container {
  display: block;
  font-weight: bold;
  padding-top: 15px;
  font-size: 20px;
}
.box-modal .modal-title {
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 17px;
  color: #212121;
}
.box-modal .modal-content {
  text-align: left;
}
.box-modal .notification_form {
  margin-bottom: 25px;
}
.open_modal .box-modal {
  transform: scale(1);
  transition: all 300ms;
}
.arcticmodal-close {
  position: absolute;
  right: 14px;
  top: 15px;
  cursor: pointer;
  height: 17px;
  width: 17px;
}
.demo_app_modal .modal_form input[type="number"]::-webkit-outer-spin-button,
.demo_app_modal .modal_form input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.demo_app_modal .modal_form input[type="number"] {
  -moz-appearance: textfield;
}
.demo_app_modal .modal_form input[type="number"]:hover,
.demo_app_modal .modal_form input[type="number"]:focus {
  -moz-appearance: number-input;
}
.test_app_modal {
  min-width: 510px;
  color: #4D4F4D;
  animation: background 3s infinite alternate;
  position: relative;
  overflow: hidden;
  padding: 0;
  /*.notification_form {
    label {
      font-size: 12px;
      display: block;
      padding-left: 40px;
      position: relative;
      user-select: none;

      &::before {
        position: absolute;
        display: block;
        content: "";
        left: 5px;
        top: 3px;
        width: 20px;
        height: 20px;
        border: 1px solid #4D4F4D;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: contain;
        cursor: pointer;
      }

      &:hover {
        &::before {
          border-color: #000000;
        }
      }
    }

    .test_app_agreement:checked + label {
      &::before {
        background-image: url("/Content/images/check.svg");
      }
    }
  }*/
}
.test_app_modal .modal_form {
  padding: 35px 50px;
}
.test_app_modal:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 400%;
  opacity: 0.4;
  -webkit-animation-name: gradientSlide;
  animation-name: gradientSlide;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: -moz-linear-gradient(top, #97ffac 0%, #daf5fa 25%, #6ff7ea 50%, #97ffac 75%, #daf5fa 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #97ffac 0%, #daf5fa 25%, #6ff7ea 50%, #97ffac 75%, #daf5fa 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #97ffac 0%, #daf5fa 25%, #6ff7ea 50%, #97ffac 75%, #daf5fa 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.test_app_modal .modal_form {
  position: relative;
}
.test_app_modal .modal-title {
  font-size: 20px;
}
.test_app_modal .modal-title span {
  text-transform: uppercase;
  color: #2BA542;
}
.test_app_modal .test_app_agreement {
  display: none;
}
.test_app_modal .test_app_lead {
  font-size: 12px;
  color: #4D4F4D;
}
.test_app_modal .btn {
  font-size: 14px;
  padding: 15px 49px;
  margin-bottom: 20px;
}
.test_app_modal .test_app_footnote {
  font-size: 9px;
}
@keyframes gradientSlide {
  from {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    -webkit-transform: translate3d(0, -75%, 0);
    transform: translate3d(0, -75%, 0);
  }
}
@media (max-width: 1000px) {
  .box-modal {
    padding: 28px 21px;
    width: calc(100vw - 24px - 24px);
  }
  .box-modal .notification_form {
    margin-top: 18px;
  }
  .box-modal .modal-title {
    font-size: 21px;
  }
  .test_app_modal {
    min-width: initial;
  }
  .test_app_modal input[name="company"] {
    font-size: 13px;
  }
}
.btn,
a.btn {
  display: inline-block;
  border: none;
  border-radius: 5px;
  padding: 13px 50px;
  background: #2ba542;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  line-height: 1.4;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
}
.btn:hover,
a.btn:hover {
  background: #38cb54;
}
.btn:active,
a.btn:active {
  background: #207d32;
}
@media (max-width: 1000px) {
  .btn,
  a.btn {
    padding: 13px 30px;
  }
}
.button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 170px;
  max-width: max-content;
  height: 46px;
  box-sizing: border-box;
  outline: none;
  border: none;
  border-radius: 23px;
  padding: 5px 20px;
  background: #14a667;
  color: #fff !important;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: all .3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
}
.button:hover {
  background: #38cb54;
}
.button:active {
  background: #207d32;
}
.button_white:not(:hover) {
  background: #fff;
  color: #14a667 !important;
}
.button_arrow:after {
  content: "";
  display: inline-block;
  min-width: 16px;
  height: 8px;
  background: url("data:image/svg+xml,%0A%3Csvg width='16' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.354 4.354a.5.5 0 0 0 0-.708L12.172.464a.5.5 0 1 0-.708.708L14.293 4l-2.829 2.828a.5.5 0 1 0 .708.708l3.182-3.182zM0 4.5h15v-1H0v1z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat;
  transition: transform .3s ease;
  margin-left: 8px;
}
.button_arrow:hover:after {
  transform: translateX(4px);
}
.button_arrow.button_white:not(:hover):after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.354 4.354a.5.5 0 0 0 0-.708L12.172.464a.5.5 0 1 0-.708.708L14.293 4l-2.829 2.828a.5.5 0 1 0 .708.708l3.182-3.182zM0 4.5h15v-1H0v1z' fill='%2314a667'/%3E%3C/svg%3E");
}
/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*.owl-carousel .owl-controls .owl-nav .owl-prev {
    display: none !important;
}*/
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  /* width: 100%; */
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}
/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("/Content/less/components/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
h1,
.h1 {
  font-size: 2.71428571em;
  line-height: 45px;
  font-weight: bold;
}
h2,
.h2 {
  font-size: 2.28571429em;
  font-weight: bold;
}
h3,
.h3 {
  font-size: 1.85714286em;
  font-weight: bold;
}
h4,
.h4 {
  font-size: 1.57142857em;
}
h5,
.h5 {
  font-size: 1.42857143em;
}
h6,
.h6 {
  font-size: 1.28571429em;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  padding: 15px 0;
}
p {
  padding-bottom: 15px;
}
img {
  max-width: 100%;
}
ol,
ul {
  padding-bottom: 15px;
}
ol li,
ul li {
  list-style-type: none;
  position: relative;
  list-style-position: inside;
  padding: 13px 0px;
  padding-left: 30px;
  font-size: 18px;
  color: #4D4F4D;
}
ol > li {
  counter-increment: ol_li;
}
ol > li::before {
  display: block;
  position: absolute;
  content: counter(ol_li) '.';
  left: 0;
  top: 13px;
  font-weight: bold;
  font-size: 16px;
  color: #2BA542;
}
ul li::before {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  top: 19px;
  width: 6px;
  height: 6px;
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 2px #2BA542;
  background-color: #2BA542;
}
.modal_form #test_button {
  margin-top: 50px;
}
.modal_form #test_button_article {
  margin-top: 25px;
}
.modal_form a {
  text-decoration: underline;
  color: #2ba542;
}
.modal_form input[type="checkbox"],
.modal_form .jq-checkbox {
  border: 1px solid #414241;
  width: 20px;
  min-width: 20px;
  margin-right: 10px;
  height: 20px;
  background: transparent;
}
.modal_form input[type="checkbox"]:after,
.modal_form .jq-checkbox:after {
  content: " ";
  background-color: #5C2799;
  display: inline-block;
  visibility: visible;
}
.modal_form input[type="checkbox"]:checked:after,
.modal_form .jq-checkbox:checked:after {
  content: "\2714";
  background-color: #2ba542;
  border-radius: 3px;
  height: 20px;
  display: block;
  width: 20px;
  text-align: center;
  font-size: 14px;
  color: white;
}
.modal_form input[type="checkbox"].checked .jq-checkbox__div,
.modal_form .jq-checkbox.checked .jq-checkbox__div,
.modal_form input[type="checkbox"]:checked .jq-checkbox__div,
.modal_form .jq-checkbox:checked .jq-checkbox__div {
  background: url("/Content/images/checked.png");
  width: 14px;
  height: 12px;
  margin: 4px 0 0 4px;
  border-radius: 0;
  background-repeat: no-repeat;
}
.input_cover {
  margin-bottom: 25px;
  position: relative;
}
.input_cover.for-checkbox {
  display: flex;
}
.input_cover.for-checkbox input {
  width: fit-content;
  width: -moz-fit-content;
  margin-right: 15px;
}
.input_cover .error_msg {
  display: none;
}
.input_cover.error input,
.input_cover.error textarea {
  border-color: red;
}
.input_cover.error .error_msg {
  display: block;
  color: red;
  position: absolute;
  bottom: -24px;
  font-size: 12px;
  width: 100%;
  left: 0;
  z-index: 1;
}
.modal_form .modal-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}
.floating_input_cover {
  display: none;
}
.select_cover .select2-container--default {
  width: 100% !important;
}
.select_cover .select2-container--default .select2-selection--single {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #5a5b5a;
  height: auto;
  text-align: left;
  border-radius: 0;
  color: #5a5b5a;
  font-size: 16px;
}
.select_cover .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #5a5b5a;
}
.select_cover .select2-container--default .select2-selection__placeholder {
  color: #5a5b5a;
}
.with_select .select2-results__option {
  list-style: none;
  text-align: left;
  font-size: 16px;
}
.with_select .select2-results__option::before {
  display: none;
}
input,
textarea {
  width: 100%;
  padding: 5px 6px;
  line-height: 1.462;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #5A5B5A;
  resize: none;
  font-size: 16px;
  color: #4D4F4D;
  background: transparent;
}
input:focus,
textarea:focus {
  border-color: #363636;
  transition: all 0.2s;
}
a {
  display: inline-block;
  text-decoration: none;
  color: #262626;
}
.table_cover {
  overflow: auto;
  width: 100%;
}
.table_cover th,
.table_cover td {
  border: 1px solid #ccc;
  padding: 5px 10px;
}
.table_cover th {
  font-weight: bold;
}
@media (max-width: 1000px) {
  .input_cover {
    margin-bottom: 9px;
  }
  .input_cover.error .error_msg {
    bottom: -15px;
    font-size: 11px;
  }
  h1,
  .h1 {
    font-size: 2.14285714em;
    line-height: 44px;
  }
  h2,
  .h2 {
    font-size: 2em;
  }
  h3,
  .h3 {
    font-size: 1.42857143em;
  }
  h4,
  .h4 {
    font-size: 1.28571429em;
  }
  h5,
  .h5 {
    font-size: 1.14285714em;
  }
  h6,
  .h6 {
    font-size: 1em;
  }
  ol li,
  ul li {
    font-size: 16px;
  }
}
.contract_offer {
  background: #000000;
  opacity: 0.75;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 10px;
  width: 100%;
  z-index: 999;
}
.contract_offer > div {
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
}
.contract_offer > div p {
  display: inline-block;
  padding: 0;
  margin-bottom: 10px;
  color: white;
  line-height: 20px;
}
.contract_offer > div a {
  margin-left: 34px;
}
.error_page {
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 20px;
  text-align: center;
}
.responsive-element {
  display: inline-block;
  width: 100%;
  box-sizing: border-box !important;
  overflow: hidden;
  position: relative;
}
.responsive-element > div {
  width: 100%;
  height: 0;
  box-sizing: content-box !important;
  position: relative;
}
.responsive-element > div img,
.responsive-element > div iframe {
  width: 100%!important;
  max-width: 100%!important;
  height: 100%!important;
  max-height: 100%!important;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0!important;
}
.page {
  display: flex;
  flex-direction: column;
}
.page__container {
  width: 100%;
  max-width: 1600px;
  box-sizing: border-box;
  padding: 0 40px;
  margin: 0 auto;
}
@media (max-width: 1150px) {
  .page__container {
    max-width: 100%;
    padding: 0 25px;
  }
}
.page__content {
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  padding: 80px 0;
  background: #fff;
  overflow: hidden;
  cursor: default;
}
@media (max-width: 1023px) {
  .page__content {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.page__content > *:last-child {
  margin-bottom: 0;
}
.page__content_honey-dew {
  background-color: #f6ffef;
}
.page__content_centred {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page__info {
  color: #5a5b5a;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}
.page__info p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.page__header {
  position: relative;
  top: 0;
  left: 0;
  z-index: 100;
}
.header {
  width: 100%;
  min-height: 100px;
  line-height: 1;
  user-select: none;
  cursor: default;
}
.header * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
.header ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.header li {
  padding: 0;
  color: inherit;
  font: inherit;
  list-style: none;
}
.header li:before {
  display: none;
}
.header a {
  color: inherit;
  text-decoration: none;
  transition: none;
}
.header__container {
  display: grid;
  align-items: center;
  width: 100%;
  max-width: 1600px;
  box-sizing: border-box;
  padding: 0 40px;
  margin: 0 auto;
}
@media (max-width: 1150px) {
  .header__container {
    padding: 0 25px;
  }
}
.header__wrapper {
  display: grid;
  grid-gap: 15px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.header__close {
  display: none;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  outline: none;
  border: none;
  padding: 0;
  background: transparent;
  font-size: 0;
  cursor: pointer;
  position: relative;
}
.header__close:before,
.header__close:after {
  content: "";
  height: 33px;
  width: 2px;
  background: #333;
  position: absolute;
  top: 0;
  left: 15px;
  transform: rotate(45deg);
}
.header__close:after {
  transform: rotate(-45deg);
}
.header__close:hover:before,
.header__close:hover:after {
  background: #14a667;
}
.header__logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: 0;
}
.header__menu {
  width: 100%;
  margin-top: 3px;
}
.header-menu__list {
  display: flex;
  align-items: center;
  gap: 35px;
}
.header-menu__item {
  cursor: pointer;
  position: relative;
}
.header-menu__item_drop .header-menu__link {
  padding-right: 14px;
  position: relative;
}
.header-menu__item_drop .header-menu__link:after {
  content: "";
  width: 8px;
  height: 8px;
  background: url("data:image/svg+xml,%0A%3Csvg width='8' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6 .536.75h6.928L4 6z' fill='%2314a667'/%3E%3C/svg%3E") center no-repeat;
  filter: grayscale(100) brightness(0);
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3px;
}
.header-menu__item_drop:hover {
  color: #14a667;
}
.header-menu__item_drop:hover .header-menu__link:after {
  filter: none;
}
.header-menu__item_active {
  color: #14a667!important;
}
.header-menu__item_active .header-menu__link:after {
  filter: none;
  transform: scale(1, -1);
}
.header-menu__item_active .header-menu-drop {
  height: auto;
  overflow: visible;
  margin-top: 39px;
}
.header-menu__item_active .header-menu-drop__content {
  opacity: 1;
  transform: translateY(0);
}
.header-menu__link {
  display: block;
  max-width: max-content;
}
.header-menu__drop {
  transform: translateX(-50%);
  position: absolute;
  top: 100%;
  left: 50%;
}
.header-menu-drop {
  width: 365px;
  max-width: max-content;
  height: 0;
  overflow: hidden;
  box-sizing: border-box;
  cursor: default;
  transition: margin .3s ease;
}
.header-menu-drop__content {
  width: 100%;
  box-sizing: border-box;
  border-radius: 15px;
  padding: 5px 0;
  background: #fff;
  opacity: 0;
  box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px, rgba(0, 0, 0, 0.23) 0 3px 6px;
  color: #191919;
  font-size: 20px;
  line-height: 1.4;
  transform: translateY(-10px);
  transition: opacity .3s ease .2s, transform .3s ease .2s;
}
.header-menu-drop__section {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 30px;
  overflow: hidden;
  position: relative;
}
.header-menu-drop__section:not(:last-child):after {
  content: "";
  width: calc(100% - 21px);
  height: 1px;
  background: #14a667;
  position: absolute;
  bottom: 0;
  left: 0;
}
.header-menu-drop__title {
  color: #787878;
  font-weight: 500;
  font-size: .75em;
  margin-bottom: .7em;
}
.header-menu-drop__list {
  display: flex;
  flex-direction: column;
  gap: .7em;
  width: 100%;
}
.header-menu-drop__list a {
  color: inherit!important;
  text-decoration: none;
}
.header-menu-drop__list a:hover {
  color: #14a667!important;
}
.header__contact {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: max-content;
  min-height: 24px;
  box-sizing: border-box;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
}
.header__contact:before {
  content: "";
  display: inline-block;
  min-width: 24px;
  height: 24px;
  background: center no-repeat;
}
.header__contact:hover {
  color: #14a667!important;
}
.header__contact_email:before {
  min-width: 27px;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='19' fill='none'%3E%3Cpath d='M21.516 14.04a.405.405 0 0 1-.28-.111l-4.7-4.41a.408.408 0 1 1 .559-.596l4.701 4.411a.408.408 0 0 1-.28.706zM5.822 14.043a.409.409 0 0 1-.28-.706l4.703-4.41a.409.409 0 0 1 .56.594L6.1 13.931a.405.405 0 0 1-.279.112z' fill='%232BA542' stroke='%232BA542' stroke-width='.2'/%3E%3Cpath d='M24.297 18.14H3.043A2.045 2.045 0 0 1 1 16.095V2.168C1 1.04 1.917.125 3.043.125h21.254c1.125 0 2.042.916 2.042 2.043v13.928a2.045 2.045 0 0 1-2.042 2.043zM3.043.941c-.676 0-1.226.55-1.226 1.226v13.928c0 .676.55 1.226 1.226 1.226h21.254c.675 0 1.225-.55 1.225-1.226V2.168c0-.676-.55-1.226-1.225-1.226H3.043z' fill='%232BA542' stroke='%232BA542' stroke-width='.2'/%3E%3Cpath d='M13.67 11.185c-.543 0-1.087-.181-1.5-.541L1.679 1.492a.41.41 0 0 1-.04-.577.411.411 0 0 1 .576-.04l10.492 9.152c.522.455 1.404.455 1.925 0L25.111.89a.409.409 0 0 1 .537.616L15.17 10.643a2.283 2.283 0 0 1-1.5.542z' fill='%232BA542' stroke='%232BA542' stroke-width='.2'/%3E%3C/svg%3E");
}
.header__contact_phone:before {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='none'%3E%3Cpath d='M16.27 20c-.79 0-1.745-.198-2.795-.594-2.302-.868-4.806-2.583-7.052-4.83-2.246-2.245-3.961-4.75-4.83-7.052C.804 5.43.803 3.713 1.59 2.927c.113-.113.228-.235.347-.36.717-.755 1.528-1.604 2.603-1.566.741.03 1.459.491 2.194 1.406 2.171 2.7 1.192 3.663.059 4.778l-.2.199c-.185.185-.536 1.043 2.722 4.301 1.064 1.063 1.97 1.842 2.695 2.313.457.296 1.273.745 1.608.41l.2-.203c1.115-1.13 2.078-2.106 4.777.063.914.735 1.374 1.452 1.404 2.194.044 1.074-.811 1.887-1.567 2.604-.124.12-.246.234-.359.347-.39.39-1.015.587-1.801.587zM4.464 1.639c-.764 0-1.454.726-2.064 1.368-.123.13-.241.255-.358.372-.586.585-.527 2.123.15 3.92.838 2.218 2.501 4.643 4.685 6.827 2.183 2.182 4.606 3.846 6.826 4.682 1.796.679 3.334.736 3.919.152.117-.117.242-.236.371-.358.656-.624 1.401-1.33 1.368-2.115-.022-.539-.414-1.118-1.166-1.722-2.249-1.809-2.877-1.17-3.92-.113l-.205.207c-.499.499-1.308.388-2.407-.326-.763-.496-1.705-1.303-2.799-2.397C6.16 9.432 5.295 7.778 6.141 6.93l.204-.201c1.06-1.043 1.7-1.673-.11-3.923-.605-.75-1.184-1.143-1.723-1.166l-.05-.001z' fill='%232BA542' stroke='%232BA542' stroke-width='.2'/%3E%3C/svg%3E");
}
.header__contact_telegram:before {
  background-image: url(/Content/images/telegram_white.svg);
}
.header__contact_whatsapp:before {
  background-image: url(/Content/images/whatsapp_white.svg);
  background-position: 3px top;
}
.header__contact_viber:before {
  background-image: url(/Content/images/viber_white.svg);
  background-position: center .5px;
}
.header__contacts {
  display: flex;
  align-items: center;
  max-width: max-content;
  margin-left: auto;
}
.header__socials {
  display: flex;
  align-items: center;
}
.header__socials .header__contact {
  gap: unset;
  font-size: 0;
}
.header__toggler {
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  outline: none;
  border: none;
  background: transparent;
  font-size: 0!important;
  cursor: pointer;
  position: relative;
}
.header__toggler:before {
  content: "";
  width: 20px;
  height: 16px;
  background: linear-gradient(to top, #ffffff 0%, #ffffff 2px, transparent 2px, transparent 7px, #ffffff 7px, #ffffff 9px, transparent 9px, transparent 14px, #ffffff 14px, #ffffff 16px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.header__toggler:hover:before {
  background: linear-gradient(to top, #14a667 0%, #14a667 2px, transparent 2px, transparent 7px, #14a667 7px, #14a667 9px, transparent 9px, transparent 14px, #14a667 14px, #14a667 16px);
}
.header__main {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100px;
  padding: 10px 0;
  background: #f6ffef;
  color: #191919;
  font-size: 18px;
}
.header__main .header__container {
  grid-template-columns: 114px 1fr 554px;
  grid-gap: 115px;
}
.header__main .header__contacts {
  gap: 50px;
  margin-top: 3px;
}
.header__main .header__socials {
  gap: 24px;
}
.header__mobile {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 60px;
  padding: 10px 0;
  background: #3c4955;
  color: #fff;
  font-size: 0;
}
.header__mobile .header__container {
  grid-template-columns: 30px 1fr;
  grid-gap: 20px;
}
.header__mobile .header__contact {
  gap: unset!important;
}
.header__mobile .header__contact:not(:hover):before {
  filter: grayscale(100) brightness(100);
}
.header__mobile .header__contacts {
  gap: 20px;
}
.header__mobile .header__socials {
  gap: 20px;
}
.header__demo {
  border: none;
  padding: 20px 30px;
  background: #2BA542;
  color: #fff;
  font-size: 18px;
  line-height: 1.16;
  transition: right .5s;
  cursor: pointer;
  transform: translateY(-50%) rotate(-90deg);
  position: fixed;
  top: 50%;
  right: -300px;
  z-index: 30;
}
.header__demo_shown {
  right: -84px;
}
@media (max-width: 1150px) {
  .header__demo {
    display: none;
  }
}
@media screen and (max-width: 1399px) {
  .header__main .header__container {
    grid-template-columns: 114px 1fr 518px;
    grid-gap: 35px;
  }
  .header__main .header__contact_email {
    gap: 10px;
  }
  .header__main .header__contact_phone {
    gap: 8px;
  }
  .header__main .header__contacts {
    gap: 35px;
  }
  .header-drop-menu__content {
    font-size: inherit;
  }
}
@media screen and (max-width: 1199px) {
  .header__main {
    font-size: 16px;
  }
  .header__main .header__container {
    grid-template-columns: 114px 1fr 451px;
    grid-gap: 25px;
  }
  .header__main .header__contacts {
    gap: 20px;
  }
  .header__main .header__socials {
    gap: 20px;
  }
  .header-menu__list {
    gap: 20px;
  }
  .header-menu__item_active .header-menu-drop {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1023px) {
  .header {
    min-height: 60px;
  }
  .header__wrapper {
    grid-template-columns: 86px 30px;
    border-bottom: 1px solid #e8e8e8;
    height: 100px;
    padding: 10px 40px;
  }
  .header__menu {
    flex: 1;
    margin: 0;
  }
  .header-menu {
    max-height: calc(100vh - 100px - 150px);
    padding: 20px 40px;
    overflow-y: auto;
    scrollbar-color: #14a667 #f4f4f4;
    scrollbar-width: thin;
  }
  .header-menu::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  .header-menu::-webkit-scrollbar-track {
    background-color: #f4f4f4;
  }
  .header-menu::-webkit-scrollbar-thumb {
    background-color: #14a667;
  }
  .header-menu__list {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 100%;
  }
  .header-menu__item_drop .header-menu__link:after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='4' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.894 3.373.627.107a.366.366 0 1 0-.52.518l3.008 3.007L.108 6.64a.366.366 0 1 0 .52.519l3.266-3.266a.37.37 0 0 0 0-.519z' fill='%2314a667'/%3E%3C/svg%3E");
  }
  .header-menu__item_active .header-menu__link:after {
    transform: rotate(90deg);
  }
  .header-menu__drop {
    transform: none;
    position: static;
    margin: 0!important;
  }
  .header-menu-drop {
    width: 100%;
  }
  .header-menu-drop__content {
    border-radius: 0;
    padding: 0;
    padding-left: 20px;
    background: transparent;
    box-shadow: none;
    font-size: inherit;
    line-height: inherit;
  }
  .header-menu-drop__section {
    padding: .9em 0 0;
  }
  .header-menu-drop__section:not(:last-child) {
    padding-bottom: .9em;
  }
  .header__close {
    display: block;
  }
  .header__main {
    display: none;
    max-width: 275px;
    height: 100vh;
    padding: 0;
    background: #f4f4f4;
    font-size: 16px;
    line-height: 1.35;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
  }
  .header__main .header__container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    height: 100vh;
    padding: 0;
  }
  .header__main .header__contact {
    display: flex;
    align-items: center;
  }
  .header__main .header__contact:before {
    min-width: 15px;
    height: 15px;
    background-position: center;
  }
  .header__main .header__contact_email,
  .header__main .header__contact_phone {
    width: 100%;
    max-width: 100%;
    height: 50px;
    border-top: 1px solid #e8e8e8;
    padding: 0 40px;
  }
  .header__main .header__contact_email {
    gap: 10px;
  }
  .header__main .header__contact_email:before {
    min-width: 17px;
    background-image: url(/Content/images/email_small.svg);
  }
  .header__main .header__contact_phone {
    gap: 10px;
  }
  .header__main .header__contact_phone:before {
    background-image: url(/Content/images/phone_small.svg);
  }
  .header__main .header__contact_telegram:before {
    background-image: url(/Content/images/telegram.svg);
  }
  .header__main .header__contact_whatsapp:before {
    background-image: url(/Content/images/whatsapp.svg);
  }
  .header__main .header__contact_viber:before {
    background-image: url(/Content/images/viber.svg);
  }
  .header__main .header__contacts {
    flex-direction: column;
    gap: 0;
    max-width: 100%;
    margin: auto 0 0;
  }
  .header__main .header__socials {
    gap: 15px;
    width: 100%;
    height: 50px;
    border-top: 1px solid #e8e8e8;
    padding: 0 40px;
  }
  .header__mobile {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
  }
  .header_active .header__main {
    display: flex;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1150px) {
  .header__wrapper {
    padding-right: 25px;
    padding-left: 25px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1150px) {
  .header-menu {
    padding-right: 25px;
    padding-left: 25px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1150px) {
  .header__main .header__contact_email,
  .header__main .header__contact_phone {
    padding-right: 25px;
    padding-left: 25px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 1150px) {
  .header__main .header__socials {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.page_mobile .header {
  min-height: 60px;
}
.page_mobile .header__wrapper {
  grid-template-columns: 86px 30px;
  border-bottom: 1px solid #e8e8e8;
  height: 100px;
  padding: 10px 40px;
}
@media (max-width: 1150px) {
  .page_mobile .header__wrapper {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.page_mobile .header__menu {
  flex: 1;
  margin: 0;
}
.page_mobile .header-menu {
  max-height: calc(100vh - 100px - 150px);
  padding: 20px 40px;
  overflow-y: auto;
  scrollbar-color: #14a667 #f4f4f4;
  scrollbar-width: thin;
}
.page_mobile .header-menu::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.page_mobile .header-menu::-webkit-scrollbar-track {
  background-color: #f4f4f4;
}
.page_mobile .header-menu::-webkit-scrollbar-thumb {
  background-color: #14a667;
}
@media (max-width: 1150px) {
  .page_mobile .header-menu {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.page_mobile .header-menu__list {
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}
.page_mobile .header-menu__item_drop .header-menu__link:after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='4' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.894 3.373.627.107a.366.366 0 1 0-.52.518l3.008 3.007L.108 6.64a.366.366 0 1 0 .52.519l3.266-3.266a.37.37 0 0 0 0-.519z' fill='%2314a667'/%3E%3C/svg%3E");
}
.page_mobile .header-menu__item_active .header-menu__link:after {
  transform: rotate(90deg);
}
.page_mobile .header-menu__drop {
  transform: none;
  position: static;
  margin: 0!important;
}
.page_mobile .header-menu-drop {
  width: 100%;
}
.page_mobile .header-menu-drop__content {
  border-radius: 0;
  padding: 0;
  padding-left: 20px;
  background: transparent;
  box-shadow: none;
  font-size: inherit;
  line-height: inherit;
}
.page_mobile .header-menu-drop__section {
  padding: .9em 0 0;
}
.page_mobile .header-menu-drop__section:not(:last-child) {
  padding-bottom: .9em;
}
.page_mobile .header__close {
  display: block;
}
.page_mobile .header__main {
  display: none;
  max-width: 275px;
  height: 100vh;
  padding: 0;
  background: #f4f4f4;
  font-size: 16px;
  line-height: 1.35;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
}
.page_mobile .header__main .header__container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  height: 100vh;
  padding: 0;
}
.page_mobile .header__main .header__contact {
  display: flex;
  align-items: center;
}
.page_mobile .header__main .header__contact:before {
  min-width: 15px;
  height: 15px;
  background-position: center;
}
.page_mobile .header__main .header__contact_email,
.page_mobile .header__main .header__contact_phone {
  width: 100%;
  max-width: 100%;
  height: 50px;
  border-top: 1px solid #e8e8e8;
  padding: 0 40px;
}
@media (max-width: 1150px) {
  .page_mobile .header__main .header__contact_email,
  .page_mobile .header__main .header__contact_phone {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.page_mobile .header__main .header__contact_email {
  gap: 10px;
}
.page_mobile .header__main .header__contact_email:before {
  min-width: 17px;
  background-image: url(/Content/images/email_small.svg);
}
.page_mobile .header__main .header__contact_phone {
  gap: 10px;
}
.page_mobile .header__main .header__contact_phone:before {
  background-image: url(/Content/images/phone_small.svg);
}
.page_mobile .header__main .header__contact_telegram:before {
  background-image: url(/Content/images/telegram.svg);
}
.page_mobile .header__main .header__contact_whatsapp:before {
  background-image: url(/Content/images/whatsapp.svg);
}
.page_mobile .header__main .header__contact_viber:before {
  background-image: url(/Content/images/viber.svg);
}
.page_mobile .header__main .header__contacts {
  flex-direction: column;
  gap: 0;
  max-width: 100%;
  margin: auto 0 0;
}
.page_mobile .header__main .header__socials {
  gap: 15px;
  width: 100%;
  height: 50px;
  border-top: 1px solid #e8e8e8;
  padding: 0 40px;
}
@media (max-width: 1150px) {
  .page_mobile .header__main .header__socials {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.page_mobile .header__mobile {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.page_mobile .header_active .header__main {
  display: flex;
}
.content {
  color: #5a5b5a;
  font-size: 18px;
  line-height: 1.666;
}
.content > * {
  box-sizing: border-box;
}
.content > *:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.content p {
  padding: 0;
  color: inherit;
  font: inherit;
  margin: 0 0 1.3em 0;
}
.content p:last-child {
  margin-bottom: 0;
}
.content ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.content li {
  padding: 0;
  color: inherit;
  font: inherit;
  list-style: none;
}
.content li:before {
  display: none;
}
.content a {
  color: inherit;
  text-decoration: none;
  transition: none;
}
.content__section {
  padding: 50px 0;
}
.content__section:first-child {
  padding-top: 0;
}
.content__title {
  display: block;
  padding: 0;
  color: initial;
  font-weight: 500;
  font-size: 32px;
  line-height: 1.2;
  margin: 0 0 25px 0;
}
.content__title_main {
  font-weight: normal;
  font-size: 40px;
  margin-bottom: 45px;
}
@media (max-width: 1023px) {
  .content__title {
    font-size: 30px;
  }
  .content__title_main {
    font-size: 36px;
    line-height: 1.2;
  }
}
.content__subtitle,
.content p.content__subtitle {
  display: block;
  padding: 0;
  color: initial;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  margin: 0 0 1.3em 0;
}
.content__accent {
  color: #01a696;
}
.content__list > li {
  padding-left: 35px;
  position: relative;
}
.content__list > li:not(:first-child) {
  margin-top: .9em;
}
.content__list > li:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: none;
  border-radius: 50%;
  background: transparent url("data:image/svg+xml,%0A%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0zm5.742 8.31L9.46 14.594a1.405 1.405 0 0 1-1 .415c-.378 0-.733-.147-1-.415l-3.202-3.202a1.405 1.405 0 0 1-.414-1c0-.377.147-.732.414-1a1.405 1.405 0 0 1 1-.414c.378 0 .733.147 1 .415l2.202 2.201 5.282-5.282a1.405 1.405 0 0 1 1-.414 1.416 1.416 0 0 1 1 2.414z' fill='%2314A667'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center no-repeat;
  box-shadow: none;
  position: absolute;
  top: 4px;
  left: 0;
}
.content__steps {
  padding: 0;
  overflow: hidden;
  position: relative;
}
.content__steps > li {
  min-height: 32px;
  padding-top: 3px;
  padding-left: 52px;
  position: relative;
  z-index: 2;
}
.content__steps > li:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  border: 2px solid #14a667;
  border-radius: 50%;
  background: #f6ffef url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='11.5' fill='%23F6FFEF' stroke='%2314A667'/%3E%3C/svg%3E") center no-repeat;
  box-shadow: none;
  position: absolute;
  top: 0;
  left: 0;
}
.content__steps > li:not(:first-child) {
  margin-top: 25px;
}
.content__steps > li:last-child {
  z-index: 1;
}
.content__steps > li:last-child:after {
  content: "";
  width: 2px;
  height: 10000vh;
  box-sizing: border-box;
  border-left: 2px dashed #14a667;
  position: absolute;
  bottom: 100%;
  left: 15px;
}
.order * {
  box-sizing: border-box;
}
.order li:before {
  display: none;
}
.order__frame {
  width: 100%;
  max-width: 460px;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 40px 20px !important;
  background: #fff !important;
  box-shadow: rgba(17, 17, 26, 0.05) 0 1px 0, rgba(17, 17, 26, 0.1) 0 0 8px;
  margin: 0 auto;
}
.order__frame_grey {
  background: #f2f2f2 !important;
  box-shadow: none;
}
.order__frame_honey-dew {
  background: #f6ffef !important;
}
.order__title {
  color: initial;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 1023) {
  .order__title {
    font-size: 18px;
  }
}
.order__form {
  width: 100%;
  max-width: 360px;
  text-align: left;
  margin: 0 auto;
  /* START: Стили поля "Согласие на обработку персональных данных" (перенесены из класса "demo_test_block", частично изменены) */
  /* END: Стили поля "Согласие на обработку персональных данных" */
}
.order__form .notification_form {
  margin-top: 30px;
}
.order__form .notification_form a {
  color: #2ba542;
  text-decoration: underline;
}
.order__form .notification_form input[type="checkbox"],
.order__form .notification_form .jq-checkbox {
  width: 20px;
  min-width: 20px;
  height: 20px;
  border: 1px solid #414241;
  background: transparent;
  cursor: pointer;
  margin-right: 10px;
}
.order__form .notification_form input[type="checkbox"]:after,
.order__form .notification_form .jq-checkbox:after {
  content: " ";
  display: inline-block;
  background-color: #5C2799;
  visibility: visible;
}
.order__form .notification_form input[type="checkbox"]:checked:after,
.order__form .notification_form .jq-checkbox:checked:after {
  content: "\2714";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background-color: #2ba542;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.order__form .notification_form input[type="checkbox"].checked .jq-checkbox__div,
.order__form .notification_form .jq-checkbox.checked .jq-checkbox__div,
.order__form .notification_form input[type="checkbox"]:checked .jq-checkbox__div,
.order__form .notification_form .jq-checkbox:checked .jq-checkbox__div {
  width: 14px;
  height: 12px;
  border-radius: 0;
  background: url(/Content/images/checked.png) no-repeat;
  margin: 4px 0 0 4px;
}
.order__form .notification_form label {
  color: #575857;
  font-size: 12px;
}
.order__form .notification_form label b {
  color: #000;
}
.order__action {
  display: block;
  width: 100%;
  max-width: 255px;
  padding-right: 10px !important;
  padding-left: 10px !important;
  margin: 30px auto 0;
}
.features {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
@media (min-width: 1921px) {
  .features {
    gap: 160px;
  }
}
@media (max-width: 1199px) {
  .features {
    gap: 8vw;
  }
}
.features__item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  width: 100%;
}
.features__item:nth-child(odd) .features__content,
.features__item_ltr.features__item:nth-child(1n) .features__content {
  order: 1;
  padding-right: 5.729166666666667vw;
  padding-left: 0;
}
@media (min-width: 1921px) {
  .features__item:nth-child(odd) .features__content,
  .features__item_ltr.features__item:nth-child(1n) .features__content {
    padding-right: 210px;
    padding-left: 0;
  }
}
.features__item:nth-child(odd) .features__image,
.features__item_ltr.features__item:nth-child(1n) .features__image {
  order: 2;
}
.features__item:nth-child(odd) .features__image:before,
.features__item_ltr.features__item:nth-child(1n) .features__image:before {
  transform: translateY(-50%);
  right: auto;
  left: 28%;
}
.features__item:nth-child(odd) .features__image_cut_top:before,
.features__item_ltr.features__item:nth-child(1n) .features__image_cut_top:before {
  clip-path: polygon(0% 9.5%, 100% 9.5%, 100% 100%, 0% 100%);
}
.features__item:nth-child(odd) .features__image_cut_bottom:before,
.features__item_ltr.features__item:nth-child(1n) .features__image_cut_bottom:before {
  clip-path: polygon(0% 0%, 100% 0%, 100% 90.5%, 0% 90.5%);
}
.features__item:nth-child(odd) .features__image_vertical,
.features__item_ltr.features__item:nth-child(1n) .features__image_vertical {
  padding-left: 5.729166666666667vw;
  padding-right: 0;
}
@media (min-width: 1921px) {
  .features__item:nth-child(odd) .features__image_vertical,
  .features__item_ltr.features__item:nth-child(1n) .features__image_vertical {
    padding-right: 0;
    padding-left: 210px;
  }
}
.features__item:nth-child(even) .features__content,
.features__item_rtl.features__item:nth-child(1n) .features__content {
  order: 2;
  padding-right: 0;
  padding-left: 5.729166666666667vw;
}
@media (min-width: 1921px) {
  .features__item:nth-child(even) .features__content,
  .features__item_rtl.features__item:nth-child(1n) .features__content {
    padding-right: 0;
    padding-left: 210px;
  }
}
.features__item:nth-child(even) .features__image,
.features__item_rtl.features__item:nth-child(1n) .features__image {
  order: 1;
}
.features__item:nth-child(even) .features__image:before,
.features__item_rtl.features__item:nth-child(1n) .features__image:before {
  transform: translateY(-50%) scale(-1, -1);
  right: 28%;
  left: auto;
}
.features__item:nth-child(even) .features__image_cut_top:before,
.features__item_rtl.features__item:nth-child(1n) .features__image_cut_top:before {
  clip-path: polygon(0% 0%, 100% 0%, 100% 90.5%, 0% 90.5%);
}
.features__item:nth-child(even) .features__image_cut_bottom:before,
.features__item_rtl.features__item:nth-child(1n) .features__image_cut_bottom:before {
  clip-path: polygon(0% 9.5%, 100% 9.5%, 100% 100%, 0% 100%);
}
.features__item:nth-child(even) .features__image_vertical,
.features__item_rtl.features__item:nth-child(1n) .features__image_vertical {
  padding-right: 5.729166666666667vw;
  padding-left: 0;
}
@media (min-width: 1921px) {
  .features__item:nth-child(even) .features__image_vertical,
  .features__item_rtl.features__item:nth-child(1n) .features__image_vertical {
    padding-right: 210px;
    padding-left: 0;
  }
}
.features__content {
  order: 1;
  position: relative;
  z-index: 2;
}
.features__list {
  margin-top: 30px!important;
}
.features__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  margin-top: 30px;
}
@media (max-width: 419px) {
  .features__actions .button {
    width: 100%;
    max-width: 100%;
  }
}
.features__image {
  order: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
.features__image:before {
  content: "";
  width: 41.66666666666667vw;
  max-width: 800px;
  height: 43.02083333333333vw;
  max-height: 826px;
  background: url("data:image/svg+xml,%0A%3Csvg width='800' height='826' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 200.036 800 0v826.003L0 625.542V200.036z' fill='url(%23a)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='400' y1='79' x2='103.412' y2='675.401' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314A667'/%3E%3Cstop offset='.963' stop-color='%2301A696'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") left center / contain no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -50px;
}
.features__image_no-decoration:before {
  display: none;
}
.features__image_cut_top.features__image_cut_bottom:before {
  clip-path: polygon(0% 9.5%, 100% 9.5%, 100% 90.5%, 0% 90.5%) !important;
}
@media (max-width: 1199px) {
  .features__image_vertical:not(.features__image_large) figure {
    max-height: 440px;
  }
  .features__image_vertical:not(.features__image_large) img {
    max-height: 440px;
  }
}
@media (max-width: 1023px) {
  .features__image_vertical:not(.features__image_large) figure {
    max-height: 400px;
  }
  .features__image_vertical:not(.features__image_large) img {
    max-height: 400px;
  }
}
@media (max-width: 767px) {
  .features__image_vertical:not(.features__image_large) figure {
    max-height: 350px;
  }
  .features__image_vertical:not(.features__image_large) img {
    max-height: 350px;
  }
}
.features__image_large figure {
  max-width: 100%!important;
  max-height: 100%!important;
}
.features__image_large figure img {
  max-height: 100%!important;
}
.features__image figure {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 765px;
  height: 100%;
  max-height: 520px;
  margin: 0;
}
.features__image img {
  display: block;
  width: auto!important;
  max-width: 100%;
  height: auto!important;
  max-height: 520px;
  object-fit: contain;
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .features {
    gap: 60px!important;
  }
  .features__item {
    grid-template-columns: 1fr;
    grid-gap: 40px;
  }
  .features__content {
    order: 1!important;
    padding-right: 0!important;
    padding-left: 0!important;
  }
  .features__image {
    order: 2!important;
  }
  .features__image:before {
    display: none;
  }
  .features__image figure {
    width: 90%;
    margin: 0 auto;
  }
  .features__image_vertical {
    padding: 0!important;
  }
}
.footer {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 192px;
  box-sizing: border-box;
  padding: 50px 0 45px;
  background: #f6ffef;
  font-size: 18px;
  line-height: 1.2;
  user-select: none;
  cursor: default;
}
.footer * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
.footer ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.footer li {
  padding: 0;
  color: inherit;
  font: inherit;
  list-style: none;
}
.footer li:before {
  display: none;
}
.footer a {
  color: inherit;
  text-decoration: none;
  transition: none;
}
.footer__content {
  display: grid;
  grid-template-columns: 1fr 165px 130px;
  grid-gap: 40px 50px;
  justify-content: space-between;
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}
.footer__menu {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px 50px;
}
.footer__menu a {
  text-decoration: underline;
}
.footer__menu a:hover {
  color: #14a667!important;
}
.footer__legend {
  display: block;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 10px;
}
.footer__socials {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: max-content;
}
.footer__socials a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 27px;
  height: 27px;
  border: 2px solid #606360;
  border-radius: 3px;
}
.footer__socials a:hover {
  opacity: .8;
}
.footer__socials img {
  display: block;
  margin: 0 auto;
}
.footer__copyright {
  display: block;
  max-width: max-content;
}
.footer__copyright img {
  position: relative;
  top: -5px;
  margin-bottom: -5px;
}
.footer__copyright:hover img {
  opacity: .8;
}
@media screen and (max-width: 1199px) {
  .footer {
    font-size: 16px;
    line-height: 1.4;
  }
}
@media (max-width: 1023px) {
  .footer {
    height: auto;
    text-align: center;
  }
  .footer__content {
    grid-template-columns: 1fr;
  }
  .footer__menu {
    grid-auto-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
  .footer__socials {
    margin: 0 auto!important;
  }
  .footer__copyright {
    margin: 0 auto;
  }
}
.cases__title {
  text-align: center;
}
.cases__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px;
  margin-top: 50px!important;
}
.cases__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
  transition: box-shadow 0.3s;
  position: relative;
}
.cases__item:hover {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
}
.cases__preview {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 249px;
  border-radius: 25px 20px 0 0;
  overflow: hidden;
}
.cases__preview img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  margin: 0;
}
.cases__content {
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0 0 20px 20px;
  padding: 15px 20px 20px;
}
.cases__name {
  max-width: 200px;
  min-height: 33px;
  color: #4d4f4d;
  font-size: 14px;
  line-height: 1.15;
}
.cases__client {
  color: #101010;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  margin-top: 7px;
}
.cases__client span {
  display: block;
  font: inherit;
}
.cases__logo {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 20px);
  max-width: max-content;
  height: 68px;
  box-sizing: border-box;
  border-radius: 20px 0 20px 0;
  padding: 5px 20px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
.cases__logo img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  margin: 0;
}
.cases__link {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0!important;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
}
.cases__action {
  margin: 50px auto 0;
}
@media screen and (min-width: 768px) {
  .cases__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1024px) {
  .cases__list {
    grid-template-columns: repeat(4, 1fr);
  }
  .cases__content {
    padding: 15px 25px 25px;
  }
  .cases__logo {
    padding: 5px 25px;
  }
}
@media screen and (min-width: 1620px) {
  .cases__list {
    grid-gap: 50px;
  }
}
.page-home {
  padding: 0;
}
.page-home__wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 1920px;
  overflow: hidden;
  margin: 0 auto;
}
.page-home__image {
  height: 100%;
  position: relative;
}
.page-home__image:before {
  content: "";
  width: 50vw;
  background: left center no-repeat;
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
}
.page-home__image figure {
  display: flex;
  align-items: center;
  width: 50vw;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  transform: translateY(-50%);
  margin: 0;
}
.page-home__image img {
  display: block;
  width: auto;
  height: auto;
  max-height: 100%;
  object-fit: contain;
  position: relative;
  margin: 0;
}
.page-home-intro {
  display: flex;
  align-items: center;
  width: 100%;
  height: calc(100vh - 100px);
  min-height: 575px;
  background: #f6ffef;
  overflow: hidden;
}
@media (max-width: 1280px) {
  .page-home-intro {
    min-height: 440px;
  }
}
@media (max-width: 1066px) {
  .page-home-intro {
    min-height: 500px;
  }
}
.page-home-intro * {
  box-sizing: border-box;
}
.page-home-intro__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
  align-items: center;
  height: 100%;
}
.page-home-intro__content {
  padding: 80px 0;
  position: relative;
  top: -40px;
  left: 50px;
}
@media (max-width: 419px) {
  .page-home-intro__content {
    padding-right: 0!important;
    padding-left: 0!important;
  }
}
.page-home-intro__title {
  max-width: 600px;
  padding: 0;
  color: initial;
  font-weight: 700;
  font-size: 72px;
  line-height: 1.2;
}
@media (max-width: 1280px) {
  .page-home-intro__title {
    max-width: 500px;
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .page-home-intro__title {
    font-size: 40px;
  }
}
@media (max-width: 389px) {
  .page-home-intro__title {
    font-size: 34px;
  }
}
.page-home-intro__title span {
  color: #01a696;
}
.page-home-intro__subtitle {
  max-width: 600px;
  padding: 0;
  color: #565656;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.5;
  margin-top: 35px;
}
@media (max-width: 1280px) {
  .page-home-intro__subtitle {
    max-width: 500px;
    font-size: 20px;
  }
}
.page-home-intro__action {
  display: block;
  margin-top: 50px;
}
@media (max-width: 459px) {
  .page-home-intro__action {
    width: 100%;
  }
}
.page-home-intro__image:before {
  width: 972px;
  height: 100vh;
  min-height: 700px;
  max-height: 972px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='972' height='972' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 729.077V242.671L972 0v972L0 729.077z' fill='url(%23a)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='486' y1='66.768' x2='127.157' y2='790.249' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314A667'/%3E%3Cstop offset='.963' stop-color='%2301A696'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  margin-top: -40px;
}
@media (max-width: 1520px) and (max-height: 900px) {
  .page-home-intro__image:before {
    margin-top: -25px;
  }
}
@media (max-width: 1280px) and (max-height: 900px) {
  .page-home-intro__image:before {
    margin-top: -10px;
  }
}
@media (max-width: 1066px) and (max-height: 900px) {
  .page-home-intro__image:before {
    margin-top: -25px;
  }
}
@media (max-width: 1280px) {
  .page-home-intro__image figure {
    max-height: 700px;
  }
}
.page-home-intro__image img {
  max-width: 1220px;
  top: -10px;
  left: 40px;
}
.page-home-order {
  display: flex;
  align-items: center;
  width: 100%;
  background: #f6ffef;
  overflow: hidden;
  position: relative;
}
.page-home-order * {
  box-sizing: border-box;
}
.page-home-order__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
  align-items: center;
  height: 100%;
}
.page-home-order__content {
  width: 100%;
  max-width: 440px;
  padding: 80px 0;
}
.page-home-order__image:before {
  min-width: 1220px;
  height: 100%;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='1221' height='1357' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 315.313 1221 .5v1356L0 1023.07V315.313z' fill='url(%23a)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='610.499' y1='113.995' x2='92.16' y2='1070.41' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2314A667'/%3E%3Cstop offset='.963' stop-color='%2301A696'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  margin-top: -90px;
}
.page-home-order__image img {
  max-width: 835px;
  height: 100%;
  object-fit: cover;
  top: -1px;
  left: 105px;
}
@media (min-width: 1921px) {
  .page-home__wrapper {
    max-width: 1860px;
  }
  .page-home-intro {
    height: auto!important;
  }
  .page-home-intro__image:before {
    height: calc(100% + 75px);
    background-size: contain;
  }
}
@media screen and (max-width: 1023px) {
  .page-home-intro {
    height: auto!important;
    min-height: 0;
  }
  .page-home-intro__container {
    grid-template-columns: 1fr;
  }
  .page-home-intro__content {
    padding: 50px 25px 60px;
    top: 0;
    left: 0;
  }
  .page-home-intro__image {
    display: none;
  }
  .page-home-order__container {
    grid-template-columns: 1fr;
  }
  .page-home-order__content {
    padding: 60px 0;
    position: relative;
    z-index: 2;
    margin: 0 auto;
  }
  .page-home-order__image {
    width: 978px;
    height: 100%;
    opacity: .3;
    position: absolute;
    top: -3px;
    right: -210px;
    z-index: 1;
  }
  .page-home-order__image:before {
    width: 835px;
    min-width: 0;
    right: -140px;
    left: auto;
    margin-top: -73px !important;
  }
  .page-home-order__image figure {
    width: 100%;
    justify-content: flex-end;
  }
}
.page_mobile .page-home-intro {
  height: calc(100vh - 60px);
}
.page-home-banner {
  box-sizing: border-box;
  padding: 1.04vw 0 70px;
  background: #f6ffef;
  font: 500 16px/1.2 Roboto, sans-serif;
  cursor: default;
}
.page-home-banner * {
  font-family: Roboto, sans-serif;
}
.page-home-banner__frame {
  display: grid;
  grid-template-columns: minmax(auto, 675px) minmax(211px, 405px);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 160px;
  box-sizing: border-box;
  border-radius: 20px;
  padding: 30px 50px;
  background-color: #01a696;
  background-image: linear-gradient(90deg, #14a669 0%, #02a695 calc(100% - 20px), #ffffff calc(100% - 20px));
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  color: #fff;
  transition: box-shadow 0.3s;
  position: relative;
}
.page-home-banner__frame:hover {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}
.page-home-banner__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 19px;
  font-weight: 700;
  font-size: 32px;
}
.page-home-banner__title span {
  font: inherit;
  white-space: nowrap;
}
.page-home-banner__title span:nth-child(2) {
  display: inline-block;
  min-width: 28px;
  height: 16px;
  background: url("data:image/svg+xml,%0A%3Csvg width='28' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8h23.5m0 0-5-5m5 5-5 5' stroke='%23fff' stroke-width='3' stroke-linecap='square'/%3E%3C/svg%3E") center no-repeat;
}
.page-home-banner__title span:nth-child(2) span {
  width: 1px;
  height: 1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
  position: absolute;
  margin: -1px;
}
.page-home-banner__text {
  font-size: 26px;
}
.page-home-banner__link {
  display: block;
  color: inherit!important;
  line-height: 1.1;
  text-decoration: none!important;
  white-space: nowrap;
  margin-top: 14px;
}
.page-home-banner__link:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}
.page-home-banner__link span {
  display: inline-block;
  border-bottom: 1px solid #fff;
  padding-bottom: 1px;
  transition: border-color 0.3s;
  position: relative;
  z-index: 4;
}
.page-home-banner__link span:after {
  content: '';
  display: inline-block;
  min-width: 14px;
  height: 5px;
  background: url("data:image/svg+xml,%0A%3Csvg width='16' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5h14m0 0L12.021 1M15 3.5 12.021 6' stroke='%23fff' stroke-linecap='square'/%3E%3C/svg%3E") center no-repeat;
  transition: margin .3s;
  position: relative;
  top: -2px;
  margin-left: 5px;
}
.page-home-banner__link span:hover {
  border-color: transparent;
}
.page-home-banner__link span:hover:after {
  margin-left: 9px;
}
.page-home-banner__logo {
  min-width: 211px;
  height: 76px;
  position: relative;
  margin: 0 40px 0 auto;
}
.page-home-banner__logo:before {
  content: '';
  width: 528px;
  height: 459px;
  background: url("data:image/svg+xml,%0A%3Csvg width='528' height='459' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='264.408' cy='229.149' rx='185.558' ry='295.676' transform='rotate(54.334 264.408 229.149)' fill='%23fff'/%3E%3C/svg%3E") center / contain no-repeat;
  position: absolute;
  top: -155px;
  left: -158px;
  z-index: 1;
}
.page-home-banner__logo span,
.page-home-banner__logo img {
  display: block;
  width: 100%!important;
  max-width: 100%!important;
  height: 100%!important;
  max-height: 100%!important;
  object-fit: contain;
  position: relative;
  z-index: 2;
  margin: 0 auto;
}
.page-home-banner__logo span {
  background: url("data:image/svg+xml,%3Csvg width='211' height='76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M210.765 67.434c0 .8-.161 1.49-.485 2.068-.323.561-.748.978-1.276 1.25a6.447 6.447 0 0 1-2.91.69c-1.633 0-3.19-.562-4.67-1.685l.97-1.787c1.395.953 2.646 1.43 3.752 1.43 1.582 0 2.373-.52 2.373-1.557 0-.51-.23-.92-.689-1.225-.442-.307-.978-.545-1.608-.715a49.318 49.318 0 0 1-1.914-.613 3.823 3.823 0 0 1-1.634-1.123c-.442-.527-.663-1.208-.663-2.041 0-1.072.374-1.932 1.123-2.578.766-.647 1.803-.97 3.114-.97 1.378 0 2.782.28 4.211.842l-.715 1.914c-1.344-.51-2.629-.765-3.854-.765-.544 0-.961.144-1.25.433-.29.273-.434.613-.434 1.021 0 .46.221.834.663 1.123.46.273 1.013.494 1.659.664.647.17 1.285.374 1.915.613a3.713 3.713 0 0 1 1.633 1.097c.459.493.689 1.132.689 1.914zM199.394 68.302l.74 1.813c-1.463.714-2.654 1.071-3.573 1.071-1.719 0-2.578-1.174-2.578-3.522v-6.61h-2.042v-.255l4.212-4.824h.153v3.037h3.752v2.042h-3.752v6.508c0 .936.332 1.404.995 1.404.409 0 1.106-.221 2.093-.664zM181.133 59.012v1.48c1.26-1.224 2.587-1.837 3.982-1.837 1.327 0 2.45.46 3.369 1.378.936.902 1.404 2.246 1.404 4.033v6.993h-2.323v-6.993c0-1.174-.272-2.025-.817-2.552-.527-.528-1.225-.792-2.092-.792-.545 0-1.183.162-1.915.485-.714.307-1.25.68-1.608 1.123v8.73h-2.297V59.011h2.297zM165.509 65.29c0-2.092.553-3.726 1.659-4.9 1.123-1.191 2.416-1.787 3.88-1.787 3.454 0 5.181 2.17 5.181 6.509h-8.372c.034 1.548.392 2.637 1.072 3.267.681.63 1.668.944 2.961.944.953 0 2.101-.485 3.446-1.455l.944 1.66c-1.753 1.275-3.344 1.913-4.773 1.913-1.684 0-3.105-.527-4.262-1.582-1.157-1.055-1.736-2.578-1.736-4.569zm5.615-4.645c-.748 0-1.378.221-1.888.664-.494.425-.894 1.14-1.2 2.144h5.972c-.051-.919-.289-1.617-.714-2.093-.426-.476-1.149-.715-2.17-.715zM155.27 62.458v8.6h-2.323v-7.273c0-1.191-.23-1.991-.689-2.4-.443-.425-1.055-.638-1.838-.638-.561 0-1.114.18-1.659.536-.527.34-.927.775-1.199 1.302v8.474h-2.297V59.012h2.297v1.531c.34-.476.799-.919 1.378-1.327a3.44 3.44 0 0 1 1.991-.613c1.497 0 2.697.664 3.598 1.991 1.396-1.327 2.757-1.99 4.084-1.99 1.31 0 2.357.459 3.139 1.378.8.902 1.2 2.17 1.2 3.803v7.274h-2.323v-7.274c0-1.191-.229-1.991-.689-2.4-.442-.425-1.055-.638-1.837-.638-.443 0-.97.188-1.583.562-.595.374-1.012.757-1.25 1.149zM131.934 65.29c0-2.092.553-3.726 1.659-4.9 1.123-1.191 2.416-1.787 3.88-1.787 3.454 0 5.181 2.17 5.181 6.509h-8.372c.034 1.548.392 2.637 1.072 3.267.681.63 1.668.944 2.961.944.953 0 2.101-.485 3.445-1.455l.945 1.66c-1.753 1.275-3.344 1.913-4.773 1.913-1.685 0-3.105-.527-4.262-1.582-1.157-1.055-1.736-2.578-1.736-4.569zm5.615-4.645c-.749 0-1.378.221-1.889.664-.493.425-.893 1.14-1.199 2.144h5.972c-.051-.919-.289-1.617-.714-2.093-.426-.476-1.149-.715-2.17-.715zM129.118 53.193v17.866h-2.297V53.193h2.297zM123.117 60.671v2.297h-5.972v5.794h6.866v2.297h-9.418V53.193h9.137v2.297h-6.585v5.181h5.972z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M191.033 45.536h3.394v-9.673h5.857v6.176c0 2.485 1.08 3.727 3.241 3.727 1.055 0 2.348-.417 3.879-1.25l-.765-1.992c-.885.358-1.532.536-1.94.536-.681 0-1.021-.476-1.021-1.429v-5.768h3.599v-2.374h-3.599V30.12h-.664l-2.987 3.37h-5.6v-2.502c0-.868.349-1.302 1.047-1.302.544 0 1.429.204 2.654.613l.791-2.348c-1.497-.443-2.901-.664-4.211-.664-1.072 0-1.957.29-2.654.868-.681.578-1.021 1.574-1.021 2.986v2.348h-1.608v2.374h1.608v9.673z' fill='%23000'/%3E%3Cpath d='M183.787 42.55c.561-.715.842-1.727.842-3.037 0-1.31-.281-2.323-.842-3.038-.562-.731-1.345-1.097-2.348-1.097-1.021 0-1.813.357-2.374 1.072-.562.714-.842 1.727-.842 3.037 0 1.31.28 2.331.842 3.063.561.714 1.353 1.072 2.374 1.072 1.003 0 1.786-.358 2.348-1.072zm2.399-7.76c1.225 1.14 1.837 2.715 1.837 4.723 0 2.007-.612 3.581-1.837 4.721-1.225 1.123-2.808 1.685-4.747 1.685-1.957 0-3.548-.57-4.773-1.71-1.225-1.14-1.838-2.714-1.838-4.722 0-2.008.613-3.573 1.838-4.696 1.225-1.14 2.816-1.71 4.773-1.71 1.939 0 3.522.57 4.747 1.71zM172.874 41.811c0 .749-.161 1.404-.484 1.965-.307.545-.724.97-1.251 1.276a6.16 6.16 0 0 1-1.634.638 6.56 6.56 0 0 1-1.735.23c-1.991 0-3.777-.553-5.36-1.659l1.098-2.067c1.446.953 2.79 1.43 4.032 1.43 1.395 0 2.093-.435 2.093-1.303 0-.39-.23-.706-.689-.944-.459-.238-1.021-.434-1.685-.587a29.285 29.285 0 0 1-1.99-.587 3.906 3.906 0 0 1-1.659-1.174c-.46-.562-.689-1.268-.689-2.118 0-1.106.425-2.025 1.276-2.757.851-.732 2.042-1.097 3.573-1.097 1.582 0 3.148.306 4.696.918l-.74 2.349c-1.599-.579-3.046-.868-4.339-.868-.919 0-1.378.34-1.378 1.02 0 .341.23.622.689.843a9.946 9.946 0 0 0 1.71.587c.681.17 1.361.383 2.042.638.68.255 1.25.664 1.71 1.225.476.545.714 1.225.714 2.042zM160.193 27.67v17.866h-3.369V27.67h3.369zM153.759 27.67v17.866h-3.369V27.67h3.369zM136.667 39.768c0-2.161.579-3.812 1.736-4.952 1.174-1.157 2.586-1.735 4.236-1.735 3.676 0 5.513 2.246 5.513 6.738h-8.167c.051 2.382 1.293 3.573 3.726 3.573.953 0 2.119-.425 3.497-1.276l.944 1.837a19.12 19.12 0 0 1-1.378.92c-.357.22-.893.45-1.608.689a6.822 6.822 0 0 1-2.169.357c-1.923 0-3.463-.528-4.62-1.583-1.14-1.072-1.71-2.594-1.71-4.568zm6.125-4.441c-1.327 0-2.212.868-2.654 2.603h5.028c-.102-1.735-.893-2.603-2.374-2.603zM126.23 27.67l3.803 11.026 3.318-11.026h3.573l-5.41 17.866h-2.987l-3.828-10.975-3.828 10.975h-2.782l-5.411-17.866h3.777l3.318 11.18 3.828-11.18h2.629z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M92.68.842 69.1 17.996a7.221 7.221 0 0 1-8.195.208l-8.82-5.756a7.221 7.221 0 0 0-8.184.2l-22.48 16.296a7.221 7.221 0 0 1-8.161.216l-9.968-6.449c-1.672-1.086-3.028-.35-3.028 1.644v37.821c0 1.994 1.356 4.491 3.028 5.577l9.968 6.45a7.221 7.221 0 0 0 8.16-.216l22.48-16.296a7.221 7.221 0 0 1 8.185-.2l8.82 5.755a7.221 7.221 0 0 0 8.195-.208L92.68 45.884c1.614-1.172 2.921-3.738 2.921-5.733v-2.238c0-1.994-1.307-2.66-2.92-1.488L67.995 54.358c-1.613 1.172-2.92.505-2.92-1.489v-.884c0-1.994 1.307-4.561 2.92-5.733l24.693-17.94c1.609-1.175 2.911-3.736 2.911-5.726v-2.69c0-1.994-1.307-2.66-2.92-1.488L67.995 36.34c-1.613 1.172-2.92.505-2.92-1.489v-.884c0-1.994 1.307-4.56 2.92-5.733L92.68 10.302C94.293 9.13 95.6 6.563 95.6 4.569V2.33c0-1.994-1.307-2.66-2.92-1.488zM47.924 42.025v-1.627c-.15-1.71-1.394-2.227-2.906-1.128L20.337 57.203c-1.614 1.172-2.921 3.739-2.921 5.733v.884c0 1.994 1.307 2.66 2.92 1.489L45.02 47.376c1.512-1.099 2.756-3.422 2.906-5.35zm0-18.017v-1.627c-.15-1.71-1.394-2.227-2.906-1.128L20.337 39.186c-1.614 1.172-2.921 3.739-2.921 5.733v.885c0 1.994 1.307 2.66 2.92 1.488L45.02 29.359c1.512-1.099 2.756-3.422 2.906-5.35z' fill='%239BE655'/%3E%3C/svg%3E") center / contain no-repeat;
}
@media screen and (max-width: 1319px) {
  .page-home-banner {
    padding-top: 0;
  }
  .page-home-banner__logo:before {
    top: -160px;
    left: -130px;
  }
}
@media screen and (max-width: 1023px) {
  .page-home-banner__frame {
    padding: 25px 25px 30px;
  }
  .page-home-banner__logo {
    margin-right: 25px;
  }
  .page-home-banner__logo:before {
    top: -165px;
    left: -115px;
  }
}
@media screen and (max-width: 767px) {
  .page-home-banner__frame {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 35px;
    background-image: linear-gradient(90deg, #14a669, #02a695);
  }
  .page-home-banner__frame:before,
  .page-home-banner__frame:after {
    content: '';
    width: 40px;
    height: 40px;
    background: #fff;
    position: absolute;
    bottom: -20px;
    right: -20px;
  }
  .page-home-banner__title {
    gap: 0 16px;
    font-size: 28px;
  }
  .page-home-banner__text {
    font-size: 22px;
    margin-top: 4px;
  }
  .page-home-banner__logo:before {
    top: -40px;
    left: -220px;
  }
}
@media screen and (max-width: 459px) {
  .page-home-banner__frame {
    padding-bottom: 20px;
  }
  .page-home-banner__logo {
    min-width: 160px;
  }
  .page-home-banner__logo:before {
    top: -25px;
    left: -270px;
  }
}
@media screen and (max-width: 419px) {
  .page-home-banner__frame:before {
    right: auto;
    left: -20px;
  }
}
@media screen and (max-width: 359px) {
  .page-home-banner__frame {
    gap: 45px;
  }
  .page-home-banner__title {
    gap: 0 10px;
    font-size: 24px;
  }
  .page-home-banner__text {
    font-size: 18px;
    margin-top: 10px;
  }
  .page-home-banner__text {
    margin-right: 5px;
  }
}
.home_news {
  padding-top: 60px;
  background: #fff;
}
@media (max-width: 1023px) {
  .home_news {
    padding-top: 45px;
  }
}
.home_news .news_inner {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  max-width: 1135px;
  position: relative;
  left: -10px;
}
.home_news .news_inner .owl-next,
.home_news .news_inner .owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  background-position: 50%;
  background-size: 40%;
  background-color: rgba(255, 255, 255, 0.8);
  transition: background-color 0.3s;
  cursor: pointer;
  border: 1px solid #f4f4f4;
}
.home_news .news_inner .owl-next:hover,
.home_news .news_inner .owl-prev:hover {
  background-color: #ffffff;
  transition: background-color 0.3s;
}
.home_news .news_inner .owl-next.disabled,
.home_news .news_inner .owl-prev.disabled {
  display: none;
}
.home_news .news_inner .owl-prev {
  left: -15px;
  background-image: url("/Content/images/left_ar.svg");
}
.home_news .news_inner .owl-next {
  right: -15px;
  background-image: url("/Content/images/right_ar.svg");
}
.home_news .news_item {
  display: flex;
  flex-direction: column;
  max-width: 360px;
  height: 145px;
  margin: 10px;
  border: 1px solid #f4f4f4;
  border-radius: 5px;
  padding: 15px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
  overflow: hidden;
}
.home_news .news_item:hover {
  background-color: #f4f4f4;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  transition: all 0.3s;
}
.home_news .news_item_header {
  padding-bottom: 15px;
}
.home_news .news_item_title,
.home_news .news_item_date {
  display: block;
}
.home_news .news_item_title {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 10px;
  height: 50px;
  overflow: hidden;
}
.home_news .news_item_date {
  font-size: 12px;
  font-weight: bold;
}
.home_news .news_item_text {
  color: #5a5b5a;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 50px;
}
.reminder_container .reminder_texts {
  margin-top: 30px;
  font-style: italic;
  position: relative;
}
.reminder_container .reminder_texts::before {
  position: absolute;
  display: block;
  content: "";
  height: 100%;
  width: 3px;
  background-color: #cccccc;
  left: 25px;
  top: 0;
}
.reminder_container .reminder_more {
  position: relative;
  text-decoration: underline;
  font-style: normal;
  max-width: 73px;
  display: block;
  margin-top: 10px;
}
.reminder_container .reminder_more::after {
  position: absolute;
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  top: 0;
  right: -20px;
  background-repeat: no-repeat;
  background-image: url(/Content/images/more.svg);
  transition: all .2s;
}
.reminder_container .reminder_more:hover::after {
  right: -25px;
}
.reminder_container .reminder_inner {
  background-color: #f4f4f4;
  padding: 20px;
  border-radius: 5px;
}
.reminder_container .reminder_inner p:last-child {
  padding-bottom: 0;
}
.promo {
  margin-top: 50px;
}
.promo .promo_banner,
.promo .promo_banner_image {
  background-repeat: no-repeat;
  background-position: center;
}
.promo .promo_banner {
  width: 100%;
  height: 160px;
  padding: 10px 30px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-size: cover;
  background-image: url("/Content/images/home_promo/home_promo_bg.png");
}
.promo .promo_banner_text {
  margin: 10px 10px 10px 0;
  font-weight: bold;
  font-size: 34px;
  line-height: 40px;
  color: #FFFFFF;
}
.promo .promo_banner_image {
  width: 120px;
  height: 137px;
  background-size: contain;
  background-image: url("/Content/images/home_promo/home_promo_phones.png");
}
@media (max-width: 1430px) {
  .promo .promo_banner_text {
    font-size: 26px;
    line-height: 30px;
  }
}
@media (max-width: 1000px) {
  .page_home .title_inner {
    font-size: 28px;
    line-height: 33px;
  }
  .reminder_container .reminder_texts::before {
    left: 13px;
  }
}
@media (max-width: 600px) {
  .promo .promo_banner {
    flex-direction: column;
    height: auto;
    padding: 10px;
  }
  .promo .promo_banner_text {
    font-size: 20px;
    line-height: 22px;
    margin: 10px;
  }
}
.page-buyersapp__text {
  max-width: 655px;
}
@media (min-width: 1600px) {
  .page-buyersapp__section {
    margin-top: 4vw;
  }
}
@media (min-width: 1921px) {
  .page-buyersapp__section {
    margin-top: 100px;
  }
}
.page-buyersapp__features .features__image:before {
  margin-top: 0;
}
.page-buyersapp__features_1 {
  gap: 50px;
  margin-top: 40px!important;
}
@media (min-width: 1200px) {
  .page-buyersapp__features_1 {
    gap: 0;
    margin-top: -50px !important;
  }
}
.page-buyersapp__features_2 {
  margin-top: 40px!important;
}
@media (min-width: 1200px) {
  .page-buyersapp__features_2 {
    margin-top: -50px !important;
  }
}
.page-components__features {
  gap: 180px;
  margin-top: 80px!important;
}
@media (max-width: 1199px) {
  .page-components__features {
    gap: 14.6484375vw;
  }
}
@media (max-width: 1023px) {
  .page-components__features {
    margin-top: 0!important;
  }
}
@media (min-width: 1700px) {
  .page-components__feature {
    margin-bottom: 20px;
  }
}
@media (max-width: 389px) {
  .page-components__button > span span {
    display: none;
  }
}
@media (max-width: 1023px) {
  .page-developers__intro {
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .page-developers__features {
    margin-top: 5vw!important;
    margin-bottom: 80px!important;
  }
}
@media (min-width: 1921px) {
  .page-developers__features {
    margin-top: 80px!important;
  }
}
@media (min-width: 1700px) {
  .page-developers__feature {
    margin-bottom: 30px;
  }
}
.page-developers__text {
  max-width: 550px;
}
.page-developers-scheme {
  background: linear-gradient(208.04deg, #14a667 17.38%, #01a696 79.97%);
  color: #fff;
}
.page-developers-scheme__title {
  color: inherit;
  text-align: center;
}
@media (min-width: 768px) {
  .page-developers-scheme__title span {
    white-space: nowrap;
  }
}
.page-developers-scheme__row {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px;
  align-items: center;
  margin-top: 50px;
}
.page-developers-scheme__col {
  display: flex;
  flex-direction: column;
}
.page-developers-scheme__col_left {
  align-items: flex-start;
  text-align: left;
}
.page-developers-scheme__col_left .page-developers-scheme__list > li {
  padding-left: 15px;
}
.page-developers-scheme__col_left .page-developers-scheme__list > li:before {
  left: 0;
}
.page-developers-scheme__col_right {
  align-items: flex-end;
  text-align: right;
}
.page-developers-scheme__col_right .page-developers-scheme__list > li {
  padding-right: 15px;
}
.page-developers-scheme__col_right .page-developers-scheme__list > li:before {
  right: 0;
}
.page-developers-scheme__subtitle {
  display: none;
  color: inherit;
  font-size: 24px;
  margin-bottom: 5px;
}
.page-developers-scheme__list {
  width: 100%;
  max-width: 380px;
  font-weight: 500;
}
.page-developers-scheme__list > li {
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #fff;
  padding: 15px 0;
  position: relative;
}
.page-developers-scheme__list > li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border: none;
  border-radius: 50%;
  background: #fff;
  box-shadow: none;
  position: absolute;
  top: 50%;
  right: auto;
  left: auto;
  transform: translateY(-50%);
}
.page-developers-scheme__image img {
  display: block;
  object-fit: contain;
  margin: 0 auto;
}
.page-developers-scheme__action {
  margin-top: 30px;
}
@media (max-width: 419px) {
  .page-developers-scheme__action {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .page-developers-scheme__row {
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px 10px;
  }
  .page-developers-scheme__col {
    order: 2;
  }
  .page-developers-scheme__list {
    max-width: 100%;
  }
  .page-developers-scheme__image {
    grid-column: 1/-1;
    order: 1;
  }
  .page-developers-scheme__image img {
    max-width: 250px;
    max-height: 250px;
  }
}
@media screen and (max-width: 579px) {
  .page-developers-scheme__title {
    text-align: left;
  }
  .page-developers-scheme__row {
    grid-template-columns: 1fr;
    grid-gap: 50px;
    margin-top: 40px;
  }
  .page-developers-scheme__col {
    display: block;
    text-align: left;
  }
  .page-developers-scheme__subtitle {
    display: block;
  }
  .page-developers-scheme__list > li {
    padding-right: 0!important;
    padding-left: 15px;
  }
  .page-developers-scheme__list > li:before {
    right: auto!important;
    left: 0;
  }
  .page-developers-scheme__image {
    display: none;
  }
}
.page-inspection * {
  box-sizing: border-box;
}
.page-inspection__intro {
  padding-bottom: 0;
}
@media (min-width: 1024px) {
  .page-inspection__intro {
    padding-bottom: 20px;
  }
}
.page-inspection__title {
  max-width: 985px;
}
.page-inspection__stages ol {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 30px;
  padding: 0;
  position: relative;
  margin-top: 35px;
}
.page-inspection__stages ol:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #14a667;
  position: absolute;
  top: 71px;
  left: 0;
}
.page-inspection__stages li {
  position: relative;
}
.page-inspection__stages li:after {
  content: "";
  width: 20px;
  height: 20px;
  border-top: 2px solid #14a667;
  border-right: 2px solid #14a667;
  transform: rotate(45deg);
  position: absolute;
  top: 61px;
  right: -15px;
}
.page-inspection__stages li:last-child:after {
  right: 2px;
}
.page-inspection__stages p:first-child {
  max-width: 140px;
  min-height: 73px;
  padding-bottom: 17px;
  margin-bottom: 16px;
}
.page-inspection__stages p:last-child {
  max-width: 250px;
}
@media (max-width: 1169px) {
  .page-inspection__stages p:last-child {
    font-size: 16px;
  }
}
.page-inspection__features {
  gap: 90px;
  gap: 120px;
  margin-top: 3.645833333333333vw!important;
}
@media (min-width: 1921px) {
  .page-inspection__features {
    margin-top: 80px!important;
  }
}
@media (min-width: 1024px) {
  .page-inspection__feature {
    margin-top: -50px;
    margin-bottom: -20px;
  }
}
.page-inspection__feature-title {
  max-width: 410px;
}
@media screen and (max-width: 1023px) {
  .page-inspection__title {
    max-width: 890px;
  }
  .page-inspection__stages {
    display: none;
  }
  .page-inspection__features {
    margin-top: 0!important;
  }
}
.page-situational-center__text {
  max-width: 1360px;
}
.page-situational-center__features {
  gap: 180px;
}
@media (max-width: 1299px) {
  .page-situational-center__features {
    margin-top: 50px!important;
  }
}
@media (max-width: 1199px) {
  .page-situational-center__features {
    gap: 14.6484375vw;
  }
}
@media (min-width: 1500px) {
  .page-situational-center__feature {
    top: -25px;
  }
}
.page-situational-center__steps {
  margin-top: 30px;
}
.page-ourpartners__section {
  padding-bottom: 0!important;
}
.page-ourpartners__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  gap: 75px 40px;
  text-align: center;
  margin: 60px auto 0!important;
}
.page-ourpartners__item {
  width: 100%;
}
.page-ourpartners__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 150px;
}
.page-ourpartners__image img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 150px;
  object-fit: contain;
  margin: 0 auto;
}
.page-ourpartners__text {
  max-width: 600px;
  margin: 20px auto 0;
}
.page-ourpartners__action {
  display: block!important;
  width: 100%;
  max-width: 250px;
  box-sizing: border-box;
  color: #fff!important;
  margin: 80px auto 0;
}
@media (max-width: 1000px) {
  .page-ourpartners__list {
    grid-template-columns: 1fr;
    grid-gap: 45px;
  }
  .page-ourpartners__item {
    box-sizing: border-box;
    padding-bottom: 40px!important;
    position: relative;
  }
  .page-ourpartners__item:after {
    content: "";
    display: block;
    width: 150px;
    height: 2px;
    background: #ccc;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .page-ourpartners__image {
    height: auto;
  }
  .page-ourpartners__image img {
    max-height: 100px;
  }
  .page-ourpartners__action {
    margin-top: 50px;
  }
}
.function_container {
  padding: 85px 0;
  padding-bottom: 105px;
}
.function_container .tab_function {
  text-align: center;
  margin-bottom: 80px;
}
.function_container .tab_function .tab {
  display: inline-block;
  padding: 10px 0;
  margin: 0 45px;
  color: #A9A9A9;
  border-bottom: 2px solid #7C7F7C;
  font-size: 24px;
  cursor: pointer;
}
.function_container .tab_function .tab .mob_text {
  display: none;
}
.function_container .tab_function .tab:hover {
  color: #7C7F7C;
}
.function_container .tab_function .tab.active {
  color: #2BA542;
  border-color: #2BA542;
  cursor: default;
}
.function_container .tab_function_container {
  display: flex;
  justify-content: space-between;
}
.function_container .tab_function_container .item {
  background: #FFFFFF;
  border: 1px solid #F2F2F2;
  box-sizing: border-box;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 60px 30px;
  flex-grow: 1;
  padding-bottom: 22px;
  margin: 14px;
  width: 15%;
}
.function_container .tab_function_container .item .icon {
  margin-bottom: 50px;
  height: 140px;
  width: 100%;
}
.function_container .tab_function_container .item .icon img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.function_container .tab_function_container .item .title {
  font-size: 18px;
  color: #262626;
  text-align: center;
  margin-bottom: 5px;
}
.function_container .tab_function_container .item .text {
  color: #999999;
  font-size: 18px;
  text-align: center;
}
@media (max-width: 1600px) {
  .function_container .tab_function_container {
    flex-wrap: wrap;
  }
  .function_container .tab_function_container .item {
    width: 30%;
  }
}
@media (max-width: 1000px) {
  .function_container {
    padding: 50px 0;
  }
  .function_container .tab_function {
    margin-bottom: 40px;
  }
  .function_container .tab_function .tab {
    width: 49%;
    display: inline-block;
    font-size: 18px;
    margin: 0;
  }
  .function_container .tab_function .tab .mob_text {
    display: initial;
  }
  .function_container .tab_function .tab .desc_text {
    display: none;
  }
  .function_container .tab_function_container {
    display: block;
  }
  .function_container .tab_function_container .item {
    margin: 14px 0;
    width: 100%;
    padding: 20px 10px;
  }
  .function_container .tab_function_container .item .icon {
    margin-bottom: 20px;
    height: 100px;
  }
  .function_container .tab_function_container .item .icon img {
    width: 80px;
  }
}
@media (max-height: 600px) {
  .function_container {
    padding-top: 45px;
  }
}
.system_components_container {
  padding: 70px 0;
  background: #fff;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1023px) {
  .system_components_container {
    padding: 45px 0 50px;
  }
}
.system_components_container .page__container {
  position: relative;
  z-index: 1;
}
.system_components_container .transition_block {
  position: absolute;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  border: 0;
  border-radius: 50%;
  transform: translate(-5px, -5px);
  background-color: #ffffff;
  pointer-events: none;
  will-change: transform;
}
.system_components_container .transition_block.animating {
  transform: translate(-5px, -5px) scale(250);
  transition: transform 1300ms;
}
.system_components_container .download_description {
  background-color: #ffffff;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  width: 305px;
  padding: 17px 17px 17px 85px;
  position: absolute;
  text-align: left;
  right: 10px;
  bottom: -100px;
}
.system_components_container .download_description b {
  font-size: 18px;
}
.system_components_container .download_description span {
  display: block;
  font-size: 14px;
  padding-top: 7px;
}
.system_components_container .download_description .download_size {
  position: absolute;
  left: 15px;
  bottom: 10px;
}
.system_components_container .download_description::before {
  position: absolute;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-image: url("/Content/images/download.svg");
  width: 53px;
  height: 65px;
  left: 13px;
  top: 19px;
}
.conteiner_title {
  color: #262626;
  padding: 0;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.title_inner {
  position: relative;
  font-size: 40px;
  line-height: 47px;
}
.title_inner::after {
  position: absolute;
  display: block;
  content: "";
  width: 90%;
  height: 6px;
  background: linear-gradient(to right, #2ba542 0%, #00a69a 100%);
  bottom: -10px;
  left: 0;
}
.components_inner {
  display: flex;
  flex-direction: row;
}
@media (max-width: 1000px) {
  .components_inner {
    flex-direction: column;
    justify-content: center;
  }
}
.components_item {
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  cursor: pointer;
  transition: box-shadow 0.3s;
  background-color: #F6FFEF;
  padding: 24px;
  width: 30%;
  height: 283px;
  margin-bottom: 20px;
}
.components_item:not(:last-of-type) {
  margin-right: 25px;
}
@media (max-width: 1000px) {
  .components_item {
    width: 86%;
  }
}
.components_item img {
  position: absolute;
  left: -1px;
  bottom: 0;
  border-bottom-left-radius: 20px;
}
.components_item:hover {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  transition: box-shadow 0.3s;
}
.components_item:hover .component_more::after {
  right: -25px;
}
.component_text span {
  font-weight: 400;
  font-size: 16px;
  color: #565656;
}
.component_text span:first-of-type {
  font-size: 22px;
  color: #23A552;
  font-weight: 700;
  margin-bottom: 8px;
  display: block;
}
.component_image img.narrow {
  margin-left: 40px;
}
.component_controls {
  text-align: right;
  padding: 20px 40px 20px 20px;
  margin-top: auto;
}
.component_more {
  font-size: 16px;
  line-height: 19px;
  color: #4D4F4D;
  position: relative;
}
.component_more::after {
  position: absolute;
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  top: 1px;
  right: -20px;
  background-repeat: no-repeat;
  background-image: url("/Content/images/more.svg");
  transition: all 0.2s;
}
.mob_head_title {
  display: none;
  width: 100%;
  text-align: center;
  border-radius: 6px;
  background: #F4F4F4;
  padding: 25px 30px;
  font-weight: bold;
  font-size: 20px;
  color: #2BA542;
  border: 1px solid #2BA542;
  cursor: pointer;
  transition: all 400ms;
  height: 100px;
}
.mob_head_title.active {
  color: #FFFFFF;
  background: #2BA542;
  cursor: default;
}
@media (max-width: 1000px) {
  .system_components_container .download_description {
    position: relative;
    right: initial;
    bottom: initial;
    width: initial;
  }
  .system_components_container .download_description b {
    font-size: 14px;
  }
  .system_components_container .download_description .download_size {
    position: initial;
  }
  .system_components_container .download_description::before {
    top: 14px;
  }
  .system_components_left_nav {
    display: none;
  }
  .conteiner_title {
    margin-bottom: 30px;
  }
  .system_components_content {
    display: block !important;
    margin-bottom: 20px;
    width: 100%;
  }
  .system_components_content .system_components_title {
    font-size: 18px;
  }
  .system_components_content .system_components_more li {
    padding: 8px 0 8px 26px;
  }
  .system_components_content .system_components_more li:before {
    top: 13px;
  }
  .system_components_content .system_components_more .interface_cover {
    display: flex;
    flex-direction: column;
  }
  .system_components_content .system_components_more .interface {
    display: none;
  }
  .system_components_content .desc {
    font-size: 16px;
  }
  .system_components_content.open .content {
    display: block;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .system_components_content.open .mob_head_title {
    color: #FFFFFF;
    background: #2BA542;
  }
  .system_components_content .mob_head_title {
    display: block;
    height: auto;
    padding: 25px 20px;
    font-size: 18px;
  }
  .system_components_content .content {
    display: none;
    padding: 25px 15px;
    padding-bottom: 0;
    margin-top: -5px;
    border-top: none;
  }
  .system_components_content .content .fon {
    display: none;
  }
}
@media (max-width: 600px) {
  .component_text {
    min-height: initial;
    min-width: initial;
  }
}
.advantage_container {
  padding: 80px 0;
  padding-bottom: 10px;
}
.advantage_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.advantage_list .item {
  width: 33%;
  margin-bottom: 80px;
  /*&:last-of-type{
      width: 66%;
    }*/
}
.advantage_list .item .title {
  position: relative;
  display: flex;
  align-items: center;
  color: #2BA542;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 25px;
}
.advantage_list .item .title > img {
  min-width: 50px;
  width: 50px;
  margin-right: 20px;
}
.advantage_list .item .desc {
  color: #999999;
  font-size: 18px;
  display: none;
}
@media (max-width: 1000px) {
  .advantage_container {
    padding: 50px 0;
    padding-bottom: 10px;
  }
  .advantage_list {
    flex-direction: column;
  }
  .advantage_list .item {
    width: 100%;
    margin-bottom: 40px;
  }
  .advantage_list .item:last-of-type {
    width: 100%;
  }
  .advantage_list .item .title {
    font-size: 20px;
  }
}
.implementation_cost_container {
  background: #EEEEEE;
  padding: 80px 0;
  padding-bottom: 100px;
}
.implementation_block {
  margin-bottom: 50px;
}
.implementation_block .label {
  color: #2DAA4A;
  font-size: 20px;
  margin-bottom: 5px;
}
.implementation_block .term {
  font-weight: bold;
  font-size: 24px;
  color: #5A5B5A;
}
.step_list {
  display: flex;
  justify-content: space-between;
  margin: 0 -28px;
}
.step_list .item {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.13);
  border-radius: 4px;
  margin: 0 28px;
  padding: 33px 20px;
  padding-bottom: 40px;
  width: 25%;
}
.step_list .item .step {
  position: absolute;
  left: 50%;
  top: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #2DAA4A;
  font-weight: bold;
  font-size: 24px;
  color: #FFFFFF;
  box-sizing: border-box;
  padding: 15px 2px;
  text-align: center;
  box-shadow: 0 2px 10px rgba(43, 165, 66, 0.4);
  transform: translateY(-50%) translateX(-50%);
}
.step_list .item .title {
  color: #5A5B5A;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}
.step_list .item .desc {
  font-size: 16px;
  color: #4D4F4D;
}
.line {
  max-width: 1320px;
  margin: 50px auto;
  height: 1px;
  background: #9C9C9C;
}
.support_prise {
  display: flex;
  justify-content: space-between;
}
.support_prise .line {
  display: none;
}
.support_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-grow: 1;
}
.support_block .implementation_block {
  width: 100%;
}
.support_block .item {
  text-align: center;
  max-width: 170px;
  margin-right: 10px;
}
.support_block .item:last-of-type {
  margin-right: 0;
}
.support_block .item > img {
  display: inline-block;
  margin-bottom: 20px;
}
.support_block .item .title {
  font-size: 18px;
  color: #231F20;
}
.prise_block {
  width: 400px;
  position: relative;
}
.prise_block .text {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  text-align: left;
}
.prise_block .text .rub {
  margin-right: 15px;
  font-size: 150px;
  color: rgba(152, 152, 152, 0.25);
}
.prise_block .text .desc {
  font-size: 20px;
  color: #7C7F7C;
}
.prise_block .download_description {
  background-color: #ffffff;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  width: 275px;
  padding: 17px 17px 17px 85px;
  position: relative;
  text-align: left;
  min-height: 70px;
  overflow: hidden;
}
.prise_block .download_description b {
  font-size: 18px;
  display: block;
}
.prise_block .download_description span {
  display: block;
  font-size: 14px;
  padding-top: 7px;
}
.prise_block .download_description .download_size,
.prise_block .download_description .download_filename {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.prise_block .download_description .download_filename {
  padding-right: 20px;
}
.prise_block .download_description::before {
  position: absolute;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-image: url("/Content/images/download.svg");
  width: 53px;
  height: 65px;
  left: 13px;
  top: 19px;
}
@media (max-width: 1000px) {
  .implementation_cost_container {
    padding: 50px 0;
    padding-bottom: 20px;
  }
  .implementation_block .label {
    font-size: 18px;
  }
  .implementation_block .term {
    font-size: 20px;
  }
  .step_list {
    display: block;
    margin: 0;
  }
  .step_list .item {
    width: 100%;
    margin: 0;
    margin-bottom: 50px;
  }
  .line {
    margin: 20px auto;
  }
  .support_prise {
    display: block;
  }
  .support_prise .line {
    display: block;
  }
  .support_block {
    display: block;
    width: 100%;
  }
  .support_block .item {
    width: 100%;
    max-width: none;
    margin-bottom: 30px;
  }
  .prise_block {
    margin-top: 0;
    width: 100%;
    margin-bottom: 30px;
  }
  .prise_block .text .desc {
    font-size: 14px;
  }
  .prise_block .download_description {
    width: initial;
    display: block;
    max-width: 270px;
  }
  .prise_block .download_description .download_size {
    right: 55px;
  }
}
.demo_test_container {
  background-size: cover !important;
  background-position: center;
  padding: 80px 0;
}
.min_container {
  max-width: 500px;
  padding: 0 20px;
  margin: 0 auto;
}
.min_container.helper {
  padding-left: 40px;
}
@media (max-width: 1300px) {
  .min_container.helper {
    margin: 0 auto !important;
    z-index: 2;
  }
  .min_container.helper > img {
    opacity: 0.2;
  }
}
.demo_test_block {
  background: rgba(255, 255, 255, 0.88);
  border-radius: 8px;
  padding: 40px 50px;
  padding-bottom: 36px;
  text-align: center;
}
@media (max-width: 1300px) {
  .demo_test_block {
    background-color: #fff;
  }
}
.demo_test_block .title {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  color: #262626;
  margin-bottom: 40px;
}
.demo_test_block .error_msg {
  text-align: left;
}
.demo_test_block .notification_form {
  display: flex;
  text-align: left;
  margin-bottom: 50px;
  margin-top: 35px;
}
.demo_test_block .notification_form a {
  text-decoration: underline;
  color: #2ba542;
}
.demo_test_block .notification_form input[type="checkbox"],
.demo_test_block .notification_form .jq-checkbox {
  border: 1px solid #414241;
  width: 20px;
  min-width: 20px;
  margin-right: 10px;
  height: 20px;
  background: transparent;
}
.demo_test_block .notification_form input[type="checkbox"]:after,
.demo_test_block .notification_form .jq-checkbox:after {
  content: " ";
  background-color: #5C2799;
  display: inline-block;
  visibility: visible;
}
.demo_test_block .notification_form input[type="checkbox"]:checked:after,
.demo_test_block .notification_form .jq-checkbox:checked:after {
  content: "\2714";
  background-color: #2ba542;
  border-radius: 3px;
  height: 20px;
  display: block;
  width: 20px;
  text-align: center;
  font-size: 14px;
  color: white;
}
.demo_test_block .notification_form input[type="checkbox"].checked .jq-checkbox__div,
.demo_test_block .notification_form .jq-checkbox.checked .jq-checkbox__div,
.demo_test_block .notification_form input[type="checkbox"]:checked .jq-checkbox__div,
.demo_test_block .notification_form .jq-checkbox:checked .jq-checkbox__div {
  background: url("/Content/images/checked.png");
  width: 14px;
  height: 12px;
  margin: 4px 0 0 4px;
  border-radius: 0;
  background-repeat: no-repeat;
}
.demo_test_block .notification_form label {
  font-size: 12px;
  color: #575857;
}
.demo_test_block .notification_form label b {
  color: #000;
}
@media (max-width: 1000px) {
  .demo_test_block {
    padding: 30px 30px 36px 30px;
  }
  .demo_test_block .title {
    font-size: 18px;
  }
  .demo_test_block .notification_form {
    margin-top: 20px;
  }
}
.demo-image-cover {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 48%;
  height: 100%;
}
.demo-image {
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 0;
}
@media (max-width: 1300px) {
  .demo-image {
    opacity: .2;
  }
}
.customers_container {
  padding: 80px 0;
  background: #fff;
}
@media (max-width: 1023px) {
  .customers_container {
    padding: 60px 0;
  }
}
.customers_owl .item {
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 200px;
}
.customers_owl .item .item_img_cover {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customers_owl .item .item_img_cover > img {
  max-height: 100%;
}
.customers_owl .item .name {
  color: #5A5B5A;
  font-size: 18px;
  height: 45px;
  margin-top: auto;
  vertical-align: top;
}
.customers_owl .owl-item {
  display: inline-block;
  vertical-align: top;
  float: none;
}
.customers_owl .disabled {
  display: none;
}
.customers_owl .owl-dots {
  width: 80px;
  margin: 30px auto 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.customers_owl .owl-dots.disabled {
  opacity: 1;
  filter: none;
  pointer-events: initial;
}
.customers_owl .owl-dots .owl-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #2ba542;
  border: none;
  padding: 0;
}
.customers_owl .owl-dots .active {
  transform: scale(2);
}
.test_app_open {
  position: fixed;
  bottom: 90px;
  right: 45px;
  background: linear-gradient(271deg, #46c3db 0, #2ba542 100%);
  color: #ffffff;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  border: none;
  padding: 15px 27px;
  border-radius: 30px;
  cursor: pointer;
  z-index: 100;
  font-size: 18px;
  font-weight: bold;
  -webkit-animation: specialOffersShadow 2s infinite alternate;
  /* Safari 4+ */
  -moz-animation: specialOffersShadow 2s infinite alternate;
  /* Fx 5+ */
  -o-animation: specialOffersShadow 2s infinite alternate;
  /* Opera 12+ */
  animation: specialOffersShadow 2s infinite alternate;
}
@-webkit-keyframes specialOffersShadow {
  from {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.7);
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
    transform: scale3d(1.02, 1.02, 1.02);
  }
  to {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes specialOffersShadow {
  from {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.7);
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
    transform: scale3d(1.02, 1.02, 1.02);
  }
  to {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes specialOffersShadow {
  from {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.7);
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
    transform: scale3d(1.02, 1.02, 1.02);
  }
  to {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes specialOffersShadow {
  from {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.7);
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
    transform: scale3d(1.02, 1.02, 1.02);
  }
  to {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@media (max-width: 1000px) {
  .test_app_open {
    display: none;
  }
}
.hardware_container {
  padding-bottom: 80px;
  background: #fff;
}
@media (max-width: 1023px) {
  .hardware_container {
    padding-bottom: 60px;
  }
}
.hardware_container .hardware_inner {
  display: flex;
  flex-direction: row;
  margin-top: 60px;
}
.hardware_container .hardware_image {
  margin-top: auto;
}
.hardware_container .hardware_item {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 24px;
  background-color: #FBFBFB;
  margin-bottom: 20px;
  margin-right: 25px;
  transition: box-shadow 0.3s;
  box-shadow: 4px 4px 18px rgba(188, 188, 188, 0.25);
  border-radius: 20px;
}
@media (max-width: 1250px) {
  .hardware_container .hardware_item {
    margin-right: 40px;
  }
}
.hardware_container .hardware_item:last-child {
  margin-right: 0;
}
@media (max-width: 1250px) {
  .hardware_container .hardware_item:last-child {
    margin-right: 40px;
  }
}
.hardware_container .hardware_item:active {
  box-shadow: none;
  transition: box-shadow 0.3s;
}
.hardware_container .hardware_title {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #23a552;
  margin-bottom: 34px;
}
.hardware_container .hardware_image img {
  max-height: 100%;
  width: auto;
  margin: auto;
}
.hardware__item {
  width: 38%;
  position: relative;
  display: flex;
  justify-content: space-between;
  border-radius: 20px;
  background-color: #F6FFEF;
  overflow: hidden;
  transition: box-shadow 0.3s;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
.hardware__item:hover {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  transition: box-shadow 0.3s;
}
@media (max-width: 1450px) {
  .hardware__item {
    width: initial;
    flex: 1 1 auto;
  }
}
@media (max-width: 900px) {
  .hardware__item:first-of-type {
    margin-right: 0 !important;
    margin-bottom: 24px;
  }
}
.hardware__item:first-of-type {
  margin-right: 45px;
}
.hardware__item--wrap {
  padding: 30px;
  margin-right: 20px;
}
.hardware__item--title {
  color: #20A559;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 18px;
}
.hardware__item--text {
  display: flex;
  flex-direction: column;
  color: #4D4F4D;
  font-weight: 400;
  font-size: 16px;
}
.hardware__item--text > span {
  margin-top: 18px;
}
.hardware__item--image {
  display: flex;
  flex: 0 0 auto;
  position: relative;
  margin: -30px;
}
@media (max-width: 500px) {
  .hardware__item--image {
    position: absolute;
    right: 0;
    opacity: 0.1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    bottom: 0;
    margin: 0;
  }
}
.hardware__item--image img {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
@media (max-width: 500px) {
  .hardware__item--image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 900px) {
  .hardware_container .hardware_inner {
    flex-direction: column;
  }
  .hardware_container .hardware_item {
    width: 86%;
    margin-right: 0;
    margin-bottom: 24px;
  }
  .hardware_container .hardware_item:last-child {
    margin-bottom: 0;
  }
}
.showForOther {
  display: block;
}
.service_video_container {
  position: relative;
  padding-top: 80px;
  padding-bottom: 250px;
  overflow: hidden;
}
.service_video_container .video_container {
  display: block;
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.service_video_container .video_container .inner_part {
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
  z-index: 1;
}
.service_video_container .video_container .inner_part .service_video_image {
  opacity: 1;
}
.service_video_container video {
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
}
.service_video_container .service_video_image {
  position: absolute;
  opacity: 0.6;
}
.service_video_container .service_video_image_phone {
  right: 53vw;
  top: 4%;
  max-height: 35vh;
}
.service_video_container .service_video_image_mac {
  max-height: 54vh;
  left: 60vw;
  top: 38%;
}
@media (max-width: 1000px) {
  .service_video_container {
    padding-bottom: 150px;
  }
  .service_video_container .service_video_image_mac {
    left: 64vw;
    top: -25%;
  }
  .service_video_container .service_video_image_phone {
    right: 53vw;
    top: -18%;
  }
}
.article {
  display: flex;
  flex-direction: column;
}
.article.partners_info {
  padding-top: 40px;
  padding-bottom: 40px;
}
.article a {
  display: inline !important;
}
.article .breadcrumbs {
  padding: 0;
}
.article .date {
  display: block;
  margin-top: 15px;
}
.article .section_name {
  padding-top: 28px;
}
.article article {
  width: 1050px;
}
.article .article_inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.article .article_inner iframe {
  max-width: 100%;
}
.article .breadcrumbs_divider {
  color: #000;
}
.article .articles_list {
  width: 300px;
  padding-left: 50px;
  padding-top: 30px;
}
.article .articles_list span {
  color: #2BA542;
  font-size: 17px;
  padding: 8px 0;
  display: block;
  font-weight: bold;
}
.article .articles_list li {
  list-style: none;
  color: #000;
  line-height: 18px;
  padding: 5px 0;
}
.article .articles_list li::before {
  display: none;
}
.article .articles_list a {
  color: #000;
}
.article .articles_list a:hover .articles_list_date {
  color: #2BA542;
}
.article .articles_list .articles_list_date {
  font-size: 12px;
  font-weight: bold;
  display: block;
  padding: 0;
  color: #000;
}
.article .article_navigation {
  margin-top: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.article .mt-0 {
  margin-top: 0 !important;
}
.article .article_navigation_link {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  max-width: 370px;
  padding: 13px 20px 13px 0;
  margin-top: 50px;
}
.article .article_navigation_link:first-child {
  margin-right: 10px;
}
.article .article_navigation_link span {
  display: block;
  width: 100%;
}
.article .article_navigation_link:before {
  display: block;
  content: attr(data-direction);
  color: #2ba542;
  position: absolute;
  top: -20px;
  left: 0;
  font-size: 14px;
  font-weight: normal;
}
.article .article_navigation_link:hover {
  color: #2BA542;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.article .h1,
.article .h2,
.article .h3,
.article .h4,
.article .h5,
.article .h6 {
  padding: 20px 0;
}
.article .inner_page_title {
  padding-top: 0;
}
.article p {
  line-height: 26px;
  font-size: 16px;
}
.article td {
  padding: 10px;
}
.article li {
  line-height: 26px;
  font-size: 16px;
  color: #000;
}
.article a {
  text-decoration: none;
  color: #2BA542;
}
.article a:hover {
  color: #38cb54;
}
.article img {
  max-width: 100%;
  height: auto !important;
  margin: 20px 0;
}
.article .table_cover {
  overflow-x: auto;
}
.article table {
  min-width: 100%;
  max-width: 100%;
}
.special_articles .articles_list,
.special_articles .header__demo,
.special_articles .article_navigation {
  display: none;
}
.page_policy .article_navigation {
  display: none;
}
@media (max-width: 1000px) {
  .article .article_inner {
    flex-direction: column;
  }
  .article article {
    width: auto;
  }
  .article .articles_list {
    width: auto;
    padding-left: 0;
  }
  .article .article_navigation {
    flex-direction: column;
  }
  .article .article_navigation_link:first-child {
    margin-right: auto;
  }
}
.inner_page_title {
  padding: 0;
  font-size: 40px;
  line-height: 47px;
  color: #000;
  font-weight: normal;
  text-align: left;
}
.inner_page .conteiner_title {
  margin: 0;
}
.inner_page .title_inner {
  color: #4D4F4D;
  font-size: 28px;
  line-height: 33px;
}
@media (max-width: 1000px) {
  .inner_page_title {
    font-size: 36px;
    line-height: 42px;
  }
  .inner_page .title_inner {
    font-size: 22px;
    line-height: 28px;
  }
}
.developers .inner_page_title {
  padding: 0 40px;
}
.developers .developers_section {
  padding: 70px 0;
}
.developers .developers_section:nth-child(2n+1) {
  background-color: rgba(244, 244, 244, 0.5);
}
.developers .partners_info {
  padding-top: 0;
}
.developers .developers_texts {
  padding: 45px 0 0 0;
}
.developers .developers_texts p {
  line-height: 26px;
  font-size: 16px;
}
.developers .developers_platform_inner {
  display: flex;
  flex-direction: row;
  padding: 45px 0;
}
.developers .platform_inner_item {
  padding: 20px 30px;
  width: 33%;
  border: 1px solid #cccccc;
  display: flex;
  flex-direction: column;
}
.developers .platform_inner_item ul {
  margin-top: auto;
}
.developers .platform_inner_item li {
  font-size: 16px;
}
.developers .platform_inner_name {
  font-weight: bold;
  font-size: 20px;
  display: block;
  margin-bottom: 30px;
  min-height: 50px;
}
.developers .platform_inner_image {
  text-align: center;
  margin-top: auto;
}
.developers .platform_inner_image img {
  margin: 0 auto;
  max-width: 100%;
}
.developers .developers_current th,
.developers .developers_current td {
  text-align: left;
  vertical-align: top;
  font-size: 16px;
  padding: 15px;
}
.developers .developers_current .table_segment {
  display: block;
  padding-bottom: 10px;
}
.developers .developers_market_inner {
  padding: 45px 0 0 0;
}
.developers .developers_market_inner p {
  font-size: 16px;
}
.developers .market_partners {
  padding-top: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.developers .market_partner {
  display: flex;
  padding: 0 20px 20px 20px;
}
.developers .market_partner img {
  margin: auto;
  max-width: 150px;
}
.developers .developers_cases {
  padding-bottom: 50px;
}
.developers .developer_case_items {
  padding: 45px 0 0 0;
}
.developers .developers_case_item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding-right: 50px;
  margin-bottom: 50px;
}
.developers .developers_case_item:last-child {
  margin-bottom: 10px;
}
.developers .developers_case_texts {
  width: 70%;
  margin-right: 50px;
}
.developers .developers_case_name {
  font-weight: bold;
  font-size: 20px;
  display: block;
  margin-bottom: 20px;
}
.developers .developers_case_feature {
  padding: 0 0 30px 50px;
  position: relative;
  font-size: 18px;
  line-height: 22px;
}
.developers .developers_case_feature::before {
  position: absolute;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("/Content/images/developers/check.png");
  width: 25px;
  height: 25px;
  left: 0;
  top: -2px;
}
.developers .developers_case_image {
  width: 30%;
  max-width: 150px;
  text-align: center;
}
.developers .developer_bottom_link_block {
  position: relative;
  padding-top: 50px;
}
.developers .developer_bottom_link_block::before {
  position: absolute;
  content: "";
  display: block;
  height: 2px;
  width: 170px;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 18px;
  background-color: #cccccc;
}
.conteiner_title.fill_white {
  margin-top: 50px;
}
.reversed_features {
  margin: 80px 0;
}
.reversed_features .features_text {
  margin: 0 0 0 20px;
}
.cta_button {
  position: relative;
  margin-top: auto;
  margin-bottom: 40px;
}
.eng_equipment {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}
.eng_equipment_title {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 20px;
  height: 163px;
  background: #FFFFFF;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
}
.eng_equipment_description {
  margin: 75px 0 0 0;
  height: 317px;
  padding: 20px 0px 0 30px;
  display: flex;
  flex-direction: column;
  border: 4px solid;
  border-top-color: #F4F4F4;
  border-left-color: #F4F4F4;
  border-bottom-color: transparent;
  border-right-color: transparent;
  box-sizing: border-box;
}
.eng_equipment_items {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.eng_equipment_body {
  width: 25%;
  margin: 0 20px 0 0;
}
.table_cover.why th td {
  font-size: 18px;
}
.developer_choice_body {
  position: relative;
  width: 25%;
  margin: 0 20px 0 0;
}
.developer_choice_items {
  display: flex;
  justify-content: space-between;
  margin: 100px 0 0 0;
}
.developer_choice_decription {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  height: 263px;
  border: 3px solid #DADADA;
}
.developer_choice_title {
  position: absolute;
  text-align: center;
  display: block;
  width: 100px;
  height: 70px;
  background-color: #FFF;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
}
.developer_choice_title .developer_choice_title_text {
  margin: auto;
  width: 70px;
  display: block;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  font-size: 48px;
  line-height: 70px;
  text-align: center;
  color: #dadada;
}
.developers_list li {
  padding-left: 34px;
}
.developers_list.primary li {
  color: #2BA542 !important;
}
.developers_list li::before {
  top: 13px;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url(/Content/images/icons/component_check.svg);
  background-size: contain;
  width: 22px;
  height: 22px;
}
.table_cover .why {
  margin: 30px 0;
}
.table_cover .why td,
.table_cover .why th {
  padding: 20px;
  color: #5A5B5A;
  /*padding: 5px 10px;*/
}
.eng_equipment_list a {
  text-decoration: underline;
}
.fill_gray {
  background-color: #FAFAFA;
  padding: 50px 0 0 0;
}
.eng_equipment_description {
  position: relative;
}
.eng_equipment_description::after {
  position: absolute;
  display: block;
  content: "";
  top: -18%;
  left: 50%;
  transform: translateX(-50%);
  height: 30px;
  width: 45px;
  background-image: url("/Content/images/developers/arrow_down.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 1520px) {
  .developer_choice_decription {
    padding: 20px;
  }
}
@media (max-width: 1440px) {
  .developer_choice_decription {
    padding: 15px;
  }
}
@media (max-width: 1400px) {
  .developer_choice_decription {
    padding: 10px;
  }
}
@media (max-width: 1360px) {
  .developer_choice_decription {
    padding: 5px;
  }
}
@media (max-width: 1320px) {
  .developer_choice_decription p {
    font-size: 16px !important;
  }
}
@media (max-width: 1220px) {
  .developer_choice_decription p {
    font-size: 14px !important;
    line-height: 22px !important;
  }
}
@media (max-width: 1200px) {
  .eng_equipment_description {
    padding: 20px 0 0 20px;
  }
  .eng_equipment_description li {
    font-size: 16px;
  }
  .eng_equipment_title {
    font-size: 16px;
  }
}
@media (max-width: 1000px) {
  .developers .developers_section {
    padding: 20px 0;
  }
  .developers .developers_platform_inner {
    flex-direction: column;
  }
  .developers .platform_inner_item {
    width: auto;
    padding: 15px;
    margin-bottom: 10px;
  }
  .developers .market_partners {
    flex-direction: column;
  }
  .developers .market_partner {
    padding: 20px;
    max-width: 230px;
    min-height: 130px;
    margin: 0 auto;
  }
  .developers .developers_case_item {
    flex-direction: column;
    padding-right: 0;
    position: relative;
  }
  .developers .developers_case_item::after {
    position: absolute;
    content: "";
    display: block;
    height: 2px;
    width: 170px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -10px;
    background-color: #cccccc;
  }
  .developers .developers_case_item:last-child::after {
    display: none;
  }
  .developers .developers_case_texts {
    width: auto;
    margin-right: 0;
    order: 2;
  }
  .developers .developers_case_name {
    text-align: center;
  }
  .developers .developers_case_feature {
    font-size: 16px;
  }
  .developers .developers_case_image {
    width: 100%;
    order: 1;
    margin: 0 auto 30px auto;
  }
  .developers .partners_info .developers_texts {
    padding-top: 20px;
  }
  .developers .developers_case_link_block {
    text-align: center;
  }
  .developers .developer_bottom_link_block::before {
    top: 3px;
  }
  .developers .inner_page_title {
    padding: 0 20px;
  }
  .eng_equipment_items {
    flex-direction: column;
  }
  .eng_equipment_body {
    margin: 20px 0 20px 0;
    justify-content: center;
    width: auto;
  }
  .developer_choice_items {
    flex-direction: column;
  }
  .developer_choice_body {
    width: 100%;
    margin: 0 0 60px 0;
  }
  .developer_choice_body:last-child {
    margin: 0;
  }
  .component .component_section.agility::after {
    display: none;
  }
  .component .component_features.reversed_features {
    flex-direction: column-reverse;
  }
}
.components .component_image {
  padding: 0;
  border: none;
}
@media (max-width: 1500px) {
  .components .component_image {
    display: flex;
    flex: 0 0 60%;
  }
}
@media (max-width: 1000px) {
  .components .component_image {
    flex: none;
    margin-top: 25px;
  }
}
.components .component_image_margin {
  margin-left: 20px;
}
.components__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  margin-top: 20px;
  margin-left: 35px;
}
@media screen and (max-width: 440px) {
  .components__actions {
    margin-left: 0;
  }
  .components__actions .button {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 369px) {
  .components__actions .button {
    /* Отменяет перенос текста на 2-ю строку в кнопке "Электронная диспетчерская" */
    font-size: 17px;
  }
  .components__actions .button > span span {
    /* Отменяет перенос текста на 2-ю строку в кнопке "Мобильное приложение жителя" */
    display: none;
  }
}
.temp_components_table_cover th,
.temp_components_table_cover td {
  border: none;
}
.online_dispatcher_table th,
.online_dispatcher_table td {
  vertical-align: top;
}
@media (max-width: 1000px) {
  .components .component_image_margin {
    margin-left: 0;
  }
}
.slides {
  background-color: #F6FFEF;
}
.slides .component__title {
  color: #101010;
  font-size: 32px;
  max-width: 700px;
  line-height: 1.2;
  font-weight: 500;
}
.slides .component_image img {
  position: relative;
  right: -40px;
}
@media (max-width: 1150px) {
  .slides .component_image img {
    position: relative;
    right: -25px;
  }
}
.tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 85px;
}
@media (max-width: 700px) {
  .tabs {
    gap: 20px;
  }
}
.mobile .tabs {
  padding-top: 95px;
}
.tab__item {
  border-bottom: 2px solid transparent;
  padding: 0 14px 10px;
  font-weight: 400;
  font-size: 40px;
  cursor: pointer;
}
@media (max-width: 700px) {
  .tab__item {
    padding: 0;
    font-size: 16px;
  }
}
.tab__item.active {
  color: #2BA542;
  border-bottom-color: #2BA542;
}
.hardware_item-group {
  display: flex;
  width: 100%;
  margin-bottom: 12px;
}
@media (max-width: 1000px) {
  .hardware_item-group {
    flex-direction: column;
    justify-content: center;
  }
}
.FML {
  width: 280px !important;
}
@media (max-width: 900px) {
  .FML {
    width: 270px !important;
  }
}
.FML2 {
  padding: 45px;
  width: 230px;
}
body {
  overflow-x: hidden;
}
.max-w-none {
  max-width: none !important;
}
@media (max-width: 1270px) {
  .max-w-none {
    max-width: 100% !important;
  }
}
.component .inner_page_title {
  padding-bottom: 60px;
  text-align: left;
}
.component .component_section {
  position: relative;
  padding-bottom: 60px;
}
.component p {
  font-size: 18px;
  line-height: 30px;
  color: #5A5B5A;
}
.component .conteiner_title {
  margin-bottom: 50px;
}
.component .component_flex_name {
  display: block;
  font-size: 34px;
  line-height: 40px;
  padding: 0 0 30px 0;
  color: #5A5B5A;
  font-weight: normal;
}
.component .component_free_list {
  padding-bottom: 60px;
}
.component .component_flex {
  display: flex;
}
.component .component_flex_reverse {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.component .component_outer_col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 49%;
  margin-right: 10px;
}
.component .component_outer_col .component_col {
  height: 49%;
  width: 100%;
  margin-right: 0;
}
.component .component_unlimited_col .component_col {
  height: auto;
  flex-grow: 1;
}
.component .component_col {
  width: 49%;
  margin: 0 10px 10px 0;
  background-color: #F4F4F4;
  padding: 30px;
}
.component .component_col ul li::before {
  top: 13px;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url("/Content/images/icons/component_check.svg");
  background-size: contain;
  width: 22px;
  height: 22px;
}
.component .component_small_text_col {
  display: flex;
}
.component .component_small_text_col ul {
  margin: auto 0;
}
.component .component_image_col {
  display: flex;
}
.component .component_image_col img {
  margin: auto;
}
.component .component_flex_preface {
  padding-bottom: 60px;
}
.component .component_features {
  display: flex;
  align-items: center;
}
.component .features_text {
  width: 60%;
  margin-right: 20px;
}
.component .features_image.pos_start img {
  margin: 0;
}
.component .features_image img {
  display: block;
  margin: 0 auto;
}
.component .statistic_features {
  margin-bottom: 60px;
}
.component .statistic_features:last-child {
  margin-bottom: 0;
}
.component .statistic_features .features_text {
  width: 60%;
}
.component .statistic_features .features_image {
  width: 40%;
}
.component .statistic_features .features_image img {
  max-width: 300px;
}
.component .read_also a {
  font-size: 18px;
  line-height: 24px;
  text-decoration: underline;
  color: #5A5B5A;
}
.component .read_also a:hover {
  color: #32A446;
}
.component .read_also_title {
  display: block;
  font-size: 24px;
  line-height: 45px;
  padding: 15px 0 30px 0;
  color: #5A5B5A;
}
.component .oss_stages {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.component .oss_stage_item {
  width: 32%;
  overflow: hidden;
  position: relative;
  padding: 6px;
  margin-bottom: 50px;
}
.component .oss_stage_item::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 176px;
  background-color: #ffffff;
  z-index: 1;
}
.component .oss_stage_item.opened .oss_stage_body {
  transform: translateY(0);
  transition: transform 0.5s, opacity 0.5s;
  opacity: 1;
  position: static;
}
.component .oss_stage_item.opened .oss_stage_arrow {
  filter: grayscale(100%);
  transform: rotate(180deg) translateX(50%);
  transition: transform 0.5s, filter 0.5s;
}
.component .oss_stage_item.opened .oss_stage_head::after {
  filter: grayscale(100%);
  transition: filter 0.5s;
}
.component .oss_stage_body {
  position: absolute;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  border-radius: 0 0 20px 20px;
  padding: 20px;
  transform: translateY(-200%);
  opacity: 0;
  transition: transform 0.5s, opacity 0.5s;
}
.component .oss_stage_head_cover {
  position: relative;
  z-index: 1;
  padding-bottom: 60px;
}
.component .oss_stage_head {
  padding: 20px 20px 50px 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  border-radius: 20px 20px 0 0;
  position: relative;
  background-color: #ffffff;
  height: 170px;
}
.component .oss_stage_head::after {
  position: absolute;
  display: block;
  content: '';
  width: 72px;
  height: 72px;
  border: 4px solid #32A446;
  bottom: -39px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  z-index: -1;
  transition: filter 0.5s;
}
.component .oss_stage_arrow {
  position: absolute;
  bottom: -34px;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/Content/images/arrow_down.png");
  border-radius: 50%;
  z-index: 1;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  border: none;
  cursor: pointer;
  transition: transform 0.5s, filter 0.5s;
}
.component .oss_stage_number {
  font-weight: bold;
  font-size: 48px;
  line-height: 45px;
  color: rgba(90, 91, 90, 0.6);
  display: block;
  text-align: center;
}
.component .oss_stage_name {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #5A5B5A;
  display: block;
  text-align: center;
}
.component .obstacles {
  padding: 0;
}
.component .component_why {
  display: flex;
  justify-content: space-between;
}
.component .component_why_item {
  width: 49%;
  padding: 30px;
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.3);
}
.component .component_why_item:first-child {
  margin-right: 20px;
}
.component .component_why_title {
  width: 100%;
  border-bottom: 3px solid #EFEFEF;
  padding-bottom: 30px;
  font-size: 20px;
  line-height: 26px;
  box-sizing: border-box;
}
.component .component_why_title_height {
  min-height: 100px;
}
.component .component_why_inner {
  padding-top: 30px;
}
.component .component_why_inner p {
  font-size: 18px;
  line-height: 30px;
}
.component .component_why_inner p:last-child {
  padding-bottom: 0;
}
.component .component_cross_link {
  color: #2ba542;
}
.component .component_cross_link:hover {
  text-decoration: underline;
}
@media (max-width: 1000px) {
  .component .component_flex {
    flex-direction: column;
  }
  .component .component_flex_name {
    font-size: 24px;
    line-height: 28px;
  }
  .component .component_col {
    width: 100%;
  }
  .component .component_outer_col {
    width: 100%;
  }
  .component .component_outer_col .component_col {
    width: 100%;
  }
  .component .component_features {
    flex-direction: column !important;
  }
  .component .features_text {
    width: 100%;
    margin-right: 0;
  }
  .component .features_image {
    width: 100%;
  }
  .component .statistic_features .features_text,
  .component .statistic_features .features_image {
    width: 100%;
  }
  .component .statistic_features .features_image img {
    max-width: 100%;
  }
  .component .oss_stages {
    flex-direction: column;
  }
  .component .oss_stage_item {
    width: 100%;
  }
  .component .component_why {
    flex-direction: column;
  }
  .component .component_why_item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .component_why_title_height {
    min-height: auto;
  }
}
.component_col-custom {
  height: 49%;
  width: 100%;
  margin-right: 0;
  margin: 0 10px 10px 0;
  background-color: #f4f4f4;
  padding: 30px;
}
.pulsar {
  margin-left: 30px !important;
}
.pulsar svg {
  width: 128px;
  margin-top: 10px;
}
@media (max-width: 400px) {
  .pulsar {
    margin-left: 0 !important;
  }
}
.dashedBottom {
  position: relative;
}
.dashedBottom:after {
  content: '';
  position: absolute;
  bottom: -15px;
  border: 2px dashed #14a667;
  left: 14px;
  height: 27px;
}
@media (max-width: 480px) {
  .dashedBottom:after {
    display: none;
  }
}
.dashedBottom:last-of-type:after {
  display: none;
}
.integration .inner_page_title {
  padding: 0;
}
.integration .integration_item {
  padding: 50px 0;
}
.integration p,
.integration span {
  color: #5A5B5A;
  font-size: 18px;
}
.integration .integration_texts {
  padding: 45px 0 45px 0;
}
.integration .bold {
  font-weight: bold;
  margin-top: 50px;
}
.integration .green {
  color: #2BA542;
  font-weight: bold;
}
.integration .integration_brands {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
}
.integration .integration_list {
  padding-bottom: 25px;
}
.integration .integration_list li {
  padding: 10px 0 10px 26px;
}
.integration .integration_list li::before {
  left: 2px;
  top: 17px;
}
.integration .integration_brand {
  margin: 0 5px 50px 5px;
  display: flex;
  flex-direction: column;
  min-height: 150px;
  min-width: 225px;
}
.integration .integration_brand.macrocrm img {
  width: 200px;
  margin-bottom: 31px;
}
.integration .integration_brand.chekonline img {
  width: 200px;
}
.integration .integration_brand.dispetcher img {
  width: 200px;
}
.integration .integration_brand img {
  margin: auto;
}
.integration .integration_brand_name {
  display: block;
  text-align: center;
  margin-top: auto;
}
.integration .integration_hardware_link {
  position: relative;
  text-decoration: underline;
}
.integration .integration_hardware_link::after {
  position: absolute;
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  top: 0;
  right: -20px;
  background-repeat: no-repeat;
  background-image: url(/Content/images/more.svg);
  transition: all .2s;
}
.integration .integration_hardware_link:hover {
  color: #5a5b5a;
}
.integration .integration_hardware_link:hover::after {
  right: -25px;
}
@media (max-width: 1000px) {
  .integration .integration_item {
    padding: 30px 0;
    border-top: 63px solid transparent;
    margin-top: -63px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .integration .bold {
    margin-top: 30px;
  }
  .integration .integration_brands {
    flex-direction: column;
  }
}
.row-reverse {
  flex-direction: row-reverse;
}
.flex {
  display: flex;
}
.align-center {
  align-items: center;
}
@media (max-width: 800px) {
  .align-center {
    align-items: flex-start !important;
  }
}
.customerPhone {
  width: 320px;
}
.marco-logo {
  background-image: url(/Content/images/marco-logo.svg);
  width: 200px;
  height: 101px;
  background-repeat: no-repeat;
  background-size: cover;
}
.amocrm-logo {
  background-image: url(/Content/images/amo.png);
  width: 200px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 8px;
}
.link-grneen {
  color: #2ba542;
  position: relative;
  line-height: 20px;
}
.demo_test_container.gray-bg {
  background-color: #f4f4f4;
}
.align-center {
  align-items: center;
}
.soft-shadow {
  box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}
.ml-25 {
  margin-left: 25px;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-column {
  flex-direction: column !important;
}
.m-0-40 {
  margin: 0 40px !important;
}
.flex-start {
  justify-content: flex-start !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-30 {
  margin-top: 30px;
}
.ml-20 {
  margin-left: 20px !important;
}
.justify-center {
  justify-content: center !important;
}
.align-end {
  align-items: flex-end;
}
@media (max-width: 800px) {
  .align-end {
    align-items: flex-start !important;
  }
}
.align-start {
  align-items: flex-start;
}
.ml--150 {
  margin-left: -150px !important;
}
@media (max-width: 800px) {
  .ml--150 {
    margin-left: 41px !important;
  }
}
.mr-203 {
  margin-right: 203px !important;
}
.mr-394 {
  margin-right: 394px !important;
}
@media (max-width: 800px) {
  .media-800-align {
    align-items: flex-start !important;
  }
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.primary {
  color: #2ba542 !important;
}
.price-cover {
  margin-top: 50px;
}
.price-cover > p {
  font-size: 18px;
  color: #5a5b5a;
}
.price-cover > p:first-of-type {
  padding-bottom: 25px;
}
.mt-0 {
  margin-top: 0 !important;
}
.cost .inner_page_title {
  padding: 0 50px;
}
.cost .cost_lead {
  padding-bottom: 50px;
}
.cost .cost_lead .lead_info {
  font-size: 20px;
  line-height: 22px;
  padding: 20px 0;
}
.cost .cost_lead .lead_tariffs {
  padding-left: 30px;
  position: relative;
  padding-bottom: 0;
  font-size: 16px;
}
.cost .cost_lead .lead_tariffs span {
  margin-bottom: 20px;
  display: block;
}
.cost .cost_lead .lead_tariffs::before {
  position: absolute;
  left: 10px;
  top: 0;
  display: block;
  content: "";
  width: 2px;
  height: 100%;
  background-color: #cccccc;
}
.cost .cost_lead .lead_bold {
  display: block;
  margin-bottom: 5px;
  position: relative;
}
.cost .cost_lead .lead_bold::after {
  position: absolute;
  display: block;
  content: "";
  width: 50px;
  height: 2px;
  background: linear-gradient(to right, #2ba542 0%, #00a69a 100%);
  bottom: -2px;
  left: 0;
}
.cost .cost_tariff {
  padding: 35px 0;
}
.cost .tariff_clarification {
  color: #2ba542;
  font-weight: bold;
  font-size: 18px;
  display: block;
  padding-bottom: 10px;
}
.cost p,
.cost span {
  color: #5A5B5A;
}
.cost .price {
  font-size: 24px;
  line-height: 47px;
  margin: 30px 0;
  padding: 0;
}
.cost .price_with_hint {
  position: relative;
  margin-top: 60px;
}
.cost .price_with_hint .hint {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.7s;
  position: absolute;
  font-size: 14px;
  line-height: 16px;
  top: -50px;
  left: 85px;
  padding: 7px 7px 7px 35px;
  border: 1px solid #5A5B5A;
  border-radius: 5px;
  background-color: #ffffff;
  max-width: 375px;
}
.cost .price_with_hint .hint::before {
  content: '';
  position: absolute;
  display: block;
  left: 5px;
  top: 10px;
  background-repeat: no-repeat;
  background-image: url("/Content/images/attention.svg");
  width: 25px;
  height: 25px;
}
.cost .price_with_hint .hint::after {
  position: absolute;
  display: block;
  content: "";
  left: 10px;
  bottom: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #5A5B5A transparent transparent transparent;
}
.cost .price_with_hint .hint.shown {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.7s;
}
.cost .price_with_hint .hint_button {
  border: none;
  background-color: transparent;
  font-size: 14px;
  text-decoration: underline;
  color: #5A5B5A;
  display: inline;
  cursor: pointer;
}
.cost .price_with_hint .hint_button:hover {
  color: #2BA542;
}
.cost .bold {
  font-weight: bold;
}
.cost .list_lead {
  display: block;
  font-size: 18px;
  line-height: 21px;
  max-width: 645px;
}
.cost .list_lead.footnote {
  font-size: 16px;
}
.cost .cost_list {
  padding-bottom: 0;
}
.cost .highlight {
  font-size: 20px;
  line-height: 30px;
  color: #2BA542;
}
.cost .line_through {
  text-decoration: line-through;
}
.cost .table_subtext {
  margin-bottom: 0;
}
.cost .table_reminder {
  font-weight: normal;
}
.cost .tariff_includes > li {
  padding-left: 0;
}
.cost .tariff_includes > li::before {
  color: #5A5B5A;
  content: counter(ol_li) '.';
}
.cost .tariff_includes .list_title {
  padding-left: 26px;
  padding-bottom: 12px;
  display: block;
}
.cost .table_cover {
  overflow-x: auto;
  padding: 0 3px;
}
.cost .tariff_table {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  margin-bottom: 20px;
}
.cost .tariff_table th,
.cost .tariff_table td {
  font-size: 18px;
  line-height: 21px;
  color: #5A5B5A;
  padding: 20px;
  font-weight: normal;
  text-align: center;
  max-width: 375px;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
}
.cost .tariff_table th.align_left,
.cost .tariff_table td.align_left {
  text-align: left;
  border-left: none;
}
.cost .tariff_table th {
  background-color: rgba(43, 165, 66, 0.3);
}
.cost .tariff_table.custom_tariff_table th {
  text-align: center;
  padding: 15px;
  border-left: 1px solid #ccc;
}
.cost .tariff_table.custom_tariff_table td {
  text-align: left;
  padding: 15px;
}
.cost .tariff_table.custom_tariff_table .total_row td {
  text-align: center;
  border-bottom: 1px solid #ffffff;
  font-weight: bold;
}
.cost .tariff_table.custom_tariff_table .total_row .module_col {
  font-weight: normal;
  text-align: left;
}
.cost .tariff_table.custom_tariff_table .total_row.padding_top_row td {
  padding-top: 50px;
}
.cost .tariff_table.custom_tariff_table .total_row.padding_bottom_row td {
  padding-bottom: 30px;
}
.cost .tariff_table.custom_tariff_table .button_row td {
  text-align: center;
  border-top: none;
}
.cost .tariff_table.custom_tariff_table .table_icon {
  background-repeat: no-repeat;
  background-position: 50%;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin: 0 auto;
}
.cost .tariff_table.custom_tariff_table .table_icon img {
  vertical-align: middle;
  height: 100%;
  width: auto;
}
.cost .tariff_table.custom_tariff_table .table_icon.yes {
  background-image: url("/Content/images/icons/table_yes.png");
}
.cost .tariff_table.custom_tariff_table .table_icon.no {
  background-image: url("/Content/images/icons/table_no.png");
}
.cost .tariff_table .table_functions_cover {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cost .tariff_table .checkbox_cover {
  width: 22px;
  height: 22px;
}
.cost .accounts_number {
  width: 105px;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  padding: 0;
}
.cost .additional_features .feature {
  margin-bottom: 20px;
}
.cost .additional_features .feature img {
  width: 30px;
  height: 30px;
  padding: 10px 15px;
  background-color: #F4F4F4;
  vertical-align: middle;
  margin-right: 20px;
}
@media (max-width: 1000px) {
  #cost_0 {
    display: none;
  }
  .cost .cost_lead {
    display: none;
  }
  .cost .cost_tariff {
    padding: 30px 0;
    border-top: 63px solid transparent;
    margin-top: -63px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .cost .custom_tariff_table_cover {
    display: none;
  }
  .cost .price {
    margin: 30px 0;
    font-size: 18px;
    line-height: 26px;
  }
  .cost .highlight {
    font-size: 22px;
    line-height: 26px;
  }
  .cost .price_with_hint {
    margin-top: 80px;
  }
  .cost .price_with_hint .hint {
    left: -8px;
    top: -70px;
    font-size: 12px;
  }
  .cost .price_with_hint .hint:after {
    left: 90px;
  }
  .cost .price_with_hint .hint_button {
    font-size: 12px;
  }
}
.implementation .implementation_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  grid-gap: 85px 20px;
}
.implementation p,
.implementation span {
  color: #5A5B5A;
}
.implementation .implementation_case {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 530px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  background: linear-gradient(270deg, #fbfbfb 26%, #e6e6e6 62.4%);
  background: linear-gradient(270deg, #fbfbfb 26%, #f6ffef 62.4%);
  transition: box-shadow 0.3s;
}
.implementation .implementation_case .component_controls {
  padding-right: 25px;
  padding-bottom: 0;
  visibility: hidden;
  pointer-events: none;
}
.implementation .implementation_case[href] .component_controls {
  padding-bottom: 0;
  visibility: visible;
  pointer-events: auto;
  margin-top: auto;
}
.implementation .implementation_case[href]:hover {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  transition: box-shadow 0.3s;
}
.implementation .implementation_case[href]:hover .component_more::after {
  right: -25px;
}
.implementation .case_content {
  display: grid;
  grid-template-columns: 1fr 100px;
  padding: 20px;
}
.implementation .case_image {
  display: flex;
  height: 275px;
}
.implementation .case_image img {
  max-width: 260px;
  max-height: 100%;
  object-fit: contain;
  margin: auto;
}
.implementation .case_text {
  display: flex;
  flex-direction: column;
  margin-left: auto;
}
.implementation .case_text p {
  margin: auto;
  padding-left: 20px;
}
.implementation .case_text p span {
  display: block;
}
.implementation .case_logo_block {
  text-align: right;
}
.implementation .case_credentials {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 20px 25px;
}
.implementation .case_credentials .bold {
  font-weight: bold;
  color: #000000;
  display: block;
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 10px;
}
.implementation .case_credentials .case_role {
  font-size: 28px;
  line-height: 33px;
}
.implementation .button_block {
  padding: 0 0 150px 0;
  text-align: center;
}
.implementation .show_more {
  background-color: transparent;
  border: 1px solid #2BA542;
  padding: 15px 40px;
  border-radius: 3px;
  cursor: pointer;
  font-weight: bold;
  color: #5A5B5A;
}
.implementation .show_more:hover {
  border-color: #5A5B5A;
  color: #2BA542;
}
@media (max-width: 1000px) {
  .implementation .implementation_case {
    max-width: initial;
    min-width: auto;
  }
  .implementation .case_content {
    grid-template-columns: 1fr;
    grid-gap: 5px;
  }
  .implementation .case_image {
    order: 2;
  }
  .implementation .case_text {
    max-width: 100px;
    order: 1;
  }
  .implementation .case_credentials .bold,
  .implementation .case_credentials .case_role {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 369px) {
  .implementation .case_image {
    height: auto;
    max-height: 275px;
  }
  .implementation .case_image img {
    width: 100%;
  }
}
.functions .function_item {
  padding: 20px 0;
}
.functions p,
.functions span {
  color: #5A5B5A;
}
.functions .subcat {
  padding-top: 20px;
  font-weight: bold;
  font-size: 18px;
}
.functions .function_category {
  color: #2BA542;
  font-size: 22px;
  line-height: 26px;
  padding: 20px 50px 0 0;
  position: relative;
  margin-bottom: 50px;
  cursor: pointer;
}
.functions .function_category:hover {
  text-decoration: underline;
}
.functions .function_category::after {
  content: "";
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  right: 20px;
  bottom: 2px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/Content/images/arrow_down.png);
}
.functions .function_category.opened::after {
  background-image: url(/Content/images/arrow_up.png);
}
.functions .function_category.opened ~ .function_more {
  display: block;
  padding-top: 20px;
}
.functions .function_category_empty {
  color: #2BA542;
  font-size: 22px;
  line-height: 26px;
  padding: 20px 50px 0 0;
  position: relative;
  margin-bottom: 50px;
}
.functions .function_tech_req {
  padding-bottom: 0;
}
.functions .function_tech_req p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.functions .function_tech_req .function_category_empty {
  color: #5A5B5A;
}
.functions .function_tech_req .tech_req_item {
  display: block;
  font-size: 18px;
  line-height: 28px;
}
.functions .tech_req {
  font-size: 22px;
  margin-bottom: 20px;
  display: block;
  padding-right: 0;
}
.functions .function_more {
  display: none;
}
@media (max-width: 1601px) {
  .authorize__title {
    text-align: center;
  }
}
.authorize .authorize_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 50px 40px;
  padding-top: 50px;
}
@media (max-width: 1023px) {
  .authorize .authorize_inner {
    gap: 20px;
  }
}
.authorize .authorize_item {
  width: 100%;
  min-width: 475px;
  max-width: 475px;
  min-height: 516px;
  box-sizing: border-box;
  padding: 40px 75px;
  background: linear-gradient(180deg, #ffffff 0%, #f2f2f2 100%);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.authorize .authorize_logo {
  text-align: center;
  height: 140px;
  margin-bottom: 50px;
}
.authorize .authorize_logo img {
  max-height: 100%;
  width: auto;
}
.authorize .auth_link_outer {
  display: flex;
  align-items: center;
  border: 3px solid #ffffff;
}
.authorize .auth_link_outer.enter {
  margin-bottom: 30px;
}
.authorize .auth_link_outer.enter .auth_link_icon {
  background-image: url("/Content/images/authorize/auth_login.svg");
}
.authorize .auth_link_outer.site .auth_link_icon {
  background-image: url("/Content/images/authorize/auth_site.svg");
}
.authorize .auth_link_outer:hover {
  border: 3px solid #2BA542;
}
.authorize .auth_link_outer:hover .auth_link_icon {
  background-color: #2BA542;
}
.authorize .auth_link_outer:hover.enter .auth_link_icon {
  background-image: url("/Content/images/authorize/auth_login_white.svg");
}
.authorize .auth_link_outer:hover.site .auth_link_icon {
  background-image: url("/Content/images/authorize/auth_site_white.svg");
}
.authorize .auth_link_inner {
  font-size: 20px;
  line-height: 23px;
  color: #5A5B5A;
  padding-left: 20px;
}
.authorize .auth_link_icon {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: 50%;
  height: 80px;
  width: 65px;
}
.authorize .authorize_stores {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 45px;
}
.authorize .authorize_stores a {
  max-height: 47px;
  border-radius: 7px;
}
.authorize .authorize_stores a:hover {
  box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.7);
}
@media (max-width: 1023px) {
  .authorize .authorize_item {
    max-width: 355px;
    min-width: initial;
    min-height: initial;
    padding: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f2f2f2 100%);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  }
  .authorize .authorize_logo {
    margin-bottom: 30px;
    height: auto;
  }
  .authorize .authorize_stores a {
    width: 49%;
  }
}
.obstacles {
  padding: 80px 0;
}
.obstacles p {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 20px;
}
.obstacles .obstacles_item {
  padding-left: 80px;
}
.obstacles .obstacles_item::before {
  content: counter(ol_li);
  font-size: 40px;
  line-height: 61px;
  width: 60px;
  height: 60px;
  top: 0;
  border-radius: 50%;
  border: 2px dashed #eeeeee;
  text-align: center;
  vertical-align: middle;
}
.obstacles .obstacle {
  font-size: 20px;
  padding-right: 50px;
  margin-bottom: 50px;
  display: block;
  position: relative;
  cursor: pointer;
}
.obstacles .obstacle:hover {
  color: #2BA542;
}
.obstacles .obstacle::after {
  content: "";
  position: absolute;
  display: block;
  width: 35px;
  height: 35px;
  right: 10px;
  top: 0;
  background-repeat: no-repeat;
  background-image: url("/Content/images/arrow_down.png");
}
.obstacles .obstacle.opened::after {
  background-image: url("/Content/images/arrow_up.png");
}
.obstacles .obstacle.opened ~ .solution {
  display: block;
}
.obstacles .solution {
  padding: 40px 30px;
  margin-left: 140px;
  background-color: #f8f8f8;
  border-radius: 15px;
  display: none;
}
.obstacles .solution li {
  font-size: 20px;
  font-family: 'Roboto', Arial, sans-serif;
}
.obstacles .solution li::before {
  top: 24px;
}
.obstacles_list {
  padding-top: 50px;
}
@media (max-width: 1000px) {
  .obstacles {
    padding: 0;
  }
  .obstacles .obstacles_item {
    padding-left: 0;
    padding-top: 0;
  }
  .obstacles .obstacles_item::before {
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 30px;
    line-height: 40px;
    width: 40px;
    height: 40px;
  }
  .obstacles .obstacle {
    font-size: 16px;
    line-height: 20px;
    padding-right: 33px;
  }
  .obstacles .obstacle::after {
    width: 20px;
    height: 20px;
    top: 5px;
    background-size: contain;
  }
  .obstacles .obstacle.opened {
    margin-bottom: 10px;
  }
  .obstacles p {
    font-size: 16px;
    line-height: 20px;
  }
  .obstacles .solution {
    padding: 10px;
    margin: 0 0 50px 0;
    font-size: 16px;
  }
  .obstacles .solution li {
    font-size: 16px;
    line-height: 20px;
    padding: 5px 5px 5px 16px;
  }
  .obstacles .solution li::before {
    top: 12px;
  }
}
.automation {
  max-width: initial;
}
.automation .automation_content {
  width: 100%;
  margin: 0 auto;
  font-family: 'Roboto', Arial, sans-serif;
}
.automation .automation_intro p {
  font-size: 18px;
}
.automation .automation_scheme {
  padding-bottom: 100px;
}
.automation .scheme_inner {
  font-family: 'Roboto', Arial, sans-serif;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  max-width: 100%;
}
.automation .scheme_inner b,
.automation .scheme_inner span {
  display: block;
  text-align: center;
}
.automation .scheme_inner b {
  font-size: 24px;
  line-height: 30px;
}
.automation .scheme_inner span {
  font-size: 20px;
  line-height: 26px;
  padding: 5px 0;
}
.automation .scheme_middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.automation .scheme_left {
  padding: 100px 30px 0 0;
}
.automation .scheme_left b,
.automation .scheme_left span {
  text-align: right;
}
.automation .scheme_right {
  padding: 100px 0 0 30px;
}
.automation .scheme_right b,
.automation .scheme_right span {
  text-align: left;
}
.automation .automation_problems {
  background-color: #eeeeee;
}
.automation .problems_inner {
  display: flex;
  flex-direction: row;
  padding: 50px 0 80px 0;
  justify-content: space-around;
}
.automation .problems_list {
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
  padding: 50px 20px;
  max-width: 500px;
  height: fit-content;
}
.automation .problems_list li {
  font-family: 'Roboto', Arial, sans-serif;
}
.automation .problems_list li::before {
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  top: 18px;
  border: none;
  box-shadow: none;
}
.automation .problems_solved li::before {
  background-image: url("/Content/images/plus.png");
}
.automation .problems_unsolved li::before {
  background-image: url("/Content/images/minus.png");
}
.automation .problems_category {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
}
.automation .automation_wish {
  padding: 60px 0;
}
.automation .wish_inner {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.automation .wish_inner li {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 20px;
}
.automation .wish_inner li::before {
  background-image: url("/Content/images/green_dot.png");
  background-color: transparent;
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
  top: 18px;
  border: none;
  box-shadow: none;
}
.automation .wish_inner span {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 16px;
}
.automation .wish_title {
  max-width: 255px;
  margin-right: 70px;
}
.automation .automation_why {
  background-color: #eeeeee;
  padding-top: 50px;
}
.automation .why_intro p {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
}
.automation .why_reasons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
.automation .reasons_item {
  font-family: 'Roboto', Arial, sans-serif;
  background-color: #ffffff;
  width: 570px;
  padding: 80px 30px 50px 30px;
  margin: 80px 0 150px 0;
  border-radius: 5px;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
  position: relative;
}
.automation .reasons_icon {
  position: absolute;
  width: 90px;
  height: 90px;
  background-color: #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.automation .reasons_icon img {
  max-width: 100%;
  height: auto !important;
  margin: 20px 0;
}
.automation .icon_money img {
  margin: 30px 0 0 0;
}
.automation .reason {
  font-weight: bold;
  font-size: 24px;
  display: block;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 2px solid #eeeeee;
  text-align: center;
}
.automation .details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.automation .details_item {
  font-size: 20px;
  line-height: 30px;
}
.automation .details_item.half {
  width: 49%;
}
.automation .details_item.half:first-child {
  padding-right: 10px;
  margin-right: 16px;
  border-right: 2px solid #eeeeee;
}
.automation .details_footnote {
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 18px;
}
.automation .advantages {
  padding: 80px 0 0 0;
}
.automation .advantages h2,
.automation .advantages p,
.automation .advantages span,
.automation .advantages li {
  font-family: 'Roboto', Arial, sans-serif;
}
.automation .advantages p,
.automation .advantages li {
  font-size: 20px;
}
.automation .advantages li {
  padding-left: 50px;
  margin: 25px 0;
}
.automation .advantages li::before {
  background-image: url("/Content/images/list_check.png");
  width: 45px;
  height: 45px;
  top: 10px;
  background-repeat: no-repeat;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
@media (max-width: 1000px) {
  .automation .automation_scheme {
    padding-bottom: 20px;
  }
  .automation .scheme_inner {
    flex-direction: column;
  }
  .automation .scheme_text {
    padding: 10px 0;
    width: 100%;
  }
  .automation .scheme_text span,
  .automation .scheme_text b {
    text-align: left;
  }
  .automation .problems_inner {
    flex-direction: column;
    padding-bottom: 20px;
  }
  .automation .problems_list {
    margin-bottom: 20px;
  }
  .automation .automation_wish {
    padding: 20px 0;
  }
  .automation .wish_inner {
    flex-direction: column;
  }
  .automation .details {
    flex-direction: column;
  }
  .automation .details_item {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 20px;
  }
  .automation .details_item.half {
    width: 100%;
  }
  .automation .details_item.half:first-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
  .automation .reasons_item {
    margin-bottom: 40px;
    width: auto;
  }
  .automation .reasons_item:last-child {
    margin-top: 35px;
  }
  .automation .details_footnote {
    font-size: 16px;
    line-height: 20px;
    bottom: -50px;
    text-align: left;
    width: 100%;
  }
  .automation .advantages {
    padding: 40px 0;
  }
  .automation .advantages li {
    padding-left: 30px;
    margin: 0;
  }
  .automation .advantages li::before {
    width: 25px;
    height: 25px;
    top: 16px;
    background-size: contain;
  }
}
.case {
  padding: 80px 30px 0 30px;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 30px;
}
.case .case_title {
  font-size: 40px;
  line-height: 44px;
  padding: 70px 0 30px 0;
  text-align: center;
}
.case p {
  font-size: 18px;
}
.case img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.case .case_container {
  max-width: 1015px;
  margin: 0 auto;
}
.case .case_subtitle {
  padding: 50px 0 50px 0;
  font-size: 34px;
  line-height: 40px;
}
.case .case_gallery {
  margin: 0 -30px;
}
.case .case_gallery .gallery_item {
  margin-right: 10px;
}
.case .case_gallery .gallery_item:last-child {
  margin-right: 0;
}
.case .case_bg_section {
  margin: 0 -30px;
  padding: 0 30px 60px 30px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  position: relative;
}
.case .case_bg_section::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 250px;
  background-image: linear-gradient(to bottom, #ffffff, transparent);
  top: 0;
  left: 0;
}
.case .case_phone_image {
  margin-top: 60px;
  position: relative;
  z-index: 1;
}
.case .case_gallery_container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 60px 0;
}
.case .rivera .rivera_logo {
  text-align: center;
}
.case .rivera h2 {
  text-align: center;
}
.case .rivera .flats {
  padding: 70px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.case .rivera .flats .flats_middle {
  min-width: 350px;
  position: relative;
}
.case .rivera .flats .flats_text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 75%;
  border: 5px solid #d1a969;
  display: flex;
  background-color: rgba(255, 255, 255, 0.7);
}
.case .rivera .flats .texts_inner {
  margin: auto;
  text-align: center;
}
.case .rivera .flats .numbers {
  font-size: 33px;
  color: #d1a969;
}
.case .rivera .flats .numbers_subtext {
  font-size: 18px;
}
.case .rivera .flats .legend {
  font-size: 18px;
}
.case .rivera .flats .flats_image img {
  margin: 0;
  max-width: 100%;
}
.case .rivera .section_divider {
  padding: 20px 50px;
  text-align: center;
}
.case .rivera .infrastructure {
  background-image: url("/Content/images/cases/rivera/infrastructure_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  margin: 0 -30px;
}
.case .rivera .infrastructure .infrastructure_list {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 90px 10px;
}
.case .rivera .infrastructure .infrastructure_item {
  list-style: none;
  width: 315px;
  box-shadow: 0 0 15px #d1a969;
  background-color: #fff;
  padding: 0;
}
.case .rivera .infrastructure .infrastructure_item::before {
  display: none;
}
.case .rivera .infrastructure .infrastructure_image {
  padding: 20px;
}
.case .rivera .infrastructure .infrastructure_image img {
  margin: 0;
}
.case .rivera .infrastructure .infrastructure_text {
  text-align: center;
  padding: 0 30px 20px 30px;
}
.case .rivera .about {
  background-image: url("/Content/images/cases/rivera/about_bg.jpg");
  background-repeat: no-repeat;
  background-size: 130%;
  background-position: bottom;
  padding-top: 60px;
  margin: 0 -30px;
}
.case .rivera .about .about_description {
  background-image: url("/Content/images/cases/rivera/phone_frame.png");
  background-repeat: no-repeat;
  background-position: 100%;
  padding: 130px 0;
  max-width: 1000px;
  margin: 0 auto;
}
.case .rivera .about .about_description p {
  max-width: 720px;
  margin-left: 0;
  padding-left: 10px;
}
.case .case_zvezda p,
.case .case_zvezda h2 {
  max-width: 1015px;
  margin: 0 auto;
}
.case .case_zvezda .zvezda_section {
  padding-bottom: 110px;
  margin: 0 -30px;
}
.case .case_zvezda .zvezda_inner {
  padding: 0 30px;
}
.case .case_zvezda .zvezda_intro {
  background-repeat: no-repeat, no-repeat;
  background-image: url("/Content/images/cases/zvezda/zvezda_bg_left.jpg"), url("/Content/images/cases/zvezda/zvezda_bg_right.jpg");
  background-position: 0 55%, 100% 100%;
  background-size: 25%, 25%;
}
.case .case_zvezda .zvezda_title {
  padding-left: 80px;
  position: relative;
}
.case .case_zvezda .zvezda_title::before {
  position: absolute;
  content: "";
  display: block;
  left: 35px;
  top: 13px;
  width: 35px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/Content/images/cases/zvezda/zvezda_star.png");
}
.case .case_zvezda .zvezda_plan_section {
  background-repeat: no-repeat;
  background-image: url("/Content/images/cases/zvezda/zvezda_bg_plan.jpg");
  background-position: 0 100%;
  background-size: cover;
}
.case .case_zvezda .zvezda_plan {
  padding: 40px 0 50px 0;
}
.case.case_akadem_cover {
  padding-top: 0;
}
.case .bg_container_akadem {
  margin: 0 -30px;
  padding-top: 90px;
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat, no-repeat;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), #ffffff), url("/Content/images/cases/akadem/akadem_bg.jpg");
}
.case .case_akadem {
  position: relative;
  max-width: 1015px;
  margin: 0 auto;
}
.case .case_akadem .logo {
  max-width: 150px;
  height: auto;
}
.case .case_akadem .head {
  display: flex;
}
.case .case_akadem .head_desc {
  padding-top: 128px;
}
.case .case_akadem .head_desc .title_cover {
  max-width: 760px;
  margin: 0 auto;
}
.case .case_akadem .head_desc .title {
  font-size: 50px;
  line-height: 52px;
  font-weight: bold;
  padding-bottom: 20px;
}
.case .case_akadem .head_desc .desc {
  font-size: 28px;
}
.case .case_akadem .akadem_aim {
  margin: 0 auto;
  padding-bottom: 18px;
  font-size: 18px;
  line-height: 30px;
}
.case .case_akadem .akadem_aim_top {
  padding-top: 50px;
}
.case .case_akadem .akadem_aim_bottom {
  padding: 70px 0;
}
.case .case_akadem .case_left_text,
.case .case_akadem .case_right_text {
  display: flex;
  align-items: center;
  max-width: 1100px;
  margin: 50px auto 30px auto;
}
.case .case_akadem .case_left_text img,
.case .case_akadem .case_right_text img {
  max-width: none;
}
.case .case_akadem .case_left_text .desc_cover .title,
.case .case_akadem .case_right_text .desc_cover .title {
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 18px;
}
.case .case_akadem .case_left_text .desc_cover .desc,
.case .case_akadem .case_right_text .desc_cover .desc {
  font-weight: 300;
  font-size: 26px;
}
.case .case_akadem .case_left_text > div:first-of-type,
.case .case_akadem .case_right_text > div:first-of-type {
  flex-grow: 1;
  padding: 0 50px;
}
.case .case_akadem .case_left_text > div:last-of-type,
.case .case_akadem .case_right_text > div:last-of-type {
  flex-grow: 2;
}
.case .case_akadem .case_left_text .desc_cover {
  text-align: left;
}
.case .case_akadem .case_right_text {
  flex-direction: row-reverse;
}
.case .case_akadem .case_right_text .desc_cover {
  text-align: right;
}
.case .case_video {
  height: 345px;
  width: 60%;
  margin: 50px auto 0 auto;
}
.case .case_clever .case_title {
  text-align: center;
  padding: 70px 0 30px 0;
  line-height: 44px;
}
.case .clever_section {
  padding: 0 30px;
  margin: 0 -30px;
}
.case .clever_section p {
  color: #000;
}
.case .clever_about {
  background-repeat: no-repeat, no-repeat;
  background-image: url("/Content/images/cases/clever/clever_bg_left.jpg"), url("/Content/images/cases/clever/clever_bg_right.jpg");
  background-position: 0 0, 100% 0;
  background-size: 35%, 35%;
}
.case .clever_image {
  margin: 50px auto;
}
.case .clever_launch {
  margin: 0 -30px;
  background-repeat: no-repeat;
  background-image: url("/Content/images/cases/clever/clever_bg_launch.jpg");
  background-position: 50% 45%;
}
.case .clever_timeline {
  padding-bottom: 100px;
}
.case .clever_timeline_item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.case .clever_timeline_item:last-child .clever_timeline_dot::after {
  display: none;
}
.case .clever_timeline_date {
  text-align: right;
  width: 95px;
  line-height: 22px;
}
.case .clever_timeline_dot {
  text-align: center;
  padding: 0 70px 50px 70px;
  position: relative;
}
.case .clever_timeline_dot::after {
  position: absolute;
  content: "";
  display: block;
  width: 2px;
  height: calc(100% - 26px);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: repeat-y;
  background-image: url("/Content/images/cases/clever/dashes.png");
}
.case .clever_timeline_legend {
  width: 750px;
  line-height: 22px;
}
.case .clever_summary {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 80px 0 30px 0;
}
.case .clever_summary_item {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.case .clever_summary_info {
  margin-left: 20px;
}
.case .clever_summary_info b {
  font-size: 34px;
  line-height: 32px;
  display: block;
}
.case .clever_reference {
  padding: 120px 0 200px 0;
  margin: 0 -30px;
  background-repeat: no-repeat;
  background-image: url("/Content/images/cases/clever/clever_bg_quote.jpg");
  position: relative;
  background-size: cover;
}
.case .clever_reference::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100px;
  background-image: linear-gradient(to bottom, #ffffff, transparent);
  top: 0;
  left: 0;
}
.case .clever_quote {
  background-color: #ede8ef;
  padding: 15px;
  border-radius: 15px;
  font-size: 18px;
  line-height: 30px;
  position: relative;
}
.case .clever_quote cite {
  display: block;
  text-align: right;
  font-style: italic;
}
.case .clever_quote_inner {
  border: 4px solid #c2ddd4;
  border-radius: 15px;
  padding: 35px;
}
.case .clever_quote_angle {
  border: 70px solid transparent;
  border-top: 70px solid #ede8ef;
  border-right: 70px solid #ede8ef;
  position: absolute;
  right: 20%;
  bottom: -120px;
}
.case .clever_quote_angle::before {
  position: absolute;
  content: "";
  display: block;
  height: 4px;
  width: 140px;
  top: -69px;
  left: -70px;
  background-color: #c2ddd4;
  z-index: 1;
}
.case .angle_quote_inner {
  border: 60px solid transparent;
  border-top: 60px solid #c2ddd4;
  border-right: 60px solid #c2ddd4;
  position: absolute;
  left: -58px;
  bottom: -51px;
}
.case .angle_quote_inmost {
  border: 55px solid transparent;
  border-top: 55px solid #ede8ef;
  border-right: 56px solid #ede8ef;
  position: absolute;
  left: -55px;
  bottom: -49px;
  z-index: 2;
}
.case .case_svetliy .svetliy_gallery_section,
.case .case_svetliy .svetliy_bottom_section {
  margin: 0 -30px;
}
.case .case_svetliy .gallery_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  padding: 60px 0;
  margin: 0 auto;
}
.case .case_svetliy .gallery_item {
  margin-right: 10px;
}
.case .case_svetliy .gallery_item:last-child {
  margin-right: 0;
}
.case .case_svetliy .svetliy_image {
  margin: 50px auto;
}
.case .case_svetliy .svetliy_bottom_section {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  background-image: url("/Content/images/cases/svetliy/bottom_outer.jpg");
  position: relative;
  padding-bottom: 60px;
}
.case .case_svetliy .svetliy_bottom_section::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 250px;
  background-image: linear-gradient(to bottom, #ffffff, transparent);
  top: 0;
  left: 0;
}
.case .case_svetliy .svetliy_bottom_inner {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 0 30px 140px 30px;
}
.case .case_svetliy .svetliy_bottom_inner .case_subtitle {
  position: relative;
}
.case .case_alternativa .alternativa_gallery_section {
  margin: 0 -30px;
}
.case .case_alternativa .alternativa_gallery_section .gallery_container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 60px 0;
}
.case .case_alternativa .alternativa_gallery_section .gallery_item {
  margin-right: 10px;
}
.case .case_alternativa .alternativa_gallery_section .gallery_item:last-child {
  margin-right: 0;
}
.case .case_alternativa .alternativa_gallery_section .alternativa_image {
  margin: 50px auto;
}
.case .case_alternativa .alternativa_bottom_section {
  position: relative;
  margin: 0 -30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  background-image: url("/Content/images/cases/alternativa/alternativa_bg.jpg");
}
.case .case_alternativa .alternativa_bottom_section::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 250px;
  background-image: linear-gradient(to bottom, #ffffff, transparent);
  top: 0;
  left: 0;
}
.case .case_alternativa .alternativa_list li {
  color: #000000;
}
.case .case_alternativa .alternativa_list li::before {
  border-radius: 50%;
  background-color: #f1611d;
  box-shadow: 0 0 0 2px #f1611d;
  top: 23px;
}
.case .case_alternativa .alternativa_bottom_inner {
  padding: 0 30px 140px 30px;
  position: relative;
  z-index: 1;
}
.case .case_prichal .prichal_about {
  margin: 0 -30px;
  padding: 0 30px;
  background-repeat: no-repeat, no-repeat;
  background-image: url("/Content/images/cases/prichal/prichal_bg1.jpg"), url("/Content/images/cases/prichal/prichal_bg2.jpg");
  background-position: left top, right bottom;
  background-size: 30%, 30%;
}
.case .case_prichal .prichal_gallery_section {
  margin: 0 -30px;
}
.case .case_prichal .prichal_gallery_section .gallery_container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 60px 0;
}
.case .case_prichal .prichal_gallery_section .gallery_item {
  margin-right: 10px;
}
.case .case_prichal .prichal_gallery_section .gallery_item:last-child {
  margin-right: 0;
}
.case .case_prichal .prichal_image {
  margin: 50px auto;
}
.case .case_prichal .prichal_bottom_section {
  position: relative;
  margin: 0 -30px;
  padding: 0 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  background-image: url("/Content/images/cases/prichal/prichal_bg3.jpg");
  padding-bottom: 60px;
}
.case .case_prichal .prichal_bottom_section::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 250px;
  background-image: linear-gradient(to bottom, #ffffff, transparent);
  top: 0;
  left: 0;
}
.case .case_prichal .prichal_bottom_inner {
  padding: 0 0 140px 0;
  position: relative;
  z-index: 1;
}
.case .case_smartpro .smartpro_about,
.case .case_smartpro .smartpro_services {
  margin: 0 -30px;
  padding: 0 30px;
  background-repeat: no-repeat;
  background-size: 50%;
}
.case .case_smartpro .smartpro_about {
  background-position: left top;
  background-image: url("/Content/images/cases/smartpro/smartpro_bg1.jpg");
}
.case .case_smartpro .smartpro_services {
  background-position: right center;
  background-image: url("/Content/images/cases/smartpro/smartpro_bg2.jpg");
}
.case .case_smartpro .smartpro_list li::before {
  box-shadow: none;
  background-color: #d60000;
  border-radius: 50%;
  top: 24px;
  width: 10px;
  height: 10px;
}
.case .case_smartpro .smartpro_bottom_section {
  position: relative;
  margin: 0 -30px;
  padding: 0 30px 140px 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  background-image: url("/Content/images/cases/smartpro/smartpro_bg3.jpg");
}
.case .case_smartpro .smartpro_image {
  margin: 50px auto;
}
.case .case_uzh .intro,
.case .case_uzh .uzh_about {
  margin: 0 -30px;
  padding: 0 30px;
  background-repeat: no-repeat;
  background-size: 30%;
}
.case .case_uzh .intro {
  background-image: url("/Content/images/cases/uzh/uzh_bg1.jpg");
  background-position: left center;
}
.case .case_uzh .uzh_about {
  background-image: url("/Content/images/cases/uzh/uzh_bg2.jpg");
  background-position: right center;
}
.case .case_uzh .uzh_list li::before {
  background-color: #273786;
  box-shadow: none;
  border-radius: 50%;
  top: 24px;
  width: 8px;
  height: 8px;
}
.case .case_uzh .uzh_bottom_section {
  position: relative;
  margin: 0 -30px;
  padding: 0 30px 80px 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  background-image: url("/Content/images/cases/uzh/uzh_bg3.jpg");
}
.case .case_uzh .uzh_bottom_section::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 250px;
  background-image: linear-gradient(to bottom, #ffffff, transparent);
  top: 0;
  left: 0;
}
.case .case_uzh .uzh_bottom_inner {
  position: relative;
  z-index: 1;
}
.case .case_uzh .uzh_image {
  margin-top: 50px;
}
.case .case_activesystema .gallery_section {
  margin: 0 -30px;
  padding: 0 30px;
}
.case .case_activesystema .gallery_container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 60px 0;
}
.case .case_activesystema .gallery_item {
  margin-right: 10px;
}
.case .case_activesystema .gallery_item:last-child {
  margin-right: 0;
}
.case .case_activesystema .bg_section {
  margin: 0 -30px;
  padding: 0 30px 60px 30px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  background-image: url("/Content/images/cases/activesystema/activesystema_bg.jpg");
  position: relative;
}
.case .case_activesystema .bg_section::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 250px;
  background-image: linear-gradient(to bottom, #ffffff, transparent);
  top: 0;
  left: 0;
}
.case .case_activesystema .activesystema_image {
  margin-top: 60px;
  position: relative;
  z-index: 1;
}
.case .case_konvers ul li::before {
  box-shadow: 0 0 0 2px #84e2c2;
  background-color: #84e2c2;
  top: 23px;
}
.case .case_konvers .case_bg_section {
  background-image: url("/Content/images/cases/konvers/konvers_bg.jpg");
}
.case .case_ecvida .case_bg_section {
  background-image: url("/Content/images/cases/ecvida/ecvida_bg.jpg");
}
.case.case_cctv {
  padding-bottom: 50px;
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 30%;
  background-image: url("/Content/images/cases/cctv/cctv3.png");
}
.case .case_intercom {
  padding-top: 0;
  padding-bottom: 50px;
}
.case .case_intercom .intercom_intro {
  position: relative;
  margin: 0 -30px;
  padding: 0 30px;
}
.case .case_intercom .intercom_intro::before {
  display: block;
  content: '';
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 300px;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-image: url("/Content/images/cases/intercom/intercom_bg1.png");
  background-position: -20px 50%;
  opacity: 0.6;
}
.case .case_intercom .intercom_possibilities {
  margin: 0 -30px;
  padding: 0 30px;
  background-repeat: no-repeat;
  background-image: url("/Content/images/cases/intercom/intercom_bg2.png");
  background-position: right center;
  background-size: contain;
}
.case .case_intercom ul li::before {
  top: 25px;
}
.case.case_gates {
  padding-top: 0;
}
.case.case_gates .gates_intro {
  margin: 0 -30px;
  padding: 0 30px;
  background-image: url("/Content/images/cases/gates/gates_intro_bg.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}
.case.case_gates .gates_access li::before {
  top: 24px;
}
.case.case_gates .gates_convenience {
  margin: 0 -30px;
  padding: 0 30px 100px 30px;
  background-image: url("/Content/images/cases/gates/gates_convenience_bg_1.png"), url("/Content/images/cases/gates/gates_convenience_bg_2.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left bottom, right bottom;
  background-size: contain, contain;
}
.case.case_skud {
  padding-top: 0;
}
.case.case_skud .skud_intro {
  margin: 0 -30px;
  padding: 0 30px;
  background-image: url("/Content/images/cases/skud/skud_intro_bg.jpg");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.case.case_skud .skud_gallery {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 50px 0;
}
.case.case_skud .skud_gallery .gallery_item {
  max-height: 300px;
}
.case.case_skud .skud_gallery .gallery_item .skud_gallery_arrow {
  height: 150px;
}
.case.case_skud .skud_gallery .gallery_item .skud_gallery_turnstile {
  height: 300px;
}
.case.case_skud .skud_gallery .gallery_arrow_item {
  margin: 0 10px 0 60px;
}
.case.case_skud .skud_convenience {
  margin: 0 -30px;
  padding: 0 30px;
  background-image: url("/Content/images/cases/skud/skud_convenience_bg.jpg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}
.case.case_skud .skud_convenience li::before {
  top: 24px;
}
.case.case_skud .skud_control {
  margin: 0 -30px;
  padding: 0 30px 70px 30px;
  background-image: url("/Content/images/cases/skud/skud_control_bg.jpg");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.case.case_counters {
  padding-top: 0;
  padding-bottom: 50px;
}
.case.case_counters .counters_intro,
.case.case_counters .counters_planned,
.case.case_counters .counters_bonus {
  margin: 0 -30px;
  padding: 0 30px 0 30px;
  background-repeat: no-repeat;
  background-size: contain;
}
.case.case_counters .counters_intro {
  background-position: left top;
  background-image: url("/Content/images/cases/counters/counters_bg1.png");
}
.case.case_counters .counters_planned {
  background-position: right top;
  background-image: url("/Content/images/cases/counters/counters_bg2.png");
}
.case.case_counters .counters_bonus {
  background-position: right bottom;
  background-image: url("/Content/images/cases/counters/counters_bg3.png");
}
.case.case_smart_house {
  padding-top: 0;
  padding-bottom: 50px;
  background-repeat: no-repeat;
  background-position: 0 12%, 50% 100%;
  background-size: 30%;
  background-image: url("/Content/images/cases/smart_house/smart_house_bg1.jpg");
}
.case.case_smart_house .smart_house_logo {
  width: 230px;
  height: 135px;
}
.case.case_smart_house .smart_house_logo img {
  max-width: 100%;
  max-height: 100%;
}
.case.case_smart_house .lists_section {
  margin: 0 -30px;
  padding: 0 30px;
  background-repeat: no-repeat;
  background-position: 100% 65%;
  background-size: 30%;
  background-image: url("/Content/images/cases/smart_house/smart_house_bg2.jpg");
}
.case.case_smart_house .end_section {
  margin: 0 -30px -50px -30px;
  padding: 0 30px 50px 30px;
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: cover;
  background-image: url("/Content/images/cases/smart_house/smart_house_bg3.jpg");
}
.case.case_smart_house ul li::before {
  top: 23px;
}
.case.case_smart_house .smart_house_second_level li {
  padding-bottom: 0;
}
.case.case_smart_house .smart_house_second_level li::before {
  box-shadow: none;
}
.case .case_citygroup ul li::before {
  border-radius: 50%;
  box-shadow: 0 0 0 2px #4484e2;
  background-color: #4484e2;
  top: 25px;
}
.case .case_citygroup .citygroup_bottom {
  margin: 0 -30px;
  padding: 0 30px 130px 30px;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  background-image: url("/Content/images/cases/citygroup/bottom_section_bg.jpg");
  position: relative;
}
.case .case_citygroup .citygroup_bottom::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100px;
  background-image: linear-gradient(to bottom, #ffffff, transparent);
  top: 0;
  left: 0;
}
.case .case_royalpark .royalpark_section {
  background-repeat: no-repeat;
  margin: 0 -30px;
  padding: 0 30px;
  background-size: contain;
}
.case .case_royalpark .developer_section {
  background-image: url("/Content/images/cases/royalpark/developer_bg.jpg");
  background-position: left;
}
.case .case_royalpark .elite_section {
  background-image: url("/Content/images/cases/royalpark/elite_bg.jpg");
  background-position: right;
}
.case .case_royalpark .gallery_section {
  padding: 0;
}
.case .case_royalpark .gallery_container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  padding: 60px 0;
  margin: 0 auto;
}
.case .case_royalpark .gallery_item {
  margin-right: 10px;
}
.case .case_royalpark .gallery_item:last-child {
  margin-right: 0;
}
.case .case_royalpark .royalpark_image {
  margin: 50px auto;
}
.case .case_royalpark .future_section {
  background-image: url("/Content/images/cases/royalpark/future_bg.jpg");
  background-size: cover;
  position: relative;
  padding-bottom: 100px;
}
.case .case_royalpark .future_section .case_container {
  position: relative;
}
.case .case_royalpark .future_section::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 250px;
  background-image: linear-gradient(to bottom, #ffffff 60%, transparent);
  top: 0;
  left: 0;
}
.case .case_premiumspace .premiumspace_intro {
  margin: 0 -30px;
  padding: 0 30px;
  background-image: url("/Content/images/cases/premiumspace/premiumspace_bg_1.jpg"), url("/Content/images/cases/premiumspace/premiumspace_bg_2.jpg");
  background-repeat: no-repeat, no-repeat;
  background-position: left center, right center;
  background-size: 30%, 30%;
}
.case .case_premiumspace .premiumspace_about ul li::before {
  box-shadow: 0 0 0 2px #b78900;
  background-color: #b78900;
  top: 25px;
}
.case .case_premiumspace .premiumspace_gallery {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 70px 0;
  max-width: 1400px;
  margin: 0 auto;
}
.case .case_premiumspace .premiumspace_gallery .gallery_margin {
  margin-right: 40px;
}
.case .case_premiumspace .premiumspace_gallery .gallery_middle {
  padding-bottom: 40px;
}
.case .case_premiumspace .premiumspace_gallery .gallery_side {
  padding-top: 40px;
}
.case .case_premiumspace .premiumspace_opportunities {
  margin: 0 -30px;
  padding: 0 30px 100px 30px;
  background-image: url("/Content/images/cases/premiumspace/opportunities_bg.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  position: relative;
}
.case .case_premiumspace .premiumspace_opportunities .case_subtitle {
  position: relative;
}
.case .case_premiumspace .premiumspace_opportunities::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 250px;
  background-image: linear-gradient(to bottom, #ffffff, transparent);
  top: 0;
  left: 0;
}
.case.case_inspection {
  background-image: url("/Content/images/cases/inspection/intro_bg.png"), url("/Content/images/cases/inspection/how_it_works_bg.png");
  background-position: right 3%, left 65%;
  background-repeat: no-repeat, no-repeat;
}
.case .inspection h2 {
  padding-top: 60px;
  margin-top: 0;
}
.case .inspection .inspection_subtitle {
  font-weight: normal;
  padding-bottom: 22px;
}
.case .inspection .inspection_flex_list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 40px;
}
.case .inspection .inspection_flex_list li {
  list-style: none;
  padding-left: 0;
}
.case .inspection .inspection_flex_list li::before {
  display: none;
}
.case .inspection .inspection_flex_list .list_text {
  text-align: center;
  line-height: 24px;
  margin-top: 10px;
}
.case .inspection .intro_list li {
  width: 23%;
}
.case .inspection .automation_list li {
  width: 33%;
}
.case .inspection .how_it_works_list li {
  list-style-type: none;
  position: relative;
  list-style-position: inside;
  padding: 0 0 25px 20px;
  counter-increment: ol_li;
}
.case .inspection .how_it_works_list li::before {
  display: block;
  position: absolute;
  content: counter(ol_li);
  left: -20px;
  top: 0;
  font-size: 22px;
  line-height: 28px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 0 2px 2px #c5e6ce;
  text-align: center;
}
.case .inspection .how_it_works_image_block {
  padding: 50px 0;
}
.case .case_legion .case_subtitle {
  text-align: center;
}
.case .case_legion .legion_background_group {
  margin: -90px -30px 0 -30px;
  padding: 90px 30px 0 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url("/Content/images/cases/legion/legion_intro_bg.jpg");
}
.case .case_legion .text_center {
  text-align: center;
}
.case .case_legion .legion_stats {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.case .case_legion .legion_stats_item {
  margin: 0 10px;
  width: 16%;
}
.case .case_legion .legion_stats_achievement {
  display: block;
  font-size: 30px;
  line-height: 52px;
  color: #008739;
  font-weight: bold;
  text-align: center;
}
.case .case_legion .legion_stats_description {
  display: block;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
}
.case .case_legion .legion_houses {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.case .case_legion .legion_houses_item {
  margin: 0 10px;
  width: 16%;
  text-align: center;
}
.case .case_legion .legion_houses_icon {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/Content/images/cases/legion/legion_icon_pin.png");
  width: 50px;
  height: 65px;
  margin: 0 auto 20px auto;
}
.case .case_legion .legion_houses_name {
  font-size: 17px;
  line-height: 20px;
  font-weight: bold;
}
.case .case_legion .case_legion_content {
  display: flex;
}
.case .case_legion .case_legion_content_reverse {
  flex-direction: row-reverse;
}
.case .case_legion .case_legion_content_text {
  width: 60%;
}
.case .case_legion .case_legion_content_image {
  width: 40%;
}
.case .case_legion .case_bg_section {
  background-image: url("/Content/images/cases/legion/legion_outro_bg.jpg");
}
.case .case_legion .case_bg_section .case_container {
  position: relative;
  z-index: 1;
}
.ecvida-list li {
  padding: 10px;
  padding-left: 25px;
}
@media (max-width: 1400px) {
  .case .rivera .flats {
    flex-direction: column;
    margin: 0;
    align-items: center;
  }
  .case .rivera .flats .flats_middle {
    position: static;
    min-width: auto;
    margin: 25px 0 30px 0;
  }
  .case .rivera .flats .flats_text {
    position: static;
    transform: none;
    width: auto;
    height: auto;
    padding: 10px;
  }
  .case .case_legion .legion_stats,
  .case .case_legion .legion_houses {
    flex-wrap: wrap;
  }
  .case .case_legion .legion_stats_item,
  .case .case_legion .legion_houses_item {
    width: 30%;
    margin-bottom: 20px;
  }
}
@media (max-width: 1200px) {
  .case .case_subtitle {
    padding: 60px 0 40px 0;
    font-size: 26px;
    line-height: 30px;
  }
  .case .case_video {
    height: 300px;
    width: 100%;
    margin: 0;
  }
  .case .case_title {
    font-size: 28px;
    line-height: 33px;
    padding: 50px 0 30px 0;
  }
  .case .case_gallery {
    padding: 0 30px;
  }
  .case .case_gallery_container {
    flex-direction: column;
    align-items: center;
    padding: 30px 0;
  }
  .case .case_gallery_container .gallery_item {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .case .rivera .flats {
    display: block;
    background-image: url("/Content/images/cases/rivera/flats_1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    margin: 0 -30px;
  }
  .case .rivera .flats .flats_image {
    display: none;
  }
  .case .rivera .flats .flats_middle {
    min-width: initial;
    width: 92%;
    margin: 0 auto;
  }
  .case .rivera .flats .flats_text {
    position: static;
    left: 0;
    top: 0;
    transform: none;
    width: auto;
    height: auto;
    padding: 0;
  }
  .case .rivera .flats .texts_inner {
    padding: 20px 0;
  }
  .case .rivera .flats .legend {
    display: block;
  }
  .case .rivera .infrastructure {
    margin: 0;
  }
  .case .rivera .infrastructure .infrastructure_list {
    flex-direction: column;
    padding: 0;
  }
  .case .rivera .infrastructure .infrastructure_item {
    width: auto;
    margin-bottom: 20px;
  }
  .case .rivera .infrastructure .infrastructure_image {
    text-align: center;
  }
  .case .rivera .about {
    padding: 0 30px;
    margin: 0 -30px;
  }
  .case .rivera .about .about_description {
    padding-top: 250px;
    background-position: 50% 0;
    background-size: 130px;
  }
  .case .rivera .about .about_description p {
    padding-left: 0;
  }
  .case .case_zvezda .zvezda_section {
    padding-bottom: 0;
  }
  .case .case_zvezda .zvezda_intro {
    background-size: 100%, 80%;
  }
  .case .case_zvezda .zvezda_title {
    padding-left: 0;
    padding-top: 80px;
  }
  .case .case_zvezda .zvezda_title::before {
    left: 50%;
    transform: translateX(-50%);
    top: 25px;
  }
  .case .case_zvezda .zvezda_plan_section {
    padding-bottom: 110px;
  }
  .case .case_zvezda .zvezda_plan {
    padding-bottom: 0;
  }
  .case .case_akadem .head {
    flex-direction: column-reverse;
  }
  .case .case_akadem .head .phone_img {
    display: none;
  }
  .case .case_akadem .head .phone_img img {
    max-height: 100%;
  }
  .case .case_akadem .head_desc {
    padding-top: 50px;
  }
  .case .case_akadem .head_desc .title {
    font-size: 28px;
    line-height: 33px;
    text-align: center;
  }
  .case .case_akadem .head_desc .desc {
    font-size: 18px;
    text-align: center;
  }
  .case .case_akadem .logo {
    margin: 30px auto;
  }
  .case .case_akadem .case_right_text,
  .case .case_akadem .case_left_text {
    flex-direction: column;
    margin: 30px 0 80px 0;
    position: relative;
  }
  .case .case_akadem .case_right_text .img,
  .case .case_akadem .case_left_text .img {
    height: 200px;
  }
  .case .case_akadem .case_right_text .img img,
  .case .case_akadem .case_left_text .img img {
    max-height: 100%;
  }
  .case .case_akadem .case_right_text .desc_cover .title,
  .case .case_akadem .case_left_text .desc_cover .title {
    font-size: 28px;
    margin-top: 20px;
    text-align: center;
  }
  .case .case_akadem .case_right_text .desc_cover .desc,
  .case .case_akadem .case_left_text .desc_cover .desc {
    font-size: 18px;
    text-align: center;
  }
  .case .case_akadem .case_right_text::after,
  .case .case_akadem .case_left_text::after {
    position: absolute;
    content: "";
    display: block;
    width: 150px;
    height: 2px;
    background-color: #009946;
    left: 0;
    right: 0;
    bottom: -30px;
    margin: 0 auto;
  }
  .case .case_akadem .akadem_aim {
    font-size: 18px;
  }
  .case .case_akadem .akadem_aim_top {
    padding-top: 0;
  }
  .case .case_akadem .akadem_aim_bottom {
    padding-top: 0;
  }
  .case .case_clever .case_title {
    padding: 50px 0 30px 0;
  }
  .case .case_svetliy .svetliy_gallery_section {
    padding: 0 30px;
  }
  .case .case_svetliy .gallery_container {
    padding: 40px 0 20px 0;
  }
  .case .case_svetliy .gallery_item {
    margin: 0 5px;
  }
  .case .case_svetliy .svetliy_bottom_inner {
    padding-bottom: 40px;
  }
  .case .case_alternativa .alternativa_gallery_section {
    padding: 0 30px;
  }
  .case .case_alternativa .alternativa_gallery_section .gallery_container {
    flex-direction: column;
    align-items: center;
  }
  .case .case_alternativa .alternativa_gallery_section .gallery_item {
    margin: 5px 0;
  }
  .case .case_prichal .prichal_about {
    background-size: contain, contain;
  }
  .case .case_prichal .prichal_gallery_section {
    padding: 0 30px;
  }
  .case .case_prichal .prichal_gallery_section .gallery_container {
    flex-direction: column;
    align-items: center;
  }
  .case .case_prichal .prichal_gallery_section .gallery_item {
    margin: 5px 0;
  }
  .case .case_smartpro .smartpro_about,
  .case .case_smartpro .smartpro_services {
    background-size: contain;
    background-position: center;
  }
  .case .case_smartpro .smartpro_list li {
    padding: 8px 0 8px 26px;
    line-height: 22px;
  }
  .case .case_smartpro .smartpro_list li::before {
    top: 14px;
  }
  .case .case_uzh .intro,
  .case .case_uzh .uzh_about {
    background-size: initial;
  }
  .case .case_activesystema .gallery_container {
    flex-direction: column;
  }
  .case .case_activesystema .gallery_item {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .case.case_cctv {
    background-position: 50% 15%;
    background-size: 70%;
    padding-top: 90px;
  }
  .case.case_intercom,
  .case.case_gates,
  .case.case_skud,
  .case.case_counters,
  .case.case_smart_house {
    padding-top: 90px;
  }
  .case.case_gates .gates_intro {
    background-image: none;
  }
  .case.case_gates .gates_convenience {
    background-position: top left, bottom right;
  }
  .case.case_skud .skud_gallery {
    padding: 50px 0 0 0;
    flex-direction: column;
  }
  .case.case_skud .skud_gallery .gallery_arrow_item {
    margin: 70px auto 0 auto;
    transform: rotate(90deg);
  }
  .case.case_inspection {
    padding-top: 90px;
    background-size: 70%;
  }
  .case.case_smart_house .smart_house_logo {
    margin-top: 0;
  }
  .case.case_smart_house .smart_house_second_level li {
    padding: 7px 0 7px 20px;
    line-height: 20px;
  }
  .case.case_smart_house .smart_house_second_level li::before {
    top: 14px;
  }
  .case .inspection h2 {
    word-wrap: break-word;
    padding-top: 30px;
  }
  .case .inspection .inspection_flex_list {
    flex-direction: column;
  }
  .case .inspection .inspection_flex_list li {
    width: auto;
    padding-bottom: 30px;
  }
  .case .case_citygroup ul li {
    line-height: 22px;
  }
  .case .case_citygroup ul li::before {
    top: 21px;
  }
  .case .case_citygroup .citygroup_bottom {
    padding-bottom: 60px;
  }
  .case .case_premiumspace .premiumspace_intro {
    background-position: left top, right center;
    background-size: 70%, 70%;
  }
  .case .case_premiumspace .premiumspace_gallery {
    flex-direction: column;
  }
  .case .case_premiumspace .premiumspace_gallery .gallery_item {
    padding: 0;
    margin: 0 0 20px 0;
  }
  .case_clever .clever_section {
    padding: 0 30px;
    margin: 0 -30px;
  }
  .case_clever .clever_subtitle {
    padding: 50px 0 30px 0;
    font-size: 28px;
    line-height: 33px;
  }
  .case_clever .clever_about_list li {
    font-size: 18px;
  }
  .case_clever .clever_timeline_item {
    flex-direction: column;
  }
  .case_clever .clever_timeline_item:last-child {
    position: relative;
    padding-bottom: 60px;
  }
  .case_clever .clever_timeline_item:last-child::after {
    position: absolute;
    display: block;
    content: "";
    width: 60%;
    height: 2px;
    background-color: #2ba542;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
  }
  .case_clever .clever_timeline_date,
  .case_clever .clever_timeline_dot,
  .case_clever .clever_timeline_legend {
    width: auto;
    text-align: left;
    font-size: 16px;
  }
  .case_clever .clever_timeline_dot {
    order: 1;
    padding: 35px 0 20px 0;
  }
  .case_clever .clever_timeline_dot::after {
    display: none;
  }
  .case_clever .clever_timeline_date {
    font-weight: bold;
    order: 2;
  }
  .case_clever .clever_timeline_legend {
    order: 3;
  }
  .case_clever .clever_summary {
    flex-direction: column;
    padding: 50px 0 0 0;
  }
  .case_clever .clever_summary_item {
    justify-content: flex-start;
    margin: 20px 0;
  }
  .case_clever .clever_summary_info {
    width: 120px;
    margin-left: auto;
  }
  .case_clever .clever_reference::before {
    top: -1px;
  }
  .case_clever .clever_quote {
    padding: 10px;
    margin: 10px;
  }
  .case_clever .clever_quote_inner {
    padding: 10px;
  }
  .case_clever .clever_quote_inner p,
  .case_clever .clever_quote_inner cite {
    font-size: 16px;
    line-height: 22px;
  }
  .case_clever .clever_quote_angle {
    bottom: -125px;
  }
  .case_clever .clever_quote_angle::before {
    left: -69px;
  }
  .case_clever .clever_reference {
    padding: 100px 0 150px 0;
  }
}
@media (max-width: 1000px) {
  .case .case_svetliy .gallery_container,
  .case .case_royalpark .gallery_container {
    flex-direction: column;
    align-items: center;
  }
  .case .case_svetliy .gallery_item,
  .case .case_royalpark .gallery_item {
    margin: 5px 0;
  }
  .case .case_royalpark .gallery_item:first-child,
  .case .case_royalpark .gallery_item:last-child {
    display: none;
  }
  .case .case_legion .case_subtitle {
    text-align: left;
  }
  .case .case_legion .legion_stats,
  .case .case_legion .legion_houses,
  .case .case_legion .case_legion_content {
    flex-direction: column;
  }
  .case .case_legion .legion_stats_item,
  .case .case_legion .legion_houses_item {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .case .case_legion .case_legion_content_text,
  .case .case_legion .case_legion_content_image {
    width: 100%;
  }
}
.case_cms .case_container a {
  color: #2ba542;
}
.case_cms .case_container a:hover {
  text-decoration: underline;
}
.case_cms .case_container p:last-of-type {
  padding-bottom: 60px;
}
.case_cms .case_container h1 {
  line-height: 44px;
  padding: 70px 0 30px 0;
}
.case_cms .case_container h2 {
  padding: 50px 0 50px 0;
  font-size: 34px;
  line-height: 40px;
}
.items {
  display: flex;
  margin-right: 30px;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-bottom: 50px;
}
.items__body {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
}
.items .item {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  margin-right: 35px;
  margin-bottom: 35px;
}
.items .item .line__item {
  display: block;
  width: 1px;
  height: 35px;
  transform: translate(-90deg);
  background-color: green;
}
.items .item > div {
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  color: #0C0C0C;
}
.implementation__body {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.implementation__icon {
  margin-right: 25px;
}
.implementation__description {
  padding: 20px;
  background-color: #F9F9F9;
  max-width: 770px;
}
.implementation .description__subtitle {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 25px;
  color: #2BA542;
}
.implementation .description__word {
  font-size: 18px;
  line-height: 25px;
  color: #5A5B5A;
}
.implementation .description__word.bolder {
  margin-top: 20px;
}
.bolder {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #5A5B5A;
}
.wireless {
  margin-top: 70px;
}
.wireless__items {
  display: flex;
  margin-right: 30px;
  flex-wrap: wrap;
}
.wireless__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 80px;
}
.wireless__item > div {
  margin-bottom: 30px;
  font-size: 18px;
  color: #5A5B5A;
  text-align: center;
}
.wireless .item__description {
  max-width: 220px;
}
.w-145 {
  max-width: 145px !important;
}
.w-165 {
  max-width: 165px !important;
}
@media (max-width: 1000px) {
  .items {
    justify-content: center;
  }
  .items__body {
    flex-direction: column;
    align-items: center;
  }
  .implementation__icon {
    display: none;
  }
  .content_cover .title_inner {
    font-size: 22px;
    line-height: 28px;
  }
  .content_cover .inner_page_title {
    font-size: 36px;
    line-height: 42px;
  }
  .items .item {
    margin-right: 0;
  }
  .items .item .description {
    font-size: 18px;
  }
  .wireless__item {
    margin-right: 0;
  }
  .wireless__items {
    justify-content: center;
    flex-direction: column;
  }
}
.integrations {
  padding-bottom: 45px;
}
.integrations__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));
  gap: 1rem;
}
@media (max-width: 400px) {
  .integrations__grid {
    display: flex;
    flex-direction: column;
  }
}
.integrations__grid > div {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}
.integrations__grid > div span {
  margin-bottom: 20px;
}
.integrations__title {
  margin-bottom: 20px;
}
.integrations div:nth-child(4) {
  margin-top: 50px;
}
.integrations div:nth-child(5) {
  margin-top: 50px;
}
.integrations div:nth-child(6) {
  margin-top: 50px;
}
.integrations .enviro-logo {
  background-image: url("/Content/images/enviro-logo.svg");
  width: 140px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 35px;
}
.integrations .linergo-logo {
  background-image: url(/Content/images/linergo-logo.png);
  width: 205px;
  height: 55px;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 15px 0;
}
.integrations .sigur-logo {
  background-image: url("/Content/images/sigur-logo.svg");
  width: 140px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
}
.integrations .basip-logo {
  background-image: url("/Content/images/basip-logo.svg");
  width: 140px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 35px;
}
.integrations .ulin-logo {
  background-image: url("/Content/images/ulin-logo.svg");
  width: 140px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
}
.integrations .trassir-logo {
  background-image: url(/Content/images/trassir-logo.svg);
  width: 155px;
  height: 70px;
  margin-right: 30px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.integrations .kvartplata-24-logo {
  background-image: url("/Content/images/kvartplata-24-logo.svg");
  width: 140px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
}
.integrations .oneC-logo {
  background-image: url("/Content/images/1C-logo.svg");
  width: 140px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
}
.integrations .stack-logo {
  background-image: url("/Content/images/stack-logo.svg");
  width: 140px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
}
.integrations .sber-logo {
  background-image: url("/Content/images/sber-logo.svg");
  width: 140px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 35px;
}
.integrations .tinkoff-logo {
  background-image: url("/Content/images/tinkoff-logo.svg");
  width: 140px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
}
.integrations .psb-logo {
  background-image: url("/Content/images/psb-logo.svg");
  width: 140px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 35px;
  position: relative;
  left: -15px;
}
.integrations .alfa-logo {
  background-image: url("/Content/images/alfa-logo.svg");
  width: 140px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
}
.integrations .marco-logo {
  background-image: url("/Content/images/marco-logo.svg");
  width: 140px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
}
.integrations .dispetcher-logo {
  background-image: url("/Content/images/dispetcher-logo.svg");
  width: 140px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
}
.integrations .checkonline-logo {
  background-image: url("/Content/images/checkonline-logo.svg");
  width: 140px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
}
.flex {
  display: flex;
}
.card-info__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 40px 40px 45px;
  background: linear-gradient(to right, #f6ffef 65%, #ffffff);
}
.card-info__row:nth-child(even) {
  background: linear-gradient(to left, #f6ffef 65%, #ffffff);
}
.card-info__row:nth-child(even) .card-info__col_text {
  order: 2;
}
.card-info__row:nth-child(even) .card-info__col_image {
  order: 1;
}
.card-info__row:not(:last-child) {
  margin-bottom: 15px;
}
@media (max-width: 800px) {
  .card-info__row {
    grid-template-columns: 1fr;
    padding: 30px 20px 35px;
    background: #f6ffef !important;
  }
}
.card-info__col {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.card-info__col_text {
  position: relative;
  z-index: 2;
}
.card-info__col_image {
  display: flex;
  align-items: center;
}
.card-info__col_image img {
  display: block;
  width: 100%;
  max-width: 350px;
  height: 100%;
  max-height: 594px;
  object-fit: contain;
  margin: 0;
}
@media (max-width: 800px) {
  .card-info__col_text {
    order: 1 !important;
  }
  .card-info__col_image {
    order: 2 !important;
    justify-self: center;
  }
  .card-info__col_image img {
    max-height: 400px;
    margin-right: auto;
    margin-left: auto;
  }
}
.card-info__title {
  display: block;
  padding: 0;
  color: #5a5b5a;
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 40px;
}
.card-info__list {
  padding: 0;
}
.card-info__list li {
  display: flex;
  align-items: center;
  padding: 0;
  padding-left: 40px;
  font-weight: 500;
  font-size: 18px;
}
.card-info__list li::before {
  width: 22px;
  height: 22px;
  border: none;
  box-shadow: none;
  background: transparent url(/Content/images/icons/component_check.svg) center / contain no-repeat;
  top: 1px;
}
.card-info__list li svg {
  margin-right: 25px;
}
.card-info__list li:not(:last-of-type) {
  margin-bottom: 25px;
}
.card-info__brands {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 15px;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  margin-top: 30px !important;
}
.card-info__brands li {
  padding: 0 !important;
}
.card-info__brands li:before {
  display: none;
}
.card-info__brands li img,
.card-info__brands li svg {
  display: block;
  max-width: 150px;
  height: auto !important;
  object-fit: contain;
  position: relative;
  margin: 0;
}
@media (max-width: 440px) {
  .card-info__brands {
    justify-content: center;
  }
}
.card-info__action {
  margin-top: 30px;
}
@media (max-width: 440px) {
  .card-info__action {
    width: 100%;
    max-width: 100%;
  }
}
.mb-55 {
  margin-bottom: 55px !important;
}
.lead-cover {
  display: flex;
  align-items: center;
}
@media (max-width: 1150px) {
  .lead-cover {
    flex-direction: column;
    align-items: center;
  }
}
.lead-cover .plus {
  font-size: 96px;
  color: #DDDDDD;
  padding: 0 15px;
}
.lead {
  background-color: #F4F4F4;
  width: 555px;
  height: 1080px;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1150px) {
  .lead {
    width: 100%;
    height: 100%;
  }
}
.lead__head {
  position: relative;
  padding: 40px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
  border-bottom: 2px solid #2BA542;
}
.lead__head:after {
  content: '';
  position: absolute;
  bottom: -10px;
  width: 100%;
  height: 1px;
  background-color: #2BA542;
}
.lead__head img {
  width: 270px;
  height: 85px;
}
.lead__head span {
  margin-top: 25px;
  font-weight: normal;
  font-size: 24px;
  line-height: 35px;
  color: #5A5B5A;
}
.lead__image {
  text-align: center;
}
.lead__body {
  margin-top: 55px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
}
.lead__list {
  margin-top: 35px;
}
.lead__list li {
  position: relative;
  padding: 0;
  padding-left: 40px;
}
.lead__list li:not(:last-of-type) {
  margin-bottom: 25px;
}
.lead__list li:before {
  top: 0;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url(/Content/images/icons/component_check.svg);
  background-size: contain;
  width: 22px;
  height: 22px;
}
.esmart-logo {
  background-image: url(/Content/images/esmart.png);
  width: 105px;
  height: 31px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 10px;
}
.featuresInspection__title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 3px solid #14A667;
}
.featuresInspection__items {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 800px) {
  .featuresInspection__items {
    flex-direction: column;
  }
}
.featuresInspection__item {
  flex: 1 1 23%;
  margin-right: 18px;
}
.featuresInspection__item:last-of-type {
  margin-right: 0;
}
@media (max-width: 800px) {
  .featuresInspection__item {
    flex: 1 1 auto;
    margin-bottom: 14px;
  }
}
.featuresInspection__item--title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 14px;
  max-width: 190px;
}
.featuresInspection__item--lead {
  max-width: 300px;
  color: #5a5b5a;
  font-size: 18px;
}
.stepsInspection__title {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 60px;
  margin-top: 80px;
}
.stepsInspectionTimeline {
  display: flex;
}
.stepsInspectionTimeline__leftCol {
  display: flex;
}
.stepsInspectionTimeline__leftColItem--title {
  position: relative;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.stepsInspectionTimeline__leftColItem--title:after {
  content: '';
  position: absolute;
  right: 6px;
  bottom: -11px;
  border-top: 2px solid #14A667;
  border-left: 2px solid #14A667;
  width: 20px;
  height: 20px;
  transform: rotate(130deg);
}
.stepsInspectionTimeline__leftColItem--title:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 2px solid #14A667;
  width: 99%;
}
.stepsInspectionTimeline__leftColItem--title div {
  max-width: 150px;
  height: 60px;
}
.stepsInspectionTimeline__leftColItem--lead {
  padding-right: 24px;
  max-width: 290px;
  color: #5a5b5a;
  font-size: 18px;
}
.schemeFeatures {
  background: linear-gradient(208.04deg, #14a667 17.38%, #01a696 79.97%) no-repeat;
  color: #fff;
}
@media (min-width: 1151px) {
  .schemeFeatures {
    padding-bottom: 0;
  }
}
.schemeFeatures__title {
  color: #fff;
  text-align: center;
}
@media (max-width: 1000px) {
  .schemeFeatures__title {
    text-align: left;
  }
}
.schemeFeatures__body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.schemeFeatures__body > div {
  flex: 1 1 auto;
}
@media (max-width: 1150px) {
  .schemeFeatures__body {
    margin-top: 55px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.schemeFeatures .component_controls {
  margin-bottom: 0;
  margin-top: 40px;
  padding: 0;
  text-align: left;
}
@media (max-width: 1150px) {
  .schemeFeatures .component_controls {
    justify-content: initial !important;
  }
}
.schemeFeatures .component_controls .component_more:after {
  display: none;
}
.schemeFeatures__text {
  position: relative;
  font-size: calc(14px + (16 - 10) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 500;
  margin-bottom: 24px;
  display: block;
  color: #fff;
}
.schemeFeatures__text::before {
  content: '•';
  margin-right: 8px;
}
.schemeFeatures__text::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
  bottom: -10px;
  left: 0;
}
@media (max-width: 1150px) {
  .schemeFeatures__text::after {
    display: none;
  }
}
.schemeFeatures__textCol--title {
  display: none;
  font-size: 28px;
}
@media (max-width: 1150px) {
  .schemeFeatures__textCol--title {
    display: block;
    font-weight: 500;
    margin-bottom: 24px;
    text-align: left;
  }
}
@media (max-width: 1150px) {
  .schemeFeatures__textCol:last-of-type {
    text-align: left;
    margin-top: 32px;
  }
  .schemeFeatures__textCol:last-of-type .schemeFeatures__text {
    flex-direction: row !important;
    text-align: left !important;
  }
  .schemeFeatures__textCol:last-of-type .schemeFeatures__text::before {
    content: '•';
    margin-right: 8px !important;
    margin-left: 0 !important;
  }
}
.schemeFeatures__textCol:last-of-type {
  text-align: right;
}
.schemeFeatures__textCol:last-of-type .schemeFeatures__text {
  display: flex;
  flex-direction: row-reverse;
}
.schemeFeatures__textCol:last-of-type .schemeFeatures__text::before {
  content: '•';
  margin-left: 8px;
}
.schemeFeatures__imageCol {
  display: flex;
  justify-content: center;
}
@media (max-width: 1150px) {
  .schemeFeatures__imageCol {
    display: none;
  }
}
.schemeFeatures__imageCol img {
  width: 550px;
  height: 550px;
  object-fit: contain;
}
@media (max-width: 1150px) {
  .mobile-hide {
    display: none;
  }
}
.gradient-place {
  background: linear-gradient(204.88deg, #14a667 15.84%, #01a696 72.9%) no-repeat;
}
.withRec {
  position: relative;
  right: -40px;
  width: auto !important;
}
@media (max-width: 900px) {
  .withRec {
    right: -25px !important;
  }
}
.spacingHelper {
  display: block;
  font-weight: 400;
  font-size: 16px;
  color: #5A5B5A;
  max-width: 447px;
  line-height: 25px;
  margin: 30px 0;
}
.listSubtitleHelper {
  display: block;
  font-weight: 400;
  font-size: 16px;
  color: #5A5B5A;
  margin-bottom: 16px;
}
.w45media {
  width: 230px;
  margin: 26px auto !important;
}
@media (max-width: 900px) {
  .w45media {
    width: 76%;
    padding: 26px 0;
  }
}
@media (max-width: 900px) {
  .mediaAuto {
    width: auto !important;
  }
}
.FML3 {
  width: 100% !important;
  margin-right: 42px !important;
}
@media (max-width: 900px) {
  .FML3 {
    margin-right: 20px !important;
  }
}
.suppliers_demo .demo_test_block {
  background-color: rgba(0, 0, 0, 0.05);
}
.map_city_select {
  padding: 7px;
  cursor: pointer;
  margin-bottom: 10px;
  max-width: 380px;
}
.map_city_select:active,
.map_city_select:hover,
.map_city_select:focus {
  border: 1px solid #2ba542;
}
.bg-marketing {
  background-image: url("/Content/images/marketing/marketing_bg.jpg");
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
}
.bg-marketing ul li,
.bg-marketing ol li {
  color: #000000;
}
.bg-marketing ul li::before,
.bg-marketing ol li::before {
  border-radius: 50%;
}
.bg-marketing .marketing_platform_list {
  padding: 50px 0;
}
.bg-marketing .marketing_platform_list .marketing_list_name {
  display: block;
  font-size: 24px;
  padding-bottom: 34px;
  font-weight: bold;
}
.bg-marketing .marketing_platform_list li::before {
  color: #000000;
  font-size: 24px;
  top: 14px;
}
.bg-marketing .marketing_bottom_image {
  padding: 50px 0 100px 0;
}
@media (max-width: 1000px) {
  .marketing .marketing_platform_list {
    padding: 10px 0;
  }
  .marketing .marketing_platform_list .marketing_list_name {
    font-size: 20px;
    padding-bottom: 10px;
  }
  .marketing .marketing_platform_list li::before {
    font-size: 20px;
  }
  .marketing .marketing_bottom_image {
    padding: 30px 0 50px 0;
  }
}
.role_checker_modal {
  max-width: 930px;
  position: relative;
  overflow: hidden;
}
.role_checker_modal::before {
  position: absolute;
  content: '';
  display: block;
  height: 10px;
  width: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, #2ba542 0%, #00a69a 100%);
}
.role_checker_modal .modal-title,
.role_checker_modal .modal-content {
  text-align: center;
  color: #4D4F4D;
}
.role_checker_modal .modal-title {
  font-size: 32px;
  line-height: 40px;
}
.role_checker_modal .modal-content {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
}
.role_checker_modal .role_checker_controls {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.role_checker_modal .role_checker_btn {
  font-size: 24px;
  line-height: 28px;
  padding: 10px 30px;
  border-radius: 60px;
  border: 2px solid #2BA542;
  font-weight: normal;
  box-sizing: border-box;
  width: 45%;
}
.role_checker_modal .role_checker_company_btn {
  background-color: transparent;
  color: #2BA542;
  border: 2px solid #2BA542;
}
.role_checker_modal .role_checker_company_btn:hover {
  background-color: #38cb54;
  color: #ffffff;
}
@media (max-width: 1000px) {
  .role_checker_modal {
    max-width: initial;
  }
  .role_checker_modal .modal-title {
    font-size: 20px;
    line-height: 24px;
  }
  .role_checker_modal .modal-content {
    font-size: 18px;
    line-height: 22px;
  }
  .role_checker_modal .role_checker_controls {
    flex-direction: column;
  }
  .role_checker_modal .role_checker_btn {
    padding: 6px;
    font-size: 18px;
    line-height: 22px;
    width: 100%;
    margin-bottom: 20px;
    min-height: 60px;
  }
}
.inspection_flex_list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 40px;
  max-width: 1100px;
  margin: 0 auto;
}
.inspection_flex_list img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.inspection_flex_list li {
  width: 23%;
  list-style-type: none;
}
.inspection_flex_list li:before {
  display: none;
}
.inspection_flex_list .list_text {
  text-align: center;
  line-height: 24px;
  margin-top: 10px;
}
.inspection_subtitle {
  text-align: center;
  color: #4d4f4d;
  font-weight: normal;
  padding-bottom: 22px;
}
.how_it_works_list {
  padding: 0 0 15px 30px;
}
.how_it_works_list li:before {
  display: block;
  position: absolute;
  content: counter(ol_li);
  left: -20px;
  top: 15px;
  font-size: 22px;
  line-height: 28px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 0 2px 2px #c5e6ce;
  text-align: center;
}
.how_it_works_image_block {
  padding: 50px 0;
}
.how_it_works_image_block img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.title_inner {
  font-size: 28px;
}
.title_inner::selection {
  background: #2ba542;
  color: #fff;
}
@media (max-width: 1000px) {
  .inspection_flex_list {
    align-items: center;
    justify-content: center;
  }
  .intro_list {
    flex-direction: column;
  }
  .intro_list li {
    width: 100%;
    margin: 0 12% 0 0;
  }
  .automation_list {
    flex-direction: column;
  }
  .automation_list li {
    width: 100%;
    margin: 0 12% 0 0;
  }
}
.content_cover section {
  margin: 0 0 20px 0;
}
.content_cover section:last-child {
  margin-bottom: 0;
}
.content_cover p {
  padding-bottom: 15px;
}
.content_cover h1 {
  text-align: left;
  color: #4d4f4d;
  padding: 0 0 60px 0;
}
.content_cover h2,
.content_cover h3 {
  text-align: left;
}
.content_cover p {
  font-size: 18px;
  line-height: 30px;
  padding: 20px 0;
  color: #5a5b5a;
}
.content_cover .how_it_works_list li {
  line-height: 30px;
}
.clever_image {
  padding: 50px 0;
}
.clever_image img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.content_video {
  padding: 60px;
  display: flex;
  justify-content: center;
}
.content_video iframe {
  width: 700px;
  height: 500px;
}
.smart_house_first_level {
  padding: 0 0 15px 30px;
}
.smart_house_first_level li:before {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  top: 19px;
  width: 6px;
  height: 6px;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px #2ba542;
  background-color: #2ba542;
}
.smart_house_second_level li:before {
  box-shadow: none;
}
.advantages_list {
  padding: 0 0 15px 30px;
}
.advantages_list li:before {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  top: 19px;
  width: 6px;
  height: 6px;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px #2ba542;
  background-color: #2ba542;
}
.advantages_list .smart_house_second_level li:before {
  box-shadow: none;
}
.marketing_image img {
  display: flex;
  margin: 0 auto;
}
.loyal_list {
  line-height: 30px;
}
.loyal_list li::before {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  top: 22px;
  width: 6px;
  height: 6px;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px #2ba542;
  background-color: #2ba542;
  border-radius: 50%;
}
.rivera .intro {
  max-width: 1015px;
  margin: 0 auto;
}
.implementation .inner_page_title {
  text-align: center;
}
.bg-smart-house {
  background-repeat: no-repeat, no-repeat;
  background-position: 0 12%, 100% 60%;
  background-size: 30%, 30%;
  background-image: url(/Content/images/cases/smart_house/smart_house_bg1.jpg), url(/Content/images/cases/smart_house/smart_house_bg2.jpg);
}
.bg_cctv {
  padding-top: 0;
  padding-bottom: 50px;
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 30%;
  background-image: url(/Content/images/cases/cctv/cctv3.png);
}
.intercom_intro::before {
  display: block;
  content: '';
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 300px;
  left: 250px;
  top: 700px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-image: url(/Content/images/cases/intercom/intercom_bg1.png);
  background-position: -20px 50%;
  opacity: .6;
  background-size: 93%;
}
@media (max-width: 1000px) {
  .intercom_intro::before {
    display: block;
    content: '';
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 300px;
    left: -100px;
    top: 700px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-image: url(/Content/images/cases/intercom/intercom_bg1.png);
    background-position: -20px 50%;
    opacity: .6;
    background-size: 93%;
  }
}
.bg-intercom {
  background-repeat: no-repeat;
  background-image: url(/Content/images/cases/intercom/intercom_bg2.png);
  background-position: right 60%;
  background-size: 20%;
}
@media (max-width: 1000px) {
  .smart_house_first_level {
    padding-left: 0;
  }
  .advantages_list {
    padding-left: 0;
  }
  .clever_image {
    padding-top: 0;
  }
  .automation .automation_problems {
    background-color: transparent;
  }
  .automation .automation_why {
    background-color: transparent;
  }
}
.get_in_on {
  display: flex;
  justify-content: center;
  align-items: center;
}
.get_in_on .google_play {
  padding: 0 59px 0 0;
  cursor: pointer;
}
.get_in_on .app_store {
  cursor: pointer;
}
.fix_icon {
  margin-left: 5px;
}
.demo_test_bg {
  background-size: cover;
  background-repeat: no-repeat;
}
.demo_test_bg .demo_test_block {
  background: rgba(255, 255, 255, 0.88);
}
.demo_test_bg .demo_test_container {
  background-size: cover !important;
  background-position: center;
  padding: 80px 0;
}
.demo_test_bg .demo_test_container.gray-bg {
  background-color: #f4f4f4;
}
.advantages {
  width: 100%;
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 120px 0 0 0;
}
.advantages_items {
  position: relative;
  margin: 0 60px 120px 0;
}
.advantages_items::before {
  content: '';
  position: absolute;
  top: -60px;
  left: 64px;
  width: 120px;
  height: 120px;
  background: linear-gradient(180deg, #27a640 0%, #00a69a 100%);
  border-radius: 50%;
}
.advantages_body {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  color: #5A5B5A;
  width: 250px;
  height: 180px;
  background: #FFFFFF;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25), 0px 7px 0px #27a640;
  border-radius: 20px;
  text-align: center;
}
.advantages_body .advantages_icon {
  display: flex;
  justify-content: center;
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  padding: 15px;
  width: 88px;
  height: 88px;
}
.advantages_body .advantages_icon img {
  max-width: 100%;
}
@media (max-width: 1000px) {
  .advantages {
    flex-direction: column;
  }
  .advantages_items {
    margin: 0 0 120px 0;
    align-items: center;
  }
}
.bg-gates {
  background-image: url(/Content/images/cases/gates/gates_intro_bg.png), url(/Content/images/cases/gates/gates_convenience_bg_1.png), url(/Content/images/cases/gates/gates_convenience_bg_2.png);
  background-position: left top, left bottom, right bottom;
  background-size: 50%, 30%, 30%;
  background-repeat: no-repeat;
}
.bg-skud {
  background-image: url(/Content/images/cases/skud/skud_intro_bg.jpg), url(/Content/images/cases/skud/skud_convenience_bg.jpg), url(/Content/images/cases/skud/skud_control_bg.jpg);
  background-position: left top, right center, left bottom;
  background-size: 35%, 30%, 35%;
  background-repeat: no-repeat;
}
.bg-counters {
  background-image: url(/Content/images/cases/counters/counters_bg1.png), url(/Content/images/cases/counters/counters_bg2.png);
  /*url(/Content/images/cases/counters/counters_bg3.png);*/
  background-position: left top, right center, right bottom;
  background-size: 30%, 40%;
  background-repeat: no-repeat;
}
.bg-image-apppromo {
  background-image: url("/Content/images/components/apppromo/bg_image_apppromo1.png"), url("/Content/images/components/apppromo/bg_image_apppromo2.png");
  background-repeat: no-repeat;
  background-position: center top, bottom, center;
  background-size: 100%;
}
.reviews_items {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  max-width: 1350px;
}
.reviews_items .reviews_body {
  width: 25%;
  position: relative;
  margin: 30px 0 0 0;
}
.reviews_items .reviews_body:before {
  content: '';
  position: absolute;
  display: block;
  background-image: url("/Content/images/components/apppromo/left-quote.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  top: -65px;
  left: -30px;
}
.reviews_items .reviews_body .person {
  font-style: italic;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  color: #4D4F4D;
  margin: 20px 0 80px 0;
}
.second_section {
  margin: 70px 0 0 0;
  width: 80% !important;
}
.component_paragraph {
  color: #000 !important;
  line-height: 30px !important;
}
.title_inner {
  display: inline-block;
}
.title_inner.second_title_inner:after {
  width: 100%;
}
@media (max-width: 1000px) {
  .reviews_items {
    flex-direction: column;
  }
  .reviews_items .reviews_body {
    position: relative;
    width: auto;
  }
  .reviews_items .reviews_body:before {
    content: '';
    position: absolute;
    display: block;
    background-image: url("/Content/images/components/apppromo/left-quote.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    top: -50px;
    left: 0px;
  }
}
.developers_list.automize {
  margin: 0 0 50px 0;
}
.developers_list.automize li {
  color: #2BA542 !important;
}
.mb-50 {
  margin: 0 0 50px 0;
}