/* Start:/local/templates/metib2023/components/metib/pages/private.deposit.online/style.css?176407570310983*/
.deposit-online__top {
  margin: 9px 0 0 0;
  padding: 58.5px 60px 101.5px 42px;
  min-height: 380px;
  position: relative;
  box-shadow: 0 4px 20px 0 rgba(1, 49, 113, 0.08);
  background: linear-gradient(180deg, #284254 8.17%, #283d4d 24.6%, #222d36 50.48%, #191b1f 77.74%, #151618 95.31%), radial-gradient(95.27% 142.63% at 42.46% 166.58%, rgba(150, 236, 255, 0.6) 0%, rgba(150, 196, 255, 0) 100%), radial-gradient(14.9% 12.46% at 79.65% 80.92%, rgba(82, 82, 82, 0.7) 0%, rgba(0, 38, 89, 0) 100%);
  border-radius: 20px;
}
.deposit-online__top:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("/local/templates/metib2023/components/metib/pages/private.deposit.online/images/top-pic.png") 100% 100% no-repeat;
  background-size: 36%;
}
@media all and (max-width: 767px) {
  .deposit-online__top:before {
    top: unset;
    bottom: 0;
    height: 250px;
    background-size: contain;
    background-position-x: 50%;
  }
}
.deposit-online__top .top-info {
  padding: 0 41% 0 0;
  height: 100%;
  color: #FFFFFF;
  position: relative;
}
.deposit-online__top .top-info__title {
  margin-top: 0;
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 42px;
  line-height: 110%;
}
@media all and (max-width: 767px) {
  .deposit-online__top .top-info__title {
    font-size: 28px;
    margin-bottom: 12px;
  }
}
.deposit-online__top .top-info__description {
  font-size: 24px;
  line-height: 130%;
}
@media all and (max-width: 767px) {
  .deposit-online__top .top-info__description {
    font-size: 16px;
  }
}
.deposit-online__top .top-info__button {
  margin: 32px 0 0 0;
}
@media all and (max-width: 767px) {
  .deposit-online__top .top-info__button a {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .deposit-online__top .top-info__button {
    margin-top: 20px;
  }
}
@media all and (max-width: 767px) {
  .deposit-online__top .top-info {
    padding-right: 0;
    padding-bottom: 220px;
  }
}
@media all and (max-width: 767px) {
  .deposit-online__top {
    padding: 24px;
    min-height: unset;
    background: linear-gradient(180deg, #284254 8.17%, #283d4d 24.6%, #222d36 50.48%, #191b1f 77.74%, #151618 95.31%), radial-gradient(95.27% 142.63% at 42.46% 166.58%, rgba(150, 236, 255, 0.6) 0%, rgba(150, 196, 255, 0) 100%), radial-gradient(14.9% 12.46% at 79.65% 80.92%, rgba(82, 82, 82, 0.7) 0%, rgba(0, 38, 89, 0) 100%);
  }
}
.deposit-online .deposit-online__instructions h2 {
  margin-top: 48px;
  margin-bottom: 32px;
  font-weight: 700;
  font-size: 38px;
  line-height: 116%;
  text-align: center;
  color: #000;
}
@media all and (max-width: 767px) {
  .deposit-online .deposit-online__instructions h2 {
    margin-top: 28px;
    margin-bottom: 20px;
    font-size: 25px;
  }
}
.deposit-online .deposit-online__instructions .instructions-list {
  display: flex;
  gap: 20px;
}
.deposit-online .deposit-online__instructions .instructions-list__item {
  flex: 0 0 calc((100% - 40px) / 3);
  padding: 20px 10px;
  position: relative;
  background: #FFFFFF;
  border-radius: 16px;
}
.deposit-online .deposit-online__instructions .instructions-list__item--number {
  margin: 0 auto;
  width: 72px;
  height: 72px;
  font-size: 32px;
  line-height: 72px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  border-radius: 16px;
  background: linear-gradient(315deg, #919BA9 0%, #C6CCD3 100%);
  box-shadow: 0 2px 12px 0 rgba(123, 131, 143, 0.2);
}
@media all and (max-width: 767px) {
  .deposit-online .deposit-online__instructions .instructions-list__item--number {
    margin: 0;
    flex: 0 0 56px;
    height: 56px;
    margin-right: 16px;
    line-height: 56px;
    font-size: 22px;
  }
}
.deposit-online .deposit-online__instructions .instructions-list__item--text .title {
  margin: 24px 0 0 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
}
.deposit-online .deposit-online__instructions .instructions-list__item--text .title a {
  font-weight: 500;
  color: #033f8e;
}
@media all and (max-width: 767px) {
  .deposit-online .deposit-online__instructions .instructions-list__item--text .title {
    margin-top: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
  }
}
@media all and (max-width: 767px) {
  .deposit-online .deposit-online__instructions .instructions-list__item:first-child {
    margin-top: 0;
  }
}
@media all and (max-width: 767px) {
  .deposit-online .deposit-online__instructions .instructions-list__item {
    display: flex;
    align-items: center;
    margin: 20px 0 0 0;
  }
}
@media all and (max-width: 767px) {
  .deposit-online .deposit-online__instructions .instructions-list {
    display: block;
  }
}
.deposit-online .deposit-online__apps {
  margin: 60px 0 0 0;
  padding: 60px;
  position: relative;
  background: linear-gradient(135deg, #FFBB7D 7.4%, #FA6969 92.65%), linear-gradient(94.15deg, #DCECFF 4.69%, #C1D8F4 91.67%);
  box-shadow: 0 4px 20px rgba(1, 49, 113, 0.08);
  border-radius: 20px;
}
.deposit-online .deposit-online__apps .apps-inner {
  padding: 0 47% 0 0;
}
.deposit-online .deposit-online__apps .apps-inner h2 {
  margin-top: 0;
}
@media all and (max-width: 767px) {
  .deposit-online .deposit-online__apps .apps-inner h2 {
    margin-bottom: 20px;
  }
}
.deposit-online .deposit-online__apps .apps-inner__text {
  margin: 24px 0 0 0;
  font-size: 20px;
  line-height: 1.3;
}
@media all and (max-width: 767px) {
  .deposit-online .deposit-online__apps .apps-inner__text {
    margin-top: 20px;
    font-size: 18px;
  }
}
.deposit-online .deposit-online__apps .apps-inner__buttons {
  display: flex;
  align-items: center;
  margin: 32px 0 0 0;
}
.deposit-online .deposit-online__apps .apps-inner__buttons a {
  display: block;
  margin: 0 24px 0 0;
  padding: 11px 13px;
  height: 52px;
  width: 132px;
  background: #FFFFFF;
  border-radius: 12px;
}
.deposit-online .deposit-online__apps .apps-inner__buttons a span {
  display: block;
  height: 100%;
  width: 100%;
}
.deposit-online .deposit-online__apps .apps-inner__buttons a.rustore span {
  background: url("/local/templates/metib2023/components/metib/pages/private.deposit.online/images/ru-store-no-border.svg") 50% 50% no-repeat;
  background-size: contain;
}
.deposit-online .deposit-online__apps .apps-inner__buttons a.site-app span {
  background: url("/local/templates/metib2023/components/metib/pages/private.deposit.online/images/index-site-app.svg") 50% 50% no-repeat;
  background-size: contain;
}
.deposit-online .deposit-online__apps .apps-inner__buttons a:last-child {
  margin-right: 0;
}
@media all and (max-width: 767px) {
  .deposit-online .deposit-online__apps .apps-inner__buttons {
    margin-top: 25px;
  }
}
@media all and (max-width: 767px) {
  .deposit-online .deposit-online__apps .apps-inner {
    padding-right: 20px;
    padding-bottom: 260px;
  }
}
.deposit-online .deposit-online__apps:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: 45%;
  bottom: 0;
  top: 0;
  background: url("/local/templates/metib2023/components/metib/pages/private.deposit.online/images/apps-pic-mobile.png") 85% 100% no-repeat;
  background-size: 57%;
}
@media all and (max-width: 767px) {
  .deposit-online .deposit-online__apps:before {
    left: 0;
    top: calc(100% - 260px);
    background: url("/local/templates/metib2023/components/metib/pages/private.deposit.online/images/apps-pic-mobile.png") 50% 100% no-repeat;
    background-size: contain;
  }
}
@media all and (max-width: 767px) {
  .deposit-online .deposit-online__apps {
    margin-top: 28px;
    padding: 20px;
  }
}
.deposit-online .deposit-online__form {
  margin: 24px 0 0 0;
  padding: 88px 60px 60px 60px;
  background: #FFFFFF;
  box-shadow: 0 4px 32px 0 rgba(1, 49, 113, 0.12);
  border-radius: 20px;
}
.deposit-online .deposit-online__form .form-container__submit {
  display: flex;
  align-items: center;
  justify-content: center;
}
.deposit-online .deposit-online__form .form-container__submit a {
  margin: 0 0 0 20px;
}
@media all and (max-width: 767px) {
  .deposit-online .deposit-online__form .form-container__submit a {
    margin-top: 20px;
    margin-left: 0;
  }
}
@media all and (max-width: 767px) {
  .deposit-online .deposit-online__form .form-container__submit {
    display: block;
  }
}
@media all and (max-width: 767px) {
  .deposit-online .deposit-online__form {
    margin-top: 20px;
    padding: 20px;
  }
}
.deposit-online .private-online__specials .index-special {
  margin-top: 24px;
}
.deposit-online .private-online__specials .index-special__head h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.deposit-online .private-online__specials .index-special__carousel .special-item__pic {
  height: 154px;
}
.deposit-online .private-online__specials .index-special__carousel .special-item__pic:before {
  background: linear-gradient(180deg, #284254 8.17%, #283d4d 24.6%, #222d36 50.48%, #191b1f 77.74%, #151618 95.31%), radial-gradient(95.27% 142.63% at 42.46% 166.58%, rgba(150, 236, 255, 0.6) 0%, rgba(150, 196, 255, 0) 100%);
}
.deposit-online .private-online__buttons .index-buttons {
  margin-top: 52px;
}
@media all and (max-width: 767px) {
  .deposit-online .private-online__buttons .index-buttons {
    margin-top: 28px;
  }
}
.deposit-online .private-online__buttons h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 31px;
  line-height: 129%;
  color: #000;
}
@media all and (max-width: 767px) {
  .deposit-online .private-online__buttons h2 {
    font-size: 25px;
  }
}
@media all and (max-width: 767px) {
  .deposit-online .private-online__buttons {
    margin-top: 28px;
  }
}
.deposit-online .private-online__insurance {
  margin: 28px 0 0 0;
  padding: 79px 288px 60px 60px;
  position: relative;
  border-radius: 20px;
  background: linear-gradient(135deg, #EBF3FF 4.69%, #C8DEFA 91.67%);
  box-shadow: 0 4px 20px 0px rgba(1, 49, 113, 0.08);
}
.deposit-online .private-online__insurance h2 {
  margin-top: 0;
  font-weight: 500;
}
.deposit-online .private-online__insurance h2:before {
  content: "";
  display: none;
  margin: 0 20px 0 0;
  flex: 0 0 80px;
  width: 80px;
  height: 80px;
  background: url("/local/templates/metib2023/components/metib/pages/private.deposit.online/images/insurance.png") 0 0 no-repeat;
  background-size: contain;
}
@media all and (max-width: 767px) {
  .deposit-online .private-online__insurance h2:before {
    display: block;
  }
}
@media all and (max-width: 767px) {
  .deposit-online .private-online__insurance h2 {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 28px;
  }
}
.deposit-online .private-online__insurance p {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 500;
  line-height: 155%;
}
@media all and (max-width: 767px) {
  .deposit-online .private-online__insurance p {
    font-size: 14px;
    line-height: 20px;
  }
}
.deposit-online .private-online__insurance:before {
  content: "";
  display: block;
  position: absolute;
  top: 60px;
  right: 60px;
  width: 148px;
  height: 148px;
  background: url("/local/templates/metib2023/components/metib/pages/private.deposit.online/images/insurance.png") 0 0 no-repeat;
  background-size: contain;
}
@media all and (max-width: 767px) {
  .deposit-online .private-online__insurance:before {
    display: none;
  }
}
@media all and (max-width: 767px) {
  .deposit-online .private-online__insurance {
    margin-top: 28px;
    padding: 24px;
  }
}

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/metib2023/components/bitrix/news.list/index-special/style.css?17314098744368*/
.index-special {
  margin: 60px 0 0 0;
}
.index-special__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index-special__head h2 {
  margin-bottom: 0;
}
.index-special__head--nav button.owl-prev, .index-special__head--nav button.owl-next {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: url("/local/templates/metib2023/components/bitrix/news.list/index-special/images/nav-arrow.svg") 50% 50% no-repeat, #ffffff;
  box-shadow: 0 4px 20px rgba(1, 49, 113, 0.08);
}
.index-special__head--nav button.owl-prev span, .index-special__head--nav button.owl-next span {
  display: none;
}
.index-special__head--nav button.owl-prev:hover, .index-special__head--nav button.owl-next:hover {
  cursor: pointer;
}
.index-special__head--nav button.owl-prev.disabled, .index-special__head--nav button.owl-next.disabled {
  opacity: 0.6;
}
.index-special__head--nav .owl-prev {
  margin: 0 16px 0 0;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
@media all and (max-width: 767px) {
  .index-special__head--nav {
    display: none;
  }
}
.index-special__carousel {
  margin: 24px 0 0 0;
}
.index-special__carousel.owl-carousel .owl-stage-outer .owl-stage {
  margin: -15px;
  padding: 15px;
}
@media all and (max-width: 767px) {
  .index-special__carousel.owl-carousel .owl-stage-outer {
    overflow: visible;
  }
}
.index-special__carousel .owl-stage-outer {
  margin: -20px;
  padding: 20px;
}
.index-special__carousel .owl-stage-outer .owl-stage {
  display: flex;
}
.index-special__carousel .owl-stage-outer .owl-item {
  opacity: 0;
}
.index-special__carousel .owl-stage-outer .owl-item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(1, 49, 113, 0.08);
  border-radius: 12px;
}
.index-special__carousel .owl-stage-outer .owl-item:hover .special-item__pic:before {
  top: -4px;
  right: -4px;
  left: -4px;
}
.index-special__carousel .owl-stage-outer .owl-item:hover:before {
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
}
.index-special__carousel .owl-stage-outer .owl-item.active {
  opacity: 1;
}
@media all and (max-width: 767px) {
  .index-special__carousel .owl-stage-outer .owl-item {
    opacity: 1;
  }
}
.index-special__carousel .special-item {
  display: block;
  position: relative;
  height: 100%;
}
.index-special__carousel .special-item span {
  display: block;
}
.index-special__carousel .special-item__percent {
  position: absolute;
  top: 4px;
  left: 24px;
  font-weight: 700;
  font-size: 18px;
  line-height: 133%;
  color: #ffffff;
}
.index-special__carousel .special-item__percent .big {
  display: inline-block;
  font-weight: 500;
  font-size: 36px;
  line-height: 122%;
}
@media all and (max-width: 767px) {
  .index-special__carousel .special-item__percent {
    left: 20px;
  }
}
.index-special__carousel .special-item__pic {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  height: 180px;
  position: relative;
}
.index-special__carousel .special-item__pic img {
  display: block;
  margin: 0 auto;
  height: 100%;
  width: auto;
  object-fit: contain;
  position: relative;
}
.index-special__carousel .special-item__pic:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(135deg, #53729b 8.46%, #191d23 90.85%), radial-gradient(37.64% 62.92% at 49.03% 47.08%, rgba(150, 213, 255, 0.7) 0%, rgba(41, 105, 190, 0) 100%);
  border-radius: 12px;
}
@media all and (max-width: 767px) {
  .index-special__carousel .special-item__pic {
    height: 160px;
  }
}
.index-special__carousel .special-item__text {
  padding: 24px;
  color: #000000;
}
.index-special__carousel .special-item__text--name {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.index-special__carousel .special-item__text--description {
  margin: 12px 0 0 0;
  font-size: 14px;
  line-height: 20px;
}
@media all and (max-width: 767px) {
  .index-special__carousel .special-item__text {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }
}
@media all and (max-width: 767px) {
  .index-special__carousel {
    margin-top: 20px;
  }
}
@media all and (max-width: 767px) {
  .index-special {
    margin-top: 28px;
    padding-right: 20px;
  }
}

/*# sourceMappingURL=style.css.map */

/* End */
/* /local/templates/metib2023/components/metib/pages/private.deposit.online/style.css?176407570310983 */
/* /local/templates/metib2023/components/bitrix/news.list/index-special/style.css?17314098744368 */