@-webkit-keyframes burgerTopLine {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
    45% {
        -webkit-transform: translateY(7px) translateX(0);
        transform: translateY(7px) translateX(0);
    }
    55% {
        -webkit-transform: translateY(7px) translateX(0) scaleX(0.7);
        transform: translateY(7px) translateX(0) scaleX(0.7);
    }
    100% {
        -webkit-transform: translateY(7px) translateX(0) rotate(-45deg) scaleX(0.7);
        transform: translateY(7px) translateX(0) rotate(-45deg) scaleX(0.7);
    }
}

@keyframes burgerTopLine {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
    45% {
        -webkit-transform: translateY(7px) translateX(0);
        transform: translateY(7px) translateX(0);
    }
    55% {
        -webkit-transform: translateY(7px) translateX(0) scaleX(0.7);
        transform: translateY(7px) translateX(0) scaleX(0.7);
    }
    100% {
        -webkit-transform: translateY(7px) translateX(0) rotate(-45deg) scaleX(0.7);
        transform: translateY(7px) translateX(0) rotate(-45deg) scaleX(0.7);
    }
}

@-webkit-keyframes burgerBottomLine {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
    45% {
        -webkit-transform: translateY(-7px) translateX(0);
        transform: translateY(-7px) translateX(0);
    }
    55% {
        -webkit-transform: translateY(-7px) translateX(0) scaleX(0.7);
        transform: translateY(-7px) translateX(0) scaleX(0.7);
    }
    100% {
        -webkit-transform: translateY(-7px) translateX(0) rotate(45deg) scaleX(0.7);
        transform: translateY(-7px) translateX(0) rotate(45deg) scaleX(0.7);
    }
}

@keyframes burgerBottomLine {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
    45% {
        -webkit-transform: translateY(-7px) translateX(0);
        transform: translateY(-7px) translateX(0);
    }
    55% {
        -webkit-transform: translateY(-7px) translateX(0) scaleX(0.7);
        transform: translateY(-7px) translateX(0) scaleX(0.7);
    }
    100% {
        -webkit-transform: translateY(-7px) translateX(0) rotate(45deg) scaleX(0.7);
        transform: translateY(-7px) translateX(0) rotate(45deg) scaleX(0.7);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes checkmark1 {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes checkmark1 {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@-webkit-keyframes checkmark2 {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes checkmark2 {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body,
html {
    padding: 0;
    margin: 0;
    font-family: 'Helvetica Neue';
    color: #ffffff;
    background: #303030;
}

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

a {
    text-decoration: none;
    color: #ffffff;
}

a:hover {
    text-decoration: none;
    color: #ffffff;
}

a:focus {
    text-decoration: none;
    color: #ffffff;
    outline: none;
}

a:active {
    text-decoration: none;
    color: #ffffff;
}

a:visited {
    text-decoration: none;
}

button {
    border: none;
    background: none;
    cursor: pointer;
    color: #ffffff;
}

button:focus {
    outline: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px white;
    box-shadow: inset 0 0 0 1000px white;
    box-shadow: inset 0 0 0 1000px white;
}

button {
    cursor: pointer;
}

button:focus {
    outline: none;
}

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

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.row>div:last-child {
    padding-right: 0 !important;
}

.row>div:first-child {
    padding-left: 0 !important;
}

.col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.col-2 {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.col-3 {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.col-pd {
    padding-left: 15px;
    padding-right: 15px;
}

.col-pd_sm {
    padding-left: 3px;
    padding-right: 3px;
}

.link {
    color: #2CB6FF;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.link:hover {
    color: #E4B940;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.link:active {
    opacity: .5;
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.btn-yellow {
    background: #E4B940;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 16px;
    position: relative;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.btn-yellow.btn-transparent {
    background: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #E4B940;
}

.btn-yellow.btn-shadow {
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
}

.btn-yellow:hover {
    background: #EEC246;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.btn-yellow.btn-logout {
    padding-left: 36px;
    padding-right: 11px;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 14px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.btn-yellow.btn-logout::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -7.5px;
    left: 10px;
    width: 20px;
    height: 15px;
    background: url("../img/icon-logout.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.simple-select {
    border: 1px solid #43475a;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: auto;
    font-size: 12px;
    font-weight: 300;
    background: #3a3d4d;
    height: 28px;
    padding-left: 15px;
    padding-right: 0;
    color: white;
}

.simple-select.simple-select-empty {
    width: 84px;
}

.simple-select.simple-select-empty .current {
    padding-left: 10px;
}

.simple-select.simple-select-empty .current::after {
    height: 27px;
}

.simple-select.simple-select-empty .list li {
    padding-left: 10px;
}

.simple-select.simple-select-status {
    width: 110px;
}

.simple-select.simple-select-status .current {
    padding-left: 10px;
}

.simple-select.simple-select-status .current::after {
    height: 27px;
}

.simple-select.simple-select-status .list li {
    padding-left: 10px;
}

.simple-select-currency {
    width: 163px;
}

.simple-select-currency .current {
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
    background-position: 5px 8px;
}

.simple-select-currency .list li {
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
    background-position: 5px 8px;
    padding-left: 21px;
}

.simple-select-currency .list li.icon-btc {
    background: url("../img/icon-btc.svg") 5px 8px no-repeat #3a3d4d;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
}

.simple-select-currency .list li.icon-usd {
    background: url("../img/icon-usd.svg") 5px 8px no-repeat #3a3d4d;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
}

.simple-select-currency .list li.icon-bch {
    background: url("../img/icon-bth.svg") 5px 8px no-repeat #3a3d4d;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
}

.simple-select-currency .list li.icon-eth {
    background: url("../img/icon-eth.svg") 5px 8px no-repeat #3a3d4d;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
}

.simple-select-currency .list li.icon-ltc {
    background: url("../img/icon-ltc.svg") 5px 8px no-repeat #3a3d4d;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
}

.simple-select-currency .list li.icon-xpr {
    background: url("../img/icon-xpr.svg") 5px 8px no-repeat #3a3d4d;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
}

.simple-select-currency .list li.icon-dash {
    background: url("../img/icon-dash.svg") 5px 8px no-repeat #3a3d4d;
    -webkit-background-size: 11px 11px;
    background-size: 11px 11px;
}

.simple-select.simple-select-trans.nice-select {
    width: 113px;
}

.simple-select.simple-select-trans.nice-select .current {
    padding-left: 10px;
}

.simple-select.simple-select-trans.nice-select .list li {
    padding-left: 10px;
}

.simple-select.simple-select-colored.nice-select {
    width: 115px;
}

.simple-select.simple-select-colored.nice-select .list li {
    position: relative;
    padding-left: 30px;
}

.simple-select.simple-select-colored.nice-select .list li::before {
    display: block;
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    top: 50%;
    margin-top: -8px;
    left: 10px;
}

.simple-select.simple-select-colored.nice-select .list li.active::before {
    background: #41bf50;
}

.simple-select.simple-select-colored.nice-select .list li.pending::before {
    background: #ffb01c;
}

.simple-select.simple-select-colored.nice-select .list li.rejected::before {
    background: #f25b5b;
}

.simple-select.simple-select-colored.nice-select .list li.all::before {
    opacity: .2;
    background: transparent;
}

.simple-select.simple-select-colored.nice-select .current {
    padding-left: 30px;
}

.simple-select.simple-select-colored.nice-select .current::before {
    display: block;
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    top: 50%;
    margin-top: -7.5px;
    left: 10px;
}

.simple-select.simple-select-colored.nice-select .current.active::before {
    background: #41bf50;
}

.simple-select.simple-select-colored.nice-select .current.pending::before {
    background: #ffb01c;
}

.simple-select.simple-select-colored.nice-select .current.rejected::before {
    background: #f25b5b;
}

.simple-select:focus {
    border-color: #43475a;
}

.simple-select:hover {
    border-color: #43475a;
}

.simple-select-date {
    width: 87px;
}

.simple-select.open::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.simple-select .current {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    padding-right: 54px;
    line-height: 26px;
}

.simple-select .current::after {
    display: block;
    content: "";
    position: absolute;
    height: 28px;
    width: 22px;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    background: #43475a;
    right: 0;
    top: -0.5px;
}

.simple-select .list {
    width: 100%;
    border: 1px solid #43475a;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #3a3d4d;
}

.simple-select .list li {
    background: #3a3d4d;
    border-bottom: 1px solid #43475a;
    font-size: 12px;
    font-weight: 300;
    height: 28px;
    line-height: 26px;
    min-height: 28px;
    -webkit-box-shadow: inset 0 0 0 0px #43475a;
    box-shadow: inset 0 0 0 0px #43475a;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.simple-select .list li:hover {
    background-color: #43475a;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.simple-select .list li:last-child {
    border-bottom: none;
}

.simple-select::after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: white transparent transparent transparent;
    right: 8px;
    margin-top: 0;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.trading-select {
    border: 1px solid #55596a;
    background: #43475a;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 300;
    line-height: 11px;
    float: none;
    display: block;
    height: 28px;
    min-height: 28px;
    width: 210px;
    padding-left: 0;
}

.trading-select:focus {
    border-color: #55596a;
}

.trading-select:hover {
    border-color: #55596a;
}

.trading-select.open::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.trading-select .current {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 74px;
    position: relative;
}

.trading-select .current::after {
    display: block;
    content: "";
    position: absolute;
    content: "/";
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 64px;
    border-right: 1px solid #55596a;
}

.trading-select .current.after-BTH::after {
    background: url("../img/icon-bth.svg") no-repeat;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    background-position: 10px 5px;
}

.trading-select .current.after-BTC::after {
    background: url("../img/icon-btc.svg") no-repeat;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    background-position: 10px 5px;
}

.trading-select .current.after-DASH::after {
    background: url("../img/icon-dash.svg") no-repeat;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    background-position: 10px 5px;
}

.trading-select .current.after-LTC::after {
    background: url("../img/icon-ltc.svg") no-repeat;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    background-position: 10px 5px;
}

.trading-select .current.after-ETH::after {
    background: url("../img/icon-eth.svg") no-repeat;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    background-position: 10px 5px;
}

.trading-select .current.after-XPR::after {
    background: url("../img/icon-xpr.svg") no-repeat;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    background-position: 10px 5px;
}

.trading-select .current.after-default {
    color: #989898;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.trading-select .current.after-default::after {
    background: url("../img/icon-default.svg") no-repeat;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    background-position: 10px 6px;
}

.trading-select .current::before {
    display: block;
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    top: 5px;
    left: 39px;
}

.trading-select .current.before-BTC::before {
    background: url("../img/icon-btc.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.trading-select .current.before-BTH::before {
    background: url("../img/icon-bth.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.trading-select .current.before-LTC::before {
    background: url("../img/icon-blc.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.trading-select .current.before-ETH::before {
    background: url("../img/icon-eth.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.trading-select .current.before-DASH::before {
    background: url("../img/icon-dash.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.trading-select .current.before-XPR::before {
    background: url("../img/icon-xpr.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.trading-select .current.before-default::before {
    background: url("../img/icon-default.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    top: 6px;
}

.trading-select .list {
    width: 100%;
    border: 1px solid #55596a;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #43475a;
}

.trading-select .list li {
    background: #43475a;
    border-bottom: 1px solid #55596a;
    font-size: 10px;
    font-weight: 300;
    height: 28px;
    line-height: 26px;
    min-height: 28px;
    padding-left: 74px;
    position: relative;
    -webkit-box-shadow: inset 0 0 0 0px #43475a;
    box-shadow: inset 0 0 0 0px #43475a;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.trading-select .list li::after {
    display: block;
    content: "";
    position: absolute;
    content: "/";
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 64px;
    border-right: 1px solid #55596a;
}

.trading-select .list li.after-BTH::after {
    background: url("../img/icon-bth.svg") no-repeat;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    background-position: 10px 5px;
}

.trading-select .list li.after-BTC::after {
    background: url("../img/icon-btc.svg") no-repeat;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    background-position: 10px 5px;
}

.trading-select .list li.after-DASH::after {
    background: url("../img/icon-dash.svg") no-repeat;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    background-position: 10px 5px;
}

.trading-select .list li.after-LTC::after {
    background: url("../img/icon-ltc.svg") no-repeat;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    background-position: 10px 5px;
}

.trading-select .list li.after-ETH::after {
    background: url("../img/icon-eth.svg") no-repeat;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    background-position: 10px 5px;
}

.trading-select .list li.after-XPR::after {
    background: url("../img/icon-xpr.svg") no-repeat;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    background-position: 10px 5px;
}

.trading-select .list li::before {
    display: block;
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    top: 5px;
    left: 39px;
}

.trading-select .list li.before-BTC::before {
    background: url("../img/icon-btc.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.trading-select .list li.before-BTH::before {
    background: url("../img/icon-bth.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.trading-select .list li.before-LTC::before {
    background: url("../img/icon-ltc.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.trading-select .list li.before-ETH::before {
    background: url("../img/icon-eth.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.trading-select .list li.before-DASH::before {
    background: url("../img/icon-dash.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.trading-select .list li.before-XPR::before {
    background: url("../img/icon-xpr.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.trading-select .list li:hover {
    background-color: #E4B940;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.trading-select .list li:last-child {
    border-bottom: none;
    min-height: 26px;
    height: 26px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.trading-select::after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: white transparent transparent transparent;
    right: 8px;
    margin-top: 0;
    -webkit-transform-origin: 50% 30%;
    -ms-transform-origin: 50% 30%;
    transform-origin: 50% 30%;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.trading-select::before {
    height: 27px;
    width: 1px;
    background: #55596a;
    display: block;
    content: "";
    position: absolute;
    right: 21px;
    top: -1px;
}

.date-input {
    opacity: 0;
    width: 87px;
    height: 28px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.input-text {
    font-size: 12px;
    font-weight: 300;
    line-height: 17px;
    background: none;
    border: 1px solid #43475a;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-top: 7px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.input-text-price {
    width: 94px;
}

.input-text:focus {
    outline: none;
    border-color: #585D77;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.simple-input {
    height: 28px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #55596a;
    background: #43475a;
    line-height: 26px;
    width: 100%;
    display: block;
    padding-left: 48px;
    font-size: 10px;
    font-weight: 300;
    color: white;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    overflow: hidden;
    padding-top: 3px;
    font-family: "Helvetica Neue";
    font-weight: 300;
}

.simple-input:focus {
    outline: none;
    border-color: rgba(255, 179, 0, 0.5);
    -webkit-box-shadow: 0 0 2px 0px rgba(255, 179, 0, 0.3);
    box-shadow: 0 0 2px 0px rgba(255, 179, 0, 0.3);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.simple-input:focus::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.45) !important;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.simple-input_faded:focus::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.15) !important;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.simple-input_faded::-webkit-input-placeholder {
    color: #888888 !important;
    font-size: 10px;
    font-weight: 300;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.simple-input::-webkit-input-placeholder {
    font-size: 10px;
    font-weight: 300;
}

.simple-input-block {
    margin-bottom: 20px;
}

.simple-input-block_mb-sm {
    margin-bottom: 10px;
}

.simple-input-label {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}

.simple-input-label-after {
    position: relative;
    margin-top: -5px;
    color: #95989a;
    font-size: 8px;
    font-weight: normal;
    margin-bottom: 3px;
    line-height: 15px;
}

.simple-input-wrapper {
    position: relative;
    overflow: hidden;
}

.simple-input-wrapper.focus div,
.simple-input-wrapper.focus button {
    border-color: rgba(255, 179, 0, 0.5);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.simple-input-before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 39px;
    font-size: 10px;
    font-weight: 300;
    text-transform: uppercase;
    border-right: 1px solid #55596a;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.simple-input-after {
    position: absolute;
    color: #95989a;
    right: 0;
    top: 0;
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    font-size: 10px;
    font-weight: 300;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.simple-input-after.fade {
    opacity: 0;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.simple-input-after_copy {
    padding-right: 38px;
}

.simple-input-copy-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 28px;
    border: 1px solid #55596a;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    background: url("../img/icon-copy.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-background-size: 12px 14px;
    background-size: 12px 14px;
    background-color: #ffb01c;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.simple-input-copy-btn:hover {
    background-color: #E4B940;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.simple-input-copy-btn:active {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.simple-input-copy-btn:focus {
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.ui-datepicker {
    background: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
    font-family: 'Helvetica Neue';
    font-size: 12px;
    font-weight: bold;
    width: 250px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.03);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.03);
}

.ui-datepicker .ui-datepicker-next {
    cursor: pointer;
    width: 21px;
    height: 21px;
    top: 50%;
    right: 16px;
    margin-top: -10.5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.ui-datepicker .ui-datepicker-next:hover {
    background: #ffe5b5;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.ui-datepicker .ui-datepicker-next:hover span {
    -webkit-transform: scale(1.1) rotate(135deg);
    -ms-transform: scale(1.1) rotate(135deg);
    transform: scale(1.1) rotate(135deg);
    border-color: white;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.ui-datepicker .ui-datepicker-next span {
    top: 50%;
    margin-top: -4px;
    left: 60%;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: 1px solid #43475a;
    border-left: 1px solid #43475a;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.ui-datepicker .ui-datepicker-prev {
    cursor: pointer;
    width: 21px;
    height: 21px;
    left: 16px;
    top: 50%;
    margin-top: -10.5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.ui-datepicker .ui-datepicker-prev:hover {
    background: #ffe5b5;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.ui-datepicker .ui-datepicker-prev:hover span {
    -webkit-transform: scale(1.1) rotate(-45deg);
    -ms-transform: scale(1.1) rotate(-45deg);
    transform: scale(1.1) rotate(-45deg);
    border-color: white;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.ui-datepicker .ui-datepicker-prev span {
    top: 50%;
    margin-top: -4px;
    left: 75%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: 1px solid #43475a;
    border-left: 1px solid #43475a;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.ui-datepicker .ui-datepicker-header {
    background: #EAEAEA;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 4.5px;
    padding-bottom: 4.5px;
    width: 100%;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    font-family: 'Helvetica Neue';
    font-size: 12px;
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-calendar {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.ui-datepicker .ui-datepicker-calendar th {
    color: #7F7F7F;
    text-transform: uppercase;
    text-align: center;
}

.ui-datepicker .ui-datepicker-calendar td {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 3px;
    margin-right: 3px;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    position: relative;
}

.ui-datepicker .ui-datepicker-calendar td:hover a {
    color: white;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.ui-datepicker .ui-datepicker-calendar td:hover::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.ui-datepicker .ui-datepicker-calendar td::after {
    width: 70%;
    height: 70%;
    content: "";
    display: block;
    background: #ffe5b5;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 15%;
    left: 15%;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today::after {
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
    background: #ffe5b5;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a {
    color: white;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day::after {
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
    background: #ffb01c;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a {
    color: white;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month:hover a {
    color: white;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a {
    color: #E5E5E5;
}

.ui-datepicker .ui-datepicker-calendar td a {
    text-align: center;
    color: #999999;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.rating-item {
    background: url("../img/icon-rating.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 13.5px;
    height: 16px;
    margin-right: 4px;
}

.rating-item:last-child {
    margin-right: 0;
}

.chart-tooltip-custom {
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 9999;
    padding: 5px;
    opacity: 0;
    position: fixed;
}

.chart-tooltip-custom table thead tr th {
    text-align: left !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: white !important;
    padding-bottom: 3px !important;
    font-weight: bold !important;
}

.chart-tooltip-custom table tbody tr td {
    padding-bottom: 3px !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 17px;
    font-weight: 300;
    font-size: 12px !important;
    padding-right: 19px;
}

.chart-tooltip-custom table tbody tr td.td-custom {
    padding-right: 0;
}

.chart-tooltip-custom table tbody tr td.td-custom span {
    width: auto;
}

.chart-tooltip-custom table tbody tr td span {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    display: block;
}

.chart-tooltip-custom table tbody tr td span.tooltip-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: auto;
    margin-right: 0;
}

.chart-tooltip-custom table tbody tr td span.chart-top-tooltip-value {
    color: #41bf50;
    font-size: 10px !important;
    font-weight: 300;
    margin-right: 0;
}

.chart-tooltip-custom table tbody tr td span.chart-top-tooltip-title {
    position: relative;
    font-size: 10px !important;
    font-weight: 300;
    padding-left: 14px;
    margin-right: 10px;
}

.chart-tooltip-custom table tbody tr td span.chart-top-tooltip-title.color-yellow::after {
    background: #ffb01c;
}

.chart-tooltip-custom table tbody tr td span.chart-top-tooltip-title.color-red::after {
    background: #f25b5b;
}

.chart-tooltip-custom table tbody tr td span.chart-top-tooltip-title.color-green::after {
    background: #41bf50;
}

.chart-tooltip-custom table tbody tr td span.chart-top-tooltip-title::after {
    display: block;
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    margin-top: -0px;
    left: 0;
    background: #ffb01c;
}

.chart-tooltip-custom table tbody tr td span.chart-icon-usd {
    background: url("../img/icon-usd-green.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.chart-tooltip-custom table tbody tr td span.chart-icon-perc {
    background: url("../img/icon-perc-green.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.content-wrapper {
    padding-left: 255px;
    position: relative;
    -webkit-transition: 0.3s all ease-in-out 0.3s;
    -o-transition: 0.3s all ease-in-out 0.3s;
    transition: 0.3s all ease-in-out 0.3s;
}

.content-wrapper.aside-close {
    padding-left: 72px;
    -webkit-transition: 0.3s all ease-in-out 0.3s;
    -o-transition: 0.3s all ease-in-out 0.3s;
    transition: 0.3s all ease-in-out 0.3s;
}

.content {
    padding: 30px;
}

.title {
    font-size: 20px;
    font-weight: bold;
    margin-top: 32px;
    margin-bottom: 29px;
}

.red {
    color: #f25b5b;
}

.green {
    color: #41bf50;
}

.icon-btc {
    background: url("../img/icon-btc.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-usd {
    background: url("../img/icon-usd.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-bch {
    background: url("../img/icon-bth.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-eth {
    background: url("../img/icon-eth.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-ltc {
    background: url("../img/icon-ltc.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-xpr {
    background: url("../img/icon-xpr.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-dash {
    background: url("../img/icon-dash.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-pm {
    background: url("../img/icon-pm.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-payeer {
    background: url("../img/icon-payeer.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-acash {
    background: url("../img/icon-acash.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-default {
    background: url("../img/icon-default.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-level-r {
    background: url("../img/icon-level-r.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-level-l {
    background: url("../img/icon-level-l.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-level-d {
    background: url("../img/icon-level-d.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-mail-w {
    background: url("../img/icon-mail-w.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-tg-w {
    background: url("../img/icon-tg-w.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-people {
    background: url("../img/icon-people.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-cycle {
    background: url("../img/icon-cycle.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-raise {
    background: url("../img/icon-raise.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-human-green {
    background: url("../img/icon-human-green.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-human-red {
    background: url("../img/icon-human-red.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-human-yellow {
    background: url("../img/icon-human-yellow.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-attention {
    background: url("../img/icon-attention.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-hash {
    background: url("../img/icon-hash.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-usd-white {
    background: url("../img/icon-usd-white.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.header {
    background: #3a3d4d;
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.header-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.header-burger {
    height: 60px;
    width: 72px;
    margin-right: 7px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.header-burger.active .header-burger-line:nth-child(1) {
    -webkit-animation: burgerTopLine 0.5s;
    animation: burgerTopLine 0.5s;
    -webkit-transform: translateY(7px) translateX(0) rotate(-45deg) scaleX(0.7);
    -ms-transform: translateY(7px) translateX(0) rotate(-45deg) scaleX(0.7);
    transform: translateY(7px) translateX(0) rotate(-45deg) scaleX(0.7);
}

.header-burger.active .header-burger-line:nth-child(3) {
    -webkit-animation: burgerBottomLine 0.5s;
    animation: burgerBottomLine 0.5s;
    -webkit-transform: translateY(-7px) translateX(0) rotate(45deg) scaleX(0.7);
    -ms-transform: translateY(-7px) translateX(0) rotate(45deg) scaleX(0.7);
    transform: translateY(-7px) translateX(0) rotate(45deg) scaleX(0.7);
}

.header-burger:hover .header-burger-line {
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    opacity: 0.8;
}

.header-burger-line {
    width: 22px;
    height: 1px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: white;
    display: block;
    margin-bottom: 6px;
    position: relative;
    z-index: 2;
    top: 0;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    -webkit-transform: translateY(0) translateX(0) scaleX(1) rotate(0);
    -ms-transform: translateY(0) translateX(0) scaleX(1) rotate(0);
    transform: translateY(0) translateX(0) scaleX(1) rotate(0);
}

.header-burger-line:nth-child(3) {
    margin-bottom: 0;
}

.header-burger-bg {
    position: absolute;
    background: #3a3d4d;
    width: 100%;
    height: 100%;
    opacity: .5;
}

.header-logo {
    margin-right: 47px;
}

.header-logo-img {
    position: relative;
    top: 2px;
}

.header-stats {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.header-stats-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
    background: #43475a;
    padding-left: 44px;
    padding-right: 9px;
    margin-right: 5px;
    position: relative;
}

.header-stats-item:last-child {
    margin-right: 0;
    padding-right: 20px;
}

.header-stats-item-balance::after {
    display: block;
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("../img/icon-balance.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    top: 50%;
    margin-top: -12px;
    left: 12px;
}

.header-stats-item-balance .header-stats-value {
    color: #41bf50;
}

.header-stats-item-deposits::after {
    display: block;
    content: "";
    position: absolute;
    width: 20px;
    height: 21px;
    background: url("../img/icon-deposits.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    top: 50%;
    margin-top: -10px;
    left: 12px;
}

.header-stats-item-deposits .header-stats-value {
    color: #f25b5b;
}

.header-stats-item-pending::after {
    display: block;
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("../img/icon-pending.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    top: 50%;
    margin-top: -12px;
    left: 12px;
}

.header-stats-item-pending .header-stats-value {
    color: #ffb01c;
}

.header-stats-item-partners::after {
    display: block;
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background: url("../img/icon-partners.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    top: 50%;
    margin-top: -12px;
    left: 12px;
}

.header-stats-title {
    font-size: 14px;
    font-weight: 300;
}

.header-stats-value {
    margin-top: 1px;
    font-size: 20px;
    font-weight: bold;
}

.header-lng {
    margin-right: 23px;
}

.header-lng-select {
    width: 84px;
    height: 38px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #43475a;
    background: transparent;
    font-size: 0;
}

.header-lng-select:hover {
    border-color: #585D77;
}

.header-lng-select::after {
    background: url("../img/icon-triangle.svg") no-repeat;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    border: none;
    width: 12px;
    height: 8px;
    right: 9px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.header-lng-select.open::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.header-lng-select .current {
    width: 28px;
    height: 20px;
    display: block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 10px;
}

.header-lng-select .list {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #3a3d4d;
    border: #43475a solid 1px;
    width: 100%;
}

.header-lng-select .list li {
    background-color: #3a3d4d;
    -webkit-background-size: 28px 20px;
    background-size: 28px 20px;
    background-position: 10px 10px;
    border-bottom: 1px solid #43475a;
    position: relative;
}

.header-lng-select .list li:hover {
    -webkit-box-shadow: inset 0 0 0 1px #585D77;
    box-shadow: inset 0 0 0 1px #585D77;
}

.header-lng-select .list li::after {
    display: block;
    content: "";
    position: absolute;
    top: 10.5px;
    left: 11px;
    width: 28px;
    height: 20px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 3px #3a3d4d;
    box-shadow: 0 0 0 3px #3a3d4d;
}

.header-lng-select .list li:last-child {
    border: none;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.header-lng-select .list li:first-child {
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.header-logout {
    margin-right: 37px;
}

.aside {
    width: 255px;
    background: #3a3d4d;
    -webkit-transition: 0.3s all ease-in-out 0.3s;
    -o-transition: 0.3s all ease-in-out 0.3s;
    transition: 0.3s all ease-in-out 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    min-height: 100%;
}

.aside-menu-extra {
    border-top: none !important;
}

.aside-menu-extra .aside-menu-item:nth-child(1) {
    border-top: none;
}

.aside-menu-extra .aside-menu-item:nth-child(1) a {
    color: #5F96FF !important;
}

.aside-menu-extra .aside-menu-item:nth-child(2) a {
    color: #E4B940 !important;
}

.aside-user-status {
    position: absolute;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    left: 55px;
    top: 5px;
}

.aside.close {
    width: 72px;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transition: 0.3s all ease-in-out 0.3s;
    -o-transition: 0.3s all ease-in-out 0.3s;
    transition: 0.3s all ease-in-out 0.3s;
}

.aside.close .aside-user {
    opacity: 0;
    -webkit-transform: translateX(-256px);
    -ms-transform: translateX(-256px);
    transform: translateX(-256px);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.aside.close .aside-title {
    opacity: 0;
    -webkit-transform: translateX(-256px);
    -ms-transform: translateX(-256px);
    transform: translateX(-256px);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.aside.close .aside-support {
    opacity: 0;
    -webkit-transform: translateX(-256px);
    -ms-transform: translateX(-256px);
    transform: translateX(-256px);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.aside.close .aside-extra-block {
    opacity: 0;
    -webkit-transform: translateX(-256px);
    -ms-transform: translateX(-256px);
    transform: translateX(-256px);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.aside.close .aside-menu-link {
    opacity: 0;
    -webkit-transform: translateX(0px) scaleX(1);
    -ms-transform: translateX(0px) scaleX(1);
    transform: translateX(0px) scaleX(1);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.aside.close .aside-menu {
    -webkit-transform: translateY(-123.4px);
    -ms-transform: translateY(-123.4px);
    transform: translateY(-123.4px);
    -webkit-transition: 0.3s all ease-in-out 0.6s;
    -o-transition: 0.3s all ease-in-out 0.6s;
    transition: 0.3s all ease-in-out 0.6s;
}

.aside-user {
    padding-top: 16px;
    padding-bottom: 9px;
    padding-right: 23px;
    padding-left: 24px;
    background: #E4B940;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
    -webkit-transition: 0.3s all ease-in-out 0.6s;
    -o-transition: 0.3s all ease-in-out 0.6s;
    transition: 0.3s all ease-in-out 0.6s;
}

.aside-user-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
}

.aside-user-row:last-child {
    margin-bottom: 0px;
}

.aside-user-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.aside-user-country {
    width: 18px;
    height: 13px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 11px;
    margin-left: 2px;
}

.aside-user-name {
    font-weight: bold;
    font-size: 16px;
}

.aside-user-settings {
    display: block;
    width: 19px;
    height: 19px;
    background: url("../img/icon-settings.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    margin-right: 3px;
}

.aside-user-settings:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.aside-user-title {
    font-size: 16px;
    white-space: nowrap;
}

.aside-title {
    padding-top: 17.6px;
    padding-bottom: 17.6px;
    font-size: 12px;
    font-weight: 300;
    line-height: 17px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 24px;
    padding-right: 24px;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
    -webkit-transition: 0.3s all ease-in-out 0.6s;
    -o-transition: 0.3s all ease-in-out 0.6s;
    transition: 0.3s all ease-in-out 0.6s;
}

.aside-menu {
    border-top: 1px solid #43475a;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.aside-menu-item {
    display: block !important;
    width: 100% !important;
    border-bottom: 1px solid #43475a;
    position: relative;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.aside-menu-item::after {
    display: block;
    content: "";
    position: absolute;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(228, 185, 64, 0.5)), color-stop(50%, rgba(228, 185, 64, 0)), to(rgba(228, 185, 64, 0)));
    background-image: -webkit-linear-gradient(left, rgba(228, 185, 64, 0.5) 0%, rgba(228, 185, 64, 0) 50%, rgba(228, 185, 64, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(228, 185, 64, 0.5) 0%, rgba(228, 185, 64, 0) 50%, rgba(228, 185, 64, 0) 100%);
    background-image: linear-gradient(to right, rgba(228, 185, 64, 0.5) 0%, rgba(228, 185, 64, 0) 50%, rgba(228, 185, 64, 0) 100%);
    width: 100%;
    height: -webkit-calc(100% + 1px);
    height: calc(100% + 1px);
    top: -1px;
    left: 0;
    opacity: 1;
    -webkit-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
    -webkit-transform: translateX(-120px);
    -ms-transform: translateX(-120px);
    transform: translateX(-120px);
    pointer-events: none;
}

.aside-menu-item:hover::before {
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.aside-menu-item:hover::after {
    opacity: 1;
    -webkit-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.aside-menu-item::before {
    display: block;
    content: "";
    position: absolute;
    width: 3px;
    height: -webkit-calc(100% + 1px);
    height: calc(100% + 1px);
    top: -1px;
    left: 0;
    background: #E4B940;
    -webkit-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    transform: translateX(-3px);
    -webkit-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
    pointer-events: none;
}

.aside-menu-item.active::after {
    opacity: 1;
    -webkit-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.aside-menu-item.active::before {
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.aside-menu-item.active .aside-menu-link::before {
    opacity: 1;
    -webkit-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.aside-menu-item.icon-invest {
    background: url("../img/icon-invest.svg") center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    background-position: 23px center;
}

.aside-menu-item.icon-account {
    background: url("../img/icon-account.svg") center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    background-position: 23px center;
}

.aside-menu-item.icon-trading {
    background: url("../img/icon-trading.svg") center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    background-position: 23px center;
}

.aside-menu-item.icon-partnership {
    background: url("../img/icon-partnership.svg") center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    background-position: 23px center;
}

.aside-menu-item.icon-news {
    background: url("../img/icon-news.svg") center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    background-position: 23px center;
}

.aside-menu-item.icon-reviews {
    background: url("../img/icon-reviews.svg") center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    background-position: 23px center;
}

.aside-menu-item.icon-home {
    background: url("../img/icon-aff-home.svg") center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    background-position: 23px center;
}

.aside-menu-item.icon-terms {
    background: url("../img/icon-aff-terms.svg") center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    background-position: 23px center;
}

.aside-menu-link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 77px;
    font-size: 14px;
    padding-right: 15px;
    opacity: 1;
    -webkit-transform: translateX(0px) scale(1);
    -ms-transform: translateX(0px) scale(1);
    transform: translateX(0px) scale(1);
    -webkit-transition: 0.3s all ease-in-out 0.6s;
    -o-transition: 0.3s all ease-in-out 0.6s;
    transition: 0.3s all ease-in-out 0.6s;
    white-space: nowrap;
}

.aside-menu-link::after {
    width: 20px;
    height: 20px;
    top: 50%;
    margin-top: -10px;
    left: 23px;
}

.aside-link-external {
    font-size: 14px;
    text-align: right;
    display: block;
    margin-top: 6px;
    font-weight: normal;
    color: #ffb01c;
    -webkit-transition: 0.3s all ease-in-out 0.6s;
    -o-transition: 0.3s all ease-in-out 0.6s;
    transition: 0.3s all ease-in-out 0.6s;
    margin-bottom: 20px;
}

.aside-link-external:hover {
    color: #2CB6FF;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.aside-link-external:active {
    opacity: .5;
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.aside-extra-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #43475a;
    padding-right: 37px;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
    -webkit-transition: 0.3s all ease-in-out 0.6s;
    -o-transition: 0.3s all ease-in-out 0.6s;
    transition: 0.3s all ease-in-out 0.6s;
}

.aside-support {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
    -webkit-transition: 0.3s all ease-in-out 0.6s;
    -o-transition: 0.3s all ease-in-out 0.6s;
    transition: 0.3s all ease-in-out 0.6s;
}

.aside-support-link {
    padding-top: 11.5px;
    padding-bottom: 11.5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.aside-support-link:hover {
    background: #43475a;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.aside-support-icon {
    margin-left: 24px;
    width: 24px;
    height: 24px;
}

.aside-support-icon.icon-fb {
    background: url("../img/icon-fb.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.aside-support-icon.icon-tg {
    background: url("../img/icon-tg.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.aside-support-title {
    margin-left: 31px;
}

.top-stats {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #3a3d4d;
    overflow: hidden;
}

.top-stats-item {
    background: #43475a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom: 7px;
}

.top-stats-item.error .top-stats-value {
    color: #f25b5b;
}

.top-stats-currency {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
}

.top-stats-currency:last-child {
    margin-bottom: 0;
}

.top-stats-value {
    font-weight: 300;
    font-size: 16px;
    color: #41bf50;
}

.top-stats-icon {
    width: 20px;
    height: 20px;
    margin-right: 15px;
}

.number-block {
    background: #3a3d4d;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 182px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.number-block-value {
    font-size: 110px;
    font-weight: bold;
}

.number-block-caption {
    font-size: 20px;
    position: relative;
    margin-top: -3px;
}

.stats-block {
    background: #3a3d4d;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 182px;
    padding-left: 20px;
    padding-right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.stats-diagram {
    position: relative;
}

.stats-diagram-text {
    font-size: 20px;
    position: absolute;
    width: 90px;
    height: 90px;
    top: 23px;
    left: 23px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #43475a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.stats-info-item {
    margin-bottom: 14px;
}

.stats-info-item:last-child {
    margin-bottom: 0;
}

.stats-info-title {
    font-weight: 300;
    font-size: 12px;
    padding-left: 13px;
    position: relative;
    margin-bottom: 8px;
}

.stats-info-title-blue::after {
    background-image: -webkit-gradient(linear, left top, right top, from(#654fff), to(#30d4fd));
    background-image: -webkit-linear-gradient(left, #654fff 0%, #30d4fd 100%);
    background-image: -o-linear-gradient(left, #654fff 0%, #30d4fd 100%);
    background-image: linear-gradient(to right, #654fff 0%, #30d4fd 100%);
}

.stats-info-title-red::after {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff3eb5), to(#e4b940));
    background-image: -webkit-linear-gradient(left, #ff3eb5 0%, #e4b940 100%);
    background-image: -o-linear-gradient(left, #ff3eb5 0%, #e4b940 100%);
    background-image: linear-gradient(to right, #ff3eb5 0%, #e4b940 100%);
}

.stats-info-title::after {
    display: block;
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border: 1px solid white;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 4px;
    left: 0;
}

.stats-info-currency {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
}

.stats-info-currency:last-child {
    margin-bottom: 0;
}

.stats-info-currency-icon {
    width: 16px;
    height: 16px;
    margin-right: 7px;
}

.stats-info-currency-value {
    color: #41bf50;
    font-size: 16px;
    line-height: 17px;
}

.chart {
    background: #3a3d4d;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    padding-bottom: 20px;
    position: relative;
}

.chart.chart_home {
    padding-bottom: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.chart.chart_home .chart-home-tooltip-td {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 0 !important;
}

.chart.chart_home .chart-home-tooltip-td .chart-tooltip-title {
    font-size: 10px !important;
    font-weight: 300;
    position: relative;
    padding-left: 14px;
    display: block !important;
    margin-right: 9px !important;
    width: auto !important;
}

.chart.chart_home .chart-home-tooltip-td .chart-tooltip-title::after {
    display: block;
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    margin-top: -0px;
    left: 0;
}

.chart.chart_home .chart-home-tooltip-td .chart-tooltip-title.red::after {
    background: #f25b5b;
}

.chart.chart_home .chart-home-tooltip-td .chart-tooltip-title.green::after {
    background: #41bf50;
}

.chart.chart_home .chart-home-tooltip-td .chart-tooltip-value {
    font-size: 10px !important;
    font-weight: 300;
    line-height: 17px;
    display: block !important;
    width: auto !important;
}

.chart.chart_home .chart-home-tooltip-td .chart-tooltip-value.red {
    color: #f25b5b;
}

.chart.chart_home .chart-home-tooltip-td .chart-tooltip-value.green {
    color: #41bf50;
}

.chart.chart_home .chart-wrapper {
    margin-bottom: 50px;
}

.chart.chart_home .chart-title {
    margin-right: 19px;
}

.chart.chart_home .chart-top {
    padding-top: 0;
    padding-left: 0px;
}

.chart.chart_home .chart-top-item {
    margin-right: 40px;
}

.chart.chart_home .chart-top-item::after {
    width: 4px;
    height: 4px;
    margin-top: -2px;
}

.chart.chart_home .chart-top-item:last-child {
    margin-right: 0;
}

.chart-wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
    pointer-events: auto;
}

.chart-wrapper.absolute {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
}

.chart-wrapper.absolute .blue-line {
    bottom: 44px;
}

.chart-wrapper.absolute .blue-line-2 {
    right: 5px;
}

.chart-wrapper.absolute .blue-line-3 {
    width: -webkit-calc(100% - 35px);
    width: calc(100% - 35px);
}

.chart-wrapper.closed {
    pointer-events: none;
    opacity: 0;
    -webkit-transition: 0.3s opacity ease-in-out;
    -o-transition: 0.3s opacity ease-in-out;
    transition: 0.3s opacity ease-in-out;
}

.chart-wrapper .blue-line {
    position: absolute;
    background: #28c2d5;
    width: 1px;
    height: 100px;
    bottom: 27px;
    left: 30px;
    z-index: 10;
}

.chart-wrapper .blue-line-2 {
    right: 13px;
    left: auto;
}

.chart-wrapper .blue-line-3 {
    width: -webkit-calc(100% - 43px);
    width: calc(100% - 43px);
    height: 1px;
    left: 30px;
}

.chart-select {
    width: 100px;
}

.chart #myChart {
    position: relative;
}

.chart #myChart::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
}

.chart .chart-tooltip-custom {
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 9999;
}

.chart .chart-tooltip-custom table thead tr th {
    text-align: left !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: white !important;
    padding-bottom: 3px !important;
    font-weight: bold !important;
}

.chart .chart-tooltip-custom table tbody tr td {
    padding-bottom: 3px !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 17px;
    font-weight: 300;
    font-size: 12px !important;
    padding-right: 19px;
}

.chart .chart-tooltip-custom table tbody tr td span {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    display: block;
}

.chart .chart-tooltip-custom table tbody tr td span.chart-icon-usd {
    background: url("../img/icon-usd-green.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.chart .chart-tooltip-custom table tbody tr td span.chart-icon-perc {
    background: url("../img/icon-perc-green.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.chart-title {
    font-size: 12px;
    font-weight: 300;
    padding-left: 14px;
    margin-right: 9px;
}

.chart-value {
    color: #41bf50;
    font-size: 12px;
    font-weight: 300;
}

.chart-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 12px;
    padding-top: 10px;
    padding-bottom: 30px;
}

.chart-top-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.chart-top-btn {
    font-weight: normal;
    font-size: 14px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-top: 6.2px;
    padding-bottom: 5px;
    padding-left: 15.52px;
    padding-right: 15.52px;
}

.chart-top-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.chart-top-item::after {
    display: block;
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border: 1px solid #ffffff;
    background-color: #ffb01c;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    margin-top: -3.5px;
    left: 0;
}

.chart-top-item_red::after {
    background: #f25b5b;
}

.chart-top-item_green::after {
    background: #41bf50;
}

.chart-stats {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin-right: -20px;
    margin-left: -20px;
}

.chart-stats .red {
    color: #f25b5b;
}

.chart-stats .green {
    color: #41bf50;
}

.chart-stats-value {
    font-weight: 300;
    font-size: 16px;
}

.chart-stats-value.green {
    color: #41bf50;
}

.chart-stats-title {
    font-weight: 300;
    font-size: 16px;
    margin-right: 15px;
}

.chart-stats-profval {
    font-weight: 300;
    font-size: 16px;
}

.chart-stats-icon {
    width: 20px;
    height: 20px;
    margin-right: 15px;
}

.chart-stats-currency {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 39.34%;
}

.chart-stats-profit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: 186px;
}

.chart-stats-item {
    width: -webkit-calc(33.333% - 4px);
    width: calc(33.333% - 4px);
    margin-right: 6px;
    margin-top: 6px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 7px;
    background: #43475a;
}

.chart-stats-item-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px;
}

.chart-stats-item-row:last-child {
    margin-bottom: 0;
}

.chart-stats-item:nth-child(3n) {
    margin-right: 0;
}

.tab-block {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #3a3d4d;
    padding-bottom: 30px;
}

.tab-block_home {
    padding-bottom: 0;
}

.tab-block_topups {
    padding-bottom: 0;
    overflow: hidden;
}

.tab-filter {
    padding: 20px;
    max-width: 100%;
}

.tab-filter-side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.tab-filter-side-title {
    font-size: 16px;
    font-weight: 400;
    margin-right: 19px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-bottom: 5px;
}

.tab-filter-side-pair {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.tab-filter-side-pair .input-text {
    width: 110px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.tab-filter-side-label {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 3px;
}

.tab-filter-side-item:nth-child(1) .input-text {
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    color: #f25b5b;
}

.tab-filter-side-item:nth-child(1) .input-text::-webkit-input-placeholder {
    color: #f25b5b;
}

.tab-filter-side-item:nth-child(2) {
    position: relative;
    margin-left: -1px;
}

.tab-filter-side-item:nth-child(2) .input-text {
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    color: #41bf50;
}

.tab-filter-side-item:nth-child(2) .input-text::-webkit-input-placeholder {
    color: #41bf50;
}

.tab-filter-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.tab-filter-pair {
    font-size: 0;
}

.tab-filter-pair .input-text {
    width: 50px;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.tab-filter-pair .input-text:last-child {
    margin-right: 0;
}

.tab-filter-pair_lg .input-text {
    width: 80px;
    padding-right: 5px;
}

.tab-filter_partnership .input-text {
    height: 28px;
    padding-top: 6px;
}

.tab-filter-info-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 16px;
    margin-bottom: 8px;
}

.tab-filter-info-title {
    margin-right: 9px;
}

.tab-filter-info-value {
    font-weight: bold;
    text-transform: uppercase;
}

.tab-filter-info-text {
    font-weight: 300;
    font-size: 12px;
    color: #a3a3a3;
}

.tab-filter-submit {
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.tab-filter-select {
    padding-left: 0;
}

.tab-filter-select .current {
    padding-left: 21px;
    padding-right: 30px;
}

.tab-filter-block {
    position: relative;
    margin-right: 30px;
}

.tab-filter-block .input-text-id-mask {
    position: absolute;
    width: 139px;
    font-size: 12px;
    font-weight: 300;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 17px;
    padding-top: 7px;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #43475a;
    pointer-events: none;
    background: #3a3d4d;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.tab-filter-block-wide {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 70px;
}

.tab-filter-block-submit {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%;
}

.tab-filter-block-submit .btn-yellow {
    position: relative;
    top: -1px;
    min-width: 140px;
    height: 28px;
}

.tab-filter-block_margin-sm {
    margin-right: 20px;
}

.tab-filter-block:last-child {
    margin-right: 0;
}

.tab-filter-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 100%;
    margin-bottom: 24px;
}

.tab-filter-row_flex-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.tab-filter-row:last-child {
    margin-bottom: 0;
}

.tab-filter-label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    margin-bottom: 5px;
}

.tab-filter-label-caption {
    color: #989898;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
}

.tab-filter-input {
    width: auto;
}

.tab-filter-input.input-text {
    max-width: 107px;
}

.tab-filter-input.input-text.input-text-id {
    max-width: 139px;
    width: 139px;
}

.tab-filter-input.input-text.input-text-wide {
    max-width: 9999px;
    width: 100%;
}

.tab-filter-date {
    position: relative;
    width: 87px;
    cursor: pointer;
}

.tab-filter-date.focus::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.tab-filter-date .text-cover-date-input {
    padding-left: 8px;
    cursor: pointer;
}

.tab-filter-date .text-cover-date-input:focus {
    outline: none;
}

.tab-filter-date::before {
    display: block;
    content: "";
    position: absolute;
    height: 28px;
    width: 22px;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    background: #43475a;
    right: 0;
    top: 0;
    pointer-events: none;
}

.tab-filter-date::after {
    display: block;
    content: "";
    position: absolute;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: white transparent transparent transparent;
    right: 8px;
    top: 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    pointer-events: none;
}

.tab-table {
    height: 400px;
    overflow: auto;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.tab-table.tab-table_partnership {
    margin-top: 10px;
    height: 280px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.tab-table.tab-table_partnership .tab-table-cell {
    font-size: 12px;
    font-weight: 300;
}

.tab-table.tab-table_partnership .tab-table-cell:nth-child(1) {
    width: 9.63%;
    padding-left: 30px;
    line-height: 16px;
}

.tab-table.tab-table_partnership .tab-table-cell:nth-child(2) {
    width: 11.5%;
}

.tab-table.tab-table_partnership .tab-table-cell:nth-child(3) {
    width: 8.1%;
}

.tab-table.tab-table_partnership .tab-table-cell:nth-child(4) {
    width: 8%;
}

.tab-table.tab-table_partnership .tab-table-cell:nth-child(5) {
    width: 8.3%;
}

.tab-table.tab-table_partnership .tab-table-cell:nth-child(6) {
    width: 7.2%;
}

.tab-table.tab-table_partnership .tab-table-cell:nth-child(7) {
    width: 8.2%;
}

.tab-table.tab-table_partnership .tab-table-cell:nth-child(8) {
    width: 11%;
}

.tab-table.tab-table_partnership .tab-table-cell:nth-child(9) {
    width: 11.1%;
}

.tab-table.tab-table_partnership .tab-table-cell:nth-child(10) {
    width: 9%;
}

.tab-table.tab-table_partnership .tab-table-cell:nth-child(11) {
    width: 7.5%;
}

.tab-table.tab-table_home {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 280px;
}

.tab-table.tab-table_home .tab-table-cell {
    font-size: 12px;
    font-weight: 300;
}

.tab-table.tab-table_home .tab-table-cell:nth-child(1) {
    width: 14.5%;
    padding-left: 30px;
    line-height: 16px;
}

.tab-table.tab-table_home .tab-table-cell:nth-child(2) {
    width: 10.7%;
}

.tab-table.tab-table_home .tab-table-cell:nth-child(3) {
    width: 15.1%;
}

.tab-table.tab-table_home .tab-table-cell:nth-child(4) {
    width: 17.4%;
}

.tab-table.tab-table_home .tab-table-cell:nth-child(5) {
    width: 17.2%;
}

.tab-table.tab-table_home .tab-table-cell:nth-child(6) {
    width: 16.5%;
}

.tab-table.tab-table_home .tab-table-cell:nth-child(7) {
    width: 8.3%;
}

.tab-table.tab-table-topups {
    height: auto;
}

.tab-table.tab-table-topups .tab-table-cell {
    font-size: 12px;
    font-weight: 300;
}

.tab-table.tab-table-topups .tab-table-cell:nth-child(1) {
    width: 15.8%;
    padding-left: 30px;
    line-height: 16px;
}

.tab-table.tab-table-topups .tab-table-cell:nth-child(2) {
    width: 10.7%;
}

.tab-table.tab-table-topups .tab-table-cell:nth-child(3) {
    width: 11.6%;
}

.tab-table.tab-table-topups .tab-table-cell:nth-child(4) {
    width: 13.7%;
}

.tab-table.tab-table-topups .tab-table-cell:nth-child(5) {
    width: 10.4%;
}

.tab-table.tab-table-topups .tab-table-cell:nth-child(6) {
    width: 8.27%;
}

.tab-table.tab-table-topups .tab-table-cell:nth-child(7) {
    width: 30.27%;
}

.tab-table.tab-table-wide {
    height: 440px;
    overflow: auto;
}

.tab-table.tab-table-wide .tab-table-cell {
    font-size: 12px;
    font-weight: 300;
}

.tab-table.tab-table-wide .tab-table-cell:nth-child(1) {
    width: 8.6%;
    padding-left: 20px;
    line-height: 16px;
}

.tab-table.tab-table-wide .tab-table-cell:nth-child(2) {
    width: 5.8%;
}

.tab-table.tab-table-wide .tab-table-cell:nth-child(3) {
    width: 9%;
}

.tab-table.tab-table-wide .tab-table-cell:nth-child(4) {
    width: 14.4%;
}

.tab-table.tab-table-wide .tab-table-cell:nth-child(5) {
    width: 10.1%;
}

.tab-table.tab-table-wide .tab-table-cell:nth-child(6) {
    width: 11.6%;
}

.tab-table.tab-table-wide .tab-table-cell:nth-child(7) {
    width: 13.8%;
}

.tab-table.tab-table-wide .tab-table-cell:nth-child(8) {
    width: 26.1%;
}

.tab-table-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    opacity: 1;
}

.tab-table-row-empty {
    display: none;
}

.tab-table-row.before-show {
    opacity: 1;
    height: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.tab-table-row:nth-child(2n-1) {
    background: #43475a;
}

.tab-table-row.tab-table-head {
    font-size: 12px;
    font-weight: bold;
}

.tab-table-row.tab-table-head .tab-table-cell {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
}

.tab-table-cell {
    font-size: 10px;
    font-weight: 300;
}

.tab-table-cell-green {
    color: #41bf50;
}

.tab-table-cell-red {
    color: #f25b5b;
}

.tab-table-cell-yellow {
    color: #E4B940;
}

.tab-table-cell .cell-plan {
    width: 30px;
    height: 27px;
}

.tab-table-cell .cell-contacts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.tab-table-cell .cell-contacts-link {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.tab-table-cell .cell-contacts-link:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.tab-table-cell .cell-contacts-link:active {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.tab-table-cell .cell-contacts-link:last-child {
    margin-right: 0;
}

.tab-table-cell .cell-ic-txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.tab-table-cell .cell-ic-txt-icon {
    margin-right: 5px;
}

.tab-table-cell .cell-ic-txt-icon.icon-people {
    width: 12px;
    height: 11px;
}

.tab-table-cell .cell-ic-txt-icon.icon-raise {
    width: 12px;
    height: 12px;
}

.tab-table-cell .cell-ic-txt-icon.icon-cycle {
    width: 12px;
    height: 15px;
}

.tab-table-cell .cell-username {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.tab-table-cell .cell-username .username-country {
    width: 12px;
    height: 10px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-right: 9px;
}

.tab-table-cell .cell-username .username-title {
    font-size: 12px;
    font-weight: 400;
}

.tab-table-cell .cell-username .username-status {
    font-size: 10px;
    font-weight: 300;
    margin-left: 5px;
}

.tab-table-cell .cell-currency {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.tab-table-cell .cell-currency-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.tab-table-cell .cell-currency-title {
    line-height: 17px;
}

.tab-table-cell .cell-currency-extra {
    margin-left: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.tab-table-cell .cell-currency-extra-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 1px;
}

.tab-table-cell .cell-currency-extra-item:last-child {
    margin-bottom: 0;
}

.tab-table-cell .cell-currency-extra-icon {
    width: 11px;
    height: 11px;
    margin-right: 3px;
}

.tab-table-cell .cell-currency-extra-checkbox {
    width: 11px;
    height: 11px;
    background: url("../img/icon-checkbox.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.tab-table-cell .cell-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 30px;
}

.tab-table-cell .cell-action-btn {
    margin-right: 30px;
    font-size: 12px;
    font-weight: normal;
    width: -webkit-calc(33% - 20px);
    width: calc(33% - 20px);
    height: 20px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.tab-table-cell .cell-action-btn.btn-disabled {
    background-color: #696D7C;
    pointer-events: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tab-table-cell .cell-action-btn:hover {
    opacity: 1;
    -webkit-filter: brightness(110%);
    filter: brightness(110%);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.tab-table-cell .cell-action-btn:active {
    opacity: 1;
    -webkit-filter: brightness(130%);
    filter: brightness(130%);
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.tab-table-cell .cell-action-btn:focus {
    opacity: 1;
    -webkit-filter: brightness(130%);
    filter: brightness(130%);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.tab-table-cell .cell-action-btn.btn-red {
    background: #f25b5b;
}

.tab-table-cell .cell-action-btn.btn-green {
    background: #41bf50;
}

.tab-table-cell .cell-action-btn.btn-yellow {
    background: #E4B940;
    padding: 0;
}

.tab-table-cell .cell-action-btn:last-child {
    margin-right: 0;
}

.tab-table-cell .cell-link {
    color: #2CB6FF;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.tab-table-cell .cell-link:hover {
    color: #ffb01c;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.tab-table-cell .cell-link:active {
    opacity: .4;
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.tab-table-cell .cell-coin {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.tab-table-cell .cell-coin-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.tab-table-cell .cell-color {
    width: 13px;
    height: 13px;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.tab-table-cell .cell-color.green {
    background: #41bf50;
}

.tab-table-cell .cell-color.red {
    background: #f25b5b;
}

.tab-table-cell .cell-color.yellow {
    background: #ffb01c;
}

.tab-table-cell .cell-icon {
    width: 9px;
    height: 9px;
    margin-right: 5px;
}

.tab-table-cell .cell-pair {
    padding-left: 11px;
    position: relative;
}

.tab-table-cell .cell-pair-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6px;
}

.tab-table-cell .cell-pair-item:last-child {
    margin-bottom: 0;
}

.tab-table-cell .cell-pair::after {
    display: block;
    content: "";
    position: absolute;
    width: 7px;
    height: 21px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-right: none;
    top: 50%;
    margin-top: -10.5px;
    left: 0;
}

.tab-table-cell:nth-child(1) {
    width: 15.9%;
    padding-left: 20px;
    line-height: 16px;
}

.tab-table-cell:nth-child(2) {
    width: 16.1%;
}

.tab-table-cell:nth-child(3) {
    width: 18.8%;
}

.tab-table-cell:nth-child(4) {
    width: 19.4%;
}

.tab-table-cell:nth-child(5) {
    width: 18.1%;
}

.tab-table-cell:nth-child(6) {
    width: 11.4%;
}

.tab-attention {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 9px;
}

.tab-attention-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.tab-attention-title {
    margin-right: 9px;
    padding-left: 18px;
    position: relative;
    font-size: 10px;
    font-weight: bold;
    line-height: 15px;
}

.tab-attention-title::after {
    display: block;
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: url("../img/icon-attention.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    top: 50%;
    margin-top: -7px;
    left: 0;
}

.tab-attention-text {
    font-size: 10px;
    font-weight: 300;
    line-height: 15px;
    color: #f25b5b;
    margin-right: 20px;
}

.tab-attention-img {
    margin-right: 10px;
    height: 12px;
    width: 89px;
    background: url("../img/logo-coins-wallet.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.tab-attention-item {
    margin-right: 5px;
    width: 45px;
    height: 21px;
    border: 1px solid #43475a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
}

.tab-attention-icon {
    width: 13.5px;
    height: 13.5px;
    margin-right: 6px;
}

.tab-attention-checkbox {
    background: url("../img/icon-checkbox.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 13.5px;
    height: 13.5px;
}

.stats-exchange {
    background: #3a3d4d;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
}

.stats-exchange-caption {
    font-weight: 300;
    font-size: 14px;
    margin-top: 10px;
}

.stats-exchange-caption .red {
    color: #f25b5b;
    text-transform: uppercase;
}

.stats-exchange-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #43475a;
    padding-top: 10.5px;
    padding-bottom: 10.5px;
    padding-left: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.stats-exchange-block:nth-child(1) {
    margin-right: 3px;
}

.stats-exchange-block:nth-child(2) {
    margin-left: 3px;
}

.stats-exchange-block:nth-child(2) .stats-exchange-caption {
    margin-top: 7px;
}

.stats-exchange-left {
    width: 33%;
}

.stats-exchange-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 66.666%;
}

.stats-exchange-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 50%;
    margin-bottom: 9px;
}

.stats-exchange-item:nth-child(5) {
    margin-bottom: 0;
}

.stats-exchange-item:nth-child(6) {
    margin-bottom: 0;
}

.stats-exchange-icon {
    width: 20px;
    height: 20px;
    margin-right: 15px;
}

.stats-exchange-value {
    font-size: 16px;
    font-weight: 300;
    color: #41bf50;
}

.chart-tooltip-custom_p3 .chart-top-tooltip-title,
.chart-tooltip-custom_p2 .chart-top-tooltip-title {
    min-width: 73px !important;
}

.chart-tooltip-custom_p1 .chart-top-tooltip-title {
    min-width: 61px !important;
}

.chart-bar {
    padding-top: 30px;
    padding-bottom: 10px;
}

.chart-bar .chart-tooltip-custom {
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 9999;
}

.chart-bar .chart-tooltip-custom table thead tr th {
    text-align: left !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: white !important;
    padding-bottom: 3px !important;
    font-weight: bold !important;
}

.chart-bar .chart-tooltip-custom table tbody tr td {
    padding-bottom: 3px !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 17px;
    font-weight: 300;
    font-size: 12px !important;
    padding-right: 19px;
}

.chart-bar .chart-tooltip-custom table tbody tr td span {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    display: block;
}

.chart-bar .chart-tooltip-custom table tbody tr td span.chart-icon-usd {
    background: url("../img/icon-usd-green.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.chart-bar .chart-tooltip-custom table tbody tr td span.chart-icon-perc {
    background: url("../img/icon-perc-green.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.chart-bar-top {
    padding-right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 40px;
}

.chart-bar-top-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.chart-bar-top-info-col {
    margin-right: 50px;
}

.chart-bar-top-info-col:last-child {
    margin-right: 0;
}

.chart-bar-top-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}

.chart-bar-top-item:nth-child(1) .chart-bar-top-title::after {
    background: #41bf50;
}

.chart-bar-top-item:nth-child(2) {
    margin-bottom: 0;
}

.chart-bar-top-item:nth-child(2) .chart-bar-top-title::after {
    background: #f25b5b;
}

.chart-bar-top-title {
    font-size: 12px;
    font-weight: 300;
    padding-left: 14px;
    position: relative;
    margin-right: 15px;
}

.chart-bar-top-title::after {
    display: block;
    content: "";
    position: absolute;
    width: 4px;
    height: 4.5px;
    border: 1px solid white;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    margin-top: -2px;
    left: 0;
}

.chart-bar-top-value {
    font-size: 12px;
    font-weight: 300;
    line-height: 17px;
    color: #41bf50;
}

.chart-bar .chart-top-select .chart-select.nice-select {
    z-index: 5;
    border: none;
    padding-left: 0;
    background: none;
}

.chart-bar .chart-top-select .chart-select.nice-select::after {
    z-index: 5;
    right: 7px;
}

.chart-bar .chart-top-select .chart-select.nice-select .current {
    z-index: 5;
    padding-left: 15px;
    border: 1px solid #43475a;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #3a3d4d;
}

.chart-bar .chart-top-select .chart-select.nice-select .current::after {
    top: -1px;
    right: -1px;
}

.chart-bar .chart-top-select .chart-select.nice-select .list {
    margin-top: -10px;
}

.chart-bar .chart-top-select .chart-select.nice-select .list li:first-child {
    padding-top: 10px;
    min-height: 38px;
    height: 38px;
}

.chart-bar .chart-top-select .chart-select.nice-select .list li:hover {
    background: #E4B940;
}

.air-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    max-height: 100vh;
    overflow-y: auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 99999;
    opacity: 1;
    pointer-events: auto;
    display: block;
    -webkit-transition: 0s z-index ease-in-out;
    -o-transition: 0s z-index ease-in-out;
    transition: 0s z-index ease-in-out;
}

.air-popup .popup {
    margin-top: 50px;
    margin-bottom: 50px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    background: #3a3d4d;
}

.air-popup-content {
    overflow-y: auto;
}

.air-popup.air-popup-hide {
    z-index: -99999;
    -webkit-transition: 0.5s z-index ease-in-out 0.15s;
    -o-transition: 0.5s z-index ease-in-out 0.15s;
    transition: 0.5s z-index ease-in-out 0.15s;
}

.air-popup.air-popup-hide .popup {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: 0.5s opacity ease-in-out 0.15s, 0.35s -webkit-transform ease-in-out 0.15s;
    transition: 0.5s opacity ease-in-out 0.15s, 0.35s -webkit-transform ease-in-out 0.15s;
    -o-transition: 0.35s transform ease-in-out 0.15s, 0.5s opacity ease-in-out 0.15s;
    transition: 0.35s transform ease-in-out 0.15s, 0.5s opacity ease-in-out 0.15s;
    transition: 0.35s transform ease-in-out 0.15s, 0.5s opacity ease-in-out 0.15s, 0.35s -webkit-transform ease-in-out 0.15s;
}

.air-popup.air-popup-hide .air-popup-wrapper::after {
    opacity: .0;
    -webkit-transition: 0.25s all ease-in-out 0.15s;
    -o-transition: 0.25s all ease-in-out 0.15s;
    transition: 0.25s all ease-in-out 0.15s;
}

.air-popup-wrapper {
    width: 100%;
    min-height: 100vh;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.air-popup-wrapper::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #303030;
    opacity: .8;
    cursor: pointer;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.popup {
    width: 350px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 20px;
    background: #3a3d4d;
    position: relative;
    z-index: 999999;
    padding-top: 5px;
}

.popup.popup_trade .popup-submit {
    margin-top: 30px;
}

.popup.popup_trade .popup-info-title span {
    font-weight: 300;
}

.popup.popup_upgrade .popup-info {
    margin-bottom: 30px;
}

.popup.popup_upgrade .popup-info-stars_faded .star {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .4;
}

.popup.popup_upgrade .popup-info-item_upgrade {
    position: relative;
    height: 21px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #3a3d4d;
    margin-top: -3px;
    margin-bottom: 8px;
}

.popup.popup_upgrade .popup-info-item_upgrade .popup-info-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.popup.popup_upgrade .popup-info-item_upgrade .popup-info-value .stars-simple .star {
    width: 17px;
    height: 15px;
    margin-right: 5px;
}

.popup.popup_upgrade .popup-info-item_upgrade .popup-info-value .stars-premium .star {
    width: 17px;
    height: 15px;
    margin-right: 5px;
}

.popup.popup_success {
    -webkit-box-shadow: inset 0 0 0 1px #E4B940;
    box-shadow: inset 0 0 0 1px #E4B940;
}

.popup.popup_success::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 1px #E4B940;
    box-shadow: inset 0 0 0 1px #E4B940;
    pointer-events: none;
}

.popup.popup_success .popup-header {
    background: #424659;
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    margin-bottom: 0;
    padding-bottom: 23px;
}

.popup.popup_success .popup-header .popup-success-check {
    width: 22px;
    height: 22px;
    bottom: 1px;
    left: 50%;
    margin-left: -11px;
    position: absolute;
    border: 1px solid #ffffff;
    background: url("../img/icon-check-simple.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-background-size: 11px 9px;
    background-size: 11px 9px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.popup.popup_success .popup-header .popup-close {
    background: #424659;
}

.popup.popup_success .popup-title {
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    background: #424659;
    padding-top: 5px;
    padding-bottom: 11px;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
}

.popup.popup_success .popup-success-bottom {
    padding-top: 19px;
    color: #499bed;
    font-size: 10px;
    font-weight: 300;
    line-height: 18px;
    color: #b5b5b5;
}

.popup-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 22px;
}

.popup-logo {
    padding-top: 15px;
    width: 116px;
}

.popup-logo-img {
    width: 100%;
}

.popup-close {
    height: 43px;
    width: 43px;
    position: relative;
    margin-right: -15px;
    cursor: pointer;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #3a3d4d;
}

.popup-close:hover::after {
    background: #E4B940;
    -webkit-transform: scale(1.25) rotate(-45deg);
    -ms-transform: scale(1.25) rotate(-45deg);
    transform: scale(1.25) rotate(-45deg);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.popup-close:hover::before {
    background: #E4B940;
    -webkit-transform: scale(1.25) rotate(45deg);
    -ms-transform: scale(1.25) rotate(45deg);
    transform: scale(1.25) rotate(45deg);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.popup-close:active::after {
    opacity: .5;
    background: #E4B940;
    -webkit-transform: scale(0.8) rotate(-45deg);
    -ms-transform: scale(0.8) rotate(-45deg);
    transform: scale(0.8) rotate(-45deg);
    -webkit-transition: 0.15s all ease-in-out;
    -o-transition: 0.15s all ease-in-out;
    transition: 0.15s all ease-in-out;
}

.popup-close:active::before {
    opacity: .5;
    background: #E4B940;
    -webkit-transform: scale(0.8) rotate(45deg);
    -ms-transform: scale(0.8) rotate(45deg);
    transform: scale(0.8) rotate(45deg);
    -webkit-transition: 0.15s all ease-in-out;
    -o-transition: 0.15s all ease-in-out;
    transition: 0.15s all ease-in-out;
}

.popup-close::after {
    display: block;
    content: "";
    position: absolute;
    width: 17px;
    height: 1px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: white;
    top: 21px;
    right: 13px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.popup-close::before {
    display: block;
    content: "";
    position: absolute;
    width: 17px;
    height: 1px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: white;
    top: 21px;
    right: 13px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.popup-title {
    font-size: 24px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
    margin-bottom: 16px;
    position: relative;
    z-index: 2;
}

.popup-title_wide {
    white-space: nowrap;
}

.popup-info {
    padding: 20px 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #43475a;
    position: relative;
    overflow: hidden;
}

.popup-info-select {
    min-width: -webkit-calc(100% + 20px);
    min-width: calc(100% + 20px);
    text-align: right;
    float: none;
    height: 21px;
    min-height: 21px;
    border: none;
    background: #3a3d4d;
    line-height: 19px;
    position: relative;
    margin-top: -3.5px;
    margin-left: -10px;
    padding-right: 31px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.popup-info-select .current {
    font-size: 12px;
    font-weight: bold;
    z-index: 20;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
    padding-left: 17px;
    background-position: 0 center;
}

.popup-info-select .list {
    width: 100%;
    background: #3a3d4d;
    padding-top: 18px;
    margin-top: -18px;
    -webkit-transform: scale(0.75) translateY(0px);
    -ms-transform: scale(0.75) translateY(0px);
    transform: scale(0.75) translateY(0px);
}

.popup-info-select .list li {
    font-size: 12px;
    font-weight: normal;
    height: auto;
    min-height: 0px;
    line-height: normal;
    padding-top: 3.5px;
    padding-bottom: 3.5px;
    padding-left: 27px;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    position: relative;
}

.popup-info-select .list li::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 0 0 5px -7px #E4B940;
    box-shadow: inset 0 0 5px -7px #E4B940;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    z-index: -1;
}

.popup-info-select .list li:hover {
    background-color: #E4B940;
}

.popup-info-select .list li:hover::before {
    -webkit-box-shadow: inset 0 0 5px 7px #E4B940;
    box-shadow: inset 0 0 5px 7px #E4B940;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.popup-info-select .list li.selected {
    display: none;
}

.popup-info-select .list li.icon-btc {
    background: url("../img/icon-btc.svg") 10px center no-repeat #3a3d4d;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
}

.popup-info-select .list li.icon-btc:hover {
    background-color: #E4B940;
}

.popup-info-select .list li.icon-bch {
    background: url("../img/icon-bth.svg") 10px center no-repeat #3a3d4d;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
}

.popup-info-select .list li.icon-bch:hover {
    background-color: #E4B940;
}

.popup-info-select .list li.icon-eth {
    background: url("../img/icon-eth.svg") 10px center no-repeat #3a3d4d;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
}

.popup-info-select .list li.icon-eth:hover {
    background-color: #E4B940;
}

.popup-info-select .list li.icon-ltc {
    background: url("../img/icon-ltc.svg") 10px center no-repeat #3a3d4d;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
}

.popup-info-select .list li.icon-ltc:hover {
    background-color: #E4B940;
}

.popup-info-select .list li.icon-xpr {
    background: url("../img/icon-xpr.svg") 10px center no-repeat #3a3d4d;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
}

.popup-info-select .list li.icon-xpr:hover {
    background-color: #E4B940;
}

.popup-info-select .list li.icon-dash {
    background: url("../img/icon-dash.svg") 10px center no-repeat #3a3d4d;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
}

.popup-info-select .list li.icon-dash:hover {
    background-color: #E4B940;
}

.popup-info-select.open::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.popup-info-select::after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: white transparent transparent transparent;
    right: 11.5px;
    margin-top: -1px;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    z-index: 20;
}

.popup-info::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.9%, #43475a), color-stop(50.1%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x, -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x;
    background: -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: -o-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -o-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: linear-gradient(0deg, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, linear-gradient(0deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    -webkit-background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-position: 0 4px, 0px 0, 100% 0, 0 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 2;
    pointer-events: none;
}

.popup-info::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
    height: -webkit-calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #E4B940;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 1;
    pointer-events: none;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.popup-info-item {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 11px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.popup-info-item.dark::before {
    display: block;
    content: "";
    position: absolute;
    height: 21px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #3a3d4d;
    top: -3px;
    width: 100%;
    left: 0;
}

.popup-info-item.darken-top::after {
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.popup-info-item.darken-bottom {
    margin-bottom: 16px;
}

.popup-info-item.darken-bottom::after {
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.popup-info-item.darken::after {
    display: block;
    content: "";
    position: absolute;
    height: -webkit-calc(100% + 12px);
    height: calc(100% + 12px);
    width: 100%;
    background: #3a3d4d;
    top: -6px;
    left: 0;
}

.popup-info-item:last-child {
    margin-bottom: 0;
}

.popup-info-item-select {
    position: relative;
}

.popup-info-item-select .popup-info-title {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 20;
    cursor: pointer;
}

.popup-info-value {
    font-weight: bold;
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    z-index: 2;
}

.popup-info-value.thin {
    font-weight: 300;
}

.popup-info-value.thin img {
    margin-right: 3px;
    margin-left: 3px;
}

.popup-info-value.thin img:nth-child(2) {
    margin-right: 5px;
}

.popup-info-value-icon {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    position: relative;
    margin-bottom: -1px;
}

.popup-info-value_yellow {
    color: #E4B940;
}

.popup-info-value_green {
    color: #41bf50;
}

.popup-info-title {
    position: relative;
    z-index: 2;
}

.popup-info-title.center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.popup-info-title-icon {
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.popup-extra {
    margin-top: 20px;
    margin-bottom: 30px;
}

.popup-extra-title {
    padding-left: 38px;
    padding-top: 3.5px;
    padding-bottom: 3.5px;
    padding-right: 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #43475a;
    position: relative;
    margin-bottom: 9px;
}

.popup-extra-title::after {
    display: block;
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: url("../img/icon-attention.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    top: 50%;
    margin-top: -6px;
    left: 20px;
}

.popup-extra-item {
    padding-left: 13px;
    position: relative;
    font-size: 10px;
    font-weight: normal;
    line-height: 15px;
    padding-right: 11px;
    margin-bottom: 10px;
}

.popup-extra-item::after {
    display: block;
    content: "";
    position: absolute;
    width: 1px;
    height: 1px;
    border: 3.5px solid #f25b5b;
    background-color: #ffffff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 2.5px;
    left: 0;
}

.popup-extra-bottom {
    margin-top: 5px;
    margin-bottom: 20px;
    padding-left: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.popup-extra-bottom.mrg-fix {
    margin-bottom: 10px;
}

.popup-input {
    height: 28px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #55596a;
    background: #43475a;
    line-height: 26px;
    width: 100%;
    display: block;
    padding-left: 48px;
    font-size: 10px;
    font-weight: 300;
    color: white;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    overflow: hidden;
    padding-top: 3px;
    font-family: "Helvetica Neue";
    font-weight: 300;
}

.popup-input:focus {
    outline: none;
    border-color: rgba(255, 179, 0, 0.5);
    -webkit-box-shadow: 0 0 2px 0px rgba(255, 179, 0, 0.3);
    box-shadow: 0 0 2px 0px rgba(255, 179, 0, 0.3);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.popup-input:focus::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.45) !important;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.popup-input_faded:focus::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.15) !important;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.popup-input_faded::-webkit-input-placeholder {
    color: #888888 !important;
    font-size: 10px;
    font-weight: 300;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.popup-input::-webkit-input-placeholder {
    font-size: 10px;
    font-weight: 300;
}

.popup-input-block {
    margin-bottom: 20px;
}

.popup-input-block_mb-sm {
    margin-bottom: 10px;
}

.popup-input-block_simple {
    margin-bottom: 30px;
}

.popup-input-block_simple .popup-input {
    padding-left: 10px;
    padding-bottom: 2px;
}

.popup-input-block_simple .popup-input::-webkit-input-placeholder {
    color: #898989;
    font-family: "Helvetica Neue";
    font-size: 10px;
    font-weight: 300;
}

.popup-input-block_simple .popup-input:focus::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.1) !important;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.popup-input-subtext {
    color: #898989;
    font-size: 10px;
    font-weight: 300;
    margin-bottom: 3px;
    margin-top: -3px;
    position: relative;
}

.popup-input-label {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
}

.popup-input-label-after {
    position: relative;
    margin-top: -5px;
    color: #95989a;
    font-size: 8px;
    font-weight: normal;
    margin-bottom: 3px;
    line-height: 15px;
}

.popup-input-wrapper {
    position: relative;
    overflow: hidden;
}

.popup-input-wrapper.focus div,
.popup-input-wrapper.focus button {
    border-color: rgba(255, 179, 0, 0.5);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.popup-input-before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 39px;
    font-size: 10px;
    font-weight: 300;
    text-transform: uppercase;
    border-right: 1px solid #55596a;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.popup-input-after {
    position: absolute;
    color: #95989a;
    right: 0;
    top: 0;
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    font-size: 10px;
    font-weight: 300;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.popup-input-after.fade {
    opacity: 0;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.popup-input-after_copy {
    padding-right: 38px;
}

.popup-input-copy-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 28px;
    border: 1px solid #55596a;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    background: url("../img/icon-copy.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-background-size: 12px 14px;
    background-size: 12px 14px;
    background-color: #ffb01c;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.popup-input-copy-btn:hover {
    background-color: #E4B940;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.popup-input-copy-btn:active {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.popup-input-copy-btn:focus {
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.popup-summary {
    margin-bottom: 17px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 10px;
    font-weight: normal;
    line-height: 15px;
}

.popup-summary-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.popup-summary-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.popup-summary span {
    margin-right: 4px;
}

.popup-summary-value {
    color: #41bf50;
    font-weight: bold;
}

.popup-summary-value.red {
    color: #f25b5b;
}

.popup-summary_2 {
    padding-top: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.popup-btn {
    width: 100%;
    height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.popup-btn:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.24);
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.24);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.popup-btn:active {
    -webkit-transform: translateY(2px) scale(0.95);
    -ms-transform: translateY(2px) scale(0.95);
    transform: translateY(2px) scale(0.95);
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.24);
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.24);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.popup-btn.disabled {
    pointer-events: none;
}

.popup-submit button:nth-child(2) {
    margin-top: 20px;
}

.popup-subtitle {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
}

.popup-subtitle.mrg-fix {
    margin-top: -16px;
}

.popup-subtitle.mrg-fix-2 {
    margin-top: 14px;
}

.popup-balance-radio {
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

.popup-balance-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.popup-balance-item {
    width: -webkit-calc(50% - 5px);
    width: calc(50% - 5px);
    height: 58px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #55596a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
}

.popup-balance-item.active .popup-balance-left::after {
    background: #E4B940;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.popup-balance-item.active:hover .popup-balance-left::after {
    background: #E4B940;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.popup-balance-item.error .popup-balance-item-error {
    opacity: 1;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.popup-balance-item-error {
    color: #f25b5b;
    font-size: 12px;
    font-weight: 300;
    position: absolute;
    bottom: -16px;
    left: 0;
    opacity: 0;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.popup-balance-item.unavailable .popup-balance-cur {
    color: #f25b5b;
}

.popup-balance-item.unavailable .popup-balance-usd {
    color: #f25b5b;
}

.popup-balance-item:hover .popup-balance-left::after {
    background: #BD9934;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.popup-balance-left {
    width: 14px;
    min-width: 14px;
    height: 100%;
    border-right: 1px solid #55596a;
    position: relative;
    background: #43475A;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.popup-balance-left::after {
    display: block;
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border: 1px solid #55596a;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #3A3D4D;
    left: 50%;
    margin-left: -4.5px;
    top: 50%;
    margin-top: -4px;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.popup-balance-main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.popup-balance-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 5px;
    height: 23px;
    border-bottom: 1px solid #55596a;
    width: 100%;
    background: #43475A;
    -webkit-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
}

.popup-balance-title-icon {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.popup-balance-title-text {
    color: #e4b940;
    font-size: 10px;
    font-weight: 700;
}

.popup-balance-cur {
    height: 17px;
    color: #41bf50;
    font-size: 10px;
    font-weight: 300;
    line-height: 11px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid #55596a;
    background: #3A3D4D;
    padding-left: 10px;
}

.popup-balance-usd {
    height: 16px;
    color: #41bf50;
    font-size: 10px;
    font-weight: 300;
    line-height: 11px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #3A3D4D;
    padding-left: 10px;
    -webkit-border-radius: 0 0 3px 0;
    border-radius: 0 0 3px 0;
}

.popup-warning {
    margin-bottom: 30px;
}

.popup-warning-title {
    height: 15px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #43475a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 26px;
    font-size: 10px;
    font-weight: 700;
    position: relative;
    margin-bottom: 10px;
}

.popup-warning-title::after {
    display: block;
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: url("../img/icon-attention.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    left: 9px;
    top: 1px;
}

.popup-warning-item {
    color: #b5b5b5;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 1px;
    padding-left: 14px;
    position: relative;
}

.popup-warning-item::after {
    display: block;
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    border: 3px solid #fe5461;
    background-color: #ffffff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 2px;
    left: 0;
}

.popup-warning-item:last-child {
    margin-bottom: 0;
}

.popup-payment {
    height: 70px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #55596a;
    background-color: #43475a;
    margin-bottom: 25px;
    position: relative;
}

.popup-payment.success .popup-payment-success {
    opacity: 1;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.popup-payment-title {
    padding-left: 10px;
    height: 23px;
    border-bottom: 1px solid #55596a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.popup-payment-title-icon {
    height: 15px;
    width: 15px;
    margin-right: 5px;
}

.popup-payment-title-cur {
    color: #e4b940;
    font-weight: 700;
    font-size: 10px;
    margin-right: 4px;
}

.popup-payment-title-info {
    color: #e4b940;
    font-size: 10px;
}

.popup-payment-amount {
    height: 23px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #55596a;
}

.popup-payment-amount-value {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #41bf50;
    font-size: 10px;
    font-weight: 300;
    line-height: 11px;
    text-transform: uppercase;
    padding-left: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%;
}

.popup-payment-amount-value span {
    margin-left: 3.5px;
}

.popup-payment-copy {
    height: 100%;
    width: 26px;
    min-width: 26px;
    background: url("../img/icon-copy.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-background-size: 12px 14px;
    background-size: 12px 14px;
    background-color: #E4B940;
    border-left: 1px solid #55596a;
}

.popup-payment-address {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 22px;
}

.popup-payment-address .popup-payment-copy {
    -webkit-border-radius: 0 0 3px 0;
    border-radius: 0 0 3px 0;
}

.popup-payment-address-value {
    color: #0089ff;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0.5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 10px;
    height: 100%;
}

.popup-payment-qr {
    width: 26px;
    border-left: 1px solid #55596a;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
}

.popup-payment-qr-img {
    width: 12px;
    height: 12px;
}

.popup-payment-success {
    color: #41bf50;
    font-size: 12px;
    font-weight: 300;
    position: absolute;
    bottom: -16px;
    left: 0;
    opacity: 0;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.popup-simple-input {
    height: 57px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #55596a;
    border-left: 3px solid #55596a;
    border-right: 3px solid #55596a;
    background-color: #43475a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 25px;
}

.popup-simple-input-image {
    width: 32px;
    min-width: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #55596a;
    height: 100%;
}

.popup-simple-input-icon {
    width: 12px;
    height: 12px;
}

.popup-simple-input-main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
}

.popup-simple-input-title {
    color: #e4b940;
    font-size: 10px;
    font-weight: 700;
    padding-left: 11px;
    height: 28px;
    border-bottom: 1px solid #55596a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.popup-simple-input-wrapper {
    height: 27px;
    width: 100%;
}

.popup-simple-input-field {
    background: none;
    border: none;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 10px;
    font-size: 10px;
    font-weight: 300;
    color: white;
}

.popup-simple-input-field:focus {
    outline: none;
}

.popup-success-bottom.center {
    text-align: center;
}

.popup-success-qr {
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.popup-success-qr-img {
    max-width: 100%;
}

.popup-dep-input {
    height: 57px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #55596a;
    border-left: 3px solid #55596a;
    border-right: 3px solid #55596a;
    background-color: #43475a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 25px;
    margin-top: -10px;
    position: relative;
}

.popup-dep-input-image {
    width: 32px;
    min-width: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #55596a;
    height: 100%;
}

.popup-dep-input-icon {
    width: 14px;
    height: 14px;
}

.popup-dep-input-main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
}

.popup-dep-input-title {
    color: #e4b940;
    font-size: 10px;
    font-weight: 700;
    padding-left: 11px;
    height: 28px;
    border-bottom: 1px solid #55596a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.popup-dep-input-title-side {
    color: #95989a;
    font-size: 10px;
    font-weight: 300;
    margin-left: 16px;
}

.popup-dep-input-bottom {
    height: 27px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.popup-dep-input-usd {
    background: none;
    border: none;
    width: 45%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 10px;
    font-size: 10px;
    font-weight: 300;
    color: white;
    border-right: 1px solid #55596a;
}

.popup-dep-input-usd::-webkit-input-placeholder {
    color: #a7a7a7;
}

.popup-dep-input-usd:focus {
    outline: none;
}

.popup-dep-input-cur {
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    text-transform: uppercase;
    padding-left: 10px;
}

.popup-dep-input-cur .green {
    color: #41bf50;
    font-weight: 700;
}

#upgrade-popup-qr .popup-success-bottom,
#upgrade-popup-s .popup-success-bottom {
    text-align: center;
}

#dep-s .popup.popup_success .popup-title,
#with-s .popup.popup_success .popup-title,
#popup-s .popup.popup_success .popup-title {
    padding-left: 10px;
    padding-right: 10px;
}

.home-top .title {
    padding-top: 0;
    margin-top: 0;
}

.home-top-block {
    background: #3a3d4d;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}

.home-top-block_diagram {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 18px;
    padding-bottom: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.home-top-block_graph {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.home-top-diagram {
    width: 137px;
    height: 137px;
    margin-right: 23px;
    position: relative;
}

.home-top-diagram-center {
    position: absolute;
    top: 19px;
    left: 19px;
    height: 99px;
    width: 99px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #43475a;
    border: 4px solid #3a3d4d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.home-top-diagram-icon {
    width: 30px;
    height: 30px;
    background: url("../img/icon-diagram.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.home-top-info {
    padding-right: 15px;
}

.home-top-info-item {
    margin-bottom: 16px;
}

.home-top-info-item:last-child {
    margin-bottom: 0;
}

.home-top-info-title {
    font-size: 12px;
    font-weight: 300;
    padding-left: 13px;
    position: relative;
    margin-bottom: 8px;
}

.home-top-info-title_gradBlue::after {
    background: -webkit-gradient(linear, left top, right top, from(#654fff), to(#30d4fd));
    background: -webkit-linear-gradient(left, #654fff 0%, #30d4fd 100%);
    background: -o-linear-gradient(left, #654fff 0%, #30d4fd 100%);
    background: linear-gradient(to right, #654fff 0%, #30d4fd 100%);
}

.home-top-info-title_gradOrange::after {
    background: -webkit-gradient(linear, left top, right top, from(#ff3eb5), to(#e4b940));
    background: -webkit-linear-gradient(left, #ff3eb5 0%, #e4b940 100%);
    background: -o-linear-gradient(left, #ff3eb5 0%, #e4b940 100%);
    background: linear-gradient(to right, #ff3eb5 0%, #e4b940 100%);
}

.home-top-info-title_green::after {
    background: #41bf50;
}

.home-top-info-title_red::after {
    background: #f25b5b;
}

.home-top-info-title_yellow::after {
    background: #ffb01c;
}

.home-top-info-title::after {
    display: block;
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border: 1px solid white;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    margin-top: -2px;
    left: 0;
}

.home-top-info-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 8px;
    margin-top: 8px;
}

.home-top-info-value:nth-child(2) {
    margin-top: 0;
}

.home-top-info-value-text {
    font-size: 16px;
    font-weight: normal;
    color: #41bf50;
    line-height: 16px;
}

.home-top-info-icon {
    width: 16px;
    height: 16px;
    margin-right: 7px;
}

.search-input-image {
    position: relative;
}

.search-input-image-default {
    width: 100%;
    height: 100%;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #43475A;
}

.search-input-image-default-img {
    width: 15px;
    height: 15px;
    background: url("../img/icon-logo-d.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-right: 5px;
}

.search-input-image-default-text {
    color: #989898;
    font-size: 10px;
    font-weight: 300;
}

#offer-tab-2 .home-tab-chekout-title {
    margin-bottom: 8px;
}

#offer-tab-2 .home-tab-footer_row {
    margin-top: 5px;
}

#offer-tab-2.default .home-tab-chekout {
    pointer-events: none;
}

#offer-tab-2.default .home-tab-list-item-value {
    color: #989898;
}

#offer-tab-2.default .home-tab-head-item-title {
    color: #989898;
    font-weight: 400;
}

#offer-tab-2.default .search-input-main .search-input-currency {
    color: #989898;
}

#offer-tab-2.default .search-input-main .search-input {
    color: #989898;
}

.home-tab {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #3a3d4d;
    padding: 20px;
}

.home-tab .home-tab-wrapper2 {
    width: 100%;
}

.home-tab .home-tab-wrapper2 .home-tab-head.home-tab-head_small {
    width: 162px;
    margin-left: auto;
    margin-right: auto;
}

.home-tab.home-tab_pre .trading-select.nice-select .after-undefined {
    display: none;
}

.home-tab.home-tab_pre .trading-select.nice-select .list {
    min-height: 26px;
}

.home-tab.home-tab_pre .trading-select.nice-select::after {
    border-color: #585D77 transparent transparent transparent;
}

.home-tab.home-tab_pre .home-tab-list-item-value {
    color: #989898 !important;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab.home-tab_pre .home-tab-range-timer {
    color: #989898 !important;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab.home-tab_pre .home-tab-range-timer::after {
    opacity: 1;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab.home-tab_pre .home-tab-range-amount {
    color: #989898 !important;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab.home-tab_pre .home-tab-step {
    pointer-events: none;
}

.home-tab.home-tab_pre .home-tab-step.home-tab-step_default {
    background: #43475a;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    pointer-events: none;
}

.home-tab.home-tab_pre .home-tab-step.home-tab-step_default .home-tab-step-dots {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab.home-tab_pre .home-tab-range-scale-completed {
    opacity: 0;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab.home-tab_pre .home-tab-range-scale-default {
    height: 13px;
    width: 10px;
    position: absolute;
    top: 0;
    left: 0;
    background: #4E5369;
    -webkit-box-shadow: 5px 0 5px rgba(0, 10, 46, 0.15);
    box-shadow: 5px 0 5px rgba(0, 10, 46, 0.15);
    -webkit-border-radius: 7px 0 0 7px;
    border-radius: 7px 0 0 7px;
}

.home-tab-chekout {
    width: 100%;
}

.home-tab-chekout .simple-input {
    padding-top: 1px;
}

.home-tab-chekout .simple-input-wrapper_check.error .simple-input,
.home-tab-chekout .simple-input-wrapper_check.error div {
    border-color: #f25b5b;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab-chekout .simple-input-wrapper_check.success::after {
    opacity: 1;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab-chekout .simple-input-wrapper_check::after {
    display: block;
    content: "";
    position: absolute;
    width: 15px;
    height: 12px;
    background: url("../img/icon-check-simple.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    right: 11px;
    top: 8px;
    opacity: 0;
}

.home-tab-chekout-title {
    color: #ffffff;
    font-size: 8px;
    font-weight: 700;
    line-height: 11px;
    height: 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #43475a;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 11px;
}

.home-tab-chekout-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.home-tab-chekout-form .simple-input-block {
    margin-top: 0 !important;
}

.home-tab-chekout-form .simple-input-block:nth-child(1) {
    width: 95px;
    margin-right: 15px;
}

.home-tab-nav {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.home-tab-nav::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: -webkit-calc(50% - 116px);
    width: calc(50% - 116px);
    height: 1px;
    background: url("../img/border-dashed.jpg") repeat-x;
}

.home-tab-nav::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: -webkit-calc(50% - 116px);
    width: calc(50% - 116px);
    height: 1px;
    background: url("../img/border-dashed.jpg") repeat-x;
}

.home-tab-nav-wrapper {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #43475a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background: #43475a;
}

.home-tab-nav-item {
    font-size: 12px;
    font-weight: normal;
    width: 99px;
    height: 26px;
    background: #3a3d4d;
    margin-right: 1px;
    -webkit-box-shadow: inset 0 0 0 0px #43475a;
    box-shadow: inset 0 0 0 0px #43475a;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.home-tab-nav-item:hover {
    background: #43475a;
    -webkit-box-shadow: inset 0 0 0px 1px rgba(228, 185, 64, 0.7);
    box-shadow: inset 0 0 0px 1px rgba(228, 185, 64, 0.7);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab-nav-item.active {
    background: #E4B940;
}

.home-tab-nav-item:first-child {
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.home-tab-nav-item:last-child {
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    margin-right: 0;
}

.home-tab .icon-poloniex {
    background: url("../img/icon-poloniex.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.home-tab .icon-huobi {
    background: url("../img/icon-huobi.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.home-tab .icon-bitmex {
    background: url("../img/icon-bitmex.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.home-tab .icon-bitbuy {
    width: 38px;
    background: url("../img/icon-bitbuy.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.home-tab .icon-coinbase {
    margin-top: -3px;
    background: url("../img/icon-coinbase.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.home-tab-bottom {
    width: 100%;
    margin-top: 23px;
}

.home-tab-button {
    background: #E4B940;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    padding-top: 10.8px;
    padding-bottom: 10.8px;
    width: 100%;
    border: none;
    color: white;
    cursor: pointer;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    position: relative;
}

.home-tab-button.home-tab-button_checked {
    color: transparent;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    pointer-events: none;
}

.home-tab-button.home-tab-button_checked .home-tab-button-circle {
    opacity: 1;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.home-tab-button.home-tab-button_checked .home-tab-button-checkmark {
    opacity: 1;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.home-tab-button.home-tab-button_checked .home-tab-button-checkmark:nth-child(1)::after {
    -webkit-animation: checkmark1 0.25s linear forwards;
    animation: checkmark1 0.25s linear forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.home-tab-button.home-tab-button_checked .home-tab-button-checkmark:nth-child(2)::after {
    -webkit-animation: checkmark2 0.25s linear forwards;
    animation: checkmark2 0.25s linear forwards;
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}

.home-tab-button:active {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.home-tab-button:focus {
    background: #ffb01c;
    outline: none;
}

.home-tab-button:hover {
    background: #ffb01c;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 2px 2px 3px rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 2px 3px rgba(0, 0, 0, 0.14);
}

.home-tab-button-circle {
    width: 30px;
    height: 30px;
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid white;
    background: #C8DAFF;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 50%;
    margin-left: -15px;
    opacity: .0;
    pointer-events: none;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.home-tab-button-checkmark {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.home-tab-button-checkmark:nth-child(1) {
    -webkit-transform: rotate(41deg);
    -ms-transform: rotate(41deg);
    transform: rotate(41deg);
}

.home-tab-button-checkmark:nth-child(1)::after {
    content: "";
    display: block;
    position: absolute;
    height: 3.3px;
    width: 12px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #20DBB4;
    top: 18px;
    left: 7px;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}

.home-tab-button-checkmark:nth-child(2) {
    -webkit-transform: rotate(-57deg);
    -ms-transform: rotate(-57deg);
    transform: rotate(-57deg);
}

.home-tab-button-checkmark:nth-child(2)::after {
    content: "";
    display: block;
    position: absolute;
    height: 3px;
    width: 21px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #20DBB4;
    top: 16px;
    left: 4px;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
}

.home-tab-preloader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 10;
    top: 30px;
    left: 0;
    width: 100%;
    height: -webkit-calc(100% - 30px);
    height: calc(100% - 30px);
    background: #3a3d4d;
    padding-top: 47px;
}

.home-tab-preloader-text {
    font-weight: 100;
    font-size: 12px;
    text-align: center;
    padding-left: 36px;
    padding-right: 36px;
    line-height: 20px;
    margin-bottom: 15px;
}

.home-tab-preloader-circle {
    width: 50px;
    height: 50px;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

.home-tab-preloader-circle_animated {
    -webkit-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    transition: 0.3s all linear;
    -webkit-animation: preloader 1s linear infinite;
    animation: preloader 1s linear infinite;
}

.home-tab_active {
    display: block;
}

.home-tab-container {
    z-index: 1;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: 0.25s opacity ease-in-out 0.25s;
    -o-transition: 0.25s opacity ease-in-out 0.25s;
    transition: 0.25s opacity ease-in-out 0.25s;
}

.home-tab-container.absolute {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.home-tab-container.absolute .home-tab-bottom {
    margin-top: 20px;
}

.home-tab-container.hidden {
    z-index: -29;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab-wrapper {
    position: relative;
}

.home-tab-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.home-tab-col {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    margin-right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.home-tab-col:last-child {
    margin-right: 0;
}

.home-tab-head {
    text-align: center;
    border: 1px solid #43475a;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    z-index: 2;
    background: #3a3d4d;
}

.home-tab-head.home-tab-head_small {
    padding-top: 6px;
    padding-bottom: 6px;
}

.home-tab-head.home-tab-head_small .home-tab-head-title {
    font-size: 20px;
}

.home-tab-head-pair {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 9px;
}

.home-tab-head_icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
}

.home-tab-head_icons .home-tab-head-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 45px;
}

.home-tab-head_icons .home-tab-head-item-title {
    font-size: 10px;
}

.home-tab-head_icons .home-tab-head-subtitle {
    margin-bottom: 6px;
    margin-top: 1px;
}

.home-tab-head_icons .home-tab-head-item-currency {
    width: 12px;
    height: 12px;
    margin-bottom: 4px;
    margin-right: 0;
    margin-left: 0;
}

.home-tab-head_icons .home-tab-head-slash {
    margin-right: 10px;
    margin-left: 10px;
}

.home-tab-head.home-tab-head_actives {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding: 0;
    border: none;
}

.home-tab-head.home-tab-head_actives .home-tab-head-item-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 12px;
}

.home-tab-head.home-tab-head_actives .home-tab-head-slash {
    font-size: 14px;
    font-weight: 400;
    line-height: 9px;
    margin-right: 6px;
    position: relative;
    margin-bottom: -2px;
}

.home-tab-head.home-tab-head_actives .home-tab-head-item-currency {
    margin-right: 7px;
}

.home-tab-head-slash {
    font-size: 18px;
    font-weight: 300;
    margin-right: 4px;
    margin-left: 6px;
}

.home-tab-head-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.home-tab-head-item-title {
    font-size: 11px;
    font-weight: bold;
    line-height: 10px;
}

.home-tab-head-item-currency {
    height: 14px;
    width: 14px;
    margin-right: 4px;
}

.home-tab-head-item-service {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-tab-head-title {
    font-size: 22px;
    font-weight: 900;
    color: white;
    margin-bottom: 1px;
}

.home-tab-head-subtitle {
    color: #989898;
    font-size: 8px;
    font-weight: 100;
}

.home-tab-title-single {
    font-size: 22px;
    font-weight: 900;
    line-height: 18px;
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 3px;
}

.home-tab-title-single::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: 1px;
    left: 0;
    width: -webkit-calc(50% - 56px);
    width: calc(50% - 56px);
    height: 1px;
    background: url("../img/border-dashed.jpg") repeat-x;
}

.home-tab-title-single::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    margin-top: 1px;
    right: 0;
    width: -webkit-calc(50% - 56px);
    width: calc(50% - 56px);
    height: 1px;
    background: url("../img/border-dashed.jpg") repeat-x;
}

.home-tab-subtitle-single {
    color: #989898;
    font-size: 8px;
    font-weight: 100;
    line-height: 17px;
    margin-bottom: 5px;
}

.home-tab-content {
    width: 100%;
    border: 1px solid #43475a;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 20px;
    position: relative;
    height: auto;
    overflow: hidden;
}

.home-tab-content.align-fix {
    margin-top: -20px;
    padding-bottom: 10px !important;
}

.home-tab-content.align-fix-2 {
    margin-top: -20px;
    padding-bottom: 19px !important;
}

.home-tab-content_short {
    margin-top: -18px;
    padding-bottom: 5px;
    margin-top: -14.5px;
    height: 123px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.home-tab-content_small-pd {
    padding-bottom: 15px;
}

.home-tab-content_search {
    overflow: visible;
}

.home-tab-content_search .search-input-block {
    margin-bottom: 26px;
}

.home-tab-footer {
    width: 100%;
    margin-top: 10px;
}

.home-tab-footer_row {
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.home-tab-footer_row .home-tab-footer-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0;
    margin-right: 10px;
}

.home-tab-footer_row .home-tab-footer-item:last-child {
    margin-right: 0;
}

.home-tab-footer-item {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #43475a;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 25px;
    font-size: 10px;
    font-weight: normal;
}

.home-tab-footer-item span {
    margin-left: 3px;
    margin-right: 3px;
}

.home-tab-footer-item:last-child {
    margin-bottom: 0;
}

.home-tab-footer-item .red {
    color: #f25b5b;
}

.home-tab-footer-item .green {
    color: #41bf50;
}

.home-tab-footer-item .bold {
    font-weight: bold;
}

.home-tab-list {
    padding-top: 43px;
}

.home-tab-list.home-tab-list_bottom {
    width: 100%;
    padding-top: 11px;
    padding-bottom: 9px;
    margin-top: 15px;
    border: 1px solid #43475a;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-left: 16px;
    padding-right: 16px;
}

.home-tab-list.home-tab-list_bottom .home-tab-list-item {
    margin-bottom: 11px;
}

.home-tab-list.home-tab-list_bottom .home-tab-list-item:last-child {
    margin-bottom: 0;
}

.home-tab-list.home-tab-list_search {
    padding-top: 31px;
}

.home-tab-list.home-tab-list_search .home-tab-list-item {
    margin-bottom: 13px;
}

.home-tab-list.home-tab-list_search .home-tab-list-item:nth-child(1)::before {
    background: url("../img/icon-diff.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.home-tab-list.home-tab-list_search .home-tab-list-item:nth-child(2)::before {
    background: url("../img/icon-proc.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.home-tab-list.home-tab-list_search .home-tab-list-item:nth-child(3)::before {
    background: url("../img/icon-fee.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.home-tab-list.home-tab-list_search .home-tab-list-item:nth-child(4)::before {
    background: url("../img/icon-diff.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.home-tab-list.home-tab-list_search .home-tab-list-item:nth-child(5) {
    margin-bottom: 0;
}

.home-tab-list.home-tab-list_search .home-tab-list-item:nth-child(5)::before {
    background: url("../img/icon-proc.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.home-tab-list.home-tab-list_2col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    height: 124px;
    padding-top: 30px;
}

.home-tab-list.home-tab-list_2col .home-tab-list-item {
    margin-bottom: 10px;
    width: -webkit-calc(50% - 22px);
    width: calc(50% - 22px);
}

.home-tab-list.home-tab-list_2col .home-tab-list-item:nth-child(1) {
    margin-right: 44px;
}

.home-tab-list.home-tab-list_2col .home-tab-list-item:nth-child(2) {
    margin-right: 44px;
}

.home-tab-list.home-tab-list_2col .home-tab-list-item:nth-child(3) {
    margin-right: 44px;
}

.home-tab-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 22px;
    position: relative;
    padding-left: 21px;
}

.home-tab-list-item::before {
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 20px;
    top: 0;
    left: 0;
}

.home-tab-list-item:nth-child(1)::before {
    background: url("../img/icon-buy.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.home-tab-list-item:nth-child(2)::before {
    background: url("../img/icon-sell.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.home-tab-list-item:nth-child(3)::before {
    background: url("../img/icon-diff.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.home-tab-list-item:nth-child(4)::before {
    background: url("../img/icon-fee.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.home-tab-list-item:nth-child(5)::before {
    background: url("../img/icon-prof.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.home-tab-list-item:nth-child(6)::before {
    background: url("../img/icon-proc.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.home-tab-list-item:last-child {
    margin-bottom: 0;
}

.home-tab-list-item::after {
    position: absolute;
    bottom: -1px;
    left: 21px;
    content: "";
    display: block;
    width: -webkit-calc(100% - 21px);
    width: calc(100% - 21px);
    height: 1px;
    background: url("../img/border-dashed.jpg") repeat-x;
}

.home-tab-list-item-title {
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
}

.home-tab-list-item-value {
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
}

.home-tab-range {
    margin-top: 21px;
    width: 100%;
    margin-bottom: 27px;
    position: relative;
}

.home-tab-range-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
}

.home-tab-range-timer {
    color: #41bf50;
    font-size: 10px;
    font-weight: 400;
    line-height: 17px;
    position: relative;
}

.home-tab-range-timer::after {
    display: block;
    content: "";
    position: absolute;
    content: "00h : 00m : 00s";
    color: #989898;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #3a3d4d;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab-range-amount {
    font-size: 10px;
    font-weight: 300;
    line-height: 14.92px;
    color: #41bf50;
}

.home-tab-range-scale {
    height: 13px;
    width: 100%;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: #43475a;
    position: relative;
}

.home-tab-range-scale-completed {
    height: 100%;
    width: 0%;
    -webkit-box-shadow: 5px 0 5px rgba(0, 10, 46, 0.15);
    box-shadow: 5px 0 5px rgba(0, 10, 46, 0.15);
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-image: -webkit-gradient(linear, left top, right top, from(#fe5461), to(#e4b940));
    background-image: -webkit-linear-gradient(left, #fe5461 0%, #e4b940 100%);
    background-image: -o-linear-gradient(left, #fe5461 0%, #e4b940 100%);
    background-image: linear-gradient(to right, #fe5461 0%, #e4b940 100%);
}

.home-tab-steps {
    margin-top: 45px;
    margin-bottom: 34px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-tab-step {
    font-size: 12px;
    font-weight: 300;
    background: #43475a;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab-step.disabled {
    pointer-events: none;
}

.home-tab-step.prev {
    background: #534F4B;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab-step.prev::after {
    color: #E4B940;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab-step.prev .home-tab-step-dots {
    opacity: 0;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab-step.prev .home-tab-step-dots.yellow {
    opacity: 1;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab-step-subtitle {
    position: relative;
    padding-left: 18px;
    font-size: 12px;
    font-weight: normal;
    line-height: 17px;
    margin-bottom: 5px;
}

.home-tab-step-subtitle::after {
    content: "i";
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    font-size: 11px;
    text-align: center;
    line-height: 12px;
    background: white;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    margin-top: -6px;
    left: 0px;
    color: black;
    font-weight: 500;
}

.home-tab-step-info {
    height: 233.4px;
    width: 100%;
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 15px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #95989a;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #43475a;
    position: relative;
    -webkit-transition: 0.24s all ease-in-out;
    -o-transition: 0.24s all ease-in-out;
    transition: 0.24s all ease-in-out;
}

.home-tab-step-info.fader {
    color: transparent;
    -webkit-transition: 0.24s all ease-in-out;
    -o-transition: 0.24s all ease-in-out;
    transition: 0.24s all ease-in-out;
}

.home-tab-step:hover {
    background: #595e77;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab-step:hover .home-tab-step-dots {
    opacity: 0;
    -webkit-filter: brightness(300%);
    filter: brightness(300%);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.home-tab-step:hover .home-tab-step-dots.yellow {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
    opacity: 1;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab-step.home-tab-step_default {
    color: white;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    background: #E4B940;
}

.home-tab-step.home-tab-step_default .home-tab-step-dots {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-filter: brightness(300%);
    filter: brightness(300%);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab-step.home-tab-step_active {
    color: white;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    background: #E4B940;
}

.home-tab-step.home-tab-step_active .home-tab-step-dots {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-filter: brightness(300%);
    filter: brightness(300%);
    opacity: 0;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab-step.home-tab-step_active .home-tab-step-dots.yellow {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
    opacity: 1;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab-step-dots {
    position: absolute;
    height: 30px;
    width: 30px;
    top: -4px;
    left: -4px;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab-step-dots.yellow {
    opacity: 0;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.home-tab-step::after {
    content: "....";
    position: absolute;
    display: block;
    height: 30px;
    width: 22px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 500;
    top: -4px;
    letter-spacing: 2px;
    left: 100%;
    margin-left: 5px;
    color: #43475a;
    pointer-events: none;
}

.home-tab-step:last-child::after {
    display: none;
}

.home-tab .simple-input::-webkit-input-placeholder {
    color: #8d8d8d;
}

.home-tab .simple-input-block {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 0;
}

.home-tab-search {
    padding-top: 43px;
}

.home-tab-search-title {
    font-size: 8px;
    font-weight: bold;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #43475a;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 10px;
    margin-bottom: 11px;
}

.home-tab-balance-error {
    font-size: 12px;
    font-weight: 300;
    color: #f25b5b;
    position: absolute;
    bottom: -16px;
    left: -2px;
    opacity: 0;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.home-tab-balance-success {
    font-size: 12px;
    font-weight: 300;
    color: #41bf50;
    position: absolute;
    bottom: -16px;
    left: -2px;
    opacity: 0;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.home-tab-balance-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.home-tab-balance-block {
    width: -webkit-calc(33.333% - 7px);
    width: calc(33.333% - 7px);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 58px;
    border: 1px solid #55596A;
    border-left: 3px solid #55596A;
    border-right: 3px solid #55596A;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 19.5px;
    position: relative;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.home-tab-balance-block:nth-child(4) {
    margin-bottom: 0;
}

.home-tab-balance-block:nth-child(5) {
    margin-bottom: 0;
}

.home-tab-balance-block:nth-child(6) {
    margin-bottom: 0;
}

.home-tab-balance-block.success {
    border-left: 3px solid #41bf50;
    border-right: 3px solid #41bf50;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.home-tab-balance-block.success .home-tab-balance-success {
    opacity: 1;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.home-tab-balance-block.error {
    border-left: 3px solid #f25b5b;
    border-right: 3px solid #f25b5b;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.home-tab-balance-block.error .home-tab-balance-error {
    opacity: 1;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.home-tab-balance-block.unavailable .home-tab-balance-cur {
    color: #f25b5b;
}

.home-tab-balance-block.unavailable .home-tab-balance-usd {
    color: #f25b5b;
}

.home-tab-balance-block.unavailable .home-tab-balance-copy {
    background: url("../img/icon-topup.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-background-size: 11px 18px;
    background-size: 11px 18px;
    background-color: #E4B940;
}

.home-tab-balance-image {
    min-width: 22px;
    width: 22px;
    border-right: 1px solid #55596A;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #43475A;
}

.home-tab-balance-icon {
    width: 15px;
    height: 15px;
}

.home-tab-balance-title {
    color: #ffffff;
    font-size: 8px;
    font-weight: 700;
    line-height: 11px;
    height: 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #43475a;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

.home-tab-balance-main {
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.home-tab-balance-label {
    height: 23px;
    background: #43475A;
    font-size: 10px;
    font-weight: 700;
    color: #E4B940;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 5px;
    width: 100%;
    border-bottom: 1px solid #55596A;
}

.home-tab-balance-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 33px;
}

.home-tab-balance-fields {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
}

.home-tab-balance-copy {
    border-left: 1px solid #55596A;
    border-right: 1px solid #55596A;
    width: 23px;
    min-width: 23px;
    height: 100%;
    background: url("../img/icon-copy.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-background-size: 12px 14px;
    background-size: 12px 14px;
    background-color: #E4B940;
}

.home-tab-balance-cur {
    height: 17px;
    border-bottom: 1px solid #55596A;
    color: #41bf50;
    font-size: 10px;
    font-weight: 300;
    line-height: 11px;
    text-transform: uppercase;
    padding-left: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.home-tab-balance-usd {
    height: 16px;
    padding-left: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #41bf50;
    font-size: 10px;
    font-weight: 300;
    line-height: 11px;
}

@media (min-width: 1800px) {
    .home-tab-step::after {
        content: ".........";
    }
}

.popup-info-item.popup-info-item-select {
    padding-right: 0;
    margin-left: -10px;
}

.popup-info-item.popup-info-item-select .popup-info-title {
    top: 3px;
    left: 20px;
}

.search-input {
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 10px;
    font-weight: 300;
    line-height: 11px;
    background: none;
    border: none;
    border-right: 1px solid #55596a;
    color: white;
    pointer-events: none;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.search-input-content {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background: #43475a;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transform: scale(0) translateY(-10px);
    -ms-transform: scale(0) translateY(-10px);
    transform: scale(0) translateY(-10px);
    opacity: 0;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    border: 1px solid #55596a;
    -webkit-transform-origin: 50% 10%;
    -ms-transform-origin: 50% 10%;
    transform-origin: 50% 10%;
}

.search-input-content.open {
    z-index: 12;
    -webkit-transform: scale(1) translateY(0px);
    -ms-transform: scale(1) translateY(0px);
    transform: scale(1) translateY(0px);
    opacity: 1;
    border-color: rgba(228, 185, 64, 0.5);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.search-input-field {
    width: 100%;
    background: #43475a;
    border: none;
    height: 28px;
    padding-left: 34px;
    line-height: 11px;
    font-size: 10px;
    font-weight: 300;
    color: white;
    padding-right: 10px;
    padding-top: 3px;
}

.search-input-field:focus {
    outline: none;
}

.search-input-field-wrapper {
    padding-top: 28px;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    position: relative;
    border-bottom: 1px solid #55596a;
}

.search-input-field-wrapper::after {
    display: block;
    content: "";
    position: absolute;
    background: url("../img/icon-search.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 13px;
    height: 14px;
    bottom: 6px;
    left: 11px;
}

.search-input-list {
    width: 100%;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    height: 83px;
    overflow-y: auto;
    position: relative;
    border-bottom: 1px solid #55596a;
}

.search-input-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 28px;
    border-bottom: 1px solid #55596a;
    cursor: pointer;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    background: #43475a;
}

.search-input-item.hidden {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    height: 0;
    border-bottom: none;
    -webkit-transition: 0.15s all ease-in-out;
    -o-transition: 0.15s all ease-in-out;
    transition: 0.15s all ease-in-out;
}

.search-input-item.selected {
    background: rgba(228, 185, 64, 0.5);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.search-input-item:hover {
    background: #E4B940;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.search-input-item:last-child {
    border-bottom: none;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.search-input-item-value {
    padding-left: 10px;
    font-size: 10px;
    font-weight: 300;
}

.search-input-block {
    margin-bottom: 16px;
}

.search-input-block:last-child {
    margin-bottom: 0;
}

.search-input-block:nth-child(3) {
    margin-bottom: 19px;
}

.search-input-title {
    font-size: 8px;
    line-height: 11px;
    font-weight: bold;
    margin-bottom: 4px;
}

.search-input-title .caption {
    font-weight: normal;
}

.search-input-wrapper {
    position: relative;
}

.search-input-wrapper.search-popup {
    width: 100%;
}

.search-input-wrapper.search-popup .search-input {
    height: 21px;
    border: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    padding-left: 0;
    padding-right: 0;
    width: auto;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.search-input-wrapper.search-popup .search-input-content {
    top: 0;
    border: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-top: 19px;
    background: #3a3d4d;
}

.search-input-wrapper.search-popup .search-input-list {
    border: none;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.search-input-wrapper.search-popup .search-input-item {
    height: 21px;
    background: #3a3d4d;
    border: none;
    padding-right: 30px;
}

.search-input-wrapper.search-popup .search-input-item:hover {
    background: #E4B940;
}

.search-input-wrapper.search-popup .search-input-item.selected {
    display: none;
}

.search-input-wrapper.search-popup .search-input-item-value {
    height: 21px;
    border: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    padding-left: 0;
    padding-right: 0;
    width: auto;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.search-input-wrapper.search-popup .search-input-icon {
    width: 12px;
    height: 12px;
}

.search-input-wrapper.search-popup .search-input-image {
    min-width: 24px;
    max-width: 24px;
}

.search-input-wrapper.search-popup .search-input-main {
    height: 21px;
    background: #3a3d4d;
    border: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 30px;
}

.search-input-wrapper.search-popup .search-input-main::after {
    right: 11.5px;
}

.search-input-wrapper.search-popup .search-input-image {
    border: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 21px;
}

.search-input-wrapper.simple-search .search-input {
    font-size: 12px;
    padding-left: 1px;
    border-right: none;
}

.search-input-wrapper.simple-search .search-input-item-value {
    font-size: 12px;
    padding-left: 2px;
}

.search-input-wrapper.simple-search .search-input-main {
    padding-right: 22px;
    background: #3a3d4d;
    border-color: #43475a;
    width: 163px;
}

.search-input-wrapper.simple-search .search-input-main.open {
    border-color: #E4B940;
}

.search-input-wrapper.simple-search .search-input-main::after {
    right: 8.5px;
}

.search-input-wrapper.simple-search .search-input-main::before {
    width: 22px;
    height: 28px;
    display: block;
    content: "";
    position: absolute;
    background: #43475a;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    top: 0;
    right: 0;
}

.search-input-wrapper.simple-search .search-input-icon {
    width: 11px;
    height: 11px;
}

.search-input-wrapper.simple-search .search-input-image {
    border-right: none;
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    padding-left: 1px;
}

.search-input-wrapper.double-select .search-input-image {
    width: 65px;
    min-width: 65px;
    max-width: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 9px;
    padding-right: 9px;
}

.search-input-wrapper.double-select .search-input {
    width: 124px;
    font-size: 10px;
    font-weight: 300;
    padding-top: 3px;
}

.search-input-wrapper.double-select .search-input-slash {
    font-weight: 300;
    font-size: 10px;
}

.search-input-wrapper.double-select .search-input-item:last-child {
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.search-input-wrapper_small .search-input-list {
    height: auto;
}

.search-input-wrapper_small .search-input-currency {
    display: none;
}

.search-input-wrapper_small .search-input-image {
    min-width: 28px;
    max-width: 28px;
}

.search-input-wrapper_small .search-input-icon {
    margin-right: 0;
}

.search-input-wrapper_small .search-input {
    width: 47px;
}

.search-input-wrapper_small .search-input-content {
    top: 26px;
}

.search-input-main {
    height: 28px;
    width: 100%;
    padding-right: 19px;
    border: 1px solid #55596a;
    position: relative;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    cursor: pointer;
    overflow: hidden;
    background: #43475a;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    z-index: 11;
}

.search-input-main.open {
    z-index: 13;
    border-color: #E4B940;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.search-input-main.open:hover {
    border-color: #E4B940;
}

.search-input-main.open:hover .search-input {
    border-color: #E4B940;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.search-input-main.open:hover .search-input-image {
    border-color: #E4B940;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.search-input-main.open:hover::after {
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    border-color: #E4B940 transparent transparent transparent;
}

.search-input-main.open .search-input {
    border-color: #E4B940;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.search-input-main.open .search-input-image {
    border-color: #E4B940;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.search-input-main.open::after {
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    border-color: #E4B940 transparent transparent transparent;
}

.search-input-main:hover {
    border-color: rgba(228, 185, 64, 0.5);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.search-input-main:hover .search-input {
    border-color: rgba(228, 185, 64, 0.5);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.search-input-main:hover .search-input-image {
    border-color: rgba(228, 185, 64, 0.5);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.search-input-main:hover::after {
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    border-color: #E4B940 transparent transparent transparent;
}

.search-input-main::after {
    display: block;
    content: "";
    position: absolute;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: white transparent transparent transparent;
    right: 6.5px;
    margin-top: -0.5px;
    top: 50%;
    -webkit-transform-origin: 50% 40%;
    -ms-transform-origin: 50% 40%;
    transform-origin: 50% 40%;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.search-input-image {
    width: 60px;
    border-right: 1px solid #55596a;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.search-input-icon {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.search-input-logo {
    width: 16px;
    height: 16px;
}

.search-input-currency {
    font-size: 10px;
    font-weight: 300;
    line-height: 11px;
}

#offer-tab-1 .home-tab-content {
    padding-bottom: 14px;
}

.offers {
    padding-top: 32px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.offers-item {
    width: 200px;
    height: 68px;
    border: 1px solid #43475a;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 11px;
    position: relative;
    padding-left: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    -webkit-box-shadow: 0 0 0 0 rgba(56, 119, 255, 0.2), 0 5px 10px rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(56, 119, 255, 0.2), 0 5px 10px rgba(0, 0, 0, 0);
    cursor: pointer;
}

.offers-item.offers-item_active {
    -webkit-box-shadow: 0 0 0 1px #E4B940, 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 1px #E4B940, 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.offers-item.offers-item_active::after {
    background: #E4B940;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.offers-item.offers-item_active:hover {
    -webkit-box-shadow: 0 0 0 1px #E4B940, 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 1px #E4B940, 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.offers-item:hover {
    -webkit-box-shadow: 0 0 0 1px #E4B940, 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 1px #E4B940, 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

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

.offers-item::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    z-index: 2;
    height: 68px;
    width: 17px;
    overflow: hidden;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    background: #43475a;
}

.offers-item::after {
    content: "";
    position: absolute;
    z-index: 3;
    top: 50%;
    margin-top: -4.5px;
    left: 3px;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #535769;
    background: #3a3d4d;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.offers-item-main {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
}

.offers-item-right {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.offers-item-bottom {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #3a3d4d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    border-left: 1px solid #43475a;
    height: 32px;
}

.offers-item-bottom-title {
    font-size: 9px;
    font-weight: 300;
    margin-bottom: 1px;
}

.offers-item-bottom-timer {
    color: #ff5c5c;
    font-size: 9px;
    font-weight: 400;
    line-height: 11px;
}

.offers-item-currency {
    width: 102px;
    height: 100%;
    background: #3a3d4d;
    padding-left: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 7px;
    padding-bottom: 7px;
    position: relative;
}

.offers-item-currency::after {
    content: "";
    display: block;
    position: absolute;
    height: 32px;
    width: 6px;
    border: 1px solid #4d505e;
    border-right: none;
    top: 50%;
    margin-top: -16px;
    left: 9px;
}

.offers-item-currency-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.offers-item-currency-icon {
    width: 10px;
    height: 10px;
    margin-right: 4px;
}

.offers-item-currency-title {
    font-size: 8px;
    font-weight: 300;
    line-height: 11px;
    margin-right: 14px;
    position: relative;
    background: none !important;
}

.offers-item-currency-service {
    width: 20px;
    height: 20px;
    position: relative;
}

.offers-item-profit {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 35px;
    background: #43475a;
    -webkit-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
    border: 1px solid #43475a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: -1px;
    margin-right: -1px;
}

.offers-item-profit-title {
    font-weight: 500;
    font-size: 8px;
    line-height: 10px;
    margin-bottom: 3px;
}

.offers-item-profit-value {
    color: #12e600;
    font-size: 15px;
    font-weight: 900;
    line-height: 11px;
}

.stars {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.stars .star {
    margin-right: 5px;
}

.stars .star:last-child {
    margin-right: 0;
}

.stars-premium .star {
    width: 23px;
    height: 20px;
    background: url("../img/icon-premium.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.stars-simple .star {
    width: 23px;
    height: 20px;
    background: url("../img/icon-star.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.bold {
    font-weight: bold !important;
}

.upgrade-top-row .title {
    margin-top: 0;
}

.upgrade-user {
    background: #3a3d4d;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 4px;
    margin-bottom: 20px;
}

.upgrade-user-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #43475a;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
}

.upgrade-user-top-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.upgrade-user-bottom {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 6px;
}

.upgrade-user-status {
    text-transform: uppercase;
    color: #41bf50;
    font-size: 10px;
}

.upgrade-user-name {
    font-size: 16px;
    font-weight: bold;
}

.upgrade-user .stars {
    margin-bottom: 4px;
}

.upgrade-user-current {
    font-size: 10px;
}

.upgrade-user-btn {
    width: 100%;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.upgrade-user-btn:hover {
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    background: #ffb01c;
    -webkit-transform: scale(1) translateY(-1px);
    -ms-transform: scale(1) translateY(-1px);
    transform: scale(1) translateY(-1px);
    -webkit-box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.14);
}

.upgrade-user-btn:active {
    background: #ffb01c;
    -webkit-transform: scale(0.95) translateY(2px);
    -ms-transform: scale(0.95) translateY(2px);
    transform: scale(0.95) translateY(2px);
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0);
}

.upgrade-planlist-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 14px;
    background: #43475a;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    height: 40px;
    position: relative;
    overflow: hidden;
}

.upgrade-planlist-item.disabled {
    background: #3c3c3c;
    color: #6f6f6f;
}

.upgrade-planlist-item.disabled .stars .star {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .4;
}

.upgrade-planlist-item:last-child {
    margin-bottom: 0;
}

.upgrade-planlist-item-border {
    position: absolute;
    width: 100%;
    height: 100%;
}

.upgrade-planlist-stars {
    margin-right: 11px;
    width: 85px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    position: relative;
}

.upgrade-planlist-stars.stars-simple .star {
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.upgrade-planlist-stars.stars-simple .star:last-child {
    margin-right: 0;
}

.upgrade-planlist-stars-border {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.upgrade-planlist-stars .star {
    width: 21px;
    height: 18px;
    margin-right: 3px;
}

.upgrade-planlist-text {
    font-weight: 300;
    font-size: 14px;
}

.upgrade-planlist-expires {
    height: 100%;
    position: absolute;
    width: 66px;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.upgrade-planlist-expires-title {
    font-size: 12px;
    font-weight: 300;
    color: #f25b5b;
    margin-bottom: 2px;
}

.upgrade-planlist-expires-value {
    font-size: 12px;
    font-weight: 300;
}

.upgrade-stats {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #3a3d4d;
    padding-top: 20px;
    overflow: hidden;
    height: auto;
}

.upgrade-stats-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 20px;
}

.upgrade-stats-top .upgrade-stats-item:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.upgrade-stats-item {
    width: 33.333%;
    padding-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.upgrade-stats-item-title {
    font-size: 16px;
    font-weight: 700;
}

.upgrade-stats-item-status {
    margin-top: 2px;
    font-size: 10px;
    font-weight: 300;
    line-height: 11px;
}

.upgrade-stats-item:first-child {
    padding-top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.upgrade-stats-item:nth-child(2) {
    text-align: center;
}

.upgrade-stats-user {
    padding-left: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.upgrade-stats-user-country {
    width: 37px;
    height: 27px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 20px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.upgrade-stats-user-status {
    color: #f25b5b;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}

.upgrade-stats-user-name {
    font-size: 16px;
    font-weight: 700;
}

.upgrade-stats-select {
    height: 28px;
    min-height: 28px;
    background: #43475a;
    border: 1px solid #55596a;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 210px;
    float: none;
    padding-right: 20px;
    padding-left: 0;
    z-index: 2;
}

.upgrade-stats-select .list {
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
    background: #43475a;
    border: 1px solid #55596a;
    margin-top: 0px;
    left: -1px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    z-index: 1;
}

.upgrade-stats-select .list li {
    height: 28px;
    min-height: 28px;
    background: #43475a;
    border-bottom: 1px solid #55596a;
    font-size: 10px;
    font-weight: 300;
    line-height: 11px;
    padding-left: 88px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.upgrade-stats-select .list li.selected {
    background: rgba(228, 185, 64, 0.5);
    font-weight: 300;
}

.upgrade-stats-select .list li:last-child {
    border-bottom: none;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.upgrade-stats-select .list li:hover {
    background: #E4B940;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.upgrade-stats-select .list li[data-verified="false"]::after {
    content: "UNVERIFIED";
    color: #f25b5b;
}

.upgrade-stats-select .list li::after {
    content: "VERIFIED";
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 74px;
    border-right: 1px solid #55596a;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 10px;
    font-weight: 300;
    line-height: 11px;
    text-transform: uppercase;
    color: #41bf50;
}

.upgrade-stats-select .list li:last-child {
    border-bottom: none;
}

.upgrade-stats-select:focus {
    border-color: #55596a;
}

.upgrade-stats-select:hover {
    border-color: #55596a;
}

.upgrade-stats-select.open {
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.upgrade-stats-select.open::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.upgrade-stats-select .current {
    padding-left: 88px;
    font-size: 10px;
    font-weight: 300;
    line-height: 11px;
    height: 100%;
    width: 100%;
    border-right: 1px solid #55596a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.upgrade-stats-select .current.verified-true::after {
    content: "VERIFIED";
    color: #41bf50;
}

.upgrade-stats-select .current.verified-false::after {
    content: "UNVERIFIED";
    color: #f25b5b;
}

.upgrade-stats-select .current::after {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 74px;
    border-right: 1px solid #55596a;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 10px;
    font-weight: 300;
    line-height: 11px;
    text-transform: uppercase;
}

.upgrade-stats-select::after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: white transparent transparent transparent;
    right: 7px;
    margin-top: 0;
    -webkit-transform-origin: 50% 35%;
    -ms-transform-origin: 50% 35%;
    transform-origin: 50% 35%;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.upgrade-stats-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.upgrade-stats-row:nth-child(2n-1) {
    background: #43475a;
}

.upgrade-stats-row .upgrade-stats-item {
    border-right: 1px solid #3a3d4d;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
}

.upgrade-stats-row .upgrade-stats-item-check {
    width: 14px;
    height: 11px;
    background: url("../img/icon-check-simple.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.upgrade-stats-row .upgrade-stats-item-space {
    width: 14px;
    background: #f25b5b;
    height: 1px;
}

.upgrade-stats-row .upgrade-stats-item:nth-child(1) {
    padding-left: 30px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.upgrade-stats-row .upgrade-stats-item.upper {
    text-transform: uppercase;
}

.upgrade-plans {
    margin-bottom: 30px;
}

.upgrade-plans-container {
    position: relative;
}

.upgrade-plans-block {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.3s all ease-in-out 0.3s;
    -o-transition: 0.3s all ease-in-out 0.3s;
    transition: 0.3s all ease-in-out 0.3s;
}

.upgrade-plans-block.hidden {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.upgrade-plans-block.absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.upgrade-plans-switcher {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    margin-left: -7px;
    margin-bottom: 17px;
}

.upgrade-plans-switcher-title {
    font-size: 12px;
    cursor: pointer;
    padding: 7px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #303030;
}

.upgrade-plans-switcher-button {
    margin-left: 7px;
    margin-right: 7px;
    width: 41px;
    height: 20px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #dddfe1;
    position: relative;
}

.upgrade-plans-switcher-button::after {
    display: block;
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #E4B940;
    right: 23px;
    top: 50%;
    margin-top: -6.7px;
    -webkit-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
}

.upgrade-plans-switcher-button.right::after {
    right: 4px;
    -webkit-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
}

.tariff {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    background: #3a3d4d;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.tariff::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 0 transparent;
    box-shadow: inset 0 0 0 0 transparent;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    pointer-events: none;
}

.tariff.selected {
    -webkit-box-shadow: 0 20px 70px rgba(0, 0, 0, 0.6);
    box-shadow: 0 20px 70px rgba(0, 0, 0, 0.6);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.tariff.selected::after {
    -webkit-box-shadow: inset 0 0 0 2px #E4B940;
    box-shadow: inset 0 0 0 2px #E4B940;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.tariff.selected .tariff-price {
    -webkit-box-shadow: inset 0 0 0 2px #E4B940;
    box-shadow: inset 0 0 0 2px #E4B940;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.tariff_recommended::before {
    display: block;
    content: "";
    position: absolute;
    content: "Recommended";
    height: 23px;
    background: #f25b5b;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.9px;
    width: 115px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -24px;
    top: 23px;
}

.tariff-head {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20%;
    padding-right: 20%;
    background: #43475a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: center;
}

.tariff-stars {
    margin-bottom: 5px;
}

.tariff-stars.stars-simple .star {
    height: 34px;
}

.tariff-stars .star {
    width: 36px;
    height: 32px;
    margin-right: 10px;
}

.tariff-stars .star:last-child {
    margin-right: 0;
}

.tariff-name {
    font-size: 30px;
    font-weight: 900;
}

.tariff-verified {
    height: 23px;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    color: #41bf50;
    margin-top: -5px;
    position: relative;
}

.tariff-desc {
    position: relative;
    color: #bababa;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    margin-top: -7px;
}

.tariff-price {
    padding-bottom: 10.4px;
    padding-top: 12px;
    text-align: center;
    -webkit-box-shadow: inset 0 0 0 0 transparent;
    box-shadow: inset 0 0 0 0 transparent;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.tariff-price-value {
    font-size: 50px;
    font-weight: 900;
    color: #E4B940;
}

.tariff-price-period {
    font-size: 15px;
    font-weight: 500;
}

.tariff-list-item {
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    font-weight: 300;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tariff-list-item_checked .tariff-list-item-text::after {
    width: 14px;
    height: 11px;
    background: url("../img/icon-check-simple.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    top: 50%;
    margin-top: -5.5px;
    left: -29px;
}

.tariff-list-item-text {
    position: relative;
}

.tariff-list-item-text::after {
    display: block;
    content: "";
    position: absolute;
    position: absolute;
}

.tariff-list-item:nth-child(2n-1) {
    background: #43475a;
}

.tariff-submit {
    padding-top: 20px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tariff-btn {
    width: 217px;
    height: 38px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.tariff-btn:hover {
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    background: #ffb01c;
    -webkit-transform: scale(1) translateY(-1px);
    -ms-transform: scale(1) translateY(-1px);
    transform: scale(1) translateY(-1px);
    -webkit-box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.14);
    box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.14);
}

.tariff-btn:active {
    background: #ffb01c;
    -webkit-transform: scale(0.95) translateY(2px);
    -ms-transform: scale(0.95) translateY(2px);
    transform: scale(0.95) translateY(2px);
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0);
}

.tariff-btn.disabled {
    pointer-events: none;
    background-color: rgba(255, 255, 255, 0.26);
}

.aside-user-settings {
    margin-right: -1px;
}

.simple-block {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #3a3d4d;
    padding: 19px;
}

.simple-block-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 12px;
}

.partners-top-block {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #3a3d4d;
    padding: 19px;
}

.partners-top-block-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 12px;
}

.partners-top-block .chart-tooltip-custom {
    background: rgba(0, 0, 0, 0.4);
}

.partners-top-block .home-top-diagram-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.partners-top-block .dia-center-title {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 3px;
}

.partners-top-block .dia-center-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.partners-top-block .dia-center-icon {
    width: 12px;
    height: 11px;
    margin-right: 5px;
}

.partners-top-block .dia-center-text {
    font-size: 12px;
    font-weight: 700;
    color: #41bf50;
}

.partners-top-graph {
    padding-top: 5px;
}

.info-legend-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.info-legend-wrapper .info-legend {
    margin-right: 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.info-legend-wrapper .info-legend:last-child {
    margin-right: 0;
}

.info-legend-wrapper_wide .info-legend {
    margin-right: 30px;
}

.info-legend-wrapper_wide .info-legend:last-child {
    margin-right: 0;
}

.info-legend-title {
    width: 97px;
    height: 18px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #55596a;
    background-color: #43475a;
    font-size: 12px;
    font-weight: 700;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    z-index: 2;
}

.info-legend-body {
    padding-top: 16px;
    position: relative;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #55596a;
    background-color: #43475a;
    margin-top: -9px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 4px;
    padding-left: 10px;
    padding-right: 10px;
}

.info-legend-item-extra {
    color: #989898;
    font-size: 12px;
    font-weight: 300;
}

.info-legend-item-title {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 4px;
    padding-left: 12px;
    position: relative;
}

.info-legend-item-title.icon-after-level {
    padding-left: 25px;
}

.info-legend-item-title.icon-after-level::after {
    width: 20px;
    height: 19px;
    margin-right: 4px;
    border: none;
    top: -2px;
}

.info-legend-item-title.icon-after-level-r::after {
    background: url("../img/icon-level-r.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.info-legend-item-title.icon-after-level-l::after {
    background: url("../img/icon-level-l.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.info-legend-item-title.icon-after-level-d::after {
    background: url("../img/icon-level-d.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.info-legend-item-title.color-red::after {
    background: #f25b5b;
}

.info-legend-item-title.color-yellow::after {
    background: #ffb01c;
}

.info-legend-item-title.color-green::after {
    background: #41bf50;
}

.info-legend-item-title::after {
    display: block;
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 6px;
    height: 6px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.info-legend-item-value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.info-legend-item-icon {
    width: 12px;
    height: 11px;
    margin-right: 5px;
}

.info-legend-item-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #41bf50;
}

.refs-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 4px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #55596a;
    background-color: #43475a;
    margin-bottom: 10px;
}

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

.refs-item-level {
    width: 31px;
    height: 27px;
    margin-right: 5px;
}

.refs-item-text {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    margin-right: 12px;
}

.refs-item-icon {
    width: 12px;
    height: 11px;
    margin-right: 9px;
}

.refs-item-value {
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #41bf50;
}

.rate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.rate.aside-user-rating .rate-item {
    margin-right: 5px;
}

.rate.aside-user-rating .rate-item:last-child {
    margin-right: 0;
}

.rate-item {
    background: url("../img/icon-rate.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-right: 4px;
    width: 17px;
    height: 20px;
}

.rate-item:last-child {
    margin-right: 0;
}

.rate-item.empty {
    background: url("../img/icon-rate-empty.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.rate-item.bright {
    background: url("../img/icon-rate-bright.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.ref-rank {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.ref-rank-left {
    width: 219px;
}

.ref-rank-right {
    width: 242px;
    position: relative;
}

.ref-rank-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 28px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #55596a;
    background-color: #43475a;
    margin-bottom: 30px;
}

.ref-rank-head-title {
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    padding-left: 9px;
    padding-right: 8px;
    border-right: 1px solid #55596a;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ref-rank-head-value {
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    color: #41bf50;
    padding-left: 8px;
    padding-right: 8px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ref-rank-head-rate {
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #55596a;
    height: 100%;
}

.ref-rank-levels {
    padding-left: 30px;
    position: relative;
}

.ref-rank-levels::after {
    display: block;
    content: "";
    position: absolute;
    height: 118px;
    width: 1px;
    top: 19px;
    left: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ffa511), color-stop(59%, #f2505c), to(#3db44b));
    background-image: -webkit-linear-gradient(bottom, #ffa511 0%, #f2505c 59%, #3db44b 100%);
    background-image: -o-linear-gradient(bottom, #ffa511 0%, #f2505c 59%, #3db44b 100%);
    background-image: linear-gradient(to top, #ffa511 0%, #f2505c 59%, #3db44b 100%);
}

.ref-rank-level {
    height: 39px;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #41bf50;
    background-color: #43475a;
    margin-bottom: 19px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 11px;
    padding-right: 8px;
    position: relative;
}

.ref-rank-level::after {
    display: block;
    content: "";
    position: absolute;
    width: 22px;
    height: 1px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    top: 50%;
    left: -30px;
}

.ref-rank-level:nth-child(1)::after {
    background: #3fb34b;
    margin-top: -0.5px;
}

.ref-rank-level:nth-child(2) {
    border-color: #f25b5b;
}

.ref-rank-level:nth-child(2)::after {
    background: #f45d51;
}

.ref-rank-level:nth-child(3) {
    border-color: #ffb01c;
    margin-bottom: 0;
}

.ref-rank-level:nth-child(3)::after {
    background: #ffa411;
    margin-top: 1px;
}

.ref-rank-level-rate {
    margin-right: 9px;
}

.ref-rank-level-human {
    width: 9px;
    height: 25px;
    margin-right: 10px;
}

.ref-rank-level-info-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 2px;
}

.ref-rank-level-info-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.ref-rank-level-info-plus {
    font-size: 16px;
    font-weight: 700;
    color: #41bf50;
    margin-right: 6px;
    position: relative;
    margin-top: -3px;
}

.ref-rank-level-info-extra {
    font-size: 8px;
    font-weight: 700;
    line-height: 9px;
    text-transform: uppercase;
    position: relative;
}

.ref-rank-level-info-extra::after {
    display: block;
    content: "";
    position: absolute;
    content: "*";
    color: #f25b5b;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.56px;
    line-height: 9px;
    top: 0px;
    left: -6px;
    width: 3px;
    height: 100%;
}

.ref-rank-level-info-extra .special {
    letter-spacing: 0.56px;
}

.ref-rank-level-info-subtitle {
    font-size: 10px;
    color: #989898;
    font-weight: 300;
    margin-right: 3px;
}

.ref-rank-level-info-value {
    font-size: 10px;
    color: #f25b5b;
    font-weight: 300;
}

.ref-rank-extra {
    color: #989898;
    font-size: 10px;
    font-weight: 300;
    line-height: 13px;
    position: relative;
    padding-left: 8px;
    margin-top: 20px;
}

.ref-rank-extra::after {
    display: block;
    content: "";
    position: absolute;
    content: "*";
    width: 4px;
    height: 9px;
    color: #f25b5b;
    font-size: 8px;
    font-weight: 700;
    line-height: 9px;
    top: 1px;
    left: 0;
}

.ref-rank-circle {
    position: absolute;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.35);
    width: 34px;
    height: 34px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    left: 104px;
}

.ref-rank-circle-3 {
    top: 67px;
    background: -webkit-radial-gradient(#41BF50, #267b30);
    background: -o-radial-gradient(#41BF50, #267b30);
    background: radial-gradient(#41BF50, #267b30);
    -webkit-transform-origin: 50% 52px;
    -ms-transform-origin: 50% 52px;
    transform-origin: 50% 52px;
}

.ref-rank-circle-2 {
    top: 35px;
    background: -webkit-radial-gradient(#FE5461, #be3741);
    background: -o-radial-gradient(#FE5461, #be3741);
    background: radial-gradient(#FE5461, #be3741);
    -webkit-transform-origin: 50% 88px;
    -ms-transform-origin: 50% 88px;
    transform-origin: 50% 88px;
}

.ref-rank-circle-1 {
    top: -6px;
    -webkit-transform-origin: 50% 127px;
    -ms-transform-origin: 50% 127px;
    transform-origin: 50% 127px;
    background: -webkit-radial-gradient(#FFFF00, #ff7e00);
    background: -o-radial-gradient(#FFFF00, #ff7e00);
    background: radial-gradient(#FFFF00, #ff7e00);
}

.ref-rank-caption {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: rgba(255, 255, 255, 0.3);
}

.ref-rank-caption.active:nth-child(1) {
    color: #ffb01c;
    -webkit-transition: 0.25s all ease-in-out 1s;
    -o-transition: 0.25s all ease-in-out 1s;
    transition: 0.25s all ease-in-out 1s;
}

.ref-rank-caption.active:nth-child(2) {
    color: #f25b5b;
    -webkit-transition: 0.25s all ease-in-out 1s;
    -o-transition: 0.25s all ease-in-out 1s;
    transition: 0.25s all ease-in-out 1s;
}

.ref-rank-caption.active:nth-child(3) {
    color: #41bf50;
    -webkit-transition: 0.25s all ease-in-out 1s;
    -o-transition: 0.25s all ease-in-out 1s;
    transition: 0.25s all ease-in-out 1s;
}

.ref-rank-caption.active .ref-rank-caption-human::before {
    opacity: 1;
    -webkit-transition: 0.25s all ease-in-out 1s;
    -o-transition: 0.25s all ease-in-out 1s;
    transition: 0.25s all ease-in-out 1s;
}

.ref-rank-caption-title {
    font-size: 10px;
    line-height: 9px;
    font-weight: 400;
    margin-right: 10px;
    width: 58px;
    text-align: right;
}

.ref-rank-caption-human {
    width: 7px;
    height: 20px;
    position: relative;
}

.ref-rank-caption-human::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/icon-human-grey.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    opacity: 0.3;
}

.ref-rank-caption-human::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.ref-rank-caption-human.activated::before {
    -webkit-filter: brightness(130%);
    filter: brightness(130%);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.ref-rank-caption::after {
    display: block;
    content: "";
    position: absolute;
    width: 22px;
    height: 0.7px;
    top: 50%;
    left: 100%;
    margin-left: 7px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ref-rank-caption:nth-child(1) {
    top: 2px;
}

.ref-rank-caption:nth-child(1)::after {
    background: #E4B940;
}

.ref-rank-caption:nth-child(1) .ref-rank-caption-human::before {
    background: url("../img/icon-human-yellow.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.ref-rank-caption:nth-child(2) {
    top: 34px;
}

.ref-rank-caption:nth-child(2)::after {
    background: #f25b5b;
}

.ref-rank-caption:nth-child(2)::before {
    display: block;
    content: "";
    position: absolute;
    width: 12px;
    height: 1px;
    top: 50%;
    left: 100%;
    margin-left: 29px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f25b5b;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
}

.ref-rank-caption:nth-child(2) .ref-rank-caption-human::before {
    background: url("../img/icon-human-red.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.ref-rank-caption:nth-child(3) {
    top: 65px;
}

.ref-rank-caption:nth-child(3)::after {
    background: #41bf50;
}

.ref-rank-caption:nth-child(3)::before {
    display: block;
    content: "";
    position: absolute;
    width: 22px;
    height: 1px;
    top: 50%;
    left: 100%;
    margin-left: 29px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #41bf50;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
}

.ref-rank-caption:nth-child(3) .ref-rank-caption-human::before {
    background: url("../img/icon-human-green.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.prom-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.prom-item {
    border: 1px solid #55596a;
    background-color: #43475a;
    border-right: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
}

.prom-item:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.prom-item:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    border-right: 1px solid #55596a;
}

.prom-item-title {
    height: 28px;
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #55596a;
}

.prom-item-bottom {
    height: 19px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.prom-item-view {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: url("../img/icon-eye.svg") no-repeat #E4B940;
    -webkit-background-size: 17px 10px;
    background-size: 17px 10px;
    background-position: center;
    height: 100%;
    border-right: 1px solid #55596a;
}

.prom-item-copy {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: url("../img/icon-copy.svg") no-repeat #E4B940;
    -webkit-background-size: 17px 10px;
    background-size: 17px 10px;
    background-position: center;
    height: 100%;
    font-size: 10px;
}

.prom-item .link-to-copy {
    position: absolute;
    font-size: 0;
}

.prom-title {
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    margin-bottom: 8.5px;
}

.prom-link {
    color: #0076ff;
    font-size: 9px;
    font-weight: 300;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 37px;
    position: relative;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.prom-link-short {
    position: absolute;
    height: 100%;
    width: -webkit-calc(100% - 34px);
    width: calc(100% - 34px);
    padding-left: 3px;
    color: #0076ff;
    font-size: 9px;
    font-weight: 300;
    top: 0;
    left: 34px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #43475a;
    pointer-events: none;
    opacity: 0;
}

.prom-link-short.active {
    opacity: 1;
}

.prom-link:hover {
    color: #ffb01c;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.prom-link::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 28px;
    background: url("../img/icon-linkout.svg") no-repeat;
    -webkit-background-size: 12px 12px;
    background-size: 12px 12px;
    background-position: center;
    border-right: 1px solid #55596a;
}

.prom-link-block {
    height: 28px;
    border: 1px solid #55596a;
    background-color: #43475a;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    margin-bottom: 19px;
}

.prom-link-copy {
    width: 28px;
    height: 100%;
    background: #E4B940;
    border-left: 1px solid #55596a;
    cursor: pointer;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    background: url("../img/icon-copy.svg") no-repeat #E4B940;
    -webkit-background-size: 12px 14px;
    background-size: 12px 14px;
    background-position: center;
}

.range-scale-list {
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    font-size: 12px;
    font-weight: 300;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    height: 40px;
}

.range-scale-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
}

.range-scale-item:nth-child(1) {
    left: 0%;
}

.range-scale-item:nth-child(1) .range-scale-tick {
    margin-left: -18px;
}

.range-scale-item:nth-child(2) {
    left: 10%;
}

.range-scale-item:nth-child(3) {
    left: 20%;
}

.range-scale-item:nth-child(4) {
    left: 30%;
}

.range-scale-item:nth-child(5) {
    left: 40%;
}

.range-scale-item:nth-child(6) {
    left: 50%;
}

.range-scale-item:nth-child(7) {
    left: 60%;
}

.range-scale-item:nth-child(8) {
    left: 70%;
}

.range-scale-item:nth-child(9) {
    left: 80%;
}

.range-scale-item:nth-child(10) {
    left: 90%;
}

.range-scale-item:nth-child(11) {
    left: 100%;
}

.range-scale-item:nth-child(11) .range-scale-tick {
    margin-left: -18px;
}

.range-scale-item:nth-child(11) .range-scale-point::after {
    display: none;
}

.range-scale-tick {
    margin-bottom: 5px;
    width: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-left: -16px;
}

.range-scale-point {
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #52576f;
    position: relative;
    margin-left: -3px;
}

.range-scale-point::after {
    display: block;
    content: "";
    position: absolute;
    content: "............";
    font-size: 16px;
    color: #4c5062;
    width: 20px;
    height: 2px;
    bottom: 6px;
    left: 100%;
    line-height: 2px;
}

.warning-head {
    height: 11px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #43475a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 9px;
}

.warning-head-icon {
    margin-right: 5px;
    width: 8px;
    height: 8px;
}

.warning-head-title {
    font-size: 8px;
    font-weight: 700;
    color: #f25b5b;
}

.warning-item {
    padding-left: 17px;
    position: relative;
    color: #989898;
    font-size: 10px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 5px;
}

.warning-item::after {
    width: 2px;
    height: 2px;
    display: block;
    content: "";
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: white;
    border: 3px solid #f25b5b;
    top: 2.5px;
    left: 3px;
}

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

.warning-list {
    margin-bottom: 10px;
}

.cashback .btn-yellow {
    width: 100%;
}

.input-range-wrapper {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 15px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: -webkit-gradient(linear, right top, left top, from(#43475a), to(#55596a));
    background-image: -webkit-linear-gradient(right, #43475a 0%, #55596a 100%);
    background-image: -o-linear-gradient(right, #43475a 0%, #55596a 100%);
    background-image: linear-gradient(270deg, #43475a 0%, #55596a 100%);
}

.input-range.ui-slider-horizontal {
    background: #43475a;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    height: 5px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background-image: -webkit-gradient(linear, left top, right top, from(#e0c16a), color-stop(40%, #574000), color-stop(40.5%, #3a3d4d), to(#3a3d4d));
    background-image: -webkit-linear-gradient(left, #e0c16a 0%, #574000 40%, #3a3d4d 40.5%, #3a3d4d 100%);
    background-image: -o-linear-gradient(left, #e0c16a 0%, #574000 40%, #3a3d4d 40.5%, #3a3d4d 100%);
    background-image: linear-gradient(to right, #e0c16a 0%, #574000 40%, #3a3d4d 40.5%, #3a3d4d 100%);
    z-index: 2;
    width: 100%;
}

.input-range.ui-slider-horizontal .ui-slider-handle {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #E4B940;
    cursor: pointer;
    top: -11px;
    margin-left: -13px;
    width: 26px;
    height: 26px;
    background-image: -webkit-radial-gradient(#000000 0%, #43475a 67%, #43475a 100%);
    background-image: -o-radial-gradient(#000000 0%, #43475a 67%, #43475a 100%);
    background-image: radial-gradient(#000000 0%, #43475a 67%, #43475a 100%);
    -webkit-transition: 0.3s -webkit-filter ease-in-out;
    transition: 0.3s -webkit-filter ease-in-out;
    -o-transition: 0.3s filter ease-in-out;
    transition: 0.3s filter ease-in-out;
    transition: 0.3s filter ease-in-out, 0.3s -webkit-filter ease-in-out;
}

.input-range.ui-slider-horizontal .ui-slider-handle:hover {
    -webkit-filter: brightness(110%);
    filter: brightness(110%);
    -webkit-transition: 0.3s -webkit-filter ease-in-out;
    transition: 0.3s -webkit-filter ease-in-out;
    -o-transition: 0.3s filter ease-in-out;
    transition: 0.3s filter ease-in-out;
    transition: 0.3s filter ease-in-out, 0.3s -webkit-filter ease-in-out;
}

.input-range.ui-slider-horizontal .ui-slider-handle:focus {
    -webkit-filter: brightness(110%);
    filter: brightness(110%);
    -webkit-transition: 0.3s -webkit-filter ease-in-out;
    transition: 0.3s -webkit-filter ease-in-out;
    -o-transition: 0.3s filter ease-in-out;
    transition: 0.3s filter ease-in-out;
    transition: 0.3s filter ease-in-out, 0.3s -webkit-filter ease-in-out;
    outline: none;
}

.input-range.ui-slider-horizontal .ui-slider-handle::before {
    display: block;
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 3px;
    left: 3px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#e4b940), to(#574000));
    background-image: -webkit-linear-gradient(bottom, #e4b940 0%, #574000 100%);
    background-image: -o-linear-gradient(bottom, #e4b940 0%, #574000 100%);
    background-image: linear-gradient(to top, #e4b940 0%, #574000 100%);
}

#partnership .tab-block {
    padding-bottom: 0;
}

#partnership .content {
    padding-top: 0;
}

.aff-wrapper {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #3a3d4d;
}

.aff-top-content {
    padding-left: 160px;
    padding-right: 160px;
    padding-top: 99px;
    padding-bottom: 30px;
}

.aff-top-item {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-image: -webkit-linear-gradient(335deg, #565a6f 0%, #3e4257 100%);
    background-image: -o-linear-gradient(335deg, #565a6f 0%, #3e4257 100%);
    background-image: linear-gradient(115deg, #565a6f 0%, #3e4257 100%);
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 27px;
    padding-right: 27px;
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px);
    color: #bababa;
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    height: 184px;
    position: relative;
}

.aff-top-item::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.9%, #43475a), color-stop(50.1%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x, -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x;
    background: -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: -o-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -o-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: linear-gradient(0deg, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, linear-gradient(0deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    -webkit-background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-position: 0 4px, 0px 0, 100% 0, 0 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 2;
    pointer-events: none;
}

.aff-top-item::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
    height: -webkit-calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #E4B940;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 1;
    pointer-events: none;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.aff-top-item:nth-child(1) {
    margin-right: 30px;
}

.aff-top-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.aff-h1 {
    font-size: 40px;
    font-weight: 900;
    text-align: center;
    margin-bottom: 18px;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.aff-desc {
    color: #bababa;
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    margin-bottom: 110px;
}

.aff-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 50px;
}

.aff-row-2 {
    margin-bottom: 80px;
}

.aff-row-4 {
    margin-top: 80px;
}

.aff-row-4 .aff-p {
    padding-right: 20px;
}

.aff-row-4 .aff-image {
    margin-top: 15px;
}

.aff-row-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 100px;
}

.aff-row-center .aff-p {
    margin-bottom: 0;
}

.aff-col:nth-child(1) {
    margin-right: 46px;
}

.aff-col-text {
    width: -webkit-calc(50% - 23px);
    width: calc(50% - 23px);
}

.aff-col-img {
    width: -webkit-calc(50% - 23px);
    width: calc(50% - 23px);
}

.aff-col-img-multiple {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 40px;
    padding-right: 40px;
}

.aff-p {
    color: #bababa;
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 30px;
    margin-top: 0;
}

.aff-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.aff-image-text {
    color: #e4b940;
    font-size: 27px;
    font-weight: 300;
    line-height: 27px;
    margin-top: 18px;
}

.aff-steps {
    margin-top: 120px;
    padding-left: 160px;
    padding-right: 160px;
}

.aff-steps .aff-h1 {
    margin-bottom: 88px;
}

.aff-step {
    margin-left: auto;
    max-width: 574px;
    margin-bottom: 82px;
    position: relative;
}

.aff-step:nth-child(2) .aff-step-side-main::after {
    background: url("../img/aff-step-circle-2.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center;
}

.aff-step:nth-child(3) .aff-step-side-main::after {
    background: url("../img/aff-step-circle-3.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center;
}

.aff-step:nth-child(4) .aff-step-side-main::after {
    background: url("../img/aff-step-circle-4.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center;
}

.aff-step:nth-child(5) .aff-step-side-main::after {
    background: url("../img/aff-step-circle-5.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center;
}

.aff-step:last-child .aff-step-side-bottom {
    height: 150px;
}

.aff-step:last-child .aff-step-side-bottom::after {
    background: url("../img/aff-dec-last.png") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center;
    margin-top: -3px;
}

.aff-step-main {
    padding-top: 17px;
    padding-bottom: 17px;
    padding-right: 17px;
    padding-left: 77px;
    min-height: 318px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 5;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-image: -webkit-linear-gradient(28deg, #565a6f 0%, #3e4257 100%);
    background-image: -o-linear-gradient(28deg, #565a6f 0%, #3e4257 100%);
    background-image: linear-gradient(62deg, #565a6f 0%, #3e4257 100%);
}

.aff-step-main::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.9%, #43475a), color-stop(50.1%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x, -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x;
    background: -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: -o-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -o-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: linear-gradient(0deg, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, linear-gradient(0deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    -webkit-background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-position: 0 4px, 0px 0, 100% 0, 0 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 2;
    pointer-events: none;
}

.aff-step-main::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
    height: -webkit-calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #E4B940;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 1;
    pointer-events: none;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.aff-step-marker {
    position: absolute;
    min-width: 287px;
    padding-right: 8px;
    height: 41px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: 0 3px 5px rgba(63, 63, 63, 0.8);
    box-shadow: 0 3px 5px rgba(63, 63, 63, 0.8);
    background-image: -webkit-gradient(linear, right top, left top, from(#e4b940), to(#8e6f16));
    background-image: -webkit-linear-gradient(right, #e4b940 0%, #8e6f16 100%);
    background-image: -o-linear-gradient(right, #e4b940 0%, #8e6f16 100%);
    background-image: linear-gradient(-90deg, #e4b940 0%, #8e6f16 100%);
    padding-right: 8px;
    -webkit-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
    top: 100%;
    left: 20px;
    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 3;
    margin-top: 10px;
    padding-left: 25px;
}

.aff-step-number {
    width: 31px;
    height: 31px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px rgba(63, 63, 63, 0.8);
    box-shadow: 0 2px 4px rgba(63, 63, 63, 0.8);
    background-image: -webkit-linear-gradient(45deg, #fffcfb 16%, #c6cdc6 100%);
    background-image: -o-linear-gradient(45deg, #fffcfb 16%, #c6cdc6 100%);
    background-image: linear-gradient(45deg, #fffcfb 16%, #c6cdc6 100%);
    color: #3b3b3d;
    font-size: 16px;
    font-weight: 900;
    font-family: 'Helvetica LT Std';
    line-height: 19px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.aff-step-label {
    font-size: 28px;
    font-weight: 900;
    line-height: 4px;
}

.aff-step-text {
    color: #bababa;
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;
}

.aff-step-dec {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 7px;
    border-radius: 7px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 2;
}

.aff-step-dec::after {
    display: block;
    content: "";
    position: absolute;
    width: 18px;
    height: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e4b940), to(#8e6f16));
    background-image: -webkit-linear-gradient(top, #e4b940 0%, #8e6f16 100%);
    background-image: -o-linear-gradient(top, #e4b940 0%, #8e6f16 100%);
    background-image: linear-gradient(180deg, #e4b940 0%, #8e6f16 100%);
    top: 100%;
    left: 51px;
    -webkit-transform: skew(-60deg);
    -ms-transform: skew(-60deg);
    transform: skew(-60deg);
    z-index: -8;
}

.aff-step-side {
    position: absolute;
    width: 230px;
    top: 100px;
    left: -230px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.aff-step-side::after {
    display: block;
    content: "";
    position: absolute;
    width: 24px;
    height: 4px;
    background: #E4B940;
    left: 193px;
    top: 50%;
    margin-top: -2px;
}

.aff-step-side-top {
    width: 60px;
    position: absolute;
    height: 80px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eeb529), to(#d5aa31));
    background-image: -webkit-linear-gradient(top, #eeb529 0%, #d5aa31 100%);
    background-image: -o-linear-gradient(top, #eeb529 0%, #d5aa31 100%);
    background-image: linear-gradient(180deg, #eeb529 0%, #d5aa31 100%);
    top: -51px;
    left: 50%;
    margin-left: -30px;
}

.aff-step-side-top::after {
    height: 49px;
    width: 100%;
    display: block;
    content: "";
    position: absolute;
    background: url("../img/arrow-dec-top.png") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center;
    top: -48px;
    left: 0;
}

.aff-step-side-bottom {
    position: absolute;
    height: 225px;
    top: 70px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d5aa31), to(#CA9100));
    background-image: -webkit-linear-gradient(top, #d5aa31 0%, #CA9100 100%);
    background-image: -o-linear-gradient(top, #d5aa31 0%, #CA9100 100%);
    background-image: linear-gradient(180deg, #d5aa31 0%, #CA9100 100%);
}

.aff-step-side-bottom::after {
    height: 58px;
    width: 100%;
    display: block;
    content: "";
    position: absolute;
    background: url("../img/arrow-dec-bottom.png") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center;
    top: 100%;
    margin-top: -1px;
    left: 0;
}

.aff-step-side-main {
    width: 158px;
    height: 158px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #E4B940;
    font-size: 30px;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background: #43475a;
    z-index: 5;
    -webkit-box-shadow: 0 5px 7px rgba(63, 63, 63, 0.8);
    box-shadow: 0 5px 7px rgba(63, 63, 63, 0.8);
}

.aff-step-side-main::before {
    display: block;
    content: "";
    position: absolute;
    left: 100%;
    margin-left: 24px;
    top: 50%;
    margin-top: -12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    -webkit-box-shadow: 0 5px 7px rgba(63, 63, 63, 0.8);
    box-shadow: 0 5px 7px rgba(63, 63, 63, 0.8);
    z-index: 2;
    background-image: -webkit-gradient(linear, left top, right top, from(#e4b940), to(#8e6f16));
    background-image: -webkit-linear-gradient(left, #e4b940 0%, #8e6f16 100%);
    background-image: -o-linear-gradient(left, #e4b940 0%, #8e6f16 100%);
    background-image: linear-gradient(to right, #e4b940 0%, #8e6f16 100%);
}

.aff-step-side-main::after {
    display: block;
    content: "";
    position: absolute;
    width: 110%;
    height: 110%;
    top: -webkit-calc(4.5px - 5%);
    top: calc(4.5px - 5%);
    left: -5%;
    background: url("../img/aff-step-circle-1.svg") no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center;
}

.aff-step-side-number {
    position: relative;
    z-index: 4;
    width: 92px;
    height: 92px;
    -webkit-box-shadow: 0 3px 5px rgba(63, 63, 63, 0.8);
    box-shadow: 0 3px 5px rgba(63, 63, 63, 0.8);
    background-image: -webkit-linear-gradient(315deg, #5d6483 0%, #454b69 100%);
    background-image: -o-linear-gradient(315deg, #5d6483 0%, #454b69 100%);
    background-image: linear-gradient(135deg, #5d6483 0%, #454b69 100%);
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
}

.aff-step-side-number-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.aff-advs {
    margin-top: 200px;
    padding-left: 160px;
    padding-right: 160px;
}

.aff-advs-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 153px;
}

.aff-advs-item {
    width: -webkit-calc(33.33% - 14px);
    width: calc(33.33% - 14px);
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-image: -webkit-linear-gradient(306deg, #565a6f 0%, #3e4257 100%);
    background-image: -o-linear-gradient(306deg, #565a6f 0%, #3e4257 100%);
    background-image: linear-gradient(144deg, #565a6f 0%, #3e4257 100%);
    position: relative;
    padding-top: 68px;
    padding-bottom: 24px;
}

.aff-advs-item:nth-child(2) .aff-advs-image {
    background: url("../img/aff-adv-2.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.aff-advs-item:nth-child(3) .aff-advs-image {
    background: url("../img/aff-adv-3.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.aff-advs-item::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.9%, #43475a), color-stop(50.1%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x, -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x;
    background: -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: -o-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -o-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: linear-gradient(0deg, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, linear-gradient(0deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    -webkit-background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-position: 0 4px, 0px 0, 100% 0, 0 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 2;
    pointer-events: none;
}

.aff-advs-item::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
    height: -webkit-calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #E4B940;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 1;
    pointer-events: none;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.aff-advs-image {
    position: absolute;
    width: 178px;
    height: 156px;
    background: url("../img/aff-adv-1.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    z-index: 4;
    left: 50%;
    margin-left: -89px;
    top: -78px;
}

.aff-advs-title {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 32px;
    margin-bottom: 9px;
}

.aff-advs-text {
    color: #bababa;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    padding-left: 21px;
    padding-right: 21px;
    text-align: center;
}

.aff-ref {
    margin-top: 200px;
    padding-left: 160px;
    padding-right: 160px;
}

.aff-ref-table {
    margin-top: 97px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.aff-ref-table::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.9%, #43475a), color-stop(50.1%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x, -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x;
    background: -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: -o-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -o-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: linear-gradient(0deg, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, linear-gradient(0deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    -webkit-background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-position: 0 4px, 0px 0, 100% 0, 0 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 2;
    pointer-events: none;
}

.aff-ref-table::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
    height: -webkit-calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #E4B940;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 1;
    pointer-events: none;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.aff-ref-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 40px;
    background-color: #43475a;
}

.aff-ref-row.aff-ref-head .aff-ref-cell {
    font-size: 16px;
    font-weight: 700;
}

.aff-ref-row:nth-child(2n) {
    background-color: #3a3d4d;
}

.aff-ref-cell {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    border-right: 2px solid #53576C;
    font-size: 14px;
    font-weight: 300;
}

.aff-ref-cell:nth-child(1) {
    width: 28.4%;
    border-left: none;
}

.aff-ref-cell:nth-child(2) {
    width: 17.8%;
}

.aff-ref-cell:nth-child(3) {
    width: 26.76%;
}

.aff-ref-cell:nth-child(4) {
    width: 26.76%;
    border-right: none;
}

.aff-calc {
    margin-top: 200px;
    padding-left: 160px;
    padding-right: 160px;
}

.aff-calc .aff-desc {
    margin-bottom: 100px;
}

.aff-bottom {
    margin-top: 200px;
    padding-left: 160px;
    padding-right: 160px;
    padding-bottom: 100px;
}

.aff-bottom .aff-advs-item {
    padding-top: 20px;
    text-align: left;
    width: -webkit-calc(33.33% - 24px);
    width: calc(33.33% - 24px);
}

.aff-bottom .aff-advs-item .aff-advs-text {
    text-align: left;
}

.aff-bottom .aff-advs-item:nth-child(1) .aff-advs-image {
    background: url("../img/aff-bottom-1.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.aff-bottom .aff-advs-item:nth-child(2) .aff-advs-image {
    background: url("../img/aff-bottom-2.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.aff-bottom .aff-advs-item:nth-child(3) .aff-advs-image {
    background: url("../img/aff-bottom-3.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.aff-bottom .aff-advs-image {
    width: 170px;
    height: 150px;
    left: 0;
    margin-left: -40px;
    top: -84px;
}

.aff-calc .aff-calc-leg-item-icon.icon-usd {
    -webkit-background-size: 17px 17px !important;
    background-size: 17px 17px !important;
}

.aff-calc-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.aff-calc-left {
    width: -webkit-calc(33.33% - 15px);
    width: calc(33.33% - 15px);
}

.aff-calc-right {
    width: -webkit-calc(66.66% - 15px);
    width: calc(66.66% - 15px);
    position: relative;
    max-width: 489px;
}

.aff-calc-leg {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-image: -webkit-linear-gradient(331deg, #565a6f 0%, #3e4257 100%);
    background-image: -o-linear-gradient(331deg, #565a6f 0%, #3e4257 100%);
    background-image: linear-gradient(119deg, #565a6f 0%, #3e4257 100%);
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px;
}

.aff-calc-leg:nth-child(2) .aff-calc-leg-image {
    background: url("../img/icon-leg-r.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.aff-calc-leg:nth-child(2) .aff-calc-leg-item-icon {
    background: url("../img/icon-leg-r.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.aff-calc-leg:nth-child(2) .aff-calc-leg-item-icon.icon-usd {
    background: url("../img/icon-usd.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.aff-calc-leg::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.9%, #43475a), color-stop(50.1%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x, -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x;
    background: -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: -o-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -o-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: linear-gradient(0deg, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, linear-gradient(0deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    -webkit-background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-position: 0 4px, 0px 0, 100% 0, 0 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 2;
    pointer-events: none;
}

.aff-calc-leg::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
    height: -webkit-calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #E4B940;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 1;
    pointer-events: none;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.aff-calc-leg-side {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 13px;
    padding-left: 5px;
    padding-right: 5px;
}

.aff-calc-leg-side::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.9%, #43475a), color-stop(50.1%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x, -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x;
    background: -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: -o-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -o-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: linear-gradient(0deg, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, linear-gradient(0deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    -webkit-background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-position: 0 4px, 0px 0, 100% 0, 0 100%;
    z-index: 2;
    pointer-events: none;
}

.aff-calc-leg-side::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
    height: -webkit-calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #E4B940;
    z-index: 1;
    pointer-events: none;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.aff-calc-leg-human {
    background: url("../img/aff-human-1.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 60px;
    height: 67px;
    margin-bottom: 7px;
}

.aff-calc-leg-caption {
    color: #e4b940;
    font-size: 14px;
    font-weight: 300;
    line-height: 14px;
}

.aff-calc-leg-image {
    width: 40px;
    height: 35px;
    background: url("../img/icon-leg-l.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-bottom: 8px;
}

.aff-calc-leg-main {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 15px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100%;
}

.aff-calc-leg-item {
    height: 28px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #55596a;
    background-color: #43475a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 7px;
}

.aff-calc-leg-item:last-child {
    margin-bottom: 0;
}

.aff-calc-leg-item .aff-calc-input {
    width: 100%;
    background: none;
    border: none;
    max-width: 84px;
    color: #41bf50;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    padding-left: 10px;
    padding-right: 5px;
    height: 28px;
}

.aff-calc-leg-item .aff-calc-input-wrapper {
    position: relative;
}

.aff-calc-leg-item .aff-calc-input-wrapper .aff-calc-input {
    padding-left: 17px;
}

.aff-calc-leg-item .aff-calc-input-wrapper::after {
    display: block;
    content: "";
    position: absolute;
    content: "$";
    font-size: 12px;
    font-weight: 300;
    line-height: 11px;
    padding-left: 10px;
    top: 0;
    left: 0;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #41bf50;
}

.aff-calc-leg-item .aff-calc-input::-webkit-input-placeholder {
    color: #41bf50;
}

.aff-calc-leg-item .aff-calc-input:focus {
    outline: none;
}

.aff-calc-leg-item-number {
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    padding-left: 5px;
    padding-right: 10px;
    height: 100%;
    border-left: 1px solid #55596a;
    border-right: 1px solid #55596a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    min-width: 78px;
}

.aff-calc-leg-item-icon {
    background: url("../img/icon-leg-l.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 21px;
    height: 19px;
    margin-left: 4px;
    margin-right: 4px;
}

.aff-calc-leg-item-icon.icon-usd {
    background: url("../img/icon-usd.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.aff-calc-sum {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-image: -webkit-linear-gradient(343deg, #565a6f 0%, #3e4257 100%);
    background-image: -o-linear-gradient(343deg, #565a6f 0%, #3e4257 100%);
    background-image: linear-gradient(107deg, #565a6f 0%, #3e4257 100%);
    position: relative;
    padding-top: 16px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.aff-calc-sum::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.9%, #43475a), color-stop(50.1%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x, -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x;
    background: -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: -o-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -o-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: linear-gradient(0deg, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, linear-gradient(0deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    -webkit-background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-position: 0 4px, 0px 0, 100% 0, 0 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 2;
    pointer-events: none;
}

.aff-calc-sum::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
    height: -webkit-calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #E4B940;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 1;
    pointer-events: none;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.aff-calc-sum-title {
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    margin-bottom: 5px;
}

.aff-calc-sum-subtitle {
    color: #989898;
    font-size: 10px;
    font-weight: 300;
    line-height: 15px;
}

.aff-calc-sum-wrapper {
    height: 28px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #55596a;
    background-color: #43475a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
}

.aff-calc-sum-block {
    color: #41bf50;
    font-size: 12px;
    font-weight: 300;
    line-height: 15px;
    padding-left: 10px;
    border-right: 1px solid #55596a;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.aff-calc-sum-block:nth-child(1) {
    width: 72px;
}

.aff-calc-sum-block:nth-child(2) {
    width: 14px;
    color: white;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.aff-calc-sum-block:nth-child(3) {
    width: 72px;
}

.aff-calc-sum-block:nth-child(4) {
    width: 14px;
    color: white;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.aff-calc-sum-block:nth-child(5) {
    width: 95px;
}

.aff-calc-dec {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}

.aff-calc-dec.right {
    width: 50%;
}

.aff-calc-dec.right::after {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.aff-calc-dec.right::before {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.aff-calc-dec::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.9%, #43475a), color-stop(50.1%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x, -webkit-gradient(linear, left bottom, left top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-y, -webkit-gradient(linear, left top, right top, from(#43475a), color-stop(49.5%, #43475a), color-stop(50.5%, #E4B940), to(#E4B940)) repeat-x;
    background: -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -webkit-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -webkit-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: -o-linear-gradient(bottom, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, -o-linear-gradient(bottom, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, -o-linear-gradient(left, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    background: linear-gradient(0deg, #43475a 0%, #43475a 49.9%, #E4B940 50.1%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x, linear-gradient(0deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-y, linear-gradient(90deg, #43475a 0%, #43475a 49.5%, #E4B940 50.5%, #E4B940 100%) repeat-x;
    -webkit-background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-size: 1px 10px, 10px 1px, 1px 10px, 10px 1px;
    background-position: 0 4px, 0px 0, 100% 0, 0 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 2;
    pointer-events: none;
}

.aff-calc-dec::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
    height: -webkit-calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #E4B940;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 1;
    pointer-events: none;
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.aff-calc-graph-icon-left {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 22px;
    top: 20px;
}

.aff-calc-graph-icon-left .aff-calc-graph-icon-leg {
    background: url("../img/icon-leg-l.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.aff-calc-graph-icon-right {
    right: 22px;
    top: 20px;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.aff-calc-graph-icon-right .aff-calc-graph-icon-leg {
    background: url("../img/icon-leg-r.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.aff-calc-graph-icon-leg {
    width: 51px;
    height: 45px;
    margin-bottom: 8px;
}

.aff-calc-graph-icon-title {
    color: #e4b940;
    font-size: 14px;
    font-weight: 300;
    line-height: 14px;
}

.aff-calc-graph-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.aff-calc-graph-block .aff-calc-graph-item:first-child {
    margin-right: 23px;
}

.aff-calc-graph-block:first-child {
    margin-right: 25px;
}

.aff-calc-graph-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 17px;
    position: relative;
    z-index: 10;
}

.aff-calc-graph-row.first {
    position: relative;
    margin-top: -77px;
}

.aff-calc-graph-row.first::after {
    display: block;
    content: "";
    position: absolute;
    width: 232px;
    height: 10px;
    border: 1px solid #e4b940;
    border-bottom: none;
    top: 100%;
    margin-top: 6px;
    left: 50%;
    margin-left: -116px;
}

.aff-calc-graph-row.second {
    margin-top: 20px;
    margin-bottom: 20px;
}

.aff-calc-graph-row.second .aff-calc-graph-item {
    position: relative;
}

.aff-calc-graph-row.second .aff-calc-graph-item::after {
    display: block;
    content: "";
    position: absolute;
    width: 112px;
    height: 8px;
    border: 1px solid #e4b940;
    border-bottom: none;
    left: 50%;
    margin-left: -56px;
    top: 100%;
    margin-top: 7px;
}

.aff-calc-graph-row.second .aff-calc-graph-item:first-child {
    margin-right: 139px;
}

.aff-calc-graph-row.second .aff-calc-graph-item:first-child::after {
    margin-left: -63px;
    width: 115px;
}

.aff-calc-graph-row.second .aff-calc-graph-item:nth-child(2) {
    position: relative;
    margin-right: -4px;
}

.aff-calc-graph-row.second .aff-calc-graph-item:nth-child(2)::after {
    margin-left: -59px;
    width: 115px;
}

.aff-calc-graph-plus {
    color: #41bf50;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
    height: 100%;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: absolute;
    top: 128px;
    width: 100px;
    text-align: center;
    left: 50%;
    margin-left: -132px;
}

.aff-calc-graph-plus#plus-r {
    margin-left: 27px;
}

.aff-calc-graph-first {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 21px;
    margin-right: 21px;
}

.aff-calc-graph-first-human {
    background: url("../img/aff-human-1.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 105px;
    height: 120px;
}

.aff-calc-graph-first-title {
    font-size: 12px;
    font-weight: 700;
    line-height: 13px;
    margin-top: 6px;
}

.aff-calc-graph-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.aff-calc-graph-item-leg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.aff-calc-graph-item-leg-icon {
    width: 21px;
    height: 18px;
}

.aff-calc-graph-item-leg-icon.left {
    background: url("../img/icon-leg-l.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.aff-calc-graph-item-leg-icon.right {
    background: url("../img/icon-leg-r.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.aff-calc-graph-item-leg-title {
    font-size: 11px;
    font-weight: 300;
    line-height: 9px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.aff-calc-graph-item-human {
    width: 95px;
    height: 92px;
    background: url("../img/aff-human-2.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-bottom: 3px;
}

.aff-calc-graph-item-human.human-3 {
    background: url("../img/aff-human-3.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.aff-calc-graph-item-title {
    font-size: 12px;
    font-weight: 700;
    line-height: 13px;
    margin-bottom: 3px;
}

.aff-calc-graph-item-plus {
    color: #41bf50;
    font-size: 11px;
    font-weight: 400;
    line-height: 12px;
}

.icon-login {
    background: url("../img/icon-login.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-email {
    background: url("../img/icon-email.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-globe {
    background: url("../img/icon-globe.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-refer {
    background: url("../img/icon-refer.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-passw {
    background: url("../img/icon-passw.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.acc-log {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.acc-log-form {
    padding-left: 75px;
    padding-right: 75px;
    padding-bottom: 97px;
    position: relative;
    z-index: 2;
}

.acc-log-form-forgot {
    min-width: 133px;
    border-left: 1px solid #55596A;
    font-size: 14px;
    font-weight: 300;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.acc-log-form-btn {
    width: 100%;
    height: 38px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.acc-log-form-caption {
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 20px;
}

.acc-log-form-caption .link {
    position: relative;
}

.acc-log-form-caption .link::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 1px;
    width: -webkit-calc(100% - 1px);
    width: calc(100% - 1px);
    height: 1px;
    background: #2CB6FF;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.acc-log-form-caption .link:hover::after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.acc-log-form-verify {
    height: 40px;
    width: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#A0A0A0));
    background: -webkit-linear-gradient(top, #fff 0%, #A0A0A0 100%);
    background: -o-linear-gradient(top, #fff 0%, #A0A0A0 100%);
    background: linear-gradient(180deg, #fff 0%, #A0A0A0 100%);
    font-size: 14px;
    font-weight: 300;
    padding-left: 55px;
    color: #797979;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    cursor: pointer;
}

.acc-log-form-verify::before {
    display: block;
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    background: url("../img/verify-radar.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    left: 14px;
    top: 50%;
    margin-top: -13px;
    -webkit-transition: 0.5s all ease-in;
    -o-transition: 0.5s all ease-in;
    transition: 0.5s all ease-in;
}

.acc-log-form-verify::after {
    display: block;
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background: url("../img/verify-shape.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    right: 26px;
    top: 50%;
    margin-top: -12.5px;
}

.acc-log-form-eye {
    min-width: 36px;
    height: 100%;
    width: 36px;
    border-left: 1px solid #55596A;
    background: url("../img/icon-eye-pass.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-background-size: 17px 10px;
    background-size: 17px 10px;
    background-position: center 16px;
    position: relative;
    cursor: pointer;
}

.acc-log-form-eye::after {
    display: block;
    content: "";
    position: absolute;
    width: 20px;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: 0.5px;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.acc-log-form-eye.active::after {
    -webkit-transform: rotate(-45deg) scale(0);
    -ms-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.acc-log-form-select {
    height: 100%;
    width: 100%;
    background: none;
    border: none;
    padding-left: 11px;
    font-weight: 300;
    color: white;
    font-size: 14px;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    padding-left: 0;
    float: none;
}

.acc-log-form-select::before {
    display: block;
    content: "";
    position: absolute;
    height: 100%;
    width: 36px;
    border-left: 1px solid #55596A;
    top: 0;
    right: 0;
}

.acc-log-form-select::after {
    right: 15.5px;
    margin-top: -3px;
    border-width: 1px;
    border-color: white;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.acc-log-form-select.open::after {
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.acc-log-form-select .list {
    background: #43475A;
    border: 1px solid #55596A;
    width: 100%;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    max-height: 200px;
    overflow-y: auto;
}

.acc-log-form-select .list li {
    background-color: transparent;
    font-weight: 300;
    color: white;
    font-size: 14px;
    height: 40px;
    min-height: 39px;
    border-bottom: 1px solid #55596A;
    padding-left: 40px;
    -webkit-background-size: 17px auto;
    background-size: 17px auto;
    background-position: 10px 14px;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.acc-log-form-select .list li.flag-icon-default {
    display: none;
}

.acc-log-form-select .list li.selected {
    font-weight: 300;
    background-color: rgba(228, 185, 64, 0.5);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.acc-log-form-select .list li:hover {
    background-color: #E4B940;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.acc-log-form-select .list li:last-child {
    border-bottom: none;
}

.acc-log-form-select .current {
    padding-left: 40px;
    -webkit-background-size: 17px auto;
    background-size: 17px auto;
    background-position: 10px 14px;
    height: 40px;
    width: 100%;
    display: block;
    padding-top: 1px;
}

.acc-log-form-select .current.flag-icon-d {
    padding-left: 11px;
    color: #A7A7A7;
}

.acc-log-form-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 70px;
    width: 100%;
    background: #43475A;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #55596A;
    border-left: 3px solid #55596A;
    border-right: 3px solid #55596A;
    margin-bottom: 25px;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    position: relative;
}

.acc-log-form-block.error {
    border-right: 3px solid #f25b5b !important;
    border-left: 3px solid #f25b5b !important;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.acc-log-form-block.error .acc-log-form-error {
    opacity: 1;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.acc-log-form-block.success {
    border-right: 3px solid #41bf50 !important;
    border-left: 3px solid #41bf50 !important;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.acc-log-form-block.focus {
    border-right: 3px solid #E4B940;
    border-left: 3px solid #E4B940;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.acc-log-form-error {
    position: absolute;
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    bottom: -17px;
    left: 0;
    color: #f25b5b;
    opacity: 0;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.acc-log-form-image {
    width: 42px;
    height: 100%;
    border-right: 1px solid #55596A;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.acc-log-form-icon {
    width: 18px;
    height: 18px;
}

.acc-log-form-icon.icon-email {
    width: 19px;
    height: 15px;
}

.acc-log-form-icon.icon-globe {
    width: 19px;
    height: 20px;
}

.acc-log-form-icon.icon-refer {
    width: 19px;
    height: 20px;
}

.acc-log-form-icon.icon-passw {
    width: 18px;
    height: 18px;
}

.acc-log-form-main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.acc-log-form-label {
    height: 28px;
    border-bottom: 1px solid #55596A;
    font-size: 14px;
    font-weight: 700;
    color: #E4B940;
    padding-left: 11px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
}

.acc-log-form-label.required .acc-log-form-label-text::after {
    opacity: 1;
}

.acc-log-form-label-text {
    position: relative;
}

.acc-log-form-label-text::after {
    display: block;
    content: "";
    position: absolute;
    content: "*";
    top: 1px;
    width: 10px;
    height: 10px;
    right: -15px;
    color: #f25b5b;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
}

.acc-log-form-label-subtext {
    margin-left: 22px;
    color: #A7A7A7;
    font-size: 14px;
    font-weight: 300;
}

.acc-log-form-input {
    width: 100%;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.acc-log-form-field {
    height: 100%;
    width: 100%;
    background: none;
    border: none;
    padding-left: 11px;
    font-weight: 300;
    color: white;
    font-size: 14px;
}

.acc-log-form-field::-webkit-input-placeholder {
    color: #A7A7A7;
    font-size: 14px;
    font-weight: 300;
}

.acc-log-form-field:focus {
    outline: none;
}

.acc-log-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #3A3D4D;
    min-height: 100vh;
    padding-top: 37px;
    height: 100%;
    position: relative;
}

.acc-log-left .air-popup {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.acc-log-left .air-popup.pass-rec-popup .air-popup-wrapper {
    margin-top: -100px;
}

.acc-log-left .air-popup-wrapper {
    height: auto;
    width: auto;
    min-height: 0;
    min-width: 0;
}

.acc-log-left .air-popup-wrapper::after {
    display: none;
}

.acc-log-left-bg-bottom {
    background: url("../img/log-bg-bottom.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 560px;
    height: 125px;
    background-position: center bottom;
    left: 0;
    bottom: 0;
    position: absolute;
}

.acc-log-left-bg-top {
    background: url("../img/log-bg-top.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 560px;
    height: 125px;
    background-position: center top;
    right: 0;
    top: 0;
    position: absolute;
}

.acc-log-left-logo {
    padding-left: 40px;
    margin-bottom: 25px;
    position: relative;
    z-index: 2;
}

.acc-log-left-title {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}

.acc-log-left-title_center {
    margin-top: 150px;
}

.acc-log-right {
    min-width: 56.076%;
    background: url("../img/bg-blue.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #303030;
    min-height: 100vh;
    padding-top: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.acc-log-right-logo {
    width: 75px;
    height: 80px;
    background: url("../img/favicon.png") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-bottom: 20px;
}

.acc-log-right-title {
    text-align: center;
    line-height: 40px;
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 15px;
}

.acc-log-right-desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #A7A7A7;
    margin-bottom: 30px;
}

.acc-log-right-button {
    background: url("../img/btn-down.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 270px;
    height: 120px;
    font-weight: 700;
    font-size: 32px;
    padding-top: 25px;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    position: relative;
    z-index: 2;
}

.acc-log-right-button:hover {
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.07);
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

.acc-log-right-button:active {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.acc-log-right-ill {
    width: 85%;
    position: relative;
    margin-top: -67px;
    height: 600px;
    background: url("../img/signupbg.png") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: center top;
}

.acc-log-right-ill-2 {
    background: url("../img/loginbg.png") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 85%;
    position: relative;
    margin-top: -27px;
    height: 600px;
    background-position: center top;
}

.acc-log-right-ill-3 {
    background: url("../img/resetpass.png") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 85%;
    position: relative;
    margin-top: -27px;
    height: 600px;
    background-position: center top;
}

.popup.popup_success .popup-title {
    margin-left: -19px;
    margin-right: -19px;
}

.icon-phone-s {
    background: url("../img/icon-phone-s.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-tg-s {
    background: url("../img/icon-tg-s.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-correct {
    background: url("../img/icon-correct.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-auth {
    background: url("../img/icon-auth.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-email-o {
    background: url("../img/icon-email-o.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.icon-phone-ver {
    background: url("../img/icon-phone-ver.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

#success.air-popup .popup.popup_success .popup-title {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 22px;
}

.popup-ver {
    background: #424659;
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 15px;
}

.popup-ver .icon-phone-ver {
    width: 15px;
    height: 21px;
}

.popup-ver-block {
    margin-bottom: 25px;
}

.popup-ver-btn {
    height: 28px;
    width: 100%;
}

.popup-ver .acc-log-form-field {
    font-size: 18px;
    font-weight: 300;
    text-decoration: none !important;
    padding-top: 4px;
}

.popup-ver .acc-log-form-field::webkit-input-placeholder {
    font-size: 18px !important;
    font-weight: 300;
    color: #55596A;
}

.popup-ver .acc-log-form-link {
    min-width: 102px;
    height: 100%;
    border-left: 1px solid #55596A;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 10px;
}

.popup-ver .acc-log-form-label-aside {
    color: #95989A;
    font-size: 8px;
    font-weight: 400;
    margin-left: 12px;
}

#settings .content .title:nth-child(1) {
    margin-top: 0;
}

#settings .acc-log-form-verify-btn {
    width: 106px;
    height: 28px;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 50px;
    text-align: center;
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    pointer-events: none;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

#settings .acc-log-form-verify-btn.active {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    pointer-events: auto;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
}

#settings .acc-log-form-verify-btn::after {
    display: block;
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: url("../img/icon-phone-ver.svg") no-repeat center rgba(255, 255, 255, 0.25);
    -webkit-background-size: 9px 13px;
    background-size: 9px 13px;
    top: 5px;
    right: 5px;
}

#settings .acc-log-form-block:last-child {
    margin-bottom: 0;
}

#settings .acc-log-form-field {
    font-weight: 300;
}

#settings .acc-log-form-input {
    position: relative;
}

#settings .acc-log-form-input-country {
    width: 20px;
    height: 15px;
    margin-left: 9px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

#settings .acc-log-form-correct {
    min-width: 37px;
    border-left: 1px solid #55596A;
    height: 100%;
    background: url("../img/icon-correct.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-background-size: 17px 17px;
    background-size: 17px 17px;
    background-position: 11px 11px;
    cursor: pointer;
}

#settings .acc-log-form-status {
    font-size: 14px;
    font-weight: 300;
    margin-left: 17px;
}

#settings .acc-log-form-currency {
    width: 20px;
    height: 20px;
}

#settings .acc-log-form-currency.small {
    width: 17px;
    height: 17px;
    margin-bottom: 5px;
}

#settings .acc-log-form-currency.small:last-child {
    margin-bottom: 0;
}

#settings .acc-log-form-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#settings .acc-log-form-percent {
    font-size: 14px;
    font-weight: 300;
    position: absolute;
    height: 100%;
    top: -0.5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 44px;
}

#settings .acc-log-form-triangle {
    width: 14px;
    height: 12px;
    position: absolute;
    margin-left: 24px;
    top: 50%;
    margin-top: -6px;
    left: 43px;
}

#settings .acc-log-form-triangle::after {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 12px 7px;
    border-color: transparent transparent #41BF50 transparent;
    top: 0;
    left: 0;
}

#settings .acc-log-form-label-logo {
    width: 119px;
    height: 14px;
    background: url("../img/coinswall-logo.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-right: 10px;
}

#settings .acc-log-form-label-attention {
    background: url("../img/icon-attention.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 12px;
    height: 12px;
}

#settings .acc-log-form-label-triangle {
    width: 14px;
    height: 12px;
    position: relative;
    margin-left: 24px;
}

#settings .acc-log-form-label-triangle::after {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 12px 7px;
    border-color: transparent transparent #41BF50 transparent;
    top: 0;
    left: 0;
}

#settings .acc-log-form-label-subtext {
    font-size: 14px;
    font-weight: 300;
    color: #A7A7A7;
    margin-left: 5px;
    margin-right: 7px;
}

.save-btn {
    height: 38px;
    width: 200px;
    position: relative;
}

.save-btn::after {
    display: block;
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background: url("../img/icon-save-btn.svg") no-repeat center rgba(255, 255, 255, 0.25);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
    top: 50%;
    margin-top: -15px;
    right: 8px;
}

.settings-submit {
    margin-top: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.settings-minititle {
    margin-top: 44px;
    margin-bottom: 20px;
    height: 15px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #43475a;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.settings-block {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #3A3D4D;
    padding: 30px;
}

.settings-block-attention_mt {
    margin-top: 22px;
}

.settings-block-attention-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 7px;
}

.settings-block-attention-icon {
    width: 12px;
    height: 12px;
    background: url("../img/icon-attention.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-right: 6px;
}

.settings-block-attention-title {
    font-size: 14px;
    font-weight: 700;
}

.settings-block-attention-text {
    color: #f25b5b;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
}

.form-radio {
    height: 70px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #55596a;
    background-color: #43475a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.form-radio-image {
    height: 100%;
    min-width: 44px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px solid #55596a;
}

.form-radio-icon {
    width: 17px;
    height: 18px;
}

.form-radio-main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.form-radio-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 34px;
    border-bottom: 1px solid #55596a;
    padding-left: 11px;
}

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

.form-radio-button {
    width: 28px;
    height: 17px;
    border: 1px solid #55596a;
    background: transparent;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    margin-right: 15px;
    position: relative;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.form-radio-button::after {
    display: block;
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    -webkit-box-shadow: 0 3px 1px rgba(0, 0, 0, 0.06);
    box-shadow: 0 3px 1px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.04);
    background-color: #ffffff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    margin-top: -6px;
    left: 2px;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.form-radio-button.active {
    background: #4CD964;
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.form-radio-button.active::after {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
    -webkit-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.form-radio-text {
    font-weight: 300;
    font-size: 14px;
}

.form-radio-attention {
    width: 12px;
    height: 12px;
    background: url("../img/icon-attention.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-left: 8px;
    position: relative;
    top: 1px;
}

#image-chart {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

#banner-form.popup {
    width: 500px;
}

#banner-form.popup .popup-submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#banner-form.popup .acc-log-form-select .current,
#banner-form.popup .acc-log-form-select .list li {
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    background-position: 10px 11px;
}

#banner-form.popup .acc-log-form-select .list {
    max-height: 400px;
}

#banner-form.popup .popup-submit {
    margin-top: 50px;
}

#banner-form.popup .popup-b-title {
    font-size: 28px;
    font-weight: 900;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

#banner-form.popup .popup-b-title.f {
    margin-top: 39px;
    margin-bottom: 47px;
}

#banner-form.popup .acc-log-form-label-text.sp span {
    font-family: Helvetica;
}

.banner {
    width: 500px;
    height: 750px;
    background: url("../img/bg-banner.png") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    padding-top: 10px;
    position: relative;
}

.banner:hover img {
    left: 0;
    -webkit-transition: 0.75s all ease-in-out;
    -o-transition: 0.75s all ease-in-out;
    transition: 0.75s all ease-in-out;
}

.banner img {
    position: absolute;
    top: 0;
    left: 0px;
    opacity: .5;
    -webkit-transition: 0.75s all ease-in-out;
    -o-transition: 0.75s all ease-in-out;
    transition: 0.75s all ease-in-out;
    pointer-events: none;
}

.banner-action {
    width: 500px;
    margin-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.banner-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.banner-wrapper .btn-yellow {
    width: 240px;
    height: 40px;
}

.banner-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.banner-header-text {
    color: #ffffff;
    font-size: 24px;
    font-weight: 100;
    margin-bottom: 4px;
}

.banner-logo {
    background: url("../img/banner-logo-img.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 30px;
    height: 30px;
    margin-bottom: 2px;
}

.banner-logo-text {
    width: 131px;
    height: 15px;
    background: url("../img/banner-logo-text.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.banner-main-title {
    font-size: 24px;
    font-weight: 700;
    position: relative;
    margin-left: 19px;
    margin-top: 0px;
    margin-bottom: 2px;
    line-height: 32px;
}

.banner-main-value {
    color: #41bf50;
    font-size: 85px;
    font-weight: 900;
    text-align: center;
    position: relative;
    margin-top: -5px;
}

.banner-title-center {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-top: 17px;
    margin-bottom: 5px;
}

.banner-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
}

.banner-row.cur {
    padding-left: 61px;
    padding-right: 57px;
    margin-top: 9px;
}

.banner-row-value {
    color: #41bf50;
    font-size: 49px;
    font-weight: 900;
}

.banner-row-sep {
    font-weight: 900;
    font-size: 49px;
}

.banner-row-sep.sm {
    font-size: 28px;
    font-weight: 500;
    position: relative;
    left: 2px;
}

.banner-row-sep.md {
    font-size: 29px;
    font-weight: 500;
}

.banner-cur {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.banner-cur-icon {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.banner-cur-name {
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 11px;
}

.banner-cur-company {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    position: relative;
}

.banner-val {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 21px;
    padding-right: 21px;
    margin-top: 13px;
}

.banner-val-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.banner-val-caption {
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
    margin-right: 18px;
    line-height: 19px;
    width: 44px;
    text-align: right;
}

.banner-val-text {
    font-size: 30px;
    font-weight: 500;
}

.banner-totals {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 100px;
    margin-top: 8px;
}

.banner-totals-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    height: 100%;
}

.banner-totals-right {
    padding-top: 2px;
    width: 50%;
    height: 100%;
}

.banner-totals-title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
}

.banner-totals-value {
    font-size: 49px;
    font-weight: 900;
}

.banner-totals-value.blue {
    color: #366dff;
}

.banner-totals-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50%;
    padding-top: 1px;
    padding-bottom: 5px;
    position: relative;
    padding-left: 8px;
}

.banner-totals-block:nth-child(2) {
    padding-top: 0px;
    position: relative;
    margin-top: -1px;
}

.banner-totals-block .banner-totals-title {
    font-size: 13px;
    font-weight: 700;
}

.banner-totals-block .banner-totals-value {
    font-size: 28px;
    font-weight: 900;
    line-height: 27px;
}

.banner-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 2px;
}

.banner-bottom-block {
    width: 33.333%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.banner-bottom-block:nth-child(1) {
    position: relative;
    right: -2px;
}

.banner-bottom-block:nth-child(1) .banner-bottom-value {
    color: #b060ff;
    position: relative;
}

.banner-bottom-block:nth-child(2) .banner-bottom-value {
    color: #5ffff3;
    font-size: 62px;
    margin-top: 6px;
}

.banner-bottom-block:nth-child(3) {
    position: relative;
    left: -2px;
}

.banner-bottom-block:nth-child(3) .banner-bottom-value {
    color: #ff6a6a;
    margin-top: -4px;
}

.banner-bottom-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 1px;
}

.banner-bottom-value {
    font-size: 58px;
    font-weight: 900;
    position: relative;
    margin-top: -5px;
}

.white {
    color: white !important;
    font-weight: 700;
    margin-right: 15px;
}

.btn-red {
    background-color: #f25b5b;
}

.not-popup-submit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.not-popup-submit-btn {
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px);
    height: 38px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}

.popup-payment.not-popup {
    height: 81px;
    margin-bottom: 65px;
}

.popup-payment.not-popup .popup-payment-title {
    height: 27px;
    font-size: 16px !important;
}

.popup-payment.not-popup .popup-payment-title .popup-payment-title-cur {
    font-size: 16px;
}

.popup-payment.not-popup .popup-payment-title .popup-payment-title-info {
    font-size: 16px;
}

.popup-payment.not-popup .popup-payment-amount {
    height: 27px;
    font-size: 16px !important;
}

.popup-payment.not-popup .popup-payment-amount .popup-payment-amount-value {
    font-size: 16px;
}

.popup-payment.not-popup .popup-payment-address {
    height: 27px;
    font-size: 16px !important;
}

.popup-payment.not-popup .popup-payment-address .popup-payment-address-value {
    font-size: 16px;
}

.popup-info.not-popup {
    margin-bottom: 19px;
}

.popup-info.not-popup .popup-info-value-icon {
    width: 21px;
    height: 21px;
    margin-right: 38px;
}

.popup-info.not-popup .popup-info-title {
    font-size: 18px;
    font-weight: 400;
}

.popup-info.not-popup .popup-info-value {
    font-size: 18px;
    font-weight: 700;
}

.popup-info.not-popup .popup-info-item {
    margin-bottom: 21px;
}

.popup-info.not-popup .popup-info-item:last-child {
    margin-bottom: 0;
}

.popup-info.not-popup .popup-info-item.dark::before {
    height: 35px;
    top: -7px;
}

.title.title-mt0 {
    margin-top: 0;
    margin-bottom: 0;
}

.popup-subtitle-gr {
    color: #a7a7a7;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 8px;
}

.popup-extra.not-popup {
    margin-top: 26px;
}

.popup-extra.not-popup .popup-extra-item {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 19px;
    padding-left: 23px;
}

.popup-extra.not-popup .popup-extra-item::after {
    width: 6px;
    height: 6px;
    border-width: 3px;
    top: 7px;
}

.popup-extra.not-popup .popup-extra-item:last-child {
    margin-bottom: 0;
}

.popup-extra.not-popup .popup-extra-title {
    height: 25px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #43475a;
    font-size: 16px;
    font-weight: 700;
    padding-left: 48px;
    margin-top: 2px;
}

.popup-extra.not-popup .popup-extra-title::after {
    height: 18px;
    width: 18px;
    left: 15px;
    margin-top: -9px;
}

.title-w-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.title-w-icon .title-icon {
    width: 31px;
    height: 27px;
    margin-right: 15px;
}

.select-digit.simple-select .current {
    color: #e4b940;
    font-size: 12px;
    font-weight: 700;
}

.select-digit.simple-select .current::before {
    display: block;
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 50%;
    margin-top: -7.5px;
    left: 5px;
}

.tab-filter-block .double-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 176px;
    height: 29px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #55596a;
    background-color: #43475a;
}

.tab-filter-block .double-input-wrapper {
    width: 50%;
    height: 100%;
    position: relative;
}

.tab-filter-block .double-input-wrapper::after {
    display: block;
    content: "";
    position: absolute;
    content: "$";
    font-size: 12px;
    font-weight: 400;
    height: 100%;
    width: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    left: 4px;
}

.tab-filter-block .double-input-wrapper:nth-child(1) {
    border-right: 1px solid #55596a;
}

.tab-filter-block .double-input-wrapper:nth-child(1) .double-input-text {
    color: #41bf50;
}

.tab-filter-block .double-input-wrapper:nth-child(1)::after {
    color: #41bf50;
}

.tab-filter-block .double-input-wrapper:nth-child(2) .double-input-text {
    color: #f25b5b;
}

.tab-filter-block .double-input-wrapper:nth-child(2)::after {
    color: #f25b5b;
}

.tab-filter-block .double-input-text {
    width: 100%;
    background: none;
    border: none;
    height: 100%;
    padding-left: 15px;
    font-size: 12px;
    font-weight: 400;
}

.tab-filter-block .double-input-text:focus {
    outline: none;
}

.tab-table .cell-lvl {
    width: 16px;
    height: 16px;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #e4b940;
    font-size: 12px;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tab-table.tab-table_p2 {
    height: 520px;
}

.tab-table.tab-table_p2 .tab-table-head {
    font-size: 12px;
}

.tab-table.tab-table_p2 .tab-table-head .tab-table-cell {
    font-size: 12px;
}

.tab-table.tab-table_p2 .tab-table-cell:nth-child(1) {
    width: 21.1%;
}

.tab-table.tab-table_p2 .tab-table-cell:nth-child(2) {
    width: 6.4%;
}

.tab-table.tab-table_p2 .tab-table-cell:nth-child(3) {
    width: 12.7%;
}

.tab-table.tab-table_p2 .tab-table-cell:nth-child(4) {
    width: 15.5%;
}

.tab-table.tab-table_p2 .tab-table-cell:nth-child(5) {
    width: 10.3%;
}

.tab-table.tab-table_p2 .tab-table-cell:nth-child(6) {
    width: 18.8%;
}

.tab-table.tab-table_p2 .tab-table-cell:nth-child(7) {
    width: 14.8%;
}

.tab-table.tab-table_p1 {
    height: 280px;
}

.tab-table.tab-table_p1 .tab-table-cell {
    font-size: 12px;
}

.tab-table.tab-table_p1 .tab-table-cell:nth-child(1) {
    width: 10%;
}

.tab-table.tab-table_p1 .tab-table-cell:nth-child(2) {
    width: 11.8%;
}

.tab-table.tab-table_p1 .tab-table-cell:nth-child(3) {
    width: 10.9%;
}

.tab-table.tab-table_p1 .tab-table-cell:nth-child(4) {
    width: 9.7%;
}

.tab-table.tab-table_p1 .tab-table-cell:nth-child(5) {
    width: 9.1%;
}

.tab-table.tab-table_p1 .tab-table-cell:nth-child(6) {
    width: 10.2%;
}

.tab-table.tab-table_p1 .tab-table-cell:nth-child(7) {
    width: 8.7%;
}

.tab-table.tab-table_p1 .tab-table-cell:nth-child(8) {
    width: 8.1%;
}

.tab-table.tab-table_p1 .tab-table-cell:nth-child(9) {
    width: 12.7%;
}

.tab-table.tab-table_p1 .tab-table-cell:nth-child(10) {
    width: 8.2%;
}

.tab-table .cell-username-s .username-eye {
    width: 13px;
    height: 7px;
    background: url("../img/icon-t-eye.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-left: 1px;
    position: relative;
    -webkit-background-size: 13px 7px;
    background-size: 13px 7px;
    background-position: center bottom;
    height: 16px;
    margin-top: -9px;
}

.tab-table .cell-username-s .username-eye:hover .username-full {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    pointer-events: auto;
}

.tab-table .cell-username-s .username-full {
    position: absolute;
    height: 15px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.3);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: -15px;
    padding-left: 4px;
    padding-right: 4px;
    opacity: 0;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    pointer-events: none;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    font-size: 10px;
}

.tab-table .cell-fullname {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.tab-table .popover-start {
    width: 13px;
    height: 7px;
    background: url("../img/icon-t-eye.svg") center no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-left: 1px;
    position: relative;
    -webkit-background-size: 13px 7px;
    background-size: 13px 7px;
    background-position: center bottom;
    height: 16px;
    margin-top: -9px;
}

.tab-table .popover-start:hover .popover-body {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    pointer-events: auto;
}

.tab-table .popover-body {
    position: absolute;
    height: 15px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.3);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: -15px;
    padding-left: 4px;
    padding-right: 4px;
    opacity: 0;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    pointer-events: none;
    white-space: nowrap;
    -webkit-transition: 0.25s all ease-in-out;
    -o-transition: 0.25s all ease-in-out;
    transition: 0.25s all ease-in-out;
    font-size: 10px;
}

@media (min-width: 1680px) {
    .tab-filter-lg-row {
        position: relative;
        padding-bottom: 68px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .tab-filter-lg-row .tab-filter-row {
        margin-bottom: 0;
    }
    .tab-filter-lg-row .tab-filter-row .tab-filter-block-submit .btn-yellow {
        min-width: 0;
    }
    .tab-filter-lg-row .tab-filter-row:nth-child(1) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-right: 20px;
    }
    .tab-filter-lg-row .tab-filter-row:nth-child(1) .tab-filter-block {
        margin-right: 20px;
    }
    .tab-filter-lg-row .tab-filter-row:nth-child(2) .tab-filter-block {
        margin-right: 0;
    }
    .tab-filter-lg-row .tab-filter-row .tab-filter-input.input-text {
        max-width: 100px;
    }
    .tab-filter-lg-row .tab-filter-block-submit {
        position: absolute;
        right: 30px;
        bottom: 20px;
    }
    .tab-filter-lg-row .double-block {
        position: absolute;
        top: 20px;
        right: 30px;
        margin-right: 0 !important;
    }
}

@media (min-width: 1680px) and (max-width: 1780px) {
    .tab-filter-lg-row .tab-filter-row .tab-filter-input.input-text {
        max-width: 82px;
    }
    .tab-filter-lg-row .tab-filter-row:nth-child(1) {
        margin-right: 0;
    }
}