._desktop{
	display: block;
}
._mobile{
	display: none;
}

.cta{
    display:block;
	width:250px;
	margin:auto;
	font-size:18px;
    margin-top:20px;
    z-index:10;
}
.cta .text{
    margin-top: 8%;
}
.cta:hover .text{
	color:#000000;
}

.section1{
	margin-top:90px;
}
.section1 .section_content{
    bottom:10%;
    height: auto;
}
.section1 .section_content .logo{
	max-width:300px;
	width:90%;
	margin:auto;
}
.section1 .section_content .cta{
    display: block;
	width:300px;
	margin:auto;
	font-size:20px;
    margin-top:20px;
    z-index:10;
}
.section1 .section_content .cta .text{
    margin-top: 8%;
    font-weight:bold;
}
.section1 .bg_holder{
}


.section2{
}
.section2 .section_content{
    height: 100%;
    margin-top: 5%;
}
.section2 .section_content .news_holder{
	position: relative;
	width: 100%;
	overflow:hidden;
    width: 90%;
    max-width:1600px;
    margin: auto;
}
.swiper-wrapper{
}
.section2 .section_content .news_holder .swiper-slide{

}
.section2 .section_content .news_holder .swiper-slide .view{
	position:absolute;
	display:inline-block;
	width:45%;
	left: 0;
    right: 0;
    bottom: 0;
	margin:auto;
	font-size:18px;
}
.section2 .section_content .news_holder .swiper-slide .view .text{
    margin-top: 8%;
}
.section2 .section_content .news_holder .swiper-slide .view:hover .text{
	color:#FFFFFF;
}
.section2 .section_content .news_holder .swiper-slide .holder{
    position: absolute;
    display: inline-block;
    height: 100%;
    width: 93%;
    padding: 2%;
    z-index: 1;
    margin: auto;
    left: 0;
    right: 0;
}
.section2 .section_content .news_holder .swiper-slide .holder .img{
	position:relative;
	display:inline-block;
	padding-top:48%;
	width:100%;
}
.section2 .section_content .news_holder .swiper-slide .holder .copy{
	position:relative;
	display:inline-block;
	width:94%;
	padding:3%;
}
.section2 .section_content .news_holder .swiper-slide .holder .copy p{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom:0px;
}
.section2 .section_content .news_holder .swiper-slide .bg{
	position:relative;
	display:inline-block;
}
.section2 .section_content .swiper-next{
	position: absolute;
    width: 50px;
    right: 0;
    top:20%;
    cursor: pointer;
    z-index:10;
}
.section2 .section_content .swiper-prev{
	position: absolute;
    width: 50px;
    left: 0;
    top:20%;
    cursor: pointer;
    z-index:10;
}
.section2 .section_content .swiper-pagination{
	position: relative;
    margin: auto;
    margin-top:1%;
    left: 0;
    right: 0;
}
.section2 .section_content .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	background: rgba(0,0,0,0);
	opacity: 1;
}
.section2 .section_content .swiper-pagination-bullet .on{
	display:none;
}
.section2 .section_content .swiper-pagination-bullet .off{
	display:block;
}
.section2 .section_content .swiper-pagination-bullet-active .on{
	display:block;
}
.section2 .section_content .swiper-pagination-bullet-active .off{
	display:none;
}
.section2 .bg_holder{
}
.section2 .section_content .cta{
	display:block;
}


.section3{
}
.section3 .section_content{
    padding-top: 2%;
    color:#FFFFFF;
    width: 90%;
    max-width:1600px;
}
.section3 .bg_holder{
}
.section3 .video_holder{
    position: relative;
    width: 60%;
    z-index: 3;
    margin-left: 40%;
    margin-top: 2%;
}
.section3 .video_holder .play{
	position:absolute;
	width:100px;
	height:100px;
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.section3 .video_bg{
    position: absolute;
    width: 70%;
    top: 0;
    z-index: 2;
}

.section4{
}
.section4 .section_content{
    position:relative;
    display:block;
    color:#FFFFFF;
    width: 90%;
    max-width:1600px;
    padding-bottom:5%;
}
.section4 .bg_holder{
    position:absolute;
    height: 100%;
}
.section4 p{
	line-height: 1.7;
}
.section4 .bg_holder img._desktop{
    height: 100%;
}
.section4 .bg_holder img._mobile{
    height: 100%;
}
.section4 .mobile_elem{
    position:relative;
	max-width:300px;
	width:100%;
	margin:auto;
	display:none;
	margin-bottom:20px;
}
.section4 .about1{
    position:relative;
    display:inline-block;
	width:35%;
	vertical-align:top;
	height:80%;
    overflow: auto;
    padding-right:1%;
    text-align:justify;
}
.section4 .about1 img{
    position: relative;
    display: block;
	margin:auto;
	width:80%;
    max-width: 320px;
    margin-bottom: 20px;
}
.section4 .desktop_elem{
    position:relative;
    display:inline-block;
	width:30%;
	vertical-align:top;
}
.section4 .about2{
    position:relative;
    display:inline-block;
	width:35%;
	vertical-align:top;
	height:80%;
    overflow: auto;
    padding-right:1%;
    text-align:justify;
}
.section4 .about2 img{
    position: relative;
    display: block;
	margin:auto;
	width:80%;
    max-width: 320px;
    margin-bottom: 20px;
}
/* width */
.section4 ::-webkit-scrollbar {
	width: 2px;
}
/* Track */
.section4 ::-webkit-scrollbar-track {
	background: #FFFFFF; 
}
/* Handle */
.section4 ::-webkit-scrollbar-thumb {
	background: #000000; 
}
/* Handle on hover */
.section4 ::-webkit-scrollbar-thumb:hover {
	background: #000000; 
}

.section5{
	background-color:#67B2DC;
}
.section5 .section_content{
    position:relative;
    display:block;
    padding-top: 2%;
    color:#FFFFFF;
    width: 90%;
    max-width:1600px;
}

.section5 .section_content .holder{
    position:relative;
    display:block;
}
.section5 .section_content .holder .left{
    position:absolute;
    display:block;
    width:40px;
    height:40px;
    margin: auto;
    left:0;
    top:0;
    bottom:0;
    z-index:6;
    cursor:pointer;
}
.section5 .section_content .holder .right{
    position:absolute;
    display:block;
    width:40px;
    height:40px;
    margin: auto;
    right:0;
    top:0;
    bottom:0;
    z-index:6;
    cursor:pointer;
}
.section5 .section_content .left_holder{
    position:absolute;
    display:inline-block;
	width:40%;
	left:0;
	z-index:3;
}
.section5 .section_content .copy{
    position: relative;
    display: block;
    width:70%;
    margin: auto;
}
.section5 .section_content .copy .hero_desc{
    position: absolute;
    display: block;
    width: 90%;
    height: 90%;
    margin: auto;
    padding:3%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    color:#000000;
    overflow-y:auto;
}
.section5 .section_content .copy .hero_desc h2{
	margin:0;
	padding:0;
}
.section5 .section_content .copy .hero_desc p{
    margin-bottom: 0;
}
.section5 .section_content .copy img{
	z-index:1;
}
.section5 .section_content .selection{
    position: relative;
    display: block;
    width:90%;
    max-width: 350px;
    margin: auto;
    margin-top:5%;
    text-align: center;
}
.section5 .section_content .selection .each_selection{
    position:relative;
    display:inline-block;
	width:30%;
	margin:1.5%;
}
.section5 .section_content .selection .each_selection .icon{
    position:absolute;
    display:inline-block;
	width:100%;
	z-index:1;
	border-radius:100px;
	left: 0;
	border:2px solid #000000;
}
.section5 .section_content .selection .each_selection:hover .icon{
	border:2px solid rgba(0,0,0,0);
}
.section5 .section_content .selection .active{
	pointer-events: none;
}
.section5 .section_content .selection .active .off{
	display:none;
}
.section5 .section_content .selection .active .on{
	display:inline-block;
}
.section5 .section_content .selection .active .icon{
	border:2px solid rgba(0,0,0,0);
}

.section5 .section_content .character{
    position: relative;
    display: block;
    width: 40%;
    margin: auto;
	z-index:2;
}
.section5 .section_content .character .character_holder{
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 3;
}
.section5 .section_content .character ._c{
	display: none;
    top: 0;
    left: 0;
}
.section5 .section_content .character .cm1{
	display: block;
}
.section5 .section_content .character .full{
    position: relative;
    display: inline-block;
    width: 100%;
    z-index: 3;
}
.section5 .section_content .character .chibi{
    position: absolute;
    display: inline-block;
    width: 45%;
    bottom: 5%;
    right: -15%;
    z-index: 4;
}
.section5 .section_content .character .shadow1{
    position: absolute;
    display: block;
    width: 50%;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 1;
}
.section5 .section_content .character .shadow2{
    position: absolute;
    display: block;
    width: 30%;
    bottom: 0;
    margin: auto;
    right: -8%;
    z-index: 1;
}
.section5 .section_content .character .stats{
	position: absolute;
    width: 35%;
    right: 0;
    z-index: 4;
	display: none;
}

.section5 .section_content .right_holder{
    position:absolute;
    display:inline-block;
	width:30%;
	right:0;
	top:0;
	z-index:3;
}
.section5 .section_content .stats{
    position:relative;
    display:block;
	width:60%;
    max-width: 250px;
	margin:auto;
	pointer-events:none;
}
.section5 .section_content .stats ._s{
    position: absolute;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    z-index:5;
}
.section5 .section_content .stats .s1{
    top: -15%;
    left: 46%;
}
.section5 .section_content .stats .s2{
    top: 27%;
    left: 104%;
}
.section5 .section_content .stats .s3{
    top: 94%;
    left: 84%;
}
.section5 .section_content .stats .s4{
    top: 94%;
    left: 5%;
}
.section5 .section_content .stats .s5{
    top: 27%;
    left: -18%;
}
.section5 .section_content .stats .myChart1{
    position:relative;
    display:block;
	width:100%;
	z-index:2;
}
.section5 .section_content .stats .myChart2{
    position:relative;
    display:block;
	width:100%;
	z-index:2;
}
.section5 .section_content .stats .bg{
    position: absolute;
    display: inline-block;
    width: 106.5%;
    top: -5%;
    left: -3%;
    z-index: 1;
}
.section5 .section_content .gender{
    position:relative;
    display:block;
	width:100%;
	margin:auto;
	bottom:0;
	text-align:center;
}
.section5 .section_content .gender .cta{
    position:relative;
    display:inline-block;
	max-width:90px;
	width: 20%;
}
.section5 .section_content .gender .active{
	pointer-events: none;
}
.section5 .section_content .gender .active .off{
	display:none;
}
.section5 .section_content .gender .active .on{
	display:inline-block;
}

.section5 .bg_holder{
    position:absolute;
}
.section5 .gradient{
    position: absolute;
    z-index: 2;
    height: 17vw;
    width: 100%;
    background-image: linear-gradient(#67B2DC ,#282E30 50%);
    bottom: 0;
}
/* width */
.section5 ::-webkit-scrollbar {
	width: 2px;
}
/* Track */
.section5 ::-webkit-scrollbar-track {
	background: #FFFFFF; 
}
/* Handle */
.section5 ::-webkit-scrollbar-thumb {
	background: #000000; 
}
/* Handle on hover */
.section5 ::-webkit-scrollbar-thumb:hover {
	background: #000000; 
}

.section6{
	background-color:#282E30;
}
.section6 .section_content{
    position:relative;
    display:block;
    color:#FFFFFF;
    width: 90%;
    padding-top: 5%;
    padding-bottom:5%;
    text-align:center;
}
.section6 .section_content .feature_navi_holder{

}
.section6 .section_content .feature_navi_holder .cta{
	display: inline-block;
	margin:0;
}
.section6 .section_content .each_feature{
	margin:auto;
	width:90%;
	max-width:700px;
	display:none;
}
.section6 .section_content .each_feature .elem{
	width:300px;
}

.section7{
	background-color:#282E30;
}
.section7 .section_content{
    position:relative;
    display:block;
    padding-top: 5%;
    padding-bottom:5%;
    width: 95%;
    margin-left: 5%;
    color:#FFFFFF;
}
.section7 .section_content .roadmap{
	margin-top:20px;
}
.section7 .section_content .roadmap .swiper-slide{
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 20%;
}
.section7 .section_content .roadmap .swiper-slide ul{
	padding-top:2%;
    padding-right:3%;
}
.section7 .section_content .roadmap .swiper-slide .elem_holder{
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top:5px;
    padding-bottom:5px;
}
.section7 .section_content .roadmap .swiper-slide .elem_holder .elem{
    position: relative;
    display: inline-block;
	width:30px;
    z-index:2;
}
.section7 .section_content .roadmap .swiper-slide .elem_holder .line{
    position: absolute;
    display: inline-block;
    height:3px;
    width:calc(100% - 5px);
    background-color:#FFFFFF;
    margin:auto;
    left:5px;
    top:0;
    bottom:0;
    z-index:1;
}
.section7 .section_content .roadmap .each_roadmap .elem_holder .on_line{
    background-color:#62A8CA;
}
.section7 .section_content .swiper-pagination{
	position: relative;
    margin: auto;
    margin-top:1%;
    left: 0;
    right: 0;
}
.section7 .section_content .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	background: rgba(0,0,0,0);
	opacity: 1;
}
.section7 .section_content .swiper-pagination-bullet .on{
	display:none;
}
.section7 .section_content .swiper-pagination-bullet .off{
	display:block;
}
.section7 .section_content .swiper-pagination-bullet-active .on{
	display:block;
}
.section7 .section_content .swiper-pagination-bullet-active .off{
	display:none;
}

.section8{
	background-color:#282E30;
}
.section8 .section_content{
    position:relative;
    display:block;
    color:#FFFFFF;
    width: 90%;
    max-width:1600px;
    padding-top: 5%;
    padding-bottom:5%;
    text-align:center;
}
.section9{
	background-color:#282E30;
}
.section9 .section_content{
    position:relative;
    display:block;
    color:#FFFFFF;
    width: 90%;
    max-width:1600px;
    padding-top: 5%;
    padding-bottom:5%;
    text-align:center;
}
.section_content .each_person{
    position: relative;
    display: inline-block;
	width: 20%;
	padding:2.5%;
    vertical-align: top;
}
.section_content .each_person .person_profile{
    position: relative;
    display: inline-block;
	width:65%;
    min-width: 100px;
}
.section_content .each_person .person_profile .frame{
    position: relative;
    display: inline-block;
	width:100%;
	z-index:3;
	top:0;
	left:0;
}
.section_content .each_person .person_profile .profile{
    position: absolute;
    display: inline-block;
	width:100%;
	z-index:2;
	top:0;
	left:0;
}
.section_content .each_person h4{
	width:100%;
	margin:0;
	line-height:1.3;
	margin-top:10px;
}
.section_content .each_person h5{
	width:100%;
	margin:0;
	line-height:1.3;
	font-size:14px;
}
.section_content .each_person p{
	width:100%;
	margin:0;
	line-height:1.3;
}

.section10{
	background-color:#282E30;
}
.section10 .section_content{
    position:relative;
    display:block;
    color:#FFFFFF;
    width: 90%;
    max-width:1600px;
    padding-top: 5%;
    padding-bottom:5%;
    text-align:center;
}
.section10 .section_content .investors_holder a,.section10 .section_content .investors_holder div{
    position: relative;
    display: inline-block;
    max-width: 250px;
    width: calc(50% - 50px);
    padding: 25px;
}

@media screen and (max-width: 1600px) {
	.cta{
		width:225px;
		font-size:16px;
	}
	.section2 .section_content{
	    margin-top: 3%;
	}
}
@media screen and (max-width: 1280px) {
	.cta{
		width:180px;
		font-size:16px;
	}
	.cta .text{
	    margin-top: 7%;
	}

	.section_content .each_person{
		width: 25%;
	}
	.section_content .t9{
		display:none;
	}
	.section_content .t10{
		display:none;
	}

	.section2 .section_content{
	    margin-top: 2%;
	}
	.section2 .section_content p{
		margin-top:10px;
		margin-bottom:10px;
	}
    .section2 .section_content .news_holder .swiper-slide .view{
        font-size:16px;
    }
	.section5 .section_content .left_holder {
	    width: 35%;
	}
	.section5 .section_content .copy {
	    width: 100%;
	    max-width: 300px;
	}
	.section5 .section_content .copy .hero_desc {
	    padding: 2%;
	}
	.section5 .section_content .selection .each_selection {
	    width: 28%;
	    margin: 1%;
	}
	.section5 .section_content .stats ._s{
	    font-size: 14px;
	}
	.section5 .section_content .stats .s5{
    	left: -21%;
	}
}
@media screen and (max-width: 1024px) {
	._desktop{
		display: none;
	}
	._mobile{
		display: block;
	}

	.section_content .each_person{
		width: 33%;
	}
	.section_content .t7{
		display:none;
	}
	.section_content .t8{
		display:none;
	}

	.section2 .section_content {
	    margin-top: 0%;
	}
	.section2 .section_content p{
		margin-top:0px;
		margin-bottom:0px;
	}
    .section2 .section_content .news_holder .swiper-slide .view{
        font-size:14px;
    }

	.section4 .about1 img{
		width:60%;
	}
	.section4 .about2 img{
		width:60%;
	}
	.section5 .section_content .character {
    	width: 50%;
	}
	.section5 .section_content .stats ._s{
	    font-size: 12px;
	}
	.section5 .section_content .stats .s5{
    	left: -24%;
	}
	.section_content .each_person h5{
		font-size:12px;
	}
}
@media screen and (max-width: 768px) {
	.cta{
		width:140px;
		font-size:14px;
	}
	.cta .text{
	    margin-top: 6%;
	}

	.section_content .each_person{
		width: 45%;
		max-width: 250px;
	}

	.section1 .section_content{
	    top:40%;
	    bottom:0%;
	}
	.section2 .section_content{
	    position:relative;
	    display:block;
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.section2 .bg_holder{
	    position:absolute;
	    height: 100%;
	}
	.section2 .bg_holder img._mobile{
	    height: 100%;
	}
	.section2 .section_content .swiper-next{
		display:none;
	}
	.section2 .section_content .swiper-prev{
		display:none;
	}

	.section3 .video_holder{
	    width: 100%;
	    margin: 0%;
	    margin-top: 35%;
	}
	.section3 .video_holder .play{
		width:50px;
		height:50px;
	}
	.section3 .video_bg{
	    width: 200%;
	    top: 5%;
	    left: -10%;
	}

	.section4 .mobile_elem{
		display:block;
	}
	.section4 .about1{
		width:100%;
		height:auto;
	    padding:0;
	}
	.section4 .desktop_elem{
		display:none;
	}
	.section4 .about2{
		width:100%;
		height:auto;
	    padding:0;
	}
	.section5 .section_content {
	    width: 100%;
	}
	.section5 .section_content .holder .left {
	    top: 25%;
	}
	.section5 .section_content .holder .right {
	    top: 25%;
	}
	.section5 .section_content .left_holder{
		position:relative;
		display:block;
    	margin: auto;
    	width: 90%;
	}
	.section5 .section_content .selection{
	    width: 100%;
    	max-width: 400px;
	}
	.section5 .section_content .selection .each_selection {
	    width: 18%;
	    max-width:100px;
	    margin: 1%;
	}
	.section5 .section_content .character {
	    width: 100%;
	    max-width:400px;
		margin-top: 50px;
	}
	.section5 .section_content .character .character_holder{
		margin-left:-15%;
	}
	.section5 .section_content .character .stats{
		display:block;
	}
	.section5 .section_content .right_holder{
		position:relative;
		display:block;
    	margin: auto;
    	width: 100%;
	}
	.section5 .section_content .right_holder .stats{
		display: none;
	}
	.section5 .gradient{
	    height: 43vw;
	    background-image: linear-gradient(#67B2DC ,#282E30 50%);
	}
}
@media screen and (max-width: 500px) {
	.section5 .section_content .character .stats {
		width:30%;
	    right: 7%;
	    top: -4%;
	}
	.section10 .section_content .investors_holder a,.section10 .section_content .investors_holder div{
	    width: 42%;
	    padding: 4%;
	}
}
@media screen and (max-width: 400px) {
	.section5 .section_content .stats ._s {
	    font-size: 10px;
	}
	.section5 .section_content .stats .s5 {
	    left: -29%;
	}
	.section5 .section_content .character .stats {
		width: 25%;
	    right: 10%;
	}
}