.m-auto{margin:0 auto!important}
.m-0{margin:0!important}
.m-1{margin:1px!important}
.m-2{margin:2px!important}
.m-3{margin:3px!important}
.m-4{margin:4px!important}
.m-5{margin:5px!important}
.m-10{margin:10px!important}
.m-15{margin:15px!important}
.m-20{margin:20px!important}
.m-25{margin:25px!important}
.m-30{margin:30px!important}
.m-35{margin:35px!important}
.m-40{margin:40px!important}
.m-t-0{margin-top:0!important}
.m-t-1{margin-top:1px!important}
.m-t-2{margin-top:2px!important}
.m-t-3{margin-top:3px!important}
.m-t-4{margin-top:4px!important}
.m-t-5{margin-top:5px!important}
.m-t-10{margin-top:10px!important}
.m-t-15{margin-top:15px!important}
.m-t-20{margin-top:20px!important}
.m-t-25{margin-top:25px!important}
.m-t-30{margin-top:30px!important}
.m-t-35{margin-top:35px!important}
.m-t-40{margin-top:40px!important}
.m-r-0{margin-right:0!important}
.m-r-1{margin-right:1px!important}
.m-r-2{margin-right:2px!important}
.m-r-3{margin-right:3px!important}
.m-r-4{margin-right:4px!important}
.m-r-5{margin-right:5px!important}
.m-r-10{margin-right:10px!important}
.m-r-15{margin-right:15px!important}
.m-r-20{margin-right:20px!important}
.m-r-25{margin-right:25px!important}
.m-r-30{margin-right:30px!important}
.m-r-35{margin-right:35px!important}
.m-r-40{margin-right:40px!important}
.m-b-0{margin-bottom:0!important}
.m-b-1{margin-bottom:1px!important}
.m-b-2{margin-bottom:2px!important}
.m-b-3{margin-bottom:3px!important}
.m-b-4{margin-bottom:4px!important}
.m-b-5{margin-bottom:5px!important}
.m-b-10{margin-bottom:10px!important}
.m-b-15{margin-bottom:15px!important}
.m-b-20{margin-bottom:20px!important}
.m-b-25{margin-bottom:25px!important}
.m-b-30{margin-bottom:30px!important}
.m-b-35{margin-bottom:35px!important}
.m-b-40{margin-bottom:40px!important}
.m-l-0{margin-left:0!important}
.m-l-1{margin-left:1px!important}
.m-l-2{margin-left:2px!important}
.m-l-3{margin-left:3px!important}
.m-l-4{margin-left:4px!important}
.m-l-5{margin-left:5px!important}
.m-l-10{margin-left:10px!important}
.m-l-15{margin-left:15px!important}
.m-l-20{margin-left:20px!important}
.m-l-25{margin-left:25px!important}
.m-l-30{margin-left:30px!important}
.m-l-35{margin-left:35px!important}
.m-l-40{margin-left:40px!important}
.p-0{padding:0!important}
.p-1{padding:1px!important}
.p-2{padding:2px!important}
.p-3{padding:3px!important}
.p-4{padding:4px!important}
.p-5{padding:5px!important}
.p-10{padding:10px!important}
.p-15{padding:15px!important}
.wrapper{padding:15px}
.p-20{padding:20px!important}
.p-25{padding:25px!important}
.p-30{padding:30px!important}
.p-35{padding:35px!important}
.p-40{padding:40px!important}
.p-t-0{padding-top:0!important}
.p-t-1{padding-top:1px!important}
.p-t-2{padding-top:2px!important}
.p-t-3{padding-top:3px!important}
.p-t-4{padding-top:4px!important}
.p-t-5{padding-top:5px!important}
.p-t-10{padding-top:10px!important}
.p-t-15{padding-top:15px!important}
.p-t-20{padding-top:20px!important}
.p-t-25{padding-top:25px!important}
.p-t-30{padding-top:30px!important}
.p-t-35{padding-top:35px!important}
.p-t-40{padding-top:40px!important}
.p-r-0{padding-right:0!important}
.p-r-1{padding-right:1px!important}
.p-r-2{padding-right:2px!important}
.p-r-3{padding-right:3px!important}
.p-r-4{padding-right:4px!important}
.p-r-5{padding-right:5px!important}
.p-r-10{padding-right:10px!important}
.p-r-15{padding-right:15px!important}
.p-r-20{padding-right:20px!important}
.p-r-25{padding-right:25px!important}
.p-r-30{padding-right:30px!important}
.p-r-35{padding-right:35px!important}
.p-r-40{padding-right:40px!important}
.p-b-0{padding-bottom:0!important}
.p-b-1{padding-bottom:1px!important}
.p-b-2{padding-bottom:2px!important}
.p-b-3{padding-bottom:3px!important}
.p-b-4{padding-bottom:4px!important}
.p-b-5{padding-bottom:5px!important}
.p-b-10{padding-bottom:10px!important}
.p-b-15{padding-bottom:15px!important}
.p-b-20{padding-bottom:20px!important}
.p-b-25{padding-bottom:25px!important}
.p-b-30{padding-bottom:30px!important}
.p-b-35{padding-bottom:35px!important}
.p-b-40{padding-bottom:40px!important}
.p-l-0{padding-left:0!important}
.p-l-1{padding-left:1px!important}
.p-l-2{padding-left:2px!important}
.p-l-3{padding-left:3px!important}
.p-l-4{padding-left:4px!important}
.p-l-5{padding-left:5px!important}
.p-l-10{padding-left:10px!important}
.p-l-15{padding-left:15px!important}
.p-l-20{padding-left:20px!important}
.p-l-25{padding-left:25px!important}
.p-l-30{padding-left:30px!important}
.p-l-35{padding-left:35px!important}
.p-l-40{padding-left:40px!important}

.form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 0.234375rem 0.46875rem;
    font-size: 0.625rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.15625rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    border: 1px solid #ccd0d4;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 13px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;

    margin-bottom: 0.875rem;
}

input[type="text"].form-control,
input[type="email"].form-control,
input[type="number"].form-control,
input[type="password"].form-control {
    padding: 6px 8px;
}

.modal-dialog {
    width: 600px;
    margin: 30px auto;
    max-width: 100%;
}

.modal-content {
    background-color: rgba(40,40,45,.85);
    border: 1px solid #c0c0c0;
    border-radius: 10px;
}

.modal-dialog {
    width: 600px;
    margin: 30px auto;
    max-width: 100%;
}


.modal-dialog{
    width: 600px;
    margin: 30px auto;
    max-width: 100%;
}

.frm1 label{
    font-size: 16px;
    float: left;
}

.modal-content label.col-md-4 {
     font-size: 16px;
     float: left;
     margin-top: 8px;
}

.form-group label{
    font-size: 16px;
}

.modal-content h5 {
    font-size: 16px;
    margin-top: 2px;
    padding: 0;
}

.modal-content{
    background-color: rgba(40,40,45,.85);
    border: 1px solid #c0c0c0;
    border-radius: 10px;
}

.modal-header{
justify-content: flex-start;
}


ol.progtrckr * {
    font-size: 16px;
}

ol.progtrckr li span{
    color:#FFF;
}

#signupform{
    margin-top: 13px;
}

#signupform .bserror {
    float: none;
}

.modal-body{
    /*padding:20px 0px 30px 0px;*/
    padding-top: 15px;
}

.btc-payment-box{
    padding: 20px 33px 9px 23px;
}

.modal-content .form-group input, .modal-content .form-group select {
    border-radius: 4px;
    width: 58.33333333%;
}

.policy label{
    margin: 0 0 0 30px;
}

.frm2, .prel-lg, .frm3{
    display: none;
}

.form-group select {
    height: 33px !important;
}

.modal-title, .form-group label.col-md-4{
    float: left;
    color: #FFF;
}

.form-group label{
    text-align: left !important;
}



.sp2{
display: inline-block;
width: 65%;
float: right;
/*margin-top: 6px;*/
font-weight: normal;
font-size: 1rem;
}

ol.progtrckr {
    display: table;
    list-style-type: none;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    width: 100%;
}
ol.progtrckr li {
    display: table-cell;
    text-align: center;
    line-height: 3em;
}

ol.progtrckr[data-progtrckr-steps="1"] li { width: 50%; }
ol.progtrckr[data-progtrckr-steps="2"] li { width: 50%; }

ol.progtrckr li.progtrckr-done {
    color: #FFF;
    border-bottom: 4px solid #0069ff;
}
ol.progtrckr li.progtrckr-todo {
    color: silver;
    border-bottom: 4px solid silver;
}

ol.progtrckr li:after {
    /*content: "\00a0\00a0";*/
}
ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left:-2px;
    line-height: 1em;

}
ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: #0069ff;
    height: 1.5em;
    width: 1.5em;
    line-height: 1.5em;
    border: none;
    border-radius: 1.5em;
}

ol.progtrckr li.progtrckr-todo:before {
content: "";
    color: silver;
    background-color: #FFF;
    bottom: -2.4em;
    border-radius: 25px;
    width: 1.5em;
    height: 1.5em;
}

ol.progtrckr li:nth-child(2):before{
left:45%;
}

ol.progtrckr li:nth-child(3):before{
left: 94%;
top: 56px;
}

ol.progtrckr li span{
top:-10px;
left:-12px;
}

ol.progtrckr li:nth-child(1) span{
    position: relative;
    left: -50%;
}

ol.progtrckr li:nth-child(2) span{
    position: relative;
    left: -5%;
}

ol.progtrckr li:nth-child(3) span{
    float: right;
    left: 5px;
    position: relative;
    top: 6px;
}

.steps{
padding: 0px 44px 0px 30px;
}


.captcha1 > div{
    margin:0 auto !important;
}

.modal-header .close {
    padding: 0.8125rem 1.25rem 0 0;
    color: white;
    font-size: 1.25rem;
}

.clear, .clr {
    float: none;
    clear: both;
    width: 100%;
    display: block;
}

.bred {
    border: 2px dashed #ff4040;
}

.bgray {
    border: none !important;
}

label.error {
    margin: 0px 0 10px 0;
    display: block;
}

.forgot-pass {
    flex: 1;
    line-height: 45px;
    margin-left: 12px;
    color: #e0e0e0;
    font-size: 0.9375rem;
}

.col-md-7.g-recaptcha {
    padding: 0 0 0 6px;
}

.modal-footer [type="submit"],
.modal-footer [type="button"] {
    margin: 4px 8px 0 0;
    cursor: pointer;
    padding: 8px 25px;
    font-size: 16px;
    height: auto;
}

.modal-footer a {
    font-size: 16px;
}

#loginModal .form-group:last-child {
    margin-bottom: 10px;
}

.modal-backdrop {
    background-color: rgba(0,0,0,0.6);
}



img.btc {
    position: relative;
    top: -1px;
}

.error.bserror {
    display: block;
    color: white;
    margin-top: 11px;
    font-size: 14px;
    padding-left: 34%;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

input[type="checkbox"]:focus {
    outline-color: transparent;
    outline-style: none;
}

.policy {
    padding: 30px 0 28px 0;
}

.policy .form-group {
    margin-bottom: 0;
    position: relative;
}

.policy input[type="checkbox"] {
    float: left;
    box-shadow: none;
    width: 22px;
    margin: 0px 7px 0px 0;
}

.policy label {
    display: block;
    text-align: left;
    line-height: 2.1em;
    font-weight: normal;
    color: white;
    font-size: 0.9375rem;
    margin-bottom: 2px;
}

.policy label.error {
    right: 0 !important;
    position: absolute;
    top: -8px !important;
}


.modal-dialog.wide700 {
    width: 750px;
}

.btc-payment-box * {
    color: white;
}

.btc-payment-box h1 {
    margin: 0px 0 0 5px;
    height: 35px;
    padding: 4px 0 4px 42px;
    background: transparent url(/public/images/left-signs.png) 0px -2280px no-repeat;
    text-align: left;
    font-size: 1.875rem;
    line-height: 1.875rem;
}

.btc-payment-box h1 span {
    float: right;
    font-size: 1.875rem;
    font-weight: normal;
    padding: 2px 0 4px 40px;
    background: url(/public/images/icons/btc.png) 0px 0px no-repeat;
    background-size: 31px;
    line-height: 25px;
}

.btc-payment-box h1 span img {
    width: 41px;
    display: inline-block;
    margin: -6px 7px 0 0px;
}

.btc-payment-box h2 {
    margin-top: 32px;
    text-align: center;
    padding: 0;
    margin: 5px 0 0 0;
}

.btc-payment-box h3 {
    color: white;
    text-align: center;
    font-size: 22px;
    border: 1px solid white;
    padding: 10px 0 10px 25px;
    border-radius: 35px;
    background: url('/public/images/icons/btc.png') 5px 3px no-repeat;
    background-size: 40px;
    width: 600px;
    margin: 5px auto 0 auto;
    line-height: 27px;
}

.btc-payment-box p.btc-payment-note {
    margin: 18px 10px;
    padding: 0;
    line-height: 1.3em;
}


.swal-icon img {
    width: 53px;
    display: inline-block;
    float: left;
    margin: 0px 0 0 33px;
}

.swal-button:active, .swal-button {
    background-color: #0069ff;
}

#btc-qr {
    display: block;
    float: right;
    margin: 26px 0 15px 20px;
    width: 200px;
    height: 200px;
    padding: 14px;
    background: white;
    border: 1px solid white;
    border-radius: 10px;
}

#btc-qr img {
    width: 100%;
}

.btc-payment-box * {
    color: white;
}



.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 0.625rem 0.625rem;
}

.progress .progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    background-color: #007bff;
    transition: width .6s ease;
    border-radius: 4px;
}

.progress {
    margin: 15px;
    border-radius: 4px;
    height: 29px;
}

.progress .progress-bar.active {
    font-weight: 700;
    animation: progress-bar-stripes .5s linear infinite;
}

.dotdotdot:after {
    font-weight: 300;
    content: '...';
    display: inline-block;
    width: 20px;
    text-align: left;
    animation: dotdotdot 1.5s linear infinite;
}

@keyframes dotdotdot {
  0%   { content: '...'; }
  25% { content: ''; }
  50% { content: '.'; }
  75% { content: '..'; }
}

.progress-bar > span {
    line-height: 29px;
    font-size: 0.625rem;
}

.cc-cookies {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    padding: 1.2em 5%;
    background: #565656;
    background: rgba(86,86,86,0.95);
    color: #fff;
    font-size: 15px;
    /*font-weight: 700;*/
    text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
    z-index: 99999;
    text-align: center;
    color: #fff;
}

.cc-cookies a, .cc-cookies a:hover {
    color: #fff;
    text-decoration: underline;
}

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    background: #265891;
    padding: 0.5em 0.75em;
    font-weight: 700;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.25);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
    -o-transition: background 0.5s ease-in;
    -webkit-transition: background 0.25s ease-in;
    -moz-transition: background 0.25s ease-in;
}

#free-credits {
    color: white;
    font-size: 14px;
    margin-left: 34%;
}

/*================Registration form Checkbox =====================*/

.frm2_checkbox{
    display:none;
}
.frm2_checkbox + span {
    display:inline-block;
    width:21px;
    height:21px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url("/public/images/checkbox.png") left top no-repeat;
    cursor:pointer;
    background-size: 100%;
}

.frm2_checkbox:checked + span {
    background:url("/public/images/checkbox.png") 0 -21px no-repeat;
    background-size: 100%;
}

/*================/Registration form Checkbox =====================*/

.btc-payment-box h1 span.bit_pay_s{
    background:none;
    padding: 2px 0 4px 0;
    float: left;
    font-size: 1.875rem;
}

.btc-payment-box h1 span{
    font-size: 1.875rem;
}

.btc-payment-box h2, .btc-payment-box p.btc-payment-note{
    font-size: 0.9375rem;
}



.promo {
    background: #0069d9;
    padding: 30px 0;
}

.promo h1 {
    font-size: 300%;
    margin: 0px 0 0 0;
    text-align: right;
}

.promo h1 span {
    font-size: 90%;
}

.promo h2 {
    margin: 0px 0 0 0;
    text-align: right;
}

.promo h2 span {
    font-size: 150%;
}

.promo h2 button {
    background-color: white;
    border-color: white;
    color: #182873;
    font-weight: bold;
    border-radius: 15px;
    margin: -8px 0 0 20px;
}

#account-countdown {
    margin: 7px auto;
    width: 220px;
}

.promo h3 {
    margin-top: 24px;
}

.promo h1, .promo h2, .promo h3 {
    color: white;
}

@media (max-width: 1380px) {
    .promo h1 {
        font-size: 270%;
    }
    .promo h2 {
        font-size: 150%;
    }
}

@media (max-width: 1170px) {
    .promo h1 {
        font-size: 250%;
    }
    .promo h2 {
        font-size: 132%;
    }
}

@media (max-width: 990px) {
    .promo h1 {
        font-size: 220%;
    }
    .promo h2 {
        font-size: 107%;
    }
    #Container_jbeeb_261, #TextBox_jbeeb_345 {
        display: none;
    }
    #Stage_jbeeb_3, #account-countdown {
        width: 165px;
    }
}

@media (max-width: 860px) {
    .promo .row {
        display: block;
    }
    .promo .row > div {
        max-width: 100%;
        width: 100%;
    }
    .promo h1, .promo h2 {
        text-align: center;
    }
    .promo h1 {
        line-height: 1.0em;
    }
    .promo h2 {
        line-height: 2.5em;
    }
    #Container_jbeeb_261, #TextBox_jbeeb_345 {
        display: block;
    }
    #Stage_jbeeb_3, #account-countdown {
        width: 220px;
    }
}

table#data, table.dta {
    background: white;
}

table#data, table#data th, table#data td,
table.dta, table.dta th, table.dta td {
    border: none;
    color: #182873;
    font-size: 20px;
    vertical-align: middle;
}

table#data thead td,
table.dta thead tr td {
    border-top: 1px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    padding: 16px 0;
    color: #606060;
}

table#data tbody td,
table.dta tbody tr td {
    border-top: 1px solid white;
}

table#data thead tr td:first-child,
table.dta thead tr td:first-child {
    text-align: left;
    padding-left: 60px;
}

table.dta tbody tr td:first-child,
table#data tbody tr td:first-child {
    text-align: left;
}

table#data tbody tr td:first-child img {
    margin-right: 7px;
}

table#data tbody tr td:last-child img {
    height: 50px;
}

table.dta tbody tr:nth-child(even) td,
table#data tbody tr:nth-child(even) td {
  background-color: #eeeeee;
}

table#data.markets tbody tr td:nth-child(2) img,
table#data.markets tbody tr td:nth-child(3) img {
    height: 60px;
}

table#data tbody .percent {
    color: #4dba4f;
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: -1.5px;
    font-size: 74%;
}

.dash {
    color: #c0c0c0;
}

.btn-form{
    display: inline-block;
    font-size: 18px;
    color: #ffffff;
    border-radius: 10px;
    background: #0069ff;
    padding: 3px 12px 2px 12px;
    margin: 0px 0 0 0;
    font-family: 'Oxygen';
    font-weight: 700;
    /* margin-right: 15px; */
    height: 40px;
}

.btn-form-lg {
    font-size: 1.6em;
    height: 63px;
    padding-left: 20px;
    padding-right: 20px;
}

.box-user__photo img {
    width: 67px;
    border: 1px solid white;
    border-radius: 34px;
}


.box-user{
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    margin-left: 10px;
}
.box-user:hover{
    text-decoration: none;
}
.box-user__photo{
    display: inline-block;
    vertical-align: top;
    vertical-align: middle;
    margin-top: -7px;
}
.box-user__name{
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    margin: -4px 0 5px 14px;
    padding-right: 22px;
    position: relative;
    color: #182873;

    display: inline-block;
    max-width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
}
#trade-menu{
    position: relative;
}
.box-user__name:after, #trade-menu:after{
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    top: 5px;
    border: 8px solid transparent;
    border-top: 13px solid #182873;
}
#trade-menu:after{
    top: 20px;
}
#trade-menu-dropdown {
}
#trade-menu-dropdown a {
    font-size: 18px;
    color: #182873;
}

.dropdown-item, .dropdown-menu>li>a {
    display: block;
    padding: 5px 15px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}

.badge, .label {
    font-size: 100%;
    color: #fff;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    line-height: 1;
    vertical-align: baseline;
    border-radius: .25em;
}

.badge.badge-primary, .label.label-primary {
    background: #348fe2;
}

.nav.nav-tabs.route-tabs{
    background: none;
}
.nav-items{}
.nav-tabs .nav-link{
    font-size: 20px;
    color: #909090;
    background: #dedede;
    border-radius: 10px 10px 0px 0px;
    height: 56px;
    padding: 17px 24px 0 24px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
    box-shadow: -2px -2px 6px 0 rgba(0,0,0,0.1), 2px 2px 6px 0 rgba(0,0,0,0.1);
    border-radius: 10px 10px 0px 0px;
}
.nav-tabs .nav-link span{
    font-size: 16px;
}

.label.label-info {
    background: #49b6d6;
}
.label.label-green {
    background: #32a932;
}
.label.label-danger {
    background: #ff5b57;
}
.label.label-gray {
    background: #c0c0c0;
    font-size: 75%;
}

table.dta img.pair {
    height: 26px;
    position: relative;
    top: -3px;
    margin: 0 6px;
}

#facts tbody th {
    text-align: right;
    padding: 8px 20px;
}

#facts tbody td {
    text-align: left;
    padding: 15px 20px;
}

#facts tbody td a {
    margin: 0 8px;
}

#facts tbody td a .label-green {
    background: transparent;
}

.badge.badge-pill {
    background: #00acac;
}

.badge.badge-info {
    background: #49b6d6;
}

.breadcrumb{
    display: block;
    background: none;
}
.breadcrumb-item{
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-right: 23px;
    margin-right: 3px;
}
.breadcrumb-item a{
    font-size: 1.375rem;
    color: #182873;
}
.breadcrumb-item span{
    font-size: 1.375rem;
    color: #182873;
    font-weight: 700;
}
.breadcrumb-item:before{
    font-size: 1.375rem;
    color: #182873;
    content: '>'!important;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
}
.breadcrumb-item:last-child:before{
    display: none;
}

label.error[generated="true"] {
    width: 100%;
    text-align: right;
    color: red;
    margin: 0 0 15px 0;
    font-size: 80%;
}

.pagination-container {
    margin: 10px;
    margin-left: auto;
}

.pagination-container button {
    line-height: 33px;
    border: 1px solid #a0a0a0;
    border-radius: 5px;
    color: white;
    background: #348ee3!important;
    text-align: center;
    margin-left: 5px;
}

.pagination-container button i {
    font-size: 18px;
    display: inline-block;
    position: relative;
    top: -3px;
}

.pagination-container input[type="text"] {
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 37px;
    margin-left: 14px;
    width: 150px;
    padding: 0 12px;
    color: #182873;
}

.pager li>a:focus,.pager li>a:hover,.pager li>span:focus,.pager li>span:hover,.pagination>li>a:focus,.pagination>li>a:hover {
    color: #242a30;
    background: #f2f3f4;
    border-color: #dadfe2
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    background: #348ee3!important;
    border-color: #348ee3!important;
    color: #fff
}


.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

.pager:after,.pager:before {
    content: '';
    display: table;
    clear: both
}

.pager li {
    display: inline
}

.pager li>a,.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li>a,.pager li>span,.pagination>li>a {
    border-color: #dadfe2;
    color: #242a30
}

.pager .previous>a,.pager .previous>span {
    float: left
}

.pager .next>a,.pager .next>span,.panel-heading-btn {
    float: right
}

.pager.pager-without-border li>a,.pager.pager-without-border li>span,.pagination.pagination-without-border>li>a {
    border-color: #fff
}

.pager>.disabled>a,.pager>.disabled>a:focus,.pager>.disabled>a:hover,.pager>.disabled>span,.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    opacity: .6;
    border-color: #ddd;
    background: #fff;
    cursor: not-allowed
}

.pagination>li>a {
    display: inline-block;
    color: #182873;
    padding: 3px 11px 4px 11px;
    font-size: 20px;
    margin-left: 5px;
    line-height: 1.42857143;
    border: 1px solid #ddd;
    min-width: 35px;
    border-radius: 6px!important;
    text-align: center;
}

.pagination>li>a:hover {
    text-decoration: none;
}

.pagination>li:first-child>a {
    margin-left: 0
}

.pagination-sm .page-link,.pagination-sm>li>a,.pagination-sm>li>span {
    font-size: 10px;
    margin-left: 4px;
    padding: 5px 10px;
    line-height: 1.5
}

.pagination-lg .page-link,.pagination-lg>li>a,.pagination-lg>li>span {
    font-size: 14px;
    margin-left: 6px;
    padding: 10px 16px;
    line-height: 1.3333333
}

.pager li>a:focus,.pager li>a:hover,.pager li>span:focus,.pager li>span:hover,.pagination>li>a:focus,.pagination>li>a:hover {
    color: #242a30;
    background: #f2f3f4;
    border-color: #dadfe2
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    background: #348ee3!important;
    border-color: #348ee3!important;
    color: #fff
}

header {
    /*height: auto;*/
}

#countdown-offer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-top: 1px solid #c9dbf6;
    margin-top: 10px;
    padding-top: 9px;
    position: relative;
    z-index: -1;
}

#countdown-offer > p {
    font-size: 1.5625rem;
    line-height: 1.2em;
    color: #182873;
    font-family: 'Oxygen', 'sans-serif';
    padding: 0.375rem 0 0.9375rem 0;
    font-weight: 700;
    margin: 0 20px 0 0;
}

#countdown-offer > div {
    width: 330px;
}

#contract-stats {
    display: flex;
    flex-direction: row;
    margin: -30px 0 30px 0;
    justify-content: space-around;
    align-items: center;
    background-color: #f0f0f0;
    padding: 12px 18px;
    border: 1px solid white;
    border-radius: 10px;
    color: #182873;
    font-family: "Oxygen", sans-serif;
}

#contract-stats li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 18px;
    text-align: center;
}

#contract-stats li b {
    white-space: nowrap;
}

#avg-return-24 {
    display: flex;
    justify-content: space-evenly;
    margin-top: 5px;
}

#avg-return-24 > div {
    flex-grow: 1;
    text-align: center;
    margin: 5px 0 10px 0;
}

#avg-return-24 .ul-container {
    display: none;
    margin: 10px;
}

#smart-contract-fork {
    margin: 40px 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

#smart-contract-fork > a:nth-of-type(1){
    margin-right: 50px;
}
#smart-contract-fork > a:nth-of-type(2){
    margin-left: 50px;
}

#install-extension {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
#install-extension h2 {
    line-height: 1.5em;
    padding: 0;
}
#install-extension a br {
    display: none;
}

.first-screen__text {
    color: #182873;
    font-family: Poppins, Oxygen, sans-serif;
    display: flex;
    gap: 16px;
    flex-direction: row;
    align-items: flex-start;
    max-width: none;
    margin: 50px 0;
}

.first-screen__text #stats {
    flex-grow: 1;
    width: 30%;
}

.first-screen__text #stats h1 {
    margin: 0 0 16px 0;
    padding: 0;
}

.first-screen__text #stats h1 strong {
    display: block;
    font-size: 40px;
    line-height: 48px;
}

.first-screen__text #stats p {
    font-size: 23px;
    line-height: 1.5em;
}

.first-screen__text #stats p.hint strong {
    font-size: 31px;
}

.first-screen__text #charts {
    position: relative;
}

.first-screen__text #charts h3 {
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
}
.first-screen__text #charts h3:nth-of-type(1) {
    top: 2.9vw;
}
.first-screen__text #charts h3:nth-of-type(2) {
    bottom: 5.8vw;
}

header#safuux {
    height: auto;
    background: #182873;
    color: white;
    font-family: Poppins, Oxygen, sans-serif;
    border: 1px solid #182873;
    border-radius: 27px;
    padding: 20px 10px 24px 10px;
    margin-bottom: 30px;
    margin-top: 1.5vw;
    display: flex;
    gap: 16px;
    flex-direction: column;
}

header#safuux > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}

header#safuux > div:nth-of-type(2) > span:first-child {
    font-size: 140%;
    margin-bottom: -7px;
}

header#safuux > div:nth-of-type(2) img {
    height: 40px;
    margin: -3px 5px 0 5px;
}

header#safuux > div:nth-of-type(2) > a {
    border: white;
    background: white;
    color: #182873;
    padding: 10px 30px;
    border-radius: 19px;
}

#safuux-register {
    font-family: Poppins, Oxygen, sans-serif;
    margin: 0 0 3vw 0;
    display: flex;
    gap: 16px;
    flex-direction: column;
}

#safuux-register > div:nth-of-type(1) {
    font-size: 3.6vw;
    text-align: center;
}
#safuux-register > div:nth-of-type(2) {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

#safuux-register > div:nth-of-type(2) img {
    height: 3vw;
    margin: -0.1vw;
}

#safuux-register > div:nth-of-type(2) ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 2.7vw;
}
#safuux-register > div:nth-of-type(2) ul li {
    margin: 0.5vw 0;
}

#safuux-register > div:nth-of-type(2) a {
    border: #182873;
    background: #182873;
    color: white;
    font-size: 2vw;
    padding: 1.8vw 3vw 1vw 3vw;
    border-radius: 19px;
}

#safuux-register > div:nth-of-type(2) a span {
    display: block;
    text-align: center;
    font-size: 2.4vw;
    margin-top: 7px;
}

#safuux-register > div:nth-of-type(2) a:hover {
    text-decoration: none;
}

.start-steps {
    padding: 2rem 0 3rem 0;
}

.start-steps .container-fluid {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.start-steps h2 {
    font-size: 32px;
}
.start-steps h2:before {
    display: block;
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #c5c8dc;
    margin-top: 4px;
}
.start-steps h3 {
    font-weight: normal;
}

@media screen and (min-width: 1300px) {
    #safuux-register > div:nth-of-type(1) {
        font-size: 40px;
        margin: 13px 0 25px 0px;
    }
    #safuux-register > div:nth-of-type(2) img {
        height: 40px;
    }
    #safuux-register > div:nth-of-type(2) ul {
        font-size: 26px;
    }
    #safuux-register > div:nth-of-type(2) ul li {
        margin: 5px 0;
    }
    #safuux-register > div:nth-of-type(2) a {
        font-size: 26px;
        padding: 18px 39px 13px 39px;
    }
    #safuux-register > div:nth-of-type(2) a span {
        font-size: 31px;
        margin-top: 7px;
    }
}

@media screen and (max-width: 1300px) {
    header#safuux {
        margin-top: auto;
    }
    header#safuux > div:first-child > span:first-child {
        flex-basis: 50%;
        font-size: 2.6vw;
        line-height: 3.2vw;
    }
    header#safuux > div:first-child > span:nth-of-type(2) {
        font-size: 4vw;
        margin-top: 10px;
    }
    header#safuux > div:nth-of-type(2) > span:first-child {
        font-size: 3.2vw;
    }
    header#safuux > div:nth-of-type(2) > a {
        font-size: 2.5vw;
        margin-top: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .start-steps h2 {
        font-size: 3vw;
    }
    .start-steps h3 {
        font-size: 2vw;
    }
}

@media screen and (max-width: 680px) {
    .main-nav {
        /*display: none;*/
    }

    .start-steps h2 {
        font-size: 4vw;
    }
    .start-steps h3 {
        font-size: 2.5vw;
    }

    header#safuux > div {
        flex-direction: column;
    }
    header#safuux > div:first-child > span:first-child {
        font-size: 4.7vw;
        text-align: center;
        line-height: 6vw;
        display: block;
        margin: 0 0 17px 0;
    }
    header#safuux > div:nth-of-type(2) > span:first-child {
        font-size: 6vw !important;
        text-align: center;
        display: block;
        margin-bottom: 10px;
    }
    header#safuux > div:nth-of-type(2) > a {
        font-size: 6vw;
        text-align: center;
        line-height: 7vw;
    }
    header#safuux > div:nth-of-type(2) img {
        height: 6vw;
    }

    #signupform input {
        width: 97%;
        margin: 0 10px -10px 10px;
    }
    #contract-stats {
        flex-direction: column;
        margin: 7px 0 0 0;
    }
    #contract-stats li {
        margin: 5px 0;
    }
    .markets-row {
        overflow-x: scroll;
    }
    .register-button {
        display: block;
        max-width: 160px;
        font-size: 22px;
        margin: 8px auto -10px auto;
    }
    #smart-contract-fork {
        flex-direction: column;
    }
    #smart-contract-fork > a:nth-of-type(1), #smart-contract-fork > a:nth-of-type(2) {
        margin-left: 0;
        margin-right: 0;
        margin-top: 15px;
    }
    #install-extension {
        flex-direction: column;
    }
    #install-extension h2 {
        line-height: 1.2em;
        margin: 15px 0;
    }
    #install-extension a {
        display: block;
    }
    #metamask {
        width: 100%;
    }
    #connectMetamask h3 {
        margin: 0 !important;
        text-align: center;
    }
}

@media screen and (max-width: 400px){
    #countdown-offer {
        flex-direction: column;
    }
    #signupform input {
        width: 100%;
        margin: 7px 0 -14px 0;
    }
    .modal-dialog .form-group label {
        float: none;
    }
    .modal-dialog .form-group label.error {
        position: static;
        margin: 23px 0 -10px 0;
        padding: 6px 12px;
        width: 100%;
        text-align: center !important;
        background: white;
        border: 1px solid white;
        border-radius: 5px;
    }
    .modal-dialog .form-group input[type="text"].form-control,
    .modal-dialog .form-group input[type="email"].form-control,
    .modal-dialog .form-group input[type="number"].form-control,
    .modal-dialog .form-group input[type="password"].form-control,
    .modal-dialog .form-group select {
        width: 100%;
        margin: 7px 0 -14px 0;
        display: block;
    }
    .modal-dialog .g-recaptcha {
        margin-left: 10%;
    }
    #free-credits {
        margin: 20px 0 -20px 0;
        text-align: center;
    }
    .modal-dialog .modal-footer button {
        font-size: 14px;
    }

    #contract-stats li {
        display: flex;
        align-items: center;
    }
    #contract-stats li > span {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        line-height: 1.4em;
    }
    #contract-stats .one-line {
        margin-bottom: 10px;
    }
    ul.tree {
        left: 0;
    }
    ul.tree li span {
        font-size: 17px !important;
    }

    #smart-contract-fork > a {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: auto;
        padding-bottom: 11px;
    }
    #smart-contract-fork > a > span {
        display: flex;
        flex-direction: column;
        margin-left: 10px;
    }
    #install-extension a {
        height: auto;
        padding-bottom: 11px;
    }
    #install-extension a br {
        display: inline;
    }

    #safuux-register > div:nth-of-type(1) {
        font-size: 6vw;
    }
    #safuux-register > div:nth-of-type(2) {
        flex-direction: column;
    }
    #safuux-register > div:nth-of-type(2) img {
        height: 5vw;
        margin: -0.1vw;
    }
    #safuux-register > div:nth-of-type(2) ul {
        font-size: 4vw;
        margin-bottom: 3vw;
    }
    #safuux-register > div:nth-of-type(2) ul li {
        margin: 1vw 0;
    }
    #safuux-register > div:nth-of-type(2) a {
        font-size: 4vw;
        padding: 2.8vw 5vw 2vw 5vw;
        border-radius: 19px;
    }
    #safuux-register > div:nth-of-type(2) a span {
        font-size: 6.4vw;
        margin-top: 7px;
    }
}

.box-user__photo {
    display: inline-block;
    vertical-align: middle;
    margin-top: -7px;
}

@media screen and (max-width: 500px) {
    .main-nav-list {
        top: 50px;
    }
    .button-nav {
        margin-top: 0;
    }
    .box-user__photo {
        display: none ;
    }
    .box-user__name {
        margin: 0 11px 0 0;
    }
    .first-screen__text {
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 992px) {
    .main-nav-list {
        display: inline-block !important;
    }
}

@media screen and (max-width: 992px) {
    .first-screen__text {
        margin: 20px 0;
    }
}

@media screen and (max-width: 1300px) {
    .box-user__photo img {
        width: 45px;
    }
    .box-user__name {
        margin-right: 11px;
    }

    .first-screen__text #stats h1 strong {
        font-size: 3vw;
        line-height: 1.2em;
    }
    .first-screen__text #stats p {
        font-size: 1.8vw;
        line-height: 1.5em;
    }
    .first-screen__text #stats p.hint strong {
        font-size: 2vw;
    }
}


@media screen and (max-width: 500px) {
    .first-screen__text #stats h1 {
        font-size: 5vw;
    }
    .first-screen__text #stats h1 strong {
        font-size: 7vw;
        line-height: 1.2em;
    }
    .first-screen__text #stats p {
        font-size: 3.6vw;
        line-height: 1.5em;
    }
    .first-screen__text #stats p.hint strong {
        font-size: 3.6vw;
    }
    .first-screen__text .btn {
        height: 4rem;
        padding-top: 0.84rem;
        font-size: 4vw;
        font-weight: bold;
    }
}