@-webkit-keyframes menu {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

@-ms-keyframes menu {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes menu {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes step {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(1.3);
  }
  99% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-ms-keyframes step {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(1.3);
  }
  99% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes step {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(1.3);
  }
  99% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@font-face {
  font-family: Lato-Regular;
  src: url("/css/font/Lato-Regular.ttf");
  src: url("/css/font/Lato-Regular.eot");
  src: url("/css/font/Lato-Regular.eot?#iefix") format("embedded-opentype"),
    url("/css/font/Lato-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lato-Medium;
  src: url("/css/font/Lato-Medium.ttf");
  src: url("/css/font/Lato-Medium.eot");
  src: url("/css/font/Lato-Medium.eot?#iefix") format("embedded-opentype"),
    url("/css/font/Lato-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lato-Black;
  src: url("/css/font/Lato-Black.ttf");
  src: url("/css/font/Lato-Black.eot");
  src: url("/css/font/Lato-Black.eot?#iefix") format("embedded-opentype"),
    url("/css/font/Lato-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lato-Semibold;
  src: url("/css/font/Lato-Semibold.ttf");
  src: url("/css/font/Lato-Semibold.eot");
  src: url("/css/font/Lato-Semibold.eot?#iefix") format("embedded-opentype"),
    url("/css/font/Lato-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lato-Light;
  src: url("/css/font/Lato-Light.ttf");
  src: url("/css/font/Lato-Light.eot");
  src: url("/css/font/Lato-Light.eot?#iefix") format("embedded-opentype"),
    url("/css/font/Lato-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

*::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

* {
  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;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  select {
    padding-right: 0 !important;
  }
}

img,
img:focus {
  outline: none;
}

.clear {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clearfix:after {
  content: "";
  clear: both;
  display: table;
}

.flex {
  display: flex;
}

.anchore-space {
  display: none !important;
}

ul {
  list-style: none;
  list-style-type: none;
}

textarea {
  resize: none;
}

html {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  height: auto !important;
  overflow-x: hidden;
  overflow-y: auto !important;
}

body {
  position: relative;
  font-family: Lato-Regular, sans-serif;
  margin: 0;
  padding: 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;
  min-width: 320px;
}

header,
footer {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

header .fixed-header {
  transition: 0.2s;
}

header.top .fixed-header {
  top: 63px; /* height of mobile-app-block */
}

header.top .main-menu-block,
header.top .full-menu {
  top: 103px; /* height of mobile-app-block and header */
}

main {
  margin-top: 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 100%;
  transition: 0.2s;
}

main.top {
  margin-top: 103px;
}

#BrowserBar {
  top: auto !important;
  bottom: 0 !important;
  padding: 0 !important;
  height: 40px !important;
}

#BrowserBar:after {
  display: block;
  content: "";
  height: 10px;
}

#BrowserBar:before {
  display: block;
  content: "";
  height: 10px;
}

.btn {
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  padding-left: 40px;
  /*padding-right: 70px;*/
  padding-right: 40px;
  text-align: center;
  height: 40px;
  line-height: 42px;
  color: #fefefe;
  font-size: 0.75rem;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 0.5em;
  background: rgb(134, 206, 0);
  background: -moz-linear-gradient(
    left,
    rgba(134, 206, 0, 1) 0%,
    rgba(84, 130, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(134, 206, 0, 1) 0%,
    rgba(84, 130, 0, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(134, 206, 0, 1) 0%,
    rgba(84, 130, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ce00', endColorstr='#548200', GradientType=1);
  position: relative;
  box-shadow: 0.1em 0.15em 0.15em rgba(0, 0, 0, 0.5);
  background-size: 200%;
  overflow: hidden;
}

.btn.btn-red {
  background: rgb(227, 0, 112);
  background: -moz-linear-gradient(
    left,
    rgba(227, 0, 112, 1) 0%,
    rgba(150, 0, 74, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(227, 0, 112, 1) 0%,
    rgba(150, 0, 74, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(227, 0, 112, 1) 0%,
    rgba(150, 0, 74, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30070', endColorstr='#96004a', GradientType=1);
}

.btn.btn-gray {
  background: rgb(108, 117, 125);
  background: -moz-linear-gradient(
    left,
    rgba(108, 117, 125, 1) 0%,
    rgba(183, 183, 183, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(108, 117, 125, 1) 0%,
    rgba(183, 183, 183, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(108, 117, 125, 1) 0%,
    rgba(183, 183, 183, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30070', endColorstr='#96004a', GradientType=1);
}

.btn.btn-gray:hover,
.btn.btn-gray:focus {
  background-position: initial;
  background-size: initial;
}

.btn.btn-descr {
  background: rgb(227, 0, 112);
  background: -moz-linear-gradient(
    left,
    rgba(227, 0, 112, 1) 0%,
    rgba(150, 0, 74, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(227, 0, 112, 1) 0%,
    rgba(150, 0, 74, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(227, 0, 112, 1) 0%,
    rgba(150, 0, 74, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30070', endColorstr='#96004a', GradientType=1);
}

.vip .btn.btn-red {
  background-color: #ac1a2f;
  background-image: -webkit-gradient(
    linear,
    left top,
    left top,
    color-stop(0%, #ac1a2f),
    color-stop(100% #6a101d)
  );
  background-image: -webkit-linear-gradient(left, #ac1a2f 0%, #6a101d 100%);
  background-image: -moz-linear-gradient(left, #ac1a2f 0%, #6a101d 100%);
  background-image: -ms-linear-gradient(left, #ac1a2f 0%, #6a101d 100%);
  background-image: -o-linear-gradient(left, #ac1a2f 0%, #6a101d 100%);
  background-image: linear-gradient(left, #ac1a2f 0%, #6a101d 100%);
}

.business .btn.btn-red,
.ibusiness .btn.btn-red {
  background-color: #a70f6d;
  background-image: -webkit-gradient(
    linear,
    left top,
    left top,
    color-stop(0%, #a70f6d),
    color-stop(100% #780b4e)
  );
  background-image: -webkit-linear-gradient(left, #a70f6d 0%, #780b4e 100%);
  background-image: -moz-linear-gradient(left, #a70f6d 0%, #780b4e 100%);
  background-image: -ms-linear-gradient(left, #a70f6d 0%, #780b4e 100%);
  background-image: -o-linear-gradient(left, #a70f6d 0%, #780b4e 100%);
  background-image: linear-gradient(left, #a70f6d 0%, #780b4e 100%);
}

.btn:hover,
.btn:focus {
  background-position: 98%;
  background-size: 150%;
}

.btn:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -6px;
  right: 15px;
  width: 7px;
  height: 11px;
  background: url("/img/btn-arrow.svg") 0 0 no-repeat;
}

form .input-container {
  width: 100%;
}

form .input-container textarea {
  width: 100%;
  height: 150px;
  border: 1px solid #ebebeb;
  line-height: 22px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 10px 20px;
  margin-bottom: 10px;
}

form .input-label {
  display: block;
  text-align: left;
  margin-bottom: 0.5rem;
}

form .input-field.error {
  border: 1px solid #e60d60 !important;
  background: url('../img/xmark-solid-full.svg') no-repeat right 10px center;
  background-size: 16px;
  padding-right: 30px;
}
form .input-field.success {
  border: 1px solid #81b204 !important;
  background: url('../img/check-solid-full.svg') no-repeat right 10px center;
  background-size: 16px;
  padding-right: 30px;
  box-shadow: none !important;
}

form .error-message {
  display: block;
  margin-top: -10px;
  margin-bottom: 15px;
  font-size: 0.85rem;
  color: #e60d60;
  text-align: left;
}

.request-form .error-message {
  margin-top: 5px;
  color: #e60d60 !important;
}

.form-input .error-message {
  display: block !important;
  margin-top: -6px;
}

form select.error {
  border: 1px solid #e60d60 !important;
  background: inherit !important;
}
.upload-file .error-message {
  margin-top: 0;
}

form select.success {
  background: inherit !important;
}

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"].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;
}

label.css-label {
  background: url(/img/checkbox_pustoy.svg) no-repeat 0 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input[type="checkbox"].checkbox + label.css-label {
  padding-left: 25px;
  display: inline-block;
  line-height: 20px;
  font-size: 0.875rem;
  vertical-align: middle;
  cursor: pointer;
  color: #696969;
  text-align: left;
  font-family: Lato-Medium, sans-serif;
}

input[type="checkbox"].checkbox:checked + label.css-label {
  background-image: url(/img/checkbox.svg);
  font-weight: 500;
}

input[type="checkbox"].checkbox.error + label.css-label {
  background-image: url(/img/checkbox_pustoy_red.svg);
  color: #e60d60;
}

input[type="radio"].radio + label.css-label {
  padding-left: 25px;
  display: inline-block;
  line-height: 20px;
  font-size: 0.875rem;
  vertical-align: middle;
  cursor: pointer;
  color: #696969;
  text-align: left;
  font-family: Lato-Medium, sans-serif;
  background: url(/img/radiobox.png) no-repeat 0 0;
}

input[type="radio"].radio:checked + label.css-label {
  background-image: url(/img/radiobox1.png);
  font-weight: 500;
}

.container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
}

.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 6444;
}

.fixed-header .container {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  padding: 0;
}

.fixed-header .full-menu-btn {
  display: none !important;
  width: 60px;
  background: #fff;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  height: 40px;
}

.fixed-header .full-menu-btn .hint {
  position: absolute;
  font-size: 0.625rem;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 2px;
}

.fixed-header .full-menu-btn span {
  display: block;
  position: absolute;
  height: 2px;
  width: 10px;
  background: #86ce00;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;

  animation: menu 3s infinite;
  animation-timing-function: linear;
  -webkit-animation: menu 3s infinite;
  -webkit-animation-timing-function: linear;
}

.fixed-header .full-menu-btn span:nth-child(even) {
  left: 30px;
}

.fixed-header .full-menu-btn span:nth-child(odd) {
  left: 20px;
}

.fixed-header .full-menu-btn span:nth-child(1),
.fixed-header .full-menu-btn span:nth-child(2) {
  top: 10px;
}

.fixed-header .full-menu-btn span:nth-child(3),
.fixed-header .full-menu-btn span:nth-child(4) {
  top: 15px;
}

.fixed-header .full-menu-btn span:nth-child(5),
.fixed-header .full-menu-btn span:nth-child(6) {
  top: 20px;
}

.fixed-header .full-menu-btn.open span:nth-child(1),
.fixed-header .full-menu-btn.open span:nth-child(6) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  animation: inherit;
  -webkit-animation: inherit;
}

.fixed-header .full-menu-btn.open span:nth-child(2),
.fixed-header .full-menu-btn.open span:nth-child(5) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  animation: inherit;
  -webkit-animation: inherit;
}

.fixed-header .full-menu-btn.open span {
  animation: inherit;
  -webkit-animation: inherit;
}

.fixed-header .full-menu-btn.open span:nth-child(1) {
  left: 21px;
  top: 12px;
}

.fixed-header .full-menu-btn.open span:nth-child(2) {
  left: calc(50% - 2px);
  top: 12px;
}

.fixed-header .full-menu-btn.open span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

.fixed-header .full-menu-btn.open span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.fixed-header .full-menu-btn.open span:nth-child(5) {
  left: 21px;
  top: 19px;
}

.fixed-header .full-menu-btn.open span:nth-child(6) {
  left: calc(50% - 2px);
  top: 19px;
}

.fixed-header .header-btns {
  display: flex;
  width: 160px;
}

.fixed-header .header-btns a {
  width: 40px;
  height: 40px;
  position: relative;
  display: block;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.fixed-header .header-btns .lang {
  width: 40px;
  height: 40px;
  position: relative;
  display: block;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  line-height: 40px;
  text-decoration: none;
  font-size: 0.6875rem;
  color: #effeff;
  font-family: Lato-Black, sans-serif;
  text-align: center;
  cursor: pointer;
}

.fixed-header .header-btns .lang.open {
  background: rgb(0, 0, 0);
}

.fixed-header .header-btns .lang ul {
  position: absolute;
  top: 40px;
  left: 0;
  width: 39px;
  min-height: 40px;
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.7);
  z-index: -1;
  -moz-transform: translateY(-120px);
  -ms-transform: translateY(-120px);
  -webkit-transform: translateY(-120px);
  -o-transform: translateY(-120px);
  transform: translateY(-120px);
  -webkit-transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
}

.fixed-header .header-btns .lang.open ul {
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  z-index: 5555;
}

.fixed-header .header-btns .lang ul li {
  height: 40px;
  text-align: center;
}

.fixed-header .header-btns .lang ul li:first-child {
  border-bottom: 1px solid #000;
}

.fixed-header .header-btns .lang ul li a {
  color: #fff;
  width: 40px;
  height: 39px;
  display: inline-block;
  line-height: 40px;
  border: none;
  text-decoration: none;
  font-size: 0.6875rem;
  text-transform: uppercase;
  font-family: Lato-Black, sans-serif;
}

.fixed-header .header-btns .lang ul li a:hover {
  color: #119b9d;
}

.fixed-header .header-btns a.offices:before {
  content: "";
  display: block;
  /*background: url('/img/place.png') 0 0 no-repeat;*/
  background: url("/img/sprite-header.png") 0 center no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
}

.fixed-header .header-btns a.callback:before {
  content: "";
  display: block;
  /*background: url('/img/callback.png') 0 0 no-repeat;*/
  background: url("/img/sprite-header.png") -20px center no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
}

.fixed-header .header-btns a.skype:before {
  content: "";
  display: block;
  background: url("/img/skype.png") 0 0 no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -7px;
  margin-top: -7px;
}

.fixed-header .header-btns a.feedback:before {
  content: "";
  display: block;
  /*background: url('/img/feedback.png') 0 0 no-repeat;*/
  background: url("/img/sprite-header.png") -40px center no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
}

.fixed-header .contact-center {
  width: 160px;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  justify-content: center;
  flex-wrap: wrap;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
}

.fixed-header .contact-center .phone {
  color: #86ce00;
  font-size: 0.875rem;
  display: block;
  text-align: center;
  width: 100%;
  text-decoration: none;
}

.fixed-header .contact-center .open-contacts {
  content: "";
  display: block;
  width: 20px;
  height: 40px;
  background: url(/img/strelka_white_down_11x7.svg) center no-repeat;
  top: 50%;
  right: 6px;
  margin-top: -20px;
  transform: rotate(0deg);
  position: absolute;
  transition: all 0.2s linear;
  cursor: pointer;
  user-select: none;
}

.fixed-header .contact-center.open .open-contacts {
  transform: rotate(-180deg);
}

.fixed-header .contact-center .other-contacts {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.fixed-header .contact-center .other-contacts .contact-item {
  padding: 5px 0;
}

.fixed-header .contact-center .other-contacts .contact-item:first-child {
  display: none;
  padding-bottom: 0;
}

.fixed-header .contact-center .other-contacts .contact-item .phone {
  color: #fff;
}

.fixed-header .contact-center.open .other-contacts {
  max-height: 200px;
}

.fixed-header .contact-center .text {
  color: #effeff;
  font-size: 0.5625rem;
  display: block;
  text-align: center;
  width: 100%;
}

.vip .fixed-header .contact-center .phone {
  color: #fff;
}

.fixed-header .contact-center > .text {
  height: 0;
  overflow: hidden;
  transition: all 0.2s linear;
}

.fixed-header .contact-center.open > .text {
  height: 11px;
}

.fixed-header .header-search {
  width: 190px !important;
  padding: 0 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.fixed-header .header-search form {
  position: relative;
}

.fixed-header .header-search form input[type="text"],
.fixed-header .header-search form input[type="tel"] {
  color: #effeff;
  font-size: 0.875rem;
  line-height: 39px;
  height: 40px;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  display: block;
  width: 100%;
  padding-right: 20px;
  background: none;
}

.fixed-header .header-search form button {
  position: absolute;
  display: block;
  border: none;
  background: url("/img/poisk.svg") center no-repeat;
  width: 20px;
  height: 20px;
  top: 10px;
  right: 0;
}

.fixed-header .header-toggle.about-bank {
  position: relative;
  display: block;
  width: 265px;
}

.fixed-header .header-toggle.about-bank:after {
  content: "";
  display: block;
  background: url("/img/bank.svg") 0 0 no-repeat;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -9px;
}

.fixed-header .header-toggle {
  width: 225px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
}

.fixed-header .header-toggle.i-bank {
  background: url("/img/i-bank.svg") 11px center no-repeat #e30070;
}

.fixed-header .header-toggle .hint {
  position: absolute;
  font-size: 0.625rem;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 2px;
  display: none;
}

.vip .fixed-header .header-toggle.i-bank {
  background: url("/img/i-bank.svg") 11px center no-repeat #ac1a2f;
}

.business .fixed-header .header-toggle.i-bank,
.ibusiness .fixed-header .header-toggle.i-bank {
  background: url("/img/i-bank.svg") 11px center no-repeat #a70f6d;
}

.fixed-header .header-toggle > span,
.fixed-header .header-toggle .enter-block > span {
  display: block;
  font-size: 0.875rem;
  line-height: 40px;
  font-family: Lato-Black, sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.55);
  font-weight: 600;
  color: #effeff;
  padding-left: 40px;
  position: relative;
  z-index: 10;
  cursor: pointer;
}

.fixed-header .header-toggle .header-list {
  padding: 5px 0;
}

.fixed-header .header-toggle .header-item {
  text-decoration: none;
}

.fixed-header .header-toggle .header-item span {
  position: relative;
  display: block;
  padding: 5px 10px;
  font-family: Lato-Black, sans-serif;
  font-size: 0.875rem;
  color: #effeff;
  line-height: 1.25;
  text-transform: capitalize;
  -webkit-transition: all 0.15s ease 0s;
  transition: all 0.15s ease 0s;
  cursor: pointer;
  z-index: 10;
}

.fixed-header .header-toggle .header-item:hover span {
  color: #537f29;
}

@media (max-width: 839px) {
  .fixed-header .header-toggle span {
    padding-left: 0px;
  }
}

.fixed-header .header-toggle:before {
  content: "";
  display: block;
  width: 11px;
  height: 7px;
  background: url("/img/strelka_white_down_11x7.svg") 0 0 no-repeat;
  top: 50%;
  right: 10px;
  margin-top: -5px;
  transform: rotate(0deg);
  -webkit-transition: all 0.15s ease 0s;
  transition: all 0.15s ease 0s;
  position: absolute;
}

.fixed-header .header-toggle.i-bank.open {
  background: url("/img/header-toggle.svg") 11px center no-repeat #e30070;
}

.fixed-header .header-toggle.open:before {
  transform: rotate(-180deg);
}

.fixed-header .header-toggle .enter-block {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  background: rgba(61, 61, 61, 0.85);
  z-index: -1;
  -moz-transform: translateY(-110%);
  -ms-transform: translateY(-110%);
  -webkit-transform: translateY(-110%);
  -o-transform: translateY(-110%);
  transform: translateY(-110%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.fixed-header .header-toggle .enter-block > span {
  display: none;
}

.fixed-header .header-toggle .enter-block .user-type {
  text-align: center;
  padding: 15px 10px;
}

.fixed-header .header-toggle .enter-block .user-type .title {
  text-transform: uppercase;
  font-size: 0.6875rem;
  line-height: 14px;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  color: #effeff;
  margin-bottom: 10px;
}

.fixed-header .header-toggle .enter-block .user-type .btn {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.625rem;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  color: #effeff;
  display: block;
  height: 22px;
  line-height: 22px;
  width: 110px;
  margin: 0 auto 10px;
}

.fixed-header .header-toggle .enter-block .user-type .reg {
  font-size: 0.6875rem;
  line-height: 14px;
  font-family: Lato-Semibold, sans-serif;
  color: #effeff;
  text-transform: capitalize;
  display: inline-block;
}

.fixed-header .header-toggle.open .enter-block {
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}

.fixed-header .mobile-logo {
  display: none;
  background: url("/img/mobile-logo.svg") center no-repeat;
  width: 60px;
  height: 40px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.fixed-header .mobile-i-bank {
  display: none;
  background: url(/img/i-bank.svg) center no-repeat;
  width: 60px;
  height: 40px;
}

.full-menu {
  position: fixed;
  left: 0;
  right: 0;
  top: 40px;
  /*bottom: 0;*/
  height: 0;
  overflow: hidden;
  width: 100%;
  background: #fff;
  z-index: 4444;
  -webkit-transition: height 0.3s ease 0s;
  transition: height 0.3s ease 0s;
}

.full-menu.open {
  height: calc(100% - 40px);
}

.full-menu .container {
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  height: 100%;
}

.full-menu .full-main-menu {
  width: 270px;
  border-right: 1px solid #e3e3e3;
}

.full-menu .full-main-menu > li {
  height: 60px;
  display: flex;
  align-items: center;
  border-left: 2px solid transparent;
  padding: 0 15px;
}

.full-menu .full-main-menu > li.hover {
  border-left: 2px solid #86ce00;
  background: #f8f8f7;
}

.vip .full-menu .full-main-menu > li:hover,
.vip .full-menu .full-main-menu > li.hover {
  border-left: 2px solid #ac1a2f;
}

.full-menu .full-main-menu > li > a {
  text-decoration: none;
  color: #484848;
  font-size: 1.125rem;
  line-height: 20px;
  font-family: Lato-Medium, sans-serif;
}

.full-menu .full-main-menu > li .submenu {
  position: absolute;
  top: 30px;
  left: 290px;
  width: calc(100% - 310px);
  width: -webkit-calc(100% - 310px);
  padding: 0 15px 0 25px;
  display: none;
  flex-wrap: wrap;
  bottom: 30px;
  align-content: flex-start;
}

.vip-agricole-dropdown-wrap {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.full-menu .full-main-menu > li.hover .submenu {
  display: flex;
}

.full-menu .full-main-menu > li .submenu .submenu-item {
  margin-right: 10px;
  width: calc(33.333% - 10px);
  width: -webkit-calc(33.333% - 10px);
  margin-bottom: 20px;
}

.full-menu .full-main-menu > li .submenu .submenu-item .subtitle {
  color: #86ce00;
  font-size: 1rem;
  line-height: 20px;
  text-decoration: none;
  font-family: Lato-Black, sans-serif;
  display: inline-block;
  margin-bottom: 10px;
}

.vip .full-menu .full-main-menu > li .submenu .submenu-item .subtitle {
  color: #ac1a2f;
}

.full-menu .full-main-menu > li .submenu .submenu-item ul {
}

.full-menu .full-main-menu > li .submenu .submenu-item ul li {
  margin-bottom: 5px;
}

.full-menu .full-main-menu > li .submenu .submenu-item ul li a {
  color: #030400;
  font-size: 0.875rem;
  line-height: 18px;
  text-decoration: none;
  font-family: Lato-Light, sans-serif;
}

.full-menu .full-main-menu > li .submenu .submenu-item ul li a:hover {
  text-decoration: underline;
}

.main-menu-block {
  display: flex;
  position: fixed;
  top: 80px;
  width: 960px;
  left: 50%;
  margin-left: -480px;
  background: rgba(134, 206, 0, 0.9);
  background: -moz-linear-gradient(
    left,
    rgba(134, 206, 0, 0.9) 0%,
    rgba(117, 181, 0, 0.9) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(134, 206, 0, 0.9) 0%,
    rgba(117, 181, 0, 0.9) 100%
  );
  background: linear-gradient(
    to right,
    rgba(134, 206, 0, 0.9) 0%,
    rgba(117, 181, 0, 0.9) 100%
  );
  z-index: 6;
  -webkit-transition-property: top, oveflow;
  transition-property: top, oveflow;
  -webkit-transition: 0.3s ease 0s;
  transition: 0.3s ease 0s;
  overflow: hidden;
}

.main-menu-block.stick {
  top: 40px;
}

.main-menu-block.show-sub-menu {
  overflow: visible;
}

.main-menu-block.active .menu-item.active .sub-menu,
.main-menu-block:hover .menu-item.active .sub-menu {
  visibility: visible;
  opacity: 1;
}

.main-menu-block.active .menu-item.active > a,
.main-menu-block:hover .menu-item.active > a {
  border-color: #fff;
}

.main-menu-block .logo {
  width: 60px;
  height: 60px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.main-menu-block:hover .logo,
.main-menu-block.active .logo {
  width: 160px;
  height: 160px;
}

.main-menu-block .logo img {
  max-width: 100%;
  max-height: 100%;
}

.main-menu-list {
  width: calc(100% - 60px);
  width: -webkit-calc(100% - 60px);
  padding: 15px 30px 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
}

.main-menu-block:hover .main-menu-list,
.main-menu-block.active .main-menu-list {
  width: calc(100% - 160px);
  width: -webkit-calc(100% - 160px);
}

.main-menu-list .sub-menu-item-options .sub-menu-item {
  flex-direction: column;
  align-content: center !important;
  width: 110px;
  cursor: pointer;
}

.main-menu-list .menu-options-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 5px;
}

.main-menu-list .menu-options-btn > i {
  margin-bottom: 5px;
  width: 4px;
  height: 4px;
  border-radius: 5px;
  background-color: #40463b;
  -webkit-transition: all 0.15s ease 0s;
  transition: all 0.15s ease 0s;
}

.main-menu-list .sub-menu-item-options .sub-menu-item:hover i {
  background-color: #fff;
}

.main-menu-list .menu {
  display: flex;
  justify-content: space-between;
}

.main-menu-block:hover .main-menu-list .menu,
.main-menu-block.active .main-menu-list .menu {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.main-menu-list .menu .menu-item {
  min-width: 85px;
}

.main-menu-list .menu .menu-item > a {
  text-align: center;
  text-decoration: none;
  color: #181818;
  font-size: 0.625rem;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  line-height: 14px;
  width: 100%;
  height: 100%;
  min-width: 85px;
  padding: 10px 15px;
  display: block;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 0.15s ease 0s;
  transition: all 0.15s ease 0s;
}

.main-menu-list .menu .menu-item:hover > a,
.main-menu-list .menu .menu-item.active > a {
  color: #fefefe;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.main-menu-list .menu .menu-item .sub-menu {
  display: none;
  top: 43px;
  width: 735px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility, opacity 0.25s ease 0.15s;
  transition: visibility, opacity 0.25s ease 0.15s;
}

.main-menu-list .menu .menu-item.active .sub-menu {
  position: absolute;
  left: 10px;
  display: flex;
  flex-direction: row;
  margin-top: 35px;
  margin-bottom: 0;
  width: 790px;
  visibility: visible;
  opacity: 1;
}

.main-menu-list .menu .menu-item .sub-menu .submenu-slider {
  width: 735px;
  margin-bottom: 0;
  margin-top: 30px;
  display: none;
}

.vip .main-menu-list .menu .menu-item .sub-menu {
  top: 50px;
}

.vip-agricole-dropdown-wrap .sub-sub-menu__vip {
  position: absolute;
  background: linear-gradient(
    to right,
    rgba(172, 26, 47, 0.9) 0%,
    rgba(150, 23, 41, 0.9) 100%
  );
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  padding: 20px;
  height: auto;
  min-height: auto;
  visibility: hidden;
  opacity: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  -webkit-transition: all 0.15s ease 0.15s;
  transition: all 0.15s ease 0.15s;
  z-index: 1;
}

.vip-agricole-dropdown-wrap .sub-sub-menu__vip:hover {
  opacity: 1;
  visibility: visible;
}

.vip-agricole-dropdown-wrap .sub-sub-menu__vip.visible {
  opacity: 1;
  visibility: visible;
}

.sub-sub-menu.sub-sub-menu__vip .sub-sub-menu-item {
  text-decoration: none;
  font-size: 0.875rem;
  font-family: Lato-Black, sans-serif;
  line-height: 1.25;
  color: #fff;
  -webkit-transition: all 0.15s ease 0s;
  transition: all 0.15s ease 0s;
}

.sub-sub-menu.sub-sub-menu__vip .sub-sub-menu-item:hover {
  text-decoration: underline;
}

.main-menu-block.main-menu-block__vip.show-sub-menu {
  overflow: visible;
}

.sub-sub-menu.sub-sub-menu__vip ul.sub-sub-menu-list li:not(:last-child) {
  margin-bottom: 10px;
}

.main-menu-list .menu .menu-item .sub-menu .submenu-slider.slick-initialized {
  display: block;
}

.main-menu-list .menu .menu-item.sub-menu .submenu-slider .slick-slide {
  width: 98px;
}

.main-menu-list .menu .menu-item .sub-menu .submenu-slider .slick-prev,
.main-menu-list .menu .menu-item .sub-menu .submenu-slider .slick-next {
  text-indent: -99999px;
  width: 30px;
  height: 30px;
  top: 50%;
  margin-top: -15px;
}

.main-menu-list .menu .menu-item .sub-menu .submenu-slider .slick-disabled {
  display: none !important;
}

.main-menu-list .menu .menu-item .sub-menu .submenu-slider .slick-next {
  background: url(/img/news-slider-next.svg) center no-repeat;
  right: -30px;
}

.main-menu-list .menu .menu-item .sub-menu .submenu-slider .slick-prev {
  background: url(/img/news-slider-prev.png) center no-repeat;
  left: -30px;
}

.main-menu-list .menu .menu-item .sub-menu .sub-menu-item {
  position: relative;
  text-align: center;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  max-width: 111px;
  min-height: 80px;
  padding: 0 5px;
  -webkit-transition: all 0.15s ease 0s;
  transition: all 0.15s ease 0s;
  z-index: 2;
}

.main-menu-list .menu .menu-item .sub-menu .sub-menu-item::before {
  content: "";
  position: absolute;
  bottom: -3px;
  right: 0;
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transition: all 0.15s ease 0s;
  transition: all 0.15s ease 0s;
  background-color: transparent;
}

.main-menu-list .menu .menu-item .sub-menu .sub-menu-item .img {
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.main-menu-list .menu .menu-item .sub-menu .sub-menu-item .img img {
  width: 95px;
  height: 60px;
  display: inline-block;
  position: relative;
  transform: translateY(-50%);
}

.main-menu-list .menu .menu-item .sub-menu .sub-menu-item:hover .img img,
.main-menu-list .menu .menu-item .sub-menu .sub-menu-item.active .img img {
  transform: translateY(0%);
}

.main-menu-list
  .menu
  .menu-item
  .sub-menu
  .sub-menu-item.has-children:hover::before,
.main-menu-list
  .menu
  .menu-item
  .sub-menu
  .sub-menu-item.has-children.active::before {
  background-color: #fff;
}

.main-menu-list .menu .menu-item .sub-menu .sub-menu-item span {
  text-decoration: none;
  color: #181818;
  font-size: 0.625rem;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  line-height: 14px;
  text-transform: uppercase;
  position: relative;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.55);
  display: block;
  height: 30px;
  -webkit-transition: all 0.15s ease 0s;
  transition: all 0.15s ease 0s;
}

.main-menu-list .menu .menu-item .sub-menu .sub-menu-item:hover span,
.main-menu-list .menu .menu-item .sub-menu .sub-menu-item.active span {
  color: #fefefe;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.main-menu-list .menu .menu-item .sub-menu .sub-sub-menu {
  position: absolute;
  top: 100%;
  right: 0;
  left: -10px;
  display: flex;
  flex-direction: row;
  padding: 20px;
  height: auto;
  min-height: auto;
  visibility: hidden;
  opacity: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  background: linear-gradient(
    to right,
    rgba(134, 206, 0, 0.9) 0%,
    rgba(117, 181, 0, 0.9) 100%
  );
  -webkit-transition: all 0.15s ease 0.15s;
  transition: all 0.15s ease 0.15s;
  z-index: 1;
}

.ibusiness .sub-sub-menu {
  background: linear-gradient(
    to right,
    rgba(72, 91, 120, 0.9) 0%,
    rgba(51, 69, 96, 0.9) 100%
  ) !important;
}

.corp .sub-sub-menu {
  background: linear-gradient(
    to right,
    rgba(105, 116, 122, 0.9) 0%,
    rgba(76, 85, 91, 0.9) 100%
  ) !important;
}

.agro .sub-sub-menu {
  background: linear-gradient(
    to right,
    rgba(0, 169, 108, 0.9) 0%,
    rgba(0, 179, 128, 0.9) 100%
  ) !important;
}

.main-menu-list .menu .menu-item .sub-menu .sub-sub-menu-list {
  position: relative;
  display: flex;
  flex-direction: column;
}

.main-menu-list
  .menu
  .menu-item
  .sub-menu
  .sub-sub-menu-list:not(:first-child) {
  margin-left: auto;
  padding-left: 20px;
  padding-right: 60px;
  max-width: 210px;
}

.main-menu-list
  .menu
  .menu-item
  .sub-menu
  .sub-sub-menu-list:not(:first-child):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.25);
}

.main-menu-list .menu .menu-item .sub-menu .sub-menu-item:hover + .sub-sub-menu,
.main-menu-list .menu .menu-item .sub-menu .sub-sub-menu:hover {
  visibility: visible;
  opacity: 1;
}

.main-menu-list .menu .menu-item .sub-menu .sub-sub-menu .sub-sub-menu-item {
  display: flex;
  flex-direction: row;
}

.main-menu-list .menu .menu-item .sub-menu .sub-sub-menu .sub-sub-menu-item,
.main-menu-list
  .menu
  .menu-item
  .sub-menu
  .sub-sub-menu
  .sub-sub-menu-item-label {
  text-decoration: none;
  font-size: 0.875rem;
  font-family: Lato-Black, sans-serif;
  line-height: 1.25;
  color: #fff;
  -webkit-transition: all 0.15s ease 0s;
  transition: all 0.15s ease 0s;
}

.main-menu-list
  .menu
  .menu-item
  .sub-menu
  .sub-sub-menu
  .sub-sub-menu-item-icon {
  margin-right: 10px;
  width: 40px;
  height: 40px;
}

.main-menu-list .menu .menu-item .sub-menu .sub-sub-menu li:not(:last-child) {
  margin-bottom: 10px;
}

.main-menu-list
  .menu
  .menu-item
  .sub-menu
  .sub-sub-menu
  .sub-sub-menu-item:hover {
  text-decoration: underline;
}

.main-menu-list .menu .menu-item .sub-menu .sub-sub-menu .no-hover:hover {
  text-decoration: none;
}

.main-menu-list
  .menu
  .menu-item
  .sub-menu
  .sub-sub-menu
  .sub-sub-menu-item-main
  .sub-sub-menu-item-label {
  font-weight: 600;
  text-transform: uppercase;
}

footer {
  background: #eeeeee;
  padding: 50px 0;
}

footer .footer-menu {
  display: flex;
  flex-wrap: wrap;
}

footer .footer-menu .section-menu {
  width: 33.33%;
  padding-right: 30px;
  margin-bottom: 0;
}

footer .footer-menu .section-menu .section-title {
  color: #86cd00;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 18px;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: inline-block;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
  border-bottom: 2px solid transparent;
}

footer .footer-menu .section-menu .section-title:hover {
  border-bottom: 2px solid #81b204;
}

footer .footer-menu .section-menu .section-submenu {
}

footer .footer-menu .section-menu .section-submenu li {
  margin-bottom: 8px;
}

footer .footer-menu .section-menu .section-submenu li a {
  color: #7e7e7e;
  font-size: 1rem;
  line-height: 20px;
  text-decoration: none;
  text-transform: inherit;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}

footer .copy-logo {
  display: flex;
  justify-content: space-between;

  gap: 15px;
}

footer .copy-logo .copy {
  font-size: 0.8125rem;
  color: #aaaaaa;
  font-family: Lato-Medium, sans-serif;
  line-height: 22px;
}
/*  */
footer .copy-logo .copy-info {
  width: 46%;
}

footer .copy-logo .footer-app {
  width: 26%;
}

footer .copy-logo .footer-logo {
  width: 28%;
}
/*  */
footer .footer-app__header {
  font-size: 0.875rem;
  color: #aaaaaa;
  font-family: Lato-Medium, sans-serif;
  line-height: 30px;
}

footer .footer-app__body {
  display: flex;
}

footer .android.footer-app__item {
  margin-right: 20px;
}

footer .copy-logo .copy a {
  color: #aaaaaa;
}

footer .copy-logo .footer-logo {
  height: 50px;
}

footer .copy-logo .footer-logo img {
  /* max-width: 290px; */
  width: 290px;
  max-width: 100%;
  display: inline-block;
  height: auto;
}

footer .footer-contacts-block {
  background: rgb(134, 206, 0);
  background: -moz-linear-gradient(
    left,
    rgba(134, 206, 0, 1) 0%,
    rgba(117, 181, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(134, 206, 0, 1) 0%,
    rgba(117, 181, 0, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(134, 206, 0, 1) 0%,
    rgba(117, 181, 0, 1) 100%
  );

  height: 50px;
  padding: 5px 20px;
  margin-bottom: 30px;
  display: flex;
  justify-content: space-between;
  position: relative;
}

footer .footer-contacts-block:before {
  content: "";
  position: absolute;
  bottom: -15px;

  width: 249px;
  height: 15px;
  background: url(/img/shadows.png) no-repeat 0 -15px;
  background-size: 249px 30px;
  left: 0;
}

footer .footer-contacts-block:after {
  content: "";
  position: absolute;
  bottom: -15px;
  width: 249px;
  height: 15px;
  right: 0;
  background: url(/img/shadows.png) no-repeat;
  background-size: 249px 30px;
}

footer .footer-contacts-block a {
  color: #fff;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 40px;
  text-decoration: none;
  display: inline-block;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  position: relative;
  padding-left: 35px;
}

footer .footer-contacts-block a.offices:after {
  position: absolute;
  content: "";
  display: block;
  background: url("/img/place-footer.png") 0 0 no-repeat;
  width: 20px;
  height: 28px;
  top: 50%;
  left: 10px;
  margin-top: -14px;
}

footer .footer-contacts-block a.contact-center:after {
  position: absolute;
  content: "";
  display: block;
  background: url("/img/phone-footer.png") 0 0 no-repeat;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 10px;
  margin-top: -12px;
}

footer .footer-contacts-block a.feedback {
  padding-left: 50px;
}

footer .footer-contacts-block a.feedback:after {
  position: absolute;
  content: "";
  display: block;
  background: url("/img/mail-footer.png") 0 0 no-repeat;
  width: 34px;
  height: 24px;
  top: 50%;
  left: 10px;
  margin-top: -12px;
}

footer .footer-contacts-block .social-links {
  /*border-left:1px solid rgba(0,82,55,0.13);*/
  padding-left: 20px;
  margin-left: 0;
}

footer .footer-contacts-block .social-links a {
  padding-left: 0;
  vertical-align: top;
  margin: 0 5px;
}

footer .footer-contacts-block .social-links a.in {
  width: 40px;
  height: 40px;
}

footer .footer-contacts-block .social-links a.in:after {
  position: absolute;
  content: "";
  display: block;
  background: url("/img/in.svg") 0 0 no-repeat;
  width: 22px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -7px;
}

footer .footer-contacts-block .social-links a.fb {
  width: 40px;
  height: 40px;
}

footer .footer-contacts-block .social-links a.fb:after {
  position: absolute;
  content: "";
  display: block;
  background: url("/img/facebook-footer.png") 0 0 no-repeat;
  width: 14px;
  height: 24px;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -7px;
}

footer .footer-contacts-block .social-links a.twitter {
  width: 40px;
  height: 40px;
}

footer .footer-contacts-block .social-links a.twitter:after {
  position: absolute;
  content: "";
  display: block;
  background: url("/img/twitter-footer.png") 0 0 no-repeat;
  width: 27px;
  height: 23px;
  top: 50%;
  left: 50%;
  margin-top: -11px;
  margin-left: -14px;
}

footer .footer-contacts-block .social-links a.youtube {
  width: 40px;
  height: 40px;
}

footer .footer-contacts-block .social-links a.youtube:after {
  position: absolute;
  content: "";
  display: block;
  background: url("/img/youtube.svg") 0 0 no-repeat;
  width: 27px;
  height: 28px;
  top: 50%;
  left: 50%;
  margin-top: -14px;
  margin-left: -14px;
}

footer .footer-contacts-block .social-links a.instagram {
  width: 40px;
  height: 40px;
}

footer .footer-contacts-block .social-links a.instagram:after {
  position: absolute;
  content: "";
  display: block;
  background: url("/img/instagram.svg") 0 0 no-repeat;
  width: 27px;
  height: 28px;
  top: 50%;
  left: 50%;
  margin-top: -14px;
  margin-left: -14px;
}

footer .footer-contacts-block a.faq:after {
  position: absolute;
  content: "";
  display: block;
  background: url("/img/faq.png") 0 0 no-repeat;
  width: 28px;
  height: 28px;
  top: 50%;
  left: 5px;
  margin-top: -14px;
}

.slick-prev:focus-visible,
.slick-next:focus-visible,
.slick-dots li button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

.main-slider-block {
  width: 100%;
  height: 600px;
}

.main-slider-block .main-slider {
  height: 600px;
  margin-bottom: 0;
}

.main-slider-block .main-slider .slider-item {
  position: relative;
  height: 600px;
  overflow: hidden;
  padding-top: 300px;
  cursor: pointer;
}

.main-slider-block .main-slider .slider-item img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 600px;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  z-index: 1;
}

.main-slider-block .main-slider .slider-item .container {
  z-index: 5;
  position: relative;
}

.main-slider-block .main-slider .slider-item .text {
  color: #fff;
  font-size: 2.25rem;
  line-height: 46px;
  font-family: Lato-Black, sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  padding-right: 25%;
  margin-bottom: 50px;
}

.vip .main-slider-block .main-slider .slider-item .text {
  font-family: Lato-Regular, sans-serif;
  font-size: 2.875rem;
  margin-bottom: 30px;
}

.main-slider-block .main-slider .slider-item .description {
  font-size: 1.125rem;
  line-height: 24px;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  padding-right: 25%;
  margin-bottom: 50px;
}

.main-slider-block .main-slider .slick-dots {
  bottom: 95px;
  left: 50%;
  width: auto;
  transform: translate(-50%, 0);
}

.main-slider-block .main-slider .slick-dots li {
  width: 16px;
  height: 16px;
  margin: 0 10px;
}

.main-slider-block .main-slider .slick-dots li button {
  width: 16px;
  height: 16px;
  padding: 0;
}

.main-slider-block .main-slider .slick-dots li button:before {
  background: #fff;
  border-radius: 50%;
  opacity: 1;
  content: "";
  width: 10px;
  height: 10px;
  margin-top: 3px;
  margin-left: 3px;
}

.main-slider-block .main-slider .slick-dots li.slick-active button:before {
  background: #86ce00;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin: 0;
}

.vip .main-slider-block .main-slider .slick-dots li.slick-active button:before {
  background: #ac1a2f;
}

.business
  .main-slider-block
  .main-slider
  .slick-dots
  li.slick-active
  button:before {
  background: #006c50;
}

.ibusiness
  .main-slider-block
  .main-slider
  .slick-dots
  li.slick-active
  button:before {
  background: #485b78;
}

.corp
  .main-slider-block
  .main-slider
  .slick-dots
  li.slick-active
  button:before {
  background: #596268;
}

.agro
  .main-slider-block
  .main-slider
  .slick-dots
  li.slick-active
  button:before {
  background: #16b789;
}

.main-slider-block .main-slider .slick-prev,
.main-slider-block .main-slider .slick-next {
  text-indent: -99999px;
  width: 50px;
  height: 50px;
  top: 50%;
  margin-top: -25px;
  /*background: rgba(0,0,0,0.3);
    border-radius: 50%;*/
}

.main-slider-block .main-slider .slick-prev {
  /*background: url("/img/main-slider-left.png") 15px no-repeat ;*/
  left: 50%;
  margin-left: -560px;
}

.main-slider-block .main-slider .slick-prev:after {
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 3px;
  background: #8ac818;
  transform: rotate(-45deg);
  top: 13px;
  left: 9px;
  position: absolute;
  opacity: 1;
}

.main-slider-block .main-slider .slick-prev:before {
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 3px;
  background: #8ac818;
  transform: rotate(45deg);
  top: 32px;
  left: 9px;
  position: absolute;
  opacity: 1;
}

.main-slider-block .main-slider .slick-next {
  /*background: url("/img/main-slider-right.png") 20px no-repeat ;*/
  right: 50%;
  margin-right: -560px;
}

.main-slider-block .main-slider .slick-next:after {
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 3px;
  background: #8ac818;
  transform: rotate(45deg);
  top: 13px;
  left: 11px;
  position: absolute;
  opacity: 1;
}

.main-slider-block .main-slider .slick-next:before {
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  border-radius: 3px;
  background: #8ac818;
  transform: rotate(-45deg);
  top: 32px;
  left: 11px;
  position: absolute;
  opacity: 1;
}

.business .main-slider-block .main-slider .slick-prev:after,
.business .main-slider-block .main-slider .slick-prev:before,
.business .main-slider-block .main-slider .slick-next:after,
.business .main-slider-block .main-slider .slick-next:before {
  background: #006c50;
}

.ibusiness .main-slider-block .main-slider .slick-prev:after,
.ibusiness .main-slider-block .main-slider .slick-prev:before,
.ibusiness .main-slider-block .main-slider .slick-next:after,
.ibusiness .main-slider-block .main-slider .slick-next:before {
  background: #485b78;
}

.corp .main-slider-block .main-slider .slick-prev:after,
.corp .main-slider-block .main-slider .slick-prev:before,
.corp .main-slider-block .main-slider .slick-next:after,
.corp .main-slider-block .main-slider .slick-next:before {
  background: #5e6569;
}

.agro .main-slider-block .main-slider .slick-prev:after,
.agro .main-slider-block .main-slider .slick-prev:before,
.agro .main-slider-block .main-slider .slick-next:after,
.agro .main-slider-block .main-slider .slick-next:before {
  background: #16b789;
}

.vip .main-slider-block .main-slider .slick-prev:after,
.vip .main-slider-block .main-slider .slick-prev:before,
.vip .main-slider-block .main-slider .slick-next:after,
.vip .main-slider-block .main-slider .slick-next:before {
  background: #ac1a2f;
}

.main-3-columns {
  background: #eeeeee;
  padding-bottom: 60px;
  position: relative;
  z-index: 5;
}

.main-3-columns .container {
  display: flex;
  justify-content: space-between;
}

.main-3-columns .column3 {
  width: calc(33.333% - 20px);
  width: -webkit-calc(33.333% - 20px);
  position: relative;
  background: #fff;
  margin-top: -80px;
}

.main-3-columns .column3 .title {
  background: rgba(0, 0, 0, 0.7);
  padding: 20px 10px;
}

.main-3-columns .column3 .title span {
  height: 40px;
  line-height: 20px;
  border-left: 2px solid #fff;
  padding-left: 5px;
  font-size: 1rem;
  display: block;
  color: #fff;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.main-3-columns .column3 .title span small {
  font-size: 1rem;
  text-transform: none;
  font-family: Lato-Semibold, sans-serif;
  display: block;
}

.main-3-columns .column3 .body {
  padding: 20px 10px;
}

.main-3-columns .column3 .body .date {
  font-size: 0.75rem;
  font-family: Lato-Semibold, sans-serif;
  color: #86cd00;
  line-height: 18px;
  margin-bottom: 20px;
}

.main-3-columns .column3 .body .exchange-rates-table {
  margin-bottom: 20px;
}

.main-3-columns .column3 .body .exchange-rates-table table {
  width: 100%;
}

.main-3-columns .column3 .body .exchange-rates-table table thead {
}

.main-3-columns .column3 .body .exchange-rates-table table thead tr {
}

.main-3-columns .column3 .body .exchange-rates-table table thead tr td {
  color: #696969;
  font-size: 0.875rem;
  font-family: Lato-Medium, sans-serif;
  background: #f3f3f3;
  padding: 10px;
  text-align: center;
}

.main-3-columns .column3 .body .exchange-rates-table table tbody {
}

.main-3-columns .column3 .body .exchange-rates-table table tbody tr {
}

.main-3-columns .column3 .body .exchange-rates-table table tbody tr td {
  color: #696969;
  font-size: 0.875rem;
  font-family: Lato-Bold, sans-serif;
  padding: 24px 10px;
  text-align: center;
  border-top: 1px solid #c2c2c2;
}

.main-3-columns .column3 .body .exchange-rates-table table tbody tr td .up {
  background: url(/img/strelka_red.svg) 0 0 no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-left: 2px;
}

.main-3-columns .column3 .body .exchange-rates-table table tbody tr td .down {
  background: url(/img/strelka_green.svg) 0 0 no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-left: 2px;
}

.main-3-columns .column3 .body .exchange-rates-table table tbody tr td .down {
}

.main-3-columns
  .column3
  .body
  .exchange-rates-table
  table
  tbody
  tr:first-child
  td {
  border-top: none;
}

.main-3-columns
  .column3
  .body
  .exchange-rates-table
  table
  tbody
  tr
  td:first-child {
  font-family: Lato-Black, sans-serif;
}

.main-3-columns .column3 .body .full-list-exchange-rates {
  text-align: center;
}

.main-3-columns .column3 .body .full-list-exchange-rates a {
  /*color: #86cd00;
    font-size: 16px;
    line-height: 20px;*/
}

.main-3-columns .column3 .body .news-item {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  border-top: 1px solid #c2c2c2;
  padding-top: 10px;
  margin-top: 10px;
}

.main-3-columns .column3 .body .news-item:first-child {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}

.main-3-columns .column3 .body .news-item .icon {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  background: #86cd00;
  margin-top: 20px;
}

.main-3-columns .column3 .body .news-item:hover .icon {
  /*background: #86cd00;*/
}

.main-3-columns .column3 .body .news-item .text {
  width: calc(100% - 55px);
  width: -webkit-calc(100% - 55px);
  display: flex;
  flex-wrap: wrap;
}

.main-3-columns .column3 .body .news-item .text .type {
  color: #86cd00;
  font-size: 0.625rem;
  font-family: Lato-Medium, sans-serif;
  line-height: 10px;
  margin-bottom: 10px;
  width: 50%;
}

.main-3-columns .column3 .body .news-item .text .date {
  color: #86cd00;
  font-size: 0.625rem;
  font-family: Lato-Medium, sans-serif;
  line-height: 10px;
  margin-bottom: 10px;
  text-align: right;
  width: 50%;
}

.main-3-columns .column3 .body .news-item .text .short-text {
  color: #696969;
  font-family: Lato-Medium, sans-serif;
  font-size: 0.875rem;
  line-height: 20px;
  height: 40px;
  width: 100%;
  overflow: hidden;
}

.main-3-columns .column3.special-offer .body {
  padding: 0;
}

.main-3-columns .column3.special-offer .slick-prev,
.main-3-columns .column3.special-offer .slick-next {
  text-indent: -99999px;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
}

.main-3-columns .column3.special-offer .slick-prev {
  background: url("/img/pag-prev.png") center no-repeat;
  left: -3px;
}

.main-3-columns .column3.special-offer .slick-next {
  background: url("/img/pag-next.png") center no-repeat;
  right: -3px;
}

.main-3-columns .column3.special-offer .slick-dots {
  bottom: -10px;
}

.main-3-columns .column3.special-offer .slick-dots li {
  width: 16px;
  height: 16px;
  margin: 0 5px;
}

.main-3-columns .column3.special-offer .slick-dots li button {
  width: 16px;
  height: 16px;
  padding: 0;
}

.main-3-columns .column3.special-offer .slick-dots li button:before {
  background: #dadada;
  border-radius: 50%;
  opacity: 1;
  content: "";
  width: 10px;
  height: 10px;
  margin-top: 3px;
  margin-left: 3px;
}

.main-3-columns
  .column3.special-offer
  .slick-dots
  li.slick-active
  button:before {
  background: #86ce00;
  border-radius: 50%;
}

.main-3-columns .column3.special-offer .body img {
  margin-bottom: 30px;
  max-width: 100%;
}

.main-3-columns .column3.special-offer .body .offer-more {
  text-align: center;
  margin-bottom: 30px;
}

.main-3-columns .column3.exchange-rates:before {
  content: "";
  position: absolute;
  bottom: -15px;
  width: 249px;
  height: 15px;
  background: url(/img/shadows.png) no-repeat 0 -15px;
  background-size: 249px 30px;
  left: 0;
}

.main-3-columns .column3.special-offer:after {
  content: "";
  position: absolute;
  bottom: -15px;
  width: 249px;
  height: 15px;
  right: 0;
  background: url(/img/shadows.png) no-repeat;
  background-size: 249px 30px;
}

.main-calculator-block {
  display: none;
  padding: 50px 0;
  background: #fff;
  border-bottom: 1px solid #eeeeee;
}

.main-calculator-block .block-title {
  margin-bottom: 20px;
}

.main-calculator-block .calculator-type-tabs {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.main-calculator-block .calculator-type-tab {
  color: #bfbfbf;
  font-size: 1.125rem;
  line-height: 30px;
  font-family: Lato-Medium, sans-serif;
  text-decoration: none;
  border-bottom: 1px solid #d0d0d0;
  padding: 0 30px;
  position: relative;
}

.main-calculator-block .calculator-type-tab:hover {
  color: #555558;
}

.main-calculator-block .calculator-type-tab.active {
  color: #555558;
}

.main-calculator-block .calculator-type-tab.active:before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 10px;
  right: 10px;
  height: 2px;
  background: #86cd00;
}

.main-calculator-block .calculator-block.credit-block {
  display: none;
  background: none;
  padding: 0;
}

.calculator-block {
  display: flex;
  justify-content: space-between;
}

.calculator-block .calculator .calculator-currency-tabs {
  display: flex;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .calculator-block .calculator .calculator-currency-tabs {
    flex-wrap: wrap;
    gap: 10px;
  }
}

.calculator-block
  .calculator
  .calculator-currency-tabs
  .calculator-currency-tab {
  text-decoration: none;
  color: #555558;
  font-size: 0.75rem;
  font-family: Lato-Medium, sans-serif;
  margin-right: 30px;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  min-width: max-content;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  border-radius: 0.5em;
  position: relative;
  border: 1px solid #d7d7d7;
  background: transparent;
  box-shadow: 0.1em 0.15em 0.15em transparent;
}

.calculator-block
  .calculator
  .calculator-currency-tabs
  .calculator-currency-tab.active,
.calculator-block
  .calculator
  .calculator-currency-tabs
  .calculator-currency-tab:hover {
  border: none;
  color: #ffffff;
  height: 40px;
  line-height: 40px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0.1em 0.15em 0.15em rgba(0, 0, 0, 0.5);
  background: rgb(134, 206, 0);
  background: -moz-linear-gradient(
    left,
    rgba(134, 206, 0, 1) 0%,
    rgba(84, 130, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(134, 206, 0, 1) 0%,
    rgba(84, 130, 0, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(134, 206, 0, 1) 0%,
    rgba(84, 130, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ce00', endColorstr='#548200', GradientType=1);
  background-size: 199%;
}

.calculator-block > form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.calculator-block .calculator {
  width: calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
}

.calculator-block .calculator .calculator-slider-block {
  margin-bottom: 10px;
}

.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider-title {
  color: #696969;
  font-size: 1rem;
  line-height: 24px;
  font-family: Lato-Medium, sans-serif;
}

.calculator-block .calculator .calculator-slider-block .calculator-slider {
  display: flex;
  justify-content: space-between;
  align-content: center;
  position: relative;
  flex-wrap: wrap;
}

.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .slider-points {
  width: calc(100% - 180px);
  width: -webkit-calc(100% - 180px);
  display: flex;
  justify-content: space-between;
  margin-top: -10px;
}

.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .slider-points
  .point {
  position: relative;
  color: #696969;
  font-size: 0.625rem;
  line-height: 12px;
  height: 12px;
  width: 35px;
  text-align: center;
}

.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .slider-points
  .point:after {
  position: absolute;
  content: "\002D9";
  top: -5px;
  left: 50%;
  font-size: 1.25rem;
  margin-left: -4px;
}

.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .slider-points
  .point:first-child {
  text-align: center;
  margin-left: -14px;
}

.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .slider-points
  .point:first-child:after {
  /*left:0;
    margin-left: 0;*/
}

.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .slider-points
  .point:last-child {
  text-align: center;
  margin-right: -14px;
}

.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .slider-points
  .point:last-child:after {
  /*left:100%;
    margin-left: -6px;*/
}

.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .slider {
  width: calc(100% - 180px);
  width: -webkit-calc(100% - 180px);
  height: 6px;
  border: 1px solid #ebebeb;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  margin-top: 22px;
}

.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .slider.ui-slider-horizontal
  .ui-slider-range-min {
  background: #86cd00;
}

.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .slider.ui-slider-horizontal
  .ui-slider-handle {
  height: 20px;
  display: block;
  width: 35px;
  border-radius: 3px;
  top: -8px;
  border: none;
  margin-left: -17px;
  background: rgb(134, 206, 0);
  background: -moz-linear-gradient(
    left,
    rgba(134, 206, 0, 1) 0%,
    rgba(84, 130, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(134, 206, 0, 1) 0%,
    rgba(84, 130, 0, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(134, 206, 0, 1) 0%,
    rgba(84, 130, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ce00', endColorstr='#548200', GradientType=1);
  position: relative;
  box-shadow: 0.1em 0.15em 0.15em rgba(0, 0, 0, 0.5);
  background-size: 200%;
}

.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .slider.ui-slider-horizontal
  .ui-slider-handle:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 15px;
  display: block;
  width: 5px;
  height: 8px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .slider.ui-slider-horizontal
  .ui-slider-handle:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 18px;
  display: block;
  width: 1px;
  height: 8px;
  background: #fff;
}

.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .input-field {
  width: 150px;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.5rem;
  text-align: center;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
}

.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .input-select {
  width: 150px;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.5rem;
  text-align: center;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
}

.calculator-block .calculator .calculator-checkboxes {
  display: flex;
  flex-wrap: wrap;
}

.calculator-block .calculator .calculator-checkboxes .calculator-checkbox {
  margin-bottom: 10px;
  width: 50%;
  padding-right: 20px;
}

.calculator-block
  .calculator
  .calculator-checkboxes
  .calculator-checkbox
  .input-field {
  width: 260px;
  height: 30px;
  border: 1px solid #ebebeb;
  line-height: 28px;
  color: #696969;
  font-size: 0.875rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  margin-left: 25px;
  margin-top: 15px;
  padding: 0 20px;
}

.calculator-block .payroll {
  width: 270px;
  text-align: center;
}

.calculator-block .payroll > .title {
  color: #7e7e7e;
  font-size: 1rem;
  line-height: 20px;
  font-family: Lato-Medium, sans-serif;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.calculator-block .payroll .payroll-block {
  padding: 20px;
  margin-bottom: 20px;
  background: #f7ffe8;
}

.calculator-block .payroll .payroll-block .title {
  font-size: 0.875rem;
  line-height: 18px;
  font-family: Lato-Medium, sans-serif;
  margin-bottom: 10px;
  text-align: center;
  color: #333;
}

.calculator-block .payroll .payroll-block .title span {
  font-size: 0.75rem;
}

.calculator-block .payroll .payroll-block .number {
  font-size: 1.5rem;
  line-height: 30px;
  font-family: Lato-Semibold, sans-serif;
  text-align: center;
  color: #333;
  margin-bottom: 20px;
}

.calculator-block .payroll .payroll-block .number span {
  font-size: 1.125rem;
}

.block-title {
  margin-bottom: 50px;
}

.block-title span,
.block-title h1 {
  color: #555558;
  font-size: 1.5rem;
  line-height: 25px;
  font-family: Lato-Black, sans-serif;
  text-transform: uppercase;
  padding: 0 0 0 15px;
  border-left: 2px solid #86cd00;
  display: flex;
  min-height: 50px;
  align-items: center;
  margin: 0;
}

.choose-department-block {
  text-align: center;
}

.choose-department {
  padding: 10px;
  font-size: 1.375rem;
  line-height: 22px;
  color: #555558;
  display: inline-block;
  cursor: pointer;
}

.departments-explain {
  margin-bottom: 30px;
}
.departments-explain__title {
  margin-bottom: 10px;
  color: #555558;
}
.departments-explain__desc {
  color: #555558;
}

.breadcrumbs {
  margin-bottom: 50px;
}

.breadcrumbs a {
  color: #808080;
  text-decoration: none;
  display: inline-block;
  font-size: 0.75rem;
  line-height: 16px;
  font-family: Lato-Light, sans-serif;
}

.breadcrumbs span {
  color: #808080;
  display: inline-block;
  margin: 0 5px;
  font-size: 0.75rem;
  line-height: 16px;
  font-family: Lato-Light, sans-serif;
}

.breadcrumbs span:last-child {
  color: #86ce00;
}

.fast-links-block {
  padding: 50px 0;
  background: #fff;
}

.fast-links-block .container {
  display: flex;
  justify-content: space-between;
}

.fast-links-block .fast-link {
  text-decoration: none;
  display: block;
  width: 110px;
}

.fast-links-block .fast-link .icon {
  height: 80px;
  text-align: center;
  margin-bottom: 10px;
}

.fast-links-block .fast-link .icon img {
  width: 80px;
  max-height: 100%;
}

.fast-links-block .fast-link .text {
  text-align: center;
  color: #7e7e7e;
  font-size: 0.75rem;
  line-height: 18px;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.world-mastercard {
  position: fixed;
  left: -230px;
  top: 50%;
  -moz-transform: translateY(calc(-50% - 90px));
  -ms-transform: translateY(calc(-50% - 90px));
  -webkit-transform: translateY(calc(-50% - 90px));
  -o-transform: translateY(calc(-50% - 90px));
  transform: translateY(calc(-50% - 90px));
  height: 270px;
  display: flex;
  z-index: 55;
  border-radius: 0 10px 10px 0;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.7);
  -webkit-transition: left 0.3s ease 0s;
  transition: left 0.3s ease 0s;
}

.chat-bot {
  position: fixed;
  top: 50%;
  -moz-transform: translateY(calc(-50% + 155px));
  -ms-transform: translateY(calc(-50% + 155px));
  -webkit-transform: translateY(calc(-50% + 155px));
  -o-transform: translateY(calc(-50% + 155px));
  transform: translateY(calc(-50% + 155px));
  height: 160px;
  display: flex;
  z-index: 55;
  border-radius: 0 10px 10px 0;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.7);
  -webkit-transition: left 0.3s ease 0s;
  transition: left 0.3s ease 0s;
  transition-delay: 0.4s;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .world-mastercard {
    position: fixed;
    left: -230px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -90px;
    height: 270px;
    display: flex;
    z-index: 55;
    border-radius: 0 10px 10px 0;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.7);
    -webkit-transition: left 0.3s ease 0s;
    transition: left 0.3s ease 0s;
  }

  .chat-bot {
    position: fixed;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 155px;
    height: 160px;
    display: flex;
    z-index: 55;
    border-radius: 0 10px 10px 0;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.7);
    -webkit-transition: left 0.3s ease 0s;
    transition: left 0.3s ease 0s;
    transition-delay: 0.4s;
  }
}

.chat-bot.hide {
  left: -51px;
  -webkit-transition: left 0.3s ease 0s;
  transition: left 0.3s ease 0s;
}

@media (max-width: 839px) {
  .chat-bot {
    display: none;
  }

  .main-slider-block .main-slider .slider-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 600px;
  }
}

.world-mastercard.open {
  left: 0;
}

.world-mastercard .left-side {
  background: #fff;
  padding: 30px;
  width: 230px;
}

.world-mastercard .left-side .title {
  color: #4a4a4a;
  font-size: 1rem;
  line-height: 20px;
  text-align: center;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 40px;
}

.world-mastercard .left-side .icons {
  margin-bottom: 40px;
}

.world-mastercard .left-side .enter {
  text-align: center;
}

.world-mastercard .left-side .enter a {
  color: #86cd00;
  font-size: 1rem;
  line-height: 20px;
  font-family: Lato-Semibold, sans-serif;
  margin: 0 10px;
}

.world-mastercard .right-side,
.chat-bot .right-side {
  width: 50px;
  height: 270px;
  background: rgb(117, 181, 0);
  background: -moz-linear-gradient(
    left,
    rgba(117, 181, 0, 1) 0%,
    rgba(134, 206, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(117, 181, 0, 1) 0%,
    rgba(134, 206, 0, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(117, 181, 0, 1) 0%,
    rgba(134, 206, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#75b500', endColorstr='#86ce00', GradientType=1);
  border-radius: 0 10px 10px 0;
  position: relative;
  cursor: pointer;
}

.business .chat-bot .right-side {
  background-color: #006c50;
  background-image: -webkit-gradient(
    linear,
    right top,
    right top,
    color-stop(0%, #006c50),
    color-stop(100% #01543f)
  );
  background-image: -webkit-linear-gradient(right, #006c50 0%, #01543f 100%);
}

.corp .chat-bot .right-side {
  background-color: #69747a;
  background-image: -webkit-gradient(
    linear,
    right top,
    right top,
    color-stop(0%, #69747a),
    color-stop(100% #535d63)
  );
  background-image: -webkit-linear-gradient(right, #69747a 0%, #535d63 100%);
}

.ibusiness .chat-bot .right-side {
  background-color: #485b78;
  background-image: -webkit-gradient(
    linear,
    right top,
    right top,
    color-stop(0%, #485b78),
    color-stop(100% #394965)
  );
  background-image: -webkit-linear-gradient(right, #485b78 0%, #394965 100%);
}

.agro .chat-bot .right-side {
  background-color: #00a96c;
  background-image: -webkit-gradient(
    linear,
    right top,
    right top,
    color-stop(0%, #00a96c),
    color-stop(100% #008854)
  );
  background-image: -webkit-linear-gradient(right, #00a96c 0%, #008854 100%);
}

.vip .chat-bot .right-side {
  background-color: #ac1a2f;
  background-image: -webkit-gradient(
    linear,
    right top,
    right top,
    color-stop(0%, #ac1a2f),
    color-stop(100% #801323)
  );
  background-image: -webkit-linear-gradient(right, #ac1a2f 0%, #801323 100%);
}

.chat-bot .right-side {
  height: 160px;
  position: relative;
}

.world-mastercard .right-side:after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: 50%;
  width: 9px;
  height: 14px;
  background: url(/img/strelka_white_right.svg) 0 0 no-repeat;
  margin-left: -5px;
}

.world-mastercard.open .right-side:after,
.chat-bot.open .right-side:after {
  transform: rotate(-180deg);
}

.world-mastercard .right-side span,
.chat-bot .right-side span {
  position: absolute;
  left: 50%;
  transform: rotate(-90deg) translate(-210px, -52%);
  transform-origin: top left;
  display: block;
  width: 160px;
  text-align: center;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.2em;
}

.chat-bot .right-side span {
  width: 100px;
  position: relative;
}

.chat-bot .right-side span::after {
  content: "";
  position: absolute;
  width: 29px;
  height: 26px;
  left: -34px;
  top: 50%;
  background: url(/images/chat_icon.png) 50% 50% no-repeat;
  background-size: cover;
  transform: translateY(-50%);
}

.chat-bot .right-side span {
  transform: rotate(-90deg) translate(-105px, -54%);
  line-height: 1.2em;
}

.world-mastercard .right-side span strong,
.chat-bot .right-side span strong {
  font-size: 1rem;
}

.chat-bot-content {
  display: block;
  position: fixed;
  left: -335px;
  z-index: 100;
  border-radius: 0 10px 10px 0;
  bottom: 51px;
  width: 335px;
  max-width: 90%;
  background-color: #f4f4f4;
  -webkit-transition: left 0.4s ease 0s;
  transition: left 0.4s ease 0s;
}

.chat-bot-content.open {
  display: block;
  left: 0;
  -webkit-transition: left 0.4s ease 0s;
  transition: left 0.4s ease 0s;
  transition-delay: 0.4s;
}

.chat-bot-content.enter-name {
  height: 205px;
  background-color: #ffffff;
}

.chat-bot-header {
  position: relative;
  font-size: 1.125rem;
  line-height: 40px;
  border-radius: 0 10px 0 0;
  color: #ffffff;
  text-align: center;
  background-color: #4c4c4c;
}

.chat-bot-header span {
  position: relative;
  padding-left: 26px;
}

.chat-bot-header span::after {
  content: "";
  position: absolute;
  width: 29px;
  height: 26px;
  left: -10px;
  top: 50%;
  background: url(/images/chat_icon.png) 50% 50% no-repeat;
  background-size: cover;
  transform: translateY(-50%);
}

.chat-bot-close {
  position: absolute;
  cursor: pointer;
  right: 12px;
  top: 12px;
  width: 16px;
  height: 16px;
  background: url(/images/cancel-chat.png) 50% 50% no-repeat;
  background-size: cover;
}

.chat-bot-main {
  display: flex;
  flex-direction: column;
  padding: 24px;
  height: 282px;
  overflow-y: auto;
}

.chat-bot-main figure {
  width: 90%;
  margin: 0;
}

.chat-bot-main figure:nth-of-type(odd) {
  align-self: flex-start;
}

.chat-bot-main figure:nth-of-type(even) {
  align-self: flex-end;
}

.chat-bot-main figure {
  width: 90%;
  margin: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .chat-bot-main figure {
    flex-shrink: 0;
  }
}

.chat-bot-main::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

.chat-bot-main::-webkit-scrollbar {
  width: 3px;
  background-color: #f5f5f5;
}

.chat-bot-main::-webkit-scrollbar-thumb {
  background-color: #4c4c4c;
}

.chat-bot-main .massage {
  padding: 12px;
  color: #666666;
  font-size: 0.875rem;
  line-height: 18px;
  border-radius: 10px;
  position: relative;
}

.chat-bot-main .massage {
  margin-bottom: 25px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.chat-bot-main .massage[data-writer="bot"] {
  background-color: #dcefbf;
}

.chat-bot-main figure .massage[data-writer="bot"]:first-of-type::after {
  content: "";
  z-index: 4;
  position: absolute;
  left: -20px;
  top: 6px;
  width: 20px;
  height: 23px;
  background: url(/images/Shape_1.png) 50% 50% no-repeat;
  background-size: cover;
}

.chat-bot-main .massage[data-writer="person"] {
  background-color: #ffffff;
  text-align: right;
}

.chat-bot-main figure .massage[data-writer="person"]:first-of-type::after {
  content: "";
  z-index: 4;
  position: absolute;
  right: -20px;
  top: 6px;
  width: 20px;
  height: 23px;
  background: url(/images/Shape_2.png) 50% 50% no-repeat;
  background-size: cover;
}

.chat-bot-footer {
  padding: 22px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 0 0 10px 0;
}

.chat-bot-footer .input-field {
  width: 84%;
  padding: 0 0 0 15px;
  display: block;
  margin: 0 auto;
  margin-bottom: 22px;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 0.875rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
}

.chat-bot-footer .input-field::placeholder {
  font-size: 1.125rem;
}

@media (max-width: 480px) {
  .chat-bot-content {
    top: auto;
    bottom: 51%;
    transform: translateY(50%);
    left: -100%;
    width: 100%;
    max-width: 100%;
    height: calc(100% - 90px);
    max-height: calc(100% - 90px);
  }

  .chat-bot-main {
    height: calc(100% - 171px);
  }

  .chat-bot-footer {
    padding: 10px;
  }
}

.sidebar-menu {
  position: fixed;
  width: 280px;
  right: -230px;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: flex;
  flex-wrap: wrap;
  padding-top: 50px;
  border-radius: 10px 0 0 10px;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.7);
  -webkit-transition: right 0.3s ease 0s;
  transition: right 0.3s ease 0s;
  overflow: hidden;
  background: #fff;
  z-index: 55;
}

.js-rightside-menu.open {
  right: 0;
}

.left-sidebar-menu.sidebar-menu.open {
  left: 0;
}

.sidebar-menu:after {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 9px;
  height: 14px;
  background: url(/img/strelka_white_right.svg) 0 0 no-repeat;
  transform: rotate(-180deg);
  z-index: 3;
}

.sidebar-menu.open:after {
  transform: rotate(0deg);
}

.sidebar-menu:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50px;
  z-index: 1;
  background: rgb(134, 206, 0);
  background: -moz-linear-gradient(
    left,
    rgba(134, 206, 0, 1) 0%,
    rgba(117, 181, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(134, 206, 0, 1) 0%,
    rgba(117, 181, 0, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(134, 206, 0, 1) 0%,
    rgba(117, 181, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ce00', endColorstr='#75b500', GradientType=1);

  cursor: pointer;
}

.sidebar-menu .trigger {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50px;
  z-index: 5;
  background: transparent;
  cursor: pointer;
}

.sidebar-menu .sidebar-item {
  display: flex;
  height: 50px;
  position: relative;
  text-decoration: none;
  z-index: 2;
  width: 280px;
}

.sidebar-menu .sidebar-item .icon {
  width: 50px;
  height: 50px;
  position: relative;
}

.sidebar-menu .sidebar-item .icon img {
  position: absolute;
  top: 50%;
  left: 25px;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.sidebar-menu .sidebar-item .text {
  color: #4a4a4a;
  font-size: 0.875rem;
  width: calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
  height: 50px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  border-top: 1px solid #e1e1e1;
}

.sidebar-menu .sidebar-item:hover .text {
  background: #f9fbf2;
}

.sidebar-menu .sidebar-item:first-child .text {
  border-top: none;
}

.first-section {
  padding-top: 200px;
  height: 580px;
}

.empty-space {
  height: 710px;
}

.empty-space2 {
  height: 580px;
}

.top-section {
  height: 480px !important;
}

.top-video-section {
  height: 360px !important;
}

.subscribe-section {
  padding-top: 200px !important;
  height: 560px !important;
}

.first-section .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.first-section .container .text {
  width: 100%;
  font-size: 2.25rem;
  line-height: 46px;
  color: #fff;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.first-section .container .text h1 {
  font-size: 2.25rem;
  line-height: 46px;
  font-family: Lato-Black, sans-serif;
  text-transform: uppercase;
  padding: 0 0 0 15px;
  border-left: 2px solid #86cd00;
  display: flex;
  min-height: 50px;
  align-items: center;
  margin: 0;
}

.first-section .container .text h1.vip-title {
  border-left: 2px solid #ac1a2f;
}

.empty-space .container .text {
  height: 230px;
  width: 100%;
  align-content: center;
  display: flex;
  flex-wrap: wrap;
}

.empty-space .container .text h4 {
  width: 100%;
  margin-bottom: 20px;
}

.empty-space2 .container .text {
  height: 100px;
  width: 100%;
  align-items: center;
  display: flex;
}

.first-section .container form {
  width: 280px;
  text-align: right;
}

.first-section.subscribe-section form {
  width: 50%;
  height: 230px;
  align-content: center;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row-reverse;
}

.first-section.subscribe-section form .input-field {
  max-width: 280px;
}

.first-section .container form h4 {
  font-size: 1.625rem;
  line-height: 30px;
  color: #fff;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  margin-bottom: 20px;
}

.first-section .container form .input-field {
  width: 100%;
  height: 40px;
  border: 1px solid #ebebeb;
  line-height: 28px;
  color: #696969;
  font-size: 0.875rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
  margin-bottom: 10px;
}

.first-section .container form .input-field.error {
  border: 1px solid #e60d60;
}

.departments-block {
  margin-top: -200px;
  margin-bottom: 50px;
}

.departments-block .location-form {
  background: #fff;
  padding: 30px 30px 1px;
}

.departments-block .location-form .location {
  display: flex;
  justify-content: space-between;
}

.departments-block .location-form .location .department-location {
  display: flex;
  margin-bottom: 30px;
}

.departments-block .location-form .location .department-location span {
  color: #000;
  font-size: 1rem;
  line-height: 34px;
  font-family: Lato-Medium, sans-serif;
  margin-right: 10px;
}

.departments-block .location-form .location .department-location select {
  width: 200px;
  height: 34px;
  border: 1px solid #ebebeb;
  line-height: 32px;
  color: #696969;
  font-size: 0.875rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 10px;
  background: #fff;
}

.departments-block .location-form .location .department-location select option {
  background: #fff;
}

.departments-block .location-form .location .switch-type {
  display: flex;
  margin-bottom: 30px;
}

.departments-block .location-form .location .switch-type span {
  color: #000;
  font-size: 1rem;
  line-height: 34px;
  font-family: Lato-Medium, sans-serif;
}

.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.cmn-toggle + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.cmn-toggle-round + label {
  padding: 2px;
  width: 68px;
  height: 34px;
  margin: 0 5px;
  background-color: #dddddd;
  -webkit-border-radius: 34px;
  -moz-border-radius: 34px;
  border-radius: 34px;
}

input.cmn-toggle-round + label:before,
input.cmn-toggle-round + label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}

input.cmn-toggle-round + label:before {
  right: 1px;
  background-color: #f1f1f1;
  -webkit-border-radius: 34px;
  -moz-border-radius: 34px;
  border-radius: 34px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}

input.cmn-toggle-round:checked + label:before {
  background-color: #86cd00;
}

input.cmn-toggle-round + label:after {
  width: 32px;
  background-color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-transition: margin 0.4s;
  -moz-transition: margin 0.4s;
  -o-transition: margin 0.4s;
  transition: margin 0.4s;
}

input.cmn-toggle-round:checked + label:after {
  margin-left: 34px;
}

.departments-block .location-form .show-type {
  padding: 30px 0;
  border-top: 1px solid #e1e1e1;
  display: flex;
}

.departments-block .location-form .show-type .department-radio {
  width: 33.333%;
}

.departments-block .location-form .departments-list-checkbox {
  /*border-top: 1px solid #e1e1e1;*/
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 40px 0 10px;
}

.departments-block .location-form .departments-list-checkbox .title {
  position: absolute;
  font-size: 1rem;
  line-height: 20px;
  left: 0;
  top: 10px;
  color: #000;
  text-align: left;
  font-family: Lato-Medium, sans-serif;
}

.departments-block
  .location-form
  .departments-list-checkbox
  .department-checkbox {
  /*width: 33.333%;*/
  width: 25%;
  margin-bottom: 5px;
}

.departments-block .departments-map {
  height: 600px;
  margin: 0 -30px;
}

.departments-block .department-info {
  display: flex;
  margin-bottom: 10px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.department-info-description {
  width: 100%;
  flex: 1;
}

@media (max-width: 420px) {
  .department-info .office-schedule {
    width: calc(100% + 32px);
    overflow-y: auto;
    margin: 0 -16px 20px;
  }
}

.departments-block .department-info .text {
  width: calc(100% - 400px);
  width: -webkit-calc(100% - 400px);
}

.departments-block .department-info .text .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #303030;
  margin-bottom: 10px;
}

.departments-block .department-info .text span {
  color: #86ce00;
  font-family: Lato-Black, sans-serif;
}

.departments-block .department-info .text p {
  font-size: 0.875rem;
  line-height: 20px;
  color: #303030;
  margin-bottom: 10px;
}

.departments-block .department-info .features {
  display: flex;
  padding: 10px 0;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 20px;
}

.departments-block .department-info .features > div {
  font-size: 0.875rem;
  color: #727272;
  height: 30px;
  line-height: 30px;
  padding-left: 50px;
  margin-right: auto;
}

.departments-block .department-info .features .vip {
  background: url("/img/vip.png") 0 center no-repeat;
}

.departments-block .department-info .features .wifi {
  background: url("/img/wifi.png") 0 center no-repeat;
}

.departments-block .department-info .features .coffee {
  background: url("/img/coffee.png") 0 center no-repeat;
}

.departments-block .department-info .features .disability {
  background: url("/img/disability.png") 0 center no-repeat;
}

.departments-block .department-info .features .fulltime {
  background: url("/img/fulltime.png") 0 center no-repeat;
}

.departments-block .department-info .rating-block-container {
  width: 350px;
}

.departments-block .department-info .rating-block-container .btn-block {
  margin-top: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  max-width: 320px;
  margin: 20px auto 30px;
}

.departments-block .department-info .rating-block-container .btn-block .btn {
  margin-bottom: 15px;
}

.departments-block
  .department-info
  .rating-block-container
  .btn-block
  .btn:last-of-type {
  margin-bottom: 0;
}

.departments-block .department-info .rating-block {
  width: auto;
  background: #e8f2c4;
  padding: 30px;
  text-align: center;
  height: 250px;
  position: relative; /*/Выравнивание 12.03/*/
}

.departments-block .department-info .rating-block .title {
  font-size: 0.75rem;
  color: #070707;
  line-height: 16px;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.departments-block .department-info .rating-block .stars {
  height: 21px;
  margin-bottom: 30px;
  pointer-events: none;
}

.departments-block .department-info .rating-block span {
  color: #696969;
  font-size: 0.875rem;
  line-height: 18px;
  display: inline-block;
  font-family: Lato-Medium, sans-serif;
  cursor: pointer;
}

.departments-block .department-info .rating-block span .fa-star {
  font-size: 1.375rem;
  margin: 0 4px;
}

.departments-block
  .department-info
  .rating-block
  span.jq-rating-group--hover
  span {
  color: #86ce00;
}

.departments-block .department-info .rating-block .rating {
  font-size: 3.75rem;
  font-family: Lato-Semibold, sans-serif;
  color: #86ce00;
}

.department-meeting {
  padding: 30px;
  background: #e8f2c4;
  margin: 0 -30px;
}

.department-meeting .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
}

.department-meeting form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 826px) {
  .department-meeting form {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.department-meeting form .left-side,
.department-meeting form .right-side {
  width: 50%;
}

.department-meeting form .left-side .g-recaptcha-custom {
  margin-bottom: 20px;
}

.department-meeting form .input-field,
.department-meeting form select {
  width: 340px;
  max-width: 100%;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
  margin: 0 5px 20px;
  background: #fff;
}

.department-meeting form .input-field.error {
  border: 1px solid #e60d60;
}

.department-meeting form select option {
  background: #fff;
}

.department-meeting form .datepicker {
  position: relative;
  max-width: 100%;
}

.department-meeting form .datepicker img {
  position: absolute;
  top: 0;
  left: 290px;
}

#datepicker {
  width: 340px;
  max-width: 100%;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
  margin: 0 5px 20px;
}

@media (max-width: 767px) {
  .department-meeting form .input-field,
  .department-meeting form select,
  #datepicker {
    margin: 0 0 20px;
  }

  .main-slider-block .main-slider .slider-item img {
    width: 100%;
  }

  #g-recaptcha-mortgage {
    transform: scale(0.79);
    transform-origin: 19% 0;
  }
}

#ui-datepicker-div {
  padding: 0;
  border: none;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  left: 50% !important;
  transform: translateX(-50%);
}

#ui-datepicker-div .ui-datepicker-calendar th span {
  font-size: 0.875rem !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: 0.875rem !important;
  color: #393836 !important;
  text-align: center;
  border-radius: 50%;
  height: 38px;
  line-height: 32px;
}

#ui-datepicker-div .ui-datepicker-calendar td .ui-state-active {
  background: #81b204 !important;
  color: #fff !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: 1.125rem;
  font-weight: normal;
}

#ui-datepicker-div select.ui-datepicker-month,
#ui-datepicker-div select.ui-datepicker-year {
  width: 35%;
  margin-left: 20px;
  background: none;
  border: 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/news-slider-prev.png) center no-repeat;
}

.ui-datepicker .ui-datepicker-next span {
  background: url(/img/news-slider-next.svg) center no-repeat;
}

.departments-list-block {
}

.departments-list-block .department-city {
  color: #010101;
  font-family: Lato-Black, sans-serif;
  font-size: 1rem;
  line-height: 24px;
  margin-bottom: 30px;
}

.departments-list-block .departments-list .department-item {
  border: 1px solid #e1e1e1;
  margin-bottom: 30px;
}

.departments-list-block .departments-list .department-item .top-side {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 30px;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .right-side {
  padding-left: 30px;
  width: 150px;
  border-left: 1px solid #d7d7d7;
  display: flex;
  align-items: center;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .right-side
  .features {
}

.departments-list-block .departments-list .department-item .features > div {
  font-size: 0.875rem;
  color: #727272;
  line-height: 1;
  text-align: center;
  max-width: 120px;
  padding-bottom: 35px;
}

.departments-list-block
  .departments-list
  .department-item
  .features
  > div:not(:last-child) {
  margin-right: 20px;
}

.departments-list-block .departments-list .department-item .features .vip {
  background: url("/img/vip.png") bottom center no-repeat;
}

.departments-list-block .departments-list .department-item .features .wifi {
  background: url("/img/wifi.png") bottom center no-repeat;
}

.departments-list-block
  .departments-list
  .department-item
  .features
  .disability {
  background: url("/img/disability.png") bottom center no-repeat;
}

.departments-list-block .departments-list .department-item .features .coffee {
  background: url("/img/coffee.png") bottom center no-repeat;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .left-side {
  padding-right: 30px;
  width: calc(100% - 150px);
  width: -webkit-calc(100% - 150px);
}

.departments-list-block .departments-list .department-item .top-side .title {
  color: #010101;
  font-size: 1rem;
  line-height: 24px;
  margin-bottom: 30px;
  width: 30%;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .title
  div {
  margin-top: 10px;
  font-size: 0.875rem;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .title
  span {
  font-family: Lato-Semibold, sans-serif;
  color: #86ce00;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .department-information {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  width: 70%;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .department-information
  .left-info {
  width: 45%;
  padding-right: 20px;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .department-information
  .right-info {
  width: 55%;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .department-information
  .left-info
  > div {
  width: 100%;
  padding-left: 30px;
  position: relative;
  color: #010101;
  font-size: 1rem;
  line-height: 24px;
  margin-bottom: 20px;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .department-information
  .left-info
  a {
  color: #86ce00;
  font-size: 0.875rem;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .department-information
  .position:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 3px;
  left: 7px;
  display: block;
  background: url("/img/viddilennya_grey.svg") 0 0 no-repeat;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .department-information
  .time:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 3px;
  left: 7px;
  display: block;
  background: url("/img/cilodobovo_clock.svg") 0 0 no-repeat;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .department-information
  .phones:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  top: 3px;
  left: 7px;
  display: block;
  background: url("/img/phones.png") 0 0 no-repeat;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .department-information
  .cash_desk:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  top: 3px;
  left: 0;
  display: block;
  background: url("/img/cash_desk.png") 0 0 no-repeat;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .department-information
  .right-info
  .rating-block-container {
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .department-information
  .right-info
  .rating-block-container
  .rating-block {
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .department-information
  .right-info
  .rating-block-container
  .rating-block
  .reyting {
  padding-top: 0;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .department-information
  .right-info
  .rating-block-container
  .rating-block
  .title {
  color: #010101;
  font-size: 1rem;
  line-height: 24px;
  margin-bottom: 10px;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .department-information
  .right-info
  .rating-block-container
  .rating-block
  .stars {
  pointer-events: none;
  margin-bottom: 10px;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .department-information
  .right-info
  .rating-block-container
  .rating-block
  span {
  color: #696969;
  font-size: 1.25rem;
  line-height: 18px;
  display: inline-block;
  font-family: Lato-Medium, sans-serif;
  cursor: pointer;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .department-information
  .right-info
  .rating-block-container
  .rating-block
  span.jq-rating-group--hover
  span {
  color: #86ce00;
}

.departments-list-block
  .departments-list
  .department-item
  .top-side
  .department-information
  .right-info
  .rating-block-container
  .rating-block
  .rating {
  font-size: 2.5rem;
  font-family: Lato-Semibold, sans-serif;
  color: #86ce00;
  margin-bottom: 10px;
}

.departments-list-block .departments-list .department-item .bottom-side {
  padding: 20px 30px;
  display: flex;

  background: #86ce00;
}

.departments-list-block .departments-list .department-item .bottom-side > div {
  font-size: 1rem;
  line-height: 18px;
  font-family: Lato-Medium, sans-serif;
  position: relative;

  height: 36px;
  padding-left: 40px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  color: #fff;
  /*text-shadow: 0 1px 1px rgba(255,255,255,0.55);*/
}

.departments-list-block
  .departments-list
  .department-item
  .bottom-side
  .private-clients:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("/img/privatclients.png") 0 0 no-repeat;
  display: block;
  width: 23px;
  height: 31px;
}

.departments-list-block
  .departments-list
  .department-item
  .bottom-side
  .corp-business:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("/img/corpbis.png") 0 0 no-repeat;
  display: block;
  width: 28px;
  height: 31px;
}

.departments-list-block
  .departments-list
  .department-item
  .bottom-side
  .depositarii:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("/img/depositarii.png") 0 0 no-repeat;
  display: block;
  width: 25px;
  height: 36px;
}

.departments-list-block
  .departments-list
  .department-item
  .bottom-side
  .msb:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("/img/msb.png") 0 0 no-repeat;
  display: block;
  width: 28px;
  height: 36px;
}

.exchange-rates-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.exchange-rates-page .exchange-rates-block {
  background: #fff;
  padding: 30px;
  margin-bottom: 0;
}

.exchange-rates-page .exchange-rates-block .block-title {
  margin-bottom: 0;
}

.exchange-rates-page .exchange-rates-tabs {
  background: transparent;
}

.exchange-rates-tabs {
  display: flex;
}

.exchange-rates-tabs .exchange-rates-tab {
  text-decoration: none;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Lato-Semibold, sans-serif;
  margin-right: 2px;
  height: 60px;
  padding: 0 20px;
  position: relative;
  min-width: 150px;
  color: #064325;
  background: rgba(134, 206, 0, 0.95);
  border-top: 2px solid rgba(134, 206, 0, 0.95);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
}

.exchange-rates-tabs .exchange-rates-tab.active {
  border-top: 2px solid #f4f4f4;
  background: #f4f4f4;
  color: #3a3a3a;
}

.exchange-rates-tabs .exchange-rates-tab span {
  width: 30px;
  height: 30px;
  overflow: hidden;
  position: absolute;
  top: 15px;
  left: 15px;
}

.exchange-rates-tabs .exchange-rates-tab.active span img {
  position: relative;
  top: -30px;
}

.exchange-rates-page .exchange-rates-datepicker {
  display: flex;
  justify-content: center;
  font-size: 1.125rem;
  line-height: 48px;
  color: #696969;
  font-family: Lato-Light, sans-serif;
  background: #f4f4f4;
  padding: 30px 30px 0;
}

.exchange-rates-table .currency-date {
  font-size: 1.125rem;
  line-height: 24px;
  color: #696969;
  text-align: center;
  font-family: Lato-Light, sans-serif;
  margin-bottom: 10px;
  margin-top: -10px;
}

.exchange-rates-page .exchange-rates-datepicker .datepicker {
  position: relative;
  width: 268px;
}

.exchange-rates-page .exchange-rates-datepicker .datepicker span {
  display: inline-block;
  width: 38px;
  text-align: right;
}

.exchange-rates-page .exchange-rates-datepicker .datepicker img {
  position: absolute;
  top: 0;
  left: 216px;
}

#datepicker-archive-from-cash,
#datepicker-archive-to-cash {
  width: 220px;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
  margin-left: 5px;
}

#datepicker-archive-from-card,
#datepicker-archive-to-card {
  width: 220px;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
  margin-left: 5px;
}

.exchange-rates-table {
  padding: 30px;
  background: #f4f4f4;
}

.exchange-rates-table-margin {
  margin-bottom: 30px;
}

.exchange-rates-table .header {
  display: flex;
}

.exchange-rates-table .header > div {
  justify-content: center;
  font-size: 1.125rem;
  font-family: Lato-Light, sans-serif;
  height: 60px;
  display: flex;
  align-items: center;
  width: 25%;
  color: #fff;
  border: 2px solid #f4f4f4;
  text-align: center;
  background: #009597;
}

.exchange-rates-table .currency {
  display: flex;
}

.exchange-rates-table .currency > div {
  justify-content: center;
  display: flex;
  align-items: center;
  height: 60px;
  color: #000000;
  font-size: 1.125rem;
  /*font-family: Lato-Semibold, sans-serif;*/
  width: 25%;
  text-align: center;
  background: #ffffff;
  border: 2px solid #f4f4f4;
}

.exchange-rates-table .currency > div .up {
  background: url(/img/strelka_red.svg) 0 0 no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-left: 5px;
}

.exchange-rates-table .currency > div .down {
  background: url(/img/strelka_green.svg) 0 0 no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-left: 5px;
}

.exchange-rates-info-tabs {
  display: flex;
}

.exchange-rates-info-tabs .exchange-rates-info-tab {
  text-decoration: none;
  font-size: 1rem;
  display: flex;
  align-items: center;
  text-align: center;
  font-family: Lato-Semibold, sans-serif;
  margin-right: 2px;
  height: 60px;
  padding: 0 20px 0 60px;
  position: relative;
  min-width: 150px;
  color: #064325;
  background: rgba(134, 206, 0, 0.95);
  border-top: 2px solid rgba(134, 206, 0, 0.95);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
}

.exchange-rates-info-tabs .exchange-rates-info-tab.active {
  border-top: 2px solid #f4f4f4;
  background: #f4f4f4;
  color: #3a3a3a;
}

.exchange-rates-info-tabs .exchange-rates-info-tab span {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 30px;
  height: 30px;
  overflow: hidden;
}

.exchange-rates-info-tabs .exchange-rates-info-tab.active span img {
  position: relative;
  top: -30px;
}

.exchange-rates-info-block {
  padding: 30px;
  background: #f4f4f4;
}

.exchange-rates-info-block p {
  color: #000000;
  font-size: 1rem;
  line-height: 20px;
  font-family: Lato-Light, sans-serif;
  margin-bottom: 20px;
}

.exchange-rates-info-block ul {
  margin-bottom: 15px;
  list-style: disc;
  padding-left: 15px;
}

.exchange-rates-info-block ul li {
  color: #000000;
  font-size: 1rem;
  line-height: 20px;
  font-family: Lato-Light, sans-serif;
  margin-bottom: 5px;
}

.exchange-rates-info-block ol {
  margin-bottom: 15px;
  padding-left: 15px;
}

.exchange-rates-info-block ol li {
  color: #000000;
  font-size: 1rem;
  line-height: 20px;
  font-family: Lato-Light, sans-serif;
  margin-bottom: 5px;
}

.converter-block {
  margin-bottom: 60px;
  text-align: center;
}

.converter-block .converter-container {
  display: flex;
  flex-wrap: wrap;
  width: 600px;
  margin: 0 auto;
}

.converter-block .converter-container > div {
  width: 50%;
  padding: 0 15px;
  margin-bottom: 15px;
}

.converter-block .converter-container label {
  font-size: 0.875rem;
  line-height: 18px;
  height: 18px;
  display: block;
  text-align: left;
  color: #696969;
}

.converter-block .converter-container input[type="text"],
.converter-block .converter-container input[type="tel"] {
  width: 100%;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 10px;
}

.converter-block .converter-container select {
  width: 100%;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 10px;
}

[data-list] {
  display: none;
}

div:first-child + [data-list] {
  display: block;
}

[data-list="1"] {
  display: block;
}

.catalog-deposits-block {
  /*margin-top: -200px;*/
  margin-bottom: 50px;
}

.catalog-deposits-block .catalog-deposits {
  background: #fff;
  padding: 30px;
  margin-bottom: 15px;
  position: relative;
}

.catalog-deposits-block .catalog-deposits > .btn {
  position: absolute;
  right: 30px;
  top: 80px;
}

.catalog-deposits-block .catalog-deposits .block-title {
  margin-bottom: 0;
}

.catalog-deposits-block .catalog-deposits .calculator-block {
  margin-bottom: 50px;
  padding-bottom: 30px;
}

.deposit-calculator-widget {
  display: flex;
  justify-content: space-between;
}

.deposit-calculator-widget .left-side {
  width: calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
}

.deposit-calculator-widget .title {
  color: #0f0f0f;
  display: flex;
  align-items: center;
  font-size: 1.875rem;
  height: 42px;
  margin-bottom: 20px;
}

.deposit-calculator-widget .title h1 {
  color: #555558;
  font-size: 1.5rem;
  line-height: 25px;
  font-family: Lato-Black, sans-serif;
  text-transform: uppercase;
  padding: 0 0 0 15px;
  border-left: 2px solid #86cd00;
  display: flex;
  min-height: 50px;
  align-items: center;
  margin: 0;
}

.deposit-calculator-widget .title span {
  margin-right: 10px;
}

.deposit-calculator-widget .title span img {
  display: block;
}

.deposit-calculator-widget .subtitle {
  font-family: Lato-Medium, sans-serif;
  font-size: 0.875rem;
  line-height: 20px;
  color: #000;
}

.deposit-calculator-widget .right-side {
  width: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.catalog-products {
  display: flex;
}

.catalog-products .products-list {
  width: 75%;
  display: flex;
  flex-wrap: wrap;
}

.catalog-products .products-list .product-item {
  width: calc(33.333% - 15px);
  width: -webkit-calc(33.333% - 15px);
  margin-right: 15px;
  margin-bottom: 15px;
  height: 365px;
  overflow: hidden;
  position: relative;
}

.catalog-products .products-list .product-item .product-title {
  background: rgba(0, 0, 0, 0.7);
  padding: 10px 10px;
  height: 80px;
}

.catalog-products .products-list .product-item .product-title span {
  height: 60px;
  line-height: 20px;
  border-left: 2px solid #fff;
  padding-left: 5px;
  font-size: 0.875rem;
  display: block;
  color: #fff;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.catalog-products .products-list .product-item .product-body {
  height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}

.catalog-products .products-list .product-item .product-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 290px;
  background: #fff;
  -webkit-transition: top 0.3s ease 0s;
  transition: top 0.3s ease 0s;
}

.catalog-products
  .products-list
  .product-item
  .product-text
  .product-text-container {
  margin: 20px 15px;
  height: 35px;
  overflow: hidden;
  -webkit-transition: height 0.3s ease 0s;
  transition: height 0.3s ease 0s;
  text-align: center;
}

.catalog-products .products-list .product-item .product-text .text {
  color: #6f6f6f;
  font-size: 0.875rem;
  line-height: 20px;
  height: 180px;
  overflow: hidden;
  margin-bottom: 20px;
  text-align: left;
}

.catalog-products .products-list .product-item:hover .product-text {
  top: 80px;
}

.catalog-products
  .products-list
  .product-item:hover
  .product-text
  .product-text-container {
  height: 265px;
}

.catalog-products .products-list .product-item.article-item {
  text-decoration: none;
}

.catalog-products .products-list .product-item.article-item .product-title {
  background: rgba(134, 205, 0, 0.7);
  padding: 10px 10px;
  height: 80px;
}

.catalog-products .products-list .product-item.about-item {
  text-decoration: none;
}

.catalog-products .products-list .product-item.about-item .product-body {
  height: 285px;
  text-decoration: none;
}

.catalog-products .products-list .product-item.about-item .product-title {
  background: rgba(134, 205, 0, 0.7);
  padding: 10px 10px;
  height: 80px;
}

.fast-vertical-menu {
  width: 25%;
}

.fast-vertical-menu .item {
  width: 100%;
  margin-bottom: 20px;
  height: 365px;
  overflow: hidden;
  display: block;
  text-decoration: none;
  position: relative;
}

.fast-vertical-menu .item .item-title {
  background: #008991;
  padding: 10px 10px;
  height: 80px;
}

.fast-vertical-menu .item .item-title span {
  height: 60px;
  line-height: 20px;
  border-left: 2px solid #86cd00;
  border-left: 2px solid #fff;
  padding-left: 5px;
  font-size: 0.875rem;
  display: block;
  color: #fff;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.fast-vertical-menu .item .item-body {
  height: 285px;
  background: #149aa2;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fast-vertical-menu .item .item-body img {
  width: 140px;
  margin-bottom: 50px;
}

.fast-vertical-menu .item .item-body .btn {
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  min-width: 145px;
}

.deposit-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.deposit-page .deposit-block {
  background: #fff;
  padding: 30px 30px 30px;
  margin-bottom: 30px;
}

.deposit-description {
  margin-bottom: 30px;
}

.deposit-description p {
  color: #0f0f0f;
  font-size: 1.125rem;
  line-height: 24px;
}

.deposit-description ul {
  margin-bottom: 20px;
}

.deposit-description ul li {
  padding-left: 15px;
  position: relative;
  font-size: 0.875rem;
  line-height: 18px;
  color: #000;
  margin-bottom: 10px;
}

.deposit-description ul li:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 6px;
  left: 2px;
  background: #86ce00;
}

.deposit-advantages {
  margin-bottom: 30px;
}

.deposit-advantages .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
}

.deposit-advantages .title span {
  color: #86cd00;
}

.deposit-advantages .advantages-list {
  display: flex;
  justify-content: center;
}

.deposit-advantages .advantages-list .advantage-item {
  width: 25%;
  border: 1px solid #ebebeb;
  padding: 20px;
}

.deposit-advantages .advantages-list .advantage-item .advantage-icon {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.deposit-advantages .advantages-list .advantage-item .advantage-text {
  color: #666666;
  font-size: 0.875rem;
  line-height: 20px;
}

.deposit-btns {
  text-align: center;
  margin-bottom: 30px;
}

.deposit-btns .btn {
  margin: 0 15px;
}

.deposit-terms {
  margin: 0 -30px;
  padding: 30px;
  /*background: url("/img/deposit-terms-bg.jpg") 0 0 no-repeat;
    background-size:cover;*/
}

.deposit-terms .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
}

.deposit-terms .title span {
  color: #86cd00;
}

.deposit-terms .deposit-terms-list {
  counter-reset: my-counter;
  display: flex;
  flex-wrap: wrap;
}

.deposit-terms .deposit-terms-list .deposit-terms-item {
  width: 25%;
  position: relative;
  font-size: 1rem;
  line-height: 20px;
  color: #000;
  border: 1px solid #ebebeb;
  padding: 40px 20px;
}

.deposit-terms .deposit-terms-list .deposit-terms-item:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  position: absolute;
  top: 30px;
  left: 15px;
  color: rgba(134, 205, 0, 0.2);
  font-size: 4.5rem;
  font-family: Lato-Black, sans-serif;
}

.interest-rates {
  margin: 0 -30px;
  padding: 30px;
  background: #f4f4f4;
}

.interest-rates .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.interest-rates table {
  width: 100%;
}

.interest-rates table thead tr td {
  color: #fff;
  font-size: 1.125rem;
  font-family: Lato-Light, sans-serif;
  height: 60px;
  border: 2px solid #f4f4f4;
  text-align: center;
  /*width:25%;*/
  padding: 0 10px;
  background: #009597;
}

.interest-rates table tbody tr td {
  height: 60px;
  text-align: center;
  background: #ffffff;
  color: #000000;
  font-size: 1.125rem;
  font-family: Lato-Semibold, sans-serif;
  border: 2px solid #f4f4f4;
  padding: 10px 0;
}

.interest-rates table .btn {
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 45px;
  height: 30px;
  line-height: 30px;
  font-size: 0.625rem;
}

.deposit-calculator {
  padding: 30px 0;
}

.deposit-calculator .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.deposit-request {
  margin: 0 -30px;
  padding: 30px;
  background: #f4f4f4;
}

.deposit-request.white-bg {
  background: #fff;
}

.deposit-request .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.deposit-request .subtitle {
  color: #323232;
  font-size: 1.125rem;
  line-height: 24px;
  margin-bottom: 30px;
}

.deposit-request form {
  max-width: 400px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.deposit-request form .g-recaptcha,
.deposit-request form .g-recaptcha-custom {
  margin: 0 auto 15px;
}

.deposit-request .center-side {
  width: 100%;
  text-align: center;
}

.deposit-request form .input-field {
  width: 100%;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
  margin-bottom: 15px;
  font-weight: 300;
}

.deposit-request .form-hint {
  margin-top: 30px;
  color: #696969;
  font-size: 0.875rem;
  line-height: 18px;
}

.deposit-tabs-wrapper {
  position: relative;
}

.deposit-tabs {
  display: flex;
  flex-direction: row;
}

.deposit-tabs .deposit-tab {
  text-decoration: none;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Lato-Semibold, sans-serif;
  margin-right: 5px;
  height: 60px;
  padding: 0 20px;
  position: relative;
  min-width: 150px;
  color: #064325;
  background: rgba(134, 206, 0, 0.95);
  border-top: 2px solid rgba(134, 206, 0, 0.95);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
}

.deposit-tabs .deposit-tab.active {
  background: #f4f4f4;
  color: #3a3a3a;
  /*font-family: Lato-Bold, sans-serif;*/
  border-top: 2px solid #f4f4f4;
}

.deposit-tabs .deposit-tab span {
  width: 30px;
  height: 30px;
  overflow: hidden;
  position: absolute;
  top: 15px;
  left: 15px;
}

.deposit-tabs .deposit-tab.active span img {
  position: relative;
  top: -30px;
}

.deposit-info-tab {
  background: #f4f4f4;
  padding: 30px;
  margin-bottom: 30px;
}

.deposit-info-tab .download-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;

  margin-bottom: -15px;
}

.file-file {
  background: url("/img/file.svg") 0 0 no-repeat;
  display: inline-block;
  padding-left: 45px;
  min-height: 40px;
  color: #808080;
  margin-bottom: 20px;
}

.jpg-file,
.JPG-file {
  background: url("/img/file.svg") 0 0 no-repeat;
  display: inline-block;
  padding-left: 45px;
  min-height: 40px;
  color: #808080;
  margin-bottom: 20px;
}

.pdf-file,
.PDF-file {
  background: url("/img/pdf.svg") 0 0 no-repeat;
  display: inline-block;
  padding-left: 45px;
  min-height: 40px;
  color: #808080;
  margin-bottom: 20px;
}

.docx-file {
  background: url("/img/doc.svg") 0 0 no-repeat;
  display: inline-block;
  padding-left: 45px;
  min-height: 40px;
  color: #808080;
  margin-bottom: 20px;
}

.xlsx-file {
  background: url("/img/xls.svg") 0 0 no-repeat;
  display: inline-block;
  padding-left: 45px;
  min-height: 40px;
  color: #808080;
  margin-bottom: 20px;
}

.doc-file {
  background: url("/img/doc.svg") 0 0 no-repeat;
  display: inline-block;
  padding-left: 45px;
  min-height: 40px;
  color: #808080;
  margin-bottom: 20px;
}

.xls-file {
  background: url("/img/xls.svg") 0 0 no-repeat;
  display: inline-block;
  padding-left: 45px;
  min-height: 40px;
  color: #808080;
  margin-bottom: 20px;
}

.pdf-file span,
.PDF-file span,
.docx-file span,
.xlsx-file span,
.doc-file span,
.xls-file span,
.jpg-file span,
.file-file span {
  display: flex;
  align-items: center;
  min-height: 40px;
  color: #808080;
  font-size: 1rem;
  line-height: 20px;
}

.deposit-info-tab .download-list .pdf-file {
  /*background: url(/img/pdf-icon.png) top center no-repeat;
    padding: 0;
    padding-top: 50px;
    width: 30%;
    text-align: center;
    margin: 0 1%;
    margin-bottom: 15px;*/
}

.deposit-info-tab .download-list .pdf-file span {
  /*display: block;
    text-align: center;
    min-height: initial;*/
}

.deposit-calculator-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.deposit-calculator-page .deposit-calculator-block {
  background: #fff;
  padding: 30px;
  margin-bottom: 50px;
}

.deposit-calculator-page .deposit-calculator-block .deposit-calculator-widget {
  display: block;
  margin-bottom: 50px;
}

.deposit-calculator-page
  .deposit-calculator-block
  .calculator-block
  .calculator {
  width: 100%;
}

.deposit-calculator-page .calculator-block {
  margin-bottom: 30px;
}

.deposits-list {
  display: flex;
  flex-wrap: wrap;
}

.deposits-list .deposit-item {
  width: calc(33% - 12px);
  width: -webkit-calc(33% - 12px);
  margin: 0 6px 12px;
  border: 1px solid #e1e1e1;
}

.deposits-list .deposit-item .deposit-title {
  background: rgba(0, 0, 0, 0.7);
  padding: 10px 10px;
  height: 80px;
  text-decoration: none;
  display: block;
}

.deposits-list .deposit-item .deposit-title span {
  height: 60px;
  line-height: 20px;
  border-left: 2px solid #fff;
  padding-left: 5px;
  font-size: 0.875rem;
  display: block;
  color: #fff;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.deposits-list .deposit-item .deposit-body {
  padding: 20px;
}

.deposits-list .deposit-item .deposit-body .deposit-prop {
  margin-bottom: 20px;
}

.deposits-list .deposit-item .deposit-body .deposit-prop .prop {
  color: #696969;
  font-size: 0.875rem;
  line-height: 18px;
  font-family: Lato-Medium, sans-serif;
}

.deposits-list .deposit-item .deposit-body .deposit-prop .number {
  color: #1b1a1a;
  font-size: 1rem;
  line-height: 24px;
  font-family: Lato-Black, sans-serif;
  position: relative;
}

.deposits-list .deposit-item .deposit-body .deposit-prop .number span {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: baseline;
  margin-left: 6px;
  background: url("/img/information.svg") 0 0 no-repeat;
  background-size: cover;
}

.deposits-list .deposit-item .deposit-body .deposit-prop .number .tooltip {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  padding: 5px 10px;
  font-size: 0.75rem;
  line-height: 16px;
  position: absolute;
  top: 21px;
  left: -14px;
  font-family: Lato-Light, sans-serif;
  z-index: 123;
  width: 200px;
}

.loyalty-program {
  padding: 30px 0 0;
}

.loyalty-program .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
}

.loyalty-program .loyalty-radio {
  margin-bottom: 20px;
}

.about-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.about-page .about-block {
  background: #fff;
  padding: 30px;
  margin-bottom: 15px;
  position: relative;
}

.about-page .about-block .block-title {
  margin-bottom: 0;
}

.career-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.career-page .career-block {
  background: #fff;
  padding: 30px;
  position: relative;
}

.career-page .career-block .block-title {
  margin-bottom: 0;
}

.catalog-vacancies {
  background: #f4f4f4;
  padding: 30px;
}

.catalog-vacancies .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
}

.vacancies-form form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
}

.vacancies-form .vacancies-select {
  display: flex;
  margin-bottom: 20px;
  margin-right: 20px;
}

.vacancies-form .vacancies-select span {
  color: #000;
  font-size: 1rem;
  line-height: 34px;
  font-family: Lato-Medium, sans-serif;
  margin-right: 10px;
}

.vacancies-form .vacancies-select select {
  width: 200px;
  height: 34px;
  border: 1px solid #ebebeb;
  line-height: 32px;
  color: #696969;
  font-size: 0.875rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 10px;
}

.vacancies-form .vacancies-checkbox {
  margin-bottom: 20px;
}

.vacancies-list {
  margin: 0 -30px;
  margin-bottom: 30px;
}

.vacancies-list .vacancy-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 24px 30px;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
}

.vacancies-list .vacancy-item:hover {
  box-shadow: 0 0 15px rgba(175, 175, 175, 0.3);
  z-index: 3;
}

.vacancies-list .vacancy-item .vacancy-info {
  width: calc(100% - 200px);
  border-left: 2px solid #88ce27;
  padding-left: 20px;
}

.vacancies-list .vacancy-item .vacancy-info .vacancy-title {
  color: #0f0f0f;
  font-size: 1rem;
  line-height: 20px;
}

.vacancies-list .vacancy-item .vacancy-info .vacancy-city-date {
}

.vacancies-list .vacancy-item .vacancy-info .vacancy-city-date span {
  position: relative;
  color: #0f0f0f;
  font-size: 1rem;
  line-height: 20px;
  display: inline-block;
  margin-right: 30px;
}

.vacancies-list
  .vacancy-item
  .vacancy-info
  .vacancy-city-date
  span:first-child:after {
  content: "";
  position: absolute;
  top: 7px;
  right: -19px;
  background: #88ce27;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.vacancies-list .vacancy-item .vacancy-button {
}

.vacancies-contacts {
  background: #e8f2c4;
  margin: 0 -30px;
  padding: 30px 30px 10px;
}

.vacancies-contacts .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
}

.vacancies-contacts .text {
}

.vacancies-contacts .text p {
  color: #6f6f6f;
  font-size: 1.125rem;
  line-height: 24px;
  margin-bottom: 20px;
}

.corporate-culture-block {
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
}

.corporate-culture-block .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
}

.offices-faq {
  display: flex;
  justify-content: space-between;
}

.offices-faq > div {
  width: calc(50% - 15px);
  width: -webkit-calc(50% - 15px);
}

.offices-faq > div .title {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.125rem;
  font-family: Lato-Black, sans-serif;
  height: 70px;
  padding: 15px;
  background: #008991;
}

.offices-faq > div .title span {
  border-left: 2px solid #fff;
  padding-left: 5px;
}

.offices-faq .offices .body {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  font-family: Lato-Black, sans-serif;
  background: url("/img/widget-bg1.png") center right no-repeat #149aa2;
  min-height: 200px;
  height: calc(100% - 70px);
  height: -webkit-calc(100% - 70px);
  padding: 25px;
}

.offices-faq .offices .body span {
  color: #fff;
  font-size: 1.125rem;
  margin-bottom: 25px;
  width: 100%;
}

.offices-faq .calc .body {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  font-family: Lato-Black, sans-serif;
  background: url("/img/widget-bg2.png") center right no-repeat #149aa2;
  min-height: 200px;
  height: calc(100% - 70px);
  height: -webkit-calc(100% - 70px);
  padding: 25px;
}

.offices-faq .calc .body span {
  color: #fff;
  font-size: 1.125rem;
  margin-bottom: 25px;
  width: 100%;
}

.offices-faq .callback .body {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  font-family: Lato-Black, sans-serif;
  background: url("/img/widget-bg4.png") center right no-repeat #149aa2;
  min-height: 200px;
  height: calc(100% - 70px);
  height: -webkit-calc(100% - 70px);
  padding: 25px;
}

.offices-faq .callback .body span {
  color: #fff;
  font-size: 1.125rem;
  margin-bottom: 25px;
  width: 100%;
}

.offices-faq .callback .body form {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  width: 240px;
}

.offices-faq .callback .body form input {
  width: 240px;
  height: 30px;
  border: 1px solid #ebebeb;
  line-height: 28px;
  color: #696969;
  font-size: 0.875rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
  margin-bottom: 10px;
}

.offices-faq .callback .body form .btn {
  padding-right: 60px;
}

.offices-faq .cardtocard .body {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  font-family: Lato-Black, sans-serif;
  background: url("/img/widget-bg3.png") center right no-repeat #149aa2;
  min-height: 200px;
  height: calc(100% - 70px);
  height: -webkit-calc(100% - 70px);
  padding: 25px;
}

.offices-faq .cardtocard .body span {
  color: #fff;
  font-size: 1.125rem;
  margin-bottom: 25px;
  width: 100%;
}

.offices-faq .faq .body {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  font-family: Lato-Black, sans-serif;
  background: url("/img/widget-bg5.png") center right no-repeat #149aa2;
  min-height: 200px;
  height: calc(100% - 70px);
  height: -webkit-calc(100% - 70px);
  padding: 25px;
}

.offices-faq .faq .body span {
  color: #fff;
  font-size: 1.125rem;
  margin-bottom: 25px;
  width: 100%;
}

.sidebar-item-js-call-link {
  text-decoration: none;
}

/*
.offices-faq .faq .body{
    padding: 20px;
    background: #149aa2;
}
.offices-faq .faq .body ul{}
.offices-faq .faq .body ul li{
    background: url("/img/list-icon.png") 0 3px no-repeat;
    padding-left: 15px;
    margin-bottom: 5px;
}
.offices-faq .faq .body ul li a{
    color: #fff;
    font-size: 0.875rem;
    line-height: 18px;
    text-decoration: none;
    font-family: Lato-Light, sans-serif;
}
.offices-faq .faq .body ul li a:hover{
    text-decoration: underline;
}
.offices-faq .offices .body form{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 10px;
}
.offices-faq .offices .body form input{
    width: calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    height: 40px;
    border: 1px solid #ebebeb;
    line-height: 28px;
    color: #696969;
    font-size: 0.875rem;
    text-align: left;
    font-family: Lato-Light,sans-serif;
    border-radius: 5px;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.35);
    padding: 0 20px;
    margin: 0 5px;
    margin-bottom: 10px;
}
*/
.news-page {
  margin-top: -200px;
  margin-bottom: 50px;
}
.news-page.blank {
  margin-top: initial;
  margin-bottom: 50px;
}

.news-page .news-block {
  background: #fff;
  padding: 30px 30px 10px;
  margin-bottom: 30px;
  position: relative;
}

.news-page .news-block .block-title {
  padding-right: 220px;
}

.news-page .news-block .block-title + .order-form {
  margin-top: -40px;
}

.news-page .news-block .share-fb {
  position: absolute;
  right: 30px;
  top: 65px;
  width: 150px;
  font-size: 0.875rem;
  line-height: 30px;
  color: #000;
}

.news-page .news-block .date {
  font-size: 0.875rem;
  line-height: 18px;
  color: #86ce00;
  margin-bottom: 20px;
}

.news-page .news-block .share-fb .share-btn {
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  padding-left: 30px;
  padding-right: 30px;
  height: 30px;
  line-height: 30px;
  color: #fefefe;
  font-size: 0.75rem;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 0.5em;
  background: #20489b;
  position: relative;
  box-shadow: 0.1em 0.15em 0.15em rgba(0, 0, 0, 0.5);
  background-size: 200%;
}

.news-text {
  padding-bottom: 30px;
}

.news-text a {
  color: #86cd00;
}

.news-text .fr-file {
  background: url(/img/file.svg) 0 0 no-repeat;
  padding-left: 45px;
  min-height: 40px;
  display: flex;
  align-items: center;
  color: #808080;
  text-decoration: none;
}

.news-text .fr-video iframe {
  max-width: 100%;
}

.news-text p {
  font-size: 0.875rem;
  line-height: 18px;
  color: #6f6f6f;
  margin-bottom: 20px;
  text-align: justify;
}

.news-text table {
  width: 100%;
  margin-bottom: 20px;
}

.department-info .news-text table tbody tr:nth-of-type(2) {
  border-bottom: 4px solid #009597;
}

.news-text table thead tr td,
.news-text table thead tr th {
  color: #fff;
  font-size: 0.875rem;
  font-family: Lato-Light, sans-serif;
  height: 60px;
  border: 2px solid #f4f4f4;
  text-align: center;
  padding: 10px;
  background: #009597;
}

.news-text table tr td,
.news-text table tr th {
  height: 60px;
  text-align: center;
  background: #ffffff;
  color: #000000;
  font-size: 0.875rem;
  border: 2px solid #f4f4f4;
  padding: 10px;
}

.news-text-text ol {
  padding-left: 15px;
}

.news-text ol li {
  position: relative;
  font-size: 0.875rem;
  line-height: 18px;
  color: #000;
  margin-bottom: 10px;
}

.news-text ul {
  margin-bottom: 20px;
}

.news-text ul li {
  padding-left: 15px;
  position: relative;
  font-size: 0.875rem;
  line-height: 18px;
  color: #6f6f6f;
  margin-bottom: 10px;
}

.news-text ul li:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 6px;
  left: 2px;
  background: #86ce00;
}

.subscribe-block {
  background: #f8f8f8;
  padding: 30px;
  margin-bottom: 30px;
}

.subscribe-block .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.subscribe-block .text {
  margin: 0 auto 24px;
  width: 520px;
}

.subscribe-block form {
  display: flex;
  justify-content: space-between;
  width: 520px;
  margin: 0 auto;
}

.subscribe-block form .input-field {
  width: 300px;
  height: 40px;
  border: 1px solid #ebebeb;
  line-height: 38px;
  color: #696969;
  font-size: 0.875rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
  margin-bottom: 10px;
}

.news-slider-block {
  background: #fff;
  padding: 30px 35px;
  margin-bottom: 30px;
  border: 1px solid #e1e1e1;
}

.news-slider-block .news-slider {
  margin-bottom: 0;
}

.news-slider-block .news-slider .news-item {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  position: relative;
}

.news-slider-block .news-slider .news-item:not(:first-child):after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 200px;
  width: 1px;
  background: #d7d7d7;
}

.news-slider-block .news-slider .news-item .img {
  /*width: 134px;
    overflow: hidden;*/
}

.news-slider-block .news-slider .news-item .text {
  /*width:calc(100% - 154px);
    width:-webkit-calc(100% - 154px);*/
  width: 100%;
}

.news-slider-block .news-slider .news-item .text .date {
  color: #696969;
  font-size: 0.75rem;
  padding: 10px 6px;
  border-radius: 3px;
  background-color: #f5f5f5;
  display: inline-block;
  font-family: Lato-Light, sans-serif;
  margin-bottom: 20px;
}

.news-slider-block .news-slider .news-item .text .title {
  text-decoration: none;
  font-size: 1rem;
  line-height: 22px;
  color: #000000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 0;
  display: inline-block;
}

.news-slider-block .news-slider .news-item .text .title:hover {
  text-decoration: underline;
}

.news-slider-block .news-slider .news-item .text .description {
  color: #0f0f0f;
  font-size: 0.875rem;
  line-height: 20px;
}

.news-slider-block .news-slider .slick-prev,
.news-slider-block .news-slider .slick-next {
  text-indent: -99999px;
  width: 35px;
  height: 35px;
  top: 50%;
  margin-top: -18px;
}

.news-slider-block .news-slider .slick-prev {
  background: url("/img/news-slider-prev.png") center no-repeat #81b204;
  left: -36px;
}

.news-slider-block .news-slider .slick-next {
  background: url("/img/news-slider-next.svg") center no-repeat #81b204;
  right: -36px;
}

.press-center-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.press-center-page .press-center-block {
  background: #fff;
  padding: 30px 30px 10px;
  margin-bottom: 30px;
  position: relative;
}

.press-center-page .press-center-block .block-title {
  margin-bottom: 30px;
}

.press-center-tabs {
  display: flex;
}

.press-center-tabs .press-center-tab {
  text-decoration: none;
  /*color: #808080;*/
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Lato-Semibold, sans-serif;
  /*border-top: 2px solid #dddddd;*/
  margin-right: 2px;
  /*background: #dddddd;*/
  height: 60px;
  padding: 0 20px;
  position: relative;
  min-width: 150px;

  color: #064325;
  background: #86ce00;
  background: rgba(134, 206, 0, 0.95);
  border-top: 2px solid rgba(134, 206, 0, 0.95);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
}

.press-center-tabs .press-center-tab.active {
  border-top: 2px solid #f4f4f4;
  background: #f4f4f4;
  color: #3a3a3a;
}

.press-center-tabs .press-center-tab span {
  width: 30px;
  height: 30px;
  overflow: hidden;
  position: absolute;
  top: 15px;
  left: 15px;
}

.press-center-tabs .press-center-tab.active span img {
  position: relative;
  top: -30px;
}

.press-center-catalog {
  padding: 30px 30px 18px;
  margin-bottom: 30px;
  background: #f4f4f4;
}

.press-center-catalog-fix {
  padding: 0;
  margin-bottom: 0;
  background: none;
}

.press-center-catalog form {
  display: flex;
  margin-bottom: 30px;
}

.press-center-catalog form .catalog-date {
  display: flex;
  margin-right: 30px;
}

.press-center-catalog form .catalog-date span {
  color: #000;
  font-size: 1rem;
  line-height: 34px;
  font-family: Lato-Medium, sans-serif;
  margin-right: 10px;
}

.press-center-catalog form .catalog-date select {
  width: 200px;
  height: 34px;
  border: 1px solid #ebebeb;
  line-height: 32px;
  color: #696969;
  font-size: 0.875rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 10px;
}

.press-center-items-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px;
}

.press-center-items-list .press-center-item {
  text-decoration: none;
  width: calc(33.333% - 12px);
  width: -webkit-calc(33.333% - 12px);
  margin: 0 6px 12px;
  position: relative;
  border: 1px solid #c2c2c2;
  background: #fff;
}

.press-center-items-list .press-center-item .press-center-item-title {
  background: rgba(0, 0, 0, 0.7);
  padding: 10px;
  height: 100px;
}

.press-center-items-list .press-center-item:hover .press-center-item-title {
  background: rgba(117, 181, 0, 0.9);
}

.press-center-items-list
  .press-center-item.vip-block:hover
  .press-center-item-title {
  background: rgba(172, 26, 47, 0.9);
}

.press-center-items-list .press-center-item .press-center-item-title span {
  height: 80px;
  line-height: 20px;
  border-left: 2px solid #fff;
  padding-left: 5px;
  font-size: 0.75rem;
  display: block;
  color: #fff;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.press-center-items-list .press-center-item .press-center-item-body {
  padding-bottom: 10px;
  background: #fff;
}

.press-center-items-list .press-center-item .press-center-item-body .img {
  margin-bottom: 10px;
  overflow: hidden;
  text-align: center;
}

.press-center-items-list .press-center-item .press-center-item-body .img img {
  max-width: 100%;
}

.press-center-items-list .press-center-item .press-center-item-body .date {
  color: #b2b2b2;
  font-size: 0.875rem;
  line-height: 20px;
  padding: 0 10px;
  margin-bottom: 10px;
}

.press-center-items-list .press-center-item .press-center-item-body .text {
  color: #6f6f6f;
  font-size: 0.875rem;
  line-height: 20px;
  height: 80px;
  overflow: hidden;
  padding: 0 10px;
}

.vacancy-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.vacancy-page .vacancy-block {
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
}

.vacancy-text a {
  color: #86cd00;
}

.vacancy-text p {
  font-size: 1rem;
  line-height: 22px;
  color: #000;
  margin-bottom: 20px;
}

.vacancy-text table {
  width: 100%;
  margin-bottom: 20px;
}

.vacancy-text table tr td {
  font-size: 1.125rem;
  line-height: 22px;
  color: #000;
  padding: 5px 10px;
  border: 1px solid #ebebeb;
}

.vacancy-text ul {
  margin-bottom: 20px;
}

.vacancy-text ul li {
  padding-left: 15px;
  position: relative;
  font-size: 1rem;
  line-height: 22px;
  color: #000;
  margin-bottom: 10px;
}

.vacancy-text ul li:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 6px;
  left: 2px;
  background: #86ce00;
}

.vacancy-location > div {
  font-size: 1.125rem;
  line-height: 22px;
  color: #000;
  margin-bottom: 20px;
}

.vacancy-location,
.vacancy-text,
.vacancy-manager {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}

.vacancy-manager {
  font-size: 1.125rem;
  line-height: 22px;
  color: #000;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.vacancy-form {
}

.vacancy-form .title {
  font-size: 1.125rem;
  line-height: 22px;
  color: #000;
  margin-bottom: 30px;
  font-family: Lato-Black, sans-serif;
}

.vacancy-form form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.vacancy-form form .g-recaptcha {
  margin-bottom: 20px;
}

.vacancy-form form .left-side,
.vacancy-form form .right-side {
  width: calc(50% - 10px);
  width: -webkit-calc(50% - 10px);
}
.resume-form_group {
  width: 100%;
}
.vacancy-form form .input-field {
  width: 100%;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
  margin-bottom: 20px;
}

.vacancy-form form textarea {
  width: 100%;
  height: 250px;
  border: 1px solid #ebebeb;
  line-height: 22px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 10px 20px;
  margin-bottom: 20px;
}

.vacancy-form form .attach-file {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
}

.vacancy-form form .attach-file .subtitle {
  width: 200px;
  font-size: 1.125rem;
  line-height: 22px;
  color: #000;
}

.vacancy-form form .attach-file .upload-file {
  width: calc(100% - 200px);
  width: -webkit-calc(100% - 200px);
}

.vacancy-form form .attach-file .upload-file .file_upload {
}

.vacancy-form form .attach-file .upload-file .file_upload .btn_upload {
  color: #81b204;
  font-size: 1.125rem;
  line-height: 22px;
  background: none;
  border: none;
  text-decoration: underline;
  margin-bottom: 5px;
}

.vacancy-form form .attach-file .upload-file .file_upload .file_name {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 22px;
  font-size: 1.125rem;
  color: #5e5e5e;
  display: none;
  margin-bottom: 5px;
}

.vacancy-form form .attach-file .upload-file input[type="file"] {
  position: absolute;
  top: 0;
  visibility: hidden;
  max-width: 0px;
}

.vacancy-form
  form
  .attach-file
  .upload-file
  input[type="file"].error
  + .file_upload
  .btn_upload {
  color: red;
}

.vacancy-form form .attach-file .hint {
  color: #696969;
  font-size: 0.875rem;
  line-height: 18px;
  font-weight: 300;
  text-align: left;
  font-family: Lato-Light, sans-serif;
}

.vacancy-form form .attach-file .hint.error {
  color: red;
}

.vacancy-form form .vacancy-form-checkbox {
  width: 100%;
  margin-bottom: 30px;
}

.vacancy-form form .vacancy-form-btn {
  text-align: center;
  width: 100%;
}

.partners-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.partners-page .partners-block {
  background: #fff;
  padding: 30px;
  /*margin-bottom: 15px;*/
  position: relative;
}

.partners-page .partners-block .block-title {
  margin-bottom: 30px;
}

.partners-page .partners-block .block-description {
  margin-bottom: 30px;
}

.partners-tabs {
  display: flex;
  margin: 0 -30px;
}

.partners-tabs .partners-tab {
  text-decoration: none;
  color: #808080;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: Lato-Light, sans-serif;
  border-top: 2px solid #dddddd;
  margin-right: 2px;
  background: #dddddd;
  height: 60px;
  position: relative;
  padding: 0 20px 0 60px;
  min-width: 150px;
}

.partners-tabs .partners-tab.active {
  background: #f4f4f4;
  color: #3a3a3a;
  font-family: Lato-Bold, sans-serif;
  border-top: 2px solid #96ca12;
}

.partners-tabs .partners-tab span {
  width: 30px;
  height: 30px;
  overflow: hidden;
  position: absolute;
  top: 15px;
  left: 15px;
}

.partners-tabs .partners-tab.active span img {
  position: relative;
  top: -30px;
}

.partners-list-tab {
  background: #f4f4f4;
  padding: 30px;
  margin-bottom: 30px;
}

.partners-form form {
  display: flex;
  justify-content: space-between;
}

.partners-form .partners-select {
  display: flex;
  margin-bottom: 30px;
}

.partners-form .partners-select span {
  color: #000;
  font-size: 1rem;
  line-height: 34px;
  font-family: Lato-Medium, sans-serif;
  margin-right: 10px;
}

.partners-form .partners-select select {
  width: 200px;
  height: 34px;
  border: 1px solid #ebebeb;
  line-height: 32px;
  color: #696969;
  font-size: 0.875rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 10px;
}

.partners-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px 0;
}

.partners-list .partner-item {
  width: calc(25% - 12px);
  width: -webkit-calc(25% - 12px);
  margin: 0 6px 12px;
  position: relative;
  overflow: hidden;
  display: block;
  text-decoration: none;
}

.partners-list .partner-item .partner-title {
  background: rgba(0, 0, 0, 0.7);
  padding: 15px 10px;
  height: 80px;
  display: block;
  text-decoration: none;
}

.partners-list .partner-item .partner-title span {
  height: 50px;
  line-height: 20px;
  border-left: 2px solid #fff;
  padding-left: 5px;
  font-size: 0.875rem;
  display: block;
  color: #fff;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.partners-list .partner-item .partner-body {
  padding: 0 10px 40px;
  border: 1px solid #c2c2c2;
  height: 305px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}

.partners-list .partner-item .partner-body img {
  width: 80%;
  height: auto;
  object-fit: contain;
}

.partners-list .partner-item .partner-wrap {
  position: relative;
}

.partners-list .partner-item .partner-text-container {
  margin-bottom: 10px;
  color: #6f6f6f;
}

.partners-list .partner-item .product-btn {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: top 0.3s ease 0s;
  transition: top 0.3s ease 0s;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  background: #ffffff;
}

.partners-list .partner-item:hover .product-btn {
  top: 0%;
}

.debit-card-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.debit-card-page .debit-card-block {
  background: #fff;
  padding: 30px;
  margin-bottom: 50px;
  position: relative;
}

.debit-card-page .debit-card-block .block-title {
  margin-bottom: 0;
}

.credit-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.credit-page.blank {
  margin-top: initial;
  margin-bottom: 50px;
}

.credit-page .credit-block {
  background: #fff;
  padding: 30px 30px 0;
  margin-bottom: 30px;
}

.credit-page .order-form {
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
}

.order-form.no-background {
  background: transparent;
}

.news-text .payments-results ul li:before {
  display: none;
}
.news-text a.btn {
  color: #fefefe;
}

.credit-page.freedom-page .credit-block {
  padding-bottom: 30px;
}

.credit-page .credit-block .block-title {
  margin-bottom: 30px;
}

.credit-page .credit-block.calculator-block {
  padding: 30px 0;
  margin-bottom: 0;
  flex-wrap: wrap;
}

.credit-page .credit-block.calculator-block h2.title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
  text-align: center;
  width: 100%;
}

.credit-page .credit-block.calculator-block .credit-payroll .payroll-block {
  margin-bottom: 0;
}

.credit-page .documents-list {
  margin: 0 -30px;
  background: #fff;
}

.credit-page .documents-list .documents-item .question span {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
}

.credit-page .documents-list .documents-item {
  border-top: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
}

.credit-page .documents-list .calculator-results {
  padding: 30px 0;
  background: #f7f7f7;
}

.credit-description {
  margin-bottom: 30px;
}

.credit-description p {
  color: #0f0f0f;
  font-size: 1.125rem;
  line-height: 24px;
}

.credit-advantages {
  margin: 0 -30px;
  padding: 30px 30px 10px;
}

.deposit-block--changed-order .credit-advantages {
  padding: 10px 30px 30px 30px;
}

.credit-advantages .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.credit-advantages .title span {
  color: #86cd00;
}

.credit-advantages .advantages-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.credit-advantages .advantages-list .item {
  width: 33.333%;
  position: relative;
  padding: 20px;
}

.credit-advantages .advantages-list .item .img {
  text-align: center;
  margin-bottom: 20px;
}

.credit-advantages .advantages-list .item .img img {
  max-width: 100%;
}

.credit-advantages .advantages-list .item .text {
  color: #666666;
  font-size: 1rem;
  line-height: 20px;
  text-align: center;
}

.credit-advantages .advantages-list .item .text ul li {
  position: relative;
  padding-left: 15px;
}

.credit-advantages .advantages-list .item .text ul li:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #86ce00;
  margin-right: 5px;
}

.credit-terms {
  padding: 30px 30px 10px;
  border: 1px solid #ccc;
  margin-bottom: 30px;
}

.credit-terms + .order-form {
  margin: 0 -30px;
  margin-top: -20px;
}

.credit-terms h2 {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.credit-terms h2 span {
  color: #86cd00;
}

.credit-terms .credit-terms-list {
  counter-reset: my-counter;
  display: flex;
  flex-wrap: wrap;
}

.credit-terms .credit-terms-list .credit-terms-item {
  width: 50%;
  display: flex;
  position: relative;
  padding-right: 30px;
  margin-bottom: 20px;
  align-items: flex-start;
}

.credit-terms .credit-terms-list .credit-terms-item .img {
  text-align: center;
  width: 50px;
  margin-right: 20px;
}

.credit-terms .credit-terms-list .credit-terms-item .img img {
  max-width: 100%;
  max-height: 50px;
}

.credit-terms .credit-terms-list .credit-terms-item .text {
  width: calc(100% - 70px);
  width: -webkit-calc(100% - 70px);
  color: #666666;
  font-size: 1rem;
  line-height: 20px;
  text-align: left;
}

.credit-terms .credit-terms-list .credit-terms-item .text ul {
  margin-bottom: 20px;
}

.credit-terms .credit-terms-list .credit-terms-item .text ol li {
  padding-left: 15px;
}

.credit-terms .credit-terms-list .credit-terms-item .text ol li {
  position: relative;
  font-size: 0.875rem;
  line-height: 18px;
  color: #666666;
  margin-bottom: 10px;
}

.credit-terms .credit-terms-list .credit-terms-item .text ul li {
  padding-left: 15px;
  position: relative;
  font-size: 0.875rem;
  line-height: 18px;
  color: #666666;
  margin-bottom: 10px;
}

.credit-terms .credit-terms-list .credit-terms-item .text ul li:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 6px;
  left: 2px;
  background: #86ce00;
}

.credit-btns {
  text-align: center;
  margin-bottom: 30px;
}

.credit-btns .btn {
  margin: 0 15px;
}

.text-image-block {
  display: flex;
  margin: 0 -30px 30px;
}

.text-image-block .text-side {
  width: calc(100% - 350px);
  width: -webkit-calc(100% - 350px);
  padding: 30px 30px 10px;
  background: #edfaf7;
}

.text-image-block.no-bg .text-side {
  background: none;
}

.text-image-block .text-side h2 {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
}

.text-image-block .text-side p {
  color: #000000;
  font-size: 1.125rem;
  line-height: 24px;
  margin-bottom: 20px;
}

.text-image-block .text-side ul {
}

.text-image-block .text-side ul li {
  color: #000000;
  font-size: 1.125rem;
  line-height: 24px;
  margin-bottom: 20px;
}

.text-image-block .text-side ul li span {
  color: #81b204;
  font-size: 1.875rem;
  font-family: Lato-Black, sans-serif;
}

.text-image-block .image-side {
  width: 350px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.text-image-block .image-side p {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 1.25rem;
  font-family: Lato-Black, sans-serif;
}

.text-image-block .image-side span {
  color: #fff;
  font-size: 4.375rem;
  font-family: Lato-Black, sans-serif;
}

.credit-auto-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.credit-auto-page .credit-auto-block {
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
}

.credit-auto-page .credit-auto-block .block-title {
  margin-bottom: 0;
}

.credit-auto-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px 0;
}

.credit-auto-list .credit-auto-item {
  width: calc(25% - 12px);
  width: -webkit-calc(25% - 12px);
  margin: 0 6px 12px;
  position: relative;
  overflow: hidden;
}

.credit-auto-list .credit-auto-item .credit-auto-title {
  background: rgba(0, 0, 0, 0.7);
  padding: 15px 10px;
  height: 80px;
}

.credit-auto-list .credit-auto-item .credit-auto-title span {
  height: 50px;
  line-height: 20px;
  border-left: 2px solid #fff;
  padding-left: 5px;
  font-size: 0.875rem;
  display: block;
  color: #fff;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.credit-auto-list .credit-auto-item .credit-auto-body {
  padding-bottom: 40px;
  border: 1px solid #ebebeb;
  background: #fff;
  height: 305px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.credit-auto-list .credit-auto-item .credit-auto-btn {
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  text-align: center;
  -webkit-transition: bottom 0.3s ease 0s;
  transition: bottom 0.3s ease 0s;
}

.credit-auto-list .credit-auto-item:hover .credit-auto-btn {
  bottom: 30px;
}

.insurance-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.insurance-page .insurance-block {
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
}

.insurance-page .insurance-block .block-title {
  margin-bottom: 0;
}

.faq-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.faq-page .faq-block {
  background: #fff;
  padding: 30px;
  margin-bottom: 0;
  position: relative;
}

.faq-page .faq-block .block-title {
  margin-bottom: 0;
}

.faq-catalog {
  padding: 30px;
  background: #fff;
}

.faq-catalog form {
}

.faq-catalog form .faq-category {
  display: flex;
  margin-bottom: 30px;
}

.faq-catalog form .faq-category span {
  color: #000;
  font-size: 1rem;
  line-height: 34px;
  font-family: Lato-Medium, sans-serif;
  margin-right: 10px;
}

.faq-catalog form .faq-category select {
  width: 200px;
  height: 34px;
  border: 1px solid #ebebeb;
  line-height: 32px;
  color: #696969;
  font-size: 0.875rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 10px;
}

.faq-list {
}

.faq-list .faq-item {
  padding: 30px;
  border-bottom: 1px solid #b7b7b7;
}

.faq-list .faq-item.open {
  background: #f7f7f7;
}

.faq-list .faq-item .question {
  background: url("/img/closed.png") right center no-repeat;
  min-height: 30px;
  display: flex;
  align-items: center;
}

.faq-list .faq-item.open > .question {
  background: url("/img/opened.png") right center no-repeat;
}

.faq-list .faq-item .question span {
  font-size: 1rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Medium, sans-serif;
  padding-right: 40px;
  cursor: pointer;
  display: block;
  width: 100%;
}

.faq-list .faq-item .answer {
  height: 0;
  overflow: hidden;
}

.faq-list .faq-item.open > .answer {
  height: auto;
}

.faq-list .faq-item .answer .text {
  color: #5f5f5f;
  font-size: 1rem;
  line-height: 24px;
  padding: 30px;
  display: flex;
  flex-direction: column;
}

.faq-list .faq-item .answer .text .news-text {
  margin-bottom: 0;
}

.faq-list .faq-item .answer .text .pdf-file {
  margin-bottom: 15px;
}

.faq-list .faq-item .answer .text table {
  width: 100%;
  margin-bottom: 20px;
}

.faq-list .faq-item .answer .text table thead tr td,
.faq-list .faq-item .answer .text table thead tr th {
  color: #fff;
  font-size: 0.875rem;
  line-height: 18px;
  font-family: Lato-Light, sans-serif;
  border: 2px solid #f4f4f4;
  text-align: center;
  background: #009597;
}

.faq-list .faq-item .answer .text table tr td,
.faq-list .faq-item .answer .text table tr th {
  font-size: 0.875rem;
  line-height: 18px;
  color: #000;
  padding: 15px 10px;
  border: 2px solid #ebebeb;
}

.faq-list .faq-item .answer .text p {
  font-size: 0.875rem;
  line-height: 18px;
  color: #000;
  margin-bottom: 20px;
}

.faq-list .faq-item .answer .text ul {
  margin-bottom: 20px;
}

.faq-list .faq-item .answer .text ol {
  padding-left: 15px;
}

.faq-list .faq-item .answer .text ol li {
  position: relative;
  font-size: 0.875rem;
  line-height: 18px;
  color: #000;
  margin-bottom: 10px;
}

.faq-list .faq-item .answer .text ul li {
  padding-left: 15px;
  position: relative;
  font-size: 0.875rem;
  line-height: 18px;
  color: #000;
  margin-bottom: 10px;
}

.faq-list .faq-item .answer .text ul li:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 6px;
  left: 2px;
  background: #86ce00;
}

.rada-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.rada-page .rada-block {
  background: #fff;
  padding: 30px;
  position: relative;
}

.rada-page .rada-block .block-title {
  margin-bottom: 0;
}

.rada-list {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  padding: 0 30px 18px;
}

.rada-list .rada-item {
  background: #fff;
  border: 1px solid #c2c2c2;
  width: calc(25% - 12px);
  width: -webkit-calc(25% - 12px);
  margin: 0 6px 12px;
  position: relative;
  overflow: hidden;
}

.rada-list .rada-item .img {
  display: flex;
  justify-content: center;
  align-content: center;
}

.rada-list .rada-item .img img {
  max-width: 100%;
}

.rada-list .rada-item .text {
  padding: 20px 10px;
}

.rada-list .rada-item .text .name {
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  color: #010000;
  font-family: Lato-Black, sans-serif;
}

.rada-list .rada-item .text .position {
  color: #7f7f7f;
  font-size: 0.875rem;
  line-height: 18px;
  text-align: center;
}

.mortgage-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.mortgage-page .mortgage-block {
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
}

.mortgage-page .mortgage-block .block-title {
  margin-bottom: 0;
}

.mortgage-list-tab {
  background: #f4f4f4;
  padding: 30px;
  margin-bottom: 30px;
}

.mortgage-form form {
  display: flex;
}

.mortgage-form .mortgage-select {
  display: flex;
  margin-bottom: 30px;
  margin-right: 30px;
}

.mortgage-form .mortgage-select span {
  color: #000;
  font-size: 1rem;
  line-height: 34px;
  font-family: Lato-Medium, sans-serif;
  margin-right: 10px;
}

.mortgage-form .mortgage-select select {
  width: 200px;
  height: 34px;
  border: 1px solid #ebebeb;
  line-height: 32px;
  color: #696969;
  font-size: 0.875rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 10px;
}

.mortgage-list {
}

.mortgage-list .mortgage-item {
  border: 1px solid #d7d7d7;
  display: flex;
}

.mortgage-list .mortgage-item .img {
  width: 360px;
}

.mortgage-list .mortgage-item .img .mortgage-slider {
  height: 270px;
}

.mortgage-list .mortgage-item .img .mortgage-slider .item {
  position: relative;
  height: 270px;
}

.mortgage-list .mortgage-item .img .mortgage-slider .item a {
  display: block;
  position: relative;
  height: 270px;
  overflow: hidden;
  width: 100%;
}

.mortgage-list .mortgage-item .img .mortgage-slider .item:hover a:after {
  content: "";
  position: absolute;
  display: block;
  width: 80px;
  height: 80px;
  background: url("/img/zoom.png") 0 0 no-repeat;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
}

.mortgage-list .mortgage-item .img .mortgage-slider .item img {
  position: absolute;
  top: 50%;
  left: 50%;
  /*min-width: 100%;*/
  min-height: 100%;
  width: auto;
  height: 100%;
  z-index: 1;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
}

.mortgage-list .mortgage-item .img .mortgage-slider .slick-prev,
.mortgage-list .mortgage-item .img .mortgage-slider .slick-next {
  text-indent: -99999px;
  width: 44px;
  height: 44px;
  top: 50%;
  margin-top: -22px;
  border-radius: 50%;
}

.mortgage-list .mortgage-item .img .mortgage-slider .slick-prev {
  background: url("/img/slider_left.svg") center no-repeat rgba(0, 0, 0, 0.5);
  left: 10px;
}

.mortgage-list .mortgage-item .img .mortgage-slider .slick-next {
  background: url("/img/slider_right.svg") center no-repeat rgba(0, 0, 0, 0.5);
  right: 10px;
}

.mortgage-list .mortgage-item .text {
  width: calc(100% - 360px);
  width: -webkit-calc(100% - 360px);
  padding: 20px;
}

.mortgage-list .mortgage-item .text .title {
  margin-bottom: 20px;
}

.mortgage-list .mortgage-item .text .id-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.mortgage-list .mortgage-item .text .id-btn .id {
  color: #000000;
  font-size: 0.8125rem;
  line-height: 20px;
  background: #e1e1e1;
  padding: 5px 20px;
  border-radius: 3px;
}

.mortgage-list .mortgage-item .text .description {
}

.mortgage-list .mortgage-item .text .description p {
  font-size: 0.875rem;
  line-height: 18px;
  margin-bottom: 5px;
  color: #696969;
}

.mortgage-list .mortgage-item .text .description p strong {
  color: #000;
}

.mortgage-list .mortgage-item .text .contacts {
  margin-top: 15px;
  font-size: 0.875rem;
  line-height: 18px;
  color: #696969;
}

.mortgage-list .mortgage-item .text .contacts strong {
  color: #000;
}

.popup-open {
  overflow: hidden;
}

.popup {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  max-width: 100%;
  margin: 0;
  overflow-y: auto;
}

.popup .popup-container {
  position: absolute;
  top: 120px;
  bottom: auto;
  left: 50%;
  width: 480px;
  margin-left: -240px;
  background: #fff;
  transform: none;
  overflow: initial;
  padding: 30px;
}

.popup .popup-container .popup-close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #000;
  cursor: pointer;
  text-align: center;
  background: url(/img/krestik.svg) center no-repeat;
}

.popup .popup-container .popup-body .popup-title {
  color: #0f0f0f;
  font-size: 1.5rem;
  line-height: 30px;
  margin-bottom: 20px;
  text-transform: uppercase;
  text-align: center;
}

.popup .popup-container .popup-body form {
  text-align: center;
}

.popup .popup-container .popup-body form .form-input label.error {
  /* display: none !important; */
}

.popup .popup-container .popup-body form .form-input input[type="text"],
.popup .popup-container .popup-body form .form-input input[type="tel"] {
  width: 100%;
  height: 34px;
  border: 1px solid #ebebeb;
  line-height: 32px;
  color: #696969;
  font-size: 0.875rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
  margin-bottom: 10px;
}

.popup .popup-container .popup-body form .form-input .g-recaptcha-vip-section {
  margin-bottom: 20px;
}

.popup .popup-container .popup-body form .form-input input[type="text"].error,
.popup .popup-container .popup-body form .form-input input[type="tel"].error {
  border-color: red;
}

.popup .popup-container .popup-body form .form-input select {
  width: 100%;
  height: 34px;
  border: 1px solid #ebebeb;
  line-height: 32px;
  color: #696969;
  font-size: 0.875rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 10px;
}

.popup .popup-container .popup-body form .form-input textarea {
  width: 100%;
  height: 150px;
  border: 1px solid #ebebeb;
  line-height: 22px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 10px 20px;
  margin-bottom: 10px;
}

.popup .popup-container .popup-body form .form-field label.css-label {
  margin-bottom: 10px;
}

.popup
  .popup-container
  .popup-body
  form
  .form-input
  .g-recaptcha-callback-popup,
.popup .popup-container .popup-body form .form-input .g-recaptcha-feedback,
#g-recaptcha-office,
#g-recaptcha-gsm,
#g-recaptcha-reference,
#g-recaptcha-mortgage,
#g-recaptcha-phone,
#g-recaptcha-vacancy {
  margin: 0 auto 20px;
  width: max-content;
}

.popup .popup-container .popup-body .popup-status {
  padding: 30px 0;
  min-height: 200px;
}

.popup .popup-container .popup-body .popup-status .img {
  text-align: center;
  margin-bottom: 50px;
}

.popup .popup-container .popup-body .popup-status div.h2 {
  color: #606060;
  font-size: 2.25rem;
  text-align: left;
  line-height: 40px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.popup .popup-container .popup-body .popup-status div.h3 {
  color: #606060;
  font-size: 1.125rem;
  text-align: left;
  line-height: 24px;
  font-family: Lato-Light, sans-serif;
}

.popup .popup-container .popup-body .popup-knopka {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
}

.popup .popup-container .popup-body .popup-knopka a {
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 3px;
  font-size: 0.75rem;
  padding: 5px 20px;
  color: #fff;
  text-decoration: none;
  font-family: Lato-Light, sans-serif;
}

#popup-thanks .popup-container .popup-body .popup-knopka {
  background: #95c912;
}

#popup-error .popup-container .popup-body .popup-knopka {
  background: #fb6e51;
}

#popup-error .popup-container {
  background: url("/img/popup-bg-red.jpg") top right no-repeat #fdf2f0;
}

#popup-thanks .popup-container {
  background: url("/img/popup-bg-green.jpg") top right no-repeat #f2ffd0;
}

#popup-attention .popup-container .popup-body .popup-knopka {
  background: #95c912;
}

#popup-attention .popup-container {
  background: url("/img/popup-bg-green.jpg") top right no-repeat #f2ffd0;
}

#popup-browser.browser-popup {
  background: rgba(155, 155, 155, 0.5);
}

#popup-browser .browser-popup-window {
  top: 50% !important;
  margin-left: 0;
  transform: translate(-50%, -50%);
  box-shadow: 0px 0px 23px rgb(0 0 0 / 9%);
  border-radius: 16px;
  padding: 128px 80px;
  text-align: center;
  width: calc(100% - 40px);
  max-width: 990px;
  max-height: calc(100% - 50px);
  overflow: auto;
}

.content-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.content-page .content-block {
  background: #fff;
  padding: 30px 30px 0;
  margin-bottom: 30px;
  position: relative;
}

.content-text a {
  color: #86cd00;
}

.content-text p {
  font-size: 0.875rem;
  line-height: 18px;
  color: #000;
  margin-bottom: 20px;
}

.content-text img {
  max-width: 100%;
}

#popup-partners .content-text img {
  max-height: 100px;
}

.content-text table {
  width: 100%;
  margin-bottom: 20px;
}

.content-text table thead tr td,
.content-text table thead tr th {
  color: #fff;
  font-size: 0.875rem;
  font-family: Lato-Light, sans-serif;
  height: 60px;
  border: 2px solid #f4f4f4;
  text-align: center;
  padding: 10px;
  background: #009597;
}

.content-text table tr td,
.content-text table tr th {
  /*height: 60px;*/
  height: 40px;
  text-align: center;
  background: #ffffff;
  color: #000000;
  font-size: 0.875rem;
  font-family: Lato-Semibold, sans-serif;
  /*border: 2px solid #f4f4f4;*/
  border: 2px solid #b2b2b2;
  padding: 10px;
}

.content-text ul {
  margin-bottom: 20px;
}

.content-text ol {
  padding-left: 15px;
}

.content-text ol li {
  position: relative;
  font-size: 0.875rem;
  line-height: 18px;
  color: #000;
  margin-bottom: 10px;
}

.content-text ul li {
  padding-left: 15px;
  position: relative;
  font-size: 0.875rem;
  line-height: 18px;
  color: #000;
  margin-bottom: 10px;
}

.content-text ul li:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 6px;
  left: 2px;
  background: #86ce00;
}

.error-section {
  padding-top: 300px;
  padding-bottom: 200px;
  text-align: center;
}

.error-section .container .error {
  width: 100%;
  font-size: 9.375rem;
  line-height: 150px;
  color: #fff;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  margin-bottom: 30px;
  font-family: Lato-Light, sans-serif;
}

.error-section .container .text {
  width: 100%;
  font-size: 1.875rem;
  line-height: 30px;
  color: #fff;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  margin-bottom: 30px;
}

.documents-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.documents-page .documents-block {
  background: #fff;
  padding: 30px;
  margin-bottom: 2px;
  position: relative;
}

.documents-page .documents-block .block-title {
  margin-bottom: 0;
}

.documents-tabs-block {
  margin-bottom: 30px;
}

.documents-tabs {
  display: flex;
}

.documents-tabs .documents-tab {
  text-decoration: none;
  font-size: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Lato-Semibold, sans-serif;
  margin-right: 2px;
  min-height: 60px;
  padding: 2px 15px;
  position: relative;
  color: #064325;
  background: rgba(134, 206, 0, 0.95);
  border-top: 2px solid rgba(134, 206, 0, 0.95);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
}

.documents-tabs .documents-tab.active {
  background: #f4f4f4;
  color: #3a3a3a;
  font-family: Lato-Bold, sans-serif;
  border-top: 2px solid #f4f4f4;
}

.documents-tabs .documents-tab span {
  width: 30px;
  height: 30px;
  overflow: hidden;
  position: absolute;
  top: 15px;
  left: 15px;
}

.documents-tabs .documents-tab.active span img {
  position: relative;
  top: -30px;
}

.documents-info-tab {
  background: #f4f4f4;
  padding: 30px;
}

.documents-info-tab .simple-text,
.deposit-info-tab .simple-text {
  font-size: 1rem;
  line-height: 24px;
  margin-bottom: 30px;
}

.documents-info-tab .simple-text a,
.deposit-info-tab .simple-text a {
  color: #86cd00;
}

.documents-info-tab .simple-text a.fr-file,
.deposit-info-tab .simple-text a.fr-file {
  background: url(/img/file.svg) 0 0 no-repeat;
  padding-left: 45px;
  min-height: 40px;
  line-height: 40px;
  display: flex;
  align-items: center;
  color: #808080;
  text-decoration: none;
}

.documents-info-tab .simple-text p,
.deposit-info-tab .simple-text p {
  font-size: 0.875rem;
  line-height: 18px;
  color: #000;
  margin-bottom: 20px;
}

.documents-info-tab .simple-text table,
.deposit-info-tab .simple-text table {
  width: 100%;
  margin-bottom: 20px;
}

.documents-info-tab .simple-text table thead tr td,
.documents-info-tab .simple-text table thead tr th,
.deposit-info-tab .simple-text table thead tr td,
.deposit-info-tab .simple-text table thead tr th,
.content-text table thead tr td,
.content-text table thead tr th {
  color: #fff;
  font-size: 0.875rem;
  font-family: Lato-Light, sans-serif;
  height: 60px;
  border: 2px solid #f4f4f4;
  text-align: center;
  padding: 10px;
  background: #009597;
}

.documents-info-tab .simple-text table tr td,
.documents-info-tab .simple-text table tr th,
.deposit-info-tab .simple-text table tr td,
.deposit-info-tab .simple-text table tr th,
.content-text table thead tr td,
.content-text table thead tr th {
  height: 60px;
  text-align: center;
  background: #ffffff;
  color: #000000;
  font-size: 0.875rem;
  font-family: Lato-Semibold, sans-serif;
  border: 2px solid #f4f4f4;
  padding: 10px;
}

.documents-info-tab .simple-text ul,
.deposit-info-tab .simple-text ul {
  margin-bottom: 20px;
}

.documents-info-tab .simple-text ol,
.deposit-info-tab .simple-text ol {
  padding-left: 15px;
}

.documents-info-tab .simple-text ol li,
.deposit-info-tab .simple-text ol li {
  position: relative;
  font-size: 0.875rem;
  line-height: 18px;
  color: #000;
  margin-bottom: 10px;
}

.documents-info-tab .simple-text ul li,
.deposit-info-tab .simple-text ul li {
  padding-left: 15px;
  position: relative;
  font-size: 0.875rem;
  line-height: 18px;
  color: #000;
  margin-bottom: 10px;
}

.documents-info-tab .simple-text ul li:before,
.deposit-info-tab .simple-text ul li:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 6px;
  left: 2px;
  background: #86ce00;
}

.documents-list,
.calc-result-table-list {
  background: #f7f7f7;
}

.documents-list .documents-item,
.calc-result-table-list .calc-result-table-item {
  padding: 30px;
  border-bottom: 1px solid #b7b7b7;
}

.payments-result-table-list .payments-result-table-item {
  background: #009597;
  margin-top: 40px;
  width: 100%;
}

.documents-list .documents-item.open,
.calc-result-table-list .calc-result-table-item.open {
  background: #f7f7f7;
}

.documents-list .documents-item .question,
.calc-result-table-list .calc-result-table-item .question {
  background: url("/img/closed.png") right center no-repeat;
  min-height: 30px;
  display: flex;
  align-items: center;
}

.payments-result-table-list .payments-result-table-item .question {
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 21px 27px 21px 10px;
  width: 100%;
}

.payments-result-table-list
  .payments-result-table-item
  .question
  .question-item {
  color: #fff;
  font-size: 1rem;
  line-height: 24px;
  font-family: Lato-Medium, sans-serif;
  cursor: pointer;
  display: block;
  width: 100%;
  margin-bottom: 0;
}

.payments-result-table-list .payments-result-table-item .question img,
.additional-result-table-list .additional-result-table-item .question img {
  transform: rotate(180deg);
}

.payments-result-table-list .payments-result-table-item .question img.active,
.additional-result-table-list
  .additional-result-table-item
  .question
  img.active {
  transform: rotate(0deg);
}

.payments-result-table-list .payments-result-table-item > .answer {
  background: #fafafa;
  font-family: Lato-Medium, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 18px;
  color: #696969;
}

#payments-results ul {
  padding: 20px 0;
  /* border-bottom: 1px solid #B1B1B1; */
}

#payments-results ul > li {
  padding: 10px;
}

#payments-results ul > li > img {
  margin-right: 8px;
}

#payments-results .payments-results-actions {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  padding: 20px 10px;
}

#payments-results .payments-results-actions button {
  background: none;
  border: transparent;
  color: #548200;
  border-bottom: 1px dashed #548200;
  transition: 0.15s all ease-out;
}

#payments-results .payments-results-actions button:hover {
  color: #476d00;
  border-bottom: 1px dashed #476d00;
}

.documents-list .documents-item.open > .question,
.calc-result-table-list .calc-result-table-item.open > .question {
  background: url("/img/opened.png") right center no-repeat;
}

.documents-list .documents-item .question span,
.calc-result-table-list .calc-result-table-item .question span {
  font-size: 1rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Medium, sans-serif;
  padding-right: 40px;
  cursor: pointer;
  display: block;
  width: 100%;
}

.documents-list .documents-item .answer,
.calc-result-table-list .calc-result-table-item .answer,
.payments-result-table-list .payments-result-table-item .answer,
.additional-result-table-list .additional-result-table-item .answer {
  height: 0;
  overflow: hidden;
}

.documents-list .documents-item.open > .answer,
.calc-result-table-list .calc-result-table-item.open > .answer,
.payments-result-table-list .payments-result-table-item.open > .answer,
.additional-result-table-list .additional-result-table-item.open > .answer {
  height: auto;
}

.documents-list .documents-item .answer .text,
.calc-result-table-list .calc-result-table-item .answer .text {
  color: #5f5f5f;
  font-size: 1rem;
  line-height: 24px;
  padding: 30px 30px 10px;
  display: flex;
  flex-direction: column;
}

.documents-list .documents-item .answer .text a,
.calc-result-table-list .calc-result-table-item .answer .text a {
  color: #86cd00;
  text-decoration: none;
}

.documents-list .documents-item .answer .text p,
.calc-result-table-list .calc-result-table-item .answer .text p {
  font-size: 0.875rem;
  line-height: 18px;
  color: #000;
  margin-bottom: 20px;
}

.documents-list .documents-item .answer .text table,
.calc-result-table-list .calc-result-table-item .answer .text table {
  width: 100%;
  margin-bottom: 20px;
}

.documents-list .documents-item .answer .text table tr td,
.documents-list .documents-item .answer .text table tr th,
.calc-result-table-list .calc-result-table-item .answer .text table tr td,
.calc-result-table-list .calc-result-table-item .answer .text table tr th {
  font-size: 0.875rem;
  line-height: 18px;
  color: #000;
  padding: 5px 10px;
  border: 1px solid #ebebeb;
}

.documents-list .documents-item .answer .text ul,
.calc-result-table-list .calc-result-table-item .answer .text ul {
  margin-bottom: 20px;
}

.documents-list .documents-item .answer .text ol,
.calc-result-table-list .calc-result-table-item .answer .text ol {
  padding-left: 15px;
}

.documents-list .documents-item .answer .text ol li,
.calc-result-table-list .calc-result-table-item .answer .text ol li {
  position: relative;
  font-size: 0.875rem;
  line-height: 18px;
  color: #000;
  margin-bottom: 10px;
}

.documents-list .documents-item .answer .text ul li,
.calc-result-table-list .calc-result-table-item .answer .text ul li {
  padding-left: 15px;
  position: relative;
  font-size: 0.875rem;
  line-height: 18px;
  color: #000;
  margin-bottom: 10px;
}

.documents-list .documents-item .answer .text ul li:before,
.calc-result-table-list .calc-result-table-item .answer .text ul li:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 6px;
  left: 2px;
  background: #86ce00;
}

.documents-info-tab .pdf-file {
  margin-bottom: 20px;
}

.new-catalog-page .catalog-block {
  display: flex;
  justify-content: space-between;
}

.new-catalog-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.new-catalog-page .catalog-block .left-side {
  width: 100%;
  background: #fff;
  padding: 30px;
}

.new-catalog-page .catalog-block .left-side .block-title {
  margin-bottom: 30px;
}

.new-catalog-page .catalog-block .left-side .block-subtitle {
  font-size: 1rem;
  line-height: 24px;
  margin-bottom: 30px;
}

.new-catalog-page .catalog-block .left-side .products-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px;
}

.new-catalog-page .catalog-block .left-side .products-list .product-item {
  width: calc(33.333% - 12px);
  width: -webkit-calc(33.333% - 12px);
  margin: 0 6px 30px;
  height: 365px;
  overflow: hidden;
  position: relative;
  background: #f7ffe8;
  text-decoration: none;
}

.new-catalog-page
  .catalog-block
  .left-side
  .products-list
  .product-item
  .product-title {
  background: rgba(0, 0, 0, 0.7);
  padding: 10px;
  height: 100px;
  display: block;
  text-decoration: none;
}

.new-catalog-page
  .catalog-block
  .left-side
  .products-list
  .product-item.article-item
  .product-title {
  background: rgba(134, 205, 0, 0.7);
}

.new-catalog-page
  .catalog-block
  .left-side
  .products-list
  .product-item
  .product-title
  span {
  height: 80px;
  line-height: 20px;
  border-left: 2px solid #fff;
  padding-left: 5px;
  font-size: 0.75rem;
  display: block;
  color: #fff;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.new-catalog-page
  .catalog-block
  .left-side
  .products-list
  .product-item
  .product-body {
  height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f7ffe8;
}

.new-catalog-page
  .catalog-block
  .left-side
  .products-list
  .product-item
  .product-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 290px;
  -webkit-transition: top 0.3s ease 0s;
  transition: top 0.3s ease 0s;
  background: #f7ffe8;
}

.new-catalog-page
  .catalog-block
  .left-side
  .products-list
  .product-item
  .product-text
  .product-text-container {
  margin: 20px 15px;
  height: 35px;
  overflow: hidden;
  text-align: center;
  -webkit-transition: height 0.3s ease 0s;
  transition: height 0.3s ease 0s;
}

.new-catalog-page
  .catalog-block
  .left-side
  .products-list
  .product-item:hover
  .product-text {
  top: 100px;
}

.new-catalog-page
  .catalog-block
  .left-side
  .products-list
  .product-item
  .product-text
  .product-text-container
  .text {
  color: #6f6f6f;
  font-size: 0.875rem;
  line-height: 20px;
  height: 180px;
  overflow: hidden;
  margin-bottom: 20px;
  text-align: left;
}

.new-catalog-page
  .catalog-block
  .left-side
  .products-list
  .product-item
  .product-text
  .product-text-container
  .btn {
  padding-left: 30px;
  padding-right: 50px;
}

.new-catalog-page
  .catalog-block
  .left-side
  .products-list
  .product-item:hover
  .product-text
  .product-text-container {
  height: 265px;
}

.new-catalog-page .catalog-block .right-side {
  width: 25%;
}

.new-catalog-page .catalog-block .right-side .fast-vertical-menu {
  width: 100%;
}

.catalog-video-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.catalog-video-page .catalog-video-block {
  background: #fff;
  padding: 30px;
  margin-bottom: 0;
  position: relative;
}

.catalog-video-page .catalog-video-block .block-title {
  margin-bottom: 0;
}

.catalog-video {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #f4f4f4;
  padding: 0 30px;
}

.catalog-video .upper-block {
  width: 100%;
  padding-top: 30px;
}

.catalog-video .upper-block .block-title {
  margin-bottom: 30px;
}

.catalog-video .video-item {
  width: calc(50% - 15px);
  width: -webkit-calc(50% - 15px);
  margin-bottom: 30px;
  position: relative;
  border: 1px solid #c2c2c2;
}

.catalog-video .video-item .video-img {
  height: 260px;
  overflow: hidden;
  position: relative;
}

.catalog-video .video-item .video-img a:after {
  position: absolute;
  content: "";
  display: block;
  background: url("/img/video-play.png") 0 0 no-repeat;
  width: 158px;
  height: 158px;
  top: 50%;
  left: 50%;
  margin-left: -79px;
  margin-top: -79px;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.catalog-video .video-item .video-img a:hover:after {
  /*opacity:1;*/
}

.catalog-video .video-item .video-img a {
  display: block;
  height: 260px;
  position: relative;
}

.catalog-video .video-item .video-img a img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  max-width: 465px;
  width: auto;
  height: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
}

.catalog-video .video-item .description {
  background: #fff;
  padding: 20px;
}

.catalog-video .video-item .description .date {
  color: #b2b2b2;
  font-size: 0.875rem;
  line-height: 20px;
  margin-bottom: 20px;
}

.catalog-video .video-item .description .text {
  color: #6f6f6f;
  font-size: 0.875rem;
  line-height: 20px;
  height: 60px;
  overflow: hidden;
}

.video-iframe {
  width: 100%;
  height: 500px;
  margin-top: 10px;
}

.credit-calculator-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.credit-calculator-page .credit-calculator-block {
  background: #fff;
  padding: 30px;
  margin-bottom: 20px;
}

.credit-calculator-page .credit-calculator-block .block-title {
  margin-bottom: 0;
}

.credit-tabs {
  display: flex;
}

.credit-tabs .credit-tab {
  text-decoration: none;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Lato-Semibold, sans-serif;
  margin-right: 5px;
  height: 60px;
  padding: 0 20px;
  position: relative;
  min-width: 150px;
  color: #064325;
  background: rgba(134, 206, 0, 0.95);
  border-top: 2px solid rgba(134, 206, 0, 0.95);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.59);
}

.credit-tabs .credit-tab.active {
  background: #f4f4f4;
  color: #3a3a3a;
  font-family: Lato-Bold, sans-serif;
  border-top: 2px solid #f4f4f4;
}

.credit-block {
  padding: 30px;
  background: #f4f4f4;
}

.calculator-block .credit-payroll {
  width: 270px;
  text-align: center;
}

.calculator-block .credit-payroll .title {
  color: #7e7e7e;
  font-size: 1rem;
  line-height: 20px;
  font-family: Lato-Medium, sans-serif;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.calculator-block .credit-payroll .payroll-block {
  padding: 10px;
  margin-bottom: 20px;
  background: #f7ffe8;
}

.calculator-block .deposit-payroll .payroll-block .info-block {
  display: flex;
  border-top: 1px solid #86ce00;
  padding-top: 10px;
  margin-bottom: 10px;
  align-items: center;
}

.calculator-block .credit-payroll .payroll-block .info-block {
  display: flex;
  padding-top: 10px;
  margin-bottom: 10px;
  align-items: center;
}

.calculator-block .credit-payroll .payroll-block .info-block:last-of-type {
  border-top: 1px solid #86ce00;
}

.calculator-block .credit-payroll .payroll-block .info-block:first-child,
.calculator-block .deposit-payroll .payroll-block .info-block:first-child {
  border: none;
}

.calculator-block .credit-payroll .payroll-block .info-block.no-border,
.calculator-block .deposit-payroll .payroll-block .info-block.no-border {
  border: none;
}

.calculator-block .credit-payroll .payroll-block .info-block .text,
.calculator-block .deposit-payroll .payroll-block .info-block .text {
  font-size: 0.875rem;
  line-height: 18px;
  font-family: "Lato-Light", sans-serif;
  font-weight: 300;
  color: #696969;
  width: 60%;
  text-align: left;
}

.credit-block.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .slider {
  width: calc(100% - 230px);
  width: -webkit-calc(100% - 230px);
}

.credit-block.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .input-field {
  width: 200px;
}

.credit-block.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .slider-points {
  width: calc(100% - 230px);
  width: -webkit-calc(100% - 230px);
}

.calculator-block .credit-payroll .payroll-block .info-block .value,
.calculator-block .deposit-payroll .payroll-block .info-block .value {
  font-family: "Lato-Regular", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 20px;
  color: #333333;
  width: 40%;
  text-align: right;
}

.calculator-block
  .calculator
  .calculator-slider-block
  .calculator-slider
  .input-field {
}

.calculator-checkbox-block {
  margin-bottom: 20px;
}

.calculator-checkbox-block .calculator-checkbox-title {
  color: #696969;
  font-size: 1rem;
  line-height: 24px;
  font-family: Lato-Medium, sans-serif;
  margin-bottom: 10px;
}

.calculator-checkbox-block input[type="checkbox"].checkbox + label.css-label {
  font-size: 0.75rem;
}

.calculator-radio-block {
  margin-bottom: 20px;
}

.calculator-radio-block .calculator-radio-title {
  color: #696969;
  font-size: 1rem;
  line-height: 24px;
  font-family: Lato-Medium, sans-serif;
  margin-bottom: 10px;
}

.calculator-radio-block input[type="radio"].radio + label.css-label {
  font-size: 0.75rem;
  margin-bottom: 10px;
}

.calculator-checkbox-block.disabled,
.calculator-radio-block.disabled {
  pointer-events: none;
}

.calculator-select-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.calculator-select-block .calculator-select-title {
  color: #696969;
  font-size: 1rem;
  line-height: 24px;
  font-family: Lato-Medium, sans-serif;
  width: calc(100% - 200px);
  width: -webkit-calc(100% - 200px);
}

.calculator-select-block select {
  width: 200px;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.125rem;
  text-align: center;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
}

.calculator-input-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.calculator-input-block .calculator-input-title {
  color: #696969;
  font-size: 1rem;
  line-height: 24px;
  font-family: Lato-Medium, sans-serif;
  width: calc(100% - 250px);
  width: -webkit-calc(100% - 250px);
}

.calculator-input-block .input-field {
  width: 200px;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.125rem;
  text-align: center;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
  font-weight: 300;
}

.calculator-block .calculator .calculator-slider-block .calculator-slider .input-field {
  font-weight: 300;
}

.calculator-select-block select {
  font-weight: 300;
}

.calculator-results {
  padding: 30px;
  background: #f4f4f4;
}

.calculator-results table {
  width: 100%;
}

.calculator-results table thead tr td {
  color: #fff;
  font-size: 0.875rem;
  font-family: Lato-Light, sans-serif;
  border: 2px solid #f4f4f4;
  text-align: center;
  padding: 15px 10px;
  background: #009597;
}

.calculator-results table tbody tr td {
  text-align: center;
  background: #ffffff;
  color: #000000;
  font-size: 0.875rem;
  padding: 15px 10px;
  /*font-family: Lato-Semibold, sans-serif;*/
  border: 2px solid #f4f4f4;
}

.buy-car-steps {
  background: #63d4b5;
  margin-top: 30px;
  padding: 30px;
}

.buy-car-steps h2 {
  font-size: 1.125rem;
  line-height: 24px;
  color: #fff;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
}

.buy-car-steps .steps-list {
  display: flex;
  justify-content: center;
}

.buy-car-steps .steps-list .step {
  width: 150px;
  margin: 0 15px;
  text-decoration: none;
}

.buy-car-steps .steps-list .step .img {
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border: 1px solid #fff;
  border-radius: 50%;
  position: relative;
}

.buy-car-steps .steps-list .step .img:hover:after {
  position: absolute;
  content: "";
  width: 98px;
  height: 98px;
  border: 1px solid #fff;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  animation: step 2s infinite;
  animation-timing-function: linear;
  -webkit-animation: step 2s infinite;
  -webkit-animation-timing-function: linear;
}

.buy-car-steps .steps-list .step .img:hover:before {
  position: absolute;
  content: "";
  width: 98px;
  height: 98px;
  border: 1px solid #fff;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  animation: step 2s infinite;
  animation-timing-function: linear;
  -webkit-animation: step 2s infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.buy-car-steps .steps-list .step .text {
}

.buy-car-steps .steps-list .step .text p {
  font-size: 1rem;
  color: #fff;
  line-height: 18px;
  text-align: center;
}

.buy-car-steps .steps-list .step .text .title {
  color: #027f5d;
  font-size: 1.125rem;
  margin-bottom: 20px;
  text-align: center;
}

.tariff-plans {
  margin: 0 -30px;
  padding: 30px;
  background: #f4f4f4;
}

.tariff-plans .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
}

.tariff-plans table {
  width: 100%;
}

.tariff-plans table thead tr td {
  color: #fff;
  font-size: 0.875rem;
  font-family: Lato-Light, sans-serif;
  height: 60px;
  border: 2px solid #f4f4f4;
  text-align: center;
  /*width:25%;*/
  padding: 5px;
  background: #009597;
}

.tariff-plans table tbody tr td {
  height: 60px;
  text-align: center;
  background: #ffffff;
  color: #000000;
  font-size: 0.875rem;
  padding: 10px;
  /*font-family: Lato-Semibold, sans-serif;*/
  border: 2px solid #f4f4f4;
}

.tariff-plans table tbody tr td:first-child {
  color: #009597;
}

.tariff-plans table tbody tr:nth-child(odd) td {
  background: #e5f3f4;
}

.tariff-plans table.reverse tbody tr td {
  padding: 0 10px;
}

.tariff-plans table.reverse tbody tr td:first-child {
  color: #fff;
  font-size: 0.875rem;
  font-family: Lato-Light, sans-serif;
  height: 60px;
  border: 2px solid #f4f4f4;
  text-align: center;
  /*width:25%;*/
  padding: 0 10px;
  background: #009597;
}

.tariff-plans table.super-table thead tr td:nth-child(1),
.tariff-plans table.super-table thead tr td:nth-child(2) {
  background: none;
}

.tariff-plans table.super-table tbody tr td {
  background: #fff;
  color: #000;
  font-size: 0.75rem;
  width: 140px;
}

.tariff-plans table.super-table tbody tr td[rowspan] {
  background: #009597;
  color: #fff;
  font-size: 0.875rem;
}

.tariff-plans table.super-table tbody tr td:first-child:not([rowspan]),
.tariff-plans table.super-table tbody tr td[rowspan] + td {
  background: #e5f3f4;
}

.super-hint {
  color: #000;
  font-size: 0.75rem;
  margin-top: 10px;
}

.auto-page .documents-list,
.auto-page .credit-terms {
  margin-bottom: 30px;
}

.logo-description {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.logo-description .logo {
  width: 115px;
}

.logo-description .text {
  width: calc(100% - 150px);
  width: -webkit-calc(100% - 150px);
  padding: 20px 0;
  border-top: 2px solid #83ca00;
  border-bottom: 2px solid #84cb00;
}

.credit-page .news-text {
  padding-bottom: 10px;
  margin-bottom: 0;
}

.faq-list.additional-info .faq-item {
  border-bottom: none;
  background: #f7f7f7;
}

.ps-container {
  touch-action: none;
  overflow: hidden !important;
  -ms-overflow-style: none;
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
  background-color: transparent;
}

.ps-container.ps-in-scrolling {
  pointer-events: none;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}

.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 8px;
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
}

.ps-container > .ps-scrollbar-y-rail {
  position: absolute;
  /* please don't change 'position' */

  opacity: 0.6;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
  -o-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 4px;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #a4d488;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  right: 0;
  width: 4px;
}

.ps-container:hover.ps-in-scrolling {
  pointer-events: none;
}

.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-x
  > .ps-scrollbar-x-rail
  > .ps-scrollbar-x {
  background-color: #999;
}

.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-y
  > .ps-scrollbar-y-rail
  > .ps-scrollbar-y {
  background-color: #999;
}

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999;
}

.vip .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #ac1a2f;
}

.vip .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #ac1a2f;
}

.vip .main-menu-block {
  background-color: #ac1a2f;
  background-color: rgba(172, 26, 47, 0.9);

  background: -moz-linear-gradient(
    left,
    rgba(172, 26, 47, 0.9) 0%,
    rgba(150, 23, 41, 0.9) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(172, 26, 47, 0.9) 0%,
    rgba(150, 23, 41, 0.9) 100%
  );
  background: linear-gradient(
    to right,
    rgba(172, 26, 47, 0.9) 0%,
    rgba(150, 23, 41, 0.9) 100%
  );
}

.vip .main-menu-block:hover .main-menu-list .menu,
.vip .main-menu-block.active .main-menu-list .menu {
  border-bottom: 1px solid rgba(128, 19, 35, 0.5);
}

.vip .main-menu-list .menu .menu-item > a {
  color: #e3b6bb !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
}

.vip .main-menu-list .menu .menu-item > a:hover,
.vip .main-menu-list .menu .menu-item > a:focus,
.vip .main-menu-list .menu .menu-item.active > a {
  color: #fff !important;
}

.vip .main-menu-list .menu .menu-item .sub-menu .sub-menu-item span {
  color: #e3b6bb !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
}

.vip .main-menu-list .menu .menu-item .sub-menu .sub-menu-item:hover span,
.vip .main-menu-list .menu .menu-item .sub-menu .sub-menu-item.active span {
  color: #fff !important;
}

.vip .world-mastercard .right-side {
  background-color: #ac1a2f;
  background-image: -webkit-gradient(
    linear,
    right top,
    right top,
    color-stop(0%, #ac1a2f),
    color-stop(100% #801323)
  );
  background-image: -webkit-linear-gradient(right, #ac1a2f 0%, #801323 100%);
}

.vip .sidebar-menu:before {
  background-color: #ac1a2f;
  background-image: -webkit-gradient(
    linear,
    left top,
    left top,
    color-stop(0%, #ac1a2f),
    color-stop(100% #801323)
  );
  background-image: -webkit-linear-gradient(left, #ac1a2f 0%, #801323 100%);
}

.vip .fixed-header .full-menu-btn span {
  background-color: #ac1a2f;
}

.vip footer .footer-contacts-block {
  background-color: #6a6a6a;
  background-image: -webkit-gradient(
    linear,
    left top,
    left top,
    color-stop(0%, #6a6a6a),
    color-stop(100% #838383)
  );
  background-image: -webkit-linear-gradient(left, #6a6a6a 0%, #838383 100%);
  background-image: -moz-linear-gradient(left, #6a6a6a 0%, #838383 100%);
  background-image: -ms-linear-gradient(left, #6a6a6a 0%, #838383 100%);
  background-image: -o-linear-gradient(left, #6a6a6a 0%, #838383 100%);
  background-image: linear-gradient(left, #6a6a6a 0%, #838383 100%);
}

.vip footer .footer-menu .section-menu .section-title {
  color: #ac1a2f;
}

.search-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.search-page .search-block {
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
}

.search-page .search-block .block-title {
  margin-bottom: 30px;
}

.search-form {
  display: flex;
  flex-wrap: wrap;
}

.search-form .search-choice {
  margin-right: 30px;
  display: flex;
  margin-bottom: 10px;
}

.search-form .search-choice span {
  color: #000;
  font-size: 1rem;
  line-height: 34px;
  font-family: Lato-Medium, sans-serif;
  margin-right: 10px;
}

.search-form .search-choice select {
  width: 200px;
  height: 40px;
  border: 1px solid #ebebeb;
  line-height: 38px;
  color: #696969;
  font-size: 0.875rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 10px;
}

.search-form .input-field {
  width: 100%;
  max-width: 400px;
  height: 40px;
  border: 1px solid #ebebeb;
  line-height: 38px;
  color: #696969;
  font-size: 0.875rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
  margin-right: 30px;
}

.search-results {
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
}

.user-query,
.results-number {
  color: #696969;
  font-size: 1rem;
  line-height: 24px;
  font-family: Lato-Light, sans-serif;
}

.search-results .results-list {
}

.search-results .results-list .item {
  border-top: 1px solid #e1e1e1;
  padding-top: 30px;
  margin-bottom: 30px;
}

.search-results .results-list .item:first-child {
  border-top: none;
}

.search-results .results-list .item .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #0f0f0f;
  margin-bottom: 10px;
}

.search-results .results-list .item .title span {
  color: #94c811;
}

.search-results .results-list .item .title a {
  text-decoration: none;
}

.search-results .results-list .item .description {
  font-size: 1.125rem;
  line-height: 24px;
  color: #0f0f0f;
}

.search-results .results-list .item .description span {
  background: #94c811;
}

.pagination {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.pagination li {
  margin: 0 5px;
  display: inline-block;
  vertical-align: top;
}

.pagination li.active {
  pointer-events: none;
}

.pagination li a {
  font-size: 1.125rem;
  line-height: 24px;
  height: 24px;
  display: flex;
  align-items: center;
}

.pagination li.active a {
  text-decoration: none;
  color: #86cd00;
}

.calculator-rko .tariff-plans {
  margin: 0 -30px;
  text-align: center;
}

.calculator-rko .tariff-plans table {
  margin-bottom: 30px;
}

.calculator-rko .tariff-plans table tr td:first-child {
  text-align: left;
  padding: 0 10px;
}

.calculator-rko form {
  text-align: center;
  padding-bottom: 30px;
}

.calculator-rko form .calculator-select-title {
  text-align: left;
}

.order-form {
  margin: 0 -30px;
  padding-top: 30px;
  /*background: #f4f4f4;*/
}

.order-form img {
  max-width: 100%;
  display: block;
  height: auto;
  margin: 0 auto;
}

.order-form.white {
  background: #fff;
}

.order-form h2 {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.order-form ul {
  margin-bottom: 20px;
}

.order-form ol {
  padding-left: 15px;
}

.order-form ol li {
  position: relative;
  font-size: 0.875rem;
  line-height: 18px;
  color: #000;
  margin-bottom: 10px;
}

.order-form ul li {
  padding-left: 15px;
  position: relative;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  margin-bottom: 10px;
}

.order-form ul li:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 6px;
  left: 2px;
  background: #86ce00;
}

.order-form .steps {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 30px;
}

.order-form .steps .step-item {
  width: 160px;
}

.order-form .steps .step-item .img {
  width: 54px;
  height: 54px;
  margin: 0 auto 10px;
  filter: grayscale(100%);
}

.order-form .steps .step-item .img img {
  max-width: 100%;
  display: block;
}

.order-form .steps .step-item .text {
  font-size: 0.875rem;
  text-align: center;
  color: #696969;
}

.order-form .steps .step-item.active .img {
  filter: grayscale(0%);
}

.order-form .steps .step-item.active .text {
  color: #81b204;
}

.order-form .steps .step-between {
  filter: grayscale(100%);
  margin-top: 20px;
}

.order-form .steps .step-item.active + .step-between {
  filter: grayscale(0%);
}

.order-form p {
  line-height: 20px;
  font-size: 0.875rem;
  color: #696969;
}

.order-form form {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.order-form form .btn-block {
  width: 100%;
}

.order-form form .btn-block .btn {
  margin: 0 5px;
}

.order-form form .form-field {
  width: 50%;
  padding: 0 7px;
  margin-bottom: 15px;
}

.order-form form .form-field label {
  font-size: 0.75rem;
  color: #909090;
  display: block;
  text-align: left;
  margin-bottom: 5px;
  padding-left: 5px;
}

.order-form form .form-field input[type="text"],
.order-form form .form-field input[type="tel"] {
  width: 100%;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
}

.order-form form .form-field select {
  width: 100%;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
}

.order-form form .form-field .datepicker {
  position: relative;
}

.order-form form .form-field .datepicker input {
  width: 100% !important;
  margin-bottom: 0 !important;
}

.order-form form .form-field .datepicker input.error {
  border: 1px solid #e60d60 !important;
}

.order-form form .form-field .datepicker img {
  position: absolute;
  top: 0;
  right: 0;
}

.order-form .attention {
  margin-top: 30px;
  list-style: disc;
  padding-left: 15px;
  color: #696969;
  font-size: 0.875rem;
  line-height: 18px;
}

.order-form .attention li {
  color: #696969;
  font-size: 0.875rem;
  line-height: 18px;
  margin-bottom: 10px;
}

/**/
.order-form h1 {
  position: relative;
  color: #242424;
  font-size: 1.625rem;
  line-height: 30px;
  text-align: center;
  font-family: Lato-Medium, sans-serif;
  margin-bottom: 60px;
}

.order-form h1:after {
  content: "";
  width: 140px;
  height: 4px;
  background: #96ca12;
  display: block;
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -70px;
}

.order-form form {
  width: 700px;
  margin: 0 auto 40px;
  display: block;
}

.order-form form .form-steps {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  width: 100%;
}

.order-form form .form-steps .step {
  width: 32px;
  height: 32px;
  border: 2px solid #efefeb;
  border-radius: 50%;
  color: #adadad;
  font-size: 1rem;
  line-height: 30px;
  text-align: center;
  margin: 0 25px;
  position: relative;
}

.order-form form .form-steps .step:first-child:after {
  content: "";
  width: 52px;
  height: 2px;
  background: #efefeb;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: calc(100% + 2px);
}

.order-form form .form-steps .step.active {
  color: #96ca12;
  font-size: 1.125rem;
  width: 38px;
  height: 38px;
  line-height: 36px;
  border-color: #96ca12;
}

.first-step-sliders {
  display: flex;
  width: 100%;
  margin-bottom: 50px;
}

.first-step-sliders .sliders-block {
  width: 33.333%;
  position: relative;
  background: #96ca12;
  padding: 20px;
}

.first-step-sliders .sliders-block:first-child {
  border-radius: 5px 0 0 5px;
}

.first-step-sliders .sliders-block:last-child {
  border-radius: 0 5px 5px 0;
}

.first-step-sliders .sliders-block:not(:last-child) {
  background: #efefeb;
}

.first-step-sliders .sliders-block:not(:last-child):after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  right: 0;
  background: #fff;
}

.first-step-sliders .sliders-block .title {
  font-size: 0.875rem;
  color: #242424;
  margin-bottom: 8px;
}

.first-step-sliders .sliders-block .input input {
  border: none;
  width: 100%;
  background: none;
  color: #242424;
  font-size: 1.5rem;
}

.first-step-sliders .sliders-block:last-child .title,
.first-step-sliders .sliders-block:last-child .input input {
  color: #fff;
}

.first-step-sliders .sliders-block .landing-slider {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1px;
  height: 1px;
  border: none;
  background: transparent;
}

.first-step-sliders
  .sliders-block
  .landing-slider.ui-slider-horizontal
  .ui-slider-range-min {
  background: #96ca12;
}

.first-step-sliders
  .sliders-block
  .landing-slider.ui-slider-horizontal
  .ui-slider-handle {
  height: 13px;
  display: block;
  width: 21px;
  border-radius: 3px;
  top: -6px;
  border: none;
  margin-left: -10px;
  background: rgb(134, 206, 0);
  background: -moz-linear-gradient(
    left,
    rgba(134, 206, 0, 1) 0%,
    rgba(84, 130, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(134, 206, 0, 1) 0%,
    rgba(84, 130, 0, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(134, 206, 0, 1) 0%,
    rgba(84, 130, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ce00', endColorstr='#548200', GradientType=1);
  position: relative;
  background-size: 200%;
  z-index: 43434;
}

.order-form form .form-field {
  width: calc(50% - 4px);
  padding: 0 7px;
  margin-bottom: 15px;
  display: inline-block;
  vertical-align: bottom;
}

.order-form form .form-field label {
  font-size: 0.875rem;
  color: #000;
  display: block;
  text-align: left;
  margin-bottom: 5px;
  padding-left: 5px;
}

.order-form form .form-field input {
  width: 100%;
  height: 50px;
  border: 1px solid #cecece;
  line-height: 48px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: none;
  padding: 0 20px;
}

.order-form form .form-field select {
  width: 100%;
  height: 50px;
  border: 1px solid #cecece;
  line-height: 48px;
  color: #696969;
  background: #fff;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: none;
  padding: 0 20px;
}

.order-form form .form-field select.error {
  border: 1px solid #e60d60 !important;
}

form .input-field.error {
  border: 1px solid #e60d60 !important;
}

.order-form form .form-field .datepicker {
  position: relative;
}

.order-form form .form-field .datepicker input {
  width: 100% !important;
  margin-bottom: 0 !important;
}

.order-form form .form-field .datepicker input.error {
  border: 1px solid #e60d60 !important;
}

.order-form form .form-field .datepicker img {
  position: absolute;
  top: 0;
  right: 0;
}

.order-form form .btn-block {
  width: 100%;
  text-align: center;
}

.order-form form .btn-block .btn {
  margin: 0 10px;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  padding-left: 40px;
  padding-right: 65px;
  height: 40px;
  line-height: 42px;
  color: #fefefe;
  font-size: 0.75rem;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  border: none;
  border-radius: 0.5em;
  background: rgb(134, 206, 0);
  background: -moz-linear-gradient(
    left,
    rgba(134, 206, 0, 1) 0%,
    rgba(84, 130, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(134, 206, 0, 1) 0%,
    rgba(84, 130, 0, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(134, 206, 0, 1) 0%,
    rgba(84, 130, 0, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ce00', endColorstr='#548200', GradientType=1);
  position: relative;
  box-shadow: 0.1em 0.15em 0.15em rgba(0, 0, 0, 0.5);
  background-size: 200%;
}

.order-form form .btn-block .btn.btn-red {
  background: rgb(227, 0, 112);
  background: -moz-linear-gradient(
    left,
    rgba(227, 0, 112, 1) 0%,
    rgba(150, 0, 74, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(227, 0, 112, 1) 0%,
    rgba(150, 0, 74, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(227, 0, 112, 1) 0%,
    rgba(150, 0, 74, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30070', endColorstr='#96004a', GradientType=1);
}

.order-form form .btn-block .btn:hover,
.order-form form .btn-block .btn:focus {
  background-position: 98%;
  background-size: 150%;
}

.order-form form .btn-block .btn:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -6px;
  right: 15px;
  width: 7px;
  height: 11px;
  background: url(/img/landing/dali.svg) 0 0 no-repeat;
}

.order-form form .btn-block .btn.btn-back {
  padding-right: 40px;
  padding-left: 55px;
}

.order-form form .btn-block .btn.btn-back:before {
  transform: rotate(180deg);
  right: auto;
  left: 15px;
}

.order-form .steps {
  margin-bottom: 0;
  text-align: center;
}

.order-form .steps .step-item {
  width: 98px;
  display: inline-block;
  margin: 0 10px;
}

.order-form .steps .step-item .img {
  width: 30px;
  height: 30px;
  overflow: hidden;
  filter: grayscale(100%);
  text-align: center;
  margin: 0 auto;
}

.order-form .steps .step-item .img img {
  margin-top: -15px;
  margin-left: -15px;
}

.order-form .steps .step-item .text {
  font-size: 0.8125rem;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #696969;
  width: 100%;
}

.order-form .steps .step-item.active .img {
  filter: grayscale(0%);
}

.order-form .steps .step-item.active .text {
  color: #81b204;
}

/**/
.package-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.package-page .package-block {
  background: url("/img/pattern.jpg") 0 0;
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
}

.package-page .package-block .block-title {
  margin-bottom: 30px;
}

.vip .breadcrumbs span:last-child {
  color: #ac1a2f;
}

.vip .block-title span,
.vip .block-title h1 {
  border-left: 2px solid #ac1a2f;
}

.package-content .subtitle {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  margin-bottom: 30px;
}

.package-content .package-card {
  text-align: center;
  padding: 30px;
  margin-bottom: 30px;
}

.package-content .package-card img {
  max-width: 480px;
  border-radius: 25px;
  box-shadow: 0 0 27px rgb(0, 0, 0);
}

.package-services {
  display: flex;
  flex-wrap: wrap;
  max-width: 700px;
  margin: 0 auto 30px;
}

.package-services .item {
  display: flex;
  width: 50%;
  padding: 10px;
}

.package-services .item .img {
  width: 50px;
  height: 50px;
  text-align: center;
  margin-right: 20px;
}

.package-services .item .img img {
  width: 100%;
}

.package-services .item .text {
  width: calc(100% - 70px);
  width: -webkit-calc(100% - 70px);
  font-size: 0.9375rem;
  line-height: 20px;
  color: #4f4f4f;
}

.package-advantages {
  padding: 30px;
  background: #f7f7f7;
  margin: 0 -30px 30px;
}

.package-advantages .title {
  font-size: 2.5rem;
  line-height: 40px;
  color: #1b2034;
  font-family: Lato-Light, sans-serif;
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase;
}

.package-advantages .subtitle {
  font-size: 1.5rem;
  line-height: 30px;
  color: #1b2034;
  font-family: Lato-Light, sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.package-advantages .advantages-list {
  display: flex;
  flex-wrap: wrap;
}

.package-advantages .advantages-list .item {
  width: 33.333%;
  padding: 20px;
}

.package-advantages .advantages-list .item .img {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.package-advantages .advantages-list .item .text {
  color: #4f4f4f;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
}

.package-advantages .advantages-list .item .text .title {
  color: #4f4f4f;
  font-size: 1.125rem;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

.package-advantages .advantages-list .item .text .description {
  color: #4f4f4f;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
}

.package-benefits {
  margin-bottom: 30px;
}

.package-benefits .item {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

.package-benefits .item img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

.package-benefits .text {
  position: relative;
  z-index: 2;
  padding: 30px;
  text-align: center;
}

.package-benefits .text p {
  color: #fff;
  font-size: 0.875rem;
  line-height: 20px;
}

.package-benefits .text .title {
  font-size: 1.125rem;
  color: #fff;
  margin-bottom: 20px;
  font-family: Lato-Medium, sans-serif;
}

.package-contacts {
  padding: 30px 0;
  text-align: center;
}

.package-contacts .title {
  font-size: 2.5rem;
  line-height: 40px;
  color: #1b2034;
  font-family: Lato-Light, sans-serif;
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase;
}

.package-contacts .name {
  color: #676767;
  font-size: 2rem;
  line-height: 36px;
  text-align: center;
  margin-bottom: 15px;
  font-family: Lato-Light, sans-serif;
}

.package-contacts .position {
  color: #676767;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
  font-family: Lato-Light, sans-serif;
  margin-bottom: 15px;
}

.package-contacts .phone {
  color: #676767;
  font-size: 1.625rem;
  line-height: 30px;
  text-align: center;
  font-family: Lato-Light, sans-serif;
  margin-bottom: 15px;
}

.about-vip-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.about-vip-page .about-vip-block {
  background: url("/img/pattern.jpg") 0 0;
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
}

.about-vip-page .about-vip-block .block-title {
  margin-bottom: 30px;
}

.about-vip-page .content p {
  font-size: 1rem;
  line-height: 22px;
  margin-bottom: 20px;
}

.about-vip-page .content p:after {
  content: "";
  clear: both;
  display: table;
}

.about-vip-page .content img {
  max-width: 100%;
}

.company-in-numbers {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.company-in-numbers .item {
  width: 25%;
  padding: 20px 10px;
}

.company-in-numbers .item .img {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.company-in-numbers .item .text .number {
  color: #363636;
  font-size: 2.25rem;
  line-height: 36px;
  text-align: center;
}

.company-in-numbers .item .text p {
  color: #737373;
  font-size: 0.875rem;
  line-height: 20px;
  text-align: center;
}

.request-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.request-page .request-block {
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
}

.type-answer {
  display: flex;
  margin-bottom: 30px;
}

.type-answer .title {
  color: #000;
  font-size: 1rem;
  line-height: 20px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
  margin-right: 30px;
  margin-bottom: 8px;
}

.type-answer label {
  margin-right: 15px;
}

.request-form {
  text-align: center;
  margin-bottom: 20px;
}

.request-form .form-block {
  border: 1px solid #ccc;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  padding: 30px 30px 15px;
  text-align: left;
}

.request-form .form-block .subtitle {
  width: 100%;
  color: #000;
  font-size: 1.125rem;
  line-height: 24px;
  margin-bottom: 15px;
}

.request-form .form-block .subsubtitle {
  width: 100%;
  color: #333;
  font-size: 1rem;
  line-height: 24px;
  margin-bottom: 15px;
  padding-left: 7px;
}

.request-new-form .form-block .subtitle {
  width: 100%;
  color: #000;
  font-size: 1.125rem;
  line-height: 24px;
  margin-bottom: 15px;
}

.request-form .form-block .simple-link {
  width: 100%;
  padding: 0 7px;
  margin-bottom: 15px;
}

.request-form .form-block .simple-link .add {
  background: url("/img/plus-4-xxl.png") 0 0 no-repeat;
  height: 20px;
  line-height: 20px;
  font-size: 1rem;
  padding-left: 30px;
  text-decoration: none;
  color: #696969;
  display: inline-block;
}

.request-form .form-block .simple-link .add:hover {
  color: #000;
}

.request-form .form-block .info-for-user {
  width: 100%;
  padding: 20px;
  background: #f7f7f7;
  font-size: 0.875rem;
  line-height: 18px;
  margin-bottom: 15px;
}

.request-form .form-field {
  width: 50%;
  padding: 0 7px;
  margin-bottom: 15px;
}

.request-form .legal-part,
.request-form .individual-part {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.request-form .form-field.full-width {
  width: 100%;
  padding: 0 7px;
  margin-bottom: 15px;
}

.request-form .form-block .type-answer {
  width: 100%;
  padding: 0 7px;
  margin-bottom: 15px;
}

.request-form .form-field label:not(.css-label) {
  font-size: 0.75rem;
  display: block;
  min-height: 14px;
  text-align: left;
  margin-bottom: 5px;
  padding-left: 5px;
  color: #808080;
  font-family: Lato-Light, sans-serif;
}

.request-form .form-field input[type="text"],
.request-form .form-field input[type="number"],
.request-form .form-field input[type="tel"] {
  width: 100%;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px #81b204;
  padding: 0 20px;
  background-color: #f6ffe1;
}

.request-form .form-field textarea {
  width: 100%;
  height: 76px;
  border: 1px solid #ebebeb;
  line-height: 22px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px #81b204;
  padding: 5px 20px;
  background-color: #f6ffe1;
}

.request-form .form-field select {
  width: 100%;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px #81b204;
  padding: 0 20px;
  background-color: #f6ffe1;
}

.request-form .form-field select:disabled {
  opacity: 0.5;
}

.request-form .form-field .checkboxes {
  margin-bottom: 10px;
}

.request-form .form-field .checkboxes .child-checkbox {
  margin-left: 20px;
}

.request-form .form-field .datepicker {
  position: relative;
}

.request-form .form-field .datepicker input {
  width: 100% !important;
  margin-bottom: 0 !important;
}

.request-form .form-field .datepicker img {
  position: absolute;
  top: 0;
  right: 0;
}

.request-form .form-field.double-input {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.request-form .form-field.double-input input[type="text"],
.request-form .form-field.double-input input[type="tel"] {
  width: calc(50% - 10px);
}

.table-container {
  width: 100%;
  overflow-x: auto; /*01/04 sprint3*/
}

/*business*/
.business .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #006c50;
}

.business .main-menu-block {
  background-color: #006c50;
  background-color: rgba(0, 108, 80, 0.9);

  background: -moz-linear-gradient(
    left,
    rgba(0, 108, 80, 0.9) 0%,
    rgba(1, 84, 63, 0.9) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(0, 108, 80, 0.9) 0%,
    rgba(1, 84, 63, 0.9) 100%
  );
  background: linear-gradient(
    to right,
    rgba(0, 108, 80, 0.9) 0%,
    rgba(1, 84, 63, 0.9) 100%
  );
}

.business .main-menu-block:hover .main-menu-list .menu,
.business .main-menu-block.active .main-menu-list .menu {
  border-bottom: 1px solid rgba(1, 84, 63, 0.5);
}

.business .main-menu-list .menu .menu-item > a {
  color: #b5d1c9 !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
}

.business .main-menu-list .menu .menu-item > a:hover,
.business .main-menu-list .menu .menu-item > a:focus,
.business .main-menu-list .menu .menu-item.active > a {
  color: #fff !important;
}

.business .main-menu-list .menu .menu-item .sub-menu .sub-menu-item span {
  color: #b5d1c9 !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
}

.business .main-menu-list .menu .menu-item .sub-menu .sub-menu-item:hover span,
.business
  .main-menu-list
  .menu
  .menu-item
  .sub-menu
  .sub-menu-item.active
  span {
  color: #fff !important;
}

.business .world-mastercard .right-side {
  background-color: #006c50;
  background-image: -webkit-gradient(
    linear,
    right top,
    right top,
    color-stop(0%, #006c50),
    color-stop(100% #01543f)
  );
  background-image: -webkit-linear-gradient(right, #006c50 0%, #01543f 100%);
}

.business .sidebar-menu:before {
  background-color: #006c50;
  background-image: -webkit-gradient(
    linear,
    left top,
    left top,
    color-stop(0%, #006c50),
    color-stop(100% #01543f)
  );
  background-image: -webkit-linear-gradient(left, #006c50 0%, #01543f 100%);
}

.business .fixed-header .full-menu-btn span {
  background-color: #006c50;
}

.business footer .footer-contacts-block {
  background-color: #6a6a6a;
  background-image: -webkit-gradient(
    linear,
    left top,
    left top,
    color-stop(0%, #6a6a6a),
    color-stop(100% #006c50)
  );
  background-image: -webkit-linear-gradient(left, #6a6a6a 0%, #838383 100%);
  background-image: -moz-linear-gradient(left, #6a6a6a 0%, #838383 100%);
  background-image: -ms-linear-gradient(left, #6a6a6a 0%, #838383 100%);
  background-image: -o-linear-gradient(left, #6a6a6a 0%, #838383 100%);
  background-image: linear-gradient(left, #6a6a6a 0%, #838383 100%);
}

.business footer .footer-menu .section-menu .section-title {
  color: #006c50;
}

/*business*/

/*ibusiness*/
.ibusiness .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #485b78;
}

.ibusiness .main-menu-block {
  background-color: #485b78;
  background-color: rgba(72, 91, 120, 0.9);

  background: -moz-linear-gradient(
    left,
    rgba(72, 91, 120, 0.9) 0%,
    rgba(51, 69, 96, 0.9) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(72, 91, 120, 0.9) 0%,
    rgba(51, 69, 96, 0.9) 100%
  );
  background: linear-gradient(
    to right,
    rgba(72, 91, 120, 0.9) 0%,
    rgba(51, 69, 96, 0.9) 100%
  );
}

.ibusiness .main-menu-block:hover .main-menu-list .menu,
.ibusiness .main-menu-block.active .main-menu-list .menu {
  border-bottom: 1px solid rgba(51, 69, 96, 0.5);
}

.ibusiness .main-menu-list .menu .menu-item > a {
  color: #b5d1c9 !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
}

.ibusiness .main-menu-list .menu .menu-item > a:hover,
.ibusiness .main-menu-list .menu .menu-item > a:focus,
.ibusiness .main-menu-list .menu .menu-item.active > a {
  color: #fff !important;
}

.ibusiness .main-menu-list .menu .menu-item .sub-menu .sub-menu-item span {
  color: #b5d1c9 !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
}

.ibusiness .main-menu-list .menu .menu-item .sub-menu .sub-menu-item:hover span,
.ibusiness
  .main-menu-list
  .menu
  .menu-item
  .sub-menu
  .sub-menu-item.active
  span {
  color: #fff !important;
}

.ibusiness .world-mastercard .right-side {
  background-color: #485b78;
  background-image: -webkit-gradient(
    linear,
    right top,
    right top,
    color-stop(0%, #485b78),
    color-stop(100% #394965)
  );
  background-image: -webkit-linear-gradient(right, #485b78 0%, #394965 100%);
}

.ibusiness .sidebar-menu:before {
  background-color: #485b78;
  background-image: -webkit-gradient(
    linear,
    left top,
    left top,
    color-stop(0%, #485b78),
    color-stop(100% #394965)
  );
  background-image: -webkit-linear-gradient(left, #485b78 0%, #394965 100%);
}

.ibusiness .fixed-header .full-menu-btn span {
  background-color: #485b78;
}

.ibusiness footer .footer-contacts-block {
  background-color: #6a6a6a;
  background-image: -webkit-gradient(
    linear,
    left top,
    left top,
    color-stop(0%, #394965),
    color-stop(100% #485b78)
  );
  background-image: -webkit-linear-gradient(left, #394965 0%, #485b78 100%);
  background-image: -moz-linear-gradient(left, #394965 0%, #485b78 100%);
  background-image: -ms-linear-gradient(left, #394965 0%, #485b78 100%);
  background-image: -o-linear-gradient(left, #394965 0%, #485b78 100%);
  background-image: linear-gradient(left, #394965 0%, #485b78 100%);
}

.ibusiness footer .footer-menu .section-menu .section-title {
  color: #485b78;
}

/*ibusines*/

/*agro*/
.agro .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #00a96c;
}

.agro .main-menu-block {
  background-color: #00a96c;
  background-color: rgba(0, 169, 108, 0.9);

  background: -moz-linear-gradient(
    left,
    rgba(0, 169, 108, 0.9) 0%,
    rgba(0, 179, 128, 0.9) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(0, 169, 108, 0.9) 0%,
    rgba(0, 179, 128, 0.9) 100%
  );
  background: linear-gradient(
    to right,
    rgba(0, 169, 108, 0.9) 0%,
    rgba(0, 179, 128, 0.9) 100%
  );
}

.agro .main-menu-block:hover .main-menu-list .menu,
.agro .main-menu-block.active .main-menu-list .menu {
  border-bottom: 1px solid rgba(4, 116, 0, 0.5);
}

.agro .main-menu-list .menu .menu-item > a {
  color: #c0f5e1 !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
}

.agro .main-menu-list .menu .menu-item > a:hover,
.agro .main-menu-list .menu .menu-item > a:focus,
.agro .main-menu-list .menu .menu-item.active > a {
  color: #fff !important;
}

.agro .main-menu-list .menu .menu-item .sub-menu .sub-menu-item span {
  color: #c0f5e1 !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
}

.agro .main-menu-list .menu .menu-item .sub-menu .sub-menu-item:hover span,
.agro .main-menu-list .menu .menu-item .sub-menu .sub-menu-item.active span {
  color: #fff !important;
}

.agro .world-mastercard .right-side {
  background-color: #00a96c;
  background-image: -webkit-gradient(
    linear,
    right top,
    right top,
    color-stop(0%, #00a96c),
    color-stop(100% #008854)
  );
  background-image: -webkit-linear-gradient(right, #00a96c 0%, #008854 100%);
}

.agro .sidebar-menu:before {
  background-color: #00a96c;
  background-image: -webkit-gradient(
    linear,
    left top,
    left top,
    color-stop(0%, #00a96c),
    color-stop(100% #008854)
  );
  background-image: -webkit-linear-gradient(left, #00a96c 0%, #008854 100%);
}

.agro .fixed-header .full-menu-btn span {
  background-color: #00a96c;
}

.agro footer .footer-contacts-block {
  background-color: #6a6a6a;
  background-image: -webkit-gradient(
    linear,
    left top,
    left top,
    color-stop(0%, #6a6a6a),
    color-stop(100% #838383)
  );
  background-image: -webkit-linear-gradient(left, #6a6a6a 0%, #838383 100%);
  background-image: -moz-linear-gradient(left, #6a6a6a 0%, #838383 100%);
  background-image: -ms-linear-gradient(left, #6a6a6a 0%, #838383 100%);
  background-image: -o-linear-gradient(left, #6a6a6a 0%, #838383 100%);
  background-image: linear-gradient(left, #6a6a6a 0%, #838383 100%);
}

.agro footer .footer-menu .section-menu .section-title {
  color: #00a96c;
}

/*agro*/

/*corp*/
.corp .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #69747a;
}

.corp .main-menu-block {
  background-color: #69747a;

  background-color: rgba(105, 116, 122, 0.9);

  background: -moz-linear-gradient(
    left,
    rgba(105, 116, 122, 0.9) 0%,
    rgba(76, 85, 91, 0.9) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(105, 116, 122, 0.9) 0%,
    rgba(76, 85, 91, 0.9) 100%
  );
  background: linear-gradient(
    to right,
    rgba(105, 116, 122, 0.9) 0%,
    rgba(76, 85, 91, 0.9) 100%
  );
}

.corp .main-menu-block:hover .main-menu-list .menu,
.corp .main-menu-block.active .main-menu-list .menu {
  border-bottom: 1px solid rgba(75, 83, 89, 0.5);
}

.corp .main-menu-list .menu .menu-item > a {
  color: #cbced1 !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
}

.corp .main-menu-list .menu .menu-item > a:hover,
.corp .main-menu-list .menu .menu-item > a:focus,
.corp .main-menu-list .menu .menu-item.active > a {
  color: #fff !important;
}

.corp .main-menu-list .menu .menu-item .sub-menu .sub-menu-item span {
  color: #cbced1 !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.45);
}

.corp .main-menu-list .menu .menu-item .sub-menu .sub-menu-item.active span,
.corp .main-menu-list .menu .menu-item .sub-menu .sub-menu-item:hover span {
  color: #fff !important;
}

.corp .world-mastercard .right-side {
  background-color: #69747a;
  background-image: -webkit-gradient(
    linear,
    right top,
    right top,
    color-stop(0%, #69747a),
    color-stop(100% #535d63)
  );
  background-image: -webkit-linear-gradient(right, #69747a 0%, #535d63 100%);
}

.corp .sidebar-menu:before {
  background-color: #69747a;
  background-image: -webkit-gradient(
    linear,
    left top,
    left top,
    color-stop(0%, #69747a),
    color-stop(100% #535d63)
  );
  background-image: -webkit-linear-gradient(left, #69747a 0%, #535d63 100%);
}

.corp .fixed-header .full-menu-btn span {
  background-color: #69747a;
}

.corp footer .footer-contacts-block {
  background-color: #6a6a6a;
  background-image: -webkit-gradient(
    linear,
    left top,
    left top,
    color-stop(0%, #6a6a6a),
    color-stop(100% #838383)
  );
  background-image: -webkit-linear-gradient(left, #6a6a6a 0%, #838383 100%);
  background-image: -moz-linear-gradient(left, #6a6a6a 0%, #838383 100%);
  background-image: -ms-linear-gradient(left, #6a6a6a 0%, #838383 100%);
  background-image: -o-linear-gradient(left, #6a6a6a 0%, #838383 100%);
  background-image: linear-gradient(left, #6a6a6a 0%, #838383 100%);
}

.corp footer .footer-menu .section-menu .section-title {
  color: #69747a;
}

/*agro*/

#navigation-mobile {
  display: none;
}

#navigation-mobile > *:not(:last-child) {
  border-right: 1px solid white;
}

#navigation-mobile li {
  width: 100%;
}

#navigation-mobile li a {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
  color: #fff;
  text-align: center;
  font-size: 0.5625rem;
  justify-content: center;
  padding-top: 5px;
  height: 100%;
  position: relative;
}

#navigation-mobile li a.services {
  background: rgba(134, 206, 0, 0.31);
}

#navigation-mobile li a.services.open:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent rgb(101, 122, 67) transparent;
  top: -10px;
  left: 50%;
  margin-left: -10px;
}

#navigation-mobile li a img {
  max-width: 20px;
  height: auto;
  margin-bottom: 5px;
}

#navigation-mobile li a span {
  width: 100%;
  display: block;
  padding: 0 5px;
}

#navigation-mobile + .services-block {
  margin: 0;
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 10000;
  bottom: 50px;
  background-color: #fff;
  display: none;
}

.services-block .close-block {
  position: absolute;
  top: -12px;
  right: 12px;
  width: 24px;
  height: 24px;
  background: url(/img/close_services.svg) 0 0 no-repeat;
}

.services-block .services-list {
  padding: 20px 15px;
  padding-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ebebeb;
}

.services-block .services-list .service-item {
  width: 33.333%;
  margin-bottom: 20px;
  text-decoration: none;
  padding: 0 5px;
}

.services-block .services-list .service-item .icon {
  text-align: center;
  margin-bottom: 5px;
}

.services-block .services-list .service-item .text {
  font-size: 0.5625rem;
  line-height: 10px;
  text-align: center;
  color: #666666;
}

.services-block .master-card-rewards {
  padding: 20px;
}

.services-block .master-card-rewards .title {
  color: #666666;
  font-size: 0.75rem;
  line-height: 14px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}

.services-block .master-card-rewards .enter {
  text-align: center;
}

.services-block .master-card-rewards .enter a {
  color: #86ce00;
  font-size: 0.75rem;
  line-height: 14px;
  font-weight: bold;
  display: inline-block;
  margin: 0 10px;
}

.percent-page .deposit-block {
  padding-bottom: 30px;
}

.percent-page .deposit-block .block-title {
  margin-bottom: 0;
}

.percent-page .mortgage-list-tab .interest-rates {
  padding: 0 30px;
}

.credit-page.freedom-page .credit-block .block-title {
  margin-bottom: 0;
}

/*froala image fix*/
img.fr-fil {
  z-index: 1;
  position: relative;
  vertical-align: top;
  display: block;
  margin: auto;
  overflow: auto;
  padding: 10px 10px 10px 3px;
  float: left !important;
}

img.fr-fil.fr-tni {
  float: none !important;
  margin-left: 0 !important;
}

img.fr-fir {
  z-index: 1;
  position: relative;
  vertical-align: top;
  display: block;
  margin: auto;
  overflow: auto;
  padding: 10px 3px 10px 10px;
  float: right !important;
}

img.fr-fir.fr-tni {
  float: none !important;
  margin-right: 0 !important;
}

img.fr-fin {
  z-index: 1;
  position: relative;
  vertical-align: top;
  display: block;
  margin: auto;
  overflow: auto;
  padding: 10px 0;
  float: none;
}

.ca-mobile-page {
  margin-top: -200px;
  margin-bottom: 50px;
}

.ca-mobile-page .ca-mobile-block {
  background: #fff;
  padding: 30px 30px 0;
  margin-bottom: 30px;
}

.ca-mobile-page .ca-mobile-block .documents-list {
  margin: 0 -30px;
}

.ca-mobile-page .ca-mobile-block .ca-mobile-description {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.ca-mobile-page .ca-mobile-block .ca-mobile-description .img {
  width: 150px;
  text-align: center;
}

.ca-mobile-page .ca-mobile-block .ca-mobile-description .text {
  font-size: 1rem;
  line-height: 24px;
  font-family: Lato-Regular, sans-serif;
  border-top: 2px solid #86cd00;
  border-bottom: 2px solid #86cd00;
  padding: 20px 0;
  width: calc(100% - 150px);
}

.ca-mobile-advantages {
  margin: 0 -30px;
  padding: 30px 30px 10px;
}

.ca-mobile-advantages .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.ca-mobile-advantages .advantages-list {
  display: flex;
  justify-content: space-between;
}

.ca-mobile-advantages .advantages-list .central-part {
  width: 236px;
  background: url("/img/phone-bg.png") 0 0 no-repeat;
  background-size: contain;
  min-height: 500px;
}

.ca-mobile-advantages .advantages-list .text-slider {
  display: none;
}

.ca-mobile-advantages .advantages-list .central-part .image-slider {
  margin: 58px auto 0;
  width: 200px;
  height: 354px;
}

.ca-mobile-advantages .advantages-list .central-part .image-slider .slick-prev,
.ca-mobile-advantages .advantages-list .central-part .image-slider .slick-next {
  display: none;
}

.ca-mobile-advantages
  .advantages-list
  .central-part
  .image-slider
  .slider-item
  img {
  width: 100%;
}

.ca-mobile-advantages .advantages-list .left-part,
.ca-mobile-advantages .advantages-list .right-part {
  width: calc(50% - 115px);
}

.ca-mobile-advantages .advantages-list .left-part {
  padding-right: 40px;
}

.ca-mobile-advantages .advantages-list .right-part {
  padding-left: 40px;
}

.ca-mobile-advantages .advantages-list .advantage-item {
  position: relative;
  color: #666666;
  font-size: 0.9375rem;
  line-height: 22px;
  z-index: 1;
  margin-bottom: 40px;
  cursor: pointer;
}

.ca-mobile-advantages .advantages-list .advantage-item.active {
  font-family: Lato-Black, sans-serif;
  color: #000;
}

.ca-mobile-advantages .advantages-list .advantage-item.active:after {
  content: "";
  display: block;
  width: 360px;
  height: 1px;
  bottom: -10px;
  left: 0;
  background: #86cd00;
  position: absolute;
}

.ca-mobile-advantages .advantages-list .advantage-item.active:before {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  left: 360px;
  bottom: -16px;
  background: url("/img/ca-circle.png") 0 0 no-repeat;
  background-size: contain;
}

.ca-mobile-advantages .advantages-list .advantage-item:nth-child(4):before,
.ca-mobile-advantages .advantages-list .advantage-item:nth-child(5):before {
  bottom: auto;
  top: -18px;
}

.ca-mobile-advantages .advantages-list .advantage-item:nth-child(4):after,
.ca-mobile-advantages .advantages-list .advantage-item:nth-child(5):after {
  bottom: auto;
  top: -10px;
}

.ca-mobile-advantages
  .advantages-list
  .right-part
  .advantage-item.active:after {
  left: auto;
  right: 0;
}

.ca-mobile-advantages
  .advantages-list
  .right-part
  .advantage-item.active:before {
  left: auto;
  right: 360px;
}

.ca-mobile-advantages .advantages-list .advantage-item span {
  color: #eef9d9;
  font-size: 3.75rem;
  font-family: Lato-Black, sans-serif;
  position: absolute;
  top: 10px;
  left: -10px;
  z-index: -1;
}

.ca-mobile-download {
  margin: 0 -30px;
  margin-bottom: 30px;
  padding: 30px 30px 10px;
  text-align: center;
}

.ca-mobile-download .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.ca-mobile-download .download-items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.ca-mobile-download .download-items a {
  margin: 0 20px;
}

.mobile-app-block {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: url(/img/banner_bg.jpg) 0 0 repeat-x;
  background-size: contain;
  /*background: #494949;*/
  padding: 5px 15px 5px 5px;
  height: 63px;
  z-index: 14444;
  display: flex;
  align-items: center;
}

.mobile-app-block .close {
  width: 16px;
  height: 16px;
  background: url("/img/x.svg") center center no-repeat;
  margin-right: 5px;
  padding: 24px 0;
}

.mobile-app-block .icon {
  width: 53px;
  height: 53px;
  border-radius: 3px;
  overflow: hidden;
  margin-right: 10px;
}

.mobile-app-block .icon img {
  display: block;
  max-width: 100%;
}

.mobile-app-block .text {
  color: #fff;
  width: calc(100% - 200px);
  margin-right: 10px;
  font-size: 0.875rem;
  line-height: 18px;
}

.mobile-app-block .market-btn {
  background: #009697;
  color: #fff;
  font-size: 0.75rem;
  height: 28px;
  line-height: 30px;
  padding: 0 8px;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 3px;
}

.video-main-block {
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden;
  background: #eee;
}

.video-main-block .videoWrapper {
  z-index: 3;
  width: 960px;
  height: 400px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}

.video-main-block .videoWrapper video {
  position: absolute;
  bottom: -165px;
}

.video-main-block .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-main-block .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  background: url("/img/banner_10.png") bottom center;
}

.video-main-block .play-btn {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 5;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
}

.video-main-block .play-btn img {
  width: 100%;
}

.video-main-block.show-video-controls .play-btn {
  display: block;
}

.package-offer-inner-page .deposit-request {
  background: #fff;
}

.package-text-image-block {
  display: flex;
  flex-wrap: wrap;
  padding-top: 20px;
  margin-bottom: 30px;
}

.package-text-image-block .text {
  width: calc(100% - 235px);
  padding-right: 40px;
}

.package-text-image-block .text h2 {
  color: #000000;
  font-size: 1rem;
  margin-bottom: 20px;
}

.package-text-image-block .text p {
  color: #666666;
  font-size: 1rem;
  line-height: 18px;
  margin-bottom: 10px;
}

.package-text-image-block .image {
  width: 235px;
}

.package-list-block {
  padding-top: 30px;
  margin: 0 -30px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}

.package-list-block h2 {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.package-list-block ul {
}

.package-list-block ul li {
  font-size: 1rem;
  color: #666;
  line-height: 20px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
}

.package-list-block ul li:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 6px;
  left: 2px;
  background: #86ce00;
}

.h1-section {
  padding-top: 40px;
}

.h1-section h1 {
  color: #555558;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-family: Lato-Black, sans-serif;
  margin: 0;
  margin-bottom: 35px;
}

.h1-section p {
  color: #666666;
  font-size: 1rem;
  line-height: 24px;
  margin-bottom: 24px;
}

.package-offers {
  margin: 0 -30px;
  padding: 30px 30px 10px;
}

.package-offers h2 {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.package-offers .package-list {
}

.package-offers .package-list .package-item {
  display: flex;
  justify-content: space-between;
  border: 1px solid #dcdcdc;
  padding: 30px 50px;
  box-shadow: 0 0 15px rgba(175, 175, 175, 0.3);
  margin-bottom: 30px;
}

.package-offers .package-list .package-item .left-side {
  width: 320px;
}

.package-offers .package-list .package-item .left-side .image {
  width: 320px;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
}

.package-offers .package-list .package-item .left-side .image img {
  max-width: 100%;
  display: block;
}

.package-offers .package-list .package-item .right-side {
  width: calc(100% - 370px);
}

.package-offers .package-list .package-item .right-side .title {
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #666;
  margin-bottom: 20px;
}

.package-offers .package-list .package-item .right-side .description {
  font-size: 1rem;
  line-height: 24px;
  color: #9a9a9a;
  margin-bottom: 40px;
}

.package-offers .package-list .package-item .right-side .features {
}

.package-offers .package-list .package-item .right-side .features .feature {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.package-offers
  .package-list
  .package-item
  .right-side
  .features
  .feature
  .icon {
  width: 40px;
}

.package-offers
  .package-list
  .package-item
  .right-side
  .features
  .feature
  .icon
  img {
  max-width: 100%;
}

.package-offers
  .package-list
  .package-item
  .right-side
  .features
  .feature
  .text {
  width: calc(100% - 40px);
  padding-left: 20px;
  color: #666666;
  font-size: 0.875rem;
  line-height: 18px;
}

.career-page-section {
  margin-top: -200px;
  margin-bottom: 50px;
}

.career-page-section .vacancy-form {
  background: #f4f4f4;
  padding: 30px;
  margin-bottom: 30px;
}

.career-page-section .internship-block {
  background: url("/img/vacancy-page-bg.jpg") center right no-repeat;
  padding: 70px 80px;
}

.career-page-section .internship-block .title {
  color: #555558;
  font-size: 1.5rem;
  margin-bottom: 10px;
  font-family: "Lato-Semibold", sans-serif;
}

.career-page-section .internship-block .subtitle {
  font-size: 1.125rem;
  color: #555558;
  margin-bottom: 40px;
}

.about-us-page {
  background: #f4f4f4;
  padding: 30px;
}

.about-us-page .intro-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 45px;
}

.about-us-page .intro-block .image {
  width: 336px;
}

.about-us-page .intro-block .text {
  width: calc(100% - 366px);
}

.about-us-page .intro-block .text .mobile-image {
  display: none;
}

.about-us-page .intro-block .text h2 {
  font-size: 2.25rem;
  line-height: 40px;
  color: #000;
  font-family: "Lato Black", sans-serif;
}

.about-us-page .intro-block .text p {
  font-size: 1rem;
  line-height: 20px;
  color: #000;
}

.about-us-page .intro-block .text h2 + p {
  margin-bottom: 30px;
}

.about-us-page .intro-block .text h4 {
  font-size: 1.5rem;
  color: #88ce27;
  line-height: 30px;
  font-family: "Lato Black", sans-serif;
}

.about-us-page article {
}

.about-us-page article p {
  font-size: 1rem;
  line-height: 20px;
  color: #000;
  margin-bottom: 20px;
}

.about-us-page article p a {
  color: #88ce27;
}

.info-block {
  margin-bottom: 55px;
}

.info-block h3 {
  font-size: 1.125rem;
  color: #000;
  font-family: "Lato Black", sans-serif;
  text-align: center;
  margin-bottom: 35px;
}

.info-block p {
  font-size: 1rem;
  line-height: 20px;
  color: #666666;
}

.info-block ul {
}

.info-block ul li {
  font-size: 1rem;
  color: #666;
  line-height: 20px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
}

.info-block ul li:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 6px;
  left: 2px;
  background: #86ce00;
}

.info-block.expectation-block ul {
  background: url("/img/ul_bg.jpg") top right no-repeat;
  background-size: cover;
  margin: 0 -30px;
  padding: 30px 30px 20px 30px;
}

.info-block.expectation-block ul li {
  max-width: 340px;
}

.principles-block {
}

.principles-block .principles-list {
  display: flex;
  flex-wrap: wrap;
}

.principles-block .principles-list .principle-item {
  width: 20%;
}

.principles-block .principles-list .principle-item .icon {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  margin-bottom: 25px;
}

.principles-block .principles-list .principle-item .text {
  font-size: 1rem;
  line-height: 18px;
  color: #666666;
  text-align: center;
  padding: 0 10px;
}

.info-block .cv-block {
  text-align: center;
  font-size: 1.125rem;
  line-height: 20px;
  color: #666666;
  font-family: "Lato Black", sans-serif;
  margin-top: 24px;
}

.info-block .cv-block a {
  color: #88ce27;
}

.info-block.video-block {
  margin-bottom: 0;
}

.info-block.video-block .video-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 15px;
}

@media (max-width: 767px) {
  .info-block.video-block .video-list {
    column-gap: unset;
  }
}

.info-block.video-block .video-list .video-item {
  width: calc(33.33% - 10px);
  margin-bottom: 10px;
  position: relative;
  border: 1px solid #c2c2c2;
}

.info-block.video-block .video-list .video-item .video-img {
  height: 160px;
  overflow: hidden;
  position: relative;
}

.info-block.video-block .video-list .video-item .video-img a {
  display: block;
  height: 160px;
  position: relative;
}

.info-block.video-block .video-list .video-item .video-img a img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  max-width: 285px;
  width: auto;
  height: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
}

.info-block.video-block .video-list .video-item .video-img a:after {
  position: absolute;
  content: "";
  display: block;
  background: url(/img/video-play.png) 0 0 no-repeat;
  width: 158px;
  height: 158px;
  top: 50%;
  left: 50%;
  margin-left: -79px;
  margin-top: -79px;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.info-block.video-block .video-list .video-item .description {
  background: #fff;
  padding: 20px;
}

.info-block.video-block .video-list .video-item .description .text {
  color: #6f6f6f;
  font-size: 0.875rem;
  line-height: 20px;
  height: 60px;
  overflow: hidden;
}

.internship-page {
  background: #f4f4f4;
  padding: 30px;
}

.internship-page .intro-block {
  border-bottom: 1px solid #cccccc;
}

.internship-page .intro-block p {
  font-size: 1rem;
  line-height: 20px;
  color: #000;
  margin-bottom: 20px;
}

.internship-form-block {
  padding-top: 30px;
  padding-bottom: 60px;
}

.internship-form-block h2 {
  font-size: 1.625rem;
  line-height: 30px;
  color: #242424;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.internship-form-block form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 700px;
  margin: 0 auto;
}

.internship-form-block form .form-field {
  width: calc(50% - 8px);
  margin-bottom: 16px;
}

.internship-form-block form .form-field.full-width {
  width: 100%;
}

.internship-form-block form .form-field input {
  width: 100%;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
}

.internship-form-block form .form-field label {
  display: block;
  font-size: 0.875rem;
  color: #242424;
  padding-left: 10px;
  margin-bottom: 4px;
}

.internship-form-block form .form-field textarea {
  width: 100%;
  min-height: 120px;
  border: 1px solid #ebebeb;
  line-height: 20px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 10px 20px;
}

.internship-form-block form .form-field select {
  width: 100%;
  height: 50px;
  border: 1px solid #ebebeb;
  line-height: 48px;
  color: #696969;
  font-size: 1.125rem;
  text-align: left;
  font-family: Lato-Light, sans-serif;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  padding: 0 20px;
}

.internship-form-block form .center-side {
  width: 100%;
  text-align: center;
}

.info-block.gallery-block {
  margin-bottom: 0;
}

.info-block.gallery-block .gallery-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.info-block.gallery-block .gallery-list .gallery-item {
  width: calc(33.33% - 10px);
  margin-bottom: 10px;
  position: relative;
  border: 1px solid #c2c2c2;
}

.info-block.gallery-block .gallery-list .gallery-item .gallery-img {
  height: 160px;
  overflow: hidden;
  position: relative;
}

.info-block.gallery-block .gallery-list .gallery-item .gallery-img a {
  display: block;
  height: 160px;
  position: relative;
}

.info-block.gallery-block .gallery-list .gallery-item .gallery-img a img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  max-width: 285px;
  width: auto;
  height: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
}

.info-block.gallery-block .gallery-list .gallery-item .description {
  background: #fff;
  padding: 20px;
}

.info-block.gallery-block .gallery-list .gallery-item .description .text {
  color: #6f6f6f;
  font-size: 0.875rem;
  line-height: 20px;
  height: 60px;
  overflow: hidden;
}

#popup-gallery .popup-container {
  width: 960px;
  margin-left: -480px;
}

.popup-gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.popup-gallery .gallery-sliders {
  width: calc(55% - 15px);
}

.popup-gallery .gallery-sliders .big-slider {
  height: 280px;
}

.popup-gallery .gallery-sliders .big-slider .slider-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 280px;
}

.popup-gallery .gallery-sliders .big-slider .slider-item img {
  max-width: 100%;
}

.popup-gallery .gallery-sliders .small-slider {
  height: 80px;
}

.popup-gallery .gallery-sliders .small-slider .slider-item {
  height: 80px;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #fff;
  cursor: pointer;
  overflow: hidden;
}

.popup-gallery .gallery-sliders .small-slider .slider-item.slick-center {
  border: 2px solid #8ac818;
}

.popup-gallery .gallery-sliders .small-slider .slider-item img {
  max-width: 100%;
}

.popup-gallery .gallery-sliders .small-slider .slick-prev,
.popup-gallery .gallery-sliders .small-slider .slick-next {
  text-indent: -99999px;
  width: 10px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
}

.popup-gallery .gallery-sliders .small-slider .slick-next {
  right: -15px;
}

.popup-gallery .gallery-sliders .small-slider .slick-next:before {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 3px;
  background: #8ac818;
  transform: rotate(-45deg);
  top: 13px;
  left: 0;
  position: absolute;
  opacity: 1;
}

.popup-gallery .gallery-sliders .small-slider .slick-next:after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 3px;
  background: #8ac818;
  transform: rotate(45deg);
  top: 7px;
  left: 0;
  position: absolute;
  opacity: 1;
}

.popup-gallery .gallery-sliders .small-slider .slick-prev {
  left: -15px;
}

.popup-gallery .gallery-sliders .small-slider .slick-prev:before {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 3px;
  background: #8ac818;
  transform: rotate(45deg);
  top: 13px;
  left: 0;
  position: absolute;
  opacity: 1;
}

.popup-gallery .gallery-sliders .small-slider .slick-prev:after {
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  border-radius: 3px;
  background: #8ac818;
  transform: rotate(-45deg);
  top: 7px;
  left: 0;
  position: absolute;
  opacity: 1;
}

.popup-gallery .gallery-text {
  width: calc(45% - 15px);
}

.popup-gallery .gallery-text h2 {
  color: #000;
  font-size: 1rem;
  line-height: 20px;
  margin-bottom: 20px;
}

.popup-gallery .gallery-text p {
  color: #666666;
  font-size: 1rem;
  line-height: 20px;
  margin-bottom: 20px;
}

@media \0screen\, screen\9 {
  .fixed-header .container {
    display: block;
  }

  .fixed-header .full-menu-btn,
  .fixed-header .header-btns,
  .fixed-header .contact-center,
  .fixed-header .header-search,
  .fixed-header .about-bank,
  .fixed-header .header-toggle {
    float: left;
    display: block;
  }

  .fixed-header .header-btns .lang {
    float: left;
  }

  .fixed-header .header-btns a {
    float: left;
    display: block;
  }

  .main-3-columns .container {
    display: block;
  }

  .main-3-columns .column3 {
    float: left;
    margin: 0 10px;
  }

  .fixed-header .contact-center .phone {
    height: 40px;
    line-height: 40px;
  }

  .main-menu-block {
    display: block;
  }

  .main-menu-list {
    overflow: visible;
  }

  .main-menu-list .menu .menu-item .sub-menu .submenu {
    display: block;
  }

  .main-menu-list .menu .menu-item .sub-menu li {
    float: left;
  }

  .main-menu-block .logo,
  .main-menu-list {
    float: left;
  }

  .main-menu-block.stick .logo img {
    width: 60px;
    height: 60px;
  }

  .main-menu-block:hover .logo img,
  .active.main-menu-block .logo img {
    width: 160px;
    height: 160px;
  }

  .main-menu-list .menu .menu-item:last-child {
    width: 80px;
  }

  .main-menu-block.stick .menu .menu-item {
    width: 135px;
  }

  .active.main-menu-block .menu .menu-item,
  .main-menu-block:hover .menu .menu-item {
    width: 122px;
  }

  .main-menu-list .menu {
    display: block;
    height: 43px;
  }

  .main-menu-list .menu .menu-item {
    float: left;
    width: 130px;
  }

  .main-3-columns .column3 .body .news-item {
    display: block;
    height: 60px;
  }

  .main-3-columns .column3 .body .news-item .icon {
    float: left;
  }

  .main-3-columns .column3 .body .news-item .text {
    float: left;
  }

  .main-3-columns {
    height: 520px;
  }

  .main-calculator-block .calculator-type-tabs {
    display: block;
    text-align: center;
  }

  .fast-links-block .container {
    display: block;
    height: 120px;
  }

  .fast-links-block .fast-link {
    float: left;
    margin: 0 5px;
    height: 120px;
  }

  footer .footer-menu {
    display: block;
  }

  footer .footer-menu .section-menu {
    display: inline-block;
    vertical-align: top;
    width: 31%;
  }

  footer .footer-contacts-block {
    display: block;
  }

  footer .footer-contacts-block a {
    display: inline-block;
    vertical-align: top;
  }

  footer .footer-contacts-block .social-links {
    display: inline-block;
    vertical-align: top;
  }

  .new-catalog-page .catalog-block {
    display: block;
  }

  .new-catalog-page .catalog-block .left-side {
    display: inline-block;
    width: calc(75% - 30px);
    width: -webkit-calc(75% - 30px);
    margin-right: 25px;
    vertical-align: top;
  }

  .new-catalog-page .catalog-block .right-side {
    display: inline-block;
    vertical-align: top;
  }

  .new-catalog-page .catalog-block .left-side .products-list {
    display: block;
  }

  .new-catalog-page .catalog-block .left-side .products-list .product-item {
    display: inline-block;
    width: calc(33.333% - 15px);
  }

  .first-section .container {
    display: block;
  }

  .first-section .container .text,
  .first-section .container form {
    display: inline-block;
    vertical-align: top;
  }

  .deposits-list {
    display: block;
  }

  .deposits-list .deposit-item {
    display: inline-block;
    width: calc(25% - 16px);
  }

  .credit-advantages .advantages-list {
    display: block;
  }

  .credit-advantages .advantages-list .item {
    display: inline-block;
    width: 32%;
    vertical-align: top;
  }

  .credit-terms .credit-terms-list {
    display: block;
  }

  .credit-terms .credit-terms-list .credit-terms-item {
    display: inline-block;
    width: 49%;
    vertical-align: top;
  }

  .credit-terms .credit-terms-list .credit-terms-item .img {
    display: inline-block;
    vertical-align: top;
  }

  .credit-terms .credit-terms-list .credit-terms-item .text {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 75px);
  }

  .credit-terms .credit-terms-list .credit-terms-item .img img {
    width: 100%;
    height: auto;
    display: block;
  }

  .deposit-tabs {
    display: block;
  }

  .deposit-tabs .deposit-tab {
    display: inline-block;
    padding: 10px 20px;
    text-align: center;
  }

  .calculator-block .calculator .calculator-currency-tabs {
    display: block;
  }

  .calculator-block
    .calculator
    .calculator-currency-tabs
    .calculator-currency-tab {
    display: inline-block;
  }

  .calculator-block .calculator .calculator-slider-block .calculator-slider {
    display: block;
  }

  .calculator-block
    .calculator
    .calculator-slider-block
    .calculator-slider
    .slider {
    display: inline-block;
    margin-right: 10px;
  }

  .calculator-block
    .calculator
    .calculator-slider-block
    .calculator-slider
    .input-field {
    display: inline-block;
  }

  .calculator-block {
    display: block;
  }

  .calculator-block .calculator {
    display: inline-block;
  }

  .credit-payroll {
    display: inline-block;
  }

  #right_block {
    display: inline-block;
  }

  .calculator-block.credit-block
    .calculator
    .calculator-slider-block
    .calculator-slider
    .slider-points {
    width: calc(100% - 180px);
  }

  .calculator-block
    .calculator
    .calculator-slider-block
    .calculator-slider
    .slider-points {
    display: block;
    width: calc(100% - 180px);
  }

  .calculator-block
    .calculator
    .calculator-slider-block
    .calculator-slider
    .slider-points
    .point {
    display: inline-block;
    width: calc(100% / 6);
  }

  .order-form .steps {
    display: block;
    max-width: 600px;
    margin: 0 auto;
  }

  .order-form form {
    display: block;
  }

  .order-form form .form-field {
    display: inline-block;
  }

  .order-form .steps .step-item {
    display: inline-block;
    vertical-align: top;
  }

  .order-form .steps .step-between {
    display: inline-block;
    vertical-align: top;
  }

  .credit-tabs {
    display: block;
  }

  .credit-tabs .credit-tab {
    display: inline-block;
    padding: 1px 20px;
  }

  .partners-list {
    display: block;
  }

  .partners-list .partner-item {
    display: inline-block;
    width: calc(25% - 16px);
  }

  .buy-car-steps .steps-list {
    display: block;
  }

  .buy-car-steps .steps-list .step {
    display: inline-block;
    vertical-align: top;
    width: 145px;
  }

  .buy-car-steps .steps-list .step .img {
    text-align: center;
    line-height: 120px;
  }

  .sidebar-menu .sidebar-item {
    display: block;
  }

  .sidebar-menu .sidebar-item .icon {
    display: inline-block;
  }

  .sidebar-menu .sidebar-item .text {
    display: inline-block;
    width: calc(100% - 70px);
    vertical-align: top;
    line-height: 50px;
  }

  .fast-vertical-menu .item .item-body img {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }

  .new-catalog-page
    .catalog-block
    .left-side
    .products-list
    .product-item
    .product-body {
    position: relative;
  }

  .new-catalog-page
    .catalog-block
    .left-side
    .products-list
    .product-item
    .product-body
    img {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }

  .offices-faq > div {
    display: inline-block;
    vertical-align: top;
  }

  .offices-faq > div:first-child {
    margin-right: 25px;
  }

  .offices-faq .offices .body {
    text-align: center;
    padding-top: 65px;
  }

  .offices-faq .offices .body form {
    width: 500px;
    margin: -30px auto 0;
  }

  .full-menu .full-main-menu > li.hover .submenu {
    display: block;
  }

  .full-menu .full-main-menu > li {
    padding: 10px 15px;
  }

  .full-menu .full-main-menu > li .submenu .submenu-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
  }

  .documents-tabs .documents-tab {
    display: inline-block;
    padding: 1px 20px;
    max-width: 100px;
    vertical-align: top;
  }

  .rada-list .rada-item {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 16px);
  }

  .documents-info-tab .pdf-file {
    margin-right: 20px;
  }

  .documents-page .documents-tabs .documents-tab {
    max-width: 200px;
  }

  .vacancies-form .vacancies-select {
    display: inline-block;
    margin-right: 12px;
  }

  .partners-list .partner-item .partner-body {
    position: relative;
  }

  .partners-list .partner-item .partner-body img {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }

  .press-center-tabs .press-center-tab {
    display: inline-block;
    vertical-align: top;
    padding: 1px 20px;
  }

  .press-center-items-list .press-center-item {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 16px);
  }

  .press-center-catalog form .catalog-date {
    display: inline-block;
    vertical-align: top;
    margin-right: 12px;
  }

  .catalog-video .video-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px 20px;
    width: calc(50% - 20px);
  }

  .mortgage-list .mortgage-item .img {
    display: inline-block;
    vertical-align: top;
  }

  .mortgage-list .mortgage-item .text {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 370px);
  }

  .departments-block .location-form .location .department-location {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
  }

  .departments-block .location-form .location .switch-type {
    display: inline-block;
    vertical-align: top;
  }

  .departments-block .location-form .location .switch-type span {
    display: inline-block;
    vertical-align: top;
  }

  .cmn-toggle + label {
    display: inline-block;
  }

  .department-meeting form .left-side,
  .department-meeting form .right-side {
    display: inline-block;
    vertical-align: top;
    width: 49%;
  }

  div:first-child + [data-list] {
    display: block;
  }
}

@media (max-width: 1100px) {
  .main-slider-block .main-slider .slick-prev {
    margin-left: -460px;
  }

  .main-slider-block .main-slider .slick-next {
    margin-right: -460px;
  }

  .main-slider-block .main-slider .slider-item .container {
    padding: 0 80px;
  }
}

/* In Trip */
@media all and (max-width: 1100px) and (max-height: 1085px) {
  /*.main-menu-block{*/
  /*    width: 728px;*/
  /*    margin-left: -364px;*/
  /*}*/
  .first-section .container {
    max-width: 770px;
  }

  .world-mastercard,
  .sidebar-menu {
    top: calc(50% + 20px);
  }
}

@media all and (device-width: 500px) and (device-height: 1024px) and (orientation: portrait) {
  body {
    background: #eaf3ff none !important;
  }
}

@media all and (device-width: 500px) and (device-height: 1024px) and (orientation: landscape) {
  body {
    background: #eaf3ff none !important;
  }
}

@media (max-width: 1023px) {
  .deposit-tabs-wrapper:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    background: -moz-linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      color-stop(0%, rgba(255, 255, 255, 0)),
      color-stop(100%, rgba(255, 255, 255, 1))
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
    ); /* IE10+ */
    background: linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 1) 100%
    ); /* W3C */
  }

  /* Chrome & Safari */
  .deposit-tabs::-webkit-scrollbar {
    display: none;
  }

  .deposit-tabs {
    padding: 0 20px;
    background-color: #f4f4f4f4;
    overflow-x: auto;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
  }

  .deposit-tabs .deposit-tab {
    font-size: 0.9375rem;
    margin-right: 0;
    width: 100%;
    min-width: min-content;
    color: #064325;
    white-space: nowrap;
    text-transform: unset;
    border-top: none;
    border-bottom: 2px solid #f4f4f4;
    background-color: transparent;
  }

  .deposit-tabs .deposit-tab.active {
    background-color: transparent;
    border-top: none;
    color: #064325;
    border-bottom: 2px solid rgba(134, 206, 0, 0.95);
  }

  .fixed-header .header-toggle span {
    width: 208px;
    padding-left: 39px;
  }

  .departments-list-block
    .departments-list
    .department-item
    .top-side
    .left-side {
    flex-grow: 1;
  }

  .departments-list-block
    .departments-list
    .department-item
    .top-side
    .department-information
    .left-info {
    width: 100%;
    margin-bottom: 20px;
  }

  .departments-list-block .departments-list .department-item .top-side .title {
    width: 40%;
  }

  .departments-list-block
    .departments-list
    .department-item
    .top-side
    .department-information
    .right-info {
    width: 100%;
  }

  .package-offers .package-list .package-item {
    padding: 30px;
  }

  .package-offers .package-list .package-item .left-side .image {
    width: 240px;
  }

  .package-offers .package-list .package-item .right-side {
    width: calc(100% - 220px);
  }

  .main-menu-block {
    width: 760px;
    margin-left: -380px;
  }

  .main-3-columns .container {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .news-page,
  .ca-mobile-page {
    margin-top: 0;
  }

  .main-3-columns .column3 {
    width: calc(50% - 20px);
    width: -webkit-calc(50% - 20px);
  }

  .main-3-columns .column3.special-offer {
    width: 100%;
    margin-top: 20px;
  }

  .main-3-columns .column3.special-offer:before {
    content: "";
    position: absolute;
    bottom: -15px;
    width: 249px;
    height: 15px;
    background: url(/img/shadows.png) no-repeat 0 -15px;
    background-size: 249px 30px;
    left: 0;
  }

  .main-3-columns .column3.special-offer .body > a {
    display: block;
    text-align: center;
  }

  .main-3-columns .column3.special-offer .body img {
    display: inline-block;
  }

  .main-slider-block .main-slider .slick-prev,
  .main-slider-block .main-slider .slick-next {
    display: none !important;
  }

  .main-slider-block .main-slider .slider-item .text {
    padding-right: 0;
    font-size: 1.875rem;
    line-height: 36px;
    margin-bottom: 30px;
  }

  .fixed-header .header-toggle.about-bank {
    display: none !important;
  }

  .fixed-header .header-search {
    width: 255px !important;
    padding: 0 10px;
  }

  .vacancies-form form {
    flex-wrap: wrap;
    max-width: 350px;
  }

  .vacancies-form .vacancies-select {
    width: 100%;
    flex-direction: column;
    margin-bottom: 10px;
  }

  .vacancies-form .vacancies-select span {
    display: block;
    width: 100%;
  }

  .vacancies-form .vacancies-select select {
    width: 100%;
  }

  .search-page {
    margin-top: 0;
  }

  .mortgage-list .mortgage-item .text .id-btn {
    flex-wrap: wrap;
  }

  .mortgage-list .mortgage-item .text .id-btn .id {
    margin-bottom: 10px;
  }

  .main-menu-list .menu .menu-item > a {
    font-size: 0.5625rem;
    max-width: 120px;
    min-width: 50px;
    /* decrease top-bottom padding from 10 to 5 px */
    padding: 5px 15px;
    /* --- */
  }

  .main-menu-block:hover .logo,
  .main-menu-block.active .logo {
    width: 125px;
    height: 125px;
  }

  .main-menu-list {
    padding: 15px 15px 0;
  }

  .main-menu-block:hover .main-menu-list,
  .main-menu-block.active .main-menu-list {
    width: calc(100% - 125px);
    width: -webkit-calc(100% - 125px);
    /* change height from 140px to 150px */
    height: 150px;
    /* --- */
    padding: 15px;
  }

  .main-menu-list .menu .menu-item .sub-menu .sub-menu-item span {
    font-size: 0.5625rem;
    line-height: 12px;
  }

  .main-menu-list .menu .menu-item.active .sub-menu {
    left: 15px;
    width: 573px;
    top: 43px;
  }

  .main-menu-list .menu .menu-item .sub-menu .submenu {
    width: 573px;
  }

  .main-menu-list .menu .menu-item .sub-menu .submenu-slider {
    width: 573px;
    margin-top: 25px;
  }

  .main-menu-list .menu .menu-item .sub-menu .submenu-slider .slick-next {
    right: -20px;
    top: 45%;
  }

  .main-menu-list .menu .menu-item .sub-menu .submenu-slider .slick-prev {
    left: -20px;
    top: 45%;
  }

  .main-menu-list .menu .menu-item .sub-menu .sub-menu-item {
    min-height: 50px;
    max-width: 103px;
    /* add padding top-bottom */
    padding: 5px 5px;
    /* --- */
  }

  .main-menu-list .menu .menu-item .sub-menu .sub-menu-item .img {
    height: 20px;
    margin-bottom: 10px;
  }

  .main-menu-list .menu .menu-item .sub-menu .sub-menu-item .img img {
    height: 40px;
  }

  .main-menu-list
    .menu
    .menu-item
    .sub-menu
    .sub-sub-menu-list:first-child
    > li:first-child {
    display: block;
  }

  .full-menu .full-main-menu {
    width: 200px;
  }

  .full-menu .full-main-menu > li {
    height: 50px;
  }

  .full-menu .full-main-menu > li > a {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .full-menu .full-main-menu > li > a:not(.no-children) {
    pointer-events: none;
  }

  .full-menu .full-main-menu > li .submenu {
    left: 220px;
    width: calc(100% - 220px);
    width: -webkit-calc(100% - 220px);
  }

  .full-menu .full-main-menu > li .submenu .submenu-item {
    width: calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
  }

  footer .footer-contacts-block a {
    font-size: 0.75rem;
    padding-left: 0 !important;
  }

  footer .footer-contacts-block {
    padding: 5px 10px;
  }

  footer .footer-contacts-block > a:after {
    display: none !important;
  }

  .first-section {
    padding-top: 260px;
    height: 460px;
  }

  .first-section .container .text {
    font-size: 1.875rem;
    line-height: 40px;
  }

  .new-catalog-page,
  .credit-page,
  .debit-card-page,
  .partners-page,
  .faq-page,
  .deposit-page,
  .departments-block,
  .exchange-rates-page,
  .deposit-calculator-page,
  .credit-calculator-page {
    margin-top: 0;
  }

  .calculator-block {
    flex-wrap: wrap;
  }

  .departments-block .location-form .location {
    flex-wrap: wrap;
  }

  .new-catalog-page .catalog-block {
    flex-wrap: wrap;
  }

  .new-catalog-page .catalog-block .left-side {
    width: 100%;
    padding: 20px;
  }

  .new-catalog-page .catalog-block .right-side {
    width: 100%;
  }

  .fast-vertical-menu {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    margin: 0 -6px;
  }

  .fast-vertical-menu .item {
    width: calc(33.33% - 12px);
    width: -webkit-calc(33.33% - 12px);
    margin: 0 6px;
  }

  .calculator-block > form {
    flex-wrap: nowrap;
    flex-direction: column;
  }

  .credit-page .credit-block.calculator-block {
    flex-wrap: wrap;
  }

  .calculator-block .calculator {
    width: 100%;
  }

  .calculator-block .credit-payroll {
    width: 100%;
    margin-top: 20px;
  }
  .payments-result-table-list .payments-result-table-item {
    width: 100%;
  }

  .credit-advantages .advantages-list .item .text,
  .credit-description p,
  .credit-terms .credit-terms-list .credit-terms-item .text {
    font-size: 1rem;
    line-height: 20px;
  }

  .partners-list .partner-item {
    width: calc(33.333% - 12px);
    width: -webkit-calc(33.333% - 12px);
  }

  .main-3-columns .column3.news:after {
    content: "";
    position: absolute;
    bottom: -15px;
    width: 249px;
    height: 15px;
    right: 0;
    background: url(/img/shadows.png) no-repeat;
    background-size: 249px 30px;
  }

  .ca-mobile-advantages .advantages-list .advantage-item {
    font-size: 0.75rem;
    line-height: 14px;
  }

  .order-form form {
    width: 100%;
    max-width: 700px;
  }

  .career-page-section .internship-block {
    padding: 70px 40px;
  }

  .about-us-page .intro-block .image {
    display: none;
  }

  .about-us-page .intro-block .text {
    width: 100%;
  }

  .about-us-page .intro-block .text .mobile-image {
    float: left;
    margin: 0 20px 10px 0;
    width: 200px;
    display: block;
  }

  .about-us-page .intro-block .text h2 + p {
    margin-bottom: 20px;
  }

  .info-block.expectation-block ul {
    background: none;
  }

  .info-block.expectation-block ul li {
    max-width: inherit;
  }
}

@media (max-width: 930px) {
  .departments-block .department-info .rating-block-container {
    width: 300px;
  }

  .fixed-header .about-bank {
    display: none;
  }
}

@media (max-width: 767px) {
  .departments-list-block .departments-list .department-item .top-side .title,
  .departments-list-block
    .departments-list
    .department-item
    .top-side
    .department-information {
    width: auto;
    margin-bottom: 30px;
  }

  .departments-block .department-info .rating-block {
    width: auto;
    background: #e8f2c4;
    padding: 30px;
    text-align: center;
    height: 240px;
  }

  .departments-list-block .departments-list .department-item .features > div {
    margin-right: 20px;
    margin-bottom: 20px;
    min-width: 70px;
    width: calc(50% - 20px);
    max-width: 100%;
  }
}

@media (max-width: 992px) {
  .departments-block .department-info .rating-block-container {
    width: 275px;
  }

  .departments-block .department-info .text {
    width: -webkit-calc(100% - 295px);
  }
}

@media (max-width: 767px) {
  /*Десктопное меню на IPAD было 839*/
  .fixed-header .about-bank {
    display: none;
  }
}

@media (max-width: 767px) {
  .departments-list-block .departments-list .department-item .top-side .title,
  .departments-list-block
    .departments-list
    .department-item
    .top-side
    .department-information {
    width: auto;
    margin-bottom: 30px;
  }

  .credit-advantages .advantages-list .item .text,
  .credit-description p,
  .credit-terms .credit-terms-list .credit-terms-item .text {
    font-size: 0.875rem;
  }

  .business .fixed-header .header-toggle.i-bank,
  .ibusiness .fixed-header .header-toggle.i-bank {
    background: url(/img/i-bank.svg) 15px 6px no-repeat #a70f6d;
  }

  .vip .fixed-header .header-toggle {
    background: url(/img/i-bank.svg) 15px 6px no-repeat #ac1a2f;
  }

  .about-us-page {
    padding: 20px;
  }

  .about-us-page .intro-block .text h2 {
    font-size: 1.625rem;
  }

  .about-us-page .intro-block .text h4 {
    font-size: 1.25rem;
  }

  .about-us-page .intro-block .text p {
    font-size: 0.875rem;
    line-height: 18px;
  }

  .info-block p {
    font-size: 0.875rem;
  }

  .info-block.expectation-block ul {
    margin: 0;
    padding: 0;
    background: none;
  }

  .info-block ul li {
    font-size: 0.875rem;
  }

  .principles-block .principles-list .principle-item {
    width: 50%;
    margin-bottom: 25px;
  }

  .info-block.video-block .video-list .video-item {
    width: 100%;
    max-width: 285px;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .vacancies-list .vacancy-item .vacancy-info {
    width: 100%;
    margin-bottom: 15px;
  }

  .career-page-section .internship-block {
    padding: 70px 20px;
    background: url(/img/vacancy-page-bg.jpg) center left no-repeat;
  }

  .first-step-sliders {
    display: none;
    flex-wrap: wrap;
  }

  .first-step-sliders .sliders-block {
    width: 100%;
    margin-bottom: 20px;
  }

  .first-step-sliders
    .sliders-block
    .landing-slider.ui-slider-horizontal
    .ui-slider-handle {
    height: 20px;
    top: -10px;
    width: 30px;
    margin-left: -15px;
  }

  .order-form form .form-field {
    width: 100%;
    padding: 0;
  }

  .order-form form {
    width: 100%;
  }

  .block-title {
    margin-bottom: 30px;
  }

  .main-slider-block .main-slider .slick-dots {
    bottom: 5px;
  }

  .btn {
    padding-left: 30px;
    padding-right: 55px;
  }

  .slider-item .btn {
    display: none;
  }

  footer .footer-menu .section-menu {
    width: 100%;
    margin-bottom: 10px;
    padding-right: 0;
    text-align: center;
  }

  footer .footer-menu .section-menu .section-title {
    margin-bottom: 10px;
  }

  footer .footer-contacts-block {
    width: 100%;
    justify-content: center;
  }

  footer .footer-contacts-block .social-links {
    margin-left: 0;
    padding-left: 0;
  }

  footer .footer-contacts-block a {
    width: 40px;
    margin: 0 5px;
    overflow: hidden;
  }

  footer .footer-contacts-block a.feedback {
    padding-left: 50px;
  }

  footer .footer-contacts-block:before,
  footer .footer-contacts-block:after {
    display: none;
  }

  .main-3-columns .container {
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 45px;
  }

  .calculator-block {
    flex-wrap: wrap;
  }

  .calculator-block .calculator {
    margin-bottom: 20px;
  }

  footer {
    padding: 30px 0 50px 0;
  }

  footer .copy-logo .footer-logo {
    display: none;
  }

  footer .footer-contacts-block {
    margin: 0 -20px;
    padding: 5px;
    width: inherit;
  }

  footer .footer-contacts-block .social-links a {
    margin-left: 0;
  }

  .calculator-block .calculator .calculator-checkboxes .calculator-checkbox {
    width: 100%;
  }

  .calculator-block
    .calculator
    .calculator-slider-block
    .calculator-slider
    .slider {
    width: 100% !important;
    margin-bottom: 30px;
  }

  .credit-block.calculator-block
    .calculator
    .calculator-slider-block
    .calculator-slider
    .slider-points,
  .calculator-block
    .calculator
    .calculator-slider-block
    .calculator-slider
    .slider-points {
    width: 100%;
    margin-top: -70px;
    height: 20px;
  }

  .main-calculator-block .calculator-type-tab {
    text-align: center;
    font-size: 0.875rem;
    line-height: 20px;
  }

  .calculator-block .payroll {
    width: 100%;
  }

  .main-3-columns {
    padding-bottom: 0;
  }

  .main-3-columns .column3 .title {
    margin-top: 0;
  }

  .main-slider-block .main-slider .slider-item .container {
    padding: 0 20px;
  }

  .main-slider-block,
  .main-slider-block .main-slider,
  .main-slider-block .main-slider .slider-item {
    height: 310px;
  }

  .main-slider-block .main-slider .slider-item img {
    height: 310px;
  }

  .main-slider-block .main-slider .slider-item {
    padding-top: 100px;
  }

  .video-main-block,
  .video-main-block .videoWrapper {
    height: 310px;
  }

  .video-main-block .videoWrapper video {
    bottom: -240px;
  }

  .new-catalog-page .catalog-block .left-side .products-list {
    margin: 0;
    justify-content: center;
  }

  .new-catalog-page .catalog-block .left-side .products-list .product-item {
    width: 100%;
    max-width: 400px;
    margin: 0 0 12px;
    height: 80px;
    overflow: hidden;
  }

  .fast-vertical-menu {
    margin: 0;
  }

  .fast-vertical-menu .item {
    width: 100%;
    max-width: 400px;
    margin: 0 0 12px;
    height: 80px;
    overflow: hidden;
  }

  .tariff-plans {
    margin: 0 -20px;
    padding: 20px;
  }

  .exchange-rates-tabs {
    flex-wrap: wrap;
  }

  .exchange-rates-tabs .exchange-rates-tab {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }

  .exchange-rates-table {
    padding: 20px 10px;
  }

  .exchange-rates-table .currency > div,
  .exchange-rates-table .header > div {
    font-size: 0.875rem;
  }

  .deposit-info-tab {
    padding: 20px;
  }

  .subscribe-block {
    padding: 20px;
  }

  .subscribe-block .text {
    width: auto;
  }

  .subscribe-block form {
    width: 100%;
    flex-wrap: wrap;
  }

  .subscribe-block form .input-field {
    width: 100%;
  }

  .faq-catalog {
    padding: 20px;
  }

  .faq-catalog form .faq-category {
    margin-bottom: 20px;
    flex-wrap: wrap;
  }

  .faq-list .faq-item {
    padding: 10px;
  }

  .faq-list .faq-item .question span {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .faq-list .faq-item .answer .text {
    padding: 10px 0;
    font-size: 0.875rem;
    line-height: 20px;
  }

  .block-title span,
  .block-title h1 {
    font-size: 1.25rem;
  }

  .credit-page .credit-block {
    padding: 20px;
  }

  .deposit-description p {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .credit-advantages {
    margin: 0 -20px;
    padding: 20px 20px 0;
  }

  .package-list-block {
    margin: 0 -20px;
    margin-bottom: 20px;
  }

  .credit-advantages .advantages-list .item {
    width: 50%; /*01.04 sprint 3*/
  }

  .deposit-btns .btn {
    margin-bottom: 10px;
  }

  .credit-terms {
    margin-bottom: 20px;
    padding: 20px 20px 0;
  }

  .documents-list .documents-item {
    padding: 20px;
  }

  .credit-terms .credit-terms-list .credit-terms-item {
    /*ПОМЕНЯЛ ЭТО ПЕРЕД ПУШЕМ 02.04*/
    width: 50%; /* 02.04   Спринт 3 1.2*/
    padding-right: 0;
    flex-wrap: wrap;
  }

  .credit-terms .credit-terms-list .credit-terms-item .img {
    width: 100%;
  }

  .credit-terms .credit-terms-list .credit-terms-item .text {
    width: 100%;
    text-align: center;
  }

  .order-form .steps .step-item .img {
    width: 40px;
    height: 40px;
  }

  .order-form .steps .step-between {
    margin-top: 12px;
  }

  .credit-page .documents-list {
    margin: 0 -20px;
  }

  .order-form {
    margin: 0 -20px;
    padding: 20px;
  }

  .deposit-page .order-form {
    padding: 0;
  }

  .deposit-page {
    margin-bottom: 30px;
  }

  .order-form form .form-field {
    width: 100%;
  }

  .order-form .steps .step-item .text {
    font-size: 0.625rem;
  }

  .interest-rates {
    margin: 0 -20px;
    padding: 20px;
  }

  .deposit-request {
    margin: 0 -20px;
    padding: 20px;
  }

  .deposit-tabs .deposit-tab {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }

  .deposit-info-tab .download-list .pdf-file {
    width: 98%;
  }

  .first-section {
    display: none;
  }

  .new-catalog-page,
  .credit-page,
  .debit-card-page,
  .partners-page,
  .faq-page,
  .deposit-page,
  .career-page,
  .press-center-page,
  .vacancy-page,
  .departments-block,
  .exchange-rates-page,
  .rada-page,
  .news-page,
  .deposit-calculator-page,
  .mortgage-page,
  .catalog-video-page,
  .package-page,
  .credit-calculator-page,
  .request-page {
    margin-top: 60px;
  }

  .package-contacts .title {
    font-size: 1.875rem;
  }

  .package-contacts .name {
    font-size: 1.625rem;
  }

  .video-iframe {
    width: 100%;
    height: auto;
  }

  .deposit-calculator-page .deposit-calculator-block {
    padding: 20px;
  }

  .deposits-list {
    flex-wrap: wrap;
  }

  .deposits-list .deposit-item {
    width: 100%;
    max-width: 400px;
  }

  .vacancy-form form {
    flex-wrap: wrap;
  }

  .vacancy-form form .left-side,
  .vacancy-form form .right-side {
    width: 100%;
  }

  .vacancy-form form .attach-file {
    flex-wrap: wrap;
  }

  .vacancy-form form .attach-file .upload-file {
    width: 100%;
  }

  .news-text img {
    max-width: 100%;
    height: auto !important;
  }

  .news-page .news-block .share-fb {
    position: relative;
    right: 0;
    top: 0;
    margin-bottom: 20px;
  }

  .popup .popup-container {
    position: absolute;
    top: 60px;
    bottom: auto;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    background: #fff;
    transform: none;
    overflow: initial;
    padding: 30px 20px;
    margin-bottom: 80px;
  }

  #g-recaptcha-callback-popup,
  #g-recaptcha-feedback,
  #g-recaptcha-gsm {
    transform: scale(0.856);
    transform-origin: 9% 0;
  }

  .exchange-rates-page .exchange-rates-datepicker {
    flex-wrap: wrap;
    padding: 0 20px;
  }

  .exchange-rates-page .exchange-rates-datepicker .datepicker {
    margin-bottom: 10px;
    width: 100%;
  }

  .exchange-rates-page .exchange-rates-datepicker .datepicker span {
    display: inline-block;
    width: 40px;
  }

  #datepicker-archive-from-cash,
  #datepicker-archive-to-cash {
    width: 200px;
  }

  #datepicker-archive-from-card,
  #datepicker-archive-to-card {
    width: 200px;
  }

  .exchange-rates-page .exchange-rates-datepicker .datepicker img {
    position: absolute;
    top: 0;
    left: 200px;
  }

  .credit-tabs {
    flex-wrap: wrap;
  }

  .credit-tabs .credit-tab {
    width: 100%;
    margin-right: 0;
  }

  .partners-page .partners-block {
    padding: 20px;
  }

  .partners-page .partners-block .block-title {
    margin-bottom: 0;
  }

  .partners-list-tab {
    padding: 20px;
  }

  .partners-list .partner-item {
    width: 100%;
    height: 80px;
    overflow: hidden;
  }

  .deposit-page .documents-list {
    margin: 0 -20px;
  }

  .buy-car-steps .steps-list {
    flex-wrap: wrap;
  }

  .buy-car-steps .steps-list .step {
    margin-bottom: 15px;
  }

  .logo-description {
    flex-wrap: wrap;
  }

  .logo-description .text {
    width: 100%;
  }

  .documents-list .documents-item .answer .text {
    padding: 20px 0;
    font-size: 0.875rem;
    line-height: 20px;
  }

  .calculator-input-block,
  .calculator-select-block {
    flex-wrap: wrap;
  }

  .calculator-input-block .calculator-input-title,
  .calculator-select-block .calculator-select-title {
    width: 100%;
  }

  .calculator-results {
    padding: 20px;
  }

  .news-page .news-block {
    padding: 20px;
  }

  .rada-list {
    flex-wrap: wrap;
    justify-content: center;
  }

  .rada-list .rada-item {
    width: calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
    max-width: 300px;
  }

  .documents-tabs {
    flex-wrap: wrap;
  }

  .documents-tabs .documents-tab {
    width: 100%;
    text-align: center;
  }

  .documents-info-tab {
    padding: 20px;
  }

  .offices-faq {
    flex-wrap: wrap;
  }

  .offices-faq > div {
    width: 100%;
    margin-bottom: 20px;
  }

  .offices-faq .offices .body {
    height: 200px;
  }

  .rada-list {
    padding: 0 20px;
  }

  .video-main-block .overlay {
    display: none;
  }

  .vacancies-list {
    flex-wrap: wrap;
  }

  .catalog-vacancies {
    padding: 20px;
  }

  .vacancies-form form {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  .vacancies-form .vacancies-select {
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }

  .vacancies-contacts {
    padding: 20px;
    margin: 0 -20px;
  }

  .vacancies-contacts .text p {
    font-size: 0.875rem;
    line-height: 20px;
  }

  .press-center-tabs {
    flex-wrap: wrap;
  }

  .press-center-tabs .press-center-tab {
    width: 100%;
    text-align: center;
  }

  .press-center-catalog {
    padding: 20px 20px 8px;
    margin-bottom: 20px;
  }

  .press-center-catalog {
    flex-wrap: wrap;
  }

  .press-center-items-list .press-center-item {
    width: calc(100% - 12px);
    width: -webkit-calc(100% - 12px);
  }

  .catalog-video .video-item {
    width: 100%;
  }

  .catalog-video .video-item .video-img {
    height: 190px;
  }

  .mortgage-list-tab {
    padding: 20px;
  }

  .mortgage-form form {
    flex-wrap: wrap;
  }

  .mortgage-form .mortgage-select {
    flex-wrap: wrap;
    width: 100%;
  }

  .mortgage-list .mortgage-item {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  .mortgage-list .mortgage-item .img {
    width: 100%;
  }

  .mortgage-list .mortgage-item .text {
    width: 100%;
  }

  .mortgage-list .mortgage-item .text .id-btn {
    flex-wrap: wrap;
  }

  .mortgage-list .mortgage-item .text .id-btn .id {
    margin-bottom: 10px;
  }

  .mortgage-list .mortgage-item .text .id-btn .btn {
    font-size: 0.75rem;
    padding: 0 45px 0 25px;
  }

  .offices-faq .offices .body form input {
    width: 100%;
  }

  .press-center-catalog form {
    flex-wrap: wrap;
  }

  .press-center-catalog form .catalog-date {
    flex-wrap: wrap;
  }

  .news-page .news-block .block-title {
    padding-right: 0;
    margin-bottom: 20px;
  }

  .error-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .credit-block {
    padding: 20px;
  }

  footer .footer-contacts-block .social-links a.ca {
    width: inherit;
  }

  .type-answer {
    flex-wrap: wrap;
  }

  .request-form .form-field {
    width: 100%;
  }

  .request-page .request-block {
    padding: 20px;
  }

  .request-form .form-block {
    margin-bottom: 20px;
    padding: 20px 20px 5px;
  }

  .package-page .package-block {
    padding: 20px;
  }

  .package-content .package-card {
    padding: 20px 0;
  }

  .package-content .package-card img {
    width: 100%;
  }

  .package-services .item {
    width: 100%;
  }

  .package-advantages .advantages-list .item {
    width: 100%;
  }

  .package-advantages {
    padding: 20px;
    margin: 0 -20px;
  }

  .package-benefits {
    margin: 0 -20px 10px;
  }

  .package-benefits .text {
    padding: 20px;
  }

  .departments-block .location-form {
    padding: 20px 20px 0;
  }

  .departments-block .location-form .location .department-location {
    flex-wrap: wrap;
    margin-bottom: 20px;
    max-width: 100%;
  }

  .departments-block .location-form .location .department-location select {
    max-width: 100%;
  }

  .departments-block .location-form .departments-list-checkbox {
    flex-wrap: wrap;
  }

  .departments-block
    .location-form
    .departments-list-checkbox
    .department-checkbox {
    width: 100%;
  }

  .departments-block .departments-map {
    margin: 0 -20px;
  }

  .department-meeting {
    padding: 20px;
    margin: 0 -20px;
  }

  .department-meeting form .left-side,
  .department-meeting form .right-side {
    width: 100%;
  }

  .departments-list-block .departments-list .department-item .top-side {
    padding: 20px;
    flex-wrap: wrap;
  }

  .departments-list-block
    .departments-list
    .department-item
    .top-side
    .left-side {
    width: 100%;
    padding-right: 0;
  }

  .departments-list-block
    .departments-list
    .department-item
    .top-side
    .department-information
    > div {
    width: 100%;
  }

  .departments-list-block
    .departments-list
    .department-item
    .top-side
    .right-side {
    width: 100%;
    padding-left: 0;
    border-left: none;
  }

  .departments-list-block .departments-list .department-item .bottom-side {
    padding: 20px;
    flex-wrap: wrap;
  }

  .departments-list-block
    .departments-list
    .department-item
    .bottom-side
    > div {
    padding: 0 0 0 40px;
    width: 100%;
    margin-bottom: 10px;
  }

  .deposit-page .deposit-block {
    padding: 20px 20px 0;
  }

  .fast-links-block .container {
    flex-wrap: wrap;
  }

  .fast-links-block .fast-link {
    margin-bottom: 10px;
  }

  .main-3-columns .column3 {
    overflow: hidden;
    width: calc(50% - 20px);
    margin: 10px;
    /*max-width: 400px;*/
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }

  .main-3-columns .column3.open {
    min-height: 500px;
  }

  .main-3-columns .column3.special-offer .slick-dots {
    bottom: 5px;
  }

  .main-calculator-block {
    display: none;
  }

  .main-cross {
    display: none;
  }

  footer .section-submenu {
    display: none;
  }

  footer .footer-contacts-block a.offices,
  footer .footer-contacts-block a.contact-center,
  footer .footer-contacts-block a.feedback {
    display: none;
  }

  .fixed-header .container {
    display: flex;
    justify-content: space-between;
    padding: 0;
    width: auto;
  }

  .fixed-header .full-menu-btn {
    display: block !important;
  }

  .fixed-header .full-menu-btn span {
    animation: inherit;
    -webkit-animation: inherit;
    background: #fff !important;
  }

  .fixed-header .header-btns .lang {
    position: absolute;
    left: 60px;
    border-right: none;
  }

  .fixed-header .header-toggle.i-bank {
    width: 50px;
    background-color: transparent;
  }

  .fixed-header .header-toggle span {
    text-indent: -1000px;
  }

  .fixed-header .header-toggle:before {
    display: none;
  }

  .fixed-header .header-toggle .enter-block {
    width: 200px;
    left: auto;
    -moz-transform: translateY(-140%);
    -ms-transform: translateY(-140%);
    -webkit-transform: translateY(-140%);
    -o-transform: translateY(-140%);
    transform: translateY(-140%);
  }

  .fixed-header .header-toggle .enter-block > span {
    display: block;
    text-indent: inherit;
    padding-left: 0;
    text-align: center;
    background: #e30070;
  }

  .fixed-header .mobile-logo,
  .fixed-header .mobile-i-bank {
    display: block;
  }

  .fixed-header .full-menu-btn {
    background: transparent;
  }

  .fixed-header .full-menu-btn span {
    background: #fff;
  }

  #navigation-mobile {
    display: flex;
    margin: 0;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10010;
    height: 50px;
    bottom: 0;
    background-color: rgba(59, 59, 59, 0.85);
  }

  #navigation-mobile + .services-block.open {
    display: block;
  }

  .partners-list .partner-item:hover .product-btn {
    bottom: -50px;
  }

  .order-form form .btn-block .btn {
    margin-bottom: 10px;
  }

  .departments-block {
    overflow-x: hidden;
  }

  .departments-block .department-info {
    flex-wrap: wrap;
  }

  .departments-block .department-info .features {
    flex-wrap: wrap;
  }

  .departments-block .department-info .text {
    width: 100%;
    margin-bottom: 20px;
  }

  .departments-block .department-info .rating-block-container {
    width: 100%;
  }

  .departments-block .department-info .rating-block-container .btn-block .btn {
    padding-left: 15px;
    padding-right: 30px;
  }

  .departments-block .department-info .rating-block {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
  }

  .department-meeting form .datepicker img {
    right: 0;
    left: auto;
  }

  .full-menu .full-main-menu {
    /*margin-bottom: 60px;*/
    padding-bottom: 60px;
  }

  .mortgage-list .mortgage-item .text {
    padding: 20px 5px;
  }

  .documents-page {
    margin-top: 40px;
  }

  .ca-mobile-page {
    margin-top: 60px;
  }

  .ca-mobile-page .ca-mobile-block .ca-mobile-description .img {
    display: none;
  }

  .ca-mobile-page .ca-mobile-block .ca-mobile-description .text {
    width: 100%;
  }

  .ca-mobile-page .ca-mobile-block {
    padding: 20px 20px 0;
  }

  .ca-mobile-page .ca-mobile-block .documents-list {
    margin: 0 -20px;
  }

  .ca-mobile-advantages {
    margin: 0 -20px;
    padding: 20px 20px 10px;
  }

  .ca-mobile-advantages .advantages-list .left-part,
  .ca-mobile-advantages .advantages-list .right-part {
    display: none;
  }

  .ca-mobile-advantages .advantages-list {
    flex-direction: column;
    align-items: center;
    margin: 0 -20px;
  }

  .ca-mobile-advantages .advantages-list .central-part {
    width: 100%;
    min-height: 480px;
    background: none;
    position: relative;
  }

  .ca-mobile-advantages .advantages-list .central-part:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 50px;
    z-index: 4;
    left: 0;
    right: 0;
    height: 40px;
    background: -moz-linear-gradient(
      top,
      rgba(0, 0, 0, 0) 0%,
      rgba(224, 224, 224, 1) 98%,
      rgba(229, 229, 229, 1) 100%
    );
    background: -webkit-linear-gradient(
      top,
      rgba(0, 0, 0, 0) 0%,
      rgba(224, 224, 224, 1) 98%,
      rgba(229, 229, 229, 1) 100%
    );
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(224, 224, 224, 1) 98%,
      rgba(229, 229, 229, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e5e5e5', GradientType=0);
  }

  .ca-mobile-advantages .advantages-list .central-part .image-slider {
    width: 240px;
    margin: 0 auto;
    z-index: 22;
  }

  .ca-mobile-advantages
    .advantages-list
    .central-part
    .image-slider
    .slick-prev,
  .ca-mobile-advantages
    .advantages-list
    .central-part
    .image-slider
    .slick-next {
    width: 20px;
    height: 32px;
    top: 50%;
    margin-top: -16px;
  }

  .ca-mobile-advantages
    .advantages-list
    .central-part
    .image-slider
    .slick-prev {
    left: -20px;
  }

  .ca-mobile-advantages
    .advantages-list
    .central-part
    .image-slider
    .slick-next {
    right: -20px;
  }

  .ca-mobile-advantages
    .advantages-list
    .central-part
    .image-slider
    .slick-prev:before {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 3px;
    background: #b6b6b6;
    transform: rotate(45deg);
    top: 21px;
    left: 0;
    position: absolute;
    opacity: 1;
  }

  .ca-mobile-advantages
    .advantages-list
    .central-part
    .image-slider
    .slick-prev:after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 3px;
    background: #b6b6b6;
    transform: rotate(-45deg);
    top: 8px;
    left: 0;
    position: absolute;
    opacity: 1;
  }

  .ca-mobile-advantages
    .advantages-list
    .central-part
    .image-slider
    .slick-next:before {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 3px;
    background: #b6b6b6;
    transform: rotate(-45deg);
    top: 21px;
    left: 0;
    position: absolute;
    opacity: 1;
  }

  .ca-mobile-advantages
    .advantages-list
    .central-part
    .image-slider
    .slick-next:after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    border-radius: 3px;
    background: #b6b6b6;
    transform: rotate(45deg);
    top: 8px;
    left: 0;
    position: absolute;
    opacity: 1;
  }

  .ca-mobile-advantages
    .advantages-list
    .central-part
    .image-slider
    .slick-dots {
    background: #fff;
    width: 100%;
    bottom: -124px;
    padding: 10px 0;
    padding-bottom: 30px;
    z-index: 5333;
  }

  .ca-mobile-advantages
    .advantages-list
    .central-part
    .image-slider
    .slick-dots
    li {
    width: 18px;
    height: 18px;
    margin: 0;
  }

  .ca-mobile-advantages
    .advantages-list
    .central-part
    .image-slider
    .slick-dots
    li
    button {
    width: 18px;
    height: 18px;
  }

  .ca-mobile-advantages
    .advantages-list
    .central-part
    .image-slider
    .slick-dots
    li
    button:before {
    color: #dcdcdc;
    opacity: 1;
  }

  .ca-mobile-advantages
    .advantages-list
    .central-part
    .image-slider
    .slick-dots
    li.slick-active
    button:before {
    opacity: 1;
    color: #86ce00;
    font-size: 0.625rem;
    top: 1px;
  }

  .ca-mobile-advantages
    .advantages-list
    .central-part
    .image-slider
    .slider-item {
    padding: 0 10px;
    background: url(/img/phone-bg.png) 0 0 no-repeat;
    background-size: contain;
    min-height: 480px;
    padding-top: 47px;
  }

  .ca-mobile-advantages .advantages-list .text-slider {
    display: block;
    width: 240px;
    margin-bottom: 10px;
  }

  .ca-mobile-advantages .advantages-list .text-slider .slick-prev,
  .ca-mobile-advantages .advantages-list .text-slider .slick-next {
    display: none !important;
  }

  .ca-mobile-advantages .advantages-list .text-slider .text-item {
    position: relative;
    color: #666666;
    font-size: 0.875rem;
    line-height: 18px;
    z-index: 1;
    cursor: pointer;
    padding-left: 10px;
    padding-top: 20px;
  }

  .ca-mobile-advantages .advantages-list .text-slider .text-item span {
    color: #eef9d9;
    font-size: 3.75rem;
    font-family: Lato-Black, sans-serif;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: -1;
  }

  .main-slider-block .main-slider .slider-item .text {
    font-size: 1.5rem;
    line-height: 30px;
  }

  .full-menu .container {
    height: auto;
  }

  .package-text-image-block .text {
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }

  .package-offers {
    margin: 0 -20px;
    padding: 20px 20px 0;
  }

  .package-offers .package-list .package-item {
    flex-wrap: wrap;
    padding: 20px;
  }

  .package-offers .package-list .package-item .left-side {
    width: 100%;
    order: 2;
  }

  .package-offers .package-list .package-item .left-side .image {
    width: 100%;
    max-width: 320px;
  }

  .package-offers .package-list .package-item .right-side {
    width: 100%;
    order: 1;
    margin-bottom: 20px;
  }

  .package-offers .package-list .package-item .right-side .title {
    font-size: 1.25rem;
    margin-bottom: 10px;
  }

  .package-offers .package-list .package-item .right-side .description {
    font-size: 0.875rem;
    line-height: 16px;
    margin-bottom: 25px;
  }

  .package-offers
    .package-list
    .package-item
    .right-side
    .features
    .feature
    .icon {
    width: 25px;
  }

  .package-offers
    .package-list
    .package-item
    .right-side
    .features
    .feature
    .text {
    width: calc(100% - 25px);
    font-size: 0.75rem;
  }

  .departments-list-block
    .departments-list
    .department-item
    .top-side
    .department-information
    .right-info
    .btn {
    padding-left: 10px;
    padding-right: 30px;
    font-size: 0.625rem;
  }

  .career-page-section {
    margin-top: 60px;
  }

  .vacancies-list {
    margin: 0 -20px;
    margin-bottom: 30px;
  }

  .vacancies-list .vacancy-item {
    padding: 10px 20px;
  }

  .career-page-section .internship-block {
    background-size: cover;
  }

  body:not(.corp):not(.business):not(.ibusiness):not(.agro)
    .fixed-header
    .contact-center
    > .text {
    display: none !important;
  }
}

.department-info .office-description .news-text {
  padding-top: 30px;
  padding-bottom: 40px !important;
}

@media (max-width: 640px) {
  .press-center-catalog form .catalog-date {
    width: 100%;
  }

  .press-center-catalog form .catalog-date span {
    width: 100%;
  }

  .press-center-catalog form .catalog-date select {
    width: 100%;
    max-width: 350px;
  }

  .department-info .office-description .news-text {
    padding-bottom: 0 !important;
  }

  .departments-block .department-info {
    margin-bottom: 0;
  }
}

@media (max-width: 500px) {
  .video-main-block .videoWrapper video {
    position: absolute;
    bottom: -60px;
    height: 370px;
  }

  .g-recaptcha-step-second {
    transform: translateX(-8%) scale(0.8);
  }

  .vip .main-slider-block .main-slider .slider-item .text {
    font-size: 2rem;
  }

  footer .copy-logo {
    flex-direction: column;
    align-items: center;
  }

  footer .copy-logo > div:nth-child(1) {
    order: 2;
  }

  footer .copy-logo > div:nth-child(2) {
    order: 1;
  }

  .credit-terms .credit-terms-list {
    /*6.04*/
    justify-content: center;
  }

  .credit-terms .credit-terms-list .credit-terms-item .text {
    text-align: justify;
    height: auto;
    word-wrap: inherit;
  }

  .request-form.restruct-form .form-block.restruct-form__block .form-field {
      width: 100%;
  }

  .request-form.restruct-form .restruct-form__block--bottom .check-block {
      margin-bottom: 15px;
  }

  .request-form.restruct-form .restruct-form__block--bottom {
      flex-wrap: wrap;
  }
}

@media (max-width: 400px) {
  .news-text {
    margin: 0 -20px;
    overflow-y: auto;
  }

  .news-text table tr td,
  .news-text table tr th {
    padding: 5px;
  }
}

@media (max-width: 370px) {
  .order-form form .btn-block {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    justify-content: center;
  }

  .order-form form .btn-block .btn {
    width: 210px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

/* redirect questionare page start  ------------------------------> */
.redirect-questionare-first-part {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
}

.redirect-questionare-first-part .left-block {
  width: 30%;
}

.redirect-questionare-first-part .left-block h3 {
  color: red;
}

.redirect-questionare-first-part .left-block ul {
  margin: 60px 0 100px 0;
}

.redirect-questionare-first-part .left-block h3,
.redirect-questionare-first-part .left-block li {
  text-align: right;
  margin-bottom: 15px;
  font-size: 1rem;
  line-height: 18px;
  font-weight: 600;
}

.redirect-questionare-first-part .more-info {
  font-size: 0.75rem;
  line-height: 14px;
}

.redirect-questionare-first-part .right-block-with-image {
  width: 70%;
  padding-left: 30px;
}

.redirect-questionare-first-part .right-block-with-image img {
  max-width: 100%;
}

.redirect-questionare-second-part .title {
  font-size: 1rem;
  line-height: 18px;
  text-align: center;
  font-weight: 600;
  margin: 15px 0;
}

.redirect-questionare-second-part {
  margin: 30px 0;
}

.redirect-questionare-second-part .last-text-content {
  margin-top: 30px;
}

.redirect-questionare-third-part {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 15px 0 30px 0;
}

.redirect-questionare-third-part .left-block,
.redirect-questionare-third-part .right-block {
  width: 50%;
  padding: 0 15px;
}

.redirect-questionare-third-part .right-block {
  padding-top: 30px;
}

.redirect-questionare-third-part .left-block img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.redirect-questionare-third-part ul {
  padding-left: 30px;
  margin: 15px 0;
}

.redirect-questionare-third-part li {
  list-style-type: disc;
}

.redirect-questionare-third-part .process-title {
  font-size: 1rem;
  line-height: 18px;
  font-weight: bold;
}

.redirect-questionare-third-part .process-title:not(:first-of-type) {
  margin-top: 15px;
}

.go-to-questionare {
  padding: 30px 0;
  text-align: center;
}

.verification-code {
  max-width: 300px;
  position: relative;
  margin: auto;
  text-align: center;
}

.control-label {
  display: block;
  margin: 40px auto;
  font-weight: 900;
}

.verification-code--inputs {
  margin-bottom: 30px;
}

.verification-code--inputs input[type="tel"] {
  border: 2px solid #e1e1e1;
  width: 46px;
  height: 46px;
  padding: 10px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
}

@media (max-width: 800px) {
  .verification-code--inputs input[type="tel"] {
    width: 36px;
    height: 36px;
  }

  .redirect-questionare-first-part {
    flex-direction: column;
  }

  .redirect-questionare-first-part .left-block {
    width: 90%;
    margin: 0 auto;
  }

  .redirect-questionare-first-part .left-block h3,
  .redirect-questionare-first-part .left-block li {
    text-align: center;
  }

  .redirect-questionare-first-part .left-block ul {
    margin: 10px 0 10px 0;
  }

  .redirect-questionare-first-part .more-info {
    margin-bottom: 15px;
  }

  .redirect-questionare-first-part .right-block-with-image {
    width: 90%;
    padding-left: 0;
    margin: 0 auto;
    text-align: center;
  }

  .redirect-questionare-third-part {
    flex-direction: column;
  }

  .redirect-questionare-third-part .left-block,
  .redirect-questionare-third-part .right-block {
    width: 90%;
    padding: 0;
  }

  .redirect-questionare-third-part .left-block {
    order: 2;
    margin: 30px auto 0 auto;
  }

  .redirect-questionare-third-part .right-block {
    order: 1;
  }
}

/* redirect questionare page start  ------------------------------< */

.iban-form {
  position: relative;
}

.iban-form .iban-msg {
  position: absolute;
  bottom: -30px;
}

.iban-form .input-field.error + .iban-msg {
  color: red;
}

.work-time option[disabled] {
  background: #f7f7f7;
  color: #dedede;
}

/* In Trip */

@media (max-width: 455px) {
  /*    .g-recaptcha-custom iframe {*/
  /*        max-width: 100%;*/
  /*        width: 100%;*/
  /*    }*/
  /*    .g-recaptcha-custom * {*/
  /*        width: 100%;*/
  /*        max-width: none;*/
  /*    }*/
  .g-recaptcha-gsm {
    transform: scale(0.74);
    transform-origin: 9% 0;
  }

  #g-recaptcha-reference {
    transform: scale(0.74);
    transform-origin: 9% 0;
  }

  .request-page .container,
  .news-page .container {
    padding: 0;
  }
}

.office-schedule {
  margin-bottom: 20px;
}

.office-schedule_head div {
  background: #009597;
}

.office-schedule .office-schedule_head.office-schedule_row strong,
.office-schedule .office-schedule_head.office-schedule_row p {
  font-size: 1.125rem;
  color: #fff;
}

.office-schedule_body p {
  font-size: 1rem;
}

.office-schedule_body .office-schedule_row:nth-of-type(2) {
  border-bottom: 4px solid #009597;
}

.office-schedule_row {
  display: flex;
}

.office-schedule_row div {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  border: 1px solid #f4f4f4;
  min-height: 60px;
  flex-shrink: 1;
}

.office-schedule .office-schedule_body .office-schedule_row p,
.office-schedule .office-schedule_head.office-schedule_row div p,
.office-schedule .office-schedule_head.office-schedule_row div strong {
  text-align: center;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
}

/*Stilet 22.11.2019*/
.s-first {
  padding-top: 260px;
}

.departments-block.s-first {
  margin-top: 0;
}

.departments-block.s-first .container {
  background-color: #ffffff;
  padding: 20px 20px 0;
  max-width: 960px;
}

.departments-block.s-first .container .department-meeting {
  margin: 0 -20px;
}

.departments-block.s-first .block-title {
  margin-bottom: 20px;
}

.departments-block.s-first .text .title {
  margin-bottom: 20px;
}

.departments-block.s-first .departments-map {
  margin: 0 -20px;
}

.departments-block.s-first .department-info .text {
  position: relative;
  padding-bottom: 50px;
}

.departments-block.s-first .department-info .text .btn {
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

.departments-block .department-info .text .department-link {
  color: #86cd00;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: inline-block;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
  border-bottom: 2px solid transparent;
}

@media (max-width: 1080px) {
  .departments-block.s-first .container {
    padding: 20px 55px 0;
  }

  .sidebar-menu,
  .right-side {
    display: none;
  }
}

.office-schedule_row {
  display: flex;
}

.office-schedule_row div {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  border: 1px solid #f4f4f4;
  min-height: 60px;
  flex-shrink: 1;
}

.office-schedule .office-schedule_body .office-schedule_row p,
.office-schedule .office-schedule_head.office-schedule_row div p,
.office-schedule .office-schedule_head.office-schedule_row div strong {
  text-align: center;
  margin-bottom: 0;
  font-family: Lato, sans-serif;
}

/*Stilet 22.11.2019*/
.s-first {
  padding-top: 260px;
}

.departments-block.s-first {
  margin-top: 0;
}

.departments-block.s-first .container {
  background-color: #ffffff;
  padding: 20px 20px 0;
}

.departments-block.s-first .container .department-meeting {
  margin: 0 -20px;
}

.departments-block.s-first .block-title {
  margin-bottom: 20px;
}

.departments-block.s-first .text .title {
  margin-bottom: 20px;
}

.departments-block.s-first .departments-map {
  margin: 0 -20px;
}

.departments-block.s-first .department-info .text {
  position: relative;
  padding-bottom: 50px;
}

.departments-block.s-first .department-info .text .btn {
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

.departments-block .department-info .text .department-link {
  color: #86cd00;
  font-family: Lato-Black, sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 15px;
  display: inline-block;
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
  border-bottom: 2px solid transparent;
}

.departments-block .department-link {
  color: #86ce00;
}

.departments-block .department-info .text .department-link:hover {
  text-decoration: underline;
}

@media (max-width: 1080px) {
  .departments-block.s-first .container {
    padding: 20px 55px 0;
  }

  .departments-block.s-first .department-info .text .btn {
    white-space: nowrap;
  }

  .department-info .rating-block-container .btn.btn-red {
    white-space: nowrap;
    padding: 0 30px 0 20px;
  }

  .sidebar-menu,
  .world-mastercard {
    box-shadow: none;
  }
}

/* from 840 to 767 for viddilennya-ta-bankomati */
@media (max-width: 767px) {
  .departments-block.s-first {
    padding-top: 260px; /*Правка 18/03 Серега*/
    margin-bottom: 30px;
  }
}

@media (max-width: 500px) {
  .departments-block .container {
    padding: 0;
  }

  .departments-block.s-first .department-info .text {
    width: 100%;
    padding-bottom: 0;
  }

  .departments-block.s-first .department-info .text .btn {
    position: relative;
  }

  .departments-block.s-first .rating-block-container {
    margin: 0 auto;
  }

  .departments-block .g-recaptcha-custom > div {
    max-width: 100%;
  }

  .departments-block.s-first .container {
    padding: 20px 16px 0;
  }

  /* ------------------------CAPTHA Start------------------------------*/
  .internship-form-block form .form-field {
    width: 100%;
  }

  .g-recaptcha-step-third > div {
    width: 100% !important;
  }

  .g-recaptcha-step-third iframe {
    width: 111%;
    transform: scale(0.9) translateX(-16px);
  }
}

@media (width: 360px) and (height: 640px) {
  .g-recaptcha-step-third iframe {
    width: 115%;
    transform: scale(0.85) translateX(-22px);
  }
}

@media (width: 320px) and (height: 568px) {
  .g-recaptcha-step-third iframe {
    width: 122%;
    transform: scale(0.8) translateX(-30px);
  }
}

@media (width: 375px) and (height: 667px) {
  .g-recaptcha-step-third iframe {
    width: 111%;
    transform: scale(0.9) translateX(-15px);
  }
}

@media (width: 414px) and (height: 736px) {
  .g-recaptcha-step-third iframe {
    width: 99%;
    transform: scale(1.03) translateX(5px);
  }
}

@media (width: 411px) {
  .form-field .g-recaptcha-step-third iframe {
    width: 100%;
    transform: translateX(4px);
  }
}

@media (max-width: 450px) {
  .departments-block.s-first {
    padding-top: 40px; /*Правка 18/03 Серега*/
    margin-bottom: 30px;
  }

  .mw100 {
    width: 100%;
  }
}

.office-schedule {
  margin-bottom: 20px;
}

.office-schedule table {
  width: 100%;
}

.office-schedule table thead tr td {
  color: #fff;
  font-size: 1.125rem;
  font-family: Lato-Light, sans-serif;
  height: 60px;
  border: 2px solid #f4f4f4;
  text-align: center;
  padding: 0 10px;
  background: #009597;
}

.office-schedule table tbody tr td {
  height: 60px;
  text-align: center;
  background: #ffffff;
  color: #303030;
  font-size: 1rem;
  font-family: Lato, sans-serif;
  border: 2px solid #f4f4f4;
  padding: 10px 0;
}

.office-schedule table tbody tr:nth-child(2) td {
  border-bottom: 4px solid #009597;
}

/*Stilet 22.11.2019*/

#g-recaptcha-office {
  width: 100%;
  transform: none;
}

#g-recaptcha-office div {
  margin: 0 auto 17px;
}

@media (max-width: 400px) {
  #g-recaptcha-office {
    transform: scale(0.92);
    transform-origin: 9% 0;
  }

  #g-recaptcha-reference {
    transform: scale(0.72);
    transform-origin: 9% 0;
  }

  #g-recaptcha-gsm {
    transform: scale(0.74);
    transform-origin: 9% 0;
  }

  #g-recaptcha-deposit-product {
    transform: scale(0.79);
    transform-origin: 0 0;
  }
}

#g-recaptcha-office div {
  margin: 0 auto 17px;
}

/*Не нужно*/
/*@media (max-width: 400px) {*/
/*    #g-recaptcha-office{*/
/*        transform: scale(0.7);*/
/*        transform-origin: 0 0;*/
/*    }*/
/*}*/

.alert-danger {
  color: red !important;
}

@media screen and (max-width: 366px) {
  .mob-image {
    width: 100% !important;
  }
}

.documents-list .documents-item img.fr-fil {
  width: 250px !important;
}

.press-center-catalog .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
}

/*OFFICE DESCRIPTION*/
.department-info__title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 10px;
  text-align: left;
  padding: 0 10px;
}

.department-info__text {
  font-size: 0.875rem;
  font-family: Lato, sans-serif;
  padding: 10px;
  margin-bottom: 10px;
}

@media (max-width: 1080px) {
  .department-info-text {
    max-width: 960px;
  }
}

@media (max-width: 480px) {
  .department-info-text {
    min-width: 280px;
  }

  .department-info__title {
    min-width: 280px;
  }
}

@media (min-width: 767px) {
  .search-button-mobile {
    display: none;
  }
}

@media (min-width: 767px) {
  .search-button-mobile {
    display: none;
  }
}

@media (min-width: 600px) and (max-width: 767px) {
  .search-button-mobile {
    position: absolute;
    display: block;
    border: none;
    background: url(../img/poisk.svg) center no-repeat;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 15%;
  }

  .fixed-header .header-search {
    display: none;
    position: absolute;
    top: 40px;
    width: 100%;
    background-color: rgba(59, 59, 59, 0.85);
  }

  .fixed-header
    .header-search
    form
    input[type="text"]::-webkit-input-placeholder {
    color: white;
  }
}

@media (min-width: 300px) and (max-width: 600px) {
  .fixed-header .header-search {
    display: none;
    position: absolute;
    left: 0;
    top: 40px;
    width: 100% !important;
    background-color: rgba(59, 59, 59, 0.85);
    border-right: none;
  }

  .fixed-header
    .header-search
    form
    input[type="text"]::-webkit-input-placeholder {
    color: white;
  }

  .search-button-mobile {
    position: absolute;
    display: block;
    border: none;
    background: url(../img/poisk.svg) center no-repeat;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 60px;
  }

  #g-recaptcha-office div {
    margin: 0 auto 17px;
  }

  @media (max-width: 400px) {
    #g-recaptcha-office {
      transform: scale(0.92);
    }

    #g-recaptcha-deposit-product {
      transform: scale(0.79);
      transform-origin: 0 0;
    }

    #g-recaptcha-response {
      transform: scale(0.79);
    }

    #g-recaptcha-product {
      transform: scale(0.79);
    }

    #g-recaptcha-phone {
      transform: scale(0.74);
      transform-origin: 9% 0;
    }

    #g-recaptcha-vacancy {
      transform: scale(0.73);
      transform-origin: 0% 0;
    }
  }
}

/*.partner-text-container {*/
/*    display: none;*/
/*}*/

.partner-item .partner-text-container {
  margin: 10px 5px;
}

/*.partner-item:hover .partner-text-container {*/
/*    display: flex;*/

/*}*/

@media screen and (max-width: 366px) {
  .mob-image {
    width: 100% !important;
  }
}

@media screen and (max-width: 550px) {
  .department-item .top-side .title,
  .department-info .text .title {
    display: flex;
    flex-wrap: wrap;
  }

  .department-item .top-side .title .alert-danger,
  .department-info .text .title .alert-danger {
    width: 100%;
  }

  .departments-block .department-info {
    margin-bottom: 0 !important;
  }

  .news-text {
    padding-bottom: 0 !important;
  }
}

.alert-danger {
  color: red !important;
}

.documents-list .documents-item img.fr-fil {
  width: 250px !important;
}
/* 
.content-center {
  height: 230px;
} */

.content-flex {
  display: flex;
  flex-wrap: wrap;
}

.rating-block-container .btn-block {
  margin-top: 15px;
}

.department-info {
  display: flex;
  flex-wrap: wrap;
}

/*Добавил 12.03 нужно*/
.rating-zero-block {
  position: absolute;
  left: 30px;
  right: 30px;
  top: 36%;
}

.press-center-catalog .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
}

/*STIKED LODO LITTLE Serega*/

header .main-menu-block .stiked-logo {
  width: 100%;
  height: 100%;
}

.main-menu-block:hover .stiked-logo {
  display: none !important;
}

.main-menu-block:hover .big-logo {
  display: block !important;
}

/*SEARCH FORM MOBILE Serega*/

@media (max-width: 420px) {
  .search-form {
    justify-content: space-between;
  }

  .search-form .search-choice {
    margin: 0;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
  }

  .search-form .search-choice span {
    margin: 0;
    font-size: 0.875rem;
  }

  .search-form .input-field {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .search-form .search-choice select {
    width: 190px;
    background: none;
  }
}

@media (max-width: 330px) {
  .search-form .search-choice select {
    width: 153px;
  }
}

.department-info {
  display: flex;
  flex-wrap: wrap;
}

.office-description {
  width: 100%;
}

.rating-block-container .btn-block {
  margin-top: 15px;
}

/*Добавил 12.03 нужно*/
.rating-zero-block {
  position: absolute;
  left: 30px;
  right: 30px;
  top: 36%;
}

.content-center {
  height: 180px;
}

.content-flex {
  display: flex;
  flex-wrap: wrap;
}

/*Спринт 2 1.6-1.7*/

.btn.btn-pink {
  background: rgb(227, 0, 112);
  background: -moz-linear-gradient(
    left,
    rgba(227, 0, 112, 1) 0%,
    rgba(150, 0, 74, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(227, 0, 112, 1) 0%,
    rgba(150, 0, 74, 1) 100%
  );
  background: linear-gradient(
    to right,
    rgba(227, 0, 112, 1) 0%,
    rgba(150, 0, 74, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30070', endColorstr='#96004a', GradientType=1);
}

.descript-title {
  margin-bottom: 15px;
  text-align: left;
}

.descript-title p {
  font-size: 1.25rem !important;
  font-weight: bold !important;
}

.departments-block.s-first .department-info .text {
  padding-bottom: 10px;
}

.departments-block .department-info {
  margin-bottom: 10px;
}

.space {
  margin-bottom: 25px !important;
}

/*SEARCH FORM MOBILE Serega*/
@media (max-width: 499px) {
  .mobile-banner {
    display: block;
  }

  .mobile-banner img {
    width: 100%;
  }

  .tablet-banner {
    display: none;
  }

  .pc-banner {
    display: none;
  }
}

@media (max-width: 420px) {
  .search-form {
    justify-content: space-between;
  }

  .search-form .search-choice {
    margin: 0;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
  }

  .search-form .search-choice span {
    margin: 0;
    font-size: 0.875rem;
  }

  .search-form .input-field {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .search-form .search-choice select {
    width: 190px;
    background: none;
  }
}

@media (max-width: 330px) {
  .search-form .search-choice select {
    width: 153px;
  }
}

@media (min-width: 500px) and (max-width: 768px) {
  .mobile-banner {
    display: none;
  }

  .tablet-banner {
    display: block;
  }

  .tablet-banner img {
    width: 100% !important;
  }

  .pc-banner {
    display: none;
  }
}

@media (min-width: 769px) {
  .mobile-banner {
    display: none;
  }

  .tablet-banner {
    display: none;
  }

  .pc-banner {
    display: block;
  }

  .pc-banner img {
    width: 100% !important;
  }
}

.anchore-space {
  padding: 25px 0;
}

.department-info .office-description {
  padding-top: 25px !important;
}

.mw100 {
  min-width: 100%;
  overflow: hidden;
}

@media (max-width: 400px) {
  .news-text {
    margin: 0;
  }

  .department-info .office-description {
    padding-top: 0px !important;
  }

  .department-info .office-description .news-text {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

@media (max-width: 810px) {
  .mw100 {
    min-width: 0%;
  }
}

/*06.04 мобильный поиск, меню айпад, плитка адаптив*/

.fixed-header .header-search form input[type="text"],
.fixed-header .header-search form input[type="tel"] {
  border-bottom: none;
}

@media (max-width: 839px) {
  .fixed-header .header-toggle span {
    padding-left: 50px;
  }
}

/*MOBILE FOOTER*/

@media (max-width: 768px) {
  #navigation-mobile {
    display: flex;
    margin: 0;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10010;
    height: 50px;
    bottom: 0;
    background-color: rgba(59, 59, 59, 0.85);
  }
}

.department-item .top-side .features {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 20px;
  width: 100%;
}

@media (max-width: 768px) {
  .departments-block.s-first .container {
    padding: 20px 20px 0;
  }

  /*.departments-block .department-info .text{*/
  /*    width: calc(100% - 320px);*/
  /*}*/
  .departments-block .department-info .features > div {
    margin-right: 40px;
  }

  .departments-list-block
    .departments-list
    .department-item
    .top-side
    .department-information {
    width: 60%;
  }
}

@media (max-width: 500px) {
  .departments-list-block .departments-list .department-item .top-side .title,
  .departments-list-block
    .departments-list
    .department-item
    .top-side
    .department-information {
    width: auto;
    margin-bottom: 30px;
  }

  .credit-terms .credit-terms-list .credit-terms-item {
    flex-flow: column;
  }

  .credit-terms .credit-terms-list .credit-terms-item .img {
    margin-bottom: 10px;
  }

  .credit-terms .credit-terms-list .credit-terms-item .text {
    width: 100%;
    padding: 0px 10px;
  }
}

/*DEPARTMENT DESCRIPTION*/
.department-info .office-description .news-text {
  padding: 0;
}

.news-text {
  padding: 0;
}

/*ГЛЯНУТЬ ДЛЯ ПОИСКА НА АЙФОНЕ*/
@media (max-width: 450px) {
  .search-page {
    background: url(/img/page-bg.jpg) center center no-repeat fixed;
    background-size: cover;
  }
}

/*SEARCH FORM MOBILE Serega*/

@media (max-width: 420px) {
  .search-form {
    justify-content: space-between;
  }

  .search-form .search-choice {
    margin: 0;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
  }

  .search-form .search-choice span {
    margin: 0;
    font-size: 0.875rem;
  }

  .search-form .input-field {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .search-form .search-choice select {
    width: 190px;
    background: none;
  }
}

/*Edit for mobile version start*/
@media (max-width: 767px) {
  .new-catalog-page .catalog-block .left-side {
    margin-bottom: 20px;
  }

  .search-page {
    margin-top: 70px;
  }

  .new-catalog-page .catalog-block .left-side .products-list .product-item {
    width: 100%;
    max-width: 400px;
    margin: 0 6px 30px;
    height: 350px;
    overflow: hidden;
    position: relative;
    background: #f7ffe8;
    text-decoration: none;
  }

  .new-catalog-page
    .catalog-block
    .left-side
    .products-list
    .product-item
    .product-body {
    height: 130px;
  }

  .new-catalog-page
    .catalog-block
    .left-side
    .products-list
    .product-item
    .product-text {
    top: 170px;
    transform: none !important;
  }

  .new-catalog-page
    .catalog-block
    .left-side
    .products-list
    .product-item
    .product-text
    .product-text-container {
    height: 100px;
    transform: none !important;
  }

  .new-catalog-page
    .catalog-block
    .left-side
    .products-list
    .product-item
    .product-text
    .product-text-container
    .text {
    height: 100px;
  }

  .new-catalog-page
    .catalog-block
    .left-side
    .products-list
    .product-item
    .product-text
    .product-text-container
    .btn {
    padding-left: 30px;
    padding-right: 50px;
    position: absolute;
    left: 0;
    transform: translateX(50%);
  }

  .new-catalog-page
    .catalog-block
    .left-side
    .products-list
    .product-item:hover
    .product-text {
    top: 168px;
  }

  main
    .new-catalog-page
    .catalog-block
    .left-side
    .products-list
    .product-item:hover
    .new-catalog-page
    .catalog-block
    .left-side
    .products-list
    .product-item
    .product-text
    .product-text-container {
    height: 100px;
  }

  .fast-vertical-menu {
    padding: 0;
  }

  .right-side .fast-vertical-menu .item {
    height: 330px;
    width: 100%;
    max-width: 400px;
    margin: 0 0 12px;
    height: 80px;
    overflow: hidden;
  }

  .right-side .fast-vertical-menu .item .item-title {
    background: #008991;
    padding: 10px 10px;
    height: 40px;
  }

  main .main-3-columns .column3 {
    max-height: 500px;
  }

  .main-3-columns .column3 .title {
    height: 60px;
  }

  .departments-list-block .departments-list .department-item .top-side .title {
    width: 100%;
  }

  .department-item .top-side .features {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 0;
  }
}

/*MOBILE SEARCH*/

@media (max-width: 330px) {
  .search-form .search-choice select {
    width: 153px;
  }

  .search-button-mobile {
    right: 30%;
  }
}

/*7.04 Спринт4 | 8 при разрешении 1024 скрывать боковые элементы. СТАРТ*/

.department-info .office-description {
  padding: 0 !important;
}

@media (max-width: 1024px) {
  #navigation-mobile {
    display: flex;
    margin: 0;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10010;
    height: 50px;
    bottom: 0;
    background-color: rgba(59, 59, 59, 0.85);
  }

  .main-slider-block .main-slider .slick-dots {
    bottom: 5px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .departments-block.s-first .container {
    padding: 20px 20px 0;
  }

  .departments-block .department-info .text {
    width: calc(100% - 320px);
  }

  .departments-block .department-info .features > div {
    margin-right: 40px;
  }

  .departments-list-block
    .departments-list
    .department-item
    .top-side
    .department-information {
    width: 60%;
  }
}

@media (max-width: 500px) {
  .departments-list-block .departments-list .department-item .top-side .title,
  .departments-list-block
    .departments-list
    .department-item
    .top-side
    .department-information {
    width: auto;
    margin-bottom: 30px;
  }

  .credit-terms .credit-terms-list .credit-terms-item {
    flex-flow: column;
  }

  .credit-terms .credit-terms-list .credit-terms-item .img {
    margin-bottom: 10px;
  }

  .credit-terms .credit-terms-list .credit-terms-item .text {
    width: 100%;
    padding: 0px 10px;
  }
}

/*DEPARTMENT DESCRIPTION*/
.department-info .office-description .news-text {
  padding: 0;
}

.news-text {
  padding: 0;
}

/*7.04 Спринт4 | 8 при разрешении 1024 скрывать боковые элементы. ФИНИШЬ*/
/*ГЛЯНУТЬ ДЛЯ ПОИСКА НА АЙФОНЕ*/
@media (max-width: 450px) {
  .search-page {
    background: url(/img/page-bg.jpg) center center no-repeat fixed;
    background-size: cover;
  }
}

@media (max-width: 767px) {
  .new-catalog-page .catalog-block .left-side .products-list .product-item {
    height: 390px;
  }

  .new-catalog-page
    .catalog-block
    .left-side
    .products-list
    .product-item
    .product-title,
  .new-catalog-page
    .catalog-block
    .left-side
    .products-list
    .product-item
    .product-title
    span {
    height: auto;
  }

  footer .copy-logo .copy-info {
    flex-grow: 1;
    width: auto;
  }

  footer .copy-logo .footer-app {
    width: auto;
  }
}

@media (max-width: 364px) {
  /*#g-recaptcha-gsm{*/
  /*    transform: scale(0.59);*/
  /*    transform-origin: 9% 0;*/
  /*}*/
  #g-recaptcha-reference {
    transform: scale(0.74);
    transform-origin: 9% 0;
  }

  /*#g-recaptcha-deposit-product{*/
  /*    transform: scale(0.69);*/
  /*    transform-origin: 0;*/
  /*}*/
}

.grecaptcha-badge {
  opacity: 0;
}

.backgorund-page {
  position: fixed;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-white {
  background: #fff;
  padding: 20px 30px;
}

.faq-catalog .title {
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.backgorund-page {
  position: fixed;
  height: 100vh;
  width: 100%;
  left: 0;
  top: 0;
  z-index: -1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -5 !important;
  background: #fff;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 1s ease 1s;
}

.clipPath {
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 500px) {
  footer .copy-logo .copy-info .copy {
    text-align: center;
  }
}

/*@todo adrian */
/*.main-menu-list {*/
/*    width: calc(100% - 60px);*/
/*    width: -webkit-calc(100% - 60px);*/
/*    padding: 15px 30px 0;*/
/*    -webkit-transition: all 0.3s ease 0s;*/
/*    transition: all 0.3s ease 0s;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*  }*/
/*  .main-menu-block:hover .main-menu-list, .main-menu-block.active .main-menu-list{*/
/*    width: calc(100% - 160px);*/
/*    width: -webkit-calc(100% - 160px);*/
/*  }*/
/*  .main-menu-list .menu{*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*  }*/
/*  .main-menu-block:hover .main-menu-list .menu, .main-menu-block.active .main-menu-list .menu{*/
/*    border-bottom: 1px solid #86cd00;*/
/*  }*/
/*  .main-menu-list .menu .menu-item{*/
/*    height: 43px;*/
/*    text-align: center;*/
/*    max-width: 120px;*/
/*    min-width: 70px;*/
/*  }*/
/*  .main-menu-list .menu .menu-item > a{*/
/*    text-decoration: none;*/
/*    color: #181818;*/
/*    font-size: 0.625rem;*/
/*    font-family: Lato-Black, sans-serif;*/
/*    font-weight: 600;*/
/*    line-height: 14px;*/
/*    max-width: 116px;*/
/*    min-width: 84px;*/
/*    text-shadow: 0 1px 1px rgba(255,255,255,0.55);*/
/*    text-transform: uppercase;*/
/*    position: relative;*/
/*    display: block;*/
/*  }*/
/*  .main-menu-list .menu .menu-item:hover > a, .main-menu-list .menu .menu-item.active > a{*/
/*    color: #fefefe;*/
/*    text-shadow: 0 1px 1px rgba(0,0,0,0.3);*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu{*/
/*    display: none;*/
/*    top:43px;*/
/*    width: 735px;*/
/*  }*/
/*  .main-menu-list .menu .menu-item.active .sub-menu{*/
/*    display: block;*/
/*    position: absolute;*/
/*    left:35px;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .submenu{*/
/*    width: 735px;*/
/*    margin-bottom: 0;*/
/*    margin-top: 30px;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .submenu-slider {*/
/*    width: 735px;*/
/*    margin-bottom: 0;*/
/*    margin-top: 30px;*/
/*    display: none;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .submenu-slider.slick-initialized{*/
/*    display: block;*/
/*  }*/
/*  .main-menu-list .menu .menu-item.sub-menu .submenu-slider .slick-slide{*/
/*    width: 98px;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .submenu-slider .slick-prev,*/
/*  .main-menu-list .menu .menu-item .sub-menu .submenu-slider .slick-next {*/
/*    text-indent: -99999px;*/
/*    width: 30px;*/
/*    height: 30px;*/
/*    top: 50%;*/
/*    margin-top: -15px;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .submenu-slider .slick-disabled{*/
/*    display: none !important;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .submenu-slider .slick-next {*/
/*    background: url(/img/news-slider-next.svg) center no-repeat ;*/
/*    right: -30px;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .submenu-slider .slick-prev {*/
/*    background: url(/img/news-slider-prev.png) center no-repeat ;*/
/*    left: -30px;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .sub-menu-item{*/
/*    text-align: center;*/
/*    text-decoration: none;*/
/*    display: flex;*/
/*    flex-wrap:wrap;*/
/*    justify-content: center;*/
/*    align-content: flex-start;*/
/*    max-width: 105px;*/
/*    min-height: 80px;*/
/*    padding: 0 5px;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .sub-menu-item .img{*/
/*    width: 100%;*/
/*    height: 30px;*/
/*    margin-bottom: 10px;*/
/*    text-align: center;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .sub-menu-item .img img{*/
/*    width:95px;*/
/*    height: 60px;*/
/*    display: inline-block;*/
/*    position: relative;*/
/*    transform: translateY(-50%);*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .sub-menu-item:hover .img img, .main-menu-list .menu .menu-item .sub-menu .sub-menu-item.active .img img{*/
/*    transform: translateY(0%);*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .sub-menu-item span{*/
/*    text-decoration: none;*/
/*    color: #181818;*/
/*    font-size: 0.625rem;*/
/*    font-family: Lato-Black, sans-serif;*/
/*    font-weight: 600;*/
/*    line-height: 14px;*/
/*    text-transform: uppercase;*/
/*    position: relative;*/
/*    text-shadow: 0 1px 1px rgba(255,255,255,0.55);*/
/*    display: block;*/
/*    height: 30px;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .sub-menu-item:hover span, .main-menu-list .menu .menu-item .sub-menu .sub-menu-item.active span{*/
/*    color: #fefefe;*/
/*    text-shadow: 0 1px 1px rgba(0,0,0,0.3);*/
/*  }*/
/*  .main-menu-list .menu .menu-item > a{*/
/*    font-size: 0.5625rem;*/
/*    max-width: 120px;*/
/*    min-width: 50px;*/
/*  }*/
/*  .main-menu-list{*/
/*    padding: 15px 15px 0;*/
/*  }*/
/*  .main-menu-block:hover .main-menu-list, .main-menu-block.active .main-menu-list {*/
/*    width: calc(100% - 125px);*/
/*    width: -webkit-calc(100% - 125px);*/
/*    padding: 15px;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .sub-menu-item span{*/
/*    font-size: 0.5625rem;*/
/*    line-height: 12px;*/
/*    height: 24px;*/
/*  }*/
/*  .main-menu-list .menu .menu-item.active .sub-menu{*/
/*    left: 15px;*/
/*    width: 573px;*/
/*    top:43px;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .submenu{*/
/*    width: 573px;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .submenu-slider{*/
/*    width: 573px;*/
/*    margin-top: 25px;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .submenu-slider .slick-next{*/
/*    right:-20px;*/
/*    top: 45%;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .submenu-slider .slick-prev{*/
/*    left:-20px;*/
/*    top: 45%;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .sub-menu-item{*/
/*    min-height: 50px;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .sub-menu-item .img{*/
/*    height: 20px;*/
/*    margin-bottom: 10px;*/
/*  }*/
/*  .main-menu-list .menu .menu-item .sub-menu .sub-menu-item .img img{*/
/*    height: 40px;*/
/*  }*/

.navigation-mobile-menu {
  display: none;
}

.bank-relation {
  display: none;
}

.chat-bot-content {
  z-index: 10001;
}

.fixed-header .header-toggle.i-bank {
  background: url("/img/i-bank.svg") 15px 8px no-repeat #e30070;
}

@media (max-width: 450px) {
  .navigation-mobile-menu {
    display: flex;
    margin: 0;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10010;
    height: 50px;
    bottom: 0;
    background-color: rgba(59, 59, 59, 0.85);
  }

  .navigation-mobile-menu li {
    width: 100%;
  }

  .navigation-mobile-menu > *:not(:last-child) {
    border-right: 1px solid white;
  }

  .navigation-mobile-menu li a {
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-size: 0.5625rem;
    justify-content: center;
    padding-top: 5px;
    height: 100%;
    position: relative;
  }

  .navigation-mobile-menu li button {
    display: flex;
    flex-wrap: wrap;
    text-decoration: none;
    color: #fff;
    text-align: center;
    font-size: 0.5625rem;
    justify-content: center;
    padding-top: 5px;
    height: 100%;
    position: relative;
    background-color: transparent;
    border: none;
    width: 100%;
  }

  .bank-relation__icon-svg path {
    fill: #81b204;
  }

  .bank-relation__animate-icon {
    width: 17px;
    height: 17px;
    margin-bottom: 0;
  }

  .navigation-mobile-menu li a span {
    width: 100%;
    display: block;
    padding: 0 5px;
  }

  .navigation-mobile-menu li button span {
    width: 100%;
    display: block;
    padding: 0 5px;
  }

  .navigation-mobile-menu + .bank-relation {
    display: none;
    margin: 0;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10000;
    background-color: #fff;
    padding: 20px 15px;
    padding-bottom: 0;
    bottom: 50px;
  }

  .navigation-mobile-menu + .bank-relation.open {
    display: block;
  }

  .bank-relation__link {
    text-decoration: none;
    display: flex;
    align-items: center;
  }

  .bank-relation .close-block {
    position: absolute;
    top: -12px;
    right: 12px;
    width: 24px;
    height: 24px;
  }

  .bank-relation__title {
    font-size: 0.9375rem;
    text-align: center;
    margin-bottom: 15px;
  }

  .bank-relation__number-wrap {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .bank-relation__number {
    font-size: 0.9375rem;
    margin-bottom: 5px;
  }

  .bank-relation__description {
    font-size: 0.75rem;
  }

  .bank-relation-button {
    background: rgba(134, 206, 0, 0.31);
  }

  .bank-relation-button.open:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent rgb(101, 122, 67) transparent;
    top: -10px;
    left: 50%;
    margin-left: -10px;
  }

  .bank-relation__animate-icon {
    width: 17px;
    height: 17px;
    margin-bottom: 0;
  }

  .bank-relation__icon {
    margin-right: 0;
    max-width: 16px;
    height: auto;
  }

  .bank-relation__inner {
    height: 100%;
    flex-direction: column;
    display: flex;
    align-items: center;
  }

  .bank-relation__icon-svg {
    height: 31px;
    width: 31px;
    stroke: white;
    margin: 5px 5px 9px 5px;
    display: flex;
    align-items: center;
  }

  .bank-relation__icon-nav img {
    height: 40px;
    width: 40px;
    margin-bottom: 5px;
  }

  .bank-relation__item {
    width: calc(100% / 3);
    text-decoration: none;
    display: flex;
    justify-content: center;
  }

  .bank-relation__item.bank-relation__item--full-width {
    width: 100%;
  }

  .bank-relation__icon {
    margin-right: 0;
    text-align: center;
  }

  .bank-relation__text {
    font-size: 0.8125rem;
    line-height: 15px;
    color: #666666;
    word-break: break-word;
    text-align: center;
  }

  .bank-relation__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    border-bottom: none;
  }

  .bank-relation__icon-nav {
    margin-right: 0;
    display: flex;
    align-items: center;
  }

  .main-menu-list .menu .menu-item.active .sub-menu {
    margin-top: 0;
  }
}

.vip .main-menu-list .menu .menu-item.active .sub-menu {
  margin-top: 0;
}

.payment-input-checkbox {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.payment-checkbox input:checked + label > svg {
  height: 9px;
  animation: draw-checkbox ease-in-out 0.2s forwards;
}

.payment-checkbox label:active::after {
  background-color: #e6e6e6;
}

.payment-checkbox label {
  color: #0080d3;
  line-height: 18px;
  cursor: pointer;
  position: relative;
}

.payment-checkbox label:after {
  content: "";
  height: 16px;
  width: 16px;
  margin-right: 8px;
  float: left;
  transition: 0.15s all ease-out;
  border: 1px solid #81b204;
  border-radius: 3px;
}

.payment-checkbox svg {
  stroke: #81b204;
  stroke-width: 4px;
  height: 0;
  width: 18px;
  position: absolute;
  left: -26px;
  top: 4px;
  stroke-dasharray: 33;
}

@keyframes draw-checkbox {
  0% {
    stroke-dashoffset: 33;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

.additional-result-table-list {
  border-top: 1px solid #86ce00;
}

.additional-result-table-item .question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #696969;
  padding: 12px 0 16px 0;
}

.additional-result-table-item .question .question-item {
  font-family: "Lato-Light", sans-serif;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1;
  color: #696969;
}

.order-form img {
  max-width: 100%;
  display: block;
  height: auto;
  margin: 0 auto;
}

.deposit-request form .input-field.input-field--textarea {
  height: 100px;
}

.department-item .top-side .features,
.departments-block .department-info .features {
  gap: 12px;
}

.department-item .top-side .features .feature__wrap,
.departments-block .department-info .features .feature__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.department-item .top-side .features .feature__wrap {
  flex-direction: column;
  padding-bottom: 0 !important;
}

.departments-block .department-info .features .feature__wrap {
  flex-direction: row;
  padding-left: 0 !important;
  margin-right: 0;
}

.departments-block .department-info .features .feature__text,
.department-item .top-side .features .feature__text {
  font-size: 0.875rem;
  color: #727272;
  line-height: 1;
  text-align: center;
  max-width: 120px;
}

.departments-block .department-info .features .feature__img,
.department-item .top-side .features .feature__img {
  width: 65px;
  height: auto;
}

@media print {
  header, footer, .main-slider-block, .deposit-request, .fast-links-block {
    display: none;
  }
}

.calculator-checkbox-block label {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #696969;
  font-size: 1rem;
  line-height: 24px;
  font-family: Lato-Medium, sans-serif;
}

:focus-visible {
  /*outline-offset: 2px!important;*/
  box-shadow: none!important;
  /*text-decoration: none!important;*/
  outline: #86ce00e6 auto 1px;
  border-radius: 6px;
}

#skip-to-home {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: calc(50% - 90px);
  background: #86ce00e6;
  transform: translateY(-120%);
  z-index: 10000;
  border-radius: 8px; /* Added border radius to match focus style */
  text-transform: none;
}
.vip #skip-to-home {
  background: #ac1a2f;
}

#skip-to-home:focus-visible {
  transform: translateY(100%);
  outline-offset: 2px;
  outline: 1px solid #fff;
}

footer .footer-contacts-block a:focus-visible {
  padding-right: 10px;
}

.android.footer-app__item a:focus-visible {
  display: flex;
  padding: 2px;
  margin-top: -2px;
}
.vip .android.footer-app__item a:focus-visible {
  outline-color: #ac1a2f;
}

.apple.footer-app__item a:focus-visible {
  display: flex;
  padding: 2px;
  margin-top: -2px;
}
.vip .apple.footer-app__item a:focus-visible {
  outline-color: #ac1a2f;
}

.h1-section a:focus-visible {
  color: #86ce00e6;
  border-radius: 2px;
  outline-offset: 4px;
}
.vip .h1-section a:focus-visible {
  color: #ac1a2f;
}

.fixed-header .contact-center .phone:focus-visible {
  padding: 10px;
}

.fixed-header .header-toggle .header-item:focus-visible {
  text-decoration: auto;
}

.fixed-header .header-toggle .header-item:focus-visible span {
  color: #86ce00e6;
}
.vip .fixed-header .header-toggle .header-item:focus-visible span {
  color: #ac1a2f;
}

.header-toggle.i-bank a:focus-visible {
  outline: 2px solid white;
  padding: 2px;
}

.main-3-columns .column3 .body .news-item:focus-visible .short-text{
  color: #86ce00e6;
}
.vip .main-3-columns .column3 .body .news-item:focus-visible .short-text {
  color: #ac1a2f;
}
.fast-links-block .fast-link {
  width: min-content;
}
.fast-links-block .fast-link:focus-visible {

}

.fast-links-block .fast-link:focus-visible .text{
  color: #86ce00e6;
}
.vip .fast-links-block .fast-link:focus-visible .text {
  color: #ac1a2f;
}

.breadcrumbs a:focus-visible {
  color: #86ce00e6;
}
.vip .breadcrumbs a:focus-visible {
  color: #ac1a2f;
}

.main-menu-list .menu .menu-item .sub-menu .sub-menu-item:focus-visible,
.main-menu-list .menu .menu-item > a:focus-visible {
  outline-color: #fff;
  border: none;
}

.btn:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}

footer .footer-menu .section-menu .section-title:focus-visible {
  outline-offset: 4px;
  border-radius: 2px;
}
.vip footer .footer-menu .section-menu .section-title:focus-visible {
  border-bottom: 2px solid #ac1a2f;
}

.documents-info-tab .simple-text a:focus-visible,
.deposit-info-tab .simple-text a:focus-visible {
  text-decoration: none;
  border-bottom: none;
  outline: none;
}

.fixed-header .header-btns .lang {
  background: transparent;
  border-bottom: none;
}

.header-item .about-item {
  display: flex;
}


/*----------------------------------------*/
/* NEW STYLES */
/*----------------------------------------*/
.success-send{
  display: none;
  color: #81b204;
  font-size: 0.9375rem;
  line-height: 1.2;
  background: none;
  border: none;
  text-transform: uppercase;
  margin-bottom: 16px;
  margin-inline: auto;
  text-align: center;
}

header div.header-btns {
  width: 120px !important;
}

.fixed-header .container{
  position: relative;
}

.accessibility-btn{
  width: 40px;
  height: 40px;
  position: relative;
  display: block;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #effeff;
  text-align: center;
  cursor: pointer;
}

.accessibility-panel{
  position: absolute;
  top: 40px;
  left: 20px;
  width: 210px;
  background: #fff;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.06);
  z-index: 17;
  transition: 0.3s;
  border-radius: 10px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}

.panel-top{
  color: #fff;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.30);
  text-transform: uppercase;
  font-size: 0.625rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.2px;
  background: linear-gradient(90deg, #6DD000 0%, #5FB700 100%), #FFF;
  padding: 15px 4px;
  text-align: center;
}

.panel-inner{
  position: relative;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.panel-item .caption{
  color: #696969;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.toggle-panel{
  display: flex;
  align-items: center;
  gap: 8px;
}

.panel-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.toggle-panel .item{
  display: flex;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  padding: 5px;
  justify-content: center;
  align-items: center;
  border: 1px solid #CECECE;
  cursor: pointer;
  transition: 0.3s;
}

.toggle-panel .item.active{
  border-color: rgba(109, 208, 0, 0.90);
  pointer-events: none;
}

.toggle-panel .size{
  color: #231F20;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 21px;
}

.toggle-panel .size.size-lg{
  font-size: 1.0625rem;
}

.toggle-panel .size.size-xl{
  font-size: 1.25rem;
}

.toggle-panel .color i{
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #181818;
  border: 1px solid #181818;
  transform: rotate(20deg);
  overflow: hidden;
}

.toggle-panel .color.color-black-white i::before{
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 12px;
  width: 11px;
  height: auto;
  background-color: #fff;
  pointer-events: none;
}

.reg-version{
  color: #181818;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.30);
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 900;
  line-height: 1;
  background: #FFF;
  padding: 16px 4px;
  cursor: pointer;
  border-top: 1px solid #C2C2C2;
  text-align: center;
  transition: 0.3s;
}

.accessibility-panel.vip .panel-top{
  background: linear-gradient(#ac1a2f 0%, #6a101d 100%);
}

.accessibility-panel.vip .item.active{
  border-color: #ac1a2f;
}

.accessibility-open .accessibility-panel{
  opacity: 1;
  visibility: visible;
}

html.size-sm{
  font-size: 1rem;
}

html.size-lg{
  font-size: 1.1875rem;
}

html.size-xl{
  font-size: 1.25rem;
}

html.size-sm .deposit-info-tab .simple-text span{font-size: 0.875rem!important;}
html.size-lg .deposit-info-tab .simple-text span{font-size: 1.1875rem!important;}
html.size-xl .deposit-info-tab .simple-text span{font-size: 1.25rem!important;}

html.color-black-white{
  filter: grayscale(1);
}

@media (min-width: 1200px){
  .toggle-panel .item:hover{
    border-color: #231F20;
  }
  
  .reg-version:hover{
    color: rgba(109, 208, 0, 0.90);
    text-shadow: none;
  }

  .accessibility-panel.vip .reg-version:hover{
    color: #ac1a2f;
  }
}

@media (max-width: 767px){
  .accessibility-btn{
    border-left: 1px solid rgba(255, 255, 255, 0.5);
  }

  .accessibility-panel{
    width: 190px;
  }

  .panel-top{
    padding-block: 11px;
  }

  .reg-version{
    padding-block: 14px;
  }
}



/* your credit */
.your-credit .ui-slider-handle {
  outline: none;
}


.your-credit-couple .your-credit-block_item:not(:last-of-type) {
    border-bottom: 1px solid #ECECEC;
}


.your-credit_block .range-input-field {
    position: relative;
    padding-bottom: 32px;
}

#range-slider.ui-slider,
#range-slider_2.ui-slider,
#range-slider_3.ui-slider,
#range-slider_4.ui-slider,
.range-slider.ui-slider {
    height: 6px;
    border: none !important;
    background: #E5E5E5;
    padding: 0px 8px;
    position: absolute;
    bottom: 0;
    width: calc(100% - 54px);
    left: 0;
    margin: 0 27px;
}

#range-slider.ui-widget-header,
#range-slider_2.ui-widget-header,
#range-slider_3.ui-widget-header,
#range-slider_4.ui-widget-header,
.range-slider.ui-widget-header {
    background: red;
}

.range-container .line {
    height: 6px;
    background: #E5E5E5;
    padding: 0px 8px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

.range-container .line-green {
    height: 6px;
    background: #ABEA47;
    width: 28px;
    position: absolute;
    bottom: 0;
    left: 0;
}

#range-slider .ui-slider-range.ui-widget-header.ui-corner-all,
#range-slider_2 .ui-slider-range.ui-widget-header.ui-corner-all,
#range-slider_3 .ui-slider-range.ui-widget-header.ui-corner-all,
#range-slider_4 .ui-slider-range.ui-widget-header.ui-corner-all,
.range-slider .ui-slider-range.ui-widget-header.ui-corner-all {
    background: #ABEA47;
}

.range-slider .ui-state-default,
#range-slider .ui-state-default,
.ui-widget-content .ui-state-default,
#range-slider_2 .ui-state-default,
.ui-widget-content .ui-state-default,
#range-slider_3 .ui-state-default,
.ui-widget-content .ui-state-default,
#range-slider_4 .ui-state-default,
.ui-widget-content .ui-state-default {
    background: #ABEA47 !important;
    width: 21px !important;
    height: 21px !important;
    border-radius: 50%;
    border: 4px solid #FFF !important;
    cursor: pointer !important;
    top: -8px !important;
}


.range-container {
    position: relative;
    border-radius: 31px;
    overflow: hidden;
}


.your-credit {
    margin-top: 30px;
    margin-bottom: 30px;
}

.your-credit .title {
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 24px;
  color: #000;
  font-family: Lato-Black, sans-serif;
  margin-bottom: 30px;
  text-align: center;
}

.your-credit_title {
    margin-bottom: 24px;
}


.your-credit_block {
    box-shadow: 0px 0px 23px rgba(0, 0, 0, 0.0858829);
    border-radius: 16px;
    padding: 48px 60px 50px;
    background-color: #fff;
}

.your-credit_range-group {
    max-width: 940px;
    margin: 0 auto;
}

.your-credit_range-group .your-credit_range {
    width: 50%;
    max-width: 364px;
}

.your-credit_range-group .your-credit_range .input-field {
    justify-content: space-between;
}

.your-credit_range-group .your-credit_range .between {
    font-size: 14px;
    line-height: 21px;
}

.your-credit_range-group .your-credit_range .between span {
    opacity: 0.5;
}
@media (max-width: 768px) {
  .your-credit_range-group .your-credit_range .between {
    font-size: 12px;
  }
}


.your-credit_range-group .your-credit_range label {
    display: block;
    padding-left: 22px;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
}

#range-slider_3,
#range-slider_4 {
    margin: 0 0 9px !important;
    width: 100% !important;

}

.your-credit-block_items-wrap {
    max-width: 755px;
    margin: 0 auto;
}

.your-credit-block_item {
    align-items: baseline;
    padding: 42px 0 32px;
}

.fw {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

}
.your-credit-block_item.fw {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.your-credit-block_item:not(:first-of-type) {
    border-bottom: 1px solid #ECECEC;
}

.your-credit-block_item:last-of-type {
    border-bottom: none;
}

.your-credit_month-pay {
    justify-content: center;
    padding-bottom: 0;
}

.your-credit_month-pay .your-credit-block_count p {
    font-size: 1.125rem;
    line-height: 26px;
}

.your-credit-block_title {
    width: 67%;
    padding-right: 24px;
}

.your-credit-block_title p,
.your-credit-block_title p span,
.your-credit-block_item span {
    font-size: 0.875rem;
    line-height: 21px;
    font-weight: 800;
    margin-bottom: 6px;
    color: #000000;

}

.your-credit-block_title span,
.your-credit-block_count span,
.your-credit-block_item span {
    font-weight: 400;
    color: #000;
}

.your-credit-block_component {
    display: flex;
    margin-top: 15px;
    width: 100%;
}

.your-credit-block_count {
    width: 33%;
}

.your-credit-block_count p,
.your-credit-block_count p span {
    font-weight: 900;
    font-size: 1rem;
    line-height: 1em;
}

.your-credit-block_count p span {
    font-weight: 700
}

.your-credit_month-pay .your-credit-block_title,
.your-credit_month-pay .your-credit-block_count {
    width: auto;
}

.your-credit-couple {
    display: block;
}

.your-credit-block_count span {
    display: inline-block;
    max-width: 184px;
}

@media (max-width: 1366px) {

    .your-credit-block_items-wrap {
        max-width: 656px;
    }

    .your-credit_range-group .your-credit_range:first-of-type {
        margin-right: 46px;
    }

}

@media (max-width: 980px) {
    .your-credit_range {
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .your-credit {
        padding: 72px 0 20px;
    }

    .your-credit_block {
        padding-left: 20px;
        padding-right: 20px;
    }

    .your-credit-block_item {
        flex-wrap: wrap !important;
        align-items: flex-start !important;
    }

    .your-credit_range-group {
        display: block;
    }

    .your-credit_range {
      margin-bottom: 20px;
    }

    .your-credit_range-group .your-credit_range {
        max-width: none;
        width: auto;
    }

    .your-credit_range-group .your-credit_range:first-of-type {
        margin-right: 0;
    }

    .your-credit-block_item.your-credit_month-pay {
        justify-content: space-between;
    }

    .your-credit_month-pay .your-credit-block_title {
        width: 67%;
    }

    .your-credit_month-pay .your-credit-block_count {
        width: 33%;
    }


    .your-credit-couple .your-credit-block_item {
        display: block;
        width: calc(50% - 4px);
    }

    .your-credit-couple .your-credit-block_item * {
        text-align: left;
    }

    .your-credit-couple .your-credit-block_title {
        margin-right: 8px;
    }

    .your-credit-couple .your-credit-block_item:last-of-type * {
        text-align: right;
        margin-right: 0;
    }

    .your-credit-couple .your-credit-block_title {
        margin-bottom: 10px;
    }

    .your-credit-couple .your-credit-block_item:not(:last-of-type) {
        border-bottom: none;
    }

    .fw {
        align-items: flex-end;
    }

    .your-credit-couple {
        display: flex;
        align-items: baseline;

    }
}


.your-credit .button-wrapper {
    margin-bottom: 50px;
}

@media (max-width: 768px) {
    .your-credit .button-wrapper {
        margin-bottom: 30px;
    }
}


.your-credit_range-group .your-credit_range:first-of-type .ui-slider {
    background: url('../img/cash-credit-landing/line_clean.svg') no-repeat!important;
    height: 10px !important;
    border-radius: 0;
}

.your-credit_range-group .your-credit_range:last-of-type .ui-slider {
    background: url('../img/cash-credit-landing/line_clean.svg') no-repeat!important;
    height: 10px !important;
    border-radius: 0;
}

.your-credit_range-group .ui-slider#range-slider_3 .ui-state-default,
.your-credit_range-group .ui-slider#range-slider_4 .ui-state-default {
    top: -6px!important;
}

.your-credit_range-group .ui-slider-horizontal .ui-slider-range {
    top: 3px;
    height: 50%;
}

.your-credit_range-group .your-credit_range {
    max-width: 345px;
}

@media (max-width: 766px) {
    .your-credit_range-group .your-credit_range:first-of-type .ui-slider,
    .your-credit_range-group .your-credit_range:last-of-type .ui-slider {
        background-size: 275px 10px !important;
    }
    .your-credit_range-group {
        width: 275px;
    }
}

@media (max-width: 980px) {
    .your-credit_range-group {
        display: block !important;
    }
}

.your-credit_range .diapason {
  position: relative;
}
.your-credit_range .between {
  position: absolute;
  transform: translate(-50%, 0);
}
.your-credit_range .between::before {
  content: '';
  position: absolute;
  top: -19px;
  left: 50%;
  height: 11px;
  width: 3px;
  background: #E5E5E5;
}

@media (max-width: 766px) {
  .your-credit_range .diapason {
    margin-top: 20px;
  }
}