/*Preloader CSS*/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 20000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.loader {
    text-align: center;
    margin: 5px;
    border-radius: 50%;
    border: 4px solid #007bff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
}

.loader-inner-1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-animation: change_first_circle 4s ease-in-out infinite;
    animation: change_first_circle 4s ease-in-out infinite;
}

.loader-inner-2 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    -webkit-animation: change_second_circle 4s ease-in-out infinite;
    animation: change_second_circle 4s ease-in-out infinite;
}

.loader-inner-3 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    width: 40px;
    height: 40px;
    -webkit-animation: change_last_circle 4s linear  infinite;
    animation: change_last_circle 4s linear  infinite;
}

@-webkit-keyframes change_first_circle {
    50% {
        -webkit-transform: rotateX(360deg) scale(0.8);
        transform: rotateX(360deg) scale(0.8);
    }
}

@keyframes change_first_circle {
    50% {
        -webkit-transform: rotateX(360deg) scale(0.8);
        transform: rotateX(360deg) scale(0.8);
    }
}

@-webkit-keyframes change_second_circle {
    50% {
        -webkit-transform: rotateY(360deg) scale(0.8);
        transform: rotateY(360deg) scale(0.8);
    }
}

@keyframes change_second_circle {
    50% {
        -webkit-transform: rotateY(360deg) scale(0.8);
        transform: rotateY(360deg) scale(0.8);
    }
}

@-webkit-keyframes change_last_circle {
    50% {
        -webkit-transform: rotateX(360deg) scale(0.8);
        transform: rotateX(360deg) scale(0.8);
    }
}

@keyframes change_last_circle {
    50% {
        -webkit-transform: rotateX(360deg) scale(0.8);
        transform: rotateX(360deg) scale(0.8);
    }
}


body {
    font-family: 'Montserrat', sans-serif;
}
a,a:hover {
    text-decoration: none;
}
input::-webkit-input-placeholder {
    font-size: 12px;
}
.bg-light2 {
    background:#fbfcff;
}
.text-dark2 {
    color:rgb(33,36,40);
}
.topNavbar a {
    color:#1f2533;
    font-size:95%;
}
a.dropdown-item:focus, a.dropdown-item:active, a.dropdown-item.active {
    background-color:#FFF !important;
}
.round {
    border-radius: 30px;
}
.text-lighter {
    font-weight:lighter !important;
}
.text-xxxxxxl {
    font-size:2000%;
}
.text-xxxxxl {
    font-size:1500%;
}
.text-xxxxl {
    font-size:800%;
}
.text-xxxl {
    font-size:500%;
}
.text-xxl {
    font-size:300%;
}
.text-xl {
    font-size:225%;
}
.text-lg {
    font-size:150%;
}
.text-md {
    font-size:100%;
}
.text-sm {
    font-size:75%;
}
.text-xs {
    font-size:50%;
}
.text-ellipsis {
    text-overflow:ellipsis;
    overflow:hidden;
}
.table td,.table th {
    vertical-align: middle !important;
}
.v-middle {
    vertical-align: middle !important;
}
.min-vh-75 {
    min-height: 75vh !important;
}
.index3Pic {height:100px;}

.footer {

}
.footer a {
    color:rgba(31,37,51,.6);
    font-weight: 400;
    font-size:90%;
}

.tab-line .nav-item a {
    color:#495057;
}
.tab-line .nav-item a.active {
    color:#007bff;
    border-bottom:3px solid !important;
}
.btn-flat {
    border-radius: unset;
}
.btn-round {
    border-radius: 30px;
    padding-left: 34px;
    padding-right: 34px;
}
.ordersTable tbody tr td:last-child {
    text-align: right;
}
.ordersTable tbody tr td {
    border:0;
}
.border-bottom-2 {
    border-bottom-width:2px !important;
}


.bg-dark2 {
    background:rgb(20,27,39);
}
.bg-dark2 .nav-tabs .nav-item a {
    color:#495057;
}
.bg-dark2 .nav-tabs .nav-item .active {
    color:#fff;
    background:rgb(25,36,53);
}
.bg-dark3 {
    background:rgb(25,36,53);
}

.left-img {
    z-index:-1;
    position:absolute;
    top:300px;
    left:0;
    width:307px;
    height:222px;
    background:url("../imgs/left.png") no-repeat;
    background-size:contain;
}

.right-img {
    z-index:-1;
    position:absolute;
    top:100px;
    right:0;
    width:307px;
    height:614px;
    background:url("../imgs/right.png") no-repeat;
    background-size:contain;
}
@media (min-width: 1200px) {
    .display-xl-0 {
        font-size: 8rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-xl-1 {
        font-size: 6rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-xl-2 {
        font-size: 5.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-xl-3 {
        font-size: 4.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-xl-4 {
        font-size: 3.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-xl-5 {
        font-size: 2.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-xl-6 {
        font-size: 1.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-xl-7 {
        font-size: 1.1rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
}
@media (min-width: 992px) {
    .display-lg-0 {
        font-size: 8rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-lg-1 {
        font-size: 6rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-lg-2 {
        font-size: 5.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-lg-3 {
        font-size: 4.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-lg-4 {
        font-size: 3.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-lg-5 {
        font-size: 2.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-lg-6 {
        font-size: 1.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-lg-7 {
        font-size: 1.1rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
}
@media (min-width: 768px) {
    .display-md-0 {
        font-size: 8rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-md-1 {
        font-size: 6rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-md-2 {
        font-size: 5.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-md-3 {
        font-size: 4.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-md-4 {
        font-size: 3.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-md-5 {
        font-size: 2.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-md-6 {
        font-size: 1.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-md-7 {
        font-size: 1.1rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
}
@media (min-width: 576px) {
    .display-sm-0 {
        font-size: 8rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-sm-1 {
        font-size: 6rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-sm-2 {
        font-size: 5.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-sm-3 {
        font-size: 4.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-sm-4 {
        font-size: 3.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-sm-5 {
        font-size: 2.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-sm-6 {
        font-size: 1.5rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
    .display-sm-7 {
        font-size: 1.1rem !important;
        font-weight: 300;
        line-height: 1.2;
    }
}

.display-0 {
    font-size: 8rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-6 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-7 {
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.2;
}

.line-height-1_5 {
    line-height: 1.5;
}

.line-height-2 {
    line-height: 2;
}

.line-height-3 {
    line-height: 3;
}

.range-buy::-webkit-slider-thumb {
    background: none repeat scroll 0 0 rgb(22,156,68);
    border-radius: 100%;
    border: none;
}

.range-sell::-webkit-slider-thumb {
    background: none repeat scroll 0 0 rgb(220,45,61);
    border-radius: 100%;
    border: none;
}

.userTopMenu {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
.userTopMenu::-webkit-scrollbar {
    display: none !important;
}
.nav-pills .nav-link {
    background:rgba(0,0,0,0.03);
}
.nav-pills .nav-link.active {

}