/*@import "bootstrap.css";*/
@import "style.css";
/*@import "dark.css";*/
@import "font-icons.css";
@import "animate.css";
@import "magnific-popup.css";
/*@import "style-v4.css";*/
@import "style-v5.css";
/*@import "responsive.css";*/
/*@import "fontawesome.css";*/
@import "solid.css";
/*@import "global.css";*/
@import "header.css";
@import "footer.css";
@import "home.css";
@import "page.css";
@import "bonus.css";
@import "account.css";

@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');

/*.btn.btn-custom{
	background: url('../../images//project/btn.png') no-repeat;
	background-size: cover;
	border:	0px;
}

.ct-image{
	height: 5px;
}

.bg-gradient{
	background: linear-gradient(#BDA760, #A28940)
}

.text-black{
	color: #000;
}

.text-white{
	color: #FFF;
}

.text-gradient {
	background: -webkit-linear-gradient(#D69F43, #F7EF8A, #D69F43);
	background: -o-linear-gradient(#D69F43, #F7EF8A, #D69F43);
	background: -moz-linear-gradient(#D69F43, #F7EF8A, #D69F43);
	background: linear-gradient(#D69F43, #F7EF8A, #D69F43);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: none;
}

.nav .select a{
	color: #F4AC04;
}

.img-container{
	position: relative;
}

.img-container-content{
	position: absolute;
	top: 3%;
	left: 16%;
	right: 16%;
	bottom: 30%
}

.table_title{
	background-image: url('../../images/project/real-dep-heading.png');
	background-size: cover;
	background-position: center;
}

.table-wrapper{
	border: 5px solid;
	border-top: 0px;
	border-image-slice: 1;
	border-width: 3px;
	border-image-source: linear-gradient(to bottom, #D69F43, #F7EF8A, #D69F43);
	margin-bottom: 30px;
}

.table_warpper table{
	margin-bottom: 0px
}

.table_warpper table th{
	border-color: #000;
	color: gold;
}

.table_warpper table tr{
	color: white;
}
.table_warpper table tr td{
	background: #000;
	border: 0;
}

.dmn2,
.dmn4,.dmn4 td,
.table_warpper table tr:hover td{
	background: #000;
}

p.promo-title{
	font-size: 15px;
	color: black;
}
*/

.side_qr {
    text-align: center;
    display: inline-block;
    padding: 15px;
    border: 2px solid #ff751a;
    background: #ff751a;
    position: fixed;
    top: 25%;
    right: -210px;
    width: 210px;
    z-index: 999;
    transition: right 0.4s ease;
    -moz-transition: right 0.4s ease;
    -webkit-transition: right 0.4s ease;
}
.side_qr .qr_button {
    position: absolute;
    top: 15px;
    left: -43px;
    display: inline-block;
    width: 50px;
}
.side_qr table {
    margin: 0;
}

.progress-status {
    height: 40px;
    border-radius: 20px;
    width: 90%;
    position: relative;
    margin: 0 auto;
    background-color: #FFF;
}

.progress-animation {
    background-color: gold;
    height: 40px;
    top: 0;
    left: 0;
    position: absolute;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.progress-animation.bronzeProgress{
    width: 10%
}
.progress-animation.silverProgress{
    width: 24%
}
.progress-animation.goldProgress{
    width: 50%
}
.progress-animation.platinumProgress{
    width: 75%
}
.progress-animation.diamondProgress{
    width: 100%;
    border-radius: 20px;
}

.progress-status .bar-separator:nth-child(2) {
    margin-left: 5%;
}
.progress-status .bar-separator:nth-child(3) {
    margin-left: 19%;
}
.progress-status .bar-separator:nth-child(4) {
    margin-left: 45%;
}
.progress-status .bar-separator:nth-child(5) {
    margin-left: 70%;
}

.progress-status .bar-separator {
    position: absolute;
    top: 0;
    left: 5%;
    width: 6px;
    height: 40px;
    background-color: #000;
}

.progress-deposit{
	color: #FFF;
    margin-left: 4%;
}

.progress-deposit .treasure-box{
    margin-left: -15px;
}
.progress-deposit .treasure-box.active{
    animation: createBox 2s infinite;
}
@keyframes createBox {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.3);
  }
}
.progress-deposit:nth-child(2) {
    margin-left: 1%;
}
.progress-deposit:nth-child(3) {
    margin-left: 5%;
}
.progress-deposit:nth-child(4) {
    margin-left: 15%;
}
.progress-deposit:nth-child(5) {
    margin-left: 14%;
}
.progress-deposit:last-child {
    margin-left: 12%;
}
.progress-balance{
    height: 30px;
    border: 2px solid gold;   
}

.d-flex{
    display: flex;
}

@media (max-width: 1200px) {
	.text-center{
		text-align: center !important;
	}
}

@media (max-width: 979px) {
}

@media (max-width: 767px) {
	/*#chat-widget-container{
		bottom: 50px!important;
	}*/

    .progress-deposit{
        font-size: 9px;
    }
    
    .progress-status .bar-separator:nth-child(2) {
        margin-left: 10%;
    }
    .progress-status .bar-separator:nth-child(3) {
        margin-left: 26%;
    }
    .progress-status .bar-separator:nth-child(4) {
        margin-left: 45%;
    }
    .progress-status .bar-separator:nth-child(5) {
        margin-left: 70%;
    }
    .progress-deposit:nth-child(3) {
        margin-left: 1%;
    }
    .progress-deposit:nth-child(4) {
        margin-left: 4%;
    }
    .progress-deposit:nth-child(5) {
        margin-left: 10%;
    }
    .progress-deposit:last-child {
        margin-left: 4%;
    }

    .progress-animation.bronzeProgress{
        width: 15%
    }
    .progress-animation.silverProgress{
        width: 31%
    }
    .progress-animation.goldProgress{
        width: 50%
    }
    .progress-animation.platinumProgress{
        width: 75%
    }
    .progress-animation.diamondProgress{
        width: 100%;
        border-radius: 20px;
    }
}

@media (max-width: 480px) {
}

@media (max-width: 320px) {
    .progress-deposit{
        font-size: 10px;
    }
}