/* Start:/include/2023/support-and-other-services/bitrix-transfer/style.css?174791302048525*/
:root {
  --second-color: #ff6414;
}
* {
  border: 0;
}
.central-content {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.b-transfer-banner {
  min-height: 800px;
  background: #151515;
  color: #fff;
}
.b-transfer-banner .b-transfer-banner__wrapper {
  padding-top: clamp(174px, 14vw, 258px);
}
html body .b-transfer-banner h1.b-transfer-banner__title {
  padding: 0;
  font-size: clamp(30px, 5vw, 48px);
  text-transform: uppercase;
  font-weight: 700;
  color: inherit;
  max-width: 660px;
  line-height: 135%;
}
.b-transfer-banner__title--second {
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
}
.b-transfer-banner__title--second:hover {
  color: #fff;
}
.b-transfer-banner__title-block {
  display: flex;
}
.b-transfer-banner__description {
  margin-left: auto;
  margin-top: 5px;
  margin-right: 20px;
  font-weight: 400;
  font-size: clamp(16px, 3vw, 18px);
  line-height: 172%;
  max-width: 495px;
}
.b-transfer-banner__text-block {
  display: flex;
  margin-top: 30px;
  align-items: center;
}
.b-transfer-banner__text {
  display: flex;
  width: 51%;
  text-transform: uppercase;
  font-weight: 500;
  font-size: clamp(14px, 3vw, 18px);
  line-height: 160%;
}
.b-transfer-banner__text::before {
  content: "";
  margin-right: 22px;
  border-left: 1px solid #9f9f9f;
}
.b-transfer-banner__price-block {
  margin-left: 80px;
}
.b-transfer-banner__price {
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  text-transform: uppercase;
}
.b-transfer-banner__circle-button {
  margin-left: auto;
}
.b-transfer-banner__text-row {
  margin-top: 130px!important;
  padding-bottom: 70px;
}
.b-transfer-banner__text-row {
  font-size: 20px;
  line-height: 140%;
}
.b-transfer-banner__text-col--center {
  text-align: center;
}
@media (max-width: 500px) {
  .b-transfer-banner__title-block {
    flex-direction: column;
  }
  .b-transfer-banner__description {
    margin-top: 38px;
  }
  .b-transfer-banner__text-block {
    flex-direction: column;
  }
  .b-transfer-banner__circle-button {
    margin: auto;
    margin-top: 69px;
    margin-bottom: 70px;
  }
  .b-transfer-banner__price-block {
    margin: auto;
    text-align: center;
    padding-bottom: 72px;
  }
  .b-transfer-banner .b-transfer-banner__button-price {
    padding: 0;
    margin-top: 9px;
  }
	.b-transfer-banner .b-transfer-banner__text-row {
		display: none;
	}
.b-transfer-banner__text {
width: 100%;
	}
}

.b-transfer-banner__price b {
  font-size: clamp(22px, 4vw, 26px);
}

.b-transfer-banner.b-transfer-banner__button-price {
  background: none;
  border: none;
  font: inherit;
}

div.title-1,
div.title-2,
div.title-3,
div.title-4 {
  text-transform: uppercase;
  font-style: normal;
}
div.title-1 {
  font-weight: 700;
  font-size: 80px;
}
div.title-2 {
  font-weight: 400;
  font-size: 42px;
}
div.title-3 {
  font-weight: 700;
  font-size: 32px;
}
div.title-4 {
  font-weight: 700;
  font-size: 26px;
  line-height: 39px;
}
p {
  font-weight: 400;
  font-size: 20px;
}
dt {
  font-size: 22px;
}
@media screen and (max-width: 799px) {
  div.title-1 {
    font-size: 40px;
  }
  div.title-2 {
    font-size: 24px;
  }
  div.title-3 {
    font-size: 24px;
  }
  div.title-4 {
    font-size: 24px;
  }
}
.fade-in {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.fade-in.active {
  opacity: 1;
}
.rectangle-orange {
  background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#ff6414),
      to(#ff6414)
    ),
    #000;
  background: linear-gradient(0deg, #ff6414, #ff6414), #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 13.11px;
  height: 13.11px;
}
.component-button button,
.component-button__black button,
.component-button__orange button {
  background: inherit;
  border-radius: 4px;
  padding: 13px 34px;
  font-size: 20px;
  border: 1px solid #d7d7d7;
  color: #d7d7d7;
}
.component-button button.black,
.component-button__black button.black,
.component-button__orange button.black {
  background: #000000;
  border: 1px solid #000000;
  color: #ffffff;
}
.component-button__black.active button,
.component-button__black:hover button {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #000000;
  border: 1px solid #000000;
}
.component-button__orange.active button,
.component-button__orange:hover button {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 1px solid #ff6414;
  color: #ff6414;
}
@media screen and (max-width: 799px) {
  .component-button button,
  .component-button__black button,
  .component-button__orange button {
    padding: 6.5px 17px;
    font-size: 14px;
  }
}
.navigation-arrow {
  display: inline-block;
}
.navigation-arrow button,
.navigation-arrow__left button,
.navigation-arrow__right button {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  background: inherit;
  width: 31px;
  height: 19px;
}
.navigation-arrow__left {
  float: right;
  margin-right: 35px;
}
.navigation-arrow__left button::before {
  content: url(/include/2023/support-and-other-services/bitrix-transfer/./images/icons/arrow.svg);
  position: absolute;
  left: 0;
  top: 0;
}
.navigation-arrow__left button:hover::before {
  content: url(/include/2023/support-and-other-services/bitrix-transfer/./images/icons/arrow_big.svg);
  top: -3px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.navigation-arrow__right {
  float: right;
}
.navigation-arrow__right button::before {
  content: url(/include/2023/support-and-other-services/bitrix-transfer/./images/icons/arrow.svg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  position: absolute;
  left: 0;
  top: -3px;
}
.navigation-arrow__right button:hover::before {
  content: url(/include/2023/support-and-other-services/bitrix-transfer/./images/icons/arrow_big.svg);
  -webkit-transform: rotate(0);
  transform: rotate(0);
  top: 0;
}
.switch-buttons {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  grid-template-rows: auto;
  border: 1px solid #a5a5a5;
  border-radius: 4px;
  width: 100%;
  max-width: 400px;
}
.switch-buttons__item button {
  padding: 13px 45px;
  font-size: 20px;
  font-weight: 700;
  color: #a5a5a5;
  background: initial;
  border-radius: 4px;
  width: 100%;
}
@media all and (max-width: 800px) {
  .switch-buttons__item button {
    border-radius: 0;
  }
}
.switch-buttons__item.active button,
.switch-buttons__item:hover button {
  background: #ff6414;
  border: 2px solid #ff6414;
  color: #ffffff;
  border: none;
}
.grid-row-4x1 {
  display: grid;
  grid-template-columns: 180px 240px 184px 177px 188px;
  grid-template-rows: auto;
  gap: 0px 0px;
}
.grid-row-2x1 {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
}
.grid-column {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  gap: 0px 0px;
}
.grid-row-10x1 {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
  grid-template-rows: 1fr;
  gap: 0px 13.29px;
}
.services {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto auto;
  grid-template-areas: ". B ." ". D ." ". E .";
}
.services-top {
  margin-top: 141px;
  grid-area: B;
}
.services-title {
  margin-left: 7px;
}
.services-subtitile {
  margin-top: 61px;
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.services-subtitile p {
  max-width: 775px;
  line-height: 30px;
  text-align: start;
  margin-right: 126px;
  margin-left: 27px;
}
.services-subtitile svg {
  margin-top: 7px;
  width: 24px;
  height: 44px;
}
.services-subtitile svg:first-child {
  margin-right: 7px;
}
.services-navigation {
  margin-top: 70px;
  grid-area: D;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 112px;
  column-gap: 112px;
}
body .services-navigation__image {
  max-width: 703px;
  width: 100%;
  /*height: 389px;*/
  aspect-ratio: 16 / 9;
}
.services-navigation__image img {
  width: 703px;
  height: 389px;
  -o-object-fit: cover;
  object-fit: cover;
}
.services-navigation .owl-stage {
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.services-navigation__scroll {
  display: grid;
  grid-template-columns: 384px;
  grid-template-rows: auto auto auto auto;
  row-gap: 58px;
}
.services-navigation__scroll-identifier::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 52px;
  background: rgba(100, 100, 100, 0.25);
  left: -9px;
  top: 40px;
}
.services-navigation__scroll-item {
  position: relative;
}
.services-navigation__scroll-item:hover {
  cursor: pointer;
}
.services-navigation__scroll-item p {
  max-width: 277px;
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
  color: #151515;
  line-height: 23px;
  display: inline-block;
  margin-left: 51.62px;
}
.services-navigation__scroll-item::before {
  content: "";
  background: #d8d8d8;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 13px;
  height: 13px;
  position: absolute;
  left: -15px;
  top: 4px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.services-navigation__scroll-item.active p,
.services-navigation__scroll-item:hover p {
  color: #ff6414;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.services-navigation__scroll-item.active::before,
.services-navigation__scroll-item:hover::before {
  content: "";
  background: #ff6414;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.services-navigation__scroll-item:first-child {
  max-width: 137px;
}
.services-bottom {
  margin-top: 68px;
  grid-area: E;
  position: relative;
}
.services-bottom::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 729px;
  background: #000000;
  left: -458px;
  top: 20px;
}
.services-description {
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #323232;
  max-width: 766px;
  float: right;
  margin-right: 134px;
}
@media screen and (max-width: 1200px) {
  .services {
    grid-template-columns: auto 1fr auto;
  }
  .services-top {
    padding: 15px;
  }
  .services-title {
    margin-left: 0;
  }
  .services-subtitile p {
    margin-right: 0;
  }
  .services-navigation {
    padding: 0 15px;
    max-width: 100%;
    justify-items: center;
    -webkit-column-gap: 53px;
    column-gap: 53px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .services-navigation__image {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .services-navigation__image img {
    display: block;
    width: 100%;
    height: auto;
  }
  .services-navigation__scroll {
    row-gap: 18px;
    grid-template-columns: 205px;
  }
  .services-navigation__scroll-item::before {
    display: none;
  }
  .services-navigation__scroll-item p {
    margin-left: auto;
  }
  .services-navigation__scroll-identifier::before {
    display: none;
  }
  .services-bottom {
    -ms-flex-line-pack: center;
    align-content: center;
  }
  .services-bottom p {
    margin-right: 5px;
  }
  .services-bottom::before {
    display: none;
  }
}
@media screen and (max-width: 1200px) and (max-width: 799px) {
  .services {
    justify-items: center;
  }
  .services-top {
    margin-top: 20px;
  }
  .services-subtitile {
    margin-top: 30px;
  }
  .services-subtitile p {
    margin-left: 11px;
  }
  .services-subtitile svg {
    min-width: 12px;
    min-height: 22px;
    margin-top: -4px;
  }
  .services-navigation {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    max-width: 100%;
    justify-items: center;
    -webkit-column-gap: 0;
    column-gap: 0;
    row-gap: 20px;
    padding: 0;
  }
  .services-navigation__image {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .services-navigation__image img {
    display: block;
    width: 100%;
    height: auto;
  }
  .services-navigation__scroll {
    grid-template-columns: auto;
    grid-template-rows: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
  }
  .services-navigation__scroll-item {
    text-align: center;
    display: none;
  }
  .services-navigation__scroll-item.active {
    display: block;
  }
  .services-navigation__scroll-item p {
    margin-left: 0;
    max-width: none;
  }
  .services-navigation__scroll-item:first-child {
    max-width: none;
  }
  .services-navigation__scroll-item::before {
    display: none;
  }
  .services-navigation__scroll-identifier::before {
    display: none;
  }
  .services-bottom {
    -ms-flex-line-pack: center;
    align-content: center;
    margin-top: 40px;
  }
  .services-bottom p {
    float: none;
    margin-left: 15px;
    max-width: none;
  }
  .services-bottom::before {
    display: none;
  }
}
.transfer {
  margin-top: 202px;
  gap: 112px 0px;
  display: grid;
  grid-template-areas: ". A ." ". B .";
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto;
  width: 100%;
  overflow-x: hidden;
}
.transfer-title {
  grid-area: A;
}
.transfer-title .title-1 {
  margin-top: 10px;
}
.transfer-list {
  grid-area: B;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-auto-flow: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-column-gap: 90px;
  column-gap: 90px;
  position: relative;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 51px;
  margin-bottom: 250px;
  max-width: 1200px;
}
.transfer-list::after {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  height: 1px;
  background: #e1e1e1;
  width: 345px;
  right: -345px;
  bottom: -1px;
}
.transfer-list__item {
  text-align: center;
  line-height: 29.33px;
  position: relative;
}
.transfer-list__item::after {
  content: " ";
  display: block;
  background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      from(#ff6414),
      to(#ff6414)
    ),
    #000;
  background: linear-gradient(0deg, #ff6414, #ff6414), #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 13.11px;
  height: 13.11px;
  position: absolute;
  bottom: -58.29px;
  left: calc(50% - 13.11px / 2);
}
@media screen and (max-width: 1199px) {
  .transfer {
    grid-template-columns: 1fr auto 1fr;
    padding: 15px;
  }
  .transfer-list {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-auto-flow: row;
    -webkit-column-gap: 0;
    column-gap: 0;
    row-gap: 90px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}
@media screen and (max-width: 799px) {
  .transfer {
    margin-top: 88px;
    gap: 56px 0;
  }
  .transfer-list {
    padding: 0;
    border: none;
    margin-bottom: 125px;
    row-gap: 45px;
    -webkit-column-gap: 5px;
    column-gap: 5px;
  }
  .transfer-list__item {
    font-size: 16px;
    line-height: 21px;
  }
  .transfer-list__item::after {
    width: 6.5px;
    height: 6.5px;
    bottom: -21px;
  }
}
@media screen and (max-width: 674px) {
  .transfer-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 400px) {
  .transfer-list {
    grid-template-columns: 1fr;
  }
}
.constructors {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: ". A ." "B B B";
  position: relative;
  width: 100%;
  overflow-x: hidden;
}
.constructors-title {
  grid-area: A;
  width: 1184px;
  min-width: 800px;
}
.constructors-title .title-2:nth-child(2) {
  margin-top: 10px;
}
.constructors-list {
  grid-area: B;
  margin-top: 82px;
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.constructors-list::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.constructors-list__element {
  width: 211.54px;
  height: 103px;
  border: 1.10753px solid #e1e1e1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.constructors-list__element img {
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}
@media screen and (max-width: 1199px) {
  .constructors-title {
    margin-left: 15px;
  }
}
@media screen and (max-width: 799px) {
  .constructors-list__element {
    width: 100px;
    height: 50px;
  }
}
.crm-feedback {
  display: grid;
  grid-template-areas: ". A ." ". B .";
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto;
  margin-top: 160px;
  margin-bottom: 167px;
  width: 100%;
}
.crm-feedback__title {
  grid-area: A;
  text-align: center;
}
.crm-feedback__title label {
  font-weight: 400;
  font-size: 24px;
  color: #989494;
  line-height: 36px;
  margin-top: 11px;
  display: block;
}
.crm-feedback__redirect {
  grid-area: B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 42px;
}
.crm-feedback__redirect a, .crm-feedback__redirect span {
  display: inline-block;
  padding: 80px;
  border: 1px solid #000000;
  border-radius: 100px;
}
.crm-feedback__redirect a:hover, .crm-feedback__redirect span:hover {
  background: #ff6414;
  border: 1px solid #ffffff;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
cursor: pointer;
}
.crm-feedback__redirect a:hover svg, .crm-feedback__redirect span:hover svg {
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(68deg)
    brightness(102%) contrast(101%);
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(68deg)
    brightness(102%) contrast(101%);
}
@media screen and (max-width: 799px) {
  .crm-feedback {
    margin-top: 81px;
    margin-bottom: 88px;
    padding: 15px;
  }
  .crm-feedback__title label {
    font-size: 12px;
    line-height: 18px;
  }
  .crm-feedback__redirect a, .crm-feedback__redirect span {
    padding: 40px;
  }
  .crm-feedback__redirect a svg, .crm-feedback__redirect span svg {
    width: 17px;
    height: 15px;
  }
}
.transfer-options {
  background: #f4f4f4;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: ". B ." ". D .";
  row-gap: 113px;
  overflow-x: hidden;
}
.transfer-options__top {
  position: relative;
  grid-area: B;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto;
  gap: 33px 0;
  justify-items: start;
  margin-top: 107px;
  padding-bottom: 34px;
  border-bottom: 1px solid #151515;
}
.transfer-options__top::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 345px;
  right: -345px;
  bottom: -1px;
  background: #151515;
}
.transfer-options__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 18px;
}
.transfer-options__title .title-2 {
  line-height: 51px;
}
.transfer-options__switchers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
.transfer-options__center {
  grid-area: D;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: "A B" "C C";
  row-gap: 72px;
  justify-items: start;
  position: relative;
  max-width: 1181px;
  margin-bottom: 101px;
}
.transfer-options__center::before {
  content: "";
  background: url(/include/2023/support-and-other-services/bitrix-transfer/./images/icons/arrow_up.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 22px;
  height: 23px;
  top: -65px;
  left: 0;
}
.transfer-options__subtitle {
  grid-area: A;
  max-width: 510px;
  display: none;
}
.transfer-options__subtitle.active {
  display: block;
}
.transfer-options__description {
  grid-area: B;
  max-width: 606px;
  font-weight: 400;
  font-size: 22px;
  font-weight: 400;
  line-height: 30.8px;
  display: none;
}
.transfer-options__description.active {
  display: block;
}
.transfer-options__markerlist {
  grid-area: C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-column-gap: 69px;
  column-gap: 69px;
  row-gap: 87px;
  display: none;
}
.transfer-options__markerlist.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.transfer-options__markerlist li {
  line-height: 30px;
  width: calc(1181px / 3 - 46px - 31px);
  position: relative;
  font-weight: 400;
  font-size: 20px;
  color: #151515;
  margin-left: 31px;
}
.transfer-options__markerlist li::before {
  content: "";
  width: 11px;
  height: 11px;
  background: #ff6414;
  position: absolute;
  left: -32px;
  top: 10px;
}
@media screen and (max-width: 1199px) {
  .transfer-options {
    padding: 15px;
  }
  .transfer-options__markerlist {
    width: 100%;
  }
  .transfer-options__markerlist li {
    width: calc(100% / 2 - 66px);
  }
}
@media screen and (max-width: 799px) {
  .transfer-options {
    grid-template-columns: auto 1fr auto;
    row-gap: 65px;
  }
  .transfer-options__top::after {
    display: none;
  }
  .transfer-options__title {
    gap: 9px;
  }
  .transfer-options__title .title-2 {
    line-height: 26px;
  }
  .transfer-options__switchers {
    display: grid;
    grid-template-columns: repeat(3, 180px);
    grid-auto-flow: column;
    max-width: calc(100% + 30px);
    width: calc(100% + 30px);
    margin: 0 -15px;
    padding: 0 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .transfer-options__switchers::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .transfer-options__switchers > div {
    height: 100%;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .transfer-options__switchers > div button {
    height: 100%;
    width: 100%;
  }
  .transfer-options__center {
    grid-template-areas: "A" "B" "C";
    row-gap: 30px;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
  .transfer-options__center::before {
    width: 11px;
    height: 11.5px;
    top: -32px;
  }
  .transfer-options__markerlist.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 11px;
  }
  .transfer-options__markerlist li {
    margin-left: 38px;
    width: calc(100% - 38px);
  }
}
.professionals {
  margin-top: clamp(50px, 12vw, 230px);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: ". B ." ". D .";
  row-gap: 82px;
  width: 100%;
}
.professionals-title {
  grid-area: B;
  max-width: 738px;
  line-height: 52px;
}
.professionals-title .title-2 {
  font-weight: 700;
}
.professionals-info {
  grid-area: D;
  margin-bottom: 99px;
  min-width: 1181px;
}
.professionals-item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  border-top: 1px solid #989494;
  margin-bottom: 75px;
  max-width: 1181px;
  width: 100%;
}
.professionals-item:not(:first-child) li:not(:last-child) {
  margin-bottom: 35px;
}
.professionals-item__title {
  max-width: 460px;
}
.professionals-item__title p {
  font-weight: 700;
  font-size: 24px;
  color: #151515;
  text-transform: uppercase;
  line-height: 36px;
}
.professionals-item__title label {
  font-weight: 400;
  font-size: 22px;
  color: #989494;
  margin-top: 24px;
  margin-bottom: 16px;
  display: block;
  line-height: 33px;
}
.professionals-item__list {
  margin-top: 69px;
  margin-left: 69px;
}
.professionals-item__list li {
  position: relative;
}
.professionals-item__list li::before {
  content: "•";
  font-weight: 400;
  font-size: 20px;
  color: #151515;
  position: absolute;
  top: 4px;
  left: -20px;
}
.professionals-item__list li p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: #151515;
  line-height: 30px;
  display: inline-block;
  max-width: 518px;
}
@media screen and (max-width: 1199px) {
  .professionals {
    grid-template-columns: auto 1fr auto;
    padding: 15px;
  }
  .professionals-info {
    min-width: auto;
    width: 100%;
  }
}
@media screen and (max-width: 799px) {
  .professionals {
    justify-items: start;
    row-gap: 41px;
  }
  .professionals-title {
    line-height: 30px;
  }
  .professionals-info {
    margin-bottom: 45px;
  }
  .professionals-item {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    margin-bottom: 35px;
  }
  .professionals-item__title {
    max-width: none;
  }
  .professionals-item__list {
    margin-left: 20px;
    margin-top: 20px;
  }
  .professionals-item__list li p {
    max-width: none;
  }
}
.transfer-stages {
  display: grid;
  grid-template-areas: ". A ." ". B .";
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto;
  justify-items: center;
  width: 100%;
  background: #f4f4f4;
}
.transfer-stages__title {
  grid-area: A;
  margin-top: 148px;
  position: relative;
}
.transfer-stages__title .title-1 {
  margin-right: 163px;
}
.transfer-stages__title .title-2 {
  text-align: end;
  margin-right: -15px;
  margin-top: 15px;
}
.transfer-stages__list {
  grid-area: B;
  margin-top: clamp(32px, 12vw, 138px);
  margin-bottom: 127px;
  z-index: 100;
  display: grid;
  grid-template-columns: 1fr;
  width: 1200px;
}
.transfer-stages__list-item {
  padding-bottom: 20px;
  border-bottom: 1px solid #989494;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative;
  display: block;
  width: 100%;
}
/*
.transfer-stages__list-item:nth-child(1):hover::after {
  content: url(/include/2023/support-and-other-services/bitrix-transfer/./images/transfer-stages/image1.jpg);
}
.transfer-stages__list-item:nth-child(2):hover::after {
  content: url(/include/2023/support-and-other-services/bitrix-transfer/./images/transfer-stages/image2.jpg);
}
.transfer-stages__list-item:nth-child(3):hover::after {
  content: url(/include/2023/support-and-other-services/bitrix-transfer/./images/transfer-stages/image3.jpg);
}
.transfer-stages__list-item:nth-child(4):hover::after {
  content: url(/include/2023/support-and-other-services/bitrix-transfer/./images/transfer-stages/image4.jpg);
}
.transfer-stages__list-item:nth-child(5):hover::after {
  content: url(/include/2023/support-and-other-services/bitrix-transfer/./images/transfer-stages/image5.jpg);
}
.transfer-stages__list-item:nth-child(6):hover::after {
  content: url(/include/2023/support-and-other-services/bitrix-transfer/./images/transfer-stages/image6.jpg);
}*/
.transfer-stages__list-item:hover {
  cursor: pointer;
}
.transfer-stages__list-item:hover::after {
  position: absolute;
  top: -73px;
  right: 45px;
  z-index: 9999;
  -webkit-animation: fadeInFromNone 1s ease-in-out;
  animation: fadeInFromNone 1s ease-in-out;
}
.transfer-stages__list-item__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.transfer-stages__list-item__title p {
  font-size: 24px;
  font-weight: 700;
  line-height: 31px;
  color: #151515;
  text-transform: uppercase;
  margin-top: 3px;
}
.transfer-stages__list-item__button {
  background: inherit;
}
.transfer-stages__list-item__button::before {
  content: "";
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-size: 20px 20px;
  background-image: url(/include/2023/support-and-other-services/bitrix-transfer/./images/icons/arrow_up.svg);
  background-repeat: no-repeat;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.transfer-stages__list-item__button.active::before {
  content: "";
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-size: 20px 20px;
  background-image: url(/include/2023/support-and-other-services/bitrix-transfer/./images/icons/arrow_up.svg);
  background-repeat: no-repeat;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-filter: brightness(0) saturate(100%) invert(79%) sepia(54%)
    saturate(6859%) hue-rotate(323deg) brightness(108%) contrast(100%);
  filter: brightness(0) saturate(100%) invert(79%) sepia(54%) saturate(6859%)
    hue-rotate(323deg) brightness(108%) contrast(100%);
}
.transfer-stages__list-item__list {
  margin-left: 31px;
  margin-top: 24px;
  display: none;
  opacity: 0;
  max-width: 852px;
}
.transfer-stages__list-item__list.active {
  display: block;
  opacity: 1;
  -webkit-animation: fadeInFromNone 1s ease-in-out;
  animation: fadeInFromNone 1s ease-in-out;
}
.transfer-stages__list-item__list li {
  list-style-type: circle;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #323232;
  margin-bottom: 7.5px;
}
.transfer-stages__list-item .component-button {
  margin-top: 50px;
  -webkit-animation: fadeInFromNone 1s ease-in-out;
  animation: fadeInFromNone 1s ease-in-out;
}
.transfer-stages__list-item:nth-last-child(n + 2) {
  margin-bottom: 55px;
}
@-webkit-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@media screen and (max-width: 1199px) {
  .transfer-stages {
    grid-template-columns: auto 1fr auto;
    padding: 15px;
    justify-items: start;
  }
  .transfer-stages__title {
    margin-top: 80px;
  }
  .transfer-stages__title .title-1 {
    margin-right: auto;
  }
  .transfer-stages__title .title-2 {
    margin-right: auto;
    text-align: start;
  }
  .transfer-stages__list {
    width: 100%;
    min-width: 100px;
    margin-left: 0;
    margin-bottom: 60px;
  }
  .transfer-stages__list-item:hover::after {
    display: none;
  }
}
.setting-suggestion {
  display: grid;
  grid-template-areas: ". A ." ". B .";
  grid-template-columns: 1 fr auto 1fr;
  grid-template-rows: auto auto;
}
.setting-suggestion-top {
  grid-area: A;
  margin-top: 146px;
}
.setting-suggestion-title {
  max-width: 767px;
  font-weight: 700;
  font-size: 42px;
  line-height: 53px;
}
.setting-suggestion-title span {
  color: #ff6414;
}
.setting-suggestion-subtitle {
  max-width: 667px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #323232;
  margin-top: 31px;
}
.setting-suggestion-center {
  grid-area: B;
  max-width: 1186px;
}
.setting-suggestion-switches {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px 17.76px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 50px;
}
.setting-suggestion-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 13px;
  column-gap: 13px;
  row-gap: 13px;
  margin-top: 62px;
  margin-bottom: 183px;
  display: none;
}
.setting-suggestion-content.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.setting-suggestion-content__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 13px;
}
.setting-suggestion-content__item {
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  width: 585px;
  padding: 46px 0 52px 44px;
}
.setting-suggestion-content__item p {
  font-weight: 700;
  font-size: 24px;
  color: #151515;
  text-transform: uppercase;
  max-width: 408px;
  line-height: 34px;
}
.setting-suggestion-content__item ul {
  margin-top: 31px;
  margin-left: 28px;
}
.setting-suggestion-content__item ul li {
  list-style: decimal;
  font-weight: 400;
  font-size: 20px;
  color: #323232;
  line-height: 28px;
}
.setting-suggestion-content__item ul li:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 1199px) {
  .setting-suggestion {
    padding: 15px;
  }
  .setting-suggestion-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-column-gap: 0;
    column-gap: 0;
    row-gap: 13px;
  }
  .setting-suggestion-content__column {
    row-gap: 13px;
  }
  .setting-suggestion-content__item {
    width: 100%;
    padding: 46px 44px 52px 44px;
  }
  .setting-suggestion-content__item p {
    max-width: none;
  }
}
@media screen and (max-width: 799px) {
  .setting-suggestion-top {
    margin-top: 80px;
  }
  .setting-suggestion-title {
    line-height: 30px;
  }
  .setting-suggestion-center {
    max-width: 100%;
    overflow: hidden;
  }
  .setting-suggestion-switches {
    display: grid;
    grid-template-columns: repeat(6, 150px);
    grid-auto-flow: column;
    max-width: calc(100% + 30px);
    width: calc(100% + 30px);
    margin: 50px -15px 0;
    padding: 0 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .setting-suggestion-switches::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .setting-suggestion-switches > div {
    height: 100%;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .setting-suggestion-switches > div button {
    height: 100%;
    width: 100%;
  }
  .setting-suggestion-content {
    row-gap: 59px;
  }
  .setting-suggestion-content__column {
    row-gap: 59px;
  }
  .setting-suggestion-content__item {
    width: 100%;
    padding: 0;
    border: none;
  }
  .setting-suggestion-content__item p {
    max-width: none;
  }
}
.results {
  width: 100%;
  background: #151515;
  color: #ffffff;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: ". B ." ". D .";
  row-gap: 80px;
  overflow-x: hidden;
}
.results-title {
  margin-top: 149px;
  grid-area: B;
  border-bottom: 1px solid rgba(255, 255, 255, 0.56);
  padding-bottom: 23px;
  position: relative;
}
.results-title::after {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.56);
  height: 1px;
  width: 357px;
  bottom: -1px;
  right: -357px;
}
.results-title .title-2 {
  margin-top: 10px;
}
.results-content {
  grid-area: D;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  -webkit-column-gap: 131px;
  column-gap: 131px;
  row-gap: 36px;
  width: 1200px;
  margin-bottom: 162px;
}
.results-item label {
  display: block;
  font-size: 22px;
  line-height: 30.8px;
  color: #b9b9b9;
  margin-bottom: 25px;
}
.results-item p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
}
.results-item:nth-child(-n + 3) label {
  font-weight: 600;
}
@media screen and (max-width: 1199px) {
  .results {
    padding: 15px;
  }
  .results-content {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }
}
@media screen and (max-width: 799px) {
  .results-title {
    margin-top: 74px;
  }
  .results-content {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    margin-bottom: 81px;
  }
}
body .action-plan {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: ". C ." ". D .";
  justify-items: start;
  background: none;
  min-height: auto !important;
}
.action-plan-title {
  grid-area: C;
  margin-top: 196px;
  margin-bottom: 90px;
}
.action-plan-title .title-1 {
  margin-bottom: 15px;
  margin-left: 82px;
}
.action-plan-title .title-2 {
  margin-left: 314px;
}
.action-plan-content {
  grid-area: D;
}
.action-plan-items {
  max-width: 1200px;
}
.action-plan-items__card {
  height: 398px;
}
.action-plan-items .owl-item .action-plan-items__card {
  background: #151515;
  border-radius: 4px;
  padding: 49px 0 51px 48px;
  width: 689px;
}
.action-plan-items .owl-item .action-plan-items__card-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #ffffff;
  max-width: 534px;
}
.action-plan-items .owl-item .action-plan-items__card-description {
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  color: #e1e1e1;
  margin-top: 29px;
  max-width: 612px;
}
.action-plan-items .owl-item:nth-child(odd) .action-plan-items__card {
  border: 1px solid #b9b9b9;
  background: inherit;
  padding: 48px 0 0 41px;
  width: 501px;
}
.action-plan-items .owl-item:nth-child(odd) .action-plan-items__card-title {
  color: #151515;
  max-width: 441px;
}
.action-plan-items
  .owl-item:nth-child(odd)
  .action-plan-items__card-description {
  color: #323232;
  max-width: 440px;
}
.action-plan-navigation {
  width: 100%;
  margin-top: 54px;
  text-align: end;
}
@media screen and (max-width: 1199px) {
  .action-plan {
    padding: 15px;
    grid-template-columns: auto 1fr auto;
  }
  .action-plan-content {
    overflow: hidden;
    width: 100%;
  }
  .action-plan-title .title-1,
  .action-plan-title .title-2 {
    margin-left: 0;
  }
  .action-plan-items {
    width: 100%;
  }
  .action-plan-items__card {
    height: auto;
  }
  .action-plan-items .owl-item .action-plan-items__card {
    padding: 48px 41px 48px 41px;
    width: 100%;
  }
  .action-plan-items .owl-item .action-plan-items__card-title {
    max-width: none;
  }
  .action-plan-items .owl-item .action-plan-items__card-description {
    max-width: none;
  }
  .action-plan-items .owl-item:nth-child(odd) .action-plan-items__card {
    padding: 48px 41px 48px 41px;
    width: 100%;
  }
  .action-plan-items .owl-item:nth-child(odd) .action-plan-items__card-title {
    max-width: none;
  }
  .action-plan-items
    .owl-item:nth-child(odd)
    .action-plan-items__card-description {
    max-width: none;
  }
}
@media screen and (max-width: 799px) {
  .action-plan-title {
    margin-top: 80px;
  }
  .action-plan-items .owl-item .action-plan-items__card {
    padding: 24px 20px 24px 20px;
  }
  .action-plan-items .owl-item:nth-child(odd) .action-plan-items__card {
    padding: 24px 20px 24px 20px;
  }
  .action-plan-navigation {
    display: none;
  }
}
.importantly {
  display: grid;
  grid-template-areas: ". A ." ". B .";
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto;
  width: 100%;
  row-gap: 53px;
}
.importantly-title {
  grid-area: A;
  margin-top: 101px;
  margin-left: 16px;
}
.importantly-description {
  grid-area: B;
  margin-left: 196px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.importantly-description p {
  font-weight: 400;
  font-size: 28px;
  text-transform: uppercase;
  color: #151515;
  max-width: 689px;
  line-height: 39px;
}
.importantly-description svg {
  width: 24px;
  min-width: 24px;
  margin-top: 7px;
}
.importantly-description svg:nth-child(1) {
  margin-right: 10px;
}
.importantly-description svg:nth-child(2) {
  margin-right: 28px;
}
@media screen and (max-width: 1199px) {
  .importantly {
    grid-template-columns: auto 1fr auto;
    padding: 15px;
  }
  .importantly-title {
    margin-left: 0;
  }
  .importantly-description {
    margin-left: 0;
  }
  .importantly-description p {
    max-width: none;
  }
}
@media screen and (max-width: 799px) {
  .importantly-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .importantly-description p {
    font-size: 20px;
    line-height: 30px;
  }
  .importantly-description svg {
    width: 12px;
    min-width: 12px;
  }
}
.example-sites {
  display: grid;
  grid-template-areas: ". A ." "B B B" ". C .";
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto auto;
  width: 100%;
  overflow-x: hidden;
}
.example-sites__title {
  grid-area: A;
  margin-top: 156px;
  width: 1178px;
}
.example-sites__title .switch-buttons {
  display: none;
}
.example-sites__title .title-2 {
  line-height: 130%;
}
.example-sites__content {
  grid-area: B;
  margin-top: 104px;
}
.example-sites__content .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.example-sites__content .owl-stage .owl-item.center .example-sites__item {
  -webkit-box-shadow: 0px 10px 25px rgba(196, 196, 196, 0.15);
  box-shadow: 0px 10px 25px rgba(196, 196, 196, 0.15);
}
.example-sites__content .owl-stage .owl-item.center .example-sites__item img {
  width: 100%;
  height: auto;
}
.example-sites__content
  .owl-stage
  .owl-item.center
  .example-sites__item
  .example-sites__item-before {
  display: block;
}
.example-sites__content
  .owl-stage
  .owl-item.center
  .example-sites__item
  .example-sites__item-after {
  display: block;
}
.example-sites__content
  .owl-stage
  .owl-item.center
  .example-sites__item
  .example-sites__item-original {
  display: none;
}
.example-sites__content .owl-stage .owl-item:not(.center) {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.example-sites__content .owl-stage .owl-item:not(.center) .example-sites__item {
  height: 337px !important;
}
.example-sites__content
  .owl-stage
  .owl-item:not(.center)
  .example-sites__item
  .twentytwenty-handle {
  display: none;
}
.example-sites__content
  .owl-stage
  .owl-item:not(.center)
  .example-sites__item
  .example-sites__item-before {
  display: none;
}
.example-sites__content
  .owl-stage
  .owl-item:not(.center)
  .example-sites__item
  .example-sites__item-after {
  display: none;
}
.example-sites__content
  .owl-stage
  .owl-item:not(.center)
  .example-sites__item
  .example-sites__item-original {
  display: block;
  height: 337px;
}
.example-sites__content-mobile {
  grid-area: B;
  display: none;
}
.example-sites__content-mobile.owl-carousel.owl-loaded {
  display: none;
}
.example-sites__item {
  position: relative;
  width: 956px;
  height: 531px;
  border-radius: 12px;
  margin-bottom: 25px;
}
.example-sites__item img {
  border-radius: 12px;
  -o-object-fit: cover;
  object-fit: cover;
}
.example-sites__item.item-left .example-sites__item-original {
  float: left;
}
.example-sites__item.item-right .example-sites__item-original {
  float: right;
}
.example-sites__bottom {
  grid-area: C;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  justify-items: center;
  margin-top: 12px;  
}
.example-sites__subdescription-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  color: #151515;
  max-width: 699px;
  margin-top: 19px;
  display: none;
}
.example-sites__subdescription-text.active {
  display: block;
}
.example-sites__subdescription-marker {
  color: #989494;
}
.example-sites__subdescription-marker span {
  color: #ff6414;
}
.example-sites__navigation {
  text-align: center;
}
.example-sites__navigation.mobile {
  display: none;
}
.example-sites__navigation-map p {
  font-size: 20px;
  font-weight: 400;
  line-height: 51px;
}
.example-sites__navigation-map p span {
  font-size: 42px;
  font-weight: 700;
  line-height: 46px;
}
@media screen and (max-width: 1199px) {
  .example-sites__title {
    width: 100%;
  }
  .example-sites__item {
    width: 750px;
    height: 400px;
  }
  .example-sites .owl-stage .owl-item.center .example-sites__item {
    width: 750px;
    height: 400px;
  }
}
@media screen and (max-width: 799px) {
  .example-sites {
    grid-template-columns: auto 1fr auto;
    max-width: 100%;
  }
  .example-sites__title {
    width: 100%;
    padding: 15px;
    margin-top: 80px;
  }
  .example-sites__title .title-2 {
    margin-top: 17px;
  }
  .example-sites__title .switch-buttons {
    margin-top: 60px;
    display: grid;
  }
  .example-sites__content {
    width: 100%;
    height: auto;
    margin-top: 32px;
    display: none !important;
  }
  .example-sites__content-mobile {
    display: block;
  }
  .example-sites__content-mobile.owl-carousel.owl-loaded {
    display: block;
  }
  .example-sites__content-mobile .owl-stage .owl-item .example-sites__item {
    width: 100% !important;
    height: auto !important;
  }
  .example-sites__content-mobile .owl-stage .owl-item .example-sites__item img {
    width: 100% !important;
    height: auto !important;
  }
  .example-sites__content-mobile
    .owl-stage
    .owl-item
    .example-sites__item
    .example-sites__item-before {
    display: none !important;
  }
  .example-sites__content-mobile
    .owl-stage
    .owl-item
    .example-sites__item
    .example-sites__item-after {
    display: none !important;
  }
  .example-sites__content-mobile
    .owl-stage
    .owl-item
    .example-sites__item
    .example-sites__item-after.active,
  .example-sites__content-mobile
    .owl-stage
    .owl-item
    .example-sites__item
    .example-sites__item-before.active {
    display: block !important;
    border-radius: 0;
  }
  .example-sites__content-mobile
    .owl-stage
    .owl-item
    .example-sites__item
    .example-sites__item-slider {
    display: none !important;
  }
  .example-sites__content-mobile
    .owl-stage
    .owl-item
    .example-sites__item
    .example-sites__item-original {
    display: none !important;
  }
  .example-sites__bottom {
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    row-gap: 40px;
    padding: 15px;
    margin-bottom: 80px;
  }
  .example-sites__subdescription-marker {
    display: none;
  }
  .example-sites__navigation {
    display: none;
  }
  .example-sites__navigation.mobile {
    display: grid;
    grid-template-columns: auto 1fr auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
  .example-sites__navigation.mobile div {
    margin: 0 !important;
  }
}

body .form-feedback-order-2023 .header_grey::before {
  background-color: #F4F4F4;
}


.b2bportal-form {
  margin-top: 182px;
  display: flex;
  min-height: 437px;
  background-color: #151515;
  background-image: url(/include/2023/websites_development/b2bportal/images/bg-form.png);
  color: #fff;
}
.b2bportal-form__title {
  margin: 0 auto;
  font-weight: 700;
  font-size: clamp(28px, 7vw, 42px);
  line-height: 135%;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
}
.b2bportal-form__title span {
  display: block;
  color: var(--second-color);
}
.b2bportal-form .b2bportal-form__wrapper {
  margin-top: auto;
  margin-bottom: auto;
}
.b2bportal-form__buttons {
  margin-top: 54px;
  display: flex;
  justify-content: center;
}
.b2bportal-form__consultation {
  margin-right: 20px;
  padding: 13px 31px;
  background: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 15px;
  text-transform: uppercase;
  color: #000000;
  transition: 0.4s;
  border: 1px solid #fff;
}
.b2bportal-form__consultation:hover,
.b2bportal-form__consultation:focus {
  border-radius: 73px;
}

.b2bportal-form__price {
  padding: 19px 30px;
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #000000;
  transition: 0.4s;
  border: 1px solid #fff;
  color: #fff;
}

.b2bportal-form__price:hover,
.b2bportal-form__price:focus {
  border-radius: 73px;
}
  
@media (max-width: 550px) {
  .b2bportal-form__title {
    max-width: 279px;
  }
  .b2bportal-video__title--small {
    max-width: 219px;
  }
  .b2bportal-form {
    background-image: none;
    padding-bottom: 70px;
    padding-top: 80px;
  }
  .b2bportal-form__buttons {
    flex-direction: column;
  }
  .b2bportal-form__consultation {
    padding-right: 0;
    width: 100%;
    margin-bottom: 10px;
    padding: 19px 32px;
  }
}
/* End */


/* Start:/include/2023/support-and-other-services/bitrix-transfer/twentytwenty/twentytwenty.min.css?16841518625606*/
.twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-horizontal .twentytwenty-handle:before,.twentytwenty-vertical .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before{content:" ";display:block;background:#fff;position:absolute;z-index:30;-webkit-box-shadow:0 0 12px rgba(51,51,51,.5);-moz-box-shadow:0 0 12px rgba(51,51,51,.5);box-shadow:0 0 12px rgba(51,51,51,.5)}
.twentytwenty-horizontal .twentytwenty-handle:after,.twentytwenty-horizontal .twentytwenty-handle:before{width:3px;height:9999px;left:50%;margin-left:-1.5px}
.twentytwenty-vertical .twentytwenty-handle:after,.twentytwenty-vertical .twentytwenty-handle:before{width:9999px;height:3px;top:50%;margin-top:-1.5px}
.twentytwenty-after-label,.twentytwenty-before-label,.twentytwenty-overlay{position:absolute;top:0;width:100%;height:100%}
.twentytwenty-after-label,.twentytwenty-before-label,.twentytwenty-overlay{-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s}
.twentytwenty-after-label,.twentytwenty-before-label{-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity}
.twentytwenty-after-label:before,.twentytwenty-before-label:before{color:#fff;font-size:13px;letter-spacing:.1em}
.twentytwenty-after-label:before,.twentytwenty-before-label:before{position:absolute;background:rgba(255,255,255,.2);line-height:38px;padding:0 20px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.twentytwenty-horizontal .twentytwenty-after-label:before,.twentytwenty-horizontal .twentytwenty-before-label:before{top:50%;margin-top:-19px}
.twentytwenty-vertical .twentytwenty-after-label:before,.twentytwenty-vertical .twentytwenty-before-label:before{left:50%;margin-left:-45px;text-align:center;width:90px}
.twentytwenty-down-arrow,.twentytwenty-left-arrow,.twentytwenty-right-arrow,.twentytwenty-up-arrow{width:0;height:0;border:6px inset transparent;position:absolute}
.twentytwenty-left-arrow,.twentytwenty-right-arrow{top:50%;margin-top:-6px}
.twentytwenty-down-arrow,.twentytwenty-up-arrow{left:50%;margin-left:-6px}
.twentytwenty-container{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;z-index:0;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.twentytwenty-container img{max-width:100%;position:absolute;top:0;display:block}
.twentytwenty-container.active .twentytwenty-overlay,.twentytwenty-container.active :hover.twentytwenty-overlay{background:rgba(0,0,0,0)}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label,.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label{opacity:0}
.twentytwenty-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.twentytwenty-before-label{opacity:0}
.twentytwenty-before-label:before{content:attr(data-content)}
.twentytwenty-after-label{opacity:0}
.twentytwenty-after-label:before{content:attr(data-content)}
.twentytwenty-horizontal .twentytwenty-before-label:before{left:10px}
.twentytwenty-horizontal .twentytwenty-after-label:before{right:10px}
.twentytwenty-vertical .twentytwenty-before-label:before{top:10px}
.twentytwenty-vertical .twentytwenty-after-label:before{bottom:10px}
.twentytwenty-overlay{-webkit-transition-property:background;-moz-transition-property:background;transition-property:background;background:rgba(0,0,0,0);z-index:25}
.twentytwenty-overlay:hover{background:rgba(0,0,0,.5)}
.twentytwenty-overlay:hover .twentytwenty-after-label{opacity:1}
.twentytwenty-overlay:hover .twentytwenty-before-label{opacity:1}
.twentytwenty-before{z-index:20}
.twentytwenty-after{z-index:10}
.twentytwenty-handle{height:38px;width:38px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top:-22px;border:3px solid #fff;-webkit-border-radius:1000px;-moz-border-radius:1000px;border-radius:1000px;-webkit-box-shadow:0 0 12px rgba(51,51,51,.5);-moz-box-shadow:0 0 12px rgba(51,51,51,.5);box-shadow:0 0 12px rgba(51,51,51,.5);z-index:40;cursor:pointer}
.twentytwenty-horizontal .twentytwenty-handle:before{bottom:50%;margin-bottom:22px;-webkit-box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5);-moz-box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5);box-shadow:0 3px 0 #fff,0 0 12px rgba(51,51,51,.5)}
.twentytwenty-horizontal .twentytwenty-handle:after{top:50%;margin-top:22px;-webkit-box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5);-moz-box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5);box-shadow:0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5)}
.twentytwenty-vertical .twentytwenty-handle:before{left:50%;margin-left:22px;-webkit-box-shadow:3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);-moz-box-shadow:3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);box-shadow:3px 0 0 #fff,0 0 12px rgba(51,51,51,.5)}
.twentytwenty-vertical .twentytwenty-handle:after{right:50%;margin-right:22px;-webkit-box-shadow:-3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);-moz-box-shadow:-3px 0 0 #fff,0 0 12px rgba(51,51,51,.5);box-shadow:-3px 0 0 #fff,0 0 12px rgba(51,51,51,.5)}
.twentytwenty-left-arrow{border-right:6px solid #fff;left:50%;margin-left:-17px}
.twentytwenty-right-arrow{border-left:6px solid #fff;right:50%;margin-right:-17px}
.twentytwenty-up-arrow{border-bottom:6px solid #fff;top:50%;margin-top:-17px}
.twentytwenty-down-arrow{border-top:6px solid #fff;bottom:50%;margin-bottom:-17px}
/* End */
/* /include/2023/support-and-other-services/bitrix-transfer/style.css?174791302048525 */
/* /include/2023/support-and-other-services/bitrix-transfer/twentytwenty/twentytwenty.min.css?16841518625606 */