@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&display=swap");

@font-face {
    font-family: "Digital Numbers Regular";
    font-style: normal;
    font-weight: normal;
    src: local("Digital Numbers Regular"), url("../fonts/DigitalNumbers-Regular.woff") format("woff");
}

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

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

* {
    box-sizing: border-box;
    flex: 0 1 auto;
    padding: 0;
    margin: 0;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 14px;
    outline: none;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a {
    text-decoration: none;
}

html,
body {
    display: flex;
    min-height: 100%;
    font-size: 10px;
    width: 100%;
    height: auto;
    flex-direction: column;
}

html {
    background: url("../images/bg.png") top center no-repeat, radial-gradient(68.56% 82.81% at 50% 17.19%, #164372 0%, #164372 0.01%, #001733 100%);
    position: relative;
}

.wrapper {
    width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
    flex: 1;
}

.color-yellow {
    color: #e3fb55 !important;
}

.color-blue {
    color: #3fd0f1 !important;
}

.color-blue2 {
    color: #6494c9 !important;
}

.color-white {
    color: white !important;
}

.lives {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 15px !important;
}

.lives:before {
    content: "";
    display: block;
    border-radius: 50%;
    background-color: #ff2156;
    margin-right: 10px;
    width: 7px;
    height: 7px;
    -webkit-animation: live 1s infinite linear;
    animation: live 1s infinite linear;
}

@-webkit-keyframes live {
    from {
        box-shadow: 0px 0px 0px 0px #e8354e;
    }

    to {
        box-shadow: 0px 0px 0px 8px rgba(232, 53, 78, 0.01);
    }
}

@keyframes live {
    from {
        box-shadow: 0px 0px 0px 0px #e8354e;
    }

    to {
        box-shadow: 0px 0px 0px 8px rgba(232, 53, 78, 0.01);
    }
}

header {
    display: flex;
    justify-content: center;
    padding-top: 24px;
}

header .select-lang {
    background: #19497e;
    border-radius: 21px;
    height: 22px;
    padding: 2px;
    display: flex;
    align-items: center;
    padding-right: 25px;
    position: relative;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    margin-top: -4px;
}

header .select-lang svg {
    position: absolute;
    right: 10px;
    transition: all 0.2s;
}

header .select-lang > img {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    margin-right: 9px;
}

header .select-lang:hover {
    background: #163461;
}

header .select-lang:hover svg {
    transform: rotate(180deg);
}

header .logo {
    margin: 0 14px;
}

header .logo img {
    height: 138px;
}

header .soc {
    margin-top: -2px;
}

header.header-account .header-item__top a.active,
header.header-account .header-item__top a:hover {
    opacity: 0.7;
}

header.header-account .header-item__bot {
    justify-content: space-between !important;
}

header.header-account .header-item__bot a {
    text-transform: uppercase;
    font-size: 14px;
    color: #beffff !important;
}

header.header-account .header-item__bot a.active,
header.header-account .header-item__bot a:hover {
    color: rgba(190, 255, 255, 0.35) !important;
}

header.header-account .header-item__bot a.active svg,
header.header-account .header-item__bot a:hover svg {
    fill: rgba(190, 255, 255, 0.35) !important;
}

header .user_logout {
    list-style: none;
    display: flex;
}

header .user_logout li {
    margin: 0 5px;
}

header .user_logout li a {
    padding: 0;
    background: #19497e;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

header .user_logout li a svg {
    fill: #e3fb55;
}

header .user_logout li a:hover svg {
    fill: #fff;
}

header .slider_home__info {
    display: flex;
    align-items: center;
    padding-top: 8px;
    width: 100%;
    justify-content: space-between;
}

header .slider_home__info span {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    color: #2f92ff !important;
    cursor: pointer;
}

header .slider_home__info span:hover {
    opacity: 0.7;
}

header .slider_home__info ul {
    display: flex;
    list-style: none;
    align-items: center;
    margin-left: 15px;
}

header .slider_home__info ul li {
    cursor: pointer;
    background: #2f92ff;
    border-radius: 2px;
    color: transparent;
    font-size: 0;
    width: 28px;
    height: 4px;
    margin-right: 9px;
}

header .slider_home__info ul li:not(.active):hover {
    transform: scale(1.2);
}

header .slider_home__info ul li:last-child {
    margin-right: 0;
}

header .slider_home__info ul li.active {
    background: #1f5187;
    border-radius: 11px;
    height: 15px;
    width: 28px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #90dfec;
    font-weight: 900;
    justify-content: center;
    font-size: 9px;
}

header .login-text {
    color: #e3fb55;
    text-transform: none !important;
    padding-right: 15px !important;
}

header .login-text:hover {
    color: #fff !important;
}

header .login-text:hover svg {
    fill: #fff !important;
}

header .header-item {
    width: 433px;
}

header .header-item:first-child .header-item__top {
    justify-content: space-between;
    padding-right: 20px;
}

header .header-item:first-child .header-item__top a.active,
header .header-item:first-child .header-item__top a:hover {
    opacity: 0.7;
}

header .header-item:first-child .header-item__top:before {
    right: 0;
}

header .header-item:first-child .header-item__bot {
    padding-left: 20px;
    justify-content: flex-end;
    display: flex;
    padding-right: 27px;
}

header .header-item__bot {
    margin-top: 20px;
}

header .header-item__bot a.active,
header .header-item__bot a:hover {
    opacity: 0.7;
}

header .header-item__bot svg {
    margin-left: 5px;
    fill: #beffff;
}

header .header-item:last-child .header-item__top:before {
    content: "";
    position: absolute;
    background: url("../images/header2.png");
    width: 434px;
    height: 17px;
    bottom: -24px;
}

header .header-item:last-child .header-item__bot a {
    padding: 0 27px;
    text-transform: uppercase;
    color: #2f92ff;
    font-size: 14px;
}

header .header-item:last-child .header-item__bot a:last-child {
    padding-right: 0;
}

header .header-item__top {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-top: 21px;
}

header .header-item__top:before {
    content: "";
    position: absolute;
    background: url("../images/header.png");
    width: 433px;
    height: 17px;
    bottom: -27px;
}

header .header-item__top a {
    text-transform: uppercase;
    padding: 0 27px;
}

.soc {
    display: flex;
    padding-left: 20px;
}

.soc .soc-link {
    height: 24px;
    width: 24px;
    padding: 0 !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #19497e;
    margin: 0 8px;
}

.soc .soc-link svg {
    fill: #fff;
}

.soc .soc-link:hover svg {
    fill: #e3fb55;
}

.btn-buy {
    background: linear-gradient(147.47deg, rgba(33, 101, 165, 0.51) -1.31%, rgba(0, 57, 111, 0.51) 106.76%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.07);
    border-radius: 10px;
    height: 70px;
    display: flex;
    align-items: center;
    font-size: 28px;
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 22px;
    margin-right: 28px;
}

.btn-buy img {
    height: 32px;
    width: 32px;
    border: solid 5px rgba(22, 70, 122, 0.51);
    border-radius: 50%;
    margin-right: 9px;
}

.btn-buy img:last-child {
    margin-right: 26px;
}

.btn-buy:hover,
.btn-buy.active {
    background: linear-gradient(0deg, rgba(0, 34, 70, 0.51), rgba(0, 34, 70, 0.51));
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.07);
    border-radius: 10px;
}

.btn-buy:last-child {
    margin-right: 0;
}

.slider_home {
    display: none;
}

.overflow {
    overflow: hidden;
}

.normal {
    width: 1070px;
    margin: 0 auto;
}

.title {
    font-size: 36px;
    color: #ffffff;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
}

.title b {
    font-size: 36px;
    font-weight: 500;
}

.slider-home {
    position: relative;
}

.slider-home .arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 62px;
    width: 62px;
    border-radius: 50%;
    background: rgba(13, 74, 140, 0.22);
    position: absolute;
    top: 20px;
}

.slider-home .arrow:hover {
    background: rgba(13, 74, 140, 0.42);
}

.slider-home .arrow.arrow-next {
    right: 0;
}

.slider-home .arrow.arrow-next svg {
    transform: rotate(180deg);
}

.sub_title {
    color: #5a86b8;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 4.50004px;
    font-weight: 100;
    text-align: center;
    margin-top: 5px;
}

.chart {
    margin-top: 52px;
    position: relative;
    text-align: right;
}

.chart canvas {
    position: absolute;
    right: -7px;
    top: -5px;
}

button {
    box-shadow: none;
    background: none;
    border: none;
    cursor: pointer;
}

.home-block-mining {
    display: flex;
    margin-top: 269px;
}

.home-block-mining__btn {
    justify-content: center;
    display: flex;
    padding-top: 20px;
}

.home-block-mining__btn button {
    background: #0a2c55;
    height: 58px;
    width: 360px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    border-radius: 5px;
    justify-content: center;
    box-shadow: 0px 25px 35px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.home-block-mining__btn button:before {
    content: "";
    position: absolute;
    background: url("../images/button.png");
    width: 67px;
    height: 58px;
    left: 0;
    z-index: 2;
}

.home-block-mining__btn button:after {
    content: "";
    position: absolute;
    background: url("../images/button.png");
    width: 67px;
    height: 58px;
    right: 0;
    transform: rotate(180deg);
    z-index: 2;
}

.home-block-mining__btn button:hover {
    box-shadow: none;
}

.home-block-mining__item {
    width: 362px;
    height: 249px;
    border-radius: 15px;
    margin: 0 7.5px;
    position: relative;
    display: flex;
    flex-direction: column;
}

.home-block-mining__item:before {
    content: "";
    position: absolute;
    background: url("../images/home_mining.png");
    z-index: -1;
    width: 362px;
    height: 272px;
    opacity: 0.35;
}

.home-block-mining__item.active {
    margin-top: -31px;
}

.home-block-mining__item.active:before {
    opacity: 1;
}

.home-block-mining__header {
    margin-top: 23px;
    display: flex;
    padding: 32px 27px 0;
}

.home-block-mining__header h2 {
    font-size: 28px;
    font-weight: 500;
    white-space: nowrap;
}

.home-block-mining__header__right {
    text-align: right;
    margin-left: auto;
    margin-top: -12px;
}

.home-block-mining__header__right span {
    display: inline-flex;
    height: 17px;
    background: #144477;
    border-radius: 65px;
    padding: 0 11px;
    align-items: center;
    color: #00315e;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 12px;
    white-space: nowrap;
}

.home-block-mining__header__right span.red {
    background: #ff2156;
    color: #fff;
}

.home-block-mining__header__right span.yellow {
    background: #ffa218;
    color: #fff;
}

.home-block-mining__header__right p {
    color: #4286d0;
}

.home-block-mining__header__right h4 {
    color: #3fd1f1;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
}

.home-block-mining__content {
    position: relative;
    flex: 1;
    padding: 5px 45px 0;
}

.home-block-mining__content:before {
    content: "";
    position: absolute;
    background: url("../images/object_mining.png");
    width: 333px;
    height: 139px;
    bottom: 0px;
    right: 17.5px;
}

.home-block-mining__content h4 {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 12px;
}

.home-block-mining__content h4 b {
    font-weight: 500;
}

.home-block-mining__content div {
    display: flex;
    border-radius: 5px;
    background: rgba(11, 40, 73, 0.5);
    height: 32px;
    align-items: center;
    padding: 0 20px;
    margin-top: 6px;
    justify-content: space-between;
}

.home-block-mining__content div h5 {
    color: #e3fb55;
    font-weight: 500;
}

.home-block-mining__content div span {
    font-size: 18px;
    font-weight: 500;
    font-family: monospace;
}

.main-profit {
    display: flex;
    align-items: flex-start;
    margin-top: 120px;
}

.main-profit__left {
    width: 746px;
    flex-shrink: 0;
}

.main-profit__right {
    text-align: right;
    max-width: 327px;
    margin-left: auto;
}

.main-profit__right p {
    color: #6789b3;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
    text-align: justify;
}

.main-profit__right b {
    color: #96b1d2;
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
}

.main-profit__label {
    background: #001c3d;
    border-radius: 10px;
    padding: 26px 40px;
    display: inline-flex;
    flex-wrap: wrap;
    position: relative;
    height: 390px;
    width: 546px;
}

.main-profit__label svg {
    fill: #9d5bff;
}

@-webkit-keyframes wave {
    from {
        background-position-x: 0;
    }

    to {
        background-position-x: 580px;
    }
}

@keyframes wave {
    from {
        background-position-x: 0;
    }

    to {
        background-position-x: 580px;
    }
}

.main-profit__label .graf {
    margin-top: 23px;
    margin-bottom: 35px;
    margin-left: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 583px;
    min-width: 583px;
    height: 255px;
}

.main-profit__label .graf__wave div:first-child {
    position: absolute;
    background: url("../images/graf/1.png");
    width: 580px;
    height: 70px;
    bottom: 0;
    left: 0;
    -webkit-animation: wave 10s linear infinite;
    animation: wave 10s linear infinite;
}

.main-profit__label .graf__wave div:nth-child(2) {
    position: absolute;
    background: url("../images/graf/2.png");
    width: 580px;
    height: 120px;
    bottom: 0;
    left: 0;
    -webkit-animation: wave 15s linear infinite;
    animation: wave 15s linear infinite;
}

.main-profit__label .graf__wave div:nth-child(3) {
    position: absolute;
    background: url("../images/graf/3.png");
    height: 147px;
    width: 580px;
    bottom: 0;
    left: 0;
    -webkit-animation: wave 15s linear infinite;
    animation: wave 15s linear infinite;
}

.main-profit__label .graf .label {
    border-radius: 8px;
    background: linear-gradient(136.37deg, #9d5bff 7.77%, #002343 141.6%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.07);
    position: absolute;
    z-index: 11;
    left: 0;
    /* top: 50%; */
	top: 15%;
    transform: translate(-50%, -50%);
    /* margin-left: -20px; */
    /* margin-left: 250px; */
	margin-left: 50%;
    padding: 8px 17px;
}

.main-profit__label .graf .label h3,
.main-profit__label .graf .label h4 {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.main-profit__label .graf .label h4 {
    color: #9e97ef;
}

.main-profit__label .graf .label:after {
    position: absolute;
    content: "";
    border: 10px solid transparent;
    border-top: 10px solid #4a3e9c;
    bottom: -20px;
    left: 50%;
    margin-left: 10px;
}

.main-profit__label .graf img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
}

.main-profit__label .graf h2 {
    position: relative;
    z-index: 11;
    font-weight: 500;
    font-size: 80px;
    line-height: 98px;
    font-family: monospace;
}

.main-profit__label .graf h2 span {
    font-weight: 500;
    font-size: 48px;
    line-height: 59px;
}

.main-profit__label__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-left: 17px;
    flex-wrap: wrap;
    width: 546px;
}

.main-profit__label__content h3 {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
}

.main-profit__label__content h4 {
    color: #9d5bff;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

.table-profit {
    width: 315px;
    margin-bottom: 43px;
    margin-left: auto;
}

.table-profit__item {
    display: flex;
    height: 35px;
    justify-content: flex-end;
    padding-right: 15px;
    background: #001c3d;
    width: 95%;
    margin-bottom: 10px;
    align-items: center;
    margin-left: auto;
    font-size: 16px;
    text-transform: uppercase;
}

.table-profit__item:nth-child(2) {
    border-radius: 15px 0 0 0;
}

.table-profit__item:nth-child(4) {
    border-radius: 0 0 0 15px;
}

.table-profit__item span {
    margin-right: 23px;
    color: #3fd0f1;
}

.table-profit__header {
    text-align: right;
    font-size: 20px;
}

.table-profit__header svg {
    margin-right: 13px;
}

.table-profit__header:after {
    content: "";
    display: block;
    background: url("../images/profit_table.png");
    height: 17px;
    width: 315px;
    margin-top: 12px;
}

.input {
    position: relative;
}

.input input {
    border: none;
    box-shadow: none;
    height: 45px;
    background: rgba(27, 76, 130, 0.5);
    border-radius: 7px;
    width: 100%;
    padding-left: 30px;
}

.input input::-webkit-input-placeholder {
    color: #4a99ef;
    font-style: italic;
}

.input input::-moz-placeholder {
    color: #4a99ef;
    font-style: italic;
}

.input input:-ms-input-placeholder {
    color: #4a99ef;
    font-style: italic;
}

.input input::-ms-input-placeholder {
    color: #4a99ef;
    font-style: italic;
}

.input input::placeholder {
    color: #4a99ef;
    font-style: italic;
}

.input span {
    position: absolute;
    color: #4a99ef;
    font-size: 16px;
    text-transform: uppercase;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.text-center {
    text-align: center;
    display: flex;
    justify-content: center;
}

.button {
    overflow: hidden;
    background: #0a2c55 !important;
    height: 58px;
    width: 360px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    border-radius: 5px;
    justify-content: center;
    box-shadow: 0px 25px 35px rgba(0, 0, 0, 0.1);
    position: relative;
}

.button span {
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    z-index: 1;
}

.button:hover {
    box-shadow: none;
}

.button:hover:before {
    transform: translateX(-10px);
}

.button:hover:after {
    transform: translateX(10px) rotate(180deg);
}

.button:before {
    content: "";
    position: absolute;
    background: url("../images/button.png");
    width: 67px;
    height: 58px;
    left: 0;
    transition: all 0.3s;
}

.button:after {
    content: "";
    position: absolute;
    background: url("../images/button.png");
    width: 67px;
    height: 58px;
    right: 0;
    transition: all 0.3s;
    transform: rotate(180deg);
}

.animate__graf {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.animate__graf svg {
    fill: rgba(24, 63, 106, 0.61);
    height: 14px;
    width: 14px;
    position: absolute;
}

.animate__graf svg:nth-child(1) {
    left: 10px;
    bottom: 0;
    -webkit-animation: anv 1s linear infinite;
    animation: anv 1s linear infinite;
}

.animate__graf svg:nth-child(2) {
    left: 47px;
    bottom: 0;
    -webkit-animation: anv 1.4s linear infinite;
    animation: anv 1.4s linear infinite;
}

.animate__graf svg:nth-child(3) {
    left: 87px;
    bottom: 0;
    -webkit-animation: anv 1.2s linear infinite;
    animation: anv 1.2s linear infinite;
}

.animate__graf svg:nth-child(4) {
    left: 127px;
    bottom: 0;
    -webkit-animation: anv 1.7s linear infinite;
    animation: anv 1.7s linear infinite;
}

.animate__graf svg:nth-child(5) {
    left: 167px;
    bottom: 0;
    -webkit-animation: anv 1s linear infinite;
    animation: anv 1s linear infinite;
}

.animate__graf svg:nth-child(6) {
    left: 207px;
    bottom: 0;
    -webkit-animation: anv 1.4s linear infinite;
    animation: anv 1.4s linear infinite;
}

.animate__graf svg:nth-child(7) {
    left: 247px;
    bottom: 0;
    -webkit-animation: anv 1.8s linear infinite;
    animation: anv 1.8s linear infinite;
}

@-webkit-keyframes anv {
    to {
        bottom: 100%;
    }
}

@keyframes anv {
    to {
        bottom: 100%;
    }
}

.timer-home h2 {
    font-size: 24px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 34px;
    margin-top: 36px;
}

.timer-home__timer {
    display: flex;
}

.timer-home__timer svg {
    margin-right: 32px;
    margin-top: 10px;
}

.timer-home__timer__block {
    display: flex;
}

.timer-home__timer__block span {
    height: 61px;
    width: 43px;
    background: #001c3d;
    border-radius: 7px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 7px;
}

.timer-home__timer__block > div {
    display: flex;
    flex-direction: column;
    margin-right: 22px;
    align-items: center;
}

.timer-home__timer__block > div:first-child div {
    color: white !important;
}

.timer-home__timer__block > div:first-child span {
    color: white !important;
}

.timer-home__timer__block > div:last-child {
    margin-right: 0;
}

.timer-home__timer__block > div:last-child .timer_item:after {
    display: none;
}

.timer-home__timer__block > div .timer_item {
    position: relative;
}

.timer-home__timer__block > div .timer_item span {
    font-size: 30px;
    line-height: 22px;
    color: #0068e8;
}

.timer-home__timer__block > div .timer_item:after {
    content: ":";
    position: absolute;
    color: rgba(47, 146, 255, 0.43);
    font-size: 36px;
    line-height: 22px;
    right: -11px;
    top: 50%;
    transform: translateY(-50%);
}

.timer-home__timer__block > div div:last-child {
    margin-top: 20px;
    text-align: center;
    flex: 1;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    color: #0068e8;
}

.row {
    display: flex;
}

footer {
    background: #01132b;
    padding: 21px 0 25px;
    margin-top: 80px;
}

.footer {
    width: 1170px;
    margin: 0 auto;
    display: flex;
}

.footer__logo {
    width: 150px;
    text-align: center;
}

.footer__logo p {
    font-size: 11px;
    color: #5486b1;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: -25px;
    line-height: 18px;
}

.footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer__content {
    flex: 1;
    padding-left: 60px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer__menu {
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
    width: 100%;
}

.footer__menu > a {
    color: #beffff;
    margin-right: auto;
    margin-left: 20px;
}

.footer__menu ul {
    display: flex;
}

.footer__menu ul li a {
    color: #0068e8;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 12.5px;
}

.footer__menu .soc {
    margin-right: 50px;
}

.footer__menu .soc a {
    border: solid 1px #0068e8;
    background: transparent;
}

.footer__menu .soc a svg {
    fill: #0068e8;
}

.footer__menu:after {
    margin-top: 12px;
    position: absolute;
    background: url("../images/footer.png");
    width: 963px;
    height: 17px;
    bottom: -27px;
    left: 0;
    content: "";
    display: block;
}

.footer__stat {
    width: 30%;
}

.footer__stat li {
    margin-bottom: 8px;
    font-size: 12px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    height: 30px;
    align-items: center;
}

.footer__stat li svg {
    fill: #fff;
}

.footer__footer {
    flex: 1;
    width: 100%;
    display: flex;
    padding-right: 60px;
    padding-left: 20px;
    justify-content: space-between;
}

.footer__footer svg,
.footer__footer img {
    margin-right: 10px;
    height: 20px;
}

.footer__footer span {
    margin-left: auto;
    color: #5486b1;
}

.footer__curses {
    width: 30%;
}

.footer__curses li {
    margin-bottom: 8px;
    font-size: 12px;
    text-transform: uppercase;
    display: flex;
    color: #beffff;
    align-items: center;
    background: #011633;
    border-radius: 5px;
    height: 30px;
    padding-right: 20px;
}

.footer__curses li span {
    margin-left: auto;
    color: #5486b1;
}

.marketing {
    margin-top: 77px;
    display: flex;
}

.marketing__left {
    width: 397px;
}

.marketing__left button {
    background: rgba(0, 62, 135, 0.5);
    height: 58px;
    width: 360px;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    border-radius: 5px;
    justify-content: center;
    box-shadow: 0px 25px 35px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
    margin-top: 30px;
    margin-left: 23px;
}

.marketing__left button:hover {
    box-shadow: none;
}

.marketing__right {
    padding-left: 101px;
    flex: 1;
}

.marketing__right table {
    width: 100%;
    border-spacing: 0 7px;
}

.marketing__right table thead tr {
    background: rgba(13, 38, 65, 0.76);
}

.marketing__right table thead tr td {
    color: #7fa8d3;
    font-size: 13px;
    padding: 12px 0;
    text-align: center;
}

.marketing__right table tbody tr {
    background: rgba(47, 146, 255, 0.21);
    height: 36px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.marketing__right table tbody tr:hover,
.marketing__right table tbody tr.active {
    background: rgba(47, 146, 255, 0.5);
}

.marketing__right table tbody tr td {
    text-align: center;
}

.marketing__right table tbody tr td:first-child {
    color: #e3fb55;
    font-size: 16px;
    font-weight: bold;
    background: rgba(47, 146, 255, 0.2);
}

.marketing__right table tbody tr td:nth-child(2) {
    color: #beffff;
    font-size: 18px;
    font-weight: 500;
}

.marketing__right table tbody tr td:last-child {
    color: #0068e8;
    text-transform: uppercase;
}

.marketing__type {
    background: url("../images/marketing_bg.png");
    width: 397px;
    height: 408px;
    padding: 15px 30px;
}

.marketing__type h2 {
    font-size: 14px;
    font-weight: 200;
    text-transform: uppercase;
    color: #d8fdff;
    margin-bottom: 40px;
}

.marketing__type__item {
    background: linear-gradient(157.76deg, #2165a5 -2.81%, #002343 119.93%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.07);
    border-radius: 7px;
    height: 70px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    padding-left: 22px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
}

.marketing__type__item:hover,
.marketing__type__item.active {
    border: 1.5px solid #5684a0;
    background: transparent;
}

.marketing__type__item:hover:after,
.marketing__type__item.active:after {
    content: "";
    position: absolute;
    background: url("../images/marketing-item.png");
    width: 57px;
    height: 31px;
    right: -30px;
    top: 30px;
}

.marketing__type__item span {
    font-size: 28px;
    font-weight: 500;
}

.marketing__type__item img {
    height: 38px;
    width: 38px;
    border: solid 5px #0d2e51;
    border-radius: 50%;
    margin-right: 22px;
}

.calc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

.calc > button {
    margin-top: 40px;
}

.calc > img {
    position: absolute;
    top: 310px;
}

.calc-form {
    width: 449px;
    padding: 30px 45px;
    margin: 57px 25px 0;
}

.calc-form .calc__item {
    width: 55px;
    height: 55px;
    background: rgba(15, 57, 99, 0.45);
    border-radius: 5px;
    color: #e3fb55;
    font-weight: bold;
    font-size: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-right: 24px;
}

.calc-form .calc-form__header {
    margin-bottom: 21px;
    display: flex;
    align-items: center;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 22px;
}

.calc-form:nth-child(1) {
    background: url("../images/calc1.png");
    height: 259px;
}

.calc-form:nth-child(2) {
    background: url("../images/calc2.png");
    height: 259px;
}

.select {
    cursor: pointer;
    height: 45px;
    background: rgba(23, 63, 107, 0.5);
    border-radius: 7px;
    margin-bottom: 16px;
    display: flex;
    width: 100%;
    position: relative;
}

.select__selected {
    flex: 1;
    padding-left: 30px;
    display: flex;
    align-items: center;
}

.select__selected img {
    margin-right: 15px;
}

.select.active .select__list {
    -webkit-animation: sho;
    animation: sho;
    display: block;
}

.select__list {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 40px;
    background: #1b4c82;
    z-index: 11;
}

.select__list__item {
    height: 40px;
    display: flex;
    align-items: center;
    border-bottom: solid 1px #104173;
    padding-left: 15px;
}

.select__list__item:hover {
    background: #175ea5;
}

.select__list__item img {
    margin-right: 10px;
}

.select__list__item:last-child {
    border-bottom: none;
}

.select__btn {
    height: 45px;
    width: 45px;
    background: rgba(42, 93, 150, 0.5);
    border-radius: 0px 7px 7px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.select__btn svg {
    transition: all 0.2s;
}

.select__btn:hover svg {
    transform: rotate(180deg);
}

.calc-from-result {
    width: 447px;
    margin: 40px 25px 0;
}

.calc-from-result__header {
    background: rgba(22, 85, 153, 0.15);
    height: 25px;
    width: 330px;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.calc-from-result__header:before {
    content: "";
    border: 25px solid transparent;
    border-right: 25px solid rgba(22, 85, 153, 0.15);
    margin-left: -50px;
    position: relative;
    z-index: -1;
}

.calc-from-result__header:after {
    content: "";
    border: 25px solid transparent;
    border-left: 25px solid rgba(22, 85, 153, 0.15);
    margin-right: -50px;
    position: relative;
    z-index: -1;
}

.calc-from-result__content {
    background: #0d325a;
    border-radius: 15px;
    padding: 0 30px;
    position: relative;
    z-index: 2;
}

.calc-from-result__content .calc-from-result__item {
    padding: 19px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #104173;
}

.calc-from-result__content .calc-from-result__item:last-child {
    border-bottom: none;
}

.calc-from-result__content .calc-from-result__item span {
    font-weight: 500;
    text-transform: uppercase;
}

.calc-from-result__content .calc-from-result__item span img {
    margin-right: 16px;
    border: solid 5px #16467a;
    border-radius: 50%;
    height: 34px;
    width: 34px;
}

.calc-from-result__content .calc-from-result__item span:last-child {
    font-size: 24px;
    display: flex;
    align-items: center;
}

.fill-yellow {
    fill: #e3fb55;
}

.fill-blue {
    fill: #3fd0f1;
}

.statistic {
    margin-top: 60px;
}

.statistic__header {
    display: flex;
    justify-content: center;
}

.statistic__item {
    background: #1b497c linear-gradient(180deg, #123b67 18.23%, rgba(16, 59, 108, 0.33) 100%);
    box-shadow: 0px 25px 35px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    margin: 23px;
    height: 126px;
    width: 212px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.statistic__item:before {
    content: "";
    position: absolute;
    background: url("../images/stat_before.png");
    width: 9px;
    height: 14px;
    left: -4px;
    bottom: 26px;
}

.statistic__item svg {
    height: 79px;
    width: 79px;
    position: absolute;
    fill: #1b497c;
    z-index: 0;
}

.statistic__item h2 {
    color: #e3fb55;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    margin-top: 40px;
}

.statistic__item h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    z-index: 1;
}

.statistics__block {
    background: url("../images/stat_content.png");
    height: 322px;
    width: 762px;
    margin: 0 auto;
    margin-top: 64px;
    position: relative;
    padding-left: 36px;
    padding-top: 28px;
    padding-right: 26px;
}

.statistics__block__date {
    font-size: 22px;
    font-weight: 100;
    position: absolute;
    right: 40px;
    top: 10px;
}

.statistics__block h2 {
    font-size: 22px;
    color: #51dfff;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.statistics__block ul {
    list-style: none;
    margin: 0;
}

.statistics__block ul li {
    background: rgba(13, 51, 96, 0.5);
    height: 62px;
    padding: 0 22px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    font-size: 24px;
    text-transform: uppercase;
}

.statistics__block ul li span {
    font-size: 24px;
    text-transform: none;
    margin-left: auto;
}

.statistics__block ul li img {
    height: 38px;
    width: 38px;
    border: solid 5px #0d2e51;
    border-radius: 50%;
    margin-right: 17px;
}

.affiliate {
    background: url("../images/bg-affiliate.png") top center no-repeat;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.affiliate ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.affiliate ul li {
    height: 51px;
    width: 51px;
    background: #14365f;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 19px;
}

.affiliate ul li svg {
    height: 45%;
    max-width: 60%;
    fill: #cafffc;
}

.affiliate p {
    margin-top: 66px;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 350px;
}

.affiliate__procent {
    position: absolute;
    width: 670px;
    display: flex;
    left: 50%;
    top: 165px;
    transform: translateX(-50%);
    justify-content: space-between;
}

.affiliate__procent > div {
    display: flex;
    flex-direction: column;
}

.affiliate__procent > div:first-child {
    text-align: right;
}

.affiliate__procent > div:last-child {
    text-align: left;
}

.affiliate__procent > div b {
    font-size: 72px;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 0px 15px 15px rgba(0, 0, 0, 0.15);
}

.affiliate__procent > div b i {
    font-size: 36px;
    font-style: normal;
}

.affiliate__procent > div span {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.mini-container {
    width: 950px;
    margin: 0 auto;
}

.buy-header {
    justify-content: space-between;
    margin-top: 34px;
}

.buy-header button {
    flex: 1;
}

.buy-row {
    border-bottom: 3px solid rgba(19, 64, 111, 0.28);
    padding-top: 15px;
    padding-bottom: 15px;
}

.buy-row > div {
    margin-top: 8px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
}

.buy-row > div i {
    background: #1d4978;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 11px;
    flex-shrink: 0;
}

.buy-row > div i:nth-child(2) {
    margin-left: auto;
}

.buy-row > div i svg {
    fill: #fff;
}

.buy-row h3 {
    text-transform: none !important;
}

.buy-row h2 {
    margin-bottom: 0 !important;
    margin-top: 6px;
}

.buy-row:last-child {
    border-bottom: none;
}

.funds {
    width: 1100px;
    margin: 0 auto;
}

.funds > ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 33px;
    justify-content: center;
}

.funds > ul li {
    cursor: pointer;
    background: linear-gradient(112.2deg, rgba(33, 101, 165, 0.51) -1.31%, rgba(0, 57, 111, 0.51) 106.76%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.07);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    padding: 11px;
    justify-content: center;
    align-items: center;
    min-width: 120px;
    margin: 0 11px;
}

.funds > ul li:hover,
.funds > ul li.active {
    background: linear-gradient(0deg, rgba(0, 34, 70, 0.51), rgba(0, 34, 70, 0.5));
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.07);
}

.funds > ul li img {
    box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    height: 25px;
    width: 25px;
    margin-bottom: 8px;
}

.funds > ul li h5 {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
}

.funds > ul li h4 {
    color: #7cabde;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
}

.funds > ul li h3 {
    color: rgba(100, 148, 201, 0.75);
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
}

.panel {
    background: linear-gradient(138.01deg, rgba(33, 101, 165, 0.2) -2.81%, rgba(0, 35, 67, 0.2) 119.93%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.02), -15px -15px 24px rgba(85, 159, 251, 0.02);
    border-radius: 15px;
    width: 950px;
    margin: 0 auto;
    margin-top: 48px;
    display: flex;
}

.panel__left {
    width: 327px;
    background: rgba(6, 41, 79, 0.63);
    border-radius: 15px 0px 0px 15px;
}

.panel__left--buy .panel__left__content {
    padding-top: 0;
}

.panel__left--buy .panel__left__header {
    height: 67px !important;
}

.panel__left__content {
    padding: 26px 34px 19px 34px;
}

.panel__left__header {
    height: 117px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 34px;
    color: #fff;
    background: #06294f;
    border-radius: 15px 0px 0px 0px;
    text-transform: uppercase;
}

.panel__left__header img {
    height: 45px;
    margin-right: 14px;
}

.panel__left h3 {
    color: #6494c9;
    font-size: 14px;
    font-weight: 200;
    text-align: center;
    text-transform: uppercase;
}

.panel__left h2 {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 35px;
}

.panel__left h2 span {
    font-size: 24px;
    font-weight: 100;
}

.panel__left button {
    background: rgba(0, 104, 232, 0.13);
    border-radius: 5px;
}

.panel__content {
    padding: 54px 88px 0 74px;
    flex: 1;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.panel__content > a {
    color: #2f92ff;
    font-size: 14px;
    text-decoration: underline;
    text-transform: uppercase;
}

.panel__content--deposit > button {
    margin-top: 46px;
    margin-bottom: 13px;
}

.panel__content--buy {
    padding-top: 34px;
}

.panel__content--buy h3 {
    margin-bottom: 15px;
}

.panel__content--usd {
    padding-top: 33px;
}

.panel__content--usd > h3 {
    margin-bottom: 20px !important;
}

.panel__content h6 {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 40px;
}

.panel__content--exchange .input-group {
    margin-top: 35px;
}

.panel__content--withdraw > h3 {
    margin-bottom: 46px;
}

.panel__content--withdraw > button {
    margin-top: 30px;
}

.panel__content h2 {
    color: #beffff;
    font-size: 18px;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
}

.panel__content h3 {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;
}

.panel__content h4 {
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 27px;
    margin-top: 33px;
}

.panel__content h4 img {
    height: 35px;
    margin-right: 14px;
    vertical-align: bottom;
}

.input-group {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.input-group > span {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 6px;
    color: #6494c9;
}

.input-group > span b {
    font-weight: 100;
    margin-left: 5px;
}

.input-group .input {
    flex: 1;
}

.input-group .input input {
    border-radius: 7px 0 0 7px;
}

.input-group button {
    background: #173f6b;
    border-radius: 0px 7px 7px 0px;
    padding: 0 23px;
    color: #6494c9;
    font-size: 14px;
}

.input-group button span {
    color: #ffffff;
}

.history .btn {
    height: 52px !important;
}

.btn {
    background: rgba(0, 104, 232, 0.13);
    border-radius: 5px;
    height: 42px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    width: 100%;
    color: #e3fb55;
    font-size: 14px;
    text-transform: uppercase;
    margin-right: 15px;
}

.btn.gradient {
    background: linear-gradient(147.47deg, rgba(33, 101, 165, 0.51) -1.31%, rgba(0, 57, 111, 0.51) 106.76%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.07);
}

.btn:last-child {
    margin-right: 0;
}

.btn.active,
.btn:hover {
    background: rgba(0, 3, 7, 0.15);
    color: white;
}

.form-group {
    margin-bottom: 18px;
}

.flex {
    display: flex;
    width: 100%;
}

.column {
    flex: 1 0 auto;
    margin-right: 20px;
}

.column:last-child {
    margin-right: 0;
}

main .history .history-block--exchange table tr td:first-child {
    background: transparent !important;
    border-radius: 15px 0 0 15px !important;
    box-shadow: none !important;
}

main .history .history-block--exchange table tr td:first-child span {
    color: #6494c9;
    font-size: 12px;
    text-transform: uppercase;
}

main .history .history-block--exchange table tr td:first-child b {
    color: #6494c9;
    font-size: 20px;
    font-weight: 100;
}

.history-block {
    width: 950px;
    margin: 0 auto;
}

.history-block--exchange table tr td:first-child {
    background: transparent !important;
}

.history-block--exchange table tr td:first-child span {
    color: #6494c9;
    font-size: 12px;
    text-transform: uppercase;
}

.history-block--exchange table tr td:first-child b {
    color: #6494c9;
    font-size: 20px;
    font-weight: 100;
}

.history-block h2 {
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
    color: #537aa5;
    font-weight: 400;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    position: relative;
}

.history-block h2:before {
    content: "";
    background: url("../images/history-title.png");
    width: 59px;
    height: 63px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 10px;
    z-index: -1;
}

.history-block a {
    color: #2f92ff;
    font-size: 14px;
    text-decoration: underline;
    text-transform: uppercase;
}

.history table tr {
    background: rgba(0, 20, 38, 0.28) !important;
}

.history table tr td:first-child {
    background: linear-gradient(149.73deg, rgba(33, 101, 165, 0.5) -2.81%, rgba(0, 35, 67, 0.5) 119.93%) !important;
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.03) !important;
    border-radius: 15px !important;
}

.pagination {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination span {
    margin: 0 3.5px;
}

.pagination a {
    height: 33px;
    width: 33px;
    background: rgba(20, 70, 119, 0.2);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 3.5px;
    color: #6494c9;
    font-weight: bold;
}

.pagination a:hover,
.pagination a.active {
    background: rgba(0, 104, 232, 0.2);
    color: #fff;
}

.pagination .next,
.pagination .prev {
    display: none;
}

.history,
.history-block {
    padding-top: 32px;
}

.history h2,
.history-block h2 {
    color: #2f92ff;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 100;
    margin-top: 50px;
    margin-bottom: 30px;
}

.history table,
.history-block table {
    width: 100%;
    border-spacing: 0 20px;
    margin-bottom: 25px;
    margin-top: 15px;
}

.history table tr,
.history-block table tr {
    background: linear-gradient(170.54deg, rgba(33, 101, 165, 0.11) -2.81%, rgba(0, 35, 67, 0.11) 119.93%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.01), -15px -15px 24px rgba(85, 159, 251, 0.03);
    border-radius: 15px;
}

.history table tr td:first-child,
.history-block table tr td:first-child {
    border-radius: 15px 0 0 15px;
    height: 80px;
    padding-left: 39px;
    width: 270px;
    font-size: 20px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.71);
    background: linear-gradient(149.73deg, rgba(33, 101, 165, 0.1) -2.81%, rgba(0, 35, 67, 0.11) 119.93%);
}

.history table tr td:first-child img,
.history-block table tr td:first-child img {
    vertical-align: bottom;
    margin-right: 21px;
}

.history table tr td:nth-child(2),
.history-block table tr td:nth-child(2) {
    padding-left: 34px;
    font-size: 25px;
}

.history table tr td:nth-child(2) span,
.history-block table tr td:nth-child(2) span {
    color: #6494c9;
    font-size: 12px;
    text-transform: uppercase;
    margin-right: 14px;
}

.history table tr td:nth-child(2) b,
.history-block table tr td:nth-child(2) b {
    color: #6494c9;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 100;
}

.history table tr td:last-child,
.history-block table tr td:last-child {
    border-radius: 0 15px 15px 0;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.72);
}

.history table tr td:last-child span,
.history-block table tr td:last-child span {
    font-size: 12px;
    color: #e3fb55;
    text-transform: uppercase;
    font-weight: 100;
    margin-right: 16px;
}

.setting {
    width: 760px;
    margin: 0 auto;
    padding-top: 42px;
}

.setting .button {
    margin-top: 35px;
}

.setting .btn {
    height: 45px;
}

.setting .column {
    flex: 1;
}

.setting__form2 {
    position: relative;
}

.setting__form2:before {
    content: "";
    position: absolute;
    background: url("../images/setting.png");
    width: 789px;
    height: 14px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -60px;
}

.setting__form2 .column {
    flex: 1;
}

.setting__form2 h2 {
    font-size: 30px;
    font-weight: 100;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 45px;
    margin-top: 130px;
}

.sub_title--about {
    font-size: 18px;
    line-height: 29px;
    color: white;
    margin-bottom: 36px;
}

.contact {
    background: rgba(6, 41, 79, 0.18);
    border-radius: 15px;
    width: 916px;
    margin: 0 auto;
    display: flex;
}

.contact h3 {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 39px;
}

.contact__left {
    width: 454px;
    flex: 1;
    flex-shrink: 0;
    background: linear-gradient(117.08deg, rgba(33, 101, 165, 0.2) -2.81%, rgba(0, 35, 67, 0.2) 119.93%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.05), -15px -15px 24px rgba(85, 159, 251, 0.03);
    border-radius: 15px 0px 0px 15px;
    padding: 61px 47px;
}

.contact__left button {
    margin-top: 25px;
    width: 80%;
}

.contact__left textarea {
    background: rgba(23, 63, 107, 0.5);
    border-radius: 7px;
    width: 100%;
    height: 126px;
    border: none;
    resize: none;
    padding: 15px 31px;
}

.contact__left textarea::-webkit-input-placeholder {
    color: #4a99ef;
    font-size: 16px;
    line-height: 22px;
    font-style: italic;
}

.contact__left textarea::-moz-placeholder {
    color: #4a99ef;
    font-size: 16px;
    line-height: 22px;
    font-style: italic;
}

.contact__left textarea:-ms-input-placeholder {
    color: #4a99ef;
    font-size: 16px;
    line-height: 22px;
    font-style: italic;
}

.contact__left textarea::-ms-input-placeholder {
    color: #4a99ef;
    font-size: 16px;
    line-height: 22px;
    font-style: italic;
}

.contact__left textarea::placeholder {
    color: #4a99ef;
    font-size: 16px;
    line-height: 22px;
    font-style: italic;
}

.contact .soc__menu {
    display: flex;
    margin: 0;
    margin-top: -20px;
}

.contact .soc__menu li {
    margin: 0;
}

.contact .soc__menu li:first-child a {
    margin-left: 0;
}

.contact .soc__menu li a {
    background: rgba(0, 35, 74, 0.25);
    border: 1.5px solid rgba(227, 251, 85, 0.25);
    box-sizing: border-box;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 8.5px;
    height: 46px;
    width: 46px;
}

.contact .soc__menu li a svg {
    fill: #e3fb55;
}

.contact__right {
    flex: 1;
    padding: 61px 47px;
}

.contact__right h3:nth-child(3) {
    margin-top: 13px;
}

.contact__right > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.contact__right > ul li {
    display: inline-block;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 23px;
    text-transform: uppercase;
}

.contact__right > ul li i {
    background: rgba(47, 146, 255, 0.35);
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    border-radius: 4px;
    flex-shrink: 0;
    float: left;
}

.contact__right > ul li i svg {
    height: 60%;
    width: 60%;
    fill: #001733;
}

.slider {
    margin-bottom: 115px;
    list-style: none;
    display: flex !important;
    align-items: center;
}

.slider .slick-arrow {
    height: 49px;
    width: 49px;
    background: #012044;
    border-radius: 50%;
    flex-shrink: 0;
    color: transparent;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider .slick-arrow:before {
    content: "";
    display: block;
    position: absolute;
    background: url("../images/arrow.png");
    width: 16px;
    height: 14px;
}

.slider .slick-arrow.slick-prev {
    margin-right: 36px;
}

.slider .slick-arrow.slick-next {
    transform: rotate(180deg);
    margin-left: 36px;
}

.slider .slick-arrow:hover {
    opacity: 0.8;
}

.about h2 {
    color: #2f92ff;
    font-size: 24px;
    font-weight: 100;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 44px;
}

.about__video {
    width: 50%;
}

.about__desc {
    width: 50%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 100;
    text-align: justify;
    padding-left: 35px;
    margin-bottom: 74px;
}

.advantages {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.advantages__item {
    display: flex;
    width: 45%;
    margin-bottom: 60px;
    align-items: center;
}

.advantages__img {
    height: 71px;
    width: 71px;
    background: rgba(0, 45, 99, 0.3);
    border-radius: 12px;
    margin-right: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.advantages__img svg {
    height: 50%;
    width: 50%;
}

.advantages__desc {
    color: #6494c9;
    font-size: 18px;
    line-height: 28px;
}

.advantages__desc b {
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.news {
    margin-top: 54px;
}

.news__item {
    display: flex;
    background: linear-gradient(154.86deg, rgba(33, 101, 165, 0.56) -2.81%, rgba(0, 35, 67, 0.55) 119.93%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.04);
    border-radius: 7px;
    padding: 25px 36px 25px 29px;
    margin-bottom: 36px;
}

.news__item__img {
    width: 277px;
    flex-shrink: 0;
    margin-right: 40px;
}

.news__item__img img {
    max-width: 100%;
}

.news__item__content p,
.news__item__content p > * {
    color: #6494c9 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 15px !important;
}

.news__item__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px;
}

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

.news__item__footer span {
    color: #2f92ff;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
}

.news__item__footer span svg {
    margin-right: 11px;
}

.news__item__footer button {
    display: inline-flex;
    width: 168px;
}

.modal-news .modal__news {
    background: rgba(0, 23, 48, 0.36);
    padding: 28px 44px 38px;
}

.modal-news .modal__news__date {
    margin-bottom: 17px;
}

.modal-news .modal__news__date svg {
    height: 16px;
    width: 16px;
}

.modal-news .modal__news__date span {
    margin-left: 11px;
    font-size: 14px;
    color: #2f92ff;
}

.modal-news .modal__news__news {
    max-height: 260px;
    overflow: auto;
    padding-right: 20px;
}

.modal-news .modal__news__news .simplebar-scrollbar {
    background: rgba(47, 146, 255, 0.44) !important;
    width: 4px !important;
}

.modal-news .modal__news__news .simplebar-track.simplebar-vertical {
    background: rgba(100, 148, 201, 0.12);
    width: 4px !important;
}

.modal-news .modal__news__title {
    font-size: 16px;
    color: #fff;
    margin-bottom: 17px;
}

.modal-news .modal__news__p,
.modal-news .modal__news__p * {
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 21px !important;
    color: #6494c9 !important;
}

.modal-news .modal__dialog {
    max-width: 611px;
    background: repeat, linear-gradient(180deg, #143a64 0%, #052242 100%);
    padding-top: 0;
}

.modal-news .modal__content {
    padding: 40px;
}

.modal-news .modal__content img {
    width: 531px;
    height: 352px;
    border-radius: 10px;
}

.faq {
    margin-top: 54px;
}

.faq__item {
    background: linear-gradient(160.05deg, rgba(7, 70, 129, 0.53) -2.81%, rgba(0, 35, 67, 0.58) 119.93%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.035);
    border-radius: 7px;
    margin-bottom: 23px;
}

.faq__item.active .faq__item__header:after {
    transform: translateY(-50%) rotate(-180deg);
}

.faq__item.active .faq__item__content {
    display: block;
}

.faq__item__header {
    background: linear-gradient(174.39deg, rgba(33, 101, 165, 0.56) -2.81%, rgba(0, 35, 67, 0.56) 119.93%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.04);
    border-radius: 7px;
    padding: 9px 54px 9px 24px;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    position: relative;
    cursor: pointer;
}

.faq__item__header:after {
    content: "";
    position: absolute;
    background: url("../images/faq__arrow.png");
    width: 30px;
    height: 31px;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 0.2s;
}

.faq__item__header span {
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.1);
    margin-right: 20px;
}

.faq__item__content {
    display: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 25px 29px;
    color: #6494c9;
}

.live {
    display: flex;
    margin: 66px auto;
    justify-content: center;
}

.live__cam {
    margin-top: -30px;
    background: url("../images/livecam.png");
    width: 629px;
    height: 408px;
}

.live__cam__header {
    color: #2989ff;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    padding-right: 20px;
}

.live__cam__name {
    padding: 0 42px;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
}

.live__cam__content {
    padding: 42px;
    height: 356px;
}

.live__btn {
    width: 318px;
    margin-left: 40px;
    display: flex;
    flex-direction: column;
}

.live__btn p {
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    color: rgba(100, 148, 201, 0.51);
}

.live__btn button {
    width: 100%;
    font-size: 22px;
    color: #ffffff;
    text-transform: uppercase;
    padding-left: 53px;
    flex: 1;
    background: linear-gradient(155deg, #2165a5 -2.81%, #002343 119.93%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.07);
    border-radius: 7px;
    margin-bottom: 25px;
    text-align: left;
    position: relative;
}

.live__btn button:last-child {
    margin-bottom: 10px;
}

.live__btn button.active,
.live__btn button:hover {
    background: #002246;
    box-shadow: none;
}

.live__btn button.active i,
.live__btn button:hover i {
    background: #ff2156;
    -webkit-animation: live 1s infinite linear;
    animation: live 1s infinite linear;
}

.live__btn button:after {
    content: "";
    position: absolute;
    background: url("../images/cam.png");
    height: 46px;
    width: 81px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.live__btn button i {
    height: 10px;
    width: 10px;
    display: block;
    border-radius: 50%;
    background: #3879b5;
    position: absolute;
    left: 29px;
    top: 50%;
    transform: translateY(-50%);
}

.live__btn button b {
    font-size: 22px;
    font-weight: bold;
    color: #e3fb55;
}

.lc-partner {
    display: flex;
    margin-top: 43px;
    justify-content: center;
}

.lc-partner__left {
    background: linear-gradient(108.9deg, rgba(33, 101, 165, 0.51) -1.31%, rgba(0, 57, 111, 0.51) 106.76%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.05), -15px -15px 24px rgba(85, 159, 251, 0.03);
    border-radius: 10px;
    width: 361px;
    padding-bottom: 40px;
}

.lc-partner__left h5 {
    color: #6494c9;
    font-size: 14px;
    font-weight: 200;
    margin-bottom: 10px;
    text-align: center;
}

.lc-partner__left__content {
    padding-top: 28px;
    padding-left: 50px;
    padding-right: 50px;
}

.lc-partner__left__content .button {
    width: 100%;
    margin-top: 32px;
}

.lc-partner__left__content a {
    font-size: 14px;
    margin-bottom: 15px;
    display: block;
    text-align: center;
}

.lc-partner__left__header {
    background: rgba(17, 56, 100, 0.61);
    box-shadow: inset 0px -10px 15px rgba(0, 0, 0, 0.06);
    border-radius: 10px 10px 0px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 72px;
}

.lc-partner__left__header h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #e3fb55;
    font-weight: 400;
}

.lc-partner__content {
    width: 571px;
    margin-left: 75px;
}

.lc-partner__content .partners-table__header {
    position: relative;
    display: flex;
}

.lc-partner__content .partners-table__header div {
    flex: auto;
    padding-bottom: 40px;
    font-size: 16px;
    line-height: 22px;
    padding-top: 20px;
    text-align: right;
}

.lc-partner__content .partners-table__header div svg {
    margin-right: 10px;
    fill: #e3fb55;
}

.lc-partner__content .partners-table__header:after {
    background: url("../images/partner_line.png");
    content: "";
    position: absolute;
    width: 594px;
    height: 17px;
    left: -10px;
    bottom: 5px;
}

.lc-partner__content .partners-table__body__row {
    margin-bottom: 12px;
    background: rgba(0, 13, 24, 0.17);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.05), -15px -15px 24px rgba(85, 159, 251, 0.035);
    display: flex;
    height: 73px;
    align-items: center;
}

.lc-partner__content .partners-table__body__row:last-child {
    margin-bottom: 0;
}

.lc-partner__content .partners-table__body__row:first-child {
    border-radius: 20px 0 0 0;
}

.lc-partner__content .partners-table__body__row:last-child {
    border-radius: 0 0 0 20px;
}

.lc-partner__content .partners-table__body__row div {
    flex: 1;
}

.lc-partner__content .partners-table__body__row div:first-child {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    padding-left: 37px;
}

.lc-partner__content .partners-table__body__row div:nth-child(3) {
    text-align: right;
    padding-right: 37px;
}

.lc-partner__content .partners-table__body__row div:nth-child(3) span {
    font-size: 24px !important;
}

.lc-partner__content .partners-table__body__row div:nth-child(2),
.lc-partner__content .partners-table__body__row div:nth-child(3) {
    font-weight: 500;
    font-size: 24px;
    line-height: 22px;
}

.lc-partner__content .partners-table__body__row div:nth-child(2) span,
.lc-partner__content .partners-table__body__row div:nth-child(3) span {
    color: #6494c9;
    font-size: 18px;
    line-height: 22px;
    font-weight: 100;
}

.delimeter {
    border: 1.5px solid rgba(29, 87, 147, 0.28);
}

.table--partner tr td:first-child {
    width: 331px !important;
    color: #fff !important;
}

.table--partner tr td:first-child span {
    color: #6494c9;
    font-size: 22px;
}

.table--partner tr td:nth-child(2) {
    text-align: center;
}

.table--partner tr td:nth-child(3) {
    font-size: 18px;
    text-transform: uppercase;
}

.table--partner tr td:last-child {
    color: #6494c9 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 100;
}

.copy {
    background: rgba(18, 79, 151, 0.35);
    border-radius: 5px;
    width: 168px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #3fd0f1;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.copy svg {
    margin-right: 10px;
    fill: #3fd0f1;
}

.copy:hover {
    color: #e3fb55;
}

.copy:hover svg {
    fill: #e3fb55;
}

.support {
    display: flex;
    margin-top: 56px;
}

.support-chat {
    width: 777px;
    margin-right: 44px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.support-chat__footer {
    padding: 26px 28px 31px;
    display: flex;
    background: linear-gradient(160.26deg, rgba(33, 101, 165, 0.16) -2.81%, rgba(0, 35, 67, 0.16) 119.93%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.01), -15px -15px 24px rgba(85, 159, 251, 0.01);
    border-radius: 0px 0px 7px 7px;
}

.support-chat__footer button {
    background: linear-gradient(117.36deg, rgba(33, 101, 165, 0.55) -2.81%, rgba(0, 35, 67, 0.56) 119.93%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.035);
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px;
}

.support-chat__footer button span {
    margin-top: 9px;
    color: #e3fb55;
    font-weight: 500;
    font-size: 9px;
    line-height: 15px;
    text-transform: uppercase;
}

.support-chat__footer textarea {
    flex: 1;
    padding: 14px 30px;
    background: rgba(23, 63, 107, 0.5);
    border-radius: 7px;
    border: none;
    resize: none;
    margin-right: 16px;
}

.support-chat__footer textarea::-webkit-input-placeholder {
    color: #4a99ef;
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
}

.support-chat__footer textarea::-moz-placeholder {
    color: #4a99ef;
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
}

.support-chat__footer textarea:-ms-input-placeholder {
    color: #4a99ef;
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
}

.support-chat__footer textarea::-ms-input-placeholder {
    color: #4a99ef;
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
}

.support-chat__footer textarea::placeholder {
    color: #4a99ef;
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
}

.support-chat__content {
    height: 466px;
    background: rgba(1, 19, 43, 0.2);
    border-radius: 10px 10px 0px 0px;
    padding: 40px 61px 43px 31px;
    display: flex;
    flex-direction: column;
}

.support .chat-item {
    background: rgba(47, 146, 255, 0.17);
    border-radius: 10px;
    margin-bottom: 18px;
    display: inline-flex;
    padding: 11px 33px;
    flex-direction: column;
    margin-left: auto;
}

.support .chat-item--admin {
    background: rgba(157, 91, 255, 0.26);
    margin-right: auto;
    margin-left: 0;
}

.support .chat-item--admin .chat-item__name {
    text-align: left;
}

.support .chat-item__name {
    color: #e3fb55;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    margin-bottom: 5px;
}

.support .chat-item p {
    line-height: 22px;
    text-align: right;
}

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

.support__menu {
    width: 318px;
}

.support__menu .button {
    width: 100%;
    margin-bottom: 28px;
    position: relative;
}

.support__menu .button:before {
    content: "";
    position: absolute;
    background: url("../images/arrow_btn.png");
    width: 1px;
    height: 1px;
}

.support__menu ul {
    margin: 0;
    list-style: none;
}

.support__menu ul li {
    margin-bottom: 21px;
}

.support__menu ul li a {
    background: linear-gradient(163.06deg, rgba(33, 101, 165, 0.5) -2.81%, rgba(0, 35, 67, 0.51) 119.93%);
    width: 100%;
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.05), -15px -15px 24px rgba(85, 159, 251, 0.03);
    border-radius: 7px;
    padding-left: 24px;
    height: 50px;
    display: flex;
    align-items: center;
}

.support__menu ul li a:hover,
.support__menu ul li a.active {
    background: linear-gradient(0deg, rgba(0, 24, 52, 0.5), rgba(0, 24, 52, 0.5));
}

.support__menu ul li a svg {
    margin-right: 20px;
    fill: rgba(47, 146, 255, 0.4);
}

.mining {
    margin-top: 30px;
}

.mining__item {
    background: url("../images/mining.png");
    width: 1037px;
    height: 345px;
    margin: 0 auto;
    padding: 40px 0px 40px 00px;
    position: relative;
    margin-top: -30px;
}

.mining__item.gray {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.mining__item.active {
    background: url("../images/mining_spoiler.png");
    display: flex;
    padding: 46px 49px 17px 41px;
}

.mining__item.active .btn-spoiler {
    top: 0;
}

.mining__item.active .spoiler__item {
    width: 50%;
    padding: 0 28px;
}

.mining__item.active .spoiler__item__header {
    display: flex;
    justify-content: space-between;
    color: #08457d;
    font-weight: bold;
    font-size: 24px;
    line-height: 18px;
    align-items: flex-end;
    margin-top: 22px;
}

.mining__item.active .spoiler__item__header .spoiler__item__name {
    height: 26px;
    font-size: 24px;
    font-weight: 500;
}

.mining__item.active .spoiler__item__header .spoiler__item__name img {
    margin-right: 11px;
    transform: translateY(20%);
}

.mining__item.active .spoiler__item__content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.mining__item.active .spoiler__item__content div {
    min-height: 55px;
    background: rgba(12, 66, 123, 0.5);
    border-radius: 7px;
    width: calc(50% - 7px);
    padding: 5px 0px 5px 18px;
    margin: 3px 3.5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.mining__item.active .spoiler__item__content div span {
    font-size: 12px;
    text-transform: uppercase;
    color: #beffff;
}

.mining__item.active .spoiler__item__content div b {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}

.mining__item.active .spoiler__item__content div span,
.mining__item.active .spoiler__item__content div b {
    width: 100%;
}

.mining__item .count_ghs {
    position: relative;
}

.mining__item .count_ghs div {
    position: absolute;
    top: -40px;
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
    transform: translateX(-50%);
}

.mining__item .btn-spoiler {
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.mining__item__header {
    display: flex;
    color: #ffffff;
    font-size: 28px;
    line-height: 22px;
    height: 56px;
    align-items: center;
    padding-left: 80px;
    padding-right: 80px;
}

.mining__item__header .mining__item__hash {
    margin-left: auto;
}

.mining__item__header .mining__item__hash span {
    color: #6494c9;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    margin-left: 21px;
}

.mining__item__header .mining__item__hash b {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}

.mining__item__content {
    display: flex;
    padding: 30px 87px 30px 67px;
    justify-content: space-between;
}

.mining__item__content .mining__block {
    background: url("../images/mining_block.png");
    width: 412px;
    height: 140px;
    position: relative;
    margin-left: 10px;
}

.mining__item__content .mining__block--orange .mining__block__progress div {
    background: #f89e32;
}

.mining__item__content .mining__block--orange .ui-widget-header {
    background: #f89e32;
}

.mining__item__content .mining__block--green .mining__block__progress div {
    background: #4ad30a;
}

.mining__item__content .mining__block--green .ui-widget-header {
    background: #4ad30a;
}

.mining__item__content .mining__block--blue .mining__block__progress div {
    background: #0089cf;
}

.mining__item__content .mining__block--blue .ui-widget-header {
    background: #0089cf;
}

.mining__item__content .mining__block--yellow .mining__block__progress div {
    background: #f8e332;
}

.mining__item__content .mining__block--yellow .ui-widget-header {
    background: #f8e332;
}

.mining__item__content .mining__block--purple .mining__block__progress div {
    background: #9d5bff;
}

.mining__item__content .mining__block--purple .ui-widget-header {
    background: #9d5bff;
}

.mining__item__content .mining__block--light-green .mining__block__progress div {
    background: #dbffee;
}

.mining__item__content .mining__block--light-green .ui-widget-header {
    background: #dbffee;
}

.mining__item__content .mining__block__slider {
    padding: 55px 31.5px 0;
    background: url("../images/sliderp.png") no-repeat bottom center;
}

.mining__item__content .mining__block__slider .ui-widget-header {
    border-radius: 0 !important;
}

.mining__item__content .mining__block__slider .ui-slider-horizontal .ui-slider-handle {
    top: -0.4em;
}

.mining__item__content .mining__block__slider .ui-slider-handle {
    border-radius: 50%;
    height: 20px;
    width: 20px;
    background: white;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.25);
    border: none;
    position: absolute;
    transform: translate(-30%, 500%);
}

.mining__item__content .mining__block__slider .ui-slider-handle:before {
    content: "";
    position: absolute;
    height: 11px;
    width: 11px;
    background: #417eb7;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.mining__item__content .mining__block__progress {
    width: 5px;
    height: 81px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
}

.mining__item__content .mining__block__progress div {
    transition: all 0.2s;
    height: 5px;
    width: 5px;
}

.mining__item__content .mining__block__progress div.active {
    background: #0c2a49;
}

.mining__item__content .mining__block__header {
    display: flex;
    justify-content: space-between;
    height: 46px;
    align-items: center;
    padding-left: 25px;
    padding-right: 10px;
}

.mining__item__content .mining__block__name {
    font-size: 18px;
    display: flex;
    align-items: center;
}

.mining__item__content .mining__block__name img {
    margin-right: 12px;
}

.mining__item__content .mining__block__amount {
    text-align: right;
    font-size: 21px;
    font-weight: 500;
    font-family: monospace !important;
    max-width: 209px;
}

.mining__item__content .mining__block__amount span {
    font-weight: 100;
    font-size: 21px;
}

.mining__item__content .mining__block__footer {
    bottom: -5px;
    position: absolute;
    color: rgba(190, 255, 255, 0.3);
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
    width: 200px;
    text-align: center;
}

.mining .ui-slider-horizontal {
    background: #0c2a49;
    height: 8px;
    border: none !important;
    border-radius: 0 !important;
}

.banners .modal__footer {
    height: 140px;
}

.banners .modal__footer h6 {
    font-weight: 500;
    font-size: 16px !important;
    line-height: 20px;
    text-align: center;
    color: #6494c9;
    margin-bottom: 10px;
}

.banners .modal__footer code * {
    font-size: 10px;
}

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

.banners .modal__content img {
    max-width: 100%;
}

.banners .modal__content ul {
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
}

.banners .modal__content ul li {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    background: rgba(0, 104, 232, 0.13);
    border-radius: 5px;
    margin: 0 5px;
    color: #2f92ff;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    cursor: pointer;
}

.banners .modal__content ul li:hover,
.banners .modal__content ul li.active {
    background: rgba(0, 3, 7, 0.15);
}

.menu .modal__dialog {
    max-width: 800px;
    background: transparent;
    box-shadow: none;
}

.menu .modal__dialog .modal__content {
    display: flex;
}

.menu .modal__dialog .menu__item {
    height: 153px;
    width: 153px;
    margin: 0 23px;
    background: linear-gradient(180deg, #143a64 0%, #052242 100%);
    box-shadow: 0px 35px 75px rgba(0, 0, 0, 0.15);
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}

.menu .modal__dialog .menu__item:hover svg {
    fill: #e3fb55;
}

.menu .modal__dialog .menu__item svg {
    height: 54px;
    width: 58px;
    fill: #2f92ff;
}

.menu .modal__dialog .menu__item span {
    margin-top: 17px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
}

.mining__statistics h2,
.mining__statistics h2 > b {
    text-align: center;
    color: #3a5e85;
    font-style: normal;
    font-weight: 300;
    font-size: 36px;
    line-height: 22px;
    margin-top: 80px;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.mining__statistics h2 > b {
    font-weight: 500;
}

.mining__statistics__block {
    background: linear-gradient(138.01deg, rgba(33, 101, 165, 0.2) -2.81%, rgba(0, 35, 67, 0.21) 119.93%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.02), -15px -15px 24px rgba(85, 159, 251, 0.02);
    border-radius: 15px;
    margin-bottom: 65px;
}

.mining__statistics__header {
    background: rgba(2, 27, 58, 0.74);
    box-shadow: inset 0px -10px 15px rgba(0, 0, 0, 0.06);
    border-radius: 15px 15px 0px 0px;
    height: 60px;
    display: flex;
    align-items: center;
}

.mining__statistics__header > div {
    flex: 1;
    text-align: center;
    font-weight: 200;
    font-size: 28px;
    line-height: 22px;
    text-transform: uppercase;
}

.mining__statistics__content {
    display: flex;
}

.mining__statistics__content .mining__stat__graf {
    height: 200px;
    position: relative;
}

.mining__statistics__content .mining__stat__graf .line {
    position: absolute;
    width: 270px;
    top: 50%;
    left: 0;
}

.mining__statistics__content .mining__stat__graf .line > div:first-child {
    border-bottom: solid 1px #beffff;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.mining__statistics__content .mining__stat__graf .line > div:first-child:before,
.mining__statistics__content .mining__stat__graf .line > div:first-child:after {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #beffff;
    position: absolute;
    top: 50%;
    margin-top: -2.5px;
    transform: translateY(50%);
}

.mining__statistics__content .mining__stat__graf .line > div:first-child:before {
    left: 0;
}

.mining__statistics__content .mining__stat__graf .line > div:first-child:after {
    right: 0;
}

.mining__statistics__content .mining__stat__graf .line > div:first-child span {
    color: #92ffff;
    font-size: 22px;
}

.mining__statistics__content .mining__stat__graf .line > div:last-child {
    text-align: center;
}

.mining__statistics__content .mining__stat__graf .line > div:last-child span {
    color: #92ffff;
}

.mining__statistics__content > div {
    flex: 1;
    margin: 20px;
}

.mining__statistics__content > div table {
    width: 100%;
}

.mining__statistics__content > div table thead tr td {
    padding-bottom: 12px;
    padding-top: 22px;
}

.mining__statistics__content > div table thead tr td:first-child {
    color: #e3fb55;
    font-weight: bold;
}

.mining__statistics__content > div table thead tr td:last-child {
    color: #beffff;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
}

.mining__statistics__content > div table tbody tr td {
    padding-bottom: 5px;
}

.mining__statistics__content > div table tbody tr td:first-child {
    color: #3a5e85;
    font-weight: 400;
}

.mining__statistics__content > div table tbody tr td:last-child {
    color: #3a5e85;
    text-align: right;
}

.mining__statistics__content > div table tbody tr td:last-child b {
    color: white;
    font-weight: 400;
}

.deposit__modal {
    max-width: 944px !important;
    background: linear-gradient(180deg, #143a64 0%, #052242 100%) !important;
    padding-top: 0 !important;
    box-shadow: 0px 35px 75px rgba(0, 0, 0, 0.15) !important;
    border-radius: 25px;
}

.deposit__modal__header {
    background: linear-gradient(180deg, rgba(20, 58, 100, 0.54) 0%, rgba(5, 34, 66, 0.56) 100%);
    border-radius: 25px 25px 0px 0px;
    display: flex;
    height: 50px;
}

.deposit__modal__header div {
    flex: 1;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #6494c9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.deposit__modal__content {
    padding: 23px 44px;
}

.deposit__modal .deposit__item {
    background: linear-gradient(171.96deg, rgba(33, 101, 165, 0.55) -3.21%, rgba(0, 35, 67, 0.56) 136.24%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.07);
    border-radius: 15px;
    display: flex;
    align-items: center;
    flex: 1;
    height: 66px;
    padding-left: 29px;
    margin-bottom: 15px;
}

.deposit__modal .deposit__item div {
    flex: 1;
}

.deposit__modal .deposit__item div:first-child {
    font-weight: 200;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #6494c9;
}

.deposit__modal .deposit__item div:first-child img {
    vertical-align: sub;
    margin-right: 10px;
}

.deposit__modal .deposit__item div:first-child b {
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    margin-right: 5px;
}

.deposit__modal .deposit__item div:nth-child(2) {
    width: 332px;
    min-width: 332px;
    background: rgba(18, 79, 151, 0.75);
    border-radius: 5px;
    display: flex;
    height: 30px;
    align-items: center;
    padding-left: 20px;
    font-weight: 100;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
}

.deposit__modal .deposit__item div:nth-child(2) svg {
    margin-left: 10px;
    height: 14px;
    width: 14px;
    fill: #3fd0f1;
    flex-shrink: 0;
}

.deposit__modal .deposit__item div:nth-child(3) {
    padding-left: 30px;
    width: 200px;
}

.deposit__modal .deposit__item div:nth-child(3) span {
    background: rgba(3, 31, 63, 0.41);
    border-radius: 5px;
    width: 25.74px;
    height: 31.54px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: "Digital Numbers Regular";
    position: relative;
}

.deposit__modal .deposit__item div:nth-child(3) span:nth-child(2n) {
    margin-right: 12px;
}

.deposit__modal .deposit__item div:nth-child(3) span:nth-child(2n):after {
    position: absolute;
    content: ":";
    right: -13px;
}

.deposit__modal .deposit__item div:nth-child(3) span:last-child:after {
    display: none;
}

@-webkit-keyframes show {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes show {
    from {
        transform: scale(0);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes hide {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(0);
        opacity: 0;
    }
}

@keyframes hide {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(0);
        opacity: 0;
    }
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal textarea {
    background: rgba(27, 76, 130, 0.5);
    border-radius: 7px;
    width: 100%;
    border: none;
    padding: 10px;
    height: 175px;
}

.modal textarea::-webkit-input-placeholder {
    color: #4a99ef;
    font-style: italic;
}

.modal textarea::-moz-placeholder {
    color: #4a99ef;
    font-style: italic;
}

.modal textarea:-ms-input-placeholder {
    color: #4a99ef;
    font-style: italic;
}

.modal textarea::-ms-input-placeholder {
    color: #4a99ef;
    font-style: italic;
}

.modal textarea::placeholder {
    color: #4a99ef;
    font-style: italic;
}

.modal.active {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.7);
}

.modal.active .modal__dialog {
    -webkit-animation: show 0.25s;
    animation: show 0.25s;
    transform: scale(1);
    opacity: 1;
}

.modal .hide .modal__dialog {
    -webkit-animation: hide 0.25s;
    animation: hide 0.25s;
    transform: scale(0);
    opacity: 0;
}

.modal__dialog {
    transform: scale(0);
    opacity: 0;
    max-width: 555px;
    background: url("../images/logo__modal.png") top center no-repeat, linear-gradient(180deg, #143a64 0%, #052242 100%);
    box-shadow: 0px 35px 75px rgba(0, 0, 0, 0.15);
    border-radius: 25px;
    padding-top: 130px;
    position: relative;
    margin: 0 auto;
    margin-top: 50px;
}

.modal .rec {
    color: white !important;
    width: 80%;
}

.modal__content {
    padding: 0 90px 30px;
}

.modal__content button {
    width: 100%;
}

.modal__content h2 {
    font-weight: 200;
    font-size: 30px;
    line-height: 32px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 32px;
}

.modal__footer {
    background: rgba(0, 23, 48, 0.36);
    border-radius: 0px 0px 25px 25px;
    height: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal__footer h6 {
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
}

.modal__footer a {
    color: #e3fb55;
    text-transform: uppercase;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.license {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.license input {
    opacity: 0;
    height: 0px;
    width: 0px;
}

.license input ~ i {
    background: #052242;
    border: solid 1px rgba(190, 255, 255, 0.51);
    border-radius: 7px;
    width: 12px;
    height: 12px;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-right: 10px;
}

.license input:checked ~ i:before {
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.form-captha {
    display: flex;
}

.form-captha div {
    border-radius: 5px;
    background: #143d6a;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-captha input {
    margin-right: 10px;
}

.form-captha img {
    margin-left: 10px;
}

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

.license-page p {
    margin-top: 30px;
}

.license-page h3 {
    margin: 15px 0;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
}

.license-page ul li {
    line-height: 150%;
}

.modal-lang .modal__dialog {
    max-width: 915px;
}

.modal-lang .modal__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.modal-lang .modal__content a {
    display: flex;
    flex-direction: column;
    margin: 0 5px;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    flex: 1;
    width: 14%;
    min-width: 14%;
    align-items: center;
}

.modal-lang .modal__content a:hover {
    opacity: 0.8;
}

.modal-lang .modal__content a img {
    margin-bottom: 10px;
    width: 92px;
}

.toast {
    margin-bottom: 17px;
    padding-left: 96px;
    padding-right: 37px;
    min-height: 83px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: #0e386a;
    border-radius: 55px 0px 0px 55px;
}

.toast:before {
    content: "";
    background: url("../images/done_toastr.png") center no-repeat, linear-gradient(101.47deg, rgba(33, 101, 165, 0.35) 1.03%, rgba(0, 35, 67, 0.35) 170.18%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.07);
    height: 52px;
    width: 52px;
    position: absolute;
    left: 0;
    border-radius: 50%;
    margin-left: 22px;
}

.toast-error {
    background: #08284d !important;
}

.toast-error:before {
    background: url("../images/error_toastr.png") center no-repeat, linear-gradient(101.47deg, rgba(33, 101, 165, 0.35) 1.03%, rgba(0, 35, 67, 0.35) 170.18%) !important;
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.07);
}

.toast-error .toast-title {
    color: #ff2156 !important;
}

.toast .toast-title {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #e3fb55;
}

.toast .toast-message {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #ffffff;
    max-width: 170px;
}

#toast-container {
    position: fixed;
    height: 100%;
    z-index: 9999;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 200px;
}

.prev,
.next {
    display: none;
}

[v-cloak] {
    display: none;
}

.wait_dep .modal__content h2 {
    color: #e3fb55;
}

.wait_dep .modal__content p {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #6494c9;
}

.wait_dep .modal__content button {
    background: rgba(18, 79, 151, 0.35);
    border-radius: 5px;
    display: flex;
    margin: 0 auto;
    width: auto;
    height: 30px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    min-width: 240px;
    text-transform: uppercase;
    margin-top: 22px;
}

.wait_dep .modal__content button.yellow {
    color: #e3fb55;
}

.wait_dep .modal__content button.yellow svg {
    fill: #e3fb55;
}

.wait_dep .modal__content button.blue {
    color: #3fd0f1;
    margin-bottom: 40px;
}

.wait_dep .modal__content button.blue svg {
    fill: #3fd0f1;
}

.wait_dep .modal__content button svg {
    height: 14px;
    width: 14px;
    margin-right: 10px;
}

.wait_dep .modal__content h4 {
    margin-top: 14px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.wait_dep .modal__content h3 {
    font-weight: 500;
    font-size: 30px;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
    margin-top: 14px;
}

.wait_dep .modal__content h3 span {
    color: #6494c9;
    font-size: 30px;
    font-weight: 300;
    margin-left: 10px;
}

.wait_dep .modal__footer {
    background: linear-gradient(180deg, #143a64 0%, #052242 100%);
    height: 170px;
}

.wait_dep .modal__footer h2 {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}

.wait_dep .modal__footer div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12px;
}

.wait_dep .modal__footer div span {
    background: #031f3f;
    border-radius: 5px;
    width: 51.43px;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 3px;
    position: relative;
    font-size: 30px;
    font-family: "Digital Numbers Regular";
}

.wait_dep .modal__footer div span:nth-child(2n) {
    margin-right: 19px;
}

.wait_dep .modal__footer div span:nth-child(2n):before {
    content: ":";
    position: absolute;
    font-size: 30px;
    line-height: 20px;
    font-family: "Digital Numbers Regular";
    right: 0;
    margin-right: -23px;
}

.wait_dep .modal__footer div span:nth-child(2n):last-child:before {
    display: none;
}

.home-block-mining__item:not(.active) .animation-hash {
    transform: scale(0.8);
}

.animation-hash__round {
    height: 177px;
    width: 177px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    top: -200px;
    transform: translateX(-50%);
}

.animation-hash__round:before {
    content: "";
    position: absolute;
    background: url("../images/animation_hash__b.png");
    width: 191px;
    height: 118px;
    left: 50%;
    top: 50%;
    transform-origin: 50% 50%;
    transform: translate(-50%, -50%) rotate(20deg);
    -webkit-animation: 4s animateValute3 infinite linear;
    animation: 4s animateValute3 infinite linear;
}

.animation-hash__round > img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.animation-hash__valute {
    position: relative;
    flex: 1;
    height: 100%;
    width: 100%;
}

.animation-hash__valute img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 1s;
    -webkit-animation: 4s animateValute infinite ease-in-out;
    animation: 4s animateValute infinite ease-in-out;
}

.animation-hash__valute img:nth-child(2) {
    margin-left: 10px;
    margin-top: -5px;
    opacity: 0.3;
}

@-webkit-keyframes animateValute {
    0% {
        transform: translate(-50%, -50% rotate(0deg));
    }

    80% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    85% {
        transform: translate(-50%, -50%) rotate(10deg);
    }
}

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

    80% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    85% {
        transform: translate(-50%, -50%) rotate(10deg);
    }
}

@-webkit-keyframes animateValute2 {
    0% {
        margin-left: 10px;
        margin-top: -5px;
    }

    89% {
        margin-left: 10px;
        margin-top: -5px;
    }

    90% {
        margin-left: 7px;
        margin-top: -2px;
    }
}

@keyframes animateValute2 {
    0% {
        margin-left: 10px;
        margin-top: -5px;
    }

    89% {
        margin-left: 10px;
        margin-top: -5px;
    }

    90% {
        margin-left: 7px;
        margin-top: -2px;
    }
}

@-webkit-keyframes animateValute3 {
    to {
        transform-origin: 50% 50%;
        transform: translate(-50%, -50%) rotate(380deg);
    }
}

@keyframes animateValute3 {
    to {
        transform-origin: 50% 50%;
        transform: translate(-50%, -50%) rotate(380deg);
    }
}

.text-justify {
    text-align: justify !important;
}

.how_it_works {
    text-align: center;
}

.how_it_works .title {
    margin-bottom: 30px;
}

.how_it_works > img {
    margin-top: 85px;
}

.how_it_works p {
    line-height: 29px;
    font-size: 18px;
    margin-bottom: 20px;
}

.how_it_works h3 {
    margin: 20px 0;
    text-align: center;
    font-weight: 200;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 24px;
    line-height: 22px;
}

.how_it_works h4 {
    margin-bottom: 20px;
}

.how_it_works .how_it {
    display: flex;
    background: rgba(6, 41, 79, 0.18);
    border-radius: 15px;
    padding: 17px 27px;
    margin-bottom: 37px;
}

.how_it_works .how_it h4 {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    margin-bottom: 0;
    text-align: left;
}

.how_it_works .how_it p {
    color: #6494c9;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    text-indent: 0em;
    margin-bottom: 0;
}

.how_it_works .how_it .how_it__img {
    width: 71px;
    height: 71px;
    background: rgba(0, 45, 99, 0.3);
    border-radius: 12px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 28px;
}

.tv {
    display: flex;
    padding: 0 7.5rem 0;
    width: 100%;
    margin: auto;
}

.tv-html {
    font-size: 0.47vw;
}

.tv__left {
    width: 60%;
    margin-right: 12rem;
}

.tv__right {
    width: 30%;
    padding-top: 3rem;
}

.tv-label {
    padding: 3.6rem;
    background: rgba(0, 28, 61, 0.36);
    border-radius: 11.2rem;
    display: flex;
    align-items: center;
    margin-bottom: 4rem;
}

.tv-label__life {
    background: linear-gradient(116.83deg, rgba(33, 101, 165, 0.5) -2.81%, rgba(0, 35, 67, 0.51) 119.93%);
    box-shadow: 2.5rem 2.5rem 2.4rem rgba(0, 0, 0, 0.1), -1.5rem -1.5rem 2.4rem rgba(85, 159, 251, 0.07);
    border-radius: 50%;
    display: flex;
    height: 8.6rem;
    width: 8.6rem;
    justify-content: center;
    align-items: center;
    margin-left: auto;
}

@-webkit-keyframes live_green {
    from {
        box-shadow: 0px 0px 0px 0px #ff2156;
    }

    to {
        box-shadow: 0px 0px 0px 1.5rem rgba(232, 53, 78, 0.01);
    }
}

@keyframes live_green {
    from {
        box-shadow: 0px 0px 0px 0px #ff2156;
    }

    to {
        box-shadow: 0px 0px 0px 1.5rem rgba(232, 53, 78, 0.01);
    }
}

.tv-label__life div {
    background: #ff2156;
    height: 1.8rem;
    width: 1.8rem;
    border-radius: 50%;
    position: relative;
    -webkit-animation: live_green 1.5s infinite linear;
    animation: live_green 1.5s infinite linear;
}

.tv-label__life div:before {
    content: "";
    border-radius: 50%;
    display: block;
    position: absolute;
    height: 3.9rem;
    width: 3.9rem;
    background: rgba(255, 33, 86, 0.25);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.tv-label__life div :after {
    content: "";
    border-radius: 50%;
    display: block;
    position: absolute;
    width: 5.8rem;
    height: 5.8rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 33, 86, 0.25);
}

.tv-label i img {
    height: 6.9rem;
}

.tv-label__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 4.5rem;
}

.tv-label__content h2 {
    font-size: 5rem;
    font-weight: 200;
    text-transform: uppercase;
}

.tv-label__content h3 {
    font-size: 3rem;
    color: #e3fb55;
    text-transform: uppercase;
    font-weight: 200;
}

.tv table {
    width: 100%;
    border-spacing: 0 3.2rem;
}

.tv table tr {
    background: rgba(0, 20, 38, 0.1);
    box-shadow: 2.5rem 2.5rem 2.4rem rgba(0, 0, 0, 0.1), -1.5rem -1.5rem 2.4rem rgba(85, 159, 251, 0.07);
    border-radius: 1.5rem;
    height: 8rem;
    overflow: hidden;
}

.tv table tr td {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    font-size: 1.6rem;
    text-transform: uppercase;
}

.tv table tr td:first-child {
    background: linear-gradient(145.25deg, rgba(33, 101, 165, 0.45) -2.81%, rgba(0, 35, 67, 0.46) 119.93%);
    box-shadow: 2.5rem 2.5rem 2.4rem rgba(0, 0, 0, 0.1), -1.5rem -1.5rem 2.4rem rgba(85, 159, 251, 0.07);
    border-radius: 1.5rem;
    text-align: center;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 500;
}

.tv table tr td span {
    color: #e3fb55;
    font-size: 2rem;
    margin-right: 1rem;
}

.tv table tr td b {
    font-size: 2rem;
    color: #6494c9;
    font-weight: 200;
}

.tv table tr td:last-child span {
    color: #6494c9;
}

.tv__timer {
    display: flex;
}

.tv__timer span {
    position: relative;
    background: rgba(0, 28, 61, 0.35);
    border-radius: 0.7rem;
    display: inline-flex;
    height: 10rem;
    width: 7rem;
    flex-shrink: 0;
    font-size: 4.8rem;
    color: #fff;
    align-items: center;
    justify-content: center;
    margin-right: 1.2rem;
}

.tv__timer span:last-child {
    margin-right: 0;
}

.tv__timer span:last-child:before {
    display: none;
}

.tv__timer span:nth-child(2n) {
    margin-right: 3.5rem;
}

.tv__timer span:nth-child(2n):before {
    content: ":";
    color: #fff;
    position: absolute;
    right: -2rem;
}

.tv__date {
    color: #e3fb55;
    font-size: 4rem;
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 6rem;
}

.tv__stat {
    background: linear-gradient(108.13deg, rgba(33, 101, 165, 0.25) -1.31%, rgba(0, 57, 111, 0.26) 106.76%);
    box-shadow: 2.5rem 2.5rem 2.4rem rgba(0, 0, 0, 0.025), -1.5rem -1.5rem 2.4rem rgba(85, 159, 251, 0.02);
    border-radius: 1.5rem;
}

.tv__stat__header {
    padding: 6.2rem 0 3rem;
    text-align: center;
}

.tv__stat__header img {
    height: 19.5rem;
}

.tv__stat__content {
    background: rgba(14, 45, 81, 0.75);
    box-shadow: inset 0 1rem 1.5rem rgba(0, 0, 0, 0.06);
    border-radius: 1rem 1rem 0 0;
    padding: 4rem 2.3rem;
}

.tv__stat__content .tv__stat__item {
    background: rgba(18, 79, 151, 0.35);
    border-radius: 1rem;
    margin-bottom: 2.3rem;
    height: 6.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 3.5rem;
    font-size: 2.5rem;
    font-weight: 500;
}

.tv__stat__content .tv__stat__item:last-child {
    margin-bottom: 0;
}

.tv__stat__content .tv__stat__item span {
    color: #2f92ff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 2.5rem;
}

.tv__stat__content .tv__stat__item span svg {
    margin-left: 2rem;
    height: 2.4rem;
    width: 2.4rem;
    fill: #2f92ff;
}

.promo {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: linear-gradient(143.53deg, #2165a5 -2.81%, #002343 119.93%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.07);
    border-radius: 0 15px 15px 0;
    width: 180px;
    height: 91px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.promo h3 {
    font-size: 17px;
    line-height: 100%;
    color: #69b1ff;
    text-transform: uppercase;
    font-weight: bold;
}

.promo h3 span {
    color: #e3fb55;
    font-weight: 800;
    font-size: 24px;
    line-height: 100%;
}

.promo > h4 {
    font-size: 17px;
    font-weight: 200;
    text-transform: uppercase;
    color: #fff;
}

.promo a {
    background: #2f92ff;
    border-radius: 32px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px 18px;
    position: absolute;
    bottom: 0;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, 50%);
}

.promo__animate {
    position: absolute;
    top: -85px;
}

.promo__animate #animation_container,
.promo__animate canvas {
    width: 189px !important;
    height: 118px !important;
}

.promo__modal {
    background: linear-gradient(120.55deg, rgba(33, 101, 165, 0.55) -2.81%, rgba(0, 35, 67, 0.55) 119.93%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.05), -15px -15px 24px rgba(85, 159, 251, 0.03);
    border-radius: 15px;
    width: 433px;
    height: 400px;
    position: fixed;
    left: -25px;
    top: 50%;
    transform: translateY(-50%) translateX(-100%);
    padding: 8px;
    transition: all 0.2s;
    z-index: 20;
}

.promo__modal__content {
    background: linear-gradient(120.95deg, #2165a5 -2.81%, #002343 119.93%);
    box-shadow: 25px 25px 24px rgba(0, 0, 0, 0.1), -15px -15px 24px rgba(85, 159, 251, 0.07);
    border-radius: 15px;
    height: 100%;
    width: 100%;
    padding-top: 35px;
    padding-right: 47px;
    padding-left: 56px;
}

.promo__modal__header {
    display: flex;
    margin-bottom: 20px;
}

.promo__modal__header .promo__modal__aninate {
    width: 150px !important;
    min-width: 150px !important;
    height: 118px;
    position: relative;
    left: -43px;
    top: -48px;
}

.promo__modal__header .promo__modal__aninate #animation_container2,
.promo__modal__header .promo__modal__aninate canvas,
.promo__modal__header .promo__modal__aninate #dom_overlay_container2 {
    width: 239px !important;
    height: 168px !important;
}

.promo__modal__header__text {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.promo__modal__header__text p {
    color: #beffff;
    font-weight: 500;
    font-size: 14px;
    line-height: 149%;
    text-transform: uppercase;
    text-align: right;
}

.promo__modal__header__text h2 {
    font-weight: 900;
    font-size: 30px;
    line-height: 100%;
    color: #fff;
    margin-bottom: 0px;
}

.promo__modal__header__text h2 span {
    color: #75ffff;
    font-weight: 900;
    font-size: 30px;
    line-height: 100%;
}

.promo__modal__header__text h3 {
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.promo__modal .promo__modal__body {
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
}

.promo__modal .promo__modal__body h3 {
    text-align: center;
    color: #4193d9;
    font-weight: 600;
    font-size: 12px;
    line-height: 122.5%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.promo__modal .promo__modal__body .promo-timer {
    margin-top: 12px;
    display: flex;
    justify-content: center;
    margin-bottom: 21px;
}

.promo__modal .promo__modal__body .promo-timer span {
    background: rgba(3, 31, 63, 0.45);
    border-radius: 5px;
    width: 35.81px;
    height: 43.87px;
    margin: 2px;
    font-size: 20px;
    line-height: 20px;
    font-family: "Digital Numbers Regular";
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.promo__modal .promo__modal__body .promo-timer span:nth-child(3),
.promo__modal .promo__modal__body .promo-timer span:nth-child(5) {
    margin-right: 17px;
}

.promo__modal .promo__modal__body .promo-timer span:nth-child(3):after,
.promo__modal .promo__modal__body .promo-timer span:nth-child(5):after {
    content: ":";
    position: absolute;
    right: -17px;
    top: 2px;
    transform: translateY(50%);
    font-size: 20px;
    line-height: 20px;
    color: #fff;
}

.promo__modal .promo__modal__body a {
    border-radius: 32px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px 18px;
    background: #ff2156;
    text-align: center;
    color: #001c3d;
    margin-bottom: 15px;
}

.promo__modal .promo__modal__body a.blue {
    background: #2f92ff;
    color: #fff;
}

#animation_container2 {
    position: absolute;
    top: 10px;
}


.handle_active {
    transform: translate(1700%, 500%) !important;
}


.ghs_active {
    transform: translateX(100%) !important;
}

.count_desactive::before {
    content: "0%";
}

.count_active::before {
    content: "100%";
}


.mining__item__content .mining__block__off {
    width: 5px;
    height: 81px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
}


.mining__item__content .mining__block__off div {
    background: #0c2a49;
    transition: all 0.2s;
    height: 5px;
    width: 5px;
}


.mining_show {
    display: block !important;
}

.mining_hide {
    display: none;
}

.mining_withdrawal table {
    width: 100%;
}

.mining_withdrawal table thead tr td:first-child {
    color: #e3fb55;
    font-weight: bold;
}

.mining_withdrawal table thead tr td {
    padding-bottom: 12px;
    padding-top: 22px;
}


.mining_withdrawal table thead tr td:last-child {
    color: #beffff;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
}

.mining_withdrawal table thead tr td {
    padding-bottom: 12px;
    padding-top: 22px;
}

.mining_withdrawal table tbody tr td:first-child {
    color: #beffff;
    font-weight: 400;
}

.mining_withdrawal table tbody tr td {
    padding-bottom: 5px;
}

.mining_withdrawal table tbody tr td:last-child {
    color: #6b95b4;
    text-align: right;
}

.mining_withdrawal table tbody tr td:last-child b {
    color: white;
    font-weight: 400;
}


#mainfunds .funds > ul li {
    cursor: default;
}

#mainfunds.funds > ul li:hover,
.funds > ul li.active {
    cursor: default;
    background: linear-gradient(112.2deg, rgba(33, 101, 165, 0.51) -1.31%, rgba(0, 57, 111, 0.51) 106.76%);
    box-shadow: 25px 25px 24px rgb(0 0 0 / 10%), -15px -15px 24px rgb(85 159 251 / 7%);
}

#mainprocess {
    font-size: 25px;
}


.dashbardprice {
    color: #7cabde;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
}

.buywrap {
    flex-wrap: wrap;
    margin-top: 0px;
}

.buywrap > div {
    flex-basis: 50%;
}

.buyitem {
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.buyitem:nth-child(1) {
    margin-left: -2px;
}

.buyitem:nth-child(2) {
    margin-left: 2px;
}

.buyitem:nth-child(3) {
    margin-left: -2px;
}

.buyitem:nth-child(4) {
    margin-left: 2px;
}

.buyitem:nth-child(5) {
    margin-left: -2px;
}

.buyitem:nth-child(6) {
    margin-left: 2px;
}

.buyitem:nth-child(7) {
    margin-left: -2px;
}

.buyitem:nth-child(8) {
    margin-left: 2px;
}

.buyitem:nth-child(9) {
    margin-left: -2px;
}

.buyitem:nth-child(10) {
    margin-left: 2px;
}


.buyitem img {
    justify-content: center;
    align-items: center;
    padding-left: 12px;
    margin-right: 11px;
    vertical-align: middle;
}

.buyitem span {
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}


.buyitem:hover {
    background: rgb(45 104 169 / 50%);
    border-radius: 7px 7px 7px 7px;
    cursor: pointer;
    padding-top: 4px;
    padding-bottom: 4px;
}

.buyitem_active {
    background: rgb(45 104 169 / 50%);
    border-radius: 7px 7px 7px 7px;
    padding-top: 4px;
    padding-bottom: 4px;
}


#panel_sha256 {
    display: none;
}

#panel_scrypt {
    display: none;
}

#panel_ethash {
    display: none;
}

.activepower {
    display: block !important;
}



@keyframes fade {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    /* 20% of 5 seconds = 1 second */
    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.fade {
    opacity: 0;
    animation: fade ease-in-out 8s;
    animation-fill-mode: forwards;
    margin-top: 30px;
}

.fade:nth-child(2) {
    animation-delay: 1s;
    margin-top: 5px;
}

.fade:nth-child(3) {
    animation-delay: 2s;
    margin-top: 5px;
}

.fade:nth-child(4) {
    animation-delay: 3s;
    margin-top: 5px;
}

.fade:nth-child(5) {
    animation-delay: 9s;
    margin-top: 5px;
}

.fade:nth-child(6) {
    animation-delay: 10s;
    margin-top: 5px;
}


.fade:nth-child(7) {
    animation-delay: 11s;
    margin-top: 5px;
}

.fade:nth-child(8) {
    animation-delay: 12s;
    margin-top: 5px;
}


#toast-container {
    justify-content: flex-start !important;
    padding-bottom: 17px !important;
}


.ui-slider-horizontal {
    background: #0c2a49;
    height: 8px;
    border: none !important;
    border-radius: 0 !important;
}

.horizontal_active_orange {
    background: #f89e32 !important;
}

.horizontal_active_green {
    background: #4ad30a !important;
}


.horizontal_active_yellow {
    background: #f8e332 !important;
}

.horizontal_active_blue {
    background: #0089cf !important;
}

.horizontal_active_purple {
    background: #9d5bff !important;
}

.horizontal_active_light_green {
    background: #dbffee !important;
}

.stat_cal {
font-size: 18px!important;
color: #fff!important;
line-height: 22px!important;
font-weight: 500!important;
}

.texthoverz{
    color: #beffff!important;
}

.texthoverz:hover{
    color: #beffff!important;
}



.marketing__right:hover table tbody tr td:nth-child(3){
    color: #beffff!important;
}