@charset "UTF-8";
.b-text-styles ul, .b-list, .b-footer .__menu, .b-nav .__nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.b-checkbox .__ico:after, .b-form-item-wrap input, .b-form-item-wrap textarea, .b-btn.--tg .--rect, .b-btn, .b-serv-tabs .__controls .__btn, .b-arshin-select, .b-arshin-form .__form .__body .__input, .b-search-results .__item, .b-search-modal, .b-search-field .__input, .b-links-wrap .__col:after, .b-links-wrap .__col .__inner, .b-cities-list .__item, .b-section-block, .b-closed__item .__ico, .b-breadcrumbs ul li a:hover, .b-breadcrumbs ul li a, .b-popup-wrap, .b-arrow .--prev, .b-arrow .--next, .b-list a, .b-list span {
  transition: all 0.3s ease-out;
}

.b-preim {
  display: grid;
  grid-gap: 32px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
}

body {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #191A1D;
}

.cols-2 {
  display: grid;
  grid-gap: 32px;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
}
@media (max-width: 991px) {
  .cols-2 {
    grid-gap: 24px;
  }
}
@media (max-width: 575px) {
  .cols-2 {
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }
}
@media (max-width: 991px) {
  .cols-2.--lg {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .cols-2.--md {
    grid-template-columns: 1fr;
  }
}

.cols-3 {
  display: grid;
  grid-gap: 32px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
}
@media (max-width: 991px) {
  .cols-3 {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
  }
}
@media (max-width: 575px) {
  .cols-3 {
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }
}

.cols-4 {
  display: grid;
  grid-gap: 32px;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
}
@media (max-width: 991px) {
  .cols-4 {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
  }
}
@media (max-width: 575px) {
  .cols-4 {
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }
}
.cols-4.--catalog {
  grid-gap: 8px;
}
@media (max-width: 991px) {
  .cols-4.--catalog {
    display: none;
  }
}

.b-header {
  padding: 14px 0;
  border-bottom: 1px solid #DFE3EA;
  background: #FFFFFF;
}
.b-header .__grid {
  display: grid;
  gap: 24px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  position: relative;
}
@media (max-width: 1439px) {
  .b-header .__grid {
    gap: 24px;
  }
}
@media (max-width: 1300px) {
  .b-header .__grid {
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .b-header .__grid {
    gap: 16px;
  }
}
.b-header .__grid.--static {
  grid-template-columns: 1fr auto auto auto;
}
@media (max-width: 575px) {
  .b-header .__grid.--static {
    grid-template-columns: 1fr auto auto;
  }
}
.b-header .__addr {
  position: relative;
  text-align: right;
  padding: 0 24px 0 0;
  background: url(/images/metro/arrow_btm.svg) right center no-repeat;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
}
@media (max-width: 991px) {
  .b-header .__addr {
    padding: 0 24px 0 0;
    font-size: 14px;
  }
}
.b-header .__addr img {
  margin: 0 8px 0 0;
}
@media (max-width: 991px) {
  .b-header .__addr img {
    max-width: 20px;
    margin: 0 4px 0 0;
  }
}
@media (max-width: 767px) {
  .b-header .b-contacts {
    display: none;
  }
}
.b-header .__burger {
  display: none;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  background: #CDEA80;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .b-header .__burger {
    display: flex;
  }
  .b-header .__burger img {
    width: 22px;
    height: 22px;
  }
}
@media (max-width: 1199px) {
  .b-header.--sticky .__grid {
    grid-template-columns: 1fr auto auto;
  }
}
@media (max-width: 767px) {
  .b-header.--sticky .__grid {
    grid-template-columns: 1fr auto;
  }
}
.b-header.--sticky .b-logo {
  gap: 0;
}
.b-header.--sticky .b-logo .__txt {
  display: none;
}
.b-header.--sticky .b-nav {
  border: none;
}
@media (max-width: 1199px) {
  .b-header.--sticky .b-nav {
    display: none;
  }
}
.b-header.--sticky .b-nav .__nav {
  display: flex;
  justify-content: center;
}
.b-header.--sticky .b-nav .__nav li {
  margin: 0;
}
@media (max-width: 1199px) {
  .b-header.--sticky .__burger {
    display: flex;
  }
}
.b-header.--blue {
  background: #1A315B;
  border-bottom: none;
}
.b-header.--blue .__grid {
  grid-template-columns: 1fr;
}
.b-header.--blue .__grid.--static {
  grid-template-columns: 1fr auto;
}
.b-header.--blue .b-logo {
  gap: 24px;
}
.b-header.--blue .b-logo .__txt {
  color: #FFFFFF;
}
.b-header.--blue .b-btn, .b-header.--blue .b-nav, .b-header.--blue .__addr, .b-header.--blue .b-contacts {
  display: none;
}
@media (max-width: 1199px) {
  .b-header.--blue .__burger {
    display: none;
  }
}
.b-header.--blue .b-header-phone {
  color: #ffffff;
}

.b-logo {
  display: grid;
  gap: 24px;
  grid-template-columns: auto auto 1fr;
  align-items: center;
}
@media (max-width: 1199px) {
  .b-logo {
    grid-template-columns: auto 1fr;
  }
}
@media (max-width: 767px) {
  .b-logo {
    grid-template-columns: 1fr auto;
  }
}
@media (max-width: 991px) {
  .b-logo img {
    max-width: 120px;
  }
}
.b-logo .__txt {
  color: #1A315B;
  font-size: 14px;
}
@media (max-width: 1300px) {
  .b-logo .__txt {
    display: none;
  }
}

.b-nav {
  background: #FFFFFF;
  border-bottom: 1px solid #ECEEF2;
}
@media (max-width: 767px) {
  .b-nav {
    display: none;
  }
}
.b-nav .__nav li {
  display: inline-block;
  margin: 0 32px 0 0;
}
@media (max-width: 991px) {
  .b-nav .__nav li {
    margin: 0 8px 0 0;
  }
}
.b-nav .__nav li:last-child {
  margin: 0;
}
.b-nav .__nav .__link {
  position: relative;
  display: block;
  padding: 33px 24px 22px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .b-nav .__nav .__link {
    padding: 24px;
    font-size: 14px;
  }
}
.b-nav .__nav .__link:before {
  content: "";
  width: 4px;
  height: 4px;
  background: #1A315B;
  border-radius: 10px;
  position: absolute;
  left: 16px;
  top: 29px;
  transition: all 0.3s ease-out;
}
@media (max-width: 991px) {
  .b-nav .__nav .__link:before {
    left: 19px;
    top: 21px;
  }
}
.b-nav .__nav .__link:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 13px;
  width: 36px;
  height: 36px;
  background: url(/images/metro/intgr-menu.svg) no-repeat;
  opacity: 0;
  transition: all 0.3s ease-out;
}
@media (max-width: 991px) {
  .b-nav .__nav .__link:after {
    background-size: contain;
    width: 26px;
    height: 26px;
    left: 8px;
    top: 10px;
  }
}
.b-nav .__nav .__link:hover:before {
  width: 8px;
  height: 8px;
  left: 14px;
  top: 27px;
}
@media (max-width: 991px) {
  .b-nav .__nav .__link:hover:before {
    width: 6px;
    height: 6px;
    left: 18px;
    top: 20px;
  }
}
.b-nav .__nav .__link.--active:before {
  width: 8px;
  height: 8px;
  left: 14px;
  top: 27px;
}
@media (max-width: 991px) {
  .b-nav .__nav .__link.--active:before {
    width: 6px;
    height: 6px;
    left: 18px;
    top: 20px;
  }
}
.b-nav .__nav .__link.--active:after {
  opacity: 1;
}
.b-nav .__nav .__link:hover:after {
  opacity: 1;
}

.b-footer {
  background: url(/images/metro/bg-footer.svg) right bottom no-repeat #1A315B;
  background-size: contain;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 48px 0 40px;
}
@media (max-width: 991px) {
  .b-footer {
    padding: 32px 0;
  }
}
.b-footer .__grid {
  display: grid;
  gap: 24px;
  grid-template-columns: 33% 0.5fr 1fr;
  margin-bottom: 48px;
}
@media (max-width: 991px) {
  .b-footer .__grid {
    margin-bottom: 32px;
    grid-template-columns: auto auto 1fr;
  }
}
@media (max-width: 767px) {
  .b-footer .__grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 575px) {
  .b-footer .__grid {
    grid-gap: 20px;
    margin-bottom: 20px;
    grid-template-columns: 1fr;
  }
  .b-footer .__grid > div:nth-child(1) {
    order: 3;
  }
  .b-footer .__grid > div:nth-child(2) {
    order: 1;
  }
  .b-footer .__grid > div:nth-child(3) {
    order: 2;
  }
  .b-footer .__grid > div:nth-child(4) {
    order: 4;
  }
}
.b-footer .__grid .__servisec_row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 575px) {
  .b-footer .__grid .__servisec_row {
    grid-template-columns: 1fr;
  }
}
.b-footer .__grid .__servisec_row li {
  margin-bottom: 12px;
}
.b-footer .__grid .__servisec_row li b {
  font-size: 16px;
}
.b-footer a {
  color: #fff;
  transition: all 0.3s ease-out;
}
.b-footer a:hover {
  color: #ECECF4;
}
.b-footer .__phone {
  font-weight: 600;
  font-size: 22px;
  display: inline-block;
  margin: 0 0 16px;
}
@media (max-width: 767px) {
  .b-footer .__phone {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .b-footer .__phone {
    margin: 0 0 12px;
  }
}
.b-footer .__mail {
  font-size: 14px;
  display: inline-block;
  margin: 0 0 16px;
  color: #CDEA80;
}
@media (max-width: 575px) {
  .b-footer .__mail {
    margin: 0 0 12px;
  }
}
.b-footer .__title {
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 24px;
  font-size: 16px;
}
@media (max-width: 991px) {
  .b-footer .__title {
    margin: 0 0 16px;
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .b-footer .__title {
    display: none;
  }
}
.b-footer .__menu li {
  margin: 0 0 24px;
}
@media (max-width: 991px) {
  .b-footer .__menu li {
    margin: 0 0 16px;
  }
}
@media (max-width: 575px) {
  .b-footer .__menu li {
    margin: 0 0 12px;
  }
}
.b-footer .__menu li:last-child {
  margin: 0;
}
.b-footer .__menu a {
  font-size: 14px;
}

.b-soc .__link {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.26);
  vertical-align: top;
  transition: all 0.3s ease-out;
  margin: 0 16px 0 0;
}
@media (max-width: 991px) {
  .b-soc .__link {
    margin: 0 6px 0 0;
    width: 32px;
    height: 32px;
  }
}
.b-soc .__link:last-child {
  margin: 0;
}
.b-soc .__link:hover {
  background: #2C65CE;
}
.b-soc svg {
  fill: #fff;
}

.b-areas {
  background: url(/images/metro/intgr-rght.svg) right bottom no-repeat;
  padding: 48px 0;
}
@media (max-width: 991px) {
  .b-areas {
    padding: 32px 0;
  }
}
.b-areas .h1 {
  margin-bottom: 56px;
}
@media (max-width: 991px) {
  .b-areas .h1 {
    margin-bottom: 24px;
  }
}
.b-areas .__grid {
  display: grid;
  grid-column-gap: 32px;
  grid-row-gap: 56px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .b-areas .__grid {
    grid-column-gap: 24px;
    grid-row-gap: 32px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .b-areas .__grid {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }
}
.b-areas .__grid img {
  display: block;
  margin: 0 0 16px;
}
.b-areas .__grid a {
  display: block;
  border-bottom: 1px solid #ECEEF2;
  padding: 0 0 40px;
  color: #191A1D;
}
@media (max-width: 992px) {
  .b-areas .__grid a {
    padding: 0 0 24px;
  }
}
@media (max-width: 575px) {
  .b-areas .__grid a {
    padding: 0 0 16px;
  }
}
@media (max-width: 992px) {
  .b-areas .__grid {
    font-size: 14px;
  }
}

.b-specblock {
  color: #1A315B;
  background: url(/images/metro/bg-specblock.svg) right bottom no-repeat #ECEEF2;
  padding: 32px 48px 64px 24px;
}

.b-preim {
  color: #1A315B;
  padding: 48px 0 96px;
}
@media (max-width: 991px) {
  .b-preim {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 24px;
    padding: 32px 0 32px;
  }
}
@media (max-width: 575px) {
  .b-preim {
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }
}
.b-preim .__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 16px;
}
.b-preim > div {
  padding: 57px 0 0 56px;
  background: url(/images/metro/ico-preim.svg) left top no-repeat;
}

.b-title {
  margin: 0 0 32px;
}
.b-title.--btn {
  display: flex;
  gap: 32px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.b-title.--btn .b-btn {
  width: fit-content;
}
@media (max-width: 575px) {
  .b-title.--btn {
    gap: 16px;
    margin: 0 0 24px;
  }
}

.b-news-item {
  background: #FFFFFF;
  position: relative;
  transition: all 0.3s ease-out;
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
}
.b-news-item .__pic {
  height: 276px;
  object-fit: cover;
  width: 100%;
}
@media (max-width: 1199px) {
  .b-news-item .__pic {
    height: 240px;
  }
}
.b-news-item .__descr {
  padding: 24px 24px 32px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .b-news-item .__descr {
    padding: 16px;
  }
}
.b-news-item .__date {
  color: #8B929E;
  display: block;
}
.b-news-item .__name {
  font-weight: 600;
  font-size: 22px;
  color: #1A315B;
  display: block;
  margin: 8px 0;
}
.b-news-item .__more {
  font-size: 14px;
  color: #1A315B;
  display: block;
  margin-top: auto;
}
.b-news-item .__more img {
  opacity: 0;
  display: inline-block;
  vertical-align: top;
}
.b-news-item:hover .__name {
  color: #2C65CE;
}
.b-news-item:hover .__more img {
  opacity: 1;
}
.b-news-item.--detail {
  margin-bottom: 72px;
}
@media (max-width: 991px) {
  .b-news-item.--detail {
    margin-bottom: 32px;
  }
}
.b-news-item.--detail .__pic {
  height: auto;
  object-fit: contain;
  width: 100%;
  display: block;
  max-width: 688px;
  margin-bottom: 16px;
}
.b-news-item.--detail .__name {
  margin: 8px 0 16px;
  font-size: 36px;
}
@media (max-width: 991px) {
  .b-news-item.--detail .__name {
    font-size: 28px;
  }
}
.b-news-item.--detail:hover .__name {
  color: #1A315B;
}
.b-news-item.--side .__pic {
  display: block;
  height: 200px;
  margin-bottom: 24px;
}
.b-news-item.--side p {
  margin-bottom: 0;
}

.b-map {
  margin: -56px 0 0;
  max-width: 100%;
  height: auto;
}
@media (max-width: 991px) {
  .b-map {
    margin: -24px 0 0;
  }
}

.b-ndx-about {
  display: grid;
  grid-template-columns: 67% 1fr;
  gap: 32px;
  padding: 48px 0;
}
@media (max-width: 991px) {
  .b-ndx-about {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    padding: 32px 0;
  }
}
@media (max-width: 767px) {
  .b-ndx-about {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.b-request-form {
  padding: 64px 0 40px;
  background: url(/images/metro/ndx/form.png) center top no-repeat #1A315B;
  max-height: 720px;
  color: #fff;
}
@media (max-width: 1439px) {
  .b-request-form {
    background-image: linear-gradient(to bottom, rgba(26, 49, 91, 0.6), rgba(26, 49, 91, 0.6)), url(/images/metro/ndx/form.png);
    background-position-x: 30%;
  }
}
@media (max-width: 991px) {
  .b-request-form {
    padding: 32px 0;
  }
}
.b-request-form .__form {
  display: grid;
  grid-gap: 32px;
  grid-template-columns: auto 568px;
  align-items: center;
}
@media (max-width: 991px) {
  .b-request-form .__form {
    grid-template-columns: 1fr;
    grid-gap: 0;
    max-width: 568px;
    width: 100%;
    margin: 0 auto;
  }
}
.b-request-form .__form .h3 {
  width: 80%;
}
@media (max-width: 991px) {
  .b-request-form .__form .h3 {
    width: auto;
  }
}

.b-dot-list {
  padding: 0;
  list-style: none;
}
.b-dot-list li {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  padding-left: 16px;
  position: relative;
}
.b-dot-list li:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  left: 4px;
  top: 8px;
  background: #191A1D;
  border-radius: 50%;
}
.b-dot-list.--green-dot {
  font-size: 16px;
}
.b-dot-list.--green-dot li {
  padding-left: 24px;
}
.b-dot-list.--green-dot li:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  left: 8px;
  top: 7px;
  background: #CDEA80;
  border-radius: 50%;
}

.b-properties-list {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  margin-bottom: 12px;
}
.b-properties-list li {
  position: relative;
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  border-bottom: 2px dotted #C2C2C2;
  margin-bottom: 8px;
}
.b-properties-list li span {
  position: relative;
  background: #eceef2;
}
.b-properties-list li span.__name-prop {
  position: relative;
  background: #eceef2;
  margin-bottom: -5px;
  font-size: 13px;
  line-height: 140%;
  color: #1a315b;
  bottom: -5px;
}
.b-properties-list li span.__value {
  bottom: -5px;
  text-align: right;
  font-size: 13px;
  line-height: 140%;
  color: #000000;
}
.b-properties-list.--card li span {
  background: #ffffff;
}
.b-properties-list.--card li span.__name-prop {
  background: #ffffff;
  font-size: 15px;
}
.b-properties-list.--card li span.__value {
  font-size: 15px;
}

.b-lables {
  position: absolute;
  left: 16px;
  top: 16px;
  z-index: 10;
}
.b-lables .__label {
  font-size: 13px;
  background: #CDEA80;
  padding: 5px 8px;
  border-radius: 6px;
  margin-bottom: 4px;
  display: inline-block;
}
.b-lables .__label:hover {
  color: #1A315B;
}

.b-services-item {
  padding: 24px;
  background: #ECEEF2;
  position: relative;
  color: #1A315B;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.b-services-item .__pic {
  height: 182px;
  max-width: 100%;
  position: relative;
  object-fit: contain;
  margin: 0 auto 24px auto;
  z-index: 1;
}
@media (max-width: 991px) {
  .b-services-item .__pic {
    margin: 0 auto 16px auto;
  }
}
.b-services-item .__name {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.b-services-item .b-dot-list {
  margin-bottom: 16px;
}
.b-services-item .b-dot-list li:after {
  background: #1A315B;
}
.b-services-item .__discount {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 12px;
  padding-left: 16px;
  position: relative;
}
.b-services-item .__discount:after {
  position: absolute;
  left: 4px;
  top: 6px;
  content: "";
  background: #CDEA80;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.b-services-item .__price {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px 8px;
  margin-top: auto;
  width: 100%;
}
.b-services-item .__price span {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}
.b-services-item .__price .--old-price {
  text-decoration: line-through;
  color: #858687;
}
.b-services-item.--catalog {
  padding: 24px 24px 32px;
}
.b-services-item.--catalog .__name {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .b-services-item.--catalog .__name {
    margin-bottom: 16px;
  }
}
.b-services-item.--catalog .__sticker {
  padding: 4px 16px;
  color: #FF00A8;
  right: auto;
}
.b-services-item.--catalog .__sticker.--alt {
  color: #2C65CE;
}
@media (max-width: 991px) {
  .b-services-item.--catalog .__sticker {
    padding: 4px 8px;
  }
}
.b-services-item.--catalog .__brand {
  padding: 4px 0;
  position: absolute;
  top: 16px;
  right: 16px;
  color: #1A315B;
  text-decoration: underline;
  width: fit-content;
  font-weight: 500;
  font-size: 14px;
  z-index: 2;
}

.b-border-block {
  border: 2px solid #1A315B;
}
.b-border-block .__title {
  background: #FFFFFF;
  margin: -2px -2px -8px -2px;
  padding: 10px 2px 8px 2px;
  width: fit-content;
}
.b-border-block .__content {
  padding: 40px 120px 64px;
  background: url("/images/metro/indiv/decor-bg.svg") no-repeat right bottom;
}
@media (max-width: 991px) {
  .b-border-block .__content {
    padding: 32px 16px 32px;
  }
}
.b-border-block .__content p {
  margin-bottom: 32px;
  line-height: 1.5;
}

.b-list li {
  margin-bottom: 16px;
}
.b-list li:last-child {
  margin-bottom: 0;
}
.b-list a, .b-list span {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #1A315B;
}
.b-list a:hover, .b-list span:hover {
  color: #2C65CE;
}
@media (max-width: 575px) {
  .b-list a, .b-list span {
    font-size: 14px;
  }
}
.b-list span:hover {
  color: #1A315B;
}

.b-cities-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 32px;
}
@media (max-width: 991px) {
  .b-cities-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
  }
  .b-cities-grid .b-list:nth-child(2) {
    order: 3;
  }
  .b-cities-grid .b-list:nth-child(3) {
    order: 2;
  }
  .b-cities-grid .b-list:last-child {
    order: 4;
  }
}

.b-how-we-work {
  position: relative;
  background: url("/images/metro/indiv/hww-bg.png") no-repeat center;
  background-size: cover;
}
@media (max-width: 991px) {
  .b-how-we-work {
    background-position-x: 70%;
  }
}
.b-how-we-work:after {
  position: absolute;
  z-index: 1;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  background: rgba(26, 49, 91, 0.88);
}
@media (max-width: 991px) {
  .b-how-we-work:after {
    width: 100%;
  }
}
.b-how-we-work .__left {
  padding: 72px 48px 72px 0;
  position: relative;
  z-index: 2;
  width: 50%;
}
@media (max-width: 991px) {
  .b-how-we-work .__left {
    width: 100%;
    padding: 32px 0;
  }
}
.b-how-we-work .__list {
  padding: 0;
  margin-bottom: 32px;
  list-style: none;
}
.b-how-we-work .__list li {
  color: #FFFFFF;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 24px;
  position: relative;
  padding-left: 16px;
}
@media (max-width: 991px) {
  .b-how-we-work .__list li {
    margin-bottom: 16px;
  }
}
.b-how-we-work .__list li:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  left: 4px;
  top: 9px;
  background: #FFFFFF;
  border-radius: 50%;
}

.b-arrow {
  display: flex;
  justify-content: center;
  gap: 8px;
  pointer-events: none;
}
.b-arrow .--prev, .b-arrow .--next {
  height: 64px;
  width: 64px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ECEEF2;
  pointer-events: auto;
}
@media (max-width: 1199px) {
  .b-arrow .--prev, .b-arrow .--next {
    height: 40px;
    width: 40px;
  }
}
.b-arrow .--prev:hover, .b-arrow .--next:hover {
  background: #CBD1DC;
}
.b-arrow .--prev {
  rotate: 180deg;
}

.b-docs-swiper {
  margin-bottom: 32px;
}
.b-docs-swiper .b-border-block {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .b-docs-swiper .b-border-block {
    margin-bottom: 16px;
  }
}
.b-docs-swiper .__content {
  background: transparent;
}
.b-docs-swiper .__item {
  display: grid;
  grid-template-columns: 1fr 688px;
  grid-gap: 32px;
}
@media (max-width: 1439px) {
  .b-docs-swiper .__item {
    grid-template-columns: 1fr 1.5fr;
  }
}
@media (max-width: 991px) {
  .b-docs-swiper .__item {
    grid-gap: 24px;
  }
}
@media (max-width: 767px) {
  .b-docs-swiper .__item {
    grid-template-columns: 1fr;
  }
}
.b-docs-swiper .__item .__name {
  color: #1A315B;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .b-docs-swiper .__item .__name {
    font-size: 18px;
  }
}
.b-docs-swiper .__item p {
  color: #1A315B;
  margin-bottom: 16px;
}
.b-docs-swiper .__item .b-btn {
  width: fit-content;
}
.b-docs-swiper .__item .__left {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .b-docs-swiper .__item .__left {
    order: 2;
  }
}
.b-docs-swiper .__item .__left .b-btn {
  margin-top: auto;
}
.b-docs-swiper .__item .__link {
  margin: 0 auto;
}
.b-docs-swiper .__item img {
  border: 1px solid #ECEEF2;
  max-height: 500px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .b-docs-swiper .__item img {
    order: 1;
    max-width: 350px;
    width: 100%;
  }
}

.b-why {
  background: url(/images/metro/indiv/decor-bg-3.svg) right top no-repeat #1A315B;
  padding: 80px 0;
}
@media (max-width: 991px) {
  .b-why {
    padding: 32px 0;
  }
}
.b-why .__item .__num {
  color: #CDEA80;
  font-weight: 600;
  font-size: 120px;
  line-height: 1.2;
}
@media (max-width: 991px) {
  .b-why .__item .__num {
    font-size: 90px;
  }
}
.b-why .__item .__name {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .b-why .__item .__name {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
.b-why .__item .__descr {
  line-height: 1.5;
  color: #FFFFFF;
}

.b-process-swiper {
  position: relative;
}
.b-process-swiper .swiper-slide {
  width: auto;
}
@media (max-width: 991px) {
  .b-process-swiper .swiper-slide img {
    width: 100%;
    max-width: 80vw;
    height: auto;
  }
}
.b-process-swiper .swiper {
  overflow: visible;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .b-process-swiper .swiper {
    margin-bottom: 16px;
  }
}
.b-process-swiper .b-arrow {
  justify-content: flex-start;
}

.b-news-swiper {
  position: relative;
}
.b-news-swiper .swiper-slide {
  height: auto;
}
.b-news-swiper .swiper {
  overflow: visible;
}
@media (max-width: 991px) {
  .b-news-swiper .swiper {
    margin-bottom: 16px;
  }
}
.b-news-swiper .b-arrow {
  display: none;
}
@media (max-width: 991px) {
  .b-news-swiper .b-arrow {
    display: flex;
  }
}
.b-news-swiper .b-arrow .--prev, .b-news-swiper .b-arrow .--next {
  background: #FFFFFF;
}
.b-news-swiper .b-arrow .--prev:hover, .b-news-swiper .b-arrow .--next:hover {
  background: #CBD1DC;
}

.b-popup-wrap {
  background: #FFFFFF;
  padding: 40px 48px 48px;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
}
@media (max-width: 991px) {
  .b-popup-wrap {
    padding: 24px;
  }
}
.b-popup-wrap .__title {
  padding-right: 40px;
  margin-bottom: 32px;
  font-weight: 600;
  font-size: 22px;
  line-height: 40px;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .b-popup-wrap .__title {
    line-height: 1.2;
    padding-right: 24px;
  }
}
.b-popup-wrap .__close {
  position: absolute;
  top: 40px;
  right: 48px;
}
@media (max-width: 991px) {
  .b-popup-wrap .__close {
    top: 8px;
    right: 8px;
  }
}
.b-popup-wrap .__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 32px;
}
@media (max-width: 575px) {
  .b-popup-wrap .__list {
    grid-template-columns: 1fr;
  }
}
.b-popup-wrap .__list .b-list li {
  padding-left: 32px;
  position: relative;
  margin-bottom: 32px;
}
.b-popup-wrap .__list .b-list li a {
  text-decoration: none;
}
.b-popup-wrap .__list .b-list li a.--active {
  color: #2C65CE;
}
.b-popup-wrap .__list .b-list li:after {
  content: "";
  background: url("/images/metro/ico/check.svg") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.b-popup-wrap .__list .b-list li:last-child {
  margin-bottom: 0;
}
.b-popup-wrap.--show {
  opacity: 1;
  pointer-events: auto;
}

.b-breadcrumbs {
  overflow: hidden;
  padding: 0 !important;
}
.b-breadcrumbs ul {
  padding: 16px 0;
  list-style: none;
  color: #1A315B;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 24px 0;
  gap: 8px 28px;
  display: flex;
  flex-wrap: wrap;
  scrollbar-width: none;
}
@media (max-width: 991px) {
  .b-breadcrumbs ul {
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding: 12px 0;
    white-space: nowrap;
    margin: 0 -16px 16px -16px;
  }
}
.b-breadcrumbs ul::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.b-breadcrumbs ul li {
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .b-breadcrumbs ul li:first-child {
    margin-left: 16px;
  }
}
@media (max-width: 991px) {
  .b-breadcrumbs ul li:last-child {
    margin-right: 16px;
  }
}
.b-breadcrumbs ul li:before {
  content: "—";
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  color: #8B929E;
}
.b-breadcrumbs ul li:last-child:before {
  content: none;
}
.b-breadcrumbs ul li a {
  color: #8B929E;
  text-decoration: underline;
}
.b-breadcrumbs ul li a:hover {
  color: #1A315B;
  text-decoration: none;
}

.b-contacts .__top {
  padding: 0 0 64px;
  background-image: url("/images/metro/contacts-decor.svg");
  background-position: right bottom;
  background-repeat: no-repeat;
}

.b-tab-controls {
  display: flex;
  white-space: nowrap;
  gap: 8px;
  padding: 0;
  margin: 0 -16px 32px;
  overflow-x: scroll;
  scrollbar-width: none;
}
.b-tab-controls::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.b-tab-controls .b-btn {
  cursor: pointer;
}
.b-tab-controls .b-btn.active {
  background: #1A315B;
  color: #FFFFFF;
}
.b-tab-controls .b-btn.active:hover {
  background: #1A315B;
  color: #FFFFFF;
}
.b-tab-controls .b-btn:first-child {
  margin-left: 16px;
}
.b-tab-controls .b-btn:last-child {
  margin-right: 16px;
}

.b-contact-info {
  color: #191A1D;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.b-contact-info img {
  display: block;
  margin-bottom: 16px;
}
@media (max-width: 575px) {
  .b-contact-info img {
    margin-bottom: 8px;
  }
}
.b-contact-info .__title {
  color: #1A315B;
  font-weight: 600;
  margin-bottom: 16px;
}
@media (max-width: 575px) {
  .b-contact-info .__title {
    margin-bottom: 8px;
  }
}
.b-contact-info .__phone {
  color: #191A1D;
}
.b-contact-info .__mail {
  color: #1A315B;
}

.b-mark-title {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #1A315B;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 32px;
}

.b-news-grid {
  display: grid;
  grid-template-columns: 1fr 328px;
  grid-gap: 0 152px;
}
@media (max-width: 1199px) {
  .b-news-grid {
    grid-gap: 32px;
  }
}
@media (max-width: 991px) {
  .b-news-grid {
    grid-template-columns: 1fr;
  }
}
.b-news-grid .__detail {
  height: fit-content;
}
.b-news-grid .__side {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 48px;
  height: fit-content;
}
@media (max-width: 991px) {
  .b-news-grid .__side {
    display: none;
  }
}

.b-news-controls {
  display: flex;
  gap: 16px;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.b-news-controls .__nav {
  display: flex;
  gap: 16px;
}
@media (max-width: 767px) {
  .b-news-controls .__nav {
    gap: 8px;
  }
}
.b-news-controls .b-btn {
  width: fit-content;
}
.b-news-controls .b-btn.--disabled {
  display: none;
}
@media (max-width: 767px) {
  .b-news-controls {
    gap: 8px;
  }
  .b-news-controls .b-btn {
    height: 48px;
  }
  .b-news-controls .__btn {
    width: 48px;
    padding: 0;
  }
  .b-news-controls .__btn .__text {
    display: none;
  }
}

.b-closed__item {
  display: block; /* может быть ссылкой */
  cursor: pointer;
  border-bottom: 1px solid #ECEEF2;
  padding: 16px 0;
  color: #020F1C;
}
.b-closed__item .__link-sub {
  display: flex;
  gap: 8px;
}
@media (max-width: 991px) {
  .b-closed__item {
    grid-template-columns: repeat(2, 1fr);
  }
  .b-closed__item:first-child {
    border-top: 1px solid #ECEEF2;
  }
}
.b-closed__item .__title {
  font-weight: 600;
  font-size: 16px;
  display: grid;
  grid-gap: 12px;
  line-height: 1.5;
  grid-template-columns: 40px 1fr 16px;
  align-items: center;
  color: #1A315B;
}
@media (max-width: 575px) {
  .b-closed__item .__title {
    grid-template-columns: 1fr 16px;
  }
}
@media (max-width: 575px) {
  .b-closed__item .__title .__img {
    display: none;
  }
}
.b-closed__item .__title:hover {
  color: #2C65CE;
}
.b-closed__item .__title.--active {
  color: #2C65CE;
}
.b-closed__item .__content {
  display: none;
  padding-left: 52px;
}
@media (max-width: 575px) {
  .b-closed__item .__content {
    padding-left: 0;
  }
}
.b-closed__item .b-list a, .b-closed__item .b-list span {
  font-size: 14px;
  text-transform: none;
}
.b-closed__item .b-list a.--chosen, .b-closed__item .b-list span.--chosen {
  color: #2C65CE;
}
.b-closed__item .b-dot-list {
  margin-top: 8px;
}
.b-closed__item .b-dot-list li {
  margin-bottom: 8px;
}
.b-closed__item .b-dot-list li a.--chosen {
  color: #2C65CE;
}
.b-closed__item.--active .__content {
  display: flex;
  margin-top: 12px;
  flex-direction: column;
  gap: 16px;
}
.b-closed__item.--active .__ico {
  transform: rotate(180deg);
}

.b-adv-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 8px;
}
@media (max-width: 991px) {
  .b-adv-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .b-adv-grid {
    grid-template-columns: 1fr;
  }
}
.b-adv-grid > div {
  padding: 16px;
  border: 1px solid #ECEEF2;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #1A315B;
}
.b-adv-grid > div img {
  display: block;
  margin-bottom: 8px;
}

.b-doc-item {
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #1A315B;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  border: 1px solid #CBD1DC;
}

.b-work-swiper .swiper-slide {
  height: auto;
}
.b-work-swiper .swiper-slide img, .b-work-swiper .swiper-slide iframe {
  width: 100%;
  height: 266px;
  object-fit: cover;
}
@media (max-width: 991px) {
  .b-work-swiper .swiper-slide img, .b-work-swiper .swiper-slide iframe {
    height: auto;
    min-height: 100%;
  }
}
.b-work-swiper .swiper-wrapper {
  margin-bottom: 32px;
}
.b-work-swiper .b-arrow {
  justify-content: flex-start;
}

.b-gray-text {
  color: #8B929E;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
.b-gray-text .__title {
  text-transform: uppercase;
  margin-bottom: 24px;
}
.b-gray-text .b-dot-list li {
  color: #8B929E;
}
.b-gray-text .b-dot-list li:after {
  top: 10px;
  background: #8B929E;
}

.b-text-styles h3 {
  font-size: 24px;
  margin-bottom: 16px;
}
.b-text-styles p {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
.b-text-styles p:last-child {
  margin-bottom: 16px;
}
.b-text-styles ul li {
  margin-bottom: 16px;
}
.b-text-styles img {
  max-width: 688px;
  display: block;
  margin-bottom: 16px;
  width: 100%;
  height: auto;
}

.b-section-block {
  padding: 16px;
  display: flex;
  align-items: center;
  border: 1px solid #ECEEF2;
  color: #1A315B;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
.b-section-block:hover, .b-section-block.--active {
  border: 1px solid #2C65CE;
  color: #2C65CE;
}
@media (max-width: 991px) {
  .b-section-block {
    padding: 12px;
  }
}

.b-404 {
  height: calc(100vh - 200px);
  background: #1A315B;
  display: flex;
  align-items: center;
  padding: 48px 0;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .b-404 {
    padding: 16px;
  }
}
.b-404 h1 {
  color: #FFFFFF;
  text-transform: uppercase;
}
.b-404 .b-btn {
  width: fit-content;
}
@media (max-width: 767px) {
  .b-404 .b-btn {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .b-404 p {
    display: none;
  }
}
@media (max-width: 1199px) {
  .b-404 {
    height: auto;
  }
}
.b-404 .__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 32px;
  align-items: center;
}
@media (max-width: 767px) {
  .b-404 .__grid {
    grid-template-columns: 1fr;
    text-align: center;
    grid-gap: 16px;
  }
}
@media (max-width: 575px) {
  .b-404 .__grid {
    grid-template-columns: 1fr;
  }
}
.b-404 .__grid .__img {
  padding: 0 36px;
  width: 100%;
}
@media (max-width: 1439px) {
  .b-404 .__grid .__img {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .b-404 .__grid .__img {
    order: 1;
    max-width: 260px;
    margin: 0 auto;
  }
}
.b-404 .__grid > div {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 528px;
}
@media (max-width: 767px) {
  .b-404 .__grid > div:first-child {
    order: 2;
    max-width: none;
    gap: 24px;
  }
}

.b-show {
  display: none;
}

.b-pagination {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  width: 100%;
}
.b-pagination li {
  margin: 0;
  padding: 0;
}
.b-pagination .__prev .b-btn, .b-pagination .__next .b-btn {
  width: fit-content;
  height: 48px;
  color: #1A315B;
  border: 2px solid #ECECF4;
  background: transparent;
}
@media (max-width: 767px) {
  .b-pagination .__prev .b-btn, .b-pagination .__next .b-btn {
    height: 40px;
    width: 40px;
  }
  .b-pagination .__prev .b-btn span, .b-pagination .__next .b-btn span {
    display: none;
  }
}
.b-pagination .__prev .b-btn:hover, .b-pagination .__next .b-btn:hover {
  background: #CBD1DC;
  border: 2px solid #CBD1DC;
}
.b-pagination .__prev .b-btn {
  padding: 0 22px 0 14px;
}
@media (max-width: 767px) {
  .b-pagination .__prev .b-btn {
    padding: 0;
  }
}
.b-pagination .__next .b-btn {
  padding: 0 14px 0 22px;
}
@media (max-width: 767px) {
  .b-pagination .__next .b-btn {
    padding: 0;
  }
}
.b-pagination .active .b-btn {
  pointer-events: none;
}
.b-pagination .dots .b-btn {
  pointer-events: none;
}
.b-pagination .b-btn {
  width: 48px;
  height: 48px;
  padding: 0;
}
@media (max-width: 767px) {
  .b-pagination .b-btn {
    height: 40px;
    width: 40px;
  }
}

.b-vacancy-item {
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #FFFFFF;
  width: 100%;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .b-vacancy-item {
    padding: 16px;
    margin-bottom: 24px;
  }
}
.b-vacancy-item:last-child {
  margin-bottom: 0;
}
.b-vacancy-item .__date {
  color: #6775A7;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
.b-vacancy-item .__name {
  color: #2C65CE;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .b-vacancy-item .__name {
    font-size: 18px;
  }
}
.b-vacancy-item .__wage {
  color: #191A1D;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .b-vacancy-item .__wage {
    font-size: 18px;
  }
}
.b-vacancy-item .__descr {
  color: #191A1D;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .b-vacancy-item .__descr {
    font-size: 14px;
  }
}
.b-vacancy-item .b-btn {
  width: fit-content;
}
@media (max-width: 575px) {
  .b-vacancy-item .b-btn {
    width: 100%;
  }
}

.b-header-phone {
  display: flex;
  align-items: center;
  gap: 8px;
}

.b-header-phones-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
}
.b-header-phones-wrap .__max {
  min-width: 32px;
}
.b-header-phones-wrap .__max img {
  width: 32px;
}
@media (max-width: 600px) {
  .b-header-phones-wrap {
    display: none;
  }
}

.b-cities-list {
  display: grid;
  grid-gap: 32px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 991px) {
  .b-cities-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
  }
}
@media (max-width: 575px) {
  .b-cities-list {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}
.b-cities-list .__col {
  height: fit-content;
}
.b-cities-list .__item {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
  height: fit-content;
  line-height: 1.5;
  padding: 8px 0 16px;
  border-bottom: 1px solid #ECEEF2;
}
.b-cities-list .__item a {
  color: #1A315B;
  font-weight: 500;
  font-size: 14px;
  text-decoration: underline;
  line-height: 29px;
}
.b-cities-list .__item a.--main {
  font-weight: 700;
  flex: 1 1 100%;
}
.b-cities-list .__item a.--active a, .b-cities-list .__item a:hover a {
  color: #2C65CE;
}
.b-cities-list .__item:first-child {
  padding-top: 0;
}
@media (max-width: 575px) {
  .b-cities-list .__item:first-child {
    padding-top: 8px;
  }
}
.b-cities-list .__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
@media (max-width: 575px) {
  .b-cities-list .__item:last-child {
    padding-bottom: 16px;
    border-bottom: 1px solid #ECEEF2;
  }
}

.b-anchor-wrap {
  position: relative;
}

.b-anchor-wrap .b-anchor {
  position: absolute;
  top: -90px;
  left: 0;
}

.b-links-wrap {
  max-width: 1920px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
  margin: 0 auto;
  background: url("/images/bner/links.png") center;
  background-size: cover;
}
@media (max-width: 767px) {
  .b-links-wrap {
    grid-template-columns: 1fr;
  }
}
.b-links-wrap .__col {
  padding: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .b-links-wrap .__col {
    padding: 40px;
  }
}
.b-links-wrap .__col .b-btn {
  width: 152px;
  justify-content: space-between;
}
.b-links-wrap .__col .__inner {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 52px;
  z-index: 2;
  min-height: 250px;
}
@media (max-width: 991px) {
  .b-links-wrap .__col .__inner {
    min-height: 210px;
  }
}
@media (max-width: 767px) {
  .b-links-wrap .__col .__inner {
    gap: 32px;
  }
}
.b-links-wrap .__col .__inner img {
  max-width: 100%;
  height: auto;
}
.b-links-wrap .__col:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0A275B;
  opacity: 96%;
  z-index: 1;
}
.b-links-wrap .__col:hover:after {
  opacity: 0;
}
.b-links-wrap .__col:hover .__inner {
  gap: 60px;
}
.b-links-wrap .__col:hover .b-btn {
  width: 160px;
}

.b-doc-cont-grid {
  display: grid;
  grid-template-columns: 1fr 300px;
  grid-gap: 24px 16px;
}
.b-doc-cont-grid > div {
  min-width: 0;
}
@media (max-width: 991px) {
  .b-doc-cont-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1439px) {
  .b-doc-cont-grid.--xxl {
    grid-template-columns: 1fr;
  }
}

.b-block {
  padding: 24px;
  border: 1px solid #ECEEF2;
  height: fit-content;
}
@media (max-width: 575px) {
  .b-block {
    padding: 16px;
  }
}
.b-block.--why {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px 32px 40px;
  background: #F8F9FC;
  border: none;
  height: 100%;
}
@media (max-width: 1199px) {
  .b-block.--why {
    padding: 24px;
    gap: 16px;
  }
}
@media (max-width: 575px) {
  .b-block.--why {
    padding: 16px 0;
  }
}
.b-block.--why .__logo {
  width: fit-content;
}
.b-block.--why .__num {
  color: #CDEA80;
  font-size: 80px;
  font-weight: 600;
  line-height: 120%;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .b-block.--why .__num {
    font-size: 56px;
  }
}
.b-block.--why .__title {
  color: #1A315B;
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
  text-transform: uppercase;
}
@media (max-width: 1199px) {
  .b-block.--why .__title {
    font-size: 20px;
  }
}
.b-block.--why .__txt {
  color: #1A315B;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 991px) {
  .b-block.--why .__txt {
    font-size: 14px;
  }
}
.b-block.--why .__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2%, 0);
    transform: translate3d(0, -2%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2%, 0);
    transform: translate3d(0, -5%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2%, 0);
    transform: translate3d(0, 2%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2%, 0);
    transform: translate3d(0, 2%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2%, 0);
    transform: translate3d(0, -2%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2%, 0);
    transform: translate3d(0, -2%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2%, 0, 0);
    transform: translate3d(2%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2%, 0, 0);
    transform: translate3d(2%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.b-left-menu-link-parent .__ico {
  transform: none !important;
}
.b-left-menu-link-parent.--active .__ico {
  transform: rotate(180deg) !important;
}

@media (max-width: 575px) {
  .mm-listview {
    font-size: 12px;
    letter-spacing: -0.02rem;
  }
}

@media (max-width: 575px) {
  .mm-menu {
    left: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .mm-navbar__title {
    font-size: 14px;
  }
}

.b-search-field {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  margin-bottom: 24px;
}
.b-search-field .__input {
  border-radius: 8px;
  border: 1px solid #ECEEF2;
  background: #FFF;
  width: 100%;
  color: #1A315B;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  height: 48px;
  padding: 0 12px;
}
.b-search-field .__input::placeholder {
  color: #1A315B;
  font-weight: 500;
}
.b-search-field .__input:hover {
  border: 1px solid #CBD1DC;
}
.b-search-field .__input:focus {
  border: 1px solid #CBD1DC;
  outline: none;
}
.b-search-field .b-btn {
  min-width: 192px;
}
.b-search-field .b-btn img {
  display: none;
}
@media (max-width: 991px) {
  .b-search-field .b-btn {
    min-width: auto;
  }
  .b-search-field .b-btn span {
    display: none;
  }
  .b-search-field .b-btn img {
    display: block;
  }
}

.b-search-modal {
  pointer-events: none;
  opacity: 0;
  background: #F8F9FC;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
  padding: 24px 0 48px 0;
  position: absolute;
  top: 85px;
  left: 0;
  right: 0;
  z-index: 100;
}
.b-search-modal.--active {
  pointer-events: auto;
  opacity: 1;
}

.b-search-results {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .b-search-results {
    grid-template-columns: 1fr;
  }
}
.b-search-results img {
  max-height: 60px;
  width: 60px;
}
.b-search-results .__item {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
  background: #fff;
  padding: 8px 16px;
  border-bottom: 1px solid #DFE3EA;
  border-radius: 8px;
  overflow: hidden;
}
.b-search-results .__item .__name {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #1A315B;
}
.b-search-results .__item .__price {
  font-size: 16px;
  font-weight: bold;
  color: #1A315B;
}

.b-phones-mobile {
  display: none;
  padding: 4px 12px;
  background: #0f304f;
  text-align: center;
}
@media (max-width: 575px) {
  .b-phones-mobile {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
}
}
.b-phones-mobile .__max img {
  width: 24px;
  height: 24px;
}
.b-phones-mobile .b-header-phone {
  color: #ffffff;
  font-size: 14px;
}
.b-phones-mobile .b-header-phone img {
  max-width: 20px;
}

.b-view-all-link {
  font-weight: bold;
  text-decoration: underline;
}

.b-about-service {
  min-height: 424px;
  position: relative;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
@media (max-width: 991px) {
  .b-about-service {
    min-height: auto;
    padding: 200px 24px 24px;
  }
}
@media (max-width: 575px) {
  .b-about-service {
    padding: 100px 16px 16px;
  }
}
.b-about-service .__bg {
  position: absolute;
  object-fit: cover;
  object-position: top right;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.b-about-service .__inner {
  position: relative;
  z-index: 2;
  padding: 24px 32px 24px;
  background: rgba(26, 49, 91, 0.5);
  backdrop-filter: blur(12px);
  display: grid;
  grid-template-columns: 224px 1fr;
  grid-gap: 16px;
  min-height: 184px;
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
@media (max-width: 1439px) {
  .b-about-service .__inner {
    min-height: 242px;
  }
}
@media (max-width: 1199px) {
  .b-about-service .__inner {
    padding: 24px;
    font-size: 14px;
    grid-template-columns: 175px 1fr;
  }
}
@media (max-width: 991px) {
  .b-about-service .__inner {
    min-height: auto;
  }
}
@media (max-width: 575px) {
  .b-about-service .__inner {
    grid-template-columns: 1fr;
    padding: 16px;
  }
}
.b-about-service .__inner span {
  font-size: 22px;
  font-weight: 600;
  line-height: 130%;
}
@media (max-width: 1199px) {
  .b-about-service .__inner span {
    font-size: 18px;
  }
}

.b-card-forms-grid {
  margin-bottom: 80px;
  display: grid;
  grid-template-columns: 928px 1fr;
  gap: 32px;
}
@media (max-width: 1330px) {
  .b-card-forms-grid {
    grid-template-columns: 775px 1fr;
  }
}
@media (max-width: 1199px) {
  .b-card-forms-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 991px) {
  .b-card-forms-grid {
    grid-template-columns: 1fr;
  }
}

.b-arshin-form {
  border: 1px solid #CBD1DC;
  background: #FFF;
  padding: 32px 40px;
}
.b-arshin-form .__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.b-arshin-form .__top .__small-title {
  color: #8B929E;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
.b-arshin-form .__top .__logo {
  position: static;
}
.b-arshin-form .__top .__logo img {
  position: static;
}
.b-arshin-form .__form {
  position: static;
}
.b-arshin-form .__form .__title {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 32px;
}
.b-arshin-form .__form .__body {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 32px;
}
@media (max-width: 700px) {
  .b-arshin-form .__form .__body {
    grid-template-columns: 1fr;
  }
}
.b-arshin-form .__form .__body .b-arshin-select {
  position: static;
}
.b-arshin-form .__form .__body .__input {
  border-radius: 16px;
  border: 2px solid #CBD1DC;
  background: #FFF;
  color: #191A1D;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 20px 16px;
  height: 56px;
}
.b-arshin-form .__form .__body .__input:focus {
  outline: none;
  border: 2px solid #CDEA80;
}
.b-arshin-form .__form .__body .__input:hover {
  border: 2px solid #CDEA80;
}
.b-arshin-form .__form .__body .__input::placeholder {
  color: #8B929E;
}

.b-arshin-select {
  border-radius: 16px;
  border: 2px solid #A4B1CA;
  background: #FFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23191A1D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center;
  appearance: none;
  color: #191A1D;
  padding: 16px 48px 16px 16px;
  cursor: pointer;
}
.b-arshin-select:hover {
  border: 2px solid #CDEA80;
}
.b-arshin-select:focus {
  outline: none;
  border: 2px solid #CDEA80;
}

.b-expert-form {
  background: #1A315B;
  padding: 32px;
  color: #ffffff;
  display: grid;
  align-content: space-between;
  position: relative;
}
.b-expert-form .__img {
  position: absolute;
  right: 0;
}
.b-expert-form .__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 16px;
  position: relative;
  z-index: 5;
  padding-right: 100px;
}
.b-expert-form .b-btn {
  position: relative;
  z-index: 5;
}
@media (max-width: 991px) {
  .b-expert-form .b-btn {
    max-width: 275px;
  }
}
@media (max-width: 575px) {
  .b-expert-form .b-btn {
    max-width: 100%;
  }
}

.b-complex-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
  .b-complex-form {
    display: flex;
    flex-direction: column-reverse;
  }
}
.b-complex-form .__left {
  padding: 80px 56px;
  background: #1A315B;
  color: #FFFFFF;
}
@media (max-width: 991px) {
  .b-complex-form .__left {
    padding: 40px 32px;
  }
}
@media (max-width: 575px) {
  .b-complex-form .__left {
    padding: 32px 24px;
  }
}
.b-complex-form > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.b-serv-tabs .__controls {
  display: flex;
  align-items: center;
  gap: 64px;
  margin-bottom: 40px;
  margin-left: -16px;
  margin-right: -16px;
  overflow: auto;
}
.b-serv-tabs .__controls::-webkit-scrollbar {
  opacity: 0;
  height: 0;
}
@media (max-width: 1439px) {
  .b-serv-tabs .__controls {
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .b-serv-tabs .__controls {
    margin-bottom: 24px;
    gap: 24px;
  }
}
.b-serv-tabs .__controls .__btn {
  padding-bottom: 16px;
  border-bottom: 2px solid transparent;
  color: #8B929E;
  font-size: 36px;
  font-weight: 600;
  line-height: 120%;
  cursor: pointer;
  white-space: nowrap;
}
.b-serv-tabs .__controls .__btn:first-child {
  margin-left: 16px;
}
.b-serv-tabs .__controls .__btn:last-child {
  margin-right: 16px;
}
@media (max-width: 1439px) {
  .b-serv-tabs .__controls .__btn {
    font-size: 24px;
    padding-bottom: 12px;
  }
}
@media (max-width: 991px) {
  .b-serv-tabs .__controls .__btn {
    font-size: 20px;
    padding-bottom: 8px;
  }
}
@media (max-width: 575px) {
  .b-serv-tabs .__controls .__btn {
    font-size: 18px;
  }
}
.b-serv-tabs .__controls .__btn:hover {
  border-bottom: 2px solid #8B929E;
}
.b-serv-tabs .__controls .__btn.active {
  border-bottom: 2px solid #CDEA80;
  color: #1A315B;
}

.b-comp-block {
  display: grid;
  grid-template-columns: 56px 1fr;
  grid-gap: 24px;
  color: #1A315B;
  line-height: 150%;
  background: #F8F9FC;
  padding: 40px 24px;
}
@media (max-width: 991px) {
  .b-comp-block {
    padding: 24px;
    grid-gap: 16px;
    grid-template-columns: 40px 1fr;
  }
}
@media (max-width: 767px) {
  .b-comp-block {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 14px;
  }
}
.b-comp-block .__title {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.b-comp-block p {
  margin-bottom: 0;
}
.b-comp-block > img {
  max-width: 100%;
  width: fit-content;
}

.b-add-serv {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-gap: 12px;
  align-items: center;
  border: 1px solid #ECEEF2;
  padding: 16px;
  color: #1A315B;
  font-size: 14px;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
}
@media (max-width: 991px) {
  .b-add-serv {
    font-size: 12px;
  }
}

.b-btn {
  display: inline-flex;
  gap: 8px;
  height: 56px;
  background: #CDEA80;
  border-radius: 28px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  align-items: center;
  justify-content: center;
  padding: 0 28px;
  border: none;
  color: #1A315B;
  text-transform: uppercase;
  text-align: center;
}
.b-btn:hover {
  background: #C2E469;
}
.b-btn.--40 {
  height: 40px;
  padding: 0 20px;
}
.b-btn.--48 {
  height: 48px;
  padding: 0 22px;
}
.b-btn.--b-blue {
  background: #1A315B;
  color: #FFFFFF;
}
.b-btn.--b-blue:hover {
  background: #0F2856;
}
.b-btn.--search {
  max-width: 123px;
}
@media (max-width: 991px) {
  .b-btn.--search {
    padding: 0;
    background: none !important;
  }
  .b-btn.--search span {
    display: none;
  }
}
.b-btn.--tg {
  height: 70px;
  gap: 12px;
  border-radius: 48px;
  background: #FFF;
  border: 1px solid #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  color: #1A315B;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 998;
}
@media (max-width: 1439px) {
  .b-btn.--tg {
    height: 56px;
    border-radius: 32px;
    padding: 0 22px;
  }
}
@media (max-width: 991px) {
  .b-btn.--tg {
    height: 48px;
    width: 48px;
    border-radius: 50%;
    padding: 0;
    bottom: 24px;
    right: 24px;
  }
  .b-btn.--tg span {
    display: none;
  }
}
@media (max-width: 575px) {
  .b-btn.--tg {
    bottom: 12px;
    right: 12px;
  }
  .b-btn.--tg span {
    display: none;
  }
}
.b-btn.--tg:hover {
  border: 1px solid #2C65CE;
  color: #2C65CE;
  background: #FFF;
  box-shadow: none;
}
.b-btn.--tg:hover .--rect {
  fill: #2AABEE;
}
.b-btn.--b-gray {
  background: #ECEEF2;
  color: #1A315B;
}
.b-btn.--b-gray:hover {
  background: #CBD1DC;
}

@media (max-width: 767px) {
  .b-search-button {
    background: #fff !important;
  }
}

.b-btn-up {
  width: 64px;
  height: 64px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='112' height='112' viewBox='0 0 112 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url(%23filter0_d)'%3e%3cpath d='M24 19C24 16.7909 25.7909 15 28 15H84C86.2091 15 88 16.7909 88 19V75C88 77.2091 86.2091 79 84 79H28C25.7909 79 24 77.2091 24 75V19Z' fill='white'/%3e%3cpath d='M71 54L56 40L41 54' stroke='%230E2D4A' stroke-width='2'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d' x='0' y='0' width='112' height='112' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='9'/%3e%3cfeGaussianBlur stdDeviation='12'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0.226615 0 0 0 0 0.604942 0 0 0 0 0.954167 0 0 0 0.17 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e ");
  background-size: cover;
  position: fixed;
  display: none;
  right: 6px;
  bottom: 0px;
  transition: all 0.3s ease-out;
  z-index: 1000;
  cursor: pointer;
}
.b-btn-up:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='112' height='112' viewBox='0 0 112 112' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg filter='url(%23filter0_d)'%3e%3cpath d='M24 19C24 16.7909 25.7909 15 28 15H84C86.2091 15 88 16.7909 88 19V75C88 77.2091 86.2091 79 84 79H28C25.7909 79 24 77.2091 24 75V19Z' fill='%23CDEA80'/%3e%3cpath d='M71 54L56 40L41 54' stroke='white' stroke-width='2'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d' x='0' y='0' width='112' height='112' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset dy='9'/%3e%3cfeGaussianBlur stdDeviation='12'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0.226615 0 0 0 0 0.604942 0 0 0 0 0.954167 0 0 0 0.17 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e ");
}
@font-face {
  font-family: "Montserrat";
  src: url("/tools/fonts/Montserrat-SemiBold.eot");
  src: url("/tools/fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("/tools/fonts/Montserrat-SemiBold.woff2") format("woff2"), url("/tools/fonts/Montserrat-SemiBold.woff") format("woff"), url("/tools/fonts/Montserrat-SemiBold.ttf") format("truetype"), url("/tools/fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/tools/fonts/Montserrat-Regular.eot");
  src: url("/tools/fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("/tools/fonts/Montserrat-Regular.woff2") format("woff2"), url("/tools/fonts/Montserrat-Regular.woff") format("woff"), url("/tools/fonts/Montserrat-Regular.ttf") format("truetype"), url("/tools/fonts/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("/tools/fonts/Montserrat-Bold.eot");
  src: url("/tools/fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("/tools/fonts/Montserrat-Bold.woff2") format("woff2"), url("/tools/fonts/Montserrat-Bold.woff") format("woff"), url("/tools/fonts/Montserrat-Bold.ttf") format("truetype"), url("/tools/fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
h1, .h1 {
  font-weight: 600;
  font-size: 56px;
  line-height: 1.2;
  color: #1A315B;
  margin-bottom: 32px;
}
@media (max-width: 1200px) {
  h1, .h1 {
    font-size: 48px;
  }
}
@media (max-width: 992px) {
  h1, .h1 {
    font-size: 30px;
    margin-bottom: 24px;
  }
}
h1.--54, .h1.--54 {
  font-size: 54px;
}
@media (max-width: 1200px) {
  h1.--54, .h1.--54 {
    font-size: 48px;
  }
}
@media (max-width: 992px) {
  h1.--54, .h1.--54 {
    font-size: 30px;
    margin-bottom: 24px;
  }
}

h2, .h2 {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.2;
  margin-bottom: 32px;
}

h3, .h3 {
  font-weight: 600;
  font-size: 36px;
  line-height: 1.2;
  margin-bottom: 32px;
}
@media (max-width: 1200px) {
  h3, .h3 {
    font-size: 32px;
    margin-bottom: 24px;
  }
}
@media (max-width: 992px) {
  h3, .h3 {
    font-size: 24px;
    margin-bottom: 18px;
  }
}

h4, .h4 {
  font-weight: 550;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 32px;
}

h5, .h5 {
  font-weight: 550;
  font-size: 21px;
  line-height: 1.2;
}

a {
  text-decoration: none;
  color: #1A315B;
}
a:hover {
  color: #191A1D;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.--grey {
  color: #ECEEF2 !important;
}

.--white {
  color: #FFFFFF !important;
}

.--blue, .--fc-blue {
  color: #1A315B !important;
}

.--fw-600 {
  font-weight: 600;
}

.--lh-150 {
  line-height: 150%;
}

.--fs-22 {
  font-size: 22px;
}
@media (max-width: 991px) {
  .--fs-22 {
    font-size: 20px;
  }
}

.b-bner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1px;
  position: relative;
}
@media (max-width: 767px) {
  .b-bner {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }
}
.b-bner .__name {
  font-weight: 600;
  font-size: 56px;
  line-height: 68px;
  color: #FFFFFF;
}
@media (max-width: 1199px) {
  .b-bner .__name {
    font-size: 48px;
    line-height: 1.2;
  }
}
@media (max-width: 991px) {
  .b-bner .__name {
    font-size: 36px;
  }
}
.b-bner .__name span {
  padding: 16px 0 0;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
  display: block;
}
.b-bner .__section {
  height: 720px;
  position: relative;
  transition: 0.5s flex ease, 0.5s border ease;
  cursor: pointer;
}
@media (max-width: 991px) {
  .b-bner .__section {
    height: 430px;
  }
}
.b-bner .__section .__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  transition: 0.3s opacity ease;
  object-fit: cover;
}
.b-bner .__section .__filter {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: 0.3s opacity ease;
  object-fit: cover;
  z-index: 2;
  opacity: 0.7;
}
.b-bner .__section .__name {
  position: relative;
  transition: 0.3s opacity ease;
  width: 488px;
  min-height: 260px;
}
@media (max-width: 1800px) {
  .b-bner .__section .__name {
    width: auto;
  }
}
@media (max-width: 767px) {
  .b-bner .__section .__name {
    min-height: auto;
  }
}
.b-bner .__section .__name span {
  padding: 16px 0 0;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
  display: block;
}
.b-bner .__section .__content {
  width: 100%;
  height: 100%;
  padding: 96px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: flex-end;
  gap: 32px;
  z-index: 3;
  position: relative;
}
@media (max-width: 1600px) {
  .b-bner .__section .__content {
    padding: 40px;
  }
}
@media (max-width: 1439px) {
  .b-bner .__section .__content {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
  }
}
@media (max-width: 767px) {
  .b-bner .__section .__content {
    padding: 32px 16px;
  }
}
.b-bner .__section .b-btn {
  position: relative;
  opacity: 0;
  z-index: 1;
  transition: 0.3s opacity ease;
  width: fit-content;
}
@media (max-width: 767px) {
  .b-bner .__section .b-btn {
    z-index: 2;
  }
}
@media (max-width: 767px) {
  .b-bner .__section .b-b-btn {
    opacity: 1;
    z-index: 1;
  }
}
.b-bner .__section:hover .b-btn {
  opacity: 1;
  z-index: 1;
}
@media (max-width: 767px) {
  .b-bner:not(.--block) .__section {
    height: calc(50vh - 39px);
    min-height: fit-content;
  }
}
@media (max-width: 575px) {
  .b-bner:not(.--block) .__section {
    height: calc(50vh - 53px);
    min-height: fit-content;
  }
}
@media (max-width: 767px) {
  .b-bner:not(.--block) .__section .__name {
    font-size: 30px;
  }
  .b-bner:not(.--block) .__section .__name span {
    font-size: 18px;
  }
}
.b-bner.--block {
  padding: 96px 0;
  height: 520px;
  display: flex;
  align-items: end;
  background-position: center;
}
@media (max-width: 991px) {
  .b-bner.--block {
    height: 430px;
    align-items: center;
    padding: 32px 0;
  }
}
.b-bner.--block.--complex .__name {
  margin-bottom: 0;
  max-width: 64%;
}
@media (max-width: 575px) {
  .b-bner.--block.--complex .__name {
    font-size: 32px;
    position: relative;
    z-index: 2;
  }
}
@media (max-width: 991px) {
  .b-bner.--block.--complex {
    height: 360px;
    align-items: center;
    padding: 32px 0;
  }
}
@media (max-width: 575px) {
  .b-bner.--block.--complex {
    background-position: top right 33%;
  }
  .b-bner.--block.--complex:after {
    content: "";
    background: #1A315B;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
}
.b-bner.--block.--720 {
  height: 720px;
  background-position: top center;
}
@media (max-width: 991px) {
  .b-bner.--block.--720 {
    height: 430px;
    align-items: center;
    padding: 32px 0;
  }
}
@media (max-width: 575px) {
  .b-bner.--block.--720 .__name {
    font-size: 32px;
  }
}
.b-bner.--block .__name {
  margin-bottom: 16px;
  max-width: 60%;
}
@media (max-width: 767px) {
  .b-bner.--block .__name {
    max-width: none;
  }
}
.b-bner.--block .__sub {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
  color: #FFFFFF;
  margin-bottom: 16px;
  width: 50%;
}
@media (max-width: 991px) {
  .b-bner.--block .__sub {
    width: 100%;
  }
}

.bg-grey {
  background: url(/images/metro/bg-grey.svg) left top no-repeat #ECEEF2;
  padding: 48px 0 64px;
}
@media (max-width: 991px) {
  .bg-grey {
    padding: 32px 0;
  }
}

.b-bg-decor {
  padding: 80px 0;
  background: url(/images/metro/indiv/decor-bg-4.svg) left bottom no-repeat #FFFFFF;
}
@media (max-width: 991px) {
  .b-bg-decor {
    padding: 32px 0;
  }
}

.bg-light {
  background: #F8F9FC;
  padding: 48px 0 64px;
}
.bg-light.--news {
  background: url(/images/metro/decor-news.svg) left top no-repeat #F8F9FC;
}
@media (max-width: 991px) {
  .bg-light {
    padding: 32px 0;
  }
}

.bg-card {
  background: url(/images/metro/catalog/bg-decor.svg) right top no-repeat;
}

.bg-vac {
  background: url(/images/metro/bg-vac.svg) left 35px top no-repeat #F8F9FC;
  padding: 48px 0 64px;
}

.--bg-rad {
  background: url("/images/about/bg-rad.png");
  background-size: cover;
  background-position: bottom left;
}

.--ml-120 {
  margin-left: 120px;
}
@media (max-width: 1199px) {
  .--ml-120 {
    margin-left: 0;
  }
}

.--py-96 {
  padding-top: 96px;
  padding-bottom: 96px;
}
@media (max-width: 991px) {
  .--py-96 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.--py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 991px) {
  .--py-80 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.--py-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}
@media (max-width: 991px) {
  .--py-72 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.--py-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (max-width: 991px) {
  .--py-48 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

.--pt-48 {
  padding-top: 48px;
}
@media (max-width: 991px) {
  .--pt-48 {
    padding-top: 32px;
  }
}

.--pb-56 {
  padding-bottom: 56px;
}
@media (max-width: 991px) {
  .--pb-56 {
    padding-bottom: 32px;
  }
}

.--pb-96 {
  padding-bottom: 96px;
}
@media (max-width: 991px) {
  .--pb-96 {
    padding-bottom: 32px;
  }
}

.--mb-32 {
  margin-bottom: 32px;
}

.--mb-24 {
  margin-bottom: 24px;
}

.--mb-56 {
  margin-bottom: 56px;
}
@media (max-width: 991px) {
  .--mb-56 {
    margin-bottom: 24px;
  }
}

.--mb-96 {
  margin-bottom: 96px;
}
@media (max-width: 991px) {
  .--mb-96 {
    margin-bottom: 56px;
  }
}

.--d-mob {
  display: none;
}
@media (max-width: 991px) {
  .--d-mob {
    display: block;
  }
}

.--d-dt {
  display: block;
}
@media (max-width: 991px) {
  .--d-dt {
    display: none;
  }
}

.--g-80 {
  gap: 80px;
  grid-gap: 80px;
}
@media (max-width: 991px) {
  .--g-80 {
    gap: 32px;
    grid-gap: 32px;
  }
}

.--g-16 {
  grid-gap: 16px;
  gap: 16px;
}

.--g-8 {
  grid-gap: 8px;
  gap: 8px;
}

.b-popup .iexmodal-inner {
  padding: 40px;
}
@media (max-width: 575px) {
  .b-popup .iexmodal-inner {
    padding: 24px;
  }
}
.b-popup .iexmodal-popup {
  background: #1A315B;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.6);
}
.b-popup .iexmodal-close .iexmodal-icon {
  color: #FFFFFF;
  opacity: 1;
}
.b-popup .b-pform__thanks {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 7px;
}
.b-popup.--small-title .h3 {
  font-size: 28px !important;
}
@media (max-width: 575px) {
  .b-popup.--small-title .h3 {
    font-size: 20px !important;
  }
}

.b-reg-popup .iexmodal-inner {
  padding: 0;
}
.b-reg-popup .iexmodal-popup {
  background: none;
  box-shadow: none;
}
.b-reg-popup .iexmodal-close-inner {
  display: none;
}

.b-form-item-wrap {
  margin-bottom: 16px;
}
.b-form-item-wrap.--policy input {
  height: auto;
  width: auto;
}
.b-form-item-wrap.--policy input:checked {
  accent-color: #191A1D;
}
.b-form-item-wrap.--policy a {
  color: #191A1D !important;
}
.b-form-item-wrap input, .b-form-item-wrap textarea {
  height: 64px;
  width: 100%;
  padding: 0 16px 0 16px;
  background: #FFFFFF;
  border: 1px solid #fff;
  border-radius: 16px;
  line-height: 1.2;
  color: #191A1D;
}
.b-form-item-wrap input::placeholder, .b-form-item-wrap textarea::placeholder {
  color: #A4B1CA;
}
.b-form-item-wrap input:focus, .b-form-item-wrap textarea:focus {
  border: 1px solid #CDEA80;
  outline: none;
  box-shadow: none;
}
.b-form-item-wrap input.iexform-has-error, .b-form-item-wrap textarea.iexform-has-error {
  box-shadow: 0 0 0 2px #DB3768 !important;
  color: #DB3768 !important;
}
.b-form-item-wrap input.iexform-has-error::placeholder, .b-form-item-wrap textarea.iexform-has-error::placeholder {
  color: #DB3768 !important;
}
.b-form-item-wrap textarea {
  font-family: inherit;
  font-size: inherit;
  height: 112px;
  resize: vertical;
  padding-top: 16px;
}
.b-form-item-wrap .b-pform-tooltip.error {
  background: #DB3768 !important;
}
.b-form-item-wrap .b-pform-tooltip-arrow:before {
  background-color: #DB3768 !important;
}

.b-checkbox {
  display: grid;
  margin: 0 0 16px 8px;
  align-items: flex-start;
  grid-template-columns: 20px 1fr;
  grid-gap: 8px;
}
.b-checkbox input[type=radio] {
  width: 20px !important;
  height: 20px;
  opacity: 0;
  position: absolute;
  right: 0;
  margin: 0;
}
.b-checkbox input[type=checkbox] {
  width: 20px !important;
  height: 20px;
  opacity: 0;
  position: absolute;
  right: 0;
  margin: 0;
}
.b-checkbox .__ico {
  position: relative;
  width: 20px !important;
  height: 20px;
  border: 1px solid #ECEEF2;
  border-radius: 50%;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px 0 0;
  cursor: pointer;
}
.b-checkbox .__ico:after {
  content: "";
  position: absolute;
  width: 8px;
  border: 1px solid #ECEEF2;
  height: 8px;
  border-radius: 50%;
  background: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.b-checkbox input:checked + .__ico:after {
  background: #1A315B;
  border: 1px solid #1A315B;
}
.b-checkbox .__txt {
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
@media (max-width: 575px) {
  .b-checkbox .__txt {
    font-size: 14px;
  }
}
.b-checkbox .__txt.--text-white {
  color: #ffffff;
}
.b-checkbox .__txt.--text-white a {
  color: #CDEA80 !important;
}
.b-checkbox .__link {
  color: #1A315B;
}
.b-checkbox.--square .__ico {
  border-radius: 0;
  width: 16px !important;
  height: 16px !important;
}
.b-checkbox.--square .__ico:after {
  width: 8px;
  height: 8px;
  border-radius: 0;
  left: 7px;
}
.b-checkbox.--square input:checked + .__ico:after {
  background: #1A315B;
  border: 1px solid #1A315B;
}
.b-checkbox.--square .__txt {
  font-size: 13px;
  margin-top: 1px;
}

.b-form-title {
  font-weight: 550;
  font-size: 36px;
  line-height: 1.2;
  color: #191A1D;
  margin-bottom: 24px;
}

.b-form-title-descr {
  margin-bottom: 32px;
  font-size: 16px;
}
.b-form-title-descr a {
  text-decoration: underline;
}

.b-help-form {
  border: 1px solid #ECEEF2;
  background: #FFF;
  padding: 24px;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 72px;
  align-items: center;
  margin-bottom: 32px;
}
@media (max-width: 1100px) {
  .b-help-form {
    grid-template-columns: 1fr;
    grid-gap: 24px;
  }
}
.b-help-form .__info {
  display: flex;
  align-items: center;
  gap: 24px;
}
.b-help-form .__info .__text {
  color: #1A315B;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

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