/*roadmap section*/
@media (min-width: 992px){.mb_30{margin-top: 45%!important; margin-bottom: 30%;}}

/*m_all page*/
.t_align{text-align: center;}
.ecosystem_section .big-text, .com_section .big-text, .section2 .big-text, .products_section .big-text, .tokeneco_section .big-text{margin-bottom: 50px;}
.mission_text{margin: 0 auto;text-align: center;}
.wrap-box h3 {
    font-size: 20px;
    /*font-weight: 600;*/
    font-family: 'Poppins', sans-serif;
}
.f_italic{font-style: italic;}
.wrap-box p {
    font-size: 16px;
    font-weight: 100;
	color: var(--baseone);
}
.float_l{float: left;}

/*
* ----------------------------------------------------------------------------------------
* products
* ----------------------------------------------------------------------------------------
*/

.pro_ul, .lotty_ul, .pro_ul > li, .pro_ul > li a {position: relative;overflow: hidden;}
.pro_ul{padding-left: 0;}
.pro_ul > li{list-style: none;border-radius: .25rem;}
.pro_ul > li{margin-top: 3%;display: flex;align-items: stretch;}
.pro_ul > li:first-child{margin-top: 0;}
.pro_text {text-align: left;}
.pro_ul > li:first-child a .pro_btn,.pro_ul > li:last-child a .pro_btn{text-align: right;}
.pro_more{font-size: 1.2em;}

.pro_ul > li:first-child a, .pro_ul > li:last-child a{display: flex;align-items: center;}
.pro_ul > li:nth-child(-n+5):nth-child(n+2) a{display: block;}
.pro_ul > li a{color: var(--baseone);}


.pro_ul > li a:hover{text-decoration: none;}
.pro_ul > li a:hover .pro_img img{opacity: 1;}


.pro_img{width: 30%;float: left;padding: 30px 0;}
.pro_ul > li:nth-child(-n+5):nth-child(n+2) a .pro_img{padding-bottom: 0;}
.pro_ul > li:nth-child(-n+5):nth-child(n+2) a .pro_img,.pro_ul > li:nth-child(-n+5):nth-child(n+2) a .pro_text{width: 100%;text-align: center;}
.pro_ul > li:nth-child(-n+5):nth-child(n+2) a .pro_img img{max-width: 150px;}
.pro_img img{width: 100%;opacity: 0.7;transition:opacity 1s;}
.pro_text{width: 70%;float: right;}

.pro_text .subtitle_color{font-size: 1.5em;}

.lotty_toggle{text-decoration: underline;}
.lotty_ul{padding-left: 20px;}
.lotty_ul  li{list-style: decimal;}


.pro_btn{animation: pro01 2s infinite linear;}

/*
* ----------------------------------------------------------------------------------------
* tokenomics
* ----------------------------------------------------------------------------------------
*/

/*all*/
.tokenfea_wrap:hover,.ecosystem_row .col-lg-4:hover .sec_bg,.pro_ul > li:hover .sec_bg{background-color: #24abeb1f;}
.tokenfea_wrap{align-items: center;padding: 20px 15px;margin: 0;}
.tokenfea_wrap p{margin-bottom: 0;}

.tokeneco_row01 {position: relative;overflow: hidden;}
.token_num{align-items: stretch;justify-content: center;}
.tokeneco_fund{align-items: center;}
.token_part_in{text-align: center;position: relative;overflow: hidden;}
.token_part_in{padding: 15px;}
.token_part_in p{margin-bottom: 0;position: relative;overflow: hidden;}
.token_big{font-size: 1.2em;}
.token_big .warn_b{color: var(--baseone);}
.token_big .warn_w{color: var(--comicon01);}
.token_part_in p:not(:last-child){margin-bottom: 2%;}
.token_part_in p .warn_b{width: 40%;float: left;text-align: right;padding-right: 5px;}
.token_part_in p .warn_w{width: 60%;float: right;text-align: left;padding-left: 5px;}
.token_part_in_top p .warn_b,.token_part_in_top p .warn_w{width: 50%;}
.token_part p{display: block;width: 100%;}


.ecosystem_section .token_part {margin-top: 3%;}
.ecosystem_section .token_part .warn_b,.tokenfea_wrap .warn_b,.tax_row .warn_b{font-size: 3.5em;display: block;}
.ecosystem_section .token_part_in .warn_w{font-size: 1em;}
.ecosystem_section .token_part_in{padding:0 15px;}
.ecosystem_section .token_part_in .sec_bg{padding: 50px 15px;}

.token_chart{padding: 50px;}
.token_chart a{display: block;animation: tokeneco 2.5s infinite linear;}
.token_chart a img{width: 100%;max-width: 500px;}

/*
* ----------------------------------------------------------------------------------------
* rewards-ecosystem
* ----------------------------------------------------------------------------------------
*/



.ecosystem_row .sec_bg{margin-top: 7%;text-align: left;}
.ecosystem_row .col-lg-6{display: flex;align-items: stretch;}
.ecos_list{display: flex;align-items: center;margin-bottom: 5%;}
.ecos_list_img img{width: 100%;}
.ecos_list_img{min-width: 90px;max-width: 90px;}
.ecos_list h2{padding-left: 10%;}


/*  tokenomics + rewards-ecosystem */
.list_count{display: flex;}
.list_num{display: inline-block;font-size: 1.2em;border: 2px solid #f8f9fa;padding: 5px 15px 5px 15px;border-radius: 50px; margin-right: 15px;height: 44px;}

/*rewards-ecosystem + roadmap*/
.road_img img{width: 100%;}


/*
* ----------------------------------------------------------------------------------------
* partner SECTION 
* ----------------------------------------------------------------------------------------
*/
.partner_list{display: grid;grid-template-columns: repeat(6, 1fr);row-gap: 30px;}
.partner_item,.media_item{display: flex;flex-direction: column;}
.media_item{padding: 20px 0;}
.partner_item a,.media_item a{position: relative;width: 100%;height: 100%;}
.partner_img,.media_img{position: relative;overflow: hidden;display: flex;align-items: center; justify-content: center;height: 85px;}
.partner_img img,.media_img img{width: 100%;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;object-fit: contain;padding: 7px}

.media_img img{padding: 20px;}


/*
* ----------------------------------------------------------------------------------------
* roadmap
* ----------------------------------------------------------------------------------------
*/

.road_qyear h3{padding-left: 20px;}
.road_timewrap{position: relative;overflow: hidden;display: flex;align-items: stretch;padding: 50px 15px;}
.roadytime_fix{position: absolute;top: 30px;left: 48.5%;width: 35px;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;background: rgba(36, 171, 235, 0.12);display: flex;justify-content: center;
    align-items: center;min-height: calc(100% - 70px);}
.roadytime_fix::after{position: absolute;bottom: -25px;left: 0;width: 0px;content: '';height: 0px;border-style: solid;border-width: 0px 17.5px 25px 17.5px;border-color: transparent transparent rgba(36, 171, 235, 0.12) transparent;    transform: rotate(180deg);}


.road_qwrap{position: relative;overflow: hidden;}
.road_qyear{margin-top: 10%;width: 45%;}
.road_qyear:first-child{margin-top: 0;}
.road_qyear:nth-child(odd){float: left;}
.road_qyear:nth-child(even){float: right;}

.road_qul{position: relative;overflow: hidden;list-style: none;}
.road_qul i{color: var(--comicon01);}
.road_qul p{width: calc(100% - 24px);float: left;}

/*
* ----------------------------------------------------------------------------------------
* social
* ----------------------------------------------------------------------------------------
*/
#community-section,#tokeneco-section {height: auto;}

#community-section .wrap-box{text-align: center;padding: 30px 0;}
.com_icon a{display: block;color: var(--baseone);}
.com_icon a:hover{text-decoration: none;}
.com_icon p.button{display: block;
    width: 80px;
    height: 80px;
    padding: 4px 10px;
    margin: 0 auto 5%;
    border: none;
    clip-path: circle(50.0% at 50% 50%);}

.com_icon p h4{color:var( --baseone);}
.com_icon p i{font-size: 50px;line-height: 1.5em;}

/*
* ----------------------------------------------------------------------------------------
* support-megaset
* ----------------------------------------------------------------------------------------
*/
.tokenfea_wrap .col-lg-8 p{text-align: left;}

.dirc{position: relative;overflow: hidden;text-align: center;}
.dirc_wrap{display: flex;align-items: center;margin-top: 3%;}
.dirc_wrap i{font-weight: bolder;margin-right: 15px;}

.dirc_wrap i:nth-child(1){font-size: 1.5em;animation: dirc01 1.5s infinite 2s linear;}
.dirc_wrap i:nth-child(2){font-size: 2em;animation: dirc01 1.5s 1s infinite linear;}



/*
* ----------------------------------------------------------------------------------------
* 12.@media
* ----------------------------------------------------------------------------------------
*/

@media(min-width:1199px){
	/*product*/
	.pro_text02{min-height: 100px;}
}
@media(max-width:1199px){
	
	/*roadmap*/
	.roadmap_row ul li.w100{width: 100%;}
	
	/*support-megaset*/
	.tokenfea_row .dirc_wrap i:nth-child(1){display: none;}
}


@media(max-width:999px){
	/*all*/
	main .m_page_product .who-i,main .who-i.who_i_left{text-align: center;}
}

@media (max-width: 1191px)and (min-width: 991px ){
	
	/*product*/
	.pro_text02{min-height: 125px;}

}

@media (max-width: 1191px)and (min-width: 768px ){
	
	/*rewards-ecosystem*/
	.ecos_list h2{font-size: 1.5em;}
	.ecosystem_section .token_part .sec_bg{min-height: 260px;}
}


@media (max-width: 991px) {
	/*all*/
	.tokeneco_row02 .who-i{text-align: left;}
	
	/*product*/
	.pro_ul > li:first-child a, .pro_ul > li:last-child a{display: block;}
	.pro_img{max-width: 150px;float: none;width: 100%;margin: 0 auto;padding: 30px 0 0;}
	.pro_text{margin: 0 auto;float: none;width: 100%;}
	.pro_ul > li:first-child a .pro_btn, .pro_ul > li:last-child a .pro_btn,.pro_text{text-align: center;}
	.pro_btn{margin-top: 5%;}
	.lotty_ul li p{text-align: left;}

	/*tokenomics*/
	.tokeneco_row01 .who-i p{max-width: 100%;}
	/*.tokeneco_fund02 .token_part_in p .warn_b{text-align: center;}*/
	.token_part_in p .warn_b,.token_part_in p .warn_w{width: 50%;}
	.footer_icon_wrap{text-align: center;}
	
	/*road*/
	.roadmap_row ul li{width: 100%;}
	.road_qyear{text-align: left;}
	.road_timewrap{display: block;}
	.road_qwrap{width: calc(100% - 45px);margin-left: 45px;}
	.roadytime_fix{left: 0;}
	.road_qyear:nth-child(odd),.road_qyear:nth-child(even){float: none;width: 100%;}
	
	/*partner section*/
	.partner_list{display: grid;grid-template-columns: repeat(4, 1fr);}
	
	/*social*/
	.com_icon01 .com_h4{font-size: 1em;}
	
	/*support-megaset*/
	.tokeneco_row .col-lg-6:nth-child(2){margin: 0;}
	.tokenfea_row_pack .col-md-6:nth-child(n+3){margin-top: 5%;}
	.tokenfea_row .dirc_wrap{display: block;transform: rotate(90deg);}

}

@media (min-width: 991px){
	/*all_page*/
	.footer_nav,.footer_icon_wrap{text-align: end;}
	.footer_icon{display: inline-block;position: relative;}
	
	/*roadmap*/
	.road_qyear.m28{margin-top: 28%;}
}

@media (max-width: 991px)and (min-width: 768px ){

	/*support-megaset*/
	.tokenfea_wrap .col-lg-8 {min-height: 224px;}

}


@media (max-width: 991px)and (min-width: 510px ){
	/*social*/
	.com_icon01 > div{margin-top: 5%;}
	
	/*support-megaset*/
	.tokenfea_wrap {margin:0;}
	.tokenfea_wrap .col-lg-1{padding: 2% 0;}
}

@media (max-width: 991px)and (min-width: 320px ){
	/*social*/.com_icon01 > div{width: 50%;}
}

@media (max-width: 991px)and (min-width: 410px ){}

@media (max-width: 820px) {

	/*products*/
	.pro_ul > li:not(:first-child) {margin-top: 5%;}
	.pro_ul > li:not(:first-child){width: 100%;display: block;}
	.pro_ul > li:nth-child(2) .pro_text p:nth-child(2),.pro_ul > li:last-child .pro_text p:nth-child(2){min-height: auto;}
	.pro_img{max-width: 120px;}
	
}
@media (min-width: 820px) {}

@media (max-width: 767px) {
	
	/*support-megaset*/
	.tokenfea_row_pack .col-md-6:nth-child(2){margin-top: 5%;}
	
	/*partner section*/
	.partner_list{display: grid;grid-template-columns: repeat(3, 1fr);}
	
}
@media (max-width: 768px)and (min-width: 620px ){}

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

@media (max-width: 768px)and (min-width: 580px ){}

@media (max-width: 768px)and (min-width: 510px ){}

@media only screen and (max-width: 580px){
	/*all*/
	.tokeneco_section .token_part.sec_bg,.tokeneco_section  .tokeneco_row02 .sec_bg{margin: 0 15px;}

	
	/*tokenomics + rewards-ecosystem*/
	.token_big{padding-bottom: 5px;}
	.tokeneco_fund02 .token_big span,.token_part_in p .warn_w,.token_part_in p .warn_b{width: 100%;text-align: center;}
	.tokeneco_fund02 .token_big .warn_b{color: var(--comicon01);}
	.tokeneco_fund02 .token_big .warn_w{color: var(--baseone);}
	
	/*social*/
	.com_icon .wrap-box {padding: 15px 0;}
}


@media (max-width: 540px) {
	
	/*road*/
	.road_qwrap{width: 100%;margin-left: 0;}
	.roadytime_fix {
    position: relative;
    top: 0;
    left: 0;
	margin-bottom: 5%;
	-webkit-writing-mode: inherit;
    writing-mode: inherit;
	width: 100%;
	min-height: 35px;
	text-align: center;
	}

	.roadytime_fix::after{display: none;}
    
}
@media (max-width: 510px) {

	/*tokenomics + rewards-ecosystem*/
	.list_count{display: block;}
	.list_count:not(:first-child){margin-top: 8%;}
    .list_num{margin-bottom: 1%;}
	
	
	/*rewards-ecosystem*/
	.ecos_list h2{font-size: 1.5em;}
	
	/*social*/
	.com_section{ margin-bottom: 0;}
	.com_icon a h4 {font-size: 1em;}
	.com_icon01 .com_h4{display: inline-block;}
	.com_icon > div:not(:last-child){margin-bottom: 5%;}

	
	/*all_page*/
	.footlist li {float: none;}
	.footlist li:after{display: none;}

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

@media (max-width: 460px) {
	
	/*tokenomics*/
	.token_num .sec_bg{width: 100%;}
}


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

@media (max-width:373px){
	/*partner section*/
	.partner_list{display: grid;grid-template-columns: repeat(2, auto);}
}