.container {
  position: relative;
  margin: 0 auto;
  padding: 0 15px;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
  }
  .row {
    margin-left: 0;
    margin-right: 0;
  }
  .xs-1,
  .xs-2,
  .xs-3,
  .xs-4,
  .xs-5,
  .xs-6,
  .xs-7,
  .xs-8,
  .xs-9,
  .xs-10,
  .xs-11,
  .xs-12 {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
  .xs-1:first-child,
  .xs-2:first-child,
  .xs-3:first-child,
  .xs-4:first-child,
  .xs-5:first-child,
  .xs-6:first-child,
  .xs-7:first-child,
  .xs-8:first-child,
  .xs-9:first-child,
  .xs-10:first-child,
  .xs-11:first-child,
  .xs-12:first-child {
    padding-left: 0;
  }
  .xs-1:last-child,
  .xs-2:last-child,
  .xs-3:last-child,
  .xs-4:last-child,
  .xs-5:last-child,
  .xs-6:last-child,
  .xs-7:last-child,
  .xs-8:last-child,
  .xs-9:last-child,
  .xs-10:last-child,
  .xs-11:last-child,
  .xs-12:last-child {
    padding-right: 0;
  }
  .xs-12 {
    width: 100%;
    flex: 0 0 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .xs-11 {
    width: 91.6%;
    flex: 0 0 91.6%;
  }
  .xs-11:first-child {
    margin-left: 0;
  }
  .xs-11:last-child {
    margin-right: 0;
  }
  .xs-10 {
    width: 83.3%;
    flex: 0 0 83.3%;
  }
  .xs-10:first-child {
    margin-left: 0;
  }
  .xs-10:last-child {
    margin-right: 0;
  }
  .xs-9 {
    width: 75%;
    flex: 0 0 75%;
  }
  .xs-9:first-child {
    margin-left: 0;
  }
  .xs-9:last-child {
    margin-right: 0;
  }
  .xs-8 {
    width: 66.6%;
    flex: 0 0 66.6;
  }
  .xs-8:first-child {
    margin-left: 0;
  }
  .xs-8:last-child {
    margin-right: 0;
  }
  .xs-7 {
    width: 58.3%;
    flex: 0 0 58.3%;
  }
  .xs-7:first-child {
    margin-left: 0;
  }
  .xs-7:last-child {
    margin-right: 0;
  }
  .xs-6 {
    width: 50%;
    flex: 0 0 50%;
  }
  .xs-6:first-child {
    margin-left: 0;
  }
  .xs-6:last-child {
    margin-right: 0;
  }
  .xs-5 {
    width: 41.6%;
    flex: 0 0 41.6%;
  }
  .xs-5:first-child {
    margin-left: 0;
  }
  .xs-5:last-child {
    margin-right: 0;
  }
  .xs-4 {
    width: 33.3%;
    flex: 0 0 33.3%;
  }
  .xs-4:first-child {
    margin-left: 0;
  }
  .xs-4:last-child {
    margin-right: 0;
  }
  .xs-3 {
    width: 25%;
    flex: 0 0 25%;
  }
  .xs-3:first-child {
    margin-left: 0;
  }
  .xs-3:last-child {
    margin-right: 0;
  }
  .xs-2 {
    width: 16.6%;
    flex: 0 0 16.6%;
  }
  .xs-2:first-child {
    margin-left: 0;
  }
  .xs-2:last-child {
    margin-right: 0;
  }
  .xs-1 {
    width: 8.3%;
    flex: 0 0 8.3%;
  }
  .xs-1:first-child {
    margin-left: 0;
  }
  .xs-1:last-child {
    margin-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .container {
    max-width: 1200px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
  }
  .row {
    margin-left: 0;
    margin-right: 0;
  }
  .sm-1,
  .sm-2,
  .sm-3,
  .sm-4,
  .sm-5,
  .sm-6,
  .sm-7,
  .sm-8,
  .sm-9,
  .sm-10,
  .sm-11,
  .sm-12 {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
  .sm-12 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .sm-11 {
    max-width: 91.6%;
    flex: 0 0 91.6%;
  }
  .sm-11:first-child {
    margin-left: 0;
  }
  .sm-11:last-child {
    margin-right: 0;
  }
  .sm-10 {
    max-width: 83.3%;
    flex: 0 0 83.3%;
  }
  .sm-10:first-child {
    margin-left: 0;
  }
  .sm-10:last-child {
    margin-right: 0;
  }
  .sm-9 {
    max-width: 75%;
    flex: 0 0 75%;
  }
  .sm-9:first-child {
    margin-left: 0;
  }
  .sm-9:last-child {
    margin-right: 0;
  }
  .sm-8 {
    max-width: 66.6%;
    flex: 0 0 66.6;
  }
  .sm-8:first-child {
    margin-left: 0;
  }
  .sm-8:last-child {
    margin-right: 0;
  }
  .sm-7 {
    max-width: 58.3%;
    flex: 0 0 58.3%;
  }
  .sm-7:first-child {
    margin-left: 0;
  }
  .sm-7:last-child {
    margin-right: 0;
  }
  .sm-6 {
    max-width: 50%;
    flex: 0 0 50%;
  }
  .sm-6:first-child {
    margin-left: 0;
  }
  .sm-6:last-child {
    margin-right: 0;
  }
  .sm-6:nth-child(2n + 1) {
    padding-left: 0;
  }
  .sm-6:nth-child(2n) {
    padding-right: 0;
  }
  .sm-5 {
    max-width: 41.6%;
    flex: 0 0 41.6%;
  }
  .sm-5:first-child {
    margin-left: 0;
  }
  .sm-5:last-child {
    margin-right: 0;
  }
  .sm-4 {
    max-width: 33.3%;
    flex: 0 0 33.3%;
  }
  .sm-4:first-child {
    margin-left: 0;
  }
  .sm-4:last-child {
    margin-right: 0;
  }
  .sm-3 {
    max-width: 25%;
    flex: 0 0 25%;
  }
  .sm-3:first-child {
    margin-left: 0;
  }
  .sm-3:last-child {
    margin-right: 0;
  }
  .sm-2 {
    max-width: 16.6%;
    flex: 0 0 16.6%;
  }
  .sm-2:first-child {
    margin-left: 0;
  }
  .sm-2:last-child {
    margin-right: 0;
  }
  .sm-1 {
    max-width: 8.3%;
    flex: 0 0 8.3%;
  }
  .sm-1:first-child {
    margin-left: 0;
  }
  .sm-1:last-child {
    margin-right: 0;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1370px;
  }
  .lg-1,
  .lg-2,
  .lg-3,
  .lg-4,
  .lg-5,
  .lg-6,
  .lg-7,
  .lg-8,
  .lg-9,
  .lg-10,
  .lg-11,
  .lg-12 {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .lg-1:first-child,
  .lg-2:first-child,
  .lg-3:first-child,
  .lg-4:first-child,
  .lg-5:first-child,
  .lg-6:first-child,
  .lg-7:first-child,
  .lg-8:first-child,
  .lg-9:first-child,
  .lg-10:first-child,
  .lg-11:first-child,
  .lg-12:first-child {
    padding-left: 0;
  }
  .lg-1:last-child,
  .lg-2:last-child,
  .lg-3:last-child,
  .lg-4:last-child,
  .lg-5:last-child,
  .lg-6:last-child,
  .lg-7:last-child,
  .lg-8:last-child,
  .lg-9:last-child,
  .lg-10:last-child,
  .lg-11:last-child,
  .lg-12:last-child {
    padding-right: 0;
  }
  .lg-12 {
    width: 100%;
    flex: 0 0 100%;
  }
  .lg-12:nth-child(2n) {
    padding-right: 0;
  }
  .lg-12:nth-child(2n + 1) {
    padding-left: 0;
  }
  .lg-11 {
    width: 91.6%;
    flex: 0 0 91.6%;
  }
  .lg-10 {
    width: 83.3%;
    flex: 0 0 83.3%;
  }
  .lg-9 {
    width: 75%;
    flex: 0 0 75%;
  }
  .lg-8 {
    width: 66.6%;
    flex: 0 0 66.6%;
  }
  .lg-7 {
    width: 58.3%;
    flex: 0 0 58.3%;
  }
  .lg-6 {
    width: 50%;
    flex: 0 0 50%;
  }
  .lg-6:nth-child(2n) {
    padding-right: 0;
  }
  .lg-6:nth-child(2n + 1) {
    padding-left: 0;
  }
  .lg-5 {
    width: 41.6%;
    flex: 0 0 41.6%;
  }
  .lg-4 {
    width: 33.3%;
    flex: 0 0 33.3%;
  }
  .lg-3 {
    width: 25%;
    flex: 0 0 25%;
  }
  .lg-2 {
    width: 16.6%;
    flex: 0 0 16.6%;
  }
  .lg-1 {
    width: 8.3%;
    flex: 0 0 8.3%;
  }
}
@font-face {
  font-family: "Lato";
  src: url('LatoRegular.ec583c15668f40d4bf3e.eot');
  src: url('LatoRegular.ec583c15668f40d4bf3e.eot?#iefix') format("embedded-opentype"), url('LatoRegular.a8980ed0dcfb3c7df043.woff') format("woff"), url('LatoRegular.5f91eca14afa35aee1b7.ttf') format("truetype");
  font-style: normal;
  font-weight: normal;
}
* {
  box-sizing: border-box !important;
}
body {
  margin: 0;
}
a {
  text-decoration: none;
  -webkit-user-select: none;
          user-select: none;
}
p,
a,
h1,
h2,
h3,
h4,
h5,
h6,
div,
span {
  font-family: Verdana, sans-serif;
  color: #868686;
  margin: 0;
}
h3,
h4,
h5,
h6 {
  font-weight: 100;
}
h1,
h2 {
  font-weight: 800;
}
*::before,
*::after {
  box-sizing: border-box;
}
.space-between {
  justify-content: space-between;
}
.flex-center {
  justify-content: center;
}
.v-align {
  align-items: center;
}
.bottom-align {
  align-items: flex-end;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-35 {
  margin-bottom: 35px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mt-60 {
  margin-top: 60px;
}
.circle_blue::before {
  background-color: #1b7c8b;
}
.circle_red::before {
  background-color: #c9433d;
}
.circle_orange::before {
  background-color: #e2a14b;
}
.circle_green::before {
  background-color: #297840;
}
.circle_purple::before {
  background-color: #781968;
}
.circle_white::before {
  background-color: #dce0e6;
}
.btn {
  display: block;
  background-color: #041e42;
  color: #ffffff;
  padding: 15px 65px;
  border: none;
  border-radius: 10px;
  font-size: 18px;
  margin: 0 auto;
}
.btn:focus {
  outline: none;
}
.btn:hover {
  cursor: pointer;
}
.txt_black {
  color: #000000;
}
.txt_bold {
  font-weight: 800;
}
.txt_title {
  font-weight: 800;
  color: #000000;
}
.info-cards {
  margin-top: 80px;
}
.info-cards .row > :nth-child(3),
.info-cards .row > :nth-child(4) {
  margin-top: 60px;
}
.card {
  padding: 33px 32px 37px;
  border: 2px solid #d9d9d9;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.card .btn {
  margin: 30px auto 0;
}
.card .card__row {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 1px solid #d9d9d9;
}
.card .card__row:first-child {
  margin-top: 0;
}
.card .card__row:last-child {
  border-bottom: none;
}
.card .card__row > :last-child {
  color: #000000;
  font-weight: 800;
  white-space: nowrap;
}
.card h2 {
  font-size: 18px;
  margin-bottom: 35px;
}
.card h3 {
  font-weight: 800;
  margin-bottom: 35px;
}
.card p {
  font-size: 16px;
  color: #868686;
}
.card .txt_black {
  color: #000000;
}
.card-travel.card {
  border: none;
  background-color: transparent !important;
  background: url('BNR-2-200803-Desctop-Tab.b96a0bfd5321693b408d.png');
  background-size: cover;
}
.card-travel.card .btn {
  margin: 0 auto;
}
.card-travel.card * {
  font-family: Verdana, serif !important;
}
.card-travel.card p {
  font-size: 20px;
}
.card-travel.card .travel_wrapper {
  height: 100%;
  width: 40%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.card-travel.card .travel_title {
  font-size: 22px;
}
.card .flex-table {
  display: flex;
  flex-direction: column;
  margin-top: 25px;
}
.card .flex-table-mobile {
  display: none;
}
.card .flex-table .col-1 .col {
  width: 100%;
}
.card .flex-table .col-2 .col {
  width: 50%;
}
.card .flex-table .col-3 .col {
  width: 33%;
}
.card .flex-table .col-4 .col {
  width: 25%;
}
.card .flex-table .col-5 .col {
  width: 20%;
}
.card .flex-table .col-6 .col {
  width: 16.6%;
}
.card .flex-table .col-7 .col {
  width: 14.2%;
}
.card .flex-table .col-8 .col {
  width: 12.5%;
}
.card .flex-table .col-9 .col {
  width: 11.1%;
}
.card .flex-table .result {
  font-weight: 800;
}
.card .flex-table .row {
  display: flex;
  border-bottom: 1px solid #d9d9d9;
  margin-left: 0;
  margin-right: 0;
}
.card .flex-table .row .col {
  flex: 1;
  word-break: break-word;
  padding: 17px 21px 17px 0;
  font-size: 16px;
  box-sizing: border-box;
}
.card .flex-table .row:first-child {
  color: #868686;
}
.card .flex-table .row:first-child .col:last-child {
  font-weight: 300;
}
.card .flex-table .row:last-child {
  border-bottom: none;
}
.card__less-ic {
  position: absolute;
  bottom: 20px;
  right: 32px;
}
.card__less-ic:hover {
  cursor: pointer;
}
.card__more-ic {
  position: absolute;
  top: 33px;
  right: 32px;
  transform: rotate(45deg);
}
.card__more-ic:hover {
  cursor: pointer;
}
.card .txt_blue {
  color: #0072ce;
}
.footer {
  padding-bottom: 40px;
  margin-top: 30px;
}
.footer-code {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 35px;
}
.footer-code__img {
  width: 50%;
  height: auto;
  margin-top: 20px;
}
.bvk p,
.new p,
.debit p,
.travel-credit p,
.hun-days p,
.travel-debit p,
.mm-credit p,
.bap p,
.cash-back p,
.amex-m p,
.dci-m p,
.bvk a,
.new a,
.debit a,
.travel-credit a,
.hun-days a,
.travel-debit a,
.mm-credit a,
.bap a,
.cash-back a,
.amex-m a,
.dci-m a,
.bvk h1,
.new h1,
.debit h1,
.travel-credit h1,
.hun-days h1,
.travel-debit h1,
.mm-credit h1,
.bap h1,
.cash-back h1,
.amex-m h1,
.dci-m h1,
.bvk h2,
.new h2,
.debit h2,
.travel-credit h2,
.hun-days h2,
.travel-debit h2,
.mm-credit h2,
.bap h2,
.cash-back h2,
.amex-m h2,
.dci-m h2,
.bvk h3,
.new h3,
.debit h3,
.travel-credit h3,
.hun-days h3,
.travel-debit h3,
.mm-credit h3,
.bap h3,
.cash-back h3,
.amex-m h3,
.dci-m h3,
.bvk h4,
.new h4,
.debit h4,
.travel-credit h4,
.hun-days h4,
.travel-debit h4,
.mm-credit h4,
.bap h4,
.cash-back h4,
.amex-m h4,
.dci-m h4,
.bvk h5,
.new h5,
.debit h5,
.travel-credit h5,
.hun-days h5,
.travel-debit h5,
.mm-credit h5,
.bap h5,
.cash-back h5,
.amex-m h5,
.dci-m h5,
.bvk h6,
.new h6,
.debit h6,
.travel-credit h6,
.hun-days h6,
.travel-debit h6,
.mm-credit h6,
.bap h6,
.cash-back h6,
.amex-m h6,
.dci-m h6,
.bvk div,
.new div,
.debit div,
.travel-credit div,
.hun-days div,
.travel-debit div,
.mm-credit div,
.bap div,
.cash-back div,
.amex-m div,
.dci-m div,
.bvk span,
.new span,
.debit span,
.travel-credit span,
.hun-days span,
.travel-debit span,
.mm-credit span,
.bap span,
.cash-back span,
.amex-m span,
.dci-m span,
.bvk button,
.new button,
.debit button,
.travel-credit button,
.hun-days button,
.travel-debit button,
.mm-credit button,
.bap button,
.cash-back button,
.amex-m button,
.dci-m button {
  font-family: Lato, sans-serif;
}
.bvk-mult .footer-code,
.cash-back .footer-code {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 320px) and (max-width: 767px) {
  .mobile-mb-25 {
    margin-bottom: 25px;
  }
  .mobile-mt-25 {
    margin-top: 25px;
  }
  .mobile-mt-10 {
    margin-top: 10px;
  }
  .mobile-mt-15 {
    margin-top: 15px;
  }
  .container {
    padding-left: 0;
    padding-right: 0;
  }
  h1 {
    font-size: 16px;
  }
  .card {
    padding: 35px 10px 30px;
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  .card h2 {
    font-size: 14px;
  }
  .card h3 {
    font-size: 10px;
  }
  .card p {
    font-size: 10px;
  }
  .card-warning {
    border-top: 6px solid #0072ce;
    border-bottom: 6px solid #0072ce;
  }
  .card-warning h2 {
    font-size: 16px;
  }
  .card-warning p {
    font-size: 14px;
  }
  .card .flex-table .row .col {
    font-size: 10px;
  }
  .card .flex-table .result {
    display: block;
    margin-top: 0;
  }
  .card .flex-table .result > :first-child {
    padding-top: 20px;
    padding-bottom: 3px;
  }
  .card__less-ic {
    right: 10px;
  }
  .card__more-ic {
    right: 10px;
  }
  .info-cards {
    margin-top: 25px;
  }
  .info-cards .container {
    padding-left: 0;
    padding-right: 0;
  }
  .info-cards .row {
    margin-top: 0;
  }
  .info-cards .row > :first-child {
    margin-top: 0;
  }
  .info-cards .row > :nth-child(3),
  .info-cards .row > :nth-child(4) {
    margin-top: 10px;
  }
  .info-cards .row > * {
    margin-top: 10px;
  }
  .footer {
    margin-top: 22px;
    padding-bottom: 25px;
  }
  .footer p {
    font-size: 10px;
  }
  .footer-code__img {
    width: 100%;
  }
  .footer__bank-logo {
    margin: 0 auto 15px;
  }
  .rsb h1 {
    font-size: 24px;
  }
  .rsb h2 {
    font-size: 16px;
  }
  .rsb .header .row {
    flex-direction: row;
  }
  .rsb .header__links {
    margin-top: 0;
  }
  .rsb .header__link {
    align-self: center;
    margin-right: 20px;
  }
  .rsb .header__link:last-child {
    margin-right: 0;
  }
  .rsb .link {
    display: none;
  }
  .card p {
    font-size: 12px;
  }
  .info-cards .row > * {
    margin-top: 20px;
  }
  .info-cards .row > :nth-child(3),
  .info-cards .row > :nth-child(4) {
    margin-top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  /**/
  .tablet-mb-30 {
    margin-bottom: 30px;
  }
  .card-figures {
    display: block;
  }
  p {
    font-size: 14px;
  }
  .icons-block .icon__article {
    margin-left: 35px;
    margin-right: 35px;
  }
  .credit .card p {
    font-size: 10px;
  }
  .card {
    padding: 34px 20px 30px;
  }
  .card p {
    font-size: 14px;
  }
  .card h2 {
    font-size: 16px;
  }
  .card h3 {
    font-size: 14px;
  }
  .card__row > :last-child {
    text-align: right;
  }
  .info-cards {
    margin-top: 60px;
  }
  .info-cards .row > :nth-child(3),
  .info-cards .row > :nth-child(4) {
    margin-top: 50px;
  }
  .footer p {
    font-size: 14px;
  }
  .footer-code__img {
    width: 80%;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .footer .bank-logo {
    margin-bottom: 25px;
  }
}
@media (min-width: 1440px) {
  .stats__circle {
    width: 55%;
  }
}
.pdf-modal {
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
}
.pdf-modal .pdf-error {
  width: 50%;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  background-color: #ffffff;
  border: 2px solid #d9d9d9;
  position: relative;
  box-shadow: 0 0 500px 500px rgba(0, 0, 0, 0.35);
}
.pdf-modal .pdf-error p {
  color: #000000;
}
.pdf-modal .card__more-ic {
  position: absolute;
  top: 33px;
}
.card__less-ic {
  display: none;
}
state-sms-authorization {
  height: 100%;
}
body,
html {
  height: 100%;
}