/*

  TABLE OF CONTENT
* ----------------------------------------------------------------------------------------
* 01.BASE CSS
    - loadder 
    - keyframe animation
* 02.HEADDER SECTION
    - navigation
    - mobile navigation
* 03.HERO SECTION
* 04.ABOUT SECTION
* 05.PORTFOLIO SECTION
* 06.SERVICE SECTION
* 07.TESTIMONIAL SECTION
* 08.CONTACT SECTION 
* 09.FOOTER SECTION 
* ----------------------------------------------------------------------------------------
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&family=Roboto&display=swap');
@import url(./vendor/bootstrap/bootstrap.css);
@import url(./vendor/bootstrap/icon/bootstrap-icon.css);
@import url(./vendor/fontawesome/fontawesome.css);
@import url(./vendor/magnific/magnific.css);
@import url(./vendor/owlcarousel/owl.carousel.min.css);
@import url(./vendor/owlcarousel/owl.theme.default.min.css);
@import url(./vendor/aos.css);
@import url(./color.css);

.addmetamask{border: none;background-color: transparent;}

.copy_alert{padding: 5px 10px;border-radius: 25px;;opacity: 0;}
.copy_alert.ani{animation: copyalert 1s cubic-bezier(0.65, 0.815, 0.735, 0.395) 1;}
.copy_alert:hover{cursor: pointer;}
@keyframes copyalert {
    0% {
        opacity: 1;
    }
	50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


/*gobal icon*/
.dropdown-menu001{transform: translate3d(-55px, 42px, 0px);}


/*countdown*/
.p1_down {position: relative;overflow: hidden;}
.p1_down,.p1_down_close_w{padding-top: 16px;}
.p1_down_close_w{font-size: 1.5em;}
.p1_down_close{
	-o-text-stroke: 1px rgba(255, 255, 255, 0);text-stroke: 1px rgba(255, 255, 255, 0);
	background: -webkit-linear-gradient(left, rgba(243,0,241,1) 0%, rgba(0,241,253,1) 100%);
    background: -o-linear-gradient(left, rgba(243,0,241,1) 0%, rgba(0,241,253,1) 100%);
    background: linear-gradient(to right, #f300f1, #00f1fd);-webkit-background-clip: text;
	-o-background-clip: text;
    color: transparent;
    
	}
.p1_down_close{opacity: 0;font-family: 'Rajdhani', sans-serif;}
.p1_down_close{animation: p1close 2s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;}

.mega_count{position: relative;overflow: hidden;display: flex;width: 100%;justify-content: center;margin: 0 auto;padding-left: 50px;}/*width:100%*/
.mega_count p{display: flex;flex-direction: column;text-align: center;justify-content:flex-end;position: relative;font-size: 8rem;padding-right: 50px;}
.mega_count p span{
	background: -webkit-linear-gradient(left, rgba(243,0,241,1) 0%, rgba(0,241,253,1) 100%);
    background: linear-gradient(to right, #f300f1, #00f1fd);
    color: transparent;
    -webkit-background-clip: text;background-clip: text;}
.mega_count p:nth-child(5){padding-right: 0;}
.c_time::after{position: absolute;content: ':';right: 30px;top: 0;height: 100%;width: 10px;color: #00f1fd;}
.mega_count p:last-child .c_time::after{display: none;}
/*.mega_count p:nth-child(5) .c_test{right: 0;position: relative;right: -35px;}*/


.mega_count_num .small_ms{font-size: 1.5rem;width: 30px;margin-bottom: 8%;}/*margin-bottom: 10%;*/
.c_test{font-size: 18px;font-family: 'Rajdhani', sans-serif;letter-spacing: .1em;}
@keyframes p1close{
	 0% {
        opacity:  0;
    }
	50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.subtitle_color{color: var(--basezero);}
.light_pink{color: #e80af1;}
.warn_o{color: var(--colorgradientone);}
.warn_w{color: var(--baseone);}
.warn_b{color: var(--comicon01);}
.warn_y{color: var(--comicon04);}
.warn_g{color: var(--transone);}
.mt_1{margin-top: 1%;}
.mt_3{margin-top: 3%;}
.mt_5{margin-top: 5%;}
.tokeneco_row02{margin-top: 8%;}
.mt_15{margin-top: 15%;}
.word_w{word-wrap:break-word;}
.t_align{text-align: center;}
.t_align_l{text-align: left;}
.t_align_r{text-align: right;}
.ff_pop{font-family: 'Poppins', sans-serif;}
.tt_up{text-transform: uppercase;}
.f_italic{font-style: italic;}
.mb_0{margin-bottom: 0;}
.mb_5{margin-bottom: 2px;}
.this_a{cursor: not-allowed;}
.p_15{padding: 15px;}
.who-i h3 {
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 100;line-height: 1.5em;
}

.who-i p {
    font-size: 15px;
    line-height: 25px;
    color: var(--baseone);
}


.none_road{opacity: 0;}
@media(max-width:991px){.none_road{display: none;}}

/*disconnect wallect*/
.st0{fill:#E2761B;stroke:#E2761B;stroke-linecap:round;stroke-linejoin:round;}
.st1{fill:#E4761B;stroke:#E4761B;stroke-linecap:round;stroke-linejoin:round;}
.st2{fill:#D7C1B3;stroke:#D7C1B3;stroke-linecap:round;stroke-linejoin:round;}
.st3{fill:#233447;stroke:#233447;stroke-linecap:round;stroke-linejoin:round;}
.st4{fill:#CD6116;stroke:#CD6116;stroke-linecap:round;stroke-linejoin:round;}
.st5{fill:#E4751F;stroke:#E4751F;stroke-linecap:round;stroke-linejoin:round;}
.st6{fill:#F6851B;stroke:#F6851B;stroke-linecap:round;stroke-linejoin:round;}
.st7{fill:#C0AD9E;stroke:#C0AD9E;stroke-linecap:round;stroke-linejoin:round;}
.st8{fill:#161616;stroke:#161616;stroke-linecap:round;stroke-linejoin:round;}
.st9{fill:#763D16;stroke:#763D16;stroke-linecap:round;stroke-linejoin:round;}

.connectMM i{/*display: none;*/}

.connect_r{margin-left: 5px;}
.cw_down_list{position: relative;margin-left: 5px; border-color: var(--basezero); border-width: 1px; border-style: solid;border-radius: 0.25rem;background-color: var(--basezero);padding: 4px;z-index: 999;height: 44px;width: 44px;}
.cw_down_list:hover{background-color: transparent;cursor: pointer;}

.cw_ul{padding: 5px;list-style: none;margin-bottom: 0;}

.dis_connect_wrap{-webkit-box-align: center;
    align-items: center;
    border: 0px;
    background: transparent;
    color: #fff;
    display: flex;
    height: 20px;
    -webkit-box-pack: justify;
    justify-content: space-between;
    outline: 0px;
    width: 100%;
}
.dis_connect_wrap:hover{cursor: pointer;color: rgba(204, 18, 186, 0.8);}
.dis_connect{display: flex;-webkit-box-align: center;align-items: center; -webkit-box-pack: justify; width: 100%;justify-content: center;}

.cw_ul hr{border-color: rgba(255, 255, 255, 0.2);}

.con_bnb_warn{padding: 5px;border-radius: 0.25rem;border: 1px solid rgb(255 55 232); background: rgb(255 55 221 / 10%); margin: 10px 0;text-align: center;font-size: .9em;}
/*
* ----------------------------------------------------------------------------------------
* 01.BASE CSS.
* ----------------------------------------------------------------------------------------
*/

body {
    font-family: 'Roboto', sans-serif;
    color: var(--baseone);
    padding: 0;
    margin: 0;
    background-color: var(--body);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


section {
    height: auto;
    position: relative;
    z-index: 1;
    padding: 100px 0 100px;
}
/*section .container{min-height: 100vh;}*/

.big-text {
    position: relative;
    font-size: 50px;
    white-space: nowrap;
    letter-spacing: 10px;
    font-weight: 800;
    font-family: 'Poppins';
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(255, 255, 255, .2);
	text-transform: uppercase;
	display: inline-block;
}

.big-text{
	-webkit-text-stroke: 4px transparent;
    background: -webkit-linear-gradient(left, rgba(243,0,241,1) 0%, rgba(0,241,253,1) 100%);
	background: -o-linear-gradient(left, rgba(243,0,241,1) 0%, rgba(0,241,253,1) 100%);
    background: linear-gradient(to right, #f300f1, #00f1fd);
    color: #000; 
    -webkit-background-clip: text;
	letter-spacing: .15em;
}

.big_text00{display: block;margin-bottom: 50px;}

.sec_wrap{position: relative;}
.point_target{opacity: 0;}
.pro_ul .point_target{position: absolute; top: -89px;}

*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


label {
    font-weight: 400;
}

input,
textarea {
    padding: 10px;
    width: 100%;
    color: var(--baseone);
    background-color: rgba(32, 33, 36, .1);
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 3px;
}

canvas {
    position: fixed;
    top: 0;
    width: 100% !important;
    height: 100% !important;
}

main {
    position: relative;
    width: 100%;
    overflow: hidden;
}

section h3{margin:3% auto;}

.boldi {font-weight: 600;}

.button:hover,.com_icon .col-lg-3:hover .button{
    background-position: 500% 100%;
    color: var(--basetree);
}

.bars {
    height: 40px;
    left: 50px;
    position: fixed;
    width: 25px;
    cursor: pointer;
    bottom: 25px;
    z-index: 1;
}

.bars .bar.disable {
    animation: sound-disabled 0ms -800ms linear infinite alternate;
}

.bars .bar {
    background: #fff;
    bottom: 12px;
    height: 3px;
    position: absolute;
    width: 2px;
    animation: sound 0ms -800ms linear infinite alternate;
}

.bar:nth-child(1) {
    left: 4px;
    animation-duration: 674ms;
}

.bar:nth-child(2) {
    left: 8px;
    animation-duration: 733ms;
}

.bar:nth-child(3) {
    left: 12px;
    animation-duration: 507ms;
}

.bar:nth-child(4) {
    left: 16px;
    animation-duration: 458ms;
}

.bar:nth-child(5) {
    left: 20px;
    animation-duration: 700ms;
}

.bar:nth-child(6) {
    left: 24px;
    animation-duration: 627ms;
}

.glasseffect {
    backdrop-filter: blur(10px);
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    z-index: 0;
}

.boldi {
    font-weight: 600;
}

.button {
    color: var(--baseone);
    padding: 15px 40px;
    letter-spacing: 2px;
    border: 1px solid var(--baseone);
    font-size: 13px;
    cursor: pointer;
    background-image: url(../asset/bgnav.png);
    background-repeat: repeat-x;
    background-position: 0 -140%;
    transition: 0.9s ease;
}

.button:hover {
    background-position: 500% 100%;
    color: var(--basetree);
}

.wrap-container {
    position: relative;
}

.mfp-figure:after {
    box-shadow: unset !important;
}

.mfp-bg {
    background: var(--body);
    opacity: 1;
}

.mfp-bottom-bar {
    position: fixed;
    top: 52px !important;
    left: 30px;
    width: auto;
}

.mfp-counter {
    color: var(--baseone);
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
}

.mfp-figure .mfp-close {
    position: fixed;
    top: 0;
    font-size: 1.5625rem;
}

.mfp-figure .mfp-close {
    background-color: var(--baseone);
    color: var(--basetree)!important;
    cursor: pointer!important;
    right: 0;
    height: 50px;
    line-height: 3.125rem;
    opacity: 1;
    padding: 0;
    text-align: center;
    width: 50px;
}

.mfp-arrow.mfp-arrow-left:before,
.mfp-arrow.mfp-arrow-left:after {
    font-family: FontAwesome;
    content: "\f177";
    display: block;
    color: var(--baseone);
    font-size: 30px;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: unset;
}

.mfp-arrow.mfp-arrow-right:before,
.mfp-arrow.mfp-arrow-right:after {
    font-family: FontAwesome;
    content: "\f178";
    display: block;
    font-size: 30px;
    color: var(--baseone);
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: unset;
}

.mfp-preloader {
    color: var(--basetwo);
    font-size: 15px;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: url('../asset/icon-zoom-out.png'), -moz-zoom-out;
    cursor: url('../asset/icon-zoom-out.png'), -webkit-zoom-out;
    cursor: url('../asset/icon-zoom-out.png');
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: crosshair;
}

.o-line {
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: var(--baseone);
    opacity: .1;
    z-index: 1;
    transition: opacity 0.2s;
}

.o-line:nth-child(1) {
    left: 25%;
}

.o-line:nth-child(2) {
    left: 50%;
}

.o-line:nth-child(3) {
    left: 75%;
}

.sosmed-horizontal {
    right: 10px;
    top: 40%;
    width: 100%;
}

.sosmed-horizontal a i {
    border: 1px solid var(--baseone);
    border-radius: 50%;
    color: var(--baseone);
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin: auto 10px;
    font-size: 15px;
    text-align: center;
    transition: all .3s;
}

.sosmed-horizontal a:hover i {
    background: var(--baseone);
    color: var(--basetree);
}

.fixed {
    overflow: hidden;
}

.owl-stage-outer {
    padding: 50px 0;
}



/*.com_icon:nth-child(n+3) .col-lg-3 i{line-height: 75px;}*/


/*
* ----------------------------------------------------------------------------------------
* 01.BASE CSS.
    - keyframe animation
* ----------------------------------------------------------------------------------------
*/


@keyframes sound {
    0% {
        opacity: 1;
        height: 16px;
        -webkit-transform: scaleY(0.1);
        transform: scaleY(0.1);
    }
    100% {
        opacity: 1;
        height: 16px;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes sound-disabled {
    0% {
        opacity: 1;
        height: 3px;
    }
    100% {
        opacity: 1;
        height: 16px;
    }
}


@keyframes tokeneco {
    0% {
		transform: none;
	}
	50% {
		transform: translate3d(0, -5%, 0);
	}
	100% {
		transform: none;
	}
}

@-webkit-keyframes scrollDown {
    0% {
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
        opacity: 0
    }
    15%,
    85% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0
    }
}

@keyframes scrollDown {
    0% {
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0);
        opacity: 0
    }
    15%,
    85% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0
    }
}



@keyframes line {
    0% {
        left: -35%;
        right: 100%;
    }
    60% {
        left: 100%;
        right: -90%;
    }
    100% {
        left: 100%;
        right: -90%;
    }
}

@keyframes lines {
    0% {
        left: -200%;
        right: 100%;
    }
    60% {
        left: 107%;
        right: -8%;
    }
    100% {
        left: 107%;
        right: -8%;
    }
}


@keyframes dirc01 {
    0% {
		filter: drop-shadow(0 0 3px #24abeb);
		-webkit-filter: drop-shadow(0 0 3px #24abeb);
		-o-filter: drop-shadow(0 0 3px #24abeb);
		color: var(--baseone);
	}
	50% {
		filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0.5));
		-webkit-filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0.5));
		-o-filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0.5));
		color: var(--transone);
	}
	100% {
		filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0));
		-webkit-filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0));
		-o-filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0));
		color: rgba(255, 255, 255, 0.03);
	}
}

@keyframes pro01 {
    0% {
		filter: drop-shadow(0 0 3px #24abeb);
		-webkit-filter: drop-shadow(0 0 3px #24abeb);
		-o-filter: drop-shadow(0 0 3px #24abeb);
		color: var(--baseone);
	}
	33.2% {
		filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0.5));
		-webkit-filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0.5));
		-o-filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0.5));
		color: var(--transone);
	}
	49.8% {
		filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0));
		-webkit-filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0));
		-o-filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0));
		color: rgba(255, 255, 255, 0.03);
	}
	66.4% {
		filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0));
		-webkit-filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0));
		-o-filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0));
		color: rgba(255, 255, 255, 0.03);
	}
	83% {
		filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0.5));
		-webkit-filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0.5));
		-o-filter: drop-shadow(0 0 3px rgba(36, 171, 235, 0.5));
		color: var(--transone);
	}
	 100% {
		filter: drop-shadow(0 0 3px #24abeb);
		-webkit-filter: drop-shadow(0 0 3px #24abeb);
		-o-filter: drop-shadow(0 0 3px #24abeb);
		color: var(--baseone);
	}
}

@keyframes video01 {
    0% {
		opacity: 1;
		transform: scale(0);
	}
	
	100% {
		opacity: 0;
		transform: scale(1.8);
	}
}


/*
* ----------------------------------------------------------------------------------------
* 01.BASE CSS.
    - loadder
* ----------------------------------------------------------------------------------------
*/
.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: var(--basetree);
}

.img-load {
    position: absolute;
    top: 40%;
    text-align: center;
    left: 50%;
    font-size: 50px;
    letter-spacing: 3px;
    width: 15%;
    transform: translate(-50%, -50%);
}

.progress {
    height: 2px;
    display: block;
    width: 30%;
    background-color: var(--transone);
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.progress .line {
	
	/*
	background: -webkit-linear-gradient(linear, left top, right top, from(#f300f1), to(#00f1fd));
	background: -o-linear-gradient(linear, left top, right top, from(#f300f1), to(#00f1fd));
    background: linear-gradient(to right, #f300f1, #00f1fd);
	
	*/
    background: linear-gradient(to right, #f300f1, #00f1fd);
	background: -webkit-linear-gradient(left, rgba(243,0,241,1) 0%, rgba(0,241,253,1) 100%);
	background: -o-linear-gradient(left, rgba(243,0,241,1) 0%, rgba(0,241,253,1) 100%);
}

.progress .line:before {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    animation: line 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress .line:after {
    content: '';
    position: absolute;
    /*background-color: var(--basezero);*/
	
	background: linear-gradient(to right, #f300f1, #00f1fd);
	background: -webkit-linear-gradient(left, rgba(243,0,241,1) 0%, rgba(0,241,253,1) 100%);
	background: -o-linear-gradient(left, rgba(243,0,241,1) 0%, rgba(0,241,253,1) 100%);
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    animation: lines 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation-delay: 1.15s;
}


/*
* ----------------------------------------------------------------------------------------
* 02.HEADDER SECTION
    - navigation
* ----------------------------------------------------------------------------------------
*/

.navigation-nav {
    position: fixed;
    right: 30px;
    bottom: 30%;
    z-index: 9;
}

.navigation-nav ul {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: default;
}

.navigation-nav li {
    position: relative;
    display: block;
    margin: 25px 16px;
    width: 10px;
    height: 10px;
    cursor: pointer;
}

.navigation-nav li a {
    top: 0;
    left: 0;
    padding: unset !important;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 100%;
    border: 1px solid var(--transone);
    background-color: transparent;
    text-indent: -999em;
    cursor: pointer;
    position: relative;
    -webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.navigation-nav li a:focus {
    outline: none;
}

.navigation-nav li a:before {
    width: 30px;
    content: '';
    position: absolute;
    height: 30px;
    border-radius: 100%;
    top: -13px;
    left: -13px;
    opacity: 0;
    background: var(--transone);
}

.navigation-nav li a.active {
    border: 3px solid var(--baseone);
    background-color: var(--baseone);
}

.navigation-nav li a.active:before {
    opacity: 1;
}

.navigation-nav li a:hover:before {
    opacity: 1;
}

.navigation-nav li a:hover {
    border: 3px solid var(--transone);
    background-color: var(--baseone);
}

.navigation-nav li a.current {
    background-color: var(--baseone);
    border: 1px solid var(--transone);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.wrap-menunavigation {
    position: absolute;
    right: 70px;
    top: 0px;
    cursor: pointer;
    z-index: 99999;
}

.wrap-close {
    width: 33px;
    height: 50px;
    display: none;
    position: absolute;
    right: 10px;
    top: 0;
}


.wrap-menunavigation .menu-bar span {
    background-color: #fff;
    display: block;
    height: 2px;
    margin: 10px auto;
    margin-left: 0;
    width: 35px;
    transition: all .1s;
}

.wrap-menunavigation .menu-bar:hover span:nth-child(2) {
    margin-left: 10px;
}

#exitmenu:before,
#exitmenu:after,.exitwarn:before,.exitwarn:after,.exitprowarn:before,.exitprowarn:after{
    position: absolute;
    left: 15px;
    content: ' ';
    height: 43px;
    width: 2px;
    background-color: #fff;
}
.exitwarn:before,.exitwarn:after,.exitprowarn:before,.exitprowarn:after{height: 20px;left: 10px;top: 0;}
#exitmenu:before,.exitwarn:before,.exitprowarn:before {
    transform: rotate(45deg);
}

#exitmenu:after,.exitwarn:after,.exitprowarn:after {
    transform: rotate(-45deg);
}

/*
* ----------------------------------------------------------------------------------------
* 02.HEADDER SECTION
* ----------------------------------------------------------------------------------------
*/

#wrap-header {
    position: relative;
    width: 100%;
    z-index: 999;
	padding: 5px 0;
	margin-top: 5px;
}
#wrap-header .col-lg-12{z-index: 999;}

#wrap-header.cvh{height: 100vh;background: var(--basetree);}


#wrap-header.bgcolor{position: fixed;top: 0;margin-top: 0;}
#wrap-header.bgcolor,.sec_bg{
	background: rgba(32, 33, 36, .8);
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}


.warn_text{position: relative;overflow: hidden;margin-top: 0;z-index: 999;}

.warn_inner{width: 80%;margin: 0 auto;}
.warn_wrap{padding: 20px 8px;text-align: center;width: calc(100% - 15px);color: var(--transone);}

.exitwarn:hover{cursor: pointer;}
.exitwarn,.exitprowarn{position: absolute;right: 20px;top: 26px;width: 20px;height: 20px;z-index: 9;}

.warn_text.noplay{display: none;}

.navbar-brand span {
    font-size: 20px;
    color: var(--baseone);
    letter-spacing: 2px;
}



.navbar-brand{width: 285px;padding: 10px 0 0;}
.header_brand.w46{width: 46px;padding: 0;padding-top: 0.3125rem;padding-bottom: 0.3125rem;}
.l_991{display: none;}

.navbar-brand img,.img-load img{width: 100%;}
.img-load img{max-width: 75px;}


.buy_m{height: 48px;}

/*
* ----------------------------------------------------------------------------------------
* 03.HEADDER SECTION
    - mobile navigation
* ----------------------------------------------------------------------------------------
*/

.mobile-navwrap {
    width: 100%;
    height: 0%;
    position: fixed;
    display: block;
    visibility: hidden;
    overflow: auto;
    top: 0;
    z-index: 99;
    /*padding-top: 114px;*/
    background: var(--basetree);
    transition: all .3s;
}

.mobile-navwrap.pd50{padding-top: 50px;}

#navmobile {
    position: relative;
    top: 10%;
    padding-bottom: 30px;
    z-index: 1;
}


.navigation-listmobile {
    padding: 0 30px 0 30px;
}

.navigation-listmobile li {
    list-style: none;
    display: block;
    margin: 10px;
    border-bottom: 1px solid;
}

.navigation-listmobile li a span{
    -webkit-text-stroke: 1px rgba(255, 255, 255, .8);
    color: transparent;
    font-size: 36px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.navigation-listmobile li a:hover span {
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0);
	-o-text-stroke: 1px rgba(255, 255, 255, 0);
	background: -webkit-linear-gradient(left, rgba(243,0,241,1) 0%, rgba(0,241,253,1) 100%);
    background: -o-linear-gradient(left, rgba(243,0,241,1) 0%, rgba(0,241,253,1) 100%);
    background: linear-gradient(to right, #f300f1, #00f1fd);
    color: transparent;
    -webkit-background-clip: text;
	-o-background-clip: text;
}

.down_p{position: relative;width: 30px;height: 30px;padding-top: 13px;}

.navigation-listmobile li a .down_p01,.navigation-listmobile li a .down_p02{position: absolute;content: ''; background: #fff;color: #fff;
    display: block;
	width: 50%;
    height: 2px;
    margin: 10px auto;
    margin-left: 0;}
.down_p01{transform: rotate(45deg);left: 0;}
.down_p02{transform: rotate(-45deg);right: 5px;}
.navigation-listmobile li a:hover .down_p01,.navigation-listmobile li a:hover .down_p02{background: #fff;color: #fff;}

.navigation-listmobile li a span{display: inline-block;}

.mega-toggle::after{display: none;}

/*.navigation-listmobile li a.active {
    color: var(--basetwo);
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0);
}*/

.p_nav_a{position: relative;overflow: hidden;}
.p_nav_a a{display: inline-block;float: left;}

.showmenu {
    height: 100%;
    visibility: visible;
}

.closemenu {
    height: 0%;
    visibility: hidden;
}
.product-menu{display: none;}
.product-menu a:hover{background-color: transparent;}


.video_btn{position: relative;z-index: 9;}
.video_btn a{padding: 5px 10px;}
.video_btn_a{font-size: 1.2em;}
.video_btn_a i{font-size: 20px;margin-right: 3px;}
.video_btn a:first-child{margin-right: 1%;}

.wrap-box {
    padding: 30px;
}

.copy_wrap{position: relative;display: flex;align-items: center;margin-bottom: 8px;}
.wrap-heroifo .copy_mset_wrap p{color: var(--baseone);font-size: .9em;margin-right: 10px;margin-bottom: 0;}
.wrap-heroifo .copy_mset_wrap .copy_mset_num{display: inline-block;}
.wrap-heroifo .copy_mset_wrap .subtitle_color{color: var(--basezero);}
.copy_mset_wrap{position: relative;}
.copy_mset_add:hover{cursor: pointer;}

.copy_mset{
	display: none;
	position: absolute;
    padding: 8px;
    top: -5px;
    left: 195px;
    text-align: center;
    font-size: 12px;
    background-color: rgba(32, 33, 36, .8);
    color: rgb(255, 255, 255);
    border-radius: 16px;
    opacity: 0.7;
    width: max-content;}
.copy_mset.display{display: block;}

/*
* ----------------------------------------------------------------------------------------
* 04.HERO SECTION
* ----------------------------------------------------------------------------------------
*/

#home {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-bottom: 0;
	padding-top: 0;
	margin-top: 0;
	padding-right: 15px;
}

.wrap-heroifo {
    padding: 100px 0 100px 0;
}

.wrap-heroifo p {
    font-size: 25px;
    color: var(--basetwo);
}

.wrap-heroifo h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 80px;
    font-weight: 100;
}

.wrap-heroifo>p.deskrip-info {
    color: var(--transone);
    font-size: 15px;
    line-height: 25px;
}

.wrap-heroifo>p.deskrip-info01{
	color: var(--baseone);
	position: relative;overflow: hidden;padding-top: 20px;margin-top: 20px;
}

.deskrip-info01::before{content: ''; position: absolute;top: 0;left: 0;width: 15%;height: 2px;background-color:var(--baseone); }


.mainvisual__scroll {
    position: absolute;
    bottom: 30px;
    right: 50px;
    z-index: 2;
    opacity: 1;
}

.mainvisual__scroll span {
    display: block;
    font-size: 10px;
    color: var(--baseone);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: .2em;
}

.mainvisual__scroll .bar {
    width: 1px;
    height: 50px;
    background-color: transparent;
    margin: 10px auto 0;
    overflow: hidden;
}

.mainvisual__scroll .bar:before {
    content: " ";
    display: block;
    width: 1px;
    height: 50px;
    background-color: var(--baseone);
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-animation: scrollDown 1.25s cubic-bezier(.165, .84, .44, 1) 0s infinite normal;
    animation: scrollDown 1.25s cubic-bezier(.165, .84, .44, 1) 0s infinite normal;
}

.mainpage_topa a,.home_pre_btn a{padding: 8px 10px;display: inline-block;}
.home_pre_btn a:nth-child(2){margin-left: 2%;}
.pre_qtime01 .pre_qtime_a{border-radius: 20px;}
.pre_qtime_a{display: block;border-radius: 20px;}
.pre_qtime_a:hover{text-decoration: none;}
.pre_x{position: absolute;right: 8%;background-color: #cc12ba;padding: 20px 8px 35px;color: var(--baseone);font-size: 1.2em;font-weight: bold;}
.signature-wrapper{display: none;}

.pre_x_b{font-size: 1.5em;padding: 30px 15px 50px;}
.pre_qtime_item{padding: 15px;border-radius: 0.25rem;}
.pre_qtime_item h4{text-transform: uppercase;letter-spacing: .1em;background: -webkit-linear-gradient(left, #de14f2 0%, #ad45f4 100%);
    background: -o-linear-gradient(left, #de14f2 0%, #ad45f4 100%);
    background: linear-gradient(to right, #de14f2, #ad45f4);color: transparent;-webkit-background-clip: text;}
.pre_qtime_sp{margin-bottom: 0;}
.pre_qtime_item .warn_g{font-size: .9em;display: block;width: 100%;}
.light_bg{background-color: var(--comicon01);}



/* ================================= */
/* ------------ COUNTER ------------ */
/* ================================= */

.styled {
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.styled div span {
	font-weight: 700;
}
.counter i {
	position: relative;
	margin: 0;
}

.hex {
	display: inline-block;
	overflow: hidden;
	margin: 3em 0 1.5em;
	width: 20%;
	height: 5em;
	font-size: 1em;
}
.hex *, .hex *:before {
	display: block;
	width: auto;
	height: inherit;
	border-radius: inherit;
}
.hex-inner {
	position: relative;
	overflow: hidden;
	display: flex;
    justify-content: center;
}

.hex-inner span {
	display: block;
	font-size: 3.35em;
	margin: 0 auto;
	line-height: 1em;
}
.hex:first-child {
	margin-left: 0;
}
.hex-inner strong {
	display: block;
	font-size: 16px;
	padding: 0.45em 0.2em 0;
	text-align: center;
	letter-spacing: .1em;
}
.hex-inner span, .hex.sm .hex-inner i {
	position: absolute;
	top: 0;
}
.hex-inner strong{color: var(--baseone);}
.hex-inner span{/*color: var(--basezero);*/background:linear-gradient(to right, #f300f1, #00f1fd);-webkit-background-clip: text;color: transparent;}

.hex.xs .hex-inner i {
	position: absolute;
	top: 0;
	margin: 0;
}
.hex-inner strong {
	position: relative;
	top: 60%;
	font-weight: normal;
}
.hex.sm {
	width: 9em;
	height: 7.65em;
	margin-top: 1em;
	margin-bottom: 0;
}
.hex.sm .hex-inner i {
	display: block;
	font-size: 3.65em;
	line-height: 2.15em;
	margin: 0 auto;
	top: 0;
	text-align: center;
}
.hex.xs {
	width: 5em;
	height: 4.25em;
}
.hex.xs .hex-inner i {
	display: block;
	font-size: 30px;
	line-height: 60px;
	margin: 0 auto;
	text-align: center;
}
.hex-inner.second i, .hex-inner.prime i {
	color: #fff;
}



/*
* ----------------------------------------------------------------------------------------
* 04.media Channel 
* ----------------------------------------------------------------------------------------
*/
.media_section{padding: 0;margin: 0;}
.media_w{width: calc(100% - 70px);}
.media_list{position: relative;overflow: hidden;/*display: flex;justify-content: space-between;align-items: center;*/}
.media_list_row{align-items: center;}

.media_list_row .home_pre_btn a{color: #fff;text-align: center;line-height: 61px;}
.media_list_row .home_pre_btn a:hover{text-decoration: none;color: #e80af1;}
.media_list .row{display: grid; row-gap: 15px;grid-template-columns: repeat(6, 1fr);}

.wrap_media a{display: inline-block;}
.wrap_media a:hover img{transform: scale(0.9);opacity: 1;}
.media_wrap img{width: 100%;transition-duration: .3s;transition-property: all;opacity: .8;}
.media_img p{margin-bottom: 0;}


/*
* ----------------------------------------------------------------------------------------
* 05.mission SECTION 
* ----------------------------------------------------------------------------------------
*/

#wrap-presale-section,#wrap-mission-section,#wrap-why-section,.com_section,.tokenfea_section,.ecosystem_section,.socials_section,.section10,.tokeneco_section,.partners_section,.git_section {
    position: relative;
	overflow: hidden;
	text-align: center;
}

.section2 .big-text,.home .big-text{margin-bottom: 50px;}

.mission_text{margin: 0 auto;text-align: center;}




/*
* ----------------------------------------------------------------------------------------
* 07.FOOTER SECTION 
* ----------------------------------------------------------------------------------------
*/


/*header*/
.header_12{padding-right: 6px;}
.git_btn_wrap01{display: flex;align-items: center;position: absolute;z-index: 9999;right: 125px;top: 5px;}
.dropdown-menu_ina{transform: translate3d(-100px, 10px, 0px);position: absolute;background-color: #fff;width: 200px;text-align: center;border-radius: .25rem;display: none;padding: 16px;}
.navbarDropdown001{color: var(--baseone);}
.navbarDropdown001:hover{color: var(--comicon01);}
.dropdown-menu_ina .dropdown-item:hover,.dropdown-menu002 a:hover{background-color: transparent;color: var(--comicon01);}
.git_btn_wrap01 .dropdown-menu_ina a{margin-left: 0;}


.global_01{position: absolute;top: 2px;right: 0;}
.global_01 a{padding: 0;line-height: 32px;font-weight: bolder;}
.global_01 .bi-globe2{width: 39px;}
.global_01 .bi-globe2:hover .st1,.global_01 .bi-globe2:hover .st3{stroke:var(--comicon01);}
.git_btn_wrap002{display: none;}
.git_btn_wrap01 a{padding: 5px 10px;margin-left: 6px;}
.git_btn_wrap01 .start_btn{padding: 8px 10px;}
.git_btn_wrap01 a:first-child{margin-left: 0;}
.git_btn_wrap002 a{display: flex;text-align: center;padding: 5px 10px;color: var(--baseone);border-radius: 0.25rem;border: 1px solid #fff;align-items: center;}
.git_btn span{width: 20%;}
.git_btn div{width: 80%;}
.git_btn:hover{text-decoration: none;}
.git_btn_wrap01 i{font-size: 20px;}
.git_btn_wrap002 svg{width: 20px;}
.git_btn_wrap01 h3,.git_btn_wrap002 h3{font-size: 1.2em;margin-bottom: 0;}
.git_btn p,.git_btn h3,.footer_p{margin-bottom: 0;}

.a_noclick{pointer-events: none;}
.con_wallet{display: flex;align-items: center;border-width: 1px;border-style: solid;border-color: var(--basezero); border-width: 1px;border-radius: 0.25rem; background-color: var(--basezero); color: var(--baseone);padding: 8px 10px;margin-left: 5px;}
.con_wallet button{background-color: transparent;border: none;color: #fff;}

/*.con_wallet_wrap:hover{cursor: not-allowed;}*/
.con_wallet:hover{background-color: transparent;}

#footer-wrap {
    position: relative;
    z-index: 1;
}

.footer_nav{padding-top: 12px;}
.footer_row01 .col-lg-7{text-align: right;}
.footlist{position: relative;overflow: hidden;display: inline-block;padding-left: 0;}
.footlist li{list-style: none;float: left;position: relative;}
.footlist li:nth-of-type(n+2):after{content: ''; position: absolute;width: 1px;height: 100%;background-color: var(--baseone);left: 0;top: 0;}
.footlist li a{display: inline-block;padding: 0 10px;color: var(--baseone);}
.footlist li a:hover,.footlist li a:active{text-decoration: none;color: var(--comicon01);}

.footer_icon_a,.footer_row02{position: relative;}
.footer_icon_a{float: left;}
.footer_icon_text{position: absolute;background-color: var(--basezero);color: var(--baseone);display: inline-block;font-size: .7em;top: -8px;left: 45%;transform: translateX(-40%);padding: 2px;margin-bottom: 0;line-height: 1em;}
.footer_p p{padding: 9px 0;}
.footer_icon a i{font-size: 20px;}
.footer_icon a:nth-child(2) i{padding: 5px 0;}
.footer_icon a:last-child i{line-height: 30px;}
.footer_icon a.button{padding: 5px 12px;margin: 0 5px;}

/*
* ----------------------------------------------------------------------------------------
* *not_use
* ----------------------------------------------------------------------------------------
*/

/*brand*/
.sec_bg{position: relative;overflow: hidden;}
.meta_brand{position: relative;overflow: hidden;display: block; padding: 0;padding-right: 1%;margin-top: 1rem;}
.meta_brand00{float: left;width: 31%;list-style: none;margin:0 1%;text-align: center;}
.meta_brand00:nth-child(-n+3){margin-bottom: 2%;}
.meta_brand00 img{width: 100%;max-width: 100px;}


/*.owl-dots {
  text-align: center;
  padding-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 3px;
}
.owl-dots button.owl-dot.active {
  background-color: var(--basetwo);
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
*/


/*partner SECTION*/
.partners_section .wrap-imgpic img{width: 100%;height: auto;}


/*start-buy.html*/
.start_sec01{padding-bottom: 0;}
#startbuy_in{margin-top: 0;padding-top: 0;}
.startbuy_intro .tokenfea_wrap{text-align: center;}



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

@media(min-width:1199px){}

@media(max-width:1199px){
	/*all page-countdown*/
	.mega_count{padding-left: 25px;}
	.mega_count_num p{font-size: 6em;}
	.mega_count_num .small_ms{margin-bottom: 8%;}/*margin-bottom: 10%;*/
	.mega_count p:nth-child(5) .c_test{right: -25px;}
	
	.roadmap_row ul li.w100{width: 100%;}
	.tokenfea_row .dirc_wrap i:nth-child(1){display: none;}
	
	/*all_page*/
	.big-text{white-space: break-spaces;}
	.footer_row01 .col-lg-3,.footer_row01 .col-lg-9,.footer_row02  .col-lg-6{flex: 0 0 100%;max-width: 100%;text-align: center;}
	
	.git_btn_wrap01 a,.global_01{display: none;}
}

@media (max-width: 1191px)and (min-width: 991px ){
	/*pressale*/
	.pre_x{right: 6%;}
}

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


@media (max-width: 991px) {
	/*all page-countdown*/
	.mega_count{padding-left: 20px;}
	.mega_count p{font-size: 4.5em;padding-right: 35px;}
    .c_time::after{position: absolute;content: ':';right: 15px;top: 0;height: 100%;width: 10px;}
	.mega_count p:nth-child(5) .c_test{right: -20px;}
	.mega_count_num .small_ms{margin-bottom: 9.1%;}/*margin-bottom: 11%;*/

	
	.warn_wrap .warn_o{display: block;}
	
	/*all*/
	.tokeneco_row02 .who-i{text-align: left;}
	
	/*header*/
	.header_brand{width: 46px;padding-top: 0;}
	.l_992{display: none;}
	.l_991{display: block;}
	
	/*home*/
	.pre_qtime > div:nth-child(n+2){margin-top: 5%;}
	
	/*media channel*/
	.wrap_media .sec_bg{padding: 0 15px;}
	
	
	/*all_page*/
	.footer_icon_wrap{text-align: center;}
	.footer_icon{display: inline-block;}
	.footer_icon a.button{float: none;}
	.footer_row01,.footer_row01 .col-lg-7,.footer_p,.footer_icon{text-align: center;}
	footer .navbar-brand{margin-right: 0;}
	
	
	/*start-buy.html*/
	.startbuy_intro_text{width: 100%;display: block;flex: 100%;max-width: 100%;margin-top: 5%;}
	.startbuy_intro_text .tokenfea_wrap .col-lg-7 p{text-align: center;}

}

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

}

@media (max-width: 991px)and (min-width: 768px ){
	/*header*/	
	.n_pad{padding: 0 7px;}

}
@media (max-width: 991px)and (min-width: 510px ){
	/*all_page*/
	.footlist li{width: 50%;padding-bottom: 2%;}
	
	.footlist li:nth-of-type(n):after {
		content: '';
		position: absolute;
		width: 1px;
		height: 100%;
		background-color: var(--baseone);
		left: 100%;
		top: 0;
	}
	/*.footlist li:nth-child(even):after{display: none;}*/
}



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

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

@media (max-width: 820px) {
	#home .vh-100{min-height: 80vh!important;}
	.home{padding-top: 0;}
	
	#mission-section{padding-bottom: 0;}

	.who-i h3{font-size: 24px;}
	
}
@media (min-width: 820px) {

}
@media (min-width: 769px){
	/*home presale*/
	.pre_x{right: 5%;}
	.pre_x_b span{display: block;}
}
@media (max-width: 767px) {
	/*all page-countdown*/
	.mega_count_num p{font-size: 3.5em;padding-right: 30px;}
	.c_test{font-size: 12px;}
	.mega_count_num .small_ms{font-size: 1.2rem;margin-bottom: 50px;}
	.c_time::after{position: absolute;content: ':';right: 15px;top: 0;height: 100%;width: 10px;}
	.mega_count p:nth-child(5) .c_test{right: -15px;}
}

@media (max-width: 768px) {
	.tokenfea_row_02,.tokenfea_row_pack .col-md-6:nth-child(2){margin-top: 5%;}
	
	
	/*all_page*/
	.navigation-listmobile li a {
    -webkit-text-stroke: transparent;
	-o-text-stroke: transparent;
    color: var(--baseone);
    font-size: 30px;
	}
	
	.navigation-listmobile li a:hover {
    -webkit-text-stroke: transparent;
	-o-text-stroke: transparent;
    font-size: 30px;
	}
	
	.navigation-listmobile li a.active {
		/*color: var(--basetwo);*/
		-webkit-text-stroke:transparent;
		-o-text-stroke: transparent;
	}
	
	
	
	/*media channel*/
	.media_list .row{grid-template-columns: repeat(3, 1fr);row-gap: 0}
	.media_img{height: 60px;}
	.media_img img {padding: 15px;}
	.media_list_row .home_pre_btn a{line-height: 36px;}

	/*.media_item {padding: 15px 15px;}*/
	
	/*home-presale*/
	.hex {width: 50%;}
	.pre_x{position: relative; padding: 0;right: 0;}
	
	
	/*gobal icon*/
	.dropdown-menu002{width: 100%;display: none;background-color: #fff;padding: 16px;}
	.dropdown-menu002 a{border: none;color: #141c18;}
	.git_btn_wrap002 .dropdown-menu002 a{margin-top: 0;line-height: 32px;font-weight: bolder;}
	
	/*headder_nav*/
	.wrap-menunavigation{right: 3px;}
	.git_btn_wrap01{right: 53px;}
	
	
	.git_btn_wrap002{display: block;padding: 0 30px 0 30px;}
	.git_btn_wrap002 a{display: block;border-radius: 0;margin-top: 5%;}
	.git_btn_wrap002 a:first-child{margin-top: 0;}
	.git_btn_wrap002 .git_btn div,.git_btn_wrap002 .git_btn span{width: 100%;}
	.mega-toggle{padding: 8px 0;}

	
	
}
@media (max-width: 768px)and (min-width: 620px ){/*all_page*/#wrap-header .col-lg-12{padding: 0;}}

@media (max-width: 620px) {

/*header*/	
.n_pad{padding: 0;}	
.down_p{padding-top: 8px;}	
.navigation-listmobile li a span{
    -webkit-text-stroke: 1px rgba(255, 255, 255, .8);
    color: #fff;
    font-size: 24px;
}
	
	
/*home*/
	.mainpage_topa a:nth-child(even){margin-left: 0;}
	.who-i h3{font-size: 24px;}
	
}

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

}


@media only screen and (max-width: 580px){

}


@media (max-width: 540px) {
	
    
}
@media (max-width: 510px) {
	/*header*/
	/*.con_wallet span{display: none;}*/
	.mega_count{padding-left: 35px;}
	.mega_count_num p{font-size: 2.5em;padding-right: 25px;}/*padding-right: 35px;*/
	.mega_count_num .small_ms{font-size: 1rem;min-width: 20px;margin-bottom: 43px;}/*margin-bottom: 45px;*/

	
	/*home top*/
	.mainpage_topa .buy_m{padding: 16px 10px 8px;}
	.mainpage_topa a{font-size: .9em;}
	
	/*media channel*/
	.media_list .row{grid-template-columns: repeat(2, 1fr);}
	.media_list{justify-content: center;}
	
	/*presale*/
	.pre_qtime > div:nth-child(n+2){margin-top: 5%;}
	
	/*mission*/
	#mission-section {padding-bottom: 100px;}

	
	/*all_page*/
	.footlist li {float: none;}
	.footlist li:after{display: none;}
	
	footer .footer_icon{ display: grid;max-width: 232px;
    grid-template-columns: repeat(4, 1fr);row-gap: 16px;margin: 0 auto;
	}
	
}
@media (max-width: 480px){
	/*all page-countdown*/
	.mega_count{padding-left: 20px;}
	.mega_count_num p{font-size: 2em;}
	.mega_count_num .small_ms{font-size: 1rem;min-width: 20px;margin-bottom: 40px;}
	.c_time::after{position: absolute;content: ':';right: 8px;top: 0;height: 100%;width: 10px;}
	
	/*home top*/
	.copy_mset{position: relative;left: 0;}
	.copy_wrap{position: relative;display: block;}
	.wrap-heroifo .copy_mset_wrap .copy_mset_num{font-size: 10px;}
}

@media (max-width: 460px) {
	.mega_count{width: 100%;}
	/*all_page*/
	.big-text{font-size: 30px;}
	.connectMM span{display: none;}
}


@media (max-width: 410px) {
	
	/*all_page*/
	.navigation-listmobile li a,.navigation-listmobile li a:hover {font-size: 1.2em;}
}

@media (max-width:390px){
	/*all page-countdown*/
	.mega_count_num p{font-size: 1.5em;padding-right: 10px;}/*padding-right:20px*/
	.mega_count_num .small_ms{font-size: .9rem;margin-bottom: 37px;}/*margin-bottom: 40px;*/
	.c_test{font-size: 10px;margin-right: 0;padding-right: 5px;}
	.mega_count p:nth-child(5) .c_test{right: -15px;}
	.c_time::after{position: absolute;content: ':';right: 2px;top: 0;height: 100%;width: 10px;}
	
}

@media (max-width:373px){
	/*home top*/
	.mainpage_topa a{font-size: .7em;}
	.wrap-heroifo .footer_icon a.button{padding: 5px 9px;}
	
	/*all_page*/
	.video_btn a:first-child{margin-right: 0;}
	.footer_icon_wrap{padding: 0;}

	.who-i h3 {font-size: 20px;}
}


@media (max-width: 480px)and (min-width: 345px ){.navigation-nav{right: 10px;}.mainvisual__scroll{right: 20px;}}