body, html {
  padding: 0;
  margin: 0;
  min-height: 100vh;
  font-size: 0;
  scroll-behavior: smooth;
}

body {
  font-family: var(--MainFont), sans-serif;
  width: 100%;
  min-height: 100vh;
  color: var(--black);
  font-style: normal;
  position: relative;
  background: var(--MainBg);
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  margin: 0;
  font-size: 0;
}
body.filters {
  overflow: hidden;
}
body:has(.float-panel.visible), body:has(.popupBox.visible) {
  overflow: hidden;
}
body.person, body.bank {
  background: var(--White);
}
body.person .h-slider .container .product, body.bank .h-slider .container .product {
  background-color: var(--light-blue);
}
body.person .type .product, body.bank .type .product {
  background-color: var(--light-blue);
  border-radius: var(--BorderRadius);
  flex: 0 0 100%;
}
body.person .type .product a, body.bank .type .product a {
  display: flex;
  flex-direction: column;
  gap: var(--30);
  padding: var(--30) var(--20);
}
body.person .type .product a .info-line, body.bank .type .product a .info-line {
  display: flex;
  gap: var(--12);
}
body.person .type .product a .info-line .cover, body.bank .type .product a .info-line .cover {
  flex: 0 0 var(--133);
  text-align: center;
  order: 0;
}
body.person .type .product a .info-line .info, body.bank .type .product a .info-line .info {
  flex: 1;
  order: 1;
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
body.person .type .product a .info-line .info .title, body.bank .type .product a .info-line .info .title {
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--26);
}
body.person .type .product a .info-line .info .d, body.bank .type .product a .info-line .info .d {
  font-size: var(--16);
  line-height: var(--24);
}
body.person .type .product a .actions, body.bank .type .product a .actions {
  display: flex;
  gap: var(--20);
}
body.person .type .product a .actions .btn, body.bank .type .product a .actions .btn {
  font-size: var(--16);
  line-height: var(--24);
  padding: var(--10) var(--24);
  margin: 0;
}
body.person .type .product a .actions .btn:after, body.bank .type .product a .actions .btn:after {
  content: none;
}
body.person .type .product a .actions .btn.h, body.bank .type .product a .actions .btn.h {
  border-color: var(--White);
}
body.person .type .product a:hover, body.bank .type .product a:hover {
  text-decoration: none;
}
body.person #footer-links, body.bank #footer-links {
  background: var(--light-blue);
}
body.person #credit header.header,
body.person #deposit header.header,
body.person #transfer header.header, body.bank #credit header.header,
body.bank #deposit header.header,
body.bank #transfer header.header {
  margin: 0 calc(-1 * var(--SidePadding)) calc(-1 * (var(--20) + var(--30)));
  width: calc(100% + 2 * var(--SidePadding));
  background: var(--light-blue);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-bottom: var(--50);
  /* z-index:-1; */
}
body.person #credit header.header .info .cover,
body.person #deposit header.header .info .cover,
body.person #transfer header.header .info .cover, body.bank #credit header.header .info .cover,
body.bank #deposit header.header .info .cover,
body.bank #transfer header.header .info .cover {
  flex: 0 0 var(--153);
  order: 0;
}
body.person #credit header.header .info .cover img,
body.person #deposit header.header .info .cover img,
body.person #transfer header.header .info .cover img, body.bank #credit header.header .info .cover img,
body.bank #deposit header.header .info .cover img,
body.bank #transfer header.header .info .cover img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  object-position: center;
}
body.person #credit header.header .info .btn,
body.person #deposit header.header .info .btn,
body.person #transfer header.header .info .btn, body.bank #credit header.header .info .btn,
body.bank #deposit header.header .info .btn,
body.bank #transfer header.header .info .btn {
  padding: var(--10) var(--24);
}
body.person #credit header.header .info .btn:after,
body.person #deposit header.header .info .btn:after,
body.person #transfer header.header .info .btn:after, body.bank #credit header.header .info .btn:after,
body.bank #deposit header.header .info .btn:after,
body.bank #transfer header.header .info .btn:after {
  content: none;
}
body.person #credit header.header .info .v,
body.person #deposit header.header .info .v,
body.person #transfer header.header .info .v, body.bank #credit header.header .info .v,
body.bank #deposit header.header .info .v,
body.bank #transfer header.header .info .v {
  flex: 1;
  order: 1;
}
body.person #credit header.header + .s, body.person #credit header.header + #sections,
body.person #deposit header.header + .s,
body.person #deposit header.header + #sections,
body.person #transfer header.header + .s,
body.person #transfer header.header + #sections, body.bank #credit header.header + .s, body.bank #credit header.header + #sections,
body.bank #deposit header.header + .s,
body.bank #deposit header.header + #sections,
body.bank #transfer header.header + .s,
body.bank #transfer header.header + #sections {
  background: var(--White);
  border-radius: var(--BorderRadius) var(--BorderRadius) 0 0;
  margin: 0 calc(-1 * var(--SidePadding)) 0;
  width: calc(100% + 2 * var(--SidePadding));
  padding: var(--20) var(--SidePadding);
}
body.person .description table, body.bank .description table {
  border: 0;
}
body.person .description table td, body.person .description table th, body.bank .description table td, body.bank .description table th {
  border: 0;
}
body.person .description table td + td, body.person .description table td + th, body.person .description table th + td, body.person .description table th + th, body.bank .description table td + td, body.bank .description table td + th, body.bank .description table th + td, body.bank .description table th + th {
  border-left: 1px solid var(--Dark-light-blue);
}
body.person .description table tbody tr:nth-child(odd), body.bank .description table tbody tr:nth-child(odd) {
  background: var(--light-blue);
}
body.person .description table tbody tr:nth-child(even), body.bank .description table tbody tr:nth-child(even) {
  background: none;
}
body.person .t18 .t18a:first-child:last-child, body.bank .t18 .t18a:first-child:last-child {
  flex: 0 0 100%;
}
body.person .t18 .t18a:first-child:last-child a, body.bank .t18 .t18a:first-child:last-child a {
  width: 100%;
}
body.person .t18 .t18a .btn, body.bank .t18 .t18a .btn {
  background-color: var(--blue) !important;
  border-color: var(--blue) !important;
  color: var(--White) !important;
}
body.person .t18 .t18a .btn.w, body.bank .t18 .t18a .btn.w {
  background-color: var(--White) !important;
  border-color: var(--White) !important;
  color: var(--blue) !important;
}
body.person .t20, body.bank .t20 {
  margin: 0 calc(-1 * var(--SidePadding)) calc(-1 * (var(--20) + var(--30)));
  width: calc(100% + 2 * var(--SidePadding));
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-left: var(--23);
  padding-right: var(--23);
}
body.person .t20 ~ .s, body.bank .t20 ~ .s {
  background: var(--White);
  border-radius: var(--BorderRadius) var(--BorderRadius) 0 0;
  margin: 0 calc(-1 * var(--SidePadding)) 0;
  width: calc(100% + 2 * var(--SidePadding));
  padding: var(--20) var(--SidePadding);
}
body.person .t7 .items .t7a, body.bank .t7 .items .t7a {
  align-items: flex-start;
}

input[type=button],
input[type=submit],
input[type=reset] {
  -webkit-appearance: none;
}

:has(> .cb) {
  position: relative;
}

img {
  height: auto;
  max-width: 100%;
}

a img {
  border: 0;
  max-width: 100%;
}

a {
  color: var(--black);
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

select::-ms-expand {
  display: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
main,
nav,
section,
summary {
  display: block;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  clear: both;
}

option {
  color: var(--black);
}

#mb {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--70);
}

#footer-links {
  display: flex;
  flex-wrap: wrap;
  padding: var(--18) var(--23);
  column-gap: var(--30);
  row-gap: var(--10);
  background: var(--White);
}
#footer-links .item {
  flex: none;
}
#footer-links .item a {
  display: flex;
  color: var(--blue);
  font-size: var(--16);
  line-height: var(--24);
  gap: var(--11);
  align-items: center;
}
#footer-links .item a:before {
  content: "";
  display: block;
  width: var(--20);
  height: var(--20);
  background: var(--BG) center center/contain no-repeat;
}

.faq-list {
  display: flex;
  flex-direction: column;
  gap: var(--10);
  padding: 0 var(--23);
  margin: var(--30) 0;
}
.faq-list .items {
  display: flex;
  flex-direction: column;
}

.breadcrumbs {
  padding: 0 var(--23);
}
.breadcrumbs ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: var(--23);
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumbs ul li {
  position: relative;
}
.breadcrumbs ul li:first-child a {
  color: var(--d-gray);
}
.breadcrumbs ul li a,
.breadcrumbs ul li span {
  font-size: var(--14);
  line-height: var(--22);
  display: block;
  max-width: 100%;
}
.breadcrumbs ul li span {
  cursor: default;
}
.breadcrumbs ul li + li:before {
  content: "";
  display: block;
  background: url("/images/faq-arrow.svg") center center/contain no-repeat;
  width: var(--10);
  height: var(--6);
  transform: translateY(-50%) rotate(90deg);
  transform-origin: 50% 50%;
  position: absolute;
  left: var(---15);
  top: 50%;
}

.h-slider {
  display: flex;
  flex-direction: column;
  gap: var(--30);
  position: relative;
}
.h-slider .items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--20);
  justify-content: center;
  align-items: center;
}
.h-slider .items:has(.items) {
  justify-content: space-between;
}
.h-slider .items .item {
  display: block;
  width: var(--10);
  height: var(--10);
  transition: all 0.3s linear;
  background: var(--light-gray);
  border-radius: var(--10);
}
.h-slider .items .item.current {
  width: var(--40);
  background: var(--nur);
}
.h-slider .counter {
  position: absolute;
  right: var(--23);
  top: var(--20);
  color: var(--White);
  display: flex;
  padding: 0 var(--10);
  background: var(--blue);
  font-size: var(--14);
  line-height: var(--22);
  border-radius: var(--22);
  white-space: nowrap;
}
.h-slider .counter .t {
  display: block;
}
.h-slider .counter .t:before {
  content: "/";
}
.h-slider .container {
  display: flex;
  overflow: auto;
  gap: var(--12);
  scroll-snap-type: both mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.h-slider .container .s {
  scroll-snap-align: center;
  scroll-snap-stop: always;
  flex: 0 0 var(--351);
  background: var(--White);
  border-radius: var(--BorderRadius);
}
.h-slider .container .item {
  scroll-snap-align: center;
  scroll-snap-stop: always;
}
.h-slider .container > .block {
  scroll-snap-align: center;
  scroll-snap-stop: always;
  flex: 0 0 100%;
  display: flex;
  gap: var(--12);
}
.h-slider .container .product {
  scroll-snap-align: center;
  scroll-snap-stop: always;
  flex: 0 0 var(--351);
  background: var(--White);
  border-radius: var(--BorderRadius);
}
.h-slider .container .product a:not(.btn) {
  padding: var(--30) var(--20);
  display: flex;
  gap: var(--12);
}
.h-slider .container .product a:not(.btn):hover {
  text-decoration: none;
}
.h-slider .container .product a:not(.btn) .cover {
  flex: 0 0 var(--133);
  text-align: center;
}
.h-slider .container .product a:not(.btn) .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--10);
  align-items: flex-start;
}
.h-slider .container .product a:not(.btn) .info .title {
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--26);
  hyphens: auto;
}
.h-slider .container .product a:not(.btn) .info .d {
  font-size: var(--14);
  line-height: var(--22);
}
.h-slider .container .product a:not(.btn) .info .duration,
.h-slider .container .product a:not(.btn) .info .currencies {
  font-size: var(--13);
  line-height: var(--24);
  background: var(--very-very-light-gray);
  padding: 0 var(--10);
  border-radius: var(--12);
  margin: 0;
}
.h-slider .container .product a:not(.btn) .actions {
  display: flex;
  gap: var(--20);
}
.h-slider .container .product a:not(.btn) .actions .btn {
  margin-top: var(--20);
  padding: var(--5) var(--24);
  font-size: var(--14);
  line-height: var(--22);
}
.h-slider .container .product a:not(.btn) .actions .btn:after {
  content: none;
}

header.header.s {
  border-radius: var(--BorderRadius) var(--BorderRadius) 0 0;
  background: var(--light-blue);
  padding: var(--30) var(--SidePadding) var(--50);
  overflow: hidden;
  margin-bottom: var(---20);
  display: flex;
  flex-direction: column;
  gap: var(--30);
}
header.header.s.ly {
  background-color: var(--light-yellow);
}
header.header.s img {
  width: var(--384);
  height: var(--160);
  object-fit: contain;
  object-position: center;
}
header.header.s .info {
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
header.header.s .description {
  gap: var(--10);
}
header.header.s + .body {
  background: var(--White);
  border-radius: var(--BorderRadius) var(--BorderRadius) 0 0;
  padding: var(--30) var(--SidePadding) 0;
  display: flex;
  flex-direction: column;
  gap: var(--20);
}
header.header .btn:after {
  content: none;
}

.years {
  display: flex;
  overflow: auto;
  scrollbar-width: none;
}
.years .btn {
  padding: var(--10) var(--24);
}
.years .btn:after {
  content: none;
}
.years .btn.h {
  border-color: var(--White);
  color: var(--black);
}

.bank .text {
  border-color: var(--Dark-light-blue);
}

.contacts .t17.b .items .t17a {
  display: flex;
  flex-direction: column;
  gap: var(--5);
}
.contacts .t17.b .items .t17a a {
  display: inline-block;
  white-space: nowrap;
}

#header-menu {
  display: flex;
  flex-direction: column;
  gap: 0;
}
#header-menu .header {
  display: flex;
  gap: var(--50);
  padding: var(--20) 0 var(--16);
}
#header-menu .header .nurbank {
  flex: 0 0 var(--230);
}
#header-menu .header .nurbank a {
  display: block;
}
#header-menu .header .nurbank a img {
  width: 100%;
}
#header-menu .header .menu {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
#header-menu .header .menu .sections {
  display: flex;
  gap: var(--30);
  padding: 0;
  margin: 0;
  list-style: none;
}
#header-menu .header .menu .sections .item a {
  display: block;
  font-size: var(--16);
  line-height: var(--24);
  position: relative;
  transition: all 0.3s linear;
}
#header-menu .header .menu .sections .item a:after {
  content: "";
  display: block;
  width: 100%;
  height: var(--2);
  background: var(--blue);
  position: absolute;
  bottom: var(---20);
  opacity: 0;
  transition: all 0.3s linear;
}
#header-menu .header .menu .sections .item:hover a, #header-menu .header .menu .sections .item.current a {
  color: var(--blue);
  text-decoration: none;
}
#header-menu .header .menu .sections .item:hover a:after, #header-menu .header .menu .sections .item.current a:after {
  opacity: 1;
}
#header-menu .header .menu .map-phone {
  display: flex;
  gap: var(--30);
}
#header-menu .header .menu .map-phone .map a {
  font-size: var(--16);
  line-height: var(--24);
  display: flex;
  gap: var(--9);
  align-items: flex-end;
}
#header-menu .header .menu .map-phone .map a:before {
  content: "";
  display: block;
  background: url("/images/h-map.svg") center top/contain no-repeat;
  width: var(--24);
  height: var(--26);
}
#header-menu .header .menu .map-phone .phone a {
  font-size: var(--20);
  font-weight: 500;
  line-height: var(--28);
  display: flex;
  gap: var(--10);
  align-items: flex-start;
}
#header-menu .header .menu .map-phone .phone a:before {
  content: "";
  display: block;
  background: url("/images/h-phone.svg") center top/contain no-repeat;
  width: var(--22);
  height: var(--22);
}
#header-menu .header .menu .sll {
  display: flex;
  gap: var(--30);
}
#header-menu .header .menu .sll .search a {
  display: block;
  width: var(--24);
  height: var(--24);
  background: url("/images/search.svg") center center/contain no-repeat;
}
#header-menu .header .menu .sll .low-vision a {
  display: block;
  width: var(--24);
  height: var(--24);
  background: url("/images/h-low.svg") center center/contain no-repeat;
}
#header-menu .header .menu .sll .languages .label {
  font-size: var(--20);
  font-weight: 500;
  line-height: var(--28);
  text-transform: uppercase;
  cursor: pointer;
}
#header-menu .menu-line {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--light-gray);
  position: relative;
}
#header-menu .menu-line menu.menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: var(--76);
}
#header-menu .menu-line menu.menu .item {
  display: flex;
  align-items: center;
}
#header-menu .menu-line menu.menu .item a {
  display: block;
  font-size: var(--16);
  font-weight: 500;
  line-height: var(--24);
  white-space: nowrap;
}
#header-menu .menu-line menu.menu .item a:hover {
  color: var(--blue);
  text-decoration: none;
}
#header-menu .menu-line menu.menu .item:hover > a {
  color: var(--blue);
  text-decoration: none;
}
#header-menu .menu-line menu.menu .item:hover .expand-menu {
  opacity: 1;
  visibility: visible;
}
#header-menu .menu-line menu.menu .item:hover .expand-menu .menu-lines {
  opacity: 1;
  visibility: visible;
  transform: perspective(1000px) rotateX(0deg);
}
#header-menu .menu-line:not(:has(.description)) menu.menu li.item {
  padding: var(--29) 0 var(--27);
}
#header-menu .menu-line .description {
  flex: none;
  display: block;
  padding: var(--20) 0;
}
#header-menu .menu-line .description .btn {
  padding: var(--7) var(--24);
}
#header-menu .menu-line .description .btn:hover {
  background: var(--White);
  color: var(--blue);
  text-decoration: none;
}
#header-menu .menu-line .expand-menu {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 7;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
}
#header-menu .menu-line .expand-menu .menu-lines {
  padding: var(--20) var(--30);
  background: var(--White);
  border-radius: var(--BorderRadius);
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  perspective-origin: top center;
  transform-origin: top center;
  transition: all 0.3s linear;
  transform: perspective(1000px) rotateX(-90deg);
}
#header-menu .menu-line .expand-menu .menu-lines div.menu {
  columns: 4;
  column-gap: var(--30);
}
#header-menu .menu-line .expand-menu .menu-lines div.menu + .other {
  border-top: 1px solid var(--light-gray);
  padding-top: var(--20);
  margin-top: var(--20);
}
#header-menu .menu-line .expand-menu .menu-lines div.menu dl.menu {
  display: flex;
  flex-direction: column;
  gap: var(--15);
  margin-bottom: var(--15);
  break-inside: avoid-column;
}
#header-menu .menu-line .expand-menu .menu-lines div.menu dl.menu:first-child:last-child {
  break-inside: auto;
}
#header-menu .menu-line .expand-menu .menu-lines div.menu dl.menu dt,
#header-menu .menu-line .expand-menu .menu-lines div.menu dl.menu dt a {
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--26);
}
#header-menu .menu-line .expand-menu .menu-lines div.menu dl.menu dd {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
#header-menu .menu-line .expand-menu .menu-lines div.menu dl.menu dd dl.s-menu {
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
#header-menu .menu-line .expand-menu .menu-lines div.menu dl.menu dd ul {
  padding: 0;
  margin: 0;
  list-style: none;
  /*display:flex;
  flex-direction:column;
  gap:var(--10);*/
}
#header-menu .menu-line .expand-menu .menu-lines div.menu dl.menu dd ul li {
  break-inside: avoid;
  margin-bottom: var(--10);
}
#header-menu .menu-line .expand-menu .menu-lines div.menu dl.menu dd ul li:last-child {
  margin-bottom: 0;
}
#header-menu .menu-line .expand-menu .menu-lines div.menu dl.menu dd a {
  white-space: normal;
  font-size: var(--16);
  line-height: var(--24);
  font-weight: normal;
}
#header-menu .menu-line .expand-menu .menu-lines div.menu dl.menu dd a:hover {
  color: var(--blue);
  text-decoration: none;
}
#header-menu .menu-line .expand-menu .menu-lines .other {
  display: flex;
  flex-wrap: wrap;
  gap: var(--30);
  row-gap: var(--20);
}
#header-menu .menu-line .expand-menu .menu-lines .other .item {
  flex: 0 0 calc((100% - var(--30) * 3) / 4);
}
#header-menu .menu-line .expand-menu .menu-lines .other .item a {
  display: inline-block;
  font-size: var(--16);
  line-height: var(--24);
  white-space: normal;
}
#header-menu .menu-line .expand-menu:after {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 0;
  top: var(--145);
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
  pointer-events: none;
}

.bank #header-menu .menu-line menu.menu {
  gap: var(--30);
}

.text-info {
  background: var(--White);
  border-radius: var(--BorderRadius);
  padding: var(--30);
  display: flex;
  gap: var(--30);
}
.text-info .cover {
  flex: 0 0 var(--258);
}
.text-info .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--15);
}
.text-info .info .title {
  font-size: var(--26);
  line-height: var(--34);
}
.text-info .info .description {
  flex: 1;
}
.text-info .info .description p:has(.btn) {
  flex: 1;
  display: flex;
  align-items: flex-end;
}
.text-info .info .description p:has(.btn) .btn {
  padding-left: var(--66);
  padding-right: var(--66);
}

footer.footer {
  background: var(--Light-black);
  margin-top: var(--70);
}
footer.footer .body {
  display: flex;
  flex-direction: column;
  gap: var(--60);
  padding: var(--30) 0;
  color: var(--White);
}
footer.footer .body .description {
  font-size: var(--16);
  line-height: var(--24);
  gap: var(--10);
}
footer.footer .body .description a {
  color: var(--White);
}
footer.footer .body .menu-line {
  display: flex;
  gap: var(--30);
}
footer.footer .body .menu-line .contacts {
  flex: 0 0 var(--382);
  display: flex;
  flex-direction: column;
  gap: var(--30);
}
footer.footer .body .menu-line .contacts .contact {
  display: flex;
  align-items: center;
  gap: var(--10);
}
footer.footer .body .menu-line .contacts .contact a[href^="tel:"] {
  font-size: var(--22);
  font-weight: 600;
  line-height: var(--30);
  color: var(--White);
}
footer.footer .body .menu-line .contacts .contact .description {
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--26);
}
footer.footer .body .menu-line .contacts .map a {
  display: inline-block;
  color: var(--White);
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--26);
  padding-left: var(--34);
  background: url("/images/w-map.svg") left center/var(--24) no-repeat;
}
footer.footer .body .menu-line .contacts .app {
  display: flex;
  flex-direction: column;
  gap: var(--20);
}
footer.footer .body .menu-line .contacts .app dt {
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--24);
}
footer.footer .body .menu-line .contacts .app dd {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
footer.footer .body .menu-line .contacts .app dd a {
  display: block;
  background: var(--White);
  border-radius: var(--40);
  padding: var(--10) var(--25);
}
footer.footer .body .menu-line .contacts .social {
  display: flex;
  flex-direction: column;
  gap: var(--20);
}
footer.footer .body .menu-line .contacts .social dt {
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--24);
}
footer.footer .body .menu-line .contacts .social dd {
  padding: 0;
  margin: 0;
}
footer.footer .body .menu-line .contacts .social dd .items {
  display: flex;
  gap: var(--30);
}
footer.footer .body .menu-line .contacts .social dd .items .s {
  display: block;
  height: var(--24);
}
footer.footer .body .menu-line .contacts .social dd .items .s img {
  height: 100%;
}
footer.footer .body .menu-line .menu-block {
  flex: 1;
  display: flex;
  gap: var(--30);
}
footer.footer .body .menu-line .menu-block .menu {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--15);
}
footer.footer .body .menu-line .menu-block .menu dt {
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--26);
}
footer.footer .body .menu-line .menu-block .menu dd {
  padding: 0;
  margin: 0;
}
footer.footer .body .menu-line .menu-block .menu dd ul, footer.footer .body .menu-line .menu-block .menu dd ol {
  display: flex;
  flex-direction: column;
  gap: var(--10);
  list-style: none;
  padding: 0;
  margin: 0;
}
footer.footer .body .menu-line .menu-block .menu dd ul li, footer.footer .body .menu-line .menu-block .menu dd ol li {
  padding-bottom: var(--2);
}
footer.footer .body .menu-line .menu-block .menu dd ul li a, footer.footer .body .menu-line .menu-block .menu dd ol li a {
  display: inline-block;
  color: var(--White);
  font-size: var(--16);
  line-height: var(--24);
}

#mobile-app .popup,
#l-mobile-app .popup {
  width: var(--433);
}
#mobile-app .popup .title,
#l-mobile-app .popup .title {
  font-size: var(--22);
  line-height: var(--30);
}
#mobile-app .popup p:has(a + a),
#l-mobile-app .popup p:has(a + a) {
  display: flex;
  gap: var(--30);
}

#speechButton {
  position: absolute;
  width: 30px;
  height: 30px;
  border: 2px solid var(--nur);
  border-radius: var(--3);
  background: var(--nur) url("/images/speaker-n.svg") center center/20px no-repeat;
  cursor: pointer;
  z-index: 1;
  left: 50%;
  top: 50%;
}
#speechButton.hidden {
  display: none;
}
#speechButton:hover {
  background: #fff url("/images/speaker.svg") center center/20px no-repeat;
}

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