/* ================= CSS Default ================= */ 
html{scroll-behavior:smooth;}
*{margin:0;padding:0;}
body{font-family: "Poppins_Regular", Roboto, Arial, sans-serif;background-color:#0A0A0A;font-size:14px;color:#9D9D9D;overflow-x:hidden;}	
li{list-style-type:none;}
a, img{transition: all 0.15s ease;}
a:focus{outline:none;}
a, a:hover, a:active, a:link, a:visited{text-decoration:none;}	
h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;line-height:1.35;}
.padding0{padding:0;}

@font-face{
    font-family: Poppins_Regular;
    src: url(../fonts/Poppins_Regular.ttf);
}

@font-face{
    font-family: Poppins_SemiBold;
    src: url(../fonts/Poppins_SemiBold.ttf);
}

.space_section{
	padding:150px 0;
}

.btn_gold{
	background-color:#FFC737;
	color:#0A0A0A;
	font-size:15px;
	font-family:Poppins_SemiBold;
	padding:15px;
	border-radius:6px;
}

.title_section{
	font-family:Poppins_SemiBold;
}

.title_section h6{
	color:#ffffff;
	font-size:16px;
	text-transform:uppercase;
	padding-left:90px;
	position:relative;
	margin-bottom:30px;
}

.title_section h6:after{
	position:absolute;
	top:10px;
	left:0;
	content:'';
	width:75px;
	height:2px;
	background-color:#ffffff;
}

.title_section h2{
	color:#FFC737;
	font-size:33px;
}

.title_main{
	font-family:Poppins_SemiBold;
	text-align:center;
	width:550px;
	margin:0 auto 40px;
}

.title_main h4{
	text-transform:uppercase;
	font-size:20px;
	color:#ffffff;
}

.title_main h2{
	font-size:33px;
	color:#FFC107;
}

/* ================= CSS FULL (content you write code here) ================= */
/* ================= HEADER ================= */
.navbar-brand img{
	width:170px;
	margin-right:40px;
}

#linkMenu .nav-item .nav-link{
	color:#9D9D9D;
	margin-right:20px;
}

#linkMenu .sign{
	margin-top:15px;
}

#linkMenu .sign li a{
	padding:10px 20px;
	border-radius:30px;
	width:100px;
	text-align:center;
	margin-left:10px;
	display:inline-block;
}

#linkMenu .sign li:last-child a{
	border:1px solid #ffffff;
	color:#ffffff;
}

header.nav-fixed {
    width: 100%;
    position: fixed;
    transition: 0.3s ease-in-out;
	z-index:6;
	border-bottom:1px solid rgba(255,255,255,0.1);
}

.nav-active {
    background-color:#181818;   
}

/* ================= MAIN ================= */
#pre-sale{
	background:url("../images/introduction.jpg") no-repeat center center;
	background-size:100%;
	padding:250px 0 150px;	
}

#pre-sale article{
	
}

#pre-sale article h1{
	font-family:Poppins_SemiBold;
	font-size:48px;
	color:#FFC737;
}

#pre-sale article p{
	font-size:18px;
	margin-top:20px;
}

#pre-sale article .group_a{
	margin-top:40px;
}

#pre-sale article .group_a a{
	margin-right:30px;
}

#pre-sale article .group_a a:last-child small{
	color:#ffffff;
	font-size:16px;
	border-bottom:2px solid #48DCA8;
	padding-bottom:5px;
}

#pre-sale article .group_a a img{
	width:20px;
	height:20px;
}

#pre-sale article .group_a a span{
	background-color:rgba(255,255,255,0.08);
	width:50px;
	height:50px;
	padding:15px;
	border:1px solid #48DCA8;
	border-radius:50%;
	margin-right:10px;
}

#pre-sale article .group_a a:hover{
	color:#0A0A0A;
}

#pre-sale article .group_a a:first-child{
	text-transform:uppercase;
	padding:12px 25px;
}

#box-presale{
	background-color:rgba(120,120,120,0.35);
	padding:20px 30px;
	border-radius:20px;
	color:#ffffff;
	text-align:center;
}

#box-presale h2{
	font-family:Poppins_SemiBold;
	text-transform:uppercase;
	margin-bottom:30px;
	font-size:21px;
}

#box-presale h5{
	margin-bottom:10px;
	font-size:14px;
}

#box-presale p{
	border:1px solid rgba(255,255,255,0.2);
	border-radius:10px;
	background-color:rgba(0,0,0,0.2);
	margin-bottom:0;
	font-family:Poppins_SemiBold;
	font-size:32px;
	padding:30px 0;
	color:#FFC107;
}

#box-presale .text-proress{
	color:#ffffff;
	font-size:16px;
	margin:20px 0;
}

#box-presale .progress{
	background-color:rgba(255, 255, 255, 0.2);
	border-radius:20px;
	height:15px;
	margin-bottom:30px;
}

#box-presale .progress .progress-bar{
	background: linear-gradient(to right, #D88202 0%, #FFEEDE 100%);
}

#box-presale .btn_gold{
	display:block;
	text-transform:uppercase;
}

#box-presale .btn_gold:hover{
	color:#0A0A0A;
}

#platform{
	background-color:#170D0D;
}

#platform #list-features{
	margin-top:40px;
}

#platform #list-features .bg-img{
	background-color:#FFC737;
	border-radius:50%;
	width:60px;
	height:60px;
	position:relative;
}

#platform #list-features .bg-img:before{
	position:absolute;
	content:'';
	top: 63px;
	left: 28px;
	height: 65px;
	width: 1px;
	border:1px dashed #48DCA8;
}

#platform #list-features .bg-img img{
	display:block;
	width:30px;
	padding-top:15px;
	margin:0 auto;
}

#platform #list-features .row{
	margin-bottom:30px;
}

#platform #list-features .row:last-child .bg-img:before{
	display:none;
}

#platform #list-features h5{
	font-size:20px;
	font-family:Poppins_SemiBold;
	color:#ffffff;
	margin-bottom:7px;
}

#platform #list-features p{
	font-size:15px;
}

#why_choose .card{
	background:none;
	padding:20px;
	border-radius:20px;
	transition:all 0.15s ease;
}

#why_choose .card:hover{
	background-color:rgba(255,255,255,0.1);
}

	#why_choose .card .frame_bg {
		width: 80px;
		height: 80px;
		border-radius: 10px;
		padding: 10px;
		margin: auto;
	}

.bg_gold{
	background-color:#FFC107;
}

.bg_green{
	background-color:#0EB564;
}

.bg_gray{
	background-color:#9D9D9D;
}

.bg_yellow{
	background-color:#FFC737;
}

#why_choose .card img{
	width:34px;
	display:block;
	margin:0 auto;
	padding-top:10px;
}

#why_choose .card .card-body{
	padding:0;
}

#why_choose .card .card-body h5{
	font-family:Poppins_SemiBold;
	font-size:21px;
	color:#ffffff;
	margin:30px 0 15px; 
}

#why_choose .card .card-body p{
	margin-bottom:0;
}

#how_it_works{
	position:relative;
	background:#170D0D url('../images/bg01.png') no-repeat center center;
}

#how_it_works .card{
	background:none;
	padding:30px;
	border-radius:10px;
	text-align:center;
	transition:all 0.15s ease;
}

#how_it_works .card:hover{
	background-color:rgba(255,255,255,0.1);
}

#how_it_works .card img{
	width:50px;
	margin:0 auto;
	display:block;
}

#how_it_works .card h4{
	font-family:Poppins_SemiBold;
	font-size:21px;
	margin:15px 0;
	color:#FCDEB1;
}

#chart-profit{
	position:relative;
}

#chart-profit .price{
	font-size:50px;
	font-family:Poppins_SemiBold;
	color:#ffffff;
}

#chart-profit .price .btn_gold{
	border-radius:30px;
	padding:15px 40px;
	position: relative;
	top: -10px;
	left: 30px;
}

#chart-profit .price .btn_gold:hover{
	color:#0A0A0A;
}

#chart-profit .nav-tabs{
	border-bottom:0;
}

#chart-profit .nav-tabs .nav-link{
	border-bottom:3px solid #2D2451;
	color:#7B7B97;
	padding-left:0;
	padding-right:0;
	margin-right:20px;
	border-radius:0;
	margin-bottom:0;
}

#chart-profit .nav-tabs .active{
	background:none;
	border:0;
	border-bottom:3px solid #FFC107;
	color:#FFC107;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
	border:3px solid transparent;
}

#chart-profit .tab-content{
	background-color:rgba(100,100,100,0.2);
	margin-top:40px;
	border-radius:20px;
	padding:60px;
}

.content_part{
	margin-top:55px;
}

#chart-profit .part-limit{
	margin-bottom:25px;
}

#chart-profit .part-limit p{
	margin-bottom:7px;
	font-size:15px;
	color:#ffffff;
}

#chart-profit .part-limit .progress{
	background-color:rgba(255,255,255,0.12);
}

#chart-profit .part-limit .progress{
	border-radius:20px;
}

.bar_orange{
	background-color:#FF9B5C;
}

.bar_cyan{
	background-color:#00D89E;
}

.bar_gold{
	background-color:#FFC737;
}

.bar_red{
	background-color:#FC3352;
}

#ico_token{
	position:relative;
	border-top:1px solid rgba(255,255,255,0.2);
}

#ico_token .title_section h2{
	color:#DBFF00;
}

#ico_token .box-content{
	margin-top:50px;
	background-color:rgba(255,255,255,0.1);
	border-radius:20px;
	padding:40px;	
}

#ico_token .box-content h5{
	color:#ffffff;
	transition:all 0.15s ease;
	font-size:18px;
	border-radius:15px;
	padding:20px;
	margin:20px 0;
}

#ico_token .box-content h5:hover{
	background-color:rgba(255,255,255,0.1);
}

#ico_token .box-content h5 span{
	color:#FFC107;
	font-size:22px;
	display:block;
	margin-bottom:5px;
	font-family:Poppins_SemiBold;
}

#roadmap{
	position:relative;
}

#roadmap .title_main h2{
	color:#DBFF00;
}

/* ==== BEGIN: Timeline (Roadmap) ==== */
.timeline-item {
    position: relative;
    padding: 0 15px 50px;
	text-align:center;
}

.timeline-item:before,
.timeline-item:after {
    position: absolute;
    top: 41px;
    width: 50%;
    height: 3px;
    content: '';
    background-color: #FC3352;
    opacity: 0;
}

.timeline-item:before {
    left: 0;
}

.timeline-item:after {
    right: 0;
}

.timeline-date {
    text-transform: uppercase;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 1px;
    display: block;
    padding-bottom: 26px;
    position: relative;
    z-index: 2;
}

.timeline-date:after,
.timeline-date:before {
    position: absolute;    
    bottom: -1px;
	left: 49.3%;
    border-radius: 50%;
    content: '';
}

.timeline-date:after {
    margin-left: -5px;
    height: 18px;
    width: 18px;
    background-color: #FFC107;
}

.timeline-date:before {
	margin-left: -16px;
	margin-bottom: -11px;
	height: 40px;
	width: 40px;
    background-color: rgba(255, 193, 7, 0.3);
    opacity: 0;
}

.timeline-item .box-content{
	margin-top:48px;
	border-radius:15px;
	padding:20px 15px;
	width: 200px;
	position:relative;
	margin: 48px auto 0;
	background-color:rgba(255,255,255,0.12);
}

.timeline-active:after{
	right:100% !important;
}

.timeline-title {
    margin-bottom: 10px;
}

.timeline-item .box-content:before {
    position: absolute;
    top: -40px;
    left: 50%;
    height: 40px;
    width: 0;
    content: '';
    border-right: 1px dashed #788599;
}

.timeline-info{
	padding-left:0;
	margin-bottom:0;
}

.timeline-info li {
    position: relative;
    margin-top:5px;
	font-size:16px;
}

.timeline-info li:last-child:after {
    display: none;
}

.timeline-done:before,
.timeline-done:after {
    opacity: 1;
}

.timeline-title {
    color: #ffffff;
	font-family:Poppins_SemiBold;
	font-size:18px;
}

.timeline-done .timeline-date:before {
    opacity: 1;
}

.timeline-current:before,
.timeline-current:after {
    opacity: 1;
}

.timeline-current:after {
    opacity: 0;
}

.timeline-current .timeline-title {
    color: #223b55;
}

.timeline-current .timeline-date:before {
    opacity: 1;
}

.timeline-row {
    position: relative;
}

.timeline-row > .row > *{
	padding-left:0;
	padding-right:0;
}

.timeline-row:before {
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
    height: 0;
    content: '';
    border-bottom: 1px dashed #788599;
}

.timeline-row:after {
    position: absolute;
    top: 42px;
    width: 15px;
    height: calc(100% + 1px);
    content: '';
    border: 1px dashed #788599;
}

.timeline-row-done:after {
    position: absolute;
    top: 41px;
    width: 15px;
    height: calc(100% + 3px);
    content: '';
    border: 3px solid #523cc0;
}

.timeline-row-done.timeline-row-odd:after {
    right: -15px;
}

.timeline-row-done.timeline-row-even:after {
    left: -15px;
}

.timeline-row-odd:after {
    right: -17px;
    border-left: 0;
    border-radius: 0 20px 20px 0;
}

.timeline-row-even:after {
    left: -17px;
    border-right: 0;
    border-radius: 20px 0 0 20px;
}

.timeline-row-even .timeline-item {
    padding-left: 40px;
    padding-right: 40px;
}

.timeline-row-even .timeline-item:before {
    right: 0;
    left: auto;
}

.timeline-row-even .timeline-item:after {
    left: 0;
    right: auto;
}

.timeline-row-last:after {
    display: none;
}
/* ==== END: Timeline (Roadmap) ==== */

#document{
	background-color:#170D0D;
}

#document p{
	font-size:16px;
	margin-top:30px;
	margin-bottom:30px;
}

#document ul {
	margin-bottom:0;
	padding-left:0;
}

#document ul li{
	width:50%;
	font-size:16px;
	color:#ffffff;
	float:left;
	margin-bottom:20px;
}

#document ul li img{
	width:35px;
	height:35px;
	padding:10px;
	margin-right:10px;
	border-radius:50%;
	background-color:#FFC107;
}

#document .btn_gold{
	border:0;
	border-radius:30px;
	padding:15px 35px;
	margin-top:30px;
}

#document .btn_gold img{
	margin-left:5px;
}

#mobile_app{
	position:relative;
}

#mobile_app p{
	font-size:15px;
	line-height:1.8;
	margin-bottom:30px;
}

#mobile_app ul{
	padding-left:0;
	margin-bottom:0px;
}

#mobile_app ul li{
	float:left;
	width:50%;
	margin-bottom:20px;
	font-size:15px;
	color:#ffffff;
}

#mobile_app ul li img{
	width:35px;
	height:35px;
	border-radius:50%;
	padding:10px;
	background-color:rgba(255,255,255,0.15);
	margin-right:10px;
}

#mobile_app .group_a{
	margin-top:30px;
}

#mobile_app .group_a a{
	background-color:rgba(255,255,255,0.15);
	padding:20px 25px;
	margin-right:20px;
	display:block;
	float:left;
	width:200px;
	border-radius:8px;
	box-shadow:0 20px 40px rgba(44, 204, 255, 0.3);
}

#mobile_app .group_a img{
	width:30px;
	margin-bottom:5px;
	margin-right:10px;
	float:left;
}

#mobile_app .group_a span{
	color:#ffffff;
	display:block;
}

#mobile_app .group_a span small{
	color:#9D9D9D;
}

#mobile_app .group_a a:last-child{
	background-color:#7B7B97;
}

#faqs{
	border-top:1px solid rgba(255,255,255,0.2);
}

#faqs .nav-tabs{
	border-bottom:0;
}

#faqs .nav-tabs .nav-link{
	border:0;
	border-bottom:3px solid #2D2451;
	font-size:18px;
	padding:10px 0;
	margin-right:10px;
	color:#7B7B97;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
	border:1px solid transparent;
}

#faqs .nav-tabs .active{
	background:none;
	border:0;
	color:#ffffff;
	border-bottom:3px solid #FFC107;
}

#faqs .tab-content{
	margin-top:40px;
	background-color:rgba(255,255,255,0.15);
	padding:20px;
	border-radius:15px;
}

.accordion .accordion-item{
	background:none;
	border:0;
	border-bottom:1px solid rgba(255,255,255,0.2);
}

.accordion-button{
	background:none;
	color:#ffffff;
	font-family:Poppins_SemiBold;
	font-size:16px;
}

.accordion .accordion-item h2{
	
}

.accordion .accordion-item .accordion-body{
	padding:15px 0;
	line-height:1.8;
	font-size:15px;
}

.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-button:focus{
	box-shadow:none;
}

.accordion-button:after {
	background-color: #FFC107;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	padding: 5px;
	background-position: 5px 5px;
}

.accordion-button:not(.collapsed){
	background-color:rgba(255,255,255,0.1);
	color:#FFC107;
}

#faqs .title_section{
	margin-bottom:50px;
}

#contact_us .title_main h2{
	color:#DBFF00;
}

#contact_us .info_contact img{
	background-color:#FFC107;
	width:50px;
	height:50px;
	border-radius:50%;
	padding:10px;
	float:left;
	margin-right:15px;
	margin-top:4px;
}

#contact_us .info_contact h6{
	color:#ffffff;
	font-size:20px;
}

#subscribe p{
	font-family:Poppins_SemiBold;
	font-size:45px;
	text-align:center;
	margin-bottom:30px;
	color:#DBFF00;
}

#subscribe .form-control{
	height:auto;
	padding:15px 30px;
	border-radius:10px;
	font-size:15px;
	font-family:Poppins_SemiBold;
}

#subscribe .form-control:focus{
	box-shadow:none;
}

#subscribe .btn_gold{
	padding:15px 35px;
	border:0;
	border-radius:10px;
}

.social{
	text-align:center;
	padding-left:0;
	margin-bottom:0;
	margin-top:40px;
}

.social li{
	display:inline;
	margin:0 10px;
}
.social li a{
	display:inline-block;
	width:50px;
	height:50px;
	border-radius:4px;
	background-color:rgba(255,255,255,0.12);
}

.social li a:hover{
	background-color:rgba(255,255,255,0.3);
}

.social li a img{
	padding-top:10px;
}

/* ================= FOOTER ================= */
footer p{
	border-top:1px solid rgba(255,255,255,0.2);
	padding-top:30px;
	text-align:center;
	margin-bottom:50px;
	font-size:15px;
}

#modal-video .modal-content{
	background:none;
	border:0;
}

.btn-close{
	color:#FFC107;
	opacity:1;
	position:absolute;
	top:-40px;
	right:-10px;
	background:none;
	font-size:24px;
}

.btn-close:hover{
	box-shadow:none !important;
	background:none;
	opacity:1;
	color:#FFC107 !important;
}

/* ================= Few Option ================= */
.abs_01{
	position:absolute;
	top: -270px;
	right: -320px;
}

.abs_02{
	position:absolute;
	top: -60px;
	right: -200px;
	opacity:0.4;
}

.abs_03{
	position:absolute;
	bottom: -340px;
	right: -150px;
	opacity:0.5;
}

.abs_04{
	position:absolute;
	top: 100px;
	left: 0;
	opacity:0.5;
}

.abs_05{
	position:absolute;
	top: 0;
	left: 0;
	opacity:0.5;
}

.abs_06{
	position:absolute;
	top: 100px;
	left: 50px;
	opacity:0.5;
}

.abs_07{
	position:absolute;
	top: 120px;
	right: -300px;
	opacity:0.5;
}