@font-face {
  font-family: "Segoe UI";
  src: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-Light.eot);
  src: local("../fonts/Segoe UI Light"), local("../fonts/SegoeUI-Light"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-Light.eot%23iefix) format("embedded-opentype"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-Light.woff) format("woff"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Segoe UI";
  src: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-BoldItalic.eot);
  src: local("../fonts/Segoe UI Bold Italic"), local("../fonts/SegoeUI-BoldItalic"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-BoldItalic.eot%23iefix) format("embedded-opentype"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-BoldItalic.woff) format("woff"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Segoe UI";
  src: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-SemiBold.eot);
  src: local("../fonts/Segoe UI Semibold"), local("../fonts/SegoeUI-SemiBold"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-SemiBold.eot%23iefix) format("embedded-opentype"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-SemiBold.woff) format("woff"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Segoe UI";
  src: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI.eot);
  src: local("../fonts/Segoe UI"), local("../fonts/SegoeUI"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI.eot%23iefix) format("embedded-opentype"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI.woff) format("woff"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Segoe UI";
  src: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-Bold.eot);
  src: local("../fonts/Segoe UI Bold"), local("../fonts/SegoeUI-Bold"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-Bold.eot%23iefix) format("embedded-opentype"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-Bold.woff) format("woff"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Segoe UI";
  src: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-Italic.eot);
  src: local("../fonts/Segoe UI Italic"), local("../fonts/SegoeUI-Italic"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-Italic.eot%23iefix) format("embedded-opentype"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-Italic.woff) format("woff"), url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Ffonts%2FSegoeUI-Italic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
  display: block;
  max-width: 100%;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.63em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.jquery-modal.blocker {
  background-color: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.jquery-modal.blocker:before {
  display: none;
}

.jquery-modal .modal {
  position: static;
  background: #FFFFFF;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  max-width: 590px;
  padding: 30px;
}

.jquery-modal .modal h2 {
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  color: #2B2A29;
}

.jquery-modal .modal h3 {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
}

.jquery-modal .modal h4 {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #898989;
  margin-bottom: 20px;
}

.jquery-modal .modal a.close-modal {
  display: none;
}

.jquery-modal .modal .close-window {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding: 0 40px;
  height: 42px;
  background: #FFFFFF;
  border: 1px solid #2B2A29;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  margin-top: 20px;
  color: #2B2A29;
}

.jquery-modal .modal .close-window:before {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fcancel.svg);
  width: 16px;
  height: 16px;
  content: "";
  display: inline-block;
  margin-right: 10px;
}

.show {
  display: block !important;
}

.h2 {
  font-weight: bold;
  font-size: 32px;
  line-height: 43px;
  color: #2B2A29;
}

.h4 {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  color: #000000;
}

.h5 {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul {
  margin: 0;
  padding: 0;
  font-family: "Segoe UI";
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.nav-drop-down .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nav-drop-down .center .btn {
  background: #FFFFFF;
  border: 1px solid #2B2A29;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #2B2A29;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 44px;
  padding: 0 20px;
  margin-top: 50px;
  text-decoration: none;
}
.nav-drop-down .center .btn:hover {
  background-color: #2B2A29;
  color: #fff;
}

.nav-drop-down .right .btn {
  background: #E31E24;
  border: 1px solid #E31E24;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 44px;
  padding: 0 20px;
  margin-top: 20px;
  text-decoration: none;
}

.nav-drop-down .left {
  width: 300px;
  min-width: 300px;
}

.nav-drop-down .center {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  padding: 0 30px;
  margin: 0 30px;
  border-left: 1px solid #DEE2E6;
  border-right: 1px solid #DEE2E6;
}

.nav-drop-down .right {
  width: 370px;
  min-width: 370px;
}

.nav-drop-down li {
  margin-bottom: 16px;
  list-style: none;
}

.nav-drop-down li a {
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #2B2A29;
  text-decoration: none;
}

.nav-drop-down h4 {
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #2B2A29;
}

.nav-drop-down p {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #2B2A29;
}

.nav-drop-down p a {
  text-decoration: none;
  color: #2B2A29;
}

.nav-drop-down img {
  margin-bottom: 10px;
  max-width: 100%;
  width: 100%;
}

.container {
  max-width: 1200px;
  width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
}

.container-small {
  max-width: 840px;
  width: 840px;
  padding: 0 15px;
  margin: 0 auto;
}

html {
  font-family: "Segoe UI";
}

input {
  font-family: "Segoe UI";
}

select {
  font-family: "Segoe UI";
}

textarea {
  font-family: "Segoe UI";
}

.header-wrapper.dark-theme {
  background-color: #2B2A29;
  position: static;
}

.header-wrapper.dark-theme2 {
  background-color: #2B2A29;
}

.header-wrapper {
  position: absolute;
  z-index: 99999;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: transparent;
}

header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

header .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .grid .logo {
  margin-right: 15px;
  display: inline-block;
  position: relative;
}

header .grid a {
  text-decoration: none;
}

header .grid .left-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .grid .left-side .url {
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  opacity: 0.5;
  position: relative;
  margin: 0 15px;
}

header .grid .left-side .url:after {
  position: absolute;
  bottom: -22px;
  right: 0;
  left: 0;
  height: 3px;
  width: 100%;
  content: "";
  background-color: #fff;
  opacity: 0;
}

header .grid .left-side .url.active {
  opacity: 1;
}

header .grid .left-side .url.active:after {
  opacity: 1;
}

header .grid .right-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .grid .right-side .maps {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-location.svg);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
}

header .grid .right-side .lng {
  cursor: pointer;
  position: relative;
}

header .grid .right-side .lng img {
  display: block;
  width: 32px;
}

header .grid .right-side a {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  display: inline-block;
  margin-right: 30px;
}

header .grid .right-side .dropdown-content.show {
  display: block;
}

header .grid .right-side .dropdown-content {
  display: none;
  position: absolute;
  min-width: 100px;
  z-index: 1;
  right: 0;
  top: 42px;
}

header .grid .right-side .dropdown-content .radius {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  overflow: hidden;
  padding: 10px 0;
}

header .grid .right-side .dropdown-content:before {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-dropdown.svg);
  width: 12px;
  height: 7px;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  position: absolute;
  top: -5px;
  right: 10px;
  z-index: 1;
}

header .grid .right-side .dropdown-content a {
  color: #898989;
  padding: 4px 16px 4px 45px;
  text-decoration: none;
  display: block;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  margin-right: 0;
  position: relative;
}

header .grid .right-side .dropdown-content a::before {
  position: absolute;
  left: 16px;
  top: 6px;
  bottom: 6px;
  width: 16px;
  height: 16px;
  content: "";
}

header .grid .right-side .dropdown-content a.eng:before {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-en.svg);
}

header .grid .right-side .dropdown-content a.rus:before {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-rus.svg);
}

header .grid .right-side .dropdown-content a.kg:before {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-kg.svg);
}

header .grid .right-side .dropdown-content a.active {
  color: #2B2A29;
  background-color: #EEEFF0;
}

header .grid .right-side .dropdown-content a:hover {
  color: #2B2A29;
  background-color: #EEEFF0;
}

nav .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

nav .grid > div > a {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  padding: 27px 0;
}

nav .grid > .link[data-has-dropdown=true]:hover > a + .nav-drop-down {
  visibility: visible;
  opacity: 1;
  top: 140px;
}

nav .grid a.active {
  color: #E31E24;
}

nav .grid > .link[data-has-dropdown=true]:hover > a {
  color: #E31E24;
}

nav .search {
  width: 28px;
  height: 28px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-search.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.nav-drop-down {
  background: #FFFFFF;
  -webkit-box-shadow: inset 0px 20px 20px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0px 20px 20px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  padding: 40px 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 150px;
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.nav-drop-down.show {
  display: block;
}

nav .btn-shop {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  padding: 0 20px !important;
}
nav .btn-shop:hover {
  background-color: #fff;
  color: #2B2A29 !important;
}

.breadcrumbs {
  border-bottom: 1px solid #DEE2E6;
  margin-bottom: 40px;
}

.breadcrumbs-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.breadcrumbs-list .breadcrumbs-item {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  position: relative;
  padding-right: 20px;
  margin-right: 20px;
}

.breadcrumbs-list .breadcrumbs-item:after {
  display: inline-block;
  position: absolute;
  right: -3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 6px;
  height: 6px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Farrow-point-to-right.svg);
}

.breadcrumbs .breadcrumbs-item:last-child:after {
  display: none;
}

.breadcrumbs-list a {
  color: #9D9E9E;
  text-decoration: none;
}

.breadcrumbs-list span {
  color: #2B2A29;
}

.footer {
  background: #2B2A29;
  padding-top: 60px;
  overflow: hidden;
}

.footer .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -20px;
}

.footer .grid .item {
  width: 20%;
  margin-left: 20px;
}

.footer .grid .social {
  margin-top: 55px;
}

.footer .grid .social a {
  display: inline-block;
  margin-right: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.footer .grid .social a:hover {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}

.footer .grid .code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 23px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-phone.svg);
  background-repeat: no-repeat;
  background-position: left center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px;
  position: relative;
}
.footer .grid .code a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.footer .grid .code .code-number {
  font-weight: normal;
  font-size: 36px;
  line-height: 52px;
  color: #FFFFFF;
  margin-right: 10px;
}

.footer .grid .code .code-text {
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
  opacity: 0.5;
}

.footer .grid .title {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  text-transform: capitalize;
  margin-bottom: 23px;
  color: #FFFFFF;
}

.footer .grid ul {
  padding: 0;
  margin: 0;
}

.footer .grid ul li {
  margin-bottom: 10px;
  list-style: none;
}

.footer .grid ul li a {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  text-decoration: none;
}
.footer .grid ul li a .active {
  color: #E31E24;
}
.footer .grid ul li a:hover {
  color: #E31E24;
}

.footer .grid p {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  margin-bottom: 8px;
}
.footer .grid p a {
  text-decoration: none;
  color: #FFFFFF;
}

.footer hr {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 30px 0;
}

.footer .copyright {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #9D9E9E;
  padding-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-slider {
  position: relative;
}

.main-slider .swiper-pagination.swiper-pagination-bullets {
  bottom: 40px;
}

.main-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

.main-slider .swiper-pagination-bullet {
  background: #ffffff;
  opacity: 0.4;
  width: 12px;
  height: 12px;
}

.main-slider .swiper-button-next.main-slider-arrow {
  right: 40px;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fslider-right.svg);
  border-radius: 2px;
  outline: none !important;
}

.main-slider .swiper-button-next.main-slider-arrow:after {
  display: none;
}

.main-slider .swiper-button-prev.main-slider-arrow {
  left: 40px;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fslider-left.svg);
  border-radius: 2px;
  outline: none !important;
}

.main-slider .swiper-button-prev.main-slider-arrow:after {
  display: none;
}

.main-slider .swiper-container.main-page {
  height: 100vh;
  /* background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fpng%2FSubtract.png); */
  background-repeat: no-repeat;
  background-position: 80% center;
}

.main-slider .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}

.main-slider .btn-group .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 200px;
  height: 44px;
  font-weight: normal;
  font-size: 14px;
  border-radius: 2px;
  line-height: 20px;
  text-align: center;
  margin-right: 20px;
  cursor: pointer;
  text-decoration: none;
}

.main-slider .swiper-slide {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.main-slider .btn-group .btn.red-btn {
  background: #e31e24;
  color: #fff;
}

.main-slider .btn-group .btn.white-btn {
  background-color: #fff;
  color: #2b2a29;
}

.main-slider .container {
  height: 100%;
}

.main-slider h2 {
  font-weight: bold;
  font-size: 40px;
  line-height: 64px;
  color: #ffffff;
  margin-bottom: 2px;
}

.main-slider p {
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
}

.main-slider .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 100%;
}

.main-slider .grid .left-side {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 600px;
}

.main-slider .grid .right-side {
  margin-left: auto;
}

.main-slider .grid .right-side img {
  display: block;
}

.best-from-bank {
  padding: 40px 0 60px 0;
}

.best-from-bank .h2 {
  margin-bottom: 40px;
}

.best-from-bank .h4 {
  margin-bottom: 12px;
}

.best-from-bank p {
  font-size: 16px;
  line-height: 24px;
  color: #898989;
  margin-top: 0;
  margin-bottom: 54px;
}

.best-from-bank .item {
  border-radius: 4px;
  border: 1px solid #eeeff0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.best-from-bank .item .overlay-link {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.best-from-bank .item:hover img {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}

.best-from-bank .image {
  height: 148px;
  overflow: hidden;
}

.best-from-bank img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin: -1px -1px 0 -1px;
}

.best-from-bank .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 30px 25px;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.best-from-bank .text p {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.best-from-bank .show-more {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-right-arrow.svg);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 25px;
  font-size: 16px;
  line-height: 24px;
  color: #2b2a29;
  text-decoration: none;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.best-from-bank .relative-navigation {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.best-from-bank .swiper-button-next.best-from-bank-btn {
  right: -35px;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-right-arrow-thing.svg);
  background-color: #ffffff;
  -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  outline: none !important;
}

.best-from-bank .swiper-button-next.best-from-bank-btn:hover {
  -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
}

.best-from-bank .swiper-button-next.best-from-bank-btn:after {
  display: none;
}

.best-from-bank .swiper-button-prev.best-from-bank-btn {
  left: -35px;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-left-arrow-thing.svg);
  background-color: #ffffff;
  -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  outline: none !important;
}

.best-from-bank .swiper-button-prev.best-from-bank-btn:hover {
  -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
}

.best-from-bank .swiper-button-prev.best-from-bank-btn:after {
  display: none;
}

.dcb-market {
  margin-bottom: 60px;
}

.dcb-market .nav-carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dcb-market .arrow-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}

.dcb-market .swiper-button-next.dcb-market {
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-right-arrow-thing.svg);
  background-color: #ffffff;
  border-radius: 2px;
  outline: none !important;
}

.dcb-market .swiper-button-next.dcb-market:after {
  display: none;
}

.dcb-market .swiper-button-prev.dcb-market {
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-left-arrow-thing.svg);
  background-color: #ffffff;
  border-radius: 2px;
  outline: none !important;
}

.dcb-market .swiper-button-prev.dcb-market:after {
  display: none;
}

.dcb-market .h2 span {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  color: #898989;
  display: inline-block;
  margin-left: 20px;
}

.dcb-market .swiper-button-prev.dcb-market,
.dcb-market .swiper-button-next.dcb-market {
  position: static;
  margin-top: 0;
  margin: 0 5px;
}

.dcb-market .link-catalog {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 200px;
  height: 44px;
  border: 1px solid #2b2a29;
  margin-left: 35px;
  background: #ffffff;
  border-radius: 2px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #2b2a29;
  text-decoration: none;
}
.dcb-market .link-catalog:hover {
  background-color: #2b2a29;
  color: #fff;
}

.dcb-market .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #dee2e6;
  padding: 30px 10px;
  background: #ffffff;
  border-radius: 2px;
  text-align: center;
  position: relative;
}
.dcb-market .item:hover img {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}
.dcb-market .item .overlay-link {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}

.dcb-market .image {
  margin-bottom: 25px;
}
.dcb-market .image img {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.dcb-market .text {
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  min-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  color: #2b2a29;
}

.currency-rates {
  margin-bottom: 60px;
}

.currency-rates .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
}

.currency-rates .grid .item {
  width: 570px;
  margin-left: 30px;
  border-radius: 2px;
}

.currency-rates .grid .left-side {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dee2e6;
  padding: 30px;
  background: #ffffff;
  border-radius: 2px;
}

.currency-rates .grid .right-side {
  background-color: #2b2a29;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fpng%2Fcar.png);
  background-repeat: no-repeat;
  background-position: right center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.currency-rates .grid .right-side .text {
  padding-left: 40px;
  max-width: 270px;
}

.currency-rates .grid .right-side .text .h2 {
  color: #fff;
  margin-bottom: 20px;
}

.currency-rates .grid .right-side .text p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 40px;
}

.currency-rates .grid .right-side .text a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 200px;
  height: 44px;
  background: #e31e24;
  border-radius: 2px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
}

.currency-rates .h4 {
  margin-bottom: 20px;
}

.currency-rates .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #2b2a29;
  border-radius: 4px;
  margin-bottom: 20px;
}

.currency-rates .tab .tab-item {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  width: 33.33%;
  color: #2b2a29;
  padding: 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  cursor: pointer;
}

.currency-rates .tab .tab-item:hover {
  background-color: #676664;
  color: #fff;
}

.currency-rates .tab .tab-item:nth-child(2) {
  border-left: 1px solid #2b2a29;
  border-right: 1px solid #2b2a29;
}

.currency-rates .tab .tab-item.active {
  color: #fff;
  background: #2b2a29;
}

.currency-rates .grid-currency {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.currency-rates .grid-currency.grid-title {
  margin-bottom: 15px;
}

.currency-rates .grid-currency.grid-price {
  margin-bottom: 20px;
}

.currency-rates .grid-currency .grid-item {
  width: 140px;
}

.currency-rates .grid-currency .grid-item span {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #868e96;
}

.currency-rates .grid-currency .grid-item b {
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: #2b2a29;
}

.currency-rates .grid-currency .grid-item .price {
  font-weight: 300;
  font-size: 24px;
  line-height: 24px;
  color: #2b2a29;
}

.currency-rates .grid-currency .grid-item:nth-child(2) {
  margin: 0 30px 0 auto;
}

.currency-rates hr {
  border: 0;
  border-top: 1px solid #dee2e6;
}

.currency-rates .info {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.currency-rates .info .left-side-info b {
  display: inline-block;
  min-height: 24px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2b2a29;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-info.svg);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
  cursor: pointer;
}

.currency-rates .info .right-side-info {
  width: 272px;
  margin-left: auto;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #696b75;
}

.specialist-offers {
  margin-bottom: 40px;
}

.specialist-offers .nav-carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.specialist-offers .arrow-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}

.specialist-offers .swiper-button-next.specialist-btn-arrow {
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-right-arrow-thing.svg);
  background-color: #ffffff;
  border-radius: 2px;
  outline: none !important;
}

.specialist-offers .swiper-button-next.specialist-btn-arrow:after {
  display: none;
}

.specialist-offers .swiper-button-prev.specialist-btn-arrow {
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-left-arrow-thing.svg);
  background-color: #ffffff;
  border-radius: 2px;
  outline: none !important;
}

.specialist-offers .swiper-button-prev.specialist-btn-arrow:after {
  display: none;
}

.specialist-offers .h2 span {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  color: #898989;
  display: inline-block;
  margin-left: 20px;
}

.specialist-offers .swiper-button-prev.specialist-btn-arrow,
.specialist-offers .swiper-button-next.specialist-btn-arrow {
  position: static;
  margin-top: 0;
  margin: 0 5px;
}

.specialist-offers .link-catalog {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 200px;
  height: 44px;
  border: 1px solid #2b2a29;
  margin-left: 35px;
  background: #ffffff;
  border-radius: 2px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #2b2a29;
  text-decoration: none;
}
.specialist-offers .link-catalog:hover {
  background-color: #2b2a29;
  color: #fff;
}

.specialist-offers .item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 320px;
  border: 1px solid #dee2e6;
  padding: 30px;
  background: #ffffff;
  border-radius: 4px;
  position: relative;
}

.specialist-offers .item .cover-url {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.specialist-offers .item:hover .title {
  color: #E31E24;
}

.specialist-offers .item .date {
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  color: #898989;
  margin-bottom: 20px;
}

.specialist-offers .item .title {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  font-style: normal;
  font-weight: normal;
  font-size: 26px;
  line-height: 35px;
  color: #2b2a29;
}

.specialist-offers .item .show-more {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-right-arrow.svg);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 25px;
  font-size: 16px;
  line-height: 24px;
  color: #2b2a29;
  text-decoration: none;
}

.specialist-offers .left-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 240px;
}

.specialist-offers .right-side {
  margin-left: auto;
}

.specialist-offers .right-side img {
  width: 200px;
  height: 200px;
  -o-object-fit: contain;
  object-fit: contain;
}

.news {
  margin-bottom: 80px;
}
.news .swiper-slide {
  -ms-flex-negative: inherit;
      flex-shrink: inherit;
}
.news .swiper-container-autoheight, .news .swiper-container-autoheight .swiper-slide {
  height: 100% !important;
}

.news .nav-carousel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #dee2e6;
}

.news .item {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.news .item .cover-url {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.news .arrow-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}

.news .swiper-button-next.news-btn-arrow {
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-right-arrow-thing.svg);
  background-color: #ffffff;
  border-radius: 2px;
  outline: none !important;
}

.news .swiper-button-next.news-btn-arrow:after {
  display: none;
}

.news .swiper-button-prev.news-btn-arrow {
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-left-arrow-thing.svg);
  background-color: #ffffff;
  border-radius: 2px;
  outline: none !important;
}

.news .swiper-button-prev.news-btn-arrow:after {
  display: none;
}

.news .swiper-button-prev.news-btn-arrow,
.news .swiper-button-next.news-btn-arrow {
  position: static;
  margin-top: 0;
  margin: 0 5px;
}

.news .link-catalog {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 200px;
  height: 44px;
  border: 1px solid #2b2a29;
  margin-left: 35px;
  background: #ffffff;
  border-radius: 2px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #2b2a29;
  text-decoration: none;
}
.news .link-catalog:hover {
  background-color: #2b2a29;
  color: #fff;
}

.news .date {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  color: #9d9e9e;
  margin-bottom: 12px;
}
.news .date.date--modify {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fgreen.svg);
  background-repeat: no-repeat;
  background-position: left 8px center;
  background-size: 16px;
  background-color: #F3F3F3;
  border-radius: 8px;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding: 4px 8px 4px 32px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #898989;
}

.news .h4 {
  margin-bottom: 20px;
}

.news p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #696b75;
  margin-bottom: auto;
}

.news .show-more {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-right-arrow.svg);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 25px;
  font-size: 16px;
  line-height: 24px;
  color: #2b2a29;
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.news .show-more:hover {
  color: #E31E24;
}

.news-list .h2 {
  font-weight: bold;
  font-size: 36px;
  line-height: 48px;
  color: #2B2A29;
}

.news-list .date-picker {
  margin-left: auto;
}

.news-list .nav-news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dee2e6;
}

.news-list .nav-news-list input {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fcalendar.svg);
  background-repeat: no-repeat;
  background-position: 95% center;
  background-color: #FFFFFF;
  border: 1px solid #DEE2E6;
  border-radius: 2px;
  width: 280px;
  height: 44px;
  outline: none !important;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #2B2A29;
  padding: 0 16px;
}

.news-list .nav-news-list input::-webkit-input-placeholder {
  color: #2B2A29;
}

.news-list .nav-news-list input::-moz-placeholder {
  color: #2B2A29;
}

.news-list .nav-news-list input:-ms-input-placeholder {
  color: #2B2A29;
}

.news-list .nav-news-list input::-ms-input-placeholder {
  color: #2B2A29;
}

.news-list .nav-news-list input::placeholder {
  color: #2B2A29;
}

.news-list .nav-news-list input:-ms-input-placeholder {
  color: #2B2A29;
}

.news-list .nav-news-list input::-ms-input-placeholder {
  color: #2B2A29;
}

.news-list .grid-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -60px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.news-list .item {
  padding-left: 60px;
  width: 33.33%;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}

.news-list .item:hover .h4 {
  color: #E31E24;
}

.news-list .h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.news-list .relative {
  position: relative;
}

.news-list .show-detail {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}

.news-list .grid-offers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
}

.news-list .grid-offers .grid-item {
  width: 570px;
  padding-left: 30px;
  margin-bottom: 30px;
}

.news-list .grid-offers .offers-item {
  background: #FFFFFF;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 320px;
  border: 1px solid #dee2e6;
  padding: 30px;
}

.news-list .grid-offers .offers-item:hover .title {
  color: #E31E24;
}

.news-list .grid-offers .offers-item .date {
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  color: #898989;
  margin-bottom: 20px;
}

.news-list .grid-offers .offers-item .title {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  font-style: normal;
  font-weight: normal;
  font-size: 26px;
  line-height: 35px;
  color: #2b2a29;
}

.news-list .grid-offers .offers-item .show-more {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-right-arrow.svg);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 25px;
  font-size: 16px;
  line-height: 24px;
  color: #2b2a29;
  text-decoration: none;
}

.news-list .grid-offers .offers-item .left-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 240px;
}

.news-list .grid-offers .offers-item .right-side {
  margin-left: auto;
}

.news-list .grid-offers .offers-item .right-side img {
  width: 200px;
  height: 200px;
  -o-object-fit: contain;
  object-fit: contain;
}

.pagination {
  border: 1px solid #DEE2E6;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 2px;
  overflow: hidden;
}

.pagination .prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pagination .prev a {
  width: 44px;
  height: 44px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-arrow-left.svg);
  background-repeat: no-repeat;
  background-position: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.pagination .page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pagination .page .active {
  background: #2B2A29;
  color: #fff;
}

.pagination .page li {
  width: 44px;
  height: 44px;
  list-style: none;
}

.pagination .page a {
  border-right: 1px solid #DEE2E6;
  width: 44px;
  height: 44px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #898989;
  text-decoration: none;
}

.pagination .next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pagination .next a {
  width: 44px;
  height: 44px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-arrow-right.svg);
  background-repeat: no-repeat;
  background-position: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.news-detail {
  padding-bottom: 80px;
}
.news-detail .ck-table-custom * {
  font-size: 14px !important;
}

.news-detail .container {
  position: relative;
}

.news-detail .social-share {
  position: absolute;
  top: 0;
  left: 0;
}

.news-detail .social-share a {
  display: block;
  text-decoration: none;
  margin-bottom: 10px;
}

.news-detail .date {
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #898989;
}

.news-detail .h1 {
  margin-bottom: 20px;
}

.news-detail .main-banner {
  margin-bottom: 20px;
  border-radius: 4px;
}

.news-detail p {
  font-weight: normal;
  font-size: 20px;
  color: #2B2A29;
  margin: 20px 0;
}

.news-detail .card-info ul {
  padding: 0;
  margin: 8px 0 0 0;
}
.news-detail .card-info ul li {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  margin-bottom: 10px;
  position: relative;
  list-style: none;
}
.news-detail .card-info ul li:before {
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2FBullet.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 8px;
  height: 8px;
  left: 0;
  display: inline-block;
  margin-right: 10px;
}
.news-detail ol {
  padding: 0 0 0 16px;
  margin: 8px 0 0 0;
}
.news-detail ol li {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  margin-bottom: 10px;
  position: relative;
}

.ck-table-custom {
  margin: 20px 0;
}
.ck-table-custom table {
  width: 100%;
  border-spacing: 0 !important;
  border: 1px solid #DEE2E6 !important;
}
.ck-table-custom table thead tr {
  background: #2B2A29;
}
.ck-table-custom table thead tr th {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  padding: 20px;
}
.ck-table-custom table tbody tr:last-child td {
  border-bottom: 0;
}
.ck-table-custom table tbody tr td {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #2B2A29;
  padding: 20px;
  border-right: 1px solid #DEE2E6;
  border-bottom: 1px solid #DEE2E6;
}
.ck-table-custom table tbody tr td:last-child {
  border-right: 0;
}

.news-detail iframe {
  display: block;
  height: 360px;
  margin: 20px 0;
}

.news-detail video {
  height: 360px;
  margin: 20px 0;
}

.plyr__poster {
  background-size: cover;
}

.news-detail .image-group {
  margin: 40px 0;
}

.news-detail .image-group .h2 {
  margin-bottom: 20px;
}

.news-detail .image-group p {
  font-size: 16px;
  line-height: 24px;
}

.news-detail .image-group img {
  margin-bottom: 10px;
  border-radius: 4px;
}

.quote .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  opacity: 1;
  margin-bottom: 6px;
}

.quote .desc {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  opacity: 1;
}

.quote .h2 {
  margin-bottom: 20px;
}

.quote .warning .title {
  color: #E31E24;
}

.quote .warning {
  padding: 20px;
  background-color: rgba(227, 30, 36, 0.1);
  border-radius: 4px;
  margin: 10px 0;
}

.quote .notice {
  padding: 20px;
  background-color: rgba(255, 252, 0, 0.1);
  border-radius: 4px;
  margin: 10px 0;
}

.quote .success {
  padding: 20px;
  margin: 10px 0;
  background-color: rgba(0, 152, 70, 0.1);
}

.quote .success .title {
  color: #009846;
}

.quote .normally {
  padding: 20px;
  margin: 10px 0;
  background: #F3F3F3;
}

.quote .normally-quote {
  background: #F3F3F3;
  padding: 20px;
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.quote .normally-quote:before {
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fpng%2Fic-quote.png);
  width: 40px;
  height: 40px;
  min-width: 40px;
  display: inline-block;
  margin-right: 20px;
}

.deposits-banner.m-credit-grid.fast {
  background-color: #E4E4E4;
}

.deposits-banner.m-credit-grid.business .grid-small .item hr {
  border-bottom: 1px solid #fff;
}

.deposits-banner.m-credit-grid.business {
  background-color: #795F4E;
}

.deposits-banner.m-credit-grid.business h1 {
  color: #fff;
}

.deposits-banner.m-credit-grid.business .grid .left-side {
  width: 620px;
}

.deposits-banner.m-credit-grid.business .top {
  color: #fff !important;
}

.deposits-banner.m-credit-grid.business .bot {
  color: #fff !important;
}

.deposits-banner.m-credit-grid.consumer .grid-small .item hr {
  border-bottom: 1px solid #fff;
}

.deposits-banner.m-credit-grid.consumer {
  background-color: #02A6E5;
}

.deposits-banner.m-credit-grid.consumer h1 {
  color: #fff;
}

.deposits-banner.m-credit-grid.consumer .grid .left-side {
  width: 620px;
}

.deposits-banner.m-credit-grid.consumer .top {
  color: #fff !important;
}

.deposits-banner.m-credit-grid.consumer .bot {
  color: #fff !important;
}

.deposits-banner.m-credit-grid.azamat {
  background-color: #ECDFB2;
}

.deposits-banner.m-credit-grid .grid-small {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 40px;
  margin-bottom: 20px;
}

.deposits-banner.m-credit-grid .grid-small .item {
  margin-right: 50px;
}

.deposits-banner.m-credit-grid .grid-small .item .top {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}

.deposits-banner.m-credit-grid .grid-small .item hr {
  border-top: 0;
  border-bottom: 1px solid rgba(43, 42, 41, 0.1);
  margin: 16px 0 12px 0;
}

.deposits-banner.m-credit-grid .grid-small .item .bot {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #2B2A29;
  white-space: nowrap;
}

.deposits-banner {
  min-height: 600px;
  background: #F8CF73;
  position: relative;
  padding-top: 200px;
}

.deposits-banner.m-transfers {
  background-color: #ECB7BF;
}

.deposits-banner.m-transfers .h1 {
  color: #fff;
  margin-bottom: 40px;
  max-width: 520px;
}

.deposits-banner.m-credit {
  background-color: #C7C8CA;
}

.deposits-banner.m-credit:after {
  height: 100%;
}

.deposits-banner.m-credit .h1 {
  color: #fff;
}

.deposits-banner.m-credit p {
  margin: 20px 0 40px 0;
  color: #fff;
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
}

.deposits-banner .h1 {
  font-size: 48px;
  line-height: 64px;
  color: #2B2A29;
  max-width: 520px;
}

.deposits-banner .h1.plastic-card-title {
  max-width: 620px;
  color: #2B2A29;
}

.deposits-banner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 400px;
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD2C8), color-stop(0.01%, rgba(0, 0, 0, 0.6)), to(rgba(43, 42, 41, 0)));
  background: -o-linear-gradient(top, #DDD2C8 0%, rgba(0, 0, 0, 0.6) 0.01%, rgba(43, 42, 41, 0) 100%);
  background: linear-gradient(180deg, #DDD2C8 0%, rgba(0, 0, 0, 0.6) 0.01%, rgba(43, 42, 41, 0) 100%);
  opacity: 0.8;
}

.deposits-banner .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  z-index: 100;
}

.deposits-banner .grid .left-side {
  min-width: 520px;
}

.deposits-banner .grid .right-side {
  margin-left: auto;
}

.deposits-banner .grid-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -60px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.deposits-banner .grid-icon .item {
  padding-left: 60px;
}

.deposits-banner .grid-icon img {
  display: block;
  margin-bottom: 8px;
}

.deposits-banner .grid-icon p {
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
  margin-top: 12px;
  margin-bottom: 0;
}

.deposits-banner .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}

.deposits-banner .btn-group .red-btn {
  height: 56px;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #E31E24;
  border-radius: 2px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  padding: 0 30px;
  text-decoration: none;
  cursor: pointer;
}

.deposits-banner .btn-group .white-btn {
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
  border-radius: 2px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #2B2A29;
  padding: 0 30px;
  text-decoration: none;
  cursor: pointer;
}

.deposit-benefits {
  padding-bottom: 60px;
}

.deposit-benefits .h2 {
  text-align: center;
}

.deposit-benefits .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -50px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.deposit-benefits .item {
  width: 33.33%;
  margin-top: 40px;
  padding-left: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.deposit-benefits .item .image {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  min-width: 80px;
  margin-right: 20px;
}

.deposit-benefits .item .image img {
  display: block;
}

.deposit-benefits .item .text .h5 {
  margin-bottom: 15px;
}

.deposit-benefits .item .text p {
  margin: 0;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #696B75;
}

.rates-and-conditions {
  padding-bottom: 60px;
}

.rates-and-conditions .h2 {
  text-align: center;
  margin-bottom: 30px;
}

.rates-and-conditions .tabcontent {
  -webkit-animation: fadeEffect 0.3s;
          animation: fadeEffect 0.3s;
}

@-webkit-keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.rates-and-conditions .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
}

.rates-and-conditions .tab > div {
  border-radius: 4px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #2B2A29;
}

.rates-and-conditions .tablinks {
  height: 48px;
  padding: 0 32px;
  background: #FFFFFF;
  min-width: 170px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.rates-and-conditions .tablinks.active {
  background: #2B2A29;
  color: #fff;
  cursor: default;
}

.rates-and-conditions .tabcontent {
  display: none;
}

.rates-and-conditions .table {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
}

.rates-and-conditions .table .table-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #2B2A29;
  padding: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.rates-and-conditions .table .table-head .item:first-child {
  text-align: left;
}

.rates-and-conditions .table .table-head .item {
  width: 170px;
  font-weight: normal;
  font-size: 20px;
  color: #FFFFFF;
  text-align: center;
}

.rates-and-conditions .table .table-body {
  padding-top: 10px;
}

.rates-and-conditions .table .table-body .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 20px;
  border-bottom: 1px solid #EEEFF0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.rates-and-conditions .table .table-body .row:last-child {
  border-bottom: 0;
}

.rates-and-conditions .table .table-body .item:first-child {
  text-align: left;
  font-weight: normal;
}

.rates-and-conditions .table .table-body .item {
  font-weight: 300;
  font-size: 20px;
  line-height: 32px;
  color: #2B2A29;
  text-align: center;
  width: 170px;
}

.rates-and-conditions .table .table-body .text {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #898989;
  padding: 20px;
}

.rates-and-conditions .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
}

.rates-and-conditions .grid .item {
  width: 25%;
  margin-left: 30px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
  padding: 30px 20px;
}

.rates-and-conditions .grid h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #2B2A29;
  margin-bottom: 20px;
  min-height: 64px;
}

.rates-and-conditions .grid ul {
  margin: 0;
  padding: 0;
}

.rates-and-conditions .grid li {
  font-weight: 300;
  list-style: none;
  font-size: 20px;
  line-height: 28px;
  color: #2B2A29;
  position: relative;
  padding-left: 22px;
  margin-bottom: 8px;
}

.rates-and-conditions .grid li:before {
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Flist.svg);
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  top: 11px;
  left: 0;
}

.calculate-deposit-savings {
  padding-bottom: 60px;
}

.calculate-deposit-savings .help-text {
  text-align: center;
  margin-bottom: 60px;
}

.calculate-deposit-savings .help-text .h2 {
  margin-bottom: 20px;
}

.calculate-deposit-savings .help-text p {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #2B2A29;
}

.calculate-deposit-savings .h2 {
  margin-bottom: 20px;
}

.calculate-deposit-savings .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.calculate-deposit-savings .left-side {
  max-width: 570px;
  margin-right: 100px;
  min-width: 570px;
}

.calculate-deposit-savings .sliderRangeWrapper .title {
  font-weight: normal;
  font-size: 20px;
  color: #2B2A29;
  margin-bottom: 5px;
}

.calculate-deposit-savings .sliderRangeWrapper {
  margin-bottom: 40px;
  position: relative;
}

.calculate-deposit-savings .sliderRangeWrapper .num {
  position: absolute;
  bottom: -6px;
}

.calculate-deposit-savings .sliderRangeWrapper .num:before {
  background: #CECFCF;
  opacity: 0.5;
  width: 1px;
  height: 11px;
  content: "";
  display: block;
  margin: 0 auto;
}

.irs--flat .irs-handle {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  top: 13px;
}

.irs--flat.irs-with-grid {
  height: 47px;
}

.irs--flat .irs-min, .irs--flat .irs-max {
  display: none;
}

.irs--flat .irs-grid-text {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #898989;
  bottom: -19px;
}

.irs--flat .irs-handle > i:first-child {
  margin-left: 0;
  width: 28px;
  height: 28px;
  left: 0;
  border-radius: 50%;
  background: rgba(227, 30, 36, 0.1) !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.irs--flat .irs-handle > i:first-child:before {
  width: 16px;
  height: 16px;
  background: #E31E24;
  content: "";
  margin: auto;
  border-radius: 50%;
}

.irs-grid-pol.small {
  display: none;
}

.irs--flat .irs-bar {
  background: rgb(227, 30, 36) !important;
}

.irs--flat .irs-line {
  height: 2px;
}

.irs--flat .irs-bar--single {
  height: 2px;
}

.calculate-deposit-savings .select {
  margin-bottom: 20px;
}

.calculate-deposit-savings .select select {
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  height: 56px;
  width: 100%;
  color: #2B2A29;
  padding: 0 16px;
  cursor: pointer;
  outline: none !important;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fselect.svg);
  background-position: 97% center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  -o-text-overflow: "";
     text-overflow: "";
}

.calculate-deposit-savings .mix-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.calculate-deposit-savings .mix-group input {
  height: 56px;
  outline: none !important;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  padding: 0 17px;
  border: 0;
}

.calculate-deposit-savings .mix-group input::-moz-placeholder {
  color: #2B2A29;
}

.calculate-deposit-savings .mix-group input::-webkit-input-placeholder {
  color: #2B2A29;
}

.calculate-deposit-savings .mix-group input:-ms-input-placeholder {
  color: #2B2A29;
}

.calculate-deposit-savings .mix-group input::-ms-input-placeholder {
  color: #2B2A29;
}

.calculate-deposit-savings .mix-group input::placeholder {
  color: #2B2A29;
}

.calculate-deposit-savings .mix-group select option {
  outline: none !important;
  border: 0;
}

.calculate-deposit-savings .mix-group select {
  width: 120px;
  background: #F3F3F3;
  border-left: 1px solid #DEE2E6;
  height: 56px;
  outline: none !important;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  padding: 0 17px;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fselect.svg);
  background-position: 85% center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  -o-text-overflow: "";
     text-overflow: "";
  cursor: pointer;
}

.calculate-deposit-savings .mix-group {
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  margin-bottom: 20px;
}

.calculate-deposit-savings .input {
  margin-bottom: 20px;
  position: relative;
}

.calculate-deposit-savings .input input {
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  height: 56px;
  width: 100%;
  display: block;
  outline: none !important;
  font-weight: normal;
  font-size: 16px;
  padding: 0 16px;
  line-height: 24px;
}

.calculate-deposit-savings .input span {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #2B2A29;
  background-color: #fff;
  padding: 0 4px;
  position: absolute;
  top: -9px;
  left: 20px;
}

.calculate-deposit-savings button {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  background: #E31E24;
  border-radius: 2px;
  height: 56px;
  width: 100%;
  border: 0;
  outline: none !important;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.calculate-deposit-savings .right-side {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  padding: 30px;
}

.calculate-deposit-savings .tabcontent2 {
  display: none;
}

.calculate-deposit-savings .tabcontent2 .list .flex {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.calculate-deposit-savings .tabcontent2 .list .flex .left {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #898989;
}

.calculate-deposit-savings .tabcontent2 .list .flex .right {
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  color: #2B2A29;
}

.calculate-deposit-savings .tabcontent2 .tablehead .item {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #898989;
  height: 44px;
}

.calculate-deposit-savings .tabcontent2 .tablehead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -20px;
  border-bottom: 1px solid #EEEFF0;
  margin-bottom: 10px;
}

.calculate-deposit-savings .tabcontent2 .tablebody .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.calculate-deposit-savings .tabcontent2 .tablebody .item {
  height: 32px;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2B2A29;
}

.calculate-deposit-savings .tabcontent2 .w80 {
  width: 80px;
  min-width: 80px;
}

.calculate-deposit-savings .tabcontent2 .w140 {
  width: 140px;
  min-width: 140px;
}

.calculate-deposit-savings .tabcontent2 .w100 {
  width: 100px;
  min-width: 100px;
}

.calculate-deposit-savings .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #DEE2E6;
  margin-bottom: 20px;
}

.calculate-deposit-savings .tab .tablinks2 {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #9D9E9E;
  padding-bottom: 20px;
  border-bottom: 3px solid transparent;
  margin-right: 30px;
  cursor: pointer;
}

.calculate-deposit-savings .tab .tablinks2.active {
  color: #2B2A29;
  border-bottom: 3px solid #E31E24;
}

.text-section {
  padding-bottom: 60px;
}

.text-section .grid {
  border: 1px solid #DEE2E6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.text-section .left-side {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.text-section .right-side {
  max-width: 228px;
  min-width: 228px;
  margin-left: 130px;
}

.text-section h4 {
  font-weight: bold;
  font-size: 28px;
  line-height: 37px;
  color: #2B2A29;
}

.text-section p {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
}

.for-children {
  padding-bottom: 30px;
}

.for-children .h2 {
  text-align: center;
  margin-bottom: 20px;
}

.for-children p {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 0;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #2B2A29;
}

.for-children .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
}

.for-children .item {
  margin-left: 30px;
  width: 33.33%;
  background: #FFFFFF;
  border: 1px solid #EEEFF0;
  border-radius: 4px;
  overflow: hidden;
}

.for-children .item .image {
  height: 148px;
  overflow: hidden;
}

.for-children .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.for-children .item .text {
  padding: 20px;
}

.for-children .item h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  text-align: center;
  color: #2B2A29;
}

.exclamation-point {
  padding-bottom: 30px;
}

.exclamation-point .grid {
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px;
}

.exclamation-point .grid .left-side {
  min-width: 64px;
  max-width: 64px;
  margin-right: 40px;
}

.exclamation-point .grid .right-side {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.exclamation-point .grid .right-side p {
  margin: 0;
  font-weight: normal;
  font-size: 20px;
  line-height: 36px;
  color: #2B2A29;
}

.deposit-for-child {
  padding-bottom: 60px;
}

.deposit-for-child.no-border .wrapper {
  border: 0;
}

.deposit-for-child .wrapper {
  padding: 40px 30px;
  background: #FFFFFF;
  border-radius: 4px;
}

.deposit-for-child .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -80px;
}

.deposit-for-child .item {
  position: relative;
  padding-left: 80px;
  width: 33.33%;
  text-align: center;
  position: relative;
}

.deposit-for-child .item:last-child:after {
  display: none;
}

.deposit-for-child .item:after {
  position: absolute;
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-arrow-right2.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 21.11px;
  top: 31px;
  right: -60px;
}

.deposit-for-child img {
  display: block;
  margin: 0 auto;
}

.deposit-for-child .h2 {
  text-align: center;
  margin-bottom: 8px;
}

.deposit-for-child span {
  display: block;
  text-align: center;
  margin-bottom: 40px;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #898989;
}

.deposit-for-child p {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #2B2A29;
}

.deposit-for-child .btn-red {
  margin: 40px auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  background: #E31E24;
  border-radius: 2px;
  max-width: 370px;
  height: 56px;
  color: #fff;
  cursor: pointer;
}

.faq {
  padding-bottom: 60px;
}

.faq .container {
  max-width: 830px;
}

.faq .h2 {
  text-align: center;
  margin-bottom: 8px;
}

.faq span {
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 17px;
  line-height: 27px;
  color: #898989;
  margin-bottom: 20px;
}

.faq .accordion.active {
  color: #E31E24;
}

.faq .accordion {
  font-weight: normal;
  font-size: 16px;
  line-height: 27px;
  color: #2B2A29;
  padding: 25px 70px 25px 20px;
  border-bottom: 1px solid #CECFCF;
  position: relative;
  cursor: pointer;
}

.faq .accordion:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fmore.svg);
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}

.faq .accordion.active:after {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fmore-close.svg);
}

.faq .panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
  background: #FFFFFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.faq.dashed .wrapper {
  border: 1px dashed #DEE2E6;
  border-radius: 4px;
}

.faq .wrapper {
  border: 1px solid #DEE2E6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px 4px 0px 0px;
}

.faq .panel h3 {
  font-weight: bold;
  font-size: 28px;
  line-height: 37px;
  color: #2B2A29;
}

.faq .panel span {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #9D9E9E;
  -moz-text-align-last: left;
       text-align-last: left;
}
.faq .panel span.span-date {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #9D9E9E;
  -moz-text-align-last: left;
       text-align-last: left;
}

.faq .panel p {
  margin-top: 0;
  margin-bottom: 40px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}

.faq .panel .ck-editor-wrapper {
  margin-bottom: 40px;
}
.faq .panel .ck-editor-wrapper p {
  margin-bottom: 10px;
}
.faq .panel .ck-editor-wrapper ol {
  padding-left: 20px;
}
.faq .panel .ck-editor-wrapper ul li {
  padding-left: 22px;
  line-height: normal;
  list-style: none;
}
.faq .panel .ck-editor-wrapper ul li:before {
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Flist.svg);
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  top: 8px;
  left: 0;
}
.faq .panel .ck-editor-wrapper li {
  position: relative;
}
.faq .panel .ck-editor-wrapper span {
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}
.faq .panel .ck-editor-wrapper p {
  margin: 0;
}

.faq .panel .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.faq .panel .flex .left-side {
  width: 350px;
  margin-right: 30px;
}

.faq .panel .flex .right-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.faq .panel .flex .g-text {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #9D9E9E;
}

.faq .panel .flex .help-text {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #2B2A29;
}

.faq .panel .flex a {
  width: 90px;
  height: 36px;
  border: 1px solid #2B2A29;
  border-radius: 2px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #2B2A29;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 20px;
  text-decoration: none;
}

.faq .panel .flex a:hover {
  background-color: #2B2A29;
  color: #fff;
}

.faq.m-table .table-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #EEEFF0;
}

.faq.m-table .accordion:after {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fmore-2.svg);
}

.faq.m-table .accordion.active:after {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fmore-close-2.svg);
}

.faq.m-table .accordion {
  border-bottom: 1px solid #fff;
}

.faq.m-table .wrapper {
  border: 0;
}

.faq.m-table .table-panel .item-1 {
  width: 100px;
  min-width: 100px;
  padding: 20px 0 20px 20px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}

.faq.m-table .table-panel .item-2 {
  min-width: 600px;
  width: 600px;
  padding: 20px 30px 20px 30px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}

.faq.m-table .table-panel .item-3 {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.faq.m-table .table-panel .item-3 .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.faq.m-table .table-panel .item-3 .grid .item {
  width: 33.33%;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #2B2A29;
  padding: 20px;
}

.faq.m-table .accordion {
  padding: 16px 70px 16px 20px;
  background-color: #F3F3F3;
}

.faq.m-table .panel {
  padding: 0;
  -webkit-box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
}

.faq.m-table .accordion.active {
  color: #2B2A29;
}

.modal-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999999;
  display: none;
  overflow: auto;
}
.modal-modal.custom-width-modal {
  overflow: hidden;
}
.modal-modal.custom-width-modal .closeBtn {
  width: 40px;
  height: 40px;
  right: 0;
  top: -55px;
  background-size: 12px;
}
.modal-modal.custom-width-modal .wrapper {
  max-width: 830px;
}
.modal-modal.custom-width-modal .wrapper .text-info {
  overflow: auto;
  max-height: 50vh;
  margin-right: -20px;
  padding-right: 20px;
}
.modal-modal.custom-width-modal .wrapper .text-info h2 {
  margin-bottom: 16px;
  font-weight: bold;
  font-size: 32px;
  line-height: 43px;
  color: #2B2A29;
}
.modal-modal.custom-width-modal .wrapper .text-info h4 {
  margin-bottom: 12px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #2B2A29;
}
.modal-modal.custom-width-modal .wrapper .text-info p {
  margin-bottom: 12px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #898989;
}

.modal-modal .wrapper {
  max-width: 450px;
  margin: 100px auto;
  padding: 30px 40px 40px 40px;
  background: #FFFFFF;
  border-radius: 2px;
  position: relative;
}

.modal-modal .closeBtn {
  width: 24px;
  height: 24px;
  position: absolute;
  top: -30px;
  right: -30px;
  cursor: pointer;
  z-index: 1000;
  background-color: #fff;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fclose.svg);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}

.modal-modal .title {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
  color: #2B2A29;
  text-align: center;
}

.modal-modal .input {
  margin-bottom: 20px;
}

.modal-modal .input input {
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  height: 44px;
  outline: none !important;
  display: block;
  width: 100%;
  color: #2B2A29;
  padding: 0 16px;
}

.modal-modal .input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-modal .input-group .left {
  position: relative;
  width: 240px;
  margin-right: 10px;
}

.modal-modal .input-group span {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #2B2A29;
  display: inline-block;
  padding: 0 4px;
  background-color: #fff;
  position: absolute;
  top: -8px;
  left: 12px;
}

.modal-modal select {
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #2B2A29;
  padding: 0 16px;
  height: 44px;
  width: 100%;
  outline: none !important;
  cursor: pointer;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fselect.svg);
  background-position: 94% center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  -o-text-overflow: "";
     text-overflow: "";
}

.modal-modal .input-group .right {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.modal-modal .select {
  margin-bottom: 20px;
}

.modal-modal .small-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 10px;
}

.modal-modal .select-group .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -10px;
}

.modal-modal .select-group .flex select {
  margin-left: 10px;
}

.modal-modal p {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #898989;
  margin: 20px 0;
}

.modal-modal button {
  width: 100%;
  display: block;
  outline: none !important;
  border: 0;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #CECFCF;
  border-radius: 2px;
  cursor: pointer;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  text-align: center;
}

.modal-modal button.active {
  background: #E31E24;
}

.bank-banner {
  min-height: 440px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 190px;
}

.bank-banner:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 40px;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD2C8), color-stop(0.01%, rgba(0, 0, 0, 0.6)), to(rgba(43, 42, 41, 0)));
  background: -o-linear-gradient(top, #DDD2C8 0%, rgba(0, 0, 0, 0.6) 0.01%, rgba(43, 42, 41, 0) 100%);
  background: linear-gradient(180deg, #DDD2C8 0%, rgba(0, 0, 0, 0.6) 0.01%, rgba(43, 42, 41, 0) 100%);
  opacity: 0.8;
}

.bank-banner h1 {
  font-weight: bold;
  font-size: 48px;
  line-height: 64px;
  color: #FFFFFF;
  margin-bottom: 30px;
}

.bank-banner .flex-link {
  padding-bottom: 40px;
}

.bank-banner .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.bank-banner a {
  height: 48px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  padding: 0 20px;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #fff;
  text-decoration: none;
}

.bank-banner a:hover {
  background: #E31E24;
}

.bank-banner a.active {
  background: #E31E24;
}

.bank-banner .container {
  position: relative;
  z-index: 100;
}

.guide-list {
  padding-bottom: 60px;
}

.guide-list .list {
  margin-bottom: 60px;
}

.guide-list h2.center {
  text-align: center;
}

.guide-list h2 {
  font-weight: bold;
  font-size: 32px;
  color: #2B2A29;
  margin-bottom: 40px;
}

.guide-list h2 .sub-title {
  margin-top: 8px;
  font-size: 20px;
  line-height: 30px;
  color: #9D9E9E;
  margin-bottom: 30px;
  font-weight: normal;
}

.guide-list h2 hr {
  margin-bottom: -10px;
  border-top: 0;
  border-bottom: 1px solid #DEE2E6;
}

.guide-list h3 {
  font-weight: bold;
  font-size: 28px;
  line-height: 37px;
  color: #2B2A29;
}

.guide-list .grid {
  margin-left: -30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.guide-list .item {
  width: 370px;
  margin-left: 30px;
  background: #F3F3F3;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 30px;
}

.guide-list .item:hover .text {
  background: #E31E24;
}

.guide-list .item:hover .text .position {
  color: #fff;
}

.guide-list .item:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.guide-list .item .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 240px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.guide-list .item.no-photo .image {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.guide-list .item img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.guide-list .item .text {
  background: #2B2A29;
  padding: 30px 0;
  text-align: center;
}

.guide-list .item .text .position {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #9D9E9E;
  margin-bottom: 4px;
}

.guide-list .item .text .name {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #FFFFFF;
}

.sale-of-property {
  margin-top: -10px;
}

.sale-of-property .flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}

.sale-of-property .flex-between .left-side {
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  color: #000000;
}

.sale-of-property .flex-between .right-side .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sale-of-property .flex-between .right-side select {
  margin-left: 20px;
  width: 240px;
  height: 56px;
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  border-radius: 2px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  padding: 0 16px;
  cursor: pointer;
  outline: none !important;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fselect.svg);
  background-position: 94% center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  -o-text-overflow: "";
     text-overflow: "";
}

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

.sale-of-property .list-propery {
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  margin-bottom: 40px;
  border-radius: 4px;
}

.sale-of-property .list-propery .propery-item {
  border-bottom: 1px solid #DEE2E6;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sale-of-property .list-propery .propery-item:last-child {
  border-bottom: 0;
}

.sale-of-property .list-propery .image {
  width: 320px;
  height: 260px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 40px;
}

.sale-of-property .list-propery .image img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sale-of-property .list-propery .text {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.sale-of-property .list-propery .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -70px;
}

.sale-of-property .list-propery .column-item {
  width: 312px;
  margin-left: 70px;
}

.sale-of-property .list-propery h3 {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 28px;
  line-height: 37px;
  color: #2B2A29;
}

.sale-of-property .list-propery li {
  list-style: none;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  margin-bottom: 10px;
  position: relative;
  padding-left: 18px;
}

.sale-of-property .list-propery li:before {
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Flist.svg);
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 0;
}

.awards {
  margin-top: -60px;
  margin-bottom: 40px;
}

.awards .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -60px;
}

.awards .item-awards {
  width: 50%;
  padding-left: 60px;
  text-align: center;
  margin-top: 60px;
}

.awards img {
  display: block;
  margin: 0 auto;
}

.awards h4 {
  max-width: 540px;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #2B2A29;
  margin-bottom: 20px;
  margin-top: 20px;
}

.awards p {
  margin: 0;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #898989;
}

.financial-performance .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.financial-performance .tablinks {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #9D9E9E;
  padding-bottom: 21px;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  margin-right: 30px;
}

.financial-performance .tablinks.active {
  color: #2B2A29;
  border-bottom: 3px solid #E31E24;
}

.financial-performance .tabcontent {
  display: none;
}

.financial-performance .tabcontent .item-financial:hover .download {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fdownload-h.svg);
}

.financial-performance .tabcontent .item-financial:hover .watch {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fwatch-h.svg);
}

.financial-performance .tabcontent .item-financial:hover {
  background: #2B2A29;
}

.financial-performance .tabcontent .item-financial:hover .title {
  color: #fff;
}

.financial-performance .tabcontent .item-financial:hover .date {
  color: #9D9E9E;
}

.financial-performance .tabcontent .item-financial:hover .left-side {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-file-h.svg);
}

.financial-performance .tabcontent .item-financial {
  padding: 30px;
  border-bottom: 1px solid #EEEFF0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.financial-performance .tabcontent .item-financial .left-side {
  padding-left: 60px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-file.svg);
  background-repeat: no-repeat;
  background-position: left center;
}

.financial-performance .tabcontent .item-financial .right-side {
  width: auto;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.financial-performance .tabcontent .item-financial .date {
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  color: #9D9E9E;
}

.financial-performance .tabcontent .item-financial .title {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}

.financial-performance .tabcontent .item-financial .download {
  width: 40px;
  height: 40px;
  text-decoration: none;
  display: inline-block;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fdownload.svg);
}

.financial-performance .tabcontent .item-financial .watch {
  margin-left: 20px;
  display: inline-block;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fwatch.svg);
  width: 40px;
  height: 40px;
  text-decoration: none;
}

.vacancy-list .flex-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}

.vacancy-list .flex-between .left-side {
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  color: #000000;
}

.vacancy-list .flex-between .right-side .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.vacancy-list .flex-between .right-side select {
  margin-left: 20px;
  width: 240px;
  height: 56px;
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  border-radius: 2px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  padding: 0 16px;
  cursor: pointer;
  outline: none !important;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fselect.svg);
  background-position: 94% center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  -o-text-overflow: "";
     text-overflow: "";
}

.vacancy-list .list .item-vacancy:hover {
  background: #2B2A29;
}

.vacancy-list .list .item-vacancy:hover:after {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Farrow-vacancy-hover.svg);
}

.vacancy-list .list .item-vacancy:hover h3 {
  color: #fff;
}

.vacancy-list .list .item-vacancy {
  min-height: 125px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #F3F3F3;
  padding: 30px;
  position: relative;
}

.vacancy-list .list .item-vacancy:after {
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Farrow-vacancy.svg);
  width: 11px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
}

.vacancy-list .list .item-vacancy a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}

.vacancy-list .list .item-vacancy h3 {
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
  font-weight: normal;
}

.vacancy-list .list .item-vacancy h6 {
  font-size: 14px;
  line-height: 20px;
  color: #9D9E9E;
  font-weight: normal;
}

.vacancy-detail p {
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
  margin: 20px 0;
}

.vacancy-detail h4 {
  font-size: 24px;
  line-height: 38px;
  color: #2B2A29;
  margin: 20px 0;
}

.vacancy-detail ul {
  margin: 20px 0;
}

.vacancy-detail li {
  margin: 5px 0;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  position: relative;
  list-style: none;
  padding-left: 18px;
}

.vacancy-detail li:before {
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Flist.svg);
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 0;
}

.vacancy-detail .send-resume {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  background: #E31E24;
  border-radius: 2px;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 56px;
  min-width: 200px;
  margin-top: 40px;
}

.vacancy-form form {
  max-width: 510px;
  margin: 0 auto;
}

.vacancy-form .title {
  font-size: 28px;
  line-height: 37px;
  text-align: center;
  color: #2B2A29;
}

.vacancy-form .input {
  margin: 20px 0;
}

.vacancy-form input {
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  border-radius: 2px;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  height: 56px;
  width: 100%;
  display: block;
  padding: 0 16px;
  outline: none !important;
}

.vacancy-form .type-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}

.vacancy-form .left-side {
  margin-right: 20px;
  min-width: 226px;
}

.vacancy-form .left-side span {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2FUpload.svg);
  background-repeat: no-repeat;
  background-position: 16px center;
  min-width: 226px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  line-height: 24px;
  padding-left: 56px;
  padding-right: 15px;
  color: #2B2A29;
  border: 1px solid #2B2A29;
  border-radius: 2px;
  cursor: pointer;
}

.vacancy-form .right-side {
  font-size: 16px;
  line-height: 24px;
  color: #9D9E9E;
  width: 200px;
}

.vacancy-form .left-side input {
  display: none;
}

.vacancy-form button {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #E31E24;
  border-radius: 2px;
  outline: none !important;
  width: 100%;
  height: 56px;
  border: 0;
  cursor: pointer;
  color: #FFFFFF;
}

.credit-benefits {
  padding-bottom: 60px;
}

.credit-benefits h2 {
  text-align: center;
  margin-bottom: 40px;
}

.credit-benefits h2.small {
  font-weight: bold;
  font-size: 22px;
  line-height: 29px;
}

.credit-benefits .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.credit-benefits .ck-editor {
  max-width: 970px;
  margin: 0 auto 40px auto;
  color: #000;
}

.credit-benefits .ck-editor p {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #2B2A29;
  margin-bottom: 10px;
}

.credit-benefits .grid > div {
  padding-left: 30px;
  width: 25%;
  margin-bottom: 50px;
}

.credit-benefits .item {
  text-align: center;
}

.credit-benefits img {
  display: block;
  margin: 0 auto;
  width: 68px;
  height: 68px;
  -o-object-fit: contain;
     object-fit: contain;
}

.credit-benefits h4 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #2B2A29;
  margin: 16px 0 8px 0;
}

.credit-benefits p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #696B75;
  margin: 0;
}

.credit-benefits p.mt {
  margin-top: 16px;
}

.installment-plan.m-transfers {
  margin-bottom: 40px;
}

.installment-plan.m-transfers .flex {
  background: #2B2A29;
  border-radius: 4px;
}

.installment-plan.m-transfers h2 {
  color: #fff;
}

.installment-plan.m-transfers ul {
  margin-top: 40px;
  margin-bottom: 100px;
}

.installment-plan.m-transfers .right {
  min-width: 311px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.installment-plan.m-transfers li {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  padding-left: 30px;
  margin-bottom: 16px;
}

.installment-plan.m-transfers li:before {
  display: none;
}

.installment-plan.m-transfers li:after {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-location2.svg);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
}

.installment-plan .flex {
  background: #F3F3F3;
  border-radius: 4px;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.installment-plan .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.installment-plan .right {
  margin-bottom: -40px;
}

.installment-plan h2 {
  font-weight: bold;
  font-size: 32px;
  line-height: 43px;
  color: #2B2A29;
  margin-bottom: 8px;
  margin-top: 0;
}

.installment-plan p {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #898989;
  margin: 0 0 40px 0;
}

.installment-plan ul {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.installment-plan li {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
  padding-left: 18px;
  position: relative;
  list-style: none;
}

.installment-plan li:before {
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Flist.svg);
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}

.installment-plan a {
  background: #E31E24;
  border-radius: 2px;
  height: 56px;
  max-width: 254px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
}

.types-of-loans {
  padding: 40px 0;
}
.types-of-loans .relative {
  position: relative;
}
.types-of-loans .swiper-button-prev.mySwiperCarousel1-arrow {
  left: -35px;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-left-arrow-thing.svg);
  background-color: #ffffff;
  -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  outline: none !important;
}
.types-of-loans .swiper-button-prev.mySwiperCarousel1-arrow.swiper-button-disabled {
  display: none;
}
.types-of-loans .swiper-button-prev.mySwiperCarousel1-arrow:after {
  display: none;
}
.types-of-loans .swiper-button-next.mySwiperCarousel1-arrow {
  right: -35px;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-right-arrow-thing.svg);
  background-color: #ffffff;
  -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  outline: none !important;
}
.types-of-loans .swiper-button-next.mySwiperCarousel1-arrow.swiper-button-disabled {
  display: none;
}
.types-of-loans .swiper-button-next.mySwiperCarousel1-arrow:after {
  display: none;
}

.types-of-loans .h2 {
  margin-bottom: 40px;
  text-align: center;
}

.types-of-loans .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
}

.types-of-loans .grid > div {
  width: 25%;
  padding-left: 30px;
}

.types-of-loans .item {
  background: #FFFFFF;
  border: 1px solid #EEEFF0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
}

.types-of-loans .image {
  position: relative;
  height: 148px;
}

.types-of-loans img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.types-of-loans .info {
  padding: 20px;
}

.types-of-loans h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #2B2A29;
  margin-bottom: 8px;
}

.types-of-loans p {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #2B2A29;
  margin-bottom: 20px;
  margin-top: 0;
}

.types-of-loans li {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #898989;
  padding-left: 18px;
  position: relative;
  list-style: none;
  margin-bottom: 8px;
}

.types-of-loans li:last-child {
  margin-bottom: 0;
}

.types-of-loans li:before {
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Flist.svg);
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
}

.types-of-loans a {
  font-weight: 600;
  font-size: 12px;
  text-align: center;
  color: #2B2A29;
  background: #FFFFFF;
  border: 1px solid #2B2A29;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
  padding: 0 30px;
  text-decoration: none;
}

.types-of-loans a:hover {
  background-color: #2B2A29;
  color: #fff;
}

.carousel-transfers {
  padding-bottom: 40px;
}

.carousel-transfers .wrapper {
  position: relative;
}

.carousel-transfers .swiper-button-prev:after {
  display: none;
}

.carousel-transfers .swiper-button-next:after {
  display: none;
}

.carousel-transfers .swiper-button-prev {
  left: -35px;
  top: 147px;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-left-arrow-thing.svg);
  background-color: #ffffff;
  -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  outline: none !important;
}

.carousel-transfers .swiper-button-prev:hover {
  -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
}

.carousel-transfers .swiper-button-next:hover {
  -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0 8px 10px rgba(0, 0, 0, 0.3);
}

.carousel-transfers .swiper-button-next {
  right: -35px;
  top: 147px;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-right-arrow-thing.svg);
  background-color: #ffffff;
  -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  outline: none !important;
}

.carousel-transfers .h2 {
  font-weight: bold;
  font-size: 32px;
  line-height: 43px;
  text-align: center;
  color: #2B2A29;
  margin-bottom: 40px;
}

.carousel-transfers .item {
  border-radius: 4px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  min-height: 100%;
}

.carousel-transfers .swiper-slide {
  height: initial;
}

.carousel-transfers .swiper-pagination {
  position: static;
  text-align: center;
  margin-top: 30px;
}

.carousel-transfers .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #2B2A29;
  opacity: 0.4;
  margin: 0 6px;
}

.carousel-transfers .swiper-pagination-bullet-active {
  opacity: 1;
}

.carousel-transfers .image {
  height: 148px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #F3F3F3;
}

.carousel-transfers .info {
  border: 1px solid #EEEFF0;
  border-top: 0;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.carousel-transfers h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #2B2A29;
  margin-bottom: 8px;
}

.carousel-transfers ul {
  margin-bottom: 20px;
}

.carousel-transfers li {
  margin-top: 8px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #898989;
  padding-left: 18px;
  position: relative;
  list-style: none;
}

.carousel-transfers li span {
  color: #2B2A29;
}

.carousel-transfers li:before {
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Flist.svg);
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
}

.carousel-transfers .btn-group {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.carousel-transfers .item:hover .red-btn {
  opacity: 1;
}

.carousel-transfers .red-btn {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  height: 44px;
  background: #E31E24;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  opacity: 0;
}

.carousel-transfers .white-btn {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #2B2A29;
  height: 44px;
  background: #FFFFFF;
  border: 1px solid #2B2A29;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  margin-top: 10px;
}

.banner-section {
  position: relative;
  min-height: 440px;
}

.banner-section h1 {
  font-weight: bold;
  font-size: 48px;
  line-height: 64px;
  color: #FFFFFF;
  position: relative;
  z-index: 2;
  margin-top: 50px;
}

.banner-section .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 440px;
}

.banner-section:before {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  content: "";
}

.safe-table {
  margin-bottom: 60px;
}

.safe-table .h2 {
  margin-bottom: 20px;
  text-align: center;
}

.safe-table .table {
  background: #FFFFFF;
  -webkit-box-shadow: 0 32px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0 32px 30px rgba(0, 0, 0, 0.05);
}

.safe-table .table-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #2B2A29;
}

.safe-table .table-head .item {
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  color: #FFFFFF;
  width: 33.33%;
  text-align: center;
  padding: 20px 0;
}

.safe-table .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #EEEFF0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.safe-table .row:last-child {
  border-bottom: 0;
}

.safe-table .row .item {
  width: 33.33%;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  padding: 20px 0;
}

.services-section {
  margin-bottom: 40px;
}

.services-section .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
}

.services-section .flex > div {
  padding-left: 30px;
  width: 50%;
}

.services-section .item {
  padding: 30px 190px 30px 30px;
  background-color: #F3F3F3;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: 95% bottom;
  min-height: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.services-section .item:hover a {
  opacity: 1;
}

.services-section h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #2B2A29;
  margin-bottom: 12px;
}

.services-section p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #898989;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.services-section a {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  height: 36px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 57px;
  background: #2B2A29;
  border-radius: 2px;
  text-decoration: none;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.types-card {
  margin-bottom: 40px;
}
.types-card .swiper-slide {
  height: initial;
}

.types-card .h2 {
  text-align: center;
  margin-bottom: 60px;
}

.types-card .image {
  height: 160px;
  position: relative;
  background: #E4E5E9;
}

.types-card .button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  margin-top: 40px;
}

.types-card .button-group .red-btn {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  margin-right: 10px;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  height: 44px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #E31E24;
  border-radius: 2px;
  padding: 0 20px;
}

.types-card .button-group .white-btn {
  height: 44px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  background: #FFFFFF;
  border: 1px solid #2B2A29;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #2B2A29;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 20px;
  text-decoration: none;
}

.types-card .button-group .white-btn:before {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fdownload1.svg);
  width: 16px;
  height: 16px;
  display: inline-block;
  content: "";
  margin-right: 3px;
}

.types-card .image img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.types-card .item {
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.types-card .info {
  padding: 20px;
  background: #FFFFFF;
  border: 1px solid #EEEFF0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}
.types-card .info ul {
  height: 100%;
}

.types-card h4 {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #2B2A29;
  margin-bottom: 8px;
}

.types-card p {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #898989;
}

.types-card li {
  position: relative;
  list-style: none;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #2B2A29;
  padding-left: 18px;
  margin-bottom: 8px;
}

.types-card li:before {
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2FBullet.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 8px;
  height: 8px;
  left: 0;
  top: 6px;
  display: inline-block;
  margin-right: 10px;
  position: absolute;
}

.types-card .wrapper {
  position: relative;
}

.types-card .swiper-button-prev {
  left: -35px;
  top: 160px;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-left-arrow-thing.svg);
  background-color: #ffffff;
  -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  outline: none !important;
}

.types-card .swiper-button-prev:after {
  display: none;
}

.types-card .swiper-button-next {
  right: -35px;
  top: 160px;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fsmall-right-arrow-thing.svg);
  background-color: #ffffff;
  -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  outline: none !important;
}

.types-card .swiper-button-next:after {
  display: none;
}

.search-page {
  margin-bottom: 60px;
}

.search-page .h2 {
  margin-bottom: 20px;
}

.search-page form {
  margin-bottom: 20px;
  position: relative;
}

.search-page .search-result {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 100;
  border: 1px solid #DEE2E6;
  border-top: 0;
  -webkit-box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
}

.no-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 80px 0;
}

.no-result .title {
  margin-top: 20px;
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
  color: #2B2A29;
}

.search-page .search-result .item {
  padding: 16px;
  border-bottom: 1px solid #DEE2E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.search-page .search-result .item a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.search-page .search-result .item:before {
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-link2.svg);
  top: 0;
  display: inline-block;
  bottom: 0;
  left: 15px;
  margin-right: 20px;
  width: 20px;
  height: 20px;
}

.search-page .count-result {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #2B2A29;
}

.search-page .count-result a {
  text-decoration: none;
  color: #2B2A29;
}

.search-page .count-result span {
  color: #E31E24;
}

.search-page .flex {
  border-radius: 2px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-page input {
  background-color: #FFFFFF;
  border: 1px solid #DEE2E6;
  height: 56px;
  outline: none !important;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-search1.svg);
  background-position: 16px center;
  background-repeat: no-repeat;
  padding-left: 46px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.search-page button {
  height: 56px;
  outline: none;
  border: 0;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  background: #E31E24;
  cursor: pointer;
  padding: 0 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.search-page .search-text {
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
  color: #2B2A29;
  margin-bottom: 40px;
}

.search-page .search-text span {
  color: #9D9E9E;
}

.search-content .item {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #DEE2E6;
}

.search-content .item:hover h3 {
  color: #E31E24;
}

.search-content a {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.search-content h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  color: #2B2A29;
  margin-bottom: 12px;
}

.search-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #898989;
  margin-bottom: 8px;
  margin-top: 0;
}

.search-content p b {
  color: #2B2A29;
  font-weight: 600;
}

.search-content .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}

.search-content .link:before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-link.svg);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 10px;
}

.installment-plan-page-head-filter .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #DEE2E6;
}

.installment-plan-page-head-filter form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.installment-plan-page-head-filter input {
  background-color: #FFFFFF;
  border: 1px solid #DEE2E6;
  border-radius: 2px;
  height: 44px;
  padding: 0 16px 0 44px;
  min-width: 280px;
  outline: none !important;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-search1.svg);
  background-repeat: no-repeat;
  background-position: 16px center;
}

.installment-plan-page-head-filter select {
  background-color: #FFFFFF;
  border: 1px solid #DEE2E6;
  border-radius: 2px;
  height: 44px;
  padding: 0 16px;
  min-width: 280px;
  outline: none !important;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fselect.svg);
  background-position: 94% center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  -o-text-overflow: "";
     text-overflow: "";
  cursor: pointer;
}

.installment-plan-page-head-filter .category {
  margin-left: 20px;
}

.installment-grid {
  margin-bottom: 40px;
}

.installment-grid h2 {
  text-align: center;
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  color: #000000;
}

.installment-grid .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
}

.installment-grid .grid > div {
  width: 33.33%;
  padding-left: 30px;
}

.installment-grid .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.installment-grid .item img {
  min-width: 68px;
  width: 68px;
}

.installment-grid .item h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #2B2A29;
  margin-left: 30px;
}

.installment-grid-card {
  margin-top: 10px;
  margin-bottom: 40px;
}

.installment-grid-card .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -30px;
  margin-bottom: 10px;
}

.installment-grid-card .grid > div {
  padding-left: 30px;
  margin-bottom: 30px;
  width: 33.33%;
}

.installment-grid-card .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.installment-grid-card .item .image {
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  border-radius: 2px;
  position: relative;
  height: 200px;
}

.installment-grid-card .item .image img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 30px 0;
}

.installment-grid-card .item h4 {
  font-weight: bold;
  font-size: 28px;
  line-height: 37px;
  color: #2B2A29;
  margin-top: 12px;
  margin-bottom: 0;
}

.installment-grid-card .item .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.installment-grid-card .item .site {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}

.installment-grid-card .item .flex-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.installment-grid-card .item .flex-badge .item-badge {
  margin-top: 10px;
  margin-right: 10px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #696B75;
  border: 1px solid #DEE2E6;
  border-radius: 4px;
  padding: 4px 8px;
}

.installment-grid-card .item p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #898989;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.installment-grid-card .item .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.installment-grid-card .item .btn-group .btn-border {
  min-width: 156px;
  padding: 0 30px;
  height: 44px;
  background: #FFFFFF;
  border: 1px solid #2B2A29;
  border-radius: 2px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #2B2A29;
  margin-right: 20px;
  text-decoration: none;
}

.installment-grid-card .item .btn-group .btn-border:hover {
  background-color: #2B2A29;
  color: #fff;
}

.installment-grid-card .item .btn-group .btn {
  min-width: 128px;
  height: 44px;
  text-decoration: none;
  background: #FFFFFF;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #2B2A29;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.installment-grid-card .item .btn-group .btn:after {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fright-arrow-bold.svg);
  width: 12px;
  content: "";
  height: 12px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 10px;
}

.installment-grid-partners {
  margin-bottom: 40px;
}

.installment-grid-partners h2 {
  text-align: center;
  font-weight: bold;
  font-size: 28px;
  line-height: 37px;
  color: #000000;
  margin-bottom: 40px;
}

.installment-grid-partners .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
}

.installment-grid-partners .grid > div {
  padding-left: 30px;
  width: 33.33%;
}

.installment-grid-partners .item {
  text-align: center;
}

.installment-grid-partners .image img {
  display: block;
  margin: 0 auto;
}

.installment-grid-partners p {
  margin-top: 20px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #000000;
}

.installment-grid-partners p span {
  color: #E31E24;
}

.error-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100vh;
}

.error-page .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.error-page .left {
  padding-right: 100px;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.error-page .right {
  width: 570px;
  min-width: 570px;
}

.error-page .ops {
  font-weight: bold;
  font-size: 144px;
  line-height: 192px;
  color: #E31E24;
}

.error-page .title {
  font-weight: normal;
  font-size: 32px;
  line-height: 40px;
  color: #2B2A29;
}

.error-page .error-title {
  margin: 20px 0;
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;
  color: #E31E24;
}

.error-page .small-text {
  margin-bottom: 12px;
  font-weight: normal;
  font-size: 20px;
  line-height: 32px;
  color: #898989;
}

.error-page .url {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 400px;
}

.error-page .url div {
  width: 50%;
  margin-bottom: 10px;
}

.error-page .url a {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #2B2A29;
}

.error-page .back {
  background: #FFFFFF;
  /* Black */
  border: 1px solid #2B2A29;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  margin-top: 20px;
  color: #2B2A29;
  padding: 0 75px;
  height: 56px;
}

.gid-page {
  margin-bottom: 137px;
}

.gid-page .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.gid-page .left-side {
  min-width: 270px;
  width: 270px;
}

.gid-page .left-side ul {
  padding: 0;
  margin: 0;
}

.gid-page .left-side ul li {
  list-style: none;
  border-bottom: 1px solid #EEEFF0;
}

.gid-page .left-side ul li > a {
  width: 100%;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #898989;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 60px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: left center;
}

.gid-page .left-side ul li > a:hover {
  color: #2B2A29;
}

.gid-page .left-side ul li.item:nth-child(1) > a {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fgit1.svg);
}

.gid-page .left-side ul li.item:nth-child(2) > a {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fgit2.svg);
}

.gid-page .left-side ul li.item:nth-child(3) > a {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fgit3.svg);
}

.gid-page .left-side ul li.item:nth-child(4) > a {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fgit4.svg);
}

.gid-page .left-side ul li.item:nth-child(5) > a {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fgit5.svg);
}

.gid-page .left-side ul li.item:nth-child(6) > a {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fgit6.svg);
}

.gid-page .left-side ul li.item:nth-child(7) > a {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fgit7.svg);
}

.gid-page .left-side ul li.item:nth-child(8) > a {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fgit8.svg);
}

.gid-page .left-side ul li.active > a {
  color: #2B2A29;
}

.gid-page .left-side ul li .drop-down {
  padding-left: 60px;
  margin-bottom: 20px;
  display: none;
}

.gid-page .left-side ul li .drop-down.showDrop {
  display: block;
}

.gid-page .left-side ul li .item-drop {
  position: relative;
  cursor: pointer;
}

.gid-page .left-side ul li .item-drop.showDrop {
  color: #2B2A29;
}

.gid-page .left-side ul li .item-drop.showDrop:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.gid-page .left-side ul li .item-drop:after {
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fgid-arrow.svg);
  background-size: contain;
  width: 15px;
  height: 10px;
  margin-left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
}

.gid-page .left-side ul li .drop-down .sub {
  display: block;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #898989;
  margin-bottom: 8px;
  text-decoration: none;
}

.gid-page .left-side ul li .drop-down .sub:hover {
  color: #2B2A29;
}

.gid-page .left-side ul li .drop-down .sub.active {
  color: #2B2A29;
}

.gid-page .right-side {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  padding-left: 70px;
}

.gid-page .right-side > h1 {
  font-weight: bold;
  font-size: 36px;
  line-height: 48px;
  color: #2B2A29;
  margin: 0;
}

.gid-page .right-side > p {
  font-weight: normal;
  font-size: 20px;
  color: #898989;
  margin-bottom: 30px;
  margin-top: 0;
}

.gid-page .right-side img {
  width: 100%;
}

.gid-page .right-side .faq {
  margin-top: 30px;
}

.guide-bank {
  margin-bottom: 136px;
}

.guide-bank .h2 {
  font-weight: bold;
  font-size: 32px;
  line-height: 43px;
  color: #2B2A29;
  margin-bottom: 20px;
}

.guide-bank .center {
  text-align: center;
}

.guide-bank strong {
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  color: #2B2A29;
  margin-top: 20px;
}

.guide-bank .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 30px -30px;
}

.guide-bank .flex .column {
  padding-left: 30px;
  width: 50%;
}

.guide-bank .flex .column p {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #898989;
  margin: 0 0 20px 0;
}

.guide-bank img {
  width: 100%;
  margin: 30px 0;
}

.guide-bank .triangle {
  margin-bottom: 80px;
}

.guide-bank .triangle img {
  width: 40px;
  height: 40px;
  margin: 0 auto;
}

.guide-bank .triangle .h2 {
  text-align: center;
  margin-bottom: 60px;
  margin-top: 80px;
}

.guide-bank .triangle .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -20px;
}

.guide-bank .triangle .flex .item {
  width: 25%;
  padding-left: 20px;
}

.guide-bank .triangle .flex p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #2B2A29;
}

.guide-bank .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
}

.guide-bank .grid .item {
  width: 25%;
}

.guide-bank .grid .item img {
  width: 80px;
  margin: 0 auto;
}

.guide-bank .grid .item .title {
  margin-top: 20px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  /* or 150% */
  text-align: center;
  /* Gray 75 */
  color: #898989;
}

.guide-bank .social {
  margin: 40px 0;
}

.guide-bank .social .title {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #898989;
}

.guide-bank .social .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.guide-bank .social .flex a {
  margin: 0 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.guide-bank .social .flex a:hover {
  opacity: 0.5;
}

.guide-bank .social .flex a img {
  margin: 0;
}

.guide-bank-pfdt {
  margin-bottom: 100px;
}

.guide-bank-securities-operation .top-text {
  margin-bottom: 40px;
}

.guide-bank-securities-operation .top-text .h2 {
  margin-bottom: 30px;
}

.guide-bank-securities-operation .top-text h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  color: #000000;
  margin: 20px 0;
}

.guide-bank-securities-operation .top-text p {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
  margin: 20px 0;
}

.guide-bank-securities-operation .top-text ul {
  padding: 0;
  margin: 0;
}

.guide-bank-securities-operation .top-text ul li {
  margin-top: 10px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  list-style: none;
}

.guide-bank-securities-operation .table {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
  margin-bottom: 40px;
  padding-bottom: 20px;
}

.guide-bank-securities-operation .table .table-header {
  background: #2B2A29;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.guide-bank-securities-operation .table .table-header .item {
  width: 25%;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  color: #FFFFFF;
  padding: 25px 0;
}

.guide-bank-securities-operation .table .table-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #EEEFF0;
}

.guide-bank-securities-operation .table .table-body:last-child {
  border-bottom: 0;
}

.guide-bank-securities-operation .table .table-body .item {
  font-weight: normal;
  width: 25%;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #2B2A29;
  padding: 25px 0;
}

.guide-bank-securities-operation .flex {
  margin-bottom: 100px;
}

.guide-bank-securities-operation .flex .wrapper {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
  margin-bottom: 40px;
}

.guide-bank-securities-operation .flex h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  color: #000000;
  margin-bottom: 40px;
}

.guide-bank-securities-operation .flex .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #EEEFF0;
}

.guide-bank-securities-operation .grid > div {
  width: 50%;
  padding-left: 30px;
}

.guide-bank-securities-operation .flex .item {
  text-align: center;
  padding: 20px;
}

.guide-bank-securities-operation .flex p {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
}

.guide-bank-correspondent-network {
  margin-bottom: 100px;
}
.guide-bank-correspondent-network p {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
}
.guide-bank-correspondent-network .h2 {
  margin-bottom: 40px;
}
.guide-bank-correspondent-network .wrapper .item .accordion-custom {
  padding: 22px 20px;
  cursor: pointer;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #2B2A29;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fnet-down.svg);
  background-repeat: no-repeat;
  background-position: 98% 27px;
}
.guide-bank-correspondent-network .wrapper .item .accordion-custom.active {
  color: #E31E24;
  -webkit-box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fnet-up.svg);
}
.guide-bank-correspondent-network .wrapper .item .accordion-custom.active .panel {
  display: block;
  margin: 20px -20px -22px -20px;
  height: auto;
  padding: 30px 20px;
}
.guide-bank-correspondent-network .wrapper .item .accordion-custom.active .panel > * {
  display: block;
}
.guide-bank-correspondent-network .wrapper .item .accordion-custom.active .panel .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
}
.guide-bank-correspondent-network .wrapper .item .accordion-custom.active .panel .flex b {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #2B2A29;
  margin-bottom: 20px;
  display: block;
  text-transform: uppercase;
}
.guide-bank-correspondent-network .wrapper .item .accordion-custom.active .panel .flex p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #898989;
  margin-bottom: 9px;
  margin-top: 0;
}
.guide-bank-correspondent-network .wrapper .item .accordion-custom.active .panel .flex .item-swift {
  width: 250px;
  margin-left: 30px;
}
.guide-bank-correspondent-network .wrapper .item .accordion-custom.active .panel .flex .item-number {
  width: 270px;
  margin-left: 30px;
}
.guide-bank-correspondent-network .wrapper .item .accordion-custom.active .panel .flex .item-currencies {
  width: 170px;
  margin-left: 30px;
}
.guide-bank-correspondent-network .wrapper .item .accordion-custom.active .panel .flex .item-address {
  width: 350px;
  margin-left: 30px;
}
.guide-bank-correspondent-network .wrapper .item .panel {
  border-top: 1px solid #DEE2E6;
  height: 1px;
  padding: 0;
  background: #FFFFFF;
  margin: 20px -20px -22px -20px;
}
.guide-bank-correspondent-network .wrapper .item .panel > * {
  display: none;
}

.guide-bank-correspondent-network .table {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
  margin-bottom: 40px;
}

.guide-bank-correspondent-network .table .table-header {
  background: #2B2A29;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
}

.guide-bank-correspondent-network .table .table-header .item:first-child {
  text-align: left;
}

.guide-bank-correspondent-network .table .table-header .item {
  text-align: center;
  width: 20%;
  padding: 0 10px;
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  color: #FFFFFF;
}

.guide-bank-correspondent-network .table .table-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px;
}

.guide-bank-correspondent-network .table .table-body:hover {
  background: #EEEFF0;
}

.guide-bank-correspondent-network .table .table-body .item:first-child {
  text-align: left;
}

.guide-bank-correspondent-network .table .table-body .item {
  text-align: center;
  width: 20%;
  padding: 0 10px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}

.guide-bank-details-contacts {
  margin-bottom: 100px;
}

.guide-bank-details-contacts h3 {
  margin-top: 40px;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  color: #2B2A29;
}

.guide-bank-details-contacts hr {
  margin: 30px 0;
  border-top: 0;
  border-bottom: 1px solid #DEE2E6;
}

.guide-bank-details-contacts .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px;
}

.guide-bank-details-contacts .grid .item {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.guide-bank-details-contacts .grid .item img {
  min-width: 56px;
  width: 56px;
  margin-right: 20px;
}

.guide-bank-details-contacts .grid .item p {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #898989;
  margin: 0;
}

.guide-bank-details-contacts .grid .item span {
  color: #2B2A29;
}

.guide-bank-details-contacts .maps {
  margin-bottom: 40px;
}

.guide-bank-details-contacts .maps iframe {
  display: block;
  height: 360px;
}

.guide-bank-tarif .h2 {
  margin-bottom: 40px;
}

.guide-bank-tarif .table {
  background: #2B2A29;
}

.guide-bank-tarif .table .table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.guide-bank-tarif .table .table-header .item-1 {
  width: 100px;
  min-width: 100px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  color: #FFFFFF;
  padding-left: 20px;
}

.guide-bank-tarif .table .table-header .item-2 {
  min-width: 600px;
  width: 600px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  color: #FFFFFF;
}

.guide-bank-tarif .table .table-header .item-3 {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.guide-bank-tarif .table .table-header .item-3 .sub-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  color: #FFFFFF;
}

.guide-bank-tarif .table .table-header .item-3 .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.guide-bank-tarif .table .table-header .item-3 .grid .item {
  padding: 15px 0;
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  width: 33.33%;
}

.guide-bank-tarif .info-helper {
  margin-bottom: 100px;
}

.guide-bank-tarif .info-helper h3 {
  font-weight: bold;
  font-size: 32px;
  line-height: 43px;
  color: #2B2A29;
}

.guide-bank-tarif .info-helper p {
  margin: 12px 0;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}

.wrapper-info .credit-benefits {
  margin-top: 40px;
  padding-bottom: 0;
}

.wrapper-info .credit-benefits h4 {
  font-weight: normal;
  font-size: 18px;
  line-height: 26px;
}

.wrapper-info {
  margin-bottom: 40px;
}

.wrapper-info .h2 {
  text-align: center;
  margin-bottom: 20px;
}

.wrapper-info p.small {
  font-size: 20px;
  line-height: 32px;
  text-align: center;
  color: #898989;
  margin-top: -18px;
}

.wrapper-info .list-info {
  padding-bottom: 20px;
}

.wrapper-info .list-info h4 {
  font-weight: bold;
  font-size: 28px;
  line-height: 37px;
  color: #2B2A29;
  margin-bottom: 20px;
}

.wrapper-info .list-info ul {
  margin-bottom: 40px;
}

.wrapper-info .list-info ul li {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
  margin-bottom: 12px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.wrapper-info .list-info ul li:before {
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2FBullet.svg);
  background-repeat: no-repeat;
  background-position: center;
  min-width: 8px;
  width: 8px;
  height: 8px;
  left: 0;
  display: inline-block;
  margin-right: 10px;
  margin-top: 12px;
}

.wrapper-info .list-info small {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
  margin-bottom: 20px;
  display: block;
}

.wrapper-info p {
  font-size: 20px;
  line-height: 32px;
  color: #2B2A29;
}

.wrapper-info .wrapper {
  padding: 40px;
  background: #F3F3F3;
  border-radius: 16px;
  margin-top: 40px;
}

.wrapper-info .wrapper h3 {
  font-weight: bold;
  font-size: 28px;
  line-height: 37px;
  color: #2B2A29;
  margin-bottom: 30px;
}

.wrapper-info .wrapper .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.wrapper-info .wrapper .grid .left {
  width: 170px;
  min-width: 170px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Ffile.svg);
  background-repeat: no-repeat;
  background-position: center;
  height: 170px;
  margin-right: 60px;
}

.wrapper-info .wrapper .grid .right {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.wrapper-info .wrapper .grid .right ul {
  margin: 0;
  padding: 0;
}

.wrapper-info .wrapper .grid .right li {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
  margin-bottom: 15px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fcircle.svg);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 32px;
  list-style: none;
}
.wrapper-info .wrapper .grid .right li:last-child {
  background-image: none;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #898989;
}
.wrapper-info .wrapper .grid .right li:last-child span {
  cursor: pointer;
}

.faq.m-dashed {
  padding-bottom: 0;
}

.faq.m-dashed .help-text {
  margin: 40px 0;
}

.faq.m-dashed .help-text h3 {
  font-weight: bold;
  font-size: 28px;
  line-height: 37px;
  color: #2B2A29;
}

.faq.m-dashed .help-text p {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
  margin-top: 20px;
}

.faq.m-dashed table {
  margin: -20px;
  border-spacing: 0;
}

.faq.m-dashed table thead tr th {
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  background: #2B2A29;
  color: #FFFFFF;
  padding: 20px 0;
}

.faq.m-dashed table tbody tr td {
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  padding: 20px 0;
  border-bottom: 1px solid #EEEFF0;
  color: #2B2A29;
}

.faq.m-dashed .wrapper {
  border: 1px dashed #2B2A29;
}

.faq.m-dashed .wrapper {
  border-radius: 4px;
  margin-bottom: 20px;
}

.faq.m-dashed .accordion {
  padding: 20px 24px;
}

.offers-page .top-section {
  background-repeat: no-repeat;
  background-position: center;
  padding: 80px 0;
  background-size: cover;
}

.offers-page .top-section .url {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.offers-page .top-section .url a.active {
  opacity: 1;
}

.offers-page .top-section .url a {
  font-weight: bold;
  font-size: 26px;
  line-height: 37px;
  color: #FFFFFF;
  opacity: 0.6;
  margin-right: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
}

.offers-page .top-section .url a:hover {
  opacity: 1;
}

.offers-page .top-section .filter-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
  margin-top: 30px;
}

.offers-page .top-section .filter-panel .left-side .wrapper {
  border-radius: 4px;
  border: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.offers-page .top-section .filter-panel .left-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 30px;
}

.offers-page .top-section .filter-panel .left-side a:nth-child(2) {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

.offers-page .top-section .filter-panel .left-side a {
  text-decoration: none;
  height: 46px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #FFFFFF;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding: 0 42px;
}

.offers-page .top-section .filter-panel .left-side a:hover {
  color: #2B2A29;
  background-color: #fff;
}

.offers-page .top-section .filter-panel .left-side a.active {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #2B2A29;
  background-color: #fff;
}

.offers-page .top-section .filter-panel .right-side {
  width: 50%;
  padding-left: 30px;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.offers-page .top-section .filter-panel .right-side form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.offers-page .top-section .filter-panel .right-side form.left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.offers-page .top-section .filter-panel .right-side .select:last-child {
  margin-right: 0;
}

.offers-page .top-section .filter-panel .right-side .select {
  width: 270px;
  margin-right: 30px;
}

.offers-page .top-section .filter-panel .right-side select {
  background-color: #FFFFFF;
  border: 1px solid #DEE2E6;
  border-radius: 2px;
  height: 48px;
  padding: 0 16px;
  min-width: 100%;
  outline: none !important;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fselect.svg);
  background-position: 94% center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  -o-text-overflow: "";
     text-overflow: "";
  cursor: pointer;
}

.custom-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.custom-checkbox a {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #2B2A29;
}

.custom-checkbox label {
  cursor: pointer;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #898989;
}

.custom-checkbox .indicator {
  width: 28px;
  height: 28px;
  display: inline-block;
  min-width: 28px;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #CECFCF;
  margin-right: 12px;
}

.custom-checkbox input:checked + .indicator {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fcheck-symbol.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #E31E24;
  border-color: #E31E24;
}

.list-offers .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}
.list-offers .flex-box .image {
  width: 180px;
  min-width: 180px;
}
.list-offers .flex-box .text {
  padding-left: 60px;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
}
.list-offers .flex-box .text * {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #000000;
}

.list-offers .heading {
  margin-bottom: 40px;
}

.list-offers .heading .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-offers .heading .flex .left-side .h2 {
  margin-right: 34px;
}

.list-offers .heading .flex .left-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-offers .heading .flex .left-side form {
  display: block;
}

.list-offers .heading .flex .right-side .wrapper {
  border: 1px solid #2B2A29;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
}

.list-offers .heading .flex .right-side .wrapper a {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  padding: 0 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  color: #2B2A29;
  height: 46px;
}

.list-offers .heading .flex .right-side .wrapper a:hover {
  background-color: #2B2A29;
  color: #fff;
}

.list-offers .heading .flex .right-side .wrapper a.active {
  background-color: #2B2A29;
  color: #fff;
}

.list-offers .body-list {
  margin-bottom: 100px;
}

.list-offers .body-list table {
  border-spacing: 0;
}

.list-offers .body-list table thead tr th {
  padding-bottom: 20px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #898989;
  border-bottom: 4px solid #DEE2E6;
  text-align: left;
}

.list-offers .body-list table tbody tr {
  vertical-align: top;
}

.list-offers .body-list table tbody tr td {
  border-bottom: 1px solid #DEE2E6;
  padding: 30px 0;
}

.list-offers .body-list table tbody tr:last-child td {
  border-bottom: 0;
}

.list-offers .body-list table tbody tr td h3 {
  font-weight: normal;
  font-size: 20px;
  line-height: 32px;
  color: #2B2A29;
  padding-right: 10px;
}

.list-offers .body-list table tbody tr td h5 {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: #9D9E9E;
  padding-right: 10px;
}

.list-offers .body-list table tbody tr td a {
  background: #FFFFFF;
  border: 1px solid #2B2A29;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 143% */
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 30px;
  height: 44px;
  text-decoration: none;
  margin-top: 20px;
  color: #2B2A29;
}

.list-offers .body-list table tbody tr td a:hover {
  background-color: #2B2A29;
  color: #fff;
}

.list-offers .body-list table tbody tr td a:hover:before {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-location.svg);
}

.list-offers .body-list table tbody tr td a:before {
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-location-gray.svg);
  margin-right: 4px;
  width: 24px;
  height: 24px;
  display: inline-block;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: center;
}

.list-offers .body-list table tbody tr td h4 {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
}

.list-offers .body-list table tbody tr td .wrapper {
  margin-bottom: 12px;
}

.list-offers .body-list table tbody tr td .wrapper .small-gray {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #898989;
}

.list-offers .body-list table tbody tr td .wrapper .medium-dark {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}

.list-offers .body-list .show-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  height: 56px;
  background: #FFFFFF;
  border: 1px solid #2B2A29;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  color: #2B2A29;
  margin-top: 20px;
  text-decoration: none;
}

.list-offers .body-list .show-more:hover {
  background-color: #2B2A29;
  color: #fff;
}

.list-offers .body-maps {
  margin-bottom: 100px;
}

.application-for-card {
  margin-bottom: 100px;
}

.application-for-card .text-center {
  text-align: center;
  margin-bottom: 40px;
}

.application-for-card .text-center .h1 {
  margin-bottom: 20px;
}

.application-for-card .text-center p {
  max-width: 646px;
  margin: 0 auto;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #898989;
}

.application-for-card .custom-container {
  width: 830px;
}

.application-for-card .list-form form .tab-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px;
}

.application-for-card .list-form form .tab-form .item {
  width: 25%;
  margin: 0 15px;
}

.application-for-card .list-form form .tab-form a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-decoration: none;
}

.application-for-card .list-form form .tab-form a {
  padding-bottom: 30px;
  border-bottom: 2px solid transparent;
}

.application-for-card .list-form form .tab-form a.active {
  border-bottom: 2px solid #2B2A29;
}

.application-for-card .list-form form .tab-form a .icon {
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}

.application-for-card .list-form form .tab-form a .icon.step-1 {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fstep-1.svg);
}

.application-for-card .list-form form .tab-form a .icon.step-2 {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fstep-2.svg);
}

.application-for-card .list-form form .tab-form a .icon.step-3 {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fstep-3.svg);
}

.application-for-card .list-form form .tab-form a .icon.step-4 {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fstep-4.svg);
}

.application-for-card .list-form form .tab-form a.active .icon.step-1 {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fstep-1-active.svg);
}

.application-for-card .list-form form .tab-form a.active .icon.step-2 {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fstep-2-active.svg);
}

.application-for-card .list-form form .tab-form a.active .icon.step-3 {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fstep-3-active.svg);
}

.application-for-card .list-form form .tab-form a.active .icon.step-4 {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fstep-4-active.svg);
}

.application-for-card .list-form form .tab-form a .icon.step-done {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fstep-done.svg) !important;
}

.application-for-card .list-form form .tab-form a .title {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #9D9E9E;
  max-width: 150px;
  margin: 10px auto 0 auto;
}

.application-for-card .list-form form .tab-form a.active .title {
  color: #2B2A29;
}

.application-for-card .list-form form .tab-form a.done .title {
  color: #2B2A29;
}

.application-for-card .list-form form .wrapper-border {
  padding: 30px;
  background: #FFFFFF;
  border: 1px solid #CECFCF;
  margin-top: -2px;
}

.application-for-card .list-form form .wrapper-border .mb-40 {
  margin-bottom: 40px;
}

.application-for-card .list-form form .wrapper-border .finished {
  margin: 0 -30px -30px -30px;
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.application-for-card .list-form form .wrapper-border .finished .btn-black[disabled] {
  border: 1px solid #CECFCF;
  background: #CECFCF;
  cursor: not-allowed;
}

.application-for-card .list-form form .wrapper-border .finished .btn-black {
  height: 56px;
  outline: none !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 40px 0 0 0;
  border-radius: 2px;
  padding: 0 20px;
  font-weight: normal;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 24px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  border: 1px solid #2B2A29;
  background: #2B2A29;
  cursor: pointer;
  min-width: 240px;
}

.application-for-card .list-form form .wrapper-border .footer-next {
  margin: 0 -30px -30px -30px;
  padding: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #DEE2E6;
}

.application-for-card .list-form form .wrapper-border .footer-next a, .application-for-card .list-form form .wrapper-border .footer-next button {
  height: 56px;
  cursor: pointer;
  outline: none !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 5px;
  border-radius: 2px;
  padding: 0 20px;
  font-weight: normal;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #2B2A29;
  min-width: 240px;
}

.application-for-card .list-form form .wrapper-border .footer-next .btn-black {
  background: #2B2A29;
  color: #FFFFFF;
}

.application-for-card .list-form form .wrapper-border .footer-next .btn-white {
  background-color: #fff;
  color: #2B2A29;
}

.application-for-card .list-form form .wrapper-border h5 {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #2B2A29;
  position: relative;
  margin-bottom: 20px;
}

.application-for-card .list-form form .wrapper-border .gray-title {
  margin-top: -14px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #898989;
}

.application-for-card .list-form form .wrapper-border .medium-title {
  margin-top: 20px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}

.application-for-card .list-form form .wrapper-border .important:before {
  content: "*";
  left: 0;
  top: 0;
  bottom: 0;
  color: #E31E24;
  margin-right: 5px;
}

.application-for-card .list-form form .wrapper-border .grid-legacy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.application-for-card .list-form form .wrapper-border .grid-legacy .item {
  margin-right: 30px;
}

.application-for-card .list-form form .wrapper-border .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -16px;
}

.application-for-card .list-form form .wrapper-border .grid-border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin-left: -30px;
  margin-bottom: 30px;
}

.application-for-card .list-form form .wrapper-border .grid-border .item {
  width: 50%;
  padding-left: 30px;
}

.application-for-card .list-form form .wrapper-border .grid-border .item label {
  cursor: pointer;
  border: 1px dashed #868E96;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px 30px 30px 30px;
  position: relative;
}

.application-for-card .list-form form .wrapper-border .grid-border .help-text {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #9D9E9E;
  margin-top: 8px;
}

.application-for-card .list-form form .wrapper-border .grid-border .help-text span {
  color: #2B2A29;
}

.application-for-card .list-form form .wrapper-border .grid-border .item .icon {
  width: 59px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.application-for-card .list-form form .wrapper-border .grid-border .item .icon.left {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-front-password.svg);
}

.application-for-card .list-form form .wrapper-border .grid-border .item .icon.right {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-back-password.svg);
}

.application-for-card .list-form form .wrapper-border .grid-border .item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.application-for-card .list-form form .wrapper-border .grid-border .item small {
  margin-top: 8px;
  margin-bottom: 30px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #696B75;
}

.application-for-card .list-form form .wrapper-border .grid-border .item .emul-btn {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  height: 36px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 72px;
  color: #00A0E3;
  border: 1px solid #00A0E3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50px;
}

.application-for-card .list-form form .wrapper-border .grid .item {
  width: 50%;
  padding-left: 30px;
  margin-top: 16px;
}

.application-for-card .list-form form .wrapper-border select {
  width: 100%;
  background-color: #FFFFFF;
  border: 1px solid #DEE2E6;
  color: #2B2A29;
  border-radius: 2px;
  height: 44px;
  padding: 0 16px;
  outline: none !important;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fselect.svg);
  background-position: 95% center;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  font-size: 14px;
  -o-text-overflow: "";
     text-overflow: "";
  cursor: pointer;
}

.application-for-card .list-form form .wrapper-border input.datepickerIcon {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fcalendar.svg);
}

.application-for-card .list-form form .wrapper-border input {
  background-repeat: no-repeat;
  background-position: 95% center;
  background-color: #FFFFFF;
  border: 1px solid #DEE2E6;
  border-radius: 2px;
  width: 100%;
  height: 44px;
  outline: none !important;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #2B2A29;
  padding: 0 16px;
}

.application-for-card .list-form form .wrapper-border .custom-radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.application-for-card .list-form form .wrapper-border .custom-radio .indicator {
  background: #FFFFFF;
  border: 1px solid #CECFCF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50px;
  width: 28px;
  min-width: 28px;
  height: 28px;
  display: inline-block;
  margin-right: 10px;
}

.application-for-card .list-form form .wrapper-border .custom-radio span {
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #898989;
}

.application-for-card .list-form form .wrapper-border input:checked + span + span {
  color: #2B2A29;
}

.application-for-card .list-form form .wrapper-border input:checked + .indicator {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2FBRadioBtn-active.svg);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  border-color: #E31E24;
  background-size: cover;
}

.application-for-card .list-form form .wrapper-border .step-choice h4 {
  font-weight: bold;
  font-size: 28px;
  line-height: 37px;
  text-align: center;
  margin-bottom: 10px;
  color: #2B2A29;
}

.application-for-card .list-form form .wrapper-border .step-choice h5 {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #2B2A29;
  margin-bottom: 10px;
}

.application-for-card .list-form form .wrapper-border .step-choice h6 {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #898989;
}

.application-for-card .list-form form .wrapper-border .step-choice .choice-card {
  padding: 0 30px;
  margin-top: 40px;
}

.application-for-card .list-form form .wrapper-border .step-choice .choice-card .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
}

.application-for-card .list-form form .wrapper-border .step-choice .choice-card .item {
  width: 50%;
  padding-left: 30px;
  text-align: center;
}

.application-for-card .list-form form .wrapper-border .step-choice .choice-card img {
  display: block;
  margin: 0 auto;
}

.application-for-card .list-form form .wrapper-border .step-choice .choice-card .title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-top: 10px;
  color: #2B2A29;
}

.application-for-card .list-form form .wrapper-border .step-choice .choice-card .sub-title {
  margin-top: 8px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #898989;
  margin-bottom: 16px;
}

.application-for-card .list-form form .wrapper-border .step-choice .choice-card a {
  background: #FFFFFF;
  border: 1px solid #2B2A29;
  border-radius: 2px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #2B2A29;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 160px;
  height: 44px;
  padding: 0 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
}

.application-for-card .list-form form .wrapper-border .step-choice .choice-card a:hover {
  background-color: #2B2A29;
  color: #fff;
}

.application-for-card .list-form form .wrapper-border .step-choice .wrapper-info {
  margin-bottom: 20px;
}

.application-for-card .list-form form .wrapper-border .step-choice .wrapper-info .title-info {
  margin-bottom: 12px;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  /* identical to box height, or 158% */
  /* Black */
  color: #2B2A29;
}

.m30 {
  margin-bottom: 30px;
}

.application-for-card .list-form form .wrapper-border .step-choice .wrapper-info ul {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.application-for-card .list-form form .wrapper-border .step-choice .wrapper-info ul li {
  list-style: none;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #898989;
  width: 300px;
  min-width: 300px;
  padding-left: 30px;
  margin-bottom: 8px;
}

.application-for-card .list-form form .wrapper-border .step-choice .wrapper-info ul li .preview {
  margin-top: 8px;
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 18px;
  overflow: hidden;
}

.application-for-card .list-form form .wrapper-border .step-choice .wrapper-info ul li .border {
  width: 100%;
  padding: 15px;
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  height: 180px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 20px;
  border-radius: 8px;
}

.application-for-card .list-form form .wrapper-border .step-choice .wrapper-info hr {
  border-top: 0;
  border-bottom: 1px solid #F3F3F3;
}

.back-page {
  padding: 30px 0;
  background-color: #fff;
  border-bottom: 1px solid #DEE2E6;
}

.back-page a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  text-decoration: none;
}

.back-page a:before {
  margin-right: 8px;
  width: 12px;
  height: 12px;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fright-arrow.svg);
}

.choice-card-default {
  margin: 30px 0 100px 0;
}

.choice-card-default .h1 {
  text-align: center;
  margin-bottom: 40px;
  font-weight: bold;
  font-size: 36px;
  line-height: 48px;
  color: #2B2A29;
}

.choice-card-default form {
  display: block;
  text-align: center;
}

.choice-card-default .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.choice-card-default .item {
  padding-left: 30px;
  width: 33.33%;
  margin-bottom: 30px;
}

.choice-card-default .item label {
  border-radius: 16px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  position: relative;
  overflow: hidden;
}

.choice-card-default .item label input:checked + .border {
  border: 2px solid #E31E24;
}

.choice-card-default .item label img {
  display: block;
}

.choice-card-default .item label .border {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border: 1px solid #DEE2E6;
  border-radius: 16px;
}

.choice-card-default .choice-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 56px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
  outline: none !important;
  padding: 0 35px;
  background: #2B2A29;
  border-radius: 2px;
  border: 1px solid #2B2A29;
}

.choice-card-default .choice-btn:hover {
  background-color: #fff;
  color: #2B2A29;
}

.choice-card-default .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.choice-card-default .flex .left-side {
  width: 370px;
  height: 300px;
  min-width: 370px;
}

.choice-card-default .flex .left-side label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.choice-card-default .flex .left-side label .border {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border: 2px dashed #DEE2E6;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.choice-card-default .flex .left-side label img.has-photo {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.choice-card-default .flex .left-side label .title {
  font-weight: normal;
  margin-top: 20px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #898989;
}

.choice-card-default .flex .right-side {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  padding-left: 50px;
  text-align: left;
}

.choice-card-default .flex .right-side .black-title {
  margin: 20px 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  max-width: 420px;
  color: #2B2A29;
}

.choice-card-default .flex .right-side .gray-p {
  margin-bottom: 8px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #898989;
  max-width: 570px;
}

.choice-card-default .flex .right-side .custom-checkbox {
  margin: 20px 0;
}

.choice-card-default .flex .right-side .btn-black[disabled] {
  border: 1px solid #CECFCF;
  background: #CECFCF;
  cursor: not-allowed;
}

.choice-card-default .flex .right-side .btn-black {
  height: 56px;
  outline: none !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 2px;
  padding: 0 20px;
  font-weight: normal;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 24px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  border: 1px solid #2B2A29;
  background: #2B2A29;
  cursor: pointer;
  min-width: 240px;
}

.choice-card-default .not-allowed {
  margin-top: 40px;
  margin-bottom: 100px;
}

.choice-card-default .not-allowed h4 {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  color: #2B2A29;
  text-align: left;
}

.choice-card-default .not-allowed .grid-not-allowed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -20px;
}

.choice-card-default .not-allowed .grid-not-allowed .grid-item {
  padding-left: 20px;
  margin-bottom: 20px !important;
  width: 33.33%;
}

.choice-card-default .not-allowed .grid-not-allowed .item {
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 200px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px;
  margin-bottom: 0;
}

.choice-card-default .not-allowed .grid-not-allowed .item .title {
  margin-top: 20px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #898989;
}

.choice-card-default .not-allowed .gray-p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #898989;
  margin-bottom: 20px;
  text-align: left;
}

.choice-card-default .not-allowed .black-p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  text-align: left;
}

.choice-card-default .text {
  margin: 30px 0;
  text-align: center;
}
.choice-card-default .text h3 {
  font-size: 28px;
  line-height: 37px;
  text-align: center;
  color: #2B2A29;
}
.choice-card-default .text p {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #2B2A29;
  margin: 0 auto;
  max-width: 447px;
}
.choice-card-default .create-card .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.choice-card-default .create-card .flex.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.choice-card-default .create-card .flex .next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.choice-card-default .create-card .flex .next .disabled {
  border: 1px solid #CECFCF;
  background: #CECFCF;
  cursor: not-allowed;
  pointer-events: none;
}
.choice-card-default .create-card .flex .choice-radio {
  width: 200px;
  margin-right: 100px;
  margin-left: 30px;
}
.choice-card-default .create-card button {
  background: #2B2A29;
  border-radius: 2px;
  height: 56px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
  padding: 0 100px;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
}
.choice-card-default .create-card .pick {
  margin-bottom: 20px;
}
.choice-card-default .create-card .pick .title {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  color: #000000;
  text-align: left;
  margin-bottom: 10px;
}
.choice-card-default .create-card .flex-pick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 197px;
}
.choice-card-default .create-card .flex-pick input:checked + .indicator:before {
  opacity: 1;
}
.choice-card-default .create-card .flex-pick .label {
  margin-top: 4px;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #000000;
}
.choice-card-default .create-card .flex-pick label {
  display: block;
  text-align: center;
  cursor: pointer;
}
.choice-card-default .create-card .flex-pick .indicator {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  padding: 4px;
  position: relative;
  margin: 0 auto;
}
.choice-card-default .create-card .flex-pick .indicator:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: -4px;
  bottom: -4px;
  right: -4px;
  left: -4px;
  opacity: 0;
}
.choice-card-default .create-card .flex-pick .indicator.black {
  background: #2B2A29;
}
.choice-card-default .create-card .flex-pick .indicator.black:before {
  border: 1px solid #2B2A29;
}
.choice-card-default .create-card .flex-pick .indicator.red {
  background: #E31E24;
}
.choice-card-default .create-card .flex-pick .indicator.red:before {
  border: 1px solid #E31E24;
}
.choice-card-default .create-card .flex-pick .indicator.blue {
  background: #1F68A3;
}
.choice-card-default .create-card .flex-pick .indicator.blue:before {
  border: 1px solid #1F68A3;
}
.choice-card-default .create-card .flex-pick .indicator.white {
  background-color: #fff;
  border: 1px solid #DEE2E6;
}
.choice-card-default .create-card .flex-pick .indicator.white:before {
  border: 1px solid #2B2A29;
}

.icon-title-desc {
  margin: 60px 0 80px;
}
.icon-title-desc .h2 {
  text-align: center;
  margin-bottom: 52px;
}
.icon-title-desc.grid-5 .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
}
.icon-title-desc.grid-5 .grid > div {
  width: 20%;
  padding-left: 30px;
}
.icon-title-desc.grid-5 .grid > div img {
  display: block;
  margin: 0 auto;
}
.icon-title-desc.grid-5 .grid > div h4 {
  margin: 10px 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #2B2A29;
}
.icon-title-desc.grid-5 .grid > div p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #696B75;
}
.icon-title-desc.grid-4 .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
}
.icon-title-desc.grid-4 .grid > div {
  width: 25%;
  padding-left: 30px;
}
.icon-title-desc.grid-4 .grid > div img {
  display: block;
  margin: 0 auto;
}
.icon-title-desc.grid-4 .grid > div h4 {
  margin: 10px 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #2B2A29;
}
.icon-title-desc.grid-4 .grid > div p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #696B75;
}
.icon-title-desc.grid-3 .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
}
.icon-title-desc.grid-3 .grid > div {
  width: 33.33%;
  padding-left: 30px;
}
.icon-title-desc.grid-3 .grid > div img {
  display: block;
  margin: 0 auto;
}
.icon-title-desc.grid-3 .grid > div h4 {
  margin: 10px 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #2B2A29;
}
.icon-title-desc.grid-3 .grid > div p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #696B75;
}

.bg-image {
  background-size: cover;
  min-height: 600px;
  background-position: center;
  padding-top: 200px;
  position: relative;
}
.bg-image .white-btn {
  background: #fff;
  border-radius: 2px;
  height: 56px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #2B2A29;
  padding: 0 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  text-decoration: none;
}
.bg-image .white-btn:hover {
  background-color: #2B2A29;
  color: #fff;
}
.bg-image .red-btn {
  background: #E31E24;
  border-radius: 2px;
  height: 56px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  padding: 0 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  text-decoration: none;
  margin-right: 20px;
}
.bg-image .red-btn:hover {
  background-color: #c11b21;
}

.step-contact {
  margin-bottom: 64px;
}
.step-contact .h2 {
  margin-bottom: 40px;
  text-align: center;
}
.step-contact .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.step-contact .grid .item {
  padding-left: 30px;
  width: 25%;
  position: relative;
}
.step-contact .grid .item:last-child:after {
  display: none;
}
.step-contact .grid .item:after {
  position: absolute;
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-arrow-right2.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 30px;
  height: 21.11px;
  top: 31px;
  right: -30px;
}
.step-contact .grid .item img {
  display: block;
  margin: 0 auto;
}
.step-contact .grid .item p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #2B2A29;
  margin-top: 20px;
  margin-bottom: 0;
}
.step-contact .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 60px;
}
.step-contact .tab .tablinks {
  height: 48px;
  padding: 0 70px;
  background: #FFFFFF;
  border: 1px solid #2B2A29;
  margin-left: -1px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #2B2A29;
  cursor: pointer;
}
.step-contact .tab .tablinks:nth-child(1) {
  border-radius: 4px 0px 0px 4px;
}
.step-contact .tab .tablinks:nth-child(2) {
  border-radius: 0px 4px 4px 0px;
}
.step-contact .tab .tablinks.active {
  background: #2B2A29;
  color: #fff;
}

.contact-video {
  margin-bottom: 40px;
}
.contact-video .text-center {
  width: 770px;
  margin: 0 auto 35px auto;
}
.contact-video .text-center p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #2B2A29;
}
.contact-video video {
  height: 440px;
  border-radius: 4px;
  overflow: hidden;
}

.tarif-box .h2 {
  margin-bottom: 40px;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 37px;
  color: #2B2A29;
}
.tarif-box .item-box {
  border-radius: 4px;
  border: 1px dashed #2B2A29;
}
.tarif-box .accordion {
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  color: #2B2A29;
  padding: 20px 24px;
  cursor: pointer;
  position: relative;
}
.tarif-box .accordion.active:after {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fmore-close.svg);
}
.tarif-box .accordion:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fmore.svg);
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}
.tarif-box .panel {
  display: none;
  -webkit-box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
}
.tarif-box .panel .flex-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #2B2A29;
}
.tarif-box .panel .flex-head .left-side {
  width: 810px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.tarif-box .panel .flex-head .left-side .item {
  padding: 20px;
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #FFFFFF;
}
.tarif-box .panel .flex-head .right-side {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.tarif-box .panel .flex-head .right-side .item {
  padding: 20px;
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #FFFFFF;
}
.tarif-box .panel .flex-head .right-side.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tarif-box .panel .flex-head .right-side.grid .item {
  width: 50%;
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #FFFFFF;
  opacity: 0.5;
}
.tarif-box .panel .flex-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #EEEFF0;
}
.tarif-box .panel .flex-body .left-side {
  width: 810px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.tarif-box .panel .flex-body .left-side .item {
  padding: 20px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}
.tarif-box .panel .flex-body .left-side .item.center {
  text-align: center;
  width: 280px;
  min-width: 280px;
}
.tarif-box .panel .flex-body .left-side .item p {
  margin: 0 0 8px 0;
}
.tarif-box .panel .flex-body .right-side {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tarif-box .panel .flex-body .right-side .item {
  padding: 20px;
  width: 50%;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  text-align: center;
}
.tarif-box .panel .flex-body .right-side .item p {
  margin: 0 0 8px 0;
}
.tarif-box .text {
  margin-top: 30px;
  margin-bottom: 50px;
}
.tarif-box .text .h2 {
  margin-bottom: 20px;
}
.tarif-box .text p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  margin: 0;
}

.bg-image .container {
  position: relative;
  z-index: 2;
}

.bg-image h1 {
  font-weight: bold;
  font-size: 48px;
  line-height: 64px;
  color: #FFFFFF;
}
.bg-image p {
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
  color: #FFFFFF;
  margin: 20px 0 40px 0;
}
.bg-image .grid-small {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 40px 0 60px 0;
}
.bg-image .grid-small.white .item .top {
  color: #fff;
}
.bg-image .grid-small.white .item .bot {
  color: #fff;
}
.bg-image .grid-small.white .item hr {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.bg-image .grid-small .item {
  margin-right: 50px;
}
.bg-image .grid-small .item .top {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}
.bg-image .grid-small .item .bot {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #2B2A29;
}
.bg-image .grid-small .item hr {
  border-bottom: 0;
  border-top: 1px solid rgba(43, 42, 41, 0.1);
  margin: 16px 0;
}

.bg-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 400px;
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD2C8), color-stop(0.01%, rgba(0, 0, 0, 0.6)), to(rgba(43, 42, 41, 0)));
  background: -o-linear-gradient(top, #DDD2C8 0%, rgba(0, 0, 0, 0.6) 0.01%, rgba(43, 42, 41, 0) 100%);
  background: linear-gradient(180deg, #DDD2C8 0%, rgba(0, 0, 0, 0.6) 0.01%, rgba(43, 42, 41, 0) 100%);
  opacity: 0.8;
}

.bank-garant-text {
  margin-bottom: 40px;
}

.bank-garant-text h2 {
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 36px;
  line-height: 48px;
  color: #2B2A29;
  text-align: center;
}

.bank-garant-text .strong {
  font-weight: 600;
}

.bank-garant-text p {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  margin-top: 20px;
  color: #2B2A29;
}

.bank-garant-text-doc {
  margin-top: -50px;
}

.bank-garant-text-doc h2 {
  font-weight: bold;
  font-size: 22px;
  line-height: 29px;
  text-align: center;
  color: #000000;
  max-width: 800px;
  margin: 0 auto;
}

.bank-garant-text-doc p {
  margin: 20px auto;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  max-width: 660px;
  color: #898989;
}

.bank-garant-text-doc .list {
  max-width: 570px;
  margin: 30px auto 0 auto;
}
.bank-garant-text-doc .list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bank-garant-text-doc .list .item .image {
  margin-right: 14px;
}
.bank-garant-text-doc .list .item .text {
  width: 100%;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}
.bank-garant-text-doc .list .item a {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fdownload.svg);
}
.bank-garant-text-doc .list .item a:hover {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fdownload-h2.svg);
}

.bank-garant-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 50px;
}
.bank-garant-banner .container {
  min-height: 220px;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-size: cover;
  padding: 0;
  width: 1170px;
}
.bank-garant-banner .container .wrapper {
  max-width: 520px;
  margin: 0 auto 0 400px;
  text-align: left;
}
.bank-garant-banner h2 {
  font-weight: bold;
  font-size: 32px;
  line-height: 43px;
  color: #2B2A29;
  margin-bottom: 20px;
}
.bank-garant-banner p {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
}

.tab-table {
  margin-top: 60px;
}
.tab-table .help-text {
  font-weight: normal;
  font-size: 12px;
  line-height: 24px;
  color: #898989;
  padding: 20px;
}
.tab-table h2 {
  font-weight: bold;
  font-size: 22px;
  line-height: 29px;
  text-align: center;
  color: #000000;
  margin-bottom: 40px;
}
.tab-table .item-box {
  background: #FFFFFF;
  border: 1px dashed #2B2A29;
  border-radius: 4px;
  margin-bottom: 50px;
  -webkit-box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
}
.tab-table .item-box .accordion {
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  color: #2B2A29;
  padding: 20px;
  cursor: pointer;
  position: relative;
}
.tab-table .item-box .accordion.active:after {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fmore-close.svg);
}
.tab-table .item-box .accordion:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fmore.svg);
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  content: "";
}
.tab-table .item-box .panel {
  display: none;
}
.tab-table .item-box .panel .thead {
  background: #2B2A29;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1px;
}
.tab-table .item-box .panel .thead .item {
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  color: #FFFFFF;
  padding: 20px;
  width: 200px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.tab-table .item-box .panel .thead .item.large {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}
.tab-table .item-box .panel .tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1px;
}
.tab-table .item-box .panel table {
  border-spacing: 0;
  width: 1169px;
  border-collapse: collapse;
}
.tab-table .item-box .panel table thead {
  background: #2B2A29;
}
.tab-table .item-box .panel table thead th {
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  color: #FFFFFF;
  padding: 0 20px;
}
.tab-table .item-box .panel table tbody td {
  vertical-align: top;
  padding: 20px;
  border: 1px solid #EEEFF0;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}
.tab-table .item-box .panel table tbody td p {
  margin: 0;
}

.light-slider-box {
  margin: 40px 0;
}
.light-slider-box .lSSlideOuter .lSPager.lSGallery img {
  height: 86px;
  margin: 0 auto;
}
.light-slider-box .lSSlideOuter .lSPager.lSGallery li a {
  background-color: #fff;
  display: block;
  overflow: hidden;
  border-radius: 5px;
}
.light-slider-box .lSSlideWrapper {
  background-color: #fff;
}
.light-slider-box .lslide img {
  height: 500px;
  margin: 0 auto;
}

.lSAction > a.lSPrev {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fpng%2Fl-left.png);
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center;
  left: 35px;
  margin-top: -40px;
}

.lSAction > a.lSNext {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fpng%2Fl-right.png);
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center;
  right: 35px;
  margin-top: -40px;
}

.lSSlideOuter .lSPager.lSGallery img {
  border-radius: 5px;
  overflow: hidden;
}

.frame-page .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.frame-page .head-line {
  background-color: #fff;
  padding: 30px 0;
}
.frame-page .head-line a {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  text-decoration: none;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 180px;
}
.frame-page .head-line a:before {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Farrow-frame.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  content: "";
}
.frame-page .head-line .bold {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: #2B2A29;
}
.frame-page .body-line {
  min-height: calc(100vh - 84px);
  padding: 130px 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.frame-page .body-line .wrapper .title {
  font-style: normal;
  font-weight: 300;
  font-size: 54px;
  line-height: 72px;
  color: #FFFFFF;
}
.frame-page .body-line .wrapper .title span {
  color: #FF8C00;
}
.frame-page .body-line .wrapper p {
  max-width: 328px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}
.frame-page .body-line .wrapper .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 500px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 500px;
  margin-top: 30px;
}
.frame-page .body-line .wrapper a {
  border-radius: 4px;
  height: 62px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  text-decoration: none;
  width: 240px;
  margin-bottom: 20px;
}
.frame-page .body-line .wrapper a.orange {
  background-color: #FF8C00;
}
.frame-page .body-line .wrapper a.orange:hover {
  background-color: #e68105;
}
.frame-page .body-line .wrapper a.gray {
  background: #393F47;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.frame-page .body-line .wrapper a.gray:hover {
  background-color: #272c31;
}

.money-transfers .credit-benefits .ck-editor.card-info {
  margin-top: 40px;
}
.money-transfers .credit-benefits .ck-editor.card-info p {
  text-align: left;
}

.modal-help {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  overflow: auto;
  padding: 50px 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  visibility: hidden;
  opacity: 0;
}
.modal-help.open {
  visibility: visible;
  opacity: 1;
}
.modal-help.open .box {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.modal-help .close-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.modal-help .box {
  background-color: #fff;
  padding: 30px;
  max-width: 570px;
  border-radius: 4px;
  margin: 100px auto;
  z-index: 2;
  position: relative;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.modal-help .box h4 {
  font-weight: bold;
  font-size: 32px;
  line-height: 43px;
  margin-bottom: 20px;
  color: #2B2A29;
}
.modal-help .box p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}
.modal-help .box .close {
  cursor: pointer;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -30px;
  right: -30px;
  cursor: pointer;
  z-index: 1000;
  background-color: #fff;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fclose.svg);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}

body.show-modal-help {
  overflow: hidden;
}

.back-page.absolute {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  border-bottom: 0;
  background-color: transparent;
}
.back-page.absolute a {
  color: #fff;
}
.back-page.absolute a:before {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fwhite-arrow.svg);
}

.download-logo-head {
  background: #E31E24;
  height: 440px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px;
}
.download-logo-head .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.download-logo-head .flex .text {
  margin-left: 50px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
}

.download-logo-body h1 {
  font-weight: bold;
  font-size: 28px;
  line-height: 37px;
  color: #2B2A29;
}
.download-logo-body p {
  margin: 20px 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #2B2A29;
  max-width: 670px;
}
.download-logo-body p span {
  color: #E31E24;
}
.download-logo-body .flex-soc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 60px;
}
.download-logo-body .flex-soc a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
}
.download-logo-body .flex-soc a:before {
  width: 24px;
  height: 24px;
  min-width: 24px;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
.download-logo-body .flex-soc .phone {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #2B2A29;
  margin-right: 80px;
}
.download-logo-body .flex-soc .phone:before {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fphone.svg);
}
.download-logo-body .flex-soc .mail {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #00A0E3;
}
.download-logo-body .flex-soc .mail:before {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fmail.svg);
}
.download-logo-body .download-logo {
  padding-bottom: 155px;
}
.download-logo-body .download-logo .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.download-logo-body .download-logo .flex .item {
  margin-right: 115px;
}
.download-logo-body .download-logo .flex p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  margin-bottom: 20px;
}
.download-logo-body .download-logo .flex a {
  margin-top: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 30px;
  height: 36px;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #2B2A29;
  background-color: #FFFFFF;
  border: 1px solid #2B2A29;
  border-radius: 2px;
  text-decoration: none;
}
.download-logo-body .download-logo .flex a:hover {
  background-color: #2B2A29;
  color: #fff;
}
.download-logo-body .download-logo .flex a:hover:after {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Farrow-bottom-w.svg);
}
.download-logo-body .download-logo .flex a:after {
  width: 12px;
  height: 12px;
  min-width: 12px;
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Farrow-bottom-b.svg);
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 10px;
}

.error-msg {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #E31E24;
  margin-left: 15px;
  margin-top: 4px;
}

input {
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  height: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  width: 100%;
  padding: 0 16px;
  outline: none !important;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
input.error {
  border: 1px solid #E31E24 !important;
}

.quality-service {
  padding: 40px 0 100px 0;
}
.quality-service .text-info-row h1 {
  font-weight: bold;
  font-size: 36px;
  line-height: 48px;
  color: #2B2A29;
  margin: 30px 0 20px 0;
}
.quality-service .text-info-row p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  margin-bottom: 40px;
}
.quality-service form button {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
  outline: none !important;
  text-align: center;
  color: #FFFFFF;
  background: #2B2A29;
  border: 1px solid #2B2A29;
  height: 56px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 145px;
  border-radius: 2px;
}
.quality-service form button:hover {
  background-color: #fff;
  color: #2B2A29;
}
.quality-service form .row {
  margin-bottom: 30px;
}
.quality-service form .row .group {
  width: 270px;
}
.quality-service form .row .group .error-msg {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #E31E24;
  margin-left: 15px;
  margin-top: 4px;
}
.quality-service form .row .group input {
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  height: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  width: 100%;
  padding: 0 16px;
  outline: none !important;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
.quality-service form .row .group input.error {
  border: 1px solid #E31E24;
}
.quality-service form .row .group input:focus {
  border: 1px solid #2B2A29;
}
.quality-service form .row .title {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 20px;
  color: #2B2A29;
}
.quality-service form .row textarea {
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  padding: 12px 16px;
  width: 570px;
  max-width: 570px;
  min-width: 570px;
  margin-top: 20px;
  display: block;
  outline: none !important;
}
.quality-service form .row textarea:focus {
  border: 1px solid #2B2A29;
}
.quality-service form .row .flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.quality-service form .row .flex label {
  cursor: pointer;
}
.quality-service form .row .flex label:first-child {
  border-radius: 4px 0px 0px 4px;
  overflow: hidden;
}
.quality-service form .row .flex label:last-child {
  border-radius: 0 4px 4px 0;
  overflow: hidden;
}
.quality-service form .row .flex label input {
  display: none;
}
.quality-service form .row .flex label input:checked + .emul-btn {
  background: #2B2A29;
  color: #fff;
}
.quality-service form .row .flex label .emul-btn {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #2B2A29;
  padding: 12px 30px;
  border: 1px solid #2B2A29;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.quality-service form .row .flex-input-3 {
  max-width: 870px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.quality-service form .row .flex-input-3 .group {
  width: 270px;
}
.quality-service form .row .flex-input-3 .group .error-msg {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #E31E24;
  margin-left: 15px;
  margin-top: 4px;
}
.quality-service form .row .flex-input-3 .group input {
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  height: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  width: 100%;
  padding: 0 16px;
  outline: none !important;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
.quality-service form .row .flex-input-3 .group input.error {
  border: 1px solid #E31E24;
}
.quality-service form .row .flex-input-3 .group input:focus {
  border: 1px solid #2B2A29;
}
.quality-service form .row .flex-row-radio label {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.quality-service form .row .flex-row-radio label input {
  display: none;
}
.quality-service form .row .flex-row-radio label input:checked + .indicator + .text {
  color: #2B2A29;
}
.quality-service form .row .flex-row-radio label input:checked + .indicator {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fradio-active.svg);
}
.quality-service form .row .flex-row-radio label .text {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #898989;
}
.quality-service form .row .flex-row-radio label .indicator {
  margin-right: 14px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  background-repeat: no-repeat;
  background-position: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fradio-not-active.svg);
}
.quality-service form .row .flex-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.quality-service form .row .flex-select .group {
  width: 270px;
  margin-right: 30px;
}
.quality-service form .row .flex-select .group:last-child {
  margin-right: 0;
}
.quality-service form .row .flex-select .group .error-msg {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #E31E24;
  margin-left: 15px;
  margin-top: 4px;
}
.quality-service form .row .flex-select .group input {
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  height: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  width: 100%;
  padding: 0 16px;
  outline: none !important;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
.quality-service form .row .flex-select .group input.error {
  border: 1px solid #E31E24;
}
.quality-service form .row .flex-select .group input:focus {
  border: 1px solid #2B2A29;
}
.quality-service form .row .flex-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  -o-text-overflow: "";
     text-overflow: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fselect-arrow.svg);
  background-repeat: no-repeat;
  background-position: 95% center;
  border: 1px solid #DEE2E6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  padding: 12px 16px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #2B2A29;
  width: 270px;
  margin-right: 30px;
  cursor: pointer;
  outline: none !important;
}
.quality-service form .row .flex-select select:focus {
  border: 1px solid #2B2A29;
}
.quality-service form .row .flex-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.quality-service form .row .flex-rating label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  margin-right: 30px;
}
.quality-service form .row .flex-rating label input {
  display: none;
}
.quality-service form .row .flex-rating label input:checked + .card .text {
  color: #2B2A29;
}
.quality-service form .row .flex-rating label input:checked + .card {
  border: 2px solid #E31E24;
}
.quality-service form .row .flex-rating label input:checked + .card img {
  opacity: 1;
}
.quality-service form .row .flex-rating label .card {
  background: #FFFFFF;
  border: 2px solid #EEEFF0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  width: 170px;
  height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.quality-service form .row .flex-rating label .card img {
  width: 40px;
  margin: 0 auto;
  opacity: 0.5;
}
.quality-service form .row .flex-rating label .card .text {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #9D9E9E;
  margin-top: 16px;
}

.modal-ok {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: none;
  z-index: 1000;
}
.modal-ok.show-ok {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-ok .modal-content {
  background: #FFFFFF;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px;
  text-align: center;
  width: 450px;
}
.modal-ok .modal-content img {
  margin: 0 auto;
}
.modal-ok .modal-content .modal-title {
  margin: 20px 0 16px 0;
  font-weight: bold;
  font-size: 22px;
  line-height: 29px;
  text-align: center;
  color: #2B2A29;
}
.modal-ok .modal-content .modal-desc {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  max-width: 270px;
  text-align: center;
  color: #898989;
  margin: 0 auto 30px auto;
}
.modal-ok .modal-content .ok-btn {
  height: 44px;
  background: #2B2A29;
  border: 1px solid #2B2A29;
  border-radius: 2px;
  padding: 0 90px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #FFFFFF;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.modal-ok .modal-content .ok-btn:hover {
  background-color: #fff;
  color: #2B2A29;
}

.card-detail {
  position: relative;
}
.card-detail .card-preview {
  width: 370px;
  height: 237px;
  background: #E31E24;
  -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 18px;
  overflow: hidden;
}
.card-detail .card-preview.no-overflow {
  overflow: visible;
}
.card-detail .card-preview.no-overflow img {
  border-radius: 18px;
}
.card-detail .card-preview .ok {
  position: absolute;
  width: 50px;
  height: 50px;
  top: -25px;
  right: -25px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fok.svg);
  background-repeat: no-repeat;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
}
.card-detail .chip {
  position: absolute;
  top: 75px;
  left: 20px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2FChip.svg);
  width: 47px;
  height: 37px;
  background-repeat: no-repeat;
  background-position: center;
}
.card-detail .name {
  bottom: 26px;
  left: 26px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  font-size: 20px;
}
.card-detail .number {
  top: 132px;
  position: absolute;
  left: 26px;
  right: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 20px;
  color: #fff;
}
.card-detail #carpet-icon {
  position: absolute;
  top: 26px;
  right: 26px;
}
.card-detail #carpet-icon2 {
  position: absolute;
  top: 26px;
  left: 26px;
}
.card-detail .size {
  margin-top: 10px;
}
.card-detail .size .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}
.card-detail .size .flex .value {
  margin: 0 10px;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #2B2A29;
}
.card-detail .size .flex .plus {
  width: 36px;
  height: 36px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fplus.svg);
  cursor: pointer;
}
.card-detail .size .flex .minus {
  width: 36px;
  height: 36px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fminus.svg);
  cursor: pointer;
}

.black-banner {
  margin-bottom: 40px;
}
.black-banner .card {
  background: #2B2A29;
  border-radius: 4px;
  padding: 40px;
  min-height: 460px;
}
.black-banner .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.black-banner .flex .image {
  width: 430px;
  min-width: 430px;
  margin-right: 40px;
}
.black-banner .flex .image img {
  width: 100%;
}
.black-banner .flex .text {
  width: 100%;
}
.black-banner .flex .text h3 {
  font-weight: bold;
  font-size: 32px;
  line-height: 43px;
  margin-bottom: 40px;
  color: #FFFFFF;
}
.black-banner .flex .text ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #FFFFFF;
  margin-bottom: 8px;
}
.black-banner .flex .text ul li:before {
  border: 2px solid #E31E24;
  content: "";
  border-radius: 50%;
  width: 4px;
  min-width: 4px;
  margin-right: 10px;
  height: 4px;
}
.black-banner .flex .text .red-btn {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  padding: 0 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  color: #FFFFFF;
  height: 56px;
  background: #E31E24;
  border-radius: 2px;
  margin-top: 130px;
}
.black-banner .flex .text .red-btn:hover {
  background-color: #c11b21;
}

.white-banner {
  margin-bottom: 40px;
}
.white-banner .card {
  background: #F3F3F3;
  border-radius: 4px;
  padding: 40px 40px 0 40px;
  min-height: 460px;
}
.white-banner .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.white-banner .flex .image {
  width: 430px;
  min-width: 430px;
  margin-left: 40px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.white-banner .flex .image img {
  width: 100%;
}
.white-banner .flex .text {
  width: 100%;
}
.white-banner .flex .text h3 {
  font-weight: bold;
  font-size: 32px;
  line-height: 43px;
  color: #2B2A29;
  margin-bottom: 40px;
}
.white-banner .flex .text ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  margin-bottom: 8px;
}
.white-banner .flex .text ul li:before {
  border: 2px solid #E31E24;
  content: "";
  border-radius: 50%;
  width: 4px;
  min-width: 4px;
  margin-right: 10px;
  height: 4px;
}

.card-list {
  margin-bottom: 40px;
}
.card-list.card-list-modify .flex {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.card-list.card-list-modify .flex .card {
  width: 50%;
  margin-bottom: 20px;
}
.card-list .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
}
.card-list .flex .card {
  padding-left: 30px;
  width: 33.33%;
}
.card-list .flex .card .item {
  border: 1px solid #EEEFF0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
  background: #FFFFFF;
}
.card-list .flex .card .image {
  margin: -1px -1px 0 -1px;
}
.card-list .flex .card .image img {
  width: 100%;
}
.card-list .flex .card .text {
  padding: 20px 24px;
}
.card-list .flex .card .text h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #2B2A29;
  margin-bottom: 20px;
}
.card-list .flex .card .text ul {
  margin-bottom: 36px;
}
.card-list .flex .card .text ul li {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #898989;
  margin-bottom: 8px;
}
.card-list .flex .card .text ul li:before {
  border: 2px solid #E31E24;
  content: "";
  border-radius: 50%;
  width: 4px;
  min-width: 4px;
  margin-right: 10px;
  height: 4px;
}
.card-list .flex .card .text .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card-list .flex .card .text .btn-group a {
  text-decoration: none;
  height: 44px;
  padding: 0 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 10px;
}
.card-list .flex .card .text .btn-group .red-btn {
  background: #E31E24;
  border: 1px solid #E31E24;
  border-radius: 2px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
}
.card-list .flex .card .text .btn-group .red-btn:hover {
  background-color: #c11b21;
}
.card-list .flex .card .text .btn-group .white-btn {
  background: #FFFFFF;
  border: 1px solid #2B2A29;
  border-radius: 2px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #2B2A29;
}
.card-list .flex .card .text .btn-group .white-btn:hover {
  background-color: #ececec;
}
.card-list .flex .card .text .btn-group .white-btn:before {
  content: "";
  width: 16px;
  height: 16px;
  min-width: 16px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fdownload1.svg);
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 3px;
}

.download-app {
  margin-bottom: 100px;
}
.download-app .h2 {
  text-align: center;
  margin-bottom: 17px;
}
.download-app .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.download-app .group a {
  text-decoration: none;
  margin: 0 5px;
}
.download-app .group a:hover {
  opacity: 0.7;
}

.banner-section-image .banner {
  min-height: 320px;
  background-position: center;
  background-size: cover;
  margin: 0 0 40px 0;
}
.banner-section-image .banner .text {
  padding: 60px 130px 60px 400px;
}
.banner-section-image .banner .text h3 {
  font-weight: bold;
  font-size: 32px;
  line-height: 43px;
  color: #2B2A29;
  margin-bottom: 20px;
}
.banner-section-image .banner .text p {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
  margin-bottom: 57px;
}
.banner-section-image .banner .text a {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  background: #2B2A29;
  border: 1px solid #2B2A29;
  border-radius: 2px;
  height: 36px;
  min-width: 200px;
  padding: 0 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  cursor: pointer;
}
.banner-section-image .banner .text a:hover {
  background-color: #fff;
  color: #2B2A29;
}

.rko {
  margin-top: -20px;
}
.rko h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 47px;
}
.rko h2 a {
  height: 56px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  background: #FFFFFF;
  border: 1px solid #2B2A29;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  text-align: center;
  color: #2B2A29;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0 0 30px;
  text-decoration: none;
  min-width: 258px;
}
.rko h2 a:hover {
  background-color: #2B2A29;
  color: #fff;
}
.rko h2 a:after {
  margin-left: 30px;
  width: 60px;
  height: 56px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fdownload-cube.svg);
  background-repeat: no-repeat;
  background-position: center;
  content: "";
  margin-right: -1px;
}
.rko .item-box:last-child .accordion {
  border-bottom: 0;
}
.rko .accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  font-size: 24px;
  line-height: 32px;
  padding: 30px 20px;
  color: #2B2A29;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #DEE2E6;
}
.rko .accordion:after {
  position: absolute;
  content: "";
  width: 20px;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
      -ms-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  height: 20px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-botArrow.svg);
}
.rko .accordion.active:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.rko .accordion.active img.active {
  display: block;
}
.rko .accordion.active img.static {
  display: none;
}
.rko .accordion img {
  width: 80px;
  height: 80px;
  margin-right: 50px;
  min-width: 80px;
}
.rko .accordion img.active {
  display: none;
}
.rko .panel {
  display: none;
  padding: 20px;
  -webkit-box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
}
.rko .panel p {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
}
.rko .panel .bold {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #2B2A29;
  display: block;
  margin-bottom: 22px;
}
.rko .panel .gray-text {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #898989;
  margin: 12px 0 30px 0;
}
.rko .panel ul li {
  position: relative;
  list-style: none;
  padding-left: 30px;
}
.rko .panel ul li:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 6px;
  height: 6px;
  border: 4px solid #E31E24;
  border-radius: 50%;
}
.rko .panel ul li p {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  margin-bottom: 10px;
}
.rko .panel ul li p:last-child {
  margin-bottom: 0;
}
.rko .panel .list {
  margin: 20px auto 0 auto;
}
.rko .panel .list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0;
  border-bottom: 1px solid #EEEFF0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rko .panel .list .item:last-child {
  border-bottom: 0;
}
.rko .panel .list .item .image {
  margin-right: 14px;
}
.rko .panel .list .item .text {
  width: 100%;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}
.rko .panel .list .item a {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fdownload.svg);
}
.rko .panel .list .item a:hover {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fdownload-h2.svg);
}
.rko .banner {
  min-height: 320px;
  background-position: center;
  background-size: cover;
  margin: 40px 0 100px 0;
}
.rko .banner .text {
  padding: 60px 20px 60px 400px;
}
.rko .banner .text h3 {
  font-weight: bold;
  font-size: 32px;
  line-height: 43px;
  color: #2B2A29;
  margin-bottom: 20px;
}
.rko .banner .text p {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
  margin-bottom: 57px;
}
.rko .banner .text a {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #FFFFFF;
  background: #2B2A29;
  border: 1px solid #2B2A29;
  border-radius: 2px;
  height: 36px;
  min-width: 200px;
  padding: 0 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  cursor: pointer;
}
.rko .banner .text a:hover {
  background-color: #fff;
  color: #2B2A29;
}

.card-tabs-section {
  margin-bottom: 100px;
}
.card-tabs-section .doc {
  margin-top: 34px;
}
.card-tabs-section .doc-row {
  max-width: 570px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.card-tabs-section .doc-row .image {
  width: 48px;
  height: 48px;
  min-width: 48px;
  margin-right: 14px;
}
.card-tabs-section .doc-row .text {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  width: 100%;
  margin-right: 60px;
}
.card-tabs-section .doc-row a {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fdownload.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  cursor: pointer;
  text-decoration: none;
}
.card-tabs-section .doc-row a:hover {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fdownload-h2.svg);
}
.card-tabs-section .card-image {
  margin: 0 auto;
}
.card-tabs-section .text h2 {
  font-weight: bold;
  font-size: 32px;
  line-height: 43px;
  text-align: center;
  color: #2B2A29;
}
.card-tabs-section .text p {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #898989;
  max-width: 900px;
  margin: 20px auto 30px auto;
}
.card-tabs-section .tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 16px;
}
.card-tabs-section .tab > div {
  border-radius: 4px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #2B2A29;
}
.card-tabs-section .tablinks, .card-tabs-section .tablinks2 {
  height: 48px;
  padding: 0 32px;
  min-width: 285px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.card-tabs-section .tablinks.active, .card-tabs-section .tablinks2.active {
  background: #2B2A29;
  color: #fff;
  cursor: default;
}
.card-tabs-section .tabcontent, .card-tabs-section .tabcontent2 {
  display: none;
}

.select-c-m {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  color: #cccccc;
  vertical-align: middle;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
}
.select-c-m .placeholder {
  position: relative;
  display: block;
  border: 1px solid #DEE2E6;
  z-index: 1;
  padding: 12px 35px 12px 16px;
  border-radius: 2px;
  font-size: 14px;
  line-height: 20px;
  color: #2B2A29;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.select-c-m .placeholder:after {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fselect-arrow.svg);
  z-index: 10;
  width: 12px;
  height: 12px;
}
.select-c-m.is-open .placeholder:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.select-c-m.is-open ul {
  display: block;
}
.select-c-m.select--white .placeholder {
  background: #fff;
  color: #999;
}
.select-c-m.select--white .placeholder:hover {
  background: #fafafa;
}
.select-c-m ul {
  display: none;
  position: absolute;
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  background: #fff;
  border-radius: 2px;
  top: 100%;
  border: 1px solid #DEE2E6;
  left: 0;
  list-style: none;
  padding: 0;
  z-index: 100;
  max-height: 200px;
}
.select-c-m ul li {
  display: block;
  text-align: left;
  padding: 0.8em 1em 0.8em 1em;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #2B2A29;
  cursor: pointer;
  border-bottom: 1px solid #DEE2E6;
}
.select-c-m ul li:last-child {
  border-bottom: 0;
}
.select-c-m ul li:hover {
  background-color: #fbfbfb;
}
.select-c-m ul li .title-text {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #2B2A29;
}
.select-c-m ul li .address {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #898989;
}
.select-c-m ul li .other {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #1F68A3;
}

#lg-counter {
  color: #fff !important;
}

.lg-backdrop {
  background-color: rgb(255, 255, 255) !important;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  color: #d4d4d4;
}

.lg-toolbar .lg-icon {
  color: #fff !important;
}

.credit-page-setting .back {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-arrow-left.svg);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 8px;
}
.credit-page-setting .box {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  padding: 60px 100px;
  max-width: 970px;
  margin: 80px auto;
}
@media (max-width: 640px) {
  .credit-page-setting .box {
    padding: 30px;
  }
}
.credit-page-setting .box .box-title {
  font-weight: bold;
  font-size: 36px;
  line-height: 48px;
  color: #2B2A29;
  margin-bottom: 8px;
  text-align: center;
}
.credit-page-setting .box .box-desc {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #898989;
  margin-bottom: 30px;
  text-align: center;
}
.credit-page-setting .box .line-page {
  margin: 20px 0 40px 0;
}
.credit-page-setting .box .line-page .line-text {
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #2B2A29;
  margin-bottom: 20px;
}
.credit-page-setting .box .line-page .line {
  height: 12px;
  background: #F3F3F3;
  width: 100%;
  position: relative;
}
.credit-page-setting .box .line-page .line .percent {
  height: 100%;
  background: #009846;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.credit-page-setting .box form {
  display: block;
  width: 100%;
}
.credit-page-setting .box form .form-title {
  font-weight: bold;
  font-size: 28px;
  line-height: 37px;
  color: #2B2A29;
  margin-bottom: 30px;
}
.credit-page-setting .box form .mb-20 {
  margin-bottom: 20px;
}
.credit-page-setting .box form span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
.credit-page-setting .box form .success {
  padding-left: 34px;
  height: 24px;
  background-repeat: no-repeat;
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: #009846;
  margin-top: -20px;
  background-position: left center;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fcheck-1.svg);
}
.credit-page-setting .box form .flex-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.credit-page-setting .box form .flex-inputs .code {
  margin-right: 10px;
  width: 120px;
}
.credit-page-setting .box form .flex-inputs .num {
  width: 100%;
}
.credit-page-setting .box form input {
  height: 56px;
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  width: 100%;
  font-size: 20px;
  font-family: "Segoe UI";
}
.credit-page-setting .box form select {
  height: 56px;
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
  width: 100%;
  font-size: 20px;
  padding: 0 16px;
  font-family: "Segoe UI";
}
.credit-page-setting .box .file-choice .grid {
  margin: 0 0 0 -25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 960px) {
  .credit-page-setting .box .file-choice .grid {
    margin: 0;
  }
}
.credit-page-setting .box .file-choice .preview-image {
  width: 200px;
  height: 134px;
  -o-object-fit: cover;
     object-fit: cover;
}
.credit-page-setting .box .file-choice .remove-preview-image {
  width: 28px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0px;
  z-index: 2;
  height: 28px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fic-close.png);
}
.credit-page-setting .box .file-choice label {
  width: calc(33.33% - 25px);
  margin-left: 25px;
  margin-bottom: 25px;
  position: relative;
  border: 1px dashed #868E96;
  border-radius: 2px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .credit-page-setting .box .file-choice label {
    width: 100%;
    margin-left: 0;
  }
}
.credit-page-setting .box .file-choice label .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.credit-page-setting .box .file-choice label .item .title {
  margin: 16px 0 20px 0;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #696B75;
  display: inline-block;
}
.credit-page-setting .box .file-choice label .item .title.m-0 {
  margin: 16px 0 0 0;
}
.credit-page-setting .box .file-choice label .emul-btn {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #1F68A3;
  border: 1px solid #1F68A3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 36px;
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  border-radius: 50px;
}
.credit-page-setting .box .file-choice label input {
  display: none;
}
.credit-page-setting .box .form-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  background: #F3F3F3;
  border-radius: 2px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 640px) {
  .credit-page-setting .box .form-footer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.credit-page-setting .box .form-footer .text {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  padding-left: 50px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fshield.svg);
  background-repeat: no-repeat;
  background-position: left center;
  max-width: 294px;
}
@media (max-width: 640px) {
  .credit-page-setting .box .form-footer .text {
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.credit-page-setting .box .form-footer button {
  width: 284px;
  height: 56px;
  background: #2B2A29;
  border-radius: 2px;
  cursor: pointer;
  font-family: "Segoe UI";
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
}
@media (max-width: 640px) {
  .credit-page-setting .box .form-footer button {
    width: 100%;
  }
}
.credit-page-setting .label-checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
  cursor: pointer;
}
.credit-page-setting .label-checkbox .relative {
  position: relative;
  width: 28px;
  height: 28px;
  min-width: 28px !important;
}
.credit-page-setting .label-checkbox .relative div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 28px;
  height: 28px;
}
.credit-page-setting .label-checkbox input {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
}
.credit-page-setting .label-checkbox input:checked {
  display: none;
}
.credit-page-setting .label-checkbox input:checked + div {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fred.svg);
  background-size: 28px;
}
.credit-page-setting .label-checkbox .span {
  padding-left: 12px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
}
.credit-page-setting .label-checkbox .span a {
  color: #1F68A3;
}

.modal-cover {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
.modal-cover.show {
  display: block;
}
.modal-cover .content {
  margin: 40px auto;
  max-width: 590px;
  background-color: #fff;
  border-radius: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 60px 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.modal-cover .content img {
  margin-bottom: 20px;
  width: 60px;
  margin: 0 auto;
}
.modal-cover .content .bold-text {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #2B2A29;
  margin-bottom: 20px;
}
.modal-cover .content .desc-text {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #696B75;
  margin-bottom: 20px;
}
.modal-cover .content .btn-modal {
  background: #2B2A29;
  border-radius: 2px;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  height: 56px;
  width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.sources-of-income-title {
  font-weight: bold;
  font-size: 28px;
  line-height: 37px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  border-top: 1px solid #F3F3F3;
}
.sources-of-income-title i {
  color: #E31E24;
  padding-right: 5px;
}
.sources-of-income-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.sources-of-income-input {
  display: none;
}
.sources-of-income-input:checked + .sources-of-income-indicator {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fcheck-symbol.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #E31E24;
  border-color: #E31E24;
}
.sources-of-income-indicator {
  width: 28px;
  height: 28px;
  display: inline-block;
  min-width: 28px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #CECFCF;
  margin-right: 12px;
}
.sources-of-income-label-title {
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #2B2A29;
  display: block;
}
.sources-of-income-label-subtitle {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #898989;
}
.sources-of-income-grid {
  margin: 20px 0 30px 0px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 20px;
}
.sources-of-income-input-text {
  font-size: 14px !important;
}
.sources-of-income-upload-title {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #2B2A29;
}
.sources-of-income-upload-title i {
  color: #E31E24;
  padding-right: 5px;
}
.sources-of-income-upload-subtitle {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #898989;
  margin-bottom: 20px;
}
.sources-of-income-upload-label {
  background: #FAFAFA;
  border: 1px dashed #DEE2E6;
  border-radius: 2px;
  height: 160px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  margin-bottom: 10px;
}
.sources-of-income-upload-label input {
  display: none;
}
.sources-of-income-upload-img {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sources-of-income-upload-img img {
  width: 48px;
  margin: 0 auto;
}
.sources-of-income-upload-img-title {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #2B2A29;
}
.sources-of-income-upload-img-title i {
  font-style: normal;
  color: #1F68A3;
}
.sources-of-income-upload-img-subtitle {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #9D9E9E;
}
.sources-of-income-upload-img-subtitle i {
  font-style: normal;
  color: #9D9E9E;
}
.sources-of-income-upload-item {
  margin-bottom: 6px;
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  border-radius: 2px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.sources-of-income-upload-item-img {
  width: 48px;
  height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 10px;
}
.sources-of-income-upload-item-title {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  padding-right: 50px;
}
.sources-of-income-upload-item-remove {
  width: 32px;
  height: 32px;
  background-size: contain;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2FTrash.svg);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 20px;
  bottom: 0;
  z-index: 1;
  cursor: pointer;
}
.sources-of-income-select {
  margin-top: 30px;
}
.sources-of-income-select-title {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #2B2A29;
}
.sources-of-income-select-title i {
  color: #E31E24;
  padding-right: 5px;
}
.sources-of-income-select-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}
.sources-of-income-select-grid select {
  font-size: 16px !important;
}

.form-block-title {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 20px;
  margin-top: 40px;
}
.form-block-title i {
  color: #E31E24;
  font-style: normal;
}

.form-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  margin-bottom: 20px;
}

.form-not-grid {
  margin-bottom: 20px;
}

.form-label {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  margin-bottom: 10px;
  display: block;
}

.form-add-input {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #1F68A3;
  margin-top: 10px;
}

.green-page .calculate-deposit-savings button {
  background: #009846;
  border-radius: 10px;
}
.green-page .irs--flat .irs-handle > i:first-child {
  background: rgba(0, 152, 70, 0.1) !important;
}
.green-page .irs--flat .irs-handle > i:first-child::before {
  background: #009846 !important;
}
.green-page .irs--flat .irs-bar {
  background: #009846 !important;
}
.green-page .irs--flat .irs-from, .green-page .irs--flat .irs-to, .green-page .irs--flat .irs-single {
  background-color: #009846 !important;
}
.green-page .irs--flat .irs-from::before, .green-page .irs--flat .irs-to::before, .green-page .irs--flat .irs-single::before {
  border-top-color: #009846 !important;
}
.green-page .calculate-deposit-savings .input input {
  border-radius: 10px;
}
.green-page .calculate-deposit-savings .mix-group {
  border-radius: 10px;
  overflow: hidden;
}
.green-page .calculate-deposit-savings .tab .tablinks2.active {
  border-bottom: 3px solid #009846;
}

.green-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 0;
}
.green-page .calculate-deposit-savings .left-side {
  max-width: 340px;
  margin-right: 70px;
  min-width: 340px;
}

.green-page-left {
  width: 270px;
  min-width: 270px;
  gap: 30px;
  margin-right: 30px;
}

.green-page-right {
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  overflow: hidden;
}

.green-nav-title {
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  color: #2B2A29;
}

.green-nav.green-nav-modify li {
  list-style: none;
}
.green-nav.green-nav-modify li.active .dropdown {
  display: block;
}
.green-nav.green-nav-modify .menu-item {
  background: #249D50;
  color: #fff;
  border: 1px solid #EEEFF0;
  border-radius: 8px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px;
  margin-bottom: 8px;
  cursor: pointer;
}
.green-nav.green-nav-modify .dropdown {
  display: none;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 8px;
}
.green-nav.green-nav-modify .dropdown .dropdownItem {
  color: #343A40;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0px !important;
}
.green-nav.green-nav-modify .dropdown .dropdownItem:hover {
  background: rgba(0, 152, 70, 0.1) !important;
}
.green-nav.green-nav-modify .dropdown .dropdownItem.active {
  background: rgba(0, 152, 70, 0.1) !important;
}
.green-nav.green-nav-modify img {
  margin-right: 16px;
}
.green-nav a {
  background: #FFFFFF;
  border-radius: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #343A40;
  fill: none;
  text-decoration: none;
  padding: 8px 16px;
  margin-bottom: 8px;
}
.green-nav a.active {
  color: #fff;
  background: #249D50;
}
.green-nav a.active .icon-0 {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fgreen%2FLeaf.svg);
}
.green-nav a.active .icon-1 {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Ficon%2FHouseSimpleActive.svg);
}
.green-nav a.active .icon-2 {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Ficon%2FCarActive.svg);
}
.green-nav a .icon {
  margin-right: 16px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}
.green-nav a .icon-1 {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Ficon%2FHouseSimple.svg);
}
.green-nav a .icon-2 {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Ficon%2FCar.svg);
}

.green-title {
  font-weight: bold;
  font-size: 32px;
  line-height: 44px;
  color: #2B2A29;
  margin-bottom: 30px;
}
.green-title.with-icon {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fgreen.svg);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 42px;
}

.green-mb-60 {
  margin-bottom: 60px;
}

.green-mb-30 {
  margin-bottom: 30px;
}

.green-mb-20 {
  margin-bottom: 20px;
}

.green-mb-16 {
  margin-bottom: 16px;
}

.green-mb-12 {
  margin-bottom: 12px;
}

.green-text-20 {
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  color: #2B2A29;
}

.green-text-16 {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #646464;
}

.green-text-14 {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #696B75;
}

.green-title-18 {
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  color: #2B2A29;
}

.green-title-20 {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #2B2A29;
}
.green-title-20.with-icon {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fgreen%2Fsom.svg);
  background-repeat: no-repeat;
  padding-right: 60px;
  background-position: right center;
}

.green-banner {
  width: 100% !important;
  border-radius: 20px;
  overflow: hidden;
  height: auto !important;
}

.green-navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
.green-navbar-item {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #898989;
  padding: 10px 16px;
  border-radius: 50px;
  cursor: pointer;
}
.green-navbar-item.active, .green-navbar-item:hover {
  background-color: #EEEFF0;
}

.green-grid {
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(4, 1fr);
}

.green-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.green-row-image {
  width: 70px;
  height: 70px;
  min-width: 70px;
  margin-right: 30px;
}

.green-row-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.green-row-grid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.green-row-grid-item .green-text-14 {
  margin: 0;
}

.green-row-grid-image {
  margin-right: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
}

.info-box {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
  background-color: #FAFAFA;
  border-radius: 15px;
}
.info-box:before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fgreen%2Finfo.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}

.green-mix-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 270px;
  grid-template-columns: 1fr 270px;
  grid-gap: 30px;
}
.green-mix-grid.green-mix-grid-1fr {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.green-mix-grid-sub-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}

.shadow-box {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 32px 30px rgba(0, 0, 0, 0.05);
  border-radius: 15px;
  padding: 30px 20px;
}

.green-row-grid-card {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}

.green-row-grid-item-card {
  padding: 30px 16px;
  background: #F3FCF6;
  border-radius: 15px;
}

.news-2 .h4 {
  font-size: 18px;
}

.ck-editor-green h4 {
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  color: #2B2A29;
}
.ck-editor-green h5 {
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #2B2A29;
}
.ck-editor-green img {
  max-width: 100%;
  width: 100% !important;
  height: auto !important;
  margin: 20px 0;
}

.sources-of-income-input-wrapper-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
.sources-of-income-input-wrapper-select > div {
  width: 100%;
}
.sources-of-income-input-wrapper-select select {
  font-size: 14px !important;
}

.e-banner {
  padding: 143px 0;
  min-height: 440px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.e-banner__text {
  max-width: 670px;
}

.e-banner__title {
  margin: 0 0 16px 0;
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  color: #2B2A29;
}
.e-banner__title span {
  color: #E31E24;
}

.e-question {
  margin-top: -40px;
  margin-bottom: 64px;
}

.e-banner__desc {
  margin: 16px 0 0 0;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #343A40;
}

.e-question__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.e-question__side--left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 600px;
          flex: 0 0 600px;
  padding: 96px 0;
}

.e-question__side--right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 356px;
          flex: 0 0 356px;
}

.e-question__title {
  font-weight: 700;
  font-size: 28px;
  line-height: 37px;
  color: #2B2A29;
  margin: 0 0 24px 0;
}

.e-question__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #343A40;
  margin: 24px 0 16px 0;
}

.e-question__msg {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #E31E24;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fwarning-outline.svg);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 32px;
}

.e-question__advantages {
  margin-bottom: 84px;
}

.e-question__advantages--title {
  margin: 0 0 32px 0;
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  line-height: 37px;
  color: #2B2A29;
}

.e-question__advantages--grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
}

.e-question__advantages--item {
  width: 25%;
  padding-right: 30px;
  text-align: center;
}

.e-question__advantages--image {
  width: 64px;
  height: 64px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto 24px auto;
}

.e-question__advantages--subtitle {
  margin: 24px 0 8px 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #2B2A29;
}

.e-question__advantages--text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #343A40;
}

.e-identification {
  margin-bottom: 64px;
}

.e-identification__title {
  margin: 0 0 16px 0;
  font-weight: 700;
  font-size: 28px;
  line-height: 37px;
  color: #2B2A29;
  text-align: center;
}

.e-identification__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #343A40;
  max-width: 970px;
  margin: 0 auto 32px auto;
}

.e-identification__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
}

.e-identification__card {
  width: 50%;
  background: #FFFFFF;
  border: 1px solid #DEE2E6;
  border-radius: 8px;
  margin-right: 30px;
  padding: 16px;
}

.e-identification__card--head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px;
}

.e-identification__status {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #868E96;
}

.e-identification__count {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.e-identification__count.e-identification__green {
  color: #009846;
}
.e-identification__count.e-identification__red {
  color: #E31E24;
}

.e-identification__subtitle {
  margin: 0 0 32px 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #2B2A29;
}

.e-identification__list {
  padding: 0;
  list-style: none;
}

.e-identification__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.e-identification__row--count {
  width: 48px;
  height: 48px;
  background: #F3F3F3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  margin-right: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #E31E24;
}

.e-identification__row--text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #343A40;
}

.t-wallet {
  margin-bottom: 128px;
}

.t-wallet__title {
  margin: 0 0 32px 0;
  font-weight: 700;
  font-size: 28px;
  line-height: 37px;
  color: #000000;
  text-align: center;
}

.t-wallet__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.t-wallet__item {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.t-wallet__img {
  width: 96px;
  height: 96px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto 8px auto;
}

.t-wallet__subtitle {
  margin: 0 0 24px 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
  color: #000000;
}

.t-wallet__button {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #2B2A29;
  padding: 8px 24px;
  border: 1px solid #DEE2E6;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  text-decoration: none;
}
.t-wallet__button:hover {
  background-color: #2B2A29;
  color: #fff;
}

.e-choice__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 64px;
}

.e-choice__left {
  width: 270px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 270px;
          flex: 0 0 270px;
  margin-right: 30px;
}

.e-choice__left--title {
  font-weight: 700;
  font-size: 22px;
  line-height: 29px;
  color: #000000;
  margin: 0 0 16px 0;
}

.e-choice__left--button {
  border: 1px solid #DEE2E6;
  border-radius: 8px;
  height: 56px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #696B75;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 8px;
  text-decoration: none;
}
.e-choice__left--button:hover {
  background: #E31E24;
  color: #fff;
}
.e-choice__left--button.active {
  background: #E31E24;
  color: #fff;
}

.e-choice__right {
  padding: 24px 16px;
  border-radius: 8px;
  background: -webkit-gradient(linear, left top, right top, from(#FFFEFF), to(#D7FFFE));
  background: -o-linear-gradient(left, #FFFEFF 0%, #D7FFFE 100%);
  background: linear-gradient(90deg, #FFFEFF 0%, #D7FFFE 100%);
}

.e-choice__right--side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 64px;
}

.e-choice__right--side__right {
  width: 128px;
  height: 128px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 128px;
          flex: 0 0 128px;
  margin-left: 40px;
}
.e-choice__right--side__right img {
  width: 128px;
  height: 128px;
  -o-object-fit: contain;
     object-fit: contain;
}

.e-choice__right--title {
  font-weight: 700;
  font-size: 32px;
  line-height: 43px;
  color: #2B2A29;
  margin: 0 0 12px 0;
}

.e-choice__right--desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #343A40;
}

.e-choice-app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
.e-choice-app a {
  margin-right: 16px;
}

.e-choice__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.e-choice__footer--text {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #343A40;
}

.w-detail__1--grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -30px;
}
.w-detail__1--grid > div {
  width: 50%;
  margin-left: 30px;
}

.w-detail__1--grid__row > div {
  margin-bottom: 70px;
}

.w-detail__1--table_title {
  margin: 0 0 32px 0;
  font-weight: 700;
  font-size: 28px;
  line-height: 37px;
  color: #2B2A29;
  min-height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 64px;
  background-repeat: no-repeat;
  background-position: left center;
}
.w-detail__1--table_title.icon__tariff {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Felectronic-wallet%2Fe-tarif.png);
}
.w-detail__1--table_title.icon__limit {
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Felectronic-wallet%2Fe-limit.png);
}

.electronic-wallet-detail {
  margin-bottom: 128px;
}

.w-detail__1--table__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.w-detail__1--table__item .w-detail__1--table {
  border: 1px solid #DEE2E6;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  border-radius: 8px;
}
.w-detail__1--table__item table {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  border-collapse: collapse;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}
.w-detail__1--table__item table th {
  background: #343A40;
  padding: 16px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
}
.w-detail__1--table__item table tbody tr {
  border-bottom: 1px solid #DEE2E6;
}
.w-detail__1--table__item table tbody tr:last-child {
  border-bottom: 0;
}
.w-detail__1--table__item table tbody tr td {
  padding: 16px;
}
.w-detail__1--table__item table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 8px;
}
.w-detail__1--table__item table tbody tr:last-child td:last-child {
  border-radius: 0 0 8px 0;
}
.w-detail__1--table__item .w-detail__1--danger--box {
  background-color: #F7F8FA;
  border-radius: 8px;
  padding: 48px 16px 16px 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #E31E24;
  margin-top: 16px;
  background-position: 16px 16px;
  background-repeat: no-repeat;
  background-image: url(/bank-asset?u=https%3A%2F%2Fwww.dcb.kg%2Fstatic%2Fimg%2Fsvg%2Fwarning-outline.svg);
}
.w-detail__1--table__item .w-detail__1--danger--box p {
  margin: 0;
}
.w-detail__1--table__item .table__between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px dashed #DEE2E6;
}
.w-detail__1--table__item .table__between:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}