@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('fonts/Poppins-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.woff2') format('woff2'),
        url('fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Black.woff2') format('woff2'),
        url('fonts/Poppins-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Light.woff2') format('woff2'),
        url('fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Medium.woff2') format('woff2'),
        url('fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Bold.woff2') format('woff2'),
        url('fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}





body{
	background:#10202A;
}
.container {
	max-width:500px;
	width:100%;
	margin:0 auto;
}

.banner{
	position:relative;
}
.banner .banrOverlay{
	max-width:200px;
	margin-left:2rem;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.banner .banrOverlay img{
	width:100%;
	animation: zoom 1s infinite;
}
.banrText{
	background-color: #24343E;
    box-shadow: 0px 0px 20px black;	
    margin-top: -4px;
	padding:10px 0;
}
.banrText h3{
	margin:0;	
	font-family: 'Poppins'; 
	font-weight:400;
	color:#fff;
	width:fit-content;
	margin:0 auto;
}/*
.banrText #div1, .banrText #div2 {
    opacity: 0;
    transition: opacity 1s ease-in-out; 
    position: absolute;
	display:none;
  }

.banrText .visible {
    opacity: 1 !important;
  }*/
.banrText h3 span{
	color:#4ec192;
}
.banrText h3:before {
    content: "\f058";
    font: normal normal normal 18px/1 FontAwesome;
	color:#4ec192;
	margin-right:5px;
}
@keyframes zoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
    /* equals 105% */
  }
  100% {
    transform: scale(1);
  }
}

/*Social Buttons*/
.social-media .social-btn.telegram {
    background: #0000FF !important;
    color: #fff !important;
}

.social-media .social-btn.instagram {
    background: #C12C84 !important;
    color: #fff !important;
}
.cashSec{
	padding:50px 18px 90px;
}
.cashSec h2{
	font-size: 2.5rem;
    line-height: 1.05;	
	color:#fff;
	font-family: 'Poppins'; 
	font-weight:600;
	margin:0;
}
.cashSec p{
    font-size: 1.25rem;
    line-height: 1.5;
    color: #fff;
	font-family: 'Poppins'; 
	font-weight:500;
    margin: 18px 0 0;
}
.cashSec p span{
	color:#ffd700;
}
.cashSec button{
    background-color: #34C759;
    color: #111;
	font-size: 20px;
	border: 1px solid transparent;
	font-family: 'Poppins'; 
	font-weight:400;
	width:100%;
    padding: .5rem 1rem;
    border-radius: .3rem;
	position:relative;
	margin-top:17px;
}
.cashSec button:before {
    content: "\f0da";
    font: normal normal normal 20px/1 FontAwesome;
	color:#111;
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
}
.cashSec button:hover{
	border-color:#1877F2
}

.workOver{
	padding:32px 30px 0;
    box-shadow: 0px 0px 30px black;
    background-color: #24343E;
}
.workOver h2{
	font-size: 2rem;
    line-height: 1.3;	
	color:#fff;
	font-family: 'Poppins'; 
	font-weight:600;
	margin:0;	
	padding-bottom:10px;
}
.workOver h2 span{
	color:#ffd700;	
}
.workOver h2 a{
	color:#1877F2;	
}
.workOver h2 a:hover{
	color:#0a58ca;
}
.workOver img{
	width:100%;
	object-fit:cover;
	    margin-bottom: -4px;
}

.clockStart{
    margin-bottom: 2rem;
    margin-top: 3rem;
    text-align: center;
    border: 1px dashed #ffd700;
    padding: 2rem 0;
}
.clockStart h3{
	font-size: 1.25rem;	
	color:#fff;
	font-family: 'Poppins'; 
	font-weight:500;
	margin:0;
	    line-height: 110%;
}
.clockStart span#txt{
	font-size: 1.25rem;	
	color:#ffd700;
	font-family: 'Poppins'; 
	font-weight:600;
}
.clockStart span#txt:before{
    content: "\f017";
    font: normal normal normal 20px/1 FontAwesome;	
	color:#fff;
	margin-right:5px;
}

.account{
	
}
.account .acStep{
    margin-bottom: 2rem;
    position: relative;
        padding: 32px 30px 0;
    box-shadow: 0px 0px 30px #000;
    background-color: #24343E;
}
.account .acStep h2{
	font-size: 2rem;
    line-height: 1.2;	
    font-weight: 600;
	color:#fff;
	font-family: 'Poppins';
	margin:0;
    padding-bottom: 12px;
}
.account .acStep h2 span{
	color:#ffd700;
	    text-transform: uppercase;
}
.account .acStep img{
	width:100%;
	object-fit:cover;	
	margin-bottom:-4px;
}
.account .acStep img.rdeem{
	margin:0;
}
.account .acStep button{
    background-color: #ffd700;
    color: #111;
	font-size: 20px;
	border: 1px solid transparent;
	font-family: 'Poppins'; 
	font-weight:400;
	width:100%;
    padding: .5rem 1rem;
    border-radius: .3rem;
	position:relative;
	    margin-bottom: 2rem;
}
.account .acStep button:before {
    content: "\f0da";
    font: normal normal normal 20px/1 FontAwesome;
	color:#111;
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
}
.account .acStep button:active{
	background-color:#1877F2;
	color:#fff;
}
.account .acStep h2 a{
	color:#1877F2;	
}
.account .acStep h2 a:hover{
	color:#0a58ca;
}
.account .acStep ul{
    margin: 0;
    padding-left: 32px;	
}
.account .acStep ul li{
    font-size: 1.25rem;
    line-height: 1.80rem;
    color: #fff;	
	font-family: 'Poppins'; 
	font-weight:400;
}
.account .acStep ul span{
	color:#ffd700;	
}
.account .acStep button.claimBtn{
    color: #fff;
    background-color: #0d6efd;
    margin: 15px 0 0;
	animation: zoom 1s infinite;
}
.account .acStep button.claimBtn:before{
	color:#fff;
}
.account .acStep h2.play{
	padding-bottom:35px;
}
.account .acStep p.violate{
    font-size: 1.25rem;
    line-height: 1.80rem;
    color: #fff;
    font-family: 'Poppins';
    font-weight: 400;
    margin: 6px 0 18px;
}
.account .acStep button.donateBtn{
	margin-bottom:0;
}
.account .acStep button.donateBtn:before{
	display:none;	
}
.account .acStep button.donateBtn:active{
    background-color: #ffd700;
    color: #111;	
}
.account .acStep.testimonial iframe{
    width:100% !important;
        height: 250px !important;
}
.account .acStep.testimonial{
    padding-bottom:30px;
}
.account .acStep.testimonial p{
	margin:0;
    font-size: 1rem;
    line-height: 1.50rem;
    color: #fff;
    font-family: 'Poppins';
    font-weight: 400;
}
.account .acStep.testimonial h3{
	margin:0;
    font-size: 1.80rem;
    line-height: 1.50rem;
    color: #ffd700;
    font-family: 'Poppins';
    font-weight: 600;	
	padding:15px 0;
}
.footerSec{
	background:#f5f5f7;
    padding: 50px 20px;
    margin-top: 50px;
}
.footerSec h3{
    font-size: 1.125rem;	
	    font-family: 'Poppins';
    font-weight: 400;
	text-align:center;
	margin:0;
}
.footerSec h3 a{
		color:#0077cc;
}
.footerSec p{
    font-size: 1.125rem;	
	    font-family: 'Poppins';
    font-weight: 400;
	text-align:center;
	margin:0;
	color:#ccc;
}