@font-face {
	font-family: qtum;
	src: url(../font/qtum.ttf) format("truetype"), url(../font/qtum.woff) format("woff"), url(http://dd614433.aly556.159301.com/static/fonts/qtum.svg) format("svg");
	font-weight: 400;
	font-style: normal
}

.qtum-icon {
	font-family: qtum !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 2.5em;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.qtum-icon-defi-reward-total:before {
	content: "\e933"
}

.qtum-icon-defi-reward-single:before {
	content: "\e934"
}

.qtum-icon-requirement-solidity:before {
	content: "\e935"
}

.qtum-icon-requirement-qtum:before {
	content: "\e936"
}

.qtum-icon-requirement-defi:before {
	content: "\e937"
}

.qtum-icon-application:before {
	content: "\e930"
}

.qtum-icon-logo:before {
	content: "\e931"
}

.qtum-icon-play-2:before {
	content: "\e92d"
}

.qtum-icon-wallet-mobile:before {
	content: "\e929"
}

.qtum-icon-wallet-web:before {
	content: "\e92a"
}

.qtum-icon-wallet-hardware:before {
	content: "\e92b"
}

.qtum-icon-wallet-pc:before {
	content: "\e92c"
}

.qtum-icon-video-guide:before {
	content: "\e923"
}

.qtum-icon-explorer:before {
	content: "\e924"
}

.qtum-icon-docs:before {
	content: "\e925"
}

.qtum-icon-i18n:before {
	content: "\e926"
}

.qtum-icon-electrum:before {
	content: "\e927"
}

.qtum-icon-web-wallet:before {
	content: "\e928"
}

.qtum-icon-play:before {
	content: "\e922"
}

.qtum-icon-developer-docs:before {
	content: "\e916"
}

.qtum-icon-developer-tools:before {
	content: "\e917"
}

.qtum-icon-bounty-bugs:before {
	content: "\e918"
}

.qtum-icon-bounty-test:before {
	content: "\e919"
}

.qtum-icon-bounty-dapp:before {
	content: "\e91a"
}

.qtum-icon-bounty-more:before {
	content: "\e91b"
}

.qtum-icon-more-nodes:before {
	content: "\e91c"
}

.qtum-icon-wallet-ecology:before {
	content: "\e91d"
}

.qtum-icon-basic-development:before {
	content: "\e91e"
}

.qtum-icon-dgp-contract:before {
	content: "\e91f"
}

.qtum-icon-aal:before {
	content: "\e920"
}

.qtum-icon-x86:before {
	content: "\e921"
}

.qtum-icon-neutron:before {
	content: "\e932"
}

.qtum-icon-utxo-model:before {
	content: "\e90d"
}

.qtum-icon-smart-contract:before {
	content: "\e913"
}

.qtum-icon-prove-of-stake:before {
	content: "\e914"
}

.qtum-icon-value-transfer:before {
	content: "\e915"
}

.qtum-icon-wechat:before {
	content: "\e901"
}

.qtum-icon-weibo:before {
	content: "\e902"
}

.qtum-icon-qq:before {
	content: "\e903"
}

.qtum-icon-line:before {
	content: "\e904"
}

.qtum-icon-video-qq:before {
	content: "\e905"
}

.qtum-icon-github:before {
	content: "\e906"
}

.qtum-icon-twitter:before {
	content: "\e907"
}

.qtum-icon-facebook:before {
	content: "\e908"
}

.qtum-icon-reddit:before {
	content: "\e909"
}

.qtum-icon-telegram:before {
	content: "\e90a"
}

.qtum-icon-slack:before {
	content: "\e90b"
}

.qtum-icon-youtube:before {
	content: "\e90c"
}

.qtum-icon-forum:before {
	content: "\e911"
}

.qtum-icon-brunch:before {
	content: "\e92e"
}

.qtum-icon-naver:before {
	content: "\e92f"
}

.qtum-icon-announcement:before {
	content: "\e900"
}

.qtum-icon-github-o:before {
	content: "\e90e"
}

.qtum-icon-slack-o:before {
	content: "\e90f"
}

.qtum-icon-forum-o:before {
	content: "\e910"
}

.qtum-icon-angle-right {
	font-size: 1em
}

.qtum-icon-angle-right:before {
	content: "\e912"
}

.qtum-icon-angle-left {
	display: inline-block;
	font-size: 1em;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.qtum-icon-angle-left:before {
	content: "\e912"
}

@font-face {
	font-family: Poppins-Medium;
	src: url(../font/poppins-medium.eot);
	src: url(../font/poppins-medium.woff2) format("woff2"), url(../font/poppins-medium.woff) format("woff"), url(../font/poppins-medium.ttf) format("truetype"), url(http://dd614433.aly556.159301.com/static/fonts/poppins-medium.svg) format("svg"), url(../font/poppins-medium.eot) format("embedded-opentype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: TitilliumText14L;
	src: url(../font/titilliumtext14l-400wt.eot);
	src: url(../font/titilliumtext14l-400wt.woff2) format("woff2"), url(../font/titilliumtext14l-400wt.woff) format("woff"), url(../font/titilliumtext14l-400wt.ttf) format("truetype"), url(http://dd614433.aly556.159301.com/static/fonts/titilliumtext14l-400wt.svg) format("svg"), url(../font/titilliumtext14l-400wt.eot) format("embedded-opentype");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: Proxima Nova;
	src: url(../font/proximanova-light.woff2) format("woff2"), url(../font/proximanova-light.woff) format("woff"), url(http://dd614433.aly556.159301.com/user/themes/qtumv4/build/fonts/proximanova-light.otf?de54aa2c) format("opentype");
	font-weight: 300;
	font-style: normal
}

html {
	font-size: 16px
}

@media (max-width:768px) {
	html {
		font-size: 14px
	}
}

body {
	overflow-x: hidden;
	font-family: Proxima Nova, open sans, helvetica neue, Helvetica, arial, sans-serif;
	font-weight: 300
}

body.home .wrapper {
	padding-top: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Poppins-Medium, TitilliumText14L, sans-serif
}

a,
a:hover {
	color: #ffffff;
	text-decoration: none
}

img {
	max-width: 100%
}

/* .wrapper {
	padding-top: 70px
}
 */
@media (max-width:992px) {
	.container.wide {
		padding-left: 15px;
		padding-right: 15px;
		max-width: 100%
	}
}

@media (min-width:992px) {
	.container.wide {
		max-width: 100%;
		padding-left: 120px;
		padding-right: 120px
	}
}

@media (min-width:1600px) {
	.container.wide {
		padding-left: 150px;
		padding-right: 150px
	}
}

.container.narrow {
	max-width: 720px
}

body.home header.transparent:not(.collapsed) {
	background-color: transparent;
	border-bottom-color: transparent;
	color: #fff
}

body.home header.transparent:not(.collapsed) .logo {
	background-image: url(../image/header-logo-white.svg)
}

body.home header.transparent:not(.collapsed) .navs li.active>a,
body.home header.transparent:not(.collapsed) .navs li>a {
	color: #fff !important
}

@media (max-width:768px) {
	body.home header.transparent:not(.collapsed) .navs li a {
		color: #fff
	}
}

body.home header.transparent:not(.collapsed) .navbar .navbar-toggler .bar,
header {
	background-color: #fff
}

header {
	position: fixed;
	z-index: 9999;
	width: 100%;
	border-bottom: 1px solid #eee
}

header .navbar .navbar-toggler {
	border: none;
	width: 40px;
	height: 40px;
	position: relative;
	padding: 0;
	outline: none
}

header .navbar .navbar-toggler .bar {
	position: absolute;
	width: 21px;
	height: 2px;
	background-color: #000;
	left: 9.5px;
	transition: all .3s ease-in
}

header .navbar .navbar-toggler .bar.first-bar {
	top: 12px;
	-webkit-transform-origin: right top;
	transform-origin: right top;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

header .navbar .navbar-toggler .bar.second-bar {
	top: 19px;
	-webkit-transform: scale(0);
	transform: scale(0)
}

header .navbar .navbar-toggler .bar.last-bar {
	top: 26px;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

header .navbar .navbar-toggler.collapsed .bar.first-bar {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

header .navbar .navbar-toggler.collapsed .bar.second-bar {
	-webkit-transform: scale(1);
	transform: scale(1)
}

header .navbar .navbar-toggler.collapsed .bar.last-bar {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}

@media (min-width:992px) {
	header nav {
		height: 70px
	}
}

header .logo {
	background-image: url(../image/header-logo.svg);
	background-repeat: no-repeat;
	background-position: 0;
	background-size: auto 36px;
	padding-left: 160px;
	color: #1299df !important;
	font-size: 44px;
	text-indent: -9999px
}

@media (min-width:992px) {
	header .navs>li {
		padding: 20px 0
	}
}

@media (max-width:992px) {
	header .navs>li a {
		display: inline-block;
		padding-top: 6px;
		padding-bottom: 6px
	}

	header .navs>li div.dropdown-menu {
		border: none;
		padding: 0;
		margin: 0;
		background-color: transparent
	}

	header .navs>li div.dropdown-menu a i {
		margin-right: 10px
	}
}

header .navs>li.dropdown a.dropdown-toggle i {
	display: inline-block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s
}

header .navs>li.dropdown.show a.dropdown-toggle i {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}

header .navs>li:last-child {
	margin-right: 0 !important
}

header .navs a {
	color: #02030b
}

header .navs a:hover {
	color: #1299df !important
}

header .navs a.dropdown-toggle {
	outline: none
}

header .navs a.dropdown-toggle:after {
	display: none;
	border: none
}

header .navs li.active>a {
	color: #1299df !important
}

@media (min-width:992px) {
	header .navs div.dropdown-menu {
		top: 54px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		border-radius: 0;
		white-space: nowrap;
		border-top: 2px solid #1299df;
		box-shadow: 0 0 5px rgba(154, 177, 188, .5);
		padding: 0
	}

	header .navs div.dropdown-menu a {
		color: #02030b;
		border-bottom: 1px solid #f6f8f9;
		transition: padding .3s ease-in;
		display: block;
		padding: 10px 20px;
		position: relative
	}

	header .navs div.dropdown-menu a:hover {
		color: #1299df;
		padding-left: 35px
	}

	header .navs div.dropdown-menu a:hover i {
		display: inline
	}

	header .navs div.dropdown-menu a:last-child {
		border-bottom: none
	}

	header .navs div.dropdown-menu a i {
		position: absolute;
		left: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		display: none
	}
}

footer {
	background-color: #001a3b;
	font-weight: 200
}

footer,
footer a {
	color: #f6f8f9
}

footer a:hover {
	color: #c8d4da
}

footer hr {
	border-color: hsla(0, 0%, 50.2%, .3)
}

footer .footer-links {
	padding: 68px 0
}

@media (max-width:768px) {
	footer .footer-links {
		padding: 32px 15px
	}
}

footer .footer-links h4 {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 16px
}

footer .footer-links i.qtum-icon {
	display: inline-block;
	width: 16px;
	text-align: center;
	color: #1299df
}

footer .footer-links a {
	display: block;
	margin-bottom: 10px
}

footer .footer-links a:hover i.qtum-icon {
	-webkit-animation-name: headShake;
	animation-name: headShake;
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

footer .footer-links a.hover-image {
	position: relative
}

footer .footer-links a.hover-image img {
	position: absolute;
	width: 400px;
	bottom: 0;
	right: 0;
	display: none
}

footer .footer-links a.hover-image:hover img {
	display: inline
}

@media (max-width:768px) {
	footer .footer-links {
		padding: 30px 0 0
	}

	footer .footer-links .footer-links-category {
		margin-bottom: 30px
	}

	footer .footer-links a.hover-image img {
		left: -15px;
		width: 100vw
	}
}

footer .footer-community {
	padding: 68px 0 48px
}

@media (max-width:768px) {
	footer .footer-community {
		padding: 32px 15px
	}
}

footer .footer-community form {
	overflow: hidden
}

footer .footer-community form button,
footer .footer-community form input {
	outline: none;
	border: none;
	display: inline-block;
	float: left;
	border-radius: 0
}

footer .footer-community form .form-label {
	display: none
}

footer .footer-community form input {
	padding: 10px;
	width: 60%
}

footer .footer-community form button {
	padding: 10px 22px;
	color: #fff;
	background-color: #1299df;
	text-align: center;
	cursor: pointer
}

footer .footer-community form button[disabled] {
	cursor: default;
	background-color: #35afef
}

footer .footer-community .follow-us a {
	margin-bottom: 20px;
	transition: all .25s ease-in;
	position: relative
}

footer .footer-community .follow-us a:before {
	content: "";
	position: absolute;
	top: 2px;
	bottom: 2px;
	left: 2px;
	right: 2px;
	display: inline-block;
	border-radius: 50%;
	transition: all .25s ease-in;
	z-index: -1
}

footer .footer-community .follow-us a:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

footer .footer-community .follow-us a:hover.follow-us-github {
	color: #000
}

footer .footer-community .follow-us a:hover.follow-us-slack {
	color: #f30860
}

footer .footer-community .follow-us a:hover.follow-us-twitter {
	color: #5dc1f4
}

footer .footer-community .follow-us a:hover.follow-us-facebook {
	color: #415893
}

footer .footer-community .follow-us a:hover.follow-us-reddit {
	color: #ec4e25
}

footer .footer-community .follow-us a:hover.follow-us-telegram {
	color: #5fbff3
}

footer .footer-community .follow-us a:hover.follow-us-wechat {
	color: #00af57
}

footer .footer-community .follow-us a:hover.follow-us-weibo {
	color: #ea0000
}

footer .footer-community .follow-us a:hover.follow-us-qq {
	color: #0097dc
}

footer .footer-community .follow-us a:hover.follow-us-line {
	color: #08b700
}

footer .footer-community .follow-us a:hover.follow-us-youtube {
	color: #e4362b
}

footer .footer-community .follow-us a:hover.follow-us-video-qq {
	color: #ff7f00
}

footer .footer-community .follow-us a:hover.follow-us-forum {
	color: #1299df
}

footer .footer-community .follow-us a:hover.follow-us-naver {
	color: #00c73c
}

footer .footer-community .follow-us a:hover.follow-us-brunch {
	color: #000
}

footer .footer-community .follow-us a:hover:before {
	background-color: #fff
}

footer .copyright {
	padding: 15px 0;
	background-color: #00112a
}

@media (max-width:768px) {
	section.section {
		padding: 20px 15px
	}

	section.section.section-banner {
		padding: 0
	}

	section.section.section-banner .banner-cover {
		padding: 20px 15px
	}
}

section.section .section-title {
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0
}

@media (max-width:768px) {
	section.section .section-title {
		font-size: 18px
	}
}

section.section .section-title small {
	font-size: 14px
}

section.section .blue-line {
	width: 22px;
	height: 2px;
	background-color: #1299df;
	margin: 15px auto
}

section.section.section-banner {
	position: relative;
	z-index: 99;
	background-color: #1299df;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff
}

section.section.section-banner .banner-cover {
	background-color: rgba(18, 153, 223, .85)
}

section.section.section-banner .container {
	min-height: 20vw
}

section.section.section-banner .section-title {
	text-align: left
}

section a {
	color: #1299df
}

section a.button {
	background-color: #1299df;
	color: #fff;
	padding: 10px 22px;
	display: inline-block;
	min-width: 200px;
	text-align: center;
	transition: all .2s linear;
	border-radius: 4px
}

section a.button:hover {
	background-color: #35afef
}

section a.button.transition:hover {
	background-color: #fff;
	color: #1299df
}

section .button-grey-border {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 5px 10px
}

section .icon {
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain
}

section .icon-protocol {
	background-image: url(../image/protocol.png)
}

section .icon-voting {
	background-image: url(../image/voting.png)
}

section .icon-prove {
	background-image: url(../image/prove.png)
}

section .icon-governance {
	background-image: url(../image/governance.png)
}

section .icon-more-nodes {
	background-image: url(../image/more-nodes.png)
}

section .icon-wallet-ecology {
	background-image: url(../image/wallet-ecology.png)
}

section .icon-basic-development {
	background-image: url(../image/basic-development.png)
}

section .icon-dgp-contract {
	background-image: url(../image/dgp-contract.png)
}

section .icon-aal {
	background-image: url(../image/aal.png)
}

section .icon-x86 {
	background-image: url(../image/x86.png)
}

section .icon-wallet-pc {
	background-image: url(../image/wallet-pc.png)
}

section .icon-wallet-mobile {
	background-image: url(../image/wallet-mobile.png)
}

section .icon-wallet-web {
	background-image: url(../image/wallet-web.png)
}

section .icon-wallet-hardware {
	background-image: url(../image/wallet-hardware.png)
}

section .icon-avatar {
	background-image: url(../image/avatar.png)
}

section .icon-developer-docs {
	background-image: url(../image/developer-docs.png)
}

section .icon-developer-tools {
	background-image: url(../image/developer-tools.png)
}

section .icon-bounty-bugs {
	background-image: url(../image/bounty-bugs.png)
}

section .icon-bounty-dapp {
	background-image: url(../image/bounty-dapp.png)
}

section .icon-bounty-docs {
	background-image: url(../image/bounty-docs.png)
}

section .icon-bounty-electrum {
	background-image: url(../image/bounty-electrum.png)
}

section .icon-bounty-explorer {
	background-image: url(../image/bounty-explorer.png)
}

section .icon-bounty-i18n {
	background-image: url(../image/bounty-i18n.png)
}

section .icon-bounty-more {
	background-image: url(../image/bounty-more.png)
}

section .icon-bounty-tests {
	background-image: url(../image/bounty-tests.png)
}

section .icon-bounty-video-guide {
	background-image: url(../image/bounty-video-guide.png)
}

section .icon-bounty-web-wallet {
	background-image: url(../image/bounty-web-wallet.png)
}

section.white-color a {
	color: #fff
}

section.home-banner {
	height: 100vh;
	color: #fff;
	position: relative;
	z-index: 98;
	background-color: #1299df
}

section.home-banner .home-banner-container {
	background-color: rgba(18, 153, 223, .6)
}

@media (max-width:768px) {
	section.home-banner {
		padding: 0
	}

	section.home-banner .home-banner-container {
		padding: 20px 15px
	}
}

section.home-banner .home-banner-button {
	cursor: pointer;
	border: 1px solid #fff;
	box-shadow: 0 0 0 .5px #fff;
	padding: 10px 22px;
	min-width: 160px;
	text-align: center;
	background-color: transparent;
	transition: all .3s ease-in;
	border-radius: 4px
}

section.home-banner .home-banner-button.video:not(.transparent),
section.home-banner .home-banner-button:hover {
	background-color: #fff;
	color: #1299df
}

section.home-banner .home-banner-button i.qtum-icon {
	font-size: 1.2em;
	vertical-align: middle;
	transition: -webkit-transform .5s linear;
	transition: transform .5s linear;
	transition: transform .5s linear, -webkit-transform .5s linear;
	display: inline-block
}

section.home-banner .home-banner-button:hover i.qtum-icon {
	-webkit-transform: rotate(1turn);
	transform: rotate(1turn)
}

section.home-banner .extra-links .home-banner-button {
	background-color: #fff;
	color: #1299df
}

section.home-announcements {
	height: 48px;
	color: #fff;
	background-color: #008fd5
}

@media (max-width:768px) {
	section.home-announcements {
		padding: 0 15px
	}
}

section.home-announcements.sticky {
	background-color: rgba(0, 0, 0, .05);
	color: #e33;
	font-size: 24px;
	font-weight: 700;
	height: auto
}

section.home-announcements.sticky a {
	color: #e33
}

section.home-announcements.sticky .latest-announcements .latest-announcement {
	height: auto
}

section.home-announcements.sticky .latest-announcements .latest-announcement a {
	white-space: normal
}

section.home-announcements .latest-announcements {
	overflow: hidden
}

section.home-announcements .latest-announcements .latest-announcement {
	height: 48px
}

section.home-announcements .latest-announcements a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

section.home-announcements .latest-announcements span.split {
	margin-left: 15px;
	margin-right: 15px
}

section.home-announcements .latest-announcements span.split:after {
	content: "/"
}

section.home-announcements .qtum-icon-right-arrow {
	font-size: .8em
}

section.home-announcements .qtum-icon-announcement,
section.home-announcements a.more {
	flex: 1
}

section.home-announcements .qtum-icon-announcement {
	font-size: 1.1em
}

section.home-intro {
	color: #fff;
	padding: 68px 0
}

@media (max-width:768px) {
	section.home-intro {
		padding: 32px 15px
	}
}

section.home-intro .name,
section.home-intro h2 {
	color: #ffffff
}

section.home-intro .features .whats-qtum {
	opacity: 0
}

section.home-intro .features .name {
	font-size: 18px;
	font-weight: bolder
}

section.home-intro .features div.qtum-icon {
	color: #74d3f6;
	font-size: 2.2em
}

section.home-intro .features .qtum-icon-smart-contract {
	-webkit-transform: scale(.93);
	transform: scale(.93);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

section.home-intro .features .qtum-icon-prove-of-stake {
	-webkit-transform: scale(1.15);
	transform: scale(1.15)
}

section.home-intro .left-part .dots .dot {
	display: inline-block;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background-color: #1299df;
	margin: 0 3px
}

section.home-intro .left-part li {
	margin-bottom: 15px
}

section.home-intro .left-part li:last-child {
	margin-bottom: 0
}

section.home-intro .left-part ul.what-is-qtum li span {
	color: #0d0d0d
}

section.home-intro .left-part ul.commercial-application li {
	position: relative
}

section.home-intro .right-part .gif {
	background-image: url(../image/intro.gif);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: right -5% center
}

section.home-intro-2 {
	background-color: #f5faff
}

@media (min-width:769px) {
	section.home-intro-2 {
		padding: 0
	}
}

section.home-intro-2 .right-part .square {
	margin-bottom: 10%;
	margin-top: 10%
}

section.home-intro-2 .right-part .gif {
/* 	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg); */
	background-size: auto 100%;
	background-image: url(../image/commercial.gif);
	background-position: right 10% top -10%
}

section.home-intro-3 {
	padding: 68px 0
}

@media (max-width:768px) {
	section.home-intro-3 {
		padding: 32px 15px
	}
}

section.home-intro-3 .features {
	margin-top: 68px
}

section.home-intro-3 .features h3.name {
	font-size: 14px;
	text-align: center
}

section.home-intro-3 .features div.qtum-icon {
	font-size: 3.2em
}

section.home-intro-4 {
	background-color: #fafbff
}

section.home-intro-4 .right-part {
	padding-left: 3em;
	padding-right: 3em
}

section.home-intro-4 .square {
	width: 100%;
	max-width: 450px;
	margin: 0 auto
}

section.home-intro-4 .wallet-preview {
	background-repeat: no-repeat;
	background-size: contain;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}

section.home-intro-4 .wallet-preview-pc {
	background-image: url(../image/wallet-preview-pc.png);
	background-position: 50%
}

section.home-intro-4 .wallet-preview-core {
	background-image: url(../image/wallet-preview-core.png);
	width: 78.64%;
	padding-top: 58%;
	left: -25%;
	top: 54%
}

section.home-intro-4 .wallet-preview-mobile {
	background-image: url(../image/wallet-preview-mobile.png);
	width: 21.17%;
	padding-top: 52.09%;
	right: -8%;
	bottom: 20%
}

section.home-developer {
	color: #fff;
	background-color: #001f45;
	/* background-image: url(../image/developer.jpg); */
	background-size: cover;
	height: 370px
}

section.home-developer .title {
	font-size: 44px;
	font-weight: bolder
}

section.home-news {
	padding: 68px 0
}

@media (max-width:768px) {
	section.home-news {
		padding: 32px 15px
	}
}

section.home-news .news {
	transition: all .3s linear
}

section.home-news .news:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}

section.home-news .news:hover a {
	box-shadow: 0 4px 8px hsla(0, 0%, 50.2%, .2)
}

section.home-news .news a {
	color: #0d0d0d;
	display: block;
	border: 1px solid hsla(0, 0%, 50.2%, .3);
	transition: all .3s linear
}

section.home-news .news a .news-thumb {
	position: relative;
	text-align: center
}

section.home-news .news a .news-thumb .news-thumb-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden
}

section.home-news .news a .news-thumb:before {
	content: "";
	padding-top: 56.89%;
	display: block
}

section.home-news .news a .news-thumb img {
	max-width: 100%
}

section.home-news .news a .news-title {
	height: 3.5em;
	overflow: hidden;
	font-weight: bolder
}

section.home-news .news a .date {
	color: #777
}

section.home-roadmap {
	padding: 68px 0;
	background-color: #f7fbff
}

@media (max-width:768px) {
	section.home-roadmap {
		padding: 32px 15px
	}
}

section.home-roadmap .roadmap .roadmap-tasks {
	line-height: 1.2;
	background-image: linear-gradient(90deg, #e7f6ff 0, #fff);
	padding: 25px
}

section.home-roadmap .roadmap .roadmap-tasks li {
	line-height: 1.5;
	position: relative;
	padding-left: 10px
}

section.home-roadmap .roadmap .roadmap-tasks li:before {
	display: block;
	content: "";
	background-color: #bababa;
	height: 3px;
	width: 3px;
	border-radius: 50%;
	position: absolute;
	top: 9px;
	left: 0
}

section.home-roadmap .roadmap .roadmap-tasks h3 {
	font-size: 18px
}

section.home-roadmap .roadmap .roadmap-date {
	background-color: #e2f3fe;
	padding: 15px 25px
}

section.home-nodemap {
	height: 100vh;
	max-height: 1440px
}

section.home-nodemap .nodemap {
	position: relative;
	flex: 1;
	width: 100%
}

section.home-nodemap .nodemap-preview canvas {
	cursor: pointer
}

@media (max-width:768px) {
	section.home-nodemap {
		height: auto
	}

	section.home-nodemap .nodemap-preview {
		height: 60vw
	}
}

section.home-nodemap .nodemap-summary {
	width: 100%
}

section.home-nodemap .nodemap-summary .total-count {
	/* color: #02030b; */
	font-size: 28px;
	font-weight: bolder
}

@media (max-width:768px) {
	section.home-nodemap .nodemap-summary .total-count {
		font-size: 24px
	}
}

section.home-nodemap .nodemap-summary .total-count .odometer-inside {
	display: flex
}

section.home-nodemap .nodemap-summary .total-count .odometer-inside .odometer-digit {
	margin: 0 3px;
	border: 1px solid #eee;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	display: flex;
	justify-content: center
}

section.home-nodemap .nodemap-summary .total-count .odometer-inside .odometer-last-value {
	left: 0;
	right: 0
}

section.home-nodemap .country-list {
	width: 90%;
	max-width: 1440px;
	margin: 0 auto
}

@media (max-width:768px) {
	section.home-nodemap .country-list {
		max-width: 70%
	}

	section.home-nodemap .country-list .country-name {
		font-size: 12px
	}
}

section.home-nodemap .country-list .country-name {
	/* color: #02030b; */
	white-space: nowrap
}

section.developer {
	padding: 68px 0
}

@media (max-width:768px) {
	section.developer {
		padding: 32px 15px
	}
}

section.developer:not(:last-child) {
	padding-bottom: 0
}

section.developer h3.section-title {
	border-left: 4px solid #1299df;
	padding-left: 15px;
	font-weight: 400;
	text-align: left;
	margin-bottom: 40px
}

section.developer a.more .qtum-icon {
	font-size: 1em
}

section.developer div.qtum-icon {
	margin-right: 5px;
	color: #74d3f6;
	font-size: 2.2em
}

section.developer .developer-docs .docs-type {
	border: 1px solid #dadada;
	padding: 20px
}

section.developer .developer-docs .docs-list {
	padding-left: 36px
}

section.developer .developer-docs .docs-list li {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

section.developer .developer-docs .docs-list li:before {
	content: "•";
	color: #bababa
}

section.developer .developer-community a {
	color: #020202;
	margin-right: 32px
}

section.developer .developer-community a .blue {
	color: #1299df;
	font-size: 3em
}

section.developer .developer-community a .button {
	background-color: #fff;
	color: #1299df;
	border: 1px solid #1299df;
	margin-left: 10px;
	padding: 0 20px;
	display: inline-block;
	text-align: center;
	transition: all .2s linear;
	border-radius: 4px
}

section.developer .developer-community a .button:hover {
	background-color: #1299df;
	color: #fff
}

section.developer .developer-community a:hover i {
	-webkit-animation-name: headShake;
	animation-name: headShake
}

section.developer .bounty-list .bounty-item {
	border: 1px solid #dadada;
	padding: 10%;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	text-align: center
}

section.developer .bounty-list .bounty-item .bounty-item-header {
	padding-top: 20%
}

section.developer .bounty-list .bounty-item .icon {
	margin: 0 auto
}

section.developer .bounty-list .bounty-item .bounty-name {
	margin: 15px 0;
	font-size: 1.2em
}

section.developer .bounty-list .bounty-item .bounty-value {
	color: #1299df;
	font-size: 1.5em
}

section.developer .bounty-list .bounty-item .bounty-apply {
	display: block;
	width: 100%;
	border: 1px solid #dadada;
	padding: 5px;
	color: #02030b;
	margin-top: 15px;
	position: relative;
	z-index: 999;
	background-color: #fff
}

section.developer .bounty-list .bounty-item .bounty-desc {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	transition: -webkit-transform .3s ease-in;
	transition: transform .3s ease-in;
	transition: transform .3s ease-in, -webkit-transform .3s ease-in;
	background-color: #1299df;
	color: #fff;
	padding: 15px 15px 50px
}

section.developer .bounty-list .bounty-item div.qtum-icon {
	font-size: 4em
}

section.developer .bounty-list .bounty-item:hover .bounty-desc {
	-webkit-transform: scale(1);
	transform: scale(1)
}

section.developer .bounty-list.bounty-applied .bounty-item {
	text-align: left
}

section.developer .bounty-list.bounty-applied .bounty-item .bounty-name {
	font-size: 1em;
	margin: 0
}

section.developer .bounty-list.bounty-applied .bounty-item .bounty-value {
	font-size: 1.2em
}

section.developer .bounty-list.bounty-applied .bounty-item .icon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin-left: 5px
}

section.developer .bounty-list.bounty-applied .bounty-item .bounty-status-ongoing {
	color: #1299df
}

section.developer .bounty-list.bounty-applied .bounty-item .bounty-status-closed {
	color: #bababa
}

section.developer.long-term .long-term-desc,
section.developer.long-term .section-title {
	margin-bottom: 15px
}

section.developer.long-term .long-term-bounty .bounty-item {
	border: 1px solid #dadada;
	margin-bottom: 15px;
	padding: 15px;
	height: 160px
}

section.developer.long-term .long-term-bounty .bounty-item .icon {
	margin-top: -9px
}

section.developer.long-term .long-term-bounty span.stay-tuned {
	color: #bababa
}

section.developer.long-term div.qtum-icon {
	font-size: 1.5em
}

section.developer.resource-list .section-title {
	margin-bottom: 25px
}

section.resource {
	background-color: #f4f9ff
}

section.resource .video-tags .video-tag {
	cursor: pointer
}

section.resource .video-tags .video-tag.current,
section.resource .video-tags .video-tag:hover {
	color: #1299df
}

section.resource .video-list .video {
	display: block;
	color: #151515;
	background-color: #fff;
	border-radius: 4px;
	padding-bottom: 15px
}

section.resource .video-list .video .video-thumb {
	position: relative
}

section.resource .video-list .video .video-thumb:before {
	content: "";
	display: block;
	padding-top: 60.95%
}

section.resource .video-list .video .video-thumb .video-thumb-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover;
	background-position: 50%
}

section.resource .video-list .video .video-title {
	height: 4em;
	padding: 15px 15px 0;
	overflow: hidden
}

section.resource .video-list .video .video-play-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .2);
	transition: opacity .3s;
	opacity: .7;
	color: #fff
}

section.resource .video-list .video .video-play-icon .icon-bg {
	height: 47px;
	width: 47px;
	border-radius: 50%;
	background-color: hsla(0, 0%, 100%, .3)
}

section.resource .video-list .video:hover .video-play-icon {
	opacity: 1
}

section.breadcrumbs {
	background-color: #1299df;
	color: #fff;
	height: 3em;
	line-height: 3em
}

section.breadcrumbs a {
	color: #fff
}

section.has-form {
	padding: 68px 0
}

@media (max-width:768px) {
	section.has-form {
		padding: 32px 15px
	}
}

section.has-form h3.section-title {
	text-align: left
}

section.has-form form {
	margin-top: 32px;
	width: 90%;
	max-width: 560px
}

section.has-form form .form-label {
	font-weight: 700
}

section.has-form form .form-label span.required {
	color: red
}

section.has-form form .form-field input,
section.has-form form .form-field textarea {
	width: 100%;
	margin-bottom: 10px;
	padding: 15px;
	outline: none;
	border: 1px solid #dadada
}

section.has-form form .form-field select {
	width: 100%;
	margin-bottom: 10px;
	padding: 15px;
	height: 53px
}

section.has-form form .form-field [data-grav-field=gregwarcaptcha] .form-input-wrapper {
	display: flex
}

section.has-form form .form-field [data-grav-field=gregwarcaptcha] img {
	cursor: pointer
}

section.has-form form .form-field [data-grav-field=gregwarcaptcha] input {
	width: 100px;
	height: 40px;
	margin-bottom: 0
}

section.has-form form button {
	cursor: pointer;
	padding: 15px 20px;
	color: #fff;
	background-color: #1299df;
	border: none;
	outline: none;
	margin-top: 20px;
	transition: all .3s linear;
	border-radius: 4px
}

section.has-form form button:hover {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px)
}

section.news-category {
	padding: 32px 0
}

@media (max-width:767px) {
	section.news-category {
		padding: 15px
	}
}

section.news-category a {
	color: #151515;
	margin-right: 20px;
	padding-bottom: 3px
}

section.news-category a:hover {
	color: #1299df
}

section.news-category a.current {
	border-bottom: 1px solid #1299df
}

section.news-list .news-item {
	padding: 25px 0;
	border-bottom: 1px dotted #dadada
}

@media (max-width:767px) {
	section.news-list .news-item {
		padding: 0
	}
}

section.news-list .news-item:last-child {
	border-bottom: none
}

section.news-list .news-item a {
	color: #151515
}

section.news-list .news-item a:hover {
	color: #1299df
}

section.news-list .news-item .news-thumb {
	width: 30%;
	max-width: 320px
}

section.news-list .news-item .news-date {
	color: #989898;
	font-size: .8em
}

section.news-list .news-item .news-summary {
	margin-top: 10px;
	color: #a0a0a0
}

section.news-list .news-item .news-summary ol,
section.news-list .news-item .news-summary ul {
	padding-left: 15px
}

@media (max-width:767px) {
	section.news-list .news-item {
		padding-bottom: 0
	}

	section.news-list .news-item .news-thumb {
		width: 100%;
		max-width: 100%
	}
}

section.news-detail {
	padding: 25px 0
}

section.news-detail .news-date {
	color: #989898;
	font-size: .8em
}

section.news-detail .news-content {
	margin-top: 25px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
	word-break: break-word
}

section.news-detail .news-content h1,
section.news-detail .news-content h2,
section.news-detail .news-content h3,
section.news-detail .news-content h4,
section.news-detail .news-content h5,
section.news-detail .news-content h6 {
	margin-top: 1em;
	margin-bottom: 1em
}

section.defi.defi-grey-bg {
	background-color: #fafbff
}

section.defi .right-part .gif {
	background-image: url(../image/defi.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: right -5% center
}

section.defi .qtum-icon {
	color: #74d3f6
}

section.defi .defi-reward .qtum-icon {
	font-size: 1.2em;
	margin-right: 2px
}

section.defi .defi-reward .reward-amount {
	font-size: 1.6em;
	color: #1299df;
	font-weight: medium
}

section.defi .defi-requirement {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .2)
}

section.defi .defi-description {
	border-left: 2px solid #1299df;
	padding-left: 5px
}

section.defi .defi-payment-phase .phase {
	font-size: 2em;
	color: #1299df;
	font-weight: 700
}

section.defi .defi-payment-phase .title {
	font-weight: bolder
}

section.defi .defi-payment-phase .desc {
	color: #434343
}

section.defi .news-item a {
	color: #1299df
}

section.defi form {
	margin-left: auto;
	margin-right: auto;
	max-width: 800px
}

section.defi form .form-field {
	margin-bottom: 5px
}

section.defi form input[type=file] {
	display: none
}

section.defi form .buttons {
	text-align: center
}

section.defi form button[type=submit] {
	padding-left: 30px;
	padding-right: 30px
}

section.defi form .dropzone {
	padding: 0;
	border: 1px solid #dadada;
	min-height: auto
}

section.defi form .dropzone .dz-button {
	margin-top: 0
}

section.defi .notices {
	padding-top: 16px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto
}

section.team {
	padding: 68px 0
}

@media (max-width:768px) {
	section.team {
		padding: 32px 15px
	}
}

section.team h3 {
	border-left: 4px solid #1299df;
	padding-left: 15px;
	margin-top: 32px
}

section.team-members {
	background-color: #f0f5f8
}

section.team-members .member {
	cursor: pointer;
	position: relative;
	padding: 15px;
	transition: all .5s ease-in-out
}

@media (min-width:1440px) {
	section.team-members .member {
		max-width: 20%;
		flex: 0 0 20%
	}
}

section.team-members .member .square .square-content {
	background-color: #f6f8f9;
	background-image: url(../image/default-avatar.jpg);
	background-size: 100%
}

section.team-members .member img {
	width: 100%;
	height: 100%
}

section.team-members .member .member-desc,
section.team-members .member .member-name {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all .3s ease-in-out
}

section.team-members .member .member-name {
	top: calc(100% + 14px);
	transition: all .3s ease-in-out
}

section.team-members .member .member-name .title {
	display: none;
	padding-left: 10px;
	padding-right: 10px
}

section.team-members .member .member-desc {
	top: 0;
	background-color: rgba(18, 153, 223, .9);
	color: #fff;
	padding: 20px 10px;
	overflow-y: auto;
	font-size: 14px;
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	font-weight: bolder
}

section.team-members .member .member-desc .name {
	text-align: center;
	font-weight: 700;
	margin-bottom: 5px
}

section.team-members .member .member-desc p:last-child {
	margin-bottom: 0
}

section.team-members .member:focus,
section.team-members .member:hover {
	z-index: 999
}

section.team-members .member:focus .member-name,
section.team-members .member:hover .member-name {
	opacity: 0
}

section.team-members .member:focus .member-desc,
section.team-members .member:hover .member-desc {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

section.backers {
	background-color: #fff;
	background-image: url(../image/backers.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover
}

section.team-recruitment {
	background-color: #1299df;
	color: #fff
}

section.team-recruitment a.button {
	border: 1px solid #fff
}

section.recruitment {
	padding: 68px 0
}

@media (max-width:768px) {
	section.recruitment {
		padding: 32px 15px
	}
}

section.recruitment h3 {
	border-left: 4px solid #1299df;
	padding-left: 15px
}

section.recruitment .job {
	margin-top: 32px;
	padding-bottom: 25px;
	border-bottom: 1px dotted #dadada
}

section.recruitment .job .job-title {
	margin-bottom: 15px
}

section.recruitment .job .job-location,
section.recruitment .job .job-responsibility {
	color: #999
}

section.recruitment .job .job-responsibility-title {
	font-weight: 400
}

section.faq {
	padding: 32px 0 68px
}

@media (max-width:768px) {
	section.faq {
		padding: 32px 15px
	}
}

section.faq #faq-tabs {
	border-bottom: none;
	margin-bottom: 32px
}

section.faq #faq-tabs a {
	color: #151515;
	margin-right: 20px;
	padding: 0 0 3px;
	border: none
}

section.faq #faq-tabs a:hover {
	color: #1299df
}

section.faq #faq-tabs a.active {
	border-bottom: 1px solid #1299df
}

section.faq .card {
	border: none;
	margin-bottom: 15px
}

section.faq .card .card-header {
	background-color: #f8fbff;
	border: none
}

section.faq .card h5 {
	cursor: pointer
}

section.faq .card h5 .fa {
	-webkit-transform: scale(.7);
	transform: scale(.7)
}

section.faq .card h5 .fa-plus {
	display: none
}

section.faq .card h5 .fa-minus,
section.faq .card h5.collapsed .fa-plus {
	display: inline
}

section.faq .card h5.collapsed .fa-minus {
	display: none
}

section.done {
	padding: 68px 0;
	min-height: 600px
}

@media (max-width:768px) {
	section.done {
		padding: 32px 15px
	}
}

section.nodemap {
	padding: 68px 0
}

@media (max-width:768px) {
	section.nodemap {
		padding: 32px 15px
	}
}

section.nodemap #nodemap-detail-map {
	height: 75vh;
	max-height: 1440px
}

@media (max-width:768px) {
	section.nodemap #nodemap-detail-map {
		height: 60vw
	}
}

section.nodemap .nodemap-container {
	border: 1px solid #e0e0e0
}

section.nodemap .nodes-header {
	padding: 36px 15px;
	border-bottom: 1px solid #e0e0e0
}

@media (max-width:768px) {
	section.nodemap .nodes-header {
		padding: 15px
	}
}

section.nodemap .nodes-header h3 {
	border-left: 2px solid #1299df;
	padding-left: 10px
}

section.nodemap .nodes-header .nodes-count {
	color: #adadad
}

section.nodemap .nodes-header .nodes-count span.count {
	color: #1299df;
	font-size: 24px;
	padding-left: 5px;
	display: inline-block
}

section.nodemap .nodes-ranking {
	padding: 32px;
	color: #02030b
}

section.nodemap .nodes-ranking li {
	margin-bottom: 20px
}

section.nodemap .nodes-ranking li .country-name {
	width: 100px
}

section.nodemap .nodes-ranking li .country-progress {
	height: 20px;
	background-image: linear-gradient(90deg, #64c5fa 0, #4198c4);
	min-width: 1px
}

section.nodemap .nodes-ranking .other-countries span:not(:last-child):after {
	content: ", "
}

html[lang=zh] section.nodemap .other-countries span:not(:last-child):after {
	content: "、"
}

.square {
	position: relative
}

.square:before {
	content: "";
	padding-top: 100%;
	display: block
}

.square .square-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.flex-1 {
	flex: 1
}

.padding {
	padding: 68px 0
}

@media (max-width:768px) {
	.padding {
		padding: 32px 15px
	}
}

.pagination>li {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 5px;
	background-color: #fff;
	border-radius: 4px
}

@media (max-width:480px) {
	.pagination>li {
		margin: 3px
	}
}

.pagination>li a {
	color: #02030b
}

.pagination>li a:hover,
.pagination>li span {
	color: #1299df
}

.VueCarousel-navigation-button i.fa {
	color: #02030b;
	font-size: 24px
}

.VueCarousel-navigation-button.VueCarousel-navigation--disabled i.fa {
	color: #f6f8f9
}

.jarallax {
	position: relative;
	z-index: 0
}

.jarallax>.jarallax-img {
	position: absolute;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover;";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1
}

.section-error {
	height: calc(100vh - 456px)
}

.section-error .error-notice {
	width: 100%;
	max-width: 400px;
	max-height: 100%;
	margin: 0 auto;
	background-image: url(../image/error.png);
	background-size: contain;
	background-position: 50%
}

.section-error .error-notice:before {
	content: "";
	display: block;
	padding-top: 50%
}

@media (min-width:576px) {
	.modal-dialog {
		max-width: 1000px;
		width: 80%
	}
}

.video-wrapper {
	position: fixed;
	z-index: 99999;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .3);
	display: none
}

.video-wrapper.playing {
	display: block
}

.video-wrapper .video-container {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 1200px;
	max-width: 90%
}

.video-wrapper .video-container:before {
	content: "";
	display: block;
	padding-top: 56.17%
}

.video-wrapper .video-container .video-content {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.video-wrapper .video-container .video-content iframe,
.video-wrapper .video-container .video-content video {
	width: 100%;
	height: 100%;
	border: 0
}

.video-wrapper .close {
	height: 24px;
	width: 24px;
	line-height: 24px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	z-index: 99;
	top: -12px;
	right: -12px;
	background-color: #fff
}

.qtum-3dlogo-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	overflow: hidden
}

.qtum-3dlogo-container .qtum-3dlogo,
.qtum-3dlogo-container .qtum-3dlogo-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%
}

.qtum-3dlogo-container .qtum-3dlogo-bg {
	overflow: hidden
}

.qtum-3dlogo-container .qtum-3dlogo-bg img {
	position: absolute;
	top: 80px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 2533px;
	height: 1433px;
	max-width: 2533px
}

@media (min-height:1513px) {
	.qtum-3dlogo-container .qtum-3dlogo-bg img {
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		top: 50%
	}
}

.qtum-3dlogo-container .qtum-3dlogo-light {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -2;
	background: radial-gradient(circle at center, #75d0ff 0, transparent 70%)
}

.qtum-3dlogo-container .qtum-3dlogo-light:before {
	content: "";
	display: block;
	padding-top: 100%
}

.animate {
	opacity: 0;
	transition: all 1s ease;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease
}

.animate.animated {
	opacity: 1
}

.animated.delay-1 {
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
	transition-delay: .1s
}

.animated.delay-2 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
	transition-delay: .2s
}

.animated.delay-3 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
	transition-delay: .3s
}

.animated.delay-4 {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
	transition-delay: .4s
}

.animated.delay-5 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
	transition-delay: .5s
}

.animated.delay-6 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
	transition-delay: .6s
}

.animated.delay-7 {
	-webkit-animation-delay: .7s;
	animation-delay: .7s;
	transition-delay: .7s
}

.animated.delay-8 {
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
	transition-delay: .8s
}

.animated.delay-9 {
	-webkit-animation-delay: .9s;
	animation-delay: .9s;
	transition-delay: .9s
}

.animated.delay-10 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	transition-delay: 1s
}

.animated.delay-11 {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
	transition-delay: 1.1s
}

.animated.delay-12 {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
	transition-delay: 1.2s
}

.animated.delay-13 {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
	transition-delay: 1.3s
}

.animated.delay-14 {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
	transition-delay: 1.4s
}

.animated.delay-15 {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	transition-delay: 1.5s
}

.animated.delay-16 {
	-webkit-animation-delay: 1.6s;
	animation-delay: 1.6s;
	transition-delay: 1.6s
}

.animated.delay-17 {
	-webkit-animation-delay: 1.7s;
	animation-delay: 1.7s;
	transition-delay: 1.7s
}

.animated.delay-18 {
	-webkit-animation-delay: 1.8s;
	animation-delay: 1.8s;
	transition-delay: 1.8s
}

.animated.delay-19 {
	-webkit-animation-delay: 1.9s;
	animation-delay: 1.9s;
	transition-delay: 1.9s
}

.animated.delay-20 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	transition-delay: 2s
}

.page-loading {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999
}

.page-loading p {
	font-family: sans-serif
}

.loading {
	min-height: 100vh;
	background-color: #000;
}

.loader-wrapper {
	width: 148px;
	height: 100px;
	position: relative
}

.loader-wrapper .loader {
	width: 148px;
	height: 100px;
	top: 0;
	left: 0;
	position: absolute
}

.loader-wrapper .loader:after {
	content: "";
	top: auto;
	position: absolute;
	display: block;
	-webkit-animation: shadow 1.2s linear infinite;
	animation: shadow 1.2s linear infinite;
	bottom: 0;
	left: 0;
	height: .25em;
	width: 1em;
	border-radius: 50%;
	background-color: #041e24;
	opacity: .3
}

.loader-wrapper .loader .roller {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 0;
	-webkit-animation: rollercoaster 1.2s linear infinite;
	animation: rollercoaster 1.2s linear infinite;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg)
}

.loader-wrapper .loader .roller:first-child {
	left: 0
}

.loader-wrapper .loader .roller:last-child {
	right: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: rollercoaster2 1.2s linear infinite;
	animation: rollercoaster2 1.2s linear infinite
}

.loader-wrapper .loader .roller:before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: #27bfe7;
	border-radius: 50%
}

.loader-wrapper .loader:nth-child(2) .roller,
.loader-wrapper .loader:nth-child(2):after {
	-webkit-animation-delay: .15s;
	animation-delay: .15s
}

.loader-wrapper .loader:nth-child(3) .roller,
.loader-wrapper .loader:nth-child(3):after {
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}

@-webkit-keyframes rollercoaster {
	0% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}

	8% {
		-webkit-transform: rotate(240deg);
		transform: rotate(240deg)
	}

	20% {
		-webkit-transform: rotate(300deg);
		transform: rotate(300deg)
	}

	40% {
		-webkit-transform: rotate(380deg);
		transform: rotate(380deg)
	}

	45% {
		-webkit-transform: rotate(440deg);
		transform: rotate(440deg)
	}

	50% {
		-webkit-transform: rotate(495deg);
		transform: rotate(495deg);
		opacity: 1
	}

	50.1% {
		-webkit-transform: rotate(495deg);
		transform: rotate(495deg);
		opacity: 0
	}

	to {
		-webkit-transform: rotate(495deg);
		transform: rotate(495deg);
		opacity: 0
	}
}

@keyframes rollercoaster {
	0% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}

	8% {
		-webkit-transform: rotate(240deg);
		transform: rotate(240deg)
	}

	20% {
		-webkit-transform: rotate(300deg);
		transform: rotate(300deg)
	}

	40% {
		-webkit-transform: rotate(380deg);
		transform: rotate(380deg)
	}

	45% {
		-webkit-transform: rotate(440deg);
		transform: rotate(440deg)
	}

	50% {
		-webkit-transform: rotate(495deg);
		transform: rotate(495deg);
		opacity: 1
	}

	50.1% {
		-webkit-transform: rotate(495deg);
		transform: rotate(495deg);
		opacity: 0
	}

	to {
		-webkit-transform: rotate(495deg);
		transform: rotate(495deg);
		opacity: 0
	}
}

@-webkit-keyframes rollercoaster2 {
	0% {
		opacity: 0
	}

	49.9% {
		opacity: 0
	}

	50% {
		opacity: 1;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	58% {
		-webkit-transform: rotate(-160deg);
		transform: rotate(-160deg)
	}

	70% {
		-webkit-transform: rotate(-240deg);
		transform: rotate(-240deg)
	}

	80% {
		-webkit-transform: rotate(-300deg);
		transform: rotate(-300deg)
	}

	90% {
		-webkit-transform: rotate(-340deg);
		transform: rotate(-340deg)
	}

	to {
		-webkit-transform: rotate(-405deg);
		transform: rotate(-405deg)
	}
}

@keyframes rollercoaster2 {
	0% {
		opacity: 0
	}

	49.9% {
		opacity: 0
	}

	50% {
		opacity: 1;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	58% {
		-webkit-transform: rotate(-160deg);
		transform: rotate(-160deg)
	}

	70% {
		-webkit-transform: rotate(-240deg);
		transform: rotate(-240deg)
	}

	80% {
		-webkit-transform: rotate(-300deg);
		transform: rotate(-300deg)
	}

	90% {
		-webkit-transform: rotate(-340deg);
		transform: rotate(-340deg)
	}

	to {
		-webkit-transform: rotate(-405deg);
		transform: rotate(-405deg)
	}
}

@-webkit-keyframes shadow {
	0% {
		opacity: .3;
		-webkit-transform: translateX(65px) scale(.5);
		transform: translateX(65px) scale(.5)
	}

	8% {
		-webkit-transform: translateX(30px) scale(2);
		transform: translateX(30px) scale(2)
	}

	13% {
		-webkit-transform: translateX(0) scale(1.3);
		transform: translateX(0) scale(1.3)
	}

	30% {
		-webkit-transform: translateX(-15px) scale(.5);
		transform: translateX(-15px) scale(.5);
		opacity: .1
	}

	50% {
		-webkit-transform: translateX(60px) scale(1.2);
		transform: translateX(60px) scale(1.2);
		opacity: .3
	}

	60% {
		-webkit-transform: translateX(130px) scale(2);
		transform: translateX(130px) scale(2);
		opacity: .05
	}

	65% {
		-webkit-transform: translateX(145px) scale(1.2);
		transform: translateX(145px) scale(1.2)
	}

	80% {
		-webkit-transform: translateX(120px) scale(.5);
		transform: translateX(120px) scale(.5);
		opacity: .1
	}

	90% {
		-webkit-transform: translateX(80px) scale(.8);
		transform: translateX(80px) scale(.8)
	}

	to {
		-webkit-transform: translateX(60px);
		transform: translateX(60px);
		opacity: .3
	}
}

@keyframes shadow {
	0% {
		opacity: .3;
		-webkit-transform: translateX(65px) scale(.5);
		transform: translateX(65px) scale(.5)
	}

	8% {
		-webkit-transform: translateX(30px) scale(2);
		transform: translateX(30px) scale(2)
	}

	13% {
		-webkit-transform: translateX(0) scale(1.3);
		transform: translateX(0) scale(1.3)
	}

	30% {
		-webkit-transform: translateX(-15px) scale(.5);
		transform: translateX(-15px) scale(.5);
		opacity: .1
	}

	50% {
		-webkit-transform: translateX(60px) scale(1.2);
		transform: translateX(60px) scale(1.2);
		opacity: .3
	}

	60% {
		-webkit-transform: translateX(130px) scale(2);
		transform: translateX(130px) scale(2);
		opacity: .05
	}

	65% {
		-webkit-transform: translateX(145px) scale(1.2);
		transform: translateX(145px) scale(1.2)
	}

	80% {
		-webkit-transform: translateX(120px) scale(.5);
		transform: translateX(120px) scale(.5);
		opacity: .1
	}

	90% {
		-webkit-transform: translateX(80px) scale(.8);
		transform: translateX(80px) scale(.8)
	}

	to {
		-webkit-transform: translateX(60px);
		transform: translateX(60px);
		opacity: .3
	}
}

.hardfork .title {
	font-size: 2em
}

.hardfork a {
	font-size: 1.2em
}

.hardfork .countdown .odometer-digit {
	color: #fff;
	background-color: rgba(0, 0, 0, .3);
	border-radius: 50%;
	height: 50px;
	width: 50px;
	margin: 5px;
	padding-top: 10px;
	font-size: 24px;
	font-weight: 700
}

.hardfork .countdown .odometer-digit:before {
	content: "";
	position: absolute;
	left: 3px;
	right: 3px;
	top: 3px;
	bottom: 3px;
	border-radius: 23.5px;
	background-color: rgba(0, 0, 0, .6)
}

.hardfork .countdown .odometer-digit .odometer-value {
	line-height: 50px
}

.hardfork .countdown .odometer-digit .odometer-value.odometer-last-value {
	left: 0;
	right: 0
}

.hardfork .countdown.odometer-animating-up .odometer-ribbon-inner {
	transition: -webkit-transform 2s;
	transition: transform 2s;
	transition: transform 2s, -webkit-transform 2s
}

.hardfork .countdown.odometer-animating-down .odometer-ribbon-inner,
.hardfork .countdown.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}

.hardfork .countdown.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
	transition: -webkit-transform 2s;
	transition: transform 2s;
	transition: transform 2s, -webkit-transform 2s;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}