@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap);.vue-tooltip{background-color:#000;box-sizing:border-box;color:#fff;max-width:320px;padding:6px 10px;border-radius:3px;z-index:100;box-shadow:2px 2px 3px rgba(0,0,0,.4)}.vue-tooltip.vue-tooltip-hidden{transform:translateX(-100000px)!important}.vue-tooltip .vue-tooltip-content{text-align:center}.vue-tooltip .tooltip-arrow{content:"";width:0;height:0;border-style:solid;position:absolute;margin:5px}.vue-tooltip[x-out-of-boundaries]{display:none}.vue-tooltip[x-placement^=bottom]{margin-top:5px}.vue-tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px 5px;border-bottom-color:#000;border-top-color:transparent!important;border-left-color:transparent!important;border-right-color:transparent!important;top:-5px;margin-top:0;margin-bottom:0}.vue-tooltip[x-placement^=top]{margin-bottom:5px}.vue-tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0 5px;border-top-color:#000;border-bottom-color:transparent!important;border-left-color:transparent!important;border-right-color:transparent!important;bottom:-5px;margin-top:0;margin-bottom:0}.vue-tooltip[x-placement^=right]{margin-left:5px}.vue-tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-right-color:#000;border-top-color:transparent!important;border-left-color:transparent!important;border-bottom-color:transparent!important;left:-5px;margin-left:0;margin-right:0}.vue-tooltip[x-placement^=left]{margin-right:5px}.vue-tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-left-color:#000;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;margin-left:0;margin-right:0}/* component style */
.vue-slider-disabled .vue-slider-process {
  background-color: #a7a7a7;
}
.vue-slider-disabled .vue-slider-dot-handle {
  border-color: #a7a7a7;
}
.vue-slider-disabled .vue-slider-mark-step-active {
  box-shadow: 0 0 0 2px #a7a7a7;
}

/* rail style */
.vue-slider-rail {
  background-color: whitesmoke;
  border-radius: 15px;
  transition: background-color 0.3s;
}
.vue-slider:hover .vue-slider-rail {
  background-color: #e1e1e1;
}

/* process style */
.vue-slider-process {
  background-color: #9cd5ff;
  border-radius: 15px;
  transition: background-color 0.3s;
}
.vue-slider:hover .vue-slider-process {
  background-color: #69c0ff;
}

/* mark style */
.vue-slider-mark-step {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #e8e8e8;
  background-color: #fff;
}
.vue-slider-mark-step-active {
  box-shadow: 0 0 0 2px #9cd5ff;
}
.vue-slider:hover .vue-slider-mark-step-active {
  box-shadow: 0 0 0 2px #69c0ff;
}

.vue-slider-mark-label {
  font-size: 12px;
  white-space: nowrap;
}
/* dot style */
.vue-slider-dot-handle {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #9cd5ff;
  box-sizing: border-box;
  transition: box-shadow 0.3s, border-color 0.3s;
}
.vue-slider:hover .vue-slider-dot-handle {
  border-color: #69c0ff;
}

.vue-slider-dot-handle-focus {
  border-color: #36abff;
  box-shadow: 0 0 0 5px rgba(54, 171, 255, 0.2);
}
.vue-slider:hover .vue-slider-dot-handle-focus {
  border-color: #36abff;
}

.vue-slider-dot-handle:hover {
  border-color: #36abff;
}
.vue-slider:hover .vue-slider-dot-handle:hover {
  border-color: #36abff;
}

.vue-slider-dot-handle-disabled {
  cursor: not-allowed;
  border-color: #ddd !important;
}

.vue-slider-dot-tooltip {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.vue-slider-dot-tooltip-inner {
  font-size: 14px;
  white-space: nowrap;
  padding: 6px 8px;
  color: #fff;
  border-radius: 5px;
  border-color: rgba(0, 0, 0, 0.75);
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transform: scale(0.9);
  transition: transform 0.3s;
}
.vue-slider-dot-tooltip-inner::after {
  content: "";
  position: absolute;
}
.vue-slider-dot-tooltip-inner-top::after {
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-top-color: inherit;
}
.vue-slider-dot-tooltip-inner-bottom::after {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-bottom-color: inherit;
}
.vue-slider-dot-tooltip-inner-left::after {
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-left-color: inherit;
}
.vue-slider-dot-tooltip-inner-right::after {
  right: 100%;
  top: 50%;
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-right-color: inherit;
}
.vue-slider-dot-tooltip-inner-top {
  transform-origin: 50% 100%;
}
.vue-slider-dot-tooltip-inner-bottom {
  transform-origin: 50% 0;
}
.vue-slider-dot-tooltip-inner-left {
  transform-origin: 100% 50%;
}
.vue-slider-dot-tooltip-inner-right {
  transform-origin: 0% 50%;
}

.vue-slider-dot:hover .vue-slider-dot-tooltip, .vue-slider-dot-tooltip-show {
  opacity: 1;
  visibility: visible;
}
.vue-slider-dot:hover .vue-slider-dot-tooltip .vue-slider-dot-tooltip-inner, .vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner {
  transform: scale(1);
}

/*# sourceMappingURL=antd.css.map */
/*
 * jQuery Slot Machine v4.0.1
 * https://github.com/josex2r/jQuery-SlotMachineundefined
 *
 * Copyright 2014 Jose Luis Represa
 * Released under the MIT license
 */
.slotMachineNoTransition{transition:none!important}.slotMachineBlurFast{filter:blur(5px)}.slotMachineBlurMedium{filter:blur(3px)}.slotMachineBlurSlow{filter:blur(2px)}.slotMachineBlurTurtle{filter:blur(1px)}.slotMachineGradient{-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(25%,rgba(0,0,0,1)),color-stop(75%,rgba(0,0,0,1)),color-stop(100%,rgba(0,0,0,0)));-webkit-mask:url("data:image/svg+xml;utf8,<svg version="1.1" xmlns="http:// www.w3.org/2000/svg" width="0" height="0"><mask id="slotMachineFadeMask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox"><linearGradient id="slotMachineFadeGradient" gradientUnits="objectBoundingBox" x="0" y="0"><stop stop-color="white" stop-opacity="0" offset="0"></stop><stop stop-color="white" stop-opacity="1" offset="0.25"></stop><stop stop-color="white" stop-opacity="1" offset="0.75"></stop><stop stop-color="white" stop-opacity="0" offset="1"></stop></linearGradient><rect x="0" y="-1" width="1" height="1" transform="rotate(90)" fill="url(#slotMachineFadeMask)"></rect></mask></svg>#slotMachineFadeMask");mask:url("data:image/svg+xml;utf8,<svg version="1.1" xmlns="http:// www.w3.org/2000/svg" width="0" height="0"><mask id="slotMachineFadeMask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox"><linearGradient id="slotMachineFadeGradient" gradientUnits="objectBoundingBox" x="0" y="0"><stop stop-color="white" stop-opacity="0" offset="0"></stop><stop stop-color="white" stop-opacity="1" offset="0.25"></stop><stop stop-color="white" stop-opacity="1" offset="0.75"></stop><stop stop-color="white" stop-opacity="0" offset="1"></stop></linearGradient><rect x="0" y="-1" width="1" height="1" transform="rotate(90)" fill="url(#slotMachineFadeMask)"></rect></mask></svg>#slotMachineFadeMask")}@charset "UTF-8";
@use "sass:meta" {}.snotifyToast {
  animation-fill-mode: both;
}

.snotify-leftTop .fadeIn,
.snotify-leftCenter .fadeIn,
.snotify-leftBottom .fadeIn {
  animation-name: fadeInLeft;
}

.snotify-leftTop .fadeOut,
.snotify-leftCenter .fadeOut,
.snotify-leftBottom .fadeOut {
  animation-name: fadeOutLeft;
}

.snotify-rightTop .fadeIn,
.snotify-rightCenter .fadeIn,
.snotify-rightBottom .fadeIn {
  animation-name: fadeInRight;
}

.snotify-rightTop .fadeOut,
.snotify-rightCenter .fadeOut,
.snotify-rightBottom .fadeOut {
  animation-name: fadeOutRight;
}

.snotify-centerTop .fadeIn {
  animation-name: fadeInDown;
}

.snotify-centerTop .fadeOut {
  animation-name: fadeOutUp;
}

.snotify-centerCenter .fadeIn {
  animation-name: fadeIn;
}

.snotify-centerCenter .fadeOut {
  animation-name: fadeOut;
}

.snotify-centerBottom .fadeIn {
  animation-name: fadeInUp;
}

.snotify-centerBottom .fadeOut {
  animation-name: fadeOutDown;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) scaleX(1.2);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) scaleX(1.2);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0) scaleY(1.2);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0) scaleY(1.2);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes appear {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 50vh;
  }
}

@keyframes disappear {
  0% {
    opacity: 0;
    max-height: 50vh;
  }
  100% {
    opacity: 0;
    max-height: 0;
  }
}

@keyframes async {
  0% {
    transform: translate(0, -50%) rotate(0deg);
  }
  100% {
    transform: translate(0, -50%) rotate(360deg);
  }
}

.snotify {
  display: block;
  position: fixed;
  width: 300px;
  z-index: 9999;
  box-sizing: border-box;
  pointer-events: none;
}

.snotify * {
  box-sizing: border-box;
}

.snotify-leftTop,
.snotify-leftCenter,
.snotify-leftBottom {
  left: 10px;
}

.snotify-rightTop,
.snotify-rightCenter,
.snotify-rightBottom {
  right: 10px;
}

.snotify-centerTop,
.snotify-centerCenter,
.snotify-centerBottom {
  left: calc(50% - 300px / 2);
}

.snotify-leftTop,
.snotify-centerTop,
.snotify-rightTop {
  top: 10px;
}

.snotify-leftCenter,
.snotify-rightCenter,
.snotify-centerCenter {
  top: 50%;
  transform: translateY(-50%);
}

.snotify-leftBottom,
.snotify-rightBottom,
.snotify-centerBottom {
  bottom: 10px;
}

.snotify-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
  z-index: 9998;
  transition: opacity .3s;
}

.snotifyToast {
  display: block;
  cursor: pointer;
  background-color: #fff;
  height: 100%;
  margin: 5px;
  opacity: 0;
  border-radius: 5px;
  overflow: hidden;
  pointer-events: auto;
}

.snotifyToast--in {
  animation-name: appear;
}

.snotifyToast--out {
  animation-name: disappear;
}

.snotifyToast__inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  padding: 5px 65px 5px 15px;
  min-height: 78px;
  font-size: 16px;
  color: #000;
}

.snotifyToast__noIcon {
  padding: 5px 15px 5px 15px;
}

.snotifyToast__progressBar {
  position: relative;
  width: 100%;
  height: 10px;
  background-color: #c7c7c7;
}

.snotifyToast__progressBar__percentage {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  background-color: #4c4c4c;
  max-width: 100%;
}

.snotifyToast__title {
  font-size: 1.8em;
  line-height: 1.2em;
  margin-bottom: 5px;
  color: #fff;
}

.snotifyToast__body {
  font-size: 1em;
}

.snotifyToast-show {
  transform: translate(0, 0);
  opacity: 1;
}

.snotifyToast-remove {
  max-height: 0;
  overflow: hidden;
  transform: translate(0, 50%);
  opacity: 0;
}

.fadeOutRight {
  animation-name: fadeOutRight;
}

/***************
 ** Modifiers **
 **************/
.snotify-simple .snotifyToast__title,
.snotify-simple .snotifyToast__body {
  color: #000;
}

.snotify-success {
  background-color: #4caf50;
}

.snotify-success .snotifyToast__progressBar {
  background-color: #388e3c;
}

.snotify-success .snotifyToast__progressBar__percentage {
  background-color: #81c784;
}

.snotify-success .snotifyToast__body {
  color: #c8e6c9;
}

.snotify-info {
  background-color: #1e88e5;
}

.snotify-info .snotifyToast__progressBar {
  background-color: #1565c0;
}

.snotify-info .snotifyToast__progressBar__percentage {
  background-color: #64b5f6;
}

.snotify-info .snotifyToast__body {
  color: #e3f2fd;
}

.snotify-warning {
  background-color: #ff9800;
}

.snotify-warning .snotifyToast__progressBar {
  background-color: #ef6c00;
}

.snotify-warning .snotifyToast__progressBar__percentage {
  background-color: #ffcc80;
}

.snotify-warning .snotifyToast__body {
  color: #fff3e0;
}

.snotify-error {
  background-color: #f44336;
}

.snotify-error .snotifyToast__progressBar {
  background-color: #c62828;
}

.snotify-error .snotifyToast__progressBar__percentage {
  background-color: #ef9a9a;
}

.snotify-error .snotifyToast__body {
  color: #ffebee;
}

.snotify-async {
  background-color: #1e88e5;
}

.snotify-async .snotifyToast__progressBar {
  background-color: #1565c0;
}

.snotify-async .snotifyToast__progressBar__percentage {
  background-color: #64b5f6;
}

.snotify-async .snotifyToast__body {
  color: #e3f2fd;
}

.snotify-confirm {
  background-color: #009688;
}

.snotify-confirm .snotifyToast__progressBar {
  background-color: #4db6ac;
}

.snotify-confirm .snotifyToast__progressBar__percentage {
  background-color: #80cbc4;
}

.snotify-confirm .snotifyToast__body {
  color: #e0f2f1;
}

.snotify-prompt {
  background-color: #009688;
}

.snotify-prompt .snotifyToast__title {
  margin-bottom: 0;
}

.snotify-prompt .snotifyToast__body {
  color: #e0f2f1;
}

.snotify-confirm .snotifyToast__inner,
.snotify-prompt .snotifyToast__inner {
  padding: 10px 15px;
}

.snotifyToast__input {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0;
  width: 100%;
  vertical-align: top;
  transition: all .5s;
  transition-delay: .3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.snotifyToast__input__field {
  position: relative;
  display: block;
  float: right;
  padding: .85em .5em;
  width: 100%;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #333;
  font-weight: bold;
  -webkit-appearance: none;
  /* for box shadows to show on iOS */
  opacity: 0;
  transition: opacity .3s;
}

.snotifyToast__input__field:focus {
  outline: none;
}

.snotifyToast__input__label {
  display: inline-block;
  float: right;
  padding: 0 .85em;
  width: 100%;
  color: #e0f2f1;
  font-weight: bold;
  font-size: 70.25%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: absolute;
  left: 0;
  height: 100%;
  text-align: left;
  pointer-events: none;
}

.snotifyToast__input__label::before, .snotifyToast__input__label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform .3s;
}

.snotifyToast__input__label::before {
  border-top: 2px solid #fff;
  transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  transition-delay: .3s;
}

.snotifyToast__input__label::after {
  z-index: -1;
  background: #b2dfdb;
  transform: scale3d(1, 0, 1);
  transform-origin: 50% 0;
}

.snotifyToast__input__labelContent {
  position: relative;
  display: block;
  padding: 1em 0;
  width: 100%;
  transition: transform .3s .3s;
}

.snotifyToast__input--filled {
  margin-top: 2.5em;
}

.snotifyToast__input--filled:focus,
.snotifyToast__input--filled .snotifyToast__input__field {
  opacity: 1;
  transition-delay: .3s;
}

.snotifyToast__input__field:focus + .snotifyToast__input__label .snotifyToast__input__labelContent,
.snotifyToast__input--filled .snotifyToast__input__labelContent {
  transform: translate(0, -80%);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.snotifyToast__input__field:focus + .snotifyToast__input__label::before,
.snotifyToast__input--filled .snotifyToast__input__label::before {
  transition-delay: 0s;
}

.snotifyToast__input__field:focus + .snotifyToast__input__label::before,
.snotifyToast__input--filled .snotifyToast__input__label::before {
  transform: translate(0, 0);
}

.snotifyToast__input__field:focus + .snotifyToast__input__label::after,
.snotifyToast__input--filled .snotifyToast__input__label::after {
  transform: scale(1, 1);
  transition-delay: .3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.snotifyToast--invalid .snotifyToast__input__label::before {
  border-color: #f44336;
}

.snotifyToast--valid .snotifyToast__input__label::before {
  border-color: #4caf50;
}

.snotifyToast__buttons {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.snotifyToast__buttons button {
  position: relative;
  width: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-top: none;
  border-bottom: none;
  background: transparent;
  padding: 8px;
  text-transform: capitalize;
  color: #fff;
  box-sizing: border-box;
  overflow: hidden;
}

.snotifyToast__buttons button::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background: rgba(255, 255, 255, 0.3);
  opacity: 0;
  border-radius: 100%;
  transform: scale(1, 1) translate(-50%);
  transform-origin: 50% 50%;
}

.snotifyToast__buttons button:focus:not(:active)::after {
  animation: ripple 1s ease-out;
}

.snotifyToast__buttons button:hover, .snotifyToast__buttons button:focus {
  background: rgba(0, 0, 0, 0.1);
  outline: none;
}

.snotifyToast__buttons button:active {
  background: rgba(0, 0, 0, 0.15);
}

.snotifyToast__buttons button:last-child {
  border-right: none;
}

.snotifyToast__buttons button:first-child {
  border-left: none;
}

.snotifyToast__buttons--bold {
  font-weight: 700;
}

@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1;
  }
  20% {
    transform: scale(25, 25);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(40, 40);
  }
}

.snotify-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  line-height: 0;
  transform: translate(0, -50%);
  max-height: 48px;
  max-width: 48px;
  width: 100%;
  height: 100%;
}

.snotify-icon--error {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23ffcdd2%22%3E%3Cg%3E%3Cpath%20d=%22M437,75A256,256,0,1,0,75,437,256,256,0,1,0,437,75ZM416.43,416.43a226.82,226.82,0,0,1-320.86,0C7.11,328,7.11,184,95.57,95.57a226.82,226.82,0,0,1,320.86,0C504.89,184,504.89,328,416.43,416.43Z%22/%3E%3Cpath%20d=%22M368.81,143.19a14.5,14.5,0,0,0-20.58,0L256,235.42l-92.23-92.23a14.55,14.55,0,0,0-20.58,20.58L235.42,256l-92.23,92.23a14.6,14.6,0,0,0,10.24,24.89,14.19,14.19,0,0,0,10.24-4.31l92.23-92.23,92.23,92.23a14.64,14.64,0,0,0,10.24,4.31,14,14,0,0,0,10.24-4.31,14.5,14.5,0,0,0,0-20.58l-92-92.23,92.23-92.23A14.5,14.5,0,0,0,368.81,143.19Z%22/%3E%3C/g%3E%3C/svg%3E");
}

.snotify-icon--warning {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23ffccbc%22%3E%3Cg%3E%3Cpath%20d=%22M256,512c141.15,0,256-114.84,256-256S397.15,0,256,0,0,114.84,0,256,114.85,512,256,512Zm0-480.49c123.79,0,224.49,100.71,224.49,224.49S379.79,480.49,256,480.49,31.51,379.79,31.51,256,132.21,31.51,256,31.51Z%22/%3E%3Ccircle%20cx=%22260.08%22%20cy=%22343.87%22%20r=%2226.35%22/%3E%3Cpath%20d=%22M254.68,278.39a15.76,15.76,0,0,0,15.75-15.75V128.72a15.75,15.75,0,1,0-31.51,0V262.63A15.76,15.76,0,0,0,254.68,278.39Z%22/%3E%3C/g%3E%3C/svg%3E");
}

.snotify-icon--info {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23bbdefb%22%3E%3Cg%3E%3Cpath%20d=%22M256,0C114.84,0,0,114.84,0,256S114.84,512,256,512,512,397.16,512,256,397.15,0,256,0Zm0,478.43C133.35,478.43,33.57,378.64,33.57,256S133.35,33.58,256,33.58,478.42,133.36,478.42,256,378.64,478.43,256,478.43Z%22/%3E%3Cpath%20d=%22M251.26,161.24a22.39,22.39,0,1,0-22.38-22.39A22.39,22.39,0,0,0,251.26,161.24Z%22/%3E%3Cpath%20d=%22M286.84,357.87h-14v-160A16.79,16.79,0,0,0,256,181.05H225.17a16.79,16.79,0,0,0,0,33.58h14.05V357.87H225.17a16.79,16.79,0,0,0,0,33.57h61.67a16.79,16.79,0,1,0,0-33.57Z%22/%3E%3C/g%3E%3C/svg%3E");
}

.snotify-icon--success {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23c8e6c9%22%3E%3Cg%3E%3Cpath%20d=%22M256,0C114.85,0,0,114.84,0,256S114.85,512,256,512,512,397.16,512,256,397.15,0,256,0Zm0,492.31c-130.29,0-236.31-106-236.31-236.31S125.71,19.69,256,19.69,492.31,125.71,492.31,256,386.29,492.31,256,492.31Z%22/%3E%3Cpath%20class=%22cls-1%22%20d=%22M376.64,151,225.31,321.24l-91.17-72.93a9.85,9.85,0,0,0-12.3,15.38l98.46,78.77a9.86,9.86,0,0,0,13.52-1.15L391.36,164.08A9.85,9.85,0,0,0,376.64,151Z%22/%3E%3C/g%3E%3C/svg%3E");
}

.snotify-icon--async {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20version=%221.1%22%20x=%220px%22%20y=%220px%22%20viewBox=%220%200%20512%20512%22%20fill=%22%23bbdefb%22%3E%3Cg%3E%3Cpath%20d=%22M256,0a32,32,0,0,0-32,32V96a32,32,0,0,0,64,0V32A32,32,0,0,0,256,0Zm0,384a32,32,0,0,0-32,32v64a32,32,0,0,0,64,0V416A32,32,0,0,0,256,384ZM391.74,165.5,437,120.22A32,32,0,0,0,391.74,75L346.5,120.22a32,32,0,0,0,45.25,45.28Zm-271.52,181L75,391.74A32,32,0,0,0,120.22,437l45.25-45.25a32,32,0,0,0-45.25-45.25Zm0-271.52A32,32,0,1,0,75,120.22l45.25,45.28a32,32,0,1,0,45.25-45.28ZM391.74,346.5a32,32,0,0,0-45.25,45.25L391.74,437A32,32,0,0,0,437,391.74ZM480,224H416a32,32,0,0,0,0,64h64a32,32,0,0,0,0-64ZM128,256a32,32,0,0,0-32-32H32a32,32,0,0,0,0,64H96A32,32,0,0,0,128,256Z%22/%3E%3C/g%3E%3C/svg%3E");
  animation: async 3s infinite linear;
  transform-origin: 50% 50%;
}

/**
    Support for SASS is deprecated as of v3.18.

    The files remain here if your build is dependent on them
    but they will not receive updates in future releases. All
    SASS variables have been translated into CSS variables, so
    migration should be quite simple if you'd like to move over.

    In v4, these files will be removed.
 */
.v-select {
  position: relative;
  font-family: inherit;
}

.v-select,
.v-select * {
  box-sizing: border-box;
}

/* KeyFrames */

@keyframes vSelectSpinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Dropdown Default Transition */
.vs__fade-enter-active,
.vs__fade-leave-active {
  pointer-events: none;
  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1);
}

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

/** Component States */
/*
 * Disabled
 *
 * When the component is disabled, all interaction
 * should be prevented. Here we modify the bg color,
 * and change the cursor displayed on the interactive
 * components.
 */
.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__clear,
.vs--disabled .vs__search,
.vs--disabled .vs__selected,
.vs--disabled .vs__open-indicator {
  cursor: not-allowed;
  background-color: #f8f8f8;
}

/*
 *  RTL - Right to Left Support
 *
 *  Because we're using a flexbox layout, the `dir="rtl"`
 *  HTML attribute does most of the work for us by
 *  rearranging the child elements visually.
 */
.v-select[dir="rtl"] .vs__actions {
  padding: 0 3px 0 6px;
}

.v-select[dir="rtl"] .vs__clear {
  margin-left: 6px;
  margin-right: 0;
}

.v-select[dir="rtl"] .vs__deselect {
  margin-left: 0;
  margin-right: 2px;
}

.v-select[dir="rtl"] .vs__dropdown-menu {
  text-align: right;
}

/**
    Dropdown Toggle

    The dropdown toggle is the primary wrapper of the component. It
    has two direct descendants: .vs__selected-options, and .vs__actions.

    .vs__selected-options holds the .vs__selected's as well as the
    main search input.

    .vs__actions holds the clear button and dropdown toggle.
 */
.vs__dropdown-toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  padding: 0 0 4px 0;
  background: none;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  white-space: normal;
}

.vs__selected-options {
  display: flex;
  flex-basis: 100%;
  flex-grow: 1;
  flex-wrap: wrap;
  padding: 0 2px;
  position: relative;
}

.vs__actions {
  display: flex;
  align-items: center;
  padding: 4px 6px 0 3px;
}

/* Dropdown Toggle States */
.vs--searchable .vs__dropdown-toggle {
  cursor: text;
}

.vs--unsearchable .vs__dropdown-toggle {
  cursor: pointer;
}

.vs--open .vs__dropdown-toggle {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.vs__open-indicator {
  fill: rgba(60, 60, 60, 0.5);
  transform: scale(1);
  transition: transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);
  transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
}

.vs--open .vs__open-indicator {
  transform: rotate(180deg) scale(1);
}

.vs--loading .vs__open-indicator {
  opacity: 0;
}

/* Clear Button */
.vs__clear {
  fill: rgba(60, 60, 60, 0.5);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  margin-right: 8px;
}

/* Dropdown Menu */
.vs__dropdown-menu {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 1000;
  padding: 5px 0;
  margin: 0;
  width: 100%;
  max-height: 350px;
  min-width: 160px;
  overflow-y: auto;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-top-style: none;
  border-radius: 0 0 4px 4px;
  text-align: left;
  list-style: none;
  background: #fff;
}

.vs__no-options {
  text-align: center;
}

/* List Items */
.vs__dropdown-option {
  line-height: 1.42857143;
  /* Normalize line height */
  display: block;
  padding: 3px 20px;
  clear: both;
  color: #333;
  /* Overrides most CSS frameworks */
  white-space: nowrap;
  cursor: pointer;
}

.vs__dropdown-option--highlight {
  background: #5897fb;
  color: #fff;
}

.vs__dropdown-option--deselect {
  background: #fb5858;
  color: #fff;
}

.vs__dropdown-option--disabled {
  background: inherit;
  color: rgba(60, 60, 60, 0.5);
  cursor: inherit;
}

/* Selected Tags */
.vs__selected {
  display: flex;
  align-items: center;
  background-color: #f0f0f0;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  color: #333;
  line-height: 1.4;
  margin: 4px 2px 0px 2px;
  padding: 0 0.25em;
  z-index: 0;
}

.vs__deselect {
  display: inline-flex;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-left: 4px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  fill: rgba(60, 60, 60, 0.5);
  text-shadow: 0 1px 0 #fff;
}

/* States */
.vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent;
}

.vs--single.vs--open .vs__selected,
.vs--single.vs--loading .vs__selected {
  position: absolute;
  opacity: .4;
}

.vs--single.vs--searching .vs__selected {
  display: none;
}

/* Search Input */
/**
 * Super weird bug... If this declaration is grouped
 * below, the cancel button will still appear in chrome.
 * If it's up here on it's own, it'll hide it.
 */
.vs__search::-webkit-search-cancel-button {
  display: none;
}

.vs__search::-webkit-search-decoration,
.vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration,
.vs__search::-ms-clear {
  display: none;
}

.vs__search,
.vs__search:focus {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  line-height: 1.4;
  font-size: 1em;
  border: 1px solid transparent;
  border-left: none;
  outline: none;
  margin: 4px 0 0 0;
  padding: 0 7px;
  background: none;
  box-shadow: none;
  width: 0;
  max-width: 100%;
  flex-grow: 1;
  z-index: 1;
}

.vs__search::-moz-placeholder {
  color: inherit;
}

.vs__search::placeholder {
  color: inherit;
}

/**
    States
 */
.vs--unsearchable .vs__search {
  opacity: 1;
}

.vs--unsearchable:not(.vs--disabled) .vs__search {
  cursor: pointer;
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
  opacity: .2;
}

/* Loading Spinner */
.vs__spinner {
  align-self: center;
  opacity: 0;
  font-size: 5px;
  text-indent: -9999em;
  overflow: hidden;
  border-top: 0.9em solid rgba(100, 100, 100, 0.1);
  border-right: 0.9em solid rgba(100, 100, 100, 0.1);
  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);
  border-left: 0.9em solid rgba(60, 60, 60, 0.45);
  transform: translateZ(0);
  animation: vSelectSpinner 1.1s infinite linear;
  transition: opacity .1s;
}

.vs__spinner,
.vs__spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

/* Loading Spinner States */
.vs--loading .vs__spinner {
  opacity: 1;
}

@use "sass:meta" {}*, *:before, *:after {
  box-sizing: border-box;
  margin: 0;
}

input, label, img, p, a, button, fieldset, ul {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

body {
  font-size: var(--base-font-size);
  line-height: 1.4;
  color: var(--base-text-color);
  font-family: var(--base-font-family);
  min-height: 100%;
}

#app {
  min-height: 100%;
}

a {
  color: var(--link-color);
}

a:hover {
  color: var(--link-color-hover);
}

img {
  width: auto;
  display: block;
  max-width: 100%;
}

h1 {
  font-size: 1.8em;
  line-height: 1.4em;
  font-weight: normal;
}

h2 {
  font-size: 1.21em;
  line-height: 1.66em;
  font-weight: normal;
}

h3 {
  font-size: 1.21em;
  line-height: 1.66em;
  font-weight: normal;
}

h4 {
  font-size: 1.35em;
  color: #3F3D56;
  font-weight: normal;
}

hr {
  border: 0;
  border-top: 1px solid #CDCDCD;
}

button {
  background: transparent;
  outline: none;
  border: none;
  cursor: pointer;
}

input, select {
  border: 0;
  border-bottom: var(--input-border);
  background: var(--input-bg-color);
  font-size: var(--input-font-size);
  font-family: var(--base-font-family);
  padding: var(--input-padding);
  width: 100%;
  max-width: var(--input-max-width);
  color: var(--input-text-color);
  transition: all .3s ease;
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder {
  color: var(--input-placeholder-color);
}

input:-moz-placeholder, select:-moz-placeholder {
  color: var(--input-placeholder-color);
}

input::-moz-placeholder, select::-moz-placeholder {
  color: var(--input-placeholder-color);
}

input:-ms-input-placeholder, select:-ms-input-placeholder {
  color: var(--input-placeholder-color);
}

input:focus, select:focus {
  outline: none;
  color: var(--input-focus-color);
}

ul {
  line-height: 1.2em;
}

.radio-group {
  display: inline-flex;
  flex-wrap: wrap;
}

.mt0 {
  margin-top: 0;
}

.mt1 {
  margin-top: 1em;
}

.mt2 {
  margin-top: 2em;
}

.mt3 {
  margin-top: 3em;
}

.mtauto {
  margin-top: auto;
}

.mb0 {
  margin-bottom: 0;
}

.mb1 {
  margin-bottom: 1em;
}

.mb2 {
  margin-bottom: 2em;
}

.mb3 {
  margin-bottom: 3em;
}

.mr0 {
  margin-right: 0;
}

.mr1 {
  margin-right: 1em;
}

.mr2 {
  margin-right: 2em;
}

.mr3 {
  margin-right: 3em;
}

.ml0 {
  margin-left: 0;
}

.ml1 {
  margin-left: 1em;
}

.ml2 {
  margin-left: 2em;
}

.ml3 {
  margin-left: 3em;
}

.m0auto {
  margin: 0 auto;
}

.p1 {
  padding: 1rem;
}

.p2 {
  padding: 2rem;
}

.p3 {
  padding: 3rem;
}

.mxauto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.h100 {
  height: 100%;
}

.w100 {
  width: 100%;
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

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

.fg1 {
  flex-grow: 1;
}

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

.justify-content-center {
  justify-content: center;
}

.justify-content-between {
  justify-content: space-between;
}

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

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.btn {
  position: relative;
  text-decoration: none;
  color: var(--btn-text-color);
  background: var(--btn-bg-color);
  border-radius: var(--btn-border-radius);
  display: inline-block;
  padding: var(--btn-padding);
  max-width: var(--btn-max-width);
  cursor: pointer;
  transition: all .3s ease;
  font-weight: var(--btn-font-weight);
  font-family: var(--btn-font-family);
  font-size: var(--btn-font-size);
  line-height: 1;
  text-align: center;
  margin: var(--btn-margin);
}

.btn:disabled, .btn.disabled, .btn:disabled:hover, .btn.disabled:hover {
  background: var(--btn-disabled-bg-color) !important;
  color: var(--btn-disabled-text-color) !important;
  cursor: default !important;
}

.btn:hover {
  background: var(--btn-hover-bg-color);
  color: var(--btn-hover-text-color);
}

.btn.btn--sm {
  padding: 0.3em 1em;
  font-size: 1em;
}

.btn-gray {
  background: var(--btn-disabled-bg-color);
  color: #fff;
}

.btn-gray:active, .btn-gray:hover {
  background: var(--btn-disabled-bg-color);
  color: #fff;
}

.btn--marginTop {
  margin-top: 2.4em;
}

.back--link {
  display: inline-flex;
  margin-bottom: 2em;
  text-decoration: none;
  max-width: 25px;
}

.back--link svg path {
  fill: var(--back-arrow-color);
}

.back--link svg:hover path {
  fill: var(--back-arrow-hover-color);
}

.circle-size {
  font-size: var(--circle-size);
}

.pie .half-circle {
  border-color: var(--circle-fill-color);
  transition: all 0.5s;
}

.pie-wrapper {
  height: 1em;
  width: 1em;
  float: left;
  position: relative;
  background: var(--circle-bg-color);
  overflow: hidden;
  border-radius: 50%;
  box-shadow: var(--circle-box-shadow);
}

.pie-wrapper:nth-child(3n + 1) {
  clear: both;
}

.pie-wrapper .pie {
  height: 100%;
  width: 100%;
  clip: rect(0, 1em, 1em, 0.5em);
  left: 0;
  position: absolute;
  top: 0;
}

.pie-wrapper .pie .half-circle {
  height: 100%;
  width: 100%;
  border: 0.1em solid var(--circle-fill-color);
  border-radius: 50%;
  clip: rect(0, 0.5em, 1em, 0);
  left: 0;
  position: absolute;
  top: 0;
}

.pie-wrapper .label {
  position: absolute;
  height: 1em;
  width: 1em;
  padding: 0.1em;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  cursor: default;
  color: var(--circle-text-color);
}

.pie-wrapper .shadow {
  height: 100%;
  width: 100%;
  border: 0.1em solid var(--circle-empty-color);
  border-radius: 50%;
}

.pie-wrapper.progress-0 .pie .left-side {
  transform: rotate(0deg);
}

.pie-wrapper.progress-0 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-1 .pie .left-side {
  transform: rotate(3.6deg);
}

.pie-wrapper.progress-1 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-2 .pie .left-side {
  transform: rotate(7.2deg);
}

.pie-wrapper.progress-2 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-3 .pie .left-side {
  transform: rotate(10.8deg);
}

.pie-wrapper.progress-3 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-4 .pie .left-side {
  transform: rotate(14.4deg);
}

.pie-wrapper.progress-4 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-5 .pie .left-side {
  transform: rotate(18deg);
}

.pie-wrapper.progress-5 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-6 .pie .left-side {
  transform: rotate(21.6deg);
}

.pie-wrapper.progress-6 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-7 .pie .left-side {
  transform: rotate(25.2deg);
}

.pie-wrapper.progress-7 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-8 .pie .left-side {
  transform: rotate(28.8deg);
}

.pie-wrapper.progress-8 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-9 .pie .left-side {
  transform: rotate(32.4deg);
}

.pie-wrapper.progress-9 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-10 .pie .left-side {
  transform: rotate(36deg);
}

.pie-wrapper.progress-10 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-11 .pie .left-side {
  transform: rotate(39.6deg);
}

.pie-wrapper.progress-11 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-12 .pie .left-side {
  transform: rotate(43.2deg);
}

.pie-wrapper.progress-12 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-13 .pie .left-side {
  transform: rotate(46.8deg);
}

.pie-wrapper.progress-13 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-14 .pie .left-side {
  transform: rotate(50.4deg);
}

.pie-wrapper.progress-14 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-15 .pie .left-side {
  transform: rotate(54deg);
}

.pie-wrapper.progress-15 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-16 .pie .left-side {
  transform: rotate(57.6deg);
}

.pie-wrapper.progress-16 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-17 .pie .left-side {
  transform: rotate(61.2deg);
}

.pie-wrapper.progress-17 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-18 .pie .left-side {
  transform: rotate(64.8deg);
}

.pie-wrapper.progress-18 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-19 .pie .left-side {
  transform: rotate(68.4deg);
}

.pie-wrapper.progress-19 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-20 .pie .left-side {
  transform: rotate(72deg);
}

.pie-wrapper.progress-20 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-21 .pie .left-side {
  transform: rotate(75.6deg);
}

.pie-wrapper.progress-21 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-22 .pie .left-side {
  transform: rotate(79.2deg);
}

.pie-wrapper.progress-22 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-23 .pie .left-side {
  transform: rotate(82.8deg);
}

.pie-wrapper.progress-23 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-24 .pie .left-side {
  transform: rotate(86.4deg);
}

.pie-wrapper.progress-24 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-25 .pie .left-side {
  transform: rotate(90deg);
}

.pie-wrapper.progress-25 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-26 .pie .left-side {
  transform: rotate(93.6deg);
}

.pie-wrapper.progress-26 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-27 .pie .left-side {
  transform: rotate(97.2deg);
}

.pie-wrapper.progress-27 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-28 .pie .left-side {
  transform: rotate(100.8deg);
}

.pie-wrapper.progress-28 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-29 .pie .left-side {
  transform: rotate(104.4deg);
}

.pie-wrapper.progress-29 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-30 .pie .left-side {
  transform: rotate(108deg);
}

.pie-wrapper.progress-30 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-31 .pie .left-side {
  transform: rotate(111.6deg);
}

.pie-wrapper.progress-31 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-32 .pie .left-side {
  transform: rotate(115.2deg);
}

.pie-wrapper.progress-32 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-33 .pie .left-side {
  transform: rotate(118.8deg);
}

.pie-wrapper.progress-33 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-34 .pie .left-side {
  transform: rotate(122.4deg);
}

.pie-wrapper.progress-34 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-35 .pie .left-side {
  transform: rotate(126deg);
}

.pie-wrapper.progress-35 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-36 .pie .left-side {
  transform: rotate(129.6deg);
}

.pie-wrapper.progress-36 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-37 .pie .left-side {
  transform: rotate(133.2deg);
}

.pie-wrapper.progress-37 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-38 .pie .left-side {
  transform: rotate(136.8deg);
}

.pie-wrapper.progress-38 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-39 .pie .left-side {
  transform: rotate(140.4deg);
}

.pie-wrapper.progress-39 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-40 .pie .left-side {
  transform: rotate(144deg);
}

.pie-wrapper.progress-40 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-41 .pie .left-side {
  transform: rotate(147.6deg);
}

.pie-wrapper.progress-41 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-42 .pie .left-side {
  transform: rotate(151.2deg);
}

.pie-wrapper.progress-42 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-43 .pie .left-side {
  transform: rotate(154.8deg);
}

.pie-wrapper.progress-43 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-44 .pie .left-side {
  transform: rotate(158.4deg);
}

.pie-wrapper.progress-44 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-45 .pie .left-side {
  transform: rotate(162deg);
}

.pie-wrapper.progress-45 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-46 .pie .left-side {
  transform: rotate(165.6deg);
}

.pie-wrapper.progress-46 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-47 .pie .left-side {
  transform: rotate(169.2deg);
}

.pie-wrapper.progress-47 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-48 .pie .left-side {
  transform: rotate(172.8deg);
}

.pie-wrapper.progress-48 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-49 .pie .left-side {
  transform: rotate(176.4deg);
}

.pie-wrapper.progress-49 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-50 .pie .left-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-50 .pie .right-side {
  display: none;
}

.pie-wrapper.progress-51 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-51 .pie .left-side {
  transform: rotate(183.6deg);
}

.pie-wrapper.progress-51 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-52 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-52 .pie .left-side {
  transform: rotate(187.2deg);
}

.pie-wrapper.progress-52 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-53 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-53 .pie .left-side {
  transform: rotate(190.8deg);
}

.pie-wrapper.progress-53 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-54 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-54 .pie .left-side {
  transform: rotate(194.4deg);
}

.pie-wrapper.progress-54 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-55 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-55 .pie .left-side {
  transform: rotate(198deg);
}

.pie-wrapper.progress-55 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-56 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-56 .pie .left-side {
  transform: rotate(201.6deg);
}

.pie-wrapper.progress-56 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-57 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-57 .pie .left-side {
  transform: rotate(205.2deg);
}

.pie-wrapper.progress-57 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-58 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-58 .pie .left-side {
  transform: rotate(208.8deg);
}

.pie-wrapper.progress-58 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-59 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-59 .pie .left-side {
  transform: rotate(212.4deg);
}

.pie-wrapper.progress-59 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-60 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-60 .pie .left-side {
  transform: rotate(216deg);
}

.pie-wrapper.progress-60 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-61 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-61 .pie .left-side {
  transform: rotate(219.6deg);
}

.pie-wrapper.progress-61 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-62 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-62 .pie .left-side {
  transform: rotate(223.2deg);
}

.pie-wrapper.progress-62 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-63 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-63 .pie .left-side {
  transform: rotate(226.8deg);
}

.pie-wrapper.progress-63 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-64 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-64 .pie .left-side {
  transform: rotate(230.4deg);
}

.pie-wrapper.progress-64 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-65 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-65 .pie .left-side {
  transform: rotate(234deg);
}

.pie-wrapper.progress-65 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-66 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-66 .pie .left-side {
  transform: rotate(237.6deg);
}

.pie-wrapper.progress-66 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-67 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-67 .pie .left-side {
  transform: rotate(241.2deg);
}

.pie-wrapper.progress-67 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-68 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-68 .pie .left-side {
  transform: rotate(244.8deg);
}

.pie-wrapper.progress-68 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-69 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-69 .pie .left-side {
  transform: rotate(248.4deg);
}

.pie-wrapper.progress-69 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-70 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-70 .pie .left-side {
  transform: rotate(252deg);
}

.pie-wrapper.progress-70 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-71 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-71 .pie .left-side {
  transform: rotate(255.6deg);
}

.pie-wrapper.progress-71 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-72 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-72 .pie .left-side {
  transform: rotate(259.2deg);
}

.pie-wrapper.progress-72 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-73 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-73 .pie .left-side {
  transform: rotate(262.8deg);
}

.pie-wrapper.progress-73 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-74 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-74 .pie .left-side {
  transform: rotate(266.4deg);
}

.pie-wrapper.progress-74 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-75 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-75 .pie .left-side {
  transform: rotate(270deg);
}

.pie-wrapper.progress-75 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-76 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-76 .pie .left-side {
  transform: rotate(273.6deg);
}

.pie-wrapper.progress-76 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-77 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-77 .pie .left-side {
  transform: rotate(277.2deg);
}

.pie-wrapper.progress-77 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-78 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-78 .pie .left-side {
  transform: rotate(280.8deg);
}

.pie-wrapper.progress-78 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-79 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-79 .pie .left-side {
  transform: rotate(284.4deg);
}

.pie-wrapper.progress-79 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-80 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-80 .pie .left-side {
  transform: rotate(288deg);
}

.pie-wrapper.progress-80 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-81 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-81 .pie .left-side {
  transform: rotate(291.6deg);
}

.pie-wrapper.progress-81 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-82 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-82 .pie .left-side {
  transform: rotate(295.2deg);
}

.pie-wrapper.progress-82 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-83 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-83 .pie .left-side {
  transform: rotate(298.8deg);
}

.pie-wrapper.progress-83 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-84 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-84 .pie .left-side {
  transform: rotate(302.4deg);
}

.pie-wrapper.progress-84 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-85 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-85 .pie .left-side {
  transform: rotate(306deg);
}

.pie-wrapper.progress-85 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-86 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-86 .pie .left-side {
  transform: rotate(309.6deg);
}

.pie-wrapper.progress-86 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-87 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-87 .pie .left-side {
  transform: rotate(313.2deg);
}

.pie-wrapper.progress-87 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-88 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-88 .pie .left-side {
  transform: rotate(316.8deg);
}

.pie-wrapper.progress-88 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-89 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-89 .pie .left-side {
  transform: rotate(320.4deg);
}

.pie-wrapper.progress-89 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-90 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-90 .pie .left-side {
  transform: rotate(324deg);
}

.pie-wrapper.progress-90 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-91 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-91 .pie .left-side {
  transform: rotate(327.6deg);
}

.pie-wrapper.progress-91 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-92 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-92 .pie .left-side {
  transform: rotate(331.2deg);
}

.pie-wrapper.progress-92 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-93 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-93 .pie .left-side {
  transform: rotate(334.8deg);
}

.pie-wrapper.progress-93 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-94 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-94 .pie .left-side {
  transform: rotate(338.4deg);
}

.pie-wrapper.progress-94 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-95 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-95 .pie .left-side {
  transform: rotate(342deg);
}

.pie-wrapper.progress-95 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-96 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-96 .pie .left-side {
  transform: rotate(345.6deg);
}

.pie-wrapper.progress-96 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-97 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-97 .pie .left-side {
  transform: rotate(349.2deg);
}

.pie-wrapper.progress-97 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-98 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-98 .pie .left-side {
  transform: rotate(352.8deg);
}

.pie-wrapper.progress-98 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-99 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-99 .pie .left-side {
  transform: rotate(356.4deg);
}

.pie-wrapper.progress-99 .pie .right-side {
  transform: rotate(180deg);
}

.pie-wrapper.progress-100 .pie {
  clip: rect(auto, auto, auto, auto);
}

.pie-wrapper.progress-100 .pie .left-side {
  transform: rotate(360deg);
}

.pie-wrapper.progress-100 .pie .right-side {
  transform: rotate(180deg);
}

.circle {
  line-height: 1;
}

.circle-timer {
  line-height: 1;
  font-size: 0.25em;
  font-weight: 800;
  margin-bottom: 0;
}

.circle-text {
  line-height: 1;
  display: inline-block;
  font-size: 0.09090909em;
}

.vue-slider {
  height: var(--vue-slider-rail-height) !important;
}

.vue-slider-rail {
  background: var(--vue-slider-rail-color) !important;
}

.vue-slider-dot {
  outline: none !important;
  height: var(--vue-slider-size) !important;
  width: var(--vue-slider-size) !important;
}

.vue-slider-dot-handle {
  outline: none !important;
  border-color: var(--vue-slider-color) !important;
  background-color: var(--vue-slider-color) !important;
  box-shadow: var(--vue-slider-box-shadow) !important;
}

.vue-slider-dot-handle-focus {
  box-shadow: var(--vue-slider-box-shadow) !important;
}

.vue-slider-process {
  background-color: var(--vue-slider-color) !important;
}

.vue-sum-slider .vue-slider-mark-label:after, .vue-sum-slider .vue-slider-dot-tooltip-text:after {
  content: ' ₽';
  font-family: 'Roboto', sans-serif;
}

.hero-calc {
  padding: 1.5em 2em;
  margin: 0 0 40px 0;
  border: 1px solid var(--calculator-border-color);
  box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
}

.hero-calc .vue-slider-dot-handle {
  border-width: 3px !important;
}

.hero-calc .vue-slider-dot-handle-focus {
  border-width: 3px !important;
}

.gorizontal-calc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /*Адаптив для калькулятора*/
}

.gorizontal-calc__item h2 {
  font-size: 22px;
  line-height: 28px;
  color: var(--calculator-label-color);
}

.gorizontal-calc__column {
  flex: 0 1 45%;
  display: flex;
  align-items: center;
}

.gorizontal-calc__item_up {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gorizontal-calc__item_low {
  height: 18px;
  display: flex;
  align-items: center;
}

.gorizontal-calc__body {
  width: 100%;
  margin: 0 0 0 5px;
}

.gorizontal-calc__icon {
  margin: 0 .4em 0 0;
}

.gorizontal-calc__icon svg path {
  fill: var(--calculator-icon-color);
}

@media (max-width: 1034px) {
  .gorizontal-calc__icon {
    display: none;
  }
}

@media (max-width: 581px) {
  .gorizontal-calc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .gorizontal-calc__title {
    display: none;
  }
  .gorizontal-calc__icon {
    display: none;
  }
  .gorizontal-calc__item h2 {
    font-size: 18px;
    line-height: 24px;
  }
  .gorizontal-calc__item_up {
    margin: 0 0 20px 0;
  }
  .gorizontal-calc__column {
    width: 100%;
    margin: 0 0 27px 0;
  }
}

.hero-calc {
  background: var(--calculator-bg-color);
  color: var(--calculator-text-color);
  width: 100%;
  max-width: 100%;
  padding: var(--calculator-padding);
  border-radius: var(--calculator-border-radius);
}

.hero-calc--title {
  display: none;
  font-weight: var(--calculator-title-font-weight);
  font-size: var(--calculator-title-font-size);
  color: var(--calculator-title-color);
  text-align: center;
  margin-bottom: 1em;
}

.hero-calc .input-label {
  margin-top: 0;
}

.hero-calc .input-name {
  margin-bottom: 1em;
}

.hero-calc .calc-range {
  margin: 0.5em 0.5em 0;
}

.hero-calc .get-money-btn {
  font-size: 1em;
}

.hero-calc .calc-detail {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  align-items: center;
  font-size: var(--calculator-detail-font-size);
  color: var(--calculator-detail-color);
}

.hero-calc .calc-detail .old-price {
  margin-right: 0.5em;
}

.hero-calc .loan-time {
  margin: 1.88em 0 0;
  flex-wrap: wrap;
  font-size: 1.05rem;
}

.hero-calc .loan-time .timer-info {
  padding: 0;
}

.hero-calc .loan-time:before {
  width: auto;
  flex-basis: 200%;
  position: static;
  margin: 0 -1.2rem 1em;
}

.hero-calc .loan-time:after {
  display: none;
}

.hero-calc .loan-count img {
  height: 17px;
}

.calc-range {
  width: 100%;
  margin: 1em 0;
}

.return-time {
  display: flex;
  font-weight: 400;
}

.slider-return-date {
  font-weight: bold;
  color: var(--slider-return-date);
}

.return-summ {
  font-weight: 700;
}

.old-price {
  font-weight: 400;
  text-decoration: line-through;
}

.overpayment {
  font-weight: 700;
}

.overpayment .new-price {
  color: var(--calculator-detail-value-color);
}

.overpayment .old-price {
  color: #C4C4C4;
}

.loan-time {
  margin: 1em -2em 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
}

.loan-time:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #CDCDCD;
  margin-bottom: 1em;
}

.loan-time .timer-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 2em;
  width: 100%;
}

.loan-time span {
  font-weight: 700;
  font-size: 1.15em;
  margin-left: .5em;
}

.input-label {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  font-size: var(--calculator-label-font-size);
  color: var(--calculator-label-color);
  font-weight: var(--calculator-label-font-weight);
}

.input-label .slider-text-wrap {
  color: var(--calculator-value-color);
  margin-left: auto;
  line-height: 1;
  display: flex;
  align-items: center;
  font-size: var(--calculator-value-font-size);
  font-weight: var(--calculator-value-font-weight);
}

.input-label .slider-text {
  margin-right: 0.3em;
  line-height: 1;
}

.get-money-btn {
  width: 100%;
  display: block;
  max-width: none;
  margin: 0 auto 1em;
}

@media only screen and (max-width: 1024px) {
  .hero-calc--title {
    font-size: 1.5em;
  }
}

@media only screen and (max-width: 767px) {
  .hero-calc {
    max-width: none;
    width: auto;
    align-self: stretch;
    margin: 0 -1.2em 2em;
    border-radius: 0;
  }
}

@media (max-width: 581px) {
  .hero-calc {
    background-color: var(--calculator-mobile-bg-color);
    border-radius: 0 !important;
    margin-left: -1em;
    margin-right: -1em;
    padding-left: 1em;
    padding-right: 1em;
    border: none;
    box-shadow: none;
    margin-bottom: 1em;
  }
}

@use "sass:meta" {}.text-box {
  transition: transform .3s, box-shadow .3s;
  padding: 1.5em 3.5em;
  display: flex;
  margin-bottom: 3em;
  border-radius: 20px;
  background-color: var(--banner--bg-color);
  color: var(--banner--text-color);
}

.text-box:hover {
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.22);
  transform: translateY(-4px);
}

.text-box .section-title {
  font-size: 1.1em;
  line-height: 1.18;
  margin-bottom: 1em;
  color: inherit;
}

.text-box .plain-text {
  font-size: .9em;
  line-height: 1.1875em;
  font-weight: bold;
  color: var(--banner--plain-text-color);
}

.text-box p {
  margin-bottom: 1em;
}

.text-box.small-box {
  padding: 1em 2em;
  margin-bottom: 2em;
}

.text-box .btn {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: var(--banner--btn-bg-color);
  color: var(--banner--btn-text-color);
}

.text-box .btn:hover {
  background-color: var(--banner--btn-hover-bg-color);
  color: var(--banner--btn-hover-text-color);
}

.text-box--image {
  position: relative;
  overflow: hidden;
}

.text-box--image .text-box-content {
  width: 62%;
}

.text-box--image .text-box-img, .text-box--image .text-box-timer {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3.5em;
  width: 27.5%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.text-box--image .text-box-timer {
  text-align: center;
  flex-direction: column;
}

.text-box--image .text-box-timer span {
  display: block;
  font-size: 1.5em;
  font-weight: bold;
}

.text-box-margin {
  margin-top: 1.5em;
}

.lead-gmm .lead-gmm--selector {
  background: var(--gmm-left-background-color);
  box-shadow: var(--gmm-box-shadow);
  border-radius: var(--gmm-border-radius);
  color: var(--gmm-left-text-color);
  display: flex;
  align-items: stretch;
  overflow: hidden;
  max-width: 830px;
}

.lead-gmm .b-title {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 2em;
}

.lead-gmm input[type="radio"] {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

.lead-gmm .left {
  width: 300px;
  flex-shrink: 0;
  padding: 1em;
  display: flex;
  flex-direction: column;
}

.lead-gmm .left label {
  border: 1px solid var(--gmm-left-label-border-color);
  background-color: var(--gmm-left-label-background-color);
  border-radius: var(--gmm-left-label-border-radius);
  color: var(--gmm-left-label-text-color);
  opacity: var(--gmm-left-label-opacity);
  padding: 1.5em 0.5em;
  display: flex;
  align-items: center;
  margin-bottom: 1em;
  cursor: pointer;
  transition: all 0.3s;
}

.lead-gmm .left label .l {
  width: 50px;
  flex-shrink: 0;
}

.lead-gmm .left label .l svg {
  width: 100%;
}

.lead-gmm .left label .l svg path {
  fill: var(--gmm-left-label-icon-color);
}

.lead-gmm .left label .r {
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.lead-gmm .left label .r .m {
  margin-bottom: 0.5em;
  font-size: 0.9em;
}

.lead-gmm .left label .r .t {
  font-size: 0.8em;
  line-height: 1.2;
  font-weight: 300;
}

.lead-gmm .left input:checked + label {
  background-color: var(--gmm-left-label-active-background-color);
  border-color: var(--gmm-left-label-active-border-color);
  color: var(--gmm-left-label-active-text-color);
  opacity: 1;
  cursor: default;
}

.lead-gmm .left input:checked + label .l svg path {
  fill: var(--gmm-left-label-active-icon-color);
}

.lead-gmm .left input:not(:checked) + label:hover {
  opacity: 1;
}

.lead-gmm .left .btn {
  margin-top: auto;
  width: 100%;
  height: 68px;
  max-width: none;
}

.lead-gmm .right {
  background-color: var(--gmm-right-background-color);
  color: var(--gmm-right-text-color);
  width: 90%;
  flex-shrink: 1;
  padding: 1em;
}

.lead-gmm .right.p0 {
  padding: 0;
}

.lead-gmm .right .b-title {
  color: inherit;
}

.lead-gmm .ymap-container {
  height: 300px;
}

.client-card-list input[type="radio"] {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

.client-card-list label {
  background: var(--gmm-right-card-background-color);
  box-shadow: var(--gmm-right-card-box-shadow);
  border: 1px solid var(--gmm-right-card-border-color);
  border-radius: 15px;
  padding: 0.5em 1em;
  color: var(--gmm-right-card-text-color);
  font-size: 1.2em;
  width: 100%;
  margin-bottom: 1em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 68px;
  cursor: pointer;
  transition: all 0.3s;
}

.client-card-list label svg path {
  fill: var(--gmm-right-card-icon-color);
}

.client-card-list label .card-icon {
  margin-right: 5px;
}

.client-card-list label .status-text {
  vertical-align: super;
  display: inline-block;
  font-size: 0.7em;
}

.client-card-list label .number {
  text-align: right;
  white-space: nowrap;
}

.client-card-list label.ok {
  background: var(--gmm-right-card-active-background-color);
  color: var(--gmm-right-card-active-text-color);
  border-color: var(--gmm-right-card-active-border-color);
  cursor: default;
}

.client-card-list label.ok svg path {
  fill: var(--gmm-right-card-active-icon-color);
}

.client-card-list .btn {
  width: 100%;
  height: 68px;
  max-width: none;
}

@media (max-width: 370px) {
  .lead-gmm .left .btn {
    font-size: 1em;
    height: auto;
    min-height: 50px;
  }
  .client-card-list label {
    font-size: 1em;
    min-height: 50px;
  }
  .client-card-list label svg {
    width: 35px !important;
    height: auto !important;
  }
  .client-card-list .btn {
    font-size: 1em;
    height: auto;
    min-height: 50px;
  }
}

@use "sass:meta" {}/*Новая loan-card-division и loan-card-single для займа*/
.loan-card-new {
  background-color: var(--loan-card--bg-color);
  color: var(--loan-card--text-color);
  position: relative;
  border: 1px solid var(--loan-card-border-color);
  border-radius: 15px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  margin: 0 0 1.5em 0;
  /*Текст блока справа*/
}

.loan-card-new .btn {
  margin: .8em 0 0 0;
  display: block;
  font-size: 1em !important;
  text-align: center;
  min-width: 180px;
  max-width: 80%;
  width: 100%;
}

.loan-card-new .request-summ {
  color: var(--loan-card-request-summ-color);
  font-size: 3rem;
}

.loan-card-new .left-column {
  min-height: 100%;
  width: 35%;
  padding: 1em 1.5em;
  background: var(--loan-card-left-column-bg-color);
  color: var(--loan-card-left-column-text-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

.loan-card-new .day-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.loan-card-new .day-number {
  font-weight: bold;
  font-size: 2.3em;
  white-space: nowrap;
}

.loan-card-new .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1em 2em;
  width: 100%;
}

.loan-card-new .mobile-btn {
  text-transform: uppercase;
  display: none;
}

.loan-card-new .text-info {
  width: 70%;
  flex-grow: 0;
  flex-shrink: 1;
  margin: 0 1.5em 0 0;
}

.loan-card-new .request-detail {
  font-weight: 500;
  font-size: 1.2em;
}

.loan-card-new .seporator {
  background: var(--loan-card-seporator-color);
  margin-top: .6em;
  margin-bottom: .6em;
  width: 100%;
  opacity: 0.5;
}

.loan-card-new .status {
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  text-align: center;
  font-weight: 700;
  align-items: center;
}

.loan-card-new .status .text-status {
  color: var(--loan-card-text-status-color);
}

.loan-card-new .status.open-contract {
  text-align: right;
  font-size: 2.1em;
}

.loan-card-new .application-status {
  font-size: 2em;
  font-weight: bold;
  white-space: nowrap;
}

.loan-card-new .application-status span {
  color: var(--loan-card-application-status-color);
}

.loan-card-new .btn {
  color: var(--loan-card-btn-text-color);
  background: var(--loan-card-btn-bg-color);
}

.loan-card-new .btn:hover {
  color: var(--loan-card-btn-hover-text-color);
  background: var(--loan-card-btn-hover-bg-color);
}

.loan-card-new:not(.inHistory).isDenied.aibolitEnable {
  border-color: #F9B43E;
}

.loan-card-new:not(.inHistory).isDenied:not(.aibolitEnable) {
  border-color: #EC7382;
}

.loan-card-new:not(.inHistory).isDenied:not(.aibolitEnable) .application-status span {
  color: #EC7382;
}

.loan-card-new:not(.inHistory).isDenied:not(.aibolitEnable) .request-summ {
  color: #EC7382;
}

.loan-card-new:not(.inHistory).isDenied:not(.aibolitEnable) .status {
  align-items: flex-end;
}

.loan-card-new:not(.inHistory).isForIssue, .loan-card-new:not(.inHistory).signInProcessing, .loan-card-new:not(.inHistory).isUnconfirmed, .loan-card-new:not(.inHistory).isOpen {
  border-color: #54B574;
}

.loan-card-new:not(.inHistory).isForIssue .application-status span, .loan-card-new:not(.inHistory).signInProcessing .application-status span, .loan-card-new:not(.inHistory).isUnconfirmed .application-status span, .loan-card-new:not(.inHistory).isOpen .application-status span {
  color: #54B574;
}

.loan-card-new:not(.inHistory).isForIssue .request-summ, .loan-card-new:not(.inHistory).signInProcessing .request-summ, .loan-card-new:not(.inHistory).isUnconfirmed .request-summ, .loan-card-new:not(.inHistory).isOpen .request-summ {
  color: #54B574;
}

.loan-card-new:not(.inHistory).isForIssue .left-column, .loan-card-new:not(.inHistory).signInProcessing .left-column, .loan-card-new:not(.inHistory).isUnconfirmed .left-column, .loan-card-new:not(.inHistory).isOpen .left-column {
  background: #54B574;
}

.loan-card-new:not(.inHistory).isDelinquent {
  border-color: #EC7382;
}

.loan-card-new:not(.inHistory).isDelinquent .application-status span {
  color: #EC7382;
}

.loan-card-new:not(.inHistory).isDelinquent .request-summ {
  color: #EC7382;
}

.loan-card-new:not(.inHistory).isDelinquent .left-column {
  background: #EC7382;
}

.loan-card-new.inHistory, .loan-card-new.isRefusal {
  border-color: #97A6BA;
  color: #878787;
}

.loan-card-new.inHistory .application-status span, .loan-card-new.isRefusal .application-status span {
  color: #878787;
}

.loan-card-new.inHistory .request-summ, .loan-card-new.isRefusal .request-summ {
  color: #878787;
}

.loan-card-new.inHistory .left-column, .loan-card-new.isRefusal .left-column {
  background: #97A6BA;
}

@media only screen and (max-width: 767px) {
  .loan-card-new {
    margin: 0 0 1.5em;
    flex-direction: column;
  }
  .loan-card-new .status {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .loan-card-new .status.open-contract {
    text-align: center !important;
    width: 100%;
  }
  .loan-card-new .left-column {
    width: 100%;
    justify-content: flex-start;
  }
  .loan-card-new .left-column svg {
    margin: 0 auto;
  }
  .loan-card-new .text {
    flex-direction: column;
    align-items: center;
  }
  .loan-card-new .text-info {
    width: 100%;
    margin: 0 0 .8em 0;
  }
  .loan-card-new .mobile-btn {
    margin: .8em 0 0 0;
    display: block;
    font-size: 1.5rem !important;
    text-align: center;
    min-width: 120px;
    max-width: 80%;
    width: 100%;
  }
}

@media only screen and (max-width: 504px) {
  .loan-card-new .status {
    align-items: flex-start !important;
  }
  .loan-card-new .text-info {
    margin-right: 0 !important;
  }
  .loan-card-new .text {
    padding: 1em;
    align-items: flex-start !important;
    flex-direction: column;
  }
  .loan-card-new .left-column {
    padding: 1em;
  }
  .loan-card-new .application-status {
    white-space: normal;
  }
}

@use "sass:meta" {}.rating-blocks {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  flex-wrap: wrap;
}

.rating-blocks .rating-item {
  width: 270px;
  min-height: 270px;
  margin: 0 1em 2em;
  padding: 1em 0.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #FFFFFF;
  border: 2px solid #F2F2F4;
  border-radius: 10px;
  transition: transform .3s, box-shadow .3s;
}

.rating-blocks .rating-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.1), 0 25px 50px 8px rgba(0, 0, 0, 0.1);
}

.rating-blocks .rating-type-name {
  font-size: 21px;
  line-height: 1.2;
  font-weight: 700;
  margin: 0 0 auto;
}

.rating-blocks .rating-status {
  margin: auto 0;
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1;
  display: block;
}

.rating-blocks .rating-status:not(.red) {
  color: var(--link-color);
}

.rating-blocks .rating-status span {
  font-weight: 300;
  font-size: 1em;
}

.rating-blocks svg path {
  fill: var(--credit-rating-svg-fill);
}

.rating-blocks .btn--rating {
  margin-top: auto;
  min-width: 140px;
  font-size: .9em;
}

.rating-blocks .btn--rating.already-get, .rating-blocks .btn--rating.already-get:hover {
  cursor: default;
  background-color: #F2F2F4;
  color: #828282;
}

.card-verify .timer {
  border: 1px dashed;
  border-radius: 5px;
  line-height: 1;
  padding: 2px 0;
  min-width: 61px;
  display: inline-block;
}

.card-verify__generation {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.card-verify__generation .timer {
  margin-left: 5px;
  margin-right: 50px;
}

@font-face {
  font-family: 'common/DigitalRegular';
  src: url("/assets/fonts/common/DigitalRegular.eot");
  src: url("/assets/fonts/common/DigitalRegular.eot") format("embedded-opentype");
  src: url("/assets/fonts/common/DigitalRegular.woff2") format("woff2");
  src: url("/assets/fonts/common/DigitalRegular.woff") format("woff");
  src: url("/assets/fonts/common/DigitalRegular.ttf") format("truetype");
  src: url("/assets/fonts/common/DigitalRegular.svg#common/DigitalRegular") format("svg");
}

#popup_slot_machine {
  padding: 0;
  width: 618px;
}

#slot-machine {
  background: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  border-radius: 10px;
}

#slot-machine, #slot-machine * {
  box-sizing: border-box;
}

#slot-machine .wrap {
  height: 930px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

#slot-machine .title {
  font-size: 36px;
  font-weight: 400;
  line-height: 52px;
}

#slot-machine .slot-machine-img {
  margin: 10px 0 30px;
}

#slot-machine .play-wrap {
  background-image: url("/img/slot-machine/slot-machine-play-bg.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 930px;
  width: 516px;
}

#slot-machine .play-wrap .head {
  background-image: url("/img/slot-machine/slot-machine-head-text.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  height: 208px;
  margin-bottom: 36px;
}

#slot-machine .play-wrap .slots-wrap {
  height: 268px;
  margin-bottom: 33px;
}

#slot-machine .play-wrap .slots-wrap .slots {
  margin: 0 47px;
  height: 100%;
  display: flex;
  position: relative;
}

#slot-machine .play-wrap .slots-wrap .slots:before, #slot-machine .play-wrap .slots-wrap .slots:after {
  position: absolute;
  content: '';
  display: block;
  height: 23px;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 4;
  background-image: url("/img/slot-machine/slot-shadow.png");
  background-repeat: repeat-x;
  background-position: top center;
  filter: invert(100%);
}

#slot-machine .play-wrap .slots-wrap .slots:after {
  top: 100%;
  margin-top: -22px;
  transform: rotate(180deg);
}

#slot-machine .play-wrap .slots-wrap .slots .slot {
  background-color: #f0f0f0;
  width: 33.3333%;
  position: relative;
  margin-left: 1px;
}

#slot-machine .play-wrap .slots-wrap .slots .slot:before {
  position: absolute;
  content: '';
  display: block;
  height: 100%;
  top: 0;
  left: 0;
  width: 1px;
  background: #1f2022;
  z-index: 3;
}

#slot-machine .play-wrap .slots-wrap .slots .slot:first-child:before {
  display: none;
  margin-left: 0;
}

#slot-machine .play-wrap .slotMachineContainer {
  height: 268px;
}

#slot-machine .play-wrap .slotMachineContainer > * {
  height: 140px;
  display: flex;
  position: relative;
  top: -70px;
}

#slot-machine .play-wrap .slotMachineContainer > * .slot-item {
  height: 120px;
  width: 120px;
  margin: auto;
  text-align: center;
  color: #1f2022;
  font-weight: 700;
  line-height: 120px;
  border-radius: 50%;
  background-color: #ffcc00;
}

#slot-machine .play-wrap .slotMachineContainer > * .slot-item .n {
  display: inline-block;
  font-size: 25px;
}

#slot-machine .play-wrap .slotMachineContainer > * .slot-item .p {
  display: inline-block;
  font-size: 25px;
}

#slot-machine .play-wrap .slotMachineContainer > *:before {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  top: -0.5px;
  left: 0;
  background-color: #d0d0d0;
  z-index: 2;
}

#slot-machine .play-wrap .play-info {
  height: 80px;
  margin: 0 50px 16px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

#slot-machine .play-wrap .play-info .c {
  width: 54%;
  flex-shrink: 1;
  flex-grow: 0;
  margin-left: 5px;
}

#slot-machine .play-wrap .play-info .c.c1 {
  flex-shrink: 0;
  flex-grow: 1;
  margin-left: 0;
  width: 46%;
}

#slot-machine .play-wrap .play-info .c .t {
  text-align: center;
  color: #1f2022;
  font-size: 14px;
  font-weight: 700;
  line-height: 32px;
}

#slot-machine .play-wrap .play-info .res-interest-rate {
  border-radius: 5px;
  background-color: #250d0d;
  padding: 5px;
  text-align: right;
  position: relative;
  line-height: 1;
  font-family: "common/DigitalRegular";
  font-size: 40px;
  font-weight: 400;
}

#slot-machine .play-wrap .play-info .res-interest-rate .f {
  color: #461515;
}

#slot-machine .play-wrap .play-info .res-interest-rate .r {
  position: absolute;
  color: red;
  top: 0;
  right: 0;
  padding: 5px;
}

#slot-machine .play-wrap .play-info .btn {
  text-align: center;
  padding: 19px 5px 13px;
  border-radius: 5px;
  background-color: #e4e7e9;
  color: #1f2022;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  transition: all;
  border: none;
  margin: 0;
  display: block;
  outline: none;
  width: 100%;
  cursor: default;
}

#slot-machine .play-wrap .play-info .btn.active {
  cursor: pointer;
  background-color: #ffcc00;
}

#slot-machine .play-wrap .controls {
  height: 160px;
  margin-bottom: 30px;
  padding-top: 12px;
  text-align: center;
}

#slot-machine .play-wrap .controls .t {
  height: 14px;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 9px;
}

#slot-machine .play-wrap .controls .btn {
  position: relative;
  background-color: #10d301;
  text-shadow: 0 -1px 0 rgba(5, 76, 0, 0.35);
  color: #ffffff;
  font-size: 36px;
  font-weight: 700;
  padding: 20px 30px;
  display: inline-block;
  margin: 0 auto;
  border-bottom: 6px solid #0ca600;
  border-radius: 10px;
  box-shadow: 0 2px 1px 1px #4d555b;
  cursor: pointer;
  transition: all;
}

#slot-machine .play-wrap .controls .btn:hover {
  border-bottom-width: 5px;
  top: 1px;
}

#slot-machine .play-wrap .controls .btn.active {
  cursor: default;
  background-color: #d6d8da;
  border-color: #bdbdbd;
  box-shadow: 0 2px 1px 1px #818080;
  border-bottom-width: 1px;
  top: 5px;
  opacity: 0.5;
}

#slot-machine .play-wrap .bottom {
  background-image: url("/img/slot-machine/slot-machine-bottom-text.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 94px;
}

@media (max-height: 1000px), (max-width: 650px) {
  #popup_slot_machine {
    width: 400px;
    margin-left: -200px;
  }
  #slot-machine .wrap {
    height: 580px;
  }
  #slot-machine .title {
    font-size: 28px;
    line-height: 36px;
  }
  #slot-machine .slot-machine-img {
    height: 350px;
    margin: 5px 0 15px;
  }
  #slot-machine .play-wrap {
    height: 580px;
    width: 320px;
  }
  #slot-machine .play-wrap .head {
    background-size: 205px;
    height: 136px;
    margin-bottom: 18px;
  }
  #slot-machine .play-wrap .slots-wrap {
    height: 165px;
    margin-bottom: 21px;
  }
  #slot-machine .play-wrap .slots-wrap .slots {
    margin: 0 30px;
  }
  #slot-machine .play-wrap .slotMachineContainer {
    height: 165px;
  }
  #slot-machine .play-wrap .slotMachineContainer > * {
    height: 86px;
    top: -43px;
  }
  #slot-machine .play-wrap .slotMachineContainer > * .slot-item {
    height: 70px;
    width: 70px;
    line-height: 70px;
  }
  #slot-machine .play-wrap .slotMachineContainer > * .slot-item .n {
    font-size: 25px;
  }
  #slot-machine .play-wrap .slotMachineContainer > * .slot-item .p {
    font-size: 25px;
  }
  #slot-machine .play-wrap .play-info {
    height: 50px;
    margin: 0 30px 5px;
  }
  #slot-machine .play-wrap .play-info .c .t {
    font-size: 9px;
    line-height: 1;
    margin-bottom: 6px;
  }
  #slot-machine .play-wrap .play-info .res-interest-rate {
    border-radius: 3px;
    padding: 2px 5px;
    font-size: 25px;
  }
  #slot-machine .play-wrap .play-info .res-interest-rate .r {
    padding: 2px 5px;
  }
  #slot-machine .play-wrap .play-info .btn {
    padding: 11px 2px 6px;
    border-radius: 3px;
    font-size: 12px;
  }
  #slot-machine .play-wrap .controls {
    height: 104px;
    margin-bottom: 19px;
    padding-top: 12px;
  }
  #slot-machine .play-wrap .controls .t {
    height: 9px;
    font-size: 9px;
    margin-bottom: 5px;
  }
  #slot-machine .play-wrap .controls .btn {
    font-size: 20px;
    padding: 12px 22px;
    border-bottom: 4px solid #0ca600;
    border-radius: 5px;
    box-shadow: 0 1px 1px 0px #4d555b;
  }
  #slot-machine .play-wrap .controls .btn:hover {
    border-bottom-width: 3px;
    top: 1px;
  }
  #slot-machine .play-wrap .controls .btn.active {
    box-shadow: 0 1px 1px 0px #818080;
    border-bottom-width: 1px;
    top: 3px;
  }
  #slot-machine .play-wrap .bottom {
    height: 58px;
    background-size: 200px;
  }
}

@media (max-height: 640px), (max-width: 400px) {
  #popup_slot_machine {
    width: 100%;
    margin-left: 0;
    left: 0;
    background: none;
  }
  #slot-machine {
    background: none;
    padding: 0;
    box-shadow: none;
  }
  #slot-machine .wrap {
    height: auto;
  }
  #slot-machine .title {
    color: #fff;
  }
  #slot-machine .play-wrap {
    height: auto;
    background-image: none;
  }
  #slot-machine .play-wrap .head {
    height: 94px;
  }
  #slot-machine .play-wrap .bottom {
    display: none;
  }
  #slot-machine .play-wrap .controls {
    margin-bottom: 0;
  }
  #slot-machine .play-wrap .play-info .c .t {
    color: #fff;
  }
  .popup_bg[data-for="popup_slot_machine"] {
    background: #101010;
  }
}

.aibolit-steps {
  display: flex;
  justify-content: space-around;
  counter-reset: list;
  max-width: 610px;
  margin-left: auto;
  margin-right: auto;
}

.aibolit-steps .item {
  display: flex;
  flex-direction: column;
}

.aibolit-steps .item .counter {
  display: flex;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background: #878787;
  border-radius: 5px;
  position: relative;
  margin: 10px 30px;
  box-shadow: 0 0 0 5px #fff;
  z-index: 3;
}

.aibolit-steps .item .counter:before {
  counter-increment: list;
  content: "x" counter(list);
  display: inline-block;
  color: #fff;
  margin: auto;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
}

.aibolit-steps .item .counter:after {
  position: absolute;
  bottom: 0;
  right: -5px;
  content: '';
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGoSURBVHgBnZM7SwNREIXP3KwI2iyIFgoasZeghY2QbGcjBKugggF/gForZAWtfXTaGAsf5aKNlTFaWQjBTpvEwsKgsE2C5LHjvRsMm43RxAP74DDz3WHuDMGnaCquQ1RWWXAYTCGAdYBsEGeIkES5K20ZyZw3hxoA6YVVJkrUElsqRwKmNX1y3ASJphdNJk6gTTHz5kX41KxDorfzcQYdoUMRO2tW+GyXZA+CHCinpBdE57Kp2jUqEChF2gXMDs24j0e6o5VWNNnIJfDfgNjIHGLDc+7/5etV3SemiJCAUNOJgzMY6O7/EbD/dOAPDwlVkteZ6pvE8tgitsbXXZAfcJ2/80N0Tb5sL+j+4wHZwgtGe0ewM7GNXq3nN4CSrSrJ+N2Nx21cv922A1DKaER0Iwcn4nULlSL2nw+R/3x3q1LVtRIzkmpOdDknWfh605aYc+Q4hpDLZDtVbOIfklNuWsZ5TvUEl8bJrrxvsyMAs3kRri1hwxbPpubjQiABomDrbNgMBTjd+7bIHxNNxYJViIgIuJMckhG6SpTfjDz9RjjFPcuwbG/OF0eYqx1elKaaAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: center;
  height: 17px;
  width: 17px;
  display: block;
}

.aibolit-steps .item .t {
  margin-top: 10px;
  color: #878787;
  text-align: center;
}

.aibolit-steps .item .t .i {
  font-size: 0.6em;
  line-height: 1.4;
  display: inline-block;
}

.aibolit-steps .item .t .s {
  margin-top: 5px;
  font-size: 0.8em;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
}

.aibolit-steps .item .t .s:before {
  content: 'Использовано';
}

.aibolit-steps .item.active .counter {
  margin: 0 20px;
  width: 70px;
  height: 70px;
  background-color: #4FC25B;
}

.aibolit-steps .item.active .counter:after {
  display: none;
}

.aibolit-steps .item.active .t {
  color: #4FC25B;
}

.aibolit-steps .item.active .t .s:before {
  content: 'Доступно';
}

.aibolit-steps .item.active ~ .item .counter {
  background-color: #ED4242;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAWCAYAAADNX8xBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHbSURBVHgBrVSLcRMxEN1dyR4cLsldBREVYCpIUgF2BYwrSKgAOgAq8KQChwoMFXBUwFHBfWzHM9FJy8oXxiF2Lpkb3syNpNPq7dvVrhD2IM85JlpeEuFb79mEfzLPvIcr79V1kgyyh2dol2Q5JFrNZYu1fjnq9/Wb8NW1Hcv2iVJ+HmxaifJ8bYhg6r2dAHBp7Sq9vXUza91Uqf5cKZU6x2OlcBZs75/F+4uqWk2F4Bszv0LEU+fsOEmSonGSGyH7xOx/SripUnRxdBSdw25Ia1OWy1/bMY93bfK42VucVdW/NrhVU40k0lNRIgqwODw8+AJ7sFjcXIRRlIU0pFEUXT3MURxImMEg+gIeAXNdSujDxuEWBP8JGHKitZsyo7nzKcogk0mxX9FfOzmMHGwKKY2J1ro2zFT0egdn0AHW3nzW+sWJvlsXgwH+hg6QktkofzJHoV3gGaAnvI2kXX6U5SKvqvW7zkSSzA/SqGPv8ZzZXbbZ6rZNuaGMyI8aUkw7EzlH74l4JhUMdQ2TzkRNaYRqD1XMbabtOZJWkBtDI9Nhrwevoasi51x4Lj6GubX2a2cieYsyGTJ4BqiuN/Eb6AgpEbNRlCRRKo9U+HJ4pFFbEEudXR8fD77/AfXC+g4gr5G2AAAAAElFTkSuQmCC");
}

.aibolit-steps .item.active ~ .item .counter:before {
  content: '';
}

.aibolit-steps .item.active ~ .item .counter:after {
  display: none;
}

.aibolit-steps .item.active ~ .item .t {
  color: #ED4242;
}

.aibolit-steps .item.active ~ .item .t .s:before {
  content: 'Заблокировано';
}

.aibolit-steps .arr {
  display: block;
  height: 0;
  width: 100%;
  content: '';
  margin: 32.5px -25px;
  border-bottom: 4px dotted #878787;
  position: relative;
  z-index: 1;
}

.aibolit-steps .arr:after {
  content: '';
  position: absolute;
  display: block;
  background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAATAAsDAREAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+uK5+JPxI/Y7+Jt1p3xq8Ta/8RP2ZPib4oubjwl8Xteml1PXvgx4m168kuB4N8fXYUs/gieeVovDusbI7bRoFS1SOCygktLIA/RC3uILuCC6tZ4bm1uYY7i2ubeRJoLiCZFkhngmjZo5YZY2WSOSNmR0ZWVipBoA+Fv2vfijqfiQp+yT8JfDmiePfi98XtCvLfxBBrdvFqHhT4VfD678q01Dx/wCN4nhuYY3iFwH8NWM0Uk0uoxW96ttd3B0bSddAPp34KfCzTfgl8KfA/wAKtI1bVtd0/wAE6JFpEOr63O8+oX8hmmu7mdg0kotLU3VzOum6ZFI9tpGmraaXasbaziNAHA/AX4c+C/CniH46+LdD0SO28T+NvjB4nl8U69cXmo6nqurLp7Qvp1pJe6reXs9vpmmm/vBpuk2b22l6elxJHZ2kKYUAH0hQAP/Z");
  background-repeat: no-repeat;
  background-position: center;
  height: 19px;
  width: 12px;
  left: 50%;
  top: 50%;
  margin-left: -6.5px;
  margin-top: -8px;
  z-index: 2;
}

.aibolit-steps .item.active ~ .arr {
  border-color: #ED4242;
}

.aibolit-steps .item.active ~ .arr:after {
  background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAATAAwDAREAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+tD4z+NPjb+x38W9d+Omqa14v+MX7I3xC1Cwf4m+G7h59b8Ufs4aoIbbTYvF/gq0jXfP8MpljifXdAtIl/s+4ea/CtfzNdan8Dm2LzfhbM62cVKuKzXhjHTg8ww8nKtiMhqWjTWKwkVq8vdk61GK9yTc/jfNU/rjw/wCH/Dvx64Gy3w3weX5FwF45cLYXEx4PzelGnl+T+LGDdSti55FxDXm+WnxfTc5xy3M6839apRp4ZtYamqOE/Qrwv4o8O+NvDui+LvCOtad4j8MeI9OtdX0PXNIuo7zTdU028jEttd2lzEWSSORGHcOjho5FSRGUfcYbE0MXQpYrC1adfD16catGtSkp06lOavGUZLRpr5p6OzTR/LWc5NmvDua5hkWe5fi8qzjKsXWwOZZbjqM8Pi8Hi8PNwq0K9KaUozjJecZRanByhKMn8cftZftNXngu80z9nj4L+GNO+K/7S/xX065svD3gO7jivvDXhDw1fRSWupePvinvD21h4QsLZ55E0+/8s68Y3g2ixFxLXyvEvEE8JOnkeU4enmXEGZU5QoYOSU8PhcPNONTG5je8YYWEW2oTt7azj8HMz978EfB/D8QYfGeKniDnGL4J8IeCcXRxGa8S0Jzw+b57m+HnGthOGODOVxrYnPcTWjTjLFYbmWWKUat/rHsoHoP7Hf7NVt+yn8EdG+FaeJr3xZqbanqXinxLqsqi10f/AISbxALaTV7XwnosaR23h3wtbzW6jTdJtYoYzK13qc0Ud7qV0o7uFsgjw3lFLLViJ4mp7SpicRUfu0vrFfldWOGpJKNDDRcf3dKKSvzVGlOpI+X8efFyt41+ImP40llGHyTBrB4TJcowUH7bH/2PlbrRwNbO8wlKdXNc5q06reLx1ac5KCoYOnOWHwlFlH9nH4WeAfC/jb9o74h6N4dgi8c+N/jb4utvE/iu9vNT1fXNRsNPTS7nT9JTUNYvb+fT9D0+W7m+waFpjWWj2US28FtYxQWdpHBGRZbgsNi8+x1KgljMZm+JjiMTOdSrWqQgqcoUlOrObhRg5Pko0+SlBcsYwUYRS6PFfjTifOeHfCfhbMM1qT4c4d8PMjq5PkmHw+DwGW4TE4mWNo4rHSwuAw+Gp4rMcVChT+s5ljFiMfiJurVrYmdTEV51PrKvpT8RAP/Z");
}

@media only screen and (max-width: 520px) {
  .aibolit-steps {
    flex-direction: column;
  }
  .aibolit-steps .item {
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
  }
  .aibolit-steps .item .counter {
    margin: 0 auto;
  }
  .aibolit-steps .item .t {
    display: flex;
    flex-direction: column;
    z-index: 2;
    background: #fff;
    position: relative;
    margin-bottom: 0;
  }
  .aibolit-steps .arr {
    height: 60px;
    width: 0;
    margin: 0 auto;
    border-bottom: none;
    border-left: 4px dotted #878787;
  }
  .aibolit-steps .arr:after {
    transform: rotate(90deg);
    margin-left: -8px;
    margin-top: -14px;
  }
}

.suretly__loading {
  display: flex;
  height: 220px;
}

.suretly__loading img {
  display: inline-block;
  margin: auto;
  animation: spinner 1.2s linear infinite;
}

.suretly__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 208px;
  width: 100%;
  background: linear-gradient(123.96deg, #2FB53D 0%, #4EB42B 50.52%, #90D03E 100%);
  color: #fff;
}

.suretly__card * {
  position: relative;
  z-index: 2;
}

.suretly__card-img {
  z-index: 1;
}

.suretly__card-img-left {
  position: absolute;
  bottom: 0;
  left: 3%;
}

@media only screen and (max-width: 1260px) {
  .suretly__card-img-left {
    left: -3%;
  }
}

.suretly__card-img-right {
  position: absolute;
  bottom: -11px;
  right: -11px;
}

@media only screen and (max-width: 1080px) {
  .suretly__card-img-left, .suretly__card-img-right {
    display: none;
  }
}

.suretly__card-title {
  font-size: 26px;
  font-weight: 700;
}

.suretly__card-desc {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 2rem;
}

.suretly__card-btn {
  width: 240px;
  box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.2);
}

.suretly__processing {
  color: #3F3D56;
}

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

.suretly__processing__info-item {
  text-align: center;
}

.suretly__processing__info-item + .suretly__processing__info-item {
  margin-left: 60px;
}

@media only screen and (max-width: 767px) {
  .suretly__processing__info-item + .suretly__processing__info-item {
    margin-left: 50px;
  }
}

.suretly__processing__info-item .v {
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

@media only screen and (max-width: 767px) {
  .suretly__processing__info-item .v {
    font-size: 2rem;
  }
}

.suretly__processing__info-item .t {
  font-size: 1.1rem;
  line-height: 1;
  font-weight: 600;
  color: #878787;
}

@media only screen and (max-width: 767px) {
  .suretly__processing__info-item .t {
    font-size: 1rem;
  }
  .suretly__processing__info-item .t span {
    display: none;
  }
}

.suretly__processing__info.completed {
  background-image: url("/img/suretly/salute.gif"), url("/img/suretly/dancer.gif"), url("/robotmoney/img/suretly/dancer.gif");
  background-repeat: no-repeat;
  background-position: center, left -25px bottom -10px, right -25px bottom -10px;
  background-size: auto, auto 168px, auto 168px;
}

@media only screen and (max-width: 767px) {
  .suretly__processing__info.completed {
    background-size: auto, 0 0, 0 0;
  }
}

.suretly__processing__info .btn.get-money {
  max-width: 400px;
}

.suretly__processing .link-info {
  font-size: 0.6rem;
  color: #878787;
}

.suretly__processing .link-info a {
  color: inherit;
}

@media only screen and (max-width: 767px) {
  .suretly__processing {
    margin-top: 1rem;
  }
}

.suretly__confirm {
  color: #3F3D56;
}

.suretly__confirm__base-info {
  font-size: 1.1rem;
}

.suretly__confirm__add-info {
  font-size: 1rem;
  color: #CDCDCD;
  font-weight: 300;
}

.suretly__confirm__add-info a {
  color: inherit;
}

@media only screen and (max-width: 767px) {
  .suretly__confirm__add-info p + p {
    margin-top: 1rem;
  }
}

.suretly__confirm__form {
  display: flex;
}

.suretly__confirm__form .input-sms-code {
  margin-right: 1rem;
}

@media only screen and (max-width: 400px) {
  .suretly__confirm__form {
    flex-direction: column;
    align-items: center;
  }
  .suretly__confirm__form .input-sms-code {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}

.suretly__confirm .sms-link {
  color: #878787;
}

@media only screen and (max-width: 400px) {
  .suretly__confirm .sms-link {
    margin: auto;
  }
}

@media only screen and (max-width: 767px) {
  .suretly__confirm {
    margin-top: 1rem;
  }
}

.suretly .progress-bar .info {
  font-weight: 700;
  font-size: 1.1rem;
}

@media only screen and (max-width: 767px) {
  .suretly .progress-bar .info {
    font-size: 1rem;
  }
  .suretly .progress-bar .info span > span {
    display: none;
  }
}

.suretly hr {
  border: 0;
  border-top: 1px solid #CDCDCD;
}

#auth {
  height: 100%;
}

.login {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  background: var(--auth-phone-sidebar-bg-image) no-repeat;
  background-size: cover;
  background-position: center;
}

.login__header {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  padding: 1.7em 0;
  max-width: 486px;
}

.login__mob-logo {
  display: none;
}

.login__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 510px;
  padding: 2.5em;
  color: var(--auth-text-color);
  background: #fff;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.45);
  border-radius: 10px;
}

.login__body-navigation {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 1em;
  cursor: pointer;
  transition: all .3s ease 0s;
}

.login__body-navigation:hover {
  transition: all .4s ease 0s;
}

.login__body-navigation svg path {
  fill: var(--auth-back-arrow-color);
}

.login__body-navigation:hover svg path {
  fill: var(--auth-back-arrow-hover-color);
}

.login__body-navigation svg {
  margin-right: .7em;
}

.login__body-navigation span {
  display: none;
  font-size: 1.4em;
}

.login__body-title {
  margin-bottom: 1em;
  font-size: 1.8em;
  font-weight: 700;
  color: var(--auth-title-color);
}

.login__body-form2 {
  margin-bottom: 2.2em;
}

.login__body-text {
  margin-bottom: 2.2em;
  text-align: center;
}

.login__body-text .text-info {
  font-size: 0.9em;
  padding: 0.5em 1em;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 5px;
}

.login__body-text span {
  font-size: 1.2em;
  font-weight: 700;
}

.login__body-text .plain-text--info {
  color: var(--auth-plain-text-info-color);
}

.login__body-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1em;
  margin-top: 1rem;
  min-width: 260px;
  min-height: 70px;
}

.login__body-confirm {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  font-size: .9em !important;
}

.login__body-confirm .input-item label {
  margin-bottom: .425em;
}

.login__body-confirm-link {
  color: var(--auth-link-color);
  text-decoration: underline;
  transition: all .3s ease 0s;
}

.login__body-confirm-link:hover {
  transition: all .4s ease 0s;
}

.login__body-confirm-link:hover {
  color: var(--auth-link-hover-color);
  text-decoration: none;
}

.login__body-confirm .input-item {
  margin-bottom: 0;
}

.login__body .remind-password {
  color: var(--auth-link-color);
}

.login__body .remind-password:hover {
  color: var(--auth-link-hover-color);
}

.login__body-form {
  display: flex;
  justify-content: center;
  margin-bottom: 2.2em;
}

.login__body-form_password input {
  max-width: 50% !important;
}

.login__body-form input {
  max-width: 100%;
  font-size: 2em;
  text-align: center;
  padding: 0;
  color: var(--auth-input-text-color);
  border-bottom: var(--auth-input-border);
  border-radius: var(--auth-input-border-radius);
}

.login__body-form input::-moz-placeholder {
  color: var(--auth-input-placeholder-color);
}

.login__body-form input::placeholder {
  color: var(--auth-input-placeholder-color);
}

.login__body-input-help {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
  font-size: .8rem;
  position: absolute;
  bottom: -2rem;
  left: .8rem;
}

.login__footer {
  margin-top: auto;
  margin-bottom: 1.5em;
  text-align: center;
  font-size: 0.9em;
  color: var(--auth-footer-text-color);
}

.input-wrap {
  display: flex;
  justify-content: center;
}

.input-item {
  display: inline-flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 1em;
}

.input-item label {
  display: block;
  margin-bottom: .625em;
}

@media only screen and (max-width: 768px) {
  .login__body {
    box-shadow: none;
  }
}

@media only screen and (max-width: 480px) {
  .login__logo {
    display: none;
  }
  .login__mob-logo {
    display: block !important;
  }
  .login__mob-logo img {
    max-height: 70px;
    margin: 0 auto;
  }
  .login__header {
    width: 100%;
    margin-bottom: 0 !important;
  }
  .login__body {
    height: 100vh;
    min-width: auto !important;
    width: 100% !important;
    padding: 2.5em 1em !important;
    border-radius: 0 !important;
  }
  .login__body-form {
    margin-bottom: 0.2em;
  }
  .login__body-navigation span {
    display: block !important;
    font-weight: 700 !important;
  }
  .login__body-title {
    font-size: 1.6em !important;
  }
  .login__body-form input {
    font-size: 1.8em !important;
  }
  .login__body-resending {
    text-align: center;
  }
}

.footer {
  display: none;
  background: var(--footer-bg-color);
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
}

.footer p {
  font-size: 12px;
  line-height: 15px;
  color: var(--footer-text-color);
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 0;
}

.footer__row {
  min-height: var(--footer-height);
  display: flex;
  padding: 23px 44px 22px 44px;
  align-items: center;
  text-align: center;
  justify-content: space-between;
}

.footer__developed a {
  text-decoration: none;
  color: inherit;
}

.footer__developed span {
  color: var(--red);
}

@media (max-width: 430px) {
  .footer {
    flex-direction: column;
  }
  .footer__column:first-child {
    margin: 0 0 15px 0;
  }
}

@media only screen and (min-width: 768px) {
  .hidden-desktop {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .hidden-mobile {
    display: none;
  }
}

/*Новые стили*/
/*Шаг прикрепление фотографии(анкета регистрации)*/
body {
  height: 100%;
}

.file-desc {
  margin-top: 0 !important;
}

.mobile__file-desc {
  text-align: left;
}

.mobile__file-desc ul {
  margin: 2em 0 0 2em;
  font-size: 0.9em;
}

.mobile__file-desc ul li {
  margin-bottom: 1em;
}

.photo__title-description {
  margin-bottom: 1.8em;
  font-size: 20px;
  line-height: 26px;
}

.photo__data-description {
  margin-bottom: 1.8em;
  font-size: 16px;
  line-height: 26px;
}

.rouble {
  font-family: 'Roboto', sans-serif !important;
  font-weight: inherit !important;
  position: relative;
  top: 0.05em;
}

.rouble::-webkit-input-placeholder, .rouble:-ms-input-placeholder, .rouble:-moz-placeholder, .rouble::-moz-placeholder {
  font-family: 'Roboto', sans-serif !important;
  font-weight: inherit !important;
}

.text-content h2, .text-content h3, .text-content h4, .text-content p {
  margin-bottom: 1em;
}

.screen {
  padding: 0 3em 4em;
}

.screen--eggplant {
  background: var(--eggplant);
  color: #fff;
  padding: 3em;
}

.credit-rating-select {
  border: solid 1px;
  border-radius: 10px;
  font-size: 15px;
  width: 280px !important;
}

.green {
  color: var(--green);
}

.logo {
  display: flex;
}

.logo a {
  text-decoration: none;
}

.text-no-wrap {
  white-space: nowrap;
}

.logo--text {
  display: none;
  font-family: var(--base-font-family) !important;
}

.section-title {
  font-size: 1.27em;
  line-height: 1.17em;
  margin-bottom: 1.52em;
}

.count {
  color: var(--red);
}

.radius {
  border-radius: .416em;
  -webkit-border-radius: .416em;
  -moz-border-radius: .416em;
}

.ovh {
  overflow: hidden;
}

.hidden {
  visibility: hidden;
}

.shadow:hover {
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
}

.plain-text {
  font-size: 1em;
  color: var(--plain-text-color);
}

.plain-text .plain-text--info {
  color: var(--plain-text-span-color);
  font-weight: var(--plain-text-span-font-weight);
}

.column {
  flex-direction: column;
}

.datepicker--cell.-current- {
  color: var(--datepicker-color) !important;
}

.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
  background-color: var(--datepicker-color) !important;
  color: var(--datepicker-text-color) !important;
}

.datepicker--nav-title {
  color: var(--datepicker-text-color) !important;
}

.ui-slider {
  height: 4px;
  border: none !important;
  background: rgba(154, 154, 154, 0.5);
  display: flex;
  align-items: center;
}

.screen--content h2 {
  margin: 3em auto;
  text-align: center;
}

.page-title {
  display: flex;
  text-align: center;
  justify-content: center;
  color: #fff;
  margin-top: 1em;
}

header {
  display: flex;
  padding: 1.66em 0;
  align-items: center;
  justify-content: space-between;
}

header nav {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: var(--black);
  z-index: 9999;
  padding: 3em;
}

.top-menu li {
  margin-bottom: 1em;
  list-style-type: none;
}

.top-menu li a {
  color: #fff;
  text-decoration: none;
  font-size: 1.3em;
  font-weight: 700;
}

.close--menu {
  font-family: 'fontello';
  color: #fff;
  font-size: 1.5em;
  position: absolute;
  top: 2em;
  right: 2em;
}

.logo--link {
  display: inline-flex;
}

.logo--link img {
  width: 1.388em;
  height: 2.33em;
  margin-right: .5em;
}

.cabinet {
  color: #fff;
  cursor: pointer;
}

.cabinet--xl {
  display: none;
  font-weight: 700;
  background: var(--red);
  text-decoration: none;
  border-bottom: 3em;
  font-size: 1em;
  padding: .7em 1.45em;
}

.cabinet--s {
  font-family: 'fontello';
  font-size: 1em;
  display: inline-block;
  width: 1.66em;
  height: 1.66em;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: var(--red);
  border-radius: 100px;
  margin-left: auto;
  padding: 0;
  text-align: center;
}

.menu-toggle {
  height: 14.5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: .5px;
  cursor: pointer;
  margin-left: 1em;
}

.menu-toggle span {
  display: block;
  height: 1.5px;
  width: 1.77em;
  background: #fff;
}

.btn--submit {
  max-width: 220px;
}

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

.range-count {
  border: none;
  text-align: right;
  font-weight: 700;
  font-size: 1.27em;
  width: 4em;
}

.loan-count {
  align-items: center;
  display: flex;
}

.screen--second {
  margin: 6em 0;
}

.screen--second h2 {
  text-align: center;
  margin-bottom: 1.88em;
}

.how-get-loan {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 2.6em;
  justify-content: center;
  align-items: baseline;
}

.loan-item {
  display: flex;
  width: 240px;
  flex-direction: column;
  align-items: center;
  padding: 1.16em;
  margin-bottom: 4em;
  transition: transform .3s, box-shadow .3s;
}

.loan-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.1), 0 25px 50px 8px rgba(0, 0, 0, 0.1);
}

.loan-item:last-child {
  margin-bottom: 0;
}

.icon-img {
  width: 6.9em;
}

.item-count {
  font-size: 2.77em;
  color: var(--red);
  text-align: center;
  font-weight: 700;
  margin: .7em 0;
}

.item-title {
  font-size: 1.27em;
  font-weight: 700;
}

.item-text {
  text-align: center;
  font-size: 1em;
  margin-top: .77em;
}

.text--xl {
  font-size: 4.44em;
  color: var(--red);
  font-weight: 700;
  text-align: center;
  line-height: .75em;
}

.justify-text {
  text-align: justify;
  max-width: 340px;
  margin: 0 auto;
}

.advantage-left {
  margin-bottom: 1.88em;
}

.advantage-left .text--xl {
  margin-bottom: 0.46em;
}

.item-text {
  text-align: center;
}

.resend-sms-info {
  font-size: 1em;
}

.send-code {
  color: var(--link-invisible-color);
  margin-top: 1.5em;
}

.warning-text {
  font-size: .8em;
  width: 86%;
  margin-top: 4em;
}

.input-wrap {
  position: relative;
}

.input-wrap label {
  color: var(--label-text-color);
}

.input-wrap input, .input-wrap select, .input-wrap textarea {
  z-index: 2;
  position: relative;
}

.input-wrap:not(.radio-wrap) label.input-title-label {
  z-index: 1;
  position: absolute;
  top: 0.8em;
  left: 1.4rem;
  transition: all 0.3s;
  white-space: nowrap;
}

.input-wrap:not(.radio-wrap) input:focus ~ label.input-title-label, .input-wrap:not(.radio-wrap) label.input-title-label.no-empty {
  top: -3px;
  font-size: 0.6em;
}

.input-wrap:not(.radio-wrap) input:focus ~ label.input-title-label:after, .input-wrap:not(.radio-wrap) label.input-title-label.no-empty:after {
  content: ':';
}

.input-wrap:not(.radio-wrap).empty input:not(.input-sms-code):not(.auth-phone):not(:focus)::-moz-placeholder {
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  color: transparent;
}

.input-wrap:not(.radio-wrap).empty input:not(.input-sms-code):not(.auth-phone):not(:focus)::placeholder {
  transition: all 0.3s;
  color: transparent;
}

.input-wrap.input-gendor {
  display: flex;
  justify-content: flex-start;
  padding-left: 1.25em;
}

.input-wrap.radio-wrap {
  display: flex;
}

.input-wrap.radio-wrap .radio-group {
  order: 2;
}

.input-wrap.radio-wrap label.input-title-label {
  display: inline-block;
  order: 1;
  margin-right: 0.5em;
}

.input-wrap.required label:after {
  content: '*' !important;
  color: #C11B17;
}

.input-wrap.required .radio-group label:after {
  content: unset !important;
}

.input-sms-code {
  font-size: var(--input-sms-code-font-size);
  border-radius: var(--input-sms-code-border-radius);
  letter-spacing: var(--input-sms-code-letter-spacing);
  width: var(--input-sms-code-width);
  text-align: var(--input-sms-code-text-align);
  padding: var(--input-sms-code-padding);
  font-weight: var(--input-sms-code-font-weight);
}

.input-sms-code.sms-code-4 {
  width: var(--input-sms-code-4-width);
}

.input-sms-code.sms-code-6 {
  width: var(--input-sms-code-6-width);
}

.input-financial-literacy .radio-label {
  font-size: 16px;
  text-align: left;
}

.input-financial-literacy .radio-label:before {
  width: 1em;
  height: 1em;
  top: 0;
}

.tooltip {
  display: block;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 3;
  color: #333;
  background-color: #ccc;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  line-height: 1.2;
  font-size: 14px;
  border-radius: 5px;
  min-width: 200px;
  padding: 7px 10px;
  transition: all 0.3s ease 0.7s;
}

.tooltip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-color: #ccc;
}

.tooltip.bottom {
  margin-top: 6px;
  left: 0;
  top: 100%;
}

.tooltip.bottom:before {
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-bottom: 5px solid;
  bottom: 100%;
  left: 20px;
}

.tooltip.right {
  margin-left: 6px;
  left: 100%;
  top: 0;
}

.tooltip.right:before {
  border-bottom: 4px solid transparent !important;
  border-top: 4px solid transparent !important;
  border-right: 5px solid #ccc;
  right: 100%;
  top: 20px;
}

.tooltip.error-tooltip {
  color: #fff;
  background-color: rgba(255, 0, 0, 0.9);
}

.tooltip.error-tooltip:before {
  border-color: rgba(255, 0, 0, 0.9);
}

.tooltip.info-tooltip {
  color: #fff;
  background-color: var(--black);
}

.tooltip.info-tooltip:before {
  border-color: var(--black);
}

.vue-tooltip.tooltip-custom {
  color: #fff;
  background-color: var(--black);
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  line-height: 1.2;
  font-size: 14px;
  border-radius: 5px;
  padding: 7px 10px;
}

.vue-tooltip.tooltip-custom.error-tooltip {
  color: #fff;
  background-color: rgba(255, 0, 0, 0.9);
}

.vue-tooltip.tooltip-custom[x-placement^=bottom] .tooltip-arrow {
  border-bottom-color: var(--black);
}

.vue-tooltip.tooltip-custom[x-placement^=bottom].error-tooltip .tooltip-arrow {
  border-bottom-color: rgba(255, 0, 0, 0.9);
}

.vue-tooltip.tooltip-custom[x-placement^=right] .tooltip-arrow {
  border-right-color: var(--black);
}

.vue-tooltip.tooltip-custom[x-placement^=right].error-tooltip .tooltip-arrow {
  border-right-color: rgba(255, 0, 0, 0.9);
}

.vue-tooltip.tooltip-custom[x-placement^=top] .tooltip-arrow {
  border-top-color: var(--black);
}

.vue-tooltip.tooltip-custom[x-placement^=top].error-tooltip .tooltip-arrow {
  border-top-color: rgba(255, 0, 0, 0.9);
}

.vue-tooltip.tooltip-custom[x-placement^=left] .tooltip-arrow {
  border-left-color: var(--black);
}

.vue-tooltip.tooltip-custom[x-placement^=left].error-tooltip .tooltip-arrow {
  border-left-color: rgba(255, 0, 0, 0.9);
}

.vue-tooltip.tooltip-custom .tooltip-content p {
  margin-bottom: 0.5em;
}

.vue-tooltip.tooltip-custom .tooltip-content ul {
  list-style: none;
  padding-left: 5px;
}

.vue-tooltip.tooltip-custom .tooltip-content ul li:before {
  content: "—";
  position: relative;
  left: -5px;
}

[aria-invalid="true"],
[aria-invalid="true"] ~ select,
[aria-invalid="true"] ~ input,
[aria-invalid="true"] ~ textarea {
  border-color: red !important;
}

[aria-invalid="true"] ~ .tooltip,
[aria-invalid="true"] ~ select ~ .tooltip,
[aria-invalid="true"] ~ input ~ .tooltip,
[aria-invalid="true"] ~ textarea ~ .tooltip {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

input:disabled:hover ~ .tooltip,
input.disabled:hover ~ .tooltip {
  opacity: 1;
  visibility: visible;
}

.fieldset {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2.25em;
  align-items: center;
}

.input-group-name {
  display: flex;
  width: 100%;
  color: #3F3D56;
  font-weight: bold;
  font-size: 1.8em;
  line-height: 1.3em;
  border: none;
  margin-bottom: 1.27em;
}

.input-item {
  display: inline-flex;
  flex-wrap: wrap;
  position: relative;
  margin-bottom: 1em;
}

.input-item label {
  display: block;
  margin-bottom: .625em;
}

.small-input {
  height: 36px;
  padding: .8125em 1.25em;
}

.profile-input {
  padding: .8125em 1.25em;
}

.profile-input::-moz-placeholder {
  font-size: 1em;
  font-weight: 700 !important;
  color: var(--profile-input-placeholder-color);
}

.profile-input::placeholder {
  font-size: 1em;
  font-weight: 700 !important;
  color: var(--profile-input-placeholder-color);
}

.radio-label {
  display: flex;
  align-items: center;
  margin-right: 1.5em;
  cursor: pointer;
}

.radio-label:before {
  content: '';
  display: inline-flex;
  border: 4px solid #fff;
  box-shadow: 0 0 0 1px #A5A5A5;
  border-radius: 50px;
  width: 1.4em;
  height: 1.4em;
  margin-right: .5em;
  transition: all .3s ease;
  position: relative;
  top: 0.15em;
  flex-shrink: 0;
}

.radio-label:last-child {
  margin-right: 0;
}

input[type=radio]:checked + .radio-label:before {
  content: '';
  background: var(--checkbox-active-bg-color);
}

#birthday, #passport-date {
  position: relative;
}

input[type="date"], input.date-input {
  background-image: url("/img/calendar.png");
  background-position: center right 1em;
  background-repeat: no-repeat;
  padding-right: 50px;
}

.input-checkbox {
  display: none;
}

.checkbox-label {
  display: inline-flex;
  margin-right: 1em;
  border: 3px solid #fff;
  box-shadow: var(--checkbox-box-shadow);
  border-radius: 2px;
  width: 23px;
  height: 23px;
  flex-shrink: 0;
  transition: all .3s ease;
  position: relative;
  top: 0.25em;
}

.simple_login .checkbox-label {
  width: 30px;
  height: 30px;
  top: 0;
}

.nav-profile-item .compleate {
  background-image: url("/img/compleate.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15%;
  width: 50px;
  height: 50px;
  margin-right: 15px;
}

.simple_login input[type=checkbox]:checked + .checkbox-label {
  background: url("/img/check-big.png");
  background-size: 100%;
}

.checkbox-text {
  cursor: pointer;
  color: var(--checkbox-text-color);
}

.is-invalid .checkbox-label {
  box-shadow: 0 0 0 1px var(--red);
}

.v--modal-box {
  max-height: 90vh;
  border-radius: 20px !important;
  padding: 40px !important;
  background-color: #fff !important;
  text-align: left;
  box-shadow: 0 20px 60px -2px rgba(27, 33, 58, 0.4);
  font-size: 20px;
  font-weight: 500;
  color: var(--black);
  overflow-y: auto !important;
}

.v--modal-box::-webkit-scrollbar-thumb {
  border-top-width: 15px !important;
  border-bottom-width: 15px !important;
}

.v--modal-box__no-pagging {
  padding: 0 !important;
}

.v--modal-box__slot-machine {
  background-color: transparent !important;
  box-shadow: none !important;
}

.v--modal-box__slot-machine-calc .hero-calc {
  border: none;
  padding: 0 2em;
  margin: 0;
}

.v--modal-box .label {
  margin-bottom: 0.625em;
  display: block;
}

.v--modal-box .btn {
  border-color: var(--yellow);
}

.v--modal-box h3 {
  line-height: 1.2;
  color: #3F3D56;
  font-size: 1.4em;
}

.v--modal-box .phone {
  color: var(--modal-phone-text-color);
  font-weight: bold;
}

.v--modal-pay-info-text {
  font-size: 0.8em;
}

.v--modal-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.v--modal-column > * {
  margin-bottom: 2.2rem;
}

.v--modal-column > *:last-child {
  margin-bottom: 0 !important;
}

.v--modal-column.compact > * {
  margin-bottom: 1rem;
}

.v--modal-close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 2em;
  line-height: 2rem;
  cursor: pointer;
  opacity: 1;
  transition: all 0.3s;
  color: var(--modal-close-color);
}

.v--modal-close:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
}

.v--modal-box__slot-machine .v--modal-close {
  opacity: 0.6;
  color: var(--black);
}

.v--modal-overlay {
  background: rgba(222, 221, 217, 0.95) !important;
}

@media (max-height: 640px), (max-width: 400px) {
  .v--modal-overlay__slot-machine {
    background: #101010 !important;
  }
  .v--modal-box__slot-machine-calc .hero-calc {
    padding: 0;
    font-size: 0.7em;
    width: 100%;
  }
  .v--modal-box__slot-machine-calc .btn {
    max-width: none;
    min-width: auto;
    width: 100%;
  }
}

.v--modal__timer {
  font-size: 48px;
  color: #ED4242;
  font-weight: 500;
}

input[type=checkbox]:checked + .checkbox-label {
  background: var(--checkbox-active-bg-color);
}

input[type="file"][aria-invalid="true"] ~ .tooltip {
  opacity: 1;
  visibility: visible;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}

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

@media only screen and (max-width: 1080px) {
  .logo--footer {
    margin-right: auto !important;
  }
}

@media only screen and (max-width: 767px) {
  .profile-right {
    margin-bottom: 0 !important;
  }
  .profile-left {
    padding-bottom: 0 !important;
  }
  .banner--approval-up {
    border: none !important;
  }
  .screen--hero {
    background-size: 767px;
  }
  .loan-time {
    margin: 1em -3em 0;
  }
  .loan-time .timer-info {
    padding: 0 3em;
  }
  .phone-footer {
    font-size: 1.5em;
  }
  .input-item {
    margin-right: 0 !important;
  }
  .auth-data {
    align-items: center;
    text-align: center;
  }
  .auth-data .btn {
    min-width: 200px;
  }
}

@media only screen and (max-width: 480px) {
  .radio-group {
    display: block;
  }
  .radio-group--title {
    font-size: 1.4em;
  }
  .loan-time {
    margin: 1em -1.5em 0;
  }
  .loan-time .timer-info {
    padding: 0 1.5em;
  }
}

@use "sass:meta" {}@media only screen and (min-width: 768px) and (max-width: 5020px) {
  body {
    font-size: 20px;
  }
  h1 {
    font-size: 2.15em;
    line-height: 1.4em;
  }
  h2 {
    font-size: 1.9em;
    line-height: 1.66em;
    text-align: center;
  }
  h3 {
    font-size: 1.9em;
    line-height: 1.66em;
    text-align: center;
  }
  .screen {
    padding: 0 13% 4em;
  }
  .screen--eggplant {
    background: #fff;
  }
  .content--eggplant {
    background: #3F3D56;
    width: 100%;
    padding: 4em 6em;
    display: flex;
    border-radius: 1em;
    align-items: center;
    justify-content: space-between;
    transition: transform .3s, box-shadow .3s;
  }
  .content--eggplant:hover {
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.22);
    transform: translateY(-4px);
  }
  .content {
    display: flex;
  }
  .plain-text {
    font-size: 1.2em;
  }
  .section-title {
    font-size: 1.5em;
    font-weight: 700;
  }
  .logo--text {
    display: flex;
    font-size: 1.2em;
    font-weight: 700;
  }
  .white {
    color: #fff;
  }
  .black {
    color: #3F3D56;
  }
  .yellow {
    color: var(--red);
  }
  .logo--link {
    align-items: center;
  }
  .logo--link img {
    width: 1em;
    height: 1.7em;
    margin-right: .5em;
  }
  .back-arrow:hover {
    fill: #999;
  }
  .count {
    font-weight: 700;
  }
  .menu-toggle {
    display: none;
  }
  /* Header style*/
  header {
    width: 100%;
  }
  header nav {
    display: inline-flex;
    margin-left: 3em;
    position: relative;
    background: none;
    width: auto;
    height: auto;
    padding: 0;
  }
  .close--menu {
    display: none;
  }
  .top-menu {
    display: flex;
  }
  .top-menu li {
    list-style-type: none;
    margin-right: 1.11em;
    margin-bottom: 0;
  }
  .top-menu li a {
    color: #fff;
    text-decoration: none;
    transition: all .3s ease;
    font-size: .9em;
  }
  .top-menu li a:hover {
    color: var(--red);
  }
  .top-menu li:last-child {
    margin-right: 0;
  }
  .cabinet--s {
    display: none;
  }
  .cabinet--xl {
    display: flex;
    margin-left: auto;
  }
  /* Footer style */
  .range-count {
    font-size: 1.5em;
    width: 2em;
    font-weight: 700;
  }
  .loan-item {
    width: 16em;
    padding: 2em;
    margin-right: 3em;
  }
  .loan-item:last-child {
    margin-right: 0;
  }
  .item-icon {
    display: flex;
    align-items: baseline;
    margin-bottom: .7em;
  }
  .item-count {
    margin: 0 0;
    margin-left: .2em;
  }
  .item-title {
    margin: 1em 0 .5em 0;
  }
  .advantages {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
  }
  .advantage-left {
    display: inline-flex;
    flex-direction: column;
    margin-bottom: 0;
    width: 29em;
    margin-right: 1em;
  }
  .advantage-right {
    display: inline-flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
  }
  .advantage-item {
    width: 265px;
    margin-bottom: 1em;
  }
  .screen--client .content-left {
    width: 64%;
    margin-right: 1em;
  }
  .image--client {
    display: flex;
  }
  .screen--recomendation {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .screen--recomendation h2 {
    width: 25em;
    margin-bottom: 2.76em;
  }
  .image--recomendation {
    display: flex;
    width: 23em;
    margin-right: 7em;
  }
  .screen--refinans .content-left {
    width: 20em;
  }
  .image--refinans {
    display: flex;
    width: 14.66em;
    margin-left: 4em;
  }
  .screen--partners {
    margin: 6em 0;
  }
  .partners {
    width: 100%;
  }
  .partner-item {
    width: 5.9em;
    margin-right: 3.75em;
    margin-bottom: 0;
  }
  .partner-item:nth-child(even) {
    margin-right: 3.75em;
  }
  .partner-item:last-child {
    margin-right: 0;
  }
  /* Documents style */
  .documents {
    width: 69.2%;
    margin: 0 auto;
  }
  /* Contacts style*/
  .map {
    display: flex;
    margin-bottom: 4.5em;
  }
  /* Auth style */
  .screen--auth {
    flex-direction: row;
    padding-top: 0;
  }
  .screen--auth h3 {
    text-align: left;
  }
  .screen--auth .input-name {
    margin-top: 3.5em;
  }
  .auth-img {
    width: 41%;
    height: calc(100vh);
  }
  .auth-data {
    width: 59%;
  }
  .auth-data .plain-text {
    margin-top: 1.5em;
    font-size: 1.2em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
  body {
    font-size: 18px;
  }
  .screen {
    padding: 0 10% 4em;
  }
  footer {
    padding: 0;
  }
  footer .screen {
    padding: 2em 10% 4em;
  }
  .advantage-item {
    width: 235px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1239px) {
  body {
    font-size: 17px;
  }
  .screen {
    padding: 0 7% 4em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1126px) {
  .advantage-right {
    justify-content: space-around;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .screen {
    padding: 0 5% 4em;
  }
  .top-menu {
    margin-top: 6em;
  }
  .top-menu li {
    list-style-type: none;
    margin-right: 1.11em;
  }
  .top-menu li a {
    color: #fff;
    text-decoration: none;
    transition: all .3s ease;
    font-size: .9em;
  }
  .top-menu li a:hover {
    color: var(--red);
  }
  .top-menu li:last-child {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 926px) {
  body {
    font-size: 15px;
  }
}

.modal-small-text {
  font-size: .8em;
  color: var(--black);
}

.skip--link {
  font-size: .8em;
  color: var(--black);
  text-decoration: underline;
  transition: all .3s ease;
}

.skip--link:hover {
  color: #222;
}

.skip--link.sms-link {
  font-size: 1em;
  color: var(--black);
}

.skip--link.sms-link.disabled {
  cursor: default;
  text-decoration: none;
}

/*Прижал profile-control к низу страницы work*/
.application-work-wrapper {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.application-work-wrapper form {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.application-work-wrapper form .fieldset {
  flex: 1 1 auto;
}

.radio-input {
  display: none;
}

.input-item input, .input-item select {
  max-width: none;
}

.input-s {
  width: 30%;
}

.input-m {
  width: 80%;
  max-width: 80%;
  min-width: 220px;
}

.input-l {
  width: 65%;
  max-width: 65%;
  min-width: 220px;
}

.input-xl {
  width: 100%;
  max-width: 100%;
}

.align-start {
  align-items: flex-start;
}

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

.align-end {
  align-self: flex-end;
}

.nowrap {
  flex-wrap: nowrap !important;
}

.input_file {
  display: none;
}

.file-load {
  display: flex;
  align-items: center;
}

.file-load .attach-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75em;
  color: var(--profile-file-attach-btn-text-color);
  background: var(--profile-file-attach-btn-bg-color);
  font-weight: var(--btn-font-weight);
  font-family: var(--btn-font-family);
  cursor: pointer;
  transition: all .3s ease;
  white-space: nowrap;
  text-decoration: none;
  border-radius: var(--profile-file-attach-btn-border-radius);
  font-size: 1.1rem;
  line-height: 1;
  width: auto;
  max-width: none;
  min-height: 70px;
  min-width: 153px;
}

.file-load .attach-button:hover {
  color: var(--profile-file-attach-btn-text-hover-color);
  background: var(--profile-file-attach-btn-bg-hover-color);
}

.file-desc {
  font-size: 0.9em;
}

.file-desc ul {
  margin: 2em 0 0 2em;
  font-size: 0.9em;
  color: var(--profile-file-desc-ul-color);
}

.file-desc ul li {
  margin-bottom: 1em;
}

.btn-row-photo {
  display: flex;
  align-items: center;
  margin: 0 0 0 1em;
}

.file_name {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 70px;
  height: 70px;
  border: 1px solid #BCC5D1;
  color: #BCC5D1;
  overflow: hidden;
  border-radius: 50%;
  font-size: .65em;
  line-height: .9em;
  margin-left: 1.25em;
}

/*Новые кнопки для мобильного меню(4 страница регистрации)*/
.photo_block .btn-row-photo .modal-image-preview img {
  height: auto;
}

.photo-add__mobile-link {
  display: none !important;
  text-decoration: underline;
  font-size: 16px;
  line-height: 26px;
  color: #727376;
}

.photo-add__mobile-link:hover, .photo-add__mobile-link:active, .photo-add__mobile-link:focus {
  text-decoration: underline !important;
}

.photo-add__mobile-btn {
  display: none;
}

.image-text {
  display: flex;
}

.img-title {
  font-size: .8em;
  font-weight: 300;
  color: #878787;
}

.profile-content {
  display: flex;
  font-weight: 500;
  min-height: 100vh;
}

.count-loan {
  width: 9.5em;
  height: 9.5em;
  margin-bottom: 2.5em;
}

.profile-nav {
  width: auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin: 0 -1.2em 2.4em;
  counter-reset: profile-nav;
}

.profile-nav li {
  position: relative;
  display: flex;
  width: 100%;
  list-style-type: none;
  counter-increment: profile-nav;
  margin-bottom: 0.5em;
}

.profile-nav li.disabled a {
  cursor: default;
}

.profile-nav li:not(.disabled) {
  cursor: pointer;
}

.profile-nav li:after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 2.3em;
  margin-left: 20px;
  margin-top: -1.1em;
  height: 2.7em;
  width: 10px;
  background-color: var(--profile-nav-dot-color);
  color: var(--profile-nav-dot-text-color);
  box-shadow: var(--profile-nav-dot-shadow);
  transition: all 0.5s;
}

.profile-nav li:last-child:after {
  display: none;
}

.profile-nav li a {
  color: var(--profile-nav-text-color);
  font-weight: 700;
  width: 100%;
  padding: 1em 1em 1em 2.3em;
  font-size: 1em;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.profile-nav li a:before {
  position: relative;
  z-index: 3;
  display: inline-flex;
  margin-right: 1.3em;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: var(--profile-nav-dot-active-color);
  background-image: none;
  content: counter(profile-nav);
  color: var(--profile-nav-dot-active-text-color);
  box-shadow: var(--profile-nav-dot-active-shadow);
  font-size: 1.6em;
  align-items: center;
  justify-content: center;
  transition: all 0.3s linear 0.3s;
  padding-top: var(--profile-nav-dot-padding-top);
}

.profile-nav li a:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 2.3em;
  margin-left: 20px;
  margin-top: -1.1em;
  height: 2.7em;
  width: 10px;
  background-color: var(--profile-nav-dot-active-color);
  box-shadow: var(--profile-nav-dot-active-shadow);
  transition: all 0.3s;
}

.profile-nav li:last-child a:after {
  display: none;
}

.profile-nav li.active-profile-nav a:after {
  background-color: transparent;
  transition: none;
  height: 0;
}

.profile-nav li.active-profile-nav ~ li a:before {
  background-color: var(--profile-nav-dot-color);
  color: var(--profile-nav-dot-text-color);
  box-shadow: var(--profile-nav-dot-shadow);
  transition: none;
}

.profile-nav li.active-profile-nav ~ li a:after {
  background-color: transparent;
  transition: none;
  height: 0;
}

.logo--profile {
  display: flex;
  margin-top: auto;
  align-self: flex-start;
  font-weight: 300;
  font-size: 1em;
  width: 100%;
  justify-content: center;
}

.logo--profile img {
  max-height: 128px;
}

.sidebar-bottom {
  margin: auto auto 0;
  width: 100%;
}

.sidebar-phone {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
}

.sidebar-phone span.label {
  font-size: 1rem;
}

.sidebar-phone a {
  text-decoration: none;
  font-size: 1.4rem;
}

.profile-right {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  padding: 2.5em 5em;
  width: 100%;
  margin-left: 350px;
  margin-bottom: 90px !important;
  background-color: #fff;
}

.profile-right .image-text--img {
  width: 14.5em;
}

.profile-right .image-text--img img {
  margin-bottom: .9em;
}

.profile-right .image-text--text {
  font-size: 1em;
  line-height: 1.2em;
  width: 100%;
  color: var(--profile-file-desc-color);
  font-weight: 300;
  margin-left: 4.5em;
}

.profile-right .sidebar-phone {
  display: none;
}

.profile-right .privacy-policy-link {
  display: none;
}

.profile-right .privacy-policy-link a {
  color: #999;
}

.profile-title {
  font-size: 1.5em;
  line-height: 1.2;
  margin-bottom: 2.33em;
}

.profile-control {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 1em;
  background-color: var(--profile-control-bg);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  box-shadow: 0 0 5px 1px #a7a7a7;
}

.profile-control .skip--link {
  margin-right: 1.5em;
}

.profile--back {
  font-size: 1.1em;
  color: var(--profile-back-text-color);
  text-decoration: none;
  display: flex;
  align-items: center;
}

.profile--back.btn {
  width: 80px !important;
  min-width: unset !important;
  margin-right: 1rem;
  border: 0;
}

.profile--back .arrow {
  height: 21px;
  display: block;
}

.profile--back:hover {
  color: var(--profile-back-text-hover-color);
}

/* cabinet */
.box-xl {
  display: flex;
  width: 100%;
}

.radius-xl {
  border-radius: 16px;
}

.radius-xxl {
  border-radius: 116px;
}

.green {
  color: var(--green);
}

.red {
  color: var(--red);
}

.seporator {
  display: flex;
  width: 100%;
  height: 1px;
  background: #A5A5A5;
}

.btn {
  font-weight: 700;
  flex-shrink: 0;
}

.btn.btn--w-auto {
  width: auto;
  max-width: none;
  min-width: 280px;
}

@media (max-width: 374px) {
  .btn.btn--w-auto {
    min-width: auto;
  }
}

.btn--history {
  font-size: .9em;
  padding: 0.7em 1em;
}

.btn--paymentNow {
  font-size: .9em;
  width: 100%;
  white-space: nowrap;
}

.btn--get-loan {
  font-size: .9em;
  max-width: 200px;
  margin: 0 auto;
  margin-top: 2em;
}

.section-title--center {
  text-align: center;
}

.section-title--m {
  font-size: 1em;
}

.cabinet-control--mobile {
  display: none;
  width: 100%;
  justify-content: space-between;
  color: var(--cabinet-control-mobile-color);
  margin-bottom: 2em;
}

.cabinet-control--mobile .btn--hamburger {
  width: 30px;
  height: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}

.cabinet-control--mobile .btn--hamburger span {
  width: 100%;
  height: 2px;
  background: var(--cabinet-control-mobile-color);
}

.cabinet-control--mobile .cabinet-nav {
  display: flex;
  flex-direction: column;
  font-size: 1.2em;
  width: 100%;
}

.cabinet-control--mobile .cabinet-nav li {
  list-style-type: none;
  display: block;
}

.cabinet-control--mobile .cabinet-nav li a {
  display: block;
  padding: 0.5em 0;
  text-decoration: none;
  color: #fff;
}

.cabinet-control--mobile .logout-icon {
  height: 20px;
  width: 20px;
}

.cabinet-control--mobile .logout-path {
  fill: var(--black);
}

.cabinet-control--mobile .header--logo img {
  max-height: var(--cabinet-control-mobile-logo-max-height);
  max-width: var(--cabinet-control-mobile-logo-max-width);
}

.menu--mobile {
  display: flex;
}

.first-letter-uppercase:first-letter {
  text-transform: uppercase;
}

.privacy-policy-link {
  font-size: 10.5px;
  text-align: left;
}

.privacy-policy-link a {
  color: #ccc;
}

.profile-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-size: cover;
  width: 30%;
  max-width: 350px;
  min-height: calc(100% - 0px);
  height: calc(100% - 0px);
  color: var(--sidebar-text-color);
  padding: 2em;
  overflow: hidden;
  background: var(--sidebar-bg-color);
  background-image: var(--sidebar-bg-image);
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  left: 0;
  top: 0;
  overflow-y: auto;
}

@media only screen and (max-width: 768px) {
  .profile-left {
    background-color: var(--sidebar-mobile-bg-color);
    background-image: var(--sidebar-mobile-bg-image);
  }
}

.profile-left a:not(.btn) {
  color: var(--sidebar-link-color);
}

.profile-left nav {
  width: 100%;
  margin-bottom: auto;
}

.profile-left .circle {
  margin-bottom: 2em;
}

.profile-left .VueCarousel {
  width: 100%;
}

.profile-left .VueCarousel-dot {
  margin-top: 0 !important;
}

.profile-left .VueCarousel-dot:focus {
  outline: none !important;
}

.profile-left .privacy-policy-link {
  width: 100%;
}

.loan-status-info {
  background: var(--loan-status-info-bg-color);
  color: var(--loan-status-info-text-color);
  text-transform: uppercase;
  width: 100%;
  padding: 2em 0.5em;
  margin-bottom: 2.4em;
  max-width: 380px;
  border-radius: 13px;
}

.loan-status-info .title {
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
}

.loan-status-info .title + .refuse-text {
  margin-top: .7em;
}

.btn--mini {
  justify-content: center;
  padding: 0.7em 1em;
  font-size: .9em;
}

.next-payment {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 1em;
}

.next-payment .loan-summ {
  font-size: 1.4em;
}

.next-payment .seporator {
  margin-top: 2.4em;
  margin-bottom: 1.2em;
}

.payment-title {
  margin-bottom: .8em;
}

.payment-summ {
  font-size: 1.4em;
}

.payment-day {
  font-size: .85em;
}

.payment-day span {
  font-weight: 700;
}

.payment-detail {
  margin-bottom: 1em;
}

.payment-control {
  display: flex;
  align-items: baseline;
}

.btn--payment {
  width: auto;
  padding: 0.7em 1em;
  font-size: .9em;
  margin-right: .9em;
  color: var(--btn-payment-text-color) !important;
  background: var(--btn-payment-bg-color) !important;
}

.btn--payment:hover {
  color: var(--btn-payment-hover-text-color) !important;
  background: var(--btn-payment-hover-bg-color) !important;
}

.extend-payment {
  width: 100%;
  color: var(--btn-text-color) !important;
  font-size: .9em;
  white-space: nowrap;
}

.cabinet-right {
  padding: 2em 5em;
  width: 70%;
}

.cabinet-control {
  align-items: center;
  display: flex;
  margin-bottom: 3em;
}

.cabinet-nav {
  display: flex;
  line-height: unset;
}

.cabinet-nav li {
  list-style-type: none;
  font-weight: 300;
  font-size: .8em;
  margin-right: 0.5em;
}

.cabinet-nav li:last-child {
  margin-right: 0;
}

.cabinet-nav li a {
  color: var(--cabinet-nav-color);
  text-decoration: none;
  transition: all .3s ease;
  padding: 0.5em 1em;
  position: relative;
  display: block;
}

.cabinet-nav li a:hover {
  color: var(--cabinet-nav-active-color);
}

.cabinet-nav .current {
  font-weight: 700;
  position: relative;
}

.cabinet-nav .current:after {
  content: '';
  display: block;
  position: absolute;
  left: 1em;
  right: 1em;
  top: 100%;
  width: auto;
  height: 3px;
  background: var(--cabinet-nav-active-color);
}

.cabinet-nav .current a {
  color: var(--cabinet-nav-active-color);
}

.logout {
  margin-left: 2em;
  display: flex;
  align-items: center;
  height: 20px;
  color: var(--logout-color);
  font-weight: 600;
  font-size: 0.9em;
}

.logout svg path {
  fill: var(--logout-color);
}

.logout:hover {
  color: var(--logout-hover-color);
}

.logout:hover svg path {
  fill: var(--logout-hover-color);
}

.logout span {
  margin-right: .7em;
}

.logout .logout-icon {
  width: 20px;
  height: 20px;
}

.account-owner {
  justify-content: flex-end;
  display: flex;
  font-weight: bold;
  margin-left: auto;
  margin-right: .5em;
}

.loans .text-box {
  margin-bottom: 1.5em;
}

.loans-history-link {
  font-size: 1.2em;
  color: #878787;
  border-bottom: 2px solid #CDCDCD;
  padding: 0.5em 0.5em 0.5em 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5em;
  cursor: pointer;
}

.loans-history-link svg {
  transition: all 0.3s;
}

.loans-history-link:not(.open) svg {
  transform: rotate(-180deg);
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.spinner {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  margin: auto;
}

.spinner div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid;
  border-color: var(--loader-color-inverse) transparent transparent transparent;
  border-radius: 50%;
  animation: spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

.spinner div:nth-child(1) {
  animation-delay: -0.45s;
}

.spinner div:nth-child(2) {
  animation-delay: -0.3s;
}

.spinner div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes ball-jumping {
  20%, 80% {
    transform: translateY(-2em);
  }
  50% {
    transform: translateY(calc((8em - 5em) / 2));
  }
}

@keyframes rect-rotating {
  50% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(180deg);
  }
}

.spinner2 {
  width: 5em;
  height: 13em;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  margin: auto;
  position: relative;
}

.spinner2:before {
  content: '';
  width: 5em;
  height: 5em;
  background-color: #4FC25B;
  border-radius: 50%;
  animation: ball-jumping 1s ease-in-out infinite;
}

.spinner2:after {
  content: '';
  width: 5em;
  height: 8em;
  background-color: #03a4da;
  border-radius: 0.5em;
  animation: rect-rotating 1s ease-in-out infinite;
}

.loading-overlay {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100000000;
  background-color: var(--loading-overlay-bg-color);
  box-shadow: inset 0 0 10em rgba(0, 0, 0, 0.5);
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}

@keyframes pulse-text {
  0% {
    opacity: 0.6;
    transform: scale(1);
  }
  50% {
    opacity: 1.0;
    transform: scale(1.2);
  }
  100% {
    opacity: 0.6;
    transform: scale(1);
  }
}

.application-photo__mobile-title {
  font-weight: bold;
  font-size: 1.8em;
  line-height: 1.3em;
  margin-bottom: 1.2em;
  color: #3F3D56;
  text-align: left;
}

.spin {
  animation: spinner 2s linear 0s normal none infinite running;
}

.pulse-text {
  animation: pulse-text 2s ease-out infinite;
  display: inline-block;
}

.pulse {
  animation: pulse 2s infinite;
}

.condition {
  margin-bottom: 2em;
}

.scrollbar, .v--modal-box, .custom-suggest__res {
  scroll-margin: 50px 0;
}

.scrollbar::-webkit-scrollbar, .v--modal-box::-webkit-scrollbar, .custom-suggest__res::-webkit-scrollbar {
  width: 12px;
  background-color: #f2f1ed;
}

.scrollbar::-webkit-scrollbar-track, .v--modal-box::-webkit-scrollbar-track, .custom-suggest__res::-webkit-scrollbar-track {
  background-color: transparent;
}

.scrollbar::-webkit-scrollbar-thumb, .v--modal-box::-webkit-scrollbar-thumb, .custom-suggest__res::-webkit-scrollbar-thumb {
  background-color: var(--gray);
  background-clip: padding-box;
  border-radius: 6px;
  width: 6px;
  height: 6px;
  border: 3px solid transparent;
}

.scrollbar::-webkit-scrollbar-button, .v--modal-box::-webkit-scrollbar-button, .custom-suggest__res::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}

.scrollbar::-webkit-scrollbar-corner, .v--modal-box::-webkit-scrollbar-corner, .custom-suggest__res::-webkit-scrollbar-corner {
  background-color: transparent;
}

.loan-detail {
  flex-wrap: nowrap;
  display: flex;
}

.loan-detail[class~="isOpen"] .loan-status {
  background: var(--loan-status-open-bg-color);
  color: var(--loan-status-open-text-color);
}

.loan-detail[class~="isDelinquent"] .loan-status {
  background: var(--loan-status-delinquent-bg-color);
  color: var(--loan-status-delinquent-text-color);
}

.loan-detail .content-right {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

.loan-detail .content-right .extend-payment {
  color: #878787;
  margin-top: 1.375em;
}

.loan-detail .content-left {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-right: 1em;
}

.loan-title {
  color: var(--black);
  font-size: 1.75em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.5em;
}

.loan-title .loan-status {
  background-color: #F2F2F4;
  color: #828282;
  cursor: default !important;
  padding: 0.4rem 1.5rem;
  font-size: 1rem;
  display: inline-block;
  min-width: 166px;
  text-align: center;
  margin-left: 1em;
}

.loan-title .profile--back .arrow {
  height: auto;
  margin-right: 1rem;
}

.loan-specification {
  font-size: 1.35em;
  font-weight: 700;
  color: #000000;
  margin: 1.5em 0;
}

.loan-date {
  font-size: .6em;
  color: #878787;
  font-weight: 300;
}

.loan-info .section-title {
  font-size: 1.5em;
  margin-bottom: 1em;
}

.loan-info-item {
  display: flex;
  margin-bottom: .5em;
}

.loan-info-item .content-left {
  font-size: .9em;
  font-weight: 300;
  color: var(--loan-info-item-text-color);
}

.loan-info-item .content-right {
  font-size: .9em;
  color: var(--black);
}

.loan-info:last-child {
  margin-top: 2em;
}

.loan-documents ul {
  list-style: none;
  margin: 0;
}

.loan-documents ul li {
  margin-bottom: 9px;
  display: flex;
  align-items: center;
}

.loan-documents ul li [class*="doc-icon-"] {
  display: inline-block;
  margin-right: 10px;
  flex-shrink: 0;
}

.loan-documents ul li a {
  color: #878787;
  font-size: .9em;
  font-weight: 300;
  line-height: 1;
}

.payment-schedule {
  width: 100%;
}

.payment-schedule .row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 0.4em;
}

.payment-schedule .row.row-head {
  margin-bottom: 1.8em;
}

.payment-schedule .row .column {
  justify-content: flex-start;
  width: 33%;
  font-size: .8em;
  color: var(--black);
  font-weight: 300;
}

.payment-schedule .row .column:last-child {
  width: auto;
}

.custom-suggest__wrap {
  position: relative;
}

.custom-suggest__res {
  position: absolute;
  background: #ffff;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  width: 100%;
  left: 0;
  top: 0;
  max-height: 250px;
  overflow-y: auto;
  z-index: 100;
}

.custom-suggest__title {
  font-size: 0.8em;
  padding: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}

.custom-suggest__dropdown-item {
  font-size: 0.9em;
  padding: 7px 10px;
  line-height: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.custom-suggest__dropdown-item:last-child {
  border: none;
}

.custom-suggest__dropdown-item:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

@media (max-width: 1166px) and (min-width: 768px), (max-width: 670px) {
  .lead-gmm .lead-gmm--selector {
    flex-direction: column;
  }
  .lead-gmm .left, .lead-gmm .right {
    width: 100%;
  }
  .lead-gmm .gmm-methods-list {
    display: flex;
    justify-content: space-between;
  }
  .lead-gmm .gmm-methods-list label {
    width: 48%;
  }
  .lead-gmm .ymap-container {
    height: 250px !important;
    min-height: auto;
  }
}

@media (max-width: 480px) {
  .lead-gmm .gmm-methods-list {
    display: flex;
    flex-direction: column;
  }
  .lead-gmm .gmm-methods-list label {
    width: 100%;
  }
  .lead-gmm .ymap-container {
    height: 200px !important;
    min-height: auto;
  }
}

.ymap-container {
  height: 250px;
  width: 100%;
}

.penalty-info {
  font-size: 0.8rem;
}

.penalty-info .section-title {
  margin-bottom: 1em;
}

.penalty-unblock-controls {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  text-align: left;
}

.penalty-unblock-controls .label {
  font-size: 1.3em;
  margin-bottom: 0;
}

.penalty-unblock-controls.disabled .label {
  color: #878787;
}

.penalty-unblock-controls.disabled .btn {
  background-color: #878787;
}

[class*="doc-icon-"] {
  position: relative;
  display: inline-block;
  height: 68px;
  width: 65px;
  background-image: url("/img/document-icon.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
}

[class*="doc-icon-"]:after {
  content: '';
  color: var(--doc-icon-color);
  font-size: 15px;
  position: absolute;
  font-weight: 900;
  top: 29px;
  left: 3px;
  width: 38px;
  text-align: center;
  font-style: normal;
  text-transform: uppercase;
}

[class*="doc-icon-"][class*="-pdf"]:after {
  content: 'pdf';
}

[class*="doc-icon-"].small {
  height: 20px;
  width: 20px;
}

[class*="doc-icon-"].small:after {
  font-size: 8px;
  font-weight: 900;
  top: 9px;
  left: 5px;
  width: 17px;
  height: 7px;
  line-height: 1;
}

.no-doc-icon {
  position: relative;
  display: inline-block;
  height: 50px;
  width: 65px;
  background-image: url("/img/no-document-icon.png");
  background-repeat: no-repeat;
  background-position: top left;
}

.credit-info {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
}

.credit-info .section-title:first-child {
  margin-bottom: 0;
}

.credit-info .section-title--center {
  width: 100%;
}

.credit-info .section-title--m {
  margin-top: 3em;
}

.credit-info .plain-text {
  font-weight: 300;
  margin-top: 1.3em;
  font-size: 1.1em;
}

.credit-info-items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.info-item {
  width: 32%;
  margin-top: 4em;
  padding: 1em 0.5em;
  border-radius: 20px;
  transition: transform .3s, box-shadow .3s;
}

.info-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.1), 0 25px 50px 8px rgba(0, 0, 0, 0.1);
}

.info-item-img {
  display: flex;
  align-items: center;
  width: 70px;
  height: 70px;
  margin: 0 auto 2.5em;
}

.info-item-img img {
  margin: auto;
}

.info-item-text {
  font-size: .85em;
  text-align: center;
}

.questionary-section-title {
  font-weight: bold;
  font-size: 1.8em;
  line-height: 1.3em;
}

.questionary-item {
  display: flex;
  align-items: center;
  padding: 1.2em 3.5% 1.2em 8.75%;
  position: relative;
  margin-top: 1.5em;
  cursor: pointer;
  bottom: 0;
  transition: all .3s;
  border-radius: 5px;
  background-color: var(--questionary-item-bg-color);
}

.questionary-item:hover {
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.22);
  bottom: 4px;
}

.questionary-marker {
  display: flex;
  width: 3.25%;
  max-width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.questionary-marker.full-filled {
  background-color: var(--questionary-item-full-filled-bg-color);
}

.questionary-marker.part-filled {
  background-color: var(--questionary-item-part-filled-bg-color);
}

.questionary-marker.not-filled {
  background-color: var(--questionary-item-not-filled-bg-color);
}

.questionary-title {
  font-size: .9em;
  margin-right: auto;
}

.questionary-fill {
  font-size: .8em;
  font-weight: 300;
  margin-right: 9%;
  color: var(--questionary-fill-color);
}

.about-robot {
  max-width: 550px;
  min-width: 260px;
  margin: 0 auto;
  text-align: center;
}

.progress-bar {
  background-color: var(--progress-bar-empty-color);
  height: 2em;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.progress-bar .indication {
  display: block;
  background: var(--progress-bar-fill-color);
  width: 59%;
  height: 100%;
  transition: all 1s linear;
}

.analyng-text {
  margin: 0 auto;
  font-weight: 300;
  margin-top: 1.2em;
}

/* end cabinet */
.fade-enter-active, .fade-leave-active {
  transition: opacity .3s;
}

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

@media (max-width: 1180px) {
  .profile-right {
    margin-left: 30%;
    margin-bottom: 0;
    padding: 2.5em 3em;
  }
}

@media (min-width: 768px) and (max-width: 1080px) {
  .profile-title {
    margin-right: 0;
  }
  .profile-right .image-text--text {
    margin-left: 1.5em;
  }
  .profile-title {
    margin-right: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .cabinet-right {
    padding: 2em;
  }
  .input-l {
    width: 100%;
    max-width: none;
  }
  .logout span {
    display: none;
  }
  .account-owner {
    margin-right: 0;
  }
}

@media only screen and (max-width: 900px) {
  .loan-detail {
    flex-direction: column;
  }
  .column-grow {
    width: 100%;
    margin-bottom: 1em;
  }
  .column-title {
    margin-bottom: .6em;
  }
  .input-s {
    width: 300px;
  }
  .input-l {
    width: 100%;
    max-width: 330px;
  }
  .input-mini {
    width: 220px;
  }
}

@media only screen and (max-width: 767px) {
  /*Убираем ненужные елементы в моб версии*/
  .circle-size {
    display: none;
  }
  .footer {
    display: none;
  }
  .header--logo {
    zoom: 0.7;
  }
  .cabinet-control--mobile {
    display: flex;
    align-items: center;
  }
  .hidden-desktop {
    display: none;
  }
  .sidebar-bottom {
    display: none;
  }
  .profile-content {
    flex-direction: column;
  }
  .profile-content nav {
    display: none;
  }
  .profile-left {
    width: 100%;
    max-width: none;
    position: relative;
  }
  .count-loan {
    margin-top: auto;
  }
  .next-payment {
    align-items: center;
  }
  .logo--profile {
    top: 40px;
    left: 40px;
    bottom: auto;
  }
  .logo--profile .logo--text {
    display: flex;
  }
  .logo--profile .logo--text {
    display: flex;
    font-size: 1.2em;
    font-weight: 700;
  }
  .logo--profile .white {
    color: #fff;
  }
  .logo--profile .yellow {
    color: var(--red);
  }
  .profile-right {
    width: 100%;
    margin-left: 0;
  }
  .profile-right .sidebar-phone {
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 3rem;
    flex-direction: column;
  }
  .profile-right .privacy-policy-link {
    display: block;
    text-align: center;
  }
  .btn {
    max-width: 100%;
  }
  .profile-title {
    width: 100%;
  }
  .fieldset {
    justify-content: flex-start;
    padding-left: 1em;
    padding-right: 1em;
  }
  .input-item {
    margin-right: 1.5em;
  }
  .input-item .skip--link {
    order: 3;
    margin-top: 24px;
    margin-right: 0;
  }
  .penalty-unblock-controls {
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
  }
  .penalty-unblock-controls .btn {
    width: 100%;
    min-width: auto;
  }
  .profile-nav {
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin: 0 -1.2em 2.4em;
  }
  .profile-nav li {
    justify-content: center;
    width: 50px;
    margin-right: 2.3em;
    margin-bottom: 0;
    height: 50px;
  }
  .profile-nav li:last-child {
    margin-right: 0;
  }
  .profile-nav li:after {
    top: 37px;
    width: 39px;
    height: 10px;
    left: 100%;
    margin-left: -1px;
    right: auto;
  }
  .profile-nav li a {
    width: 50px;
    height: auto;
    align-items: center;
    padding: 0;
    font-size: 0.7em;
    flex-direction: column;
    text-align: center;
    line-height: 1;
  }
  .profile-nav li a:before {
    margin-right: 0;
    font-size: 2em;
    margin-bottom: 0.5em;
  }
  .profile-nav li a:after {
    top: 31px;
    width: 50px;
    height: 10px;
    left: 100%;
    right: auto;
    margin-left: -5px;
  }
  .profile-nav li.active-profile-nav a:after {
    width: 0;
    height: 10px;
  }
  .profile-nav li.active-profile-nav ~ li a:after {
    width: 0;
    height: 10px;
  }
  .loans {
    padding-top: 3rem;
  }
  .cabinet-control--mobile {
    display: flex;
  }
  .logout .logout-path {
    fill: var(--cabinet-control-mobile-color);
  }
  .profile-left {
    min-height: auto;
  }
  .profile-left .logo--profile {
    display: none;
  }
  .cabinet-right {
    width: 100%;
    padding: 0 1.2em;
  }
  .cabinet-control {
    display: none;
  }
  .request-status {
    padding: 1.2em;
    margin: 0 -1.2em 1.2em;
    border-radius: 0;
    width: auto;
  }
  .request-status .image-text {
    flex-direction: row;
  }
  .request-status .image-text .image-text--img {
    order: 2;
    margin-right: 0;
    width: 45px;
    margin-left: auto;
  }
  .request-status .image-text .image-text--img img {
    margin-bottom: 0;
  }
  .request-status .image-text .image-text--text {
    order: 1;
    margin-left: 0;
  }
  .request-status .application-status {
    display: none;
  }
  .request-detail--mobile {
    display: flex;
    flex-direction: column;
  }
  .request-detail--mobile .request-summ {
    font-size: 1.8em;
  }
  .request-detail--mobile .request-number {
    margin-top: 1em;
    font-size: .8em;
    font-weight: 300;
  }
  .text-box {
    padding: 1.5em 1.2em;
    width: auto;
    margin-bottom: 1.2em;
  }
  .text-box-margin {
    margin-top: 1.1em;
  }
  .text-box--image {
    position: relative;
  }
  .text-box--image .text-box-content {
    width: 100%;
  }
  .text-box--image .text-box-content .section-title {
    text-align: center;
  }
  .text-box--image .text-box-content .plain-text {
    font-size: .8em;
    line-height: 1.1875em;
    font-weight: 300;
    text-align: center;
  }
  .text-box--image .btn--history {
    margin: 0 auto;
    margin-top: 2.4em;
  }
  .text-box--image .text-box-img, .text-box--image .text-box-timer {
    position: relative;
    top: auto;
    transform: translateY(0);
    right: auto;
    width: 220px;
    margin: 0 auto 1em;
    justify-content: center;
  }
  .loan-card-all {
    margin: 0 0 1.2em 0;
  }
  .loan-card-all .image-text {
    display: none;
  }
  .loan-card-all .info {
    width: auto;
    margin: 0;
  }
  .loan-card-all .status {
    width: auto;
    text-align: right;
    white-space: nowrap;
  }
  .loan-card-all .status .pulse-text {
    margin-left: 0.6em;
  }
  .loan-card-all.in-history {
    margin-bottom: 1em;
  }
  .loans {
    margin-top: -2em;
  }
  .loans .text-box {
    margin-bottom: 0.1em;
  }
  .loans-history-link {
    margin: 1.5em 0;
  }
  .loan-detail {
    padding-top: 2em;
  }
  .loan-detail .content-right {
    align-items: normal;
  }
  .loan-detail .content-right .extend-payment {
    margin-left: auto;
    margin-right: auto;
  }
  .loan-detail .content-left {
    margin-right: 0;
  }
  .loan-item-detail {
    padding: 2.1em 1.2em;
  }
  .loan-status {
    font-size: .9em;
  }
  .loan-info-item .content-right {
    text-align: right;
  }
  .request-detail {
    font-size: .8em;
  }
  .menu--mobile {
    width: 100%;
    padding: 2em 1.2em;
    background: var(--black);
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    z-index: 10000;
  }
  .close-menu {
    color: #fff;
    position: absolute;
    top: 2em;
    right: 2em;
    font-size: .8em;
    cursor: pointer;
  }
  .btn--paymentNow {
    margin: 1em auto 0;
  }
}

@media only screen and (max-width: 590px) {
  .credit-info {
    justify-content: center;
  }
  .info-item {
    width: 236px;
    margin: 0 auto 2em;
  }
}

/* end cabinet */
@media only screen and (max-width: 581px) {
  .base-wrap {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .profile-left {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1em;
  }
  .profile-right {
    padding-left: 1em;
    padding-right: 1em;
  }
  .input-group-name {
    font-size: 1.6em;
  }
}

@media only screen and (max-width: 504px) {
  .input-item {
    margin-right: 0;
  }
}

@media only screen and (max-width: 438px) {
  .profile-right .image-text--text {
    margin-left: 1.5em;
  }
  .profile-nav li {
    margin-right: 0.5em;
  }
  .profile-nav li:after {
    width: 10px;
  }
  .profile-nav li a {
    font-size: 0.6em;
  }
}

/*Новые Страница кредитного рейтинга стили*/
/*Новое мобильное меню*/
.mobile-menu {
  display: none;
}

/*Банеры кредитного рейтинга*/
.credit-rating-block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 20px;
  padding: 1.5em 3.5em;
  color: var(--credit-rating-text-color);
  background: var(--credit-rating-bg-block-color);
}

.credit-rating-block__data {
  display: flex;
  flex-direction: column;
  width: 65%;
  padding: 0 1em 0 0;
}

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

.credit-rating-block__data-title {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 0 1em 0;
  color: var(--credit-rating-title-text-color);
}

.credit-rating-block__data-description {
  margin: 0 0 2em 0;
}

.credit-rating-block__data-btn {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  border-radius: var(--btn-border-radius);
  font-size: 1em;
  background: var(--credit-rating-btn-bg-color);
  color: var(--credit-rating-btn-text-color);
}

.credit-rating-block__data-btn_mobile {
  display: none;
}

.credit-rating-block__data-btn:hover {
  background: var(--credit-rating-btn-hover-bg-color);
  color: var(--credit-rating-btn-hover-text-color);
}

.credit-rating-block_active {
  background: var(--credit-rating-bg-active-color);
  color: var(--credit-rating-active-text-color);
}

.credit-rating-block_active .credit-rating-block__data-title {
  color: var(--credit-rating-active-title-text-color);
}

/*Кнопка подписание договора*/
.status-subscribe {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.status-subscribe button {
  min-width: 188px;
}

/*Новые стили для окошка "сегодня к оплате"*/
.loan-payment-open {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.loan-payment-open__text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 1em;
  border: 1px solid var(--sidebar-payment-block-border-color);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(7px);
  margin: 0 0 1.2em 0;
}

.loan-payment-open__sum .payment-summ {
  font-weight: bold;
  font-size: 2.1em;
}

.loan-payment-open__payment-control {
  margin: 0 0 1.2em 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.loan-payment-open__payment-control button {
  width: 100%;
  margin-right: 0 !important;
}

.loan-payment-open__link {
  text-align: center;
  text-decoration: underline;
  margin-top: 1em;
}

.loan-payment-open__link:hover, .loan-payment-open__link:active, .loan-payment-open__link:focus {
  text-decoration: underline;
}

/*Новые стили для loan-status-isopen*/
.base-wrap .maturity-date {
  display: none;
}

/*Новые стили для ожидание ответа от операторато*/
.timer-loan {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2em;
}

.timer-loan__row {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 0 1.2em 0;
}

.timer-loan__icon {
  margin: 0 1em 0 0;
}

.timer-loan svg path {
  fill: var(--sidebar-icon-color) !important;
  stroke: none !important;
}

.timer-loan__time {
  font-size: 3.3em;
  font-weight: bold;
}

.timer-loan__text {
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
}

/*Рассмотрение заявки баннера*/
.application-banner-block {
  background: var(--application-banner-bg-active-color);
  color: var(--application-banner-text-active-color);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  padding: 1em 1.5em;
  margin-bottom: 1.5em;
}

.application-banner-block__data {
  display: flex;
  flex-direction: column;
  width: 65%;
  padding: 0 1em 0 0;
}

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

.application-banner-block__img img {
  max-height: 140px;
}

.application-banner-block__data-title {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0 0 1em 0;
  color: var(--application-banner-title-text-active-color);
}

.application-banner-block__data-description {
  margin: 0 0 2em 0;
}

.application-banner-block__data-btn {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  border-radius: var(--btn-border-radius);
  font-size: 1em;
  line-height: 1.4em;
  max-width: none;
  margin-right: auto;
  background: var(--application-banner-btn-bg-color);
  color: var(--application-banner-btn-text-color);
}

.application-banner-block__data-btn:hover {
  background: var(--application-banner-btn-hover-bg-color);
  color: var(--application-banner-btn-hover-text-color);
}

.application-banner-block__data-btn_mobile {
  display: none;
}

@media only screen and (max-width: 1150px) {
  .credit-rating-block, .application-banner-block {
    padding: 1.5em 2.5em;
  }
  .credit-rating-block__data-title, .application-banner-block__data-title {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0.7em 0;
  }
  .credit-rating-block__data-description, .application-banner-block__data-description {
    margin: 0 0 1.5em 0;
  }
  .credit-rating-block__data-btn, .application-banner-block__data-btn {
    font-size: 0.7em;
  }
}

@media only screen and (max-width: 767px) {
  .loan-payment-open {
    width: 100%;
  }
  .loan-payment-open__payment-control {
    flex-direction: row;
  }
  .loan-payment-open__payment-control button {
    width: auto;
  }
  .loan-payment-open__link {
    margin-top: 0;
    margin-left: 1em;
  }
  .timer-loan {
    align-items: center;
  }
  /*Новое мобильное меню*/
  .mobile-menu {
    display: block;
    display-width: 100%;
  }
  .mobile-menu .cabinet-nav {
    justify-content: space-around;
  }
  .mobile-menu .cabinet-nav li {
    margin-right: 0;
  }
  .mobile-menu .cabinet-nav a {
    font-size: 1.2em;
    background: transparent;
    border-radius: 10px 10px 0 0;
    height: 100%;
    color: var(--cabinet-control-mobile-color);
  }
  .mobile-menu .cabinet-nav a:hover, .mobile-menu .cabinet-nav a:active, .mobile-menu .cabinet-nav a:focus {
    color: var(--cabinet-control-mobile-color);
  }
  .mobile-menu .cabinet-nav li.router-link-active a {
    background: var(--cabinet-control-mobile-active-bg-color);
    color: var(--cabinet-control-mobile-active-color);
  }
  /*Банера кредитного рейтинга*/
  .credit-rating-block, .application-banner-block {
    padding: 1.5em 1.5em;
  }
  .credit-rating-block {
    flex-direction: column;
  }
  .credit-rating-block__data {
    width: 100%;
    align-items: center;
    text-align: center;
    margin: 0 0 2em 0;
  }
  .credit-rating-block__data-btn {
    display: none;
  }
  .credit-rating-block__data-btn_mobile {
    margin: 2.5em 0 0 0;
    display: block;
    max-width: 100%;
    width: 100%;
  }
  /*Банера рассмотрения заявки*/
  .application-banner-block {
    flex-direction: column;
  }
  .application-banner-block__data {
    width: 100%;
    align-items: center;
    text-align: center;
    margin: 0 0 2em 0;
  }
  .application-banner-block__data-btn {
    display: none;
  }
  .application-banner-block__data-btn_mobile {
    margin: 2.5em 0 0 0;
    display: block;
    max-width: 100%;
    width: 100%;
  }
}

@media only screen and (max-width: 400px) {
  .mobile-menu .cabinet-nav a {
    font-size: 1em;
  }
}

@media only screen and (max-width: 350px) {
  .loan-payment-open__payment-control {
    flex-direction: column;
  }
  .loan-payment-open__link {
    margin-top: 1em;
    margin-left: 0;
  }
  /*Убираем паддинг у сайдбара для корректного отображения на мобилке*/
  .profile-left {
    padding: 1.5em 1em 0 1em;
  }
}

/*Новые стиди для страниц регистрации*/
input:hover, input:active, input:focus {
  border-bottom: var(--input-border-active);
}

@media only screen and (max-width: 927px) {
  .input-mini {
    width: 100% !important;
    max-width: 100%;
  }
  .input-s {
    width: 100% !important;
    max-width: 100%;
  }
  .input-m {
    width: 100% !important;
    max-width: 100%;
  }
  .input-l {
    width: 100% !important;
    max-width: 100%;
  }
  .input-xl {
    width: 100% !important;
    max-width: 100%;
  }
}

/*4страница регистрации*/
@media only screen and (max-width: 640px) {
  .file-load {
    flex-direction: column;
  }
  .file-desc {
    display: none;
  }
  .btn-row-photo {
    flex-direction: column;
    justify-content: center;
  }
  .btn-row-photo label {
    display: none !important;
  }
  .btn-row-photo span {
    margin-left: 0 !important;
    margin-bottom: 1.2em;
  }
  .image-text--img {
    width: 60% !important;
  }
  .image-text--text {
    margin: 0 !important;
    width: 40% !important;
  }
  .photo-add__mobile-link {
    display: block !important;
  }
  .photo-add__mobile-btn {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
    background: var(--btn-mobile-photo-bg-color);
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 0 1.1em 0;
    transition: all 0.5s ease 0s;
  }
  .photo-add__mobile-btn svg path {
    fill: var(--btn-mobile-photo-color);
  }
  .photo-add__mobile-btn:hover, .photo-add__mobile-btn:focus, .photo-add__mobile-btn:active {
    box-shadow: var(--btn-mobile-photo-shadow);
    transition: all 0.5s ease 0s;
  }
  /*Иконка с загруженной фото*/
  .image-preview {
    margin-left: 0 !important;
    margin-bottom: 1em;
  }
}

@media only screen and (max-width: 445px) {
  /*Убираем заголовки с страницы регистрации фото*/
  .application-photo .mb2 h4 {
    display: none !important;
  }
}

/*Новые стили для input vue-select*/
.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__clear,
.vs--disabled .vs__search,
.vs--disabled .vs__selected,
.vs--disabled .vs__open-indicator {
  background: none !important;
}

.vs--disabled .vs__dropdown-toggle .vs__actions, .vs--disabled .vs__clear .vs__actions, .vs--disabled .vs__search .vs__actions, .vs--disabled .vs__selected .vs__actions, .vs--disabled .vs__open-indicator .vs__actions {
  display: none;
}

.vs__selected-options {
  padding: 0;
  flex-wrap: nowrap !important;
}

.vs__selected-options input {
  border: none !important;
}

.vs__selected-options input:hover, .vs__selected-options input:active, .vs__selected-options input:focus {
  border: none !important;
}

.vs__dropdown-option--highlight {
  background: var(--input-select-bg-active-color) !important;
}

.vs__dropdown-toggle {
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: var(--input-border) !important;
  padding: .7em 1.25em;
}

.vs__dropdown-toggle:focus, .vs__dropdown-toggle:active, .vs__dropdown-toggle:hover {
  border-bottom: var(--input-border-active) !important;
}

.vs__actions svg path {
  fill: var(--input-select-arrow-color);
}

.vs__selected {
  padding: 0;
  margin: 0;
  color: var(--input-text-color);
  line-height: 1;
  width: 100%;
}

.vs--single.vs--open .vs__selected {
  top: 4px;
}

.vs__search,
.vs__search:focus {
  line-height: 1;
}

.vs__search {
  width: 100%;
}

.v-select {
  width: 100%;
}

/*Новые стили для calculator*/
/*Стили для круга ожидайте решение loader*/
.loader-wrapper {
  margin: auto;
  position: relative;
}

.loader-wrapper svg path {
  fill: var(--loader-color);
  stroke: var(--loader-color);
}

.btn .loader-wrapper svg path {
  fill: var(--btn-loader-color);
  stroke: var(--btn-loader-color);
}

.loader-wrapper.colored svg path {
  fill: var(--loader-color-inverse);
  stroke: var(--loader-color-inverse);
}

.loader-circle {
  position: absolute;
  bottom: 0;
  left: 0;
}

/*Cтили для 5 шага регистрации*/
/*Способ получения*/
.method-recept__title {
  margin: 0 0 40px 0;
  color: #000;
  font-weight: bold;
}

.method-recept__title_confirm {
  display: none;
}

.method-recept__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

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

/*Способ получения - Колонка 1 */
.column-add {
  flex: 0 1 50%;
}

.column-add__row-wrapper {
  margin: 0 0 40px 0;
}

.column-add__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.1em;
  line-height: 28px;
  color: #1E1E1E;
}

.column-add__item {
  width: 100%;
  max-width: 100%;
  text-align: center;
  margin-right: 1em;
  color: #9298AC;
  cursor: pointer;
}

.column-add__item:last-child {
  margin-right: 0;
}

.column-add__item:after {
  display: block;
  content: "";
  height: 10px;
}

.column-add__item.active {
  color: var(--base-text-color);
}

.column-add__item.active:after {
  background: var(--card-active-color);
  border-radius: 0px 0px 10px 10px;
}

.card-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0 15px;
  border: 1.5px solid #D4D4D4;
  border-radius: 20px;
  min-height: 68px;
  margin: 0 0 20px 0;
  /*Изменить карту*/
}

.card-form__icon {
  height: 36px;
}

.card-form__icon svg path {
  fill: #d4d4d4;
}

.card-form__text {
  flex: 0 1 95%;
  font-size: 1.1em;
  line-height: 26px;
  letter-spacing: 0.1em;
  color: #1E1E1E;
  opacity: 0.2;
  text-align: center;
}

.card-form__text_active {
  color: #fff;
  opacity: 1;
}

.card-form__edit {
  margin: 20px 0;
}

.card-form__edit-card {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 21px;
  align-items: center;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #1E1E1E;
  transition: all 0.5s ease 0s;
}

.card-form__edit-card:hover {
  text-decoration: none;
  transition: all 0.5s ease 0s;
}

/*Подтверждение_2,добавляет цвет при активной карте(Способ получения - Колонка 1)*/
.card {
  border: none;
}

.card__form_active {
  background: var(--card-active-color);
  border: none;
}

/*Способ получения - Колонка 2*/
.column-description {
  flex: 0 1 50%;
  margin: 0 0 0 76px;
  background: #fff;
  box-shadow: 10px 20px 59.8859px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 25px 35px 25px 31px;
}

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

.column-description__item .item__body {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  margin: 0 0 0 13px;
}

.column-description__item .item__title {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: var(--method-recept-title-description-color);
}

.column-description__item .item__text {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  max-width: 170px;
  color: var(--method-recept-text-description-color);
}

.column-description__item_first {
  margin: 0 0 40px 0;
}

/*Адаптивность 5 */
/*Основная мобильная версия*/
@media (max-width: 550px) {
  .method-recept .input-group-name {
    display: none;
  }
  .column-add {
    flex: 0 1 100%;
  }
  .column-add__line {
    height: 1px;
    background: #CDCDCD;
    margin: 0 -1em;
  }
  .column-add__row {
    font-size: 1em;
  }
  .column-add__item {
    display: flex;
    flex-direction: column;
  }
  .column-add__item:after {
    order: -1;
  }
  .column-description {
    display: none;
  }
  .btn {
    font-size: 16px;
    line-height: 21px;
  }
}

@media (max-width: 1106px) {
  .column-description {
    margin: 0 0 0 50px;
  }
  .column-description__item .item__logo {
    display: none;
  }
  .column-description__item .item__logo_first {
    margin: 0 0 30px 0;
  }
}

@media (max-width: 847px) {
  .column-add {
    flex: 0 1 100%;
    width: 100%;
  }
  .column-description {
    display: none;
  }
  .card-form__btn {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 400px) {
  .card-form__text {
    font-size: 18px;
    line-height: 20px;
  }
}

@media (max-width: 374px) {
  .card-form__text {
    font-size: 14px;
    line-height: 18px;
  }
}

.smart-captcha {
  height: 100px;
  width: 100%;
}

.smart-captcha.hidden {
  display: none;
}

.margin-btm {
  margin-bottom: 2rem;
}

.input-password-container {
  position: relative;
  margin-top: 1rem;
}

.input-password-container div:last-of-type {
  margin-bottom: 2rem;
}

.SmartCaptcha-Shield.SmartCaptcha-Shield_position_bottom {
  bottom: 0 !important;
}

.login__body-title {
  text-align: center;
}

.loan-h3-title {
  font-size: 26px;
  width: 100%;
  font-weight: 500;
}

.loan-info-block {
  margin-top: 15px;
}

.order .current-order .flex-adaptive .denied-reason {
  font-size: 16px;
}

.order .current-order .descr .order-status-container .more-card-info {
  font-size: 16px;
}

@media only screen and (max-width: 480px) {
  .loan-h3-title {
    text-align: center;
  }
  .loan-h3-title.d-flex {
    font-size: 21px;
  }
  .order .current-order .descr .order-status-container .status-desktop {
    margin-left: 0 !important;
  }
  .flex-adaptive {
    flex-direction: column;
  }
  .order .current-order .flex-adaptive .inf {
    text-align: center;
  }
  .denied-reason {
    text-align: center;
  }
  .status-desktop, .order-status-badge {
    margin-bottom: 10px;
  }
  .order-status.d-md-none {
    display: none;
  }
  .order .current-order .flex-adaptive .descr .order-status-container {
    flex-direction: column;
  }
  .order .current-order .flex-adaptive .order-sum {
    width: 100%;
    display: block;
    text-align: center;
  }
  .order .current-order .flex-adaptive .descr .d-flex {
    flex-direction: column;
  }
  .order .current-order .flex-adaptive .order-status {
    margin-right: 0;
  }
}

.order .current-order .flex-adaptive .order-num {
  width: 155px;
  margin-left: 0;
  padding: 15px 14px 17px 20px;
  border-radius: 8px;
  line-height: 16px;
  background-color: #fff;
}

.disclaimer-0-2-174 {
  color: black;
  font-size: .75rem;
  margin-top: .5rem;
}

.disclaimer-0-2-174 .border-disclaimer {
  border: 1px solid red;
  display: inline-block;
  border-radius: 4px;
}

.withoutTooltip .tooltip {
  display: none !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

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

.loan-more-card-info {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #1E1E1E;
}

.loan-more-card-info svg {
  font-size: 16px;
  transform: rotate(180deg);
}

.loan-more-card-info.open svg {
  transition: 0.3s;
  transform: rotate(0deg);
}

.tmp-code-link {
  color: var(--theme-color);
  text-decoration: underline;
  cursor: pointer;
}

.sbp-pay-btn {
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
}

.sbp-pay-btn img {
  height: 20px;
  width: 20px;
}

.mt-5 {
  margin-top: 3rem !important;
}

:root {
  --theme-color: #108418;
  --red: #C11B17;
  --light-black: #4A4A4A;
  --black: #1E1E1E;
  --green: #108418;
  --yellow: #FAC808;
  --gray: #878787;
  --light-gray: #F2F1ED;
  --base-text-color: #1E1E1E;
  --base-font-size: 16px;
  --base-font-family: Open Sans, sans-serif;
  --link-color: #1E1E1E;
  --link-color-hover: #111111;
  --link-invisible-color: #878787;
  --label-text-color: #727376;
  --input-text-color: #1E1E1E;
  --input-bg-color: #fff;
  --input-border: 1px solid #D4D4D4;
  --input-border-active: unset;
  --input-border-radius: 0;
  --input-box-shadow: none;
  --input-padding: 25px 30px;
  --input-font-family: Open Sans, sans-serif;
  --input-font-weight: normal;
  --input-font-size: 16px;
  --input-max-width: 295px;
  --input-placeholder-color: #878787;
  --input-focus-color: #1E1E1E;
  --checkbox-box-shadow: 0 0 0 1px #A5A5A5;
  --checkbox-active-bg-color: #108418;
  --checkbox-text-color: #1E1E1E;
  --input-select-bg-active-color: #108418;
  --input-select-arrow-color: #1E1E1E;
  --btn-text-color: #fff;
  --btn-bg-color: #108418;
  --btn-border: none;
  --btn-border-radius: 8px;
  --btn-box-shadow: none;
  --btn-padding: 0.75em 1em;
  --btn-font-family: Open Sans, sans-serif;
  --btn-font-weight: 700;
  --btn-font-size: 18px;
  --btn-max-width: 350px;
  --btn-margin: unset;
  --btn-hover-text-color: #fff;
  --btn-hover-bg-color: #0d6d14;
  --btn-hover-box-shadow: none;
  --btn-hover-border: none;
  --btn-disabled-text-color: #6e6d6d !important;
  --btn-disabled-bg-color: #a1a0a0 !important;
  --btn-disabled-box-shadow: none;
  --btn-disabled-border: none;
  --btn-payment-text-color: #fff;
  --btn-payment-bg-color: #1E1E1E;
  --btn-payment-hover-text-color: #fff;
  --btn-payment-hover-bg-color: black;
  --back-arrow-color: #108418;
  --back-arrow-hover-color: #0a5710;
  --plain-text-color: #878787;
  --plain-text-span-color: #1E1E1E;
  --plain-text-span-font-weight: normal;
  --modal-close-color: #1E1E1E;
  --modal-phone-text-color: #1E1E1E;
  --cabinet-nav-color: #1E1E1E;
  --cabinet-nav-active-color: #1E1E1E;
  --logout-color: #1E1E1E;
  --logout-hover-color: #1E1E1E;
  --cabinet-control-mobile-color: #1E1E1E;
  --cabinet-control-mobile-active-color: #108418;
  --cabinet-control-mobile-active-bg-color: #fff;
  --cabinet-control-mobile-logo-max-height: 50px;
  --cabinet-control-mobile-logo-max-width: 150px;
  --datepicker-color: #108418;
  --datepicker-text-color: #1E1E1E;
  --input-sms-code-font-size: 2em;
  --input-sms-code-border-radius: 0;
  --input-sms-code-letter-spacing: 0;
  --input-sms-code-width: 440px;
  --input-sms-code-text-align: center;
  --input-sms-code-padding: 0.5em 0.75em;
  --input-sms-code-font-weight: 400;
  --input-sms-code-4-width: 5em !important;
  --input-sms-code-6-width: 7.5em !important;
  --vue-slider-rail-color: rgba(154, 154, 154, 0.5);
  --vue-slider-color: #108418;
  --vue-slider-box-shadow: 0 0 0 1px #108418;
  --vue-slider-size: 18px;
  --vue-slider-rail-height: 3px;
  --auth-text-color: #1E1E1E;
  --auth-title-color: #1E1E1E;
  --auth-plain-text-info-color: #1E1E1E;
  --auth-link-color: #1E1E1E;
  --auth-link-hover-color: #1E1E1E;
  --auth-back-arrow-color: #1E1E1E;
  --auth-back-arrow-hover-color: #2b2b2b;
  --auth-sidebar-bg-color: #aaa;
  --auth-phone-sidebar-bg-image: linear-gradient(320.42deg, #CBE4A9 -20.51%, #F4FFF5 85.14%);
  --auth-password-sidebar-bg-image: none;
  --auth-code-sidebar-bg-image: none;
  --auth-input-text-color: #1E1E1E;
  --auth-input-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.25);
  --auth-input-border: 1px solid #E1E1E1;
  --auth-input-border-radius: 8px;
  --auth-input-placeholder-color: #878787;
  --auth-input-font-family: Open Sans, sans-serif;
  --auth-phone-font-size: 2em;
  --auth-phone-padding: 0.5em 0.75em;
  --auth-phone-max-width: 11em;
  --auth-phone-font-weight: 600;
  --auth-phone-color: #878787;
  --auth-logo-padding: 5em 5%;
  --auth-logo-position: center;
  --auth-footer-text-color: #fff;
  --sidebar-height: calc(100% - 0px);
  --sidebar-bg-color: #aaa;
  --sidebar-bg-image: url(/img/sidebar-bg.png);
  --sidebar-mobile-bg-color: #aaa;
  --sidebar-mobile-bg-image: url(/img/sidebar-bg.png);
  --sidebar-text-color: #fff;
  --sidebar-link-color: #fff;
  --sidebar-payment-block-border-color: #fff;
  --sidebar-icon-color: #fff;
  --progress-bar-empty-color: #1E1E1E;
  --progress-bar-fill-color: #108418;
  --circle-size: 118px;
  --circle-text-color: inherit;
  --circle-empty-color: #F0F0F0;
  --circle-fill-color: #108418;
  --circle-bg-color: transparent;
  --circle-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
  --calculator-title-color: #1E1E1E;
  --calculator-title-font-size: 1.06em;
  --calculator-title-font-weight: 700;
  --calculator-bg-color: #f8fbf6;
  --calculator-mobile-bg-color: #f8fbf6;
  --calculator-border-radius: 1em;
  --calculator-padding: 1.2em;
  --calculator-text-color: #1E1E1E;
  --calculator-label-color: #1E1E1E;
  --calculator-label-font-size: 0.9em;
  --calculator-label-font-weight: normal;
  --calculator-value-color: #1E1E1E;
  --calculator-value-font-size: 1.2em;
  --calculator-value-font-weight: 700;
  --calculator-detail-font-size: 0.75rem;
  --calculator-detail-color: #1E1E1E;
  --calculator-detail-value-color: #1E1E1E;
  --slider-return-date: #1E1E1E;
  --calculator-border-color: #B0B0B0;
  --calculator-icon-color: #108418;
  --profile-control-bg: #fff;
  --profile-back-text-color: #1E1E1E;
  --profile-back-text-hover-color: #1E1E1E;
  --profile-nav-dot-color: #fff;
  --profile-nav-dot-text-color: #1E1E1E;
  --profile-nav-dot-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  --profile-nav-dot-active-color: #1E1E1E;
  --profile-nav-dot-active-text-color: #1E1E1E;
  --profile-nav-dot-active-shadow: none;
  --profile-nav-text-color: #fff;
  --profile-nav-dot-padding-top: 0;
  --profile-input-bg-color: #1E1E1E;
  --profile-input-border: 1px solid transparent;
  --profile-input-placeholder-color: #878787;
  --profile-file-attach-btn-bg-color: #108418;
  --profile-file-attach-btn-bg-hover-color: #0d6d14;
  --profile-file-attach-btn-text-color: #fff;
  --profile-file-attach-btn-text-hover-color: #fff;
  --profile-file-attach-btn-border-radius: 7px;
  --profile-file-desc-color: #1E1E1E;
  --profile-file-desc-ul-color: #BBB9B9;
  --banner--bg-color: #fff;
  --banner--btn-bg-color: #108418;
  --banner--btn-hover-bg-color: #0d6d14;
  --banner--btn-text-color: #fff;
  --banner--btn-hover-text-color: #fff;
  --banner--title-text-color: #1E1E1E;
  --banner--plain-text-color: #1E1E1E;
  --gmm-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2), 0px 4px 4px rgba(0, 0, 0, 0.25);
  --gmm-border-radius: 20px;
  --gmm-left-text-color: #1E1E1E;
  --gmm-left-background-color: #F2F1ED;
  --gmm-left-label-opacity: 0.3;
  --gmm-left-label-background-color: transparent;
  --gmm-left-label-border-color: #1E1E1E;
  --gmm-left-label-text-color: #1E1E1E;
  --gmm-left-label-icon-color: #1E1E1E;
  --gmm-left-label-border-radius: 20px;
  --gmm-left-label-active-background-color: #1E1E1E;
  --gmm-left-label-active-border-color: #1E1E1E;
  --gmm-left-label-active-text-color: #1E1E1E;
  --gmm-left-label-active-icon-color: #1E1E1E;
  --gmm-right-background-color: #fff;
  --gmm-right-text-color: #1E1E1E;
  --gmm-right-card-box-shadow: none;
  --gmm-right-card-background-color: #fff;
  --gmm-right-card-border-color: #D5D5D5;
  --gmm-right-card-text-color: #D4D4D4;
  --gmm-right-card-icon-color: #D4D4D4;
  --gmm-right-card-active-background-color: #108418;
  --gmm-right-card-active-border-color: #108418;
  --gmm-right-card-active-text-color: #fff;
  --gmm-right-card-active-icon-color: #fff;
  --loan-card--bg-color: transparent;
  --loan-card--text-color: #1E1E1E;
  --loan-card--progress-bg-color: rgba(0, 0, 0, 0);
  --loan-card--progress-fill-bg-color: #1E1E1E;
  --loan-card-border-color: #108418;
  --loan-card-seporator-color: #1E1E1E;
  --loan-card-application-status-color: #108418;
  --loan-card-request-summ-color: #1E1E1E;
  --loan-card-text-status-color: inherit;
  --loan-card-left-column-bg-color: #FD6333;
  --loan-card-left-column-text-color: #fff;
  --loan-card-btn-bg-color: #108418;
  --loan-card-btn-text-color: #fff;
  --loan-card-btn-hover-bg-color: #0d6d14;
  --loan-card-btn-hover-text-color: #fff;
  --loan-status-info-bg-color: #1E1E1E;
  --loan-status-info-text-color: #fff;
  --loan-info-item-text-color: #BBB9B9;
  --loan-status-open-bg-color: #108418;
  --loan-status-open-text-color: #fff;
  --loan-status-delinquent-bg-color: #C11B17;
  --loan-status-delinquent-text-color: #fff;
  --doc-icon-color: #108418;
  --questionary-item-bg-color: rgba(179, 220, 233, 0.1);
  --questionary-item-full-filled-bg-color: #108418;
  --questionary-item-part-filled-bg-color: #108418;
  --questionary-item-not-filled-bg-color: #C11B17;
  --questionary-fill-color: #1E1E1E;
  --footer-developer-color: #108418;
  --footer-height: 0px;
  --footer-bg-color: #F2F2F4;
  --footer-text-color: #727376;
  --credit-rating-svg-fill: #1E1E1E;
  --credit-rating-bg-active-color: #108418;
  --credit-rating-bg-block-color: #C8C5C5;
  --credit-rating-text-color: #fff;
  --credit-rating-active-text-color: #fff;
  --credit-rating-title-text-color: #1E1E1E;
  --credit-rating-active-title-text-color: #1E1E1E;
  --credit-rating-btn-bg-color: #108418;
  --credit-rating-btn-text-color: #fff;
  --credit-rating-btn-hover-bg-color: #0d6d14;
  --credit-rating-btn-hover-text-color: #fff;
  --application-banner-bg-active-color: #B6EDCF;
  --application-banner-text-active-color: #1E1E1E;
  --application-banner-title-text-active-color: #1E1E1E;
  --application-banner-btn-bg-color: #108418;
  --application-banner-btn-text-color: #fff;
  --application-banner-btn-hover-bg-color: #0d6d14;
  --application-banner-btn-hover-text-color: #fff;
  --btn-mobile-photo-bg-color: #108418;
  --btn-mobile-photo-shadow: 0px 25px 55px rgba(255, 164, 18, 0.55);
  --btn-mobile-photo-color: #fff;
  --loading-overlay-bg-color: rgba(16, 132, 24, 0.5);
  --loader-color: #fff;
  --loader-color-inverse: #108418;
  --btn-loader-color: #fff;
  --card-active-color: #108418;
  --method-recept-title-description-color: #1E1E1E;
  --method-recept-text-description-color: #000;
}

.gorizontal-calc {
  display: flex;
  flex-direction: column;
  /*Адаптив для калькулятора*/
}

.gorizontal-calc__item h2 {
  font-size: 22px;
  line-height: 28px;
  color: var(--calculator-label-color);
}

.gorizontal-calc__column {
  flex: 0 1 45%;
  display: flex;
  align-items: center;
  border: 1px solid #B0B0B0;
  border-radius: 8px;
  padding: 15px -5px -5px -5px;
  width: 100%;
}

.gorizontal-calc__column:last-child {
  margin-top: 60px;
}

.gorizontal-calc__item_up {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}

.gorizontal-calc__item_low {
  height: 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: -5px;
}

.gorizontal-calc__body {
  width: 100%;
  margin: 0 0 0 5px;
  padding-top: 15px;
}

.gorizontal-calc__icon {
  margin: 0 .4em 0 0;
}

.gorizontal-calc__icon svg path {
  fill: var(--calculator-icon-color);
}

@media (max-width: 1034px) {
  .gorizontal-calc__icon {
    display: none;
  }
}

@media (max-width: 581px) {
  .gorizontal-calc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .gorizontal-calc__title {
    display: none;
  }
  .gorizontal-calc__icon {
    display: none;
  }
  .gorizontal-calc__item h2 {
    font-size: 18px;
    line-height: 24px;
  }
  .gorizontal-calc__item_up {
    margin: 0 0 20px 0;
  }
  .gorizontal-calc__column {
    width: 100%;
    margin: 0 0 27px 0;
  }
}

.hero-calc {
  background: var(--calculator-bg-color);
  color: var(--calculator-text-color);
  width: 100%;
  max-width: 100%;
  padding: var(--calculator-padding);
  border-radius: var(--calculator-border-radius);
  border: unset !important;
}

.hero-calc--title {
  display: none;
  font-weight: var(--calculator-title-font-weight);
  font-size: var(--calculator-title-font-size);
  color: var(--calculator-title-color);
  text-align: center;
  margin-bottom: 1em;
}

.hero-calc .input-label {
  margin-top: 0;
}

.hero-calc .input-name {
  margin-bottom: 1em;
}

.hero-calc .calc-range {
  margin: 0;
}

.hero-calc .get-money-btn {
  font-size: 1em;
}

.hero-calc .calc-detail {
  display: flex;
  justify-content: space-between;
  margin-top: 1em;
  align-items: center;
  font-size: var(--calculator-detail-font-size);
  color: var(--calculator-detail-color);
}

.hero-calc .calc-detail .old-price {
  margin-right: 0.5em;
}

.hero-calc .loan-time {
  margin: 1.88em 0 0;
  flex-wrap: wrap;
  font-size: 1.05rem;
}

.hero-calc .loan-time .timer-info {
  padding: 0;
}

.hero-calc .loan-time:before {
  width: auto;
  flex-basis: 200%;
  position: static;
  margin: 0 -1.2rem 1em;
}

.hero-calc .loan-time:after {
  display: none;
}

.hero-calc .loan-count img {
  height: 17px;
}

.calc-range {
  width: 100%;
  margin: 1em 0;
}

.return-time {
  display: flex;
  font-weight: 400;
}

.slider-return-date {
  font-weight: bold;
  color: var(--slider-return-date);
}

.return-summ {
  font-weight: 700;
}

.old-price {
  font-weight: 400;
  text-decoration: line-through;
}

.overpayment {
  font-weight: 700;
}

.overpayment .new-price {
  color: var(--calculator-detail-value-color);
}

.overpayment .old-price {
  color: #C4C4C4;
}

.loan-time {
  margin: 1em -2em 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
}

.loan-time:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #CDCDCD;
  margin-bottom: 1em;
}

.loan-time .timer-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 2em;
  width: 100%;
}

.loan-time span {
  font-weight: 700;
  font-size: 1.15em;
  margin-left: .5em;
}

.input-label {
  width: 100%;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  font-size: var(--calculator-label-font-size);
  color: var(--calculator-label-color);
  font-weight: var(--calculator-label-font-weight);
}

.input-label .slider-text-wrap {
  color: var(--calculator-value-color);
  margin-left: auto;
  line-height: 1;
  display: flex;
  align-items: center;
  font-size: var(--calculator-value-font-size);
  font-weight: var(--calculator-value-font-weight);
}

.input-label .slider-text {
  margin-right: 0.3em;
  line-height: 1;
}

.get-money-btn {
  width: 100%;
  display: block;
  max-width: none;
  margin: 0 auto 1em;
}

@media only screen and (max-width: 1024px) {
  .hero-calc--title {
    font-size: 1.5em;
  }
}

@media only screen and (max-width: 767px) {
  .hero-calc {
    max-width: none;
    width: auto;
    align-self: stretch;
    margin: 0 -1.2em 2em;
    border-radius: 0;
  }
}

@media (max-width: 581px) {
  .hero-calc {
    background-color: var(--calculator-mobile-bg-color);
    border-radius: 0 !important;
    margin-left: -1em;
    margin-right: -1em;
    padding-left: 1em;
    padding-right: 1em;
    border: none;
    box-shadow: none;
    margin-bottom: 1em;
  }
}

.hero-calc {
  padding: 1.5em 2em;
  margin: 0 0 40px 0;
  border: 1px solid var(--calculator-border-color);
  border-radius: 20px;
}

.hero-calc .vue-slider-dot-handle {
  border-width: 3px !important;
  background-color: #FFF3E8 !important;
}

.hero-calc .vue-slider-dot-handle-focus {
  border-width: 3px !important;
}

.hero-calc .vue-slider .vue-slider-rail {
  height: 6px;
}

@media only screen and (max-width: 480px) {
  .calcul_wrapper {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.calcul_wrapper .btn {
  width: 100%;
  max-width: 190px;
  height: 60px;
  font-weight: 400;
  font-size: 16px;
  line-height: 2;
}

.calcul_wrapper .btn.online {
  background: #108418 !important;
  color: white !important;
  border: 1px solid #108418 !important;
}

.calcul_wrapper {
  background: var(--calculator-bg-color);
  border-radius: 15px;
  padding: 50px 30px;
}

.client-card-list {
  background: #FFF3E8;
}

@media only screen and (max-width: 480px) {
  .w-sm-100 {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media only screen and (min-width: 480px) {
  .w-md-100 {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (min-width: 992px) {
  .d-lg-flex {
    display: flex !important;
  }
}

@media (max-width: 768px) {
  .application-banner-block__img {
    display: none;
  }
  .application-banner-block__data-btn_mobile {
    display: none !important;
  }
  .d-none {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .align-items-baseline {
    align-items: baseline !important;
  }
}

.max-width-wrapper {
  max-width: 1250px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.profile-left-part {
  max-width: 300px;
  min-width: 340px;
}

@media only screen and (max-width: 768px) {
  .profile-left-part {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
    min-width: 200px;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .profile-left-part .nav-title {
    margin-top: 0px;
    align-items: center;
  }
}

.profile-right {
  max-width: 925px;
}

@media only screen and (max-width: 768px) {
  .profile-right {
    max-width: 100%;
  }
}

.profile-right .input-title-label {
  font-size: 14px !important;
  font-weight: 500;
}

.profile-right .mt-5 {
  margin-top: 3rem !important;
}

.profile-right .col-md-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.form-group {
  position: relative;
}

.form-group #eye-show, .form-group #eye-close {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

.form-group #eye-close {
  display: none;
}

.profile-content {
  margin-top: 50px;
  margin-bottom: 50px;
}

@media only screen and (max-width: 576px) {
  .profile-content {
    margin-top: 20px;
  }
}

.profile-content .profile-left-part {
  background: #fff;
}

.profile-content .confrim-procent {
  border: 1px solid #108418;
  padding: 40px 30px;
  border-radius: 23px;
  color: #1E1E1E;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-around;
  gap: 15px;
}

@media only screen and (max-width: 767px) {
  .profile-content .confrim-procent {
    display: none !important;
  }
}

.profile-content .page-name {
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 35px;
}

@media only screen and (min-width: 576px) {
  .profile-content .page-name {
    margin-bottom: 22px;
  }
}

header {
  background: url(/img/Rectangle.png) center center no-repeat fixed;
  background-size: 100vw 100vh;
  height: 130px;
  padding: 0;
}

@media only screen and (max-width: 480px) {
  header {
    height: 74px;
    padding: 12px;
  }
}

header .sidebar--logo {
  max-width: 114px;
}

@media only screen and (max-width: 480px) {
  header .sidebar--logo {
    max-width: 100px !important;
    width: 100%;
    display: flex;
    align-items: center;
  }
}

header .cabinet-control {
  margin-bottom: 0;
  margin-top: 15px;
  padding-left: 105px;
  width: 100%;
}

@media only screen and (max-width: 480px) {
  header .cabinet-control {
    display: flex;
    justify-content: flex-end;
    padding-left: 0;
  }
}

@media only screen and (max-width: 480px) {
  header .cabinet-control .cabinet-nav {
    display: none;
  }
  header .cabinet-control .cabinet-nav.open {
    display: flex;
    position: absolute;
    top: 70px;
    z-index: 999;
    width: 100%;
    padding: 10px 10px 10px 40px;
    justify-content: center;
    font-size: 1.15em;
  }
}

header .cabinet-control .logout {
  border: 1px solid #1E1E1E;
  border-radius: 10px;
  padding: 20px 19px;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  header .cabinet-control .logout {
    margin-right: 20px;
  }
  header .cabinet-control .logout span {
    display: block;
  }
  header .cabinet-control .logout .logout-icon {
    width: 10px;
    height: 10px;
  }
}

@media only screen and (max-width: 767px) {
  header .cabinet-control {
    display: flex;
  }
}

header .account-owner img {
  margin-left: 15px;
  margin-right: 15px;
}

header .account-owner .user_name {
  font-weight: 400;
  font-size: 14px;
  margin-right: 10px;
}

@media only screen and (max-width: 480px) {
  header .account-owner .user_name {
    display: none !important;
  }
}

header .logout {
  margin-left: 0;
  font-weight: 400;
  font-size: 14px;
}

nav {
  border: 1px solid #108418;
  padding: 40px 30px;
  border-radius: 23px;
  color: #1E1E1E;
  margin-bottom: 26px;
}

nav .nav_title {
  font-size: 24px;
  color: #108418;
  font-weight: bold;
}

nav .my-4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

nav .sub_titile {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
}

nav .nav-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media only screen and (max-width: 480px) {
  nav .nav-links {
    flex-direction: row;
    margin-bottom: 17px;
    gap: 45px;
    justify-content: space-between;
  }
}

nav .nav-profile-item {
  color: black;
  font-size: 16px;
  text-decoration: none;
  line-height: 18.75px;
  padding: 15px;
  display: flex;
  position: relative;
  align-items: center;
  font-weight: 500;
  flex-wrap: wrap;
}

nav .nav-profile-item:not(.active) {
  padding: 5px;
}

@media only screen and (max-width: 480px) {
  nav .nav-profile-item:not(.active) {
    padding: 0;
  }
}

nav .nav-profile-item.active {
  color: #fff;
  background: #108418;
  border-radius: 8px;
  font-size: 18px;
  line-height: 27px;
  font-weight: 600;
}

@media only screen and (max-width: 480px) {
  nav .nav-profile-item.active {
    font-size: 16px;
    line-height: 22px;
  }
}

nav .nav-profile-item.active span {
  color: black;
  width: 20px !important;
  margin-right: 20px;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 480px) {
  nav .nav-profile-item.active span {
    width: 30px !important;
    display: block;
  }
}

nav .nav-profile-item.active .link_name {
  white-space: normal;
}

nav .nav-profile-item span {
  color: #108418;
  width: 40px;
  text-align: center;
}

nav .nav-profile-item span, nav .nav-profile-item img {
  margin-right: 15px;
}

@media only screen and (max-width: 767px) {
  nav {
    display: flex !important;
    flex-direction: column-reverse;
    padding: 20px;
  }
  nav .my-4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0 !important;
    margin-top: 5px !important;
  }
  nav .nav-profile-item {
    padding: 0;
  }
  nav .nav-profile-item .link_name {
    display: none;
  }
  nav .nav-profile-item .compleate {
    width: 30px;
    height: 30px;
    margin-right: 0;
  }
  nav .nav-profile-item span {
    width: unset;
    margin-right: 0;
  }
  nav .nav-profile-item.active span {
    margin-right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}

.mobile_nav {
  border-bottom: 2px solid #9C9C9C;
}

.mobile_nav .active {
  border-bottom: 4px solid #9C9C9C;
  padding: 0 10px;
}

.login__logo, .login__mob-logo {
  max-width: 300px;
  margin-bottom: 40px !important;
}

#auth .login {
  height: auto !important;
  min-height: 100%;
}

.login .login {
  background: none;
}

.login__header {
  padding: unset;
  margin: 100px 0 40px 0;
}

@media only screen and (max-width: 480px) {
  .login__header {
    margin: 40px 0 40px 0;
  }
}

.login__body {
  width: 100%;
  max-width: 610px;
  height: unset;
  padding: 50px 85px 30px 85px;
  border-radius: 23px !important;
  margin-bottom: 100px;
}

@media only screen and (max-width: 480px) {
  .login__body {
    max-width: 345px !important;
    padding: 60px 15px 65px 15px !important;
    margin-bottom: 50px !important;
  }
}

.login__body-title {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #1e1e1e;
  margin-bottom: unset;
}

@media only screen and (max-width: 480px) {
  .login__body-title {
    font-size: 22px !important;
    line-height: 30px !important;
  }
}

.login__body-btn {
  max-width: unset !important;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  margin-bottom: 30px;
}

.login__body-form {
  display: block;
  width: 100%;
}

.login__body-form input {
  padding: 25px 30px;
  text-align: start;
  font-size: 16px;
  border: 1px solid #E1E1E1 !important;
}

@media only screen and (max-width: 480px) {
  .login__body-form input {
    font-size: 14px !important;
    line-height: 20px;
  }
}

.login__body-link {
  color: #1E1E1E;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.login__body-link a {
  margin-left: 5px;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #FDB515;
}

.login__forgot_link {
  margin-top: 9px;
  text-align: center;
  display: block;
}

.login .form-group {
  margin-top: 20px;
}

.login .login__body-confirm-link {
  color: #108418;
}

.login a {
  margin-left: 5px;
  color: #108418;
}

.login_wrapper .login__forgot_link, .login_wrapper .login__body-confirm {
  font-size: 14px;
  margin-top: 0;
  line-height: 1.5;
}

@media only screen and (max-width: 480px) {
  .login_wrapper .login__forgot_link, .login_wrapper .login__body-confirm {
    line-height: 1.6;
  }
}

.reg_wrapper .input-wrap {
  padding-top: 30px;
}

.reg_wrapper .login__body-form {
  margin-bottom: 25px;
}

.auth2_wrapper .login__body-title {
  margin-bottom: 30px;
}

.auth2_wrapper .login__body-text {
  margin-bottom: 0;
  font-size: 14px;
}

.auth2_wrapper .plain-text--info {
  font-size: 20px;
  line-height: normal;
  font-weight: 600;
  display: block;
  width: 100%;
  margin-top: 10px;
}

.auth2_wrapper .resend-sms-info {
  font-size: 14px;
  font-weight: 400;
}

.auth2_wrapper .login__body-link {
  margin-top: 10px;
  margin-bottom: 10px;
}

.auth2_wrapper .input-wrap {
  padding-top: 25px;
}

.auth2_wrapper .login__body-form {
  margin-bottom: 25px;
}

.auth2_wrapper .confirm_link {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}

.auth2_wrapper .retry_code.btn {
  margin-bottom: 14px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  max-width: 171px;
  height: 35px;
  width: 100%;
  color: #fff;
  background-color: #108418;
}

.auth3_wrapper .login__body-title {
  margin-bottom: 15px;
}

.auth3_wrapper .login__body-link a {
  color: #1E1E1E;
  font-weight: 400;
  font-size: 14px;
}

.auth3_wrapper .login__body-text {
  margin-bottom: 25px;
}

.auth3_wrapper .input-wrap {
  padding: 0;
}

.auth3_wrapper .login__body-form {
  margin-bottom: 25px;
}

.auth4_wrapper .login__body-title {
  margin-bottom: 25px;
}

.auth4_wrapper .retry_code.btn {
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  max-width: 171px;
  height: 35px;
  width: 100%;
  background-color: var(--theme-color);
}

.auth4_wrapper .input-wrap {
  padding-top: 14px;
}

.auth4_wrapper .login__body-text {
  margin-bottom: 19px;
}

.auth4_wrapper .login__body-text .plain-text--info {
  width: 100%;
  display: block;
  font-size: 20px;
  margin-top: 10px;
}

.auth4_wrapper .confirm_link {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}

.auth4_wrapper .confirm_link a {
  color: var(--theme-color);
}

.auth4_wrapper .login__body-form {
  margin-bottom: 25px;
}

.auth4_wrapper .login__body-btn {
  margin-bottom: 26px;
}

.sidebar--logo {
  width: 30%;
  max-width: 350px;
}

.profile--back, .white_btn {
  font-size: 18px;
  color: #1E1E1E;
  background: #fff;
  border: 1px solid #1E1E1E;
  text-align: center;
}

.profile--back:hover, .white_btn:hover {
  background: #fff;
  color: #1E1E1E;
  border: 1px solid #1E1E1E;
}

.input-wrap {
  padding-top: 30px;
}

.input-wrap .input-title-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  top: 0 !important;
  left: 0 !important;
  color: #1E1E1E;
}

.input-wrap input[type='text'], .input-wrap input[type='number'], .input-wrap .v-select {
  border: 1px solid #C7C7C7;
  border-radius: 8px;
}

.input-wrap.radio-wrap {
  align-items: center;
  border: 1px solid #C7C7C7 !important;
}

.input-work .input-wrap.radio-wrap {
  border: none !important;
  padding: 0;
  margin-top: 0;
}

.input-work .input-wrap.radio-wrap .radio-group {
  gap: 32px 50px;
}

@media only screen and (max-width: 480px) {
  .input-work .input-wrap.radio-wrap .radio-group {
    gap: 16px;
  }
}

.input-work .input-wrap.radio-wrap .radio-label {
  padding: 20px 25px 20px 20px;
  border-radius: 8px;
  background: #F0F0F0;
  width: 29%;
  margin: 0;
}

@media only screen and (max-width: 480px) {
  .input-work .input-wrap.radio-wrap .radio-label {
    width: 100%;
  }
}

.input-wrap:not(.radio-wrap) .input-title-label {
  position: relative;
  top: 0;
  left: 0;
}

.input-wrap:not(.radio-wrap) input:focus ~ label.input-title-label {
  font-size: 14px !important;
}

.radio-label {
  color: var(--base-text-color) !important;
}

.radio-label:before {
  width: 24px;
  height: 24px;
}

.column-add__card .client-card-list {
  background: var(--calculator-bg-color);
}

.nav-profile-item .compleate {
  background-image: url("/img/check.svg");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 15%;
  width: 40px;
  height: 40px;
  margin-right: 15px;
}

.checkbox-label {
  margin-right: 5px;
  margin-top: -5px;
}

.simple_login input[type=checkbox]:checked + .checkbox-label {
  background: url("/img/check.svg");
  background-size: 100%;
  margin-right: 5px;
  margin-top: -6px;
  margin-left: 0;
}

.simple_login .login__body-confirm-text {
  font-size: 13px;
}

input[type=checkbox]:checked + .checkbox-label {
  background: url("/img/check.svg");
  background-size: 100%;
  box-shadow: none;
  border: none;
  margin-right: 5px;
  margin-top: -5px;
  margin-left: 0;
}

.profile-content {
  min-height: unset;
}

.profile-content .profile-right {
  flex: 0 0 auto;
  width: 75%;
  margin-left: 20px;
  padding: 0;
}

@media only screen and (max-width: 480px) {
  .profile-content .profile-right {
    width: 100%;
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.profile-content .profile-right .questionary-section-title {
  font-size: 24px;
  color: #1E1E1E;
  margin-bottom: 20px;
}

.profile-right .input-group-name {
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
  color: #1E1E1E;
}

@media only screen and (max-width: 480px) {
  .profile-right .input-group-name {
    font-size: 22px;
    line-height: 35px;
  }
}

.profile-control {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.profile-control .btn {
  width: 100%;
  max-width: 209px;
  min-width: 209px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.calcul_wrapper {
  max-width: 470px;
  width: 100%;
}

@media only screen and (max-width: 480px) {
  .calcul_wrapper {
    margin: 0;
  }
}

@media only screen and (max-width: 480px) {
  .calcul_wrapper .btn {
    max-width: 45%;
    height: auto;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px;
    white-space: normal;
  }
}

.calcul_wrapper .card-form__btn {
  max-width: none;
}

.calcul_wrapper .sbp-pay-btn {
  background: #313131;
}

.send-loan-btn {
  margin-top: 20px;
}

.border-none {
  border: none !important;
}

.profile-wrap-2 .profile-right-part .input-group-name {
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 15px;
}

@media only screen and (max-width: 480px) {
  .profile-wrap-5 nav {
    display: flex;
    margin-bottom: 25px;
  }
}

.profile-wrap-5 .page-name {
  font-weight: 500;
  font-size: 22px;
}

@media only screen and (max-width: 480px) {
  .profile-wrap-7 nav {
    display: flex;
  }
}

.profile-wrap-7 .radio-group {
  background: #FFF5E0;
  margin-bottom: 30px;
  padding: 20px 0 20px 20px;
  border-radius: 10px;
  width: 100%;
  max-width: 210px;
  font-size: 16px;
}

@media only screen and (max-width: 767px) {
  .profile-wrap-7 .radio-group {
    max-width: 100%;
  }
}

.profile-wrap-7 .input-wrap.radio-wrap {
  margin-top: 0 !important;
}

.photo_block {
  padding: 40px 60px 40px 87px;
  border: 1px solid #c7c7c7;
  border-radius: 16px;
  margin-bottom: 30px;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 480px) {
  .photo_block {
    padding: 40px 22px;
  }
}

.photo_block .title {
  font-size: 18px;
  margin-bottom: 15px;
  color: #1E1E1E;
  font-weight: bold;
}

.photo_block .photo_block__text, .photo_block ul {
  font-size: 14px;
  line-height: 162%;
}

@media only screen and (max-width: 480px) {
  .photo_block .photo-description-block {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 36px;
  }
  .photo_block .photo-description-block .photo-container {
    width: 100% !important;
  }
  .photo_block .photo-description-block .photo-container img {
    width: 100%;
  }
}

.photo_block .btn-row-photo {
  margin: 0 !important;
  gap: 20px;
}

.photo_block .btn-row-photo .file_name {
  margin: 0;
  width: 105px;
  height: 42px;
  border-radius: 9px;
}

.photo_block .btn-row-photo .attach-button {
  height: 42px;
  font-weight: 300;
  font-size: 14px;
}

.photo_block .btn-row-photo img {
  width: 105px;
  height: 42px;
  border-radius: 9px;
  border: 1px solid #B0B0B0;
}

@media only screen and (max-width: 640px) {
  .photo_block .btn-row-photo {
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }
  .photo_block .btn-row-photo img {
    width: 100%;
  }
  .photo_block .btn-row-photo label {
    display: block !important;
  }
  .photo_block .btn-row-photo .image-preview {
    margin: 0;
  }
}

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

.application .application_info {
  display: flex;
  justify-content: space-between;
  padding: 15px 25px 15px 55px;
  border-radius: 8px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 480px) {
  .application .application_info {
    padding: 15px 18px 15px 18px;
  }
}

.application .application_info .title {
  display: flex;
  align-items: center;
}

.application .application_info .describe {
  margin-right: 9px;
}

@media only screen and (max-width: 767px) {
  .application .application_info .describe {
    display: none;
  }
}

.application .application_info .circle-size {
  font-size: 63px;
  margin-right: 24px;
}

.application .application_info .circle-timer {
  font-weight: 500;
  font-size: 14px;
}

.application .application_info.full-filled {
  background-color: #EEFAF2;
}

.application .application_info.full-filled .pie-wrapper .pie .half-circle {
  border-color: #22A84F;
  border-width: 11px;
}

.application .application_info.part-filled {
  background-color: #E9F8FE;
}

.application .application_info.part-filled .pie-wrapper .pie .half-circle {
  border-color: #108418;
  border-width: 11px;
}

.application .application_info.danger {
  background-color: #FFDEDA;
}

.application .application_info.danger .pie-wrapper .pie .half-circle {
  border-color: #fff;
  border-width: 11px;
}

.application .contact-banner {
  justify-content: center;
  display: flex;
  margin-top: -20px;
}

.application .contact-banner-text {
  padding: 6px 20px;
  box-shadow: 0 4px 50px rgba(0, 0, 0, 0.45);
  background: white;
  border-radius: 7px;
  text-align: center;
  z-index: 5;
}

.order-inform-nav {
  border: 1px solid #108418;
  border-radius: 23px;
  padding: 2em 1.3em 3em 1.3em;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .order-inform-nav {
    background: #FFF5E0;
    border: none;
    border-radius: unset;
    margin: 0;
  }
  .order-inform-nav .contact-banner-text {
    position: absolute;
    bottom: -40px;
    width: 90%;
  }
}

.order-inform-nav .prolongation-day {
  text-align: center;
  font-size: 14px;
  color: grey;
  margin-bottom: 1em;
}

.order-inform-nav .order_price {
  font-size: 42px;
  background: #F0F0F0;
  color: #108418;
  font-weight: 600;
  border-radius: 8px;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .order-inform-nav .order_price {
    font-size: 36px;
    font-weight: 550;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 21px;
    padding: 16px 22px;
  }
  .order-inform-nav .order_price .title {
    color: #1E1E1E;
    font-size: 16px;
    font-weight: 400;
  }
}

.order-inform-nav .order_price .btn {
  max-width: 100%;
}

@media only screen and (max-width: 480px) {
  .order {
    margin-top: 25px;
  }
}

.order .current-order {
  padding: 28px 30px 28px 40px;
  border-radius: 8px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .order .current-order {
    flex-direction: column;
  }
  .order .current-order .inf {
    width: 100%;
    margin-bottom: 15px;
  }
}

.order .current-order .order-status-badge {
  padding: 17px;
  border-radius: 8px;
}

.order .current-order .order-status-badge {
  width: 243px;
  font-weight: 400;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  text-align: center;
}

@media only screen and (max-width: 480px) {
  .order .current-order .order-status-badge {
    width: 100%;
  }
}

.order .current-order .inf {
  align-items: center;
  flex-direction: row;
}

@media only screen and (max-width: 480px) {
  .order .current-order .inf {
    flex-direction: column;
  }
}

.order .current-order .order-sum {
  font-size: 32px;
  font-weight: 600;
  min-width: 150px;
}

@media only screen and (max-width: 767px) {
  .order .current-order .order-sum {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .order .current-order .order-sum .order-status {
    font-size: 18px;
    margin-left: unset;
    margin-right: unset;
  }
}

.order .current-order .order-status {
  margin-left: 10px;
  margin-right: 30px;
}

.order .current-order .order-num {
  font-size: 14px;
  width: 100%;
  margin-left: 15px;
}

@media only screen and (max-width: 767px) {
  .order .current-order .order-num {
    margin-left: 0;
  }
}

@media only screen and (max-width: 480px) {
  .order .current-order .descr {
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .order .current-order .descr .order-status-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.order .current-order .descr .order-status-container .status-desktop {
  display: flex;
  margin-left: 20px;
  align-items: center;
}

.order .current-order .descr .order-status-container .more-card-info {
  margin-left: 20px;
  display: flex;
  align-items: center;
}

.order .current-order .descr .order-status-container .more-card-info svg {
  padding-right: 10px;
  transform: rotate(180deg);
}

.order .current-order .descr .order-status-container .more-card-info.open svg {
  margin-left: 10px;
  transition: 0.3s;
  transform: rotate(0deg);
}

@media only screen and (max-width: 480px) {
  .order .current-order .descr .btn {
    width: 100%;
  }
}

.order.isRefusal .current-order, .order.isClosed .current-order {
  background: #F0F0F0;
}

.order.isRefusal .current-order .order-status-badge, .order.isClosed .current-order .order-status-badge {
  background: #fff;
  width: 319px !important;
}

.order.isRefusal .current-order .order-status, .order.isClosed .current-order .order-status {
  color: black;
}

@media only screen and (min-width: 768px) {
  .order.isRefusal .application-banner-block, .order.isClosed .application-banner-block {
    background-image: url("/img/banners/order-refuse.png");
  }
}

@media only screen and (max-width: 768px) {
  .order.isRefusal .application-banner-block, .order.isClosed .application-banner-block {
    height: auto;
  }
}

.order.isRefusal .application-banner-block__data-description, .order.isClosed .application-banner-block__data-description {
  margin-bottom: 15px;
}

.order.isRefusal .current-order_more_inform, .order.isClosed .current-order_more_inform {
  display: none;
}

.order.isRefusal .current-order_more_inform.open, .order.isClosed .current-order_more_inform.open {
  border-radius: 0 0 8px 8px;
  background: #F0F0F0;
  margin-top: -35px;
  margin-bottom: 30px;
  padding: 53px 42px;
  display: flex;
}

.order.isRefusal .current-order_more_inform.open .left-part, .order.isClosed .current-order_more_inform.open .left-part {
  min-width: 50%;
}

.order.isRefusal .current-order_more_inform.open .rigth-part, .order.isClosed .current-order_more_inform.open .rigth-part {
  font-size: 16px;
}

.order.isRefusal .current-order_more_inform.open .rigth-part .bandge, .order.isClosed .current-order_more_inform.open .rigth-part .bandge {
  display: none;
}

.order.isRefusal .current-order_more_inform.open .rigth-part .info, .order.isClosed .current-order_more_inform.open .rigth-part .info {
  margin-bottom: 25px;
}

@media only screen and (min-width: 768px) {
  .order.isRefusal.reason .application-banner-block, .order.isClosed.reason .application-banner-block {
    background-image: url("/img/banners/tariff-banner.png");
    height: auto;
  }
}

.order.isRefusal.reason .descr .btn, .order.isClosed.reason .descr .btn {
  width: 197px;
  height: auto;
  font-size: 14px;
}

.order.isCheck.isProcessing .current-order {
  background: #E9F8FE;
}

.order.isCheck.isProcessing .current-order .order-status-badge {
  background: #108418;
}

.order.isCheck.isProcessing .current-order .order-status {
  color: #108418;
}

.order.isProcessing .current-order {
  background: #EAFFEA;
}

.order.isProcessing .current-order .order-status-badge {
  background: #108418;
}

.order.isProcessing .current-order .order-status {
  color: #108418;
}

@media only screen and (min-width: 768px) {
  .order.isProcessing .application-banner-block {
    background-image: url("/img/banners/order-in-progress.png");
  }
}

@media only screen and (max-width: 768px) {
  .order.isProcessing .application-banner-block {
    height: auto;
  }
}

.order.approve .current-order {
  background: #E7FAED;
}

.order.approve .current-order .order-status {
  color: #22A84F;
}

.order.approve .current-order .btn {
  font-size: 14px;
  width: 197px;
  height: 48px;
  line-height: 1.5;
}

@media only screen and (min-width: 768px) {
  .order.approve .application-banner-block {
    background-image: url("/img/banners/order-approve.png");
  }
}

@media only screen and (max-width: 768px) {
  .order.approve .application-banner-block {
    height: auto;
  }
}

.order .color-denied-text {
  color: #C11B17 !important;
}

.order.isDenied .current-order {
  background: #F0F0F0;
}

.order.isDenied .current-order .order-status {
  color: #C11B17;
}

.order.isDenied .current-order .order-status-badge {
  background: #108418;
  display: block;
}

@media only screen and (min-width: 768px) {
  .order.isDenied .application-banner-block {
    background-image: url("/img/banners/order-to-get.png");
  }
}

@media only screen and (max-width: 768px) {
  .order.isDenied .application-banner-block {
    height: auto;
  }
}

.order.isOpen .current-order {
  background: #F0F0F0;
}

.order.isOpen .current-order .order-status {
  color: #108418;
}

.order.isOpen .current-order .order-status-badge {
  background: #108418;
  display: block;
}

.order.isOpen .application-banner-block {
  height: auto;
}

@media only screen and (min-width: 768px) {
  .order.isOpen .application-banner-block {
    background-image: url("/img/banners/order-open.png");
  }
}

.order.isOpen .order-status-badge {
  width: 186px;
}

.order.isOpen .current-order_more_inform {
  display: none;
}

.order.isOpen .current-order_more_inform.open {
  border-radius: 0 0 8px 8px;
  background: #F0F0F0;
  margin-top: -35px;
  margin-bottom: 30px;
  padding: 53px 42px;
  display: flex;
  gap: 41px;
}

@media only screen and (max-width: 768px) {
  .order.isOpen .current-order_more_inform.open {
    flex-wrap: wrap;
  }
}

.order.isOpen .current-order_more_inform.open .left-part {
  min-width: 50%;
  background: #fff;
  padding: 46px 34px 33px 34px;
  border-radius: 13px;
}

@media only screen and (max-width: 768px) {
  .order.isOpen .current-order_more_inform.open .left-part {
    display: none;
  }
}

.order.isOpen .current-order_more_inform.open .left-part .name_opt {
  font-size: 18px;
  margin-bottom: 12px;
}

.order.isOpen .current-order_more_inform.open .left-part .value_opt {
  font-size: 32px;
  margin-bottom: 20px;
}

.order.isOpen .current-order_more_inform.open .left-part .extend-payment {
  margin: 5px 0 35px !important;
  font-size: 16px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.order.isOpen .current-order_more_inform.open .left-part .info {
  margin-top: 16px;
  font-size: 16px;
  font-weight: normal !important;
}

.order.isOpen .current-order_more_inform.open .left-part .info b {
  font-weight: unset !important;
}

.order.isOpen .current-order_more_inform.open .left-part .info .name_opt {
  max-width: 160px;
  font-size: 14px;
  margin-bottom: 0;
}

.order.isOpen .current-order_more_inform.open .rigth-part {
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
  .order.isOpen .current-order_more_inform.open .rigth-part {
    min-width: 100%;
    width: 100%;
  }
}

.order.isOpen .current-order_more_inform.open .rigth-part .bandge {
  display: none;
}

.order.isOpen .current-order_more_inform.open .rigth-part .info {
  margin-bottom: 25px;
}

.order.isUnconfirmed .current-order {
  background: #E7FAED;
}

.order.isUnconfirmed .current-order .order-status-badge {
  background: none;
}

.order.isUnconfirmed .current-order .order-status {
  color: #22A84F;
}

@media only screen and (min-width: 768px) {
  .order.isUnconfirmed .application-banner-block {
    background-image: url("/img/banners/order-in-progress.png");
  }
}

@media only screen and (max-width: 768px) {
  .order.isUnconfirmed .application-banner-block {
    height: auto;
  }
}

.order.aibolitEnable.isDenied .current-order {
  padding: 33px 34px 24px 34px;
}

.order.aibolitEnable.isDenied .current-order .descr {
  width: 100%;
  display: flex;
  flex-direction: row;
  border: none !important;
  padding-top: 0;
}

@media only screen and (max-width: 768px) {
  .order.aibolitEnable.isDenied .current-order .descr {
    display: block;
  }
}

.order.aibolitEnable.isDenied .current-order .descr .aibolit-title {
  font-size: 26px;
  display: flex;
  width: 100%;
  font-weight: 500;
  margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  .order.aibolitEnable.isDenied .current-order .descr .aibolit-title {
    font-size: 24px;
    justify-content: center;
  }
}

.order.aibolitEnable.isDenied .current-order .descr .aibolit-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  gap: 15px;
}

@media only screen and (max-width: 768px) {
  .order.aibolitEnable.isDenied .current-order .descr .aibolit-content {
    flex-direction: column;
  }
}

.order.aibolitEnable.isDenied .current-order .descr .aibolit-content .btn {
  background: #108418 !important;
  font-size: 14px !important;
  width: 100%;
  max-width: 200px;
}

@media only screen and (max-width: 768px) {
  .order.aibolitEnable.isDenied .current-order .descr .aibolit-content .btn {
    max-width: 100%;
    min-height: 67px;
    font-size: 16px !important;
  }
}

.order.aibolitEnable.isDenied .current-order .descr .aibolit-content .aibolit-descr {
  display: flex;
  align-items: center;
  font-size: 16px;
  padding: 15px 14px 17px 20px;
  border-radius: 8px;
  line-height: 16px;
  background-color: #fff;
}

@media only screen and (max-width: 768px) {
  .order.aibolitEnable.isDenied .current-order .descr .aibolit-content .aibolit-descr {
    display: block;
    text-align: center;
    line-height: 30px;
  }
}

.order.aibolitEnable.isDenied .current-order .descr .aibolit-content .aibolit-descr i {
  color: #108418 !important;
  font-weight: 700;
  font-size: 20px;
  margin-left: 5px;
}

.application-banner-block {
  background: #FDB515;
  justify-content: center;
  border-radius: 8px;
  flex-direction: row-reverse;
  gap: 64px;
}

.application-banner-block__data-title {
  color: #fff;
}

.application-banner-block__data-description {
  color: #fff;
}

.application-banner-block .text {
  max-width: 450px;
}

.application-banner-block__data-title {
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 13px;
}

@media only screen and (max-width: 480px) {
  .application-banner-block__data-title {
    font-size: 20px;
    text-align: center;
  }
}

.application-banner-block__data-description {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 25px;
}

.application-banner-block__data-btn {
  width: 100%;
  max-width: 243px;
  font-weight: 600;
  font-size: 12px;
}

@media only screen and (max-width: 767px) {
  .application-banner-block__data-btn {
    display: block;
    width: 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .order-page-wrapper nav, .credit-reting-wrapper nav {
    display: flex;
  }
}

@media only screen and (max-width: 480px) {
  .order-page-wrapper .order, .credit-reting-wrapper .order {
    margin-top: 25px;
  }
}

.order-page-wrapper .order.refuse .current-order, .credit-reting-wrapper .order.refuse .current-order {
  background: #F0F0F0;
  padding: 23px;
}

.order-page-wrapper .order.refuse .current-order .order-status-badge, .credit-reting-wrapper .order.refuse .current-order .order-status-badge {
  background: #fff;
  width: 319px !important;
  text-align: left;
}

.order-page-wrapper .order.refuse .current-order .order-status, .credit-reting-wrapper .order.refuse .current-order .order-status {
  color: black;
}

@media only screen and (min-width: 767px) {
  .order-page-wrapper .order.refuse .application-banner-block, .credit-reting-wrapper .order.refuse .application-banner-block {
    background-image: url("/img/banners/order-refuse.png");
  }
}

@media only screen and (max-width: 767px) {
  .order-page-wrapper .order.refuse .application-banner-block, .credit-reting-wrapper .order.refuse .application-banner-block {
    height: auto;
  }
}

.order-page-wrapper .order.refuse .application-banner-block__data-description, .credit-reting-wrapper .order.refuse .application-banner-block__data-description {
  margin-bottom: 15px;
}

@media only screen and (min-width: 767px) {
  .order-page-wrapper .order.refuse.reason .application-banner-block, .credit-reting-wrapper .order.refuse.reason .application-banner-block {
    background-image: url("/img/banners/tariff-banner.png");
    height: 234px;
  }
}

.order-page-wrapper .order.refuse.reason .descr .btn, .credit-reting-wrapper .order.refuse.reason .descr .btn {
  width: 197px;
  height: 48px;
  font-size: 14px;
}

.order-page-wrapper .order.in-progress .current-order, .credit-reting-wrapper .order.in-progress .current-order {
  background: #EAFFEA;
}

.order-page-wrapper .order.in-progress .current-order .order-status-badge, .credit-reting-wrapper .order.in-progress .current-order .order-status-badge {
  background: #108418;
}

.order-page-wrapper .order.in-progress .current-order .order-status, .credit-reting-wrapper .order.in-progress .current-order .order-status {
  color: #108418;
}

@media only screen and (min-width: 767px) {
  .order-page-wrapper .order.in-progress .application-banner-block, .credit-reting-wrapper .order.in-progress .application-banner-block {
    background-image: url("/img/banners/order-in-progress.png");
  }
}

@media only screen and (max-width: 767px) {
  .order-page-wrapper .order.in-progress .application-banner-block, .credit-reting-wrapper .order.in-progress .application-banner-block {
    height: auto;
  }
}

.order-page-wrapper .order.approve .current-order, .credit-reting-wrapper .order.approve .current-order {
  background: #E7FAED;
}

.order-page-wrapper .order.approve .current-order .order-status, .credit-reting-wrapper .order.approve .current-order .order-status {
  color: #22A84F;
}

.order-page-wrapper .order.approve .current-order .btn, .credit-reting-wrapper .order.approve .current-order .btn {
  font-size: 14px;
  width: 197px;
  height: 48px;
  line-height: 1.5;
}

@media only screen and (min-width: 767px) {
  .order-page-wrapper .order.approve .application-banner-block, .credit-reting-wrapper .order.approve .application-banner-block {
    background-image: url("/img/banners/order-approve.png");
  }
}

@media only screen and (max-width: 767px) {
  .order-page-wrapper .order.approve .application-banner-block, .credit-reting-wrapper .order.approve .application-banner-block {
    height: auto;
  }
}

.order-page-wrapper .order.to_get .current-order, .credit-reting-wrapper .order.to_get .current-order {
  background: #F0F0F0;
}

.order-page-wrapper .order.to_get .current-order .order-status, .credit-reting-wrapper .order.to_get .current-order .order-status {
  color: #C11B17;
}

.order-page-wrapper .order.to_get .current-order .order-status-badge, .credit-reting-wrapper .order.to_get .current-order .order-status-badge {
  background: #108418;
  display: block;
}

@media only screen and (min-width: 767px) {
  .order-page-wrapper .order.to_get .application-banner-block, .credit-reting-wrapper .order.to_get .application-banner-block {
    background-image: url("/img/banners/order-to-get.png");
  }
}

@media only screen and (max-width: 767px) {
  .order-page-wrapper .order.to_get .application-banner-block, .credit-reting-wrapper .order.to_get .application-banner-block {
    height: auto;
  }
}

.order-page-wrapper .order.open .current-order, .credit-reting-wrapper .order.open .current-order {
  background: #F0F0F0;
}

.order-page-wrapper .order.open .current-order .order-status, .credit-reting-wrapper .order.open .current-order .order-status {
  color: #108418;
}

.order-page-wrapper .order.open .current-order .order-status-badge, .credit-reting-wrapper .order.open .current-order .order-status-badge {
  background: #108418;
  display: block;
  margin-right: 12px;
}

.order-page-wrapper .order.open .application-banner-block, .credit-reting-wrapper .order.open .application-banner-block {
  height: auto;
}

@media only screen and (min-width: 767px) {
  .order-page-wrapper .order.open .application-banner-block, .credit-reting-wrapper .order.open .application-banner-block {
    background-image: url("/img/banners/order-open.png");
  }
}

.order-page-wrapper .order.open .order-status-badge, .credit-reting-wrapper .order.open .order-status-badge {
  width: 186px;
}

.order-page-wrapper .order.open u, .credit-reting-wrapper .order.open u {
  font-size: 16px;
  line-height: normal;
  font-weight: 300;
}

.order-page-wrapper .nav-profile-item.active .link_name, .order-page-wrapper .nav-profile-item.active span, .credit-reting-wrapper .nav-profile-item.active .link_name, .credit-reting-wrapper .nav-profile-item.active span {
  font-size: 16px;
  line-height: normal;
}

.history-orders .history-order__title-block {
  font-weight: 500;
  font-size: 24px;
  display: flex;
  justify-content: space-between;
  justify-items: center;
  margin-right: 25px;
  margin-bottom: 11px;
}

.history-orders .history-order {
  background: #FFF5E0;
  border-radius: 8px;
  padding: 25px 25px 25px 40px;
}

.history-orders .history-order .order-sum {
  font-weight: 500;
  font-size: 28px;
}

@media only screen and (max-width: 480px) {
  .history-orders .history-order .order-sum {
    margin-bottom: 20px;
  }
}

.history-orders .history-order .order-status-badge {
  border-radius: 8px;
  font-weight: 500;
  padding: 7px 11px;
  margin-left: 15px;
  margin-right: 25px;
  text-align: center;
}

.history-orders .history-order .order-status-badge.closed {
  background: #fff;
}

.history-orders .history-order .order-num {
  font-weight: 400;
  font-size: 16px;
  margin-left: 17px;
}

.history-orders u {
  font-weight: 100;
  font-size: 14px;
}

.history-orders .open svg {
  transition: 0.3s;
  transform: rotate(180deg);
}

.arrow-icon-down {
  transform: rotate(90deg);
}

.arrow-icon-top {
  transform: rotate(270deg);
}

.partner-block {
  background: #FFF5E0;
  padding: 30px;
  border-radius: 8px;
  margin-bottom: 30px;
  align-items: center;
}

.partner-block .title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}

.partner-block .sub_title {
  font-size: 16px;
  margin-bottom: 27px;
}

.partner-block .btn {
  font-size: 14px;
  width: 167px;
  height: 48px;
  line-height: 1.5;
}

@media only screen and (max-width: 480px) {
  .partner-block .btn {
    width: 100%;
  }
}

.partner-block img {
  margin-left: auto;
  margin-right: auto;
}

.profile-wrap-10 .current-order_more_inform {
  background: #FFF5E0;
  padding: 60px 40px 30px 40px;
  border-radius: 0 0 8px 8px;
  margin-top: -31px;
  margin-bottom: 30px;
  display: flex;
  box-shadow: 0px 9px 7px -4px rgba(229, 221, 203, 0.5) inset;
}

.profile-wrap-10 .current-order_more_inform .left-part {
  background: #fff;
  border-radius: 13px;
  padding: 45px 35px;
  max-width: 371px;
}

.profile-wrap-10 .current-order_more_inform .left-part .name_opt {
  font-weight: 300;
  font-size: 14px;
}

.profile-wrap-10 .current-order_more_inform .left-part .value_opt {
  font-weight: 600;
  font-size: 32px;
  margin-bottom: 25px;
}

.profile-wrap-10 .current-order_more_inform .left-part .btn {
  max-width: 100%;
}

.profile-wrap-10 .current-order_more_inform .left-part .info {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 300;
}

.profile-wrap-10 .current-order_more_inform .left-part .info:last-child {
  margin-bottom: 0;
}

.profile-wrap-10 .current-order_more_inform .left-part .info .name_opt {
  max-width: 50%;
}

.profile-wrap-10 .current-order_more_inform .rigth-part {
  margin-left: 40px;
}

@media only screen and (max-width: 480px) {
  .profile-wrap-10 .current-order_more_inform .rigth-part {
    margin: 0;
  }
}

.profile-wrap-10 .current-order_more_inform .rigth-part .bandge {
  background: #fff;
  color: #108418;
  border-radius: 8px;
  width: 186px;
  height: 46px;
  text-align: center;
  font-size: 16px;
  line-height: 46px;
  margin-bottom: 25px;
}

.profile-wrap-10 .current-order_more_inform .rigth-part .info {
  margin-bottom: 20px;
}

.profile-wrap-10 .current-order_more_inform .rigth-part .info .name_opt {
  font-size: 16px;
  font-weight: 300;
}

@media only screen and (max-width: 480px) {
  .profile-wrap-10 .current-order_more_inform .rigth-part .info .name_opt {
    font-size: 12px;
  }
}

.profile-wrap-10 .current-order_more_inform .rigth-part .info .value_opt {
  font-size: 18px;
  font-weight: 500;
}

@media only screen and (max-width: 480px) {
  .profile-wrap-10 .current-order_more_inform .rigth-part .info .value_opt {
    font-size: 16px;
  }
}

.profile-wrap-10 .current-order_more_inform .rigth-part .info:last-of-type {
  margin-bottom: 0;
}

.profile-wrap-10 .current-order_more_inform .rigth-part .pdf {
  font-size: 16px;
  margin-bottom: 25px;
}

.profile-wrap-10 .current-order_more_inform .rigth-part .pdf svg {
  margin-right: 10px;
}

.profile-wrap-10 .current-order_more_inform .rigth-part .pdf path {
  fill: #108418;
}

.profile-wrap-10 .current-order_more_inform .rigth-part .pdf:first-of-type {
  margin-top: 25px;
}

.profile-wrap-10 .current-order_more_inform .rigth-part .seporator {
  height: 1px;
  background: #A5A5A5;
  margin-top: 30px;
  margin-bottom: 30px;
}

.banner-tariff {
  background: #FFF5E0;
  padding: 33px;
  border-radius: 8px;
}

@media only screen and (min-width: 480px) {
  .banner-tariff {
    margin-bottom: 25px;
  }
}

.banner-tariff .banner-tariff_title {
  font-weight: 600;
  font-size: 26px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 480px) {
  .banner-tariff .banner-tariff_title {
    font-size: 24px;
    margin-bottom: 25px;
  }
}

.banner-tariff .badge {
  background: #fff;
  font-weight: 300;
  font-size: 16px;
  padding: 15px 24px;
  white-space: normal;
  color: #000;
}

.banner-tariff .badge b {
  font-size: 20px;
  color: #108418;
}

.banner-tariff .btn {
  background: #108418;
  color: #fff;
  width: 197px;
  height: 48px;
  font-size: 14px;
  line-height: 1.5;
}

@media only screen and (max-width: 480px) {
  .banner-tariff .btn {
    margin-top: 35px;
  }
}

.nav-sub-titile {
  font-size: 22px;
  margin-top: 35px;
  margin-bottom: 25px;
}

.credit-reting-wrapper .page-title {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 35px;
  color: #1E1E1E;
  justify-content: start;
  margin-top: 0;
}

.credit-reting-wrapper .profile-content {
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.credit-reting-wrapper nav {
  font-size: 16px;
  height: 100%;
}

@media only screen and (max-width: 767px) {
  .credit-reting-wrapper nav {
    flex-direction: column;
    height: auto;
    margin-top: 10px;
    margin-bottom: 35px;
  }
}

.credit-reting-wrapper nav .title {
  margin-bottom: 20px;
  text-align: center;
}

.credit-reting-wrapper nav .btn {
  font-size: 14px;
}

.credit-reting-wrapper nav .nav-profile-item {
  flex-wrap: nowrap;
}

.credit-reting-wrapper nav .nav-profile-item span {
  color: #108418;
}

@media only screen and (max-width: 480px) {
  .credit-reting-wrapper .application-banner-block {
    height: 100%;
  }
}

.credit-reting-wrapper .application-banner-block.credit_rating-approved {
  height: 225px;
}

@media only screen and (min-width: 767px) {
  .credit-reting-wrapper .application-banner-block.credit_rating-approved {
    background-image: url("/img/banners/credit_rating-approved-banner.png");
  }
}

.credit-reting-wrapper .application-banner-block.credit_rating-refused {
  background-color: #108418;
}

@media only screen and (min-width: 767px) {
  .credit-reting-wrapper .application-banner-block.credit_rating-refused {
    background-image: url("/img/banners/credit_rating-refused-banner.png");
  }
}

.modal .modal-header {
  display: flex;
  justify-content: flex-end;
  border-bottom: unset;
}

.modal .title {
  font-weight: 600;
  font-size: 24px;
  text-align: center;
}

.modal .sub-title {
  text-align: center;
  font-size: 16px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}

.modal input[type="text"] {
  margin-top: 30px;
  margin-bottom: 25px;
  width: 293px;
  height: 67px;
  font-weight: 400;
}

.modal .modal-body {
  padding: 0 70px 60px 70px;
  font-weight: 600;
  font-size: 18px;
}

@media only screen and (max-width: 480px) {
  .modal .modal-body {
    padding: 0 25px 35px 25px;
  }
}

.modal .modal-body .btn {
  max-width: 293px;
  width: 100%;
  height: 67px;
}

.modal .solo_input {
  border-bottom: 1px solid #1E1E1E;
  width: 30px !important;
  padding: 8px;
  margin-left: 5px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: unset;
}

.modal small {
  font-size: 10px;
}

.modal .confirm_block {
  margin-top: 18px;
}

.modal .confirm_block .form-check-input {
  transform: scale(0.3);
  margin-top: 0;
}

.modal .confirm_block .form-check-input:checked {
  background-color: #108418;
}

.modal .confirm_block .checbox-confirm-text {
  font-size: 12px;
  display: flex;
  align-items: center;
}

.modal .confirm_block div {
  height: 25px;
}

.modal .part_pay-value {
  font-weight: 800;
  font-size: 24px;
  border-bottom: 1px solid #108418;
  padding-left: 15px;
  padding-right: 15px;
}

.modal .calc-range.slider-bar {
  margin-bottom: 0;
}

@media only screen and (min-width: 576px) {
  .modal.privacy_policy_modal .modal-dialog {
    max-width: 60% !important;
  }
}

.hero-calc {
  padding: 0;
  box-shadow: none !important;
}

@media only screen and (max-width: 425px) {
  .column-add__row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 20px;
  }
  .column-add__row .col-5, .column-add__row .col-7 {
    width: 100%;
  }
  .column-add__row .col-5 .column-add__item, .column-add__row .col-7 .column-add__item {
    max-width: 100%;
  }
}

.gorizontal-calc__column {
  padding: 0;
  border-bottom: 0;
}

.gorizontal-calc__column:last-child {
  margin-top: 45px;
}

.gorizontal-calc__body {
  margin: 0 !important;
}

.gorizontal-calc__body .gorizontal-calc__item h2 {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 300;
}

.gorizontal-calc__body .gorizontal-calc__item .slider-text-wrap {
  font-size: 18px;
}

.gorizontal-calc__body .gorizontal-calc__item .d-flex {
  padding: 0 !important;
  font-size: 12px;
  font-weight: 300;
}

.gorizontal-calc__body .gorizontal-calc__item_low {
  margin-bottom: 0;
}

.main-layout {
  min-height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.main-layout footer {
  background: #F5F5F5;
  font-size: 10px;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 29px;
}

.main-layout footer .text {
  margin-bottom: 35px;
}

.main-layout footer .seporator {
  height: 0.4px;
  background: #808080;
  width: 100%;
}

.main-layout footer .coockie-part {
  margin-bottom: 10px;
}

.main-layout header .btn {
  font-weight: 400;
  font-size: 14px;
  width: 210px;
  height: 35px;
}

.main-layout header .phone-number {
  font-weight: 600;
  font-size: 20px;
  white-space: nowrap;
  margin-left: 50px;
  margin-right: 30px;
}

.main-layout header .sign-in {
  font-weight: 500;
  font-size: 14px;
  padding: 6px 32px;
  border: 1px solid #1E1E1E;
  border-radius: 5px;
  text-decoration: none;
}

@media only screen and (max-width: 480px) {
  .main-layout header .sign-in {
    padding: 6px 29px;
    font-size: 12px;
  }
}

.non_found_wrapper .error_number {
  font-weight: 500;
  font-size: 200px;
  color: #108418;
}

@media only screen and (max-width: 480px) {
  .non_found_wrapper .error_number {
    font-size: 120px;
  }
}

.non_found_wrapper .describe {
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 100px;
}

@media only screen and (max-width: 480px) {
  .non_found_wrapper .describe {
    font-size: 18px;
  }
}

.non_found_wrapper .btn {
  max-width: 243px;
  width: 100%;
  max-height: 46px;
  height: 100%;
  font-size: 16px;
  font-weight: 500;
}

@media only screen and (max-width: 480px) {
  .non_found_wrapper .btn {
    max-width: 203px;
    max-height: 70px;
    line-height: 40px;
  }
}

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

.index-wrapper .block-name {
  font-weight: 500;
  font-size: 36px;
  text-align: center;
}

.index-wrapper .our-beneffits-block .beneffit {
  background: #FFF7EF;
  padding: 45px 85px;
  border-radius: 8px;
  width: 100%;
  max-width: 610px;
  height: 100%;
  max-height: 200px;
  margin-bottom: 44px;
}

.index-wrapper .our-beneffits-block .beneffit .name {
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 20px;
}

.index-wrapper .our-beneffits-block .beneffit .describe {
  font-weight: 400;
  font-size: 16px;
  width: 100%;
  max-width: 294px;
}

.w-300 {
  width: 300px !important;
}

.input-wrap:not(.radio-wrap) label.input-title-label {
  top: 0;
  left: 0;
  transition: none;
  white-space: nowrap;
  color: #313131;
}

.input-wrap:not(.radio-wrap) input:focus ~ label.input-title-label, .input-wrap:not(.radio-wrap) label.input-title-label.no-empty {
  top: 0;
  font-size: 20px;
}

.input-wrap:not(.radio-wrap) input:focus ~ label.input-title-label:after, .input-wrap:not(.radio-wrap) label.input-title-label.no-empty:after {
  content: none;
}

.input-wrap:not(.radio-wrap).empty input:not(.input-sms-code):not(.auth-phone):not(:focus)::-moz-placeholder {
  -moz-transition: none;
  transition: none;
  color: #313131;
}

.input-wrap:not(.radio-wrap).empty input:not(.input-sms-code):not(.auth-phone):not(:focus)::placeholder {
  transition: none;
  color: #313131;
}

.input-wrap.radio-wrap {
  justify-content: space-between;
  padding: 15px;
  margin-top: 30px;
  border: 1px solid #1E1E1E;
  border-radius: 8px;
}

.input-item label {
  margin-bottom: 0;
  margin-left: 0;
}

@media only screen and (max-width: 480px) {
  .radio-group {
    display: flex;
  }
}

.file-load .attach-button {
  min-height: 44px;
  min-width: 200px;
}

.column-add__row {
  margin-top: 15px;
}

.column-add.active {
  color: unset;
}

.column-add.active:after {
  background: none;
  border-radius: unset;
}

.column-add__item {
  color: var(--black);
  background: var(--calculator-bg-color);
  border: 1px solid #B0B0B0;
  border-radius: var(--btn-border-radius);
  display: inline-block;
  padding: var(--btn-padding);
  font-family: var(--btn-font-family);
  font-size: var(--btn-font-size);
  line-height: 1;
  margin: var(--btn-margin);
  white-space: nowrap;
  vertical-align: middle;
}

.column-add__item:hover {
  background: var(--calculator-bg-color);
  color: var(--black);
}

.column-add__item.active {
  color: #fff;
  background: var(--card-active-color);
}

.column-add__item:last-child {
  margin-right: unset;
}

.column-add__item:after {
  display: block;
  content: normal;
  height: unset;
}