@font-face {
  font-family: Roboto;
  src: url("Roboto-Regular.ttf");
}

@font-face {
  font-family: Roboto-Medium;
  src: url("Roboto-Medium.ttf");
}

@font-face {
  font-family: Roboto-Bold;
  src: url("Roboto-Bold.ttf");
}

@font-face {
  font-family: RobotoCondensed-Bold;
  src: url("RobotoCondensed-Bold.ttf");
}

@font-face {
  font-family: RobotoCondensed-Regular;
  src: url("RobotoCondensed-Regular.ttf");
}

/*@font-face { font-family: RobotoCondensed-BoldItalic; 	src: url("RobotoCondensed-BoldItalic.ttf"); }*/

@font-face {
  font-family: OpenSans;
  src: url("OpenSans-Regular.ttf");
}

@font-face {
  font-family: OpenSans-Bold;
  src: url("OpenSans-Bold.ttf");
}

@font-face {
  font-family: OpenSans-Semibold;
  src: url("OpenSans-Semibold.ttf");
}

/*font-family: 'Roboto Condensed', sans-serif;*/
html,
body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  height: 100%;
  width: 100%;
  font-weight: normal;
  font-family: Roboto, OpenSans, Arial, Helvetica, sans-serif;
  font-style: normal;
  text-decoration: none;
  font-size: 14px;
  color: #000;
  background-color: #fff;
}

/*body{ min-width: 1250px; }*/

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

img {
  border: 0px;
  vertical-align: middle;
}

form {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

a:hover {
  color: initial;
}

.cpointer {
  cursor: pointer;
}

.bclear {
  clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  font-weight: normal;
}

h4 {
  margin: 0;
  font-weight: normal;
  font-size: 20px;
}

fieldset {
  padding: 0;
  margin: 0;
  border: none;
}

main::after,
.row::after,
.row::before,
.menu ul::after,
.menu-min ul::after,
.nav-bar::after,
.members::after,
.input-group::after,
article::after,
.content-type::after,
.news-others h1::after,
.products-right .item::after,
ul.grid-3::after,
.content-full h1::before,
.content-full h2::before,
.tabs1 .items::after,
.tabs2 .items::after,
.docs-arch ul::after,
.main::after {
  content: "";
  display: block;
  clear: both;
}

#scroll-top {
  position: fixed;
  z-index: 1000;
  right: 10px;
  bottom: 18px;
  width: 64px;
  height: 64px;
  display: block;
  background-image: url("/img/nav.png");
  background-repeat: no-repeat;
  background-position: 0 -128px;
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: pointer;
  display: none;
}

#scroll-top:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.g-recaptcha {
  margin-bottom: 20px;
}

/* -------- Site -------------- */
.holder {
  height: auto;
  min-height: 100%;
  position: relative;
  padding-bottom: 110px;
}

.fb-popup {
  position: relative;
  background: #1f9c9e;
  width: auto;
  max-width: 600px;
  margin: 20px auto;
}

.mfp-body {
  width: 100%;
  background: white;
  font-size: 16px;
  padding: 20px;
  display: block;
  position: relative;
  margin-top: 35px;
  top: 40px;
}

.guarantor-popup {
  max-width: 840px;
}

.guarantor-popup .mfp-title {
  font-size: 20px;
  position: absolute;
  padding: 12px;
}

#start-info .col-33 {
  height: 375px;
  padding: 0;
}

#start-info .col-2 {
  padding-left: 24px;
  padding-right: 24px;
}

#start-info .col-66 {
  background: url("../img/bg_calc_home.png") no-repeat center;
  height: 375px;
  float: left;
}

#start-info .open-card,
#start-info .calc,
#start-info .rates {
}

#start-info .block-primary {
  background-color: transparent;
  padding: 0;
}

#start-info .rates {
  border-color: #1f9c9e;
  background-color: #0d9496;
}

#start-info .buttons a {
  display: block;
  width: 100%;
  padding: 0;
  background-color: #0b787a;
}

#start-info h4 {
  color: #000;
  text-transform: uppercase;
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 22px;
  text-align: center;
}

#start-info .rates h4 {
  text-align: left;
  margin-bottom: 0;
}

#start-info h4 i {
  color: #008981;
  font-size: 12px;
  float: right;
  font-style: normal;
  margin-top: 7px;
}

#start-info .grid-7 select,
#start-info .grid-7 select option {
  padding-left: 35px;
  background-color: #0d9496;
  border: none;
  color: white;
  font-size: 14px;
}

#start-info .grid-7 tbody td {
  padding: 5px 10px;
  font-size: 15px;
  color: white;
}

#start-info .grid-7 tbody td:first-child {
  background: url(../img/s4.png) no-repeat 25% 50%;
}

#start-info .grid-7 thead:nth-child(2) {
  background-color: #14a1a3;
  border-top: 3px solid #0f8385;
}

#start-info .grid-7 thead:nth-child(2) tr {
  color: #84e6e7;
}

#start-info .grid-7 {
  border-bottom: none !important;
}

#start-info select {
  appearance: none; /* remove arrow        */
  -webkit-appearance: none; /* remove arrow Chrome */
  -moz-appearance: none;
}

#start-info select option:not(:checked) {
  background-color: #0b787a;
}

#start-info select option:hover {
  background-color: #12aaac !important;
  box-shadow: 0 0 10px 100px #1882a8 inset;
}

#start-info .styled {
  position: relative;
}

#start-info .select-arrow-3 {
  position: absolute;
  border: 8px solid transparent;
  border-bottom: 0;
  right: 20px;
}

#start-info .select-arrow-3:nth-child(1) {
  top: 11px;
  border-top-color: white;
}

#start-info .select-arrow-3:nth-child(2) {
  top: 8px;
  border-top-color: #0d9496;
}

#start-info .open-card {
  text-align: center;
}

#start-info .open-card a {
  font-size: 20px;
  text-decoration: none;
  color: white;
  display: block;
  font-weight: bold;
  border: 1px solid white;
  padding: 12px 67px;
  opacity: 0.8;
  width: 202px;
  margin: 0 auto;
}

#start-info .open-card a img {
  width: 150px;
  margin-top: 20px;
}

#start-info .open-card a:hover,
.menu-calc a:hover {
  color: white;
  border-color: white;
  opacity: 1;
}

#start-info .grid-6.themes1 tr td:nth-child(2n),
.grid-6.themes2 tr td:nth-child(2n + 1) {
  background-color: #0d9496 !important;
}

#start-info .grid-6 thead td {
  color: white !important;
  border-bottom: 5px solid #0b787a !important;
}

#start-info .grid-6 #htmlCardsRates td {
  color: white !important;
  border: none !important;
}

#start-info .grid-6 #htmlCardsRates tr:nth-child(2),
#start-info .grid-6 #htmlCardsRates tr:nth-child(2) td:nth-child(2) {
  background-color: #12aaac !important;
}

.menu-calc a {
  display: block;
  font-size: 20px;
  text-decoration: none;
  padding: 10px 30px;
  border: 1px solid;
  margin-bottom: 15px;
  color: white;
  opacity: 0.8;
}

.menu-calc a:first-child {
  margin-top: 16px;
}

#start-info .open-card h4 {
  font-size: 60px;
  color: white;
  padding-top: 62px;
  white-space: pre-line;
  padding-left: 40px;
  padding-right: 40px;
  text-transform: uppercase;
  line-height: 51px;
}

#start-info .open-card span {
  font-size: 15px;
  text-decoration: none;
  color: white;
  margin-top: -23px;
  display: block;
}

#start-info .rates .col-33 {
  height: 75px;
}

#start-info .rates .curs-valutar,
#start-info .rates .curs-carduri {
  /*background-color: #12AAAC;*/
  background-color: #0b787a;
  text-align: center;
  color: white;
  padding: 21px;
  font-size: 14px;
  text-transform: uppercase;
}

#start-info .rates .active::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #12aaac transparent transparent transparent;
  z-index: 555;
}

#start-info .rates .active {
  background-color: #12aaac !important;
}

#start-info .rates #curs-carduri {
  margin-top: 0px;
  display: none;
}

#start-info .rates #curs-valutar {
  display: none;
}

#start-info .rates #curs-carduri .grid-6 {
  border: none;
  margin-bottom: 0;
}

#start-info .rates .curs-name:hover {
  cursor: pointer;
  background-color: #12aaac;
  transition: 0.4s;
}

#start-info .rates .curs-carduri {
  background-color: #0b787a;
  padding: 22px 0 0 0;
}

#start-info .rates .curs-carduri a {
  background-color: inherit;
  width: 100%;
  margin: 0;
  text-transform: uppercase;
  font-size: 14px;
  white-space: pre-line;
  line-height: 16px;
  padding: 0;
}

#start-info .rates .curs-date {
  background-color: #0b787a;
  padding-top: 26px;
  color: white;
  text-align: center;
}

#start-info .rates .curs-date span {
  display: block;
  width: 85px;
  height: 25px;
  background-color: #12aaac;
  padding: 5px;
  margin-left: 26px;
  border-radius: 3px;
}

#start-info .row.buttons .col-2:nth-child(2) {
  position: absolute;
  bottom: 0;
  right: 0;
}

#start-info td.bnm {
  color: #84e6e7 !important;
}

.styled span {
  display: block;
  color: white;
  font-size: 14px;
  padding: 7px 10px;
  font-weight: 100;
  text-align: left;
}

.styled span:target ~ .grid-7 thead:first-child tr {
  background-color: #ff8400;
}

.styled span:hover {
  cursor: pointer;
}

.styled ul {
  display: none;
  max-height: 350px;
  overflow: scroll;
  background: #dae4e5;
  border: 1px solid #ddd;
  width: 100%;
  position: absolute;
  top: 145%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  z-index: 10;
}

.styled ul > li {
  color: #248586;
  display: block;
  padding: 2px 8px;
  text-decoration: none;
  line-height: 31px;
  text-align: left;
  font-size: 14px;
  font-weight: 100;
}

.styled ul > li:hover {
  background: #ff8400;
  color: white;
  cursor: pointer;
}

/* end start info */

/* faq start */
.faq-content {
  /*position: relative;*/
  width: 100%;
  overflow: hidden;
  height: auto;
  padding: 20px;
  background-color: #f1f1f1;
  margin-bottom: 20px;
}

.faq-content .faq-question {
  font-size: 20px;
  font-weight: 100;
  color: black;
  margin-bottom: 15px;
}

.faq-content .faq-question:hover {
  cursor: pointer;
  color: #209c9d;
}

.pcontent .send-message {
  width: 100%;
  height: auto;
  padding: 20px;
  background-color: #209c9d;
  font-size: 14px;
  color: white;
}

.pcontent .send-message img {
  margin-right: 10px;
}

.pcontent .send-message .open {
  padding: 20px 0;
}

.pcontent .send-message .close {
  float: right;
  border-radius: 50%;
  display: none;
}

.faq-content .faq-answer {
  display: none;
  width: 100%;
  overflow: hidden;
}

.faq-content .faq-details,
.faq-content .faq-details-close {
  color: #209c9d;
  text-decoration: underline;
}

.faq-content .faq-details:hover,
.faq-content .faq-details-close:hover,
.pcontent .send-message:hover {
  cursor: pointer;
  text-decoration: none;
}

.pcontent .faq-form {
  display: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #f1f1f1;
  margin-top: 0;
  padding: 20px;
}

.faq-form input {
  padding: 20px;
  width: 100%;
  font-size: 15px;
}

.faq-form input:hover,
.faq-form textarea:hover {
  /*    -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);*/
}

.faq-form ::-webkit-input-placeholder {
  font-family: sans-serif;
}

.faq-form :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000;
  opacity: 1;
  font-family: sans-serif;
}

.faq-form ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000;
  opacity: 1;
  font-family: sans-serif;
}

.faq-form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000;
  font-family: sans-serif;
}

.faq-form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #000;
  font-family: sans-serif;
}

.faq-form textarea {
  resize: none;
  width: 100%;
  /*background-color: #ccc;*/
  /*border: none;*/
  padding: 20px;
  font-size: 15px;
  color: #000;
}

.faq-form input:focus,
.faq-form textarea:focus {
  /*    -webkit-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.75);*/
}

.faq-form .col-0 {
  margin-top: 15px;
}

.faq-form .col-0 .btn {
  float: right;
}

#dialogIddivStatus {
  /*display: none;*/
  float: left;
}

/* end start */

@media (max-width: 980px) {
  .menu-top {
    display: none;
  }
}

@media screen and (max-width: 754px) {
  #rootwizard .col-2 {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .credit-calc-link {
    display: inline-block;
    margin-top: 10px;
  }
}

/*
=====================================*/
.hamburger-box,
.nav-mobile {
  display: none;
}

@media (max-width: 980px) {
  .hamburger-box {
    display: inline-block;
  }

  .nav-mobile {
    display: block;
  }
}

.hamburger-box {
  position: absolute;
  left: 15px;
  top: 3px;
  width: 30px;
  height: 23px;
  z-index: 3;
  cursor: pointer;
}

.hamburger-inner {
  top: 50%;
  display: block;
  margin-top: -2px;
  cursor: pointer;
}

.hamburger-inner:before {
  top: -10px;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  position: absolute;
  width: 30px;
  height: 4px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
}

.hamburger-inner:after {
  bottom: -10px;
}

.hamburger-inner:after,
.hamburger-inner:before {
  display: block;
  content: "";
}

.nav-open .hamburger-inner {
  transform: rotate(45deg);
}

.nav-open .hamburger-inner:before {
  top: 0;
  opacity: 0;
}

.nav-open .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg);
}

.nav-mobile {
  background-color: #fff;
  top: 46px;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  display: none;
  z-index: 9999999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
}

/*
=====================================*/
.nav-open {
  overflow: hidden;
}

.nav-open .nav-mobile {
  display: block;
}

/*
======================================*/
.nav-mobile-top {
  border-bottom: 1px solid #ddd;
  padding: 15px 10px;
}

.nav-mobile-top ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-mobile-top ul li {
  display: inline-block;
  margin: 0 8px;
}

/*
======================================*/
.nav-mobile-inner {
  display: flex;
  height: 100%;
  flex-direction: column;
  overflow: auto;
}

.nav-mobile-halfs {
  flex-grow: 1;
  display: flex;
  min-height: 100%;
}

.nav-mobile-left {
  width: 25%;
  min-width: 150px;
  box-sizing: border-box;
  padding: 20px 15px 0;
  background-color: #f0f4f8;
}

.nav-mobile-halfs .icons {
  white-space: nowrap;
  margin: 30px 0 10px -2px;
}

/*
==============================*/
.nav-mobile-halfs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-mobile-halfs ul a {
  color: #222;
  display: block;
  margin-bottom: 5px;
}

.nav-mobile-halfs ul a:hover {
  color: #1f9c9e;
  text-decoration: none;
}

/*
==============================*/
.nav-mobile-right {
  width: 75%;
  box-sizing: border-box;
  padding: 20px 15px 0 20px;
  background: #fff;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
}

/*
==================================*/
.nav-mob-menu {
  min-height: 100px;
  padding-bottom: 15px;
}

.nav-mob-menu a {
  margin-bottom: 10px;
  text-transform: uppercase;
}

.nav-mob-menu a.active {
  font-weight: bold;
}

/*
==================================*/
.nav-mob-submenu {
  display: none;
}

.nav-mob-submenu.active {
  display: block;
}

.nav-mob-submenu > li > a {
  font-weight: bold;
}

.nav-mob-submenu ul {
  margin-bottom: 25px;
}

/*
============================*/
.nav-mobile-left ul + ul::before {
  content: "";
  display: block;
  margin: 0 -15px;
  height: 1px;
  background-color: #ddd;
  margin-bottom: 15px;
  margin-top: 20px;
}

.page-path,
.page-path-menu .pages-sliders h1,
.pages-sliders p {
  padding: 25px;
}

.page-path {
  border-bottom: 6px solid #ddd;
  font-size: 16px;
  padding: 0 0 5px 0;
  font-family: RobotoCondensed-Regular;
}

.promo {
  position: relative;
}

.promo .container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

#formOnline {
  width: 500px;
  float: right;
  opacity: 0.9;
}

#formOnline h3 {
  text-align: right;
  font-size: 22px;
  margin-bottom: 15px;
}

#formOnline .alert {
  margin-bottom: 15px;
  margin-top: 0;
}

.page-path i,
.news-others h1 i {
  color: #a9a9a9;
}

.page-path a,
.page-path span {
  margin: 0 10px;
}

.page-path a {
  text-decoration: none;
  color: #999;
}

.page-path a:hover {
  color: #219d9f;
}

.page-path .info {
  color: #1f9c9e;
  float: right;
  font-size: 13px;
  font-style: normal;
  margin-top: 5px;
}

.page-path-menu {
  border-bottom: 6px solid #ddd;
  text-transform: uppercase;
  font-size: 13px;
  padding: 15px 0;
}

.page-path-menu a {
  color: #000;
  margin: 0 12px;
}

.page-path-menu a.active {
  color: #1d9d9e;
  position: relative;
}

.page-path-menu a.active::after {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #1d9d9e;
  bottom: -10px;
  content: "";
  display: inline-block;
  height: 5px;
  left: calc(50% - 5px);
  position: absolute;
}

.page-path-menu a:hover {
  color: #1f9c9e;
  text-decoration: none;
}

.bbr-1 {
  border-bottom: 6px solid #1f9c9e;
}

.bbr-1 .page-path-menu {
  border: none;
}

.menu,
.menu-min ul {
  font-family: Roboto-Medium;
  text-transform: uppercase;
}

.menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #d4d4d4;
}

.menu li {
  float: left;
  margin-bottom: -1px;
  background-color: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: transparent transparent #d4d4d4 transparent;
  position: relative;
  padding: 16px 22px 13px;
  cursor: pointer;
  color: #b8b8b8;
  font-size: 18px;
}

.menu li a {
  color: #b8b8b8;
}

.menu li a:hover {
  text-decoration: none;
  color: #000;
}

.menu li.tab-item.active {
  color: #000;
  border-color: #d4d4d4 #d4d4d4 transparent #d4d4d4;
  background-image: url("/img/s1.png");
  background-repeat: no-repeat;
  background-position: center bottom;
}

.menu li.tab-item.active a {
  color: #000;
}

.menu li.tab-item.active:first-child {
  border-left-color: transparent;
}

/* .menu .tab-html {padding: 20px 0;} */
.menu .tab-html a {
  text-decoration: none;
  font-size: 13px;
  color: #222;
  display: inline-table;
  padding: 20px 10px 11px;
  border-bottom: 10px solid transparent;
  position: relative;
}

.menu .tab-html a:first-child {
  padding-left: 22px;
}

.menu .tab-html a:hover,
.menu a.active {
  color: #000;
}

.menu .tab-html a:hover {
  border-bottom-color: #1f9c9e;
}

.menu .tab-html a:after {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  bottom: -10px;
  content: "";
  display: inline-block;
  height: 10px;
  left: calc(50% - 10px);
  position: absolute;
  z-index: 110;
}

.menu .tab-html a:hover::after {
  border-top-color: #1f9c9e;
}

.navbar-toggle,
.navbar-toggle-min {
  display: none;
  cursor: pointer;
  width: 31px;
  height: 25px;
}

.navbar-toggle-min {
  background-image: url("/img/navbar-toggle-fff.png");
  float: left;
  background-repeat: no-repeat;
}

.navbar-toggle {
  background-image: url("/img/navbar-toggle.png");
  position: absolute;
  right: 35px;
  top: 15px;
}

.menu-top-fixed.isfixed {
  padding-top: 0;
}

.menu-top-fixed.isfixed .menu > div {
  display: none;
}

.menu-top-fixed.isfixed .menu li {
  padding: 18px;
  padding-bottom: 18px;
  margin: 0;
}

.menu-top-fixed.isfixed .menu li,
.menu-top-fixed.isfixed .menu ul {
  border: none;
}

.menu-top-fixed.isfixed .menu li.tab-item.active {
  background: transparent;
  color: #1f9c9e;
}

.menu-top-fixed.isfixed .navbar-toggle {
  display: block;
}

nav .menu-top-fixed.isfixed .logo {
  padding-top: 15px;
  padding-bottom: 15px;
}

.menu-childrens.full {
  position: absolute;
  top: 112px;
  z-index: 100;
  padding: 15px;
  left: 0;
  right: 0;
  display: none;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(255, 255, 255, 0.95) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(255, 255, 255, 0.95) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(255, 255, 255, 0.95) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ffffff', endColorstr='#e6ffffff', GradientType=0);

  -webkit-box-shadow: 0px 3px 5px 0px rgba(31, 156, 158, 1);
  -moz-box-shadow: 0px 3px 5px 0px rgba(31, 156, 158, 1);
  box-shadow: 0px 3px 5px 0px rgba(31, 156, 158, 1);
}

.menu-childrens .row {
  margin-bottom: 20px;
}

.menu-childrens .col-33 {
  padding: 0 25px;
}

.menu-childrens .col-33 > a {
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
}

.menu-childrens .childrens {
  margin-top: 20px;
}

.menu-childrens .childrens a {
  display: block;
  margin: 5px 0;
  padding-left: 20px;
  position: relative;
}

.menu-childrens .childrens a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #209ba2;
}

.menu-childrens .childrens a.active {
  color: #000;
}

.menu-childrens .childrens a.active:after {
  background-color: #000;
}

.menu-top {
  float: left;
}

.menu-top a, .languages a /*, .fincompay*/ {
  color: #b7b7b7;
  text-decoration: none;
  display: inline-table;
  padding: 10px 4px;
  margin-right: 5px;
}

.menu-top a:hover,
.menu-top a:focus,
.languages a:hover,
.languages a:focus {
  color: #fff;
}

.menu-top a.active, .languages a.active /*, a.fincompay*/ {
  background-color: #1f9c9e;
  color: #fff;
}

.menu-left {
  margin-bottom: 25px;
}

.menu-left a {
  display: block;
  margin-top: 25px;
  color: #000;
  text-decoration: none;
  font-size: 18px;
  font-family: RobotoCondensed-Regular;
}

.menu-left a:first-child {
  margin-top: 0;
}

.menu-left.v-2 a.active {
  text-decoration: underline;
}

.menu-left a.lvl2 {
  margin-left: 35px;
  margin-top: 10px;
  color: #1e9b9d;
  font-size: 16px;
  position: relative;
}

.menu-left a.lvl2::after {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border-color: transparent transparent transparent #1d9d9e;
  border-style: solid;
  border-width: 5px;
  left: -10px;
  content: "";
  display: inline-block;
  height: 5px;
  top: calc(50% - 5px);
  position: absolute;
}

.menu-left.isfull a.lvl2 {
  color: #000;
}

.menu-left.isfull a.lvl2::after {
  border-color: transparent transparent transparent #000;
}

.menu-left.isfull a.lvl2.active::after {
  border-color: transparent transparent transparent #1d9d9e;
}

.menu-left a:hover,
.menu-left.isfull a.lvl2:hover,
.menu-left.isfull a.active,
.menu-left a.active {
  color: #219d9f;
}

aside.isfixed {
  position: fixed;
  width: 285px;
  top: 80px;
}

.menu-buttons {
  margin-bottom: 15px;
}

.menu-buttons a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #209c9e;
  background-color: #ddd;
  text-transform: uppercase;
  font-size: 16px;
  font-family: RobotoCondensed-Bold;
  line-height: 3;
}

.menu-buttons a:hover {
  opacity: 0.8;
}

.menu-buttons a.active {
  background-color: #1f9c9e;
  color: #fff;
}

.languages /*, .fincompay*/ {
  float: right;
}

.languages a {
  text-transform: capitalize;
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 0;
}

/*
.fincompay {margin-right: 10px; background-position: center right; background-repeat: no-repeat;}
.fincompay {padding-right: 45px; background-image: url("/img/ico_fincompay.png"); }
*/
.fincompay {
  opacity: 1;
  position: absolute;
  top: 0;
  right: 10px;
}

.fincompay:hover {
  opacity: 0.6;
}

.menu-top-fixed.isfixed .fincompay {
  right: 100px;
  top: 6.5px;
}

.nav-bar {
  margin-top: 5px;
  margin-bottom: 20px;
}

.nav-bar > * {
  display: inline-block;
  vertical-align: middle;
}

.nav-bar h2,
.nav-bar h1 {
  margin: 0;
  font-size: 24px;
}

.nav-bar h2 {
  background: #ff8800;
  color: #fff;
  line-height: 46px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto-Bold;
  margin-right: 10px;
}

.nav-bar h1 {
  color: #000;
  text-transform: lowercase;
}

.nav-bar .icons {
  float: right;
}

h1.pname,
.pages-sliders h1 {
  font-weight: 500;
  margin-top: 0;
  font-size: 22px;
  line-height: 30px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 25px;
  text-transform: uppercase;
  padding-bottom: 5px;
}

a.deposit-type-link {
  text-transform: none;
}

@media screen and (max-width: 769px) {
  h1.pname,
  .pages-sliders h1 {
    margin-top: 10px;
  }
}

h1.pname.img {
  padding-bottom: 0;
}

h1.pname.img img {
  margin-left: 35px;
}

hr.t1 {
  border-color: #eee;
  margin: 0;
  border-style: solid;
  border-width: 4px;
}

.pblock,
article.details {
  margin: 0;
  padding: 0 10px;
}

p.pblock,
div.pcontent {
  line-height: 1.5;
  /*color: #767676;*/
}

h1.pname .checkbox-inline {
  float: right;
  font-size: 12px;
  color: #1e9b9d;
  font-weight: normal;
  font-family: roboto;
  text-transform: none;
  cursor: pointer;
}

h1.pname .checkbox-inline span {
  margin-right: 15px;
}

#dq-banners-sliders > div {
  width: 100%;
  height: 375px;
}

#htmlMenuTabs .tab-html {
  margin-left: -270px;
  text-align: center;
}

.promo-sliders {
  height: 375px;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: auto 100%;
  margin-left: auto;
  margin-right: auto;
  width: 1230px;
}

section {
  padding-top: 20px;
  padding-bottom: 20px;
}

section.t1 {
  background-color: #e6e6e6;
}

.menu-calc a {
  display: block;
  font-size: 20px;
  text-decoration: none;
  padding: 25px 30px;
}

.menu-calc a img {
  margin-right: 30px;
  width: 70px;
  float: left;
  position: relative;
  top: -12px;
}

.menu-calc a span {
  vertical-align: middle;
  display: inline-block;
  width: 130px;
}

.pages-sliders {
  margin-bottom: 25px;
}

.pages-sliders h1 {
  margin-bottom: 0;
}

.pages-sliders .paging {
  float: right;
}

.pages-sliders .paging img {
  margin-left: 15px;
}

.pages-sliders h2 {
  border-bottom: 1px solid #ccc;
  padding: 0 25px;
  margin: 0;
  font-family: RobotoCondensed-Bold;
  font-size: 24px;
  font-weight: normal;
  height: 80px;
  line-height: 75px;
}

.pages-sliders h2 span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.pages-sliders p {
  margin: 0;
  /*color: #767676;*/
  text-align: justify;
  min-height: 140px;
}

.pages-sliders .btn {
  margin-left: 25px;
}

.pages-sliders .row > div {
  padding-top: 0;
}

.products h1,
.news-start h1 {
  text-transform: uppercase;
  font-weight: normal;
  font-family: RobotoCondensed-Bold;
  line-height: 1;
  font-size: 34px;
  color: #000;
}

@media (min-width: 992px) {
  .products h1,
  .news-start h1 {
    height: 60px;
  }
}

.products h1 {
  text-align: center;
  margin: 20px 0 40px;
}

.products .item {
  width: 140px;
  display: inline-table;
  margin: 0 20px;
  text-decoration: none;
}

.products .item i {
  display: block;
  color: #000;
  font-size: 18px;
  font-style: normal;
}

.products-right {
  background-color: #1f9c9e;
  padding: 0;
}

.products-right .item {
  background-color: #fff;
  color: #000;
  padding: 25px 17px;
}

.products-right .item h2 {
  font-size: 18px;
  font-weight: normal;
  font-family: Roboto-Bold;
  margin-top: 0;
  margin-bottom: 15px;
}

.products-right .item img {
  width: 353px;
}

.products-right .item .btn {
  float: right;
}

.products-right .item p {
  min-height: 55px;
}

.products-right .row > div {
  padding-top: 0;
  padding-bottom: 0;
}

.news-menu {
  text-align: center;
}

.news-menu .m {
  text-decoration: none;
  color: #000;
  font-size: 18px;
  display: inline-table;
  margin: 0 7px;
  line-height: 2.6;
}

.news-menu .m:hover {
  text-decoration: underline;
}

.news-menu .btn {
  float: right;
  margin-right: 0;
}

.news-first .img-first {
  height: 305px;
  overflow: hidden;
}

.news-first-lst {
  max-height: 310px;
  overflow-y: auto;
  overflow-x: hidden;
}

.news-first h2,
.news-first .date,
.news-first .digest {
  margin-left: 15px;
  margin-right: 15px;
}

.news-first .img-first {
  background-color: #1f9c9e;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.news-first .digest {
  font-size: 13px;
  color: #000;
  font-family: OpenSans;
  max-height: 290px;
  overflow: hidden;
}

.news-first article {
  margin-bottom: 20px;
}

.news-first article a img {
  width: 100%;
}

article h2,
article h1,
.news-first h2 {
  font-size: 24px;
  font-family: OpenSans-Bold;
  line-height: 1.2;
}

.news-first article h2 {
  margin-top: 0px;
  margin-bottom: 0;
}

article h2 a,
.news-first h2 a {
  color: #000;
  text-decoration: none;
}

article h2 a:hover,
.news-first h2 a:hover {
  text-decoration: underline;
  color: #000;
}

.news-first article h2 {
  font-size: 18px;
  font-family: OpenSans-Semibold;
}

.news-first .c,
.news-first .c-first {
  color: #138082;
}

.news-first .c-first {
  display: block;
}

.news-training .col-2 {
  padding: 0;
}

.news-training .article {
  padding: 10px 0px;
  background-color: #ecf6f7;
  margin-right: 10px;
  min-height: 305px;
}

.news-training .article h2 {
  margin-top: 10px;
}

.news-training .article h2 a {
  color: #209c9e;
  font-size: 22px;
}

.news-training .col-0 {
  padding: 5px;
}

@media (min-width: 992px) {
  .news-training .col-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .news-training .col-0 img {
    max-height: 310px;
  }
}

.news-start .more,
.trainings .more {
  margin-right: 10px;
  display: inline-block;
  text-transform: uppercase;
  background: url("/img/s4.png") no-repeat right center;
  padding-right: 15px;
  float: right;
  font-size: 14px;
  font-weight: normal;
  line-height: 34px;
}

.trainings .item {
  background-color: #ecf6f7;
  display: table;
  width: 100%;
  margin-bottom: 20px;
  min-height: 200px;
}

.trainings .item img {
  max-width: 200px;
  max-height: 200px;
  margin-left: 20px;
}

.trainings .cell {
  display: table-cell;
  vertical-align: middle;
}

.trainings .article {
  text-align: right;
  padding: 0 20px;
}

.trainings .article h2 a {
  color: #000;
  font-size: 24px;
}

.trainings p {
  font-size: 13px;
}

article.lst {
  margin-bottom: 30px;
}

article.lst .img {
  float: left;
  border: 1px solid #e8e8e8;
  width: 302px;
  height: 194px;
  margin-right: 15px;
  text-align: center;
  position: relative;
}

article.lst .img img {
  position: absolute;
  max-width: 300px;
  max-height: 192px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

article.lst .date,
article.details .date,
article.slider .date {
  color: #4fadac;
  line-height: 2.5;
  font-size: 12px;
}

article.lst h2 {
  margin-top: 5px;
  font-size: 18px;
}

article.lst .digest {
  margin-top: 0;
  margin-bottom: 7px;
}

article.lst .digest a {
  color: #000;
  text-decoration: none;
}

article.details .date {
  line-height: 1.2;
}

article.details h1 {
  margin-top: 20px;
}

article.details .content-type {
  position: relative;
  margin-bottom: 30px;
}

article.details .img {
  border: 1px solid #e8e8e8;
  max-width: 600px;
  text-align: center;
  padding: 5px;
}

article.details .istype-img {
  padding-right: 10px;
  border-right: 5px solid #1f9c9e;
  float: left;
}

article.details .istype-img img {
  width: 100%;
}

article.details .digest {
  padding-left: 10px;
  color: #3aa4a2;
  line-height: 1.5;
  overflow: hidden;
  margin: 0;
}

article.details .digest.set-border {
  border-left: 5px solid #1f9c9e;
}

article.details .pblock {
  padding: 0;
  margin-bottom: 60px;
  font-size: 16px;
  font-family: Roboto, OpenSans, Arial, Helvetica, sans-serif;
}

article.details div,
article.details ul li {
  font-size: 16px;
  font-family: Roboto, OpenSans, Arial, Helvetica, sans-serif;
}

@media only screen and (max-width: 576px) {
  .trainings .item {
    display: block;
    padding: 15px 0;
  }

  .trainings .cell {
    display: block;
  }

  .trainings .article {
    text-align: left;
    padding: 0 15px;
  }

  .trainings .item img {
    margin-left: 15px;
    max-width: 100%;
    max-height: initial;
  }

  .trainings .more {
    float: none;
  }
}

.news-others h1 {
  margin: 0 0 20px;
  border-width: 5px 0;
  border-style: solid;
  border-color: #ddd;
  padding: 15px 0;
}

.news-others h1 i {
  margin-right: 10px;
}

article.slider {
  border: 1px solid #e6e6e6;
  background-color: #e6e6e6;
}

article.slider .img {
  height: 187px;
  text-align: center;
  background-color: #fff;
  position: relative;
  display: block;
}

article.slider .img img {
  position: absolute;
  max-width: 286px;
  max-height: 223px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

article.slider .info {
  height: 190px;
  padding: 20px;
  overflow: hidden;
}

article.slider .date {
  line-height: 1.2;
}

article.slider h2 {
  margin-top: 5px;
  font-size: 18px;
  min-height: 65px;
}

.members {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.members li {
  width: 290px;
  padding: 0 20px 40px;
  text-align: center;
  overflow: hidden;
  display: inline-table;
}

.members .img img {
  width: 175px;
  height: 175px;
  border: 2px solid #eee;
  border-radius: 50%;
}

.members .img:hover img {
  border-color: #219d9f;
}

.members .name {
  font-family: RobotoCondensed-Bold;
  font-size: 16px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  line-height: 2.5;
  color: #000;
}

.members .name:hover {
  color: #1f9c9e;
}

.members p {
  margin: 10px 0 25px;
  min-height: 70px;
}

.members .btn {
  margin-right: 0;
}

.jobs {
  width: 100%;
  border-spacing: 20px;
  border-collapse: separate;
}

.jobs tr td:first-child {
  width: 30%;
  border-right: 7px solid #1f9c9e;
  padding: 10px 30px;
  font-size: 18px;
  font-weight: bold;
}

.jobs p {
  margin: 0 0 13px;
}

.note {
  background-color: #1f9c9e;
  color: #fff;
  padding: 55px 35px;
  line-height: 1.7;
  margin: 25px 0;
  position: relative;
}

.note:before {
  content: "";
  display: block;
  width: 28px;
  height: 24px;
  left: 28px;
  bottom: -24px;
  position: absolute;
  border-left: 28px solid transparent;
  border-top: 24px solid #1f9c9e;
}

.note-2 {
  background: url("/img/s2.png") no-repeat top right #1f9c9e;
  padding: 20px 15px 15px;
  text-align: center;
  color: #fff;
}

.note-2 h4 {
  color: #fff !important;
  text-transform: uppercase;
}

.note-3 {
  color: #4fa7a8;
  font-style: italic;
}

.note-4 {
  color: #4fa7a8;
  font-style: italic;
  border-bottom: 5px solid #1f9c9e;
  padding: 10px 0;
}

.grid-1 tr th {
  border-bottom: 1px solid #ccc;
  padding-bottom: 18px;
  text-align: left;
  text-transform: uppercase;
  color: #1d9ca2;
  font-weight: normal;
}

.grid-1 thead.filter th {
  padding: 8px 2px;
}

.grid-1 {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
}

.grid-1 tbody tr:nth-child(2n) {
  background-color: #f1f1f1;
}

.grid-1 td,
.grid-1 th {
  padding: 8px 15px;
}

.grid-1 tbody tr {
  cursor: pointer;
}

.grid-1 tbody tr:hover {
  background-color: #ccc;
}

.grid-1 tbody tr.active {
  background-color: #1f9c9e;
  color: #fff;
}

/* Branches table hierarchical styling */
.branches-table .branch-city-header {
  background-color: #1f9c9e !important;
  cursor: default !important;
}

.branches-table .branch-city-header:hover {
  background-color: #1f9c9e !important;
}

.branches-table .branch-city-header td {
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 12px 15px;
  text-transform: none;
  border: none;
  cursor: default;
}

.branches-table .branch-city-header:hover td {
  color: #fff;
}

.branches-table .branch-sector-header {
  background-color: #e8e8e8 !important;
  cursor: default !important;
}

.branches-table .branch-sector-header:hover {
  background-color: #e8e8e8 !important;
}

.branches-table .branch-sector-header td {
  color: #000;
  font-weight: bold;
  text-align: center;
  padding: 10px 15px;
  text-transform: none;
  border: none;
  cursor: default;
}

.branches-table .branch-sector-header:hover td {
  color: #000;
}

.branches-table .branch-row {
  background-color: #fff;
  cursor: pointer;
}

.branches-table .branch-row.branch-row-even {
  background-color: #f5f5f5;
}

.branches-table .branch-row:hover {
  background-color: #e0e0e0;
}

.branches-table .branch-row.active {
  background-color: #1f9c9e;
  color: #fff;
}

.branches-table .branch-name {
  width: 50%;
  padding: 10px 15px;
}

.branches-table .branch-address {
  width: 35%;
  padding: 10px 15px;
}

.branches-table .branch-phone {
  width: 15%;
  padding: 10px 15px;
}

@media screen and (max-width: 500px) {
  .grid-2 thead tr th,
  .grid-2 tbody tr td {
    padding: 3px 0 3px 3px !important;
  }
}

.grid-2 {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  text-align: center;
}

.grid-2 thead tr,
.grid-2 td.head,
.grid-2-head td.head {
  background-color: #1f9c9e;
}

.grid-2 tbody tr:nth-child(2n) {
  background-color: #f1f1f1;
}

.grid-2 th,
.grid-2 td.head,
.grid-2-head td.head {
  color: #fff;
  font-weight: normal;
  padding: 12px;
  line-height: 1;
}

.grid-2 th {
  text-transform: uppercase;
}

.grid-2 td {
  /* white-space: nowrap; */
  padding: 8px 12px;
  line-height: 1;
}

.grid-2 tbody tr:first-child td {
  border-top: 3px solid #4ac0c0;
}

.grid-2 tbody tr:last-child td {
  border-bottom: 1px solid #1f9c9e;
}

.grid-2 td.head,
.grid-2-head td.head {
  white-space: normal;
  text-align: left;
  padding-left: 20px;
  border-top-color: #1f9c9e !important;
}

.grid-2 td.head b,
.grid-2-head td.head b {
  font-family: RobotoCondensed-Bold;
  font-size: 20px;
  font-weight: normal;
}

.grid-2-head {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  text-align: center;
}

.grid-2-head td {
  border: none;
}

.grid-2-head .head-1 > td:first-child {
  border-top: 1px solid #fff !important;
}

.grid-2-head .head-1 > td:last-child {
  border-bottom: 1px solid #878787;
  vertical-align: middle;
}

.grid-2-head .head-1 .head {
  background-color: #878787;
}

.grid-2-head .head-1 .grid-2 tbody tr:first-child td {
  border-top: none;
}

.grid-2-head .head-1 .grid-2 tbody tr:last-child td {
  border: none;
}

.grid-2-head .display-inline b {
  font-size: 36px !important;
  margin-right: 5px;
}

.grid-2-head .display-inline span {
  font-size: 14px;
}

@media screen and (max-width: 700px) {
  .grid-2 {
    font-size: 9px;
  }

  .grid-2 td {
    padding: 6px 10px;
  }

  .grid-2 th,
  .grid-2 td.head,
  .grid-2-head td.head {
    padding: 6px 7px;
    line-height: 1.5;
  }
}

.display-inline * {
  display: inline-block;
  vertical-align: middle;
}

ul.grid-3 {
  padding: 0;
  margin: 0 -5px;
  width: 100%;
  list-style: none;
}

ul.grid-3 li {
  float: left;
  width: 33.3333%;
  padding: 15px 5px 10px;
}

ul.grid-3 .name {
  font-family: RobotoCondensed-Bold;
  font-size: 18px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  color: #000;
}

ul.grid-3 .name:hover {
  color: #1f9c9e;
}

ul.grid-3 .img {
  display: block;
  text-align: center;
  margin-top: 15px;
}

ul.grid-3 p {
  margin-top: 20px;
  padding: 20px;
  border-top: 1px solid #ccc;
  /*color: #767676;*/
  font-size: 12px;
  line-height: 1.5;
  text-align: justify;
  min-height: 133px;
  overflow: hidden;
}

ul.grid-3 .btn {
  float: right;
  margin-right: 20px;
}

.grid-4 {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: center;
}

.grid-4 thead {
  background-color: #1f9c9e;
  color: #fff;
  font-family: RobotoCondensed-Bold;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1.2;
  border-style: solid;
  border-width: 1px 1px 5px;
  border-color: #1f9c9e #1f9c9e #ededed;
}

.grid-4 th {
  border: 1px solid #fff;
  font-weight: normal;
}

.grid-4 td {
  border: 1px solid #c4b9c1;
  color: #505050;
  font-size: 12px;
}

.grid-4 td.bg1 {
  background-color: #ecf6f7;
}

.grid-4 tr td.bg1:not(:first-child) {
  font-size: 12px !important;
  text-align: center !important;
}

.grid-4 th,
.grid-4 td {
  padding: 10px;
  width: 14%;
}

.grid-4 tr td:first-child:not(.notfirst) {
  text-align: left;
  font-size: 14px;
}

.grid-4 tr.space td {
  font-size: 8px !important;
  border-color: transparent transparent #c4b9c1;
  padding: 0;
}

.grid-4 .btn {
  margin-right: 0;
}

.grid-5 {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: center;
}

.grid-5 td,
.grid-5 th {
  border: 1px solid #e7f1f2;
  color: #000;
  padding: 10px 15px;
}

.grid-5 th {
  text-transform: uppercase;
  color: #209da1;
}

.grid-6 {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid #b7b7b7;
  margin-bottom: 30px;
}

.grid-6 th {
  background-color: #1f9c9e;
  padding: 10px;
}

.grid-6 td {
  padding: 5px 8px;
  height: 44px;
}

.grid-6 select,
.grid-6 thead .txt {
  width: 100%;
  border: 1px solid #eee;
  height: 28px;
  color: #1f9d9c;
}

.grid-6 thead .txt {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-6 input {
  width: 100%;
  border: 1px solid #707070;
  padding: 5px;
  text-align: right;
}

.grid-6 input:focus {
  box-shadow: 0px 0px 1px 0px rgba(31, 156, 158, 1);
}

.grid-6 h4 {
  text-transform: uppercase;
  color: #fff;
  padding: 1px 0;
}

.grid-6 thead td {
  color: #000;
  border-bottom: 10px solid #1f9c9e;
  padding-top: 15px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.grid-6 tbody td {
  border-top: 1px solid #dfdfdf;
}

.grid-6.themes1 tr td:first-child {
  text-align: left;
  padding-left: 30px;
}

.grid-6.themes1 tr td:nth-child(2n),
.grid-6.themes2 tr td:nth-child(2n + 1) {
  background-color: #f1f2f4;
}

.grid-6.themes1 tbody tr td:first-child {
  color: #1f9b9b;
}

.grid-6.themes2 thead td {
  border-bottom-color: #6b6b6b;
}

.grid-6.themes2 th {
  background-color: #6b6b6b;
}

.grid-6.themes2 tbody td {
  border-top: transparent;
}

.grid-6 .valute input {
  opacity: 0.2;
}

.grid-6 .valute .focus,
.grid-6 .valute .active {
  opacity: 1;
}

.grid-6 .valute .active {
  border-color: #1f9c9e;
}

.grid-7 {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 1px solid #545653;
}

.grid-7 th {
  padding: 10px;
  border-bottom: 1px solid #545653;
}

.grid-7 thead td,
#start-info .grid-7 th,
#start-info .grid-7 {
  border-bottom: 1px solid #1f9a9f;
}

.grid-7 select {
  width: 100%;
  border: 1px solid #237e81;
  height: 28px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
}

.grid-7 select option {
  color: #fff;
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0.7) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0.7) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0.7) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3000000', endColorstr='#b3000000', GradientType=0);
}

.grid-7 td {
  padding: 10px 5px;
}

#rates-mini {
  width: 300px;
  margin-top: -20px;
  position: absolute;
  right: 20px;
}

#rates-mini .r-container {
  padding: 20px;
  color: #fff;
  border-top: 10px solid #207e80;
  margin-bottom: 10px;
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0.7) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0.7) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.7) 0%,
    rgba(0, 0, 0, 0.7) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3000000', endColorstr='#b3000000', GradientType=0);
}

#rates-mini h4 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0px;
}

#rates-mini h4 i {
  color: #008981;
  font-size: 12px;
  float: right;
  font-style: normal;
  margin-top: 7px;
}

#rates-mini .grid-7 tbody tr:first-child,
#start-info .rates .grid-7 tbody tr:first-child {
  display: none;
}

#rates-mini .btn {
  width: 100%;
}

#rates-mini .grid-7 {
  font-size: 12px;
}

#rates-mini .grid-7 td {
  width: auto !important;
  padding-top: 5px;
  padding-bottom: 5px;
}

#rates-mini .grid-7 tbody td {
  padding-top: 2px;
  padding-bottom: 2px;
}

#rates-mini .bnm,
#start-info .bnm {
  color: #008981;
}

#rates-mini .grid-7 th,
#start-info .grid-7 th {
  padding-left: 0;
  padding-right: 0;
}

#mapTooltip > div {
  margin-left: 20px;
}

.map-tooltip h4 {
  margin-bottom: 23px;
  font-size: 18px;
}

.map-tooltip h6 {
  color: #209c9c;
  font-size: 12px;
  margin: 12px 0 0;
}

.map-tooltip p {
  margin: 0;
}

.map-tooltip .btns-group {
  margin-top: 25px;
}

.map-tooltip .btns-group * {
  display: inline-table;
}

.map-tooltip .btns-group img {
  height: 46px;
}

.map-loc-tooltip {
  border: 1px solid #aaaaaa;
  box-shadow: 3px 3px #e8e8e8;
  width: 226px;
  padding: 25px;
  background-color: #fff;
  position: absolute;
  z-index: 9999;
}

.map-loc-tooltip h4 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}

.map-loc-tooltip .close {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 22px;
  height: 22px;
  background-image: url("/img/close.png");
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
}

.map-loc-tooltip .close:hover {
  background-position: 0 -22px;
}

.map-menu {
  width: 75%;
}

.fincom-wrap .close {
  position: absolute;
  right: 7px;
  top: 5px;
  width: 28px;
  height: 28px;
  opacity: 0.5;
}

.fincom-wrap .close:hover {
  opacity: 1;
}

.fincom-wrap .close:before,
.fincom-wrap .close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 28px;
  width: 2px;
  background-color: #fff;
}

.fincom-wrap .close:before {
  transform: rotate(45deg);
}

.fincom-wrap .close:after {
  transform: rotate(-45deg);
}

.map-menu a {
  display: block;
  margin-bottom: 25px;
  padding-left: 15px;
  border-left: 8px solid transparent;
  text-transform: uppercase;
  text-decoration: none;
  font-family: Roboto-Bold;
  font-size: 16px;
  color: #000;
}

.map-menu a.active {
  color: #1f9c9e;
  border-color: #1f9c9e;
}

.map-menu a:hover {
  color: #1f9c9e;
}

.content-anchor {
  margin-right: 30px;
  text-align: justify;
  /*color: #767676;*/
}

.content-anchor h2,
.content-full h2 {
  font-family: OpenSans-Semibold;
}

h2.t1 {
  color: #1f9c9e;
  border-bottom: 3px solid #147d80;
  padding-bottom: 10px;
  font-family: OpenSans-Semibold;
}

h2.t1 i {
  font-style: normal;
  font-size: 14px;
}

.content-full .row {
  margin-bottom: 10px;
}

.content-full .btn {
  float: right;
}

.content-full h1.pname {
  margin-bottom: 30px;
  margin-top: 30px;
}

.content-full h1.pname:first-child {
  margin-top: 0;
}

.copyright {
  float: right;
  color: #008981;
  font-family: Roboto-Medium;
  line-height: 36px;
}

.dqteam {
  float: right;
  vertical-align: middle;
  margin-right: 20px;
}

.dqteam img {
  vertical-align: middle;
  height: 36px;
}

.icon30 {
  width: 29px;
  height: 29px;
  background-image: url("/img/icons30.png");
  display: inline-table;
  overflow: hidden;
  vertical-align: middle;
}

.icon30.fb {
  background-position: 0 0;
}

.icon30.tw {
  background-position: 0 -30px;
}

.icon30.in {
  background-position: 0 -60px;
}

.icon30.youtube {
  background-position: 0 -90px;
}

.icon30.ok {
  background-position: 0 -120px;
}

.icon36 {
  width: 37px;
  height: 36px;
  background-image: url("/img/icons36.png");
  display: inline-table;
  overflow: hidden;
  vertical-align: middle;
}

.icon36.check {
  background-position: 0 0;
}

.icon46 {
  width: 46px;
  height: 46px;
  background-image: url("/img/icons46.png");
  display: inline-table;
  overflow: hidden;
  vertical-align: middle;
}

.icon46.print {
  background-position: 0 0;
}

.icon46.download {
  background-position: 0 -46px;
}

.icon-ceck {
  width: 27px;
  height: 25px;
  background: url("/img/icon-ceck.png") no-repeat center;
  display: inline-table;
  vertical-align: middle;
}

/* Layout History */
.history .sw3,
.history .sw3 .swiper-container {
  width: 883px;
  height: 900px;
}

.history .block {
  padding-top: 100px;
  border-width: 0 0 50px;
  border-style: solid;
  border-color: #fff;
  position: relative;
}

.history .swiper-slide {
  overflow-y: auto;
}

.history .line {
  position: absolute;
  height: 6px;
  width: 100%;
  left: 0;
  top: 280px;
  z-index: 0;
  background: -moz-linear-gradient(
    left,
    rgba(31, 156, 158, 0) 0%,
    rgba(31, 156, 158, 1) 15%,
    rgba(31, 156, 158, 1) 85%,
    rgba(31, 156, 158, 0) 100%
  );
  background: -webkit-linear-gradient(
    left,
    rgba(31, 156, 158, 0) 0%,
    rgba(31, 156, 158, 1) 15%,
    rgba(31, 156, 158, 1) 85%,
    rgba(31, 156, 158, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(31, 156, 158, 0) 0%,
    rgba(31, 156, 158, 1) 15%,
    rgba(31, 156, 158, 1) 85%,
    rgba(31, 156, 158, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001f9c9e', endColorstr='#001f9c9e', GradientType=1);
}

.history .row {
  margin: 0;
}

.history .row .img {
  position: relative;
  width: 178px;
  height: 178px;
  text-align: center;
}

.history .row .img:before {
  background: #fff;
  border: 5px solid #1f9c9e;
  border-radius: 20px;
  bottom: -15px;
  content: "";
  height: 20px;
  left: 78px;
  position: absolute;
  width: 20px;
}

.history .txt {
  border-left: 1px solid #1f9c9e;
  margin-left: 88px;
  padding: 15px;
}

.history .txt span {
  display: block;
}

.history .txt .year {
  font-size: 18px;
  color: #16755d;
  padding-bottom: 15px;
}

.history .txt .r {
  position: relative;
  margin-top: 10px;
}

.history .txt .r:before {
  background: #1f9c9e;
  border-radius: 10px;
  content: "";
  height: 11px;
  left: -21px;
  position: absolute;
  top: 4px;
  width: 11px;
}

.history .years {
  position: absolute;
  padding: 10px 20px;
  left: 0;
  right: 0;
  top: 0;
}

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

.years {
  text-align: center;
}

.years a {
  text-decoration: none;
  color: #20232c;
  display: inline-table;
  line-height: 2.5;
  padding: 0 10px;
}

.years a.active {
  background: #c4c4c4;
  border-radius: 4px;
  box-shadow: 0 0 4px 0 #bababa inset;
  position: relative;
}

.docs-arch {
  width: 100%;
  border-spacing: 10px;
  border-collapse: separate;
}

.docs-arch thead {
  font-family: OpenSans-Semibold;
  font-size: 14px;
  color: #000;
}

.docs-arch thead th {
  border-bottom: 7px solid #ccc;
  position: relative;
  font-family: OpenSans-Semibold;
  color: #1f9c9e;
  font-size: 18px;
  padding-left: 25px;
}

.docs-arch thead th::after {
  background-color: #1f9c9e;
  content: "";
  height: 7px;
  position: absolute;
  width: 90px;
  left: 0;
  bottom: -7px;
}

.docs-arch h4 {
  font-size: 14px;
  font-family: OpenSans-Semibold;
  overflow-wrap: break-word;
  word-wrap: break-word;
  margin: 0 0 0.25em 0;
}

.docs-arch i,
.docs-arch em {
  color: #1f9b9d;
  font-style: normal;
}

.docs-arch td {
  position: relative;
  padding: 10px 10px 10px 10px;
  width: 50%;
  vertical-align: top;
  padding-right: 160px;
}

.docs-arch table {
  border-left: 1px solid #ccc;
}

.docs-arch table ul {
  right: 0px;
}

.docs-arch ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  right: 10px;
  top: 10px;
}

.docs-arch ul li {
  float: left;
  line-height: 33px;
}

.docs-arch a,
.icon-pdf {
  display: inline-flex;
  width: 30px;
  height: 33px;
  overflow: hidden;
  background-image: url("/img/icons-files.png");
  background-position: 0 0;
  text-indent: -9999px;
}

.docs-arch a,
.icon-xls {
  display: inline-flex;
  width: 30px;
  height: 33px;
  overflow: hidden;
  background-image: url("/img/icons-files.png");
  background-position: 0 0;
  text-indent: -9999px;
}

.docs-arch a:hover {
  background-position: 0 -33px;
}

.docs-arch ul li:first-child {
  padding-right: 10px;
}

.docs-arch ul li:last-child a,
.docs-arch ul li a.pdf,
.icon-pdf {
  background-position: -30px 0;
}

.docs-arch ul li:last-child a:hover,
.docs-arch ul li a.pdf:hover,
.icon-pdf:hover {
  background-position: -30px -33px;
}

.docs-arch ul li a.xls {
  background-position: 0 0;
}

.docs-arch ul li a.xls:hover {
  background-position: 0 -33px;
}

.docs-arch ul li a.doc {
  background-position: -60px 0;
}

.docs-arch ul li a.doc:hover {
  background-position: -60px -33px;
}

.docs-arch.dropdown-active tbody {
  display: none;
}

.docs-arch.dropdown-active thead th {
  position: relative;
  cursor: pointer;
}

.docs-arch.dropdown-active thead th::before {
  content: "▼";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  transition: transform 0.2s;
}

.docs-arch.dropdown-active.open thead th::before {
  transform: translateY(-50%) rotate(180deg);
}

.pname .icons,
.pname .icons i {
  vertical-align: middle;
  margin-left: 10px;
  font-size: 14px;
}

.row {
  margin-left: -5px;
  margin-right: -5px;
}

.col-1 {
  width: 25%;
}

.col-2 {
  width: 50%;
}

.col-3 {
  width: 75%;
}

.col-33 {
  width: 33.3333333%;
}

.col-66 {
  width: 66.6666666%;
}

.col-30 {
  width: 30%;
}

.col-70 {
  width: 70%;
}

.col-4,
.col-0 {
  width: 100%;
}

.col-0 {
  padding-left: 5px;
  padding-right: 5px;
  float: left;
  position: relative;
  min-height: 1px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-33,
.col-66,
.col-30,
.col-70 {
  float: left;
  padding: 0 5px;
  position: relative;
  min-height: 1px;
}

.block-primary .row > div {
  padding-top: 0;
  padding-bottom: 0;
}

.feedback-wrap .label-feedback {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  text-transform: capitalize;
}

.feedback-wrap .g-recaptcha {
  float: left;
}

.feedback-wrap .feedback-info {
  color: #1f9c9e;
  font-size: 16px;
  text-align: justify;
  margin-right: 30px;
}

.feedback-wrap #u_message {
  border-radius: 4px;
}

.feedback-wrap .btn-success {
  margin-right: 0;
  border-radius: 4px;
}

.feedback-wrap .alert {
  margin: 0;
}

/* end Feedback */

.counter-block {
  margin-left: 50px;
  background-color: #1f9c9e;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  padding: 20px;
  width: 200px;
  margin-bottom: 15px;
  font-size: 16px;
}

.counter-block span {
  font-weight: bold;
  font-size: 50px;
  display: block;
  line-height: 1.2;
}

.counter-block em {
  font-style: normal;
  font-size: 18px;
}

.col-33 .counter-block {
  margin: 20px 0;
}

/* --- end - site --------- */

.btn,
.menu-card a,
#start-info .block-primary .btn {
  border: none;
  cursor: pointer;
  margin-right: 10px;
  background-color: #ccc;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: normal;
  padding: 8px 15px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  font-family: Roboto-Medium;
  width: auto;
}

.btn:hover {
  background-color: #1f9c9e;
  color: #fff;
  text-decoration: none;
}

.btn:disabled {
  background-color: #ccc;
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}

.btn.btn-primary,
.menu-card a,
#start-info .block-primary .btn {
  background-color: #1f9c9e;
  border-radius: 1px;
}

.btn.btn-primary:hover,
.menu-card a:hover,
#start-info .block-primary .btn:hover {
  opacity: 0.8;
}

.btn.btn-success {
  background-color: #1f9c9e;
}

.btn .icon-ceck {
  margin-right: 5px;
}

.btn.big,
.btn.ico-63 {
  text-transform: uppercase;
  font-size: 18px;
  padding: 20px 25px;
}

.btn.ico-63 {
  text-align: right;
  padding-left: 110px;
  position: relative;
  position: relative;
}

.ico-63 i {
  display: block;
  width: 63px;
  height: 45px;
  position: absolute;
  left: 25px;
  top: 50%;
  margin-top: -23px;
  background-image: url("/img/icons-63.png");
  background-repeat: no-repeat;
}

.ico-63 .ico-card {
  background-position: 0 0;
}

.ico-63 .ico-card-renews {
  background-position: 0 -45px;
}

.menu-card {
  float: right;
  margin-top: -25px;
}

.menu-card a {
  margin-right: 0;
  margin-left: 2px;
  float: left;
  position: relative;
  padding: 0px 10px 0px 60px;
  white-space: normal;
  width: 210px;
  text-align: right;
  line-height: 38px;
  font-size: 16px;
}

.menu-card a:hover {
  color: #fff;
}

.menu-card i {
  display: block;
  width: 35px;
  height: 27px;
  position: absolute;
  left: 14px;
  top: 67%;
  margin-top: -19px;
  background-image: url("/img/icons-50.png?v=2");
  background-repeat: no-repeat;
  background-size: cover;
}

.menu-card span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin-top: 10px;
}

.menu-card .ico-card {
  background-position: 0 0;
}

.menu-card .ico-card-renews {
  background-position: 0 -38px;
}

.menu-card .ico-card-course {
  background-position: 0 -76px;
}

.menu-card .ico-card-calc {
  background-position: 0 -152px;
}

/* idnp info */
.idnp-info {
  background-color: #1f9c9e;
  border-radius: 50%;
  font-size: 16px;
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  margin-left: 15px;
  color: #fff;
  cursor: pointer;
}

.fincom-wrap {
  width: 515px;
  height: 385px;
  background-color: #209c9c;
  border-radius: 15px;
  border: 5px solid #209c9c;
  -webkit-box-shadow: 4px 4px 5px 0px rgba(168, 153, 168, 1);
  -moz-box-shadow: 4px 4px 5px 0px rgba(168, 153, 168, 1);
  box-shadow: 4px 4px 5px 0px rgba(168, 153, 168, 1);
  margin: 0 auto;
  position: absolute;
  z-index: 100;
  top: -59px;
  left: 185px;
  font-family: RobotoCondensed-Regular;
}

.fincom-wrap::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 30px solid #209c9c;
  border-left: 100px solid transparent;
  position: relative;
  left: -99px;
  top: 95px;
  z-index: 1;
}

.fincom-wrap .fincom-redis1 {
  width: 10px;
  height: 10px;
  background-color: #0c6767;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  top: 5px;
}

.fincom-wrap .fincom-redis2 {
  width: 75px;
  height: 0;
  border-top: 2px solid #0c6767;
  position: relative;
  top: 25px;
  left: -23px;
  margin: 0 auto;
  -webkit-transform: rotate(132deg);
}

.fincom-wrap .fincom-redis3 {
  width: 65px;
  height: 0;
  border-top: 2px solid #0c6767;
  position: relative;
  top: 22px;
  left: 20px;
  margin: 0 auto;
  -webkit-transform: rotate(52deg);
}

.fincom-wrap .fincom-redis4 {
  width: 10px;
  height: 10px;
  background-color: #0c6767;
  border-radius: 50%;
  position: relative;
  left: 200px;
  top: 45px;
}

.fincom-wrap .fincom-redis5 {
  width: 10px;
  height: 10px;
  background-color: #0c6767;
  border-radius: 50%;
  position: relative;
  left: 287px;
  top: 31px;
}

.fincom-wrap h1 {
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 0;
}

.fincom-wrap .idnp-info-name {
  margin-top: 0;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0px;
  margin-bottom: 0;
}

.fincom-wrap .idnp-info-name-ru {
  margin: 0;
  color: #72e4e5;
  letter-spacing: 0px;
  text-transform: uppercase;
  text-align: center;
}

.fincom-wrap .img {
  text-align: center;
  display: inline-block;
  margin: 0;
}

.fincom-wrap .img1 {
  margin-left: 24px;
}

.fincom-wrap .img2 {
  margin-left: 8px;
}

.fincom-wrap .img {
  text-align: center;
}

.fincom-wrap .img p {
  color: #fff;
  margin-top: 5px;
}

.fincom-wrap .img1 p {
  margin-left: 25px;
}

.fincom-wrap .img2 p {
  margin-left: 5px;
}

/*.fincom-wrap .img p:last-child {right: -22px;}*/
.fincom-wrap .img span {
  color: #72e4e5;
}

.fincom-wrap .idnp-footer-name {
  margin-top: 0;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0px;
  margin-bottom: 0;
}

.fincom-wrap .idnp-footer-name-ru {
  margin: 0;
  color: #72e4e5;
  letter-spacing: 0px;
  text-transform: uppercase;
  text-align: center;
}

.hidden {
  display: none;
}

/* Info popup: don't reserve space when hidden */
.info_pop_up_buttons.hidden {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.info_pop_up_buttons.show {
  display: flex !important;
  height: auto !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

/* end */

.input-group,
.input-group-inline {
  margin-bottom: 15px;
}

.checkbox-large {
  min-width: 420px;
}

label.txt {
  display: block;
  padding-bottom: 7px;
  padding-left: 10px;
  color: #1f9aa1;
  font-size: 16px;
  font-family: RobotoCondensed-Regular;
}

#rootwizard label.txt {
  padding-left: 0px;
}

textarea.txt,
input.txt {
  background-color: #fff;
  border: 1px solid #e7e2e0;
  transition: border 0.2s linear 0s;
}

select.txt,
textarea.txt,
input.txt {
  /*color: #767676;*/
  display: block;
  font-size: 14px;
  line-height: 1.58;
  min-height: 26px;
  padding: 4px 13px;
  vertical-align: middle;
  width: 100%;
  font-family: Roboto;
}

select.txt:focus,
textarea.txt:focus,
input.txt:focus {
  border-color: #1e9ea1;
  color: #000;
}

.input-group-inline,
.input-group-btn {
  display: table;
}

.input-group-inline > *,
.input-group-btn > * {
  display: table-cell !important;
}

.input-group-inline label.txt {
  padding-bottom: 0;
  line-height: 2;
  vertical-align: middle;
  width: 100%;
}

.input-group-inline label {
  padding-left: 10px;
}

/* .input-group-inline input.txt {width: auto;} */

.input-group-btn {
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
}

.input-group-btn .btn {
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0;
}

textarea.txt:focus,
input.txt:focus {
  background-color: #fff;
  color: #000;
  border-color: #1f9c9e;
  outline: 0 none;
}

select.txt {
  background-color: #ffffff;
  border: 1px solid #c9c9c9;
  padding-bottom: 5px;
  padding-top: 5px;
  height: 32px;
}

select:disabled,
input:disabled,
textarea:disabled {
  background-color: #ccc;
}

textarea.txt.txt-error,
input.txt.txt-error,
select.txt.txt-error {
  background: #fef1ec !important;
  border: 1px solid #cd0a0a !important;
  color: #cd0a0a !important;
}

.block-primary h3 {
  color: #fff;
  text-transform: uppercase;
  font-family: RobotoCondensed-Bold;
  font-weight: normal;
  font-size: 18px;
  margin: 0 0 25px 0;
}

.block-primary {
  background-color: #1f9c9e;
  color: #fff;
  padding: 20px;
}

.block-primary textarea.txt,
.block-primary input.txt {
  background-color: #25a2a4;
  border-color: #5db5b6;
  color: #fff;
}

#start-info .block-primary input.txt {
  background-color: #f9d5b5;
  border: 1px solid #fff;
  color: #000;
}

.block-primary textarea.txt:focus,
.block-primary input.txt:focus {
  background-color: #fff;
  color: #000;
}

.block-primary label.txt {
  padding-left: 0;
  color: #fff;
}

.block-primary .btn {
  display: block;
  width: 100%;
  margin-right: 0;
  color: #329fa2;
}

.block-primary .btn:hover {
  background-color: #5db5b6;
  color: #fff;
}

#uploadCV {
  display: none;
}

#uploadBtn {
  cursor: pointer;
  float: right;
}

#uploadBtn:hover {
  opacity: 0.8;
}

.cv-label {
  float: left;
  line-height: 1.6;
}

.tabs1 .items span,
.tabs2 .items span {
  cursor: pointer;
  float: left;
  display: inline-table;
  border-width: 1px;
  border-style: solid solid none;
  border-color: #1f9c9e;
  padding: 0 30px;
  font-size: 16px;
  line-height: 3.5;
  color: #219d9f;
  margin-bottom: -1px;
  margin-left: -1px;
  font-family: OpenSans-Semibold;
}

.tabs1 .items span:first-child {
  margin-left: 0;
}

.tabs1 .items span.active {
  background-color: #eee;
  color: #000;
}

.tabs1 .tabs {
  background-color: #eee;
  padding: 30px;
  border: 1px solid #1f9c9e;
}

.tabs2 .items {
  padding-left: 38px;
}

.tabs2 .items span {
  background-color: #f3f3f3;
  border-style: solid;
}

.tabs2 .items span.active {
  background-color: #fff;
  border-bottom-color: #fff;
  color: #000;
}

.tabs2 .tabs {
  padding: 30px 0;
  border-top: 1px solid #1f9c9e;
}

.tabs2 ol {
  margin: 0;
  padding: 0 0 0 15px;
}

.tabs2 li {
  margin: 12px 0;
  padding-left: 20px;
}

#htmlTabRegulation .tab-html {
  height: 600px;
  overflow-y: auto;
}

footer input.txt {
  border: none;
  background: transparent;
  font-size: 13px;
  min-height: 36px;
  width: 210px;
  color: #000;
  padding-left: 20px;
}

footer input.txt:focus {
  box-shadow: none;
}

footer label {
  color: #000;
  font-size: 15px;
  font-family: Roboto-Medium;
  padding-right: 10px;
}

footer .input-group {
  border: 1px solid #e7e2e0;
  padding: 1px;
  border-collapse: separate;
  position: relative;
  margin: 0;
}

footer .input-group-btn {
  width: auto;
}

footer .input-group > * {
  display: table-cell !important;
}

footer .input-group .btn {
  padding: 8px 5px 9px;
  line-height: 1.3;
}

footer .btn-feedback {
  background-color: #1f9c9e;
  color: #fff;
  text-decoration: none;
}

.form-1 fieldset {
  padding: 0;
  margin: 0;
  background-color: #1f9c9e;
}

.form-1 legend {
  display: block;
  background-color: #147d7f;
  color: #fff;
  line-height: inherit;
  width: 100%;
  font-size: 16px;
  font-family: RobotoCondensed-Bold;
}

.form-1 legend i {
  display: block;
  line-height: 1.2;
  font-style: normal;
  font-family: Roboto;
  font-size: 13px;
}

.form-1 legend,
.form-1 section {
  padding: 15px;
  color: #fff;
}

.form-1 section:nth-child(2n + 1) {
  background-color: #3cafb1;
}

.form-1 .display-inline {
  color: #96eeef;
  margin-bottom: 10px;
}

.form-1 .display-inline b {
  font-family: RobotoCondensed-Bold;
  font-size: 36px;
  font-weight: normal;
  margin-right: 5px;
  line-height: 1;
}

.form-1 .display-inline span {
  width: 88%;
}

.form-1 input.txt {
  background-color: #63babb;
  border-color: #63babb;
  color: #fff;
}

.form-1 input.txt:focus {
  background-color: #fff;
  border-color: #fff;
  color: #1f9c9e;
}

.form-1 label.txt {
  padding-left: 0;
  color: #fff;
}

.form-1 .input-group {
  margin-bottom: 0;
}

.form-2 label {
  color: #4fa7a8;
}

.form-2 .input-group {
  margin-bottom: 0px;
}

.form-2 textarea.txt,
.form-2 input.txt {
  border-color: #d3d3d3;
  font-size: 16px;
  line-height: 2.8;
}

.form-2 select.txt {
  font-size: 16px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.form-2 textarea.txt:focus,
.form-2 input.txt:focus {
  background-color: #fff;
  color: #000;
  border-color: #1f9c9e;
  outline: 0 none;
}

.checkbox-inline {
  cursor: pointer;
}

input.search_input {
  border: 1px solid #006d8e;
  background: #ffffff;
  width: 140px;
  height: 15px;
}

.alert {
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.25) inset,
    0 1px 2px rgba(0, 0, 0, 0.05);
  margin: 10px 0;
  padding: 15px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

.alert-success {
  background-image: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%);
  background-repeat: repeat-x;
  border-color: #b2dba1;
  color: #3c763d;
}

.alert-error {
  background-image: linear-gradient(to bottom, #f2dede 0px, #e7c3c3 100%);
  background-repeat: repeat-x;
  border-color: #dca7a7;
  color: #a94442;
}

/* google form search */
.gcse-form *,
.gcse-form *::before,
.gcse-form *::after {
  box-sizing: content-box;
}

.gcse-form {
  display: none;
}

.gcse-btn {
  float: right;
  background: url("/img/search.png") no-repeat center;
  background-size: 100% 100%;
  width: 37px;
  height: 37px;
  display: block;
  margin-right: 10px;
}

.menu-info-min,
.logo-min,
.rates-mini-min,
.menu-calc-min,
.call-min,
.menu-min,
.menu-bottom-min {
  display: none;
}

.logo-min {
  left: 50%;
  position: absolute;
  margin-left: -60px;
}

.logo-min img {
  height: 20px;
}

.menu-info-min {
  padding: 20px 20px 10px;
}

.menu-info-min a {
  text-align: center;
  display: block;
  font-size: 14px;
  line-height: 1;
  padding: 10px;
}

.menu-info-min img {
  width: 100%;
}

.rates-mini-min,
.menu-calc-min,
.menu-min {
  padding: 10px 20px;
}

.rates-mini-min h4 {
  padding: 10px;
}

.rates-mini-min h4 a {
  float: right;
  font-size: 14px;
  font-family: OpenSans;
  margin-top: 5px;
  background: url("/img/s3.png") no-repeat right center;
  padding-right: 30px;
}

.rates-mini-min tbody tr:first-child {
  display: none;
}

.rates-mini-min tbody tr td:first-child {
  color: #1f9c9e;
}

.rates-mini-min .grid-7 {
  border-bottom: none;
  margin-bottom: 0;
}

.menu-calc-min a {
  display: block;
  text-align: center;
  font-size: 20px;
  padding: 10px;
  line-height: 1.2;
}

.call-min a {
  display: block;
  text-align: center;
  font-size: 16px;
  padding: 10px;
}

main {
  margin-top: 15px;
}

*:focus {
  outline-color: #1f9c9e;
}

.menu-bottom-min {
  padding: 20px 40px;
  background-color: #d7e7e7;
}

.menu-bottom-min h1 {
  margin-top: 0;
}

.menu-bottom-min a {
  display: block;
  text-decoration: none;
  color: #428a7c;
  line-height: 1.5;
}

.menu-bottom-min a:hover {
  text-decoration: underline;
}

#formCreditCalc {
  width: 75%;
}

#check_availability {
  /*width: 50%;*/
  /*float: left;*/
}

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}

#formOnlineCredit #btnSend,
#form_open_card_first #btnSend,
#formOpenCard #btnProcesses {
  background-color: #f37735;
  font-size: 16px;
  padding: 5px 35px;
}

#formOnlineCredit #btnSend {
  padding: 10px 35px;
}

.is_accept_block {
  color: #1f9c9e;
}

#btnRulesOnline,
#btnRules,
#btnRates,
#btnSend {
  background-color: #1f9c9e;
}

#scroll-rules {
  position: absolute;
  display: block;
  z-index: 1000;
  background-image: url("/img/nav.png");
  background-repeat: no-repeat;
  background-position: 0 -128px;
  cursor: pointer;
  width: 64px;
  height: 64px;
  top: 65%;
  left: 50%;
  margin-left: -32px;
  transform: rotate(180deg);
}

.credit-banner {
  width: 32% !important;
  float: right;
}

.credit-banner img {
  margin-left: 40px;
}

.toggle-panel {
  margin-top: 50px;
  margin-bottom: 50px;
}

.toggle {
  margin-bottom: 10px;
}

.toggle h3 {
  margin: 0px;
}

.toggle .open h3 a {
  background: #fff;
  border: 1px solid #333;
  font-weight: bold;
  font-weight: 400;
}

.toggle h3 a {
  display: block;
  position: relative;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 200;
  text-decoration: none;
  letter-spacing: 0px;
  padding: 12px 14px 12px 14px;
  background-color: #1f9c9e;
  border: 1px solid #1f9c9e;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  border-radius: 4px;
}

.toggle.open h3 a {
  background: #f37735;
  border-color: #f37735;
  color: #ffffff;
}

.toggle h3 a:before {
  content: "";
  width: 18px;
  height: 16px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 50%;
  position: absolute;
  background-image: url(/img/toggle-panel.png);
  top: 14px;
  right: 20px;
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
  -o-transition: -o-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition:
    transform 0.2s ease-in-out,
    -webkit-transform 0.2s ease-in-out,
    -o-transform 0.2s ease-in-out;
}

.toggle.open h3 a:before {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.toggle > div {
  font-size: 14px;
  color: #000000;
  line-height: 1.8;
  padding: 20px 25px;
  display: none;
  background: #f5f5f5;
  -webkit-box-shadow: 3px 14px 28px rgba(0, 0, 0, 0.15);
  box-shadow: 3px 14px 28px rgba(0, 0, 0, 0.15);
  border: 1px solid #e7e7e7;
}

/*--------------------------*/
/* 2. Do transfer button
/*--------------------------*/

#btnP2pRequest {
  background: #f37735;
  border-radius: 4px;
  font-weight: 100;
}

/* CKEditor styles */
h1.ck-pname {
  font-family: RobotoCondensed-Bold;
  font-weight: normal;
  margin-top: 0;
  font-size: 36px;
  padding-bottom: 25px;
  line-height: 1;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
  text-transform: uppercase;
}

h2.ck-category {
  font-family: OpenSans-Semibold;
}

.card-wrapper {
  padding-right: 20px;
}

.news-feedback {
  border: 2px solid #1f9c9e;
  padding: 20px 30px;
}

.news-feedback .form-title {
  display: block;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 30px;
}

@media screen and (max-width: 980px), screen and (max-device-width: 980px) {
  .trainings .col-2 {
    width: 100%;
  }

  footer .btn-feedback {
    white-space: normal;
    padding: 5px 15px;
    margin-top: 10px;
  }

  .trainings .article h2 {
    line-height: 16px;
  }

  .trainings .article h2 a {
    font-size: 18px;
  }

  #start-info .open-card h4 {
    height: auto !important;
  }

  .menu-childrens .col-33,
  #formCreditCalc,
  #formDepositCalc .col-2,
  .col-1 {
    width: 100%;
  }

  aside.isfixed {
    position: static;
    width: auto;
    top: 0;
  }

  .min-hide,
  #products-start,
  .fincompay,
  .languages .active,
  #banners_SLIDER .prevBtn,
  #banners_SLIDER .nextBtn,
  .dqteam,
  .page-path,
  .btn-job-apply,
  h1.pname.img img,
  .promo .container {
    display: none !important;
  }

  #card-exchange .col-70,
  #card-exchange .col-30 {
    width: 100%;
  }

  #card-exchange .grid-2-head td.head {
    width: 50px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
  }

  #card-exchange .grid-2 th {
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
  }

  #card-exchange .grid-2-head .display-inline b {
    font-size: 18px !important;
  }

  #card-exchange h1.pname {
    font-size: 18px;
  }

  #card-exchange h1.pname img {
    display: none;
  }

  .docs-arch ul li:first-child {
    display: none;
  }

  .holder {
    padding-bottom: 0;
  }

  header,
  .menu-top,
  .menu-info-min a,
  .rates-mini-min h4,
  .menu-calc-min a,
  footer,
  .menu-min ul {
    background-color: #1f9c9e;
    color: #fff;
  }

  .menu-top a,
  .languages a,
  .rates-mini-min h4 a,
  .copyright,
  .call-min a {
    color: #fff;
  }

  .menu-top {
    position: absolute;
    left: 0;
    right: 0;
    top: 38px;
    z-index: 1000;
    display: none;
  }

  .menu-top a {
    margin: 0;
    display: block;
    font-size: 18px;
  }

  .languages {
    border-left: 1px solid #fff;
    padding-left: 10px;
  }

  .languages a {
    padding: 5px 11px 5px 0px;
    font-size: 14px;
    font-weight: bold;
    background: url("/img/s1-fff.png") no-repeat scroll right center;
  }

  .gcse-btn {
    width: 25px;
    height: 25px;
  }

  .content-anchor {
    margin-right: 0;
  }

  .copyright {
    float: none;
    display: block;
    line-height: 1;
    margin-top: 10px;
  }

  #htmlLocations .pname .icons {
    display: block;
    margin: 10px 0;
  }

  h1.pname .checkbox-inline {
    display: block;
    float: none;
    padding: 0;
  }

  .map-loc-tooltip {
    right: 50% !important;
    margin-right: -113px;
  }

  /* .pcontent img {width: 100% !important; height: auto !important;} */
  .docs-arch td,
  .jobs td,
  .jobs tr td:first-child {
    width: 100%;
    display: block;
  }

  .jobs {
    border-spacing: 10px;
  }

  .jobs tr td:first-child {
    border: none;
    padding: 0;
  }

  .jobs tr td {
    border-bottom: 1px solid #1f9c9e;
    padding: 10px 0;
  }

  article.lst .img {
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px;
    height: auto;
  }

  article.lst .img img {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    position: relative;
  }

  #rates-mini {
    width: 100%;
    margin-top: 0;
  }

  .promo {
    min-height: 1px !important;
  }

  .promo .container {
    position: relative;
  }

  h1.pname.img {
    padding-bottom: 25px;
  }

  .grid-4 td,
  .grid-4 th {
    width: 100%;
    display: block;
  }

  .page-path-menu a {
    display: block;
    margin-bottom: 10px;
  }

  .page-path-menu a.active::after {
    display: none;
  }

  .history .block {
    padding-top: 250px;
  }

  .history .line {
    top: 430px;
  }

  .docs-arch td {
    padding-right: 160px;
  }

  #start-info .open-card,
  #start-info .calc,
  #start-info .rates {
    width: 100%;
  }

  #start-info .col-66:first-child {
    width: 100%;
    background: none;
    height: auto;
  }

  #start-info .col-66:first-child * {
    background-color: #1f9c9e;
  }

  #start-info .col-2.open-card {
    border-bottom: 7px solid #fff;
    height: 255px;
  }

  #start-info .col-2.open-card h4:first-child {
    padding-top: 0;
  }

  #start-info .buttons .col-2:last-child {
    padding: 5px;
  }

  .hidden-sm,
  hidden-xs {
    display: none;
  }

  #formOpenCard {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .feedback-wrap {
    padding: 0;
  }

  .feedback-wrap .col-2 {
    width: 100%;
  }
}

.datepicker {
  display: none;
}

@media screen and (max-width: 754px), screen and (max-device-width: 754px) {
  #formSubscribe {
    margin-bottom: 10px;
  }

  .hidden-sm,
  hidden.xs {
    display: none;
  }

  .fincom-wrap {
    left: 0;
    top: 60px;
  }

  .fincom-wrap::before {
    left: 67px;
    top: -59px;
    border-top: none;
    border-left: none;
    border-bottom: 38px solid #209c9c;
    border-right: 20px solid transparent;
  }

  .card-wrapper {
    width: 50%;
  }

  .card-wrapper:nth-child(2n + 1) {
    padding-right: 40px;
  }

  .card-wrapper:nth-child(2n) {
    padding-left: 10px;
  }

  /*border-top: 30px solid #209C9C;*/
  /*border-left: 100px solid transparent;*/
}

@media screen and (max-width: 564px), screen and (max-device-width: 564px) {
  .fincom-wrap {
    width: 321px;
    height: 517px;
  }

  .fincom-wrap .img {
    display: block;
  }

  .fincom-wrap .img1,
  .fincom-wrap .img2 {
    margin-left: 0;
  }

  .fincom-wrap .img1 {
    margin-top: 5px;
  }

  .fincom-wrap .img1 p {
    margin-left: 0;
  }

  .card-wrapper {
    width: 100%;
    text-align: center;
  }

  .card-wrapper:nth-child(2n + 1) {
    padding-right: 5px;
  }

  .card-wrapper:nth-child(2n) {
    padding-left: 5px;
  }

  #start-info .col-2.open-card {
    height: 230px;
  }

  #start-info .open-card .col-2 h4 {
    font-size: 26px;
    line-height: 40px;
  }

  #start-info .open-card .col-2 a {
    width: 150px;
  }

  .menu-card-title a span {
    display: none;
  }

  .checkbox-large {
    min-width: auto;
  }

  .checkbox-large .error {
    display: block;
  }
}

@media screen and (max-width: 376px), screen and (max-device-width: 376px) {
  .fincom-wrap {
    width: 264px;
  }

  #htmlLocations .hidden-lg .grid-1 td {
    padding: 3px 6px;
    font-size: 12px;
  }

  #start-info .col-2.open-card {
    height: 220px;
  }

  #start-info .open-card .col-2 h4 {
    font-size: 20px;
    line-height: 26px;
  }

  #start-info .open-card .col-2 a {
    width: 100px;
    font-size: 16px;
  }
}

.clr {
  clear: both;
}

.newform .tab-pane {
  position: relative;
  overflow: auto;
}

.newform .tab-pane::after {
  content: "";
  clear: both;
}

.inline-block {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 0;
  padding: 0 10px;
}

.polituyazv {
  display: none;
}

.children-bl {
  display: none;
}

.onechild {
  display: none;
}

.onechild1 {
  display: block;
}

.chastniydom-bl {
  display: none;
}

.kvartira-bl {
  display: none;
}

.zemelniyuchastok-bl {
  display: none;
}

.nedvigsobstvporuchit-bl {
  display: none;
}

.tovarvkredit-bl {
  display: none;
}

.deistvkredit-bl {
  display: none;
}

.onekredit {
  display: none;
}

.onekredit1 {
  display: block;
}

.nepogashkreditdr-bl {
  display: none;
}

.drnepogashkredit-bl {
  display: none;
}

.likelabel {
  color: #ff0000;
}

.likelabel a {
  color: #ff0000;
  text-decoration: none;
  border-bottom: 1px dashed #ff0000;
  cursor: pointer;
}

.likelabel a:hover {
  color: #ff0000;
  text-decoration: none;
  border-bottom: none;
}

.uslov-bl {
  display: none;
}

.grennital {
  color: #4fa7a8;
  font-style: italic;
}

#rootwizard label.inline-block {
  display: inline-block;
}

.labelgreen {
  color: #4fa7a8;
}

.SumRentSup {
  display: none;
}

.pager.wizard .disabled {
  display: none;
}

.input-num {
  position: absolute;
  font-size: 16px;
  color: #1f9aa1;
  margin-top: 13px;
  font-family: RobotoCondensed-Regular;
}

.deistvkredit-bl input {
  margin-left: 15px;
  width: 94%;
}

@media screen and (max-width: 754px), screen and (max-device-width: 754px) {
  #rootwizard .col-2 {
    width: 100%;
  }

  #rootwizard .col-33 {
    width: 100%;
  }

  #rootwizard .col-66 {
    width: 100%;
  }
}

.navbar {
  min-height: 0px;
}

.steps {
  position: relative;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  font-size: 0px;
}

.steps li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 33%;
  box-sizing: border-box;
  min-height: 0;
  padding: 0;
}

.steps li a {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
  border-bottom: 2px solid #bcc2b6;
}

.steps li a::before {
  position: absolute;
  display: block;
  content: "";
  left: 0px;
  top: -2px;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: #bcc2b6;
}

.steps li a[aria-expanded] {
  border-color: #ff4f00;
}

.steps li a[aria-expanded]::before {
  background-color: #ff4f00;
}

.nav-pills > li + li {
  margin-left: 0px;
  padding-left: 10px;
}

.deposit-form .btn-group .btn {
  margin-right: 0px;
  width: 60px;
}

.deposit-form .btn-group .btn + .btn,
.deposit-form .btn-group .btn + .btn-group,
.deposit-form .btn-group .btn-group + .btn,
.deposit-form .btn-group .btn-group + .btn-group {
  margin-left: 0px;
}

.deposit-form .btn:active,
.deposit-form .btn.active {
  background-color: #29cbce;
}

.deposit-form .border-bottom {
  opacity: 1;
  padding: 15px 15px 5px;
  border-bottom: 1px dashed #29cbce;
}

.hide-fade.ng-hide-add,
.hide-fade.ng-hide-remove {
  -webkit-transition: all linear 1s;
  -moz-transition: all linear 1s;
  -o-transition: all linear 1s;
  transition: all linear 1s;
  display: block !important;
}

.hide-fade.ng-hide-add.ng-hide-add-active,
.hide-fade.ng-hide-remove {
  opacity: 0;
}

.hide-fade.ng-hide-add,
.hide-fade.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}

.custom-slider.rzslider {
  margin: 5px 0 15px 0;
}

.custom-slider.rzslider .rz-bar {
  background: #cbe9ea;
  height: 2px;
}

.custom-slider.rzslider .rz-selection {
  background: #219d9f;
}

.custom-slider.rzslider .rz-pointer {
  width: 12px;
  height: 20px;
  top: auto; /* to remove the default positioning */
  bottom: -5px;
  background-color: #219d9f;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.custom-slider.rzslider .rz-pointer:after {
  display: none;
}

.custom-slider.rzslider .rz-bubble {
  bottom: 14px;
}

.custom-slider.rzslider .rz-model-value {
  display: none;
}

.custom-slider.rzslider .rz-limit {
  font-weight: bold;
  color: #219d9f;
}

.custom-slider.rzslider .rz-tick {
  width: 1px;
  height: 10px;
  margin-left: 4px;
  border-radius: 0;
  background: #29cbce;
  top: -1px;
}

.custom-slider.rzslider .rz-tick.rz-selected {
  background: #219d9f;
}

/*  ng-hide Animation  */
.hide-fade.ng-hide-add,
.hide-fade.ng-hide-remove {
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
  display: block !important;
}

.hide-fade.ng-hide-add.ng-hide-add-active,
.hide-fade.ng-hide-remove {
  opacity: 0;
}

.hide-fade.ng-hide-add,
.hide-fade.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}

/******** карты платинум *******/
.section1 {
  height: 300px;
  margin: 15px 0 25px 0;
  background-image: url("../files/cards/platinum/glavnj-1280h490-px.png");
  position: relative;
}

.section1 > div {
  position: absolute;
  height: 220px;
  width: 350px;
  left: 20px;
  top: 35px;
  background-color: #fff;
  padding: 15px 15px 15px 15px;
  -webkit-box-shadow: 0px 0px 38px -3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 38px -3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 38px -3px rgba(0, 0, 0, 0.75);
  border-radius: 3px;
}

.section1 > div > h3 {
  margin: 0 0 0 0;
}

.sect .section1Text {
  margin: 10px 0px 0px 0px;
}

.section1Text > ul {
  padding-left: 10px;
  list-style-image: url("../img/uListImg.png");
}

.section1Text > ul > li {
  margin: 0 0 0 0;
  font-size: 12px;
  color: black;
}

.section2 img {
  max-width: 100%;
  max-height: 100%;
  margin: 0px auto 0px auto;
}

.section2 > div {
  padding: 15px 15px 15px 0px;
  max-width: 100%;
}

.section2 > div > ul > li {
  max-width: 100%;
}

.s2headerText {
  overflow: hidden;
  height: 50px;
  margin-bottom: 0;
}

.btnMore {
  display: inline-block;
  background-color: #008a7b;
  color: #fff;
  padding: 1px 25px 1px 25px;
  /*position: absolute;*/
  margin-right: 15px;
  right: 0;
  bottom: 0;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
}

.s2headerDesc {
  height: 90px;
  overflow: hidden;
}

.btnMore:hover {
  text-decoration: none !important;
  color: #fff;
}

.sec4Col1 {
  padding-top: 15px;
  text-align: right;
  padding-left: 100px;
}

.sec4Col2 {
  padding-right: 100px;
}

.section4 {
  margin: 60px 0 30px 0;
}

.section5 {
  min-height: 255px;
  margin: 85px 0 25px 0;
  background-color: #c6d3e3;
  position: relative;
  height: auto;
}

.OpenOnlineDiv {
  position: absolute;
  text-align: center;
  height: 120px;
  width: 300px;
  right: 35px;
  top: -10px;
  background-color: #fff;
  padding: 15px 15px 15px 15px;
  -webkit-box-shadow: 0px 0px 38px -3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 38px -3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 38px -3px rgba(0, 0, 0, 0.75);
}

.OpenOnlineDiv h4 {
  text-align: center;
}

.btnOpenOnline {
  display: inline-block;
  background-color: #008a7b;
  color: #fff;
  padding: 4px 25px 4px 25px;
  margin: 25px auto 15px;
  text-decoration: none;
  cursor: pointer;
  border-radius: 2px;
}

.btnOpenOnline:hover {
  text-decoration: none !important;
  color: #fff;
}

.infoDiv {
  min-height: 500px;
  height: auto;
  background-color: #ebf2fa;
  top: -50px;
  margin: 0 20px 0 20px;
  position: relative;
  min-width: auto;
  padding: 20px 20px 20px 20px;
}

.sec1Inf {
  background-color: rgba(201, 76, 76, 0) !important;
  box-shadow: none !important;
  color: #fff;
  min-width: 75%;
  max-height: inherit;
}

.sec1Inf > h3 {
  color: #fff;
  margin-bottom: 10px !important;
}

.plConteiner {
  padding: 0 45px 0 45px;
}

.myCol {
  max-height: 380px !important;
}

.myCol2 {
  margin: 0;
  cursor: pointer;
  color: #000;
  padding-right: 30px;
}

.myCol2 span {
  position: absolute;
  top: 10px;
}

.section5Info {
  padding: 10px 0 20px 40px;
}

.section5Info h3 {
  margin-left: 20px;
  color: #00857d;
}

.section5Info li {
  padding-left: 10px;
  margin-top: 25px;
  list-style-image: url("../img/uListImg.png");
  color: #000;
  font-size: 10pt;
  line-height: 1.2;
  width: 75%;
}

.section5Info li:first-child {
  width: 45%;
}

.section5Info ul {
  padding-left: 10px;
  list-style-image: url("../img/uListImg.png");
}

@media screen and (max-width: 1224px), screen and (max-device-width: 1224px) {
  .myCol {
    width: 50% !important;
  }

  .myCol2 {
    width: 100% !important;
    text-align: left;
  }
}

@media screen and (max-width: 425px), screen and (max-device-width: 425px) {
  .section5Info {
    padding-top: 140px;
  }

  .section5Info li:first-child {
    width: 75%;
  }

  .myCol {
    width: 100% !important;
  }

  .myCol > img {
    padding: 0 20px 0 20px;
    left: 50%;
    right: 50%;
  }

  .section1 > div {
    left: 0;
    max-width: 88%;
    margin: 12px 20px 12px 20px;
    height: auto;
  }

  .OpenOnlineDiv {
    left: 0;
    width: 88%;
    margin: 12px 20px 12px 20px;
    top: -20px;
  }
}

.section1 {
  height: 300px;
  margin: 15px 0 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.section1 > div {
  position: absolute;
  width: 350px;
  height: 120px;
  text-align: center;
  left: 20px;
  top: 35px;
  background-color: #fff;
  padding: 20px 20px 20px 20px;
  -webkit-box-shadow: 0px 0px 38px -3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 38px -3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 38px -3px rgba(0, 0, 0, 0.75);
  border-radius: 3px;
}

.section1 > div > h3 {
  margin: 0 0 5px 0;
}

.aerConteinerOverDiv {
  position: absolute;
  width: 400px;
  right: 35px;
  bottom: -50px;
  background-color: #1f9c9e;
  color: #fff;
  border-radius: 3px;
  padding: 20px 35px 20px 35px;
  -webkit-box-shadow: 0px 0px 38px -3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 38px -3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 38px -3px rgba(0, 0, 0, 0.75);
}

.aerConteiner {
  margin: 0 45px 30px 45px;
  padding: 20px 20px 20px 30px;
  background-color: #eaf2f8;
  min-height: 400px;
  position: relative;
  border-radius: 3px;
  color: #000;
  font-size: 12px;
}

.aerConteiner ol {
  padding-left: 15px;
}

.aerConteiner ul {
  padding-left: 0px;
  list-style-type: none;
}

@media screen and (max-width: 1224px), screen and (max-device-width: 1224px) {
  .aerConteiner {
    min-height: 500px;
  }
}

@media screen and (max-width: 1200px), screen and (max-device-width: 1200px) {
  .aerConteinerOverDiv {
    bottom: -200px !important;
  }
}

@media screen and (max-width: 1200px), screen and (max-device-width: 1200px) {
  .aerConteiner {
    margin: 0 45px 220px 45px !important;
  }
}

@media screen and (max-width: 425px), screen and (max-device-width: 425px) {
  .section1 > div {
    left: 0;
    width: auto;
    margin: 12px 20px 12px 20px;
    height: auto;
  }

  .aerConteiner {
    margin: 0 45px 300px 45px !important;
    min-height: 750px;
    height: auto;
  }

  .aerConteinerOverDiv {
    left: 0;
    width: 87%;
    height: auto;
    margin: 12px 20px 12px 20px;
    bottom: -280px !important;
  }
}

@media screen and (max-width: 375px), screen and (max-device-width: 375px) {
  .aerConteiner {
    min-height: 850px;
  }
}

@media screen and (max-width: 320px), screen and (max-device-width: 320px) {
  .aerConteiner {
    min-height: 1020px;
  }
}

/**** Иконки на главной странице *****/
#start-info .col-66 .col-2.open-cart {
  padding-top: 100px;
  width: 100%;
}

#start-info .open-card span {
  text-align: center;
}

#start-info .open-card.col-2 {
  width: 100%;
}

#start-info .open-card.col-2 .col-2 {
  width: 33%;
}

@media screen and (max-width: 690px), screen and (max-device-width: 690px) {
  #start-info .open-card.col-2 .col-2 {
    width: 100%;
  }

  #start-info .col-2.open-card {
    height: auto;
    padding-bottom: 40px;
  }

  #start-info .col-66:first-child {
    padding: 0;
  }

  #check_availability {
    width: 100%;
    float: none;
  }

  .credit-banner {
    width: 100% !important;
    margin: 20px 0;
  }

  .credit-banner img {
    margin: 0;
    max-width: 100%;
  }
}

/**************** preloader *****************/
#floatingBarsG {
  position: relative;
  width: 60px;
  height: 75px;
  margin: auto;
}

.blockG {
  position: absolute;
  background-color: rgb(255, 255, 255);
  width: 10px;
  height: 23px;
  border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  transform: scale(0.4);
  -o-transform: scale(0.4);
  -ms-transform: scale(0.4);
  -webkit-transform: scale(0.4);
  -moz-transform: scale(0.4);
  animation-name: fadeG;
  -o-animation-name: fadeG;
  -ms-animation-name: fadeG;
  -webkit-animation-name: fadeG;
  -moz-animation-name: fadeG;
  animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
}

#rotateG_01 {
  left: 0;
  top: 27px;
  animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}

#rotateG_02 {
  left: 8px;
  top: 10px;
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}

#rotateG_03 {
  left: 25px;
  top: 3px;
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
}

#rotateG_04 {
  right: 8px;
  top: 10px;
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}

#rotateG_05 {
  right: 0;
  top: 27px;
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s;
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}

#rotateG_06 {
  right: 8px;
  bottom: 7px;
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
}

#rotateG_07 {
  bottom: 0;
  left: 25px;
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s;
  transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}

#rotateG_08 {
  left: 8px;
  bottom: 7px;
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
}

@keyframes fadeG {
  0% {
    background-color: rgb(79, 167, 168);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@-o-keyframes fadeG {
  0% {
    background-color: rgb(79, 167, 168);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@-ms-keyframes fadeG {
  0% {
    background-color: rgb(79, 167, 168);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@-webkit-keyframes fadeG {
  0% {
    background-color: rgb(79, 167, 168);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

@-moz-keyframes fadeG {
  0% {
    background-color: rgb(79, 167, 168);
  }

  100% {
    background-color: rgb(255, 255, 255);
  }
}

/**** Мои стили ****/
#online-credit-form input.error,
#online-credit-form select.error,
#formOpenChildCard select.error,
#formOpenChildCard input.error,
#form_open_card_first input.error,
#htmlOpenCard select.error,
#htmlOpenCard input.error {
  border-color: #dc4b3e;
  color: #dc4b3e;
}

.only-opti {
  display: none;
}

.opti-and-express {
  display: none;
}

#formOnlineCredit label.error,
#formOpenChildCard label.error,
#htmlOpenCard label.error {
  color: #dc4b3e;
  font-size: 12px;
}

.step4-questions li {
  margin: 0 10px;
}

.step4-questions li.next a {
  float: none;
}

.accept-amount-questions,
.accept-guarantor-questions,
.accept-simple-questions,
.accept-simple-guarantor-questions,
.guarantor-fields,
.TransferOurBankBl {
  display: none;
}

.accept_rules {
  color: #1f9c9e;
}

.accept_rules .rules-link,
.accept_rules .rules-link-file {
  text-decoration: none;
  border-bottom: 1px dashed #209ba2;
}

.rules-full-text {
  display: none;
  margin-bottom: 10px;
}

.credit-calc-link {
  line-height: 40px;
  background-color: #1f9c9e;
  color: #fff;
  border-radius: 11px;
  vertical-align: bottom;
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  padding: 1px 10px;
}

.credit-calc-link:hover {
  color: #c9cccf;
}

.disabled-select {
  pointer-events: none;
}

.no-padding-left {
  padding-left: 0 !important;
}

.p2p-response-details a {
  color: #1f9c9e;
  text-decoration: underline;
}

.no-padding {
  padding: 0 !important;
}

#p2p-details-block {
  display: none;
  margin-top: 15px;
}

#start-info .open-card {
  padding: 0;
}

#start-info .open-card .col2 {
  padding: 0 !important;
}

#start-info .open-card h4 {
  font-size: 32px;
  padding: 70px 0 0;
  line-height: 50px;
  height: 170px;
}

#start-info .open-card a {
  opacity: 1;
  padding: 10px;
  width: 170px;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.6);
}

#start-info .open-card a:hover {
  background-color: rgba(33, 157, 159, 0.8);
  border: 1px solid #1f9c9e;
}

.datepicker {
  border-radius: 0 !important;
}

.page-path-menu .menu-card a {
  margin-top: 2px;
  width: 210px;
  text-transform: none;
}

.page-path-menu .menu-card-ro a {
  width: 260px;
}

.menu-card-title {
  margin-top: -116px;
}

.menu-card-title a {
  width: auto;
  min-height: 34px;
}

.input-group-header {
  font-size: 16px;
  font-weight: 600;
  color: #1f9aa1;
  margin-bottom: 20px;
}

#formOpenChildCard .open-card-rules,
#formOpenCard .open-card-rules {
  margin-top: 15px;
  padding: 0;
}

#formOpenChildCard .open-card-rules ul li,
#formOpenCard .open-card-rules ul li {
  color: #1f9aa1;
}

.one-row-wrap {
  height: 70px;
  /*margin-top: 55px;*/
}

.one-row-wrap .idnp-info-name {
  font-size: 16px;
}

.one-row-wrap::before {
  /*top: 44px;*/
}

.fincom-wrap-card {
  width: 453px;
  height: 300px;
}

.t2c-links {
  margin-top: 15px;
  color: #1f9c9e;
  font-size: 16px;
  font-weight: bold;
}

.t2c-links a {
  text-decoration: underline;
}

.t2c-links div {
  text-align: center;
}

.navbar-overlap {
  height: 15px;
  width: 100%;
  position: absolute;
  margin-top: -10px;
}

#response_block {
  display: none;
}

#formOnlineCredit .pager li > a {
  background: #ddd;
  border: 1px solid #d4d4d4;
}

#formOnlineCredit .pager li > a:hover {
  background-color: #1f9c9e;
  color: #fff;
  border: 1px solid #1f9c9e;
}

#formOnlineCredit .pager li.finish > a {
  background: #1f9c9e;
  color: #fff;
  border: none;
  padding: 10px 25px;
  border-radius: 4px;
}

#formOnlineCredit .pager li.finish a:hover {
  background: #4fa7a8;
}

#formOnlineCredit .pager li.finish a.not-active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  background: #ccc;
}

#formOnlineCredit .pager li.next > a {
  padding: 10px 35px;
  background: #f37735;
  font-size: 16px;
  color: #fff;
  border: none;
  font-family: Roboto-Medium;
  border-radius: 4px;
}

#formOnlineCredit .pager li.next > a:hover {
  /*border: 1px solid #ff4f00;*/
}

.idnp-info-idnp {
  width: auto;
  border-radius: 10px;
  font-size: 12px;
  padding: 2px 7px;
  margin-left: 10px;
}

.credit-final-icon {
  margin: 20px;
  text-align: center;
}

#floatingBarsG {
  display: none;
}

#btnP2pRequest {
  float: none;
  font-size: 16px;
  font-weight: bold;
}

#open_child_card {
  margin-bottom: 20px;
}

.open_child_card_label {
  color: #1f9aa1;
  margin-left: 5px;
}

.open_child_card_form {
  display: none;
}

.SupSocialStatusM {
  display: none;
}

.input-annotation {
  font-size: 12px;
  margin-top: 5px;
  line-height: 14px;
  color: #1f9aa1;
}

.checkbox-annotation {
  display: none;
  margin-left: 10px;
}

.deposite-types {
}

.deposite-types__block {
  margin-bottom: 30px;
  display: flex;
}

.deposite-types__block__img {
  border-left: 8px solid #229c9d;
  margin-right: 30px;
  width: 35%;
  overflow: hidden;
}

.deposite-types__block__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.deposite-types__block__info {
  width: 75%;
}

.deposite-types__block__info__title {
  font-family: "RobotoCondensed-Bold";
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 16px;
  text-transform: uppercase;
}

.deposite-types__block__info__text {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.deposite-types__block__info__ic {
  height: 37px;
  width: 40px;
  margin-right: 25px;
}

.deposite-types__block__info__text__ic img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.deposite-types__block__info__text p {
  font-family: "Roboto-Regular";
  color: black;
  font-size: 14px;
}

.deposite-types__block__info__text p span {
  /*color: #767676;*/
  display: block;
}

.deposite-types__block__info__span {
  /*color: #767676;*/
  font-size: 14px;
  font-family: "Roboto-Regular";
  margin-bottom: 15px;
}

.deposite-types__block__info__table {
  width: 100%;
  margin-bottom: 20px;
}

.deposite-types__block__info__table table {
  width: 100%;
}

.deposite-types__block__info__table table thead td {
  border: 1px solid white;
  background: #ececec;
  text-align: center;
  text-transform: uppercase;
  padding: 5px 0;
}

.deposite-types__block__info__table table tr td {
  border-bottom: 1px solid #dddddd;
  text-align: center;
  padding: 5px 0px;
  width: 25%;
}

.deposite-types__block__info__table table tr td:first-child {
  text-align: left;
  padding: 5px 15px;
}

.deposite-types__block__info__butt {
  text-align: right;
}

@media screen and (max-width: 850px) {
  .deposite-types__block {
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
  }

  .deposite-types__block__img {
    width: 100%;
    max-width: 250px;
    margin-bottom: 25px;
    margin-right: 0;
  }

  .deposite-types__block__info {
    width: 100%;
  }

  .deposite-types__block__info__title {
    text-align: center;
  }

  .deposite-types__block__info__ic {
    margin-right: 10px;
  }
}

/* phone field
===========================================*/
.input-group fieldset {
  position: relative;
  padding: 0;
  margin: 0;
  border: none;
}

.input-group fieldset span {
  position: absolute;
  left: 1px;
  top: 1px;
  height: 30px;
  display: block;
  line-height: 32px;
  width: 55px;
  padding: 0 5px;
  background-color: #e3e3e3;
  text-align: center;
  font-size: 14px;
}

.input-group fieldset input {
  padding-left: 60px !important;
}

.block-form-info {
  position: absolute;
  left: 50%;
  margin: 15px 0 0 -125px;
  top: 100%;
  width: 250px;
  padding: 15px;
  box-shadow: 2px 0 15px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  font-size: 12px;
  z-index: 99;
  background-color: #fff;
  display: none;
}

.block-form-info::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -7.5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 10px 7.5px 0;
  border-color: transparent #fff transparent transparent;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

@media (min-width: 768px) {
  .block-form-info {
    position: absolute;
    left: 100%;
    margin: 0 0 0 15px;
    top: -5px;
    width: 300px;
  }

  .block-form-info::before {
    transform: none;
    top: 10px;
    left: -10px;
    margin: 0;
  }

  .label-align label.txt {
    height: auto;
  }
}

@media (min-width: 767px) and (max-width: 1024px) {
  .label-align label.txt {
    height: 76px;
  }

  .idnp-info-idnp {
    margin-left: 5px;
    font-size: 10px;
    padding: 2px 5px;
  }

  #rootwizard label.txt {
    font-size: 14px;
  }
}

@media (min-width: 1024px) {
  .label-align label.txt {
    height: 52px;
  }
}

.block-form-info h6 {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 15px;
  color: #222;
}

.attention {
  position: relative;
  padding: 0 0 0 30px;
  color: #e70000;
  font-size: 13px;
}

.attention + .attention {
  margin-top: 15px;
}

.attention::before,
.attention::after {
  content: "";
  position: absolute;
}

.attention::before {
  content: "!";
  font-size: 13px;
  font-weight: bold;
  left: 7.5px;
  top: 1px;
}

.attention::after {
  border: 2px solid;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  left: 0;
  top: 0;
}

#formOnlieDeposit .rates-result {
  display: none;
}

.fincom-wrap {
  left: 0;
  top: 60px;
}

.fincom-wrap::before {
  left: 67px;
  top: -59px;
  border-top: none;
  border-left: none;
  border-bottom: 38px solid #209c9c;
  border-right: 20px solid transparent;
}

.card-steps {
  height: 140px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 25px;
  margin-bottom: 25px;
}

.card-steps li {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.card-steps li p {
  width: 100%;
  color: black;
  text-align: center;
}

#form_open_card_first {
  float: left;
  box-sizing: border-box;
}

.credit-banner {
  padding-left: 25px;
}

.card-steps img {
  max-width: 85px;
  height: 125px;
}

.child-card-banner {
  float: right;
  width: auto;
}

.child-card-banner img {
  margin: auto;
}

.open-card-notify {
  display: block;
  margin-bottom: 20px;
}

.open-card-notify p {
  margin: 5px;
  font-size: 15px;
}

.icons-banner {
  margin: 0;
  background: #e8e8e8;
  padding: 30px 70px;
  text-align: center;
  border-bottom: 15px solid #027071;
  color: #027071;
  font-size: 16px;
}

.icons-banner h4 {
  color: #027071;
  font-size: 22px;
  margin-top: 10px;
  font-weight: 400;
  font-family: Roboto, OpenSans, Arial, Helvetica, sans-serif;
}

.icons-banner .col-33 img {
  height: 130px !important;
  width: auto !important;
}

.icons-banner .icons-block {
  max-width: 80%;
  margin: auto;
}

.dae-info {
  font-size: 13px;
  width: 100%;
  display: block;
}

#pageFeedbackForm label.txt {
  margin-top: 10px;
  padding: 0;
}

/* search form
======================================*/
.search-form {
  display: none;
  padding: 20px 0;
}

.search-form input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  display: block;
  height: 42px;
}

.search-form .btn-search {
  width: 100%;
  border: none;
  background-image: url(../img/search.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 50%;
  text-indent: -999999px;
  min-height: 1px;
}

.search-form input:focus {
  border-color: #1f9c9e;
  box-shadow:
    inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(31, 156, 158, 0.6);
}

/* search results
======================================*/
.search-results_info {
  margin: 20px 0 30px;
}

.search-result {
  margin-bottom: 40px;
}

.search-result_title {
  font-size: 1.2em;
  text-transform: uppercase;
  font-family: Roboto-Medium;
}

.search-result_intro {
  margin-top: 10px;
}

.search-result_crumbs {
  margin-top: 5px;
  font-size: 13px;
  color: #999;
}

.search-result_crumbs a {
  display: inline-block;
  vertical-align: top;
}

.search-result_crumbs a::after {
  content: "/";
  padding: 0 5px;
}

/*
===============================*/
#modal-job {
}

body.modal-open {
  padding-right: 17px !important;
}

.modal {
  background: rgba(0, 0, 0, 0.5);
}

#modal-job .modal-dialog {
  background-color: #fff;
  position: relative;
  margin: 200px auto 50px;
  padding: 70px 45px;
  z-index: 2;
  width: 100%;
  font-size: 14px;
  max-width: 900px;
}

.close-modal {
  position: absolute;
  right: 15px;
  top: 5px;
  padding: 0;
  font-size: 36px;
  color: #008080;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.close-modal:hover {
  opacity: 0.8;
}

.accept_rules_job a {
  color: #fff;
}

.search_on_page .btn-search {
  padding: 4px 15px;
  line-height: 2;
}

@media screen and (max-width: 690px) {
  #pageFeedbackForm .submit-form-div {
    text-align: left;
    line-height: initial;
    float: none;
  }

  #form_open_card_first {
    width: 100% !important;
  }

  #formOpenChildCard {
    width: 100% !important;
  }

  .child-card-banner {
    float: none;
    width: 100%;
    margin-top: 30px;
  }

  .child-card-banner img {
    padding-top: 20px;
  }

  .card-steps {
    align-items: initial;
  }

  .pname .sub-pname {
    font-size: 18px;
    display: block;
    margin-top: 5px;
  }

  .open-card-pname {
    font-size: 32px !important;
    padding-bottom: 5px !important;
  }

  .menu-card {
    float: none;
    margin-top: 5px;
    margin-bottom: 90px;
  }

  .menu-card i {
    position: initial;
    margin: 0 auto;
  }

  .menu-card a {
    padding: 5px 0;
    margin: 0;
    width: 100%;
    text-align: center;
  }

  .menu-card a span {
    margin-top: 5px;
  }

  .icons-banner .col-33 {
    float: none;
    width: 100%;
    margin: 30px 0;
  }

  ul.grid-3 li {
    width: 100%;
  }
}

.news-start h1::after {
  content: "";
  clear: both;
  display: block;
}

.news-first .col-1 {
  width: 25%;
}

.container .menu-left {
  max-height: 500px;
  overflow-y: auto;
}

.covid-19-link a {
  margin-left: 0 !important;
  font-size: 16px !important;
}

#print_calc_results {
  position: absolute;
  right: 0;
  margin-top: -50px;
}
#print_calc_results img {
  width: 50px;
}

#print_calc_doc {
  position: absolute;
  right: 65px;
  margin-top: -50px;
}
#print_calc_doc img {
  width: 50px;
}

.deposit-type-link {
  float: right;
  font-size: 16px;
  color: #f37735 !important;
  text-decoration: underline !important;
}

.deposit-type-link:hover {
  color: #008981 !important;
}

.news-banner {
  margin-bottom: 15px;
  margin-top: -35px;
}

.credit_information_block {
  text-align: center;
  border: 3px solid #ccc;
  padding: 10px 20px;
  width: fit-content;
  margin: 0 auto 23px;
}

/* .credit_information_block a {
} */

.input-group.left-label {
  text-align: right;
}

.input-group.left-label label {
  text-align: right;
  line-height: 35px;
  padding-bottom: 0;
}

.exist-credit-block,
.new-exist-credit-block {
  border: 1px solid #ccc;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 10px;
  min-height: 152px;
}

.new-exist-credit-block {
  font-size: 16px;
  text-align: center;
  line-height: 152px;
}

.new-exist-credit-block a {
  font-size: 16px;
}

.deistvkredit-bl input {
  margin: 0;
  width: 100%;
}

/***** banner ****/
.header-banner-desktop {
  width: 100%;
}

.header-banner-mobile {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: none;
}

@media only screen and (max-width: 576px) {
  .header-banner-desktop {
    display: none;
  }

  .header-banner-mobile {
    display: block;
  }

  .container aside .menu-left {
    display: none;
  }
}

#phone-confirm .modal {
  background: none;
}

#phone-confirm label.txt {
  padding-left: 0;
}

#phone-confirm .modal-dialog {
  background: none;
  margin-top: 20%;
}

#phone-confirm label.error {
  color: #dc4b3e;
  font-size: 12px;
}

#confirmСodBtn {
  background-color: #f37735;
}

article a {
  color: #0d9496;
}

.sb-chat-btn {
  background-color: #1f9c9e !important;
}

.sb-chat .sb-scroll-area .sb-header {
  background-color: #1f9c9e !important;
}

.sb-editor .sb-submit {
  color: #1f9c9e !important;
}

.sb-editor .sb-bar-icons > div:hover:before {
  color: #1f9c9e !important;
}

.sb-list > div.sb-right {
  /*background-color: #1f9c9e !important;*/
}

.loungeKeyVideoFrame {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
  gap: 20px;
}

.loungeKeyVideoFrame iframe {
  width: 100% !important;
  height: auto;
  min-height: 500px;
}

.loungeKeyVideoFrame a {
  font-size: 22px;
}

.conciergeIconsList {
  width: 100%;
}

.conciergeIconsList .icons {
  display: flex;
  list-style: none;
  padding: 0;
  justify-content: space-around;
}
@media screen and (max-width: 1000px) {
  .conciergeIconsList .icons {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px 15px;
  }
}
.conciergeIconsList .icons .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 210px;
  text-align: center;
  width: 100%;
}

.conciergeIconsList .icons .icon .image {
  width: 105px;
  height: 105px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 5px;
}

.conciergeIconsList .icons .icon p {
  width: 100%;
  margin: 0;
}
.conciergeIconsList .icons .icon .sub-title {
  color: rgb(31, 156, 158);
  font-size: 16px;
}

.fgdsb__link {
  margin-top: 25px;
  text-align: center;
  width: 100%;
}
.fgdsb__link a {
  font-size: 20px !important;
}

@media screen and (max-width: 430px) {
  .fgdsb__link a {
    font-size: 14px !important;
  }
  .fgdsb__link {
    margin-bottom: 25px;
    text-align: center;
    width: 100%;
  }
}

.other-offers-section {
  overflow: hidden;
}

.other-offers-section .other-offers-section-wrapper {
  max-width: 1200px;
  padding: 0 30px;
  margin: 0 auto;
}

.other-offers-section
  .other-offers-section-wrapper
  .other-offers-section-title {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-family: inherit;
  margin-top: 0;
}
.other-offers-section .other-offers-section-wrapper .grid-other {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1200px;
  margin: auto;
}

.other-offers-section
  .other-offers-section-wrapper
  .grid-other
  .grid-other-product
  a
  .grid-other-product-title {
  font-size: 16px;
  text-align: left;
}

.other-offers-section
  .other-offers-section-wrapper
  .grid-other
  .grid-other-product
  a
  img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
  display: block;
}

#htmlCreditCalcResult {
  position: relative;
}

/** Leasing calc styles ****/
#leasing-calc-app {
  margin-bottom: 20px;
}
#leasing-calc-app .col-lg-12 {
  flex: 0 0 auto;
  width: 100%;
}
#leasing-calc-app .custom-form .form-check-group {
  float: left;
}
#leasing-calc-app .custom-form .form-control,
.input-group-file {
  background-color: var(--section-bg-color);
  box-shadow: none;
  border: 0;
  color: var(--p-color);
  margin-bottom: 0;
  padding-top: 13px;
  padding-bottom: 13px;
  outline: none;
  border-radius: 6px;
  height: 45px;
  font-size: 15px;
}
#leasing-calc-app .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1…d' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  /*-webkit-appearance: none;*/
  /*-moz-appearance: none;*/
  /*appearance: none;*/
  background-color: var(--bs-body-bg);
  background-image:
    var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
#leasing-calc-app select {
  word-wrap: normal;
}
#leasing-calc-app button[type="submit"] {
  background: var(--custom-btn-bg-color) !important;
  border: none;
  border-radius: 100px !important;
  color: var(--white-color) !important;
  font-size: var(--p-font-size) !important;
  font-weight: var(--font-weight-semibold) !important;
  transition: all 0.3s;
  margin-bottom: 0;
}

#leasing-calc-app button[type="submit"]:disabled {
  opacity: 0.5;
}
#leasing-calc-app button[type="submit"]:hover,
#leasing-calc-app button[type="submit"]:focus {
  background: var(--custom-btn-bg-hover-color) !important;
  border-color: transparent;
}

#leasing-calc-app .col-lg-12 {
  flex: 0 0 auto;
  width: 100% !important;
}
#leasing-calc-app .col-lg-9 {
  flex: 0 0 auto;
  width: 75% !important;
}
#leasing-calc-app .col-lg-3 {
  flex: 0 0 auto;
  width: 25% !important;
}

#leasing-calc-app .invalid {
  border: 1px solid #ef5555 !important;
}
#leasing-calc-app .invalid-feedback span {
  color: #ef5555;
}

#leasing-calc-app .mb-1 {
  margin-bottom: 0.25rem !important;
}
#leasing-calc-app .mt-3 {
  margin-top: 1rem !important;
}
#leasing-calc-app .text-end {
  text-align: right !important;
}

#leasing-calc-app .col-xs-1,
#leasing-calc-app .col-sm-1,
#leasing-calc-app .col-md-1,
#leasing-calc-app .col-lg-1,
#leasing-calc-app .col-xs-2,
#leasing-calc-app .col-sm-2,
#leasing-calc-app .col-md-2,
#leasing-calc-app .col-lg-2,
#leasing-calc-app .col-xs-3,
#leasing-calc-app .col-sm-3,
#leasing-calc-app .col-md-3,
#leasing-calc-app .col-lg-3,
#leasing-calc-app .col-xs-4,
#leasing-calc-app .col-sm-4,
#leasing-calc-app .col-md-4,
#leasing-calc-app .col-lg-4,
#leasing-calc-app .col-xs-5,
#leasing-calc-app .col-sm-5,
.col-md-5,
#leasing-calc-app .col-lg-5,
#leasing-calc-app .col-xs-6,
#leasing-calc-app .col-sm-6,
#leasing-calc-app .col-md-6,
#leasing-calc-app .col-lg-6,
#leasing-calc-app .col-xs-7,
#leasing-calc-app .col-sm-7,
#leasing-calc-app .col-md-7,
#leasing-calc-app .col-lg-7,
#leasing-calc-app .col-xs-8,
#leasing-calc-app .col-sm-8,
#leasing-calc-app .col-md-8,
#leasing-calc-app .col-lg-8,
#leasing-calc-app .col-xs-9,
#leasing-calc-app .col-sm-9,
#leasing-calc-app .col-md-9,
#leasing-calc-app .col-lg-9,
#leasing-calc-app .col-xs-10,
#leasing-calc-app .col-sm-10,
#leasing-calc-app .col-md-10,
#leasing-calc-app .col-lg-10,
#leasing-calc-app .col-xs-11,
#leasing-calc-app .col-sm-11,
#leasing-calc-app .col-md-11,
#leasing-calc-app .col-lg-11,
#leasing-calc-app .col-xs-12,
#leasing-calc-app .col-sm-12,
#leasing-calc-app .col-md-12,
#leasing-calc-app .col-lg-12 {
  position: initial;
  min-height: auto;
  padding: 0 10px !important;
}

#leasing-calc-app .row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}