@import 'plugins/animate.css';

@import 'plugins/slick.css';

@import 'plugins/iziToast.min.css';

html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
    outline: 0;
    background: transparent;

    font-size: 100%;
}

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

    vertical-align: baseline;

    border: 0;
    outline: 0;
    background: transparent;
}

textarea {
    overflow-x: hidden;
    overflow-y: hidden;

    resize: none;
}

ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
}

:focus {
    outline: 0;
}

table {
    border-spacing: 0;

    border-collapse: collapse;
}

.row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex: 0 1 auto;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.column {
    flex-direction: column;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.colmn-2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex: 0 1 auto;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -webkit-flex-wrap: nowra;
    -ms-flex-wrap: nowra;
    flex-wrap: nowra;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.between {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.center {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.baseline {
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -o-box-align: baseline;
    -ms-flex-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}

.center-t {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    text-align: center;

    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.center-c {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.self-middle {
    -webkit-align-self: center;
    align-self: center;
    -ms-flex-item-align: center;
}

.self-bottom {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    -ms-flex-item-align: end;
}

.bottom {
    -webkit-box-align: end;
    -moz-box-align: end;
    -o-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.static {
    flex: 0 0 auto;

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
}

.wrap {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.auto__width {
    max-width: 100%;

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
}

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

.not {
    flex: 0 0 auto;

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
}

.f__row {
    position: relative;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex: 0 1 auto;

    margin-right: -0.6rem;
    margin-left: -0.6rem;

    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
}

.f__col {
    padding-right: 0.6rem;
    padding-left: 0.6rem;
}

.f-dash__container {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
}

.f__container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.2rem;
    padding-left: 1.2rem;
}

.icons-sprite {
    position: absolute !important;

    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;

    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;

    border: 0 !important;
}

.icon_box {
    width: 20px;
    height: 25px;
}

.icon_checkmark {
    width: 24px;
    height: 24px;
}

.icon_contact {
    width: 18px;
    height: 18px;
}

.icon_copy {
    width: 24px;
    height: 25px;
}

.icon_earn {
    width: 29px;
    height: 29px;
}

.icon_friend {
    width: 20px;
    height: 14px;
}

.icon_friends {
    width: 29px;
    height: 29px;
}

.icon_games {
    width: 29px;
    height: 29px;
}

.icon_home {
    width: 20px;
    height: 20px;
}

.icon_id {
    width: 14px;
    height: 16px;
}

.icon_info {
    width: 16px;
    height: 16px;
}

.icon_lang {
    width: 18px;
    height: 18px;
}

.icon_leagl {
    width: 20px;
    height: 20px;
}

.icon_rating {
    width: 29px;
    height: 29px;
}

.icon_search {
    width: 14px;
    height: 13px;
}

.icon_settings {
    width: 16.67px;
    height: 16.02px;
}

.icon_txn {
    width: 20px;
    height: 20px;
}

.icon_wallet {
    width: 17px;
    height: 14px;
}

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

.container {
    position: relative;

    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

.white {
    color: #fff;
}

.blue {
    color: #004dbe;
}

.red {
    color: #d62121;
}

.green {
    color: #0f891f;
}

.yellow {
    color: #dcc842;
}

.pink {
    color: #402f65;
}

.bg-color {
    color: #5520ed;
}

.link {
    color: #3d98f2;
}

.jsHidden {
    display: none;
}

.jsVisible {
    display: block;
}

.jsContFlex {
    display: none !important;
}

.jsTab {
    cursor: pointer;
}

.jsCont {
    display: none;
}

.jsCont.jsActive {
    display: block;
}

.jsNone {
    display: none;
}

.col__50 {
    width: 50%;
}

.col_margin {
    margin-right: 30px;
}

.col_margin-20 {
    margin-right: 20px;
}

.col_margin-30 {
    margin-right: 30px;
}

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

.ta-left {
    text-align: left;
}

.ta-right {
    text-align: right;
}

h1 {
    color: #3e3f42;

    font-size: 36px;
}

h2 {
    color: #3e3f42;

    font-size: 30px;
}

h3 {
    color: #3e3f42;

    font-size: 24px;
}

h4 {
    color: #3e3f42;

    font-size: 18px;
}

h5 {
    color: #3e3f42;

    font-size: 16px;
}

h6 {
    color: #3e3f42;

    font-size: 15px;
}

h1 h2 h3 h4 h5 h6 {
    font-weight: normal;
    font-style: 400;
}

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

span {
    display: inline-block;

    color: #fff;

    font-size: 14px;
}

a {
    display: inline-block;

    text-decoration: none;

    color: #003258;

    font-size: 13px;
}

p,
li {
    color: #fff;

    font-size: 16px;
    line-height: 22px;
}

p {
    padding-bottom: 15px;
}

a[href='http://www.amcharts.com/javascript-charts/'] {
    display: none !important;
}

th {
    font-weight: normal;
}

.btn span {
    position: relative;
    z-index: 2;

    color: #fff;

    font-weight: 400;
}

button {
    cursor: pointer;
    vertical-align: middle;

    border: none;
    border: none;
    outline: none;
    background: transparent;
}

.btn {
    position: relative;

    display: inline-block;

    min-width: 80px;
    height: 40px;
    padding: 0 20px;

    cursor: pointer;
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    text-transform: none;

    color: #fff;
    border: 1px solid #27ae60;
    border-radius: 30px;
    background-color: #27ae60;

    font-size: 14px;
    line-height: 40px;

    -webkit-appearance: none;
}

.btn_lg {
    width: auto;
    height: 60px;
    padding: 0px;

    font-size: 16px;
    font-weight: normal;
    line-height: 60px;
}

.btn_md {
    width: auto;
    height: 50px;
    padding: 0px 20px;

    font-size: 14px;
    font-weight: normal;
    line-height: 50px;
}

.btn_xs {
    width: auto;
    height: 30px;
    padding: 0px 20px;

    font-size: 12px;
    font-weight: normal;
    line-height: 28px;
}

.btn_gr {
    background-image: -webkit-linear-gradient(0deg, #ff9600 0%, #ffd800 50%, #ff9600 100%);
    background-image: -moz-linear-gradient(0deg, #ff9600 0%, #ffd800 50%, #ff9600 100%);
    background-image: -o-linear-gradient(0deg, #ff9600 0%, #ffd800 50%, #ff9600 100%);
    background-image: -ms-linear-gradient(0deg, #ff9600 0%, #ffd800 50%, #ff9600 100%);
    background-image: linear-gradient(90deg, #ff9600 0%, #ffd800 50%, #ff9600 100%);
    background-position: 100% 0;
    -webkit-background-size: 200% 200%;
    -moz-background-size: 200% 200%;
    background-size: 200% 200%;
}

.btn_gr_red {
    border-color: transparent;
    background-image: -webkit-linear-gradient(0deg, #d62121 0%, #ff5353 50%, #d62121 100%);
    background-image: -moz-linear-gradient(0deg, #d62121 0%, #ff5353 50%, #d62121 100%);
    background-image: -o-linear-gradient(0deg, #d62121 0%, #ff5353 50%, #d62121 100%);
    background-image: -ms-linear-gradient(0deg, #d62121 0%, #ff5353 50%, #d62121 100%);
    background-image: linear-gradient(90deg, #d62121 0%, #ff5353 50%, #d62121 100%);
}

.btn_gr_green {
    border-color: transparent;
    background-image: -webkit-linear-gradient(0deg, #0f891f 0%, #41bb51 50%, #0f891f 100%);
    background-image: -moz-linear-gradient(0deg, #0f891f 0%, #41bb51 50%, #0f891f 100%);
    background-image: -o-linear-gradient(0deg, #0f891f 0%, #41bb51 50%, #0f891f 100%);
    background-image: -ms-linear-gradient(0deg, #0f891f 0%, #41bb51 50%, #0f891f 100%);
    background-image: linear-gradient(90deg, #0f891f 0%, #41bb51 50%, #0f891f 100%);
}

.btn_gr_blue {
    border-color: transparent;
    background-image: -webkit-linear-gradient(0deg, #004dbe 0%, #327ff0 50%, #004dbe 100%);
    background-image: -moz-linear-gradient(0deg, #004dbe 0%, #327ff0 50%, #004dbe 100%);
    background-image: -o-linear-gradient(0deg, #004dbe 0%, #327ff0 50%, #004dbe 100%);
    background-image: -ms-linear-gradient(0deg, #004dbe 0%, #327ff0 50%, #004dbe 100%);
    background-image: linear-gradient(90deg, #004dbe 0%, #327ff0 50%, #004dbe 100%);
}

.btn_gr_orange {
    border-color: transparent;
    background-image: -webkit-linear-gradient(0deg, #f17300 0%, #ffa532 50%, #f17300 100%);
    background-image: -moz-linear-gradient(0deg, #f17300 0%, #ffa532 50%, #f17300 100%);
    background-image: -o-linear-gradient(0deg, #f17300 0%, #ffa532 50%, #f17300 100%);
    background-image: -ms-linear-gradient(0deg, #f17300 0%, #ffa532 50%, #f17300 100%);
    background-image: linear-gradient(90deg, #f17300 0%, #ffa532 50%, #f17300 100%);
}

.btn_gr_yellow {
    border-color: transparent;
    background-image: -webkit-linear-gradient(0deg, #dcc842 0%, #fffa74 50%, #dcc842 100%);
    background-image: -moz-linear-gradient(0deg, #dcc842 0%, #fffa74 50%, #dcc842 100%);
    background-image: -o-linear-gradient(0deg, #dcc842 0%, #fffa74 50%, #dcc842 100%);
    background-image: -ms-linear-gradient(0deg, #dcc842 0%, #fffa74 50%, #dcc842 100%);
    background-image: linear-gradient(90deg, #dcc842 0%, #fffa74 50%, #dcc842 100%);
}

.btn_tr {
    color: #fff;
    border: 1px solid #27ae60;
    background-color: rgba(204,254,99,0.1);
    background-image: none;
}

.btn_tr span {
    color: #1665d8;
}

.loading {
    position: relative;

    cursor: progress;
}

.loading .progress {
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 0px;

    display: block;

    height: 100%;

    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;
    -webkit-animation: progress-anim 10s ease 0s;
    -moz-animation: progress-anim 10s ease 0s;
    -ms-animation: progress-anim 10s ease 0s;
    -o-animation: progress-anim 10s ease 0s;
    animation: progress-anim 10s ease 0s;

    background: #003e98;
}

.btn_tr .progress {
    height: 3px;
}

.btn_tr.loading {
    background: transparent;
}

.btn_tr.loading span {
    color: #004dbe;
}

.name {
    position: relative;

    width: 100%;

    text-align: center;
}

.btn .icon {
    margin-right: 10px;

    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;
}

.btn_tr:disabled {
    color: #ddd;
    border-color: #ddd;
    background-color: transparent;
    background-image: none;
}

.btn_tr:disabled:hover {
    color: #ddd;
    background-color: transparent;
}

.btn_red {
    color: #fff;
    border-color: #d62121;
    background-color: #d62121;
}

.btn_green {
    color: #fff;
    border-color: #0f891f;
    background-color: #0f891f;
}

.btn_blue {
    color: #fff;
    border-color: #004dbe;
    background-color: #004dbe;
}

.btn_yellow {
    color: #fff;
    border-color: #dcc842;
    background-color: #dcc842;
}

.btn_orange {
    color: #fff;
    border-color: #f17300;
    background-color: #f17300;
}

.btn_purple {
    color: #fff;
    border-color: #402f65;
    background-color: #402f65;
}

.btn_grey {
    color: #fff;
    border-color: #3d3e44;
    background-color: #3d3e44;
}

.btn_tr_red {
    color: #d62121;
    border-color: #d62121;
    background-color: transparent;
}

.btn_tr_green {
    color: #0f891f;
    border-color: #0f891f;
    background-color: transparent;
}

.btn_tr_blue {
    color: #004dbe;
    border-color: #004dbe;
    background-color: transparent;
}

.btn_tr_yellow {
    color: #dcc842;
    border-color: #dcc842;
    background-color: transparent;
}

.btn_tr_orange {
    color: #f17300;
    border-color: #f17300;
    background-color: transparent;
}

.btn_tr_purple {
    color: #402f65;
    border-color: #402f65;
    background-color: transparent;
}

.btn_tr_grey {
    color: #3d3e44;
    border-color: #3d3e44;
    background-color: transparent;
}

.btn_icon .icon_arrowright,
.btn_icon .icon_arrowleft {
    position: relative;
    top: 1px;
}

.btn_icon .icon_arrowleft {
    margin-right: 10px;
}

.btn_icon .icon_arrowright {
    margin-left: 10px;
}

.btn_loading {
    position: relative;

    cursor: no-drop;

    color: transparent !important;
}

.btn_loading::after {
    position: absolute;
    z-index: 1;
    top: calc(50% - 15px);
    left: calc(50% - 15px);

    display: block;

    width: 20px;
    height: 20px;

    content: "";
    -webkit-transition: ease-in-out 0.2s;
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;
    -webkit-animation: rotateLoader 1s infinite;
    -webkit-animation: rotateLoader 1s infinite;
    -moz-animation: rotateLoader 1s infinite;
    -moz-animation: rotateLoader 1s infinite;
    -ms-animation: rotateLoader 1s infinite;
    -ms-animation: rotateLoader 1s infinite;
    -o-animation: rotateLoader 1s infinite;
    -o-animation: rotateLoader 1s infinite;
    animation: rotateLoader 1s infinite;

    border: 5px dotted #25262b;
    border-radius: 50%;
    background: 0 0;
}

input[type='text']:read-only {
    color: #fff;
    border: 1px solid #e8ecef;
    background: #fff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

input[type='text']:read-only:focus {
    color: #fff;
    border-color: #e8ecef;
}

input[readonly] {
    color: #fff;
    border: 1px solid #e8ecef;
    background: #fff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

input[readonly]:focus {
    color: #fff;
    border-color: #e8ecef;
}

input[type='button']:disabled,
input[type='checkbox']:disabled,
select:disabled {
    cursor: not-allowed;

    color: #778ca2;
    border: 1px solid #e8ecef;
    background-color: #e8ecef;
}

input[type='text']:disabled,
input[disabled],
input:disabled,
input[type='submit']:disabled,
.select_disabled,
.btn_disabled,
button:disabled {
    cursor: not-allowed !important;

    color: #778ca2 !important;
    border-color: #e8ecef !important;
    background-color: #e8ecef !important;
}

input[type='text']:disabled .icon,
input[disabled] .icon,
input:disabled .icon,
input[type='submit']:disabled .icon,
.select_disabled .icon,
.btn_disabled .icon,
button:disabled .icon {
    color: #778ca2 !important;
}

.btn_disabled:hover {
    cursor: not-allowed !important;

    color: #778ca2 !important;
    border-color: #e8ecef !important;
    background-color: #e8ecef !important;
}

.icon_checkmark,
.icon_success {
    color: #34aa44;
}

.icon_error {
    color: #e6492d;
}

.icon_error,
.icon_success,
.icon_checkmark,
.icon_search {
    width: 15px;
    height: 15px;
}

.input_error input {
    color: #e6492d !important;
    border-color: #e6492d !important;
}

.input_error .tip {
    color: #e6492d;
}

.input_success input {
    color: #34aa44 !important;
    border-color: #34aa44 !important;
}

.input_success .tip {
    color: #34aa44;
}

.input_checked input {
    color: #34aa44 !important;
    border-color: #34aa44 !important;
}

.input_checked .tip {
    color: #34aa44;
}

input[type='text'],
textarea,
select {
    border-radius: 30px;

    -webkit-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input,
textarea {
    margin: 0px;
    padding: 10px 20px;

    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    color: rgba(255,255,255,0.3);
    border: none;
    border: 1px solid #2a2b31;
    border-radius: 30px;
    background: #2a2b31;

    font-size: 14px;
    font-style: 300;
}

input:focus,
textarea:focus {
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    color: #27ae60;
    border-color: #27ae60;
}

select {
    margin: 0px;
    padding: 10px 20px;

    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    color: rgba(255,255,255,0.3);
    border: none;
    border: 1px solid #2a2b31;
    background: #2a2b31;

    font-size: 14px;
    font-style: 300;
}

select:focus {
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    color: #27ae60;
    border-color: #27ae60;
}

.form__label_row {
    margin: 10px 0 0 0;
}

.form__label {
    margin: 0 0 5px 0;

    color: #6b6c6f;

    font-size: 14px;
}

.form__label .tip {
    padding: 0 0 0 0px;

    font-size: 12px;
}

.form__label .tip a {
    display: inline;
}

.form__label .tip2 {
    display: block;

    margin-right: 4px;

    color: #9ea0a5;

    font-size: 12px;
}

.form__label .tip3 {
    display: block;

    color: #3e3f42;

    font-size: 12px;
    font-weight: bold;
}

.form__label .tip-col {
    padding-left: 20px;

    line-height: 18px;
}

.form__label,
.form__area {
    display: block;

    width: 100%;
}

.form__input,
.form__select {
    display: block;

    width: 100%;
    height: 50px;
    margin: 0px;

    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    border: 1px solid #2a2b31;
}

.form__input:focus,
.form__select:focus {
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    color: #27ae60;
    border-color: #27ae60;
}

.form__area {
    margin: 0px;
}

.form__link {
    display: block;

    margin: 0px !important;

    font-size: 12px;
    line-height: 20px;
}

.form__label_margin {
    margin-right: 20px;
}

.form__label_attribute {
    position: relative;
}

.form__label_attribute:after {
    position: absolute;
    right: 15px;

    display: block;

    content: attr(data-attr);
    text-transform: uppercase;

    color: #7c8f98;

    font-size: 14px;
}

.form__label_inset-row {
    position: relative;
}

.form__label_inset-row .icon {
    position: absolute;
    left: 10px;

    display: block;

    margin-right: 20px;
}

.form__input_pad {
    padding-left: 30px;
}

input[type='checkbox'],
input[type='radio'] {
    display: none;
}

.label__checkbox.disabled,
.label__radio.disabled,
.label__switch.disabled {
    color: #778ca2 !important;
}

.label__checkbox.disabled:hover,
.label__radio.disabled:hover,
.label__switch.disabled:hover {
    cursor: not-allowed !important;
}

.label__checkbox.disabled:hover i,
.label__radio.disabled:hover i,
.label__switch.disabled:hover i {
    cursor: not-allowed;

    border-color: #e8ecef !important;
}

.label__checkbox.disabled i,
.label__radio.disabled i,
.label__switch.disabled i {
    border-color: #e8ecef !important;
    background-color: #e8ecef !important;
    -webkit-box-shadow: 0 0 0 1px #e8ecef !important;
    box-shadow: 0 0 0 1px #e8ecef !important;
}

.label__checkbox.disabled i::before,
.label__radio.disabled i::before,
.label__switch.disabled i::before {
    display: none !important;
}

.label__checkbox,
.label__radio,
.label__switch {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 0 0 20px 0;

    cursor: pointer;

    color: #fff;

    font-size: 12px;
    line-height: 20px;

    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.label__switch i {
    position: relative;

    display: block;
    overflow: hidden;

    width: 40px;
    height: 20px;
    margin-right: 10px;

    cursor: pointer;

    border: 1px solid #34aa44;
    border-radius: 20px;
    background: #34aa44;
    -webkit-box-shadow: 0px 0 0 1px #34aa44;
    box-shadow: 0px 0 0 1px #34aa44;
}

.label__switch i::after {
    display: block;

    width: 18px;
    height: 18px;

    content: " ";
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
}

.label__radio i {
    position: relative;

    display: block;

    width: 17px;
    height: 17px;
    margin-right: 13px;

    cursor: pointer;
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    border: 1px solid #2a2b31;
    border-radius: 50%;
    background: transparent;
}

.label__radio i::after {
    display: block;
    display: none;

    width: 5px;
    height: 5px;
    margin: 5px;

    content: "";
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    border-radius: 50%;
    background: #fff;
}

.label__checkbox i {
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 16px;
    height: 16px;
    margin-right: 10px;

    cursor: pointer;
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    border: 1px solid #2a2b31;
    border-radius: 4px;
}

.label__checkbox i::after {
    position: relative;
    top: 2px;
    left: 5px;

    display: block;

    width: 3px;
    height: 7px;
    margin-top: -20px;

    content: "";
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    opacity: 0;
    border-right: 1px solid #27ae60;
    border-bottom: 1px solid #27ae60;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.label__checkbox:hover i,
.label__radio:hover i {
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    border-color: #34aa44;
}

.label__checkbox .input__checkbox:checked + i {
    border-color: #34aa44;
    background: #34aa44;
}

.label__checkbox .input__checkbox:checked + i::after {
    margin-top: 0px;

    content: " ";
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;
    -webkit-transform: rotateZ(40deg);
    -moz-transform: rotateZ(40deg);
    -ms-transform: rotateZ(40deg);
    -o-transform: rotateZ(40deg);
    transform: rotateZ(40deg);

    opacity: 1;
    border-color: #fff;

    -ms-filter: none;
    filter: none;
}

.label__radio .input__radio:checked + i {
    border-color: #34aa44;
    background: #34aa44;
}

.label__radio .input__radio:checked + i::after {
    display: block;

    content: " ";
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;
}

.label__radio .input__radio:checked + i::before {
    display: block;

    content: " ";
}

.label__switch .input__switch:checked + i::after {
    margin-top: 0px;
    margin-left: 20px;

    content: " ";
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    opacity: 1;

    -ms-filter: none;
    filter: none;
}

.form__label_pay {
    position: absolute;
    right: 10px;
}

.form__label_pay .icon {
    position: relative;
    right: 0px;

    width: 20px;
    height: 20px;
    margin-left: 5px;

    cursor: pointer;
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    opacity: 0.6;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
}

.form__label_pay .icon:hover,
.form__label_pay .active {
    opacity: 1;

    -ms-filter: none;
    filter: none;
}

.icon_eye {
    width: 20px;
    height: 20px;

    cursor: pointer;
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    color: #b5c1cd;
}

.icon_eye:hover {
    color: #1665d8;
}

.form__label_tab {
    width: 164px;
}

.form__label_tab .row {
    overflow: hidden;

    height: 40px;

    border: 1px solid #2a2b31;
    border-radius: 4px;
}

.fl_tab {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    width: 50%;
    height: 100%;
    padding: 0 10px;

    cursor: pointer;
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;
    text-align: center;

    font-size: 14px;
}

.fl_tab span {
    margin: auto;

    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    color: #3e3f42;
}

.fl_tab.active,
.fl_tab:hover {
    background: #1665d8;
}

.fl_tab.active span,
.fl_tab:hover span {
    color: #fff;
}

::-webkit-input-placeholder {
    color: rgba(255,255,255,0.3);
}

::-moz-placeholder {
    color: rgba(255,255,255,0.3);
}

:-moz-placeholder {
    color: rgba(255,255,255,0.3);
}

:-ms-input-placeholder {
    color: rgba(255,255,255,0.3);
}

.ru {
    background: url("../images/svg/lang/ru.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.en {
    background: url("../images/svg/lang/en.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.de {
    background: url("../images/svg/lang/de.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.es {
    background: url("../images/svg/lang/es.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.fr {
    background: url("../images/svg/lang/fr.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.it {
    background: url("../images/svg/lang/it.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.cn {
    background: url("../images/svg/lang/cn.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.jp {
    background: url("../images/svg/lang/jp.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.pl {
    background: url("../images/svg/lang/pl.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.btc {
    background: url("../images/svg/crypto/btc.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.doge {
    background: url("../images/svg/crypto/doge.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.bnb {
    background: url("../images/svg/crypto/bnb.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.sol {
    background: url("../images/svg/crypto/sol.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.trx {
    background: url("../images/svg/crypto/trx.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.shiba {
    background: url("../images/svg/crypto/shiba.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.usdt {
    background: url("../images/svg/crypto/usdt.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.total {
    background: url("../images/svg/crypto/total.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    filter: brightness(0) invert(1);
}

.ton {
    background: url("../images/svg/crypto/ton.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.tron {
    background: url("../images/svg/crypto/trx.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.not {
    background: url("../images/svg/crypto/not.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.facebook {
    background: url("../images/svg/socials/facebook.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.instagram {
    background: url("../images/svg/socials/instagram.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.twitter {
    background: url("../images/svg/socials/twitter.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.youtube {
    background: url("../images/svg/socials/youtube.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.telegram {
    background: url("../images/svg/socials/telegram.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

body {
    min-width: 380px;
    max-width: 430px;
    margin: 0 auto;

    background: #151619;

    font-family: "Inter", sans-serif;

    -webkit-font-smoothing: antialiased;
    font-optical-sizing: auto;
}

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

.slick-slider {
    -webkit-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -ms-user-select: text;
    user-select: text;

    -khtml-user-select: text;
}

.slick-list.draggable {
    -webkit-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -khtml-user-select: none;
}

.slick {
    display: none;
}

.slick-initialized {
    display: block;
}

.slick-dots {
    position: absolute;
    bottom: -30px;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    padding: 0px !important;

    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.slick-dots li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    width: 20px;
    height: 20px;
    margin: 3px;

    cursor: pointer;
}

.slick-dots li button {
    display: block;

    width: 10px;
    height: 10px;
    margin: auto;
    padding: 0px;

    cursor: pointer;
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    opacity: 0.3;
    border-radius: 50%;
    background: #27ae60;

    font-size: 0px;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
}

.slick-dots .slick-active button {
    opacity: 1;
    border-color: #27ae60;
    background: #27ae60;

    -ms-filter: none;
    filter: none;
}

.dash-title {
    color: #1e1e1e;

    font-size: 60px;
}

.title {
    width: 100%;
    margin: 0 0 20px 0;

    text-align: center;

    font-weight: bold;

    fost-size: 16px;
}

.sub {
    position: relative;
    top: -10px;

    display: block;

    max-width: 245px;
    margin: 0 auto 10px auto;

    text-align: center;

    font-size: 12px;
}

.content p {
    color: #fff;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    text-align: left;

    font-family: 700;
}

.content li {
    padding-left: 4px;

    color: #fff;

    font-family: 400;
    font-size: 15px;
    line-height: 21px;
}

.content li p {
    padding-bottom: 10px;
}

.content ul {
    padding-left: 16px;

    list-style: disc;
}

.content ul ul {
    padding-left: 20px;
}

.content strong {
    font-family: 700;
}

.game .content {
    padding: 0px;
}

.page-list {
    padding: 20px;
}

.page-list__link {
    margin: 5px 0;

    color: #27ae60;
}

.page-list__title {
    color: #27ae60;
}

.block-balance_s1 {
    margin-bottom: 5px;

    font-size: 16px;
}

.block-balance_s2 {
    font-size: 24px;
}

.block-balance .icon {
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.block-earn .btn {
    min-width: auto;
    min-width: 100px;
    height: 35px;
    margin-left: 10px;
    padding: 0 10px;

    font-size: 12px;
    line-height: 33px;
}

.block-earn .icon {
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.block-earn_s2 {
    color: rgba(255,255,255,0.3);

    font-size: 10px;
}

.block-earn_s1 {
    margin: 0 0 3px 0;

    font-size: 12px;
    font-weight: bold;
}

.block-earn_img {
    display: block;
    flex: 0 0 auto;

    margin-right: 13px;

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
}

.block-earn_col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.block-earn_row {
    margin: 0 0 5px 0;
    padding: 13px;

    border: 1px solid #3d3e44;
    border-radius: 30px;
    background: #29292e;
}

.block-earn .executed .btn {
    cursor: default;

    color: #151619;
    border-color: #27ae60;
    background: #27ae60;
}

.block-friends .btn {
    min-width: 187px;
}

.block-friends_copy {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    width: 40px;
    height: 40px;
    margin-left: 5px;

    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    border-radius: 100%;
    background: #27ae60;
}

.block-friends_copy .icon {
    display: block;

    margin: auto;

    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    color: #151619;
    fill: #fff;
}

.block-friends_copy:hover {
    background: #27ae60;
}

.block-friends_row-2 {
    margin-bottom: 5px;
    padding: 12px;

    border: 1px solid #3d3e44;
    border-radius: 30px;
    background: #29292e;
}

.block-friends_row-2 .icon {
    flex: 0 0 auto;

    width: 35px;
    height: 35px;
    margin-right: 10px;

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
}

.block-friends_col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.block-friends_s1 {
    margin: 0 0 5px 0;

    font-size: 12px;
    font-weight: bold;
}

.block-friends_s2 {
    color: rgba(255,255,255,0.3);

    font-size: 10px;
}

.block-friends_row {
    margin-bottom: 20px;
}

.block-friends_task {
    margin-bottom: 20px;
}

.block-friends_s3 {
    font-size: 22px;
    font-weight: bold;
}

.block-friends_s4 {
    margin-left: 3px;

    color: rgba(255,255,255,0.3);
}

.block-friends_row-3 {
    margin-bottom: 20px;
}

.block-friends input {
    width: 100%;
    height: 30px;
    margin: 0px;

    border-color: #3d3e44;
    border-radius: 10px;
    background: #151619;

    font-size: 12px;
}

.block-friends .form__label,
.block-friends .form__label_row {
    width: 100%;
    margin: 0px;
}

.block-friends .form__label_inset-row {
    width: 100%;
}

.block-friends_form {
    margin-bottom: 20px;
}

.block-friends_img {
    display: block;
    flex: 0 0 auto;

    width: 30px;
    height: 30px;
    margin-right: 10px;

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
}

.block-friends_s5 {
    font-size: 12px;
}

.block-friends_s6 {
    min-width: 64px;
    height: 20px;
    padding: 0 10px;

    color: #151619;
    border-radius: 60px;
    background: #27ae60;

    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
}

.block-friends_row-4 {
    margin: 0 0 5px 0;
}

.block-game {
    position: relative;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    flex: 1;

    height: 100vh;

    border-radius: 36px 36px 0 0;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
}

.block-game_overlay.none {
    display: none;
}

.block-game_overlay {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0px;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 100%;

    background: rgba(16,22,31,0.8);

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.block-game_score {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.block-game_row {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;

    min-width: 80px;
    height: 40px;
    padding: 0 10px;

    border: 1px solid #27ae60;
    border-radius: 20px;
    background: rgba(204,254,99,0.3);
}

.block-game_row-5 {
    margin: 20px 20px 0 auto;
}

.block-game .icon_gem,
.block-game_img {
    display: block;

    width: 23.44px;
    height: 22px;
    margin: 0 5px 0 2px;
}

.block-game_row-2 {
    position: relative;
    top: -20px;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin: 100px auto auto auto;
}

.block-game_row-2 .btn {
    min-width: 206px;
    height: 55px;
    margin-top: 20px;

    border-radius: 20px;

    font-size: 20px;
    line-height: 54px;
}

.block-game_start {
    position: relative;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.block-game_gameover {
    position: relative;

    display: none;
    flex-direction: column;

    height: 100%;

    text-align: center;

    background: rgba(16,22,31,0.8);

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.block-game_gameover .block-game_row {
    margin: 10px auto;
}

.block-game_petuh {
    display: block;

    margin-bottom: 10px;

    font-size: 24px;
    font-weight: 500;
}

.block-game_result {
    display: block;

    font-weight: 400;
}

.block-game_row-3 .btn:first-child {
    margin-right: 10px;
}

.block-game_row-3 {
    margin-top: 30px;
}

.block-game_vtuz {
    margin: auto;
}

.block-game_container {
    position: absolute;
    top: 0px;
    left: 0px;

    width: 100%;
    height: 100%;

    background: url("../images/game/gamelocation.png") repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.block-game_durov {
    display: block;

    width: 64px;
    height: 100px;
}

.block-game_gem {
    display: block;

    width: 23.44px;
    height: 22px;
}

.block-game_police {
    width: 57px;
    height: 70px;
}

.block-game_wrap {
    position: relative;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    flex-direction: column;

    height: 100%;

    border-radius: 15px;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.block-game_rating {
    margin-bottom: 10px;
    padding: 10px;

    border-radius: 15px;
}

.block-game_img-face {
    display: block;

    margin-right: 5px;
}

.block-game_s1 {
    position: relative;
    z-index: 1;

    display: block;

    margin: auto;

    font-size: 30px;
    font-weight: bold;
}

.block-game_row-2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.block-game_heart {
    display: block;

    width: 23px;
    height: 23px;
    margin-right: 4px;
}

.block-game_plus {
    position: relative;

    display: block;

    width: 12px;
    height: 12px;
    margin-left: 2px;
}

.block-game_count,
.block-game_num {
    font-weight: 600;
}

.block-game_row-5 .block-game_row-4 {
    margin-right: 15px;
}

.block-game_vtuz .block-game_row {
    width: 180px;

    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.block-game_life {
    margin: 15px 0;
}

.block-game_s2 {
    font-size: 10px;

    mragin-right: 5px;
}

.block-game_s3 {
    font-size: 10px;
    font-weight: bold;
}

.block-game_row-6 {
    margin-top: 4px;
}

.block-game_s4 {
    width: 100%;
    margin: 20px 0 10px 0;

    text-align: center;

    font-size: 16px;
    font-weight: bold;
}

.block-game_spin {
    position: relative;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    flex-direction: column;

    height: 500px;

    border: 1px solid #3d3e44;
    border-radius: 30px;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.block-game_spin::after {
    position: absolute;
    top: 0px;
    left: 0px;

    width: 100%;
    height: 80px;

    content: "";

    border-radius: 30px 30px 0 0;
    background: #29292e;
    background: -webkit-linear-gradient(270deg, #29292e 30%, rgba(41,41,46,0.807) 46%, rgba(51,32,77,0) 77%);
    background: -moz-linear-gradient(270deg, #29292e 30%, rgba(41,41,46,0.807) 46%, rgba(51,32,77,0) 77%);
    background: -o-linear-gradient(270deg, #29292e 30%, rgba(41,41,46,0.807) 46%, rgba(51,32,77,0) 77%);
    background: -ms-linear-gradient(270deg, #29292e 30%, rgba(41,41,46,0.807) 46%, rgba(51,32,77,0) 77%);
    background: linear-gradient(180deg, #29292e 30%, rgba(41,41,46,0.807) 46%, rgba(51,32,77,0) 77%);
}

.block-game_spin::before {
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 0px;

    width: 100%;
    height: 80px;

    content: "";

    border-radius: 0px 0px 30px 30px;
    background: #29292e;
    background: -webkit-linear-gradient(90deg, #29292e 30%, rgba(41,41,46,0.807) 46%, rgba(51,32,77,0) 77%);
    background: -moz-linear-gradient(90deg, #29292e 30%, rgba(41,41,46,0.807) 46%, rgba(51,32,77,0) 77%);
    background: -o-linear-gradient(90deg, #29292e 30%, rgba(41,41,46,0.807) 46%, rgba(51,32,77,0) 77%);
    background: -ms-linear-gradient(90deg, #29292e 30%, rgba(41,41,46,0.807) 46%, rgba(51,32,77,0) 77%);
    background: linear-gradient(360deg, #29292e 30%, rgba(41,41,46,0.807) 46%, rgba(51,32,77,0) 77%);
}

.block-game_spin-rotator {
    position: relative;
}

.block-game_spin-rotator::after {
    position: absolute;
    z-index: 1;
    top: calc(50% - 12.5px);
    left: 0px;

    display: block;

    width: 0;
    height: 0;

    content: "";

    border-width: 12.5px 0 12.5px 35px;
    border-style: solid;
    border-color: transparent transparent transparent #27ae60;
}

.block-game_spin-rotator::before {
    position: absolute;
    z-index: 1;
    top: calc(50% - 12.5px);
    right: 0px;

    display: block;

    width: 0;
    height: 0;

    content: "";

    border-width: 12.5px 35px 12.5px 0;
    border-style: solid;
    border-color: transparent #27ae60 transparent transparent;
}

.block-game_spin-wrap {
    padding: 0 10px;
}

.block-game_s5 {
    max-width: 175px;
    margin-left: 10px;

    text-align: center;

    font-weight: 700;
    line-height: 20px;
}

.block-game_item {
    height: 100px;
    padding: 2.5px 0;

    cursor: default;

    opacity: 15%;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1500%)";
    filter: alpha(opacity=1500%);
}

.block-game_item-wrap {
    height: 95px;
    padding: 4px 20px;

    border: 1px solid #808080;
    border-radius: 20px;
}

.block-game .ticket {
    width: 80px;
    height: 40px;
}

.pink-ticket .block-game_item-wrap {
    border-color: #f263fe;
    background: rgba(242,99,254,0.1);
}

.pink-ticket .block-game_item-wrap .ticket {
    background: url("../images/svg/pink-ticket.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.red-ticket .block-game_item-wrap {
    border-color: #fe6363;
    background: rgba(254,99,99,0.1);
}

.red-ticket .block-game_item-wrap .ticket {
    background: url("../images/svg/red-ticket.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.yellow-ticket .block-game_item-wrap {
    border-color: #fedc63;
    background: rgba(254,220,99,0.1);
}

.yellow-ticket .block-game_item-wrap .ticket {
    background: url("../images/svg/yellow-ticket.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.blue-ticket .block-game_item-wrap {
    border-color: #63e2fe;
    background: rgba(99,226,254,0.1);
}

.blue-ticket .block-game_item-wrap .ticket {
    background: url("../images/svg/blue-ticket.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.orange-ticket .block-game_item-wrap {
    border-color: #fe9163;
    background: rgba(254,145,99,0.1);
}

.orange-ticket .block-game_item-wrap .ticket {
    background: url("../images/svg/orange-ticket.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.block-game .active {
    opacity: 100%;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10000%)";
    filter: alpha(opacity=10000%);
}

.block-game_s6 {
    margin-right: 3px;

    color: #27ae60;

    font-weight: 700;
}

.block-game_row-8 {
    margin: 15px 0;
    padding: 0 20px;
}

.block-game_row-9 {
    padding: 0 20px;
}

.block-game_row-9 .btn {
    width: 50%;
}

.block-game_row-9 .btn:first-child {
    margin-right: 10px;
}

.block-game .icon_info {
    display: block;

    margin-right: 5px;

    color: #fff;
}

.block-game_row-10 {
    margin: 20px 0;
    padding: 0 20px;
}

.block-game_rotate {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    padding: 0 20px;
}

.block-game .icon_spin {
    display: block;
    display: block;

    margin-right: 5px;
}

.block-game_s8 {
    width: 100%;

    text-align: center;

    color: #27ae60;

    font-size: 23px;
    font-weight: bold;
}

.block-game_col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    width: 310px;
    height: 310px;
    margin: 60px auto 0 auto;
    padding: 20px;

    background: url("../images/background/bg.png") no-repeat center;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.block-game_center {
    width: 100%;
    margin: auto;
}

.block-game_row-3 .btn {
    min-width: 160px;
}

.block-game_s10 {
    margin: 15px 0 10px 0;

    font-size: 16px;
    font-weight: bold;
}

.block-game_s11 {
    margin: 15px 0;

    color: #66676a;

    font-size: 16px;
}

.block-game_col-2 {
    width: 310px;
    margin: auto;
    padding: 20px;

    text-align: center;

    background: url("../images/background/bg.png") no-repeat top center;
}

.block-game_col-2 .block-game_s8 {
    margin-top: 20px;

    font-size: 27px;
}

.block-game_box {
    display: block;

    width: 73px;
    height: 85px;
}

.block-game_col-2 .block-game_box {
    margin: 15px auto 5px auto;
}

.block-game_s12 {
    margin: 0 0 10px 0;

    color: #fff;

    font-size: 16px;
    font-weight: bold;
}

.block-game_s13,
.block-game_s14 {
    display: block;

    color: #fff;

    font-size: 12px;
    font-weight: 600;
}

.block-game_slide {
    width: 25%;

    text-align: center;
}

.block-game_imgs {
    display: block;

    width: 73px;
    height: 85px;
    margin: auto auto 8px auto;
}

.block-game_swrap {
    padding: 0 7px;
}

.block-games_s2 {
    display: block;

    max-width: 247px;
    margin: 0 auto;

    text-align: center;

    font-size: 12px;
}

.block-games_cell {
    position: relative;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    flex-direction: column;

    width: 100%;
    height: 130px;
    margin-bottom: 20px;
    padding: 10px;

    cursor: pointer;
    text-align: center;

    border: 1px solid #3d3e44;
    border-radius: 30px;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.block-games_cell::after {
    position: absolute;
    top: 0px;
    left: 0px;

    width: 100%;
    height: 100%;

    content: "";

    background: rgba(21,22,25,0.7);
}

.block-games_s1 {
    position: relative;
    z-index: 1;

    margin: auto;
    margin: auto 0 5px 0;

    text-transform: uppercase;

    font-size: 27px;
    font-weight: bold;
}

.soon .block-games_s1 {
    color: rgba(105,105,105,0.3);
}

.block-games .soon {
    cursor: default;

    background: rgba(21,22,25,0.2);
}

.block-games .soon::after {
    display: none;

    content: "";
}

.block-games_img {
    position: absolute;
    top: 0px;
    left: 0px;

    display: block;

    width: 100%;
    height: 100%;
}

.block-games .bg1 {
    background: url("../images/background/banner2.png") no-repeat center;
}

.block-games .bg2 {
    background: url("../images/background/banner3.png") no-repeat center;
}

.block-games_row {
    position: relative;
    z-index: 1;

    margin: 5px 10px 0 auto;
}

.block-games_row .row {
    margin-left: 10px;
}

.block-games_row svg {
    display: block;

    margin-right: 5px;
}

.block-home_wrap {
    display: block;
}

.block-home_s1 {
    display: block;

    margin-bottom: 5px;

    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}

.block-home_s2 {
    margin-right: 10px;

    font-size: 12px;
    line-height: 16px;
}

.block-home_streak .block-home_s2 {
    width: calc(100% - 82px);
}

.block-home_day {
    position: relative;

    width: 18px;
    height: 18px;

    text-align: center;

    color: rgba(255,255,255,0.3);
    border-radius: 100%;
    background: #25262b;
    -webkit-box-shadow: 0 0 0 4px rgba(255,255,255,0.1);
    box-shadow: 0 0 0 4px rgba(255,255,255,0.1);

    font-size: 10px;
    line-height: 18px;
}

.block-home_row {
    max-width: 230px;
    margin-top: 15px;
}

.block-home .active {
    color: transparent;
    background: #27ae60;
}

.block-home .active::after {
    position: absolute;
    top: 2px;
    left: 2px;

    display: block;

    width: 14px;
    height: 14px;

    content: "";

    background: url("../images/svg/check.svg") no-repeat center;
}

.block-home_streak {
    position: relative;

    margin-bottom: 20px;
    padding: 20px;

    border: 1px solid #3d3e44;
    border-radius: 30px;
}

.block-home_calendar {
    position: absolute;
    top: -15px;
    right: -5px;

    width: 100px;
    height: 100px;

    background: url("../images/svg/calendar.svg") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}

.block-home .icon {
    display: block;

    margin-right: 10px;

    color: #27ae60;
}

.block-home_claim {
    margin: 0 0 40px 0;
    padding: 10px 20px;

    border: 1px solid #3d3e44;
    border-radius: 20px;
}

.block-home_balance {
    position: relative;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    margin-bottom: 20px;
    padding: 0px 20px 15px 20px;

    border: 1px solid #3d3e44;
    border-radius: 30px;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.block-home_balance .icon {
    width: 16px;
    height: 16px;
}

.block-home_s4 {
    margin-right: 10px;

    font-weight: 600;
}

.block-home_col:last-child span {
    margin-right: 0px;
}

.block-home_s3 {
    display: block;

    margin: 0 0 5px 0;

    color: rgba(255,255,255,0.3);

    font-size: 12px;
}

.block-home_total .icon {
    display: block;
    flex: 0 0 auto;

    width: 30px;
    height: 30px;
    margin-right: 0px;
    margin-left: 5px;

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
}

.block-home_total {
    position: relative;
    top: -20px;

    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;

    min-width: 133px;
    height: 40px;
    margin: 0 auto;

    border-radius: 25px;
    background: #27ae60;
}

.block-home_s5 {
    width: 100%;
    padding: 0 15px 0 10px;

    text-align: center;

    color: #fff;

    font-size: 18px;
    font-weight: 800;
}

.block-home_img {
    display: block;

    width: 100%;
    height: auto;

    border-radius: 30px;
}

.block-home_banner {
    display: block;
}

.block-loading {
    position: fixed;
    z-index: 10;
    top: 0px;
    left: 0px;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;

    background: #1e1e1e;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

@keyframes amin {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.block-loading_logo {
    display: block;

    width: 200px;
    height: 186px;
    margin: auto;

    background: url("../images/svg/loader.svg") no-repeat center;
    animation: amin 2s infinite;
}

.block-logo {
    margin: 25px auto;
}

.block-logo svg {
    display: block;

    margin: auto;
}

.block-maintanance {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;

    background: #1e1e1e;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.block-maintanance_row {
    margin: 15px 0 0 0;
}

.block-maintanance .btn {
    min-width: 150px;
}

.block-maintanance_wrap {
    margin: auto;
}

.block-maintanance_s1 {
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0 10px;

    text-align: center;

    font-size: 18px;
    font-weight: bold;
}

.block-maintanance_s2 {
    display: block;

    max-width: 214px;
    margin: 0 auto;

    text-align: center;

    font-size: 12px;
}

.none {
    display: none;
}

.block-modals {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.block-modals_overlay {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    background: rgba(37,38,43,0.8);
}

.block-modals_wrap {
    position: relative;
    z-index: 2;

    width: 100%;
    min-width: 380px;
    max-width: 430px;
    margin: auto auto 0 auto;
    padding: 20px;

    border-radius: 30px 30px 0 0;
    background: #25262b;
    -webkit-box-shadow: 0 0 10px rgba(21,22,25,0.5);
    box-shadow: 0 0 10px rgba(21,22,25,0.5);
}

.block-modals_wrap::before {
    display: block;

    width: 80px;
    height: 5px;
    margin: 0 auto 20px auto;

    content: "";

    border-radius: 10px;
    background: #27ae60;
}

.block-modals_btn-wrap {
    margin-top: 20px;
}

.block-modals_btn-wrap .btn {
    width: 100%;
}

.block-modals .form__label {
    position: relative;
}

.block-modals_drop {
    position: relative;

    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;

    min-width: 100px;
    height: 40px;
    padding: 8px;

    cursor: pointer;

    border-radius: 20px;
    background: #222327;
}

.block-modals_menu {
    position: absolute;
    z-index: 1;
    top: 44px;
    left: 0px;

    width: 100%;
    margin-top: 10px;
    padding: 8px;

    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    opacity: 0;
    border-radius: 10px;
    background: #222327;

    visibily: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.block-modals_drop:hover .block-modals_menu {
    margin-top: 0;

    opacity: 1;

    -ms-filter: none;
    filter: none;
    visibilyty: visible;
}

.block-modals_drop:hover .drop {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.block-modals_cur .icon {
    display: block;

    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.block-modals .drop {
    display: block;

    width: 10px;
    height: 10px;
    margin-right: 5px;
    margin-left: 10px;

    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    background: url("../images/svg/drop.svg") no-repeat center;
}

.block-modals .ta-center input {
    text-align: center;
}

.block-modals_m-row {
    margin-bottom: 4px;
}

.block-modals_m-row:last-child {
    margin: 0px;
}

.block-modals_name {
    text-transform: uppercase;

    font-size: 12px;
}

.block-modals_max {
    flex: 0 0 auto;

    min-width: 50px;
    margin-right: 10px;

    color: #27ae60;

    font-size: 12px;

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
}

.block-modals .form__label_reset {
    width: auto;
}

.block-modals .form__label_reset input {
    width: auto;
    min-width: 125px;
    height: auto;
    padding: 5px;

    text-align: center;

    border-color: #2a2b31 !important;
}

.block-modals_l-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    height: 50px;
    margin-bottom: 5px;
    padding: 0 5px 0 5px;

    border-radius: 30px;
    background: #2a2b31;
}

.block-modals p {
    padding: 0px;

    text-align: center;

    color: #fff;

    font-size: 12px;
    line-height: 16px;
}

.block-modals_title {
    width: 100%;
    margin-bottom: 15px;

    text-align: center;

    font-size: 24px;
    font-weight: bold;
}

.block-modals ul {
    margin: 20px 0 0 0;
}

.block-modals li {
    margin-bottom: 15px;
}

.block-modals li:last-child {
    margin: 0px;
}

.block-modals li p {
    text-align: left;
}

.block-modals li h5 {
    margin: 0px;

    color: #fff;

    font-size: 12px;
}

.block-modals_sub {
    width: 100%;
    margin: 0 0 15px 0;

    text-align: center;

    color: #66676a;

    font-size: 12px;
}

.block-modals_title-2 {
    display: block;

    max-width: 190px;
    margin: 0 auto;

    text-align: center;

    font-weight: bold;
}

.block-modals_sub-2 {
    width: 100%;

    text-align: center;

    color: #66676a;

    font-size: 12px;
}

.block-modals_row-2 {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;

    min-width: 120px;
    height: 50px;
    margin: 5px auto 0 auto;
    padding: 0 15px;

    border-radius: 30px;
    background: #2a2b31;
}

.block-modals_row-2 .icon {
    display: block;

    width: 18px;
    height: 18px;
    margin-left: 8px;
}

.block-modals_s1 {
    color: #27ae60;

    font-weight: bold;
    line-height: 16px;
}

.block-modals .form__label_1 {
    margin-top: 10px;
}

.block-modals .form__label_1 input {
    margin-top: 8px;
}

.block-modals .form__label_1 span {
    margin-left: 20px;

    font-size: 12px;
}

.block-modals_img {
    display: block;

    width: 60px;
    height: 60px;
    margin: 0 auto 15px auto;
}

.block-modals_sub-3 {
    display: block;

    max-width: 190px;
    margin: 8px auto 10px auto;

    text-align: center;

    color: #66676a;

    font-size: 12px;
}

.block-modals_task .icon {
    display: block;

    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.block-modals_s3 {
    font-size: 16px;
    font-weight: bold;
}

.block-modals_task {
    padding: 12px 10px;
}

.block-modals_task-wrap {
    overflow: hidden;

    margin: 0 0 5px 0;

    border-radius: 13px;
    background: #151619;
}

.block-modals_info {
    padding: 12px 10px;

    background: #fff;
}

.block-modals_info .btn {
    width: auto;
    min-width: auto;
    max-width: auto;
    margin-left: auto;

    border-radius: 5px;
}

.block-modals_info span {
    margin-right: 20px;

    color: #151619;

    font-size: 12px;
}

.block-modals .completed {
    border: 1px solid #27ae60;
    background: rgba(204,254,99,0.3);
}

.block-modals_s5 {
    display: block;

    max-width: 235px;
    margin: 15px auto;

    text-align: center;

    font-size: 12px;
}

.block-modals_bottom {
    margin: 0 -20px -20px -20px;
    padding: 20px;

    border-radius: 16px 16px 0 0;
    background: #151619;
}

.block-modals_label-wrap {
    max-width: 270px;
    margin: 0 auto;
}

.block-modals select {
    width: 100%;
    height: 50px;
}

.block-modals .form__label_2 {
    max-width: 64px;
}

.block-modals .form__label_2 input {
    padding: 0 10px;

    text-align: center;

    border-radius: 15px;
}

.block-modals_check {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    max-width: 200px;
    height: 40px;
    margin: 20px auto 0 auto;
    padding: 0 10px;

    border: 1px solid #27ae60;
    border-radius: 10px;
    background: rgba(204,254,99,0.1);

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.block-modals_s6 {
    width: 100%;

    text-align: center;

    color: #27ae60;

    font-size: 12px;
}

.block-modals_s7 {
    width: 100%;

    text-align: center;

    font-weight: bold;
}

.block-modals_s9 {
    display: block;

    font-size: 14px;
    font-weight: bold;
}

.block-modals_cur {
    margin: 0 5px;
    padding: 8px;

    cursor: pointer;
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    border: 1px solid #2a2b31;
    border-radius: 30px;
    background: #2a2b31;
}

.block-modals_cur:hover {
    border-color: #27ae60;
}

.block-modals .active {
    border-color: #27ae60;
}

.block-modals_row-3 {
    margin-top: 20px;
}

.block-modals_s11 {
    color: #27ae60;

    font-size: 12px;
    font-weight: bold;
}

.block-modals_s10 {
    margin-right: 5px;
}

.block-modals_row-4 {
    margin: 0 0 5px 0;
}

.block-rating_stat {
    position: relative;

    margin: 20px 0;
    padding: 10px;

    border: 1px solid #3d3e44;
    border-radius: 30px;
    background: #29292e;
}

.block-rating_row-2 {
    padding: 5px;

    border-radius: 20px;
    background: #27ae60;
}

.block-rating_img {
    display: block;
    flex: 0 0 auto;

    margin-right: 5px;

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
}

.block-rating_s1 {
    text-transform: uppercase;

    color: #151619;

    font-weight: bold;
}

.block-rating_s2 {
    text-transform: uppercase;

    color: #151619;
}

.block-rating_row-3 {
    margin: 2px 0 0 0;
    padding: 4px 10px;

    border-radius: 10px;
    background: #151619;
}

.block-rating_s3,
.block-rating_s4 {
    font-size: 10px;
}

.block-rating_s4 {
    margin-left: 3px;

    font-weight: bold;
}

.block-rating_s5 {
    font-size: 8px;
}

.block-rating_s6 {
    display: block;

    color: #27ae60;

    font-weight: bold;
}

.block-rating_col-2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex: 1;

    padding: 10px;

    border-radius: 20px;
    background: #1f2025;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
}

.block-rating_col-2:nth-child(2) {
    margin: 0 10px;
}

.block-rating_wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    margin: auto;

    text-align: center;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.block-rating_s7 {
    width: 100%;
    margin: 10px 0 0 0;

    text-align: center;

    font-weight: bold;
}

.block-rating_row-4 {
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.block-rating_s8 {
    color: #27ae60;

    font-size: 10px;
}

.block-rating_info {
    display: block;

    width: 16px;
    height: 16px;
    margin-left: 5px;

    background: url("../images/svg/info.svg") no-repeat center;
}

.block-rating_s9 {
    display: block;

    color: #27ae60;

    font-size: 10px;
    font-weight: bold;
}

.block-rating_s10 {
    display: block;

    margin: 4px 0;

    font-size: 10px;
}

.block-rating_s11 {
    display: block;

    font-size: 10px;
    font-weight: bold;
}

.block-rating .gem {
    display: block;

    width: 10px;
    height: 10px;
    margin-right: 4px;

    background: url("../images/svg/gem.svg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.block-rating_img-2 {
    display: block;

    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.block-rating_place {
    position: relative;
    top: -10px;

    width: 20px;
    height: 20px;
    margin: 0 auto;

    color: #fff;
    border-radius: 100%;
    background: #ffc700;

    font-size: 12px;
    font-weight: bold;
    line-height: 21px;
}

.second .block-rating_img-2,
.third .block-rating_img-2 {
    width: 50px;
    height: 50px;
}

.second .block-rating_place {
    background: #bbb;
}

.third .block-rating_place {
    background: #c07300;
}

.block-rating_col-3 {
    width: 33.3%;

    text-align: center;
}

.block-rating_top {
    margin-bottom: 20px;
}

.block-rating_img-3 {
    display: block;

    width: 30px;
    height: 30px;
    margin: 0 10px;
}

.block-rating_s12 {
    min-width: 84px;
    height: 20px;
    padding: 0 10px;

    text-align: center;

    color: #151619;
    border: 1px solid #27ae60;
    border-radius: 50px;
    background: #27ae60;

    font-size: 10px;
    font-weight: bold;
    line-height: 19px;
}

.block-rating_num {
    width: 20px;
    height: 20px;

    text-align: center;

    color: #151619;
    border: 1px solid #27ae60;
    border-radius: 5px;
    background: #27ae60;

    font-size: 10px;
    font-weight: bold;
    line-height: 19px;
}

.none .block-rating_num,
.none .block-rating_s12 {
    color: #fff;
    border: 1px solid #3d3e44;
    background: transparent;
}

.block-rating_row-6 {
    margin-bottom: 10px;
}

.block-rating_row-6:last-child {
    margin-bottom: 0px;
}

.block-settings_row {
    height: 40px;
    margin-bottom: 5px;
    padding: 10px;

    border: 1px solid #3d3e44;
    border-radius: 60px;
    background: #29292e;
}

.block-settings_row-2 .icon {
    display: block;
    flex: 0 0 auto;

    margin-right: 6px;

    color: rgba(255,255,255,0.3);

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
}

.block-settings_s1 {
    font-size: 12px;
}

.block-settings_s2 {
    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    color: rgba(255,255,255,0.3);

    font-size: 12px;
}

.block-settings_row-3 .icon {
    display: block;
    flex: 0 0 auto;

    width: 20px;
    height: 20px;
    margin-left: 6px;

    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    color: rgba(255,255,255,0.3);

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
}

.block-settings .id:hover .icon,
.block-settings .id:hover span {
    cursor: pointer;

    color: #27ae60;
}

.block-txns_icon {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex: 0 0 auto;

    width: 35px;
    height: 35px;
    margin-right: 10px;

    border-radius: 100%;
    background: #1e1f23;

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
}

.block-txns_icon .icon {
    display: block;
    flex: 0 0 auto;

    width: 12px;
    height: 18px;
    margin: auto;

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
}

.block-txns .down {
    background: url("../images/svg/down.svg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.block-txns .up {
    background: url("../images/svg/up.svg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.block-txns_row {
    min-height: 60px;
    margin: 0 0 5px 0;
    padding: 4px 20px 4px 10px;

    border: 1px solid #3d3e44;
    border-radius: 30px;
}

.block-txns_s2 {
    font-size: 12px;
}

.block-txns_s3 {
    position: relative;
    top: 2px;

    color: rgba(255,255,255,0.3);

    font-size: 10px;
}

.block-txns_s4 {
    max-width: 80px;
    height: 20px;
    margin-top: 5px;
    padding: 0 10px;

    border-radius: 30px;
    background: #1e1f23;

    font-size: 10px;
    line-height: 20px;
}

.block-txns_col {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.block-txns_col-2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    text-align: right;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.block-txns_s5 {
    color: #fe6363;

    font-size: 12px;
}

.block-txns_row-3 .icon {
    display: block;

    width: 14px;
    height: 14px;
    margin-left: 5px;
}

.block-txns_s6 {
    margin: 2px 0;

    font-size: 12px;
}

.block-txns_s1 {
    display: block;

    width: 100%;
    width: 100%;
    margin: 10px 0;

    text-align: center;

    color: rgba(255,255,255,0.3);

    font-size: 12px;
}

.block-txns .done {
    color: #27ae60;
}

.empty-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    padding: 30px 0 40px 0;

    text-align: center;
}

.empty-block .empty-wrap .icon {
    display: block;

    width: 56px;
    height: 56px;
    margin: 0px auto 20px auto;

    color: #fbd133;
}

.empty-block span {
    display: block;

    color: #003258;

    font-size: 14px;
    line-height: 24px;
}

.empty-block .btn {
    margin: 20px 0 0 0;
}

.empty-block .empty-wrap {
    margin: auto;
}

.bottom {
    position: fixed;
    z-index: 2;
    bottom: 10px;
    bottom: 10px;

    width: 100%;
    max-width: 430px;
    margin-top: auto;
    padding: 0px 0 0px 0;
}

.bottom .icon {
    display: block;
    flex: 0 0 auto;

    margin: 0 auto;

    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    color: #3d3e44;

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
}

.bottom_s1 {
    display: none;

    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;

    color: #3d3e44;

    font-size: 12px;
}

.bottom_btn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    width: 55px;
    height: 50px;

    -webkit-transition: ease-in-out 0.2s;
    -moz-transition: ease-in-out 0.2s;
    -ms-transition: ease-in-out 0.2s;
    -o-transition: ease-in-out 0.2s;
    transition: ease-in-out 0.2s;
    text-align: center;

    border-radius: 15px;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.bottom_btn:hover {
    color: #fff;
}

.bottom_btn:hover .bottom_s1,
.active .bottom_s1 {
    color: #fff;
}

.bottom_btn:hover .icon {
    color: #27ae60;
}

.bottom_row {
    min-height: 50px;
    padding: 0 5px;

    border: 1px solid #3d3e44;
    border-radius: 15px;
    background: #25262b;
}

.bottom_btn.active {
    position: relative;
    top: -5px;

    width: 55px;
    height: 55px;

    background: #27ae60;
}

.bottom_btn.active .icon {
    color: #151619;
}

.bottom_btn.active span {
    display: block;
}

.bottom .icon_home {
    margin: 3px 0;
}

.top {
    padding: 20px 0 0 0;
}

.top_row {
    max-width: 300px;
    height: 53px;
    margin: 0 auto;
    padding: 10px 15px;

    border: 1px solid #3d3e44;
    border-bottom: none;
    border-radius: 20px 20px 0 0;
    background: #25262b;
}

.top_pic {
    display: block;

    width: 35px;
    height: 35px;
    margin-right: 8px;

    border-radius: 10px;
}

.top .icon {
    display: block;

    width: 20px;
    height: 20px;
    margin: auto;

    color: #3d3e44;
}

.top_link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    width: 30px;
    height: 30px;

    border-radius: 8px;
}

.top_link:nth-child(2) {
    margin: 0 5px;
}

.top_link.active {
    background: #27ae60;
}

.top_link.active .icon {
    color: #000;
}

.top_s1 {
    overflow: hidden;

    width: 120px;

    white-space: pre;
    text-overflow: ellipsis;

    font-size: 14px;
    font-weight: 600;

    -o-text-overflow: ellipsis;
}

.top_s2 {
    color: rgba(255,255,255,0.4);

    font-size: 12px;
}

.top_col-2 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.icon {
    fill: #fff;
    fill-rule: evenodd;
}

.app__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    max-width: 100%;
    height: 100vh;
    min-height: 100vh;
    margin: 0 auto;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    padding-bottom: 100px;

    border-top: 10px solid #27ae60;
    border-radius: 40px 40px 0 0;
    background: #25262b;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

@font-face {
    font-family: 'opensans-bold-webfont';
    font-weight: 'normal';
    font-style: 'normal';

    src: url("../fonts/opensans-bold-webfont.eot");
    src: url("../fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-bold-webfont.woff2") format("woff2"), url("../fonts/opensans-bold-webfont.woff") format("woff"), url("../fonts/opensans-bold-webfont.ttf") format("truetype"), url("../fonts/opensans-bold-webfont.svg#opensans-bold-webfont") format("svg");
}

@font-face {
    font-family: 'opensans-regular-webfont';
    font-weight: 'normal';
    font-style: 'normal';

    src: url("../fonts/opensans-regular-webfont.eot");
    src: url("../fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans-regular-webfont.ttf") format("truetype"), url("../fonts/opensans-regular-webfont.svg#opensans-regular-webfont") format("svg");
}

@font-face {
    font-family: 'opensans-light-webfont';
    font-weight: 'normal';
    font-style: 'normal';

    src: url("../fonts/opensans-light-webfont.eot");
    src: url("../fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-light-webfont.woff2") format("woff2"), url("../fonts/opensans-light-webfont.woff") format("woff"), url("../fonts/opensans-light-webfont.ttf") format("truetype"), url("../fonts/opensans-light-webfont.svg#opensans-light-webfont") format("svg");
}

@font-face {
    font-family: 'opensans-semibold-webfont';
    font-weight: 'normal';
    font-style: 'normal';

    src: url("../fonts/opensans-semibold-webfont.eot");
    src: url("../fonts/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-semibold-webfont.woff2") format("woff2"), url("../fonts/opensans-semibold-webfont.woff") format("woff"), url("../fonts/opensans-semibold-webfont.ttf") format("truetype"), url("../fonts/opensans-semibold-webfont.svg#opensans-semibold-webfont") format("svg");
}

@font-face {
    font-family: 'opensans-italic-webfont';
    font-weight: 'normal';
    font-style: 'normal';

    src: url("../fonts/opensans-italic-webfont.eot");
    src: url("../fonts/opensans-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-italic-webfont.woff2") format("woff2"), url("../fonts/opensans-italic-webfont.woff") format("woff"), url("../fonts/opensans-italic-webfont.ttf") format("truetype"), url("../fonts/opensans-italic-webfont.svg#opensans-italic-webfont") format("svg");
}

@-moz-keyframes progress-anim {
    0% {
        width: 0%;
    }

    5% {
        width: 0%;
    }

    10% {
        width: 15%;
    }

    30% {
        width: 40%;
    }

    50% {
        width: 55%;
    }

    80% {
        width: 100%;
    }

    100% {
        width: 100%;
    }
}

@-webkit-keyframes progress-anim {
    0% {
        width: 0%;
    }

    5% {
        width: 0%;
    }

    10% {
        width: 15%;
    }

    30% {
        width: 40%;
    }

    50% {
        width: 55%;
    }

    80% {
        width: 100%;
    }

    100% {
        width: 100%;
    }
}

@-o-keyframes progress-anim {
    0% {
        width: 0%;
    }

    5% {
        width: 0%;
    }

    10% {
        width: 15%;
    }

    30% {
        width: 40%;
    }

    50% {
        width: 55%;
    }

    80% {
        width: 100%;
    }

    100% {
        width: 100%;
    }
}

@keyframes progress-anim {
    0% {
        width: 0%;
    }

    5% {
        width: 0%;
    }

    10% {
        width: 15%;
    }

    30% {
        width: 40%;
    }

    50% {
        width: 55%;
    }

    80% {
        width: 100%;
    }

    100% {
        width: 100%;
    }
}

@-moz-keyframes rotateLoader {
    0% {
        -webkit-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotateLoader {
    0% {
        -webkit-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes rotateLoader {
    0% {
        -webkit-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotateLoader {
    0% {
        -webkit-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}