html {
 box-sizing: border-box;
}
body,
html {
 height: 100%;
}
body {
 background-color: #fff;
 color: #203b4f;
 font-family: Open Sans, sans-serif;
 font-size: 16px;
 font-weight: 400;
 line-height: 1.4;
 margin: 0;
}
body.menu-open {
 overflow: hidden;
 touch-action: none;
}
[disabled] {
 cursor: not-allowed;
}
*,
:after,
:before {
 box-sizing: inherit;
}
* {
 -webkit-tap-highlight-color: transparent;
 min-height: 0;
 min-width: 0;
}
img {
 display: inline-block;
 height: auto;
 max-width: 100%;
 min-height: auto;
 min-width: auto;
 vertical-align: middle;
}
[tabindex]:focus {
 outline: 0;
}
section {
 padding: 48px 0;
}
p {
 color: #203b4f;
 font-size: 16px;
 line-height: 1.25;
 margin: 0 0 10px;
}
main {
 flex: 1 0 auto;
}
h1,
h2,
h3 {
 margin: 0;
}
.h2 {
 font-size: 22px;
 font-weight: 700;
 letter-spacing: 0;
 line-height: 26px;
}
@media (min-width: 1024px) {
 .h2 {
  font-size: 40px;
  line-height: 48px;
 }
}
.h3 {
 font-size: 22px;
 font-weight: 700;
 letter-spacing: 0;
 line-height: 26px;
}
b,
strong {
 font-weight: 400;
}
.semi-bold {
 font-weight: 600;
}
.bold {
 font-weight: 700;
}
a {
 color: #0076ff;
 font-size: inherit;
 font-weight: 400;
 line-height: 1.4;
 transition: 0.3s;
}
a:hover {
 color: #538dff;
}
.wrapper {
 display: flex;
 flex-direction: column;
 min-height: 100vh;
 min-width: 320px;
 overflow: hidden;
 padding-top: 56px;
}
@media screen and (min-width: 768px) {
 .wrapper {
  padding-top: 72px;
 }
}
.container {
 margin: 0 auto;
 max-width: 1216px;
 padding: 0 8px;
}
@media (min-width: 1400px) {
 .container {
  padding: 0;
 }
}
[role="button"] {
 cursor: pointer;
}
@media screen and (max-width: 767px) {
 .d-lg {
  display: none !important;
 }
}
@media (min-width: 768px) {
 section {
  padding: 88px 0;
 }
 .d-sm {
  display: none !important;
 }
}
.align-center {
 align-items: center;
}
.align-right {
 align-items: flex-end;
}
.justify-center {
 justify-content: center;
}
.justify-between {
 justify-content: space-between;
}
.justify-end {
 justify-content: flex-end;
}
.justify-start {
 justify-content: flex-start;
}
.text-center {
 text-align: center;
}
.d-f {
 display: flex;
}
@media (max-width: 767px) {
 .d-f {
  flex-wrap: wrap;
 }
}
.d-flex {
 display: flex;
}
.d-f-col {
 flex-direction: column;
}
.pos-r {
 position: relative;
}
.br {
 display: block;
}
.w-100 {
 width: 100%;
}
.hidden {
 display: none !important;
}
ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
.mb-1 {
 margin: 0 0 8px;
}
.mb-4,
.mb-5 {
 margin: 0 0 24px;
}
@media (min-width: 768px) {
 .mb-5 {
  margin: 0 0 32px;
 }
 .banner {
  padding-top: 60px;
  min-height: calc(100vh - 276px);
 }
 .js_show-android .banner {
  min-height: calc(100vh - 143px);
 }
}
.mb-14 {
 margin: 0 0 4px;
}
.p-19 {
 padding: 16px;
}
.pb-1 {
 padding-bottom: 16px;
}
.bg-white {
 background-color: #fff;
}
.text-grey {
 color: #72838f;
}
.rounded-3 {
 border-radius: 8px;
}
@media (min-width: 1024px) {
 .h3 {
  font-size: 26px;
  line-height: 32px;
 }
 .pb-1 {
  padding-bottom: 40px;
 }
 .rounded-3 {
  border-radius: 16px;
 }
}
.text-uppercase {
 text-transform: uppercase;
}
.main-bg {
 background: #f1f3f6;
}
@font-face {
 font-display: swap;
 font-family: Bebas Neue Pro Expanded;
 font-style: normal;
 font-weight: 800;
 src: url(../fonts/BebasNeueProExpandedExtraBoldIt.woff2) format("woff2"),
  url(../fonts/BebasNeueProExpandedExtraBoldIt.woff) format("woff");
}
.banner {
 background: url(../images/fon.png) top/cover no-repeat,
  radial-gradient(50% 50% at 50% 50%, #0063dd 0, #0054bc 100%);
 overflow: hidden;
 padding-bottom: 20px;
 position: relative;
 z-index: 1;
}
@media (min-width: 768px) and (min-height: 794px) {
 .banner {
  align-items: center;
  display: flex;
 }
}
.banner-wrapper {
 display: flex;
 flex-direction: row-reverse;
 flex-wrap: wrap;
 justify-content: center;
 min-height: 568px;
}
@media (max-width: 767px) {
 .banner-wrapper {
  display: block;
  justify-content: flex-end;
 }
}
@media (min-width: 1024px) {
 .banner {
  background: url(../images/fon.png) top/cover no-repeat;
 }
 .banner-wrapper {
  align-items: flex-start;
  flex-direction: row;
  min-height: 657px;
  position: relative;
 }
}
@media (min-width: 1360px) {
 .banner-wrapper {
  min-height: 669px;
 }
}
@media (min-width: 1920px) {
 .banner:before {
  height: 206px;
  width: 129px;
 }
 .banner-wrapper {
  align-items: center;
 }
}
.banner-text {
 color: #fff;
 flex: 0 0 205px;
 font-family: Bebas Neue Pro Expanded, Arial, sans-serif;
 padding: 13px 0;
}
@media (min-width: 360px) {
 .banner-text {
  flex: 0 0 230px;
 }
}
@media screen and (min-width: 320px) and (orientation: landscape) {
 .banner-text {
  flex: 0 0 auto;
 }
}
@media (min-width: 768px) {
 .banner-text {
  flex: 0 0 60%;
  max-width: calc(100% - 309px);
  padding: 56px 0;
 }
}
@media (min-width: 1024px) {
 .banner-text {
  flex: 0 0 100%;
  max-width: none;
  order: 1;
  padding: 24px 0 33px;
  text-align: center;
 }
}
@media (min-width: 1360px) {
 .banner-text {
  padding: 25px 0 19px;
 }
}
@media (min-width: 1600px) {
 .banner .container {
  max-width: 1260px;
 }
 .banner-wrapper {
  min-height: 693px;
 }
 .banner-text {
  padding: 24px 0 32px;
 }
}
.banner-heading {
 font-size: 14px;
 font-weight: 400;
 margin-bottom: 10px;
}
@media (max-width: 414px) {
 .banner-heading {
  margin-bottom: 14px;
 }
}
@media (min-width: 768px) {
 .banner-heading {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  font-size: 22px;
  justify-content: flex-end;
  max-width: 322px;
  min-height: 121px;
 }
}
@media (min-width: 1024px) {
 .banner-heading {
  align-items: center;
  max-width: none;
  min-height: auto;
 }
}
.banner-heading_title {
 font-size: 18px;
 line-height: 1.2;
}
@media (min-width: 768px) {
 .banner-heading_title {
  font-size: 22px;
 }
}
.banner-heading_subtitle {
 display: block;
 font-size: 18px;
 font-weight: 700;
 line-height: 24px;
 text-transform: uppercase;
}
@media (min-width: 360px) {
 .banner-heading_subtitle {
  font-size: 22px;
 }
}
@media (min-width: 768px) {
 .banner-heading_subtitle {
  font-size: 32px;
  line-height: 1.125;
  max-width: 365px;
 }
}
@media (min-width: 1367px) {
 .banner-heading_subtitle {
  font-size: 56px;
 }
}
.banner-left {
 align-items: center;
 flex: 0 0 calc(100% - 205px);
 text-align: center;
}
@media (min-width: 360px) {
 .banner-left {
  flex: 0 0 calc(100% - 230px);
 }
}
@media (min-width: 768px) {
 .banner-left {
  flex: 0 0 40%;
 }
}
@media (min-width: 1024px) {
 .banner-heading_subtitle {
  max-width: none;
 }
 .banner-left {
  flex: 0 0 calc(100% - 640px);
  margin: 0;
  min-height: 530px;
  order: 2;
  padding: 0;
  position: relative;
  text-align: center;
 }
}
.banner-left .picture {
 display: block;
}
.banner-range {
 flex: 0 0 100%;
 z-index: 1;
}
@media (min-width: 1024px) {
 .banner-range {
  flex: 0 0 640px;
  margin-top: 0;
  padding-bottom: 8px;
  position: relative;
 }
}
@media (min-width: 1360px) {
 .banner-range {
  padding-bottom: 0;
 }
}
.service-page .mt-2 {
 margin-top: 16px;
}
.service-page .section-awards {
 padding-top: 48px;
}
.service-page .section-awards h2 {
 display: none;
}
.content-box h1,
.content-box h2 {
 margin-bottom: 16px;
}
@font-face {
 font-display: block;
 font-family: icomoon-footer;
 font-style: normal;
 font-weight: 400;
 src: url(../fonts/icomoon-footer.ttf) format("truetype");
}
[class*=" icon-"],
[class^="icon-"] {
 speak: never;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-family: icomoon-footer !important;
 font-style: normal;
 font-variant: normal;
 font-weight: 400;
 line-height: 1;
 text-transform: none;
}
.icon-close:before {
 content: "\e90f";
}
.icon-calc--long-credit:before {
 color: #01cf8f;
 content: "\e90a";
}
.icon-calc--shirt-credit:before {
 color: #01cf8f;
 content: "\e90c";
}
@font-face {
 font-display: block;
 font-family: icomoon-header;
 font-style: normal;
 font-weight: 400;
 src: url(../fonts/icomoon-header.ttf) format("truetype");
}
[class*=" icon-header-"],
[class^="icon-header-"] {
 speak: never;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-family: icomoon-header !important;
 font-style: normal;
 font-variant: normal;
 font-weight: 400;
 line-height: 1;
 text-transform: none;
}
.icon-header-chat-dropdown:before {
 color: #0076ff;
 content: "\e91c";
}
.icon-header-footer--life .path1:before {
 color: #fff;
 content: "\e902";
}
.icon-header-footer--life .path2:before {
 color: #ffcb05;
 content: "\e903";
 margin-left: -1em;
}
.icon-header-Account:before {
 color: #0076ff;
 content: "\e901";
}
.icon-header-footer--cityphone .path1:before {
 color: #fff;
 content: "\e934";
}
.icon-header-footer--cityphone .path2:before {
 color: #203b4f;
 content: "\e935";
 margin-left: -1em;
}
.icon-header-footer--kievstar .path1:before {
 color: #fff;
 content: "\e939";
}
.icon-header-footer--kievstar .path2:before {
 color: #41a6e4;
 content: "\e93a";
 margin-left: -1em;
}
.icon-header-footer--kievstar .path3:before {
 color: #41a6e4;
 content: "\e93b";
 margin-left: -1em;
}
.icon-header-footer--kievstar .path4:before {
 color: #41a6e4;
 content: "\e93c";
 margin-left: -1em;
}
.icon-header-footer--kievstar .path5:before {
 color: #41a6e4;
 content: "\e93d";
 margin-left: -1em;
}
.icon-header-footer--kievstar .path6:before {
 color: #41a6e4;
 content: "\e93e";
 margin-left: -1em;
}
.icon-header-footer--vodafone .path1:before {
 color: #fff;
 content: "\e942";
}
.icon-header-footer--vodafone .path2:before {
 color: #ec1c2e;
 content: "\e943";
 margin-left: -1em;
}
.header {
 background-color: #fff;
 box-shadow: 0 2px 4px rgba(6, 66, 135, 0.15);
 color: #203b4f;
 flex-wrap: wrap;
 font-size: 14px;
 left: 0;
 padding: 12px 0;
 position: fixed;
 right: 0;
 top: 0;
 z-index: 1002;
}
@media (min-width: 768px) {
 .banner-range {
  order: 3;
 }
 .service-page .section-awards {
  padding-top: 88px;
 }
 .header {
  padding: 16px 0;
 }
}
.header:before {
 background: #fff;
 bottom: 0;
 content: "";
 height: 4px;
 position: absolute;
 width: 100%;
 z-index: 100;
}
.header_container {
 padding: 0 8px;
 position: relative;
}
@media (min-width: 768px) {
 .header_container {
  padding: 0 40px;
 }
}
@media (min-width: 1366px) {
 .header:before {
  display: none;
 }
 .header_container {
  padding: 0;
 }
}
.header_logo {
 padding: 0.5px 0;
 position: relative;
 z-index: 101;
}
@media (min-width: 768px) {
 .header_logo {
  padding: 0;
 }
}
@media (min-width: 1360px) {
 .header_logo {
  flex: 0 0 auto;
 }
}
.header_tel {
 padding: 24px 24px 0;
}
.header_tel-list {
 margin-bottom: 24px;
}
.header_tel-list a[href^="tel"] {
 color: #0076ff;
 display: inline-flex;
 font-size: 16px;
 line-height: 24px;
 text-decoration: none;
}
.header_tel-list li {
 line-height: 1;
 padding: 4px 0;
}
@media (min-width: 768px) {
 .header_tel {
  padding: 24px 40px 0;
 }
 .header_tel-list li {
  line-height: 1.2;
  padding: 3.5px 0;
 }
}
.header_tel-list span[class^="icon"] {
 border-radius: 50%;
 box-shadow: 0 4px 8px rgba(6, 66, 135, 0.15);
 font-size: 24px;
 margin-right: 8px;
 vertical-align: middle;
}
.header_tel-web {
 background-color: #fff;
 border-radius: 8px;
 box-shadow: 0 4px 16px rgba(6, 66, 135, 0.15);
 line-height: 1;
 opacity: 0;
 padding: 24px;
 position: absolute;
 right: -48px;
 text-align: center;
 top: calc(100% + 25px);
 transition: 0.3s ease-in-out;
 visibility: hidden;
 width: 212px;
}
@media (min-width: 768px) {
 .header_tel-web {
  left: 50%;
  padding: 26px 24px 24px;
  right: auto;
  top: calc(100% + 27px);
  transform: translateX(-50%);
 }
}
.header_tel-web-list {
 margin-bottom: 20px;
}
@media (min-width: 768px) {
 .header_tel-web-list {
  margin-bottom: 23px;
 }
 .header_tel-web-list li {
  line-height: 0;
  padding: 4px 0;
 }
}
.header_tel-web.active {
 opacity: 1;
 transition: 0.3s ease-in-out;
 visibility: visible;
}
.header_tel-web:before {
 background-color: #fff;
 border-right: none;
 border-top: none;
 content: "";
 height: 7px;
 position: absolute;
 right: 58.5px;
 top: 0;
 transform: rotate(135deg) translateX(-50%);
 width: 7px;
 z-index: 1;
}
.header_language-web {
 display: none;
}
.header-btn {
 position: relative;
 z-index: 4;
}
.header .btn {
 line-height: 1;
}
.header .btn-authorize {
 padding: 0;
 width: auto;
}
@media (min-width: 768px) {
 .header_tel-web:before {
  right: 50%;
 }
 .header .btn-authorize {
  margin: 0 8px;
 }
 .header .btn-authorize .btn-sucsess {
  font-size: 14px;
  min-width: 136px;
  padding: 13px 16px;
 }
}
.header .btn-authorize .icon-header-Account:before {
 font-size: 28px;
}
.header .btn.header_pay {
 line-height: 16px;
 min-width: 128px;
 width: auto;
}
.header .btn_chat {
 display: none;
 position: relative;
}
.header .btn_chat .icon-header-chat-dropdown {
 cursor: pointer;
}
.header .btn_chat .icon-header-chat-dropdown:after {
 background-color: transparent;
 border-radius: 50%;
 content: "";
 height: 40px;
 left: 50%;
 position: absolute;
 top: 50%;
 transform: translate(-50%, -50%);
 transition: 0.3s ease-in-out;
 width: 40px;
}
@media (min-width: 1024px) {
 .header_tel-list li {
  line-height: 0;
  padding: 4px 0;
 }
 .header .btn-authorize {
  margin: 0 8px 0 16px;
 }
 .header .btn_chat {
  display: block;
 }
 .header .btn_chat .icon-header-chat-dropdown:after {
  display: none;
 }
 .rangeLoan .prot-info .img-holder {
  max-width: 149px;
 }
}
.header .btn_chat.active .icon-header-chat-dropdown:after {
 background-color: rgba(0, 118, 255, 0.1);
}
.header .icon-header-chat-dropdown {
 font-size: 24px;
}
@media (min-width: 768px) {
 .header .btn.header_pay {
  font-size: 14px;
  min-width: 98px;
  padding: 10.5px 8px;
 }
 .header .icon-header-chat-dropdown {
  font-size: 32px;
 }
}
.header .icon-header-chat-dropdown:before {
 transition: 0.3s ease-in-out;
}
.header .active .icon-header-chat-dropdown:before {
 color: rgba(0, 118, 255, 0.8);
}
.header .navbar-toggle {
 background-color: transparent;
 border-radius: 0;
 font-size: 0;
 height: 22px;
 margin: 0 0 0 16px;
 min-width: 32px;
 padding: 0;
 width: 32px;
}
.header .navbar-toggle span,
.header .navbar-toggle span:after,
.header .navbar-toggle span:before {
 background-color: #203b4f;
 border-radius: 8px;
 display: block;
 height: 2px;
 position: absolute;
 transition: 0.4s;
 width: 32px;
}
.header .navbar-toggle span {
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
}
.header .navbar-toggle span:before {
 content: "";
 top: -10px;
}
.header .navbar-toggle span:after {
 content: "";
 top: 10px;
}
.header .navbar-toggle.js_burger-active span {
 background: 0 0;
}
.header .navbar-toggle.js_burger-active span:before {
 top: 0;
 transform: rotate(45deg);
}
.header .navbar-toggle.js_burger-active span:after {
 top: 0;
 transform: rotate(-45deg);
}
.header-nav_wr_mobile-heading {
 font-size: 12px;
 line-height: 1.333;
}
@media (min-width: 1366px) {
 .header_tel-web {
  padding: 26px 24px 20px;
  width: 185px;
 }
 .header_tel-web-list {
  margin-bottom: 0;
 }
 .header_language-web {
  display: flex;
  flex: 0 0 56px;
  padding-left: 12px;
 }
 .header-btn {
  flex: 0 0 auto;
 }
 .header .navbar-toggle {
  display: none;
 }
 .header .active .caret:before {
  left: calc(50% - 8px);
  top: calc(50% - 3px);
  transform: rotate(45deg);
 }
}
.header .chat-list-wrapper {
 margin-top: 24px;
}
.header .chat-list-title {
 display: block;
 font-size: 12px;
 font-weight: 600;
 line-height: 1.33;
 margin-bottom: 8px;
 text-transform: uppercase;
}
.js_show-android .header {
 top: 72px;
}
.lang-link {
 display: inline-flex;
 font-size: 12px;
 line-height: 1;
 text-decoration: none;
 text-transform: uppercase;
 transition: color 0.3s ease-in-out;
}
.lang-rus,
.lang-ukr {
 color: #203b4f;
 display: inline-block;
}
.lang-rus.not-active,
.lang-ukr.not-active {
 color: #bfc5cc;
}
.lang-rus.not-active:hover,
.lang-ukr.not-active:hover {
 color: #203b4f;
}
.lang-ukr {
 padding-left: 4px;
}
.lang-rus {
 padding-right: 4px;
 position: relative;
}
.lang-rus:after {
 background-color: #bfc5cc;
 content: "";
 height: 11px;
 position: absolute;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 width: 1px;
}
.js-close-nav.navbar-toggle:after {
 bottom: unset;
}
.nav-backdrop {
 background: #070c10;
 bottom: 0;
 content: "";
 left: 0;
 opacity: 0.6;
 position: fixed;
 right: 0;
 top: 0;
 transition: 0.3s ease-in-out;
 visibility: hidden;
 z-index: 1000;
}
.nav-backdrop.in {
 visibility: visible;
}
html.menu-open {
 -webkit-overflow-scrolling: auto;
 bottom: 0;
 left: 0;
 overflow: hidden;
 position: fixed;
 right: 0;
 top: 0;
}
@font-face {
 font-display: block;
 font-family: icomoon-chat;
 font-style: normal;
 font-weight: 400;
 src: url(../fonts/icomoon-chat.ttf) format("truetype");
}
.wrapper.js_show-android {
 padding-top: 127px;
}
.smart-banner {
 align-items: center;
 background: #f3f3f3;
 color: #72838f;
 display: none;
 font-size: 12px;
 justify-content: center;
 left: 0;
 line-height: 1;
 margin: 0;
 padding: 16px 8px 16px 26px;
 position: fixed;
 right: 0;
 top: 0;
 width: 100%;
}
.smart-banner.js_show {
 display: flex;
 justify-content: space-between;
}
.smart-banner_close {
 cursor: pointer;
 font-size: 10px;
 font-weight: 700;
 left: 0;
 padding: 8px;
 position: absolute;
 right: auto;
 top: 50%;
 transform: translateY(-50%);
}
.smart-banner_logo {
 display: flex;
}
.smart-banner_logo--img {
 background: #fff;
 border-radius: 8px;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 0.5px 1px rgba(0, 0, 0, 0.1);
 flex: 0 0 40px;
 margin-right: 8px;
 padding: 10px 6px 10px 8px;
}
.smart-banner_btn {
 align-items: center;
 background: #fff;
 border-radius: 8px;
 box-shadow: 0 1px 2px rgba(78, 112, 138, 0.24);
 color: #0076ff;
 display: flex;
 font-size: 10px;
 font-weight: 700;
 height: 36px;
 justify-content: center;
 line-height: 1.6;
 margin-left: 8px;
 min-width: 92px;
 text-decoration: none;
 text-transform: uppercase;
}
.smart-banner_raiting {
 padding-top: 3px;
}
div#chat-24-widget-container {
 opacity: 1;
 transition: 0.3s;
 visibility: visible;
 z-index: 1002;
}
@media (max-width: 1365px) {
 div#chat-24-widget-container {
  width: 0;
 }
}
.menu-open div#chat-24-widget-container {
 visibility: hidden;
 z-index: 1001;
}
.rangeLoan {
 background-color: #fff;
 border-radius: 10px;
 box-shadow: 0 12px 8px rgba(6, 66, 135, 0.15);
 font-size: 12px;
 font-weight: 400;
 line-height: 22px;
 margin-top: -2px;
}
.rangeLoan-hidden-tabs {
 clip: rect(0 0 0 0);
 border: 0;
 -webkit-clip-path: inset(100%);
 clip-path: inset(100%);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute !important;
 white-space: nowrap;
 width: 1px;
}
.rangeLoan-money {
 position: relative;
}
.rangeLoan .prot-info {
 color: #72838f;
 flex: 1 0 auto;
 font-size: 12px;
 justify-content: center;
 line-height: 16px;
 margin-bottom: 12px;
 width: 100%;
}
@media (min-width: 768px) {
 .wrapper.js_show-android {
  padding-top: 143px;
 }
 .rangeLoan {
  border-radius: 16px;
  font-size: 18px;
 }
 .rangeLoan .prot-info {
  justify-content: flex-start;
  margin-bottom: 0;
  margin-right: 5px;
  width: auto;
 }
}
.rangeLoan .prot-info .img-holder {
 margin-left: 12px;
}
.rangeLoan .lending_terms {
 border-top: 1px solid #e2e2e2;
 color: #72838f;
 font-size: 14px;
 order: 3;
 padding: 12px 15px 14px;
 text-align: center;
}
.rangeLoan .lending_terms a {
 margin-right: 16px;
}
.rangeLoan .lending_terms a:last-of-type {
 margin-right: 0;
}
.rangeLoan-tab {
 align-items: center;
 background-color: #dee4eb;
 border-radius: 8px 8px 0 0;
 color: rgba(32, 59, 79, 0.6);
 cursor: pointer;
 display: flex;
 font-size: 14px;
 font-weight: 600;
 justify-content: center;
 line-height: 1;
 padding: 12px 8px 15px;
 position: relative;
 text-align: left;
 transition: 0.3s ease-in-out;
 width: 50%;
 z-index: 999;
}
.rangeLoan-tab:first-child {
 border-radius: 8px 0 0;
}
@media (min-width: 768px) {
 .rangeLoan .lending_terms {
  order: unset;
  padding: 12px 24px 10px;
 }
 .rangeLoan-tab {
  border-radius: 16px 16px 0 0;
  font-size: 16px;
  padding: 16px 11px;
 }
 .rangeLoan-tab:first-child {
  border-radius: 16px 0 0;
 }
}
.rangeLoan-tab:last-child {
 border-radius: 0 8px 0 0;
}
.rangeLoan-tab .icon-calc--long-credit:before,
.rangeLoan-tab .icon-calc--shirt-credit:before {
 color: rgba(32, 59, 79, 0.6);
 font-size: 16px;
}
.rangeLoan-tab.active {
 background-color: #fff;
 color: #1bb887;
}
.rangeLoan-tab.active .icon-calc--long-credit:before,
.rangeLoan-tab.active .icon-calc--shirt-credit:before {
 color: #1bb887;
}
.rangeLoan-tab [class^="icon"] {
 margin-right: 3px;
}
.rangeLoan-tab__wr {
 background-color: #fff;
 border-radius: 8px 8px 0 0;
 overflow: hidden;
 position: relative;
}
@media (min-width: 768px) {
 .rangeLoan-tab:last-child {
  border-radius: 0 16px 0 0;
 }
 .rangeLoan-tab [class^="icon"] {
  margin-right: 4px;
 }
 .rangeLoan-tab__wr {
  border-radius: 16px 16px 0 0;
 }
}
.rangeLoan-tab__wr:after,
.rangeLoan-tab__wr:before {
 background-color: #fff;
 border-radius: 10px 10px 0 0;
 bottom: -1px;
 content: "";
 position: absolute;
 right: 0;
 top: 0;
 width: 50%;
}
.rangeLoan-tab__wr:before {
 filter: drop-shadow(0 4px 8px rgba(6, 66, 135, 0.15));
 left: 0;
}
.rangeLoan-tab__wr:after {
 filter: drop-shadow(0 4px 8px rgba(6, 66, 135, 0.15));
}
.rangeLoan.rangeLoan-without-annuity {
 border-radius: 10px;
}
@media (min-width: 768px) {
 .rangeLoan-tab__wr:after,
 .rangeLoan-tab__wr:before {
  width: 104px;
 }
 .rangeLoan-tab__wr:before {
  left: unset;
  right: 104px;
 }
 .rangeLoan.rangeLoan-without-annuity {
  border-radius: 16px;
 }
}
.btn {
 border: none;
 border-radius: 16px;
 cursor: pointer;
 display: inline-block;
 font-family: inherit;
 font-size: 16px;
 font-weight: 600;
 line-height: 19px;
 outline: 0;
 padding: 14.5px 8px;
 position: relative;
 text-align: center;
 text-decoration: none;
 transform: none;
 transition: border 0.3s, color 0.3s, background 0.3s;
 width: 100%;
}
.btn.disabled,
.btn[disabled] {
 cursor: not-allowed;
 pointer-events: none;
}
@media (min-width: 768px) {
 .btn {
  font-size: 18px;
  line-height: 21px;
  padding: 13.5px 8px;
 }
}
.btn-sucsess {
 background: #0076ff;
 color: #fff;
}
.btn-sucsess:hover {
 background: rgba(0, 118, 255, 0.8);
 color: #fff;
}
.btn-sucsess:focus {
 background: #0064d7;
}
.btn-sucsess.disabled,
.btn-sucsess[disabled] {
 background: rgba(0, 118, 255, 0.5);
}
.btn-sucsess_transparent {
 background: 0 0;
 border: 1.5px solid #0076ff;
 color: #0076ff;
}
.btn-sucsess_transparent:hover {
 background: rgba(0, 118, 255, 0.1);
 color: #0076ff;
}
.btn-sucsess_transparent:active,
.btn-sucsess_transparent:focus {
 background: #0076ff;
 color: #fff;
}
.btn-sucsess_transparent.disabled,
.btn-sucsess_transparent[disabled] {
 border-color: rgba(0, 118, 255, 0.5);
 color: rgba(0, 118, 255, 0.5);
}
.modal {
 -webkit-overflow-scrolling: touch;
 background-color: rgba(0, 0, 0, 0.7);
 bottom: 0;
 display: none;
 left: 0;
 outline: 0;
 overflow: auto;
 position: fixed;
 right: 0;
 top: 0;
 z-index: 1002;
}
.modal-open {
 overflow: hidden;
}
.modal-open .modal {
 overflow-x: hidden;
 overflow-y: auto;
}
.modal-content {
 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.table > li {
 border-bottom: 1px solid #f7fafc;
 padding: 14px 0;
}
.table > li:first-child {
 padding-top: 0;
}
.table > li:last-child {
 border-bottom: none;
 padding-bottom: 0;
}
@media (min-width: 1024px) {
 .table > li {
  padding: 16px 0;
 }
}
@keyframes fadein {
 0% {
  opacity: 0;
 }
 to {
  opacity: 1;
 }
}
