@font-face {
  font-family: 'Inter';

  src: url(/fonts/Inter-Regular.eot?d03619e141b22d7eae67d9a7c814424b);

  src: local('Inter Regular'), local('Inter-Regular'),
  url(/fonts/Inter-Regular.eot?d03619e141b22d7eae67d9a7c814424b?#iefix) format('embedded-opentype'),
  url(/fonts/Inter-Regular.woff2?24a88db8dcb2ace5ed6efdc866dd03f5) format('woff2'),
  url(/fonts/Inter-Regular.woff?a51fb83eeb728f495a462678021f09b3) format('woff'),
  url(/fonts/Inter-Regular.ttf?59e981f7c001d676710ae161ce5d8258) format('truetype');

  font-weight: normal;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Inter';

  src: url(/fonts/Inter-LightBETA.eot?beba5e4ba18a01b3bba9321778e95cb4);

  src: local('Inter Light BETA'), local('Inter-LightBETA'),
  url(/fonts/Inter-LightBETA.eot?beba5e4ba18a01b3bba9321778e95cb4?#iefix) format('embedded-opentype'),
  url(/fonts/Inter-LightBETA.woff2?40dc3e67d4c749f295cec3a2b3795223) format('woff2'),
  url(/fonts/Inter-LightBETA.woff?5d14b572869a90753785e68fe78217db) format('woff'),
  url(/fonts/Inter-LightBETA.ttf?25811a341ed07bc2853ae9bc6f26b6a8) format('truetype');

  font-weight: 300;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Inter';

  src: url(/fonts/Inter-SemiBold.eot?3d1d9423d3be2ad0c67d4afe07c645b6);

  src: local('Inter Semi Bold'), local('Inter-SemiBold'),
  url(/fonts/Inter-SemiBold.eot?3d1d9423d3be2ad0c67d4afe07c645b6?#iefix) format('embedded-opentype'),
  url(/fonts/Inter-SemiBold.woff2?696df71a855c273da7f4df3f1e7c746f) format('woff2'),
  url(/fonts/Inter-SemiBold.woff?0cdf3c6aca4c98ce60af3ea2f5732b4d) format('woff'),
  url(/fonts/Inter-SemiBold.ttf?4b0030232a90b8ed4afa879b2a69a62f) format('truetype');

  font-weight: 600;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Inter';

  src: url(/fonts/Inter-Bold.eot?c135b2695edf08af6477b8dfcb7922a5);

  src: local('Inter Bold'), local('Inter-Bold'),
  url(/fonts/Inter-Bold.eot?c135b2695edf08af6477b8dfcb7922a5?#iefix) format('embedded-opentype'),
  url(/fonts/Inter-Bold.woff2?9aa03c46fbe41e25c51289a3e78e9454) format('woff2'),
  url(/fonts/Inter-Bold.woff?a956603bbbedf420d94018de31664aaa) format('woff'),
  url(/fonts/Inter-Bold.ttf?7a54497bc51fed1159f51131c36366d2) format('truetype');

  font-weight: bold;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Inter';

  src: url(/fonts/Inter-ExtraBold.eot?4987da7022182c7173ef3491234a31bd);

  src: local('Inter Extra Bold'), local('Inter-ExtraBold'),
  url(/fonts/Inter-ExtraBold.eot?4987da7022182c7173ef3491234a31bd?#iefix) format('embedded-opentype'),
  url(/fonts/Inter-ExtraBold.woff2?ff2f68125928423b5748b44b03718dfb) format('woff2'),
  url(/fonts/Inter-ExtraBold.woff?0bc377a472921b7200ebfad5fb4a5e82) format('woff'),
  url(/fonts/Inter-ExtraBold.ttf?38bfd0e80ee195072b050251e3cb80a8) format('truetype');

  font-weight: 800;

  font-style: normal;

  font-display: swap;
}

@font-face {
  font-family: 'Inter';

  src: url(/fonts/Inter-Medium.eot?5fd3a49c5e42700a4c3e35bc6e8e0395);

  src: local('Inter Medium'), local('Inter-Medium'),
  url(/fonts/Inter-Medium.eot?5fd3a49c5e42700a4c3e35bc6e8e0395?#iefix) format('embedded-opentype'),
  url(/fonts/Inter-Medium.woff2?eea97ded621cd8a18067c7243b19ceea) format('woff2'),
  url(/fonts/Inter-Medium.woff?66f0ef6196f8d81ced9930f6675035a1) format('woff'),
  url(/fonts/Inter-Medium.ttf?89456b152302a9eab0206e17dcb92a4c) format('truetype');

  font-weight: 500;

  font-style: normal;

  font-display: swap;
}

input:not([type=checkbox]):not([type=radio]),
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

* {
  box-sizing: border-box
}

li {
  list-style: none
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: silver;
  font-size: 16px;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: silver;
  font-size: 16px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: silver;
  font-size: 16px;
}

body, html {
  font-size: 16px;
  min-height: 100vh;
  min-width: 320px;
  overflow-x: hidden;
  font-family: Inter, arial;
  color: #000;
  position: relative;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  background: #f1f1f1;
}

body {
  overflow: hidden;
}

.anchor-link {
  position: absolute;
  top: -80px;
  width: 0;
  height: 0;
}

.toggle-menu {
  display: none;
  width: 31px;
  height: 21px;
}

.toggle-menu span:after, .toggle-menu span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px
}

.toggle-menu span:after {
  top: 18px
}

.toggle-menu span {
  position: relative;
  display: block
}

.toggle-menu span, .toggle-menu span:after, .toggle-menu span:before {
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: all .3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 2px
}

.toggle-menu.toggle-menu--on span {
  background-color: transparent !important
}

.toggle-menu.toggle-menu--on span:before {
  transform: rotate(45deg) translate(-1px, 0)
}

.toggle-menu.toggle-menu--on span:after {
  transform: rotate(-45deg) translate(6px, -7px)
}

.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}

.btn {
  -webkit-appearance: none;
  transition: all .5s ease;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 76px;
  border-radius: 38px;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  padding: 0 36px;
  white-space: nowrap;
}

.btn--green {
  background: #70C61F;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.btn--green:hover {
  color: #fff;
  background: #85EB26;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.btn--green:active {
  background: #70C61F;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn--blue {
  color: #fff !important;
  position: relative;
  background: linear-gradient(315deg, #2291F8 0%, #22D1F8 100%);
  border: none;
}

.btn--blue span {
  font-weight: 500;
  position: relative;
}

.btn--blue:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 38px;
  content: '';
  background: linear-gradient(315deg, #0057FF 0%, #04D2FF 100%);
  opacity: 0;
  transition: opacity .3s ease;
}

.btn--blue:hover span {
  background: none;
}

.btn--blue:hover:before {
  opacity: 1;
}

.btn--blue:active {
  color: #fff;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn--blue:focus:before {
  opacity: 0;
}

.datepicker {
  font-size: 14px;
  max-width: 250px !important
}

.scroll {
  transition: all .5s ease;
  z-index: 11111;
  position: fixed;
  box-shadow: 0 0 5px #000;
  width: 60px;
  height: 60px;
  right: -65px;
  bottom: 20px;
  border-radius: 30px;
  background-color: #85EB26;
  opacity: .5;
  text-align: center;
  line-height: 1;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}

.scroll:hover {
  opacity: 1;
}

.scroll.active {
  right: 30px
}

section, footer, header {
  position: relative;
}

a {
  transition: all .3s ease
}

a:hover {
  text-decoration: none;
}

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

.container {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1140px;
}

.about {
  color: #fff;
  max-height: 976px;
  height: 61vw;
}

.about__bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-height: 976px;
  height: 61vw;
}

.about .container {
  position: relative;
  padding-top: 200px;
}

.responsive {
  max-width: 100%;
}

.about h1 {
  text-align: right;
  font-weight: 800;
  font-size: 48px;
  line-height: 1.2;
  margin-bottom: 35px;
}

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

.about__btns .btn:last-child {
  margin-left: 20px;
}

.about__top img {
  position: relative;
  top: -50px;
  height: 24vw;
  max-height: 445px;
  width: auto;
}

.about__el {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  min-height: 100px;
  padding: 10px;
  padding-left: 95px;
  padding-right: 30px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.about__el-icon {
  position: absolute;
  width: 95px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
}

.about__el-title {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 5px;
  line-height: 1.1;
}

.about__el-text {
  line-height: 1.1;
  font-weight: 300;
}

header {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 111;
  transition: padding .3s ease, background-color .3s ease
}

.menu {
  display: flex;
}

.menu__link {
  margin-right: 15px;
  height: 39px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 20px;
  color: #fff;
  font-weight: 500;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.menu .menu__link--blue {
  background: linear-gradient(315deg, #0057FF 0%, #04D2FF 100%);
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.1);
  border: none;
}

.menu .menu__link--blue:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 20px;
  background: #0057FF;
  opacity: 0;
  transition: opacity .3s ease
}

.menu__link:not(.menu__link--blue):hover {
  color: #fff !important;
  background: #0057FF;
  border-color: #0057FF !important;
}

.menu .menu__link--blue:hover {
  color: #fff;
}

.menu .menu__link--blue:hover:before {
  opacity: 1;
}

.menu__link span {
  font-weight: 500;
  position: relative;
}

header .logo {
  position: absolute;
  left: 30px;
  top: 15px;
}

header .lang {
  top: 15px;
  position: absolute;
  right: 15px;
}

.ks-select {
  padding-left: 15px;
  padding-right: 15px;
  cursor: pointer;
  border-radius: 20px;
}

.ks-select__current {
  display: flex;
  align-items: center;
  font-size: 14px;
  position: relative;
  padding-right: 15px;
  color: #fff;
}

.ks-select__current:after {
  position: absolute;
  background-image: url(/images/arr.svg?801c10720bec89439825b406392ecf86);
  width: 15px;
  height: 20px;
  content: '';
  top: 50%;
  margin-top: -10px;
  right: 0;
  background-position: center right;
  background-repeat: no-repeat;
}

.ks-select__current img {
  margin-right: 12px;
}

.ks-select__item {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.ks-select__item img {
  margin-right: 12px;
}

.ks-select__block {
  background-color: #fff;
  padding: 15px;
  border-radius: 20px;
  position: absolute;
  top: -15px;
  right: 0;
}

.ks-select__item:first-child {
  margin-bottom: 30px;
}

.padded {
  padding-top: 30px;
  padding-bottom: 60px;
}

.h1 {
  color: #131318;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 20px;
}

.services__wrap {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.services__item {
  min-height: 350px;
  padding: 20px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  position: relative;
  transition: background .3s ease;
  border-radius: 20px
}

.service__item-wrap:not(.services__item--avaliable):hover .services__item {
  background: linear-gradient(0deg, rgba(107, 81, 226, 0.25), rgba(107, 81, 226, 0.25)), #FFFFFF;
}

.services__item:before {
  content: '';
  position: absolute;
  top: 15px;
  right: 0;
  background: #EBEBEB;
  width: 1px;
  height: 117px;
}

.services__item-title {
  background: linear-gradient(103.98deg, #43D9E2 0%, #43BCE2 22.92%, #4396E2 57.29%, #4349E2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #43D9E2;
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 12px;
}

.services__item-prices {
  background: linear-gradient(135deg, #43D9E2 0%, #43C6E2 22.92%, #4383E2 57.29%, #7643E2 100%);
  border-radius: 20px;
  padding: 12px 20px;
  color: #fff;
  margin-bottom: 30px;
}

.services__item-count {
  font-weight: 600;
  text-align: center;
}

.services__item-price {
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}

.services__item-detail {
  color: #535353;
  margin-bottom: 13px;
  text-align: center;
  line-height: 1;
}

.services__item-detail span {
  font-weight: 600;
}

.services__hidden {
  position: absolute;
  top: 180px;
  left: 33.33%;
  right: 0;
  padding-left: 65px;
  padding-right: 30px;
  background-color: #fff;
  z-index: 1;
  bottom: 0;
}

.services__hidden:before {
  content: '';
  position: absolute;
  top: 0;
  left: 15px;
  background-image: url(/images/info.svg?12463ce36bb9336be0155e817b650624);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
}

.services__hidden-text {
  color: #131318;
  line-height: 1.3;
}

.services__hidden-text b {
  font-weight: 500;
}

.services__link {
  height: 39px;
  background: linear-gradient(315deg, #2291F8 0%, #22D1F8 100%);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 15px;
}

.services__link:before {
  content: '';
  position: absolute;
  background-color: #fff;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  border-radius: 20px;
  opacity: 1;
  transition: opacity .3s ease
}

.services__link:hover:before {
  opacity: 0;
}

.services__link:hover span {
  color: #fff;
  background: none;
  -webkit-text-fill-color: #fff;
}

.services__link span {
  position: relative;
  background: linear-gradient(315deg, #2291F8 0%, #22D1F8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #2291F8;
  font-weight: 500;
}

.services__item--avaliable:after {
  content: '\41D\430   \434\430\43D\43D\44B\439   \43C\43E\43C\435\43D\442   \43D\435\434\43E\441\442\443\43F\43D\43E   ReCapctchaV2';
  text-align: center;
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  height: 175px;
  color: #1F2024;
  font-size: 28px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  border-radius: 20px;
  line-height: 1.2;
}

.services__item--avaliable--mod1:after {
  height: 100%;
}

.services__item--avaliable--mod1:before {
  display: none;
}

.services__bg1 {
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: -800px;
  width: 8vw;
}

.services__bg2 {
  position: absolute;
  top: 75px;
  right: 50%;
  margin-right: -720px;
  width: 4.5vw;
}

.services__bg3 {
  position: absolute;
  bottom: 60px;
  left: 50%;
  margin-left: -960px;
  transform: translateY(100%);
}

.about {
  z-index: 1;
}

.header--fixed {
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.header--fixed .menu__link:not(.menu__link--blue) {
  color: #0057FF;
  border-color: #0057FF;
}

.header--fixed .logo img {
  max-height: 45px
}

.header--fixed .ks-select__current {
  color: #1F2024;
}

.header--fixed .ks-select__current:after {
  background-image: url(/images/arr2.svg?e9ec69f178fa51a2a9870b5bf32858d7);
  transform: rotate(180deg);
  background-position: center left;
  margin-top: -9px;
}

.header--fixed .ks-select__item {
  color: #fff;
}

.header--fixed .ks-select__block {
  background: linear-gradient(135deg, #43D9E2 0%, #43C6E2 22.92%, #4383E2 57.29%, #7643E2 100%);
}

.header--fixed .lang, .header--fixed .logo {
  top: 50%;
  transform: translateY(-50%);
}

.pluses {
  background: #D9EBF9;
}

.pluses__item {
  margin-top: 50px;
  padding-left: 80px;
  position: relative;
}

.pluses__item-icon {
  position: absolute;
  width: 60px;
  top: 5px;
  left: 0;
}

.pluses__item-icon img {
  max-width: 100%
}

.pluses__item-title {
  color: #1F2024;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.1;
}

.pluses__item-text {
  color: #535353;
  line-height: 1.3;
}

.skidki {
  background-color: #fff;
}

.skidki__el--green {
  background-image: url(/images/bg1.svg?074a78369a1ee86866ec9dc49c13d332);
}

.skidki__el--blue {
  background-image: url(/images/bg2.svg?a8b71e05539c097537c50b11b0f54d90);
}

.skidki__el--purple {
  background-image: url(/images/bg3.svg?feeefd86c2e1ac5a80cd61a4d1c494bf);
}

.skidki__el {
  width: 350px;
  height: 260px;
  background-repeat: no-repeat;
  height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}

.skidki__el-nmb {
  color: #535353;
  font-size: 22px;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  height: 47px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1;
}

.skidki__el-count {
  font-weight: 600;
  text-align: center;
  margin-top: 50px;
}

.skidki__el-wrap {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  margin-top: 15px;
  padding: 20px;
  text-align: center;
}

.skidki__el-price {
  font-size: 48px;
  font-weight: 800;
  line-height: 1;
}

.skidki__el-ps {
  margin-top: 10px;
}

.skidki__el-arr1 {
  position: absolute;
  top: 50%;
  left: 45px;
  transform: translate(-100%, -50%);
}

.skidki__el-arr2 {
  position: absolute;
  top: 50%;
  left: 45px;
  transform: translate(-100%, -50%);
}

.skidki__el-arr3 {
  position: absolute;
  top: 50%;
  right: -75px;
  transform: translate(0, -50%);
  z-index: 1;
}

.skidki__el-arr4 {
  position: absolute;
  top: 50%;
  right: 45px;
  transform: translate(100%, -50%);
  z-index: 1;
}

.skidki__ps {
  color: #535353;
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 40px;
}

.skidki h3 {
  color: #131318;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

.skidki p {
  color: #535353;
  line-height: 1.2;
  margin-bottom: 45px;
}

.skidki__block {
  background: linear-gradient(277.19deg, #C2E2FF 0%, #BDF3FF 100%);
  border-radius: 20px;
  overflow: hidden;
  padding: 15px 25px;
  padding-bottom: 25px;
  color: #fff;
  margin-bottom: 30px;
}

.skidki__block-title {
  background: linear-gradient(315deg, #0057FF 0%, #04D2FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #0057FF;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 13px;
}

.skidki__block-levels {
  background: linear-gradient(315deg, #2291F8 0%, #22D1F8 100%);
  border-radius: 20px;
  height: 55px;
  padding-left: 20px;
  padding-right: 20px;
  color: #fff;
  display: inline-flex;
  align-items: center;
}

.skidki__block-level span {
  font-size: 28px;
  font-weight: bold;
}

.skidki__block-level {
  position: relative;
}

.skidki__block-level:first-child:not(:last-child) {
  padding-right: 40px;
}

.skidki__block-level:first-child:not(:last-child):after {
  content: '';
  position: absolute;
  background-image: url(/images/arr4.svg?2576c6e64dbd963308dfa2a4157745b3);
  width: 17px;
  height: 30px;
  top: 5px;
  right: 13px;
}

.skidki__block-text {
  color: #535353;
  line-height: 1.1;
  margin-top: 15px;
}

.skidki__bg {
  position: absolute;
  bottom: 160px;
  right: 50%;
  margin-right: -870px;
  width: 13vw;
  max-width: 256px;
}

.h1--white {
  color: #fff;
}

.system {
  background: linear-gradient(135deg, #43D9E2 0%, #43C6E2 22.92%, #4383E2 57.29%, #7643E2 100%);
  color: #fff;
}

.system h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 20px;
  max-width: 450px
}

.system__els {
  display: flex;
  margin-bottom: 40px;
  justify-content: space-between;
  align-items: center;
}

.system__el {
  position: relative;
}

.system__el-img {
  height: 100px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 10px;
}

.system__el-wrap {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
  flex-direction: column;
}

.system__el-title {
  font-weight: 600;
  margin-bottom: 7px;
  line-height: 1;
}

.system__el-text {
  font-size: 14px;
}

.system__ps {
  line-height: 1.1;
  padding-top: 10px;
  max-width: 450px
}

.system__info {
  position: relative;
  padding-left: 60px;
  line-height: 1.1;
  margin-top: 40px;
}

.system__info:before {
  content: '';
  position: absolute;
  background-image: url(/images/info2.svg?9d6ce8ae8897ec4c501906bf123dc872);
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  left: 0;
}

.system__img {
  margin-top: -60px;
  max-width: 100%;
  margin-left: auto;
  display: block;
}

.news__item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
  display: flex;
  min-height: 340px
}

.news__item:hover {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

.news__item-img {
  background-size: cover;
  background-position: center;
  width: 160px;
  min-width: 160px
}

.news__item-desc {
  padding: 30px;
  flex-grow: 1;
}

.news__item-title {
  color: #131318;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.1;
}

.news__item-date {
  color: #535353;
  font-size: 14px;
  margin-bottom: 10px;
}

.news__item-text {
  color: #131318;
  line-height: 1.2;
}

.btn--blue--empty {
  height: 39px;
  background: linear-gradient(315deg, #2291F8 0%, #22D1F8 100%);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 20px;
  margin-top: 15px;
}

.btn--blue--empty span {
  position: relative;
  background: linear-gradient(315deg, #2291F8 0%, #22D1F8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #2291F8;
  font-weight: 500;
}

.btn--blue--empty:before {
  content: '';
  position: absolute;
  background-color: #f1f1f1;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  border-radius: 20px;
  opacity: 1;
  transition: opacity .3s ease;
}

.btn--blue--empty:hover span {
  color: #fff;
  background: none;
  -webkit-text-fill-color: #fff;
}

.btn--blue--empty:hover:before {
  opacity: 0;
}

.faq__line {
  background: #fff;
  min-height: 76px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding-left: 25px;
  padding-right: 60px;
  color: #131318;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  margin-bottom: 10px;
  transition: background .3s ease;
  z-index: 1;
}

.faq__line:hover {
  background: linear-gradient(277.19deg, #C2E2FF 0%, #BDF3FF 100%);
}

.faq__line:after {
  content: '';
  position: absolute;
  background-image: url(/images/arr6.svg?fd89785d0abdbfecc9b63ad6a0cc13f8);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  top: 50%;
  margin-top: -12px;
  right: 20px;
}

.faq__line--on:after {
  background-image: url(/images/arr7.svg?b505c4a6216941ceb041775faba72885);
}

.faq__hidden {
  background: #DFF1F5;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 20px;
  padding-top: 50px;
  position: relative;
  margin-top: -38px;
  opacity: 0;
  color: #535353;
  display: none;
  margin-bottom: 10px;
  line-height: 1.2;
}

.faq__line--on {
  color: #fff;
  background: linear-gradient(315deg, #2291F8 0%, #22D1F8 100%) !important;
  border-color: #2291F8;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.footer {
  color: #fff;
  background: linear-gradient(278.72deg, #43D9E2 -18.84%, #43C6E2 5.84%, #4383E2 42.85%, #7643E2 88.83%);
}

.footer__col1 {
  width: 25%;
  min-width: 25%;
}

.footer__col2 {
  width: 36%;
  min-width: 36%
}

.footer__col3 {
  width: 38%;
  min-width: 38%;
  height: 100%;
  text-align: right;
  display: block;
  min-height: 100%
}

.footer__col3 .btn {
  position: absolute;
  bottom: 0;
  right: 15px;
}

.footer .logo {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.footer .logo span {
  font-size: 30px;
  font-weight: 800;
  color: #fff;
  padding-left: 20px;
  display: block;
  line-height: 1.2;
}

.footer__title {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 25px;
  position: relative;
}

.footer__title:after {
  content: '';
  position: absolute;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  width: 205px;
  left: 0;
  bottom: -13px;
}

.footer__menu-a {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.1;
  margin-bottom: 10px;
}

.footer__menu-a:hover {
  color: #fff;
}

.footer__subtitle {
  font-weight: 500;
  margin-bottom: 15px;
}

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

.footer__oplata-i {
  display: block;
  margin-bottom: 15px;
}

.footer__oplata-right {
  padding-left: 0;
}

.footer .container {
  position: relative;
}

.author {
  display: block;
  text-align: right;
  color: #fff;
  font-weight: 600;
  padding-top: 65px;
}

.author:hover {
  text-decoration: underline;
  color: #fff;
}

.footer {
  padding-bottom: 20px;
}

.service__item-wrap:nth-last-child(2) .services__item--avaliable:before {
  display: none;
}

.modal-dialog {
  max-width: 900px
}

.modal-body {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  padding: 55px 60px;
}

.modal__title {
  color: #131318;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 10px;
}

.modal p {
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 15px;
}

.form__line {
  margin-bottom: 17px;
  position: relative;
}

.form__line label {
  display: block;
  font-size: 14px;
  color: #131318;
  line-height: 1;
  margin-bottom: 7px;
  font-weight: bold;
}

.form__line input {
  height: 56px;
  background: #EBEBEB;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding-left: 55px;
  padding-right: 10px;
  width: 100%;
}

.form__line input:focus {
  border-color: #70C61F;
}

.form__line.error input {
  border-color: red;
}

.form__line-error__msg {
  color: red;
}

.form__icon {
  position: absolute;
  left: 27px;
  transform: translateX(-50%);
  top: 37px;
}

.modal-content {
  background: none;
  border: none;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #535353;
  opacity: 0.7;
  font-size: 16px;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #535353;
  opacity: 0.7;
  font-size: 16px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #535353;
  opacity: 0.7;
  font-size: 16px;
}

.form__politika {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

.form__politika-input {
  display: none
}

.form__politika-input:checked + .form__politika-checkbox:after {
  content: '';
  position: absolute;
  background: #70C61F;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  top: 2px;
  left: 2px;
}

.form__politika-input:checked + .form__politika-checkbox {
  border-color: #70C61F;
}

.form__politika-input:checked + .form__politika-checkbox + .form__politika-text {
  color: #70C61F;
}

.form__politika-input:checked + .form__politika-checkbox + .form__politika-text + .form__politika-link {
  color: #70C61F;
}

.form__politika-checkbox {
  position: absolute;
  border: 2px solid #4C4C51;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  left: 0;
  top: 0;
}

.form__politika-text {
  color: #4C4C51;
  font-size: 14px;
  line-height: 1.2;
}

.form__politika-link {
  display: block;
  color: #4C4C51;
  font-weight: 500;
  margin-top: 2px;
}

.form__politika-link:hover {
  text-decoration: underline;
  color: #70C61F;
}

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

.form__line-wrap {
  padding-left: 5px;
  padding-right: 5px;
}

.form button, .form .btn {
  height: 56px;
  padding-left: 60px;
  padding-right: 60px;
  margin-top: 25px;
  font-size: 16px;
}

.modal .close {
  position: absolute;
  z-index: 1;
  cursor: pointer;
  top: 20px;
  right: 20px;
  outline: none !important;
}

.form__btn1 {
  color: #4C4C51;
  font-size: 14px;
  padding-top: 15px;
  line-height: 1;
  display: inline-block;
}

.form__btn1:hover {
  color: #70C61F;
}

.form__btn2 {
  color: #70C61F;
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  line-height: 1.2;
}

.form__btn2:hover {
  text-decoration: underline;
  color: #70C61F;
}

.form {
  line-height: 1;
}

.form__pass-toggle {
  position: absolute;
  width: 25px;
  height: 25px;
  background-image: url(/images/eye_opened.svg?b3d358759d0cffd0eb981acd79d87787);
  background-repeat: no-repeat;
  background-position: center right;
  bottom: 16px;
  right: 15px;
  cursor: pointer;
  opacity: 0.4;
  background-size: 100%;
}

.form__pass-toggle--on {
  background-image: url(/images/eye_closed.svg?03d5a11574ad6533a5662246a0479509);
  filter: brightness(0.5);
}

.modal .form__line-pass input {
  padding-right: 45px;
}

.form__img-wrap {
  text-align: center;
  padding-top: 60px;
}

.form__border {
  position: relative;
}

.form__border:after {
  content: '';
  position: absolute;
  width: 1px;
  background: rgba(0, 0, 0, 0.1);
  top: 40px;
  bottom: 40px;
  right: 0;
}

.modal__thanks {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.28);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-radius: 20px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  z-index: -1;
}

.modal__thanks--on {
  opacity: 1;
  z-index: 1;
}

.modal__thanks p {
  text-align: center;
  font-size: 20px;
  color: #fff;
  padding-top: 60px;
}

#authorization1 .modal-dialog, #authorization2 .modal-dialog, #reset .modal-dialog {
  max-width: 510px
}

#modal-sogl .modal-dialog {
  max-width: 620px
}

.modal__wrap {
  height: calc(100vh - 250px);
  overflow-y: scroll;
  overflow-x: hidden;
  background: #F1F1F1;
  border-radius: 5px;
  padding: 15px 20px;
  line-height: 1.2;
  margin-bottom: 20px;
}

#modal-sogl .modal-body {
  padding: 30px 35px;
}

.btn--red, .btn--red:focus {
  background: #EE3A3A;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #fff;
}

.btn--red:hover {
  background: #FF5F5F;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.btn--small {
  height: 40px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 400;
  padding-left: 30px;
  padding-right: 30px;
}

.page-inner {
  padding-top: 150px;
}

.page-inner .menu__link {
  border: 2px solid rgba(0, 0, 0, 0.1);
  color: #131318;
}

.page-inner .menu .menu__link--blue {
  color: #fff;
  border: none;
}

.page-inner .ks-select__current {
  color: #131318;
}

.page-inner .ks-select__current:after {
  background-image: url(/images/arr2.svg?e9ec69f178fa51a2a9870b5bf32858d7);
  transform: rotate(180deg);
  background-position: center left;
  margin-top: -9px;
}

.news--mod .news__item {
  min-height: 240px
}

.pag {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 45px;
}

.pag__link {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-right: none;
  width: 36px;
  min-width: 36px;
  height: 36px;
  color: #535353;
}

.pag__del {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-right: none;
  width: 36px;
  height: 36px;
  color: rgba(0, 0, 0, 0.1);
  padding-bottom: 5px;
  cursor: pointer;
}

.pag__link:hover {
  color: #fff;
  background: linear-gradient(135deg, #43D9E2 0%, #43C6E2 22.92%, #4383E2 57.29%, #7643E2 100%);
}

.pag__link--current {
  color: #535353 !important;
  background: rgba(0, 0, 0, 0.1) !important;
  cursor: default !important;
}

.pag__prev, .pag__next {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-right: none;
  width: 36px;
  height: 36px;
  color: #535353;
  border-radius: 10px 0 0 10px;
}

.pag__next {
  border-radius: 10px 0 0 10px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  background-image: url(/images/arr8.svg?c3fcd62e9d60977ca05e9b31f043c1c6);
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}

.pag__prev {
  background-image: url(/images/arr8.svg?c3fcd62e9d60977ca05e9b31f043c1c6);
  background-position: center;
  background-repeat: no-repeat;
}

.pag__next:hover, .pag__prev:hover {
  background: url(/images/arr9.svg?4faa9d940a2ca15bdbff6485db45307d), linear-gradient(135deg, #43D9E2 0%, #43C6E2 22.92%, #4383E2 57.29%, #7643E2 100%);
  background-position: center;
  background-repeat: no-repeat;
}

.lk {
  background-color: #DEE7EA;
  background-image: url(/images/pattern.png?50087836c9c82e13443c9c77903fd30a);
  background-repeat: repeat;
}

.lk .header {
  background-color: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

.lk .menu__link {
  border: 2px solid rgba(0, 0, 0, 0.1);
  color: #131318;
}

.lk .menu .menu__link--blue {
  border: none;
  color: #fff;
}

.lk .header .logo {
  display: none;
}

.lk .ks-select__current {
  color: #131318;
}

.lk .header .ks-select__current:after {
  background-image: url(/images/arr2.svg?e9ec69f178fa51a2a9870b5bf32858d7);
  transform: rotate(180deg);
  background-position: center left;
  margin-top: -9px;
}

.lk .header .ks-select__item {
  color: #fff;
}

.lk .header .ks-select__block {
  background: linear-gradient(135deg, #43D9E2 0%, #43C6E2 22.92%, #4383E2 57.29%, #7643E2 100%);
}

.lk .header .lang, .header--fixed .logo {
  top: 50%;
  transform: translateY(-50%);
}

.portmone {
  background: rgba(0, 0, 0, 0.04);
  border-radius: 10px;
  height: 46px;
  display: flex;
  align-items: center;
  padding-right: 20px;
  padding-left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 180px;
}

.portmone__text {
  color: #1F2024;
}

.portmone__summa {
  color: #1F2024;
  font-weight: 500;
  padding-left: 5px;
}

.cabinet {
  position: relative;
  padding-bottom: 160px;
  min-height: 70vh;
}

.cabinet__col1 {
  width: 57%;
  min-width: 57%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-direction: column;
}

.cabinet__wrap--grow {
  flex-grow: 1
}

.cabinet__col2 {
  width: 43%;
  min-width: 43%;
  padding-left: 15px;
  padding-right: 15px;
}

.cabinet__wrap {
  background: #F7F7F7;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 30px;
}

.lk {
  padding-top: 110px;
}

.cabinet p {
  color: #535353;
  font-size: 14px;
  margin-bottom: 0;
}

.cabinet__link {
  font-weight: 600;
  color: #70C61F;
  display: block;
}

.apikey {
  margin-top: 15px;
  margin-bottom: 45px;
  display: flex;
  align-items: center;
  position: relative;
  height: 56px;
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding-right: 8px;
}

.apikey__copy {
  background-color: rgba(0, 0, 0, 0.05);
  background-image: url(/images/copy.svg?a29fd16a5515e06ed1a3468155d6bfd9);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 10px;
  margin-right: 10px;
  width: 68px;
  height: 40px;
  min-width: 68px;
}

.apikey__copy:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.apikey input {
  display: block;
  height: 100%;
  flex-grow: 1;
  background: none;
  padding-left: 15px;
  padding-right: 15px;
  color: #1F2024;
}

.apikey__btn {
  width: 138px;
  min-width: 138px;
  padding: 0;
}

.cabinet .h1 {
  margin-bottom: 8px;
  font-size: 24px;
}

.h2 {
  color: #1F2024;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}

.list-nmb li {
  position: relative;
  padding-left: 43px;
  margin-bottom: 18px;
  line-height: 1.2;
}

.list-nmb__text {
  color: #535353;
}

.list-nmb__nmb {
  position: absolute;
  font-weight: bold;
  font-size: 28px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
  background: linear-gradient(315deg, #2291F8 0%, #22D1F8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #2291F8;
}

.cabinet__wrap--mod {
  background: linear-gradient(203.13deg, #4379E2 0%, rgba(57, 227, 217, 0) 85.03%), linear-gradient(92.95deg, #33B1E7 0%, #2BBC4B 100%);
}

.lk-levels__time {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 20px;
}

.circle {
  transform: rotate(90deg);
}

.circle__val {
  position: absolute;
  top: calc(50% - 3px);
  left: 50%;
  transform: rotate(-90deg) translate(50%, -50%);
}

.lk-levels__text {
  padding-left: 35px;
}

.lk-levels__p {
  color: #fff;
  line-height: 1.1;
  opacity: 0.75;
}

#countdown span {
  color: #fff;
  font-weight: bold;
  font-size: 28px;
}

.lk-levels__block {
  max-width: 515px;
  margin-left: auto;
  margin-right: auto;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  margin-bottom: 90px;
  padding: 20px 25px;
  position: relative;
  color: #fff;
  display: flex;
  align-items: center;
  height: 120px;
}

.lk-levels__block .circle {
  margin-left: auto;
}

.lk-levels__block .circle__val {
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-90deg);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lk-levels__block:last-child {
  margin-bottom: 25px;
}

.lk-levels__block > div {
  position: relative;
}

.lk-levels__block-title, .lk-levels__block-count {
  font-size: 20px;
  font-weight: bold;
}

.lk-levels__block-p {
  color: #FFFFFF;
  opacity: 0.75;
  line-height: 1;
  margin-top: 3px;
}

.lk-levels__bg {
  position: absolute;
  top: 0;
  left: 0;
}

.lk-levels__block--avaliable {
  opacity: 0.35;
}

.lk-levels-arr {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
  bottom: -60px;
  opacity: 0.25;
}

.portmone--mod {
  position: static;
  transform: none;
  margin-bottom: 5px;
  display: inline-flex;
  padding-left: 10px;
  padding-right: 10px;
}

.btn--middle {
  height: 56px;
  padding-left: 65px;
  padding-right: 65px;
  border-radius: 28px;
  font-size: 16px;
}

.portmone__wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.tipping {
  position: relative;
  margin-left: auto;
  cursor: pointer;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 1;
}

.tipping__hidden {
  background: #F7F7F7;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 20px 25px;
  color: #1F2024;
  line-height: 1.2;
  width: 330px;
  position: absolute;
  display: none;
  top: -10px;
  right: -20px;
  transform: translateX(100%);
  min-height: 110px;
}

.portmone__del {
  background: #1F2024;
  opacity: 0.1;
  width: 1px;
  height: 18px;
  margin-left: 8px;
  margin-right: 5px;
}

.tipping--active {
  z-index: 2;
}

.captcha-res {
  color: #fff;
}

.captcha-res__h {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 3px;
}

.captcha-res__blocks {
  display: flex;
  margin-left: -6px;
  margin-right: -6px;
}

.captcha-res__block {
  margin-left: 6px;
  margin-right: 6px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 10px 12px;
}

.captcha-res__block-h {
  color: #FFFFFF;
  opacity: 0.75;
  font-size: 14px;
}

.captcha-res__block-h {
  font-weight: 500;
}

.captcha-res__btn {
  height: 37px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  color: #fff;
  margin-top: 15px;
}

.captcha-res__btn:hover {
  background: rgba(255, 255, 255, 0.4);
  color: #fff;
}

.captcha-res__btn--mod {
  background: rgba(255, 255, 255, 0.5);
}

.captcha-res__btn--mod:hover {
  background: rgba(255, 255, 255, 0.6);
}

.cabinet__wrap--mod2 {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.cabinet__wrap--mod3 {
  margin-top: 30px;
}

.h1--row {
  position: relative;
  padding-left: 38px;
}

.h1--row img {
  position: absolute;
  top: 0;
  left: 0;
}

.cabinet-booklet {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 70px;
  position: relative;
}

.cabinet-booklet__el {
  width: 167px;
  height: 111px;
  min-width: 167px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
  flex-wrap: wrap;
  flex-direction: column;
}

.cabinet-booklet__level {
  color: #4C4C51;
  font-weight: bold;
  font-size: 22px;
  left: 50%;
  transform: translateX(-50%);
  top: -35px;
  text-align: center;
  position: absolute;
}

.cabinet-booklet__price {
  font-size: 36px;
  font-weight: 800;
  line-height: 1.3
}

.gradient-green {
  background: linear-gradient(118.89deg, #80E243 0%, #59E243 22.92%, #43E283 57.29%, #43E2E2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #80E243;
}

.gradient-blue {
  background: linear-gradient(103.98deg, #43D9E2 0%, #43BCE2 22.92%, #4396E2 57.29%, #4349E2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #43D9E2;
}

.gradient-purple {
  background: linear-gradient(103.98deg, #43D9E2 0%, #4383E2 0.01%, #4366E2 22.92%, #6C43E2 57.29%, #9C43E2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #43D9E2;
}

.cabinet-booklet__ps {
  color: #1F2024;
}

.cabinet-booklet__el--mod {
  margin-left: auto;
  margin-right: auto;
  margin-top: 65px;
}

.cabinet-booklet__arr1 {
  position: absolute;
  top: 55px;
  transform: translateY(-50%);
  left: 50%;
  margin-left: -30px;
}

.cabinet-booklet__arr2 {
  position: absolute;
  top: 130px;
  transform: rotate(-135deg);
  left: 76px;
}

.cabinet-booklet__arr3 {
  position: absolute;
  top: 130px;
  transform: rotate(135deg);
  right: 76px;
}

.lk .skidki__block {
  background: none;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
  margin: 0;
}

.lk .skidki {
  background: none;
}

.cabinet__col3 {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.lk-table__hh {
  display: flex;
  background: #70C61F;
  width: 100%;
  min-width: 100%;
  border-radius: 10px 10px 0 0
}

.lk-table__th--col1 {
  width: 22%;
  min-width: 22%
}

.lk-table__th--col2 {
  width: 56%;
  min-width: 56%;
}

.lk-table__th:not(:last-child), .lk-table__td:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

.lk-table__th {
  display: flex;
  color: #fff;
  font-weight: 500;
  padding: 10px 20px;
  height: 100%;
  align-items: center;
  min-height: 44px;
  cursor: pointer;
}

.lk-table__tr {
  background: #F6F6F6;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%;
  min-width: 100%;
  display: flex;
}

.lk-table__tr:last-child {
  border-radius: 0 0 10px 10px
}

.lk-table__tr:nth-child(odd) {
  background: #EBEBEB;
}

.lk-table__td {
  color: #1F2024;
  font-weight: 500;
  padding: 10px 20px;
  height: 100%;
  align-items: center;
  min-height: 44px;
  line-height: 1.2;
  display: flex;
}

.lk-table__text {
  display: flex;
  width: 100%;
  align-items: center;
}

.lk-table__p {
  width: 67%;
  min-width: 67%;
  line-height: 1.2;
}

.lk-table__link {
  color: #71BC2B;
  font-weight: 500;
  display: inline-block;
  transition: none
}

.lk-table__link:hover, .lk-table__link:hover:after {
  color: #90dc49 !important;
}

.lk-table {
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  border-radius: 10px;
}

.lk-table__sorting {
  cursor: pointer;
  opacity: 0.35;
  margin-left: 10px;
}

.lk-table__th--full {
  position: relative;
}

.lk-table__th--full:after {
  content: '';
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  background-color: #d1d1d1;
  left: -1px;
}

.lk-table__th--active .lk-table__sorting {
  opacity: 1;
}

.lk-table__hidden {
  display: none;
}

.lk-table__text--on {
  align-items: flex-end;
  padding-top: 10px;
  padding-bottom: 10px;
}

.lk-table__text--on .lk-table__link {
  font-size: 0;
}

.lk-table__text--on .lk-table__link:after {
  content: '\421\432\435\440\43D\443\442\44C';
  color: #71BC2B;
  font-weight: 500;
  display: inline-block;
  font-size: 16px;
}

.aside {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -585px;
  width: 335px;
  transform: translateX(-100%);
  overflow: auto;
  height: 100%;
}

.aside__user {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.aside__user-ava {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  margin-right: 20px;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  position: relative;
}

.aside__user-ava:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .75);
  background-image: url(/images/edit.svg?9dd85a8c8e807319bb815efa3b082e17);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35%;
  opacity: 0;
  transition: opacity .3s ease
}

.aside__user-ava:hover:before {
  opacity: 1;
}

.aside__user-nik {
  color: #1F2024;
}

.aside__user-id {
  color: #535353;
  font-size: 20px;
  font-weight: 500;
}

.aside__user-logout {
  margin-left: auto;
  width: 79px;
  height: 39px;
  min-width: 79px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #535353;
  font-weight: 500;
}

.aside__user-logout:hover {
  color: #535353;
  background: rgba(0, 0, 0, 0.15);
}

.aside-menu__li {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  height: 52px;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
  padding-left: 60px;
  padding-right: 10px;
}

.aside-menu__icon {
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.aside-menu__span {
  color: #1F2024;
}

.aside-menu__li:hover {
  background: #CFE5BA;
}

.aside-menu__li--parent {
  padding-right: 35px;
  position: relative;
}

.aside-menu__li--parent .aside-menu__li-trigger {
  background-image: url(/images/arr2.svg?e9ec69f178fa51a2a9870b5bf32858d7);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 13px 7px;
  position: absolute;
  top: 50%;
  margin-top: -12.5px;
  right: 20px;
  transform: rotate(180deg);
}

.aside-menu__hidden {
  background: #CFE5BA;
  border-radius: 0px 0px 20px 20px;
  display: none;
  overflow: hidden;
  margin-bottom: 10px;
}

.aside-menu__hidden-link {
  height: 52px;
  display: flex;
  align-items: center;
  padding-left: 60px;
  color: #1F2024 !important;
  position: relative;
}

.aside-menu__li--parent--on {
  margin-bottom: 0;
  border-radius: 10px 10px 0 0;
  border-bottom: none;
  background: #CFE5BA;
}

.aside-menu__li--parent--on .aside-menu__li-trigger {
  transform: none;
  background-position: center right
}

.aside-menu__hidden-link:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(112, 198, 31, 0.7);
  z-index: 0;
  opacity: 0;
  transition: opacity .3s ease
}

.aside-menu__hidden-link:hover:before, .aside-menu__hidden-link.active:before {
  opacity: 1;
}

.aside-menu__hidden-link span {
  position: relative;
}

.aside-menu__count {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #70C61F;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  color: #fff;
  font-size: 12px;
}

.aside-menu__li--active {
  background: #70C61F !important;
}

.aside-menu__li--active .aside-menu__span {
  color: #fff;
}

.aside-menu__li--active .aside-menu__count {
  background: #fff;
  color: #70C61F;
}

.aside-menu__li .aside-menu__icon img:last-child {
  display: none;
}

.aside-menu__li--active .aside-menu__icon img:last-child {
  display: block;
}

.aside-menu__li--active .aside-menu__icon img:first-child {
  display: none;
}

.h1--counting {
  display: flex;
  align-items: center;
}

.h1__count {
  color: #535353;
  font-size: 14px;
  padding-left: 20px;
  line-height: 1;
  padding-top: 5px;
}

.pag__res {
  color: #535353;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
  align-items: center;
}

.lk-table__hh--grad1 {
  background: linear-gradient(98.5deg, rgba(211, 63, 80, 0.75) 0%, rgba(211, 63, 80, 0) 100%), linear-gradient(103.98deg, #4366E2 0%, #43BCE2 22.92%, #4396E2 57.29%, #43D9E2 100%);
}

.ks-select--mod {
  background: #EBEBEB;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  border-radius: 10px;
  height: 40px;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 25px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  z-index: 1;
}

.ks-select--mod .ks-select__current {
  height: 40px;
  display: flex;
  align-items: center;
  color: #1F2024;
  padding: 0;
  padding-right: 7px;
  font-size: 16px;
}

.ks-select--mod .ks-select__current:after {
  content: '';
  background-image: url(/images/arr2.svg?e9ec69f178fa51a2a9870b5bf32858d7);
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center right;
  top: 50%;
  right: -13px;
  margin-top: -7.5px;
  transform: rotate(180deg);
}

.ks-select--mod .ks-select__block {
  top: 42px;
  right: -1px;
  left: -1px;
  background: #EBEBEB;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  border-radius: 13px 10px;
  padding: 0;
  width: 100px;
  overflow: hidden;
}

.ks-select--mod .ks-select__item:first-child {
  margin-bottom: 0;
}

.ks-select--mod .ks-select__item {
  padding: 10px;
  line-height: 1;
}

.ks-select--mod.opened {
  background: #70C61F;
  border-color: #70C61F;
  position: relative;
  z-index: 1;
}

.ks-select--mod.opened .ks-select__current {
  color: #fff;
}

.ks-select--mod.opened .ks-select__current:after {
  background-image: url(/images/arr.svg?801c10720bec89439825b406392ecf86);
  transform: none;
  background-position: center left
}

.ks-select--mod .ks-select__item.active {
  background: #70C61F;
  color: #fff;
}

.pag--mod {
  justify-content: flex-end;
  margin-top: 25px;
  margin-bottom: 15px;
}

.pag--green .pag__link:hover {
  color: #fff;
  background: #70C61F;
}

.pag--green .pag__next:hover, .pag--green .pag__prev:hover {
  background: url(/images/arr9.svg?4faa9d940a2ca15bdbff6485db45307d), #70C61F;
  background-position: center;
  background-repeat: no-repeat;
}

.lk-table__hh--grad2 {
  background: linear-gradient(98.5deg, rgba(65, 63, 211, 0.75) 0%, rgba(65, 63, 211, 0) 100%), linear-gradient(103.98deg, #4366E2 0%, #4370E2 22.92%, #8943E2 57.29%, #7643E2 100%);
}

.lk-table__hh--grad3 {
  background: linear-gradient(98.5deg, rgba(63, 185, 211, 0.75) 0%, rgba(63, 185, 211, 0) 100%), linear-gradient(103.98deg, #4353E2 0%, #4383E2 22.92%, #43CFE2 57.29%, #43E296 100%);
}

.lk-table__hh--grad4 {
  background: linear-gradient(98.5deg, rgba(63, 113, 211, 0.75) 0%, rgba(63, 113, 211, 0) 100%), linear-gradient(103.98deg, #4366E2 0%, #43BCE2 22.92%, #4396E2 57.29%, #43D9E2 100%);
}

.lk-table__hh--grad6 {
  background: linear-gradient(180deg, #26DE91 0%, #00B78B 100%);
}

.lk-table__th--col3 {
  width: 12%;
  min-width: 12%
}

.lk-table__th--col4 {
  width: 21%;
  min-width: 21%
}

.lk-table__th--col5 {
  width: 46%;
  min-width: 46%
}

.lk-table__th--col6 {
  width: 21%;
  min-width: 21%
}

.color--green {
  color: #70C61F !important;
}

.color--red {
  color: #EE3A3A !important;
}

.color--orange {
  color: #EC9411 !important;
}

a.color--green:hover, a.color--red:hover, a.color--orange:hover {
  text-decoration: underline;
}

.cabinet__col4 {
  width: 62%;
  min-width: 62%;
  padding-left: 15px;
  padding-right: 15px;
}

.cabinet__col5 {
  width: 38%;
  min-width: 38%;
  padding-left: 15px;
  padding-right: 15px;
}

.oplata-item {
  display: flex;
  align-items: center;
  background: #F1F1F1;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  margin-top: 6px;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
  height: 71px;
  max-width: 350px;
  position: relative;
}

.oplata-item__name {
  font-weight: 500;
  color: #000;
  white-space: nowrap;
}

.oplata-item__logo {
  margin-left: auto;
  max-width: 33%
}

.oplata-item__logo img {
  max-width: 100%
}

.oplata-item .tipping {
  top: -15px;
  margin-left: 0;
  justify-content: flex-start;
  min-width: 25px
}

.oplata-item__bonus {
  color: #535353;
  opacity: 0.5;
  font-size: 14px;
  position: relative;
  top: -15px;
}

.oplata-item > * {
  position: relative;
}

.oplata-item:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, #DBF3FF 0%, #A4E0FF 100%);
  border-radius: 10px;
  opacity: 0;
  transition: opacity .3s ease
}

.oplata-item:hover:before {
  opacity: 1;
}

.oplata-item.tab--active:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  background: linear-gradient(180deg, #65DAFF 0%, #60BCFF 100%);
  border-radius: 10px;
}

.balance__summs {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

.balance__summs label {
  width: 100%;
  display: block;
  color: #1F2024;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}

.balance__summs-del {
  color: #535353;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  top: 15px;
}

.balance__summs input {
  width: 180px;
  height: 56px;
  min-width: 180px;
}

.balance__summs .form__icon {
  top: 50%;
  transform: translateY(-50%);
}

.balance__ps {
  color: #535353;
  font-size: 14px;
  height: 39px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
}

.balance__ps-span {
  color: #70C61F;
  font-weight: 500;
  font-size: 16px;
}

.balance__ps-span:hover {
  text-decoration: underline;
  color: #70C61F;
}

.balance__itogo-hh {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.1;
}

.balance__itogo-summa {
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 35px;
  line-height: 1.1;
}

.balance__ps2 {
  line-height: 1.1;
  padding-top: 15px;
}

.tabs-content {
  position: relative;
}

.tab-content {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  transition: opacity .3s ease;
  width: 100%;
}

.tab-content--active {
  opacity: 1;
  position: relative;
  z-index: 1;
}

.form__line--noicon input {
  padding-left: 15px;
  width: 100%;
}

.form__line--noicon {
  width: 100%;
}

.ticket .tabs {
  display: flex;
}

.ticket .tab {
  height: 48px;
  background: #DCDCDC;
  box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.15);
  border-radius: 10px 10px 0px 0px;
  padding-left: 10px;
  padding-right: 10px;
  color: #1F2024;
  font-weight: 500;
  display: flex;
  align-items: center;
  cursor: pointer;
  min-width: 230px;
  width: 230px;
  justify-content: center;
}

.ticket .tab--active {
  color: #fff;
  background: linear-gradient(91.53deg, #22B4F8 1.95%, #22DEF8 108.01%);
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.ticket .cabinet__wrap {
  border-radius: 0 0 10px 10px
}

.lk-table__th--col7 {
  width: 33.5%;
  min-width: 33.5%
}

.lk-table__td a {
  color: #71BC2B;
}

.color--more {
  color: #22B4F8;
  position: relative;
  background: linear-gradient(91.53deg, #22B4F8 1.95%, #22DEF8 108.01%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.form__line textarea {
  font-family: Inter;
  height: 150px;
  background: #EBEBEB;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding-left: 55px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  width: 100%;
}

.form__line textarea:focus {
  border-color: #70C61F;
}

.form__line--noicon textarea {
  padding-left: 15px;
  width: 100%;
}

.breadcrumbs {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.breadcrumbs a {
  color: #70C61F;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
}

.breadcrumbs a:before {
  content: '';
  background-image: url(/images/arr12.svg?0f77a4264c55f1b8fe01f854250accf9);
  display: block;
  margin-right: 15px;
  width: 41px;
  height: 22px;
  min-width: 41px;
  background-repeat: no-repeat;
}

.ticket__id {
  color: #535353;
  opacity: 0.5;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}

.ticket__access {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.ticket__access--yes {
  color: #3FED2F;
}

.ticket__access--no {
  color: #EE3A3A;
}

.ticket__access-ps {
  height: 47px;
  background: #FFC9C9;
  border-radius: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: inline-flex;
  align-items: center;
  color: #EE3A3A;
  font-weight: 500;
  margin-bottom: 20px;
}

.comment {
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 20px;
}

.comment--admin {
  background: #EAEAEA;
}

.comment__top {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.comment__ava {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  min-width: 64px;
  margin-right: 15px;
}

.comment__name {
  color: #1F2024;
  font-weight: 500;
  margin-bottom: 6px;
}

.comment__date {
  color: #535353;
  font-size: 14px;
}

.comment__role {
  border-radius: 20px;
  height: 29px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  color: #22B4F8;
  border: 2px solid #22B4F8;
  margin-left: 10px;
  position: relative;
  top: -12px;
}

.comment--admin .comment__role {
  border: 2px solid #EE3A3A;
  color: #EE3A3A;
}

.comment__text {
  color: #1F2024;
  line-height: 1.2;
}

.comment__rating {
  display: flex;
  align-items: center;
  margin-top: 25px;
}

.comment__rating-span {
  color: #535353;
  font-size: 14px;
  padding-right: 10px;
}

.comment__rating-stars {
  display: flex;
}

.comment__rating-star {
  background-image: url(/images/star2.svg?6e7ba8d1897580879d007656e39bdb50);
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 4px;
  cursor: pointer;
}

.comment__rating-star--on {
  background-image: url(/images/star1.svg?7071f5df0e6ec457f4bc105f74216fde);
}

.sms {
  padding: 20px;
  margin-bottom: 10px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  position: relative;
}

.sms__ava {
  width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  margin-right: 25px;
}

.sms__name {
  color: #1F2024;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 10px;
}

.sms__text {
  color: #535353;
  font-size: 14px;
  line-height: 1.1;
}

.sms__date {
  margin-left: auto;
  color: #535353;
  font-size: 14px;
  position: relative;
  align-self: start;
  padding-left: 10px;
  padding-top: 5px;
}

.sms__tr {
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 105px;
  bottom: 10px;
  right: 20px;
}

.sms:hover {
  background: rgba(0, 0, 0, 0.05);
}

.sms.sms--active {
  background: #70C61F;
}

.sms--active .sms__name, .sms--active .sms__text, .sms--active .sms__date {
  color: #fff;
}

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

.smss__user {
  display: flex;
  align-items: center;
}

.smss__user-name {
  color: #1F2024;
  font-weight: 500;
  padding-right: 20px;
}

.smss__user-ava {
  width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}

.smss__hh .breadcrumbs {
  margin-bottom: 0;
}

.smss__wrap {
  background: rgba(0, 0, 0, 0.05);
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px;
  padding-bottom: 130px;
  margin-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.sms-opened--guest {
  background: rgba(0, 0, 0, 0.05);
}

.sms-opened {
  border-radius: 20px;
  padding: 15px;
  display: flex;
}

.sms-opened__ava {
  width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  margin-right: 20px;
}

.sms-opened__top {
  display: flex;
  align-items: center;
  line-height: 1;
  margin-bottom: 10px;
}

.sms-opened__name {
  color: #70C61F;
  font-weight: 500;
  padding-right: 7px;
  line-height: 1;
}

.sms-opened__date {
  color: #535353;
  font-size: 14px;
  line-height: 1;
  position: relative;
  top: 1px;
}

.sms-opened__text {
  color: #1F2024;
  line-height: 1.2;
}

.sms-opened__text p:not(:last-child) {
  margin-bottom: 15px;
}

.smss__enter {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
  margin: 8px;
  margin-bottom: 4px;
  margin-left: -12px;
  margin-right: -12px;
}

.smss__enter input {
  height: 56px;
  background: none;
  padding-left: 15px;
  padding-right: 110px;
  flex-grow: 1;
  border-radius: 10px 0 0 10px;
  background: #EBEBEB;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  border-radius: 10px;
}

.smss__enter input:focus {
  border-color: #70C61F;
}

.smss__button {
  background-color: #70C61F;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border-radius: 20px;
  width: 94px;
  min-width: 94px;
  height: 40px;
  background-image: url(/images/button.svg?254971c3127843eafb27f5311f2ba047);
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.smss__button:hover {
  background-color: #85eb26;
}

.profile__top {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
}

.profile__ava label {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  display: block;
  margin-bottom: 0;
}

.profile__ava-note {
  font-size: 14px;
  color: #535353;
  padding-left: 25px;
  line-height: 1.2;
}

.profile__trigger {
  height: 49px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  justify-content: space-between;
  margin-top: 25px;
  margin-bottom: 25px;
  color: #1F2024;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
}

.profile__trigger:after {
  content: '';
  background-image: url(/images/arr6.svg?fd89785d0abdbfecc9b63ad6a0cc13f8);
  width: 13px;
  height: 7px;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin-left: 10px;
  position: relative;
  top: 3px;
}

.profile__hidden {
  display: none;
}

.profile__trigger--on:after {
  transform: rotate(180deg);
}

.form__line .ks-select {
  height: 56px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding-right: 0;
  padding-left: 15px;
  width: 100%;
  margin: 0;
}

.form__line .ks-select--mod .ks-select__current {
  height: 100%;
  padding-right: 0;
  padding-right: 35px;
}

.form__line .ks-select--mod .ks-select__current:after {
  right: 10px;
}

.form__line .ks-select--mod .ks-select__block {
  top: 58px;
  width: 100%;
  border-radius: 10px
}

.form__line .ks-select--mod .ks-select__item {
  padding: 15px;
  transition: color .3 ease
}

.ks-select--mod .ks-select__item:hover {
  color: #70C61F;
}

.ks-select--mod .ks-select__item.active {
  color: #fff !important;
}

.form__line .checkbx-wrap {
  position: relative;
  padding-left: 63px;
  color: #1F2024;
  width: 100%;
  margin-bottom: 10px;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 24px;
  cursor: pointer;
}

.profile {
  padding-bottom: 190px;
}

.checkbx-wrap .checkbx__title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

.checkbx-wrap .checkbx {
  width: 48px;
  height: 24px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: 0;
  background: #F1F1F1;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
}

.checkbx-wrap input:checked + .checkbx {
  background: #EFF7E8;
  border: 1px solid rgba(113, 188, 43, 0.5);
}

.checkbx-wrap input:checked + .checkbx:after {
  background: #71BC2B;
  left: 24px;
}

.checkbx-wrap .checkbx:after {
  content: '';
  position: absolute;
  background: #979797;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  top: 1px;
  left: 1px;
  transition: all .3s ease
}

.referal {
  background: linear-gradient(180deg, #4CD6B4 0%, #5FCAE2 30.21%, #5FA3E2 45.31%, #6384DA 60.42%, #6A65E2 66.15%, #706BE3 100%);
  color: #fff;
  width: 100%;
}

.referal .h1 {
  color: #fff;
}

.referal label {
  color: #fff;
}

.referal .apikey {
  background: #EBEBEB;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.referal .apikey input {
  border: none;
  background: none;
}

.referal .apikey__copy {
  margin-right: 0;
}

.referal .portmone {
  background: #EBEBEB;
}

.referal h3 {
  color: #fff;
  text-align: right;
  line-height: 1.2;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
}

.referal__text {
  text-align: right;
  line-height: 1.2;
}

.h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 10px;
  margin-top: 25px;
}

.lk-table__th--col8 {
  width: 10%;
  min-width: 10%
}

.lk-table__th--col9 {
  width: 24%;
  min-width: 24%
}

.lk-table .tipping {
  margin-left: 0;
}

.zenas {
  display: flex;
  align-items: center;
}

.zenas__zena1 {
  font-weight: 500;
}

.zenas__del {
  background: #1F2024;
  opacity: 0.2;
  width: 1px;
  height: 18px;
  margin-left: 10px;
  margin-right: 10px;
}

.pag--mod2 .pag__link, .pag--mod2 .pag__prev, .pag--mod2 .pag__next, .pag--mod2 .pag__del {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.15);
}

.pag--mod2 .pag__link--current {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
}

.pag--mod2 .pag__next, .pag--mod2 .pag__prev {
  background-image: url(/images/arr9.svg?4faa9d940a2ca15bdbff6485db45307d);
  opacity: 0.25;
  border-color: rgba(255, 255, 255, 0.75);
}

.pag--mod2 .pag__next:hover, .pag--mod2 .pag__prev:hover {
  opacity: 1;
  border-color: rgba(255, 255, 255, 0.15);
}

.referal__itogo {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 4px solid #F6F6F6;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 30px;
  min-height: 45px;
}

.referal__itogo .pag {
  margin-bottom: 0;
}

.referal__itogo-summa {
  position: absolute;
  right: 20px;
  top: -5px;
  text-align: right;
}

.referal__itogo-itogo {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

.lk-table__hh--grad5 {
  background: linear-gradient(91.53deg, #22B4F8 1.95%, #22DEF8 108.01%);
}

.referal__itogo--mod {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 30px;
}

.color--green2 {
  color: #6EFF3C !important;
}

.referal__all {
  background: linear-gradient(180deg, #4CD6B4 0%, #3FA3FF 100%);
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  padding: 17px;
  color: #fff;
  display: inline-block;
}

.referal__all-p {
  font-weight: 500;
  line-height: 1.3;
}

.referal__all-price {
  font-size: 20px;
  font-weight: 500;
  text-align: right;
  line-height: 1.3;
}

.aside__trigger {
  display: none;
}

.portmone__money {
  background-color: #70C61F;
  border-radius: 10px;
  width: 62px;
  height: 32px;
  min-width: 62px;
  margin-left: 10px;
  background-image: url(/images/moneta.svg?411af9db0ab64c1eb1390bf029e7bdc6);
  background-repeat: no-repeat;
  background-position: center;
}

.portmone__money:hover {
  background-color: #85EB26;
}

.profile__ava label {
  cursor: pointer !important;
}

.ks-select--mod2 .ks-select__current, .form__line .ks-select--mod2 .ks-select__current {
  height: 56px;
  background: linear-gradient(180deg, #EBEBEB 0%, #DFDFDF 23.44%, #EBEBEB 100%);
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  box-shadow: inset 0px 2px 8px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding-left: 15px;
  padding-right: 35px;
}

.ks-select--mod2 .ks-select__current b {
  font-weight: 500;
}

.ks-select--mod2.opened .ks-select__current {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  color: #1F2024;
}

.ks-select--mod2, .form__line .ks-select--mod2 {
  height: auto;
  padding: 0;
  border: none;
  margin: 0;
  position: relative;
}

.ks-select--mod2 .ks-select__current:after {
  right: 10px;
}

.ks-select--mod2.opened .ks-select__current:after {
  background-image: url(/images/arr2.svg?e9ec69f178fa51a2a9870b5bf32858d7);
}

.ks-select--mod2 .ks-select__block, .form__line .ks-select--mod2 .ks-select__block {
  top: 65px;
  right: 0;
  width: 100%;
  border: none;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15)
}

.ks-select--mod2 .ks-select__item {
  height: 56px;
  display: flex;
  align-items: center;
  transition: all .3s ease;
  border-radius: 10px
}

.ks-select__disabled {
  display: none !important
;
}

.ks-select--mod2 .ks-select__item.active {
  background: linear-gradient(103.98deg, #43D9E2 0%, #43BCE2 22.92%, #4396E2 57.29%, #4349E2 100%);
  color: #fff;
}

.ks-select--mod2 .ks-select__current img:nth-child(2), .ks-select--mod2 .ks-select__item img:nth-child(2) {
  display: none;
}

.ks-select--mod2 .ks-select__item.active img:nth-child(2) {
  display: block;
}

.ks-select--mod2 .ks-select__item.active img:nth-child(1) {
  display: none;
}

.modal--mod .close {
  top: 0;
  right: 0;
  opacity: 1;
  transition: all .3s ease
}

.form-transfer button {
  margin-top: 70px;
}

.form__line--arr {
  position: relative;
  padding-right: 30px;
  z-index: 2;
}

.form__line--arr:after {
  background-image: url(/images/arr13.svg?2a57d34298eccc0512746d835287650e);
  width: 36px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  content: '';
  top: 20px;
  right: -19px;
  filter: brightness(.5);
}

.modal--mod .modal-body {
  background: #F7F7F7;
  padding: 30px 35px;
  border-radius: 10px
}

form {
  position: relative;
}

.modal__note {
  position: absolute;
  background: #F7F7F7;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  box-shadow: 0px 16px 20px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
  text-align: center;
  bottom: -125px;
  left: 0;
  right: 0;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal__note--error {
  color: #EE3A3A;
}

.modal__note--sucess {
  color: #70C61F;
}

.modal--mod .modal-dialog {
  max-width: 790px;
}

.modal__sorting {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

#stat .ks-select--mod .ks-select__block {
  top: 55px;
}

.modal__sorting span {
  color: #535353;
}

.modal__sorting input {
  height: 51px;
  padding-left: 15px;
  padding-right: 15px;
  background: linear-gradient(180deg, #EBEBEB 0%, #DFDFDF 23.44%, #EBEBEB 100%);
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  box-shadow: inset 0px 2px 8px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  margin-left: 20px;
  margin-right: 30px;
  width: 130px;
  min-width: 130px;
}

#stat .modal-dialog, #vyvod .modal-dialog {
  max-width: 1110px
}

.modal__sorting .ks-select {
  margin-left: 20px;
}

.modal__sorting .ks-select--mod2 .ks-select__current {
  height: 51px;
  min-width: 170px;
}

.modal__diagramm {
  padding: 10px;
  background: linear-gradient(180deg, #EBEBEB 0%, #DFDFDF 23.44%, #EBEBEB 100%);
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
  box-shadow: inset 0px 2px 8px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}

#vyvod .modal-content, #stat .modal-content, #transfer .modal-content {
  padding-top: 70px;
}

#chartdiv {
  width: 100%;
  height: 500px;
}

[filter='url("#filter-id-66")'] {
  display: none !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}

@media only screen and (min-width: 1199px) {
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  ::-webkit-scrollbar-button {
    background-color: #222;
  }

  ::-webkit-scrollbar-track {
    background-color: #0f0f11;
  }

  ::-webkit-scrollbar-track-piece {
    background-color: #222;
  }

  ::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #cacaca;
  }

  ::-webkit-scrollbar-corner {
    background-color: #999;
  }

  html {
    scrollbar-color: #cacaca #222; /* thumb and track color */
    scrollbar-width: thin;
  }
}

@media only screen and (max-width: 1900px) {
  .btn--blue, .btn--green {
    height: 4.5vw;
  }

  .btn--middle {
    height: 56px;
  }

  .btn--small {
    height: 40px;
  }

  .portmone {
    font-size: 14px;
  }

  .cabinet {
    padding-left: 350px;
  }

  .aside {
    transform: none;
    left: 15px;
    margin: 0;
  }

  .cabinet > .container {
    margin-left: 0;
  }

  .about h1 {
    font-size: 2.5vw;
  }
}

@media only screen and (max-width: 1800px) {
  .header .portmone {
    display: none;
  }
}

@media only screen and (max-width: 1750px) {
  .skidki__bg {
    margin-right: 0;
    right: 15px;
    width: 10vw;
  }
}

@media only screen and (max-width: 1700px) {
  .tipping__hidden {
    right: 50%;
    transform: translateX(50%);
    top: 25px;
  }
}

@media only screen and (max-width: 1600px) {
  .services__bg1 {
    margin-left: 0;
    left: 15px;
  }

  .services__bg2 {
    margin-right: 0;
    right: 15px;
  }
}

@media only screen and (max-width: 1500px) {
  .form-transfer button {
    margin-top: 0;
  }

  .header .logo img {
    height: 60px;
  }
}

@media only screen and (max-width: 1400px) {
  .cabinet-booklet__el {
    width: 130px;
    min-width: 130px;
    padding: 5px;
  }

  .cabinet-booklet__price {
    font-size: 28px;
  }

  .cabinet-booklet__ps {
    font-size: 14px;
    line-height: 1;
  }

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

  .oplata-item {
    margin-left: auto;
  }

  .cabinet__col4 {
    width: 55%;
    min-width: 55%
  }

  .cabinet__col5 {
    width: 45%;
    min-width: 45%
  }

  .portmone img {
    width: 20px;
  }

  .portmone {
    font-size: 12px;
  }

  .portmone__money {
    width: 40px;
    min-width: 40px;
    height: 25px;
    background-size: 50%;
  }

  .captcha-res__block {
    border-radius: 10px
  }

  .captcha-res__block-h {
    font-size: 12px;
    line-height: 1;
  }

  .captcha-res__block-count {
    font-size: 14px;
  }

  .aside__user-ava {
    width: 50px;
    min-width: 50px;
    min-width: 50px;
    height: 50px;
    margin-right: 10px;
  }

  .aside__user-logout {
    font-size: 12px;
    width: 60px;
    min-width: 60px;
    height: 28px;
  }

  .aside__user-nik {
    font-size: 12px;
  }

  .aside-menu__hidden-link {
    font-size: 14px;
  }

  .aside__user-id {
    font-size: 16px;
  }

  .aside-menu__span {
    font-size: 14px;
  }

  .aside-menu__icon {
    width: 50px;
  }

  .aside-menu__li {
    padding-left: 50px;
  }

  .aside {
    width: 300px;
  }

  .cabinet {
    padding-left: 330px;
  }

  .apikey input {
    font-size: 14px;
  }

  .apikey {
    flex-wrap: wrap;
    height: auto;
    background: none;
    border: none;
    padding: 0;
    margin-bottom: 20px;
  }

  .referal .apikey {
    flex-wrap: nowrap;
    padding-right: 10px;
  }

  .apikey input {
    width: 100%;
    margin-bottom: 8px;
    height: 56px;
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 10px;
  }

  .referal .apikey input {
    margin-bottom: 0;
  }

  .apikey input:focus {
    border-color: #70C61F;
  }

  .apikey__copy {
    order: 3;
    margin-left: 8px;
  }

  .btn--blue, .btn--green {
    height: 4.3vw;
    min-height: 36px;
    max-height: 70px;
    font-size: 1.5vw;
  }

  .btn--small {
    height: 3.1vw;
    min-height: 32px;
    max-height: 50px;
    font-size: 1vw;
  }

  .btn--middle {
    height: 4vw;
    min-height: 34px;
    max-height: 60px;
    font-size: 1.3vw;
  }

  .services__item--avaliable:after {
    font-size: 2vw;
  }
}

@media only screen and (max-width: 1350px) {
  .skidki__bg {
    display: none;
  }

  .header--fixed .logo {
    position: static;
    transform: none;
  }

  .lk .skidki__block-level {
    font-size: 12px;
  }

  .lk .skidki__block-level span {
    font-size: 22px;
  }

  .lk .skidki__block-level:first-child:not(:last-child) {
    padding-right: 30px;
  }

  .lk .skidki__block-level:first-child:not(:last-child):after {
    width: 10px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 7px;
  }

  .lk .header--fixed .logo {
    transform: none;
    top: 0;
  }

  header .logo {
    position: relative;
    top: 0;
    transform: none;
    left: 0;
    margin-left: 15px;
  }

  header .lang {
    right: 0;
  }

  .menu__link {
    font-size: 14px;
  }

  header {
    display: flex;
    align-items: center;
  }

  .header--fixed .lang {
    top: 40px;
  }

  header .lang {
    top: 33px;
  }
}

@media only screen and (max-width: 1250px) {
  .services__bg1, .services__bg2 {
    display: none;
  }
}

@media only screen and (max-width: 1200px) {
  .cabinet__col4 {
    width: calc(100% - 380px);
    min-width: calc(100% - 380px);
  }

  .cabinet__col5 {
    width: 380px;
    min-width: 380px
  }

  .cabinet-booklet__el {
    width: 35%;
    min-width: 35%
  }

  .lk .header .toggle-menu span, .lk .header .toggle-menu span:after, .lk .header .toggle-menu span:before {
    background: #535353;
  }

  .lk {
    padding-top: 89px;
  }

  .lk .header {
    padding-top: 10px;
    padding-bottom: 10px;
    align-items: center;
  }

  .aside__trigger {
    height: 56px;
    background: #70C61F;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
  }

  .cabinet > .container {
    margin-left: auto;
    margin-right: auto;
  }

  .cabinet__wrap {
    margin-bottom: 15px;
  }

  .cabinet {
    padding-left: 0;
  }

  .aside {
    position: relative;
    width: 100%;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
  }

  .aside__user {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
  }

  .aside__close {
    color: #70C61F;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block !important;
  }

  .aside-menu__hidden-link {
    padding-left: 35px;
    font-size: 14px;
  }

  .aside-menu__hidden {
    border-radius: 0 0 10px 10px
  }

  .aside-menu__hidden, .aside-menu__li:hover {
    background: #e9f0e2;
  }

  .aside-menu__count {
    margin-left: 30px;
    width: 16px;
    height: 16px;
    font-size: 9px;
  }

  .aside-menu__li {
    border: none;
    height: 40px;
  }

  .aside-menu {
    position: fixed;
    top: 0;
    height: 100%;
    overflow-y: auto;
    background: #F7F7F7;
    z-index: 111;
    left: -100vw;
    transition: left .3s ease;
    width: 100%;
    padding-left: 25vw;
    padding-right: 25vw;
  }

  .aside-menu--on {
    left: 0;
  }

  .page-inner .h1 {
    display: none;
  }

  .system__ps, .system__info {
    font-size: 14px;
  }

  .system h3 {
    font-size: 20px;
  }

  .system__el-text {
    font-size: 12px;
  }

  .system__el-wrap {
    padding-left: 10px;
    padding-right: 10px;
  }

  .skidki__ps {
    margin-top: 10px;
  }

  .skidki__el-count {
    font-size: 1.5vw;
  }

  .skidki__el-price {
    font-size: 3.5vw;
  }

  .skidki__el-ps {
    font-size: 12px;
  }

  .skidki__el-cont {
    padding: 10px;
  }

  .skidki__el-nmb {
    font-size: 16px;
    height: 30px;
  }

  .skidki__el {
    width: 100%;
    height: 22vw;
    background-position: center top;
    background-size: contain;
  }

  .skidki__el-wrap {
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
  }

  .skidki__el-count {
    margin-top: 0.3vw;
  }

  .skidki__row {
    padding-left: 40px;
    padding-right: 40px;
  }

  .skidki__el-cont {
    width: 33.33%;
    min-width: 33.33%;
    margin-left: auto;
    margin-right: auto;
  }

  .skidki__el {
    background-size: contain;
  }

  .services__item-title {
    font-size: 22px;
  }

  .services__item-count {
    font-size: 14px;
  }

  .services__item-price {
    font-size: 18px;
  }

  .services__item-detail {
    font-size: 12px;
  }

  .services__hidden {
    top: 50%;
  }

  .header--fixed .toggle-menu span, .header--fixed .toggle-menu span:after, .header--fixed .toggle-menu span:before {
    background: #535353;
  }

  .services__hidden-text {
    font-size: 14px;
  }

  .services__item--avaliable:after {
    font-size: 2.5vw;
  }

  .header .lang {
    display: none;
  }

  .header .lang--on {
    display: block;
  }

  .header .container {
    position: fixed;
    top: 0;
    left: -100vw;
    transition: left .3s ease;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, .8);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    padding-top: 70px;
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
  }

  .toggle-menu {
    position: relative;
    z-index: 1112;
  }

  .toggle-menu--on span, .toggle-menu--on span:after, .toggle-menu--on span:before {
    background: #131318 !important;
  }

  .header .container.container--on {
    left: 0;
  }

  .header .menu {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .menu__link {
    display: inline-flex;
    color: #0057FF;
    border: none;
    margin-bottom: 15px;
  }

  .menu .menu__link--blue {
    color: #fff;
    height: 39px;
  }

  .toggle-menu {
    display: block;
  }

  header .logo {
    margin-left: auto;
  }

  .header {
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px;
    align-items: flex-start;
    padding-top: 35px;
  }

  .header--fixed {
    padding-top: 15px;
    padding-bottom: 15px;
    align-items: center;
  }

  .btn {
    padding-left: 25px;
    padding-right: 25px;
  }

  .btn--blue--empty {
    height: 39px;
    border-radius: 20px
  }

  .about__el-title {
    font-size: 20px;
  }

  .about__el-text {
    font-size: 14px;
  }

  .about .container {
    padding-top: 150px;
  }

  .about {
    padding-bottom: 50px;
    overflow: hidden;
  }

  .header--fixed {
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, .8);
  }

  .header--on {
    background: none !important;
    -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
    padding-top: 25px !important;
    padding-bottom: 15px !important;
  }

  .header--on .ks-select__current {
    color: #1F2024;
  }

  .header--on .ks-select__current:after {
    background-image: url(/images/arr2.svg?e9ec69f178fa51a2a9870b5bf32858d7);
    transform: rotate(180deg);
    background-position: center left;
    margin-top: 0;
    top: 0;
  }

  .toggle-menu--on {
    position: absolute;
    top: 15px;
    left: 15px;
  }

  .header--on .lang {
    top: 15px !important;
    transform: none !important;
    right: 15px;
  }

  .header--on .lang .ks-select {
    padding-right: 0;
  }

  .header--on .lang .ks-select__current:after {
    margin-top: 0;
  }

  .page-inner .toggle-menu span, .page-inner .toggle-menu span:after, .page-inner .toggle-menu span:before {
    background: #535353;
  }

  .header__hh {
    display: block !important;
    text-align: right;
    color: #1F2024;
    font-size: 36px;
    font-weight: 700;
  }

  .page-inner header .logo {
    display: none;
  }

  .page-inner header {
    align-items: center;
    padding-top: 15px;
  }
}

@media only screen and (min-width: 1100px) {
  .tipping__hidden:before {
    content: '';
    top: 0;
    bottom: 0;
    width: 30px;
    left: -30px;
    position: absolute;
  }

  .tipping:hover .tipping__hidden {
    display: block;
  }

  .tipping:hover {
    z-index: 2;
  }
}

@media only screen and (max-width: 1100px) {
  .about, .about__bg {
    height: 70vw;
  }

  .tipping__hidden {
    padding: 15px;
    width: 200px;
    font-size: 12px;
  }

  .lk-table__th, .lk-table__td {
    font-size: 14px;
    padding: 10px;
  }

  .news__item-desc {
    padding: 20px;
  }

  .news__item-title {
    font-size: 22px;
  }

  .footer__col2 {
    width: 40%;
    min-width: 40%
  }

  .footer__col3 {
    width: 35%;
    min-width: 35%
  }

  .footer .logo img {
    width: 60px;
  }

  .footer .logo span {
    font-size: 22px;
    padding-left: 10px;
  }

  .footer__title {
    font-size: 18px;
    font-weight: bold;
  }

  .footer__menu-a {
    font-size: 14px;
  }

  .author {
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) {
  .btn--small, .btn--middle {
    font-size: 12px;
  }

  .about, .about__bg {
    height: 80vw;
  }

  .modal__note {
    font-size: 14px;
    width: 100%;
    max-width: 100%;
    position: static;
    margin: 0;
    border-radius: 0;
    background: none;
    border: none;
    box-shadow: none;
  }

  .modal--mod .close img {
    width: 30px;
  }

  .modal--mod .close {
    top: -40px;
  }

  .footer__col1 {
    width: 50%;
    min-width: 50%
  }

  .footer__col2 {
    width: 50%;
    min-width: 50%
  }

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

  .footer__col3 .btn {
    position: static;
  }

  .pluses__item-title {
    font-size: 20px;
  }

  .pluses__item-text {
    font-size: 14px;
  }

  .services__item--avaliable:after {
    left: 10px;
    right: 10px;
  }

  .pluses__item-icon img {
    max-height: 40px
  }

  .services__wrap {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
  }

  .pluses__item-icon {
    width: 40px;
    top: 0;
  }

  .pluses__item {
    padding-left: 50px;
  }
}

@media only screen and (max-width: 900px) {
  .ticket .tab {
    width: auto;
    font-size: 12px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    min-width: auto
  }

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

  .oplata-item {
    margin-left: 0;
  }

  .cabinet__col4, .cabinet__col5 {
    width: 100%;
  }

  .cabinet__col5 {
    order: -1;
    padding-bottom: 30px;
  }

  .cabinet__wrap--mod3 {
    margin-top: 0;
  }

  .cabinet__col2, .cabinet__col1 {
    width: 100%;
  }

  .cabinet__col2 .portmone--desktope {
    display: none;
  }

  .cabinet__col1 .portmone--mob {
    display: block !important;
  }

  .faq__line {
    font-size: 16px;
  }

  .news__item-title {
    line-height: 0.9;
    margin-bottom: 5px;
  }

  .news__item-date {
    font-size: 12px;
  }

  .news__item-text {
    font-size: 14px;
  }

  .system__el-text {
    line-height: 1;
    text-align: center;
  }
}

@media only screen and (max-width: 800px) {
  .skidki__el-count {
    margin-top: 1vw;
  }

  .skidki__el-nmb {
    height: 3.2vw;
    font-size: 2vw;
  }

  .lk-table__hh {
    border-radius: 10px 0 0 0
  }

  .lk-table__tr:last-child {
    border-radius: 0 0 0 10px
  }

  .list-nmb li {
    font-size: 16px;
  }

  .cabinet {
    padding-bottom: 40px;
  }

  .lk-table {
    margin-right: -15px;
    border-radius: 10px 0 0 10px;
    overflow-x: auto;
  }

  .lk-table__wrap {
    min-width: 800px;
  }

  .lk-table--mod {
    margin-right: 0;
    border-radius: 10px
  }

  .lk-table--mod .lk-table__wrap {
    min-width: auto
  }

  .lk-table--mod .lk-table__th, .lk-table--mod .lk-table__td {
    font-size: 12px;
    line-height: 1.1;
  }

  .cabinet__wrap {
    padding: 15px;
  }

  .lk {
    padding-top: 80px;
  }

  .page-inner .header--fixed {
    padding-top: 15px;
  }

  .page-inner {
    padding-top: 75px;
  }

  .page-inner header {
    padding-top: 20px;
  }

  .header__hh {
    font-size: 30px;
  }

  .footer__col1 {
    width: 40%;
    min-width: 40%
  }

  .footer__col2 {
    width: 60%;
    min-width: 60%
  }

  .author {
    text-align: center;
    padding-top: 15px;
  }

  .footer__col3 {
    margin-top: 15px;
  }

  .modal-body {
    padding: 20px;
  }

  .modal input::-webkit-input-placeholder, .modal textarea::-webkit-input-placeholder {
    font-size: 14px;
  }

  .modal input::-moz-placeholder, .modal textarea::-moz-placeholder {
    font-size: 14px;
  }

  .modal input:-ms-input-placeholder, .modal textarea:-ms-input-placeholder {
    font-size: 14px;
  }

  .modal .form__line input {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .about__btns {
    margin-bottom: 20px;
  }

  .about {
    height: auto;
  }

  .about__bg {
    top: auto;
    bottom: 0;
    margin-left: -800px;
    left: 50%;
    height: auto;
    max-height: none;
    transform: none;
  }

  .modal .balance__ps2 {
    margin-bottom: 30px;
  }

  #vyvod .modal-content, #stat .modal-content, #transfer .modal-content {
    padding-top: 0;
  }

  .modal--mod .modal-body {
    border-radius: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .form__line--arr:after {
    display: none;
  }

  .form__line--arr {
    padding-right: 0;
  }

  .modal--mod .close {
    top: 10px;
    right: 10px;
  }

  .form-ticket .btn {
    width: 200px !important;
    margin-bottom: 10px;
  }

  .referal .apikey__copy {
    width: 50px;
    height: 35px;
    min-width: 50px
  }

  .referal h3, .referal__text {
    text-align: left;
  }

  .referal .portmone {
    margin-bottom: 30px;
  }

  .col-lg-11.row {
    width: calc(100% + 30px);
  }

  .page-inner .header--fixed {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .modal__wrap {
    height: calc(100vh - 210px);
    font-size: 14px;
  }

  #modal-sogl .modal-body {
    padding: 20px;
  }

  .modal__thanks {
    border-radius: 0
  }

  .form__border:after {
    display: none;
  }

  .form__img-wrap {
    display: none;
  }

  .form__btn2 {
    margin-bottom: 20px;
  }

  .modal-dialog, #authorization1 .modal-dialog, #authorization2 .modal-dialog, #reset .modal-dialog, #modal-sogl .modal-dialog {
    margin: 0 !important;
    height: 100vh !important;
    min-height: 100vh;
    transform: none;
    display: block !important;
  }

  .modal-body {
    min-height: 100vh
  }

  #authorization1 .modal-dialog, #authorization2 .modal-dialog, #reset .modal-dialog, #modal-sogl .modal-dialog {
    max-width: 100%
  }

  .modal-body {
    border-radius: 0
  }

  .form__line-wrap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .form__row {
    margin-left: -15px;
    margin-right: -15px;
  }

  .form__politika {
    margin-top: 15px;
  }

  .footer__oplata-right {
    padding-left: 15px;
  }

  .system__img {
    display: none;
  }

  .about h1 {
    font-size: 28px;
  }

  .header--fixed {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .skidki p {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .skidki__block-i {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

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

  .skidki__block-text {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 700px) {
  .btn--blue, .btn--green, .btn--blue--empty {
    font-size: 14px;
  }

  .btn--middle, .btn--small {
    font-size: 12px;
  }

  .btn--blue, .btn--green, .btn--blue--empty {
    height: 36px;
    font-size: 12px;
  }

  .skidki__el-count {
    margin-top: 15px;
    font-size: 14px;
  }

  .skidki__el-price {
    font-size: 32px;
  }

  .skidki__el {
    width: 100%;
    height: 100%;
    background-position: center top;
    background-size: contain;
  }

  .skidki__el-cont {
    width: 250px;
    max-width: 250px;
    height: 210px;
    margin-left: auto;
    margin-right: auto;
  }

  .skidki__el-nmb {
    font-size: 16px;
    height: 30px;
  }

  .skidki__block-levels {
    padding-left: 10px;
    padding-right: 10px;
  }

  .skidki__row {
    display: block;
  }

  .skidki__el-arr1, .skidki__el-arr4, .skidki__el-arr2, .skidki__el-arr3 {
    display: none;
  }

  .skidki__el-arr5 {
    display: block !important;
    position: absolute;
    left: 50%;
    top: -77px;
    transform: translateX(-50%);
    width: 50px;
  }

  .skidki__el-arr6 {
    display: block !important;
    left: 50%;
    bottom: -46px;
    transform: translateX(-50%);
    width: 50px;
    position: absolute;
  }

  .skidki__el-cont {
    margin-bottom: 20px;
  }

  .skidki__ps {
    margin-top: -15px;
    font-size: 12px;
    line-height: 1.1;
  }

  .skidki__block-title {
    font-size: 22px;
  }

  .skidki__block-level {
    font-size: 14px;
  }

  .skidki__block-level span {
    font-size: 20px;
  }

  .skidki__block-level:first-child:not(:last-child):after {
    width: 10px;
    height: 15px;
    background-size: contain;
    top: 6px;
    right: 10px;
  }

  .skidki__block-levels {
    height: 40px;
  }

  .skidki__block-text {
    font-size: 14px;
  }

  .skidki__block-level:first-child:not(:last-child) {
    padding-right: 30px;
  }

  .modal__sorting span {
    font-size: 12px;
  }

  .modal__sorting input {
    height: 40px;
    padding-left: 5px;
    padding-right: 5px;
    width: 90px;
    min-width: 90px;
    font-size: 12px;
    margin-left: 10px;
    margin-right: 10px;
  }

  #stat .ks-select--mod .ks-select__block {
    top: 45px;
  }

  .modal__sorting .ks-select--mod2 .ks-select__item {
    height: 40px;
  }

  .modal__sorting .ks-select {
    margin-left: 10px;
  }

  .modal__sorting .ks-select--mod2 .ks-select__current {
    height: 40px;
    font-size: 12px;
  }

  .referal__itogo {
    padding-left: 15px;
    padding-right: 15px;
  }

  .ticket__access-ps {
    font-size: 12px;
  }

  .referal__itogo {
    flex-wrap: wrap;
  }

  .referal__itogo-summa {
    position: static;
    padding-top: 15px;
  }

  .sms-opened__ava {
    margin-right: 10px;
  }

  .sms-opened__name {
    font-size: 14px;
  }

  .sms-opened__text, .sms-opened__text p {
    font-size: 12px;
  }

  .sms-opened__date {
    font-size: 12px;
  }

  .breadcrumbs a:before {
    width: 20px;
    height: 10px;
    min-width: 20px;
    background-size: contain;
    margin-right: 10px;
  }

  .smss__user-name {
    font-size: 14px;
  }

  .breadcrumbs a {
    font-size: 12px;
  }

  .sms__tr {
    left: 70px;
  }

  .sms {
    padding: 10px;
  }

  .aside-menu {
    padding-left: 20vw;
    padding-right: 20vw;
  }

  .skidki__block-title {
    line-height: 1.2;
  }

  .author {
    font-size: 12px;
  }

  .footer__subtitle {
    text-align: center;
  }

  .footer__oplata {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: nowrap;
    transform: scale(.8);
    margin-top: -20px;
  }

  .footer__col2 {
    width: 100%;
  }

  .footer__oplata-left {
    width: 70%;
    min-width: 70%;
  }

  .footer__oplata-i {
    max-width: 100%
  }

  .footer__oplata-right {
    width: 30%;
    min-width: 30%;
    padding-left: 0;
  }

  .footer__col1 {
    width: 100%;
  }

  .footer__menu-a {
    font-size: 12px;
    margin-bottom: 7px;
  }

  .footer__title:after {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }

  .footer__menu {
    text-align: center;
    margin-bottom: 15px;
  }

  .footer .logo {
    justify-content: center;
    margin-bottom: 15px;
  }

  .footer__title {
    text-align: center;
  }

  .faq__line {
    border-radius: 10px;
    min-height: 50px;
    margin-bottom: 5px;
    padding-left: 15px;
    padding-right: 35px;
  }

  .faq__hidden {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    border-radius: 0 0 10px 10px;
    margin-bottom: 5px;
  }

  .faq__line:after {
    width: 14px;
    height: 14px;
    background-size: contain;
    margin-top: -7px;
    right: 15px;
  }

  .news__item {
    border-radius: 15px;
    min-height: 230px;
  }

  .news__item-desc {
    padding: 15px;
  }

  .news__item-img {
    width: 130px;
    min-width: 130px
  }

  .news__item-desc {
    padding-bottom: 30px;
  }

  .skidki__block {
    border-radius: 15px
  }

  .pluses__item-title {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .pluses__item {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .services__item-title {
    margin-bottom: 8px;
  }

  .services__item-count {
    font-size: 12px;
  }

  .services__wrap {
    flex-wrap: wrap;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }

  .services__hidden:before {
    display: none;
  }

  .services__item-prices {
    padding: 5px 10px;
    margin-bottom: 15px;
  }

  .services__item-detail {
    margin-bottom: 9px;
  }

  .services__item--avaliable:not(.services__item--avaliable--mod1) {
    display: none;
  }

  .services__item {
    margin-left: auto;
    margin-right: auto;
  }

  .service__item-wrap {
    width: 100%;
    min-width: 100%
  }

  .services__hidden {
    position: relative;
    transform: none;
    max-width: 250px;
    left: 0;
    right: 0;
    top: 0;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    margin-top: -15px;
    padding: 10px;
    text-align: center;
    padding-bottom: 15px;
  }

  .services__item {
    min-height: auto
  }

  .services__wrap {
    border-radius: 15px;
  }

  .services__item--avaliable:after {
    font-size: 18px;
  }

  .services__hidden-text {
    font-size: 12px;
  }

  .services__link {
    height: 30px;
    font-size: 12px;
    width: 90px;
  }

  .services__item--avaliable:after {
    height: 50%;
  }

  .services__hidden {
    height: 50%;
  }

  .about__bg {
    display: none;
  }

  .about {
    background-image: url(/images/bg_mob.svg?d150615f9de29d0b1203916ccc25918f);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover;
    padding-bottom: 90px;
  }

  .about__top {
    margin-bottom: 30px;
  }

  .services__item--avaliable--mod1 {
    width: 100%;
    max-width: 250px;
  }

  .h1 {
    font-size: 20px;
  }

  .services:before {
    content: '';
    position: absolute;
    width: 576px;
    height: 1330px;
    background-size: contain;
    background-image: url(/images/mob1.svg?eaad0950be92302f91ffbb330c4b3900);
    background-repeat: no-repeat;
    right: 0;
    top: -200px
  }

  .services .container {
    position: relative;
  }

  .sms__ava {
    width: 50px;
    min-width: 50px;
    height: 50px;
  }

  .footer__col3 {
    margin-top: -10px;
  }

  .sms__date {
    font-size: 12px;
    padding-top: 0;
  }

  .sms__text {
    font-size: 12px;
  }

  .sms__name {
    font-size: 14px;
  }

  .sms__tr {
    left: 80px;
    right: 10px;
    bottom: 7px;
  }

  .sms__ava {
    margin-right: 10px;
  }

  .sms {
    border-radius: 10px
  }
}

@media only screen and (max-width: 575px) {
  .modal__diagramm {
    padding: 0;
  }

  .modal__diagramm text {
    font-size: 10px;
  }

  .modal__sorting .ks-select, .modal__sorting input {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .modal__sorting input {
    width: 80px;
    min-width: 80px
  }

  .modal__sorting {
    flex-wrap: wrap;
  }

  .comment__name {
    font-size: 14px;
  }

  .comment__role {
    font-size: 10px;
  }

  .comment__date, .comment__text, .comment__rating-span {
    font-size: 12px;
  }

  .lk-table__link, .lk-table__text--on .lk-table__link:after {
    font-size: 10px;
    padding-left: 10px;
  }

  .h1__count {
    font-size: 12px;
  }

  .pag__res {
    font-size: 12px;
  }

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

  .modal__wrap {
    border-radius: 0;
    margin-left: -20px;
    margin-right: -20px;
  }

  .modal__thanks p {
    font-size: 18px;
    padding-top: 35px;
  }

  .modal__thanks img {
    width: 100px;
  }

  .modal .close {
    top: 10px;
    right: 10px;
  }

  .modal .close img {
    width: 16px;
  }

  .modal--mod .close img {
    width: 30px;
  }

  .pluses {
    padding-bottom: 0 !important;
  }

  .pluses__item-icon {
    width: 30px;
  }

  .pluses__item-text {
    font-size: 12px;
  }

  .pluses__item-icon img {
    max-height: 30px;
  }

  .pluses__item {
    padding-left: 40px;
  }

  .h1 {
    text-align: center;
  }

  .padded {
    padding-bottom: 20px;
  }

  .ks-select__block {
    border-radius: 10px
  }

  .about__top img {
    display: none;
  }

  .about h1 {
    text-align: center;
  }

  .about__btns {
    justify-content: center;
  }

  .about__el-title {
    font-size: 16px;
  }

  .about__el {
    min-height: auto;
    border-radius: 10px;
  }

  .about__el-icon img {
    max-width: 100%
  }

  .about__el-icon {
    width: 50px;
    padding: 10px 13px;
  }

  .about__el {
    padding-left: 50px;
  }

  .about__el-text {
    font-size: 12px;
  }
}

@media only screen and (max-width: 500px) {
  .ticket .tab {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 10px;
    flex-grow: 1;
  }

  .tipping__hidden {
    transform: none;
  }

  .comment__rating-span {
    line-height: 1.1;
  }

  .comment {
    padding: 10px;
    padding-top: 35px;
    position: relative;
  }

  .comment__role {
    position: absolute;
    left: 0;
    top: 10px;
  }

  .comment__ava {
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin-right: 10px;
  }

  .comment__role {
    height: 20px;
    border-width: 1px
  }

  .form__line--noicon textarea {
    font-size: 14px;
  }

  .ticket__id, .ticket__access {
    font-size: 14px;
  }

  .referal__all-p {
    font-size: 14px;
  }

  .referal__all {
    width: 100%;
    text-align: left;
  }

  .smss__user-ava {
    width: 50px;
    min-width: 50px;
    height: 50px;
  }

  .smss__user-name {
    padding-right: 10px;
  }

  .smss__wrap {
    padding-bottom: 60px;
  }

  .smss__button {
    width: 45px;
    min-width: 45px;
    height: 30px;
    background-size: 40%;
  }

  .smss__enter input {
    height: 46px;
    padding-right: 55px;
    width: 100%;
    font-size: 14px;
  }

  .smss__enter {
    height: 46px;
  }

  .sms-opened {
    border-radius: 10px;
    padding: 10px;
  }

  .sms-opened__ava {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }

  .breadcrumbs:not(.breadcrumbs--mod) a {
    font-size: 0;
  }

  .breadcrumbs--mod {
    margin-bottom: 15px;
  }

  .form__line .ks-select {
    height: 46px;
  }

  .form__line .ks-select--mod .ks-select__current {
    font-size: 14px;
    line-height: 1.1;
  }

  .checkbx-wrap .checkbx {
    margin-top: -12px;
  }

  .checkbx-wrap .checkbx__title {
    font-size: 14px;
  }

  .profile__ava label {
    width: 90px;
    min-width: 90px;
    height: 90px;
  }

  .profile__ava-note {
    padding-left: 10px;
    font-size: 10px;
  }

  .profile__trigger {
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 15px;
  }

  .pag__link, .pag__del, .pag__next, .pag__prev {
    width: 28px;
    min-width: 28px;
    height: 28px;
    font-size: 14px;
  }

  .h1--counting {
    flex-wrap: wrap
  }

  .h1__count {
    width: 100%;
    padding-left: 0;
  }

  .pag__res {
    flex-wrap: wrap;
    padding-top: 10px;
  }

  .lk-table__th, .lk-table__td {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .lk-table--mod {
    margin-right: -15px;
    border-radius: 10px 0 0 10px;
    overflow-x: auto;
  }

  .lk-table--mod .lk-table__wrap {
    min-width: 500px;
  }

  .balance__ps-span {
    font-size: 14px;
  }

  .oplata-item__bonus {
    top: -14px;
  }

  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-size: 14px !important;
  }

  input::-moz-placeholder, textarea::-moz-placeholder {
    font-size: 14px !important;
  }

  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-size: 14px !important;
  }

  .lk .form__line input {
    height: 46px;
    border-radius: 10px;
    font-size: 14px;
  }

  .balance__summs input {
    height: 46px;
    border-radius: 10px;
    font-size: 14px;
    padding-left: 35px;
  }

  .balance__summs-del {
    top: 10px;
  }

  .balance__summs .form__icon {
    width: 10px;
    left: 20px;
    transform: translate(-50%, -50%);
  }

  .oplata-item__logo {
    max-width: 25%
  }

  .cabinet__col5 {
    min-width: 100%
  }

  .oplata-item__name {
    font-size: 12px;
  }

  .oplata-item {
    height: 50px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .oplata-item__bonus {
    font-size: 12px;
  }

  .aside-menu__li {
    border-radius: 0
  }

  .aside-menu {
    padding-left: 0;
    padding-right: 0;
  }

  .cabinet-booklet__price {
    font-size: 24px;
  }

  .cabinet-booklet__ps {
    font-size: 12px;
  }

  .cabinet-booklet__el {
    width: 40%;
    min-width: 40%;
    height: 80px;
    border-radius: 10px
  }

  .cabinet-booklet__arr1 {
    margin-left: -15px;
    top: 40px;
  }

  .cabinet-booklet__level {
    font-size: 18px;
    top: -28px;
  }

  .cabinet-booklet__arr2 {
    left: 50%;
    margin-left: -29%;
  }

  .cabinet-booklet__arr3 {
    right: 50%;
    margin-right: -29%;
  }

  .cabinet-booklet__arr2, .cabinet-booklet__arr3 {
    top: 105px;
  }

  .cabinet-booklet__arr1, .cabinet-booklet__arr2, .cabinet-booklet__arr3 {
    width: 30px;
  }

  .captcha-res__block {
    margin-right: 2px;
    margin-left: 2px;
  }

  .captcha-res__block {
    padding: 5px;
  }

  .captcha-res__block-h {
    font-size: 10px;
  }

  .captcha-res__block-count {
    font-size: 12px;
  }

  .lk-levels__block .circle {
    transform: scale(.8) rotate(90deg);
    right: -15px;
    position: relative;
  }

  .lk-levels-arr {
    bottom: -38px;
  }

  .lk-levels__block {
    height: 90px;
    padding-left: 10px;
    margin-bottom: 50px;
  }

  .lk-levels__bg {
    height: 100%;
  }

  .lk-levels__block-title, .lk-levels__block-count {
    font-size: 16px;
  }

  .lk-levels__block-p {
    font-size: 12px;
  }

  #countdown span {
    font-size: 20px;
  }

  .lk-levels__p {
    font-size: 14px;
  }

  .apikey input {
    height: 45px;
  }

  .portmone img:not(.tipping__icon) {
    display: none;
  }

  .portmone img {
    width: 15px;
  }

  .portmone {
    font-size: 10px;
  }

  .portmone__money {
    width: 35px;
    min-width: 35px;
    height: 25px;
    background-size: 60%;
  }

  .cabinet .h1 {
    font-size: 20px;
    margin-bottom: 15px !important;
  }

  .aside .cabinet__wrap {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .aside__trigger {
    margin-bottom: 10px;
  }

  .aside__trigger {
    max-width: 100%
  }

  .lk {
    padding-top: 60px;
  }

  .page-inner {
    padding-top: 65px;
  }

  .header__hh {
    font-size: 20px;
  }

  .form button, .form .btn {
    height: 44px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 10px;
    font-size: 14px;
  }

  .form__politika-text, .form__politika-link {
    font-size: 12px;
  }

  .modal__title {
    font-size: 22px;
  }

  .form button, .form .btn {
    margin-top: 5px;
  }

  .modal .form__line input {
    height: 46px;
    padding-left: 40px;
  }

  .modal .form__line--noicon input {
    padding-left: 15px;
  }

  .modal .form__line-pass input {
    padding-right: 40px;
  }

  .form__icon {
    top: 34px;
    left: 20px;
  }

  .form__icon {
    max-width: 20px;
  }

  .form__pass-toggle {
    width: 20px;
    height: 20px;
  }

  .form__pass-toggle {
    bottom: 13px;
  }

  .news__item-title {
    line-height: 1;
  }

  .news__item-img {
    width: 29%;
    min-width: 29%
  }

  .system__els {
    display: block;
  }

  .h1 img {
    width: 25px;
    margin-right: 5px !important;
  }

  .system h3 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 15px;
  }

  .system__el {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .system__arr {
    transform: rotate(90deg);
    width: 28px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .system__el-img {
    height: auto;
  }

  .system__el-wrap {
    height: auto;
    border-radius: 10px;
    padding: 10px;
  }

  .system__els {
    margin-bottom: 15px;
  }

  .system__ps {
    padding-top: 0;
    font-size: 12px;
    text-align: center;
  }

  .system__info {
    padding-left: 0;
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
  }

  .system__info:before {
    position: static;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7px;
    width: 30px;
    height: 30px;
  }
}

@media only screen and (max-width: 450px) {
  .balance__ps2 {
    font-size: 12px;
  }

  .balance__ps {
    font-size: 12px;
    line-height: 1.1;
  }

  .balance__summs-del {
    top: 41px;
  }

  .footer__oplata {
    position: relative;
    left: 50%;
    transform: translateX(-50%) scale(.77);
  }

  .services:before {
    right: -80px;
  }

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

  .about__btns .btn:last-child {
    margin-left: 0;
    margin-top: 15px;
  }

  .about h1 {
    font-size: 24px;
  }

  .about .container {
    padding-top: 120px;
  }

  .page-inner .news--mod .news__item {
    display: block;
  }

  .page-inner .news__item-img {
    width: 100%;
    height: 100px;
  }

  .page-inner .news__item-desc {
    width: 100%;
    min-height: 200px
  }

  .pag {
    margin-top: 10px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 400px) {
  .comment__rating-span {
    padding-bottom: 5px;
  }

  .comment__rating {
    display: block;
  }

  .sms__tr {
    left: 60px;
    bottom: 5px;
  }

  .sms__ava {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }

  .cabinet-booklet__arr2 {
    margin-left: -36%;
  }

  .cabinet-booklet__arr3 {
    margin-right: -36%;
  }
}