@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translate(0, 0);
  }

  100% {
    -webkit-transform: translate(-100%, 0);
  }
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-100%, 0);
  }
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0 auto;
  padding: 0px;
  -webkit-outline: none;
  outline: none;
  position: relative;
  min-width: 320px;
  max-height: 1000000px;
  min-height: 100vh;
  text-decoration-skip: objects;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

:focus,
:active,
:hover,
:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-focus-ring-color: rgba(0, 0, 0, 0) !important;
  -webkit-outline: none;
  outline: none;
}

ul,
ol {
  list-style-position: inside;
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

li {
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

iframe {
  display: block;
  border: none;
}

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

textarea {
  white-space: pre-wrap;
  resize: none;
}

button,
select {
  display: block;
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  font-family: inherit;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-transform: none;
}

button {
  width: auto;
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border: none;
  padding: 0;
}

[type=search],
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  -webkit-outline: none;
  outline: none;
}

[type=search]::-webkit-search-decoration,
::-webkit-file-upload-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

[hidden],
::-ms-clear,
area {
  display: none;
}

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

legend {
  display: block;
  padding: 0;
}

menu,
dir {
  list-style: none;
  margin: 0;
  padding: 0;
}

::-webkit-input-placeholder {
  color: inherit;
}

:-ms-input-placeholder {
  color: inherit;
}

::-moz-input-placeholder {
  color: inherit;
}

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

:-moz-placeholder {
  color: inherit;
}

a {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  -webkit-outline: none;
  outline: none;
}

[type=date]::-webkit-inner-spin-button {
  display: none;
}

[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

/* sass --watch scss/style.scss:css/style.css */
body {
  width: 100%;
  background-color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  line-height: 25px;
  color: #787c8e;
  letter-spacing: 0em;
  overflow-x: hidden;
}

body.activeMobMenu {
  overflow: hidden;
}

b,
strong {
  color: inherit;
  color: #080f4d;
  font-weight: 600;
}

::selection {
  color: #fff;
  background-color: #000000;
  -webkit-text-fill-color: #fff;
}

.container {
  margin: 0 auto;
  width: 1200px;
  padding: 0 15px;
}

.pageWrapper {
  overflow: hidden;
  min-height: 100vh;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.pageWrapper a {
  -webkit-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, text-decoration-color 0.3s, border-color 0.3s, background-color 0.3s;
  -moz-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, text-decoration-color 0.3s, border-color 0.3s, background-color 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, text-decoration-color 0.3s, border-color 0.3s, background-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, text-decoration-color 0.3s, border-color 0.3s, background-color 0.3s;
}

[class*=btnMain] {
  display: table;
  position: relative;
  max-width: 100%;
  height: 59px;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  line-height: 25px;
  color: #fff;
  font-weight: 600;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
  white-space: nowrap;
  cursor: pointer;
  background-color: #091149;
  border: 2px solid #091149;
  text-align: center;
  padding: 14px 18px 16px;
  min-width: 206px;
  -webkit-box-shadow: 0 0 0px transparent;
  -moz-box-shadow: 0 0 0px transparent;
  box-shadow: 0 0 0px transparent;
  -webkit-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  -moz-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
}

[class*=btnMain] .icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  line-height: 22px;
  color: inherit;
  font-weight: normal;
  margin-right: 6px;
}

[class*=btnMain].btnColorAccent {
  background-color: #ff4c37;
  border-color: #ff4c37;
  min-width: 216px;
}

[class*=btnMain].btnColorAccent:hover {
  background-color: #091149;
  color: #fff;
  border-color: #091149;
}

[class*=btnMain].btnColorLight {
  background-color: #fff;
  color: #091149;
  border-color: #fff;
}

[class*=btnMain].btnColorLight:hover {
  background-color: #ff4c37;
  border-color: #ff4c37;
  color: #fff;
}

[class*=btnMain].btnColorLightFull {
  background-color: transparent;
  color: #fff;
  border-color: #fff;
}

[class*=btnMain].btnColorLightFull:hover {
  background-color: #ff4c37;
  border-color: #ff4c37;
  color: #fff;
}

[class*=btnMain].btnColorTheme {
  background-color: #1c34d9;
  color: #fff;
  border-color: #1c34d9;
  min-width: 196px;
}

[class*=btnMain].btnColorTheme:hover {
  background-color: #ff4c37;
  border-color: #ff4c37;
  color: #fff;
}

[class*=btnMain].btnBorder {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  background-color: transparent;
  border-color: #d6dff0;
  color: #091149;
}

[class*=btnMain].btnBorder:hover {
  background-color: #ff4c37;
  color: #fff;
  border-color: #ff4c37;
}

[class*=btnMain].imageBtn {
  background-color: transparent;
  padding: 0;
  min-width: 0;
  border: 0;
  height: auto;
  overflow: hidden;
}

.inputWrapper {
  position: relative;
}

.inputWrapper input,
.inputWrapper textarea {
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-width: 100%;
  width: 100%;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  background-color: #fff;
  border: 0;
  font-family: "Montserrat", sans-serif;
  padding: 19px 26px 21px;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  font-size: 15px;
  line-height: 30px;
  color: #080f4d;
  font-weight: normal;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.inputWrapper input {
  height: 59px;
}

.formItem .inputLabel {
  display: block;
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 25px;
}

.formItem .inputLabel .note {
  color: #ff4c37;
}

.formColumn .formItem+.formItem {
  margin-top: 14px;
}

::-webkit-input-placeholder {
  color: #708384;
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

::-moz-placeholder {
  color: #708384;
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

:-moz-placeholder {
  color: #708384;
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

:-ms-input-placeholder {
  color: #708384;
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

:focus::-webkit-input-placeholder {
  opacity: 0;
}

:focus::-moz-placeholder {
  opacity: 0;
}

:focus:-moz-placeholder {
  opacity: 0;
}

:focus:-ms-input-placeholder {
  opacity: 0;
}

:disabled::-webkit-input-placeholder {
  opacity: 0.5;
}

:disabled::-moz-placeholder {
  opacity: 0.5;
}

:disabled:-moz-placeholder {
  opacity: 0.5;
}

:disabled:-ms-input-placeholder {
  opacity: 0.5;
}

.logoLink {
  display: block;
  width: 136px;
  font-size: 34px;
  line-height: 40px;
  color: #080f4d;
  font-weight: bold;
  padding-bottom: 4px;
  -webkit-transition: filter 0.3s;
  -moz-transition: filter 0.3s;
  -o-transition: filter 0.3s;
  transition: filter 0.3s;
}

.logoLink:hover {
  -webkit-filter: blur(1px);
  filter: blur(1px);
}

.siteInfoBlock {
  position: relative;
  padding-left: 52px;
}

.siteInfoBlock .iconImage {
  width: 40px;
  height: 40px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}

.siteInfoBlock .iconImage img {
  max-height: 100%;
}

.siteInfoBlock a {
  display: block;
  float: left;
  font-size: 13px;
  line-height: 20px;
  color: #ff614f;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

.siteInfoBlock a:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 1px;
  background-color: #ff614f;
  left: 0;
  bottom: 0;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}

.siteInfoBlock a:hover:after {
  width: 90%;
}

.infoCaption {
  display: block;
  font-size: 13px;
  line-height: 20px;
  color: #080f4d;
}

.siteBurger {
  display: none;
  width: 52px;
  cursor: pointer;
  height: 23px;
  position: relative;
  z-index: 5;
  cursor: pointer;
}

.siteBurger .line {
  background-color: #fff;
  height: 3px;
  position: relative;
  width: 51px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.siteBurger .line:nth-child(2) {
  opacity: 1;
}

.siteBurger .line+.line {
  margin-top: 8px;
}

.siteBurger.open .line:first-child {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: 10px;
}

.siteBurger.open .line:nth-child(2) {
  opacity: 0;
}

.siteBurger.open .line:nth-child(3) {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: -14px;
}

.langMenuList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.langMenuList li {
  margin-right: 9px;
}

.langMenuList a {
  display: block;
  -webkit-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  -moz-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
}

.langMenuList a:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.67;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.langMenuList a .flag {
  display: block;
  width: 34px;
  height: 34px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.langMenuList a:hover:after {
  opacity: 0;
}

.langMenuList a.active {
  pointer-events: none;
}

.langMenuList a.active:after {
  opacity: 0;
}

.sectionTitle {
  display: block;
  font-size: 40px;
  line-height: 40px;
  color: #080f4d;
  font-weight: bold;
  margin-bottom: 42px;
}

.sectionTitle .accent {
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: #ff4c37;
  font-weight: inherit;
  margin-top: 5px;
}

.sectionTitle.light {
  color: #fff;
}

.pageContent {
  padding-top: 102px;
  position: relative;
}

.pageContent>*:last-child {
  position: relative;
  z-index: 1;
}

.textWrapper {
  letter-spacing: 0.025em;
}

.textWrapper p+p {
  margin-top: 25px;
}

.siteLink {
  display: table;
  text-decoration: underline;
  color: #1c34d9;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.siteLink:hover {
  text-decoration-color: transparent;
}

p a {
  text-decoration: underline;
  color: #1c34d9;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

p a:hover {
  text-decoration-color: transparent;
}

.sectionInner.sectionColumns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sectionInner.sectionColumns .textColumn,
.sectionInner.sectionColumns .visualColumn {
  width: calc(50% - 22px);
}

.sectionInner.sectionColumns .wideColumn {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.infoCarousel {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 -20px;
}

.infoCarousel .slick-list {
  width: 100%;
  overflow: visible;
}

.infoCarousel .carouselItem {
  padding: 0 20px;
  width: 25%;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
}

.infoCarousel .carouselItem.slick-active {
  opacity: 1;
  pointer-events: initial;
}

.infoCarousel .slick-arrow {
  display: block;
  position: absolute;
  z-index: 1;
  font-size: 40px;
  line-height: 40px;
  color: #080f4d;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.3s, color 0.3s;
  -moz-transition: opacity 0.3s, color 0.3s;
  -o-transition: opacity 0.3s, color 0.3s;
  transition: opacity 0.3s, color 0.3s;
}

.infoCarousel .slick-arrow .icon {
  display: block;
}

.infoCarousel .slick-arrow.slick-prev {
  left: -8px;
}

.infoCarousel .slick-arrow.slick-next {
  right: -8px;
}

.infoCarousel .slick-arrow.slick-disabled {
  opacity: 0.33;
}

.infoCarousel .slick-arrow:not(.slick-disabled):hover {
  color: #ff4c37;
}

.accentSection .infoCarousel .slick-arrow {
  color: #fff;
}

.accentSection b {
  color: inherit;
}

.middleSection {
  position: relative;
}

.middleSection:before {
  content: "";
  display: block;
  position: absolute;
  width: 1920px;
  height: 1395px;
  background-image: url(../img/back-middle-light.png);
  background-size: auto;
  background-position: center top;
  background-repeat: no-repeat;
  left: 50%;
  margin-left: -960px;
  top: 50%;
  margin-top: -783px;
  z-index: -2;
}

.sumPostfix {
  text-transform: uppercase;
  font-size: 0.5em;
  font-weight: 600;
  line-height: 2;
}

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

.titleContainer.center .textWrapper {
  max-width: 990px;
  margin: 0 auto;
}

.accentSection {
  color: #fff;
  position: relative;
}

.accentSection:before {
  content: "";
  display: block;
  position: absolute;
  width: 1920px;
  height: calc(100% + 216px);
  background-image: url(../img/back-accent-section.png);
  background-size: auto;
  background-position: center top;
  background-repeat: no-repeat;
  top: -216px;
  left: 50%;
  margin-left: -960px;
  z-index: -1;
  height: calc(100% + 216px + 220px);
}

.accentSection:after {
  content: "";
  display: block;
  position: absolute;
  width: 1920px;
  height: 818px;
  background-image: url(../img/back-accent-section-after.png);
  background-size: auto;
  background-position: center top;
  background-repeat: no-repeat;
  top: 100%;
  margin-top: 62px;
  left: 50%;
  margin-left: -960px;
  z-index: -1;
}

.dataCaption {
  display: block;
  font-size: 15px;
  line-height: 30px;
  color: #080f4d;
  font-weight: 600;
}

.spiralImage {
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.spiralImage path {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: none;
  stroke: #FF4C37;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.spiralImage.spiralHead {
  z-index: 1;
  top: 110px;
  left: 50%;
  margin-left: -850px;
}

.spiralImage.active {
  opacity: 1;
}

.dataNum {
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: #080f4d;
  font-weight: bold;
}

.siteCard {
  background-color: #fff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
}

.progressLine {
  background-color: #eaf2ff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  height: 7px;
  position: relative;
}

.progressLine .progressInner {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -ms-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -ms-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.progressWrapper {
  position: relative;
}

.progressWrapper .progressInfo {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 9px;
}

.progressWrapper .progressInfo .pre {
  display: block;
  font-size: 13px;
  line-height: 20px;
  color: #787c8e;
}

.progressWrapper .progressInfo .percent {
  display: block;
  position: absolute;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.025em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  width: 49px;
  text-align: center;
  padding: 6px 0;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -11px;
  top: -8px;
  z-index: 1;
}

.progressWrapper .progressInfo .percent .tr {
  display: block;
  position: absolute;
  border-width: 6px;
  border-style: solid;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  top: 100%;
  left: 50%;
  margin-left: -6px;
}

.btnContainer {
  display: table;
}

.btnContainer.btnAnim {
  position: relative;
}

.btnContainer.btnAnim .spiralImage {
  bottom: 100%;
  left: 38px;
  margin-bottom: -14px;
  z-index: -1;
}

.paginationWrapper {
  margin-top: 78px;
}

.paginationWrapper ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 -8px;
}

.paginationWrapper ul li {
  padding: 0 8px;
}

.paginationWrapper ul li.pag-prev {
  margin-right: auto;
}

.paginationWrapper ul li.pag-prev a {
  background-color: transparent;
}

.paginationWrapper ul li.pag-next {
  margin-left: auto;
}

.paginationWrapper ul li.pag-next a {
  background-color: transparent;
}

.paginationWrapper ul a {
  display: block;
  font-size: 15px;
  line-height: 42px;
  color: #080f4d;
  font-weight: 600;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  background-color: #ebf2ff;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}

.paginationWrapper ul a .icon {
  display: block;
  font-size: 40px;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.paginationWrapper ul a.active {
  color: #fff;
  background-color: #ff4c37;
}

.paginationWrapper ul a:hover {
  color: #fff;
  background-color: #ff4c37;
}

.paginationWrapper ul a:hover .icon {
  color: #ff4c37;
}

.messageCopy {
  color: #fff;
  background-color: #000;
  padding: 0 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 10px;
  text-align: center;
  position: absolute;
  top: calc(100% - 14px);
  pointer-events: none;
  display: none;
}

.messageCopy.open {
  opacity: 1;
}

@media (max-width: 1899px) {
  .spiralImage.spiralHead {
    top: 190px;
    margin-left: -697px;
  }
}

@media (max-width: 1399px) {
  .spiralImage.spiralHead {
    top: 168px;
    margin-left: -350px;
  }

  .infoCarousel .slick-arrow.slick-prev {
    left: 12px;
  }

  .infoCarousel .slick-arrow.slick-next {
    right: 12px;
  }
}

@media (max-width: 1199px) {
  .container {
    width: 100%;
    max-width: 1024px;
  }

  .spiralImage.spiralHead {
    top: 168px;
    margin-left: -264px;
  }

  .infoCarousel {
    margin: 0 -12px;
  }

  .infoCarousel .slick-arrow.slick-prev {
    left: 3px;
  }

  .infoCarousel .slick-arrow.slick-next {
    right: 3px;
  }

  .infoCarousel .carouselItem {
    padding: 0 12px;
  }

  .titleContainer.center .textWrapper {
    max-width: 940px;
  }

  .accentSection:before {
    margin-left: -878px;
  }

  .accentSection:after {
    margin-left: -871px;
  }
}

@media (max-width: 991px) {
  body {
    font-size: 13px;
    line-height: 20px;
  }

  .container {
    width: 640px;
  }

  .siteBurger {
    display: block;
  }

  .spiralImage.spiralHead {
    display: none;
  }

  .sectionInner.sectionColumns {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .sectionInner.sectionColumns .textColumn,
  .sectionInner.sectionColumns .visualColumn {
    width: 100%;
  }

  .sectionInner.sectionColumns .wideColumn {
    display: block;
  }

  .pageContent {
    padding-top: 30px;
  }

  .sectionTitle {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 12px;
  }

  .sectionTitle .accent {
    font-size: 25px;
    line-height: 30px;
    margin-top: 0;
  }

  .infoCarousel {
    margin: 0 auto;
    max-width: 592px;
  }

  .infoCarousel .slick-arrow.slick-prev {
    left: -18px;
  }

  .infoCarousel .slick-arrow.slick-next {
    right: -18px;
  }

  .accentSection:before {
    margin-left: -644px;
    top: -160px;
    left: 0;
  }

  .accentSection:after {
    margin-left: -1113px;
    margin-top: 50px;
  }

  .textWrapper p+p {
    margin-top: 20px;
  }

  .btnContainer.btnAnim .spiralImage {
    left: 52px;
    margin-bottom: -23px;
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
  }

  .middleSection:before {
    margin-left: -1355px;
    top: -102px;
    margin-top: 0;
  }
}

@media (max-width: 639px) {
  .container {
    width: 100%;
    max-width: 480px;
    padding: 0 10px;
  }

  .infoCarousel {
    max-width: 322px;
  }

  .infoCarousel .carouselItem {
    padding: 0 8px;
  }

  .accentSection:after {
    margin-left: -790px;
    margin-top: 20px;
    left: 0;
  }

  .accentSection:before {
    margin-left: -802px;
  }

  .middleSection:before {
    margin-left: -780px;
    top: -405px;
    left: 0;
  }

  .btnContainer .btnAnim .spiralImage {
    left: 40px;
  }
}

@media (max-width: 479px) {
  .infoCarousel {
    max-width: 262px;
  }
}

.inputWrapper .selectric {
  border: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  background-color: #fff;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
}

.inputWrapper .selectric .label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  line-height: 30px;
  color: #080f4d;
  font-weight: normal;
  margin: 0;
  padding: 0 53px 0 26px;
  height: 59px;
  position: relative;
}

.inputWrapper .selectric .labelText {
  padding-right: 4px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inputWrapper .selectric .icon {
  display: block;
  position: absolute;
  text-align: center;
  height: 100%;
  right: 0;
  top: 0;
  width: 53px;
  font-size: 10px;
  line-height: 59px;
  color: #080f4d;
  font-weight: normal;
  letter-spacing: 0em;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}

.inputWrapper .selectric .payIcon {
  display: block;
  width: 36px;
  height: 36px;
  min-width: 36px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: -16px;
  margin-right: 12px;
}

.inputWrapper .selectric .shortName {
  font-weight: bold;
}

.inputWrapper .selectric-items {
  background: #fff;
  border: none;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  overflow: hidden;
  width: auto !important;
  min-width: 100%;
}

.inputWrapper .selectric-items li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 12px 26px 9px;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  line-height: 30px;
  color: #080f4d;
  font-weight: normal;
  -webkit-transition: background-color 0.3s, color 0.3s;
  -moz-transition: background-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  position: relative;
}

.inputWrapper .selectric-items li .payIcon {
  display: block;
  width: 36px;
  height: 36px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: -20px;
  margin-right: 12px;
}

.inputWrapper .selectric-items li .shortName {
  font-weight: bold;
}

.inputWrapper .selectric-items li .labelText {
  padding-right: 4px;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.inputWrapper .selectric-items li.selected {
  background-color: #223ce8;
  color: #fff;
}

.inputWrapper .selectric-items li:hover {
  background-color: #080f4d;
  color: #fff;
}

.inputWrapper .selectric-items li.highlighted {
  background-color: #223ce8;
  color: #fff;
}

.inputWrapper .selectric-above .selectric-items {
  margin-bottom: 1px;
}

.inputWrapper .selectric-below .selectric-items {
  margin-top: 1px;
}

.inputWrapper .selectric-hover .selectric,
.inputWrapper .selectric-open .selectric,
.inputWrapper .selectric-focus .selectric {
  border-color: transparent;
}

.inputWrapper .selectric-open .selectric .icon {
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

.irs--flat .irs-line {
  top: 56px;
  height: 6px;
  background-color: #223ce8;
  border-radius: 3px;
}

.irs--flat .irs-bar {
  top: 56px;
  height: 6px;
  background-color: #ff4c37;
}

.irs--flat .irs-bar--single {
  border-radius: 3px 0 0 3px;
}

.irs--flat .irs-handle {
  top: 42px;
  width: 34px;
  height: 34px;
  background-color: #f2f6ff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}

.irs--flat .irs-handle>i:first-child {
  position: static;
  background-color: transparent;
  font-style: normal;
}

.irs--flat .irs-handle>i:first-child:before,
.irs--flat .irs-handle>i:first-child:after {
  display: block;
  position: absolute;
  font-family: icomoon;
  font-size: 8px;
  line-height: 8px;
  color: inherit;
  top: 50%;
  margin-top: -4px;
  width: 50%;
}

.irs--flat .irs-handle>i:first-child:before {
  content: "\e915";
  left: 0;
  color: #ff4c37;
  text-align: right;
}

.irs--flat .irs-handle>i:first-child:after {
  content: "\e916";
  right: 0;
  color: #223ce8;
}

.irs--flat .irs-handle.state_hover>i:first-child,
.irs--flat .irs-handle:hover>i:first-child {
  background-color: transparent;
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  text-align: center;
  font-size: 15px;
  line-height: 18px;
  color: #080f4d;
  font-weight: 600;
  padding: 1px 5px;
  background-color: transparent;
  border-radius: 0px;
}

.irs--flat .irs-from .pre,
.irs--flat .irs-to .pre,
.irs--flat .irs-single .pre {
  display: block;
  font-size: 11px;
  line-height: 15px;
  color: #787c8e;
  font-weight: normal;
}

.irs {
  font-family: "Montserrat", sans-serif;
}

.irs--flat {
  height: 76px;
}

.irs--flat .irs-from::before,
.irs--flat .irs-to::before,
.irs--flat .irs-single::before {
  display: none;
}

.siteMenuList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.siteMenuList a {
  display: table;
  font-size: 17px;
  line-height: 30px;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
}

.siteMenuList li {
  padding: 0 12px;
  position: relative;
  z-index: 1;
}

.siteMenuList li:not(.active) a:hover {
  color: #ff4c37;
}

.headerInner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 30px;
}

.headerInner .headTopLine {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
  position: relative;
  z-index: 1;
}

.headerInner .siteSocialsList {
  margin: 0 20px;
}

.headerInner .langMenuList {
  margin: 0 20px;
}

.headerInner .siteMenuWrapper {
  width: calc(100% + 22px);
  margin-top: 38px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-left: -12px;
  margin-right: -10px;
}

.headerInner .siteInfoBlock {
  max-width: 260px;
  margin-left: 40px;
}

.headerInner .siteInfoBlock+.siteInfoBlock {
  margin-left: 46px;
}

.headerInner .siteMenuList {
  width: 100%;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-right: 26px;
}

.headerInner .siteMenuList li:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  height: 35px;
  width: 132px;
  background-image: url(../img/menu-active.svg);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: -66px;
  margin-top: -18px;
  opacity: 0;
  z-index: -1;
}

.headerInner .siteMenuList li.active:before {
  opacity: 1;
}

.headerInner .signMenu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.headerInner .signBtn {
  margin-right: 10px;
  height: 39px;
  font-size: 13px;
  font-weight: normal;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  padding: 4px 19px 6px;
  min-width: 73px;
}

.headerInner .signBtn:hover {
  background-color: #ff4c37;
  border-color: #ff4c37;
}

.headerInner .logoWrapper {
  position: absolute;
  width: 300px;
  top: 0;
  left: 0;
  padding-top: 30px;
}

.headerInner .logoWrapper:before {
  content: "";
  display: block;
  position: absolute;
  width: 859px;
  height: 400px;
  background-image: url(../img/logo-back.png);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  right: -112px;
}

.headerInner .logoWrapper .logoLink {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.topCurRate {
  display: none;
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: calc(380px + (100vw - 610px) / 2);
  overflow-x: auto;
  padding-top: 8px;
  scrollbar-color: transparent;
  scrollbar-width: none;
}

.topCurRate::-webkit-scrollbar {
  width: 0px;
  background-color: transparent;
}

.topCurRate::-webkit-scrollbar-thumb {
  background-color: transparent;
}

.topCurRate::-webkit-scrollbar-thumb:hover {
  background-color: transparent;
}

.topCurRate .rateInner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 15px 0 calc((100vw - 610px) / 2);
}

.topCurRate .curRateItem+.curRateItem {
  margin-left: 20px;
}

.topCurRate .cur {
  display: block;
  font-size: 9px;
  line-height: 12px;
  color: #9a9eac;
  font-weight: 500;
  letter-spacing: 0.025em;
}

.topCurRate .sum {
  display: block;
  font-size: 12px;
  line-height: 14px;
  color: #0a1246;
  font-weight: bold;
  letter-spacing: 0.025em;
}

.siteSocialsList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.siteSocialsList li {
  margin-right: 9px;
}

.siteSocialsList a {
  display: block;
  background-color: #fff;
  width: 34px;
  height: 34px;
  text-align: center;
  -webkit-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  -moz-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.siteSocialsList a .icon {
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.siteSocialsList a:hover {
  background-color: #ea4f40;
}

.siteSocialsList a:hover .icon {
  color: #fff;
}

.siteSocialsList .icon {
  display: block;
  font-size: 20px;
  line-height: 34px;
  color: #091149;
}

.startScreen {
  padding-bottom: 100px;
  background-size: auto auto;
  background-position: calc(50% - 29px) bottom;
  background-repeat: no-repeat;
}

.startScreen .infoCaption {
  color: #fff;
}

.startScreen .mainBannerTitle {
  display: block;
  font-size: 50px;
  line-height: 60px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 50px;
}

.startScreen .pageTitle {
  display: block;
  font-size: 80px;
  line-height: 80px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 35px;
  position: relative;
  z-index: 1;
}

.startScreen .bannerText {
  font-size: 17px;
  line-height: 30px;
  color: #fff;
  font-weight: 600;
}

.startScreen .btnContainer {
  margin-top: 41px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -46px;
}

.startScreen .btnContainer [class*=btnMain] {
  margin-right: 46px;
  margin-top: 21px;
  min-width: 196px;
}

.startScreen .btnContainer [class*=btnMain].btnColorAccent {
  min-width: 206px;
}

.startScreen .companyStatistic {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 520px;
  margin-top: 30px;
}

.startScreen .companyStatistic .statisticItem {
  width: calc(50% - 20px);
  position: relative;
  padding-left: 48px;
  margin-top: 36px;
}

.startScreen .companyStatistic .statisticItem .icon {
  display: block;
  position: absolute;
  font-size: 36px;
  line-height: 36px;
  color: #fff;
  left: 0;
  top: 0;
}

.startScreen .companyStatistic .statisticItem .value {
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #ff5f4c;
  margin-top: 3px;
}

.startScreen .bannerVisual {
  position: absolute;
  width: 826px;
  top: 83px;
  left: 50%;
  margin-left: 38px;
}

.startScreen .bannerVisual .imageWrapper {
  width: 100%;
}

.startScreen .bannerVisual .curRateItem {
  text-align: center;
  position: absolute;
  left: 50%;
}

.startScreen .bannerVisual .curRateItem .cur {
  display: block;
  font-size: 13px;
  line-height: 18px;
  color: #9a9eac;
  font-weight: 500;
  letter-spacing: 0.025em;
}

.startScreen .bannerVisual .curRateItem .sum {
  display: block;
  font-size: 18px;
  line-height: 18px;
  color: #0a1246;
  font-weight: bold;
  letter-spacing: 0.025em;
}

.startScreen .bannerVisual .curRateItem:first-child {
  bottom: 111px;
  margin-left: 65px;
}

.startScreen .bannerVisual .curRateItem:nth-child(2) {
  top: 215px;
  margin-left: -376px;
}

.startScreen .bannerVisual .curRateItem:nth-child(3) {
  top: 183px;
  margin-left: 205px;
}

.startScreen .bannerVisual .curRateItem:nth-child(4) {
  top: 61px;
  margin-left: -218px;
}

.startScreen .bannerVisual .curRateItem:nth-child(5) {
  top: 203px;
  margin-left: -14px;
}

.bannerInner {
  position: relative;
  padding-right: calc(50% + 40px);
  padding-top: 118px;
}

.startInner {
  background-position: center bottom;
  padding-bottom: 110px;
}

.startInner .bannerInner {
  padding-top: 68px;
}

.startInner .bannerInner .btnContainer {
  margin-top: 32px;
}

.startInner .bannerVisual {
  width: 713px;
  top: 32px;
}

.tarifsSection .investStatisticBlock {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: -188px;
}

.tarifsSection .investStatisticBlock .statisticItem {
  width: calc(50% - 20px);
  padding-top: 38px;
  padding-right: 40px;
}

.tarifsSection .investStatisticBlock .statisticItem br {
  display: none;
}

.tarifsSection .investStatisticBlock .statisticItem .iconImage {
  display: block;
  width: 76px;
  height: 76px;
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  margin-bottom: 8px;
}

.tarifsSection .investStatisticBlock .statisticItem .num {
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: #080f4d;
  font-weight: bold;
}

.tarifsCaroselWrapper {
  margin-top: 70px;
}

.tarifsCaroselWrapper .slick-arrow {
  margin-top: -18px;
}

.tarifsCaroselWrapper .tarifItem {
  text-align: center;
  padding-bottom: 35px;
}

.tarifsCaroselWrapper .tarifItem .tarifInner {
  display: block;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  padding: 30px 15px 36px;
  min-height: 295px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: background-color 0.3s, box-shadow 0.2s 0.1s;
  -moz-transition: background-color 0.3s, box-shadow 0.2s 0.1s;
  -o-transition: background-color 0.3s, box-shadow 0.2s 0.1s;
  transition: background-color 0.3s, box-shadow 0.2s 0.1s;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
}

.tarifsCaroselWrapper .tarifItem .tarifInner:before,
.tarifsCaroselWrapper .tarifItem .tarifInner:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  opacity: 0;
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
}

.tarifsCaroselWrapper .tarifItem .tarifInner:before {
  border: 32px solid transparent;
  border-top: 35px solid #223ce8;
  margin-left: -32px;
  -webkit-transition: transform 0.3s 0s, opacity 0.2s;
  -moz-transition: transform 0.3s 0s, opacity 0.2s;
  -o-transition: transform 0.3s 0s, opacity 0.2s;
  transition: transform 0.3s 0s, opacity 0.2s;
  margin-top: -1px;
}

.tarifsCaroselWrapper .tarifItem .tarifInner:after {
  border: 31px solid transparent;
  border-top: 34px solid #ebf2ff;
  z-index: 1;
  margin-top: -3px;
  margin-left: -31px;
  -webkit-transition: transform 0.3s 0s, opacity 0.2s;
  -moz-transition: transform 0.3s 0s, opacity 0.2s;
  -o-transition: transform 0.3s 0s, opacity 0.2s;
  transition: transform 0.3s 0s, opacity 0.2s;
}

.tarifsCaroselWrapper .tarifItem .tarifInner:hover {
  background-color: #ebf2ff;
}

.tarifsCaroselWrapper .tarifItem .txt {
  display: block;
  font-size: 13px;
  line-height: 20px;
  color: #787c8e;
}

.tarifsCaroselWrapper .tarifItem .percent {
  display: block;
  font-size: 60px;
  line-height: 1;
  color: #223ce8;
  font-weight: bold;
  margin-top: 13px;
}

.tarifsCaroselWrapper .tarifItem .conditions {
  margin-top: 6px;
}

.tarifsCaroselWrapper .tarifItem .limits {
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #ff4c36;
  margin-top: 3px;
  margin-bottom: 7px;
}

.tarifsCaroselWrapper .tarifItem input {
  display: none;
}

.tarifsCaroselWrapper .tarifItem input:checked+.tarifInner {
  background-color: #ebf2ff;
  -webkit-box-shadow: inset 0px 0px 0px 2px #223ce8;
  -moz-box-shadow: inset 0px 0px 0px 2px #223ce8;
  box-shadow: inset 0px 0px 0px 2px #223ce8;
  -webkit-transition: background-color 0.3s, box-shadow 0.2s 0.1s;
  -moz-transition: background-color 0.3s, box-shadow 0.2s 0.1s;
  -o-transition: background-color 0.3s, box-shadow 0.2s 0.1s;
  transition: background-color 0.3s, box-shadow 0.2s 0.1s;
}

.tarifsCaroselWrapper .tarifItem input:checked+.tarifInner:before,
.tarifsCaroselWrapper .tarifItem input:checked+.tarifInner:after {
  opacity: 1;
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

.tarifsCaroselWrapper .tarifItem input:checked+.tarifInner:before {
  -webkit-transition: transform 0.3s 0s, opacity 0.3s;
  -moz-transition: transform 0.3s 0s, opacity 0.3s;
  -o-transition: transform 0.3s 0s, opacity 0.3s;
  transition: transform 0.3s 0s, opacity 0.3s;
}

.tarifsCaroselWrapper .tarifItem input:checked+.tarifInner:after {
  -webkit-transition: transform 0.3s 0s, opacity 0.1s;
  -moz-transition: transform 0.3s 0s, opacity 0.1s;
  -o-transition: transform 0.3s 0s, opacity 0.1s;
  transition: transform 0.3s 0s, opacity 0.1s;
}

.calcWrapper {
  margin-top: 95px;
}

.calcWrapper .formElements {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: -7px;
}

.calcWrapper .formElements .formItem {
  width: calc(50% - 20px);
  margin-top: 10px;
}

.calcWrapper .formElements .formItem:first-child {
  display: none;
}

.calcWrapper .calcRangeSlider {
  margin-top: 60px;
}

.calcWrapper .calcResult {
  margin-top: 80px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.calcWrapper .calcResult .calcResultItem {
  background-color: #f4f8ff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  width: calc(50% - 20px);
  text-align: center;
  padding: 34px 10px 44px;
}

.calcWrapper .calcResult .calcResultItem:nth-child(2n) {
  position: relative;
  z-index: 2;
}

.calcWrapper .calcResult .val {
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: #080f4d;
  font-weight: bold;
  white-space: nowrap;
}

.calcWrapper .btnContainer {
  display: table;
  margin: 46px auto 0;
  z-index: 1;
}

.calcWrapper .btnContainer .btnMain {
  min-width: 196px;
}

.calcWrapper .visualColumn {
  position: relative;
}

.calcWrapper .visualWrapper {
  width: 615px;
}

.calcWrapper .paymentsList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 46px -10px 0;
}

.calcWrapper .paymentsList .item {
  width: 25%;
  padding: 20px 10px 0;
}

.calcWrapper .paymentsList .paymentItem {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 10px;
  height: 63px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #fff;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}

.calcWrapper .tarifsDataCarousel {
  position: relative;
  z-index: -1;
}

.calcWrapper .tarifsDataCarousel .sectionTitle {
  margin-bottom: 28px;
}

.calcWrapper .tarifsDataCarousel .slick-list {
  overflow: visible;
}

.calcWrapper .tarifsDataCarousel .tarifInfo {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 50px;
}

.calcWrapper .tarifsDataCarousel .tarifInfo .tarifInfoItem {
  width: calc(50% - 21px);
  background-color: #fff;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 38px 35px;
}

.calcWrapper .tarifsDataCarousel .tarifInfo .tarifInfoItem .percent {
  display: block;
  font-size: 60px;
  line-height: 1;
  color: #080f4d;
  font-weight: bold;
  margin-top: 4px;
}

.calcWrapper .tarifsDataCarousel .tarifInfo .tarifInfoItem .caption {
  display: block;
  font-size: 15px;
  line-height: 20px;
  color: #080f4d;
}

.calcWrapper .tarifsDataCarousel .tarifInfo .tarifInfoItem .sum {
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #ff4c36;
  font-weight: bold;
  margin-top: 4px;
}

.calcWrapper .tarifsDataCarousel .tarifInfo .tarifInfoItem .sum+* {
  margin-top: 6px;
}

.calcWrapper .tarifsDataCarousel .noteInfo {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.025em;
  margin-top: 36px;
}

.firstSection {
  position: relative;
  margin-top: -30px;
}

.firstSection:before {
  content: "";
  display: block;
  position: absolute;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  height: 1129px;
  background-image: url(../img/back-first.png);
  z-index: -2;
  background-size: auto;
  background-position: center bottom;
  background-repeat: no-repeat;
  bottom: -273px;
}

.firstSection .sectionInner {
  max-width: 865px;
}

.siteTarifsWrapper {
  position: relative;
}

.siteTarifsWrapper:before {
  content: "";
  display: block;
  position: absolute;
  width: 1920px;
  left: 50%;
  margin-left: -960px;
  top: -460px;
  height: calc(100% + 460px);
  background-image: url(../img/back-first-screen.png);
  background-size: auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: -2;
}

.siteTarifsWrapper.tarifsInner .tarifsSection {
  margin-top: -20px;
}

.siteTarifsWrapper.tarifsInner .tarifsSection .sectionInner {
  max-width: 707px;
}

.roadMapSection {
  margin-top: 236px;
  position: relative;
}

.roadMapSection .spiralImage {
  position: absolute;
  left: 50%;
  bottom: -55px;
  margin-left: 411px;
}

.roadMapSection .yearsLine {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  top: 115px;
  left: -87px;
  width: calc(100% + 174px);
  position: absolute;
}

.roadMapSection .yearsLine .year {
  display: block;
  font-size: 18px;
  line-height: 20px;
  color: #ff5f4c;
}

.roadMapSection .roadMapCarouselWrapper {
  max-width: 932px;
  margin: 78px auto 0;
  position: relative;
}

.roadMapSection .roadMapCarousel {
  z-index: 1;
}

.roadMapSection .roadMapCarousel:before {
  content: "";
  display: block;
  position: absolute;
  height: 6px;
  background-color: #bdc6d7;
  top: 94px;
  width: 100%;
  left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.roadMapSection .roadMapCarousel .slick-arrow {
  top: 97px;
}

.roadMapSection .roadMapCarousel .slick-arrow.slick-prev {
  left: -140px;
}

.roadMapSection .roadMapCarousel .slick-arrow.slick-next {
  right: -140px;
}

.roadMapSection .quaterItem {
  position: relative;
}

.roadMapSection .quaterItem:before,
.roadMapSection .quaterItem:after {
  content: "";
  display: block;
  position: absolute;
  width: 84px;
  height: 6px;
  background-color: #bdc6d7;
  top: 94px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.roadMapSection .quaterItem:before {
  left: -84px;
}

.roadMapSection .quaterItem:after {
  right: -84px;
}

.roadMapSection .quaterItem .date {
  display: block;
  font-size: 18px;
  line-height: 20px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.roadMapSection .quaterItem .textWrapper {
  display: block;
  font-size: 13px;
  line-height: 20px;
  color: #fff;
  letter-spacing: -0.01em;
}

.roadMapSection .quaterItem .info {
  padding: 0 15px 0 30px;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.roadMapSection .quaterItem.active .info {
  opacity: 1;
}

.roadMapSection .quaterItem .scheme {
  height: 100px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  border: 2px solid #495fe1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  margin-bottom: 28px;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.roadMapSection .quaterItem .scheme .count {
  display: block;
  font-size: 15px;
  line-height: 20px;
  color: #7d8ef2;
  text-transform: uppercase;
}

.roadMapSection .quaterItem .scheme:before,
.roadMapSection .quaterItem .scheme:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #fff;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.roadMapSection .quaterItem .scheme:before {
  left: -12px;
}

.roadMapSection .quaterItem .scheme:after {
  right: -12px;
}

.roadMapSection .quaterItem.active-prev:before {
  background-color: #fe4c38;
  opacity: 1;
}

.roadMapSection .quaterItem.noActive-prev:before {
  opacity: 1;
}

.roadMapSection .quaterItem.active-next:after {
  background-color: #fe4c38;
  opacity: 1;
}

.roadMapSection .quaterItem.noActive-next:after {
  opacity: 1;
}

.roadMapSection .carouselItem {
  padding: 0;
}

.roadMapSection .carouselItem:nth-child(2n+1) .quaterItem {
  padding-top: 94px;
  position: relative;
  z-index: 1;
}

.roadMapSection .carouselItem:nth-child(2n+1) .quaterItem .scheme {
  border-top: 6px solid #bdc6d7;
}

.roadMapSection .carouselItem:nth-child(2n+1) .quaterItem .scheme:after,
.roadMapSection .carouselItem:nth-child(2n+1) .quaterItem .scheme:before {
  top: -13px;
}

.roadMapSection .carouselItem:nth-child(2n+1) .quaterItem.active .scheme,
.roadMapSection .carouselItem:nth-child(2n+1) .quaterItem.finished .scheme {
  border-top-color: #fe4c38;
}

.roadMapSection .carouselItem:nth-child(2n) .quaterItem .scheme {
  border-bottom: 6px solid #bdc6d7;
}

.roadMapSection .carouselItem:nth-child(2n) .quaterItem .scheme:after,
.roadMapSection .carouselItem:nth-child(2n) .quaterItem .scheme:before {
  bottom: -13px;
}

.roadMapSection .carouselItem:nth-child(2n) .quaterItem.active .scheme {
  border-bottom-color: #fe4c38;
}

.aboutMainSection {
  margin-top: 225px;
}

.aboutMainSection .visualColumn {
  -webkit-box-ordinal-group: 0;
  -moz-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.aboutMainSection .textColumn {
  position: relative;
  z-index: 1;
}

.aboutMainSection .visualColumn {
  position: relative;
  padding-bottom: 9px;
  padding-right: 9px;
  z-index: 1;
}

.aboutMainSection .wideColumn {
  margin-top: 74px;
  position: relative;
  z-index: 1;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}

.aboutMainSection .wideColumn .leftColumn {
  width: calc(50% - 22px);
  padding-bottom: 8px;
  padding-right: 9px;
}

.aboutMainSection .proposalsList {
  width: calc(50% - 22px);
  margin-top: 10px;
}

.aboutMainSection .proposalsList .iconInfoItem+.iconInfoItem {
  margin-top: 26px;
}

.aboutMainSection .visualWrapper {
  position: absolute;
  width: 657px;
  top: 16px;
  left: -122px;
}

.aboutMainSection .visualWrapper img {
  max-height: 100%;
}

.aboutMainSection .aboutRegCompany {
  background-color: #fff;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  position: relative;
  z-index: 1;
  padding: 15px 15px 15px 23px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-left: auto;
  max-width: 473px;
  width: 100%;
}

.aboutMainSection .aboutRegCompany .certificate {
  display: block;
  width: 151px;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}

.aboutMainSection .aboutRegCompany .certificate:hover {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.aboutMainSection .aboutRegCompany .dataCaption {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 5px;
}

.aboutMainSection .aboutRegCompany .siteInfoBlock {
  margin-top: 10px;
}

.aboutMainSection .aboutRegCompany .aboutRegText {
  width: calc(100% - 151px);
  padding-left: 36px;
  padding-top: 5px;
}

.aboutMainSection .aboutRegCompany .address {
  margin-top: 20px;
}

.aboutMainSection .aboutRegCompany .siteLink {
  font-size: 13px;
  line-height: 20px;
  margin-top: 4px;
}

.aboutMainSection .btnContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 32px;
}

.aboutMainSection .btnContainer .btnMain {
  width: calc(50% - 21px);
  margin-top: 25px;
}

.aboutMainSection .spiralImage {
  left: 0;
  bottom: 53px;
  z-index: -1;
}

.iconInfoItem {
  position: relative;
  padding-left: 94px;
}

.iconInfoItem .iconImage {
  width: 80px;
  height: 80px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 10px;
}

.proposalsList .iconInfoItem p {
  font-size: 13px;
  line-height: 20px;
  margin-top: 6px;
}

.proposalsList .iconInfoItem br {
  display: none;
}

.visualWrapper.refVisual {
  position: relative;
  width: 615px;
}

.visualWrapper.refVisual .percent {
  display: block;
  position: absolute;
  font-size: 60px;
  line-height: 60px;
  color: #ec4635;
  font-weight: bold;
  top: 54px;
  left: 168px;
  transform-style: preserve-3d;
  -moz-transform: rotateY(55deg) rotateX(5deg) rotateZ(10deg) scale(0.9, 1.1) skewY(5deg);
  -ms-transform: rotateY(55deg) rotateX(5deg) rotateZ(10deg) scale(0.9, 1.1) skewY(5deg);
  -webkit-transform: rotateY(55deg) rotateX(5deg) rotateZ(10deg) scale(0.9, 1.1) skewY(5deg);
  -o-transform: rotateY(55deg) rotateX(5deg) rotateZ(10deg) scale(0.9, 1.1) skewY(5deg);
  transform: rotateY(55deg) rotateX(5deg) rotateZ(10deg) scale(0.9, 1.1) skewY(5deg);
}

.visualWrapper.refVisual .percent.screenPercent {
  font-size: 40px;
  line-height: 40px;
  bottom: 132px;
  top: auto;
  right: 170px;
  left: auto;
}

.refferalSection {
  margin-top: 152px;
}

.refferalSection .btnContainer {
  margin-top: 64px;
}

.refferalSection .visualColumn {
  position: relative;
}

.refferalSection .visualWrapper {
  position: absolute;
  top: -72px;
  right: -40px;
}

.bonusesSection {
  margin-top: 64px;
}

.bonusesCarousel {
  margin-top: 60px;
}

.bonusesCarousel .bonusCard {
  text-align: center;
  padding: 23px 10px 24px;
}

.bonusesCarousel .bonusCard .dataCaption {
  font-size: 13px;
  line-height: 20px;
}

.bonusesCarousel .bonusCard .sum {
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #ff4c36;
  margin-bottom: 1px;
  margin-top: 3px;
}

.bonusesCarousel .bonusCard .accentCaption {
  display: block;
  font-size: 15px;
  line-height: 30px;
  color: #1c34d9;
  font-weight: 600;
}

.bonusesCarousel .bonusCard .accentSum {
  display: block;
  font-size: 50px;
  line-height: 50px;
  color: #223ce8;
  font-weight: bold;
}

.statisticSection {
  margin-top: 138px;
}

.statisticSection .visualColumn {
  padding-top: 22px;
}

.statisticSection .statisticNums {
  margin-top: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.statisticSection .statisticNums .iconInfoItem {
  min-width: 232px;
  padding-top: 14px;
  margin-top: 40px;
}

.statisticSection .statisticNums .iconInfoItem:nth-child(2n+1) {
  padding-right: 40px;
}

.statisticSection .progressList .progressWrapper+.progressWrapper {
  margin-top: 34px;
}

.linksAppSection {
  margin-top: 125px;
}

.linksAppSection .visualColumn {
  position: relative;
  -webkit-box-ordinal-group: 0;
  -moz-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.linksAppSection .textColumn {
  padding-top: 100px;
}

.linksAppSection .visualWrapper {
  position: absolute;
  width: 594px;
  top: 0;
  left: -60px;
}

.linksAppSection .visualWrapper .phoneInner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: absolute;
  width: 207px;
  height: 400px;
  top: 30px;
  left: 50%;
  margin-left: -111px;
  text-align: center;
  padding: 67px 10px 33px;
}

.linksAppSection .visualWrapper .phoneInner .logo {
  margin: 0 auto 20px;
}

.linksAppSection .visualWrapper .phoneInner p {
  font-size: 13px;
  line-height: 20px;
  margin-top: auto;
  margin-bottom: auto;
}

.linksAppSection .visualWrapper .phoneInner .btnMain {
  min-width: 141px;
  margin: 26px auto 0;
}

.linksAppSection .btnContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 50px;
}

.linksAppSection .btnContainer .btnMain {
  margin-right: 25px;
  margin-top: 25px;
}

.linksAppSection .btnContainer .btnMain.btnColorAccent:hover {
  -webkit-box-shadow: 0px 0px 10px 0px #ff4b36;
  -moz-box-shadow: 0px 0px 10px 0px #ff4b36;
  box-shadow: 0px 0px 10px 0px #ff4b36;
}

.linksAppSection .btnContainer .btnMain:hover {
  -webkit-box-shadow: 0px 0px 10px 0px #070f50;
  -moz-box-shadow: 0px 0px 10px 0px #070f50;
  box-shadow: 0px 0px 10px 0px #070f50;
}

.linksAppSection .spiralImage {
  bottom: -42px;
  right: 69px;
}

.footerInner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding-bottom: 92px;
}

.footerInner .footerMainItem {
  width: 372px;
  padding-right: 48px;
}

.footerInner .footerAddInfo {
  width: calc(100% - 372px);
  padding-top: 100px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.footerInner .footerAddItem {
  width: calc(50% - 21px);
}

.footerInner .footerAddItem:nth-child(2n) {
  padding-left: 16px;
}

.footerInner .footerAddItem .caption {
  display: block;
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 20px;
}

.footerInner .footerAddItem .textWrapper {
  color: #a1a9e5;
  font-size: 12px;
  line-height: 20px;
}

.footerInner .footerAddItem a {
  display: table;
  font-size: 12px;
  line-height: 20px;
  color: #ff4c37;
  text-decoration: underline;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.footerInner .footerAddItem a:hover {
  text-decoration-color: transparent;
}

.footerInner .footerAddItem .itemPiece+.itemPiece {
  margin-top: 17px;
}

.footerInner .footerAddItem .schemeItem {
  width: 50px;
  position: relative;
}

.footerInner .footerAddItem .schemeItem+.schemeItem {
  margin-left: 44px;
}

.footerInner .footerAddItem .schemeItem+.schemeItem:before {
  content: "\e911";
  display: block;
  position: absolute;
  width: 44px;
  left: -44px;
  text-align: center;
  font-family: icomoon;
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  top: 50%;
  margin-top: -12px;
}

.footerInner .footerAddItem .scheme {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 17px;
}

.footerInner .logoLink {
  width: 187px;
  color: #fff;
}

.footerInner .siteMenuList {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 36px -12px 0;
}

.footerInner .siteMenuList a {
  font-size: 15px;
  line-height: 25px;
}

.footerInner .siteMenuList li {
  width: 50%;
  padding-top: 5px;
}

.footerInner .siteSocialsList {
  margin-top: 31px;
}

.footerInner .siteSocialsList a {
  width: 26px;
  height: 26px;
}

.footerInner .siteSocialsList .icon {
  font-size: 16px;
  line-height: 26px;
}

.footerInner .siteSocialsList li {
  margin-right: 7px;
}

.footerInner .infoCaption {
  color: #a1a9e5;
  font-size: 12px;
}

.footerInner .siteInfoBlock {
  padding-left: 60px;
}

.footerInner .siteInfoBlock:after {
  content: "";
  display: block;
  clear: both;
}

.footerInner .siteInfoBlock a {
  font-size: 12px;
}

.footerInner .siteInfoBlock+.siteInfoBlock {
  margin-top: 20px;
}

.footerInner .footSupport {
  margin-top: 47px;
}

.footerInner .copyright {
  font-size: 12px;
  line-height: 20px;
  color: #a1a9e5;
  padding-top: 45px;
}

.siteFooter {
  position: relative;
  padding-top: 258px;
}

.siteFooter:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  background-image: url(../img/back-footer.png);
  background-size: auto;
  background-position: center top;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  z-index: -1;
  height: calc(100% + 82px);
  top: -82px;
}

.aboutPageSection .sectionInner {
  margin-top: -82px;
}

.aboutPageSection .sectionInner .textColumn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 82px;
}

.aboutPageSection .regInfoWrapper {
  margin-top: 67px;
}

.aboutPageSection .regInfoWrapper .btnContainer {
  margin-left: auto;
}

.aboutPageSection .regInfoWrapper .spiralImage {
  right: 8px;
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.aboutPageSection .regInfoWrapper .spiralImage path {
  stroke: #1c34d9;
}

.aboutPageSection .btnContainer {
  margin-top: 57px;
  position: relative;
}

.aboutPageSection .btnContainer .spiralImage {
  bottom: 44px;
  z-index: -1;
}

.aboutPageSection .btnMain {
  min-width: 322px;
}

.aboutPageSection .companyRegInfo {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 48px 40px 46px;
  max-width: 473px;
  background-color: #f4f8ff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}

.aboutPageSection .companyRegInfo .dataCaption {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 8px;
}

.aboutPageSection .companyRegInfo .regNum {
  width: 194px;
  padding-right: 28px;
}

.aboutPageSection .companyRegInfo .address {
  width: calc(100% - 194px);
  max-width: 200px;
}

.aboutPageSection .companyRegInfo .address .siteInfoBlock {
  min-height: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.aboutPageSection .companyRegInfo .siteLink {
  font-size: 13px;
  line-height: 20px;
}

.aboutPageSection .certWrapper {
  margin-top: 8px;
  margin-bottom: 82px;
}

.aboutPageSection .certWrapper .spiralImage {
  left: 8px;
}

.aboutPageSection .certWrapper .btnMain {
  min-width: 338px;
}

.aboutPageSection .companyCertInfo {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-right: -35px;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.aboutPageSection .companyCertInfo .certificate {
  width: 220px;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  margin-right: 35px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 15px;
  height: 309px;
  background-color: #fff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
}

.aboutPageSection .companyCertInfo .certificate img {
  max-height: 100%;
}

.aboutPageSection .companyCertInfo .certificate:hover {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.aboutPageSection .aboutVideo {
  display: block;
  margin-top: 94px;
  margin-top: auto;
  height: 381px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  position: relative;
  z-index: 1;
}

.aboutPageSection .aboutVideo>a,
.aboutPageSection .aboutVideo .invisBtn {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  cursor: pointer;
}

.aboutPageSection .aboutVideo .videoContent {
  text-align: center;
  padding-top: 18px;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}

.aboutPageSection .aboutVideo .videoContent .icon {
  display: block;
  font-size: 52px;
  line-height: 52px;
  color: #fff;
}

.aboutPageSection .aboutVideo .videoContent .name {
  display: block;
  font-size: 15px;
  line-height: 30px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.15em;
}

.aboutPageSection .aboutVideo .videoContent .logo {
  width: 197px;
  margin: 17px auto 4px;
}

.aboutPageSection .aboutVideo:hover .videoContent {
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.aboutPageSection .proposalsList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 33px;
}

.aboutPageSection .proposalsList .iconInfoItem {
  width: calc(50% - 21px);
  background-color: #fff;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  margin-top: 42px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  padding: 36px 36px 43px 160px;
}

.aboutPageSection .proposalsList .iconInfoItem .iconImage {
  left: 52px;
  top: 46px;
}

.proposalSection {
  margin-top: 224px;
  padding-bottom: 26px;
  position: relative;
}

.proposalSection .spiralImage {
  position: absolute;
  left: 50%;
  bottom: -120px;
  margin-left: 411px;
}

.siteInfoCards {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 72px;
}

.siteInfoCards .siteInfoCard {
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  background-color: rgba(83, 103, 240, 0.11);
  text-align: center;
  padding: 40px 40px 44px;
  width: calc(50% - 21px);
}

.siteInfoCards .siteInfoCard .imageIcon {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  width: 92px;
  height: 92px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto;
}

.siteInfoCards .siteInfoCard .imageIcon img {
  width: 60px;
}

.siteInfoCards .siteInfoCard .caption {
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  font-weight: 600;
  margin-top: 23px;
}

.siteInfoCards .siteInfoCard .textWrapper {
  font-size: 13px;
  line-height: 20px;
  margin-top: 6px;
  letter-spacing: -0.002em;
}

.siteInfoCards .siteInfoCard .levels {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 34px;
}

.siteInfoCards .siteInfoCard .levels .levelItem {
  position: relative;
}

.siteInfoCards .siteInfoCard .levels .levelItem+.levelItem {
  padding-left: 50px;
}

.siteInfoCards .siteInfoCard .levels .levelItem+.levelItem:before {
  content: "...";
  display: block;
  position: absolute;
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.07em;
  left: 0px;
  top: 0;
  text-align: center;
  width: 50px;
  padding-left: 0.07em;
}

.siteInfoCards .siteInfoCard .levels .percent {
  display: block;
  font-size: 50px;
  line-height: 50px;
  color: #ff4c37;
  font-weight: bold;
  padding-left: 6px;
}

.siteInfoCards .siteInfoCard .levels .name {
  display: block;
  font-size: 11px;
  line-height: 11px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 2px;
}

.siteInfoCards .siteInfoCard .socials {
  text-align: center;
}

.siteInfoCards .siteInfoCard .socials .pre {
  display: block;
  font-size: 13px;
  line-height: 30px;
  color: #fff;
}

.siteInfoCards .siteInfoCard .socials ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 284px;
  margin: 12px auto 0;
}

.siteInfoCards .siteInfoCard .socials ul li {
  width: 50%;
}

.siteInfoCards .siteInfoCard .socials a {
  display: table;
  text-align: center;
  margin: 0 auto;
}

.siteInfoCards .siteInfoCard .socials a .icon {
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  width: 34px;
  height: 34px;
  font-size: 20px;
  line-height: 34px;
  color: #091149;
  margin: 0 auto;
  text-align: center;
}

.siteInfoCards .siteInfoCard .socials a .linkText {
  display: block;
  font-size: 13px;
  line-height: 23px;
  color: #fff;
  text-decoration: underline;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
}

.siteInfoCards .siteInfoCard .socials a:hover .linkText {
  text-decoration-color: transparent;
}

.conditionSection {
  margin-top: 245px;
}

.siteStepsScheme {
  max-width: 1133px;
  margin: 96px auto 0;
}

.siteStepsScheme .siteStepsSchemeInner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 92px;
  position: relative;
}

.siteStepsScheme .siteStepsSchemeInner:before {
  content: "";
  display: block;
  position: absolute;
  height: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  top: 94px;
  width: 100%;
  left: 0;
  background-color: #d2ddf1;
}

.siteStepsScheme .schemeItem {
  width: 33.3333333333%;
  position: relative;
}

.siteStepsScheme .schemeItem:before,
.siteStepsScheme .schemeItem:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #ff4c37;
  top: 97px;
  margin-top: -10px;
  z-index: 1;
}

.siteStepsScheme .schemeItem:before {
  left: -10px;
}

.siteStepsScheme .schemeItem:after {
  right: -10px;
}

.siteStepsScheme .schemeItem .inner {
  padding: 24px 24px 0 32px;
}

.siteStepsScheme .schemeItem .stepNum {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 97px;
  font-size: 50px;
  line-height: 50px;
  color: #1c34d9;
  font-weight: bold;
  padding: 10px 32px;
  border: 2px solid #495fe1;
}

.siteStepsScheme .schemeItem .stepNum .accent {
  color: #ff4c37;
}

.siteStepsScheme .schemeItem .textWrapper {
  font-size: 13px;
  line-height: 20px;
  margin-top: 6px;
  letter-spacing: -0.002em;
}

.siteStepsScheme .schemeItem .btnMain {
  margin-top: 33px;
  min-width: 220px;
}

.siteStepsScheme .schemeItem:nth-child(2n+1) .stepNum {
  border-top-color: transparent;
  margin-top: 97px;
}

.siteStepsScheme .schemeItem:nth-child(2n) .stepNum {
  border-bottom-color: transparent;
}

.siteStepsScheme .schemeItem:nth-child(2n) .inner {
  margin-top: 17px;
}

.siteStepsScheme .schemeItem .dataCaption {
  line-height: 25px;
}

.siteStepsScheme+.btnContainer {
  margin: 31px auto 0;
}

.siteStepsScheme+.btnContainer .btnMain {
  min-width: 256px;
}

.businessModelSection {
  margin-top: 208px;
}

.businessModelSection .sectionInner .textColumn {
  width: 362px;
}

.businessModelSection .sectionInner .visualColumn {
  width: calc(100% - 362px - 42px);
}

.businessModelSection .businessModel {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 134px;
}

.businessModelSection .businessModel .modelItem {
  background-color: #fff;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  padding: 28px 37px 45px 42px;
  width: calc(50% - 21px);
}

.businessModelSection .businessModel .modelItem .imageIcon {
  width: 96px;
  margin-bottom: 40px;
}

.businessModelSection .businessModel .modelItem .textWrapper {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.002em;
  margin-top: 8px;
}

.businessModelSection .businessModel .modelItem .dataCaption {
  line-height: 25px;
}

.businessModelSection .businessModel .modelItem .btnMain {
  margin-top: 46px;
  min-width: 180px;
}

.bulletDownWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 766px;
  margin-left: auto;
  margin-bottom: -87px;
  margin-top: 95px;
}

.bulletDownWrapper.fullWidth {
  max-width: 100%;
  margin-bottom: -27px;
}

.bulletDownWrapper.fullWidth .bulletText {
  min-width: 446px;
}

.bulletDownWrapper .bulletText {
  display: block;
  font-size: 30px;
  line-height: 40px;
  color: #080f4d;
  font-weight: bold;
  padding-right: 42px;
}

.bulletDownWrapper .bulletText .dataCaption {
  font-size: 17px;
  margin-top: 15px;
  letter-spacing: 0.025em;
}

.bulletDownWrapper .textWrapper {
  color: #080f4d;
}

.bulletDownWrapper .colorTheme {
  color: #1930ce;
}

.bulletDownWrapper .colorAccent {
  color: #ff4c37;
}

.bulletDownWrapper .btnContainer {
  margin-bottom: 4px;
}

.bulletDownWrapper .btnMain {
  min-width: 216px;
}

.programmSection {
  margin-top: 180px;
}

.programmSection .spiralImage {
  left: 50%;
  margin-left: -770px;
  top: 76px;
}

.programmSection .titleContainer .textWrapper {
  font-size: 17px;
  line-height: 30px;
}

.programmSection .btnContainer {
  margin: 105px auto 0;
}

.programmSection .btnContainer .spiralImage {
  left: 90px;
  top: auto;
  margin-left: 0;
}

.inviteInvestorsSection {
  margin-top: 290px;
}

.inviteInvestorsSection:before {
  margin-top: -817px;
}

.inviteInvestorsSection .siteStepsScheme {
  margin-top: 68px;
}

.programmTypesSection {
  margin-top: 257px;
}

.programmTypesSection .visualWrapper {
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  transform-origin: 0 0;
  margin-top: 13px;
  margin-bottom: -53px;
}

.programmTypesSection .titleContainer {
  margin-bottom: 56px;
}

.programmTypesSection .linesTurn {
  border-top: 3px solid #f3f7fe;
  position: relative;
  margin-top: 64px;
}

.programmTypesSection .linesTurn:before {
  content: "";
  display: block;
  position: absolute;
  height: 3px;
  background-color: #1c34d9;
  right: 0;
  width: 148px;
  top: -3px;
}

.programmTypesSection .linesTurn .turnLine {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  border-bottom: 3px solid #f3f7fe;
  height: 80px;
  padding-top: 4px;
  position: relative;
}

.programmTypesSection .linesTurn .turnLine:before {
  content: "";
  display: block;
  position: absolute;
  height: 3px;
  background-color: #1c34d9;
  right: 0;
  width: 148px;
  bottom: -3px;
}

.programmTypesSection .linesTurn .turnLine .pre {
  display: block;
  font-size: 13px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.programmTypesSection .linesTurn .turnLine .lineItem {
  width: 168px;
}

.programmTypesSection .linesTurn .turnLine .lineItem:first-child .pre {
  color: #ff4c37;
}

.programmTypesSection .linesTurn .turnLine .lineItem:nth-child(2) {
  width: 148px;
}

.programmTypesSection .linesTurn .turnLine .lineItem:nth-child(2) .pre {
  color: #1c34d9;
}

.programmTypesSection .linesTurn .turnLine .sum {
  display: block;
  font-size: 30px;
  line-height: 30px;
  color: #080f4d;
  font-weight: 600;
  letter-spacing: 0.025em;
}

.newsList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -42px;
}

.newsList .newsItem {
  width: calc((100% - 126px) / 3);
  margin-top: 44px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  overflow: hidden;
  margin-right: 42px;
}

.newsList .newsItem .date {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  text-align: center;
  width: 93px;
  padding-top: 28px;
  padding-right: 4px;
}

.newsList .newsItem .date:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  background-image: url(../img/date-visual.png);
  width: 93px;
  height: 140px;
  top: 0;
  left: 0;
}

.newsList .newsItem .inner {
  height: calc(100% - 244px);
}

.mainNewsSection {
  margin-bottom: 200px;
}

.newsItem {
  position: relative;
}

.newsItem .caption {
  display: table;
  font-size: 15px;
  line-height: 25px;
  color: #1c34d9;
  font-weight: 600;
  letter-spacing: 0.025em;
  text-decoration: underline;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
  margin-bottom: 3px;
}

.newsItem .caption:hover {
  text-decoration-color: transparent;
}

.newsItem .date {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #ff4c37;
  font-weight: 600;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

.newsItem .date .num {
  display: block;
  font-size: 30px;
  margin-bottom: 6px;
}

.newsItem .imageWrapper {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 244px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -ms-border-top-left-radius: 7px;
  border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topright: 7px;
  -ms-border-top-right-radius: 7px;
  border-top-right-radius: 7px;
}

.newsItem .textWrapper {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 35px;
}

.newsItem .btnMain {
  min-width: 180px;
  background-color: transparent;
  margin-top: auto;
}

.newsItem .inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 27px 40px 40px;
}

.newsItem.mainNewsItem {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.newsItem.mainNewsItem .caption {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 7px;
}

.newsItem.mainNewsItem .date {
  margin-bottom: 12px;
}

.newsItem.mainNewsItem .imageWrapper {
  min-height: 100%;
  width: 362px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
}

.newsItem.mainNewsItem .textWrapper {
  margin-bottom: 30px;
}

.newsItem.mainNewsItem .inner {
  width: calc(100% - 362px);
  padding: 0 0 0 42px;
}

.preRulesSection .textWrapper {
  color: #080f4d;
}

.rulesSection {
  margin-top: 224px;
}

.rulesItem .rulesHead {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 93px;
  min-height: 83px;
  border-top: 3px solid #f3f7fe;
  border-bottom: 3px solid #f3f7fe;
  position: relative;
  padding-bottom: 2px;
}

.rulesItem .rulesHead .num {
  display: block;
  position: absolute;
  left: 0;
  top: -3px;
  height: calc(100% + 6px);
  z-index: 1;
  font-size: 30px;
  line-height: 30px;
  color: #080f4d;
  font-weight: 600;
  letter-spacing: 0.025em;
  width: 81px;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-top: 3px solid #1c34d9;
  border-bottom: 3px solid #1c34d9;
}

.rulesItem .rulesHead .caption {
  font-size: 20px;
  line-height: 30px;
  color: #ff4c37;
  font-weight: 600;
  letter-spacing: 0.025em;
}

.rulesItem .listRules {
  letter-spacing: 0.025em;
  margin-top: 40px;
}

.rulesItem .listRules .count {
  color: #ea4f40;
  font-weight: bold;
}

.rulesItem .listRules ul li:before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #080f4d;
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 2px;
}

.rulesItem+.rulesItem {
  margin-top: 62px;
}

.ratingList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -42px;
  padding-bottom: 40px;
  margin-right: -42px;
}

.ratingList .ratingItem {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  width: calc((100% - 168px) / 4);
  height: 367px;
  padding: 25px;
  margin-top: 42px;
  margin-right: 42px;
}

.ratingList .ratingItem img {
  max-height: 100%;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}

.ratingList .ratingItem:hover img {
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
}

.contactsSection {
  margin-top: -77px;
}

.contactsInfoList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.contactsInfoList .contactsItem {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  background-color: #fff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  position: relative;
  width: calc(50% - 21px);
  margin-top: 42px;
  min-height: 175px;
  padding: 0 40px 8px 160px;
}

.contactsInfoList .contactsItem .iconImage {
  position: absolute;
  width: 76px;
  left: 52px;
  top: 50%;
  margin-top: -42px;
}

.contactsInfoList .contactsItem .txt {
  line-height: 30px;
}

.contactsInfoList .contactsItem .num {
  display: block;
  font-size: 30px;
  line-height: 30px;
  color: #080f4d;
  font-weight: bold;
}

.contactsInfoList .contactsItem .link {
  font-size: 15px;
  line-height: 30px;
  color: #1c34d9;
  text-decoration: underline;
  -webkit-transition: text-decoration-color 0.3s;
  -moz-transition: text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.contactsInfoList .contactsItem .link:hover {
  text-decoration-color: transparent;
}

.contactsInfoList .contactsItem .siteSocialsList {
  margin-top: 13px;
}

.contactsInfoList .contactsItem .siteSocialsList a {
  width: 40px;
  height: 40px;
  background-color: #f2f6fe;
}

.contactsInfoList .contactsItem .siteSocialsList .icon {
  line-height: 40px;
  font-size: 24px;
}

.contactsInfoList .contactsItem .siteSocialsList li {
  margin-right: 12px;
}

.contactMapWrapper {
  background-color: #fff;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  padding: 11px;
}

.contactMapWrapper iframe {
  width: 100%;
  height: 534px;
}

.mapSection {
  margin-top: 116px;
}

.mapSection:before {
  background-image: url(../img/back-middle-light-ltl.png);
  height: 1084px;
  margin-top: -500px;
}

.writeUsSection {
  margin-top: 197px;
  margin-bottom: -118px;
}

.writeUsForm .formContent {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -42px -21px 0;
}

.writeUsForm .formColumn {
  width: 50%;
  padding: 42px 21px 0;
}

.writeUsForm textarea {
  height: 169px;
}

.writeUsForm .btnContainer {
  margin-left: auto;
  margin-top: 98px;
}

.writeUsForm .btnContainer .btnMain {
  min-width: 196px;
}

.tabs .tabsList {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-right: -21px;
  margin-left: -21px;
}

.tabs .tabsList .tabLink {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  position: relative;
  background-color: #fff;
  padding: 42px 10px 24px;
  min-height: 203px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  font-size: 15px;
  line-height: 24px;
  color: #080f4d;
  font-weight: 600;
  -webkit-transition: background-color 0.3s, box-shadow 0.2s 0.1s, color 0.3s;
  -moz-transition: background-color 0.3s, box-shadow 0.2s 0.1s, color 0.3s;
  -o-transition: background-color 0.3s, box-shadow 0.2s 0.1s, color 0.3s;
  transition: background-color 0.3s, box-shadow 0.2s 0.1s, color 0.3s;
  -webkit-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  box-shadow: 0 7px 70px rgba(9, 16, 77, 0.07);
  height: 100%;
}

.tabs .tabsList .tabLink .iconImage {
  width: 76px;
  margin: 0 auto 11px;
}

.tabs .tabsList .tabLink:before,
.tabs .tabsList .tabLink:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  opacity: 0;
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -webkit-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
}

.tabs .tabsList .tabLink:before {
  border: 32px solid transparent;
  border-top: 35px solid #223ce8;
  margin-left: -32px;
  -webkit-transition: transform 0.3s 0s, opacity 0.2s;
  -moz-transition: transform 0.3s 0s, opacity 0.2s;
  -o-transition: transform 0.3s 0s, opacity 0.2s;
  transition: transform 0.3s 0s, opacity 0.2s;
  margin-top: -1px;
}

.tabs .tabsList .tabLink:after {
  border: 31px solid transparent;
  border-top: 34px solid #ebf2ff;
  z-index: 1;
  margin-top: -3px;
  margin-left: -31px;
  -webkit-transition: transform 0.3s 0s, opacity 0.2s;
  -moz-transition: transform 0.3s 0s, opacity 0.2s;
  -o-transition: transform 0.3s 0s, opacity 0.2s;
  transition: transform 0.3s 0s, opacity 0.2s;
}

.tabs .tabsList .tabLink:hover {
  background-color: #ebf2ff;
  color: #1c34d9;
}

.tabs .tabsList li {
  padding-bottom: 35px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 21px;
  padding-right: 21px;
}

.tabs .tabsList li.active .tabLink {
  background-color: #ebf2ff;
  -webkit-box-shadow: inset 0px 0px 0px 2px #223ce8;
  -moz-box-shadow: inset 0px 0px 0px 2px #223ce8;
  box-shadow: inset 0px 0px 0px 2px #223ce8;
  color: #1c34d9;
  -webkit-transition: background-color 0.3s, box-shadow 0.2s 0.1s;
  -moz-transition: background-color 0.3s, box-shadow 0.2s 0.1s;
  -o-transition: background-color 0.3s, box-shadow 0.2s 0.1s;
  transition: background-color 0.3s, box-shadow 0.2s 0.1s;
}

.tabs .tabsList li.active .tabLink:before,
.tabs .tabsList li.active .tabLink:after {
  opacity: 1;
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

.tabs .tabsList li.active .tabLink:before {
  -webkit-transition: transform 0.3s 0s, opacity 0.3s;
  -moz-transition: transform 0.3s 0s, opacity 0.3s;
  -o-transition: transform 0.3s 0s, opacity 0.3s;
  transition: transform 0.3s 0s, opacity 0.3s;
}

.tabs .tabsList li.active .tabLink:after {
  -webkit-transition: transform 0.3s 0s, opacity 0.1s;
  -moz-transition: transform 0.3s 0s, opacity 0.1s;
  -o-transition: transform 0.3s 0s, opacity 0.1s;
  transition: transform 0.3s 0s, opacity 0.1s;
}

.faqTabs .tabsList li {
  width: 25%;
}

.faqTabs .faqList {
  margin-top: 67px;
}

.faqSection {
  margin-top: -36px;
}

.infoBlockHead {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 93px;
  min-height: 83px;
  border-top: 3px solid #f3f7fe;
  border-bottom: 3px solid #f3f7fe;
  position: relative;
  padding-bottom: 2px;
}

.infoBlockHead:before,
.infoBlockHead:after {
  content: "";
  display: block;
  position: absolute;
  height: 3px;
  background-color: #1c34d9;
  width: 81px;
  left: 0;
}

.infoBlockHead:before {
  top: -3px;
}

.infoBlockHead:after {
  bottom: -3px;
}

.infoBlockHead .num {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 77px;
  z-index: 1;
  font-size: 30px;
  line-height: 30px;
  color: #080f4d;
  font-weight: 600;
  letter-spacing: 0.025em;
  width: 81px;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.infoBlockHead .num .name {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  color: #080f4d;
  font-weight: 600;
}

.infoBlockHead .caption {
  font-size: 20px;
  line-height: 30px;
  color: #080f4d;
  font-weight: 600;
  letter-spacing: 0.025em;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.slideItem {
  position: relative;
  border-top: 3px solid #f3f7fe;
  border-bottom: 3px solid #f3f7fe;
}

.slideItem+.slideItem {
  border-top: 0;
}

.slideItem .infoBlockHead {
  cursor: pointer;
  position: static;
  border-top: 0;
  border-bottom: 0;
  min-height: 78px;
  padding-left: 108px;
  padding-right: 108px;
}

.slideItem .infoBlockHead .toggleIcon {
  display: block;
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #1c34d9;
  background-color: #fff;
  width: 39px;
  height: 39px;
  right: 0;
  top: 19px;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.slideItem .infoBlockHead .toggleIcon:before,
.slideItem .infoBlockHead .toggleIcon:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #080f4d;
  -webkit-transition: background-color 0.3s, opacity 0.3s;
  -moz-transition: background-color 0.3s, opacity 0.3s;
  -o-transition: background-color 0.3s, opacity 0.3s;
  transition: background-color 0.3s, opacity 0.3s;
}

.slideItem .infoBlockHead .toggleIcon:before {
  height: 1px;
  width: 19px;
  left: 8px;
  top: 17px;
}

.slideItem .infoBlockHead .toggleIcon:after {
  width: 1px;
  height: 19px;
  top: 8px;
  left: 17px;
}

.slideItem .infoBlockHead.opened .caption,
.slideItem .infoBlockHead:hover .caption {
  color: #ff4c37;
}

.slideItem .infoBlockHead.opened .toggleIcon,
.slideItem .infoBlockHead:hover .toggleIcon {
  border-color: #ff4c37;
}

.slideItem .infoBlockHead.opened .toggleIcon:before,
.slideItem .infoBlockHead.opened .toggleIcon:after,
.slideItem .infoBlockHead:hover .toggleIcon:before,
.slideItem .infoBlockHead:hover .toggleIcon:after {
  background-color: #ff4c37;
}

.slideItem .infoBlockHead.opened .toggleIcon:after {
  opacity: 0;
}

.slideItem .infoBlockHead .caption {
  font-size: 17px;
}

.slideItem .infoBlockContent {
  display: none;
  padding-left: 108px;
  padding-right: 108px;
}

.slideItem .infoBlockContent .textWrapper {
  padding-bottom: 52px;
}

@media (max-width: 1899px) {
  .headerInner .logoWrapper {
    padding-top: 25px;
    left: -66px;
  }

  .headerInner .logoWrapper:before {
    top: -122px;
    right: -205px;
  }
}

@media (max-width: 1599px) {
  .startScreen .bannerVisual {
    margin-left: -30px;
  }

  .programmSection .spiralImage {
    margin-left: -692px;
    top: 88px;
  }

  .startInner .bannerVisual {
    width: 660px;
  }
}

@media (max-width: 1399px) {
  .headerInner .siteMenuList {
    padding-right: 7px;
    width: auto;
    margin-left: auto;
  }

  .headerInner .siteMenuList li {
    padding: 0 21px;
  }

  .startScreen .bannerVisual {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    top: 100px;
    margin-left: -64px;
  }

  .startInner .bannerVisual {
    top: 0;
  }

  .roadMapSection .spiralImage {
    bottom: -110px;
    margin-left: 307px;
  }

  .roadMapSection .roadMapCarousel .slick-arrow.slick-prev {
    left: -130px;
  }

  .roadMapSection .roadMapCarousel .slick-arrow.slick-next {
    right: -130px;
  }

  .aboutMainSection .visualWrapper {
    left: -78px;
  }

  .programmSection .spiralImage {
    margin-left: -584px;
    top: 130px;
  }
}

@media (max-width: 1199px) {
  .headerInner .siteInfoBlock {
    margin-left: 28px;
  }

  .headerInner .siteInfoBlock+.siteInfoBlock {
    margin-left: 18px;
  }

  .headerInner .langMenuList {
    margin: 0;
  }

  .headerInner .siteSocialsList {
    margin: 0 10px;
  }

  .headerInner .siteMenuWrapper {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin-left: 0;
    margin-right: 0;
  }

  .headerInner .siteMenuList {
    padding-right: 0;
    margin-right: -10px;
  }

  .headerInner .signMenu {
    margin-top: 27px;
    margin-right: -10px;
  }

  .startScreen {
    background-position: calc(50% + 75px) bottom;
  }

  .startScreen .mainBannerTitle {
    font-size: 44px;
    line-height: 54px;
    margin-bottom: 20px;
  }

  .startScreen .btnContainer {
    margin-top: 13px;
  }

  .startScreen .companyStatistic {
    width: calc(100% + 60px);
    max-width: initial;
  }

  .startScreen .bannerVisual {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    top: 28px;
    margin-left: -137px;
  }

  .startScreen .mainBannerTitle {
    padding-right: 20px;
  }

  .startScreen .pageTitle {
    font-size: 66px;
    line-height: 66px;
  }

  .startInner {
    padding-bottom: 100px;
  }

  .startInner .bannerVisual {
    top: 0;
    width: 713px;
  }

  .tarifsSection .investStatisticBlock .statisticItem {
    padding-right: 0;
    width: 168px;
  }

  .tarifsCaroselWrapper {
    margin-top: 44px;
  }

  .calcWrapper .btnContainer {
    margin-top: 96px;
  }

  .calcWrapper .visualWrapper {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    transform-origin: 0 0;
    margin-left: -18px;
    margin-bottom: -20%;
    margin-top: -9px;
  }

  .calcWrapper .paymentsList {
    margin: 46px -10px 0;
  }

  .calcWrapper .tarifsDataCarousel .tarifInfo .tarifInfoItem {
    padding: 38px 15px;
  }

  .roadMapSection {
    margin-top: 184px;
  }

  .roadMapSection .spiralImage {
    bottom: -110px;
    margin-left: 307px;
  }

  .roadMapSection .roadMapCarouselWrapper {
    max-width: 784px;
  }

  .roadMapSection .yearsLine {
    left: -65px;
    width: calc(100% + 130px);
  }

  .roadMapSection .roadMapCarousel .slick-arrow.slick-prev {
    left: -110px;
  }

  .roadMapSection .roadMapCarousel .slick-arrow.slick-next {
    right: -110px;
  }

  .roadMapSection .quaterItem:before,
  .roadMapSection .quaterItem:after {
    width: 65px;
  }

  .roadMapSection .quaterItem:before {
    left: -65px;
  }

  .roadMapSection .quaterItem:after {
    right: -65px;
  }

  .roadMapSection .quaterItem .info {
    padding: 0 10px 0 11px;
  }

  .roadMapSection .spiralImage {
    bottom: -70px;
  }

  .aboutMainSection .visualWrapper {
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
    transform-origin: 0 0;
    left: -70px;
  }

  .aboutMainSection .sectionInner .visualColumn {
    width: 50%;
  }

  .aboutMainSection .sectionInner .textColumn {
    width: calc(50% - 27px);
  }

  .aboutMainSection .wideColumn {
    margin-top: 22px;
  }

  .aboutMainSection .wideColumn .leftColumn {
    width: 50%;
    padding-bottom: 48px;
    padding-right: 0px;
  }

  .aboutMainSection .proposalsList {
    width: calc(50% - 27px);
  }

  .aboutMainSection .btnContainer .btnMain {
    width: calc(50% - 10px);
    margin-top: 25px;
  }

  .aboutMainSection .aboutRegCompany {
    max-width: 100%;
  }

  .aboutMainSection .spiralImage {
    left: 97px;
    bottom: 65px;
  }

  .visualWrapper.refVisual {
    -moz-transform: scale(0.82);
    -ms-transform: scale(0.82);
    -webkit-transform: scale(0.82);
    -o-transform: scale(0.82);
    transform: scale(0.82);
  }

  .refferalSection {
    margin-top: 113px;
  }

  .refferalSection .visualWrapper {
    top: -80px;
    right: -84px;
  }

  .refferalSection .sectionInner .textColumn {
    width: calc(50% - 15px);
  }

  .statisticSection .statisticNums .iconInfoItem {
    min-width: 0;
    margin-top: 15px;
  }

  .statisticSection .statisticNums .iconInfoItem:nth-child(2n+1) {
    padding-right: 20px;
  }

  .statisticSection .sectionInner .textColumn {
    width: 50%;
  }

  .linksAppSection {
    margin-top: 53px;
  }

  .linksAppSection .visualWrapper {
    -moz-transform: scale(0.84);
    -ms-transform: scale(0.84);
    -webkit-transform: scale(0.84);
    -o-transform: scale(0.84);
    transform: scale(0.84);
    top: 0;
    left: -60px;
  }

  .linksAppSection .textColumn {
    padding-top: 60px;
  }

  .footerInner {
    padding-bottom: 83px;
  }

  .footerInner .footerMainItem {
    width: 320px;
    padding-right: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footerInner .footerAddInfo {
    width: calc(100% - 320px);
  }

  .footerInner .footerAddItem:nth-child(2n) {
    padding-left: 0;
  }

  .footerInner .copyright {
    margin-top: auto;
  }

  .siteFooter {
    padding-top: 216px;
  }

  .siteFooter:before {
    background-size: auto;
    background-position: calc(50% + 91px) top;
    background-repeat: no-repeat;
    top: -124px;
    height: calc(100% + 124px);
  }

  .aboutPageSection .sectionInner {
    margin-top: -50px;
  }

  .aboutPageSection .sectionInner .textColumn {
    margin-top: 50px;
  }

  .aboutPageSection .regInfoWrapper {
    margin-top: 50px;
  }

  .aboutPageSection .certWrapper {
    margin-bottom: 50px;
  }

  .aboutPageSection .proposalsList {
    margin-top: 26px;
  }

  .aboutPageSection .proposalsList .iconInfoItem {
    width: calc(50% - 12px);
    margin-top: 24px;
  }

  .siteInfoCards .siteInfoCard {
    width: calc(50% - 12px);
  }

  .proposalSection .spiralImage {
    bottom: -100px;
    margin-left: 357px;
  }

  .siteStepsScheme {
    margin-top: 78px;
  }

  .businessModelSection .sectionInner .textColumn {
    width: 100%;
  }

  .businessModelSection .sectionInner .visualColumn {
    width: 100%;
  }

  .businessModelSection .businessModel {
    margin-top: 50px;
  }

  .businessModelSection .businessModel .modelItem {
    width: calc(50% - 12px);
  }

  .businessModelSection .businessModel .modelItem .imageIcon {
    margin-bottom: 30px;
  }

  .bulletDownWrapper {
    margin-bottom: 0;
    margin-top: 76px;
  }

  .bulletDownWrapper.fullWidth {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }

  .bulletDownWrapper.fullWidth .textWrapper {
    display: none;
  }

  .programmSection .spiralImage {
    margin-left: -505px;
    top: 86px;
  }

  .programmTypesSection .visualWrapper {
    margin-top: 10px;
    margin-bottom: -90px;
  }

  .tabs .tabsList {
    margin-right: -12px;
    margin-left: -12px;
  }

  .tabs .tabsList li {
    padding-left: 12px;
    padding-right: 12px;
  }

  .ratingList {
    margin-right: -24px;
  }

  .ratingList .ratingItem {
    width: calc((100% - 96px) / 4);
    height: 324px;
    padding: 20px;
    margin-top: 24px;
    margin-right: 24px;
  }

  .newsList {
    margin-right: -24px;
  }

  .newsList .newsItem {
    width: calc((100% - 72px) / 3);
    margin-right: 24px;
  }

  .mainNewsSection {
    margin-bottom: 80px;
  }

  .newsItem .inner {
    padding: 27px 30px 40px;
  }

  .contactsInfoList .contactsItem {
    width: calc(50% - 12px);
    margin-top: 24px;
  }
}

@media (max-width: 1023px) {
  .headerInner .logoWrapper:before {
    top: -115px;
    right: -150px;
  }

  .headerInner .siteMenuWrapper {
    position: absolute;
    top: 121px;
    left: 0;
    background-color: #fff;
    z-index: 5;
    margin-top: 0;
  }

  .headerInner .siteMenuList {
    display: block;
  }

  .headerInner .siteMenuList li {
    padding: 0 21px;
    border-top: solid 2px #eaf2ff;
    padding: 15px 5px 25px;
  }

  .headerInner .siteMenuList li::before {
    display: none;
  }

  .headerInner .siteMenuList li.active a {
    color: #ea5a44;
  }

  .headerInner .siteMenuList li a {
    font-size: 17px;
    text-align: left;
    color: #09104a;
  }

  .headerInner .signMenu {
    display: block;
    margin: 0;
  }

  .headerInner .signMenu .signBtn {
    padding: 15px 5px 25px;
    width: 100%;
    border: 0;
    border-top: solid 2px #eaf2ff;
    height: auto;
    font-size: 17px;
    text-align: left;
    color: #2840df;
    background: transparent;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }
}

@media (max-width: 991px) {
  .headerInner {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top: 25px;
  }

  .headerInner .siteInfoBlock {
    display: none;
  }

  .headerInner .siteMenuWrapper {
    display: none;
  }

  .headerInner .headTopLine {
    min-width: 100%;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 50px;
  }

  .headerInner .logoWrapper {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    padding-top: 0;
    padding-bottom: 10px;
  }

  .headerInner .logoWrapper:before {
    background-image: url(../img/logo-back-mob.png);
    height: 180px;
    width: 519px;
    right: auto;
    left: -68px;
    top: -90px;
  }

  .headerInner .siteSocialsList {
    margin-left: 0;
  }

  .headerInner .langMenu {
    margin-right: -9px;
  }

  .startScreen .bannerVisual {
    display: none;
  }

  .startScreen .bannerText {
    display: none;
    font-size: 15px;
    line-height: 25px;
  }

  .topCurRate {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }

  .startScreen {
    padding-bottom: 64px;
    background-size: 2200px auto;
    background-position: calc(50% + 207px) bottom;
  }

  .startScreen .companyStatistic {
    width: calc(100% - 120px);
    margin-top: 40px;
  }

  .startScreen .companyStatistic .statisticItem {
    margin-top: 3px;
    width: calc(50% - 10px);
  }

  .startScreen .pageTitle {
    margin-bottom: 20px;
  }

  .startInner .bannerInner {
    padding-top: 30px;
  }

  .startInner .bannerInner .btnContainer {
    margin-top: 13px;
  }

  .bannerInner {
    padding-top: 30px;
    padding-right: 0;
  }

  .tarifsSection .visualColumn {
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .tarifsSection .investStatisticBlock {
    margin: 0 -10px;
    padding-bottom: 82px;
  }

  .tarifsSection .investStatisticBlock .statisticItem {
    width: auto;
    padding: 0 10px;
  }

  .tarifsSection .investStatisticBlock .statisticItem br {
    display: block;
  }

  .siteTarifsWrapper:before {
    margin-left: -1200px;
    top: -310px;
  }

  .siteTarifsWrapper.tarifsInner:before {
    top: -530px;
  }

  .calcWrapper {
    margin-top: 0;
  }

  .calcWrapper .formElements {
    display: block;
    margin-top: 20px;
  }

  .calcWrapper .formElements .formItem {
    width: 100%;
  }

  .calcWrapper .formElements .formItem:first-child {
    display: block;
  }

  .calcWrapper .calcRangeSlider {
    margin-top: 18px;
  }

  .calcWrapper .calcResult {
    margin-top: 38px;
  }

  .calcWrapper .calcResult .calcResultItem {
    width: calc(50% - 10px);
    padding: 19px 10px 21px;
  }

  .calcWrapper .btnContainer {
    margin-top: 71px;
  }

  .calcWrapper .visualColumn {
    display: none;
  }

  .calcWrapper .textColumn+.textColumn {
    margin-top: 40px;
  }

  .calcWrapper .tarifsDataCarousel {
    z-index: initial;
  }

  .calcWrapper .tarifsDataCarousel .tarifInfo .tarifInfoItem {
    padding: 20px 35px;
    width: calc(50% - 10px);
  }

  .tarifsCaroselWrapper .tarifItem .tarifInner:before,
  .tarifsCaroselWrapper .tarifItem .tarifInner:after {
    display: none;
  }

  .roadMapSection {
    margin-top: 168px;
  }

  .roadMapSection .spiralImage {
    display: none;
  }

  .roadMapSection .roadMapCarouselWrapper {
    max-width: 396px;
    margin-top: 60px;
  }

  .roadMapSection .yearsLine {
    top: 77px;
    left: -55px;
    width: calc(100% + 110px);
  }

  .roadMapSection .roadMapCarousel .slick-arrow {
    top: 59px;
  }

  .roadMapSection .roadMapCarousel:before {
    top: 56px;
  }

  .roadMapSection .quaterItem:before,
  .roadMapSection .quaterItem:after {
    width: 55px;
    top: 56px;
  }

  .roadMapSection .quaterItem:before {
    left: -55px;
  }

  .roadMapSection .quaterItem:after {
    right: -55px;
  }

  .roadMapSection .quaterItem .info {
    padding: 0 5px;
    text-align: center;
  }

  .roadMapSection .quaterItem .scheme {
    height: 62px;
  }

  .roadMapSection .carouselItem:nth-child(2n+1) .quaterItem {
    padding-top: 56px;
  }

  .roadMapSection .carouselItem:nth-child(2n+1) .quaterItem .scheme {
    margin-bottom: 30px;
  }

  .roadMapSection .carouselItem:nth-child(2n) .quaterItem .scheme {
    margin-bottom: 88px;
  }

  .aboutSection .btnContainer .spiralImage {
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
  }

  .aboutMainSection {
    margin-top: 130px;
  }

  .aboutMainSection .titleContainer {
    margin-bottom: 26px;
  }

  .aboutMainSection .sectionInner .textColumn,
  .aboutMainSection .sectionInner .visualColumn {
    width: 100%;
  }

  .aboutMainSection .sectionInner .visualColumn {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    margin-top: 32px;
  }

  .aboutMainSection .visualWrapper {
    left: 50%;
    top: 0;
    width: 100%;
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -webkit-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
  }

  .aboutMainSection .wideColumn {
    margin-top: 0;
    padding-top: calc(87.0624048706% - 20px);
  }

  .aboutMainSection .wideColumn .leftColumn {
    margin-top: 0;
    width: 100%;
    padding-bottom: 0;
    padding-right: 0;
  }

  .aboutMainSection .aboutRegCompany .aboutRegText {
    width: calc(50% + 23px);
    padding-left: 43px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-direction: normal;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .aboutMainSection .aboutRegCompany .certificate {
    margin: 0 auto;
  }

  .aboutMainSection .aboutRegCompany .address {
    margin-top: 10px;
  }

  .aboutMainSection .btnContainer {
    position: relative;
  }

  .aboutMainSection .spiralImage {
    left: 96px;
    bottom: 26px;
  }

  .aboutMainSection .proposalsList {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    margin-top: 110px;
  }

  .aboutMainSection .proposalsList .iconInfoItem {
    width: calc(50% - 13px);
    margin-top: 13px;
  }

  .aboutMainSection .proposalsList .iconInfoItem+.iconInfoItem {
    margin-top: 13px;
  }

  .aboutMainSection .proposalsList .iconInfoItem .dataCaption {
    line-height: 25px;
  }

  .aboutMainSection .proposalsList .iconInfoItem .iconImage {
    top: 6px;
  }

  .proposalsList br {
    display: block;
  }

  .visualWrapper.refVisual {
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    position: relative;
    margin-top: 33px;
    top: auto;
    right: auto;
  }

  .refferalSection .sectionInner .textColumn {
    width: 100%;
  }

  .refferalSection .titleContainer {
    margin-bottom: 19px;
  }

  .refferalSection .btnContainer {
    margin-top: 28px;
  }

  .bonusesSection {
    margin-top: 52px;
  }

  .bonusesCarousel {
    margin-top: 48px;
  }

  .statisticSection {
    margin-top: 79px;
  }

  .statisticSection .titleContainer {
    margin-bottom: 30px;
  }

  .statisticSection .sectionInner .textColumn {
    width: 50%;
    padding-right: 21px;
  }

  .statisticSection .sectionInner .visualColumn {
    width: 50%;
    padding-top: 88px;
  }

  .linksAppSection {
    margin-top: 23px;
  }

  .linksAppSection .sectionInner .textColumn {
    width: 50%;
  }

  .linksAppSection .sectionInner .visualColumn {
    width: 50%;
  }

  .linksAppSection .visualWrapper {
    -moz-transform: scale(0.53);
    -ms-transform: scale(0.53);
    -webkit-transform: scale(0.53);
    -o-transform: scale(0.53);
    transform: scale(0.53);
    transform-origin: left top;
    left: -13px;
    top: 70px;
  }

  .linksAppSection .titleContainer {
    margin-bottom: 23px;
  }

  .linksAppSection .btnContainer {
    margin-right: -19px;
    margin-top: 2px;
  }

  .linksAppSection .btnContainer .btnMain {
    margin-right: 19px;
    margin-top: 25px;
  }

  .footerInner .footerAddInfo {
    padding-top: 44px;
  }

  .footerInner .footerAddInfo .footerAddItem {
    width: 100%;
  }

  .footerInner .footerAddInfo .footerAddItem+.footerAddItem {
    display: none;
  }

  .siteFooter {
    padding-top: 137px;
  }

  .siteFooter:before {
    background-position: calc(50% + 269px) top;
    top: -151px;
    height: calc(100% + 151px);
  }

  .aboutPageSection .sectionInner {
    margin-top: -20px;
  }

  .aboutPageSection .sectionInner .textColumn {
    margin-top: 20px;
  }

  .aboutPageSection .companyRegInfo {
    max-width: 100%;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }

  .aboutPageSection .companyCertInfo {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin-right: 0;
  }

  .aboutPageSection .companyCertInfo .certificate {
    margin-right: 0;
  }

  .aboutPageSection .btnContainer {
    margin-top: 50px;
  }

  .aboutPageSection .btnContainer .spiralImage {
    bottom: 23px;
  }

  .aboutPageSection .certWrapper {
    margin-top: 30px;
  }

  .aboutPageSection .aboutVideo {
    margin-bottom: 30px;
  }

  .aboutPageSection .proposalsList .iconInfoItem {
    width: 100%;
  }

  .proposalSection {
    margin-top: 120px;
  }

  .proposalSection .spiralImage {
    display: none;
  }

  .siteInfoCards {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 60px;
  }

  .siteInfoCards .siteInfoCard {
    width: 100%;
  }

  .siteInfoCards .siteInfoCard+.siteInfoCard {
    margin-top: 24px;
  }

  .conditionSection {
    margin-top: 140px;
  }

  .siteStepsScheme {
    max-width: initial;
    overflow-x: auto;
    margin-left: calc((610px - 100vw) / 2);
    margin-right: calc((610px - 100vw) / 2);
    padding-bottom: 20px;
  }

  .siteStepsScheme .siteStepsSchemeInner {
    width: calc(870px + 100vw - 610px);
    padding-left: calc((100vw - 610px) / 2 + 56px);
    padding-right: calc((100vw - 610px) / 2 + 56px);
  }

  .siteStepsScheme .siteStepsSchemeInner:before {
    left: calc((100vw - 610px) / 2);
    width: calc(100% - (100vw - 610px));
  }

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

  .siteStepsScheme .schemeItem .inner {
    padding: 24px 5px 0;
  }

  .siteStepsScheme .schemeItem:nth-child(2n) .inner {
    margin-top: 97px;
  }

  .siteStepsScheme .schemeItem .btnMain {
    margin-left: auto;
    margin-right: auto;
  }

  .siteStepsScheme+.btnContainer {
    margin: 11px auto 0;
  }

  .businessModelSection {
    margin-top: 80px;
  }

  .businessModelSection .businessModel {
    display: block;
  }

  .businessModelSection .businessModel .modelItem {
    width: 100%;
  }

  .businessModelSection .businessModel .modelItem+.modelItem {
    margin-top: 24px;
  }

  .bulletDownWrapper {
    display: block;
    margin-top: 60px;
  }

  .bulletDownWrapper.fullWidth {
    max-width: 100%;
    margin-bottom: 0;
  }

  .bulletDownWrapper .bulletText {
    padding-right: 0;
    font-size: 25px;
  }

  .bulletDownWrapper .btnContainer {
    margin-bottom: 0;
    margin-top: 50px;
  }

  .bulletDownWrapper .btnContainer .spiralImage {
    margin-bottom: -50px;
  }

  .programmSection {
    margin-top: 120px;
  }

  .programmSection .titleContainer .textWrapper {
    font-size: 15px;
    line-height: 25px;
  }

  .programmSection .btnContainer {
    margin: 75px auto 0;
  }

  .programmSection .spiralImage {
    display: none;
  }

  .inviteInvestorsSection {
    margin-top: 140px;
  }

  .programmTypesSection {
    margin-top: 80px;
  }

  .programmTypesSection .titleContainer {
    margin-bottom: 40px;
  }

  .programmTypesSection .linesTurn {
    margin-top: 50px;
  }

  .programmTypesSection .linesTurn .turnLine .sum {
    font-size: 25px;
    line-height: 25px;
  }

  .programmTypesSection .textColumn+.textColumn {
    margin-top: 80px;
  }

  .programmTypesSection .visualWrapper {
    margin-bottom: 0;
  }

  .inviteInvestorsSection:before {
    margin-top: -540px;
  }

  .btnContainer.btnAnim .spiralImage {
    display: block;
  }

  .faqTabs .tabsList {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .faqTabs .tabsList li {
    width: 50%;
  }

  .faqTabs .faqList {
    margin-top: 36px;
  }

  .tabs .tabsList li {
    padding-bottom: 24px;
  }

  .tabs .tabsList .tabLink:before,
  .tabs .tabsList .tabLink:after {
    display: none;
  }

  .faqSection {
    margin-top: 0;
  }

  .slideItem .infoBlockHead .caption {
    line-height: 25px;
  }

  .firstSection {
    margin-top: 0;
  }

  .firstSection:before {
    bottom: -180px;
  }

  .rulesSection {
    margin-top: 120px;
  }

  .rulesItem .rulesHead .caption {
    font-size: 17px;
    line-height: 25px;
  }

  .rulesItem+.rulesItem {
    margin-top: 50px;
  }

  .rulesItem .listRules {
    margin-top: 30px;
  }

  .ratingList {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin-right: 0;
  }

  .ratingList .ratingItem {
    width: 230px;
    height: 324px;
    padding: 20px;
    margin-right: 0;
  }

  .newsItem.mainNewsItem {
    display: block;
  }

  .newsItem.mainNewsItem .imageWrapper {
    width: 100%;
  }

  .newsItem.mainNewsItem .inner {
    width: 100%;
    padding: 30px 0 0;
  }

  .newsList .newsItem {
    width: calc(50% - 24px);
  }

  .contactsSection {
    margin-top: 0;
  }

  .contactsInfoList .contactsItem {
    width: 100%;
  }

  .mapSection {
    margin-top: 80px;
  }

  .contactMapWrapper iframe {
    width: 100%;
    height: 360px;
  }

  .writeUsSection {
    margin-top: 80px;
    margin-bottom: 0;
  }

  .writeUsForm .btnContainer {
    margin-top: 50px;
  }

  .writeUsForm .formColumn {
    padding: 0;
    width: 100%;
  }

  .writeUsForm .formColumn+.formColumn {
    margin-top: 14px;
  }

  .writeUsForm .formContent {
    margin: 0;
  }
}

@media (max-width: 639px) {
  .topCurRate {
    max-width: calc(380px + (100vw - 480px) / 2);
  }

  .topCurRate .rateInner {
    padding: 0 10px 0 calc((100vw - 480px) / 2);
  }

  .startScreen {
    padding-bottom: 42px;
    background-position: -614px bottom;
  }

  .startScreen .mainBannerTitle {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 10px;
  }

  .startScreen .btnContainer {
    margin-top: 5px;
  }

  .startScreen .pageTitle {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 40px;
  }

  .startScreen .companyStatistic {
    width: 100%;
    margin-top: 24px;
  }

  .startScreen .companyStatistic .statisticItem {
    width: 290px;
    padding-right: 10px;
    margin-right: 0;
  }

  .bannerInner {
    padding-top: 16px;
  }

  .tarifsSection .investStatisticBlock {
    margin-top: -34px;
    padding-bottom: 182px;
  }

  .tarifsSection .investStatisticBlock .statisticItem {
    width: 50%;
    padding-top: 34px;
  }

  .siteTarifsWrapper:before {
    left: 0;
    top: -465px;
    margin-left: -922px;
  }

  .tarifsCaroselWrapper {
    margin-top: 26px;
  }

  .calcWrapper .calcResult {
    display: block;
    margin-top: 38px;
  }

  .calcWrapper .calcResult .calcResultItem {
    padding: 19px 10px 21px;
    width: 100%;
  }

  .calcWrapper .calcResult .calcResultItem+.calcResultItem {
    margin-top: 11px;
  }

  .calcWrapper .tarifsDataCarousel .tarifInfo {
    display: block;
  }

  .calcWrapper .tarifsDataCarousel .tarifInfo .tarifInfoItem {
    padding: 19px 10px 21px;
    width: 100%;
  }

  .calcWrapper .tarifsDataCarousel .tarifInfo .tarifInfoItem+.tarifInfoItem {
    margin-top: 11px;
  }

  .calcWrapper .tarifsDataCarousel .tarifInfo .tarifInfoItem .caption br {
    display: none;
  }

  .roadMapSection {
    margin-top: 146px;
  }

  .roadMapSection .roadMapCarouselWrapper {
    max-width: 84px;
    margin-top: 50px;
  }

  .roadMapSection .quaterItem .info {
    min-width: 196px;
    margin-left: -56px;
  }

  .roadMapSection .carouselItem:nth-child(2n+1) .quaterItem .scheme {
    margin-bottom: 6px;
  }

  .roadMapSection .carouselItem:nth-child(2n) .quaterItem .scheme {
    margin-bottom: 64px;
  }

  .aboutMainSection {
    margin-top: 120px;
  }

  .aboutMainSection .titleContainer {
    margin-bottom: 16px;
  }

  .aboutMainSection .sectionInner .visualColumn {
    margin-top: 27px;
  }

  .aboutMainSection .aboutRegCompany {
    padding: 15px 5px 15px 0;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-top: 37px;
  }

  .aboutMainSection .aboutRegCompany .certificate {
    width: 98px;
  }

  .aboutMainSection .aboutRegCompany .aboutRegText {
    width: calc(100% - 98px);
    padding-left: 19px;
  }

  .aboutMainSection .aboutRegCompany .address {
    margin-top: 0px;
  }

  .aboutMainSection .aboutRegCompany .address .siteInfoBlock {
    padding-left: 48px;
  }

  .aboutMainSection .btnContainer {
    display: block;
    max-width: 380px;
    margin-top: 57px;
  }

  .aboutMainSection .btnContainer .btnMain {
    width: 100%;
  }

  .aboutMainSection .spiralImage {
    bottom: 100%;
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    margin-bottom: -30px;
  }

  .aboutMainSection .proposalsList {
    display: block;
    margin-top: 42px;
  }

  .aboutMainSection .proposalsList .iconInfoItem {
    width: 100%;
    margin-top: 23px;
  }

  .aboutMainSection .proposalsList .iconInfoItem+.iconInfoItem {
    margin-top: 23px;
  }

  .proposalsList br {
    display: none;
  }

  .visualWrapper.refVisual {
    -moz-transform: translateX(-50%) scale(0.5);
    -ms-transform: translateX(-50%) scale(0.5);
    -webkit-transform: translateX(-50%) scale(0.5);
    -o-transform: translateX(-50%) scale(0.5);
    transform: translateX(-50%) scale(0.5);
    transform-origin: center 0;
    margin-top: 26px;
    margin-bottom: -239px;
    margin-left: 50%;
  }

  .refferalSection {
    margin-top: 97px;
  }

  .statisticSection .sectionInner .textColumn {
    width: 100%;
    padding-right: 0px;
  }

  .statisticSection .sectionInner .visualColumn {
    width: 100%;
    padding-top: 58px;
  }

  .linksAppSection {
    margin-top: 11px;
  }

  .linksAppSection .sectionInner {
    position: relative;
  }

  .linksAppSection .sectionInner .textColumn {
    width: 100%;
  }

  .linksAppSection .sectionInner .visualColumn {
    width: 100%;
  }

  .linksAppSection .visualColumn {
    position: absolute;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    min-width: calc(100% + 20px);
    margin-left: -10px;
    padding-top: 240.62px;
    bottom: 98px;
  }

  .linksAppSection .visualWrapper {
    -moz-transform: scale(0.53) translateX(-50%);
    -ms-transform: scale(0.53) translateX(-50%);
    -webkit-transform: scale(0.53) translateX(-50%);
    -o-transform: scale(0.53) translateX(-50%);
    transform: scale(0.53) translateX(-50%);
    top: 0;
    left: 50%;
  }

  .linksAppSection .btnContainer {
    padding-top: 314.62px;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }

  .footerInner {
    padding-bottom: 35px;
  }

  .footerInner .footerAddInfo {
    display: none;
  }

  .footerInner .footerMainItem {
    width: 100%;
  }

  .siteFooter {
    padding-top: 97px;
  }

  .siteFooter:before {
    background-position: -660px top;
  }

  .aboutPageSection .companyRegInfo {
    display: block;
    padding: 40px 30px;
  }

  .aboutPageSection .companyRegInfo .address {
    width: 100%;
    max-width: 290px;
    margin-top: 20px;
  }

  .aboutPageSection .companyRegInfo .regNum {
    width: 100%;
    padding-right: 0;
  }

  .aboutPageSection .btnMain {
    min-width: 0;
  }

  .aboutPageSection .certWrapper .btnMain {
    min-width: 0;
    max-width: 100%;
  }

  .aboutPageSection .aboutVideo {
    height: 311px;
  }

  .aboutPageSection .companyCertInfo {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }

  .aboutPageSection .companyCertInfo .certificate {
    width: calc(50% - 5px);
    height: auto;
  }

  .aboutPageSection .proposalsList .iconInfoItem {
    width: 100%;
    padding: 32px 24px 32px 120px;
  }

  .aboutPageSection .proposalsList .iconInfoItem .iconImage {
    left: 28px;
  }

  .proposalSection {
    margin-top: 120px;
  }

  .siteInfoCards .siteInfoCard {
    padding: 40px 8px 44px;
  }

  .siteInfoCards .siteInfoCard .levels .percent {
    font-size: 36px;
    line-height: 36px;
    padding-left: 0;
  }

  .siteInfoCards .siteInfoCard .levels .levelItem+.levelItem {
    padding-left: 40px;
  }

  .siteInfoCards .siteInfoCard .levels .levelItem+.levelItem:before {
    font-size: 24px;
    line-height: 24px;
    width: 40px;
  }

  .conditionSection {
    margin-top: 120px;
  }

  .conditionSection:before {
    top: 0;
  }

  .siteStepsScheme {
    margin-left: calc((460px - 100vw) / 2);
    margin-right: calc((460px - 100vw) / 2);
    margin-top: 60px;
  }

  .siteStepsScheme .siteStepsSchemeInner {
    width: calc(810px + 100vw - 460px);
    padding-left: calc((100vw - 460px) / 2 + 56px);
    padding-right: calc((100vw - 460px) / 2 + 56px);
  }

  .siteStepsScheme .siteStepsSchemeInner:before {
    left: calc((100vw - 460px) / 2);
    width: calc(100% - (100vw - 460px));
  }

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

  .siteStepsScheme .schemeItem .inner {
    padding: 24px 5px 0;
  }

  .siteStepsScheme .schemeItem:nth-child(2n) .inner {
    margin-top: 97px;
  }

  .businessModelSection .businessModel .modelItem {
    padding: 28px 20px 40px;
  }

  .businessModelSection .businessModel .modelItem .imageIcon {
    margin-bottom: 24px;
  }

  .programmSection .titleContainer .textWrapper br {
    display: none;
  }

  .programmTypesSection .linesTurn:before {
    width: 112px;
  }

  .programmTypesSection .linesTurn .turnLine .pre {
    font-size: 12px;
    line-height: 24px;
  }

  .programmTypesSection .linesTurn .turnLine .sum {
    font-size: 20px;
    line-height: 25px;
  }

  .programmTypesSection .linesTurn .turnLine .lineItem {
    width: calc(100% - 116px);
    max-width: 200px;
  }

  .programmTypesSection .linesTurn .turnLine .lineItem:nth-child(2) {
    width: 116px;
  }

  .programmTypesSection .linesTurn .turnLine:before {
    width: 112px;
  }

  .tabs .tabsList .tabLink {
    min-height: 190px;
    padding: 30px 10px 25px;
  }

  .bulletDownWrapper .bulletText .dataCaption {
    font-size: 15px;
    margin-top: 10px;
    line-height: 25px;
  }

  .slideItem .infoBlockHead {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
  }

  .slideItem .infoBlockHead:before,
  .slideItem .infoBlockHead:after {
    width: 60px;
  }

  .slideItem .infoBlockHead .caption {
    font-size: 15px;
    line-height: 23px;
    margin-top: 77px;
  }

  .slideItem .infoBlockContent {
    padding-left: 0;
    padding-right: 0;
  }

  .slideItem .infoBlockContent .textWrapper {
    padding-bottom: 35px;
  }

  .infoBlockHead .num {
    width: 60px;
  }

  .rulesItem .rulesHead {
    padding-left: 80px;
  }

  .rulesItem .rulesHead .caption {
    font-size: 15px;
    line-height: 23px;
  }

  .rulesItem .rulesHead .num {
    width: 60px;
  }

  .ratingList {
    padding-bottom: 0;
    margin-right: -24px;
  }

  .ratingList .ratingItem {
    width: calc(50% - 24px);
    height: auto;
    margin-right: 24px;
  }

  .newsList {
    margin-right: 0;
  }

  .newsList .newsItem {
    width: 100%;
    margin-right: 0;
  }

  .paginationWrapper {
    margin-top: 60px;
  }

  .contactsInfoList .contactsItem {
    min-height: 140px;
    padding: 0 30px 8px 120px;
  }

  .contactsInfoList .contactsItem .iconImage {
    left: 22px;
  }
}

@media (max-width: 479px) {
  .topCurRate {
    max-width: 100%;
  }

  .topCurRate .rateInner {
    padding: 0 10px;
  }

  .aboutPageSection .aboutVideo {
    height: 220px;
  }

  .aboutPageSection .aboutVideo .videoContent {
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }

  .aboutPageSection .aboutVideo:hover .videoContent {
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }

  .aboutPageSection .proposalsList .iconInfoItem .dataCaption {
    min-height: 80px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .aboutPageSection .proposalsList .iconInfoItem .iconImage {
    top: 32px;
  }

  .aboutPageSection .proposalsList .iconInfoItem p {
    margin-left: -88px;
  }

  .bulletDownWrapper .bulletText {
    font-size: 20px;
    line-height: 30px;
  }

  .conditionSection:before {
    top: 100%;
    margin-top: -400px;
  }

  .siteStepsScheme {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 50px;
  }

  .siteStepsScheme .siteStepsSchemeInner {
    width: 830px;
    padding-left: 36px;
    padding-right: 36px;
  }

  .siteStepsScheme .siteStepsSchemeInner:before {
    left: 10px;
    width: calc(100% - 20px);
  }

  .faqTabs .tabsList li {
    width: 100%;
  }

  .ratingList {
    display: block;
    margin-right: 0;
  }

  .ratingList .ratingItem {
    width: 100%;
    max-width: 290px;
    padding: 40px 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .paginationWrapper ul a {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }

  .paginationWrapper ul a .icon {
    line-height: 36px;
    font-size: 32px;
  }

  .contactsInfoList .contactsItem {
    min-height: 140px;
    padding: 0 20px 8px 100px;
  }

  .contactsInfoList .contactsItem .iconImage {
    left: 15px;
    width: 66px;
    margin-top: -34px;
  }

  .contactMapWrapper iframe {
    height: 280px;
  }
}

.cabWrapper {
  background-color: #f4f8ff;
  display: flex;
  position: relative;
  min-height: 1220px;
}

.cabWrapper .paginationWrapper {
  margin-top: 38px;
}

.cabWrapper .paginationWrapper ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 -8px;
}

.cabWrapper .paginationWrapper ul li {
  padding: 0 8px;
}

.cabWrapper .paginationWrapper ul li.pag-prev {
  margin-right: auto;
}

.cabWrapper .paginationWrapper ul li.pag-prev a {
  background-color: transparent;
}

.cabWrapper .paginationWrapper ul li.pag-next {
  margin-left: auto;
}

.cabWrapper .paginationWrapper ul li.pag-next a {
  background-color: transparent;
}

.cabWrapper .paginationWrapper ul a {
  display: block;
  font-size: 15px;
  line-height: 42px;
  color: #080f4d;
  font-weight: 600;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  background-color: #ebf2ff;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}

.cabWrapper .paginationWrapper ul a .icon {
  display: block;
  font-size: 40px;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.cabWrapper .paginationWrapper ul a.active {
  color: #fff;
  background-color: #ff4c37;
}

.cabWrapper .paginationWrapper ul a:hover {
  color: #fff;
  background-color: #ff4c37;
}

.cabWrapper .paginationWrapper ul a:hover .icon {
  color: #ff4c37;
}

.cabWrapper .inputWrapper input {
  position: relative;
  z-index: 3;
}

.cabWrapper .btnContainer {
  z-index: 2;
}

.cabWrapper .slick-disabled {
  opacity: 0.33 !important;
}

.cabLeft {
  background-color: #fff;
  width: 207px;
}

.cabLeft .logoWrapper {
  padding: 21px 28px 27px;
}

.cabLeft .cabMenu {
  margin-top: 20px;
}

.cabCenter {
  position: relative;
  width: calc(100% - 305px);
}

.cabCenter .cabCenterTop {
  background-color: #2b43e5;
  display: flex;
}

.cabCenter .cabCenterTop .cabTopMenu {
  display: flex;
  width: 25%;
}

.cabCenter .cabCenterTop .cabTopMenu li {
  position: relative;
  z-index: 1;
  width: 25%;
  padding: 13px 0 4px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cabCenter .cabCenterTop .cabTopMenu li>a,
.cabCenter .cabCenterTop .cabTopMenu li .invisBtn {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  cursor: pointer;
}

.cabCenter .cabCenterTop .cabTopMenu li img {
  width: 45px;
  display: table;
  margin: 0 auto;
}

.cabCenter .cabCenterTop .cabTopMenu li .txt {
  font-size: 11px;
  color: #fff;
  display: table;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  margin: 5px auto 0;
}

.cabCenter .cabCenterTop .cabTopMenu li .count {
  opacity: 0;
  background-color: #ff4c37;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: -7px;
  right: -16px;
  line-height: 14px;
}

.cabCenter .cabCenterTop .cabTopMenu li.message .count {
  opacity: 1;
}

.cabCenter .cabCenterTop .cabTopMenu li+ :nth-child(2n) {
  background-color: #1c34d9;
}

.cabCenter .cabCenterTop .cabTopMenu li:hover {
  background-color: #091149;
}

.cabCenter .cabCenterTop .cabYouBalance {
  width: 18%;
  padding: 15px 32px;
}

.cabCenter .cabCenterTop .cabYouBalance .tit {
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
}

.cabCenter .cabCenterTop .cabYouBalance .value {
  color: #fff;
  font-size: 30px;
  display: block;
  font-weight: bold;
  margin-top: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.cabCenter .cabCenterTop .cabYouLastOper {
  display: flex;
  width: 424px;
  justify-content: space-between;
}

.cabCenter .cabCenterTop .cabYouLastOper .text {
  display: block;
  background-color: #1c34d9;
  padding: 18px 31px;
  width: calc(50% - 9px);
  color: #fff;
  font-size: 11px;
  line-height: 19px;
  text-transform: uppercase;
}

.cabCenter .cabCenterTop .cabYouLastOper .cabLastOper {
  width: 50%;
  padding: 17px 5px 0 37px;
  position: relative;
}

.cabCenter .cabCenterTop .cabYouLastOper .cabLastOper::before {
  content: "";
  position: absolute;
  left: -23px;
  top: 50%;
  border-top: solid 14px transparent;
  border-bottom: solid 14px transparent;
  border-left: solid 0px #2b43e5;
  border-right: solid 14px #2b43e5;
  margin-top: -14px;
}

.cabCenter .cabCenterTop .cabYouLastOper .cabLastOper .tit {
  color: #a0acff;
  font-size: 11px;
  line-height: 14px;
  display: block;
  text-transform: uppercase;
}

.cabCenter .cabCenterTop .cabYouLastOper .cabLastOper .date {
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.025em;
  white-space: nowrap;
}

.cabCenter .cabCenterTop .cabYouLastOper .cabLastOper .value {
  color: #fff;
  font-size: 20px;
  display: block;
  font-weight: bold;
  line-height: 18px;
  white-space: nowrap;
}

.cabCenter .cabCenterTop .cabLineBtns {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 25px 0;
  background-color: #1c34d9;
  flex: 1;
}

.cabCenter .cabCenterTop .cabLineBtns .btn {
  height: auto;
  padding: 9px 18px;
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  min-width: 110px;
}

.cabCenter .cabCenterTop .cabLineBtns .btn+.btn {
  margin-left: 16px;
}

.cabCenter .cabCenterTop .btnMain.btnColorAccent:hover {
  background-color: #091149;
  color: #fff;
  border-color: #091149;
}

.cabCenter .cabCenterTop .btnCabBlue:hover {
  background-color: #ff4c37;
  border-color: #ff4c37;
  color: #fff;
}

.cabCenter .cabCenterTop .btnCabBlue .btnCabBlue {
  padding: 9px 21px;
}

.cabCenter .cabLineInformation {
  display: flex;
  border-bottom: solid 2px #dfe8f7;
  padding: 0 10px 15px 70px;
  height: 103px;
}

.cabCenter .cabLineInformation .col {
  position: relative;
  padding: 27px 15px 20px 55px;
}

.cabCenter .cabLineInformation .col:nth-child(1) {
  width: calc(15% + 21px);
}

.cabCenter .cabLineInformation .col:nth-child(2) {
  width: calc(25% - 5px);
}

.cabCenter .cabLineInformation .col:nth-child(3) {
  width: calc(15% - 5px);
}

.cabCenter .cabLineInformation .col:nth-child(4) {
  width: calc(10% + 35px);
}

.cabCenter .cabLineInformation .col:nth-child(5) {
  width: calc(15% + 5px);
}

.cabCenter .cabLineInformation .col:nth-child(6) {
  width: calc(20% + 8px);
}

.cabCenter .cabLineInformation .col .iconBl {
  font-size: 30px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #091149;
  border: solid 2px #091149;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -14px;
}

.cabCenter .cabLineInformation .col .iconBl[class*=icon-server] {
  font-size: 23px;
}

.cabCenter .cabLineInformation .col .iconBl[class*=icon-career] {
  font-size: 22px;
}

.cabCenter .cabLineInformation .col .tit {
  display: block;
  font-size: 13px;
  line-height: 15px;
  color: #080f4d;
}

.cabCenter .cabLineInformation .col .link {
  display: block;
  text-decoration: underline;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 13px;
  line-height: 15px;
  color: #1c34d9;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 1px;
}

.cabCenter .cabLineInformation .col .link:hover {
  text-decoration-color: transparent;
}

.cabCenter .cabLineInformation .col .name,
.cabCenter .cabLineInformation .col .txt {
  display: block;
  font-size: 13px;
  line-height: 15px;
  color: #080f4d;
  font-weight: 600;
  margin-top: 10px;
}

.cabRight {
  width: 98px;
  background-color: #091149;
  position: relative;
  z-index: 5;
}

.linkBlue {
  color: #4960fd;
}

.linkRed {
  color: #ff4c37;
}

.cabClockWrapper {
  background-color: #091149;
  width: 100%;
  padding: 10px 0;
}

.cabClockWrapper .cabSocialLine {
  display: flex;
  justify-content: center;
}

.cabClockWrapper .cabSocialLine .langMenu li {
  margin-right: 12px;
}

.cabClockWrapper .cabSocialLine .langMenu .langMenuList a .flag {
  width: 30px;
  height: 30px;
}

.cabClockWrapper .cabSocialLine .siteSocialsList li {
  margin-right: 0;
}

.cabClockWrapper .cabSocialLine .siteSocialsList a {
  width: 30px;
  height: 30px;
}

.cabClockWrapper .cabSocialLine .siteSocialsList .icon {
  font-size: 18px;
  line-height: 30px;
}

.cabClockWrapper .cabClockBlock {
  margin-top: 9px;
}

.cabClockWrapper .cabClockBlock #time {
  display: block;
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.cabClockWrapper .cabClockBlock #time .txt {
  width: 36px;
  text-align: center;
  display: inline-block;
}

.cabClockWrapper .cabClockBlock #time .dot {
  margin: 0 8px;
}

.cabClockWrapper .cabClockBlock #date {
  margin-top: 1px;
  display: block;
  font-size: 11px;
  line-height: 13px;
  color: #ff4c37;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.cabMenu ul li {
  width: 100%;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  padding: 18px 20px;
  position: relative;
}

.cabMenu ul li>a,
.cabMenu ul li .invisBtn {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  cursor: pointer;
}

.cabMenu ul li img {
  width: 48px;
  margin: 0 auto;
}

.cabMenu ul li .text {
  font-size: 15px;
  line-height: 17px;
  color: #091149;
  font-weight: 600;
  display: block;
  margin-top: 7px;
}

.cabMenu ul li.active .text {
  color: #ff4c37;
}

.cabMenu ul li:hover {
  background-color: #eaf2ff;
}

.cabMenu ul li+li {
  border-top: solid 2px #eaf2ff;
}

.cabMenu ul li.new .count {
  display: block;
}

.cabMenu ul li:nth-child(2) img {
  width: 55px;
  margin-bottom: -5px;
}

.cabMenu .count {
  display: none;
  position: absolute;
  right: 0px;
  top: -2px;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
  background-color: #ff4c37;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomleft: 15px;
  -ms-border-bottom-left-radius: 15px;
  border-bottom-left-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -ms-border-top-left-radius: 15px;
  border-top-left-radius: 15px;
  text-transform: uppercase;
  padding: 4px 7px 4px 10px;
  font-weight: 600;
}

.copyRight {
  position: absolute;
  left: 0;
  bottom: 48px;
  width: 207px;
  text-transform: uppercase;
  text-align: center;
  font-size: 11px;
  line-height: 20px;
  color: #091149;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.balanceBlock {
  position: relative;
  height: 100%;
}

.balanceBlock .balanceTop {
  position: relative;
  padding: 15px 0 7px;
  background-color: #fff;
}

.balanceBlock .balanceTop img {
  display: table;
  margin: 0 auto;
  width: 50px;
}

.balanceBlock .balanceTop .txt {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 20px;
  color: #091149;
  font-weight: 600;
}

.balanceBlock .balanceTop::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  border-top: solid 10px #fff;
  border-bottom: solid 0px #fff;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  margin-left: -8px;
}

.balanceBlock .listBalance {
  background-color: #091149;
}

.balanceBlock .listBalance .item {
  padding: 19px 0 0;
  height: 102px;
}

.balanceBlock .listBalance .item .picture {
  margin: 0 auto;
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
}

.balanceBlock .listBalance .item .value {
  font-size: 11px;
  line-height: 18px;
  color: #fff;
  display: block;
  text-align: center;
  margin-top: 6px;
  white-space: nowrap;
  letter-spacing: -0.05em;
}

.balanceBlock .listBalance .item:last-child {
  border-bottom: solid 2px #2d3361;
}

.balanceBlock .listBalance .item+.item {
  border-top: solid 2px #2d3361;
}

.balanceBlock .listBalanceInfoWrap {
  height: calc(100% - 92px);
  position: absolute;
  right: 100%;
  top: 92px;
  background-color: #091149;
  border-right: solid 2px #2d3361;
}

.balanceBlock .listBalanceInfoWrap .listInfoBalance {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 0;
  overflow: hidden;
}

.balanceBlock .listBalanceInfoWrap .listInfoBalance.open {
  width: 220px;
}

.balanceBlock .listBalanceInfoWrap .listInfoBalance .item {
  padding: 8px 14px 15px;
  width: 220px;
  height: 102px;
}

.balanceBlock .listBalanceInfoWrap .listInfoBalance .item .tit {
  color: #8891ce;
  font-size: 11px;
  display: inline-block;
  vertical-align: middle;
}

.balanceBlock .listBalanceInfoWrap .listInfoBalance .item .val {
  color: #fff;
  font-size: 12px;
  line-height: 13px;
  display: block;
  white-space: nowrap;
}

.balanceBlock .listBalanceInfoWrap .listInfoBalance .item .link {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  margin-left: -2px;
  text-transform: uppercase;
  text-decoration: underline;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.balanceBlock .listBalanceInfoWrap .listInfoBalance .item .link:hover {
  text-decoration-color: transparent;
}

.balanceBlock .listBalanceInfoWrap .listInfoBalance .item:last-child {
  border-bottom: solid 2px #2d3361;
}

.balanceBlock .listBalanceInfoWrap .listInfoBalance .item+.item {
  border-top: solid 2px #2d3361;
}

.balanceBlock .listBalanceInfoWrap .btnMoreBalance {
  position: absolute;
  top: 0;
  left: -33px;
  color: #fff;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -ms-border-bottom-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -ms-border-bottom-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #091149;
  width: 34px;
  height: 34px;
  font-size: 10px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.balanceBlock .listBalanceInfoWrap .btnMoreBalance.open::before {
  opacity: 0;
}

.balanceBlock .listBalanceInfoWrap .btnMoreBalance.open span {
  opacity: 1;
}

.balanceBlock .listBalanceInfoWrap .btnMoreBalance span {
  opacity: 0;
  display: block;
  position: absolute;
  left: 8px;
  top: 13px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: calc(100% - 17px);
  display: block;
  background-color: #fff;
  height: 2px;
}

.balanceBlock .listBalanceInfoWrap .btnMoreBalance span+span {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.btnCabBlue {
  background-color: #091149;
  display: table;
  position: relative;
  max-width: 100%;
  height: 59px;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  line-height: 25px;
  color: #fff;
  font-weight: 600;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
  white-space: nowrap;
  cursor: pointer;
  background-color: #091149;
  border: 2px solid #091149;
  text-align: center;
  padding: 14px 18px 16px;
  min-width: 196px;
  -webkit-box-shadow: 0 0 0px transparent;
  -moz-box-shadow: 0 0 0px transparent;
  box-shadow: 0 0 0px transparent;
  -webkit-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  -moz-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
}

h2.capCabinet {
  font-size: 40px;
  line-height: 40px;
  color: #080f4d;
  font-weight: bold;
}

h3.capCabinet {
  font-size: 20px;
  line-height: 40px;
  color: #080f4d;
  font-weight: bold;
}

.timerBlock .timer .time {
  font-size: 30px;
  line-height: 35px;
  color: #080f4d;
  font-weight: bold;
}

.timerBlock .timer .toh {
  margin: 0 3px;
  font-size: 30px;
  line-height: 35px;
  color: #080f4d;
  font-weight: bold;
}

.cabContent {
  padding: 34px 70px 74px;
}

.cabYouActiveDeposit {
  padding: 28px 0;
}

.cabYouActiveDeposit .sliderActiveDeposit {
  margin-top: 38px;
}

.sliderActiveDeposit {
  width: 100%;
}

.sliderActiveDeposit .item {
  -webkit-box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
  box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
}

.sliderActiveDeposit .slick-next {
  position: absolute;
  right: -27px;
  top: 50%;
  z-index: 3;
  font-size: 40px;
  margin-top: -30px;
}

.sliderActiveDeposit .slick-prev {
  position: absolute;
  left: -23px;
  top: 50%;
  z-index: 3;
  font-size: 40px;
  margin-top: -30px;
}

.cabPlanBlock {
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr 1fr;
  padding-right: 125px;
  text-align: center;
  position: relative;
  height: 198px;
  overflow: hidden;
}

.cabPlanBlock .plan {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  grid-row-start: 1;
  grid-row-end: 3;
  border-right: solid 2px #dfe8f7;
}

.cabPlanBlock .plan .tit {
  font-size: 13px;
  line-height: 16px;
  color: #080f4d;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
}

.cabPlanBlock .plan .pr {
  font-size: 60px;
  line-height: 30px;
  color: #1c34d9;
  font-weight: bold;
  display: block;
  margin-top: 20px;
}

.cabPlanBlock .plan .day {
  font-size: 15px;
  line-height: 20px;
  color: #1c34d9;
  font-weight: bold;
  display: block;
  margin-top: 11px;
}

.cabPlanBlock .plan .desc {
  font-size: 11px;
  line-height: 16px;
  color: #787c8e;
  display: block;
  max-width: 50%;
  margin: 8px auto 0;
}

.cabPlanBlock .planInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  border-right: solid 2px #dfe8f7;
  border-bottom: solid 2px #dfe8f7;
}

.cabPlanBlock .planInfo.summDep .tit,
.cabPlanBlock .planInfo.summDep .val {
  color: #1c34d9;
}

.cabPlanBlock .planInfo.summGet .tit,
.cabPlanBlock .planInfo.summGet .val {
  color: #ff4c37;
}

.cabPlanBlock .planInfo.planSystem {
  border-bottom: 0;
}

.cabPlanBlock .planInfo.generalProfit {
  background-color: #f4f8ff;
  border-bottom: 0;
}

.cabPlanBlock .planInfo.profit {
  background-color: #f4f8ff;
}

.cabPlanBlock .planTimer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  grid-column-start: 4;
  grid-column-end: 6;
}

.cabPlanBlock .planTimer .timerBlock {
  margin-top: 5px;
}

.cabPlanBlock .tit {
  font-size: 13px;
  line-height: 16px;
  color: #091149;
  display: block;
}

.cabPlanBlock .date {
  font-size: 13px;
  line-height: 16px;
  color: #091149;
  font-weight: 600;
  display: block;
  margin-top: 15px;
}

.cabPlanBlock .planPic {
  margin: 0 auto;
  margin-top: 9px;
}

.cabPlanBlock .val {
  font-size: 20px;
  line-height: 30px;
  color: #080f4d;
  font-weight: bold;
  display: block;
  margin-top: 5px;
}

.progBattery {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #1c34d9;
  width: 129px;
  height: 100%;
  padding: 6px 0;
}

.progBattery::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  border-top: solid 24px transparent;
  border-bottom: solid 24px transparent;
  border-left: solid 0px #1c34d9;
  border-right: solid 24px #1c34d9;
  margin-top: -25px;
}

.progBattery .battery {
  position: relative;
  width: 60px;
  height: 170px;
  margin: 0 auto;
}

.progBattery .battery::before {
  content: "";
  position: absolute;
  left: 0;
  top: 22px;
  background-image: url("../img/back-battery.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 148px;
}

.progBattery .batteryPr {
  font-size: 15px;
  line-height: 25px;
  color: #fff;
  font-weight: bold;
}

.progBattery .progValue {
  position: absolute;
  left: 50%;
  bottom: 6px;
  width: 48px;
  height: 130px;
  margin-left: -24px;
}

.progBattery .progValue .value {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  background-image: url("../img/back-prog-val.png");
  background-position: bottom;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.cabHistoryDeposit {
  padding: 28px 0;
}

.cabHistoryDeposit .sliderHistoryDeposit {
  margin-top: 21px;
}

.slick-prev,
.slick-next {
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.slick-prev:hover,
.slick-next:hover {
  color: #ff4c37;
}

.sliderHistoryDeposit .slick-list {
  margin: 0 -19px;
}

.sliderHistoryDeposit .slick-track::after,
.sliderHistoryDeposit .slick-track::before {
  display: none;
}

.sliderHistoryDeposit .slick-next {
  position: absolute;
  right: -27px;
  top: 50%;
  z-index: 3;
  font-size: 40px;
  margin-top: -14px;
}

.sliderHistoryDeposit .slick-next:hover {
  color: #ff4c37;
}

.sliderHistoryDeposit .slick-prev {
  position: absolute;
  left: -23px;
  top: 50%;
  z-index: 3;
  font-size: 40px;
  margin-top: -14px;
}

.sliderHistoryDeposit .item {
  background-color: #f4f8ff;
  overflow: hidden;
  margin: 19px 19px;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0px 0px 11px 0px rgba(9, 16, 77, 0.07);
  box-shadow: 0px 0px 11px 0px rgba(9, 16, 77, 0.07);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
}

.sliderHistoryDeposit .item .title {
  width: 100%;
  background-color: #fff;
  display: block;
  text-align: center;
  font-size: 13px;
  line-height: 25px;
  color: #080f4d;
  font-weight: 600;
  text-transform: uppercase;
  padding: 2px 0;
}

.sliderHistoryDeposit .item .summa {
  border-top: solid 2px #dfe8f7;
}

.sliderHistoryDeposit .item .summa.sumDep {
  color: #223ce8;
}

.sliderHistoryDeposit .item .summa.sumProfit {
  color: #ff4c37;
  padding: 9px 0;
}

.sliderHistoryDeposit .item .summa .tit {
  display: block;
  font-size: 13px;
  line-height: 15px;
}

.sliderHistoryDeposit .item .summa .val {
  display: block;
  font-size: 20px;
  line-height: 33px;
  font-weight: bold;
}

.sliderHistoryDeposit .item .info {
  position: relative;
  border-top: solid 2px #dfe8f7;
  margin-top: 3px;
}

.sliderHistoryDeposit .item .info::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url("../img/safe-deposit.svg");
  background-repeat: no-repeat;
  width: 47px;
  height: 46px;
  margin-top: -20px;
  margin-left: -20px;
}

.sliderHistoryDeposit .item .info ul {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
}

.sliderHistoryDeposit .item .info ul li {
  width: calc(50% - 8px);
  text-align: center;
}

.sliderHistoryDeposit .item .info ul li .tit {
  color: #091149;
  font-size: 11px;
  line-height: 13px;
  display: block;
}

.sliderHistoryDeposit .item .info ul li .date {
  color: #091149;
  font-size: 11px;
  line-height: 13px;
  display: block;
  font-weight: 600;
  margin-top: 7px;
}

.cabYouOperations {
  padding: 5px 0;
}

.cabYouOperations .tableOperation {
  margin-top: 48px;
}

.filterBl {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 23px;
}

.filterBl .col {
  display: flex;
  justify-content: space-between;
  width: calc(20% - 16px);
}

.filterBl .col.colDate .inputWrapper {
  width: calc(33.3333333333% - 5px);
}

.filterBl .inputWrapper {
  width: 100%;
}

.filterBl .inputWrapper .selectric-open .selectric .icon {
  line-height: 46px;
}

.filterBl .inputWrapper .selectric .label {
  height: 50px;
  padding: 0 15px 0 20px;
}

.filterBl .inputWrapper .selectric .labelText {
  font-size: 13px;
}

.filterBl .inputWrapper .selectric .icon {
  right: -6px;
  top: -3px;
}

.filterBl .inputWrapper label {
  font-size: 13px;
  margin-bottom: 4px;
  display: block;
}

.filterBl .btnMain {
  min-width: 189px;
  position: relative;
  right: -3px;
  height: 49px;
  line-height: 12px;
  font-size: 12px;
}

.tableOperation .table .tr {
  display: flex;
  font-size: 13px;
  line-height: 20px;
  color: #091149;
  font-weight: 600;
}

.tableOperation .table .tr .td {
  position: relative;
  padding: 3px 3px 4px;
  border-top: solid 2px #dfe8f7;
}

.tableOperation .table .tr .td .titMobile,
.tableOperation .table .tr .td .tit {
  font-size: 11px;
  display: block;
}

.tableOperation .table .tr .td .titMobile {
  display: none;
}

.tableOperation .table .tr .td .val {
  font-size: 17px;
}

.tableOperation .table .tr .td .status {
  font-size: 13px;
  text-transform: uppercase;
}

.tableOperation .table .tr .td .status.good {
  color: #0ab77c;
}

.tableOperation .table .tr .td .status.not {
  color: #ff4c37;
}

.tableOperation .table .tr .td .status.wait {
  color: #797ea1;
}

.tableOperation .table .tr .td .picture {
  width: 35px;
  height: 35px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 8px;
  background-size: cover;
}

.tableOperation .table .tr .td .commentBl {
  position: relative;
  max-width: 260px;
  padding-left: 49px;
  display: flex;
  align-items: center;
  min-height: 40px;
}

.tableOperation .table .tr .td .commentBl .tit {
  display: none;
}

.tableOperation .table .tr .td .commentBl .iconBl {
  font-size: 24px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #091149;
  border: solid 2px #091149;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -17px;
}

.tableOperation .table .tr .td .commentBl .text {
  color: #797ea1;
  font-size: 11px;
  line-height: 12px;
  display: block;
}

.tableOperation .table .tr .td.summCreate {
  color: #223ce8;
  text-align: center;
}

.tableOperation .table .tr .td.sumCommision {
  color: #ff4c37;
  text-align: center;
}

.tableOperation .table .tr .td.checkOperation {
  width: calc(13% - 1px);
  padding-left: 50px;
}

.tableOperation .table .tr .td:nth-child(1) {
  width: calc(10% - 7px);
}

.tableOperation .table .tr .td:nth-child(2) {
  width: calc(13% - 4px);
}

.tableOperation .table .tr .td:nth-child(3) {
  width: calc(12% - 0px);
}

.tableOperation .table .tr .td:nth-child(4) {
  border-top: solid 2px #223ce8;
  width: calc(11% - 10px);
}

.tableOperation .table .tr .td:nth-child(5) {
  border-top: solid 2px #ff4c37;
  width: calc(11% - 10px);
}

.tableOperation .table .tr .td:nth-child(6) {
  width: calc(15% + 2px);
  padding-left: 50px;
}

.tableOperation .table .tr .td:nth-child(8) {
  width: 17%;
}

.tableOperation .table .tr:last-child {
  border-bottom: solid 2px #dfe8f7;
}

.cabYouInfo {
  display: flex;
  justify-content: space-between;
  margin-top: 64px;
  flex-wrap: wrap;
}

.cabYouInfo .cabYouInfoItem {
  width: calc(25% - 25px);
  height: 194px;
  position: relative;
}

.cabYouInfo .cabYouInfoItem.nextRange .listRang {
  background-color: #223ce8;
}

.cabYouInfo .cabYouInfoItem.nextRange .listRang::before {
  content: "";
  position: absolute;
  right: -23px;
  top: 50%;
  border-top: solid 24px transparent;
  border-bottom: solid 24px transparent;
  border-left: solid 24px #223ce8;
  border-right: solid 0px #223ce8;
  margin-top: -23px;
}

.cabYouInfo .cabYouInfoItem.nextRange .progBattery .progValue .value {
  background-image: url("../img/back-prog-val.png");
}

.cabYouInfo .cabYouInfoItem .title {
  color: #fff;
  font-size: 15px;
  display: block;
  position: relative;
  left: -50px;
  font-weight: 600;
}

.cabYouInfo .cabYouInfoItem .youInfoWrap {
  padding: 16px 0;
  color: #223ce8;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(9, 16, 81, 0.07);
  -moz-box-shadow: 0px 0px 11px 0px rgba(9, 16, 81, 0.07);
  box-shadow: 0px 0px 11px 0px rgba(9, 16, 81, 0.07);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.cabYouInfo .cabYouInfoItem .youInfoWrap.bonus {
  color: #ff4c37;
}

.cabYouInfo .cabYouInfoItem img {
  width: 62px;
  height: 62px;
  margin: 0 auto 7px;
}

.cabYouInfo .cabYouInfoItem .name {
  font-size: 13px;
  line-height: 25px;
  display: block;
  text-align: center;
}

.cabYouInfo .cabYouInfoItem .data {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  display: block;
  text-align: center;
}

.cabYouInfo .cabYouInfoItem .data .text {
  font-size: 13px;
  font-weight: normal;
}

.cabYouInfo .cabYouInfoItem .info {
  margin-top: 6px;
  display: flex;
  justify-content: space-between;
}

.cabYouInfo .cabYouInfoItem .info li {
  width: 50%;
  text-align: center;
  color: #091149;
  font-size: 11px;
  line-height: 13px;
}

.cabYouInfo .cabYouInfoItem .info li .tit {
  display: block;
}

.cabYouInfo .cabYouInfoItem .info li .num {
  font-weight: 600;
  display: block;
  font-size: 14px;
  margin-top: 6px;
}

.cabYouInfo .cabYouInfoItem .listRang {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  background-color: #ff4c37;
  width: 100%;
  height: 100%;
  padding: 15px 95px 15px 77px;
  position: relative;
}

.cabYouInfo .cabYouInfoItem .listRang li {
  position: relative;
  color: #fff;
}

.cabYouInfo .cabYouInfoItem .listRang li .iconBl {
  font-size: 30px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border: solid 2px #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: -50px;
  margin-top: -16px;
}

.cabYouInfo .cabYouInfoItem .listRang li .tit {
  text-align: left;
  font-size: 13px;
  line-height: 15px;
}

.cabYouInfo .cabYouInfoItem .listRang li .data {
  text-align: left;
}

.cabYouInfo .cabYouInfoItem .listRang li+li {
  margin-top: 8px;
}

.cabYouInfo .cabYouInfoItem .progBattery {
  background: transparent;
  text-align: center;
  right: -5px;
  top: 4px;
}

.cabYouInfo .cabYouInfoItem .progBattery::before {
  display: none;
}

.cabYouInfo .cabYouInfoItem .progBattery .progValue .value {
  background-image: url("../img/back-prog-val2.png");
}

.cabLines {
  display: flex;
  margin-top: 84px;
  width: 100%;
  padding: 0 0 0 15px;
}

.cabLines .col {
  width: 10%;
  text-align: center;
  position: relative;
  z-index: 2;
}

.cabLines .col.current {
  opacity: 1;
}

.cabLines .col.current:nth-child(2n) .top {
  border-color: #1c34d9;
}

.cabLines .col.current:last-child::after {
  background-color: #ff4c37;
}

.cabLines .col.current::before {
  background-color: #ff4c37;
}

.cabLines .col.current+.col::before {
  background-color: #ff4c37;
}

.cabLines .col.current .top {
  opacity: 1;
}

.cabLines .col.current ul {
  opacity: 1;
  border-left: solid 2px #1c34d9;
  border-right: solid 2px #1c34d9;
  border-bottom: solid 2px #1c34d9;
}

.cabLines .col::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  left: -10px;
  /* top: 50%; */
  top: 96px;
  margin-top: -13px;
  z-index: 1;
}

.cabLines .col::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  right: -10px;
  /* top: 50%; */
  top: 96px;
  margin-top: -13px;
  z-index: 1;
}

.cabLines .col:nth-child(2n) .top {
  border-color: #dfe8f7;
}

.cabLines .col:nth-child(2n) ul {
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.cabLines .col:last-child::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  right: -10px;
  top: 50%;
  margin-top: -13px;
  z-index: 1;
}

.cabLines .col .top {
  border: solid 2px transparent;
  border-bottom: 0;
  padding: 9px 0 4px;
  width: calc(100% + 4px);
  left: -2px;
  position: relative;
  opacity: 0.5;
}

.cabLines .col .top .name {
  color: #091149;
  font-size: 17px;
  line-height: 20px;
  font-weight: 600;
  display: block;
}

.cabLines .col .top .text {
  color: #080f4d;
  font-size: 11px;
  line-height: 14px;
  display: block;
  margin-top: 3px;
}

.cabLines .col .top .value {
  color: #0d154c;
  font-size: 15px;
  line-height: 20px;
}

.cabLines .col ul {
  opacity: 0.5;
  border: solid 2px #dfe8f7;
  border-top: solid 5px #dfe8f7;
  padding: 7px 0;
}

.cabLines .col ul li {
  color: #ff4c36;
  text-align: center;
}

.cabLines .col ul li .tit {
  font-size: 11px;
  line-height: 20px;
  display: block;
}

.cabLines .col ul li .data {
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  display: block;
}

.cabLines .col ul li+li {
  color: #223ce8;
}

.tiketsBlock {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 40px 0;
}

.tiketsBlock .tiketsMessage {
  width: calc(70% - 100px);
}

.tiketsBlock .tiketsMessage .messageList {
  margin-top: 38px;
}

.tiketsBlock .tiketsMessage .paginationWrapper {
  margin-top: 54px;
}

.tiketsBlock .tiketsSendMessage {
  width: calc(30% + 26px);
}

.tiketsBlock .tiketsSendMessage .note {
  color: #ff4c37;
}

.tiketsBlock .tiketsSendMessage .inputWrapper {
  margin-top: 27px;
  position: relative;
  z-index: 3;
}

.tiketsBlock .tiketsSendMessage .inputWrapper label {
  margin-bottom: 13px;
  display: block;
}

.tiketsBlock .tiketsSendMessage .inputWrapper textarea {
  height: 210px;
}

.tiketsBlock .tiketsSendMessage .inputWrapper+.inputWrapper {
  margin-top: 13px;
}

.tiketsBlock .tiketsSendMessage .btnContainer.btnAnim {
  margin-top: 94px;
  display: flex;
  justify-content: flex-end;
}

.tiketsBlock .tiketsSendMessage .btnContainer.btnAnim .spiralImage {
  right: 58px;
  left: auto;
}

.messageList .messageItem {
  padding: 16px 26px 14px 96px;
  background-color: #f4f8ff;
  position: relative;
  border: solid 2px #dfe8f7;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
  box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
  min-height: 97px;
}

.messageList .messageItem.answer {
  background-color: #fff;
  border-color: #fff;
}

.messageList .messageItem.answer .picture {
  background-image: url(../img/costumer-service.svg);
  background-position: 8px 3px;
}

.messageList .messageItem.answer::before {
  content: "";
  position: absolute;
  left: 30px;
  top: -32px;
  border-top: solid 15px transparent;
  border-bottom: solid 15px #fff;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent;
}

.messageList .messageItem.new .messageNew {
  display: block;
}

.messageList .messageItem .messageNew {
  position: absolute;
  right: -2px;
  top: -2px;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
  display: none;
  background-color: #ff4c37;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -ms-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomleft: 15px;
  -ms-border-bottom-left-radius: 15px;
  border-bottom-left-radius: 15px;
  text-transform: uppercase;
  padding: 4px 7px 4px 10px;
  font-weight: 600;
}

.messageList .messageItem .picture {
  background-color: #eef3fc;
  width: 58px;
  height: 58px;
  position: absolute;
  top: 19px;
  left: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/support3.svg);
}

.messageList .messageItem .name {
  font-size: 15px;
  line-height: 17px;
  color: #1c34d9;
  font-weight: 600;
  letter-spacing: 0.025em;
  display: block;
}

.messageList .messageItem .date {
  font-size: 11px;
  line-height: 20px;
  color: #ff4c37;
  font-weight: 600;
  letter-spacing: 0.025em;
  display: block;
}

.messageList .messageItem .text {
  font-size: 13px;
  line-height: 20px;
  color: #787c8e;
  letter-spacing: 0.025em;
}

.messageList .messageItem+.messageItem {
  margin-top: 30px;
}

.promoBlock .youRefLink {
  padding: 54px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.promoBlock .youRefLink .inputWrapper {
  width: calc(100% - 250px);
}

.promoBlock .youRefLink .inputWrapper label {
  font-size: 13px;
  margin-bottom: 3px;
  display: block;
}

.promoBlock .youRefLink .inputWrapper input {
  height: 50px;
  font-size: 13px;
}

.promoBlock .youRefLink .btnContainer .btnCopyRef {
  height: 50px;
  line-height: 15px;
}

.promoBlock .youRefLink .btnContainer .spiralImage {
  left: -52px;
  top: 6px;
  -moz-transform: scale(0.5) rotate(65deg);
  -ms-transform: scale(0.5) rotate(65deg);
  -webkit-transform: scale(0.5) rotate(65deg);
  -o-transform: scale(0.5) rotate(65deg);
  transform: scale(0.5) rotate(65deg);
}

.promoBlock .promoList {
  margin-top: 18px;
}

.promoBlock .promoList .promoItem {
  position: relative;
  border-top: 3px solid #dfe8f7;
}

.promoBlock .promoList .promoItem:last-child {
  border-bottom: 3px solid #dfe8f7;
}

.promoBlock .promoList .promoItem:last-child::after {
  opacity: 1;
}

.promoBlock .promoList .promoItem::after {
  content: "";
  display: block;
  position: absolute;
  height: 3px;
  background-color: #1c34d9;
  width: 81px;
  left: 0;
  bottom: -3px;
  opacity: 0;
}

.promoBlock .promoList .infoPromoHead {
  cursor: pointer;
  color: #080f4d;
  position: relative;
  display: block;
  padding: 21px 6px;
}

.promoBlock .promoList .infoPromoHead .text {
  font-weight: bold;
  font-size: 15px;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.promoBlock .promoList .infoPromoHead .toggleIcon {
  cursor: pointer;
  display: block;
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #1c34d9;
  width: 39px;
  height: 39px;
  right: -2px;
  top: 15px;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.promoBlock .promoList .infoPromoHead .toggleIcon:before,
.promoBlock .promoList .infoPromoHead .toggleIcon:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #080f4d;
  -webkit-transition: background-color 0.3s, opacity 0.3s;
  -moz-transition: background-color 0.3s, opacity 0.3s;
  -o-transition: background-color 0.3s, opacity 0.3s;
  transition: background-color 0.3s, opacity 0.3s;
}

.promoBlock .promoList .infoPromoHead .toggleIcon:before {
  height: 1px;
  width: 19px;
  left: 8px;
  top: 17px;
}

.promoBlock .promoList .infoPromoHead .toggleIcon:after {
  width: 1px;
  height: 19px;
  top: 8px;
  left: 17px;
}

.promoBlock .promoList .infoPromoHead::before {
  content: "";
  display: block;
  position: absolute;
  height: 3px;
  background-color: #1c34d9;
  width: 81px;
  left: 0;
  top: -3px;
}

.promoBlock .promoList .infoPromoHead.open,
.promoBlock .promoList .infoPromoHead:hover {
  color: #ff4c36;
}

.promoBlock .promoList .infoPromoHead.open .toggleIcon,
.promoBlock .promoList .infoPromoHead:hover .toggleIcon {
  border-color: #ff4c37;
}

.promoBlock .promoList .infoPromoHead.open .toggleIcon:before,
.promoBlock .promoList .infoPromoHead.open .toggleIcon:after,
.promoBlock .promoList .infoPromoHead:hover .toggleIcon:before,
.promoBlock .promoList .infoPromoHead:hover .toggleIcon:after {
  background-color: #ff4c37;
}

.promoBlock .promoList .infoPromoHead.open .toggleIcon:after {
  opacity: 0;
}

.promoBlock .infoPromoContent {
  display: none;
}

.promoBlock .infoPromoContent .infoPromoWrapper {
  padding: 35px 0px 0 5px;
}

.promoBlock .infoPromoContent .youRefLink {
  padding: 47px 0 57px;
}

.settingsBlock {
  padding: 45px 0 0;
}

.settingsBlock .messageSystem+.messageSystem {
  margin-top: 29px;
}

.settingsBlock .settings {
  padding: 43px 0 0;
}

.settingsBlock .settings .chekList {
  margin-top: 22px;
}

.settingsBlock .settings .chekList+* {
  margin-top: 26px;
}

.settingsBlock .settings .chekList .chekBlock {
  margin-top: 0;
}

.settingsBlock .settings .chekList .chekBlock+.chekBlock {
  margin-top: 5px;
}

.settingsBlock .settings .chekBlock {
  margin-top: 41px;
}

.settingsBlock .settings .chekBlock+.inputWrapper {
  margin-top: 38px;
}

.messageSystem {
  background-color: #f4f8ff;
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
  box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
  overflow: hidden;
  position: relative;
  padding: 13px 80px;
}

.messageSystem.successfully {
  color: #10aa75;
}

.messageSystem.successfully .pic {
  background-color: #10aa75;
  background-image: url(../img/ic-message1.png);
}

.messageSystem.successfully .pic::before {
  border-left-color: #10aa75;
}

.messageSystem.error {
  color: #ff4c37;
}

.messageSystem.error .pic {
  background-color: #ff4c37;
  background-image: url(../img/ic-message2.png);
}

.messageSystem.error .pic::before {
  border-left-color: #ff4c37;
}

.messageSystem.info {
  color: #1c34d9;
}

.messageSystem.info .pic {
  background-color: #1c34d9;
  background-image: url(../img/ic-message3.png);
}

.messageSystem.info .pic::before {
  border-left-color: #1c34d9;
}

.messageSystem.note {
  color: #ffad38;
}

.messageSystem.note .pic {
  background-color: #ffad38;
  background-image: url(../img/ic-message4.png);
}

.messageSystem.note .pic::before {
  border-left-color: #ffad38;
}

.messageSystem .pic {
  width: 50px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
}

.messageSystem .pic::before {
  content: "";
  position: absolute;
  right: -8px;
  top: 50%;
  border-top: solid 9px transparent;
  border-bottom: solid 9px transparent;
  border-left: solid 9px transparent;
  border-right: solid 0px transparent;
  margin-top: -9px;
}

.messageSystem .txt {
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

.settings {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.settings .settingsItem {
  margin-bottom: 19px;
}

.settings .settingsItem form {
  padding: 28px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.settings .settingsItem .inputWrapper {
  position: relative;
  width: 100%;
  margin-bottom: 14px;
}

.settings .settingsItem .inputWrapper label {
  font-size: 13px;
}

.settings .settingsItem .inputWrapper input {
  height: 50px;
  font-size: 13px;
}

.settings .settingsItem .inputWrapper .selectric .label {
  height: 50px;
}

.settings .settingsItem .inputWrapper .selectric .icon {
  height: 50px;
  line-height: 50px;
}

.settings .settingsItem .btnContainer {
  padding-top: 31px;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.settings .settingsItem .btnContainer .btnMain {
  height: 50px;
  line-height: 15px;
}

.settings .settingsItem .btnContainer .spiralImage {
  left: auto;
  right: 10px;
  margin-bottom: -71px;
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}

.settings .settingsItem.personalData {
  width: calc(70% - 65px);
}

.settings .settingsItem.personalData .btnContainer,
.settings .settingsItem.personalData .inputWrapper {
  width: calc(50% - 15px);
}

.settings .settingsItem.passwordData {
  width: calc(30% + 29px);
}

.settings .settingsItem.securityData {
  width: calc(70% - 65px);
}

.settings .settingsItem.securityData .securityLeft {
  width: calc(50% - 15px);
}

.settings .settingsItem.securityData .securityRight {
  width: calc(50% - 15px);
}

.settings .settingsItem.securityData .btnContainer {
  padding-top: 21px;
}

.settings .settingsItem.paymentData {
  width: calc(30% + 29px);
}

.settings .settingsItem.paymentData form {
  /* flex-direction: row-reverse; */
}

.settings .settingsItem.paymentData form .inputWrapper {
  width: calc(50% - 15px);
}

.googleBlock {
  position: relative;
  top: -9px;
}

.googleBlock .tit {
  font-size: 13px;
  color: #ff4c37;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
}

.googleBlock .text {
  color: #080f4d;
  font-size: 13px;
  display: block;
  font-weight: 600;
  margin-top: 6px;
}

.googleBlock .num {
  color: #080f4d;
  font-size: 20px;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 4px;
}

.googleBlock .picture {
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  width: 200px;
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  margin: 45px 0 38px;
}

.chekBlock {
  position: relative;
}

.chekBlock input {
  display: none;
}

.chekBlock input:checked+label:after {
  opacity: 1;
}

.chekBlock label {
  position: relative;
  padding-left: 27px;
  color: #091149;
  font-size: 13px;
  display: block;
  cursor: pointer;
  z-index: 3;
}

.chekBlock label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 19px;
  height: 19px;
  opacity: 0;
  background-image: url("../img/ic-check.png");
  background-repeat: no-repeat;
  background-position: center;
}

.chekBlock label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  width: 19px;
  height: 19px;
}

.withdrawal .btnContainer {
  padding: 95px 0 0;
  width: 100%;
}

.withdrawal .btnContainer .btnMain {
  margin: 0 auto;
  padding: 14px 35px 16px;
}

.withdrawal .btnContainer .spiralImage {
  left: 50%;
  margin-bottom: -114px;
  margin-left: -65px;
}

.withdrawalBlock {
  padding: 39px 0 115px;
}

.withdrawalBlock .listWithdrawalBlock {
  margin-top: 39px;
}

.listWithdrawalBlock {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.listWithdrawalBlock .item {
  position: relative;
  width: calc(11.1111111111% - 20px);
  -webkit-box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
  box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.listWithdrawalBlock .item input[type=radio] {
  display: none;
}

.listWithdrawalBlock .item input[type=radio]:checked+.label {
  border-color: #223ce8;
}

.listWithdrawalBlock .item input[type=radio]:checked+.label::before {
  background-color: #f4f8ff;
}

.listWithdrawalBlock .item input[type=radio]:checked+.label:after {
  opacity: 1;
}

.listWithdrawalBlock .item input[type=radio]:checked+.label .inputWrapper {
  opacity: 1;
  pointer-events: inherit;
}

.listWithdrawalBlock .item .label {
  padding: 20px 0 10px;
  cursor: pointer;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: solid 2px transparent;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
}

.listWithdrawalBlock .item .label:hover {
  border-color: #223ce8;
}

.listWithdrawalBlock .item .label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.listWithdrawalBlock .item .label:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  background-image: url("../img/arrow_plat.png");
  background-repeat: no-repeat;
  width: 32px;
  height: 16px;
  margin-left: -11px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.listWithdrawalBlock .item .pic {
  position: relative;
  z-index: 3;
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
}

.listWithdrawalBlock .item .lineBalance {
  position: relative;
  z-index: 3;
  margin-top: 14px;
  color: #080f4d;
}

.listWithdrawalBlock .item .lineBalance .title {
  font-size: 11px;
  display: block;
  line-height: 13px;
}

.listWithdrawalBlock .item .lineBalance .value {
  color: #080f4d;
  font-size: 13px;
  display: block;
  font-weight: 600;
}

.listWithdrawalBlock .item .lineBalance .day {
  display: block;
  font-weight: 600;
  font-size: 13px;
  color: #080f4d;
}

.listWithdrawalBlock .item .lineBalance .pr {
  display: block;
  font-weight: 600;
}

.listWithdrawalBlock .item .lineBalance.commision {
  color: #ff4c37;
}

.listWithdrawalBlock .item .lineBalance+.lineBalance {
  margin-top: 2px;
}

.listWithdrawalBlock .item ul {
  position: relative;
  z-index: 3;
  padding: 2px 0 5px;
  background-color: #f4f8ff;
}

.listWithdrawalBlock .item ul li {
  text-align: center;
  color: #1c34d9;
  font-size: 11px;
  line-height: 13px;
}

.listWithdrawalBlock .item ul li .tit {
  display: block;
}

.listWithdrawalBlock .item ul li .data {
  display: block;
  font-weight: 600;
  font-size: 13px;
  margin-top: 6px;
}

.listWithdrawalBlock .item ul li+li {
  margin-top: 8px;
}

.listWithdrawalBlock .item ul+.lineBalance {
  margin-top: 3px;
}

.listWithdrawalBlock .item .inputWrapper {
  position: absolute;
  top: calc(100% + 22px);
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.listWithdrawalBlock .item .inputWrapper label {
  text-align: center;
  font-size: 13px;
}

.listWithdrawalBlock .item .inputWrapper input {
  margin-top: 7px;
  text-align: center;
  height: 60px;
}

.withdrawalInfo {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
}

.withdrawalInfo .item {
  position: relative;
  z-index: 3;
  padding: 38px 0 50px;
  background-color: #f4f8ff;
  width: calc(25% - 15px);
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
  box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
  height: 157px;
}

.withdrawalInfo .item .tit {
  color: #080f4d;
  font-size: 15px;
  display: block;
  font-weight: 600;
  margin-bottom: 14px;
}

.withdrawalInfo .item .num {
  font-size: 12px;
  display: block;
  font-weight: 600;
  color: #080f4d;
  word-wrap: break-word;
}

.withdrawalInfo .item .date {
  color: #223ce8;
  font-size: 13px;
}

.withdrawalInfo .item .value {
  display: block;
  font-size: 30px;
  font-weight: bold;
}

.withdrawalInfo .item .value.with {
  color: #ff4c37;
}

.withdrawalInfo .item .value.comm {
  color: #080f4d;
}

.withdrawalInfo .item .value.pop {
  color: #1c34d9;
}

.withdrawalInfo .item .value .cur {
  font-size: 15px;
  text-transform: uppercase;
  margin-left: 5px;
}

.withdrawalInfo .item .btnMain {
  position: absolute;
  left: 50%;
  bottom: -20px;
  height: 30px;
  line-height: 30px;
  padding: 3px;
  min-width: 115px;
  font-size: 12px;
  min-height: auto;
  margin-left: -59px;
}

.sliderTarifPlans .slick-list {
  margin: 0 -19px;
}

.sliderTarifPlans .slick-track::after,
.sliderTarifPlans .slick-track::before {
  display: none;
}

.sliderTarifPlans .slick-next {
  position: absolute;
  right: -27px;
  top: 50%;
  z-index: 3;
  font-size: 40px;
  margin-top: -14px;
}

.sliderTarifPlans .slick-prev {
  position: absolute;
  left: -23px;
  top: 50%;
  z-index: 3;
  font-size: 40px;
  margin-top: -14px;
}

.sliderTarifPlans .item {
  background-color: #f4f8ff;
  position: relative;
  margin: 35px 19px;
  -webkit-box-shadow: 0px 0px 11px 0px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0px 0px 11px 0px rgba(9, 16, 77, 0.07);
  box-shadow: 0px 0px 11px 0px rgba(9, 16, 77, 0.07);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
}

.sliderTarifPlans .item input {
  display: none;
}

.sliderTarifPlans .item input:checked+label {
  border-color: #223ce8;
}

.sliderTarifPlans .item input:checked+label+.title {
  background-color: #223ce8;
  color: #fff;
}

.sliderTarifPlans .item input:checked+label:after {
  opacity: 1;
}

.sliderTarifPlans .item label {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: solid 2px transparent;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 3;
  cursor: pointer;
}

.sliderTarifPlans .item label:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  background-image: url("../img/arrow_bottom.png");
  background-repeat: no-repeat;
  width: 67px;
  height: 34px;
  margin-left: -33px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.sliderTarifPlans .item .title {
  width: 100%;
  background-color: #fff;
  display: block;
  text-align: center;
  font-size: 13px;
  line-height: 25px;
  color: #080f4d;
  font-weight: 600;
  text-transform: uppercase;
  padding: 4px 0;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -ms-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -ms-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}

.sliderTarifPlans .item .summa {
  padding: 8px 0 5px;
  border-top: solid 2px #dfe8f7;
  color: #223ce8;
}

.sliderTarifPlans .item .summa .pr {
  display: block;
  font-size: 35px;
  line-height: 35px;
  font-weight: bold;
}

.sliderTarifPlans .item .summa .date {
  display: block;
  font-size: 13px;
  line-height: 15px;
}

.sliderTarifPlans .item .info {
  position: relative;
  border-top: solid 2px #dfe8f7;
  margin-top: 3px;
}

.sliderTarifPlans .item .info ul {
  display: flex;
  justify-content: space-between;
  padding: 8px 32px 5px;
}

.sliderTarifPlans .item .info ul li {
  width: calc(50% - 15px);
  text-align: center;
}

.sliderTarifPlans .item .info ul li .tit {
  color: #ff4c37;
  font-size: 11px;
  line-height: 13px;
  display: block;
  white-space: nowrap;
}

.sliderTarifPlans .item .info ul li .date {
  color: #ff4c37;
  font-size: 15px;
  line-height: 17px;
  display: block;
  font-weight: 600;
  margin-top: 7px;
  white-space: nowrap;
}

.sliderTarifPlans .item .text {
  border-top: solid 2px #dfe8f7;
  color: #787c8e;
  font-size: 11px;
  display: block;
  text-align: center;
  padding: 7px 0 12px;
}

.tarifPlans {
  padding: 42px 0;
}

.tarifPlans .sliderTarifPlans {
  margin-top: 4px;
}

.tarifPlans .radioList {
  margin-top: 19px;
}

.tarifPlans .withdrawal .withdrawalBlock {
  padding-top: 9px;
}

.tarifPlans .withdrawal .withdrawalInfo {
  margin-top: 36px;
}

.radioList .radioBlock input {
  display: none;
}

.radioList .radioBlock input:checked+label:after {
  opacity: 1;
}

.radioList .radioBlock label {
  cursor: pointer;
  display: block;
  color: #080f4d;
  font-size: 20px;
  line-height: 40px;
  font-weight: bold;
  position: relative;
  padding-left: 38px;
}

.radioList .radioBlock label:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  background-color: #ff4c37;
  width: 11px;
  height: 11px;
  margin-top: -5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
}

.radioList .radioBlock label:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  background-color: #dfe8f7;
  width: 21px;
  height: 21px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-top: -10px;
}

.partnersBlock {
  padding: 54px 0;
}

.partnersBlock .cabYouInfo {
  margin-top: 21px;
}

.partnersBlock .cabYouInfo .cabYouInfoItem.nextRange .listRang::before {
  display: none;
}

.partnersBlock .cabYouInfo .cabYouInfoItem .listRang {
  padding-top: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.partnersBlock .cabYouInfo .cabYouInfoItem:nth-child(1) img {
  width: 52px;
  height: 62px;
}

.partnersBlock .myPartners {
  margin-top: 66px;
}

.partnersInfo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.partnersInfo .item {
  position: relative;
  background-color: #f4f8ff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  width: calc(50% - 15px);
  -webkit-box-shadow: 0px 0px 11px 0px rgba(9, 16, 81, 0.07);
  -moz-box-shadow: 0px 0px 11px 0px rgba(9, 16, 81, 0.07);
  box-shadow: 0px 0px 11px 0px rgba(9, 16, 81, 0.07);
  padding: 7px 5px 12px 73px;
  margin-bottom: 33px;
}

.partnersInfo .item .iconBl {
  font-size: 30px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #091149;
  border: solid 2px #091149;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 22px;
  margin-top: -20px;
}

.partnersInfo .item .iconBl[class*=icon-calendar],
.partnersInfo .item .iconBl[class*=icon-mail] {
  font-size: 18px;
}

.partnersInfo .item .tit {
  color: #080f4d;
  font-size: 13px;
  display: block;
}

.partnersInfo .item .link {
  color: #080f4d;
  font-size: 15px;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.partnersInfo .item .link:hover {
  text-decoration-color: #080f4d;
}

.partnersInfo .item .date,
.partnersInfo .item .name {
  color: #080f4d;
  font-size: 15px;
  font-weight: 600;
  display: block;
}

.partnersInfo .item .messageCopy {
  left: 25px;
}

.myPartners .tablePartners {
  margin-top: 43px;
}

.tablePartners .tablePartnersLine:nth-child(1) .td {
  border-top: solid 2px #dfe8f7;
}

.tablePartners .tablePartnersLine:nth-child(1) .td.summWith {
  border-top: solid 2px #223ce8;
}

.tablePartners .tablePartnersLine:nth-child(1) .td.sumReff {
  border-top: solid 2px #ff4c37;
}

.tablePartners .tablePartnersLine:nth-child(1) .td.sumActive {
  border-top: solid 2px #080f4d;
}

.tablePartners .tablePartnersLine .tablePartnerHead {
  cursor: pointer;
  display: flex;
  position: relative;
}

.tablePartners .tablePartnersLine .tablePartnerHead.open::before {
  content: "-";
  line-height: 26px;
  color: #ff4c37;
  border-color: #ff4c37;
}

.tablePartners .tablePartnersLine .tablePartnerHead::before {
  content: "+";
  cursor: pointer;
  display: block;
  position: absolute;
  border: 2px solid #091149;
  width: 36px;
  height: 36px;
  left: 3px;
  top: 9px;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 40px;
  color: #091149;
  line-height: 29px;
}

.tablePartners .tablePartnersLine .tablePartnerHead::before:before,
.tablePartners .tablePartnersLine .tablePartnerHead::before:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #080f4d;
  -webkit-transition: background-color 0.3s, opacity 0.3s;
  -moz-transition: background-color 0.3s, opacity 0.3s;
  -o-transition: background-color 0.3s, opacity 0.3s;
  transition: background-color 0.3s, opacity 0.3s;
}

.tablePartners .tablePartnersLine .tablePartnerHead::before:before {
  height: 1px;
  width: 19px;
  left: 8px;
  top: 17px;
}

.tablePartners .tablePartnersLine .tablePartnerHead::before:after {
  width: 1px;
  height: 19px;
  top: 8px;
  left: 17px;
}

.tablePartners .tablePartnersLine .tablePartnerHead .td {
  position: relative;
  color: #091149;
  padding-left: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: solid 2px #dfe8f7;
}

.tablePartners .tablePartnersLine .tablePartnerHead .td:nth-child(1) {
  width: calc(15% + 21px);
  padding-left: 57px;
}

.tablePartners .tablePartnersLine .tablePartnerHead .td:nth-child(2) {
  width: calc(20% + 3px);
}

.tablePartners .tablePartnersLine .tablePartnerHead .td:nth-child(3) {
  width: calc(20% + 60px);
}

.tablePartners .tablePartnersLine .tablePartnerHead .td:nth-child(4) {
  width: calc(10% + 10px);
}

.tablePartners .tablePartnersLine .tablePartnerHead .td:nth-child(5),
.tablePartners .tablePartnersLine .tablePartnerHead .td:nth-child(6),
.tablePartners .tablePartnersLine .tablePartnerHead .td:nth-child(7) {
  width: 10%;
  padding: 5px;
}

.tablePartners .tablePartnersLine .tablePartnerHead .td .iconBl {
  font-size: 30px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #091149;
  border: solid 2px #091149;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -18px;
}

.tablePartners .tablePartnersLine .tablePartnerHead .td .iconBl[class*=icon-career] {
  font-size: 22px;
}

.tablePartners .tablePartnersLine .tablePartnerHead .td .iconBl[class*=icon-calendar],
.tablePartners .tablePartnersLine .tablePartnerHead .td .iconBl[class*=icon-mail] {
  font-size: 18px;
}

.tablePartners .tablePartnersLine .tablePartnerHead .td .tit {
  white-space: nowrap;
  width: 100%;
  display: block;
  font-size: 11px;
  line-height: 13px;
}

.tablePartners .tablePartnersLine .tablePartnerHead .td .name {
  color: #ff4c37;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  display: block;
  margin-top: 5px;
}

.tablePartners .tablePartnersLine .tablePartnerHead .td .date {
  color: #091149;
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
  display: block;
  margin-top: 5px;
}

.tablePartners .tablePartnersLine .tablePartnerHead .td .link {
  color: #1c34d9;
  font-size: 13px;
  line-height: 15px;
  text-decoration: underline;
  text-decoration-color: transparent;
  margin-top: 5px;
}

.tablePartners .tablePartnersLine .tablePartnerHead .td .link:hover {
  text-decoration-color: #1c34d9;
}

.tablePartners .tablePartnersLine .tablePartnerHead .td .val {
  font-size: 17px;
  line-height: 17px;
  font-weight: 600;
  margin-top: 5px;
}

.tablePartners .tablePartnersLine .tablePartnerHead .td.summWith {
  text-align: center;
  color: #223ce8;
  border-bottom: solid 2px #223ce8;
}

.tablePartners .tablePartnersLine .tablePartnerHead .td.sumReff {
  text-align: center;
  color: #ff4c37;
  border-bottom: solid 2px #ff4c37;
}

.tablePartners .tablePartnersLine .tablePartnerHead .td.sumActive {
  text-align: center;
  color: #080f4d;
  border-bottom: solid 2px #080f4d;
}

.tablePartners .tablePartnersLine .tablePartnerBody {
  display: none;
}

.tablePartners .tablePartnersLine .tablePartnerBody .text {
  color: #091149;
  font-size: 13px;
  padding: 9px 2px;
  display: block;
}

.tablePartners .tablePartnersLine .tablePartnerBody .text span {
  color: #ff4c37;
}

.cabLinesWrapper {
  position: relative;
}

.cabLinesWrapper .cabColPrev {
  cursor: pointer;
  display: none;
  font-size: 40px;
  line-height: 42px;
  color: #080f4d;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 5;
  margin-top: -20px;
}

.cabLinesWrapper .cabColPrev:hover {
  color: #ff4c37;
}

.cabLinesWrapper .cabColNext {
  cursor: pointer;
  display: none;
  font-size: 40px;
  line-height: 42px;
  color: #080f4d;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 5;
  margin-top: -20px;
}

.cabLinesWrapper .cabColNext:hover {
  color: #ff4c37;
}

.menuBurger {
  display: none;
  width: 51px;
  position: absolute;
  right: 17px;
  top: 25px;
}

.menuBurger span {
  display: block;
  background-color: #091149;
  width: 100%;
  height: 3px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}

.menuBurger span+span {
  margin-top: 7px;
}

.menuBurger.open span:nth-child(1) {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 10px;
}

.menuBurger.open span:nth-child(2) {
  opacity: 0;
}

.menuBurger.open span:nth-child(3) {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: -10px;
}

.loginWrapper {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #1c34d9;
  padding-top: 270px;
  padding-bottom: 100px;
}

.loginWrapper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../img/back-login.png");
  background-repeat: no-repeat;
  width: 3097px;
  height: 2344px;
  margin-top: -1160px;
  margin-left: -500px;
  background-color: #1c34d9;
}

.loginWrapper .spiralHead {
  z-index: 2;
  left: 108px;
  margin-left: 0;
}

.loginWrapper .logoWrapper {
  position: absolute;
  width: 300px;
  top: 0;
  left: 0;
  padding-top: 30px;
  z-index: 2;
}

.loginWrapper .logoWrapper .logoLink {
  left: 84px;
  position: relative;
}

.loginWrapper .logoWrapper::before {
  content: "";
  display: block;
  position: absolute;
  width: 859px;
  height: 400px;
  background-image: url(../img/logo-back.png);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  right: -112px;
  z-index: -1;
}

.loginWrapper .loginForm {
  padding: 0 196px 0;
  position: relative;
  z-index: 3;
}

.loginWrapper .loginForm .sectionTitle {
  font-size: 50px;
  margin-bottom: 57px;
}

.loginWrapper .loginForm .text {
  color: #fff;
  font-size: 17px;
  display: block;
  font-weight: 600;
}

.loginWrapper .loginForm .text .imp {
  color: #ff4c37;
}

.loginWrapper .loginForm .text+.text {
  margin-top: 14px;
}

.loginWrapper .loginForm .loginFormList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 630px;
  width: 100%;
  margin-top: 51px;
}

.loginWrapper .loginForm .loginFormList .loginFormItem {
  width: calc(50% - 22px);
  margin-bottom: 16px;
}

.loginWrapper .loginForm .loginFormList .loginFormItem.restoreFormItem {
  width: 100%;
  max-width: 80%;
}

.loginWrapper .loginForm .loginFormList .loginFormItem .inputLabel {
  color: #fff;
  margin-bottom: 9px;
  display: block;
}

.loginWrapper .loginForm .loginFormList .loginFormItem .inputLabel .note {
  color: #ff4c37;
}

.loginWrapper .loginForm .loginFormList .loginFormItem .chekBlock {
  padding-top: 42px;
}

.loginWrapper .loginForm .loginFormList .loginFormItem .chekBlock label {
  padding-left: 57px;
  color: #fff;
  font-size: 15px;
}

.loginWrapper .loginForm .loginFormList .loginFormItem .chekBlock label a {
  color: #ff6553;
  text-decoration: underline;
}

.loginWrapper .loginForm .loginFormList .loginFormItem .chekBlock label a:hover {
  text-decoration-color: transparent;
}

.loginWrapper .loginForm .loginFormList .loginFormItem .chekBlock label:after {
  width: 38px;
  height: 38px;
  background-size: 24%;
}

.loginWrapper .loginForm .loginFormList .loginFormItem .chekBlock label:before {
  width: 38px;
  height: 38px;
}

.loginWrapper .loginForm .loginFormList .linkpass {
  color: #ff6553;
  font-size: 15px;
  text-decoration: underline;
  position: absolute;
  right: 5px;
  bottom: -31px;
}

.loginWrapper .loginForm .loginFormList .linkpass:hover {
  text-decoration-color: transparent;
}

.loginWrapper .loginForm .btnContainer {
  width: 100%;
  margin-top: 84px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.loginWrapper .loginForm .btnContainer .btnMain {
  width: calc(50% - 22px);
}

.loginWrapper .picture {
  position: absolute;
  width: 1253px;
  height: 1110px;
  margin-top: -478px;
  left: calc(50% - 75px);
  top: 50%;
}

.loginWrapper .backMain {
  background-color: #091149;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-weight: 600;
  position: absolute;
  right: 51px;
  top: 51px;
  z-index: 5;
  padding: 16px 84px 16px 56px;
}

.loginWrapper .backMain::before {
  content: "\e911";
  font-family: "icomoon";
  position: absolute;
  right: 41px;
  top: 50%;
  color: #fff;
  font-size: 25px;
  margin-top: -10px;
}

.loginWrapper .backMain:hover {
  -webkit-box-shadow: 0 0 8px rgba(9, 17, 73, 0.8);
  -moz-box-shadow: 0 0 8px rgba(9, 17, 73, 0.8);
  box-shadow: 0 0 8px rgba(9, 17, 73, 0.8);
}

.balanceMobile {
  display: none;
}

.balanceMobile {
  width: 100%;
}

.balanceMobile .listBalance {
  display: flex;
  flex-wrap: wrap;
}

.balanceMobile .listBalance .item {
  width: 33.3333333333%;
}

@media (max-width: 1899px) {
  .cabContent {
    padding: 30px;
  }

  .cabLines {
    padding: 0;
  }

  .cabYouInfo .cabYouInfoItem .title {
    margin-bottom: 0;
  }

  .partnersBlock .cabYouInfo .cabYouInfoItem .listRang {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

@media (max-width: 1799px) {
  .cabYouInfo .cabYouInfoItem .listRang {
    padding-left: 65px;
  }

  .filterBl .col.colDate {
    width: 25%;
  }

  .filterBl .col.colType,
  .filterBl .col.colStatus {
    width: 15%;
  }

  .cabCenter .cabCenterTop .cabTopMenu {
    width: 35%;
  }

  .cabCenter .cabCenterTop .cabYouLastOper {
    width: 350px;
  }

  .cabCenter .cabCenterTop .cabYouLastOper .cabLastOper {
    padding: 17px 5px 0 15px;
  }

  .cabCenter .cabCenterTop .cabLineBtns {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px;
  }

  .cabCenter .cabCenterTop .cabLineBtns .btn {
    width: calc(50% - 5px);
  }

  .cabCenter .cabCenterTop .cabLineBtns .btn+.btn {
    margin-left: 0;
  }

  .cabCenter .cabCenterTop .cabLineBtns .btn:last-child {
    width: 100%;
    margin-top: 5px;
  }

  .cabCenter .cabLineInformation {
    padding: 0 10px 15px 30px;
    flex-wrap: wrap;
  }

  .cabCenter .cabLineInformation .col {
    width: 33.3333333333% !important;
    padding: 5px 0 5px 50px;
  }

  .cabCenter .cabLineInformation .col .iconBl {
    margin-top: -18px;
  }

  .cabCenter .cabLineInformation .messageCopy {
    top: calc(100% - 23px);
  }

  .cabYouInfo .cabYouInfoItem .listRang li .tit {
    font-size: 12px;
    line-height: 15px;
    white-space: nowrap;
  }
}

@media (max-width: 1599px) {
  .cabContent {
    padding: 34px 41px 75px;
  }

  .cabCenter .cabCenterTop .cabTopMenu {
    width: 37%;
  }

  .cabCenter .cabCenterTop .cabYouBalance {
    width: calc(20% - 10px);
    padding: 15px 10px 15px 30px;
  }

  .cabCenter .cabCenterTop .cabYouLastOper {
    width: 266px;
  }

  .cabCenter .cabCenterTop .cabYouLastOper .text {
    padding: 18px 19px;
  }

  .cabCenter .cabCenterTop .cabYouLastOper .cabLastOper {
    padding: 17px 5px 0 7px;
  }

  .cabCenter .cabCenterTop .cabLineBtns .btn {
    width: calc(50% + 4px);
    min-width: inherit;
    padding: 9px 0;
  }

  .cabCenter .cabCenterTop .cabLineBtns .btn.btnColorAccent {
    width: calc(50% - 10px);
  }

  .cabCenter .cabCenterTop .cabLineBtns .btn.btnCabBlue {
    width: 100%;
  }

  .cabCenter .cabLineInformation {
    padding: 0 10px 15px 40px;
  }

  .cabCenter .cabLineInformation .col {
    width: calc(33.3333333333% - 25px) !important;
    padding: 5px 0 5px 55px;
  }

  .cabCenter .cabLineInformation .col:nth-child(5),
  .cabCenter .cabLineInformation .col:nth-child(2) {
    flex: 1;
  }

  .cabCenter .cabLineInformation .col:nth-child(3n) {
    width: calc(33.3333333333% - 50px) !important;
  }

  .filterBl {
    flex-wrap: wrap;
    margin-top: 16px;
    justify-content: flex-start;
  }

  .filterBl .col.colDate {
    width: calc(35% + 20px);
  }

  .filterBl .col.colDate+.colDate {
    margin-left: 28px;
  }

  .filterBl .col.colStatus,
  .filterBl .col.colType {
    margin-top: 10px;
  }

  .filterBl .col.colType {
    width: 37%;
  }

  .filterBl .col.colStatus {
    width: 37%;
    margin-left: 27px;
  }

  .filterBl .btnMain {
    right: -43px;
  }

  .cabYouOperations .tableOperation {
    margin-top: 40px;
  }

  .tableOperation .table .tr .td {
    width: 100% !important;
    padding: 3px 5px !important;
  }

  .tableOperation .table .tr .td:nth-child(1) {
    width: 75% !important;
  }

  .tableOperation .table .tr .td:nth-child(6) {
    padding-left: 20px !important;
  }

  .tableOperation .table .tr .td:nth-child(8) {
    width: 50px !important;
  }

  .tableOperation .table .tr .td.checkOperation {
    padding-left: 50px !important;
  }

  .tableOperation .table .tr .td .commentBl .iconBl:hover+.text {
    display: block;
    position: absolute;
    right: calc(100% + 10px);
    top: 0;
    background-color: #f4f8ff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 8px 10px;
    width: 230px;
    -webkit-box-shadow: 0px 0px 81px 11px rgba(9, 16, 77, 0.2);
    -moz-box-shadow: 0px 0px 81px 11px rgba(9, 16, 77, 0.2);
    box-shadow: 0px 0px 81px 11px rgba(9, 16, 77, 0.2);
  }

  .tableOperation .table .tr .td .commentBl .text {
    display: none;
  }

  .cabPlanBlock {
    padding-right: 171px;
  }

  .cabPlanBlock .plan {
    width: 195px;
  }

  .cabPlanBlock .plan .desc {
    max-width: 60%;
  }

  .progBattery {
    width: 179px;
  }

  .cabYouInfo .cabYouInfoItem {
    width: calc(50% - 15px);
    height: 203px;
    margin-bottom: 31px;
  }

  .cabYouInfo .cabYouInfoItem .name {
    margin-top: 7px;
  }

  .cabYouInfo .cabYouInfoItem .listRang {
    padding-left: 78px;
  }

  .cabYouInfo .cabYouInfoItem .listRang::before {
    display: none;
  }

  .cabLines {
    display: block;
    overflow: auto;
    white-space: nowrap;
    margin-top: 37px;
    padding: 0 65px;
  }

  .cabLines .col {
    display: inline-block;
    width: 150px;
    margin: 0 -1px;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }

  .cabLines .col .top {
    width: 100%;
    left: 0;
  }

  .cabLines .col.current {
    opacity: 0;
  }

  .cabLines .col.slick-active {
    opacity: 1;
  }

  .cabLines .slick-list {
    padding: 0 15px 0 15px;
  }

  .cabLines .slick-next {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 3;
    font-size: 40px;
    margin-top: -30px;
  }

  .cabLines .slick-prev {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 3;
    font-size: 40px;
    margin-top: -30px;
  }

  .cabLinesWrapper .cabColPrev,
  .cabLinesWrapper .cabColNext {
    display: block;
  }

  .withdrawalInfo .item .value {
    font-size: 28px;
  }

  .tiketsBlock .tiketsSendMessage {
    width: calc(30% + 75px);
  }

  .settings .settingsItem.securityData {
    width: 100%;
  }

  .settings .settingsItem.paymentData {
    width: 100%;
    margin-bottom: 0;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead {
    flex-wrap: wrap;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead .td {
    width: 25% !important;
    border-bottom: 0;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead .td.summWith,
  .tablePartners .tablePartnersLine .tablePartnerHead .td.sumReff,
  .tablePartners .tablePartnersLine .tablePartnerHead .td.sumActive {
    width: 33.3333333333% !important;
    border-top: solid 2px #dfe8f7;
    text-align: left;
    display: flex;
    align-items: center;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead .td.summWith .tit,
  .tablePartners .tablePartnersLine .tablePartnerHead .td.sumReff .tit,
  .tablePartners .tablePartnersLine .tablePartnerHead .td.sumActive .tit {
    width: auto;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead .td.summWith .val,
  .tablePartners .tablePartnersLine .tablePartnerHead .td.sumReff .val,
  .tablePartners .tablePartnersLine .tablePartnerHead .td.sumActive .val {
    margin-top: 0;
    margin-left: 5px;
  }

  .loginWrapper .loginForm {
    padding: 15px;
  }

  .listWithdrawalBlock {
    position: relative;
    justify-content: flex-start;
    margin: -5px;
  }

  .listWithdrawalBlock .item {
    position: static;
    width: calc(16.6666666667% - 10px);
    margin: 5px;
  }

  .listWithdrawalBlock .item input[type=radio]:checked+.label {
    background-color: #f4f8ff;
  }

  .listWithdrawalBlock .item .label {
    position: static;
    background-color: #fff;
  }

  .listWithdrawalBlock .item .label::before,
  .listWithdrawalBlock .item .label:after {
    display: none;
  }

  .listWithdrawalBlock .item .inputWrapper {
    padding: 0 5px;
  }
}

@media (max-width: 1399px) {
  .cabClockWrapper .cabSocialLine .siteSocialsList {
    display: none;
  }

  .cabClockWrapper .cabSocialLine .langMenu {
    justify-content: center;
  }

  .cabClockWrapper .cabSocialLine .langMenu li {
    margin: 0 3px;
  }

  .cabClockWrapper .cabClockBlock {
    margin-top: 3px;
  }

  .cabClockWrapper .cabClockBlock #time {
    font-size: 13px;
  }

  .cabClockWrapper .cabClockBlock #time .txt {
    width: 23px;
  }

  .cabClockWrapper .cabClockBlock #time .dot {
    margin: 0;
  }

  .cabClockWrapper .cabClockBlock #date {
    font-size: 10px;
    margin-top: -6px;
  }

  .cabMenu ul li {
    padding: 21px 5px;
  }

  .cabMenu ul li .text {
    font-size: 9px;
    line-height: 10px;
    margin-top: 8px;
  }

  .cabLeft {
    width: 87px;
  }

  .cabLeft .logoWrapper {
    padding: 21px 0 27px;
  }

  .cabLeft .logoWrapper .logoLink {
    width: 22px;
    overflow: hidden;
    margin: 0 auto;
  }

  .cabLeft .logoWrapper .logoLink img {
    width: 136px;
    max-width: inherit;
  }

  .cabContent {
    padding: 34px 49px 75px;
  }

  .cabCenter {
    width: calc(100% - 185px);
  }

  .cabCenter .cabCenterTop .cabTopMenu {
    width: 40%;
  }

  .cabCenter .cabCenterTop .cabYouBalance {
    width: 12%;
    padding: 15px 10px 15px 10px;
  }

  .cabCenter .cabCenterTop .cabYouBalance .value {
    font-size: 20px;
    margin-top: 6px;
  }

  .cabCenter .cabCenterTop .cabYouLastOper {
    width: 25%;
  }

  .cabCenter .cabCenterTop .cabYouLastOper .text {
    padding: 18px 15px;
  }

  .cabCenter .cabCenterTop .cabLineBtns {
    padding: 4px 17px;
  }

  .cabCenter .cabCenterTop .cabLineBtns .btn:nth-child(2) {
    width: calc(50% - 11px);
  }

  .cabCenter .cabLineInformation {
    padding: 0 40px 15px 50px;
  }

  .cabCenter .cabLineInformation .col {
    width: calc(33.3333333333% - 65px) !important;
  }

  .cabCenter .cabLineInformation .col:nth-child(3n) {
    width: calc(33.3333333333% - 10px) !important;
  }

  .filterBl .col.colDate {
    width: calc(35% + 50px);
  }

  .filterBl .col.colStatus,
  .filterBl .col.colType {
    width: calc(40% - 42px);
  }

  .filterBl .btnMain {
    right: -31px;
  }

  .tableOperation .table .tr .td {
    font-size: 12px;
  }

  .cabPlanBlock {
    padding-right: 85px;
  }

  .progBattery {
    width: 96px;
  }

  .cabLines .col {
    width: 165px;
  }

  .copyRight {
    left: 0;
    bottom: 51px;
    width: 87px;
    font-size: 10px;
  }
}

@media (max-width: 1199px) {
  .cabCenter .cabCenterTop {
    display: grid;
    grid-template-columns: 407px minmax(21%, 1fr) 1fr;
    grid-template-rows: 1fr;
  }

  .cabCenter .cabCenterTop .cabTopMenu {
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
  }

  .cabCenter .cabCenterTop .cabYouBalance {
    padding: 8px 10px;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 2;
    grid-row-start: 3;
    width: 100%;
  }

  .cabCenter .cabCenterTop .cabYouBalance .tit {
    display: inline-block;
    margin: 0;
  }

  .cabCenter .cabCenterTop .cabYouBalance .value {
    display: inline-block;
    margin: 0;
    line-height: 15px;
  }

  .cabCenter .cabCenterTop .cabYouLastOper {
    padding: 32px 10px 0px;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 2;
    grid-row-start: 3;
    display: block;
    width: 100%;
  }

  .cabCenter .cabCenterTop .cabYouLastOper .text {
    width: 100%;
    padding: 0;
    background: transparent;
  }

  .cabCenter .cabCenterTop .cabYouLastOper .text br {
    display: none;
  }

  .cabCenter .cabCenterTop .cabYouLastOper .cabLastOper {
    width: 100%;
    padding: 0;
    background: transparent;
    width: 100%;
  }

  .cabCenter .cabCenterTop .cabYouLastOper .cabLastOper .date,
  .cabCenter .cabCenterTop .cabYouLastOper .cabLastOper .value {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
  }

  .cabCenter .cabCenterTop .cabLineBtns {
    padding: 4px 9px;
  }

  .cabCenter .cabLineInformation {
    padding: 0 0px 15px 13px;
  }

  .cabCenter .cabLineInformation .col {
    width: calc(33.3333333333% - 45px) !important;
  }

  .cabCenter .cabLineInformation .col:nth-child(3n) {
    width: calc(33.3333333333% - 25px) !important;
  }

  .cabContent {
    padding: 34px 40px 75px;
  }

  .cabPlanBlock .planInfo {
    padding: 0 16px;
  }

  .cabPlanBlock .tit {
    line-height: 21px;
  }

  .cabPlanBlock .val {
    line-height: 20px;
    margin-top: 5px;
  }

  .cabPlanBlock .date {
    margin-top: 5px;
  }

  .cabPlanBlock .plan {
    width: 156px;
    padding: 0 13px;
  }

  .cabPlanBlock .plan .tit {
    line-height: 25px;
  }

  .cabPlanBlock .plan .pr {
    font-size: 40px;
    margin-top: 10px;
  }

  .cabPlanBlock .plan .desc {
    max-width: 90%;
  }

  .filterBl {
    margin-top: 10px;
  }

  .filterBl .col.colDate {
    width: calc(35% + 29px);
  }

  .filterBl .col.colDate+.colDate {
    margin-left: 20px;
  }

  .filterBl .col.colType {
    margin-top: 17px;
  }

  .filterBl .btnMain {
    right: -50px;
    min-width: 149px;
  }

  .tableOperation .table .tr {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: 1fr 1fr;
  }

  .tableOperation .table .tr .td {
    grid-row-start: 1;
    grid-row-end: 3;
    width: 100% !important;
  }

  .tableOperation .table .tr .td:nth-child(1) {
    width: 100% !important;
  }

  .tableOperation .table .tr .td:nth-child(5) {
    border-top: 0;
  }

  .tableOperation .table .tr .td.summCreate {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column: 4/5;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    line-height: 27px;
    padding: 0 0 !important;
    margin-bottom: -4px;
  }

  .tableOperation .table .tr .td.summCreate .val {
    margin-left: 3px;
    line-height: 26px;
    position: relative;
    top: -1px;
  }

  .tableOperation .table .tr .td.sumCommision {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column: 4/5;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    line-height: 27px;
    padding: 0px 0 !important;
    margin-top: -4px;
  }

  .tableOperation .table .tr .td.sumCommision .val {
    margin-left: 3px;
    line-height: 26px;
    position: relative;
    top: -1px;
  }

  .withdrawalInfo {
    flex-wrap: wrap;
  }

  .withdrawalInfo .item {
    width: calc(50% - 15px);
    margin-bottom: 30px;
  }

  .withdrawalInfo .btnContainer {
    padding: 85px 0 0;
  }

  .googleBlock {
    top: -35px;
  }

  .googleBlock .text {
    min-height: 50px;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead {
    flex-wrap: wrap;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead::before {
    left: 0px;
    top: 6px;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead .td {
    width: 33.3333333333% !important;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead .td:nth-child(4) {
    width: 25% !important;
    border-top: solid 2px #dfe8f7;
    border-bottom: solid 2px #dfe8f7;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead .td.summWith,
  .tablePartners .tablePartnersLine .tablePartnerHead .td.sumReff,
  .tablePartners .tablePartnersLine .tablePartnerHead .td.sumActive {
    width: 25% !important;
    flex-wrap: wrap;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead .td.summWith .tit,
  .tablePartners .tablePartnersLine .tablePartnerHead .td.sumReff .tit,
  .tablePartners .tablePartnersLine .tablePartnerHead .td.sumActive .tit {
    width: 100%;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead .td.summWith .val,
  .tablePartners .tablePartnersLine .tablePartnerHead .td.sumReff .val,
  .tablePartners .tablePartnersLine .tablePartnerHead .td.sumActive .val {
    margin-top: 5px;
    margin-left: 0;
  }

  .tablePartners .tablePartnersLine+.tablePartnersLine {
    margin-top: 30px;
  }

  .loginWrapper {
    min-height: auto;
    height: 100%;
  }

  .loginWrapper .loginForm {
    padding: 25px 15px 55px;
  }

  .loginWrapper .picture {
    left: calc(50% - 245px);
    transform: scale(0.55);
    margin-top: -453px;
  }

  .loginWrapper .logoWrapper {
    top: 60px;
    left: 75px;
  }

  .loginWrapper .logoWrapper::before {
    background-image: url(../img/logo-back-mob.png);
    height: 180px;
    width: 519px;
    right: auto;
    left: -68px;
    top: -90px;
  }

  .loginWrapper .logoWrapper .logoLink {
    left: 0;
    top: -30px;
  }

  .cabLines .col {
    width: 167px;
  }

  .listWithdrawalBlock .item {
    width: calc(20% - 10px);
  }
}

@media (min-width: 1024px) {
  .balanceMobile {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .cabWrapper {
    display: block;
    width: 100%;
  }

  .cabLeft {
    width: 100%;
  }

  .cabLeft .cabMenu {
    display: none;
    position: absolute;
    left: 0;
    top: 71px;
    width: 100%;
    z-index: 10;
    background-color: #fff;
    margin: 0;
  }

  .cabLeft .cabMenu ul li {
    border-top: solid 2px #eaf2ff;
    padding: 15px 5px 25px;
  }

  .cabLeft .cabMenu ul li img {
    display: none;
  }

  .cabLeft .cabMenu ul li .text {
    font-size: 17px;
    text-align: left;
  }

  .cabLeft .logoWrapper {
    padding: 12px 14px 15px;
  }

  .cabLeft .logoWrapper .logoLink {
    width: 136px;
    margin: 0;
  }

  .cabCenter {
    width: 100%;
  }

  .cabCenter .cabCenterTop {
    display: flex;
    flex-wrap: wrap;
  }

  .cabCenter .cabCenterTop .cabYouBalance {
    cursor: pointer;
    width: 50%;
    padding: 19px 10px;
    position: relative;
  }

  .cabCenter .cabCenterTop .cabYouBalance.open::before {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .cabCenter .cabCenterTop .cabYouBalance .value {
    display: block;
    font-size: 30px;
    line-height: 33px;
  }

  .cabCenter .cabCenterTop .cabYouBalance::before {
    content: "\e914";
    position: absolute;
    right: 28px;
    top: 49px;
    color: #fff;
    font-size: 12px;
    font-family: "icomoon" !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .cabCenter .cabCenterTop .cabYouLastOper {
    padding: 0;
    display: flex;
    width: 50%;
    justify-content: space-between;
  }

  .cabCenter .cabCenterTop .cabYouLastOper .text {
    display: block;
    background-color: #1c34d9;
    padding: 29px 11px;
    width: 50%;
    color: #fff;
    font-size: 11px;
    line-height: 19px;
    text-transform: uppercase;
  }

  .cabCenter .cabCenterTop .cabYouLastOper .cabLastOper {
    width: 50%;
    padding: 18px 5px 0 18px;
    position: relative;
  }

  .cabCenter .cabCenterTop .cabYouLastOper .cabLastOper::before {
    content: "";
    position: absolute;
    left: -14px;
    top: 50%;
    border-top: solid 14px transparent;
    border-bottom: solid 14px transparent;
    border-left: solid 0px #2b43e5;
    border-right: solid 14px #2b43e5;
    margin-top: -14px;
  }

  .cabCenter .cabCenterTop .cabYouLastOper .cabLastOper .tit {
    color: #a0acff;
    font-size: 11px;
    line-height: 14px;
    display: block;
    text-transform: uppercase;
  }

  .cabCenter .cabCenterTop .cabYouLastOper .cabLastOper .date {
    color: #fff;
    font-size: 11px;
    letter-spacing: 0.025em;
    white-space: nowrap;
  }

  .cabCenter .cabCenterTop .cabYouLastOper .cabLastOper .value {
    color: #fff;
    font-size: 20px;
    display: block;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
  }

  .cabCenter .cabCenterTop .cabLineBtns {
    padding: 28px 5px;
  }

  .cabCenter .cabCenterTop .cabLineBtns .btn {
    width: calc(25% - 15px);
  }

  .cabCenter .cabCenterTop .cabLineBtns .btn:nth-child(2) {
    width: calc(25% - 15px);
  }

  .cabCenter .cabCenterTop .cabLineBtns .btn:nth-child(3) {
    width: 50%;
    margin-top: 0;
  }

  .cabCenter .cabLineInformation {
    padding: 15px;
    flex-wrap: wrap;
    height: auto;
  }

  .cabCenter .cabLineInformation .col {
    width: 50% !important;
  }

  .cabCenter .cabLineInformation .col:nth-child(3n) {
    width: 50% !important;
  }

  .balanceBlock {
    width: 100%;
  }

  .balanceBlock .listBalance {
    border-bottom: solid 2px rgba(244, 248, 255, 0.3);
  }

  .balanceBlock .listBalance .item {
    border-top: solid 2px rgba(244, 248, 255, 0.3);
    border-right: solid 2px rgba(244, 248, 255, 0.3);
  }

  .balanceBlock .listBalance .item+.item {
    border-top: solid 2px rgba(244, 248, 255, 0.3);
  }

  .balanceBlock .listBalance .item:nth-child(3n) {
    border-right: 0;
  }

  .balanceBlock .listBalance .item:last-child {
    border-bottom: 0;
  }

  .cabRight {
    display: none;
    width: 100%;
  }

  .cabClockWrapper {
    padding: 26px 0;
  }

  .cabClockWrapper .cabSocialLine .langMenu li {
    margin: 0 6px;
  }

  .cabClockWrapper .cabSocialLine .siteSocialsList {
    margin: 0 6px;
    display: block;
  }

  .cabClockWrapper .cabClockBlock #time {
    margin-top: 15px;
  }

  .cabClockWrapper .cabClockBlock #time .txt {
    width: 40px;
    font-size: 30px;
  }

  .cabClockWrapper .cabClockBlock #time .dot {
    font-size: 30px;
    margin: 0 8px;
  }

  .cabContent {
    padding: 30px 5px;
  }

  .cabHistoryDeposit .sliderHistoryDeposit {
    padding: 0 25px;
  }

  .sliderHistoryDeposit .slick-prev {
    left: 0px;
  }

  .sliderHistoryDeposit .slick-next {
    right: 0;
  }

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

  .filterBl .col.colDate {
    width: calc(50% - 5px);
    order: 1;
  }

  .filterBl .col.colDate+.colDate {
    margin-left: 0;
    order: 3;
  }

  .filterBl .col.colType {
    width: calc(50% - 5px);
    order: 2;
  }

  .filterBl .col.colStatus {
    width: calc(50% - 5px);
    margin-left: 0;
    order: 4;
  }

  .filterBl .btnMain {
    order: 5;
    margin: 0 auto;
    right: auto;
    margin-top: 15px;
  }

  .cabYouInfo .cabYouInfoItem {
    height: auto;
  }

  .cabYouInfo .cabYouInfoItem .listRang {
    padding-bottom: 30px;
  }

  .copyRight {
    left: auto;
    bottom: auto;
    width: 100%;
    font-size: 11px;
    position: relative;
    padding: 12px 0;
  }

  .cabPlanBlock {
    flex-wrap: wrap;
    display: flex;
    height: auto;
    padding: 0;
  }

  .cabPlanBlock .plan {
    width: 100%;
    padding: 15px 0;
    order: 1;
    border: 0;
    border-bottom: solid 1px #dfe8f7 !important;
  }

  .cabPlanBlock .plan .pr {
    font-size: 60px;
    line-height: 30px;
    margin-top: 20px;
  }

  .cabPlanBlock .planInfo {
    width: 50%;
    padding: 15px 0;
    order: 5;
    border: solid 1px #dfe8f7 !important;
  }

  .cabPlanBlock .planInfo.profit {
    order: 2;
  }

  .cabPlanBlock .planInfo.generalProfit {
    order: 3;
  }

  .cabPlanBlock .planInfo.planSystem {
    order: 4;
  }

  .cabPlanBlock .planTimer {
    order: 6;
    width: 100%;
    padding: 15px 0;
    border-top: solid 1px #dfe8f7 !important;
  }

  .cabPlanBlock .progBattery {
    position: relative;
    width: 100%;
    margin-top: 24px;
    order: 6;
    padding: 15px 0;
  }

  .cabPlanBlock .progBattery::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -24px;
    border-top: solid 0px #1c34d9;
    border-bottom: solid 24px #1c34d9;
    border-left: solid 24px transparent;
    border-right: solid 24px transparent;
    margin-top: 0;
    margin-left: -22px;
  }

  .cabYouActiveDeposit .sliderActiveDeposit {
    padding: 0 25px;
  }

  .sliderTarifPlans {
    padding: 0 25px;
  }

  .sliderTarifPlans .slick-prev {
    left: 0px;
    top: 110px;
  }

  .sliderTarifPlans .slick-next {
    right: 0;
    top: 110px;
  }

  .sliderActiveDeposit .slick-prev {
    left: 0px;
    top: 110px;
  }

  .sliderActiveDeposit .slick-next {
    right: 0;
    top: 110px;
  }

  h2.capCabinet {
    font-size: 35px;
    line-height: 35px;
  }

  .menuBurger {
    display: block;
  }

  .withdrawalInfo .item {
    width: calc(50% - 5px);
    padding: 30px 15px;
    height: auto;
    margin-bottom: 15px;
  }

  .withdrawalInfo .item .btnMain {
    bottom: auto;
    left: auto;
    margin-left: -59px;
    position: relative;
    margin: 15px auto 0;
  }

  .tiketsBlock .tiketsMessage {
    width: 100%;
  }

  .tiketsBlock .tiketsMessage .paginationWrapper {
    margin-top: 25px;
  }

  .tiketsBlock .tiketsSendMessage {
    width: 100%;
    margin-top: 25px;
  }

  .promoBlock .promoList .infoPromoHead .toggleIcon {
    top: 12px;
  }

  .promoBlock .infoPromoContent .infoPromoWrapper img {
    width: 100%;
  }

  .googleBlock {
    top: -50px;
  }

  .partnersBlock .cabYouInfo .cabYouInfoItem {
    height: 203px;
  }

  .loginWrapper .picture {
    display: none;
  }

  .loginWrapper .backMain {
    right: 15px;
    top: 62px;
  }

  .loginWrapper .loginForm .loginFormList {
    max-width: 100%;
  }

  .listWithdrawalBlock {
    position: relative;
    justify-content: flex-start;
    margin: -5px;
  }

  .listWithdrawalBlock .item {
    position: static;
    margin: 5px;
  }

  .listWithdrawalBlock .item input[type=radio]:checked+.label {
    background-color: #f4f8ff;
  }

  .listWithdrawalBlock .item .label {
    position: static;
    background-color: #fff;
  }

  .listWithdrawalBlock .item .label::before,
  .listWithdrawalBlock .item .label:after {
    display: none;
  }
}

@media (max-width: 767px) {
  .cabClockWrapper {
    padding: 24px 0;
  }

  .cabCenter .cabCenterTop .cabTopMenu li {
    padding: 15px 0 7px;
  }

  .cabCenter .cabCenterTop .cabLineBtns {
    padding: 25px 5px;
  }

  .cabCenter .cabLineInformation {
    padding: 11px 11px 0;
  }

  .cabCenter .cabLineInformation .col {
    margin-bottom: 10px;
  }

  h2.capCabinet {
    font-size: 25px;
    line-height: 18px;
  }

  h3.capCabinet {
    font-size: 18px;
    line-height: 30px;
  }

  .cabContent {
    padding: 36px 5px;
  }

  .cabYouActiveDeposit .sliderActiveDeposit {
    margin-top: 24px;
  }

  .cabPlanBlock .plan {
    padding: 25px 0;
  }

  .cabPlanBlock .val {
    margin-top: 8px;
  }

  .cabHistoryDeposit {
    padding: 15px 0;
  }

  .cabHistoryDeposit .sliderHistoryDeposit {
    margin-top: 12px;
  }

  .filterBl {
    margin-top: 33px;
  }

  .filterBl .col {
    margin-bottom: 5px;
  }

  .filterBl .col.colType {
    margin-top: 0;
  }

  .filterBl .btnMain {
    min-width: auto;
    width: 100%;
    margin-top: 22px;
  }

  .cabYouOperations {
    padding: 2px 0;
  }

  .sliderHistoryDeposit .item .info::before {
    display: none;
  }

  .cabYouInfo .cabYouInfoItem .listRang {
    padding-left: 62px;
  }

  .cabLinesWrapper {
    margin-top: -15px;
  }

  .tableOperation .table .tr {
    display: block;
  }

  .tableOperation .table .tr .td {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    text-align: left;
    justify-content: flex-start;
    padding: 8px 8px !important;
    margin: 0 !important;
  }

  .tableOperation .table .tr .td.sumCommision,
  .tableOperation .table .tr .td.summCreate {
    padding: 8px 8px !important;
    margin: 0 !important;
    justify-content: flex-start;
  }

  .tableOperation .table .tr .td.sumCommision .val,
  .tableOperation .table .tr .td.summCreate .val {
    margin: 0;
  }

  .tableOperation .table .tr .td.checkOperation {
    padding: 8px 8px !important;
    margin: 0 !important;
  }

  .tableOperation .table .tr .td.checkOperation .check {
    padding-left: 50px;
  }

  .tableOperation .table .tr .td .titMobile {
    display: block;
  }

  .tableOperation .table .tr .td .tit {
    width: 45%;
    text-align: left;
  }

  .tableOperation .table .tr .td .tit+* {
    width: 60%;
    text-align: left;
  }

  .tableOperation .table .tr .td .val {
    margin: 0;
  }

  .tableOperation .table .tr .td+.td {
    border-top: solid 2px #dfe8f7;
  }

  .tableOperation .table .tr .td .picture {
    left: 43%;
    top: 0;
  }

  .tableOperation .table .tr .td .commentBl {
    padding: 0;
  }

  .tableOperation .table .tr .td .commentBl .iconBl {
    display: none;
  }

  .tableOperation .table .tr .td .commentBl .tit {
    display: block;
  }

  .tableOperation .table .tr .td .commentBl .text {
    display: block;
  }

  .tableOperation .table .tr .td:nth-child(6) {
    padding: 8px 8px !important;
  }

  .tableOperation .table .tr .td:nth-child(8) {
    width: 100% !important;
  }

  .tableOperation .table .tr+.tr {
    margin-top: 30px;
  }

  .cabYouOperations .tableOperation {
    margin-top: 34px;
  }

  .cabWrapper .paginationWrapper {
    margin-top: 23px;
  }

  .cabWrapper .paginationWrapper ul li {
    padding: 0 4px;
  }

  .cabWrapper .paginationWrapper ul li a {
    background: transparent;
    width: auto;
    height: auto;
    font-size: 14px;
  }

  .cabWrapper .paginationWrapper ul li a:hover,
  .cabWrapper .paginationWrapper ul li a.active {
    background: transparent;
    color: #ff4c36;
  }

  .settings .settingsItem.personalData,
  .settings .settingsItem.passwordData,
  .settings .settingsItem.securityData,
  .settings .settingsItem.paymentData {
    width: 100%;
  }

  .settings .settingsItem .btnContainer {
    padding-top: 23px;
  }

  .googleBlock {
    top: -30px;
  }

  .partnersInfo .item {
    width: 100%;
    padding-left: 65px;
    margin-bottom: 15px;
  }

  .partnersInfo .item .iconBl {
    left: 12px;
    margin-top: -18px;
  }

  .cabLines .col {
    width: 181px;
  }

  .listWithdrawalBlock .item {
    width: calc(25% - 10px);
  }
}

@media (max-width: 639px) {
  .cabCenter .cabCenterTop .cabYouBalance {
    width: 100%;
    background-color: #2135bb;
  }

  .cabCenter .cabCenterTop .cabYouLastOper {
    width: 100%;
  }

  .cabCenter .cabCenterTop .cabYouLastOper .text {
    padding-right: 20%;
  }

  .cabCenter .cabCenterTop .cabLineBtns {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px;
  }

  .cabCenter .cabCenterTop .cabLineBtns .btn {
    width: calc(50% - 15px);
  }

  .cabCenter .cabCenterTop .cabLineBtns .btn+.btn {
    margin-left: 0;
  }

  .cabCenter .cabCenterTop .cabLineBtns .btn:nth-child(2) {
    width: calc(50% - 15px);
  }

  .cabCenter .cabCenterTop .cabLineBtns .btn:last-child {
    width: 100%;
    margin-top: 5px;
  }

  .filterBl .col {
    margin-bottom: 15px;
  }

  .filterBl .col.colDate {
    width: 100%;
    order: 1;
  }

  .filterBl .col.colDate+.colDate {
    order: 2;
  }

  .filterBl .col.colType {
    width: 100%;
    order: 3;
  }

  .filterBl .col.colStatus {
    width: 100%;
    order: 4;
  }

  .filterBl .btnMain {
    margin-top: 15px;
  }

  .cabYouInfo .cabYouInfoItem {
    width: 100%;
  }

  .promoBlock .youRefLink {
    padding: 30px 0;
  }

  .promoBlock .youRefLink .inputWrapper {
    width: 100%;
    margin-bottom: 15px;
  }

  .promoBlock .youRefLink .btnContainer .spiralImage {
    display: none;
  }

  .promoBlock .infoPromoContent .infoPromoWrapper {
    padding: 0;
  }

  .promoBlock .infoPromoContent .youRefLink {
    padding: 15px 0;
  }

  .settings .settingsItem.personalData .inputWrapper {
    width: 100%;
  }

  .settings .settingsItem.personalData .btnContainer {
    width: 100%;
  }

  .settings .settingsItem.securityData .securityLeft,
  .settings .settingsItem.securityData .securityRight {
    width: 100%;
  }

  .settings .settingsItem.paymentData form .inputWrapper {
    width: 100%;
  }

  .googleBlock {
    top: 0;
    margin-top: 30px;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead .td {
    width: 50% !important;
    border: 0;
    border-bottom: solid 2px #dfe8f7;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead .td:nth-child(4) {
    width: 50% !important;
    border-top: 0;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead .td.summWith,
  .tablePartners .tablePartnersLine .tablePartnerHead .td.sumReff,
  .tablePartners .tablePartnersLine .tablePartnerHead .td.sumActive {
    border: 0;
    border-bottom: solid 2px #dfe8f7;
    width: 33.3333333333% !important;
  }

  .loginWrapper {
    padding-bottom: 50px;
  }

  .loginWrapper .logoWrapper::before {
    right: -52px;
  }

  .loginWrapper .backMain {
    top: 180px;
    right: auto;
    left: 15px;
    margin-left: 0;
  }

  .loginWrapper .loginForm {
    padding: 0px 15px 0;
  }

  .loginWrapper .loginForm .sectionTitle {
    font-size: 30px;
    margin-bottom: 25px;
    line-height: 40px;
  }

  .loginWrapper .loginForm .loginFormList .loginFormItem {
    width: 100%;
  }

  .loginWrapper .loginForm .text {
    font-size: 14px;
  }

  .loginWrapper .loginForm .btnContainer {
    margin-top: 55px;
    flex-wrap: wrap;
  }

  .loginWrapper .loginForm .btnContainer .btnMain {
    width: 100%;
  }

  .loginWrapper .loginForm .btnContainer .btnMain+.btnMain {
    margin-top: 15px;
  }

  .cabLines .col {
    width: 189px;
  }

  .loginWrapper .logoWrapper {
    top: 60px;
    left: 25px;
  }

  .cabCenterTop .cabTopMenu {
    order: 1;
  }

  .cabCenterTop .cabYouBalance {
    order: 2;
  }

  .cabCenterTop .cabYouLastOper {
    order: 4;
  }

  .cabCenterTop .balanceBlock {
    order: 3;
  }

  .cabCenterTop .cabLineBtns {
    order: 5;
  }

  .listWithdrawalBlock .item {
    width: calc(33.3333333333% - 10px);
  }
}

@media (max-width: 479px) {
  .cabCenter .cabCenterTop .cabTopMenu {
    flex-wrap: wrap;
  }

  .cabCenter .cabCenterTop .cabTopMenu li {
    width: 50%;
    background-color: transparent;
  }

  .cabCenter .cabCenterTop .cabTopMenu li:nth-child(2) {
    background-color: #1c34d9;
  }

  .cabCenter .cabCenterTop .cabTopMenu li:nth-child(3) {
    background-color: #1c34d9;
  }

  .cabCenter .cabCenterTop .cabTopMenu li:last-child {
    background-color: transparent;
  }

  .cabCenter .cabCenterTop .cabTopMenu li:hover {
    background-color: #2135bb !important;
  }

  .cabCenter .cabCenterTop .cabYouBalance {
    padding: 23px 10px;
  }

  .cabCenter .cabCenterTop .cabYouLastOper .text {
    padding-right: 10%;
  }

  .cabCenter .cabCenterTop .cabLineBtns {
    padding: 8px;
  }

  .cabCenter .cabCenterTop .cabLineBtns .btn:last-child {
    margin-top: 12px;
  }

  .cabCenter .cabLineInformation .col {
    width: 100% !important;
  }

  .cabCenter .cabLineInformation .col:nth-child(3n) {
    width: 100% !important;
  }

  .cabContent {
    padding: 25px 6px;
  }

  .cabPlanBlock .tit {
    line-height: 20px;
    min-height: 20px;
  }

  .cabPlanBlock .plan .pr {
    margin-top: 3px;
  }

  .cabPlanBlock .planInfo {
    display: block;
    height: auto;
    padding: 15 10px;
  }

  .cabPlanBlock .planInfo.summDep {
    padding: 15px 10px;
  }

  .cabPlanBlock .planPic {
    margin-top: 0px;
  }

  .cabPlanBlock .date {
    margin-top: 26px;
  }

  .cabYouOperations .tableOperation {
    margin-top: 28px;
  }

  .listWithdrawalBlock .item {
    width: calc(50% - 10px);
    margin-bottom: 5px;
  }

  .withdrawalInfo .item {
    width: 100%;
  }

  .tiketsBlock .tiketsSendMessage .btnContainer.btnAnim {
    margin-top: 25px;
  }

  .cabWrapper .btnContainer {
    width: 100%;
    padding: 0;
  }

  .cabWrapper .btnContainer .btnMain {
    width: 100%;
  }

  .cabWrapper .btnContainer .spiralImage {
    display: none;
  }

  .messageSystem {
    padding: 10px 10px 10px 70px;
  }

  .messageSystem .txt {
    font-size: 12px;
    line-height: 16px;
    display: block;
  }

  .settingsBlock {
    padding: 45px 0 0;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead .td {
    width: 100% !important;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead .td:nth-child(4) {
    width: 100% !important;
  }

  .tablePartners .tablePartnersLine .tablePartnerHead .td.summWith,
  .tablePartners .tablePartnersLine .tablePartnerHead .td.sumReff,
  .tablePartners .tablePartnersLine .tablePartnerHead .td.sumActive {
    width: 100% !important;
    text-align: left;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
  }

  .cabLines .col {
    width: 195px;
  }
}

/*# sourceMappingURL=style.css.map */

.default_form {
  text-align: left;
}
.default_form fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  margin-top: 45px;
}
.default_form table {
  /* width: 100%; */
  min-width: 30%;
}
.default_form table tr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 4px 15px 4px 19px;
  min-height: 48px;
  position: relative;
  margin-bottom: 10px;
}
.default_form table tr td {
  text-align: left;
  white-space: nowrap;
  padding: 1px 10px;
}
.default_form table tr td:first-child {
  font-weight: bold;
  text-transform: uppercase;
}
.default_form table tr td:last-child {
  text-align: right;
}

.button-blue, .button-green, .button-gray {
  display: inline-block;
  position: relative;
  max-width: 100%;
  height: 59px;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  line-height: 25px;
  color: #fff;
  font-weight: 600;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
  white-space: nowrap;
  cursor: pointer;
  background-color: #091149;
  border: 2px solid #091149;
  text-align: center;
  padding: 14px 18px 16px;
  min-width: 206px;
  -webkit-box-shadow: 0 0 0px transparent;
  -moz-box-shadow: 0 0 0px transparent;
  box-shadow: 0 0 0px transparent;
  -webkit-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  -moz-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
}
.button-blue:hover, .button-green:hover, .button-gray:hover {
  opacity: 0.7;
}

.button-red {
  display: inline-block;
  position: relative;
  max-width: 100%;
  height: 59px;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  line-height: 25px;
  color: #fff;
  font-weight: 600;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
  white-space: nowrap;
  cursor: pointer;
  background-color: #ff4c37;
  border: 2px solid #ff4c37;
  text-align: center;
  padding: 14px 18px 16px;
  min-width: 206px;
  -webkit-box-shadow: 0 0 0px transparent;
  -moz-box-shadow: 0 0 0px transparent;
  box-shadow: 0 0 0px transparent;
  -webkit-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  -moz-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, filter 0.3s, box-shadow 0.3s, color 0.3s, background-color 0.3s, border-color 0.3s;
}
.button-red:hover {
  opacity: 0.7;
}

span.err {
  position: relative;
  background-color: #f4f8ff;
  width: 100%;  
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
  -moz-box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
  box-shadow: 0px 0px 81px 0px rgba(9, 16, 77, 0.07);
  padding: 10px 10px 10px 60px;
  color: #ff4c37;
  display: block;
  margin-top: 10px;
}

span.err:before {
  position: absolute;
  z-index: 1;
  content: "";
  width: 45px;
  height: 100%;
  background-color: #ff4c37;
  background-image: url(../img/ic-message2.png);
  background-repeat: no-repeat;
  background-position: center center;
  top: 0;
  left: 0;
  border-radius: 10px 0 0 10px;
}

.loginForm h2 {
  color: white;
}
.loginForm p.info {
  color: white;
}
.loginForm p.info a {
  color: #ff8181;
}