/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html { 
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
*:focus{
	outline: 0;
}
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

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

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

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

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

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

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@font-face {
  font-family: "futurabookc";
  src:
    url("../fonts/futurabookc.eot"),
    url("../fonts/futurabookc.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "futurademic";
  src:
    url("../fonts/futurademic.eot"),
    url("../fonts/futurademic.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a {
  cursor: pointer;
  color: #000;
}
a:hover {
  text-decoration: none;
}
input::-ms-clear {
  display: none;
}
img,
img:focus {
  outline: none;
}
h1,
h2,
h3,
h4 {
  margin: 0;
}
.clear {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
.text-right {
  text-align: right;
}
.clearfix:after {
  content: "";
  clear: both;
  display: table;
}
[v-cloak] {
  display: none;
}
.btn {
  height: 40px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #c6cfda;
  display: inline-block;
  text-decoration: none;
  line-height: 26px;
  padding: 6px 25px;
  color: #000;
  /* font-size: 16px; */
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  text-align: center;
  min-width: 100px;
}
.btn:hover {
  border: solid 1px #000;
}
.btn.black-btn {
  background: #000;
  border: solid 1px #000;
  color: #fff;
}
.btn.black-btn:hover {
  background: #fce610;
  border: solid 1px #fce610;
  color: #000;
}
.btn.transparent-btn {
  background: transparent;
  border: solid 1px #000;
  color: #000;
}
.btn.transparent-btn:hover {
  background: #000;
  border: solid 1px #000;
  color: #fff;
}
.btn.yellow-btn {
  background: #fce610;
  border: solid 1px #fce610;
  color: #000;
}
.btn.yellow-btn:hover {
  background: #000;
  border: solid 1px #000;
  color: #fff;
}
.btn.blue-btn {
  background: #63ceca;
  border: solid 1px #63ceca;
  color: #000;
}
.btn.blue-btn:hover {
  background: #000;
  border: solid 1px #000;
  color: #fff;
}
.btn.white-btn {
  background: rgba(255, 255, 255, 0);
  border: solid 1px #ffffff;
  color: #fff;
}
.btn.white-btn:hover {
  background: #fff;
  border: solid 1px #fff;
  color: #000;
}
.btn.white-bg-btn {
  background: #fff;
  border: solid 1px #c6cfda;
  color: #000000;
}
.btn.white-bg-btn:hover {
  background: #fce610;
  border: solid 1px #fce610;
}
.btn.yellow-border-btn {
  background: transparent;
  border: solid 1px #fce610;
  color: #fce610;
}
.btn.yellow-border-btn:hover {
  background: #fce610;
  border: solid 1px #fce610;
  color: #000;
}
.btn.blue-border-btn {
  background: transparent;
  border: solid 1px #63ceca;
  color: #63ceca;
}
.btn.blue-border-btn:hover {
  background: #63ceca;
  border: solid 1px #63ceca;
  color: #000;
}
.yellow-border-btn:after {
  content: "";
  background: url(/img/yellow-right-arrow.svg) center no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 21px;
}
.blue-border-btn:after {
  content: "";
  background: url(/img/blue-right-arrow.svg) center no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 21px;
}
.yellow-border-btn:hover:after,
.blue-border-btn:hover:after {
  background: url(/img/black-right-arrow.svg) center no-repeat;
}
input[type="text"]:disabled {
  background: #fff;
}
.error {
  border-color: red !important;
}
input[type="checkbox"].checkbox + .error,
input[type="radio"].radiobox + .error {
  display: none !important;
}
.hidden[data-tab] {
  display: none;
}
input[type="checkbox"].checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
input[type="radio"].radiobox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.flex {
  display: flex;
}
.popup-open {
  /* overflow: hidden; */
}
/*
-------------------------------------
      html/body styles when open popup
-------------------------------------
*/
.doc-overflow {
  -webkit-overflow-scrolling: touch !important;
  overflow: auto !important;
  height: 100% !important;
}
ul {
  list-style: none;
}
textarea {
  resize: none;
}
html,
body {
  width: 100%;
  min-width: 320px;
  position: relative;
  font-family: "futurabookc", sans-serif;
}
body {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}
header,
footer {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
main {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%;
}
.container {
  max-width: 1064px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
header {
  padding-top: 40px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 545;
}
header.line {
  box-shadow: 0 2px 4px 0 rgba(169, 180, 198, 0.5);
  padding-bottom: 40px;
}
header .container {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  padding: 0 48px;
}
header .left-part {
  display: flex;
  align-items: center;
}
header .logo {
  width: 192px;
  height: 40px;
  display: block;
  margin-right: 10px;
}
header .logo .white {
  display: none;
}
header.white .logo .black,
.dark-theme.premium header .logo .black {
  display: none;
}
header.white .logo .white,
.dark-theme.premium header .logo .white {
  display: block;
}
header.white .online-banking-btn,
.dark-theme.premium header .online-banking-btn {
  background: rgba(255, 255, 255, 0);
  border: solid 1px #ffffff;
  color: #fff;
}
header.white .online-banking-btn:hover,
.dark-theme.premium header .online-banking-btn:hover {
  background: #fff;
  border: solid 1px #fff;
  color: #000;
}
header .logo img {
  height: 100%;
}
header .langs {
  width: 60px;
  height: 40px;
  padding-top: 10px;
  text-align: center;
  position: relative;
  cursor: pointer;
}
header .langs > span {
  font-size: 18px;
  color: #212225;
  position: relative;
}
header.white .langs > span,
.dark-theme.premium header .langs > span {
  color: #fff;
}
header .langs > span:after {
  content: "";
  position: absolute;
  top: 8px;
  right: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #000 transparent transparent transparent;
}
header.white .langs > span:after,
.dark-theme.premium header .langs > span:after {
  border-width: 5px 4px 0 4px;
  border-color: #fff transparent transparent transparent;
}
header .langs .other-langs {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 60px;
  border-radius: 2px;
  box-shadow: 0 6px 13px 0 rgba(194, 206, 226, 0.5);
  background-color: #ffffff;
  border: solid 1px #f9fbfd;
  padding: 8px 0;
}
header .langs .other-langs ul {
}
header .langs .other-langs ul li {
}
header .langs .other-langs ul li a {
  color: #212225;
  font-size: 18px;
  text-decoration: none;
  height: 32px;
  display: block;
  line-height: 32px;
}
header .langs .other-langs ul li a:hover {
  background-color: #f9fbfd;
}
header .langs.open .other-langs {
  display: block;
}
header .langs.open > span:after {
  transform: rotate(180deg);
}
header .online-banking-btn:after {
  content: "";
  background: url("/img/online-banking-icon-white.svg") 0 0 no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
}
header .online-banking-btn:hover:after {
  content: "";
  background: url("/img/online-banking-icon.svg") 0 0 no-repeat;
}
header.white .online-banking-btn:after,
.dark-theme.premium header .online-banking-btn:after {
  background: url("/img/online-banking-icon-white.svg") 0 0 no-repeat;
}
header.white .online-banking-btn:hover:after,
.dark-theme.premium header .online-banking-btn:hover:after {
  background: url("/img/online-banking-icon.svg") 0 0 no-repeat;
}
header .online-payments-btn {
  font-size: 16px;
  color: #000;
  text-decoration: none;
  margin-right: 32px;
}
header .online-payments-btn:hover {
  /*color: #27282d;*/
}
header.white .online-payments-btn,
.dark-theme.premium header .online-payments-btn {
  color: #fff;
  background-color: transparent;
}
.dark-theme.premium header .online-payments-btn:hover {
  border-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
}
header .main-menu-btn {
  cursor: pointer;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 35px;
  transform: translateX(-50%);
}
header .main-menu-btn > span {
  font-size: 14px;
  color: #000;
  display: block;
  text-align: center;
  line-height: 1;
}
header.white .main-menu-btn > span,
.dark-theme.premium header .main-menu-btn > span {
  color: #fff;
}
header .main-menu-btn .hamburger {
  width: 22px;
  height: 18px;
  margin: 0 auto;
  margin-bottom: 5px;
}
header .main-menu-btn .hamburger .line {
  width: 22px;
  height: 2px;
  background-color: #000;
  display: block;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
header.white .main-menu-btn .hamburger .line,
.dark-theme.premium header .main-menu-btn .hamburger .line {
  background-color: #fff;
}
header .main-menu-btn.active .hamburger {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: translate(3px, -17%) rotate(45deg);
  -ms-transform: translate(3px, -17%) rotate(45deg);
  -o-transform: translate(3px, -17%) rotate(45deg);
  transform: translate(3px, -17%) rotate(45deg);
}
header .main-menu-btn.active .hamburger .line:nth-child(2) {
  width: 0;
}
header .main-menu-btn.active .hamburger .line:nth-child(1),
header .main-menu-btn.active .hamburger .line:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
header .main-menu-btn.active .hamburger .line:nth-child(1) {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}
header .main-menu-btn.active .hamburger .line:nth-child(3) {
  -webkit-transform: translateY(-4px) rotate(90deg);
  -ms-transform: translateY(-4px) rotate(90deg);
  -o-transform: translateY(-4px) rotate(90deg);
  transform: translateY(-4px) rotate(90deg);
}
header .mobile-menu-btn {
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: none;
  justify-content: center;
  align-items: center;
}
header .mobile-menu-btn > span {
  font-size: 14px;
  color: #637282;
  display: block;
  text-align: center;
  line-height: 1;
}
header.white .mobile-menu-btn > span,
.dark-theme.premium header .mobile-menu-btn > span {
  color: #fff;
}
header .mobile-menu-btn .hamburger {
  width: 22px;
  height: 18px;
  margin-bottom: 5px;
}
header .mobile-menu-btn .hamburger .line {
  width: 22px;
  height: 2px;
  background-color: #000;
  display: block;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
header.white .mobile-menu-btn .hamburger .line,
.dark-theme.premium header .mobile-menu-btn .hamburger .line {
  background-color: #fff;
}
header .mobile-menu-btn.active .hamburger {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: translate(3px, -17%) rotate(45deg);
  -ms-transform: translate(3px, -17%) rotate(45deg);
  -o-transform: translate(3px, -17%) rotate(45deg);
  transform: translate(3px, -17%) rotate(45deg);
}
header .mobile-menu-btn.active .hamburger .line:nth-child(2) {
  width: 0;
}
header .mobile-menu-btn.active .hamburger .line:nth-child(1),
header .mobile-menu-btn.active .hamburger .line:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
header .mobile-menu-btn.active .hamburger .line:nth-child(1) {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}
header .mobile-menu-btn.active .hamburger .line:nth-child(3) {
  -webkit-transform: translateY(-4px) rotate(90deg);
  -ms-transform: translateY(-4px) rotate(90deg);
  -o-transform: translateY(-4px) rotate(90deg);
  transform: translateY(-4px) rotate(90deg);
}
footer.line {
  border-top: solid 2px #e5e9f2;
}
footer.hidden {
  display: none;
}
footer .top-footer {
  padding: 40px 0;
}
footer .top-footer .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  padding: 0 48px;
  position: relative;
}
footer .top-footer .help-center-block {
  position: relative;
  padding-left: 45px;
  cursor: pointer;
  width: auto;
}
footer .top-footer .help-center-block:after {
  content: "";
  position: absolute;
  top: 14px;
  right: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #a1a4ae transparent transparent transparent;
}
footer .top-footer .help-center-block.open:after {
  transform: rotate(180deg);
}
footer .top-footer .help-center-block:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background: url("/img/phone-icon.svg") center no-repeat #ebecef;
  border-radius: 50%;
}
footer .top-footer .help-center-block > .title {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  color: #637282;
}
footer .top-footer .help-center-block .other-phones {
  display: none;
  position: absolute;
  left: 29px;
  top: -10px;
  transform: translateY(-100%);
  border-radius: 2px;
  box-shadow: 0 6px 13px 0 rgba(194, 206, 226, 0.5);
  background-color: #ffffff;
  border: solid 1px #f9fbfd;
  width: 260px;
  z-index: 9344;
}
footer .top-footer .help-center-block.open .other-phones {
  display: block;
}
footer .top-footer .help-center-block .other-phones .phone-block {
  padding: 8px 16px;
  position: relative;
  background-position: 93% center;
  background-repeat: no-repeat;
}
footer .top-footer .help-center-block .other-phones .phone-block:first-child {
  background-color: #fffcd2 !important;
}
footer
  .top-footer
  .help-center-block
  .other-phones
  .phone-block:not(:first-child):after {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  height: 2px;
  background: rgba(224, 230, 237, 0.5);
}
footer .top-footer .help-center-block .other-phones .phone-block .title {
  font-size: 14px;
  line-height: 1;
  color: #212225;
  margin-bottom: 5px;
  font-family: "futurademic", sans-serif;
}
footer .top-footer .help-center-block .other-phones .phone-block .phone {
  margin-bottom: 5px;
}
footer .top-footer .help-center-block .other-phones .phone-block .phone a {
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
  color: #212225;
}
footer .top-footer .help-center-block .other-phones .phone-block .info {
  font-size: 12px;
  line-height: 1.17;
  color: #4f555b;
}
footer .top-footer .help-center-block .other-phones .phone-block .info a {
  font-size: 16px;
  color: #000;
  text-decoration: none;
}
footer .top-footer .help-center-block .other-phones .phone-block:hover {
  background-color: #f9fbfd;
}
footer
  .top-footer
  .help-center-block
  .other-phones
  .phone-block:first-child:hover {
  background-color: #fce610;
}
footer .top-footer .help-center-block .other-phones .phone-block.block-link {
  text-decoration: none;
}
footer .top-footer .footer-rates {
  width: auto;
  text-align: right;
  display: flex;
  flex-direction: column;
}

footer .top-footer .footer-rates .footer-rates__exchange-text {
  font-family: "futurabookc", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #637282;
  text-align: left;
  margin-bottom: 9px;
}

footer .top-footer .footer-rates .block-title a {
  font-size: 14px;
  color: rgba(99, 114, 130, 0.69);
  line-height: 18px;
  text-align: left;
}
footer .top-footer .footer-rates .rates-block {
  display: flex;
  justify-content: flex-start;
}
footer .top-footer .footer-rates .rate-currency {
  position: relative;
  cursor: pointer;
  margin-right: 20px;
}
footer .top-footer .footer-rates .rate-currency span {
  font-size: 14px;
  font-family: "futurademic", sans-serif;
  color: #212225;
}
footer .top-footer .footer-rates .rate-currency span:after {
  content: "";
  position: absolute;
  top: 8px;
  right: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #a1a4ae transparent transparent transparent;
}
footer .top-footer .footer-rates .rate-currency .other-currency {
  position: absolute;
  display: none;
  top: -3px;
  transform: translateY(-100%);
  left: -17px;
  border-radius: 2px;
  box-shadow: 0 6px 13px 0 rgba(194, 206, 226, 0.5);
  background-color: #ffffff;
  border: solid 1px #f9fbfd;
}
footer .top-footer .footer-rates .rate-currency .other-currency ul {
}
footer .top-footer .footer-rates .rate-currency .other-currency ul li {
}
footer .top-footer .footer-rates .rate-currency .other-currency ul li a {
  display: block;
  font-size: 14px;
  padding: 8px 16px;
  text-align: center;
  font-family: "futurademic", sans-serif;
  text-decoration: none;
  color: #212225;
}
footer .top-footer .footer-rates .rate-currency .other-currency ul li a:hover {
  background-color: #f9fbfd;
}
footer .top-footer .footer-rates .rate-currency.open .other-currency {
  display: block;
}
footer .top-footer .footer-rates .rate-numbers {
}
footer .top-footer .footer-rates .rate-numbers span {
  position: relative;
  font-size: 14px;
  color: #212225;
  display: inline-block;
}
footer .top-footer .footer-rates .rate-numbers span:first-child {
  margin-right: 17px;
}
footer .top-footer .footer-rates .rate-numbers span:first-child:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #d8d8d8;
  border-radius: 4px;
  top: 5px;
  right: -12px;
}
footer .top-footer .footer-menu {
  white-space: nowrap;
}
footer .top-footer .footer-menu ul {
  display: flex;
}
footer .top-footer .footer-menu ul li a,
footer .top-footer .footer-menu ul li button.ot-sdk-show-settings {
  font-size: 16px;
  line-height: 1.38;
  text-decoration: none;
  color: #212225;
  margin: 0 25px;
}
footer .top-footer .footer-menu ul li a:hover,
footer .top-footer .footer-menu ul li button.ot-sdk-show-settings:hover {
  color: #000;
  text-decoration: underline;
}
button.ot-sdk-show-settings {
  background: none;
  border: none;
  text-align: start;
}
footer .bottom-footer {
  height: 28px;
  background-color: #ebecef;
  padding: 5px 0;
}
footer .bottom-footer .container {
  max-width: 100%;
  display: flex;
  padding: 0 48px;
  align-items: center;
  justify-content: space-between;
}
footer .bottom-footer .social-block {
  font-size: 14px;
  line-height: 18px;
  color: rgba(99, 114, 130, 0.69);
}
footer .bottom-footer .social-block a {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  text-decoration: none;
  vertical-align: top;
}
footer .bottom-footer .social-block a.fb {
  background: url("/img/fb-footer.svg") center no-repeat;
  background-size: cover;
}
footer .bottom-footer .social-block a.tw {
  background: url("/img/tw-footer.svg") center no-repeat;
  background-size: cover;
}
footer .bottom-footer .social-block a.in {
  background: url("/img/ln-footer.svg") center no-repeat;
  background-size: cover;
}
footer .bottom-footer .social-block a.yt {
  background: url("/img/yt-footer.svg") center no-repeat;
  background-size: cover;
}
footer .bottom-footer .social-block a.inst {
  background: url("/img/in-footer.svg") center no-repeat;
  background-size: cover;
}
footer .bottom-footer .social-block a.telegram {
  background: url("/img/telegram-footer.svg") center no-repeat;
  background-size: cover;
}
footer .bottom-footer .social-block a.fb:hover {
  background: url("/img/fb-mobile-color.svg") center no-repeat;
  background-size: cover;
}
footer .bottom-footer .social-block a.tw:hover {
  background: url("/img/tw-mobile-color.svg") center no-repeat;
  background-size: cover;
}
footer .bottom-footer .social-block a.in:hover {
  background: url("/img/linked-mobile-color.svg") center no-repeat;
  background-size: cover;
}
footer .bottom-footer .social-block a.yt:hover {
  background: url("/img/yt-mobile-color.svg") center no-repeat;
  background-size: cover;
}
footer .bottom-footer .social-block a.inst:hover {
  background: url("/img/inst-mobile-color.svg") center no-repeat;
  background-size: cover;
}
footer .bottom-footer .social-block a.telegram:hover {
  background: url("/img/telegram-mobile-color.svg") center no-repeat;
  background-size: cover;
}
footer .bottom-footer .fgvfo-link {
}
footer .bottom-footer .fgvfo-link a {
  position: relative;
  font-size: 14px;
  line-height: 1;
  color: #637282;
  opacity: 0.69;
  padding-left: 25px;
  text-decoration: none;
}
footer .bottom-footer .fgvfo-link a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: url("/img/fgv.png") 0 0 no-repeat;

  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
footer .bottom-footer .fgvfo-link a:hover {
  color: #27282d;
  opacity: 1;
  text-decoration: underline;
}
footer .bottom-footer .fgvfo-link a:hover:after {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
footer .bottom-footer .copy-block {
  font-size: 14px;
  line-height: 18px;
  color: rgba(99, 114, 130, 0.69);
}
footer .bottom-footer .copy-block a {
  color: rgba(99, 114, 130, 0.69);
  text-decoration: none;
}
.main-page-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 150px);
  padding-top: 170px;
}
.main-page-container .main-page-block {
  width: 560px;
  position: relative;
}
.main-page-container .main-page-block .main-page-title {
  color: #637282;
  position: absolute;
  z-index: 33;
  top: 0;
  left: 0;
  height: 56px;
  font-size: 32px;
  line-height: 32px;
  width: calc(100% - 56px);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.main-page-container .main-page-block .main-page-title.active {
  font-size: 18px;
  line-height: 24px;
  top: -24px;
  height: 24px;
}
.main-page-container .main-page-block .main-page-form {
  height: 56px;
  position: relative;
  margin-bottom: 5px;
}
.main-page-container .main-page-block .main-page-form form {
  display: flex;
}
.main-page-container .main-page-block .main-page-form form input[type="text"] {
  height: 56px;
  border: none;
  border-bottom: 2px solid #fce610;
  border-radius: 0;
  width: calc(100% - 56px);
  font-size: 32px;
  line-height: 54px;
  color: #212225;
}
.main-page-container .main-page-block .main-page-form form button {
  width: 56px;
  height: 56px;
  border: none;
  background: url("/img/arrow-icon.svg") center no-repeat #fce610;
}
.main-page-container .main-page-block .main-page-form .search-result-container {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 360px;
  overflow: hidden;
  border-radius: 2px;
  box-shadow: 0 6px 13px 0 rgba(194, 206, 226, 0.5);
  background-color: #ffffff;
  border: solid 1px #f9fbfd;
  z-index: 33;
}
.main-page-container
  .main-page-block
  .main-page-form
  .search-result-container
  .search-result-tabs {
  position: relative;
  padding: 16px 32px;
  height: 60px;
  background: #fff;
  display: flex;
}
.main-page-container
  .main-page-block
  .main-page-form
  .search-result-container
  .search-result-tabs
  .tab-btn {
  opacity: 0.6;
  font-size: 16px;
  line-height: 1.38;
  color: #27282d;
  border-bottom: 1px solid rgba(252, 230, 16, 0.3);
  padding: 0 10px;
  text-decoration: none;
  position: relative;
}
.main-page-container
  .main-page-block
  .main-page-form
  .search-result-container
  .search-result-tabs
  .tab-btn.active {
  opacity: 1;
}
.main-page-container
  .main-page-block
  .main-page-form
  .search-result-container
  .search-result-tabs
  .tab-btn.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  display: block;
  background: #fce610;
}
.main-page-container .main-page-block .main-page-form .search-result-block {
  max-height: 300px;
  position: relative;
}
.main-page-container
  .main-page-block
  .main-page-form
  .search-result-block.ps-container.ps-active-y
  > .ps-scrollbar-y-rail {
  width: 4px;
  background-color: #f9fbfd;
  border-radius: 2px;
  opacity: 1 !important;
  z-index: 22;
}
.main-page-container
  .main-page-block
  .main-page-form
  .search-result-block.ps-container
  > .ps-scrollbar-y-rail
  > .ps-scrollbar-y {
  border-radius: 2px;
  background-color: #ebecef;
  width: 4px;
  opacity: 1 !important;
}
.main-page-container
  .main-page-block
  .main-page-form
  .search-result-block
  .result-block {
  position: relative;
  padding: 16px 32px;
}
.main-page-container
  .main-page-block
  .main-page-form
  .search-result-block
  .result-block:not(:first-child):after {
  content: "";
  position: absolute;
  top: 0;
  left: 32px;
  right: 32px;
  height: 2px;
  background: #e0e6ed;
}
.main-page-container
  .main-page-block
  .main-page-form
  .search-result-block
  .result-block
  .section-link {
  opacity: 0.5;
  font-family: "futurademic", sans-serif;
  font-size: 12px;
  color: #637282;
  text-decoration: none;
  text-transform: uppercase;
  position: absolute;
  line-height: 24px;
  top: 16px;
  left: 32px;
  z-index: 12;
  max-width: 41%;
}
.main-page-container
  .main-page-block
  .main-page-form
  .search-result-block
  .result-block
  .result-links {
}
.main-page-container
  .main-page-block
  .main-page-form
  .search-result-block
  .result-block
  .result-links
  li {
  padding-left: 49%;
  position: relative;
  margin-bottom: 5px;
}
.main-page-container
  .main-page-block
  .main-page-form
  .search-result-block
  .result-block
  .result-links
  li
  a {
  font-size: 18px;
  line-height: 24px;
  color: #637282;
  text-decoration: none;
  z-index: 12;
}
.main-page-container
  .main-page-block
  .main-page-form
  .search-result-block
  .result-block
  .result-links
  li
  a
  span {
  position: relative;
  z-index: 2;
}
.main-page-container
  .main-page-block
  .main-page-form
  .search-result-block
  .result-block
  .result-links
  li
  a
  strong {
  font-family: "futurademic", sans-serif;
}
.main-page-container
  .main-page-block
  .main-page-form
  .search-result-block
  .result-block
  .result-links
  li
  a:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: -32px;
  right: -32px;
  height: 100%;
  background-color: #f9fbfd;
  z-index: 1;
}
.main-page-container .main-page-block .fast-search-block {
  margin-bottom: 35px;
}
.main-page-container .main-page-block .fast-search-block .first,
.main-page-container .main-page-block .fast-search-block .second {
  display: flex;
  align-items: center;
}
.main-page-container .main-page-block .fast-search-block .second {
  display: none;
}
.main-page-container .main-page-block .fast-search-block.other .first {
  display: none;
}
.main-page-container .main-page-block .fast-search-block.other .second {
  display: flex;
}
.main-page-container .main-page-block .fast-search-block .first > span {
  font-size: 14px;
  color: #637282;
  margin-right: 16px;
}
.main-page-container .main-page-block .fast-search-block ul {
  display: flex;
}
.main-page-container .main-page-block .fast-search-block ul li {
  margin-right: 16px;
}
.main-page-container .main-page-block .fast-search-block ul li a {
  font-size: 14px;
  color: #637282;
  white-space: nowrap;
}
.main-page-container .main-page-block .fast-search-block ul li a:hover {
  color: rgba(24, 118, 212, 0.69);
  text-decoration: underline;
}
.fast-search__items-container {
  position: relative;
}
.fast-search__items-container .ps-scrollbar-x-rail,
.fast-search__items-container .ps-scrollbar-y-rail {
  display: none !important;
}
.main-page-container .main-page-block .fast-search-block .more-fast-search {
  background: url("/img/more.svg") 0 0 no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.main-page-container .main-page-block .fast-search-block .less-fast-search {
  background: url("/img/rectangle-5.svg") 0 0 no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-right: 16px;
}
.main-page-container .main-page-block .main-slider {
  width: 560px;
  height: 240px;
  border-radius: 4px;
  box-shadow: 0 8px 23px 0 rgba(0, 0, 0, 0.1);
}
.main-page-container .main-page-block .main-slider .slider-item {
  width: 560px;
  height: 240px;
}
.main-page-container .main-page-block .main-slider .slick-prev,
.main-page-container .main-page-block .main-slider .slick-next {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 1px 2px 4px 0 rgba(133, 164, 176, 0.28);
  background-image:
    linear-gradient(to bottom, #ffffff, #ffffff),
    linear-gradient(157deg, #e0fefc -13%, #f4e6e4 114%);
}
.main-page-container .main-page-block .main-slider .slick-prev {
  left: -50px;
}
.main-page-container .main-page-block .main-slider .slick-next {
  right: -50px;
}
.main-page-container .main-page-block .main-slider .slick-arrow:after,
.main-page-container .main-page-block .main-slider .slick-arrow:before {
  content: "";
  width: 2px;
  height: 8px;
  background-color: #8c98a4;
  position: absolute;
}

.main-page-container .main-page-block .main-slider .slick-prev:before {
  transform: rotate(45deg);
  top: 6px;
  left: 10px;
}
.main-page-container .main-page-block .main-slider .slick-prev:after {
  transform: rotate(-45deg);
  top: 11px;
  left: 10px;
}
.main-page-container .main-page-block .main-slider .slick-next:before {
  transform: rotate(-45deg);
  top: 6px;
  right: 10px;
}
.main-page-container .main-page-block .main-slider .slick-next:after {
  transform: rotate(45deg);
  top: 11px;
  right: 10px;
}

.main-page-container .main-page-block .main-slider .slick-dots {
  bottom: 20px;
}
.main-page-container .main-page-block .main-slider .slick-dots li {
  width: 8px;
  height: 8px;
}
.main-page-container .main-page-block .main-slider .slick-dots li button {
  width: 8px;
  height: 8px;
  border: solid 2px rgba(255, 255, 255, 0.48);
  border-radius: 50%;
  padding: 0;
}
.main-page-container
  .main-page-block
  .main-slider
  .slick-dots
  li
  button:before {
  display: none !important;
}
.main-page-container
  .main-page-block
  .main-slider
  .slick-dots
  li.slick-active
  button {
  border: solid 2px rgba(255, 255, 255, 1);
  background: #fff;
}
.main-page-container .main-page-block .main-search-result-block {
  position: relative;
  padding-bottom: 168px;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-tabs {
  position: relative;
  padding-top: 8px;
  margin-bottom: 20px;
  background: #fff;
  display: flex;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-tabs
  .tab-btn {
  opacity: 0.6;
  font-size: 16px;
  line-height: 1.38;
  color: #27282d;
  border-bottom: 1px solid rgba(252, 230, 16, 0.3);
  padding: 0 10px;
  text-decoration: none;
  position: relative;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-tabs
  .tab-btn.active {
  opacity: 1;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-tabs
  .tab-btn.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  display: block;
  background: #fce610;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider-container {
  position: absolute;
  top: 50px;
  left: 0;
  display: flex;
  padding-top: 20px;
  padding-bottom: 40px;
  overflow: hidden;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider {
  display: flex;
  position: relative;
  height: 168px;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .result-item {
  width: 168px;
  min-width: 168px;
  height: 168px;
  background-color: rgba(45, 40, 40, 0.38);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  padding: 16px 8px;
  display: block;
  text-decoration: none;
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.15);
  margin-right: 17px;
  transition: all 0.3s;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .result-item:hover {
  transform: scale(1.06);
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .result-item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: rgba(16, 15, 15, 0.36);
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .result-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 42;
  background: rgba(16, 15, 15, 0);
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .result-item
  img {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .result-item
  .section {
  font-size: 16px;
  line-height: 1.1;
  text-align: center;
  color: #ffffff;
  position: relative;
  z-index: 21;
  margin-bottom: 30px;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .result-item
  .title {
  font-size: 18px;
  line-height: 1.1;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #ffffff;
  position: relative;
  z-index: 21;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .card-item {
  width: 276px;
  height: 168px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin-right: 18px;
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.15);
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .card-item
  img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .card-item
  .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  text-align: center;
  padding: 16px;
  background: rgba(16, 15, 15, 0.6);
  display: none;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .card-item
  .content
  .section {
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #ffffff;
  position: relative;
  z-index: 21;
  margin-bottom: 4px;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .card-item
  .content
  .title {
  font-size: 24px;
  line-height: 1;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #ffffff;
  position: relative;
  z-index: 21;
  margin-bottom: 4px;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .card-item
  .content
  .description {
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #ffffff;
  margin-bottom: 25px;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .card-item:hover
  .content {
  display: block;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .doc-item {
  width: 168px;
  height: 168px;
  border-radius: 10px;
  background-color: #ffffff;
  border: solid 1px #e0e6ed;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  margin-right: 18px;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .doc-item
  .section {
  font-size: 16px;
  text-align: center;
  color: #637282;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .doc-item
  .title {
  font-size: 14px;
  line-height: 1.14;
  text-align: center;
  color: #212225;
  max-height: 75px;
  overflow: hidden;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .doc-item
  .date {
  font-size: 14px;
  text-align: center;
  color: #637282;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .doc-item
  .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  text-align: center;
  padding: 16px;
  background-color: rgba(16, 15, 15, 0.7);
  display: none;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .doc-item
  .content
  .type {
  font-size: 24px;
  line-height: 1.33;
  text-transform: uppercase;
  text-align: center;
  font-family: "futurademic", sans-serif;
  color: #ffffff;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .doc-item
  .content
  .size {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #ffffff;
  margin-bottom: 18px;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .doc-item:hover
  .content {
  display: block;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .more-item {
  width: 168px;
  min-width: 168px;
  height: 168px;
  border-radius: 10px;
  background: url("/img/search-more-icon.svg") center 40px no-repeat #f9fbfd;
  border: solid 1px #e0e6ed;
  text-decoration: none;
}
.main-page-container
  .main-page-block
  .main-search-result-block
  .search-result-slider
  .more-item
  .text {
  font-size: 16px;
  line-height: 1.13;
  text-align: center;
  color: #637282;
  margin-top: 110px;
}
.main-menu-block {
  width: 100%;
  max-height: 0;
  height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  background-color: rgba(39, 40, 45, 0.98);
  z-index: 4344;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.main-menu-block.open {
  max-height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
  max-height: calc(var(--vh, 1vh) * 100);
}
.main-menu-block .close-menu {
  width: 40px;
  height: 40px;
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  margin-top: 35px;
  margin-bottom: 33px;
}
.main-menu-block .close-menu > span {
  font-size: 14px;
  color: #fff;
  display: block;
  text-align: center;
  line-height: 1;
}
.main-menu-block .close-menu .hamburger {
  width: 22px;
  height: 18px;
  margin: 0 auto;
  margin-bottom: 5px;
}
.main-menu-block .close-menu .hamburger .line {
  width: 22px;
  height: 2px;
  background-color: #fff;
  display: block;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.main-menu-block .close-menu.active .hamburger {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: translate(3px, -17%) rotate(45deg);
  -ms-transform: translate(3px, -17%) rotate(45deg);
  -o-transform: translate(3px, -17%) rotate(45deg);
  transform: translate(3px, -17%) rotate(45deg);
}
.main-menu-block .close-menu.active .hamburger .line:nth-child(2) {
  width: 0;
}
.main-menu-block .close-menu.active .hamburger .line:nth-child(1),
.main-menu-block .close-menu.active .hamburger .line:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.main-menu-block .close-menu.active .hamburger .line:nth-child(1) {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}
.main-menu-block .close-menu.active .hamburger .line:nth-child(3) {
  -webkit-transform: translateY(-4px) rotate(90deg);
  -ms-transform: translateY(-4px) rotate(90deg);
  -o-transform: translateY(-4px) rotate(90deg);
  transform: translateY(-4px) rotate(90deg);
}
.main-menu-block .parents-menu {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  max-width: 1140px;
  padding: 0 10px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 46px;
}
.main-menu-block .parents-menu:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background: rgba(252, 230, 16, 0.1);
  height: 2px;
  bottom: 0;
}
.main-menu-block .parents-menu a {
  font-size: 18px;
  line-height: 24px;
  padding: 8px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fff;
  position: relative;
  font-family: "futurabookc", sans-serif;
}
.main-menu-block .parents-menu a.active {
  color: #fce610;
}
.main-menu-block .parents-menu a.active:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  background: #fce610;
  height: 4px;
  bottom: 0;
}
.main-menu-block .children-menu {
  min-width: 800px;
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  justify-content: flex-start;
  display: none;
  margin-bottom: auto;
}
.main-menu-block .children-menu.active {
  display: flex;
}
.main-menu-block .children-menu .child {
  width: 20%;
  padding: 0 10px;
}
.main-menu-block .children-menu .child .title {
  margin-bottom: 24px;
}
.main-menu-block .children-menu .child .title a {
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
  text-decoration: none;
  font-family: "futurademic", sans-serif;
}
.main-menu-block .children-menu .child .title a:hover {
  color: #fce610;
}
.main-menu-block .children-menu .child ul {
  list-style: none;
  white-space: normal;
  list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
  list-style-type: none;
}
.main-menu-block .children-menu .child ul li {
  margin-bottom: 16px;
  white-space: normal;
}
.main-menu-block .children-menu .child ul li a {
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  color: #ffffff;
  font-family: "futurabookc", sans-serif;
  white-space: normal;
}
.main-menu-block .children-menu .child ul li a:hover {
  color: #fce610;
}
.main-menu-block .children-menu .child ul li a.premium_banking {
  color: #fce610;
}
.main-menu-block .children-menu .child ul li a.premium_direct {
  color: #42dfe2;
}
.main-menu-block .children-menu .premium-menu-item {
  width: 374px;
  height: 404px;
  border-radius: 4px;
  background-color: #27282d;
  margin: 0 20px;
  position: relative;
  overflow: hidden;
}
.main-menu-block .children-menu .premium-menu-item .upper {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-menu-block .children-menu .premium-menu-item .upper .text {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 24px;
  font-weight: 300;
  width: 75px;
  color: #f9fbfd;
  font-family: "futurabookc", sans-serif;
  transform: translate(-50%, -50%);
  padding-left: 20px;
}
.main-menu-block .children-menu .premium-menu-item .upper .text:before {
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 1px;
  background: #fce610;
  position: absolute;
  display: block;
}
.main-menu-block .children-menu .premium-menu-item .upper .text:after {
  content: "";
  top: 100%;
  left: 0;
  height: 250px;
  width: 1px;
  position: absolute;
  display: block;
  background: #fce610;
  transform: rotate(-40deg);
  transform-origin: top left;
}
.main-menu-block
  .children-menu
  .premium-menu-item.premium-direct
  .upper
  .text:before,
.main-menu-block
  .children-menu
  .premium-menu-item.premium-direct
  .upper
  .text:after {
  background: #63ceca;
}
.main-menu-block .children-menu .premium-menu-item.premium-direct .soon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 22;
  background: #63ceca;
  font-size: 12px;
  text-align: center;
  color: #27282d;
  width: 100px;
  height: 16px;
  line-height: 16px;
  transform: translate(-20%, 110%) rotate(-45deg);
  transform-origin: center;
}
.main-menu-block .children-menu .premium-menu-item .lower {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 40px;
  display: none;
  border: 1px solid #fce610;
  border-radius: 4px;
}
.main-menu-block .children-menu .premium-menu-item.premium-direct .lower {
  border: 1px solid #63ceca;
}
.main-menu-block .children-menu .premium-menu-item .lower .block-title {
  font-size: 24px;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #f9fbfd;
  margin-bottom: 24px;
}
.main-menu-block .children-menu .premium-menu-item .lower ul {
  margin-bottom: 32px;
}
.main-menu-block .children-menu .premium-menu-item .lower ul li {
  font-size: 18px;
  line-height: 1.1;
  color: #f9fbfd;
  padding-left: 20px;
  position: relative;
  font-family: "futurabookc", sans-serif;
  margin-bottom: 12px;
  font-weight: 300;
}
.main-menu-block .children-menu .premium-menu-item .lower ul li:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #f9fbfd;
  border-radius: 50%;
}
.main-menu-block .children-menu .premium-menu-item .lower .btns {
  text-align: center;
}
.main-menu-block .children-menu .premium-menu-item .lower .btns .btn {
  margin: 0 5px;
  width: 130px;
}
.main-menu-block .children-menu .premium-menu-item:hover .upper {
  display: none;
}
.main-menu-block .children-menu .premium-menu-item:hover .lower {
  display: block;
}
.main-menu-block .bottom-menu {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 10px;
  justify-content: center;
  display: flex;
}
.main-menu-block .bottom-menu ul {
  display: flex;
  justify-content: center;
}
.main-menu-block .bottom-menu ul li {
  margin: 0 25px;
}
.main-menu-block .bottom-menu ul li a,
.main-menu-block .bottom-menu ul li button.ot-sdk-show-settings {
  font-size: 14px;
  line-height: 1.57;
  text-decoration: none;
  color: #ffffff;
}
.main-menu-block .bottom-menu ul li a:hover,
.main-menu-block .bottom-menu ul li button.ot-sdk-show-settings:hover {
  color: #fce610;
}
.main-menu-block .social-block {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  margin-bottom: 30px;
  justify-content: center;
  display: flex;
  position: relative;
}
.main-menu-block .social-block:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: #4f555b;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  position: absolute;
}
.main-menu-block .social-block:before {
  content: "";
  width: 180px;
  height: 20px;
  display: block;
  background: #2b2d31;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  position: absolute;
}
.main-menu-block .social-block a {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 5px;
  text-decoration: none;
  vertical-align: top;
  position: relative;
  z-index: 5;
}
.main-menu-block .social-block a.fb {
  background: url("/img/fb-footer.svg") center no-repeat;
  background-size: cover;
}
.main-menu-block .social-block a.tw {
  background: url("/img/tw-footer.svg") center no-repeat;
  background-size: cover;
}
.main-menu-block .social-block a.in {
  background: url("/img/ln-footer.svg") center no-repeat;
  background-size: cover;
}
.main-menu-block .social-block a.yt {
  background: url("/img/yt-footer.svg") center no-repeat;
  background-size: cover;
}
.main-menu-block .social-block a.inst {
  background: url("/img/in-footer.svg") center no-repeat;
  background-size: cover;
}
.main-menu-block .social-block a.telegram {
  background: url("/img/telegram-footer.svg") center no-repeat;
  background-size: cover;
}
.main-menu-block .social-block a.fb:hover {
  background: url("/img/fb-mobile-color.svg") center no-repeat;
  background-size: cover;
}
.main-menu-block .social-block a.tw:hover {
  background: url("/img/tw-mobile-color.svg") center no-repeat;
  background-size: cover;
}
.main-menu-block .social-block a.in:hover {
  background: url("/img/linked-mobile-color.svg") center no-repeat;
  background-size: cover;
}
.main-menu-block .social-block a.yt:hover {
  background: url("/img/yt-mobile-color.svg") center no-repeat;
  background-size: cover;
}
.main-menu-block .social-block a.inst:hover {
  background: url("/img/inst-mobile-color.svg") center no-repeat;
  background-size: cover;
}
.main-menu-block .social-block a.telegram:hover {
  background: url("/img/telegram-mobile-color.svg") center no-repeat;
  background-size: cover;
}
.mobile-main-menu-block {
  width: 100%;
  max-height: 0;
  height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(39, 40, 45, 0.98);
  z-index: 4344;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.mobile-main-menu-block.open {
  max-height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
  max-height: calc(var(--vh, 1vh) * 100);
}
.mobile-main-menu-block .close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 27px;
  right: 23px;
}
.mobile-main-menu-block .close > span {
  font-size: 14px;
  color: #fff;
  display: block;
  text-align: center;
  line-height: 1;
}
.mobile-main-menu-block .close .hamburger {
  width: 22px;
  height: 18px;
  margin: 0 auto;
  margin-bottom: 5px;
}
.mobile-main-menu-block .close .hamburger .line {
  width: 22px;
  height: 2px;
  background-color: #fff;
  display: block;
  margin: 5px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.mobile-main-menu-block .close.active .hamburger {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: translate(3px, -17%) rotate(45deg);
  -ms-transform: translate(3px, -17%) rotate(45deg);
  -o-transform: translate(3px, -17%) rotate(45deg);
  transform: translate(3px, -17%) rotate(45deg);
}
.mobile-main-menu-block .close.active .hamburger .line:nth-child(2) {
  width: 0;
}
.mobile-main-menu-block .close.active .hamburger .line:nth-child(1),
.mobile-main-menu-block .close.active .hamburger .line:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.mobile-main-menu-block .close.active .hamburger .line:nth-child(1) {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}
.mobile-main-menu-block .close.active .hamburger .line:nth-child(3) {
  -webkit-transform: translateY(-4px) rotate(90deg);
  -ms-transform: translateY(-4px) rotate(90deg);
  -o-transform: translateY(-4px) rotate(90deg);
  transform: translateY(-4px) rotate(90deg);
}
.mobile-main-menu-block .top-part {
  padding-top: 60px;
  border-bottom: solid 1px #797a7c;
  padding-bottom: 8px;
}
.mobile-main-menu-block .top-part a {
  width: 256px;
  height: 40px;
  display: block;
  border-radius: 4px;
  background-color: transparent;
  text-decoration: none;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #fffbfb;
  margin: 0 auto;
  margin-bottom: 8px;
  border: 1px solid transparent;
}
.mobile-main-menu-block .top-part a:hover {
  background-color: #ffef00;
  color: #000000;
  border: 1px solid #ffef00;
}
.mobile-main-menu-block .top-part a[data-popup="ib"] {
  background-color: #ffef00;
  color: #000000;
}
.mobile-main-menu-block .socials {
  display: flex;
  justify-content: center;
  padding: 10px 0;
}
.mobile-main-menu-block .socials a {
  width: 32px;
  height: 32px;
  text-decoration: none;
  margin: 0 10px;
}
.mobile-main-menu-block .menu-container {
  /* height: calc(100vh - 217px); */
  /* height: calc(calc(var(--vh, 1vh) * 100) - 217px); */
  /* overflow: hidden; */
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding: 0 25px 0 10px;
  padding-left: calc((100% - 256px) / 2);
  margin: 0 auto;
  position: relative;
}
.mobile-main-menu-block .menu-container .main-menu {
  padding-top: 16px;
  padding-bottom: 6px;
}
.mobile-main-menu-block .menu-container .main-menu .parent-menu {
  font-size: 18px;
  line-height: 26px;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.mobile-main-menu-block .menu-container .main-menu .parent-menu img {
  margin-left: 9px;
}
.mobile-main-menu-block
  .menu-container
  .main-menu
  .parent-menu
  img.parent-menu-open {
  transform: rotate(180deg);
  display: none;
}
.mobile-main-menu-block
  .menu-container
  .main-menu
  .parent-menu.active
  img.parent-menu-close {
  display: none;
}
.mobile-main-menu-block
  .menu-container
  .main-menu
  .parent-menu.active
  img.parent-menu-open {
  display: block;
}
.mobile-main-menu-block .menu-container .main-menu .parent-menu + .children {
  display: none;
}
.mobile-main-menu-block .menu-container .main-menu .parent-menu.active {
  color: #fce610;
}
.mobile-main-menu-block
  .menu-container
  .main-menu
  .parent-menu.active
  + .children {
  display: block;
  padding-left: 16px;
}
.mobile-main-menu-block .menu-container .main-menu .child .child-title {
  font-size: 24px;
  line-height: 32px;
  text-decoration: none;
  color: #fff;
  display: inline-block;
  margin-bottom: 20px;
}
.mobile-main-menu-block .menu-container .main-menu .child .child-title:hover {
  color: #fce610;
}
.mobile-main-menu-block .menu-container .main-menu .child .children-menu {
  margin-bottom: 24px;
}
.mobile-main-menu-block .menu-container .main-menu .child .children-menu li {
  margin-bottom: 16px;
}
.mobile-main-menu-block .menu-container .main-menu .child .children-menu li a {
  font-size: 18px;
  line-height: 20px;
  color: #ffffff;
  text-decoration: none;
}
.mobile-main-menu-block
  .menu-container
  .main-menu
  .child
  .children-menu
  li
  a:hover {
  color: #fce610;
}
.mobile-main-menu-block .menu-container .footer-menu {
  border-top: 1px solid rgba(252, 230, 16, 0.1);
  padding-top: 24px;
}
.mobile-main-menu-block .menu-container .footer-menu li {
  height: 16px;
  margin-bottom: 24px;
}
.mobile-main-menu-block .menu-container .footer-menu li a,
.mobile-main-menu-block
  .menu-container
  .footer-menu
  li
  button.ot-sdk-show-settings {
  font-size: 16px;
  line-height: 1;
  color: #ffffff;
  text-decoration: none;
  font-family: "futurabookc", sans-serif;
}
.intro-slider-section {
  width: 100%;
  height: 600px;
}
.intro-slider-section .intro-slider {
  width: 100%;
  height: 600px;
}
.intro-slider-section .intro-slider .slider-item {
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden;
}
.intro-slider-section .intro-slider .slider-item .bg-image {
  position: absolute;
  top: 0;
  right: 0;
  /*transform: translateX(-50%);*/
  z-index: 2;
  min-width: 100%;
  min-height: 100%;
  height: 100%;
}
.intro-slider-section .intro-slider .slider-item .container {
  position: relative;
  z-index: 4;
  /* height: 600px; */
  display: flex;
  align-items: center;
}
.intro-slider-section .intro-slider .slider-item .text .title {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.6px;
  text-align: left;
  color: #212225;
  margin-bottom: 24px;
  font-family: "futurademic", sans-serif;
  max-width: 570px;
}

.intro-slider-section.city-slider .intro-slider .slider-item .text .title {
  color: #fff;
}
.intro-slider-section .intro-slider .slider-item .text .description {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #212225;
  margin-bottom: 24px;
  max-width: 50%;
}
.intro-slider-section
  .intro-slider
  .slider-item
  .text
  .description
  .description {
  min-width: 100%;
  width: 100%;
  max-width: 100%;
}
.intro-slider-section .intro-slider .slider-item .text .btn-block .btn {
  min-width: 160px;
}
.intro-slider-section .intro-slider .slider-item .text .form-block {
  position: relative;
}
.intro-slider-section
  .intro-slider
  .slider-item
  .text
  .form-block
  .success-answer {
  color: #000;
  margin-top: 10px;
}
.intro-slider-section .intro-slider .slider-item .text .form-block input {
  background: rgba(255, 255, 255, 0);
  border: solid 1px #000;
  color: #000;
  height: 40px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 38px;
  padding: 0 20px;
  width: 260px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.intro-slider-section
  .intro-slider
  .slider-item
  .text
  .form-block
  input::placeholder {
  color: #000;
}
.intro-slider-section .intro-slider .slider-item .text .form-block label.error {
  color: #ed4337;
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 5px;
  position: absolute;
  top: 38px;
  left: 0;
}
.intro-slider-section .intro-slider .slider-item .text .form-block .btn {
  min-width: 160px;
}
.intro-slider-section
  .intro-slider
  .slider-item
  .text
  .form-block
  .checkbox-block
  label {
  font-size: 14px;
  line-height: 18px;
  color: #212225;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  font-family: "futurabookc", sans-serif;
  margin-bottom: 0;
}
.intro-slider-section
  .intro-slider
  .slider-item
  .text
  .form-block
  .checkbox-block
  label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.intro-slider-section
  .intro-slider
  .slider-item
  .text
  .form-block
  .checkbox-block
  input[type="checkbox"].error
  + label
  + label:after {
  border: solid 1px red;
}
.intro-slider-section
  .intro-slider
  .slider-item
  .text
  .form-block
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after,
.intro-slider-section
  .intro-slider
  .slider-item
  .text
  .form-block
  .checkbox-block
  input[type="checkbox"]:checked
  + label
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.intro-slider-section .intro-slider .slider-item .back-to-main {
  position: absolute;
  left: 20px;
  bottom: 38px;
  text-decoration: none;
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #212225;
  background: url("/img/rectangle-7-black.svg") left center no-repeat;
  padding-left: 30px;
}
.intro-slider-section__loan-cash {
  margin-top: 115px;
  height: 371px;
}
.intro-slider-section__loan-cash .intro-slider {
  height: 371px;
}
.intro-slider-section__loan-cash .intro-slider .slider-item {
  height: 371px;
}
.intro-slider-section__loan-cash .intro-slider .slider-item .container {
  height: 371px;
}
.intro-slider-section__loan-cash .intro-slider .slider-item .text .title {
  font-family: "futurademic", sans-serif;
  font-size: 42px;
  line-height: 1.14;
  color: #212225;
  text-align: left;
  margin-bottom: 16px;
  max-width: 570px;
}
.intro-slider-section__loan-cash .intro-slider .slider-item .text .description {
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
  text-align: left;
  margin-bottom: 32px;
  max-width: 50%;
}
.intro-slider-section__loan-cash .intro-slider .slider-item .back-to-main {
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
}
.intro-slider-section.city-slider .intro-slider .slider-item .back-to-main {
  color: #fff;
  background: url("/img/rectangle-7.svg") left center no-repeat;
}
.intro-slider-section .intro-slider .slick-prev,
.intro-slider-section .intro-slider .slick-next {
  display: none !important;
}
.intro-slider-section .intro-slider .slick-dots {
  bottom: 0;
  top: 0;
  left: auto;
  right: 48px;
  width: 12px;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
}
.intro-slider-section .intro-slider .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 5px 0;
}
.intro-slider-section .intro-slider .slick-dots li button {
  width: 12px;
  height: 12px;
  border: solid 2px rgba(255, 255, 255, 0.48);
  border-radius: 50%;
  padding: 0;
}
.intro-slider-section .intro-slider .slick-dots li button:before {
  display: none !important;
}
.intro-slider-section .intro-slider .slick-dots li.slick-active button {
  border: solid 2px rgba(255, 255, 255, 1);
  background: #fff;
}
.card-catalog-section {
  padding-top: 100px;
}
.card-catalog-section .top-container {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  border-bottom: solid 2px #e0e6ed;
}
.card-catalog-section .top-container .header {
  min-width: 35%;
}
.card-catalog-section .top-container .header .title {
  font-size: 40px;
  line-height: 1.2;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.card-catalog-section .top-container .header .description {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
}
.card-catalog-section .top-container .packages-tabs-btns {
  width: 65%;
  display: flex;
  justify-content: flex-end;
}
.card-catalog-section .top-container .packages-tabs-btns .tab-btn {
  height: 40px;
  border-radius: 20px;
  line-height: 38px;
  font-size: 16px;
  color: #637282;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.16);
  padding: 0 18px;
  text-decoration: none;
  margin-left: 12px;
}
.card-catalog-section .top-container .packages-tabs-btns .tab-btn:hover,
.card-catalog-section .top-container .packages-tabs-btns .tab-btn.active {
  background-color: #ffef00;
  border: solid 1px #ffef00;
  color: #212225;
}
.packages-list {
  margin-bottom: 55px;
  display: none;
}
.packages-list.active {
  display: block;
}
.packages-list .package-item {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
  border-bottom: solid 2px #e0e6ed;
}
.packages-list .package-item .cards-slider-block {
  width: 298px;
}
.packages-list .package-item .cards-slider-block .cards-slider {
  margin-bottom: 10px;
}
.packages-list .package-item .cards-slider-block .cards-slider .slick-next {
  width: 32px;
  height: 32px;
  background-color: #fce610;
  right: 0;
  margin-top: -33px;
  z-index: 22;
  transition: right 0.3s;
}
.packages-list
  .package-item
  .cards-slider-block
  .cards-slider
  .slick-next:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 0 5px 16px;
  border-color: transparent transparent transparent #bfb133;
}
.packages-list
  .package-item
  .cards-slider-block
  .cards-slider
  .slick-next:before {
  content: "";
  background: url(/img/rectangle-16-copy.svg) center no-repeat;
  width: 10px;
  height: 12px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.packages-list .package-item .cards-slider-block .cards-slider .slick-prev {
  width: 32px;
  height: 32px;
  background-color: #fce610;
  left: 0;
  margin-top: -33px;
  z-index: 22;
  transition: left 0.3s;
}
.packages-list
  .package-item
  .cards-slider-block
  .cards-slider
  .slick-prev:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 16px 5px 0;
  border-color: transparent #bfb133 transparent transparent;
}
.packages-list
  .package-item
  .cards-slider-block
  .cards-slider
  .slick-prev:before {
  content: "";
  background: url(/img/rectangle-16-copy.svg) center no-repeat;
  width: 10px;
  height: 12px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
}
.packages-list .package-item .cards-slider-block .cards-slider .slider-item {
  margin: 0 50px;
}
.packages-list
  .package-item
  .cards-slider-block
  .cards-slider
  .slider-item
  .image {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 10px;
}
.packages-list
  .package-item
  .cards-slider-block
  .cards-slider
  .slider-item
  .image
  img {
  transition: all 0.3s;
}
.packages-list .package-item .cards-slider-block.horizontal .cards-slider {
  width: calc(266px + 32px);
  transition: all 0.3s;
}
.packages-list
  .package-item
  .cards-slider-block.horizontal
  .cards-slider
  .slider-item {
  width: 266px;
  transition: all 0.3s;
}
.packages-list
  .package-item
  .cards-slider-block.horizontal
  .cards-slider
  .slider-item
  .image {
  width: 266px;
  /*height: 168px;*/
  transition: all 0.3s;
  margin: 0 2px;
}
.packages-list
  .package-item
  .cards-slider-block
  .cards-slider
  .slider-item
  .text {
  font-size: 14px;
  line-height: 1.71;
  text-align: center;
  color: #637282;
}
.packages-list .package-item .cards-slider-block .cards-slider .slick-dots {
  bottom: -20px;
}
.packages-list .package-item .cards-slider-block .cards-slider .slick-dots li {
  width: 6px;
  height: 6px;
  margin: 0 4px;
}
.packages-list
  .package-item
  .cards-slider-block
  .cards-slider
  .slick-dots
  li
  button {
  padding: 0;
  width: 6px;
  height: 6px;
}
.packages-list
  .package-item
  .cards-slider-block
  .cards-slider
  .slick-dots
  li
  button:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #ebecef;
  border-radius: 50%;
  opacity: 1;
}
.packages-list
  .package-item
  .cards-slider-block
  .cards-slider
  .slick-dots
  li.slick-active
  button:before {
  background-color: #97a4b1;
}
.packages-list .package-item .package-description {
  width: calc(100% - 338px);
  display: none;
}
.packages-list .package-item .cards-slider-block + .package-description {
  display: block;
}
.packages-list .package-item .package-description .title {
  font-size: 24px;
  line-height: 30px;
  min-height: 30px;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.packages-list .package-item .package-description .title a {
  font-size: 24px;
  line-height: 30px;
  height: 30px;
  color: #212225;
  font-family: "futurademic", sans-serif;
  text-decoration: none;
}
.packages-list .package-item .package-description .title span {
  height: 24px;
  border-radius: 25.5px;
  background-color: #c5ccd4;
  display: inline-block;
  font-size: 11px;
  line-height: 24px;
  padding: 0 16px;
  color: #ffffff;
  font-family: "futurabookc", sans-serif;
  margin-left: 10px;
  vertical-align: top;
  margin-top: 3px;
}
.packages-list .package-item .package-description .description {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
  margin-bottom: 14px;
}
.packages-list .package-item .package-description .features {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.packages-list .package-item .package-description .features .feature {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50%;
  padding-right: 16px;
  margin-bottom: 16px;
}
.packages-list .package-item .package-description .features .feature .icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border: dashed 1px #b9c1cc;
}
.packages-list .package-item .package-description .features .feature .text {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
  width: calc(100% - 58px);
}
.packages-list .package-item .package-description .package-btns {
  display: flex;
  flex-wrap: wrap;
}
.packages-list .package-item .package-description .package-btns .read_more {
  min-width: 127px;
}
.packages-list .package-item .package-description .package-btns a {
  margin-right: 16px;
  margin-top: 5px;
}
.packages-list .package-item .package-description .package-btns a:last-child {
  margin-left: 0;
}
.packages-list .package-item .package-description .package-btns .compare-btn {
  position: relative;
  padding-left: 61px;
  min-width: 230px;
}
.packages-list
  .package-item
  .package-description
  .package-btns
  .compare-btn
  .add {
  display: inline;
}
.packages-list
  .package-item
  .package-description
  .package-btns
  .compare-btn
  .remove {
  display: none;
}
.packages-list
  .package-item
  .package-description
  .package-btns
  .compare-btn:before {
  content: "";
  width: 24px;
  height: 24px;
  background: url("/img/add_to_compoarsion.svg") center no-repeat;
  position: absolute;
  top: 50%;
  left: 22px;
  margin-top: -12px;
}
.packages-list
  .package-item
  .package-description
  .package-btns
  .compare-btn.active:before {
  content: "";
  background: url("/img/remove_from_compoarsion.svg") center no-repeat;
}
.packages-list
  .package-item
  .package-description
  .package-btns
  .compare-btn.active
  .add {
  display: none;
}
.packages-list
  .package-item
  .package-description
  .package-btns
  .compare-btn.active
  .remove {
  display: inline;
}
/* .comparison-credit-cards */
.comparison-credit-cards-section__wrapper {
  width: 100%;
  padding: 46px 32px 50px 41px;
  margin-bottom: 54px;
  margin-top: 54px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f9fbfd;
}
.comparison-credit-cards-section__wrapper-left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 25px;
}
.comparison-credit-cards-section__img {
  width: 72px;
  height: auto;
  margin-right: 32px;
  object-fit: contain;
}
.comparison-credit-cards-section__img_white {
  display: none;
}
.comparison-credit-cards-section__description div {
  font-family: "futurabookc", sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #637282;
}
.comparison-credit-cards-section__btn {
  position: relative;
  height: 40px;
  min-width: 222px;
  border-radius: 4px;
  display: inline-block;
  padding: 6px 25px;

  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;

  border: none;
  transition:
    color 0.5s ease,
    background-color 0.5s ease;
  background-color: #fce610;
  white-space: nowrap;
}
.comparison-credit-cards-section__btn:hover {
  background-color: #000;
  color: #fff;
}
/* .comparison-credit-cards dark*/
body.dark-theme .comparison-credit-cards-section__wrapper {
  background-color: #1c1c1c;
}
body.dark-theme .comparison-credit-cards-section__description div {
  color: #f9fbfd;
}
body.dark-theme .comparison-credit-cards-section__img {
  display: none;
}
body.dark-theme .comparison-credit-cards-section__img_white {
  display: block;
}
/* modal_cc */
.comparison-credit-cards-modal-po__wrapper {
  max-width: 960px;
  margin: 0 auto;
}
/* grids */
.comparison-credit-cards-modal-po .container-po {
  max-width: 960px;
  margin: 0 auto;
}
.comparison-credit-cards-modal-po .container-po__row {
  display: flex;
  max-width: 960px;
}
.comparison-credit-cards-modal-po .container-po__col {
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.comparison-credit-cards-modal-po .container-po__wrap-left {
  width: 30%;
  /* padding-right: 25px; */
}
.comparison-credit-cards-modal-po .container-po__wrap-right {
  width: 70%;
  display: flex;
  /* justify-content: flex-end; */
}
.comparison-credit-cards-modal-po .container-po__wrap-right .container-po__col {
  margin-right: 25px;
}
.comparison-credit-cards-modal-po
  .container-po__wrap-right
  .container-po__col:last-child {
  margin-right: 0;
}

.comparison-credit-cards-modal-po.opened {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.comparison-credit-cards-modal-po__btn {
  position: absolute;
  right: 73px;
  top: 48px;

  width: 20px;
  height: 20px;
  border: none;
  background: none;
  opacity: 0.5;
  transition: opacity 0.5s ease;
}
.comparison-credit-cards-modal-po__btn:hover {
  opacity: 1;
}
.comparison-credit-cards-modal-po__btn::before,
.comparison-credit-cards-modal-po__btn::after {
  position: absolute;
  display: block;
  left: calc(17px / 2);
  top: 0;
  content: "";
  height: 24px;
  width: 2px;
  background-color: #212225;
}
.comparison-credit-cards-modal-po__btn:before {
  transform: rotate(45deg);
}
.comparison-credit-cards-modal-po__btn:after {
  transform: rotate(-45deg);
}
.comparison-credit-cards-modal-po__container-po {
  display: flex;
  /* justify-content: space-between; */
}

.comparison-credit-cards-modal-po .block-left {
  margin-right: 24px;
  padding-top: 50px;
}

.comparison-credit-cards-modal-po .block-left__title {
  max-width: 222px;
  margin-bottom: 115px;
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  color: #212225;
}

.comparison-credit-cards-modal-po .block-left__caption {
  max-width: 222px;
  margin-bottom: 41px;
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: #212225;
}

.comparison-credit-cards-modal-po .block-right {
  display: flex;
  flex-direction: column;
}
/* ccb */
.comparison-credit-cards-modal-po .credit-cards {
  /* width: 960px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 24px;
  overflow-x: auto;
}

.comparison-credit-cards-modal-po .credit-cards__top-wrap {
  padding: 10px 30px 25px 30px;
  background-color: #e6e7e9;
  text-align: center;
}

.comparison-credit-cards-modal-po .credit-cards__bottom-wrap {
  padding: 28px 16px 50px 16px;
  background-color: #fff;
}

.comparison-credit-cards-modal-po .credit-cards__item {
  width: 222px;
  margin-right: 25px;
  border-radius: 16px;
  overflow: hidden;
}

.comparison-credit-cards-modal-po .credit-cards__item:last-child {
  margin-right: 0;
}

.comparison-credit-cards-modal-po .credit-cards__title {
  margin-bottom: 23px;
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: #212225;
}

.comparison-credit-cards-modal-po .credit-cards__img-wrap {
  position: relative;
  margin-bottom: 30px;
}

.comparison-credit-cards-modal-po .credit-cards__img-wrap::before {
  content: "";
  position: absolute;
  left: -14px;
  top: -14px;
  width: 163px;
  height: 103px;
  background-color: #dfdfdf;
  border-radius: 5px;
  z-index: 1;
}

.comparison-credit-cards-modal-po .credit-cards__img-wrap::after {
  content: "";
  position: absolute;
  right: -14px;
  bottom: -7.5px;
  width: 163px;
  height: 103px;
  background-color: #c3c5c9;
  border-radius: 5px;
  z-index: 1;
}

.comparison-credit-cards-modal-po .credit-cards__img {
  position: relative;
  width: 163px;
  height: auto;
  /* margin-bottom: 30px; */
  border-radius: 5px;
  z-index: 2;
}

.comparison-credit-cards-modal-po .credit-cards .text {
  min-height: 70px;
  margin-bottom: 32px;
  position: relative;
}

.comparison-credit-cards-modal-po .credit-cards .text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #212225;
  opacity: 0.05;
}

.comparison-credit-cards-modal-po .credit-cards .text__title {
  margin-bottom: 12px;
  font-family: "futurademic", sans-serif;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: #212225;
}

.comparison-credit-cards-modal-po .credit-cards .text__description {
  font-family: "futurademic", sans-serif;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: #ffffff;
}

.comparison-credit-cards-modal-po .credit-cards .text__additionally {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: rgba(255, 255, 255, 0.5);
}

.comparison-credit-cards-modal-po .credit-cards__btn {
  display: inline-block;
  height: 40px;
  min-width: 100px;
  width: calc(100% + 28px);
  transform: translateX(-14px);
  padding: 10px 30px;
  border-radius: 4px;
  border: unset;
  text-decoration: none;
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  background-color: #ffef00;
  -webkit-transition:
    background-color 0.5s ease,
    color 0.5s ease;
  transition:
    background-color 0.5s ease,
    color 0.5s ease;
}

.comparison-credit-cards-modal-po .credit-cards__btn:hover {
  color: #fff;
  background-color: #000;
}
/* ccb */
.comparison-credit-cards-modal-po .additionally {
  background-color: #fff;
  text-align: center;
}
.comparison-credit-cards-modal-po .additionally__caption {
  min-height: 70px;
  position: relative;
  font-family: "futurademic", sans-serif;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: center;
  color: #212225;
}

.comparison-credit-cards-modal-po .additionally__caption::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #212225;
  opacity: 0.05;
}

.comparison-credit-cards-modal-po .info {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 56px;
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
}
.compare-block-section {
  margin-bottom: 65px;
}
.compare-block-section .compare-block {
  background-color: #f9fbfd;
  padding: 36px 32px;
  display: flex;
  align-items: center;
}
.compare-block-section .compare-block .icon {
  width: 72px;
  height: 72px;
  margin-right: 32px;
}
.compare-block-section .compare-block .text {
  font-size: 16px;
  line-height: 1.33;
  color: #637282;
  width: 50%;
  margin-right: auto;
}
.how-to-get-card-section {
  margin-bottom: 120px;
}
.how-to-get-card-section .block {
  background-color: #f9fbfd;
  padding: 36px 32px;
}
.how-to-get-card-section .title {
  font-size: 32px;
  line-height: 1.19;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 16px;
}
.how-to-get-card-section .description {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
  max-width: 530px;
  margin-bottom: 24px;
}
.how-to-get-card-section .link-btn {
  margin-bottom: 24px;
}
.how-to-get-card-section .link-btn .btn {
  margin-right: 30px;
  width: 160px;
}
.how-to-get-card-section .link-btn .link {
  font-size: 16px;
  line-height: 2.14;
  color: #4879de;
}
.how-to-get-card-section .hint {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
  max-width: 530px;
  position: relative;
  padding-left: 25px;
}
.how-to-get-card-section .hint:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("/img/rectangle-2.svg") 0 0 no-repeat;
  width: 16px;
  height: 16px;
}
.acquiring-section {
  margin-bottom: 100px;
}
.acquiring-section .title {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.acquiring-section .acquiring-links {
  display: flex;
  justify-content: space-between;
}
.acquiring-section .acquiring-links .link {
  /*width: calc(50% - 8px);
    max-width: 504px;*/
  width: calc(33.33% - 10px);
  max-width: 330px;
  height: 178px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  line-height: 1.33;
  text-align: center;
  color: #ffffff;
  font-family: "futurademic", sans-serif;
  text-decoration: none;
  padding: 0 24px;
  background-size: cover !important;
  position: relative;
  overflow: hidden;
}
.acquiring-section .acquiring-links .link:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  z-index: 1;
}
.acquiring-section .acquiring-links .link span {
  position: relative;
  z-index: 3;
}
.acquiring-section.three-blocks .acquiring-links .link {
  width: calc(33.33% - 10px);
  max-width: 330px;
}
.why-raiffeisen-section {
  margin-bottom: 120px;
}
.why-raiffeisen-section .title {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 5px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.why-raiffeisen-section .description {
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 48px;
  text-align: center;
  color: #637282;
}
.why-raiffeisen-section .bank-features {
  display: flex;
  justify-content: space-between;
}
.why-raiffeisen-section .bank-features .feature {
  width: calc(25% - 10px);
}
.why-raiffeisen-section .bank-features .feature .icon {
  text-align: center;
  margin-bottom: 16px;
  height: 72px;
}
.why-raiffeisen-section .bank-features .feature .icon img {
  max-height: 72px;
}
.why-raiffeisen-section .bank-features .feature .text {
}
.why-raiffeisen-section .bank-features .feature .text .feature-title {
  font-size: 16px;
  line-height: 1.38;
  text-align: center;
  color: #212225;
  margin-bottom: 5px;
  font-family: "futurademic", sans-serif;
}
.why-raiffeisen-section .bank-features .feature .text .feature-description {
  font-size: 14px;
  line-height: 1.14;
  text-align: center;
  color: #637282;
}
.banner-section {
  margin-bottom: 60px;
}
.banner-section .banner {
  min-height: 320px;
  padding: 48px 110px;
  background: red;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.banner-section .banner .title {
  font-size: 32px;
  line-height: 1.1;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #000;
  margin-bottom: 16px;
  max-width: 100%;
}
.banner-section .banner .description {
  font-size: 16px;
  line-height: 1.38;
  text-align: center;
  color: #000;
  margin-bottom: 24px;
  max-width: 600px;
}
.banner-section .banner .btn-block {
  text-align: center;
}
.banner-section .banner .btn-block .btn {
  min-width: 160px;
}
.faq-section {
  padding: 64px 0 76px;
  margin-top: 56px;
  background-color: #f9fbfd;
}
.faq-section.white-bg {
  background: #fff;
}
.faq-section .title {
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
  max-width: 800px;
  margin-bottom: 16px;
}
.faq-section .description {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
  margin-bottom: 52px;
}
.faq-section .faq-list {
  width: 100%;
  margin: 0 auto;
}
.faq-section .faq-list .faq-item {
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.1);
  padding: 20px 24px;
  padding-right: 40px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-bottom: 16px;
}
.faq-section .faq-list .faq-item:last-child {
  margin-bottom: 0;
}
.faq-section .faq-list .faq-item .faq-question {
  font-size: 18px;
  line-height: 1.33;
  color: #212225;
  position: relative;
  cursor: pointer;
}
.faq-section .faq-list .faq-item .faq-question:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -25px;
  margin-top: -7px;
  width: 24px;
  height: 14px;
  background: url(/img/arrow-faq.svg) center no-repeat;
  background-size: contain;
  transform: rotate(-90deg);
  opacity: 0.5;
}
.faq-section .faq-list .faq-item.open .faq-question:after {
  transform: rotate(0deg);
  opacity: 1;
}
.faq-section .faq-list .faq-item .faq-answer {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.faq-section .faq-list .faq-item .faq-answer > *:first-child {
  padding-top: 30px;
}
.faq-section .faq-list .faq-item .faq-answer p {
  font-family: "futurabookc", sans-serif;
  font-size: 18px;
  line-height: 1.78;
  letter-spacing: normal;
  color: #212225;
}
.faq-section .faq-list .faq-item .faq-answer .documents-block {
  margin-bottom: 25px;
}
.faq-section .faq-list .faq-item .faq-answer .documents-block .title {
  font-size: 18px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 20px;
}
.faq-section .faq-list .faq-item .faq-answer .download-block {
  margin-bottom: 10px;
}
.faq-section .faq-list .faq-item .faq-answer .download-block > div {
  color: #212225;
  font-family: "futurademic", sans-serif;
  line-height: 24px;
  font-weight: 700;
  margin: 35px 0 11px;
}
.faq-section .faq-list .faq-item .faq-answer .download-block > div:first-child {
  margin-top: 16px;
}
.faq-section .faq-list .faq-item .faq-answer .download-block .download-file {
  display: inline-flex;
  text-decoration: none;
  max-width: 700px;
  margin-bottom: 10px;
}
.faq-section
  .faq-list
  .faq-item
  .faq-answer
  .download-block
  .download-file
  .icon {
  width: 40px;
  height: 40px;
  text-align: center;
  margin-right: 32px;
  margin-left: 6px;
  position: relative;
}
.faq-section
  .faq-list
  .faq-item
  .faq-answer
  .download-block
  .download-file
  .icon:after {
  content: attr(data-ext);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #637282;
  text-transform: uppercase;
  font-size: 8px;
  font-family: "futurademic", sans-serif;
}
.faq-section
  .faq-list
  .faq-item
  .faq-answer
  .download-block
  .download-file
  .icon
  span {
  font-size: 14px;
  text-align: center;
  color: #637282;
}
.faq-section
  .faq-list
  .faq-item
  .faq-answer
  .download-block
  .download-file
  .text {
  font-size: 18px;
  line-height: 1.33;
  display: flex;
  align-items: center;
  color: #637282;
  font-family: "futurademic", sans-serif;
  max-width: calc(100% - 72px);
}
.faq-section .faq-list .faq-item .faq-answer ul {
  margin-bottom: 20px;
}
.faq-section .faq-list .faq-item .faq-answer ul li {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 10px;
  padding-left: 30px;
  color: #637282;
  position: relative;
}
.faq-section .faq-list .faq-item .faq-answer ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 20px;
  height: 1px;
  background: #27282d;
}
.faq-section .faq-list .faq-item .faq-answer ol {
  margin-bottom: 20px;
  list-style-type: decimal;
  padding-left: 20px;
}
.faq-section .faq-list .faq-item .faq-answer ol li {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 10px;
  padding-left: 10px;
  color: #637282;
  position: relative;
}
.faq-section .faq-list .faq-item.open {
  background: #fff;
}
.faq-section .faq-list .faq-item.open .faq-answer {
  max-height: 2400px;
}
.helpful-page-section {
  padding: 88px 0;
}
.helpful-page-section .helpful-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.helpful-page-section .text {
  font-size: 18px;
  color: #637282;
  margin-right: 40px;
}
.helpful-page-section .btns {
  margin-right: 64px;
}
.helpful-page-section .btns .btn:first-child {
  margin-right: 12px;
}
.helpful-page-section .share {
  font-size: 18px;
  color: #637282;
  display: flex;
}
.helpful-page-section .share .fb {
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: block;
  background: url("/img/fb-icon.svg") 0 0 no-repeat;
  margin-left: 24px;
}
.helpful-page-section .share .tw {
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: block;
  background: url("/img/tw-icon.svg") 0 0 no-repeat;
  margin-left: 16px;
}
.helpful-page-section .yes-answer {
  display: none;
  height: 72px;
  font-size: 18px;
  line-height: 72px;
  color: #637282;
  padding-left: 90px;
  background: url("/img/sharik.svg") left center no-repeat;
  margin: 0 auto;
  max-width: 500px;
}
.helpful-page-section .no-answer {
  display: none;
}
.helpful-page-section .no-answer form {
  max-width: 560px;
  margin: 0 auto;
}
.helpful-page-section .no-answer form label {
  font-size: 16px;
  display: block;
  color: #424242;
  margin-bottom: 6px;
  font-family: "futurademic", sans-serif;
}
.helpful-page-section .no-answer form textarea {
  border-radius: 4px;
  width: 100%;
  border: 1px solid #97a4b1;
  padding: 16px;
  font-size: 16px;
  line-height: 16px;
  color: #767676;
  height: 104px;
  resize: none;
  margin-bottom: 16px;
}
.helpful-page-section .no-answer form textarea.error {
  border: 1px solid red;
}
.helpful-page-section .no-answer form label.error {
  color: #ed4337;
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: -10px;
}
.news-section {
  padding-top: 57px;
  padding-bottom: 74px;
}
.news-section .title {
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
  margin-bottom: 36px;
}
.news-section .title a {
  color: #212225;
}
.news-section .news-slider {
  margin-bottom: 0;
}
.news-section .news-slider .slick-prev,
.news-section .news-slider .slick-next {
  width: 32px;
  height: 32px;
  border: solid 1px #d6d8e2;
  border-radius: 50%;
  margin-top: -35px;
}
.news-section .news-slider .slick-prev {
  left: -35px;
}
.news-section .news-slider .slick-prev:before {
  content: "";
  background: url(/img/rectangle-16-copy.svg) center no-repeat;
  width: 10px;
  height: 12px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
}
.news-section .news-slider .slick-next {
  right: -35px;
}
.news-section .news-slider .slick-next:before {
  content: "";
  background: url(/img/rectangle-16-copy.svg) center no-repeat;
  width: 10px;
  height: 12px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.news-section .news-slider .slick-slide > div {
  display: flex;
  margin-bottom: 40px;
}
.news-section .news-slider .news-item {
  height: 240px;
  position: relative;
  display: block;
  text-decoration: none;
  border-radius: 4px;
  border: solid 1px #e8e9ed;
  margin: 0 8px;
  margin-bottom: 40px;
}
.news-section .news-slider .news-item:hover {
  box-shadow: 0 21px 20px 0 rgba(0, 0, 0, 0.2);
}
.news-section .news-slider .news-item .news-image {
  border-radius: 4px;
  overflow: hidden;
  height: 240px;
  display: none;
  position: relative;
}
.news-section .news-slider .news-item:hover .news-image {
  display: block;
}
.news-section .news-slider .news-item .news-image img {
  min-height: 240px;
}
.news-section .news-slider .news-item .news-title {
  font-size: 18px;
  line-height: 1.33;
  position: absolute;
  top: 24px;
  left: 24px;
  right: 24px;
  color: #637282;
  z-index: 3;
}
.news-section .news-slider .news-item:hover .news-title {
  /*color: #ffffff;*/
  color: #637282;
}
.news-section .news-slider .news-item .news-date {
  font-size: 14px;
  line-height: 18px;
  color: #637282;
  position: absolute;
  bottom: 24px;
  left: 24px;
  background: url("/img/news-icon1.svg") 0 0 no-repeat;
  z-index: 3;
  padding-left: 20px;
}
.news-section .news-slider .news-item:hover .news-date {
  /*color: #ffffff;
    background: url("/img/news-icon2.svg") 0 0 no-repeat;*/
  color: #637282;
}
.news-section .news-slider .news-item .news-link {
  position: absolute;
  bottom: 24px;
  right: 24px;
  color: #637282;
  background: url("/img/rectangle-15-black.svg") center right no-repeat;
  z-index: 3;
  font-size: 14px;
  display: none;
  padding-right: 20px;
}
.news-section .news-slider .news-item:hover .news-link {
  display: block;
}
.product-page {
  padding-top: 140px;
}
.product-page .product-page {
  padding-top: 0;
}
.product-page .back-to {
  font-size: 18px;
  line-height: 1.78;
  color: #637282;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 24px;
  background: url("/img/group-2.svg") 0 0 no-repeat;
  padding-left: 30px;
}
.product-page .title-package {
  font-size: 40px;
  line-height: 1.2;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.product-page .description-package {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
  padding-bottom: 20px;
  border-bottom: solid 2px #e0e6ed;
}
.product-page .description-package.no-border {
  border: none;
}
.product-page .package-select {
  margin-top: 20px;
}
.product-page .package-select .label {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  color: #424242;
  margin-bottom: 5px;
}
.product-page .package-select select {
  height: 48px;
  border-radius: 3px;
  background-color: rgba(216, 216, 216, 0);
  border: solid 1px #767676;
  font-size: 18px;
  color: #212225;
  padding: 0 20px;
  line-height: 46px;
  min-width: 300px;
}
.main-features-section {
  padding-top: 60px;
  padding-bottom: 12px;
}
.main-features-section .title {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 60px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.main-features-section .main-features-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}
.main-features-section .main-features-list .feature {
  width: calc(33.33% - 32px);
  margin: 0 16px;
  margin-bottom: 32px;
  padding: 24px;
  border-radius: 4px;
  background-color: #ffffff;
  /*border: solid 1px #d0d4d9;*/
}
.main-features-section .main-features-list .feature .feature-icon {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-features-section .main-features-list .feature .feature-icon img {
  max-width: 100%;
}
.main-features-section .main-features-list .feature .feature-title {
  font-size: 18px;
  line-height: 1.33;
  color: #212225;
  margin-bottom: 10px;
  font-family: "futurademic", sans-serif;
}
.main-features-section .main-features-list .feature .feature-description {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
}
.tariff-section {
  padding-top: 50px;
  padding-bottom: 100px;
}
.tariff-section .title,
.tariff-section h2 {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 60px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.tariff-section table {
  width: 100%;
}
.tariff-section table tr {
}
.tariff-section table tr td {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
  border-bottom: solid 1px #e0e6ed;
  padding: 17px 10px;
  vertical-align: top;
}
.tariff-section table tr td:first-child {
  border-bottom: none;
  color: #212225;
  font-family: "futurademic", sans-serif;
  width: 220px;
}
.tariff-section table.no-bold tr td:first-child {
  font-family: "futurabookc", sans-serif;
}
.tariff-section .buttons-container {
  padding-top: 30px;
  text-align: right;
}
.tariff-section .buttons-container .btn {
  margin-left: 20px;
}
.tariff-section .detail-info-block {
  margin-top: 40px;
  text-align: center;
}
.tariff-section .detail-info-block span {
  font-size: 15px;
  line-height: 1.6;
  color: #000000;
  display: inline-block;
  margin-right: 20px;
}
.tariff-section .download-block {
  margin-top: 40px;
  padding-top: 40px;
  border-top: solid 2px #e0e6ed;
}
.tariff-section .download-block .download-file {
  display: inline-flex;
  text-decoration: none;
  align-items: center;
  margin-bottom: 30px;
  max-width: 700px;
}
.tariff-section .download-block .download-file .icon {
  width: 42px;
  text-align: center;
  margin-right: 32px;
  position: relative;
}
.tariff-section .download-block .download-file .icon:after {
  content: attr(data-ext);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #637282;
  text-transform: uppercase;
  font-size: 8px;
  font-family: "futurademic", sans-serif;
}
.tariff-section .download-block .download-file .icon span {
  font-size: 14px;
  text-align: center;
  color: #637282;
}
.tariff-section .download-block .download-file .text {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
  font-family: "futurademic", sans-serif;
}
.additional-card-section {
  margin-bottom: 100px;
}
.additional-card-section .additional-card-block {
  border-radius: 4px;
  background-color: #f9fbfd;
  padding: 40px;
}
.additional-card-section .additional-card-block .title {
  font-size: 24px;
  line-height: 1.33;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.additional-card-section .additional-card-block .additional-card {
  display: flex;
  align-items: center;
}
.additional-card-section .additional-card-block .additional-card .image {
  width: 300px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 7px 24px 0 rgba(63, 76, 103, 0.5);
}
.additional-card-section .additional-card-block .additional-card .image img {
  width: 100%;
  display: block;
}
.additional-card-section .additional-card-block .additional-card .description {
  width: calc(100% - 300px);
  padding-left: 50px;
}
.additional-card-section
  .additional-card-block
  .additional-card
  .description
  .text {
  font-size: 18px;
  line-height: 1.33;
  color: #212225;
  margin-bottom: 24px;
}
.additional-card-section
  .additional-card-block
  .additional-card
  .description
  .button
  .btn {
  min-width: 160px;
}
.loan-catalog-section {
  padding: 60px 0;
}
.loan-catalog-section .block-title {
  font-size: 48px;
  line-height: 1;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 20px;
}
.loan-catalog-section .block-description {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #637282;
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 64px;
}
.loan-catalog-section .loan-item {
  padding: 32px 40px;
  border-radius: 3px;
  margin-bottom: 24px;
}
.loan-catalog-section .loan-item .title {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  color: #f9fbfd;
  margin-bottom: 10px;
}
.loan-catalog-section .loan-item .description {
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  height: 44px;
  margin-bottom: 50px;
}
.loan-catalog-section .loan-item .bottom {
  border-top: solid 2px #97a4b1;
  padding-top: 32px;
  display: flex;
  justify-content: space-between;
}
.loan-catalog-section .loan-item .loan-features {
  display: flex;
  max-width: calc(100% - 160px);
}
.loan-catalog-section .loan-item .loan-features .feature {
  margin-right: 30px;
}
.loan-catalog-section .loan-item .loan-features .feature .f-title,
.loan-catalog-section .loan-item .loan-features .feature .feature-title {
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  margin-bottom: 6px;
}
.loan-catalog-section .loan-item .loan-features .feature .f-description,
.loan-catalog-section .loan-item .loan-features .feature .feature-description {
  font-size: 18px;
  line-height: 1.33;
  color: #ffffff;
}
.loan-catalog-section .loan-item .bottom .btn {
  margin-left: auto;
}
.loan-catalog-section .loan-item .bottom div .btn:last-child {
  margin-left: 20px;
}
.loan-catalog-section.factoring-catalog-section .btn {
  margin-left: 20px;
}
.loan-catalog-section.factoring-catalog-section h2 {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 60px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.loan-catalog-section.factoring-catalog-section.deposit-corp-section h2 {
  margin-bottom: 8px;
}
.loan-catalog-section.factoring-catalog-section.deposit-corp-section h3 {
  font-size: 16px;
  line-height: 1.1;
  text-align: center;
  color: #637282;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 40px;
  font-weight: 300;
}
.raiffeisen-pay-page {
  padding-top: 140px;
}
.raiffeisen-pay-page .back-to {
  font-size: 18px;
  line-height: 1.78;
  color: #637282;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 24px;
  background: url("/img/group-2.svg") 0 0 no-repeat;
  padding-left: 30px;
}
.raiffeisen-pay-intro {
  display: flex;
  align-items: center;
  margin-bottom: 140px;
}
.raiffeisen-pay-intro .text {
  width: 50%;
}
.raiffeisen-pay-intro .text .title {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.6px;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 24px;
}
.raiffeisen-pay-intro .text .description {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #637282;
  margin-bottom: 24px;
}
.raiffeisen-pay-intro .image {
  width: 50%;
  text-align: center;
}
.raiffeisen-pay-intro .image img {
  max-width: 100%;
}
.instruction-section {
  background-color: #f9fbfd;
  padding: 64px 0;
}
.instruction-section .block-title {
  font-size: 40px;
  font-family: "futurademic", sans-serif;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  margin-bottom: 64px;
}
.instruction-section .list {
  display: flex;
  justify-content: center;
}
.instruction-section .list .item {
  width: 300px;
}
.instruction-section .list .item .title {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #212225;
  margin-bottom: 40px;
}
.instruction-section .list .item .icon {
  text-align: center;
  margin-bottom: 40px;
}
.instruction-section .list .item .description {
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  color: #637282;
  padding: 0 20px;
}
.instruction-section .list .item .description a {
  color: #637282;
}
.raiffeisen-pay-features-section {
  padding: 80px 0;
}
.raiffeisen-pay-features-section .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.raiffeisen-pay-features-section .container .features-block {
  width: calc((100% - 377px) / 2);
  cursor: pointer;
}
.raiffeisen-pay-features-section
  .container
  .features-block
  .feature-item:first-child {
  margin-bottom: 60px;
}
.raiffeisen-pay-features-section
  .container
  .features-block
  .feature-item
  .title {
  font-size: 24px;
  font-family: "futurademic", sans-serif;
  color: #637282;
  margin-bottom: 20px;
  position: relative;
}
.raiffeisen-pay-features-section
  .container
  .features-block
  .feature-item
  .description {
  font-size: 16px;
  line-height: 1.38;
  color: #637282;
}
.raiffeisen-pay-features-section
  .container
  .features-block
  .feature-item.active
  .title {
  color: #212225;
}
.raiffeisen-pay-features-section
  .container
  .features-block
  .feature-item.active
  .title:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 160px;
  background-color: #fce610;
  height: 4px;
}
.raiffeisen-pay-features-section
  .container
  .features-block
  .feature-item.active
  .description {
  color: #212225;
}
.raiffeisen-pay-features-section .container .slider-block {
  width: 277px;
  height: 480px;
  margin-bottom: 0;
  background: url("/img/raiffeisen-pay-features-slider.png") center no-repeat;
  background-size: 277px;
}
.raiffeisen-pay-features-section
  .container
  .slider-block
  .raiffeisen-pay-features-slider {
  width: 200px;
  height: 390px;
  margin: 0 auto;
  margin-top: 26px;
}
.raiffeisen-pay-features-section
  .container
  .slider-block
  .raiffeisen-pay-features-slider
  .slick-slide
  img {
  width: 100%;
}
.raiffeisen-pay-features-slider .slick-dots {
  bottom: -60px;
}
.raiffeisen-pay-features-slider .slick-dots li {
  width: 8px;
  height: 8px;
}
.raiffeisen-pay-features-slider .slick-dots li button {
  width: 8px;
  height: 8px;
  border: solid 2px #e0e6ed;
  border-radius: 50%;
  padding: 0;
}
.raiffeisen-pay-features-slider .slick-dots li button:before {
  display: none !important;
}
.raiffeisen-pay-features-slider .slick-dots li.slick-active button {
  border: solid 2px #fce610;
  background: #fce610;
}
.raiffeisen-pay-features-slider .slick-prev,
.raiffeisen-pay-features-slider .slick-next {
  display: none !important;
}
.video-section {
  text-align: center;
  padding: 64px 0;
}
.video-section h2 {
  font-size: 40px;
  line-height: 1.2;
  color: #212225;
  font-family: "futurademic", sans-serif;
  text-align: center;
  margin-bottom: 40px;
}
.video-section .video-block {
  border-radius: 10px;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.5);
  overflow: hidden;
  width: 854px;
  height: 480px;
  margin: 0 auto;
  margin-bottom: 64px;
}
.video-section .video-block iframe {
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.video-section .title {
  font-size: 40px;
  line-height: 1.1;
  margin-bottom: 40px;
  text-align: center;
  font-family: "futurademic", sans-serif;
  color: #212225;
}
.video-section a {
  text-decoration: none;
  margin: 0 20px;
  display: inline-block;
}
.video-section .copyrights {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
  margin-top: 30px;
  text-align: left;
}
.video-section .help-text {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
  margin-bottom: 30px;
  text-align: center;
}
.insurance-borrower-page {
  padding-top: 140px;
}
.insurance-borrower-page .back-to {
  font-size: 18px;
  line-height: 1.78;
  color: #637282;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 24px;
  background: url("/img/group-2.svg") 0 0 no-repeat;
  padding-left: 30px;
}
.insurance-borrower-intro {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.insurance-borrower-intro .text {
  width: 50%;
}
.insurance-borrower-intro .text .title {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.6px;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 24px;
}
.insurance-borrower-intro .text .description {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #637282;
}
.insurance-companies-section {
  padding: 64px 0;
  background-color: #f9fbfd;
}
.insurance-companies-section .block-title {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 8px;
}
.insurance-companies-section .block-description {
  font-size: 24px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  max-width: 650px;
  margin: 0 auto;
  margin-bottom: 64px;
}
.insurance-companies-section .companies-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px;
}
.insurance-companies-section .companies-list .company {
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #97a4b1;
  padding: 24px;
  width: calc(50% - 24px);
  margin: 0 12px;
  margin-bottom: 24px;
}
.insurance-companies-section .companies-list .company .logo {
  text-align: center;
  margin-bottom: 24px;
  height: 106px;
}
.insurance-companies-section .companies-list .company .logo img {
  max-height: 100%;
}
.insurance-companies-section .companies-list .company .title {
  margin-bottom: 16px;
}
.insurance-companies-section .companies-list .company .title a {
  font-size: 24px;
  line-height: 1.33;
  color: #212225;
}
.insurance-companies-section .companies-list .company .address {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
  margin-bottom: 8px;
}
.insurance-companies-section .companies-list .company .phones {
  margin-bottom: 16px;
}
.insurance-companies-section .companies-list .company .phones .phone {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
  padding-left: 25px;
  background: url(/img/phone-icon.svg) left center no-repeat;
}
.insurance-companies-section .companies-list .company .insurance-type {
}
.insurance-companies-section .companies-list .company .insurance-type .title {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  line-height: 1.13;
  color: #637282;
}
.insurance-companies-section .companies-list .company .insurance-type ul {
}
.insurance-companies-section .companies-list .company .insurance-type ul li {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
}
.important-information-section {
  padding: 64px 0;
}
.important-information-section .important-information-block {
  border-top: solid 2px #e0e6ed;
  border-bottom: solid 2px #e0e6ed;
  padding: 24px 0;
  display: flex;
  align-items: center;
}
.important-information-section .important-information-block .image {
  width: 250px;
  text-align: center;
}
.important-information-section .important-information-block .text {
  width: calc(100% - 250px);
  padding-right: 100px;
}
.important-information-section .important-information-block .text .alert {
  font-size: 18px;
  line-height: 1.33;
  color: #212225;
  margin-bottom: 8px;
}
.important-information-section .important-information-block .text .description {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
  margin-bottom: 8px;
}
.important-information-section .important-information-block .text .phone {
  font-size: 24px;
  line-height: 1.33;
  color: #637282;
  font-family: "futurademic", sans-serif;
}
.important-information-section .important-information-block .text .phone span {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
  font-family: "futurabookc", sans-serif;
}
.important-information-section hr {
  display: block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 2px solid #e0e6ed;
  padding: 0;
}
.important-information-section table {
}
.important-information-section table tr {
}
.important-information-section table tr td {
  padding: 24px 0;
}
.important-information-section table tr td:first-child {
  padding: 24px 50px;
}
.important-information-section table tr td p {
  margin-bottom: 8px;
}
.loan-repayment-page {
  padding-top: 140px;
}
.loan-repayment-page .back-to {
  font-size: 18px;
  line-height: 1.78;
  color: #637282;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 24px;
  background: url("/img/group-2.svg") 0 0 no-repeat;
  padding-left: 30px;
}
.loan-repayment-intro {
  display: flex;
  align-items: center;
  margin-bottom: 76px;
}
.loan-repayment-intro .text {
  width: 50%;
}
.loan-repayment-intro .text .title {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.6px;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 24px;
}
.loan-repayment-intro .text .description {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #637282;
}
.repayment-methods-section {
  background-color: #f9fbfd;
  padding: 32px 0;
}
.repayment-methods-section .block-title {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 48px;
  text-align: center;
  color: #212225;
}
.repayment-methods-section .repayment-methods {
  display: flex;
}
.repayment-methods-section .repayment-methods .method {
  width: 25%;
  padding: 0 30px;
}
.repayment-methods-section .repayment-methods .method .icon {
  text-align: center;
  margin-bottom: 8px;
}
.repayment-methods-section .repayment-methods .method .title {
  font-size: 16px;
  line-height: 1.38;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 8px;
}
.repayment-methods-section .repayment-methods .method .description {
  font-size: 14px;
  line-height: 1.1;
  text-align: center;
  color: #637282;
}
.methods-section {
  padding-top: 40px;
}
.methods-section .method-block {
  padding: 40px 0;
  max-width: 960px;
  margin: 0 auto;
}
.methods-section .method-block .title {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 24px;
}
.methods-section .method-block .description {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  max-width: 600px;
  margin: 0 auto 48px;
}
.methods-section .method-block .video {
  border-radius: 10px;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.5);
  overflow: hidden;
  width: 960px;
  height: 540px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.methods-section .method-block .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.methods-section .method-block .site {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
  margin-bottom: 16px;
  max-width: 600px;
}
.open-account-section {
  padding: 80px 0;
  padding-bottom: 20px;
}
.open-account-section .block-title {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
}
.open-account-section .block-description {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #637282;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 70px;
}
.open-account-section .banner {
  min-height: 320px;
  padding: 48px 110px;
  background: red;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  background-size: cover !important;
}
.open-account-section .banner .title {
  font-size: 32px;
  line-height: 1.1;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #ffffff;
  margin-bottom: 16px;
}
.open-account-section .banner .description {
  font-size: 16px;
  line-height: 1.38;
  text-align: center;
  color: #ffffff;
  margin-bottom: 24px;
  max-width: 600px;
}
.open-account-section .banner .btn-block {
  text-align: center;
}
.account-apply-page {
  padding-top: 140px;
}
.account-apply-page .back-to {
  font-size: 18px;
  line-height: 1.78;
  color: #637282;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 24px;
  background: url("/img/group-2.svg") 0 0 no-repeat;
  padding-left: 30px;
}
.account-apply-page .title {
  font-size: 40px;
  line-height: 1.2;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 24px;
}
.account-apply-page .description {
  margin-bottom: 32px;
}
.account-apply-page .description p {
  font-size: 16px;
  line-height: 1.5;
  color: #212225;
  margin-bottom: 20px;
}
.how-to-open-account-section {
  padding: 60px 0;
}
.how-to-open-account-section .title,
.how-to-open-account-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  margin-bottom: 40px;
  font-family: "futurademic", sans-serif;
}
.how-to-open-account-section .list {
  display: flex;
  max-width: 900px;
  margin: 0 auto;
}
.how-to-open-account-section .list .item {
  width: 33.333%;
  padding: 0 20px;
}
.how-to-open-account-section .list .item .icon {
  text-align: center;
  margin-bottom: 40px;
}
.how-to-open-account-section .list .item .text {
  font-size: 14px;
  text-align: center;
  color: #637282;
}
.account-apply-form-section {
  position: relative;
  margin-bottom: 70px;
  overflow: hidden;
}
.account-apply-form-section__decoration {
  position: absolute;
  top: 165px;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 830px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  pointer-events: none;
}
.account-apply-form-section__decoration::before {
  content: "";
  display: block;
  padding-top: 59%;
}
.account-apply-form-section .title {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  color: #212225;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding-top: 34px;
  margin-bottom: 16px;
  /* background-color: #f9fbfd; */
}
.account-apply-form-section .description {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  margin-bottom: 112px;
}
.account-apply-form-section .description_center {
  text-align: center;
}
.account-apply-form-section form .top-part-form {
  width: 100%;
  max-width: 550px;
  padding: 40px 40px 48px 40px;
  background-color: #f9fbfd;
  border-radius: 16px;
  margin-bottom: 48px;
}
.account-apply-form-section form .top-part-form .btn {
  display: block;
  margin-left: auto;
  height: 48px;
  padding: 5px 24px;
  font-size: 22px;
  line-height: 1.45;
}
.account-apply-form-section form .bottom-part-form {
  width: 100%;
  max-width: 550px;
  margin: 0 auto;
  background-color: #f9fbfd;
  margin-bottom: 48px;
}
.account-apply-form-section form .bottom-part-form .title {
  font-size: 24px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 32px;
}
.account-apply-form-section form .form-field {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 32px;
  position: relative;
}
.account-apply-form-section form .double-fields {
  display: flex;
  justify-content: space-between;
  /* align-items: flex-end; */
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 32px;
}
.account-apply-form-section form .double-fields.client {
  margin-bottom: 20px;
}
.account-apply-form-section form .double-fields .form-field {
  width: calc(50% - 20px);
  margin: 0;
}
.account-apply-form-section form .form-field label {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  color: #424242;
  display: block;
  margin-bottom: 5px;
}
.account-apply-form-section form .form-field input[type="text"] {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
}
.account-apply-form-section form .form-field input[type="text"].error {
  border-color: #ed4337;
}
.account-apply-form-section form .form-field input[type="text"]:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
}
.account-apply-form-section form .form-field label.error {
  color: #ed4337;
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 5px;
  position: absolute;
}
.account-apply-form-section form .form-field textarea {
  width: 100%;
  height: 98px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 20px;
  padding: 5px 16px;
  background: transparent;
}
.account-apply-form-section form .form-field textarea.error {
  border-color: #ed4337;
}
.account-apply-form-section form .form-field textarea:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
}
.account-apply-form-section form .form-field select {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
}
.account-apply-form-section form .form-field select.disabled {
  opacity: 0.85;
  background-color: #f8f8f8;
  border: solid 1px #e7e7e7;
  pointer-events: none;
}
.account-apply-form-section form .button-part {
  display: flex;
  justify-content: space-between;
}
.account-apply-form-section form .button-part.narrow {
  max-width: 560px;
  margin: 0 auto;
}
.account-apply-form-section form .button-part.narrow .btn {
  width: 160px;
}
.account-apply-form-section form .button-part.narrow .checkbox-block {
  width: calc(100% - 200px);
}
/* custom radios start*/
.account-apply-form-section form .custom-radios .custom-radio {
  display: flex;
  padding: 16px 10px 16px 16px;
  width: 223px;
  min-height: 68px;
  border-radius: 4px;
  background-color: #272727;
  color: #fff;
  cursor: pointer;
}
.account-apply-form-section form .custom-radios__label {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  color: #424242;
  display: block;
  margin-bottom: 14px;
}
.account-apply-form-section form .custom-radios .custom-radio.active {
  background-image: linear-gradient(to top, #ffdc00, #ffed00 6%);
  color: #1c1c1c;
  pointer-events: none;
}
.account-apply-form-section form .custom-radios .text__title {
  display: block;
  font-family: "futurademic", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #63ceca;
  transition: color 0.3s ease;
}
.account-apply-form-section
  form
  .custom-radios
  .custom-radio.active
  .text__title {
  color: #1c1c1c;
}
.account-apply-form-section form .custom-radios .text__caption {
  display: block;
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  transition: color 0.3s ease;
}
.account-apply-form-section form .custom-radios .custom-radio__wrapper {
  margin-right: 8px;
}
.account-apply-form-section form .custom-radios input[type="radio"] {
  display: none;
}
.account-apply-form-section form .custom-radios input[type="radio"] + label {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
}
.account-apply-form-section
  form
  .custom-radios
  input[type="radio"]
  + label
  span {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #63ceca;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 18px;
  background-color: transparent;
  transition:
    background-color 0.5s ease,
    box-shadow 0.5s ease;
}
.account-apply-form-section
  form
  .custom-radios
  input[type="radio"]
  + label
  span
  img {
  opacity: 0;
  transition: opacity 0.5s ease;
}
.account-apply-form-section
  form
  .custom-radios
  input[type="radio"]:checked
  + label
  span
  img {
  opacity: 1;
}
.account-apply-form-section
  form
  .custom-radios
  input[type="radio"]:checked
  + label
  span {
  box-shadow: none;
  background-color: #1c1c1c;
}
/* custom radios end*/

.account-apply-form-section form .checkbox-block {
  display: inline-block;
  margin-right: 40px;
}
.account-apply-form-section form .checkbox-block label {
  font-size: 14px;
  line-height: 18px;
  color: #212225;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  display: inline-block;
  font-family: "futurabookc", sans-serif;
  margin-bottom: 0;
}
.account-apply-form-section form .checkbox-block label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.account-apply-form-section
  form
  .checkbox-block
  input[type="checkbox"].error
  + label
  + label:after {
  border: solid 1px red;
}
.account-apply-form-section
  form
  .checkbox-block
  input[type="checkbox"]:checked
  + label
  + label:after,
.account-apply-form-section
  form
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.account-apply-form-section form .button-part .checkbox-block {
  width: calc(100% - 300px);
  margin-right: 0;
}
.account-apply-form-section form .button-part .btn {
  width: 200px;
}
.hasDatepicker + .ui-datepicker-trigger,
.hasDatepicker + label + .ui-datepicker-trigger {
  position: absolute;
  right: 14px;
  bottom: 15px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
#datepicker {
  width: 340px;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 18px;
  text-align: left;
  font-family: "futurabookc", sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
  margin-bottom: 20px;
}
#ui-datepicker-div {
  padding: 0;
  border: none;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}
#ui-datepicker-div .ui-datepicker-calendar th span {
  font-size: 14px !important;
}
#ui-datepicker-div .ui-datepicker-calendar td {
  text-align: center;
}
#ui-datepicker-div .ui-datepicker-calendar td span,
#ui-datepicker-div .ui-datepicker-calendar td a {
  background: none !important;
  border: none !important;
  font-size: 14px !important;
  color: #393836 !important;
  text-align: center;
  border-radius: 50%;
  height: 35px;
  line-height: 30px;
}
#ui-datepicker-div .ui-datepicker-calendar td .ui-state-active {
  background: #fce610 !important;
  color: #000 !important;
}
#ui-datepicker-div .ui-datepicker-header {
  background: #393836;
  border: none;
  border-radius: 3px 3px 0 0;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  position: relative;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title:after {
  position: absolute;
  content: "";
  top: calc(50% - 4px);
  right: 20px;
  border-top: 8px solid #ffffff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  pointer-events: none;
}
#ui-datepicker-div select.ui-datepicker-month,
#ui-datepicker-div select.ui-datepicker-year {
  width: 35%;
  margin-left: 20px;
  background: none;
  border: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

#ui-datepicker-div select.ui-datepicker-month option,
#ui-datepicker-div select.ui-datepicker-year option {
  color: #000;
  background: #fff;
}
#ui-datepicker-div select.ui-datepicker-year option {
  color: #393836;
  background: #fff;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  top: 3px;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  background: none;
  border: none;
}
.ui-datepicker .ui-datepicker-prev span {
  background: url(/img/left-chevron.svg) center no-repeat;
  background-size: cover;
}
.ui-datepicker .ui-datepicker-next span {
  background: url(/img/right-chevron.svg) center no-repeat;
  background-size: cover;
}
.loans-credit-history-page {
  padding-top: 140px;
}
.loans-credit-history-page .back-to {
  font-size: 18px;
  line-height: 1.78;
  color: #637282;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 24px;
  background: url("/img/group-2.svg") 0 0 no-repeat;
  padding-left: 30px;
}
.loans-credit-history-intro {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.loans-credit-history-intro .text {
  width: 50%;
}
.loans-credit-history-intro .text .title {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.6px;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 24px;
}
.loans-credit-history-intro .text .description {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #637282;
}
.credit-bureau-section {
}
.credit-bureau-section .inner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: solid 2px #e0e6ed;
  border-bottom: solid 2px #e0e6ed;
  padding: 30px;
}
.credit-bureau-section .inner-container .image {
  width: 310px;
  text-align: center;
}
.credit-bureau-section .inner-container .image img {
  max-width: 170px;
}
.credit-bureau-section .inner-container .text {
  width: 400px;
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #212225;
}
.loan-tariffs-section {
  padding: 60px 0;
}
.loan-tariffs-section .title {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 60px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.plans-list {
}
.plans-list .plan-item {
  display: flex;
  align-items: center;
  border-bottom: solid 2px #e0e6ed;
  padding: 30px;
}
.plans-list .plan-item:first-child {
  border-top: solid 2px #e0e6ed;
}
.plans-list .plan-item .plan-title {
  font-size: 40px;
  font-family: "futurademic", sans-serif;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  width: 350px;
  padding-right: 50px;
}
.plans-list .plan-item .plan-description {
  width: calc(100% - 350px);
}
.plans-list .plan-item .plan-description .price {
  font-size: 24px;
  line-height: 1.33;
  color: #212225;
  margin-bottom: 20px;
  font-family: "futurademic", sans-serif;
}
.plans-list .plan-item .plan-description .terms-title {
  font-size: 16px;
  line-height: 1;
  color: #637282;
  margin-bottom: 20px;
}
.plans-list .plan-item .plan-description .terms-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.plans-list .plan-item .plan-description .terms-list .term-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50%;
  padding-right: 16px;
  margin-bottom: 16px;
}
.plans-list .plan-item .plan-description .terms-list .term-item .icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #ffffff;
  border: dashed 1px #b9c1cc;
  font-size: 14px;
}
.plans-list .plan-item .plan-description .terms-list .term-item .text {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
  width: calc(100% - 58px);
}
.loan-tariffs-section .download-block {
  max-width: 800px;
  padding-top: 40px;
}
.loan-tariffs-section .download-block .download-file {
  display: inline-flex;
  text-decoration: none;
  align-items: center;
  margin-bottom: 30px;
}
.loan-tariffs-section .download-block .download-file .icon {
  width: 42px;
  text-align: center;
  margin-right: 32px;
  position: relative;
}
.loan-tariffs-section .download-block .download-file .icon:after {
  content: attr(data-ext);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #637282;
  text-transform: uppercase;
  font-size: 8px;
  font-family: "futurademic", sans-serif;
}
.loan-tariffs-section .download-block .download-file .icon span {
  font-size: 14px;
  text-align: center;
  color: #637282;
}
.loan-tariffs-section .download-block .download-file .text {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
  font-family: "futurademic", sans-serif;
}
.loan-tariffs-section .download-block .hint {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #637282;
}
.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 701;
}
.popup.popup-compare {
  overflow-y: auto;
}
.popup .popup-container {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 950px;
  border-radius: 10px;
  background-color: #ffffff;
  border: solid 1px #97a4b1;
  padding: 40px 50px;
}
.popup.popup-ib .popup-container {
  position: absolute;
  top: 0 !important;
  left: auto !important;
  transform: none !important;
  right: 0;
  bottom: 0;
  border-radius: 0;
  width: 980px;
  height: 100vh;
  border: none;
  margin-left: 0;
  background-color: rgba(39, 40, 45, 0.98);
  padding: 0;
}
.popup.popup-callback .popup-container {
  width: 830px;
  padding: 50px 70px;
  border: none;
}
.popup.popup-compare .popup-container {
  left: 0;
  right: 0;
  margin-left: 0;
  width: 100%;
  border: none;
  min-height: 100%;
  border-radius: 0;
  overflow-x: hidden;
}

.popup__inner-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 40px 50px;
}

@media screen and (max-width: 767px) {
  .popup__inner-container {
    padding: 20px;
    padding-top: 60px;
  }
}

.popup .popup-close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.confirmation-popup.popup .popup-close-btn {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.popup.popup-ib .popup-close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 32px;
  right: 32px;
  cursor: pointer;
}
.popup .popup-share {
  display: flex;
  position: absolute;
  top: 32px;
  right: 88px;
}
.popup .popup-share > a {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin-left: 10px;
}
.popup .popup-title {
  font-size: 32px;
  line-height: 1;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 48px;
}
.popup.popup-callback .popup-title {
  text-align: center;
  font-size: 24px;
}
.popup.popup-callback form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.popup.popup-callback form .form-field {
  width: calc(50% - 16px);
  max-width: 415px;
  margin: 0 auto;
  margin-bottom: 32px;
  position: relative;
}
.popup.popup-callback form .form-field label {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  color: #424242;
  display: block;
  margin-bottom: 5px;
}
.popup.popup-callback form .form-field input[type="text"] {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
}
.popup.popup-callback form .form-field input[type="text"]:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
  background: #fff;
}
.popup.popup-callback form .button-part {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.popup.popup-callback form .button-part .checkbox-block {
}
.popup.popup-callback
  form
  .button-part
  .checkbox-block
  input[type="checkbox"]
  + label {
  font-size: 16px;
  line-height: 18px;
  color: #212225;
  font-family: "futurabookc", sans-serif;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
}
.popup.popup-callback
  form
  .button-part
  .checkbox-block
  input[type="checkbox"]
  + label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.popup.popup-callback
  form
  .button-part
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after {
  background: url(/img/checked.svg) center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.popup .compare-table {
  display: flex;
}
.popup .compare-table .compare-item-properties {
  width: 260px;
}
.popup .compare-table .compare-item-properties .title {
  font-size: 16px;
  line-height: 24px;
  color: #212225;
  height: 52px;
  font-family: "futurademic", sans-serif;
  margin-bottom: 24px;
}
.popup .compare-table .compare-item-properties .cards {
  font-size: 18px;
  color: #212225;
  font-family: "futurademic", sans-serif;
  height: 252px;
  display: flex;
  align-items: center;
}
.popup .compare-table.deposits .compare-item-properties .cards {
  height: 76px;
}
.popup .compare-table .compare-item-properties .properties-block {
  margin-bottom: 24px;
}
.popup
  .compare-table
  .compare-item-properties
  .properties-block
  .properties-title {
  font-size: 16px;
  display: flex;
  align-items: center;
  padding: 8px 0;
  min-height: 50px;
  color: #212225;
  position: relative;
  background-color: #f9fbfd;
  font-family: "futurademic", sans-serif;
}
.popup
  .compare-table
  .compare-item-properties
  .properties-block
  .properties-title:after {
  content: "";
  position: absolute;
  background-color: #f9fbfd;
  height: 100%;
  top: 0;
  left: -50px;
  width: 50px;
}
.popup
  .compare-table
  .compare-item-properties
  .properties-block
  .properties-title:before {
  content: "";
  position: absolute;
  background-color: #f9fbfd;
  height: 100%;
  top: 0;
  right: 0;
  width: 1920px;
  transform: translateX(100%);
}
.popup .compare-table .compare-item-properties .properties-block ul {
}
.popup .compare-table .compare-item-properties .properties-block ul li {
  font-size: 16px;
  line-height: 1.25;
  color: #637282;
  padding: 8px 0;
  min-height: 56px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.popup .compare-table .compare-slider {
  opacity: 0;
}
.popup .compare-table .compare-slider-container {
  width: calc(100% - 260px);
}
.popup .compare-table .compare-slider .slick-prev {
  width: 32px;
  height: 32px;
  border: solid 1px #d6d8e2;
  border-radius: 50%;
  background: url("/img/compare-slider-arrow.svg") center no-repeat #fff;
  top: 125px;
}
.popup .compare-table .compare-slider .slick-prev:before {
  display: none;
}
.popup .compare-table .compare-slider .slick-next {
  width: 32px;
  height: 32px;
  border: solid 1px #d6d8e2;
  border-radius: 50%;
  background: url("/img/compare-slider-arrow.svg") center no-repeat #fff;
  top: 125px;
  transform: rotate(180deg);
}
.popup .compare-table .compare-slider .slick-next:before {
  display: none;
}
.popup .compare-table .compare-item {
  padding: 0 40px;
  position: relative;
}
.popup .compare-table .compare-item:not(:last-child):after {
  content: "";
  position: absolute;
  top: 75px;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background: #e0e6ed;
}
.popup .compare-table .compare-item .title {
  font-size: 24px;
  line-height: 24px;
  height: 52px;
  color: #212225;
  text-align: center;
  font-family: "futurademic", sans-serif;
  margin-bottom: 24px;
}
.popup .compare-table.deposits .compare-item .title {
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.popup .compare-table .compare-item .title .remove {
  font-size: 14px;
  font-family: "futurabookc", sans-serif;
  text-align: center;
  color: #637282;
  display: inline-block;
}
.popup .compare-table .compare-item .card {
  width: 100%;
}
.popup .compare-table .compare-item .card .image {
  width: 200px;
  border-radius: 3px;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 15px;
}
.popup .compare-table .compare-item .card img {
  width: 100%;
}
.popup .compare-table .compare-item .card .name {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 20px;
}
.popup .compare-table .compare-item .properties-block {
  margin-bottom: 24px;
}
.popup .compare-table .compare-item .properties-block .properties-title {
  font-size: 16px;
  padding: 8px 0;
  min-height: 50px;
  color: #212225;
  font-family: "futurademic", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  background-color: #f9fbfd;
}
.popup .compare-table .compare-item .properties-block ul {
}
.popup .compare-table .compare-item .properties-block ul li {
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  padding: 8px 0;
  min-height: 56px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.popup .compare-table.deposits .compare-item .properties-block ul li {
  font-family: "futurabookc", sans-serif;
}
.popup .compare-table .compare-item .properties-block ul li .hint {
  text-align: center;
  color: #637282;
  font-size: 12px;
  line-height: 1;
  font-family: "futurabookc", sans-serif;
  width: 100%;
}
.popup .compare-table .compare-item .properties-block ul li .check {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 10px;
}
.popup .compare-table .compare-item .button-block {
  text-align: center;
}
.popup.popup-ib .ib-container {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.popup.popup-ib .ib-container .ib-block {
  max-width: 491px;
  width: 100%;
  height: 100vh;
  padding: 107px 49px 114px 48px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.popup.popup-ib .ib-container .ib-block_left {
  padding: 107px 48px 114px 49px;
  background-color: #2e3036;
}
.popup.popup-ib .ib-container .ib-block .image {
  margin-bottom: 51px;
}
.popup.popup-ib .ib-container .ib-block .ib__wrap {
  margin-bottom: 48px;
}
.popup.popup-ib .ib-container .ib-block .link__wrap {
  margin-bottom: 24px;
}
.popup.popup-ib .ib-container .ib-block .link__wrap:last-child {
  margin-bottom: 0;
}
.popup.popup-ib .ib-container .ib-block .ib-block_body {
  max-width: 394px;
  width: 100%;
}
.popup.popup-ib .ib-container .ib-block .link__online {
  position: relative;
  display: inline-block;
  max-width: 100%;
  width: 100%;
  padding: 15px 16px 24px 24px;
  text-decoration: none;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.06);
  border-radius: 4px;
}
.popup.popup-ib .ib-container .ib-block_left .link__online {
  background: linear-gradient(0deg, #ffdc00 0%, #ffed00 94.17%);
}
.popup.popup-ib .ib-container .ib-block_right .link__online {
  color: #ffffff;
}
.popup.popup-ib .ib-container .ib-block .link__online::before,
.popup.popup-ib .ib-container .ib-block .link__online::after {
  content: "";
  position: absolute;
  right: 16px;
  z-index: 2;
  width: 9px;
  border: 1px solid #000000;
}
.popup.popup-ib .ib-container .ib-block .link__online::before {
  top: calc(50% - 4px);
  transform: rotate(45deg);
}
.popup.popup-ib .ib-container .ib-block .link__online::after {
  bottom: calc(50% - 4px);
  transform: rotate(-45deg);
}
.popup.popup-ib .ib-container .ib-block_right .link__online::before,
.popup.popup-ib .ib-container .ib-block_right .link__online::after {
  border: 1px solid #69696e;
}
.popup.popup-ib .ib-container .ib-block .link__online p {
  font-size: 16px;
  line-height: 20px;
}
.popup.popup-ib .ib-container .ib-block .link__online .link__title {
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
}
.popup.popup-ib .ib-container .ib-block .link__online .link__title span {
  padding: 3px 7px;
  font-size: 10px;
  background-color: #ed4337;
  border-radius: 9px;
  vertical-align: middle;
}
.popup.popup-ib .ib-container .ib-block .link__online:hover,
.popup.popup-ib .ib-container .ib-block .link__online:active {
  color: #ffffff;
  background: none;
  background-color: #000000 !important;
}

.popup.popup-ib .ib-container .ib-block .link__online:hover::before,
.popup.popup-ib .ib-container .ib-block .link__online:active::before,
.popup.popup-ib .ib-container .ib-block .link__online:hover::after,
.popup.popup-ib .ib-container .ib-block .link__online:active::after {
  border: 1px solid #ffffff;
}
.popup.popup-ib .ib-container .ib-block .apps {
  margin-bottom: 64px;
}
.popup.popup-ib .ib-container .ib-block .apps a {
  display: inline-block;
  margin: 0 10px;
  text-decoration: none;
}
.popup.popup-ib .ib-container .ib-block .ib-business-entities {
  max-width: 195px;
  font-size: 16px;
  line-height: 1.38;
  text-align: center;
}
.popup.popup-ib .ib-container .ib-block .ib-business-entities a {
  color: #ffffff;
}
.confirmation-popup.open {
  display: block;
}
.popup.confirmation-popup .popup-container {
  width: 796px;
  border-radius: 4px;
}
.popup.confirmation-popup .popup-body {
  text-align: center;
}
.popup.confirmation-popup .popup-body h1,
.popup.confirmation-popup .popup-body .popup-title {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #4baf50;
  margin-bottom: 16px;
}
#popup-error .popup-body h1,
#popup-error .popup-body .popup-title {
  color: #ed4337;
}
.popup.confirmation-popup .popup-body h4,
.popup.confirmation-popup .popup-body .popup-description {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  font-weight: 300;
  margin-bottom: 40px;
}
.popup.confirmation-popup .popup-body a.btn {
  min-width: 160px;
  height: 48px;
  line-height: 34px;
  margin: 0 8px;
}
.popup.confirmation-popup .popup-body form {
  width: 562px;
  margin: 0 auto;
  text-align: right;
  padding-top: 40px;
}
.popup.confirmation-popup .popup-body form.sms-form {
  width: 210px;
  text-align: center;
  padding-top: 0;
}
.popup.confirmation-popup .popup-body form.sms-form .btn {
  width: 100%;
}
.popup.confirmation-popup .popup-body form label {
  font-size: 16px;
  line-height: 1;
  color: #424242;
  display: block;
  text-align: left;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.popup.confirmation-popup .popup-body form input {
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  width: 100%;
  font-size: 16px;
  line-height: 46px;
  color: #767676;
  padding: 5px 16px;
  background: transparent;
  margin-bottom: 32px;
}
.popup.confirmation-popup .popup-body form label.error {
  color: #ed4337;
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
  margin-bottom: 15px;
  margin-top: -27px;
}
.popup.confirmation-popup .popup-body form textarea {
  width: 100%;
  height: 96px;
  border-radius: 4px;
  border: solid 1px #97a4b1;
  font-size: 16px;
  line-height: 24px;
  color: #767676;
  padding: 5px 16px;
  background: transparent;
  margin-bottom: 32px;
}
.insurance-24-7-page {
  padding-top: 140px;
}
.insurance-24-7-page .back-to {
  font-size: 18px;
  line-height: 1.78;
  color: #637282;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 24px;
  background: url("/img/group-2.svg") 0 0 no-repeat;
  padding-left: 30px;
}
.insurance-24-7-intro .btn {
  width: 200px;
  margin-top: 25px;
}
.insurance-24-7-intro {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.insurance-24-7-intro .text .title {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.6px;
  font-family: "futurademic", sans-serif;
  color: #212225;
  max-width: 670px;
  margin-bottom: 24px;
}
.insurance-24-7-intro .text .description {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #637282;
  width: 60%;
}
.program-advantages-section {
  padding: 80px 0;
}
.program-advantages-section .title,
.program-advantages-section h2 {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 60px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.program-advantages-section h3 {
  color: #637282;
  font-size: 16px;
  text-align: center;
  line-height: 1.2;
  max-width: 600px;
  margin: 0 auto;
  margin-top: -40px;
  margin-bottom: 60px;
  font-weight: 300;
}
.program-advantages-section table {
  width: 100%;
}
.program-advantages-section table tr {
}
.program-advantages-section table tr td {
  padding: 0 30px;
}
.program-advantages-section table tr td p {
  text-align: center;
  color: #212225;
}
.program-advantages-section table tr td p img {
  margin: 30px 0;
}
.program-advantages-section .advantages {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.program-advantages-section .advantages .item {
  width: 204px;
  margin-bottom: 30px;
  padding: 0 20px;
}
.program-advantages-section .advantages .item .name {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #212225;
  margin-bottom: 40px;
}
.program-advantages-section .advantages .item .icon {
  text-align: center;
  margin-bottom: 40px;
}
.program-advantages-section .advantages .item .description {
  font-size: 14px;
  text-align: center;
  color: #637282;
}
.program-advantages-section .btn-block {
  text-align: center;
  margin: 50px 0;
}
.program-advantages-section .hint {
  color: #637282;
  font-size: 14px;
  text-align: center;
  line-height: 1;
}
.program-advantages-section .hint a {
  color: #212225;
}
.insurance-tariffs-section {
  padding: 80px 0;
}
.insurance-tariffs-section .buttons-container {
  display: flex;
  justify-content: flex-end;
}
.insurance-tariffs-section .buttons-container .btn {
  margin-right: 10px;
}
.insurance-tariffs-section .buttons-container .btn:last-child {
  margin-right: 0;
}
.insurance-tariffs-section .title {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 60px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.insurance-tariffs-section .table-container {
  overflow-x: auto;
  width: 100%;
  margin-bottom: 70px;
}
.insurance-tariffs-section table {
  width: 100%;
}
.insurance-tariffs-section table tr {
}
.insurance-tariffs-section table tr td {
  padding: 20px 30px;
  border: 1px solid #e0e6ed;
  font-size: 14px;
  line-height: 1.14;
  text-align: left;
  color: #637282;
}
.insurance-tariffs-section table tr td p {
  margin-bottom: 0 !important;
}
.insurance-tariffs-section table tr td:first-child {
  font-size: 14px;
  line-height: 1.14;
  text-align: left;
  color: #637282;
  width: 40%;
}
.insurance-tariffs-section table tr td:nth-child(2n + 2) {
  background-color: #f9fbfd;
}
.insurance-tariffs-section p {
  font-size: 14px;
  line-height: 1.14;
  text-align: left;
  color: #637282;
  margin-bottom: 16px;
}
.insurance-tariffs-section .additional-info {
  margin-bottom: 40px;
}
.insurance-tariffs-section .additional-info p {
  font-size: 14px;
  line-height: 1.14;
  text-align: left;
  color: #637282;
  margin-bottom: 16px;
}
.insurance-tariffs-section .download-block {
  padding-top: 40px;
  border-top: solid 2px #e0e6ed;
}
.insurance-tariffs-section .download-block .download-file {
  display: inline-flex;
  text-decoration: none;
  align-items: center;
  margin-bottom: 30px;
  max-width: 700px;
}
.insurance-tariffs-section .download-block .download-file .icon {
  width: 42px;
  text-align: center;
  margin-right: 32px;
}
.insurance-tariffs-section .download-block .download-file .icon span {
  font-size: 14px;
  text-align: center;
  color: #637282;
}
.insurance-tariffs-section .download-block .download-file .text {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
  font-family: "futurademic", sans-serif;
}
.online-request-section {
  padding: 40px 0;
  padding-bottom: 80px;
}
.online-request-section form {
  width: 1024px;
  border-radius: 4px;
  background-color: #f9fbfd;
  padding: 48px;
  margin: 0 auto;
}
.online-request-section.white form {
  background: #fff;
}
.online-request-section form .title {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 5px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.online-request-section form .description {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  margin-bottom: 32px;
}
.online-request-section form .form-field {
  width: 100%;
  max-width: 468px;
  margin: 0 auto;
  margin-bottom: 32px;
  position: relative;
}
.online-request-section form .double-fields {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 32px;
}
.online-request-section form .double-fields .form-field {
  width: calc(50% - 20px);
  margin: 0;
}
.online-request-section form .form-field label {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  color: #424242;
  display: block;
  margin-bottom: 5px;
}
.online-request-section form .form-field label.error {
  color: #ed4337;
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 5px;
}
.online-request-section form .form-field input[type="text"] {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
}
.online-request-section form .form-field input[type="text"].error {
  border-color: #ed4337;
}
.online-request-section form .form-field input[type="text"]:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
  background: #fff;
}
.online-request-section form .form-field select {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
}
.online-request-section form .form-field textarea {
  width: 100%;
  height: 96px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  line-height: 24px;
  color: #767676;
  padding: 5px 16px;
  background: transparent;
}
.online-request-section form .form-field textarea.error {
  border-color: red;
}
.online-request-section form .button-part {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 468px;
  margin: 0 auto;
}
.online-request-section form .button-part_nsg,
.online-request-section form .button-part_online-kasa {
  display: block;
  text-align: right;
}
.online-request-section form .button-part_online-kasa {
  max-width: 560px;
}
.online-request-section form .button-part.center {
  justify-content: center;
}
.online-request-section form .button-part .checkbox-block {
  width: calc(100% - 250px);
}
.online-request-section form .button-part_nsg .checkbox-block,
.online-request-section form .button-part_online-kasa .checkbox-block {
  width: 100%;
  margin-bottom: 24px;
  line-height: 1.38;
  text-align: left;
}
.online-request-section form .button-part_nsg .checkbox-block:last-child {
  margin-bottom: 32px;
}
.online-request-section form .button-part .checkbox-block label {
  font-size: 14px;
  color: #212225;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
}
.online-request-section form .button-part .checkbox-block label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.online-request-section
  form
  .button-part
  .checkbox-block
  input[type="checkbox"].error
  + label:after,
.online-request-section
  form
  .button-part
  .checkbox-block
  input[type="checkbox"].error
  + label
  + label:after {
  border: 1px solid red;
}
.online-request-section
  form
  .button-part
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after,
.online-request-section
  form
  .button-part
  .checkbox-block
  input[type="checkbox"]:checked
  + label
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.online-request-section form .button-part .btn {
  width: 200px;
}
.deposit-boxes-page {
  padding-top: 140px;
}
.deposit-boxes-page .back-to {
  font-size: 18px;
  line-height: 1.78;
  color: #637282;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 24px;
  background: url("/img/group-2.svg") 0 0 no-repeat;
  padding-left: 30px;
}
.deposit-boxes-intro {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.deposit-boxes-intro .text .title {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.6px;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 24px;
}
.deposit-boxes-intro .text .description {
  margin-bottom: 20px;
}
.deposit-boxes-intro .text .description p {
  font-size: 16px;
  line-height: 1.38;
  text-align: left;
  color: #212225;
  margin-bottom: 24px;
}
.deposit-boxes-advantages-section {
  padding: 60px 0;
}
.deposit-boxes-advantages-section .title,
.deposit-boxes-advantages-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 5px;
}
.deposit-boxes-advantages-section .description,
.deposit-boxes-advantages-section h3 {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  font-weight: 300;
  margin-bottom: 50px;
}
.deposit-boxes-advantages-section table {
  width: 100%;
}
.deposit-boxes-advantages-section table tr {
}
.deposit-boxes-advantages-section table tr td {
  padding: 0 10px;
}
.deposit-boxes-advantages-section table tr td p {
  text-align: center;
  color: #212225;
}
.deposit-boxes-advantages-section table tr td p img {
  margin: 30px 0;
}
.deposit-boxes-advantages-section .advantages-list {
  display: flex;
  justify-content: space-between;
}
.deposit-boxes-advantages-section .advantages-list .advantage-item {
  width: calc(20% - 20px);
}
.deposit-boxes-advantages-section .advantages-list .advantage-item .icon {
  text-align: center;
  height: 72px;
  margin-bottom: 15px;
}
.deposit-boxes-advantages-section .advantages-list .advantage-item .icon img {
  height: 72px;
}
.deposit-boxes-advantages-section .advantages-list .advantage-item .a-title {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  line-height: 1.38;
  text-align: center;
  color: #212225;
  margin-bottom: 5px;
}
.deposit-boxes-advantages-section
  .advantages-list
  .advantage-item
  .a-description {
  font-size: 14px;
  line-height: 1.14;
  text-align: center;
  color: #637282;
}
.deposit-boxes-tariffs-section {
  padding: 60px 0;
}
.deposit-boxes-tariffs-section .title,
.deposit-boxes-tariffs-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 50px;
}
.deposit-boxes-tariffs-section .table-container {
  overflow-x: auto;
  width: 100%;
  margin-bottom: 70px;
}
.deposit-boxes-tariffs-section table {
  width: 100%;
  margin-bottom: 24px;
}
.deposit-boxes-tariffs-section table tr {
}
.deposit-boxes-tariffs-section table tr td {
  padding: 20px 30px;
  border: 1px solid #e0e6ed;
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
  background-color: #fff;
}
.deposit-boxes-tariffs-section .tariff-hint,
.deposit-boxes-tariffs-section p {
  font-size: 14px;
  line-height: 1.14;
  text-align: left;
  color: #637282;
}
.how-to-open-deposit-section {
  padding: 60px 0;
}
.how-to-open-deposit-section .title {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 50px;
}
.how-to-open-deposit-section .steps {
  display: flex;
  justify-content: space-between;
}
.how-to-open-deposit-section .steps .step {
  width: calc(33.33% - 10px);
}
.how-to-open-deposit-section .steps .step .icon {
  height: 72px;
  margin-bottom: 40px;
  text-align: center;
}
.how-to-open-deposit-section .steps .step .icon {
  height: 72px;
}
.how-to-open-deposit-section .steps .step .description {
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  color: #637282;
}
.deposit-advantages-section {
  padding: 60px 0;
}
.deposit-advantages-section .title,
.deposit-advantages-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 60px;
}
.deposit-advantages-section .advantages-list {
  display: flex;
  justify-content: space-between;
}
.deposit-advantages-section .advantages-list .advantage-item {
  width: calc(33.33% - 40px);
}
.deposit-advantages-section .advantages-list .advantage-item .icon {
  text-align: center;
  height: 72px;
  margin-bottom: 30px;
}
.deposit-advantages-section .advantages-list .advantage-item .icon img {
  height: 72px;
}
.deposit-advantages-section .advantages-list .advantage-item .a-title {
  font-size: 24px;
  line-height: 1.33;
  text-align: center;
  color: #212225;
  margin-bottom: 30px;
}
.deposit-advantages-section .advantages-list .advantage-item .a-description {
  font-size: 14px;
  line-height: 1.14;
  text-align: center;
  color: #637282;
}
.deposit-advantages-section table {
  width: 100%;
}
.deposit-advantages-section table tr {
}
.deposit-advantages-section table tr td {
  padding: 0 30px;
}
.deposit-advantages-section table tr td p {
  text-align: center;
  color: #212225;
}
.deposit-advantages-section table tr td p img {
  margin: 30px 0;
}
.deposits-section {
  padding-top: 98px;
  padding-bottom: 44px;
}
.deposits-section .block-title,
.deposits-section h1 {
  font-size: 48px;
  line-height: 1.05;
  letter-spacing: 0.6px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 10px;
}
.deposits-section .block-description {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #637282;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 80px;
}
.deposits-section .deposits-list {
}
.deposits-section .deposits-list .deposit-item {
  position: relative;
  min-height: 300px;
  border-radius: 4px;
  overflow: hidden;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 24px;
}
.deposits-section .deposits-list .deposit-item .bg {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
}
.deposits-section .deposits-list .deposit-item .top-part {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
.deposits-section .deposits-list .deposit-item .top-part .left-side {
  max-width: 70%;
}
.deposits-section .deposits-list .deposit-item .top-part .left-side .title {
  font-size: 40px;
  line-height: 1.1;
  text-align: left;
  color: #ffffff;
  margin-bottom: 10px;
  font-family: "futurademic", sans-serif;
}
.deposits-section
  .deposits-list
  .deposit-item
  .top-part
  .left-side
  .description {
  font-size: 16px;
  line-height: 1.1;
  text-align: left;
  color: #ffffff;
  margin-bottom: 20px;
  max-width: 480px;
}
.deposits-section .deposits-list .deposit-item .top-part .right-side {
}
.deposits-section .deposits-list .deposit-item .top-part .right-side .bid {
  font-size: 14px;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  margin-bottom: 10px;
}
.deposits-section
  .deposits-list
  .deposit-item
  .top-part
  .right-side
  .bid-number {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.6px;
  text-align: center;
  color: #ffffff;
  font-family: "futurademic", sans-serif;
}
.deposits-section.investment-credits-section
  .deposits-list
  .deposit-item
  .top-part
  .right-side
  .bid-number {
  font-size: 40px;
}
.deposits-section .deposits-list .deposit-item .bottom-part {
  position: relative;
  z-index: 2;
  border-top: solid 2px rgba(255, 255, 255, 0.5);
  display: flex;
  padding-top: 35px;
}
.deposits-section .deposits-list .deposit-item .bottom-part .features {
  display: flex;
  max-width: calc(100% - 300px);
  margin-right: auto;
}
.deposits-section .deposits-list .deposit-item .bottom-part .features .feature {
  margin-right: 30px;
}
.deposits-section
  .deposits-list
  .deposit-item
  .bottom-part
  .features
  .feature
  .feature-title {
  font-size: 14px;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 5px;
}
.deposits-section
  .deposits-list
  .deposit-item
  .bottom-part
  .features
  .feature
  .feature-description {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #ffffff;
}
.deposits-section .deposits-list .deposit-item .bottom-part .btn {
  margin-left: 10px;
}
.deposits-section .deposits-calculators-block {
  border-radius: 1px;
  background-color: #f9fbfd;
  padding: 48px;
  margin-bottom: 80px;
}
.deposits-section .deposits-calculators-block .title {
  font-size: 24px;
  line-height: 1.33;
  text-align: left;
  color: #212225;
  margin-bottom: 40px;
}
.calculator-container {
}
.calculator-container form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.calculator-container form .calculator-block {
  width: calc(50% - 50px);
  margin-bottom: 40px;
}
.calculator-container form .calculator-block .calculator-slider-title {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
  margin-bottom: 8px;
}
.calculator-container form .calculator-block .calculator-inputs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.calculator-container
  form
  .calculator-block
  .calculator-inputs
  input[type="text"] {
  background: none;
  font-size: 32px;
  line-height: 48px;
  text-align: left;
  color: #212225;
  height: 48px;
  width: 210px;
  padding: 0 8px;
  border-radius: 4px;
  border: solid 1px #97a4b1;
}
.calculator-container
  form
  .calculator-block
  .calculator-inputs
  input[type="text"]:focus {
  border: solid 1px #1c7fdd;
}
.calculator-container form .calculator-block .calculator-inputs span {
  font-size: 32px;
  line-height: 40px;
  color: #637282;
}
.calculator-container form .calculator-block .calculator-inputs .text {
  border: none;
  background: none;
  font-size: 32px;
  line-height: 40px;
  text-align: left;
  color: #637282;
  height: 40px;
}
.calculator-container
  form
  .calculator-block
  .calculator-inputs
  .select-container {
  height: 40px;
  position: relative;
}
.calculator-container
  form
  .calculator-block
  .calculator-inputs
  .select-container:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #888888 transparent transparent transparent;
  top: 50%;
  right: 10px;
  margin-top: -1px;
  z-index: 1;
}
.calculator-container
  form
  .calculator-block
  .calculator-inputs
  select::-ms-expand {
  display: none;
}
.calculator-container form .calculator-block .calculator-inputs select {
  border: none;
  background: none;
  font-size: 32px;
  line-height: 40px;
  text-align: left;
  color: #637282;
  height: 40px;
  position: relative;
  padding-right: 20px;
  z-index: 32;
  padding-left: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.calculator-container form .calculator-block .calculator-slider .slider {
  height: 3px;
  background-color: rgba(127, 140, 161, 0.26);
  width: 100%;
  border: none;
  border-radius: 2px;
  margin-bottom: 10px;
}
.calculator-container
  form
  .calculator-block
  .calculator-slider
  .slider.ui-slider-horizontal
  .ui-slider-range-min {
  background: #27282d;
  border-radius: 2px;
}
.calculator-container
  form
  .calculator-block
  .calculator-slider
  .slider.ui-slider-horizontal
  .ui-slider-handle {
  width: 22px;
  height: 22px;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.17);
  background-color: #ffef00;
  border: solid 6px #ffffff;
  border-radius: 50%;
  margin-top: -5px;
}
.calculator-container form .calculator-block .calculator-slider .slider-points {
  display: flex;
  justify-content: space-between;
}
.calculator-container
  form
  .calculator-block
  .calculator-slider
  .slider-points
  .point {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
}
.calculator-container form .calculator-checkboxes {
  display: flex;
  flex-wrap: wrap;
}
.calculator-container form .calculator-checkboxes .calculator-checkbox {
  display: flex;
  margin-right: 50px;
}
.calculator-container
  form
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-title {
  font-size: 16px;
  line-height: 18px;
  text-align: left;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-right: 24px;
}
.calculator-container
  form
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-block
  label {
  font-size: 14px;
  line-height: 18px;
  color: #212225;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  margin-right: 24px;
}
.calculator-container
  form
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-block
  label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.calculator-container
  form
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.calculator-container
  form
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.calculator-container
  form
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-block
  input[type="radio"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.calculator-container
  form
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-block
  input[type="radio"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.calculator-container form .calculator-filter-reset {
  width: 100%;
  padding-top: 20px;
}
.credit-calculator-section form .calculator-radioboxes {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.credit-calculator-section form .calculator-radioboxes .calculator-radiobox {
  margin-right: 60px;
}
.credit-calculator-section
  form
  .calculator-radioboxes
  .calculator-radiobox
  .radiobox-block {
  margin-bottom: 10px;
}
.credit-calculator-section
  form
  .calculator-radioboxes
  .calculator-radiobox
  .radiobox-block
  label {
  font-size: 14px;
  line-height: 18px;
  color: #212225;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
}
.credit-calculator-section
  form
  .calculator-radioboxes
  .calculator-radiobox
  .radiobox-block
  label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  opacity: 1;
  background-color: #fce610;
  border: solid 1px #fce610;
  border-radius: 50%;
}
.credit-calculator-section
  form
  .calculator-radioboxes
  .calculator-radiobox
  .radiobox-block
  input:checked
  + label:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  opacity: 1;
  background-color: #27282d;
  border: solid 1px #27282d;
  border-radius: 50%;
}
.credit-calculator-section form .calculator-selects {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.credit-calculator-section form .calculator-selects .select {
  position: relative;
  margin-right: 24px;
  border-radius: 4px;
  border: solid 1px #767676;
}
.credit-calculator-section form .calculator-selects .select:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: rgb(127, 140, 161) transparent transparent transparent;
  top: 50%;
  right: 10px;
  margin-top: -1px;
  z-index: 1;
}
.credit-calculator-section form .calculator-selects .select select {
  /*border: none;
    border-radius: 0;
    background: none;
    border-bottom: 1px solid rgba(127, 140, 161, 0.6);
    color: #212225;
    height: 34px;
    line-height: 34px;
    font-size: 18px;
    position: relative;
    z-index:2;

    text-indent: 1px;
    text-overflow: '';*/
  padding-left: 15px;
  padding-right: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: 40px;
  border: none;
  position: relative;
  z-index: 33;
  font-size: 16px;
  color: #767676;
  line-height: 40px;
  background: transparent;
}
.credit-calculator-section form .calculator-selects .select select::-ms-expand {
  display: none;
}
.calculator-slider span.left,
.calculator-slider span.right {
  font-size: 14px;
  color: #637282;
}
.range-slider {
  width: 100%;
  height: 20px;
  padding: 0 10px;
  display: inline-block;
  border: none;
  border-radius: 2px;
  margin-bottom: 10px;
}
.range-slider .range-slider-inner {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
}
.range-slider .range-slider-hidden {
  display: none;
}
.range-slider .range-slider-rail {
  width: 100%;
  height: 3px;
  background-color: rgba(127, 140, 161, 0.26);
}
.range-slider .range-slider-fill {
  background: #27282d;
  border-radius: 2px;
}
.range-slider .range-slider-rail,
.range-slider .range-slider-fill {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  height: 4px;
  border-radius: 2px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.range-slider .range-slider-knob {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  cursor: pointer;
  width: 22px;
  height: 22px;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.17);
  background-color: #ffef00;
  border: solid 6px #ffffff;
  border-radius: 50%;
  margin-top: -2px;
}
.dark-theme .range-slider .range-slider-fill {
  background-color: #fce610;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 500ms ease-out;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.insurance-programs-section {
  padding: 80px 0;
  padding-bottom: 40px;
}
.insurance-programs-section .top-container {
  display: flex;
  align-items: center;
  margin-bottom: 60px;
}
.insurance-programs-section .top-container .header {
  width: 45%;
}
.insurance-programs-section .top-container .header .title {
  font-size: 40px;
  line-height: 1.2;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.insurance-programs-section .top-container .header h2 {
  font-size: 40px;
  line-height: 1.2;
  color: #212225;
  font-family: "futurademic", sans-serif;
  text-align: center;
  margin-bottom: 16px;
}
.insurance-programs-section .top-container .header .description {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
}
.insurance-programs-section .top-container .header h3 {
  font-size: 16px;
  line-height: 1.2;
  color: #637282;
  max-width: 600px;
  font-family: "futurabookc", sans-serif;
  font-weight: 300;
  margin: 0 auto;
  text-align: center;
}
.insurance-programs-section .top-container .packages-tabs-btns {
  width: 55%;
  display: flex;
  justify-content: flex-end;
}
.insurance-programs-section .top-container .packages-tabs-btns .tab-btn {
  height: 40px;
  border-radius: 20px;
  line-height: 38px;
  font-size: 16px;
  color: #637282;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.16);
  padding: 0 26px;
  text-decoration: none;
  margin-left: 16px;
}
.insurance-programs-section .top-container .packages-tabs-btns .tab-btn.active {
  background-color: #ffef00;
  border: solid 1px #ffef00;
  color: #212225;
}
.insurance-programs-section .programs-list {
  padding-bottom: 20px;
  border-bottom: solid 2px #e0e6ed;
  display: none;
}
.insurance-programs-section .programs-list.active {
  display: block;
}
.insurance-programs-section .programs-list .program-item {
  position: relative;
  min-height: 300px;
  border-radius: 4px;
  overflow: hidden;
  padding: 32px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 24px;
}
.insurance-programs-section .programs-list .program-item .bg {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  z-index: 1;
}
.insurance-programs-section .programs-list .program-item .top-part {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.insurance-programs-section .programs-list .program-item .top-part .left-side {
  margin-right: auto;
  width: 100%;
}
.insurance-programs-section
  .programs-list
  .program-item
  .top-part
  .left-side
  .title {
  font-size: 40px;
  line-height: 1;
  text-align: left;
  color: #ffffff;
  max-width: 70%;
  margin-bottom: 10px;
  font-family: "futurademic", sans-serif;
}
.insurance-programs-section
  .programs-list
  .program-item
  .top-part
  .left-side
  .description {
  font-size: 16px;
  line-height: 1.38;
  text-align: left;
  color: #ffffff;
  max-width: 340px;
}
.insurance-programs-section .programs-list .program-item .top-part .right-side {
}
.insurance-programs-section
  .programs-list
  .program-item
  .top-part
  .right-side
  .bid {
  font-size: 14px;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  margin-bottom: 10px;
}
.insurance-programs-section
  .programs-list
  .program-item
  .top-part
  .right-side
  .bid-number {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.6px;
  text-align: center;
  color: #ffffff;
  font-family: "futurademic", sans-serif;
}
.insurance-programs-section .programs-list .program-item .bottom-part {
  position: relative;
  z-index: 2;
  border-top: solid 2px rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: space-between;
  padding-top: 35px;
}
.insurance-programs-section .programs-list .program-item .bottom-part table {
  max-width: 820px;
}
.insurance-programs-section .programs-list .program-item .bottom-part table tr {
}
.insurance-programs-section
  .programs-list
  .program-item
  .bottom-part
  table
  tr
  td {
  padding-right: 20px;
}
.insurance-programs-section
  .programs-list
  .program-item
  .bottom-part
  table
  tr
  td
  p {
  text-align: left;
  color: #ffffff;
}
.insurance-programs-section .programs-list .program-item .bottom-part .features,
.insurance-programs-section
  .programs-list
  .program-item
  .bottom-part
  .loan-features {
  display: flex;
  max-width: calc(100% - 160px);
}
.insurance-programs-section
  .programs-list
  .program-item
  .bottom-part
  .features
  .feature,
.insurance-programs-section
  .programs-list
  .program-item
  .bottom-part
  .loan-features
  .feature {
  margin-right: 30px;
  max-width: 340px;
}
.insurance-programs-section
  .programs-list
  .program-item
  .bottom-part
  .features
  .feature
  .feature-title,
.insurance-programs-section
  .programs-list
  .program-item
  .bottom-part
  .loan-features
  .feature
  .feature-title {
  font-size: 14px;
  color: #ffffff;
  line-height: 1;
  margin-bottom: 5px;
}
.insurance-programs-section
  .programs-list
  .program-item
  .bottom-part
  .features
  .feature
  .feature-description,
.insurance-programs-section
  .programs-list
  .program-item
  .bottom-part
  .loan-features
  .feature
  .feature-description {
  font-size: 18px;
  line-height: 1.1;
  text-align: left;
  color: #ffffff;
}
.loan-energy-page {
  padding-top: 140px;
}
.loan-energy-page .back-to {
  font-size: 18px;
  line-height: 1.78;
  color: #637282;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 24px;
  background: url("/img/group-2.svg") 0 0 no-repeat;
  padding-left: 30px;
}
.loan-energy-intro {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.loan-energy-intro .text .title {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.6px;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 24px;
  max-width: 670px;
}
.loan-energy-intro .text .description {
  margin-bottom: 20px;
  max-width: 550px;
}
.loan-energy-intro .text .description p {
  font-size: 16px;
  line-height: 1.38;
  text-align: left;
  color: #637282;
  margin-bottom: 24px;
}
.companies-section {
}
.companies-section hr {
  display: block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 2px solid #e0e6ed;
  padding: 0;
}
.companies-section table {
  width: 100%;
}
.companies-section table tr {
}
.companies-section table tr td {
  font-size: 18px;
  line-height: 1.33;
  color: #212225;
  padding: 30px 20px;
}
.companies-section .container {
  display: flex;
  flex-wrap: wrap;
}
.companies-section .container .company {
  display: flex;
  align-items: center;
  width: 50%;
  padding: 30px 20px;
  border-top: solid 2px #e0e6ed;
  border-bottom: solid 2px #e0e6ed;
}
.companies-section .container .company .icon {
  width: 80px;
  margin-right: 30px;
}
.companies-section .container .company .text {
  width: calc(100% - 110px);
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #212225;
}
.program-terms-section {
  padding-top: 104px;
}
.program-terms-section .block-title,
.program-terms-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  margin-bottom: 60px;
  font-family: "futurademic", sans-serif;
}
.program-terms-section table {
  width: 100%;
}
.program-terms-section table tr td {
  padding: 0 30px;
}
.program-terms-section table tr td p {
  text-align: center;
  color: #212225;
}
.program-terms-section table tr td p img {
  margin: 30px 0;
}
.program-terms-section .terms-list {
  display: flex;
}
.program-terms-section .terms-list .terms-item {
  width: 33.33%;
  padding: 0 30px;
}
.program-terms-section .terms-list .terms-item .title {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #212225;
  margin-bottom: 30px;
}
.program-terms-section .terms-list .terms-item .icon {
  height: 72px;
  text-align: center;
  margin-bottom: 30px;
}
.program-terms-section .terms-list .terms-item .icon img {
  height: 72px;
}
.program-terms-section .terms-list .terms-item .description {
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  color: #637282;
}
.participating-section {
  padding-top: 104px;
  padding-bottom: 80px;
}
.participating-section .block-title,
.participating-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  margin-bottom: 10px;
  font-family: "futurademic", sans-serif;
}
.participating-section .block-description,
.participating-section h3 {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  font-weight: 300;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.participating-section .block-description a,
.participating-section h3 a {
  color: #637282;
}
.participating-section .steps-list {
  background-color: #f9fbfd;
  position: relative;
}
.participating-section .steps-list:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: #fff;
  z-index: 1;
}
.participating-section .steps-list:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: #fff;
  z-index: 1;
}
.participating-section .steps-list .steps-container {
  position: relative;
  z-index: 3;
  counter-reset: section;
  max-width: 1064px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  background: url(/img/path-8.png) center 145px no-repeat;
}
.participating-section .steps-list .step {
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.1);
  padding: 32px;
  padding-right: 64px;
  max-width: 670px;
  position: relative;
  margin-bottom: 40px;
}
.participating-section .steps-list .step:after {
  counter-increment: section;
  content: counter(section);
  font-size: 64px;
  font-family: "futurademic", sans-serif;
  color: #e5e5e5;
  position: absolute;
  bottom: -16px;
  right: 20px;
}
.participating-section .steps-list .step .icon {
  height: 40px;
  margin-bottom: 4px;
}
.participating-section .steps-list .step .icon img {
  height: 40px;
}
.participating-section .steps-list .step .title {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #212225;
  margin-bottom: 8px;
}
.participating-section .steps-list .step .description {
  font-size: 14px;
  line-height: 1.14;
  text-align: left;
  color: #637282;
}
.participating-section .steps-list .step .description a {
  color: #637282;
}
.participating-section .steps-list .step.step2 {
  margin-left: 203px;
}
.participating-section .steps-list .step.step3 {
  margin-left: 114px;
}
.participating-section .steps-list .step.step4 {
  margin-left: 219px;
}
.participating-section .steps-list .step.step5 {
  margin-left: 130px;
}
.participating-section .steps-list .step.step6 {
  margin-left: 333px;
}
.credit-conditions-section {
  padding: 48px 0 52px;
}
.credit-conditions-section .icon img {
  width: 40px;
  height: 40px;
  margin-bottom: 23px;
}
.credit-conditions-section .c-title {
  font-family: "futurademic", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  letter-spacing: normal;
  color: #212225;
  margin-bottom: 8px;
}
.credit-conditions-section .c-description {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
}
.credit-conditions-section .conditions-list .conditions-item {
  width: calc(33.33% - 40px);
  margin-bottom: 84px;
}
.credit-conditions-section
  .conditions-list
  .conditions-item:nth-last-child(-n + 3) {
  margin-bottom: 0;
}
.credit-conditions-section .conditions-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.credit-advantages-section {
  padding: 60px 0;
}
.credit-advantages-section .title {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 50px;
}
.credit-advantages-section .advantages-list {
  display: flex;
  justify-content: space-between;
}
.credit-advantages-section .advantages-list .advantage-item {
  width: calc(33.33% - 40px);
}
.credit-advantages-section .advantages-list .advantage-item .icon {
  text-align: center;
  height: 72px;
  margin-bottom: 30px;
}
.credit-advantages-section .advantages-list .advantage-item .icon img {
  height: 72px;
}
.credit-advantages-section .advantages-list .advantage-item .a-title {
  font-size: 24px;
  line-height: 1.33;
  text-align: center;
  color: #212225;
  margin-bottom: 30px;
}
.credit-advantages-section .advantages-list .advantage-item .a-description {
  font-size: 14px;
  line-height: 1.14;
  text-align: center;
  color: #637282;
}
.how-to-get-credit-section {
  padding: 60px 0;
}
.how-to-get-credit-section .title {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 50px;
}
.how-to-get-credit-section .steps {
  display: flex;
  justify-content: space-between;
}
.how-to-get-credit-section .steps .step {
  width: calc(33.33% - 10px);
}
.how-to-get-credit-section .steps .step .icon {
  height: 72px;
  margin-bottom: 40px;
  text-align: center;
}
.how-to-get-credit-section .steps .step .icon {
  height: 72px;
}
.how-to-get-credit-section .steps .step .description {
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  color: #637282;
}
.credit-form-section {
  margin-bottom: 70px;
}
.credit-form-section .title {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding-top: 48px;
  background-color: #f9fbfd;
}
.credit-form-section .description {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding-bottom: 32px;
  background-color: #f9fbfd;
}
.credit-form-section form {
  background-color: #f9fbfd;
  padding-bottom: 48px;
}
.credit-form-section form .form-field {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 32px;
  position: relative;
}
.credit-form-section form .double-fields {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 32px;
}
.credit-form-section form .double-fields .form-field {
  width: calc(50% - 20px);
  margin: 0;
}
.credit-form-section form .form-field label {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  color: #424242;
  display: block;
  margin-bottom: 5px;
}
.credit-form-section form .form-field input[type="text"] {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
}
.credit-form-section form .form-field input[type="text"].error {
  border-color: #ed4337;
}
.credit-form-section form .form-field input[type="text"]:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
}
.credit-form-section form .form-field select {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
}
.credit-form-section form .button-part {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 560px;
  margin: 0 auto;
}
.credit-form-section form .button-part .checkbox-block {
  width: calc(100% - 220px);
}
.credit-form-section form .button-part .checkbox-block label {
  font-size: 14px;
  color: #212225;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
}
.credit-form-section form .button-part .checkbox-block label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.credit-form-section
  form
  .button-part
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.credit-form-section form .button-part .btn {
  width: 200px;
}
.credit-calculator-section {
  padding: 60px 0;
}
.credit-calculator-section + .deposits-section.investment-credits-section {
  padding-top: 0;
}
.credit-calculator-section h2,
.credit-calculator-section.investment-credits h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 50px;
}
.credit-calculator-section h3,
.credit-calculator-section.investment-credits h3 {
  font-size: 16px;
  line-height: 1.2;
  color: #637282;
  text-align: center;
  font-weight: 300;
  max-width: 650px;
  margin: 0 auto;
  margin-top: -20px;
  margin-bottom: 50px;
}
.credit-calculator-section.deposits-section.investment-credits-section h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.credit-calculator-section form {
  padding: 48px;
  padding-bottom: 12px;
  background-color: #f9fbfd;
}
.credit-calculator-section.investment-credits form {
  background: none;
  padding: 0;
}
.credit-calculator-section form .title {
  font-size: 24px;
  line-height: 1.33;
  text-align: left;
  color: #212225;
  margin-bottom: 40px;
}
.credit-calculator-section form .form-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.credit-calculator-section form .form-container .left-side {
  width: calc(100% - 320px);
  /*width: 100%;*/
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.credit-calculator-section form .form-container .right-side {
  width: 280px;
}
.credit-calculator-section form .form-container .left-side .calculator-block {
  width: calc(50% - 20px);
  margin-bottom: 40px;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-block
  .calculator-slider-title {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
  margin-bottom: 8px;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-block
  .calculator-inputs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-block
  .calculator-inputs
  input[type="text"] {
  background: none;
  font-size: 32px;
  line-height: 48px;
  text-align: left;
  color: #212225;
  height: 48px;
  width: 180px;
  border-radius: 4px;
  border: solid 1px #97a4b1;
  padding: 0 8px;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-block
  .calculator-inputs
  input[type="text"]:focus {
  border: solid 1px #1c7fdd;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-block
  .calculator-inputs
  .text {
  font-size: 32px;
  line-height: 40px;
  text-align: left;
  color: #637282;
  height: 40px;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-block
  .calculator-inputs
  .select-container {
  height: 40px;
  position: relative;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-block
  .calculator-inputs
  .select-container:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #888888 transparent transparent transparent;
  top: 50%;
  right: 6px;
  margin-top: -1px;
  z-index: 1;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-block
  .calculator-inputs
  select {
  border: none;
  background: none;
  font-size: 32px;
  line-height: 40px;
  text-align: left;
  color: #637282;
  height: 40px;
  padding-right: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-block
  .calculator-inputs
  select::-ms-expand {
  display: none;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-block
  .calculator-inputs
  span {
  border: none;
  background: none;
  font-size: 32px;
  line-height: 40px;
  text-align: left;
  color: #637282;
  height: 40px;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-block
  .calculator-slider
  .slider {
  height: 3px;
  background-color: rgba(127, 140, 161, 0.26);
  width: 100%;
  border: none;
  border-radius: 2px;
  margin-bottom: 10px;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-block
  .calculator-slider
  .slider.ui-slider-horizontal
  .ui-slider-range-min {
  background: #27282d;
  border-radius: 2px;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-block
  .calculator-slider
  .slider.ui-slider-horizontal
  .ui-slider-handle {
  width: 22px;
  height: 22px;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.17);
  background-color: #ffef00;
  border: solid 6px #ffffff;
  border-radius: 50%;
  margin-top: -5px;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-checkboxes {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 20px;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-checkboxes
  .calculator-checkbox {
  display: flex;
  margin-right: 25px;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-title {
  font-size: 16px;
  line-height: 18px;
  text-align: left;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-block
  label {
  font-size: 14px;
  line-height: 18px;
  color: #212225;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-block
  label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-block
  input[type="radio"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.credit-calculator-section
  form
  .form-container
  .left-side
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-block
  input[type="radio"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.credit-calculator-section form .form-container .left-side .form-hint {
  font-size: 14px;
  color: #8a8e96;
}
.credit-calculator-section form .form-container .right-side {
  text-align: center;
}
.credit-calculator-section form .form-container .right-side .calculator-result {
  margin-bottom: 40px;
}
.credit-calculator-section
  form
  .form-container
  .right-side
  .calculator-result
  .block-title {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
  text-align: center;
  margin-bottom: 18px;
}
.credit-calculator-section
  form
  .form-container
  .right-side
  .calculator-result
  .result {
  font-size: 32px;
  line-height: 1.19;
  color: #212225;
  text-align: center;
}
.credit-calculator-section
  form
  .form-container
  .right-side
  .calculator-result
  .result
  span {
  color: #637282;
}
.credit-calculator-section form .form-container .right-side .btn {
  min-width: 160px;
}
.credit-calculator-section form .form-container.no-button-container .left-side {
  width: 100%;
}
.credit-calculator-section-1 {
  margin-top: 72px;
}
.credit-calculator-section-1 .form-hint {
  margin-top: 16px;
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.67;
  color: #000000;
}
.credit-calculator-section-1 .form-hint_white {
  color: #ffffff;
}
.credit-calculator-section-1 form .form-container {
  padding: 24px 40px 30px;
  border-radius: 4px;
  background: url("/img/calculator_bg.png") center center no-repeat;
  background-size: cover;
}
.credit-calculator-section-1 form .form-container .title {
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: normal;
  color: #ffffff;
  margin-bottom: 24px;
}
.credit-calculator-section-1 form .form-container .content {
  display: flex;
  justify-content: space-between;
}
.credit-calculator-section-1 form .form-container .calculator-wrap {
  border-radius: 4px;
  background-blend-mode: multiply;
  background-color: rgba(116, 126, 136, 0.59);
  padding: 24px;
  display: flex;
  justify-content: space-between;
}
.credit-calculator-section-1
  form
  .form-container
  .calculator-wrap
  .calculator-slider-title {
  font-family: "futurademic", sans-serif;
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 6px;
}
.credit-calculator-section-1
  form
  .form-container
  .calculator-wrap
  .calculator-block {
  margin-right: 48px;
}
.credit-calculator-section-1
  form
  .form-container
  .calculator-wrap
  .calculator-block:nth-child(1)
  .input-field {
  max-width: 256px;
}
.credit-calculator-section-1
  form
  .form-container
  .calculator-wrap
  .calculator-block:nth-child(2)
  .input-field {
  max-width: 124px;
}
.credit-calculator-section-1
  form
  .form-container
  .calculator-wrap
  .calculator-block:last-child {
  margin-right: 0;
}
.credit-calculator-section-1
  form
  .form-container
  .calculator-wrap
  .calculator-inputs {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.credit-calculator-section-1
  form
  .form-container
  .calculator-wrap
  .calculator-inputs
  > span {
  font-family: "futurabookc", sans-serif;
  font-size: 32px;
  line-height: 1.19;
  color: #ffffff;
  min-width: 90px;
}
.credit-calculator-section-1
  form
  .form-container
  .calculator-wrap
  .input-field {
  border-radius: 4px;
  border: solid 0.5px rgba(255, 255, 255, 0.59);
  background-color: rgba(216, 216, 216, 0);
  padding: 4px 16px 6px;
  font-family: "futurabookc", sans-serif;
  font-size: 32px;
  line-height: 1.19;
  color: #ffffff;
  margin-right: 24px;
}
.credit-calculator-section-1 form .form-container .right-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.credit-calculator-section-1 form .form-container .right-side .block-title {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  text-align: right;
  color: #ffffff;
  margin-bottom: 10px;
}
.credit-calculator-section-1 form .form-container .right-side .result {
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  line-height: 1;
  text-align: right;
  color: #ffffff;
  margin-bottom: 44px;
}
.credit-calculator-section-1
  form
  .form-container
  .left-side
  .calculator-block
  .calculator-slider
  .slider {
  height: 3px;
  background-color: rgba(255, 255, 255, 0.3);
  width: 100%;
  border: none;
  border-radius: 2px;
  margin-bottom: 10px;
}
.credit-calculator-section-1
  form
  .form-container
  .left-side
  .calculator-block
  .calculator-slider
  .slider.ui-slider-horizontal
  .ui-slider-range-min {
  background: #ffffff;
  border-radius: 2px;
}
.credit-calculator-section-1
  form
  .form-container
  .left-side
  .calculator-block
  .calculator-slider
  .slider.ui-slider-horizontal
  .ui-slider-handle {
  width: 22px;
  height: 22px;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.17);
  background-color: #ffef00;
  border: solid 6px #ffffff;
  border-radius: 50%;
  margin-top: -5px;
}
.credit-calculator-section-1 form .form-container .calculator-checkboxes {
  margin-top: 24px;
}
.credit-calculator-section-1 form .form-container .slider-points {
  display: flex;
  justify-content: space-between;
}
.credit-calculator-section-1 form .form-container .slider-points .point {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: #ffffff;
}
.credit-calculator-section-1
  form
  .form-container
  .left-side
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-block
  label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  display: inline-block;
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.38;
  color: #ffffff;
}
.credit-calculator-section-1
  form
  .form-container
  .left-side
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-block
  label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: solid 1px rgba(64, 70, 96, 0.16);
  background-color: rgba(255, 255, 255, 0.16);
}
.credit-calculator-section-1
  form
  .form-container
  .left-side
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.credit-calculator-section-1
  form
  .form-container
  .left-side
  .calculator-checkboxes
  .calculator-checkbox
  .checkbox-block
  input[type="checkbox"] {
  display: none;
}
.credit-calculator-section-1 form .range-slider .range-slider-rail,
.credit-calculator-section-1 form .range-slider .range-slider-fill {
  height: 3px;
}
.credit-calculator-section-1 form .range-slider .range-slider-fill {
  background: #ffffff;
}
.credit-calculator-section-1 form .range-slider .range-slider-rail {
  background: rgba(255, 255, 255, 0.3);
}
.credit-calculator-section-1 form .range-slider .range-slider-knob {
  margin-top: 0;
}
.credit-calculator-section-1 form .range-slider {
  padding: 0;
}
.info-span {
  background: url("/img/info_icon.svg") center no-repeat;
  width: 18px;
  height: 22px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  font-family: "futurabookc", sans-serif;
}
.info-span .text {
  display: none;
  position: absolute;
  top: 27px;
  left: 50%;
  opacity: 0.96;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
  background-color: #ffffff;
  border: solid 1px #e8eef4;
  transform: translateX(-50%);
  font-size: 14px;
  padding: 16px;
  min-width: 300px;
  color: #97a4b1;
  text-align: center;
  z-index: 22;
  font-family: "futurabookc", sans-serif;
  font-weight: 300;
}
.info-span .text:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #e8eef4 transparent;
  z-index: 23;
}
.info-span .text:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #ffffff transparent;
  z-index: 24;
}
.info-span .text .info-title {
  font-size: 18px;
  margin-bottom: 5px;
  text-align: center;
  color: #34495e;
  font-family: "futurabookc", sans-serif;
}
.info-span:hover .text {
  display: block;
}
.cards-order-section {
  padding: 48px 0;
}
.cards-order-tabs {
  display: flex;
  justify-content: center;
  border-bottom: 2px solid rgba(252, 230, 16, 0.1);
  margin-bottom: 48px;
}
.cards-order-tabs .tab {
  font-size: 18px;
  text-align: center;
  color: #637282;
  text-decoration: none;
  height: 40px;
  line-height: 40px;
  min-width: 300px;
}
.cards-order-tabs .tab.active {
  color: #27282d;
  border-bottom: 4px solid #fce610;
}
.cards-order-tab {
  display: none;
}
.cards-order-tab.active {
  display: block;
}
.cards-order-tab .cards-list-block {
  padding: 48px;
  border-radius: 4px;
  background-color: #f9fbfd;
  margin-bottom: 48px;
}
.cards-order-tab .cards-list-block .block-title {
  font-size: 24px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 24px;
}
.cards-order-tab .cards-list-block .cards-list {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.cards-order-tab .cards-list-block .cards-list .card-item {
  margin: 0 40px;
}
.cards-order-tab .cards-list-block .cards-list .card-item input[type="radio"] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.cards-order-tab .cards-list-block .cards-list .card-item input + label {
  cursor: pointer;
}
.cards-order-tab .cards-list-block .cards-list .card-item input + label .image {
  width: 232px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin-bottom: 24px;
}
.cards-order-tab
  .cards-list-block
  .cards-list
  .card-item
  input
  + label
  .image
  img {
  max-width: 100%;
  display: block;
}
.cards-order-tab
  .cards-list-block
  .cards-list
  .card-item
  input
  + label
  .card-title {
  font-size: 14px;
  line-height: 1.71;
  text-align: center;
  color: #637282;
}
.cards-order-tab
  .cards-list-block
  .cards-list
  .card-item
  input
  + label
  .card-title
  span {
  position: relative;
  padding-left: 25px;
  line-height: 18px;
  height: 18px;
  display: inline-block;
}
.cards-order-tab
  .cards-list-block
  .cards-list
  .card-item
  input
  + label
  .card-title
  span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  opacity: 0.16;
  background-color: #ffffff;
  border: solid 1px #404660;
  border-radius: 50%;
}
.cards-order-tab
  .cards-list-block
  .cards-list
  .card-item
  input:checked
  + label {
}
.cards-order-tab
  .cards-list-block
  .cards-list
  .card-item
  input:checked
  + label
  .image {
  box-shadow: 0 12px 30px 0 rgba(0, 0, 0, 0.19);
  transform: scale(1.15);
}
.cards-order-tab
  .cards-list-block
  .cards-list
  .card-item
  input:checked
  + label
  .card-title
  span:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
  opacity: 1;
  background-color: #27282d;
  border: solid 1px #27282d;
  border-radius: 50%;
}
.cards-order-tab
  .cards-list-block
  .cards-list
  .card-item
  input:checked
  + label
  .card-title
  span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  opacity: 1;
  background-color: #fce610;
  border: solid 1px #fce610;
  border-radius: 50%;
}
.cards-order-tab .personal-data-block {
  padding: 40px;
  border-radius: 4px;
  background-color: #f9fbfd;
  margin-bottom: 48px;
}
.cards-order-tab .personal-data-block .block-title {
  font-size: 24px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 24px;
}
.cards-order-tab .upload-file-block {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 32px;
  position: relative;
}
.cards-order-tab .upload-file-block .title {
  font-size: 16px;
  color: #637282;
  background: url("/img/skrepka.svg") 0 0 no-repeat;
  padding-left: 40px;
  line-height: 16px;
  margin-bottom: 20px;
}
.cards-order-tab .upload-file-block .file-box {
  border-radius: 4px;
  padding: 10px;
  border: dashed 1px #97a4b1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
}
.cards-order-tab .upload-file-block .file-box.over {
  background: #fff;
}
.cards-order-tab .upload-file-block .file-box input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.cards-order-tab .upload-file-block .file-box label {
  font-size: 16px;
  cursor: pointer;
  line-height: 1.5;
  text-align: center;
  color: #767676;
}
.cards-order-tab .upload-file-block .file-box label span {
  color: #1c7fdd;
}
.cards-order-tab .form-field {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 32px;
  position: relative;
}
.cards-order-tab .double-fields {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 32px;
}
.cards-order-tab .double-fields .form-field {
  width: calc(50% - 20px);
  margin: 0;
}
.cards-order-tab .double-fields .form-field .hint {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.14;
  text-align: left;
  color: #637282;
  padding-top: 20px;
}
.cards-order-tab .form-field label {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  color: #424242;
  display: block;
  margin-bottom: 5px;
}
.cards-order-tab .form-field input[type="text"] {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
}
.cards-order-tab .form-field input[type="text"].error {
  border-color: #ed4337;
}
.cards-order-tab .form-field input[type="text"]:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
}
.cards-order-tab .form-field select {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
}
.cards-order-tab .form-field select.disabled {
  opacity: 0.85;
  background-color: #f8f8f8;
  border: solid 1px #e7e7e7;
  pointer-events: none;
}
.cards-order-tab .checkbox-block {
  display: inline-block;
  margin-right: 40px;
}
.cards-order-tab .checkbox-block label {
  font-size: 14px;
  line-height: 18px;
  color: #212225;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  font-family: "futurabookc", sans-serif;
  margin-bottom: 0;
}
.cards-order-tab .checkbox-block label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.cards-order-tab .checkbox-block input[type="checkbox"]:checked + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.cards-order-tab .delivery-block {
  padding: 40px;
  border-radius: 4px;
  background-color: #f9fbfd;
  margin-bottom: 48px;
}
.cards-order-tab .delivery-block .block-title {
  font-size: 24px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 30px;
}
.cards-order-tab .delivery-block .delivery-tabs {
  display: flex;
  justify-content: center;
  border-bottom: 2px solid rgba(252, 230, 16, 0.1);
  max-width: 604px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.cards-order-tab .delivery-block .delivery-tabs .tab {
  font-size: 18px;
  text-align: center;
  color: #637282;
  text-decoration: none;
  height: 40px;
  line-height: 40px;
  min-width: 280px;
}
.cards-order-tab .delivery-block .delivery-tabs .tab.active {
  color: #27282d;
  border-bottom: 4px solid #fce610;
}
.cards-order-tab .delivery-block .delivery-tab {
  display: none;
}
.cards-order-tab .delivery-block .delivery-tab.active {
  display: block;
}
.cards-order-tab .button-part {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cards-order-tab .button-part .checkbox-block {
  width: calc(100% - 300px);
  margin-right: 0;
}
.cards-order-tab .button-part .btn {
  width: 200px;
}
.online-service-intro-section {
  padding: 70px 0;
}
.online-service-intro-section .image {
  text-align: center;
  margin-bottom: 30px;
}
.online-service-intro-section .image img {
  max-width: 100%;
}
.online-service-intro-section .text {
  max-width: 600px;
  font-size: 24px;
  line-height: 1.33;
  text-align: center;
  color: #212225;
  margin: 0 auto;
}
.main-features-online-service-section {
  background-color: #f9fbfd;
  padding: 48px 0;
}
.main-features-online-service-section .features-list {
  display: flex;
  justify-content: center;
  text-align: center;
}
.main-features-online-service-section .features-list .item {
  width: 340px;
  padding: 0 15px;
}
.main-features-online-service-section .features-list .item .title {
  font-size: 24px;
  line-height: 1.33;
  text-align: center;
  color: #212225;
  margin-bottom: 24px;
  font-family: "futurademic", sans-serif;
}
.main-features-online-service-section .features-list .item .description {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #637282;
  margin-bottom: 24px;
}
.main-features-online-service-section .features-list .item .btn {
  min-width: 160px;
}
.working-modes-section {
  padding: 60px 0;
}
.working-modes-section .block-title {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 48px;
}
.working-modes-section .modes {
  display: flex;
  justify-content: center;
}
.working-modes-section .modes .mode {
  width: 470px;
  padding: 0 40px;
}
.working-modes-section .modes .mode:first-child {
  border-right: 1px solid #e0e6ed;
}
.working-modes-section .modes .mode .title {
  font-size: 24px;
  font-family: "futurademic", sans-serif;
  line-height: 1.33;
  text-align: center;
  color: #212225;
  margin-bottom: 40px;
}
.working-modes-section .modes .mode .title .text {
  min-width: 320px;
}
.working-modes-section .modes .mode .title .text .info-title {
  font-size: 18px;
  margin-bottom: 5px;
  text-align: center;
  color: #34495e;
}
.working-modes-section .modes .mode .description {
}
.working-modes-section .modes .mode .description ul {
}
.working-modes-section .modes .mode .description ul li {
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  color: #212225;
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
}
.working-modes-section .modes .mode .description ul li:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #fce610;
  border-radius: 50%;
}
.online-services-slider-section {
  background-color: #f9fbfd;
  padding: 56px 0;
  position: relative;
  overflow: hidden;
}
.online-services-slider-section .service-item {
  max-width: 400px;
  cursor: pointer;
  position: relative;
  z-index: 434;
  margin-bottom: 60px;
}
.online-services-slider-section .service-item .title {
  font-size: 24px;
  font-family: "futurademic", sans-serif;
  color: #637282;
  margin-bottom: 20px;
  position: relative;
}
.online-services-slider-section .service-item .description {
  font-size: 16px;
  line-height: 1.38;
  color: #637282;
}
.online-services-slider-section .service-item.active .title {
  color: #212225;
}
.online-services-slider-section .service-item.active .title:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 160px;
  background-color: #fce610;
  height: 4px;
}
.online-services-slider-section .service-item.active .description {
  color: #212225;
}
.online-services-slider-section .slider-container {
  position: absolute;
  top: 50%;
  left: 36%;
  width: 1227px;
  height: 624px;
  background: url(/img/ipad_bg.png) 0 0 no-repeat;
  transform: translateY(-50%);
}
.online-services-slider-section .slider-container .online-service-slider {
  margin-bottom: 0;
  width: 678px;
  height: 509px;
  position: absolute;
  top: 26px;
  left: 335px;
}
.online-services-slider-section
  .slider-container
  .online-service-slider
  .slick-next,
.online-services-slider-section
  .slider-container
  .online-service-slider
  .slick-prev {
  display: none !important;
}
.online-services-slider-section
  .slider-container
  .online-service-slider
  .slick-dots {
  bottom: 50%;
  left: -105px;
  width: 20px;
  transform: translateY(50%);
}
.online-services-slider-section
  .slider-container
  .online-service-slider
  .slick-dots
  li {
  width: 8px;
  height: 8px;
}
.online-services-slider-section
  .slider-container
  .online-service-slider
  .slick-dots
  li
  button {
  width: 8px;
  height: 8px;
  border: solid 2px #e0e6ed;
  border-radius: 50%;
  padding: 0;
}
.online-services-slider-section
  .slider-container
  .online-service-slider
  .slick-dots
  li
  button:before {
  display: none !important;
}
.online-services-slider-section
  .slider-container
  .online-service-slider
  .slick-dots
  li.slick-active
  button {
  border: solid 2px #fce610;
  background: #fce610;
}
.base-rates-section {
  padding-top: 50px;
  padding-bottom: 50px;
}
.base-rates-section .title,
.base-rates-section h2 {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 60px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.base-rates-section .rates-table {
  margin-bottom: 40px;
}
.table-container {
  overflow-x: auto;
  width: 100%;
}
.base-rates-section table {
  width: 100%;
  margin-bottom: 40px;
}
.base-rates-section table tr td {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #637282;
  width: 25%;
  padding: 16px 10px;
}
.base-rates-section table tr td:first-child {
  min-width: 100px;
}
.base-rates-section table tr td .special {
  color: #212225;
  padding-left: 30px;
  background: url(/img/chevron-up-green.svg) 15px 4px no-repeat;
  background-size: 10px;
}
.base-rates-section table thead tr td {
  font-size: 16px;
  line-height: 1.38;
  font-family: "futurademic", sans-serif;
  color: #212225;
  border-bottom: 2px solid #e0e6ed;
}
.deposit-calculator-section {
}
.deposit-calculator-section .calculator-block {
  border-radius: 4px;
  background-color: #f9fbfd;
  padding: 48px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.deposit-calculator-section .calculator-block .calc-part {
  width: calc(100% - 300px);
  padding-right: 90px;
}
.deposit-calculator-section .calculator-block .calc-part .top {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.deposit-calculator-section .calculator-block .calc-part .top .title {
  font-size: 24px;
  line-height: 1.33;
  text-align: left;
  color: #212225;
  margin-right: 40px;
}
.deposit-calculator-section .calculator-block .calc-part .top .currency-radio {
}
.deposit-calculator-section
  .calculator-block
  .calc-part
  .top
  .currency-radio
  label {
  font-size: 14px;
  line-height: 18px;
  min-height: 18px;
  text-align: left;
  color: #637282;
  position: relative;
  cursor: pointer;
  padding-left: 24px;
  white-space: nowrap;
  margin-right: 20px;
}
.deposit-calculator-section
  .calculator-block
  .calc-part
  .top
  .currency-radio
  label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  opacity: 1;
  background-color: #fce610;
  border: solid 1px #fce610;
  border-radius: 50%;
}
.deposit-calculator-section
  .calculator-block
  .calc-part
  .top
  .currency-radio
  input:checked
  + label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
  opacity: 1;
  background-color: #27282d;
  border: solid 1px #27282d;
  border-radius: 50%;
}
.deposit-calculator-section .calculator-block .calc-part .bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.deposit-calculator-section
  .calculator-block
  .calc-part
  .bottom
  .calculator-slider-block {
  width: calc(50% - 20px);
  margin-bottom: 40px;
}
.deposit-calculator-section
  .calculator-block
  .calc-part
  .bottom
  .calculator-slider-block
  .calculator-slider-title {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
  margin-bottom: 8px;
}
.deposit-calculator-section
  .calculator-block
  .calc-part
  .bottom
  .calculator-slider-block
  .calculator-inputs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.deposit-calculator-section
  .calculator-block
  .calc-part
  .bottom
  .calculator-slider-block
  .calculator-inputs
  input[type="text"] {
  background: none;
  font-size: 32px;
  line-height: 48px;
  text-align: left;
  color: #212225;
  height: 48px;
  width: 160px;
  padding: 0 8px;
  border-radius: 4px;
  border: solid 1px #97a4b1;
}
.deposit-calculator-section
  .calculator-block
  .calc-part
  .bottom
  .calculator-slider-block:first-child
  .calculator-inputs
  input[type="text"] {
  width: 196px;
}
.deposit-calculator-section
  .calculator-block
  .calc-part
  .bottom
  .calculator-slider-block
  .calculator-inputs
  input[type="text"]:focus {
  border: solid 1px #1c7fdd;
}
.deposit-calculator-section
  .calculator-block
  .calc-part
  .bottom
  .calculator-slider-block
  .calculator-inputs
  span {
  font-size: 32px;
  line-height: 40px;
  color: #637282;
}
.deposit-calculator-section
  .calculator-block
  .calc-part
  .bottom
  .calculator-slider-block
  .calculator-slider
  .slider {
  height: 3px;
  background-color: rgba(127, 140, 161, 0.26);
  width: 100%;
  border: none;
  border-radius: 2px;
  margin-bottom: 10px;
}
.deposit-calculator-section
  .calculator-block
  .calc-part
  .bottom
  .calculator-slider-block
  .calculator-slider
  .slider.ui-slider-horizontal
  .ui-slider-range-min {
  background: #27282d;
  border-radius: 2px;
}
.deposit-calculator-section
  .calculator-block
  .calc-part
  .bottom
  .calculator-slider-block
  .calculator-slider
  .slider.ui-slider-horizontal
  .ui-slider-handle {
  width: 22px;
  height: 22px;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.17);
  background-color: #ffef00;
  border: solid 6px #ffffff;
  border-radius: 50%;
  margin-top: -5px;
}
.deposit-calculator-section
  .calculator-block
  .calc-part
  .bottom
  .calculator-slider-block
  .calculator-slider
  .slider-points {
  display: flex;
  justify-content: space-between;
}
.deposit-calculator-section
  .calculator-block
  .calc-part
  .bottom
  .calculator-slider-block
  .calculator-slider
  .slider-points
  .point {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
}
.deposit-calculator-section .calculator-block .calculator-radioboxes {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.deposit-calculator-section .calculator-block .calculator-radioboxes span {
  font-size: 18px;
  line-height: 18px;
  color: #637282;
}
.deposit-calculator-section
  .calculator-block
  .calculator-radioboxes
  .calculator-radiobox {
  margin-left: 20px;
}
.deposit-calculator-section
  .calculator-block
  .calculator-radioboxes
  .calculator-radiobox
  label {
  font-size: 14px;
  line-height: 18px;
  min-height: 18px;
  text-align: left;
  color: #637282;
  position: relative;
  cursor: pointer;
  padding-left: 24px;
  margin: 0;
  white-space: nowrap;
}
.deposit-calculator-section
  .calculator-block
  .calculator-radioboxes
  .calculator-radiobox
  label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  opacity: 1;
  background-color: #fce610;
  border: solid 1px #fce610;
  border-radius: 50%;
}
.deposit-calculator-section
  .calculator-block
  .calculator-radioboxes
  .calculator-radiobox
  input:checked
  + label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
  opacity: 1;
  background-color: #27282d;
  border: solid 1px #27282d;
  border-radius: 50%;
}
.deposit-calculator-section .calculator-block .calculator-checkboxes {
  display: flex;
  flex-wrap: wrap;
}
.deposit-calculator-section
  .calculator-block
  .calculator-checkboxes
  .checkbox-block
  label {
  font-size: 14px;
  line-height: 18px;
  color: #212225;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  margin-right: 24px;
}
.deposit-calculator-section
  .calculator-block
  .calculator-checkboxes
  .checkbox-block
  label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.deposit-calculator-section
  .calculator-block
  .calculator-checkboxes
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.deposit-calculator-section
  .calculator-block
  .calculator-checkboxes
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.deposit-calculator-section .calculator-block .for-hint,
.deposit-calculator-section .calculator-block .form-hint {
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  color: #637282;
  padding-top: 20px;
}
.deposit-calculator-section .calculator-block .result-part {
  width: 300px;
}
.deposit-calculator-section .calculator-block .result-part .result {
  margin-bottom: 20px;
}
.deposit-calculator-section .calculator-block .result-part .result .r-title {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
}
.deposit-calculator-section .calculator-block .result-part .result .r-number {
  font-size: 32px;
  line-height: 40px;
  text-align: left;
  color: #212225;
  display: flex;
}
.deposit-calculator-section
  .calculator-block
  .result-part
  .result
  .r-number
  span {
  color: #637282;
  margin-left: 5px;
}
.deposit-calculator-section .calculator-block .result-part .btn {
  width: 160px;
}
.deposit-calculator-section .calculator-block .full-form {
  width: 100%;
  border-top: 1px solid #e0e6ed;
  padding-top: 40px;
  margin-top: 40px;
  display: none;
}
.deposit-calculator-section .calculator-block .full-form .title {
  font-size: 24px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 32px;
}
.deposit-calculator-section .calculator-block .full-form .form-field {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 32px;
  position: relative;
}
.deposit-calculator-section .calculator-block .full-form .double-fields {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 32px;
}
.deposit-calculator-section
  .calculator-block
  .full-form
  .double-fields
  .form-field {
  width: calc(50% - 20px);
  margin: 0;
}
.deposit-calculator-section .calculator-block .full-form .form-field label {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  color: #424242;
  display: block;
  margin-bottom: 5px;
}
.deposit-calculator-section
  .calculator-block
  .full-form
  .form-field
  input[type="text"] {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
}
.deposit-calculator-section
  .calculator-block
  .full-form
  .form-field
  input[type="text"].error {
  border-color: #ed4337;
}
.deposit-calculator-section
  .calculator-block
  .full-form
  .form-field
  input[type="text"]:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
}
.deposit-calculator-section .calculator-block .full-form .form-field select {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
}
.deposit-calculator-section
  .calculator-block
  .full-form
  .form-field
  select.disabled {
  opacity: 0.85;
  background-color: #f8f8f8;
  border: solid 1px #e7e7e7;
  pointer-events: none;
}
.deposit-calculator-section .calculator-block .full-form .button-part {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.deposit-calculator-section .calculator-block .full-form .checkbox-block {
  display: inline-block;
  margin-right: 40px;
}
.deposit-calculator-section .calculator-block .full-form .checkbox-block label {
  font-size: 14px;
  line-height: 18px;
  color: #212225;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  font-family: "futurabookc", sans-serif;
  margin-bottom: 0;
}
.deposit-calculator-section
  .calculator-block
  .full-form
  .checkbox-block
  label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.deposit-calculator-section
  .calculator-block
  .full-form
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.deposit-calculator-section
  .calculator-block
  .full-form
  .button-part
  .checkbox-block {
  width: calc(100% - 300px);
  margin-right: 0;
}
.deposit-calculator-section .calculator-block .full-form .button-part .btn {
  width: 160px;
}
.program-reliability-section {
  padding: 64px 0;
}
.program-reliability-section .block-title,
.program-reliability-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 10px;
}
.program-reliability-section .block-description,
.program-reliability-section h3 {
  font-size: 24px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  font-weight: 300;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 48px;
}
.program-reliability-section table {
  width: 100%;
}
.program-reliability-section table tr {
}
.program-reliability-section table tr td {
  padding: 0 30px;
}
.program-reliability-section table tr td p {
  text-align: center;
  color: #212225;
  margin-bottom: 10px;
}
.program-reliability-section table tr td img {
  margin-bottom: 20px;
}
.program-reliability-section .features-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 64px;
}
.program-reliability-section .features-list .feature {
  max-width: 300px;
  width: 33.33%;
  padding: 0 10px;
}
.program-reliability-section .features-list .feature .icon {
  text-align: center;
  margin-bottom: 24px;
}
.program-reliability-section .features-list .feature .title {
  font-size: 16px;
  line-height: 1.38;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
}
.program-reliability-section .features-list .feature .description {
  font-size: 14px;
  text-align: center;
  color: #637282;
}
.program-reliability-section h4 {
  font-size: 16px;
  line-height: 1.38;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 32px;
}
.unika-partners-block {
}
.unika-partners-block .title {
  font-size: 16px;
  line-height: 1.38;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 32px;
}
.unika-partners-block .partners-list {
  display: flex;
  justify-content: space-between;
}
.unika-partners-block .partners-list .partner {
  width: 160px;
  text-align: center;
}
.unika-partners-block .partners-list .partner img {
  max-width: 100%;
}
.program-example-section {
  padding: 64px 0;
}
.program-example-section .block-title {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 64px;
}
.program-example-section .text-block {
}
.program-example-section .text-block p {
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  color: #27282d;
  max-width: 580px;
  margin: 0 auto;
  margin-bottom: 24px;
}
.program-example-section .text-block.background-block {
  border-radius: 4px;
  background: url(/img/group-20.svg) 20px center no-repeat #f9fbfd;
  padding: 34px;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.money-transfer-section {
  padding: 64px 0;
}
.money-transfer-section .block-title {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 28px;
}
.money-transfer-section .block-description {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #637282;
  max-width: 750px;
  margin: 0 auto;
  margin-bottom: 64px;
}
.money-transfer-section .money-transfer-links {
  display: flex;
  justify-content: space-between;
}
.money-transfer-section .money-transfer-links .money-transfer-item {
  width: calc(25% - 10px);
  max-width: 330px;
  height: 240px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.money-transfer-section .money-transfer-links .money-transfer-item .image {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.money-transfer-section .money-transfer-links .money-transfer-item .image img {
  min-width: 100%;
  min-height: 100%;
}
.money-transfer-section .money-transfer-links .money-transfer-item .text {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 24px 18px;
}
.money-transfer-section
  .money-transfer-links
  .money-transfer-item
  .text
  .title {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  padding: 0 18px;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  color: #000;
  font-family: "futurademic", sans-serif;
  margin-bottom: 24px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.money-transfer-section
  .money-transfer-links
  .money-transfer-item
  .text
  .description {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.money-transfer-section
  .money-transfer-links
  .money-transfer-item
  .text
  .description
  p {
  font-size: 14px;
  line-height: 1.2;
  padding: 0 10px;
  text-align: center;
  color: #000;
  margin-bottom: 24px;
}
.money-transfer-section
  .money-transfer-links
  .money-transfer-item
  .text
  .button {
  text-align: center;
}
.money-transfer-section
  .money-transfer-links
  .money-transfer-item:hover
  .text
  .title {
  top: 24px;
  transform: translateY(0%);
}
.money-transfer-section
  .money-transfer-links
  .money-transfer-item:hover
  .text
  .description {
  top: 70px;
  transform: translateY(0%);
  opacity: 1;
}
.online-payment-section {
  padding: 64px 0;
}
.online-payment-section .container {
  position: relative;
}
.online-payment-section .container .btn {
  top: 0;
  right: 20px;
  position: absolute;
}
.online-payment-section .block-title {
  font-size: 40px;
  line-height: 1.2;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 6px;
}
.online-payment-section .block-description {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
  margin-bottom: 64px;
  max-width: 820px;
}
.online-payment-section .online-payment-features {
  display: flex;
  flex-wrap: wrap;
}
.online-payment-section .online-payment-features .op-feature {
  width: calc(100% / 6);
  padding: 0 5px;
  margin-bottom: 20px;
  position: relative;
  text-decoration: none;
}
.online-payment-section .online-payment-features .op-feature:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 76px;
  height: 76px;
  background: #fce610;
  border-radius: 50%;
  z-index: 1;
  transform: translateX(-50%);
}
.online-payment-section .online-payment-features .op-feature .icon {
  text-align: center;
  position: relative;
  z-index: 2;
}
.online-payment-section .online-payment-features .op-feature .text {
  font-size: 16px;
  line-height: 1.38;
  text-align: center;
  text-decoration: none;
  color: #212225;
  position: relative;
  z-index: 2;
}
.transfers-payments-section {
  padding-top: 90px;
}
.transfers-payments-section .block-title {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  max-width: 800px;
  margin: 0 auto;
}
.transfers-payments-section .block-description {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #637282;
  max-width: 750px;
  margin: 0 auto;
  margin-bottom: 64px;
}
.payments-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.transfers-payments-section .payment-block {
  border-radius: 4px;
  background-color: #f9fbfd;
  padding: 32px 40px;
  margin-bottom: 40px;
  width: calc(50% - 20px);
}
.transfers-payments-section .payment-block.card-transfer {
  width: 100%;
  background: url("/img/group-15.png") bottom right no-repeat #f9fbfd;
  min-height: 290px;
}
.transfers-payments-section .payment-block .title-block {
  display: flex;
  margin-bottom: 24px;
}
.transfers-payments-section .payment-block.card-transfer .title-block {
  margin-bottom: 64px;
}
.transfers-payments-section .payment-block.credit {
  width: 100%;
  background: url("/img/group-58.png") bottom right no-repeat #f9fbfd;
  padding-bottom: 60px;
}
.transfers-payments-section .payment-block.credit .title-block {
  margin-bottom: 64px;
}
.transfers-payments-section .payment-block .title-block .icon {
  width: 42px;
  height: 42px;
  background-color: #ffef00;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
}
.transfers-payments-section .payment-block .title-block .icon + div {
  width: calc(100% - 60px);
}
.transfers-payments-section .payment-block .title-block .icon img {
  max-width: 100%;
}
.transfers-payments-section .payment-block .title-block .title {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #212225;
}
.transfers-payments-section .payment-block .title-block .description {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
}
.transfers-payments-section .payment-block .btn-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 420px;
}
.transfers-payments-section .payment-block .btn-block .btn {
  width: 160px;
}
.transfers-payments-section .payment-block .btn-block .text {
  width: 100%;
  max-width: 365px;
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
}
.transfers-payments-section .payment-block .btn-block .systems-image {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);

  margin-left: 32px;
}
.business-navigation-features {
  padding-top: 100px;
}
.business-navigation-features .block-title,
.business-navigation-features h2 {
  font-size: 40px;
  line-height: 1;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 60px;
}
.business-navigation-features .block-description {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #637282;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 64px;
}
.business-navigation-features .features-list {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}
.business-navigation-features .features-list .feature {
  width: 260px;
  padding: 0 20px;
}
.business-navigation-features .features-list .feature .icon {
  text-align: center;
  margin-bottom: 24px;
}
.business-navigation-features .features-list .feature .text {
  font-size: 14px;
  line-height: 1.38;
  text-align: center;
  color: #637282;
  padding: 0 5px;
}
.business-navigation-consultation {
  padding: 60px 0;
  background: #f9fbfd;
}
.business-navigation-consultation h2 {
  font-size: 40px;
  line-height: 1;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 60px;
}
.business-navigation-consultation .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.business-navigation-consultation .list .item {
  width: calc(33.33% - 80px);
}
.business-navigation-consultation .list .item .number {
  text-align: center;
  font-size: 64px;
  line-height: 1;
  color: #e5e5e5;
  font-family: "futurademic", sans-serif;
}
.business-navigation-consultation .list .item .title {
  text-align: center;
  font-size: 18px;
  color: #212225;
  line-height: 1.1;
}
.business-navigation-answers {
  padding: 60px 0;
}
.business-navigation-answers h2 {
  font-size: 40px;
  line-height: 1;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 60px;
}
.business-navigation-answers .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.business-navigation-answers .list .item {
  width: calc(50% - 20px);
  margin-bottom: 16px;
  padding-left: 30px;
  font-size: 18px;
  color: #212225;
  line-height: 1.1;
  position: relative;
}
.business-navigation-answers .list .item:after {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background: #fce610;
}
.business-navigation-contacts {
  padding: 60px 0;
  background: #f9fbfd;
  margin-bottom: 60px;
}
.business-navigation-contacts h2 {
  font-size: 40px;
  line-height: 1;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 60px;
}
.business-navigation-contacts .contact {
  max-width: 500px;
  margin: 0 auto;
}
.business-navigation-contacts .contact .title {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  margin-bottom: 28px;
  color: #27282d;
  position: relative;
  font-family: "futurademic", sans-serif;
}
.business-navigation-contacts .contact .title:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 64px;
  height: 4px;
  background-color: #e0e6ed;
}
.business-navigation-contacts .contact table {
  width: 100%;
}
.business-navigation-contacts .contact table td {
  padding: 5px;
  vertical-align: top;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #637282;
}
.business-navigation-contacts .contact .email {
  padding-left: 30px;
  background: url("/img/contact-email.png") 0 0 no-repeat;
}
.business-navigation-contacts .contact .phone {
  padding-left: 30px;
  background: url("/img/contact-phone.png") 0 0 no-repeat;
}
.business-navigation-contacts .contact .time {
  padding-left: 30px;
  background: url("/img/contact-time.png") 0 0 no-repeat;
}
.currency-operation-advantages-section {
  padding-top: 100px;
  padding-bottom: 50px;
}
.currency-operation-advantages-section .block-title {
  font-size: 40px;
  line-height: 1;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 32px;
}
.currency-operation-advantages-section .block-description {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #637282;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 64px;
}
.currency-operation-advantages-section .advantages-list {
  display: flex;
  justify-content: center;
}
.currency-operation-advantages-section .advantages-list .advantage-item {
  width: 220px;
  padding: 0 20px;
}
.currency-operation-advantages-section .advantages-list .advantage-item .icon {
  text-align: center;
  margin-bottom: 18px;
}
.currency-operation-advantages-section
  .advantages-list
  .advantage-item
  .icon
  img {
  max-width: 100%;
}
.currency-operation-advantages-section .advantages-list .advantage-item .title {
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  font-size: 16px;
  margin-bottom: 12px;
}
.currency-operation-advantages-section
  .advantages-list
  .advantage-item
  .description {
  color: #637282;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}
.correspondent-network-section {
  padding-top: 50px;
  padding-bottom: 50px;
}
.correspondent-network-section .block-title {
  font-size: 40px;
  line-height: 1;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 32px;
}
.correspondent-network-section .block-description {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #637282;
  max-width: 670px;
  margin: 0 auto;
  margin-bottom: 64px;
}
.correspondent-network-section .network-form {
  max-width: 670px;
  margin: 0 auto;
}
.correspondent-network-section .network-form .form-block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.correspondent-network-section .network-form .form-block .select-container {
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  width: calc(50% - 15px);
  position: relative;
}
.correspondent-network-section .network-form .form-block select {
  border: none;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  height: 48px;
  padding: 0 16px;
  background: transparent;
  z-index: 3;
  -webkit-appearance: none;
  width: 100%;
  -moz-appearance: none;
}
.correspondent-network-section .network-form .form-block select::-ms-expand {
  display: none;
}
.correspondent-network-section
  .network-form
  .form-block
  .select-container:after {
  content: "";
  position: absolute;
  right: 6px;
  top: 21px;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #888888 transparent transparent transparent;
}
.correspondent-network-section .network-form .form-block .result {
  width: calc(50% - 15px);
}
.correspondent-network-section .network-form .form-block .result .title {
  color: #97a4b1;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 20px;
}
.correspondent-network-section .network-form .form-block .result .items {
  display: flex;
  flex-wrap: wrap;
}
.correspondent-network-section .network-form .form-block .result .items .item {
  color: #212225;
  font-family: "futurademic", sans-serif;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 15px;
  margin-right: 15px;
}
.currency-requisites-section {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f9fbfd;
}
.currency-requisites-section .block-title {
  font-size: 40px;
  line-height: 1;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 32px;
}
.currency-requisites-section .block-description {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #637282;
  max-width: 670px;
  margin: 0 auto;
  margin-bottom: 64px;
}
.currency-requisites-section .currencies-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.currency-requisites-section .currencies-list .currency {
  width: 20%;
  margin-bottom: 30px;
}
.currency-requisites-section .currencies-list .currency .flag {
  width: 50px;
  height: 50px;
  border: 1px solid #d8d8d8;
  border-radius: 3px;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 20px;
}
.currency-requisites-section .currencies-list .currency .flag img {
  max-width: 100%;
}
.currency-requisites-section .currencies-list .currency .text {
  text-align: center;
}
.currency-requisites-section .currencies-list .currency .name {
  color: #212225;
  font-size: 16px;
  line-height: 18px;
  font-family: "futurademic", sans-serif;
}
.IBAN-section {
  padding-top: 64px;
  padding-bottom: 64px;
}
.IBAN-section .block-title {
  font-size: 40px;
  line-height: 1;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.IBAN-section .block-description {
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
  color: #637282;
  max-width: 880px;
  margin: 0 auto;
  margin-bottom: 48px;
}
.IBAN-section .iban-calculator {
}
.IBAN-section .iban-calculator .text {
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
}
.IBAN-section .iban-calculator .alert-text {
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.33;
  color: #637282;
  text-align: center;
}
.IBAN-section .iban-calculator form {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 10px;
  max-width: 700px;
}
.IBAN-section .iban-calculator form input {
  height: 40px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 36px;
  padding: 0 16px;
  background: transparent;
  width: calc(100% - 220px);
  margin-right: 15px;
}
.IBAN-section .iban-calculator .iban-response {
  max-width: 700px;
  margin: 0 auto;
  border: 1px solid #ebecef;
  border-radius: 4px;
  padding: 30px;
}
.IBAN-section .iban-calculator .iban-response .parameter {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.IBAN-section .iban-calculator .iban-response .parameter .name {
  font-size: 18px;
  line-height: 1.2;
  width: 200px;
  color: #637282;
}
.IBAN-section .iban-calculator .iban-response .parameter .value {
  font-size: 18px;
  line-height: 1.2;
  color: #637282;
  width: calc(100% - 200px);
}
#iban-error {
  text-align: center;
}
.service-quality-section {
  padding-top: 50px;
  padding-bottom: 50px;
}
.service-quality-section .block-title {
  font-size: 40px;
  line-height: 1;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 32px;
}
.service-quality-section .block-description {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #637282;
  max-width: 670px;
  margin: 0 auto;
}
.service-quality-section .service-phone-number {
  color: #637282;
  font-size: 24px;
  text-align: center;
  font-family: "futurademic", sans-serif;
  margin-bottom: 48px;
}
.service-quality-section .questions-list {
  display: flex;
  flex-wrap: wrap;
}
.service-quality-section .questions-list .first-block {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(33.33% - 30px);
  margin: 0 15px;
  margin-bottom: 30px;
}
.service-quality-section .questions-list .first-block img {
  width: 72px;
}
.service-quality-section .questions-list .first-block .text {
  font-family: "futurademic", sans-serif;
  color: #212225;
  font-size: 16px;
  line-height: 24px;
  margin-left: 15px;
  max-width: 180px;
}
.service-quality-section .questions-list .q-item {
  position: relative;
  padding: 30px;
  padding-right: 60px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  min-height: 120px;
  width: calc(33.33% - 30px);
  margin: 0 15px;
  margin-bottom: 30px;
}
.service-quality-section .questions-list .q-item .text {
  font-size: 14px;
  line-height: 16px;
  color: #637282;
}
.service-quality-section .questions-list .q-item .number {
  position: absolute;
  bottom: 0;
  right: 20px;
  color: #e5e5e5;
  font-size: 64px;
  line-height: 40px;
  font-family: "futurademic", sans-serif;
}
.search-form-section {
  padding-top: 140px;
  padding-bottom: 30px;
}
.search-form-section form {
  width: 560px;
  margin: 0 auto;
  position: relative;
}
.search-form-section form input {
  width: 560px;
  padding-right: 70px;
  height: 56px;
  font-size: 24px;
  color: #212225;
  border: none;
  line-height: 54px;
  border-bottom: 2px solid #fce610;
}
.search-form-section form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 56px;
  height: 56px;
  border: none;
  background: url(/img/arrow-icon.svg) center no-repeat #fce610;
}
.search-tab-section .container {
  display: flex;
  justify-content: space-between;
}
.search-tab-section .tab-btn {
  opacity: 0.6;
  font-size: 16px;
  line-height: 28px;
  color: #27282d;
  border-bottom: 1px solid rgba(252, 230, 16, 0.3);
  padding: 0 10px;
  text-decoration: none;
  position: relative;
}
.search-tab-section .tab-btn.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  display: block;
  background: #fce610;
}
.search-tab-section .search-sections {
  display: flex;
}
.search-tab-section .search-types {
  display: flex;
}
.search-result-section {
  padding-top: 16px;
  border-top: 1px solid #e0e6ed;
  background-color: #f9fbfd;
  padding-bottom: 30px;
}
.search-result-section.index-page {
  background: none;
  border: none;
}
.search-result-section .text {
  font-size: 12px;
  line-height: 1.17;
  text-align: left;
  color: #97a4b1;
  margin-bottom: 48px;
}
.search-result-section .search-list {
  width: 770px;
  margin: 0 auto;
}
.search-result-section .search-list .search-item {
  width: 770px;
  height: 168px;
  border-radius: 10px;
  background-color: #ffffff;
  display: flex;
  margin-bottom: 30px;
  text-decoration: none;
}
.search-result-section .search-list .search-item.document-item {
  min-height: 120px;
  height: auto;
}
.search-result-section .search-list .search-item.document-item:hover .file {
  box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.5);
}
.search-result-section .search-list .search-item.document-item .file {
  width: 276px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  text-align: center;
  color: #637282;
  border: solid 1px #e0e6ed;
  flex-direction: column;
  min-height: 120px;
  height: auto;
}
.search-result-section .search-list .search-item.document-item .file:after {
  content: attr(data-ext);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #637282;
  text-transform: uppercase;
  font-size: 8px;
  font-family: "futurademic", sans-serif;
}
.search-result-section .search-list .search-item .image {
  width: 276px;
  height: 168px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.search-result-section .search-list .search-item:hover .image {
  box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.5);
}
.search-result-section .search-list .search-item .image span {
  font-size: 24px;
  line-height: 1.33;
  text-align: center;
  color: #ffffff;
  font-family: "futurademic", sans-serif;
  z-index: 3;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 276px;
  height: 168px;
  background-color: rgba(45, 40, 40, 0.38);
}
.search-result-section .search-list .search-item .image img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 1;
}
.search-result-section .search-list .search-item .content {
  width: calc(100% - 276px);
  padding: 15px 32px;
  position: relative;
}
.search-result-section .search-list .search-item .content .section {
  font-size: 14px;
  line-height: 1.14;
  text-align: left;
  color: #637282;
  margin-bottom: 16px;
}
.search-result-section .search-list .search-item .content .title {
  font-size: 24px;
  line-height: 1.33;
  text-align: left;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 16px;
}
.search-result-section .search-list .search-item .content .description {
  font-size: 14px;
  line-height: 1.14;
  text-align: left;
  max-height: 60px;
  overflow: hidden;
  color: #637282;
}
.search-result-section .search-list .search-item.document-item .content .date {
  font-size: 14px;
  color: #637282;
  position: absolute;
  top: 15px;
  right: 32px;
}
.search-result-section .empty-search {
  padding: 64px 0;
}
.main-search-result-block .empty-search {
  padding: 0;
}
.search-result-section .empty-search .image,
.main-search-result-block .empty-search .image {
  text-align: center;
  margin-bottom: 8px;
}
.search-result-section .empty-search .image img,
.main-search-result-block .empty-search .image img {
  max-width: 100%;
}
.search-result-section .empty-search .text1,
.main-search-result-block .empty-search .text1 {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  font-family: "futurademic", sans-serif;
}
.search-result-section .empty-search .text2,
.main-search-result-block .empty-search .text2 {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #97a4b1;
  font-weight: 300;
  margin-bottom: 12px;
}
.search-result-section .empty-search-slider {
  width: 500px;
  margin: 0 auto;
}
.search-result-section .empty-search-slider .slick-prev {
  width: 24px;
  height: 24px;
}
.search-result-section .empty-search-slider .slick-prev:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("/img/empty-slider-btn.svg") center no-repeat;
}
.search-result-section .empty-search-slider .slick-next {
  width: 24px;
  height: 24px;
}
.search-result-section .empty-search-slider .slick-next:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("/img/empty-slider-btn.svg") center no-repeat;
  transform: rotate(180deg);
}
.search-result-section .empty-search-slider .item {
  text-align: center;
}
.search-result-section .empty-search-slider .item a {
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #637282;
}
.news-tabs-section {
  padding: 50px 0;
}
.news-tabs-section .news-tabs {
  display: flex;
}
.news-tabs-section .news-tabs .tab-btn {
  font-size: 18px;
  line-height: 34px;
  color: #27282d;
  border-bottom: 1px solid rgba(252, 230, 16, 0.3);
  padding: 0 10px;
  text-decoration: none;
  position: relative;
  width: 50%;
  text-align: center;
}
.news-tabs-section .news-tabs .tab-btn.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  display: block;
  background: #fce610;
}
.news-page-section {
  padding-top: 20px;
  padding-bottom: 70px;
}
.news-page-section.blog-section {
  padding-top: 110px;
}
.news-page-section .container {
  position: relative;
}
.news-page-section .block-title,
.news-page-section h1 {
  font-size: 40px;
  line-height: 1.2;
  text-align: left;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 48px;
}
.news-page-section.blog-section h2 {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  color: #637282;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 48px;
  max-width: 700px;
}
.news-page-section .news-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}
.news-page-section .news-filters .filter-button {
  height: 40px;
  border-radius: 20px;
  line-height: 38px;
  font-size: 16px;
  color: #637282;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.16);
  padding: 0 24px;
  text-decoration: none;
  margin: 0 20px;
  margin-bottom: 20px;
}
.news-page-section .news-filters .filter-button.active {
  background-color: #ffef00;
  border: solid 1px #ffef00;
  color: #212225;
}
.news-page-section .news-select {
  position: absolute;
  top: 0;
  right: 20px;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
}
.news-page-section .news-select.month {
  right: 160px;
}
.news-page-section .news-select select {
  border: none;
  height: 48px;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  padding-right: 26px;
  background: transparent;
  width: 100%;
  position: relative;
  z-index: 3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.news-page-section .news-select select::-ms-expand {
  display: none;
}
.news-page-section .news-select:after {
  content: "";
  position: absolute;
  right: 6px;
  top: 21px;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #767676 transparent transparent transparent;
}
.news-page-section .news-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 32px;
}
.news-page-section .news-list .news-item {
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.1);
  display: flex;
  margin-bottom: 24px;
  width: calc(50% - 12px);
  text-decoration: none;
}
.news-page-section .news-list .news-item.big-news {
  width: 100%;
  height: 260px;
}
.news-page-section .news-list .news-item .image {
  width: 40%;
  overflow: hidden;
  position: relative;
}
.news-page-section .news-list .news-item.big-news .image {
  width: 50%;
}
.news-page-section .news-list .news-item .image img {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.news-page-section .news-list .news-item .text {
  width: 60%;
  padding: 24px;
  position: relative;
}
.news-page-section .news-list .news-item.big-news .text {
  width: 50%;
}
.news-page-section .news-list .news-item .text .title {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #212225;
  font-family: "futurademic", sans-serif;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 16px;
  max-height: 72px;
  overflow: hidden;
}
.news-page-section .news-list .news-item .text .description {
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  color: #637282;
  margin-bottom: 32px;
  height: 72px;
  overflow: hidden;
}
.news-page-section .news-list .news-item .text .description p {
  text-align: left;
}
.news-page-section .news-list .news-item .text .date {
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  color: #637282;
  padding-left: 22px;
  background: url("/img/calendar.svg") 0 0 no-repeat;
  background-size: contain;
}
.news-page-section .news-list .news-item.big-news .text .date {
  position: absolute;
  left: 24px;
  bottom: 24px;
}
.news-page-section .news-btn {
  text-align: center;
}
.news-page-section .news-btn .btn {
  width: 200px;
}
.subscribe-section {
  padding-bottom: 70px;
}
.subscribe-section .subscribe-form {
  border-radius: 4px;
  background-color: #f9fbfd;
  padding: 48px;
}
.subscribe-section .subscribe-form .subscribe-input-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 0;
  transition: 0.4s;
  white-space: nowrap;
}
.subscribe-section .subscribe-form.open .subscribe-input-wrapper {
  max-width: 318px;
}
.subscribe-section .subscribe-form .animate-form-btn {
  min-width: 235px;
  position: relative;
}
.subscribe-section .subscribe-form.open .animate-form-btn {
  min-width: 100px;
}
.subscribe-section .subscribe-form .animate-form-btn.success {
  width: 80px;
  min-width: 0;
  font-size: 0;
}
.subscribe-section .subscribe-form .animate-form-btn .success-check {
  position: absolute;
  top: 6px;
  left: 15px;
  width: 50px;
  height: 24px;
}
.subscribe-section .subscribe-form .animate-form-btn .success-check path {
  stroke-dasharray: 99.9;
  stroke-dashoffset: -99.9;
  fill: transparent;
  transition: 0.3s;
  transition-property: fill;
  transition-delay: 0.5s;
}
.subscribe-section
  .subscribe-form
  .animate-form-btn.success
  .success-check
  path {
  animation: successCheck 1s 1 ease forwards;
  animation-delay: 0.5s;
  opacity: 1;
  fill: #ffffff;
}
@keyframes successCheck {
  0% {
    opacity: 1;
    stroke-dashoffset: -99.9;
    fill: transparent;
  }

  45% {
    stroke-dashoffset: 0;
    fill: transparent;
  }

  100% {
    fill: #ffffff;
    stroke-dashoffset: 0;
    opacity: 1;
  }
}
.subscribe-section .subscribe-form .subscribe-input-wrapper .agreement label {
  white-space: nowrap;
}
.subscribe-section .subscribe-form .success-answer {
  text-align: center;
  margin-top: -30px;
  margin-bottom: 20px;
}
.subscribe-section .subscribe-form .block-title {
  font-size: 40px;
  line-height: 1;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 16px;
}
.subscribe-section .subscribe-form .block-description {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #637282;
  max-width: 670px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.subscribe-section .subscribe-form form {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 32px;
}
.subscribe-section .subscribe-form form .form-field {
  position: relative;
  width: 300px;
  margin-right: 16px;
  white-space: nowrap;
}
.subscribe-section .subscribe-form form .form-field label {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  color: #424242;
  display: block;
  margin-bottom: 5px;
}
.subscribe-section .subscribe-form form .form-field label.error {
  color: #ed4337;
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 5px;
  white-space: normal;
}
.subscribe-section .subscribe-form form .form-field input[type="text"] {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 38px;
  padding: 0 16px;
  background: transparent;
}
.subscribe-section
  .subscribe-form
  form
  form
  .form-field
  input[type="text"].error {
  border-color: #ed4337;
}
.subscribe-section
  .subscribe-form
  form
  form
  .form-field
  input[type="text"]:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
}
.subscribe-section .subscribe-form form .checkbox-block {
  max-width: 453px;
  width: 100%;
}
.subscribe-section
  .subscribe-form
  form
  .checkbox-block
  input[type="checkbox"]
  + label,
.subscribe-section
  .subscribe-form
  form
  .checkbox-block
  input[type="checkbox"]
  + label
  + label {
  display: block;
  padding-left: 30px;
  color: #212225;
  font-size: 12px;
  margin: 10px 0;
  font-family: "futurabookc", sans-serif;
  position: relative;
}
.subscribe-section
  .subscribe-form
  form
  .checkbox-block
  input[type="checkbox"]
  + label:after,
.subscribe-section
  .subscribe-form
  form
  .checkbox-block
  input[type="checkbox"]
  + label
  + label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.subscribe-section
  .subscribe-form
  form
  .checkbox-block
  input[type="checkbox"].error
  + label
  + label:after {
  border: solid 1px red;
}
.subscribe-section
  .subscribe-form
  form
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after,
.subscribe-section
  .subscribe-form
  form
  .checkbox-block
  input[type="checkbox"]:checked
  + label
  + label:after {
  background: url(/img/checked.svg) center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.subscribe-section .subscribe-form form button[disabled] {
  pointer-events: none;
}
.subscribe-section .subscribe-form .follow-us {
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  color: #637282;
}
.subscribe-section .subscribe-form .follow-us a {
  display: inline-block;
  text-decoration: none;
  margin-left: 10px;
  vertical-align: top;
}
.article-section {
  padding-bottom: 60px;
}
.article-section .params {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.article-section .params .date {
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  color: #637282;
  padding-left: 22px;
  background: url("/img/calendar.svg") 0 0 no-repeat;
  background-size: contain;
}
.article-section article {
}
.article-section article .article-image {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 72px;
  width: 100%;
}
.article-section article .article-image img {
  width: 100%;
  display: block;
}
.article-section article h1 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  margin-bottom: 72px;
}
.article-section article h2 {
  font-size: 34px;
  line-height: 1.2;
  margin-bottom: 40px;
}
.article-section article h3 {
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 40px;
}
.article-section article p {
  font-size: 24px;
  line-height: 1.2;
  text-align: left;
  color: #212225;
  margin-bottom: 40px;
}
.article-section article a {
}
.article-section article ul {
  margin-bottom: 40px;
  list-style: none;
}
.article-section article ul li {
  padding-left: 20px;
  position: relative;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.article-section article ul li:after {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background: #fce610;
}
.article-section article ol {
  margin-bottom: 40px;
  padding-left: 20px;
}
.article-section article ol li {
  position: relative;
  line-height: 1.2;
  font-size: 24px;
  margin-bottom: 20px;
}
.article-section article table {
  width: 100%;
  margin-bottom: 40px;
}
.article-section article table tr td {
  font-size: 24px;
  line-height: 1.2;
  color: #212225;
  padding: 5px 10px;
  border: solid 1px #979797;
}
.article-section article iframe {
  width: 100%;
  margin-bottom: 40px;
}
.article-section .share {
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  color: #637282;
}
.article-section .share a {
  display: inline-block;
  text-decoration: none;
  margin-left: 10px;
  vertical-align: top;
}
.documents-main-section {
  padding-top: 20px;
  padding-bottom: 70px;
}
.documents-main-section .container {
  position: relative;
}
.documents-main-section .block-title {
  font-size: 40px;
  line-height: 1.2;
  text-align: left;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 48px;
}
.documents-main-section .documents-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.documents-main-section .documents-container .documents-catalog-menu {
  width: 320px;
  background-color: #f9fbfd;
  padding: 24px;
}
.documents-main-section
  .documents-container
  .documents-catalog-menu
  .documents-item {
  margin-bottom: 20px;
}
.documents-main-section
  .documents-container
  .documents-catalog-menu
  .documents-item
  .documents-type-title {
  font-size: 20px;
  line-height: 22px;
  color: #212225;
  font-family: "futurademic", sans-serif;
  position: relative;
  cursor: pointer;
  margin-bottom: 8px;
}
.documents-main-section
  .documents-container
  .documents-catalog-menu
  .documents-item
  .documents-type-title:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(/img/up-arrow-docs.svg) 0 0 no-repeat;
  background-size: contain;
  transform: rotate(90deg);
  margin-left: 2px;
}
.documents-main-section
  .documents-container
  .documents-catalog-menu
  .documents-item.open
  .documents-type-title:after {
  transform: rotate(180deg);
}
.documents-main-section
  .documents-container
  .documents-catalog-menu
  .documents-item
  .documents-type-list {
  padding-left: 20px;
  display: none;
}
.documents-main-section
  .documents-container
  .documents-catalog-menu
  .documents-item.open
  .documents-type-list {
  display: block;
  margin-top: 12px;
}
.documents-main-section
  .documents-container
  .documents-catalog-menu
  .documents-item
  .documents-type-list
  li {
  margin-top: 8px;
}
.documents-main-section
  .documents-container
  .documents-catalog-menu
  .documents-item
  .documents-type-list
  li
  a {
  font-size: 18px;
  line-height: 20px;
  display: inline-block;
  color: #212225;
  text-decoration: none;
  border-bottom: 2px solid #f9fbfd;
}
.documents-main-section
  .documents-container
  .documents-catalog-menu
  .documents-item
  .documents-type-list
  li
  a.active {
  border-bottom: 2px solid #fce610;
}
.documents-search-mobile-btn {
  display: none;
  position: absolute;
  top: 0;
  right: 20px;
  width: 34px;
  height: 34px;
  border: none;
  background: url(/img/group-4.svg) center no-repeat;
}
.documents-search-mobile-btn.clicked {
  background: url(/img/cancel.svg) center no-repeat;
  background-size: 16px;
}
.documents-main-section .documents-list {
  width: calc(100% - 350px);
}
.documents-main-section .documents-list h3 {
  font-size: 24px;
  line-height: 1.33;
  color: #212225;
  margin-bottom: 32px;
}
.documents-main-section .documents-list .intro-documents {
}
.documents-main-section .documents-list .intro-documents h3 {
  font-size: 24px;
  line-height: 1.4;
  color: #637282;
  margin-bottom: 28px;
}
.documents-main-section .documents-list .intro-documents h4 {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.4;
  color: #637282;
}
.documents-main-section .documents-list .documents-list-title {
  font-size: 18px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 24px;
}
.documents-main-section .documents-list .documents-list-subtitle {
  font-size: 18px;
  line-height: 1.33;
  color: #212225;
  margin-bottom: 32px;
}
.documents-main-section .documents-list .group-list {
  margin-bottom: 20px;
}
.documents-main-section .documents-list .group-list[data-show="no"] {
  display: none;
}
.documents-main-section .documents-list .group-list .year {
  position: relative;
  margin-bottom: 20px;
}
.documents-main-section .documents-list .group-list .year span {
  font-size: 18px;
  line-height: 18px;
  color: #212225;
  display: inline-block;
  background-color: #fbfbfb;
  z-index: 2;
  position: relative;
  padding-right: 10px;
}
.documents-main-section .documents-list .group-list .year:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 9px;
  left: 0;
  height: 1px;
  background: #e5e9f2;
}
.documents-main-section .documents-list .group-list .month {
  font-size: 18px;
  color: #212225;
  margin-bottom: 20px;
}
.documents-main-section .documents-list .group-list .download-block {
  margin-bottom: 18px;
}
.documents-main-section
  .documents-list
  .group-list
  .download-block
  .download-file {
  display: inline-flex;
  align-items: flex-start;
  text-decoration: none;
}
.documents-main-section
  .documents-list
  .group-list
  .download-block
  .download-file
  .icon {
  width: 40px;
  margin-right: 20px;
  position: relative;
}
.documents-main-section
  .documents-list
  .group-list
  .download-block
  .download-file
  .icon
  img {
  width: 100%;
  height: auto;
}
.documents-main-section
  .documents-list
  .group-list
  .download-block
  .download-file
  .icon:after {
  content: attr(data-ext);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #637282;
  text-transform: uppercase;
  font-size: 8px;
  font-family: "futurademic", sans-serif;
}
.documents-main-section
  .documents-list
  .group-list
  .download-block
  .download-file
  .text {
  font-size: 18px;
  line-height: 1.33;
  width: calc(100% - 50px);
  font-family: "futurademic", sans-serif;
  color: #637282;
}
.documents-main-section .documents-list .documents-archive .show-documents,
.documents-main-section .documents-list .documents-archive .hide-documents {
  font-size: 16px;
  line-height: 1.33;
  color: rgba(33, 34, 37, 0.7);
  display: inline-block;
}
.documents-main-section .documents-list .documents-archive {
  position: relative;
}
.documents-main-section .documents-list .documents-archive .preloader {
  text-align: center;
}
.documents-main-section .documents-list .documents-archive .preloader svg {
  width: 160px;
  height: 160px;
}
.documents-main-section .documents-list .documents-archive .filter-selects {
  position: absolute;
  top: 30px;
  right: 30px;
  display: none;
}
.documents-main-section
  .documents-list
  .documents-archive
  .filter-selects
  .select-container {
  height: 40px;
  position: relative;
  margin-left: 15px;
}
.documents-main-section
  .documents-list
  .documents-archive
  .filter-selects
  .select-container:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #888888 transparent transparent transparent;
  top: 50%;
  right: 10px;
  margin-top: -1px;
  z-index: 1;
}
.documents-main-section
  .documents-list
  .documents-archive
  .filter-selects
  select::-ms-expand {
  display: none;
}
.documents-main-section
  .documents-list
  .documents-archive
  .filter-selects
  select {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 38px;
  padding: 0 16px;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 30px;
}
.vacancy-form-section .vacancy-form .form-field select:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
}
.documents-main-section .documents-list .documents-archive .hide-documents {
  margin-bottom: 40px;
}
.documents-main-section .documents-list .documents-archive .group-list {
  display: none;
}
.documents-main-section .documents-list .documents-archive.show {
  background-color: #fbfbfb;
  padding: 40px 30px;
}
.documents-main-section
  .documents-list
  .documents-archive.show
  .filter-selects {
  display: flex;
}
.documents-main-section .documents-list .documents-archive.show .group-list {
  display: block;
}
.documents-main-section .documents-list .documents-search-result-title {
  font-size: 24px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 24px;
}
.documents-main-section .documents-list .documents-search-result-title span {
  font-size: 16px;
  font-family: "futurabookc", sans-serif;
}
.documents-main-section .documents-list .documents-search-breadcrumbs {
  margin-bottom: 24px;
  display: flex;
  flex-wrap: wrap;
}
.documents-main-section .documents-list .documents-search-breadcrumbs span {
  font-size: 20px;
  line-height: 1.4;
  color: #637282;
  font-family: "futurabookc", sans-serif;
  position: relative;
}
.documents-main-section
  .documents-list
  .documents-search-breadcrumbs
  span:not(:first-child) {
  margin-left: 16px;
}
.documents-main-section
  .documents-list
  .documents-search-breadcrumbs
  span:not(:first-child):before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #e0e6ed;
  border-radius: 50%;
  top: 50%;
  left: -8px;
  margin-top: -2px;
}
.documents-main-section
  .documents-list
  .documents-search-breadcrumbs
  span:first-child {
  font-size: 20px;
  line-height: 1.4;
  font-family: "futurademic", sans-serif;
  color: #212225;
}
.documents-catalog-section {
  padding-top: 20px;
  padding-bottom: 70px;
}
.documents-catalog-section .container {
  position: relative;
}
.documents-catalog-section .block-title {
  font-size: 40px;
  line-height: 1.2;
  text-align: left;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 48px;
}
.documents-catalog-section .documents-type-list {
  border-bottom: solid 2px #e0e6ed;
  margin-bottom: 48px;
  padding-bottom: 28px;
}
.documents-catalog-section .documents-type-list .type-title {
  font-size: 24px;
  line-height: 1.33;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.documents-catalog-section .documents-type-list .download-block {
  margin-bottom: 20px;
  max-width: 700px;
}
.documents-catalog-section
  .documents-type-list
  .download-block[data-show="no"] {
  display: none;
}
.documents-catalog-section .documents-type-list .download-block .download-file {
  display: inline-flex;
  text-decoration: none;
}
.documents-catalog-section
  .documents-type-list
  .download-block
  .download-file
  .icon {
  width: 42px;
  text-align: center;
  margin-right: 32px;
}
.documents-catalog-section
  .documents-type-list
  .download-block
  .download-file
  .icon
  span {
  font-size: 14px;
  text-align: center;
  color: #637282;
}
.documents-catalog-section
  .documents-type-list
  .download-block
  .download-file
  .text {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
  font-family: "futurademic", sans-serif;
}
.documents-catalog-section .documents-type-list .show-documents,
.documents-catalog-section .documents-type-list .hide-documents {
  font-size: 18px;
}
.documents-catalog-section .documents-type-list .documents-group {
  margin-bottom: 32px;
}
.documents-catalog-section .documents-type-list .documents-group .group-title {
  position: relative;
}
.documents-catalog-section
  .documents-type-list
  .documents-group
  .group-title
  span {
  font-size: 18px;
  line-height: 1.33;
  color: #212225;
  position: relative;
  font-family: "futurademic", sans-serif;
  padding-right: 20px;
  cursor: pointer;
}
.documents-catalog-section
  .documents-type-list
  .documents-group
  .group-title
  span:after {
  content: "";
  position: absolute;
  top: 11px;
  right: -3px;
  margin-top: -7px;
  width: 3px;
  height: 3px;
  border: solid #27282d;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 2px;
  vertical-align: middle;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.documents-catalog-section .documents-type-list .documents-group .group-list {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.documents-catalog-section
  .documents-type-list
  .documents-group
  .group-list.open {
  max-height: inherit;
  margin-top: 24px;
}
.documents-search {
  position: absolute;
  top: 0;
  right: 20px;
  width: 380px;
}
.documents-search form {
  position: relative;
  width: 380px;
}
.documents-search form input[type="text"] {
  border: none;
  border-bottom: 2px solid #fce610;
  font-size: 18px;
  line-height: 32px;
  color: #637282;
  width: 380px;
  height: 34px;
  padding-right: 10px;
  padding-left: 44px;
}
.documents-search form button {
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 34px;
  border: none;
  background: url("/img/group-4.svg") center no-repeat;
}
.documents-search .search-result {
  position: absolute;
  left: 0;
  width: 380px;
  padding: 8px 0;
  border-radius: 4px;
  box-shadow: 0 6px 13px 0 rgba(194, 206, 226, 0.5);
  background-color: #ffffff;
  border: solid 1px #f9fbfd;
  z-index: 22323;
}
.documents-search .search-result ul li {
  padding: 8px 16px;
}
.documents-search .search-result ul li:hover {
  background: #f9fbfd;
}
.documents-search .search-result ul li a {
  font-size: 18px;
  line-height: 1.33;
  text-decoration: none;
  color: #212225;
}
.documents-search .search-result ul li a em {
  font-family: "futurademic", sans-serif;
  background-color: #fce610;
}
.currency-page {
  padding-top: 160px;
  margin-bottom: 40px;
}
.currency-page .block-title {
  font-size: 40px;
  line-height: 1.2;
  text-align: left;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 24px;
}
.currency-page .block-description {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #637282;
  margin-bottom: 32px;
}
.currency-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.currency-container .exchange-rates-block {
  border-radius: 4px;
  background-color: #f9fbfd;
  position: relative;
  padding: 24px 32px;
  width: 375px;
  margin-bottom: 40px;
}
.currency-container .exchange-rates-block .title {
  font-size: 18px;
  line-height: 1;
  text-align: left;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 22px;
}
.currency-container .exchange-rates-block .exchange-rates-select {
  position: absolute;
  top: 24px;
  right: 32px;
}
.currency-container .exchange-rates-block .exchange-rates-select select {
  background: transparent;
  border: none;
  text-align: center;
  font-size: 14px;
  color: #212225;
}
.currency-container .exchange-rates-block table {
  width: 100%;
  margin-bottom: 20px;
}
.currency-container .exchange-rates-block table tr {
}
.currency-container .exchange-rates-block table tr td {
  color: #637282;
  font-size: 18px;
  border-bottom: 2px dotted rgba(98, 89, 89, 0.1);
  padding: 8px 0;
}
.currency-container .exchange-rates-block table tr td:first-child {
  width: 80px;
}
.currency-container .exchange-rates-block table tr:first-child td {
  font-size: 14px;
  color: #637282;
  border-bottom: none;
}
.currency-container .exchange-rates-block table tr:last-child td {
  border-bottom: none;
}
.currency-container .exchange-rates-block table tr td:first-child {
  font-size: 18px;
  color: #212225;
}
.currency-container .exchange-rates-block table tr td .up {
  display: inline-block;
  width: 5px;
  height: 3px;
  vertical-align: middle;
  position: relative;
  margin-left: 10px;
}
.currency-container .exchange-rates-block table tr td .up:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 2.5px 3px 2.5px;
  border-color: transparent transparent #40d354 transparent;
}
.currency-container .exchange-rates-block table tr td .down {
  display: inline-block;
  width: 5px;
  height: 3px;
  vertical-align: middle;
  position: relative;
  margin-left: 10px;
}
.currency-container .exchange-rates-block table tr td .down:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 2.5px 0 2.5px;
  border-color: #d64d4d transparent transparent transparent;
}
.currency-container .exchange-rates-block .date {
  font-size: 14px;
  text-align: center;
  color: #637282;
}
.currency-container .currency-calc-block {
  border-radius: 4px;
  background-color: #f9fbfd;
  position: relative;
  padding: 24px 32px;
  width: calc(100% - 415px);
  margin-bottom: 40px;
}
.currency-container .currency-calc-block .title {
  font-size: 18px;
  line-height: 1;
  text-align: left;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.currency-container .currency-calc-block .description {
  font-size: 14px;
  color: #637282;
  margin-bottom: 40px;
}
.currency-container .currency-calc-block .type-toggle {
  position: absolute;
  top: 24px;
  right: 32px;
}
.currency-container .currency-calc-block .type-toggle label {
  cursor: pointer;
}
.currency-container .currency-calc-block .type-toggle input {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.currency-container .currency-calc-block .type-toggle input + span {
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  color: #212225;
  display: inline-block;
  height: 24px;
  vertical-align: top;
}
.currency-container .currency-calc-block .type-toggle input + span + span {
  position: relative;
  width: 40px;
  height: 24px;
  border-radius: 12px;
  background-color: #27282d;
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}
.currency-container .currency-calc-block .type-toggle input:checked + span {
  color: #a4a9ae;
}
.currency-container
  .currency-calc-block
  .type-toggle
  input
  + span
  + span:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #ffef00;
  border-radius: 50%;
  top: 4px;
  left: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.currency-container
  .currency-calc-block
  .type-toggle
  input:checked
  + span
  + span:after {
  left: 22px;
}
.currency-container
  .currency-calc-block
  .type-toggle
  input
  + span
  + span
  + span {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  color: #a4a9ae;
  height: 24px;
  vertical-align: top;
}
.currency-container
  .currency-calc-block
  .type-toggle
  input:checked
  + span
  + span
  + span {
  color: #212225;
}
.currency-container .currency-calc-block .calculator-block {
  border-top: 2px dotted rgba(98, 89, 89, 0.37);
  padding-top: 30px;
}
.currency-container .currency-calc-block .calculator-block form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.currency-container .currency-calc-block .calculator-block .calculator-field {
  width: calc(50% - 35px);
  position: relative;
  margin-bottom: 30px;
}
.currency-container
  .currency-calc-block
  .calculator-block
  .calculator-field
  .calc-title {
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  color: #637282;
}
.currency-container
  .currency-calc-block
  .calculator-block
  .calculator-field
  input[type="text"] {
  font-size: 32px;
  text-align: left;
  color: #212225;
  border: none;
  width: 100%;
  background: transparent;
}
.currency-container
  .currency-calc-block
  .calculator-block
  .calculator-field
  select {
  font-size: 32px;
  color: #637282;
  border: none;
  background: transparent;
  position: absolute;
  right: 0;
  top: 12px;
}
.currency-container .currency-calc-block .calculator-block .calculator-btn {
  width: 100%;
  text-align: right;
}
.currency-container .graph-rates-block {
  width: 100%;
  border-radius: 4px;
  background-color: #f9fbfd;
  position: relative;
  padding: 24px 32px;
}
.currency-container .graph-rates-block .title {
  font-size: 18px;
  line-height: 1;
  text-align: left;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.currency-container .graph-rates-block .description {
  font-size: 14px;
  color: #637282;
  margin-bottom: 40px;
}
.currency-container .graph-rates-block .currency-toggle {
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  height: 32px;
  display: flex;
  font-size: 14px;
  line-height: 32px;
  color: #637282;
}
.currency-container .graph-rates-block .currency-list {
  height: 32px;
  border-radius: 4px;
  background-color: #eaeff3;
  display: flex;
  padding: 2px;
  margin-left: 8px;
}
.currency-container .graph-rates-block .currency-list a {
  font-size: 12px;
  color: #000000;
  width: 40px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: transparent;
  text-transform: uppercase;
  text-decoration: none;
}
.currency-container .graph-rates-block .currency-list a.active {
  border-radius: 4px;
  background-color: #27282d;
  color: #ffffff;
}
.currency-container .graph-rates-block .legend {
  position: absolute;
  top: 24px;
  right: 32px;
  display: flex;
}
.currency-container .graph-rates-block .legend span {
  height: 16px;
  font-size: 16px;
  color: #000000;
  padding-left: 16px;
  position: relative;
  margin-left: 10px;
}
.currency-container .graph-rates-block .legend span:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border: solid 2px #1c7fdd;
  border-radius: 50%;
  top: 4px;
  left: 2px;
}
.currency-container .graph-rates-block .legend span:first-child:after {
  border: solid 2px #63ceca;
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 4px;
  left: 2px;
}
.currency-container .graph-rates-block .range-toggle {
  position: absolute;
  bottom: 24px;
  right: 32px;
  height: 32px;
  display: flex;
  font-size: 14px;
  line-height: 32px;
  color: #637282;
}
.currency-container .graph-rates-block .range-toggle .range-list {
  height: 32px;
  border-radius: 4px;
  background-color: #eaeff3;
  display: flex;
  padding: 2px;
  margin-left: 8px;
}
.currency-container .graph-rates-block .range-toggle .range-list a {
  font-size: 12px;
  color: #000000;
  min-width: 40px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: transparent;
  white-space: nowrap;
  text-decoration: none;
}
.currency-container .graph-rates-block .range-toggle .range-list a.active {
  border-radius: 4px;
  background-color: #27282d;
  color: #ffffff;
}
.currency-container .graph-rates-block .period-block {
  display: flex;
  font-size: 14px;
  line-height: 32px;
  color: #637282;
}
.currency-container .graph-rates-block .period-block .datepicker-block {
  position: relative;
  margin-left: 20px;
}
.currency-container
  .graph-rates-block
  .period-block
  .datepicker-block:first-child:after {
  content: "";
  width: 5px;
  height: 2px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  margin-left: 7px;
}
.currency-container .graph-rates-block .period-block .datepicker-block input {
  width: 110px;
  height: 32px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #d3d8e2;
  padding-left: 4px;
  line-height: 32px;
  font-size: 12px;
}
.currency-container
  .graph-rates-block
  .period-block
  .datepicker-block
  .ui-datepicker-trigger {
  position: absolute;
  right: 8px;
  bottom: 10px;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
#currencyChart {
  width: 100% !important;
  height: 245px !important;
  margin-bottom: 30px;
}
.map-section {
  height: 100vh;
}
.map-section:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 110px;
  background: -moz-linear-gradient(
    top,
    rgba(29, 29, 31, 0.75) 0%,
    rgba(29, 29, 31, 0) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(29, 29, 31, 0.75) 0%,
    rgba(29, 29, 31, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(29, 29, 31, 0.75) 0%,
    rgba(29, 29, 31, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf1d1d1f', endColorstr='#00000000',GradientType=0 );
  z-index: 3;
}
.pac-container.pac-logo {
  margin-top: -40px;
  transform: translateY(-100%);
}
.show-list.pac-container.pac-logo {
  margin-top: 0px;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
#map {
  height: 100vh; /* The height is 400 pixels */
  width: 100%; /* The width is the width of the web page */
  position: relative;
  z-index: 1;
}
.map-section .map-bottom-block {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 80px;
  background-color: #ffffff;
  box-shadow: 0 -1px 9px 0 rgba(0, 0, 0, 0.1);
  z-index: 332;
  transform: translateY(-100%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.map-section .map-bottom-block .container {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1440px;
}
.map-section .map-type-toggle label {
  cursor: pointer;
}
.map-section .map-type-toggle input {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.map-section .map-type-toggle input + span {
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  color: #212225;
  display: inline-block;
  height: 24px;
  vertical-align: top;
}
.map-section .map-type-toggle input + span + span {
  position: relative;
  width: 40px;
  height: 24px;
  border-radius: 12px;
  background-color: #27282d;
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}
.map-section .map-type-toggle input:checked + span {
  color: #a4a9ae;
}
.map-section .map-type-toggle input + span + span:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #ffef00;
  border-radius: 50%;
  top: 4px;
  left: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.map-section .map-type-toggle input:checked + span + span:after {
  left: 20px;
}
.map-section .map-type-toggle input + span + span + span {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  color: #a4a9ae;
  height: 24px;
  vertical-align: top;
}
.map-section .map-type-toggle input:checked + span + span + span {
  color: #212225;
}
.map-section .offices-type {
  display: flex;
  height: 40px;
  border-radius: 4px;
  background-color: #ffffff;
  overflow: hidden;
  border: solid 1px #d0d4d9;
}
.map-section .offices-type a {
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  color: #637282;
  text-decoration: none;
  width: 120px;
  border-right: 1px solid #d0d4d9;
}
.map-section .offices-type a.active {
  color: #ffffff;
  background-color: #27282d;
}
.map-section .offices-type a:last-child,
.map-section .offices-type a.active {
  border-right: none;
}
.map-section .middle-block {
  display: flex;
  position: relative;
}
.map-section .search-block {
  position: relative;
  width: 380px;
  margin-right: 10px;
}
.map-section .search-block input {
  border: none;
  background: none;
  border-bottom: 1px solid #cad2db;
  height: 40px;
  width: 380px;
  line-height: 40px;
  font-size: 18px;
  color: #637282;
  padding: 0 20px;
  padding-right: 40px;
}
.map-section .search-block button {
  width: 40px;
  height: 40px;
  background: url("/img/rectangle-3.svg") center no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
}
.map-section .middle-block .filter-btn:after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-left: 5px;
  background: url(/img/filter.svg) center no-repeat;
  vertical-align: middle;
  margin-bottom: 3px;
}
.map-section .middle-block .filter-btn:hover:after {
  background: url(/img/filter_white.svg) center no-repeat;
}
.map-section .middle-block .filter-popup {
  position: absolute;
  bottom: calc(100% + 40px);
  right: 0;
  padding: 25px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.3);
  z-index: 32;
  display: none;
  font-family: "Amalia-Regular", sans-serif;
}
.map-section .middle-block .filter-popup * {
  -webkit-tap-highlight-color: transparent;
}
.map-section .middle-block .filter-popup .btns{
    margin: 0;
    padding: 0;
    border: 0;
}
.map-section .show-list .middle-block .filter-popup {
  bottom: auto;
  top: 60px;
  z-index: 200;
  box-shadow: 0 -1px 34px -1px rgba(0, 0, 0, 0.2);
}
.map-section .show-list .middle-block .filter-popup:after {
  bottom: auto;
  top: -15px;
  transform: rotate(-180deg);
}
.map-section .middle-block .filter-popup:after {
  content: "";
  position: absolute;
  bottom: -15px;
  right: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  z-index: 33;
  border-color: #ffffff transparent transparent transparent;
}
.map-section .middle-block .filter-popup .popup-title {
  font-size: 25px;
  line-height: 1;
  color: #2b2d33;
  margin-bottom: 10px;
}
.map-section .middle-block .filter-popup ul li {
  margin-bottom: 17px;
}
.map-section .middle-block .filter-popup ul li:last-child {
  margin-bottom: 23px;
}
.map-section .middle-block .filter-popup .checkbox + label {
  font-size: 14px;
  color: #2b2d33;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
}
.map-section .middle-block .filter-popup .checkbox + label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.map-section
  .middle-block
  .filter-popup
  input[type="checkbox"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.map-section .middle-block .filter-popup .btns {
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-section .middle-block .filter-popup .btns .btn {
  text-align: center;
  font-size: 13.25px;
  font-style: normal;
  font-weight: 400;
}
.map-section .middle-block .filter-popup .btns .btn:not(:first-child) {
  margin-left: 18px;
}
.map-balloon {
  padding: 16px 24px;
  max-width: 400px;
}
.map-balloon h3 {
  font-size: 16px;
  line-height: 1;
  text-align: left;
  color: #212225;
  font-family: "futurabookc", sans-serif;
  font-weight: 300;
  margin-bottom: 8px;
}
.map-balloon h4 {
  font-size: 14px;
  line-height: 1;
  color: #637282;
  margin-bottom: 8px;
  font-family: "futurabookc", sans-serif;
  font-weight: 300;
}
.map-balloon .hr {
  height: 1px;
  background: rgba(211, 217, 226, 0.5);
  margin-bottom: 8px;
}
.map-balloon .address {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1;
  text-align: left;
  color: #637282;
}
.map-balloon .phones-status {
  display: flex;
  margin-bottom: 8px;
}
.map-balloon .phones-status > div {
  width: 50%;
}
.map-balloon .phones-status ul li {
  font-size: 14px;
  line-height: 1;
  text-align: left;
  color: #212225;
}
.map-balloon .phones-status ul li.works {
  color: #4baf50;
}
.map-balloon .phones-status ul li.not-works {
  color: #af000c;
}
.map-balloon .work-hours {
  margin-bottom: 8px;
}
.map-balloon .work-hours table {
  width: 100%;
}
.map-balloon .work-hours table tr td {
  font-size: 14px;
  line-height: 1;
  color: #212225;
  width: 50%;
  padding-bottom: 8px;
}
.map-balloon .services {
  margin-bottom: 18px;
}
.map-balloon .services .services-list {
  display: flex;
}
.map-balloon .services .services-list .service {
  position: relative;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.map-balloon .services .services-list .service.service1 {
  background: url("/img/group-87.svg") center no-repeat;
}
.map-balloon .services .services-list .service.service2 {
  background: url("/img/group-81.svg") center no-repeat;
}
.map-balloon .services .services-list .service.service3 {
  background: url("/img/group-82.svg") center no-repeat;
}
.map-balloon .services .services-list .service.service4 {
  background: url("/img/group-83.svg") center no-repeat;
}
.map-balloon .services .services-list .service.service5 {
  background: url("/img/group-84.svg") center no-repeat;
}
.map-balloon .services .services-list .service.service6 {
  background: url("/img/group-85.svg") center no-repeat;
}
.map-balloon .services .services-list .service.service7 {
  background: url("/img/group-2-copy-24.svg") center no-repeat;
}
.map-balloon .services .services-list .service.service8 {
  background: url("/img/payment-method.svg") center no-repeat;
}
.map-balloon .services .services-list .service.service9 {
  background: url("/img/nfc-icon.svg") center no-repeat;
}
.map-balloon .services .services-list .service .hint {
  position: absolute;
  font-size: 10px;
  font-weight: 300;
  text-align: center;
  color: #ffffff;
  min-width: 100px;
  background-color: rgba(39, 40, 45, 0.8);
  bottom: 30px;
  left: 50%;
  padding: 5px 7px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
}
.map-balloon .services .services-list .service:first-child .hint {
  left: 0;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}
.map-balloon .services .services-list .service .hint:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: rgba(39, 40, 45, 0.8) transparent transparent transparent;
  transform: translate(-50%, 0);
}
.map-balloon .services .services-list .service:first-child .hint:after {
  left: 10%;
}
.map-balloon .services .services-list .service:hover .hint {
  display: block;
}
.map-balloon .links {
  display: flex;
  /*justify-content: space-between;
    margin-bottom: 18px;*/
  justify-content: center;
  text-align: center;
}
.map-balloon .links a {
  font-size: 12px;
  color: rgba(24, 118, 212, 0.69);
  position: relative;
  padding-left: 20px;
}
.map-balloon .links a.route {
  background: url("/img/route.svg") 0 0 no-repeat;
}
.map-balloon .links a.response {
  background: url("/img/response.svg") 0 0 no-repeat;
}
.map-balloon .sing-up-btn {
  text-align: center;
}
.map-balloon .sing-up-btn .btn {
  font-size: 14px;
}
.map-section .middle-block .filter-popup .filter-slider {
  height: 3px;
  border-radius: 1.5px;
  background-color: #97a4b1;
  width: calc(100% - 120px);
}
.map-section
  .middle-block
  .filter-popup
  .filter-slider.ui-slider-horizontal
  .ui-slider-range-min {
  background: #97a4b1;
}
.map-section
  .middle-block
  .filter-popup
  .filter-slider.ui-slider-horizontal
  .ui-slider-handle {
  width: 18px;
  height: 18px;
  border: none;
  background-color: #212225;
  border-radius: 50%;
  top: 50%;
  margin-left: -9px;
  margin-top: -9px;
}
.map-section .middle-block .filter-popup .time-filter {
  margin-bottom: 24px;
  display: grid;
  align-items: center;
  grid-template-areas:
    "top1 top1 top1"
    "top2 top2 top2"
    "time1 range time2";
  grid-template-columns: 32px 225px 32px;
  column-gap: 25px;
}
@media (max-width: 767px) {
  .map-section .middle-block .filter-popup .time-filter {
    grid-template-columns: 32px 146px 32px;
  }
}
.map-section .middle-block .filter-popup .time-filter .chosen-time {
  grid-area: top1;
  width: 100%;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
}
.map-section
  .middle-block
  .filter-popup
  .time-filter
  .chosen-time
  .chosen-time-label {
  font-size: 16px;
  line-height: 20px;
  color: #2b2d33;
  width: 100%;
  margin-bottom: 15px;
}
.map-section
  .middle-block
  .filter-popup
  .time-filter
  .chosen-time
  .chosen-time-value {
  font-size: 22px;
  line-height: 1;
  color: #637282;
  width: 100%;
}
.map-section .middle-block .filter-popup .time-filter .days-list {
  width: 100%;
  grid-area: top2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 19px;
}
.map-section .middle-block .filter-popup .time-filter .days-list .day-btn {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffef00;
  background: #fee600;
  border-radius: 3px;
  transition: 0.2s ease-in;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .map-section
    .middle-block
    .filter-popup
    .time-filter
    .days-list
    .day-btn:hover {
    filter: brightness(0.95);
  }
  .map-section
    .middle-block
    .filter-popup
    .time-filter
    .days-list
    .day-btn:active {
    filter: brightness(0.9);
  }
}
.map-section .middle-block .filter-popup .time-filter .days-list .day-btn span {
  color: #2b2d33;
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
  text-transform: uppercase;
}
.map-section
  .middle-block
  .filter-popup
  .time-filter
  .days-list
  .day-btn.active {
  border-color: #2b2d33;
  background: #fff;
  pointer-events: none;
}
.map-section .middle-block .filter-popup .time-filter .chosen-time span {
  color: #637282;
}
.map-section .middle-block .filter-popup .time-filter .time {
  font-size: 13px;
  color: #2b2d33;
  width: 32px;
  text-align: center;
}
.map-section .middle-block .filter-popup .time-filter .time1 {
  grid-area: time1;
}
.map-section .middle-block .filter-popup .time-filter .time2 {
  grid-area: time2;
}
.map-section .middle-block .filter-popup .time-filter .map-filter-slider {
  grid-area: range;
  width: 100%;
}
.fgvfo-section {
  padding-bottom: 64px;
  padding-top: 20px;
}
.fgvfo-section hr {
  display: block;
  width: 100%;
  height: 1px;
  border: 0;
  border-top: 2px solid #e0e6ed;
  padding: 0;
}
.fgvfo-section table {
}
.fgvfo-section table tr {
}
.fgvfo-section table tr td {
  padding: 30px;
}
.fgvfo-section table tr td p {
  text-align: left;
  color: #212225;
}
.fgvfo-section .container {
  padding: 30px 0;
  border-top: solid 1px #e0e6ed;
  border-bottom: solid 1px #e0e6ed;
}
.fgvfo-section .inner-container {
  padding-right: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fgvfo-section .inner-container .image {
  width: 310px;
  text-align: center;
}
.fgvfo-section .inner-container .image img {
  max-width: 170px;
}
.fgvfo-section .inner-container .text {
  max-width: 400px;
  font-size: 18px;
  line-height: 22px;
  text-align: left;
  color: #212225;
}
.map-section .offices-list {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 100%;
  overflow: hidden;
  height: calc(100vh - 190px);
  max-height: 0;
  z-index: 100;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.map-section .offices-list.show-list {
  top: 190px;
  max-height: calc(100vh - 190px);
}
.map-section .offices-list.ps-container > .ps-scrollbar-x-rail,
.map-section .offices-list.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.6;
  display: block;
  min-height: 100px;
}
.map-section .offices-list .ps-scrollbar-y {
  min-height: 90px;
}
.offices-list .office-item {
  padding: 35px 0;
  box-shadow: inset 0 -2px 0 0 rgba(213, 218, 228, 0.5);
}
.map-section .offices-list .office-item .container {
  max-width: 1610px;
  display: flex;
  justify-content: space-between;
}
.offices-list .office-item h4 {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
  font-weight: 300;
  margin-bottom: 8px;
}
.offices-list .office-item .address-block {
  width: 20%;
}
@media (max-width: 1440px) {
  .offices-list .office-item .address-block {
    width: 25%;
  }
}
.offices-list .office-item .address-block .map-address {
  font-size: 16px;
  color: rgba(24, 118, 212, 0.69);
  position: relative;
  padding-left: 20px;
  display: inline-block;
  margin-bottom: 14px;
  background: url("/img/mini_marker.svg") 0 0 no-repeat;
}
.offices-list .office-item .work-hours-block {
  width: 30%;
  padding-right: 30px;
}
.offices-list .office-item .work-hours-block table {
  width: 100%;
}
.offices-list .office-item .work-hours-block table tr td {
  font-size: 16px;
  line-height: 1;
  color: #212225;
  width: 50%;
  padding-bottom: 8px;
}
.offices-list .office-item .services-block {
  width: 20%;
}
.offices-list .office-item .services-block .services-list {
  display: flex;
  flex-wrap: wrap;
}
.offices-list .office-item .services-block .services-list .service {
  position: relative;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.offices-list .office-item .services-block .services-list .service.service1 {
  background: url("/img/group-87.svg") center no-repeat;
}
.offices-list .office-item .services-block .services-list .service.service2 {
  background: url("/img/group-81.svg") center no-repeat;
}
.offices-list .office-item .services-block .services-list .service.service3 {
  background: url("/img/group-82.svg") center no-repeat;
}
.offices-list .office-item .services-block .services-list .service.service4 {
  background: url("/img/group-83.svg") center no-repeat;
}
.offices-list .office-item .services-block .services-list .service.service5 {
  background: url("/img/group-84.svg") center no-repeat;
}
.offices-list .office-item .services-block .services-list .service.service6 {
  background: url("/img/group-85.svg") center no-repeat;
}
.offices-list .office-item .services-block .services-list .service.service7 {
  background: url("/img/group-2-copy-24.svg") center no-repeat;
}
.offices-list .office-item .services-block .services-list .service.service8 {
  background: url("/img/payment-method.svg") center no-repeat;
}
.offices-list .office-item .services-block .services-list .service.service9 {
  background: url("/img/nfc-icon.svg") center no-repeat;
}

.offices-list .office-item .services-block .services-list .service .hint {
  position: absolute;
  font-size: 10px;
  font-weight: 300;
  text-align: center;
  font-family: "futurabookc", sans-serif;
  color: #ffffff;
  width: 118px;
  background-color: rgba(39, 40, 45, 0.8);
  bottom: 30px;
  left: 50%;
  padding: 5px 7px;
  transform: translateX(-50%);
  display: none;
}
.offices-list .office-item .services-block .services-list .service .hint:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: rgba(39, 40, 45, 0.8) transparent transparent transparent;
  transform: translate(-50%, 0);
}
.offices-list .office-item .services-block .services-list .service:hover .hint {
  display: block;
}
.offices-list .office-item .status-block {
  width: 15%;
}
.offices-list .office-item .status-block ul li.works {
  color: #4baf50;
}
.offices-list .office-item .status-block ul li.not-works {
  color: #af000c;
}
.offices-list .office-item .response-block {
  width: 10%;
}
.offices-list .office-item .response-block a {
  font-size: 14px;
  color: rgba(24, 118, 212, 0.69);
  position: relative;
  padding-left: 20px;
}
.offices-list .office-item .response-block a.response {
  background: url("/img/response.svg") 0 0 no-repeat;
}
.funcard-slider-section {
  padding: 56px 0;
}
.funcard-slider-section .container {
  max-width: 1440px;
}
.funcard-slider-section .block-title {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 8px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.funcard-slider-section .block-description {
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 48px;
  text-align: center;
  color: #637282;
}
.funcard-slider-section .funcard-slider {
}
.funcard-slider-section .funcard-slider .item {
  padding: 0 10px;
}
.funcard-slider-section .funcard-slider .item .image {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 18px;
}
.funcard-slider-section .funcard-slider .item .image img {
  max-width: 100%;
  height: auto;
}
.funcard-slider-section .funcard-slider .item .text {
  font-size: 24px;
  line-height: 1;
  text-align: center;
  color: #27282d;
  font-family: "futurademic", sans-serif;
  opacity: 0;
}
.funcard-slider-section
  .funcard-slider
  .item.slick-active
  + .slick-active
  .text {
  opacity: 1;
}
.funcard-slider-section
  .funcard-slider
  .slick-active
  + .slick-active
  + .slick-active
  .text {
  opacity: 0;
}
.funcard-slider-section .funcard-slider .slick-prev {
  width: 208px;
  height: 100%;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.funcard-slider-section .funcard-slider .slick-prev:after {
  content: "";
  width: 32px;
  height: 32px;
  border: solid 1px #d6d8e2;
  border-radius: 50%;
  background: url("/img/compare-slider-arrow.svg") center no-repeat #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.funcard-slider-section .funcard-slider .slick-prev:before {
  display: none;
}
.funcard-slider-section .funcard-slider .slick-next {
  width: 208px;
  height: 100%;
  top: 0;
  right: 0;
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.funcard-slider-section .funcard-slider .slick-next:after {
  content: "";
  width: 32px;
  height: 32px;
  border: solid 1px #d6d8e2;
  border-radius: 50%;
  background: url("/img/compare-slider-arrow.svg") center no-repeat #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
}
.funcard-slider-section .funcard-slider .slick-next:before {
  display: none;
}
.mobile-app-section {
  padding: 120px 0;
}
.mobile-app-section .content {
  border-radius: 4px;
  background-color: #f9fbfd;
  padding: 56px;
  padding-left: 410px;
  position: relative;
}
.mobile-app-section .content h2 {
  font-size: 32px;
  line-height: 1.19;
  color: #27282d;
  margin-bottom: 24px;
  font-family: "futurademic", sans-serif;
}
.mobile-app-section .content p {
  font-size: 24px;
  line-height: 1.33;
  color: #212225;
  margin-bottom: 24px;
  font-family: "futurademic", sans-serif;
}
.mobile-app-section .content ul {
  margin-bottom: 24px;
}
.mobile-app-section .content ul li {
  font-size: 18px;
  line-height: 22px;
  color: #212225;
  padding-left: 20px;
  margin-bottom: 10px;
  position: relative;
}
.mobile-app-section .content ul li:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fce610;
  position: absolute;
  left: 0;
  top: 6px;
}
.mobile-app-section .content .btn {
  width: 160px;
}
.mobile-app-section .content .image {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
}
.download-app-section {
  padding: 60px 0;
}
.download-app-section .block-title {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 64px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.download-app-section .links {
  text-align: center;
  margin-bottom: 40px;
}
.download-app-section .links a {
  display: inline-block;
  text-decoration: none;
  margin: 0 15px;
  border-radius: 8px;
  box-shadow:
    0 10px 20px 0 rgba(0, 0, 0, 0.2),
    0 30px 50px 0 rgba(0, 0, 0, 0.05);
}
.download-app-section .links a img {
  display: block;
}
.download-app-section .block-description {
  font-size: 14px;
  line-height: 1.33;
  color: #637282;
}
.capital-section {
  padding-top: 44px;
}
.capital-section .block-title {
  text-align: left;
  font-size: 48px;
  line-height: 1.05;
  letter-spacing: 0.6px;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 10px;
}
.capital-section .block-description {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
  width: 100%;
  margin: 0;
  text-align: left;
  margin-bottom: 80px;
}
.capital-features h2 {
  font-size: 40px;
  line-height: 1.05;
  letter-spacing: 0.6px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 48px;
}
.capital-features .features-list {
  display: flex;
  justify-content: center;
  margin-bottom: 48px;
}
.capital-features .features-list .feature {
  width: 300px;
  padding: 0 40px;
}
.capital-features .features-list .feature .icon {
  text-align: center;
  margin-bottom: 30px;
}
.capital-features .features-list .feature .description {
  font-size: 14px;
  line-height: 1.2;
  font-family: "futurabookc", sans-serif;
  font-weight: 300;
  text-align: center;
  color: #637282;
}
.service-packages-page + .card-catalog-section {
  padding-top: 50px;
}
.service-packages-page h1 {
  font-size: 48px;
  line-height: 1.1;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 16px;
}
.service-packages-page .description {
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  font-weight: 300;
  color: #637282;
  margin: 0 auto;
  margin-bottom: 24px;
  max-width: 680px;
}
.credit-card-page {
  padding-top: 100px;
}
.credit-card-page h2 {
  font-size: 40px;
  line-height: 1.1;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 16px;
}
.credit-card-page h3 {
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  font-weight: 300;
  color: #637282;
  margin: 0 auto;
  margin-bottom: 24px;
  max-width: 680px;
}
.credit-card-page .packages-list .package-item {
  border-bottom: none;
}
.cash-collection-section {
  padding: 80px 0;
}
.cash-collection-section h2 {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 10px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.cash-collection-section h3 {
  font-size: 16px;
  line-height: 1.2;
  max-width: 680px;
  margin: 0 auto;
  margin-bottom: 60px;
  text-align: center;
  color: #637282;
  font-weight: 300;
}
.cash-collection-section .advantages-title {
  color: #212225;
  font-size: 24px;
  text-align: center;
  margin-bottom: 40px;
  font-family: "futurademic", sans-serif;
}
.cash-collection-section .advantages {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 60px;
}
.cash-collection-section .advantages .item {
  width: 204px;
  margin-bottom: 30px;
  padding: 0 10px;
}
.cash-collection-section .advantages .item .name {
  font-size: 16px;
  line-height: 1.1;
  text-align: center;
  color: #212225;
  margin-bottom: 40px;
  font-family: "futurademic", sans-serif;
}
.cash-collection-section .advantages .item .icon {
  text-align: center;
  margin-bottom: 20px;
}
.cash-collection-section .advantages .item .description {
  text-align: center;
}
.cash-collection-section .advantages .item .description .title {
  color: #212225;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 8px;
  font-family: "futurademic", sans-serif;
}
.cash-collection-section .advantages .item .description .text {
  font-size: 14px;
  text-align: center;
  color: #637282;
}
.cash-collection-section .btn-block {
  text-align: center;
  margin-bottom: 50px;
}
.cash-collection-section .hint {
  color: #637282;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  max-width: 490px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.cash-collection-section .hint a {
  color: #212225;
}
.cash-collection-section .phone-number {
  color: #212225;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}
.cash-collection-section .phone-number span {
  color: #637282;
  font-size: 14px;
}
.cash-collection-section .phone-number span strong {
  font-size: 24px;
}
.cash-collection-section .contacts-block {
  display: flex;
  justify-content: center;
  margin-top: 60px;
}
.cash-collection-section .contacts-block .block {
  width: 400px;
}
.cash-collection-section .contacts-block .block p {
  color: #637282;
  font-size: 14px;
  text-align: center;
}
.cash-collection-section .contacts-block .block p:first-child {
  font-size: 16px;
  text-align: center;
  margin-bottom: 18px;
  color: #212225;
}
.cash-collection-section .contacts-block .block p strong {
  font-size: 24px;
  font-family: "futurademic", sans-serif;
}
.acquiring-tariff-section {
  background: #f9fbfd;
  padding: 30px 0;
  margin-bottom: 30px;
  margin-top: -30px;
}
.acquiring-tariff-section h2 {
  font-size: 24px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.acquiring-tariff-section .tariff-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.acquiring-tariff-section .tariff-list .tariff-item {
  width: 340px;
  margin-bottom: 40px;
  padding: 0 40px;
}
.acquiring-tariff-section .tariff-list .tariff-item .tariff-title {
  color: #637282;
  font-size: 32px;
  line-height: 1;
  text-align: center;
  font-family: "futurademic", sans-serif;
  margin-bottom: 18px;
}
.acquiring-tariff-section .tariff-list .tariff-item .tariff-description {
  color: #637282;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
}
.acquiring-tariff-section .tariff-list .hint {
  width: 100%;
  text-align: center;
  color: #637282;
  font-size: 14px;
}
.online-advantages-section {
  padding: 60px 0;
}
.online-advantages-section .title,
.online-advantages-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 50px;
}
.online-advantages-section .advantages-list {
  display: flex;
  flex-wrap: wrap;
}
.online-advantages-section .advantages-list .advantage-item {
  width: 25%;
  padding: 0 20px;
  margin-bottom: 40px;
}
.online-advantages-section .advantages-list .advantage-item .icon {
  text-align: center;
  height: 72px;
  margin-bottom: 30px;
}
.online-advantages-section .advantages-list .advantage-item .icon img {
  height: 72px;
}
.online-advantages-section .advantages-list .advantage-item .a-title {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #212225;
  margin-bottom: 30px;
}
.online-advantages-section .advantages-list .advantage-item .a-description {
  font-size: 14px;
  line-height: 1.14;
  text-align: center;
  color: #637282;
}
.business-online-connection-section {
  padding: 100px 0;
  position: relative;
  overflow: hidden;
  padding-bottom: 200px;
}
.business-online-connection-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 170px;
}
.business-online-connection-section .connection-step {
  color: #212225;
  font-size: 18px;
  line-height: 1.4;
  border-left: 4px solid #ffef00;
  padding-left: 35px;
  max-width: 330px;
  margin: 25px 0;
}
.business-online-connection-section .image {
  position: absolute;
  top: 65%;
  left: 30%;
  width: 1227px;
  height: 624px;
  background: url(/img/ipad_bg.png) 0 0 no-repeat;
  transform: translateY(-50%);
}
.business-online-connection-section .image img {
  margin-bottom: 0;
  width: 678px;
  height: 509px;
  position: absolute;
  top: 26px;
  left: 335px;
}
.bank-guarantees-section {
}
.bank-guarantees-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 20px;
}
.bank-guarantees-section h3 {
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  color: #637282;
  font-weight: 300;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.insurance-programs-section.bank-guarantees-section .programs-list {
  border-bottom: none;
  display: block;
}
.insurance-programs-section
  .programs-list
  .program-item
  .top-part
  .right-side
  .bid {
  text-align: right;
}
.insurance-programs-section.bank-guarantees-section
  .programs-list
  .program-item
  .top-part
  .right-side
  .bid-number {
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: 0.6px;
  text-align: right;
  color: #ffffff;
  font-family: "futurademic", sans-serif;
}
.insurance-programs-section.bank-guarantees-section
  .programs-list
  .program-item
  .btn {
  margin-left: 20px;
}
.partners-services-section {
  padding-top: 40px;
  padding-bottom: 60px;
}
.partners-services-section .top-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.partners-services-section h2 {
  font-size: 40px;
  line-height: 1.2;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.partners-services-section .services-tabs-btns {
  display: flex;
  justify-content: flex-end;
}
.partners-services-section .services-tabs-btns .tab-btn {
  height: 40px;
  border-radius: 20px;
  line-height: 38px;
  font-size: 16px;
  color: #637282;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.16);
  padding: 0 24px;
  text-decoration: none;
  margin-left: 16px;
}
.partners-services-section .services-tabs-btns .tab-btn.active,
.partners-services-section .services-tabs-btns .tab-btn:hover {
  background-color: #ffef00;
  border: solid 1px #ffef00;
  color: #212225;
}
.partners-services-section .services-block {
  display: none;
}
.partners-services-section .services-block.active {
  display: block;
}
.partners-services-section .services-block .service-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px 0;
  border-top: solid 2px #e0e6ed;
}
.partners-services-section .services-block .service-item .image {
  width: 320px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.partners-services-section .services-block .service-item .image .logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.partners-services-section .services-block .service-item .image .bg {
  width: 100%;
  display: block;
}
.partners-services-section .services-block .service-item .info {
  width: calc(100% - 360px);
}
.partners-services-section .services-block .service-item .info .title {
  font-size: 24px;
  line-height: 1.1;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 16px;
}
.partners-services-section .services-block .service-item .info .description {
  font-size: 16px;
  line-height: 1.25;
  color: #637282;
  margin-bottom: 16px;
}
.partners-services-section
  .services-block
  .service-item
  .info
  .description
  strong {
  color: #212225;
}
.partners-services-section .services-block .service-item .info .features {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.partners-services-section
  .services-block
  .service-item
  .info
  .features
  .feature {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50%;
  padding-right: 16px;
  margin-bottom: 16px;
}
.partners-services-section
  .services-block
  .service-item
  .info
  .features
  .feature
  .icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border: dashed 1px #b9c1cc;
}
.partners-services-section
  .services-block
  .service-item
  .info
  .features
  .feature
  .text {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
  width: calc(100% - 58px);
}
.partners-services-section .services-block .service-item .info .details {
}
.partners-services-section
  .services-block
  .service-item
  .info
  .details
  .toggler {
  display: inline-block;
  padding-right: 20px;
  text-decoration: none;
  position: relative;
}
.partners-services-section
  .services-block
  .service-item
  .info
  .details
  .toggler:after {
  content: "";
  position: absolute;
  display: block;
  top: 10px;
  right: 0;
  width: 11px;
  height: 6px;
  background: url("/img/down-arrow.png") 0 0 no-repeat;
}
.partners-services-section
  .services-block
  .service-item
  .info
  .details
  .toggler.open:after {
  transform: rotate(180deg);
}
.partners-services-section
  .services-block
  .service-item
  .info
  .details
  .toggler
  span {
  font-size: 16px;
  line-height: 24px;
  color: #212225;
  font-family: "futurademic", sans-serif;
  display: inline-block;
}
.partners-services-section
  .services-block
  .service-item
  .info
  .details
  .toggler
  span
  + span {
  display: none;
}
.partners-services-section
  .services-block
  .service-item
  .info
  .details
  .toggler.open
  span:first-child {
  display: none;
}
.partners-services-section
  .services-block
  .service-item
  .info
  .details
  .toggler.open
  span
  + span {
  display: inline-block;
}
.partners-services-section
  .services-block
  .service-item
  .info
  .details
  .details-text {
  overflow: hidden;
  max-height: 0;
  margin-bottom: 10px;
}
.partners-services-section
  .services-block
  .service-item
  .info
  .details
  .details-text.open {
  max-height: inherit;
}
.partners-services-section
  .services-block
  .service-item
  .info
  .details
  .details-text:before {
  content: "";
  position: relative;
  width: 100%;
  height: 20px;
  display: block;
}
.partners-services-section
  .services-block
  .service-item
  .info
  .details
  .details-text
  p {
  color: #212225;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
}
.partners-services-section
  .services-block
  .service-item
  .info
  .details
  .details-text
  ul {
  margin-bottom: 24px;
  border-left: 4px solid #ffef00;
  padding-left: 16px;
}
.partners-services-section
  .services-block
  .service-item
  .info
  .details
  .details-text
  ul
  li {
  color: #212225;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 8px;
}
.partners-services-section
  .services-block
  .service-item
  .info
  .details
  .details-text
  strong {
  font-family: "futurademic", sans-serif;
}
.error-section {
  padding-top: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.error-section .error {
  font-size: 144px;
  line-height: 1;
  text-align: center;
  color: #babfc7;
  font-family: "futurademic", sans-serif;
}
.error-section .image {
  margin-top: -100px;
  margin-bottom: 40px;
}
.error-section.unsubscribe .image {
  margin-top: 0;
}
.error-section.unsubscribe .image img {
  max-width: 100%;
}
.error-section .description {
  font-size: 24px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  margin-bottom: 40px;
}
.error-section .btn-block {
  text-align: center;
}
.error-section .btn-block .btn {
  min-width: 160px;
}
.error-section.new-error-section {
  padding-top: 200px;
  background: url("/img/error404bg.jpg") top center no-repeat;
  height: calc(100vh - 140px);
  justify-content: flex-start;
}
.error-section.new-error-section .title {
  font-size: 26px;
  line-height: 1.23;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 20px;
}
.error-section.new-error-section .new-description {
  font-size: 18px;
  line-height: 1.56;
  max-width: 650px;
  margin: 0 auto;
  margin-bottom: 30px;
  text-align: center;
  color: #637282;
}
.stages-section {
  padding-bottom: 60px;
}
.stages-section h2 {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 60px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.stages-section .stages-list {
  counter-reset: section;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.stages-section .stages-list .stage-item {
  width: 320px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.1);
  padding: 20px 28px;
  padding-right: 64px;
  position: relative;
  margin: 0 15px;
  margin-bottom: 30px;
}
.stages-section .stages-list .stage-item:after {
  counter-increment: section;
  content: counter(section);
  font-size: 64px;
  font-family: "futurademic", sans-serif;
  color: #e5e5e5;
  position: absolute;
  bottom: -16px;
  right: 20px;
}
.stages-section .stages-list .stage-item .title {
  font-size: 14px;
  line-height: 1.14;
  text-align: left;
  color: #212225;
  margin-bottom: 18px;
  font-family: "futurademic", sans-serif;
}
.stages-section .stages-list .stage-item .description {
  font-size: 14px;
  line-height: 1.14;
  text-align: left;
  color: #637282;
}
.fast-search__content,
.fast-search__title {
  display: none;
}
.table-container {
  width: 100%;
  overflow-x: auto;
}
.test-site {
  position: fixed;
  z-index: 83377;
  min-height: 34px;
  background-color: #fce610;
  font-size: 14px;
  text-align: center;
  color: #27282d;
  display: flex;
  width: 100%;
  top: 0;
  left: 0;
  padding: 5px 0;
  padding-right: 40px;
  justify-content: center;
  align-items: center;
}
.test-site p {
  max-width: calc(100% - 50px);
}
.test-site--link {
  color: #27282d;
  display: inline;
}
.test-site .close {
  position: absolute;
  top: 5px;
  right: 5px;
  background: url("/img/close-alert.svg") center no-repeat;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.test-site:before {
  content: "";
  position: relative;
  background: url("/img/alert-page.svg") center no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 5px;
}
.about-menu-section {
  margin-bottom: 48px;
}
.about-menu-section .about-menu-slider {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.about-menu-section .about-menu-slider .container-slider {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.about-menu-slider.ps-container .ps-scrollbar-x-rail,
.about-menu-slider.ps-container .ps-scrollbar-y-rail {
  display: none !important;
}
.about-menu-section .about-menu-slider .slick-prev,
.about-menu-section .about-menu-slider .slick-next {
  display: none !important;
}
.about-menu-section .about-menu-slider .menu-item {
}
.about-menu-section .about-menu-slider .menu-item a {
  font-size: 18px;
  color: #27282d;
  padding: 15px 19px;
  display: block;
  text-decoration: none;
  position: relative;
  border-bottom: 2px solid rgba(252, 230, 16, 0.1);
  white-space: nowrap;
}
.about-menu-section .about-menu-slider .menu-item a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  display: block;
  z-index: 3;
}
.about-menu-section .about-menu-slider .menu-item a.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #fce610;
}
.bank-info-section {
  padding: 64px 0;
  background: url("/storage/editor/fotos/2000x2000/nadijne-zberezhennya-ta-primnozhennya-vashih-zaoshchadzhen.png")
    center no-repeat;
  background-size: cover;
}
.bank-info-section .text {
  max-width: 513px;
  margin-bottom: 48px;
}
.bank-info-section .text h1 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.6px;
  text-align: left;
  color: #000;
  font-family: "futurademic", sans-serif;
  margin-bottom: 24px;
}
.bank-info-section .text p {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #000;
  margin-bottom: 24px;
}
.bank-info-section .text p a {
  color: #000;
}
.bank-info-section .awards-list {
  display: flex;
  flex-wrap: wrap;
}
.bank-info-section .awards-list .award {
  position: relative;
  width: 210px;
  text-align: center;
  padding: 0 20px;
  margin-right: 40px;
  margin-bottom: 25px;
}
.bank-info-section .awards-list .award:before {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  width: 41px;
  height: 70px;
  background: url("/img/award-left.png") 0 0 no-repeat;
}
.bank-info-section .awards-list .award:after {
  content: "";
  position: absolute;
  right: 0;
  top: -10px;
  width: 41px;
  height: 70px;
  background: url("/img/award-right.png") 0 0 no-repeat;
}
.bank-info-section .awards-list .award span {
  font-size: 14px;
  text-align: center;
  line-height: 1;
  color: #000;
  height: 55px;
  display: flex;
  align-items: center;
}
.bank-mission-section {
  padding: 64px 0;
}
.bank-mission-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  margin-bottom: 24px;
  font-family: "futurademic", sans-serif;
}
.bank-mission-section h3 {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  font-weight: normal;
  max-width: 600px;
  margin: 0 auto;
}
.values-section {
  padding: 48px 0;
}
.values-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  margin-bottom: 24px;
  font-family: "futurademic", sans-serif;
}
.values-section .values-list {
  display: flex;
}
.values-section .values-list .value-item {
  width: 204px;
}
.values-section .values-list .value-item .icon {
  text-align: center;
  margin-bottom: 16px;
}
.values-section .values-list .value-item .text {
  font-size: 16px;
  line-height: 1.25;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #637282;
}
.vision-section {
  padding: 48px 0 104px 0;
}
.vision-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  margin-bottom: 24px;
  font-family: "futurademic", sans-serif;
}
.vision-section h3 {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  font-weight: normal;
  max-width: 600px;
  margin: 0 auto;
}
.history-section {
  background-color: #f9fbfd;
  padding: 48px 0;
  margin-bottom: 104px;
}
.history-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  margin-bottom: 24px;
  font-family: "futurademic", sans-serif;
}
.history-section .history-item {
}
.history-section .history-item .year {
  font-size: 64px;
  line-height: 0.75;
  letter-spacing: 0.6px;
  text-align: left;
  color: #637282;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.history-section .history-item .text {
  column-count: 2;
  margin-bottom: 40px;
}
.history-section .history-item .text p {
  font-size: 16px;
  line-height: 1.2;
  color: #212225;
  margin-bottom: 10px;
}
.history-section .history-item .awards-list {
  display: flex;
  flex-wrap: wrap;
}
.history-section .history-item .awards-list .award {
  width: 25%;
  margin-bottom: 40px;
  padding-right: 20px;
}
.history-section .history-item .awards-list .award .icon {
  margin-bottom: 8px;
}
.history-section .history-item .awards-list .award .description {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #637282;
}
.history-section .history-slider {
}
.history-section .history-slider .slider-item {
  text-align: center;
  font-size: 14px;
  color: #637282;
  padding-top: 16px;
  margin-top: 16px;
  border-top: 4px solid #27282d;
  position: relative;
  cursor: pointer;
}
.history-section .history-slider .slider-item.active {
  font-family: "futurademic", sans-serif;
  color: #000;
}
.history-section .history-slider .slider-item:after {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #f9fbfd;
  border: solid 2px #27282d;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.history-section .history-slider .slider-item.active:after {
  background-color: #fce610;
  border: solid 4px #fff;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.17);
}
.history-section .history-slider .slick-prev,
.history-section .history-slider .slick-next {
  width: 32px;
  height: 32px;
  background-color: #27282d;
  box-shadow: 0 2px 7px 0 rgba(99, 114, 130, 0.3);
  border-radius: 50%;
  top: 12px;
}
.history-section .history-slider .slick-prev {
  left: -20px;
}
.history-section .history-slider .slick-prev:before {
  content: "";
  background: url("/img/arrow-history-slider.svg") center no-repeat;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  transform: rotate(180deg);
  opacity: 1;
}
.history-section .history-slider .slick-next {
  right: -20px;
}
.history-section .history-slider .slick-next:before {
  content: "";
  background: url("/img/arrow-history-slider.svg") center no-repeat;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  opacity: 1;
}
.history-section .history-slider .slick-prev.slick-disabled,
.history-section .history-slider .slick-next.slick-disabled {
  background-color: #e0e6ed;
  box-shadow: none;
}
.history-section .history-slider .slick-prev.slick-disabled:before {
  transform: rotate(180deg);
}
.bank-ratings-section {
  padding: 48px 0;
  margin-bottom: 104px;
  background-color: #f9fbfd;
}
.bank-ratings-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  margin-bottom: 40px;
  font-family: "futurademic", sans-serif;
}
.bank-ratings-section h3 {
  font-size: 18px;
  font-family: "futurademic", sans-serif;
  line-height: 1.33;
  text-align: center;
  margin-bottom: 24px;
  color: #212225;
  font-weight: 100;
}
.bank-ratings-section .ratings-list {
  display: flex;
  flex-wrap: wrap;
}
.bank-ratings-section .ratings-list .rating-item {
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #d0d4d9;
  padding: 22px 24px;
  width: calc(33.33% - 32px);
  margin-right: 32px;
  margin-bottom: 32px;
  min-height: 180px;
}
.bank-ratings-section .ratings-list .rating-item .title {
  font-size: 32px;
  line-height: 1.19;
  text-align: left;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.bank-ratings-section .ratings-list .rating-item .description {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.bank-ratings-section .ratings-list .rating-item .prediction {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #637282;
}
.bank-indicators-section {
  padding: 46px 0;
  background-color: #f9fbfd;
}
.bank-indicators-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  margin-bottom: 8px;
}
.bank-indicators-section h3 {
  font-size: 18px;
  font-family: "futurabookc", sans-serif;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #637282;
  margin-bottom: 48px;
}
.bank-indicators-section h3 span {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: center;
  color: #212225;
}
.bank-indicators-section .list {
  display: flex;
  justify-content: space-between;
}
.bank-indicators-section .list .item {
  width: 33.33%;
  padding: 0 100px;
}
.bank-indicators-section .list .item:nth-child(2) {
  border-left: 1px solid #d0d4d9;
  border-right: 1px solid #d0d4d9;
}
.bank-indicators-section .list .item .amount {
  font-size: 18px;
  font-family: "futurademic", sans-serif;
  line-height: 1.33;
  letter-spacing: normal;
  color: #212225;
  margin-bottom: 8px;
}
.bank-indicators-section .list .item .description {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
}
.contact-info-block {
  padding: 96px 0;
}
.contact-info-block.grey-bg {
  padding: 60px 0;
  background-color: #f9fbfd;
  margin-bottom: 50px;
}
.contact-info-block.grey-bg.one-contact-info-block {
  padding: 40px 0;
}
.contact-info-block h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  margin-bottom: 40px;
  font-family: "futurademic", sans-serif;
}
.contact-info-block .contacts-block {
  display: flex;
  justify-content: center;
}
.contact-info-block .contacts-block .contact {
  min-width: 33.33%;
  max-width: 700px;
  padding: 0 10px;
}
.contact-info-block.one-contact-info-block .contacts-block .contact {
  min-width: 100%;
  max-width: 100%;
  padding: 0;
}
.contact-info-block.business-online .contacts-block .contact {
  min-width: 50%;
}
.contact-info-block .contacts-block .contact .title {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  margin-bottom: 28px;
  color: #27282d;
  position: relative;
  font-family: "futurademic", sans-serif;
}
.contact-info-block .contacts-block .contact .title:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 64px;
  height: 4px;
  background-color: #e0e6ed;
}
.contact-info-block .contacts-block .contact .description table {
  width: 100%;
}
.contact-info-block .contacts-block .contact .description table td {
  padding: 5px;
  vertical-align: top;
}
.contact-info-block .contacts-block .contact .description p {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #637282;
  margin-bottom: 10px;
}
.contact-info-block .contacts-block .contact .description .loc,
.contact-info-block .contacts-block .contact .description .address {
  padding-left: 30px;
  background: url("/img/contact-loc.png") 0 0 no-repeat;
}
.contact-info-block .contacts-block .contact .description .email {
  padding-left: 30px;
  background: url("/img/contact-email.png") 0 0 no-repeat;
}
.contact-info-block .contacts-block .contact .description .person {
  padding-left: 30px;
  background: url("/img/contact-person.png") 0 0 no-repeat;
}
.contact-info-block .contacts-block .contact .description .phone {
  padding-left: 30px;
  background: url("/img/contact-phone.png") 0 0 no-repeat;
}
.contact-info-block .contacts-block .contact .description .site {
  padding-left: 30px;
  background: url("/img/contact-site.png") 0 0 no-repeat;
}
.contact-info-block .contacts-block .contact .description .time {
  padding-left: 30px;
  background: url("/img/contact-time.png") 0 0 no-repeat;
}
.bank-board-section {
  background-color: #f9fbfd;
  padding: 48px 0;
}
.bank-board-section h1 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  margin-bottom: 136px;
  font-family: "futurademic", sans-serif;
}
.person-block {
  max-width: 720px;
  display: block;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #d0d4d9;
  margin: 0 auto;
  padding: 16px 40px;
  margin-bottom: 136px;
}
.person-block .photo {
  width: 160px;
  height: 160px;
  box-shadow: 0 2px 10px 0 #e0e6ed;
  background-color: #d8d8d8;
  border: solid 4px #ffffff;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  margin-top: -100px;
  margin-bottom: 24px;
}
.person-block .photo img {
  display: block;
  width: 100%;
}
.person-block .name {
  font-size: 24px;
  line-height: 1.33;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 4px;
}
.person-block .position {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  position: relative;
  margin-bottom: 36px;
}
.person-block .position:after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  background-color: #e0e6ed;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -32px;
}
.person-block .description {
  max-height: 76px;
  overflow: hidden;
  margin-bottom: 24px;
  position: relative;
}
.person-block .description:not(.open):after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 40px;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.person-block .description.open {
  max-height: 1000px;
}
.person-block .description p {
  font-size: 14px;
  line-height: 1.25;
  margin-bottom: 14px;
  color: #212225;
}
.person-block .socials {
  display: flex;
}
.person-block .socials a {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.person-block .description-toggler {
  width: 32px;
  height: 32px;
  background-color: #ebecef;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  text-decoration: none;
  position: relative;
}
.person-block .description-toggler:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #b2b5be transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
}
.person-block .description-toggler.open:after {
  transform: translate(-50%, -50%);
}
.rbi-section {
}
.rbi-section .rbi-logo {
  background-color: #fce610;
  padding: 25px 0;
  margin-bottom: 40px;
}
.rbi-section .container {
  max-width: 740px;
}
.rbi-section .text p {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #212225;
  margin-bottom: 40px;
}
.rbi-map-section {
  background: url("/img/rbi-map.png") top right no-repeat;
  background-color: #f9fbfd;
  padding: 64px 0;
  min-height: 712px;
}
.rbi-map-section h2 {
  max-width: 600px;
  font-size: 24px;
  line-height: 1.33;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.rbi-map-section .countries-list {
  max-width: 700px;
  display: flex;
  flex-wrap: wrap;
}
.rbi-map-section .countries-list .country {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
  padding-right: 32px;
  width: 50%;
}
.rbi-map-section .countries-list .country .flag {
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.rbi-map-section .countries-list .country .flag img {
  width: 100%;
  display: block;
}
.rbi-map-section .countries-list .country .info {
  width: calc(100% - 60px);
}
.rbi-map-section .countries-list .country .info .country-name {
  font-size: 18px;
  font-family: "futurademic", sans-serif;
  line-height: 1.33;
  text-align: left;
  color: #212225;
}
.rbi-map-section .countries-list .country .info .bank-name {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #637282;
}
.rbi-map-section .countries-list .country .info .bank-name a {
  color: #637282;
}
.top-management-section {
  padding: 64px 0;
}
.top-management-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.top-management-section .top-managers-list {
  display: flex;
  flex-wrap: wrap;
}
.top-management-section .top-managers-list .top-manager {
  width: 25%;
  margin-bottom: 32px;
}
.top-management-section .top-managers-list .top-manager .photo {
  width: 160px;
  height: 160px;
  box-shadow: 0 2px 10px 0 #e0e6ed;
  background-color: #d8d8d8;
  border: solid 4px #ffffff;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 24px;
}
.top-management-section .top-managers-list .top-manager .name {
  font-size: 24px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
}
.top-management-section .top-managers-list .top-manager .position {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  position: relative;
}
.top-management-section .top-managers-list .top-manager .position:after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  background-color: #e0e6ed;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -32px;
}
.press-center-section {
  height: 300px;
  margin-bottom: 40px;
  background: url("/storage/editor/fotos/2000x2000/134_1536575492430.jpeg") top
    center;
}
.press-center-section .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 300px;
}
.press-center-section h1 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.6px;
  font-family: "futurademic", sans-serif;
  text-align: left;
  margin-bottom: 24px;
  color: #000;
}
.press-center-section h3 {
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 24px;
  text-align: left;
  font-weight: 100;
  max-width: 500px;
  color: #000;
}
.press-info-section {
  padding: 64px 0;
}
.press-info-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: left;
  margin-bottom: 32px;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.press-info-section h3 {
  font-size: 18px;
  line-height: 1.33;
  max-width: 600px;
  text-align: left;
  font-weight: 100;
  color: #637282;
}
.procurement-section {
  height: 390px;
  margin-bottom: 40px;
  background: url("/storage/editor/fotos/2000x2000/134_1536575492430.jpeg") top
    center;
}
.procurement-section .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 390px;
}
.procurement-section h1 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.6px;
  font-family: "futurademic", sans-serif;
  text-align: left;
  margin-bottom: 24px;
  color: #000;
}
.procurement-section h3 {
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 24px;
  text-align: left;
  max-width: 510px;
  color: #000;
  font-weight: 300;
}
.procurement-list-section {
  padding: 36px 0;
}
.shareholders-section {
  min-height: 390px;
  padding: 80px 0;
  margin-bottom: 40px;
  background: url("/storage/editor/fotos/2000x2000/134_1536575492430.jpeg") top
    center;
}
.shareholders-section .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 390px;
}
.shareholders-section h1 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.6px;
  font-family: "futurademic", sans-serif;
  text-align: left;
  margin-bottom: 24px;
  color: #212225;
}
.shareholders-section h3 {
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 24px;
  text-align: left;
  font-weight: 100;
  max-width: 510px;
  color: #212225;
  font-weight: 100;
}
.stock-transactions-section {
  margin-bottom: 48px;
}
.stock-transactions-section .container {
  max-width: 904px;
}
.stock-transactions-section h2 {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 24px;
  text-align: left;
  font-family: "futurademic", sans-serif;
  color: #212225;
}
.stock-transactions-section .description {
  max-width: 600px;
}
.stock-transactions-section .description p {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #637282;
  margin-bottom: 24px;
}
.stock-transactions-section .dividends-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.stock-transactions-section .dividends-list .dividends-item {
  width: 45%;
}
.stock-transactions-section .dividends-list .dividends-item p {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 16px;
}
.stock-transactions-section .dividends-list .dividends-item ul {
}
.stock-transactions-section .dividends-list .dividends-item ul li {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #212225;
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
.stock-transactions-section .dividends-list .dividends-item ul li:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fce610;
  position: absolute;
  left: 0;
  top: 6px;
}
.dividends-payment-section {
}
.dividends-payment-section .dividends-payment-container {
  max-width: 1024px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #f9fbfd;
  padding: 48px 78px;
  margin-bottom: 60px;
}
.dividends-payment-section h2 {
  font-family: "futurademic", sans-serif;
  font-size: 40px;
  line-height: 1.2;
  color: #212225;
  margin-bottom: 24px;
}
.dividends-payment-section .description {
}
.dividends-payment-section .description p {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #637282;
  max-width: 600px;
  margin-bottom: 48px;
}
.dividends-payment-section .contacts-block {
  display: flex;
  justify-content: center;
}
.dividends-payment-section .contacts-block .contact {
  min-width: 45%;
  max-width: 700px;
}
.dividends-payment-section .contacts-block .contact:first-child {
  min-width: 55%;
  padding-right: 10px;
}
.dividends-payment-section .contacts-block .contact .title {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  margin-bottom: 28px;
  color: #27282d;
  position: relative;
  font-family: "futurademic", sans-serif;
}
.dividends-payment-section .contacts-block .contact .title:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 64px;
  height: 4px;
  background-color: #e0e6ed;
}
.dividends-payment-section .contacts-block .contact .info p {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #637282;
  margin-bottom: 10px;
}
.dividends-payment-section .contacts-block .contact .info .loc {
  padding-left: 30px;
  background: url("/img/contact-loc.png") 0 0 no-repeat;
}
.dividends-payment-section .contacts-block .contact .info .email {
  padding-left: 30px;
  background: url("/img/contact-email.png") 0 0 no-repeat;
}
.dividends-payment-section .contacts-block .contact .info .person {
  padding-left: 30px;
  background: url("/img/contact-person.png") 0 0 no-repeat;
}
.dividends-payment-section .contacts-block .contact .info .time {
  padding-left: 30px;
  background: url("/img/contact-time.png") 0 0 no-repeat;
}
.dividends-payment-section .contacts-block .contact .info .phone {
  padding-left: 30px;
  background: url("/img/contact-phone.png") 0 0 no-repeat;
}
.career-intro-section {
  height: 380px;
  margin-bottom: 40px;
  background: url("/storage/editor/fotos/2000x2000/134_1536575492430.jpeg") top
    center;
}
.career-intro-section .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 380px;
}
.career-intro-section h1 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.6px;
  font-family: "futurademic", sans-serif;
  text-align: left;
  margin-bottom: 24px;
  color: #000;
}
.career-intro-section h3 {
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 24px;
  text-align: left;
  max-width: 500px;
  color: #000;
  font-weight: 100;
}
.invite-section {
  padding: 48px 0;
}
.invite-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 32px;
}
.invite-section h3 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #637282;
  font-weight: 100;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.invite-section .socials {
  text-align: center;
}
.invite-section .socials a {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin: 0 10px;
}
.invite-section .socials .fb {
  background: url("/img/career-fb1.png") 0 0 no-repeat;
}
.invite-section .socials .inst {
  background: url("/img/career-inst1.png") 0 0 no-repeat;
}
.invite-section .socials .telegram {
  background: url("/img/career-telegram1.png") 0 0 no-repeat;
}
.invite-section .socials .fb:hover {
  background: url("/img/career-fb2.png") 0 0 no-repeat;
}
.invite-section .socials .inst:hover {
  background: url("/img/career-inst2.png") 0 0 no-repeat;
}
.invite-section .socials .telegram:hover {
  background: url("/img/career-telegram2.png") 0 0 no-repeat;
}
.career-benefits-section {
  padding: 40px 0;
}
.career-benefits-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 4px;
}
.career-benefits-section h3 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #637282;
  font-weight: 100;
  max-width: 460px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.career-benefits-section .benefits-list {
  display: flex;
  flex-wrap: wrap;
}
.career-benefits-section .benefits-list .benefit-item {
  width: 25%;
}
.career-benefits-section .benefits-list .benefit-item .icon {
  width: 72px;
  margin: 0 auto;
  margin-bottom: 24px;
}
.career-benefits-section .benefits-list .benefit-item .text {
  font-size: 16px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
}
.success-stories-section {
  background-color: #f9fbfd;
  padding: 60px 0;
}
.success-stories-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 32px;
}
.success-stories-section .stories-slider {
  margin-bottom: 0;
}
.success-stories-section .stories-slider .slider-item {
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #d0d4d9;
  padding: 32px;
  margin: 0 8px;
}
.success-stories-section .stories-slider .slider-item .top {
  display: flex;
  margin-bottom: 32px;
}
.success-stories-section .stories-slider .slider-item .top .photo {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 16px;
}
.success-stories-section .stories-slider .slider-item .top .photo img {
  width: 100%;
  display: block;
}
.success-stories-section .stories-slider .slider-item .top .info {
  width: calc(100% - 96px);
}
.success-stories-section .stories-slider .slider-item .top .info .name {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #212225;
  margin-bottom: 4px;
  font-family: "futurademic", sans-serif;
}
.success-stories-section .stories-slider .slider-item .top .info .position {
  font-size: 16px;
  line-height: 1.13;
  text-align: left;
  color: #212225;
}
.success-stories-section .stories-slider .slider-item .description {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #637282;
  height: 72px;
  overflow: hidden;
  margin-bottom: 32px;
}
.success-stories-section .stories-slider .slick-next {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  right: -40px;
  border: solid 1px #d6d8e2;
}
.success-stories-section .stories-slider .slick-next:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
  position: absolute;
  background: url(/img/rectangle-16-copy.svg) center no-repeat;
}
.success-stories-section .stories-slider .slick-prev {
  width: 32px;
  height: 32px;
  left: -40px;
  border-radius: 50%;
  border: solid 1px #d6d8e2;
}
.success-stories-section .stories-slider .slick-prev:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
  position: absolute;
  background: url(/img/rectangle-16-copy.svg) center no-repeat;
  transform: rotate(180deg);
}
.career-slider-section {
  padding: 48px 0;
}
.career-slider-section .career-photo-slider {
  margin-bottom: 0;
}
.career-slider-section .career-photo-slider .slider-item {
  margin: 0 8px;
  border-radius: 4px;
  overflow: hidden;
}
.career-slider-section .career-photo-slider .slider-item img {
  width: 100%;
  display: block;
}
.career-slider-section .career-photo-slider .slick-prev {
  width: 32px;
  height: 32px;
  left: 140px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 6px 13px 0 rgba(39, 40, 45, 0.5);
}
.career-slider-section .career-photo-slider .slick-next {
  width: 32px;
  height: 32px;
  right: 140px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 6px 13px 0 rgba(39, 40, 45, 0.5);
}
.career-slider-section .career-photo-slider .slick-prev:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  position: absolute;
  background: url(/img/rectangle-16-copy.svg) center no-repeat;
  transform: rotate(180deg);
}
.career-slider-section .career-photo-slider .slick-next:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  position: absolute;
  background: url(/img/rectangle-16-copy.svg) center no-repeat;
}
.career-video {
}
.career-video .title {
  font-size: 18px;
  font-family: "futurabookc", sans-serif;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  max-width: 600px;
  margin: 0 auto;
}
.position-section {
}
.position-section .position-description {
  padding-top: 32px;
}
.position-section .position-description h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: left;
  color: #212225;
  margin-bottom: 32px;
  font-family: "futurademic", sans-serif;
}
.position-section .position-description p {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #637282;
  max-width: 700px;
  margin-bottom: 40px;
}
.position-section .position-description ul {
  margin-bottom: 40px;
  max-width: 700px;
}
.position-section .position-description ul li {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
}
.position-section .position-description ul li:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fce610;
  position: absolute;
  left: 0;
  top: 6px;
}
.vacancy-form-section {
  margin-bottom: 48px;
}
.vacancy-form-section .vacancy-form {
  max-width: 1024px;
  margin: 0 auto;
  border-radius: 4px;
  padding: 48px;
  background-color: #f9fbfd;
}
.vacancy-form-section .vacancy-form h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  font-family: "futurademic", sans-serif;
  color: #212225;
}
.vacancy-form-section .vacancy-form h3 {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  font-weight: 100;
  margin-bottom: 24px;
}
.vacancy-form-section .vacancy-form .upload-file-block {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 32px;
  position: relative;
}
.vacancy-form-section .vacancy-form .upload-file-block .title {
  font-size: 16px;
  color: #637282;
  background: url("/img/skrepka.svg") 0 0 no-repeat;
  padding-left: 40px;
  line-height: 16px;
  margin-bottom: 20px;
  min-height: 24px;
}
.vacancy-form-section .vacancy-form .upload-file-block .file-box {
  border-radius: 4px;
  padding: 10px;
  border: dashed 1px #97a4b1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
}
.vacancy-form-section .vacancy-form .upload-file-block .file-box.over {
  background: #fff;
}
.vacancy-form-section
  .vacancy-form
  .upload-file-block
  .file-box
  input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.vacancy-form-section .vacancy-form .upload-file-block .file-box label {
  font-size: 16px;
  cursor: pointer;
  line-height: 1.5;
  text-align: center;
  color: #767676;
}
.vacancy-form-section .vacancy-form .upload-file-block .file-box label span {
  color: #1c7fdd;
}
.vacancy-form-section .vacancy-form .form-field {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 32px;
  position: relative;
}
.vacancy-form-section .vacancy-form .double-fields {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 32px;
}
.vacancy-form-section .vacancy-form .double-fields .form-field {
  width: calc(50% - 20px);
  margin: 0;
}
.vacancy-form-section .vacancy-form .double-fields .form-field .hint {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.14;
  text-align: left;
  color: #637282;
  padding-top: 20px;
}
.vacancy-form-section .vacancy-form .form-field label {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  color: #424242;
  display: block;
  margin-bottom: 5px;
}
.vacancy-form-section .vacancy-form .form-field label.error {
  color: #ed4337;
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 5px;
}
.vacancy-form-section .vacancy-form .form-field input[type="text"] {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
}
.vacancy-form-section .vacancy-form .form-field input[type="text"].error {
  border-color: #ed4337;
}
.vacancy-form-section .vacancy-form .form-field input[type="text"]:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
}
.vacancy-form-section .vacancy-form .form-field .select-container {
  height: 40px;
  position: relative;
}
.vacancy-form-section .vacancy-form .form-field .select-container:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #888888 transparent transparent transparent;
  top: 50%;
  right: 10px;
  margin-top: -1px;
  z-index: 1;
}
.vacancy-form-section .vacancy-form .form-field select::-ms-expand {
  display: none;
}
.vacancy-form-section .vacancy-form .form-field select {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.vacancy-form-section .vacancy-form .form-field select:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
}
.vacancy-form-section .vacancy-form .checkbox-block {
  display: inline-block;
  margin-right: 40px;
}
.vacancy-form-section .vacancy-form .checkbox-block label {
  font-size: 14px;
  line-height: 18px;
  color: #212225;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  font-family: "futurabookc", sans-serif;
  margin-bottom: 0;
}
.vacancy-form-section .vacancy-form .checkbox-block label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.vacancy-form-section
  .vacancy-form
  .checkbox-block
  input[type="checkbox"].error
  + label
  + label:after {
  border: solid 1px red;
}
.vacancy-form-section
  .vacancy-form
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after,
.vacancy-form-section
  .vacancy-form
  .checkbox-block
  input[type="checkbox"]:checked
  + label
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.vacancy-form-section .vacancy-form .button-part {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}
.vacancy-form-section .vacancy-form .button-part .checkbox-block {
  width: calc(100% - 300px);
  margin-right: 0;
}
.vacancy-form-section .vacancy-form .button-part .btn {
  width: 200px;
}
.vacancy-form-section .vacancy-form .button-part_vacancy {
  display: block;
  text-align: right;
}
.vacancy-form-section .vacancy-form .button-part_vacancy .checkbox-block {
  width: 100%;
  margin-bottom: 24px;
  line-height: 1.38;
  text-align: left;
}
.vacancy-form-section
  .vacancy-form
  .button-part_vacancy
  .checkbox-block:last-child {
  margin-bottom: 32px;
}
.faq-business-online {
  margin-bottom: 48px;
}
.faq-section.faq-business-online .faq-list .faq-item .faq-question img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.business-online-service-section {
  position: relative;
  padding-top: 74px;
  min-height: 500px;
}
.business-online-service-section .bg {
  position: absolute;
  top: 0;
  left: 0;
}
.business-online-service-section .text-container {
  background-color: #f9fbfd;
  padding: 80px 0;
  padding-left: 500px;
}
.business-online-service-section .text-container .logo {
  text-align: center;
  margin-bottom: 24px;
}
.business-online-service-section .text-container .text {
  text-align: justify;
  font-size: 24px;
  line-height: 1.33;
  color: #212225;
  max-width: 600px;
  margin: 0 auto;
}
.pagination-block {
  text-align: center;
  padding-bottom: 40px;
}
.pagination-block ul {
  display: flex;
  justify-content: center;
}
.pagination-block ul li {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.pagination-block ul li:first-child {
  margin-right: 10px;
}
.pagination-block ul li:last-child {
  margin-left: 10px;
}
.pagination-block ul li:first-child *,
.pagination-block ul li:last-child * {
  font-size: 24px;
  width: 40px;
  height: 40px;
  line-height: 38px;
  border: 1px solid #b7b7b7;
  background: transparent;
  text-align: center;
  border-radius: 5px;
}
.pagination-block ul li.disabled {
  opacity: 0.25;
}
.pagination-block ul li.active {
  color: #000;
  font-family: "futurademic", sans-serif;
}
.pagination-block ul li span {
  color: #000;
  padding: 0 5px;
  display: inline-block;
  text-align: center;
}
.pagination-block ul li a {
  color: #6f6f6f;
  text-decoration: none;
  text-align: center;
  padding: 0 5px;
  display: inline-block;
  z-index: 2;
  position: relative;
}
.pagination-block ul li a:hover {
  color: #fce610;
  text-decoration: none;
}
.open-vacancies-section {
  padding: 48px 0;
}
.open-vacancies-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 64px;
}
.open-vacancies-section .vacancies-filter {
  display: flex;
  margin-bottom: 24px;
}
.open-vacancies-section .vacancies-filter .select-block {
  margin-right: 16px;
  border-radius: 4px;
  border: solid 1px #767676;
  position: relative;
  height: 40px;
}
.open-vacancies-section .vacancies-filter .select-block:not(.position):after {
  content: "";
  position: absolute;
  right: 6px;
  top: 17px;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #767676 transparent transparent transparent;
}
.open-vacancies-section .vacancies-filter .select-block select {
  width: 100%;
  height: 40px;
  border: none;
  font-size: 16px;
  color: #767676;
  position: relative;
  z-index: 2;
  padding: 0 16px;
  padding-right: 26px;
  background: transparent;
  line-height: 40px;
  -webkit-appearance: none;
}
.open-vacancies-section .vacancies-filter .select-block select::-ms-expand {
  display: none;
}
.open-vacancies-section .vacancies-filter .select-block .select2-container {
  width: 100%;
  height: 40px;
  display: block;
}
.open-vacancies-section
  .vacancies-filter
  .select-block
  .select2-container--default
  .select2-selection--single {
  height: 40px;
  border-radius: 4px;
  border: none;
  background: transparent;
}
.open-vacancies-section
  .vacancies-filter
  .select-block
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #767676;
  padding: 0 16px;
  line-height: 40px;
  font-size: 16px;
  height: 40px;
}
.open-vacancies-section
  .vacancies-filter
  .select-block
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 40px;
}
.open-vacancies-section .vacancies-filter .select-block.position {
  width: calc(40% - 53px);
}
.open-vacancies-section .vacancies-filter .select-block.type,
.open-vacancies-section .vacancies-filter .select-block.city {
  width: calc(29% - 53px);
}
.open-vacancies-section.city-section .vacancies-filter .select-block.position,
.open-vacancies-section.city-section .vacancies-filter .select-block.type {
  width: calc(50% - 96px);
}
.open-vacancies-section .vacancies-list {
  margin-bottom: 40px;
  width: calc(100% - 147px);
}
.open-vacancies-section .vacancies-list .vacancy-item {
  display: flex;
  text-decoration: none;
  padding: 16px;
}
.open-vacancies-section .vacancies-list .vacancy-item:hover {
  border-radius: 4px;
  box-shadow: 0 6px 13px 0 rgba(194, 206, 226, 0.5);
  background-color: #ffffff;
}
.open-vacancies-section .vacancies-list .vacancy-item .position {
  width: 40%;
  margin-right: 16px;
  font-size: 24px;
  line-height: 1.1;
  color: #212225;
}
.open-vacancies-section .vacancies-list .vacancy-item .type {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
  width: 29%;
  margin-right: 16px;
}
.open-vacancies-section .vacancies-list .vacancy-item .city {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
  width: 26%;
  margin-right: 0;
}
.open-vacancies-section.city-section .vacancies-list .vacancy-item .city {
  display: none;
}
.open-vacancies-section .more-vacancies {
  text-align: center;
}
.open-vacancies-section.city-section .vacancies-list .vacancy-item .position,
.open-vacancies-section.city-section .vacancies-list .vacancy-item .type {
  width: 48%;
}
.cities-vacancies-section {
  background-color: #f9fbfd;
  padding: 48px 0;
}
.cities-vacancies-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  margin-bottom: 24px;
  text-align: center;
  color: #212225;
}
.cities-vacancies-section h3 {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  max-width: 600px;
  font-weight: 100;
  margin: 0 auto;
  margin-bottom: 48px;
}
.cities-vacancies-section .cities-vacancies-slider-block {
  position: relative;
  height: 290px;
}
.cities-vacancies-section .cities-vacancies-slider-container {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  height: 290px;
  overflow: hidden;
}
.cities-vacancies-section
  .cities-vacancies-slider-container
  .cities-vacancies-slider {
  display: flex;
  position: relative;
  height: 290px;
}
.cities-vacancies-section
  .cities-vacancies-slider-container
  .cities-vacancies-slider
  .result-item {
  width: 290px;
  height: 290px;
  border-radius: 4px;
  background-color: #000000;
  margin-right: 32px;
  padding: 64px 32px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
.cities-vacancies-section
  .cities-vacancies-slider-container
  .cities-vacancies-slider
  .result-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 42;
  background: rgba(16, 15, 15, 0);
}
.cities-vacancies-section
  .cities-vacancies-slider-container
  .cities-vacancies-slider
  .result-item
  img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 1;
}
.cities-vacancies-section
  .cities-vacancies-slider-container
  .cities-vacancies-slider
  .result-item
  .city {
  font-size: 28px;
  line-height: 1.19;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #ffffff;
  position: relative;
  z-index: 2;
  height: 100px;
  border-bottom: 1px solid #fff;
}
.cities-vacancies-section
  .cities-vacancies-slider-container
  .cities-vacancies-slider
  .result-item
  .vacancies {
  font-size: 24px;
  line-height: 1.33;
  text-align: center;
  color: #ffffff;
  position: relative;
  z-index: 2;
  padding-top: 22px;
}
.engage-intro-section {
  padding-top: 72px;
}
.engage-intro-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 32px;
}
.engage-intro-section h3 {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  font-weight: 100;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.engage-intro-section .socials {
  text-align: center;
}
.engage-intro-section .socials a {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin: 0 10px;
}
.engage-intro-section .socials a img {
  width: 100%;
}
.for-students-section {
  padding: 64px 0;
}
.for-students-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 32px;
}
.for-students-section h3 {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  font-weight: 100;
  max-width: 700px;
  margin: 0 auto;
}
.internship-review-section {
  background-color: #f9fbfd;
  padding: 52px 0;
}
.internship-review-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 32px;
}
.internship-review-section .internship-review-slider {
  max-width: 600px;
  margin: 0 auto;
}
.internship-review-section .internship-review-slider .slider-item .text {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  margin-bottom: 48px;
  position: relative;
  padding: 0 30px;
}
.internship-review-section .internship-review-slider .slider-item .text:before {
  content: "“";
  font-size: 64px;
  line-height: 0.75;
  letter-spacing: 0.6px;
  color: #97a4b1;
  position: absolute;
  top: 0;
  left: 0;
}
.internship-review-section .internship-review-slider .slider-item .text:after {
  content: "“";
  font-size: 64px;
  line-height: 0.75;
  letter-spacing: 0.6px;
  color: #97a4b1;
  position: absolute;
  top: 0;
  right: 0;
}
.internship-review-section .internship-review-slider .slider-item .photo {
  width: 80px;
  height: 80px;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 8px;
}
.internship-review-section .internship-review-slider .slider-item .photo img {
  width: 100%;
}
.internship-review-section .internship-review-slider .slider-item .name {
  font-size: 18px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
}
.internship-review-section .internship-review-slider .slick-prev {
  width: 32px;
  height: 32px;
  left: -60px;
  border-radius: 50%;
  border: solid 1px #d6d8e2;
  background: none;
}
.internship-review-section .internship-review-slider .slick-next {
  width: 32px;
  height: 32px;
  right: -60px;
  border-radius: 50%;
  border: solid 1px #d6d8e2;
  background: none;
}
.internship-review-section .internship-review-slider .slick-prev:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  position: absolute;
  background: url(/img/rectangle-16-copy.svg) center no-repeat;
  transform: rotate(180deg);
}
.internship-review-section .internship-review-slider .slick-next:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  position: absolute;
  background: url(/img/rectangle-16-copy.svg) center no-repeat;
}
.success-stories-page {
}
.success-stories-page h1 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.6px;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 24px;
}
.success-stories-page h3 {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
  margin-bottom: 64px;
  font-weight: 100;
}
.success-stories-page .success-stories-slider {
  max-width: 882px;
  margin: 0 auto;
  margin-bottom: 48px;
}
.success-stories-page .success-stories-slider .slider-item {
  margin: 0 32px;
  cursor: pointer;
}
.success-stories-page .success-stories-slider .slider-item a {
  text-decoration: none;
}
.success-stories-page .success-stories-slider .slider-item .photo {
  width: 230px;
  height: 230px;
  border-radius: 4px;
  background-color: #fce610;
  box-shadow: 0 6px 13px 0 rgba(69, 73, 79, 0.5);
  overflow: hidden;
  margin-bottom: 16px;

  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.success-stories-page .success-stories-slider .slider-item .photo img {
  width: 100%;
}
.success-stories-page .success-stories-slider .slider-item .name {
  font-size: 24px;
  font-family: "futurademic", sans-serif;
  line-height: 1.33;
  text-align: center;
  color: #212225;
  text-decoration: none;
}
.success-stories-page .success-stories-slider .slider-item .position {
  font-size: 16px;
  line-height: 1.2;
  position: relative;
  text-align: center;
  color: #637282;
  margin-bottom: 15px;
  text-decoration: none;
}
.success-stories-page .success-stories-slider .slider-item .position:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -16px;
  width: 32px;
  height: 6px;
  background-color: #e0e6ed;
}
.success-stories-page .success-stories-slider .slider-item.active .photo {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.success-stories-page .success-stories-slider .slider-item.active .position {
  color: #212225;
}
.success-stories-page
  .success-stories-slider
  .slider-item.active
  .position:after {
  background-color: #fce610;
}
.success-stories-page .success-stories-slider .slick-prev {
  width: 32px;
  height: 32px;
  left: -20px;
  border-radius: 50%;
  border: solid 1px #d6d8e2;
  background: #fff;
}
.success-stories-page .success-stories-slider .slick-next {
  width: 32px;
  height: 32px;
  right: -20px;
  border-radius: 50%;
  border: solid 1px #d6d8e2;
  background: #fff;
}
.success-stories-page .success-stories-slider .slick-prev:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  position: absolute;
  background: url(/img/rectangle-16-copy.svg) center no-repeat;
  transform: rotate(180deg);
}
.success-stories-page .success-stories-slider .slick-next:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  position: absolute;
  background: url(/img/rectangle-16-copy.svg) center no-repeat;
}
.success-stories-page .story-description {
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 48px;
}
.success-stories-page .story-description img {
  width: 100%;
}
.success-stories-page .story-description h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 32px;
}
.success-stories-page .story-description p {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
  margin-bottom: 24px;
}
.fond-page h1 {
  font-size: 40px;
  font-family: "futurademic", sans-serif;
  line-height: 1;
  letter-spacing: 0.6px;
  color: #212225;
  max-width: 700px;
  margin-bottom: 24px;
}
.fond-page h3 {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-family: "futurabookc", sans-serif;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
  max-width: 700px;
}
.fond-page .description {
  font-size: 18px;
  max-width: 550px;
  margin-bottom: 64px;
  line-height: 1.33;
  letter-spacing: normal;
  color: #637282;
}
.refund-amount-section {
  background-color: #f9fbfd;
  padding: 24px 0;
}
.refund-amount-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #27282d;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.refund-amount-section h3 {
  max-width: 600px;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #637282;
  margin: 0 auto;
  margin-bottom: 10px;
  font-weight: 100;
}
.fg-info-block {
  padding: 0;
  padding-bottom: 48px;
}
.contact-info-block.fg-info-block .contacts-block {
  justify-content: flex-start;
}
.contact-info-block.fg-info-block .contacts-block .contact {
  max-width: 1000px;
}
.contact-info-block.fg-info-block .contacts-block .contact .description {
  display: flex;
  flex-wrap: wrap;
}
.contact-info-block.fg-info-block .contacts-block .contact .description p {
  width: 50%;
}
.fgvfo-files-section .download-block {
}
.fgvfo-files-section .download-block .download-file {
  display: inline-flex;
  text-decoration: none;
  align-items: center;
  margin-bottom: 30px;
  max-width: 700px;
  margin-right: 30px;
}
.fgvfo-files-section .download-block .download-file .icon {
  width: 42px;
  text-align: center;
  margin-right: 32px;
  position: relative;
}
.fgvfo-files-section .download-block .download-file .icon:after {
  content: attr(data-ext);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #637282;
  text-transform: uppercase;
  font-size: 8px;
  font-family: "futurademic", sans-serif;
}
.fgvfo-files-section .download-block .download-file .icon span {
  font-size: 14px;
  text-align: center;
  color: #637282;
}
.fgvfo-files-section .download-block .download-file .text {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
  font-family: "futurademic", sans-serif;
}
.individuals-account-apply-page {
}
.individuals-account-apply-page h1 {
  font-size: 40px;
  line-height: 1.2;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 26px;
}
.individuals-account-apply-page .description {
  max-width: 900px;
  margin-bottom: 50px;
}
.individuals-account-apply-page .description p {
  font-size: 16px;
  line-height: 1.2;
  color: #212225;
  margin-bottom: 20px;
}
.how-to-open-account-section .new-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.how-to-open-account-section .new-list p {
  font-size: 18px;
  line-height: 1.11;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #637282;
  width: 100%;
  margin-bottom: 24px;
}
.how-to-open-account-section .new-list .item {
  width: 33.33%;
  padding: 0 30px;
  margin-bottom: 47px;
}
.how-to-open-account-section .new-list .item .icon {
  width: 72px;
  height: 72px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.how-to-open-account-section .new-list .item .item-title {
  font-size: 18px;
  font-family: "futurademic", sans-serif;
  line-height: 1.11;
  text-align: center;
  color: #637282;
  margin-bottom: 14px;
}
.how-to-open-account-section .new-list .item .item-subtitle,
.how-to-open-account-section .new-list .item .item-subtitle p {
  font-size: 16px;
  line-height: 1.19;
  text-align: center;
  font-family: "futurabookc", sans-serif;
  color: #637282;
}
.special-offers-contacts.contact-info-block .contacts-block {
  justify-content: flex-start;
}
.special-offers-contacts.contact-info-block .contacts-block .contact {
  margin-right: 50px;
}
.special-offers-section {
  padding: 100px 0;
}
.special-offers-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 48px;
}
.special-offers-section .special-offers-list {
}
.special-offers-section .special-offers-list .special-offers-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  border-radius: 4px;
  text-decoration: none;
}
.special-offers-section .special-offers-list .special-offers-item .image {
  max-width: 500px;
  width: 100%;
  overflow: hidden;
}
.special-offers-section .special-offers-list .special-offers-item .image img {
  width: 100%;
  display: block;
}
.special-offers-section .special-offers-list .special-offers-item .text {
  width: calc(100% - 500px);
  padding: 24px;
}
.special-offers-section .special-offers-list .special-offers-item .text .title {
  font-size: 24px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 16px;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .description {
  font-size: 18px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 16px;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .description
  a {
  color: #212225;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-toggler {
  display: inline-block;
  padding-right: 20px;
  text-decoration: none;
  position: relative;
  margin-bottom: 16px;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-toggler:after {
  content: "";
  position: absolute;
  display: block;
  top: 10px;
  right: 0;
  width: 11px;
  height: 6px;
  background: url("/img/down-arrow.png") 0 0 no-repeat;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-toggler.open:after {
  transform: rotate(180deg);
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-toggler
  span {
  font-size: 16px;
  line-height: 24px;
  color: #212225;
  font-family: "futurademic", sans-serif;
  display: inline-block;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-toggler
  span
  + span {
  display: none;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-toggler.open
  span:first-child {
  display: none;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-toggler.open
  span
  + span {
  display: inline-block;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block {
  overflow: hidden;
  max-height: 0;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block.open {
  max-height: inherit;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .details-description {
  margin-bottom: 16px;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .details-description
  p {
  font-size: 16px;
  line-height: 1.2;
  color: #212225;
  margin-bottom: 10px;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .details-description
  a {
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .details-description
  ul {
  margin-bottom: 10px;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .details-description
  ul
  li {
  font-size: 16px;
  line-height: 1.2;
  color: #212225;
  padding-left: 20px;
  position: relative;
  margin-bottom: 5px;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .details-description
  ul
  li:after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #fce610;
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  border-radius: 50%;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .download-block {
  margin-bottom: 10px;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .download-block
  .download-file {
  display: inline-flex;
  text-decoration: none;
  align-items: center;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .download-block
  .download-file
  .icon {
  width: 42px;
  text-align: center;
  margin-right: 32px;
  position: relative;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .download-block
  .download-file
  .icon:after {
  content: attr(data-ext);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #637282;
  text-transform: uppercase;
  font-size: 8px;
  font-family: "futurademic", sans-serif;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .download-block
  .download-file
  .icon
  span {
  font-size: 14px;
  text-align: center;
  color: #637282;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .download-block
  .download-file
  .text {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
  font-family: "futurademic", sans-serif;
  width: auto;
  margin-bottom: 10px;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .details-files {
  margin-bottom: 16px;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .details-files
  .documents-block {
  border-bottom: solid 2px #e0e6ed;
  padding: 10px 15px 10px 0;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .details-files
  .documents-block:first-child {
  border-top: solid 2px #e0e6ed;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .details-files
  .documents-block
  .documents-title {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  line-height: 20px;
  color: #212225;
  position: relative;
  cursor: pointer;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .details-files
  .documents-block
  .documents-title:after {
  content: "";
  position: absolute;
  display: block;
  top: 7px;
  right: -12px;
  width: 11px;
  height: 6px;
  background: url(/img/down-arrow.png) 0 0 no-repeat;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .details-files
  .documents-block
  .documents-title.open:after {
  transform: rotate(180deg);
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .details-files
  .documents-block
  .documents-list {
  overflow: hidden;
  max-height: 0;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .details-files
  .documents-block
  .documents-list.open {
  max-height: inherit;
}
.special-offers-section
  .special-offers-list
  .special-offers-item
  .text
  .details-block
  .details-files
  .documents-block
  .documents-list
  .download-block {
  margin-top: 10px;
  margin-bottom: 0;
}
.custodial-service-intro-section {
  padding: 64px 0;
  background: url("/storage/editor/fotos/2000x2000/nadijne-zberezhennya-ta-primnozhennya-vashih-zaoshchadzhen.png")
    center no-repeat;
  background-size: cover;
}
.custodial-service-intro-section .text {
  max-width: 513px;
  margin-bottom: 48px;
}
.custodial-service-intro-section .text h1 {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.6px;
  text-align: left;
  color: #000;
  font-family: "futurademic", sans-serif;
  margin-bottom: 24px;
}
.custodial-service-intro-section .text p {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  color: #000;
  margin-bottom: 24px;
}
.custodial-service-intro-section .text p a {
  color: #000;
}
.custodial-service-tab {
  display: none;
}
.custodial-service-tab.active {
  display: block;
}
.custodial-service-menu-section {
  padding: 20px 0 48px;
}
.custodial-service-menu-section .custodial-service-menu {
  display: flex;
}
.custodial-service-menu-section .custodial-service-menu .menu-item {
  font-size: 18px;
  color: #27282d;
  padding: 15px 19px;
  display: block;
  text-align: center;
  text-decoration: none;
  position: relative;
  border-bottom: 2px solid rgba(252, 230, 16, 0.1);
  white-space: nowrap;
  width: 50%;
}
.custodial-service-menu-section .custodial-service-menu .menu-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  display: block;
  z-index: 3;
}
.custodial-service-menu-section
  .custodial-service-menu
  .menu-item.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #fce610;
}
.custodial-service-advantages-section {
  padding: 60px 0;
}
.custodial-service-advantages-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 50px;
}
.custodial-service-advantages-section .advantages-list {
  display: flex;
  flex-wrap: wrap;
}
.custodial-service-advantages-section .advantages-list .advantage-item {
  width: 25%;
  margin-bottom: 50px;
}
.custodial-service-advantages-section .advantages-list .advantage-item .icon {
  text-align: center;
  height: 72px;
  margin-bottom: 30px;
}
.custodial-service-advantages-section .advantages-list .advantage-item .text {
  font-size: 14px;
  line-height: 1.21;
  text-align: center;
  color: #637282;
}
.key-facts-section {
  padding: 78px 0;
  background-color: #f9fbfd;
}
.key-facts-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 50px;
}
.key-facts-section .facts-list {
  display: flex;
}
.key-facts-section .facts-list .fact-item {
  width: 33.33%;
}
.key-facts-section .facts-list .fact-item .num {
  font-size: 64px;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #e5e5e5;
}
.key-facts-section .facts-list .fact-item .text {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #212225;
}
.services-section {
  padding: 70px 0;
}
.services-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 50px;
}
.services-section .services-list {
  display: flex;
}
.services-section .services-list .service-item {
  width: 33.33%;
  padding: 0 10px;
}
.services-section .services-list .service-item .title {
  font-size: 24px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 30px;
}
.services-section .services-list .service-item ul {
}
.services-section .services-list .service-item ul li {
  position: relative;
  padding-left: 20px;
  font-size: 18px;
  line-height: 1.33;
  color: #212225;
  margin-bottom: 8px;
}
.services-section .services-list .service-item ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0;
  background-color: #fce610;
}
.info-to-publish-section {
  padding: 70px 0;
  background-color: #f9fbfd;
}
.info-to-publish-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 50px;
}
.info-to-publish-section.faq-section .faq-list .faq-item .faq-answer ul li {
  padding-left: 20px;
}
.info-to-publish-section.faq-section
  .faq-list
  .faq-item
  .faq-answer
  ul
  li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #27282d;
}
.custodial-service-contacts-section {
  padding: 70px 0;
}
.custodial-service-contacts-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 50px;
}
/* .custodial-service-contacts-section .contacts-block{
    display: flex;
} */
/* .custodial-service-contacts-section .contacts-block .contact{
    width: 33.33%;
} */
.custodial-service-contacts-section .contacts-block .contact .title {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  margin-bottom: 28px;
  color: #27282d;
  position: relative;
  font-family: "futurademic", sans-serif;
}
.custodial-service-contacts-section .contacts-block .contact .title:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 64px;
  height: 4px;
  background-color: #e0e6ed;
}
.custodial-service-contacts-section .contacts-block .contact .info p {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #637282;
  margin-bottom: 10px;
}
.custodial-service-contacts-section
  .contacts-block
  .contact
  .info
  p
  > span:first-child {
  width: 135px;
  display: inline-block;
}
.custodial-service-contacts-section
  .contacts-block
  .contact
  .info
  p
  .info-span
  .text {
  transform: translateX(-85%);
  left: 0;
}
.custodial-service-contacts-section
  .contacts-block
  .contact
  .info
  p
  .info-span
  .text:before,
.custodial-service-contacts-section
  .contacts-block
  .contact
  .info
  p
  .info-span
  .text:after {
  left: auto;
  right: 0;
  transform: translateX(-104%);
}
.custodial-service-contacts-section .contacts-block .contact .info .loc {
  padding-left: 30px;
  background: url("/img/contact-loc.png") 0 0 no-repeat;
}
.custodial-service-contacts-section .contacts-block .contact .info .email {
  padding-left: 30px;
  background: url("/img/contact-email.png") 0 0 no-repeat;
}
.custodial-service-contacts-section .contacts-block .contact .info .person {
  padding-left: 30px;
  background: url("/img/contact-person.png") 0 0 no-repeat;
}
.custodial-service-contacts-section .contacts-block .contact .info .time {
  padding-left: 30px;
  background: url("/img/contact-time.png") 0 0 no-repeat;
}
.custodial-service-contacts-section .contacts-block .contact .info .phone {
  padding-left: 30px;
  background: url("/img/contact-phone.png") 0 0 no-repeat;
}
.rbi-principles h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.rbi-principles .link {
  text-align: center;
  margin-bottom: 40px;
}
.rbi-principles .link a {
  font-size: 18px;
  color: #637282;
}
.announcement-section {
  padding: 60px 0;
}
.announcement-section h1 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.announcement-section .announcement-list {
}
.announcement-section .announcement-list .announcement-item {
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(0, 0, 0, 0.1);
  padding: 25px 35px;
  max-width: 760px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.announcement-section .announcement-list .announcement-item .date {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
  margin-bottom: 16px;
  padding-left: 22px;
  background: url("/img/calendar.svg") 0 0 no-repeat;
  background-size: contain;
}
.announcement-section .announcement-list .announcement-item .title {
  font-size: 18px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 25px;
}
.announcement-section .announcement-list .announcement-item .description {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
}
.transfer-section {
  padding: 64px 0;
}
.transfer-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 78px;
}
.transfer-section .transfer-steps {
  display: flex;
}
.transfer-section .transfer-steps .step-item {
  width: 33.33%;
}
.transfer-section .transfer-steps .step-item .icon {
  width: 72px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.transfer-section .transfer-steps .step-item .text {
  text-align: center;
  padding: 0 20px;
}
.transfer-section .transfer-steps .step-item .text .title {
  color: #212225;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 8px;
  font-family: "futurademic", sans-serif;
}
.transfer-section .transfer-steps .step-item .text .description {
  font-size: 14px;
  color: #637282;
}
.transfer-info-section {
  padding: 64px 0;
}
.transfer-info-section .info-block {
  border-top: solid 2px #e0e6ed;
  border-bottom: solid 2px #e0e6ed;
  padding: 32px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
}
.transfer-info-section .info-block .icon {
  width: 150px;
}
.transfer-info-section .info-block .text {
  font-size: 18px;
  line-height: 1.33;
  color: #212225;
  width: 620px;
}
.transfer-info-section .hint {
  font-size: 14px;
  line-height: 1.14;
  max-width: 700px;
  color: #637282;
}
.transfer-contacts-section {
  padding: 64px 0;
}
.transfer-contacts-section h2 {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 60px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.transfer-contacts-section .contacts-block {
  display: flex;
  flex-wrap: wrap;
}
.transfer-contacts-section .contacts-block .contact {
  width: 50%;
  margin-bottom: 60px;
}
.transfer-contacts-section .contacts-block .contact.full-width {
  width: 100%;
}
.transfer-contacts-section .contacts-block .contact .title {
  font-size: 18px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  color: #212225;
  position: relative;
  margin-bottom: 28px;
}
.transfer-contacts-section .contacts-block .contact .title:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 64px;
  height: 4px;
  background-color: #e0e6ed;
}
.transfer-contacts-section .contacts-block .contact.full-width .info {
  display: flex;
  flex-wrap: wrap;
}
.transfer-contacts-section .contacts-block .contact .info p {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #637282;
  max-width: 400px;
  margin-bottom: 10px;
}
.transfer-contacts-section .contacts-block .contact.full-width .info p {
  width: 50%;
  max-width: 50%;
}
.transfer-contacts-section .contacts-block .contact .info p.loc {
  padding-left: 30px;
  background: url("/img/contact-loc.png") 0 0 no-repeat;
}
.transfer-contacts-section .contacts-block .contact .info p.email {
  padding-left: 30px;
  background: url("/img/contact-email.png") 0 0 no-repeat;
}
.transfer-contacts-section .contacts-block .contact .info p.phone {
  padding-left: 30px;
  background: url("/img/contact-phone.png") 0 0 no-repeat;
}
.transfer-contacts-section .contacts-block .contact .info p.meest {
  padding-left: 30px;
  background: url("/img/contact-meest.png") 0 0 no-repeat;
}
.transfer-services-section {
  padding: 64px 0;
}
.transfer-services-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 60px;
}
.transfer-services-section .services-list {
  display: flex;
  justify-content: space-between;
}
.transfer-services-section .services-list .service {
  width: calc(50% - 12px);
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #97a4b1;
  padding: 24px;
}
.transfer-services-section .services-list .service .icon {
  margin-bottom: 8px;
}
.transfer-services-section .services-list .service .title {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  color: #212225;
}
.transfer-services-section .services-list .service .description {
}
.transfer-services-section .services-list .service .description p {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
  margin-bottom: 16px;
}
.transfer-services-section .services-list .service .description ul {
  margin-bottom: 16px;
}
.transfer-services-section .services-list .service .description ul li {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
  margin-bottom: 8px;
  padding-left: 20px;
  position: relative;
}
.transfer-services-section .services-list .service .description ul li:after {
  content: "";
  position: absolute;
  top: 8px;
  width: 8px;
  height: 8px;
  background-color: #fce610;
  left: 0;
  border-radius: 50%;
}
.tariff-calculator-section {
  padding: 64px 0;
}
.tariff-calculator-section .tariff-calculator-block {
  padding: 48px 20px;
  border-radius: 4px;
  margin-bottom: 40px;
  background-color: #f9fbfd;
}
.tariff-calculator-section .tariff-calculator-block h2 {
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 16px;
}
.tariff-calculator-section .tariff-calculator-block h3 {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  margin-bottom: 40px;
  font-weight: 100;
}
.tariff-calculator-section .tariff-calculator-block form {
  max-width: 480px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 20px;
}
.tariff-calculator-section .tariff-calculator-block form .form-field {
  width: 260px;
}
.tariff-calculator-section .tariff-calculator-block form .form-field label {
  font-size: 16px;
  color: #424242;
  display: block;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.tariff-calculator-section .tariff-calculator-block form .form-field input {
  height: 40px;
  border-radius: 4px;
  background-color: rgba(216, 216, 216, 0);
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 40px;
  width: 100%;
  padding: 0 16px;
}
.tariff-calculator-section .tariff-calculator-block .form-result {
  width: 240px;
  height: 48px;
  padding: 11px 16px;
  border-radius: 2px;
  background-color: #ffffff;
  margin: 0 auto;
  margin-bottom: 40px;
  border: solid 1px #e5e5e5;
}
.tariff-calculator-section .tariff-calculator-block .form-result span {
  color: #212225;
  font-size: 20px;
}
.tariff-calculator-section
  .tariff-calculator-block
  .form-result
  span:first-child {
  font-size: 18px;
  text-align: right;
  color: #637282;
  padding-right: 10px;
}
.tariff-calculator-section .tariff-calculator-block .some-text {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
}
.tariff-calculator-section .sup-block {
}
.tariff-calculator-section .sup-block p {
  font-size: 14px;
  line-height: 1.14;
  margin-bottom: 10px;
  color: #637282;
}
.wu-links-section {
  padding: 54px 0;
}
.wu-links-section .link-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f9fbfd;
  padding: 30px;
  margin-bottom: 20px;
}
.wu-links-section .link-block .icon {
  width: 72px;
  height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wu-links-section .link-block .icon img {
  width: 100%;
  height: auto;
}
.wu-links-section .link-block .text {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
  width: calc(100% - 302px);
}
.wu-links-section .link-block .btn {
  width: 200px;
}
.transfer-currency-section {
  padding: 64px 0;
}
.transfer-currency-section h2 {
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 16px;
}
.transfer-currency-section h3 {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 40px;
  font-weight: 100;
}
.transfer-currency-section table {
  width: 100%;
}
.transfer-currency-section table thead td {
  font-size: 16px;
  line-height: 1.38;
  color: #212225;
  font-family: "futurademic", sans-serif;
  text-align: center;
  border-bottom: solid 2px #e0e6ed;
  padding: 17px 0;
}
.transfer-currency-section table thead td:first-child {
  text-align: left;
  width: 150px;
}
.transfer-currency-section table tbody td {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #637282;
  padding: 17px 0;
}
.transfer-currency-section table tbody td:first-child {
  text-align: left;
  color: #212225;
  width: 150px;
}
.wu-tariff-section {
  margin-bottom: 60px;
}
.wu-tariff-section .info-block {
  padding: 35px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f9fbfd;
}
.wu-tariff-section .info-block .icon {
  width: 72px;
  height: 72px;
}
.wu-tariff-section .info-block .description {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
  max-width: calc(100% - 280px);
  padding: 0 10px;
  margin-right: auto;
}
.wu-banner-section {
}
.wu-banner-section .banner-block {
  text-align: center;
  min-height: 320px;
  padding: 48px 20px;
  background: url("/img/banner_wu.png") top center no-repeat;
  border-radius: 4px;
  margin-bottom: 30px;
}
.wu-banner-section .banner-block .logo {
  margin-bottom: 30px;
}
.wu-banner-section .banner-block .text {
  margin-bottom: 24px;
}
.wu-banner-section .banner-block .text h2 {
  font-size: 32px;
  line-height: 1.19;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #ffffff;
  margin-bottom: 8px;
}
.wu-banner-section .banner-block .text h3 {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 100;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
}
.wu-banner-section .banner-hint {
}
.wu-banner-section .banner-hint p {
  font-size: 14px;
  line-height: 1.14;
  margin-bottom: 20px;
  color: #637282;
}
.mortgage-page {
  padding: 72px 0 32px 0;
}
.mortgage-page h2 {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 24px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.mortgage-page h3 {
  max-width: 600px;
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  font-weight: 100;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 60px;
}
.mortgage-page .mortgage-service-block {
  background-color: #f9fbfd;
  padding: 48px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 48px;
}
.mortgage-page .mortgage-service-block .image {
  width: 72px;
}
.mortgage-page .mortgage-service-block .text {
  width: calc(100% - 350px);
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
}
.mortgage-page .mortgage-service-block .button {
  width: 238px;
  text-align: right;
}
.mortgage-page .mortgage-service-block .button .btn {
  width: 200px;
}
.e-licenses-section {
  padding: 64px 0;
}
.e-licenses-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 28px;
}
.e-licenses-section .e-licenses-info {
  max-width: 730px;
  margin: 0 auto;
  margin-bottom: 68px;
  font-size: 16px;
  text-align: center;
  color: #637282;
  line-height: 1.5;
}
.e-licenses-currency-transactions {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}
.e-licenses-currency-transactions .item {
  width: 33.33%;
}
.e-licenses-currency-transactions .item .icon {
  text-align: center;
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
}
.e-licenses-currency-transactions .item .text {
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  color: #637282;
  position: relative;
  z-index: 2;
}
.product-page.fond-page .description {
  font-size: 16px;
  line-height: 1.2;
  color: #637282;
  max-width: 748px;
}
.product-page.fond-page.order-page .description {
  font-size: 18px;
  max-width: 550px;
  margin-bottom: 64px;
  line-height: 1.33;
  letter-spacing: normal;
  color: #637282;
}
.calculation-types-section {
  padding: 10px 0;
}
.calculation-types-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 76px;
}
.calculation-types-section .calculation-types-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.calculation-types-section .calculation-types-list .item {
  width: 20%;
}
.calculation-types-section .calculation-types-list .item .icon {
  text-align: center;
  margin-bottom: 24px;
}
.calculation-types-section .calculation-types-list .item .text {
  text-align: center;
  padding: 0 10px;
  font-size: 14px;
  color: #637282;
  margin-bottom: 8px;
}
.calculation-types-section .calculation-types-list .item .text strong {
  font-weight: 600;
  font-size: 16px;
  color: #212225;
}
.calculation-types-section .calculation-types-list .item .text .title {
  font-size: 16px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 8px;
}
.calculation-types-section .calculation-types-list .item .text .description {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
}
.services-cost-section {
  padding: 40px 0 0;
}
.services-cost-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  margin-bottom: 48px;
}
.services-cost-section h3 {
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #637282;
  margin-bottom: 38px;
}
.services-cost-section table {
  margin-bottom: 60px;
}
.services-cost-section table thead {
}
.services-cost-section table thead td {
  background-color: #f9fbfd;
  font-size: 14px;
  line-height: 1.14;
  padding: 30px;
  color: #637282;
  border: 1px solid #e0e6ed;
}
.services-cost-section table tbody td {
  font-size: 18px;
  line-height: 1.33;
  color: #212225;
  border: 1px solid #e0e6ed;
  padding: 30px;
}
.faq-section.faq-transfers
  .faq-list
  .faq-item
  .faq-answer
  .download-block
  .download-file
  .icon {
  position: relative;
  margin-right: 20px;
}
.faq-section.faq-transfers
  .faq-list
  .faq-item
  .faq-answer
  .download-block
  .download-file
  .icon:after {
  content: attr(data-ext);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #637282;
  text-transform: uppercase;
  font-size: 8px;
  font-family: "futurademic", sans-serif;
}
.affiliate-programs-advantages-section {
  padding: 60px 0;
  background-color: #f9fbfd;
  margin-bottom: 60px;
}
.affiliate-programs-advantages-section.bg-white {
  background: #fff;
  margin-bottom: 0;
}
.affiliate-programs-advantages-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 20px;
}
.affiliate-programs-advantages-section h3 {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  color: #637282;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 60px;
}
.affiliate-programs-advantages-section .affiliate-programs-list {
  display: flex;
  justify-content: center;
}
.affiliate-programs-advantages-section
  .affiliate-programs-list
  .affiliate-programs-item {
  width: 25%;
}
.affiliate-programs-advantages-section
  .affiliate-programs-list
  .affiliate-programs-item
  .icon {
  width: 72px;
  margin: 0 auto;
  margin-bottom: 40px;
  text-align: center;
}
.affiliate-programs-advantages-section
  .affiliate-programs-list
  .affiliate-programs-item
  .text {
  text-align: center;
  padding: 0 20px;
}
.affiliate-programs-advantages-section
  .affiliate-programs-list
  .affiliate-programs-item
  .text
  .title {
  color: #212225;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 8px;
  font-family: "futurademic", sans-serif;
}
.affiliate-programs-advantages-section
  .affiliate-programs-list
  .affiliate-programs-item
  .text
  .description {
  font-size: 14px;
  color: #637282;
}
.commission-section {
  padding: 50px 0;
}
.commission-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 50px;
}
.commission-section .info-block-one {
  color: #637282;
  font-size: 24px;
  line-height: 30px;
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
}
.commission-section .info-block-two {
  color: #637282;
  font-size: 18px;
  line-height: 20px;
  max-width: 500px;
  text-align: center;
  margin: 0 auto;
}
.our-partners-section {
  background-color: #f9fbfd;
  padding-top: 100px;
  padding-bottom: 50px;
}
.our-partners-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 50px;
}
.our-partners-section .partners-filters {
  text-align: center;
  max-width: 770px;
  margin: 0 auto;
  margin-bottom: 40px;
  display: none;
}
.our-partners-section .partners-filters a {
  display: inline-block;
  color: #171515;
  height: 40px;
  border: 1px solid #e0e6ed;
  background: #fff;
  font-size: 14px;
  text-decoration: none;
  padding: 0 25px;
  line-height: 40px;
  margin: 0 15px;
  margin-bottom: 20px;
  border-radius: 20px;
}
.our-partners-section .partners-filters a.active {
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
}
.our-partners-section .partners-slider {
  margin-bottom: 50px;
}
.our-partners-section .partners-slider .slick-prev {
  width: 32px;
  height: 32px;
  left: -30px;
  border-radius: 50%;
  border: solid 1px #d6d8e2;
  background: #fff;
}
.our-partners-section .partners-slider .slick-next {
  width: 32px;
  height: 32px;
  right: -30px;
  border-radius: 50%;
  border: solid 1px #d6d8e2;
  background: #fff;
}
.our-partners-section .partners-slider .slick-prev:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  top: -1px;
  left: -1px;
  position: absolute;
  background: url(/img/rectangle-16-copy.svg) center no-repeat;
  transform: rotate(180deg);
}
.our-partners-section .partners-slider .slick-next:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  top: -1px;
  left: -1px;
  position: absolute;
  background: url(/img/rectangle-16-copy.svg) center no-repeat;
}
.our-partners-section .partners-slider .slider-item {
  padding: 20px 10px;
}
.our-partners-section .partners-slider .slider-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e0e6ed;
  background: #fff;
  height: 170px;
  border-radius: 3px;
  padding: 10px;
}
.our-partners-section .partners-slider .slider-item a img {
  max-width: 100%;
  max-height: 100%;
}
.our-partners-section .partners-slider .slider-item a:hover {
  border: 1px solid #fff;
  box-shadow: 4px 4px 15px rgba(0, 5, 36, 0.1);
}
.our-partners-section .partners-list {
  display: none;
  flex-wrap: wrap;
  margin: 0 -10px;
  margin-bottom: 50px;
}
.our-partners-section .partners-list a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e0e6ed;
  background: #fff;
  width: calc(25% - 20px);
  margin: 0 10px;
  margin-bottom: 20px;
  height: 170px;
  border-radius: 3px;
  padding: 10px;
}
.our-partners-section .partners-list a img {
  max-width: 100%;
}
.our-partners-section .partners-list a:hover {
  border: 1px solid #fff;
  box-shadow: 4px 4px 15px rgba(0, 5, 36, 0.1);
}
.our-partners-section .partners-toggle-button-container {
  text-align: center;
}
.our-partners-section .partners-toggle-button-container a {
  font-size: 18px;
  color: #000000;
  font-family: "futurademic", sans-serif;
  text-decoration: none;
  display: inline-block;
}
.our-partners-section .partners-toggle-button-container a.show:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(/img/up-arrow-docs.svg) 0 0 no-repeat;
  background-size: contain;
  transform: rotate(180deg);
  margin-left: 6px;
  vertical-align: middle;
}
.our-partners-section .partners-toggle-button-container a.hide {
  display: none;
}
.our-partners-section .partners-toggle-button-container a.hide:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(/img/up-arrow-docs.svg) 0 0 no-repeat;
  background-size: contain;
  margin-left: 6px;
  vertical-align: middle;
}
.order-form-section {
  margin-bottom: 48px;
}
.order-form-section .order-form-block {
  max-width: 1024px;
  margin: 0 auto;
  border-radius: 4px;
  padding: 48px;
  background-color: #f9fbfd;
}
.order-form-section .order-form-block form {
}
.order-form-section .order-form-block form .form-field {
  width: 100%;
  max-width: 415px;
  margin: 0 auto;
  margin-bottom: 32px;
  position: relative;
}
.order-form-section .order-form-block form .form-field label {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  color: #424242;
  display: block;
  margin-bottom: 5px;
}
.order-form-section .order-form-block form .form-field label.error {
  color: #ed4337;
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 5px;
}
.order-form-section .order-form-block form .form-field input[type="text"] {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
}
.order-form-section
  .order-form-block
  form
  .form-field
  input[type="text"].error {
  border-color: #ed4337;
}
.order-form-section .order-form-block form .form-field .select-container {
  height: 40px;
  position: relative;
}
.order-form-section .order-form-block form .form-field select {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  padding-right: 24px;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.order-form-section .order-form-block form .form-field select::-ms-expand {
  display: none;
}
.order-form-section
  .order-form-block
  form
  .form-field
  select.select2-hidden-accessible.error
  + label.error {
  position: relative;
  top: 65px;
  margin-top: -10px;
}
.order-form-section
  .order-form-block
  form
  .form-field
  select.select2-hidden-accessible.error
  + label.error
  + .select2
  .select2-selection--single {
  border: solid 1px red;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .select2-selection--single {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  background: none;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .select2-selection--single
  .select2-selection__rendered {
  color: #767676;
  height: 48px;
  line-height: 46px;
  padding: 0 16px;
  padding-right: 24px;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 48px;
}
.order-form-section .order-form-block form .form-field .select-container:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #888888 transparent transparent transparent;
  top: 50%;
  right: 10px;
  margin-top: -1px;
  z-index: 1;
}
.order-form-section .order-form-block form .form-field .checkbox-block {
  display: inline-block;
  width: 100%;
}
.order-form-section .order-form-block form .form-field .checkbox-block label {
  font-size: 14px;
  line-height: 18px;
  color: #212225;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  font-family: "futurabookc", sans-serif;
  margin-bottom: 0;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .checkbox-block
  label.big-label {
  font-size: 16px;
  margin-bottom: 15px;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .checkbox-block
  label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.order-form-section
  .order-form-block
  form
  .form-field
  .checkbox-block
  input[type="checkbox"].error
  + label
  + label:after {
  border: solid 1px red;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .checkbox-block
  input[type="checkbox"]:checked
  + label
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.order-form-section
  .order-form-block
  form
  .form-field
  input[type="text"]:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
  background: #fff;
}
.order-form-section .order-form-block form .upload-file-block {
  width: 100%;
  max-width: 415px;
  margin: 0 auto;
  margin-bottom: 32px;
  position: relative;
}
.order-form-section .order-form-block form .upload-file-block .title {
  font-size: 16px;
  color: #637282;
  background: url("/img/skrepka.svg") 0 0 no-repeat;
  padding-left: 40px;
  line-height: 24px;
  margin-bottom: 10px;
}
.order-form-section .order-form-block form .upload-file-block .file-box {
  border-radius: 4px;
  padding: 10px;
  border: dashed 1px #97a4b1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
}
.order-form-section .order-form-block form .upload-file-block .file-box.over {
  background: #fff;
}
.order-form-section
  .order-form-block
  form
  .upload-file-block
  .file-box
  input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.order-form-section .order-form-block form .upload-file-block .file-box label {
  font-size: 16px;
  cursor: pointer;
  line-height: 1.5;
  text-align: center;
  color: #767676;
}

.order-form-section
  .order-form-block
  form
  .upload-file-block
  .file-box
  label.error {
  width: 100%;
  position: absolute;
  top: 100px;
  color: red;
  left: 50%;
  transform: translate(-50%);
}

.order-form-section
  .order-form-block
  form
  .upload-file-block
  .file-box
  label
  span {
  color: #1c7fdd;
}
.upload-file-block .user-file {
  background: url(/img/group-7-copy-7.svg) 10px center no-repeat;
  background-color: rgba(224, 230, 237, 0.5);
  padding: 10px;
  padding-left: 60px;
  position: relative;
  margin-top: 15px;
}
.upload-file-block .user-file span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 40px;
  width: 100%;
  display: block;
  font-size: 14px;
  font-family: "futurademic", sans-serif;
  color: #637282;
  height: 40px;
}
.upload-file-block .user-file .remove-file {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  width: 20px;
  height: 20px;
  background: url(/img/remove_file.svg) center no-repeat;
  background-size: 100%;
  cursor: pointer;
  border-radius: 50%;
  background-color: rgb(249, 251, 253);
}
.upload-file-block .user-file:after {
  content: attr(data-ext);
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translate(-50%, -50%);
  color: #637282;
  text-transform: uppercase;
  font-size: 8px;
  font-family: "futurademic", sans-serif;
}
.order-form-section .order-form-block form .form-field .special-radios {
  display: flex;
  height: 48px;
  border-radius: 4px;
  background-color: #eaeff3;
  padding: 3px;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .special-radios
  .radio-block {
  width: 33.33%;
  height: 42px;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .special-radios
  .radio-block
  label {
  border-radius: 4px;
  background: transparent;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 14px;
  color: #000000;
  cursor: pointer;
  font-family: "futurabookc", sans-serif;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .special-radios
  .radio-block
  input[type="radio"]:checked
  + label {
  background: #000;
  color: #fff;
}
.order-form-section .order-form-block form .form-field .help-text {
  font-size: 14px;
  line-height: 1;
  color: #637282;
  margin-bottom: 16px;
}
.order-form-section .order-form-block form .form-field .services-checkboxes {
  display: flex;
  flex-wrap: wrap;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .services-checkboxes
  .services-checkbox {
  width: 50%;
  margin-bottom: 16px;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .services-checkboxes
  .services-checkbox.other-service {
  width: 100%;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .services-checkboxes
  .services-checkbox.other-service:last-child {
  margin-bottom: 0;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .services-checkboxes
  .services-checkbox.other-service
  input[type="text"] {
  display: none;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .services-checkboxes
  .services-checkbox
  label {
  font-size: 16px;
  line-height: 18px;
  color: #212225;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  display: inline-block;
  font-family: "futurabookc", sans-serif;
  margin-bottom: 0;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .services-checkboxes
  .services-checkbox
  label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.order-form-section
  .order-form-block
  form
  .form-field
  .services-checkboxes
  .services-checkbox
  input[type="checkbox"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .services-checkboxes
  .services-checkbox.other-service
  input[type="checkbox"]:checked
  + label {
  margin-bottom: 16px;
}
.order-form-section
  .order-form-block
  form
  .form-field
  .services-checkboxes
  .services-checkbox.other-service
  input[type="checkbox"]:checked
  + label
  + input[type="text"] {
  display: block;
}
.irrevocable-billing-section {
  padding-top: 100px;
  padding-bottom: 50px;
}
.irrevocable-billing-section h2 {
  color: #212225;
  font-size: 40px;
  text-align: center;
  margin-bottom: 20px;
  font-family: "futurademic", sans-serif;
}
.irrevocable-billing-section h3 {
  font-size: 16px;
  color: #637282;
  line-height: 24px;
  text-align: center;
  font-family: "futurabookc", sans-serif;
  max-width: 800px;
  margin: 0 auto;
  font-weight: 300;
  margin-bottom: 50px;
}
.irrevocable-billing-section .irrevocable-billing-list {
  display: flex;
}
.irrevocable-billing-section
  .irrevocable-billing-list
  .irrevocable-billing-item {
  width: 33.33%;
}
.irrevocable-billing-section
  .irrevocable-billing-list
  .irrevocable-billing-item
  .icon {
  width: 72px;
  margin: 0 auto;
  margin-bottom: 40px;
  text-align: center;
}
.irrevocable-billing-section
  .irrevocable-billing-list
  .irrevocable-billing-item
  .text {
  text-align: center;
  padding: 0 20px;
}
.irrevocable-billing-section
  .irrevocable-billing-list
  .irrevocable-billing-item
  .text
  .title {
  color: #212225;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 8px;
  font-family: "futurademic", sans-serif;
}
.irrevocable-billing-section
  .irrevocable-billing-list
  .irrevocable-billing-item
  .text
  .description {
  font-size: 14px;
  color: #637282;
}
#cash-managment-form-section .top-part-form {
  padding-bottom: 40px;
}
.consolidation-resources-section {
  padding: 60px 0;
}
.consolidation-resources-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 50px;
}
.consolidation-resources-section .consolidation-item {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.consolidation-resources-section .consolidation-item:not(:first-child) {
  padding-top: 30px;
  border-top: 1px solid #e0e6ed;
}
.consolidation-resources-section .consolidation-item .info {
  position: relative;
}
.consolidation-resources-section .consolidation-item .info:after {
  content: "";
  top: 0;
  bottom: 0;
  width: 4px;
  height: 100%;
  background: #ffef00;
  display: block;
  position: absolute;
  left: -20px;
}
.consolidation-resources-section .consolidation-item .info .title {
  color: #212225;
  font-size: 24px;
  font-family: "futurademic", sans-serif;
  margin-bottom: 18px;
}
.consolidation-resources-section .consolidation-item .info .description {
  font-size: 16px;
  color: #637282;
}
.consolidation-resources-section .consolidation-item .details-block {
  padding-top: 20px;
}
.consolidation-resources-section
  .consolidation-item
  .details-block
  .details-toggle {
}
.consolidation-resources-section
  .consolidation-item
  .details-block
  .details-toggle
  span {
  font-size: 18px;
  color: #000000;
  font-family: "futurademic", sans-serif;
  text-decoration: none;
  display: none;
}
.consolidation-resources-section
  .consolidation-item
  .details-block
  .details-toggle
  span:first-child {
  display: inline-block;
}
.consolidation-resources-section
  .consolidation-item
  .details-block
  .details-toggle
  span:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(/img/up-arrow-docs.svg) 0 0 no-repeat;
  background-size: contain;
  transform: rotate(0deg);
  margin-left: 6px;
  vertical-align: middle;
}
.consolidation-resources-section
  .consolidation-item
  .details-block
  .details-toggle
  span:first-child:after {
  transform: rotate(180deg);
}
.consolidation-resources-section
  .consolidation-item
  .details-block
  .details-toggle.show
  span {
  display: inline-block;
}
.consolidation-resources-section
  .consolidation-item
  .details-block
  .details-toggle.show
  span:first-child {
  display: none;
}
.consolidation-resources-section .consolidation-item .details-block .details {
  padding-top: 40px;
  display: none;
}
.consolidation-resources-section
  .consolidation-item
  .details-block
  .details-toggle.show
  + .details {
  display: block;
}
.consolidation-resources-section .consolidation-item .details-block .details p {
  color: #637282;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
}
.consolidation-resources-section
  .consolidation-item
  .details-block
  .details
  p
  strong {
  color: #212225;
}
.cm-offers-section {
  background-color: #f9fbfd;
  padding-top: 100px;
  padding-bottom: 50px;
}
.cm-offers-section.new-paddings {
  padding: 60px 0;
}
.cm-offers-section.white-bg {
  background-color: #fff;
}
.cm-offers-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 50px;
}
.cm-offers-section .cm-offers-list {
}
.cm-offers-section .cm-offers-list .offer-item:not(:first-child) {
  border-top: solid 2px #e0e6ed;
  padding-top: 40px;
}
.cm-offers-section .cm-offers-list .offer-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 40px;
}
.cm-offers-section .cm-offers-list .offer-item .image {
  max-width: 320px;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
}
.cm-offers-section .cm-offers-list .offer-item .image img {
  width: 100%;
  display: block;
}
.cm-offers-section .cm-offers-list .offer-item .text {
  width: calc(100% - 350px);
}
.cm-offers-section .cm-offers-list .offer-item .text .title {
  font-size: 24px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 16px;
}
.cm-offers-section .cm-offers-list .offer-item .text .description {
  font-size: 16px;
  line-height: 1.2;
  color: #637282;
  margin-bottom: 16px;
}
.cm-offers-section .cm-offers-list .offer-item .text .details-block {
  margin-bottom: 20px;
}
.cm-offers-section
  .cm-offers-list
  .offer-item
  .text
  .details-block
  .details-toggle {
}
.cm-offers-section
  .cm-offers-list
  .offer-item
  .text
  .details-block
  .details-toggle
  span {
  font-size: 18px;
  color: #000000;
  font-family: "futurademic", sans-serif;
  text-decoration: none;
  display: none;
}
.cm-offers-section
  .cm-offers-list
  .offer-item
  .text
  .details-block
  .details-toggle
  span:first-child {
  display: inline-block;
}
.cm-offers-section
  .cm-offers-list
  .offer-item
  .text
  .details-block
  .details-toggle
  span:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(/img/up-arrow-docs.svg) 0 0 no-repeat;
  background-size: contain;
  transform: rotate(0deg);
  margin-left: 6px;
  vertical-align: middle;
}
.cm-offers-section
  .cm-offers-list
  .offer-item
  .text
  .details-block
  .details-toggle
  span:first-child:after {
  transform: rotate(180deg);
}
.cm-offers-section
  .cm-offers-list
  .offer-item
  .text
  .details-block
  .details-toggle.show
  span {
  display: inline-block;
}
.cm-offers-section
  .cm-offers-list
  .offer-item
  .text
  .details-block
  .details-toggle.show
  span:first-child {
  display: none;
}
.cm-offers-section .cm-offers-list .offer-item .text .details-block .details {
  padding-top: 20px;
  display: none;
}
.cm-offers-section
  .cm-offers-list
  .offer-item
  .text
  .details-block
  .details-toggle.show
  + .details {
  display: block;
}
.cm-offers-section
  .cm-offers-list
  .offer-item
  .text
  .details-block
  .details
  .video-block {
  border-radius: 10px;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.5);
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-bottom: 20px;
}
.cm-offers-section
  .cm-offers-list
  .offer-item
  .text
  .details-block
  .details
  .video-block
  iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cm-offers-section .cm-offers-list .offer-item .text .details-block .details p {
  color: #212225;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}
.cm-offers-section
  .cm-offers-list
  .offer-item
  .text
  .details-block
  .details
  ul {
  margin-bottom: 20px;
}
.cm-offers-section
  .cm-offers-list
  .offer-item
  .text
  .details-block
  .details
  ul
  li {
  font-size: 16px;
  line-height: 1.2;
  color: #212225;
  padding-left: 20px;
  position: relative;
  margin-bottom: 5px;
}
.cm-offers-section
  .cm-offers-list
  .offer-item
  .text
  .details-block
  .details
  ul
  li:after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #fce610;
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  border-radius: 50%;
}
.cm-offers-section .cm-offers-list .offer-item .text .q-btn {
  display: none;
}
.cm-offers-section
  .cm-offers-list
  .offer-item
  .text
  .details-block.show
  + .buttons-block
  .q-btn {
  display: inline-block;
}
.cooperation-partners-section {
  padding-top: 120px;
  padding-bottom: 1px;
  background-color: #f9fbfd;
  margin-bottom: 50px;
}
.cooperation-partners-section .partner-item {
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 130px;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 40px;
  border: 1px solid #d0d4d9;
}
.cooperation-partners-section .partner-item .logo {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  box-shadow: 0 2px 10px 0 #e0e6ed;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  background-color: #ffffff;
  margin-top: -120px;
  position: relative;
  margin-bottom: 40px;
}
.cooperation-partners-section .partner-item .logo img {
  max-width: 90%;
}
.cooperation-partners-section .partner-item .short-name {
  font-size: 24px;
  font-family: "futurademic", sans-serif;
  line-height: 1.33;
  text-align: center;
  color: #212225;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.cooperation-partners-section .partner-item .full-name {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  position: relative;
  margin-bottom: 30px;
}
.cooperation-partners-section .partner-item .full-name:after {
  content: "";
  position: absolute;
  width: 64px;
  height: 4px;
  background-color: #e0e6ed;
  bottom: -15px;
  left: 50%;
  margin-left: -32px;
}
.cooperation-partners-section .partner-item .description {
}
.cooperation-partners-section .partner-item .description p {
  font-size: 14px;
  line-height: 20px;
  color: #212225;
  margin-bottom: 20px;
}
.cooperation-partners-section .partner-item .site-url {
  text-align: center;
}
.cooperation-partners-section .partner-item .site-url a {
  font-size: 14px;
  line-height: 1.43;
  text-align: center;
  color: #212225;
}
.salary-projects-section {
  padding: 60px 0;
}
.salary-projects-section.bg-grey {
  background-color: #f9fbfd;
  margin-bottom: 60px;
}
.salary-projects-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 20px;
}
.salary-projects-section.bg-grey h2 {
  margin-bottom: 40px;
}
.salary-projects-section h3 {
  font-size: 16px;
  color: #637282;
  line-height: 24px;
  text-align: center;
  font-family: "futurabookc", sans-serif;
  max-width: 600px;
  margin: 0 auto;
  font-weight: 300;
  margin-bottom: 50px;
}
.salary-projects-section .project-tabs-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(255, 239, 0, 0.1);
}
.salary-projects-section .project-tabs-btn .tab-btn {
  font-size: 18px;
  color: #637282;
  padding: 15px 30px;
  min-width: 200px;
  display: block;
  text-align: center;
  text-decoration: none;
  position: relative;
  border-bottom: 4px solid rgba(255, 255, 255, 0);
}
.salary-projects-section .project-tabs-btn .tab-btn.active {
  border-bottom: 4px solid #ffef00;
  color: #27282d;
}
.salary-projects-section .project-tabs {
}
.salary-projects-section .project-tabs .project-tab {
  display: none;
}
.salary-projects-section .project-tabs .project-tab.active {
  display: block;
}
.salary-projects-section .project-tabs .project-tab .text-block {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 40px;
}
.salary-projects-section .project-tabs .project-tab .features-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 40px;
}
.salary-projects-section .project-tabs .project-tab .features-list .feature {
  width: 20%;
  padding: 0 10px;
}
.salary-projects-section.documentary-credit-letter
  .project-tabs
  .project-tab
  .features-list
  .feature {
  width: 25%;
}
.salary-projects-section.reserve-credit-letter
  .project-tabs
  .project-tab
  .features-list
  .feature {
  width: 30%;
}
.salary-projects-section
  .project-tabs
  .project-tab
  .features-list
  .feature
  .icon {
  width: 72px;
  margin: 0 auto;
  margin-bottom: 24px;
  text-align: center;
}
.salary-projects-section
  .project-tabs
  .project-tab
  .features-list
  .feature
  .title {
  color: #212225;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 8px;
  font-family: "futurademic", sans-serif;
  text-align: center;
}
.salary-projects-section
  .project-tabs
  .project-tab
  .features-list
  .feature
  .description {
  font-size: 14px;
  color: #637282;
  line-height: 1.1;
  text-align: center;
}
.salary-projects-section .project-tabs .project-tab .project-description {
  text-align: center;
  font-size: 14px;
  line-height: 1.1;
  color: #637282;
  margin-bottom: 40px;
}
.salary-projects-section .project-tabs .project-tab .btn-block {
  text-align: center;
}
.cm-offers-section.cash-admission-section {
  background: none;
}
.cm-offers-section.cash-admission-section h2 {
  margin-bottom: 8px;
}
.cm-offers-section.cash-admission-section h3 {
  font-size: 16px;
  color: #637282;
  line-height: 20px;
  text-align: center;
  font-family: "futurabookc", sans-serif;
  max-width: 800px;
  margin: 0 auto;
  font-weight: 300;
  margin-bottom: 50px;
}
.bank-warranty-section {
  padding-top: 60px;
  padding-bottom: 120px;
}
.bank-warranty-section h2 {
  color: #212225;
  font-size: 40px;
  text-align: center;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.bank-warranty-section .bank-warranty-list {
  display: flex;
}
.bank-warranty-section .bank-warranty-list .bank-warranty-item {
  width: 33.33%;
}
.bank-warranty-section .bank-warranty-list .bank-warranty-item .icon {
  width: 72px;
  margin: 0 auto;
  margin-bottom: 40px;
  text-align: center;
}
.bank-warranty-section .bank-warranty-list .bank-warranty-item .text {
  text-align: center;
  padding: 0 20px;
}
.bank-warranty-section .bank-warranty-list .bank-warranty-item .text .title {
  color: #212225;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 8px;
  font-family: "futurademic", sans-serif;
}
.bank-warranty-section
  .bank-warranty-list
  .bank-warranty-item
  .text
  .description {
  font-size: 14px;
  color: #637282;
}
.incasso-section {
  padding: 60px 0;
}
.incasso-section h2 {
  color: #212225;
  font-size: 40px;
  text-align: center;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.incasso-section h3 {
  font-size: 16px;
  color: #637282;
  line-height: 20px;
  text-align: center;
  font-family: "futurabookc", sans-serif;
  max-width: 800px;
  margin: 0 auto;
  font-weight: 300;
}
.incasso-advantages-section {
  padding: 60px 0;
  background-color: #f9fbfd;
}
.incasso-advantages-section.white-bg {
  background-color: #fff;
}
.incasso-advantages-section h2 {
  color: #212225;
  font-size: 40px;
  text-align: center;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.incasso-advantages-section .advantages {
  display: flex;
  justify-content: center;
}
.incasso-advantages-section .advantages .item {
  width: 33.33%;
}
.incasso-advantages-section .advantages .item .icon {
  width: 72px;
  margin: 0 auto;
  margin-bottom: 24px;
  text-align: center;
}
.incasso-advantages-section .advantages .item .text {
  text-align: center;
  padding: 0 20px;
}
.incasso-advantages-section .advantages .item .text .title {
  color: #212225;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 8px;
  font-family: "futurademic", sans-serif;
}
.incasso-advantages-section .advantages .item .text .description {
  font-size: 14px;
  color: #637282;
}
.incasso-key-facts-section {
  padding: 60px 0;
}
.incasso-key-facts-section h2 {
  color: #212225;
  font-size: 40px;
  text-align: center;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.incasso-key-facts-section .facts {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.incasso-key-facts-section .facts .item {
  width: 33.33%;
}
.incasso-key-facts-section .facts .item .icon {
  width: 72px;
  margin: 0 auto;
  margin-bottom: 24px;
  text-align: center;
}
.incasso-key-facts-section .facts .item .text {
  text-align: center;
  padding: 0 20px;
}
.incasso-key-facts-section .facts .item .text .title {
  color: #212225;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 8px;
  font-family: "futurademic", sans-serif;
}
.incasso-key-facts-section .facts .item .text .description {
  font-size: 14px;
  color: #637282;
}
.expediency-section {
  padding: 60px 0;
}
.expediency-section h2 {
  color: #212225;
  font-size: 40px;
  text-align: center;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.expediency-section .expediency-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.expediency-section .expediency-block .expediency-item {
  width: 40%;
  padding: 0 20px;
  color: #212225;
  font-size: 18px;
  line-height: 24px;
  position: relative;
}
.expediency-section .expediency-block .expediency-item:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffef00;
}
.factoring-advantages-section {
  padding: 60px 0;
}
.factoring-advantages-section.grey-bg {
  background-color: #f9fbfd;
}
.factoring-advantages-section h2 {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 40px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.factoring-advantages-section.grey-bg {
  background: #f9fbfd;
}
.factoring-advantages-section h3 {
  font-size: 18px;
  line-height: 1.33;
  font-weight: 300;
  text-align: center;
  color: #637282;
  max-width: 700px;
  margin: 0 auto;
  margin-top: -20px;
  margin-bottom: 40px;
}
.factoring-advantages-section .advantages {
  display: flex;
  flex-wrap: wrap;
}
.factoring-advantages-section.bill-avalanche .advantages {
  justify-content: center;
}
.factoring-advantages-section .advantages .item {
  width: 25%;
  margin-bottom: 20px;
}
.factoring-advantages-section .advantages .item .icon {
  width: 72px;
  margin: 0 auto;
  margin-bottom: 24px;
  text-align: center;
}
.factoring-advantages-section .advantages .item .text {
  text-align: center;
  padding: 0 20px;
}
.factoring-advantages-section .advantages .item .text .title {
  color: #212225;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 8px;
  font-family: "futurademic", sans-serif;
}
.factoring-advantages-section .advantages .item .text .description {
  font-size: 14px;
  color: #637282;
}
.stages-section.factoring-steps {
  padding: 60px 0;
}
.stages-section.factoring-steps h3 {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  margin-bottom: 32px;
  font-weight: 300;
}
.stages-section.factoring-steps .stages-list .stage-item {
  width: calc(33.33% - 30px);
  min-height: 120px;
}
.stages-section.factoring-steps .stages-list {
  justify-content: flex-start;
}
.factoring-services-section {
  padding: 60px 0;
}
.factoring-services-section h2 {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 40px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.factoring-services-section .factoring-services-list ul {
  display: flex;
  flex-wrap: wrap;
}
.factoring-services-section .factoring-services-list li {
  width: 50%;
  color: #212225;
  font-size: 18px;
  line-height: 24px;
  position: relative;
  padding: 0 20px;
  margin-bottom: 20px;
}
.factoring-services-section .factoring-services-list li:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffef00;
}
.salary-projects-section.factoring-requirements {
  background-color: #f9fbfd;
  padding: 60px 0;
  margin-bottom: 60px;
}
.salary-projects-section.factoring-requirements
  .project-tabs
  .project-tab
  .features-list
  .feature {
  width: 20%;
}
.cash-collection-section.acquiring .advantages .item {
  width: 240px;
}
.cash-collection-section.acquiring .advantages .item .icon {
  width: 72px;
  margin: 0 auto;
  margin-bottom: 24px;
  text-align: center;
}
.cash-collection-section.acquiring .advantages .item .name {
  color: #212225;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 8px;
  font-family: "futurademic", sans-serif;
}
.cash-collection-section.acquiring .advantages .item .description {
  font-size: 14px;
  color: #637282;
}
.cash-collection-section.acquiring .hint {
  max-width: 710px;
}
.cash-collection-section.acquiring .contacts-block .block p:first-child {
  font-size: 18px;
  line-height: 1.33;
  text-align: left;
  margin-bottom: 28px;
  color: #27282d;
  position: relative;
  font-family: "futurademic", sans-serif;
}
.cash-collection-section.acquiring .contacts-block .block p {
  text-align: left;
}
.cash-collection-section.acquiring .contacts-block .block p:first-child:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 64px;
  height: 4px;
  background-color: #e0e6ed;
}
.cash-collection-section.acquiring .grey-bg {
  background: #f9fbfd;
  padding: 30px 0;
  max-width: 1064px;
  width: 100%;
  margin: 0 auto;
}
.warranty-advantages-section {
  padding: 60px 0;
}
.warranty-advantages-section h2 {
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 40px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.warranty-advantages-section .advantages {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 40px;
}
.warranty-advantages-section .advantages .item {
  width: 20%;
}
.online-statement-advantages.warranty-advantages-section .advantages .item {
  width: 25%;
}
.warranty-advantages-section .advantages .item .icon {
  width: 72px;
  margin: 0 auto;
  margin-bottom: 24px;
  text-align: center;
}
.warranty-advantages-section .advantages .item .text {
  padding: 0 10px;
  text-align: center;
}
.warranty-advantages-section .advantages .item .text .title {
  color: #212225;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 8px;
  font-family: "futurademic", sans-serif;
}
.warranty-advantages-section .advantages .item .text .description {
  font-size: 14px;
  color: #637282;
  line-height: 1.1;
}
.yellow-info-block {
  padding: 40px 0;
}
.yellow-info-block .info {
  font-size: 16px;
  line-height: 24px;
  color: #212225;
  padding: 25px 40px;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  background: #fffcd2;
  position: relative;
}
.yellow-info-block .info:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: url("/img/yellow_info.png") 0 0 no-repeat;
}
.transactions-credit-letters-section {
  padding: 60px 0;
}
.transactions-credit-letters-section h2 {
  font-size: 40px;
  line-height: 1.2;
  color: #212225;
  font-family: "futurademic", sans-serif;
  text-align: center;
  margin-bottom: 40px;
}
.transactions-credit-letters-section .transactions-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.transactions-credit-letters-section .transactions-list .transactions-item {
  padding: 20px;
  min-height: 290px;
  border: 1px solid #97a4b1;
  border-radius: 3px;
  width: calc(50% - 10px);
  margin-bottom: 20px;
}
.transactions-credit-letters-section
  .transactions-list
  .transactions-item
  .title {
  font-size: 18px;
  line-height: 1.2;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 20px;
}
.transactions-credit-letters-section
  .transactions-list
  .transactions-item
  .description {
  color: #637282;
  font-size: 18px;
  line-height: 1.4;
}
.securities-transactions-section {
  padding: 60px 0;
}
.securities-transactions-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.securities-transactions-section h3 {
  font-size: 16px;
  color: #637282;
  line-height: 20px;
  text-align: center;
  font-family: "futurabookc", sans-serif;
  max-width: 700px;
  margin: 0 auto;
  font-weight: 300;
  margin-bottom: 40px;
}
.securities-transactions-section h4 {
  font-size: 24px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.securities-transactions-section .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 40px;
}
.securities-transactions-section .list .item {
  width: 20%;
  margin-bottom: 20px;
}
.securities-transactions-section .list .item .icon {
  width: 72px;
  margin: 0 auto;
  margin-bottom: 24px;
  text-align: center;
}
.securities-transactions-section .list .item .text {
  padding: 0 10px;
  text-align: center;
}
.securities-transactions-section .list .item .text .title {
  color: #212225;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 8px;
  font-family: "futurademic", sans-serif;
}
.securities-transactions-section .list .item .text .description {
  font-size: 14px;
  color: #637282;
  line-height: 1.1;
}
.chamber-services-section .info-block {
  border-left: 3px solid #ffef00;
  padding: 5px 0 5px 30px;
}
.chamber-services-section .info-block p {
  color: #637282;
  font-size: 18px;
  line-height: 24px;
}
.chamber-services-section .info-block p:not(:last-child) {
  margin-bottom: 10px;
}
.terms-section {
  padding: 60px 0;
}
.terms-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.terms-section h3 {
  font-size: 16px;
  color: #637282;
  line-height: 20px;
  text-align: center;
  font-family: "futurabookc", sans-serif;
  max-width: 700px;
  margin: 0 auto;
  font-weight: 300;
  margin-bottom: 40px;
}
.terms-section .terms-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}
.terms-section .terms-list .item {
  padding: 20px;
  min-height: 230px;
  border: 1px solid #97a4b1;
  border-radius: 3px;
  width: calc(50% - 10px);
  margin-bottom: 20px;
}
.terms-section .terms-list .item .title {
  font-size: 18px;
  line-height: 1.2;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 20px;
}
.terms-section .terms-list .item .description {
  color: #637282;
  font-size: 18px;
  line-height: 1.4;
}
.terms-section .hint {
  color: #637282;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}
.cost-section {
  padding: 60px 0;
}
.cost-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.cost-section h3 {
  font-size: 16px;
  color: #637282;
  line-height: 20px;
  text-align: center;
  font-family: "futurabookc", sans-serif;
  max-width: 700px;
  margin: 0 auto;
  font-weight: 300;
  margin-bottom: 40px;
}
.cost-section table {
  width: 100%;
  margin-bottom: 40px;
}
.cost-section table thead td {
  font-size: 16px;
  color: #637282;
  font-family: "futurademic", sans-serif;
  padding: 20px 0;
}
.cost-section table tbody td {
  font-size: 16px;
  color: #637282;
  padding: 20px 0;
  border-top: 1px solid #e0e6ed;
  border-bottom: 1px solid #e0e6ed;
}
.cost-section table tbody td:first-child {
  color: #212225;
  padding-right: 20px;
  border: none;
}
.cost-section .hint {
  color: #637282;
  font-size: 18px;
  line-height: 1.4;
  margin-top: 40px;
}
.cost-section .hint p {
  font-size: 16px;
  color: #637282;
  margin-bottom: 20px;
}
.raiffeisen-online-banner {
  padding-top: 30px;
}
.raiffeisen-online-banner .banner-block {
  border-radius: 10px;
  padding: 30px 40px;
}
.raiffeisen-online-banner .banner-block .title {
  font-size: 32px;
  line-height: 1.25;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 12px;
  max-width: 400px;
}
.raiffeisen-online-banner .banner-block .description {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
  max-width: 500px;
  color: #637282;
}
.raiffeisen-online-banner .banner-block .btn {
  width: 160px;
}
.terms-table-section {
  padding: 60px 0;
}
.terms-table-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.terms-table-section table {
  width: 100%;
  margin-bottom: 40px;
}
.terms-table-section table tbody td {
  font-size: 16px;
  color: #637282;
  padding: 20px 0;
  border-top: 1px solid #e0e6ed;
  border-bottom: 1px solid #e0e6ed;
}
.terms-table-section table tbody td ul li {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
  padding-left: 20px;
  position: relative;
}
.terms-table-section table tbody td ul li:after {
  content: "";
  position: absolute;
  top: 8px;
  width: 8px;
  height: 8px;
  background-color: #fce610;
  left: 0;
  border-radius: 50%;
}
.terms-table-section table tbody td:first-child {
  color: #212225;
  padding-right: 20px;
  border: none;
  font-family: "futurademic", sans-serif;
}
.special-financing-terms {
  padding: 60px 0 20px 0;
}
.special-financing-terms h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.special-financing-terms .item {
  margin-bottom: 40px;
}
.special-financing-terms .item h4 {
  text-align: center;
  color: #333333;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 24px;
}
.special-financing-terms .item table {
  width: 100%;
}
.special-financing-terms .item table td {
  font-size: 16px;
  color: #637282;
  padding: 20px 0;
  border-top: 1px solid #e0e6ed;
  border-bottom: 1px solid #e0e6ed;
}
.partner-page h3 {
  font-size: 18px;
  line-height: 1.2;
  color: #333333;
  font-family: "futurabookc", sans-serif;
  font-weight: 300;
}
.partner-page .partner-intro {
  display: flex;
  flex-wrap: wrap;
}
.partner-page .partner-intro .partner-info {
  width: 70%;
}
.partner-page .partner-intro .partner-logo {
  width: 30%;
}
.partner-page .partner-intro .partner-logo img {
  max-width: 100%;
}
.partner-page .partner-intro .btn {
  width: 200px;
  margin-top: 25px;
}
.partner-calculator-section {
  padding: 60px 0;
}
.partner-calculator-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.partner-calculator-section h3 {
  color: #637282;
  font-size: 16px;
  line-height: 1.4;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 40px;
  text-align: center;
  font-weight: 300;
}
.partner-calculator-section .calculator-block form {
  display: flex;
  flex-wrap: wrap;
}
.partner-calculator-section .calculator-block form .left-side {
  width: calc(100% - 430px);
  background: #f9fbfd;
  padding: 35px;
}
.partner-calculator-section .calculator-block form .right-side {
  width: 430px;
  background: #f3f7fb;
  padding: 35px;
  display: flex;
  flex-direction: column;
}
.partner-calculator-section .calculator-block form .right-side .final-sum {
  margin-bottom: 40px;
}
.partner-calculator-section
  .calculator-block
  form
  .right-side
  .final-sum
  .title {
  font-size: 18px;
  color: #212225;
  font-family: "futurademic", sans-serif;
  display: block;
  margin-bottom: 8px;
}
.partner-calculator-section .calculator-block form .right-side .final-sum span {
  border: none;
  background: none;
  font-size: 32px;
  line-height: 40px;
  text-align: left;
  color: #637282;
  height: 40px;
}
.partner-calculator-section
  .calculator-block
  form
  .right-side
  .final-sum
  span.sum {
  color: #212225;
}
.partner-calculator-section .calculator-block form .right-side .buttons-block {
  display: flex;
  justify-content: space-between;
}
.partner-calculator-section .calculator-block form .form-field {
  margin-bottom: 24px;
}
.partner-calculator-section .calculator-block form .right-side .form-field {
  margin-bottom: auto;
}
.partner-calculator-section .calculator-block form .form-field label {
  font-size: 18px;
  color: #212225;
  font-family: "futurademic", sans-serif;
  display: block;
  margin-bottom: 8px;
}
.partner-calculator-section
  .calculator-block
  form
  .form-field
  input[type="text"] {
  width: 100%;
  max-width: 260px;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #97a4b1;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
}
.partner-calculator-section
  .calculator-block
  form
  .form-field
  .contribution-inputs {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 360px;
}
.partner-calculator-section
  .calculator-block
  form
  .form-field
  .contribution-inputs
  input:last-child {
  width: 110px;
  margin-left: 20px;
}
.partner-calculator-section
  .calculator-block
  form
  .form-field
  input[type="text"]:focus {
  border: solid 1px #1c7fdd;
}
.partner-calculator-section
  .calculator-block
  form
  .form-field
  .radiobox-block
  label {
  font-size: 16px;
  line-height: 18px;
  color: #212225;
  font-family: "futurabookc", sans-serif;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 0;
}
.partner-calculator-section
  .calculator-block
  form
  .form-field
  .radiobox-block
  label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  opacity: 1;
  background-color: #fce610;
  border: solid 1px #fce610;
  border-radius: 50%;
}
.partner-calculator-section
  .calculator-block
  form
  .form-field
  .radiobox-block
  input:checked
  + label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 6px;
  height: 6px;
  opacity: 1;
  background-color: #27282d;
  border: solid 1px #27282d;
  border-radius: 50%;
}
.partner-calculator-section
  .calculator-block
  form
  .form-field
  .schedule-radioboxes {
  margin-bottom: 25px;
}
.partner-calculator-section
  .calculator-block
  form
  .form-field
  .schedule-radioboxes
  input[type="radio"]
  + label {
  font-size: 16px;
  line-height: 18px;
  color: #212225;
  font-family: "futurabookc", sans-serif;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  margin-right: 25px;
  margin-bottom: 5px;
}
.partner-calculator-section
  .calculator-block
  form
  .form-field
  .schedule-radioboxes
  input[type="radio"]
  + label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  opacity: 1;
  background-color: #fff;
  border: solid 1px #e8eef4;
  border-radius: 50%;
}
.partner-calculator-section
  .calculator-block
  form
  .form-field
  .schedule-radioboxes
  input[type="radio"]:checked
  + label:before {
  background-color: #ffef00;
}
.partner-calculator-section
  .calculator-block
  form
  .form-field
  .schedule-radioboxes
  input[type="radio"]:checked
  + label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  opacity: 1;
  background-color: #27282d;
  border-radius: 50%;
}
.partner-calculator-section
  .calculator-block
  form
  .form-field
  .season-checkboxes {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 560px;
  margin-bottom: 40px;
}
.partner-calculator-section
  .calculator-block
  form
  .form-field
  .season-checkboxes
  .checkbox-block {
  width: 25%;
  margin-bottom: 20px;
}
.partner-calculator-section
  .calculator-block
  form
  .form-field
  .season-checkboxes
  .checkbox-block
  input[type="checkbox"]
  + label {
  font-size: 16px;
  line-height: 18px;
  color: #212225;
  font-family: "futurabookc", sans-serif;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
}
.partner-calculator-section
  .calculator-block
  form
  .form-field
  .season-checkboxes
  .checkbox-block
  input[type="checkbox"]
  + label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.partner-calculator-section
  .calculator-block
  form
  .form-field
  .season-checkboxes
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.partner-calculator-section .calculator-block form .calculator-slider .slider {
  height: 3px;
  background-color: rgba(127, 140, 161, 0.26);
  width: 100%;
  border: none;
  border-radius: 2px;
  margin-bottom: 10px;
}
.partner-calculator-section
  .calculator-block
  form
  .calculator-slider
  .slider.ui-slider-horizontal
  .ui-slider-range-min {
  background: #27282d;
  border-radius: 2px;
}
.partner-calculator-section
  .calculator-block
  form
  .calculator-slider
  .slider.ui-slider-horizontal
  .ui-slider-handle {
  width: 22px;
  height: 22px;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.17);
  background-color: #ffef00;
  border: solid 6px #ffffff;
  border-radius: 50%;
  margin-top: -5px;
}
.partner-calculator-section
  .calculator-block
  form
  .calculator-slider
  .slider-points {
  display: flex;
  justify-content: space-between;
}
.partner-calculator-section
  .calculator-block
  form
  .calculator-slider
  .slider-points
  .point {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
}
.partner-calculator-section
  .calculator-block
  form
  .calculator-slider
  .calculator-inputs {
  display: flex;
  margin-bottom: 8px;
}
.partner-calculator-section
  .calculator-block
  form
  .calculator-slider
  .calculator-inputs
  input {
  border: none;
  background: none;
  font-size: 32px;
  line-height: 40px;
  text-align: left;
  color: #212225;
  height: 40px;
  width: 50px;
  padding: 0;
  pointer-events: none;
}
.partner-calculator-section
  .calculator-block
  form
  .calculator-slider
  .calculator-inputs
  span {
  border: none;
  background: none;
  font-size: 32px;
  line-height: 40px;
  text-align: left;
  color: #637282;
  height: 40px;
}
.schedule-section {
}
.schedule-section h2 {
  font-size: 32px;
  line-height: 1.2;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 20px;
}
.schedule-section .container {
  position: relative;
}
.schedule-section .schedule-share-block {
  position: absolute;
  top: 0;
  display: flex;
  right: 20px;
}
.schedule-section .schedule-share-block a {
  width: 24px;
  height: 24px;
  margin-left: 20px;
}
.schedule-section .schedule-type-block {
}

.schedule-section .schedule-type-block table {
  width: 100%;
  margin-bottom: 40px;
}
.schedule-section .schedule-type-block table thead td {
  color: #212225;
  font-family: "futurademic", sans-serif;
  font-size: 16px;
  text-align: center;
  padding: 15px 0 20px 0;
}
.schedule-section .schedule-type-block table thead td:first-child {
  text-align: left;
}
.schedule-section .schedule-type-block table tbody td {
  font-size: 16px;
  text-align: center;
  padding: 15px 0;
  border-bottom: 1px solid #d5d8df;
  color: #637282;
}
.schedule-section .schedule-type-block table tbody tr {
  display: none;
}
.schedule-section .schedule-type-block table tbody tr:nth-child(1),
.schedule-section .schedule-type-block table tbody tr:nth-child(2),
.schedule-section .schedule-type-block table tbody tr:nth-child(3),
.schedule-section .schedule-type-block table tbody tr:nth-child(4),
.schedule-section .schedule-type-block table tbody tr:nth-child(5) {
  display: table-row;
}
.schedule-section
  .schedule-type-block
  .schedule-table-container.show
  table
  tbody
  tr {
  display: table-row;
}
.schedule-section .schedule-type-block table tbody td:first-child {
  text-align: left;
  font-family: "futurademic", sans-serif;
  border-bottom: none;
}
.schedule-section .schedule-type-block table tbody tr:last-child td {
  color: #212225;
  font-family: "futurademic", sans-serif;
  border-bottom: none;
  padding-top: 30px;
}
.schedule-section .schedule-type-block .schedule-table-container {
  position: relative;
}
.schedule-section .schedule-type-block .schedule-table-container:after {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  bottom: 0;
  position: absolute;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.schedule-section .schedule-type-block .schedule-table-container.show:after {
  display: none;
}
.schedule-section .schedule-type-block .buttons-container {
  text-align: center;
}
.map-block {
  padding: 60px 0;
}
.map-block h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.map-block .filials-map .dealer-popup {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  color: #212225;
  font-family: "futurademic", sans-serif;
  padding: 10px 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.24);
  z-index: 25;
  border-radius: 6px;
  background: #fff;
  transform: translate(-50%, -100%);
  display: none;
}
.map-block .filials-map .dealer-popup:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 7.5px 0 7.5px;
  border-color: #ffffff transparent transparent transparent;
}
.map-block .filials-map .dealer-popup.active {
  display: block;
}
.map-block .filials-map .cities-list {
  height: 100%;
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.map-block .filials-map .cities-list .city {
  position: absolute;
  font-size: 18px;
  color: #212225;
  font-family: "futurademic", sans-serif;
  display: none;
}
.map-block .filials-map .cities-list .city.active {
  display: block;
}
.map-block .filials-map .cities-list .city:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffef00;
}
.map-block .filials-map .cities-list .city[data-id="1"] {
  top: 43%;
  left: 39%;
}
.map-block .filials-map .cities-list .city[data-id="2"] {
  top: 19%;
  left: 23%;
}
.map-block .filials-map .cities-list .city[data-id="3"] {
  top: 49%;
  left: 67%;
}
.map-block .filials-map .cities-list .city[data-id="4"] {
  top: 55%;
  left: 81%;
}
.map-block .filials-map .cities-list .city[data-id="5"] {
  top: 27%;
  left: 38%;
}
.map-block .filials-map .cities-list .city[data-id="6"] {
  top: 47%;
  left: 9%;
}
.map-block .filials-map .cities-list .city[data-id="7"] {
  top: 57%;
  left: 70%;
}
.map-block .filials-map .cities-list .city[data-id="8"] {
  top: 43%;
  left: 19%;
}
.map-block .filials-map .cities-list .city[data-id="9"] {
  top: 25%;
  left: 47%;
}
.map-block .filials-map .cities-list .city[data-id="10"] {
  top: 50%;
  left: 53%;
}
.map-block .filials-map .cities-list .city[data-id="11"] {
  top: 47%;
  left: 87%;
}
.map-block .filials-map .cities-list .city[data-id="12"] {
  top: 31%;
  left: 16%;
}
.map-block .filials-map .cities-list .city[data-id="13"] {
  top: 67%;
  left: 54%;
}
.map-block .filials-map .cities-list .city[data-id="14"] {
  top: 73%;
  left: 48%;
}
.map-block .filials-map .cities-list .city[data-id="15"] {
  top: 36%;
  left: 65%;
}
.map-block .filials-map .cities-list .city[data-id="16"] {
  top: 22%;
  left: 28%;
}
.map-block .filials-map .cities-list .city[data-id="17"] {
  top: 19%;
  left: 67%;
}
.map-block .filials-map .cities-list .city[data-id="18"] {
  top: 34%;
  left: 24%;
}
.map-block .filials-map .cities-list .city[data-id="19"] {
  top: 30%;
  left: 75%;
}
.map-block .filials-map .cities-list .city[data-id="20"] {
  top: 73%;
  left: 58%;
}
.map-block .filials-map .cities-list .city[data-id="21"] {
  top: 38%;
  left: 31%;
}
.map-block .filials-map .cities-list .city[data-id="22"] {
  top: 36%;
  left: 53%;
}
.map-block .filials-map .cities-list .city[data-id="23"] {
  top: 51%;
  left: 26%;
}
.map-block .filials-map .cities-list .city[data-id="24"] {
  top: 11%;
  left: 51%;
}
.map-block .filials-map {
  position: relative;
  height: 0;
  padding-top: 56.25%;
  max-width: 1300px;
  margin: 0 auto;
}
.map-block .filials-svg-clone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.map-block .filials-map svg {
  height: 100%;
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#map-clone {
  z-index: 22;
  opacity: 0;
}
.map-block .filials-map path {
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  fill: #fff;
  stroke: #c1cad4;
  stroke-width: 0.5px;
  stroke-linejoin: round;
}
.map-block .filials-map path.active {
  fill: #e0e6ed;
}
.map-block .filials-map path.active.hover {
  fill: #ffef00;
}
.corporate-contacts-page {
  padding: 60px 0;
}
.corporate-contacts-page h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.corporate-contacts-page h3 {
  color: #637282;
  font-size: 16px;
  line-height: 1.4;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 40px;
  text-align: center;
  font-weight: 300;
}
.corporate-contacts-page .region-selector {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
  margin-bottom: 48px;
}
.corporate-contacts-page .region-selector label {
  font-size: 18px;
  color: #212225;
  font-family: "futurademic", sans-serif;
  display: block;
  width: 100%;
  margin-bottom: 8px;
}
.corporate-contacts-page .region-selector .select-container {
  height: 40px;
  display: flex;
}
.corporate-contacts-page .region-selector .select-container select {
  display: none;
}
.corporate-contacts-page .region-selector .select-container .select2-container {
  font-size: 16px;
  line-height: 40px;
  color: #27282d;
  height: 40px;
  width: 180px !important;
  margin-right: 20px;
}
.corporate-contacts-page
  .region-selector
  .select-container
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  font-size: 16px;
  line-height: 40px;
  color: #27282d;
  height: 40px;
}
.corporate-contacts-page
  .region-selector
  .select-container
  .select2-container--default
  .select2-selection--single {
  height: 40px;
}
.corporate-contacts-page
  .region-selector
  .select-container
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 40px;
}
.corporate-contacts-page .managers-list {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.corporate-contacts-page .managers-list .manager {
  margin-bottom: 60px;
}
.corporate-contacts-page .managers-list .manager .region {
  font-size: 40px;
  font-family: "futurademic", sans-serif;
  color: #acb3bd;
  margin-bottom: 30px;
}
.corporate-contacts-page .managers-list .manager .info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.corporate-contacts-page .managers-list .manager .info .image {
  width: 320px;
  border-radius: 10px;
  overflow: hidden;
}
.corporate-contacts-page .managers-list .manager .info .image img {
  max-width: 100%;
  display: block;
}
.corporate-contacts-page .managers-list .manager .info .text {
  width: calc(100% - 350px);
}
.corporate-contacts-page .managers-list .manager .info .text .name {
  color: #212225;
  font-size: 32px;
  font-family: "futurademic", sans-serif;
  margin-bottom: 20px;
}
.corporate-contacts-page .managers-list .manager .info .text .position,
.corporate-contacts-page .managers-list .manager .info .text .phone,
.corporate-contacts-page .managers-list .manager .info .text .email {
  font-size: 24px;
  line-height: 1;
  color: #637282;
  margin-bottom: 10px;
}
.deposit-corp-section .all-deposits-block {
  padding: 20px 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.deposit-corp-section .all-deposits-block .icon {
  width: 100px;
}
.deposit-corp-section .all-deposits-block .text {
  width: calc(100% - 450px);
  color: #637282;
  font-size: 16px;
  line-height: 22px;
}
.deposit-corp-section .all-deposits-block .btn {
  margin-left: auto;
}
.avalanche-operations-section {
  padding: 60px 0;
  background: #f9fbfd;
}
.avalanche-operations-section h2 {
  font-size: 32px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.avalanche-operations-section .list {
  display: flex;
  flex-wrap: wrap;
}
.avalanche-operations-section .list .item {
  width: 33.33%;
  padding: 0 10px;
}
.avalanche-operations-section .list .item .number {
  text-align: center;
  color: #e5e5e5;
  font-size: 64px;
  line-height: 1;
  font-family: "futurademic", sans-serif;
  margin-bottom: 10px;
}
.avalanche-operations-section .list .item .text {
  font-size: 18px;
  color: #212225;
  text-align: center;
  line-height: 1.1;
}
.partners-programs-section {
  padding: 60px 0;
  background-color: #f9fbfd;
}
.partners-programs-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
}
.partners-programs-section .list {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.partners-programs-section .list .item {
  width: 230px;
  min-height: 160px;
  border: solid 1px #e0e6ed;
  border-radius: 4px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin: 0 12px;
  margin-bottom: 24px;
}
.partners-programs-section .list .item:hover {
  border: solid 1px #fff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.partners-programs-section .list .item img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
}
.partners-programs-section .avalization-show {
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.partners-programs-section .avalization-show .toggle {
  font-size: 22px;
  line-height: 1.45;
  color: #212225;
  text-decoration: none;
}
.partners-programs-section .avalization-show .toggle:after {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #212225;
  border-bottom: 2px solid #212225;
  display: inline-block;
  transform: rotate(45deg);
  margin-left: 8px;
  vertical-align: top;
  margin-top: 8px;
}
.partners-programs-section .avalization-show .toggle.show:after {
  transform: rotate(-135deg);
  margin-top: 14px;
}
.partners-programs-section .avalization-conditions {
  display: none;
}
.partners-programs-section .avalization-conditions.show {
  display: block;
}
.partners-programs-section .avalization-conditions table {
}
.partners-programs-section .avalization-conditions table tr td {
  font-size: 16px;
  line-height: 1.38;
  color: #637282;
  border-bottom: 1px solid #e0e6ed;
  padding: 16px 16px 16px 0;
  vertical-align: top;
}
.partners-programs-section .avalization-conditions table tr td:first-child {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  line-height: 1.38;
  color: #212225;
  border: none;
}
.partners-programs-section .list .partner {
  padding: 20px;
  width: calc(50% - 20px);
  border: 1px solid #97a4b1;
  border-radius: 3px;
  margin-bottom: 40px;
}
.partners-programs-section .list .partner .logo {
  text-align: center;
  margin-bottom: 20px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.partners-programs-section .list .partner .logo img {
  max-height: 100px;
}
.partners-programs-section .list .partner .title {
  margin-bottom: 20px;
}
.partners-programs-section .list .partner .title a {
  font-size: 24px;
  color: #212225;
}
.partners-programs-section .list .partner .contacts {
  color: #637282;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
}
.partners-programs-section .list .partner .contacts .phone {
  background: url("/img/phone--2.png") 0 3px no-repeat;
  padding-left: 30px;
}
.partners-programs-section .list .partner .text {
}
.partners-programs-section .list .partner .text p {
  color: #637282;
  font-size: 16px;
  line-height: 18px;
}
.partners-programs-section .list .partner .text ul {
}
.partners-programs-section .list .partner .text ul li {
  color: #637282;
  line-height: 18px;
  font-size: 16px;
}
.partners-programs-section .hint {
  color: #212225;
  font-size: 24px;
  line-height: 1.1;
  text-align: center;
}
.partners-programs-section .partners-toggle-button-container {
  text-align: center;
}
.partners-programs-section .partners-toggle-button-container a {
  font-size: 18px;
  color: #000000;
  font-family: "futurademic", sans-serif;
  text-decoration: none;
  display: inline-block;
}
.partners-programs-section .partners-toggle-button-container a.show:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(/img/up-arrow-docs.svg) 0 0 no-repeat;
  background-size: contain;
  transform: rotate(180deg);
  margin-left: 6px;
  vertical-align: middle;
}
.partners-programs-section .partners-toggle-button-container a.hide {
  display: none;
}
.partners-programs-section .partners-toggle-button-container a.hide:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url(/img/up-arrow-docs.svg) 0 0 no-repeat;
  background-size: contain;
  margin-left: 6px;
  vertical-align: middle;
}
.card-added {
  position: fixed;
  z-index: 32;
  bottom: 200px;
  right: 0;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.16);
  height: 80px;
  display: flex;
  width: 330px;
  white-space: nowrap;
  color: #212225;
  font-size: 18px;
  line-height: 80px;
  background: url(/img/compare_off.png) 20px center no-repeat #fff;
  border-radius: 10px 0 0 10px;
  padding-left: 65px;
}
.compare-cards-block {
  position: fixed;
  z-index: 32;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.16);
  height: 140px;
  padding: 20px 40px;
  overflow: hidden;
}
.compare-cards-block .container {
  max-width: 1280px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.compare-cards-block .compare-cards-slider {
  width: calc(100% - 200px);
  margin-bottom: 0;
  padding: 0 20px;
}
.compare-cards-block .compare-cards-slider .slider-item {
  display: flex;
  align-items: center;
  position: relative;
  padding: 20px 40px;
  border-right: 1px solid #c6cfda;
}
.compare-cards-block .compare-cards-slider .slider-item .image {
  width: 100px;
  border-radius: 5px;
  overflow: hidden;
}
.compare-cards-block .compare-cards-slider .slider-item .image img {
  width: 100%;
  display: block;
}
.compare-cards-block .compare-cards-slider .slider-item .text {
  font-size: 16px;
  width: calc(100% - 100px);
  color: #212225;
  padding-left: 15px;
  font-family: "futurademic", sans-serif;
}
.compare-cards-block .compare-cards-slider .slider-item .card-close {
  width: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.compare-cards-block .compare-cards-slider .slider-item .card-close img {
  width: 100%;
}
.compare-cards-block .compare-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.compare-cards-block .compare-cards-slider .slick-prev {
  width: 32px;
  height: 32px;
  left: -30px;
  border-radius: 50%;
  border: solid 1px #d6d8e2;
  background: #fff;
}
.compare-cards-block .compare-cards-slider .slick-next {
  width: 32px;
  height: 32px;
  right: -30px;
  border-radius: 50%;
  border: solid 1px #d6d8e2;
  background: #fff;
}
.compare-cards-block .compare-cards-slider .slick-prev:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  top: -1px;
  left: -1px;
  position: absolute;
  background: url(/img/rectangle-16-copy.svg) center no-repeat;
  transform: rotate(180deg);
}
.compare-cards-block .compare-cards-slider .slick-next:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  top: -1px;
  left: -1px;
  position: absolute;
  background: url(/img/rectangle-16-copy.svg) center no-repeat;
}
.safe-use-section {
  padding: 60px 0;
}
.safe-use-section h2 {
  font-size: 40px;
  line-height: 1;
  margin-bottom: 40px;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.safe-use-section .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.safe-use-section .list .item {
  border: 1px solid #d7dbe5;
  width: calc(33.33% - 20px);
  max-width: 320px;
  height: 256px;
  border-radius: 10px;
  font-size: 28px;
  line-height: 1.33;
  color: #000;
  font-family: "futurademic", sans-serif;
  text-decoration: none;
  padding: 24px 17px;
  background: #fff;
  margin: 0 10px;
  margin-bottom: 20px;
}
.safe-use-section .list .item:hover {
  background: #fce60f;
}
.data-protection-section {
  padding: 80px 0;
}
.data-protection-section .item {
  max-width: 800px;
  margin: 0 auto;
}
.data-protection-section.with-bg {
  padding-left: 30%;
  background: url("/img/banner-copy-410.jpg") top center no-repeat;
}
.data-protection-section .item .title {
  font-size: 32px;
  line-height: 1.25;
  margin-bottom: 16px;
  color: #212225;
  font-family: "futurademic", sans-serif;
}
.data-protection-section .item .description {
  font-size: 18px;
  line-height: 1.33;
  color: #212225;
  margin-bottom: 32px;
  max-width: 700px;
}
.data-protection-section .item .download-block {
  margin-bottom: 10px;
}
.data-protection-section .item .download-block .download-file {
  display: inline-flex;
  text-decoration: none;
  max-width: 600px;
  margin-bottom: 10px;
}
.data-protection-section .item .download-block .download-file .icon {
  width: 42px;
  text-align: center;
  margin-right: 32px;
  position: relative;
}
.data-protection-section .item .download-block .download-file .icon:after {
  content: attr(data-ext);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #637282;
  text-transform: uppercase;
  font-size: 8px;
  font-family: "futurademic", sans-serif;
}
.data-protection-section .item .download-block .download-file .icon span {
  font-size: 14px;
  text-align: center;
  color: #637282;
}
.data-protection-section .item .download-block .download-file .text {
  font-size: 18px;
  line-height: 1.33;
  display: flex;
  align-items: center;
  color: #637282;
  font-family: "futurademic", sans-serif;
}
.card-details-info-section {
  padding-bottom: 56px;
}
.card-details-info-section .container {
  border-radius: 16px;
  background-color: #f9fbfd;
  padding-top: 40px;
  padding-bottom: 40px;
}
.card-details-info-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 16px;
}
.card-details-info-section h3 {
  max-width: 600px;
  height: 48px;
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  font-weight: 300;
  color: #637282;
  margin: 0 auto;
  margin-bottom: 56px;
}
.card-details-info-section .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 800px;
  margin: 0 auto;
}
.card-details-info-section .list .item {
  width: calc(50% - 20px);
  border-radius: 4px;
  padding: 24px;
  background-color: #ffffff;
  box-shadow: 0 2px 10px 0 rgba(133, 159, 182, 0.38);
}
.card-details-info-section .list .item.green {
  border: 1px solid #4baf50;
}
.card-details-info-section .list .item.red {
  border: 1px solid #ed4337;
}
.card-details-info-section .list .item .title {
  font-family: "futurademic", sans-serif;
  font-size: 18px;
  line-height: 40px;
  padding-left: 48px;
  height: 40px;
  margin-bottom: 16px;
}
.card-details-info-section .list .item.green .title {
  color: #4baf50;
  background: url("/img/card-ok.svg") left center no-repeat;
}
.card-details-info-section .list .item.red .title {
  color: #ed4337;
  background: url("/img/card-neok.svg") left center no-repeat;
}
.card-details-info-section .list .item .description {
}
.card-details-info-section .list .item .description p {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
}
.card-details-info-section .list .item .description ul {
}
.card-details-info-section .list .item .description ul li {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
  position: relative;
  padding-left: 18px;
}
.card-details-info-section .list .item .description ul li:after {
  content: "";
  position: absolute;
  top: 8px;
  width: 8px;
  height: 8px;
  background-color: #fce610;
  left: 0;
  border-radius: 50%;
}
.card-security-info-section {
  padding-top: 56px;
  padding-bottom: 56px;
  background-color: #f9fbfd;
}
.card-security-info-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  margin-bottom: 16px;
  color: #212225;
}
.card-security-info-section h3 {
  font-size: 18px;
  line-height: 1.33;
  font-weight: 300;
  color: #637282;
  max-width: 620px;
  margin-bottom: 24px;
}
.card-security-info-section .list {
  display: flex;
  flex-wrap: wrap;
}
.card-security-info-section .list .item {
  width: 50%;
  padding-right: 80px;
  display: flex;
}
.card-security-info-section .list .item .icon {
  width: 44px;
  height: 44px;
  background: #fff;
  border-radius: 50%;
  margin-right: 16px;
}
.card-security-info-section .list .item .text {
  width: calc(100% - 60px);
  margin-bottom: 32px;
}
.card-security-info-section .list .item .text .title {
  font-size: 16px;
  line-height: 1.38;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.card-security-info-section .list .item .text .description {
  font-size: 14px;
  line-height: 1.14;
  color: #637282;
}
.card-security-info-section .info-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 24px 32px;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.5);
}
.card-security-info-section .info-block .icon {
  width: 72px;
  height: 72px;
  margin-right: 32px;
}
.card-security-info-section .info-block .text {
  width: calc(100% - 350px);
  font-size: 18px;
  line-height: 1.33;
  color: #231f20;
  margin-right: auto;
}
.card-security-info-section .info-block .btn {
  width: 200px;
}
.three-dsecure-section {
  padding: 60px 0;
}
.three-dsecure-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
  color: #212225;
  text-align: center;
}
.three-dsecure-section .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.three-dsecure-section .list .item {
  width: calc(33.33% - 20px);
}
.three-dsecure-section .list .item .image {
  margin-bottom: 24px;
  text-align: center;
}
.three-dsecure-section .list .item .image img {
  max-width: 100%;
}
.three-dsecure-section .list .item .text {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #212225;
}
.how-it-works-section {
  padding: 60px 0;
}
.how-it-works-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  margin-bottom: 16px;
  text-align: center;
  color: #212225;
}
.how-it-works-section h3 {
  font-size: 18px;
  line-height: 1.33;
  font-weight: 300;
  color: #637282;
  max-width: 620px;
  margin: 0 auto;
  margin-bottom: 24px;
  text-align: center;
}
.how-it-works-section .steps {
}
.how-it-works-section .steps .item {
  padding: 24px 0;
}
.how-it-works-section .steps .item:nth-child(2n + 1) {
  background-color: #f9fbfd;
}
.how-it-works-section .steps .item .container {
  display: flex;
  max-width: 800px;
}
.how-it-works-section .steps .item .icon {
  width: 40px;
  height: 40px;
  margin-right: 20px;
}
.how-it-works-section .steps .item .text {
  font-size: 18px;
  line-height: 1.33;
  width: calc(100% - 60px);
  max-width: 565px;
  padding-top: 4px;
  color: #212225;
}
.memo-section {
  padding: 60px 0;
}
.memo-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
  text-align: center;
  color: #212225;
}
.memo-section h3 {
  font-size: 18px;
  line-height: 1.33;
  font-weight: 300;
  color: #637282;
  max-width: 620px;
  margin: 0 auto;
  margin-top: -24px;
  margin-bottom: 24px;
  text-align: center;
}
.memo-section .list {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 3%,
    rgba(249, 251, 253, 1) 3%,
    rgba(249, 251, 253, 1) 97%,
    rgba(255, 255, 255, 1) 97%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 3%,
    rgba(249, 251, 253, 1) 3%,
    rgba(249, 251, 253, 1) 97%,
    rgba(255, 255, 255, 1) 97%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 3%,
    rgba(249, 251, 253, 1) 3%,
    rgba(249, 251, 253, 1) 97%,
    rgba(255, 255, 255, 1) 97%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.memo-section .list .item {
  width: 100%;
  max-width: 690px;
  border-radius: 4px;
  background-color: #ffffff;
  margin: 0 auto;
  margin-bottom: 32px;
  padding: 32px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.memo-section .list .item .icon {
  text-align: center;
  margin-bottom: 12px;
}
.memo-section .list .item .text {
}
.memo-section .list .item .text .title {
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 8px;
  color: #212225;
}
.memo-section .list .item .text .description {
}
.memo-section .list .item .text .description p {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
  margin-bottom: 4px;
}
.memo-section .list .item .text .description p img {
  max-width: 100%;
}
.ib-security-section .item {
  padding: 27px 15%;
}
.ib-security-section .item.grey-bg {
  border-radius: 4px;
  background-color: #f9fbfd;
}
.ib-security-section .item h4 {
  font-size: 26px;
  line-height: 1.33;
  color: #637282;
  margin-bottom: 24px;
}
.ib-security-section .item p {
  font-size: 24px;
  line-height: 1.33;
  margin-bottom: 8px;
  color: #212225;
}
.ib-security-section .item ul {
  padding-left: 20px;
}
.ib-security-section .item ul li {
  font-size: 24px;
  line-height: 1.33;
  padding-left: 20px;
  color: #212225;
  position: relative;
  margin-bottom: 8px;
}
.ib-security-section .item ul li:after {
  content: "";
  position: absolute;
  top: 8px;
  width: 8px;
  height: 8px;
  background-color: #fce610;
  left: 0;
  border-radius: 50%;
}
.contacts-section {
}
.contacts-section .contacts-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 800px;
  margin: 0 auto;
}
.contacts-section .contacts-list .half-part {
  width: calc(50% - 25px);
  position: relative;
}
.contacts-section .contacts-list .half-part .title {
  font-size: 40px;
  font-family: "futurademic", sans-serif;
  line-height: 1.1;
  color: #212225;
  margin-bottom: 24px;
}
.contacts-section .contacts-list .half-part .description {
  margin-bottom: 40px;
}
.contacts-section .contacts-list .half-part .description table {
  width: 100%;
}
.contacts-section .contacts-list .half-part .description table td {
  padding: 16px 0;
}
.contacts-section
  .contacts-list
  .half-part
  .description
  table
  tr:not(:first-child)
  td {
  border-top: 1px solid #e0e6ed;
}
.contacts-section .contacts-list .half-part .description table td h4 {
  font-size: 16px;
  line-height: 1.25;
  color: #637282;
}
.contacts-section .contacts-list .half-part .description table td h3 {
  font-size: 18px;
  line-height: 1.25;
  color: #637282;
}
.faq-section.contacts-faq {
  padding: 24px 0 12px 0;
  margin-bottom: 40px;
}
.contacts-info-block {
  margin-bottom: 60px;
}
.contacts-info-block .container {
  max-width: 800px;
}
.contacts-info-block .contact {
}
.contacts-info-block .contact .title {
  font-size: 18px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  color: #212225;
  position: relative;
  margin-bottom: 28px;
}
.contacts-info-block .contact .title:before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 64px;
  height: 4px;
  background-color: #e0e6ed;
}
.contacts-info-block .contact .info {
}
.contacts-info-block .contact .info p {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #637282;
  max-width: 400px;
  margin-bottom: 10px;
}
.contacts-info-block .contact .info p.email {
  padding-left: 30px;
  background: url("/img/contact-email.png") 0 0 no-repeat;
}
.contacts-info-block .text {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 8px;
  color: #637282;
}
.contacts-info-block .small-text {
  font-size: 12px;
  line-height: 1.5;
  color: #637282;
}
.special-offer-page-section {
}
.special-offer-page-section h2 {
  font-size: 40px;
  text-align: center;
  line-height: 1.2;
  color: #212225;
  margin-bottom: 70px;
}
.special-offer-page-section .offer-image {
  margin-bottom: 40px;
}
.special-offer-page-section .offer-image img {
  max-width: 100%;
}
.special-offer-page-section .offer-description {
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.special-offer-page-section .offer-description p {
  font-size: 24px;
  line-height: 1.2;
  text-align: left;
  color: #212225;
  margin-bottom: 20px;
}
.special-offer-page-section .offer-description ul {
  margin-bottom: 20px;
  list-style: none;
}
.special-offer-page-section .offer-description ul li {
  padding-left: 20px;
  position: relative;
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.special-offer-page-section .offer-description ul li:after {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background: #fce610;
}
.special-offer-page-section .offer-description ol {
  margin-bottom: 40px;
  padding-left: 20px;
}
.special-offer-page-section .offer-description ol li {
  position: relative;
  line-height: 1.2;
  font-size: 24px;
  margin-bottom: 20px;
}
.special-offer-page-section .offer-description table {
  width: 100%;
  margin-bottom: 40px;
}
.special-offer-page-section .offer-description table tr td {
  font-size: 24px;
  line-height: 1.2;
  color: #212225;
  padding: 5px 10px;
}
.faq-section .faq-list + .title {
  margin-top: 40px;
}
.messages-for-shareholders-section {
  padding: 80px 0;
}
.messages-for-shareholders-section h2 {
  font-size: 40px;
  line-height: 1.2;
  color: #212225;
  margin-bottom: 16px;
}
.messages-for-shareholders-section h3 {
  font-size: 18px;
  line-height: 1.33;
  font-weight: 300;
  color: #637282;
  margin-bottom: 40px;
}
.messages-for-shareholders-section .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
}
.messages-for-shareholders-section .list .document-link {
  width: calc(33.33% - 20px);
  border-radius: 10px;
  box-shadow: 0 6px 13px 0 rgba(194, 206, 226, 0.5);
  background-color: #ffffff;
  text-decoration: none;
}
.messages-for-shareholders-section .list .document-link .message-text {
  background-color: #f9fbfd;
  min-height: 200px;
  font-size: 18px;
  line-height: 1.33;
  padding: 24px;
  color: #212225;
}
.messages-for-shareholders-section .list .document-link .document-cont {
  padding: 24px;
}
.messages-for-shareholders-section .list .document-link .document-cont .date {
  background: url("/img/news-icon1.svg") 0 0 no-repeat;
  font-size: 14px;
  line-height: 1.14;
  padding-left: 25px;
  color: #637282;
  margin-bottom: 20px;
}
.messages-for-shareholders-section
  .list
  .document-link
  .document-cont
  .document {
  display: flex;
}
.messages-for-shareholders-section
  .list
  .document-link
  .document-cont
  .document
  .icon {
  width: 32px;
}
.messages-for-shareholders-section
  .list
  .document-link
  .document-cont
  .document
  .icon
  img {
  width: 100%;
}
.messages-for-shareholders-section
  .list
  .document-link
  .document-cont
  .document
  .text {
  font-size: 18px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  color: #637282;
  width: calc(100% - 32px);
  padding-left: 16px;
}
.link-container {
  text-align: center;
}
.link-container a {
  font-size: 18px;
  line-height: 1.33;
  color: #212225;
}
.compliance-intro-section {
  padding: 60px 0;
}
.compliance-intro-section h2 {
  font-size: 48px;
  font-family: "futurademic", sans-serif;
  line-height: 1;
  letter-spacing: 0.6px;
  color: #212225;
  margin-bottom: 24px;
}
.compliance-intro-section h3 {
  font-size: 18px;
  line-height: 1.33;
  font-weight: 300;
  color: #212225;
  max-width: 700px;
}
.principles-values-section {
  padding: 60px 0;
}
.principles-values-section .container {
  max-width: 700px;
  position: relative;
}
.principles-values-section .intro {
  background-color: #f9fbfd;
  padding: 24px 0;
  margin-bottom: 30px;
}
.principles-values-section .intro .container:after {
  position: absolute;
  content: "";
  right: -190px;
  bottom: -24px;
  width: 328px;
  height: 350px;
  background: url(/img/f-v-raiffeisen.png) 0 0 no-repeat;
}
.principles-values-section h2 {
  font-size: 40px;
  line-height: 1.2;
  color: #212225;
  font-family: "futurademic", sans-serif;
  max-width: 550px;
  margin-bottom: 24px;
}
.principles-values-section .description {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
  max-width: 550px;
}
.principles-values-section .description p {
  color: #637282;
  margin: 0;
}
.principles-values-section p {
  font-size: 18px;
  line-height: 1.33;
  color: #212225;
  margin-bottom: 24px;
}
.prohibited-operations-section {
  background-color: #f9fbfd;
  padding: 60px 0;
}
.prohibited-operations-section .container {
  max-width: 700px;
}
.prohibited-operations-section h2 {
  font-size: 40px;
  line-height: 1.2;
  color: #212225;
  font-family: "futurademic", sans-serif;
  text-align: center;
  margin-bottom: 24px;
}
.prohibited-operations-section .text-block p {
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 24px;
  color: #212225;
}
.prohibited-operations-section .text-block ul {
  margin-bottom: 24px;
}
.prohibited-operations-section .text-block ul li {
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 12px;
  color: #212225;
  position: relative;
  padding-left: 20px;
}
.prohibited-operations-section .text-block ul li:after {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background: #fce610;
}
.prohibited-operations-section .faq-section {
  padding: 0;
}
.prohibited-operations-section .faq-section ul li {
  padding-left: 20px;
}
.prohibited-operations-section .faq-section ul li:before {
  display: none;
}
.prohibited-operations-section .faq-section ul li:after {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background: #fce610;
}
.corruption-fighting-section {
  padding: 60px 0;
}
.corruption-fighting-section h2 {
  font-size: 48px;
  font-family: "futurademic", sans-serif;
  line-height: 1;
  letter-spacing: 0.6px;
  color: #212225;
  margin-bottom: 24px;
}
.corruption-fighting-section h3 {
  font-size: 18px;
  line-height: 1.33;
  font-weight: 300;
  color: #212225;
  max-width: 640px;
  margin-bottom: 60px;
}
.corruption-fighting-section .description-block {
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 60px;
}
.corruption-fighting-section .description-block h2 {
  text-align: center;
  font-size: 40px;
}
.corruption-fighting-section .description-block p {
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 24px;
  color: #212225;
}
.corruption-fighting-section .description-block ul {
  margin-bottom: 24px;
}
.corruption-fighting-section .description-block ul li {
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 12px;
  color: #212225;
  position: relative;
  padding-left: 20px;
}
.corruption-fighting-section .description-block ul li:after {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background: #fce610;
}
.EMA-recommendations-section {
  padding: 60px 0;
}
.EMA-recommendations-section h2 {
  font-size: 40px;
  font-family: "futurademic", sans-serif;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  margin-bottom: 24px;
}
.EMA-recommendations-section h3 {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.33;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 40px;
  text-align: center;
  color: #637282;
}
.EMA-recommendations-section .list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.EMA-recommendations-section .list .item {
  width: calc(33.33% - 30px);
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid #d7dbe5;
  text-decoration: none;
  padding: 24px;
  font-size: 28px;
  line-height: 1.21;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin: 0 15px;
  margin-bottom: 30px;
  min-height: 150px;
}
.EMA-recommendations-section .list .item:hover {
  background: #fce60f;
  border: 1px solid #fce60f;
}
.corruption-form-section {
  padding: 30px 0;
  margin-bottom: 60px;
}
.corruption-form-section .corruption-form {
  background-color: #f9fbfd;
  padding: 30px 20px;
}
.corruption-form-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  max-width: 720px;
  margin: 0 auto;
  margin-bottom: 16px;
}
.corruption-form-section h3 {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  font-weight: 300;
  max-width: 500px;
  margin: 0 auto;
  margin-bottom: 60px;
}
.corruption-form-section .form-field {
  max-width: 415px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.corruption-form-section .form-field label {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  color: #424242;
  display: block;
  margin-bottom: 5px;
}
.corruption-form-section .form-field label.error {
  color: #ed4337;
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 5px;
}
.corruption-form-section .form-field input[type="text"] {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
}
.corruption-form-section .form-field input[type="text"].error {
  border-color: #ed4337;
}
.corruption-form-section .form-field input[type="text"]:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
}
.corruption-form-section .form-field input[type="text"] + .checkbox-block,
.corruption-form-section
  .form-field
  input[type="text"]
  + label
  + .checkbox-block {
  margin-top: 6px;
}
.corruption-form-section .form-field input[type="text"]:disabled {
  border: solid 1px #767676 !important;
  opacity: 0.5;
}
.corruption-form-section .form-field input[type="text"]:disabled + label {
  display: none;
}
.corruption-form-section .form-field .select-container {
  width: 100%;
  height: 48px;
  position: relative;
}
.corruption-form-section .form-field .select-container:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #888888 transparent transparent transparent;
  top: 50%;
  right: 10px;
  margin-top: -1px;
  z-index: 1;
}
.corruption-form-section .form-field .select-container select::-ms-expand {
  display: none;
}
.corruption-form-section .form-field select {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.corruption-form-section .form-field textarea {
  width: 100%;
  height: 132px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 22px;
  padding: 16px;
  background: transparent;
}
.corruption-form-section .form-field textarea.error {
  border-color: #ed4337;
}
.corruption-form-section .form-field .checkbox-block label,
.corruption-form-section .form-field .checkbox-block + label + label {
  font-size: 14px;
  line-height: 18px;
  color: #212225;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  font-family: "futurabookc", sans-serif;
  margin-bottom: 0;
}
.corruption-form-section .form-field .checkbox-block label:after,
.corruption-form-section .form-field .checkbox-block + label + label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.corruption-form-section
  .form-field
  .checkbox-block
  input[type="checkbox"].error
  + label:after,
.corruption-form-section
  .form-field
  .checkbox-block
  input[type="checkbox"].error
  + label
  + label:after {
  background-color: #ffffff;
  border: solid 1px red;
}
.corruption-form-section
  .form-field
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after,
.corruption-form-section
  .form-field
  .checkbox-block
  input[type="checkbox"]:checked
  + label
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.corruption-form-section .personal-data-block {
  display: none;
}
.corruption-form-section .button-part {
  max-width: 415px;
  margin: 0 auto;
  text-align: right;
}
.courses-calculators-section {
  margin-bottom: 32px;
}
.courses-calculators-section .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.courses-calculators-section .half-part {
  width: calc(50% - 16px);
  border-radius: 4px;
  background-color: #f9fbfd;
  padding: 26px 32px;
  position: relative;
}
.courses-calculators-section .half-part .date-container {
  display: flex;
  align-items: center;
  height: 32px;
  position: absolute;
  top: 26px;
  right: 32px;
  width: 158px;
}
.courses-calculators-section .half-part .date-container img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  width: 16px;
}
.courses-calculators-section .half-part .date-container input {
  border: 1px solid #d3d8e2;
  font-size: 12px;
  line-height: 32px;
  text-align: left;
  color: #000000;
  border-radius: 4px;
  padding-left: 8px;
  height: 32px;
  width: 112px;
  background: none;
}
.courses-calculators-section .half-part .date-container span {
  font-size: 14px;
  line-height: 1.14;
  margin-right: 16px;
  color: #000000;
}
.courses-calculators-section .half-part .title {
  font-size: 22px;
  line-height: 1.09;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 32px;
}
.courses-calculators-section .half-part .bank-tariffs-info {
  font-size: 16px;
  color: #637282;
  margin-top: -25px;
  margin-bottom: 32px;
}
.courses-calculators-section .courses-tab-btns {
  display: flex;
  margin: 0 -32px;
  border-bottom: 1px solid rgba(39, 40, 45, 0.1);
  padding: 0 32px;
  margin-bottom: 24px;
}
.courses-calculators-section .courses-tab-btns .tab-btn {
  font-size: 18px;
  line-height: 1.33;
  text-decoration: none;
  color: #000000;
  margin-right: 32px;
}
.courses-calculators-section .courses-tab-btns .tab-btn.active {
  border-bottom: 2px solid #27282d;
}
.courses-calculators-section .courses-table-block:not(.active) {
  display: none;
}
.courses-calculators-section .courses-table-block table {
  width: 100%;
  margin-bottom: 16px;
}
.courses-calculators-section .courses-table-block table thead td {
  font-size: 16px;
  line-height: 1;
  color: #000000;
  padding: 8px 0;
  text-align: right;
}
.courses-calculators-section .courses-table-block table tbody td {
  font-size: 18px;
  line-height: 1.78;
  color: #000000;
  border-bottom: 1px dotted rgba(98, 89, 89, 0.36);
  padding: 8px 0;
  text-align: right;
  width: 100px;
  white-space: nowrap;
}
.courses-calculators-section .courses-table-block table tbody td span.up {
  width: 0;
  height: 0;
  border-style: solid;
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #8ed340 transparent;
}
.courses-calculators-section .courses-table-block table tbody td span.down {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
  border-color: #d64d4d transparent transparent transparent;
}
.courses-calculators-section .courses-table-block table tbody td:first-child {
  font-size: 18px;
  line-height: 1.33;
  color: #212225;
  width: calc(100% - 200px);
  text-align: left;
}
.currency-calculator-tab:not(.active) {
  display: none;
}
.currency-calculator-tab .calculator-block:first-child {
  margin-bottom: 40px;
}
.currency-calculator-tab .calculator-block .sub-title {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 1.33;
  color: #212225;
}
.currency-calculator-tab .calculator-block .popular-currencies {
  display: flex;
  margin-bottom: 18px;
}
.currency-calculator-tab
  .calculator-block
  .popular-currencies
  input[type="radio"] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.currency-calculator-tab .calculator-block .popular-currencies label {
  width: 40px;
  height: 20px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}
.currency-calculator-tab
  .calculator-block
  .popular-currencies
  input[type="radio"]:checked
  + label {
  color: #ffffff;
  background-color: #27282d;
}
.currency-calculator-tab .calculator-block .input-block {
  display: flex;
}
.currency-calculator-tab .calculator-block .input-block input[type="text"] {
  height: 48px;
  border-radius: 2px;
  border: solid 1px #e5eaee;
  font-size: 24px;
  width: calc(100% - 96px);
  padding: 0 16px;
  line-height: 46px;
}
.currency-calculator-tab .calculator-block .input-block .select-container {
  height: 48px;
  width: 96px;
  position: relative;
}
.currency-calculator-tab
  .calculator-block
  .input-block
  .select-container
  select {
  width: 100%;
  height: 48px;
  border-radius: 2px;
  border: solid 1px #e5eaee;
  font-size: 24px;
  color: #000;
  line-height: 46px;
  padding: 0 16px;
  padding-right: 24px;
  background: #e5eaee;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.currency-calculator-tab
  .calculator-block
  .input-block
  .select-container
  select::-ms-expand {
  display: none;
}
.currency-calculator-tab
  .calculator-block
  .input-block
  .select-container:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #888888 transparent transparent transparent;
  top: 50%;
  right: 10px;
  margin-top: -1px;
  z-index: 1;
}
.currency-info-section {
  padding: 40px 0;
}
.currency-info-section .container {
  max-width: 800px;
}
.currency-info-section h2 {
  font-size: 40px;
  font-family: "futurademic", sans-serif;
  line-height: 1.1;
  letter-spacing: normal;
  text-align: center;
  color: #212225;
  margin-bottom: 16px;
}
.currency-info-section h3 {
  font-size: 24px;
  line-height: 1.33;
  font-weight: 300;
  text-align: center;
  color: #637282;
  margin-bottom: 40px;
}
.currency-info-section p {
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 24px;
  color: #212225;
}
.currency-info-section ul {
  margin-bottom: 24px;
}
.currency-info-section ul li {
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 12px;
  color: #212225;
  position: relative;
  padding-left: 20px;
}
.currency-info-section ul li:after {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background: #fce610;
}
.all-currencies-section {
}
.all-currencies-section .all-currencies-block {
  border-radius: 4px;
  background-color: #f9fbfd;
  padding: 32px;
  margin-bottom: 60px;
}
.all-currencies-section .all-currencies-block .top {
  display: flex;
  margin-bottom: 46px;
}
.all-currencies-section .all-currencies-block .top .title {
  font-size: 22px;
  line-height: 1.09;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-right: auto;
}
.all-currencies-section .all-currencies-block .top .param-block {
  display: flex;
  align-items: center;
  margin-left: 40px;
}
.all-currencies-section .all-currencies-block .top .param-block span {
  font-size: 14px;
  line-height: 1.14;
  margin-right: 16px;
  color: #000000;
}
.all-currencies-section .all-currencies-block table {
  width: 100%;
}
.all-currencies-section .all-currencies-block table thead td {
  font-size: 18px;
  font-family: "futurademic", sans-serif;
  color: #000000;
  padding: 8px 0;
}
.all-currencies-section .all-currencies-block table tbody td {
  font-size: 18px;
  padding: 8px 0;
  color: #000000;
}
.all-currencies-section .all-currencies-block table tr td:nth-child(3),
.all-currencies-section .all-currencies-block table tr td:nth-child(4),
.all-currencies-section .all-currencies-block table tr td:nth-child(5) {
  text-align: right;
}
.all-currencies-section
  .all-currencies-block
  .top
  .param-block
  .select-container {
  height: 32px;
  position: relative;
}
.all-currencies-section
  .all-currencies-block
  .top
  .param-block
  .select-container:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #888888 transparent transparent transparent;
  top: 50%;
  right: 10px;
  margin-top: -1px;
  z-index: 1;
}
.all-currencies-section
  .all-currencies-block
  .top
  .param-block
  .select-container
  select::-ms-expand {
  display: none;
}
.all-currencies-section
  .all-currencies-block
  .top
  .param-block
  .select-container
  select {
  border: 1px solid #d3d8e2;
  background: none;
  font-size: 12px;
  line-height: 32px;
  text-align: left;
  color: #000000;
  height: 32px;
  position: relative;
  padding-right: 20px;
  z-index: 32;
  padding-left: 10px;
  -webkit-appearance: none;
  border-radius: 4px;
  -moz-appearance: none;
}
.all-currencies-section
  .all-currencies-block
  .top
  .param-block
  .date-container {
  width: 112px;
  height: 32px;
  position: relative;
}
.all-currencies-section
  .all-currencies-block
  .top
  .param-block
  .date-container
  img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  width: 16px;
}
.all-currencies-section
  .all-currencies-block
  .top
  .param-block
  .date-container
  input {
  border: 1px solid #d3d8e2;
  font-size: 12px;
  line-height: 32px;
  text-align: left;
  color: #000000;
  border-radius: 4px;
  padding-left: 8px;
  height: 32px;
  width: 112px;
  background: none;
}
.services-packages-section {
  padding-bottom: 80px;
}
.services-packages-section .services-packages-slider {
  width: 100%;
  max-width: 1024px;
  display: flex;
  position: relative;
}
.services-packages-section .services-packages-slider .slider-item {
  padding-top: 35px;
  padding-bottom: 35px;
}
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item {
  width: 255px;
  border: 1px solid #e0e6ed;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  cursor: pointer;
}
.services-packages-section
  .services-packages-slider
  .slider-item.active
  .package-item {
  box-shadow: 2px 4px 18px 0 rgba(152, 168, 186, 0.5);
  z-index: 2;
}
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item.customer-selection {
  background: #fffcd2;
}
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item
  .top {
  background-color: #f9fbfd;
  height: 130px;
  display: flex;
  padding: 30px;
  flex-direction: column;
}
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item
  .top
  .title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: auto;
}
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item
  .top
  .type {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #212225;
}
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item
  .middle {
  margin-bottom: auto;
}
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item
  .middle
  .feature {
  padding: 20px 15px;
}
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item
  .middle
  .feature
  .title {
  font-size: 16px;
  line-height: 1.1;
  text-align: center;
  color: #637282;
  margin-bottom: 8px;
}
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item
  .middle
  .feature
  .value {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #212225;
}
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item
  .middle
  .feature
  .value
  .check {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 10px;
  display: block;
  margin: 0 auto;
}
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item
  .bottom {
  background-color: #f9fbfd;
  height: 200px;
}
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item
  .bottom
  .service-cost {
  padding: 16px 10px;
}
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item
  .bottom
  .service-cost
  .title {
  font-size: 16px;
  line-height: 1.1;
  text-align: center;
  color: #637282;
  margin-bottom: 8px;
}
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item
  .bottom
  .service-cost
  .value {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #212225;
}
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item
  .bottom
  .free-months {
  background-color: #fffcd2;
  font-size: 18px;
  line-height: 30px;
  height: 30px;
  text-align: center;
  color: #212225;
  margin-bottom: 20px;
}
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item.customer-selection
  .top,
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item.customer-selection
  .bottom {
  background: #fff89c;
}
.services-packages-section
  .services-packages-slider
  .slider-item
  .package-item.customer-selection
  .customers {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  background-color: #fffcd2;
  font-size: 18px;
  line-height: 30px;
  height: 30px;
  text-align: center;
  color: #212225;
}
.services-packages-section
  .services-packages-slider
  .slider-item.active
  .package-item.customer-selection
  .customers {
  box-shadow: 2px -1px 11px 0 rgba(152, 168, 186, 0.5);
}

.services-packages-info {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;

  margin: auto;
  margin-bottom: 120px;

  width: 100%;
  min-height: 224px;

  padding: 40px;
  /* background: linear-gradient(to left, #FFF89D, #FFFCD2, #FFF89D); */
  background: url("/img/_private_var_mobile_Containers.jpeg");
  background-size: cover;
  background-repeat: no-repeat;

  text-decoration: none;
}

.services-packages-info .title {
  font-size: 32px;
  font-family: "futurademic", sans-serif;
  line-height: 1.45;
  color: #212225;
  margin-bottom: 8px;
}

.services-packages-info p {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.38;
  color: #212225;
  margin-bottom: 24px;
}
.services-packages-info .btn-info {
  padding-left: 42px;
  padding-right: 42px;
}

.sticky-bottom-packages-popup {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 13px;
  box-shadow: 0 -3px 18px 0 rgba(160, 164, 170, 0.19);
  background-color: #ffffff;
  z-index: 43;
}
.sticky-bottom-packages-popup .text {
  font-size: 18px;
  line-height: 0.89;
  font-family: "futurademic", sans-serif;
  color: #212225;
  width: 100%;
  max-width: 700px;
}
.sticky-bottom-packages-popup .btn.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.online-payment-menu-section {
  padding: 60px 0;
}
.online-payment-menu-section .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.online-payment-menu-section .list .item {
  border: 1px solid #d7dbe5;
  width: calc(33.33% - 20px);
  max-width: 320px;
  min-width: 280px;
  height: 170px;
  border-radius: 10px;
  font-size: 28px;
  line-height: 1.33;
  color: #000;
  font-family: "futurademic", sans-serif;
  text-decoration: none;
  padding: 24px 17px;
  background: #fff;
  margin: 0 10px;
  margin-bottom: 20px;
}
.online-payment-menu-section .list .item:hover {
  background: #fce60f;
}
.self-service-center-section {
  padding: 30px 0;
}
.self-service-center-section .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.self-service-center-section .container .image {
  width: 280px;
}
.self-service-center-section .container .text {
  width: calc(100% - 320px);
}
.self-service-center-section .container .text h2 {
  font-size: 40px;
  line-height: 1;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 24px;
}
.self-service-center-section .container .text .description {
}
.self-service-center-section .container .text .description p {
  font-size: 18px;
  line-height: 1.33;
  margin-bottom: 20px;
  color: #212225;
}
.cashbox-tariffs-section {
  padding: 60px 0;
}
.cashbox-tariffs-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 16px;
}
.cashbox-tariffs-section h3 {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.33;
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 40px;
  text-align: center;
  color: #637282;
}
.cashbox-tariffs-section table {
  width: 100%;
}
.cashbox-tariffs-section .table-mobile {
  display: none;
}
.cashbox-tariffs-section table tr {
}
.cashbox-tariffs-section table tr td {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #637282;
  padding: 10px;
  white-space: nowrap;
}
.cashbox-tariffs-section table tr:first-child td {
  font-family: "futurademic", sans-serif;
  color: #212225;
  border-bottom: 2px solid #e0e6ed;
}
.chart-wrapper {
  position: relative;
}
.chart-container {
  max-width: 1024px;
  margin: auto;
  background-color: #f9fbfd;
  font-family: "futurabookc", sans-serif;
  padding: 26px 32px;
}
.chart-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.chart-header--legend {
  justify-content: flex-end;
}
.chart-controls-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 18px;
}
.chart-header__info {
  display: flex;
}
.chart-header__title {
  font-weight: normal;
  font-size: 22px;
  font-family: "futurademic", sans-serif;
}
.font-info {
  color: #27282d;
  font-size: 14px;
  margin-right: 12px;
}
.currency-selector {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.currency-selection-wrapper {
  display: flex;
  align-items: center;
}
.currency-selection-wrapper .select-block {
  height: 32px;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #d3d8e2;
  position: relative;
}
.currency-selection-wrapper .select-block:after {
  content: "";
  position: absolute;
  right: 6px;
  top: 14px;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #767676 transparent transparent transparent;
}
.currency-selection-wrapper .select-block select {
  width: 100%;
  height: 32px;
  border: none;
  font-size: 16px;
  color: #000;
  position: relative;
  z-index: 2;
  padding: 0 10px;
  padding-right: 26px;
  background: transparent;
  line-height: 32px;
  -webkit-appearance: none;
}
.currency-selection-wrapper .select-block select::-ms-expand {
  display: none;
}
.stv-radio-tabs-wrapper {
  width: auto;
  min-width: 196px;
  clear: both;
  display: inline-block;
  position: relative;
}
input.stv-radio-tab {
  position: absolute;
  left: -99999em;
  top: -99999em;
}
input.stv-radio-tab + label {
  cursor: pointer;
  padding: 0.5em 0.93em;
  margin-right: -4px;
  cursor: pointer;
  width: 40px;
  height: 28px;
  font-size: 12px;
}
input.stv-radio-tab + label:hover {
  background-color: #e5e5e5;
}
input.stv-radio-tab:checked + label {
  background-color: #27282d;
  color: #fff;
  z-index: 1;
}
.currency-selector__chart-legend {
  display: flex;
  align-items: center;
  margin: 0 10px;
}
.chart-legend__buy {
  margin-right: 20px;
}
.chart-legend__circle-buy {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 6px;
  border: 2px solid #63ceca;
}
.chart-legend__circle-sell {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin: 6px;
  border: 2px solid #1c7fdd;
}
.chart-footer {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.date-selector {
  display: flex;
  align-items: center;
}
.date-selector .date-container {
  position: relative;
}
.date-selector .datepicker {
  border-radius: 2px;
  width: 112px;
  height: 32px;
  background-color: #ffffff;
  border: solid 1px #d3d8e2;
  text-indent: 10%;
  padding-right: 15px;
  font-size: 13px;
  line-height: 30px;
}
.date-selector .date-container img {
  width: 16px;
  height: 16px;
  right: 8px;
  bottom: 8px;
  top: auto;
}
.deposits-compare-slider {
  position: relative;
  margin-bottom: 60px;
}
.deposits-compare-slider .slider-item .deposit {
  border: 1px solid #e0e6ed;
  position: relative;
}
.deposits-compare-slider .slider-item .deposit.active:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 4px;
  border: 6px solid #ffef00;
}
.deposits-compare-slider .title-block {
  font-size: 20px;
  line-height: 1;
  text-align: center;
  font-family: "futurademic", sans-serif;
  color: #212225;
  padding: 16px;
  min-height: 100px;
  background-color: #f9fbfd;
  display: flex;
  justify-content: center;
  align-content: center;
}
.deposits-compare-slider .feature-list {
}
.deposits-compare-slider .feature-list .feature {
  padding: 16px;
}
.deposits-compare-slider .feature-list .feature:last-child {
  background-color: #f9fbfd;
}
.deposits-compare-slider .feature-list .feature .title {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #637282;
  margin-bottom: 8px;
}
.deposits-compare-slider .feature-list .feature.grey-bg {
  background-color: #f9fbfd;
  padding: 8px 16px;
}
.deposits-compare-slider .feature-list .feature.grey-bg .title {
  font-family: "futurademic", sans-serif;
  margin-bottom: 0;
}
.deposits-compare-slider .feature-list .feature .value {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #212225;
}
.deposits-compare-slider .feature-list .feature .value ul {
  max-width: 200px;
  margin: 0 auto;
}
.deposits-compare-slider .feature-list .feature .value ul li {
  font-size: 14px;
  line-height: 1.33;
  margin-bottom: 12px;
  color: #212225;
  position: relative;
  padding-left: 18px;
  text-align: left;
}
.deposits-compare-slider .feature-list .feature .value ul li:after {
  position: absolute;
  top: 4px;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background: #fce610;
}
.deposits-compare-slider .feature-list .feature .value .check {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 10px;
  display: inline-block;
}
.deposits-compare-slider:after {
  content: "";
  width: 72px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 12;
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.deposits-compare-slider:before {
  z-index: 12;
  content: "";
  width: 72px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
}
.deposits-compare-slider .slick-next {
  width: 58px;
  height: 58px;
  right: 0;
  margin-top: -29px;
  z-index: 33;
  background: url("/img/deposits-compare-next.svg") center no-repeat;
}
.deposits-compare-slider .slick-prev {
  width: 58px;
  height: 58px;
  left: 0;
  margin-top: -29px;
  z-index: 33;
  background: url("/img/deposits-compare-prev.svg") center no-repeat;
}
.deposits-compare-slider .slick-next:before,
.deposits-compare-slider .slick-prev:before {
  display: none;
}
.callback-section {
  padding: 60px 0;
}
.callback-section .callback-block {
  padding: 40px 100px;
  background: #f9fbfd;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.callback-section .callback-block .icon {
  width: 70px;
  height: 70px;
}
.callback-section .callback-block .text {
  font-size: 18px;
  line-height: 1.1;
  color: #637282;
  max-width: calc(100% - 200px);
  padding: 0 30px;
}
.financing-energy-efficiency-section {
  padding-top: 60px;
}
.financing-energy-efficiency-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 16px;
}
.financing-energy-efficiency-section h3 {
  font-family: "futurabookc", sans-serif;
  font-weight: 300;
  color: #637282;
  font-size: 16px;
  line-height: 1.1;
  max-width: 700px;
  text-align: center;
  margin: 0 auto;
}
.industry-section {
  padding: 60px 0;
  background-color: #f9fbfd;
}
.industry-section h2 {
  font-size: 32px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 40px;
}
.industry-section .industries-list {
  position: relative;
}
.industry-section .industries-list .item {
}
.industry-section .industries-list .item .title {
  color: #212225;
  font-size: 24px;
  line-height: 1.1;
  padding: 10px 20px;
  cursor: pointer;
  position: relative;
  width: 300px;
}
.industry-section .industries-list .item.active .title {
  font-family: "futurademic", sans-serif;
}
.industry-section .industries-list .item.active .title:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: #fce610;
}
.industry-section .industries-list .item .description {
  position: absolute;
  top: 0;
  left: 340px;
  width: calc(100% - 340px);
  display: none;
}
.industry-section .industries-list .item.active .description {
  display: block;
}
.industry-section .industries-list .item .description p {
  color: #212225;
  font-size: 24px;
  line-height: 1.1;
  margin-bottom: 24px;
}
.industry-section .industries-list .item .description ul {
}
.industry-section .industries-list .item .description ul li {
  font-size: 18px;
  line-height: 1;
  color: #212225;
  margin-bottom: 16px;
  position: relative;
  padding-left: 20px;
}
.industry-section .industries-list .item .description ul li:after {
  position: absolute;
  top: 4px;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background: #fce610;
}
.who-is-partner-section {
  background-color: #f9fbfd;
  min-height: 437px;
  margin-bottom: 60px;
}
.who-is-partner-section .partner-content {
  background: url("/img/bmcv.jpg") left bottom no-repeat;
  padding: 40px 0;
  padding-left: 320px;
  min-height: 437px;
}
.who-is-partner-section .partner-content h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  color: #212225;
  margin-bottom: 30px;
}
.who-is-partner-section .partner-content .description {
}
.who-is-partner-section .partner-content .description p {
  font-size: 22px;
  line-height: 1.27;
  color: #212225;
  margin-bottom: 16px;
}
.become-partner-section {
  padding: 60px 0;
}
.become-partner-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
  text-align: center;
  color: #212225;
}
.become-partner-section .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.become-partner-section .list .item {
  width: calc(33.33% - 70px);
}
.become-partner-section .list .item .number {
  opacity: 0.3;
  font-family: "futurademic", sans-serif;
  font-size: 72px;
  line-height: 0.67;
  text-align: center;
  color: #212225;
  margin-bottom: 40px;
}
.become-partner-section .list .item .title {
  font-size: 16px;
  line-height: 1.38;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 10px;
}
.become-partner-section .list .item .description {
  font-size: 14px;
  line-height: 1.29;
  text-align: center;
  color: #637282;
}
.become-partner-section .list .item .description a {
  color: #637282;
}
.rewards-amount-section {
  padding: 60px 0;
}
.rewards-amount-section h2 {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  margin-bottom: 40px;
  text-align: center;
  color: #212225;
}
.rewards-amount-section table {
  width: 100%;
  margin-bottom: 30px;
}
.rewards-amount-section table tr {
}
.rewards-amount-section table tr td {
  font-size: 16px;
  line-height: 1.5;
  color: #637282;
  border-bottom: 1px solid #e0e6ed;
  padding: 20px;
}
.rewards-amount-section table tr td strong {
  font-size: 18px;
}
.rewards-amount-section table tr td:first-child {
  color: #212225;
  border: none;
  padding-left: 0;
  font-family: "futurademic", sans-serif;
}
.rewards-amount-section .hint {
  font-size: 16px;
  line-height: 1.38;
  color: #212225;
  margin-bottom: 30px;
}
.rewards-amount-section .hint a {
  color: #212225;
}
.faq-section.partner-faq {
  background: none;
  padding: 0;
  margin-bottom: 0;
}
.order-form-section .order-form-block.partner-order-form form .form-field {
  max-width: 796px;
}
.order-form-section .order-form-block.partner-order-form form .double-fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 796px;
  margin: 0 auto;
}
.order-form-section
  .order-form-block.partner-order-form
  form
  .double-fields
  .form-field {
  width: calc(50% - 16px);
  margin: 0;
  margin-bottom: 32px;
}
.order-form-section .order-form-block.partner-order-form .form-title {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 4px;
}
.order-form-section .order-form-block.partner-order-form .form-subtitle {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  margin-bottom: 20px;
}
.order-form-section
  .order-form-block.partner-order-form
  form
  .form-inner-title {
  font-size: 24px;
  font-family: "futurademic", sans-serif;
  line-height: 1.33;
  margin-bottom: 16px;
  text-align: center;
  color: #212225;
  margin-top: 30px;
}
.order-form-section
  .order-form-block.partner-order-form
  form
  .form-inner-subtitle {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  margin-bottom: 24px;
  margin-top: -10px;
}
.order-form-section
  .order-form-block.partner-order-form
  form
  .partner-radio-block {
  margin-bottom: 10px;
}
.order-form-section
  .order-form-block.partner-order-form
  form
  .partner-radio-block
  input[type="radio"]
  + label,
.order-form-section
  .order-form-block.partner-order-form
  form
  .partner-radio-block
  input[type="radio"].error
  + label
  + label {
  font-size: 16px;
  line-height: 18px;
  color: #212225;
  font-family: "futurabookc", sans-serif;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  margin-right: 25px;
  margin-bottom: 5px;
}
.order-form-section
  .order-form-block.partner-order-form
  form
  .partner-radio-block
  input[type="radio"]
  + label:before,
.order-form-section
  .order-form-block.partner-order-form
  form
  .partner-radio-block
  input[type="radio"]
  + label
  + label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  opacity: 1;
  background-color: #fff;
  border: solid 1px #e8eef4;
  border-radius: 50%;
}
.order-form-section
  .order-form-block.partner-order-form
  form
  .partner-radio-block
  input[type="radio"].error
  + label
  + label:before,
.order-form-section
  .order-form-block.partner-order-form
  form
  .partner-radio-block
  input[type="radio"].error
  + label:before {
  border: solid 1px red;
}
.order-form-section
  .order-form-block.partner-order-form
  form
  .partner-radio-block
  input[type="radio"]:checked
  + label:before {
  background-color: #ffef00;
  border: solid 1px #ffef00;
}
.order-form-section
  .order-form-block.partner-order-form
  form
  .partner-radio-block
  input[type="radio"]:checked
  + label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  opacity: 1;
  background-color: #27282d;
  border-radius: 50%;
}
.block-link-section {
  padding-bottom: 60px;
}
.block-link-section .block-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f9fbfd;
  padding: 32px;
  margin-bottom: 24px;
}
.block-link-section .block-link .icon {
  width: 72px;
  height: 72px;
}
.block-link-section .block-link .text {
  width: calc(100% - 356px);
  font-size: 18px;
  line-height: 1.33;
  color: #212225;
}
.block-link-section .block-link .btn {
  width: 220px;
}
.order-step-section {
  padding: 30px 0 60px 0;
}
.order-step-section .steps-block {
  max-width: 600px;
  margin: 0 auto;
  height: 4px;
  border-radius: 12px;
  background-color: #ebecef;
  position: relative;
}
.order-step-section .steps-block .line {
  z-index: 2;
  width: 50%;
  position: absolute;
  height: 4px;
  border-radius: 12px;
  background-color: #ebecef;
  top: 0;
  left: 0;
}
.order-step-section .steps-block .line:nth-child(4) {
  left: 50%;
}
.order-step-section .steps-block .step {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  color: #637282;
  padding-top: 16px;
  z-index: 3;
  white-space: nowrap;
}
.order-step-section .steps-block .step:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border: solid 4px #ebecef;
  background-color: #ffffff;
  top: 2px;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.order-step-section .steps-block .step:nth-child(3) {
  left: 50%;
}
.order-step-section .steps-block .step:nth-child(5) {
  left: 100%;
}
.order-step-section .steps-block .step.active:after {
  border: solid 4px #fce610;
}
.order-step-section .steps-block .step.finished:after {
  border: solid 4px #fce610;
  background-color: #fce610;
}
.order-step-section .steps-block .step.finished + .line {
  background-color: #fce610;
}
.order-card-form-section {
  padding-bottom: 60px;
}
.order-card-form-section .grey-bg {
  border-radius: 4px;
  background-color: #f9fbfd;
  padding: 40px 80px;
  margin-bottom: 40px;
}
.order-card-form-section .form-title {
  font-size: 24px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 32px;
}
.order-card-form-section .form-subtitle {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  margin-top: -26px;
  color: #637282;
  margin-bottom: 40px;
}
.order-card-form-section .social-buttons {
  display: flex;
  width: 100%;
  max-width: 415px;
  margin: 0 auto;
  margin-bottom: 32px;
  justify-content: space-between;
}
.order-card-form-section .social-buttons a {
  font-size: 16px;
  line-height: 38px;
  color: #000000;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #c6cfda;
  background-color: #ffffff;
  text-decoration: none;
  padding: 0 16px;
  padding-left: 34px;
  letter-spacing: -0.25px;
  display: inline-block;
}
.order-card-form-section .social-buttons a.facebook {
  background: url("/img/facebook-ic.svg") 10px center no-repeat #ffffff;
}
.order-card-form-section .social-buttons a.google {
  background: url("/img/google-ic.svg") 10px center no-repeat #ffffff;
}
.three-column-form {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px;
}
.order-card-form-section .order-card-form-block form .form-field {
  width: 100%;
  max-width: 415px;
  margin: 0 auto;
  margin-bottom: 32px;
  position: relative;
}
.order-card-form-section .order-card-form-block .three-column-form .form-field {
  width: calc(33.33% - 32px);
  margin: 0 16px;
  margin-bottom: 32px;
}
.order-card-form-section .order-card-form-block form .form-field label {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  color: #424242;
  display: block;
  margin-bottom: 5px;
}
.order-card-form-section .order-card-form-block form .form-field label span {
  font-size: 12px;
  font-family: "futurabookc", sans-serif;
  color: #637282;
  white-space: nowrap;
}
.order-card-form-section .order-card-form-block form .form-field label.error {
  color: #ed4337;
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 5px;
}
.order-card-form-section
  .order-card-form-block
  form
  .form-field
  input[type="text"] {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
  text-transform: uppercase;
}
.order-card-form-section
  .order-card-form-block
  form
  .form-field
  input[type="text"]:disabled {
  opacity: 0.5;
  background-color: #f8f8f8;
}
.order-card-form-section
  .order-card-form-block
  form
  .form-field
  input[type="text"]::placeholder {
  text-transform: none !important;
}
.order-card-form-section
  .order-card-form-block
  form
  .form-field
  input[type="text"]::-webkit-input-placeholder {
  text-transform: none !important;
}
.order-card-form-section
  .order-card-form-block
  form
  .form-field
  input[type="text"]:-moz-placeholder {
  text-transform: none !important;
}
.order-card-form-section
  .order-card-form-block
  form
  .form-field
  input[type="text"]::-moz-placeholder {
  text-transform: none !important;
}
.order-card-form-section
  .order-card-form-block
  form
  .form-field
  input[type="text"]:-ms-input-placeholder {
  text-transform: none !important;
}
.order-card-form-section
  .order-card-form-block
  form
  .form-field
  input[type="text"].error {
  border-color: #ed4337;
}
.order-card-form-section
  .order-card-form-block
  form
  .form-field
  .select-container {
  height: 40px;
  position: relative;
}
.order-card-form-section .order-card-form-block form .form-field select {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  padding-right: 24px;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.order-card-form-section
  .order-card-form-block
  form
  .form-field
  select::-ms-expand {
  display: none;
}
.order-card-form-section
  .order-card-form-block
  form
  .form-field
  select.select2-hidden-accessible.error
  + label.error {
  position: relative;
  top: 65px;
  margin-top: -10px;
}
.order-card-form-section
  .order-card-form-block
  form
  .form-field
  select.select2-hidden-accessible.error
  + label.error
  + .select2
  .select2-selection--single {
  border: solid 1px red;
}
.order-card-form-section
  .order-card-form-block
  form
  .form-field
  .select2-selection--single {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  background: none;
}
.order-card-form-section
  .order-card-form-block
  form
  .form-field
  .select2-selection--single
  .select2-selection__rendered {
  color: #767676;
  height: 48px;
  line-height: 46px;
  padding: 0 16px;
  padding-right: 24px;
}
.order-card-form-section
  .order-card-form-block
  form
  .form-field
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 48px;
}
.order-card-form-section
  .order-card-form-block
  form
  .form-field
  .select-container:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #888888 transparent transparent transparent;
  top: 50%;
  right: 10px;
  margin-top: -1px;
  z-index: 1;
}
.order-card-form-section .order-card-form-block form .form-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.order-card-form-section .order-card-form-block form .form-bottom .btn {
  height: 48px;
  width: 160px;
  padding: 11px 25px;
  line-height: 26px;
  font-size: 16px;
  font-family: inherit;
}
.order-card-form-section .order-card-form-block form .form-bottom .checkboxes {
  max-width: calc(100% - 270px);
}
.order-card-form-section
  .order-card-form-block
  form
  .form-bottom
  .checkbox-block {
  display: block;
  margin-bottom: 24px;
}
.order-card-form-section .order-card-form-block form .no-ipn-block {
  width: 100%;
  max-width: 415px;
  margin: 0 auto;
}
.order-card-form-section
  .order-card-form-block
  .three-column-form
  .no-ipn-block {
  width: calc(66.66% - 32px);
  margin: 0 16px;
  margin-bottom: 32px;
  max-width: inherit;
  display: flex;
  justify-content: space-between;
}
.order-card-form-section
  .order-card-form-block
  .three-column-form
  .no-ipn-block
  .form-field {
  width: calc(50% - 16px);
  margin: 0;
  margin-bottom: 32px;
}
.order-card-form-section
  .order-card-form-block
  .three-column-form
  .no-ipn-block
  .documents-fields {
  width: calc(50% - 16px);
  margin: 0;
  margin-bottom: 32px;
}
.order-card-form-section
  .order-card-form-block
  .three-column-form
  .no-ipn-block
  .documents-fields
  .form-field {
  width: 60%;
}
.order-card-form-section
  .order-card-form-block
  .three-column-form
  .no-ipn-block
  .documents-fields
  .form-field:first-child {
  width: calc(40% - 16px);
}
.order-card-form-section .order-card-form-block form .radioboxes {
}
.order-card-form-section
  .order-card-form-block
  form
  .radiobox-block
  input[type="radio"]
  + label {
  font-size: 16px;
  line-height: 18px;
  color: #212225;
  font-family: "futurabookc", sans-serif;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  margin-right: 25px;
  margin-bottom: 5px;
}
.order-card-form-section
  .order-card-form-block
  form
  .radiobox-block
  input[type="radio"]
  + label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  opacity: 1;
  background-color: #fff;
  border: solid 1px #e8eef4;
  border-radius: 50%;
}
.order-card-form-section
  .order-card-form-block
  form
  .radiobox-block
  input[type="radio"]:checked
  + label:before {
  background-color: #ffef00;
}
.order-card-form-section
  .order-card-form-block
  form
  .radiobox-block
  input[type="radio"]:checked
  + label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  opacity: 1;
  background-color: #27282d;
  border-radius: 50%;
}
.order-card-form-section .order-card-form-block form .checkbox-block label {
  font-size: 16px;
  line-height: 18px;
  color: #212225;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  font-family: "futurabookc", sans-serif;
  margin-bottom: 0;
}
.order-card-form-section
  .order-card-form-block
  form
  .checkbox-block
  label
  span
  p {
  display: inline-block;
}
.order-card-form-section
  .order-card-form-block
  form
  .checkbox-block
  label
  + span {
  font-size: 14px;
  color: #637282;
}
.order-card-form-section
  .order-card-form-block
  form
  .checkbox-block
  label
  + span
  p {
  display: inline-block;
}
.order-card-form-section
  .order-card-form-block
  form
  .checkbox-block
  label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.order-card-form-section
  .order-card-form-block
  form
  .checkbox-block
  input[type="checkbox"].error
  + label
  + label:after {
  border: solid 1px red;
}
.order-card-form-section
  .order-card-form-block
  form
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.order-card-form-section
  .order-card-form-block
  form
  .checkbox-block
  input[type="checkbox"]:checked
  + label
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.order-card-form-section
  .order-card-form-block
  form
  .form-field
  input[type="text"]:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
  background: #fff;
}
.order-card-form-section .order-card-form-block form .no-ipn-checkbox {
  margin-top: 10px;
}
.order-card-form-section .order-card-form-block form .step2-form {
  max-width: 590px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.order-card-form-section .order-card-form-block form .step2-form .card-image {
  width: 276px;
  position: relative;
  padding-bottom: 100px;
}
.order-card-form-section
  .order-card-form-block
  form
  .step2-form
  .card-image
  img {
  display: block;
  width: 276px;
  box-shadow: 0 6px 13px 0 rgba(69, 73, 79, 0.5);
  overflow: hidden;
  border-radius: 10px;
}
.order-card-form-section
  .order-card-form-block
  form
  .step2-form
  .card-image
  .full-name {
  position: absolute;
  top: 145px;
  left: 29px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
  font-size: 14px;
  color: #f9fbfd;
  text-transform: uppercase;
}
.order-card-form-section
  .order-card-form-block
  form
  .step2-form
  .card-image
  .currency-radios {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
}
.order-card-form-section
  .order-card-form-block
  form
  .step2-form
  .card-image
  .currency-radios
  .text {
  font-size: 14px;
  text-align: center;
  margin-bottom: 14px;
  line-height: 1.14;
  color: #637282;
}
.order-card-form-section
  .order-card-form-block
  form
  .step2-form
  .card-image
  .currency-radios
  .radioboxes {
  width: 88px;
  height: 32px;
  padding: 2px;
  border-radius: 4px;
  margin: 0 auto;
  background-color: #eaeff3;
  display: flex;
  justify-content: center;
}
.order-card-form-section
  .order-card-form-block
  form
  .step2-form
  .card-image
  .currency-radios
  .radioboxes
  .radiobox-block {
  width: 40px;
  height: 28px;
}
.order-card-form-section
  .order-card-form-block
  form
  .step2-form
  .card-image
  .currency-radios
  .radioboxes
  .radiobox-block
  input[type="radio"]
  + label {
  border-radius: 4px;
  background-color: transparent;
  width: 40px;
  height: 28px;
  font-size: 12px;
  text-align: center;
  line-height: 28px;
  color: #000000;
  padding: 0;
}
.order-card-form-section
  .order-card-form-block
  form
  .step2-form
  .card-image
  .currency-radios
  .radioboxes
  .radiobox-block
  input[type="radio"]:checked
  + label {
  background-color: #27282d;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.3);
  color: #ffffff;
}
.order-card-form-section
  .order-card-form-block
  form
  .step2-form
  .card-image
  .currency-radios
  .radioboxes
  .radiobox-block
  input[type="radio"]
  + label:before,
.order-card-form-section
  .order-card-form-block
  form
  .step2-form
  .card-image
  .currency-radios
  .radioboxes
  .radiobox-block
  input[type="radio"]
  + label:after {
  display: none !important;
}
.order-card-form-section .order-card-form-block form .step2-form .form-fields {
  width: 275px;
}
.order-card-form-section
  .order-card-form-block
  form
  .step2-form
  .documents-fields {
  display: flex;
}
/*.order-card-form-section .order-card-form-block form .step2-form .documents-fields.active{*/
/*display: flex;*/
/*}*/
.order-card-form-section
  .order-card-form-block
  form
  .step2-form
  .documents-fields
  .form-field {
  width: 48% !important;
}
.order-card-form-section .order-card-form-block form .step3-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
}
.order-card-form-section
  .order-card-form-block
  form
  .step3-form
  .address-block {
  width: calc(100% - 445px);
}
.order-card-form-section
  .order-card-form-block
  form
  .step3-form
  .address-map-block {
  width: 415px;
}

.order-card-form-section .order-card-form-block form .documents-fields {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.order-card-form-section
  .order-card-form-block
  form
  .documents-fields
  .form-field {
  width: 60%;
  margin: 0;
}
.order-card-form-section
  .order-card-form-block
  form
  .documents-fields
  .form-field:first-child {
  width: calc(40% - 20px);
}
.order-card-form-section .order-card-form-block form .form-field .hint {
  font-size: 12px;
  line-height: 1.33;
  color: #637282;
  margin-top: 3px;
}
.success-error-page {
  padding-top: 100px;
}
.success-error-page .image {
  text-align: center;
}
.success-error-page .image img {
  max-width: 100%;
}
.success-error-page .success-title {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #4baf50;
  max-width: 500px;
  margin: 0 auto 16px;
}
.success-error-page .error-title {
  font-size: 40px;
  line-height: 1.2;
  font-family: "futurademic", sans-serif;
  text-align: center;
  margin-bottom: 16px;
  color: #ed4337;
}
.success-error-page .description {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  padding: 0 20px;
  font-weight: 300;
  max-width: 560px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.success-error-page .buttons-container {
  text-align: center;
  margin-bottom: 60px;
}
.success-error-page .buttons-container .btn {
  margin: 0 20px;
  width: 180px;
}
.success-error-page .buttons-container .btn:first-child {
  margin-bottom: 20px;
}
.call-popup-title {
  font-size: 24px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 8px;
  padding-top: 40px;
}
.call-popup-description {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  margin-bottom: 32px;
}
.call-popup-image {
  text-align: center;
  margin-bottom: 32px;
}
.mobile-app-block {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
  background-color: #231f20;
  display: none;
  padding-right: 20px;
  padding-left: 10px;
  z-index: 3232;
}
.mobile-app-block.show {
  display: flex;
  align-items: center;
}
.mobile-app-block .close {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: url("/img/close-mobile-app.svg") center no-repeat;
}
.mobile-app-block .icon {
  width: 40px;
  height: 40px;
  margin-right: 15px;
}
.mobile-app-block .icon img {
  display: block;
}
.mobile-app-block .text {
  font-size: 12px;
  line-height: 1.17;
  color: #ffffff;
  width: 100px;
}
.mobile-app-block .button {
  margin-left: auto;
}
.mobile-app-block .button .btn {
  font-size: 12px;
  height: 28px;
  line-height: 14px;
  padding: 6px 16px;
}
.additional-questionnaire-page h1 {
  font-size: 40px;
  font-family: futurademic, sans-serif;
  line-height: 1;
  letter-spacing: 0.6px;
  color: #212225;
  max-width: 700px;
  margin-bottom: 24px;
}
.additional-questionnaire-page .description {
  font-size: 18px;
  max-width: 550px;
  margin-bottom: 64px;
  line-height: 1.33;
  letter-spacing: normal;
  color: #212225;
}
.big-form-container {
  max-width: 798px;
  margin: 0 auto;
}
.big-form-container.long {
  max-width: none;
}
.big-form-container .big-form-step {
  border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  background-color: #f9fbfd;
  padding: 16px 24px;
  margin-bottom: 16px;
  position: relative;
}
.big-form-container.long .big-form-step {
  border-radius: inherit;
  border: none;
}
.big-form-container .big-form-step .step-title {
  font-size: 24px;
  line-height: 1.33;
  font-family: "futurademic", sans-serif;
  color: #212225;
}
.big-form-container .big-form-step.open .step-title {
  margin-bottom: 24px;
}
.big-form-container.long .big-form-step .step-title {
  text-align: center;
  margin-top: 40px;
}
.big-form-container .big-form-step.finished:after {
  position: absolute;
  top: 20px;
  right: 24px;
  content: "";
  background: url("/img/finished_form.svg") center no-repeat;
  width: 24px;
  height: 24px;
}
.big-form-container .big-form-step form {
  max-width: 415px;
  margin: 0 auto;
  display: none;
}
/*.big-form-container .big-form-step form .residence-block{*/
/*display: none;*/
/*}*/
.big-form-container .big-form-step.open form {
  display: block;
}
.big-form-container .big-form-step form .form-block-title {
  font-size: 18px;
  line-height: 1.78;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
  margin-bottom: 32px;
}
.big-form-container .big-form-step form .form-buttons {
  margin-bottom: 32px;
  display: flex;
}
.big-form-container .big-form-step form .form-buttons .btn {
  height: 48px;
  line-height: 34px;
}
.big-form-container .big-form-step form .form-buttons button {
  margin-left: auto;
}
.big-form-container .big-form-step form .document-fields {
  display: none;
}
.big-form-container .big-form-step form .document-fields.active {
  display: block;
}
.big-form-container .big-form-step form .form-field {
  margin-bottom: 32px;
  width: 100%;
  position: relative;
}
.big-form-container .big-form-step form .passport-fields {
  display: flex;
  justify-content: space-between;
}
.big-form-container .big-form-step form .passport-fields .form-field {
  width: calc(65% - 8px);
}
.big-form-container
  .big-form-step
  form
  .passport-fields
  .form-field:first-child {
  width: calc(35% - 8px);
}
.big-form-container .big-form-step form .double-fields {
  display: flex;
  justify-content: space-between;
}
.big-form-container .big-form-step form .double-fields .form-field {
  width: calc(50% - 8px);
}
.big-form-container .big-form-step form .form-field label {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  color: #424242;
  display: block;
  margin-bottom: 8px;
}
.big-form-container .big-form-step form .form-field label span {
  font-size: 12px;
  font-family: "futurabookc", sans-serif;
  color: #637282;
}
.big-form-container .big-form-step form .form-field label.error {
  color: #ed4337;
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 5px;
}
.big-form-container .big-form-step form .form-field input[type="text"] {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
  text-transform: uppercase;
}
.big-form-container
  .big-form-step
  form
  .form-field
  input[type="text"]::placeholder {
  text-transform: none;
}
.big-form-container
  .big-form-step
  form
  .form-field
  input[type="text"]::-webkit-input-placeholder {
  text-transform: none;
}
.big-form-container
  .big-form-step
  form
  .form-field
  input[type="text"]:-ms-input-placeholder {
  text-transform: none;
}
.big-form-container
  .big-form-step
  form
  .form-field
  input[type="text"]:disabled {
  opacity: 0.5;
  background-color: #f8f8f8;
}
.big-form-container .big-form-step form .form-field input[type="text"].error {
  border-color: #ed4337;
}
.big-form-container .big-form-step form .form-field input[type="text"]:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
}
.big-form-container .big-form-step form .form-field .select-container {
  height: 48px;
  position: relative;
}
.big-form-container .big-form-step form .form-field .select-container:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #888888 transparent transparent transparent;
  top: 50%;
  right: 10px;
  margin-top: -1px;
  z-index: 1;
}
.big-form-container .big-form-step form .form-field select::-ms-expand {
  display: none;
}
.big-form-container .big-form-step form .form-field select {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.big-form-container .big-form-step form .form-field select:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
}
.big-form-container .big-form-step form .form-field .datepicker-block {
  position: relative;
}
.big-form-container .big-form-step form .form-field .datepicker-block img {
  position: absolute;
  top: 15px;
  right: 15px;
}
.big-form-container .big-form-step form .form-field .no-ipn-checkbox {
  margin-top: 10px;
}
.big-form-container .big-form-step form .checkboxes {
}
.big-form-container .big-form-step form .checkbox-block {
  display: inline-block;
  margin-right: 40px;
}
.big-form-container .big-form-step form .checkboxes .checkbox-block {
  display: block;
  margin-right: 0;
  margin-bottom: 20px;
}
.big-form-container .big-form-step form .checkbox-block label {
  font-size: 14px;
  line-height: 18px;
  color: #212225;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  font-family: "futurabookc", sans-serif;
  margin-bottom: 0;
}
.big-form-container .big-form-step form .checkbox-block label > span {
  display: inline-block;
}
.big-form-container .big-form-step form .checkbox-block label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.big-form-container
  .big-form-step
  form
  .checkbox-block
  input[type="checkbox"].error
  + label
  + label:after {
  border: solid 1px red;
}
.big-form-container
  .big-form-step
  form
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after,
.big-form-container
  .big-form-step
  form
  .checkbox-block
  input[type="checkbox"]:checked
  + label
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.big-form-container .big-form-step form .radioboxes {
  display: flex;
}
.big-form-container .big-form-step form .radioboxes.rows {
  display: block;
}
.big-form-container .big-form-step form .radiobox-block {
  margin-right: 30px;
}
.big-form-container .big-form-step form .radioboxes.rows .radiobox-block {
  margin: 0;
  margin-bottom: 10px;
}
.big-form-container .big-form-step form .radiobox-block label {
  font-size: 14px;
  line-height: 18px;
  color: #212225;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  font-family: "futurabookc", sans-serif;
}
.big-form-container .big-form-step form .radiobox-block label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  opacity: 1;
  background-color: #fff;
  border: solid 1px #e8eef4;
  border-radius: 50%;
}
.big-form-container
  .big-form-step
  form
  .radiobox-block
  input:checked
  + label:before {
  background-color: #ffef00;
}
.big-form-container
  .big-form-step
  form
  .radiobox-block
  input:checked
  + label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  opacity: 1;
  background-color: #27282d;
  border-radius: 50%;
}
.big-form-container .big-form-step form .documents-fields {
  /*display: none;*/
}
.big-form-container .big-form-step form .documents-fields.active {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.big-form-container
  .big-form-step
  form
  .documents-fields
  .double-fields
  .form-field {
  width: 60%;
  margin: 0;
  margin-bottom: 32px;
}
.big-form-container
  .big-form-step
  form
  .documents-fields
  .double-fields
  .form-field:first-child {
  width: calc(40% - 20px);
}
.big-form-container .big-form-step form .form-field .hint {
  font-size: 12px;
  line-height: 1.33;
  color: #637282;
  margin-top: 3px;
}
.big-form-container .big-form-step .social-buttons {
  display: flex;
  width: 100%;
  max-width: 415px;
  margin: 0 auto;
  margin-bottom: 32px;
  justify-content: space-between;
}
.big-form-container .big-form-step .social-buttons a {
  font-size: 16px;
  line-height: 38px;
  color: #000000;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #c6cfda;
  background-color: #ffffff;
  text-decoration: none;
  padding: 0 16px;
  padding-left: 34px;
  letter-spacing: -0.25px;
  display: inline-block;
}
.big-form-container .big-form-step .social-buttons a.facebook {
  background: url("/img/facebook-ic.svg") 10px center no-repeat #ffffff;
}
.big-form-container .big-form-step .social-buttons a.google {
  background: url("/img/google-ic.svg") 10px center no-repeat #ffffff;
}
.schedule-map-popup {
  border-radius: 4px;
  box-shadow: 0 6px 13px 0 rgba(194, 206, 226, 0.5);
  border: solid 1px #f9fbfd;
  background-color: #ffffff;
  width: 340px;
  padding: 24px;
  position: fixed;
  z-index: 97;
  top: 210px;
  right: 52px;
}
.schedule-map-popup .popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.schedule-map-popup .popup-close img {
  width: 100%;
}
.schedule-map-popup .popup-text {
}
.schedule-map-popup .popup-text h2 {
  font-size: 22px;
  line-height: 1.45;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 12px;
}
.schedule-map-popup .popup-text p {
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
}
.narrow-page-content-section {
  padding-top: 24px;
  padding-bottom: 24px;
}
.narrow-page-content-section .intro {
  background-color: #f9fbfd;
  padding-top: 48px;
  padding-bottom: 12px;
  margin-bottom: 24px;
}
.narrow-page-content-section .intro .container {
  position: relative;
}
.narrow-page-content-section .intro .container:after {
  content: "";
  position: absolute;
  width: 140px;
  height: 140px;
  top: 0;
  left: 20px;
  background: url("/img/id.svg") top left no-repeat;
}
.narrow-page-content-section .article {
  max-width: 714px;
  width: 100%;
}
.narrow-page-content-section .article.m-left {
  padding-left: 164px;
  max-width: 878px;
}
.narrow-page-content-section .article h2 {
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 16px;
}
.narrow-page-content-section .article p {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
  margin-bottom: 24px;
}
.narrow-page-content-section .article a {
}
.narrow-page-content-section .article ul {
  margin-bottom: 19px;
}
.narrow-page-content-section .article ul li {
  font-size: 16px;
  line-height: 1.2;
  color: #212225;
  padding-left: 20px;
  position: relative;
  margin-bottom: 5px;
}
.narrow-page-content-section .article ul li:after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #fce610;
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  border-radius: 50%;
}
.necessary-iban-section {
  padding-bottom: 56px;
}
.necessary-iban-section h2 {
  font-size: 32px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-family: "futurademic", sans-serif;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
  margin-bottom: 32px;
}
.necessary-iban-section .list {
  display: flex;
  justify-content: space-between;
}
.necessary-iban-section .list .item {
  position: relative;
  padding-left: 64px;
  padding-right: 12px;
  width: 25%;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #212225;
}
.necessary-iban-section .list .item:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: url("/img/checked.svg") center #feeb36 no-repeat;
  top: 0;
  left: 0;
  background-size: 20px;
}
.new-iban-calc-section {
  padding: 56px 0;
  background-color: #f9fbfd;
  margin-bottom: 24px;
}
.new-iban-calc-section .container {
  max-width: 800px;
}
.new-iban-calc-section h2 {
  font-size: 32px;
  font-family: "futurademic", sans-serif;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
  margin-bottom: 16px;
}
.new-iban-calc-section h3 {
  font-size: 16px;
  font-family: "futurabookc", sans-serif;
  font-weight: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
  max-width: 468px;
  margin-bottom: 44px;
}
.new-iban-calc-section .iban-calculator {
}
.new-iban-calc-section .iban-calculator form {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.new-iban-calc-section .iban-calculator form .btn {
  height: 48px;
  width: 180px;
}
.new-iban-calc-section .iban-calculator form input {
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  line-height: 46px;
  padding: 0 24px;
  color: #424242;
  background: transparent;
  width: calc(50% - 120px);
}
.new-iban-calc-section .iban-calculator .form-hint {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #212225;
}
.new-iban-calc-section .iban-calculator .iban-response {
  border: 1px solid #ebecef;
  border-radius: 4px;
  padding: 30px;
  margin-top: 16px;
}
.new-iban-calc-section .iban-calculator .iban-response .parameter {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
}
.new-iban-calc-section .iban-calculator .iban-response .parameter .name {
  font-size: 18px;
  line-height: 1.2;
  width: 200px;
  color: #637282;
}
.new-iban-calc-section .iban-calculator .iban-response .parameter .value {
  font-size: 18px;
  line-height: 1.2;
  color: #637282;
  width: calc(100% - 200px);
}
.search-city-container {
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  z-index: 43;
  border-radius: 2px;
  box-shadow: 0 6px 13px 0 rgba(194, 206, 226, 0.5);
  border: solid 1px #f9fbfd;
  background-color: #ffffff;
  transform: translateY(100%);
  padding: 16px 0;
}
.search-city-container .search-result-block {
  position: relative;
  max-height: 300px;
  overflow: hidden;
}
.search-city-container .search-result-block .result {
  padding: 16px 32px;
  position: relative;
  cursor: pointer;
}
.search-city-container .search-result-block .result:not(:first-child):after {
  content: "";
  position: absolute;
  top: 0;
  left: 32px;
  right: 32px;
  background: #e0e6ed;
  height: 1px;
}
.search-city-container .search-result-block .result:hover {
  background-color: #f9fbfd;
}
.slick-dots > li {
  display: inline-block;
}
.slick-dots > li:only-child {
  display: none;
}
.become-credit-intermediary-section {
  padding: 40px 0;
}
.become-credit-intermediary-section .content-block {
  border-radius: 4px;
  background-color: #f9fbfd;
  padding: 32px 24px;
}
.become-credit-intermediary-section .content-block p {
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
  margin-bottom: 24px;
}
.become-credit-intermediary-section .btn[data-popup] {
  margin-right: 24px;
  margin-bottom: 24px;
}
.credit-intermediary-list-section {
  padding: 40px 0;
}
.credit-intermediary-list-section .credit-intermediary-workers {
  position: relative;
}
.credit-intermediary-list-section .credit-intermediary-workers .search-block {
  position: absolute;
  top: 0;
  right: 20px;
  width: 380px;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .search-block
  form {
  position: relative;
  width: 380px;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .search-block
  form
  input[type="text"] {
  border: none;
  border-bottom: 2px solid #fce610;
  font-size: 18px;
  line-height: 32px;
  color: #637282;
  width: 380px;
  height: 34px;
  padding-right: 10px;
  padding-left: 44px;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .search-block
  form
  button {
  position: absolute;
  top: 0;
  left: 0;
  width: 34px;
  height: 34px;
  border: none;
  background: url("/img/group-4.svg") center no-repeat;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .search-block
  .search-result {
  position: absolute;
  left: 0;
  width: 380px;
  padding: 8px 0;
  border-radius: 4px;
  box-shadow: 0 6px 13px 0 rgba(194, 206, 226, 0.5);
  background-color: #ffffff;
  border: solid 1px #f9fbfd;
  z-index: 22323;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .search-block
  .search-result
  ul
  li {
  padding: 8px 16px;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .search-block
  .search-result
  ul
  li:hover {
  background: #f9fbfd;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .search-block
  .search-result
  ul
  li
  a {
  font-size: 18px;
  line-height: 1.33;
  text-decoration: none;
  color: #212225;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .search-block
  .search-result
  ul
  li
  a
  em {
  font-family: "futurademic", sans-serif;
  background-color: #fce610;
}
.credit-intermediary-list-section .credit-intermediary-workers .list {
}
.credit-intermediary-list-section .credit-intermediary-workers .list .region {
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .list
  .region
  .region-title {
  font-size: 32px;
  line-height: 1.25;
  font-family: "futurademic", sans-serif;
  color: #637282;
  margin-bottom: 48px;
}
.credit-intermediary-list-section .credit-intermediary-workers .list .item {
  display: flex;
  margin-bottom: 80px;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .list
  .item
  .image {
  width: 176px;
  margin-right: 48px;
  border-radius: 4px;
  overflow: hidden;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .list
  .item
  .image
  img {
  width: 100%;
  height: auto;
  display: block;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .list
  .item
  .info {
  width: calc(100% - 224px);
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .list
  .item
  .info
  .name {
  font-size: 32px;
  line-height: 1.25;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .list
  .item
  .info
  .position {
  font-size: 22px;
  font-family: "futurademic", sans-serif;
  margin-bottom: 1px;
  line-height: 1.45;
  color: #637282;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .list
  .item
  .info
  .contract {
  font-size: 12px;
  line-height: 1.67;
  color: #637282;
  margin-bottom: 16px;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .list
  .item
  .info
  ul {
  margin-bottom: 19px;
  display: flex;
  flex-wrap: wrap;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .list
  .item
  .info
  ul
  li {
  font-size: 16px;
  line-height: 1.2;
  color: #212225;
  padding-left: 20px;
  position: relative;
  margin-bottom: 5px;
  width: 100%;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .list
  .item
  .info
  ul
  li:after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #fce610;
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  border-radius: 50%;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .list
  .item
  .info
  .contacts {
  background-color: #f9fbfd;
  display: flex;
  padding: 2px 12px;
  flex-wrap: wrap;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .list
  .item
  .info
  .contacts
  > div {
  font-size: 16px;
  padding-left: 30px;
  margin: 5px 0;
  margin-right: 30px;
  line-height: 1.25;
  color: #212225;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .list
  .item
  .info
  .contacts
  .phone {
  background: url("/img/contact-phone.png") left center no-repeat;
}
.credit-intermediary-list-section
  .credit-intermediary-workers
  .list
  .item
  .info
  .contacts
  .address {
  background: url("/img/contact-loc.png") left center no-repeat;
}
.credit-intermediary-form-section {
  padding-top: 40px;
  padding-bottom: 80px;
}
.credit-intermediary-form-section form {
}
.credit-intermediary-form-section form .form-top {
  border-radius: 4px;
  background-color: #f9fbfd;
  padding: 48px;
  margin-bottom: 40px;
}
.credit-intermediary-form-section form .form-top .inner-container {
  max-width: 640px;
  margin: 0 auto;
}
.credit-intermediary-form-section h2 {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.credit-intermediary-form-section .description {
  font-size: 18px;
  line-height: 1.33;
  color: #637282;
  text-align: center;
  margin-bottom: 48px;
}
.credit-intermediary-form-section form .form-field {
  width: 100%;
  margin-bottom: 32px;
  position: relative;
}
.credit-intermediary-form-section form .double-fields {
  display: flex;
  justify-content: space-between;
}
.credit-intermediary-form-section form .double-fields .form-field {
  width: calc(50% - 16px);
}
.credit-intermediary-form-section form .form-field label {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  color: #424242;
  display: block;
  margin-bottom: 5px;
}
.credit-intermediary-form-section form .form-field label span {
  font-size: 14px;
  font-family: "futurabookc", sans-serif;
  color: #637282;
}
.credit-intermediary-form-section form .form-field label.error {
  color: #ed4337;
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 5px;
}
.credit-intermediary-form-section form .form-field input[type="text"] {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
  /*text-transform: uppercase;*/
}
.credit-intermediary-form-section form .form-field input[type="text"]:disabled {
  opacity: 0.5;
  background-color: #f8f8f8;
}
.credit-intermediary-form-section
  form
  .form-field
  input[type="text"]::placeholder {
  text-transform: none !important;
}
.credit-intermediary-form-section
  form
  .form-field
  input[type="text"]::-webkit-input-placeholder {
  text-transform: none !important;
}
.credit-intermediary-form-section
  form
  .form-field
  input[type="text"]:-moz-placeholder {
  text-transform: none !important;
}
.credit-intermediary-form-section
  form
  .form-field
  input[type="text"]::-moz-placeholder {
  text-transform: none !important;
}
.credit-intermediary-form-section
  form
  .form-field
  input[type="text"]:-ms-input-placeholder {
  text-transform: none !important;
}
.credit-intermediary-form-section form .form-field input[type="text"].error {
  border-color: #ed4337;
}
.credit-intermediary-form-section form .form-field .select-container {
  height: 48px;
  position: relative;
}
.credit-intermediary-form-section form .form-field select {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  padding-right: 24px;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.credit-intermediary-form-section form .form-field select::-ms-expand {
  display: none;
}
.credit-intermediary-form-section
  form
  .form-field
  select.select2-hidden-accessible.error
  + label.error {
  position: relative;
  top: 65px;
  margin-top: -10px;
}
.credit-intermediary-form-section
  form
  .form-field
  select.select2-hidden-accessible.error
  + label.error
  + .select2
  .select2-selection--single {
  border: solid 1px red;
}
.credit-intermediary-form-section form .form-field .select2-container {
  width: 100% !important;
}
.credit-intermediary-form-section form .form-field .select2-selection--single {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  background: none;
}
.credit-intermediary-form-section
  form
  .form-field
  .select2-selection--single
  .select2-selection__rendered {
  color: #767676;
  height: 48px;
  line-height: 46px;
  padding: 0 16px;
  padding-right: 24px;
}
.credit-intermediary-form-section
  form
  .form-field
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 48px;
}
.credit-intermediary-form-section form .form-field .select-container:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #888888 transparent transparent transparent;
  top: 50%;
  right: 8px;
  margin-top: -1px;
  z-index: 1;
}
.credit-intermediary-form-section form .checkbox-block label {
  font-size: 16px;
  line-height: 18px;
  color: #212225;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  font-family: "futurabookc", sans-serif;
  margin-bottom: 0;
}
.credit-intermediary-form-section form .checkbox-block label + span {
  font-size: 14px;
  color: #637282;
}
.credit-intermediary-form-section form .checkbox-block label + span p {
  display: inline-block;
}
.credit-intermediary-form-section form .checkbox-block label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.credit-intermediary-form-section
  form
  .checkbox-block
  input[type="checkbox"].error
  + label
  + label:after {
  border: solid 1px red;
}
.credit-intermediary-form-section
  form
  .checkbox-block
  input[type="checkbox"].error
  + label:after {
  border: solid 1px red;
}
.credit-intermediary-form-section
  form
  .checkbox-block
  input[type="checkbox"]:checked
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.credit-intermediary-form-section
  form
  .checkbox-block
  input[type="checkbox"]:checked
  + label
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.credit-intermediary-form-section form .form-field .checkbox-block {
  margin-top: 12px;
}
.credit-intermediary-form-section form .form-field input[type="text"]:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
  background: #fff;
}
.credit-intermediary-form-section form .form-field textarea {
  resize: none;
  width: 100%;
  height: 78px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 24px;
  padding: 5px 16px;
  background: transparent;
}
.credit-intermediary-form-section form .form-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.credit-intermediary-form-section form .form-bottom .btn {
  height: 48px;
  width: 160px;
  padding: 11px 25px;
}
.credit-intermediary-form-section form .form-bottom .checkboxes {
  max-width: calc(100% - 270px);
}
.credit-intermediary-form-section form .form-bottom .checkbox-block {
  display: block;
  margin-bottom: 24px;
}
.popup.popup-credit-intermediary {
  overflow-y: auto;
  padding-top: 151px;
  padding-bottom: 125px;
}

@media screen and (max-width: 1499px) {
  .popup.popup-credit-intermediary {
    padding: 90px 0;
  }
}

@media screen and (max-width: 1023px) {
  .popup.popup-credit-intermediary {
    padding: 50px 0;
  }
}

html body .popup.popup-credit-intermediary .popup-container {
  top: initial !important;
  left: initial !important;
  position: relative;
  transform: none !important;
  margin: 0 auto;
}

.popup.popup-credit-intermediary .popup-title {
  font-size: 40px;
  line-height: 1.2;
  text-align: center;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 8px;
}
.popup.popup-credit-intermediary .popup-subtitle {
  font-size: 18px;
  line-height: 1.33;
  text-align: center;
  color: #637282;
  margin-bottom: 48px;
}
.ci-tabs-btns {
  display: flex;
  border-bottom: 2px solid rgba(252, 230, 16, 0.1);
  max-width: 640px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.ci-tabs-btns .tab-btn {
  width: 50%;
  position: relative;
  text-decoration: none;
  padding-bottom: 10px;
}
.ci-tabs-btns .tab-btn.active:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 4px;
  background: #fce610;
}
.ci-tabs-btns .tab-btn p {
  font-size: 12px;
  line-height: 1.67;
  text-align: center;
  color: #637282;
}
.ci-tabs-btns .tab-btn p:first-child {
  font-size: 16px;
  color: #27282d;
}
.ci-tabs-btns .tab-btn.active p {
  font-family: "futurademic", sans-serif;
}
.ci-tab {
  display: none;
  max-width: 640px;
  margin: 0 auto;
}
.ci-tab.active {
  display: block;
}
.ci-tab form {
}
.ci-tab form .form-field {
  width: 100%;
  margin-bottom: 32px;
  position: relative;
}
.ci-tab form .double-fields {
  display: flex;
  justify-content: space-between;
}
.ci-tab form .double-fields .form-field {
  width: calc(50% - 16px);
}
.ci-tab form .form-field label {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  color: #424242;
  display: block;
  margin-bottom: 5px;
}
.ci-tab form .form-field label span {
  font-size: 12px;
  font-family: "futurabookc", sans-serif;
  color: #637282;
}
.ci-tab form .form-field label.error {
  color: #ed4337;
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 5px;
}
.ci-tab form .form-field input[type="tel"],
.ci-tab form .form-field input[type="phone"],
.ci-tab form .form-field input[type="email"],
.ci-tab form .form-field input[type="password"],
.ci-tab form .form-field input[type="text"] {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  background: transparent;
  /*text-transform: uppercase;*/
}
.ci-tab form .form-field input[type="text"]:disabled {
  opacity: 0.5;
  background-color: #f8f8f8;
}
.ci-tab form .form-field input[type="text"]::placeholder {
  text-transform: none !important;
}
.ci-tab form .form-field input[type="text"]::-webkit-input-placeholder {
  text-transform: none !important;
}
.ci-tab form .form-field input[type="text"]:-moz-placeholder {
  text-transform: none !important;
}
.ci-tab form .form-field input[type="text"]::-moz-placeholder {
  text-transform: none !important;
}
.ci-tab form .form-field input[type="text"]:-ms-input-placeholder {
  text-transform: none !important;
}
.ci-tab form .form-field input[type="tel"].error,
.ci-tab form .form-field input[type="phone"].error,
.ci-tab form .form-field input[type="email"].error,
.ci-tab form .form-field input[type="password"].error,
.ci-tab form .form-field input[type="text"].error {
  border-color: #ed4337;
}
.ci-tab form .form-field input[type="tel"]:focus,
.ci-tab form .form-field input[type="phone"]:focus,
.ci-tab form .form-field input[type="email"]:focus,
.ci-tab form .form-field input[type="password"]:focus,
.ci-tab form .form-field input[type="text"]:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
  background: #fff;
}
.ci-tab form .form-field .select-container {
  height: 48px;
  position: relative;
}
.ci-tab form .form-field select {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 46px;
  padding: 0 16px;
  padding-right: 24px;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.ci-tab form .form-field select::-ms-expand {
  display: none;
}
.ci-tab form .form-field select.select2-hidden-accessible.error + label.error {
  position: relative;
  top: 65px;
  margin-top: -10px;
}
.ci-tab
  form
  .form-field
  select.select2-hidden-accessible.error
  + label.error
  + .select2
  .select2-selection--single {
  border: solid 1px red;
}
.ci-tab form .form-field .select2-selection--single {
  width: 100%;
  height: 48px;
  border-radius: 4px;
  border: solid 1px #767676;
  background: none;
}
.ci-tab
  form
  .form-field
  .select2-selection--single
  .select2-selection__rendered {
  color: #767676;
  height: 48px;
  line-height: 46px;
  padding: 0 16px;
  padding-right: 24px;
}
.ci-tab
  form
  .form-field
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 48px;
}
.ci-tab form .form-field .select2-container {
  width: 100% !important;
}
.ci-tab form .form-field .select-container:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #888888 transparent transparent transparent;
  top: 50%;
  right: 8px;
  margin-top: -2px;
  z-index: 1;
}
.ci-tab form .form-field .additional-phone {
  margin-bottom: 20px;
}
.ci-tab form .form-field .additional-phone label {
  font-family: "futurabookc", sans-serif;
  font-size: 14px;
}
.ci-tab form .form-field .additional-phone .remove-phone {
  color: #ed4337;
  display: inline-block;
  margin-left: 5px;
}
.ci-tab form .form-field .additional-phone + .add-phone {
  color: #1c7fdd;
  display: inline-block;
  margin-top: -10px;
}
.ci-tab form .checkbox-block label {
  font-size: 16px;
  line-height: 18px;
  color: #212225;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  font-family: "futurabookc", sans-serif;
  margin-bottom: 0;
}
.ci-tab form .checkbox-block label + span {
  font-size: 14px;
  color: #637282;
}
.ci-tab form .checkbox-block label + span p {
  display: inline-block;
}
.ci-tab form .checkbox-block label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.ci-tab
  form
  .checkbox-block
  input[type="checkbox"].error
  + label
  + label:after {
  border: solid 1px red;
}
.ci-tab form .checkbox-block input[type="checkbox"].error + label:after {
  border: solid 1px red;
}
.ci-tab form .checkbox-block input[type="checkbox"]:checked + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.ci-tab
  form
  .checkbox-block
  input[type="checkbox"]:checked
  + label
  + label:after {
  background: url("/img/checked.svg") center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.ci-tab form .form-field .checkbox-block {
  margin-top: 12px;
}
.ci-tab form .form-field input[type="text"]:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
  background: #fff;
}
.ci-tab form .form-field textarea {
  resize: none;
  width: 100%;
  height: 78px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 24px;
  padding: 5px 16px;
  background: transparent;
}
.ci-tab form .form-field textarea:focus {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.09);
  border: solid 1px #1c7fdd;
  background: #fff;
}
.ci-tab form .upload-file-block {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 32px;
  position: relative;
}
.ci-tab form .upload-file-block .title {
  font-size: 16px;
  color: #637282;
  background: url("/img/skrepka.svg") 0 0 no-repeat;
  padding-left: 40px;
  line-height: 16px;
  margin-bottom: 8px;
  min-height: 24px;
}
.ci-tab form .upload-file-block .title span {
  font-size: 12px;
  font-family: "futurabookc", sans-serif;
  color: #637282;
}
.ci-tab form .upload-file-block .file-box {
  border-radius: 4px;
  padding: 10px;
  border: dashed 1px #97a4b1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
}
.ci-tab form .upload-file-block .file-box.over {
  background: #fff;
}
.ci-tab form .upload-file-block .file-box input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.ci-tab form .upload-file-block .file-box label {
  font-size: 16px;
  cursor: pointer;
  line-height: 1.5;
  text-align: center;
  color: #767676;
}
.ci-tab form .upload-file-block .file-box label span {
  color: #1c7fdd;
}
.ci-tab form .button-part {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ci-tab form .button-part .checkbox-block {
  width: calc(100% - 300px);
  margin-right: 0;
}
.ci-tab form .button-part .btn {
  width: 200px;
}

.conditions-crediting-section {
  padding: 52px 0 24px;
}
.conditions-crediting-section .title {
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
  margin-bottom: 40px;
}
.conditions-crediting-section .navbar {
  width: 100%;
  border-radius: 4px;
  border: solid 2px #e5eaee;
  background-color: #e5eaee;
  display: flex;
  justify-content: space-between;
  margin-bottom: 17px;
}
.conditions-crediting-section .navbar .navbar-item {
  width: calc(33.33% - 30px);
  min-width: 165px;
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #212225;
  padding: 6px 0;
  cursor: pointer;
}
.conditions-crediting-section .navbar .active {
  border-radius: 4px;
  box-shadow: 0 2px 7px 0 rgba(110, 150, 158, 0.22);
  background-color: #ffffff;
}
.conditions-crediting-section .b-info {
  padding: 12px 22px 14px 60px;
  border-radius: 4px;
  background-color: #f9fbfd;
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
  position: relative;
  margin-bottom: 24px;
}
.conditions-crediting-section .b-info:after {
  content: "!";
  font-family: "futurabookc", sans-serif;
  display: inline-block;
  border-radius: 50%;
  background-color: #97a4b1;
  color: #ffffff;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  left: 22px;
  top: calc(50% - 10px);
}
.conditions-crediting-section .table {
  display: none;
}
.conditions-crediting-section .table_active {
  display: block;
}
.conditions-crediting-section .table,
.sale-section .table {
  margin-bottom: 40px;
}
.conditions-crediting-section .table .row,
.sale-section .table .row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
}
.conditions-crediting-section .table .row:last-child,
.sale-section .table .row:last-child {
  margin-bottom: 0;
}
.conditions-crediting-section .table .row .col-left,
.sale-section .table .row .col-left {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
  padding-top: 16px;
  width: calc(100% - 714px);
  min-width: 125px;
  margin-bottom: 15px;
}
.conditions-crediting-section .table .row .col-right,
.sale-section .table .row .col-right {
  width: calc(100% - 246px);
  min-width: 311px;
  padding: 16px 24px 24px;
  border-radius: 4px;
  background-color: #f9fbfd;
}
.conditions-crediting-section .table .row .col-right .col-right__row,
.sale-section .table .row .col-right .col-right__row {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
  margin-bottom: 8px;
}
.conditions-crediting-section .table .row .col-right .col-right__row:last-child,
.sale-section .table .row .col-right .col-right__row:last-child {
  margin-bottom: 0;
}
.conditions-crediting-section .table .row .col-right .col-right__row .bold,
.sale-section .table .row .col-right .col-right__row .bold {
  font-family: "futurademic", sans-serif;
  font-weight: bold;
}
.conditions-crediting-section
  .table
  .row
  .col-right
  .col-right__row
  .col-right__row_litle,
.sale-section .table .row .col-right .col-right__row .col-right__row_litle {
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: normal;
  color: #212225;
  margin-top: 24px;
}
.conditions-crediting-section .b-btns {
  display: flex;
  justify-content: flex-end;
}
.conditions-crediting-section .b-btns .btn:first-child {
  margin-right: 24px;
}

.sale-section {
  padding: 24px 0 52px;
}
.sale-section .title {
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
  margin-bottom: 40px;
}
.sale-section .container > p {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
  margin-bottom: 25px;
}
.sale-section .container > p:last-child {
  margin-bottom: 0;
}

.parts-paying-benefits-section {
  padding: 30px 0;
}
.parts-paying-benefits-section h2 {
  font-size: 32px;
  line-height: 1.25;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 32px;
}
.dark-theme .parts-paying-benefits-section h2 {
  color: #fff;
}
.parts-paying-benefits-section .list-item {
  display: flex;
  justify-content: space-between;
}
.parts-paying-benefits-section .list-item .item {
  position: relative;
  padding-left: 64px;
  padding-right: 12px;
  width: 25%;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #212225;
}
.parts-paying-benefits-section .list-item .item:after {
  content: "";
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: url("/img/checked.svg") center #feeb36 no-repeat;
  top: 0;
  left: 0;
  background-size: 20px;
}
.parts-paying-benefits-section .list {
  counter-reset: section;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 64px;
}
.parts-paying-benefits-section .list .item {
  width: 33.33%;
  padding-left: 72px;
  position: relative;
  font-size: 16px;
  line-height: 1.2;
  min-height: 48px;
  color: #212225;
  padding-right: 40px;
}
.dark-theme .parts-paying-benefits-section .list .item {
  color: #fff;
}
.parts-paying-benefits-section .list .item:after {
  counter-increment: section;
  content: counter(section);
  width: 48px;
  height: 48px;
  background-color: #feeb36;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  line-height: 48px;
  font-family: "futurademic", sans-serif;
  text-align: center;
  color: #212225;
}
.parts-paying-benefits-section .list.black .item:after {
  background-color: #000000;
  color: #fff;
}
.parts-paying-benefits-section .list.check .item:after {
  content: "";
  background: url(/img/checked.svg) center #ffef00 no-repeat;
  background-size: 20px;
}
.parts-paying-benefits-section .list.four {
  margin-bottom: 0;
}
.parts-paying-benefits-section .list.four .item {
  width: 25%;
}
.parts-paying-benefits-section .lists {
  display: flex;
}
.parts-paying-benefits-section .lists .item {
  width: 100%;
}
.parts-paying-benefits-section .lists .item .title {
  font-size: 22px;
  font-family: "futurademic", sans-serif;
  color: #212225;
}
.parts-paying-benefits-section .lists .item .item-list {
  counter-reset: item;
  padding-left: 36px;
  padding-right: 24px;
  line-height: 1.26;
}
.parts-paying-benefits-section .lists .item .item-list p {
  position: relative;
  margin: 28px 0;
}
.parts-paying-benefits-section .lists .item .item-list p:before {
  counter-increment: item;
  content: counter(item);
  position: absolute;
  font-family: "futurademic", sans-serif;
  text-align: center;
  background: #ebecef;
  border-radius: 50%;
  color: #212225;
  font-size: 16px;
  top: 0;
  left: -36px;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.parts-paying-benefits-section .texts {
  max-width: 700px;
  margin-bottom: 20px;
}
.parts-paying-benefits-section .texts p {
  font-size: 16px;
  line-height: 1.2;
  text-align: left;
  color: #212225;
  margin-bottom: 20px;
}
.parts-paying-benefits-section .texts ul {
  margin-bottom: 20px;
  list-style: none;
}
.parts-paying-benefits-section .texts ul li {
  padding-left: 20px;
  position: relative;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.parts-paying-benefits-section .texts ul li:after {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background: #fce610;
}

.ways-get-loan-section {
  padding: 52px 0;
}
.ways-get-loan-section h2 {
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  line-height: 1.25;
  letter-spacing: normal;
  color: #212225;
  margin-bottom: 48px;
}
.ways-get-loan-section .list-item {
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.ways-get-loan-section .list-item .item {
  min-width: 200px;
  margin-bottom: 14px;
}

.lending-terms-section {
  padding: 40px 0;
}
.lending-terms-section h2 {
  font-size: 32px;
  line-height: 1.25;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 16px;
}
.lending-terms-section .description {
  font-size: 16px;
  line-height: 1.38;
  color: #212225;
  margin-bottom: 32px;
  max-width: 700px;
}
.lending-terms-section table {
  width: 100%;
}
.lending-terms-section table thead td {
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
  font-family: "futurademic", sans-serif;
  padding: 0 16px 16px 0;
}
.lending-terms-section table tbody td {
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
  padding: 0 16px 16px 0;
}

.about-fishka-section {
  padding: 48px 0 48px;
  background: #fffcd2;
}
.about-fishka-section .about-fishka-block {
  border-radius: 4px;
  position: relative;
  min-height: 122px;
}
.about-fishka-section .about-fishka-block.fishback {
  min-height: 310px;
}
.about-fishka-section .about-fishka-block .title {
  font-size: 32px;
  line-height: 1.25;
  color: #212225;
  max-width: 60%;
  font-family: "futurademic", sans-serif;
  margin-bottom: 16px;
}
.about-fishka-section .about-fishka-block .description {
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
  max-width: 60%;
  margin-bottom: 16px;
}
.about-fishka-section .about-fishka-block .btn {
  width: 160px;
}
.about-fishka-section .about-fishka-block img {
  position: absolute;
  bottom: -48px;
  right: 0;
  max-width: 40%;
  height: 220px;
}
.about-fishka-section .hint {
  font-size: 12px;
  line-height: 1.67;
  margin-top: 10px;
  color: #212225;
}
.partners-fishka-section {
  padding: 48px 0;
  background-image: linear-gradient(103deg, #fef5b0, #f5f5f0 78%, #f2ecb6);
}
.partners-fishka-section .partners-fishka-block {
  display: flex;
  flex-wrap: wrap;
}
.partners-fishka-section .partners-fishka-block .text {
  width: 45%;
  padding-right: 30px;
}
.partners-fishka-section .partners-fishka-block .title {
  font-size: 32px;
  line-height: 1.25;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 16px;
}
.partners-fishka-section .partners-fishka-block .description {
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
  margin-bottom: 16px;
}
.partners-fishka-section .partners-fishka-block .logos {
  width: 55%;
  text-align: right;
  display: flex;
  flex-wrap: wrap;
}
.partners-fishka-section .partners-fishka-block .logos .logo-item {
  width: 140px;
  padding: 20px;
  outline: 1px solid rgba(128, 128, 128, 0.04);
  display: flex;
  align-items: center;
  background: white;
}
.partners-fishka-section .partners-fishka-block .logos img {
  max-width: 100%;
  width: 100%;
  filter: grayscale(1);
  opacity: 0.5;
  transition: 0.4s;
}
.partners-fishka-section .partners-fishka-block .logos .logo-item:hover img {
  filter: grayscale(0);
  opacity: 1;
}
.fishka-online-section {
  padding: 64px 0;
}
.fishka-online-section .fishka-online-block {
  padding: 48px;
  background: url("/img/1087320-fo.jpg") center right no-repeat;
  background-size: cover;
  padding-left: 50%;
  border-radius: 4px;
  overflow: hidden;
}
.fishka-online-section .fishka-online-block .title {
  font-size: 32px;
  line-height: 1.25;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 16px;
}
.fishka-online-section .fishka-online-block .description {
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
  margin-bottom: 16px;
}
.calculated-points-section {
  padding: 48px 0;
  /*background-image: linear-gradient(109deg, #fef5b0, #f5f5f0 78%, #f2ecb6);*/
}
.calculated-points-section .calculated-points-block {
  display: flex;
}
.calculated-points-section .calculated-points-block .image {
  width: 50%;
}
.calculated-points-section .calculated-points-block .image img {
  max-width: 386px;
}
.calculated-points-section .calculated-points-block .text {
  width: 50%;
}
.calculated-points-section .calculated-points-block .text .title {
  font-size: 32px;
  line-height: 1.25;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 16px;
}
.calculated-points-section .calculated-points-block .text p {
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 20px;
}
.calculated-points-section .calculated-points-block .text ul {
  margin-bottom: 20px;
  list-style: none;
}
.calculated-points-section .calculated-points-block .text ul li {
  padding-left: 20px;
  position: relative;
  font-size: 16px;
  line-height: 1.45;
  margin-bottom: 20px;
  color: #000;
}
.calculated-points-section .calculated-points-block .text ul li strong {
  font-size: 22px;
}
.calculated-points-section .calculated-points-block .text ul li:after {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50%;
  background: #000;
}
.mob-app-section {
  padding: 64px 0;
}
.mob-app-section .mob-app-block {
  display: flex;
  flex-wrap: wrap;
}
.mob-app-section .mob-app-head {
  font-size: 16px;
  color: #212225;
  max-width: 600px;
}
.mob-app-section .mob-app-head .title {
  font-size: 32px;
  line-height: 1.25;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 16px;
  width: 100%;
}
.mob-app-section .mob-app-head .buttons {
  display: flex;
  margin-bottom: 40px;
  margin-top: 20px;
}
.mob-app-section .mob-app-head .buttons .app-btn {
  margin-right: 20px;
  max-width: 130px;
}
.mob-app-section .mob-app-head .buttons .app-btn img {
  width: 100%;
}
.mob-app-section .mob-app-block .image {
  width: 40%;
}
.mob-app-section .mob-app-block .image img {
  max-width: 100%;
}

.mob-app-section .mob-app-block .app-features {
  display: flex;
  flex-wrap: wrap;
  width: 60%;
  padding-right: 8px;
}
.mob-app-section .mob-app-block .app-features .item {
  font-size: 16px;
  line-height: 1.5;
  color: #212225;
  padding: 0 24px;
  margin-bottom: 16px;
  min-height: 48px;
  position: relative;
}
.mob-app-section .mob-app-block .app-features .item:before {
  content: "";
  background: #feeb36;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  left: 0;
  width: 8px;
  height: 8px;
}
.mastercard-personal-cabinet-section {
  padding-bottom: 24px;
}
.mastercard-personal-cabinet-section .mastercard-personal-cabinet-block {
  border-radius: 4px;
  background-color: #f9fbfd;
  display: flex;
  padding: 24px 48px;
}
.mastercard-personal-cabinet-section .mastercard-personal-cabinet-block .image {
  width: 40%;
  padding-right: 24px;
}
.mastercard-personal-cabinet-section
  .mastercard-personal-cabinet-block
  .image
  img {
  max-width: 100%;
}
.mastercard-personal-cabinet-section .mastercard-personal-cabinet-block .text {
  width: 60%;
}
.mastercard-personal-cabinet-section
  .mastercard-personal-cabinet-block
  .text
  .title {
  font-size: 32px;
  line-height: 1.25;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 16px;
}
.mastercard-personal-cabinet-section
  .mastercard-personal-cabinet-block
  .text
  .description {
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
  margin-bottom: 16px;
}
.mastercard-personal-cabinet-section
  .mastercard-personal-cabinet-block
  .text
  .btn {
  width: 160px;
}
.new-banner-section {
  padding: 50px 20px;
}
.new-banner-section .banner-block {
  max-width: 1024px;
  margin: 0 auto;
  padding: 20px 40px;
  min-height: 285px;
  overflow: hidden;
  border-radius: 6px;
}
.new-banner-section .banner-block .text-block {
  max-width: 510px;
}
.new-banner-section .banner-block .text-block.pos-left {
  margin-left: 0;
}
.new-banner-section .banner-block .text-block .title {
  font-size: 32px;
  line-height: 1.25;
  font-family: "futurademic", sans-serif;
  color: #ffffff;
  margin-bottom: 25px;
}
.new-banner-section .banner-block .text-block .description {
  font-size: 18px;
  line-height: 1.33;
  color: #ffffff;
  margin-bottom: 25px;
}
.new-banner-section .banner-block.white .text-block .title,
.new-banner-section .banner-block.white .text-block .description {
  color: #ffffff;
}
.block_103 .banner-block.white .text-block.dark-text .title,
.block_103 .banner-block.white .text-block.dark-text .description {
  color: #000000;
}
.new-banner-section .banner-block.black .text-block .title,
.new-banner-section .banner-block.black .text-block .description {
  color: #212225;
}
.farmers-support-section {
  margin-bottom: 60px;
}
.farmers-support-section .list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -14px;
}
.farmers-support-section .list .item {
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  max-width: 236px;
  width: calc(25% - 28px);
  margin: 0 14px;
  margin-bottom: 28px;
}
.farmers-support-section .list .item img {
  width: 100%;
  height: auto;
  display: block;
}
.farmers-support-section .list .item .text {
  position: absolute;
  top: 24px;
  left: 24px;
  right: 24px;
  bottom: 24px;
  font-size: 16px;
  line-height: 1.25;
  color: #ffffff;
  z-index: 2;
}
.partner-description-block {
  margin-bottom: 40px;
}
.partner-description-block .description {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px 55px;
  border-top: 2px solid #e0e6ed;
  border-bottom: 2px solid #e0e6ed;
}
.partner-description-block .description .image {
  width: 155px;
}
.partner-description-block .description .image img {
  width: 100%;
  max-width: 140px;
  display: block;
}
.partner-description-block .description .text {
  font-size: 16px;
  line-height: 1.38;
  color: #212225;
  width: calc(100% - 155px);
}
.partner-conditions-section {
  padding: 80px 0;
}
.partner-conditions-section h2 {
  font-size: 40px;
  font-family: "futurademic", sans-serif;
  margin-bottom: 47px;
  line-height: 1.2;
  color: #212225;
}
.partner-conditions-section table {
}
.partner-conditions-section table tr td {
  font-size: 16px;
  line-height: 1.38;
  color: #637282;
  border-bottom: 1px solid #e0e6ed;
  padding: 16px 25px;
  vertical-align: top;
}
.partner-conditions-section table tr td:first-child {
  font-size: 16px;
  font-family: "futurademic", sans-serif;
  line-height: 1.38;
  color: #212225;
  border: none;
  min-width: 190px;
}

.detail-info-section {
  padding: 20px 0;
}
.detail-info-section .text {
  font-size: 14px;
  line-height: 16px;
  color: #637282;
  max-width: 750px;
  margin-bottom: 50px;
}
.detail-info-section .detail-tariff-pdf {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.detail-info-section .detail-tariff-pdf p {
  font-size: 14px;
  color: #212225;
  line-height: 16px;
  margin-right: 32px;
}

.text-middle-block {
  border-radius: 6px;
  min-height: 285px;
  width: 100%;
  padding-left: 42%;
  padding-top: 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.text-middle-block.white {
  color: white;
}
.text-middle-block p {
  margin-bottom: 24px;
}
.text-middle-block .title {
  font-size: 32px;
  line-height: 40px;
  font-family: "futurademic", sans-serif;
}
.text-middle-block .description {
  font-size: 18px;
  line-height: 24px;
  font-family: "futurabookc", sans-serif;
  max-width: 90%;
}
.check-points-section {
  padding: 48px 0;
}
.check-points-section h2 {
  font-size: 38px;
  line-height: 1.25;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 32px;
}
.check-points-section .list {
  display: flex;
}
.check-points-section .list .item {
  position: relative;
  padding-left: 64px;
  padding-right: 40px;
  width: 33.3%;
}
.check-points-section .list .item:before {
  position: absolute;
  content: "";
  width: 48px;
  height: 48px;
  top: calc(50% - 24px);
  left: 0;
  background: url(/img/checked.svg) center #ffef00 no-repeat;
  background-size: 20px;
  border-radius: 50%;
}

.landing-preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  justify-content: center;
  align-items: center;
  display: none;
  z-index: 8990;
}
.landing-preloader svg {
  width: 160px;
  height: 160px;
}
.landing-preloader.show {
  display: flex;
}
.full-width-banner-section {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-color: #fffcd2;
}
.online-fishka-block {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 270px;
}
.online-fishka-block .text {
  width: 500px;
}
.online-fishka-block .text .title {
  font-size: 32px;
  line-height: 1.25;
  color: #212225;
  font-family: "futurademic", sans-serif;
  margin-bottom: 16px;
}
.online-fishka-block .text .description {
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
  margin-bottom: 16px;
}

.dropdown {
  position: relative;
}
.dropdown_right .dropdown__list {
  left: auto;
  right: 0;
}
.dropdown_full-width .dropdown__list {
  width: 100%;
  max-width: 100%;
}
.dropdown_active .dropdown__result:before, .dropdown:hover .dropdown__result:before {
  opacity: 0;
}
.dropdown_active .dropdown__result:after, .dropdown:hover .dropdown__result:after {
  opacity: 1;
}
.dropdown_active .dropdown__result .dropdown__item, .dropdown:hover .dropdown__result .dropdown__item {
  color: #000;
}
.dropdown__result {
  position: relative;
  display: inline-block;
  padding-right: 12px;
  cursor: pointer;
}
.dropdown__result:before, .dropdown__result:after {
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 8px;
  height: 6px;
  background-image: url("/img/arrow_black.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 0.15s ease-in-out;
  content: "";
}
.dropdown__result:after {
  opacity: 0;
  background-image: url("/img/arrow_grey.svg");
}
.dropdown__result .dropdown__item {
  color: #828282;
  background: transparent;
  transition: color 0.15s ease-in-out;
}
.dropdown__result .dropdown__item:hover {
  background: transparent;
}
.dropdown__list {
  display: none;
  z-index: 3;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  max-width: calc(100vw - 32px);
  background: #FFFFFF;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.15);
}
.dropdown__item {
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 8px;
  background: #fff;
  transition: background 0.15s ease-in-out;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  font-family: "Amalia-Regular", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  white-space: nowrap;
}
.dropdown__item a {
  color: #000;
  text-decoration: none;
}
.dropdown__item:hover {
  background: #f3f3f3;
}

@media (min-width: 1024px) {
  .dropdown__item {
    font-size: 16px;
    line-height: 24px;
  }
}
#news-page .site-form {
  position: relative;
}
#news-page .site-form .loader {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  transition: 0.15s ease-in-out;
  transition-property: visibility, opacity;
}
#news-page .site-form.is-loading .loader {
  opacity: 1;
  visibility: visible;
}
#news-page .site-form__fieldset {
  display: block;
  width: 100%;
  margin-bottom: 32px;
  transition: opacity 0.3s ease;
}
#news-page .site-form__fieldset input, #news-page .site-form__fieldset textarea {
  font-family: "Amalia-Regular", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  display: block;
  position: relative;
  width: 100%;
  height: 44px;
  border: 1px solid #cdcdcd;
  padding: 0 16px;
  background: #fff;
  color: #000;
  font-size: 16px;
  transition: border-color 0.3s ease;
}
#news-page .site-form__fieldset input:hover, #news-page .site-form__fieldset textarea:hover {
  border-color: #828282;
}
#news-page .site-form__fieldset input::-moz-placeholder, #news-page .site-form__fieldset textarea::-moz-placeholder {
  color: #cdcdcd;
}
#news-page .site-form__fieldset input::placeholder, #news-page .site-form__fieldset textarea::placeholder {
  color: #cdcdcd;
}
#news-page .site-form__fieldset input:-ms-input-placeholder, #news-page .site-form__fieldset textarea:-ms-input-placeholder {
  color: #cdcdcd;
}
#news-page .site-form__fieldset input::-ms-input-placeholder, #news-page .site-form__fieldset textarea::-ms-input-placeholder {
  color: #cdcdcd;
}
#news-page .site-form__fieldset input:-moz-placeholder, #news-page .site-form__fieldset textarea:-moz-placeholder {
  color: #cdcdcd;
}
#news-page .site-form__fieldset input.datepicker, #news-page .site-form__fieldset textarea.datepicker {
  padding-right: 34px;
  background-image: url("/img/calendar.svg");
  background-size: 24px 24px;
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
}
#news-page .site-form__fieldset.is-not-touched input, #news-page .site-form__fieldset.is-not-touched textarea, #news-page .site-form__fieldset.is-not-valid input, #news-page .site-form__fieldset.is-not-valid textarea {
  border-color: #ec4a4a;
}
#news-page .site-form__fieldset.is-not-touched .site-form__err-message, #news-page .site-form__fieldset.is-not-valid .site-form__err-message {
  height: 28px;
  margin-top: 4px;
  opacity: 1;
  visibility: visible;
}
#news-page .site-form__label {
  font-family: "Amalia-Regular", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
  color: #828282;
}
#news-page .site-form__err-message {
  display: block;
  position: absolute;
  height: 0;
  color: #ec4a4a;
  font-size: 13px;
  line-height: 21px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}
#news-page .site-form__btn-wrap {
  margin-top: 32px;
  text-align: center;
}
#news-page .site-form input[type=checkbox].is-not-touched + label::before {
  border-color: #ec4a4a;
}
#news-page .site-form .submit-text {
  display: block;
}
#news-page .site-form .processing-text {
  display: none;
}
@media (min-width: 1024px) {
  #news-page .site-form__fieldset input, #news-page .site-form__fieldset textarea {
    height: 52px;
    font-size: 18px;
    line-height: 28px;
  }
  #news-page .site-form__label {
    font-size: 14px;
    line-height: 24px;
  }
  #news-page .site-form__row {
    display: flex;
    justify-content: space-between;
  }
  #news-page .site-form__column {
    width: calc(50% - 16px);
  }
}
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

#news-page .btn {
  padding: 0;
  background: transparent;
  border: none;
  display: inline-block;
  height: 44px;
  padding: 0 36px;
  border: 1px solid;
  font-size: 14px;
  line-height: 43px;
  color: #000;
  text-align: center;
  font-family: "Amalia-Medium", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  white-space: nowrap;
  transition: 0.15s ease-in-out;
  transition-property: color, border-color, background-color, opacity;
}
#news-page .btn_black {
  color: #FEE600;
  background: #000;
  border-color: #000;
}
#news-page .btn_black:hover {
  color: #000;
  background: #FEE600;
  border-color: #FEE600;
}
#news-page .btn_black:disabled {
  background: #cdcdcd;
  color: #e6e6e6;
  border-color: #cdcdcd;
}
#news-page .btn_yellow {
  color: #000;
  background: #FEE600;
  border-color: #FEE600;
}
#news-page .btn_yellow:hover {
  color: #FEE600;
  background: #000;
  border-color: #000;
}
#news-page .btn_yellow:disabled {
  background: #e6e6e6;
  color: #cdcdcd;
  border-color: #e6e6e6;
}
#news-page .btn_outline {
  border: 1px solid #000000;
  color: #000;
}
#news-page .btn_outline:hover {
  color: #FEE600;
}
#news-page .btn_outline:disabled {
  color: #cdcdcd;
  border-color: #cdcdcd;
}
#news-page .btn_stroke {
  border-color: transparent;
  color: #000000;
}
#news-page .btn_stroke:hover {
  color: #FEE600;
}
#news-page .btn_stroke:disabled {
  color: #cdcdcd;
}
#news-page .btn_with-icon {
  position: relative;
  height: 44px;
  padding: 0 24px 0 54px;
  line-height: 43px;
  font-family: "Amalia-Regular", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
}
#news-page .btn_with-icon:before, #news-page .btn_with-icon:after {
  opacity: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 24px;
  width: 24px;
  height: 24px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/img/login_black.svg");
  transition: opacity 0.15s ease-in-out;
  content: "";
}
#news-page .btn_with-icon:after {
  opacity: 0;
  background-image: url("/img/login_yellow.svg");
}
#news-page .btn_with-icon:hover {
  background: #000;
}
#news-page .btn_with-icon:hover:before {
  opacity: 0;
}
#news-page .btn_with-icon:hover:after {
  opacity: 1;
}
#news-page .btn_with-icon:disabled:before {
  background-image: url("/img/login_grey.svg");
}
#news-page .btn_with-icon:disabled:hover:before {
  opacity: 1;
}
#news-page .btn_with-icon:disabled:hover:after {
  opacity: 0;
}
#news-page .btn:disabled {
  pointer-events: none;
  cursor: default;
}
#news-page .btn-details {
  position: relative;
  display: flex;
  align-items: center;
  height: 44px;
  overflow: hidden;
  padding: 0 16px;
  transition: all 0.15s ease-in-out;
  background: #FEE600;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  font-family: "Amalia-Medium", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#news-page .btn-details:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  width: 24px;
  height: 24px;
  background-image: url("/img/arrow_black-right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: right 0.15s ease-in-out;
  content: "";
}
#news-page .btn-details:hover:after {
  right: 10px;
}
#news-page .btn-details_small {
  display: inline-flex;
  height: 44px;
  padding: 0 52px 0 24px;
  font-size: 18px;
  line-height: 28px;
}
#news-page .btn-details_small:after {
  right: 26px;
}
#news-page .btn-details_small:hover:after {
  right: 22px;
}
#news-page .btn-icon {
  padding: 0;
  background: transparent;
  border: none;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#news-page .btn-icon_search {
  background-image: url("/img/search_black.svg");
}
#news-page .btn-icon_left, #news-page .btn-icon_right {
  position: relative;
  width: 44px;
  height: 44px;
  background-color: #FEE600;
  transition: 0.15s ease-in-out;
  transition-property: background-color, opacity;
}
#news-page .btn-icon_left:after, #news-page .btn-icon_left:before, #news-page .btn-icon_right:after, #news-page .btn-icon_right:before {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity 0.15s ease-in-out;
  content: "";
}
#news-page .btn-icon_left:before, #news-page .btn-icon_right:before {
  opacity: 1;
}
#news-page .btn-icon_left.active, #news-page .btn-icon_left:hover, #news-page .btn-icon_right.active, #news-page .btn-icon_right:hover {
  background-color: #000;
}
#news-page .btn-icon_left.active:after, #news-page .btn-icon_left:hover:after, #news-page .btn-icon_right.active:after, #news-page .btn-icon_right:hover:after {
  opacity: 1;
}
#news-page .btn-icon_left.active:disabled, #news-page .btn-icon_left.active.disabled, #news-page .btn-icon_left.active.swiper-button-disabled, #news-page .btn-icon_left:hover:disabled, #news-page .btn-icon_left:hover.disabled, #news-page .btn-icon_left:hover.swiper-button-disabled, #news-page .btn-icon_right.active:disabled, #news-page .btn-icon_right.active.disabled, #news-page .btn-icon_right.active.swiper-button-disabled, #news-page .btn-icon_right:hover:disabled, #news-page .btn-icon_right:hover.disabled, #news-page .btn-icon_right:hover.swiper-button-disabled {
  background-color: #f3f3f3;
  cursor: default;
  pointer-events: none;
}
#news-page .btn-icon_left.active:disabled:after, #news-page .btn-icon_left.active.disabled:after, #news-page .btn-icon_left.active.swiper-button-disabled:after, #news-page .btn-icon_left:hover:disabled:after, #news-page .btn-icon_left:hover.disabled:after, #news-page .btn-icon_left:hover.swiper-button-disabled:after, #news-page .btn-icon_right.active:disabled:after, #news-page .btn-icon_right.active.disabled:after, #news-page .btn-icon_right.active.swiper-button-disabled:after, #news-page .btn-icon_right:hover:disabled:after, #news-page .btn-icon_right:hover.disabled:after, #news-page .btn-icon_right:hover.swiper-button-disabled:after {
  opacity: 0;
}
#news-page .btn-icon_left:disabled, #news-page .btn-icon_left.disabled, #news-page .btn-icon_left.swiper-button-disabled, #news-page .btn-icon_right:disabled, #news-page .btn-icon_right.disabled, #news-page .btn-icon_right.swiper-button-disabled {
  background-color: #f3f3f3;
  cursor: default;
  pointer-events: none;
}
#news-page .btn-icon_left:disabled:after, #news-page .btn-icon_left.disabled:after, #news-page .btn-icon_left.swiper-button-disabled:after, #news-page .btn-icon_right:disabled:after, #news-page .btn-icon_right.disabled:after, #news-page .btn-icon_right.swiper-button-disabled:after {
  opacity: 0;
}
#news-page .btn-icon_left:disabled:before, #news-page .btn-icon_left.disabled:before, #news-page .btn-icon_left.swiper-button-disabled:before, #news-page .btn-icon_right:disabled:before, #news-page .btn-icon_right.disabled:before, #news-page .btn-icon_right.swiper-button-disabled:before {
  opacity: 0.4;
}
#news-page .btn-icon_left:before {
  background-image: url("/img/arrow_black-left.svg");
}
#news-page .btn-icon_left:after {
  background-image: url("/img/arrow_yellow-left.svg");
}
#news-page .btn-icon_right {
  background-image: url("/img/arrow_black-right.svg");
}
#news-page .btn-icon_right:before {
  background-image: url("/img/arrow_black-right.svg");
}
#news-page .btn-icon_right:after {
  background-image: url("/img/arrow_yellow-right.svg");
}
#news-page .btn-icon_close:before, #news-page .btn-icon_close:after {
  content: "";
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background-image: url("/img/close.svg");
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity 0.15s ease-in-out;
}
#news-page .btn-icon_close:after {
  opacity: 0;
  background-image: url("/img/close_yellow.svg");
}
#news-page .btn-icon_close:hover:before {
  opacity: 0;
}
#news-page .btn-icon_close:hover:after {
  opacity: 1;
}
@media (min-width: 1024px) {
  #news-page .btn {
    height: 52px;
    font-size: 18px;
    line-height: 50px;
  }
  #news-page .btn_with-icon {
    height: 44px;
    padding: 0 24px 0 54px;
    line-height: 43px;
  }
  #news-page .btn-details {
    height: 52px;
    padding: 0 56px 0 32px;
    font-size: 18px;
    line-height: 28px;
  }
  #news-page .btn-details:after {
    right: 32px;
  }
  #news-page .btn-details:hover:after {
    right: 28px;
  }
  #news-page .btn-details_small {
    height: 44px;
    padding: 0 52px 0 24px;
    display: inline-flex;
    background-position: calc(100% - 26px) center;
  }
  #news-page .btn-details_small:after {
    right: 26px;
  }
  #news-page .btn-details_small:hover:after {
    right: 22px;
  }
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 32px auto 25px auto;
  padding: 0 16px;
}
.pagination .btn-icon {
  flex: 0 0 44px;
}
.pagination__wrap {
  font-family: "Amalia-Regular", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px;
  color: #828282;
  font-size: 18px;
  line-height: 28px;
}
.pagination__wrap .pagination__item {
  margin: 0 20px;
}
.pagination__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  overflow: hidden;
  background-color: #f3f3f3;
  color: #000;
  font-size: 18px;
  line-height: 28px;
  font-family: "Amalia-Medium", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (max-width: 1023px) {
  .pagination {
    max-width: 375px;
  }
  .pagination .btn-icon_left {
    margin-right: auto;
  }
  .pagination .btn-icon_right {
    margin-left: auto;
  }
}
@media (min-width: 1024px) {
  .pagination {
    margin: 25px auto;
  }
  .pagination__wrap {
    margin: 0 32px;
  }
}
.call-card-order {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(270deg, #97998f 27.47%, #767671 65%);
}
.call-card-order .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
.call-card-order .site__centered {
  padding-top: 32px;
  background-repeat: no-repeat;
  background-size: cover;
}
.call-card-order__info {
  margin-bottom: 32px;
  text-align: center;
}
.call-card-order__info p {
  font-family: "Amalia-Light", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  margin-bottom: 32px;
  font-size: 20px;
  line-height: 28px;
  white-space: pre-line;
}
.call-card-order__pic {
  width: 100%;
  max-width: 313px;
  margin: 0 auto -70px;
}
.call-card-order__pic img {
  display: block;
  width: 100%;
  height: auto;
}
.call-card-order_in-list {
  background-color: #f2e400;
  background-image: none;
}
.call-card-order_in-list .site__title {
  font-family: "Amalia-Medium", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
}
.call-card-order_in-list .call-card-order__info p {
  color: #828282;
}

@media (min-width: 1024px) {
  .call-card-order {
    background-repeat: no-repeat;
    background-size: cover;
  }
  .call-card-order .site__centered {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-image: none !important;
    padding: 68px 16px;
  }
  .call-card-order__info {
    margin-bottom: 0;
    text-align: left;
  }
  .call-card-order__info p {
    margin-bottom: 32px;
    font-size: 44px;
    line-height: 56px;
    text-align: left;
  }
  .call-card-order__pic {
    max-width: 392px;
    margin: 7px 0 0;
  }
  .call-card-order_in-list .site__centered {
    padding-top: 33px;
    padding-bottom: 60px;
    flex-direction: column-reverse;
  }
  .call-card-order_in-list .call-card-order__pic {
    max-width: 232px;
    margin: 0 auto 41px;
  }
  .call-card-order_in-list .call-card-order__info {
    text-align: center;
  }
  .call-card-order_in-list .call-card-order__info .site__title {
    font-size: 24px;
    line-height: 32px;
  }
  .call-card-order_in-list .call-card-order__info p {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
  }
}
@media (min-width: 1024px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .call-card-order__pic {
    height: 146px;
  }
}
@font-face {
  font-family: "Amalia-Bold";
  src: url("/fonts/Amalia-Bold.woff") format("woff");
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Amalia-Light";
  src: url("/fonts/Amalia-Light.woff") format("woff");
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Amalia-Medium";
  src: url("/fonts/Amalia-Medium.woff") format("woff");
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Amalia-Regular";
  src: url("/fonts/Amalia-Regular.woff") format("woff");
  font-display: auto;
  font-weight: normal;
  font-style: normal;
}
.site {
  overflow: hidden;
  position: relative;
  z-index: 1;
  min-width: 375px;
  min-height: 100%;
  font-family: "Amalia-Regular", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
}
.site__centered {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-width: 1152px;
  padding: 0 16px;
}
.site__title {
  color: #000;
}
.site__title_centered {
  text-align: center;
}
.site__title_big {
  margin-bottom: 8px;
  font-family: "Amalia-Bold", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  font-size: 40px;
  line-height: 48px;
}
.site__title_medium {
  margin-bottom: 8px;
  font-family: "Amalia-Bold", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  font-size: 32px;
  line-height: 44px;
}
.site__title_small {
  margin-bottom: 23px;
  font-family: "Amalia-Medium", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
}
.site__title_with-elements {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.site__title_with-elements h2, .site__title_with-elements h3, .site__title_with-elements h4, .site__title_with-elements h5, .site__title_with-elements h6 {
  font-family: "Amalia-Medium", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
}
.site__title-btns {
  position: relative;
  top: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.site__title-btns .btn-icon {
  display: inline-block;
  margin-right: 15px;
}
.site__title-btns .btn-icon:last-child {
  margin-right: 0;
}
.site__more-link {
  position: relative;
  margin-right: 34px;
  margin-top: 4px;
  font-size: 14px;
  line-height: 24px;
  color: #000;
  font-family: "Amalia-Regular", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
}
.site__more-link:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  right: -34px;
  width: 24px;
  height: 24px;
  background-image: url("/img/arrow_black-right.svg");
  transition: right 0.15s ease-in-out;
}
.site__more-link:hover:after {
  right: -38px;
}

.relinking-block {
  background-color: #F3F3F3;
}

@media (max-width: 767px) {
  .wm-only {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .sm-only {
    display: none;
  }
}
@media (max-width: 1023px) {
  .lm-only {
    display: none;
  }
}
@media (min-width: 1024px) {
  .site__title {
    color: #000;
  }
  .site__title_big {
    margin-bottom: 16px;
    font-size: 64px;
    line-height: 76px;
  }
  .site__title_medium {
    margin-bottom: 12px;
    font-size: 48px;
    line-height: 56px;
  }
  .site__title_small {
    margin-bottom: 40px;
    font-size: 40px;
    line-height: 48px;
  }
  .site__more-link {
    margin-top: -2px;
    margin-right: 32px;
    font-size: 18px;
    line-height: 28px;
  }
  .tm-only {
    display: none;
  }
}
header {
  padding-top: 24px;
}

.b-download {
  display: flex;
}
.b-download__qr {
  width: 80px;
  height: 80px;
  margin-right: 26px;
}
.b-download__b-links > h5 {
  font-family: "futurademic", sans-serif;
  font-size: 20px;
  line-height: 1;
  color: #ffffff;
  margin-bottom: 22px;
  max-width: 256px;
}
.b-download__link {
  width: 135px;
  height: 40px;
  display: inline-block;
}
.b-download__link:nth-of-type(1) > img {
  width: 135px;
  height: 40px;
}
.b-download__link:nth-of-type(2) > img {
  width: 120px;
  height: 40px;
}

.b-service {
  padding: 60px 0;
  display: flex;
  justify-content: space-between;
}
.b-service__left {
  max-width: 550px;
  margin-right: 20px;
}
@media screen and (max-width: 820px) {
  .b-service__left {
    max-width: 480px;
  }
}
.b-service__left > h2 {
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  line-height: 1.25;
  color: #27282d;
  margin-bottom: 16px;
  margin-top: 40px;
}
.b-service__left > p {
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  color: #212225;
  margin-bottom: 16px;
}
.b-service__left > ul {
  margin-bottom: 32px;
}
.b-service__left > ul > li {
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  color: #212225;
  padding-left: 24px;
  margin-bottom: 8px;
  position: relative;
}
.b-service__left > ul > li:last-child {
  margin-bottom: 0;
}
.b-service__left > ul > li:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ffef00;
  left: 0;
  top: calc(50% - 4px);
}
.b-service__btn-link {
  margin-bottom: 60px;
}
.b-service__b-video {
  width: 301px;
  height: 170px;
  border-radius: 8px;
}
.b-service iframe {
  width: 301px !important;
  height: 170px !important;
  border-radius: 8px;
}
.b-service__b-currency {
  padding: 40px 37px 32px 24px;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, #f9fbfd, #f9fbfd), linear-gradient(146deg, #e0fefc -2%, #f4e6e4 107%);
  margin-bottom: 32px;
}
.b-service .course-block {
  display: flex;
  margin-bottom: 32px;
}
.b-service__right {
  position: relative;
  width: 304px;
}
.b-service__w-slider {
  width: 294px;
  height: 610px;
  background: url("/img/iphone_x_frame.png") center center no-repeat;
  background-size: contain;
  position: relative;
  visibility: hidden;
}
.b-service__w-slider .b-service__slider {
  height: 104%;
}
.b-service__w-slider .b-service__slider .slick-list {
  height: 83%;
}
@media screen and (max-width: 800px) {
  .b-service__w-slider .b-service__slider .slick-list {
    height: 86%;
  }
}
.b-service__w-slider.small {
  width: 265px;
  height: 440px;
}
.b-service__w-slider.small .b-service__slider {
  width: 72.6%;
  left: 13.9%;
  top: 8.3%;
  border-radius: 0px 0px 20px 20px;
}
.b-service__w-slider.fixed {
  position: fixed;
  z-index: 99;
}
.b-service__slider {
  width: 87.7%;
  height: auto;
  position: absolute;
  top: 9.7%;
  left: 6.3%;
  margin-bottom: 0;
}
.b-service__slide {
  width: 260px;
  height: 544px;
}
.b-service .slick-list {
  height: 100%;
  border-radius: 0px 0px 20px 20px;
}

.section-do-online {
  box-shadow: 0 2px 4px 0 rgba(104, 139, 145, 0.2);
  background-image: linear-gradient(to right, #e8e8e8 0%, #f0f0f0 100%);
  width: 100%;
  padding: 56px 0;
  margin-top: 84px;
}
.section-do-online__container {
  display: flex;
  justify-content: space-between;
}
.section-do-online__b-left h1 {
  font-family: "futurademic", sans-serif;
  font-size: 48px;
  line-height: 1;
  letter-spacing: -0.38px;
  color: #27282d;
  margin-top: 48px;
  margin-bottom: 22px;
  max-width: 468px;
}
.section-do-online__b-left > p {
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  line-height: 0.91;
  color: #27282d;
  margin-bottom: 64px;
  max-width: 468px;
}
.section-do-online__b-right {
  position: relative;
}
.section-do-online__w-download {
  margin-bottom: 132px;
}
.section-do-online__w-download .b-download__b-links > h5 {
  color: #27282d;
}
.section-do-online__b-back {
  position: relative;
  padding-left: 28px;
  text-decoration: none;
}
.section-do-online__b-back > span {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: #27282d;
}
.section-do-online__back-arrow {
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 2px;
  background-color: #27282d;
}
.section-do-online__back-arrow:before {
  top: -2px;
  left: -1px;
  transform: rotate(-45deg);
}
.section-do-online__back-arrow:before, .section-do-online__back-arrow:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 2px;
  background-color: #27282d;
}
.section-do-online__back-arrow:after {
  bottom: -2px;
  left: -1px;
  transform: rotate(45deg);
}
.section-do-online__img {
  width: 430px;
  position: absolute;
  bottom: -56px;
  right: 0;
}

.section-how-registration {
  padding: 48px 0 56px;
  margin-top: 56px;
  background-image: linear-gradient(to bottom, #f9fbfd, #f9fbfd), linear-gradient(121deg, #e0fefc 18%, #f4e6e4 94%);
}
.section-how-registration__container > h2 {
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  line-height: 1.25;
  color: #27282d;
  margin-bottom: 48px;
}
.section-how-registration__content {
  display: flex;
  justify-content: space-between;
}
.section-how-registration__item {
  max-width: 304px;
  margin-right: 15px;
}
.section-how-registration__item > h6 {
  font-family: "futurademic", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
  margin-bottom: 8px;
}
.section-how-registration__item > p {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
}
.section-how-registration__item-img {
  width: 56px;
  height: 56px;
  margin-bottom: 24px;
}

.section-update-app {
  margin-top: 44px;
  padding: 64px 0 56px;
  box-shadow: 0 2px 4px 0 rgba(104, 139, 145, 0.2);
  background-image: linear-gradient(106deg, #4e5c7e 8%, #313951 93%);
}
.section-update-app__container {
  display: flex;
  justify-content: space-between;
}
.section-update-app__img {
  width: 100%;
  max-width: 305px;
  max-height: 465px;
  height: auto;
  margin-right: 20px;
}
.section-update-app__content {
  max-width: 550px;
}
.section-update-app__content > h2 {
  font-family: "futurademic", sans-serif;
  font-size: 42px;
  line-height: 1.14;
  color: #ffffff;
  margin-bottom: 16px;
}
.section-update-app__content > p {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.38;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 16px;
}
.section-update-app__desc {
  margin-bottom: 40px;
}
.section-update-app__desc > p {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.38;
  color: #ffffff;
  margin-bottom: 16px;
}
.section-update-app__desc > p:last-child {
  margin-bottom: 0;
}

.section-pay-phone {
  padding: 48px 0 64px;
  background-image: linear-gradient(63deg, #f9fbfd -12%, #f9fbfd -1%, #f8fafc 31%, #f7fbff 78%, #f9fbfd 115%);
}
.section-pay-phone__container > h2 {
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  line-height: 1;
  color: #27282d;
  margin-bottom: 13px;
}
.section-pay-phone__container > p {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.38;
  color: #212225;
  margin-bottom: 40px;
}
.section-pay-phone__item-logo {
  width: 72px;
  height: 30px;
  margin-bottom: 32px;
}
.section-pay-phone__content {
  display: flex;
  justify-content: space-between;
}
.section-pay-phone__content-item {
  max-width: 444px;
}
.section-pay-phone__content-item:first-child {
  margin-right: 20px;
}
.section-pay-phone__content-item > ul > li {
  padding-left: 48px;
  position: relative;
  margin-bottom: 24px;
}
.section-pay-phone__content-item > ul > li > p {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.38;
  color: #212225;
}
.section-pay-phone__content-item > ul > li > p:first-child {
  font-family: "futurademic", sans-serif;
}
.section-pay-phone__content-item > ul > li:last-child {
  margin-bottom: 0;
}
.section-pay-phone__content-item > ul > li:after {
  content: attr(data-count);
  width: 24px;
  height: 24px;
  background-color: #ebecef;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
  position: absolute;
  left: 0;
  top: 0;
}
.section-order-card {
  padding: 110px 0 64px;
}
.section-order-card__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section-order-card__container > h2 {
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  line-height: 1;
  text-align: center;
  color: #27282d;
  margin-bottom: 16px;
  max-width: 832px;
}
.section-order-card__container > p {
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  text-align: center;
  color: #212225;
  margin-bottom: 40px;
  max-width: 832px;
}
.section-order-card__img {
  max-width: 560px;
  min-width: 280px;
  width: 100%;
  height: auto;
  margin-bottom: 35px;
}

.section-info-sequire {
  padding: 64px 0 12px;
}
.section-info-sequire__b-info {
  background: url("/img/sequire-info-bg.jpg") no-repeat;
  background-size: cover;
  padding: 30px 56px 48px;
}
.section-info-sequire__b-info > h2 {
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  line-height: 1.31;
  color: #ffffff;
  max-width: 428px;
  margin-bottom: 16px;
}
.section-info-sequire__b-info > p {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.38;
  color: #ffffff;
  margin-bottom: 24px;
  max-width: 400px;
}

.section-files-download {
  padding: 12px 0 100px;
}
.section-files-download__content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section-files-download__content-item {
  display: flex;
  width: calc(50% - 12px);
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 39px 15px 67px;
  background-image: linear-gradient(44deg, #f9fbfd -21%, #f9fbfd -9%, #f8fafc 28%, #f7fbff 82%, #f9fbfd 125%);
  margin-bottom: 20px;
}
.section-files-download__content-item > p {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.38;
  text-align: center;
  color: #212225;
  max-width: 404px;
  margin-bottom: 24px;
}
.section-files-download__content-item > h6 {
  font-family: "futurademic", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  color: #212225;
  margin-bottom: 8px;
}
.section-files-download__item-img {
  max-width: 40px;
  max-height: 40px;
  margin-bottom: 7px;
}

.section-useful-info {
  padding: 48px 0 42px;
  background-color: #f9fbfd;
  position: relative;
  margin-bottom: 50px;
}
.section-useful-info .landing-preloader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.financial-review {
  padding: 48px 0 38px;
  background: url("/img/analytics_banner.png") right center no-repeat;
  background-size: cover;
  margin-bottom: 68px;
}
.financial-review__container > h1 {
  font-family: "futurademic", sans-serif;
  font-size: 42px;
  line-height: 1.14;
  letter-spacing: -0.33px;
  color: #212225;
  max-width: 714px;
  margin-bottom: 24px;
}
.financial-review__container > p {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
  max-width: 714px;
  margin-bottom: 32px;
}
.financial-review__container button.btn {
  max-width: 160px;
  min-width: 160px;
}
.financial-review .subscribe-form {
  padding: 0;
  background: transparent;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
.financial-review .subscribe-form.open .subscribe-input-wrapper {
  max-width: 318px;
}
.financial-review .subscribe-form.open .animate-form-analytics-btn {
  min-width: 100px;
}
.financial-review .subscribe-form-analytics-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  max-width: 560px;
}
.financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 0;
  transition: 0.4s;
  white-space: nowrap;
}
.financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper .form-field {
  position: relative;
  width: 300px;
  margin-right: 16px;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
}
.financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper .form-field input[type=text], .financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper .form-field input[type=email] {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 38px;
  padding: 0 16px;
  background: 0 0;
}
.financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper .form-field label.error, .financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper .form-field span.error {
  margin-top: 7px;
  margin-left: 10px;
  font-family: "futurabookc", sans-serif;
  font-size: 13px;
  color: red;
}
.financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper .checkbox-block {
  max-width: 453px;
  width: 100%;
}
.financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper .checkbox-block input[type=checkbox].checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper .checkbox-block input[type=checkbox].checkbox + label {
  display: block !important;
}
.financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper .checkbox-block input[type=checkbox].checkbox + label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #fff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper .checkbox-block input[type=checkbox].checkbox + label.error:after {
  border-color: red;
}
.financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper .checkbox-block input[type=checkbox].checkbox + label, .financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper .checkbox-block input[type=checkbox].checkbox + label + label {
  display: block;
  padding-left: 30px;
  color: #212225;
  font-size: 12px;
  margin: 20px 0;
  font-family: futurabookc, sans-serif;
  position: relative;
  white-space: nowrap;
}
.financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper .checkbox-block input[type=checkbox].checkbox + label a, .financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper .checkbox-block input[type=checkbox].checkbox + label + label a {
  text-decoration: underline;
}
.financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper .checkbox-block input[type=checkbox].checkbox:checked + label:after {
  background: url(/img/checked.svg) center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.financial-review .subscribe-form-analytics-wrap .animate-form-analytics-btn {
  min-width: 235px;
  position: relative;
}
.financial-review .subscribe-form-analytics-wrap .animate-form-analytics-btn .success-check {
  position: absolute;
  top: 6px;
  left: 15px;
  width: 50px;
  height: 24px;
}
.financial-review .subscribe-form-analytics-wrap .animate-form-analytics-btn.success {
  width: 80px;
  min-width: 0;
  font-size: 0;
}
.financial-review .subscribe-form-analytics-wrap .animate-form-analytics-btn .success-check path {
  stroke-dasharray: 99.9;
  stroke-dashoffset: -99.9;
  fill: transparent;
  transition: 0.3s;
  transition-property: fill;
  transition-delay: 0.5s;
}
.financial-review .subscribe-form-analytics-wrap .animate-form-analytics-btn.success .success-check path {
  animation: successCheck 1s 1 ease forwards;
  animation-delay: 0.5s;
  opacity: 1;
  fill: #fff;
}
.financial-review .subscribe-form-analytics-wrap button[disabled] {
  pointer-events: none;
}
.financial-review .success-answer {
  text-align: center;
}

.previous-issues {
  margin-bottom: 104px;
}

.raiffeisen-research {
  margin-bottom: 120px;
}
.raiffeisen-research__content {
  background: url("/img/research_bg.jpg") 76% 29% no-repeat;
  border-radius: 4px;
  padding: 31px 40px 38px;
}
.raiffeisen-research__content > h2 {
  font-family: "futurademic", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  color: #27282d;
  max-width: 510px;
  margin-bottom: 8px;
}
.raiffeisen-research__content > p {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
  max-width: 510px;
  margin-bottom: 24px;
}
.raiffeisen-research__content > a {
  min-width: 160px;
}
.raiffeisen-research.block_104 {
  margin-top: 120px;
}
.raiffeisen-research.block_104 .raiffeisen-research__content {
  padding: 40px 40px 95px 40px;
  background-size: cover;
}

.popup-send-on-email {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.popup-send-on-email.open {
  z-index: 999;
  visibility: visible;
  opacity: 1;
  transition: all 0.3s;
}
.popup-send-on-email .b-main {
  padding: 56px 82px 72px;
  border-radius: 8px;
  background-color: #ffffff;
  overflow: hidden;
}
.popup-send-on-email .b-main > h2 {
  font-family: "futurademic", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  color: #27282d;
  margin-bottom: 32px;
}
.popup-send-on-email .b-main .subscribe-form {
  padding: 0;
  background: transparent;
  border-radius: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.popup-send-on-email .b-main .subscribe-form.open .subscribe-input-wrapper {
  max-width: 318px;
}
.popup-send-on-email .b-main .subscribe-form.open .animate-form-analytics-popup-btn {
  min-width: 100px;
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  max-width: 560px;
  margin-bottom: 15px;
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .subscribe-input-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 0;
  transition: 0.4s;
  white-space: nowrap;
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .subscribe-input-wrapper .form-field {
  position: relative;
  width: 300px;
  margin-right: 16px;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .subscribe-input-wrapper .form-field input[type=text], .popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .subscribe-input-wrapper .form-field input[type=email] {
  width: 100%;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #767676;
  font-size: 16px;
  color: #767676;
  line-height: 38px;
  padding: 0 16px;
  background: 0 0;
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .subscribe-input-wrapper .form-field label.error, .popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .subscribe-input-wrapper .form-field span.error {
  margin-top: 7px;
  margin-left: 10px;
  font-family: "futurabookc", sans-serif;
  font-size: 13px;
  color: red;
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .subscribe-input-wrapper .checkbox-block {
  max-width: 453px;
  width: 100%;
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .subscribe-input-wrapper .checkbox-block input[type=checkbox].checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .subscribe-input-wrapper .checkbox-block input[type=checkbox].checkbox + label {
  display: block !important;
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .subscribe-input-wrapper .checkbox-block input[type=checkbox].checkbox + label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #fff;
  border: solid 1px rgba(64, 70, 96, 0.17);
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .subscribe-input-wrapper .checkbox-block input[type=checkbox].checkbox + label.error:after {
  border-color: red;
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .subscribe-input-wrapper .checkbox-block input[type=checkbox].checkbox + label, .popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .subscribe-input-wrapper .checkbox-block input[type=checkbox].checkbox + label + label {
  display: block;
  padding-left: 30px;
  color: #212225;
  font-size: 12px;
  margin: 20px 0;
  font-family: futurabookc, sans-serif;
  position: relative;
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .subscribe-input-wrapper .checkbox-block input[type=checkbox].checkbox:checked + label:after {
  background: url(/img/checked.svg) center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .animate-form-analytics-popup-btn {
  min-width: 235px;
  position: relative;
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .animate-form-analytics-popup-btn .success-check {
  position: absolute;
  top: 6px;
  left: 15px;
  width: 50px;
  height: 24px;
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .animate-form-analytics-popup-btn.success {
  color: transparent;
  min-width: 0;
  width: 80px;
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .animate-form-analytics-popup-btn .success-check path {
  stroke-dasharray: 99.9;
  stroke-dashoffset: -99.9;
  fill: transparent;
  transition: 0.3s;
  transition-property: fill;
  transition-delay: 0.5s;
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup .animate-form-analytics-popup-btn.success .success-check path {
  animation: successCheck 1s 1 ease forwards;
  animation-delay: 0.5s;
  opacity: 1;
  fill: #fff;
}
.popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup button[disabled] {
  pointer-events: none;
}
.popup-send-on-email .b-main .success-answer {
  text-align: center;
}

.intro-slider-section__pay-part {
  background-color: #f9fbfd;
}

.intro-slider-section__pay-part {
  height: 448px;
}
.intro-slider-section__pay-part .intro-slider {
  height: 448px;
}
.intro-slider-section__pay-part .intro-slider .slider-item {
  height: 448px;
}
.intro-slider-section__pay-part .intro-slider .slider-item .container {
  height: 448px;
}
.intro-slider-section__pay-part .intro-slider .slider-item .container .text .title {
  margin-bottom: 24px;
}
.intro-slider-section__pay-part .intro-slider .slider-item .container .text .description {
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  color: #212225;
  margin-bottom: 32px;
}
.intro-slider-section__pay-part .intro-slider .slider-item .container .text .btn-block {
  margin-bottom: 48px;
}
.intro-slider-section__pay-part .intro-slider .slider-item .container .text .btn-block .btn {
  font-size: 22px;
}
.intro-slider-section__pay-part .intro-slider .slider-item .container .back-to-main {
  font-size: 22px;
}

.pay-part-section__info {
  margin: 72px 0;
}
.pay-part-section__info .container h2 {
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  line-height: 1.31;
  color: #212225;
  margin-bottom: 16px;
  max-width: 878px;
}
.pay-part-section__info .container > p {
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  color: #212225;
  margin-bottom: 24px;
  max-width: 878px;
}
.pay-part-section__info .container ul {
  max-width: 878px;
  list-style-image: url(/img/marker_li.svg);
  padding-left: 30px;
}
.pay-part-section__info .container ul li {
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  color: #212225;
  margin-bottom: 24px;
  padding-left: 24px;
}
.pay-part-section__info .container ul li p {
  margin-bottom: 8px;
}
.pay-part-section__info .container ul li p:last-child {
  margin-bottom: 0;
}

.tab-block-section {
  margin: 72px 0 80px;
}
.tab-block-section .tab-block {
  display: flex;
  justify-content: space-between;
  border-radius: 4px;
  width: 100%;
  border: solid 2px #e5eaee;
  background-color: #e5eaee;
  margin-bottom: 32px;
}
.tab-block-section .tab-block .tab {
  font-family: "futurademic", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  text-align: center;
  color: #212225;
  width: 50%;
  padding: 12px 5px;
  cursor: pointer;
}
.tab-block-section .tab-block .tab.active {
  border-radius: 4px;
  box-shadow: 0 2px 7px 0 rgba(110, 150, 158, 0.22);
  background-color: #ffffff;
}
.tab-block-section .tab-block__content {
  display: none;
}
.tab-block-section .tab-block__content.active {
  display: block;
}
.tab-block-section .tab-block__content p {
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  color: #212225;
  margin-bottom: 40px;
}
.tab-block-section .tab-block__content p:last-child {
  margin-bottom: 0;
}
.tab-block-section .content-sub {
  display: flex;
}
.tab-block-section .content-sub img {
  width: 100%;
  height: auto;
  max-width: 251px;
}
.tab-block-section .content-sub__text {
  margin-top: 40px;
  margin-left: 50px;
  max-width: 489px;
}
.tab-block-section .content-info {
  margin-bottom: 32px;
}
.tab-block-section .content-info h3 {
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  line-height: 1.31;
  text-align: center;
  color: #212225;
  margin-bottom: 56px;
}
.tab-block-section .content-info__items {
  display: flex;
  justify-content: space-between;
}
.tab-block-section .content-info__item {
  width: 33%;
}
.tab-block-section .content-info__item img {
  width: 72px;
  height: 72px;
  margin-bottom: 8px;
}
.tab-block-section .content-info__item p {
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  color: #212225;
}
.tab-block-section .block-blue {
  padding: 20px 0;
  border-radius: 4px;
  background-color: #f9fbfd;
  display: flex;
  justify-content: center;
}
.tab-block-section .block-blue p {
  font-family: "futurademic", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  text-align: center;
  color: #212225;
  max-width: 556px;
}
.tab-block-section .pay_part_blocks {
  margin: 80px 0 20px;
}

.easy-repayment-section .container p {
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  color: #212225;
  margin-bottom: 40px;
}
.easy-repayment-section .container .list .item {
  font-size: 22px;
}
.easy-repayment-section .container .list .item:after {
  background-color: #e0e6ed;
  color: #212225;
}

.early-repayment-section .container {
  margin-bottom: 80px;
}
.early-repayment-section .container h2 {
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  line-height: 1.31;
  color: #212225;
  margin-bottom: 25px;
}
.early-repayment-section .container ol {
  padding-left: 20px;
}
.early-repayment-section .container ol li {
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  color: #212225;
  margin-bottom: 16px;
  padding-left: 25px;
  text-indent: -2em;
  list-style-type: none;
  counter-increment: item;
}
.early-repayment-section .container ol li:before {
  display: inline-block;
  width: 1em;
  padding-right: 1.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}
.early-repayment-section .container ol li:last-child {
  margin-bottom: 0;
}

.pay-part-section.section-useful-info .b-useful-info__b-search {
  width: 315px;
}
.pay-part-section.section-useful-info .b-useful-info__b-search > input {
  font-size: 22px;
}
.pay-part-section .helpful-page-section .text {
  font-size: 22px;
}
.pay-part-section .btn {
  font-size: 22px;
}
.pay-part-section .helpful-page-section .share {
  font-size: 22px;
}
.pay-part-section .news-section .news-slider .news-item .news-title {
  font-size: 22px;
}
.pay-part-section .news-section .news-slider .news-item .news-date {
  font-size: 16px;
}

.error-403-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 200px;
  padding-bottom: 50px;
}
.error-403-section img {
  width: 64px;
  height: 64px;
  margin-bottom: 24px;
}
.error-403-section .title {
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  line-height: 1.31;
  text-align: center;
  color: #637282;
  margin-bottom: 8px;
}
.error-403-section .description {
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  text-align: center;
  color: #637282;
  margin-bottom: 32px;
}

.hero-news .hero-page,
.hero-partners .hero-page {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 97px;
  padding: 31px 0;
  min-height: 260px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #FEE600;
}
.hero-news .hero-page--news .site__title,
.hero-partners .hero-page--news .site__title {
  font-family: "Amalia-Bold", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
}
.hero-news .hero-page .btn,
.hero-partners .hero-page .btn {
  margin-top: 32px;
}
.hero-news .hero-page .site__title,
.hero-partners .hero-page .site__title {
  margin-bottom: 0;
}
.hero-news .hero-page .site-form__fieldset input,
.hero-news .hero-page .site-form__fieldset textarea,
.hero-partners .hero-page .site-form__fieldset input,
.hero-partners .hero-page .site-form__fieldset textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
.hero-news .hero-page .btn_black,
.hero-partners .hero-page .btn_black {
  border-radius: 0;
}
.hero-news .hero-page .btn_black:hover,
.hero-partners .hero-page .btn_black:hover {
  border-color: #000;
  color: #FEE600;
  background: #000;
}
.hero-news .hero-page__img-wrap,
.hero-partners .hero-page__img-wrap {
  max-width: 276px;
  width: 100%;
  margin: auto;
}
.hero-news .hero-page__img-wrap img,
.hero-partners .hero-page__img-wrap img {
  max-width: 100%;
  display: block;
  height: auto;
  width: 100%;
}
.hero-news .hero-page__row .site__title,
.hero-partners .hero-page__row .site__title {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  max-width: none;
  width: 89%;
  text-align: center;
}
.hero-news .hero-page .loader::before,
.hero-partners .hero-page .loader::before {
  opacity: 0.6;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.6);
  content: "";
}
.hero-news .hero-page .loader__item,
.hero-partners .hero-page .loader__item {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -9px;
  margin-left: -9px;
  border-top: 2px solid #55575C;
  border-right: 2px solid #55575C;
  border-bottom: 2px solid #55575C;
  border-left: 2px solid transparent;
  transform: translateZ(0);
  animation: spin 1.1s infinite linear;
}
.hero-news .hero-page__text,
.hero-partners .hero-page__text {
  font-family: "Amalia-Light", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  text-align: left;
}
.hero-news .hero-page__text p,
.hero-partners .hero-page__text p {
  margin-bottom: 8px;
  white-space: pre-line;
}
.hero-news .hero-page__text p:last-child,
.hero-partners .hero-page__text p:last-child {
  margin-bottom: 0;
}
.hero-news .hero-page__text li,
.hero-partners .hero-page__text li {
  position: relative;
  margin-bottom: 12px;
  padding-left: 16px;
}
.hero-news .hero-page__text li:last-child,
.hero-partners .hero-page__text li:last-child {
  margin-bottom: 0;
}
.hero-news .hero-page__text li:after,
.hero-partners .hero-page__text li:after {
  position: absolute;
  top: 12px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #000;
  content: "";
}
.hero-news .hero-page .site-form__fieldset input.disabled,
.hero-news .hero-page .site-form__fieldset textarea.disabled,
.hero-partners .hero-page .site-form__fieldset input.disabled,
.hero-partners .hero-page .site-form__fieldset textarea.disabled {
  border-color: #CDCDCD;
  background: rgba(255, 255, 255, 0.6);
  pointer-events: none;
}
.hero-news .hero-page .site-form__fieldset input.disabled:hover, .hero-news .hero-page .site-form__fieldset input.disabled:focus,
.hero-news .hero-page .site-form__fieldset textarea.disabled:hover,
.hero-news .hero-page .site-form__fieldset textarea.disabled:focus,
.hero-partners .hero-page .site-form__fieldset input.disabled:hover,
.hero-partners .hero-page .site-form__fieldset input.disabled:focus,
.hero-partners .hero-page .site-form__fieldset textarea.disabled:hover,
.hero-partners .hero-page .site-form__fieldset textarea.disabled:focus {
  border-color: #CDCDCD;
}
.hero-news .hero-page .btn.disabled,
.hero-partners .hero-page .btn.disabled {
  pointer-events: none;
}
.hero-news .hero-page__check-label,
.hero-partners .hero-page__check-label {
  display: block;
}
.hero-news .hero-page__check-label.disabled,
.hero-partners .hero-page__check-label.disabled {
  pointer-events: none;
}
.hero-news .hero-page__check-wrap,
.hero-partners .hero-page__check-wrap {
  position: relative;
  margin-top: 15px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.hero-news .hero-page__check-wrap input[type=checkbox],
.hero-partners .hero-page__check-wrap input[type=checkbox] {
  position: absolute;
  top: -10000px;
  left: -10000px;
  visibility: hidden;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.hero-news .hero-page__check-wrap input[type=checkbox]:checked ~ .hero-page__check-rect,
.hero-partners .hero-page__check-wrap input[type=checkbox]:checked ~ .hero-page__check-rect {
  border-color: #000;
}
.hero-news .hero-page__check-wrap input[type=checkbox]:checked ~ .hero-page__check-rect::after,
.hero-partners .hero-page__check-wrap input[type=checkbox]:checked ~ .hero-page__check-rect::after {
  visibility: visible;
  opacity: 1;
}
.hero-news .hero-page__check-rect,
.hero-partners .hero-page__check-rect {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  border: 1.5px solid #828282;
  margin-right: 15px;
  border-radius: 5px;
  transition: all 0.3s;
}
.hero-news .hero-page__check-rect::after,
.hero-partners .hero-page__check-rect::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8.56px;
  height: 6.28px;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  background-image: url("/img/check-news.svg");
  background-size: cover;
  opacity: 0;
  visibility: hidden;
}
.hero-news .hero-page__check-text,
.hero-partners .hero-page__check-text {
  font-size: 14px;
  color: #000;
}
.hero-news .hero-page__check-text a,
.hero-partners .hero-page__check-text a {
  text-decoration: underline;
}
.hero-news .hero-page__check-text a:hover,
.hero-partners .hero-page__check-text a:hover {
  text-decoration: none;
}
.hero-news .hero-page__back,
.hero-partners .hero-page__back {
  font-family: "Amalia-Regular", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  margin-top: 32px;
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
}
.hero-news .hero-page__back a,
.hero-partners .hero-page__back a {
  position: relative;
  padding-left: 37px;
  color: #000;
}
.hero-news .hero-page__back a:before,
.hero-partners .hero-page__back a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("/img/arrow_black-left.svg") no-repeat center;
  background-size: contain;
  transform: translateY(-50%);
  transition: left 0.15s ease-in-out;
}
.hero-news .hero-page__pic,
.hero-partners .hero-page__pic {
  max-width: 313px;
  margin: 0 auto 32px;
}
.hero-news .hero-page__pic img,
.hero-partners .hero-page__pic img {
  display: block;
  width: 100%;
  height: auto;
}
.hero-news .hero-page_with-img,
.hero-partners .hero-page_with-img {
  display: block;
}
.hero-news .hero-page_subscribe,
.hero-partners .hero-page_subscribe {
  min-height: 230px;
  margin-bottom: 65px;
}
.hero-news .hero-page_subscribe .site__title,
.hero-partners .hero-page_subscribe .site__title {
  margin-bottom: 22px;
}
.hero-news .hero-page_subscribe .btn,
.hero-partners .hero-page_subscribe .btn {
  margin-top: 0;
}
.hero-news .hero-page_subscribe .subscribe.is-loading .subscribe__row-wrap > *,
.hero-news .hero-page_subscribe .subscribe.is-loading > *:not(.subscribe__row-wrap),
.hero-partners .hero-page_subscribe .subscribe.is-loading .subscribe__row-wrap > *,
.hero-partners .hero-page_subscribe .subscribe.is-loading > *:not(.subscribe__row-wrap) {
  opacity: 0.1;
  pointer-events: none;
}
.hero-news .hero-page_subscribe .subscribe.is-loading .subscribe__row-wrap > .loader,
.hero-partners .hero-page_subscribe .subscribe.is-loading .subscribe__row-wrap > .loader {
  background-color: transparent;
  opacity: 1;
}
.hero-news .hero-page .site-form__err-message,
.hero-partners .hero-page .site-form__err-message {
  opacity: 1;
  visibility: visible;
  bottom: -1px;
}
.hero-news .hero-page .site-form__fieldset,
.hero-partners .hero-page .site-form__fieldset {
  position: relative;
}
@media (max-width: 1023px) {
  .hero-news .hero-page .btn,
  .hero-partners .hero-page .btn {
    width: 100%;
    margin: 32px auto 0;
    text-align: center;
  }
  .hero-news .hero-page__wrap .site__title,
  .hero-partners .hero-page__wrap .site__title {
    font-size: 22px;
    line-height: 32px;
    text-align: center;
  }
  .hero-news .hero-page__check-wrap,
  .hero-partners .hero-page__check-wrap {
    margin-top: 23px;
  }
  .hero-news .hero-page__item-info,
  .hero-partners .hero-page__item-info {
    width: 100%;
    max-width: 393px;
    margin: 0 auto;
    text-align: center;
  }
  .hero-news .hero-page_subscribe .btn,
  .hero-partners .hero-page_subscribe .btn {
    margin-top: 0;
  }
  .hero-news .hero-page .success,
  .hero-partners .hero-page .success {
    display: flex;
    align-items: stretch;
  }
  .hero-news .hero-page .success .success__wrap,
  .hero-partners .hero-page .success .success__wrap {
    align-items: stretch;
    height: auto;
  }
  .hero-news .hero-page .success .success__head,
  .hero-partners .hero-page .success .success__head {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .hero-news .hero-page .success .site__title,
  .hero-partners .hero-page .success .site__title {
    font-size: 22px;
    line-height: 32px;
  }
  .hero-news .hero-page .success p,
  .hero-partners .hero-page .success p {
    margin: auto 0;
    font-size: 16px;
    line-height: 24px;
  }
  .hero-news .hero-page--news,
  .hero-partners .hero-page--news {
    margin-bottom: 14px;
  }
  .hero-news .hero-page--news .site__title,
  .hero-partners .hero-page--news .site__title {
    font-family: "Amalia-Medium", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
    font-size: 24px;
    margin-bottom: 24px;
  }
  .hero-news .hero-page--news .btn-desktop,
  .hero-partners .hero-page--news .btn-desktop {
    display: none;
  }
  .hero-news .hero-page--news .btn-mob,
  .hero-partners .hero-page--news .btn-mob {
    display: block;
    margin-top: 32px;
  }
  .hero-news .hero-page--news .site-form__fieldset,
  .hero-partners .hero-page--news .site-form__fieldset {
    margin-bottom: 15px;
  }
  .hero-news .hero-page--partners,
  .hero-partners .hero-page--partners {
    margin-bottom: 14px;
  }
  .hero-news .hero-page--partners .site__title,
  .hero-partners .hero-page--partners .site__title {
    font-family: "Amalia-Regular", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
    font-size: 24px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1024px) {
  .hero-news .hero-page,
  .hero-partners .hero-page {
    display: block;
    max-width: 1344px;
    margin: 48px auto 113px;
    padding: 64px 0 64px;
  }
  .hero-news .hero-page .btn,
  .hero-partners .hero-page .btn {
    width: auto;
    margin-top: 32px;
  }
  .hero-news .hero-page .site__title,
  .hero-partners .hero-page .site__title {
    margin-bottom: 16px;
  }
  .hero-news .hero-page__wrap,
  .hero-partners .hero-page__wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .hero-news .hero-page__img-wrap,
  .hero-partners .hero-page__img-wrap {
    max-width: 352px;
    margin-left: 0;
    margin-right: 0;
  }
  .hero-news .hero-page--partners,
  .hero-partners .hero-page--partners {
    padding: 25px 0;
  }
  .hero-news .hero-page__row,
  .hero-partners .hero-page__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .hero-news .hero-page__row .site__title,
  .hero-partners .hero-page__row .site__title {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 30px;
    max-width: 590px;
    width: 100%;
    text-align: left;
  }
  .hero-news .hero-page__check-wrap,
  .hero-partners .hero-page__check-wrap {
    margin-top: 26px;
  }
  .hero-news .hero-page__text,
  .hero-partners .hero-page__text {
    margin-top: 16px;
    font-size: 24px;
    line-height: 32px;
  }
  .hero-news .hero-page__text p,
  .hero-partners .hero-page__text p {
    margin-bottom: 16px;
  }
  .hero-news .hero-page__text li,
  .hero-partners .hero-page__text li {
    margin-bottom: 16px;
  }
  .hero-news .hero-page__text li:after,
  .hero-partners .hero-page__text li:after {
    top: 12px;
    width: 8px;
    height: 8px;
  }
  .hero-news .hero-page__item-info,
  .hero-partners .hero-page__item-info {
    order: 1;
    width: 63%;
  }
  .hero-news .hero-page .hero-page__row,
  .hero-partners .hero-page .hero-page__row {
    width: 100%;
  }
  .hero-news .hero-page__back,
  .hero-partners .hero-page__back {
    font-size: 18px;
    line-height: 28px;
  }
  .hero-news .hero-page__back a,
  .hero-partners .hero-page__back a {
    padding-left: 32px;
    transition: color 0.3s ease;
  }
  .hero-news .hero-page__back a:hover:before,
  .hero-partners .hero-page__back a:hover:before {
    left: -4px;
  }
  .hero-news .hero-page__pic,
  .hero-partners .hero-page__pic {
    order: 2;
    margin: 0;
    max-width: 393px;
  }
  .hero-news .hero-page_with-img .hero-page__item-info,
  .hero-partners .hero-page_with-img .hero-page__item-info {
    order: 1;
    max-width: 50%;
  }
  .hero-news .hero-page_with-banner,
  .hero-partners .hero-page_with-banner {
    display: flex;
    align-items: center;
  }
  .hero-news .hero-page_with-banner .hero-page__wrap,
  .hero-partners .hero-page_with-banner .hero-page__wrap {
    width: 100%;
  }
  .hero-news .hero-page_horizontal,
  .hero-partners .hero-page_horizontal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 81.4%;
  }
  .hero-news .hero-page_horizontal .site__title,
  .hero-partners .hero-page_horizontal .site__title {
    margin-bottom: 0;
  }
  .hero-news .hero-page_horizontal .hero-page__text,
  .hero-partners .hero-page_horizontal .hero-page__text {
    margin-bottom: 4px;
  }
  .hero-news .hero-page_full,
  .hero-partners .hero-page_full {
    width: 100%;
  }
  .hero-news .hero-page_subscribe,
  .hero-partners .hero-page_subscribe {
    margin-bottom: 49px;
    padding-bottom: 32px;
  }
  .hero-news .hero-page_subscribe .site__title,
  .hero-partners .hero-page_subscribe .site__title {
    margin-bottom: 24px;
  }
  .hero-news .hero-page_subscribe .subscribe,
  .hero-partners .hero-page_subscribe .subscribe {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 32px;
  }
  .hero-news .hero-page_subscribe .subscribe .site-form__fieldset,
  .hero-partners .hero-page_subscribe .subscribe .site-form__fieldset {
    width: 69%;
    max-width: 480px;
    margin-right: 32px;
    margin-bottom: 0;
  }
  .hero-news .hero-page_subscribe .subscribe .site-form__fieldset .alert,
  .hero-partners .hero-page_subscribe .subscribe .site-form__fieldset .alert {
    display: block;
    position: absolute;
    height: 0;
    color: #ec4a4a;
    font-size: 13px;
    line-height: 21px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
  }
  .hero-news .hero-page_subscribe .btn,
  .hero-partners .hero-page_subscribe .btn {
    margin-top: 0;
  }
  .hero-news .hero-page_subscribe .success,
  .hero-partners .hero-page_subscribe .success {
    padding-top: 64px;
  }
  .hero-news .hero-page_subscribe .success__wrap,
  .hero-partners .hero-page_subscribe .success__wrap {
    text-align: left;
  }
  .hero-news .hero-page_subscribe .success__head,
  .hero-partners .hero-page_subscribe .success__head {
    padding-bottom: 0;
  }
  .hero-news .hero-page--news,
  .hero-partners .hero-page--news {
    padding-bottom: 63px;
    padding-top: 64px;
  }
  .hero-news .hero-page--news .subscribe,
  .hero-partners .hero-page--news .subscribe {
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
  }
  .hero-news .hero-page--news .site-form__fieldset input,
  .hero-news .hero-page--news .site-form__fieldset textarea,
  .hero-partners .hero-page--news .site-form__fieldset input,
  .hero-partners .hero-page--news .site-form__fieldset textarea {
    font-family: "Amalia-Medium", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
  }
  .hero-news .hero-page--news .site-form__fieldset input::-webkit-input-placeholder, .hero-news .hero-page--news .site-form__fieldset input:-moz-placeholder, .hero-news .hero-page--news .site-form__fieldset input::-moz-placeholder, .hero-news .hero-page--news .site-form__fieldset input::-ms-input-placeholder,
  .hero-news .hero-page--news .site-form__fieldset textarea::-webkit-input-placeholder,
  .hero-news .hero-page--news .site-form__fieldset textarea:-moz-placeholder,
  .hero-news .hero-page--news .site-form__fieldset textarea::-moz-placeholder,
  .hero-news .hero-page--news .site-form__fieldset textarea::-ms-input-placeholder,
  .hero-partners .hero-page--news .site-form__fieldset input::-webkit-input-placeholder,
  .hero-partners .hero-page--news .site-form__fieldset input:-moz-placeholder,
  .hero-partners .hero-page--news .site-form__fieldset input::-moz-placeholder,
  .hero-partners .hero-page--news .site-form__fieldset input::-ms-input-placeholder,
  .hero-partners .hero-page--news .site-form__fieldset textarea::-webkit-input-placeholder,
  .hero-partners .hero-page--news .site-form__fieldset textarea:-moz-placeholder,
  .hero-partners .hero-page--news .site-form__fieldset textarea::-moz-placeholder,
  .hero-partners .hero-page--news .site-form__fieldset textarea::-ms-input-placeholder {
    font-family: "Amalia-Regular", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
  }
  .hero-news .hero-page--news .site-form__fieldset input:hover, .hero-news .hero-page--news .site-form__fieldset input:focus,
  .hero-news .hero-page--news .site-form__fieldset textarea:hover,
  .hero-news .hero-page--news .site-form__fieldset textarea:focus,
  .hero-partners .hero-page--news .site-form__fieldset input:hover,
  .hero-partners .hero-page--news .site-form__fieldset input:focus,
  .hero-partners .hero-page--news .site-form__fieldset textarea:hover,
  .hero-partners .hero-page--news .site-form__fieldset textarea:focus {
    border-color: #000;
  }
  .hero-news .hero-page--news .btn_black:hover,
  .hero-partners .hero-page--news .btn_black:hover {
    border-color: #000;
    background: transparent;
    color: #000;
  }
  .hero-news .hero-page--news .btn-desktop,
  .hero-partners .hero-page--news .btn-desktop {
    display: block;
  }
  .hero-news .hero-page--news .btn-mob,
  .hero-partners .hero-page--news .btn-mob {
    display: none;
  }
}
@media (max-width: 1023px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .hero-news .hero-page_subscribe .success .is-success .site__title,
  .hero-partners .hero-page_subscribe .success .is-success .site__title {
    margin-bottom: 59px;
  }
  .hero-news .hero-page_subscribe .success .is-error .site__title,
  .hero-partners .hero-page_subscribe .success .is-error .site__title {
    margin-bottom: 47px;
  }
}
.hero-news .grecaptcha-badge,
.hero-partners .grecaptcha-badge {
  opacity: 0;
  visibility: hidden;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.news-filter-wrap .news-filter {
  padding-bottom: 16px;
}
.news-filter-wrap .news-filter .dropdown__result .dropdown__item {
  color: #000;
}
@media (max-width: 767px) {
  .news-filter-wrap .news-filter .site__title {
    text-align: center;
  }
  .news-filter-wrap .news-filter .dropdown {
    width: calc(50% - 7.5px);
    height: 36px;
    background-color: #f3f3f3;
  }
  .news-filter-wrap .news-filter .dropdown__result {
    width: calc(100% - 16px);
    height: inherit;
  }
  .news-filter-wrap .news-filter .dropdown__result:before, .news-filter-wrap .news-filter .dropdown__result:after {
    width: 9px;
    height: 7px;
  }
  .news-filter-wrap .news-filter .dropdown__item {
    font-family: "Amalia-Regular", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
    height: inherit;
    padding: 9px 12px;
    font-size: 16px;
  }
  .news-filter-wrap .news-filter__tools {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .news-filter-wrap .news-filter {
    margin-bottom: 39px;
  }
  .news-filter-wrap .news-filter .site__title {
    margin-bottom: 0;
    margin-right: 24px;
  }
  .news-filter-wrap .news-filter .dropdown__item {
    font-family: "Amalia-Regular", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
    font-size: 14px;
  }
  .news-filter-wrap .news-filter > .site__centered {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .news-filter-wrap .news-filter__wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 8px;
  }
  .news-filter-wrap .news-filter__tools {
    position: relative;
    top: 5px;
  }
  .news-filter-wrap .news-filter__categories {
    margin-top: 39px;
    padding-top: 28px;
    background-color: #f3f3f3;
  }
  .news-filter-wrap .news-filter__categories a {
    font-family: "Amalia-Medium", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
    margin-right: 32px;
    margin-bottom: 28px;
    padding: 8px 16px;
    background-color: #f9f9f9;
    color: #000;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
  }
  .news-filter-wrap .news-filter__categories a.is-active {
    background-color: #FEE600;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 2px 8px rgba(0, 0, 0, 0.1);
    pointer-events: none;
  }
  .news-filter-wrap .news-filter__categories a:hover {
    background-color: #FEE600;
  }
  .news-filter-wrap .news-filter__categories .site__centered {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
  }
}

.news-filter-wrap .news-search {
  width: 40%;
}
.news-filter-wrap .news-search .site-form__fieldset {
  margin-bottom: 0;
}
.news-filter-wrap .news-search .site-form__fieldset input, .news-filter-wrap .news-search .site-form__fieldset textarea {
  padding-left: 36px;
  padding-bottom: 3px;
  border-top: none;
  border-left: none;
  border-right: none;
  background-image: url("/img/search.svg");
  background-repeat: no-repeat;
  background-position: 0 calc(50% + 1px);
  background-size: 24px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}
.news-filter-wrap .news-search .site-form__fieldset input:focus, .news-filter-wrap .news-search .site-form__fieldset input:hover, .news-filter-wrap .news-search .site-form__fieldset textarea:focus, .news-filter-wrap .news-search .site-form__fieldset textarea:hover {
  border-bottom-color: #cdcdcd;
}
.news-filter-wrap .news-search__reset {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  opacity: 0;
  visibility: hidden;
  border: 0;
  width: 17px;
  height: 17px;
  background: 0 0;
  transition: all 0.3s;
  color: #000;
}
.news-filter-wrap .news-search__reset:hover {
  color: #FEE600;
}
.news-filter-wrap .news-search__reset::after, .news-filter-wrap .news-search__reset::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 1px;
  background: currentColor;
}
.news-filter-wrap .news-search__reset::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.news-filter-wrap .news-search__reset::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.news-filter-wrap .news-search__reset.show {
  opacity: 1;
  visibility: visible;
}

.news-general-wrap .news {
  padding: 46px 0 64px;
}
.news-general-wrap .news .site__title {
  align-items: center;
}
.news-general-wrap .news .btn-details {
  opacity: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-decoration: none;
}
.news-general-wrap .news .pagination {
  margin-top: 32px;
}
.news-general-wrap .news .call-card-order__info p {
  margin: 0;
}
.news-general-wrap .news .call-card-order__info .btn {
  border-radius: 0;
  margin-top: 32px;
}
.news-general-wrap .news__list-item {
  position: relative;
  min-height: 244px;
  margin-bottom: 16px;
  width: 100%;
  padding: 16px 16px 68px 16px;
  background: #f3f3f3;
}
.news-general-wrap .news__list-item-title {
  font-family: "Amalia-Medium", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 24px;
  color: #000;
}
.news-general-wrap .news__list-item-text {
  font-family: "Amalia-Regular", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 24px;
  color: #828282;
}
.news-general-wrap .news__list-item-footer time {
  font-family: "Amalia-Regular", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 24px;
  color: #828282;
}
.news-general-wrap .news_grid {
  margin-bottom: 64px;
  padding: 0;
}
.news-general-wrap .news_grid .news__column > * {
  margin-bottom: 16px;
}
.news-general-wrap .news_grid .news__list-item {
  min-height: auto;
  padding: 0;
}
.news-general-wrap .news_grid .news__list-item-content {
  min-height: 212px;
  padding: 16px 16px 77px 16px;
}
.news-general-wrap .news_grid .news__list-item-pic {
  max-height: 57.6vw;
  overflow: hidden;
}
.news-general-wrap .news_grid .news__list-item-pic img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1024px) {
  .news-general-wrap .news {
    padding: 96px 0 79px;
  }
  .news-general-wrap .news .btn-details {
    opacity: 0;
    top: 0;
    transition: 0.15s ease-in-out;
    transition-property: opacity, background-position;
  }
  .news-general-wrap .news .pagination {
    margin-top: 56px;
  }
  .news-general-wrap .news__list {
    display: flex;
    flex-wrap: wrap;
  }
  .news-general-wrap .news__list-item {
    width: 352px;
    height: 352px;
    overflow: hidden;
    padding: 32px 32px 52px 32px;
    margin-right: 32px;
    margin-bottom: 32px;
  }
  .news-general-wrap .news__list-item:last-child {
    margin-right: 0;
  }
  .news-general-wrap .news__list-item:hover .btn-details {
    opacity: 1;
  }
  .news-general-wrap .news .call-card-order__info p {
    margin: 0;
  }
  .news-general-wrap .news .call-card-order__info .btn {
    margin-top: 24px;
  }
  .news-general-wrap .news__list-item-text {
    margin-bottom: 0;
  }
  .news-general-wrap .news__list-item-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f3f3f3;
  }
  .news-general-wrap .news__list-item-footer time {
    display: flex;
    align-items: center;
    height: 52px;
    overflow: hidden;
    padding: 0 56px 0 32px;
    margin-bottom: 0;
    background-position: calc(100% - 32px) center;
    background-image: url("/img/arrow_black-right.svg");
    background-repeat: no-repeat;
  }
  .news-general-wrap .news_grid {
    margin-bottom: 112px;
    padding: 0;
  }
  .news-general-wrap .news_grid .call-card-order {
    width: calc(50% - 32px);
    margin: 16px;
    height: 456px;
  }
  .news-general-wrap .news_grid .news__list {
    justify-content: space-between;
  }
  .news-general-wrap .news_grid .news__column {
    margin: -16px;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
  }
  .news-general-wrap .news_grid .news__list-item {
    width: calc(50% - 32px);
    margin: 16px;
    height: 456px;
  }
  .news-general-wrap .news_grid .news__list-item:hover .news__list-item-pic {
    filter: grayscale(0);
  }
  .news-general-wrap .news_grid .news__list-item-content {
    padding: 32px 32px 77px 32px;
  }
  .news-general-wrap .news_grid .news__list-item-pic {
    max-height: 244px;
    filter: grayscale(1);
    transition: fil 0.15s ease-in-out;
  }
}

@media screen and (max-width: 1024px) {
  .article-section article img {
    max-width: 100%;
    height: auto !important;
  }
}
.sub-info {
  padding-top: 64px;
  padding-bottom: 68px;
}
.sub-info .more-btn {
  margin-top: 8px;
}
.sub-info__wrap, .sub-info .collapse-wrap__popup-wrap {
  display: flex;
  flex-direction: column;
}
.sub-info__wrap {
  font-size: 13px;
  line-height: 16px;
  font-family: "Amalia-Light", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
}
.sub-info__item {
  margin-bottom: 25px;
  color: #828282;
  transition: color 0.15s ease-in-out;
}

@media (min-width: 768px) {
  .sub-info__wrap, .sub-info .collapse-wrap__popup-wrap {
    flex-flow: wrap row;
    justify-content: space-between;
  }
  .sub-info__item {
    width: calc(50% - 15px);
  }
}
@media (min-width: 1024px) {
  .sub-info {
    padding-top: 112px;
    padding-bottom: 120px;
  }
  .sub-info__wrap {
    font-size: 15px;
    line-height: 24px;
  }
  .sub-info__item {
    margin-bottom: 40px;
  }
}
.success {
  opacity: 0;
  visibility: hidden;
  transition: 0.15s linear;
  transition-property: visibility, opacity;
}
.success__wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  text-align: center;
}
.success__wrap p {
  font-size: 24px;
  line-height: 32px;
  font-family: "Amalia-Light", sans-serif;
  font-weight: 400 !important;
  font-style: normal;
}
.success__wrap mark {
  color: #EC4A4A;
}
.success__head {
  padding-bottom: 32px;
}
.success .is-error,
.success .is-success {
  display: none;
}
.success.is-showed {
  opacity: 1;
  visibility: visible;
}

.subscribe + .success {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background-color: #cdcdcd;
  padding: 32px;
}
@media screen and (min-width: 1024px) {
  .subscribe__row-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
  }
}

.popup-cookies {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  display: none;
}
.popup-cookies.open {
  display: block;
}
.popup-cookies__b-head {
  padding: 6px 49px;
  background-color: #ffed43;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.popup-cookies__b-head .content {
  display: flex;
  align-items: center;
}
.popup-cookies__b-head .content p {
  font-family: "futurademic", sans-serif;
  line-height: 17px;
  font-size: 14px;
  color: #27282d;
  margin-right: 24px;
}
.popup-cookies__b-head .content .b_btns {
  display: flex;
  align-items: center;
}
.popup-cookies__b-head .content button {
  font: inherit;
  font-family: futurabookc, sans-serif;
  min-width: 100px;
  height: 24px;
  font-size: 14px;
  margin-right: 16px;
  line-height: 11px;
  background: white;
  color: #27282d;
  text-decoration: none;
  outline: none;
  transition: 0.3s;
  cursor: pointer;
  padding: 6px 25px;
  border-radius: 4px;
  border: 0.5px solid rgba(0, 0, 0, 0.7);
}
.popup-cookies__b-head .content button:hover {
  border-color: white;
}
.popup-cookies__b-head .content button:active {
  border-radius: 0;
}
.popup-cookies__b-head .content .toggler {
  font-family: "futurabookc", sans-serif;
  font-size: 14px;
  color: #27282d;
  text-decoration: underline;
  position: relative;
}
.popup-cookies__b-head .content .toggler span {
  font-size: 16px;
  line-height: 24px;
  color: #212225;
  font-family: futurademic, sans-serif;
  display: inline-block;
}
.popup-cookies__b-head .content .toggler:after {
  content: "";
  position: absolute;
  display: block;
  top: 10px;
  right: -19px;
  width: 11px;
  height: 6px;
  background: url("/img/down-arrow.png") 0 0 no-repeat;
}
.popup-cookies__b-head .content .toggler span + span {
  display: none;
}
.popup-cookies__b-head .content .toggler.open span:first-child {
  display: none;
}
.popup-cookies__b-head .content .toggler.open span + span {
  display: inline-block;
}
.popup-cookies__b-head .content .toggler.open:after {
  transform: rotate(180deg);
}
.popup-cookies__b-head .close {
  position: absolute;
  top: 12px;
  right: 49px;
  cursor: pointer;
}
.popup-cookies__b-content {
  padding: 0 49px 0;
  background-color: #fff484;
  height: 120px;
  font-family: "futurabookc", sans-serif;
  font-size: 14px;
  line-height: 1.43;
  color: #27282d;
  max-height: 0;
  overflow: hidden;
  transition: max-width 0.3s, padding 0.3s linear;
}
.popup-cookies__b-content.show {
  padding: 8px 49px 16px;
  max-height: 2000px;
  overflow: auto;
}
.popup-cookies__b-content.show::-webkit-scrollbar {
  display: none;
}
.popup-cookies__b-content a {
  cursor: pointer;
  color: #000;
}

@media screen and (max-width: 860px) {
  .section-do-online__img {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .b-service {
    flex-direction: column;
    align-items: center;
  }
  .b-service__left {
    max-width: 550px;
    margin-right: 0;
    margin-bottom: 30px;
    text-align: center;
  }
  .b-service__left > h2 {
    margin-top: 0;
  }
  .b-service__left > ul {
    text-align: left;
  }
  .b-service__b-video {
    display: none;
    margin: 0 auto;
  }
  .b-service .course-block {
    justify-content: center;
  }
  .b-service__w-slider {
    visibility: visible;
  }
  .b-service__right {
    width: auto;
  }
  .b-download__qr {
    display: none;
  }
  .section-do-online {
    padding: 25px 0;
  }
  .section-do-online__container {
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  .section-do-online__b-right {
    margin-bottom: 85px;
  }
  .section-do-online__w-download {
    margin-bottom: 60px;
  }
  .section-do-online__b-back {
    position: absolute;
    left: 20px;
    bottom: 30px;
  }
  .section-how-registration__content {
    flex-direction: column;
    align-items: center;
  }
  .section-how-registration__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .section-how-registration__item:last-child {
    margin-bottom: 0;
  }
  .section-update-app__container {
    flex-direction: column;
    align-items: center;
  }
  .section-update-app__img {
    margin-right: 0;
    margin-bottom: 25px;
  }
  .section-update-app__content {
    text-align: center;
  }
  .section-update-app .b-download {
    justify-content: center;
  }
  .section-pay-phone__content {
    flex-direction: column;
  }
  .section-pay-phone__content-item:first-child {
    margin-right: 0;
    margin-bottom: 40px;
  }
  .section-order-card {
    padding: 50px 0 50px;
  }
  .section-info-sequire {
    padding: 50px 0 12px;
  }
  .section-files-download {
    padding: 12px 0 50px;
  }
  .section-files-download__content {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .section-files-download__content-item {
    width: 100%;
    margin-bottom: 24px;
  }
  .section-files-download__content-item:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-height: 580px) and (min-width: 767px) {
  .section-do-online {
    margin-top: 85px;
  }
}
@media screen and (max-width: 767px) {
  .section-do-online {
    margin-top: 85px;
  }
}
@media screen and (max-width: 450px) {
  .section-do-online {
    margin-top: 20px;
  }
  .section-info-sequire__b-info {
    padding: 30px 15px 48px;
  }
}
@media screen and (max-width: 960px) {
  .raiffeisen-research.block_104 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .raiffeisen-research.block_104 .raiffeisen-research__content {
    padding: 40px;
  }
}
@media screen and (max-width: 600px) {
  .financial-review .subscribe-form-analytics-wrap {
    flex-wrap: wrap;
  }
  .financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper .form-field input[type=text], .financial-review .subscribe-form-analytics-wrap .subscribe-input-wrapper .form-field input[type=email] {
    background-color: #ffffff;
  }
  .popup-send-on-email .b-main {
    padding: 20px 30px;
    width: 95%;
  }
  .popup-send-on-email .b-main .subscribe-form-analytics-wrap-popup {
    flex-wrap: wrap;
  }
  .raiffeisen-research {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 990px) {
  .popup-cookies__b-head {
    padding: 10px 49px;
  }
  .popup-cookies__b-head .content {
    flex-direction: column;
    align-items: flex-start;
  }
  .popup-cookies__b-head .content p {
    margin-bottom: 10px;
  }
  .popup-cookies__b-head .content .b_btns {
    margin-bottom: 10px;
  }
  .popup-cookies__b-head .content .toggler span {
    font-size: 12px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1000px) {
  .tab-block-section .tab-block .tab {
    font-size: 17px;
  }
}
@media screen and (max-width: 700px) {
  .intro-slider-section__pay-part .intro-slider .slider-item .container .text .title {
    font-size: 22px;
  }
  .intro-slider-section__pay-part .intro-slider .slider-item .container .text .description {
    font-size: 16px;
  }
  .intro-slider-section__pay-part .intro-slider .slider-item .container .text .btn-block .btn {
    font-size: 16px;
  }
  .intro-slider-section__pay-part .intro-slider .slider-item .container .back-to-main {
    font-size: 16px;
  }
  .pay-part-section__info .container h2 {
    font-size: 16px;
  }
  .pay-part-section__info .container > p {
    font-size: 16px;
  }
  .pay-part-section__info .container ul li {
    font-size: 16px;
  }
  .tab-block-section .tab-block {
    flex-direction: column;
    align-items: center;
  }
  .tab-block-section .tab-block .tab {
    width: 100%;
    font-size: 16px;
  }
  .tab-block-section .tab-block__content p {
    font-size: 16px;
  }
  .tab-block-section .content-info__item h3 {
    font-size: 20px;
  }
  .tab-block-section .content-info__item p {
    font-size: 16px;
  }
  .tab-block-section .content-info h3 {
    font-size: 20px;
  }
  .tab-block-section .content-info p {
    font-size: 16px;
  }
  .tab-block-section .content-info__items {
    flex-direction: column;
    align-items: center;
  }
  .tab-block-section .content-info__item {
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
    text-align: center;
  }
  .tab-block-section .block-blue {
    font-size: 16px;
  }
  .tab-block-section .content-sub {
    flex-direction: column;
    align-items: center;
  }
  .tab-block-section .content-sub__text {
    margin-top: 40px;
    margin-left: 0;
    max-width: 489px;
  }
  .easy-repayment-section .container p {
    font-size: 16px;
  }
  .easy-repayment-section .container .list .item {
    font-size: 16px;
  }
  .early-repayment-section .container h2 {
    font-size: 20px;
  }
  .early-repayment-section .container ol li {
    font-size: 16px;
  }
  .pay-part-section.section-useful-info .b-useful-info__head > h2 {
    font-size: 16px;
  }
  .pay-part-section.section-useful-info .b-useful-info__b-search {
    width: auto;
  }
  .pay-part-section.section-useful-info .b-useful-info__b-search > input {
    font-size: 16px;
  }
  .pay-part-section .helpful-page-section .text {
    font-size: 16px;
  }
  .pay-part-section .btn {
    font-size: 16px;
  }
  .pay-part-section .helpful-page-section .share {
    font-size: 16px;
  }
  .pay-part-section .news-section .news-slider .news-item .news-title {
    font-size: 16px;
  }
  .pay-part-section .news-section .news-slider .news-item .news-date {
    font-size: 14px;
  }
  .pay-part-section .news-section .title {
    font-size: 22px;
  }
}

.dark-theme header .online-banking-btn:after{
    background: url(/img/online-banking-icon-white.svg) 0 0 no-repeat;
}
.dark-theme header .online-banking-btn:hover:after{
    background: url(/img/online-banking-icon.svg) 0 0 no-repeat;
}
.dark-theme header .langs .other-langs{
    box-shadow: none;
}
.dark-theme .block-bottom{
    position: fixed;
    bottom: 140px;
    right: 30px;
    width: 60px;
    z-index: 1000;
}
.dark-theme .block-bottom .scroll-top, .dark-theme .block-bottom .message-box{
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 50%;
    background-color: #ebecef;
    background-repeat: no-repeat;
    background-position: center;

}
.dark-theme .block-bottom .scroll-top{
    background-image: url(/img/up-arrow.svg);
    margin-bottom: 0px;
}
.dark-theme .block-bottom .message-box{
    background-image: url(/img/message.svg);
    background-size: 26px;
    transform: scale(-1, 1);
    display:none;
}
.dark-theme{
    background-color: #27282d;
    color:#fff;
    position: relative;
    padding-top: 140px;
}
.dark-theme a{
    color:#fff;
}
.dark-theme:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #e0e6ed;
    top: 110px;
    left: 0;
}
.dark-theme .helpful-page-section .btns .btn{
    background: transparent;
}
.dark-theme .helpful-page-section .btns .btn:hover{
    background: #fff;
    color: #000;
}
.dark-theme .center{
    width: 100%;
    max-width: 1064px;
    margin: auto;
    padding: 0  20px;
}
.premium .back-to-main {
    text-decoration: none;
    font-size: 18px;
    line-height: 1.33;
    text-align: left;
    color: #ffffff;
    background: url(/img/rectangle-7.svg) left center no-repeat;
    padding-left: 30px;
}
.premium-nav{
    text-align: center;
    width: 100%;
    border-bottom: 1px solid rgba(255, 233, 16, 0.1);
    margin: 50px 0;
}
.premium-nav--link{
    list-style-type: none;
    position: relative;
}

.premium-nav--link li{
    display: inline-block;

}
.premium-nav--link li a{
    display: block;
    padding: 15px 40px ;
    border-bottom: 4px solid transparent;
    margin-bottom: -1px;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}
.premium-nav--link li a:hover, .premium-nav--link li a.active{
    border-bottom: 4px solid #fce610;;
}

.premium-consultant{
    background-image: url(/img/premium_cons.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0 150px;
    min-height: 390px;
}
.premium-consultant--title{
    line-height: 1;
    letter-spacing: 0.6px;
    color: #f9fbfd;
    font-size: 48px;
    font-family: 'futurademic', sans-serif;
}

.premium-consultant--text{
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: normal;
    color: #ffffff;
    margin: 25px 0;
    max-width: 600px;
}
.premium-cards{
    /*padding-top: 100px;*/

}
.premium-cards--title{
    font-size: 40px;
    line-height: 1.2;
    color: #ffffff;
    font-family: 'futurademic', sans-serif;
}
.premium-cards--text{
    font-size: 16px;
    line-height: 1.38;
    color: #ffffff;
    padding: 2px 0 65px;
}
.dark-theme .insurance-programs-section{
    padding-top: 0;
}
.dark-theme .packages-list .package-item .cards-slider-block{
    width: 298px;
}
.dark-theme  .packages-list .package-item.horizontal .cards-slider-block{
    width: 298px;
}
.dark-theme .how-to-open-deposit-section .title{
    color: #f9fbfd;
}
.dark-theme .how-to-open-deposit-section .steps .step .description{
    color: #f9fbfd;
}
.dark-theme .packages-list .package-item .cards-slider-block .cards-slider .slider-item .image{
    object-fit: contain;
}
.dark-theme .packages-list .package-item .cards-slider-block .cards-slider .slider-item .image img{
    border-radius: 10px;
}
.dark-theme .packages-list .package-item .package-description .features .feature .icon{
    background-color: transparent;
    color: #fff;
}
.dark-theme  .packages-list .package-item .package-description .title span{
    background-color: #111;
}
.dark-theme .packages-list .package-item .package-description .title,
.dark-theme .packages-list .package-item .package-description .features .feature .text,
.dark-theme .packages-list .package-item .package-description .description
{
    color:#ffffff;
}
.dark-theme .packages-list .package-item{
    border: 0px;
    border-bottom: 1px solid #4f555b;
}
.premium-cards .packages-list{
    display: block;
}

.dark-theme  .compare-block-section .compare-block{
    background-color: #1c1c1c;

}
.dark-theme .compare-block-section .compare-block .text{
    color:#fff;
}
.premium-info{
    margin-bottom: 135px;
}

.premium-info .center{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 60px 0 70px;
    text-align: center;
    position: relative;
}
.premium-info .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    object-position: center;
}
.premium-info--title{
    max-width: 680px;
    width: 100%;
    margin: auto;
    font-size: 32px;
    line-height: 1.19;
    text-align: center;
    color: #ffffff;
    font-family: 'futurademic', sans-serif;
}
.premium-info--text{
    max-width: 700px;
    width: 100%;
    margin:20px auto;
    font-size: 16px;
    line-height: 1.38;
    text-align: center;
    color: #ffffff;

}

.dark-theme  .why-raiffeisen-section .title{
    color: #fff;
    margin-bottom: 75px;
}
.dark-theme .why-raiffeisen-section .bank-features .feature .text .feature-description{
    color: #fff;
    margin-top: 30px;
}
.dark-theme  .why-raiffeisen-section .bank-features .feature{
    width: calc(20% - 10px);
}
.premium-special_conditions{
    padding-bottom: 75px;
}
.premium-special_conditions--title{
    font-family: 'futurademic', sans-serif;
    font-size: 40px;
    line-height: 1.2;
    text-align: center;
    color: #f9fbfd;

}
.premium-special_conditions--list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-around;
    margin-top: 40px;
}
.premium-special_conditions--item{
    width: 330px;
    height: 178px;
    position: relative;
    margin: 15px 0;
}

.premium-special_conditions--item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.3;
    border-radius: 3px;

}
.premium-special_conditions--item  span{
    font-family: 'futurademic', sans-serif;
    font-size: 24px;
    line-height: 1.33;
    text-align: center;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.dark-theme .faq-section{
    background-color: #1c1c1c;
}
.dark-theme .faq-section .title{

    color: #f9fbfd;
}
.dark-theme .faq-section .description{
    max-width: 600px;
    margin: 0 auto 48px;
    text-align: center;
    color: #f9fbfd;
}
.dark-theme .faq-section .faq-list .faq-item{
    background-color: #27282d;
    border: solid 1px #e0e6ed;
    padding-right: 30px;

}
.dark-theme .faq-section .faq-list .faq-item .faq-question{
    color: #f9fbfd;
}


.dark-theme .faq-section .faq-list .faq-item .faq-answer p{
    color: #f9fbfd;
}
.dark-theme .faq-section .faq-list .faq-item .faq-answer ul li{
    color: #f9fbfd;
}
.dark-theme .faq-section .faq-list .faq-item .faq-answer ul li:before{
    background: #f9fbfd;
}
.dark-theme .faq-section .faq-list .faq-item .faq-question:after{
    background-image: url(/img/arrow-faq_w.svg);
}
.dark-theme  .helpful-page-section .text{
    color: #f9fbfd;
}
.dark-theme .helpful-page-section .share{
    color: #f9fbfd;
}
.dark-theme .helpful-page-section .share .fb{
    background: url("/img/fb-icon-dark-t.svg") 0 0 no-repeat;
}
.dark-theme .helpful-page-section .share .tw{
    background: url("/img/tw-icon-dark-t.svg") 0 0 no-repeat;
}
.dark-theme .helpful-page-section .yes-answer{
    color: #f9fbfd;
    background: url("/img/sharik-b.svg") left center no-repeat;
}
.dark-theme .helpful-page-section .no-answer form label{
    color: #f9fbfd;
}
.dark-theme .helpful-page-section .no-answer form textarea{
    border:1px solid #e0e6ed;
    color: #e0e6ed;
    background: transparent;
}
.dark-theme .news-section .title{
    color: #f9fbfd;
}
.dark-theme .news-section .title a{
    color: #f9fbfd;
}
.dark-theme .news-section .news-slider .slick-next:before,
.dark-theme  .news-section .news-slider .slick-prev:before{
    background-image: url(/img/arrow_left_w.svg);
    background-size: contain;
}
 .dark-theme .news-section .news-slider .news-item .news-title,
 .dark-theme .news-section .news-slider .news-item .news-date{
     color: #f9fbfd;
 }
.dark-theme .news-section .news-slider .news-item .news-date{
    background: url(/img/news-icon2.svg) 0 0 no-repeat;
}
.dark-theme .news-section .news-slider .news-item:hover{
    border-color: transparent;
}
.dark-theme  footer .top-footer{
    border-top: 2px solid #4f555b;
}
.dark-theme  footer .top-footer .help-center-block > .title,
.dark-theme footer .top-footer .footer-menu ul li a,
.dark-theme footer .top-footer .footer-rates .rate-currency span,
.dark-theme footer .top-footer .footer-rates .rate-numbers span{
    color: #f9fbfd;
}
.dark-theme footer .top-footer .footer-rates .block-title{
    color: rgba(224, 230, 237, 0.61);
}
.dark-theme footer .bottom-footer{
    background-color: #4f555b;
}
.dark-theme footer .bottom-footer .social-block,
.dark-theme  footer .bottom-footer .copy-block a,
.dark-theme  footer .bottom-footer .fgvfo-link a{
    color: rgba(249, 251, 253, 0.51);
}
footer .bottom-footer .fgvfo-link a{
    opacity: 1;
}




/**********************************/
.dark-theme  .insurance-programs-section .top-container .header .title{
    color: #f9fbfd;
    font-size: 40px;
}
.dark-theme .insurance-programs-section .top-container .header .description{
    color: #f9fbfd;
}

.dark-theme .insurance-programs-section .top-container .packages-tabs-btns .tab-btn{
    background-color: transparent;
    border-color: #97a4b1;
    color: #97a4b1;
}
.dark-theme .insurance-programs-section .top-container .packages-tabs-btns .tab-btn:hover,
.dark-theme .insurance-programs-section .top-container .packages-tabs-btns .tab-btn.active {
    background-color: #ffef00;
    border: solid 1px #ffef00;
    color: #212225;
}
.dark-theme .insurance-programs-section .programs-list{
    border: none;
}
.dark-theme .insurance-programs-section .programs-list .program-item .top-part .right-side .bid{
    text-align: right;
}

/*************************/
.dark-theme .deposits-section {
    padding-top: 0;
}
.dark-theme .deposits-section .block-title{
    color: #fff;
}
.dark-theme .deposits-section .block-description,
.dark-theme .deposits-section .deposits-calculators-block .title,
.dark-theme .deposit-calculator-section .calculator-block .calc-part .top .title,
.dark-theme .calculator-container form .calculator-block .calculator-slider-title,
.dark-theme .calculator-container form .calculator-block .calculator-inputs input[type="text"],
.dark-theme .deposit-calculator-section .calculator-block .calc-part .bottom .calculator-slider-block .calculator-inputs input[type="text"],
.dark-theme .calculator-container form .calculator-block .calculator-inputs .text,
.dark-theme .deposit-calculator-section .calculator-block .calc-part .bottom .calculator-slider-block .calculator-slider-title,
.dark-theme .deposit-calculator-section .calculator-block .result-part .result .r-number,
.dark-theme .calculator-container form .calculator-block .calculator-inputs select,
.dark-theme .calculator-container form .calculator-checkboxes .calculator-checkbox .checkbox-title,
.dark-theme .calculator-container form .calculator-checkboxes .calculator-checkbox .checkbox-block label{
    color: #f9fbfd;
}
.dark-theme .calculator-container form .calculator-block .calculator-inputs .select-container:after{
    border-color: #f9fbfd transparent transparent transparent;
}
.dark-theme .credit-calculator-section form .form-container .left-side .calculator-checkboxes .calculator-checkbox .checkbox-block label{
    color: #f9fbfd;
}
.dark-theme .calculator-container form .calculator-block .calculator-inputs select option{
    color: #1c1c1c;
}
.dark-theme .calculator-container form .calculator-checkboxes{
    width: 100%;
}
.dark-theme .deposits-section .deposits-calculators-block,
.dark-theme .deposit-calculator-section .calculator-block{
    background-color: #1c1c1c;
}
.dark-theme .calculator-container form .calculator-block .calculator-inputs span,
.dark-theme .deposit-calculator-section .calculator-block .calc-part .bottom .calculator-slider-block .calculator-inputs span{
    border: none;
    background: none;
    font-size: 32px;
    line-height: 40px;
    text-align: left;
    color: #fff;
    height: 40px;
}
.dark-theme .calculator-container form .calculator-checkboxes .calculator-checkbox .checkbox-block label:after{
    background-color: transparent;
    border: solid 1px #97a4b1;
}
.dark-theme .calculator-container form .calculator-block .calculator-slider .slider.ui-slider-horizontal .ui-slider-range-min {
    background: #fce610;
}
.dark-theme .deposit-calculator-section .calculator-block .calculator-radioboxes .calculator-radiobox label,
.dark-theme .deposit-calculator-section .calculator-block .calculator-radioboxes span{
    color: #fff;
}
.dark-theme .deposit-advantages-section .title,
.dark-theme .deposit-advantages-section .advantages-list .advantage-item .a-title{
    color: #f9fbfd;
}
.dark-theme .deposit-advantages-section .advantages-list .advantage-item .a-description{
    color: #e0e6ed;
}
.dark-theme .deposit-advantages-section{
    padding-bottom: 90px;
}

.premium-assurance{
    background-color: #63ceca;
    padding:40px 0;
    margin-bottom: 70px;
}
.premium-assurance .center{
    display: flex;
    flex-direction: row;
    justify-content:center;
}
.premium-assurance--text{
    max-width: 400px;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #27282d;
}
.premium-assurance--img{
    margin-right: 80px;
    width: 100px;
    height: 80px;
}
.dark-theme .pr_credit.deposits-section .deposits-list .deposit-item .top-part .left-side .description{
    max-width: 390px;
}
.dark-theme .credit-calculator-section form{
    border-radius: 4px;
    background-color: #1c1c1c;
}

.dark-theme .credit-calculator-section form .title,
.dark-theme .credit-calculator-section form .form-container .right-side .calculator-result .result{
    color: #fff;
}
.dark-theme .credit-calculator-section form .form-container .right-side .calculator-result .result span{
    color: #fff;
}
.dark-theme .credit-calculator-section form .form-container .left-side .calculator-block .calculator-slider-title,
.dark-theme .credit-calculator-section form .form-container .left-side .calculator-block .calculator-inputs input[type="text"]{
    color: #f9fbfd;
}

.dark-theme .credit-calculator-section form .form-container .right-side .calculator-result .block-title{
    color: #f9fbfd;
}


.dark-theme .credit-calculator-section form  .form-hint{
    color: #97a4b1;
    margin: 0px 0 5px;
    width: 70%;
}

.dark-theme .credit-calculator-section form .form-container .left-side .calculator-block .calculator-slider .slider.ui-slider-horizontal .ui-slider-range-min{
    background: #fce610;
}
.dark-theme  .calculator-block  .left,
.dark-theme  .calculator-block  .right{
    font-size: 14px;
    color: #637282;
}

.ptemium-rates{
    margin: 100px 0;
}
.ptemium-rates--title, .ptemium-rates h2{
    text-align: center;
    font-size: 40px;
    line-height: 1.2;
    text-align: center;
    color: #ffffff;
    font-family: 'futurademic', sans-serif;
    margin-bottom: 40px;
}
.ptemium-rates table{
    width: 100%;
}
.ptemium-rates table th{
    max-width: 220px;
    min-width: 150px;
    width: 23%;
    font-family: 'futurademic', sans-serif;
    font-size: 16px;
    line-height: 1.38;
    color: #f9fbfd;
    text-align: left;
    padding: 15px 10px 15px 0;
    vertical-align: top;
}
.ptemium-rates table td{
    font-size: 16px;
    color: #e0e6ed;
    border-bottom: solid 2px #4f555b;
    padding: 15px 0px 15px 0;
}
.ptemium-rates table td:first-child{
    max-width: 220px;
    min-width: 150px;
    width: 23%;
    font-size: 16px;
    line-height: 1.38;
    color: #f9fbfd;
    text-align: left;
    padding: 15px 10px 15px 0;
    vertical-align: top;
}
.dark-theme .repayment-methods-section{
    background-color: transparent;
}

.dark-theme .repayment-methods-section .block-title{
    font-size: 40px;
    line-height: 1.2;
    color: #ffffff;
    font-family: 'futurademic', sans-serif;
}

.dark-theme .repayment-methods-section .repayment-methods .method .title{
    font-size: 16px;
    line-height: 1.38;
    text-align: center;
    color: #f9fbfd;
}

.dark-theme .repayment-methods-section .repayment-methods .method .description{
    font-size: 14px;
    color: #f9fbfd;
}
.dark-theme .repayment-methods-section .repayment-methods .method .description a{
    color: #f9fbfd;
}
.ptemium-document{
    min-height: 500px;
    background-color: rgba(28, 28, 28, 0.6);
    text-align: center;
    padding: 65px 0;
    margin-top: 80px;
}
.ptemium-document--titel{
    font-family: 'futurademic', sans-serif;
    font-size: 40px;
    line-height: 1.2;
    color: #ffffff;

}
.ptemium-document--list{
    margin: 70px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;
}
.ptemium-document--item{
    width: 30%;
    max-width:  300px;
    font-size: 14px;
    color: #ffffff;
}
.ptemium-document--item img{
    display: block;
    margin: 0px auto 40px;
}
/************/
.dark-theme .premium-header--info{

    margin: 35px 0 80px;
}

.dark-theme .premium-header--info .btn {
    width: 200px;
    margin-top: 25px;
}

.dark-theme .premium-header--info .text .title{
    font-family: 'futurademic', sans-serif;
    font-size: 40px;
    line-height: 1.2;
    color: #f9fbfd;
}

.dark-theme .premium-header--info .text .description{
    max-width: none;
    font-size: 18px;
    line-height: 1.44;
    color: #ffffff;
    margin-top: 25px;
}

.dark-theme .program-advantages-section .title,.dark-theme .program-advantages-section h2{
    font-size: 40px;
    line-height: 1.2;
    color: #ffffff;
    font-family: 'futurademic', sans-serif;
}
.dark-theme .program-advantages-section .advantages .item{
    width: 33%;
    min-width: 250px;
}
.dark-theme .program-advantages-section .advantages .item .name{
    font-size: 18px;
    color: #ffffff;
}

.dark-theme .program-advantages-section .advantages .item .description{
    font-size: 14px;
    color: #ffffff;
    max-width: 236px;
    margin: 0 auto;
}

.dark-theme .why-raiffeisen-section{
     text-align: center;
 }
.dark-theme .why-raiffeisen-section .btn.yellow-btn{
    margin-top: 50px;
}
.dark-theme .program-advantages-section{
    margin-bottom: 30px;
}
.insurance-conditions{
    margin: 40px 0 140px;
}
.insurance-conditions--title{
    font-size: 40px;
    line-height: 1.2;
    text-align: center;
    color: #f9fbfd;
    margin-bottom: 65px;
}
.insurance-conditions table {
    border: solid 1px #e0e6ed;
    width: 100%;

}
.insurance-conditions table td:last-of-type {
    width: 17%;
    text-align: center;
    border: solid 1px #e0e6ed;
    padding:17px 10px;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1.33;
    color: #f9fbfd;
}
.insurance-conditions table td:last-of-type span{
    display: inline-block;
    width: 21px;
    height: 12px;
    border-left: 2px solid #4baf50;
    border-bottom: 2px solid #4baf50;
    transform: rotate(-45deg);
}
.insurance-conditions table td{
    border: solid 1px #e0e6ed;
}
.insurance-conditions table td:nth-last-of-type(2) {
    border: solid 1px #e0e6ed;
    width: 58%;
    padding: 17px 35px;
    vertical-align: middle;
    position: relative;
    font-size: 18px;
    line-height: 1.33;
    color: #f9fbfd;
}
.insurance-conditions table td:nth-last-of-type(2):before{
    position: absolute;
    /*content: '';*/
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fce610;;
    left: 20px;
    top: calc(50% - 2px);
}
.insurance-conditions table th{
    background-color: rgba(249, 251, 253, 0.11);
    border: solid 1px #e0e6ed;
    text-align: left;
    padding:25px 30px;
    vertical-align: middle;
    font-size: 18px;
    line-height: 1.33;
    color: #f9fbfd;
    font-family: 'futurademic', sans-serif;
}
.insurance-conditions table .bold{
    font-family: 'futurademic', sans-serif;
}
.dark-theme .category-clinics{
}
.dark-theme .category-clinics .ui-corner-all{
    margin-top: 18px;
    width: 100%;
    background: transparent;
    padding: 10px;
    border-radius: 4px;
    border: solid 1px #4f555b;
    font-size: 18px;
    color: #f9fbfd;
}
.dark-theme  .ui-menu .ui-menu-item-wrapper{
    padding: 10px 15px 10px;
    border-color: transparent;
    background: transparent;
    color: #333;
    transition: .4s;
    transform: translateX(0);
    margin: 0;
}
.dark-theme  .ui-menu .ui-menu-item-wrapper.ui-state-active{
    margin: 0;
    transform: translateX(-2px);
}

.dark-theme .ui-selectmenu-menu .ui-menu .ui-menu-item{
    padding: 5px 10px;
}
.dark-theme .category-clinics .ui-selectmenu-button.ui-button {
    margin-bottom: 14px;
    margin-top: 0px;
    width: 100%;
    padding: 10px 15px;
    background: transparent;
    color: #f9fbfd;
    font-size: 18px;
}
.dark-theme .ui-button:active{
    color: initial;
    border-color: initial;
    background-color: initial;
}
.dark-theme  .ui-button .ui-icon{
    background-image: url(images/ui-icons_ffffff_256x240.png);
    margin-top: 3px;
}

.checkbox-services{
    font-size: 14px;
    color: #f9fbfd;
    margin-left: 20px;
}
.checkbox-services input[type="checkbox"]{
    display: none;
}
.checkbox-services input[type="checkbox"]+ label{
    display: inline-block;
    position: relative;
    width: 40px;
    height: 24px;
    border-radius: 12px;
    background-color: #4f555b;
    margin: -5px 8px;
    cursor: pointer;
}
.checkbox-services input[type="checkbox"]+ label:before{
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    background-color: #ffef00;
    border-radius: 50%;
    left: 4px;
    top: 4px;
}
.checkbox-services input[type="checkbox"]:checked+ label:before{
    left: auto;
    right: 4px;
}
.services-info img{
    margin: 0 5px;
}
/*****************/
.dark-theme .package-services-premium .premium-header--info .text .description{
    color: #637282;
    font-size: 16px;
    margin: 0;
}
.dark-theme .package-services-premium .premium-header--info .text .description a{
    color: #637282;
}
.dark-theme .package-services-premium .packages-list .package-item:first-of-type{

    border-bottom: none;
}
.dark-theme .package-services-premium.premium-cards{
    padding-top: 0px;
}
.dark-theme .package-services-premium .premium-header--info{
    margin-bottom: 20px;
}
.package-services-premium .packages-list  .package-item .package-description .features{
    margin-top: 61px;
    position: relative;
}
.package-services-premium .packages-list  .package-item .package-description .features:before{
    position: absolute;
    /*content: "";*/
    width: 115px;
    height: 2px;
    opacity: 0.3;
    background-color:  #637282;
    top: 48%;
    left: calc(50% - 100px);
}
.dark-theme .main-features-section .title{
    font-size: 40px;
    font-family: 'futurademic', sans-serif;
    color: #f9fbfd;
}
.dark-theme .main-features-section .main-features-list .feature{
    background-color: transparent;
}

.dark-theme .main-features-section .main-features-list .feature .feature-title{
    font-size: 18px;
    font-family: 'futurademic', sans-serif;
    color: #f9fbfd;
}
.dark-theme .main-features-section .main-features-list .feature .feature-description{
    font-size: 16px;
    color: #f9fbfd;
}
.dark-theme .main-features-section .main-features-list .feature .feature-description a{
    color: #f9fbfd;
}
.dark-theme .main-features-section {
    padding-top: 0;
    margin-top: -20px;
}
.dark-theme .ptemium-rates .btn.white-btn{
    display: block;
    width: 150px;
    margin: 70px  auto 0;

}
.ptemium-rates.smart-tariffs{}
.ptemium-rates.smart-tariffs .button-container{}
.ptemium-rates.smart-tariffs .or{
    font-size: 60px;
    line-height: 1;
    font-family: 'futurademic', sans-serif;
    text-align: center;
    color: #ffffff;
    margin-top: 40px;
    margin-bottom: 40px;
}
.ptemium-rates.smart-tariffs .or span{
    font-size: 40px;
}
.ptemium-rates.smart-tariffs h2{
    margin-bottom: 40px;
}
.ptemium-rates.smart-tariffs h3{
    font-size: 32px;
    line-height: 1.25;
    font-family: 'futurademic', sans-serif;
    color: #97a4b1;
    margin-bottom: 16px;
}
.ptemium-rates.smart-tariffs p{
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 24px;
    color: #f9fbfd;
}
.ptemium-rates.smart-tariffs p a{
    color: #f9fbfd;
}
.ptemium-rates.smart-tariffs table{
    margin-bottom: 40px;
}
.ptemium-rates.smart-tariffs table td{
    font-size: 16px;
    color: #e0e6ed;
    border: none;
    font-family: 'futurabookc', sans-serif;
    padding: 15px 0px 15px 0;
}
.ptemium-rates.smart-tariffs table td:first-child{
    font-family: 'futurademic', sans-serif;
}
.ptemium-rates.smart-tariffs table.premium{
    border: 1px solid #fff;
}
.ptemium-rates.smart-tariffs table.premium thead{}
.ptemium-rates.smart-tariffs table.premium thead td{
    font-size: 28px;
    line-height: 1.43;
    font-family: 'futurademic', sans-serif;
    color: #ffffff;
    text-align: center;
    padding: 17px;
    background-color: rgba(255, 255, 255, 0.1);
    width: 50%;
    border-bottom: none;
}
.ptemium-rates.smart-tariffs table.premium tbody td{
    padding: 20px;
    border-bottom: none;
}
.ptemium-rates.smart-tariffs table.premium tbody td p{
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #ffffff;
    margin: 0;
}
.ptemium-rates.smart-tariffs table.premium td:first-child{
    /*border-right: 1px solid #fff;*/
}
.ptemium-rates.smart-tariffs table.premium tbody tr:last-child td{
    background-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .methods-section .method-block .title{
    font-family: 'futurademic', sans-serif;
    font-size: 40px;
    color: #f9fbfd;
}
.dark-theme .methods-section .method-block .description{
    font-size: 18px;
    color: #f9fbfd;
}
.priority-pass .center{
    border-radius: 4px;
    background-color: #63ceca;
    padding: 50px 75px 50px;
    color: #212225;

}
.priority-pass h2{
    font-family: 'futurademic', sans-serif;
    font-size: 24px;
}
.priority-pass--content{
    display: flex;
    margin-top: 20px;
    align-items: center;
}
.priority-pass--content img{
    margin: -15px 60px 0 -10px;

}
.priority-pass--info h3{
    font-size: 18px;
    font-family: 'futurademic', sans-serif;
}
.priority-pass--info p{
    margin: 20px 0 25px;
}
.premium-customer{
    background-color: #1c1c1c;
    padding: 50px 0;
    margin-bottom: 50px;
    text-align: center;
}
.premium-customer .title{
    font-size: 40px;
    color: #f9fbfd;
    font-family: 'futurademic', sans-serif;
}
.premium-customer .description{
    font-size: 18px;
    color: #f9fbfd;
    margin: 25px 0 60px;
}

.premium-customer--list{
    display: flex;
    flex-direction: row;
    justify-content:space-around ;
    align-items: center;
    margin-bottom: 65px;
}
.premium-customer--list span{
    font-family: 'futurademic', sans-serif;
}
.premium-customer--item{
    max-width: 470px;
    width: 50%;
    min-height: 100px;
    border-radius: 4px;
    background-color: #63ceca;
    text-align: left;
    color: #27282d;
    padding: 35px 30px  45px 30px;

}
.premium-customer--item span{
    font-size: 24px;
    font-family: 'futurademic', sans-serif;
    margin-bottom: 10px;
    display: block;
}
.premium-customer--item p{
    font-size: 18px;
    line-height: 1.33;
}
.cost-autoscrew{
    text-align: center;
    overflow-x: auto;
}
.cost-autoscrew .text .title,
.cost-autoscrew .text h2{
    font-size: 40px;
    font-family: 'futurademic', sans-serif;
    color: #f9fbfd;
    margin-bottom: 24px;
}
.cost-autoscrew .text .description,
.cost-autoscrew .text h3{
    max-width: 700px;
    height: 96px;
    font-size: 24px;
    line-height: 1.33;
    color: #f9fbfd;
    margin: 30px auto 40px;
}
.cost-autoscrew table{
    border-radius: 4px;
    border: solid 1px #e0e6ed;
    vertical-align: middle;
    min-width: 750px;
}
.cost-autoscrew table th{
    border: solid 1px #e0e6ed;
    background-color: rgba(249, 251, 253, 0.1);
    font-family: 'futurabookc', sans-serif;
    font-weight: 100;
    color: #f9fbfd;
    padding: 13px;

}
.cost-autoscrew table th:first-of-type {
    width: 23%;
    padding: 15px 20px;
    font-weight: 100;
}
.cost-autoscrew table td{
    border: solid 1px #e0e6ed;
    height: 90px;
    font-weight: 100;
}
.cost-autoscrew table .bold{
    font-family: 'futurademic', sans-serif;
}
.attention{
    margin: 90px 0;
}
.attention .center{
    border-radius: 10px;
    background-color: #63ceca;
    padding: 40px 80px 70px;
    font-family: 'futurademic', sans-serif;
}
.attention-info{
    position: relative;
    padding:0 0 40px 100px;
    width: 90%;
    margin:0  auto 40px;
    border-bottom: 1px solid #27282d;;
}
.attention-info:before{
    content: '';
    position: absolute;
    width: 70px;
    height: 70px;
    background-image: url(/img/attention.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
}
.attention-info .title{
    font-size: 24px;
    line-height: 1.33;
    color: #f9fbfd;
    margin-bottom: 10px;
}
.attention-info .description{
    font-size: 16px;
    font-family: 'futurabookc', sans-serif;
    line-height: 1.38;
    letter-spacing: normal;
    color: #27282d;
}
.attention-title{
    max-width: 730px;
    font-family: 'futurabookc', sans-serif;
    font-size: 24px;
    line-height: 1.33;
    text-align: center;
    color: #27282d;
    margin: auto;
}
.attention table{
    border-radius: 4px;
    border: solid 1px #27282d;
    text-align: center;
    vertical-align: middle;
    margin-top: 40px;
}
.attention table th{
    width: 30%;
    border: solid 1px #27282d;
    padding: 30px 20px;
    background-color: rgba(39, 40, 45, 0.11);
    font-size: 18px;
    color: #27282d;
    font-family: 'futurabookc', sans-serif;
    font-weight: 100;
}
.attention table td{
    color: #27282d;
    font-family: 'futurabookc', sans-serif;
    border: solid 1px #27282d;
    padding: 30px 20px;
}
.attention table td .bold, .attention table th .bold  {
    font-family: 'futurademic', sans-serif;
}
/***********/
.dark-theme  .new-banner-section .banner-block .text-block{
    margin-left: auto;
}
.dark-theme  .new-banner-section .banner-block .text-block.pos-left {
    margin-left: 0;
}
.dark-theme .insurance_24_7.credit-calculator-section form{
    padding-bottom: 30px;
}
.dark-theme .insurance_24_7 .calculator-radioboxes{
    margin-left: 100px;
    margin-top: 5px;
    margin-bottom: 25px;
    width: 32%;
}
.dark-theme .insurance_24_7 .calculator-radioboxes input[type="radio"]+label{
    display: inline-block;
    margin: 10px 25px;
    position: relative;
    font-family: 'futurabookc', sans-serif;
    font-size: 14px;
    color: #f9fbfd;
}
.dark-theme .insurance_24_7 .calculator-radioboxes input[type="radio"]+label:before{
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    border: solid 1px #97a4b1;
    border-radius: 50%;
    box-sizing: border-box;
    left: -25px;
}
.dark-theme .insurance_24_7 .calculator-radioboxes input[type="radio"]:checked + label:before{
    border: solid 5px #ffee43;
}
.dark-theme .calculator-block .calculator-result .block-title{
    font-size: 14px;
    color: #f9fbfd;
    letter-spacing: 0.2px;
}
.dark-theme .calculator-block .calculator-result .result{
    font-size: 32px;
    color: #f9fbfd;
    font-family: 'futurabookc', sans-serif;
}
.dark-theme .calculator-block .calculator-result .result span{
    font-size: 32px;
    color: #637282;
    font-family: 'futurabookc', sans-serif;
}
.dark-theme .calculator-checkboxes input[type="checkbox"]{
    display: none;
}
.dark-theme .insurance_24_7 .calculator-checkboxes input[type="checkbox"] + label{
    display: block;
    margin-top: 33px;
    padding-left: 30px;
    position: relative;
    font-size: 14px;
    font-family: 'futurabookc', sans-serif;
    color: #f9fbfd;
}
.dark-theme .calculator-checkboxes input[type="checkbox"] + label:before{
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: solid 1px #97a4b1;
    left: 0;
}
.dark-theme .calculator-checkboxes input[type="checkbox"]:checked + label:before{
    background: url(/img/checked.svg) center #ffef00 no-repeat;
    background-size: 65%;
    border: solid 1px #ffef00;
}

.dark-theme  .download-block{
    margin: 72px 0 30px;
    padding-top: 72px;
    /*border-top: 2px solid #4f555b;*/
}
.dark-theme  .download-block .download-file{
    display: inline-flex;
    text-decoration: none;
    align-items: center;
    margin-bottom: 30px;
    max-width: 700px;
}
.dark-theme .download-block .icon{
    margin-right: 35px;
    position: relative;
    width: 40px;
}
.dark-theme  .download-block .icon span{
    font-size: 14px;
    text-align: center;
    color: #97a4b1;
    display: block;
    font-family: 'futurabookc', sans-serif;
    font-weight: 100;
    margin-top: 5px;
    width: 50px;
}
.dark-theme .download-block .icon:after{
    content: attr(data-ext);
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    color: #e0e6ed;
    text-transform: uppercase;
    font-size: 8px;
    font-family: 'futurademic', sans-serif;
}
.dark-theme  .download-block .text{
    font-family: 'futurademic', sans-serif;
    font-size: 18px;
    line-height: 1.33;
    color: #e0e6ed;
    max-width: 550px;
}

.dark-theme .program-reliability-section{
    background-color: #1c1c1c;
    padding: 75px 0 50px;

}
.dark-theme .program-reliability-section .block-title, .program-reliability-section h2{
    font-family: 'futurademic', sans-serif;
    font-size: 40px;
    color: #f9fbfd;
    padding-bottom: 15px;
}
.priority-pass{
    margin-bottom: 60px;
}
.dark-theme .program-reliability-section .block-description, .program-reliability-section h3{
    font-family: 'futurabookc', sans-serif;
    font-size: 24px;
    color: #f9fbfd;
}
.dark-theme .program-reliability-section .features-list .feature .title{
    font-size: 16px;
    color: #f9fbfd;
    font-family: 'futurademic', sans-serif;
}
.dark-theme .program-reliability-section .features-list .feature .description{
    font-size: 14px;
    color: #f9fbfd;
    margin-top: 10px;
    font-family: 'futurabookc', sans-serif;
}

.dark-theme .premium-assurance .unika-partners-block> .title{
    font-size: 16px;
    color: #f9fbfd;
    font-family: 'futurabookc', sans-serif;
}
.dark-theme .credit-calculator-section .credit-title{
    font-family: 'futurademic', sans-serif;
    font-size: 40px;
    color: #f9fbfd;
    text-align: center;
 }
.dark-theme .credit-calculator-section .credit-text{
    max-width: 700px;
    margin: 25px auto 50px;
    font-size: 24px;
    text-align: center;
    color: #f9fbfd;
    font-family: 'futurabookc', sans-serif;
}
.dark-theme .credit-calculator-section.insurance_nsg form .form-container .left-side{
    width: 100%;
    align-items:flex-end;
}
.dark-theme .credit-calculator-section.insurance_nsg form .form-container .left-side .calculator-block{
    width: 30%;
}
.dark-theme .insurance_24_7.insurance_nsg .calculator-radioboxes{
    margin:20px  0 0 ;
    padding-top: 40px;
    border-top: 1px solid #4f555b;
    width: 100%;
}
.dark-theme .insurance_24_7.insurance_nsg .calculator-radioboxes input[type="radio"]+label{
    color: #f9fbfd;
    margin-top: 0;
}
.dark-theme .insurance_24_7.insurance_nsg .calculator-radioboxes .calculator-radiobox{
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
}
.dark-theme .insurance_24_7.insurance_nsg .calculator-radioboxes .calculator-radiobox .checkbox-block{
    min-width: 120px;
    max-width: 315px;
}
.dark-theme .insurance_24_7.insurance_nsg .calculator-radioboxes a.btn{
    width: 160px;
    margin-left: 20px;
}
.dark-theme .insurance_24_7.insurance_nsg .calculator-radioboxes .calculator-slider-title{
    margin-bottom: 25px;
    width: 100%;
}
.dark-theme .insurance_24_7.insurance_nsg .calculator-block{
    width: 100%;
    max-width: 380px;
    margin-bottom: 20px;
}
.dark-theme .insurance_24_7.insurance_nsg .calculator-submit{
    padding-top: 20px;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.dark-theme .credit-calculator-section form .form-container .left-side .calculator-block .calculator-inputs span {
    border: none;
    background: none;
    font-size: 32px;
    line-height: 40px;
    text-align: left;
    color: #fff;
    height: 40px;
}
.dark-theme .credit-calculator-section form .form-container .left-side .calculator-block .calculator-inputs select{
    color: #fff;
}
.dark-theme .credit-calculator-section form .form-container .left-side .calculator-block .calculator-inputs select option{
    color: #637282;
}
/*****/

.dark-theme  .why-raiffeisen-section.deposit_boxes{
    background-color: #1c1c1c;
    margin-bottom: 65px;
    padding: 65px 0;
}
.dark-theme .deposit_boxes .premium-header--info .text .description{
    width: 100%;
    max-width: 100%;
}
.dark-theme .deposit_boxes .description p{
    margin-bottom: 24px;
    line-height: 1.38;
    color: #f9fbfd;
    font-size: 16px;
}
.dark-theme .deposit-boxes-advantages-section{
    padding-top: 10px;
}
.dark-theme .deposit-boxes-advantages-section .title{
    font-size: 40px;
    color: #f9fbfd;
}

.dark-theme .deposit-boxes-advantages-section .description{
    font-size: 18px;
    color: #f9fbfd;
}
.dark-theme .deposit-boxes-advantages-section .advantages-list .advantage-item .a-title{
    font-size: 16px;
    color: #f9fbfd;
}
.dark-theme .deposit-boxes-advantages-section .advantages-list .advantage-item .a-description{
    font-size: 14px;
    color: #97a4b1;
}
.dark-theme .usage-rates{
    padding: 100px 0 70px;
}
.dark-theme .usage-rates--title{
    font-size: 40px;
    text-align: center;
    color: #f9fbfd;
    font-family: 'futurademic', sans-serif;
    margin-bottom: 25px;
}

.dark-theme .usage-rates{}
.dark-theme .usage-rates table {
    border: solid 1px #e0e6ed;
    width: 100%;
    margin: 60px 0 35px;

}
.dark-theme .usage-rates table td{
    border: solid 1px #e0e6ed;
    text-align: center;
    padding: 15px 2px;
    font-size: 18px;
    color: #f9fbfd;
}

.dark-theme .usage-rates table th{
    background-color: rgba(249, 251, 253, 0.11);
    border: solid 1px #e0e6ed;
    text-align: left;
    font-size: 16px;
    color: #f9fbfd;
    padding: 18px 30px;
    font-family: 'futurabookc', sans-serif;
    font-weight: 100;

}
.dark-theme .usage-rates table th:first-of-type{
    width: 200px;
}
.dark-theme .usage-rates table th:nth-of-type(3){
    width: 33%;
}
.dark-theme .usage-rates table .bold{
    font-family: 'futurademic', sans-serif;
}
.dark-theme .usage-rates p{
    font-size: 14px;
    color: #97a4b1;
    font-family: 'futurabookc', sans-serif;
}
/***/
.dark-theme .deposits_oschadnii  .premium-header--info .text .description{
    margin: 0;
}
.dark-theme .base-rates-section .title{
    font-size: 40px;
    color: #ffffff;
    font-family: 'futurademic', sans-serif;
}
.dark-theme .base-rates-section .rates-table table thead tr td {
    font-size: 16px;
    color: #f9fbfd;
    font-family: 'futurademic', sans-serif;
    border-bottom: solid 2px #4f555b;;
}
.dark-theme .base-rates-section .rates-table table tr td{
    font-size: 16px;
    color: #e0e6ed;
    font-family: 'futurabookc', sans-serif;
}

.dark-theme .base-rates-section{
    padding-top: 0;

}
.dark-theme .credit-calculator-section.deposits_oschadnii form .form-container .right-side{
    margin-top: -55px;
}
/******/
.dark-theme  .account-apply-form-section{
    /* margin-top: 75px; */
}
.dark-theme .account-apply-form-section .title{
    font-size: 40px;
    color: #fff;
    font-family: 'futurademic', sans-serif;
    /* padding-top: 60px; */
}
.dark-theme .account-apply-form-section .description{
    color: #ffffff;
    font-size: 18px;
    font-family: 'futurabookc', sans-serif;
}
.dark-theme .account-apply-form-section form .top-part-form{
    background-color: #1c1c1c;
    color: #f9fbfd;
    padding-bottom: 40px;
}
.dark-theme .account-apply-form-section form .form-field label{
    color: #f9fbfd;
}
.dark-theme .account-apply-form-section form .custom-radios__label{
    color: #f9fbfd;
}
.dark-theme .account-apply-form-section form .form-field label.error{
    color: #ed4337;
}
.dark-theme .account-apply-form-section form .button-part .btn{
    margin-left: 50px;
}
.dark-theme .account-apply-form-section form .checkbox-block label{
    color: #e0e6ed;
}
.dark-theme .account-apply-form-section form .checkbox-block label a{
    color: #e0e6ed;
}
.dark-theme .account-apply-form-section form .button-part .checkbox-block{
    width: 100%;
    margin-top: 10px;

}
.dark-theme .account-apply-form-section form .checkbox-block label:after{
    background-color: transparent;
    border: solid 1px #97a4b1;
}
.account-apply-form-section form .checkbox-block input[type=checkbox].error + label + label:after{
    border:1px solid red;
}
.premium-service-section{
    padding: 20px 0 60px 0;
}
.premium-service-section h2{
    font-size: 40px;
    line-height: 1.2;
    font-family: 'futurademic', sans-serif;
    color: #f9fbfd;
    margin-bottom: 12px;
}
.premium-service-section h3{
    font-size: 24px;
    font-weight: 300;
    line-height: 1;
    color: #f9fbfd;
    margin-bottom: 64px;
}
.premium-service-section .list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 60px;
}
.premium-service-section .list .item{
    width: calc(20% - 10px);
}
.premium-service-section .list .item .icon{
    text-align: center;
    margin-bottom: 16px;
    height: 72px;
}
.premium-service-section .list .item .title{
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    color: #f9fbfd;
}
.premium-service-option-section{
    padding: 60px 0;
}
.premium-service-option-section h2{
    font-size: 40px;
    line-height: 1.2;
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 18px;
    text-align: center;
    color: #f9fbfd;
}
.premium-service-option-section h3{
    font-size: 18px;
    font-weight: 300;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.33;
    margin-bottom: 60px;
    text-align: center;
    color: #f9fbfd;
}
.premium-service-option-section .option-title{
    font-size: 50.8px;
    font-family: 'futurademic', sans-serif;
    line-height: 1;
    letter-spacing: -1.8px;
    color: #f9fbfd;
    margin-bottom: 50px;
}
.premium-service-option-section .option-title sup{
    font-size: 22px;
    font-family: 'futurademic', sans-serif;
    letter-spacing: 0.3px;
    color: #000000;
    top: -20px;
    left: 5px;
    padding: 6px 15px;
    border-radius: 20px;
}
.premium-service-option-section .option-container .left-side sup{
    background-color: #fce610;
}
.premium-service-option-section .option-container .right-side sup{
    background-color: #46bab6;
}
.premium-service-option-section .option-container{
    display: flex;
    justify-content: center;
}
.premium-service-option-section .option-container .left-side{
    width: 50%;
    padding-right: 50px;
    text-align: right;
}
.premium-service-option-section .option-container .right-side{
    width: 50%;
    padding-left: 50px;
    text-align: left;
}
.premium-service-option-section .option-feature{
    margin-bottom: 32px;
}
.premium-service-option-section .option-feature .title{
    font-size: 18px;
    line-height: 1.33;
    text-align: center;
    color: rgba(249, 251, 253, 0.7);
    margin-bottom: 8px;
}
.premium-service-option-section .option-feature .left-side,
.premium-service-option-section .option-feature .right-side{
    font-size: 20px;
    line-height: 1.6;
    font-family: 'futurademic', sans-serif;
    color: #ffffff;
    position: relative;
}
.premium-service-option-section .option-feature .left-side:after{
    content: '';
    position: absolute;
    top: 9px;
    right: 32px;
    width: 12px;
    height: 12px;
    background-color: #fce610;
    border-radius: 50%;
}
.premium-service-option-section .option-feature .right-side:after{
    content: '';
    position: absolute;
    top: 9px;
    left: 32px;
    width: 12px;
    height: 12px;
    background-color: #63ceca;
    border-radius: 50%;
}
.premium-customer-section{
    padding-top: 110px;
    background: url(/img/banner_new_visa_platinum.png) top center no-repeat;
    min-height: 520px;
    margin-bottom: 60px;
}
.premium-customer-section h2{
    font-size: 40px;
    font-family: 'futurademic', sans-serif;
    line-height: 1.2;
    margin-bottom: 24px;
    color: #f9fbfd;
}
.premium-customer-section h3{
    font-size: 24px;
    font-weight: 300;
    line-height: 1.33;
    margin-bottom: 70px;
    color: #f9fbfd;
}
.premium-customer-section h3 a{
    color: #f9fbfd;
}
.premium-info-section{
    margin-bottom: 60px;
}
.premium-info-section .block{
    text-align: center;
    background-color: #212328;
    padding: 80px 40px;
}
.premium-info-section .block h2{
    font-family: 'futurademic', sans-serif;
    font-size: 32px;
    line-height: 1.5;
    text-align: center;
    color: #f9fbfd;
    margin-bottom: 40px;
}
.premium-info-section .block .features{
    display: flex;
    flex-wrap: wrap;
    max-width: 440px;
    margin: 0 auto;
    margin-bottom: 40px;
    justify-content: center;
    align-items: flex-start;
}
.premium-info-section .block .features .phone{
    font-size: 20px;
    line-height: 1.2;
    color: #ffffff;
    background: url("/img/premium-phone-icon.svg") left center no-repeat;
    padding-left: 30px;
    margin: 0 15px;
    margin-bottom: 20px;
}
.premium-info-section .block .features .time{
    font-size: 20px;
    line-height: 1.2;
    color: #ffffff;
    background: url("/img/premium-clock.svg") left center no-repeat;
    padding-left: 30px;
}
.new-service-approach{
    padding: 40px 0;
    text-align: center;
}
.new-service-approach h2{
    margin-bottom: 40px;
    font-size: 40px;
    line-height: 1.1;
    font-family: 'futurademic', sans-serif;
    text-align: center;
    color: #ffffff;
}
.new-service-approach .title{
    font-size: 50.8px;
    font-family: 'futurademic', sans-serif;
    text-align: center;
    line-height: 1;
    letter-spacing: -1.8px;
    color: #f9fbfd;
    margin-bottom: 30px;
}
.new-service-approach .title sup{
    font-size: 13px;
    font-family: 'futurademic', sans-serif;
    letter-spacing: 0.3px;
    color: #000000;
    top: -20px;
    left: 5px;
    padding: 4px 10px;
    border-radius: 20px;
}
.new-service-approach.direct .title sup{
    background-color: #46bab6;
}
.new-service-approach.banking .title sup{
    background-color: #fce610;
}
.new-service-approach ul{
    margin-bottom: 40px;
}
.new-service-approach ul li{
    font-size: 20px;
    line-height: 1.6;
    text-align: center;
    font-family: 'futurademic', sans-serif;
    color: #ffffff;
    margin-bottom: 16px;
}
.new-service-approach.direct ul li:before{
    content: '';
    width: 12px;
    height: 12px;
    background-color: #63ceca;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}
.new-service-approach.banking ul li:before{
    content: '';
    width: 12px;
    height: 12px;
    background-color: #fce610;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}
.dark-theme.premium .intro-slider-section{
    margin-top: -100px;
}
.dark-theme.premium .intro-slider-section .intro-slider .slider-item .text .title,
.dark-theme.premium .intro-slider-section .intro-slider .slider-item .text .description{
    color: #ffffff;
}
.dark-theme.premium .intro-slider-section .intro-slider .slider-item .back-to-main{
    color: #ffffff;
    background: url(/img/rectangle-7.svg) left center no-repeat;
}
.services-privileges-section{
    padding: 60px 0;
}
.services-privileges-section h2{
    font-size: 40px;
    line-height: 1.2;
    font-family: 'futurademic', sans-serif;
    text-align: center;
    color: #f9fbfd;
    margin-bottom: 50px;
}
.services-privileges-section .list{}
.services-privileges-section .list .item{
    display: flex;
    justify-content: center;
    margin-bottom: 100px;
}
.services-privileges-section .list .item .text{
    width: calc(100% - 500px);
    padding-right: 40px;
    text-align: right;
}
.services-privileges-section .list .item .text .title{
    font-size: 24px;
    font-family: 'futurademic', sans-serif;
    line-height: 1.33;
    color: #f9fbfd;
    margin-bottom: 24px;
}
.services-privileges-section .list .item .text .description{
    font-size: 20px;
    line-height: 1.2;
    color: #f9fbfd;
}
.services-privileges-section .list .item .image{
    width: 500px;
    box-shadow: 0 1px 43px 0 rgba(0, 0, 0, 0.53);
}
.services-privileges-section .list .item .image img{
    width: 100%;
    display: block;
}
.services-privileges-section .list .item:nth-child(2n + 2) .image{
    order:1;
}
.services-privileges-section .list .item:nth-child(2n + 2) .text{
    order:2;
    text-align: left;
    padding-right: 0;
    padding-left: 40px;
}
.become-customer-section{
    margin-bottom: 100px;
    text-align: center;
}
.become-customer-section h2{
    font-size: 40px;
    line-height: 1.2;
    font-family: 'futurademic', sans-serif;
    text-align: center;
    color: #f9fbfd;
    margin-bottom: 24px;
}
.become-customer-section h3{
    font-size: 24px;
    font-weight: 300;
    line-height: 1.33;
    color: #f9fbfd;
    text-align: center;
    margin-bottom: 60px;
}
.become-customer-section h3 a{
    color: #f9fbfd;
}
.become-customer-section h4{
    font-size: 18px;
    font-family: 'futurabookc', sans-serif;
    line-height: 1.33;
    text-align: center;
    color: #f9fbfd;
    margin-top: -20px;
    margin-bottom: 60px;
    font-weight: 300;
}
.become-customer-section .blue-double-blocks{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    margin-bottom: 64px;
}
.become-customer-section .blue-double-blocks .criteria{
    width: calc(50% - 50px);
    padding: 32px 32px 50px 32px;
    border-radius: 4px;
    background-color: #63ceca;
}
.become-customer-section .blue-double-blocks .criteria .number{
    font-size: 24px;
    margin-bottom: 4px;
    font-family: 'futurademic', sans-serif;
    line-height: 1.33;
    color: #27282d;
}
.become-customer-section .blue-double-blocks .criteria .description{
    font-size: 18px;
    line-height: 1.33;
    color: #27282d;
}
.become-customer-section .blue-double-blocks .or{
    font-size: 24px;
    line-height: 1.33;
    font-family: 'futurademic', sans-serif;
    text-align: center;
    color: #f9fbfd;
    width: 100px;
}
.dark-theme.premium .helpful-page-section,
.dark-theme.premium .news-section,
.dark-theme.premium footer{
    background-color: #27282d;
}
.smart-exe-advantages-section{
    padding: 60px 0;
    margin-bottom: 60px;
}
.smart-exe-advantages-section h2{
    font-size: 40px;
    line-height: 1.2;
    font-family: 'futurademic', sans-serif;
    margin-bottom: 16px;
    text-align: center;
    color: #ffffff;
}
.smart-exe-advantages-section h3{
    font-size: 16px;
    line-height: 1.2;
    font-family: 'futurabookc', sans-serif;
    margin-bottom: 40px;
    text-align: center;
    color: #ffffff;
    font-weight: 300;
}
.smart-exe-advantages-section .list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.smart-exe-advantages-section .list .item{
    width: calc(33.33% - 70px);
}
.smart-exe-advantages-section .list .item .number{
    /*opacity: 0.4;*/
    font-family: 'futurademic', sans-serif;
    font-size: 56px;
    line-height: 0.86;
    text-align: center;
    color: #ffffff;
    margin-bottom: 40px;
}
.smart-exe-advantages-section .list .item .title{
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #ffffff;
    font-family: 'futurademic', sans-serif;
    margin-bottom: 10px;
}
.smart-exe-advantages-section .list .item .description{
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #ffffff;
}
.what-is-smart-exe-section{
    padding: 60px 0;
}
.what-is-smart-exe-section h2{
    font-size: 40px;
    line-height: 1.2;
    font-family: 'futurademic', sans-serif;
    margin-bottom: 20px;
    text-align: center;
    color: #ffffff;
}
.what-is-smart-exe-section h3{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: center;
    color: #f9fbfd;
}
.what-is-smart-exe-section .infographic{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.what-is-smart-exe-section .infographic .title{
    font-size: 18px;
    color: #f9fbfd;
    height: 96px;
    border:1px solid #fff;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-family: 'futurademic', sans-serif;
    width: 30%;
}
.what-is-smart-exe-section .infographic .plus{
    width: 32px;
    height: 32px;
    font-size: 60px;
    line-height: 32px;
    color: #f9fbfd;
    font-family: 'futurademic', sans-serif;
}
.what-is-smart-exe-section .infographic .premium{
    display: flex;
    justify-content: space-between;
    width: 570px;
    position: relative;
}
.what-is-smart-exe-section .infographic .premium .abo{
    width: 52px;
    height: 52px;
    background-color: #63ceca;
    border: 2px solid #1c1c1c;
    position: absolute;
    top:50%;
    left: calc(50% + 10px);
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 33;
    font-size: 18px;
    color: #1c1c1c;
    border-radius: 50%;
}
.what-is-smart-exe-section .infographic .premium .abo.first{
    left: calc(32% + 10px);
}
.what-is-smart-exe-section .infographic .premium .abo.second{
    left: calc(67% + 10px);
}
.what-is-smart-exe-section .infographic .premium a{
    font-family: 'futurademic', sans-serif;
    font-size: 18px;
    line-height: 1.33;
    /*color: #63ceca;*/
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: 2px solid #63ceca;
    height: 96px;
    text-decoration: none;
    align-items: center;
    width: calc(33% - 15px);
    position: relative;
}
.what-is-smart-exe-section .infographic .premium a:first-child{
    margin-right: 20px;
}
.what-is-smart-exe-section .infographic .premium a:first-child:after{
    content: '';
    position: absolute;
    top: -2px;
    left: 100%;
    background: #27282d ;
    z-index: 2;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 98px 20px 0 0;
    border-color: #63ceca transparent transparent transparent;
}
.what-is-smart-exe-section .infographic .premium a:first-child:before{
    content: '';
    position: absolute;
    top: 0px;
    left: calc(100% - 2px);
    z-index: 3;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 93px 20px 0 0;
    border-color: #27282d  transparent transparent transparent;
}
.what-is-smart-exe-section .infographic .premium a:last-child:after{
    content: '';
    position: absolute;
    top: -4px;
    left: -2px;
    background: #27282d ;
    z-index: 4;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 98px 20px;
    border-color: transparent transparent #63ceca transparent;
}
.what-is-smart-exe-section .infographic .premium a:last-child:before{
    content: '';
    position: absolute;
    top: -1px;
    left: 0px;
    z-index: 6;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 93px 20px;
    border-color: transparent transparent #27282d  transparent;
}
.what-is-smart-exe-section .infographic .premium a.middle{
    transform: skew(-12deg);
}
.what-is-smart-exe-section .infographic .premium a.middle *{
    transform: skew(12deg);
}
.what-is-smart-exe-section .infographic .premium a span{
    width: 100%;
    font-family: 'futurabookc', sans-serif;
    text-align: center;
    display: none;
}
.what-is-smart-exe-section .infographic .premium a:hover{
    background: #63ceca;
    color: #1c1c1c;
    align-content: center;
}
.what-is-smart-exe-section .infographic .premium a:hover span{
    display: block;
}
.what-is-smart-exe-section .infographic .premium a:hover:first-child:before{
    border-color: #63ceca transparent transparent transparent;
}
.what-is-smart-exe-section .infographic .premium a:hover:last-child:before{
    border-color:  transparent transparent #63ceca transparent;
}
.concierge-service-section{
    background-color: #1c1c1c;
    padding: 60px 0;
}
.concierge-service-section h2{
    font-size: 40px;
    line-height: 1.2;
    font-family: 'futurademic', sans-serif;
    margin-bottom: 16px;
    text-align: center;
    color: #f9fbfd;
}
.concierge-service-section h3{
    font-size: 16px;
    font-weight:300;
    line-height: 1.5;
    max-width: 380px;
    margin: 0 auto;
    margin-bottom: 60px;
    text-align: center;
    color: #f9fbfd;
}
.concierge-service-section .services-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.concierge-service-section .services-list .item{
    border-radius: 4px;
    border: 1px solid #63ceca;
    padding: 16px;
    width: calc(50% - 20px);
    margin-bottom: 40px;
}
.concierge-service-section .services-list .concierge-contact{
    border-radius: 4px;
    padding: 16px;
    width: calc(50% - 20px);
}
.concierge-service-section .services-list .item .title{
    font-size: 18px;
    line-height: 1.33;
    font-family: 'futurademic', sans-serif;
    color: #ffffff;
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}
.concierge-service-section .services-list .item .title img{
    margin-right: 16px;
}
.concierge-service-section .services-list .item ul{}
.concierge-service-section .services-list .item ul li{
    padding-left: 20px;
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 8px;
    color: #ffffff;
}
.concierge-service-section .services-list .item ul li:after{
    position: absolute;
    top:7px;
    left:0;
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
    background: #fce610;
}
.concierge-service-section .services-list .concierge-contact .title{
    font-size: 18px;
    font-family: 'futurademic', sans-serif;
    line-height: 1.33;
    margin-bottom: 28px;
    color: #ffffff;
    position: relative;
}
.concierge-service-section .services-list .concierge-contact .title:after{
    content: '';
    position: absolute;
    width: 64px;
    height: 4px;
    background-color: #fff;
    left: 0;
    bottom: -10px;
}
.concierge-service-section .services-list .concierge-contact .contact{
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    min-height: 24px;
    padding-left: 35px;
    margin-bottom: 8px;
}
.concierge-service-section .services-list .concierge-contact .contact.phone{
    background: url("/img/phone-concierge.svg") 0 0 no-repeat;
}
.concierge-service-section .services-list .concierge-contact .contact.email{
    background: url("/img/email-concierge.svg") 0 0 no-repeat;
}
.concierge-service-section .services-list .concierge-contact .contact.sms{
    background: url("/img/sms-concierge.svg") 0 0 no-repeat;
}
.concierge-service-section .services-list .concierge-contact .contact.fb{
    background: url("/img/fb-concierge.svg") 0 0 no-repeat;
}
.mastercard-bilshe-section{
    padding: 60px 0;
    margin-bottom: 60px;
}
.mastercard-bilshe-section h2{
    font-size: 40px;
    line-height: 1.2;
    font-family: 'futurademic', sans-serif;
    text-align: center;
    color: #f9fbfd;
    margin-bottom: 20px;
}
.mastercard-bilshe-section h3{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: center;
    color: #f9fbfd;
}
.mastercard-bilshe-section .list{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.mastercard-bilshe-section .list .item{
    width: 25%;
    padding: 0 15px;
    margin-bottom: 20px;
}
.mastercard-bilshe-section .list .item .icon{
    text-align: center;
    margin-bottom: 24px;
    height: 72px;
}
.mastercard-bilshe-section .list .item .title{
    font-size: 16px;
    font-family: 'futurademic', sans-serif;
    line-height: 1.38;
    margin-bottom: 10px;
    text-align: center;
    color: #ffffff;
}
.mastercard-bilshe-section .list .item .description{
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #ffffff;
}
.mastercard-bilshe-section .list .item .description a{
    color: #ffffff;
}
.mastercard-bilshe-section .additional-mastercard{
    background: url("/img/startup-bg.png") top center no-repeat;
    background-size: cover;
    padding: 40px;
    padding-left: 50%;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 29px 40px 0 rgba(0, 0, 0, 0.5);
}
.mastercard-bilshe-section .additional-mastercard .title{
    font-size: 24px;
    font-family: 'futurademic', sans-serif;
    line-height: 1.33;
    margin-bottom: 24px;
    color: #ffffff;
}
.mastercard-bilshe-section .additional-mastercard p{
    font-size: 18px;
    line-height: 1.1;
    color: #ffffff;
    margin-bottom: 16px;
}
.mastercard-bilshe-section .additional-mastercard p:last-child{
    margin-bottom: 0;
}
.mastercard-bilshe-section .additional-mastercard p small{
    font-size: 12px;
}
.mastercard-bilshe-section .additional-mastercard ul{
    margin-bottom: 16px;
}
.mastercard-bilshe-section .additional-mastercard ul li{
    font-size: 18px;
    margin-bottom: 8px;
    line-height: 1.33;
    padding-left: 25px;
    color: #ffffff;
    position: relative;
}
.mastercard-bilshe-section .additional-mastercard ul li:after{
    position: absolute;
    top:7px;
    left:0;
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
    background: #fce610;
}
.dark-theme.premium .popup.popup-compare .popup-title{
    color: #fff;
}
.dark-theme.premium .popup.popup-compare .popup-container{
    background-color: #27282d;
}
.dark-theme.premium .popup .compare-table .compare-item-properties .cards,
.dark-theme.premium .popup .compare-table.deposits .compare-item .title,
.dark-theme.premium .popup .compare-table.deposits .compare-item .properties-block ul li,
.dark-theme.premium .popup .compare-table.deposits .compare-item-properties .properties-block ul li{
    color: #fff;
}
.dark-theme.premium .popup .popup-close{
    background: url("/img/close-popup-white.svg") center no-repeat;
}
.dark-theme.premium .popup .popup-close img{
    display: none;
}
.dark-theme.premium .news-section .news-slider .news-item .news-image:after{
    content: '';
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.2);
}
.dark-theme.premium .package-services-premium .packages-list .package-item .package-description .features{
    margin-top: 0;
}
.dark-theme .mastercard-personal-cabinet-section .mastercard-personal-cabinet-block{
    border-radius: 4px;
    background-color: #1c1c1c;
    display: flex;
    padding: 24px 48px;
}
.dark-theme .mastercard-personal-cabinet-section .mastercard-personal-cabinet-block .text .title{
    color: #fff;
}
.dark-theme .mastercard-personal-cabinet-section .mastercard-personal-cabinet-block .text .description{
    color: #fff;
}
.fast-line-intro{
    padding-bottom: 58px;
}
.fast-line-intro .fast-line-block{
    display: flex;
    align-items: center;
}
.fast-line-intro .fast-line-block .image{
    width: 466px;
    box-shadow: 0 2px 30px 0 rgba(15, 23, 31, 0.5);
}
.fast-line-intro .fast-line-block .image img{
    max-width: 100%;
    display: block;
}
.fast-line-intro .fast-line-block .text{
    width: calc(100% - 466px);
    padding-left: 26px;
}
.fast-line-intro .fast-line-block .text h2{
    font-size: 22px;
    font-family: 'futurademic', sans-serif;
    line-height: 1.45;
    margin-bottom: 24px;
    color: #ffffff;
}
.fast-line-intro .fast-line-block .text p{
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 16px;
    color: #ffffff;
    font-family: 'futurabookc', sans-serif;
}
.fast-line-intro .fast-line-block .text p strong{
    font-family: 'futurademic', sans-serif;
}
.fast-line-terms{}
.fast-line-terms h2{
    font-size: 32px;
    font-family: 'futurademic', sans-serif;
    line-height: 1.25;
    color: #ffffff;
    margin-bottom: 16px;
    max-width: 720px;
}
.fast-line-terms .description{
    font-size: 16px;
    line-height: 1.5;
    max-width: 720px;
    color: #ffffff;
    margin-bottom: 32px;
}
.fast-line-terms .terms-steps{
    display: flex;
    margin-bottom: 56px;
}
.fast-line-terms .terms-steps .step{
    position: relative;
}
.fast-line-terms .terms-steps .step.first{
    margin-right: 24px;
    width: calc(50% - 24px);
}
.fast-line-terms .terms-steps .step.first:after{
    content: '';
    position: absolute;
    top:56px;
    left:0;
    width: 100%;
    height: 4px;
    background: #63ceca;
    border-radius: 2px;
}
.fast-line-terms .terms-steps .step.second{
    margin-right: 24px;
    width: 32%;
}
.fast-line-terms .terms-steps .step.second:after{
    content: '';
    position: absolute;
    top:56px;
    left:0;
    width: 100%;
    height: 4px;
    background: #fff200;
    border-radius: 2px;
}
.fast-line-terms .terms-steps .step.third{
    width: calc(18% - 24px);
}
.fast-line-terms .terms-steps .step.third:after{
    content: '';
    position: absolute;
    top:56px;
    left:0;
    width: 20px;
    height: 4px;
    background: #fff;
    border-radius: 2px;
}
.fast-line-terms .terms-steps .step .icon{
    width: 32px;
    height: 32px;
    margin-bottom: 40px;
}
.fast-line-terms .terms-steps .step .icon{
    width: 100%;
    display: block;
}
.fast-line-terms .terms-steps .step .text{
    font-size: 12px;
    line-height: 1.67;
    color: #ffffff;
    max-width: 220px;
}
.fast-line-terms .not-taken-transactions-block{}
.fast-line-terms .not-taken-transactions-block .title,
.fast-line-terms .not-taken-transactions-block h3{
    font-size: 22px;
    line-height: 1.45;
    font-family: 'futurademic', sans-serif;
    color: #ffffff;
    margin-bottom: 16px;
}
.fast-line-terms .not-taken-transactions-block ul{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.fast-line-terms .not-taken-transactions-block ul li{
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 16px;
}
.fast-line-terms .not-taken-transactions-block ul li:after{
    position: absolute;
    top:8px;
    left:0;
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
    background: #fce610;
}
.mastercard-bot-section{
    padding: 58px 0;
}
.mastercard-bot-section h2{
    font-size: 32px;
    font-family: 'futurademic', sans-serif;
    line-height: 1.25;
    color: #ffffff;
    margin-bottom: 16px;
    max-width: 720px;
}
.mastercard-bot-section .description{
    font-size: 16px;
    line-height: 1.5;
    max-width: 720px;
    color: #ffffff;
    margin-bottom: 32px;
}
.mastercard-bot-section .cont{
    display: flex;
    flex-wrap: wrap;
}
.mastercard-bot-section .cont .left-side{
    width: calc(50% - 24px);
    margin-right: 24px;
}
.mastercard-bot-section ul{
    counter-reset: section;
    display: flex;
    flex-wrap: wrap;
    width: 50%;
}
.mastercard-bot-section ul li{
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    padding: 10px 0;
    margin-bottom: 20px;
    padding-left: 60px;
    min-height: 48px;
    display: flex;
    position: relative;
    align-items: center;
}
.mastercard-bot-section ul li:after{
    counter-increment: section;
    content: counter(section);
    font-size: 48px;
    line-height: 1;
    text-align: left;
    color: #feeb36;
    position: absolute;
    top:0;
    left:0;
    width: 40px;
    height: 48px;
    font-family: 'futurademic', sans-serif;
}
.mastercard-bot-section ul li:before{
    content: '';
    position: absolute;
    bottom: 0;
    left:60px;
    right: 0;
    height: 1px;
    background: #e0e6ed;
}
.dark-theme .calculated-points-section{
    background-image: linear-gradient(105deg, #fef5b0, #f5f5f0 78%, #f2ecb6);
}
@media screen and (max-width: 1100px) {
    .dark-theme .credit-calculator-section form .title{
        width: 100%;
        margin-bottom: 15px;
    }
    .dark-theme .insurance_24_7 .calculator-radioboxes{
        width: 100%;
        display: block;
        margin: 0 0 10px 0;
    }
    .dark-theme .insurance_24_7 .calculator-checkboxes{
       width: 100%;
        margin: 15px 0 40px;
    }
    .dark-theme .insurance_24_7 .calculator-checkboxes input[type="checkbox"] + label{
        margin-top: 0;
    }

    .dark-theme .insurance_24_7.insurance_nsg .calculator-block{
        max-width: 100%;
    }
    .dark-theme .credit-calculator-section .additional_services{
        width: 100%;
        margin-bottom: 30px;
    }
    .dark-theme .credit-calculator-section .additional_services .checkbox-services{
        float: left;
    }
    .dark-theme .insurance_24_7.insurance_nsg .calculator-radioboxes{
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 900px) {
    .dark-theme .method-block iframe{
        width: 100%!important;
        margin-top: 20px;
    }
    .package-services-premium .packages-list .package-item .package-description .features:before{
        display: none;
    }
    .dark-theme .main-features-section .main-features-list .feature{
        width: calc(50% - 32px);
    }
    .dark-theme .why-raiffeisen-section .bank-features{
        flex-wrap:wrap;
        justify-content: space-around;;
    }
    .dark-theme .why-raiffeisen-section .bank-features .feature{
        width: calc(40% - 10px);
        max-width: 220px;
        min-width: 200px;
        margin-bottom: 40px;
    }
    .dark-theme .credit-calculator-section.insurance_nsg form .form-container .left-side .calculator-block{
        width: 47%;
    }
    .dark-theme .insurance_24_7.insurance_nsg .calculator-radioboxes input[type="radio"]+label{
        max-width: 100%;
        width: 100%;
    }

    .dark-theme .credit-calculator-section form .form-hint{
        width: 100%;
    }
    .dark-theme .deposit-item .btn{
        padding: 6px 13px;
    }
    .become-customer-section .blue-double-blocks{
        flex-wrap: wrap;
    }
    .become-customer-section .blue-double-blocks .criteria{
        width: 100%;
    }
    .become-customer-section .blue-double-blocks .or{
        width: 100%;
    }
    .fast-line-intro .fast-line-block{
        flex-wrap: wrap;
    }
    .fast-line-intro .fast-line-block .text{
        width: 100%;
        padding: 0;
        margin-top: 30px;
    }
}

@media screen and (max-width: 700px) {
    .premium-nav--link:before{
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background: rgba(255, 233, 16, 0.1);
        left: 0;
        top: 47%;
    }
    .premium-special_conditions--item{
        width: 100%;
        max-width: 330px;
    }
    .priority-pass--content{
        display: block;
    }

    .premium-customer--list{
        flex-direction: column;
        margin-bottom: 40px;
    }
    .premium-customer--item{
        margin: 15px 0;
        width: 100%;
        max-width: 500px;
    }

    .dark-theme .account-apply-form-section form .checkbox-block{
        /* margin-left: 10px; */
    }
    .dark-theme .account-apply-form-section .title{
        font-size: 30px;
    }
    .dark-theme .why-raiffeisen-section .bank-features .feature .text .feature-description{
        font-size: 15px;
    }
    .dark-theme .insurance-programs-section .programs-list .btn{
        margin-top: 10px;
    }
    .dark-theme .insurance-programs-section .top-container .packages-tabs-btns{
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .dark-theme .insurance-programs-section .top-container .packages-tabs-btns .tab-btn {
        margin: 0 16px 16px 0;
    }
    .insurance-programs-section .programs-list .program-item .top-part .left-side .title{
        width: 100%;
    }

    .premium-assurance .center{
        flex-direction: column;
    }
    .premium-assurance--img{
        width: 80px;
        height: auto;
        display: block;
        margin: 0 auto 20px;
    }
    .premium-assurance--text{
        margin: auto;
    }


    .dark-theme .insurance_24_7.credit-calculator-section form {
        max-width: 460px;
        margin: auto;
    }
    .dark-theme .credit-calculator-section form .form-container .right-side .calculator-result .block-title,
    .dark-theme .credit-calculator-section form .form-container .right-side .calculator-result .result,
    .dark-theme .credit-calculator-section form .form-container .right-side{
        text-align: left;
    }
    .dark-theme .credit-calculator-section form .form-container .left-side{
        margin-bottom: 0;
    }
    .dark-theme .credit-calculator-section form .form-container .right-side .btn{
        margin-bottom: 30px;
    }
    .dark-theme .checkbox-services{
        width: 100%;
        margin: 20px 0 0 ;
    }


    .dark-theme .program-reliability-section .features-list{
        justify-content: space-around;
    }
    .dark-theme .unika-partners-block .partners-list{
        justify-content: center;
    }
    .unika-partners-block .partners-list .partner{
        margin: 10px 0;
    }

    .dark-theme .insurance_24_7.insurance_nsg .calculator-radioboxes{
        text-align: left;
    }

    .dark-theme .credit-calculator-section.insurance_nsg form .form-container .left-side .calculator-block{
        width: 100%;
    }


    .attention .center{
        padding-left: 10px;
        padding-right: 10px;
    }
    .attention table th{
        padding-left: 2px;
        padding-right: 2px;
        font-size: 12px;
    }
    .attention table td{
        padding-left: 2px;
        padding-right: 2px;
        font-size: 12px;
    }


    .insurance-conditions table td:nth-last-of-type(2),
    .insurance-conditions table td:last-of-type{
        font-size: 13px;
        padding: 10px 5px;
    }

    .dark-theme .calculator-container form .calculator-checkboxes .calculator-checkbox{
        margin-bottom: 15px;
    }
    .dark-theme .calculator-container form .calculator-checkboxes .calculator-checkbox .checkbox-title{
        margin-bottom: 10px;
    }

    .ptemium-rates table th{
        min-width: 100px;
        width: 10%;
    }

    .dark-theme .credit-calculator-section.deposits_oschadnii form .form-container .right-side{
        margin-top: -10px;
    }


    .deposits-section .deposits-list .deposit-item .btn{
        margin-top: 15px;
        padding: 6px 25px;
    }


    .ptemium-document--list{
        justify-content: space-around;
    }
    .ptemium-document--item{
        width: 45%;
        margin: 10px 0 ;
    }
    .dark-theme .deposits-list .features table td{
        font-size: 12px;
    }
    .fast-line-terms h2{
        font-size: 24px;
    }
    .fast-line-terms .description{
        font-size: 14px;
    }
    .fast-line-terms .terms-steps{
        flex-wrap: wrap;
    }
    .fast-line-terms .terms-steps .step{
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 10px;
    }
    .fast-line-terms .terms-steps .step.second:after{
        width: 90%;
    }
    .fast-line-terms .not-taken-transactions-block ul li{
        width: 100%;
    }
    .mastercard-bot-section .cont .left-side{
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
    }
    .mastercard-bot-section ul{
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .premium-nav--link li{
        display: block;
        border-bottom: 1px solid rgba(255, 233, 16, 0.1);
    }
    .premium-nav--link:before{
        display: none;
    }
    .premium-info--title{
        font-size: 28px;
    }
    .premium-special_conditions--title{
        font-size: 30px;
    }



    .dark-theme .main-features-section .title{
        font-size: 30px;
    }

    .dark-theme .method-block iframe{
        height: 270px!important;

    }
    .premium-customer .title{
        font-size: 30px;
    }
    .priority-pass--content img{
        margin: 0;
        width: 100%;
    }
    .dark-theme .main-features-section .main-features-list .feature{
        width: calc(100% - 32px);
    }

    .dark-theme .main-features-section .main-features-list{
        margin: 0;
    }

    .dark-theme .insurance-programs-section .top-container .packages-tabs-btns .tab-btn{
        width: 100%;
        text-align: center;
    }
    .dark-theme header{
        margin-bottom: 20px;
    }
    .dark-theme{
        padding-top: 10px;
    }
    .dark-theme:before{
        content: none;
    }
}
























.block-bottom {
	position: fixed;
	bottom: 140px;
	right: 30px;
	width: 60px;
	/*height: 140px;*/
	z-index: 1000;
	display: none;
}

.block-bottom .scroll-top,
.block-bottom .message-box {
	width: 60px;
	height: 60px;
	display: block;
	border-radius: 50%;
	background-color: #ebecef;
	background-repeat: no-repeat;
	background-position: center;

}

.block-bottom .message-box {
	background-color: #212225;
}

.block-bottom .scroll-top {
	background-image: url(/img/up-arrow.svg);
	margin-bottom: 0px;
}

.block-bottom .message-box {
	background-image: url(/img/message_w.svg);
	background-size: 26px;
	transform: scale(-1, 1);
	display: none;
}

/***/

.intro-slider-section .intro-slider .slider-item .text {
	width: 100%;
}

.intro-slider-section .intro-slider .slider-item .text .description {
	min-width: 300px;
}

.crediting-agrarians.credit-calculator-section form {
	background: transparent;
}

.calculator-radioboxes ul {
	list-style-type: none;
	column-count: 3;
	column-width: 200px;

}

.crediting-agrarians.credit-calculator-section form .calculator-radioboxes .calculator-radiobox {
	margin: 0;
	width: 100%;
}

.crediting-agrarians .checkbox-block {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.crediting-agrarians .checkbox-block div {}

.crediting-agrarians .checkbox-block div:nth-of-type(1) {}

.calculator-radioboxes input[type="radio"]+label {
	display: inline-block;
	margin: 10px 0 10px 30px;
	position: relative;
	font-family: 'futurabookc', sans-serif;
	font-size: 14px;


}

.calculator-radioboxes input[type="radio"]+label:before {
	position: absolute;
	content: '';
	width: 16px;
	height: 16px;
	border: solid 1px #97a4b1;
	border-radius: 50%;
	box-sizing: border-box;
	left: -25px;
}

.calculator-radioboxes input[type="radio"]:checked+label:before {
	border: solid 5px #ffee43;
	background: #1c1c1c;
}

.credit-calculator-section form .form-hint {
	color: #8a8e96;
	margin-top: 20px;
	font-size: 14px;
}

.program-advantages-section .advantages .item .icon {
	height: 60px;
}

.credit-calculator-section .text .title {
	font-size: 48px;
	text-align: center;
	margin: 30px 0 35px;
}

.credit-calculator-section .text .description {
	color: #637282;
	font-size: 16px;
	text-align: center;
}

.crediting-agrarians.insurance-programs-section .programs-list {
	border: none;
}

.crediting-agrarians-section {
	text-align: center;
	margin-bottom: 110px;
}

.crediting-agrarians-section .title {
	font-family: 'futurademic', sans-serif;
	font-size: 40px;
}

.crediting-agrarians--tab.ui-widget.ui-widget-content {
	border: none;
	margin-top: 30px;
}

.crediting-agrarians--tab.ui-tabs .ui-tabs-nav {
	border: none;
	background: none;
	padding-bottom: 80px;
	display: flex;
	justify-content: center;
}

.crediting-agrarians--tab .ui-state-active,
.ui-widget-content .ui-state-active,
.crediting-agrarians--tab .ui-widget-header .ui-state-active,
a.ui-button:active,
.crediting-agrarians--tab .ui-button:active,
.ui-button.ui-state-active:hover,
.crediting-agrarians--tab.ui-tabs .ui-tabs-nav li {
	background: none;
	border: none;
	padding: .2em .3em 0;

}

.crediting-agrarians--tab.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.crediting-agrarians--tab.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.crediting-agrarians--tab.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	color: #27282d;
	font-size: 16px;
	border-bottom: 3px solid #ffee43;
}

.crediting-agrarians--slider .slick-slide img {
	margin: 0 auto 25px;
}

.crediting-agrarians--slider span {
	font-family: 'futurademic', sans-serif;
	font-size: 16px;
}

.crediting-agrarians--slider .slick-next {
	right: -35px;
}

.crediting-agrarians--slider .slick-prev,
.crediting-agrarians--slider .slick-next {
	width: 32px;
	height: 32px;
	border: solid 1px #d6d8e2;
	border-radius: 50%;
	margin-top: -35px;
}

.crediting-agrarians--slider .slick-next:before {
	content: '';
	background: url(/img/rectangle-16-copy.svg) center no-repeat;
	width: 10px;
	height: 12px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.crediting-agrarians--slider .slick-prev:before {
	content: '';
	background: url(/img/rectangle-16-copy.svg) center no-repeat;
	width: 10px;
	height: 12px;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(180deg);
}

/****/

.account-open-page .container {
	max-width: 765px;
}

.account-open-page .title {
	font-size: 48px;
	font-family: 'futurademic', sans-serif;
	text-align: center;
	margin-bottom: 60px;
	color: #212225;
}

.account-open-page .description {
	color: #637282;
	font-size: 16px;
	font-family: 'futurabookc', sans-serif;
}

.account-open-page--tab {
	padding-bottom: 100px;
}

.account-open-page--tab .ui-tabs .ui-tabs-panel {
	padding: 0;

}

.account-open-page--form .caption {
	color: #637282;
	font-size: 16px;
	font-family: 'futurabookc', sans-serif;
	padding: 20px 0;
}

.account-open-page--form .space-between {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}

.account-open-page--form .space-between>div {
	width: calc(50% - 20px);
}

.account-open-page--form input[type="checkbox"]+label,
.account-open-page--form input[type="radio"]+label {
	display: block;
	padding-left: 30px;
	color: #212225;
	font-size: 16px;
	margin: 20px 0;
	font-family: 'futurabookc', sans-serif;
	position: relative;
}

.account-open-page--form label+span {
	color: #637282;
	font-size: 12px;
	display: block;
	margin-top: -15px;
	margin-bottom: 20px;
}

.account-open-page--form input[type="checkbox"]+label:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	border-radius: 4px;
	background-color: #ffffff;
	border: solid 1px rgba(64, 70, 96, 0.17);
}

.account-open-page--form input[type="checkbox"]:checked+label:after {
	background: url(/img/checked.svg) center #ffef00 no-repeat;
	background-size: 65%;
	border: solid 1px #ffef00;
}


.account-open-page--form input[type="radio"]+label:after {
	position: absolute;
	content: '';
	width: 16px;
	height: 16px;
	border: solid 1px rgba(64, 70, 96, 0.17);
	border-radius: 50%;
	box-sizing: border-box;
	left: 0px;
}

.account-open-page--form input[type="radio"]:checked+label:after {

	border: solid 5px #ffee43;
	background: #1c1c1c;

}

.account-open-page--form .top-part-form label {
	display: block;
	margin-top: 35px;
	color: #424242;
	font-family: 'futurademic', sans-serif;
}

.account-open-page--form .top-part-form input[type="text"] {
	width: 100%;
	height: 48px;
	border-radius: 4px;
	border: solid 1px #767676;
	font-size: 16px;
	color: #767676;
	line-height: 46px;
	padding: 0 16px;
	background: transparent;
}

.account-open-page--form .top-part-form input[type="text"]:focus {
	border: solid 1px #1c7fdd;
}

.account-open-page--form .top-part-form .select-container {
	height: 40px;
	position: relative;
}

.account-open-page--form .top-part-form .select-container:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 4px 0 4px;
	border-color: #637282 transparent transparent transparent;
	top: 50%;
	right: 10px;
	margin-top: -1px;
	z-index: 1;
}

.account-open-page--form .top-part-form select::-ms-expand {
	display: none;
}

.account-open-page--form .top-part-form select {
	width: 100%;
	height: 48px;
	border-radius: 4px;
	border: solid 1px #767676;
	font-size: 16px;
	color: #767676;
	line-height: 46px;
	padding: 0 16px;
	background: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.account-open-page--form .top-part-form select.disabled {
	opacity: 0.85;
	background-color: #f8f8f8;
	border: solid 1px #e7e7e7;
	pointer-events: none;
}

.account-open-page--form .form-file .caption {
	position: revert;
	padding: 40px 0 10px 20px;
}

.account-open-page--form .form-file .caption:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 30px;
	background-image: url(/img/clip.png);
	background-position: top;
	background-repeat: no-repeat;
	left: 0;
	margin-top: -2px;
}

.file-well {
	border-style: solid;
	border-width: 2px 2px 2px 2px;
	border-image: url(/img/border_file.png) 2 2 2 2 stretch round;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 50px;
	position: relative;
	line-height: 1.5;
}

.file-well input {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	background: transparent;
}

.file-well a {
	color: #1c7fdd;
}

.file-well.filled {
	background-color: #f9fbfd;
}

.file-well.filled .file-name {
	display: block;
}

.file-well.hover {
	background-color: #e0e6ed;
}

.file-well input {
	opacity: 0.01;
	/* 1% visible */
}

.account-open-page--form .agreement {
	margin: 40px 0 80px;
}

.account-open-page--form .agreement a {
	text-decoration: none;
	border-bottom: 1px dashed #1c1c1c;
}

.top-part-form.security_code input[type="text"] {
	width: 60%;
}

.account-open-page--form .btn.yellow-btn {
	height: 48px;
}

.account-open-page--tab .ui-tabs .ui-tabs-nav .ui-tabs-anchor,
.account-open-page--tab .crediting-agrarians--tab.ui-tabs .ui-tabs-nav li {
	padding-left: 25px;
	padding-right: 25px;
}

.account-open-page--tab .crediting-agrarians--tab.ui-tabs .ui-tabs-nav {
	padding-bottom: 20px;
}

.show-more {
	cursor: pointer;
	color: #637282;
	font-size: 17px;
	font-family: 'futurademic', sans-serif;

}

/******/
.event-calendar .container {
	position: relative;
}

.event-calendar .title {
	color: #212225;
	font-size: 48px;
	font-family: 'futurademic', sans-serif;
	text-align: left;
	margin-bottom: 8px;
	text-align: center;
}

.event-calendar .description {
	color: #637282;
	font-size: 16px;
	font-family: 'futurabookc', sans-serif;
	max-width: 550px;
	text-align: left;
	margin-bottom: 40px;
	margin: auto;
	text-align: center;
}

.event-calendar .tabs {
	position: absolute;
	top: 0;
	right: 20px;
	width: 120px;
	height: 29px;
	border-radius: 4px;
	border: solid 1px #212225;
	background-color: #ffffff;
	overflow: hidden;
	display: flex;
}

.event-calendar .tabs a {
	width: 50%;
	position: relative;
}

.event-calendar .tabs a.active {
	background: #212225;
}

.event-calendar .tabs a.calendar:after {
	position: absolute;
	content: '';
	background: url("/img/calendar-icon-black.svg") center no-repeat;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.event-calendar .tabs a.list:after {
	position: absolute;
	content: '';
	background: url("/img/list-icon-black.svg") center no-repeat;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.event-calendar .tabs a.active.calendar:after {
	position: absolute;
	content: '';
	background: url("/img/calendar-icon-white.svg") center no-repeat;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.event-calendar .tabs a.active.list:after {
	position: absolute;
	content: '';
	background: url("/img/list-icon-white.svg") center no-repeat;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.event-calendar--datepicker .container {
	/*display:flex;
    align-items: flex-start;*/
	max-width: 480px;
}

.event-calendar--datepicker .container .calendar-datepicker {
	/*width: 468px;
    border-radius: 4px;
    box-shadow: 0 6px 13px 0 rgba(194, 206, 226, 0.5);
    border: solid 1px #f9fbfd;
    background-color: #ffffff;
    padding:24px;*/
}

.calendar-datepicker .ui-widget.ui-widget-content {
	width: 100%;
	margin-top: 40px;
	border: none;
}

.calendar-datepicker .ui-datepicker .ui-datepicker .ui-datepicker-prev,
.calendar-datepicker .ui-datepicker .ui-datepicker-next,
.calendar-datepicker .ui-datepicker .ui-datepicker-prev {
	display: none;
}

.calendar-datepicker .ui-datepicker select.ui-datepicker-month,
.calendar-datepicker .ui-datepicker select.ui-datepicker-year {
	width: auto;
	display: block;
	border: none;
	font-size: 24px;
	font-family: 'futurabookc', sans-serif;
	color: #637282;
	font-weight: 100;
}

.calendar-datepicker .ui-datepicker .ui-datepicker-header {
	background: transparent;
	border: none;
	padding: 0;
}

.calendar-datepicker .ui-datepicker .ui-datepicker-title {
	display: flex;
	justify-content: space-between;
	margin: 0px 10px 15px 10px;
	border-bottom: 1px solid #e0e6ed;
	padding: 5px 0;

}

.calendar-datepicker .ui-datepicker th {
	color: #212225;
	font-family: 'futurabookc', sans-serif;
	font-weight: 100;
	padding: 0;
	/*font-size: 14px;*/
	font-size: 24px;
	font-style: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: normal;
	/*text-transform: uppercase;*/
	height: 36px;
}

.calendar-datepicker .ui-datepicker th span {
	width: 36px;
	display: block;
	margin: auto;
}

.calendar-datepicker .ui-widget-content .ui-state-default,
.calendar-datepicker .ui-state-default,
.calendar-datepicker .ui-widget-header .ui-state-default,
.calendar-datepicker .ui-button,
html .ui-button.ui-state-disabled:hover,
.calendar-datepicker .ui-button.ui-state-disabled:active {
	background: transparent;
	border: none;
	text-align: center;
	font-size: 24px;
	color: #212225;
	/*font-family: 'futurademic', sans-serif;*/
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.3;
	letter-spacing: normal;
	/*color: rgba(33, 34, 37, 0.2);*/
	color: rgba(33, 34, 37, 1);

}

.calendar-datepicker .ui-widget-content .ui-state-default,
.calendar-datepicker .ui-state-default {
	font-size: 20px;
	/*font-family: 'futurademic', sans-serif;*/
	font-family: 'futurabookc', sans-serif;
	width: 36px;
	border-radius: 3px;
	margin: auto;
	padding: 5px;
}

.calendar-datepicker .ui-datepicker th.ui-datepicker-week-end,
.calendar-datepicker .ui-datepicker th.ui-datepicker-week-end a:not(.ui-priority-secondary) {
	color: #ed4337;
}

.calendar-datepicker .ui-datepicker td.ui-datepicker-week-end,
.calendar-datepicker .ui-datepicker td.ui-datepicker-week-end a:not(.ui-priority-secondary) {
	/*color: rgba(33, 34, 37, 0.2);*/
	color: #ed4337;
}

.calendar-datepicker .ui-priority-secondary,
.calendar-datepicker .ui-widget-content .ui-priority-secondary,
.calendar-datepicker .ui-widget-header .ui-priority-secondary {
	opacity: .3;
}

.calendar-datepicker .ui-state-highlight,
.calendar-datepicker .ui-widget-content .ui-state-highlight,
.calendar-datepicker .ui-widget-header .ui-state-highlight {
	color: #212225;
	/*font-family: 'futurademic', sans-serif;*/
}

.calendar-datepicker .ui-widget-content .ui-state-active {
	position: relative;
}

.calendar-datepicker .ui-widget-content .ui-state-active .ui-state-default {
	color: #212225;
	/*font-family: 'futurademic', sans-serif;*/
	position: relative;
}

.calendar-datepicker .ui-widget-content .ui-state-default.ui-state-active {
	background: #ffef00;
	border-radius: 50%;
	color: #212225;
	/*font-family: 'futurademic', sans-serif;*/
}

.event-calendar--datepicker .container .events-block {
	width: calc(100% - 468px);
	padding-left: 50px;
}

.event-calendar--datepicker .container .events-block .date {
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.event-calendar--datepicker .container .events-block .date .prev-date {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 6px 5px 0;
	border-color: transparent #212225 transparent transparent;
}

.event-calendar--datepicker .container .events-block .date .next-date {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 6px;
	border-color: transparent transparent transparent #212225;
}

.event-calendar--datepicker .container .events-block .date span {
	font-size: 24px;
	line-height: 1.33;
	text-align: center;
	color: #212225;
	margin: 0 15px;
}

.event-calendar--datepicker .container .events-block .event-item {
	margin-bottom: 30px;
}

.event-calendar--datepicker .container .events-block .event-item .event-title {
	font-size: 24px;
	line-height: 1.17;
	font-family: 'futurademic', sans-serif;
	color: #212225;
	margin-bottom: 10px;
}

.event-calendar--datepicker .container .events-block .event-item .event-time {
	font-size: 12px;
	line-height: 1.17;
	color: #212225;
	margin-bottom: 10px;
}

.event-calendar--datepicker .container .events-block .event-item .event-description {
	font-size: 14px;
	line-height: 1.29;
	color: #212225;
	margin-bottom: 15px;
}

.events-list-section {}

.events-list-section .date-events-block {
	margin-bottom: 40px;
}

.events-list-section .date-events-block .date {
	height: 44px;
	background-color: #f9fbfd;
	font-size: 22px;
	line-height: 44px;
	letter-spacing: normal;
	color: #212225;
	padding-left: 15px;
	margin-bottom: 16px;
}

.events-list-section .date-events-block .event-item {
	margin-bottom: 30px;
	max-width: 700px;
	;
}

.events-list-section .date-events-block .event-item .event-title {
	font-size: 32px;
	line-height: 1.25;
	font-family: 'futurademic', sans-serif;
	color: #212225;
	margin-bottom: 15px;
}

.events-list-section .date-events-block .event-item .event-time {
	font-size: 16px;
	line-height: 1.17;
	color: #212225;
	margin-bottom: 15px;
}

.events-list-section .date-events-block .event-item .event-description {
	font-size: 22px;
	line-height: 1.29;
	color: #212225;
	margin-bottom: 20px;
}

.no-events-section {}

.no-events-section .no-events-title {
	font-size: 24px;
	line-height: 1.4;
	color: #637282;
	font-weight: bold;
	margin-bottom: 30px;
}

.no-events-section .no-events-description {
	font-size: 20px;
	line-height: 1.4;
	color: #637282;
}

.event-calendar--developments {
	padding-top: 30px;
}

.event-calendar--developments .container {
	max-width: 680px;
}

.event-calendar--developments.card-catalog-section .top-container .packages-tabs-btns {
	width: 100%;
	justify-content: center;
}

.event-calendar--developments .developments-item {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 40px 0 20px;
}

.event-calendar--developments .developments-date {
	color: #637282;
	font-size: 24px;
	font-family: 'futurabookc', sans-serif;
	width: 180px;
}

.event-calendar--developments .developments-info {
	width: calc(100% - 180px);
}

.event-calendar--developments .developments-info h3 {
	color: #212225;
	font-size: 24px;
}

.event-calendar--developments .developments-info p {
	font-family: 'futurabookc', sans-serif;
	padding: 25px 0;
	font-size: 16px;
	color: #212225;
	line-height: 23px;
}

/************************************************************/
.main-page-container .main-page-block .fast-search-block:not(.fast-search-mobile).other .fast-search__item_first-page {
	display: none;
}


.main-page-container .main-page-block .fast-search-block:not(.fast-search-mobile).other .fast-search__next-btn {
	display: none;
}

.main-page-container .main-page-block .fast-search-block:not(.fast-search-mobile):not(.other) .fast-search__prev-btn,
.main-page-container .main-page-block .fast-search-block:not(.fast-search-mobile):not(.other) .fast-search__next-btn {
	display: none;
}

.main-page-container .main-page-block .fast-search-block.fast-search-mobile .fast-search__next-btn,
.main-page-container .main-page-block .fast-search-block.fast-search-mobile .fast-search__prev-btn,
.main-page-container .main-page-block .fast-search-block.fast-search-mobile .fast-search__title {
	display: none !important;
}

.main-page-container .main-page-block .fast-search-block:not(.fast-search-mobile) .fast-search__content {
	/*display: flex;*/
	align-items: center;
}

.main-page-container .main-page-block .fast-search-block .fast-search__next-btn {
	background: url("/img/more.svg") 0 0 no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.main-page-container .main-page-block .fast-search-block .fast-search__prev-btn {
	background: url("/img/rectangle-5.svg") 0 0 no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
	margin-right: 16px;
}

/************************************************************/

.fast-search-block .slick-prev:before,
.fast-search-block .slick-next:before {
	width: 24px;
	height: 24px;
	content: '';
	position: absolute;
	display: block;
	top: 0;

	background: url("/img/arrow-slider-main.svg") center;
}

.fast-search-block .slick-prev:before {
	transform: rotate(180deg);
}

.fast-search-block .slick-prev {
	left: -10px;
	width: 24px;
	height: 24px;
}

.fast-search-block .slick-next {
	right: -10px;
	width: 24px;
	height: 24px;
}
.top_part_page h1, .top_part_page h2 {
    font-size: 40px;
    line-height: 1.2;
    text-align: center;
    color: #212225;
    font-family: 'futurademic', sans-serif;
    margin-bottom: 20px;
}
.top_part_page p {
    font-family: 'futurabookc', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    color: #637282;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 48px;
    max-width: 700px;
}

.top_part_page_align_left p {
    font-size: 16px;
    line-height: 1.5;
    color: #637282;
    width: 100%;
    margin: 0;
    text-align: left;
}
.top_part_page_align_left h1 {
    text-align: left;
    font-size: 48px;
    line-height: 1.05;
    letter-spacing: 0.6px;
    color: #212225;
    font-family: 'futurademic', sans-serif;
    margin-bottom: 10px;
}

.slider_blog h2{
    font-size: 48px;
    line-height: 1;
    letter-spacing: 0.6px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 24px;
    font-family: 'futurademic', sans-serif;
}

.slider_blog p{
    font-size: 18px;
    line-height: 1.33;
    text-align: left;
    color: #ffffff;
    margin-bottom: 24px;
    max-width: 50%;
}
.programs-list .bottom-part table, .deposits-list .features table {
    color: #fff;
    font-size: 18px;
    line-height: 1.33;
}
.programs-list .bottom-part table td, .deposits-list .features table td{
    padding-right: 20px;
}

.programs-list .bottom-part table tr:first-child td, .deposits-list .features table tr:first-child td{
    font-size: 14px;
}

.insurance-tariffs-section h2 {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 60px;
    text-align: center;
    color: #212225;
    font-family: 'futurademic', sans-serif;
}
.insurance-tariffs-section ol {
    margin-left: 20px;
}
.insurance-tariffs-section ol li{
    font-size: 14px;
    line-height: 1.14;
    text-align: left;
    color: #637282;
    margin-bottom: 16px;
}

.autoscrew_description h2 {
    font-size: 40px;
    font-family: 'futurademic', sans-serif;
    color: #f9fbfd;
}

.autoscrew_description h3, 
.autoscrew_description h4 {
    max-width: 700px;
    height: 96px;
    font-size: 24px;
    line-height: 1.33;
    color: #f9fbfd;
    margin: 30px auto 40px;
    font-weight: normal;
}
.acquiring-tariff-section table {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 50px;
}
.acquiring-tariff-section tr td
{
    color: #637282;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    padding: 20px;
    padding-bottom: 0;
}

.acquiring-tariff-section tr:first-child td {
    color: #637282;
    font-size: 32px;
    line-height: 1;
    text-align: center;
    font-family: 'futurademic', sans-serif;
    margin-bottom: 18px;
}
.acquiring-tariff-section  p {
    width: 100%;
    text-align: center;
    color: #637282;
    font-size: 14px;
}
.insurance-programs-section .programs-list .program-item .top-part .left-side .description{
    max-width: 100%;
}
.result-links em {
    font-weight: bold;
    font-style: normal;
}
.slider_top_premium h1, .slider_top_premium p {
    padding-bottom: 20px;
}

@media all and (-ms-high-contrast: none) {
  body {
    height: 100vh;
  } /* IE11 */
}
@media only screen and (min-width: 1880px) {
  .account-apply-form-section__decoration::before {
    padding-top: 44%;
  }
}
@media only screen and (max-width: 900px) {
  .chart-controls-wrapper > * {
    margin-bottom: 16px;
  }
}
@media (max-width: 1430px) {
  footer .top-footer .footer-menu ul li a {
    margin: 0 10px;
  }
}
@media (max-width: 1300px) {
  .popup .compare-table .compare-item {
    padding: 0 20px;
  }
  .popup.popup-compare .popup-container {
    padding: 30px;
  }
}
@media only screen and (max-width: 960px) {
  .account-apply-form-section__decoration {
    display: none;
  }
  .account-apply-form-section form .top-part-form {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 900px) {
  .chart-controls-wrapper > * {
    margin-bottom: 16px;
  }
  .popup.popup-ib .popup-container {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .bank-indicators-section .list .item {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 768px) {
  .currency-container {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* .currency-container--chart {
      padding-left: 8px;
      padding-right: 8px;
    } */
  .bank-indicators-section .list {
    flex-direction: column;
  }
  .bank-indicators-section .list .item {
    width: 100%;
    padding: 20px;
    border: 0 !important;
  }
}

@media only screen and (max-width: 375px) {
  .currency-container {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (max-width: 1200px) {
  .compare-cards-block .compare-cards-slider .slider-item {
    padding: 20px;
  }
  .compare-cards-block .compare-cards-slider .slider-item .image {
    width: 70px;
  }
  .compare-cards-block .compare-cards-slider .slider-item .text {
    width: calc(100% - 70px);
    font-size: 14px;
  }
  .main-menu-block .children-menu {
    width: 100%;
    padding: 0 10px;
  }
  .main-menu-block .children-menu .child ul li a {
    font-size: 16px;
  }
  .news-section .news-slider {
    padding: 0 40px;
  }
  .news-section .news-slider .slick-prev {
    left: 0;
  }
  .news-section .news-slider .slick-next {
    right: 0;
  }
  .online-services-slider-section .slider-container {
    left: 28%;
  }
  .online-request-section form {
    width: 100%;
    max-width: 1024px;
  }
  .map-section .search-block,
  .map-section .search-block input {
    width: 290px;
  }
  .offices-list .office-item .status-block {
    width: 10%;
  }
  .offices-list .office-item .response-block {
    width: 12%;
  }
  .cash-collection-section .advantages .item {
    width: 185px;
  }
  .business-online-connection-section .image {
    left: 23%;
  }
  .program-advantages-section .advantages .item {
    width: 180px;
  }
  .calculator-inputs input[type="text"][disabled],
  .calculator-inputs select[disabled] {
    opacity: 1 !important;
    -webkit-text-fill-color: rgba(33, 34, 37, 1) !important;
    -webkit-opacity: 1 !important;
    color: rgba(33, 34, 37, 1) !important;
  }
  .dark-theme .calculator-inputs input[type="text"][disabled],
  .dark-theme .calculator-inputs select[disabled] {
    opacity: 1 !important;
    -webkit-text-fill-color: rgba(249, 251, 253, 1) !important;
    -webkit-opacity: 1 !important;
    color: rgba(249, 251, 253, 1) !important;
  }
  .success-stories-section .stories-slider .slick-prev {
    left: -7px;
  }
  .success-stories-section .stories-slider .slick-prev:before {
    background-color: #fff;
    border-radius: 50%;
    opacity: 1;
  }
  .success-stories-section .stories-slider .slick-next {
    right: -7px;
  }
  .success-stories-section .stories-slider .slick-next:before {
    background-color: #fff;
    border-radius: 50%;
    opacity: 1;
  }
  footer .top-footer .container {
    padding: 0 20px;
  }
  footer .top-footer .help-center-block {
    width: 170px;
  }
  footer .top-footer .help-center-block > .title {
    line-height: 1;
  }
}
@media (max-width: 1100px) {
  footer .top-footer .footer-menu {
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  footer .top-footer {
    padding: 60px 0 20px 0;
  }
}
@media (max-width: 1024px) {
  .services-packages-section .services-packages-slider {
    overflow-x: scroll;
  }
  .main-menu-block .children-menu.active {
    overflow-y: auto;
  }
}
@media (max-width: 1023px) {
  .dark-theme .new-banner-section .banner-block .text-block {
    margin-left: 0;
  }
  .new-banner-section .banner-block {
    /* background-image: inherit !important; */
    min-height: inherit;
  }
  .mastercard-personal-cabinet-section .mastercard-personal-cabinet-block {
    padding: 24px;
  }
  .parts-paying-benefits-section .list.four .item {
    width: 50%;
    margin-bottom: 20px;
  }
  .order-card-form-section .grey-bg {
    padding: 40px 20px;
  }
  .wu-tariff-section .info-block .description {
    max-width: calc(100% - 324px);
  }
  .business-online-service-section .text-container {
    background-color: #f9fbfd;
    padding: 80px 0;
    padding-left: 260px;
    padding-right: 20px;
  }
  .business-online-service-section .bg {
    position: absolute;
    top: 170px;
    left: 0;
    width: 260px;
  }
  .data-protection-section.with-bg {
    padding-left: 0;
  }
  .data-protection-section {
    padding: 60px 0;
  }
  .data-protection-section {
    font-size: 24px;
  }
  .open-vacancies-section .vacancies-list .vacancy-item .type,
  .open-vacancies-section .vacancies-list .vacancy-item .city,
  .open-vacancies-section .vacancies-list .vacancy-item .position a {
    font-size: 18px;
  }
  header .container {
    padding: 0 20px;
  }
  .schedule-map-popup {
    right: 20px;
  }
  .online-banking-btn {
    padding: 6px 12px;
  }
  header .online-payments-btn {
    margin-right: 16px;
  }
  .main-menu-block .parents-menu {
    width: 100%;
    min-width: auto;
    max-width: 800px;
    padding: 0 20px;
  }
  .main-menu-block .children-menu {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .main-menu-block .children-menu .child {
    width: 33.333%;
    margin-bottom: 20px;
  }
  .main-menu-block .children-menu .premium-menu-item {
    width: 334px;
  }
  .main-menu-block .children-menu .premium-menu-item .lower {
    padding: 40px 20px;
  }
  footer .top-footer .container {
    padding: 0 20px;
  }

  footer .top-footer .help-center-block > .title {
    line-height: 16px;
  }
  footer .top-footer .footer-menu ul li a {
    margin: 0 15px;
  }
  footer .top-footer .footer-rates {
    width: 138px;
  }
  .card-catalog-section .top-container {
    flex-wrap: wrap;
  }
  .card-catalog-section .top-container .header {
    width: 100%;
    margin-bottom: 20px;
  }
  .card-catalog-section .top-container .packages-tabs-btns {
    width: 100%;
  }
  .packages-list .package-item .package-description .features .feature {
    width: 100%;
  }
  .popup
    .compare-table
    .compare-item-properties
    .properties-block
    .properties-title,
  .popup .compare-table .compare-item-properties .cards {
    font-size: 14px;
  }
  .popup .compare-table .compare-item-properties {
    width: 240px;
  }
  .popup .compare-table .compare-slider {
    width: 100%;
  }
  .popup .compare-table.deposits .compare-slider {
    width: 100%;
  }
  .popup .compare-table .compare-item .properties-block ul li {
    font-size: 14px;
  }
  .popup .compare-table .compare-item {
    padding: 0 10px;
  }
  .popup .compare-table .compare-item .cards .card {
    width: calc(50% - 5px);
  }
  .popup .compare-table .compare-item .cards .card .image {
    width: 100%;
    height: auto;
  }
  .popup .compare-table .compare-item .cards .card img {
    width: 100%;
    height: auto;
  }
  .video-section .video-block iframe,
  .video-section .video-block {
    height: 408px;
    width: 700px;
  }
  .helpful-page-section .text {
    font-size: 18px;
    color: #637282;
    margin-right: 40px;
    width: 150px;
  }
  .important-information-section .important-information-block .image {
    width: 180px;
  }
  .important-information-section .important-information-block .text {
    width: calc(100% - 150px);
    padding-right: 0;
  }
  .insurance-programs-section .top-container {
    flex-wrap: wrap;
  }
  .insurance-programs-section .top-container .header {
    width: 100%;
    margin-bottom: 20px;
  }
  .insurance-programs-section .top-container .packages-tabs-btns {
    width: 100%;
  }
  .insurance-programs-section .programs-list .program-item {
    padding: 20px;
  }
  .insurance-programs-section
    .programs-list
    .program-item
    .top-part
    .left-side
    .title {
    font-size: 30px;
  }
  .insurance-programs-section
    .programs-list
    .program-item
    .top-part
    .right-side
    .bid-number {
    font-size: 30px;
  }
  .insurance-programs-section
    .programs-list
    .program-item
    .bottom-part
    .features
    .feature
    .feature-description {
    font-size: 14px;
  }
  .methods-section .method-block .video,
  .methods-section .method-block .video iframe {
    height: 408px;
    width: 700px;
  }
  .plans-list .plan-item .plan-description .terms-list .term-item {
    width: 100%;
  }
  .deposits-section .deposits-calculators-block {
    padding: 20px;
  }
  .deposits-section .deposits-list .deposit-item {
    padding: 20px;
  }
  .deposits-section .deposits-list .deposit-item .top-part .left-side .title {
    font-size: 30px;
  }
  .deposits-section
    .deposits-list
    .deposit-item
    .top-part
    .right-side
    .bid-number {
    font-size: 30px;
  }
  .deposits-section
    .deposits-list
    .deposit-item
    .bottom-part
    .features
    .feature
    .feature-description {
    font-size: 14px;
  }
  .credit-calculator-section form {
    padding: 20px;
    padding-bottom: 12px;
  }
  .credit-calculator-section form .form-container .left-side .calculator-block {
    width: 100%;
  }
  .cards-order-tab
    .cards-list-block
    .cards-list
    .card-item
    input
    + label
    .image {
    width: 160px;
  }
  .online-services-slider-section .service-item {
    max-width: 300px;
  }
  .online-services-slider-section .service-item .title {
    font-size: 18px;
  }
  .online-services-slider-section .service-item .description {
    font-size: 14px;
  }
  .online-services-slider-section .slider-container {
    left: 12%;
  }
  .deposit-calculator-section .calculator-block {
    padding: 20px;
    flex-wrap: wrap;
  }
  .deposit-calculator-section .calculator-block .calc-part {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .deposit-calculator-section
    .calculator-block
    .calc-part
    .bottom
    .calculator-slider-block {
    width: 100%;
  }
  .deposit-calculator-section .calculator-block .result-part {
    width: 100%;
  }
  .program-example-section .text-block.background-block {
    background: #f9fbfd;
  }
  .transfers-payments-section .payment-block {
    width: 100%;
  }
  .transfers-payments-section .payment-block.card-transfer {
    width: 100%;
    background: url(/img/group-15.png) top right no-repeat #f9fbfd;
    background-size: 52%;
  }
  .transfers-payments-section .payment-block.credit {
    width: 100%;
    background: url(/img/group-58.png) top right no-repeat #f9fbfd;
    background-size: 52%;
  }
  .map-section .offices-type a {
    font-size: 14px;
    width: 90px;
  }
  .map-section .search-block,
  .map-section .search-block input {
    width: 200px;
  }
  .map-section .search-block input {
    font-size: 14px;
  }
  .filter-btn {
    width: 40px;
    padding: 6px 0;
    text-indent: -10000px;
    min-width: 40px;
    position: relative;
  }
  .map-section .middle-block .filter-btn:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-indent: 0;
    margin-left: 0;
  }
  .map-section .middle-block .filter-popup {
    width: 400px;
  }
  .currency-container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .currency-container .currency-calc-block,
  .currency-container .exchange-rates-block {
    width: 500px;
  }
  .search-tab-section .tab-btn {
    font-size: 12px;
  }
  .news-page-section .news-list .news-item {
    width: 100%;
  }
  .news-page-section .news-list .news-item.big-news .image {
    width: 40%;
  }
  .news-page-section .news-list .news-item.big-news .text {
    width: 60%;
  }
  .cash-collection-section .advantages .item {
    width: 175px;
  }
  .partners-services-section .top-container {
    flex-wrap: wrap;
  }
  .partners-services-section h2 {
    width: 100%;
    margin-bottom: 20px;
  }
  .partners-services-section .services-tabs-btns {
    width: 100%;
  }
  .partners-services-section
    .services-block
    .service-item
    .info
    .features
    .feature {
    width: 100%;
  }
  .popup.popup-ib .popup-container {
    width: 100%;
    height: 100%;
  }
  .popup.popup-ib .popup-close {
    top: 9px;
    right: 8px;
  }
  .popup.popup-ib .ib-container .ib-block {
    padding: 56px 24px 114px;
  }
  .program-terms-section .terms-list {
    flex-wrap: wrap;
  }
  .program-terms-section .terms-list .terms-item {
    margin-bottom: 30px;
  }
  .participating-section {
    padding-top: 60px;
  }
  .loan-catalog-section .loan-item {
    padding: 15px 20px;
  }
  .service-quality-section .questions-list .q-item {
    padding: 20px;
  }
  footer .bottom-footer .fgvfo-link {
    display: none;
  }
  .top-management-section .top-managers-list .top-manager {
    width: 50%;
  }
  .contact-info-block {
    padding: 64px 0;
  }
  .popup.confirmation-popup .popup-container {
    width: 600px;
  }
  .deposit-calculator-section .calculator-block .calculator-checkboxes {
    margin-top: 20px;
  }
  .history-section .history-item .text {
    column-count: 1;
  }
  .our-partners-section .partners-slider {
    margin: 0 35px;
    margin-bottom: 50px;
  }
  .our-partners-section .partners-list a {
    width: calc(33.33% - 20px);
  }
  .our-partners-section .partners-filters a {
    margin: 0 5px;
    margin-bottom: 20px;
  }
  .partner-calculator-section .calculator-block form .right-side {
    width: 370px;
    padding: 20px;
  }
  .partner-calculator-section .calculator-block form .left-side {
    width: calc(100% - 370px);
    padding: 20px;
  }
  .partner-calculator-section
    .calculator-block
    form
    .form-field
    .schedule-radioboxes
    input[type="radio"]
    + label {
    margin-right: 10px;
  }
  .partner-calculator-section
    .calculator-block
    form
    .form-field
    .season-checkboxes
    .checkbox-block {
    width: 33.33%;
  }
  .deposit-corp-section .all-deposits-block .text {
    width: calc(100% - 350px);
    font-size: 14px;
    line-height: 18px;
  }
  .principles-values-section .intro .container:after {
    display: none;
  }
  .EMA-recommendations-section .list .item {
    font-size: 20px;
  }
  .courses-calculators-section .courses-tab-btns .tab-btn {
    font-size: 14px;
    margin-right: 20px;
  }
  .courses-calculators-section .courses-tab-btns .tab-btn:last-child {
    margin-right: 0;
  }
  .courses-calculators-section .half-part {
    padding: 20px;
  }
  .courses-calculators-section .courses-tab-btns {
    padding: 0 20px;
    margin: 0 -20px;
    margin-bottom: 20px;
  }
  .courses-calculators-section .courses-table-block table tbody td,
  .courses-calculators-section .courses-table-block table tbody td:first-child {
    font-size: 16px;
  }
  .courses-calculators-section .half-part .title .info-span .text {
    transform: translateX(-80%);
  }
  .courses-calculators-section .half-part .title {
    font-size: 20px;
  }
  .courses-calculators-section .half-part .date-container {
    top: 20px;
    right: 20px;
  }
  .all-currencies-section .all-currencies-block table thead td {
    font-size: 14px;
  }
  .all-currencies-section .all-currencies-block table tbody td {
    font-size: 14px;
  }
  .all-currencies-section .all-currencies-block .top {
    margin-bottom: 32px;
  }
  .services-privileges-section .list .item {
    align-items: center;
  }
  .services-privileges-section .list .item .image {
    width: 300px;
  }
  .services-privileges-section .list .item .text {
    width: calc(100% - 300px);
    padding-right: 20px;
  }
  .services-privileges-section .list .item:nth-child(2n + 2) .text {
    padding-right: 0;
    padding-left: 20px;
  }
  .intro-slider-section .intro-slider .slider-item .text .description {
    font-size: 16px;
  }
  .premium-nav--link li a {
    padding: 15px 20px;
  }
  .offices-list .office-item .work-hours-block table tr {
    display: flex;
    flex-wrap: wrap;
  }
  .offices-list .office-item .work-hours-block table tr td {
    width: 100%;
  }
  .news-page-section .news-filters .filter-button {
    font-size: 14px;
    padding: 0px 20px;
    margin: 0px 15px;
    margin-bottom: 20px;
  }
  .industry-section .industries-list .item .title {
    font-size: 20px;
    width: 260px;
  }
  .industry-section .industries-list .item .description {
    left: 300px;
    width: calc(100% - 300px);
  }
  .industry-section .industries-list .item .description p {
    font-size: 18px;
  }
  .mastercard-bilshe-section .additional-mastercard {
    padding-left: 30%;
  }
  .smart-exe-advantages-section .list .item {
    width: calc(33.33% - 30px);
  }
  .business-navigation-consultation .list .item {
    width: calc(33.33% - 30px);
  }
  .news-page-section.blog-section .block-title,
  .news-page-section.blog-section h1 {
    max-width: 470px;
  }
  .event-calendar--datepicker .container .calendar-datepicker {
    width: 340px;
  }
  .event-calendar--datepicker .container .events-block {
    width: calc(100% - 340px);
    padding-left: 30px;
  }
  .online-payment-section .online-payment-features .op-feature {
    width: 25%;
  }
  .necessary-iban-section .list {
    flex-wrap: wrap;
  }
  .necessary-iban-section .list .item {
    width: 50%;
    margin-bottom: 20px;
  }
  .deposit-calculator-section
    .calculator-block
    .calc-part
    .bottom
    .calculator-slider-block
    .calculator-inputs {
    justify-content: flex-start;
  }
  .deposit-calculator-section
    .calculator-block
    .calc-part
    .bottom
    .calculator-slider-block
    .calculator-inputs
    input[type="text"] {
    margin-right: 15px;
  }
  .popup.popup-credit-intermediary .popup-container {
    left: 5%;
    margin-left: 0;
    width: 90%;
  }
  .ci-tab form .form-field label {
    font-size: 15px;
  }
  .farmers-support-section .list .item {
    width: calc(33.33% - 28px);
  }
  .credit-calculator-section-1 form .form-container .calculator-wrap {
    flex-direction: column;
  }
  .credit-calculator-section-1
    form
    .form-container
    .calculator-wrap
    .calculator-block {
    margin-right: 0;
  }
  .credit-calculator-section-1 form .form-container .content .left-side {
    width: 75%;
  }
}
@media (min-height: 720px) and (max-width: 1290px) {
  .popup.popup-ib .ib-container .ib-block {
    padding: 56px 24px 114px;
  }
}
@media screen and (max-width: 700px) {
  .credit-calculator-section-1 form .form-container {
    padding: 24px 10px 30px;
  }
  .credit-calculator-section-1 form .form-container .content {
    flex-direction: column;
    align-items: center;
  }
  .credit-calculator-section-1 form .form-container .content .left-side {
    width: 100%;
    margin-bottom: 30px;
  }
  .credit-calculator-section-1 form .form-container .right-side {
    width: 100%;
    align-items: center;
  }
  .credit-calculator-section-1
    form
    .form-container
    .calculator-wrap
    .calculator-block:nth-child(1)
    .input-field {
    max-width: none;
  }
  .credit-calculator-section-1
    form
    .form-container
    .calculator-wrap
    .calculator-block:nth-child(2)
    .input-field {
    max-width: none;
  }
  .credit-calculator-section-1
    form
    .form-container
    .calculator-wrap
    .input-field {
    width: 100%;
  }
}
@media screen and (max-height: 700px) {
  .main-page-container {
    height: auto;
    padding-top: 120px;
  }
}
@media screen and (max-width: 600px) {
  .special-offer-page-section .offer-description table tr {
    display: flex;
    flex-direction: column;
  }

  .special-offer-page-section .offer-description table tr td {
    text-align: left !important;
  }
}
@media screen and (max-height: 768px) and (min-width: 812px) {
  .popup.popup-ib .ib-container .ib-block {
    justify-content: flex-start;
  }
}
@media screen and (max-height: 580px) and (min-width: 767px) {
  header {
    padding-top: 20px;
  }
  header .mobile-menu-btn {
    display: flex;
    width: 30px;
    height: 30px;
    order: 2;
  }
  header .left-part {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header .main-menu-btn {
    display: none;
  }
  header .logo {
    margin-left: 20px;
    width: 160px;
    order: 2;
  }
  header .logo img {
    max-width: 100%;
  }
  header .langs {
    width: 40px;
    order: 1;
  }
  header .langs > span {
    font-size: 14px;
  }
  header .langs .other-langs {
    width: 40px;
  }
  header .langs .other-langs ul li a {
    font-size: 14px;
  }
  .right-part {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  .documents-main-section
    .documents-list
    .documents-archive.show
    .filter-selects {
    display: flex;
    position: relative;
    right: auto;
    top: auto;
    margin-bottom: 20px;
  }
  .documents-main-section
    .documents-list
    .documents-archive
    .filter-selects
    .select-container {
    margin-left: 0;
    margin-right: 15px;
  }
  .documents-main-section .documents-list .documents-archive .hide-documents {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .intro-slider-section__loan-cash {
    margin-top: 85px;
  }
  .credit-conditions-section .conditions-list .conditions-item {
    width: calc(50% - 80px);
  }
  .credit-conditions-section
    .conditions-list
    .conditions-item:nth-last-child(-n + 3) {
    margin-bottom: 84px;
  }
  .credit-conditions-section
    .conditions-list
    .conditions-item:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
  .documents-main-section
    .documents-list
    .group-list
    .download-block
    .download-file
    .text {
    font-size: 16px;
  }
  .event-calendar--datepicker .container {
    flex-wrap: wrap;
  }
  .event-calendar--datepicker .container .calendar-datepicker {
    width: 100%;
    max-width: 468px;
    margin-bottom: 30px;
    padding: 15px;
  }
  .event-calendar--datepicker .container .events-block {
    width: 100%;
    padding-left: 0;
  }
  .events-list-section .date-events-block .event-item .event-title {
    font-size: 20px;
  }
  .events-list-section .date-events-block .event-item .event-time {
    font-size: 14px;
  }
  .events-list-section .date-events-block .event-item .event-description {
    font-size: 16px;
  }
  .special-offers-section .special-offers-list .special-offers-item {
    display: block;
  }
  .special-offers-section .special-offers-list .special-offers-item .text {
    width: 100%;
    margin-top: 25px;
  }
  .acquiring-section.three-blocks .acquiring-links .link {
    width: 100%;
  }
  .schedule-map-popup {
    top: 80px;
    right: 20px;
    width: 280px;
  }
  .schedule-map-popup .popup-text h2 {
    font-size: 18px;
    line-height: 1.1;
  }
  header {
    padding-top: 20px;
  }
  header .mobile-menu-btn {
    display: flex;
    width: 30px;
    height: 30px;
    order: 2;
  }
  header .left-part {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header .main-menu-btn {
    display: none;
  }
  header .logo {
    margin-left: 20px;
    width: 160px;
    order: 2;
  }
  header .logo img {
    max-width: 100%;
  }
  header .langs {
    width: 40px;
    order: 1;
  }
  header .langs > span {
    font-size: 14px;
  }
  header .langs .other-langs {
    width: 40px;
  }
  header .langs .other-langs ul li a {
    font-size: 14px;
  }
  .right-part {
    display: none;
  }
  .main-page-container {
    height: auto;
    padding-top: 120px;
  }
  .main-page-container .main-page-block {
    width: 90%;
  }
  .main-page-container .main-page-block .main-slider {
    width: 100%;
    margin: auto;
    height: auto;
  }
  .main-page-container .main-page-block .main-slider .slick-prev {
    left: calc(50% - 40px);
    top: 115%;
  }
  .main-page-container .main-page-block .main-slider .slick-next {
    right: calc(50% - 40px);
    top: 115%;
  }
  .main-page-container .main-page-block .main-page-form form input[type="text"],
  .main-page-container .main-page-block .main-page-title {
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    -webkit-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
  }
  .main-page-container .main-page-block .main-page-form {
    height: 40px;
  }
  .main-page-container .main-page-block .main-page-title.active {
    font-size: 14px;
    line-height: 16px;
    top: -16px;
  }
  .main-page-container .main-page-block .main-slider .slider-item {
    height: auto;
    width: 100%;
  }
  .main-page-container .main-page-block .main-slider .slider-item a {
    /*display: flex;*/
  }
  .main-page-container
    .main-page-block
    .main-page-form
    .search-result-block
    .result-block {
    padding-left: 10px;
    padding-right: 10px;
  }
  header.line {
    padding-bottom: 20px;
  }
  footer .bottom-footer .container {
    justify-content: center;
    padding: 0 20px;
  }
  footer .bottom-footer .social-block,
  footer .top-footer .help-center-block > .title,
  footer .top-footer .footer-menu,
  footer .top-footer .help-center-block:after {
    display: none;
  }
  footer .top-footer .help-center-block {
    width: 50px;
  }
  footer .top-footer .help-center-block:before {
    width: 40px;
    height: 40px;
    top: -20px;
  }
  footer .top-footer {
    padding: 20px 0;
  }
  footer .top-footer .help-center-block .other-phones .phone-block .title {
    font-size: 12px;
  }
  footer .top-footer .help-center-block .other-phones .phone-block .phone a {
    font-size: 14px;
  }
  footer .top-footer .help-center-block .other-phones .phone-block .info {
    font-size: 11px;
  }
  .intro-slider-section {
    height: 400px;
  }
  .intro-slider-section .intro-slider {
    height: 400px;
  }
  .intro-slider-section .intro-slider .slider-item {
    height: 400px;
  }
  .intro-slider-section .intro-slider .slider-item .container {
    height: 400px;
  }
  .intro-slider-section .intro-slider .slider-item .text .title {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .intro-slider-section .intro-slider .slider-item .text .description {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.25;
  }
  .open-account-section .block-title {
    font-size: 26px;
  }
  .open-account-section .block-description {
    font-size: 14px;
  }
  .open-account-section .banner {
    padding: 20px;
    background-size: cover !important;
  }
  .open-account-section .banner .title {
    font-size: 24px;
  }
  .open-account-section .banner .description {
    font-size: 14px;
  }
  .acquiring-section {
    margin-bottom: 30px;
  }
  .acquiring-section .title {
    font-size: 24px;
  }
  .acquiring-section .acquiring-links {
    flex-wrap: wrap;
  }
  .acquiring-section .acquiring-links .link {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .why-raiffeisen-section {
    margin-bottom: 30px;
  }
  .why-raiffeisen-section .title {
    font-size: 24px;
  }
  .why-raiffeisen-section .description {
    font-size: 14px;
  }
  .why-raiffeisen-section .bank-features {
    flex-wrap: wrap;
  }
  .why-raiffeisen-section .bank-features .feature {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .why-raiffeisen-section .bank-features .feature .text .feature-description {
    font-size: 12px;
  }
  .faq-section .title {
    font-size: 24px;
  }
  .faq-section .description {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .faq-section .faq-list .faq-item {
    padding: 10px 20px;
    padding-right: 30px;
  }
  .faq-section .faq-list .faq-item .faq-question {
    font-size: 16px;
  }
  .faq-section .faq-list .faq-item .faq-answer p {
    font-size: 14px;
  }
  .faq-section .faq-list .faq-item .faq-answer ul li {
    font-size: 14px;
  }
  .news-section .title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .news-section .news-slider {
    padding: 0 20px;
  }
  .news-section .news-slider .slick-prev {
    left: -10px;
  }
  .news-section .news-slider .slick-next {
    right: -10px;
  }
  .news-section .news-slider .news-item .news-title {
    font-size: 16px;
  }
  .raiffeisen-pay-page {
    padding-top: 45px;
  }
  .news-tabs-section {
    padding: 10px 0 15px;
  }
  .article-section article .article-image {
    margin-bottom: 24px;
  }
  .article-section article h1 {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .article-section article h2 {
    font-size: 20px;
    margin-bottom: 24px;
  }
  .article-section article h3 {
    font-size: 18px;
    margin-bottom: 24px;
  }
  .article-section article p {
    font-size: 14px;
    margin-bottom: 14px;
  }
  .article-section article ul,
  .article-section article ol {
    margin-bottom: 14px;
  }
  .article-section article ul li,
  .article-section article ol li {
    font-size: 14px;
    margin-bottom: 6px;
  }
  .article-section article table {
    margin-bottom: 14px;
  }
  .article-section article table tr td {
    font-size: 14px;
  }
  .article-section article img {
    max-width: 100%;
    height: auto !important;
  }
  .article-section {
    padding-bottom: 30px;
  }
  .news-page-section .block-title,
  .news-page-section h1 {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .news-page-section .news-select.month,
  .news-page-section .news-select {
    position: relative;
    right: 0;
    margin-bottom: 24px;
  }
  .news-page-section .news-list .news-item .image {
    display: none;
  }
  .news-page-section .news-list .news-item .text,
  .news-page-section .news-list .news-item.big-news .text {
    width: 100%;
  }
  .news-page-section .news-list .news-item .text .description {
    font-size: 14px;
  }
  .subscribe-section {
    padding-bottom: 20px;
  }
  .subscribe-section .subscribe-form {
    padding: 20px;
  }
  .subscribe-section .subscribe-form .block-title {
    font-size: 24px;
  }
  .subscribe-section .subscribe-form .block-description {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .subscribe-section .subscribe-form .follow-us {
    font-size: 14px;
  }
  .subscribe-section .subscribe-form form {
    flex-wrap: wrap;
    justify-content: center;
  }
  .subscribe-section .subscribe-form form .form-field {
    max-width: 300px;
    margin-bottom: 10px;
  }
  .main-page-container
    .main-page-block
    .main-page-form
    .search-result-block
    .result-block
    .result-links
    li
    a {
    font-size: 14px;
    line-height: 16px;
  }
  .main-page-container
    .main-page-block
    .main-page-form
    .search-result-block
    .result-block
    .section-link {
    font-size: 10px;
    left: 16px;
  }
  .main-page-container
    .main-page-block
    .main-page-form
    .search-result-container
    .search-result-tabs {
    padding: 16px;
  }
  .main-page-container
    .main-page-block
    .main-page-form
    .search-result-block
    .result-block:not(:first-child):after {
    left: 16px;
    right: 16px;
  }
  .main-page-container .main-page-block .fast-search-block .first,
  .main-page-container .main-page-block .fast-search-block .second {
    display: none;
  }
  .fast-search__content {
    display: block;
  }
  .account-apply-page {
    padding-top: 90px;
  }
  .account-apply-page .title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .account-apply-page .description p {
    font-size: 14px;
    margin-bottom: 14px;
  }
  .how-to-open-account-section {
    padding-top: 10px;
  }
  .how-to-open-account-section .title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .how-to-open-account-section .list {
    flex-wrap: wrap;
  }
  .how-to-open-account-section .list .item {
    width: 100%;
    max-width: 300px;
    margin-bottom: 24px;
  }
  .how-to-open-account-section .list .item .icon {
    margin-bottom: 16px;
  }
  .account-apply-form-section .title {
    font-size: 24px;
    padding-top: 20px;
    padding-bottom: 24px;
  }
  .account-apply-form-section .description {
    font-size: 14px;
  }
  .account-apply-form-section form .form-field {
    margin-bottom: 14px;
  }
  .account-apply-form-section form .double-fields {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .account-apply-form-section
    form
    .double-fields.custom-radios__wrapper
    .custom-radio {
    flex-wrap: nowrap;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
  }

  .account-apply-form-section form .double-fields .form-field {
    width: 100%;
    margin-bottom: 14px;
  }
  .account-apply-form-section form .bottom-part-form {
    margin-bottom: 24px;
  }
  .account-apply-form-section form .bottom-part-form .title {
    margin-bottom: 0;
  }
  .account-apply-form-section form .button-part {
    flex-wrap: wrap;
  }
  .account-apply-form-section form .button-part .checkbox-block {
    width: 100%;
    margin-bottom: 14px;
  }
  .intro-slider-section .intro-slider .slider-item .text .description {
    min-width: 260px;
    max-width: 100%;
  }
  .how-to-get-card-section {
    margin-bottom: 40px;
  }
  .how-to-get-card-section .block {
    padding: 20px;
  }
  .how-to-get-card-section .title {
    font-size: 24px;
  }
  .how-to-get-card-section .description {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .how-to-get-card-section .link-btn {
    display: inline-flex;
    flex-direction: column;
  }
  .how-to-get-card-section .hint {
    font-size: 11px;
  }
  .card-catalog-section,
  .partners-services-section {
    padding-top: 40px;
  }
  .card-catalog-section .top-container .header .title,
  .partners-services-section .top-container h2 {
    font-size: 24px;
  }
  .card-catalog-section .top-container .packages-tabs-btns,
  .partners-services-section .top-container .services-tabs-btns {
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
    display: inline-flex;
  }
  .card-catalog-section .top-container .packages-tabs-btns .tab-btn,
  .partners-services-section .top-container .services-tabs-btns .tab-btn {
    margin-right: auto;
    margin-left: 0;
    margin-bottom: 14px;
  }
  .card-catalog-section .top-container .packages-tabs-btns .tab-btn:hover,
  .partners-services-section .top-container .services-tabs-btns .tab-btn:hover {
    color: #637282;
    background-color: #ffffff;
    border: solid 1px rgba(64, 70, 96, 0.16);
  }
  .card-catalog-section .top-container .packages-tabs-btns .tab-btn.active,
  .partners-services-section
    .top-container
    .services-tabs-btns
    .tab-btn.active {
    background-color: #ffef00;
    border: solid 1px #ffef00;
    color: #212225;
  }
  .packages-list .package-item,
  .services-block .service-item {
    flex-wrap: wrap;
  }
  .packages-list .package-item .cards-slider-block,
  .services-block .service-item .image,
  .dark-theme .packages-list .package-item.horizontal .cards-slider-block {
    width: 100%;
    max-width: 298px;
  }
  .packages-list .package-item .package-description,
  .partners-services-section .services-block .service-item .info {
    width: 100%;
    padding-top: 20px;
  }
  .packages-list
    .package-item
    .cards-slider-block
    .cards-slider
    .slider-item
    .image {
    width: 100%;
    height: auto;
  }
  .services-block .service-item .image img {
    min-height: 100%;
    min-width: 100%;
  }
  .packages-list .package-item .package-description .title {
    height: auto;
  }
  .card-catalog-section .top-container,
  .partners-services-section .top-container {
    padding-bottom: 16px;
    margin-bottom: 5px;
  }
  .product-page {
    padding-top: 90px;
  }
  .main-features-section {
    padding-top: 0;
  }
  .main-features-section .title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .main-features-section .main-features-list .feature {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 0;
    padding: 12px 24px;
  }
  .main-features-section .main-features-list .feature .feature-icon {
    margin-bottom: 6px;
  }
  .main-features-section .main-features-list .feature .feature-title {
    font-size: 14px;
  }
  .main-features-section .main-features-list .feature .feature-description {
    font-size: 12px;
  }
  .funcard-slider-section {
    padding-bottom: 0;
  }
  .funcard-slider-section .block-title {
    font-size: 24px;
  }
  .funcard-slider-section .block-description {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .funcard-slider-section .funcard-slider .slick-prev {
    width: 40px;
    left: -10px;
  }
  .funcard-slider-section .funcard-slider .slick-next {
    width: 40px;
    right: -10px;
  }
  .funcard-slider-section .funcard-slider .item.slick-active .text {
    opacity: 1;
    font-size: 16px;
    padding: 0 10px;
  }
  .mobile-app-section {
    padding: 0;
  }
  .mobile-app-section .content .image {
    display: none;
  }
  .mobile-app-section .content {
    padding: 20px;
  }
  .mobile-app-section .content h2 {
    font-size: 24px;
  }
  .mobile-app-section .content p {
    font-size: 16px;
  }
  .mobile-app-section .content ul li {
    font-size: 14px;
    line-height: 16px;
  }
  .download-app-section .block-title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .download-app-section .block-description {
    font-size: 10px;
  }
  .main-features-online-service-section .features-list {
    flex-wrap: wrap;
  }
  .main-features-online-service-section .features-list .item {
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
    margin-bottom: 32px;
  }
  .main-features-online-service-section .features-list .item .title {
    margin-bottom: 14px;
    line-height: 1;
  }
  .main-features-online-service-section .features-list .item .description {
    font-size: 14px;
    line-height: 1.1;
    margin-bottom: 14px;
  }
  .main-features-online-service-section {
    padding-top: 32px;
    padding-bottom: 0;
  }
  .intro-slider-section .intro-slider .slick-dots {
    right: 10px;
  }
  .loan-catalog-section .block-title {
    font-size: 24px;
  }
  .loan-catalog-section .block-description {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .loan-catalog-section .loan-item {
    padding: 20px;
  }
  .loan-catalog-section .loan-item .title {
    font-size: 24px;
  }
  .loan-catalog-section .loan-item .description {
    font-size: 14px;
    height: auto;
  }
  .loan-catalog-section .loan-item .bottom {
    flex-wrap: wrap;
  }
  .loan-catalog-section .loan-item .loan-features {
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 16px;
  }
  .loan-catalog-section .loan-item .loan-features .feature {
    margin-bottom: 14px;
  }
  .loan-catalog-section .loan-item .loan-features .feature .f-title {
    font-size: 12px;
  }
  .loan-catalog-section .loan-item .loan-features .feature .f-description {
    font-size: 16px;
  }
  .banner-section .banner {
    padding: 20px;
    background-size: cover !important;
  }
  .banner-section .banner .title {
    font-size: 24px;
  }
  .banner-section .banner .description {
    font-size: 14px;
  }
  .helpful-page-section {
    padding-top: 25px;
    padding-bottom: 16px;
  }
  .helpful-page-section .helpful-container {
    flex-wrap: wrap;
  }
  .helpful-page-section .text {
    width: 100%;
    margin-right: 0;
    text-align: center;
    margin-bottom: 16px;
  }
  .helpful-page-section .btns {
    width: 100%;
    text-align: center;
    margin-right: 0;
    margin-bottom: 14px;
  }
  .loan-repayment-page {
    padding-top: 90px;
  }
  .loan-repayment-intro {
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .loan-repayment-intro .text {
    width: 100%;
  }
  .loan-repayment-intro .text .title {
    font-size: 24px;
  }
  .loan-repayment-intro .text .description {
    font-size: 14px;
  }
  .repayment-methods-section .block-title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .repayment-methods-section .repayment-methods {
    flex-wrap: wrap;
  }
  .repayment-methods-section .repayment-methods .method {
    width: 100%;
    margin-bottom: 16px;
  }
  .methods-section .method-block .title {
    font-size: 24px;
  }
  .methods-section .method-block .description {
    font-size: 14px;
  }
  .methods-section .method-block .video {
    padding: 10px;
    height: 170px;
    width: 280px;
    margin-bottom: 20px;
    background: #000;
  }
  .methods-section .method-block .video iframe {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 0;
    margin-top: 0;
  }
  .methods-section .method-block .site {
    font-size: 14px;
  }
  .credit-advantages-section {
    padding: 30px 0;
  }
  .credit-advantages-section .title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .credit-advantages-section .advantages-list {
    flex-wrap: wrap;
  }
  .credit-advantages-section .advantages-list .advantage-item {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .credit-advantages-section .advantages-list .advantage-item .a-title {
    font-size: 18px;
    margin-bottom: 14px;
  }
  .credit-advantages-section .advantages-list .advantage-item .icon {
    margin-bottom: 14px;
  }
  .how-to-get-credit-section {
    padding: 30px 0;
  }
  .how-to-get-credit-section .title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .how-to-get-credit-section .steps {
    flex-wrap: wrap;
  }
  .how-to-get-credit-section .steps .step {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .how-to-get-credit-section .steps .step .icon {
    margin-bottom: 14px;
  }
  .credit-form-section .title {
    font-size: 24px;
    padding: 20px 10px;
  }
  .credit-form-section .description {
    font-size: 14px;
    padding: 0 10px;
  }
  .credit-form-section form .form-field {
    margin-bottom: 14px;
    padding: 0 10px;
  }
  .credit-form-section form .double-fields {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .credit-form-section form .double-fields .form-field {
    width: 100%;
    margin-bottom: 14px;
  }
  .credit-form-section form .button-part {
    flex-wrap: wrap;
    padding: 0 10px;
  }
  .credit-form-section form .button-part .checkbox-block {
    width: 100%;
    margin-bottom: 14px;
  }
  .credit-calculator-section {
    padding-bottom: 20px;
  }
  .credit-calculator-section form .form-container .left-side {
    width: 100%;
    margin-bottom: 24px;
  }
  .credit-calculator-section form .form-container .right-side {
    width: 100%;
  }
  .credit-calculator-section form .form-container .left-side .form-hint {
    margin-top: 0;
  }
  .credit-calculator-section form {
    padding: 20px;
  }
  .credit-calculator-section
    form
    .form-container
    .left-side
    .calculator-checkboxes
    .calculator-checkbox {
    margin-bottom: 10px;
  }
  .loans-credit-history-page {
    padding-top: 90px;
  }
  .loans-credit-history-intro {
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
  .loans-credit-history-intro .text {
    width: 100%;
  }
  .loans-credit-history-intro .text .title {
    font-size: 24px;
  }
  .loans-credit-history-intro .text .description {
    font-size: 14px;
  }
  .credit-bureau-section .inner-container {
    padding: 20px;
    flex-wrap: wrap;
  }
  .credit-bureau-section .inner-container .text {
    font-size: 14px;
  }
  .credit-bureau-section {
    margin-bottom: 30px;
  }
  .loan-tariffs-section .title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .plans-list .plan-item {
    flex-wrap: wrap;
    padding: 20px;
  }
  .plans-list .plan-item .plan-title {
    width: 100%;
    padding-right: 0;
    font-size: 20px;
    margin-bottom: 24px;
  }
  .plans-list .plan-item .plan-description {
    width: 100%;
  }
  .plans-list .plan-item .plan-description .price {
    font-size: 18px;
  }
  .loan-tariffs-section .download-block .hint {
    font-size: 12px;
  }
  .loan-energy-page {
    padding-top: 90px;
  }
  .loan-energy-intro {
    flex-wrap: wrap;
  }
  .loan-energy-intro .text .title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .loan-energy-intro .text .description {
    font-size: 14px;
  }
  .companies-section .container .company {
    width: 100%;
    padding: 20px 0px;
  }
  .companies-section .container .company .text {
    font-size: 14px;
  }
  .program-terms-section {
    padding-top: 40px;
  }
  .program-terms-section .block-title,
  .program-terms-section h2 {
    font-size: 24px;
    line-height: 24px;
  }
  .program-terms-section .terms-list {
    flex-wrap: wrap;
  }
  .program-terms-section .terms-list .terms-item {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 24px;
  }
  .program-terms-section .terms-list .terms-item .title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .program-terms-section .terms-list .terms-item .icon {
    margin-bottom: 10px;
  }
  .participating-section {
    padding-top: 40px;
  }
  .participating-section .block-title,
  .participating-section h2 {
    font-size: 24px;
  }
  .participating-section .block-description,
  .participating-section h3 {
    font-size: 14px;
  }
  .participating-section .steps-list .step {
    padding: 20px;
    padding-right: 64px;
    margin-left: 0 !important;
  }
  .participating-section .steps-list .step .title {
    font-size: 14px;
  }
  .participating-section .steps-list .step .description {
    font-size: 12px;
  }
  .fgvfo-section .inner-container {
    flex-wrap: wrap;
  }
  .fgvfo-section .inner-container .image {
    width: 100%;
    margin-bottom: 14px;
  }
  .fgvfo-section .inner-container .text {
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .deposit-boxes-page {
    padding-top: 90px;
  }
  .deposit-boxes-intro .text .title {
    font-size: 24px;
  }
  .deposit-boxes-advantages-section {
    padding: 30px 0;
  }
  .deposit-boxes-advantages-section .title,
  .deposit-boxes-advantages-section h2 {
    font-size: 24px;
  }
  .deposit-boxes-advantages-section .description,
  .deposit-boxes-advantages-section h3 {
    font-size: 14px;
  }
  .deposit-boxes-advantages-section .advantages-list {
    flex-wrap: wrap;
  }
  .deposit-boxes-advantages-section .advantages-list .advantage-item {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .deposit-boxes-tariffs-section {
    padding: 30px 0;
  }
  .deposit-boxes-tariffs-section .title,
  .deposit-boxes-tariffs-section h2 {
    font-size: 24px;
  }
  .deposit-boxes-tariffs-section table,
  .deposit-boxes-tariffs-section .table-container {
    margin-bottom: 20px;
  }
  .deposit-boxes-tariffs-section .tariff-hint,
  .deposit-boxes-tariffs-section p {
    font-size: 12px;
  }
  .deposits-section {
    padding-top: 40px;
  }
  .deposits-section .block-title,
  .deposits-section h1 {
    font-size: 24px;
  }
  .deposits-section .block-description {
    font-size: 14px;
  }
  .calculator-container form .calculator-block {
    width: 100%;
  }
  .calculator-container form .calculator-checkboxes .calculator-checkbox {
    flex-wrap: wrap;
  }
  .calculator-container
    form
    .calculator-checkboxes
    .calculator-checkbox
    .checkbox-block {
    width: 100%;
    margin-bottom: 10px;
  }
  .calculator-container
    form
    .calculator-checkboxes
    .calculator-checkbox
    .checkbox-block
    label {
    margin-left: 0;
  }
  .deposits-section .deposits-calculators-block {
    margin-bottom: 0;
  }
  .deposit-advantages-section {
    padding: 30px 0;
  }
  .deposit-advantages-section .title,
  .deposit-advantages-section h2 {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .deposit-advantages-section .advantages-list {
    flex-wrap: wrap;
  }
  .deposit-advantages-section .advantages-list .advantage-item {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .how-to-open-deposit-section {
    padding: 30px 0;
  }
  .how-to-open-deposit-section .title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .how-to-open-deposit-section .steps {
    flex-wrap: wrap;
  }
  .how-to-open-deposit-section .steps .step {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .deposits-section .deposits-list .deposit-item .top-part {
    flex-wrap: wrap;
  }
  .deposits-section .deposits-list .deposit-item .top-part .left-side {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .deposits-section .deposits-list .deposit-item .top-part .left-side .title {
    font-size: 24px;
  }
  .deposits-section
    .deposits-list
    .deposit-item
    .top-part
    .left-side
    .description {
    font-size: 14px;
  }
  .deposits-section .deposits-list .deposit-item .bg {
    height: 100%;
  }
  .deposits-section .deposits-list .deposit-item .top-part .right-side {
    margin-bottom: 20px;
  }
  .deposits-section .deposits-list .deposit-item .bottom-part {
    flex-wrap: wrap;
  }
  .deposits-section .deposits-list .deposit-item .bottom-part .features {
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
  }
  .deposits-section
    .deposits-list
    .deposit-item
    .bottom-part
    .features
    .feature {
    width: 100%;
    margin-bottom: 20px;
  }
  .compare-block-section .compare-block {
    padding: 20px;
    flex-wrap: wrap;
  }
  .compare-block-section .compare-block .icon {
    display: none;
  }
  .compare-block-section .compare-block .text {
    width: 100%;
    font-size: 14px;
    margin-bottom: 20px;
  }
  .top_part_page_align_left h1 {
    font-size: 24px;
  }
  .insurance-programs-section .programs-list .program-item .bg {
    height: 100%;
  }
  .insurance-24-7-page {
    padding-top: 90px;
  }
  .insurance-24-7-intro .text .title {
    font-size: 24px;
  }
  .insurance-24-7-intro .text .description {
    font-size: 14px;
    width: 100%;
  }
  .program-advantages-section {
    padding: 0;
  }
  .program-advantages-section .title,
  .program-advantages-section h2 {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .program-example-section .block-title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .program-reliability-section {
    padding: 30px 0;
  }
  .program-reliability-section .block-title,
  .program-reliability-section h2 {
    font-size: 24px;
  }
  .program-reliability-section .block-description,
  .program-reliability-section h3 {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .program-reliability-section .features-list {
    flex-wrap: wrap;
  }
  .program-reliability-section .features-list .feature {
    width: 100%;
    margin-bottom: 24px;
  }
  .program-reliability-section .features-list .feature .icon {
    margin-bottom: 12px;
  }
  .unika-partners-block .partners-list {
    flex-wrap: wrap;
  }
  .online-request-section form {
    padding: 20px;
  }
  .online-request-section form .title {
    font-size: 24px;
  }
  .online-request-section form .description {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .online-request-section form .double-fields {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .online-request-section form .double-fields .form-field {
    width: 100%;
    margin-bottom: 24px;
  }
  .online-request-section form .form-field {
    margin-bottom: 24px;
  }
  .online-request-section form .button-part {
    flex-wrap: wrap;
  }
  .online-request-section form .button-part .checkbox-block {
    width: 100%;
    margin-bottom: 20px;
  }
  .insurance-borrower-page {
    padding-top: 90px;
  }
  .insurance-companies-section {
    padding: 30px 0;
  }
  .insurance-companies-section .block-title {
    font-size: 24px;
  }
  .insurance-companies-section .block-description {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .insurance-companies-section .companies-list .company {
    width: 100%;
  }
  .important-information-section {
    padding: 30px 0;
  }
  .important-information-section .important-information-block .image {
    display: none;
  }
  .important-information-section .important-information-block .text {
    width: 100%;
  }
  .important-information-section .important-information-block .text .alert {
    font-size: 14px;
  }
  .important-information-section
    .important-information-block
    .text
    .description {
    font-size: 14px;
  }
  .insurance-companies-section .companies-list .company .insurance-type ul li {
    font-size: 14px;
  }
  .raiffeisen-pay-intro {
    margin-bottom: 20px;
  }
  .raiffeisen-pay-intro .text {
    width: 100%;
  }
  .raiffeisen-pay-intro .text .title {
    font-size: 24px;
  }
  .raiffeisen-pay-intro .text .description {
    font-size: 14px;
  }
  .raiffeisen-pay-intro .image {
    display: none;
  }
  .instruction-section .block-title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .instruction-section .list {
    flex-wrap: wrap;
  }
  .instruction-section .list .item {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 34px;
  }
  .instruction-section .list .item .title {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .instruction-section .list .item .icon {
    margin-bottom: 10px;
  }
  .video-section .video-block {
    padding: 10px;
    height: 170px;
    width: 280px;
    margin-bottom: 20px;
    background: #000;
  }
  .video-section .video-block iframe {
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }
  .video-section .title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .raiffeisen-pay-features-section .container .slider-block {
    display: none;
  }
  .raiffeisen-pay-features-section .container {
    flex-wrap: wrap;
  }
  .raiffeisen-pay-features-section .container .features-block {
    width: 100%;
  }
  .raiffeisen-pay-features-section .container .features-block .feature-item {
    margin-bottom: 24px !important;
  }
  .raiffeisen-pay-features-section {
    padding: 30px 0;
  }
  .online-service-intro-section .text {
    font-size: 14px;
  }
  .online-services-slider-section .slider-container {
    display: none;
  }
  .online-services-slider-section .service-item {
    margin-bottom: 24px;
  }
  .working-modes-section .block-title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .working-modes-section .modes {
    flex-wrap: wrap;
  }
  .working-modes-section .modes .mode:first-child {
    border-right: none;
    border-bottom: 1px solid #e0e6ed;
  }
  .working-modes-section .modes .mode {
    width: 100%;
    padding: 20px;
  }
  .working-modes-section .modes .mode .title {
    margin-bottom: 24px;
  }
  .working-modes-section .modes .mode .description ul li {
    font-size: 14px;
  }
  .deposit-advantages-section .advantages-list .advantage-item .a-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .deposit-advantages-section .advantages-list .advantage-item .icon {
    margin-bottom: 10px;
  }
  .deposit-advantages-section .advantages-list .advantage-item .a-description {
    font-size: 12px;
  }
  .online-services-slider-section {
    padding-bottom: 20px;
  }
  .cash-collection-section .advantages .item .icon {
    margin-bottom: 10px;
  }
  .cash-collection-section .advantages .item {
    width: 240px;
    padding: 0;
  }
  .test-site {
    font-size: 10px;
  }
  .cash-collection-section {
    padding-top: 40px;
  }
  .cash-collection-section h2 {
    font-size: 24px;
  }
  .cash-collection-section h3 {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .cards-order-tabs,
  .cards-order-tab .delivery-block .delivery-tabs {
    flex-wrap: wrap;
  }
  .cash-collection-section .advantages .item .name {
    font-size: 14px;
    margin-bottom: 14px;
  }
  .cash-collection-section .advantages {
    margin-bottom: 30px;
  }
  .cash-collection-section .advantages-title {
    font-size: 20px;
  }
  .acquiring-tariff-section table {
    width: 100%;
  }
  .acquiring-tariff-section tr:first-child td {
    font-size: 28px;
  }
  .acquiring-tariff-section tr td {
    padding: 10px;
    font-size: 14px;
  }
  .cash-collection-section .contacts-block {
    flex-wrap: wrap;
  }
  .cash-collection-section .contacts-block .block {
    width: 100%;
    margin-bottom: 14px;
  }
  .service-packages-page h1 {
    font-size: 24px;
  }
  .service-packages-page .description {
    font-size: 16px;
  }
  .bank-guarantees-section {
    padding-top: 40px;
  }
  .top_part_page h1,
  .top_part_page h2 {
    font-size: 24px;
  }
  .bank-guarantees-section h3 {
    font-size: 14px;
  }
  .insurance-programs-section .programs-list .program-item .top-part {
    flex-wrap: wrap;
  }
  .insurance-programs-section
    .programs-list
    .program-item
    .top-part
    .left-side {
    width: 100%;
    margin-bottom: 20px;
  }
  .insurance-programs-section .programs-list .program-item .bottom-part {
    flex-wrap: wrap;
  }
  .insurance-programs-section
    .programs-list
    .program-item
    .bottom-part
    .features {
    flex-wrap: wrap;
    width: 100%;
  }
  .insurance-programs-section
    .programs-list
    .program-item
    .bottom-part
    .features
    .feature {
    width: 100%;
    margin-bottom: 14px;
  }
  .insurance-programs-section
    .programs-list
    .program-item
    .top-part
    .right-side
    .bid {
    text-align: left;
  }
  .insurance-programs-section
    .programs-list
    .program-item
    .top-part
    .right-side {
    margin-bottom: 20px;
  }
  .program-advantages-section .advantages .item {
    padding: 0;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .program-advantages-section h3 {
    font-size: 14px;
    margin-bottom: 24px;
    margin-top: 0;
  }
  .intro-slider-section + .program-advantages-section {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .program-advantages-section .advantages .item .icon {
    margin-bottom: 14px;
  }
  .program-advantages-section .btn-block .btn {
    line-height: 1.1;
    height: auto;
    min-height: 40px;
  }
  .stages-section h2 {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .transfers-payments-section .block-title {
    font-size: 24px;
  }
  .transfers-payments-section .block-description {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .transfers-payments-section .payment-block.card-transfer,
  .transfers-payments-section .payment-block.credit {
    padding: 20px;
    background: #f9fbfd;
  }
  .transfers-payments-section .payment-block .title-block .title {
    font-size: 16px;
  }
  .transfers-payments-section .payment-block .title-block .description {
    font-size: 14px;
  }
  .transfers-payments-section .payment-block.card-transfer .title-block,
  .transfers-payments-section .payment-block.credit .title-block {
    margin-bottom: 24px;
  }
  .transfers-payments-section .payment-block .btn-block .systems-image {
    width: 100%;
    margin-left: 0;
    margin-bottom: 14px;
    order: 1;
  }
  .transfers-payments-section .payment-block .btn-block .btn {
    order: 2;
  }
  .capital-section {
    padding-top: 0;
  }
  .capital-section .block-title {
    font-size: 24px;
  }
  .capital-section .block-description {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .capital-features h2 {
    font-size: 24px;
  }
  .capital-features .features-list {
    flex-wrap: wrap;
  }
  .capital-features .features-list .feature {
    width: 100%;
    padding: 0;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .deposit-calculator-section .calculator-block .calc-part .top {
    flex-wrap: wrap;
  }
  .deposit-calculator-section .calculator-block .calc-part .top .title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 14px;
  }
  .deposit-calculator-section
    .calculator-block
    .calc-part
    .bottom
    .calculator-checkboxes
    .checkbox-block {
    width: 100%;
  }
  .deposit-calculator-section
    .calculator-block
    .calc-part
    .bottom
    .calculator-checkboxes
    .checkbox-block
    label {
    margin-right: 0;
  }
  .news-page-section.blog-section {
    padding-top: 40px;
  }
  .intro-slider-section .intro-slider .slider-item .text .form-block input {
    margin-bottom: 14px;
  }
  .intro-slider-section .intro-slider .slider-item .text .form-block form {
    display: flex;
    flex-wrap: wrap;
  }
  .intro-slider-section .intro-slider .slider-item .text .form-block .btn {
    order: 3;
  }
  .intro-slider-section
    .intro-slider
    .slider-item
    .text
    .form-block
    .checkbox-block {
    margin-bottom: 14px;
  }
  .online-request-section.white form {
    padding: 20px 0;
  }
  .online-payment-section {
    padding: 20px 0;
  }
  .online-payment-section .block-title {
    font-size: 24px;
  }
  .online-payment-section .block-description {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .online-payment-section .online-payment-features .op-feature {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .online-payment-section .container .btn {
    position: relative;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 160px;
  }
  .online-advantages-section {
    padding: 20px 0;
  }
  .online-advantages-section .title,
  .online-advantages-section h2 {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .online-advantages-section .advantages-list .advantage-item {
    width: 100%;
    padding: 0;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .online-advantages-section .advantages-list .advantage-item .a-title {
    font-size: 14px;
    margin-bottom: 14px;
  }
  .business-online-connection-section {
    padding: 40px 0;
  }
  .business-online-connection-section h2 {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .business-online-connection-section .image {
    display: none;
  }
  .business-online-connection-section .connection-step {
    font-size: 14px;
    padding-left: 20px;
  }
  .money-transfer-section .money-transfer-links {
    flex-wrap: wrap;
  }
  .money-transfer-section .money-transfer-links .money-transfer-item {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .popup.popup-ib .ib-container {
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
  }
  .popup.popup-ib .ib-container .ib-block {
    max-width: 100%;
    width: 100%;
    height: 100%;
    padding-bottom: 56px;
  }
  .popup.popup-ib .ib-container .ib-block_left .apps {
    margin-bottom: 0;
  }
  .popup.popup-ib .ib-container .ib-block .image {
    margin-bottom: 34px;
  }
  .popup.popup-ib .ib-container .ib-block .ib__wrap {
    margin-bottom: 24px;
  }
  .popup.popup-ib .ib-container .ib-block .link__wrap {
    margin-bottom: 16px;
  }
  .map-balloon {
    padding: 5px 0;
    max-width: 240px;
  }
  .map-balloon .work-hours table tr {
    display: block;
  }
  .map-balloon .work-hours table tr td {
    display: block;
    width: 100%;
    font-size: 12px;
  }
  .map-section:after {
    height: 70px;
  }
  .map-balloon .phones-status ul li {
    font-size: 12px;
  }
  .map-balloon .address {
    font-size: 14px;
  }
  .map-section .map-bottom-block {
    height: 120px;
  }
  .map-section .map-bottom-block .container {
    flex-wrap: wrap;
    height: 120px;
    padding: 0 10px;
  }
  .map-section .search-block input {
    font-size: 12px;
    padding: 0 40px;
    padding-right: 10px;
  }
  .map-section .search-block,
  .map-section .search-block input {
    width: 210px;
  }
  .map-section .search-block input {
    height: 32px;
  }
  .map-section .middle-block .filter-popup {
    width: 300px;
    bottom: calc(100% + 20px);
    right: -45px;
    padding: 20px;
  }
  .map-section .middle-block .filter-popup:after {
    right: 45px;
  }
  .map-section .middle-block .filter-popup .checkbox + label {
    font-size: 14px;
    line-height: 18px;
  }
  .map-section .middle-block .filter-popup ul li {
    margin-bottom: 10px;
  }
  .map-section .middle-block .filter-popup .btns .btn {
    margin-left: 0;
  }
  .offices-list .office-item {
    padding: 20px 0;
  }
  .map-section .offices-list .office-item .container {
    flex-wrap: wrap;
  }
  .offices-list .office-item .address-block {
    width: 100%;
    margin-bottom: 10px;
  }
  .offices-list .office-item .address-block ul li {
    font-size: 14px;
  }
  .offices-list .office-item .work-hours-block {
    width: 100%;
    margin-bottom: 10px;
    padding-right: 0;
  }
  .offices-list .office-item .work-hours-block table tr td {
    width: 100%;
    display: block;
    font-size: 14px;
  }
  .offices-list .office-item .services-block {
    width: 100%;
    margin-bottom: 10px;
  }
  .offices-list .office-item .status-block {
    width: 100%;
  }
  .main-page-container .main-page-block .main-page-form form button {
    width: 40px;
    height: 40px;
  }
  .main-page-container
    .main-page-block
    .main-page-form
    form
    input[type="text"] {
    width: calc(100% - 40px);
  }
  .filter-btn {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 2px;
    padding: 0;
  }
  .map-section .middle-block .filter-btn:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-indent: 0;
    margin-left: 0;
    background-size: contain !important;
    width: 16px;
    height: 16px;
    margin-bottom: 0;
  }
  .map-section .offices-type {
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(252, 230, 16, 0.3);
    height: 24px;
    justify-content: center;
  }
  .map-section .offices-type a {
    border: none;
    color: rgba(39, 40, 45, 0.6);
    height: 24px;
    line-height: 24px;
  }
  .map-section .offices-type a.active {
    background: none;
    color: rgba(39, 40, 45, 1);
  }
  .map-section .map-type-toggle input + span,
  .map-section .map-type-toggle input + span + span + span {
    display: none;
  }
  .map-section .map-type-toggle input + span + span:after {
    display: none;
  }
  .map-section .map-type-toggle input + span + span {
    width: 32px;
    height: 32px;
    border-radius: 2px;
    border: solid 1px #e0e6ed;
    background: url("/img/list_map.svg") center no-repeat;
  }
  .map-section .map-type-toggle input:checked + span + span {
    border: solid 1px #fce610;
    background-color: #fce610;
  }
  .cards-order-tab .delivery-block,
  .cards-order-tab .personal-data-block,
  .cards-order-tab .cards-list-block {
    padding: 20px;
  }
  .cards-order-tab .delivery-block .block-title,
  .cards-order-tab .personal-data-block .block-title,
  .cards-order-tab .cards-list-block .block-title {
    font-size: 18px;
  }
  .cards-order-tab .double-fields {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .cards-order-tab .form-field,
  .cards-order-tab .double-fields .form-field {
    width: 100%;
    margin-bottom: 14px;
  }
  .product-page .package-select select {
    min-width: 200px;
    max-width: 100%;
  }
  .product-page .title-package {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .back-to {
    font-size: 14px !important;
    background: url(/img/group-2.svg) 0 -3px no-repeat !important;
  }
  .cards-order-tab .checkbox-block {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .cards-order-tab .button-part {
    flex-wrap: wrap;
  }
  .cards-order-tab .button-part .checkbox-block {
    width: 100%;
    margin-bottom: 14px;
  }
  .account-open-page .title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .account-open-page .description {
    font-size: 14px;
  }
  .account-open-page--tab .crediting-agrarians--tab.ui-tabs .ui-tabs-nav {
    display: flex;
    flex-wrap: wrap;
  }
  .account-open-page--tab .ui-tabs .ui-tabs-nav .ui-tabs-anchor,
  .account-open-page--tab .crediting-agrarians--tab.ui-tabs .ui-tabs-nav li {
    width: 100%;
    padding: 5px 0;
  }
  .account-open-page--form .space-between > div {
    width: 100%;
    margin-bottom: 14px;
  }
  .account-open-page--form input[type="checkbox"] + label,
  .account-open-page--form input[type="radio"] + label {
    margin: 0;
  }
  .account-open-page--form .top-part-form label {
    margin-top: 0;
  }
  .account-open-page--form .top-part-form input[type="text"] {
    width: 100%;
  }
  .account-open-page--form .agreement {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .documents-main-section .documents-list .documents-item {
    width: 100%;
  }
  .documents-main-section .block-title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .documents-main-section .documents-list .documents-item .documents-type {
    font-size: 18px;
  }
  .documents-main-section .documents-list .documents-item ul {
    margin-bottom: 40px;
  }
  .program-advantages-section .advantages .item .name {
    margin-bottom: 10px;
  }
  .insurance-tariffs-section table tr td {
    min-width: 200px;
    padding: 10px;
  }
  .insurance-tariffs-section table tr td:first-child {
    min-width: 300px;
  }
  .tariff-section table tr td {
    padding: 10px;
    min-width: 150px;
    font-size: 14px;
  }
  .tariff-section table tr td:first-child {
    width: 150px;
  }
  .autoscrew_description h2 {
    font-size: 24px;
  }
  .autoscrew_description h3,
  .autoscrew_description h4 {
    height: auto;
    font-size: 16px;
  }
  .attention {
    padding: 0 20px;
  }
  header .langs > span:after {
    top: 5px;
  }
  .services-block .service-item .image img {
    min-height: inherit;
  }
  .packages-list
    .package-item
    .cards-slider-block
    .cards-slider
    .slider-item
    .image
    img {
    min-height: inherit;
  }
  .tariff-section .title,
  .tariff-section h2 {
    font-size: 24px;
  }
  .insurance-programs-section .top-container .header h2 {
    font-size: 24px;
  }
  .insurance-programs-section
    .programs-list
    .program-item
    .bottom-part
    .features,
  .insurance-programs-section
    .programs-list
    .program-item
    .bottom-part
    .loan-features {
    flex-wrap: wrap;
  }
  .insurance-programs-section
    .programs-list
    .program-item
    .bottom-part
    .features
    .feature,
  .insurance-programs-section
    .programs-list
    .program-item
    .bottom-part
    .loan-features
    .feature {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .deposit-calculator-section
    .calculator-block
    .calc-part
    .top
    .currency-radio
    label {
    margin-bottom: 10px;
    margin-right: 10px;
  }
  .loan-catalog-section .loan-item .loan-features {
    max-width: 100%;
  }
  .insurance-programs-section
    .programs-list
    .program-item
    .bottom-part
    .features,
  .insurance-programs-section
    .programs-list
    .program-item
    .bottom-part
    .loan-features {
    max-width: 100%;
  }
  .calculator-container
    form
    .calculator-block
    .calculator-inputs
    input[type="text"] {
    font-size: 24px;
    width: 150px;
  }
  .calculator-container form .calculator-block .calculator-inputs select {
    font-size: 24px;
  }
  .main-page-container .main-page-block .main-slider .slick-dots {
    bottom: 5px;
  }
  .contact-info-block .contacts-block {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .contact-info-block .contacts-block .contact {
    min-width: 100%;
    margin-bottom: 20px;
  }
  .contact-info-block.business-online .contacts-block .contact {
    min-width: 100%;
    margin-bottom: 20px;
  }
  .contact-info-block {
    padding: 30px 0;
  }
  .business-online-service-section .bg {
    display: none;
  }
  .business-online-service-section .text-container {
    padding: 40px 20px;
  }
  .business-online-service-section .text-container .text {
    font-size: 14px;
  }
  .business-online-service-section {
    padding: 20px 0;
    min-height: inherit;
  }
  .calendar-datepicker .ui-datepicker select.ui-datepicker-month,
  .calendar-datepicker .ui-datepicker select.ui-datepicker-year {
    font-size: 20px;
  }
  .calendar-datepicker .ui-datepicker th {
    font-size: 16px;
  }
  .calendar-datepicker .ui-datepicker th span {
    width: 30px;
  }
  .calendar-datepicker .ui-widget-content .ui-state-default,
  .calendar-datepicker .ui-state-default {
    font-size: 16px;
    width: 30px;
  }
  .event-calendar .title {
    font-size: 24px;
  }
  .event-calendar .description {
    font-size: 14px;
  }
  .event-calendar--developments .developments-date {
    font-size: 18px;
  }
  .event-calendar--developments .developments-info {
    width: 100%;
  }
  .event-calendar--developments .developments-info h3 {
    font-size: 18px;
  }
  .event-calendar--developments .developments-info p {
    font-size: 14px;
  }
  .currency-operation-advantages-section {
    padding-top: 34px;
    padding-bottom: 24px;
  }
  .currency-operation-advantages-section .block-title {
    font-size: 24px;
  }
  .currency-operation-advantages-section .block-description {
    font-size: 14px;
  }
  .currency-operation-advantages-section .advantages-list {
    flex-wrap: wrap;
  }
  .currency-operation-advantages-section .advantages-list .advantage-item {
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .correspondent-network-section {
    padding: 30px 0;
  }
  .correspondent-network-section .block-title {
    font-size: 24px;
  }
  .correspondent-network-section .network-form .form-block {
    flex-wrap: wrap;
  }
  .correspondent-network-section .network-form .form-block .result,
  .correspondent-network-section .network-form .form-block .select-container {
    width: 100%;
    margin-bottom: 14px;
  }
  .currency-requisites-section {
    padding: 30px 0;
  }
  .currency-requisites-section .block-title {
    font-size: 24px;
  }
  .currency-requisites-section .block-description {
    font-size: 14px;
  }
  .currency-requisites-section .currencies-list .currency {
    width: 50%;
    padding: 0 5px;
  }
  .currency-requisites-section .currencies-list .currency .name {
    font-size: 14px;
  }
  .IBAN-section {
    padding: 30px 0;
  }
  .IBAN-section .block-title {
    font-size: 24px;
  }
  .IBAN-section .block-description {
    font-size: 14px;
  }
  .IBAN-section .iban-calculator form {
    flex-wrap: wrap;
    justify-content: center;
  }
  .IBAN-section .iban-calculator form input {
    margin: 0 auto;
    margin-bottom: 14px;
    width: 100%;
    max-width: 400px;
  }
  .IBAN-section .iban-calculator .iban-response .parameter .value {
    width: 100%;
  }
  .IBAN-section .iban-calculator .iban-response .parameter .name {
    margin-bottom: 8px;
    font-family: "futurademic", sans-serif;
  }
  .IBAN-section .iban-calculator .iban-response {
    padding: 20px;
  }
  .service-quality-section {
    padding: 30px 0;
  }
  .service-quality-section .block-title {
    font-size: 24px;
  }
  .service-quality-section .block-description {
    font-size: 14px;
  }
  .service-quality-section .questions-list .q-item {
    width: 100%;
  }
  .service-quality-section .questions-list .first-block {
    width: 100%;
  }
  .dark-theme
    .insurance_24_7.insurance_nsg
    .calculator-radioboxes
    .calculator-radiobox {
    flex-wrap: wrap;
  }
  .credit-calculator-section
    form
    .form-container
    .left-side
    .calculator-block
    .calculator-inputs
    input[type="text"] {
    width: 175px;
  }
  .credit-calculator-section
    form
    .form-container
    .left-side
    .calculator-block
    .calculator-inputs
    span {
    font-size: 24px;
  }
  .credit-calculator-section
    form
    .form-container
    .left-side
    .calculator-block
    .calculator-inputs
    select {
    font-size: 24px;
  }
  .dark-theme .credit-calculator-section .credit-title {
    font-size: 24px;
  }
  .dark-theme .program-reliability-section .block-title,
  .program-reliability-section h2 {
    font-size: 24px;
  }
  .dark-theme .program-advantages-section .title,
  .dark-theme .program-advantages-section h2 {
    font-size: 24px;
  }
  .dark-theme .premium-header--info .text .title {
    font-size: 24px;
  }
  .dark-theme
    .credit-calculator-section
    form
    .form-container
    .left-side
    .calculator-block
    .calculator-inputs
    span {
    font-size: 24px;
  }
  .ptemium-rates--title,
  .ptemium-rates h2,
  .base-rates-section .title,
  .base-rates-section h2 {
    font-size: 24px;
  }
  .base-rates-section .title,
  .base-rates-section h2 {
    font-size: 24px;
  }
  .dark-theme .repayment-methods-section .block-title {
    font-size: 24px;
  }
  .ptemium-document--titel {
    font-size: 24px;
  }
  .premium-consultant--title {
    font-size: 30px;
  }
  .dark-theme .base-rates-section .title {
    font-size: 24px;
  }
  .values-section .values-list {
    flex-wrap: wrap;
  }
  .bank-ratings-section {
    margin-bottom: 40px;
  }
  .bank-ratings-section h2 {
    font-size: 24px;
  }
  .bank-ratings-section .ratings-list .rating-item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .bank-ratings-section .ratings-list .rating-item .title {
    font-size: 20px;
  }
  .contact-info-block h2 {
    font-size: 24px;
  }
  .history-section .history-slider .slick-prev {
    left: -15px;
  }
  .history-section .history-slider .slick-next {
    right: -15px;
  }
  .history-section h2 {
    font-size: 24px;
  }
  .history-section .history-item .year {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .history-section .history-item .text {
    column-count: 1;
  }
  .history-section .history-item .awards-list .award {
    width: 50%;
  }
  .values-section h2 {
    font-size: 24px;
  }
  .vision-section {
    padding: 40px 0;
  }
  .vision-section h2 {
    font-size: 24px;
  }
  .vision-section h3 {
    font-size: 14px;
    padding: 0 20px;
  }
  .values-section .values-list .value-item {
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .bank-mission-section {
    padding: 40px 0;
  }
  .bank-mission-section h2 {
    font-size: 24px;
  }
  .bank-mission-section h3 {
    font-size: 14px;
  }
  .bank-info-section .text h1 {
    font-size: 24px;
  }
  .bank-info-section .text p {
    font-size: 14px;
    margin-bottom: 18px;
  }
  .bank-info-section .awards-list .award {
    margin-bottom: 30px;
  }
  .main-page-container .main-page-block .main-slider .slider-item img {
    width: 100%;
  }
  .bank-info-section {
    padding: 32px 0;
  }
  .history-section .history-item .awards-list .award .description {
    font-size: 14px;
  }
  .bank-board-section h1 {
    font-size: 24px;
  }
  .person-block .name {
    font-size: 20px;
  }
  .person-block {
    padding: 16px 20px;
  }
  .top-management-section .top-managers-list .top-manager {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 18px;
  }
  .top-management-section h2 {
    font-size: 24px;
  }
  .rbi-map-section h2 {
    font-size: 24px;
  }
  .rbi-map-section .countries-list .country {
    width: 100%;
  }
  .rbi-map-section {
    padding: 32px 0;
    background: #f9fbfd;
  }
  .rbi-section .text p {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .rbi-section .rbi-logo img {
    max-width: 260px;
  }
  .contact-info-block {
    padding: 32px 0;
  }
  .press-info-section {
    padding: 32px 0;
  }
  .press-info-section h2 {
    font-size: 24px;
  }
  .press-info-section h3 {
    font-size: 14px;
  }
  .press-center-section h1 {
    font-size: 24px;
  }
  .press-center-section h3 {
    font-size: 14px;
  }
  .account-apply-form-section form .button-part.narrow .checkbox-block {
    width: 100%;
  }
  .procurement-section h1 {
    font-size: 24px;
  }
  .procurement-section h3 {
    font-size: 14px;
  }
  .procurement-section,
  .procurement-section .container {
    height: 290px;
  }
  .shareholders-section h1 {
    font-size: 24px;
  }
  .shareholders-section h3 {
    font-size: 14px;
  }
  .stock-transactions-section h2 {
    font-size: 24px;
  }
  .stock-transactions-section .description p {
    font-size: 14px;
    margin-bottom: 16px;
  }
  .stock-transactions-section .dividends-list .dividends-item {
    width: 100%;
    margin-bottom: 20px;
  }
  .stock-transactions-section .dividends-list .dividends-item ul li {
    font-size: 14px;
  }
  .dividends-payment-section .dividends-payment-container {
    padding: 20px;
  }
  .dividends-payment-section h2 {
    font-size: 24px;
  }
  .dividends-payment-section .description p {
    font-size: 14px;
    margin-bottom: 24px;
  }
  .dividends-payment-section .contacts-block .contact {
    min-width: 100%;
  }
  .dividends-payment-section .contacts-block {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .position-section .position-description h2 {
    font-size: 24px;
  }
  .position-section .position-description p {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .position-section .position-description ul {
    margin-bottom: 20px;
  }
  .position-section .position-description ul li {
    font-size: 14px;
  }
  .vacancy-form-section .vacancy-form h2 {
    font-size: 24px;
  }
  .vacancy-form-section .vacancy-form {
    padding: 20px;
  }
  .vacancy-form-section .vacancy-form .double-fields .form-field {
    width: 100%;
    margin-bottom: 20px;
  }
  .vacancy-form-section .vacancy-form .double-fields {
    flex-wrap: wrap;
    margin-bottom: 0px;
  }
  .vacancy-form-section .vacancy-form .button-part {
    flex-wrap: wrap;
  }
  .vacancy-form-section .vacancy-form .button-part .checkbox-block {
    width: 100%;
    margin-bottom: 20px;
  }
  .career-intro-section h1 {
    font-size: 24px;
  }
  .career-intro-section h3 {
    font-size: 14px;
  }
  .invite-section h2 {
    font-size: 24px;
  }
  .invite-section h3 {
    font-size: 14px;
  }
  .career-benefits-section h2 {
    font-size: 24px;
  }
  .career-benefits-section h3 {
    font-size: 14px;
  }
  .career-benefits-section .benefits-list .benefit-item {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 14px;
    max-width: 320px;
  }
  .career-video.video-section .title {
    font-size: 14px;
  }
  .success-stories-section h2 {
    font-size: 24px;
  }
  .cities-vacancies-section h2 {
    font-size: 24px;
  }
  .open-vacancies-section {
    padding-top: 27px;
  }
  .open-vacancies-section h2 {
    margin-bottom: 27px;
    font-size: 24px;
    text-align: left;
  }
  .open-vacancies-section .vacancies-filter {
    flex-wrap: wrap;
  }
  .open-vacancies-section .vacancies-filter .select-block {
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 14px;
  }
  .open-vacancies-section .vacancies-list .vacancy-item {
    flex-wrap: wrap;
  }
  .open-vacancies-section .vacancies-list {
    width: 100%;
  }
  .open-vacancies-section .vacancies-list .vacancy-item .position,
  .open-vacancies-section.city-section .vacancies-list .vacancy-item .position,
  .open-vacancies-section.city-section .vacancies-list .vacancy-item .type {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
  }
  .open-vacancies-section .vacancies-list .vacancy-item .position {
    font-size: 18px;
  }
  .open-vacancies-section .vacancies-list .vacancy-item .type,
  .open-vacancies-section .vacancies-list .vacancy-item .city {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
    font-size: 14px;
  }
  .success-stories-section .stories-slider .slider-item {
    padding: 20px;
  }
  .success-stories-section .stories-slider .slick-prev,
  .success-stories-section .stories-slider .slick-next {
    display: none !important;
  }
  .success-stories-section .stories-slider .slick-dots {
    bottom: -20px;
  }
  .success-stories-section .stories-slider .slick-dots li {
    width: 8px;
    height: 8px;
  }
  .success-stories-section .stories-slider .slick-dots li button {
    width: 8px;
    height: 8px;
    border: solid 2px #e0e6ed;
    border-radius: 50%;
    padding: 0;
  }
  .success-stories-section .stories-slider .slick-dots li.slick-active button {
    border: solid 2px #fce610;
    background: #fce610;
  }
  .success-stories-section .stories-slider .slick-dots li button:before {
    display: none !important;
  }
  .cities-vacancies-section
    .cities-vacancies-slider-container
    .cities-vacancies-slider
    .result-item {
    width: 260px;
    height: 260px;
    margin-right: 20px;
  }
  .career-slider-section .career-photo-slider .slick-next,
  .career-slider-section .career-photo-slider .slick-prev {
    display: none !important;
  }
  .cities-vacancies-section .cities-vacancies-slider-container {
    width: 100%;
  }
  .success-stories-section .stories-slider .slider-item .top {
    flex-wrap: wrap;
  }
  .success-stories-section .stories-slider .slider-item .top .photo {
    width: 40px;
    height: 40px;
  }
  .success-stories-section .stories-slider .slider-item .top .info {
    width: 100%;
  }
  .engage-intro-section h2 {
    font-size: 24px;
  }
  .engage-intro-section h3 {
    font-size: 14px;
    margin-bottom: 35px;
  }
  .for-students-section h2 {
    font-size: 24px;
  }
  .for-students-section h3 {
    font-size: 14px;
  }
  .internship-review-section h2 {
    font-size: 24px;
  }
  .internship-review-section .internship-review-slider .slider-item .text {
    font-size: 14px;
  }
  .internship-review-section .internship-review-slider .slick-prev,
  .internship-review-section .internship-review-slider .slick-next {
    display: none !important;
  }
  .internship-review-section .internship-review-slider .slick-dots {
    bottom: -20px;
  }
  .internship-review-section .internship-review-slider .slick-dots li {
    width: 8px;
    height: 8px;
  }
  .internship-review-section .internship-review-slider .slick-dots li button {
    width: 8px;
    height: 8px;
    border: solid 2px #e0e6ed;
    border-radius: 50%;
    padding: 0;
  }
  .internship-review-section
    .internship-review-slider
    .slick-dots
    li.slick-active
    button {
    border: solid 2px #fce610;
    background: #fce610;
  }
  .internship-review-section
    .internship-review-slider
    .slick-dots
    li
    button:before {
    display: none !important;
  }
  .success-stories-page h1 {
    font-size: 24px;
  }
  .success-stories-page h3 {
    font-size: 14px;
  }
  .success-stories-page .success-stories-slider .slider-item .photo {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    margin-bottom: 16px;
  }
  .success-stories-page .success-stories-slider .slider-item .name {
    font-size: 18px;
  }
  .success-stories-page .success-stories-slider .slick-prev {
    left: -10px;
  }
  .success-stories-page .success-stories-slider .slick-next {
    right: -10px;
  }
  .success-stories-page .story-description h2 {
    font-size: 24px;
  }
  .success-stories-page .story-description p {
    font-size: 14px;
  }
  footer .top-footer {
    padding-bottom: 40px;
  }
  .credit-calculator-section form .calculator-selects .select {
    margin-bottom: 14px;
  }
  .credit-calculator-section
    form
    .form-container
    .left-side
    .calculator-block
    .calculator-inputs
    .text {
    font-size: 24px;
  }
  .credit-calculator-section
    form
    .form-container
    .left-side
    .calculator-block
    .calculator-inputs
    input[type="text"] {
    width: 140px;
    font-size: 24px;
  }
  .deposit-calculator-section
    .calculator-block
    .calc-part
    .bottom
    .calculator-slider-block
    .calculator-inputs
    input[type="text"] {
    font-size: 24px;
    width: 180px;
  }
  .deposit-calculator-section .calculator-block .calc-part {
    order: 1;
    margin-bottom: 0;
  }
  .deposit-calculator-section .calculator-block .calculator-checkboxes {
    order: 2;
    margin-bottom: 20px;
  }
  .deposit-calculator-section
    .calculator-block
    .calculator-radioboxes
    .calculator-radiobox {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
  .deposit-calculator-section .calculator-block .result-part {
    order: 3;
  }
  .deposit-calculator-section .calculator-block .result-part .result .r-number {
    font-size: 24px;
  }
  .intro-slider-section .intro-slider .slider-item .back-to-main {
    bottom: 30px;
    font-size: 16px;
  }
  .credit-calculator-section
    form
    .form-container
    .right-side
    .calculator-result
    .result {
    font-size: 24px;
  }
  .ptemium-rates table td {
    min-width: 120px;
    font-size: 14px;
    padding: 10px 5px;
  }
  .deposit-calculator-section .calculator-block .form-hint {
    order: 4;
    font-size: 14px;
    margin-top: 20px;
  }
  .dark-theme .calculator-block .calculator-result .result {
    font-size: 24px;
  }
  .credit-calculator-section form .form-container .left-side .calculator-block {
    margin-bottom: 24px;
  }
  .search-result-section .search-list {
    width: 100%;
  }
  .search-result-section .search-list .search-item {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
  }
  .search-result-section .search-list .search-item .content {
    width: 100%;
    padding: 15px;
  }
  .search-tab-section .container {
    flex-wrap: wrap;
  }
  .search-tab-section .search-types {
    order: 1;
  }
  .search-tab-section .search-sections {
    width: 100%;
    order: 2;
  }
  .search-form-section form {
    width: 100%;
  }
  .search-form-section form input {
    width: calc(100% - 56px);
  }
  .search-form-section {
    padding: 120px 20px 30px;
  }
  .search-tab-section .tab-btn {
    white-space: nowrap;
    padding: 0 5px;
  }
  .search-result-section .search-list .search-item .content .title {
    font-size: 14px;
  }
  .search-result-section .search-list .search-item .content .section {
    font-size: 12px;
  }
  .fond-page h1 {
    font-size: 24px;
  }
  .fond-page .description {
    font-size: 14px;
  }
  .contact-info-block.fg-info-block .contacts-block .contact .description p {
    width: 100%;
  }
  .refund-amount-section h2 {
    font-size: 24px;
  }
  .refund-amount-section h3 {
    font-size: 14px;
  }
  .working-modes-section .modes .mode .title .text {
    min-width: 220px;
  }
  .info-span .text {
    min-width: 200px;
    font-size: 11px;
    line-height: 12px;
    padding: 9px;
  }
  .info-span.left-side .text {
    transform: translateX(-10%);
  }
  .info-span.left-side .text:before,
  .info-span.left-side .text:after {
    left: 0;
    transform: translateX(112%);
  }
  .info-span.right-side .text {
    transform: translateX(-85%);
    left: 0;
  }
  .info-span.right-side .text:before,
  .info-span.right-side .text:after {
    left: auto;
    right: 0;
    transform: translateX(-104%);
  }
  .base-rates-section table tr td {
    font-size: 14px;
  }
  .base-rates-section table tr td:first-child {
    min-width: 170px;
  }
  .individuals-account-apply-page h1 {
    font-size: 24px;
  }
  .how-to-open-account-section .new-list .item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 24px;
    padding: 0;
  }
  .transfer-section .transfer-steps .step-item .icon {
    margin-bottom: 10px;
  }
  .how-to-open-account-section .new-list .item .item-subtitle {
    font-size: 14px;
  }
  .transfer-section {
    padding: 20px 0;
  }
  .transfer-section h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .transfer-section .transfer-steps {
    flex-wrap: wrap;
  }
  .transfer-section .transfer-steps .step-item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .transfer-info-section .info-block .text {
    font-size: 14px;
  }
  .transfer-contacts-section .contacts-block .contact {
    width: 100%;
    margin-bottom: 30px;
  }
  .transfer-contacts-section .contacts-block .contact.full-width .info p {
    width: 100%;
    max-width: 100%;
  }
  .transfer-contacts-section .contacts-block .contact .info p {
    font-size: 14px;
  }
  .transfer-services-section h2 {
    font-size: 24px;
  }
  .transfer-services-section .services-list {
    flex-wrap: wrap;
  }
  .transfer-services-section .services-list .service {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .transfer-services-section .services-list .service .description p {
    font-size: 14px;
  }
  .transfer-services-section .services-list .service .description ul li {
    font-size: 14px;
  }
  .tariff-calculator-section {
    padding: 20px 0;
  }
  .tariff-calculator-section .tariff-calculator-block h2 {
    font-size: 24px;
  }
  .tariff-calculator-section .tariff-calculator-block h3 {
    font-size: 14px;
  }
  .tariff-calculator-section .tariff-calculator-block form {
    flex-wrap: wrap;
    justify-content: center;
  }
  .tariff-calculator-section .tariff-calculator-block form .form-field {
    margin-bottom: 10px;
  }
  .tariff-calculator-section .tariff-calculator-block .some-text {
    font-size: 14px;
  }
  .popup.confirmation-popup .popup-container {
    width: 90%;
    padding: 20px;
  }
  .popup.confirmation-popup .popup-body .image img {
    width: 100%;
  }
  .deposit-calculator-section .calculator-block .for-hint {
    order: 3;
  }
  .deposit-calculator-section
    .calculator-block
    .calc-part
    .bottom
    .calculator-slider-block
    .calculator-inputs
    span {
    font-size: 18px;
  }
  .dark-theme .insurance_24_7.credit-calculator-section form {
    display: flex;
    flex-wrap: wrap;
  }
  .credit-calculator-section form .clearfix {
    order: 1;
  }
  .credit-calculator-section form .form-container {
    order: 2;
    margin-top: 40px;
  }
  .dark-theme
    .calculator-container
    form
    .calculator-block
    .calculator-inputs
    input[type="text"] {
    width: 180px;
  }
  .dark-theme
    .calculator-container
    form
    .calculator-block
    .calculator-inputs
    span,
  .dark-theme
    .deposit-calculator-section
    .calculator-block
    .calc-part
    .bottom
    .calculator-slider-block
    .calculator-inputs
    span {
    font-size: 18px;
  }
  .announcement-section h1 {
    font-size: 24px;
  }
  .announcement-section .announcement-list .announcement-item {
    padding: 20px;
  }
  .announcement-section .announcement-list .announcement-item .title {
    font-size: 14px;
  }
  .announcement-section .announcement-list .announcement-item .description {
    font-size: 14px;
  }
  .custodial-service-menu-section .custodial-service-menu {
    flex-wrap: wrap;
  }
  .custodial-service-menu-section .custodial-service-menu .menu-item {
    width: 100%;
  }
  .custodial-service-intro-section .text h1 {
    font-size: 24px;
  }
  .custodial-service-intro-section .text p {
    font-size: 14px;
  }
  .custodial-service-advantages-section h2 {
    font-size: 24px;
  }
  .custodial-service-advantages-section .advantages-list .advantage-item {
    width: 50%;
  }
  .key-facts-section {
    padding: 35px 0;
  }
  .key-facts-section h2 {
    font-size: 24px;
  }
  .key-facts-section .facts-list {
    flex-wrap: wrap;
  }
  .key-facts-section .facts-list .fact-item {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
  .services-section {
    padding: 35px 0;
  }
  .services-section h2 {
    font-size: 24px;
  }
  .services-section .services-list {
    flex-wrap: wrap;
  }
  .services-section .services-list .service-item {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .services-section .services-list .service-item .title {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .info-to-publish-section h2 {
    font-size: 24px;
  }
  .custodial-service-contacts-section h2 {
    font-size: 24px;
  }
  .custodial-service-contacts-section .contacts-block {
    flex-wrap: wrap;
  }
  .custodial-service-contacts-section .contacts-block .contact {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .custodial-service-contacts-section {
    padding: 35px 0;
  }
  .dark-theme .insurance_24_7.insurance_nsg .calculator-submit {
    order: 4;
  }
  .special-offers-section h2 {
    font-size: 24px;
  }
  .special-offers-section
    .special-offers-list
    .special-offers-item
    .text
    .title {
    font-size: 18px;
  }
  .tariff-section .detail-info-block span {
    margin-right: 0;
    display: block;
    text-align: center;
  }
  .documents-main-section .documents-container {
    flex-wrap: wrap;
  }
  .documents-main-section .documents-container .documents-catalog-menu {
    margin-bottom: 24px;
    padding: 16px;
    padding-bottom: 2px;
    width: 100%;
  }
  .documents-main-section .documents-list {
    width: 100%;
  }
  .documents-main-section
    .documents-list
    .documents-search-breadcrumbs
    span:first-child {
    font-size: 14px;
    line-height: 14px;
  }
  .documents-main-section .documents-list .documents-search-breadcrumbs span {
    font-size: 14px;
    line-height: 14px;
  }
  .documents-search-mobile-btn {
    display: block;
  }
  .documents-search {
    display: none;
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 24px;
  }
  .documents-search.open {
    display: block;
  }
  .documents-main-section
    .documents-container
    .documents-catalog-menu
    .documents-item
    .documents-type-title {
    font-size: 18px;
  }
  .documents-main-section
    .documents-container
    .documents-catalog-menu
    .documents-item
    .documents-type-list
    li
    a {
    font-size: 16px;
  }
  .documents-main-section
    .documents-container
    .documents-catalog-menu
    .documents-item {
    margin-bottom: 14px;
  }
  .documents-search form,
  .documents-search form input[type="text"],
  .documents-search .search-result {
    width: 100%;
  }
  .wu-banner-section .banner-block {
    background-size: cover;
  }
  .wu-tariff-section .info-block {
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
  }
  .wu-tariff-section .info-block .description {
    width: 100%;
    text-align: center;
    max-width: 100%;
    font-size: 16px;
    padding: 20px 0;
  }
  .wu-links-section .link-block {
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
  }
  .wu-links-section .link-block .text {
    width: 100%;
    text-align: center;
    max-width: 100%;
    padding: 20px 0;
  }
  .transfer-currency-section table thead td,
  .transfer-currency-section table tbody td {
    padding: 10px;
  }
  .transfer-services-section,
  .transfer-currency-section {
    padding: 30px 0;
  }
  .transfer-currency-section h2 {
    font-size: 24px;
  }
  .transfer-currency-section h3 {
    font-size: 14px;
  }
  .wu-banner-section .banner-block .text h2 {
    font-size: 24px;
  }
  .wu-banner-section .banner-block .text h3 {
    font-size: 14px;
  }
  .our-partners-section .partners-list {
    padding: 0 55px;
  }
  .our-partners-section .partners-list a {
    width: 100%;
    min-width: 190px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .commission-section h2 {
    font-size: 24px;
  }
  .commission-section .info-block-one {
    font-size: 14px;
  }
  .commission-section .info-block-two {
    font-size: 12px;
  }
  .affiliate-programs-advantages-section h2 {
    font-size: 24px;
  }
  .affiliate-programs-advantages-section h3 {
    font-size: 14px;
  }
  .affiliate-programs-advantages-section .affiliate-programs-list {
    flex-wrap: wrap;
  }
  .affiliate-programs-advantages-section
    .affiliate-programs-list
    .affiliate-programs-item {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .our-partners-section {
    padding: 30px 0;
  }
  .our-partners-section h2 {
    font-size: 24px;
  }
  .our-partners-section .partners-toggle-button-container a {
    font-size: 14px;
  }
  .order-form-section .order-form-block {
    padding: 20px;
  }
  .order-form-section .order-form-block form .form-field .special-radios {
    margin: 0 -20px;
  }
  .order-form-section
    .order-form-block
    form
    .form-field
    .special-radios
    .radio-block
    label {
    font-size: 12px;
  }
  .irrevocable-billing-section {
    padding: 30px 0;
  }
  .irrevocable-billing-section h2 {
    font-size: 24px;
  }
  .irrevocable-billing-section h3 {
    font-size: 14px;
  }
  .irrevocable-billing-section .irrevocable-billing-list {
    flex-wrap: wrap;
  }
  .irrevocable-billing-section
    .irrevocable-billing-list
    .irrevocable-billing-item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .contact-info-block.ib .contacts-block .contact .description table td {
    display: block;
  }
  .cm-offers-section {
    padding: 30px 0;
  }
  .cm-offers-section h2 {
    font-size: 24px;
  }
  .cm-offers-section .cm-offers-list .offer-item {
    flex-wrap: wrap;
  }
  .cm-offers-section .cm-offers-list .offer-item .image {
    margin-bottom: 20px;
  }
  .cm-offers-section .cm-offers-list .offer-item .text {
    width: 100%;
  }
  .cm-offers-section .cm-offers-list .offer-item .text .title {
    font-size: 18px;
  }
  .consolidation-resources-section h2 {
    font-size: 24px;
  }
  .consolidation-resources-section .consolidation-item .info .title {
    font-size: 18px;
  }
  .consolidation-resources-section .consolidation-item .info .description {
    font-size: 14px;
  }
  .consolidation-resources-section .consolidation-item .info:after {
    left: -12px;
  }
  .consolidation-resources-section
    .consolidation-item
    .details-block
    .details
    p {
    font-size: 14px;
    line-height: 20px;
  }
  .cooperation-partners-section .partner-item {
    padding: 20px;
  }
  .cooperation-partners-section .partner-item .logo {
    width: 120px;
    height: 120px;
    margin-top: -80px;
  }
  .cooperation-partners-section .partner-item .full-name {
    font-size: 16px;
  }
  .bank-warranty-section {
    padding: 30px 0;
  }
  .bank-warranty-section h2 {
    font-size: 24px;
  }
  .bank-warranty-section .bank-warranty-list {
    flex-wrap: wrap;
  }
  .bank-warranty-section .bank-warranty-list .bank-warranty-item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .salary-projects-section {
    padding: 30px 0;
  }
  .salary-projects-section h2 {
    font-size: 24px;
  }
  .salary-projects-section .project-tabs-btn .tab-btn {
    font-size: 14px;
    padding: 10px 15px;
    min-width: 140px;
  }
  .salary-projects-section .project-tabs .project-tab .features-list .feature,
  .salary-projects-section.reserve-credit-letter
    .project-tabs
    .project-tab
    .features-list
    .feature {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .incasso-section,
  .incasso-advantages-section,
  .incasso-key-facts-section {
    padding: 30px 0;
  }
  .incasso-section h2,
  .incasso-advantages-section h2,
  .incasso-key-facts-section h2 {
    font-size: 24px;
  }
  .incasso-advantages-section .advantages {
    flex-wrap: wrap;
  }
  .incasso-advantages-section .advantages .item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .incasso-key-facts-section .facts {
    flex-wrap: wrap;
  }
  .incasso-key-facts-section .facts .item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .contact-info-block.grey-bg {
    padding: 30px 0;
  }
  .expediency-section {
    padding: 30px 0;
  }
  .expediency-section h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .expediency-section .expediency-block .expediency-item {
    width: 100%;
    padding: 0;
    padding-left: 20px;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 20px;
  }
  .expediency-section .expediency-block .expediency-item:before {
    top: 5px;
  }
  .video-section h2 {
    font-size: 24px;
  }
  .video-section {
    padding: 30px 0;
  }
  .salary-projects-section .project-tabs .project-tab .features-list {
    margin-bottom: 20px;
  }
  .factoring-advantages-section,
  .loan-catalog-section,
  .factoring-services-section {
    padding: 30px 0;
  }
  .factoring-advantages-section h2,
  .loan-catalog-section.factoring-catalog-section h2,
  .factoring-services-section h2 {
    font-size: 24px;
  }
  .factoring-advantages-section .advantages .item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .loan-catalog-section.factoring-catalog-section .btn {
    margin: 0;
    margin-bottom: 10px;
  }
  .factoring-services-section .factoring-services-list ul li {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
  }
  .stages-section.factoring-steps .stages-list .stage-item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .salary-projects-section.factoring-requirements
    .project-tabs
    .project-tab
    .features-list
    .feature {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .transactions-credit-letters-section,
  .warranty-advantages-section,
  .securities-transactions-section,
  .terms-section,
  .cost-section,
  .terms-table-section,
  .special-financing-terms {
    padding: 30px 0;
  }
  .transactions-credit-letters-section h2,
  .warranty-advantages-section h2,
  .securities-transactions-section h2,
  .terms-section h2,
  .cost-section h2,
  .terms-table-section h2,
  .special-financing-terms h2 {
    font-size: 24px;
  }
  .securities-transactions-section h3 {
    font-size: 14px;
  }
  .securities-transactions-section h4 {
    font-size: 18px;
  }
  .transactions-credit-letters-section .transactions-list .transactions-item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .salary-projects-section.documentary-credit-letter
    .project-tabs
    .project-tab
    .features-list
    .feature,
  .warranty-advantages-section .advantages .item,
  .securities-transactions-section .list .item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .terms-section .terms-list .item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .terms-section .hint {
    font-size: 14px;
  }
  .cost-section table tbody td,
  .terms-table-section table tbody td,
  .special-financing-terms table td {
    padding: 15px 0;
    font-size: 14px;
  }
  .cost-section table thead td {
    font-size: 14px;
  }
  .terms-section .terms-list .item .description {
    font-size: 14px;
  }
  .chamber-services-section .info-block p {
    font-size: 14px;
    line-height: 16px;
  }
  .raiffeisen-online-banner .banner-block {
    padding: 20px;
  }
  .raiffeisen-online-banner .banner-block .title {
    font-size: 24px;
  }
  .schedule-section .schedule-share-block {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 20px;
  }
  .schedule-section h2,
  .partner-calculator-section h2,
  .map-block h2 {
    font-size: 24px;
  }
  .partner-page .partner-intro .partner-info,
  .partner-page .partner-intro .partner-logo {
    width: 100%;
  }
  .partner-page h3 {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .partner-calculator-section,
  .map-block {
    padding: 30px 0;
  }
  .map-block .filials-map .cities-list .city {
    font-size: 6px;
    font-family: "futurabookc", sans-serif;
  }
  .map-block .filials-map .cities-list .city:after {
    left: -4px;
    width: 4px;
    height: 5px;
  }
  .map-block .filials-map .dealer-popup {
    font-size: 10px;
    padding: 8px 10px;
  }
  .partner-calculator-section .calculator-block form .left-side {
    width: 100%;
    padding: 20px;
  }
  .partner-calculator-section .calculator-block form .right-side {
    width: 100%;
    padding: 20px;
  }
  .partner-calculator-section
    .calculator-block
    form
    .right-side
    .final-sum
    span {
    font-size: 24px;
  }
  .partner-calculator-section .calculator-block form .form-field label {
    font-size: 16px;
  }
  .schedule-section .schedule-type-block table td {
    padding: 10px !important;
    white-space: nowrap;
    font-size: 14px !important;
  }
  .map-block .filials-map {
    padding-top: 65.25%;
  }
  .schedule-section .schedule-type-block .season-checkboxes .checkbox-block {
    width: 33%;
  }
  .corporate-contacts-page {
    padding: 30px 0;
  }
  .corporate-contacts-page h2 {
    font-size: 24px;
  }
  .corporate-contacts-page .managers-list .manager .region {
    font-size: 24px;
  }
  .corporate-contacts-page .managers-list .manager .info .text .name {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .corporate-contacts-page .managers-list .manager .info .text .position,
  .corporate-contacts-page .managers-list .manager .info .text .phone,
  .corporate-contacts-page .managers-list .manager .info .text .email {
    font-size: 16px;
  }
  .corporate-contacts-page .managers-list .manager {
    margin-bottom: 30px;
  }
  .corporate-contacts-page .managers-list .manager .info .image {
    width: 100%;
    margin-bottom: 20px;
    max-width: 320px;
  }
  .corporate-contacts-page .managers-list .manager .info .text {
    width: 100%;
  }
  .deposit-corp-section .all-deposits-block .text {
    width: 100%;
    margin-bottom: 15px;
  }
  .deposit-corp-section .all-deposits-block {
    padding: 20px 0;
  }
  .tariff-section .buttons-container {
    text-align: left;
  }
  .tariff-section .buttons-container .btn {
    margin-left: 0;
    margin-bottom: 20px;
  }
  .partners-programs-section,
  .avalanche-operations-section {
    padding: 30px 0;
  }
  .partners-programs-section h2,
  .bank-guarantees-section h2,
  .avalanche-operations-section h2 {
    font-size: 24px;
  }
  .avalanche-operations-section .list .item,
  .partners-programs-section .list .partner {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .partners-programs-section .list {
    flex-wrap: wrap;
  }
  .partners-programs-section .hint {
    font-size: 14px;
  }
  .avalanche-operations-section .list .item .text {
    font-size: 14px;
  }
  .popup .popup-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .popup .popup-share {
    position: relative;
    top: 0;
    right: 0;
    margin-bottom: 20px;
  }
  .popup .compare-table .compare-item-properties {
    width: 120px;
  }
  .popup .compare-table .compare-slider {
    width: 100%;
  }
  .popup .compare-table.deposits .compare-slider {
    width: 100%;
  }
  .popup.popup-compare .popup-container {
    padding: 20px;
    padding-top: 60px;
  }
  .popup .compare-table .compare-item .card .image {
    width: 100px;
  }
  .popup .compare-table .compare-item .title {
    font-size: 18px;
  }
  .popup .compare-table .compare-item-properties .properties-block ul li {
    font-size: 12px;
  }
  .popup .popup-close {
    top: 10px;
    right: 10px;
  }
  .popup .compare-table .compare-item:not(:last-child):after {
    display: none;
  }
  .popup .compare-table .compare-slider .slick-next {
    right: -15px;
    border: none;
  }
  .popup .compare-table .compare-slider .slick-prev {
    left: -15px;
    border: none;
  }
  .popup .compare-table .compare-item-properties .cards {
    height: 191px;
  }
  .popup .compare-table .compare-item .properties-block .properties-title,
  .popup
    .compare-table
    .compare-item-properties
    .properties-block
    .properties-title {
    font-size: 12px;
  }
  .card-added {
    height: 50px;
    width: 260px;
    line-height: 50px;
    font-size: 14px;
  }
  .compare-cards-block {
    padding: 10px 20px;
    height: 145px;
    padding-top: 25px;
  }
  .compare-cards-block .compare-close {
    top: 0;
    right: 0;
    width: 30px;
  }
  .compare-cards-block .compare-close img {
    width: 100%;
  }
  .compare-cards-block .container {
    justify-content: flex-end;
    padding: 0;
    flex-wrap: wrap;
  }
  .compare-cards-block .compare-cards-slider {
    width: 100%;
    margin-bottom: 0;
    padding: 0 20px;
  }
  .compare-cards-block .compare-cards-slider .slick-prev {
    left: -15px;
  }
  .compare-cards-block .compare-cards-slider .slick-next {
    right: -15px;
  }
  .compare-cards-block .compare-cards-slider .slider-item {
    border: none;
    padding: 10px;
  }
  .compare-cards-block .compare-cards-slider .slider-item .card-close {
    top: 5px;
    right: 5px;
  }
  .salary-projects-section .project-tabs .project-tab .text-block {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    margin-bottom: 20px;
  }
  .faq-section
    .faq-list
    .faq-item
    .faq-answer
    .download-block
    .download-file
    .icon {
    margin-right: 10px;
  }
  .faq-section
    .faq-list
    .faq-item
    .faq-answer
    .download-block
    .download-file
    .text {
    font-size: 14px;
    width: calc(100% - 50px);
  }
  .safe-use-section {
    padding: 30px 0;
  }
  .safe-use-section h2 {
    font-size: 24px;
  }
  .data-protection-section {
    padding: 30px 0;
  }
  .data-protection-section .item .title {
    font-size: 24px;
  }
  .data-protection-section .item .description {
    font-size: 14px;
  }
  .data-protection-section .item .download-block .download-file .text {
    font-size: 14px;
  }
  .popup .compare-table .compare-slider-container {
    width: calc(100% - 120px);
  }
  .safe-use-section .list .item {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
    height: 214px;
    font-size: 24px;
  }
  .card-details-info-section {
    padding-bottom: 0;
  }
  .card-details-info-section h2 {
    font-size: 24px;
  }
  .card-details-info-section h3 {
    font-size: 14px;
  }
  .card-details-info-section .list .item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .card-security-info-section h2 {
    font-size: 24px;
  }
  .card-security-info-section h3 {
    font-size: 14px;
  }
  .card-security-info-section .list .item {
    width: 100%;
    padding-right: 0;
  }
  .card-security-info-section .info-block .text {
    width: 100%;
    font-size: 14px;
    padding: 10px 0;
  }
  .card-security-info-section {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .card-details-info-section .list .item .description p,
  .card-details-info-section .list .item .description ul li {
    font-size: 14px;
  }
  .how-it-works-section {
    padding: 30px 0;
  }
  .how-it-works-section h2 {
    font-size: 24px;
  }
  .how-it-works-section h3 {
    font-size: 14px;
  }
  .how-it-works-section .steps .item .text {
    font-size: 14px;
  }
  .three-dsecure-section .list .item {
    width: 100%;
    max-width: 310px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .three-dsecure-section {
    padding: 30px 0;
  }
  .three-dsecure-section h2 {
    font-size: 24px;
  }
  .three-dsecure-section .list .item .text {
    font-size: 14px;
  }
  .three-dsecure-section .list .item .image {
    margin-bottom: 14px;
  }
  .memo-section {
    padding: 30px 0;
  }
  .memo-section h2 {
    font-size: 24px;
  }
  .memo-section .list .item {
    padding: 20px;
  }
  .memo-section .list .item .text .description p {
    font-size: 14px;
  }
  .ib-security-section .item {
    padding: 20px;
  }
  .ib-security-section .item h4 {
    font-size: 18px;
    margin-bottom: 18px;
  }
  .ib-security-section .item p {
    font-size: 14px;
  }
  .ib-security-section .item ul li {
    font-size: 14px;
  }
  .salary-projects-section h3 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 30px;
  }
  .contacts-section .contacts-list .half-part {
    width: 100%;
  }
  .contacts-section .contacts-list .half-part .title {
    font-size: 24px;
    margin-bottom: 16px;
  }
  .contacts-section .contacts-list .half-part .description table td p {
    font-size: 14px;
    line-height: 1;
  }
  .contacts-section .contacts-list .half-part .description table td p strong {
    font-size: 14px;
  }
  .contacts-section .contacts-list .half-part .description table td {
    padding: 10px 0;
  }
  .contacts-section .contacts-list .half-part .description {
    margin-bottom: 24px;
  }
  .product-page.fond-page.order-page .description {
    font-size: 14px;
  }
  .contacts-info-block .text {
    font-size: 14px;
  }
  .special-offer-page-section h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .special-offer-page-section .offer-description p,
  .special-offer-page-section .offer-description ul li,
  .special-offer-page-section .offer-description ol li {
    font-size: 14px;
  }
  .corruption-fighting-section h2,
  .prohibited-operations-section h2,
  .principles-values-section h2,
  .corruption-fighting-section .description-block h2,
  .corruption-form-section h2,
  .EMA-recommendations-section h2,
  .compliance-intro-section h2 {
    font-size: 24px;
  }
  .corruption-fighting-section h3,
  .principles-values-section .description,
  .corruption-form-section h3,
  .compliance-intro-section h3 {
    font-size: 14px;
  }
  .prohibited-operations-section .text-block p,
  .prohibited-operations-section .text-block ul li,
  .corruption-fighting-section .description-block p,
  .corruption-fighting-section .description-block ul li,
  .principles-values-section p {
    font-size: 14px;
  }
  .EMA-recommendations-section .list .item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .EMA-recommendations-section,
  .corruption-fighting-section,
  .compliance-intro-section {
    padding: 30px 0;
  }
  .courses-calculators-section .half-part {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .courses-calculators-section .courses-table-block table tbody td {
    font-size: 14px;
    width: 70px;
  }
  .courses-calculators-section .courses-table-block table tbody td:first-child {
    font-size: 14px;
  }
  .courses-calculators-section .courses-table-block table thead td {
    font-size: 14px;
  }
  .link-container a {
    font-size: 14px;
  }
  .currency-info-section {
    padding: 20px 0;
  }
  .currency-info-section h2 {
    font-size: 24px;
  }
  .currency-info-section h3 {
    font-size: 18px;
  }
  .currency-info-section p,
  .currency-info-section ul li {
    font-size: 14px;
  }
  .yellow-info-block .info {
    font-size: 14px;
    line-height: 18px;
    padding: 20px;
  }
  .courses-calculators-section .half-part .date-container {
    position: relative;
    top: 0;
    right: 0;
    margin-top: -20px;
    margin-bottom: 20px;
  }
  .all-currencies-section .all-currencies-block {
    padding: 20px;
  }
  .all-currencies-section .all-currencies-block .top {
    flex-wrap: wrap;
  }
  .all-currencies-section .all-currencies-block .top .title {
    width: 100%;
    margin-bottom: 16px;
  }
  .all-currencies-section .all-currencies-block .top .param-block {
    width: 100%;
    margin-left: 0;
    margin-bottom: 16px;
  }
  .all-currencies-section .all-currencies-block table td {
    width: 200px !important;
    white-space: nowrap;
    padding: 8px !important;
  }
  .sticky-bottom-packages-popup .text {
    margin-bottom: 16px;
    font-size: 14px;
    text-align: center;
  }
  .self-service-center-section .container .image {
    display: none;
  }
  .self-service-center-section .container .text {
    width: 100%;
  }
  .self-service-center-section .container .text h2 {
    font-size: 24px;
  }
  .self-service-center-section .container .text .description p {
    font-size: 14px;
  }
  .factoring-advantages-section h3 {
    font-size: 14px;
  }
  .cashbox-tariffs-section {
    padding: 30px 0;
  }
  .cashbox-tariffs-section h2 {
    font-size: 24px;
  }
  .cashbox-tariffs-section h3 {
    font-size: 14px;
  }
  .cashbox-tariffs-section table tr td {
    font-size: 13px;
    padding: 5px 10px;
  }
  .cashbox-tariffs-section .table-desk {
    display: none;
  }
  .cashbox-tariffs-section .table-mobile {
    display: table;
    max-width: 350px;
    margin: 0 auto;
  }
  .cashbox-tariffs-section table tr td:first-child {
    font-family: "futurademic", sans-serif;
    font-size: 12px;
    line-height: 1.67;
    color: #212225;
    border-right: solid 1px #e0e6ed;
  }
  .cashbox-tariffs-section table tr td:last-child {
    font-family: "futurabookc", sans-serif;
    font-size: 12px;
    line-height: 1.67;
    color: #212225;
  }
  .cashbox-tariffs-section table tr:first-child td {
    font-family: "futurabookc", sans-serif;
    font-size: 12px;
    line-height: 1.67;
    color: #637282;
    border-bottom: none;
    padding-bottom: 10px;
  }
  .cashbox-tariffs-section table tr td {
    text-align: left;
  }
  .become-customer-section h3 {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .new-service-approach h2,
  .become-customer-section h2 {
    font-size: 24px;
  }
  .new-service-approach .title {
    font-size: 24px;
  }
  .new-service-approach .title sup {
    font-size: 10px;
  }
  .new-service-approach ul li {
    font-size: 14px;
  }
  .services-privileges-section .list .item {
    flex-wrap: wrap;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .services-privileges-section .list .item .image {
    width: 100%;
    order: 2 !important;
  }
  .services-privileges-section .list .item .text {
    width: 100%;
    order: 1 !important;
    padding: 0 !important;
  }
  .services-privileges-section h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .services-privileges-section .list .item .text .title {
    font-size: 18px;
    text-align: left !important;
    margin-bottom: 10px;
  }
  .services-privileges-section .list .item .text .description {
    font-size: 14px;
    text-align: left !important;
    margin-bottom: 20px;
  }
  .premium-service-section h2 {
    font-size: 24px;
  }
  .premium-service-section h3 {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .premium-service-section .list .item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .premium-service-option-section h2 {
    font-size: 24px;
  }
  .premium-service-option-section .option-container {
    flex-wrap: wrap;
  }
  .premium-service-option-section .option-container .left-side {
    padding-right: 20px;
  }
  .premium-service-option-section .option-container .right-side {
    padding-left: 20px;
  }
  .premium-service-option-section .option-title {
    font-size: 24px;
    margin-bottom: 24px;
  }
  .premium-service-option-section .option-feature .title {
    font-size: 14px;
  }
  .premium-customer-section h2 {
    font-size: 24px;
  }
  .premium-customer-section h3 {
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 30px;
  }
  .premium-info-section .block h2 {
    font-size: 24px;
  }
  .premium-info-section .block {
    padding: 20px;
  }
  .premium-customer-section {
    padding-top: 30px;
    background: url(/img/credit-card-mockup.jpg) top center no-repeat;
    min-height: 240px;
    margin-bottom: 60px;
    background-size: cover;
  }
  .premium-service-option-section .option-title sup {
    font-size: 9px;
    padding: 4px 8px;
  }
  .premium-service-option-section .option-feature .right-side:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 10px;
    width: 6px;
    height: 6px;
    background-color: #63ceca;
    border-radius: 50%;
  }
  .premium-service-option-section .option-feature .left-side:after {
    content: "";
    position: absolute;
    top: 3px;
    right: 10px;
    width: 6px;
    height: 6px;
    background-color: #fce610;
    border-radius: 50%;
  }
  .premium-service-option-section .option-feature .left-side,
  .premium-service-option-section .option-feature .right-side {
    font-family: "futurabookc", sans-serif;
    font-size: 14px;
    line-height: 1.1;
  }
  .premium-service-option-section .option-container .btn {
    padding: 6px 13px;
    font-size: 14px;
  }
  .premium-service-section .list .item .title {
    font-size: 14px;
  }
  .premium-service-section .list {
    margin-bottom: 30px;
  }
  .premium-info-section .block .features .phone,
  .premium-info-section .block .features .time {
    font-size: 14px;
  }
  .callback-section .callback-block {
    padding: 20px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .callback-section .callback-block .text {
    width: 100%;
    max-width: 100%;
    padding: 0;
    text-align: center;
    margin-bottom: 16px;
  }
  .deposits-compare-slider .slick-next {
    right: -15px;
  }
  .deposits-compare-slider .slick-prev {
    left: -15px;
  }
  .deposits-compare-slider:before,
  .deposits-compare-slider:after {
    display: none;
  }
  .search-result-section .search-list .search-item.document-item .file {
    width: 100%;
  }
  .insurance-programs-section.bank-guarantees-section
    .programs-list
    .program-item
    .top-part
    .right-side
    .bid-number {
    text-align: left;
    font-size: 18px;
  }
  .insurance-programs-section.bank-guarantees-section
    .programs-list
    .program-item
    .btn {
    margin-left: 0;
    margin-right: 20px;
    margin-bottom: 10px;
  }
  .industry-section .industries-list .item .title {
    font-size: 18px;
    width: 100%;
  }
  .industry-section .industries-list .item .description {
    position: relative;
    left: 0;
    width: 100%;
    padding-top: 20px;
  }
  .industry-section .industries-list .item .description p {
    font-size: 14px;
  }
  .industry-section .industries-list .item .description ul li {
    font-size: 14px;
  }
  .financing-energy-efficiency-section {
    padding-top: 30px;
  }
  .financing-energy-efficiency-section h2 {
    font-size: 24px;
  }
  .calculation-types-section h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .calculation-types-section .calculation-types-list .item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .industry-section {
    padding: 30px 0;
  }
  .industry-section h2 {
    font-size: 24px;
  }
  .helpful-page-section .yes-answer {
    line-height: 22px;
  }
  .mastercard-bilshe-section .additional-mastercard {
    padding: 20px;
  }
  .mastercard-bilshe-section .additional-mastercard .title {
    font-size: 18px;
  }
  .mastercard-bilshe-section .additional-mastercard p {
    font-size: 14px;
  }
  .mastercard-bilshe-section .additional-mastercard ul li {
    font-size: 14px;
  }
  .mastercard-bilshe-section .list .item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .mastercard-bilshe-section h2,
  .concierge-service-section h2 {
    font-size: 24px;
  }
  .concierge-service-section .services-list .item,
  .concierge-service-section .services-list .concierge-contact {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .ptemium-rates {
    margin: 60px 0;
  }
  .dark-theme .methods-section .method-block .title,
  .smart-exe-advantages-section h2 {
    font-size: 24px;
  }
  .smart-exe-advantages-section .list .item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .ptemium-rates.smart-tariffs table.premium thead td {
    font-size: 18px;
    padding: 10px;
  }
  .ptemium-rates.smart-tariffs table.premium tbody td p {
    font-size: 14px;
  }
  .ptemium-rates.smart-tariffs table.premium tbody td {
    padding: 10px;
  }
  .what-is-smart-exe-section h2 {
    font-size: 24px;
  }
  .what-is-smart-exe-section .infographic {
    flex-wrap: wrap;
  }
  .what-is-smart-exe-section .infographic .title {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .what-is-smart-exe-section .infographic .plus {
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .what-is-smart-exe-section .infographic .premium {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    flex-wrap: wrap;
  }
  .what-is-smart-exe-section .infographic .premium a {
    font-size: 14px;
    width: 100%;
  }
  .what-is-smart-exe-section .infographic .premium a:first-child:before,
  .what-is-smart-exe-section .infographic .premium a:first-child:after {
    display: none;
  }
  .what-is-smart-exe-section .infographic .premium a:first-child {
    margin: 0;
  }
  .what-is-smart-exe-section .infographic .premium a:last-child:before,
  .what-is-smart-exe-section .infographic .premium a:last-child:after {
    display: none;
  }
  .what-is-smart-exe-section .infographic .premium a.middle {
    transform: none;
    margin: 20px 0;
  }
  .what-is-smart-exe-section .infographic .premium a.middle * {
    transform: none;
  }
  .what-is-smart-exe-section .infographic .premium .abo {
    left: 50% !important;
    transform: translateX(-50%);
  }
  .what-is-smart-exe-section .infographic .premium .abo.first {
    top: 85px;
  }
  .what-is-smart-exe-section .infographic .premium .abo.second {
    top: 205px;
  }
  .what-is-smart-exe-section .infographic .premium .abo {
    width: 40px;
    height: 40px;
    font-size: 14px;
  }
  .ptemium-rates.smart-tariffs h3 {
    font-size: 24px;
  }
  .business-navigation-answers h2,
  .business-navigation-consultation h2,
  .business-navigation-contacts h2,
  .business-navigation-features .block-title,
  .business-navigation-features h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .business-navigation-consultation .list .item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .business-navigation-answers .list .item {
    width: 100%;
  }
  .business-navigation-contacts .contact table td {
    display: block;
    width: 100%;
  }
  .business-navigation-contacts .contact table td:last-child {
    margin-bottom: 20px;
  }
  .business-navigation-features .features-list {
    flex-wrap: wrap;
  }
  .business-navigation-features {
    padding-top: 40px;
  }
  .error-section.new-error-section {
    padding-top: 120px;
    height: calc(100vh - 110px);
  }
  .block-bottom {
    right: 5px;
    width: 40px;
    bottom: 155px;
  }
  .block-bottom .message-box,
  .block-bottom .scroll-top {
    width: 40px;
    height: 40px;
  }
  .who-is-partner-section .partner-content {
    background: none;
    padding: 30px 0;
  }
  .who-is-partner-section .partner-content h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .who-is-partner-section .partner-content .description p {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .who-is-partner-section,
  .who-is-partner-section .partner-content {
    min-height: inherit;
    margin-bottom: 0px;
  }
  .become-partner-section h2 {
    font-size: 24px;
  }
  .become-partner-section .list .item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  .become-partner-section .list .item .number {
    margin-bottom: 20px;
  }
  .rewards-amount-section h2 {
    font-size: 24px;
  }
  .rewards-amount-section table tr td {
    display: block !important;
  }
  .order-form-section .order-form-block.partner-order-form .form-title {
    font-size: 24px;
  }
  .order-form-section .order-form-block.partner-order-form .form-subtitle {
    font-size: 14px;
  }
  .order-form-section
    .order-form-block.partner-order-form
    form
    .double-fields
    .form-field {
    width: 100%;
  }
  .order-form-section
    .order-form-block.partner-order-form
    form
    .form-inner-title {
    font-size: 18px;
  }
  .order-form-section
    .order-form-block.partner-order-form
    form
    .form-inner-subtitle {
    font-size: 14px;
  }
  .online-statement-advantages.warranty-advantages-section .advantages .item {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .block-link-section .block-link {
    flex-wrap: wrap;
    padding: 20px 16px;
    justify-content: center;
  }
  .block-link-section .block-link .text {
    width: 100%;
    font-size: 14px;
    text-align: center;
    margin: 20px 0;
  }
  .order-card-form-section .grey-bg {
    padding: 20px;
  }
  .order-card-form-section
    .order-card-form-block
    .three-column-form
    .no-ipn-block {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 32px;
    flex-wrap: wrap;
    max-width: 415px;
  }
  .order-card-form-section
    .order-card-form-block
    .three-column-form
    .form-field,
  .order-card-form-section
    .order-card-form-block
    .three-column-form
    .no-ipn-block
    .documents-fields,
  .order-card-form-section
    .order-card-form-block
    .three-column-form
    .no-ipn-block
    .form-field {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 32px;
  }
  .order-card-form-section .social-buttons {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .order-card-form-section .social-buttons a {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .order-card-form-section .order-card-form-block form .form-bottom {
    flex-wrap: wrap;
  }
  .order-card-form-section
    .order-card-form-block
    form
    .form-bottom
    .checkboxes {
    width: 100%;
    max-width: 100%;
  }
  .order-step-section .steps-block {
    background: none;
    height: auto;
  }
  .order-step-section .steps-block .step {
    position: relative;
    top: auto;
    left: auto !important;
    transform: none;
    text-align: left;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-top: 0;
  }
  .order-step-section .steps-block .step:after {
    left: 0;
    top: 10px;
  }
  .order-step-section .steps-block .line {
    width: 4px;
    height: 44%;
    top: 3px;
    left: -2px !important;
  }
  .order-step-section .steps-block .line:nth-child(4) {
    top: 50%;
  }
  .order-step-section {
    padding-bottom: 10px;
  }
  .order-card-form-section .order-card-form-block form .step2-form {
    justify-content: center;
  }
  .order-card-form-section .order-card-form-block form .step2-form .card-image {
    margin-bottom: 32px;
  }
  .order-card-form-section
    .order-card-form-block
    form
    .step2-form
    .form-fields {
    width: 100%;
  }
  .order-card-form-section
    .order-card-form-block
    form
    .form-bottom
    .btn:first-child {
    margin-bottom: 20px;
  }
  .order-card-form-section
    .order-card-form-block
    form
    .step3-form
    .address-block {
    width: 100%;
  }
  .order-card-form-section
    .order-card-form-block
    form
    .step3-form
    .address-map-block {
    width: 100%;
  }
  .success-error-page .description {
    font-size: 16px;
  }
  .additional-questionnaire-page h1 {
    font-size: 24px;
  }
  .additional-questionnaire-page .description {
    font-size: 16px;
  }
  .big-form-container .big-form-step .step-title {
    font-size: 18px;
  }
  .big-form-container .big-form-step form .passport-fields {
    flex-wrap: wrap;
  }
  .big-form-container .big-form-step form .passport-fields .form-field {
    width: 100% !important;
  }
  .big-form-container .big-form-step form .double-fields {
    flex-wrap: wrap;
  }
  .big-form-container .big-form-step form .double-fields .form-field {
    width: 100%;
  }
  .big-form-container .big-form-step form .form-buttons {
    flex-wrap: wrap;
  }
  .big-form-container .big-form-step form .form-buttons .btn {
    width: 230px;
  }
  .big-form-container .big-form-step form .form-buttons button {
    margin-top: 16px;
    margin-left: 0;
    margin-right: auto;
  }
  .narrow-page-content-section .intro .container:after {
    display: none;
  }
  .narrow-page-content-section .article.m-left {
    padding-left: 0;
  }
  .necessary-iban-section .list .item {
    width: 100%;
    min-height: 48px;
  }
  .narrow-page-content-section .article h2 {
    font-size: 24px;
  }
  .new-iban-calc-section .iban-calculator form {
    flex-wrap: wrap;
  }
  .new-iban-calc-section .iban-calculator form input {
    width: 100%;
    margin-bottom: 8px;
  }
  .new-iban-calc-section .iban-calculator .iban-response .parameter .value {
    width: 100%;
  }
  .new-iban-calc-section .iban-calculator .iban-response .parameter .name {
    margin-bottom: 8px;
    font-family: "futurademic", sans-serif;
  }
  .new-iban-calc-section .iban-calculator .iban-response {
    padding: 20px;
  }
  .credit-intermediary-list-section .credit-intermediary-workers .search-block {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    max-width: 380px;
    margin-bottom: 20px;
  }
  .credit-intermediary-list-section .credit-intermediary-workers .list .item {
    flex-wrap: wrap;
  }
  .credit-intermediary-list-section
    .credit-intermediary-workers
    .list
    .region:last-child
    .item {
    margin-bottom: 0;
  }
  .credit-intermediary-list-section
    .credit-intermediary-workers
    .list
    .item
    .info {
    width: 100%;
  }
  .credit-intermediary-list-section
    .credit-intermediary-workers
    .search-block
    form {
    width: 100%;
  }
  .credit-intermediary-list-section
    .credit-intermediary-workers
    .search-block
    form
    input[type="text"] {
    width: 100%;
  }
  .credit-intermediary-list-section
    .credit-intermediary-workers
    .list
    .item
    .image {
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .credit-intermediary-list-section
    .credit-intermediary-workers
    .list
    .item
    .info
    .name {
    font-size: 24px;
  }
  .credit-intermediary-form-section {
    padding-bottom: 0;
  }
  .credit-intermediary-form-section form .form-top {
    padding: 20px;
  }
  .credit-intermediary-form-section h2 {
    font-size: 24px;
  }
  .credit-intermediary-form-section .description {
    font-size: 14px;
  }
  .credit-intermediary-form-section form .double-fields {
    flex-wrap: wrap;
  }
  .credit-intermediary-form-section form .double-fields .form-field {
    width: 100%;
  }
  .credit-intermediary-form-section form .form-bottom {
    flex-wrap: wrap;
  }
  .credit-intermediary-form-section form .form-bottom .checkboxes {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .credit-intermediary-list-section
    .credit-intermediary-workers
    .list
    .region
    .region-title {
    font-size: 26px;
    margin-bottom: 30px;
  }
  .credit-intermediary-list-section
    .credit-intermediary-workers
    .pagination-block {
    padding-bottom: 0;
  }
  .popup.popup-credit-intermediary .popup-container {
    padding: 40px 20px;
  }
  .popup.popup-credit-intermediary .popup-title {
    font-size: 24px;
  }
  .popup.popup-credit-intermediary .popup-subtitle {
    font-size: 14px;
  }
  .ci-tab form .double-fields {
    flex-wrap: wrap;
  }
  .ci-tab form .double-fields .form-field {
    width: 100%;
  }
  .ci-tab form .button-part {
    flex-wrap: wrap;
  }
  .ci-tab form .button-part .checkbox-block {
    width: 100%;
    margin-bottom: 20px;
  }
  .parts-paying-benefits-section .list .item {
    width: 100%;
    margin-bottom: 20px;
  }
  .about-fishka-section .about-fishka-block .title {
    font-size: 24px;
    max-width: 100%;
  }
  .about-fishka-section .about-fishka-block .description {
    max-width: 100%;
  }
  .about-fishka-section .about-fishka-block img {
    max-width: 300px;
  }
  .about-fishka-section .about-fishka-block {
    padding-bottom: 200px;
  }
  .partners-fishka-section .partners-fishka-block .title {
    font-size: 24px;
  }
  .partners-fishka-section .partners-fishka-block .text {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .partners-fishka-section .partners-fishka-block .logos {
    width: 100%;
    text-align: left;
  }
  .parts-paying-benefits-section h2 {
    font-size: 24px;
  }
  .calculated-points-section .calculated-points-block {
    flex-wrap: wrap;
  }
  .calculated-points-section .calculated-points-block .image {
    width: 100%;
    display: none;
  }
  .calculated-points-section .calculated-points-block .text {
    width: 100%;
  }
  .calculated-points-section .calculated-points-block .text .title {
    font-size: 24px;
  }
  .parts-paying-benefits-section .list {
    margin-bottom: 0;
  }
  .fishka-online-section {
    padding: 40px 0;
  }
  .fishka-online-section .fishka-online-block {
    padding: 20px;
  }
  .fishka-online-section .fishka-online-block .title {
    font-size: 24px;
  }
  .parts-paying-benefits-section .list.four .item {
    width: 100%;
  }
  .mob-app-section .mob-app-block .title {
    font-size: 24px;
  }
  .mob-app-section .mob-app-block .app-features {
    width: 100%;
    order: 1;
  }
  .mob-app-section .mob-app-block .image {
    width: 100%;
    order: 2;
  }
  .mastercard-personal-cabinet-section
    .mastercard-personal-cabinet-block
    .image {
    display: none;
  }
  .mastercard-personal-cabinet-section
    .mastercard-personal-cabinet-block
    .text {
    width: 100%;
  }
  .mastercard-personal-cabinet-section
    .mastercard-personal-cabinet-block
    .text
    .title {
    font-size: 24px;
  }
  .error-section .description {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .error-section.unsubscribe .btn-block {
    margin-bottom: 40px;
  }
  .big-form-container .big-form-step .social-buttons {
    flex-wrap: wrap;
  }
  .big-form-container .big-form-step .social-buttons a {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .big-form-container
    .big-form-step
    form
    .documents-fields
    .form-field:first-child,
  .big-form-container .big-form-step form .documents-fields .form-field {
    width: 100%;
    margin-bottom: 32px;
  }
  .new-banner-section .banner-block {
    padding: 20px;
    height: auto;
  }
  .farmers-support-section .list {
    justify-content: center;
  }
  .farmers-support-section .list .item {
    width: calc(100% - 28px);
  }
  .partner-description-block .description {
    padding: 20px;
  }
  .partner-description-block .description .image {
    margin: 0 auto;
    margin-bottom: 24px;
  }
  .partner-description-block .description .text {
    width: 100%;
  }
  .partner-conditions-section h2 {
    font-size: 24px;
  }
  .partner-conditions-section table tr td {
    font-size: 14px;
    padding: 10px;
  }
  .partner-conditions-section table tr td:first-child {
    min-width: 100px;
    font-size: 14px;
  }
  .partner-conditions-section {
    padding: 40px 0;
  }
  .check-points-section .list {
    flex-direction: column;
  }
  .check-points-section .list .item {
    width: 100%;
    margin-bottom: 40px;
  }
  .comparison-credit-cards-modal-po__btn {
    top: 30px;
    right: 30px;
  }
}
@media (max-width: 450px) {
  .intro-slider-section__loan-cash {
    margin-top: 25px;
  }
  .intro-slider-section {
    margin-top: 17px;
  }
  .mobile-app-block {
    position: static;
  }
  header {
    position: static;
  }
  .main-page-container {
    padding-top: 40px;
  }
  .text-middle-block {
    padding: 10px;
    text-align: center;
  }
  .product-page {
    padding-top: 50px;
  }
  .subscribe-section .subscribe-form form .form-field {
    width: 100%;
    margin: 0 auto;
  }
  .parts-paying-benefits-section .lists {
    flex-direction: column;
  }
  .check-points-section {
    padding: 0;
  }
  .about-fishka-section .about-fishka-block {
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
  }
  .about-fishka-section .about-fishka-block > img {
    margin: 0 auto;
    order: 3;
    position: static;
  }
  .subscribe-section .subscribe-form .subscribe-input-wrapper .agreement label {
    white-space: normal;
  }
  .subscribe-section .subscribe-form form .checkbox-block {
    height: 35px;
  }
  .become-credit-intermediary-section .btn {
    width: 100%;
    padding: 6px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 400px) {
  .order-card-form-section
    .order-card-form-block
    form
    .step2-form
    .card-image
    .full-name {
    top: 125px;
    left: 23px;
  }
  .become-credit-intermediary-section .content-block {
    padding: 20px 10px;
  }
  .become-credit-intermediary-section {
    padding: 0;
  }
  .conditions-crediting-section .b-btns {
    flex-direction: column;
  }
  .conditions-crediting-section .b-btns .btn {
    margin-top: 15px;
  }
  .conditions-crediting-section .b-btns .btn:first-child {
    margin-right: 0;
    margin-top: 0;
  }
  .popup.popup-ib .ib-container .ib-block .link__online {
    padding: 16px;
  }
  .popup.popup-ib .ib-container .ib-block .link__online p {
    font-size: 12px;
  }
  .popup.popup-ib .ib-container .ib-block .link__online .link__title {
    font-size: 16px;
    line-height: 20px;
  }
  .popup.popup-ib .ib-container .ib-block .apps a {
    margin: 0 3px;
  }
}
@media screen and (max-width: 520px) {
  .conditions-crediting-section .table .row,
  .sale-section .table .row {
    flex-direction: column;
    justify-content: flex-start;
  }
  .conditions-crediting-section .table .row .col-left,
  .sale-section .table .row .col-left {
    width: 100%;
  }
  .conditions-crediting-section .table .row .col-right,
  .sale-section .table .row .col-right {
    width: 100%;
  }
  .credit-conditions-section .conditions-list {
    justify-content: center;
  }
  .credit-conditions-section .conditions-list .conditions-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .credit-conditions-section
    .conditions-list
    .conditions-item:nth-last-child(-n + 2) {
    margin-bottom: 84px;
  }
  .credit-conditions-section .conditions-list .conditions-item:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 650px) {
  .comparison-credit-cards-section__wrapper {
    flex-direction: column;
  }
  .comparison-credit-cards-section__wrapper-left {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 550px) {
  .conditions-crediting-section .navbar {
    flex-direction: column;
  }
  .conditions-crediting-section .navbar .navbar-item {
    margin-bottom: 10px;
    width: 100%;
  }
  .insurance-tariffs-section .buttons-container {
    flex-direction: column;
  }
  .insurance-tariffs-section .buttons-container .btn {
    margin-bottom: 10px;
    margin-right: 0;
  }
  .insurance-tariffs-section .buttons-container .btn:last-child {
    margin-bottom: 0;
  }
  .package-item .package-description .package-btns {
    flex-direction: column;
  }
  .packages-list .package-item .package-description .package-btns .btn {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .packages-list
    .package-item
    .package-description
    .package-btns
    .btn:first-child {
    margin-right: 0;
  }
  .packages-list
    .package-item
    .package-description
    .package-btns
    .btn:last-child {
    margin-bottom: 0;
  }
  .comparison-credit-cards-section__wrapper-left {
    margin-right: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .comparison-credit-cards-section__img {
    margin-right: 0;
    margin-bottom: 25px;
  }
}
@media (max-width: 325px) {
  .pagination-block ul li:first-child,
  .pagination-block ul li:last-child {
    margin: 0;
  }
}

.b-currency {
  background-image: linear-gradient(to bottom, #f9fbfd, #f9fbfd), linear-gradient(146deg, #e0fefc -2%, #f4e6e4 107%);
  padding: 40px 37px 32px 24px;
  border-radius: 4px;
  display: flex;
  position: relative;
  z-index: 99;
}
.b-currency .bold {
  font-family: "futurabookc", sans-serif;
  font-weight: 700;
}
.b-currency__online {
  position: relative;
  padding-right: 25px;
}
.b-currency__online:after {
  content: "";
  width: 1px;
  height: 80%;
  background-color: #d3d8e2;
  position: absolute;
  top: 0;
  right: 0;
}
.b-currency__offline {
  padding-left: 25px;
}
.b-currency__title {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
  margin-bottom: 8px;
}
.b-currency__subtitle {
  opacity: 0.6;
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
  line-height: 1.67;
  color: #212225;
  margin-bottom: 26px;
  white-space: nowrap;
}
.b-currency__online-title {
  font-family: "futurademic", sans-serif;
  padding-left: 58px;
}
.b-currency__online-subtitle {
  padding-left: 58px;
}
.b-currency__course-item {
  display: flex;
  align-items: center;
  margin-bottom: 37px;
}
.b-currency__course-item:last-child {
  margin-bottom: 0;
}
.b-currency__item-name {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
  margin-right: 29px;
}
.b-currency__item-course {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
  padding-left: 22px;
  padding-right: 10px;
  position: relative;
}
.b-currency__item-course[data-course=top]:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  border-color: transparent transparent #8ed340 transparent;
}
.b-currency__item-course[data-course=bottom]:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #d64d4d transparent transparent transparent;
}
.b-currency__item-course_1 {
  margin-right: 10px;
}
.b-currency__item-course_1:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 15px;
  transform: rotate(25deg);
  position: absolute;
  background-color: #212225;
  top: 2px;
  right: 0;
}
.b-currency__link-calculate {
  display: block;
  margin-top: 50px;
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
}

@media screen and (max-width: 800px) {
  .w-currency {
    width: 100%;
  }
  .b-currency {
    min-width: 100%;
    flex-direction: column-reverse;
    padding: 40px 24px 32px;
  }
  .b-currency__online-title, .b-currency__online-subtitle {
    padding-left: 0;
  }
  .b-currency__b-course {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .b-currency__online {
    padding-top: 30px;
  }
  .b-currency__online:after {
    display: none;
  }
  .b-currency__offline {
    padding-left: 0;
    padding-bottom: 30px;
    position: relative;
  }
  .b-currency__offline:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 80%;
    margin-left: -40%;
    height: 1px;
    background-color: #d3d8e2;
  }
}
.b-calculator-currency {
  background-image: linear-gradient(to bottom, #f9fbfd, #f9fbfd), linear-gradient(146deg, #e0fefc -2%, #f4e6e4 107%);
  padding: 40px 24px 32px;
  max-width: 468px;
  border-radius: 4px;
}
.b-calculator-currency__b-tabs {
  border-radius: 4px;
  border: solid 2px rgba(229, 234, 238, 0.5);
  background-color: rgba(229, 234, 238, 0.5);
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
.b-calculator-currency__tab {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  text-align: center;
  color: #212225;
  padding: 0 10px;
  cursor: pointer;
}
.b-calculator-currency__tab.active {
  border-radius: 4px;
  box-shadow: 0 2px 7px 0 rgba(110, 150, 158, 0.22);
  background-color: #ffffff;
}
.b-calculator-currency__tab.disable {
  opacity: 0.5;
  color: #212225;
  cursor: default;
}
.b-calculator-currency__b-arrow {
  position: relative;
  height: 1px;
  margin-bottom: 24px;
}
.b-calculator-currency__b-arrow:before, .b-calculator-currency__b-arrow:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: calc(50% - 16px);
  height: 1px;
  background-color: #d3d8e2;
}
.b-calculator-currency__b-arrow:before {
  left: 0;
}
.b-calculator-currency__b-arrow:after {
  right: 0;
}
.b-calculator-currency__img-arrows {
  position: absolute;
  top: -16px;
  left: calc(50% - 16px);
  width: 32px;
  height: 32px;
  background: url("/img/revers_icon.svg") center center;
  background-size: contain;
  border-radius: 50%;
  cursor: pointer;
}
.b-calculator-currency__link-back {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
}

@media screen and (max-width: 800px) {
  .b-calculator-currency {
    min-width: 100%;
  }
}
.b-calculator-currency__b-calc {
  border-radius: 4px;
  border: solid 1px #d3d8e2;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 24px;
  overflow: hidden;
}
.b-calculator-currency__b-calc_static .b-calculator-currency__b-select:after {
  display: none;
}
.b-calculator-currency__calc-info {
  padding: 0 0 0 32px;
  font-family: "futurademic", sans-serif;
  font-size: 22px;
  line-height: 0.91;
  color: #27282d;
  border: none;
  background: #ffffff;
}
.b-calculator-currency__b-select {
  border-left: 1px solid #d3d8e2;
  min-width: 96px;
  height: 100%;
  position: relative;
}
.b-calculator-currency__b-select > select {
  width: 100%;
  height: 100%;
  padding: 4px 16px 4px 20px;
  border: none;
  background-color: transparent;
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  color: #222222;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.b-calculator-currency__b-select > select::-ms-expand {
  display: none;
}
.b-calculator-currency__b-select > select > option {
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  line-height: 1.45;
  color: #222222;
}
.b-calculator-currency__b-select:after {
  content: "";
  position: absolute;
  top: 16px;
  right: 16px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #000000 transparent transparent transparent;
}

.loan-cash-slider .intro-slider-section {
  margin-top: 84px;
  height: 371px;
}

.loan-cash-slider .intro-slider {
  height: 371px;
}

.loan-cash-slider .intro-slider .slider-item {
  height: 371px;
}

.loan-cash-slider .intro-slider .slider-item .container {
  height: 371px;
}

.loan-cash-slider .intro-slider .slider-item .text .title {
  font-family: "futurademic", sans-serif;
  font-size: 42px;
  line-height: 1.14;
  color: #212225;
  text-align: left;
  margin-bottom: 16px;
  max-width: 570px;
}

.loan-cash-slider .intro-slider .slider-item .text .description {
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
  text-align: left;
  margin-bottom: 32px;
  max-width: 50%;
}

.loan-cash-slider .intro-slider .slider-item .back-to-main {
  font-size: 16px;
  line-height: 1.25;
  color: #212225;
}

@media screen and (max-height: 580px) and (min-width: 767px) {
  .loan-cash-slider .intro-slider-section {
    margin-top: 85px;
  }
}
@media screen and (max-width: 767px) {
  .loan-cash-slider .intro-slider-section {
    margin-top: 85px;
  }
}
@media screen and (max-width: 540px) {
  .loan-cash-slider .intro-slider-section {
    margin-top: 25px;
  }
}

.helpful-page-section.new-style .helpful-container {
  justify-content: space-between;
  align-items: stretch;
}
.helpful-page-section.new-style .helpful-container .helpful__wrap {
  flex: 0 1 calc(66% - 12px);
  width: calc(66% - 12px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px 16px;
  background-color: #f9fbfd;
}
.helpful-page-section.new-style .helpful-container .helpful__wrap .text {
  min-width: 195px;
  font-size: 22px;
  color: #212225;
}
.helpful-page-section.new-style .helpful-container .helpful__wrap .btns {
  margin-right: 0;
  display: flex;
  align-items: center;
}
.helpful-page-section.new-style .helpful-container .helpful__wrap .btns .btn {
  display: flex;
  align-items: center;
  height: auto;
}
.helpful-page-section.new-style .helpful-container .helpful__wrap .btns .btn:first-child {
  margin-right: 24px;
}
.helpful-page-section.new-style .helpful-container .helpful__wrap .btns .btn__text {
  margin-right: 9px;
  font-size: 22px;
}
.helpful-page-section.new-style .helpful-container .helpful__wrap .btns .btn__icon-like, .helpful-page-section.new-style .helpful-container .helpful__wrap .btns .btn__icon-dislike {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  transition: all 0.3s ease;
}
.helpful-page-section.new-style .helpful-container .helpful__wrap .btns .btn__icon-dislike {
  transform: scaleY(-1);
  filter: FlipV;
}
.helpful-page-section.new-style .helpful-container .helpful__wrap .btns .btn__wrap {
  width: 32px;
  height: 32px;
  position: relative;
}
.helpful-page-section.new-style .helpful-container .helpful__wrap .btns .btn:hover {
  background: #000000 !important;
}
.helpful-page-section.new-style .helpful-container .helpful__wrap .btns .btn .on-hover-img {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
}
.helpful-page-section.new-style .helpful-container .helpful__wrap .btns .yes-btn:hover .btn__icon-like,
.helpful-page-section.new-style .helpful-container .helpful__wrap .btns .yes-btn:hover .btn__icon-dislike {
  opacity: 0;
  visibility: hidden;
}
.helpful-page-section.new-style .helpful-container .helpful__wrap .btns .yes-btn:hover .on-hover-img {
  opacity: 1;
  visibility: visible;
}
.helpful-page-section.new-style .helpful-container .helpful__wrap .btns .no-btn:hover .btn__icon-like,
.helpful-page-section.new-style .helpful-container .helpful__wrap .btns .no-btn:hover .btn__icon-dislike {
  opacity: 0;
  visibility: hidden;
}
.helpful-page-section.new-style .helpful-container .helpful__wrap .btns .no-btn:hover .on-hover-img {
  opacity: 1;
  visibility: visible;
}
.helpful-page-section.new-style .helpful-container .share {
  flex: 0 1 calc(34% - 12px);
  width: calc(34% - 12px);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #212225;
  background-color: #f9fbfd;
}
.helpful-page-section.new-style .helpful-container .share > span {
  margin-right: 32px;
  font-size: 22px;
}
.helpful-page-section.new-style .helpful-container .share a {
  width: 24px;
  height: 24px;
  text-decoration: none;
  display: block;
}
.helpful-page-section.new-style .helpful-container .share a:last-child {
  margin-left: 24px;
}

@media screen and (max-width: 1023px) {
  .helpful-page-section.new-style .helpful-container .helpful__wrap .text {
    font-size: 20px;
    margin-right: 1.5em;
  }
  .helpful-page-section.new-style .helpful-container .helpful__wrap .text .btns .btn span {
    font-size: 20px;
  }
  .helpful-page-section.new-style .helpful-container .helpful__wrap .text .btns .btn:first-child {
    margin-right: 12px;
  }
  .helpful-page-section.new-style .share {
    font-size: 20px;
  }
}
@media screen and (max-width: 991px) {
  .helpful-page-section.new-style .helpful-container {
    display: block;
  }
  .helpful-page-section.new-style .helpful-container .helpful__wrap {
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 16px;
  }
  .helpful-page-section.new-style .helpful-container .share {
    flex: 0 0 100%;
    width: 100%;
    padding: 32px 16px;
  }
}
@media screen and (max-width: 767px) {
  .helpful-page-section.new-style {
    padding: 16px 0;
  }
  .helpful-page-section.new-style .container {
    padding: 0;
  }
  .helpful-page-section.new-style .helpful-container .helpful__wrap {
    flex-direction: column;
  }
  .helpful-page-section.new-style .helpful-container .helpful__wrap .text {
    margin-right: 0;
    font-size: 22px;
  }
  .helpful-page-section.new-style .helpful-container .helpful__wrap .btns {
    justify-content: center;
  }
  .helpful-page-section.new-style .helpful-container .helpful__wrap .btns .btn span {
    margin-right: 5px;
    font-size: 17.6px;
  }
  .helpful-page-section.new-style .helpful-container .helpful__wrap .btns .btn__wrap {
    width: 26px;
    height: 26px;
  }
  .helpful-page-section.new-style .helpful-container .helpful__wrap .btns .btn:first-child {
    margin-right: 24px;
  }
  .helpful-page-section.new-style .helpful-container .share {
    font-size: 16px;
  }
  .helpful-page-section.new-style .helpful-container .share .fb {
    margin-left: 16px;
  }
  .helpful-page-section.new-style .helpful-container .share .tw {
    margin-left: 13px;
  }
}

footer .top-footer .footer-rates .footer-rates__exchange-text {
  margin-bottom: 0;
  font-size: 16px;
}

footer .top-footer .footer-rates .hide .rate-currency {
  cursor: auto;
}

.footer-rates {
  position: relative;
  padding: 6px 16px;
  background-color: #F9FBFD;
  border-radius: 4px;
  box-shadow: 1px 2px 4px rgba(133, 164, 176, 0.3);
}
.footer-rates .arrow {
  width: 0;
  height: 0;
  margin-left: 10px;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #a1a4ae transparent transparent transparent;
}
.footer-rates__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.footer-rates__head .arrow {
  transform: rotate(180deg) translateY(-50%);
  cursor: pointer;
  transition: 0.4s ease-in-out;
}
.footer-rates__head .arrow:hover {
  transform: rotate(0deg) translateY(50%);
}
.footer-rates .rates-block {
  margin-bottom: 18px;
  cursor: pointer;
}
.footer-rates .rates-block__wrapper {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 10;
  width: 101%;
  transform: translate(-50%);
  padding: 6px 16px;
  overflow: hidden;
  background-color: #F9FBFD;
  border-radius: 4px;
  box-shadow: 1px 2px 4px rgba(133, 164, 176, 0.3);
}
.footer-rates .rates-block__wrapper .rates-block {
  cursor: auto;
}
.footer-rates .rates-block__wrapper .rate-numbers .arrow {
  opacity: 0;
}
.footer-rates .rates-block:last-child {
  margin-bottom: 0;
}
.footer-rates .rates-block .rate-currency > span {
  font-size: 16px;
}
.footer-rates .rates-block .rate-currency > span::after {
  display: none;
}
.footer-rates .rates-block .rate-numbers > span {
  font-size: 16px;
}

.block-title.footer-rates__head {
  margin-bottom: 0;
}

footer .top-footer .footer-rates .block-title a {
  font-size: 16px;
  color: #637282;
}

@media screen and (max-width: 1023px) {
  footer .top-footer .footer-rates {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  footer .top-footer .footer-rates .footer-rates__exchange-text {
    margin-bottom: 0;
    font-size: 13px;
  }
  footer .top-footer .footer-rates .rate-currency,
  footer .top-footer .footer-rates .rate-numbers span:first-child {
    margin-right: 15px;
  }
  footer .top-footer .footer-rates .rate-currency span,
  footer .top-footer .footer-rates .rate-numbers span,
  footer .top-footer .footer-rates .block-title a {
    font-size: 13px;
  }
  .footer-rates {
    padding: 4px 12px;
    order: -1;
  }
  .footer-rates .rates-block {
    margin-bottom: 8px;
  }
  .footer-rates .rates-block__wrapper {
    padding: 4px 12px;
  }
}
.rates-block__wrapper.hide {
  animation: hideRates 0.4s linear;
  opacity: 0;
  visibility: hidden;
  height: 0;
}

.rates-block__wrapper.show {
  animation: showRates 0.4s linear;
  height: auto;
  opacity: 1;
  visibility: visible;
}

@keyframes showRates {
  from {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
  to {
    height: auto;
    opacity: 1;
    visibility: visible;
  }
}
@keyframes hideRates {
  from {
    height: auto;
    opacity: 1;
    visibility: visible;
  }
  to {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
}
.dark-theme .footer-rates {
  background-color: #27282d;
}
.dark-theme .footer-rates .rates-block__wrapper {
  background-color: #27282d;
}
.dark-theme footer .top-footer .footer-rates .footer-rates__exchange-text {
  color: #ffffff;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.row *,
.row::before,
.row::after {
  box-sizing: border-box;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col,
.col-xl-12,
.col-lg-12,
.col-md-12,
.col-12,
.col-md-11,
.col-lg-11,
.col-11,
.col-lg-10,
.col-md-10,
.col-10,
.col-lg-9,
.col-md-9,
.col-9,
.col-md-8,
.col-lg-8,
.col-8,
.col-lg-7,
.col-md-7,
.col-7,
.col-lg-6,
.col-md-6,
.col-6,
.col-md-5,
.col-lg-5,
.col-5,
.col-lg-4,
.col-md-4,
.col-4,
.col-md-3,
.col-lg-3,
.col-3,
.col-lg-2,
.col-md-2,
.col-2,
.col-lg-1,
.col-md-1,
.col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

@media (min-width: 768px) {
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
}
@media (min-width: 992px) {
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
}
.mb-md-4 {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .mb-md-4 {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .hide-md {
    display: none;
  }
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.align-items-center {
  align-items: center;
}

.page-title {
  font-size: 42px;
  font-family: "futurademic", sans-serif;
  line-height: 1.2;
  color: #212225;
  margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
  .page-title {
    font-size: 24px;
  }
}
.page-desc {
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  color: #212225;
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .page-desc {
    margin-top: 8px;
    font-size: 16px;
  }
}
.back-block {
  display: inline-block;
  margin-bottom: 24px;
  background: url(/img/group-2.svg) 0 -2px no-repeat;
  padding-left: 30px;
}
.back-block__link {
  font-size: 18px;
  line-height: 1.5;
  color: #637282;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .back-block {
    background-position: 0 -5px;
  }
  .back-block__link {
    font-size: 14px;
  }
}
.link-arrow {
  width: 14px;
  height: 14px;
  position: relative;
  margin-left: 6px;
}
.link-arrow::before {
  transform: rotate(45deg);
  top: 5px;
}
.link-arrow::after {
  transform: rotate(-45deg);
  top: 9px;
}
.link-arrow::after, .link-arrow::before {
  content: "";
  display: inline-block;
  height: 2px;
  width: 8px;
  background-color: #ccc;
  position: absolute;
}

.open-down .link-arrow {
  transform: rotate(90deg);
}
.open-down .link-arrow::after, .open-down .link-arrow::before {
  background-color: #2b2d31;
  right: 2px;
}

.contacts-block {
  padding: 24px;
}
.contacts-block h4 {
  margin-bottom: 16px;
  font-family: "futurademic", sans-serif;
  font-weight: bold;
  font-size: 22px;
}
.contacts-block p {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  margin-bottom: 8px;
  line-height: 1.2;
  color: #212225;
}
.contacts-block p:last-child {
  margin-bottom: 0;
}
.contacts-block a {
  color: #212225;
}
.contacts-block span {
  font-size: 22px;
  font-family: "futurabookc", sans-serif;
}

@media screen and (max-width: 767px) {
  .contacts-block {
    padding: 16px;
  }
}
.form-label {
  font-family: "futurademic", sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #424242;
  line-height: 1.2;
}

.form-desc {
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
  line-height: 1.2;
  color: #424242;
}

.form-error-msg {
  position: absolute;
  left: 0;
  right: 0;
  color: #ed4337;
  font-size: 12px;
  font-family: "futurabookc", sans-serif;
}

.remove-icon {
  transform: translate(50%, -50%);
  width: 20px;
  height: 20px;
  background: url(/img/remove_file.svg) center no-repeat;
  background-size: 100%;
  cursor: pointer;
  border-radius: 50%;
  background-color: #f9fbfd;
}

.defPreloader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.75);
}
.defPreloader__spinner {
  width: 160px;
  height: 160px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btnN {
  font-family: "futurabookc", sans-serif;
  font-size: 22px;
  line-height: 1.2;
  color: #000;
  background-color: transparent;
  border: 1px solid #000;
  position: relative;
  transition: all 0.3s ease;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}
.btnN:hover, .btnN:active, .btnN:focus {
  background-color: #000000;
  color: #fff;
  border: 1px solid #000;
  text-decoration: none;
}
.btnN:disabled {
  opacity: 0.5;
}
.btnN:disabled:hover, .btnN:disabled:active, .btnN:disabled:focus {
  opacity: 0.5;
  background-color: transparent;
  color: #000;
}

.btnN_color_yellow {
  background-color: #FFEF00;
  color: #000000;
  border: 1px solid #FFEF00;
}
.btnN_color_yellow:disabled:hover, .btnN_color_yellow:disabled:active, .btnN_color_yellow:disabled:focus {
  background-color: #FFEF00;
  color: #000000;
  border: 1px solid #FFEF00;
}

.back-block-link {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.back-block-link__img {
  display: block;
  max-width: 24px;
  margin-right: 8px;
}
.back-block-link__text {
  font-family: "futurabookc", sans-serif;
  line-height: 1.2;
  font-size: 16px;
  color: #212225;
}

.section-title {
  font-family: "futurademic", sans-serif;
  font-size: 32px;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .section-title {
    font-size: 22px;
  }
}
.section-desc {
  font-family: "futurabookc", sans-serif;
  font-size: 16px;
  line-height: 1.2;
}

.input-block__input,
.textarea-block__area {
  background-color: transparent;
  width: 100%;
  margin-bottom: 5px;
}

input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}

.grow {
  flex-grow: 1;
}

.nav-back-block {
  display: inline-flex;
  margin-bottom: 30px;
  text-decoration: none;
  font-family: "futurabookc", sans-serif;
  align-items: center;
}
.nav-back-block:hover, .nav-back-block:focus, .nav-back-block:active {
  text-decoration: none;
}
.nav-back-block__icon {
  margin-right: 4px;
  margin-bottom: 2px;
}
@media screen and (max-width: 767px) {
  .nav-back-block {
    margin-bottom: 1px;
  }
}
.table-btn {
  display: flex;
  background-color: #000;
  border-radius: 4px;
  color: #fff;
  padding: 6px 20px;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  text-decoration: none;
}
.table-btn__icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.table-btn__icon-img {
  width: 100%;
  height: auto;
}
.table-btn__text {
  font-size: 16px;
}

@media screen and (max-width: 480px) {
  .table-btn {
    width: 100%;
  }
}
.btn-component {
  font-family: "futurabookc", sans-serif;
  line-height: 1.25;
  color: #000;
  background-color: transparent;
  border: 1px solid #000;
  position: relative;
  transition: all 0.3s ease;
  display: inline-block;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-weight: normal;
}
.btn-component:hover, .btn-component:active, .btn-component:focus {
  text-decoration: none;
}
.btn-component:disabled {
  opacity: 0.3;
}
.btn-component:disabled:hover, .btn-component:disabled:active, .btn-component:disabled:focus {
  opacity: 0.3;
}

.btn-component_size_small-thin {
  font-size: 16px;
  padding: 9px 17px;
}
.btn-component_size_small {
  font-size: 16px;
  padding: 9px 35px;
}
.btn-component_size_medium {
  font-size: 18px;
  padding: 12px 24px;
}
.btn-component_size_large {
  font-size: 22px;
  padding: 10px 30px;
}
@media screen and (max-width: 767px) {
  .btn-component_size_large {
    font-size: 16px;
    padding: 13px 35px;
  }
}

.btn-component_color_white-black:hover, .btn-component_color_white-black:active, .btn-component_color_white-black:focus {
  background-color: #000000;
  color: #fff;
  border: 1px solid #000;
}
.btn-component_color_white-black:disabled:hover {
  color: #000;
  background-color: transparent;
  border: 1px solid #000;
}

.btn-component_color_black-white {
  background-color: #000000;
  border: 1px solid #000000;
  color: #fff;
}
.btn-component_color_black-white:hover, .btn-component_color_black-white:active, .btn-component_color_black-white:focus {
  background-color: #fff;
  color: #000;
  border: 1px solid #000000;
}
.btn-component_color_black-white:disabled:hover {
  background-color: #000000;
  border: 1px solid #000000;
  color: #fff;
}

.btn-component_color_whiteBg-light-black {
  background-color: #ffffff;
  border: 1px solid #C6CFDA;
}
.btn-component_color_whiteBg-light-black:hover, .btn-component_color_whiteBg-light-black:active, .btn-component_color_whiteBg-light-black:focus {
  color: #000000;
  border: 1px solid #000;
}
.btn-component_color_whiteBg-light-black:disabled:hover {
  border: 1px solid #C6CFDA;
}

.btn-component_color_blackBorder-black {
  background-color: #ffffff;
  border: 1px solid #000;
  color: #000;
}
.btn-component_color_blackBorder-black:hover, .btn-component_color_blackBorder-black:active, .btn-component_color_blackBorder-black:focus {
  color: #fff;
  border: 1px solid #000;
  background-color: #000;
}
.btn-component_color_blackBorder-black:disabled:hover {
  border: 1px solid #C6CFDA;
}

.btn-component_color_yellow-black {
  background-color: #FFEF00;
  color: #000000;
  border: 1px solid #FFEF00;
}
.btn-component_color_yellow-black:hover, .btn-component_color_yellow-black:active, .btn-component_color_yellow-black:focus {
  background-color: #000000;
  color: #fff;
  border: 1px solid #000;
}
.btn-component_color_yellow-black:disabled:hover {
  background-color: #FFEF00;
  color: #000000;
  border: 1px solid #FFEF00;
}

.btn-component_color_light-white-black {
  border: 1px solid #C6CFDA;
}
.btn-component_color_light-white-black:hover, .btn-component_color_light-white-black:active, .btn-component_color_light-white-black:focus {
  color: #000000;
  border: 1px solid #000;
}
.btn-component_color_light-white-black:disabled:hover {
  border: 1px solid #C6CFDA;
}

.btn-component_color_light-white-yellow {
  border: 1px solid #C6CFDA;
}
.btn-component_color_light-white-yellow:hover, .btn-component_color_light-white-yellow:active, .btn-component_color_light-white-yellow:focus {
  background-color: #FFEF00;
  color: #000000;
  border: 1px solid #FFEF00;
}
.btn-component_color_light-white-yellow:disabled:hover {
  border: 1px solid #C6CFDA;
}

.btn-component_color_black-yellow {
  background-color: #000000;
  border: 1px solid #000000;
  color: #fff;
}
.btn-component_color_black-yellow:hover, .btn-component_color_black-yellow:active, .btn-component_color_black-yellow:focus {
  background-color: #FFEF00;
  color: #000000;
  border: 1px solid #FFEF00;
}
.btn-component_color_black-yellow:disabled:hover {
  background-color: #000000;
  border: 1px solid #000000;
  color: #fff;
}

.btn-component.btn-component_type_link {
  border: none;
  text-decoration: underline;
  color: #212225;
}
.btn-component.btn-component_type_link:hover, .btn-component.btn-component_type_link:active, .btn-component.btn-component_type_link:focus {
  background-color: initial;
  color: #212225;
  border: none;
  text-decoration: underline;
}

.btn-component .icon-right {
  margin-left: 10px;
}

.form-container:not(.form-container_cumulative) {
  margin-bottom: 30px;
  background-color: #F9FBFD;
  border-radius: 8px;
  padding: 40px 27% 56px 27%;
}
.form-container:not(.form-container_cumulative):last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .form-container:not(.form-container_cumulative) {
    padding: 24px 16px 30px 16px;
    margin-left: -16px;
    margin-right: -16px;
  }
}

.form-title {
  font-family: "futurademic", sans-serif;
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .form-title {
    margin-bottom: 30px;
  }
}

.credit-calculator-section form .clearfix .calculator-block .calculator-slider-title {
  margin-bottom: 8px;
}

.grey-bg {
  background-color: #F9FBFD;
}

.hidden {
  visibility: hidden;
  display: none;
  overflow: hidden;
}

.drop-arrow-block {
  cursor: pointer;
  padding: 0 10px;
}
.drop-arrow-block__chevron {
  width: 9px;
  height: 14px;
  position: relative;
  transition: transform 0.3s, background-color 0.3s;
}
.drop-arrow-block__chevron::before {
  content: "";
  display: inline-block;
  height: 2px;
  width: 10px;
  background-color: #ccc;
  position: absolute;
  transform: rotate(45deg);
  top: 4px;
}
.drop-arrow-block__chevron::after {
  content: "";
  display: inline-block;
  height: 2px;
  width: 10px;
  background-color: #ccc;
  position: absolute;
  transform: rotate(-45deg);
  top: 10px;
}

.open .drop-arrow-block__chevron {
  transform: rotate(90deg);
}
.open .drop-arrow-block__chevron::before {
  background-color: #2b2d31;
}
.open .drop-arrow-block__chevron::after {
  background-color: #2b2d31;
}

.copy-clipboard {
  padding: 0 10px;
  cursor: pointer;
}
.copy-clipboard__img {
  display: block;
  max-height: 22px;
}

.responsiveVideo {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.responsiveVideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.back-header-btn {
  margin-top: 30px;
  margin-bottom: 30px;
}
.back-header-btn__row-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.back-header-btn .page-title {
  font-size: 48px;
  margin-bottom: 0;
}

.back-header-btn .nav-back-block {
  font-size: 22px;
}

@media screen and (max-width: 767px) {
  .back-header-btn {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .back-header-btn__row-title {
    flex-direction: column;
    justify-content: center;
  }
  .back-header-btn__title {
    width: 100%;
  }
  .back-header-btn__btn-block {
    width: 100%;
    margin-top: 16px;
  }
  .back-header-btn .page-title {
    font-size: 32px;
  }
  .back-header-btn .nav-back-block {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 992px) {
  .search-result-slider {
    animation-name: slide-in;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(0.29, 0.56, 0.75, 1.37);
  }
  @keyframes slide-in {
    from {
      left: 2000px;
      opacity: 0;
    }
    to {
      left: 351px;
      opacity: 1;
    }
  }
}
@media screen and (min-width: 1200px) {
  .search-result-slider-container {
    left: -351px;
    width: 1263px;
  }
}
.main-page-container .main-page-block .main-search-result-block .search-result-slider .result-item {
  box-shadow: 0 12px 18px 0 rgba(0, 0, 0, 0.3);
  outline: none;
  background-color: trunsparent;
}

.main-page-container .main-page-block .main-search-result-block .search-result-slider .result-item:hover {
  transform: scale(1.06);
  box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.45);
}

.main-page-container .main-page-block .main-search-result-block .search-result-slider,
.main-page-container .main-page-block .main-search-result-block .search-result-slider-container {
  width: 100%;
}

.main-page-container .main-page-block .main-search-result-block .search-result-slider .result-item:before,
.main-page-container .main-page-block .main-search-result-block .search-result-slider .result-item:after {
  border-radius: 10px;
}

.search-result-section .search-list .search-item:hover .image {
  box-shadow: none;
}

.search-result-section .search-list .search-item:hover {
  box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.4);
}

.career-intro-section {
  background-size: cover !important;
}

.cities-vacancies-section {
  overflow: hidden;
}

@media screen and (max-width: 480px) {
  body .cards-compare-slider__slide:nth-child(odd) {
    margin-left: 0;
  }
  body .cardCompareTable__block-row .cards-compare-slider {
    margin: auto;
  }
  body .cardCompareTable__carousel-container {
    margin: 0 -3px;
  }
  body .cards-compare-slider__slide {
    margin-bottom: 0;
    margin-top: 8px;
  }
  body .cards-compare-slider__slide:nth-child(1),
  body .cards-compare-slider__slide:nth-child(2) {
    margin-top: 0;
  }
  body .cardCompareTable-main {
    overflow: hidden;
    cursor: move;
  }
}
body #comparative-table-of-cards .slick-slider .cards-compare-slider__slide {
  transition: scale 0.1s linear;
}

body #comparative-table-of-cards .cardCompareTable-container .slick-list {
  cursor: pointer;
}

body .cardCompareTable-main {
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
}

body .cards-compare-slider__card-name {
  bottom: -30px;
  line-height: 1;
}

body .loan-repayment-slider .intro-slider-section,
body .corporate-slider-container .intro-slider-section {
  margin-top: 0;
  height: 500px;
}

body .loan-repayment-slider .intro-slider-section {
  margin-top: 0;
}

body .corporate-slider-container .intro-slider-section {
  height: 450px;
}

body .loan-repayment-slider .intro-slider,
body .loan-repayment-slider .intro-slider .slider-item,
body .loan-repayment-slider .intro-slider .slider-item .container {
  height: 500px;
}

body .corporate-slider-container .intro-slider,
body .corporate-slider-container .intro-slider .slider-item,
body .corporate-slider-container .intro-slider .slider-item .container {
  height: 450px;
}

body .intro-slider-section .intro-slider .slider-item .bg-image {
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-height: 580px) and (min-width: 767px) {
  body .loan-repayment-slider .intro-slider-section {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  body .loan-repayment-slider.intro-slider-section,
  body .corporate-slider-container.intro-slider-section {
    margin-top: 0;
  }
  body .loan-repayment-slider .intro-slider,
  body .loan-repayment-slider .intro-slider .slider-item,
  body .loan-repayment-slider .intro-slider .slider-item .container,
  body .loan-repayment-slider .intro-slider-section, .corporate-slider-container .intro-slider-section {
    height: 400px;
  }
  body .corporate-slider-container .intro-slider,
  body .corporate-slider-container .intro-slider .slider-item,
  body .corporate-slider-container .intro-slider .slider-item .container {
    height: 400px;
  }
}
@media screen and (max-width: 540px) {
  body .loan-repayment-slider .intro-slider-section,
  body .corporate-slider-container .intro-slider-section {
    margin-top: 0;
  }
}
body .news-section .title {
  font-size: 42px;
  padding: 0 8px;
  margin-bottom: 50px;
}

.gm-iv-address {
  position: relative;
}

.gm-iv-container,
.gm-iv-address {
  margin-top: 110px;
  height: 60px;
}

.gm-iv-marker {
  top: 22px;
  right: 5px;
}

.gm-fullscreen-control {
  top: 100px !important;
}

.gm-iv-address-link {
  position: initial;
  margin-top: 6px;
}

.gm-iv-close {
  margin-top: 17px;
}

.gm-iv-address-description,
.gm-iv-address-link {
  padding-right: 30px;
}

@media screen and (max-width: 450px) {
  .gm-iv-container,
  .gm-iv-address {
    margin-top: 70px;
  }
  .gm-fullscreen-control {
    top: initial !important;
    bottom: 140px !important;
    right: 40px !important;
  }
  .gm-bundled-control.gm-bundled-control-on-bottom {
    bottom: 130px !important;
    right: 80px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 800px) {
  .btn.yellow-btn.js-filter-btn {
    padding: 6px 15px;
  }
  .map-section .map-type-toggle input + span,
  .map-section .map-type-toggle input + span + span + span {
    font-size: 12px;
  }
}
.btn.yellow-btn.js-filter-btn {
  display: flex;
}

.js-filter-btn__icon {
  padding-left: 5px;
}

.js-filter-btn__icon-white {
  display: none;
}

.btn.yellow-btn:hover .js-filter-btn__icon-black {
  display: none;
}

.btn.yellow-btn:hover .js-filter-btn__icon-white {
  display: inline-block;
}

@media screen and (max-width: 991px) {
  .js-filter-btn__icon,
  .btn.yellow-btn:hover .js-filter-btn__icon {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .popupMainMap__title {
    font-size: 16px !important;
  }
  .popupMainMap__content-p {
    font-size: 14px !important;
  }
}
.dark-theme .download-block {
  padding-top: 0;
  margin: 20px 0;
}

.faq-section .title,
.b-useful-info .title {
  font-size: 42px;
  margin-bottom: 16px;
}

.dark-theme .faq-section .description {
  text-align: left;
  margin: 0 0 50px 0;
}

@media screen and (max-width: 767px) {
  .faq-section .title,
  .b-useful-info .title {
    font-size: 24px;
  }
  .dark-theme .faq-section .description {
    margin: 0 0 30px 0;
  }
}
.cards-slider-container {
  background-color: #f9fbfd;
  margin-bottom: 24px;
}

.packages-list .package-item {
  border: none;
  padding: 50px 0;
}

.card-catalog-section {
  padding-top: 60px;
  margin-bottom: 120px;
}

@media screen and (max-width: 767px) {
  .packages-list .package-item {
    padding: 30px 0;
  }
  .card-catalog-section {
    padding-top: 30px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  .values-section .values-list {
    justify-content: space-between;
  }
}
.contact-info-block .contacts-block .contact .title,
.contacts-info-block .contact .title,
.transfer-contacts-section .contacts-block .contact .title,
.dividends-payment-section .contacts-block .contact .title,
.custodial-service-contacts-section .contacts-block .contact .title,
.business-navigation-contacts .contact .title,
.contacts-block .contact .title {
  font-size: 22px;
  font-family: futurademic, sans-serif;
  color: #212225;
  font-weight: bold;
  margin-bottom: 28px;
  position: relative;
}

.contacts-block .contact .title:before,
.contact-info-block .contacts-block .contact .title:before,
.contacts-info-block .contact .title:before,
.transfer-contacts-section .contacts-block .contact .title:before,
.dividends-payment-section .contacts-block .contact .title:before,
.custodial-service-contacts-section .contacts-block .contact .title:before,
.business-navigation-contacts .contact .title:before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 64px;
  height: 4px;
  background-color: #e0e6ed;
}

.contacts-info-block .text,
.contacts-info-block .contact .info p,
.contact-info-block .contacts-block .contact .description p,
.transfer-contacts-section .contacts-block .contact .info p,
.dividends-payment-section .contacts-block .contact .info p,
.custodial-service-contacts-section .contacts-block .contact .info p,
.contact .description table p {
  color: #212225;
  font-size: 16px;
  font-family: futurabookc, sans-serif;
}

.contacts-info-block .small-text {
  color: #212225;
  font-family: futurabookc, sans-serif;
  font-size: 12px;
}

.contacts-block .person {
  padding-left: 30px;
  background: url(/img/contact-person.png) 0 0 no-repeat;
  line-height: 1.5;
}

.contacts-block .phone {
  padding-left: 30px;
  background: url(/img/contact-phone.png) 0 0 no-repeat;
  line-height: 1.5;
}

.contacts-block .email {
  padding-left: 30px;
  background: url(/img/contact-email.png) 0 0 no-repeat;
  line-height: 1.5;
}

.contacts-block .meest {
  padding-left: 30px;
  background: url(/img/contact-meest.png) 0 0 no-repeat;
  line-height: 1.5;
}

.contacts-block .loc {
  padding-left: 30px;
  background: url(/img/contact-loc.png) 0 0 no-repeat;
  line-height: 1.5;
}

.contacts-block .site {
  padding-left: 30px;
  background: url(/img/contact-site.png) 0 0 no-repeat;
  line-height: 1.5;
}

.contacts-block .time {
  padding-left: 30px;
  background: url(/img/contact-time.png) 0 0 no-repeat;
  line-height: 1.5;
}

.contacts-block .icon-padding {
  padding-left: 30px;
}

.contacts-block .contact .info p {
  margin-bottom: 16px;
}

.contacts-block .row .contact {
  margin-bottom: 30px;
}

.contacts-block .row .contact:last-child {
  margin-bottom: 0;
}

.dividends-payment-section .dividends-payment-container {
  padding: 48px 0;
  background-color: initial;
}

.dividends-payment-section .contacts-block .contact:first-child {
  padding-right: 30px;
}

@media screen and (max-width: 1100px) {
  .dividends-payment-section .dividends-payment-container {
    padding: 48px 20px;
  }
}
@media screen and (max-width: 767px) {
  .dividends-payment-section .dividends-payment-container {
    padding: 20px;
  }
  .contacts-block .row .contact:last-child {
    margin-bottom: 30px;
  }
  .contacts-block .row .col-md-6:last-child .contact:last-child {
    margin-bottom: 0;
  }
  .transfer-contacts-section h2 {
    margin-bottom: 30px;
  }
  .transfer-contacts-section {
    padding: 30px 0;
  }
  .dividends-payment-section .contacts-block .contact:first-child {
    padding-right: 0;
    margin-bottom: 30px;
  }
  .custodial-service-contacts-section .contacts-block .contact {
    max-width: initial;
  }
}
.contact-info-block.grey-bg {
  background-color: initial;
}

.contact-info-block_bootstrap.contact-info-block .contacts-block {
  display: initial;
}

.contact-info-block .contacts-block .contact,
.business-navigation-contacts .contact {
  max-width: 1064px;
  margin-left: 0;
  margin-right: 0;
}

.contacts-info-block .container {
  max-width: 1064px;
}

.contact-info-block .contacts-block,
.cash-collection-section .contacts-block {
  display: block;
}

.transfer-contacts-section .contacts-block .contact .info p {
  max-width: initial;
}

@media (min-width: 768px) {
  .transfer-contacts-section .contacts-block .contact {
    padding-right: 30px;
  }
}
.transfer-contacts-section .contacts-block {
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .transfer-contacts-section .contacts-block .contact {
    padding-right: 0;
  }
}
.transfer-contacts-section .contacts-block .contact {
  width: 100%;
}

.dividends-payment-section .contacts-block .contact:first-child {
  min-width: 50%;
}

.packages-list .package-item .package-description .features {
  margin-bottom: 0;
}

.packages-list .package-item .package-description .package-btns a {
  margin-top: 16px;
}

@media screen and (max-width: 550px) {
  .packages-list .package-item .package-description .package-btns .btn {
    margin-bottom: 0;
  }
}
.order-card-form-section .order-card-form-block form .form-field .description-field_step2 {
  display: flex;
  flex-direction: column;
}

.rbo-header {
  position: fixed;
  width: 100%;
  margin: auto;
  z-index: 300;
  background-color: #ffffff;
}

.rbo-header.header-shadow,
.header-shadow {
  box-shadow: 0 2px 8px 0 rgba(156, 155, 155, 0.3);
}

.btn-block-center {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.btn-block-center .btn.yellow-btn {
  padding: 6px 24px;
}

@media screen and (max-width: 550px) {
  .btn-block-center.btn.yellow-btn {
    width: 100%;
  }
}
.rbo-header-contacts_mob {
  display: none;
}

.rbo-header-contacts_mob + main {
  padding-top: 92px;
}

.rbo-header.static_header {
  position: static;
}

.section-dashboard {
  margin: 0;
  padding-top: 60px;
  padding-bottom: 100px;
}

.rbo-header.static_header + .rbo-header-contacts_mob + main {
  padding-top: 0;
}

@media screen and (max-width: 900px) {
  .rbo-header.static_header + .rbo-header-contacts_mob {
    padding-top: 0;
  }
  .rbo-header-contacts_mob {
    padding-top: 153px;
  }
  .rbo-header-contacts_mob + main {
    padding-top: 0;
  }
  .rbo-header.static_header + .rbo-header-contacts_mob .contacts {
    margin: 0;
  }
  .rbo-header-contacts_mob {
    display: flex;
  }
  .rbo-header-contacts_mob .contacts {
    display: flex;
    align-items: center;
  }
  .rbo-header-contacts_mob .contacts {
    width: 100%;
    margin: 0 0 60px 0;
    display: flex;
    justify-content: space-between;
  }
  .rbo-header-contacts_mob .container {
    padding: 0 15px;
  }
  .rbo-header-contacts_mob .contacts li.phone {
    font-family: "futurademic", sans-serif;
  }
  .rbo-header-contacts_mob .contacts li {
    font-size: 12px;
    line-height: 1.67;
    padding-left: 25px;
    margin-right: 0;
    color: #212225;
    position: relative;
  }
  .rbo-header-contacts_mob .contacts li:before {
    content: "";
    width: 17px;
    height: 17px;
    margin-top: -8px;
    position: absolute;
    left: 0;
    top: 50%;
  }
  .rbo-header-contacts_mob .contacts li.facebook:before {
    background: url(/img/facebook-rbo.svg) 50% no-repeat;
    background-size: contain;
  }
  .rbo-header-contacts_mob .contacts li.phone:before {
    background: url(/img/phone-icon.svg) 50% no-repeat;
    background-size: contain;
  }
}
@media screen and (max-width: 600px) {
  .section-dashboard {
    margin: 0;
    padding: 60px 0;
  }
}
@media screen and (max-width: 450px) {
  .rbo-header.static_header + .rbo-header-contacts_mob {
    margin-bottom: 30px;
  }
}
.main-rbo .section-new-rbo:after,
.main-rbo .section-new-advantages .container:before,
.main-rbo .section-new-advantages .container:after,
.main-rbo .section-managment-access .container:before,
.main-rbo .section-managment-access .container:after,
.main-rbo .section-workflow:before,
.main-rbo .section-workflow:after,
.main-rbo .section-all-operations .container:before,
.main-rbo .section-all-operations .container:after,
.section-new-advantages .container .wrap-img:before {
  display: none;
}

.main-rbo .section-new-rbo__after {
  display: block;
  width: 150px;
  position: absolute;
  top: -41px;
  right: 0;
  z-index: -1;
  -o-object-position: center;
     object-position: center;
}

.section-common-rbo__on_tablet {
  position: absolute;
  display: block;
  width: 406px;
  top: 30%;
  left: -35%;
  z-index: 5;
}

.main-rbo .section-common-rbo__before,
.main-rbo .section-common-rbo__after {
  display: block;
  position: absolute;
  z-index: -1;
  -o-object-position: center;
     object-position: center;
}

.main-rbo .section-new-advantages .section-common-rbo__before {
  right: -3%;
  top: 10%;
  width: 96px;
}

.main-rbo .section-new-advantages .section-common-rbo__after {
  left: 30%;
  bottom: -60%;
  width: 255px;
}

.main-rbo .section-managment-access .section-common-rbo__before {
  right: 0;
  top: -45%;
  width: 358px;
}

.main-rbo .section-managment-access .section-common-rbo__after {
  left: 33%;
  bottom: -60%;
  width: 182px;
}

.main-rbo .section-workflow .section-common-rbo__before {
  right: -12%;
  top: -3%;
  width: 430px;
}

.main-rbo .section-workflow .section-common-rbo__after {
  left: 0;
  bottom: -9%;
  width: 494px;
}

.main-rbo .section-all-operations .section-common-rbo__before {
  right: 4%;
  top: -60%;
  width: 188px;
}

.main-rbo .section-all-operations .section-common-rbo__after {
  left: 0;
  bottom: -25%;
  width: 274px;
}

@media screen and (max-width: 600px) {
  .main-rbo .section-new-rbo__after,
  .main-rbo .section-common-rbo__before,
  .main-rbo .section-common-rbo__after,
  .section-common-rbo__on_tablet {
    display: none;
  }
}
.documents-fields .ui-datepicker-trigger {
  display: none;
}

.form-datepicker + .ui-datepicker-trigger {
  display: block;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title:before {
  position: absolute;
  content: "";
  top: calc(50% - 4px);
  left: 75px;
  border-top: 8px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  pointer-events: none;
}

#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title:after {
  right: 16px;
}

#ui-datepicker-div select.ui-datepicker-month::-ms-expand,
#ui-datepicker-div select.ui-datepicker-year::-ms-expand {
  display: none;
}

.white_style,
footer.white_style,
header.white_style {
  background-color: #fff;
  background-image: none;
}

header.fixed_header .logo {
  width: 314px;
  height: 48px;
}

.page_footer,
footer.page_footer {
  padding: 0;
}

@media screen and (max-width: 767px) {
  header.fixed_header .langs {
    margin-left: 0;
  }
  header.fixed_header .logo {
    width: 160px;
  }
}
.header_size_small.header_main_fixed {
  padding: 10px 0;
}

.header_size_small.header_main_fixed + main {
  padding-top: 60px;
}

.header_main_fixed,
header.fixed_header {
  position: fixed;
  background-color: #fff;
  padding: 26px 0;
}

.dark-theme {
  padding-top: 0;
}

.dark-theme .header_main_fixed {
  background-color: #27282d;
  box-sizing: border-box;
  border-bottom: 1px solid #e0e6ed;
}

.dark-theme:before {
  display: none;
}

.dark-theme .header_main_fixed + main {
  padding-top: 123px;
}

.header_main_fixed + main,
.header_main_fixed + iframe + main,
.header_main_fixed + iframe + iframe + main,
header.fixed_header + main,
header.fixed_header + iframe + main,
header.fixed_header + iframe + iframe + main {
  padding-top: 99px;
}

.main-page-container {
  height: calc(100vh - 150px - 92px);
}

.loan-cash-slider .intro-slider-section,
.section-do-online,
main .online-service-page {
  margin-top: 0;
}

.product-page,
.loan-energy-page,
.loans-credit-history-page,
.loan-repayment-page,
.deposit-boxes-page,
.insurance-24-7-page,
.insurance-borrower-page,
.raiffeisen-pay-page,
.raiffeisen-pay-page,
.page-header-section {
  padding-top: 48px;
}

.map-section .offices-list.show-list,
.map-section .offices-list {
  max-height: calc(100vh - 270px);
}
@media (max-width: 767px) {
  .map-section .offices-list.show-list,
  .map-section .offices-list {
    max-height: calc(100vh - 310px);
  }
}

body header .langs {
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}

body header .logo,
body header.fixed_header .logo {
  margin-right: 0;
  height: 48px;
  width: auto;
}

body .rbo-header .left-part .logo > img {
  width: initial;
}

@media screen and (max-width: 900px) {
  .rbo-header .container .left-part .logo > img {
    width: initial;
  }
}
@media screen and (max-width: 767px) {
  body header .logo > img {
    height: auto;
    display: block;
  }
  body header .logo, body header.fixed_header .logo {
    width: 160px;
    max-height: 48px;
    height: auto;
    margin: 0;
  }
}
@media screen and (max-width: 900px) {
  .rbo-header .container .right-part .contacts {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .header_main_fixed,
  header.fixed_header {
    padding: 20px 0;
  }
  .header_main_fixed + main,
  .header_main_fixed + iframe + main,
  .header_main_fixed + iframe + iframe + main,
  header.fixed_header + iframe + main,
  header.fixed_header + iframe + iframe + main,
  header.fixed_header + main {
    padding-top: 80px;
  }
  .header_main_fixed + main .section-new-rbo {
    padding-top: 30px;
  }
  .dark-theme .header_main_fixed + main {
    padding-top: 110px;
  }
  .loan-cash-slider .intro-slider-section,
  .section-do-online {
    margin-top: 0;
  }
  .product-page,
  .loan-energy-page,
  .loans-credit-history-page,
  .loan-repayment-page,
  .deposit-boxes-page,
  .insurance-24-7-page,
  .insurance-borrower-page,
  .raiffeisen-pay-page,
  .page-header-section {
    padding-top: 20px;
  }
}
@media (max-width: 450px) {
  .intro-slider-section {
    margin-top: 0;
  }
}
.career-slider-section {
  max-width: 1920px;
  overflow: hidden;
  margin: auto;
}

.footer-contact-icons {
  display: flex;
  align-items: center;
}
.footer-contact-icons__link {
  text-decoration: none;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  box-shadow: 1px 2px 4px rgba(133, 164, 176, 0.3);
  margin-right: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-contact-icons__link:hover, .footer-contact-icons__link:active, .footer-contact-icons__link:focus {
  text-decoration: none;
}
.footer-contact-icons__link:last-child {
  margin-right: 0;
}
.footer-contact-icons__img {
  display: block;
  max-width: 40px;
}

@media screen and (max-width: 767px) {
  .page-title,
  .faq-section .title,
  .b-useful-info .title {
    font-size: 32px;
    line-height: 1.5;
  }
  .faq-section .title,
  .b-useful-info .title {
    text-align: center;
  }
}
.order-card-form-section .order-card-form-block form .checkbox-block label.checked:after,
.order-card-form-section .order-card-form-block form .checkbox-block label.checked.error:after {
  background: url(/img/checked.svg) center #ffef00 no-repeat;
  background-size: 65%;
  border: solid 1px #ffef00;
}

.order-card-form-section .order-card-form-block form .checkbox-block label.error:after,
.big-form-step form .checkbox-block label.error:after {
  background: transparent;
  border: solid 1px red;
}

@media screen and (max-width: 991px) {
  body header .left-part {
    width: 40%;
  }
  body header .logo {
    height: auto;
  }
  body header .logo img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  body header .left-part {
    width: 100%;
  }
}
@media screen and (max-width: 820px) {
  .main-page-container {
    padding-top: 60px;
  }
}
@media screen and (max-width: 820px) and (max-height: 400px) {
  .main-page-container {
    height: inherit;
  }
}

.deposit-top-block {
  color: #ffffff;
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
}
.deposit-top-block__title-block {
  font-family: "futurademic", sans-serif;
  line-height: 1.2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .deposit-top-block__title-block {
    flex-direction: column;
    justify-content: inherit;
    align-items: flex-start;
    margin-bottom: 30px;
  }
}
.deposit-top-block__title-main {
  font-size: 40px;
  text-align: left;
  color: #ffffff;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .deposit-top-block__title-main {
    font-size: 32px;
  }
}
.deposit-top-block__sub-title {
  font-size: 28px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .deposit-top-block__sub-title {
    font-size: 22px;
    margin-top: 10px;
  }
}
.deposit-top-block__desc {
  max-width: 50%;
}
@media screen and (max-width: 767px) {
  .deposit-top-block__desc {
    max-width: 100%;
  }
}

.order-card-form-section .order-card-form-block form .step2-form .card-image .currency-radios .radioboxes {
  border: 1px solid #eaeff3;
}

.currency-radios.invalid .radioboxes {
  border: 1px solid red !important;
}

.currency-radios .error {
  display: flex;
  justify-content: center;
  margin-top: 5px;
  color: #ed4337;
  font-family: "futurabookc", sans-serif;
  font-size: 12px;
}

.order-card-form-section .order-card-form-block form .step2-form .card-image .currency-radios .radioboxes .radiobox-block input[type=radio] + label,
.order-card-form-section .order-card-form-block form .step2-form .card-image .currency-radios .radioboxes .radiobox-block {
  height: 26px;
}

.order-card-form-section .order-card-form-block form .radiobox-block input[type=radio] + label {
  margin-bottom: 0;
}

.career-slider-section .career-photo-slider .slick-prev {
  z-index: 10;
}

.app-icons-block {
  display: flex;
  flex-wrap: wrap;
}
.app-icons-block__col {
  margin-bottom: 20px;
}
.app-icons-block__link {
  width: 100%;
  max-width: 118px;
}
.app-icons-block__link-img {
  width: 100%;
  height: auto;
  display: block;
}

.popup.popup-ib .ib-container .ib-block .apps a {
  margin: 0;
}
.popup.popup-ib .ib-container .ib-block .apps a:last-child {
  margin-right: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 430px) {
  .popup.popup-ib .ib-container .ib-block .apps a {
    margin: 0;
  }
  .app-icons-block {
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.app-icons-block.row {
  margin-left: -10px;
  margin-right: -10px;
}

.app-icons-block .app-icons-block__col {
  padding-left: 10px;
  padding-right: 10px;
}

.content-app-icons-block {
  display: flex;
}
.content-app-icons-block__link {
  max-width: 134px;
  text-decoration: none;
  width: 100%;
  margin-right: 12px;
  margin-bottom: 20px;
}
.content-app-icons-block__link:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.content-app-icons-block__link:hover {
  text-decoration: none;
}
.content-app-icons-block__img {
  display: block;
}

@media screen and (max-width: 920px) {
  .b-download__links.content-app-icons-block {
    flex-wrap: wrap;
  }
  .section-update-app__content .b-download__b-links {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .content-app-icons-block {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .content-app-icons-block__link {
    margin-right: 0;
  }
  .b-download__b-links > h5 {
    max-width: 100%;
  }
}
.premium-header .center {
  text-align: left;
}

/* Chrome, Safari, Edge, Opera */
input.format-currency::-webkit-outer-spin-button,
input.format-currency::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.format-currency[type=number] {
  -moz-appearance: textfield;
}

@media screen and (max-width: 767px) {
  .fgvfo-section {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .premium-assurance {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .product-page.fond-page.order-page .description {
    margin-bottom: 30px;
  }
}

body .mx-datepicker-popup {
  z-index: 201;
}

.mx-icon-calendar img {
  max-width: 16px;
}

.mx-icon-calendar, .mx-icon-clear {
  display: flex;
}

body footer .top-footer .footer-menu ul {
  flex-wrap: wrap;
}

@media (max-width: 1100px) {
  footer .top-footer .footer-menu {
    top: -50px;
  }
  footer .top-footer {
    padding: 70px 0 20px 0;
  }
}

.transfers-payments-section .payment-block .btn-block .text,
.insurance-24-7-intro .text .title,
.why-raiffeisen-section .bank-features .feature .text .feature-description,
.program-advantages-section .advantages .item .description,
.insurance-tariffs-section table tr td,
.insurance-tariffs-section table tr td:first-child,
.insurance-tariffs-section p,
.deposit-boxes-advantages-section .advantages-list .advantage-item .a-description,
.deposit-boxes-tariffs-section p,
.deposit-advantages-section .advantages-list .advantage-item .a-description,
.deposits-section .deposits-list .deposit-item .top-part .left-side .title,
.deposits-section .deposits-list .deposit-item .top-part .left-side .description,
.deposits-section .deposits-list .deposit-item .bottom-part .features .feature .feature-description,
.participating-section .steps-list .step .title,
.participating-section .steps-list .step .description,
.program-reliability-section .features-list .feature .description,
.transfers-payments-section .payment-block .btn-block .text,
.business-navigation-features .block-title,
.business-navigation-features h2,
.business-navigation-features .features-list .feature .text,
.business-navigation-consultation h2,
.business-navigation-consultation .list .item .title,
.business-navigation-answers h2,
.business-navigation-answers .list .item,
.transfer-section .transfer-steps .step-item .text .description,
.tariff-calculator-section .sup-block p,
.wu-banner-section .banner-hint p,
.calculation-types-section .calculation-types-list .item .text,
.calculation-types-section .calculation-types-list .item .text .description,
.affiliate-programs-advantages-section .affiliate-programs-list .affiliate-programs-item .text .description,
.salary-projects-section .project-tabs .project-tab .features-list .feature .description,
.incasso-advantages-section .advantages .item .text .description,
.factoring-advantages-section .advantages .item .text .description,
.securities-transactions-section .list .item .text .description,
.card-security-info-section .list .item .text .description,
.industry-section .industries-list .item .description p,
.industry-section .industries-list .item .description ul li,
.section-do-online__b-left > p {
  line-height: 1.2;
}

.career-intro-section h3,
.open-vacancies-section .vacancies-list .vacancy-item .position,
.open-vacancies-section .vacancies-list .vacancy-item .type,
.open-vacancies-section .vacancies-list .vacancy-item .city {
  font-size: 16px;
  line-height: 20px;
}

.success-stories-section .stories-slider .slider-item .top .info .position {
  line-height: 20px;
}

.conditions-crediting-section .table .row,
.sale-section .table .row {
  margin: 0 0 16px;
}
.conditions-crediting-section .table .row .col-right,
.sale-section .table .row .col-right {
  max-width: 714px;
}

.account-apply-form-section.press-interview .press-interview__wrap {
  background-color: #f9fbfd;
  border-radius: 16px;
}
.account-apply-form-section.press-interview .press-interview__wrap .title {
  margin-bottom: 4px;
  text-align: center;
}
.account-apply-form-section.press-interview .press-interview__wrap .description_center {
  margin-bottom: 0;
}
.account-apply-form-section.press-interview .press-interview__wrap form .top-part-form {
  max-width: 100%;
  padding: 32px 40px 48px;
}
.account-apply-form-section.press-interview .press-interview__wrap form .button-part {
  display: block;
}
.account-apply-form-section.press-interview .press-interview__wrap form .button-part .checkbox-block {
  width: 100%;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .account-apply-form-section.press-interview .press-interview__wrap {
    padding: 0 20px;
  }
  .account-apply-form-section.press-interview .press-interview__wrap .title {
    margin-bottom: 0;
    padding-bottom: 20px 0;
  }
  .account-apply-form-section.press-interview .press-interview__wrap form .top-part-form {
    padding: 24px 10px;
  }
  .account-apply-form-section.press-interview .press-interview__wrap form .button-part .checkbox-block {
    margin-bottom: 14px;
  }
}

.subscribe-section .subscribe-form .subscribe-input-wrapper {
  height: 112px;
  transition: max-width 0.4s, height 0.4s 0.4s;
}
.subscribe-section .open .subscribe-input-wrapper {
  height: 100%;
  white-space: normal;
}

@media screen and (max-width: 545px) {
  .subscribe-section .open .subscribe-input-wrapper {
    margin-bottom: 10px;
    overflow: visible;
  }
}
@media screen and (max-width: 767px) {
  .blog-form-slider .intro-slider-section .intro-slider .slider-item .container {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .blog-form-slider .intro-slider-section .intro-slider .slider-item .text .form-block form {
    margin-bottom: 10px;
  }
  .blog-form-slider .intro-slider-section .intro-slider .slider-item .back-to-main {
    position: relative;
    bottom: 0;
    left: 0;
  }
}
@media screen and (max-width: 400px) {
  .blog-form-slider .intro-slider-section {
    height: 100%;
  }
  .blog-form-slider .intro-slider-section .intro-slider {
    height: 100%;
  }
  .blog-form-slider .intro-slider-section .intro-slider .slider-item {
    height: 100%;
  }
  .blog-form-slider .intro-slider-section .intro-slider .slider-item .container {
    height: 100%;
    padding: 30px 16px;
  }
}
.packages-list .package-item .cards-slider-block .cards-slider .slider-item .image img {
  image-rendering: pixelated;
}

.map-section .map-bottom-block {
  position: fixed;
  transform: translateY(0);
  z-index: 90;
  bottom: 0;
}
.map-section .map-bottom-block .map-preloader {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(0, -100%);
  width: 130px;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-section .map-bottom-block .map-preloader .lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.map-section .map-bottom-block .map-preloader .lds-ripple div {
  position: absolute;
  border: 4px solid #000000;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.map-section .map-bottom-block .map-preloader .lds-ripple div:first-child {
  border-color: #ffef00;
}
.map-section .map-bottom-block .map-preloader .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

.map-section .offices-list.show-list {
  top: initial !important;
  bottom: 80px;
  z-index: 89;
}
@media (max-width: 767px) {
  .map-section .offices-list.show-list {
    bottom: 120px;
  }
}

.map-section .offices-list {
  z-index: 89;
}

.rbo-header .left-part .logo {
  max-width: 310px;
  min-width: 150px;
  width: 100%;
}
.rbo-header .left-part .logo img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .footer-contact-icons__link {
    width: 28px;
    height: 28px;
    margin-right: 8px;
  }
  .footer-contact-icons__link img {
    max-width: 28px;
  }
}
.deposit-article .deposit-calculator-section.calc-deposit .calc-deposit__info {
  display: none;
}

.premium-cards .packages-list .package-item .cards-slider-block .cards-slider .slick-arrow:hover, .premium-cards .packages-list .package-item .cards-slider-block .cards-slider .slick-arrowfocus {
  display: block;
}

.dark-theme.premium .intro-slider-section {
  margin-top: 0;
}

.loan-catalog-section .loan-item .description {
  min-height: 45px;
  height: auto;
}

.insurance-programs-section .programs-list .program-item {
  background-color: #E5EAEE;
}

@media screen and (max-width: 767px) {
  .map-balloon {
    padding: 18px 0px 4px 18px;
  }
}

.partner-page .partner-intro .partner-logo img {
  max-height: 40px;
}

#ui-datepicker-div {
  z-index: 901 !important;
}

.contact-section.encashment .contacts-block {
  overflow: auto;
}

.packages-list .package-item .cards-slider-block {
  position: relative;
  min-height: 168px;
}

.packages-list .package-item .cards-slider-block .cards-slider {
  height: 0;
  overflow: hidden;
}

.packages-list .package-item .cards-slider-block .cards-slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 266px;
  height: 168px;
  border-radius: 15px;
  background: url(/img/card-prewiev.svg) no-repeat center center;
}

.packages-list .package-item .cards-slider-block .cards-slider.slick-initialized {
  display: block;
  height: auto;
  overflow: visible;
}

.packages-list .package-item .cards-slider-block .cards-slider.slick-initialized::before {
  display: none;
}

@media screen and (max-width: 767px) {
  .packages-list .package-item .cards-slider-block {
    margin: auto;
  }
}
.tariff-section iframe {
  max-width: 640px;
  width: 100%;
}

.btn.transparent-yellow-btn {
  background: transparent;
  color: #FFEF00;
  border: 1px solid #FFEF00;
}
.btn.transparent-yellow-btn:hover {
  background: #000;
  border: solid 1px #000;
  color: #fff;
}

.deposits-section .deposits-list .deposit-item .bottom-part {
  align-items: center;
}
.deposits-section .deposits-list .deposit-item .bottom-part .features {
  flex-wrap: wrap;
}
.deposits-section .deposits-list .deposit-item .bottom-part .features .feature {
  flex: 0 0 40%;
  margin-bottom: 20px;
}
.deposits-section .deposits-list .deposit-item .bottom-part .btn {
  max-width: 160px;
  width: 100%;
  height: auto;
  margin-left: 20px;
  padding: 6px 15px;
}

.intro-slider-section {
  height: auto;
  min-height: 600px;
}
@media screen and (max-width: 1499px) {
  .intro-slider-section {
    min-height: 416px;
  }
}
@media screen and (max-width: 1300px) {
  .intro-slider-section {
    min-height: 350px;
  }
}
.intro-slider-section .intro-slider {
  height: 100%;
  min-height: 600px;
}
@media screen and (max-width: 1499px) {
  .intro-slider-section .intro-slider {
    min-height: 416px;
  }
}
@media screen and (max-width: 1300px) {
  .intro-slider-section .intro-slider {
    min-height: 350px;
  }
}
.intro-slider-section .intro-slider .slick-track {
  display: flex;
  align-items: stretch;
}
.intro-slider-section .intro-slider .slider-item {
  height: auto;
  min-height: 600px;
}
@media screen and (max-width: 1499px) {
  .intro-slider-section .intro-slider .slider-item {
    min-height: 416px;
  }
}
@media screen and (max-width: 1300px) {
  .intro-slider-section .intro-slider .slider-item {
    min-height: 350px;
  }
}
.intro-slider-section .intro-slider .slider-item .container {
  padding: 50px 20px 75px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 600px;
}
@media screen and (max-width: 1499px) {
  .intro-slider-section .intro-slider .slider-item .container {
    min-height: 416px;
  }
}
@media screen and (max-width: 1300px) {
  .intro-slider-section .intro-slider .slider-item .container {
    min-height: 350px;
  }
}
.intro-slider-section .intro-slider .slider-item .container .back-to-main {
  position: static;
  display: inline-block;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .intro-slider-section {
    min-height: 225px;
  }
  .intro-slider-section .intro-slider {
    min-height: 225px;
  }
  .intro-slider-section .intro-slider .slider-item {
    min-height: 225px;
  }
  .intro-slider-section .intro-slider .slider-item .container {
    height: 100%;
    min-height: 225px;
    padding: 32px 20px 24px;
  }
}
@media screen and (max-width: 767px) {
  .corporate-slider-container .intro-slider-section {
    height: 100%;
    min-height: 225px;
  }
}
@media screen and (max-width: 767px) {
  .apple-pay-page {
    height: 100%;
    min-height: 225px;
  }
  .apple-pay-page .back-to {
    position: static;
  }
}
.loan-cash-slider .intro-slider-section {
  height: 100%;
}

.info-cards__container {
  margin: auto;
  padding: 0 23px;
  max-width: 1006px;
}
.info-cards__title {
  margin-bottom: 50px;
  font-size: 40px;
  line-height: 48px;
  color: #000000;
  font-weight: 600;
  font-family: "futurademic", sans-serif;
  text-align: center;
}
.info-cards__list {
  margin: 0 -12px;
}
.info-cards__item {
  padding: 0 12px;
}
.info-cards__icon {
  max-height: 50px;
  margin-bottom: 25px;
  text-align: center;
}
.info-cards__icon img {
  display: inline-block;
}
.info-cards__text {
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  text-align: center;
}
.info-cards__title-item {
  height: 100%;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 32px;
  color: #212225;
  font-weight: 600;
  font-family: "futurademic", sans-serif;
  text-align: center;
}
.info-cards__description {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.info-cards__description > p {
  margin-bottom: 14px;
}
.info-cards__description > p:last-child {
  margin-bottom: 0;
}
.info-cards__description > ul {
  margin: auto;
  margin-bottom: 14px;
  text-align: left;
}
.info-cards__description > ul:last-child {
  margin-bottom: 0;
}
.info-cards__description > ul > li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 17px;
}
.info-cards__description > ul > li::before {
  content: "";
  position: absolute;
  top: 7.5px;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #FFEF00;
}
.info-cards__description > ul > li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .info-cards__title {
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0.6px;
  }
  .info-cards__list {
    flex-wrap: wrap;
    margin: 0 -7px -25px;
  }
  .info-cards__item {
    padding: 0 7px 25px;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .info-cards__icon {
    margin-bottom: 15px;
  }
  .info-cards__text {
    font-size: 16px;
    line-height: 20px;
  }
  .info-cards__title-item {
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 24px;
  }
  .info-cards__description {
    align-items: flex-start;
  }
  .info-cards__description > p {
    margin-bottom: 15px;
  }
  .info-cards__description > ul {
    margin-bottom: 15px;
  }
  .info-cards__description > ul > li {
    margin-bottom: 12px;
  }
}

.contacts-questions__container {
  margin: auto;
  padding: 0 23px;
  max-width: 1006px;
}
.contacts-questions__title {
  margin-bottom: 50px;
  font-size: 40px;
  line-height: 48px;
  color: #000000;
  font-weight: 600;
  font-family: "futurademic", sans-serif;
  text-align: center;
}
.contacts-questions__lists {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 680px;
  padding: 31px 72px;
  margin: auto;
  background-color: #ebecef;
  border-radius: 3px;
}
.contacts-questions__item {
  display: flex;
  align-items: center;
  flex: 0 0 calc(50% - 25px);
  width: calc(50% - 25px);
}
.contacts-questions__icon {
  flex: 0 0 26px;
  margin-right: 20px;
}
.contacts-questions__text {
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}
@media screen and (max-width: 767px) {
  .contacts-questions__title {
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0.6px;
  }
  .contacts-questions__lists {
    max-width: 680px;
    padding: 25px 37px;
  }
  .contacts-questions__text {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 575px) {
  .contacts-questions__lists {
    margin: 0 -23px;
    flex-wrap: wrap;
  }
  .contacts-questions__item {
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 15px;
  }
  .contacts-questions__item:last-child {
    margin-bottom: 0;
  }
  .contacts-questions__icon {
    margin-right: 30px;
  }
}

.section-benefits__container {
  margin: auto;
  padding: 0 23px;
  max-width: 1006px;
}
.section-benefits__title {
  margin-bottom: 50px;
  font-size: 40px;
  line-height: 48px;
  color: #000000;
  font-weight: 600;
  font-family: "futurademic", sans-serif;
  text-align: center;
}
.section-benefits__title p iframe,
.section-benefits__title p video {
  max-width: 100%;
  display: block;
  margin: auto;
}
.section-benefits__list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  margin: 0 -32px -28px;
}
.section-benefits__item {
  flex: 0 1 calc(33.3333333333% - 64px);
  width: calc(33.3333333333% - 64px);
  margin: 0 32px 28px;
}
.section-benefits__item-list {
  padding-left: 44px;
  padding-right: 0;
}
.section-benefits__item-list p {
  position: relative;
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 22px;
}
.section-benefits__item-list p::before {
  content: url(/img/check-line.svg);
  position: absolute;
  top: 0;
  left: -44px;
  width: 20px;
  height: 20px;
  font-size: 8px;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
  background: #FFEF00;
}
@media screen and (max-width: 767px) {
  .section-benefits__title {
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 32px;
    letter-spacing: 0.6px;
  }
  .section-benefits__list {
    margin: 0 -23px -30px;
  }
  .section-benefits__item {
    flex: 0 1 calc(50% - 46px);
    width: calc(50% - 46px);
    margin: 0 23px 30px;
  }
  .section-benefits__item-list {
    padding-left: 44px;
    padding-right: 0;
  }
  .section-benefits__item-list p {
    margin: 0 0 15px;
    line-height: 20px;
  }
}
@media screen and (max-width: 575px) {
  .section-benefits__item {
    flex: 0 1 100%;
    width: 100%;
  }
  .section-benefits__item-list {
    padding-top: 30px;
    padding-left: 0;
  }
  .section-benefits__item-list p::before {
    top: -30px;
    left: 0;
  }
}

.popup-cookies {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  display: none;
}
.popup-cookies.open {
  display: block;
}
.popup-cookies__b-head {
  padding: 6px 49px;
  background-color: #ffed43;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.popup-cookies__b-head .content {
  display: flex;
  align-items: center;
}
.popup-cookies__b-head .content p {
  font-family: "futurademic", sans-serif;
  line-height: 17px;
  font-size: 14px;
  color: #27282d;
  margin-right: 24px;
}
.popup-cookies__b-head .content .b_btns {
  display: flex;
  align-items: center;
}
.popup-cookies__b-head .content button {
  font: inherit;
  font-family: futurabookc, sans-serif;
  min-width: 100px;
  height: 24px;
  font-size: 14px;
  margin-right: 16px;
  line-height: 11px;
  background: white;
  color: #27282d;
  text-decoration: none;
  outline: none;
  transition: 0.3s;
  cursor: pointer;
  padding: 6px 25px;
  border-radius: 4px;
  border: 0.5px solid rgba(0, 0, 0, 0.7);
}
.popup-cookies__b-head .content button:hover {
  border-color: white;
}
.popup-cookies__b-head .content button:active {
  border-radius: 0;
}
.popup-cookies__b-head .content .toggler {
  font-family: "futurabookc", sans-serif;
  font-size: 14px;
  color: #27282d;
  text-decoration: underline;
  position: relative;
}
.popup-cookies__b-head .content .toggler span {
  font-size: 16px;
  line-height: 24px;
  color: #212225;
  font-family: futurademic, sans-serif;
  display: inline-block;
}
.popup-cookies__b-head .content .toggler:after {
  content: "";
  position: absolute;
  display: block;
  top: 10px;
  right: -19px;
  width: 11px;
  height: 6px;
  background: url("/img/down-arrow.png") 0 0 no-repeat;
}
.popup-cookies__b-head .content .toggler span + span {
  display: none;
}
.popup-cookies__b-head .content .toggler.open span:first-child {
  display: none;
}
.popup-cookies__b-head .content .toggler.open span + span {
  display: inline-block;
}
.popup-cookies__b-head .content .toggler.open:after {
  transform: rotate(180deg);
}
.popup-cookies__b-head .close {
  position: absolute;
  top: 12px;
  right: 49px;
  cursor: pointer;
}
.popup-cookies__b-content {
  padding: 0 49px 0;
  background-color: #fff484;
  height: 120px;
  font-family: "futurabookc", sans-serif;
  font-size: 14px;
  line-height: 1.43;
  color: #27282d;
  max-height: 0;
  overflow: hidden;
  transition: max-width 0.3s, padding 0.3s linear;
}
.popup-cookies__b-content.show {
  padding: 8px 49px 16px;
  max-height: 2000px;
  overflow: auto;
}
.popup-cookies__b-content.show::-webkit-scrollbar {
  display: none;
}
.popup-cookies__b-content a {
  cursor: pointer;
  color: #000;
}

@media screen and (max-width: 990px) {
  .popup-cookies__b-head {
    padding: 10px 49px;
  }
  .popup-cookies__b-head .content {
    flex-direction: column;
    align-items: flex-start;
  }
  .popup-cookies__b-head .content p {
    margin-bottom: 10px;
  }
  .popup-cookies__b-head .content .b_btns {
    margin-bottom: 10px;
  }
  .popup-cookies__b-head .content .toggler span {
    font-size: 12px;
    white-space: nowrap;
  }
}
