*,
*: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%;
}

* {
  padding: 0px;
  margin: 0px;
}

html,
body {
  height: 100%;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  position: relative;
  -webkit-font-smoothing: antialiased;
}

: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;
  text-align: left;
}

li {
  height: auto;
}

img,
picture,
video,
canvas,
svg,
iframe {
  display: block;
  max-width: 100%;
  border: 0;
}

a {
  color: inherit;
  text-decoration: none;
  font-family: inherit;
}

input,
textarea,
button,
select {
  display: block;
  font-family: inherit;
}

textarea {
  resize: none;
}

input,
textarea,
select {
 
  -moz-appearance: none;
  
  max-width: 100%;
  width: 100%;
}

button {
  text-transform: none;
}

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

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

:-moz-focusring {
  -webkit-outline: none;
  outline: none;
}

::-webkit-search-decoration,
::-webkit-file-upload-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

::-webkit-calendar-picker-indicator {
  opacity: 0;
}

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

::-webkit-outer-spin-button,
::-webkit-inner-spin-button {
  display: none;
}

body {
  width: 100%;
  min-width: 320px;
  background-color: #23252d;
  font-family: "kalisto", sans-serif;
  font-size: 16px;
  color: #fff;
  overflow-x: hidden;
}

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

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

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

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

:-ms-input-placeholder {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  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;
}

.capTitle {
  font-size: 40px;
  line-height: 60px;
  font-weight: normal;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}

.inputWrapper {
  position: relative;
}
.inputWrapper label {
  font-size: 16px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: table;
  margin-bottom: 10px;
}
.inputWrapper input {
  font-size: 17px;
  color: #9a9dac;
  background-color: #2d303c;
  width: 100%;
  height: 57px;
  border: 0;
  padding: 0 23px;
  font-family: "Stem";
  font-weight: 300;
  letter-spacing: 0.05em;
}
.inputWrapper textarea {
  font-size: 17px;
  color: #9a9dac;
  background-color: #2d303c;
  width: 100%;
  height: 117px;
  border: 0;
  padding: 15px 24px;
  font-family: "Stem";
  font-weight: 300;
  letter-spacing: 0.05em;
}
.inputWrapper .selectric {
  font-size: 17px;
  color: #9a9dac;
  background-color: #2d303c;
  width: 100%;
  height: 64px;
  border: 0;
}
.inputWrapper .selectric .label {
  color: #fd9701;
  font-size: 16px;
  height: 100%;
  line-height: 61px;
  padding: 0 2px;
  position: relative;
  /*background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);*/
  /*background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);*/
  /*background-clip: text;*/
  /*-webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
  /*-webkit-box-decoration-break: clone;*/
  /*color: transparent;*/
  /*text-shadow: 0px 0px #00000000;*/
}
.inputWrapper .selectric .button {
  background: transparent;
  background-image: url("../img/arrow_selectric.png");
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 40px;
  background-color: #2d303c;
}
.inputWrapper .selectric .button::after {
  display: none;
}
.inputWrapper.inputCaptcha {
  display: flex;
}
.inputWrapper.inputCaptcha input {
  width: 75%;
}
.inputWrapper.inputCaptcha .captcha {
  background-color: #23252d;
  width: 25%;
  background-position: center;
  background-repeat: no-repeat;
}
.inputWrapper.inputCaptcha .captcha img {
  cursor: pointer;
}
.inputWrapper.error .messageError {
  display: block;
}
.inputWrapper .messageError {
  margin-bottom: 30px;
  color: #c63e41;
  font-size: 16px;
  border: solid 1px #c63e41;
  background-image: url("../img/ic-error.png");
  background-position: 19px center;
  background-repeat: no-repeat;
  width: 100%;
  padding: 15px 0 15px 45px;
  display: none;
  letter-spacing: 0.02em;
}
/*.inputWrapper .curr {*/
/*  right: 0;*/
/*  bottom: 0;*/
/*  position: relative;*/
/*  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);*/
/*  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);*/
/*  background-clip: text;*/
/*  -webkit-background-clip: text;*/
/*  -webkit-text-fill-color: transparent;*/
/*  -webkit-box-decoration-break: clone;*/
/*  color: transparent;*/
/*  text-shadow: 0px 0px #00000000;*/
/*  position: absolute;*/
/*  height: 100%;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  width: 60px;*/
/*}*/

.inputWrapper .curr {
  right: 0;
  bottom: 0;
  color: #ccaa6c;
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
}

.selectric-items {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
  background-color: #2d303c;
}
.selectric-items li {
  color: #fff;
}
.selectric-items li.highlighted {
  background-color: #23252d;
  color: #fff;
}

.checkBlock {
  position: relative;
  z-index: 2;
}
.checkBlock input:checked + label::after {
  opacity: 1;
}
.checkBlock label {
  cursor: pointer;
  padding-left: 43px;
  color: #9a9dac;
  font-size: 17px;
  position: relative;
  font-family: "Stem";
  letter-spacing: 0.06em;
}
.checkBlock label:before {
  content: "";
  display: block;
  position: absolute;
  left: 2px;
  top: -1px;
  width: 25px;
  height: 25px;
  background-color: #2d303c;
}
.checkBlock label:after {
  content: "";
  display: block;
  position: absolute;
  left: 2px;
  top: -1px;
  width: 25px;
  height: 25px;
  background-image: url(../img/check.png);
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.checkBlock label a {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: underline;
  text-decoration-color: #a4916e;
}
.checkBlock label a:hover {
  text-decoration-color: transparent;
}

.graficCurrents {
  padding: 0 50px 50px;
  background-color: #1c1d21;
}
.graficCurrents .highcharts-figure,
.graficCurrents .highcharts-data-table table {
  min-width: 310px;
}
.graficCurrents .highcharts-data-table table {
  border-collapse: collapse;
  margin: 10px auto;
  text-align: center;
  width: 100%;
}
.graficCurrents .highcharts-data-table thead tr,
.graficCurrents .highcharts-data-table tr:nth-child(even) {
  background: #363842;
}
.graficCurrents .highcharts-data-table tr:hover {
  background: #363842;
}
.graficCurrents .highcharts-grid-line {
  stroke: #363842;
}
.graficCurrents .highcharts-xaxis-grid .highcharts-grid-line {
  opacity: 0;
}
.graficCurrents .highcharts-no-tooltip {
  display: none;
}
.graficCurrents .highcharts-tooltip text {
  fill: #d1b685 !important;
  font-size: 16px !important;
  font-family: "kalisto", sans-serif;
}
.graficCurrents .highcharts-tooltip text tspan {
  text-align: center;
}
.graficCurrents .highcharts-tooltip text tspan:nth-child(1) {
  font-size: 10px !important;
}

#container {
  width: 100%;
  height: 400px;
}

.copyMessage {
  display: none;
  position: absolute;
  left: 50%;
  top: calc(100% - 81px);
  width: 300px;
  padding: 15px 5px;
  margin-left: -150px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  border: solid 1px #1c1d21;
  color: #333;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  z-index: 5;
  text-align: center;
}

.message, .help-block-error {
  font-size: 16px;
  background-position: 19px center;
  background-repeat: no-repeat;
  width: 100%;
  padding: 15px 0 15px 45px;
  max-width: 1690px;
  margin: 0 auto;
  width: calc(100% - 20px);
  letter-spacing: 0.02em;
  border: solid 1px transparent;
  margin-bottom: 15px;
}

.help-block-error {
  margin: 10px 0 0;
  display: none;
}

.has-error .help-block-error {
  display: block;
}

.message.good {
  background-image: url("../img/ic-good.png");
  color: #49bd58;
  border-color: #49bd58;
}
.message.info {
  background-image: url("../img/ic-info.png");
  color: #9da0b3;
  border-color: #9da0b3;
}
.message.error, .help-block-error {
  background-image: url("../img/ic-error.png");
  color: #c63e41;
  border-color: #c63e41;
}
.message.warning {
  background-image: url("../img/ic-warning.png");
  color: #d7ba85;
  border-color: #d7ba85;
}

.btc {
  color: #fd9701;
}

.eth {
  color: #6976e7;
}

.ltc {
  color: #00abe7;
}

.riple {
  color: #afafae;
}

.trc20 {
  color: #ef6206;
}

.erc20 {
  color: #c51f26;
}

.bep20 {
  color: #3dcacb;
}

.bnb {
  color: #ffc600;
}

.ada {
  color: #52ba95;
}

.sol {
  color: #8db35a;
}

.trx {
  color: #d9576e;
}

.doge {
  color: #879aa3;
}

.dash {
  color: #2e6ded;
}

.xmr {
  color: #956c56;
}

.dai {
  color: #b1b716;
}

.bch {
  color: #c74b3b;
}

.menuBurger {
  cursor: pointer;
  background: transparent;
  border: 0;
  width: 37px;
  position: absolute;
  left: 11px;
  top: 15px;
  display: none;
}
.menuBurger .line {
  position: relative;
  display: block;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  top: 0;
}
.menuBurger .line + .line {
  margin-top: 8px;
}
.menuBurger.selected .line: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.selected .line:nth-child(2) {
  opacity: 0;
}
.menuBurger.selected .line:nth-child(3) {
  top: -10px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.icon-transfer-money-1 {
  position: relative;
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

#starshine {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}

.newYearLogo {
  display: none;
  position: relative;
  top: -70px;
}

.fir {
  display: none;
  position: absolute;
  left: 50px;
  bottom: 0;
  background-image: url("../img/fir.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 475px;
  height: 669px;
}

.snowflakes .shine {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAYAAACkVDyJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDExNi4xNjQ3NjYsIDIwMjEvMDIvMTktMjM6MTA6MDcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6Qjc5QTE0OTkwMDJCRTUxMUFCQzhBQ0IyQTRGQzI1NUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUJDMDk0MjI4MDUyMTFFREI0NUM4QUUyMTg1RUMzMkEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUJDMDk0MjE4MDUyMTFFREI0NUM4QUUyMTg1RUMzMkEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjkyZGRhMGUyLTkxZGUtY2E0Yi04NTg4LTFhNzg4MmQ4YTAyYSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjI2OGVjZTMxLTcwOGYtYzU0Ni04ZWRmLTE4YjExNTJhYWEwMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrSUma0AAAPbSURBVHja7FZNiBxFFH7V9dPVP7OIyTpghEgUL4JrEERIQIwhGARziOLBeMol4NWgJxNIIOe4ITGg5KAgggcVBcXFDUrwD8H1EAR3kRxckxWJTk9P/1VX+VUjoptd7FXYUwreVHdNVX3vfe97b4Y552gzR0CbPDYdUKxe2LNvP3madRhSnk+obppuXevwlkGabhll2S/GmBHnnCQXVFQVJWlCdVnS6vR8Oj+3sQhDpSgIGDFG3g5j6SMhxGEpJQuwAIBIKbU3CILH8Hzb/6K0i1JrbGD+BZ9swhjboZXaHWktGAso4PyeNElmBecvAPQ+GBxj5GdvG86hc5bFSdwdttZestYts4BvZUHQOnJTWH8Y92/Dd8sA+hLrFEcxebrtOuq/ATBgnXfbcMF5vJ7B4WlEwpy1S01TX0CoP+dZZk3TcKnkIexZKibFq621mTEtgeu/GOolGu8dNiuAPgCPh8y57aDsNByYI0efA/hBPB9VXX6DvCrLC5jnIxXSKM9DXLEd9hMs7wVYlIWflk3Lnw9D/ZIUYjdovaNt7Snb2uugaqeOon0QD9VV9WFRVG8nSXQ/WNgSRfpRgD+C88dgH/tA/xUwjiNqGlOVRXGRc3F5MpncC5E8x4U8zaj9HRcmAfc5ddS27YzWag5gd/r1SEdTkM01OJW4dTi9AdB7bhrjFUiIbgWUrmRZNgUKD8ZxPPQq9H77VEmlfsV8GdK81tTNoiNbAKa0xn5NxPrlEI5B8mwI4L2otf1CymowNRjygP8pCOjT1yV19ZlXVX2yLKsrcRQBy3Visc6uxebagBhb0WVew2178Nwwa6+TpYWqqi5xwXdJIbtNLRah6Bkp1CtWuTeh98/AzBU4i3Sbrh57lQVy9hva1VfIz3eNMa8baw+gnT0+KYrzvut4701rqDXt1XGev4x4wjRNngUjb4VheAgR3u2jdH3rsMSo6/oEEv+Ete1x09TfQDQh+uiTnMsfxuPx0651b6B8avTUs41pDuD6b0F5qISc1UrPDtLBdJqk/Sj1VMB8x14GN16Nvl8eCUMVAeB9RP4uAHagNp9CGcwURfEeIjuGiJfQCHYh+i+Q12w9StcSTWe4mFDkvrgPQq1HnHVD6OBF5BD31T/qSAt89xCEdBGtbYRT53D8XCcanOudQ4WO4UvD908plS+Nu/A8XVbVB9l4vAj5I3/me4BngotnkiSdXq8EekWodfSPXojI3inKaglUzUM4IzhAnPhVRPEJcG4PHIu7HxTG/hvganXhbaGumwUu2N9pWoFYToD2W6UUi/4I6wnIbv6Jugm40fGHAAMA6ZzlvlRr2D0AAAAASUVORK5CYII=);
  filter: drop-shadow(0 0 0 transparent);
  filter: invert(1);
}
.newYear .newYearLogo {
  display: block;
}
.newYear .grettings .picture img {
  display: none;
}
.newYear .grettings .picture .newYearLogo {
  display: block;
}
.newYear .fir {
  display: block;
}

.shine {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAJYCAMAAACJuGjuAAADAFBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+/LkhhAAAA/3RSTlMAAQIDBAUGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCkqKywtLi8wMTIzNDU2Nzg5Ojs8PT4/QEFCQ0RFRkdISUpLTE1OT1BRUlNUVVZXWFlaW1xdXl9gYWJjZGVmZ2hpamtsbW5vcHFyc3R1dnd4eXp7fH1+f4CBgoOEhYaHiImKi4yNjo+QkZKTlJWWl5iZmpucnZ6foKGio6SlpqeoqaqrrK2ur7CxsrO0tba3uLm6u7y9vr/AwcLDxMXGx8jJysvMzc7P0NHS09TV1tfY2drb3N3e3+Dh4uPk5ebn6Onq6+zt7u/w8fLz9PX29/j5+vv8/f7rCNk1AAAbWElEQVR4AezcS8uU9QOHcf3/ayFWYyHixlnYAREHa9GhGCSxFjIgFthhxI1Y+RRibmwQEcRirIWIiynosBAHsRYiDG7sEMxGnoXII+LGgqmFWIueQNyIXcHNj3sffO/d9XkJ1wu4lvwXesQETdBqE6gJHROoCS+bQE3omUBNeM8EasKHJlAThiZogr4wQRM0NkET9LMJmqB5EzRBMxM0QX+boAliiZT3EA8bQXmP8pgRlNembQTlPclTRlBeh44RlPciLxlBeZvYZATl9egZQXmv8boRlNenbwTlvcO7RlDe+3xgBOUNGBhBeUc4YgTlDRkaQXmnOGUE5Y343AjKGzM2gvK+5TsjKG/CxAjK+5GfjKC8KVMjKG+BBSMo7wY3jKC8GTMjKO8P/jSC8hZZNILy/gEjKO4B4EEzKK0FtMygtNXAajMorQ1eQZS3AdhgBqU9DTxjBqV1ga4ZlPYK8KoZlNYDryDKewt42wxK2wXsMoPS5oA5MyjtAHDADEobgFcQ5X0MfGIGpX0KfGYGpY2AkRmU9jXwjRmUNgavIMq7AFwwg9IuAhfNoLQpOG9Q3jwwbwalLYBXEOX9AvxqBqX9BvxuBqUtgvMG5d0F7ppBaQCYQWHLAVhuCGWtAGCFIZTVBucNynscgCcMoawOAB1DKOt5AF4whLK64BVEeT1w3qC87QBsN4Sy+gD0DaGsPQDsMYSy5sAriPI+AucNyjsMwGFDKGsIwNAQyjoJwElDKGsEXkGUdwaAM4ZQ1jkAzhlCWRMAJoZQ1vcA/GAIZU3BK4jyrgJw1RDKug7AdUMoawbAzBDKug3AbUNkaRHyVxDpPgD3DRGl/0Hl/6ZIUgsqLVMkaRVUVpkiSW3IX0Gk9VBZb4okbYTKRlMkqQv5eYO0BSpbTJGkHuSvINIbUHnTFEnaCZWdpkjSHOTnDdJ+qOw3RZIGkL+CSMegcswUSToOleOmSNII8vMG6UuofGWKJI2hMjZFks5D5bwpkjSB/BVEmkJ+3iBdhsplUyRpASoLpkjSTajcNEWSZpC/gkh/QX7eIN2Byh1TJAkKUwRpGRTLjJGjFuSvINIaKNYYI0droVhrjBx1oOgYI0fPQvGcMXLUhfwVRNoKxVZj5GgbFNuMkaM+FH1j5Gg3FLuNkaM5yF9BpINQHDRGjg5BccgYORpCMTRGjk5AccIYORpB/goinYbitDFydBaKs8bI0QTy8wbpEhSXjJGjKeSvINIVKK4YI0fXoLhmjBzNID9vkG5BccsYOVqE/BVEugfFPWPEaCnUlpojRS3IzxuklVBbaY4UtaHWNkeK1kFtnTlS1IH8FUTqQn7eIG2G2mZzpKgHtZ45UrQDajvMkaI+5K8g0l6o7TVHivZBbZ85UjSA2sAcKToKtaPmUP4J8i979/7fVGH/cfwdAgXKpQRE7YCCGYJOqpOgKGNeWAQVZE6MDxQFnC7aydTxZaa4L2MyB5kXp2NWog8Fpx0zXlCUL2oEQRBRgkrVDcHIfShCLJQLxZL3t1ww55yENpdzTnP5PP+G/tDzOvm8j6yCCB09yqhHkYtEIZrA44x6HKZr1hPCaMWnw3yVjKqE2VoOt0AY7vzLYLqXGPUiTGb7QwGECUbe2oSbIOavgnSbXQRhivKpFphrMaMWw1RnLu8KYZKKfxTAVMsYtQxmGrSxFMIs1lcC7WCmKkZVwUSjagZBmKdw+cfFMNEaRq2BeTwHR8FMovPa9T8yfxPE5FUQ63SWw1yi57bwT2GaMKPCMEnrl1gBs4n+e/ZdDbPUMGoXzNHxXb5ihenE8LqDd8AkVIIpTlnN5YVoAuKGCB+0wAwtqdQSJui7lWs7o0mIcvJfLc3eBDFnFWRIDbf1RBMRFeTbHWC8LlTqAsPdeIB7+kM0XSglP+kGw/WgUg8YbVKEB4ajKUkoJTeXmjndYMJ4g/VxMjIKTUtCKVl9MQzWj0r9YKg2r8rFRkaEUrL2WrM2QUxYBTnxfVLCaEaEUjLyOxjqUioNgYF6riUljGZIKCX5NysMNIxKw2Ccc7eREkYzRBnrvdjK8OkGE8YbrthNShjNrKu/pR1hmLFUGgujuOtICaOZw/Is6/2nB4xSRqUyGMMyhaSE0UxSsID1tp4Ng0yg0gQYosVM1qsbDpE5iqpYb9dgGGMiafgqSLvXeUgZRCbpuon1DowxcrrB0PGGk1fKMERGOm0b60X+F0Z4kEoPQH+91/GQZy0QGRhK682wQn8VVKqA7n6yg4csKEBmklBKzm0D3c2i0izo7aq9PKSqCJlKQim5vLMRmyBGroKMq+MhG7pCZPI82tofGjDdYNx4g+UvJDM/jEooJb8+B/p6g0pvQE8FlWRWhFEJpeTuodDVEiotgY6KFpBZEkYllJJ1N0NPK6kUhH66rCKzJoxKKK13j0XfTRBjVkH6bMySxVxRWs0jnmpuzHQDuR56uShMZkkYFYNqecT8ttDLFiptgU6u2U9mTRgVoyI8IngydFJNpWro47cRMhvDqHyf5Mte0EctlWqhh2YP86hNXZEVRAWP2j4AuqAadNDKz6OqS5E15ED6qL1XQgftqdYeabMt5lG1g5AtROFCHlV3G9LXiWodka7un/GwLD15llBab5oF6SqhWgnSdNaWbP9InYRS8pkCpKk31XohPc6dPKYCWUpCKflWe103QdJeBbm+lse8ZEW2klBKrvoB0jKAagOQjokRUsJoLoRScsMZSMeFVLsQqbM+SlLCaG6EUjJ8AdIwlGpDkbLWc0gJozkTSsn9LqRuBNVGIFWd3iMljOZQKCUP3pn+JkjaqyD2z0kJo7mxJBn1UDOk6BaquZGafltJCaO5siQZ9VxLpGYc1VKs+ZfWkBJGc2dJMmqRLfWngPTHG375HSlhNJcOpKM+7YZUTKbaZKRgcoRRObEFKQfSUZvPTGcTJI1VkOZPUEG2IHNBGRV2DkLyplNtOpLVZh4VZAsyN/yBCrWjkLQZVJuBJJ30ARXk5DlXVFAh4klzuiH58YZTv6CCnDznVChVmG5Fcl6g2vNISv9tVJCT51wNpeRLrZPeBEljFWT4HipE3MhREkrJdzsiGYuo9jaScGsdmR9hVEIpufoUJGEp1ZYiYZZ7qVKBHCahlNzaN7nphhTHG1o8TTJ/wqiEUrJmCBK2mmqrkaB2b5ISRnNdGVUOjE1xE4TcgMQUf0hKGM1906gSmYQEbafadiTk9HVk3oRRWZJUeNyKhOykWjUSMXAHmUdhVJYkFV5tg0RQCwkYsY/MqzAqB9IK75+IxhVQqwUadXsd1cqQ6+RAWmFtTzSqiFpFaITlfmpMQ+6TA2mFbeeiMcXUKkbDCmZTQ7Ygc90Fe6i2e1iymyCNroJ0WEiNvDt5llBK1rmTnG5obLyhaxU15OQ5H5RRa4oFDelLrb5oQJ9N1JCT5/wwjVozW6ABA6k1EMd38bfU2F6KvCShlHy9HY5vMLUuwXGN3E9KGJVQeszKkxPcBGlkFWRChJQwKqE0al3vhKcbyGsRX7NHqCRhVEIpuWMAjmM0tUYjrlYvkBJGJZRq7L0q4cfIMsTT8R1SwqgsSVKrbhziGk+t8Yij+79JCaNiVIQx/mJBHOXUKkesH/+X9SSMinLGerYAsaZSaypiXLKLh0kYFRWMtaAIMe6n1n3QGn2AWrIFKQfSCqu6JPAHWAGNuyNUky1IOZDW2HgGNGZS6ymoWB+jgmxBis6fMlb4okY2QbSrIIUvM45yCAmlKvuvgcpcas2FwgnLGUcFhIRSjchvoTSfWvMRZV9DLTl5VpJQqvDXZohaQq0l+N45XzGOJYUQEkrj8LfC91ZQ6wMcc/luUsJooiSUkottsZsgsasgN31HShhNnIRS8rMSHLWOWl/iiD9SS8KoloRSrS1n4YjN1NqEQ5o/yVgSRrUklGrtdOKwampVo17b/yMljCZCliQ1aq/HIfuotQ/ASStICaOJkSVJjUg56jEW0CtEShhNmCxJajxqRVvGanvedlLCaOLkQFprTmsbY43Zy7hkC1JolTG+ZWczYbIFGUtMY3xbmRDZgoxPWGYyPXLy3DgJpY2Tk+f0SChNUBkaJySUJmsKRJIklGpJGE2fhFItCaP6kVCqIWE0DRJKJYyaQEKphNE0yZKkhFHjyJKkhFETyJKkhFGRpja2EvsVe5iwBT9znG0vsbWByHvNbSfaT3cMdA533eie4Jnq9T3hfzGwKFgV2hLez5TtD28JVQUXBV70P+HzTvVMcN/oGu4c6DjdfpKtOXKFaGfrYXf0cw5xXece55nsfcT3rH9+4P3gF1+Gq9kEqsNffhF8PzDf/6zvEe9kzzj3da4hzn4Oew9bO4gMU2Artp/huMB5pesm910e732+J/1zAu8EPw1tDR9gFjkQ3hr6LPhOYI7/Sd99Xs9d7ptcVzovcJxhL7YVQBijyGbv6TjXeZnrevftnnu8033/9L8RWLEytD68i3lhV3h9aOWKwBv+f/r+7r3Hc7v7etdlznMdPe22IogGtbJ1sZc6LnJe5frVLZ6J3gd8M/2vBJYG/xP6OlxH0YC68Neh/wSXBl7xz/Q94J3oueVXrhHOixyl9i62VsgPtk72Xo7znENdo913ev7krfD9yx94K/hRaGN4N4Uhdoc3hj4KvhXw/8tX4f2T5073aNdQ53mOXvZONmSVQls3+1mOQU7XNe4yz++9D/me9r8aWBb8PPRNOEKRUSLhb0KfB5cFXvU/7XvI+3tPmfsal3OQ4yx7N1shmoDV1tl+mmOA8wrXWPd4z5+9M3z+FwILg6tCm8N7KXLE3vDm0KrgwsALft8M7589491jXVc4BzhOs3e2WZG6trbu9rMdzsGuke7bPJO8D/ue8c8LLA+uDe34lnlPfLsjtDa4PDDP/4zvYe8kz23uka7BzvpC3N3WFhodOjvOd43x3Ot7LvBRqIYpEqIm9FHgOd+fPWNc5yNWe9spdsc5h8Pib+rD4t98lfVh8YNDYXEn857YeSj0flAfeit9f6sPvb85HHrPcdhPsbVP61XISYdfhfz88KuQacdehXyifRUiso321dQnx15NTTv8aurnzoGOHzXVq6m2thL72Y6fXeIa6f61Z5L3r75/+OcF3guuCe0IU2SY8I7QmuB7gXn+fxz+V+nX7pGuS468TG+LbNLMdoK9t2OAc5hrjHu8517vY77nng8sDH4c2hTeQ2GIveFNoY+DCwPPP+d7zHuvZ7x7jGuYc4Cjt/0EWzPkhda2rvYzHRc7r3a5b/Xc7X3QN8s/N/BucHVoW/ggRQMOhreFVgffDcz1z/I96L3bc6vbdbXzYseZ9q621hAN6tDRfqqjv/Ny1/XuOzxTvH/3zfa/GQh+GFofrmFeqAmvD30YDLzpn+37u3eK5w73Da7Lnf0dp9o7doAwRktbsb2P40LnL1w3u+8q997ve9L/cuCd4Gehr7Lt1w1fHf51w8v+J333e8vvct/s+oXzQkcfe7GtJUSGMT+bmP6Ybj5hfjaJ/5guvyAV0WziqmNS1vY34jFdyDDIsxYIA8iU0TQII8j4WhlEw2QuUmYihQEqZNhWGGAqNWRxxgSyjSUbWSaQNT9Z9UuD7I/KDqnZJIxqPWFBgoSE0bo5EkqF/mF078+HMtZ2CaUirTD6zXm4gLEGz5FQKtIIo6FewPmMdZ710cZDqRDljGvFSQBKGasUmBhpJJQKMSrCeOa1Rb1TGasngBtqJZSKBg2qZTxPNschJYxVgnrOnRJKRQNKqxnPH3GEjbFsOOSsLccNpUJ03cQ4vrsJR7VlrLY4rPtn8om5pMjXAmoux/cYC0fZFjOecuQ7UbiMcXx1DqL2U2sfjmnlZxyRURASRmOtsUOhmlrV+F6zhxlH7SBoCQmjy0+A0mZqbYLC+AhjVZdCTUgYfbkQKuuo9SWUrtnPWJu6QkgYVXrMCrUqalVB5aIwY1VJKJUwqhC5G1orqLUCan02SigVDYbR2tGIsYRaS6DRZZWEUtFAGN11CWLNp9Z8aBUtOG4oFRJG//tjxPEqteYiRkHlcUKpkA8//7s74qmkViViWe6LG0qFfKr+nY6Iaya1nkI84+ryPpSKaYzxQquEI2oF4rpqr4RSLTl5fqQZjuN+at2H+H6yQ0Kpipw8R/4nmUGHqTiO3uuoVVWEvCUnz/tH4vjKk3jaO3kltRYUIC+I0h3U+PZiNGA8tcbjuNq9LkuSR0kY3dQHDSlL6i61xSw5kD5MwmhVVzRoDLVGowGWKXIgXU/C6MIOaNh11LoWDXLXyYG0hNHZBWjEUGoNRcOu2E21PT9FfpEwer8FjRlMrUvQiHO35XUolTBadzsaN5BaA9GYnmvzOJRKGN03AgnoS62+aNSJ7+dtKJUwumMgElFKrVI0rs1reRpKZQty3elISAm1SpAA6+N5GUplC/LDYiTmB9QqRkImRfIvlMoW5JvtkKAiahUhMTceyLdQKifPT7dAogqo1QIJGlKTX6FUTp7vtSBx1ELC+m6VJck8OnmuuxXJ2Em1aiTulNWyJJnD3BEq7BmOpGyn2nYkodO7siSZJ2F0W38kZwPVNiAZrV+SA+m8CKNfnIokrabaaiTFOl0OpPMgjH5wEpJVRbUqJMkTkQPpXA+j89ogaUupthTJGlVLhckQuRZGn2iO5C2i2ttI2qCdORxKJYxGJiMVr1HtNSTvzM05G0oljH73S6TkBao9jxSUfJqjoVTCaM1lSE0l1SqRCtuinAylsgW5tR9SNINqM5CSls/lYCiVLcjP7UjVdKpNR2qaPZRzoVS2IN/rhJRN0+0A9c6DuRVK5eR5TmukbjJJnTqUa38uhVI5eX7UijSU67gAeUFYliRz5uQ5MhFpGUe125CGMzbIkmQ2s0bjU+0NSM8tVHMjHT9YJUuSORFGdzqRpuuodh3S0v4tOZDOgTC65SykawTVRiA9Bc/IgXTWh9HPuiNtQ6k2FGmyTJMD6SwPo4ttSN+FVLsQabutjkctKoTIujDqbwUdDKDaAKTvyr0SSrM3jD7cDHoopVopdDBgu4TSLA2jkfHQR2+q9YIeen0poTQrw+j+a6CTEqqVQBcnB7MwlMoWZPgi6KUT1TpCH23nZ10olS3IjX2gm/ZUaw+dNH8qy0KpbEFWdYGOqAbdWO7JqlAqJ88LiqCnWirVQkc312VPKJWT58oC6KqaStXQ09Dd2bIkKSfP91mgry1U2gJdnfN1Zi9Jiq4hHlI3DnrbQKX10NcP18qSZBaE0b1XQXdVVKqCzjovz/gDaQmjO34C/a2k0krorXBuhh9ISxhddxoMsIRKS6A764yMPpCWMLryZBjhDSq9AQP8PsJ62/ogA0kYfb0dDPGadhPEAGMOZGoolTA6qwWMUUmlShhi8K7MDKUSRqdYYJBZVJoFY5y9NQNDqYTROrdZI/EVMEiPf2dcKJUtyN1XwDgPUukBGKXj0gwLpbIFua2/ed9lnQbDtHoxo0KpbEGu7QkjTaTSRBjH+kgGhVI5eX7/RBhqApUmwEi/i2RKKJWT59famFDJTNs8vrY2M5Yk5eT5CSsMNpZKY2Gsi6tlSbKpXV7LyCQY7jrtJoixSjfJkmSTh9EDN8J4w6g0DEbr9okcSDdxGK25FCa4lEpDYLgOb8uBdJOG0a19YYaBVBoI47WcLQfSTRhGV58CU/SjUj+YwPIAIzdBNEkYfbcTzFFKpVKY4o6DEkqbQoV2YttAPajUA+a4ep/5oVSUc7oVZulCpS4wyU93mB1KxaiDHpiniEpFMMuP1psbSsWgmuthopZUagnTFH9sZigVpRsHwVRUgonavWleKBVdl58Jc9UwahfMVPB0BcwhimaXwGRhRoVhKsvUcphBFEy2wWwbGLUBJrt1JITxLMNbwnRrGLUGZrvsPAjDdWsG81UxqgqmO70YIictY9QymK8QIict/v927qVl6jKOwzh2WIjVWJQ8G2dhB0QcxEWHYpDEWsgfxAI7jLgRO0wh5sYG7ICIjLUQERzDDgtxEIsSYXBjh2JayLOxRsSNBVMLERdNIG7k6Rs3Nzf/rYvvb3d9XsL1Ai7VfiEHXEYR6wbgO9W+JYcLhhFPEOC4asfJ4YKjqh0lhwv6EesGYJ9q+8gBl55qPXLAZadqO8mBiCvI2+SASydi3QBsUW0LOeBSqVaRAy7rVVtPDri0I54gQCti3QCsVG0lOeDSVK1JDrg8otrD5IBLI+IJAixSbRE5YHNbxW1iwGemYkYMH1xTcY0YPphGPEGASyouEcMHF1VcJIYPxirGxPDBeRXnieGDUcQTBDil4hQxfHBCxQli+GCgwnjHBg6pOEQMH/QjniDAXhV7ieGDPSr2ECMC84YuMXywXcV2YvigE/EEATap2EQMH2xUsZEYPmhHrBuAJ1U8RQwftCKeIMAKFSuI4YPlKpYTwwcN1g2IsFjFYmIYQQUpnHBT2U1SOOEfniCIMGXdgAhXlV0lhRMmyiakcMIFZRdI4YQxTxBEGLFuQIQzys6QwglDZUNSOOFzZV+QwgkDniCIcFDZQVI4Yb+y/aRwQk9ZjxRO2KVsFymc0OUJgghblW0lhRNeUfYqKZxQKatI4YQNyjaQwgltniCIsEbZGlI4YZWyVaRwQlNZkxROWKZsGSmc0OAJggh3KbubFFZYULJACC/MWDcgwnUl1wnhhSlPEES4rOQyIbzwm5LfCeGFMesGRPheyQ+E8MKIJwginFZymhBeOKnkJCG8MGDdgAiHlRwmhBf6SvqE8MIHSj4kBLze5wkSAV3WDRGwQ8kOQsCro6RDCHhtVrKZEPCqeIJEQJt1QwQ8reQZQsCrpaRFCHg9quQxQsCryRMkApYqWUoIeC1RsoQQMFNCBrjdknSLDHCb8QSJgL8k/U0GuP0h6U8ywG0iaUIGuM1LmicD3MY8QSLgnKRzZIDbWUlnyQC3oaQhGeD2paSvyAC3AU+QCPhE0qdkgNsBSQfIALce64YI2C1pNxng1uUJEgHbJG0jA9xek/Q6GeBWsW6IgBckvUgGuLV5gkTAWklryQC31ZJWkwFuTdYNETAnaY4McGtIapABbvdIupcMsPtPIgL8ZqwbIuCGbhABflNNiQC/K7pCBPhNeIJEwFi/EgF+P+onIsBvpBER4Pe1viEC/IY8QSLgmI4RAX5HdIQI8OurTwT4faSPiQC/Hk+QCHhH7xIBfm/oTSLAr6MOEeD3kl4mAvwqniARsE7riAC/Z/UcEeDXUosI8HtcTxABfk2eIBHwoB4iAvzu0/1ECACRIAL+JUEETEkQAfMkiICfSRABQxJEwGckiIA+CSLgPRJEwFskiICKBBHwPAkioEWCCJgjQQQ8QII79D/eDQrIqmTAwgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  overflow: hidden;
  z-index: 2;
  color: tansparent;
  -moz-opacity: 0;
  opacity: 0;
  filter: drop-shadow(0 0 1px #be8f3d);
  animation: glitter 6s linear 0s infinite normal;
  -webkit-animation: glitter 6s linear 0s infinite normal;
  -moz-animation: glitter 8s linear 0s infinite normal;
  -ms-animation: glitter 8s linear 0s infinite normal;
  -o-animation: glitter 8s linear 0s infinite normal;
}

.shine.small {
  width: 20px;
  height: 20px;
}

.shine.medium {
  width: 30px;
  height: 30px;
}

.shine.large {
  width: 50px;
  height: 50px;
}

@-webkit-keyframes glitter {
  0% {
    -webkit-transform: scale(0.3) rotate(0deg);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(1) rotate(360deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.3) rotate(720deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0.3) rotate(0deg);
    opacity: 0;
  }
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* Header Style */
.codrops-top {
  text-transform: uppercase;
  position: relative;
  z-index: 1000;
  font-size: 0.68em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  line-height: 2.2;
}

.codrops-top a {
  padding: 0 1em;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.2);
  display: inline-block;
}

.codrops-top a:hover {
  color: rgba(255, 255, 255, 0.9);
}

.codrops-top span.right {
  float: right;
}

.codrops-top span.right a {
  float: left;
  display: block;
}

.os-phrases {
  height: 120px;
  position: relative;
}

.os-phrases h2 {
  font-size: 40px;
  line-height: 60px;
  font-weight: normal;
  color: #b48a3d;
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: 14px;
  text-align: center;
  opacity: 0;
}

.os-phrases h2,
.os-phrases h2 > span {
  height: 100%;
  /* Centering with flexbox */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.os-phrases h2 > span {
  margin: 0 15px;
}

.os-phrases h2 > span > span {
  display: inline-block;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.os-phrases h2 > span > span > span {
  display: inline-block;
  color: rgba(0, 0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-animation: OpeningSequence 5.2s linear forwards;
  -moz-animation: OpeningSequence 5.2s linear forwards;
  animation: OpeningSequence 5.2s linear forwards;
}

.os-phrases h2:nth-child(2) > span > span > span {
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
}

.os-phrases h2:nth-child(3) > span > span > span {
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  animation-delay: 10s;
}

.os-phrases h2:nth-child(4) > span > span > span {
  -webkit-animation-delay: 15s;
  -moz-animation-delay: 15s;
  animation-delay: 15s;
}

.os-phrases h2:nth-child(5) > span > span > span {
  -webkit-animation-delay: 21s;
  -moz-animation-delay: 21s;
  animation-delay: 21s;
  -webkit-animation-duration: 8s;
  -moz-animation-duration: 8s;
  animation-duration: 8s;
}

.os-phrases h2:nth-child(6) > span > span > span {
  -webkit-animation-delay: 30s;
  -moz-animation-delay: 30s;
  animation-delay: 30s;
}

.os-phrases h2:nth-child(7) > span > span > span {
  -webkit-animation-delay: 34s;
  -moz-animation-delay: 34s;
  animation-delay: 34s;
}

@-webkit-keyframes OpeningSequence {
  0% {
    text-shadow: 0 0 50px #b48a3d;
    letter-spacing: 80px;
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
  }
  50% {
    text-shadow: 0 0 1px #b48a3d;
    letter-spacing: 14px;
    opacity: 0.8;
    -webkit-transform: rotateY(0deg);
  }
  85% {
    text-shadow: 0 0 1px #b48a3d;
    opacity: 0.8;
    -webkit-transform: rotateY(0deg) translateZ(100px);
  }
  100% {
    text-shadow: 0 0 10px #b48a3d;
    opacity: 0;
    -webkit-transform: translateZ(130px);
    pointer-events: none;
  }
}
@-moz-keyframes OpeningSequence {
  0% {
    text-shadow: 0 0 50px #b48a3d;
    letter-spacing: 80px;
    opacity: 0.2;
    -moz-transform: rotateY(-90deg);
  }
  50% {
    text-shadow: 0 0 1px #b48a3d;
    letter-spacing: 14px;
    opacity: 0.8;
    -moz-transform: rotateY(0deg);
  }
  85% {
    text-shadow: 0 0 1px #b48a3d;
    opacity: 0.8;
    -moz-transform: rotateY(0deg) translateZ(100px);
  }
  100% {
    text-shadow: 0 0 10px #b48a3d;
    opacity: 0;
    -moz-transform: translateZ(130px);
    pointer-events: none;
  }
}
@keyframes OpeningSequence {
  0% {
    text-shadow: 0 0 50px #b48a3d;
    letter-spacing: 80px;
    opacity: 0.2;
    transform: rotateY(-90deg);
  }
  50% {
    text-shadow: 0 0 1px #b48a3d;
    letter-spacing: 14px;
    opacity: 0.8;
    transform: rotateY(0deg);
  }
  85% {
    text-shadow: 0 0 1px #b48a3d;
    opacity: 0.8;
    transform: rotateY(0deg) translateZ(100px);
  }
  100% {
    text-shadow: 0 0 10px #b48a3d;
    opacity: 0;
    transform: translateZ(130px);
    pointer-events: none;
  }
}
.os-phrases h2:nth-child(8) > span > span > span {
  font-size: 30px;
  -webkit-animation: FadeIn 4s linear 40s forwards;
  -moz-animation: FadeIn 4s linear 40s forwards;
  animation: FadeIn 4s linear 40s forwards;
}

@-webkit-keyframes FadeIn {
  0% {
    opacity: 0;
    text-shadow: 0 0 50px #b48a3d;
  }
  100% {
    opacity: 0.8;
    text-shadow: 0 0 1px #b48a3d;
  }
}
@-moz-keyframes FadeIn {
  0% {
    opacity: 0;
    text-shadow: 0 0 50px #b48a3d;
  }
  100% {
    opacity: 0.8;
    text-shadow: 0 0 1px #b48a3d;
  }
}
@keyframes FadeIn {
  0% {
    opacity: 0;
    text-shadow: 0 0 50px #b48a3d;
  }
  100% {
    opacity: 0.8;
    text-shadow: 0 0 1px #b48a3d;
  }
}
/* Bold words */
.os-phrases h2:first-child .word3,
.os-phrases h2:nth-child(2) .word2,
.os-phrases h2:nth-child(4) .word2 {
  font-weight: 600;
}

.payIcon {
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.selectric-selectricBalance .selectric .textDefault {
  position: relative;
  top: -10px;
  padding: 0 15px;
}
.selectric-selectricBalance .selectric .label {
  padding-top: 9px;
  width: calc(100% - 60px);
}
.selectric-selectricBalance .selectric .label .payIcon {
  top: -11px;
  left: 8px;
  position: relative;
  width: 38px;
  height: 38px;
  background-size: contain;
}
.selectric-selectricBalance .title {
  display: block;
  position: absolute;
  top: -12px;
  left: 63px;
  font-size: 12px;
  -webkit-text-fill-color: initial;
}
.highcharts-credits,
.highcharts-no-tooltip {
  display: none !important;
}

/*.selectric-items li[data-index="0"] {*/
/*  display: none;*/
/*}*/

.pageWrapper {
  overflow: hidden;
  min-height: 100vh;
  position: relative;
  width: 100%;
  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;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}
.pageWrapper .siteFooter {
  margin-top: auto;
}
.pageWrapper.inner .header {
  align-items: center;
  display: flex;
  padding: 0 59px 0 7px;
}
.pageWrapper.inner .social {
  margin-top: -86px;
}
.pageWrapper.cab {
  background-image: url("../img/back-invis-toh.png");
  background-repeat: no-repeat;
  background-position: 0 83px;
  background-size: auto;
}

.header {
  position: relative;
  z-index: 5;
  padding: 16px 0;
  border-bottom: solid 1px #363842;
}
.header .logo {
  position: relative;
  z-index: 1;
  -webkit-transition: filter 0.3s;
  -moz-transition: filter 0.3s;
  -o-transition: filter 0.3s;
  transition: filter 0.3s;
  display: flex;
  align-items: center;
}
.header .logo > a,
.header .logo .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;
}
.header .logo img {
  width: 60px;
  margin-right: 5px;
}
.header .logo .textLogo {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 25px;
}
.header .logo:hover {
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -ms-filter: blur(1px);
  -o-filter: blur(1px);
  filter: blur(1px);
}
.header .headerContent {
  width: 100%;
  max-width: 1375px;
  margin: 0 auto;
}
.header .langBlock {
  position: absolute;
  right: 0;
  top: 0;
}

.menu {
  z-index: 5;
  position: relative;
}
.menu ul {
  display: flex;
  justify-content: space-between;
}
.menu ul li a {
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 8px 25px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  position: relative;
}
.menu ul li a:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #23252d;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.menu ul li a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  z-index: -2;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0px 0px #00000000;
}
.menu ul li a::after, .menu ul li a::before {
  opacity: 0;
}
.menu ul li a:hover::after, .menu ul li a:hover::before, .menu ul li a.active::after, .menu ul li a.active::before {
  opacity: 1;
}

.langBlock {
  position: relative;
  width: 60px;
  height: 100%;
  border-left: solid 1px #363842;
}
.langBlock .langCurrent {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #1c1d21;
  width: 100%;
  height: 100%;
}
.langBlock .langCurrent:hover + .langList {
  display: block;
}
.langBlock .langList {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #1c1d21;
  padding-top: 0;
}
.langBlock .langList:hover {
  display: block;
}
.langBlock .langList li + li {
  border-top: solid 1px #363842;
  margin-top: 0;
}
.langBlock .langList li a {
  text-align: center;
  padding: 10px 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.langBlock .langList li a:hover {
  background-color: #b48a3d;
}

.grettings {
  position: relative;
  padding: 65px 0 55px;
  background-image: url("../img/back_grettings.jpg");
  background-position: center;
  background-repeat: no-repeat;
}
.grettings:before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0;
  background-color: #363842;
  z-index: 0;
}
.grettings .logoBig {
  left: 27px;
  top: -3px;
}
.grettings .descriptions {
  position: relative;
  z-index: 2;
  margin-top: 33px;
}
.grettings .descriptions .text {
  display: none;
  text-align: center;
  font-size: 40px;
  line-height: 60px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.grettings .descriptions .btnContainer {
  margin: 24px auto;
}
.grettings .descriptions .btn {
  padding: 27px 58px 27px;
  font-size: 20px;
}

.logoBig {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  z-index: 2;
}
.logoBig .txt {
  position: relative;
  z-index: 2;
  font-size: 80px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.logoBig .picture {
  position: relative;
  left: 49px;
  top: 24px;
  text-align: center;
  z-index: 2;
}
.logoBig .picture:before {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  height: calc(100% - 8px);
  left: 50%;
  top: 4px;
  background-color: #23252d;
  margin-left: -1px;
  z-index: -1;
}
.logoBig .picture + .txt {
  margin-left: 9px;
}
.logoBig .txtInvis {
  position: absolute;
  left: 50%;
  bottom: 67px;
  font-size: 300px;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-text-stroke: 1px #363842;
  -moz-text-stroke: 1px #363842;
  z-index: -1;
}
.logoBig .txtInvis.txtInvisLeft {
  margin-left: -1006px;
}
.logoBig .txtInvis.txtInvisRight {
  margin-left: 136px;
}

.social {
  position: fixed;
  right: 0;
  border: solid 1px #363842;
  border-right: 0;
  width: 54px;
  top: 50%;
  z-index: 5;
  margin-top: -35px;
}
.social ul li {
  background-color: #1c1d21;
}
.social ul li + li {
  border-top: solid 1px #363842;
}
.social ul li a {
  cursor: pointer;
  display: block;
  padding: 18px 0;
  text-align: center;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.social ul li a [class*=icon-] {
  position: relative;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.social ul li a span.icon-telegram {
  background: none;
  color: #21a6ff;
}
.social ul li a span.icon-youtube {
  background: none;
  color: #e3000b;
}
.social ul li a span.icon-facebook {
  background: none;
  color: #5761dc;
}
.social ul li a span.icon-twitter {
  background: none;
  color: #0094f7;
}
.social ul li a span.icon-instagram {
  background: none;
  color: #575b83;
}
.social ul li a:hover {
  background-color: #fff;
}

.sliderCoins {
  width: 100%;
  position: relative;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
}
.sliderCoins .item {
  border-left: solid 1px #363842;
  padding: 26px 0 20px;
}
.sliderCoins .item .coin {
  background-position: center;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  border: solid 1px #1c1d21;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto;
}
.sliderCoins .item .title {
  color: #1c1d21;
  font-size: 12px;
  letter-spacing: 0.025em;
  display: block;
  text-align: center;
  margin-top: 15px;
}
.sliderCoins .item .value {
  color: #1c1d21;
  font-size: 21px;
  display: block;
  text-align: center;
  letter-spacing: 0.025em;
  margin-top: 15px;
  margin-top: 9px;
}

.advantages {
  padding: 82px 0 0;
  background-image: url("../img/back-advantages.png");
  background-position: calc(50% - 329px) calc(50% + 531px);
  background-repeat: no-repeat;
  margin-bottom: -187px;
}
.advantages .advantagesContent {
  position: relative;
  left: -15px;
  display: flex;
  flex-wrap: wrap;
}
.advantages .advantagesContent .capTitle {
  width: 100%;
}
.advantages .list {
  width: 38%;
  margin-top: 111px;
}
.advantages .list li {
  background: url("../img/advantages.png") no-repeat left center;
  padding: 0;
}
.advantages .list li + li {
  margin-top: 43px;
}
.advantages .list .num {
  font-size: 23px;
  color: #fff;
  letter-spacing: 0.15em;
  display: inline-block;
  width: 47px;
  z-index: -1;
  position: relative;
}
.advantages .list .num span {
  color: #53555e;
}
.advantages .list .txt {
  font-size: 21px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  letter-spacing: 0.02em;
}
.advantages .circleAdvantages {
  width: 697px;
  height: 697px;
  -moz-transform: translate(117px, -50px);
  -ms-transform: translate(117px, -50px);
  -webkit-transform: translate(117px, -50px);
  -o-transform: translate(117px, -50px);
  transform: translate(117px, -50px);
}

.mainLinks {
  position: relative;
  background-image: url("../img/back-linksmain.png");
  background-position: center;
  background-repeat: no-repeat;
  height: 1681px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  flex-direction: column;
}
.mainLinks .linkItem {
  position: relative;
  text-align: center;
  height: 50%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  top: 39px;
}
.mainLinks .linkItem:nth-child(2) {
  top: -172px;
}
.mainLinks .linkItem [class*=icon-] {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 110px;
}
.mainLinks .linkItem .txt {
  font-size: 60px;
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  margin-top: 36px;
}
.mainLinks .linkItem a {
  -webkit-transition: filter 0.3s;
  -moz-transition: filter 0.3s;
  -o-transition: filter 0.3s;
  transition: filter 0.3s;
}
.mainLinks .linkItem a:hover {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  -o-filter: blur(2px);
  filter: blur(2px);
}

.roadMap {
  position: relative;
  z-index: 2;
  margin-top: -455px;
  background-image: url("../img/back-advantages.png");
  background-position: calc(50% - 305px) calc(50% + 464px);
  padding-top: 221px;
}
.roadMap .roadMapContent {
  position: relative;
  margin: 0 -14px;
}
.roadMap .roadMapContent .desc {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 21px;
  margin-top: 38px;
  display: block;
}
.roadMap .roadMapContent .back {
  background-image: url("../img/graf-roadmap.png");
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1179px;
  height: 444px;
  margin-top: -180px;
  margin-left: -592px;
  z-index: -1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
.roadMap .roadMapContent .text {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 21px;
  left: 5px;
  position: absolute;
  top: calc(100% - 27px);
  left: 5px;
  white-space: nowrap;
}

.sliderRoadMap {
  position: relative;
  padding: 96px 0 108px;
}
.sliderRoadMap .slick-arrow {
  cursor: pointer;
  position: absolute;
  top: 50%;
  z-index: 5;
  border: 0;
  background: transparent;
  background-image: url(../img/arrow-circle.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 62px;
  height: 62px;
  color: transparent;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: filter 0.3s;
  -moz-transition: filter 0.3s;
  -o-transition: filter 0.3s;
  transition: filter 0.3s;
  margin-top: -90px;
}
.sliderRoadMap .slick-arrow.slick-prev {
  left: -260px;
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.sliderRoadMap .slick-arrow.slick-next {
  right: -260px;
}
.sliderRoadMap .slick-arrow:hover {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  -o-filter: blur(2px);
  filter: blur(2px);
}
.sliderRoadMap .item {
  height: 475px;
  display: flex;
  position: relative;
  z-index: 2;
}
.sliderRoadMap .item.slick-active + .slick-active.topContent {
  left: 15px;
}
.sliderRoadMap .item.slick-active + .slick-active.botContent {
  left: 25px;
}
.sliderRoadMap .item.botContent {
  align-items: flex-end;
}
.sliderRoadMap .item .roadContent {
  padding-right: 35px;
}
.sliderRoadMap .item .name {
  font-size: 14px;
  text-transform: uppercase;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.sliderRoadMap .item p {
  font-size: 13px;
  font-family: "Stem";
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  margin-top: 2px;
  line-height: 20px;
  letter-spacing: 0.03em;
}
.sliderRoadMap .item .btnContainer {
  margin: 27px 0 0;
}
.sliderRoadMap .item .btn {
  font-size: 11px;
  padding: 8px 18px;
  text-transform: uppercase;
}
.sliderRoadMap .item .btn:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #fff;
}
.sliderRoadMap .item .btn:hover::before {
  background: #987e51;
}

.sliderPayment {
  width: 100%;
  position: relative;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
}
.sliderPayment .item {
  background-position: center;
  background-repeat: no-repeat;
  border-left: solid 1px #363842;
  padding: 26px 0 20px;
  height: 170px;
}

.aboutMainWrapper {
  display: flex;
}
.aboutMainWrapper .aboutMain {
  width: 50%;
  border-bottom: solid 1px #363842;
}
.aboutMain {
  padding: 104px 112px;
}
.aboutMain .desc {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 21px;
  margin-top: 39px;
  display: block;
  line-height: 38px;
  margin-bottom: 52px;
}
.aboutMain p {
  font-family: "Stem";
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 17px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 30px;
  display: inline;
}
.aboutMain a {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  -webkit-transition: text-decoration 0.3s;
  -moz-transition: text-decoration 0.3s;
  -o-transition: text-decoration 0.3s;
  transition: text-decoration 0.3s;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-color: #f2dfba;
  display: inline;
}
.aboutMain a:hover {
  text-decoration-color: transparent;
}

.newsMain {
  width: 50%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #1c1d21;
  position: relative;
  z-index: 2;
}

.newItem {
  position: relative;
  border-left: solid 1px #363842;
  border-bottom: solid 1px #363842;
  padding: 62px 57px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.newItem img {
  height: 311px;
  object-fit: cover;
  width: 100%;
}
.newItem .link {
  font-size: 15px;
  text-transform: uppercase;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: block;
  letter-spacing: 0.025em;
  line-height: 24px;
}
.newItem .date {
  font-size: 11px;
  text-transform: uppercase;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: block;
  margin-top: 10px;
  letter-spacing: 0.02em;
}
.newItem p {
  display: block;
  font-size: 15px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  margin-top: 9px;
  font-family: "Stem";
  letter-spacing: 0.03em;
  line-height: 26px;
}
.newItem .btnContainer {
  margin: 27px 0 0;
}
.newItem .btn {
  font-size: 11px;
  padding: 8px 16px;
  text-transform: uppercase;
}
.newItem .linkAllNews {
  margin: 0 auto;
  width: 84%;
  font-size: 30px;
  -webkit-transition: filter 0.3s;
  -moz-transition: filter 0.3s;
  -o-transition: filter 0.3s;
  transition: filter 0.3s;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.newItem .linkAllNews:after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../img/arrow-circle.png");
  background-repeat: no-repeat;
  width: 62px;
  height: 62px;
  right: -10px;
  top: 50%;
  margin-top: -31px;
}
.newItem .linkAllNews:hover {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  -o-filter: blur(2px);
  filter: blur(2px);
}

.contactWrapper {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.contactWrapper .contactLeft {
  width: 50%;
}
.contactWrapper .contactRight {
  width: 50%;
}
.contactWrapper .contactRight + .contactLeft {
  border-top: solid 1px #363842;
  background-color: #1c1d21;
}
.contactWrapper .mapBlock {
  width: 50%;
  border-left: solid 1px #363842;
}
.contactWrapper .desc {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 21px;
  margin-top: 28px;
  display: block;
}

.contactLeft {
  position: relative;
  padding: 104px 112px 56px;
  background-color: #1c1d21;
}
.infoList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 92px;
  justify-content: space-between;
}
.infoList li {
  position: relative;
  width: calc(50% - 2px);
  padding-left: 112px;
  margin-bottom: 71px;
}
.infoList li:nth-child(2n) {
  width: calc(50% - 68px);
}
.infoList li .title {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 14px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.infoList li .text {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 15px;
  margin-top: 6px;
  display: block;
  letter-spacing: 0.02em;
  line-height: 29px;
}
.infoList li .num {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 20px;
  display: block;
  margin-top: 7px;
  letter-spacing: 0.02em;
}
.infoList li .link {
  display: table;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  -webkit-transition: text-decoration 0.3s;
  -moz-transition: text-decoration 0.3s;
  -o-transition: text-decoration 0.3s;
  transition: text-decoration 0.3s;
  font-size: 12px;
  margin-top: 14px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-color: #987e51;
}
.infoList li .link:hover {
  text-decoration-color: transparent;
}
.infoList li .linkMail {
  display: table;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  -webkit-transition: text-decoration 0.3s;
  -moz-transition: text-decoration 0.3s;
  -o-transition: text-decoration 0.3s;
  transition: text-decoration 0.3s;
  font-size: 15px;
  text-decoration: underline;
  text-decoration-color: #987e51;
  margin-top: 12px;
}
.infoList li .linkMail:hover {
  text-decoration-color: transparent;
}
.infoList li .linkPhone {
  display: table;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  -webkit-transition: text-decoration 0.3s;
  -moz-transition: text-decoration 0.3s;
  -o-transition: text-decoration 0.3s;
  transition: text-decoration 0.3s;
  font-size: 15px;
  text-decoration: underline;
  text-decoration-color: transparent;
  margin-top: 12px;
}
.infoList li .linkPhone:hover {
  text-decoration-color: #987e51;
}
.infoList li .socialList {
  display: flex;
  margin-top: 25px;
  position: relative;
  z-index: 2;
  left: -3px;
}
.infoList li .socialList a {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  position: relative;
  width: 38px;
  height: 38px;
}
.infoList li .socialList a:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #23252d;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.infoList li .socialList a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #363842 0%, #363842 71%, #363842 100%);
  z-index: -2;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0px 0px #00000000;
}
.infoList li .socialList a::before {
  background-color: #1c1d21;
}
.infoList li .socialList a [class*=icon-] {
  position: relative;
  /*background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);*/
  /*background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);*/
  /*background-clip: text;*/
  /*-webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
  /*-webkit-box-decoration-break: clone;*/
  /*color: transparent;*/
  /*text-shadow: 0px 0px #00000000;*/
}
.infoList li .socialList a span.icon-telegram {
  background: none;
  color: #21a6ff;
}
.infoList li .socialList a span.icon-youtube {
  background: none;
  color: #e3000b;
}
.infoList li .socialList a span.icon-facebook {
  background: none;
  color: #5761dc;
}
.infoList li .socialList a span.icon-twitter {
  background: none;
  color: #0094f7;
}
.infoList li .socialList a span.icon-instagram {
  background: none;
  color: #575b83;
}
.infoList li .socialList a::after, .infoList li .socialList a::before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.infoList li .socialList a:hover {
  background-color: #fff;
}
.infoList li .socialList a + a {
  margin-left: 1px;
}
.infoList li .iconInvis {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 60px;
  position: absolute;
  font-size: 70px;
  position: absolute;
  left: -3px;
  top: 50%;
  margin-top: -35px;
}

.contactRight {
  position: relative;
  padding: 104px 112px 56px;
  background-color: #1c1d21;
  border-left: solid 1px #363842;
}
.contactRight .contactForm {
  position: relative;
  z-index: 2;
  margin-top: 53px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contactRight .contactForm .inputWrapper.halfWrapper {
  width: calc(50% - 19px);
}
.contactRight .contactForm .inputWrapper {
  width: 100%;
  margin-top: 24px;
}
.contactRight .contactForm .btnContainer {
  margin: 51px 0 0;
}
.contactRight .contactForm .btn {
  padding: 22px 63px 22px;
  font-size: 17px;
  min-width: 240px;
}
.contactRight .contactForm .btn::before {
  background-color: #1c1d21;
}

.contactsPage .contactWrapper .contactLeft {
  padding-top: 72px;
  background: transparent;
}
.contactsPage .contactWrapper .contactLeft.questBlock .infoList li:nth-child(3) {
  width: 100%;
}
.contactsPage .contactWrapper .contactLeft.questBlock .infoList li:last-child {
  width: calc(50% - 68px);
}
.contactsPage .contactWrapper .contactRight {
  padding: 72px 123px 56px 115px;
}
.contactsPage .contactWrapper .contactRight + .contactLeft {
  background-color: #1c1d21;
}

.mapBlock iframe {
  width: 100%;
}

.footer {
  display: flex;
  align-items: center;
  padding: 0 0 0 109px;
  border-top: solid 1px #363842;
}
.footer .logoSmall {
  margin-right: 29px;
  position: relative;
  z-index: 1;
  -webkit-transition: filter 0.3s;
  -moz-transition: filter 0.3s;
  -o-transition: filter 0.3s;
  transition: filter 0.3s;
}
.footer .logoSmall > a,
.footer .logoSmall .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;
}
.footer .logoSmall:hover {
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -ms-filter: blur(1px);
  -o-filter: blur(1px);
  filter: blur(1px);
}
.footer .copyRight {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-family: "Stem";
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 26px;
}
.footer .footerMenu {
  margin-left: auto;
}
.footer .footerMenu ul {
  display: flex;
}
.footer .footerMenu ul li {
  padding: 50px 0;
}
.footer .footerMenu ul li.rules {
  background-color: #1c1d21;
  border-left: solid 1px #363842;
  margin-left: 32px;
}
.footer .footerMenu ul li.rules a {
  padding: 0 64px;
}
.footer .footerMenu ul li a {
  font-size: 15px;
  letter-spacing: 0.1em;
  padding: 0 34px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  -webkit-transition: filter 0.3s;
  -moz-transition: filter 0.3s;
  -o-transition: filter 0.3s;
  transition: filter 0.3s;
  text-transform: uppercase;
  white-space: nowrap;
}
.footer .footerMenu ul li a:hover {
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -ms-filter: blur(1px);
  -o-filter: blur(1px);
  filter: blur(1px);
}

.pageTitle {
  position: relative;
  z-index: 2;
  padding: 57px 0;
  min-height: 168px;
  overflow: hidden;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
}
.pageTitle .cap {
  color: #1c1d21;
  font-size: 60px;
  line-height: 40px;
  text-align: center;
  display: block;
}
.pageTitle .capInvis {
  position: absolute;
  left: 50%;
  top: -63px;
  font-size: 236px;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.11);
  -moz-text-stroke: 1px rgba(0, 0, 0, 0.11);
  z-index: -1;
  margin-left: -960px;
  font-weight: 300;
  width: 1920px;
  text-align: center;
  text-transform: uppercase;
}

.faq .faqLine .faqHead {
  background-color: #1c1d21;
  padding: 58px 0;
}
.faq .faqLine .faqHead [class*=icon-] {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 72px;
  margin-right: 10px;
  left: -19px;
  top: -3px;
}
.faq .faqLine .faqHead .cap {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
}
.faq .faqLine .faqBody {
  background-color: #23252d;
}

.faqList .faqItem {
  border-top: solid 1px #363842;
}
.faqList .faqItem:last-child {
  border-bottom: solid 1px #363842;
}
.faqList .faqItem .quest {
  cursor: pointer;
  position: relative;
  padding: 27px 0;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.faqList .faqItem .quest > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
.faqList .faqItem .quest:hover {
  background-color: #2c2e37;
}
.faqList .faqItem .quest.open {
  background-color: #2c2e37;
}
.faqList .faqItem .quest.open .icon::before {
  opacity: 0;
}
.faqList .faqItem .quest.open .icon::after {
  opacity: 1;
}
.faqList .faqItem .quest .questText {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 18px;
  letter-spacing: 0.02em;
  max-width: 80%;
}
.faqList .faqItem .quest .icon {
  cursor: pointer;
  position: relative;
  width: 26px;
  height: 26px;
}
.faqList .faqItem .quest .icon:before {
  content: "";
  display: block;
  position: absolute;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../img/plus.png");
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.faqList .faqItem .quest .icon:after {
  content: "";
  display: block;
  position: absolute;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../img/minus.png");
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.faqList .faqItem .answer {
  display: none;
}
.faqList .faqItem .answer .answerContent {
  padding: 37px 0 58px;
}
.faqList .faqItem .answer .answerContent .container {
  padding: 0;
}
.faqList .faqItem .answer p {
  line-height: 29px;
  font-size: 17px;
  font-weight: 300;
  font-family: "Stem";
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  letter-spacing: 0.05em;
}
.faqList .faqItem .answer p + p {
  margin-top: 29px;
}

.questionsLine {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  padding: 16px 114px;
  justify-content: space-between;
}
.questionsLine .invisText {
  position: relative;
  font-size: 70px;
  line-height: 70px;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.21);
  -moz-text-stroke: 1px rgba(0, 0, 0, 0.21);
  z-index: -1;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.questionsLine .text {
  max-width: 865px;
  color: #1c1d21;
  font-size: 35px;
  letter-spacing: 0.03em;
  position: relative;
  left: -11px;
  line-height: 42px;
}
.questionsLine .text small {
  font-size: 20px;
  display: block;
  line-height: 35px;
  margin-top: 7px;
  letter-spacing: 0.025em;
}
.questionsLine .btn {
  padding: 22px 54px;
  font-size: 17px;
}

.energy .textBlock,
.trading .textBlock,
.transfers .textBlock,
.contracts .textBlock {
  background-position: right center;
  background-repeat: no-repeat;
  background-color: #1c1d21;
  padding: 50px 110px 80px;
  display: flex;
}
.energy .textBlock.textRight,
.trading .textBlock.textRight,
.transfers .textBlock.textRight,
.contracts .textBlock.textRight {
  justify-content: flex-end;
  padding-right: 128px;
}
.energy .textBlock .textBlockContent,
.trading .textBlock .textBlockContent,
.transfers .textBlock .textBlockContent,
.contracts .textBlock .textBlockContent {
  max-width: 820px;
}
.energy .textBlock [class*=icon-],
.trading .textBlock [class*=icon-],
.transfers .textBlock [class*=icon-],
.contracts .textBlock [class*=icon-] {
  font-size: 70px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  margin-top: 57px;
}
.energy .textBlock .cap,
.trading .textBlock .cap,
.transfers .textBlock .cap,
.contracts .textBlock .cap {
  font-size: 40px;
  margin-top: 30px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.energy .textBlock .desc,
.trading .textBlock .desc,
.transfers .textBlock .desc,
.contracts .textBlock .desc {
  display: table;
  margin-top: 22px;
  line-height: 38px;
  font-size: 21px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.energy .textBlock p,
.trading .textBlock p,
.transfers .textBlock p,
.contracts .textBlock p {
  font-size: 17px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-family: "Stem";
  margin-top: 20px;
  line-height: 26px;
  letter-spacing: 0.05em;
}
.energy .textBlock ul,
.trading .textBlock ul,
.transfers .textBlock ul,
.contracts .textBlock ul {
  margin-top: 33px;
}
.energy .textBlock ul li,
.trading .textBlock ul li,
.transfers .textBlock ul li,
.contracts .textBlock ul li {
  font-family: "Stem";
  position: relative;
  font-size: 17px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  padding-left: 20px;
  letter-spacing: 0.06em;
}
.energy .textBlock ul li + li,
.trading .textBlock ul li + li,
.transfers .textBlock ul li + li,
.contracts .textBlock ul li + li {
  margin-top: 9px;
}
.energy .textBlock ul li:before,
.trading .textBlock ul li:before,
.transfers .textBlock ul li:before,
.contracts .textBlock ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  width: 9px;
  height: 9px;
  margin-top: -3.5px;
}
.energy .listContract,
.trading .listContract,
.transfers .listContract,
.contracts .listContract {
  display: grid;
  grid-template-columns: repeat(4, 25%);
  border: solid 1px #c09140;
}
.energy .listContract .item,
.trading .listContract .item,
.transfers .listContract .item,
.contracts .listContract .item {
  padding: 56px 43px 41px;
}
.energy .listContract .item + .item,
.trading .listContract .item + .item,
.transfers .listContract .item + .item,
.contracts .listContract .item + .item {
  border-left: solid 1px #c09140;
}
.energy .listContract .item .state,
.trading .listContract .item .state,
.transfers .listContract .item .state,
.contracts .listContract .item .state {
  text-align: center;
  margin-top: -14px;
}
.energy .listContract .item .state li,
.trading .listContract .item .state li,
.transfers .listContract .item .state li,
.contracts .listContract .item .state li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
}
.energy .listContract .item .state li:last-child,
.trading .listContract .item .state li:last-child,
.transfers .listContract .item .state li:last-child,
.contracts .listContract .item .state li:last-child {
  display: block;
  width: 100%;
  margin: 0;
  margin-top: 2px;
}
.energy .listContract .item .state li .tit,
.trading .listContract .item .state li .tit,
.transfers .listContract .item .state li .tit,
.contracts .listContract .item .state li .tit {
  font-size: 12px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-family: "Stem";
}
.energy .listContract .item .state li .data,
.trading .listContract .item .state li .data,
.transfers .listContract .item .state li .data,
.contracts .listContract .item .state li .data {
  font-size: 17px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.energy .listContract .item .state li .day,
.trading .listContract .item .state li .day,
.transfers .listContract .item .state li .day,
.contracts .listContract .item .state li .day {
  font-size: 17px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.energy .listContract .item .state li .txt,
.trading .listContract .item .state li .txt,
.transfers .listContract .item .state li .txt,
.contracts .listContract .item .state li .txt {
  font-size: 12px;
  display: block;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  margin-top: 9px;
}
.energy .listContract .item p,
.trading .listContract .item p,
.transfers .listContract .item p,
.contracts .listContract .item p {
  font-size: 14px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  margin-top: 53px;
  letter-spacing: 0.02em;
  line-height: 30px;
}
.trading .listContract .item .tarifBack >div>p {
  margin-top: 0;
}
.energy .batteries,
.trading .batteries,
.transfers .batteries,
.contracts .batteries {
  border: solid 1px #c29444;
  background-color: #1c1d21;
}
.energy .batteries .line,
.trading .batteries .line,
.transfers .batteries .line,
.contracts .batteries .line {
  padding: 94px 0 83px;
  background-image: url(../img/back-batt.png);
  background-position: 67px calc(50% - 9px);
  background-repeat: no-repeat;
}
.energy .batteries .line:nth-child(2n),
.trading .batteries .line:nth-child(2n),
.transfers .batteries .line:nth-child(2n),
.contracts .batteries .line:nth-child(2n) {
  background-position: 67px calc(50% - 600px);
}
.energy .batteries .line + .line,
.trading .batteries .line + .line,
.transfers .batteries .line + .line,
.contracts .batteries .line + .line {
  border-top: solid 1px #c29444;
}
.energy .batteries .line .title,
.trading .batteries .line .title,
.transfers .batteries .line .title,
.contracts .batteries .line .title {
  text-align: center;
}
.energy .batteries .line .title .desc,
.trading .batteries .line .title .desc,
.transfers .batteries .line .title .desc,
.contracts .batteries .line .title .desc {
  font-size: 20px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: inline-block;
  margin: 0 auto;
  text-transform: uppercase;
}
.energy .batteries .line .title .value,
.trading .batteries .line .title .value,
.transfers .batteries .line .title .value,
.contracts .batteries .line .title .value {
  font-size: 40px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: inline-block;
  margin: 10px auto 0;
}
.energy .batteries .line .list,
.trading .batteries .line .list,
.transfers .batteries .line .list,
.contracts .batteries .line .list {
  display: flex;
  justify-content: space-between;
  margin-top: 90px;
  padding: 0 65px 0 114px;
}
.energy .batteries .line .list .col:nth-child(1),
.trading .batteries .line .list .col:nth-child(1),
.transfers .batteries .line .list .col:nth-child(1),
.contracts .batteries .line .list .col:nth-child(1) {
  width: 23%;
}
.energy .batteries .line .list .col:nth-child(2),
.trading .batteries .line .list .col:nth-child(2),
.transfers .batteries .line .list .col:nth-child(2),
.contracts .batteries .line .list .col:nth-child(2) {
  width: 57%;
  padding-right: 130px;
}
.energy .batteries .line .list .col:nth-child(2) .lock {
  display: block;
  background-image: url("../img/lock.png");
  width: 57px;
  height: 73px;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
  margin-top: 24px;
  margin-bottom: 24px;
}
.energy .batteries .line .list .col:nth-child(3),
.trading .batteries .line .list .col:nth-child(3),
.transfers .batteries .line .list .col:nth-child(3),
.contracts .batteries .line .list .col:nth-child(3) {
  width: calc(20% + 21px);
}
.energy .batteries .line .list .col .state li,
.trading .batteries .line .list .col .state li,
.transfers .batteries .line .list .col .state li,
.contracts .batteries .line .list .col .state li {
  position: relative;
}
.energy .batteries .line .list .col .state li [class*=icon-],
.trading .batteries .line .list .col .state li [class*=icon-],
.transfers .batteries .line .list .col .state li [class*=icon-],
.contracts .batteries .line .list .col .state li [class*=icon-] {
  font-size: 46px;
  left: -71px;
  top: 2px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  position: absolute;
  display: block;
  margin: 0 auto;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
}
.energy .batteries .line .list .col .state li .tit,
.trading .batteries .line .list .col .state li .tit,
.transfers .batteries .line .list .col .state li .tit,
.contracts .batteries .line .list .col .state li .tit {
  font-size: 18px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: block;
  letter-spacing: 0.02em;
}
.energy .batteries .line .list .col .state li .data,
.trading .batteries .line .list .col .state li .data,
.transfers .batteries .line .list .col .state li .data,
.contracts .batteries .line .list .col .state li .data {
  font-size: 24px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: block;
  margin-top: 11px;
  letter-spacing: 0.05em;
}
.energy .batteries .line .list .col .state li + li,
.trading .batteries .line .list .col .state li + li,
.transfers .batteries .line .list .col .state li + li,
.contracts .batteries .line .list .col .state li + li {
  margin-top: 78px;
}
.energy .batteries .line .list .col .text p,
.trading .batteries .line .list .col .text p,
.transfers .batteries .line .list .col .text p,
.contracts .batteries .line .list .col .text p {
  font-size: 14px;
  line-height: 29px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.energy .batteries .line .list .col .text p + p,
.trading .batteries .line .list .col .text p + p,
.transfers .batteries .line .list .col .text p + p,
.contracts .batteries .line .list .col .text p + p {
  margin-top: 56px;
}
.energy .batteries .line .list .col .text strong,
.trading .batteries .line .list .col .text strong,
.transfers .batteries .line .list .col .text strong,
.contracts .batteries .line .list .col .text strong {
  color: #919293;
  font-weight: normal;
  -webkit-text-fill-color: initial;
}
.energy .batteries .line .list .col .info,
.trading .batteries .line .list .col .info,
.transfers .batteries .line .list .col .info,
.contracts .batteries .line .list .col .info {
  position: relative;
  top: -8px;
}
.energy .batteries .line .list .col .info li,
.trading .batteries .line .list .col .info li,
.transfers .batteries .line .list .col .info li,
.contracts .batteries .line .list .col .info li {
  position: relative;
}
.energy .batteries .line .list .col .info li [class*=icon-],
.trading .batteries .line .list .col .info li [class*=icon-],
.transfers .batteries .line .list .col .info li [class*=icon-],
.contracts .batteries .line .list .col .info li [class*=icon-] {
  font-size: 46px;
  left: -77px;
  top: 2px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  position: absolute;
  display: block;
  margin: 0 auto;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
}
.energy .batteries .line .list .col .info li .txt,
.trading .batteries .line .list .col .info li .txt,
.transfers .batteries .line .list .col .info li .txt,
.contracts .batteries .line .list .col .info li .txt {
  font-size: 18px;
  line-height: 28px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  letter-spacing: 0.02em;
}
.energy .batteries .line .list .col .info li + li,
.trading .batteries .line .list .col .info li + li,
.transfers .batteries .line .list .col .info li + li,
.contracts .batteries .line .list .col .info li + li {
  margin-top: 34px;
}

.prog {
  background-image: url("../img/back-circle.png");
  background-repeat: no-repeat;
  background-position: center 0;
  min-height: 138px;
  padding: 31px 0;
}
.prog [class*=icon-] {
  font-size: 50px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: table;
  margin: 0 auto;
}
.prog .pr {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 50px;
  display: block;
  margin: 0 auto;
  margin-top: 7px;
  width: 150px;
  text-align: center;
  height: 61px;
}
.prog .pr.small {
  font-size: 28px;
  top: 7px;
}

.lineBigText {
  width: 100%;
  position: relative;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  display: flex;
  flex-wrap: wrap;
  padding: 66px 112px 61px;
}
.lineBigText .title {
  color: #1c1d21;
  font-size: 40px;
  line-height: 55px;
  width: 25%;
}
.lineBigText .text {
  color: #1c1d21;
  font-size: 17px;
  width: 75%;
  padding: 5px 29px;
  letter-spacing: 0.02em;
  font-family: "Stem";
  font-weight: 300;
  line-height: 29px;
  letter-spacing: 0.05em;
}

.newsList {
  display: flex;
  flex-wrap: wrap;
}
.newsList .item {
  display: flex;
  width: 50%;
  justify-content: flex-end;
  flex-wrap: wrap;
  border-bottom: solid 1px #363842;
}
.newsList .item:nth-child(2n) {
  border-left: solid 1px #363842;
  justify-content: flex-start;
}
.newsList .item .newItem {
  border: 0;
  padding: 80px 80px;
  max-width: 664px;
}
.newsList .item .newItem .link {
  font-size: 18px;
  line-height: 30px;
  margin-top: 44px;
}
.newsList .item .newItem p {
  margin-top: 0;
}
.newsList .pagination {
  border-top: solid 1px #363842;
  padding: 32px 0;
}

.pagination {
  width: 100%;
  position: relative;
}
.pagination ul {
  display: flex;
  justify-content: center;
  width: 100%;
}
.pagination ul li {
  margin: 0 5px;
  position: relative;
}
.pagination ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #23252d;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.pagination ul li:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  z-index: -2;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0px 0px #00000000;
}
.pagination ul li.prev {
  position: absolute;
  left: 0;
  margin-left: 0;
}
.pagination ul li.prev a {
  background: transparent;
  background-image: url("../img/pag-prev.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  top: -3px;
}
.pagination ul li.next {
  position: absolute;
  right: 0;
  margin-right: 0;
}
.pagination ul li.next a {
  background: transparent;
  background-image: url("../img/pag-next.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  top: -3px;
}
.pagination ul li::after {
  opacity: 0;
}
.pagination ul li.active::after {
  opacity: 1;
}
.pagination ul li a {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  font-size: 18px;
  line-height: 38px;
  width: 38px;
  height: 38px;
  display: block;
  text-align: center;
  border: 0;
  position: relative;
}
.pagination ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}
.pagination ul li a:hover::before {
  background-color: #fff;
}

.rules .container {
  padding: 0;
}
.rules .rulesTop {
  background-color: #1c1d21;
  padding: 72px 0 90px;
}
.rules .rulesTop strong {
  font-size: 21px;
  line-height: 40px;
  font-weight: normal;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.rules .rulesTop p {
  font-size: 17px;
  font-family: "Stem";
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  margin-top: 51px;
  letter-spacing: 0.05em;
  line-height: 29px;
}
.rules .rulesList .item {
  padding: 69px 0;
  border-top: solid 1px #363842;
}
.rules .rulesList .item:last-child {
  border-bottom: solid 1px #363842;
}
.rules .rulesList .item .title {
  display: flex;
}
.rules .rulesList .item .title .num {
  font-size: 40px;
  color: #53555e;
  min-width: 81px;
}
.rules .rulesList .item .title .num strong {
  color: #fff;
  font-weight: normal;
}
.rules .rulesList .item .title .cap {
  font-size: 40px;
  letter-spacing: -0.02em;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.rules .rulesList .item ul {
  margin-top: 37px;
}
.rules .rulesList .item ul li {
  position: relative;
  font-family: "Stem";
  font-size: 17px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  letter-spacing: 0.055em;
  line-height: 30px;
}
.rules .rulesList .item ul li ul {
  margin-top: 0;
}
.rules .rulesList .item ul li ul li {
  position: relative;
  font-size: 17px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  padding-left: 20px;
  letter-spacing: 0.06em;
}
.rules .rulesList .item ul li ul li + li {
  margin-top: 0;
}
.rules .rulesList .item ul li ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  width: 9px;
  height: 9px;
  margin-top: -3.5px;
}
.rules .rulesList .item ul li + li {
  margin-top: 1px;
}

.aboutAdv {
  padding: 96px 0 94px;
  position: relative;
  background-image: url("../img/back-adv.png");
  background-position: center;
  background-repeat: no-repeat;
}
.aboutAdv .cap {
  font-size: 40px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: table;
  margin: 0 auto;
}
.aboutAdv .listAdv {
  width: 100%;
  height: 1050px;
  position: relative;
  margin: 0 auto;
  max-width: 1695px;
}
.aboutAdv .listAdv .item {
  position: absolute;
  width: 24%;
}
.aboutAdv .listAdv .item:nth-child(1) {
  left: 0;
  top: 440px;
}
.aboutAdv .listAdv .item:nth-child(1) .title {
  padding-right: 52px;
}
.aboutAdv .listAdv .item:nth-child(2) {
  left: 0;
  top: 718px;
}
.aboutAdv .listAdv .item:nth-child(2) .title {
  padding-right: 52px;
}
.aboutAdv .listAdv .item:nth-child(3) {
  left: 50%;
  margin-top: -160px;
  top: 100%;
  text-align: center;
  transform: translateX(-50%);
  width: 640px;
}
.aboutAdv .listAdv .item:nth-child(4) {
  right: 0;
  text-align: right;
  top: 440px;
}
.aboutAdv .listAdv .item:nth-child(4) .title {
  padding-left: 52px;
}
.aboutAdv .listAdv .item:nth-child(5) {
  right: 0;
  text-align: right;
  top: 718px;
}
.aboutAdv .listAdv .item:nth-child(5) .title {
  padding-left: 52px;
}
.aboutAdv .listAdv .item .title {
  font-size: 21px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  letter-spacing: 0.02em;
  margin-bottom: 15px;
  display: inline-block;
}
.aboutAdv .listAdv .item p {
  font-size: 15px;
  font-weight: 300;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  letter-spacing: 0.05em;
  font-family: "Stem";
  line-height: 29px;
}
.aboutAdv .picture {
  width: 968px;
  height: 782px;
  position: absolute;
  left: 50%;
  top: 93px;
  margin-left: -482px;
}
.aboutAdv .picture.mobile {
  display: none;
}

.documents {
  display: flex;
  justify-content: space-between;
  border-top: solid 1px #363842;
  border-bottom: solid 1px #363842;
}
.documents .left {
  width: 50%;
  background-color: #23252d;
  padding: 95px 5px 13px 108px;
}
.documents .right {
  width: 50%;
  border-left: solid 1px #363842;
}
.documents .docList {
  display: flex;
  margin: 68px 6px 0;
}
.documents .docList li {
  background-color: #fff;
}
.documents .docList li a {
  position: relative;
  cursor: pointer;
  display: block;
  width: 195px;
  height: 255px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: filter 0.3s;
  -moz-transition: filter 0.3s;
  -o-transition: filter 0.3s;
  transition: filter 0.3s;
}
.documents .docList li a:hover {
  filter: blur(1px);
}
.documents .docList li + li {
  margin-left: 41px;
}
.documents .infoList {
  margin: 69px 8px 0;
}
.documents .infoList li {
  width: calc(50% + 10px);
}
.documents .infoList li:nth-child(2n) {
  width: calc(50% - 92px);
}

.videoBlock {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.videoBlock .play {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 157px;
  height: 157px;
  background-color: rgba(28, 29, 33, 0.55);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-image: url("../img/play.png");
  background-position: center;
  background-repeat: no-repeat;
  margin-left: -75px;
  margin-top: -81px;
}
.videoBlock .play:hover {
  background-color: #1c1d21;
}

.textBlockSimple {
  position: relative;
  padding: 82px 110px 115px;
}
.textBlockSimple .desc {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 21px;
  line-height: 1.4;
  display: block;
  margin-top: 46px;
}
.textBlockSimple .text {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 100px;
  -moz-column-gap: 100px;
  column-gap: 100px;
  margin-top: 87px;
  line-height: 30px;
  letter-spacing: 0.05em;
  font-size: 17px;
}
.textBlockSimple .text p {
  font-family: "Stem";
  font-weight: 300;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.textBlockSimple .text p + p {
  margin-top: 60px;
}
.textBlockSimple .text ul {
  margin-top: 30px;
  margin-bottom: 30px;
}
.textBlockSimple .text ul li {
  font-family: "Stem";
  position: relative;
  font-size: 17px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  padding-left: 20px;
  letter-spacing: 0.06em;
  font-weight: 300;
}
.textBlockSimple .text ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  width: 9px;
  height: 9px;
  margin-top: -3.5px;
}

.partners {
  position: relative;
}
.partners .partnersTextTop {
  position: relative;
}
.partners .partnersTextTop .textBlockSimple {
  width: 50%;
}
.partners .partnersTextTop .textBlockSimple .capTitle {
  font-size: 21px;
  line-height: 40px;
}
.partners .partnersTextTop .textBlockSimple .text {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  margin-top: 59px;
}
.partners .partnersTextTop .picture {
  width: 50%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
  border-left: solid 1px #363842;
}
.partners > .textBlockSimple {
  background-color: #1c1d21;
  padding-top: 32px;
}

.programWrapper {
  background-image: url("../img/back-invis-toh.png");
  background-repeat: no-repeat;
  position: relative;
}

.programs {
  position: relative;
  border-top: solid 1px #363842;
  border-bottom: solid 1px #363842;
  padding: 97px 109px 82px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1920px;
  margin: 0 auto;
}
.programs .program {
  position: relative;
}
.programs .program.standart {
  width: calc((100% - 586px) / 2);
  padding-right: 17px;
}
.programs .program.standart .rangInvis {
  right: -195px;
  top: 137px;
}
.programs .program.standart .terms .termsText::before {
  background-image: url("../img/line_1.png");
  left: calc(100% - 258px);
  width: 258px;
  height: 72px;
  top: -62px;
}
.programs .program.bonus {
  width: calc((100% - 586px) / 2);
  padding-left: 11px;
  text-align: right;
}
.programs .program.bonus .rangInvis {
  left: -200px;
  top: 139px;
}
.programs .program.bonus p + .line {
  margin-top: 70px !important;
}
.programs .program.bonus .line {
  padding-left: 0;
  padding-right: 71px;
}
.programs .program.bonus .line [class*=icon-] {
  left: auto;
  right: 0;
}
.programs .program.bonus .terms .termsText::before {
  background-image: url("../img/line_2.png");
  width: 258px;
  height: 72px;
  right: calc(100% - 250px);
  top: -63px;
}
.programs .program.bonus .terms ul li {
  padding-left: 0;
  padding-right: 83px;
  text-align: right;
}
.programs .program.bonus .terms ul li [class*=icon-] {
  left: auto;
  right: 4px;
}
.programs .program.refProgram {
  width: 100%;
  text-align: center;
  margin-top: -59px;
}
.programs .program.refProgram .rangInvis {
  left: 50%;
  top: -312px;
  margin-left: -92px;
}
.programs .program.refProgram .line {
  padding: 0;
}
.programs .program.refProgram .line [class*=icon-] {
  left: 50%;
  top: -45px;
  margin-left: -26px;
}
.programs .program.refProgram .terms:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../img/line_3.png");
  background-position: center;
  background-repeat: no-repeat;
  left: 50%;
  top: -132px;
  width: 1px;
  height: 77px;
  margin-left: -3px;
}
.programs .program.refProgram .terms .termsText {
  text-align: center;
}
.programs .program.refProgram .terms ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.programs .program.refProgram .terms ul li {
  width: 20%;
}
.programs .program.refProgram .terms ul li:nth-child(3) {
  width: 25%;
  padding-left: 0;
  text-align: center;
}
.programs .program.refProgram .terms ul li:nth-child(5), .programs .program.refProgram .terms ul li:nth-child(4) {
  padding-left: 0;
  padding-right: 83px;
  text-align: right;
}
.programs .program.refProgram .terms ul li:nth-child(5) [class*=icon-], .programs .program.refProgram .terms ul li:nth-child(4) [class*=icon-] {
  left: auto;
  right: 4px;
}
.programs .program.refProgram .terms ul li + li {
  margin-top: 0;
  margin-left: 0;
}
.programs .program .rangInvis {
  position: absolute;
  z-index: 2;
}
.programs .program .rangInvis .rang {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 16px;
  display: block;
  text-align: center;
  text-transform: uppercase;
}
.programs .program .rangInvis .desc {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 12px;
  display: block;
  text-transform: uppercase;
  text-align: center;
  margin-top: 15px;
}
.programs .program .rangInvis .data {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 40px;
  display: block;
  text-align: center;
  margin-top: 9px;
}
.programs .program .cap {
  font-size: 20px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  text-transform: uppercase;
}
.programs .program .cap + p {
  margin-top: 40px;
}
.programs .program .line {
  position: relative;
  padding-left: 71px;
  margin-top: 35px;
}
.programs .program .line + p {
  margin-top: 28px;
}
.programs .program .line [class*=icon-] {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 48px;
  position: absolute;
  left: 5px;
  top: 50%;
  display: block;
  margin: 0 auto;
  margin-top: -24px;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
}
.programs .program .line .title {
  color: #919293;
  font-size: 12px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 9px;
}
.programs .program .line .pre {
  text-transform: uppercase;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 30px;
  letter-spacing: 0.02em;
}
.programs .program .line .pre .to {
  margin-left: 3px;
  font-size: 12px;
}
.programs .program .line .pre .infinity {
  font-size: 25px;
}
.programs .program .infinity {
  display: inline;
  vertical-align: middle;
}
.programs .program p {
  font-family: "Stem";
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  letter-spacing: 0.06em;
  line-height: 30px;
}
.programs .program p + * {
  margin-top: 37px !important;
}
.programs .program p + .line {
  margin-top: 40px !important;
}
.programs .program .terms {
  margin-top: 35px;
}
.programs .program .terms .termsText {
  position: relative;
  font-size: 16px;
  text-transform: uppercase;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  letter-spacing: 0.02em;
  line-height: 30px;
  width: 100%;
  display: block;
}
.programs .program .terms .termsText:before {
  content: "";
  display: block;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
}
.programs .program .terms ul {
  position: relative;
  margin-top: 30px;
  z-index: 2;
}
.programs .program .terms ul li {
  position: relative;
  padding-left: 83px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.programs .program .terms ul li [class*=icon-] {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 50px;
  position: absolute;
  left: 4px;
  top: 50%;
  display: block;
  margin: 0 auto;
  margin-top: -26px;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
}
.programs .program .terms ul li .tit {
  color: #919293;
  font-size: 12px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.programs .program .terms ul li .data {
  font-size: 14px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  letter-spacing: 0.02em;
  line-height: 25px;
  text-transform: uppercase;
  display: inline-block;
}
.programs .program .terms ul li .data strong {
  font-size: 20px;
  font-weight: normal;
}
.programs .program .terms ul li .infinity {
  font-size: 25px;
}
.programs .program .terms ul li + li {
  margin-top: 33px;
}
.programs .circle {
  background-color: #23252d;
  background-image: url(../img/back-circle-program.png);
  background-position: center;
  background-repeat: no-repeat;
  width: 586px;
  height: 586px;
  position: absolute;
  left: 50%;
  top: 48px;
  margin-left: -298px;
  z-index: -1;
}

.loginPage {
  display: flex;
}
.loginPage .loginLeft {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%;
  min-height: 100vh;
}
.loginPage .loginLeft .btnContainer {
  margin-left: -83px;
  min-width: 115px;
  position: absolute;
  top: 29px;
  left: 50%;
  text-align: center;
}
.loginPage .loginLeft .btn {
  padding: 9px 14px;
  font-size: 11px;
  text-transform: uppercase;
  width: 100%;
}
.loginPage .loginLeft .logoBig {
  min-height: 511px;
  width: 100%;
  background-image: url("../img/login_world.png");
  background-repeat: no-repeat;
  z-index: -1;
}
.loginPage .loginLeft .logoBig .txt {
  font-size: 54px;
}
.loginPage .loginLeft .logoBig .picture {
  left: 27px;
  top: 17px;
}
.loginPage .loginLeft .logoBig .picture + .txt {
  left: 45px;
}
.loginPage .loginLeft::before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  left: 50%;
  top: 0;
 
  z-index: -1;
  margin-left: -26px;
}
.loginPage .loginRight {
  background-color: #1c1d21;
  width: 50%;
  min-height: 100vh;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

.helloBlock {
  padding: 60px 95px;
  display: grid;
  grid-template-columns: calc(50% - 25px) 1fr;
  grid-template-rows: auto 1fr;
  align-items: flex-start;
}
.helloBlock .capTitle {
  grid-column: 1/1;
}
.helloBlock .desc {
  grid-row: 2/3;
  font-size: 19px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  margin-top: 15px;
}
.helloBlock .list {
  padding: 17px 0px 15px 87px;
  grid-column: 2/3;
  grid-row: 1/3;
}
.helloBlock .list li .tit {
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 24px;
  text-transform: uppercase;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: block;
}
.helloBlock .list li .txt {
  font-family: "Stem";
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 15px;
  line-height: 26px;
  display: block;
  margin-top: 5px;
  letter-spacing: 0.02em;
}
.helloBlock .list li + li {
  margin-top: 54px;
}

.loginForm {
  width: 100%;
  max-width: 720px;
}
.loginForm .stepBlock {
  color: #9a9dac;
  font-size: 21px;
  text-transform: uppercase;
  margin-top: 71px;
}
.loginForm .stepBlock ul {
  display: flex;
}
.loginForm .stepBlock ul li {
  width: 33.3333333333%;
}
.loginForm .stepBlock ul li + li a {
  border-left: 0;
}
.loginForm .stepBlock ul li a {
  width: 100%;
  text-align: center;
  display: block;
  padding: 15px 0;
  position: relative;
  height: 56px;
  border: solid 1px #63656f;
  border-right: 0;
}
.loginForm .stepBlock ul li a:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../img/step_arrow.jpg");
  right: -20px;
  top: 0;
  width: 22px;
  height: 54px;
}
.loginForm .stepBlock ul li a.active {
  border-color: #c2974c;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.loginForm .stepBlock ul li a.active:before {
  background-image: url("../img/step_arrow_active.jpg");
}
.loginForm .stepBlock + .desc {
  margin-top: 61px;
}
.loginForm.regForm .inputList .inputWrapper {
  width: 100%;
}
.loginForm.regForm .inputList .inputWrapper + .inputWrapper {
  margin-top: 25px;
}
.loginForm.regForm .controls {
  margin-top: 78px;
}
.loginForm.regForm .checkBlock + .controls {
  margin-top: 45px;
}
.loginForm.recoveryForm .inputList .inputWrapper {
  width: 100%;
}
.loginForm .capTitle {
  font-size: 52px;
  line-height: 60px;
}
.loginForm .desc {
  font-size: 17px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: block;
  margin-top: 45px;
  letter-spacing: 0.06em;
  font-family: "Stem";
}
.loginForm .inputList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 53px;
}
.loginForm .inputList .inputWrapper {
  width: calc(50% - 22px);
}
.loginForm .inputList .inputWrapper.inputCaptcha {
  width: 100%;
  margin-top: 24px;
}
.loginForm .link {
  font-size: 15px;
  text-decoration: underline;
  text-decoration-color: #cba259;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 35px;
  display: table;
  letter-spacing: 0.03em;
}
.loginForm .link:hover {
  text-decoration-color: transparent;
}
.loginForm .checkBlock {
  margin-top: 60px;
}
.loginForm .controls {
  position: relative;
  z-index: 2;
  display: flex;
  margin-top: 64px;
  justify-content: space-between;
}
.loginForm .controls .btnContainer {
  width: calc(50% - 18px);
}
.loginForm .controls .btn {
  font-size: 17px;
  padding: 22px 0;
  width: 100%;
}
.cabHeader {
  position: relative;
  z-index: 5;
  border-bottom: solid 1px #363842;
  display: flex;
  align-items: center;
  background-color: #23252d;
}
.cabHeader .logo {
  position: relative;
  z-index: 1;
  -webkit-transition: filter 0.3s;
  -moz-transition: filter 0.3s;
  -o-transition: filter 0.3s;
  transition: filter 0.3s;
  display: flex;
  align-items: center;
  width: calc(20% - 58px);
  padding: 0 19px;
}
.cabHeader .logo > a,
.cabHeader .logo .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;
}
.cabHeader .logo img {
  width: 72px;
  margin-right: 5px;
}
.cabHeader .logo .textLogo {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 30px;
}
.cabHeader .logo:hover {
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -ms-filter: blur(1px);
  -o-filter: blur(1px);
  filter: blur(1px);
}
.cabHeader .cabHeaderContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(80% + 58px);
}
.cabHeader .cabHeaderContent .cabMenu {
  width: 80%;
  border-left: solid 1px #363842;
  border-right: solid 1px #363842;
  display: flex;
  justify-content: center;
  min-height: 83px;
}
.cabHeader .cabHeaderContent .cabMenu ul {
  width: 100%;
  max-width: 1275px;
  max-height: 83px;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
}
.cabHeader .cabHeaderContent .cabMenu ul .slick-list {
  overflow: visible;
  padding: 0 0 140px;
  margin-bottom: -140px;
}
.cabHeader .cabHeaderContent .cabMenu ul .slick-track {
  height: 83px;
}
.cabHeader .cabHeaderContent .cabMenu ul .slick-track::before, .cabHeader .cabHeaderContent .cabMenu ul .slick-track::after {
  display: none;
}
.cabHeader .cabHeaderContent .cabMenu ul .slick-prev {
  cursor: pointer;
  position: absolute;
  left: -40px;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  color: transparent;
  background: transparent;
  background-image: url(../img/arrow-circle.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.cabHeader .cabHeaderContent .cabMenu ul .slick-next {
  cursor: pointer;
  position: absolute;
  right: -40px;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  color: transparent;
  background: transparent;
  background-image: url(../img/arrow-circle.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 0;
}
.cabHeader .cabHeaderContent .cabMenu ul li {
  position: relative;
  z-index: 1;
  width: 99px;
  display: inline-flex;
  align-items: center;
  height: 82px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  pointer-events: none;
}
.cabHeader .cabHeaderContent .cabMenu ul li > a,
.cabHeader .cabHeaderContent .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;
}
.cabHeader .cabHeaderContent .cabMenu ul li.slick-active {
  pointer-events: inherit;
}
.cabHeader .cabHeaderContent .cabMenu ul li a {
  height: calc(100% + 38px);
}
.cabHeader .cabHeaderContent .cabMenu ul li:hover .txt {
  opacity: 1;
}
.cabHeader .cabHeaderContent .cabMenu ul li:hover::before {
  opacity: 1;
  box-shadow: 0 11px 21px rgba(0, 0, 0, 0.35);
}
.cabHeader .cabHeaderContent .cabMenu ul li:hover:after {
  opacity: 1;
}
.cabHeader .cabHeaderContent .cabMenu ul li:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 24px);
  height: calc(100% + 38px);
  top: 0;
  left: -12px;
  opacity: 0;
  background-color: #363842;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.cabHeader .cabHeaderContent .cabMenu ul li:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 24px);
  height: 2px;
  bottom: 0;
  left: -12px;
  position: absolute;
  opacity: 0;
  bottom: -37px;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.cabHeader .cabHeaderContent .cabMenu ul li [class*=icon-] {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  margin: 0 auto;
  font-size: 49px;
  display: block;
  margin: 0 auto;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
}
.cabHeader .cabHeaderContent .cabMenu ul li .txt {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  top: 100%;
  left: -11px;
  width: calc(100% + 19px);
  opacity: 0;
  font-size: 11px;
  display: block;
  text-align: center;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  text-transform: uppercase;
  position: absolute;
}
.cabHeader .cabHeaderContent .cabMenu ul.slick-initialized {
  overflow: visible;
}
.cabHeader .cabHeaderContent .cabMenu ul.slick-initialized li {
  width: auto;
}
.cabHeader .cabHeaderContent .controls {
  display: flex;
  justify-content: space-between;
  width: calc(20% - 0px);
  padding: 0 20px 0 20px;
}
.cabHeader .cabHeaderContent .controls .btn {
  font-size: 12px;
  line-height: 18px;
  text-transform: uppercase;
  display: block;
  text-align: center;
  padding: 6px 18px 6px 8px;
  letter-spacing: 0.07em;
  height: 30px;
  white-space: nowrap;
}
.cabHeader .cabHeaderContent .controls .btn.support sup {
  position: absolute;
  top: -5px;
  right: -5px;
  -webkit-text-fill-color: white;
  color: white;
  background: goldenrod;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 10px;
  font-size: 12px;
}
.cabHeader .cabHeaderContent .controls .btn [class*=icon-] {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  margin-right: 6px;
  margin-bottom: 2px;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
}
.cabHeader .cabHeaderContent .controls .support::after {
  left: 9px;
}
.cabHeader .cabHeaderContent .controls .exit {
  height: 30px;
  padding: 6px 23px 6px 7px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.cabHeader .cabHeaderContent .controls .exit:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #3d404e;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.cabHeader .cabHeaderContent .controls .exit::after {
  left: 7px;
}
.cabHeader .cabHeaderContent .controls .exit:hover::before {
  background-color: #1c1d21;
}
.cabHeader.authHeader .logo {
  width: 110px;
}
.cabHeader.authHeader .logo .textLogo {
  display: none;
}
.cabHeader.authHeader .cabHeaderContent {
  width: calc(100% - 110px);
}

.cabFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: solid 1px #363842;
  margin-top: auto;
  padding: 41px 113px;
  background-color: #23252d;
}
.cabFooter .copyRight p {
  font-size: 15px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-family: "Stem";
  letter-spacing: 0.032em;
}
.cabFooter .copyRight p + p {
  margin-top: 5px;
}
.cabFooter .social {
  position: relative;
  right: auto;
  top: auto;
  margin: 0;
  width: auto;
  border: 0;
}
.cabFooter .social ul {
  display: flex;
  border: 0;
}
.cabFooter .social ul li {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: solid 1px #363842;
  overflow: hidden;
}
.cabFooter .social ul li + li {
  margin-left: 19px;
}
.cabFooter .social ul li a {
  width: 50px;
  height: 50px;
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.listValue {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  border: solid 1px #363842;
  border-left: 0;
  border-right: 0;
}
.listValue .item {
  cursor: pointer;
  padding: 32px 0 15px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.listValue .item.active, .listValue .item:hover {
  background-color: #1c1d21;
}
.listValue .item .picture {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
}
.listValue .item .val {
  font-size: 16px;
  display: block;
  text-align: center;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  padding: 15px 0;
}
.listValue .item .btnContainer {
  margin: 15px auto;
}
.listValue .item .btn {
  font-size: 11px;
  padding: 10px 22px;
  text-transform: uppercase;
}
.listValue .item + .item {
  border-left: solid 1px #363842;
}

.cabPartners {
  position: relative;
  padding: 32px 0 0;
  background-image: url("../img/back-world.png");
  background-position: center;
  background-repeat: no-repeat;
}
.cabPartners .capTitle {
  cursor: pointer;
  display: table;
  margin: 0 auto;
}
.cabPartners .refLinks {
  margin-top: 47px;
  padding: 32px 0;
  border-top: solid 1px #363842;
  position: relative;
  z-index: 2;
  text-align: center;
}
.cabPartners .refLinks .capTitle {
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.cabPartners .refLinks .link {
  color: #919293;
  font-size: 17px;
  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;
  display: table;
  margin: 22px auto;
}
.cabPartners .refLinks .link:hover {
  text-decoration-color: #919293;
}
.cabPartners .refLinks .btnContainer {
  margin-top: 25px;
  margin: 0 auto;
}
.cabPartners .refLinks .btn {
  border: 0;
  font-size: 14px;
  text-transform: uppercase;
  padding: 15px 35px;
  min-width: 180px;
}
.cabPartners .graficCabContent {
  position: relative;
  max-width: 1420px;
  margin: 0 auto;
}
.cabPartners .stateGraf {
  opacity: 1;
}
.cabPartners .stateGraf .item:nth-child(1) .line [class*=icon-],
.cabPartners .stateGraf .item:nth-child(1) .line .title {
  background: transparent;
  color: #fe6603;
}
.cabPartners .stateGraf .item:nth-child(1) .line [class*=icon-]:hover,
.cabPartners .stateGraf .item:nth-child(1) .line .title:hover {
  text-decoration-color: #fe6603;
}
.cabPartners .stateGraf .item:nth-child(2) .line [class*=icon-],
.cabPartners .stateGraf .item:nth-child(2) .line .title {
  background: transparent;
  color: #8db35a;
}
.cabPartners .stateGraf .item:nth-child(2) .line [class*=icon-]:hover,
.cabPartners .stateGraf .item:nth-child(2) .line .title:hover {
  text-decoration-color: #8db35a;
}
.cabPartners .stateGraf .item:nth-child(3) .line [class*=icon-],
.cabPartners .stateGraf .item:nth-child(3) .line .title {
  background: transparent;
  color: #d9576e;
}
.cabPartners .stateGraf .item:nth-child(3) .line [class*=icon-]:hover,
.cabPartners .stateGraf .item:nth-child(3) .line .title:hover {
  text-decoration-color: #d9576e;
}
.cabPartners .stateGraf .item:nth-child(4) .line [class*=icon-],
.cabPartners .stateGraf .item:nth-child(4) .line .title {
  background: transparent;
  color: #d5b947;
}
.cabPartners .stateGraf .item:nth-child(4) .line [class*=icon-]:hover,
.cabPartners .stateGraf .item:nth-child(4) .line .title:hover {
  text-decoration-color: #d5b947;
}
.cabPartners .title {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: transparent;
  -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;
}

.cabinetLineTitle {
  position: relative;
  padding: 53px 0 55px;
}
.cabinetLineTitle .capTitle {
  display: table;
  margin: 0 auto;
}

.tikets {
  max-width: 1690px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 76px;
  align-items: flex-start;
}
.tikets .tiketsMessages {
  width: calc(60% + 13px);
}
.tikets .tiketsSendMessage {
  width: calc(35% - 4px);
}
.tikets .title {
  font-size: 16px;
  text-transform: uppercase;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  margin-bottom: 36px;
  letter-spacing: 0.02em;
  display: table;
}

.tiketsMessages .listMessages .item {
  position: relative;
  border: solid 1px #363842;
  background-color: #23252d;
  padding: 34px 31px 23px;
}
.tiketsMessages .listMessages .item.answer {
  background-color: #15171b;
}
.tiketsMessages .listMessages .item.answer:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../img/arrow_answer.png");
  background-repeat: no-repeat;
  width: 32px;
  height: 17px;
  top: -17px;
  left: 39px;
}
.tiketsMessages .listMessages .item.new:after {
  content: "";
  display: block;
  position: absolute;
  content: "new";
  text-transform: uppercase;
  color: #1c1d21;
  font-size: 14px;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  padding: 3px 13px;
  right: 0;
  top: 0;
}
.tiketsMessages .listMessages .item .top {
  position: relative;
  padding-left: 66px;
}
.tiketsMessages .listMessages .item .top .picture {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -24px;
  width: 48px;
  height: 48px;
  background-image: url("../img/no_ava.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.tiketsMessages .listMessages .item .top .name {
  display: table;
  font-size: 16px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  letter-spacing: 0.02em;
}
.tiketsMessages .listMessages .item .top .date {
  display: table;
  color: #919293;
  font-size: 12px;
  letter-spacing: 0.02em;
  margin-top: 7px;
}
.tiketsMessages .listMessages .item .message {
  font-size: 14px;
  letter-spacing: 0.025em;
  line-height: 24px;
  padding: 0;
  margin: 20px 0 0;
}
.tiketsMessages .listMessages .item .message > p {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: inline-block;
}
.tiketsMessages .listMessages .item + .item {
  margin-top: 30px;
}
.tiketsMessages .pagination {
  margin-top: 44px;
}

.tiketsSendMessage {
  position: relative;
  z-index: 2;
  background-color: #23252d;
}
.tiketsSendMessage .tiketForm {
  padding: 45px 49px 51px;
  border: solid 1px #363842;
}
.tiketsSendMessage .tiketForm .inputWrapper input {
  height: 46px;
}
.tiketsSendMessage .tiketForm .inputWrapper textarea {
  height: 285px;
}
.tiketsSendMessage .tiketForm .inputWrapper + .inputWrapper {
  margin-top: 24px;
}
.tiketsSendMessage .tiketForm .controls {
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
}
.tiketsSendMessage .tiketForm .controls .btnContainer {
  margin: 0;
}
.tiketsSendMessage .tiketForm .controls .btn {
  font-size: 16px;
  padding: 19px 37px;
  min-width: 180px;
}

.fileLoad {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
}
.fileLoad .filePreview {
  position: relative;
  background-color: #2e313b;
  width: 48px;
  height: 48px;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fileLoad .filePreview:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #23252d;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.fileLoad .filePreview:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  z-index: -2;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0px 0px #00000000;
}
.fileLoad .filePreview [class*=icon-] {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.fileLoad input {
  display: none;
}
.fileLoad label {
  cursor: pointer;
  position: relative;
  font-size: 12px;
  text-transform: uppercase;
  margin-left: 15px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  letter-spacing: 0.07em;
  line-height: 17px;
}

.promo {
  max-width: 1690px;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 98px;
}
.promo .refLinks {
  background-color: #1c1d21;
  border: solid 1px #363842;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  padding: 44px 41px 41px 45px;
}
.promo .refLinks .title {
  color: #919293;
  font-size: 16px;
  width: 278px;
  letter-spacing: 0.02em;
}
.promo .refLinks .inputWrapper {
  flex: 1;
}
.promo .refLinks .inputWrapper input {
  font-size: 16px;
  height: 47px;
  color: #c39f5d;
}
.promo .refLinks .btnContainer {
  max-width: 193px;
  width: 100%;
  margin-left: 55px;
}
.promo .refLinks .btn {
  width: 100%;
  padding: 15px 0;
  font-size: 14px;
  text-transform: uppercase;
}
.promo .tabsPromo {
  margin-top: 49px;
  border: solid 1px #363842;
  background-color: #23252d;
}
.promo .tabsPromo .listLinks {
  display: flex;
  justify-content: space-between;
  background-color: #1c1d21;
}
.promo .tabsPromo .listLinks li {
  cursor: pointer;
  position: relative;
  width: 20%;
  min-height: 118px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.promo .tabsPromo .listLinks li:before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #23252d;
  height: 1px;
  opacity: 0;
}
.promo .tabsPromo .listLinks li.active {
  background-color: #23252d;
}
.promo .tabsPromo .listLinks li.active::before {
  opacity: 1;
}
.promo .tabsPromo .listLinks li a {
  cursor: pointer;
  text-align: center;
  font-size: 20px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  z-index: 3;
}
.promo .tabsPromo .listLinks li + li {
  border-left: solid 1px #363842;
}
.promo .tabsPromo .tabsBody {
  border-top: solid 1px #363842;
  padding: 192px 0 77px;
}
.promo .tabsPromo .tabsBody img {
  display: table;
  margin: 0 auto;
}
.promo .tabsPromo .tabsBody img + * {
  margin-top: 172px;
}
.promo .tabsPromo .tabsBody .refLinks {
  padding: 0 41px 0 75px;
  background: transparent;
  border: 0;
}
.balanceList {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: solid 1px #363842;
  border-top: 0;
}
.balanceList .item {
  padding: 37px 0 33px;
}
.balanceList .item:first-child {
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
}
.balanceList .item:first-child .value {
  color: #1c1d21;
  -webkit-text-fill-color: initial;
}
.balanceList .item:first-child .title {
  font-size: 14px;
  color: #1c1d21;
  -webkit-text-fill-color: initial;
}
.balanceList .item .title {
  font-size: 12px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  text-transform: uppercase;
  display: table;
  margin: 0 auto;
  z-index: 5;
}
.balanceList .item .value {
  font-size: 30px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: table;
  margin: 0 auto;
  margin-top: 9px;
  letter-spacing: 0.03em;
  z-index: 5;
}
.balanceList .item + .item {
  border-left: solid 1px #363842;
}

.replenishBalance {
  max-width: 1690px;
  margin: 0 auto;
  width: 100%;
  border: solid 1px #363842;
  margin-bottom: 98px;
}
.replenishBalance .line {
  background-color: #23252d;
  display: grid;
  grid-template-columns: 71px 15% 1fr 1fr 287px;
  position: relative;
}
.replenishBalance .line:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #1c1d21;
  border: solid 1px #feedcc;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-box-shadow: 0px 0px 21px 0px #000;
  -moz-box-shadow: 0px 0px 21px 0px #000;
  box-shadow: 0px 0px 21px 0px #000;
}
.replenishBalance .line:hover .col .btnBalance {
  color: #49bd58;
  border-color: #49bd58;
}
.replenishBalance .line:hover::after {
  opacity: 1;
}
.replenishBalance .line .col {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  padding: 11px 16px 12px 18px;
}
.replenishBalance .line .col:first-child {
  padding: 0;
}
.replenishBalance .line .col img {
  display: table;
  margin: 0 auto;
}
.replenishBalance .line .col .name {
  font-size: 16px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  letter-spacing: 0.02em;
}
.replenishBalance .line .col .title {
  color: #919293;
  font-size: 13px;
  margin-right: 15px;
  width: 135px;
}
.replenishBalance .line .col .value {
  font-size: 20px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  text-transform: uppercase;
}
.replenishBalance .line .col .inputWrapper {
  width: 100%;
  display: flex;
  align-items: center;
}
.replenishBalance .line .col .inputWrapper .form-group {
  width: 40%;
  position: relative;
}
.replenishBalance .line .col .inputWrapper .form-group + .form-group{
  margin-left: 10px;
}
.replenishBalance .line .col .inputWrapper input {
  height: 46px;
  width: 100%;
  padding: 0 60px 0 20px;
}
.replenishBalance .line .col + .col {
  border-left: solid 1px #363842;
}
.replenishBalance .line .btnBalance {
  text-align: center;
  width: 100%;
  color: #797b7c;
  font-size: 14px;
  border: solid 1px #797b7c;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  text-transform: uppercase;
  padding: 13px 15px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: none;
  cursor: pointer;
}
.replenishBalance .line + .line {
  border-top: solid 1px #363842;
}

.investForm {
  padding: 59px 0 95px;
}
.investForm .title {
  font-size: 40px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: table;
  margin: 0 auto;
}
.investForm .form {
  position: relative;
  background-color: #1c1d21;
  max-width: 689px;
  margin: 190px auto 0;
  border: solid 1px #363842;
}
.investForm .form:before {
  content: "";
  display: block;
  position: absolute;
  top: -135px;
  left: 50%;
  width: 270px;
  height: 270px;
  margin-left: -135px;
  -webkit-border-top-right-radius: 50%;
  -moz-border-radius-topright: 50%;
  -ms-border-top-right-radius: 50%;
  border-top-right-radius: 50%;
  -webkit-border-top-left-radius: 50%;
  -moz-border-radius-topleft: 50%;
  -ms-border-top-left-radius: 50%;
  border-top-left-radius: 50%;
  z-index: -1;
  background-color: #1c1d21;
  border: solid 1px #363842;
}
.investForm .form:after {
  content: "";
  display: block;
  position: absolute;
  width: 270px;
  height: 1px;
  background-color: #1c1d21;
  left: 50%;
  top: 0;
  margin-left: -135px;
  top: -1px;
  z-index: 0;
}
.investForm .prog {
  margin-top: -88px;
  margin-bottom: -22px;
  position: relative;
  z-index: 2;
}
.investForm .prog [class*=icon-] {
  -webkit-text-fill-color: initial;
  color: #4a4b4e;
  background: transparent;
}
.investForm .text {
  font-size: 17px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: table;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
.investForm .time {
  font-size: 17px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: table;
  margin: 0 auto;
  margin-top: 9px;
  position: relative;
  z-index: 3;
}
.investForm .info {
  margin-top: 29px;
}
.investForm .info li {
  padding: 0 29px 0 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #23252d;
  min-height: 60px;
  padding: 0 29px 0 25px;
}
.investForm .info li:nth-child(2n) {
  background-color: #1c1d21;
}
.investForm .info li .tit {
  color: #919293;
  font-size: 14px;
  text-transform: uppercase;
}
.investForm .info li .data {
  font-size: 14px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.investForm .info li .percent {
  font-size: 20px;
}
.investForm .info li .payment {
  color: #6976e7;
  font-size: 14px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  letter-spacing: 0.02em;
}
.investForm .info li .payment img {
  margin-left: 19px;
  width: 39px;
  margin-right: -6px;
}
.investForm .info li .value {
  color: #49bd58;
  font-size: 20px;
}
.investForm .info li.summ {
  border: solid 1px #49bd58;
}
.investForm .info li.summ .tit {
  color: #49bd58;
}

.transfers {
  max-width: 1690px;
  margin: 0 auto;
  margin-top: -48px;
  width: 100%;
  padding-bottom: 81px;
}
.transfers .textBlock {
  width: 100%;
  padding: 0;
  background: transparent;
}
.transfers .textBlock .textBlockContent {
  max-width: 100%;
}
.transfers .line {
  background-color: #1c1d21;
  border: solid 1px #363842;
}
.transfers .line ul {
  display: grid;
  grid-template-columns: 50% 1fr 1fr;
}
.transfers .line ul li {
  text-align: center;
  padding: 26px 0 31px;
}
.transfers .line ul li strong {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.transfers .line ul li .tit {
  color: #919293;
  font-size: 12px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  margin-bottom: 23px;
}
.transfers .line ul li .txt {
  font-size: 16px;
  text-transform: uppercase;
}
.transfers .line ul li .data {
  font-size: 20px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.transfers .line ul li + li {
  border-left: solid 1px #363842;
}
.transfers .btnContainer {
  margin: 80px auto 0;
  max-width: 345px;
  width: 100%;
}
.transfers .btn {
  padding: 30px 0;
  text-align: center;
  width: 100%;
  font-size: 18px;
}

.transrefForm {
  padding: 63px 0 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.transrefForm .icon {
  font-size: 50px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.transrefForm .transrefFormLeft {
  width: calc(50% - 54px);
  border: solid 1px #363842;
  background-color: #23252d;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 342px;
}
.transrefForm .transrefFormRight {
  width: calc(50% - 54px);
  border: solid 1px #363842;
  background-color: #23252d;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 342px;
}
.transrefForm .inputWrapper {
  max-width: 430px;
  width: 100%;
  margin: 0 auto;
}
.transrefForm .inputWrapper label {
  letter-spacing: 0.02em;
  text-align: center;
  margin: 0 auto;
  display: table;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.transrefForm .inputWrapper + .inputWrapper {
  margin-top: 20px;
}

.personalData {
  max-width: 1690px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  z-index: 2;
}
.personalData .title {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.02em;
  margin-bottom: 36px;
  display: table;
}
.personalData .inputList {
  background-color: #23252d;
  border: solid 1px #363842;
  padding: 45px 52px 67px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px 30px;
}
.personalData .inputList .inputWrapper input {
  height: 46px;
  font-size: 13px;
  padding: 0 19px;
  letter-spacing: 0.06em;
}
.personalData .btn {
  margin: 50px auto 0;
  padding: 20px 44px;
}

.paymentList {
  max-width: 1690px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  z-index: 2;
  padding: 36px 0 65px;
}
.paymentList .title {
  font-size: 16px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.02em;
  margin-bottom: 36px;
  display: table;
}
.paymentList .list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(8, 1fr);
  grid-auto-flow: column;
  gap: 0 67px;
}
.paymentList .list .item {
  padding: 10px 14px;
  display: flex;
  align-items: center;
  border: solid 1px #363842;
  border-bottom: 0;
}
.paymentList .list .item img {
  width: 48px;
}
.paymentList .list .item .name {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 16px;
  margin-left: 43px;
  width: 34%;
}
.paymentList .list .item .inputWrapper {
  width: 50%;
  flex: 1;
}
.paymentList .list .item .inputWrapper input {
  height: 47px;
}
.paymentList .list .item + .item {
  border-top: solid 1px #363842;
}
/*.paymentList .list .item:nth-child(8n) {*/
/*  border-bottom: solid 1px #363842;*/
/*}*/
.paymentList .btn {
  margin: 50px auto 0;
  padding: 20px 44px;
}

.filterBl {
  background-color: #1c1d21;
  border: solid 1px #363842;
  padding: 18px 23px;
  display: flex;
  align-items: flex-end;
}
.filterBl .col {
  width: 15%;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.filterBl .col.colDate {
  width: 20%;
}
.filterBl .col + .col {
  margin-left: 20px;
}
.filterBl .col .inputWrapper {
  width: 100%;
}
.filterBl .col .inputWrapper label {
  font-size: 14px;
}
.filterBl .col .inputWrapper .selectric {
  height: 44px;
}
.filterBl .col .inputWrapper .selectric .label {
  line-height: 39px;
  padding: 0 2px;
  font-size: 13px;
}
.filterBl .col .inputWrapper + .inputWrapper {
  margin-left: 20px;
}
.filterBl .btnContainer {
  margin: 0;
  margin-left: 16px;
}
.filterBl .btn {
  padding: 14px 46px;
  font-size: 15px;
  text-transform: uppercase;
  min-width: 150px;
}

.tableOperation {
  background-color: #1c1d21;
  border: solid 1px #363842;
  margin-top: 40px;
}
.tableOperation .table {
  display: table;
  width: 100%;
}
.tableOperation .table .thead {
  display: table-row-group;
}
.tableOperation .table .thead .tr {
  display: table-row;
}
.tableOperation .table .thead .tr .th {
  display: table-cell;
  vertical-align: middle;
  color: #919293;
  font-size: 13px;
  border: 1px solid #363842;
  padding: 25px 41px;
  width: 14.28%;
}
.tableOperation .table .thead .tr .th:nth-child(5) {
  min-width: 180px;
}
.tableOperation .table .tbody {
  background-color: #23252d;
  display: table-row-group;
}
.tableOperation .table .tbody .tr {
  display: table-row;
}
.tableOperation .table .tbody .tr .td {
  border: 1px solid #363842;
  display: table-cell;
  vertical-align: middle;
  padding: 10px 31px;
}
.tableOperation .table .tbody .tr .td:nth-child(3), .tableOperation .table .tbody .tr .td:first-child {
  background-color: #1c1d21;
}
.tableOperation .table .tbody .tr .td .titleMobile {
  display: none;
}
.tableOperation .table .tbody .tr .td .date {
  color: #919293;
  font-size: 13px;
  text-transform: uppercase;
}
.tableOperation .table .tbody .tr .td .data {
  font-size: 13px;
  text-transform: uppercase;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.tableOperation .table .tbody .tr .td img {
  display: inline-block;
  vertical-align: middle;
}
.tableOperation .table .tbody .tr .td .num {
  color: #919293;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 21px;
}
.tableOperation .table .tbody .tr .td .text {
  color: #919293;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
}
.tableOperation .table .tbody .tr .td .text span {
  color: #fcecce;
}
.tableOperation .table .tbody .tr .td .status {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.tableOperation .table .tbody .tr .td .status.good {
  color: #5b9963;
}
.tableOperation .table .tbody .tr .td .status.rejected {
  color: #c63e41;
}
.tableOperation .table .tbody .tr .td .status.wait {
  color: #cbaf62;
}

.operations {
  padding-bottom: 55px;
  max-width: 1690px;
  margin: 0 auto;
  width: 100%;
}
.operations .pagination {
  margin-top: 50px;
}

.infoStateList {
  border: solid 1px #363842;
  border-top: 0;
  background-color: #23252d;
  display: flex;
  justify-content: space-between;
}
.infoStateList .item {
  width: 25%;
  position: relative;
  padding: 47px 15px 47px 99px;
}
.infoStateList .item .iconBl {
  font-size: 24px;
  position: absolute;
  left: 50px;
  top: 50%;
  background-color: #363842;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  z-index: 2;
  justify-content: center;
  margin-top: -20px;
}
.infoStateList .item .iconBl [class*=icon-] {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.infoStateList .item .title {
  display: table;
  color: #919293;
  font-size: 13px;
  display: block;
  letter-spacing: 0.02em;
  margin-bottom: 6px;
  position: relative;
  z-index: 5;
}
.infoStateList .item .data {
  display: table;
  font-size: 13px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  letter-spacing: 0.02em;
  position: relative;
  z-index: 5;
}
.infoStateList .item + .item {
  border-left: solid 1px #363842;
}

.settings {
  max-width: 1690px;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 46px;
}
.settings .setBlock {
  display: grid;
  grid-template-columns: 249px 1fr;
}
.settings .setBlock .avaBlock .ava {
  position: relative;
  background-color: #23252d;
  background-position: center;
  background-repeat: no-repeat;
  border: solid 1px #363842;
  height: 180px;
  width: 200px;
  margin-top: 36px;
  background-image: url("../img/plus_big.png");
}
.settings .setBlock .avaBlock .ava label {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.settings .setBlock .avaBlock .ava input {
  display: none;
}
.settings .setPassword .setPassForm {
  background-color: #23252d;
  border: solid 1px #363842;
  display: flex;
  padding: 45px 48px 57px;
  margin-top: 36px;
  justify-content: space-between;
}
.settings .setPassword .setPassForm .inputWrapper {
  width: calc(33.3333333333% - 22px);
}
.settings .setPassword .setPassForm .inputWrapper input {
  height: 46px;
}
.settings .title {
  font-size: 16px;
  letter-spacing: 0.02em;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  text-transform: uppercase;
}
.settings .btnContainer {
  margin: 52px auto 0;
}
.settings .btn {
  font-size: 16px;
  padding: 19px 45px;
  min-width: 190px;
}
.settings .btn::after {
  top: 50%;
  margin-top: -10px;
}
.security {
  display: flex;
  justify-content: space-between;
  margin-top: 44px;
}
.security .title {
  font-size: 16px;
  margin-top: 43px;
  display: table;
  margin-bottom: 36px;
}
.security .right,
.security .left {
  width: calc(50% - 28px);
  padding: 55px 49px;
  background-color: #23252d;
  border: solid 1px #363842;
}
.security .inputWrapper input {
  height: 46px;
}
.security .inputWrapper + .checkBlock {
  margin-top: 35px;
}
.security .inputWrapper .selectric {
  height: 46px;
}
.security .inputWrapper .selectric .label {
  line-height: 46px;
}
.security .checkBlock label {
  font-size: 13px;
  padding-left: 46px;
  line-height: 24px;
  letter-spacing: 0.025em;
  font-family: "kalisto", sans-serif;
  display: block;
}
.security .checkBlock label::before {
  left: 0px;
  top: -2px;
  width: 28px;
  height: 28px;
}
.security .checkBlock label::after {
  left: 0px;
  top: -2px;
  width: 28px;
  height: 28px;
  background-image: url("../img/check_green.png");
}
.security .checkBlock + .checkBlock {
  margin-top: 20px;
}
.security .checkBlock + .inputWrapper {
  margin-top: 28px;
}

.googleBlock .title {
  margin: 0;
}
.googleBlock .txt {
  font-size: 16px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  margin-top: 47px;
  display: table;
  letter-spacing: 0.02em;
}
.googleBlock .num {
  font-size: 25px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  text-transform: uppercase;
  margin-top: 12px;
  display: table;
  letter-spacing: 0.02em;
}
.googleBlock .picture {
  position: relative;
  width: 208px;
  height: 208px;
  z-index: 2;
  margin-top: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.googleBlock .picture:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #23252d;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.googleBlock .picture:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  z-index: -2;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0px 0px #00000000;
}
.googleBlock .picture::before {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.googleBlock .picture::after {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.googleBlock .picture .code {
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  width: 144px;
  height: 145px;
}
.googleBlock .switchBlock + .inputWrapper {
  margin-top: 19px;
}

.switchBlock {
  position: relative;
  z-index: 2;
  margin-top: 32px;
}
.switchBlock input {
  display: none;
}
.switchBlock input:checked + label .on {
  opacity: 1;
}
.switchBlock input:checked + label .off {
  opacity: 0;
}
.switchBlock input:checked + label .circle {
  right: 6px;
}
.switchBlock label {
  cursor: pointer;
  position: relative;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  width: 88px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.switchBlock label:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #23252d;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.switchBlock label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  z-index: -2;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0px 0px #00000000;
}
.switchBlock label > * {
  font-size: 12px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.switchBlock label .on {
  left: -5px;
  opacity: 0;
}
.switchBlock label .off {
  left: 5px;
  opacity: 1;
}
.switchBlock label .circle {
  position: absolute;
  left: auto;
  right: calc(100% - 23px);
  top: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.withBlock {
  max-width: 1690px;
  margin: 0 auto;
  width: 100%;
}
.withBlock .tableWith {
  border: solid 1px #363842;
}
.withBlock .tableWith .thead {
  background-color: #1c1d21;
}
.withBlock .tableWith .thead .tr {
  display: grid;
  grid-template-columns: 70px repeat(5, 1fr) 70px;
}
.withBlock .tableWith .thead .tr .th {
  padding: 26px 18px;
  color: #919293;
  font-size: 13px;
}
.withBlock .tableWith .thead .tr .th + .th {
  border-left: solid 1px #363842;
}
.withBlock .tableWith .tbody {
  background-color: #23252d;
}
.withBlock .tableWith .tbody .row .openWith {
  position: relative;
  z-index: 2;
  display: none;
}
.withBlock .tableWith .tbody .row .openWith .openWithContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 34px 44px 39px 33px;
}
.withBlock .tableWith .tbody .row .openWith .openWithContent:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #23252d;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.withBlock .tableWith .tbody .row .openWith .openWithContent:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  z-index: -2;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0px 0px #00000000;
}
.withBlock .tableWith .tbody .row .openWith .openWithContent:before {
  background-color: #1c1d21;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.withBlock .tableWith .tbody .row .openWith .openWithContent:after {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.withBlock .tableWith .tbody .row .openWith .openWithContent .tit {
  color: #919293;
  font-size: 13px;
  display: table;
  line-height: 20px;
}
.withBlock .tableWith .tbody .row .openWith .openWithContent .inputWrapper {
  display: flex;
  align-items: center;
  width: calc(40% - 39px);
}
.withBlock .tableWith .tbody .row .openWith .openWithContent .inputWrapper .form-group {
  width: 40%;
  position: relative;
}
.withBlock .tableWith .tbody .row .openWith .openWithContent .inputWrapper .form-group + .form-group {
  margin-left: 10px;
}
.withBlock .tableWith .tbody .row .openWith .openWithContent .inputWrapper .tit {
  width: 203px;
}
.withBlock .tableWith .tbody .row .openWith .openWithContent .inputWrapper input {
  height: 48px;
  padding: 0 60px 0 20px;
}
.withBlock .tableWith .tbody .row .openWith .openWithContent ul {
  margin-left: 49px;
  display: flex;
  width: 45%;
  justify-content: space-between;
}
.withBlock .tableWith .tbody .row .openWith .openWithContent .value,
.withBlock .tableWith .tbody .row .openWith .openWithContent .num,
.withBlock .tableWith .tbody .row .openWith .openWithContent .percent {
  font-size: 20px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: table;
  margin-top: 5px;
}
.withBlock .tableWith .tbody .row .openWith .openWithContent .num {
  font-size: 16px;
}
.withBlock .tableWith .tbody .row .openWith .openWithContent .link {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 13px;
  text-decoration: underline;
  text-decoration-color: #c09140;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.withBlock .tableWith .tbody .row .openWith .openWithContent .link:hover {
  text-decoration-color: transparent;
}
.withBlock .tableWith .tbody .row .openWith .openWithContent .txt {
  color: #919293;
  font-size: 14px;
}
.withBlock .tableWith .tbody .row .openWith .openWithContent .btn {
  padding: 12px 30px;
  text-transform: uppercase;
  font-size: 14px;
}
.withBlock .tableWith .tbody .titleMobile {
  display: none;
}
.withBlock .tableWith .tbody .tr {
  cursor: pointer;
  display: grid;
  grid-template-columns: 70px repeat(5, 1fr) 70px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-top: solid 1px #363842;
}
.withBlock .tableWith .tbody .tr .td {
  display: flex;
  align-items: center;
  padding: 26px 28px;
}
.withBlock .tableWith .tbody .tr .td img {
  width: 48px;
  display: table;
  margin: 0 auto;
}
.withBlock .tableWith .tbody .tr .td .icon {
  background-image: url("../img/plus_with.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  margin: 0 auto;
}
.withBlock .tableWith .tbody .tr .td.td {
  border-left: solid 1px #363842;
}
.withBlock .tableWith .tbody .tr .td:last-child, .withBlock .tableWith .tbody .tr .td:first-child {
  padding: 0;
}
.withBlock .tableWith .tbody .tr.open {
  background-color: #1c1d21;
}
.withBlock .tableWith .tbody .tr.open .td .icon {
  background-image: url("../img/minus_with_red.png");
}
.withBlock .tableWith .tbody .tr:hover {
  background-color: #1c1d21;
}
.withBlock .tableWith .tbody .tr.btc,
.payment.btc {
  color: #fd9701;
}
.withBlock .tableWith .tbody .tr.eth,
.payment.eth{
  color: #6976e7;
}
.withBlock .tableWith .tbody .tr.ltc,
.payment.ltc {
  color: #00abe7;
}
.withBlock .tableWith .tbody .tr.xrp,
.payment.xrp {
  color: #afafae;
}
.withBlock .tableWith .tbody .tr.trc20,
.payment.trc20{
  color: #ef6206;
}
.withBlock .tableWith .tbody .tr.erc20,
.payment.erc20 {
  color: #c51f26 !important;
}
.withBlock .tableWith .tbody .tr.bep20,
.payment.bep20 {
  color: #3dcacb;
}
.withBlock .tableWith .tbody .tr.bnb,
.payment.bnb {
  color: #ffc600;
}
.withBlock .tableWith .tbody .tr.ada,
.payment.ada {
  color: #52ba95;
}
.withBlock .tableWith .tbody .tr.sol,
.payment.sol {
  color: #8db35a;
}
.withBlock .tableWith .tbody .tr.trx,
.payment.trx {
  color: #d9576e;
}
.withBlock .tableWith .tbody .tr.doge,
.payment.doge {
  color: #879aa3;
}
.withBlock .tableWith .tbody .tr.dash,
.payment.dash {
  color: #2e6ded;
}
.withBlock .tableWith .tbody .tr.xmr,
.payment.xmr {
  color: #956c56;
}
.withBlock .tableWith .tbody .tr.dai,
.payment.dai {
  color: #b1b716;
}
.withBlock .tableWith .tbody .tr.bch,
.payment.bch {
  color: #c74b3b;
}

.invest .trading {
  overflow: hidden;
  padding: 54px 0 0;
  background-image: url("../img/back-trading.jpg");
  background-repeat: no-repeat;
}
.invest .trading .title {
  text-align: center;
}
.invest .trading .title [class*=icon-] {
  display: table;
  margin: 0 auto;
  font-size: 120px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.invest .trading .title .cap {
  display: inline-block;
  margin: 0 auto;
  font-size: 70px;
  margin-top: 22px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.invest .trading .listContract {
  display: flex;
  flex-wrap: wrap;
  margin-top: 43px;
}
.invest .trading .listContract .item {
  width: 25%;
  background-color: rgba(28, 29, 33, 0.88);
}
.invest .trading .listContract .item.close .lock {
  display: block;
}
.invest .trading .lock {
  display: none;

  width: 57px;
  height: 73px;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
  margin-top: 64px;
}
.invest .controlsForm {
  margin-top: 32px;
}
.invest .controlsForm .inputWrapper {
  background-color: #23252d;
  border: solid 1px #363842;
  display: flex;
  align-items: center;
}
.invest .controlsForm .inputWrapper label {
  font-size: 12px;
  width: 120px;
  margin: 0;
  padding: 0 15px;
}
.invest .controlsForm .inputWrapper .selectric-wrapper {
  width: calc(100% - 120px);
}
.invest .controlsForm .inputWrapper .selectric-wrapper .selectric {
  height: 55px;
}
.invest .controlsForm .inputWrapper .selectric-wrapper .label {
  line-height: 55px;
  color: #919293;
}
.invest .controlsForm .inputWrapper input {
  width: calc(100% - 120px);
  height: 55px;
  padding-right: 100px;
}
.invest .controlsForm .inputWrapper input + .curr {
  width: 50px;
}
.invest .controlsForm .inputWrapper + .inputWrapper {
  margin-top: 25px;
}
.invest .lineInfo {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
.invest .lineInfo:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #23252d;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.invest .lineInfo:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  z-index: -2;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0px 0px #00000000;
}
.invest .lineInfo::before {
  background-color: #1c1d21;
}
.invest .lineInfo:after, .invest .lineInfo:before {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.invest .lineInfo .list {
  width: 75%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 0 50px;
}
.invest .lineInfo .list .item {
  text-align: center;
  padding: 32px 0;
}
.invest .lineInfo .list .item [class*=icon-] {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 50px;
  display: block;
  margin: 0 auto;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
}
.invest .lineInfo .list .item .title {
  margin-top: 28px;
  color: #919293;
  font-size: 12px;
  display: block;
  text-align: center;
  text-transform: uppercase;
}
.invest .lineInfo .list .item .data {
  display: inline-block;
  margin: 22px auto 0;
  font-size: 20px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.invest .lineInfo .controls {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}
.invest .lineInfo .controls:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #23252d;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.invest .lineInfo .controls:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  z-index: -2;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0px 0px #00000000;
}
.invest .lineInfo .controls .btn {
  padding: 18px 35px;
  font-size: 20px;
}
.invest .lineInfo .controls::before {
  background-color: #23252d;
}
.invest .lineInfo .controls:after, .invest .lineInfo .controls:before {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.invest .energy {
  padding: 54px 0 0;
  background-image: url("../img/back-enegry.png");
  background-position: 0 center;
}
.invest .energy .title {
  text-align: center;
}
.invest .energy .title [class*=icon-] {
  display: table;
  margin: 0 auto;
  font-size: 120px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.invest .energy .title .cap {
  display: inline-block;
  margin: 0 auto;
  font-size: 70px;
  margin-top: 22px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.invest .energy .lineInfo .controlsForm {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 33px 45px;
  width: 34%;
  position: relative;
}
.invest .energy .lineInfo .controlsForm:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #23252d;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.invest .energy .lineInfo .controlsForm:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  z-index: -2;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0px 0px #00000000;
}
.invest .energy .lineInfo .controlsForm:after, .invest .energy .lineInfo .controlsForm:before {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.invest .energy .lineInfo .controlsForm:before {
  background-color: #1c1d21;
}
.invest .energy .lineInfo .list {
  margin: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
}
.invest .energy .lineInfo .list .item {
  width: 40%;
}
.invest .energy .lineInfo .controls {
  width: 34%;
}
.invest .energy .batteries {
  margin-top: 50px;
}
.invest .energy .batteries .line {
  position: relative;
  padding: 72px 0 0;
}
.invest .energy .batteries .line .lineInfo {
  margin-top: 78px;
}
.invest .energy .batteries .line .lineInfo.new .controlsForm {
  padding: 53px 45px 43px;
}
.invest .energy .batteries .line .lineInfo.new .controlsForm label {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 12px;
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -32px;
  left: -3px;
  white-space: nowrap;
  font-size: 17px;
  letter-spacing: 0;
  font-family: "Stem";
  font-size: 16px;
}
.invest .energy .batteries .line .lineInfo.new .controlsForm label br {
  display: none;
}
.invest .energy .batteries .line .lineInfo.new .controlsForm .inputWrapper {
  background-color: #23252d;
  border: solid 1px #363842;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.invest .energy .batteries .line .lineInfo.new .controlsForm .inputWrapper .selectric-wrapper {
  width: 100%;
}
.invest .energy .batteries .line .lineInfo.new .controlsForm .inputWrapper .selectric-wrapper .selectric {
  height: 55px;
}
.invest .energy .batteries .line .lineInfo.new .controlsForm .inputWrapper input {
  width: 100%;
  height: 55px;
  padding-right: 50px;
}
.invest .energy .batteries .line .lineInfo.new .controlsForm .inputWrapper + .inputWrapper {
  margin-top: 55px;
}
.invest .energy .batteries .line .lineInfo.new .controlsForm .inputList {
  position: relative;
  margin-top: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.invest .energy .batteries .line .lineInfo.new .controlsForm .inputList .icon {
  fill: #676a77;
}
.invest .energy .batteries .line .lineInfo.new .controlsForm .inputLine {
  width: calc(50% - 15px);
}
.invest .energy .batteries .line .lineInfo.new .controlsForm .inputLine input {
  width: 100%;
}
.invest .energy .batteries .line + .line {
  margin-top: 16px;
}
.invest .energy .batteries .line + .line:before {
  content: "";
  display: block;
  position: absolute;
  top: -17px;
  left: 0;
  width: 100%;
  height: 17px;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
}

.invest .listContract.new .controlsForm {
  margin-top: 72px;
}
.invest .listContract.new .controlsForm label {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 12px;
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -32px;
  left: -3px;
  white-space: nowrap;
  font-size: 17px;
  letter-spacing: 0;
  font-family: "Stem";
  font-size: 16px;
}
.invest .listContract.new .controlsForm label br {
  display: none;
}
.invest .listContract.new .controlsForm .inputWrapper {
  background-color: #23252d;
  border: solid 1px #363842;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.invest .listContract.new .controlsForm .inputWrapper .selectric-wrapper {
  width: 100%;
}
.invest .listContract.new .controlsForm .inputWrapper .selectric-wrapper .selectric {
  height: 55px;
}
.invest .listContract.new .controlsForm .inputWrapper .selectric-wrapper .label {
  line-height: 55px;
  color: #919293;
  margin-left: 2px;
}
.invest .listContract.new .controlsForm .inputWrapper input {
  width: 100%;
  height: 55px;
  padding-right: 50px;
}
.invest .listContract.new .controlsForm .inputWrapper + .inputWrapper {
  margin-top: 55px;
}
.invest .listContract.new .controlsForm .inputList {
  position: relative;
  margin-top: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.invest .listContract.new .controlsForm .inputList .icon {
  fill: #676a77;
}
.invest .listContract.new .controlsForm .inputLine {
  width: calc(50% - 15px);
}
.invest .listContract.new .controlsForm .inputLine input {
  width: 100%;
}

.partnersProgram {
  max-width: 1690px;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 46px;
}
.partnersProgram .programs {
  padding: 97px 0;
}
.partnersProgram .programWrapper {
  background: transparent;
  margin-top: 30px;
}

.programInfoList {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
.programInfoList .item {
  padding: 32px 0 25px;
  width: calc(33.3333333333% - 42px);
  position: relative;
}
.programInfoList .item:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #23252d;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.programInfoList .item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  z-index: -2;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0px 0px #00000000;
}
.programInfoList .item:after, .programInfoList .item:before {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.programInfoList .item [class*=icon-] {
  font-size: 50px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: block;
  margin: 0 auto;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
}
.programInfoList .item .tit {
  font-size: 16px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: table;
  margin: 0 auto;
  text-transform: uppercase;
  margin-top: 25px;
  letter-spacing: 0.02em;
}
.programInfoList .item .data {
  font-size: 30px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: table;
  margin: 8px auto 0;
  letter-spacing: 0.02em;
}
.programInfoList .item .link {
  font-size: 14px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: table;
  margin: 0 auto;
  text-transform: uppercase;
  text-decoration-color: transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 22px;
  letter-spacing: 0.02em;
  text-align: center;
}
.programInfoList .item .link:hover {
  opacity: 0.75;
}
.programInfoList .copyMessage {
  top: calc(100% - 28px);
}

.infoTable {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 48px;
}
.infoTable .col {
  /*width: calc(50% - 23px);*/
  width: 100%;
}
.infoTable .table {
  display: table;
  width: 100%;
  border: solid 1px #363842;
}
.infoTable .table .thead {
  background-color: #1c1d21;
  display: table-row-group;
}
.infoTable .table .thead .tr {
  display: table-row;
}
.infoTable .table .thead .tr .th {
  color: #919293;
  font-size: 13px;
  display: table-cell;
  vertical-align: middle;
  padding: 20px 35px;
}
.infoTable .table .thead .tr .th:first-child {
  width: 30%;
}
.infoTable .table .tbody {
  display: table-row-group;
}
.infoTable .table .tbody .tr {
  display: table-row;
  border: solid 1px #f9e4be;
}
.infoTable .table .tbody .tr:last-child .td {
  border-bottom: solid 1px #c09140;
}
.infoTable .table .tbody .tr .td {
  padding: 20px 35px;
  display: table-cell;
  vertical-align: middle;
  border-top: solid 1px #c09140;
}
.infoTable .table .tbody .tr .td:first-child {
  border-left: solid 1px #c09140;
}
.infoTable .table .tbody .tr .td:first-child .data {
  font-size: 14px;
}
.infoTable .table .tbody .tr .td:last-child {
  border-right: solid 1px #c09140;
}
.infoTable .table .tbody .tr .td .data {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 16px;
  text-transform: uppercase;
}
.infoTable .table .tbody .tr .td .titleMobile {
  display: none;
}
.infoTable .table .tbody .tr .td .infinity {
  font-size: 25px;
  line-height: 10px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.infoTable .table .tbody .tr + .tr {
  border-top: solid 1px #f9e4be;
}
.infoTable + * {
  margin-top: 46px;
}

.myPartner {
  padding: 50px 0;
}
.myPartner .capTitle {
  text-transform: uppercase;
  display: table;
  margin: 0 auto;
  font-size: 30px;
}
.myPartner .tablePartners {
  margin-top: 33px;
}

.tablePartners .thead {
  display: flex;
  justify-content: space-between;
  background-color: #1c1d21;
  color: #919293;
  font-size: 13px;
  display: grid;
  grid-template-columns: 25% repeat(5, 1fr) 75px;
  border: solid 1px #363842;
}
.tablePartners .thead .th {
  padding: 20px 5px 20px 28px;
}
.tablePartners .thead .th:nth-child(4) {
  text-align: center;
}
.tablePartners .line {
  display: grid;
  grid-template-columns: 25% repeat(5, 1fr) 75px;
  border: solid 1px #363842;
}
.tablePartners .line .col {
  padding: 20px 5px 20px 28px;
  display: flex;
  align-items: center;
}
.tablePartners .line .col:last-child {
  padding: 0;
}
.tablePartners .line .col > *:not(.icon) {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.tablePartners .line .col .name {
  font-size: 14px;
  text-transform: uppercase;
}
.tablePartners .line .col .data {
  font-size: 12px;
}
.tablePartners .line .col .link {
  font-size: 12px;
  text-transform: uppercase;
  white-space: nowrap;
}
.tablePartners .line .col .level {
  font-size: 14px;
  display: table;
  margin: 0 auto;
}
.tablePartners .line .col .val {
  font-size: 16px;
}
.tablePartners .line .col .icon {
  background-image: url(../img/plus_with.png);
  width: 25px;
  height: 25px;
  display: table;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
}
.tablePartners .line .col .titleMobile {
  display: none;
}

.slideContent {
  display: none;
}

.tablePartners .slideBlock.active > .slideContent {
  display: block;
}

.slideTitle {
  cursor: pointer;
}
.slideTitle.active .line,
.slideBlock.active > .slideTitle .line {
  border: solid 1px #c09140;
  background-color: #1c1d21;
}
.slideTitle.active .line .icon,
.slideBlock.active > .slideTitle .line .icon{
  background-image: url("../img/mins_slide.png");
}

.branch2 {
  margin-left: 10px;
}
.branch2 .line {
  grid-template-columns: calc(25% - 7px) repeat(5, 1fr) 75px;
}

.branch3 {
  margin-left: 15px;
}
.branch3 .line {
  grid-template-columns: calc(25% - 17px) repeat(5, 1fr) 75px;
}

.branch4 {
  margin-left: 20px;
}
.branch4 .line {
  grid-template-columns: calc(25% - 30px) repeat(5, 1fr) 75px;
}
/*.branch4 .line .col .icon {*/
/*  display: none !important;*/
/*}*/

.yourInvest {
  padding: 14px 0 105px;
  max-width: 1690px;
  margin: 0 auto;
  width: 100%;
}

.deposit .title {
  font-size: 16px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.02em;
  margin-bottom: 37px;
  display: table;
}
.sliderInvest {
  border: solid 1px #c09140;
}
.sliderInvest .item {
  position: relative;
  background-color: #23252d;
}
.sliderInvest .item .top {
  min-height: 170px;
  padding: 19px 0 11px;
  border-left: solid 1px #c09140;
  border-right: solid 1px #c09140;
}
.sliderInvest .item .top [class*=icon-] {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 50px;
  display: block;
  margin: 0 auto;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
}
.sliderInvest .item .top .name {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 20px;
  display: table;
  margin: 0 auto;
  margin-top: 14px;
  text-align: center;
}
.sliderInvest .item .top .text {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 14px;
  display: table;
  margin: 0 auto;
  letter-spacing: 0.025em;
}
.sliderInvest .item .top .data {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 20px;
  display: table;
  margin: 0 auto;
  letter-spacing: 0.025em;
}
.sliderInvest .item .top .summa {
  text-align: center;
  margin-top: 4px;
}
.sliderInvest .item .top .summa .tit {
  color: #919293;
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.sliderInvest .item .top .summa .val {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.sliderInvest .item .center {
  border-left: solid 1px #c09140;
  border-right: solid 1px #c09140;
  border-top: solid 1px #c09140;
  padding: 13px 24px;
}
.sliderInvest .item .center ul {
  display: flex;
  justify-content: space-between;
}
.sliderInvest .item .center ul li {
  width: 50%;
}
.sliderInvest .item .center ul li .tit {
  color: #919293;
  font-size: 10px;
  display: block;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.sliderInvest .item .center ul li .data {
  font-size: 10px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: inline-block;
}
.sliderInvest .item .center ul li + li {
  text-align: right;
}
.sliderInvest .item .bot {
  padding: 7px 0;
  border-top: solid 1px #c09140;
  border-left: solid 1px #c09140;
  border-right: solid 1px #c09140;
  background-color: #1c1d21;
  text-align: center;
}
.sliderInvest .item .bot .tit {
  display: block;
  color: #919293;
  font-size: 12px;
  text-transform: uppercase;
}
.sliderInvest .item .bot .value {
  font-size: 20px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  text-transform: uppercase;
  display: table;
  margin: 9px auto 0;
}
.sliderInvest .slick-arrow {
  cursor: pointer;
  position: absolute;
  z-index: 5;
  border: 0;
  background: transparent;
  background-image: url(../img/arrow-circle.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 38px;
  height: 38px;
  color: transparent;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: filter 0.3s;
  -moz-transition: filter 0.3s;
  -o-transition: filter 0.3s;
  transition: filter 0.3s;
}
.sliderInvest .slick-arrow.slick-prev {
  right: 50px;
  top: -75px;
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.sliderInvest .slick-arrow.slick-next {
  top: -75px;
  right: 0;
}
.sliderInvest .slick-arrow:hover {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  -o-filter: blur(2px);
  filter: blur(2px);
}

.listDep {
  position: relative;
  z-index: 2;
  margin-bottom: 81px;
}
.listDep .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -100px;
}
.listDep .item .circle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 200px;
  height: 200px;
  z-index: 6;
  left: 110px;
}
.listDep .item .circle:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #23252d;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.listDep .item .circle:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  z-index: -2;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0px 0px #00000000;
}
.listDep .item .circle::before {
  background-color: #1c1d21;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.listDep .item .circle::after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.listDep .item .circle .icon {
  font-size: 50px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.listDep .item .circle .percent {
  font-size: 50px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.listDep .item .circle .percent.small {
  font-size: 30px;
}
.listDep .item .circle .txt {
  font-size: 16px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.listDep .item .circle .txt_green {
  font-size: 16px;
  color: greenyellow
}
.listDep .item .circle .day {
  font-size: 13px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.listDep .item .depContent {
  position: relative;
  z-index: 2;
  width: calc(100% - 420px);
  display: flex;
  border: solid 1px #c09140;
}
.listDep .item .depContent .state {
  width: calc(50% + 33px);
}
.listDep .item .depContent .state .info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 75px;
}
.listDep .item .depContent .state .info li {
  width: 50%;
  position: relative;
  padding: 16px 15px 16px 100px;
  letter-spacing: 0.02em;
  border-bottom: solid 1px #c09140;
}
.listDep .item .depContent .state .info li:nth-child(2n) {
  border-left: solid 1px #c09140;
}
.listDep .item .depContent .state .info li .icon {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 47px;
  position: absolute;
  left: 38px;
  top: 50%;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.listDep .item .depContent .state .info li .tit {
  display: block;
  color: #919293;
  font-size: 12px;
  text-transform: uppercase;
}
.listDep .item .depContent .state .info li .date {
  font-size: 12px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  margin-top: 17px;
  display: table;
}
.listDep .item .depContent .state .info li .payment {
  margin-top: 16px;
  display: table;
  text-transform: uppercase;
  font-size: 12px;
}
.listDep .item .depContent .state .info li .value {
  font-size: 16px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  margin-top: 9px;
  display: table;
  letter-spacing: 0.02em;
}
.listDep .item .depContent .stateSumma {
  border-left: solid 1px #c09140;
  width: calc(50% - 33px);
  background-color: #1c1d21;
  display: flex;
  justify-content: space-between;
  padding-right: 70px;
}
.listDep .item .depContent .stateSumma .col {
  width: 50%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.listDep .item .depContent .stateSumma .col .icon {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 48px;
  margin: 0 auto;
  display: table;
}
.listDep .item .depContent .stateSumma .col .tit {
  display: block;
  color: #919293;
  font-size: 12px;
  text-transform: uppercase;
  margin-top: 30px;
}
.listDep .item .depContent .stateSumma .col .value {
  font-size: 20px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: table;
  letter-spacing: 0.02em;
  margin: 0 auto;
  margin-top: 9px;
}
.listDep .item .depContent .stateSumma .col + .col {
  border-left: solid 1px #c09140;
}
.listDep .item .timerBl {
  padding-left: 90px;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.listDep .item .timerBl .tit {
  color: #1c1d21;
  font-size: 12px;
  text-transform: uppercase;
  width: 50%;
  text-align: center;
}
.listDep .item .timerBl .timer {
  width: 50%;
  text-align: center;
}
.listDep .item .timerBl .timer .msg {
  display: inline-block;
  color: black;
  margin: 0;
  font-size: 16px;
  padding: 8px 0;
}
.listDep .item .timerBl .timer .time {
  color: #1c1d21;
  font-size: 30px;
}
.listDep .item .timerBl .timer .dot {
  color: #1c1d21;
  font-size: 30px;
  margin: 0 10px;
}
.listDep .item .circleProg {
  z-index: 6;
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 110px;
  position: relative;
}
.listDep .item .circleProg:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #23252d;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.listDep .item .circleProg:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  z-index: -2;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0px 0px #00000000;
}
.listDep .item .circleProg:after, .listDep .item .circleProg:before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.listDep .item .circleProg > div {
  position: absolute;
  left: 15px;
  top: 15px;
}
.listDep .item .circleProg .percent {
  width: 130px;
  height: 130px;
  background-color: #2e313b;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #49bd58;
  font-size: 25px;
  text-align: center;
}
.listDep .item + .item {
  margin-top: 50px;
}

.morisGrafic {
  width: 600px;
  height: 600px;
  margin: 0 auto;
  margin-top: 30px;
}
.morisGrafic #partners,
.morisGrafic #myOffice {
  height: 600px;
}
.morisGrafic #partners .title,
.morisGrafic #myOffice .title {
  font-size: 20px;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
.morisGrafic #partners .value,
.morisGrafic #myOffice .value {
  font-size: 50px;
  color: #fff;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: block;
  text-align: center;
}
.morisGrafic #partners .highcharts-tooltip,
.morisGrafic #myOffice .highcharts-tooltip {
  width: 600px !important;
  height: 600px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.morisGrafic #partners .highcharts-tooltip > span,
.morisGrafic #myOffice .highcharts-tooltip > span {
  position: relative !important;
}
.morisGrafic .picture {
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto 20px;
}

.default #partners .highcharts-tooltip > span,
.default #myOffice .highcharts-tooltip > span {
  opacity: 0 !important;
  pointer-events: inherit;
}

#partners .highcharts-tooltip > span,
#myOffice .highcharts-tooltip > span {
  opacity: 1;
  pointer-events: none !important;
}

.graficCurrents .highcharts-tooltip span {
  color: #fff;
  text-align: center;
  display: block;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 20px;
}
.graficCurrents .highcharts-tooltip .title {
  color: #fff;
  text-align: center;
  display: block;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 10px;
}
.graficCurrents .highcharts-tooltip .value {
  color: #fff;
  text-align: center;
  display: block;
  margin-top: 0px;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}

.graficCabMain {
  position: relative;
  padding: 105px 0;
  background-image: url("../img/back-world.png");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #23252d;
}
.graficCabMain .capTitle {
  cursor: pointer;
  display: table;
  margin: 0 auto;
}
.graficCabMain .graficCabContent {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}

.yourBalance,
.yourTurnover{
  width: 600px;
  height: 600px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -300px;
  display: flex;
  align-items: center;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  opacity: 1;
}
.yourBalance.close,
.yourTurnover.close{
  opacity: 0;
  pointer-events: none;
}
.yourBalance .title,
.yourTurnover .title{
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 20px;
  text-transform: uppercase;
  position: relative;
  z-index: 5;
}
.yourBalance .value,
.yourTurnover .value{
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 50px;
  position: relative;
  z-index: 5;
  margin-top: 25px;
}

.stateGraf {
  position: absolute;
  left: 10px;
  top: 0;
  width: calc(100% - 20px);
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.stateGraf .item {
  width: 50%;
  height: 50%;
  display: flex;
  flex-direction: column;
}
.stateGraf .item:nth-child(2n) {
  align-items: flex-end;
}
.stateGraf .item:nth-child(4), .stateGraf .item:nth-child(3) {
  justify-content: flex-end;
}
.stateGraf .item .line {
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.stateGraf .item .line + .line {
  margin-top: 30px;
}
.stateGraf .item .line:last-child {
  margin-top: 20px;
}
.stateGraf .item [class*=icon-] {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 50px;
  display: block;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
}
.stateGraf .item .title {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 20px;
  text-transform: uppercase;
  position: relative;
  z-index: 5;
}
.stateGraf .item .data {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 35px;
  position: relative;
  z-index: 5;
}

.cabPartners .stateGraf .item [class*=icon-] {
  -webkit-text-fill-color: initial;
  -webkit-box-decoration-break: initial;
}
.cabPartners .stateGraf .item .title {
  -webkit-text-fill-color: initial;
  -webkit-box-decoration-break: initial;
}
.graficCabMain .stateGraf .item .line:last-child {
  opacity: 0;
}
.graficCabMain .stateGraf.open {
  opacity: 1;
}
.graficCabMain .stateGraf.open .item .line:last-child {
  opacity: 1;
}

.mobile {
  display: none;
}

.graficCurrentsHead {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 70px 0 20px 50px;
  position: relative;
}
.graficCurrentsHead .icon {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: #3d404e;
  background-image: url("../img/arrow.png");
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
}
.graficCurrentsHead .icon.open {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.graficCurrentsHead .col {
  position: relative;
  z-index: 5;
}
.graficCurrentsHead .col + .col {
  margin-left: 50px;
}
.graficCurrentsHead .value {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: table;
  font-size: 20px;
  font-weight: 900;
}
.graficCurrentsHead .valueCur {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: table;
  font-size: 12px;
}
.graficCurrentsHead .percent {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: table;
  font-size: 12px;
  font-weight: 600;
}
.graficCurrentsHead .time {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  display: table;
  font-size: 12px;
  font-weight: 600;
  margin-top: 5px;
}

.graficCurrentsBody {
  position: relative;
  margin-top: -50px;
}
.graficCurrentsBody .changeTime {
  width: 100%;
  justify-content: flex-end;
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-bottom: 50px;
}
.graficCurrentsBody .changeTime li > * {
  cursor: pointer;
  text-transform: uppercase;
  color: #919293;
  font-size: 12px;
}
.graficCurrentsBody .changeTime li > *.active {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.graficCurrentsBody .changeTime li + li {
  margin-left: 25px;
}

.tableBatteriesWrapper {
  margin-top: 66px;
  padding: 0 45px;
}

.tableBatteries {
  background-color: #23252d;
  display: table;
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #363842;
}
.tableBatteries .tody {
  display: table-row-group;
}
.tableBatteries .tr {
  border: solid 1px #363842;
  display: table-row;
}
.tableBatteries .tr:first-child .td {
  background-color: #1c1d21;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 15px;
}
.tableBatteries .tr:last-child .td {
  width: 100%;
}
.tableBatteries .th {
  width: 5%;
  color: #919293;
  font-size: 15px;
  background-color: #1c1d21;
  padding: 25px 15px 25px 38px;
  display: table-cell;
  vertical-align: middle;
}
.tableBatteries .td {
  border: solid 1px #363842;
  color: #919293;
  font-size: 20px;
  text-align: center;
  padding: 5px;
  display: table-cell;
  vertical-align: middle;
  width: 0.9090909091%;
}
.tableBatteries .result {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 35px;
}

.cabHeader .cabHeaderContent .cabUsers {
  min-height: 82px;
}
.cabHeader .cabHeaderContent .cabUsers .controls {
  border-left: solid 1px #363842;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 10px;
  min-width: 167px;
  z-index: 5;
}
.cabHeader .cabHeaderContent .cabUsers .controls .btnContainer {
  width: 100%;
  margin: 0;
}
.cabHeader .cabHeaderContent .cabUsers .controls .btnContainer + .btnContainer {
  margin-top: 5px;
}
.cabHeader .cabHeaderContent .cabUsers .controls .btn {
  position: relative;
  justify-content: center;
  padding: 6px 8px;
  width: 100%;
}
.cabHeader .cabHeaderContent .cabUsers .controls .btn .icon {
  margin-right: 4px;
}
.cabHeader .cabHeaderContent .cabUsers .controls .btn.exit::after {
  left: 7px !important;
}

.cabUsers {
  display: flex;
  width: calc(30% - 0px);
  justify-content: space-between;
  min-width: 380px;
  background: #23252d;
  position: relative;
}
.cabUsers .user {
  display: flex;
  align-items: center;
  padding: 0 5px 0 15px;
}
.cabUsers .userAvatar {
  cursor: pointer;
  width: 52px;
  height: 52px;
  background-position: center;
  background-repeat: no-repeat;
}
.cabUsers .info {
  padding-left: 17px;
  flex: 1;
}
.cabUsers .info .tit {
  color: #919293;
  font-size: 12px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.cabUsers .info .userName {
  font-size: 12px;
  display: block;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  text-transform: uppercase;
  margin-top: 14px;
  letter-spacing: 0.03em;
}
.bodyModal {
  position: relative;
  overflow: hidden;
  padding-right: 17px;
}
@media (max-width: 767px) {
  .bodyModal {
    max-height: 100%;
  }
}
.bodyModal body {
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .bodyModal body {
    max-height: 100%;
  }
}

.modalsScroll {
  overflow: hidden;
  position: fixed;
  z-index: -1;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  display: none;
}
.modalsScroll.open {
  z-index: 55;
  display: block;
}

.modals {
  min-height: 100vh;
  width: 100vw;
}

.modals.table {
  display: flex;
}

.modals.table > .tCell {
  display: flex;
  width: 100%;
  vertical-align: middle;
}

.overlayModal {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 25, 25, 0.87);
  cursor: pointer;
  display: none;
}

.blockMod {
  position: relative;
  display: none;
  position: relative;
  align-self: center;
  width: 100%;
  max-width: 733px;
  min-height: 515px;
  padding-left: 40px;
  padding-top: 30px;
  padding-right: 40px;
  margin: 0px auto;
  z-index: 1;
}
.blockMod .closeModal {
  position: absolute;
  top: 3px;
  right: 4px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.blockMod .closeModal span {
  position: relative;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  width: 100%;
  height: 2px;
  display: block;
}
.blockMod .closeModal span:nth-child(1) {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 13px;
}
.blockMod .closeModal span:nth-child(2) {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 11px;
}
.blockMod .closeModal:hover {
  opacity: 0.8;
}
.blockMod .closeModal img {
  display: block;
  width: auto;
  max-width: unset;
}

.chooseAvatar {
  position: relative;
  padding: 86px 0 67px;
  position: relative;
}
.chooseAvatar:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #23252d;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.chooseAvatar:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  z-index: -2;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0px 0px #00000000;
}
.chooseAvatar:after, .chooseAvatar:before {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.chooseAvatar .cap {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  font-size: 21px;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
}

.avatarList {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 62px auto 0;
  max-width: 510px;
}
.avatarList .avatarItem {
  width: 20%;
  padding: 15px 0;
}
.avatarList .avatarItem input:checked + label::after, .avatarList .avatarItem input:checked + label::before {
  opacity: 1;
}
.avatarList .avatarItem label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
  margin: 0 auto;
}
.avatarList .avatarItem label:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #23252d;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.avatarList .avatarItem label:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  z-index: -2;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0px 0px #00000000;
}
.avatarList .avatarItem label::after, .avatarList .avatarItem label::before {
  opacity: 0;
}

.tarifCube {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.tarifCube .tarifCuberContent {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
.tarifCube.flip .tarifCuberContent {
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.tarifCube.flip .tarifFront {
  opacity: 0;
}
.tarifCube.flip .tarifBack {
  opacity: 1;
  z-index: auto;
}
.tarifCube .tarifFront {
  position: relative;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}
.tarifCube .tarifBack {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px 40px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -1;
}
.tarifCube .tarifBack > * {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 24px !important;
  text-align: center;
}
.tarifCube .arrow {
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  color: transparent;
  background: transparent;
  background-image: url(../img/arrow-circle.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.33s;
  -moz-transition: opacity 0.33s;
  -o-transition: opacity 0.33s;
  transition: opacity 0.33s;
}
.tarifCube .arrow.visible {
  pointer-events: initial;
  opacity: 1;
}
.tarifCube .arrow.prev {
  left: 0;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.tarifCube .arrow.next {
  right: 0;
}

.btn {
  cursor: pointer;
  display: flex;
  display: inline-block;
  align-items: center;
  justify-content: center;
  border: 0;
  text-align: center;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}
.btn:not(.btnFullBlack, .btnGreen, .btnRed) {
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.btn.btnGreen {
  background: transparent;
  font-size: 16px;
  color: #49bd58;
  border: solid 1px #49bd58;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn.btnGreen:hover {
  background-color: #49bd58;
  color: #fff;
}
.btn.btnFullBlack {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: solid 1px #1c1d21;
  color: #1c1d21;
}
.btn.btnFullBlack:hover {
  background-color: #1c1d21;
  color: #fff;
}
button.btn:not(.btnFullBlack, .btnGreen, .btnRed) {
  display: block;
  position: relative;
  color: transparent;
  background: transparent;
  -webkit-text-fill-color: initial;
  text-indent: -9999px;
}
button.btn:not(.btnFullBlack, .btnGreen, .btnRed):after {
  content: attr(title);
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
  color: transparent;
  display: inline-block;
  width: 100%;
  left: 0;
  text-align: center;
  position: absolute;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-indent: initial;
}

.btnContainer {
  position: relative;
  display: table;
  margin: 0 auto;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.btnContainer.btnGold {
  position: relative;
  position: relative;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  color: transparent;
  text-shadow: 0px 0px #00000000;
}
.btnContainer.btnGold:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #23252d;
  z-index: -1;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btnContainer.btnGold:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  z-index: -2;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  text-shadow: 0px 0px #00000000;
}
.btnContainer.btnGold:hover {
  -webkit-box-shadow: 0 0px 33px #b48a3d;
  -moz-box-shadow: 0 0px 33px #b48a3d;
  box-shadow: 0 0px 33px #b48a3d;
}
.btn.btnRed {
  background: transparent;
  font-size: 16px;
  color: #bf0000;
  border: solid 1px #bf0000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btn.btnRed:hover {
  background-color: #bf0000;
  color: #fff;
}

@media (max-width: 1899px) {
  .header .headerContent {
    max-width: 1422px;
  }

  .sliderRoadMap .slick-arrow.slick-prev {
    left: -160px;
  }
  .sliderRoadMap .slick-arrow.slick-next {
    right: -160px;
  }

  .aboutMain {
    padding: 104px 62px 106px;
  }

  .newItem {
    padding: 60px 67px 43px 57px;
  }
  .newItem .link {
    line-height: 26px;
  }
  .newItem p {
    height: 80px;
  }
  .newItem .btnContainer {
    margin-top: 17px;
  }
  .newItem .linkAllNews {
    font-size: 21px;
    min-height: 42px;
    line-height: 42px;
  }
  .newItem .linkAllNews:after {
    width: 42px;
    height: 42px;
    right: 10px;
    background-size: contain;
    margin-top: -21px;
  }

  .contactsPage .contactWrapper .contactLeft.questBlock .infoList li:last-child {
    width: calc(50% - 56px);
  }

  .contactLeft {
    padding: 104px 35px 56px 62px;
  }

  .infoList li {
    padding-left: 92px;
  }
  .infoList li:nth-child(2n) {
    width: calc(50% - 56px);
  }

  .footer {
    padding: 0 0 0 64px;
  }
  .footer .footerMenu ul li.rules a {
    padding: 0 86px;
  }
  .footer .footerMenu ul li a {
    padding: 0 15px;
  }

  .cabHeader .logo {
    width: 90px;
    padding: 0;
    overflow: hidden;
  }
  .cabHeader .logo .textLogo {
    display: none;
  }
  .cabHeader .logo img {
    margin: 0 auto;
    width: 70px;
  }
  .cabHeader .cabHeaderContent {
    width: calc(100% - 90px);
  }
  .cabHeader .cabHeaderContent .controls {
    width: calc(20% + 5px);
    padding: 0 10px 0 19px;
  }
  .cabHeader .cabHeaderContent .cabMenu {
    padding: 0;
  }
  .cabHeader .cabHeaderContent .cabMenu ul li [class*=icon-] {
    font-size: 48px;
  }
  .cabHeader.authHeader .logo {
    width: 90px;
  }
  .cabHeader.authHeader .cabHeaderContent {
    width: calc(100% - 90px);
  }

  .graficCabMain {
    padding: 105px 0;
  }

  .cabFooter {
    padding: 40px 34px;
  }

  .questionsLine {
    padding: 16px 15px;
  }

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

  .documents .left {
    padding: 80px 5px 15px 38px;
  }

  .textBlockSimple {
    padding: 80px 50px;
  }

  .aboutAdv .listAdv {
    width: calc(100% - 20px);
  }

  .programs {
    padding: 78px 20px 65px;
  }
  .programs .program.standart .terms .termsText:before {
    left: calc(100% - 198px);
    width: 208px;
  }
  .programs .program.bonus .terms .termsText:before {
    width: 208px;
    right: calc(100% - 200px);
  }
  .programs .program.refProgram {
    margin-top: -40px;
  }

  .helloBlock {
    padding: 30px 15px;
  }
  .helloBlock .list {
    padding-left: 15px;
  }

  .loginPage .loginLeft .logoBig {
    width: 80%;
  }

  .partnersProgram,
.yourInvest,
.operations,
.paymentList,
.personalData,
.promo,
.tikets {
    padding: 0 10px 50px;
  }

  .settings,
.transfers {
    padding-left: 10px;
    padding-right: 10px;
  }

  .programs .program p {
    min-height: 150px;
  }
}
@media (max-width: 1599px) {
  .header .headerContent {
    max-width: 1400px;
    padding: 0 54px 0 26px;
  }
  .header .langBlock {
    width: 56px;
  }

  .sliderRoadMap .slick-arrow.slick-prev {
    left: -90px;
  }
  .sliderRoadMap .slick-arrow.slick-next {
    right: -90px;
  }

  .aboutMain {
    padding: 104px 62px 97px 32px;
  }
  .aboutMain .desc {
    margin-bottom: 14px;
  }

  .newItem {
    padding: 60px 20px 43px 57px;
  }
  .newItem .date {
    margin-top: 0;
  }
  .newItem p {
    margin-top: 0;
  }

  .contactLeft {
    padding: 104px 35px 86px 33px;
  }

  .contactsPage .contactWrapper .contactRight {
    padding: 87px 35px 35px 33px;
  }
  .contactsPage .contactWrapper .contactLeft.questBlock .infoList li:last-child {
    width: calc(50% - 19px);
  }

  .infoList li {
    margin-bottom: 42px;
  }
  .infoList li:nth-child(2n) {
    width: calc(50% - 19px);
  }

  .footer {
    padding: 0 0 0 34px;
  }
  .footer .footerMenu ul li.rules a {
    padding: 0 34px;
  }
  .footer .footerMenu ul li a {
    padding: 0 16px;
  }

  .cabHeader {
    align-items: inherit;
  }
  .cabHeader.authHeader .cabHeaderContent .cabMenu {
    width: calc(100% - 385px);
  }
  .cabHeader .cabHeaderContent .controls {
    padding: 0 10px;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 15%;
    z-index: 5;
  }
  .cabHeader .cabHeaderContent .controls .btnContainer {
    width: 100%;
  }
  .cabHeader .cabHeaderContent .controls .btnContainer + .btnContainer {
    margin-top: 4px;
  }
  .cabHeader .cabHeaderContent .controls .exit {
    padding: 6px 16px;
    width: 100%;
  }
  .cabHeader .cabHeaderContent .controls .exit::after {
    left: 14px;
  }
  .cabHeader .cabHeaderContent .cabMenu {
    justify-content: flex-start;
    width: 85%;
    padding: 0 50px;
  }
  .cabHeader .cabHeaderContent .cabMenu ul .slick-list {
    overflow: hidden;
    padding: 0 0 140px;
  }
  .cabHeader .cabHeaderContent .cabMenu ul li:hover::before {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
  }

  .cabFooter {
    padding: 40px 25px;
  }

  .questionsLine {
    flex-wrap: wrap;
  }
  .questionsLine .invisText {
    font-size: 40px;
    line-height: 50px;
  }
  .questionsLine .text {
    font-size: 25px;
    line-height: 22px;
    max-width: 600px;
  }
  .questionsLine .text small {
    font-size: 18px;
    line-height: 25px;
  }

  .aboutAdv .picture {
    top: 78px;
  }
  .aboutAdv .listAdv .item:nth-child(1) {
    top: 402px;
  }
  .aboutAdv .listAdv .item:nth-child(1) .title {
    padding-right: 0;
  }
  .aboutAdv .listAdv .item:nth-child(2) {
    top: 680px;
  }
  .aboutAdv .listAdv .item:nth-child(2) .title {
    padding-right: 0;
  }
  .aboutAdv .listAdv .item:nth-child(4) {
    top: 402px;
  }
  .aboutAdv .listAdv .item:nth-child(4) .title {
    padding-left: 0;
  }
  .aboutAdv .listAdv .item:nth-child(5) {
    top: 680px;
  }
  .aboutAdv .listAdv .item:nth-child(5) .title {
    padding-left: 0;
  }

  .documents .left {
    padding: 80px 10px 15px 10px;
  }
  .documents .docList li + li {
    margin-left: 25px;
  }

  .textBlockSimple {
    padding: 50px 10px;
  }

  .programs .program {
    min-height: 811px;
  }
  .programs .program.standart .rangInvis {
    right: -200px;
  }
  .programs .program.standart .terms .termsText::before {
    left: calc(100% - 115px);
    top: -33px;
  }
  .programs .program.bonus .rangInvis {
    left: -200px;
  }
  .programs .program.bonus .terms .termsText::before {
    right: calc(100% - 145px);
    top: -20px;
  }
  .programs .program.refProgram {
    min-height: inherit;
    margin-top: -100px;
  }
  .programs .program.refProgram .rangInvis {
    left: 50%;
    top: -350px;
    margin-left: -89px;
  }
  .programs .program p {
    min-height: 220px;
  }

  .loginForm {
    padding: 0 15px;
  }

  .tableOperation .table .thead .tr .th {
    padding: 20px 10px;
  }
  .tableOperation .table .tbody .tr .td {
    padding: 10px 10px;
  }
  .tableOperation .table .tbody .tr .td img {
    margin-right: 10px;
  }
  .tableOperation .table .tbody .tr .td .num {
    margin-left: 0;
  }

  .filterBl .col.colDate {
    width: 25%;
  }

  .programInfoList .item .link {
    font-size: 12px;
  }

  .invest .lineInfo .controls .btn {
    padding: 18px 0;
    font-size: 16px;
    width: 90%;
  }
  .invest .energy .lineInfo .controlsForm {
    padding: 33px 15px;
  }

  .trading .listContract .item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .graficCabContent {
    max-width: 1200px;
  }

  .cabHeader .cabHeaderContent .cabMenu ul li:after, .cabHeader .cabHeaderContent .cabMenu ul li:before {
    left: 0;
    width: 100%;
  }
  .cabHeader .cabHeaderContent .cabMenu ul li .txt {
    padding: 0 15px;
  }

  .fir {
    left: 0px;
    width: 360px;
    height: 500px;
  }
}
@media (max-width: 1399px) {
  .tableBatteriesWrapper {
    overflow: auto;
    width: 100%;
    padding: 0 15px;
    margin-top: 50px;
  }

  .tableBatteries {
    width: 1450px;
  }

  .pageWrapper.inner .header .headerContent {
    padding: 0 0;
  }

  .menu ul li a {
    font-size: 15px;
    padding: 8px 18px;
  }

  .header .headerContent {
    padding: 0 89px 0 57px;
  }

  .advantages .circleAdvantages {
    -moz-transform: translate(47px, -50px);
    -ms-transform: translate(47px, -50px);
    -webkit-transform: translate(47px, -50px);
    -o-transform: translate(47px, -50px);
    transform: translate(47px, -50px);
  }

  .sliderRoadMap .slick-arrow {
    top: auto;
    margin: 0;
    bottom: 32px;
    width: 55px;
    height: 55px;
    background-size: contain;
  }
  .sliderRoadMap .slick-arrow.slick-prev {
    left: -10px;
  }
  .sliderRoadMap .slick-arrow.slick-next {
    right: -10px;
  }

  .aboutMain {
    padding: 50px 32px 50px 12px;
  }

  .newsMain .date {
    margin-top: 13px;
  }
  .newsMain p {
    height: 55px;
    margin-top: 4px;
  }

  .newItem {
    padding: 20px;
  }

  .contactLeft {
    padding: 104px 35px 24px 11px;
  }

  .contactsPage .contactWrapper .contactRight {
    padding: 75px 35px 24px 11px;
  }

  .infoList {
    margin-top: 0;
  }
  .infoList li {
    margin-bottom: 22px;
    padding-left: 0;
    padding-top: 111px;
  }
  .infoList li .iconInvis {
    left: 6px;
    top: 30px;
    margin: 0;
  }
  .infoList li:nth-child(2n) {
    width: calc(50% - 20px);
  }

  .footer {
    padding: 0 0 0 7px;
  }
  .footer .logoSmall {
    width: 86px;
    margin-right: 0;
  }
  .footer .copyRight {
    width: 130px;
    line-height: 20px;
    font-size: 14px;
  }
  .footer .footerMenu ul li {
    padding: 48px 0;
  }
  .footer .footerMenu ul li a {
    padding: 0 9px;
  }
  .footer .footerMenu ul li.rules a {
    padding: 0 41px;
  }

  .listValue {
    border-bottom: 0;
  }
  .listValue .item {
    border-bottom: solid 1px #363842;
  }

  .energy .listContract .item,
  .trading .listContract .item,
  .transfers .listContract .item,
  .contracts .listContract .item {
    padding: 55px 20px 40px;
  }
  .energy .textBlock,
.trading .textBlock,
.transfers .textBlock,
.contracts .textBlock {
    padding: 50px 30px;
  }
  .energy .textBlock.textRight,
.trading .textBlock.textRight,
.transfers .textBlock.textRight,
.contracts .textBlock.textRight {
    padding-right: 0;
  }
  .energy .batteries .line .list .col:nth-child(2),
.trading .batteries .line .list .col:nth-child(2),
.transfers .batteries .line .list .col:nth-child(2),
.contracts .batteries .line .list .col:nth-child(2) {
    width: 50%;
    padding-right: 80px;
  }

  .lineBigText {
    padding: 30px 30px;
  }

  .aboutAdv {
    padding: 50px 0;
  }
  .aboutAdv .listAdv {
    height: 830px;
  }
  .aboutAdv .listAdv .item:nth-child(4) {
    top: 274px;
  }
  .aboutAdv .listAdv .item:nth-child(2) {
    top: 476px;
    width: 26%;
  }
  .aboutAdv .listAdv .item:nth-child(5) {
    top: 476px;
    width: 26%;
  }
  .aboutAdv .listAdv .item:nth-child(1) {
    top: 274px;
  }
  .aboutAdv .listAdv .item:nth-child(3) {
    margin-top: -190px;
    width: 510px;
    margin-left: -20px;
  }
  .aboutAdv .picture {
    top: 50px;
    width: 700px;
    margin-left: -370px;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .documents .left {
    padding: 20px 10px 20px 10px;
  }
  .documents .docList {
    margin: 35px 6px 0;
  }
  .documents .docList li a {
    width: 170px;
    height: 235px;
    background-size: contain;
  }
  .documents .infoList {
    margin: 10px 8px 0;
  }

  .programs .program.standart {
    width: calc((100% - 420px) / 2);
  }
  .programs .program.standart .rangInvis {
    right: -160px;
    top: 245px;
  }
  .programs .program.bonus {
    width: calc((100% - 420px) / 2);
  }
  .programs .program.bonus .rangInvis {
    left: -160px;
    top: 245px;
  }
  .programs .program.refProgram {
    width: 100% !important;
    margin-top: -93px;
  }
  .programs .program.refProgram .rangInvis {
    margin-left: -64px;
    top: -314px;
  }
  .programs .program .rangInvis .rang {
    font-size: 12px;
  }
  .programs .program .rangInvis .desc {
    font-size: 9px;
  }
  .programs .program .rangInvis .data {
    font-size: 24px;
  }
  .programs .program .line .pre {
    font-size: 24px;
  }
  .programs .circle {
    width: 420px;
    height: 420px;
    background-size: contain;
    margin-left: -210px;
    top: 200px;
  }

  .loginPage {
    flex-wrap: wrap;
  }
  .helloBlock .capTitle {
    font-size: 30px;
    line-height: 40px;
  }

  .tiketsMessages .listMessages .item .message {
    padding-left: 0;
  }

  .tiketsSendMessage .tiketForm {
    padding: 30px 30px;
  }
  .tiketsSendMessage .tiketForm .controls {
    flex-wrap: wrap;
  }
  .tiketsSendMessage .tiketForm .controls .btnContainer {
    margin: 0;
  }
  .tiketsSendMessage .tiketForm .controls .btn {
    font-size: 16px;
    padding: 15px 20px;
    min-width: 160px;
  }

  .promo .tabsPromo .tabsBody {
    padding: 120px 0 50px;
  }
  .promo .tabsPromo .tabsBody img + * {
    margin-top: 130px;
  }

  .promo .tabsPromo .listLinks li a {
    font-size: 18px;
  }

  .filterBl {
    flex-wrap: wrap;
  }
  .filterBl .col {
    width: 10%;
    margin-right: 15px;
  }
  .filterBl .col .inputWrapper label {
    white-space: nowrap;
  }
  .filterBl .col .inputWrapper .selectric .button {
    width: 35px;
    background-color: transparent;
  }
  .filterBl .col + .col {
    margin-left: 0;
  }
  .filterBl .col.colDate {
    width: calc(30% - 10px);
  }

  .infoStateList .item {
    padding: 30px 15px 30px 70px;
  }
  .infoStateList .item .iconBl {
    left: 16px;
  }

  .googleBlock .txt {
    margin-top: 26px;
  }

  .programInfoList .item {
    padding: 30px 15px;
    width: calc(33.3333333333% - 10px);
    text-align: center;
  }

  .infoTable .table .thead .tr .th {
    padding: 15px 15px;
  }
  .infoTable .table .tbody .tr .td {
    padding: 15px 15px;
  }

  .invest .energy .lineInfo .controlsForm {
    width: 40%;
  }

  .graficCabContent {
    max-width: 1000px;
  }

  .stateGraf .item .line + .line {
    margin-top: 10px;
  }
  .stateGraf .item .title {
    font-size: 16px;
  }
  .stateGraf .item .data {
    font-size: 30px;
  }

  .listDep .item .timerBl .timer .time {
    font-size: 25px;
  }
  .listDep .item .circle .percent {
    font-size: 40px;
  }
  .listDep .item .depContent .stateSumma {
    width: calc(50% - 50px);
  }
  .listDep .item .depContent .stateSumma .col {
    padding: 15px 0;
  }
  .listDep .item .depContent .stateSumma .col .tit {
    margin-top: 10px;
    font-size: 10px;
  }
  .listDep .item .depContent .stateSumma .col .value {
    font-size: 16px;
  }
  .listDep .item .depContent .state .info li .tit {
    font-size: 10px;
  }
  .listDep .item .depContent .state .info li .value {
    font-size: 16px;
  }
  .listDep .item .depContent .state .info li .date {
    margin-top: 5px;
  }
  .listDep .item .depContent .state .info li .payment {
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
  }

  .cabUsers .info .userName {
    margin-top: 5px;
  }

  .sliderInvest .item .top .text {
    font-size: 11px;
    line-height: 24px;
  }
  .sliderInvest .item .top .summa .tit,
  .sliderInvest .item .top .summa .val {
    display: block;
  }

  .withBlock .tableWith .tbody .row .openWith .openWithContent ul {
    margin-left: 0;
  }

  .helloBlock .desc {
    font-size: 16px;
  }

  .programs .program p {
    min-height: 150px;
  }
  .programs .program.standart .terms .termsText::before {
    left: calc(100% - 128px);
  }
  .programs .program.bonus .terms .termsText::before {
    right: calc(100% - 166px);
    top: -20px;
  }
  .programs .circle {
    background-color: #23252d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: auto;
  }
}
@media (max-width: 1199px) {
  .container {
    width: 1097px;
    padding: 0 30px;
  }

  .pageWrapper.inner .header .headerContent .menu ul li a {
    font-size: 14px;
  }

  .header .headerContent {
    padding: 0;
  }
  .header .langBlock {
    width: 60px;
  }

  .menu {
    max-width: 990px;
    margin: 0 auto;
  }
  .menu ul li a {
    padding: 8px 20px;
  }

  .logoBig .picture {
    left: 26px;
    top: 0;
    width: 322px;
  }
  .logoBig .picture + .txt {
    left: -2px;
  }
  .logoBig .txt {
    font-size: 48px;
    top: -16px;
  }

  .grettings {
    position: relative;
    padding: 25px 0 35px;
  }
  .grettings .logoBig {
    left: 19px;
    top: 13px;
  }
  .grettings .descriptions {
    margin-top: 7px;
  }
  .grettings .descriptions .btnContainer {
    margin: 14px auto;
  }
  .grettings .descriptions .btn {
    padding: 20px 37px 20px;
    font-size: 18px;
  }

  .logoBig .txtInvis {
    font-size: 180px;
    bottom: 56px;
  }
  .logoBig .txtInvis.txtInvisLeft {
    margin-left: -604px;
  }
  .logoBig .txtInvis.txtInvisRight {
    margin-left: 83px;
  }

  .capTitle {
    font-size: 30px;
    line-height: 40px;
  }

  .advantages {
    margin-bottom: -125px;
  }
  .advantages .list {
    margin-top: 39px;
  }
  .advantages .list li + li {
    margin-top: 33px;
  }
  .advantages .circleAdvantages {
    -moz-transform: translate(144px, -68px);
    -ms-transform: translate(144px, -68px);
    -webkit-transform: translate(144px, -68px);
    -o-transform: translate(144px, -68px);
    transform: translate(144px, -68px);
    background-size: contain;
    width: 518px;
    height: 518px;
    background-repeat: no-repeat;
  }

  .mainLinks {
    height: 1030px;
    background-size: cover;
  }
  .mainLinks .linkItem {
    z-index: 5;
    top: 24px;
  }
  .mainLinks .linkItem:nth-child(2) {
    top: -100px;
  }
  .mainLinks .linkItem [class*=icon-] {
    font-size: 70px;
  }
  .mainLinks .linkItem .txt {
    font-size: 40px;
  }

  .roadMap {
    padding-top: 341px;
  }
  .roadMap .roadMapContent .desc {
    font-size: 18px;
    margin-top: 20px;
  }
  .roadMap .roadMapContent .back {
    background-size: contain;
    margin-top: -179px;
    margin-left: -523px;
    width: 1045px;
  }
  .roadMap .roadMapContent .text {
    font-size: 17px;
    top: calc(100% - 51px);
    left: 11px;
  }

  .sliderRoadMap {
    padding: 29px 0 39px;
  }
  .sliderRoadMap .item {
    height: 468px;
  }
  .sliderRoadMap .item p {
    font-size: 12px;
  }
  .sliderRoadMap .slick-arrow {
    bottom: 94px;
    width: 45px;
    height: 45px;
    background-color: #1d1f27;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
  }
  .sliderRoadMap .slick-arrow.slick-next {
    right: -4px;
    bottom: auto;
    top: 51px;
  }

  .aboutMain {
    padding: 53px 94px 53px 38px;
  }
  .aboutMain .desc {
    margin-bottom: 43px;
    margin-top: 24px;
    font-size: 17px;
    line-height: 32px;
  }
  .aboutMain p {
    font-size: 15px;
    line-height: 24px;
  }

  .newsMain {
    grid-template-columns: 1fr 1fr;
  }
  .newsMain .newItem:nth-child(3) {
    display: block;
  }

  .newItem {
    padding: 30px 40px 30px 40px;
  }
  .newItem .link {
    line-height: 19px;
    font-size: 12px;
  }
  .newItem .linkAllNews {
    width: 100%;
  }
  .newItem .linkAllNews:after {
    right: 0;
  }
  .newItem .date {
    margin-top: 10px;
  }
  .newItem .btnContainer {
    margin-top: 25px;
  }

  .contactLeft {
    padding: 55px 35px 84px 37px;
  }

  .contactWrapper .desc {
    font-size: 17px;
    margin-top: 39px;
  }

  .infoList li {
    padding-top: 116px;
    margin-bottom: -25px;
    width: 50%;
  }
  .infoList li .iconInvis {
    left: -1px;
    top: 41px;
    font-size: 50px;
  }
  .infoList li:nth-child(2n) {
    width: calc(50% - 43px);
  }

  .footer {
    padding: 0 0 0 30px;
  }
  .footer .logoSmall {
    width: 65px;
  }
  .footer .copyRight {
    width: 230px;
    line-height: 24px;
    font-size: 13px;
  }
  .footer .footerMenu ul li {
    padding: 52px 0;
  }
  .footer .footerMenu ul li a {
    font-size: 13px;
    white-space: nowrap;
  }
  .footer .footerMenu ul li.rules {
    min-width: 188px;
    margin-left: 16px;
    text-align: center;
  }
  .footer .footerMenu ul li.rules a {
    font-size: 13px;
    padding: 0 7px;
  }

  .pageTitle {
    padding: 38px 0;
    min-height: 118px;
  }
  .pageTitle .cap {
    font-size: 50px;
    line-height: 50px;
  }
  .pageTitle .capInvis {
    left: 50%;
    top: 50%;
    font-size: 116px;
    margin-top: -74px;
  }

  .faq .faqLine .faqHead {
    padding: 52px 0;
  }
  .faq .faqLine .faqHead [class*=icon-] {
    font-size: 45px;
    left: -14px;
    margin-right: 7px;
  }
  .faq .faqLine .faqHead .cap {
    font-size: 31px;
  }

  .faqList .faqItem .quest {
    padding: 17px 0;
  }
  .faqList .faqItem .quest > div {
    padding: 0 4px 0 13px;
  }
  .faqList .faqItem .answer .answerContent .container {
    padding: 0 10px;
  }

  .questionsLine {
    flex-wrap: nowrap;
    padding: 36px 43px;
  }
  .questionsLine .invisText {
    width: 23%;
    font-size: 38px;
    line-height: 44px;
  }
  .questionsLine .text {
    left: 0;
    font-size: 25px;
    line-height: 35px;
    max-width: 550px;
  }
  .questionsLine .text small {
    font-size: 17px;
    display: block;
    line-height: 30px;
  }
  .questionsLine .btn {
    padding: 22px 0;
    font-size: 17px;
    min-width: 248px;
    text-align: center;
  }

  .contactsPage .contactWrapper .contactLeft {
    padding-bottom: 58px;
  }
  .contactsPage .contactWrapper .contactLeft.questBlock .infoList li:last-child {
    width: calc(50% - 43px);
    margin-top: -35px;
  }
  .contactsPage .contactWrapper .contactRight {
    padding: 71px 35px 35px 41px;
  }

  .contactRight .contactForm {
    margin-top: 31px;
  }
  .contactRight .contactForm .btnContainer {
    margin: 41px 0 0;
  }
  .contactRight .contactForm .btn {
    padding: 17px 43px;
  }

  .inputWrapper textarea {
    height: 187px;
  }

  .energy .textBlock,
  .trading .textBlock,
  .transfers .textBlock,
  .contracts .textBlock {
    padding: 80px 43px 71px;
  }
  .energy .textBlock.textRight,
  .trading .textBlock.textRight,
  .transfers .textBlock.textRight,
  .contracts .textBlock.textRight {
    justify-content: flex-end;
  }
  .energy .textBlock .textBlockContent,
  .trading .textBlock .textBlockContent,
  .transfers .textBlock .textBlockContent,
  .contracts .textBlock .textBlockContent {
    max-width: 580px;
  }
  .energy .textBlock [class*=icon-],
  .trading .textBlock [class*=icon-],
  .transfers .textBlock [class*=icon-],
  .contracts .textBlock [class*=icon-] {
    font-size: 52px;
  }
  .energy .textBlock .cap,
  .trading .textBlock .cap,
  .transfers .textBlock .cap,
  .contracts .textBlock .cap {
    font-size: 30px;
    margin-top: 45px;
    margin-top: 20px;
  }
  .energy .textBlock .desc,
  .trading .textBlock .desc,
  .transfers .textBlock .desc,
  .contracts .textBlock .desc {
    margin-top: 28px;
    line-height: 32px;
    font-size: 17px;
  }
  .energy .textBlock p,
  .trading .textBlock p,
  .transfers .textBlock p,
  .contracts .textBlock p {
    margin-top: 14px;
    line-height: 20px;
    font-size: 15px;
  }
  .energy .textBlock ul,
  .trading .textBlock ul,
  .transfers .textBlock ul,
  .contracts .textBlock ul {
    margin-top: 25px;
  }
  .energy .textBlock ul li,
  .trading .textBlock ul li,
  .transfers .textBlock ul li,
  .contracts .textBlock ul li {
    padding-left: 18px;
    font-size: 15px;
  }
  .energy .textBlock ul li + li,
  .trading .textBlock ul li + li,
  .transfers .textBlock ul li + li,
  .contracts .textBlock ul li + li {
    margin-top: 8px;
  }
  .energy .listContract,
  .trading .listContract,
  .transfers .listContract,
  .contracts .listContract {
    grid-template-columns: repeat(4, 1fr);
  }
  .energy .listContract .item,
  .trading .listContract .item,
  .transfers .listContract .item,
  .contracts .listContract .item {
    padding: 56px 19px 18px;
  }
  .energy .listContract .item + .item,
  .trading .listContract .item + .item,
  .transfers .listContract .item + .item,
  .contracts .listContract .item + .item {
    border-left: solid 1px #c09140;
  }
  .energy .listContract .item .state,
  .trading .listContract .item .state,
  .transfers .listContract .item .state,
  .contracts .listContract .item .state {
    text-align: center;
    margin-top: -14px;
  }
  .energy .listContract .item .state li,
  .trading .listContract .item .state li,
  .transfers .listContract .item .state li,
  .contracts .listContract .item .state li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
  }
  .energy .listContract .item .state li:last-child,
  .trading .listContract .item .state li:last-child,
  .transfers .listContract .item .state li:last-child,
  .contracts .listContract .item .state li:last-child {
    display: block;
    width: 100%;
    margin: 0;
    margin-top: 2px;
  }
  .energy .listContract .item .state li .tit,
  .trading .listContract .item .state li .tit,
  .transfers .listContract .item .state li .tit,
  .contracts .listContract .item .state li .tit {
    font-size: 12px;
    position: relative;
    background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
    background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    color: transparent;
    text-shadow: 0px 0px #00000000;
    font-family: "Stem";
  }
  .energy .listContract .item .state li .data,
  .trading .listContract .item .state li .data,
  .transfers .listContract .item .state li .data,
  .contracts .listContract .item .state li .data {
    font-size: 15px;
    position: relative;
    background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
    background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    color: transparent;
    text-shadow: 0px 0px #00000000;
  }
  .energy .listContract .item .state li .day,
  .trading .listContract .item .state li .day,
  .transfers .listContract .item .state li .day,
  .contracts .listContract .item .state li .day {
    font-size: 17px;
    position: relative;
    background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
    background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    color: transparent;
    text-shadow: 0px 0px #00000000;
  }
  .energy .listContract .item .state li .txt,
  .trading .listContract .item .state li .txt,
  .transfers .listContract .item .state li .txt,
  .contracts .listContract .item .state li .txt {
    font-size: 12px;
    display: block;
    position: relative;
    background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
    background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    color: transparent;
    text-shadow: 0px 0px #00000000;
    margin-top: 9px;
  }
  .energy .listContract .item p,
  .trading .listContract .item p,
  .transfers .listContract .item p,
  .contracts .listContract .item p {
    margin-top: 57px;
    letter-spacing: 0.02em;
    line-height: 20px;
    font-size: 13px;
  }
  .energy .batteries .line,
  .trading .batteries .line,
  .transfers .batteries .line,
  .contracts .batteries .line {
    padding: 35px 0;
  }
  .energy .batteries .line .title .desc,
  .trading .batteries .line .title .desc,
  .transfers .batteries .line .title .desc,
  .contracts .batteries .line .title .desc {
    display: block;
  }
  .energy .batteries .line .list,
  .trading .batteries .line .list,
  .transfers .batteries .line .list,
  .contracts .batteries .line .list {
    margin-top: 50px;
    padding: 0 27px 0 90px;
  }
  .energy .batteries .line .list .col .text p,
  .trading .batteries .line .list .col .text p,
  .transfers .batteries .line .list .col .text p,
  .contracts .batteries .line .list .col .text p {
    font-size: 13px;
    line-height: 24px;
  }
  .energy .batteries .line .list .col .text strong,
  .trading .batteries .line .list .col .text strong,
  .transfers .batteries .line .list .col .text strong,
  .contracts .batteries .line .list .col .text strong {
    color: #919293;
    font-weight: normal;
    background: transparent;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    -webkit-box-decoration-break: clone;
  }

  .invest .energy .lineInfo .list {
    padding: 0;
    margin: 0;
  }
  .invest .energy .batteries .line .lineInfo.new .list {
    padding: 0 !important;
  }

  .lineBigText {
    padding: 52px 36px;
    align-items: center;
  }
  .lineBigText .title {
    font-size: 30px;
    line-height: 45px;
    width: 27%;
  }
  .lineBigText .text {
    width: 70%;
    padding: 0 0 0 38px;
    font-size: 15px;
    line-height: 25px;
  }

  .newsList .item .newItem {
    padding: 43px 40px 37px;
  }
  .newsList .item .newItem .link {
    font-size: 17px;
    line-height: 30px;
  }
  .newsList .pagination {
    padding: 29px 0;
  }

  .rules .rulesTop {
    padding: 64px 0 83px;
  }
  .rules .rulesTop strong {
    font-size: 17px;
    line-height: 33px;
  }
  .rules .rulesTop p {
    margin-top: 28px;
    line-height: 25px;
    font-size: 15px;
  }
  .rules .rulesList .item .title .num {
    font-size: 32px;
    min-width: 74px;
  }
  .rules .rulesList .item .title .cap {
    font-size: 31px;
    font-weight: 500;
  }
  .rules .rulesList .item ul {
    margin-top: 30px;
  }
  .rules .rulesList .item ul li {
    font-size: 15px;
    line-height: 24px;
  }
  .rules .container {
    padding: 0 10px;
  }

  .aboutAdv {
    padding: 30px 0;
  }
  .aboutAdv .picture {
    display: none;
    top: -24px;
    width: 558px;
    margin-left: -278px;
    height: 518px;
    background-position: center;
    background-size: contain;
  }
  .aboutAdv .picture.mobile {
    display: block;
  }
  .aboutAdv .listAdv {
    height: 622px;
  }
  .aboutAdv .listAdv .item:nth-child(1) {
    top: 110px;
    left: 29px;
  }
  .aboutAdv .listAdv .item:nth-child(2) {
    top: 358px;
    left: 30px;
  }
  .aboutAdv .listAdv .item:nth-child(3) {
    top: 638px;
    margin-left: 0px;
  }
  .aboutAdv .listAdv .item:nth-child(4) {
    top: 360px;
    right: 29px;
  }
  .aboutAdv .listAdv .item:nth-child(5) {
    top: 110px;
    right: 27px;
  }
  .aboutAdv .listAdv .item .title {
    font-size: 17px;
  }
  .aboutAdv .listAdv .item p {
    line-height: 25px;
  }
  .aboutAdv .cap {
    font-size: 30px;
  }

  .documents .left {
    padding: 83px 25px 89px 33px;
  }
  .documents .infoList li:nth-child(2n) {
    width: calc(50% - 69px);
  }
  .documents .docList {
    margin: 75px 6px 0;
  }
  .documents .docList li a {
    width: 150px;
    height: 186px;
  }

  .textBlockSimple {
    padding: 59px 40px 45px;
  }
  .textBlockSimple .desc {
    font-size: 17px;
    margin-top: 27px;
  }
  .textBlockSimple .text {
    margin-top: 51px;
    line-height: 24px;
    font-size: 15px;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
  }
  .textBlockSimple .text p + p {
    margin-top: 25px;
  }
  .textBlockSimple .text ul {
    margin-top: 23px;
    margin-bottom: 23px;
  }

  .programs {
    padding: 39px 38px 65px;
  }
  .programs .program {
    width: calc(50% - 115px) !important;
    padding: 0 !important;
    min-height: inherit;
  }
  .programs .program .cap {
    font-size: 17px;
    white-space: nowrap;
  }
  .programs .program .line .pre {
    font-size: 25px;
  }
  .programs .program .line + p {
    margin-top: 37px;
  }
  .programs .program p {
    font-size: 13px;
    line-height: 20px;
    min-height: auto;
  }
  .programs .program p + .line {
    margin-top: 36px !important;
  }
  .programs .program .terms {
    margin-top: 31px;
  }
  .programs .program .terms ul {
    margin-top: 20px;
  }
  .programs .program .terms ul li + li {
    margin-top: 20px;
  }
  .programs .program .terms .termsText {
    line-height: 24px;
  }
  .programs .program.standart .rangInvis {
    right: -69px;
    top: 215px;
  }
  .programs .program.standart p {
    max-width: 85%;
  }
  .programs .program.standart .terms {
    padding-right: 20px;
  }
  .programs .program.standart .terms .termsText::before {
    left: calc(100% - 240px);
  }
  .programs .program.bonus .rangInvis {
    left: -67px;
    top: 214px;
  }
  .programs .program.bonus .cap + p {
    margin-top: 22px;
  }
  .programs .program.bonus p {
    padding-left: 60px;
  }
  .programs .program.bonus p + .line {
    margin-top: 27px !important;
  }
  .programs .program.bonus .terms .termsText::before {
    right: calc(100% - 246px);
  }
  .programs .program.refProgram {
    margin-top: -85px;
  }
  .programs .program.refProgram .rangInvis {
    margin-left: -65px;
    top: -135px;
  }
  .programs .program.refProgram .line [class*=icon-] {
    display: none;
  }
  .programs .program.refProgram .terms::before {
    display: none;
  }
  .programs .program.refProgram .terms .termsText br {
    display: none;
  }
  .programs .program .rangInvis {
    position: absolute !important;
    display: block;
    margin-bottom: 0;
  }
  .programs .program .rangInvis .rang {
    font-size: 10px;
  }
  .programs .program .rangInvis .desc {
    font-size: 8px;
    margin-top: 9px;
  }
  .programs .program .rangInvis .data {
    font-size: 24px;
    margin-top: 4px;
  }
  .programs .circle {
    display: block;
    width: 347px;
    margin-left: -178px;
    margin-top: 82px;
    height: 390px;
    top: auto;
  }

  .loginPage .loginLeft {
    width: 50%;
  }
  .loginPage .loginLeft::before {
    margin-left: 0px;
  }
  .loginPage .loginLeft .logoBig {
    min-height: 547px;
    margin-bottom: -130px;
  }
  .loginPage .loginLeft .logoBig .picture {
    left: 37px;
    top: -3px;
  }
  .loginPage .loginLeft .logoBig .txt {
    font-size: 36px;
    left: 11px;
  }
  .loginPage .loginLeft .logoBig .picture + .txt {
    left: 38px;
  }
  .loginPage .loginLeft .btnContainer {
    margin-left: -60px;
    top: 16px;
  }
  .loginPage .loginRight {
    width: 50%;
  }

  .helloBlock {
    padding: 10px 34px;
  }
  .helloBlock .list {
    padding-left: 42px;
    padding-top: 6px;
  }
  .helloBlock .list li .tit {
    font-size: 13px;
  }
  .helloBlock .list li .txt {
    font-size: 15px;
    line-height: 22px;
  }
  .helloBlock .list li + li {
    margin-top: 24px;
  }

  .loginForm {
    padding: 0 37px;
  }
  .loginForm .capTitle {
    font-size: 41px;
    line-height: 50px;
  }
  .loginForm .desc {
    margin-top: 28px;
    font-size: 15px;
    line-height: 23px;
  }
  .loginForm .inputList {
    margin-top: 30px;
  }
  .loginForm .inputList .inputWrapper {
    width: 100%;
  }
  .loginForm .inputList .inputWrapper + .inputWrapper {
    margin-top: 20px;
  }
  .loginForm .link {
    margin-top: 35px;
    font-size: 13px;
  }
  .loginForm .controls {
    margin-top: 40px;
    align-items: center;
  }
  .loginForm .controls .btnContainer {
    width: calc(50% - 5px);
    margin: 0;
    min-width: 202px;
  }
  .loginForm .controls .btn {
    padding: 17px 32px;
  }

  .cabHeader .logo {
    width: 74px;
  }
  .cabHeader .cabHeaderContent {
    width: calc(100% - 72px);
  }
  .cabHeader .cabHeaderContent .controls {
    min-width: 180px;
    width: auto;
  }
  .cabHeader .cabHeaderContent .controls .support::after {
    left: 10px;
  }
  .cabHeader .cabHeaderContent .cabMenu {
    width: calc(100% - 180px);
  }
  .cabHeader .cabHeaderContent .cabMenu ul .slick-list {
    padding-left: 13px;
    padding-right: 13px;
  }
  .cabHeader .cabHeaderContent .cabMenu ul li .txt {
    font-size: 10px;
  }
  .cabHeader .cabHeaderContent .cabUsers .controls .btn {
    font-size: 9px;
    padding-left: 0;
  }
  .cabHeader .cabHeaderContent .cabUsers .controls .btn.exit::after {
    left: 45px !important;
  }
  .cabHeader .cabHeaderContent .cabUsers .controls .btn::after {
    left: 35px;
    text-align: left;
  }
  .cabHeader.authHeader .cabHeaderContent .cabMenu {
    width: calc(100% - 350px);
  }

  .cabUsers {
    min-width: 350px;
  }
  .cabUsers .user {
    padding: 0 5px 0 11px;
  }
  .cabUsers .info {
    padding-left: 7px;
  }

  .bodyModal {
    padding-right: 0;
  }

  .graficCabMain {
    padding: 34px 0;
  }

  .graficCurrents {
    padding: 30px 20px;
  }

  .cabFooter {
    padding: 35px 40px 40px 37px;
  }

  .partnersProgram,
  .yourInvest,
  .operations,
  .paymentList,
  .personalData,
  .promo,
  .tikets {
    padding: 0 40px 50px;
  }

  .cabinetLineTitle {
    padding: 33px 0 43px;
  }

  .tikets .tiketsMessages {
    width: calc(50% + 92px);
  }
  .tikets .tiketsSendMessage {
    width: calc(38% - 4px);
  }

  .tiketsSendMessage .tiketForm {
    padding: 44px 37px 44px 47px;
  }
  .tiketsSendMessage .tiketForm .controls .fileLoad {
    width: 100%;
  }
  .tiketsSendMessage .tiketForm .controls .btnContainer {
    margin-top: 30px;
  }
  .tiketsSendMessage .tiketForm .controls .btn {
    min-width: 180px;
  }

  .tiketsMessages .listMessages .item .message {
    font-size: 12px;
    line-height: 21px;
  }

  .promo .tabsPromo .tabsBody {
    padding: 111px 0 45px;
  }
  .promo .tabsPromo .tabsBody img + * {
    margin-top: 122px;
  }
  .promo .tabsPromo .tabsBody .refLinks {
    padding: 0 35px 0 42px;
  }
  .promo .tabsPromo .listLinks li {
    min-height: 112px;
  }
  .promo .tabsPromo .listLinks li a {
    font-size: 15px;
  }

  .replenishBalance {
    max-width: 1067px;
    margin-bottom: 52px;
  }
  .replenishBalance .line {
    grid-template-columns: 71px 18% 1fr 1fr 192px;
  }
  .replenishBalance .line .col {
    padding: 11px 10px 12px 10px;
  }
  .replenishBalance .line .col .title {
    margin-right: 12px;
  }
  .replenishBalance .line .col .value {
    font-size: 17px;
  }
  .replenishBalance .line .btnBalance {
    font-size: 11px;
    width: 100%;
    padding: 14px 0;
  }

  .transfers {
    padding-bottom: 41px;
  }
  .transfers .textBlock {
    width: 100%;
    padding: 8px 33px;
  }
  .transfers .textBlock .textBlockContent {
    max-width: 100%;
  }
  .transfers .line {
    margin-top: 0;
    padding: 0 15px;
    max-width: 1069px;
    margin-left: auto;
    margin-right: auto;
  }
  .transfers .line ul li .data {
    font-size: 17px;
  }
  .transfers .btnContainer {
    margin: 37px auto 0;
    max-width: 255px;
  }
  .transfers .btnContainer .btn {
    padding: 19px 0;
  }

  .transrefForm {
    padding: 43px 0 43px;
    max-width: 1069px;
    margin-left: auto;
    margin-right: auto;
  }
  .transrefForm .transrefFormLeft {
    width: calc(50% - 32px);
  }
  .transrefForm .transrefFormRight {
    width: calc(50% - 32px);
  }

  .paymentList .list {
    gap: 0 44px;
  }

  .filterBl {
    align-items: center;
    padding: 19px 23px 5px;
    justify-content: space-between;
  }
  .filterBl .col {
    margin: 0 0 15px 0;
    width: calc(15% - 15px);
    margin-right: 0;
  }
  .filterBl .col .inputWrapper label {
    font-size: 13px;
    white-space: nowrap;
  }
  .filterBl .col .inputWrapper + .inputWrapper {
    margin-left: 5px;
  }
  .filterBl .col.colDate {
    width: calc(25% - 7px);
  }
  .filterBl .col + .col {
    margin-top: 0;
    margin-left: 0;
  }
  .filterBl .col:last-child {
    margin: 0;
  }
  .filterBl .btnContainer {
    margin-left: 0;
  }

  .inputWrapper .selectric .button {
    width: 30px;
  }

  .tableOperation .table .thead .tr .th {
    padding: 28px 28px;
  }

  .infoStateList {
    margin-bottom: -15px;
  }
  .infoStateList .item {
    padding: 47px 5px 47px 90px;
  }
  .infoStateList .item .iconBl {
    left: 39px;
  }

  .settings {
    margin-bottom: 56px;
  }
  .settings .setBlock {
    grid-template-columns: 240px 1fr;
  }
  .settings .setBlock .avaBlock .ava {
    margin-top: 19px;
  }
  .settings .setPassword .setPassForm {
    padding: 45px 32px 59px 40px;
    margin-top: 19px;
  }
  .settings .setPassword .setPassForm .inputWrapper label {
    font-size: 15px;
  }
  .settings .btnContainer {
    margin: 40px auto 0;
  }
  .settings form {
    padding: 0 28px;
  }

  .security .right,
  .security .left {
    width: calc(50% - 17px);
  }

  .withBlock {
    max-width: 1070px;
    margin: 0 auto;
    width: 100%;
  }
  .withBlock .tableWith .thead .tr .th {
    padding: 25px 12px;
  }
  .withBlock .tableWith .tbody .tr .td {
    padding: 24px 15px;
  }
  .withBlock .tableWith .tbody .row .openWith .openWithContent {
    padding: 34px 19px 39px 33px;
  }
  .withBlock .tableWith .tbody .row .openWith .openWithContent ul {
    margin-left: 0;
    width: 52%;
  }
  .withBlock .tableWith .tbody .row .openWith .openWithContent .inputWrapper {
    width: calc(23% - 39px);
    flex-wrap: wrap;
  }
  .withBlock .tableWith .tbody .row .openWith .openWithContent .inputWrapper input {
    margin-top: 20px;
  }

  .invest .trading {
    padding: 32px 0 0;
  }
  .invest .trading .title [class*=icon-] {
    font-size: 60px;
  }
  .invest .trading .title .cap {
    font-size: 30px;
    margin-top: 22px;
  }
  .invest .trading .listContract .item {
    width: 25%;
  }
  .invest .energy .title [class*=icon-] {
    font-size: 60px;
  }
  .invest .energy .title .cap {
    font-size: 30px;
    margin-top: 22px;
  }
  .invest .lineInfo .list {
    padding: 0;
  }
  .investForm .title {
    font-size: 31px;
  }
  .investForm .form {
    margin-top: 160px;
  }

  .yourInvest {
    padding: 14px 0 105px;
    max-width: 1690px;
    margin: 0 auto;
    width: 100%;
  }

  .listDep {
    position: relative;
    z-index: 2;
    margin-bottom: 81px;
  }
  .listDep .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -100px;
  }
  .listDep .item .circle::before {
    background-color: #1c1d21;
  }
  .listDep .item .circle .icon {
    font-size: 50px;
  }
  .listDep .item .circle .percent {
    font-size: 50px;
  }
  .listDep .item .circle .txt {
    font-size: 16px;
  }
  .listDep .item .circle .day {
    font-size: 13px;
  }
  .listDep .item .depContent {
    position: relative;
    z-index: 2;
    width: calc(100% - 420px);
    display: flex;
    border: solid 1px #c09140;
  }
  .listDep .item .depContent .state {
    width: calc(50% + 33px);
  }
  .listDep .item .depContent .state .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 75px;
  }
  .listDep .item .depContent .state .info li {
    width: 50%;
    position: relative;
    padding: 5px 15px 5px 100px;
    letter-spacing: 0.02em;
    border-bottom: solid 1px #c09140;
  }
  .listDep .item .depContent .state .info li:nth-child(2n) {
    border-left: solid 1px #c09140;
  }
  .listDep .item .depContent .state .info li .icon {
    position: relative;
    background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
    background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    color: transparent;
    text-shadow: 0px 0px #00000000;
    font-size: 48px;
    width: 48px;
    position: absolute;
    left: 38px;
    top: 50%;
    margin-top: -27px;
  }
  .listDep .item .depContent .state .info li .tit {
    display: block;
    color: #919293;
    font-size: 12px;
    text-transform: uppercase;
  }
  .listDep .item .depContent .state .info li .date {
    font-size: 12px;
    margin-top: 0;
    display: table;
  }
  .listDep .item .depContent .state .info li .payment {
    margin-top: 0;
    font-size: 12px;
  }
  .listDep .item .depContent .state .info li .value {
    font-size: 14px;
    margin-top: 0;
  }
  .listDep .item .depContent .stateSumma {
    border-left: solid 1px #c09140;
    width: calc(50% - 33px);
    background-color: #1c1d21;
    display: flex;
    justify-content: space-between;
    padding-right: 70px;
  }
  .listDep .item .depContent .stateSumma .col {
    width: 50%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .listDep .item .depContent .stateSumma .col .icon {
    position: relative;
    background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
    background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    color: transparent;
    text-shadow: 0px 0px #00000000;
    font-size: 48px;
    margin: 0 auto;
    display: table;
  }
  .listDep .item .depContent .stateSumma .col .tit {
    display: block;
    color: #919293;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 30px;
  }
  .listDep .item .depContent .stateSumma .col .value {
    font-size: 16px;
    position: relative;
    background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
    background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    color: transparent;
    text-shadow: 0px 0px #00000000;
    display: table;
    letter-spacing: 0.02em;
    margin: 0 auto;
    margin-top: 9px;
  }
  .listDep .item .depContent .stateSumma .col + .col {
    border-left: solid 1px #c09140;
  }
  .listDep .item .timerBl .tit {
    font-size: 11px;
    width: 50%;
    text-align: left;
  }
  .listDep .item .timerBl .timer {
    width: 50%;
    text-align: center;
  }
  .listDep .item .timerBl .timer .time {
    font-size: 17px;
  }
  .listDep .item .timerBl .timer .dot {
    font-size: 17px;
  }
  .deposit .title {
    display: block;
    text-align: left;
    padding: 0 34px;
  }

  .sliderInvest {
    max-width: 1043px;
    margin-left: auto;
    margin-right: auto;
  }
  .sliderInvest .item .center {
    padding: 13px 4px;
  }

  .sliderPayment .item {
    background-size: 60%;
  }

  .programInfoList .item {
    width: calc(33.3333333333% - 20px);
    padding-bottom: 32px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .programInfoList .item .tit {
    font-size: 13px;
  }
  .programInfoList .item .data {
    font-size: 20px;
    margin-top: 17px;
  }
  .programInfoList .item .link {
    font-size: 10px;
  }

  .infoTable .table .tbody .tr .td {
    padding: 19px 15px;
  }

  .partnersProgram .programs {
    padding: 44px 0 10px;
  }

  .tablePartners .thead {
    grid-template-columns: repeat(6, 1fr) 35px;
  }
  .tablePartners .thead .th {
    padding: 20px 5px;
  }
  .tablePartners .line {
    grid-template-columns: repeat(6, 1fr) 35px;
  }
  .tablePartners .line .col {
    padding: 20px 5px;
  }

  .morisGrafic {
    width: 490px;
    height: 490px;
  }
  .morisGrafic #partners,
  .morisGrafic #myOffice {
    height: 490px;
  }
  .morisGrafic #partners .highcharts-tooltip,
  .morisGrafic #myOffice .highcharts-tooltip {
    width: 490px !important;
    height: 490px !important;
  }

  .yourBalance {
    width: 490px;
    height: 490px;
    margin-left: -245px;
  }

  .stateGraf {
    left: 40px;
    top: -45px;
    width: calc(100% - 80px);
  }
  .stateGraf .item .title {
    font-size: 20px;
  }
  .stateGraf .item .line + .line {
    margin-top: 23px;
  }
  .stateGraf .item .line:last-child {
    margin-top: 11px;
  }
  .stateGraf .item .data {
    font-size: 38px;
  }
  .stateGraf .item:last-child .line .title {
    max-width: 50%;
    display: block;
    margin-left: auto;
  }

  .listValue {
    grid-template-columns: repeat(10, 1fr);
  }
  .listValue .item {
    padding-left: 5px;
    padding-right: 5px;
  }
  .listValue .item .btnContainer {
    width: 100%;
  }
  .listValue .item .btn {
    padding: 10px 0;
  }

  .graficCurrentsHead {
    padding: 40px 0px 20px 78px;
  }
  .graficCurrentsHead .icon {
    right: 19px;
    top: -4px;
    width: 35px;
    height: 35px;
  }

  .graficCurrentsBody {
    padding-right: 25px;
  }

  #graficCurrentsContainer {
    height: 320px;
  }

  #graficCurrentsContainer2 {
    height: 320px;
  }

  .cabPartners .stateGraf {
    top: 0;
    left: 33px;
  }
  .cabPartners .stateGraf .item:nth-child(2n) {
    text-align: right;
  }
  .cabPartners .stateGraf .item .line {
    max-width: 210px;
  }
  .cabPartners .stateGraf .item .line .title {
    max-width: 100%;
  }
  .cabPartners .stateGraf .item .line + .line {
    margin-top: 24px;
  }
  .cabPartners .refLinks {
    margin-top: 30px;
  }

  .partners .partnersTextTop .textBlockSimple {
    padding: 29px 33px 56px;
  }
  .partners .partnersTextTop .textBlockSimple .capTitle {
    font-size: 17px;
    line-height: 31px;
  }
  .partners .partnersTextTop .textBlockSimple .text {
    margin-top: 14px;
  }
  .partners .partnersTextTop .textBlockSimple ul li {
    font-size: 15px;
  }
  .partners .partnersTextTop .textBlockSimple ul li + li {
    margin-top: 8px;
  }

  .tableBatteriesWrapper {
    margin-top: 33px;
  }

  .tableBatteries {
    width: 1118px;
  }
  .tableBatteries .th {
    padding: 15px 10px 15px 10px;
    font-size: 13px;
    width: 1%;
    line-height: 20px;
  }
  .tableBatteries .tr:first-child .td {
    font-size: 12px;
  }

  .invest .energy .batteries .line {
    padding: 37px 0 0;
  }

  .tarifCube .tarifBack {
    padding: 10px 25px;
  }
  .tarifCube .arrow.prev {
    left: -10px;
  }
  .tarifCube .arrow.next {
    right: -10px;
  }

  .fir {
    left: -30px;
    width: 370px;
    height: 410px;
  }
}
@media (max-width: 1149px) {
  .pageWrapper.inner .header .headerContent .menu ul li a {
    font-size: 14px;
  }

  .newsMain {
    grid-template-columns: 1fr;
  }
  .newsMain .newItem:nth-child(3) {
    display: none;
  }
  .newsMain .newItem .linkAllNews:after {
    right: 10px;
  }

  .container {
    width: 1020px;
    padding: 0 30px;
  }

  .pageWrapper > .social {
    display: none;
  }

  .header .headerContent {
    padding: 0 58px 0 0;
  }
  .header .langBlock {
    width: 60px;
  }

  .logoBig .picture {
    left: 9px;
    top: 29px;
  }
  .logoBig .picture + .txt {
    left: -32px;
  }
  .logoBig .txt {
    font-size: 72px;
    top: 28px;
  }

  .grettings .logoBig {
    left: 19px;
    top: 13px;
  }
  .grettings .descriptions {
    margin-top: 81px;
  }

  .advantages {
    margin-bottom: 5px;
  }
  .advantages .list {
    width: 48%;
    margin-top: 111px;
  }
  .advantages .circleAdvantages {
    -moz-transform: translate(24px, -3px);
    -ms-transform: translate(24px, -3px);
    -webkit-transform: translate(24px, -3px);
    -o-transform: translate(24px, -3px);
    transform: translate(24px, -3px);
    background-size: contain;
    width: 499px;
    height: 507px;
    background-repeat: no-repeat;
  }

  .roadMap .roadMapContent .text {
    top: calc(100% - 30px);
  }
  .roadMap .roadMapContent .back {
    background-size: contain;
    margin-top: -147px;
    margin-left: -500px;
    width: 1000px;
  }

  .sliderRoadMap .item p {
    font-size: 12px;
  }
  .sliderRoadMap .slick-arrow.slick-prev {
    bottom: 80px;
    left: -18px;
  }
  .sliderRoadMap .slick-arrow.slick-next {
    right: -14px;
    top: 86px;
  }

  .sliderPayment .item {
    background-size: 60%;
  }

  .aboutMain {
    padding: 53px 25px 53px 12px;
  }
  .aboutMain .desc {
    margin-bottom: 33px;
    margin-top: 20px;
  }

  .newItem .linkAllNews {
    min-width: 231px;
    width: auto;
  }

  .contactsPage .contactWrapper .contactLeft.questBlock .infoList li:last-child {
    width: calc(50% - 48px);
    margin-top: 0;
  }

  .infoList li {
    width: calc(60% - 2px);
  }
  .infoList li:nth-child(2n) {
    width: calc(50% - 48px);
  }

  .footer .copyRight {
    width: 140px;
  }
  .footer .footerMenu ul li {
    padding: 41px 0;
  }
  .footer .footerMenu ul li a {
    font-size: 14px;
    white-space: nowrap;
  }
  .footer .footerMenu ul li.rules {
    margin: 0;
    background: transparent;
    border: 0;
  }
  .footer .footerMenu ul li.rules a {
    font-size: 14px;
    padding: 0 9px;
  }

  .cabHeader {
    min-height: 84px;
    padding: 0 7px;
    z-index: auto;
  }
  .cabHeader .logo {
    width: auto;
  }
  .cabHeader .logo img {
    margin: 0 7px 0 0;
  }
  .cabHeader .logo .textLogo {
    display: block;
  }
  .cabHeader .cabHeaderContent {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 83px;
    z-index: 9;
    background-color: #1c1d21;
    border-top: solid 1px #363842;
    border-bottom: solid 1px #363842;
  }
  .cabHeader .cabHeaderContent .cabMenu {
    width: 100%;
    padding: 0;
  }
  .cabHeader .cabHeaderContent .cabMenu ul {
    display: block;
    max-height: inherit;
  }
  .cabHeader .cabHeaderContent .cabMenu ul li {
    width: 100% !important;
    height: auto;
    pointer-events: inherit;
  }
  .cabHeader .cabHeaderContent .cabMenu ul li a {
    width: 100% !important;
    height: 100%;
  }
  .cabHeader .cabHeaderContent .cabMenu ul li [class*=icon-] {
    display: none;
  }
  .cabHeader .cabHeaderContent .cabMenu ul li .txt {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    font-size: 15px;
    opacity: 1;
    text-transform: uppercase;
    padding: 19px 18px;
    font-size: 17px;
    width: 100%;
    display: block;
    text-align: left;
  }
  .cabHeader .cabHeaderContent .cabMenu ul li .txt br {
    display: none;
  }
  .cabHeader .cabHeaderContent .cabMenu ul li.active {
    position: relative;
  }
  .cabHeader .cabHeaderContent .cabMenu ul li.active:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    background-color: #23252d;
    z-index: -1;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  .cabHeader .cabHeaderContent .cabMenu ul li.active:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
    background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
    z-index: -2;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-shadow: 0px 0px #00000000;
  }
  .cabHeader .cabHeaderContent .cabMenu ul li.active:before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    opacity: 1;
  }
  .cabHeader .cabHeaderContent .cabMenu ul li.active:after {
    background-color: #1c1d21;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    opacity: 1;
  }
  .cabHeader .cabHeaderContent .cabMenu ul li::before {
    display: none;
  }
  .cabHeader .cabHeaderContent .cabMenu ul li:after {
    display: none;
  }
  .cabHeader .cabHeaderContent .cabMenu ul li + li {
    border-top: solid 1px #363842;
  }
  .cabHeader .cabHeaderContent .controls {
    width: 100%;
    border-top: solid 1px #363842;
    background-color: #23252d;
    align-items: flex-start;
  }
  .cabHeader .cabHeaderContent .controls .btnContainer {
    width: auto;
    margin: 0;
  }
  .cabHeader .cabHeaderContent .controls .btn {
    width: 100%;
    padding: 19px 8px;
    font-size: 17px;
    height: inherit;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }
  .cabHeader .cabHeaderContent .controls .btn:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .cabHeader .cabHeaderContent .controls .btn + .btn {
    border-top: solid 1px #363842;
  }
  .cabHeader .menuBurger {
    display: block;
    left: auto;
    right: 21px;
    top: 29px;
  }

  .graficCabMain {
    padding: 23px 0;
  }

  .graficCurrents {
    padding: 30px 20px;
  }

  .cabFooter {
    padding: 40px 18px 40px 23px;
  }

  .faq .faqLine .faqHead {
    padding: 30px 0;
  }

  .faqList .faqItem .quest > div {
    padding: 0 10px;
  }
  .faqList .faqItem .answer .answerContent .container {
    padding: 0 10px;
  }

  .pageTitle .capInvis {
    left: 50%;
    top: 50%;
    font-size: 116px;
    margin-top: -74px;
  }

  .newsList .item .newItem {
    padding: 30px;
  }

  .rules .container {
    padding: 0 10px;
  }

  .aboutAdv .picture {
    top: 100px;
    width: 450px;
    margin-left: -225px;
    height: 450px;
    background-size: 550px auto;
    background-position: center;
  }
  .aboutAdv .listAdv {
    height: 680px;
  }
  .aboutAdv .listAdv .item:nth-child(3) {
    margin-left: 0px;
    width: 438px;
    margin-top: 234px;
    top: 50%;
  }
  .aboutAdv .listAdv .item:nth-child(1), .aboutAdv .listAdv .item:nth-child(4) {
    top: 82px;
    width: 272px;
  }
  .aboutAdv .listAdv .item:nth-child(2), .aboutAdv .listAdv .item:nth-child(5) {
    top: 428px;
    width: 272px;
  }
  .textBlockSimple {
    padding: 80px 10px;
  }

  .documents {
    flex-wrap: wrap;
  }
  .documents .left {
    padding: 20px 10px 50px 10px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .documents .left .capTitle {
    width: 100%;
  }
  .documents .right {
    width: 100%;
    height: 490px;
  }
  .documents .infoList {
    width: 40%;
  }
  .documents .infoList li {
    width: 100% !important;
  }
  .documents .docList li a {
    width: 170px;
    height: 235px;
  }

  .loginPage .loginLeft {
    width: 100%;
    padding: 50px 0;
    min-height: auto;
  }
  .loginPage .loginRight {
    width: 100%;
    padding: 50px 0;
    min-height: auto;
  }

  .replenishBalance .line {
    grid-template-columns: 71px 20% 1fr 270px;
  }
  .replenishBalance .line .col:nth-child(4) {
    border-top: solid 1px #363842;
    order: 4;
    width: 100%;
    grid-column: 1/5;
    border-left: 0;
  }

  .transfers .line {
    margin-top: 30px;
    padding: 0 15px;
  }
  .transfers .line ul {
    grid-template-columns: 1fr;
  }
  .transfers .line ul li {
    border: 0 !important;
  }

  .transrefForm {
    padding: 0;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .transrefForm .icon {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .transrefForm .transrefFormLeft {
    width: 100%;
    margin-bottom: 30px;
    padding: 0 15px;
  }
  .transrefForm .transrefFormRight {
    width: 100%;
    margin-top: 30px;
    padding: 0 15px;
  }

  .settings .setPassword .setPassForm {
    flex-wrap: wrap;
  }
  .settings .setPassword .setPassForm .inputWrapper {
    width: 100%;
  }
  .settings .setPassword .setPassForm .inputWrapper + .inputWrapper {
    margin-top: 15px;
  }

  .security .right,
.security .left {
    padding: 30px 15px;
  }

  .withBlock .tableWith .tbody .row .openWith .openWithContent {
    flex-wrap: wrap;
  }
  .withBlock .tableWith .tbody .row .openWith .openWithContent .inputWrapper {
    width: 45%;
    order: 1;
  }
  .withBlock .tableWith .tbody .row .openWith .openWithContent ul {
    order: 3;
    width: 100%;
    margin: 15px 0 0;
  }
  .withBlock .tableWith .tbody .row .openWith .openWithContent .btn {
    order: 2;
  }

  .programInfoList {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
  .programInfoList .item {
    padding: 30px 15px;
    width: calc(50% - 10px);
    text-align: center;
  }

  .tablePartners .thead {
    display: none;
  }
  .tablePartners .line {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .tablePartners .line .col {
    flex-wrap: wrap;
    width: 33.3333333333%;
    padding: 20px 5px 20px 28px;
  }
  .tablePartners .line .col:last-child {
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
    height: 100%;
  }
  .tablePartners .line .col .level {
    margin: 0;
  }
  .tablePartners .line .col .titleMobile {
    display: block;
    color: #fff;
    width: 100%;
    margin-bottom: 15px;
  }

  .invest .lineInfo .list {
    padding: 0;
  }
  .invest .energy .batteries .line .controlsForm {
    width: 65%;
  }
  .invest .energy .batteries .line .controls {
    width: 35%;
  }
  .invest .energy .batteries .line .lineInfo {
    flex-wrap: wrap;
  }
  .invest .energy .batteries .line .lineInfo .list {
    width: 100%;
    order: 2;
  }

  .cabUsers {
    width: 100%;
    min-width: 100%;
    flex-wrap: wrap;
  }

  .cabHeader .cabHeaderContent .cabUsers {
    border-left: solid 1px #363842;
    border-right: solid 1px #363842;
  }
  .cabHeader .cabHeaderContent .cabUsers .user {
    border-top: solid 1px #363842;
    padding: 15px;
    order: 2;
    width: 100%;
  }
  .cabHeader .cabHeaderContent .cabUsers .controls {
    border-left: 0;
    padding: 0;
    width: 100%;
  }
  .cabHeader .cabHeaderContent .cabUsers .controls .btn {
    justify-content: flex-start;
    text-align: left;
    padding-left: 45px;
    min-height: 60px;
    font-size: initial;
  }
  .cabHeader .cabHeaderContent .cabUsers .controls .btn .icon {
    left: 15px;
    font-size: 18px;
  }

  .bodyModal {
    padding-right: 0;
  }

  .cabHeader .cabHeaderContent .controls .support::after {
    left: 15px;
  }

  .cabHeader .cabHeaderContent .cabUsers .controls .btn.exit::after {
    left: 45px !important;
  }
  .cabHeader .cabHeaderContent .cabUsers .controls .btn::after {
    left: 45px;
    text-align: left;
  }

  .questionsLine {
    padding: 16px 15px;
    flex-wrap: wrap;
  }
  .questionsLine .invisText {
    width: 100%;
  }

  .energy .textBlock.textRight,
  .trading .textBlock.textRight,
  .transfers .textBlock.textRight,
  .contracts .textBlock.textRight {
    justify-content: flex-start;
    padding-right: 0;
  }
  .energy .listContract,
  .trading .listContract,
  .transfers .listContract,
  .contracts .listContract {
    grid-template-columns: repeat(2, 1fr);
  }

  .programs {
    padding: 39px 20px 65px;
  }
  .programs .program {
    width: 45% !important;
  }
  .programs .program .cap {
    white-space: inherit;
  }
  .programs .program .rangInvis {
    position: static !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
  }
  .programs .program .rangInvis .desc,
  .programs .program .rangInvis .data {
    margin-top: 0;
    margin-left: 15px;
  }
  .programs .program .terms::before {
    display: none !important;
  }
  .programs .program .termsText::before {
    display: none !important;
  }
  .programs .program.bonus .rangInvis {
    justify-content: flex-end;
  }
  .programs .program.refProgram {
    width: 100% !important;
    margin-top: 0;
  }
  .programs .program.refProgram .line {
    margin-top: 25px;
  }
  .programs .program.refProgram .rangInvis {
    justify-content: center;
    margin: 0;
  }
  .programs .circle {
    display: none;
  }

  .loginForm {
    padding: 0 15px;
  }

  .helloBlock {
    padding: 30px 15px;
    grid-template-columns: 50% 1fr;
  }
  .helloBlock .list {
    padding-left: 15px;
  }

  .loginPage .loginLeft .logoBig {
    width: 80%;
    margin-bottom: 0;
  }

  .partnersProgram,
  .yourInvest,
  .operations,
  .paymentList,
  .personalData,
  .promo,
  .tikets {
    padding: 0 10px 50px;
  }

  .infoStateList {
    margin-bottom: 0;
  }

  .settings form {
    padding: 0;
  }

  .invest .trading .listContract .item {
    width: 50%;
  }

  .listValue {
    grid-template-columns: repeat(5, 1fr);
  }
  .listValue .item {
    padding-left: 10px;
    padding-right: 10px;
  }

  .stateGraf .item:last-child .line .title {
    max-width: 100%;
  }

  .cabHeader.authHeader .cabHeaderContent {
    width: 100%;
  }
  .cabHeader.authHeader .cabHeaderContent .cabMenu {
    width: 100%;
  }
  .cabHeader.authHeader .cabHeaderContent .cabMenu ul {
    padding-left: 0;
    padding-right: 0;
  }
  .cabHeader.authHeader .cabHeaderContent .controls {
    padding: 0 10px;
  }
  .cabHeader.authHeader .cabHeaderContent .controls .btn {
    width: 100%;
    padding: 19px 8px;
    font-size: 17px;
    height: inherit;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }
  .cabHeader.authHeader .cabHeaderContent .controls .btn .icon {
    font-size: 18px;
    margin-right: 6px;
    left: 0;
  }
  .cabHeader.authHeader .cabHeaderContent .controls .btn::before {
    display: none;
  }
  .cabHeader .cabHeaderContent {
    width: 100%;
  }
  .cabHeader .cabHeaderContent .btnContainer::before, .cabHeader .cabHeaderContent .btnContainer::after {
    display: none;
  }
  .cabHeader .cabHeaderContent .btnContainer:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .cabHeader .cabHeaderContent .cabMenu {
    width: 100%;
  }
  .cabHeader .cabHeaderContent .cabMenu ul {
    padding-left: 0;
    padding-right: 0;
  }

  .listDep .item {
    flex-direction: column;
    margin: 0;
  }
  .listDep .item .timerBl {
    padding-left: 20px;
  }
  .listDep .item .depContent {
    width: 100%;
    margin: 15px 0;
    flex-wrap: wrap;
  }
  .listDep .item .depContent .state {
    width: 100%;
  }
  .listDep .item .depContent .state .info {
    padding-left: 0;
  }
  .listDep .item .depContent .state .info li {
    padding: 20px 15px 20px 70px;
  }
  .listDep .item .depContent .state .info li .icon {
    left: 12px;
    margin-top: -23px;
  }
  .listDep .item .depContent .stateSumma {
    width: 100%;
    padding-right: 0;
  }
  .listDep .item .circleProg {
    right: auto;
    left: auto;
    top: -30px;
  }
  .listDep .item .circle {
    top: 30px;
    left: auto;
  }

  .deposit .title {
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .container {
    width: 100%;
    padding: 0 10px;
  }

  .mobile {
    display: block;
  }

  .header {
    min-height: 54px;
  }
  .header .logo {
    display: none;
  }
  .header .headerContent .menu {
    display: none;
    position: absolute;
    left: 0;
    top: 54px;
    width: 100%;
    z-index: 9;
    background-color: #1c1d21;
  }
  .header .headerContent .menu ul {
    display: block;
  }
  .header .headerContent .menu ul li {
    width: 100%;
  }
  .header .headerContent .menu ul li + li {
    border-top: solid 1px #363842;
  }
  .header .headerContent .menu ul li a {
    padding: 19px 18px;
    font-size: 17px;
    width: 100%;
    display: block;
  }
  .header .headerContent .menu ul li a::before {
    background-color: #1c1d21;
  }
  .header .headerContent .menu ul li a:after, .header .headerContent .menu ul li a::before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
  }

  .menuBurger {
    display: block;
  }

  .logoBig {
    flex-wrap: wrap;
  }
  .logoBig .picture {
    order: 1;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
  }
  .logoBig .picture img {
    width: 400px;
    margin: 0 auto;
  }
  .logoBig .picture::before {
    display: none;
  }
  .logoBig .picture + .txt {
    left: 0;
    margin: 0;
    margin-left: 10px;
  }
  .logoBig .txt {
    order: 2;
    display: inline-block;
    vertical-align: middle;
    font-size: 50px;
  }
  .logoBig .txtInvis {
    display: none;
  }

  .newYear .grettings {
    padding-top: 0;
    padding-bottom: 150px;
  }

  .grettings {
    padding: 45px 0 62px;
  }
  .grettings .logoBig {
    left: 0;
    top: 0;
  }
  .grettings::before {
    display: none;
  }
  .grettings .descriptions {
    max-width: 81%;
    margin: 43px auto 0;
    letter-spacing: 0.02em;
  }
  .grettings .descriptions .os-phrases {
    display: none;
  }
  .grettings .descriptions .text {
    display: block;
    font-size: 18px;
    line-height: 30px;
  }
  .grettings .descriptions .btnContainer {
    margin: 26px auto 0;
  }
  .grettings .descriptions .btn {
    padding: 17px 31px;
    font-size: 14px;
  }

  .advantages {
    padding: 32px 0 0;
    margin-bottom: 0;
  }
  .advantages .advantagesContent {
    left: 0;
  }
  .advantages .advantagesContent .list {
    width: 50%;
    margin-top: 31px;
  }
  .advantages .advantagesContent .list .num {
    width: 40px;
  }
  .advantages .advantagesContent .list .txt {
    font-size: 16px;
  }
  .advantages .advantagesContent .list li + li {
    margin-top: 23px;
  }
  .advantages .advantagesContent .circleAdvantages {
    width: 300px;
    height: 310px;
    -moz-transform: translate(4px, -35px);
    -ms-transform: translate(4px, -35px);
    -webkit-transform: translate(4px, -35px);
    -o-transform: translate(4px, -35px);
    transform: translate(4px, -35px);
  }

  .mainLinks {
    height: 850px;
    background-size: cover;
  }
  .mainLinks .linkItem {
    z-index: 5;
  }
  .mainLinks .linkItem:nth-child(2) {
    top: -100px;
  }
  .mainLinks .linkItem [class*=icon-] {
    font-size: 60px;
  }
  .mainLinks .linkItem .txt {
    font-size: 32px;
  }

  .capTitle {
    font-size: 30px;
    line-height: 41px;
  }

  .roadMap {
    margin-top: -361px;
  }
  .roadMap .roadMapContent {
    margin: 0;
  }
  .roadMap .roadMapContent .desc {
    margin-top: 23px;
  }
  .roadMap .roadMapContent .back {
    display: none;
  }
  .roadMap .roadMapContent .text {
    display: none;
  }

  .sliderRoadMap {
    padding: 37px 0 123px;
  }
  .sliderRoadMap .item {
    height: auto;
  }
  .sliderRoadMap .item.slick-active + .slick-active.topContent, .sliderRoadMap .item.slick-active + .slick-active.botContent {
    align-items: flex-start;
    left: auto;
  }
  .sliderRoadMap .slick-arrow {
    bottom: 49px !important;
    width: 45px;
    height: 45px;
  }
  .sliderRoadMap .slick-arrow.slick-prev {
    left: -2px;
    top: auto;
  }
  .sliderRoadMap .slick-arrow.slick-next {
    right: -2px;
    top: auto;
  }

  .aboutMainWrapper {
    flex-wrap: wrap;
  }
  .aboutMainWrapper .aboutMain {
    width: 100%;
  }
  .aboutMainWrapper .aboutMain .capTitle br {
    display: none;
  }

  .aboutMain {
    padding: 35px 10px 50px 17px;
  }
  .aboutMain .desc {
    margin-bottom: 28px;
    margin-top: 27px;
  }

  .newsMain {
    width: 100%;
  }

  .newItem {
    padding: 29px 20px 29px 19px;
  }
  .newItem .linkAllNews {
    min-width: 192px;
    font-size: 17px;
  }
  .newItem .linkAllNews::after {
    width: 36px;
    height: 36px;
    right: 12px;
    margin-top: -16px;
  }

  .contactWrapper .contactLeft {
    width: 100%;
  }
  .contactWrapper .mapBlock {
    width: 100%;
    height: 486px;
    border: 0;
  }
  .contactWrapper .capTitle br {
    display: none;
  }

  .contactLeft {
    padding: 28px 35px 24px 11px;
  }

  .contactsPage .contactWrapper .contactRight {
    border: 0;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 0;
  }
  .contactsPage .contactWrapper .contactLeft.questBlock .infoList li:last-child {
    width: calc(50% - 65px);
  }

  .infoList {
    max-width: 650px;
  }
  .infoList li {
    margin-bottom: 3px;
  }
  .infoList li .iconInvis {
    left: -3px;
    top: 22px;
    margin: 0;
  }
  .infoList li:nth-child(2n) {
    width: calc(50% - 65px);
  }

  .footer {
    padding: 16px 11px;
  }
  .footer .logoSmall {
    width: 86px;
    margin-right: 12px;
  }
  .footer .footerMenu {
    display: none;
  }
  .footer .copyRight {
    width: 100%;
    line-height: 24px;
  }

  .cabHeader {
    padding: 0 16px;
  }
  .cabHeader .logo img {
    margin: 0 -1px 0 0;
  }
  .cabHeader .logo .textLogo {
    font-size: 22px;
  }
  .cabHeader .menuBurger {
    right: 19px;
  }

  .listValue .item {
    padding: 30px 10px 20px;
  }

  .cabPartners .refLinks .capTitle {
    font-size: 17px;
    line-height: 20px;
  }

  .cabFooter {
    padding: 33px 0;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
  .cabFooter .social {
    margin-top: 30px;
  }

  .faq .faqLine .faqHead [class*=icon-] {
    left: 0;
  }
  .faq .faqLine .faqHead .cap {
    font-size: 26px;
  }

  .questionsLine .invisText {
    font-size: 50px;
    line-height: 50px;
  }
  .questionsLine .text {
    font-size: 30px;
  }
  .questionsLine .btn {
    margin-top: 10px;
  }

  .pageTitle {
    padding: 50px 0;
    min-height: auto;
  }
  .pageTitle .cap {
    font-size: 40px;
  }
  .pageTitle .capInvis {
    left: 50%;
    top: 50%;
    font-size: 76px;
    margin-top: -44px;
  }

  .lineBigText .title {
    width: 100%;
  }
  .lineBigText .text {
    padding: 0;
    width: 100%;
  }

  .energy .batteries .line,
.trading .batteries .line,
.transfers .batteries .line,
.contracts .batteries .line {
    padding: 50px 0;
  }
  .energy .batteries .line .list,
.trading .batteries .line .list,
.transfers .batteries .line .list,
.contracts .batteries .line .list {
    margin-top: 50px;
    padding: 0;
    padding: 15px 15px 15px 100px !important;
    flex-wrap: wrap;
  }
  .energy .batteries .line .list .col,
.trading .batteries .line .list .col,
.transfers .batteries .line .list .col,
.contracts .batteries .line .list .col {
    width: 100% !important;
  }
  .energy .batteries .line .list .col .state li + li,
.trading .batteries .line .list .col .state li + li,
.transfers .batteries .line .list .col .state li + li,
.contracts .batteries .line .list .col .state li + li {
    margin-top: 30px;
  }
  .energy .batteries .line .list .col + .col,
.trading .batteries .line .list .col + .col,
.transfers .batteries .line .list .col + .col,
.contracts .batteries .line .list .col + .col {
    margin-top: 50px;
  }

  .newsList .item {
    width: 100%;
    border: 0;
    justify-content: center !important;
  }
  .newsList .item + .item {
    border-top: solid 1px #363842;
    border-left: 0;
  }
  .newsList .item .newItem {
    padding: 30px;
  }

  .rules .rulesTop {
    padding: 30px 0;
  }
  .rules .rulesList .item {
    padding: 30px 0;
  }
  .rules .rulesList .item .title .num {
    font-size: 30px;
    min-width: 51px;
  }
  .rules .rulesList .item .title .cap {
    font-size: 30px;
  }
  .rules .rulesList .item ul {
    margin-top: 30px;
  }

  .aboutAdv .listAdv {
    height: auto;
    margin-top: 30px;
  }
  .aboutAdv .listAdv .item {
    position: static !important;
    width: 100% !important;
    text-align: left !important;
    margin: 0 !important;
    top: auto !important;
  }
  .aboutAdv .listAdv .item + .item {
    margin-top: 30px !important;
  }
  .aboutAdv .listAdv .item:nth-child(3) {
    transform: none;
    left: auto;
  }
  .aboutAdv .picture {
    display: none !important;
  }

  .textBlockSimple .text {
    margin-top: 30px;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
  .textBlockSimple .text p + p {
    margin-top: 30px;
  }

  .partners .partnersTextTop .textBlockSimple {
    width: 100%;
    padding: 30px 10px;
  }
  .partners .partnersTextTop .picture {
    display: none;
  }

  .programs .program {
    width: 100% !important;
  }
  .programs .program.refProgram {
    text-align: left;
  }
  .programs .program.refProgram .rangInvis {
    justify-content: flex-start;
  }
  .programs .program.refProgram .line [class*=icon-] {
    margin: 0;
    left: 0;
    top: -68px;
  }
  .programs .program.refProgram .line .title {
    text-align: left;
  }
  .programs .program.refProgram .terms .termsText {
    margin-bottom: 30px;
    text-align: left;
  }
  .programs .program.refProgram .terms .termsText br {
    display: none;
  }
  .programs .program.refProgram .terms ul {
    align-items: flex-start;
    flex-direction: column;
  }
  .programs .program.refProgram .terms ul li {
    width: 100%;
    text-align: left !important;
    padding-left: 80px !important;
    padding-right: 0;
    order: 2;
  }
  .programs .program.refProgram .terms ul li + li {
    margin-top: 33px;
  }
  .programs .program.refProgram .terms ul li [class*=icon-] {
    left: -4px !important;
    right: auto !important;
  }
  .programs .program.refProgram .terms ul li:nth-child(3) {
    order: 1;
    width: 100%;
    text-align: left;
    padding: 0 !important;
    margin-top: 0 !important;
  }
  .programs .program + .program {
    margin-top: 30px;
  }
  .programs .program.bonus p {
    padding-left: 0;
  }

  .loginPage .loginLeft {
    padding-top: 70px;
    width: 100%;
    padding-bottom: 0;
  }
  .loginPage .loginLeft .logoBig .picture {
    left: 0;
    top: 30px;
  }
  .loginPage .loginLeft .logoBig .picture + .txt {
    left: 0;
  }
  .loginPage .loginLeft .btnContainer {
    margin-left: -63px;
  }
  .loginPage .loginLeft::before {
    display: none;
  }
  .loginPage .loginRight {
    min-height: auto;
    padding: 50px 0;
    width: 100%;
  }

  .loginForm .stepBlock {
    width: 90%;
    font-size: 18px;
  }

  .tikets {
    flex-wrap: wrap;
  }
  .tikets .tiketsMessages {
    width: 100%;
    order: 3;
    margin-top: 30px;
  }
  .tikets .tiketsSendMessage {
    width: 100%;
    order: 1;
  }

  .promo .refLinks {
    flex-wrap: wrap;
    padding: 30px;
  }
  .promo .refLinks .title {
    width: 100%;
    margin-bottom: 15px;
  }
  .promo .refLinks .inputWrapper {
    width: 100%;
  }
  .promo .tabsPromo .tabsBody {
    padding: 30px 15px;
  }
  .promo .tabsPromo .tabsBody img + * {
    margin-top: 30px;
  }
  .promo .tabsPromo .tabsBody .refLinks {
    padding: 0;
    border: 0;
  }
  .promo .tabsPromo .listLinks li a {
    font-size: 16px;
    padding: 0 15px;
  }

  .replenishBalance .line {
    grid-template-columns: 71px 1fr 300px;
  }
  .replenishBalance .line .col:nth-child(3) {
    border-top: solid 1px #363842;
    order: 3;
    width: 100%;
    grid-column: 1/5;
    border-left: 0;
  }

  .balanceList {
    grid-template-columns: repeat(2, 1fr);
    border-bottom: 0;
  }
  .balanceList .item {
    border-bottom: solid 1px #363842;
  }

  .personalData .inputList {
    grid-template-columns: repeat(2, 1fr);
    padding: 30px 15px;
  }
  .personalData .btn {
    margin-top: 30px;
  }

  .paymentList .list {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-auto-flow: inherit;
    gap: 0 67px;
  }
  .paymentList .btn {
    margin-top: 30px;
  }

  .filterBl {
    flex-wrap: wrap;
    padding: 15px 15px 5px;
  }
  .filterBl .col {
    margin: 0 0 15px 0;
    width: 100%;
    margin-right: 0;
  }
  .filterBl .col + .col {
    margin-left: 0;
  }
  .filterBl .col.colDate {
    width: 100%;
  }
  .filterBl .btnContainer {
    margin: 0 auto;
  }

  .tableOperation {
    border: 0;
  }
  .tableOperation .table {
    border: 0;
  }
  .tableOperation .table .thead {
    display: none;
  }
  .tableOperation .table .tbody {
    border: 0;
  }
  .tableOperation .table .tbody .tr {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .tableOperation .table .tbody .tr .td .titleMobile {
    display: block;
    margin-bottom: 15px;
  }
  .tableOperation .table .tbody .tr + .tr {
    margin-top: 15px;
  }

  .security {
    flex-wrap: wrap;
  }
  .security .right {
    margin-top: 30px;
  }
  .security .right,
.security .left {
    width: 100%;
  }

  .infoStateList {
    flex-wrap: wrap;
    border-bottom: 0;
    border: 0;
  }
  .infoStateList .item {
    border-bottom: solid 1px #363842;
    width: 50%;
  }
  .infoStateList .item:nth-child(3n) {
    border-left: 0;
  }
  .withBlock .tableWith {
    border: 0;
  }
  .withBlock .tableWith .thead {
    display: none;
  }
  .withBlock .tableWith .tbody {
    border: 0;
  }
  .withBlock .tableWith .tbody .row {
    border: solid 1px #363842;
  }
  .withBlock .tableWith .tbody .row + .row {
    margin-top: 30px;
  }
  .withBlock .tableWith .tbody .tr {
    display: flex;
    flex-wrap: wrap;
    border: 0;
    padding: 15px 0;
  }
  .withBlock .tableWith .tbody .tr .td {
    flex-wrap: wrap;
    order: 3;
    width: 33.3333333333%;
    border: 0;
  }
  .withBlock .tableWith .tbody .tr .td img {
    margin: 0;
  }
  .withBlock .tableWith .tbody .tr .td + .td {
    border: 0;
  }
  .withBlock .tableWith .tbody .tr .td:first-child {
    width: 80%;
    order: 1;
    padding-left: 30px;
    border: 0;
  }
  .withBlock .tableWith .tbody .tr .td:first-child .titleMobile {
    display: none;
  }
  .withBlock .tableWith .tbody .tr .td:last-child {
    width: 20%;
    order: 2;
  }
  .withBlock .tableWith .tbody .titleMobile {
    display: block;
    width: 100%;
    color: #fff;
    margin-bottom: 15px;
  }
  .investForm .title {
    font-size: 30px;
    text-align: center;
  }

  .programInfoList .item {
    margin: 0;
    width: 100%;
  }
  .programInfoList .item + .item {
    margin-top: 30px;
  }

  .infoTable {
    margin-top: 30px;
  }
  .infoTable .col {
    width: 100%;
  }
  .infoTable .col + .col {
    margin-top: 30px;
  }

  .programInfoList {
    margin-top: 30px;
  }

  .tablePartners .line .col {
    width: 50%;
  }

  .invest .lineInfo {
    flex-wrap: wrap;
  }
  .invest .lineInfo .list {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
  }
  .invest .lineInfo .list .item {
    border-bottom: solid 1px #c09140;
  }
  .invest .lineInfo .list .item:nth-child(2n) {
    border-left: solid 1px #c09140;
  }
  .invest .lineInfo .controls {
    width: 100%;
    padding: 15px 15px;
  }
  .invest .lineInfo .controls .btn {
    max-width: 300px;
  }
  .invest .energy .title .cap {
    font-size: 50px;
    text-align: center;
  }
  .invest .energy .batteries .line .lineInfo .list {
    padding: 0 15px !important;
    margin: 0;
  }
  .invest .energy .batteries .line .lineInfo .list .item {
    width: 50%;
    border-bottom: 0 !important;
  }
  .invest .energy .batteries .line .controlsForm {
    width: 50%;
  }
  .invest .energy .batteries .line .controls {
    width: 50%;
  }

  .invest .energy .batteries .line .lineInfo.new .controlsForm {
    padding: 50px 15px 30px;
  }

  .yourBalance,
  .yourTurnover {
    width: 350px;
    height: 350px;
    margin-left: -175px;
    top: 90px;
  }
  .yourBalance .value,
  .yourTurnover .value{
    font-size: 30px;
  }

  .morisGrafic {
    width: 350px;
    height: 350px;
  }
  .morisGrafic #partners .title {
    font-size: 14px;
  }
  .morisGrafic #partners,
.morisGrafic #myOffice {
    height: 350px;
  }
  .morisGrafic #partners .value,
.morisGrafic #myOffice .value {
    font-size: 30px;
  }
  .morisGrafic #partners .highcharts-tooltip,
.morisGrafic #myOffice .highcharts-tooltip {
    width: 346px !important;
    height: 335px !important;
  }

  .graficCabContent {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
  }

  .stateGraf {
    left: 10px;
    width: calc(100% - 20px);
  }

  .documents .infoList {
    width: 100%;
  }
  .documents .infoList li {
    width: 50% !important;
  }
  .documents .infoList li:nth-child(2n) {
    width: calc(50% - 42px) !important;
  }

  .listDep .item + .item {
    margin-top: 0;
  }
  .listDep .item .circleProg {
    right: auto;
    left: auto;
    top: -30px;
  }
  .listDep .item .circle {
    top: 30px;
    left: auto;
  }

  .loginForm .controls .btnContainer {
    min-width: inherit;
  }

  .listDep .item .timerBl {
    padding-left: 20px;
  }
  .listDep .item .timerBl .tit {
    text-align: center;
  }
  .listDep .item .circle {
    margin: 0;
  }
  .listDep .item .circleProg {
    margin: 0;
    top: -20px;
  }
  .listDep .item .depContent .state {
    width: 100%;
  }
  .listDep .item .depContent .state .info {
    padding-left: 0;
  }
  .listDep .item .depContent .stateSumma {
    width: 100%;
    padding-right: 0;
  }
  .tiketsSendMessage .tiketForm .controls .fileLoad {
    width: auto;
  }
  .tiketsSendMessage .tiketForm .controls .btnContainer {
    margin-top: 0;
  }

  .tarifCube .arrow.prev {
    left: -20px;
  }
  .tarifCube .arrow.next {
    right: -20px;
  }

  .newYearLogo {
    top: 0;
  }

  .fir {
    left: -20px;
    width: 180px;
    height: 250px;
    bottom: 0;
  }
}
@media (max-width: 639px) {
  .advantages .advantagesContent .list {
    width: 100%;
  }
  .advantages .advantagesContent .circleAdvantages {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    margin: 45px auto 0;
  }

  .graficCurrentsHead {
    padding: 20px 60px 20px 20px;
    gap: 10px 20px;
  }
  .graficCurrentsHead .col + .col {
    margin-left: 0;
  }
  .graficCurrentsHead .icon {
    right: 5px;
    top: 5px;
  }

  .graficCurrentsBody .changeTime {
    justify-content: flex-start;
    padding: 0 20px;
    margin: 70px 0 25px;
  }

  .sliderCoins .item .value {
    font-size: 18px;
  }

  .graficCurrents {
    padding: 15px 10px;
  }

  .faq .faqLine .faqHead .cap {
    font-size: 20px;
  }

  .faqList .faqItem .quest .questText {
    font-size: 16px;
  }
  .faqList .faqItem .answer .answerContent {
    padding: 15px 0;
  }
  .faqList .faqItem .answer p {
    font-size: 15px;
    line-height: 24px;
  }

  .invest .trading .listContract .item {
    width: 100%;
  }

  .energy .listContract,
.trading .listContract,
.transfers .listContract,
.contracts .listContract {
    grid-template-columns: 1fr;
  }
  .energy .textBlock,
.trading .textBlock,
.transfers .textBlock,
.contracts .textBlock {
    padding: 50px 30px !important;
  }
  .energy .batteries .line,
.trading .batteries .line,
.transfers .batteries .line,
.contracts .batteries .line {
    padding: 50px 0;
  }
  .energy .batteries .line .list,
.trading .batteries .line .list,
.transfers .batteries .line .list,
.contracts .batteries .line .list {
    margin-top: 50px;
    padding: 0;
    padding: 15px 15px 15px 100px !important;
    flex-wrap: wrap;
  }
  .energy .batteries .line .list .col,
.trading .batteries .line .list .col,
.transfers .batteries .line .list .col,
.contracts .batteries .line .list .col {
    width: 100% !important;
  }
  .energy .batteries .line .list .col .state li + li,
.trading .batteries .line .list .col .state li + li,
.transfers .batteries .line .list .col .state li + li,
.contracts .batteries .line .list .col .state li + li {
    margin-top: 30px;
  }
  .energy .batteries .line .list .col + .col,
.trading .batteries .line .list .col + .col,
.transfers .batteries .line .list .col + .col,
.contracts .batteries .line .list .col + .col {
    margin-top: 50px;
  }

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

  .documents .docList {
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 30px -10px -10px;
  }
  .documents .docList li {
    margin: 10px;
  }
  .documents .docList li + li {
    margin-left: 0;
  }
  .documents .infoList {
    width: 100%;
  }
  .documents .infoList li:nth-child(2n) {
    width: calc(50% - 42px);
  }
  .documents .right {
    height: 350px;
  }

  .helloBlock {
    display: block;
  }
  .helloBlock .desc {
    margin-top: 5px;
    display: block;
  }
  .helloBlock .list {
    padding-left: 0;
  }
  .helloBlock .list li + li {
    margin-top: 15px;
  }

  .loginForm .inputList {
    flex-wrap: wrap;
  }
  .loginForm .inputList .inputWrapper {
    width: 100%;
  }
  .loginForm .inputList .inputWrapper + .inputWrapper {
    margin-top: 15px;
  }

  .promo .refLinks {
    display: block;
    padding: 15px;
  }
  .promo .refLinks .inputWrapper {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .promo .refLinks .btnContainer {
    margin: 0;
  }
  .promo .tabsPromo .listLinks li a {
    font-size: 14px;
  }

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

  .replenishBalance .line {
    grid-template-columns: 71px 1fr;
  }
  .replenishBalance .line .col {
    min-height: 60px;
    padding: 15px;
  }
  .replenishBalance .line .col .value {
    font-size: 14px;
  }
  .replenishBalance .line .col:nth-child(5) {
    border-top: solid 1px #363842;
    order: 5;
    width: 100%;
    grid-column: 1/5;
    border-left: 0;
  }

  .balanceList .item .value {
    font-size: 20px;
  }

  .tableOperation .table .tbody .tr {
    grid-template-columns: 1fr 1fr;
  }

  .settings .setBlock {
    grid-template-columns: 1fr;
  }
  .settings .setBlock .setPassword {
    margin-top: 30px;
  }

  .settings .setPassword .setPassForm {
    padding: 30px 30px;
    margin-top: 30px;
  }

  .withBlock .tableWith .tbody .tr .td {
    width: 50%;
    padding: 15px 15px;
  }
  .withBlock .tableWith .tbody .tr .td:first-child {
    padding-left: 15px;
  }
  .withBlock .tableWith .tbody .row .openWith .openWithContent {
    padding: 15px;
  }
  .withBlock .tableWith .tbody .row .openWith .openWithContent .inputWrapper {
    width: 100%;
  }
  .withBlock .tableWith .tbody .row .openWith .openWithContent ul {
    flex-wrap: wrap;
  }
  .withBlock .tableWith .tbody .row .openWith .openWithContent ul li {
    margin-bottom: 15px;
  }
  .withBlock .tableWith .tbody .row .openWith .openWithContent .btn {
    order: 4;
  }

  .invest .trading .title .cap,
.invest .energy .title .cap {
    font-size: 30px;
  }
  .invest .lineInfo {
    flex-wrap: wrap;
  }
  .invest .lineInfo .list {
    width: 100%;
    grid-template-columns: 1fr;
  }
  .invest .lineInfo .list .item {
    border-bottom: solid 1px #c09140;
  }
  .invest .lineInfo .list .item:nth-child(2n) {
    border-left: solid 1px #c09140;
  }
  .invest .lineInfo .controls {
    width: 100%;
    padding: 15px 15px;
  }
  .invest .lineInfo .controls .btn {
    max-width: 300px;
  }
  .invest .energy .batteries .line .lineInfo {
    padding: 0;
  }
  .invest .energy .batteries .line .lineInfo .list {
    padding: 0 !important;
  }
  .invest .energy .batteries .line .lineInfo .list .item {
    width: 100%;
  }
  .invest .energy .batteries .line .lineInfo .list .item + .item {
    border-top: solid 1px #c09140;
    border-left: 0;
  }
  .invest .energy .batteries .line .controlsForm {
    width: 100%;
  }
  .invest .energy .batteries .line .controls {
    width: 100%;
    order: 5;
  }

  .yourBalance,
  .yourTurnover {
    top: 30px;
  }

  .graficCabContent {
    flex-wrap: wrap;
  }

  .stateGraf {
    position: static;
    order: 2;
  }
  .stateGraf .item {
    width: 50%;
    margin-bottom: 30px;
  }
  .stateGraf .item .title {
    font-size: 14px;
  }
  .stateGraf .item .data {
    font-size: 18px;
  }

  .morisGrafic {
    order: 1;
  }

  .cabPartners .stateGraf .item .title {
    font-size: 12px;
    white-space: nowrap;
  }

  .chooseAvatar {
    padding: 45px 0;
  }

  .avatarList {
    margin-top: 30px;
  }
  .avatarList .avatarItem {
    width: 25%;
  }

  .listValue {
    grid-template-columns: repeat(2, 1fr);
  }
  .listValue .item {
    padding: 30px 5px 20px;
  }

  .shine.large, .shine.small {
    display: none;
  }

  .sliderRoadMap .slick-arrow:hover {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }

  .tarifCube .arrow.prev {
    left: 0;
  }
  .tarifCube .arrow.next {
    right: 0;
  }
}
@media (max-width: 479px) {
  .newYear .grettings .descriptions {
    max-width: 320px;
  }

  .grettings .descriptions {
    max-width: 100%;
  }
  .grettings .descriptions .btnContainer {
    margin: 36px auto 0;
  }

  .advantages {
    margin-bottom: -40px;
  }
  .advantages .advantagesContent .list .txt {
    font-size: 15px;
    letter-spacing: 0.06em;
  }
  .advantages .advantagesContent .circleAdvantages {
    margin-top: 28px;
  }

  .mainLinks .linkItem .txt {
    margin-top: 25px;
  }

  .roadMap {
    margin-top: -306px;
  }

  .sliderPayment .item {
    height: 100px;
  }

  .aboutMain {
    padding: 35px 36px 35px 16px;
  }
  .aboutMain .desc {
    margin-bottom: 18px;
    margin-top: 21px;
    line-height: 40px;
  }

  .newItem {
    padding: 34px 20px 35px 19px;
  }

  .infoList li {
    width: 100% !important;
  }

  .contactWrapper .mapBlock {
    height: 462px;
  }

  .footer {
    padding: 14px 19px;
  }
  .footer .copyRight {
    padding-right: 40px;
  }

  .cabHeader {
    padding: 0 4px;
  }
  .cabHeader .menuBurger {
    right: 16px;
  }

  .cabPartners .refLinks .link {
    font-size: 14px;
  }

  .faq .faqLine .faqHead [class*=icon-] {
    font-size: 50px;
    margin-bottom: 10px;
  }
  .faq .faqLine .faqHead .cap {
    width: 100%;
    display: block;
  }

  .questionsLine {
    text-align: center;
    padding: 15px 10px;
  }
  .questionsLine .invisText {
    font-size: 40px;
    line-height: 40px;
  }
  .questionsLine .text {
    font-size: 25px;
    line-height: 30px;
    margin-top: 16px;
  }
  .questionsLine .text small {
    font-size: 18px;
    line-height: 27px;
    margin-top: 10px;
  }
  .questionsLine .btn {
    margin: 20px auto 0;
  }

  .pageTitle .capInvis {
    display: none;
  }

  .contactsPage .contactWrapper .contactRight {
    padding: 30px 10px;
  }

  .contactRight .contactForm .inputWrapper {
    width: 100%;
  }
  .contactRight .contactForm .inputWrapper + .inputWrapper {
    margin-top: 10px;
  }
  .contactRight .contactForm .btnContainer {
    margin: 20px auto 0;
  }

  .energy .textBlock,
.trading .textBlock,
.transfers .textBlock,
.contracts .textBlock {
    padding: 30px 10px !important;
  }
  .energy .batteries .line,
.trading .batteries .line,
.transfers .batteries .line,
.contracts .batteries .line {
    padding: 30px 0;
  }
  .energy .batteries .line .list,
.trading .batteries .line .list,
.transfers .batteries .line .list,
.contracts .batteries .line .list {
    margin-top: 30px;
    padding: 0;
    padding: 15px 15px 15px 100px !important;
    flex-wrap: wrap;
  }
  .energy .batteries .line .list .col,
.trading .batteries .line .list .col,
.transfers .batteries .line .list .col,
.contracts .batteries .line .list .col {
    width: 100% !important;
  }
  .energy .batteries .line .list .col:nth-child(2),
.trading .batteries .line .list .col:nth-child(2),
.transfers .batteries .line .list .col:nth-child(2),
.contracts .batteries .line .list .col:nth-child(2) {
    padding-right: 0;
  }
  .energy .batteries .line .list .col .state li + li,
.trading .batteries .line .list .col .state li + li,
.transfers .batteries .line .list .col .state li + li,
.contracts .batteries .line .list .col .state li + li {
    margin-top: 15px;
  }
  .energy .batteries .line .list .col + .col,
.trading .batteries .line .list .col + .col,
.transfers .batteries .line .list .col + .col,
.contracts .batteries .line .list .col + .col {
    margin-top: 30px;
  }

  .lineBigText {
    padding: 30px 15px;
  }
  .lineBigText .title {
    font-size: 30px;
    line-height: 45px;
  }

  .newsList .item {
    width: 100%;
    border: 0;
  }
  .newsList .item + .item {
    border-top: solid 1px #363842;
    border-left: 0;
  }
  .newsList .item .newItem {
    padding: 30px;
  }
  .newsList .item .newItem img {
    height: 150px;
  }
  .newsList .item .newItem .link {
    font-size: 16px;
    line-height: 24px;
    margin-top: 30px;
  }
  .newsList .item .newItem .date {
    margin-top: 10px;
  }

  .rules .rulesTop {
    padding: 30px 0;
  }
  .rules .rulesTop p {
    font-size: 15px;
  }
  .rules .rulesTop strong {
    font-size: 18px;
    line-height: 26px;
  }
  .rules .rulesList .item .title {
    flex-wrap: wrap;
  }
  .rules .rulesList .item .title .cap {
    width: 100%;
    font-size: 24px;
  }
  .rules .rulesList .item ul li {
    font-size: 15px !important;
    line-height: 24px !important;
  }

  .aboutAdv .cap {
    font-size: 30px;
  }

  .documents .docList li + li {
    margin-left: 10px;
  }
  .documents .infoList li {
    width: 100% !important;
  }
  .documents .infoList li:nth-child(2n) {
    width: 100% !important;
  }

  .programs .program {
    text-align: left !important;
  }
  .programs .program .line .pre {
    font-size: 18px;
  }
  .programs .program .rangInvis {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .programs .program .rangInvis .desc,
.programs .program .rangInvis .data {
    margin-left: 0;
    margin-top: 5px;
  }
  .programs .program .cap {
    text-align: center;
  }
  .programs .program.bonus .line {
    padding-left: 77px;
    padding-right: 0;
    text-align: left !important;
  }
  .programs .program.bonus .line [class*=icon-] {
    left: 0;
    right: auto;
  }
  .programs .program.bonus .terms ul li {
    padding-left: 77px;
    padding-right: 0;
    text-align: left !important;
  }
  .programs .program.bonus .terms ul li [class*=icon-] {
    left: 0;
    right: auto;
  }

  .loginPage .loginLeft .logoBig {
    width: 260px;
    min-height: 380px;
  }
  .loginPage .loginLeft .logoBig .txt {
    font-size: 30px;
    line-height: 40px;
    top: 0;
  }

  .helloBlock .desc {
    font-size: 18px;
  }

  .loginForm .capTitle {
    font-size: 26px;
    line-height: 30px;
  }
  .loginForm .desc {
    font-size: 16px;
    margin-top: 30px;
  }
  .loginForm .inputList {
    margin-top: 30px;
  }
  .loginForm .controls {
    margin-top: 30px;
    flex-wrap: wrap;
  }
  .loginForm .controls .btnContainer {
    width: 100%;
  }
  .loginForm .controls .btnContainer + .btnContainer {
    margin-top: 15px;
  }
  .loginForm .stepBlock {
    margin-top: 30px;
  }
  .loginForm .stepBlock + .desc {
    margin-top: 30px;
  }
  .loginForm .checkBlock {
    margin-top: 30px;
  }
  .loginForm.regForm .inputList .inputWrapper + .inputWrapper {
    margin-top: 15px;
  }
  .loginForm.regForm .controls {
    margin-top: 30px;
  }
  .loginForm .stepBlock ul {
    flex-wrap: wrap;
  }
  .loginForm .stepBlock ul li {
    width: 100%;
  }
  .loginForm .stepBlock ul li a {
    font-size: 14px;
    padding: 18px 0 15px;
  }
  .loginForm .stepBlock ul li + li a {
    border: solid 1px #63656f;
  }

  .loginPage .loginRight {
    padding: 30px 0;
  }

  .inputWrapper.inputCaptcha input {
    width: 60%;
  }
  .inputWrapper.inputCaptcha .captcha {
    width: 40%;
  }

  .tiketsSendMessage .tiketForm {
    padding: 15px;
  }
  .tiketsSendMessage .tiketForm .controls {
    margin-top: 15px;
  }
  .tiketsSendMessage .tiketForm .controls .fileLoad {
    width: 100%;
  }
  .tiketsSendMessage .tiketForm .controls .btnContainer {
    margin-top: 15px;
  }
  .tiketsSendMessage .pagination {
    margin-top: 30px;
  }

  .tiketsMessages .listMessages .item {
    padding: 15px;
  }
  .tiketsMessages .listMessages .item .top {
    padding-left: 59px;
  }
  .tiketsMessages .listMessages .item .message {
    margin: 0;
    padding-bottom: 0;
  }

  .promo .refLinks {
    display: block;
    padding: 15px;
  }
  .promo .refLinks .title {
    text-align: center;
    display: block;
  }
  .promo .refLinks .inputWrapper {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .promo .refLinks .btnContainer {
    margin: 0 auto;
  }
  .promo .tabsPromo .listLinks {
    flex-wrap: wrap;
  }
  .promo .tabsPromo .listLinks li {
    width: 100%;
    min-height: 70px;
  }
  .promo .tabsPromo .listLinks li + li {
    border-top: solid 1px #363842;
    border-left: 0;
  }

  .balanceList {
    grid-template-columns: 1fr;
  }

  .capTitle {
    padding: 0 15px;
  }

  .personalData .inputList {
    grid-template-columns: 1fr;
  }

  .paymentList .list .item {
    padding: 15px;
    flex-wrap: wrap;
  }
  .paymentList .list .item .name {
    width: calc(100% - 50px);
    margin: 0;
    padding: 0 15px;
  }
  .paymentList .list .item .inputWrapper {
    width: 100%;
    margin-top: 15px;
  }

  .filterBl {
    padding: 15px;
  }
  .filterBl .col {
    margin: 0;
  }
  .filterBl .col + .col {
    margin-top: 15px !important;
  }
  .filterBl .col.colDate {
    width: 100%;
    margin: 0;
    flex-wrap: wrap;
  }
  .filterBl .col.colDate .inputWrapper + .inputWrapper {
    margin-left: 0;
    margin-top: 15px;
  }

  .googleBlock .num {
    font-size: 16px;
  }

  .settings .setPassword .setPassForm {
    padding: 30px 15px;
  }

  .infoStateList .item {
    border-bottom: 0;
    width: 100%;
  }
  .infoStateList .item + .item {
    border-left: 0;
    border-top: solid 1px #363842;
  }
  .infoStateList .item:last-child {
    border-bottom: solid 1px #363842;
  }

  .security .checkBlock label::after, .security .checkBlock label::before {
    top: 4px;
  }

  .investForm .info li {
    width: 100%;
    flex-wrap: wrap;
    padding: 15px 10px;
  }
  .investForm .info li .tit {
    width: 100%;
  }
  .investForm .info li .data {
    width: 100%;
  }

  .sliderInvest .slick-arrow.slick-next {
    top: -67px;
  }
  .sliderInvest .slick-arrow.slick-prev {
    right: 43px;
    top: -67px;
  }

  .deposit > .title:nth-child(1) {
    text-align: center;
  }
  .deposit .title {
    text-align: left;
  }

  .listDep .item .timerBl {
    flex-wrap: wrap;
    padding: 15px 0;
  }
  .listDep .item .timerBl .timer,
.listDep .item .timerBl .tit {
    width: 100%;
  }
  .listDep .item .depContent .state .info li {
    width: 100%;
  }
  .listDep .item .depContent .stateSumma {
    flex-wrap: wrap;
  }
  .listDep .item .depContent .stateSumma .col {
    width: 100%;
  }
  .listDep .item .depContent .stateSumma .col + .col {
    border-top: solid 1px #c09140;
    border-left: 0;
  }

  .programInfoList .item .data {
    font-size: 20px;
  }

  .infoTable .table {
    border: 0;
  }
  .infoTable .table .thead {
    display: none;
  }
  .infoTable .table .tbody .tr {
    display: block;
  }
  .infoTable .table .tbody .tr + .tr {
    margin-top: 15px;
  }
  .infoTable .table .tbody .tr .td {
    display: block;
  }
  .infoTable .table .tbody .tr .td .titleMobile {
    display: block;
    color: #fff;
    margin-bottom: 15px;
    width: 100%;
  }

  .tablePartners .line .col {
    width: 100%;
    padding: 15px 15px;
  }
  .tablePartners .line .col:last-child {
    height: 55px;
    right: 0;
    width: 55px;
  }

  .stateGraf {
    justify-content: center;
  }
  .stateGraf .item {
    align-items: center !important;
  }
  .stateGraf .item .title {
    font-size: 12px;
    white-space: inherit !important;
    text-align: center;
    display: block;
  }

  .cabPartners .refLinks {
    margin-top: 0;
  }

  .listDep .item + .item {
    margin-top: 50px;
  }
  .listDep .item .circle {
    width: 100%;
    height: 200px;
    margin-bottom: -16px;
    top: auto;
  }
  .listDep .item .circle::after, .listDep .item .circle::before {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -ms-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -ms-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .listDep .item .circleProg {
    top: auto;
    margin-top: -120px;
  }
  .listDep .item .depContent .stateSumma .col + .col {
    padding-bottom: 150px;
  }

  .chooseAvatar {
    padding: 35px 0;
  }

  .avatarList {
    margin-top: 30px;
  }
  .avatarList .avatarItem {
    width: 50%;
    padding: 5px 0;
  }
}
@media (min-width: 1200px) {
  .cabHeader .cabHeaderContent {
    display: flex !important;
  }
}
@media (min-width: 1024px) {
  .menu {
    display: block !important;
  }
}

/*# sourceMappingURL=style.css.map */

.default_table form {
  text-align: center;
  padding-bottom: 50px;
}

.default_table p.info {
  font-size: 17px;
  position: relative;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  -webkit-background-clip: text;
  color: transparent;
  display: table;
  margin: 0 auto;
  margin-top: 9px;
  position: relative;
  z-index: 3;
}

.default_table fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.default_table table {
  margin-top: 29px;
  width: 100%;
  text-align: left;
}

.default_table table tr {
  padding: 0 29px 0 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #23252d;
  min-height: 60px;
  padding: 0 29px 0 25px;
}

.default_table table tr.amount {
    border: solid 1px #49bd58;
}

.default_table table tr th {
  color: #919293;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
}

.default_table table tr:nth-child(2n) {
  background-color: #1c1d21;
}

.default_table table tr td,
.default_table table tr th {
  line-height: 60px;
}

.default_table table tr td:first-child {
  color: #919293;
  font-size: 14px;
  text-transform: uppercase;
  text-align: left;
}

.default_table table tr td:last-child {
  font-size: 14px;
  position: relative;
  /*background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);*/
  /*background-clip: border-box;*/
  /*-webkit-background-clip: text;*/
  /*color: transparent;*/
  color: #fcecce;
  letter-spacing: 0.02em;
}

.default_table table tr.amount td {
  color: #49bd58;
  font-size: 20px;
}

.default_table table tr td img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.default_table table tr td.info_memo div b {
  position: relative;
  display: inline-block;
}

.default_table table tr td.info_memo a {
  color: greenyellow;
}

.default_table table tr td .copyMessage {
  left: 0px;
  top: 20px;
  width: auto;
  padding: 15px 25px;
  margin-left: 0;
}

.default_table table tr td.info_memo {
  text-align: center;
  line-height: 1.3;
  padding: 20px 0;
}
.default_table table tr td.info_memo img {
  display: inline-block;
  margin-top: 20px;
}

.field-withdrawform-amount.has-error .help-block {
  font-size: 12px;
  color: red;
}

.btn_container {
  padding: 20px;
  text-align: center;
}

.btn-static {
  display: inline-block;
  width: auto;
  cursor: pointer;
  position: relative;
  font-size: 23px;
  letter-spacing: 0.025em;
  border: 0;
  outline: none;
  text-align: center;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  -webkit-transition: box-shadow 0.3s;
  -moz-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;

  background: transparent;
  background-color: transparent;
  font-size: 16px;
  color: #49bd58;
  border: solid 1px #49bd58;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;

  padding: 20px 44px;
}

.btn-static:hover {
  background-color: #49bd58;
  color: #fff;
}

.empty {
  font-size: 20px;
  font-family: "Stem";
  position: relative;
  background: linear-gradient(to right, #b48a3d 0%, #fcecce 71%, #ccaa6c 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  color: transparent;
  margin: 51px 0;
  letter-spacing: 0.05em;
  line-height: 29px;
  text-align: left;
}
.slick-track .empty {
  text-align: center;
}

.icon-instagram::before {
  background: url(../img/instagram.svg) no-repeat center center;
  background-size: auto;
  content: " ";
  display: inline-block;
  width: 20px;
  height: 20px;
  z-index: 9999;
  background-size: 200%;
}