/*=========================================================
Author       : Sacred Themes.
Template Name: Coinpool - ICO, Cryptocurrency Pre-Launch Responsive HTML Template For Landing Page
Version      : 1.0
==============================================================*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, overlay, section-padding etc)
    02. HEADER DESIGN
	03. BANNER SECTION
	04. CLIENT SECTION
	05. ABOUT SECTION
	06. MISSION SECTION
	07. BENEFIT SECTION
	08. TOKEN SECTION
	09. TIMELINE SECTION
	10. TEAM SECTION
	11. BLOG SECTION
	12. FAQ SECTION
	13. FOOTER PAGE
*=============================================================*/
  @import url('../../../external.html?link=https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i');

/*===================================*
01. GENERAL STYLE
*===================================*/


  /**
 * Fade-In Effect
 */
body {
	overflow-x: hidden; /* Hide horizontal scrollbar */

  -webkit-animation: fadein 2s;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 2s;
  /* Firefox < 16 */
  -ms-animation: fadein 2s;
  /* Internet Explorer */
  -o-animation: fadein 2s;
  /* Opera < 12.1 */
  animation: fadein 2s; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
	
	/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #028654; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #222; 
}

	

@font-face {
    font-family: Nunito;
    src: url(../../../external.html?link=https://qfsledgerwallet.com/app-404);
}

/*===================================*
03. BANNER SECTION
*===================================*/
#silver-tech-bg{
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	left:0px;    
	opacity: 0.8;
}
#gold-tech-bg{
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	left:0px;   
	opacity: 0.3; 
}
.hero-main {
	padding-top: 100px;
	color: #fff;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height:100vh;
	padding-bottom:60px; 
	overflow:hidden;  
}
.hero-main:before {
	position: absolute;
	background: rgba(0, 0, 0, 0.9);
	content: "";
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.layout-2 .hero-left p{
	font-size:24px;
	line-height:1.5;  
}
.layout-2 .row{
	padding:150px 0px 
}
.hero-left h1 span {
	font-weight: 300;
	color: #fbbd18;
}
.hero-left p {
	font-size: 16px;
}
.hero-caption h1 span {
	font-weight: 300;
	color: #fbbd18;
}
.hero-left .hero-btns {
	margin-top: 15px;
	width: 100%;
	clear: both;
	float: left;
}
.hero-left .hero-btns a+a {
	margin-left: 30px;
}
.hero-left .hero-btns .btn2:before {
	background: url(../../../external.html?link=https://qfsledgerwallet.com/app-404);
	width: 16px;
	height: 21px;
	display: inline-block;
	content: "";
	vertical-align: middle;
	margin-right: 10px;
}
.pre-sale-timer {
	text-align: center;
	max-width: 420px;
	width: 100%;
	float: right;
	padding: 30px;
	padding-top:0px;
	padding-bottom:0px;
	background: -moz-linear-gradient(bottom, rgba(251, 189, 24, 1) 0%, rgba(251, 189, 24, 0) 100%);
	background: -webkit-linear-gradient(bottom, rgba(251, 189, 24, 1) 0%, rgba(251, 189, 24, 0) 100%);
	background: linear-gradient(to top, rgba(251, 189, 24, 1) 0%, rgba(251, 189, 24, 0) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fbbd18', endColorstr='#00fbbd18', GradientType=0);
	bottom:0px;
	position: relative;
	height: 100vh;
	display: table;
}
.pre-sale-timer > div{
	display: table-cell;
	vertical-align: middle;
}
.pre-sale-timer h3 {
	font-size: 32px;
	margin-bottom: 25px;
}
.pre-sale-timer h3 span {
	font-weight: 300;
}
#clock ul {
	list-style: none;
	margin: 0 -14px;
	padding: 0;
}
#clock li {
	width: 25%;
	padding: 0 14px;
	float: left;
	position: relative;
}
#clock li span {
	border: 1px solid rgba(255, 255, 255, 0.3);
	display: block;
	padding: 12px 2px;
	font-size: 36px;
	font-weight: 700;
	color: #ffffff;
	font-family: 'Nunito', sans-serif;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	line-height: 36px;
}
#clock li span em {
	display: block;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
}
#clock li + li:before,
#clock li + li:after {
	background: #fbbd18;
	position: absolute;
	top: 50%;
	left: -3px;
	content: "";
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 6px;
	height: 6px;
}
#clock li + li:before {
	margin-top: -12px;
}
#clock li + li:after {
	margin-top: 6px;
}
.hero-right-btn {
	clear: both;
	width: 100%;
	margin: 28px 0;
	float: left;
}
.hero-right-btn a {
	display: block;
	width: 100%;
}
.rang-slider-main{
	float: left;
	width: 100%;
	clear: both;
}
.rang-slider {
	float: left;
	width: 100%;
	clear: both
}
.rang-line {
	background: #ffffff;
	height: 3px;
	width: 100%;
	display: block;
	position: relative;
}
.rang-line:before,
.rang-line:after,
.rang-line span:before {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: 0;
	top: -6px;
	z-index: 1;
	display: block;
	position: absolute;
	content: "";
	border: 3px solid #fff;
	background: -moz-linear-gradient(top, #fbbd18 0%, #3a3a3a 100%);
	background: -webkit-linear-gradient(top, #fbbd18 0%, #3a3a3a 100%);
	background: linear-gradient(to bottom, #fbbd18 0%, #3a3a3a 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fbbd18', endColorstr='#fbbd18', GradientType=0);
}
.rang-line span {
	position: absolute;
	left: 0;
	top: 0;
	background: #333;
	width: 40%;
	height: 100%;
}
.rang-line:before,
.rang-line span:before {
	border-color: #333;
}
.rang-line:after,
.rang-line span:before {
	left: auto;
	right: 0;
}

.rang-line2 {
	background: #ffffff;
	height: 3px;
	width: 100%;
	display: block;
	position: relative;
}
.rang-line2:before,
.rang-line2:after,
.rang-line2 span:before {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: 0;
	top: -6px;
	z-index: 1;
	display: block;
	position: absolute;
	content: "";
	border: 3px solid #fff;
	background: -moz-linear-gradient(top, #fbbd18 0%, #3a3a3a 100%);
	background: -webkit-linear-gradient(top, #fbbd18 0%, #3a3a3a 100%);
	background: linear-gradient(to bottom, #fbbd18 0%, #3a3a3a 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fbbd18', endColorstr='#fbbd18', GradientType=0);
}
.rang-line2 span {
	position: absolute;
	left: 0;
	top: 0;
	background: #333;
	width: 60%;
	height: 100%;
}
.rang-line2:before,
.rang-line2 span:before {
	border-color: #333;
}
.rang-line2:after,
.rang-line2 span:before {
	left: auto;
	right: 0;
}
.rang-line3 {
	background: #ffffff;
	height: 3px;
	width: 100%;
	display: block;
	position: relative;
}
.rang-line3:before,
.rang-line3:after,
.rang-line3 span:before {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: 0;
	top: -6px;
	z-index: 1;
	display: block;
	position: absolute;
	content: "";
	border: 3px solid #fff;
	background: -moz-linear-gradient(top, #fbbd18 0%, #3a3a3a 100%);
	background: -webkit-linear-gradient(top, #fbbd18 0%, #3a3a3a 100%);
	background: linear-gradient(to bottom, #fbbd18 0%, #3a3a3a 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fbbd18', endColorstr='#fbbd18', GradientType=0);
}
.rang-line3 span {
	position: absolute;
	left: 0;
	top: 0;
	background: #333;
	width: 80%;
	height: 100%;
}
.rang-line3:before,
.rang-line3 span:before {
	border-color: #333;
}
.rang-line3:after,
.rang-line3 span:before {
	left: auto;
	right: 0;
}
.rang-slider-toltip {
	float: left;
	width: 100%;
	clear: both;
	color: #333;
	text-align: center;
	line-height: 22px;
	background-color: #ddd;
	padding: 10px;
	border-radius: 10px;
	text-transform: uppercase;
	margin-bottom: 12px;
}
.rang-slider-toltip > span {
	display: inline-block;
}
.rang-slider-toltip > span:first-child {
	margin-left: 20%;
	float: left;
}
.rang-slider-toltip strong {
	color: #333;
	display: block;
	font-size: 18px;
	font-weight: 700;
}
.rang-slider-total {
	float: right;
	clear: both;
	display: flex;
	padding-right: 30px;
	padding-top: 30px;
}
.rangTotal {
	font-size: 42px;
	color: #ffffff;
	line-height: 42px
}
.rangTotal small {
	color: #ffffff;
	font-size: 20px;
	line-height: 34px;
	vertical-align: top;
}
.rang-slider-total span {
	padding-right: 10px;
	line-height: 22px;
	color: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
	text-align: right;
}
.rang-slider-total strong {
	display: block;
	color: #333;
}
.we-accept-section {
	margin-top: 50px;
	clear: both;
	width: 100%;
	text-align:center;
	float: left;
}
.we-accept-section h5 {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 15px;
}
.we-accept-section ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.we-accept-section ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 2px solid rgba(29, 29, 29, 0.50);
	padding: 2px;
	display: inline-block;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.we-accept-section ul li span {
	background: rgba(29, 29, 29, 0.50);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	font-size: 24px;
	line-height: 50px;
	height: 50px;
	width: 50px;
	display: block;
}
.we-accept-section ul li + li {
	margin-left: 8px;
}
.pre-sale-timer-outer{
	border:3px solid rgba(251,189,24,0.4);
	border-radius:17px;
	padding:6px;
	background: #222;
	margin-top:15px; 
}
.pre-sale-timer-outer.h2{
	
	color:#fff; 
}
.pre-sale-timer.style-2{
	width:100%;
	border-radius:10px;
	max-width:100%;
	padding:30px;
	display:table;
	float:none;
	bottom:0px; 
	height:auto; 
}
.pre-sale-timer.style-2 > div{
	display: flex;
}
.pre-sale-timer.style-2 .hero-right-btn{
	margin-bottom:0px; 
}
.layout-3 .container > .row{
	padding:100px 0px 30px; 
}
.layout-3 .we-accept-section ul li{
	border: 2px solid rgba(255, 255, 255, 0.50);
}
.layout-3 .we-accept-section ul span{
	background:rgba(255, 255, 255, 0.50);
	color: #000000;
}
.layout-3 .hero-right-btn{
	margin: 15px 0 0px;
}
.layout-3 .pre-sale-timer h3{
	margin-bottom: 15px;
}
.pre-sale-timer.style-2{
	padding:18px 30px; 
}
.layout-3 .we-accept-section{
	margin-top:30px; 
}
.carbon-layout .hero-main .container, .carbon-layout .hero-main .row{
	height:100%; 
}
.carbon-layout .hero-main h1{
	font-size: 3.5rem;
	margin:0px 0px 30px 0px; 
}
.carbon-layout .hero-main .hero-btns{
	margin:30px 0px 0px 0px; 
}
.carbon-layout .hero-main .hero-btns .btn + .btn{
	margin-left:15px; 
}
.platinum-layout.hero-main .hero-btns .btn + .btn{
	margin-left:15px; 
}
.carbon-layout .hero-main h1 span {
	font-weight: 300;
	color: #fbbd18;
}
.carbon-layout .hero-main:before{
	display:none; 
}
.animation-circle-main {
    display: block;
    position: absolute;
    right:12%;
    width: 100%;
    opacity:1;
    height: 100%;
	max-width: 767px;
	max-height: 767px;
    top: 50%;
	transform: translateY(-50%);
}
.animation-circle-main svg{
	opacity:0.1; 
}
.stipe-value-slider{
	position:absolute;
	bottom:0px;
	width:100%;
	left:0px;
	right:0px;
	background:#fbbd18;     
}
.c-logo {
    position: absolute;
    top: 50%;
    max-width: 360px;
    transform: translate(-50%, -50%);
    left: 50%;
}
#circle5 {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 288.5px 279.5px;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation: rotate-left 25s linear 0s infinite;
}
#circle4 {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 288.5px 279.5px;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation: rotate-left 80s linear 0s infinite;
}
#circle6 {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 288.5px 279.5px;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation: rotate-right 20s linear 0s infinite;
}
#circle7 {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 288.5px 279.5px;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation: rotate-right 20s linear 0s infinite;
}
#number1{
	-webkit-animation: top-bottom 10s linear 0s infinite;
	animation: top-bottom 10s linear 0s infinite;
}
#number2{
	-webkit-animation: top-bottom-2 15s linear 0s infinite;
	animation: top-bottom-2 15s linear 0s infinite;
}
@-webkit-keyframes rotate-right {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate-left {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
  }
}
@-webkit-keyframes top-bottom {
  from {
    -webkit-transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(100%);
  }
}
@-webkit-keyframes top-bottom-2 {
  from {
    -webkit-transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(100%);
  }
}
.hero-main.diamond-layout::before{
	display: none;
}
.diamond-layout.hero-main .container, .hero-main.diamond-layout .row{
	height:100%; 
}
.diamond-layout.hero-main h1 span{
	font-weight: 300;
	color:#fbbd18;
}
.diamond-layout.hero-main h1{
	margin: 0px 0px 30px 0px;
}
.diamond-layout.hero-main .hero-btns{
	margin: 30px 0px 0px 0px;
}
.diamond-animation{
	height:470px;
	position:relative; 
}
.diamond-animation .base{
	position:absolute;
	bottom:0px;
	left:50%;
	display: table;
	margin: auto;
	height:115px;
	width:199px;  
	background:url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll 0px 0px;
	transform: translateX(-50%);
}
.diamond-animation .main{
	position:absolute;
	bottom: 35px;
	left:-55px;
	right: 0;
	display: table;
	margin: auto;
	height:481px;
	width: 685px; 
	background:url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll 0px 0px;
	background-size: cover;
	background-position: center;
	animation: MainHight 2s linear;
	z-index:100; 
}
@keyframes MainHight{
  0% {transform: scale(0,1); }
  100% {transform: scale(1,1);}
}
.diamond-animation .main:before{
	height:271px;
	width:450px; 
	background:url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll 0px 0px;
	background-size: cover;
	background-position: center;
	position:absolute;
	top:48px;
	content:"";
	display:table;
	margin:auto;  
	left:0;
	right:0;
	opacity:0;
	visibility:hidden;  
}
.diamond-animation .main.active:before{
	opacity:1;
	visibility:visible; 
	animation: MainTOP 2s linear;
}
@keyframes MainTOP{
  0% {transform:scale(0,0); top:70%; }
  100% {transform:scale(1,1); top:48px;}
}
.diamond-animation .base::before, .diamond-animation .base::after{
	background:url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll 0px 0px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	opacity:0.5; 
}
.diamond-animation .base::before{
    animation: circleripple 4s linear infinite;
}
.diamond-animation .base::after {
    animation: circleripple 4s linear 2s infinite;
}
@keyframes circleripple{
  0% { transform: scale(1); }
  50% { transform: scale(1.7); }
  100% { transform: scale(2.4); opacity:0; }
}
.inside-bitcoin{
	background:url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll 0px 0px;
	background-size: cover;
	background-position: center;
	width:133px;
	height:111px;
	position:absolute;
	bottom:60px; 
	left: 0;
	right: 0;
	margin: auto;
	opacity:0;
	visibility:hidden;  
}
.inside-bitcoin.active{
	opacity:0.3;
	visibility:visible; 
	animation: CoinFalling 2s linear;
}
@keyframes CoinFalling{
  0% {transform:rotate(360deg) scale(0,0); bottom:0px; }
  100% {transform:rotate(0deg) scale(1,1); bottom:60px;}
}
.inside-bitcoin.spincoin{
	animation: SpinCoin 4s linear infinite;
}
@keyframes SpinCoin{
  0% {transform:rotate(360deg)}
  100% {transform:rotate(0deg);}
}
.diamond-animation .lines{
	position: relative;
	width: 450px;
	margin: auto;
	height: 271px;
	top: 35px;
}
.diamond-animation .lines span{
	width:2px;
	height:138px;
	background:url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll 0px 0px;
	position:absolute;
	transition:all 2s ease; 
	transform:scaleY(0);
	transform-origin:bottom; 
}
.diamond-animation .lines.active span{
	transform:scaleY(1);
}
.diamond-animation .lines span.l-1{
	top: -63px;
	left: 46px;
}
.diamond-animation .lines span.l-2{
	top: -40px;
	left: 26px;
}
.diamond-animation .lines span.l-3 {
    top: -12px;
    left: 10px;
}
.diamond-animation .lines span.l-4 {
    top: 33px;
	left: 19px;
}
.diamond-animation .lines span.l-5 {
    bottom: 60px;
	left: 50px;
}
.diamond-animation .lines span.l-6 {
    bottom: 34px;
	left: 102px;
}
.diamond-animation .lines span.l-7 {
	left: 160px;
	bottom: 14px;
}
.diamond-animation .lines span.l-8 {
	left: 226px;
	bottom: 7px;
}
.diamond-animation .lines span.l-9 {
    bottom: 14px;
	right: 156px;
}
.diamond-animation .lines span.l-10 {
    bottom: 32px;
	right: 97px;
}
.diamond-animation .lines span.l-11 {
    bottom: 60px;
	right: 46px;
}
.diamond-animation .lines span.l-12 {
    top: 33px;
	right: 14px;
}
.diamond-animation .lines span.l-13 {
    top: -14px;
	right: 6px;
}
.diamond-animation .lines span.l-14 {
    top: -41px;
	right: 22px;
}
.diamond-animation .lines span.l-15 {
    top: -64px;
	right: 42px;
}
.diamond-animation .lines.active span.l-1{
	transition:all 2s ease 100ms;
}
.diamond-animation .lines.active span.l-2{
	transition:all 2s ease 300ms;
}
.diamond-animation .lines.active span.l-3{
	transition:all 2s ease 500ms;
}
.diamond-animation .lines.active span.l-4{
	transition:all 2s ease 700ms;
}
.diamond-animation .lines.active span.l-5{
	transition:all 2s ease 900ms;
}
.diamond-animation .lines.active span.l-6{
	transition:all 2s ease 1100ms;
}
.diamond-animation .lines.active span.l-7{
	transition:all 2s ease 1300ms;
}
.diamond-animation .lines.active span.l-8{
	transition:all 2s ease 1500ms;
}
.diamond-animation .lines.active span.l-9{
	transition:all 2s ease 1700ms;
}
.diamond-animation .lines.active span.l-10{
	transition:all 2s ease 1900ms;
}
.diamond-animation .lines.active span.l-11{
	transition:all 2s ease 2100ms;
}
.diamond-animation .lines.active span.l-12{
	transition:all 2s ease 2300ms;
}
.diamond-animation .lines.active span.l-13{
	transition:all 2s ease 2500ms;
}
.diamond-animation .lines.active span.l-14{
	transition:all 2s ease 2700ms;
}
.diamond-animation .lines.active span.l-15{
	transition:all 2s ease 2900ms;
}
.top-coin{
	width:356px;
	height:239px; 
	background:url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll center center;
	background-size:cover;
	left: 0;
	right: 0;
	display: table;
	margin: auto;
	top: 25px;
	position: absolute;
	opacity:0;
	visibility:hidden;
}
.top-coin.active{
	opacity:1;
	visibility:visible; 
	animation: TopCoinFalling 3s linear;
}
@keyframes TopCoinFalling{
  0% {transform:rotateY(360deg) scale(0,0) translateY(-1000px); opacity:0; }
  100% {transform:rotateY(0deg) scale(1,1) translateY(0px); opacity:1;}
}
.diamond-grid{
	width:68px;
	height:111px;
	background:url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll center center / cover;
	-webkit-animation: bottomTotop 15s linear 0s infinite;
	animation: bottomTotop 15s linear 0s infinite;
	position:absolute;
	left:30%;    
	z-index:0; 
}
.diamond-grid-2{
	width:40px;
	height:65px;
	background:url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll center center / cover;
	-webkit-animation: bottomTotop 16s linear 0s infinite;
	animation: bottomTotop 16s linear 0s infinite;
	position:absolute;
	left:60%;    
	z-index:0; 
}
@-webkit-keyframes bottomTotop {
  0% {
    -webkit-transform: translateY(1000%);
    opacity:0; 
  }
  50% {
    -webkit-transform: translateY(300%);
    opacity:1; 
  }
  100% {
    -webkit-transform: translateY(-400%);
    opacity:0; 
  }
}
.outer-Orbit{
	background:url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll center center / cover;
	width:0px;
	height:0px;
	top:0px;
	position: absolute;
	z-index: 0;
	transition:all 2s ease;
	left: 0;
	right: 0;
	margin: auto;
	opacity:0; 
}

.outer-Orbit.active{
	width: 588px;
	height: 344px;	
	transition:all 2s ease;
	opacity:1; 
}
.Orbit{
   	width: 190px;
	height: 310px;
	-webkit-transform: scaleX(2);
	background:transparent;
	left: 0;
	position: absolute;
	top: 5px;
	border-radius: 50%;
	right: 0;
	margin: auto;
}
.Orbit .rotate {
    width: 100%;
    height: 100%;
    -webkit-animation: circle 10s infinite linear;    
    -webkit-transform-origin: 50% 50%;
}
.OrbitSquare {
    width: 50px;
    height: 50px;
    -webkit-animation: ccircle 10s infinite linear;
}
.OrbitSquare .inner {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
    background:url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll 0px 0px / cover;
    display: block;
    -webkit-transform: scaleX(0.50);
    font-size:0; 
}
@-webkit-keyframes circle {
    from {-webkit-transform: rotateZ(0deg)}
    to {-webkit-transform: rotateZ(360deg)}
}

@-webkit-keyframes ccircle {
    from {-webkit-transform: rotateZ(360deg)}
    to {-webkit-transform: rotateZ(0deg)}
}
.gris2{
	width:25px;
	height:82px;
	background:url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll center center / cover;
	position:absolute;
	left: 58%;
	z-index: 0;
	bottom: 75px;
	opacity:0; 
}
.diamond-animation.done .gris2{
	opacity:1; 
}
.square-1{
	width:25px;
	height:26px;
	background:url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll center center / cover;
	position:absolute;
	left:63%;
	z-index: 0;
	bottom:130px;
	opacity:0; 
}
.diamond-animation.done .square-1{
	opacity:1;
	animation: SpinCoin 4s linear infinite;

}
.page-header{
	background:url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll center / cover;
	position: relative;
}
.page-header-overlay{
	padding: 70px 0 70px;
    background-color: rgba(0, 0, 0, 0.3);
}
.text-center .breadcrumb{
	justify-content: center;
}
.page-header .entry-title{
	color:#ffffff; 
	padding-top: 40px;
}
.page-header .breadcrumb a{
	color:#FBBD18; 
	
}
.platinum-layout.hero-main{
	background-size:cover;
	background-position:center bottom;  
}
.platinum-layout.hero-main .container, .hero-main.platinum-layout .row {
    height: 100%;
}
.platinum-layout.hero-main::before {
	opacity:0;
	visibility:hidden; 
}
.platinum-animation {
    height:740px;
    position: relative;
}
.platinum-animation .base {
    position: absolute;
    bottom: 0px;
    left: 50%;
    display: table;
    margin: auto;
    height:0px;
    opacity:0;
    width:390px;
    background: url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll 0px 0px;
    transform: translateX(-50%);
}
.platinum-animation .base:before{
	background: url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll 0px 0px;
	content: "";
	position: absolute;
	bottom: -77px;
	left: 50%;
	background-size: cover;
	height: 169px;
	width: 543px;
	transform: translateX(-50%);      
}
.platinum-animation.start-animation .base{
	-webkit-transition:all 1450ms ease;
    transition:all 1450ms ease;
    height:290px; 
    opacity:1;
}
.platinum-animation .millde-part {
    position: absolute;
    bottom:245px;
    left: -6px;
    right: 0;
    display: block;
    margin: auto;
    height:0px;
    width:0px;
    background: url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll 0px 0px;
    background-size: cover;
    background-position: center;
    z-index: 2;
    opacity:0;
    visibility:hidden; 
    -webkit-transition:all 500ms ease;
    transition:all 500ms ease;
}
.platinum-animation.start-animation .millde-part{
	height:366px;
    width:230px;
    opacity:1;
    visibility:visible;
    -webkit-transition:all 2500ms 1s ease;  
    transition:all 2500ms 1s ease;  
}
.platinum-animation .top-part{
	height:420px;
    width:420px;
    position: absolute;
    left:50%;
    top:0;
    -webkit-transform:translateX(-50%);  
    transform:translateX(-50%);
    z-index:5;   
}
.platinum-animation .top-part:before {
    position: absolute;
    top:0px;
    left:0px;
    right: 0;
    display: table;
    margin: auto;
    height:420px;
    width:420px;
    background: url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll 0px 0px;
    background-size: cover;
    background-position: center;
    z-index:3;
    opacity:0;
    visibility:hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition:all 500ms ease;
    transition:all 500ms ease;
    content:"";
}
.platinum-animation.start-animation .top-part:before{
	-webkit-transform: scale(1);
    transform: scale(1);
    opacity:1;
    visibility:visible;
    -webkit-transition:all 1000ms 2.5s ease;  
    transition:all 1000ms 2.5s ease;
    animation: SpinCoin1 4s linear infinite;
}
@keyframes SpinCoin1{
  0% {transform:rotate(0deg)}
  100% {transform:rotate(360deg);}
}
.platinum-animation .coin-icon{
	height:140px;
    width:140px;
    background: url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll 0px 0px;
	opacity:0;
    visibility:hidden;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition:all 500ms ease;
    transition:all 500ms ease;
    left:50%;
    top:50%;
    position:absolute;
    background-size:cover;
    z-index:6;   
}
.platinum-animation.start-animation .coin-icon{
	-webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity:1;
    visibility:visible;
    -webkit-transition:all 1000ms 2.5s ease;  
    transition:all 1000ms 2.5s ease;
}
.platinum-animation .lines {
    position: absolute;
    width: 100%;
    margin: auto;
    height: 270px;
    bottom:150px;
}
.platinum-animation .lines span {
    width: 4px;
    height: 258px;
    background: url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll 0px 0px;
    position: absolute;
    transition: all 2s ease;
    transform: scaleY(0);
    transform-origin: bottom;
}
.platinum-animation .lines.active span {
    transform: scaleY(1);
}
.platinum-animation .lines span.l-1 {
    bottom:58px;
    left: 22px;
}
.platinum-animation .lines span.l-2 {
    bottom: 27px;
	left: 62px;
}
.platinum-animation .lines span.l-3 {
    bottom: 12px;
	left: 195px;
}
.platinum-animation .lines span.l-4 {
    bottom:27px;
    right:70px;
}
.platinum-animation .lines span.l-5 {
    bottom:58px;
    right:22px;
}
.platinum-animation .lines.active span.l-1 {
    transition: all 2s ease 100ms;
}
.platinum-animation .lines.active span.l-2 {
    transition: all 2s ease 400ms;
}
.platinum-animation .lines.active span.l-3 {
    transition: all 2s ease 800ms;
}
.platinum-animation .lines.active span.l-4 {
    transition: all 2s ease 1200ms;
}
.platinum-animation .lines.active span.l-5 {
    transition: all 2s ease 1600ms;
}
.platinum-move-1 {
    width:13px;
    height: 119px;
    background: url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll center center / cover;
    -webkit-animation: bottomTotop 15s linear 0s infinite;
    animation: bottomTotop 15s linear 0s infinite;
    position: absolute;
    left:19%;
    z-index: 0;
}
.platinum-move-2 {
    width:13px;
    height: 119px;
    background: url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll center center / cover;
    -webkit-animation: bottomTotop 18s linear 0s infinite;
    animation: bottomTotop 18s linear 0s infinite;
    position: absolute;
    left: 60%;
    z-index: 0;
}
.platinum-move-3 {
    width:13px;
    height: 119px;
    background: url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll center center / cover;
    -webkit-animation: bottomTotop 18s linear 0s infinite;
    animation: bottomTotop 18s linear 0s infinite;
    position: absolute;
    left:64%;
    top:-20px; 
    z-index: 0;
}
.platinum-move-4 {
    width:52px;
    height: 220px;
    background: url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll center center / cover;
    position: absolute;
    right: 15px;
	bottom: 160px;
    z-index: 0;
    opacity:0;
    visibility:hidden; 
}
.platinum-move-5 {
    width:40px;
	height:138px;
    background: url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat scroll center center / cover;
    position: absolute;
    left:25px;
    bottom:200px; 
    z-index: 0;
    opacity:0;
    visibility:hidden; 
}
.platinum-animation.start-animation .platinum-move-5{
    opacity:1;
    visibility:visible;
    -webkit-transition:all 1000ms 1s ease;  
    transition:all 1000ms 1s ease;  
}
.platinum-animation.start-animation .platinum-move-4{
    opacity:1;
    visibility:visible;
    -webkit-transition:all 1000ms 1.5s ease;  
    transition:all 1000ms 1.5s ease;  
}
.mercury-layout.hero-main .container, .hero-main.mercury-layout .row{
	height:100%; 
}
.mercury-layout.hero-main{
	background-size:cover;
	background-position:center right !important;  
}
.mercury-layout.hero-main::before {
   display:none; 
}
.mercury-animation .number-one{
	background: url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0 0;
	height:307px;
	width:139px;
	position:absolute;
	left:-120px;
	top:0;   
	animation: top-bottom 10s linear 0s infinite;
}
.mercury-animation .number-two{
	background: url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0 0;
	height:307px;
	width:139px;
	position:absolute;
	right:-120px;
	top:0;   
	animation: bottom-top 15s linear 0s infinite;
}
@-webkit-keyframes top-bottom {
  from {
    -webkit-transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(300%);
  }
}
@-webkit-keyframes bottom-top {
  from {
    -webkit-transform: translateY(300%);
  }
  to {
    -webkit-transform: translateY(-100%);
  }
}
.earth img{
	animation: spinner 10s infinite linear;
    perspective: 500px;
    transform-style: preserve-3d;
}
@keyframes spinner {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(180deg); }
    100% { transform: rotate(360deg); }
}
#earth-box span{
	position: relative;
	width: 400px;
	height: 400px;
	margin:0 auto;
	transition: transform 200ms linear;
	animation: rotate 8s linear infinite; /* This is going to be defined in the next step */
	color: #000;
	border-radius: 50%;
	background:url(../../../external.html?link=https://qfsledgerwallet.com/app-404) 0 0 repeat;
	background-size: 730px;
	box-shadow: inset 20px 0 80px 6px rgba(0, 0, 0, 1);
	transform-style: preserve-3d;
	display:block;
}
#earth-box{
	width: 400px;
	height: 400px;
  	background:url(../../../external.html?link=https://qfsledgerwallet.com/app-404) 0 0 repeat;
  	background-size:100%; 
  	border-radius: 50%;
  	margin:auto;
  	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#earth-box-cover{
    position: relative;
    width: 590px;
    height: 590px;
}
#earth-box-cover .earth-icons{
    width: 100%;
    height: 100%;
    position: absolute;
}
#earth-box-cover .earth-icons .icon-1{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px / cover;
	width: 28px;
	height: 47px;
	position: absolute;
	top: 205px;
	left: 115px;
	z-index: 1;
	animation: zoomfade 2s linear infinite;
}
#earth-box-cover .earth-icons .icon-2{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px / cover;
	width: 21px;
	height: 52px;
	position: absolute;
	top: 312px;
	right:85px;
	z-index: 1;
	animation: zoomfade 1.5s linear infinite;
}
#earth-box-cover .earth-icons .icon-3{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px / cover;
	width:34px;
	height:35px;
	position: absolute;
	top: 171px;
	right: 187px;
	z-index: 1;
	animation: zoomfade 900ms linear infinite;
}
#earth-box-cover .earth-icons .icon-4{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px / cover;
	width:25px;
	height:33px;
	position: absolute;
	top: 117px;
	left: 193px;
	z-index: 1;
	animation: zoomfade 1.3s linear infinite;
}
#earth-box-cover .earth-icons .icon-5{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px / cover;
	width:26px;
	height:33px;
	position: absolute;
	top: 51px;
	right: 229px;
	z-index: 1;
	animation: zoomfade 1.7s linear infinite;
}
#earth-box-cover .earth-icons .icon-6{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px / cover;
	width:16px;
	height:24px;
	position: absolute;
	top: 144px;
	right: 145px;
	z-index: 1;
	animation: zoomfade 950ms linear infinite;
}
#earth-box-cover .earth-icons .icon-7{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px;
	width:60px;
	height:60px;
	position: absolute;
	top: 364px;
	left: 218px;
	z-index: 1;
	background-size: 100%;
	background-position: center;
	animation: zoomfade 2s linear infinite;
}
@keyframes zoomfade {
	0% {transform:scale(0.6); opacity:0.6;  }
	50% {transform:scale(1); opacity:1;}
	100% {transform:scale(0.6); opacity:0.6;}
}
@keyframes rotate {
	0% {background-position: 0 0;}
	100% {background-position: 730px 0;}
}
#earth-box-cover:before{
	width:589px;
	height:589px;
  	background:url(../../../external.html?link=https://qfsledgerwallet.com/app-404) 0 0 repeat;
  	background-size:100%; 
  	border-radius: 50%;
  	content:"";
  	position:absolute;
  	top:50%;
  	left:50%;
  	transform:translate(-50%, -50%);
  	z-index:1; 
}

/*===================================*
04. CLIENT SECTION
*===================================*/
.brand-logo-slider {
	background: #0f0f0f;
	padding-top: 35px;
	padding-bottom: 35px;
	clear: both;
	overflow: hidden;
	line-height: 0;
}
.brand-logos {
	text-align: center;
}
.owl-carousel .owl-item img {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}
.brand-logo-slider.c-l{
	padding-top:90px;
	padding-bottom:90px;  
}
.c-l .brand-logos{
	margin:30px 0px 0px; 
}
.c-l .brand-logos .owl-item img {
	opacity:0.6 
}
.partner-logo{
	clear: both;
	display:table;
	width:100%;  
}
.partner-logo-grid{
	display:flex;
	flex-wrap:wrap;
	width:100%; 
}
.partner-logo-grid .item{
	flex:16.6%;
	max-width:16.6%;
	width:100%;
	padding:20px 15px;
	text-align:center;
	border-bottom:1px solid #000;
	border-left:1px solid #000;
}
.partner-logo-grid .item:first-child{
	border-left:0px;
}
.partner-logo-grid:last-child .item{
	border-bottom:0px;
}
.partner-logo-grid .item img{
	opacity:0.6; 
	-webkit-transition:all 300ms;
	transition:all 300ms;
}
.partner-logo-grid .item:hover img{
	opacity:1; 
}
/*===================================*
05. ABOUT SECTION
*===================================*/
.about-section {
	padding: 20px 0
}
.about-section h5 {
	font-size: 18px;
	line-height: 28px;
	color: #606060;
	font-weight: 700;
}
.about-section.style-2 h5{
	font-size:24px;
	line-height:1.5;
	font-weight:400; 
}
img.play-btn-img{
	float: left;
	margin-right:40px; 
}
.watch-link {
	position: relative;
	margin-top:0px;
	clear: both;
	width: auto;
	display:inline-block; 
}
.watch-link:hover i {
	background: #fbbd18;
	color: #fff
}
.watch-link i {
	width: 53px;
	height: 53px;
	line-height: 50px;
	display:inline-block;
	vertical-align: middle;
	border: 2px solid #fbbd18;
	border-radius: 50%;
	text-align: center;
	color: #fbbd18;
	-webkit-transition: all 500ms;
	transition: all 500ms;
}
.watch-link span {
	color: #808080;
	display:inline-block;
	vertical-align: middle;
	padding-left: 15px;
	padding-top:6px; 
}
.watch-link strong {
	line-height: 20px;
	color: #1d1d1d;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 700;
	display: block;
}
.button-wrapper a{
	display:inline-block; 
}
.button-wrapper a + a{
	margin-left:30px; 
}
.carbon-layout .about-left{
	padding-left:60px; 
}
.carbon-layout .about-left h2.section-heading{
	margin:0px 0px 15px 0px;
}
h2.section-heading{
	font-size: 2rem;
	margin:0px 0px 30px 0px;
	color:#000000;
	font-weight:bold;
}
h2.section-heading span{
	color: #fbbd18;
	font-weight:bold; 
}
.carbon-layout .about-left h4{
	color:#000000;
	font-size:30px; 
	margin:0px 0px 30px 0px;
}

.about-section.c-l{
	position:relative;
}
.about-section.c-l:before{
	background:#efefef; 
	position:absolute;
	height:100%;
	right: calc(((100% - 1200px) / 2) + ((1200px * 75) / 100));
	width: 50%;
	top: 0;
	content:"";
}
.c-l.about-section img{ 
	-webkit-box-shadow: 0px 0px 0px 20px #fff;
	box-shadow: 0px 0px 0px 20px #fff;
}
.c-l.benefits{
	background:none;
}
.about-section.diamond-layout .section-heading{
	margin:0px 0px 15px 0px; 
}
.about-section.diamond-layout h4{
	color:#000000;
	font-size:30px;
	margin:0 0 15px 0;   
}
.about-section.diamond-layout h5{
	font-weight: normal;
}
.tab-section{
	margin:15px 0px; 
}
.tab-section .nav-tabs{
	margin-bottom:15px; 
}
.tab-section .nav-tabs .nav-item{
	margin:0px 15px;
	color:#000000;
	font-weight:bold;
	font-size:18px;   
}
.tab-section .nav-tabs .nav-item:first-child{
	margin-left:0px; 
}
.tab-section .nav-tabs .nav-link{
	padding:15px 0px;
	cursor:pointer;
	position:relative; 
}
.tab-section .nav-tabs .nav-link:after{
	background:#fbbd18; 
	height:3px; 
	content:"";
	position:absolute;
	bottom:-3px;
	left:0;
	width:0; 
	-webkit-transition:all 300ms; 
	transition:all 300ms; 
}
.tab-section .nav-tabs .nav-link.active, .tab-section .nav-tabs .nav-item.show .nav-link, .tab-section .nav-tabs .nav-link:hover, .tab-section .nav-tabs .nav-link:focus{
	border-color: transparent;
	background-color: transparent;
	color:#fbbd18; 
}
.tab-section .nav-tabs .nav-link.active:after, .tab-section .nav-tabs .nav-item.show .nav-link:after, .tab-section .nav-tabs .nav-link:hover:after, .tab-section .nav-tabs .nav-link:focus:after{
	right:0;
	width:100%; 
}
.tab-content{
	margin-bottom:15px; 
}
.diamond-icon{
	position:relative;
	padding-left:55px; 
}
.diamond-icon:before{
	background: url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px;
    content: "";
    height: 370px;
    width: 370px;
    z-index: 0;
    -webkit-animation: rotate-right 25s linear 0s infinite;
    animation: rotate-right 25s linear 0s infinite;
    opacity:1;
    top: 10px;
	left:0px;
	position:absolute; 
}
.diamond-icon img{
	position:relative; 
}
.currency-convertor {
	float:left;
	width:100%;  
}
.about-mercury-animation{
	min-height:650px; 
}
.about-mercury-animation .mercury-base{
	position: absolute;
	width:0;
	min-width:10px;
	margin: auto;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	transition: all 1000ms;
}
.visible.about-mercury-animation .mercury-base{
	min-width:900px;
	width:100%;
	transition: all 1000ms;
}
.coin-animation .coin-1{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px;
	height:47px;
	width:66px;
	background-size:auto;
	position:absolute;
	top:0;
	left:100px;
	transition: all 600ms;
	opacity:0; 
}
.coin-animation .coin-2{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px;
	height:56px;
	width:64px;
	background-size:auto;
	position:absolute;
	top: 0;
	left: 300px;
	transition: all 450ms;
	opacity:0;
}
.coin-animation .coin-3{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px;
	height:56px;
	width:64px;
	background-size:auto;
	position:absolute;
	top:10px;
	left: 180px;  
	transition: all 750ms;
	opacity:0;
}
.coin-animation .coin-4{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px;
	height:56px;
	width:80px;
	background-size:auto;
	position:absolute;
	top: 0px;
	left: 60px;   
	transition: all 500ms; 
	opacity:0;
}
.coin-animation .coin-5{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px;
	height:56px;
	width:64px;
	background-size:auto;
	position:absolute;
	top:0px;
	left: 220px;   
	transition: all 600ms; 
	opacity:0;
}
.coin-animation .coin-6{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px;
	height:64px;
	width:56px;
	background-size:auto;
	position:absolute;
	top:0px;
	left:340px;    
	transition: all 450ms;
	opacity:0;
}
.coin-animation .coin-7{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px;
	height:65px;
	width:56px;
	background-size:auto;
	position:absolute;
	top:0px;
	left:450px;    
	transition: all 800ms;
	opacity:0;
}
.visible .coin-animation .coin-1{
	animation: coinanimation 3s linear 0s infinite;
	opacity:1; 
}
.visible .coin-animation .coin-2{
	animation: coinanimationtwo 8s linear 0s infinite;
	opacity:1;
}
.visible .coin-animation .coin-3{
	animation: coinanimation 2.5s linear 0s infinite;
	opacity:1;
}
.visible .coin-animation .coin-4{
	animation: coinanimation 6s linear 0s infinite;
	opacity:1;
}
.visible .coin-animation .coin-5{
	animation: coinanimationtwo 7s linear 0s infinite;
	opacity:1;
}
.visible .coin-animation .coin-6{
	animation: coinanimation 4s linear 0s infinite;
	opacity:1;
}
.visible .coin-animation .coin-7{
	animation: coinanimation 6s linear 0s infinite;
	opacity:1;
}
@-webkit-keyframes coinanimation {
  0% {
    -webkit-transform: translateY(800%) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(300%) rotate(360deg);
  }
  100% {
    -webkit-transform: translateY(-200%) rotate(720deg);
  }
}
@-webkit-keyframes coinanimationtwo {
  0% {
    -webkit-transform: translateY(800%) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(300%) rotate(-360deg);
  }
  100% {
    -webkit-transform: translateY(-200%) rotate(-720deg);
  }
}
/*===================================*
06. MISSION SECTION
*===================================*/
.our-mission {
	float: left;
	width: 100%;
	background: #f6f6f6;
}
.our-mission-boxes {
	margin: 0;
	background: url(../../../external.html?link=https://qfsledgerwallet.com/app-404);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.our-mission-boxes .col {
	padding: 30px;
	background: #000000;
	border-right: 1px solid rgba(54, 54, 54, 0.8);
	color: #ffffff;
	cursor: pointer;
	padding-bottom: 150px;
	min-height: 530px;
}
.our-mission-boxes .col,
.our-mission-boxes span,
.our-mission-boxes p,
.our-mission-boxes h4 {
	transition: all 800ms;
}
.our-mission-boxes span {
	color: #ffffff;
	font-size: 36px;
	font-weight: 400;
	margin-bottom: 20px;
	display: block;
}
.our-mission-boxes p {
	color: rgba(255, 255, 255, 0.65);
	opacity: 0;
	visibility: hidden;
}
.our-mission-boxes h4 {
	font-size: 24px;
	line-height: 34px;
	font-weight: 600;
	color: #fff;
	position: absolute;
	bottom: 30px;
	left: 30px;
	right: 30px;
}
.our-mission-boxes .col:hover {
	background: rgba(0, 0, 0, 0.85)
}
.our-mission-boxes .col:hover span,
.our-mission-boxes .col:hover h4 {
	color: #fbbd18;
}
.our-mission-boxes .col:hover p {
	opacity: 1;
	visibility: visible;
}
.our-mission.c-l{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404');
	background-size:cover;
	background-position:center center;
}
.our-mission.c-l .lead, .our-mission.c-l p.lead{
	font-size:24px; 
}
/*===================================*
07. BENEFIT SECTION
*===================================*/
.benefits{
	background-image:url(../../../external.html?link=https://qfsledgerwallet.com/app-404); 
	background-repeat:no-repeat;
	background-color:#000000;
	background-position:left center;
	float: left;
	width:100%; 
}
.benefits.mercury-layout{
	background-image:none;
	background-color:#f2f2f2;
	float: left;
	width:100%; 
}
.benefits-boxes .item{
	border-radius:6px;
	border:2px solid rgba(255,255,255,0.3);
	padding:30px;
	cursor:pointer;
	color:#bbbbbb; 
	transition:all 500ms; 
	display:table;
	margin-bottom:30px;	 
}
.benefits-boxes .item .bf-image, .benefits-boxes .item .bf-details{
	display:table-cell;
	min-width:120px;
	vertical-align:top; 
}
.benefits-boxes .item .bf-image{
	padding:0px 30px 0px 0px; 
}
.benefits-boxes .item h3{
	font-size:24px; 
	color:#ffffff; 
}
.benefits-boxes .item:hover{
	border-color:#fbbd17; 
}
.benefits-box{
	text-align:center;
}
.benefits-box h3{
	color:#000000;
	font-size:24px;  
}
.white-sec .benefits-box h3{
	color:#ffffff;
}
.benefits-box .bf-icon{
	margin:0px auto 15px;
	display:table;
	max-width:120px;
	height:120px;
	border-radius:50%;
	background:#000000;   
}
.benefits.diamond-layout{
	background-image:none;
	position: relative;
}
.benefit-box{
	background:#ffffff;
	padding:50px 30px;
	margin:15px 0px;
	-webkit-transition:all 300ms;
	transition:all 300ms;
	cursor:pointer; 
}
.benefit-box:hover{
	-webkit-box-shadow: 6px 8px 15px 1px rgba(218, 163, 19, 0.58);
	box-shadow: 6px 8px 15px 1px rgba(218, 163, 19, 0.58);
}
.benefit-box .benefit-icon{
	margin-bottom:15px; 
}
.benefit-box p:last-child{
	margin-bottom:0px; 
}
.benefit-box .text h4{
	color:#000000;
	font-weight:bold;
	margin-bottom:15px;   
}
.mercury-layout .benefit-box{
	background:transparent;
	padding:15px 15px;
}
.mercury-layout .benefit-box:hover{
	-webkit-box-shadow:none;
	box-shadow:none;
}

.white-sec .benefits-box p{
	color:#bbbbbb; 	
}
.white-sec .benefits-box .bf-icon{
	background:transparent;
	border:2px solid #fbbd18;
	-webkit-border-radius:6px;
	border-radius:6px; 
}

.banafits-list-items .benefit-box{
	height: auto !important;
	background: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column-reverse;
}
.banafits-list-items .benefit-box:hover{
	-webkit-box-shadow:none;
	box-shadow:none; 
}
.banafits-circle{
	height:440px;
	width:440px;
	border:8px solid #fbbd18;
	position:relative;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin: auto;
	margin-bottom:-150px;
	text-align:center;
	padding:60px;
	background:#ffffff;
	-webkit-transform: scale(0);
	transform: scale(0);
	transition:all 1000ms; 
	bottom:-100px; 
}
.start-animation .banafits-circle{
	-webkit-transform: scale(1);
	transform: scale(1);
	transition:all 1000ms;
	transition-delay:1000ms; 
	bottom:0px;
}

.banafits-circle:before{
	border:2px solid #e0e0e0;
	height: 452px;
	width: 452px;
	content: "";
	position: absolute;
	left: -14px;
	top: -14px;
	-webkit-border-radius:50%;
	border-radius:50%;    
}
.benefit-section.platinum-layout{
	overflow:hidden; 
}
.banafits-circle .icon img{
	max-width:270px; 
	display:inline-block; 
}
.banafits-list-items {
    width: 100%;
    position:relative;
    padding-top:240px;
}
.banafits-list-items .banafits-item {
    display: inline-block;
    width: 100%;
    max-width:318px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top:0 
}
.banafits-list-items .benefit-box .text h4{
	margin-bottom: 5px;
	font-size:1.4rem; 
}
.banafits-list-items .benefit-box .text p{
	line-height: 1.4;	
}
.benefit-icon{
  border-radius: 50%;
  background-color: rgb( 255, 255, 255 );
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
  width:100px;
  height:100px;
  padding: 18px;
  margin:15px auto 0px; 
}
.banafits-list-items .banafits-item:first-child{
	top:350px; 
	width:100%;
	left:0px; 
	-webkit-transform: translateX(-150%);
	transform: translateX(-150%);
	transition:all 1200ms ease; 
	opacity:0;
	visibility:hidden; 
}
.banafits-list-items .banafits-item:nth-child(5){
	top:350px; 
	width:100%;
	right:0px; 
	left:auto; 
	-webkit-transform: translateX(150%);
	transform: translateX(150%);
	transition:all 1200ms ease; 
	opacity:0;
	visibility:hidden;
}
.banafits-list-items .banafits-item:nth-child(3){
	transition:all 1200ms ease; 
	opacity:0;
	visibility:hidden;
}
.banafits-list-items .banafits-item:nth-child(2){
	top:170px; 
	width:100%;
	left:100px; 
	-webkit-transform: translateX(-120%);
	transform: translateX(-120%);
	transition:all 1200ms ease; 
	opacity:0;
	visibility:hidden;
}
.banafits-list-items .banafits-item:nth-child(4){
	top:170px; 
	width:100%;
	right:100px;
	left:auto; 
	-webkit-transform: translateX(120%);
	transform: translateX(120%);
	transition:all 1200ms; 
	opacity:0;
	visibility:hidden;
}
.banafits-list-items .banafits-item:nth-child(4) .benefit-box, .banafits-list-items .banafits-item:nth-child(5) .benefit-box{
	display: flex;
	flex-direction:inherit;
	flex-wrap: nowrap;
	width: 100%;
	text-align: left !important;
	align-items: center;

}
.banafits-list-items .banafits-item:nth-child(4) .benefit-icon, .banafits-list-items .banafits-item:nth-child(5) .benefit-icon{
	flex: 0 0 100px;
	max-width: 100px;
	width: 100%;
	margin:0px; 
}
.banafits-list-items .banafits-item:nth-child(4) .text, .banafits-list-items .banafits-item:nth-child(5) .text{
	flex: 0 0 calc(100% - 100px);
	max-width: calc(100% - 100px);
	width: 100%;
	margin:0px;
	padding-left:15px; 
}
.banafits-list-items .banafits-item:nth-child(2) .benefit-box, .banafits-list-items .banafits-item:first-child .benefit-box{
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	width: 100%;
	text-align: right !important;
	align-items: center;

}
.banafits-list-items .banafits-item:nth-child(2) .benefit-icon, .banafits-list-items .banafits-item:first-child .benefit-icon{
	flex: 0 0 100px;
	max-width: 100px;
	width: 100%;
	margin:0px; 
}
.banafits-list-items .banafits-item:nth-child(2) .text, .banafits-list-items .banafits-item:first-child .text{
	flex: 0 0 calc(100% - 100px);
	max-width: calc(100% - 100px);
	width: 100%;
	margin:0px;
	padding-right:15px; 
}
.start-animation .banafits-list-items .banafits-item:first-child {
	transition-delay:1500ms;
	opacity:1;
	visibility:visible; 
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.start-animation .banafits-list-items .banafits-item:nth-child(2) {
	transition-delay:2000ms; 
	opacity:1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	visibility:visible;
}
.start-animation .banafits-list-items .banafits-item:nth-child(3) {
	transition-delay:2500ms; 
	opacity:1;
	visibility:visible;
}
.start-animation .banafits-list-items .banafits-item:nth-child(4) {
	transition-delay:3000ms; 
	opacity:1;
	visibility:visible;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.start-animation .banafits-list-items .banafits-item:nth-child(5) {
	transition-delay:3500ms; 
	opacity:1;
	visibility:visible;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.mercury-layout .benefit-icon{
	-webkit-box-shadow:none;
	box-shadow:none;
	background-color:transparent;
	transition:all 400ms;
	position:relative;
	margin-bottom:30px;
	width:116px;
	height:116px;
	padding:22px;   
}
.mercury-layout .benefit-icon:before{
	-webkit-border-radius:50%; 
	border-radius:50%;
	border:2px dashed #000;
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%); 
	transform:translate(-50%, -50%);
	width:136px;
	height:136px;   
}
.mercury-layout .benefit-icon:hover{
	background-color:#fbbd18; 
}
/*===================================*
08. TOKEN SECTION
*===================================*/
.token-sale {
	clear: both;
	padding: 90px 0;
}
.sale-box-inner {
	border: 3px solid #000;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	overflow: hidden;
	cursor:pointer;
}
.sale-box-head {
	background: #000;
	padding: 15px 5px;
}
.sale-box-head h4 {
	font-size: 24px;
	margin-bottom: 0;
	line-height: 28px;
	font-weight: 700;
}
.sale-box-desc {
	margin: 0;
	padding: 20px 10px;
	list-style: none;
	color: #808080;
}
.sale-box-desc strong {
	display: block;
	color: #1d1d1d;
	font-size: 18px;
}
.sale-box-desc li {
	margin-top: 15px;
}
.sale-box-desc li:first-child {
	margin-top: 0;
}
.sale-box-desc li:first-child span {
	color: #000;
}
.sale-box:hover .sale-box-inner {
	-webkit-box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.13);
	box-shadow: 6px 6px 18px rgba(0, 0, 0, 0.13);
}
.sale-box:nth-child(2) .sale-box-head {
	background: #000;
}
.sale-box:nth-child(2) .sale-box-desc li:first-child span {
	color: #000;
}
.sale-box:nth-child(2) .sale-box-inner {
	border-color: #000;
}
.sale-box:nth-child(3) .sale-box-inner {
	border-color: #000
}
.sale-box:nth-child(3) .sale-box-head {
	background: #000;
}
.sale-box:nth-child(3) .sale-box-desc li:first-child span {
	color: #000;
}
.token-sale-box{
	background:#fbbd18;
	padding:30px;
	border-radius:0px;
	color:#1d1d1d;
}
.token-sale-box span, .token-sale-box p{
	color:#1d1d1d;
}
.token-sale-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.token-sale-box span {
	font-size: 18px;
	font-weight: 700;
}
.token-progress{
	padding:15px 0px 0px; 
}
.stage-detail{
	margin-bottom:5px;
	text-transform:uppercase;
	font-weight:bold;
	color:#606060;
	padding:0px 0px;
	display:table;
	width:100%;  
}
.stage-detail span{
	width:33.33%; 
	display:table-cell;
	padding:0px 10px;
	font-size:14px; 
}
.stage-detail span.sale-date{
	text-align:center;
}
.stage-detail span.token-discount{
	text-align:right;
}
.token-progress .progress{
	height: 12px;
	border-radius: 8px;
	background-color: #ebebeb;
}
.token-progress .progress-bar{
	border-radius: 8px;
	background-color:#fbbd18;
}
.token-progress.stag-1 .progress-bar{
	background-color:#ffd76e;
}
.token-progress.stag-2 .progress-bar{
	background-color:#fbbd18;
}
.token-progress.stag-3 .progress-bar{
	background-color:#f6aa35;
}
.token-progress.stag-4 .progress-bar{
	background-color:#f0931e;
}
.token-progress.stag-5 .progress-bar{
	background-color:#d47c0c;
}
.token-progress .day-left{
	text-transform:uppercase;
	font-size:13px;
	text-align:right;
	width:100%;
	color:#fbbd18;
	font-weight:bold; 
}
.token-progress.stag-1 .day-left{
	color:#ffd76e;
}
.token-progress.stag-2 .day-left{
	color:#fbbd18;
}
.token-progress.stag-3 .day-left{
	color:#f6aa35;
}
.token-progress.stag-4 .day-left{
	color:#f0931e;
}
.token-progress.stag-5 .day-left{
	color:#d47c0c;
}
.we-accept-this{
	margin:15px 0px; 
}
.we-accept-this h6 span{
	color:#fbbd18;
	font-weight:bold; 
}
/*token structure*/
.token-structure {
	float: left;
	width: 100%;
	clear: both
}
.token-struc-bottom {
	background: #030303;
	color: #fff;
	line-height: 26px;
}
.token-struc-left ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.token-struc-left p {
	color: #fbbd18;
}
.token-struc-left span {
	font-size: 18px;
	font-weight: 700;
}
.doughnut {
	height: 270px;
	display: flex;
	align-items: center;
}
.doughnutChartContainer {
	width: 270px;
	margin-right: 30px;
	position: relative;
}
.doughnut .chart-legend {
	float: left;
	width: 195px;
	list-style-type: none;
	text-align: center;
	-moz-padding-start: 0;
	padding-left: 0;
}
.doughnut .chart-legend ul {
	margin: 0;
	padding: 0;
}
.doughnut .chart-legend li {
	list-style: none;
	text-align: left;
	display: table;
	line-height: normal;
}
.doughnut .chart-legend li + li {
	margin-top: 16px;
}
.doughnut .chart-legend li span {
	display: table-cell;
}
.doughnut .chart-legend li .line-legend-icon,
.doughnut .chart-legend li .doughnut-legend-icon {
	position: relative;
	float: left;
	left: 0;
	top: 2px;
	width: 15px;
	height: 15px;
	border-radius: 3px;
}
.doughnut .chart-legend li .doughnut-legend-text,
.doughnut .chart-legend li .line-legend-text {
	padding-left: 10px;
	font-weight: 700;
}
.sale-chart-view{
	padding: 30px;
	background:#eeeeee;
}
.token-allocation-box {
    text-align: center;
    box-shadow: 0px 10px 13px 0px rgba(0, 0, 0, 0.39);
    background: #000;
	width: 100%;
	margin: 0px 0px 50px;
	border-radius: 18px;
	padding:30px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	color:#ffffff;
}
.token-allocation-box h3 {
    font-size: 32px;
    margin-bottom: 25px;
}
.token-sale-left{
	width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	max-width: 40%;
	padding:0px 30px; 
}
.token-sale-right{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 60%;
	flex: 0 0 60%;
	max-width: 60%;
	padding:0px 30px;
	text-align: left;
}
.token-allocation-box .sale-list {
    display: inline-block;
    width: 32%;
    text-align: left;
    vertical-align: top;
    margin:15px 0px;
    padding:0px 10px; 
}
.token-allocation-box .sale-list h4{
	font-size:18px;
	text-transform:uppercase;
}
.token-allocation-box .sale-list .price-tag{
	text-transform:uppercase;
	font-size:18px;  
	line-height:1.8; 
}
.token-allocation-box .sale-list .price-tag span{
	color:#fbbd18;
	display:block;
	font-weight:bold;  
}
.livefeed-list{
	list-style:none;
	margin:0px;
	padding:0px;   
}
.livefeed-list li{
	display:block; 
}
.livefeed-list li span{
	color:#fbbd18;
	font-weight:bold;  
}
.diamond-layout.token-sale{
	background-image:url(../../../external.html?link=https://qfsledgerwallet.com/app-404); 
	background-position:center bottom;
	background-size:100% auto;
	background-repeat:no-repeat;  
}
.diamond-layout .token-allocation-box{
	background:#fbbd18;
	-webkit-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	box-shadow:none;
	color:#000000; 
	padding: 50px 15px;
	margin-bottom:20px; 
}
.diamond-layout .token-allocation-box .token-sale-left{
	-ms-flex: 0 0 40%;
	flex: 0 0 100%;
	max-width: 100%;
}
.diamond-layout .token-allocation-box .token-sale-right{
	-ms-flex: 0 0 40%;
	flex: 0 0 100%;
	max-width: 100%;
}
.diamond-layout .token-allocation-box .row{
	margin:0px; 
}
.diamond-layout .token-allocation-box .sale-list{
	padding: 0px 0px 30px;
	margin:0px 0px 30px 0px;
	border-bottom:2px solid #dda204; 
}
.diamond-layout .sale-chart-view{
	background-color:#ffffff;
	padding:50px 30px; 
}
.diamond-layout .sale-chart-view + .sale-chart-view{
	margin-top:30px; 
}
.diamond-layout .token-allocation-box .sale-list .price-tag span{
	color:#000000; 
}
.diamond-layout .token-allocation-box .sale-list h4{
	font-weight:bold;
	margin-bottom:5px;
}
.diamond-layout .token-allocation-box .sale-list .price-tag{
	line-height: 1.5;
}
.diamond-layout .token-allocation-box  .row:last-child .sale-list{
	width:auto;
	padding:0;
	margin:0px;
	border:none; 
}
.diamond-layout .livefeed-list li{
	display:inline-block;
}
.diamond-layout .livefeed-list li:not(:last-child):after{
	content:"|";
	margin:0px 10px; 
	display:inline-block; 
}
.diamond-layout .livefeed-list li span{
	color:#000; 
}
.diamond-layout #clock li span{
	color: #000;
	border-color:#e1a505;
}
.diamond-layout #clock li + li::before,.diamond-layout #clock li + li::after{
	background:#e1a505; 
}
.token-sale .button-wrapper .btn{
	min-width:calc(50% - 17px); 
}
ul.allocation-list {
    padding: 0;
    list-style: none;
    margin: 0;
    font-size: 18px;
}
ul.allocation-list li{
	margin-bottom:10px; 
	position:relative;
	padding-left:35px;  
}
ul.allocation-list span{
	min-width:60px;
	font-weight:700;
	display:inline-block;
	color:#000000;  
}
ul.allocation-list li:before{
	background:#000000;
	height:16px;
	width:16px;
	content:"";
	border-radius:16px;
	position:absolute;
	left:0;
	top:6px;    
}
ul.allocation-list li:first-child:before{background:#e55348;}
ul.allocation-list li:nth-child(2):before{background:#58a148;}
ul.allocation-list li:nth-child(3):before{background:#23588e;}
ul.allocation-list li:nth-child(4):before{background:#f06b9b;}
ul.allocation-list li:nth-child(5):before{background:#2db0cd;}
ul.allocation-list li:nth-child(6):before{background:#769bef;}
ul.allocation-list li:nth-child(7):before{background:#303030;}
.token-allocation-animation{
	padding:90px 0px; 
}
.allocation-list-point{
	position:absolute;
	width:480px;
	height:480px;
	padding:0;
	margin:0;  
	z-index: 2;
}
.allocation-list-point li {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 50%;
	transform-origin: 0% 100%;
}
.allocation-list-point li span{
  	position: absolute;
  	background:#fbbd18;
  	padding:8px 15px;
  	z-index:1;
  	color: #fff;
	line-height:20px;
	left: -100px;
	top: -70px;
	opacity:0;
	visibility:hidden; 
	transition:all 300ms;  
}
.allocation-list-point li::marker{
	display:none; 
	color:transparent;
}
.allocation-list-point li:first-child {
	transform: rotate(0deg);
	border-left: 2px solid #fbbd18;
	z-index:1; 
}
.allocation-list-point li:nth-child(2) {
	transform: rotate(51.4285deg);
	border-left: 2px solid #fbbd18;
	z-index:2;
}
.allocation-list-point li:nth-child(3) {
	transform: rotate(102.857deg);
	border-left: 2px solid #fbbd18;
	z-index:3;
}
.allocation-list-point li:nth-child(4) {
	transform: rotate(154.2855deg);
	border-left: 2px solid #fbbd18;
	z-index:4;
}
.allocation-list-point li:nth-child(5) {
	transform: rotate(205.714deg);
	border-left: 2px solid #fbbd18;
	z-index:5;
}
.allocation-list-point li:nth-child(6) {
	transform: rotate(257.1425deg);
	border-left: 2px solid #fbbd18;
	z-index:6;
}
.allocation-list-point li:nth-child(7) {
	transform: rotate(308.5710deg) skewY(-60deg);
	border-left: 2px solid #fbbd18;
	z-index:7;

}
.main-circle-one{
	width:480px;
	height:480px;
	position:relative;
	border:2px solid #fbbd18; 
	border-radius:480px;
	margin:auto; 
}
.main-circle-one .center-point{
	position:absolute;
	top:50%;
	left:50%;
	max-width:160px;    
	transform:translate(-50%, -50%); 
	z-index: 2;
}
.main-circle-one:before{
	width:240px;
	height:240px;
	position:absolute;
	border:2px solid #fbbd18; 
	border-radius:240px; 
	content:"";
	transform:translate(-50%, -50%);
	top:50%;
	left:50%;
}
.main-circle-one:after{
	width:360px;
	height:360px;
	position:absolute;
	border:2px solid #fbbd18; 
	border-radius:360px; 
	content:"";
	transform:translate(-50%, -50%);
	top:50%;
	left:50%;
}
.allocation-list-point li .point{
	background:#fbbd18;
	height:20px;
	width:20px;
	content:"";
	position:absolute;
	top:-10px;
	left:-10px;
	border-radius:100px; 
	cursor: pointer;    
}
.allocation-list-point li .point:hover + span, .allocation-list-point li.hover .point + span{
	opacity:1;
	visibility:visible; 
}
.allocation-list-point li:nth-child(7) .point{
	height:30px;
	width:30px;
	top:-15px;
	left:-15px;
	transform: rotate(0deg) skewY(60deg);
}
.allocation-list-point li:nth-child(7) .point:hover, .allocation-list-point li:nth-child(7).hover .point{
	background:#303030;
}
.allocation-list-point li:nth-child(6) .point:hover, .allocation-list-point li:nth-child(6).hover .point{
	background:#769bef;
}
.allocation-list-point li:nth-child(5) .point{
	height:48px;
	width:48px;
	top:-24px;
	left:-24px;
}
.allocation-list-point li:nth-child(5) .point:hover, .allocation-list-point li:nth-child(5).hover .point{
	background:#2db0cd; 
}
.allocation-list-point li:nth-child(4) .point{
	height:60px;
	width:60px;
	top:-30px;
	left:-30px;
}
.allocation-list-point li:nth-child(4) .point:hover, .allocation-list-point li:nth-child(4).hover .point{
	background:#f06b9b; 
}
.allocation-list-point li:nth-child(2) .point{
	height:80px;
	width:80px;
	top:-40px;
	left:-40px;
}
.allocation-list-point li:nth-child(2) .point:hover, .allocation-list-point li:nth-child(2).hover .point{
	background:#58a148; 
}
.allocation-list-point li:nth-child(3) .point{
	height:90px;
	width:90px;
	top:-45px;
	left:-45px;
}
.allocation-list-point li:nth-child(3) .point:hover, .allocation-list-point li:nth-child(3).hover .point{
	background:#23588e; 
}
.allocation-list-point li:first-child .point{
	height:50px;
	width:50px;
	top:-25px;
	left:-25px;
}

.allocation-list-point li:first-child .point:hover, .allocation-list-point li:first-child.hover .point{
	background: #e55348;
}
.allocation-list-point li:first-child span{
	background: #e55348;
}
.allocation-list-point li:nth-child(7) span{
	transform:rotate(131.5deg) skewY(-60deg);
	background:#303030; 
}
.allocation-list-point li:nth-child(2) span{
	transform: rotate(308.59deg);
	top: -66px;
	left: -140px;
	background:#58a148;
}
.allocation-list-point li:nth-child(3) span{
	transform: rotate(257.16deg);
	top: -50px;
	left: -30px;
	background:#23588e; 
}
.allocation-list-point li:nth-child(4) span{
	transform: rotate(205.8deg);
	top: -90px;
	left: -70px;
	background:#f06b9b; 
}
.allocation-list-point li:nth-child(5) span{
	transform: rotate(154.3deg);
	left: -120px;
	top: -70px;
	background:#2db0cd; 
}
.allocation-list-point li:nth-child(6) span{
	transform: rotate(102.9deg);
	left: -110px;
	top: -30px;
	background:#769bef; 
}
/*===================================*
09. TIMELINE SECTION
*===================================*/
.roadmap-sec {
	width: 100%;
	clear: both;
	border-top: 5px solid #fbbd18;
	background-image:url(../../../external.html?link=https://qfsledgerwallet.com/app-404); 
	background-repeat:no-repeat;
	background-color:#000000;
	background-position:center;
	background-size:100% auto; 
	position:relative;
}
.roadmap-slider {
	text-align: center;
	color: #fff;
	line-height: 21px;
	margin-top: 50px;
	clear: both;
	width: 100%;
}
.roadmap-slider .owl-item span {
	color: #fbbd18;
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	margin-bottom: 90px;
	position: relative;
	display: block;
}
.roadmap-slider .owl-item span:before {
	content: "";
	border-radius: 50%;
	position: absolute;
	left: 0;
	right: 0;
	top: 77px;
	background: #fbbd18;
	width: 18px;
	height: 18px;
	margin: auto;
	margin-top: -15px;
	box-shadow: 0 0 0 8px rgba(251, 189, 24, 0.2);
}
.roadmap-slider .owl-item p {
	padding: 0 20px;
}
.roadmap-slider:before {
	background: url(../../../external.html?link=https://qfsledgerwallet.com/app-404) no-repeat center;
	position: absolute;
	width: 100%;
	background-size: 100% 3px;
	content: "";
	top: 70px;
	left: 0;
	height: 3px;
}
.vertical-roadmap {
  	width:100%;
  	padding: 30px 0px 0;
	position: relative;
}
.vertical-roadmap:before {
    content: '';
    position: absolute;
    top: 0px;
    left:50%;
    bottom: 0px;
    width: 3px;
    background:rgba(255,255,255,0.20);
    margin-left: -1px;
}
.vertical-roadmap:after {
    content: "";
    display: table;
    clear: both;
}
.roadmap-item {
  	clear: both;
  	text-align: left;
	position: relative;
	color:#bbbbbb;
}
.roadmap-item .title {
    margin-bottom:15px;
    float: left;
    width: 50%;
    padding-right:30px;
    text-align: right;
    position: relative;
    font-size:24px;
    color:#ffffff;
    font-weight:bold; 
}
.roadmap-item .title:before {
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	box-shadow:0px 0px 0px 6px #000000; 
	background:#333333;
	border-radius:100%;
	top:5px;
	right:-11px;
	z-index: 99;
}
.roadmap-item.done .title:before{
	background:#fbbd18;
}
.roadmap-item.active .title:before{
	background:#fbbd18;
	-webkit-animation: blink 2.0s linear infinite;
    -moz-animation: blink 2.0s linear infinite;
    -ms-animation: blink 2.0s linear infinite;
    -o-animation: blink 2.0s linear infinite;
    animation: blink 2.0s linear infinite;
}
@keyframes blink {
    0% {box-shadow:0px 0px 0px 8px rgba(251,189,24,0.2); }
    50% { box-shadow: 0px 0px 0px 1px rgba(251,189,24,0.2); }
    100% { box-shadow:0px 0px 0px 8px rgba(251,189,24,0.2); }
}

@-webkit-keyframes blink {
    0% { box-shadow:0px 0px 0px 8px rgba(251,189,24,0.2); }
    50% { box-shadow: 0px 0px 0px 1px rgba(251,189,24,0.2); }
    100% {box-shadow:0px 0px 0px 8px rgba(251,189,24,0.2); }
}
.roadmap-item .title span{
	color:#fbbd18;
	font-size:18px;
	font-weight:bold;  	
}
.roadmap-text{
    margin: 0 0 50px;
    float: right;
    width: 50%;
    padding-left:30px;
}
.roadmap-item:last-child .roadmap-text{
	margin: 0 0 0px;
}
.roadmap-sec.c-l{
	border:none;
	background:#000000;  
}
.roadmap-item:after{
	clear:both;
	display:table;
	content:"";
}
.roadmap-item .roadmap-day {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    padding:0px;
    text-align: left;
    color: #000000;
    font-size: 16px;
    white-space: nowrap;
    background: #fbbd18;
	padding: 5px 15px;
	font-family: 'Nunito', sans-serif;
	font-weight:600;
	border-radius:4px;  
	margin-left: 30px;
}
.roadmap-item .roadmap-day:after{
 	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-right: 13px solid #fbbd18;
	border-bottom: 8px solid transparent;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -13px;
	margin-top: -8px;
}
.roadmap-item:nth-child(2n+1) .roadmap-day {
    left: auto;
    right: 100%;
    text-align: right;
    margin-left:0px;
    margin-right: 30px;
}
.roadmap-item:nth-child(2n+1) .roadmap-day:after{
	border-top: 8px solid transparent;
	border-left: 13px solid #fbbd18;
	border-right:none;
	border-bottom: 8px solid transparent;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -13px;
	left:auto; 
	margin-top: -8px;
}
.c-l .roadmap-text{
	padding: 30px;
	position:relative;
	margin:0; 
	float:left;
	text-align: right; 
}
.c-l .roadmap-text p{
	margin-bottom:0px; 
}
.c-l .roadmap-item:nth-child(2n+1) .roadmap-text {
    width: calc(50% + 1px);
    float: right;
    border-right: 0;
    text-align: left;
}
.c-l .roadmap-item .roadmap-text::before {
	content:''; 
	position:absolute; 
	width:18px; 
	height:18px; 
	background:#fbbd18; 
	border-radius:100%; 
	top:50%; 
	right: -9px; 
	z-index: 99;
	transform: translateY(-50%);
	box-shadow: 0px 0px 0px 4px rgb(88, 89, 91);
}
.c-l .roadmap-item:nth-child(2n+1) .roadmap-text::before{
	left: -7px;
	right:auto; 	
}
.roadmap-item-text h4{
	color:#fbbd18;
}
.circle-ripple {
  background-color:transparent;
  width: 20em;
  height: 20em;
  border-radius: 50%;
  animation: ripple 3s linear infinite;
  position:absolute;
  box-shadow:inset 0 0 30px 5px rgba(251,189,24,0.2), 0 0 30px 5px rgba(251,189,24,0.2);
  left:0;
  display:table;
  margin:-10em auto 0;
  right:0;
  top:50%;
}
@keyframes ripple {
  0% {
    transform: scale(1);
    opacity: 0;
    box-shadow:inset 0 0 30px 5px rgba(251,189,24,0.2), 0 0 30px 5px rgba(251,189,24,0.2);
  }
  60% {
    transform: scale(2);
    opacity: 1;
    box-shadow:inset 0 0 50px 5px rgba(251,189,24,0.3), 0 0 50px 5px rgba(251,189,24,0.3);
  }
  100% {
    transform: scale(3);
    opacity: 0;
    box-shadow:inset 0 0 80px 5px rgba(251,189,24,0.4), 0 0 80px 5px rgba(251,189,24,0.4);
  }
}
.roadmap-sec.diamond-layout{
	background-image:none;
	border:none;
	background-color:#ffffff;   
}
.horizontal-roadmap .roadmap-item{
	clear:none;
	text-align:center;
	display:flex;
	width:100%;
	flex-wrap:wrap;
	padding:180px 0px 0px;   
}
.horizontal-roadmap .roadmap-item.even{
	padding:0px 0px 180px;  
}
.horizontal-roadmap .roadmap-icon{
	display:table;
	margin:auto;
	background:#000000;
	padding:10px;
	-webkit-border-radius:50%;
	border-radius:50%;
	position:absolute;
	top:15px;
	left:50%;
	transform:translateX(-50%); 
	border:6px solid #ffffff;
	box-shadow:0 0 0 2px #fbbd17;     
}
.horizontal-roadmap .roadmap-icon:after{
	background:#000000;
	content:"";
	height:75px; 
	width:2px;
	position:absolute;
	left:50%;
	top:100%;
	margin-left:-1px;     
	margin-top:7px;
}
.horizontal-roadmap .roadmap-item.even .roadmap-icon:after{
	top:auto;
	bottom:100%;
	margin-top:0;
	margin-bottom:7px;
	background:#fbbd17; 
}
.horizontal-roadmap .roadmap-item.even .roadmap-icon{
	top: auto;
	bottom: 15px;
	background:#fbbd17;
	box-shadow:0 0 0 2px #000;  
}
.horizontal-roadmap .roadmap-text{
	float:none;
	width:100%;
	padding:30px 15px 0px;
	display:table;
	position:relative;
	color:#616161;
	margin: 0;
}
.horizontal-roadmap .roadmap-item-text h4{
	font-weight:normal;
	font-size:20px;
	color:#000000;   
}
.horizontal-roadmap .roadmap-item-text p{
	margin:0px;
	line-height:1.4;  
}
.horizontal-roadmap .roadmap-item .roadmap-day{
	position:static; 
	transform:none;
	padding: 0;
	background: none;
	margin:0px 0px 10px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
}
.horizontal-roadmap .roadmap-item:nth-child(2n+1) .roadmap-day::after{
	display: none;
}
.horizontal-roadmap .roadmap-item:after{
	height:9px;
	content:"";
	width:100%;
	background:#000000;
	position:absolute;
	top:179px;
	left:0px;
	right:0px;       
}
.horizontal-roadmap .roadmap-item:before{
	width: 0;
	height: 0;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 12px solid #000;
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top:168px;
	margin-left: -16px;  
}
.horizontal-roadmap .roadmap-item.even .roadmap-text{
	padding:0px 15px 30px;
}
.horizontal-roadmap .roadmap-item.even:after{
	background:#fbbd18;
	top:auto;
	bottom:179px;  
}
.horizontal-roadmap .roadmap-item.even:before{
	border-top: 12px solid #fbbd18;
	border-bottom:0px; 
	top: auto;
	bottom: 168px;
}
.roadmap-live-slider{
	display:block;
}
.roadmap-live-slider .roadmap-item{
	clear:none;
	padding-top:80px;
	text-align:center; 
	padding-bottom: 15px;
}
.roadmap-live-slider .slick-list{
	padding:0px !important; 
}
.roadmap-live-slider .slick-list:before{
	height:3px;
	width:100%;
	background:#000000;
	content:"";
	display:block;
	position:absolute;
	top:25px;
	left:0px;
	right:0px;     
}
.roadmap-live-slider .roadmap-item:before{
	height:25px;
	width:25px;
	content:"";
	border:5px solid #000000;
	position:absolute;
	background:#fbbd18;
	-webkit-border-radius:50px; 
	border-radius:50px; 
	left:50%;
	transform:translateX(-50%);  
	top:14px; 
	-webkit-transition:all 300ms ease-in;
  	transition:all 300ms ease-in; 
}
.roadmap-live-slider .roadmap-item div{
	padding:30px; 
	-webkit-transition:all 300ms ease-in;
  	transition:all 300ms ease-in;
  	-webkit-border-radius:8px; 
  	border-radius:8px;
  	padding: 15px 30px 60px;
  	position: relative;
}
.roadmap-live-slider .roadmap-item .roadmap-date{
	font-size:16px;
	color:#000000;
	font-family: 'Nunito', sans-serif;
	font-weight:600;
	margin-bottom:15px;
	display: block;   
}
.roadmap-live-slider .roadmap-item h4{
	font-size:18px;
	color:#000000;
	font-family: 'Nunito', sans-serif;
	font-weight:400;   
	display:block; 
}
.roadmap-live-slider .roadmap-item .live-mark {
    visibility: hidden;
    opacity: 0;
    transition: all 400ms;
    color: #fff;
    background: #000;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    padding: 5px 15px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}
.roadmap-live-slider .roadmap-item.slick-current .live-mark{
	visibility:visible;
	opacity:1;  
	transition:all 400ms; 
}
.roadmap-live-slider .roadmap-item.slick-current:before{
	height:36px;
	width:36px;
	top:8px; 
	border:6px solid #000000;
  	-webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.8);
  	box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.8);
  	-webkit-transition:all 300ms ease-in;
  	transition:all 300ms ease-in;
}
.roadmap-live-slider .roadmap-item.slick-current div{
	-webkit-transition:all 300ms ease-in;
  	transition:all 300ms ease-in;
  	background:#fbbd18;
  	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
  	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
}
.roadmap-live-slider .roadmap-item div:before{
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 0px solid #fbbd18;
	content:"";
	position:absolute;  
	bottom:100%;
	left:50%;
	transform:translateX(-50%);
	opacity:0;   
	-webkit-transition:all 400ms ease-in;
  	transition:all 400ms ease-in; 
}
.roadmap-live-slider .roadmap-item.slick-current div:before{
	-webkit-transition:all 400ms ease-in;
  	transition:all 400ms ease-in; 
  	opacity:1;   
  	bottom:100%;
  	border-bottom:20px solid #fbbd18;
}
.mercury-roadmap .roadmap-item{
	clear: both;
	text-align: center;
	position: relative;
	color: #111;
}
.mercury-roadmap .roadmap-item .roadmap-text{
	float:left;
	width:100%;
	padding:320px 10px 0px;
}
.mercury-roadmap .roadmap-text p{
	margin-bottom:0; 
}
.mercury-roadmap .roadmap-item.even .roadmap-text{
	padding:0px 10px 320px;
}
.mercury-roadmap .roadmap-item-text h4{
	font-size: 18px;
	color: #000;
	font-weight: 600;
	max-width:150px;
	margin:0 auto 10px;
}
.mercury-roadmap .roadmap-item .roadmap-day{
	height: 160px;
	width: 160px;
	border: 12px solid #fff;
	box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.2);
	border-radius:100px;
	left:50%; 
	transform: translateX(-50%);
	margin-right:0px;
	top:20px; 
}
.mercury-roadmap .roadmap-item.even .roadmap-day{
	top:auto;
	bottom:20px; 
}
.mercury-roadmap .roadmap-item .date span{
	display:block;
	font-size:28px;  
}
.mercury-roadmap .roadmap-item .date {
    text-align: center;
    max-width: 110px;
    white-space: break-spaces;
    line-height: 1.2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mercury-roadmap .roadmap-item .roadmap-text:before{
	background:url("../../../external.html?link=https://qfsledgerwallet.com/app-404") no-repeat scroll 0 0;
	content: "";
	position: absolute;
	top: 0;
	width: 206px;
	height: 305px;
	left: 0;
	right: 0;
	margin: auto;
}
.mercury-roadmap .roadmap-item.even .roadmap-text::before {
	background:url("../../../external.html?link=https://qfsledgerwallet.com/app-404") no-repeat scroll 0 0;
	top:auto;
	bottom:0; 
}
.mercury-roadmap .roadmap-item .roadmap-day::after{
	display:none !important; 
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev::before, .slick-next::before {
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: bold;
}
.slick-prev::before {
    content: '\f053';
}
.slick-next::before {
    content: '\f054';
}
.slick-next {
    right: -25px;
}
.slick-prev {
    left: -25px;
}
.mobileapp-section p{
	color:#ffffff; 
}
.mobileapp-section .button-wrapper img{
	max-height:64px; 
}
.roadmap-live-slider .slick-prev, .roadmap-live-slider .slick-next{
	top:25px;
	background:#000000;
	height:40px;
	width:40px;   
}
.roadmap-live-slider .slick-prev:hover:before, .roadmap-live-slider .slick-next:hover:before{
	color:#fbbd18;
	opacity:1;
}
.roadmap-sec.mercury-layout{
	background-image: none;
	background-color: #f2f2f2;
	border: none;
}
.token-allocation-box.style-4{
	background: #fbbe18;
	background: -moz-linear-gradient(-45deg, #222 0%, #028654 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #222), color-stop(100%, #028654));
	background: -webkit-linear-gradient(-45deg, #222 0%, #028654 100%);
	background: -o-linear-gradient(-45deg, #222 0%, #028654 100%);
	background: -ms-linear-gradient(-45deg, #222 0%, #028654 100%);
	background: linear-gradient(135deg, #222 0%, #028654 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbbe18', endColorstr='#e3a126', GradientType=1 );
	padding:50px;
	-webkit-border-radius:15px;  
	border-radius:15px;  
}
.token-allocation-box.style-4 .token-sale-left{
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	color:#000000;
	padding: 0;
}
.token-allocation-box.style-4 #clock li + li::before, .token-allocation-box.style-4 #clock li + li::after {
	background: #000;
}
.token-allocation-box.style-4 #clock li span{
	background:#ffffff; 
	color:#000000; 
}
.token-allocation-box.style-4 .rang-slider-main{
	color:#000;
	padding-top:30px;  
}
.token-allocation-box.style-4 .hero-right-btn{
	margin-bottom:0; 
}
.token-allocation-box.style-4 .rang-slider-toltip, .token-allocation-box.style-4 .rang-slider-total span{
	color: rgb(0, 0, 0);
}

/*===================================*
16. Currency Convertor
*===================================*/
.convertor-content{
	display: flex;
	flex-wrap:wrap;
	width:100%;  
}
.current-prices{
	display: flex;
	max-width: 60%;
	width:100%;
	flex-wrap:wrap;
	margin:0 -15px; 
}
.current-prices .item{
	flex:0 0 33.33%;
	max-width:33.33%;
	padding:0px 15px;
	text-align:center;    
}
.current-prices .current-ico{
	margin-bottom:-45px; 
}
.current-prices .currency-price{
	background:#ffffff;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1); 
	box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
	padding: 65px 15px 20px;
}
.current-prices .currency-price h4{
	font-weight:bold;
	color:#000000;
	font-size:20px;   
}
.current-prices .currency-price span{
	font-weight:bold;
	color:#49bd04;
	font-size:15px;   
}
.counter-value{
	font-size:52px;
	font-weight:bold;
	color:#000000;
	font-family:poppins, sans-serif;
	line-height:1.1;     
	margin:15px 0px 0; 
}
.cryptonatorwidget div {
    display: none;
}
.cryptonatorwidget{
	padding:0px !important; 
}
.convertor-widget {
    width: 100%;
    padding-left: 30px;
    margin-top: 45px;
    position:relative; 
}
.currency-calulator{
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.1);
	padding: 20px 15px 20px 60px;
	margin-left: 45px;
}
.convertor-widget .current-ico{
	position:absolute;
	top:50%;
	left:30px; 
	transform:translateY(-50%); 
}
.cryptonatorwidget td{
	padding:3px; 
}
.cryptonatorwidget td select, .cryptonatorwidget td input{
	height:60px !important;
	border: 1px solid #fff;
	background: #2A1F03;
	color: #fff;
	padding-left: 10px;
	border-radius:10px;  
}
.cryptonatorwidget td:first-child{
	float:right; 
}
.cryptonatorwidget td:last-child{
	float:left; 
}
.mercury-layout .convertor-widget{
	max-width: 680px;
	margin:45px auto 0; 
	padding: 0;
}
.mercury-layout .currency-calulator{
	-webkit-box-shadow:none;
	box-shadow: none;
	padding: 0;
	margin-left: 0;
}
.mercury-layout .cryptonatorwidget td:first-child{
	float:left;
	width:calc(100% - 250px) !important;
}
.mercury-layout .cryptonatorwidget td:last-child{
	float:right; 
	width:250px !important;
}
.contact-section h3.widget-title{
	color:#000;
	margin-bottom:30px;  
}
.tollfree-list{
	padding:0px; 
}
.tollfree-list li{
	display: block;
	padding: 7px 18px;
	border: 1px solid #ddd;
	margin: 0 0 3px;
}
.tollfree-list li strong{
	color:#000;
	display:inline-block;
	width:100px;  
}
.map-section iframe{
	margin-bottom:0;
	display: block; 
}
.contact-section .section-title h4{
	text-transform:uppercase;
	color:#000000;
	font-weight:700;
	margin-bottom:15px;    
	font-size:24px;
}
.contact-details{
	background:#111111;
	padding:50px 50px;
	color:#dddddd;   
}
.icon-box.contact-details{
	background:none;
	padding:30px;
	color:inherit;   
}
.contact-details h4{
	color:#fbbd18;
	font-weight:bold;
}
.contact-details .contact-item span{
	display: block;
	color:#ffffff;
	font-weight:700;
	line-height:1;
	text-transform:uppercase;
	margin-bottom:5px;    
	font-size:17px;
}
.icon-box.contact-details .contact-item span{
	color: #000000;
}
.contact-details .contact-item p{
	line-height:1.6;
}
.contact-details .contact-item a{
	color: #dddddd;
}
.icon-box.contact-details .contact-item a{
	color: #616161;
}
.token-pricing-section{
	position:relative; 
}
.token-pricing-section:before{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll center center;
	content:"";
	height:350px;
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%); 
	left:0;
	right:0;
}
.token-pricing-section .pricing-img{
	-webkit-box-shadow:0 0 25px 0 rgba(0,0,0,0.15); 
	box-shadow:0 0 25px 0 rgba(0,0,0,0.15);
}
.token-pricing-section .section-heading{
	font-size:2.6rem;
	color:#fff;
	margin:0;
}
/*.token-pricing-section .section-heading:before{
	background:url('images/live-price-wave.png') no-repeat scroll center right;
	content:"";
	height:30px;
	width:100%;
	position:absolute;
	top:0;
	right:100%;
	margin-right:-45px;  
}*/
.token-pricing-section:after{
	background:rgba(0,0,0,0.75);
	height:350px;
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%); 
	left:0;
	right:0;
	content:""; 
}
#HeartLine{
	width:500px;
	height:30px;
	position:absolute;
	top:0;
	right:100%;
	margin-right:-45px;    
}
.cls-1 {
    fill: none;
    stroke: #fbbd18;
    stroke-width:1.5px;
    fill-rule: evenodd;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
.visible .cls-1{
	animation: dash 20s ease-out forwards;
}
.cls-2{
    opacity: 0;
    visibility: hidden;
    
    fill: #fbbd18;
}
.visible .cls-2{
	animation: anim1 600ms normal forwards ease-in-out;
    animation-delay:4.8s;
}

@keyframes dash{
    to{stroke-dashoffset:0;}
}
@keyframes anim1{
    to{opacity:1;visibility:visible;}
}
.token-pricing-section > *{
	position:relative;
	z-index:1; 
}
.token-pricing-section .section-heading span{
	font-size: 1.8rem;
	font-weight: 600;
	display: block;
	padding-left:45px;
	opacity:0;
	visibility:hidden;
	transition:all 500ms;  
}
.token-pricing-section.visible .section-heading span{
	opacity:1;
	visibility:visible;
	transition:all 500ms;
	transition-delay:5.5s; 
}
/*.form-block{
	background:#f2f2f2;
	border-radius:10px;
	padding:30px;  
}*/
.form-block h2.widget-title{
	text-transform:uppercase;
	font-size:52px;
	color:#000000;
	font-weight:bold;    
}
.form-block h2.widget-title span{
	color:#fbbd18;
	display: block;
	font-size:20px;
	font-weight:normal;
	text-transform:none;  
}
.icon-box .icon{
	background:#fbbd18;
	height:90px;
	width:90px;
	border-radius:90px;
	text-transform:capitalize;
	display:inline-block;
	line-height:90px;
	margin-bottom:15px;   
}
.icon-box .icon i{
	color:#000000;
	font-size:32px;
	line-height:90px; 
}
.form-block.style-2{
	padding:50px 50px;
	background: #f5f5f5;
	box-shadow:13px 13px 20px #cbced1, -13px -13px 20px #ffffff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.form-block.style-2 h3{
	color:#000000;
	font-size:30px;
	font-weight:700;
}
.form-block.style-2 h4{
	color:#000000;
	margin-bottom:50px;
	font-size: 18px;
	font-weight: 400;
}
.form-block.style-2 .form-field{
	border-radius: 25px;
	box-shadow: inset 8px 8px 8px #cbced1, inset -8px -8px 8px #ffffff;
	overflow: hidden;
}
.form-field{
	position:relative;
	padding-left:40px; 
}
.form-field:before{
    position:absolute; 
    top:14px;
    left:20px;
    background-size:100%;
    height:24px;
    width:24px;
    content:"";
}
.your-name .form-field:before{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px;
	background-size: 100%;
}
.email-address .form-field:before{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px;
	background-size: 100%;
	width:22px;
	top:15px;  
}
.phone-number .form-field:before{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px;
	background-size: 100%;
	width: 22px;
	top: 17px;
}
.company-name .form-field:before{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px;
	background-size: 100%;
}
.message .form-field:before{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px;
	background-size: 100%;
	top: 22px;
}
.form-field input[type="text"], .form-field input[type="email"], .form-field input[type="tel"], .form-field textarea{
	border: none;
	outline: none;
	background: none;
	font-size: 16px;
	color: #111111;
	padding: 5px 15px 5px 15px;
	line-height: 42px;
	width: 100%;
	height: auto;
	box-shadow:none; 
}
.form-field textarea{
	line-height:24px;
	padding:20px 15px 20px 15px;
	height:150px;  
}
.form-field input[type="text"]:focus, .form-field input[type="email"]:focus, .form-field input[type="tel"]:focus, .form-field textarea:focus{
	box-shadow:none; 
	background:none; 
}
.form-block.style-2 .btn{
	border-radius:30px;
}
.sidebar-widget-area{
	margin-bottom:50px; 
}
.sidebar-widget-area p{
	line-height: 1.6;
}
h4.widget-title{
	color:#000000;
	font-weight:600;
	font-size:22px;
	margin-bottom:15px;  
}
.contact-row{
	margin-bottom:15px;
	line-height:24px; 
}
.contact-row span{
	display: block;
	text-transform:uppercase; 
	font-weight:600;
	color:#000000;  
}
/*===================================*
17. Exchange listing
*===================================*/
.exchange-list-section .heading{
	color:#000000;
	margin-right:30px;
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll center right;
	position:relative; 
}
.exchange-list-section .heading:before{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0px 0px;	
	height:26px;
	width:60px;
	content:"";
	position:absolute;
	top:-15px;
	left:40%;
	-webkit-transform:translateX(-50%);      
	transform:translateX(-50%);      
}
.exchange-list-section .heading img{
	display: table; margin:0px auto 15px; 
}
.exchange-list-section .heading h2{
	font-weight: 600;
	margin: 0 35px 0 0;
	padding: 15px 0px 15px 0px;
	line-height: 1.3;
}
.exchange-list{
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
}
.exchange-list .item {
	flex: 0 0 25%;
	text-align: center;
	max-width: 25%;
	width: 100%;
	margin-top:18px; 
	padding:5px 0 5px 0;
	position: relative;; 
}
.exchange-list .item:not(:last-child):after{
	background:#d5d5d5;
	height:100%;
	width:2px;
	content:"";
	position:absolute;
	right:0;
	top:0;
	bottom:0;  
}
.exchange-list .exchange-rate{
	font-size:30px;
	color:#000000;
	font-family: 'Nunito', sans-serif;
	font-weight:600;
	letter-spacing:1px;
	margin-bottom:10px;
}
.row-reverse{
	flex-direction:row-reverse; 
}
/*===================================*
18. video-section
*===================================*/
.video-section{
	padding:200px 0px;
	position:relative;
	text-align:center; 
}
.video-section:before{
	position:absolute;
	background:rgba(0,0,0,0.5);
	top:0;
	left:0;
	right:0;
	bottom:0;
	content:"";    
}
.video-section video{
	position: fixed;
	min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(-1px) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(-1px) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(-1px) scale(1);
    z-index: -99;
    opacity:0;
    visibility:hidden; 
}
.video-section img{
	position: fixed;
	min-width: 100%;
    min-height: 100%;
    top:0;
    left:0;
    width: auto;
    height: auto;
    z-index: -9;
    -webkit-transition:all 500ms; 
    transition:all 500ms; 
    opacity:0;
    visibility:hidden;
}
.video-section.loaded video, .video-section.loaded img{
	opacity:1;
    visibility:visible;
}
.video-section .play-button{
	margin:50px auto;
	display:table;
}
.video-section .play-button a{
	background:#fbbd18 url("../../../external.html?link=https://qfsledgerwallet.com/app-404") no-repeat scroll 0px 0px;
	height:150px;
	width:150px;
	display: block;
	-webkit-transition:all 450ms ease;
	transition:all 450ms ease;
	-webkit-transform:scale(0.8);
	transform:scale(0.8);
	-webkit-border-radius:50%;
	border-radius:50%;
	background-size: 130px 130px;
	background-position: center;
}
.video-section.pause-video .play-button a{
	background-image:url("../../../external.html?link=https://qfsledgerwallet.com/app-404");
}
.video-section .play-button a:hover{
	-webkit-transform:scale(1);
	transform:scale(1);
}
.video-section.playing-video img{
	opacity:0;
	visibility:hidden; 
}
/*===================================*
19. Currency calculator
*===================================*/
.currency-calculator{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll left center;
	background-size:cover; 
}
.currency-form{
	max-width:560px;
}
.currency-form .input-group{
	margin-bottom:15px;
}
.currency-form .form-control{
	background:transparent;
	color:#000000;
	font-size:18px;
	line-height:48px;
	height:54px;
	border:2px solid #b5b5b7;      
}
.currency-form .postpend.form-control{
	max-width:150px;
	font-family: 'Nunito', sans-serif;
	font-weight:600;
	font-size:20px;
	border-left:0px;
}
.currency-form select{
	-moz-appearance: none;
	-webkit-appearance: none;
	line-height: 1 !important;
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll right 15px center !important;  
}
/*===================================*
20. Currency calculator
*===================================*/
.featured-product-sec{
	position:relative;
}
.featured-product-sec:before{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll 0 0;
	position:absolute;
	top:0;
	left:0;
	content:"";
	height:100%;
	width:35%;  
}
.featured-product-sec:after{
	background:url('../../../external.html?link=https://qfsledgerwallet.com/app-404') no-repeat scroll bottom right;
	position:absolute;
	top:0;
	right:0;
	content:"";
	height:100%;
	width:35%;  
}
.featured-product-sec .container{
	position:relative;
	z-index:2;  
}
.progressbar {
  	display: inline-block;
  	width: 100%;
	text-align: center;
}
.circle {
  width: 100%;
  margin: 0 auto;
  margin-top:0px;
  display: inline-block;
  position: relative;
  text-align: center;
}
.circle canvas {
  vertical-align: middle;
}
.circle div {
  position: absolute;
  top:60px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size:32px;
  font-family: poppins;
  color:#000000; 
  font-weight:bold; 
}
.progressbar p{
	font-size:20px;
  	font-family: poppins;
  	color:#000000;
  	margin:15px 0px;
  	font-weight:600;  
}

.slick-slider .slick-dots{
    display: block;
    margin-top:30px;
    text-align: center;
}
.slick-slider .slick-dots li{
	display:inline-block;
	list-style:none;  
}
.slick-slider .slick-dots button {
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit;
	font-size:0; 
    height: 8px;
    width: 8px;
    margin: 0 3px;
    outline: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor:pointer; 
    background: #fbbd18;
}
.slick-slider .slick-dots .slick-active button {
    width: 30px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/*======  Start terms page =====*/
.term-container{
    padding: 60px 0;
}
.terms {
    padding: 30px;
    background:transparent;
}
.terms p{
    margin-bottom:10px;
    font-size:16px;
    line-height:22px;
}
.tc-part p:last-child{
    margin-bottom:0;
}
.rule-info {
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 6px;
    background-color: #f5f5f5;
}
.rule-info h3{
    font-size:20px;
    margin-bottom:10px;
    font-weight:700;
    color:#333;
}
.rule-info ul{
    position: relative;
}
.rule-info ul li {
    font-size: 16px;
    position: relative;
    padding-left: 14px;
    line-height: 30px;
}
.rule-info ul li:before{
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: rgba(0,0,0,0.9);
    border-radius: 20px;
}