/* а можно не дефолт, а сделать так */

body{
    background: var(--bg-body);
}
input::placeholder {
 color: #9a9a9a;
}

input[type='email'].styler,
input[type='password'].styler,
input[type='search'].styler,
input[type='tel'].styler,
input[type='text'].styler,
input[type='url'].styler,
textarea.styler {
	padding: 8px 9px;
	border: 1px solid rgba(0,0,0,0.3);
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px Arial, sans-serif;
	color: #333;
}
input[type='search'].styler {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
textarea.styler {
	overflow: auto;
}
input[type='email'].styler:hover,
input[type='password'].styler:hover,
input[type='search'].styler:hover,
input[type='tel'].styler:hover,
input[type='text'].styler:hover,
input[type='url'].styler:hover,
textarea.styler:hover {
	border-color: #B3B3B3;
}
input[type='email'].styler:hover:focus,
input[type='password'].styler:hover:focus,
input[type='search'].styler:hover:focus,
input[type='tel'].styler:hover:focus,
input[type='text'].styler:hover:focus,
input[type='url'].styler:hover:focus,
textarea.styler:hover:focus {
	border-color: #CCC;
	border-top-color: #B3B3B3;
	outline: none;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
button.styler,
input[type='button'].styler,
input[type='submit'].styler,
input[type='reset'].styler {
	overflow: visible;
	padding: 8px 11px;
	border: 1px solid rgba(0,0,0,0.3);
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	outline: none;
	background: linear-gradient(#FFF, #E6E6E6);
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1);
	font: 14px Arial, sans-serif;
	color: #333;
	text-shadow: 1px 1px #FFF;
	cursor: pointer;
}
button.styler.styler::-moz-focus-inner,
input[type='button'].styler.styler::-moz-focus-inner,
input[type='submit'].styler.styler::-moz-focus-inner,
input[type='reset'].styler.styler::-moz-focus-inner {
	padding: 0;
	border: 0;
}
button.styler:not([disabled]):hover,
input[type='button'].styler:not([disabled]):hover,
input[type='submit'].styler:not([disabled]):hover,
input[type='reset'].styler:not([disabled]):hover,
input[type='reset'].styler:hover {
	background: linear-gradient(#F6F6F6, #E6E6E6);
}
button.styler:active,
input[type='button'].styler:active,
input[type='submit'].styler:active,
input[type='reset'].styler:active {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
button.styler[disabled],
input[type='button'].styler[disabled],
input[type='submit'].styler[disabled] {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}


.iti__flag_box  {
    display: inline-block;

    margin-left: 7px;
    margin-right: 9px;
    margin-top: 8px;
}
.flag_box{
    width: 14px;
    background-image: url("/images/flags.png");

    height: 14px;
    border-radius: 100px;
    box-shadow: 0px 0px 1px 0px #888;
    background-repeat: no-repeat;
}

@media (max-width:880px) {
    .select2-container{
        width: 100%;
        min-width: 100%!important;
    }

}

#country-styler, #country{
    width: 100%;
    min-width: 250px;
}


.texst1 {
    color: #52759b;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .025em;
}
.form-ios-select {
    height: 30px;
    padding: 0px 10px 0 5px;
    border-radius: 4px;
    background: var(--bg-select);
    background: var(--bg-select-linear-gradient);
    color:var(--bg-select-color)!important;
    font: 13px/32px Arial, sans-serif;
    border: none;
}

.lang  {
    color: #fff;
}
.form-row p{
	width: 33% !important;
}
.form-row select{
	width: 100% !important;
}
.form-row{
	margin-bottom: 5px;
}

.bord-bottom {
	border-bottom: 2px solid #ecf0f5;

}
.bs-TextInput {
	border-color:
			#eee;


}
 
.das {
    margin-top: 15px;

}
@media (max-width: 670px) {
	.das {
		margin-top: 5px;

	}
}

.hline {

	width: 100%;
	height: 4px;
	background: url('/img/hline-bg.png') repeat-x 0 0;


}
.chat_text{
	width: 80%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.html5-progress-bar {
    margin-left: 15px;
width: 90%!important;
    margin-right: 15px;
    border-radius: 3px;
    margin-bottom: 15px;
}
.html5-progress-bar progress {
    background-color: #ecf1f4;
    border: 0;
    width: 85%;
    height: 18px;
    border-radius: 9px;
}
.html5-progress-bar progress::-webkit-progress-bar {
    background-color: #f3f3f3;
    border-radius: 9px;
}
.html5-progress-bar progress::-webkit-progress-value {
    background: #cbe98b;
    background: -moz-linear-gradient(top,  #cbe98b 0%, #a5c956 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbe98b), color-stop(100%,#a5c956));
    background: -webkit-linear-gradient(top,  #cbe98b 0%,#a5c956 100%);
    background: -o-linear-gradient(top,  #cbe98b 0%,#a5c956 100%);
    background: -ms-linear-gradient(top,  #cbe98b 0%,#a5c956 100%);
    background: linear-gradient(to bottom,  #cbe98b 0%,#a5c956 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbe98b', endColorstr='#a5c956',GradientType=0 );
    border-radius: 9px;
}
.html5-progress-bar progress::-moz-progress-bar {
    background: #cbe98b;
    background: -moz-linear-gradient(top,  #cbe98b 0%, #a5c956 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbe98b), color-stop(100%,#a5c956));
    background: -webkit-linear-gradient(top,  #cbe98b 0%,#a5c956 100%);
    background: -o-linear-gradient(top,  #cbe98b 0%,#a5c956 100%);
    background: -ms-linear-gradient(top,  #cbe98b 0%,#a5c956 100%);
    background: linear-gradient(to bottom,  #cbe98b 0%,#a5c956 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
    border-radius: 9px;
}
.html5-progress-bar .progress-value {

    line-height: 20px;
    margin-left: 5px;
    font-size: 1em;
    color: var(--progress-value);

    height: 18px;
    float: right;
}

.progressbar-text{
    font-family: Camphor, Segoe UI, Open Sans, sans-serif;
    box-sizing: border-box;
    font-size: 14px;

    font-weight: 500;
    color: #24b47e;

    height: 40px;
    line-height: 20px;
    margin-top: 5px;
}
#downloaded {
    color: #3498db;
}
#downloadSpeed{
    color: var(--downloadSpeed);
}
.f12{
    font-size:12px ;
}
.display_none{
    display: none;
}
.text_progress{
    color: var(--side-menu);
    text-decoration: none;cursor: pointer;font-weight: 600;font-size: 13px;
}
.col_sew{
    padding-left: 5px;
}

.card .card-content {
    padding:24px
}
.card .card-content p {
    margin:0
}
.card .card-content .card-title {
    line-height:32px;
    display:block;
    margin-bottom:8px
}
.card .card-content .card-title i {
    line-height:32px
}
.card .card-action {
    position:relative;
    padding:16px 24px;
    border-top:1px solid rgba(160,160,160,.2);
    background-color:inherit
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
    margin-right:24px;
    -webkit-transition:color .3s ease;
    transition:color .3s ease;
    text-transform:uppercase;
    color:#3949ab
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
    color:#7885d2
}
.card .card-reveal {
    position:absolute;
    z-index:3;
    top:100%;
    left:0;
    display:none;
    overflow-y:auto;
    width:100%;
    height:100%;
    padding:24px;
    background-color:#fff
}
.card .card-reveal .card-title {
    display:block;
    cursor:pointer
}

table.highlight>tbody>tr:hover,
table.striped>tbody>tr:nth-child(odd) {
    background-color:rgba(242,242,242,.5)
}
table,
td,
th {
    border:none
}
table {
    display:table;
    width:100%;
    border-spacing:0;
    border-collapse:collapse
}
table.striped tr {
    border-bottom:none
}
table.striped>tbody>tr>td {
    border-radius:0
}
table.highlight>tbody>tr {
    -webkit-transition:background-color .25s ease;
    transition:background-color .25s ease
}
tr {
    border-bottom:1px solid rgba(0,0,0,.12)
}
td,
th {
    display:table-cell;
    padding:6px 5px;
    text-align:left;
    vertical-align:middle;
    border-radius:2px
}

th {
    background: #f7fafc;
    color: #1a1f36;
    font-weight: 300;
    font-size: 13px;
}



@media only screen and (max-width:992px) {
    table.responsive-table td:empty:before,
    table.responsive-table thead tr th::before {
        content:'\00a0'
    }
    table.responsive-table {
        position:relative;
        display:block;
        width:100%;
        border-spacing:0;
        border-collapse:collapse
    }
    table.responsive-table td,
    table.responsive-table th {
        margin:0;
        vertical-align:top
    }
    table.responsive-table thead {
        display:block;
        float:left
    }
    table.responsive-table thead tr {
        display:block;
        padding:0 0px 0 0
    }
    table.responsive-table tbody {
        position:relative;
        display:block;
        overflow-x:auto;
        width:auto;
        white-space:nowrap
    }
    table.responsive-table tbody tr {
        display:inline-block;
        vertical-align:top
    }
    table.responsive-table th {
        display:block;
        text-align:left
    }
    table.responsive-table td {
        display:block;
        min-height:1.25em;
        text-align:left
    }
    table.responsive-table tr {
        padding:0 10px;
        border-bottom:none
    }
    table.responsive-table thead {
        border:0;
        border-right:1px solid rgba(0,0,0,.12)
    }
}
.der_cd{
    display: block;
    font-size: 14px;
}


.radio {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;
}
.radio + label {
    cursor: pointer;
}
.radio:not(checked) {
    position: absolute;
    opacity: 0;
}
.radio:not(checked) + label {
    position: relative;
    padding: 0 0 0 20px;
}
.radio:not(checked) + label:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #CDD1DA;
    border-radius: 50%;
    background: #FFF;
}
.radio:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #87cc6b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
    opacity: 0;
    transition: all .2s;
}
.radio:checked + label:after {
    opacity: 1;
}
.radio:focus + label:before {
    box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}
.fz_15{
    font-size: 15px;
}
.v_mid{
    vertical-align: middle;
}

.method {
    height: 40px;

    color: var(--h-color);
    font-size: 14px;
    position: relative;
    z-index: 1;

}

.method:after {
    content: "";
    display: table;
    clear: both;
}

.method div {
    float: left;
    transform: translateY(-50%);
    position: relative;
    top: 50%;
}

.method .actions {
    float: right;

}

.method .actions img {
    height:28px;
}
.method .actions.more {
    margin: 0 12px 0 20px;
}

.method .actions.attachment {
    margin: 0 0 0 20px;
}

.method .actions.attachment i {
    display: block;
    /*   transform: rotate(-45deg); */
}

.method .avatar {
    margin: 0 0 0 15px;
    width: 36px;
    height: 36px;
}

.method .avatar img {
    border-radius: 50%;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    display: block;
    width: 100%;
}

.method .name {
    font-size: 13px;
    font-weight: 500;
    text-overflow: ellipsis;
    letter-spacing: 0.3px;
    margin: 0 0 0 8px;
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;

}

.method .status {
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #a6a6a6;
}
@media (max-width:470px) {
    .method .name {

        max-width: 140px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

    }
    .method .status {

        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}
.table_pad td, .table th
{
    padding: 10px 0px 10px 0px;
}



.try-now nav ol {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    font-weight:400;
    font-size:14px;
    color:rgb(152, 161, 178);
    line-height:26px
}
.try-now nav ol>li {
    padding-left:27px
}
.try-now nav ol>li:before {
    background:#a5b3bb;
    color:#fff;

    font-weight:500;
    line-height:1;
    text-align:center;
    padding:3px 0;
    height:20px;
    width:20px;
    border-radius:10px;
    position:absolute;
    left:0;
    top:3px
}

article ol, article ul {

    counter-reset: listitem;
    list-style: none;

}
article ol > li, article ul > li {

    position: relative;
    margin: 5px 0;
    padding-left: 30px;

}
article ol > li::before {

    counter-increment: listitem;
    content: counter(listitem);
    background: #939da3;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    padding: 4px 0;
    height: 19px;
    width: 19px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 3px;

}

.zelen::before {

    background-color:

        #24b47e !important;

}
.zelen {

    color:

        #24b47e !important;

}
.qr{width: 100px}
#t30time, .time_s {
    color: #3498db;
    line-height: 24px;
}
aside .tag.optional {

    background:

        #e3e8ee;

    color:

        #323232;

}
.tag_r {


    border-radius: 20px;
    padding: 3px 8px 3px;
    font-size: 13px;
    font-weight: 600;

}

#timeBoxBTC{
    padding: 3px 13px 3px 10px;line-height: 25px;
}
.t_center{
    text-align: center;
}

.float-tuda {
    text-align: right;
}
@media (max-width:470px) {
    .float-tuda {
        text-align: center;
    }
}
.try-now {
    padding: 0px 60px 0px 50px;
    text-align: center;
}
@media (max-width:470px) {
    .try-now {
        text-align: center;
        padding: 10px 30px 10px 20px;
    }
}
.l24{
    line-height: 24px;
}
.col_h{
    color:#37c784
}
.fde_rf{

    vertical-align: middle;

    display: inline;

    padding-top: 15px;
}
.mr_r{
    margin: 0px 10px 10px 10px;
}


.db-LivemodeSwitcher-switch {

    opacity: .8;

}
.Switch {
    display:-ms-flexbox;
    display:flex;
    height:20px;
    margin: 5px 0px 0px 0px;
    padding:0;
    width:36px;
    border:0;
    cursor:pointer;
    position:relative;
    float: left;
}
.Switch.Is--disabled {
    cursor:default;
    pointer-events:none
}
.Switch-source {
    position:absolute;
    height:100%;
    width:100%;
    opacity:0;
    pointer-events:none
}
.Switch-knob {
    left:1px;
    position:absolute;
    top:1px;
    z-index:2;
    height:18px;
    width:18px;
    border-radius:9px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.25),0 0 1px 0 rgba(0,0,0,.26);
    transition:transform .2s ease-in-out
}
.Switch-source:checked+.Switch-controls .Switch-knob {
    left:1px;
    transform:translateX(16px)
}
.Switch-on {
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:1;
    border-radius:10px;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.07);
    opacity:0;
    transition:opacity .2s ease-in-out
}
.Switch-source:checked+.Switch-controls .Switch-on {
    opacity:1
}
.Switch-off {
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:1;
    border-radius:10px;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.07);
    opacity:1;
    transition:opacity .2s ease-in-out
}
.Switch-source:checked+.Switch-controls .Switch-off {
    opacity:0
}
.Switch--size--small {
    height:14px;
    width:21px
}
.Switch--size--small .Switch-bevel,.Switch--size--small .Switch-enabled {
    border-radius:7px
}
.Switch--size--small .Switch-knob {
    height:12px;
    width:12px;
    border-radius:6px
}
.Switch--size--small .Switch-source:checked+.Switch-controls .Switch-knob {
    transform:translateX(10px)
}
.Switch.Is--disabled {
    opacity:.5
}
.Box-background--orange400 {

    background-color: #6bb3a7;

}
.Box-background--surface {

    background-color: #e3e8ee;

}
.Box-background--white {

    background-color: #fff;

}



@media (min-width:670px) {
    .max300{
        max-width: 330px;
        width: 330px;
    }
}
.header__userLink_theme:before {
    opacity: .9;
    background: url(/img/night_b.svg) no-repeat;
    background-size: 19px 19px;
    background-position-y: 2px;
    margin-top: 3px
}
.header__userLink:before {
    content: "";
    width: 22px;
    height: 21px;
    display: inline-block;
    opacity: .8;
    margin-bottom: -5px;
    background-repeat: no-repeat;
    transition: opacity .2s ease;
}
.darkTemplate .header__userLink_theme:before, .header__userLink_theme.theme_night:before {
    background: url(/img/day.svg) no-repeat;
    background-size: 21px 21px;
}