@font-face {
  font-family: "e-Ukraine";
  font-display: swap;
  src: url("../fonts/e-Ukraine-Light.woff2") format("woff2"), url("../fonts/e-Ukraine-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "e-Ukraine";
  font-display: swap;
  src: url("../fonts/e-Ukraine-Medium.woff2") format("woff2"), url("../fonts/e-Ukraine-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "e-Ukraine";
  font-display: swap;
  src: url("../fonts/e-Ukraine-Regular.woff2") format("woff2"), url("../fonts/e-Ukraine-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "e-Ukraine";
  font-display: swap;
  src: url("../fonts/e-Ukraine-Thin.woff2") format("woff2"), url("../fonts/e-Ukraine-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "e-Ukraine";
  font-display: swap;
  src: url("../fonts/e-Ukraine-UltraLight.woff2") format("woff2"),
    url("../fonts/e-Ukraine-UltraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "e-Ukraine";
  font-display: swap;
  src: url("../fonts/e-Ukraine-Bold.woff2") format("woff2"), url("../fonts/e-Ukraine-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

*,
html,
body {
  font-family: "e-Ukraine";
}

html {
  background-image: url("../images/background.png");
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: fixed;
  background-size: cover;
}

.header {
  padding: 45px 0 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-logo {
  margin-right: 70px;
    cursor: pointer;
}

.header-title {
  font-weight: 700;
  font-size: 60px;
  line-height: 72px;
  color: #fff;
  margin: 0 0 12px 0;
  padding: 0;
}

.header-subtitle {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  margin: 0;
  padding: 0;
}

.header-menu {
  display: block;
  width: 100%;
}

.header-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-item {
  margin: 0;
  padding: 0;
}

.header-link {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  text-decoration: none;
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-transition: color 0.35s;
  transition: color 0.35s;
}
.header-link.red:hover {
  color: rgba(255, 0, 0, 1);
}

.header-link.yellow:hover {
  color: rgba(255, 245, 0, 1);
}

.header-link:hover {
  color: #cacaca;
}

.header-link::after {
  content: "";
  display: none;
  width: 50%;
  height: 2px;
  background: #fff;
  position: absolute;
  top: calc(100% + 7px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: all 0.4s ease 0s;
}
.header-link:hover:after {
  display: block;
}

.mainpage .container-xl {
  max-width: 1120px;
}

.mainpage-alert {
  margin-bottom: 20px;
  padding: 20px 20px 20px 20px;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border: 1px solid #21182a;
  backdrop-filter: blur(30px);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.mainpage-alert__item {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mainpage-alert__icon {
  display: block;
  width: 44px;
  height: 44px;
  margin-right: 15px;
}

.mainpage-alert__icon-clock {
  background: url("../images/bell1.png") center/contain no-repeat;
}

.mainpage-alert__icon-notebook {
  background: url("../images/video-conference1.png") center/contain no-repeat;
}

.mainpage-alert__icon-pin {
  background: url("../images/ip1.png") center/contain no-repeat;
}

.mainpage-alert__text {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: rgba(250, 236, 255, 1);
  max-width: 270px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.mainpage-alert__text-bott {
  margin: 10px 0 0 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: rgba(207, 193, 217, 1);
}

.mainpage-alert__text-copy {
  cursor: pointer;
  margin: 10px 0 0 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: rgba(207, 193, 217, 1);
  text-decoration: none;
}

.mainpage-alert__text-copy:hover {
  color: rgba(250, 236, 255, 0.5);
}

.mainpage-alert__text-copy-input {
  opacity: 0;
  display: inline;
  height: 0;
}

.mainpage-buttons a:hover {
    cursor: pointer;
}

.mainpage-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  margin: 0 -7.5px;
  margin-bottom: 20px;
  justify-content: center;
}

.mainpage-buttons__link {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  width: 280px;
  margin: 0 20px 0 20px;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border: 1px solid #21182a;
  padding: 20px 0px 20px 0px;
  border-radius: 10px;
}

.mainpage-buttons__link:hover {
  color: rgba(255, 255, 255, 0.6);
}

.mainpage-products {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -16px -5px;
  max-height: 900px;
  overflow-y: scroll;
}

.mainpage-products::-webkit-scrollbar {
  width: 5px;
}

.mainpage-products::-webkit-scrollbar-track {
  background: none;
}

.mainpage-products::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
  border-radius: 10px;
}

.informa {
	color: white;
}

.mainpage-products::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.mainpage-products__item {
  position: relative;
  height: 300px;
  width: calc(100% / 5 - 32px);
  background: linear-gradient(268.86deg, rgba(102, 68, 32, 1) 0.11%, rgba(102, 68, 32, 1) 99.58%);
  border: 1px solid #21182a;
  border-radius: 10px;
  padding: 5px 10px;
  margin: 0 16px 25px;
  display: flex;
  flex-direction: column;
  -webkit-transition: transfrom 0.35s;
  transition: transfrom 0.35s;
  justify-content: space-around;
  align-items: center;
}

.mainpage-products__item:hover {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.mainpage-products__item.exlusive button {
  background-color: #ff3600;
}

.mainpage-products__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  text-transform: uppercase;
  /* margin: 0; */
  /* padding: 10px 10px 0; */
}

.mainpage-products__title::after {
  position: absolute;
  top: calc(100% + 10px);
  left: 10px;
  content: attr(data-text);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 300;
  color: #ff3600;
}
.mainpage-products__background {
  position: relative;
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  margin: 30px 40px;
  background: #b6c41a;
  filter: blur(39px);
}

.mainpage-products__background.blue {
  background: #1d5ad0;
}

.mainpage-products__background.rose {
  background: #d01d88;
}
.mainpage-products__background.green {
  background: #1dd064;
}
.mainpage-products__background.yellow {
  background: #cdd01d;
}

.mainpage-products__image {
  position: absolute;
  display: block;
  width: 125px;
  height: 125px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  margin: 0 30px;
  z-index: 1000;
}

.mainpage-products__btn {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
  border: none;
  border-radius: 10px;
  background: rgba(218, 150, 1, 0.7);
  border: 1px solid #b6c41a;
  width: 100%;
  padding: 7px 19px 7px 19px;
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
}

.mainpage-products__btn:hover {
  background: rgba(183, 5, 165, 0.4);
}

.mainpage-last__btn {
  background-color: transparent;
  border-color: transparent;
}

.mainpage-last {
  padding: 15px 30px;
  background: linear-gradient(268.86deg, rgba(218, 150, 1, 0.49) 0.11%, rgba(218, 150, 1, 0.49) 99.58%);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mainpage-last__background {
  position: absolute;
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  margin: 20px 20px;
  background: #d01d1d;
  filter: blur(20px);
  pointer-events: none;
}

.mainpage-last__item {
  position: relative;
  cursor: pointer;
}

.mainpage-last__item:hover .mainpage-last__info {
  opacity: 1;
}

.mainpage-last__image {
  /* position: absolute; */
  width: 65px;
  height: 65px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  z-index: 1000;
}
.mainpage-last__background.blue {
  background: #1d5ad0;
}

.mainpage-last__background.rose {
  background: #d01d88;
}
.mainpage-last__background.green {
  background: #1dd064;
}
.mainpage-last__background.yellow {
  background: #cdd01d;
}

.mainpage-last__info {
  padding: 10px 15px;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border-radius: 10px;
  position: absolute;
  top: calc(100% + 25px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  display: flex;
  flex-direction: column;
}
.mainpage-last__column {
  display: flex;
}
.mainpage-last__column_left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.mainpage-last__column_right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.mainpage-last__text {
  white-space: nowrap;
  margin: 0px 5px 5px 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
}
.mainpage-last__title {
  margin: 12px 0px 10px 5px;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
}

.mainpage-last__text-mb {
  margin-bottom: 15px;
}

.rulespage .container-xl {
  max-width: 1120px;
}

.rulespage .nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  border: none;
  margin: 0 0 25px;
}

.rulespage .nav-item {
  width: 100%;
  margin: 0 10px 0 0;
}

.rulespage .nav-item:last-of-type {
  margin-right: 0;
}

.rulespage .nav-link {
  padding: 0;
  width: 100%;
  border: none;
  outline: none;
  font-size: 13.2px;
  line-height: 50px;
  font-weight: 400;
  color: #fff;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border-radius: 10px;
  border: 1px solid #21182a;
}

.rulespage .nav-link:hover {
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.69) 0.11%, rgba(42, 0, 83, 0.79) 99.58%);
  border: 1px solid rgba(33, 24, 42, 0.2);
}

.rulespage .nav-link.active {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(33, 24, 42, 0.4);
  color: rgb(255, 255, 255, 0.6);
}

.rulespage .tab-content {
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border-radius: 10px;
  padding: 25px;
  height: 700px;
  margin: 0 0 25px;
}

.rulespage .tab-pane {
  overflow-y: scroll;
  height: 100%;
}

.rulespage .tab-pane::-webkit-scrollbar {
  width: 5px;
}

.rulespage .tab-pane::-webkit-scrollbar-track {
  background: none;
}

.rulespage .tab-pane::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
  border-radius: 10px;
}

.rulespage .tab-pane::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.rulespage-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
  text-align: left;
  margin: 20px 10px;
}

.rulespage-text__mb {
  margin: 0 0 30px;
}

.rulespage-link {
  display: block;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.7);
  margin: 0 0 25px;
  font-size: 16px;
  line-height: 50px;
  font-weight: 400;
  color: #000000b3;
  text-decoration: none;
  text-align: center;
}

.rulespage-link:hover {
  color: #4b4b4b;
}

.rulespage-alert {
  border-radius: 10px;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border: 1px solid #21182a;
  padding: 40px;
  margin: 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
  color: #fff;
  text-align: center;
}

.downloadpage .container-xl {
  max-width: 1120px;
}

.downloadpage-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.downloadpage-launcher {
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border: 1px solid #21182a;
  border-radius: 10px;
  margin-right: 30px;
  width: 100%;
  max-width: 325px;
  min-height: 325px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-bottom: 20px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
}

.downloadpage-launcher:hover {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

.downloadpage-logo {
  width: 225px;
  height: 225px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.downloadpage-title {
  position: absolute;
  bottom: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 13.7px;
  line-height: 1.2;
  font-weight: 300;
  color: #fff;
  margin: 0;
}

.downloadpage-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 25px;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border-radius: 10px;
  border: 1px solid #21182a;
  margin-bottom: 20px;
}

.downloadpage-text {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  margin: 5px 0 5px 0;
}

.downloadpage-text__mb {
  margin-bottom: 15px;
}

.downloadpage-buttons {
  margin: 0 -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.downloadpage-link {
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border: 1px solid #21182a;
  border-radius: 10px;
  font-size: 14px;
  line-height: 45px;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  color: #fff;
  display: block;
  width: 100%;
  margin: 0 10px;
  transition: all 0.4s ease 0s;
}

.downloadpage-link:hover {
  color: rgb(255, 255, 255, 0.4);
}

.downloadpage-link:first-of-type {
  background: rgba(183, 5, 165, 0.7);
  color: #ffffff;
}

.downloadpage-link:first-of-type:hover {
  color: rgb(255, 255, 255, 0.4);
}

.notconsole-title {
  max-width: 725px;
  margin: 0 auto 70px;
  font-size: 27px;
  line-height: 1.2;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}

.notconsole-btn {
  display: block;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  line-height: 50px;
  font-weight: 300;
  color: #000000b3;
  text-align: center;
  max-width: 410px;
  width: 100%;
  margin: 0 auto 25px;
}

.notconsole-text {
  max-width: 725px;
  margin: 0 auto 70px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
}

.consolepage .container-xl {
  max-width: 1120px;
}

.consolepage-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.consolepage-input {
  width: 100%;
  position: relative;
  margin-right: 20px;
}

.consolepage-input::before {
  content: "/";
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
  color: #000000b3;
}

.consolepage-input input {
  border: none;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  line-height: 50px;
  padding: 0 20px;
}

.consolepage-input input::-webkit-input-placeholder {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
  color: #00000080;
}

.consolepage-input input:-ms-input-placeholder {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
  color: #00000080;
}

.consolepage-input input::-ms-input-placeholder {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
  color: #00000080;
}

.consolepage-input input::placeholder {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
  color: #00000080;
}

.consolepage-input input:focus {
  outline: none;
}

.consolepage-servers {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  width: 100%;
  max-width: 375px;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.consolepage-servers label {
  line-height: 50px;
  font-size: 12px;
  font-weight: 300;
  color: #000000b3;
}

.consolepage-server {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.consolepage-switch input.form-check-input {
  margin-left: 10px;
}

.consolepage-btn {
  border: none;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  line-height: 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px;
  font-weight: 300;
  color: #000000b3;
  white-space: nowrap;
  padding: 0 20px;
}

.consolepage-btn:focus {
  outline: none;
}

.consolepage-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.consolepage-commands {
  max-height: 720px;
  width: 100%;
  max-width: 540px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  padding: 25px 20px;
  margin-left: 60px;
}

.consolepage-title {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #000000b3;
  margin: 0 0 35px;
}

.consolepage-list {
  height: 100%;
  max-height: 600px;
  overflow-y: scroll;
}

.consolepage-list::-webkit-scrollbar {
  width: 5px;
}

.consolepage-list::-webkit-scrollbar-track {
  background: none;
}

.consolepage-list::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
  border-radius: 10px;
}

.consolepage-list::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.consolepage-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 25px;
  padding-right: 20px;
}

.consolepage-text {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #000000b3;
  max-width: 300px;
}

.consolepage-use {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 300;
  color: #00000080;
}

.consolepage-history {
  width: 100%;
  max-width: 500px;
}

.consolepage-history .slick-prev {
  left: -40px;
}

.consolepage-history .slick-prev::before {
  content: "";
  background: url("../images/next.png") center/contain no-repeat;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  width: 20px;
  height: 20px;
  display: block;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 400;
  color: #ffffff;
}

.consolepage-history .slick-next {
  right: -40px;
}

.consolepage-history .slick-next::before {
  content: "";
  background: url("../images/images/next.png.html") center/contain no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 400;
  color: #ffffff;
}

.consolepage .history-item {
  margin: 0;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  padding: 25px 20px;
  margin-bottom: 20px;
  height: 225px;
}

.consolepage .history-item__mb {
  margin-bottom: 0;
}

.consolepage .history-title {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
  color: #000000b3;
  margin: 0 0 5px;
}

.consolepage .history-command {
  margin: 0 0 25px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
  color: #000000b3;
}

.consolepage .history-command span {
  margin-left: 5px;
  line-height: 18px;
  padding: 0 10px;
  display: inline-block;
  background-color: #ffffff;
  border-radius: 10px;
}

.consolepage .history-response {
  margin: 0;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
  color: #000000b3;
  overflow-y: scroll;
  height: 100%;
  max-height: 100px;
}

.consolepage .history-response::-webkit-scrollbar {
  width: 5px;
}

.consolepage .history-response::-webkit-scrollbar-track {
  background: none;
}

.consolepage .history-response::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
  border-radius: 10px;
}

.consolepage .history-response::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.consolepage .history-response__mb {
  margin-bottom: 15px;
  overflow-y: auto;
  height: auto;
}

.banspage .container-xl {
  max-width: 1120px;
}

.banspage .nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  border: none;
  margin: 0 0 25px;
}

.banspage .nav-item {
  width: 100%;
  margin: 0 10px 0 0;
}

.banspage .nav-item:last-of-type {
  margin-right: 0;
}

.banspage .nav-link {
  padding: 0;
  width: 100%;
  border: none;
  outline: none;
  font-size: 13.2px;
  line-height: 50px;
  font-weight: 400;
  color: #000000b3;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
}

.banspage .nav-link:hover {
  color: #595959;
}

.banspage .nav-link.active {
  background-color: rgba(255, 255, 255, 0.7);
  color: #ff2a00;
}

.banspage-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
}

.banspage-input {
  width: 100%;
  margin-right: 25px;
  position: relative;
}

.banspage-input::before {
  content: "";
  background: url("../images/seacrh.png") center/contain no-repeat;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.banspage-input input {
  width: 100%;
  border: none;
  line-height: 65px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #000000b3;
  padding: 0 40px;
}

.banspage-input input::-webkit-input-placeholder {
  color: #00000080;
}

.banspage-input input:-ms-input-placeholder {
  color: #00000080;
}

.banspage-input input::-ms-input-placeholder {
  color: #00000080;
}

.banspage-input input::placeholder {
  color: #00000080;
}

.banspage-input input:focus {
  outline: none;
}

.banspage-btn {
  border: none;
  line-height: 65px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;
  color: #000000b3;
  padding: 0 15px;
  white-space: nowrap;
}

.banspage-btn:focus {
  outline: none;
}

.banspage .thead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  padding: 30px;
}

.banspage .thead p {
  margin: 0;
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #000000b3;
}

.banspage .tbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
  padding: 70px 30px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  position: relative;
}

.banspage .tbody span {
  display: none;
}

.banspage .tbody p {
  margin: 0;
  width: 100%;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #000000b3;
}

.banspage .tbody img {
  width: 60px;
  height: 60px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.banspage .tbody button {
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 55px;
  background-color: #ff3600;
  padding: 0 35px;
  display: block;
  position: absolute;
  bottom: 25px;
  right: -20px;
  border-radius: 10px;
  border: 0;
}

.banspage .tbody-1 {
  max-width: 165px;
}

.banspage .tbody-2 {
  max-width: 165px;
}

.banspage .tbody-3 {
  max-width: 295px;
}

.banspage .tbody-4 {
  max-width: 95px;
}

.banspage .tbody-5 {
  max-width: 95px;
}

.banspage .tbody-6 {
  max-width: 160px;
}

.banspage-pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
}

.banspage-item {
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 60px;
  width: 60px;
  text-align: center;
  font-weight: 400;
  color: #000000b3;
  text-decoration: none;
  cursor: pointer;
}

.banspage-item:hover {
  color: #ff1e0080;
}

.banspage-item__active {
  color: #ff1e00;
}

.rights-new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.rights-new button {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 0;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  line-height: 50px;
  font-size: 12px;
  font-weight: 300;
  color: #000000b3;
  padding: 0 20px;
  display: block;
  white-space: nowrap;
  display: block;
  width: 245px;
}

.rights-new button:focus {
  outline: none;
}

.rights-new .rights-servers {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
}

.rights-new .rights-servers:last-of-type {
  margin-bottom: 70px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.rights-new .rights-server {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rights-new .rights-server label {
  font-size: 12px;
  line-height: 50px;
  font-weight: 300;
  color: #000000b3;
}

.rights-new .form-check-input {
  font-size: 20px;
  margin: 0;
  margin-left: 5px;
  margin-right: 15px;
}

.rights-new .rights-users {
  padding-left: 70px;
  font-size: 16.8px;
  font-weight: 300;
  color: #ffffff;
}

.rights-input {
  width: 100%;
  margin-right: 20px;
}

.rights-input input {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  width: 100%;
  border: 0;
  line-height: 50px;
  font-size: 12px;
  font-weight: 300;
  color: #000000b3;
  padding: 0 13px;
}

.rights-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.rights-user p {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  width: 100%;
  border: 0;
  line-height: 50px;
  font-size: 12px;
  font-weight: 300;
  color: #000000b3;
  padding: 0 13px;
}

.rights-user button {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 0;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  line-height: 50px;
  font-size: 12px;
  font-weight: 300;
  color: #000000b3;
  padding: 0 20px;
  display: block;
  white-space: nowrap;
  display: block;
  width: 245px;
}

.rights-user button:focus {
  outline: none;
}

.rights-user .rights-servers {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
}

.rights-user .rights-server {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rights-user .rights-server label {
  font-size: 12px;
  line-height: 50px;
  font-weight: 300;
  color: #000000b3;
}

.rights-user .form-check-input {
  font-size: 20px;
  margin: 0;
  margin-left: 5px;
  margin-right: 15px;
}

.rights-user .rights-users {
  padding-left: 70px;
  font-size: 16.8px;
  font-weight: 300;
  color: #ffffff;
}

.promocods-input {
  width: 100%;
  margin-right: 20px;
}

.promocods-input input {
  width: 100%;
  border: 0;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  line-height: 50px;
  font-size: 12px;
  font-weight: 300;
  color: #000000b3;
  padding: 0 13px;
}

.promocods-servers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px;
}

.promocods-server {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}

.promocods-server:last-of-type {
  margin-left: 20px;
}

.promocods-switch {
  margin-left: 5px;
}

.promocods-switch input.form-check-input {
  font-size: 20px;
  margin: 0;
}

.promocods-new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 70px;
}

.promocods-new button {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 0;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  line-height: 50px;
  font-size: 12px;
  font-weight: 300;
  color: #000000b3;
  padding: 0 20px;
  display: block;
  white-space: nowrap;
  display: block;
  width: 245px;
}

.promocods-new button:focus {
  outline: none;
}

.promocods-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

.promocods-item p {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  line-height: 50px;
  margin: 0 20px 0 0;
  font-size: 12px;
  font-weight: 300;
  color: #000000b3;
  padding: 0 13px;
}

.promocods-item button {
  background-color: rgba(255, 255, 255, 0.7);
  white-space: nowrap;
  line-height: 50px;
  border: none;
  padding: 0 40px;
  border-radius: 10px;
  font-size: 13.6px;
  font-weight: 400;
  color: #000000b3;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 245px;
}

.promocods-item button:focus {
  outline: none;
}

.panelpage .container-xl {
  max-width: 1477px;
}

.panelpage .nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 290px;
  border: none;
}

.panelpage .nav-item {
  width: 100%;
  margin: 0 10px 0 0;
}

.panelpage .nav-item:last-of-type {
  margin-right: 0;
}

.panelpage .nav-link {
  padding: 0;
  width: 100%;
  border: none;
  outline: none;
  font-size: 13.2px;
  line-height: 50px;
  font-weight: 400;
  color: #000000b3;
}

.panelpage .nav-link:hover {
  color: #595959;
}

.panelpage .nav-link.active {
  color: #ff2a00b3;
}

#alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.settigns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.settigns-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.settigns-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 30px;
}

.left-commands {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 245px;
  height: 50px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.7);
  margin-right: 20px;
  padding: 0 15px;
  font-size: 12.4px;
  line-height: 1.2;
  font-weight: 300;
  color: #000000b3;
}

.left-commands input {
  font-size: 18px;
}

.left-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 245px;
  height: 50px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0 15px;
  font-size: 12.4px;
  line-height: 1.2;
  font-weight: 300;
  color: #000000b3;
}

.left-message input {
  font-size: 18px;
}

.right-input input {
  background-color: rgba(255, 255, 255, 0.7);
  border: none;
  border-radius: 10px;
  width: 245px;
  line-height: 50px;
  font-size: 12.4px;
  font-weight: 300;
  color: #000000b3;
  padding: 0 10px;
  margin-bottom: 15px;
}

.right-input input:focus {
  outline: none;
}

.right-btn {
  background-color: rgba(255, 255, 255, 0.7);
  border: none;
  line-height: 50px;
  padding: 0 60px;
  font-size: 12.4px;
  font-weight: 300;
  color: #000000b3;
  border-radius: 10px;
  margin-left: 20px;
}

.right-btn:focus {
  outline: none;
}

.right-servers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.right-servers label {
  font-size: 12px;
  line-height: 1.2;
  font-weight: 300;
  color: #000000b3;
}

.right-switch .form-check-input {
  margin: 0 0 0 5px;
  font-size: 20px;
}

.right-server {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.console {
  border-radius: 10px;
  height: 435px;
  background-color: rgba(255, 255, 255, 0.7);
  overflow-y: scroll;
  padding: 35px 20px;
}

.console::-webkit-scrollbar {
  width: 5px;
}

.console::-webkit-scrollbar-track {
  background: none;
}

.console::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
  border-radius: 10px;
}

.console::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.console p {
  padding-right: 20px;
  font-size: 12.3px;
  line-height: 1.2;
  font-weight: 300;
  color: #000000b3;
  margin-bottom: 15px;
}

.alert-input {
  width: 100%;
}

.alert-input input {
  width: 100%;
  border: 0;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  line-height: 42px;
  width: 100%;
  padding: 0 20px;
  font-size: 12px;
  font-weight: 300;
  color: #000000b3;
}

.alert-input input:focus {
  outline: none;
}

.alert-btn {
  border: 0;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  line-height: 42px;
  font-size: 12px;
  font-weight: 300;
  color: #000000b3;
  padding: 0 20px;
  display: block;
  white-space: nowrap;
  margin-left: 15px;
}

.alert-btn:focus {
  outline: none;
}

#console .settigns-right {
  margin-bottom: 50px;
}

.stats {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  margin-top: 50px;
  padding: 30px;
}

.stats-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 -25px;
}

.stats-item {
  width: calc(100% / 5 - 50px);
  margin: 0 25px;
  font-size: 14.6px;
  line-height: 1.2;
  font-weight: 300;
  color: #000000b3;
}

.stats-item span {
  white-space: nowrap;
}

.footer {
  margin-top: 175px;
  padding: 55px 0 65px;
  background: #000;
}

.footer .container-xl {
  max-width: 1160px;
}

.footer-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-logo {
  cursor: pointer;
  margin-right: 70px;
}

.footer-title {
  font-weight: 700;
  font-size: 60px;
  line-height: 72px;
  color: #fff;
  margin: 0 0 10px 0;
  padding: 0;
}

.footer-subtitle {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #fff;
  margin: 0;
  padding: 0;
}

.footer-menu {
  display: block;
  width: 100%;
}

.footer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-item {
  margin: 0;
  padding: 0;
}

.footer-link {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  text-decoration: none;
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-transition: color 0.35s;
  transition: color 0.35s;
}

.footer-link:hover {
  color: #cacaca;
}

.footer-copyright {
  margin-top: 180px;
  display: flex;
  flex-direction: column;
}

.footer-text {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  text-align: center;
  margin: 0;
  padding: 0;
}
.footer-text_link {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  margin: 10px auto;
  text-decoration: none;
  padding: 0;
}

#buyModal {
}

#buyModal .modal-content {
  /* border: none; */
}

#buyModal .modal-body {
  position: relative;
}

#buyModal .modal-close {}

#buyModal .modal-close:focus {
  outline: none;
}
.buyMobal-column {
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.buyMobal-column_left {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.buyMobal-column_right {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

.buyModal-title {
  font-weight: 700;
  font-size: 26px;
  line-height: 31px;
  color: #000000;
  text-align: center;
  margin: 0 0 55px;
}

.buyModal-name {
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  color: #000000;
  text-align: center;
  margin: 0 0 35px;
}

.buyModal-input {
  display: block;
  width: calc(100% - 50px);
  max-width: 370px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  border: none;
  padding: 0 15px;
  margin: 0 auto 25px;
  line-height: 40px;
  font-size: 12px;
  font-weight: 300;
  color: #212121;
}

.buyModal-input:focus {
  outline: none;
}

.buyModal-input::-webkit-input-placeholder {
  font-size: 12px;
  color: #9e9e9e;
}

.buyModal-input:-ms-input-placeholder {
  font-size: 12px;
  color: #9e9e9e;
}

.buyModal-input::-ms-input-placeholder {
  font-size: 12px;
  color: #9e9e9e;
}

.buyModal-input::placeholder {
  font-size: 12px;
  color: #9e9e9e;
}

.donate-text {
    font-size: 11.8px;
    line-height: 1.2;
    font-weight: 400;
    color: #9e9e9e;
    margin: 5%;
}

.donate-text__mb {
    margin-bottom: 15px;
}

.buyModal-servers {
  padding: 0 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  margin-bottom: 25px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.buyModal-serv {
  background: #f2f2f2;
  border: 1px solid #eaedf6;
  border-radius: 10px;
  width: calc(100% - 50px);
  max-width: 370px;
  margin: 0 auto 25px;
  padding: 20px 30px 20px 30px;
}
.buyModal-desc_title {
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
  text-align: center;
  color: #888888;
}

.buyModal-server {
  display: flex;
  padding: 12px 0px 12px 0;
  align-items: center;
}

.buyModal-server label {
  font-size: 12.9px;
  line-height: 1.2;
  font-weight: 400;
  color: #9e9e9e;
  text-align: center;
  display: block;
  margin: 0 5px 0 0px;
}

.buyModal-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.buyModal-switch input {
  font-size: 20px;
}

.buyModal-switch input.form-check-input {
  margin: 0;
}

.buyModal-switch input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.buyModal-desc {
  max-width: 290px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  color: #bababa;
  text-align: center;
}

.buyModal-btn {
  display: block;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border: 1px solid rgba(217, 226, 255, 0.31);
  border-radius: 10px;
  max-width: 370px;
  width: 100%;
  margin: 0 auto 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
  padding: 13px 40px 13px 40px;
  text-align: center;
}

.buyModal-promo {
  margin-bottom: 40px;
}

.buyModal-link {
  display: block;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 400;
  color: #9e9e9e;
  text-decoration: none;
  text-align: center;
  -webkit-transition: color 0.35s;
  transition: color 0.35s;
}

.buyModal-link:hover {
  color: #707070;
}

.buyModal-promoInput {
  display: none;
  width: calc(100% - 50px);
  max-width: 370px;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  border: none;
  padding: 0 15px;
  margin: 0 auto 25px;
  line-height: 17px;
  font-size: 14px;
  padding: 13px 18px;
  font-weight: 500;
  color: #212121;
}

.buyModal-promoInput:focus {
  outline: none;
}

.buyModal-promoInput::-webkit-input-placeholder {
  font-size: 12px;
  color: #9e9e9e;
}

.buyModal-promoInput:-ms-input-placeholder {
  font-size: 12px;
  color: #9e9e9e;
}

.buyModal-promoInput::-ms-input-placeholder {
  font-size: 12px;
  color: #9e9e9e;
}

.buyModal-promoInput::placeholder {
  font-size: 12px;
  color: #9e9e9e;
}

.buyModal-promoInput.active {
  display: block;
}

.buyModal-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #888888;
  margin: 0px 0px 0px 0px;
}

.buyModal-text__mb {
  margin-bottom: 15px;
}
.buyModal-text__mb_title {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #888888;
  margin: 0px 0px 10px 0px;
  text-align: center;
}

.buyModal-text_titl {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #888888;
  margin: 10px 0px 10px 0px;
}
.buyModal-text_dash {
  list-style-type: none;
}
.buyModal-text_dash > li {
  text-indent: -5px;
}
.buyModal-text_dash > li::before {
  content: "/";
  text-indent: -5px;
}

.column {
  display: flex;
  width: 100%;
  max-width: 100%;
  max-height: 630px;
  justify-content: center;
}

.column__left {
  width: 500px;
  display: flex;
  flex-direction: column;
  margin: 0px 30px 0px 0px;
}

.column__right {
  width: 500px;
  display: flex;
  flex-direction: column;
  margin: 0px 0px 0px 30px;
}

.left__input {
  margin: 0px 0px 20px 0px;
}
.left__btn {
  display: flex;
  /* width: 100%; */
  max-width: 500px;
}
.left__dialog {
  margin: 20px 0px 0px 0px;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  height: 500px;
  border-radius: 10px;
  border: none;
  width: 100%;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  padding: 20px 20px;
}

.input-command {
  width: 100%;
  outline: none;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border-radius: 10px;
  border: none;
  padding: 15px 20px;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
}
.input-command::placeholder {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
}

.btn-command {
  display: flex;
  align-items: center;
  width: 240px;
  outline: none;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border-radius: 10px;
  border: none;
  padding: 15px 20px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  margin: 0px 5px 0px 0px;
}
.btn-command:last-child {
  margin: 0px 0px 0px 0px;
}
.btn-command:hover {
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.69) 0.11%, rgba(42, 0, 83, 0.79) 99.58%);
}

.right__dialog {
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  height: 100%;
  border-radius: 10px;
  border: none;
  width: 100%;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  padding: 20px 20px;
  overflow-y: auto;
}
.right__dialog::-webkit-scrollbar {
  width: 5px;
}
.right__dialog::-webkit-scrollbar-track {
  background: none;
}
.right__dialog::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
  border-radius: 10px;
}
.right__dialog::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.dialog__title {
  display: flex;
  align-items: center;
  margin: 0px 0px 32px 0px;
}
.dialog__text {
  display: flex;
  flex-direction: column;
}

.dialog-img-title {
  margin: 0px 10px 0px 0px;
  width: 24px;
  height: 24px;
  background-image: url("../images/console.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.text-name {
  margin: 20px 0px 5px 0px;
}

.text-privelegi {
  display: flex;
}

.privelegi {
  margin: 0px 10px 0px 10px;
  width: 16px;
  height: 16px;
  background-image: url("../images/caution.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.text-day {
  margin: 5px 0px 0px 0px;
  display: flex;
}

.day {
  display: block;
  margin: 0px 10px 0px 10px;
  width: 16px;
  height: 16px;
  background-image: url("../images/calendar.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.command-img {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0px 10px 0px 0px;
  background-image: url("../images/arrow.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.command-img-send {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0px 3px 0px 0px;
  background-image: url("../images/locate.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.dropdown {
  position: relative;
}

.downloadpage-text__li {
  font-weight: 700;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  margin: 5px 0 5px 0;
}
.downloadpage-text__li::before {
  content: "→";
  padding-right: 7px;
  color: #fff;
}

.btn-check:focus + .btn-primary,
.btn-primary:focus {
  background-color: #830078;
  border-color: none;
  color: #fff;
}

.dropdown-menu-dark {
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border-radius: 10px;
  text-align: start;
}

.dropdown-toggle::after {
  display: none;
}

.panel {
  display: flex;
  justify-content: center;
  max-height: 682px;
}

.navigation {
  display: flex;
  flex-direction: column;
  height: 674px;
}

.navigation-item {
  max-width: 260px;
}
.navigation-item:last-child {
  margin: 0px 0px 0px 0px;
}

.navigation-toggle {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  background: none;
  border: none;
}
.navigation-toggle:hover {
  color: #cacaca;
}
.navigation-toggle input {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
  text-decoration: none;
  background: none;
  display: none;
}

.panel-content {
  display: flex;
  flex-direction: column;
  margin: 0px 0px 0px 30px;
  max-height: 682px;
}

.tab-content {
  max-width: 1182px;
  color: white;
}

.top-nav {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

.btn-settings {
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border-radius: 10px;
  color: #fff;
  width: 219px;
  height: 49px;
  padding: 15px 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin: 0px 0px 0px 20px;
  border: 1px solid #21182a;
}
.btn-settings:hover {
  transition: all 0.4s ease 0s;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.69) 0.11%, rgba(42, 0, 83, 0.79) 99.58%);
}
.btn-settings:first-child {
  margin: 0px 0px 0px 0px;
}
.btn-settings input {
  background: none;
  outline: none;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  overflow: hidden;
  width: 100%;
}
.btn-settings input::placeholder {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.btn-settings input::placeholder:target {
  display: none;
}

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

.command-img {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0px 5px 0px 0px;
  /* background-image: url("../img/arrow.png"); */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

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

.pancel-img {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0px 5px 0px 0px;
  background-image: url("../img/pen.png.html");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

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

.search-img {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0px 5px 0px 0px;
  background-image: url("../img/search.png.html");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.console-log {
  display: flex;
  flex-direction: column;
  width: auto;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border-radius: 10px;
  height: 600px;
  margin: 28px 0px 0px 0px;
  padding: 20px 30px;
  border: 1px solid #21182a;
  overflow: auto;
}
.panel-drop {
  width: 219px;
}

.navigation-item {
  text-decoration: none;
  list-style: none;
}

.tab-content {
}

.navigation-list {
  margin: 100px 0px 0px 0px;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.btn-settings {
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border-radius: 10px;
  color: #fff;
  width: 219px;
  height: 49px;
  padding: 15px 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin: 0px 0px 0px 20px;
  border: 1px solid #21182a;
}
.btn-settings:hover {
  transition: all 0.4s ease 0s;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.69) 0.11%, rgba(42, 0, 83, 0.79) 99.58%);
}
.btn-settings:first-child {
  margin: 0px 0px 0px 0px;
}
.btn-settings input {
  background: none;
  outline: none;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  overflow: hidden;
  width: 100%;
  border: none;
}
.btn-settings input::-moz-placeholder {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.btn-settings input:-ms-input-placeholder {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.btn-settings input::placeholder {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.btn-settings input::-moz-placeholder:target {
  display: none;
}
.btn-settings input:-ms-input-placeholder:target {
  display: none;
}
.btn-settings input::placeholder:target {
  display: none;
}

.pancel-img {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0px 5px 0px 0px;
  background-image: url("../images/pen.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

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

.search-img {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0px 5px 0px 0px;
  background-image: url("../images/search.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.top-nav-promocode {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.btn-settings-promo {
  display: flex;
  align-items: center;
  width: 270px;
  margin: 0px 0px 40px 0px;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  padding: 10px 0px;
  border-radius: 10px;
  border: 1px solid #21182a;
}
.hotsale {
  display: flex;
  justify-content: center;
  margin: 0px 10px 40px 0px;
}
.plus {
  display: flex;
  justify-content: center;
}
.plus button {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: none;
  outline: none;
  border: none;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}
.promocod {
  display: flex;
  margin: 0px 10px 40px 0px;
  justify-content: center;
}
.promocod input {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: none;
  outline: none;
  border: none;
  text-align: center;
}
.promocod input::placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
}
.hotsale button {
  border: none;
  background: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.promocode-log {
  display: flex;
  flex-direction: column;
  flex-flow: wrap;
  max-height: 600px;
  overflow: auto;
  justify-content: space-between;
}
.promocode-log::-webkit-scrollbar {
  width: 5px;
}
.promocode-log::-webkit-scrollbar-track {
  background: none;
}
.promocode-log::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
  border-radius: 10px;
}
.promocode-log::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.hot-img {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0px 5px 0px 0px;
  background-image: url("../images/hot-sale.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.plus-img {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0px 5px 0px 0px;
  background-image: url("../images/plus.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.promocode-content {
  width: 289px;
  height: 170px;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border-radius: 10px;
  border: 1px solid #21182a;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 30px;
  margin: 0px 20px 20px 0px;
}
.promocode-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
}
.promocode-skidka {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  margin: 20px 0px 0px 0px;
  text-align: center;
  display: flex;
}
.promocode-btn {
  margin: 20px 0px 0px 0px;
  background: rgba(183, 5, 165, 0.7);
  border: 1px solid #830078;
  border-radius: 10px;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  padding: 10px 20px;
}

.ruls-log {
  width: 1217px;
  display: flex;
  flex-direction: column;
  flex-flow: wrap;
  max-height: 600px;
  overflow: auto;
}
.ruls-log::-webkit-scrollbar {
  width: 5px;
}
.ruls-log::-webkit-scrollbar-track {
  background: none;
}
.ruls-log::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
  border-radius: 10px;
}
.ruls-log::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.btn-settings-ruls {
  width: 230px;
  height: 100%;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  padding: 10px 0px;
  border-radius: 10px;
  border: 1px solid #21182a;
}
.newuser {
  display: flex;
  align-items: center;
  justify-content: center;
}
.newuser button {
  border: none;
  background: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  outline: none;
}

.adress {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 460px;
  height: 100%;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  padding: 10px 0px;
  border-radius: 10px;
  border: 1px solid #21182a;
}

.adress input {
  width: 300px;
  background: none;
  border: none;
  background: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  outline: none;
}

.adress input::placeholder {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
}

.top-nav-switch {
  display: flex;
  height: 100%;
  text-align: center;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  padding: 10px 15px;
  width: 330px;
  border-radius: 10px;
}

.ruls-content {
  width: 394px;
  padding: 10px 20px;
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border-radius: 10px;
  margin: 0px 10px 20px 0px;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
}
.ruls-prava {
  display: flex;
}

.ruls-modal {
  margin: -20px 0px 0px 50px;
  width: 24px;
  height: 24px;
  background: url("../images/gear.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
}
.ruls-title {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #599cff;
  margin: 0 0 10px 0;
}
.prava-text {
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #dbdbdb;
  margin: 0 10px;
}
.redtxt {
  margin: 0px 5px 0px 0px;
  color: rgba(255, 63, 63, 1);
}
.purpletxt {
  margin: 0px 5px 0px 0px;
  color: rgba(252, 114, 255, 1);
}
.greentxt {
  margin: 0px 0px 0px 0px;
  color: rgba(145, 255, 175, 1);
}

.top-nav-ruls {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin: 0 0 40px 0;
  justify-content: space-between;
  align-content: space-between;
}
.modal-close {
  position: absolute;
  top: 22.5px;
  right: 25px;
  width: 20px;
  height: 20px;
  background: url("../images/error2.png") center/contain no-repeat;
  border: none;
}

.rulmodal-close {
  position: absolute;
  top: 5.5px;
  right: 7px;
  width: 14px;
  height: 14px;
  background: url("../images/XCircle.svg") center/contain no-repeat;
  border: none;
}

.rulmodal {
  background: linear-gradient(222.89deg, rgba(108, 53, 179, 0.7) 0.83%, rgba(183, 5, 165, 0.7) 100%);
  backdrop-filter: none;
}
.rulmodal-dialog {
  display: flex;
  justify-content: center;
}

.rulmodal-content {
  background: linear-gradient(268.86deg, rgba(71, 0, 132, 0.49) 0.11%, rgba(42, 0, 83, 0.49) 99.58%);
  border: 1px solid #21182a;
}
.rulmodal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.modal-name {
  display: flex;
  margin: 0px 0px 15px 0px;
}
.modal-name h5 {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #599cff;
}

.pancel-btn {
  width: 16px;
  height: 16px;
  background: none;
  background-image: url("../images/pen.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  border: none;
  margin: 0px 10px 0px 0px;
}

.modal-nickname {
  display: flex;
  margin: 0px 0px 15px 0px;
}
.modal-nickname p {
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
}

.modal__switch {
}
.modal__btn {
  width: 179px;
  background: rgba(183, 5, 165, 0.7);
  border: 1px solid #830078;
  border-radius: 10px;
  padding: 10px 15px;
  display: flex;
  justify-content: center;
  margin: 17px 0px 17px 0px;
  transition: all 0.5s ease 0s;
  align-items: center;
}
.modal__btn:last-child {
  margin: 0px 0px 0px 0px;
}
.modal__btn:hover {
  background: rgba(131, 0, 120, 1);
}
.delete-img {
  width: 16px;
  height: 16px;
  background-image: url("../images/delete.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0px 5px 0px 0px;
}
.floppy-img {
  width: 16px;
  height: 16px;
  background-image: url("../images/floppy-disk.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0px 5px 0px 0px;
}
.btn__delete {
  border: none;
  background: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
}
.btn__save {
  border: none;
  background: none;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
}