/*******************************
* Site Name: AERGO
* Client: AERGO
* Author: Mushroom
* Update: 2021. 02
********************************/
/********************************************************
* Header
*********************************************************/
.header{position:fixed;top:0;left:0;width:100%;height:72px;box-shadow: 0px 1px 15px 0px rgba(128, 150, 179, 0);transition:background-color .3s, box-shadow .3s;z-index:1500}
.header__inner{display:flex;justify-content:space-between;align-items:center;max-width:1260px;height:100%;padding:0 20px;margin:0 auto}
.branding{flex-shrink:0;width:130px;height:44px}
.branding__link{display:block;height:100%;background:url("/uploads/media/aergo_primary_logo_black.svg") no-repeat center center;background-size:100% auto!important}
.branding img{width:100%;height:auto}
.header__gnb{margin-left:auto}
.header .gnb{display:flex;align-items:center}
.header .gnb__menu{margin-right:50px}
.header .gnb__link{display:block;position:relative;font-size:18px;font-weight:600;color:#575757}
.header .gnb__link::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;visibility:hidden;opacity:0;background-color:#87a9ed;transition:width .3s, visibility .3s, opacity .3s}
.header .gnb__menu.active .gnb__link::after{width:100%;visibility:visible;opacity:1}
.header__quick-menu{display:flex;flex-shrink:0;align-items:center}
.header__btn{display:flex;justify-content:center;align-items:center;width:50px;height:24px;font-size:15px;font-weight:600;color:#1FD0C3;border:1px solid #1FD0C3;border-radius:2px}

/* Floating */
.header.floating{background-color:#fff;box-shadow: 0px 1px 20px 0px rgba(128, 150, 179, 0.15)}

/* Mobile */
.header__mobile-open{display:none;justify-content:center;align-items:center;width:30px;height:30px;overflow:hidden;border:0;background-color:transparent}
.header__mobile-open .header__lines{display:block;position:relative;width:30px;height:2px;background-color:#000;transition:background-color .3s}
.header__mobile-open .header__lines::before, .header__mobile-open .header__lines::after{content:"";position:absolute;left:0;width:100%;height:2px;background-color:#000;transition:background-color .3s, transform .3s}
.header__mobile-open .header__lines::before{top:-10px}
.header__mobile-open .header__lines::after{bottom:-10px}
.mobile-menu{position:fixed;top:70px;left:0;width:100%;height:100vh;visibility:hidden;opacity:0;transform:translateX(100%);background-color:#fff;transition:visibility .3s, opacity .3s, transform .3s;z-index:1600}

@media (max-width:1800px){
	.header__inner{padding:0 20px}
}
@media (min-width:971px){
	/* .header.hover{background-color:rgba(255, 255, 255, 0.5);box-shadow: 0px 1px 20px 0px rgba(128, 150, 179, 0.15)} */
	.header.floating.hover{background-color:#fff}
	.header .gnb__link:hover::after{width:100%;visibility:visible;opacity:1}
}
@media (max-width:970px){
	.header, .header.floating{height:70px;z-index:1600}
	.nft .header.mobile .branding__link{background:url("/uploads/media/aergo_primary_logo_black.svg") no-repeat center center}
	.nft .header.mobile{background-color:#fff!important}
	.nft .header.mobile .header__mobile-open .header__lines, .nft .header.mobile .header__mobile-open .header__lines::before, .nft .header.mobile .header__mobile-open .header__lines::after{background-color:#000}
	.header.mobile{background-color:#fff}
	.header__gnb{display:none}
	.header__mobile-open{display:flex}
	.header__mobile-open.close .header__lines{background-color:transparent!important}
	.header__mobile-open.close .header__lines:before, .header__mobile-open.close .header__lines:after{top:50%;bottom:auto}
	.header__mobile-open.close .header__lines:before{transform:rotate(45deg)}
	.header__mobile-open.close .header__lines:after{transform:rotate(-45deg)}
	.header__btn{margin-right:20px}
	.mobile-menu.show{visibility:visible;opacity:1;transform:translateX(0)}
	.mobile-menu .header__contact{flex-shrink:1;align-items:center;width:100%;padding:0;margin:10px 0 0;background-color:transparent}
	.mobile-menu .header__contact-title{max-width:none;font-size:21px}
	.mobile-menu .header__btn{max-width:200px;height:45px;margin:25px auto 0;font-size:15px}
	.gnb--mobile .gnb__menu > .gnb__link{display:block;padding:15px 40px;font-size:24px;text-transform:uppercase;border-bottom:1px solid #e5e5e5}
	.gnb--mobile .gnb__menu.active > .gnb__link{font-weight:600;color:#00b2e1}
	.gnb--mobile .sub-nav{display:none;position:relative;margin-top:-1px;background-color:#f8f8f8;z-index:50}
	.gnb--mobile .sub-nav__list{padding:20px 40px}
	.gnb--mobile .sub-nav__menu{padding:10px 0}
	.gnb--mobile .sub-nav__menu:last-child{padding-bottom:0}
	.gnb--mobile .sub-nav__menu .gnb__link{font-size:18px;color:#555}
	.gnb--mobile .sub-nav__menu.active .gnb__link{color:#00b2e1}
	.mobile-menu__inner{height:100%;overflow-x:hidden;overflow-y:auto}
	.mobile-menu__gnb-wrap{height:100%;max-height:800px;overflow-x:hidden;overflow-y:auto}
	.mobile-menu__item{padding:0 10px}
	.mobile-menu__link{display:inline-block;padding-bottom:2px;font-size:16px}
	.mobile-menu__link.active{font-weight:600;color:#00b2e1;border-bottom:2px solid #00b2e1}
}


/********************************************************
* Common
*********************************************************/
/* Layout */
.wrap{overflow:hidden}
.body-mobile{overflow:hidden}
.inner-pad{position:relative;padding:0 20px;z-index:100}

/* Line */
.line-dots{display:flex;align-items:center}
.line-dots.vertical{flex-direction:column;justify-content:center;width:8px}
.line-dots::before{content:"";order:2;width:calc(100% - 16px);height:2px;border-bottom:2px dashed #bccff5;border-right:0;box-sizing:border-box}
.line-dots.vertical::before{width:2px;height:calc(100% - 16px);border-bottom:0;border-right:2px dashed #bccff5}
.dots:first-child{order:1}
.dots:last-child{order:3}
.dots{display:inline-block;flex-shrink:0;width:8px;height:8px;border-radius:50%}
.dots.red{background-color:#ff5677}
.dots.blue{background-color:#61b3ff}
.dots.yellow{background-color:#fad24c}
.dots.green{background-color:#1fd0c3}
.line-dots__line{order:2;height:4px;overflow:hidden;font-size:0;line-height:1}
.line-dots.vertical .line-dots__line{height:100%;width:2px}

/* Color Dots */
.red::before, .red::after{background-color:#ff5677!important}
.blue::before, .blue::after{background-color:#61b3ff!important}
.yellow::before, .yellow::after{background-color:#fad24c!important}
.green::before, .green::after{background-color:#1fd0c3!important}
.orange::before, .orange::after{background-color:#ffa061!important}
.purple::before, .purple::after{background-color:#cd61ff!important}

/* Title */
.title-line{position:relative;padding-left:20px;font-size:38px;font-weight:700;line-height:1.3;z-index:100}
.title-line::before{content:"";position:absolute;bottom:0;left:0;width:90%;max-width:685px;height:22px;opacity: 0.5;background:linear-gradient(90deg, rgba(156, 185, 242, 0.5) 0%, rgba(255, 255, 255, 0) 100%)}
.title-line__text{position:relative;z-index:50}
.title-stick{position:relative;padding-left:20px;font-size:38px;font-weight:700;line-height:1.2;z-index:100}
.title-stick::before{content:"";position:absolute;top:50%;left:0;width:8px;height:30px;transform:translateY(-50%)}
.title-stick.long::before{top:10px;transform:none!important}
.title-large{position:relative;font-size:38px;font-weight:700;z-index:100}
.title-medium{position:relative;font-size:26px;font-weight:700;text-align:center;z-index:100}
.mac-os .title-stick::before {transform:translateY(-60%);}
.mac-os .title-stick.long::before{top:4px}
/* @media not all and (min-resolution:.001dpcm) { @media {
	.title-stick::before {transform:translateY(-60%);}
	.title-stick.long::before{top:4px}
}} */
/* @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
	.title-stick::before {transform:translateY(-60%);}
	.title-stick.long::before{top:4px}
}} */

/* Text */
.text-sub{margin-top:40px;font-size:18px;line-height:1.7}
.text-sub:nth-child(2){margin-top:0}
.point-color{color:#6997f2!important;font-weight:600}
.point-color--sub{color:#ff5677!important}
.markpro{font-family:"markpro", sans-serif!important}

/* Button */
.btn-border{display:flex;justify-content:center;align-items:center;height:44px;font-size:20px;border:1px solid #75A0F5;border-radius:5px;background-color:#fff;box-shadow:2px 2px 15px 0px rgba(171, 187, 207, 0.35);transition:transform .3s}
.btn-shadow{display:flex;justify-content:center;align-items:center;height:45px;font-size:20px;border:1px solid rgba(173, 197, 245, 0);border-radius:2px;background-color:#fff;box-shadow:9px 9px 25px 0px rgba(128, 150, 179, 0.25)}

/* Connect AERGO */
.connect-aergo{position:relative;background-color:#f2f6fd}
.connect-aergo .inner{position:relative}
.connect-aergo__figure{position:absolute;z-index:50}
.connect-aergo .title-large{text-align:center}
.connect-aergo__wrap{display:flex;flex-wrap:wrap;justify-content:center;position:relative;margin:60px -38px 0;z-index:100}
.connect-aergo__wrap .line-dots{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.connect-aergo__box{display:flex;flex-direction:column;width:50%;padding:0 38px}
.connect-aergo__list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:-11px -11px 26px}
.connect-aergo__item{padding:11px}
.connect-aergo__link{display:block}
.connect-aergo__inner{position:relative;width:68px;height:80px;border-radius:5px;transition:background-color .3s, box-shadow .3s}
.connect-aergo__icon-wrap{position:absolute;top:0;left:0;width:100%;height:100%}
.connect-aergo__icon{display:block;width:50px;height:100%;margin:0 auto;transition:background .3s, transform .3s}
.connect-aergo__icon.medium{background:url("/uploads/media/medium.svg") no-repeat center center}
.connect-aergo__icon.twitter{background:url("/uploads/media/twitter.svg") no-repeat center center}
.connect-aergo__icon.github{background:url("/uploads/media/github.svg") no-repeat center center}
.connect-aergo__icon.wechat{background:url("/uploads/media/wechat.svg") no-repeat center center}
.connect-aergo__icon.telegram{background:url("/uploads/media/telegram.svg") no-repeat center center}
.connect-aergo__icon.discord{background:url("/uploads/media/discord.svg") no-repeat center center}
.connect-aergo__icon.reddit{background:url("/uploads/media/reddit.svg") no-repeat center center}
.connect-aergo__icon.youtube{background:url("/uploads/media/youtube.svg") no-repeat center center}
.connect-aergo__icon-title{visibility:hidden;opacity:0;font-size:14px;font-weight:300;color:#fff;text-align:center;transform:translateY(-30px);transition:visibility .3s, opacity .3s, transform .3s}
.connect-aergo__text-wrap{margin-top:auto;text-align:center}
.connect-aergo__title{font-size:20px;font-weight:600}
.connect-aergo__text{margin-top:8px;font-size:18px;font-weight:300}
.connect-aergo__ov .connect-aergo__icon{height:40px}
.connect-aergo .line-dots{height:263px}

/* Follow Up */
.follow-up{background-color:#f2f6fd}
.follow-up .inner{position:relative;z-index:100}
.follow-up .inner-pad{position:relative;margin-top:50px;z-index:100}
.follow-up .flex-wrap{margin:-20px}
.follow-up__item{display:flex;flex-shrink:0;flex-direction:column;padding:20px}
.follow-up__item.left{width:60%}
.follow-up__item.right{width:40%}
.follow-up__item-link{display:block;height:100%}
.follow-up__inner{height:100%;overflow:hidden;border:1px solid #fff;border-radius:10px;background-color:#fff;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.follow-up__thumb{position:relative;overflow:hidden}
.follow-up__item.left .follow-up__thumb{padding-top:54.9491%}
.follow-up__item.right .follow-up__thumb{padding-top:61.6071%}
.follow-up__img{position:absolute;top:50%;left:50%;width:auto;height:100%;transform:translate(-50%, -50%)}
.follow-up__text-wrap{overflow:hidden;padding:22px}
.follow-up__date{font-size:19px;color:#95949a}
.follow-up__title{overflow:hidden;margin-top:6px;font-size:20px;font-weight:600;color:#575757;white-space:nowrap;text-overflow:ellipsis}
.follow-up__text{display:-webkit-box;height:6.8em;overflow:hidden;margin-top:15px;font-size:18px;font-weight:300;color:#2b2a35;line-height:1.7;word-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.follow-up__btn-wrap{display:flex;flex-shrink:0;position:relative;margin-top:20px;height:65px;border-radius:5px;background-color:#fff;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.follow-up__btn-wrap::after{content:"";position:absolute;top:50%;left:50%;height:55px;border-right:2px dashed #c3d4f6;transform:translate(-50%, -50%)}
.follow-up__btn{display:inline-flex;justify-content:center;align-items:center;width:50%;height:100%;font-size:20px;color:#2b2a35;transition:transform .3s}
.follow-up__icon{display:inline-block;width:45px;height:45px;margin-right:11px;transition:background .3s}
.follow-up__icon.medium{background:url("/uploads/media/medium.svg") no-repeat center center}
.follow-up__icon.twitter{background:url("/uploads/media/twitter.svg") no-repeat center center}
.follow-up__figure{position:absolute;z-index:50}

/* Table */
.table-default{position:relative}
.table-default__list{width:100%;overflow:hidden;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.table-default thead th{height:49px;padding:10px;font-size:19px;font-weight:600;color:#575757;vertical-align:middle;border-right:1px solid #75a0f5;border-bottom:1px solid #75a0f5;background-color:rgba(224, 235, 255, 0.75)}
.table-default thead th:last-child{border-right:0}
.table-default__list.no-border thead th{border-right:0}
.table-default .color-green{padding:0;color:#1fd0c3;text-align:left;background-color:transparent;box-shadow:-15px -15px 20px 0px #f2f6fd}
.table-default tbody th{width:380px;height:62px;padding:10px;font-size:20px;font-weight:400;vertical-align:middle;border-right:1px solid #75a0f5;border-bottom:1px solid #75a0f5;background-color:#fafcff}
.table-default tbody td{width:540px;height:62px;padding:10px;font-size:18px;font-weight:300;text-align:center;vertical-align:middle;border-right:1px solid #75a0f5;border-bottom:1px solid #75a0f5;background-color:#fff}
.table-default tbody td:last-child{border-right:0}
.table-default tbody tr:last-child th, .table-default tbody tr:last-child td{border-bottom:0}
.table-default__title{margin-bottom:20px;font-size:19px;font-weight:600;color:#1fd0c3}
.table-default__title.posa{position:absolute;top:0;left:0;width:33.3333333333%;max-width:319px;height:49px;background-color:#f2f6fd;box-shadow:-15px -15px 20px 0px #f2f6fd}
.table-default__small{font-size:16px}

/* Scroll */
.scroll-guide{display:none;position:absolute;top:50%;left:50%;width:110px;height:100px;border-radius:7px;background:rgba(0,0,0,0.67);padding-top:10px;z-index:50;text-align:center;transform:translate(-50%, -50%)}
.scroll-guide__img{width:50%!important;min-width:auto!important;height:auto!important}
.scroll-guide__text{margin-top:4px;color:#fff;font-size:13px;line-height:16px}

/* Animation */
.btn-click{animation:ButtonClick .3s ease-in-out infinite alternate}
@keyframes ButtonClick{0%{transform:scale(1)}100%{transform:scale(.9)}}

@media (max-width:1280px){
	/* Title */
	.title-line{font-size:36px;transform:none}
	.title-line::before{left:0}
	.title-stick{font-size:36px}
	.title-stick::before{width:6px}

	/* Connect */
	.connect-aergo__wrap{margin:98px -30px 0}
	.connect-aergo__box{padding:0 30px}
	.connect-aergo__item{padding:7px}

	/* Follow Up */
	.follow-up .flex-wrap{margin:-15px}
	.follow-up__item{padding:15px}
	.follow-up__icon{margin-right:10px}
}
@media (max-width:1080px){
	.connect-aergo__list{width:100%;max-width:340px;min-height:156px;margin:-11px auto 26px}
	.connect-aergo__item{width:33.333333333333333333%}
	.connect-aergo__inner{padding-top:0;margin:0 auto}
	.connect-aergo__box.social .connect-aergo__inner{height:65px}
	.connect-aergo__icon-title{transform:translateY(-25px)}
}
@media (min-width:971px){
	/* Connect */
	.connect-aergo__link:hover .connect-aergo__inner{background-color:#9cb9f2;box-shadow:5px 5px 10px 0px rgba(171, 187, 207, 0.25)}
	.connect-aergo__link:hover .connect-aergo__icon{transform:translateY(-10px)}
	.connect-aergo__link:hover .connect-aergo__icon-title{visibility:visible;opacity:1;color:#fff}
	.connect-aergo__link:hover .connect-aergo__icon.medium{background:url("/uploads/media/medium_white.svg") no-repeat center center}
	.connect-aergo__link:hover .connect-aergo__icon.twitter{background:url("/uploads/media/twitter_white.svg") no-repeat center center}
	.connect-aergo__link:hover .connect-aergo__icon.github{background:url("/uploads/media/github_white.svg") no-repeat center center}
	.connect-aergo__link:hover .connect-aergo__icon.wechat{background:url("/uploads/media/wechat_white.svg") no-repeat center center}
	.connect-aergo__link:hover .connect-aergo__icon.telegram{background:url("/uploads/media/telegram_white.svg") no-repeat center center}
	.connect-aergo__link:hover .connect-aergo__icon.discord{background:url("/uploads/media/discord_white.svg") no-repeat center center}
	.connect-aergo__link:hover .connect-aergo__icon.reddit{background:url("/uploads/media/reddit_white.svg") no-repeat center center}
	.connect-aergo__link:hover .connect-aergo__icon.youtube{background:url("/uploads/media/youtube_white.svg") no-repeat center center}
}
@media (max-width:970px){
	/* Title */
	.title-line{font-size:32px}
	.title-line::before{height:20px}
	.title-stick{padding-left:15px;font-size:32px}
	.title-stick::before{top:9px;width:4px;height:25px;transform:none}
	.title-stick.long::before{top:9px;transform:none}
	.title-large{font-size:32px}
	.title-medium{font-size:24px}

	/* Text */
	.text-sub{margin-top:30px;font-size:16px}

	/* Button */
	.btn-border, .btn-shadow{font-size:18px}

	/* Connect AERGO */
	.connect-aergo__wrap{margin:20px 0 -40px}
	.connect-aergo__wrap .line-dots{display:none}
	.connect-aergo__list{min-height:1px}
	.connect-aergo__box{width:100%;padding:40px 0}
	.connect-aergo__box.announcements{border-bottom:2px dashed #bccff5}
	.connect-aergo__title{font-size:18px}
	.connect-aergo__text{font-size:16px}
	.connect-aergo__text{margin-top:20px}

	/* Follow Up */
	.follow-up .flex-wrap{flex-direction:column}
	.follow-up__item.left, .follow-up__item.right{width:100%}
	.follow-up__title, .follow-up__date{font-size:18px}
	.follow-up__text{font-size:16px}
	.follow-up__btn{font-size:18px}

	/* Table */
	.table-default thead th, .table-default tbody th{font-size:18px}
	.table-default tbody td{font-size:16px}
	.table-default .color-green, .table-default tbody th{width:230px}
}
@media (max-width:640px){
	/* Layout */
	.inner-pad{padding:0}

	/* Title */
	.title-line{padding-left:0;font-size:25px}
	.title-line::before{height:15px}
	.title-stick{font-size:25px}
	.title-stick::before{top:6px;height:20px;transform:none}
	.title-stick.long::before{top:4px}
	.title-large{font-size:25px}

	/* Text */
	.text-sub{font-size:15px}

	/* Button */
	.btn-border, .btn-shadow{font-size:15px}

	/* Connect AERGO */
	.connect-aergo__wrap{margin-top:0}
	.connect-aergo__list{max-width:270px}
	.connect-aergo__text{font-size:15px}

	/* Follow Up */
	.follow-up__text-wrap{padding:20px}
	.follow-up__btn-wrap{height:50px}
	.follow-up__btn-wrap::after{height:40px}
	.follow-up__icon{width:30px;height:30px}
	.follow-up__text{font-size:15px}

	/* Table */
	.table-default tbody td{font-size:15px}
}


/********************************************************
* Main
*********************************************************/
/* Main Visual */
.main-visual{position:relative;height:1080px;margin:0 auto;background-color:#f2f6fd;background-size:100% 100%}
.main-visual .inner{position:relative;max-width:1960px;height:100%;padding:0}
.main-visual__video-wrap{position:relative;max-width:1920px;height:100%;margin:0 auto;overflow:hidden}
.main-visual__video{position:absolute;top:50%;left:50%;width:1920px;height:100%;min-height:100%;transform:translate(-50%, -50%);z-index:100}
.main-visual__text-wrap{display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;left:50%;width:100%;max-width:1260px;height:100%;padding:0 20px 160px;transform:translateX(-50%);z-index:500}
.main-visual__title{position:relative;font-size:90px;line-height:1.8}
.main-visual__title-big{display:inline-block;margin:7px 0 0 20px;font-size:100px}
.main-visual__stay{flex-shrink:0}
.main-visual__title .line-dots{position:absolute;bottom:-5px;left:340px;font-size:0;line-height:1}
.main-visual__title .line-dots::before{display:none}
.main-visual__slogan{margin-top:25px;font-size:30px;font-weight:600}
.main-visual__slogan-big{font-size:50px}
.main-visual__inner{display:flex;align-items:flex-start;line-height:1}
.mac-os .main-visual__title-big {margin:-10px 0 -15px 20px;}

/* Main Info */
.main-info{position:relative;padding-top:100px;background-color:#f2f6fd}
.main-info .inner{position:relative}
.main-features{display:flex;justify-content:center;align-items:center;position:relative;padding:45px 0}
.main-features__figure{position:absolute;top:-95px;left:-870px}
.main-features__center{display:flex;flex-shrink:0;justify-content:center;align-items:center;position:relative;align-self:stretch;padding:0 150px 130px;background:url("/uploads/media/features.png") no-repeat bottom 178px center;z-index:100}
.main-features__circle{display:flex;justify-content:center;align-items:center;width:170px;height:170px;border:1px solid #fff;border-radius:50%;background-color:#f2f6fd;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.main-features__circle-title{display:flex;justify-content:center;align-items:center;font-size:0;line-height:1}
.main-features__circle-img{width:100%;max-width:65%;height:auto}
.main-features__item{position:relative;width:100%;padding:42px 0}
.main-features__right .main-features__item{padding:64px 0}
.main-features__list{margin-top:22px;padding-left:10px}
.main-features__text{position:relative;padding-left:18px;margin-bottom:5px;font-size:16px;font-weight:400;line-height:1.8}
.main-features__text:last-child{margin-bottom:0}
.main-features__text::after{content:"";position:absolute;top:12px;left:0;width:8px;height:8px;border-radius:50%}
.main-features__title{display:flex;justify-content:center;align-items:center;width:290px;height:40px;font-size:18px;font-weight:600;color:#fff;text-align:center;border-radius:5px;background-color:#9cb9f2}
.main-features__right{padding-bottom:45px}
.main-about{max-width:980px;margin:0 auto}
.main-about__btn-wrap{margin-top:38px}
.main-about__btn-list{display:flex;flex-wrap:wrap;margin:-10px}
.main-about__btn-item{width:25%;padding:10px}
.main-about__btn{display:flex;justify-content:center;align-items:center;width:100%;height:54px;padding:5px 10px;font-size:18px;line-height:1.2;border:2px solid #75A0F5;border-radius:10px;background-color:#f2f6fd;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0);transition:background-color .3s, box-shadow .3s}
.main-about__btn-item.active .main-about__btn{background-color:#fff;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.main-about__desc{margin-top:22px;border:2px solid #fff;border-radius:10px;background:url("/uploads/media/bg_banner.png") no-repeat #fff center center;background-size:cover;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.main-about__desc-list{}
.main-about__desc-item{padding:40px}
.main-about__desc-title{font-size:20px}
.main-about__desc-text{margin-top:15px;font-size:18px}

/* Main Comparing */
.main-comparing{position:relative;padding-top:263px;background-color:#f2f6fd}
.main-comparing .inner{position:relative}
.main-comparing .inner-pad{max-width:1180px;margin:0 auto}
.main-comparing__figure{position:absolute;top:-160px;left:-170px}
.main-comparing__wrap{overflow:hidden;margin-top:50px;border:1px solid #fff;border-radius:10px;box-shadow:-5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.main-comparing__table-wrap{display:flex;background-color:#ffebef}
.main-comparing__table.first{background-color:#fff}
.main-comparing__table.first.origin{width:19.72%}
.main-comparing__table.second.origin{width:26.84%}
.main-comparing__table.third.origin{width:54.54%}
.main-comparing__table-copy{display:flex;position:absolute;top:1px;left:21px;border-right:0px}
.main-comparing__table.first.hide{opacity:0;visibility:hidden}
.main-comparing__table.second.hide{opacity:0;visibility:hidden}
.main-comparing__table.first.copy{position:absolute;top:0;left:0;border-left:1px solid #fff}
.main-comparing__table.second.copy{position:absolute;top:0;left:0;border-left:1px solid #fff}
.main-comparing__table thead th{height:50px;padding:0 10px;font-size:20px;font-weight:400;vertical-align:middle;border-right:1px solid #75a0f5;border-bottom:1px solid #75a0f5}
.main-comparing__table.third thead th:last-child{border-right:0}
.main-comparing__table thead .active{background-color:#e0ebff}
.main-comparing__icon{display:inline-block;width:38px;margin-right:5px;font-size:0;line-height:1;vertical-align:middle}
.main-comparing__img{width:100%;height:auto}
.main-comparing__table tbody td{height:56px;padding:10px;font-size:18px;font-weight:300;text-align:center;vertical-align:middle;border-right:1px solid #75a0f5;border-bottom:1px solid #75a0f5}
.main-comparing__table tbody th{height:56px;padding:10px;font-size:19px;font-weight:300;text-align:center;vertical-align:middle;border-right:1px solid #75a0f5;border-bottom:1px solid #75a0f5}
.main-comparing__table tbody tr:last-child th{height:59px;border-bottom:0}
.main-comparing__table tbody td:not(.active){background-color:#fffafb}
.main-comparing__table.third tbody td:last-child{border-right:0}
.main-comparing__table tbody tr:last-child td{height:59px;border-bottom:0}
.main-comparing__table tbody .active{background-color:#fafcff}
.main-comparing__dots-wrap{display:flex;justify-content:flex-end;margin-top:15px}
.main-comparing__dots-wrap::before{display:inline-block;flex-shrink:0;content:"";width:18.18%;max-width:280px}
.main-comparing__dots-wrap .line-dots{padding:0 10px}
.main-comparing__dots-wrap .line-dots.first{width:26.97%;max-width:400px}
.main-comparing__dots-wrap .line-dots.last{width:53.54%;max-width:855px}
.main-comparing__btn-wrap{position:relative;width:26.97%;max-width:400px}
.main-comparing__btn-wrap .line-dots{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%)}
.main-comparing .btn-border{position:relative;width:180px;margin:0 auto;z-index:100}

/* Main Lua */
.main-lua{position:relative;padding:263px 0 225px;background-color:#f2f6fd}
.main-lua .inner{position:relative}
.main-lua .inner-pad{max-width:1180px;margin:0 auto}
.main-lua__figure{position:absolute;top:-320px;right:-300px}
.main-lua .text-sub{margin-top:45px}
.main-lua .flex-wrap{align-items:stretch;margin:60px -10px 0}
.main-lua__left{flex-shrink:0;width:35.83%;padding:0 10px}
.main-lua__left .img-wrap{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden;border-radius:5px;background-color:#36363e;box-shadow:-5px -5px 20px 0px #ffffff, 5px 5px 20px 0px hsl(215, 32%, 88%)}
.main-lua__left .img{flex:none;width:auto;max-width:100%}
.main-lua__right{position:relative;width:100%;padding:0 10px;z-index:50}
.main-lua__inner{display:flex;flex-direction:column;height:100%;padding:30px 22px 47px;border-radius:5px;background-color:#fff;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.main-lua__title{font-size:20px;font-weight:600}
.main-lua__text:first-child{margin-top:15px}
.main-lua__text{margin-top:30px;font-size:18px;font-weight:300}
.main-lua__list{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 30px;margin:46px -10px 0}
.main-lua__item{position:relative;width:52%;padding:8px 15px;font-size:17px;font-weight:300}
.main-lua__item:nth-child(even){width:48%}
.main-lua__item::before{content:"";position:absolute;top:14px;left:0;width:8px;height:8px;border-radius:50%}
.main-lua .btn-border{position:relative;width:180px;margin:15px 0 0 auto;z-index:50}

/* Main Learn More */
.main-learn-more{position:relative;background-color:#f2f6fd}
.main-learn-more .inner-pad{max-width:1065px;margin:60px auto 0}
.main-learn-more__wrap{display:flex;flex-wrap:wrap;position:relative;margin:-10px;z-index:100}
.main-learn-more__item{width:25%;padding:10px}
.main-learn-more__item.half{width:50%}
.main-learn-more__link{display:block;height:100%}
.main-learn-more__inner{display:flex;flex-direction:column;height:100%;min-height:235px;padding:25px 22px;border:2px solid #75A0F5;border-radius:10px;transition:border-color .3s, background-color .3s, box-shadow .3s}
.main-learn-more__title{font-size:20px;font-weight:600;color:#575757;transition:color .3s}
.main-learn-more__text{margin:15px 0;font-size:18px;font-weight:300;line-height:1.7;transition:color .3s}
.main-learn-more__icon{justify-self:flex-end;align-self:flex-end;width:33px;height:18px;margin:auto 0 0 auto}
.main-learn-more__list{display:flex;flex-wrap:wrap;margin:10px -15px -5px}
.main-learn-more__list .main-learn-more__text{width:50%;padding:5px 15px;margin:0}
.main-learn-more__text.has-line{display:flex}
.main-learn-more__list-text{display:inline-block}
.main-learn-more__list-text:not(:last-child){position:relative;padding-right:16px;margin-right:15px}
.main-learn-more__list-text:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;height:34px;border-right:1px dashed #87a9ed;transform:translateY(-50%)}
.main-learn-more__list-link{display:inline-block;transition:color .3s}

/* Main Investors */
.main-investors{position:relative;padding:225px 0 263px;background-color:#f2f6fd}
.main-investors .inner{position:relative}
.main-investors__figure{position:absolute;top:-690px;left:-420px;z-index:50}
.main-investors .inner-pad{margin-top:60px}
.main-investors__list{display:flex;flex-wrap:wrap;justify-content:center;position:relative;margin:-25px;z-index:100}
.main-investors__item{padding:25px}
.main-investors__link{display:block}
.main-investors__inner{height:27px;font-size:0;line-height:1}
.main-investors__img{width:auto;height:100%}

/* Main Exchanges */
.main-exchanges{position:relative;background-color:#f2f6fd}
.main-exchanges__wrap{position:relative;margin:60px auto 0;z-index:100}
.main-exchanges__list .slick-list{padding-bottom:20px!important;margin:0 -20px}
.main-exchanges__list .slick-track{display:flex}
.main-exchanges__list .slick-slide{height:auto}
.main-exchanges__item{padding:0 20px}
.main-exchanges__inner{display:flex;flex-direction:column;width:448px;height:100%;min-height:274px;padding:38px 22px;border:1px solid #fff;border-radius:10px;background-color:#fff;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.main-exchanges__logo{position:relative;height:46px}
.main-exchanges__logo.gate .main-exchanges__img{max-width:120px}
.main-exchanges__img{position:absolute;top:50%;left:50%;max-width:90%;height:46px;max-height:90%;transform:translate(-50%, -50%)}
.main-exchanges__text{margin:38px 0;font-size:18px;line-height:1.7;text-align:center}
.main-exchanges .btn-border{width:175px;margin:auto auto 0;font-size:18px}
.slider__ctrl{display:flex;justify-content:center;position:relative;width:100%;max-width:420px;margin:0 auto}
.slider__ctrl .slider__arrow{position:relative;top:0;left:0;width:108px;height:40px;overflow:hidden;text-indent:-199px;border:2px solid #75A0F5;border-radius:5px;background-color:#f2f6fd;transform:none;transition:border-color .3s, background-color .3s, box-shadow .3s;z-index:100}
.slider__icon{position:absolute;top:50%;left:50%;width:100%;height:100%;background-size:34% auto!important;transform:translate(-50%, -50%);transition:background .3s}
.slider__arrow.prev{margin-right:22px}
.slider__arrow.prev .slider__icon{background:url("/uploads/media/arrow_left1.svg") no-repeat center center}
.slider__arrow.next .slider__icon{background:url("/uploads/media/arrow_right1.svg") no-repeat center center}
.slider__ctrl .line-dots{position:absolute;top:50%;left:50%;justify-content:center;width:420px;transform:translate(-50%, -50%)}

/* Main Connect AERGO */
.connect-aergo--main{padding:270px 0 225px}
.connect-aergo__figure--main{top:-1015px;left:-580px}

@media (max-width:1280px){
	/* Main Visual */
	.main-visual__title{font-size:65px}
	.main-visual__title-big{font-size:88px}
	.main-visual__title .line-dots{left:240px}
	.main-visual__title .line-dots__line{width:330px}
	.main-visual__slogan{font-size:20px}
	.main-visual__slogan-big{font-size:34px}

	/* Main Comparing */
	.main-comparing{padding-top:120px}

	/* Main Lua */
	.main-lua .flex-wrap{flex-direction:column;margin:40px 0 0}
	.main-lua__left{width:100%;padding:10px 0}
	.main-lua__left .img-wrap{padding:20px 0}
	.main-lua__left .img{max-width:485px}
	.main-lua__right{width:100%;padding:10px 0}
	.main-lua__text{margin-top:20px}
	.main-lua__list{max-width:700px;padding:0 20px}

	/* Main Learn More */
	.main-learn-more__item{width:50%}
	.main-learn-more__list{max-width:300px}

	/* Early Investors */
	.main-investors{padding:120px 0}
	.main-investors__item{padding:15px}

	/* Main Connect AERGO */
	.connect-aergo--main{padding:120px 0}
}
@media (max-width:1080px){
	/* Main Features */
	.main-features{flex-wrap:wrap}
	.main-features__list{max-width:270px;margin:22px auto 0;width:100%}
	.main-features__wrap{display:flex;flex-wrap:wrap;margin:-15px 0}
	.main-features__item{width:50%;padding:15px 0!important}
	.main-features__title{max-width:330px!important;margin:0 auto}
	.main-features__right{width:100%;max-width:870px;margin:30px 0 -15px}
	.main-features__center{display:none}
	.main-features__text{margin-bottom:10px}
	.main-about__btn-item{width:50%}
	.main-about__desc-item{padding:30px 20px}
}
@media (min-width:971px){
	.main-about__btn:hover{background-color:#fff;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}

	.main-learn-more__item:hover .main-learn-more__inner{border-color:#9CB9F2;background-color:#9CB9F2;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
	.main-learn-more__item:hover .main-learn-more__title, .main-learn-more__item:hover .main-learn-more__text, .main-learn-more__item:hover .main-learn-more__list-link{color:#fff}

	.slider__arrow:hover{border-color:#9cb9f2;background-color:#9cb9f2;box-shadow:-5px -5px 20px 0px rgba(171, 187, 207, 0.25)}
	.slider__arrow.prev:hover .slider__icon{background:url("/uploads/media/arrow_left_white.svg") no-repeat center center}
	.slider__arrow.next:hover .slider__icon{background:url("/uploads/media/arrow_right_white.svg") no-repeat center center}
}
@media (max-width:970px){
	/* Main Visual */
	.main-visual{height:100vh;max-height:800px}
	.main-visual__text-wrap{padding-bottom:0}
	.main-visual__title{font-size:55px}
	.main-visual__title-big{font-size:78px}
	.main-visual__title .line-dots{left:200px}
	.main-visual__title .line-dots__line{width:290px}
	.main-visual__slogan{font-size:19px}
	.main-visual__slogan-big{font-size:30px}

	/* Main Features */
	.main-features__title{font-size:17px}
	.main-features__text{font-size:15px}
	.main-about__btn{font-size:16px}
	.main-about__desc-title{font-size:18px}
	.main-about__desc-text{font-size:16px}

	/* Main Comparing */
	.main-comparing{padding-top:100px}
	.main-comparing__wrap{overflow-x:auto;overflow-y:hidden}
	.main-comparing__wrap .scroll-guide{display:block}
	.main-comparing__table-wrap{width:920px}
	.main-comparing__table thead th{font-size:18px}
	.main-comparing__table tbody th{font-size:18px}
	.main-comparing__table tbody td{font-size:16px}
	.main-comparing__dots-wrap .line-dots{display:none}
	.main-comparing__dots-wrap::before{display:none}
	.main-comparing .main-comparing__btn-wrap{width:auto;margin:0 auto}
	.main-comparing .btn-shadow{width:190px}

	/* Main Lua */
	.main-lua{padding:100px 0}
	.main-lua .flex-wrap{margin-top:30px}
	.main-lua__list{margin-top:30px}
	.main-lua__item, .main-lua__item:nth-child(even){width:50%;padding-right:0;font-size:15px}
	.main-lua__title{font-size:18px}
	.main-lua__text{font-size:16px}
	.main-lua .btn-border{max-width:160px}

	/* Main Learn More */
	.main-learn-more__inner{min-height:190px}
	.main-learn-more__title{font-size:18px}
	.main-learn-more__text{margin:20px 0;font-size:16px}

	/* Early Investors */
	.main-investors{padding:100px 0}
	.main-investors__list{margin:-20px -10px}
	.main-investors__item{width:20%;padding:20px 10px}
	.main-investors__inner{display:flex;justify-content:center;align-items:center;height:100%}
	.main-investors__img{max-width:100%;height:auto}

	/* Exchanges List */
	.main-exchanges__wrap{margin-top:80px}
	.main-exchanges__wrap::before, .main-exchanges__wrap::after{width:20%;height:calc(100% - 70px);z-index:150}
	.main-exchanges__list{position:relative;z-index:100}
	.main-exchanges__list .slick-track{display:flex;align-items:stretch}
	.main-exchanges__item{height:auto!important}
	.main-exchanges__inner{width:100%;height:100%}
	.main-exchanges__text{font-size:16px}
	.main-exchanges .btn-border{width:155px;font-size:16px}
	.main-exchanges__list .slick-dots{z-index:100}
	.main-exchanges .slider__ctrl{display:none}

	/* Main Connect AERGO */
	.connect-aergo--main{padding:100px 0}
}
@media (max-width:768px){
	.main-lua__item, .main-lua__item:nth-child(even){width:100%}
}
@media (max-width:640px){
	/* Main Visual */
	.main-visual__video {width:640px}
	.main-visual__text-wrap {justify-content:flex-end; align-items:center; padding-bottom:50px;}
	.main-visual__title{font-size:40px}
	.main-visual__title-big{font-size:60px}
	.main-visual__title .line-dots{left:150px}
	.main-visual__title .line-dots__line{width:213px}
	.main-visual__slogan{font-size:17px}
	.main-visual__slogan-big{font-size:25px}

	/* Main Features */
	.main-features__item{width:100%}
	.main-features__right{margin-top:0}
	.main-about__btn{font-size:15px}
	.main-about__desc-text{font-size:15px}

	/* Main Lua */
	.main-lua{padding:70px 0}
	.main-lua__left .img{max-width:100%}
	.main-lua__text{font-size:15px}
	.main-lua__list{padding:0 20px}
	.main-lua__item{font-size:15px}
	.main-lua__inner{padding:30px 20px}
	.main-lua .btn-border{margin:15px auto 0}

	/* Main Comparing */
	.main-comparing{padding-top:70px}
	.main-comparing__table-copy{left:0}
	.main-comparing__table tbody td{font-size:15px}

	/* Main Learn More */
	.main-learn-more .inner-pad{margin-top:50px}
	.main-learn-more__text{font-size:15px}

	/* Early Investors */
	.main-investors{padding:70px 0}
	.main-investors__item{width:33.333333333333333333%}
	.main-investors__img{max-width:80%}

	/* Exchanges List */
	.main-exchanges__wrap{margin-top:50px}
	.main-exchanges__wrap::before, .main-exchanges__wrap::after{display:none}
	.main-exchanges__inner{min-height:270px;padding:30px 20px}
	.main-exchanges__text{margin:20px 0;font-size:15px}
	.main-exchanges .btn-border{font-size:15px}

	/* Main Connect AERGO */
	.connect-aergo--main{padding:70px 0}
}
@media (max-width:480px){
	/* Main Visual */
	.main-visual__title{max-width:320px;font-size:33px}
	.main-visual__title-big{font-size:49px}
	.main-visual__title .line-dots{left:130px}
	.main-visual__title .line-dots__line{width:180px}
	.main-visual__slogan{font-size:16px}
	.main-visual__slogan-big{font-size:22px}

	/* Main Features */
	.main-about__btn-item{width:100%}

	/* Main Comparing */
	.main-comparing__table.first{width:15.72%}
	.main-comparing__table.second{width:14.84%}
	.main-comparing__table.first.origin{width:15.72%}
	.main-comparing__table.second.origin{width:14.84%}

	/* Main Learn More */
	.main-learn-more__item, .main-learn-more__item.half{width:100%}
	.main-learn-more__inner{min-height:160px}

	/* Early Investors */
	.main-investors__img{max-width:100%}
}
@media (max-width:350px){
	.main-visual__title{max-width:280px;font-size:28px}
	.main-visual__title-big{font-size:44px}
	.main-visual__title .line-dots{left:115px}
	.main-visual__title .line-dots__line{width:155px}
	.main-visual__slogan{font-size:15px}
}


/********************************************************
* Sub
*********************************************************/
/* Common */
/* Sub Visual */
.sub-visual{position:relative;height:1080px;padding-bottom:160px;background-color:#f2f6fd}
.sub-visual__figure{position:absolute;top:50%;left:50%;margin:10px 0 0 100px;transform:translate(-50%, -50%);z-index:50}
.sub-visual .inner{display:flex;align-items:center;position:relative;height:100%;z-index:100}
.sub-visual__wrap{display:flex;flex-direction:column;position:relative}
.sub-visual__category-wrap{display:flex;align-items:stretch}
.sub-visual__icon{display:inline-block;flex-shrink:0;width:32px;margin-right:10px;font-size:0;line-height:1}
.sub-visual__img{max-width:100%;height:auto}
.sub-visual__category{display:flex;align-items:center;font-size:22px;color:#a0a2a8}
.sub-visual__title{margin-top:18px;font-size:90px;font-weight:700;line-height:1.6}
.sub-visual__inner{display:flex;align-items:flex-start;position:relative;line-height:1}
.point-color--sub{display:inline-block;margin:10px 0 0 10px;line-height:1}
.sub-visual__text{margin-top:60px;font-size:22px;line-height:1.7}
.sub-visual__btn-wrap{justify-self:flex-end;align-self:flex-end;height:45px;margin:38px 0 0 auto}
.sub-visual .btn-border{justify-self:flex-end;align-self:flex-end;width:175px;height:50px;font-size:22px}
.sub-visual .line-dots{position:absolute;bottom:-25px;left:330px;height:8px;font-size:0;line-height:1}
.sub-visual .line-dots::before{display:none}
.sub-visual .line-dots__line{width:425px}
.sub-visual .line-dots__line svg{width:100%;min-width:270px}
.mac-os .point-color--sub {margin:-10px 0 0 10px;}
.mac-os .sub-visual .line-dots {bottom:-15px}

@media (max-width:1280px){
	/* Sub Visual */
	.sub-visual__title{font-size:65px}
	.point-color--sub{margin-top:6px}
	.sub-visual__text{margin-top:50px}
	.sub-visual__btn-wrap{margin-top:30px}
}
@media (max-width:970px){
	/* Sub Visual */
	.sub-visual{height:100vh;max-height:800px;padding-bottom:0}
	.sub-visual__category{font-size:18px}
	.sub-visual__title{margin-top:25px;font-size:55px}
	.sub-visual .line-dots{bottom:-15px}
	.sub-visual__text{font-size:17px}
	.sub-visual__btn-wrap{margin-top:25px}
	.sub-visual .btn-border{width:150px;font-size:18px}
}
@media (max-width:640px){
	/* Sub Visual */
	.sub-visual__title{font-size:40px}
	.point-color--sub{margin-top:3px}
	.sub-visual .line-dots.left{display:none}
	.sub-visual .line-dots.right{right:10px;height:305px}
	.sub-visual .line-dots.bottom{right:-10px;bottom:30px}
	.sub-visual .btn-border{width:130px;height:38px;font-size:15px}
}
@media (max-width:480px){
	.sub-visual__title{font-size:32px}
	.point-color--sub{margin:0 0 0 6px}
}


/********************************************************
* Developer
*********************************************************/
/* Common */
.developer .sub-visual__figure{margin:60px 0 0 20px}

/* Building */
.building{padding:100px 0 225px;background-color:#f2f6fd}
.building .inner{position:relative}
.building .inner-pad{position:relative;z-index:100}
.building__wrap{max-width:1140px;margin:60px auto 0}
.building__title{margin-bottom:20px;font-size:19px;font-weight:600;color:#575757}
.building__list{display:flex;flex-wrap:wrap;margin:-20px}
.building__item{width:25%;padding:20px}
.building__item.menual{width:75%}
.building__link{display:block;height:100%}
.building__inner{display:flex;flex-direction:column;align-items:center;height:100%;padding:30px 20px;border-radius:10px;background-color:#fff;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.building__item.menual .building__inner{flex-direction:row;justify-content:center;text-align:center;border:2px dashed #75A0F5;background-color:transparent;box-shadow:none}
.building__icon{display:inline-block;width:90px;height:auto;font-size:0;line-height:1;transition:transform .3s}
.building__img{width:100%;height:auto}
.building__item-title{margin-top:15px;font-size:18px;font-weight:400;text-align:center}
.building__figure{position:absolute;top:1050px;left:-113px;z-index:50}
.building__text{font-size:18px}

/* SDK */
.sdk{padding-bottom:225px;background-color:#f2f6fd}
.sdk .inner-pad{max-width:670px;margin:38px auto 0}
.sdk__list{display:flex;flex-wrap:wrap;margin:-10px}
.sdk__item{width:20%;max-width:150px;padding:10px}
.sdk__link{display:block}
.sdk__inner{display:flex;justify-content:center;align-items:center;padding:22px;font-size:0;line-height:1;border-radius:10px;transition:background-color .3s}
.sdk__icon{display:inline-block;width:100%;max-width:80px;padding-top:100%;background-size:100% auto!important;transition:background .3s}
.sdk__icon.javascript{background:url("/uploads/media/javascript.svg") no-repeat center center}
.sdk__icon.c{background:url("/uploads/media/c1.svg") no-repeat center center}
.sdk__icon.c-plus{background:url("/uploads/media/c.svg") no-repeat center center}
.sdk__icon.c-sharp{background:url("/uploads/media/cl.svg") no-repeat center center}
.sdk__icon.python{background:url("/uploads/media/python.svg") no-repeat center center}
.sdk__icon.java{background:url("/uploads/media/java.svg") no-repeat center center}
.sdk__icon.swift{background:url("/uploads/media/swift.svg") no-repeat center center}
.sdk__icon.ruby{background:url("/uploads/media/ruby.svg") no-repeat center center}
.sdk__icon.php{background:url("/uploads/media/php.svg") no-repeat center center}

/* Aergo Tools */
.aergo-tools{padding-bottom:225px;background-color:#f2f6fd}
.aergo-tools .inner{position:relative}
.aergo-tools .inner-pad{margin-top:50px}
.aergo-tools__list{display:flex;flex-wrap:wrap;overflow:hidden;border-radius:10px;background-color:#fff;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.aergo-tools__item{position:relative;width:33.3333333%;border-right:2px dashed #bccff5;border-bottom:2px dashed #bccff5}
.aergo-tools__item:nth-child(3n){border-right:0}
.aergo-tools__item:nth-last-child(-n + 2){border-bottom:0}
.aergo-tools__item.has-dots::after{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;margin-right:-1px;border-radius:50%;transform:translate(50%, 50%);z-index:50}
.aergo-tools__link{display:block;height:100%;padding:30px;transition:background-color .3s}
.aergo-tools__text-wrap{display:flex;flex-direction:column;height:100%;min-height:140px}
.aergo-tools__title{margin-bottom:20px;font-size:20px;font-weight:600;transition:color .3s}
.aergo-tools__desc{margin-bottom:20px;font-size:18px;line-height:1.7;letter-spacing:0;transition:color .3s}
.aergo-tools__arrow{justify-self:flex-end;align-self:flex-end;width:33px;height:18px;margin:auto 0 0 auto}
.aergo-tools__figure{position:absolute;top:760px;left:370px;z-index:50}

/* Follow Up */
.follow-up--developer{padding-bottom:225px}
.follow-up__figure{position:absolute;top:646px;left:-364px;z-index:50}

/* Developer Workshops */
.workshops{padding-bottom:225px;background-color:#f2f6fd}
.workshops__wrap{position:relative;padding-top:56.2%;max-width:968px;overflow:hidden;margin:50px auto 0;border:1px solid #fff;border-radius:10px}
.workshops__inner{position:absolute;top:0;left:0;width:100%;height:100%}
.workshops__video{position:absolute;top:0;left:0;width:100%;min-width:100%;height:100%;min-height:100%}

/* Connect */
.connect-aergo--developer{padding-bottom:188px}
.connect-aergo__figure--developer{position:absolute;top:-163px;right:-71px;z-index:50}

@media (max-width:1280px){
	/* Common */
	.sub-visual .line-dots{left:245px}
	.sub-visual .line-dots__line{width:290px}

	/* Building */
	.building{padding-bottom:120px}
	.building__list{margin:-15px}
	.building__item{padding:15px}

	/* SDK */
	.sdk{padding-bottom:120px}
	.sdk__list{margin:-15px}
	.sdk__item{padding:15px}

	/* Aergo Tools */
	.aergo-tools{padding-bottom:120px}
	.aergo-tools__link{padding:30px 20px}

	/* Follow Up */
	.follow-up--developer{padding-bottom:120px}

	/* Developer Workshops */
	.workshops{padding-bottom:120px}

	/* Connect */
	.connect-aergo--developer{padding-bottom:120px}
}
@media (min-width:971px){
	/* Building */
	.building__link:hover .building__icon{transform:translateY(-15px)}

	/* SDK */
	.sdk__link:hover .sdk__inner{background-color:#9cb9f2;box-shadow: 5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
	.sdk__link:hover .sdk__icon.javascript{background:url("/uploads/media/javascript_white.svg") no-repeat center center}
	.sdk__link:hover .sdk__icon.c{background:url("/uploads/media/c_white.svg") no-repeat center center}
	.sdk__link:hover .sdk__icon.c-plus{background:url("/uploads/media/cplus_white.svg") no-repeat center center}
	.sdk__link:hover .sdk__icon.c-sharp{background:url("/uploads/media/csharp_white.svg") no-repeat center center}
	.sdk__link:hover .sdk__icon.python{background:url("/uploads/media/python_white.svg") no-repeat center center}
	.sdk__link:hover .sdk__icon.java{background:url("/uploads/media/java_white.svg") no-repeat center center}
	.sdk__link:hover .sdk__icon.swift{background:url("/uploads/media/swift_white.svg") no-repeat center center}
	.sdk__link:hover .sdk__icon.ruby{background:url("/uploads/media/ruby_white.svg") no-repeat center center}
	.sdk__link:hover .sdk__icon.php{background:url("/uploads/media/php_white.svg") no-repeat center center}

	/* Aergo Tools */
	.aergo-tools__link:hover{background-color:#9cb9f2}
	.aergo-tools__link:hover .aergo-tools__title{color:#fff}
	.aergo-tools__link:hover .aergo-tools__desc{color:#fff}
}
@media (max-width:970px){
	/* Common */
	.sub-visual .line-dots{left:210px}
	.sub-visual .line-dots__line{width:245px}

	/* Building */
	.building{padding-bottom:100px}
	.building__item, .building__item.menual{width:50%}
	.building__icon{width:80px}
	.building__title{font-size:18px}
	.building__item-title{font-size:16px}
	.building__text{font-size:16px}


	/* SDK */
	.sdk{padding-bottom:100px}

	/* Aergo Tools */
	.aergo-tools{padding-bottom:100px}
	.aergo-tools__item{width:50%}
	.aergo-tools__item:nth-child(3n){border-right:2px dashed #bccff5}
	.aergo-tools__item:nth-child(2n){border-right:0}
	.aergo-tools__item:nth-child(even)::after{display:none}
	.aergo-tools__item:nth-child(odd)::after{content:"";position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;transform:translate(50%, 50%);z-index:50}
	.aergo-tools__title{font-size:18px}
	.aergo-tools__desc{font-size:16px}

	/* Follow Up */
	.follow-up--developer{padding-bottom:100px}

	/* Developer Workshops */
	.workshops{padding-bottom:100px}

	/* Connect */
.connect-aergo--developer{padding-bottom:100px}
}
@media (max-width:640px){
	/* Common */
	.sub-visual .line-dots{left:150px}
	.sub-visual .line-dots__line{width:180px}

	/* Building */
	.building{padding-bottom:70px}
	.building__wrap{margin-top:50px}
	.building__item, .building__item.menual{width:100%}
	.building__item-title{font-size:15px}
	.building__text{font-size:15px}

	/* SDK */
	.sdk{padding-bottom:70px}
	.sdk .inner-pad{max-width:440px}
	.sdk__list{justify-content:center}
	.sdk__item{width:33.3333333333333%;max-width:120px}
	.sdk__icon{max-width:60px}
	.sdk__inner{padding:10px}
	.sdk__img{max-width:65px}

	/* Aergo Tools */
	.aergo-tools{padding-bottom:70px}
	.aergo-tools__item{width:100%;border:0!important}
	.aergo-tools__item::before{content:"";position:absolute;bottom:0;left:50%;width:95%;border-bottom:2px dashed #bccff5;background-color:transparent!important;transform:translateX(-50%)}
	.aergo-tools__item:last-child::before{display:none}
	.aergo-tools__item::after{display:none}
	.aergo-tools__text-wrap{min-height:130px}
	.aergo-tools__desc{font-size:15px}

	/* Follow Up */
	.follow-up--developer{padding-bottom:70px}

	/* Developer Workshops */
	.workshops{padding-bottom:70px}

	/* Connect */
.connect-aergo--developer{padding-bottom:70px}
}
@media (max-width:480px){
	/* Common */
	.sub-visual .line-dots{left:115px}
	.sub-visual .line-dots__line{width:145px}
}


/********************************************************
* Enterprise
*********************************************************/
/* Common */
.enterprise .sub-visual__figure{margin:20px 0 0 100px}
.enterprise .sub-visual .line-dots__line{width:445px}

/* Powered by BLOCKO */
.blocko{padding:100px 0 263px;background-color:#f2f6fd}
.blocko .inner{position:relative;z-index:100}
.blocko__wrap{display:flex;flex-direction:column;position:relative;max-width:1000px;margin:75px auto 0}
.blocko .flex-wrap{align-items:stretch;margin:0 -20px}
.blocko__item{position:relative;width:100%;padding:0 20px}
.blocko__inner{display:flex;height:100%;min-height:.15px;border: 1px solid #fff;border-radius:5px;background-color:#f2f6fd;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.blocko__img{max-width:100%;height:auto}
.blocko .line-dots{position:absolute;top:50%;right:0;height:350px;transform:translate(50%, -50%)}
.blocko__title{font-size:20px;font-weight:600;color:#575757}
.blocko__text{margin-top:22px;font-size:18px;font-weight:300;line-height:1.7}
.blocko .btn-border{align-self:flex-end;width:180px;margin-top:22px}
.blocko__item.left{flex-shrink:0;max-width:318px}
.blocko__item.left .blocko__inner{justify-content:center;align-items:center;font-size:0;line-height:1}
.blocko__item.right .blocko__inner{flex-direction:column;padding:30px}

/* Optimally designed for Enterprise use */
.optimal-design{padding-bottom:263px;background-color:#f2f6fd}
.optimal-design .inner{position:relative}
.optimal-design__figure{position:absolute;top:-445px;left:-200px;z-index:50}
.optimal-design .inner-pad{position:relative;z-index:100}
.optimal-design .text-sub:nth-child(2){margin-top:30px}
.optimal-design__btn-wrap{display:flex;justify-content:flex-end;margin-top:38px}
.optimal-design .btn-border{width:156px}
.optimal-design__wrap{max-width:728px;margin:50px auto 0}
.optimal-design__list{margin:-11px 0}
.optimal-design__item{padding:11px 0}
.optimal-design__link{display:flex;align-items:center;position:relative;min-height:34px;padding:11px 53px 11px 22px;font-size:20px;font-weight:300;border-radius:5px;background-color:#fff;box-shadow:5px 5px 20px 0px rgb(171 187 207 / 25%)}
.optimal-design__link::after{content:"";display:inline-block;min-height:inherit}
.optimal-design__num{margin-right:10px}
.optimal-design__icon{position:absolute;top:50%;right:22px;color:#c9eaf7;transform:translateY(-50%);transform-origin:center 0;transition:transform .3s}
.optimal-design__item.active .optimal-design__icon{transform:rotate(180deg) translateY(-50%)}
.optimal-design__text-wrap{display:none;padding:34px 15px 15px}
.optimal-design__inner-list{position:relative;max-width:670px;margin:-10px auto}
.optimal-design__inner-item{position:relative;padding:10px 0 10px 25px;font-size:18px;font-weight:300}
.optimal-design__inner-item::before{content:"";position:absolute;top:19px;left:0;width:10px;height:10px;border-radius:50%;z-index:100}
.optimal-design__inner-item:nth-child(1n)::before{background-color:#ff5677}
.optimal-design__inner-item:nth-child(2n)::before{background-color:#fad24c}
.optimal-design__inner-item:nth-child(3n)::before{background-color:#1fd0c3}
.optimal-design__inner-item::after{content:"";position:absolute;top:22px;left:4px;height:100%;border-left:2px dashed #bccff5}
.optimal-design__inner-item:last-child::after{display:none}

/* Blockchain PoCs say that Blockchain Technology is Immature */
.technology{padding-bottom:263px;background-color:#f2f6fd}
.technology .inner{position:relative}
.technology .text-sub:nth-child(2){margin-top:30px}
.technology .inner-pad{position:relative;z-index:100}
.technology__table-wrap{margin-top:60px}
.technology .table-default{margin-bottom:38px}
.technology .table-default:last-child{margin-bottom:0}
.technology__figure{position:absolute;top:54%;left:440px;margin-top:-100px;z-index:50}

/* AERGO Enterprise Manager */
.manager{padding-bottom:263px;background-color:#f2f6fd}
.manager__wrap{position:relative;max-width:810px;padding:0 30px;margin:60px auto 0}
.manager__wrap .line-dots{position:absolute}
.manager__wrap .line-dots.left{top:0;left:0;height:425px}
.manager__wrap .line-dots.right{bottom:0;right:0;height:390px}
.manager__inner{overflow:hidden;border-radius:5px;background-color:#fff;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.manager__video-inner{position:relative;padding-top:56.2%;overflow:hidden}
.maneger__video{position:absolute;top:0;left:0;width:100%;min-width:100%;height:100%;min-height:100%}
.manager__text-wrap{height:100%;max-height:390px;overflow-x:hidden;overflow-y:auto}
.manager__list{padding:0 22px}
.manager__item{padding:38px 15px;border-bottom:1px dashed #bccff5}
.manager__item:last-child{border-bottom:0}
.manager__title{display:flex;font-size:20px;font-weight:600;color:#575757}
.manager__num{display:inline-block;flex-shrink:0;margin-right:8px}
.manager__text{margin-top:22px;font-size:18px;font-weight:300}

/* Business on AERGO */
.business{padding-bottom:263px;background-color:#f2f6fd}
.business .inner{position:relative}
.business__figure{position:absolute;top:-171px;left:-262px;z-index:50}
.business__wrap{padding:0 20px}
.business__tab-list{display:flex;justify-content:center;margin:50px -10px -10px}
.business__tab-item{width:33.333333333333%;max-width:235px;padding:0 10px}
.business__tab{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;font-size:20px;text-align:center;border:2px solid #9CB9F2;border-radius:10px;background-color:transparent;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0);transition:color .3s, border-color .3s, background-color .3s, box-shadow .3s}
.business__tab-item.active .business__tab{color:#fff;font-weight:600;border-color:#9cb9f2;background-color:#9cb9f2;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.business__list{display:flex;flex-wrap:wrap;position:relative;margin:38px -20px 0;z-index:100}
.business__list .slick-track{display:flex}
.business__list .slick-list{padding-bottom:20px!important}
.business__item{position:relative;width:400px;height:auto!important;padding:0 15px}
.business__link{display:block;height:100%}
.business__inner{display:flex;flex-direction:column;height:100%;min-height:200px;padding:22px 22px 30px;border-radius:5px;background-color:#fff;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25);transition:background-color .3s}
.business__title{font-size:20px;font-weight:600;color:#575757}
.business__text{margin-top:22px;font-size:18px;font-weight:300;line-height:1.7}
.business__icon{align-self:flex-end;width:33px;height:18px;margin-top:auto}

/* Partnership */
.partnership{padding-bottom:300px;background-color:#f2f6fd}
.partnership .inner{position:relative;z-index:100}
.partnership__wrap{max-width:1115px;margin:75px auto 0}
.partnership__wrap.mobile{display:none}
.partnership__wrap.pc{display:block}
.partnership__list{display:flex;flex-wrap:wrap;justify-content:center;margin:-20px}
.partnership__item{width:310px;padding:20px;transition:width .3s}
.partnership__item.active{width:534px}
.partnership__link{display:block;height:100%}
.partnership__inner{position:relative;width:100%;height:100%;min-height:290px;max-height:290px;overflow:hidden;border-radius:5px;background-color:#f2f6fd;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.partnership__logo-wrap{position:absolute;top:50%;left:50%;width:158px;height:158px;padding:30px;border:1px solid #fff;border-radius:50%;background-color:#f2f6fd;box-shadow:inset -5px -5px 20px 0px #ffffff, inset 5px 5px 20px 0px hsl(215, 25%, 83%);transform:translate(-50%, -50%);transition:visibility .3s, opacity .3s, transform .3s}
.partnership__item.active .partnership__logo-wrap{visibility:hidden;opacity:0;transform:translate(-70%, -50%)}
.partnership__text-wrap{visibility:hidden;opacity:0;width:494px;height:100%;padding:25px 30px;background-color:#fff;transition:visibility .3s, opacity .3s}
.partnership__item.active .partnership__text-wrap{visibility:visible;opacity:1}
.partnership__title{display:flex;align-items:center;font-size:20px;font-weight:600;color:#575757;line-height:1.2}
.partnership__icon{flex-shrink:0;width:38px;margin-right:10px;font-size:0;line-height:1}
.partnership__img{width:100%;height:auto}
.partnership__text{margin-top:20px;font-size:18px;font-weight:300;line-height:1.7}

/* Connect */
.connect-aergo--enterprise{padding-bottom:263px}
.connect-aergo__figure--enterprise{bottom:160px;right:-265px}

/* Lower Banner */
.lower-banner{padding-bottom:263px;background-color:#f2f6fd}
.lower-banner__wrap{display:flex;justify-content:center;align-items:center;position:relative;height:300px;background:url("/uploads/media/banner_bg.png") no-repeat top center;background-size:cover}
.lower-banner__text-wrap{padding:30px 15px}
.lower-banner__title{font-size:38px;font-weight:600;color:#fff;text-align:center}
.lower-banner__btn{display:flex;justify-content:center;align-items:center;width:210px;height:45px;margin:38px auto 0;font-size:19px;font-weight:400;border:1px solid #75A0F5;border-radius:2px;background-color:#fff}
.lower-banner__logo{position:absolute;bottom:20px;right:20px;width:114px}
.lower-banner__link{display:block;font-size:0;line-height:1}

@media (max-width:1280px){
	/* Common */
	.enterprise .sub-visual .line-dots__line{width:305px}

	/* Powered by BLOCKO */
	.blocko{padding-bottom:120px}
	.blocko .flex-wrap{margin:0 -30px}
	.blocko__item{padding:0 30px}
	.blocko__inner{min-height:1px}
	.blocko__item.left{max-width:350px}
	.blocko__item.right .blocko__inner{padding:30px 20px}

	/* Optimally designed for Enterprise use */
	.optimal-design{padding-bottom:120px}

	/* Blockchain PoCs say that Blockchain Technology is Immature */
	.technology{padding-bottom:120px}

	/* AERGO Enterprise Manager */
	.manager{padding-bottom:120px}
	.manager__wrap{padding:0 20px}
	.manager__item{padding:30px 15px}

	/* Business on AERGO */
	.business{padding-bottom:120px}

	/* Partnership */
	.partnership{padding-bottom:120px}
	.partnership__wrap.mobile{display:block}
	.partnership__wrap.pc{display:none}
	.partnership__list{justify-content:flex-start;margin:-15px}
	.partnership__item{width:50%;padding:15px}
	.partnership__item.active{width:50%}
	.partnership__text-wrap{width:100%;padding:20px}
	.partnership__inner{max-height:none}
	.partnership__text{margin-top:15px}

	/* Connect */
	.connect-aergo--enterprise{padding-bottom:200px}

	/* Lower Banner */
	.lower-banner{padding-bottom:120px}
	.lower-banner__title{font-size:36px}
}
@media (min-width:971px){
	.business__tab:hover{color:#fff;font-weight:600;border-color:#9cb9f2;background-color:#9cb9f2;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
}
@media (max-width:970px){
	/* Common */
	.enterprise .sub-visual .line-dots__line{width:250px}

	/* Powered by BLOCKO */
	.blocko{padding:100px 0}
	.blocko__wrap{margin-top:50px}
	.blocko__item.left{display:none}
	.blocko__title{font-size:18px}
	.blocko__text{font-size:16px}
	.blocko .btn-border{width:120px}

	/* Optimally designed for Enterprise use */
	.optimal-design{padding-bottom:150px}
	.optimal-design__link{align-items:flex-start;min-height:1px;padding:15px 50px 15px 20px;font-size:18px}
	.optimal-design__inner-item{font-size:16px}
	.optimal-design__icon{right:20px}
	.optimal-design__text-wrap{padding-top:30px}
	.optimal-design__inner-item::before{top:15px}

	/* Blockchain PoCs say that Blockchain Technology is Immature */
	.technology{padding-bottom:100px}

	/* AERGO Enterprise Manager */
	.manager{padding-bottom:100px}
	.manager__list{padding:0 20px}
	.manager__title{font-size:18px}
	.manager__text{margin-top:20px;font-size:16px}

	/* Business on AERGO */
	.business{padding-bottom:100px}
	.business__tab{font-size:18px}
	.business__item{width:50%;padding:15px}
	.business__title{font-size:18px}
	.business__text{font-size:16px}
	.business .slider__ctrl{display:none}

	/* Partnership */
	.partnership{padding-bottom:100px}
	.partnership__wrap{margin-top:50px}
	.partnership__title{font-size:18px}
	.partnership__text{font-size:16px}

	/* Connect */
	.connect-aergo--enterprise{padding-bottom:150px}

	/* Lower Banner */
	.lower-banner{padding-bottom:150px}
	.lower-banner__wrap{flex-direction:column;height:auto;padding-bottom:30px}
	.lower-banner__title{font-size:32px}
	.lower-banner__btn{width:180px;font-size:18px}
	.lower-banner__logo{position:static}
}
@media (max-width:640px){
	/* Common */
	.enterprise .sub-visual .line-dots__line{width:185px}

	/* Powered by BLOCKO */
	.blocko{padding:70px 0}
	.blocko__text{font-size:15px}

	/* Optimally designed for Enterprise use */
	.optimal-design{padding-bottom:70px}
	.optimal-design__inner-item{font-size:15px}

	/* Blockchain PoCs say that Blockchain Technology is Immature */
	.technology{padding-bottom:70px}
	.technology__table-wrap{overflow-x:auto;overflow-y:hidden}
	.technology__table-wrap .scroll-guide{display:block}
	.technology__table-wrap .table-default{width:600px}

	/* AERGO Enterprise Manager */
	.manager{padding-bottom:70px}
	.manager__wrap{padding:0}
	.manager__wrap .line-dots{display:none}
	.manager__list{padding:0 10px}
	.manager__item{padding:30px 10px}
	.manager__text{font-size:15px}

	/* Business on AERGO */
	.business{padding-bottom:70px}
	.business__tab-list{flex-wrap:wrap;margin:40px 0 -10px}
	.business__tab-item{width:100%;max-width:none;padding:10px 0}
	.business__list{margin:38px -20px 0}
	.business__item{position:relative;width:100%;padding:0 10px;border:0!important}
	.business__inner{padding:30px 20px}
	.business__inner{min-height:200px;box-shadow:none}
	.business__text{margin-top:20px;font-size:15px}

	/* Partnership */
	.partnership{padding-bottom:70px}
	.partnership__wrap{margin-top:50px}
	.partnership__list{margin:-15px 0 -15px}
	.partnership__item{width:100%;padding:15px 0}
	.partnership__item.active{width:100%}
	.partnership__inner{min-height:200px}
	.partnership__logo-wrap{width:130px;height:130px}
	.partnership__text{font-size:15px}

	/* Connect */
	.connect-aergo--enterprise{padding-bottom:70px}

	/* Lower Banner */
	.lower-banner{padding-bottom:70px}
	.lower-banner__title{font-size:25px;text-align:left}
	.lower-banner__btn{width:208px;height:38px;margin-top:30px}
}
@media (max-width:480px){
	/* Common */
	.enterprise .sub-visual .line-dots__line{width:145px}
}


/********************************************************
* Individual
*********************************************************/
/* Common */
.individual .sub-visual__figure{margin:40px 0 0 -40px}
.individual .sub-visual .line-dots__line {width:405px;}

/* Why Build on AERGO? */
.why-build{padding-top:100px;background-color:#f2f6fd}
.why-build .inner{position:relative}
.why-build__figure{position:absolute;bottom:-730px;left:760px}
.why-build .inner-pad{display:flex;flex-direction:column;margin:75px auto 0}
.why-build__step{padding:0 20px;margin-bottom:60px}
.why-build__step-list{display:flex;margin:0 -10px}
.why-build__step-item{display:flex;align-items:center;width:33.33333333333%;padding:0 10px;font-size:20px}
.why-build__icon{display:inline-flex;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:70px;padding-top:5px;margin-right:15px;font-style:normal;font-size:40px;font-weight:600;color:#fff;border-radius:5px;background-color:#9cb9f2;box-shadow:5px 5px 10px 0px rgba(171, 187, 207, 0.25)}
.why-build .flex-wrap{margin:-20px}
.why-build__box{width:50%;padding:20px}
.why-build__inner{height:calc(100% - 40px);min-height:270px;padding:30px 22px 38px;border-radius:5px;background-color:#fff;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.why-build__left .why-build__inner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 22px;background:url("/uploads/media/individual_banner.png") no-repeat center center;background-size:cover}
.why-build__roket-icon{width:120px}
.why-build__img{width:100%;height:auto}
.why-build__btn{display:flex;justify-content:center;align-items:center;width:100%;max-width:267px;height:40px;border:1px solid #adc5f5;border-radius:5px;background-color:#fff}
.why-build__title{font-size:20px;font-weight:600;color:#575757}
.why-build__text{margin-top:15px;font-size:18px;font-weight:300}
.why-build .slider__ctrl{margin:22px auto 0}

/* AERGO Funding Opportunities */
.funding-opportunity{padding:263px 0;background-color:#f2f6fd}
.funding-opportunity .inner{position:relative}
.funding-opportunity__wrap{max-width:1080px;margin:60px auto 0}
.funding-opportunity__list{display:flex;flex-wrap:wrap;margin:-32px}
.funding-opportunity__item{position:relative;width:25%;padding:32px;text-align:center}
.funding-opportunity__item:not(:last-child)::after{content:"";position:absolute;top:50%;right:0;width:8px;height:8px;margin-top:15px;border-radius:50%;transform:translateX(50%)}
.funding-opportunity__num{font-size:19px;font-weight:600;color:#c0c3c9}
.funding-opportunity__inner{position:relative;padding-top:100%;margin-top:20px;border:1px solid #fff;border-radius:10px;background-color:#f2f6fd;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25);;transition:border-color .3s}
.funding-opportunity__text{position:absolute;top:50%;left:0;width:100%;font-size:18px;font-weight:300;line-height:1.7;transform:translateY(-50%)}
.funding-opportunity__figure{position:absolute;bottom:-867px;left:-277px}

/* Explore Open Grants */
.explore{padding-bottom:263px;background-color:#f2f6fd}
.explore__wrap{ max-width:765px;margin:60px auto 0}
.explore__list{display:flex;justify-content:center}
.explore__item{flex:1 1 auto;position:relative;max-width:306px}
.explore__item.first{z-index:50}
.explore__item.second{z-index:40}
.explore__item.third{z-index:30}
.explore__item.second, .explore__item.third{margin-left:-75px}
.explore__item.active{z-index:100}
.explore__link{display:block;position:relative;padding-top:100%;border-radius:50%;border:1px solid;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25);transition:background-color .3s}
.explore__item.first .explore__link{border-color:#ff5677}
.explore__item.second .explore__link{border-color:#fad24c}
.explore__item.third .explore__link{border-color:#61b3ff}
.explore__item.active .explore__link{background-color:#fff}
.explore__text{position:absolute;top:50%;left:0;width:100%;font-size:20px;font-weight:400;text-align:center;transform:translateY(-50%)}
.explore__desc{position:absolute;bottom:-80px;left:0;width:100%;visibility:hidden;opacity:0;font-size:18px;font-weight:300;text-align:center;transition:visibility .3s, opacity .3s, transform .3s}
.explore__item.active .explore__desc{visibility:visible;opacity:1;transform:translateY(30px)}
.explore__noti{margin-top:40px;font-size:15px;text-align:center}

/* DApp Launch Pad */
.daap{padding-bottom:263px;background-color:#f2f6fd}
.daap .inner{position:relative}
.daap__img-wrap{max-width:915px;overflow:hidden;margin:60px auto 0;border:1px solid #fff;border-radius:5px;font-size:0;line-height:1;box-shadow:-5px -5px 20px 0px #FAFEFF, 5px 5px 20px 0px rgba(128, 150, 179, 0.25)}
.daap__img{width:100%;height:auto}
.daap__figure{position:absolute;bottom:-1065px;right:-315px;z-index:50}

/* Connect */
.connect-aergo--individual{padding-bottom:263px}
.connect-aergo__figure--individual{bottom:-268px;left:-90px}

/* Lower Banner */
.lower-banner--individual{display:none}
.lower-banner--individual .lower-banner__text-wrap{display:flex;width:100%}
.lower-banner--individual .lower-banner__title{position:relative;width:50%;padding-left:53px}
.lower-banner--individual .lower-banner__title::after{content:"";position:absolute;top:50%;right:0;height:225px;border-right:2px dashed #F2F6FD;transform:translateY(-50%)}
.lower-banner__email-wrap{display:flex;flex-direction:column;justify-content:center;width:50%;max-width:360px}
.lower-banner__input{display:inline-block;width:100%;max-width:304px;height:45px;padding:0 20px;font-size:15px;font-weight:300;border:0;border-radius:2px}
.lower-banner__submit{display:inline-flex;justify-content:center;align-items:center;width:94px;height:30px;margin-top:20px;font-size:15px;font-weight:300;border:0;border-radius:2px;background-color:#f6f8ff}
.lower-banner__form{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;width:100%}

@media (max-width:1280px){
	/* Common */
	.individual .sub-visual .line-dots__line {width:280px}

	/* Why Build on AERGO? */
	.why-build{padding-top:120px}
	.why-build__step{padding:0}
	.why-build__icon{width:40px;height:40px;padding-top:0;font-size:30px}

	/* AERGO Funding Opportunities */
	.funding-opportunity{padding:120px 0}
	.funding-opportunity__list{margin:-15px}
	.funding-opportunity__item{padding:15px}

	/* Explore Open Grants */
	.explore{padding-bottom:120px}

	/* DApp Launch Pad */
	.daap{padding-bottom:120px}

	/* Connect */
	.connect-aergo--individual{padding-bottom:120px}

	/* Lower Banner */
	.lower-banner--individual .lower-banner__text-wrap{padding:40px 20px}
	.lower-banner--individual .lower-banner__title{padding-left:0}
}
@media (min-width:971px){
	/* Why Build on AERGO? */
	.funding-opportunity__item.first:hover .funding-opportunity__inner{border-color:#61b3ff}
	.funding-opportunity__item.second:hover .funding-opportunity__inner{border-color:#ff5677}
	.funding-opportunity__item.third:hover .funding-opportunity__inner{border-color:#1fd0c3}
	.funding-opportunity__item.fourth:hover .funding-opportunity__inner{border-color:#cd61ff}
}
@media (max-width:970px){
	/* Common */
	.individual .sub-visual .line-dots__line {width:235px}

	/* Why Build on AERGO? */
	.why-build{padding-top:100px}
	.why-build .inner-pad{margin-top:50px}
	.why-build__step{margin-bottom:50px}
	.why-build__step-list{flex-direction:column;align-items:center;margin:-10px 0}
	.why-build__step-item{width:100%;max-width:290px;padding:10px 0;font-size:18px}
	.why-build .flex-wrap{flex-direction:column}
	.why-build__box{width:100%}
	.why-build__left .why-build__inner, .why-build__inner{padding:30px 20px}
	.why-build__title{font-size:18px}
	.why-build__text{font-size:16px}
	.why-build .slider__ctrl{display:none}

	/* AERGO Funding Opportunities */
	.funding-opportunity{padding:100px 0}
	.funding-opportunity__wrap{margin-top:50px}
	.funding-opportunity__item{width:50%}
	.funding-opportunity__item:not(:last-child)::after{display:none}
	.funding-opportunity__inner{min-height:140px;padding-top:0;margin-top:10px}
	.funding-opportunity__text{font-size:16px}
	.funding-opportunity__item.first .funding-opportunity__inner{border-color:#61b3ff}
	.funding-opportunity__item.second .funding-opportunity__inner{border-color:#ff5677}
	.funding-opportunity__item.third .funding-opportunity__inner{border-color:#1fd0c3}
	.funding-opportunity__item.fourth .funding-opportunity__inner{border-color:#cd61ff}

	/* Explore Open Grants */
	.explore__item.second, .explore__item.third{margin-left:-50px}
	.explore__text{font-size:18px}
	.explore__desc{bottom:-40px;left:50%;width:340px;font-size:16px;transform:translateX(-50%)}
	.explore__item.active .explore__desc{transform:translate(-50%, 30px)}

	/* DApp Launch Pad */
	.daap{padding-bottom:100px}

	/* Connect */
	.connect-aergo--individual{padding-bottom:100px}

	/* Lower Banner */
	.lower-banner--individual .lower-banner__wrap{height:auto}
	.lower-banner--individual .lower-banner__text-wrap{flex-direction:column;padding:30px 15px}
	.lower-banner--individual .lower-banner__title{width:100%;padding-left:0}
	.lower-banner--individual .lower-banner__title::after{display:none}
	.lower-banner__email-wrap{width:100%;max-width:none;margin-top:30px}
	.lower-banner__form{align-items:center}
	.lower-banner__submit{width:210px;height:40px;margin-top:22px}
}
@media (max-width:768px){
	/* Explore Open Grants */
	.explore{padding-bottom:100px}
	.explore__list{flex-direction:column}
	.explore__item{width:100%;max-width:290px;margin:0 auto}
	.explore__item.second, .explore__item.third{margin:30px auto 0}
	.explore__text{transition:transform .3s}
	.explore__item.first.active .explore__text{transform:translateY(-100%)}
	.explore__item.second.active .explore__text{transform:translateY(-200%)}
	.explore__item.third.active .explore__text{transform:translateY(-200%)}
	.explore__desc{font-size:15px}
	.explore__item.first .explore__desc{bottom:60px}
	.explore__item.second .explore__desc{bottom:80px}
	.explore__item.third .explore__desc{bottom:80px}
	.explore__item.active .explore__desc{transform:translate(-50%, 20px)}
}
@media (max-width:640px){
	/* Common */
	.individual .sub-visual .line-dots__line {width:170px}

	/* Why Build on AERGO? */
	.why-build{padding-top:70px}
	.why-build__text{font-size:15px}

	/* AERGO Funding Opportunities */
	.funding-opportunity{padding:70px 0}
	.funding-opportunity__item{width:100%}
	.funding-opportunity__inner{min-height:120px}

	/* Explore Open Grants */
	.explore{padding-bottom:70px}
	.explore__wrap{margin-top:50px}

	/* DApp Launch Pad */
	.daap{padding-bottom:70px}
	.daap__img-wrap{position:relative;height:330px;overflow:hidden;margin-top:50px}
	.daap__img{position:absolute;top:0;left:50%;width:auto;height:100%;transform:translateX(-50%)}

	/* Connect */
	.connect-aergo--individual{padding-bottom:70px}

	/* Lower Banner */
	.lower-banner--individual .lower-banner__title{text-align:center}
}
@media (max-width:480px){
	/* Common */
	.individual .sub-visual .line-dots__line {width:135px}

	/* Explore Open Grants */
	.explore__item{max-width:240px}

	/* DApp Launch Pad */
	.daap__img-wrap{height:250px}
}


/********************************************************
* Community
*********************************************************/
/* Common */
.community .sub-visual .line-dots{left:335px}
.community .sub-visual .line-dots__line{width:495px}

/* Stay in the Looop */
.looop{position:relative;padding:100px 0 263px;background-color:#f2f6fd}
.looop .inner{position:relative}
.looop .inner-pad{position:relative;padding:0;z-index:100}
.looop__line{position:absolute;top:50%;left:50%;margin-top:-31px;transform:translate(-50%, -50%)}
.looop__wrap{position:relative;margin-top:79px;z-index:100}
.looop__list{display:flex;flex-wrap:wrap;margin:-20px}
.looop__item{width:14.28571428571429%;padding:20px}
.looop__inner{position:relative;width:100%;overflow:hidden;padding-top:100%;border:2px solid #fff;border-radius:5px;background-color:#f2f6fd;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25);transition:border-color .3s, background-color .3s}
.looop__item.empty .looop__inner{border:0;background-color:transparent;box-shadow:none}
.looop__item.empty-white .looop__inner{opacity:.35;background-color:#fff}
.looop__item.empty-blue .looop__inner{opacity:.15;background-color:#fff}
.looop__item.has-icon .looop__inner{background-color:#f2f6fd}
.looop__link{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;padding-bottom:20px}
.looop__icon{display:inline-flex;justify-content:center;align-items:center;width:80px;max-width:70px;height:100%;font-size:0;line-height:0;transform:translateY(20px);transition:fill .3s, transform .3s}
.looop__icon svg{max-width:100%;height:auto}
/* .looop__icon.discord{background:url("/uploads/media/discord.svg") no-repeat center center}
.looop__icon.telegram{background:url("/uploads/media/telegram.svg") no-repeat center center}
.looop__icon.reddit{background:url("/uploads/media/reddit.svg") no-repeat center center}
.looop__icon.twitter{background:url("/uploads/media/twitter.svg") no-repeat center center}
.looop__icon.medium{background:url("/uploads/media/medium.svg") no-repeat center center}
.looop__icon.github{background:url("/uploads/media/github.svg") no-repeat center center}
.looop__icon.wechat{background:url("/uploads/media/wechat.svg") no-repeat center center}
.looop__icon.youtube{background:url("/uploads/media/youtube.svg") no-repeat center center} */
.looop__title{visibility:hidden;opacity:0;font-size:18px;font-weight:400;color:#fff;transition:visibility .3s, opacity .3s}
.looop__figure{position:absolute;bottom:-190px;right:1220px;z-index:50}

/* Aergoniversity */
.aergoniversity{padding-bottom:263px;background-color:#f2f6fd}
.aergoniversity .inner{position:relative;z-index:100}
.aergoniversity__wrap{position:relative;margin-top:50px;z-index:100}
.aergoniversity__list{display:flex;flex-wrap:wrap;margin:-20px}
.aergoniversity__item{width:33.33333333333333%;padding:20px}
.aergoniversity__link{display:block;height:100%}
.aergoniversity__inner{height:100%;overflow:hidden;border-radius:5px;background-color:#fff;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.aergoniversity__thumb{position:relative;overflow:hidden;padding-top:63.4249%}
.aergoniversity__img{position:absolute;top:50%;left:50%;width:auto;height:100%;transform:translate(-50%, -50%)}
.aergoniversity__box{display:flex;justify-content:space-between;align-items:center;min-height:143px;padding:22px 38px 22px 30px}
.aergoniversity__text-wrap{padding-right:20px}
.aergoniversity__title{font-size:20px;font-weight:600}
.aergoniversity__count{margin-top:10px;font-size:20px}
.aergoniversity__btn{display:flex;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;border-radius:50%;border:2px solid #75A0F5;transition:border-color .3s, background-color .3s, box-shadow .3s}
.aergoniversity__icon{width:34px;height:34px;padding:2px 0 0 5px;font-size:0;line-height:1}
.aergoniversity__icon .change{transition:fill .3s}
.aergoniversity__figure{position:absolute;bottom:-160px;right:-210px;z-index:50}

/* Follow Up */
.follow-up--community{padding-bottom:263px}
.follow-up__figure--community{top:600px;left:-190px}
.follow-up__figure--community2{top:935px;left:780px}

/* Connect AERGO */
.connect-aergo--community{padding-bottom:225px}

@media (max-width:1280px){
	/* Common */
	.community .sub-visual .line-dots{left:245px}
	.community .sub-visual .line-dots__line{width:350px}

	/* Stay in the Looop */
	.looop{padding:100px 0 120px}
	.looop__line{display:none}
	.looop__list{margin:-15px}
	.looop__item{padding:15px}

	/* Aergoniversity */
	.aergoniversity{padding-bottom:120px}
	.aergoniversity__list{margin:-15px}
	.aergoniversity__item{padding:15px}

	/* Follow Up */
	.follow-up--community{padding-bottom:120px}

	/* Connect AERGO */
	.connect-aergo--community{padding-bottom:120px}
}
@media (max-width:1080px){
	/* Aergoniversity */
	.aergoniversity__item{width:50%}
}
@media (min-width:971px){
	/* Stay in the Looop */
	.looop__item.hover .looop__inner{border-color:#9cb9f2;background-color:#9cb9f2}
	.looop__item.hover .looop__title{visibility:visible;opacity:1}
	.looop__item.hover .looop__icon{transform:translateY(0)}
	.looop__item.hover .looop__icon .change{fill:#fff}
	/* .looop__item.hover .looop__icon.discord{background:url("/uploads/media/discord_white.svg") no-repeat center center}
	.looop__item.hover .looop__icon.telegram{background:url("/uploads/media/telegram_white.svg") no-repeat center center}
	.looop__item.hover .looop__icon.reddit{background:url("/uploads/media/reddit_white.svg") no-repeat center center}
	.looop__item.hover .looop__icon.twitter{background:url("/uploads/media/twitter_white.svg") no-repeat center center}
	.looop__item.hover .looop__icon.medium{background:url("/uploads/media/medium_white.svg") no-repeat center center}
	.looop__item.hover .looop__icon.github{background:url("/uploads/media/github_white.svg") no-repeat center center}
	.looop__item.hover .looop__icon.wechat{background:url("/uploads/media/wechat_white.svg") no-repeat center center}
	.looop__item.hover .looop__icon.youtube{background:url("/uploads/media/youtube_white.svg") no-repeat center center} */

	/* Aergoniversity */
	.aergoniversity__link:hover .aergoniversity__btn{border-color:#9cb9f2;background-color:#9cb9f2;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.5)}
	.aergoniversity__link:hover .aergoniversity__icon .change{fill:#fff}
}
@media (max-width:970px){
	/* Common */
	.community .sub-visual .line-dots{left:210px}
  .community .sub-visual .line-dots__line{width:290px}

	/* Stay in the Looop */
	.looop{padding:100px 0}
	.looop__wrap{margin-top:50px}
	.looop__item{width:16.66666666666667%}

	/* Aergoniversity */
	.aergoniversity{padding-bottom:100px}
	.aergoniversity__box{padding:30px 20px}
	.aergoniversity__title, .aergoniversity__count{font-size:18px}
	.aergoniversity__btn{width:50px;height:50px}
	.aergoniversity__icon{width:25px;height:25px}

	/* Follow Up */
	.follow-up--community{padding-bottom:100px}

	/* Connect AERGO */
	.connect-aergo--community{padding-bottom:100px}
}
@media (max-width:768px){
	/* Stay in the Looop */
	.looop__item{width:20%}

	/* Aergoniversity */
	.aergoniversity__item{width:100%}
}
@media (max-width:640px){
	/* Common */
	.community .sub-visual .line-dots{left:155px}
  .community .sub-visual .line-dots__line{width:210px}

	/* Stay in the Looop */
	.looop{padding:70px 0}
	.looop__item{width:25%}
	.looop__item:not(.has-icon){display:none}
	.looop__icon{flex:none;height:80px;background-size:80% auto!important}

	/* Aergoniversity */
	.aergoniversity{padding-bottom:70px}

	/* Connect AERGO */
	.connect-aergo--community{padding-bottom:70px}
}
@media (max-width:480px){
	/* Common */
	.community .sub-visual .line-dots{left:120px}
  .community .sub-visual .line-dots__line{width:160px}

	/* Stay in the Looop */
	.looop__item{width:33.333333333333%}
}


/********************************************************
* Stats
*********************************************************/
/* Stats Info */
.stats-info{padding:128px 0 0;background-color:#f2f6fd}
.stats-info .inner{display:flex;position:relative;max-width:1570px;z-index:100}
.stats-info__left-wrap{display:flex;flex-direction:column;flex-shrink:0;width:300px;max-height:765px;overflow-y:auto;overflow-x:hidden;margin-left:20px;border-radius:5px;background-color:rgba(255, 255, 255, 0.25);box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}

.stats-info__profile-inner{position:relative;height:100%;min-height:300px;overflow-x:hidden;overflow-y:auto;padding:22px 22px 38px}
.stats-info__profile-inner2{position:relative;height:100%;min-height:130px;overflow-x:hidden;overflow-y:auto;padding:22px 22px 0px}
.stats-info__profile-thumb{width:100%}
.stats-info__profile-img-wrap{position:relative;width:100%;max-width:203px;height:203px;margin:0 auto 20px;border-bottom:2px dashed #cddeff}
.stats-info__profile-img{position:absolute;top:50%;left:50%;max-width:100%;height:auto;transform:translate(-50%, -50%)}
.stats-info__profile-name{align-items:center;margin-bottom:30px;font-size:15px;font-weight:300;line-height:1.2;text-align:center}
.stats-info__name-icon{display:inline-block;font-size:15px;color:#adc5f5;vertical-align:middle}
.stats-info__profile-btn-wrap{display:flex;flex-direction:column;align-items:flex-end;max-width:270px;width:100%}
.stats-info__profile-btn{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:270px;height:40px;padding:5px 20px;margin-bottom:20px;font-size:15px;font-weight:300;text-align:left;border:1px solid #DBE6FA;background-color:transparent}
.stats-info__btn-icon{font-size:15px;color:#adc5f5}
.stats-info__profile-btn-landing{padding:5px 10px;font-size:15px;font-weight:300;border:1px solid #DBE6FA;background-color:#f5f8ff;transition:transform .3s}
.stats-info__profile-desc{position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;padding:30px 20px;background-color:#fff;transition:visibility .3s, opacity .3s}
.stats-info__profile-desc.active{visibility:visible;opacity:1}
.stats-info__profile-img-wrap.desc{max-width:150px;height:150px;border-bottom:0}
.stats-info__back{position:absolute;top:30px;left:25px;border:0;background-color:transparent;font-size:22px;color:#61b3ff}
.stats-info__profile-desc-name{font-size:18px;font-weight:400;text-align:center}
.stats-info__profile-desc-text{margin-top:22px;font-size:15px;font-weight:200}
.stats-info__community-btn{display:none;position:absolute;top:22px;right:22px}
.stats-info__community-btn .stats-info__community-title{margin:10px 0 0;font-size:18px}
.stats-info__community-btn .stats-info__community-icon{width:50px;height:50px;margin:0 auto}
.stats-info__community-btn .stats-info__community-icon-img{width:35px;height:35px}
.stats-info__community-wrap{display:flex;flex-direction:column;flex-shrink:0;position:relative;height:230px;padding:22px;border-radius:5px;background-color:#fff;box-shadow:-5px -5px 30px 0px #FAFEFF, 5px 5px 30px 0px rgba(128, 150, 179, 0.25)}
.stats-info__community-link{display:block}
.stats-info__community-title{margin-bottom:34px;font-size:18px;font-weight:400;line-height:1.2}
.stats-info__community-icon-wrap{display:flex;justify-content:center}
.stats-info__community-icon{display:flex;justify-content:center;align-items:center;width:98px;height:98px;border:1px solid #DBE6FA;border-radius:50%;box-shadow: 7px 7px 15px 0px rgb(130 155 191 / 15%);transition:transform .3s}
.stats-info__community-icon-img{width:68px;height:68px}
.stats-info__community-wrap .dots{position:absolute}
.stats-info__community-wrap .dots.green{top:80px;left:61px;width:16px;height:16px}
.stats-info__community-wrap .dots.red{top:102px;right:67px}
.stats-info__community-wrap .dots.yellow{right:55px;bottom:50px;width:18px;height:18px}
.stats-info__community-wrap .dots.blue{bottom:38px;left:55px;width:23px;height:23px}
.stats-info__item{display:flex;position:relative;justify-content:space-between;margin-bottom:19px}
.stats-info__item:last-child{margin-bottom:0}
.stats-info__item.dashed{padding-bottom:19px;border-bottom:2px dashed #DBE6FA}
.stats-info__dt{font-size:18px;font-weight:400}
.stats-info__dd{font-size:18px;font-weight:300}
.stats-info__right-wrap{width:100%;min-width:0;max-width:100%;padding:38px;border-radius:5px;background-color:rgba(255, 255, 255, 0.25);box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.stats-info__sub-title{margin-bottom:10px;font-size:20px;font-weight:600;line-height:1.2}
.stats-info__border-common{border:1px solid #75A0F5;border-radius:2px;background-color:#fff}
.stats-info__right-top-wrap{width:100%;margin-bottom:34px}
.stats-info__right-top-wrap::after{content:"";display: block;height: 0;clear:both}
.stats-info__price-chart-wrap{float:left;width:calc(50% - 10px);margin-right:20px}
.stats-info__price-chart{width:100%;height:100%;overflow:hidden;min-height:285px;max-width:100%}
.stats-info__stats{float:left;width:calc(50% - 10px)}
.stats-info__stats-wrap{height:100%;padding:38px 30px}
.stats-info__right-bottom-wrap{display:flex;flex-wrap:wrap}
.stats-info__token{width:50%;padding-right:10px;min-height:306px}
.stats-info__token-wrap{height:calc(100% - 34px);padding:30px 18px}
.stats-info__inner{display:flex;align-items:center;width:100%;height:100%;margin:0 auto}
.stats-info__token-wrap .stats-info__inner{max-width:480px}
.stats-info__left{flex-shrink:0;max-width:145px;margin-right:20px}
.stats-info__chart{max-width:145px;max-height:145px;margin-bottom:22px}
.stats-info__ctrl{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:0}
.stats-info__title-list{width:calc(100% - 60px)}
.stats-info__title{font-size:18px;font-weight:400;text-align:center}
.stats-info__token-wrap .stats-info__btn{flex-shrink:0;position:relative;top:0;left:0;width:20px;height:20px;overflow:hidden;text-indent:-99px;border:0;background-color:transparent}
.stats-info__icon{position:absolute;top:50%;left:50%;width:25px;height:25px;color:#92cee5;text-indent:0;transform-origin:0 0;transform:translate(-50%, -50%)}
.stats-info__icon-img{width:100%;height:auto}
.stats-info__right{width:100%}
.stats-info__lock-up{display:flex;flex-direction:column;max-width:280px;padding:19px 10px;margin:0 auto;border-bottom:1px dashed #87A9ED}
.stats-info__lock-up:first-child{padding-top:0}
.stats-info__lock-up:last-child{padding-bottom:0;border-bottom:0}
.stats-info__lock-title{font-size:18px;font-weight:400}
.stats-info__num{position:relative;padding-left:15px;margin-top:15px;font-size:18px;font-weight:200}
.stats-info__num::after{content:"";position:absolute;top:11px;left:0;width:8px;height:8px;border-radius:50%;border-radius:50%;background-color:#c0e1ff}
.stats-info__schedule{width:50%;padding-left:10px}
.stats-info__schedule-wrap{display:flex;justify-content:space-between;align-items:center;height:calc(100% - 34px);padding:30px 38px}
.stats-info__schedule-wrap .stats-info__right{display:flex;justify-content:flex-end}
.stats-info__schedule-list{width:100%;max-width:330px}
.stats-info__schedule-item{position:relative;padding-left:15px;margin-bottom:15px;font-size:18px;line-height:1.7}
.stats-info__schedule-item:last-child{margin-bottom:0}
.stats-info__schedule-item::before{content:"";position:absolute;top:12px;left:0;width:8px;height:8px}
.stats-info__schedule-item.green::before{background-color:#68ede7!important}
.stats-info__schedule-item.purple::before{background-color:#45b3fc!important}
.stats-info__schedule-item.red::before{background-color:#fa5c7e!important}
.stats-info__schedule-item.olive::before{background-color:#8af273!important}
.stats-info__schedule-item.blue::before{background-color:#f7b308!important}
.olive::before{background-color:#95ce88}
.stats-info__sub{position:absolute;top:-15px;right:0;font-size:14px;font-weight:300;color:#1fd0c3}
.stats-info__sub.red{color:#ff5677}

/* Voting System */
.voting-system{padding:100px 0 263px;background-color:#f2f6fd}
.voting-system .inner{position:relative}
.voting-system__wrap{max-width:1080px;margin:75px auto 0}
.voting-system__list{display:flex;justify-content:space-between;position:relative;margin:-10px}
.voting-system__item{position:relative;width:50%;padding:10px}
.voting-system__link{display:block;height:100%}
.voting-system__inner{display:flex;flex-direction:column;height:100%;min-height:300px;padding:38px 30px 30px;border-radius:5px;background-color:#fff;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25);transition:background-color .3s}
.voting-system__title{margin-bottom:22px;font-size:20px;font-weight:600;color:#575757;transition:color .3s}
.voting-system__text{margin-bottom:20px;font-size:18px;font-weight:300;line-height:1.7;transition:color .3s}
.voting-system__icon{justify-self:flex-end;align-self:flex-end;width:33px;height:18px;margin:auto 0 0 auto;font-size:0;line-height:1}
.voting-system .line-dots{position:absolute;top:50%;left:50%;height:100%;transform:translate(-50%, -50%)}
.voting-system__figure{position:absolute;top:-1055px;right:-375px;z-index:50}

/* Aergo Press */
.aergo-press{padding-bottom:225px;background-color:#f2f6fd}
.aergo-press .inner{position:relative}
.aergo-press .inner-pad{z-index:150}
.aergo-press__wrap{margin-top:60px}
.aergo-press__list{display:flex;flex-wrap:wrap;margin:0 -20px}
.aergo-press__item{width:33.333333333333333333%;padding:0 20px}
.aergo-press__item-link{display:block;height:100%}
.aergo-press__inner{position:relative;height:100%;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25);background-color:#ffffff;overflow: hidden;border-radius:5px;border:1px solid #ffffff}
.aergo-press__thumb{position:relative;padding-top:62.708333%;overflow:hidden}
.aergo-press__img{position:absolute;top:50%;left:50%;height:100%;transform:translate(-50%,-50%)}
.aergo-press__text-wrap{display:flex;flex-direction:column;min-height:353px;padding:30px 30px 50px}
.aergo-press__title{overflow:hidden;margin-bottom:6px;font-size:20px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.aergo-press__date{display:block;margin-bottom:22px;font-size:20px;font-weight:400;color:#c8c8c9}
.aergo-press__text{margin-bottom:20px;font-size:18px;font-weight:300;line-height:1.7}
/* .aergo-press__text{display:-webkit-box;height:11.9em;overflow:hidden;margin-bottom:20px;font-size:18px;font-weight:300;line-height:1.7;word-wrap:break-word;text-overflow: ellipsis;-webkit-line-clamp: 7;-webkit-box-orient: vertical} */
.aergo-press__icon{justify-self:flex-end;align-self:flex-end;position:absolute;bottom:30px;right:30px;width:33px;height:18px;margin:auto 0 0 auto}
.aergo-press__figure{position:absolute;top:-520px;left:-240px;z-index:50}


/* Previous QPU */
.qpu{padding-bottom:225px;background-color:#f2f6fd}
.qpu .inner{position:relative}
.qpu__wrap{margin-top:60px}
.qpu__list{display:flex;flex-wrap:wrap;margin:-38px -20px}
.qpu__item{position:relative;width:33.333333333333%;padding:38px 20px}
.qpu__link{display:flex;flex-direction:column;height:100%}
.qpu__title{margin-bottom:19px;font-size:20px;font-weight:400}
.qpu__image-wrap{position:relative;height:200px;overflow:hidden;margin-top:auto;border:1px solid #fff;border-radius:5px;box-shadow:5px 5px 20px 0px rgba(171, 187, 207, 0.25)}
.qpu__image-wrap::before{content:"READ MORE";display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:0;width:100%;height:100%;visibility:hidden;opacity:0;font-size:19px;font-weight:600;color:#fff;text-align:center;background-color:rgba(156, 185, 242, .8);box-sizing:border-box;transform:translateY(-50%);transition:visibility .3s, opacity .3s;z-index:50}
.qpu__image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opasity .3s, transform .3s}
.qpu__figure{position:absolute;z-index:50}
.qpu__figure.top{top:-550px;right:-300px}
.qpu__figure.bottom{top:485px;left:-220px}

/* Connect - Stats */
.connect-aergo--stats{padding-bottom:230px}

@media (max-width:1800px){
	/* Stats Info */
	/* .stats-info__dt, .stats-info__dd, .stats-info__title, .stats-info__lock-title, .stats-info__num, .stats-info__schedule-item{font-size:16px}
	.stats-info__schedule-wrap{padding:30px 18px}
	.stats-info__left{margin-right:28px} */
}
@media (max-width:1580px){
  /* Stats Info */
  .stats-info__right-top-wrap{flex-direction:column}
	.stats-info__profile{height:auto}
  .stats-info__price-chart-wrap{width:100%;max-width:100%}
  .stats-info__stats{width:100%;max-width:none;margin-top:30px}
	.stats-info__stats-title{margin-left:0px}
  .stats-info__stats-wrap{width:100%;margin-left:0}
	.stats-info__right{max-width:320px}
  .stats-info__list{max-width:555px;margin:0 auto}
  .stats-info__right-bottom-wrap{flex-direction:column;margin:0}
  .stats-info__token{width:100%;padding:0}
  .stats-info__inner, .stats-info__token-wrap .stats-info__inner{display:flex;justify-content:space-between;width:100%;max-width:555px;margin:0 auto}
  .stats-info__schedule{width:100%;padding:0;margin-top:30px}
}
@media(max-width:1280px){
  /* Stats Info */
  .stats-info{padding-top:100px}
  .stats-info .inner{flex-direction:column}
  .stats-info__left-wrap{display:flex;flex-direction:row;width:100%;max-height:500px;margin:20px 0 0}
  .stats-info__profile{width:100%;height:auto;padding:0;margin:0}
  .stats-info__profile-inner{flex-direction:row;justify-content:center;width:100%;min-height:300px}
  .stats-info__profile-thumb:not(.desc){flex-shrink:0;width:270px}
  .stats-info__profile-name{margin-bottom:0}
  .stats-info__profile-btn-wrap{margin:auto 0 0 50px}
  .stats-info__profile-desc{display:flex;padding-top:70px}
  .stats-info__profile-thumb.desc{flex-shrink: 0;width:150px}
  .stats-info__desc-text-wrap{width:100%;margin-left:40px}
  .stats-info__community-wrap{flex-shrink:0;justify-content:center;width:300px;height:auto;padding:0 0 20px}
  .stats-info__community-title{margin-bottom:50px;text-align:center}
  .stats-info__community-wrap .dots.green{top:123px}
  .stats-info__community-wrap .dots.red{top:141px}
  .stats-info__community-wrap .dots.yellow{bottom:71px}
  .stats-info__community-wrap .dots.blue{bottom:57px}
  .stats-info__right-wrap{width:100%;min-height:1px;margin-top:20px}
  .stats-info__price-chart{min-height:1px}
  .stats-info__stats-wrap{min-height:1px}
  .stats-info__token{min-height:1px}
  .stats-info__token-wrap{padding:40px 30px}
  .stats-info__schedule-wrap{padding:40px 30px}

  /* Voting System */
  .voting-system{padding-bottom:120px}
  .voting-system__list{margin:-15px}
  .voting-system__item{padding:15px}

  /* Aergo Press */
  .aergo-press{padding-bottom:120px}
  .aergo-press__list{margin:0 -15px}
  .aergo-press__item{padding:0 15px}
  .aergo-press__text-wrap{min-height:1px}

  /* Previous QPU */
  .qpu{padding-bottom:120px}
  .qpu__list{margin:-38px -15px}
  .qpu__item{padding:38px 15px}

  /* Connect - Stats */
  .connect-aergo--stats{padding-bottom:120px}
}
@media(max-width:1080px){
  /* Aergo Press */
  .aergo-press__list{margin:-20px -15px}
  .aergo-press__item{width:50%;padding:20px 15px}
}
@media (min-width:971px){
  /* Previous QPU */
  .qpu__link:hover .qpu__image-wrap::before{visibility:visible;opacity:1}
  .qpu__link:hover .qpu__image{transform:translate(-50%,-50%) scale(1.1)}

	/* Voting System */
	.voting-system__link:hover .voting-system__inner{background-color:#9cb9f2}
	.voting-system__link:hover .voting-system__title, .voting-system__link:hover .voting-system__text{color:#fff}
	.voting-system__link:hover .voting-system__icon path{stroke:#fff}
}
@media(max-width:970px){
  /* Stats Info */
  .stats-info__profile{margin-right:0}
  .stats-info__profile-inner{justify-content:space-between;padding-bottom:40px}
  .stats-info__community-btn{display:block}
  .stats-info__community-wrap{display:none}
  .stats-info__right-wrap{padding:40px 30px}
	.stats-info__sub-title{font-size:18px}
	.stats-info__title, .stats-info__dt, .stats-info__dd, .stats-info__lock-title, .stats-info__num, .stats-info__schedule-item{font-size:16px}

  /* Voting System */
  .voting-system{padding-bottom:100px}
	.voting-system__wrap{margin-top:50px}
  .voting-system__title{font-size:18px}
	.voting-system__text{font-size:16px}
  .voting-system .line-dots{display:none}

  /* Aergo Press */
  .aergo-press{padding-bottom:100px}
	.aergo-press__text-wrap{padding:30px 20px 50px}
  .aergo-press__title{font-size:18px}
  .aergo-press__date{font-size:18px}
	.aergo-press__text{font-size:16px}

  /* Previous QPU */
  .qpu{padding-bottom:100px}
	.qpu__list{margin:-30px -15px}
  .qpu__item{width:50%;padding:30px 15px}
  .qpu__title{font-size:18px}
	.qpu__image-wrap{height:160px}

  /* Connect - Stats */
  .connect-aergo--stats{padding-bottom:100px}
}
@media (max-width:768px){
  /* Stats Info */
  .stats-info__token-wrap{padding:30px 20px}
  .stats-info__inner{flex-direction:column}
  .stats-info__left{margin-right:0}
	.stats-info__right-wrap{width:auto;max-width:none;padding:30px 20px;margin:0 -20px}
  .stats-info__stats-wrap{padding:30px 20px}
  .stats-info__lock-up{align-items:center;padding:15px;text-align:center}
  .stats-info__right{margin-top:30px}
  .stats-info__num::after{left:0}
  .stats-info__schedule-wrap{padding:30px 20px}
	.stats-info__schedule-list{max-width:290px}

	/* Voting System */
	.voting-system__list{flex-direction:column;margin:0;box-shadow:-5px -5px 20px 0px #fafeff, 5px 5px 20px 0px rgb(128 150 179 / 25%)}
  .voting-system__item{position:relative;width:100%;padding:0}
  .voting-system__item:first-child::after{content:"";position:absolute;bottom:0;left:50%;width:95%;border-bottom:2px dashed #bccff5;transform:translateX(-50%)}
  .voting-system__inner{min-height:1px;padding:30px 20px;box-shadow:none}

  /* Aergo Press */
  .aergo-press__list{margin:-15px 0}
  .aergo-press__item{width:100%;padding:15px 0}
}
@media (max-width:640px){
  /* Stats Info */
  .stats-info__left-wrap{flex-direction:column}
  .stats-info__profile-inner{flex-direction:column;padding:30px 20px 40px}
  .stats-info__profile-btn-wrap{margin:30px 0 0}
  .stats-info__profile-desc{flex-direction:column;padding-top:30px}
  .stats-info__profile-thumb.desc{margin:0 auto}
  .stats-info__desc-text-wrap{margin-left:0}
  .stats-info__community-btn{display:none}
  .stats-info__community-wrap{display:block;flex-shrink:1;width:100%;padding:30px 20px;margin-top:20px}
  .stats-info__community-wrap .dots{display:none}
  .stats-info__community-title{margin-bottom:20px}
  .stats-info__community-icon{width:70px;height:70px}
  .stats-info__community-icon-img{width:50px;height:50px}
  .stats-info__item{margin-bottom:15px}
  .stats-info__item.dashed{padding-bottom:15px}
  .stats-info__num{margin-top:15px}
  .stats-info__schedule-item{margin-bottom:15px}
	.stats-info__dt, .stats-info__dd, .stats-info__title, .stats-info__lock-title, .stats-info__num, .stats-info__schedule-item{font-size:15px}

  /* Voting System */
  .voting-system{padding:70px 0}
	.voting-system__text{font-size:15px}

  /* Aergo Press */
  .aergo-press{padding-bottom:70px}
  .aergo-press__wrap{margin-top:50px}
  .aergo-press__text-wrap{padding:30px 20px 50px}
  .aergo-press__date{margin-bottom:20px}
	.aergo-press__text{font-size:15px}

  /* Previous QPU */
  .qpu{padding-bottom:70px}
  .qpu__wrap{max-width:470px;margin:50px auto 0}
  .qpu__list{margin:-15px 0}
  .qpu__item{width:100%;padding:15px 0}

  /* Connect - Stats */
  .connect-aergo--stats{padding-bottom:70px}
}
@media (max-width:480px){
  .stats-info__item{flex-direction:column;justify-content:center;text-align:center}
  .stats-info__dd{display:inline-block;margin-top:5px}
  .stats-info__schedule-item{padding:20px 0 0;text-align:center}
  .stats-info__schedule-item::before{top:0;left:50%;transform:translateX(-50%)}
	.stats-info__sub{position:relative;top:0;font-size:12px}
}


/********************************************************
* NFT
*********************************************************/
.nft, .nft .wrap{background-color:#000}
.nft .header, .nft .header.hover, .nft .header.floating{background-color:transparent;box-shadow:none}
.nft .branding__link{background:url("/uploads/media/aergo_primary_logo_white.png") no-repeat center center}
.nft .header .gnb__link{color:#fff}
.nft .footer{border-color:#fff;background-color:#000}
.nft .footer__title, .nft .footer__link{color:#fff}
.nft .header__mobile-open .header__lines, .nft .header__mobile-open .header__lines::before, .nft .header__mobile-open .header__lines::after{background-color:#fff}
.nft-visual{position:relative;height:1080px;margin:0 auto;background-size:100% 100%}
.nft-visual .inner{position:relative;max-width:1960px;height:100%;padding:0}
.nft-visual__video-wrap{position:relative;max-width:1920px;height:100%;margin:0 auto;overflow:hidden}
.nft-visual__video{position:absolute;top:50%;left:50%;width:1920px;height:100%;min-height:100%;transform:translate(-50%, -50%);z-index:100}

@media (max-width:970px){
	.nft-visual{height:100vh;max-height:800px}
}
@media (max-width:640px) {
	.nft-visual__video {width:100%;}
}


/********************************************************
* Footer
*********************************************************/
.footer{position:relative;padding:60px 0 20px;border-top:2px solid #cddeff;background-color:#fff;;z-index:100}
.footer .inner{display:flex;flex-direction:column;max-width:1920px}
.footer__wrap{width:100%;max-width:1000px;margin:0 auto}
.footer__list{display:flex;margin:-22px -12px}
.footer__item{flex-shrink:0;width:20%;padding:22px 12px}
.footer__link{font-size:16px}
.footer__title{position:relative;font-size:18px;font-weight:600;color:#575757}
.footer__title::before{content:"";position:absolute;top:50%;left:-18px;width:8px;height:8px;border-radius:50%;transform:translateY(-50%)}
.footer__depth{margin-top:20px}
.footer__depth-item:first-child{margin-top:0}
.footer__depth-item{margin-top:10px}
.footer-community .footer__depth{display:flex;flex-wrap:wrap;justify-content:space-between}
.footer-community .footer__depth-item{width:50%}
.footer-community .footer__depth-item:nth-child(even){max-width:80px}
.footer-community .footer__depth-item:nth-child(2){margin-top:0}
.footer__copy{margin-top:40px;font-size:12px;color:#bfbfc0;text-align:center}
.wechat-pop{position:fixed;top:50%;left:50%;max-width:90%;visibility:hidden;opacity:0;transform:translate(-50%, -50%);transition:visibility .3s, opacity .3s;z-index:1650}
.wechat-pop.show{visibility:visible;opacity:1}
.wechat-pop__img{max-width:100%}

@media (min-width:971px){
	.footer__link:hover{text-decoration:underline}
}
@media (max-width:970px){
	.footer__list{flex-wrap:wrap;margin:-30px 12px}
	.footer__item{width:33.33333333333333%;padding:15px 0}
	.footer-other{width:100%;max-width:360px}
	.footer-other .footer__depth{display:flex;flex-wrap:wrap}
	.footer-other .footer__depth-item{width:50%;max-width:165px;padding:5px 0;margin:0}
	.footer-other .footer__depth-item:first-child{padding-top:0}
	.footer-community{display:none}
}
@media (max-width:640px){
	.footer{padding-top:50px}
	.footer__list{margin:-20px 18px}
}
@media (max-width:480px){
	.footer__depth-item{width:100%;padding:5px 0;margin:0}
	.footer__list{justify-content:space-between}
	.footer__item{width:auto;min-width:130px}
	.footer-other{width:auto}
	.footer-other .footer__depth{flex-direction:column}
	.footer-other .footer__depth-item{width:100%;max-width:none}
	.footer-other .footer__depth-item:first-child{padding-top:5px}
	.footer__copy{margin-top:30px}
}
@media (max-width:400px){
	.footer__item{min-width:100px}
}