@font-face {
  font-family: "halyard-display";
    src: url('../fonts/HalyardDisplay-Regular.eot');
    src: url('../fonts/HalyardDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HalyardDisplay-Regular.woff2') format('woff2'),
        url('../fonts/HalyardDisplay-Regular.woff') format('woff'),
        url('../fonts/HalyardDisplay-Regular.ttf') format('truetype'),
        url('../fonts/HalyardDisplay-Regular.svg#HalyardDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html {
  scroll-behavior: smooth;
} 

::-webkit-scrollbar-corner {
    background-color: transparent;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #8f8f8f;
}

::-webkit-scrollbar {
    width: 4px;
    background-color: rgb(255 255 255 / 0%);
}


body{
	margin:0px;
	font-family: 'halyard-display';
    background-color: #111119;
    background-image: url(../images/vector-main-bg_h1.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	overflow-x:hidden;
	position: relative;
	color:#f0f0f0;
	font-size: 15px;
}

a{
	color:#7A4FF4;
}

a:hover{
	text-decoration:none;
	color:#39a1ff;
}

button{
	border:none;
}

button:focus{
	outline:none;
	opacity:1;
}

:focus-visible {
    outline: none;
}

input::-webkit-input-placeholder { 
  color: rgb(0 0 0 / 31%) !important;
}

input:-ms-input-placeholder { 
  color:  rgb(0 0 0 / 31%) !important;
}

input::placeholder {
  color:  rgb(0 0 0 / 31%) !important;
}

header{
	padding: 20px 0;
    z-index: 11;
    width: 100%;
	transition: transform 0.4s;
	position: fixed;
    top: 0;
    left: 0px;
	transform:none;
}

header.darkHeader {
	transform:translate3d(0, -100%, 0);
	background:#000;
}

header.scrolling_up{
	transform:translate3d(0, -0%, 0);
	background: #111;
	padding:10px 0;
}

.safari-mac header.activeheader{
	transform:translate3d(0, -0%, 0);
	background: #030505;
	padding:10px 0;
}

section{
	position:relative;
	z-index:1;
	padding: 80px 0 110px 0;
	
	/* min-height:100vh;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; */
}

.logo img{
	width: 120px;
	transition: all 0.3s ease;
}

header.darkHeader .logo img{
	/* width:160px; */
	transition: all 0.3s ease;
}

/* .scrolling_up .logo img{
	width:80px;
} */

.navbar-expand-lg{
	margin-left:70px;
	width: 100%;
}

.navbar-expand-lg .navbar-nav .nav-link{
	font-size: 14px;
    padding: 5px 0px;
    color: rgb(255 255 255);
    position: relative;
    margin: 0 20px;
    font-weight: 400;
}

.navbar-expand-lg .navbar-nav .nav-link:hover{
	color: #fff;
}

.navbar-expand-lg .navbar-nav .nav-link:after{
	content: '';
    position: absolute;
    width: 0px;
    height: 2px;
    background: #13CDE7;
    bottom: 0px;
    left: 0;
    transition: 0.5s;
	border:none;
	margin:0px;
}

.navbar-expand-lg .navbar-nav .nav-link:hover:after{
	width:100%;
	transition:0.5s;
}

.navbar-nav .dropdown-menu{
	padding: 14px 14px;
    background: #030505;
    min-width: 13rem;
    top: 45px;
}

.navbar-nav .dropdown-menu li a{
	display: block;
    font-size: 14px;
    padding: 10px 10px;
    border-bottom: 1px solid rgb(255 255 255 / 18%);
    color: rgb(255 255 255);
}

.navbar-nav .dropdown-menu li a:hover {
    color: #13CDE7;
}

.navbar-nav .dropdown-menu li:last-child a{
	border-bottom:0px;
}

/* .dropdown-toggle::after{
	display:none;
} */

li.nav-item.dropdown .fa{
	margin-left:0px;
}

.headright {
    margin-left: auto;
	display: flex;
    align-items: center;
}

.headright>a{
	font-size: 14px;
    color: rgb(255 255 255);
    display: flex;
    align-items: center;
}

.headright>a:hover{
	color: #13CDE7;
}

.headright>a img {
    width: 20px;
    margin-right: 10px;
}

.white-btn{
	width: 140px;
    line-height: 46px;
    border-radius: 120px;
    background-color: #ffffff;
    font-size: 15px !important;
    color: #00040f !important;
    text-align: center;
    justify-content: center;
    padding: 0px;
    border: none;
	font-family: 'halyard-display';
}

.white-btn:hover{
	background: rgb(19,205,231);
	background: linear-gradient(90deg, rgba(19,205,231,1) 0%, rgba(4,113,181,1) 100%);
	color:#fff !important;
}

.headright .white-btn{
	margin-left:30px;
}

h2{
	/* font-size: 48px;
    line-height: 60px; */
	font-size: 45px;
    line-height: 56px;
	color: #f0f0f0;
	font-family: 'halyard-display';
	margin:0px;
}

h2.margin_up{
	margin-top:-70px;
	position: relative;
}

p {
    font-size: 17px;
    line-height: 28px;
    color: #D6D6DE;
    text-align: center;
}

p:last-child{
	margin:0px;
}

#particles-js{ 
	position:absolute; 
	width: 100%; 
	height: 100%;
}

.banner-sec .row{
	position:relative;
}

.banner-sec{
	padding:160px 0;
}



.logged-user-i {		
	position: absolute;
	right: 15px;
	top: 15px;
	z-index: 11;
	padding: 12px;
}
.logged-user-i a{
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
}
.logged-user-i .avatar-w {
    padding: 4px;
    width: 35px;
    height: 35px;
    background: #7A4FF4;
    border-radius: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.logged-user-i .logged-user-info-w {
    padding-left: 5px;
}
.logged-user-name {
     color: #fff;
    font-size: 13px;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'halyard-display';
}
@media screen and (min-width:768px){
	/* .banner-sec .row .col-md-6{
		position:absolute;
		top:50%;
		left:0px;
		transform:translateY(-50%);
		z-index: 1;
	} */	
}

	
.banner-sec video {
    width: 950px;
    margin-left: 0;
    position: absolute;
    right: 0px;
    top: -80px;
}

.banner-sec .col-md-6:last-child{
	min-height:430px;
}

@media screen and (min-width:1450px){
	.banner-sec{
		padding:260px 0 140px 0;
	}
	.banner-sec video{
		width: 1130px;
		margin-left: 0;
		position: absolute;
		right: -110px;
		top: -170px;
	}
}

.banner-sec h1{
	font-size: 80px;
	letter-spacing: -2px;
	color: #f0f0f0;
	font-family: 'halyard-display';
	margin:0px;
	position: relative;
    z-index: 1;
}

.banner-sec h1 span{
	background: #13CDE7;
	background: radial-gradient(circle farthest-corner at center center, #13CDE7 0%, #0471B5 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.banner-sec .container{
	position:relative;
}

.banner-sec img.sglobe {
    position: absolute;
    top: -50px;
	left:50px;
}

.banner-sec img.sglobe2{
	top: -10px;
    left: 450px;
    width: 100px;
}

.banner-sec img.sglobe3{
	bottom: -30px;
    left: 340px;
    width: 100px;
    top: inherit;
}

.banner-sec img.sglobe4{
	top: -70px;
    right: 50px;
    width: 80px;
    left: inherit;
}

.banner-sec img.sglobe5{
	bottom: -30px;
    right: 0px;
	left:inherit;
    width: 100px;
    top: inherit;
}

.left-shadow{
	background: url(../images/banner-shadow.png) no-repeat, url(../images/pattern-right.png) no-repeat;
    background-size: 1000px, 400px;
    background-position: bottom -600px left, bottom right;	
}

.left-shadow:before{
	content:'';
	position:absolute;
	width:100%;
	max-width:300px;
	height:55px;
	background:#111;
	left:0px;
	bottom:55px;
}

.left-shadow:after{
	content:'';
	position:absolute;
	width:100%;
	max-width:400px;
	height:55px;
	background:#111;
	left:0px;
	bottom:0px;
}

.right-shadow{
	background: url(../images/right-shadow.png) no-repeat, url(../images/pattern-left.png) no-repeat;
    background-size: 1000px, 400px;
    background-position: bottom -600px right, bottom left;
}

.right-shadow:before{
	content:'';
	position:absolute;
	width:100%;
	max-width:300px;
	height:55px;
	background:#111;
	right:0px;
	bottom:55px;
}

.right-shadow:after{
	content:'';
	position:absolute;
	width:100%;
	max-width:400px;
	height:55px;
	background:#111;
	right:0px;
	bottom:0px;
}

section.banner-sec.left-shadow{
	background: url(../images/banner-shadow.png) no-repeat;
    background-size: 1000px;
    background-position: bottom -500px left;	
}

@media screen and (max-width:1300px){
	section.banner-sec.left-shadow{
		background-size: 900px;	
	}
}

@media screen and (min-width:1200px) and (max-width:1400px){
	.right-shadow:before{
		max-width:200px;
		height:50px;
		bottom:50px;
	}
	.right-shadow:after{
		max-width:300px;
		height:50px;
	}
	.left-shadow:before{
		max-width: 200px;
		height: 50px;
		bottom: 50px;
	}
	.left-shadow:after{
		max-width: 300px;
		height: 50px;
	}
}

/* section.power{
    padding-bottom: 170px;
    padding-top: 120px;
} */

section.power video{
	width:100%;
}

.power p{
	margin-top:-120px;
}

.fadetext{
	width:100%;
	text-align:center;
	opacity: 1;
	font-size: 140px;
	/* letter-spacing: 30px; */
	letter-spacing: 15px;
	line-height: 140px;
	font-weight: bold;
	background: #111111;
	background: linear-gradient(to top, #00000000 0%, rgb(255 255 255 / 12%) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform:uppercase;
	font-family: 'halyard-display';
}

.banksec .col-md-6:first-child{
	direction:rtl;
	position:relative;
}

.banksec .col-md-6:first-child:before{
	content:'';
	position:absolute;
	left:50%;
	background:url(../images/blue-circ-shadow.png) no-repeat;
	width: 100%;
    height: 100%;
    top: 0px;
    transform: translateX(-50%);
    background-size: contain;
}

.banksec .col-md-6 video{
	width:100%;
}

.banksec .col-md-6:last-child{
	padding-left:50px;
}

.banksec img.hand {
    z-index: -1;
    position: relative;
}

.banksec .moon1{
	position:absolute;
	left: -30px;
    top: 200px;
    width: 70px;
	
	-webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}

.banksec .moon2{
	position:absolute;
	right: 0px;
    top: 280px;
    width: 30px;
	
	-webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
	animation-delay:0.5s;
}

@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-8px); }
}

@-webkit-keyframes grow {
    0% { transform: scale(1); }
    50% { transform: scale(1.1);}
    100% { transform: scale(1); }
}

.exchange .col-md-6:last-child{
	position:relative;
}

.tabsec{
	position:relative;
}

.tabsec video {
    width: 100%;
	position:relative;
}

.cardsecvid:before{
	content:'';
	position:absolute;
	background:url(../images/flashcirc.png) no-repeat;
	bottom: 30px;
    left: 20px;
    width: 250px;
    height: 250px;
    background-size: contain;
}

/* .tabsec:before{
	content:'';
	position:absolute;
	top: -50px;
    left: 20px;
	background:url(../images/lb-circ-big.png) no-repeat;
	width: 140px;
    height: 140px;
    background-size: contain;
    z-index: -1;
	
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 2s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 2s;
	-webkit-animation-name: grow;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: grow;
	-moz-animation-duration: 4s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	
	display:none;
} */

.tabsec:after{
	content:'';
	position:absolute;
	bottom: 50px;
    left: -10px;
    background: url(../images/lb-circ-big.png) no-repeat;
    width: 60px;
    height: 60px;
    background-size: contain;
    z-index: -1;
	
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 2s;
	-moz-transition-property: -moz-transform;
	-moz-transition-duration: 2s;
	-webkit-animation-name: grow;
	-webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: grow;
	-moz-animation-duration: 4s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	
	display:none;
}

.defi .col-md-12{
	position:relative;
}

.defi .col-md-12:before{
	content:'';
	position:absolute;
	top: 0px;
    right: 60px;
    background: url(../images/lb-circ-big.png) no-repeat;
    width: 40px;
    height: 40px;
    background-size: contain;
    z-index: -1;

	-webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
	
	display:none;
}


.defi .defimgsec{
	direction:rtl;
	position:relative;
}

.defi .defimgsec:before{
	content:'';
	position:absolute;
	bottom: 0px;
    right: 60px;
    background: url(../images/lb-circ-big.png) no-repeat;
    width: 60px;
    height: 60px;
    background-size: contain;
    z-index: -1;
	
	-webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
	
	display:none;
}

.defi .defimgsec img{
	width: auto;
    max-width: 700px;
}

.box{
	border-radius: 5px;
	background-image: linear-gradient(180deg, rgb(255 255 255 / 12%) 0%, rgb(77 77 77 / 35%) 100%);
	padding:18px;
	margin:0 0 25px 0;
}

.box img {
    width: 65px;
	height: 60px;
    object-fit: contain;
	object-position:left;
}

.box span{
	width:100%;
	font-size: 15px;
	font-family: 'halyard-display';
	display:inline-block;
	margin: 20px 0 0 0;
}

.digital .box span{
	    font-family: 'halyard-display';
}

.box span strong{
	font-weight:normal;
	font-family: 'halyard-display';
}

.digital .col-md-9{
	padding-right:30px;
}

/* .digital .col-md-4{
	padding-left:70px;
} */

.digital .box{
	display:flex;
	align-items:Center;
	margin-bottom: 20px;
	padding: 20px 20px;
	position:relative;
}

.digital .box:last-child{
	margin-bottom:0px;
}

.digital .box img{
	margin:0 15px 0 0;
}

.digital .box span{
	margin:0px;
	color: #ccc;
}

.digital .box span strong {
    color: #fff;
    margin-bottom: 7px;
    display: block;
}

.digital .box span strong +  br {display: none;}

.exchange, .cardsec, .digital {
    padding-bottom: 170px;
}

.metaimgsec{
	margin:60px 0 0 0;
}

.metaimgsec img{
	width:auto;
	max-width:100%;
}

.metaimgsec p{
	margin:60px 0 0 0;
}

section.metaverse.left-shadow{
	background:url(../images/banner-shadow.png) no-repeat, url(../images/grid-lighter.png) no-repeat;
	background-size: 1000px, 100%;
    background-position: bottom -500px left, bottom center;
}

ul.ticklist {
    margin: 30px 0 0 0;
    padding: 0px;
    list-style: none;
}

ul.ticklist li{
	background:url(../images/checkmark.png) no-repeat top 5px left;
	padding-left:45px;
	background-size: 26px;
	margin:0 0 20px 0;
	line-height:28px;
}

ul.ticklist li:last-child{
	margin:0px;
}

.coinsec{
	border-radius: 19px 19px 0 0;
	background-image: linear-gradient(157deg, #d1d3d5 0%, #616d71 100%);
    padding: 30px 50px 50px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.coinsec img {
    display: inline-block;
    max-width: 180px;
}

.mfevtoken{
	padding:40px 50px 50px;
	background:#191918;
	border-radius: 0 0 19px 19px;
	position:relative;
}

.mfevtoken h2{
	margin-bottom:20px;
}

.mfevtoken h2 span{			
	background: #13cde7; /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #13cde7, #0471b5); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #13cde7, #0471b5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mfevtoken:before{
	content: '';
    width: 100%;
    height: 70px;
    position: absolute;
    left: 0px;
    top: -24px;
    background: #191918;
    transform: skew(0deg, 6deg);
}

.greybg{
	background:#191918;	
}

.tokenbox{
	padding:40px;
	background:url(../images/tokenbg.png) no-repeat, #191918;
	background-size: contain;
    background-position: right center;
    border-radius: 19px;
}

.tokenbox h3{
	font-size: 24px;
    line-height: 28px;
    color: #13cee8;
    margin-bottom: 14px;
	font-family: 'halyard-display';
}

.tokenbox p{
	width:50%;
}

/* .tokencoinsec{
	padding-bottom:110px;
} */

.tokencoinsec .fadetext{
	font-size: 130px;
    letter-spacing: 25px;
}

.tokencoinsec .col-md-7{
	display: flex;
    flex-direction: column;
}

.tokencoinsec .tokenbox:last-child{
	margin-top:auto;
}

.tokenbox.tokenbox_top {
    background: #191918;
}

.tokenbox.tokenbox_top div{
	display:flex;
	justify-content:space-between;
}

.tokenbox.tokenbox_top div p {
    width: 30.5%;
    margin: 0px;
}

.tokencoinsec .col-md-6:first-child{
	padding-right:40px;
}


.coin-rotate-sec{
	width:100%;
	max-width:540px;
	/* height:440px; */
	display: flex;
    align-items: center;
    justify-content: center;
	position:relative;
	flex-wrap: wrap;
}

.coinimg{
	position:absolute;
	width: 100%;
    /* max-width: 230px; */
}

.wheelimg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 268px;
	animation-name: rotates;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
	border: 2px solid;
    border-radius: 100%;
}

@keyframes rotates{
    from{ transform: translate(-50%,-50%) rotate(-360deg); }
    to{ transform: translate(-50%,-50%) rotate(360deg); }
}

.parent-1{
	width:370px;
	height:370px;
	border:2px solid rgb(7 132 192 / 45%);
    border-radius: 430px;
	/* position:relative; */
	position:absolute;
}

.coin-rotate-sec:after{
	content:'';
	position:absolute;
	width:490px;
	height:490px;
	border:2px solid rgb(7 132 192 / 45%);
	top: 50%;
    left: 50%;
    border-radius: 530px;
    transform: translate(-50%,-50%);
    opacity: 1;
}

.child-1{
	position: absolute;
    width: 58px;
    height: 58px;
    border-radius: 68px;
    transform: rotate(0deg);
    transition: transform 0.7s linear;
    top: 155px;
    left: 155px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: orbit 20s linear infinite;
}

.child-2{
	position: absolute;
    width: 58px;
    height: 58px;
    border-radius: 68px;
    transform: rotate(0deg);
    transition: transform 0.7s linear;
    bottom: 155px;
    right: 155px;
    /* background: #fff; */
    display: flex;
    align-items: center;
    justify-content: center;
    animation: orbit 20s linear infinite;
}

.parent-2 {
    /* width: 440px;
    height: 440px; */
	width: 100%;
	height: 490px;
    position: relative;
    max-width: 490px;
}

.child-3{
	position: absolute;
    width: 58px;
    height: 58px;
    border-radius: 68px;
    transform: rotate(0deg);
    transition: transform 0.7s linear;
    bottom: 215px;
    right: 215px;
    /* background: #fff; */
    display: flex;
    align-items: center;
    justify-content: center;
	z-index:1;
    animation: orbit02 20s linear infinite;
}

.child-4{
	position: absolute;
    width: 58px;
    height: 58px;
    border-radius: 68px;
    transform: rotate(0deg);
    transition: transform 0.7s linear;
    bottom: 215px;
    right: 215px;
    /* background: #fff; */
    display: flex;
    align-items: center;
    justify-content: center;
    animation: orbit02 20s linear infinite;
	z-index:1;
}

.child-5,
.child-6,
.child-7,
.child-8{
	position: absolute;
    width: 58px;
    height: 58px;
    border-radius: 68px;
    transform: rotate(0deg);
    transition: transform 0.7s linear;
    bottom: 215px;
    right: 215px;
    /* background: #fff; */
    display: flex;
    align-items: center;
    justify-content: center;
    animation: orbit02 20s linear infinite;
	z-index:1;
}

.parent-1 img,
.parent-2 img {
    max-width: 100%;
}

@-webkit-keyframes orbit {
	from { 	-webkit-transform: rotate(0deg) translateX(185px) rotate(0deg); }
	to   {  -webkit-transform: rotate(360deg) translateX(185px) rotate(-360deg); }
}

@-moz-keyframes orbit {
	from { 	-moz-transform: rotate(0deg) translateX(185px) rotate(0deg); }
	to   {  -moz-transform: rotate(360deg) translateX(185px) rotate(-360deg); }
}

@-o-keyframes orbit {
	from { 	-o-transform: rotate(0deg) translateX(185px) rotate(0deg); }
	to   {  -o-transform: rotate(360deg) translateX(185px) rotate(-360deg); }
}

@keyframes orbit {
	from { 	transform: rotate(0deg) translateX(185px) rotate(0deg); }
	to   {  transform: rotate(360deg) translateX(185px) rotate(-360deg); }
}

@keyframes orbit02 {
	from { 	transform: rotate(0deg) translateX(245px) rotate(0deg); }
	to   {  transform: rotate(-360deg) translateX(245px) rotate(360deg); }
}

.quick-access{
	border-radius:19px;
	margin:0px 0 0 0;
	display: flex;
    flex-wrap: wrap;
	
	/* background: rgb(17 17 17);
    background: linear-gradient(180deg, rgb(17 17 17) 50%, rgb(0 0 0) 100%); */
}

.quick-access-holder {
    position: relative;
    z-index: 3;
    padding: 50px 50px 30px;
	width: 50%;
	transition:0.5s;
}

.quick-access-holder:first-child{
	border-right:1px solid #323232;
	border-bottom:1px solid #323232;
}

.quick-access-holder:nth-child(2){
	border-bottom:1px solid #323232;
}

.quick-access-holder:nth-child(3){
	width:80%;
}

.quick-access h3{
	font-family: 'halyard-display';
    color: #f0f0f0;
    font-size: 35px;
}

.quick-access p{
	margin-bottom:25px;
}

.quick-access-card h3{
	font-size:25px;
}

form.form {
    width: 100%;
    max-width: 960px;
    margin: 50px auto auto;
}

textarea.quick-accesss-input.w-input {
    height: 150px;
}

.arrow-holder {
    position: absolute;
    left: auto;
    top: 72px;
    right: 30px;
    bottom: auto;
    width: 35px;
    height: 35px;
    min-height: 35px;
    min-width: 35px;
	transition:0.5s;
}


.arrow-holder img{
	width:100%;
}

.quick-access-holder:hover .arrow-holder{
	top:42px;
	transition:0.5s;
	/* transform: rotate(-10deg); */
}

.form-container {
    position: relative;
}

.submit-button {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0;
    z-index: 2;
    border-radius: 6px;
}

.quick-accesss-input {
    position: relative;
    z-index: 1;
    width: 100%;
    border: 2px solid #282828;
    border-radius: 6px;
    background-color: #282828;
    color: #fff;
	padding: 15px 20px;
}

.quick-accesss-input:focus {
    border: 2px solid #0b9ecd;
}

.quick-accesss-input::placeholder{
	color:#f0f0f0 !important;
}

.link-gradient-text {
    padding: 11px 25px;
    border-radius: 6px;
    background: linear-gradient(90deg, rgba(19,205,231,1) 0%, rgba(4,113,181,1) 100%);
    border: none;
    color: #fff;
    min-width: 140px;
    font-family: 'halyard-display';
}

.form-gradient {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    width: 50%;
    height: 100%;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(55%, #171717), to(hsla(0, 0%, 9%, 0)));
    background-image: linear-gradient(270deg, #171717 55%, hsla(0, 0%, 9%, 0));
}

.cardsec .tabsec img{
	max-width:100%;
}

footer {
    padding: 70px 0 30px 0;
    background: #000;
}

footer h5{
	font-family: 'halyard-display';
	margin:0 0 20px 0;
	font-size:18px;
}

footer ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

footer ul.menulinks li {
    margin: 0 0 10px 0;
}

footer ul.menulinks li a{
	color: #ccc;
	font-size: 15px;
}

footer ul.menulinks li a:hover {
    color: #13CDE7;
}

.footer-bottom{
	margin-top:50px;
}

.footer-bottom p{
	color: #ccc;
	font-size:14px;
}

ul.footsoc {
    display: flex;
    justify-content: flex-end;
}

ul.footsoc li{
	margin-left:20px;
}

ul.footsoc li a{
	color:#ccc;
}

ul.footsoc li a:hover {
    color: #13CDE7;
}

#scrolltop {
    width: 40px;
    height: 40px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    color: #fff;
    background: #0b9ecd;
    border-radius: 4px;
    z-index: 111;
	text-align: center;
    line-height: 45px;
	display:none;
}

#scrolltop .fa{
	color: #fff;
    font-size: 24px;
}

.roadmap-wrap {
	padding: 40px 0 10px;
	margin-bottom: 60px;
	max-width: 100%;
}

.roadmap-wrap::before, .roadmap-wrap::after {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	z-index: 7;
}

.roadmap-line {
	position: absolute;
	left: 19px;
	top: 0;
	background: #023d54;
	height: 100%;
	width: 2px;
	content: '';
	z-index: 9;
}

.roadmap-line {
	left: 50%;
	margin-left: -1px;
}

.roadmap {
	position: relative;
	z-index: 10;
	padding-bottom: 30px;
}

.roadmap {
	display: flex;
}

.roadmap-right-phase .roadmap-phase {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: 50px;
}

.roadmap-right {
	justify-content: flex-end;
}

.roadmap-left {
	justify-content: flex-start;
}

.roadmap-step {
	border: 2px solid rgb(255 255 255 / 15%);
    border-radius: 5px;
    position: relative;
    margin-left: 50px;
    padding: 20px 20px 15px;
    position: relative;
    /* max-width: 380px; */
    max-width: 368px;
	background: rgb(255 255 255 / 8%);
    backdrop-filter: blur(2px);
}

.roadmap-step {
	width: 100%;
	/* padding: 35px 30px 35px; */
	padding: 20px;
}

.roadmap-step ul.custom-list {
    margin: 0px;
    padding-left: 20px;
    color: #ccc;
}

.roadmap-left .roadmap-step {
	margin-left: 0;
	margin-right: 80px;
}

.roadmap-right .roadmap-step {
	margin-left: 80px;
}

.roadmap-step::before, .roadmap-step::after {
	position: absolute;
	content: '';
}

.roadmap-step::before {
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background: #363636;
	left: -41px;
	top: 37px;
	z-index: 1;
	box-shadow:0px 0px 5px 6px rgb(54 54 54 / 59%);
}

.roadmap-step::before {
	left: -100px;
}

.roadmap-step::after {
	height: 2px;
	width: 22px;
	background: #232323;
	left: -22px;
	top: 42px;
}

.roadmap-step::before, .roadmap-step::after {
	position: absolute;
	content: '';
}

.roadmap-step::after {
	width: 89px;
	left: -89px;
}

.roadmap-left .roadmap-step::before {
	left: auto;
	right: -100px;
}

.roadmap-left .roadmap-step::after {
	left: auto;
	right: -89px;
}

.roadmap-year {
	border-radius: 50%;
	color: #fff;
	background: #0b9ecd;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 12px;
	position: relative;
	left: -5px;
	font-family: 'halyard-display';
}

.roadmap-year {
	height: 64px;
	width: 64px;
	line-height: 64px;
	font-size: 15px;
	position: static;
	margin-left: auto;
	margin-right: auto;
}

.roadmap-year.coming-year {
    background: #363636;
}

.roadmap-line::after, .roadmap-line::before {
	position: absolute;
	background: #023d54;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	content: '';
	left: -4px;
}

.roadmap-line::before {
  top: 0;
}

.roadmap-line::after {
  bottom: 0;
}

.roadmap-finished .roadmap-step{
	border: 2px solid rgb(11 158 205 / 43%);
    background: #023d54;
}

.roadmap-finished .roadmap-step::after{
	background:#023d54;
}

.roadmap-finished .roadmap-step::before{
	background:#0b9ecd;
}

.roadmap-head {
    font-size: 16px;
    font-family: 'halyard-display';
    /* font-family: 'halyard-display'; */
    margin: 0 0 16px 0;
}

.roadmap-head strong{
	font-family: 'halyard-display';
	font-weight:normal;
}

.roadmap ul.custom-list li{
	margin: 0 0 7px 0;
    list-style: square;
    font-size: 14px;
}

.roadmap ul.custom-list li:last-child{
	margin-bottom:0px;
}

.roadmap ul.custom-list li.not-show{
	display:none;
}

.roadmap ul.custom-list li.not-show.show{
	display:block;
}

.roadmap-step.show ul.custom-list li.not-show{
	display:block;
}

.showmore_arrow {
    width: 39px;
    height: 39px;
    border-radius: 39px;
    background: #0b9ecd;
    line-height: 39px;
    text-align: center;
    position: absolute;
    right: 20px;
    bottom: -20px;
    cursor: pointer;
	cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
	transition:0.5s;
}

.showmore_arrow .fa{
	font-size:25px;
}

.roadmap-step.show .showmore_arrow{
	transform:rotate(180deg);
	transition:0.5s;
}

.accordion>.card>.card-header{
	padding:0px;
	border:none;
	background:none;
}

.accordion>.card>.card-header button{
	width: 100%;
    border: none;
    border-radius: 0px;
    text-align: left;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    color: #fff;
    font-family: 'halyard-display';
}

.accordion>.card>.card-header button i.fa.fa-minus{
	display:block;	
	width: 34px;
    height: 34px;
	min-width: 34px;
    line-height: 34px;
    border-radius: 34px;
    background: #0b9ecd;
    text-align: center;
    font-size: 15px;
}

.accordion>.card>.card-header button i.fa.fa-plus{
	display:none;
	width: 34px;
    height: 34px;
	min-width: 34px;
    line-height: 34px;
    border-radius: 34px;
    background: #0b9ecd;
    text-align: center;
    font-size: 15px;
}

.accordion>.card>.card-header button.collapsed i.fa.fa-plus{
	display:block;
}

.accordion>.card>.card-header button.collapsed i.fa.fa-minus{
	display:none;
}

.accordion>.card>.card-header button:hover,
.accordion>.card>.card-header button:focus{
	text-decoration:none;
	box-shadow:none;
}

.faq-list .accordion>.card{
	border:none;
	border-bottom:1px solid #02212d;
	border-radius:0px;
	background:none;
	text-align:left;
}

.faq-list .card-body{
	padding:0 0 30px 0;
	width: 100%;
    max-width: 90%;
}

.footlogosec img{
	width:100%;
	max-width:120px;
}

.metaverse video{
	width:100%;
	max-width:600px;
}

.digital video{
	padding: 20px;
	border: 2px solid #14699e;
	border-radius: 0;
}

.digital .col-md-8{
	padding-right:30px;
}

.hide{
	display:none;
}

.showless{
	display:none;
}

a.btn.white-btn.showless.show {
    display: inline-block;
}

.accordion{
	margin-bottom: 50px;
}

.contact-info-item {
    text-align: center;
	margin:0 0 30px 0;
}

.contact-info-item a{
	display:inline-block;
}

.contact-info-item .icon {
    width: 107px;
    height: 107px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: transparent;
    font-size: 28px;
    margin: 0 auto;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.07);
    z-index: 1;
    margin-bottom: 10px;
}

.contact-info-item .icon .fa,
.contact-info-item .icon .fa-brands{
	position: absolute;
    min-width: 83px;
    height: 83px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #282828;
    border-radius: 50%;
    color: #0b9ecd;
    line-height: 83px;
	border: 2px solid #0b9ecd;
}

.contact-info-item  span{
	color: #fff;
    font-size: 20px;
    margin-bottom: 0;
    line-height: 30px;
	font-family: 'halyard-display';
}

/* .contact-info-item .icon i.fa.fa-twitter {
    color: #1c9cea;
    border: 2px solid #1c9cea;
}

.contact-info-item .icon i.fa.fa-facebook {
    color: #4064ac;
    border: 2px solid #4064ac;
}

.contact-info-item .icon i.fa.fa-instagram {
    color: #f54368;
    border: 2px solid #f54368;
} */

.animation-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
}
.particle,
.particle:after {
  background: transparent;
}
.particle:after {
  position: absolute;
  content: "";
  top: 2560px;
}
.particle-1 {
  animation: animParticle 60s linear infinite;
  box-shadow:0px 0px #fff, 605px 1600px #fff, 62px 1561px #fff, 170px 132px #fff, 1315px 244px #fff, 2465px 1425px #fff, 23px 654px #fff, 2239px 816px #fff, 2184px 775px #fff, 2207px 1261px #fff, 2357px 2110px #fff, 1905px 1350px #fff, 2183px 1463px #fff, 1246px 1479px #fff, 1765px 77px #fff, 1736px 328px #fff, 1842px 2089px #fff, 975px 2245px #fff, 2132px 265px #fff, 206px 373px #fff, 1075px 2418px #fff, 929px 1453px #fff, 1607px 812px #fff, 1680px 326px #fff, 1455px 1590px #fff, 2420px 1824px #fff, 1717px 2067px #fff, 640px 1093px #fff, 2119px 2414px #fff, 2215px 1170px #fff, 258px 379px #fff, 1613px 2034px #fff, 1404px 1600px #fff, 659px 369px #fff, 1941px 2253px #fff, 2019px 1206px #fff, 1653px 1107px #fff, 2479px 616px #fff, 746px 856px #fff, 1553px 686px #fff, 2223px 2200px #fff, 133px 1187px #fff, 1870px 536px #fff, 993px 1077px #fff, 24px 824px #fff, 2341px 806px #fff, 163px 1183px #fff, 1922px 197px #fff, 665px 2186px #fff, 147px 825px #fff, 705px 1057px #fff, 1599px 1444px #fff, 1325px 1690px #fff, 1653px 655px #fff, 1169px 2125px #fff, 2167px 1439px #fff, 1516px 1664px #fff, 1862px 373px #fff, 1131px 1754px #fff, 1902px 26px #fff, 843px 858px #fff, 130px 2001px #fff, 990px 2183px #fff, 1117px 933px #fff, 1253px 105px #fff, 1688px 1285px #fff, 1313px 1555px #fff, 395px 307px #fff, 5px 1679px #fff, 657px 1928px #fff, 325px 494px #fff, 1830px 367px #fff, 700px 280px #fff, 559px 799px #fff, 1556px 1732px #fff, 2251px 2224px #fff, 2411px 2558px #fff, 1846px 1687px #fff, 844px 2304px #fff, 1087px 1477px #fff, 649px 377px #fff, 2498px 1140px #fff, 959px 2183px #fff, 1778px 2235px #fff, 2444px 142px #fff, 2395px 220px #fff, 1616px 357px #fff, 2256px 1113px #fff, 1843px 1149px #fff, 867px 964px #fff, 686px 2068px #fff, 2184px 2399px #fff, 1561px 1294px #fff, 1093px 1432px #fff, 1897px 792px #fff, 201px 103px #fff, 547px 1828px #fff, 2161px 176px #fff, 2341px 2410px #fff, 1545px 657px #fff, 1063px 1085px #fff, 106px 1731px #fff, 1788px 677px #fff, 1131px 407px #fff, 903px 2279px #fff, 1212px 2041px #fff, 1390px 2325px #fff, 1901px 68px #fff, 688px 340px #fff, 2038px 1772px #fff, 114px 908px #fff, 2378px 1464px #fff, 1742px 421px #fff, 1245px 1629px #fff, 552px 328px #fff, 55px 2507px #fff, 1904px 819px #fff, 603px 2023px #fff, 2464px 2534px #fff, 1397px 474px #fff, 1098px 932px #fff, 637px 1458px #fff, 750px 662px #fff, 1400px 459px #fff, 2192px 313px #fff, 1080px 167px #fff, 974px 1370px #fff, 1458px 1273px #fff, 2307px 1864px #fff, 428px 1678px #fff, 1319px 883px #fff, 1158px 701px #fff, 957px 2037px #fff, 1777px 2313px #fff, 2279px 508px #fff, 1899px 2034px #fff, 1655px 159px #fff, 118px 2400px #fff, 2074px 1173px #fff, 1264px 1957px #fff, 1878px 1582px #fff, 1066px 1197px #fff, 689px 2028px #fff, 1107px 2092px #fff, 1131px 812px #fff, 2374px 2217px #fff, 2234px 866px #fff, 40px 2213px #fff, 337px 1725px #fff, 785px 843px #fff, 766px 191px #fff, 1613px 643px #fff, 1063px 2238px #fff, 1148px 1594px #fff, 899px 1724px #fff, 225px 171px #fff, 399px 84px #fff, 1872px 111px #fff, 1805px 371px #fff, 2122px 1298px #fff, 1619px 1256px #fff, 1650px 851px #fff, 539px 96px #fff, 93px 84px #fff, 48px 78px #fff, 859px 811px #fff, 1301px 439px #fff, 2081px 1423px #fff, 1679px 1808px #fff, 2321px 2275px #fff, 1634px 1378px #fff, 203px 1164px #fff, 1834px 2504px #fff, 2345px 1824px #fff, 654px 2064px #fff, 743px 942px #fff, 288px 2331px #fff, 2515px 1802px #fff, 1091px 2522px #fff, 1229px 2298px #fff, 1027px 2287px #fff, 499px 2335px #fff, 1229px 380px #fff, 2038px 576px #fff, 887px 2363px #fff, 743px 16px #fff, 2110px 997px #fff, 608px 1954px #fff, 1239px 2434px #fff, 923px 2553px #fff, 380px 346px #fff, 1732px 528px #fff, 1951px 2525px #fff, 2442px 679px #fff, 469px 321px #fff, 2006px 1707px #fff, 1052px 218px #fff, 1418px 1474px #fff, 734px 995px #fff, 1383px 2351px #fff, 1893px 1414px #fff, 402px 635px #fff, 931px 2155px #fff, 1288px 324px #fff, 2188px 1409px #fff, 1795px 305px #fff, 323px 532px #fff, 73px 1543px #fff, 1454px 1074px #fff, 1458px 1973px #fff, 490px 1819px #fff, 1693px 123px #fff, 237px 1060px #fff, 898px 286px #fff, 1577px 894px #fff, 1764px 554px #fff, 998px 624px #fff, 19px 1607px #fff, 2028px 811px #fff, 111px 1627px #fff, 765px 860px #fff, 2476px 828px #fff, 1667px 1505px #fff, 1947px 5px #fff, 1536px 1242px #fff, 459px 1990px #fff, 1334px 1610px #fff, 1099px 1631px #fff, 2041px 867px #fff, 1112px 2257px #fff, 2285px 2433px #fff, 2209px 1654px #fff, 2343px 1871px #fff, 778px 430px #fff, 1148px 1899px #fff, 18px 2517px #fff, 1149px 1095px #fff, 303px 1344px #fff, 1933px 314px #fff, 1929px 1595px #fff, 1833px 1796px #fff, 33px 2325px #fff, 1043px 1633px #fff, 2360px 975px #fff, 2272px 2297px #fff, 1960px 1578px #fff, 464px 82px #fff, 636px 512px #fff, 2368px 1335px #fff, 2344px 101px #fff, 346px 1776px #fff, 1175px 744px #fff, 1059px 1247px #fff, 1395px 29px #fff, 1111px 641px #fff, 2267px 2096px #fff, 1377px 1510px #fff, 421px 802px #fff, 2011px 1546px #fff, 440px 1175px #fff, 1539px 2016px #fff, 1051px 2188px #fff, 168px 1285px #fff, 1268px 516px #fff, 2223px 1862px #fff, 1096px 2460px #fff, 383px 839px #fff, 1835px 1712px #fff, 370px 1897px #fff, 1468px 1395px #fff, 1557px 1003px #fff, 191px 1600px #fff, 1827px 390px #fff, 1577px 226px #fff, 2532px 1006px #fff, 27px 1104px #fff, 2250px 836px #fff, 997px 727px #fff, 1565px 879px #fff, 1185px 1489px #fff, 511px 1063px #fff, 406px 2425px #fff, 53px 1735px #fff, 2549px 390px #fff, 2428px 1078px #fff, 1604px 1204px #fff, 2356px 2230px #fff, 1251px 597px #fff, 870px 381px #fff, 1776px 191px #fff, 778px 1949px #fff, 1611px 59px #fff, 1162px 235px #fff, 1321px 721px #fff, 1734px 1740px #fff, 17px 110px #fff, 1707px 1304px #fff, 288px 62px #fff, 2450px 1746px #fff, 1059px 226px #fff, 252px 358px #fff, 1244px 1739px #fff, 782px 1719px #fff, 2478px 1020px #fff, 1161px 2481px #fff, 2480px 982px #fff, 2173px 739px #fff, 735px 360px #fff, 1481px 1609px #fff, 2044px 486px #fff, 1640px 1825px #fff, 1670px 1073px #fff, 1569px 2427px #fff, 551px 1246px #fff, 454px 591px #fff, 718px 127px #fff, 1187px 1820px #fff, 1785px 1192px #fff, 644px 422px #fff, 21px 2103px #fff, 1933px 474px #fff, 925px 2093px #fff, 1278px 2505px #fff, 1019px 150px #fff, 591px 2508px #fff, 2554px 45px #fff, 97px 1866px #fff, 2116px 116px #fff, 163px 863px #fff, 1326px 2375px #fff, 532px 1614px #fff, 535px 2432px #fff, 1248px 204px #fff, 548px 186px #fff, 538px 352px #fff, 1693px 1789px #fff, 2269px 1166px #fff, 1397px 1179px #fff, 595px 1960px #fff, 619px 1079px #fff, 804px 2229px #fff, 363px 2323px #fff, 1627px 2246px #fff, 1353px 211px #fff, 627px 2244px #fff, 1044px 303px #fff, 1658px 328px #fff, 248px 247px #fff, 1974px 2092px #fff, 308px 675px #fff, 597px 1266px #fff, 252px 660px #fff, 802px 2386px #fff, 319px 1744px #fff, 1521px 20px #fff, 250px 2486px #fff, 2228px 1006px #fff, 1911px 1918px #fff, 1753px 2257px #fff, 2197px 1711px #fff, 2333px 2078px #fff, 36px 1575px #fff, 2558px 1709px #fff, 1815px 1916px #fff, 157px 614px #fff, 129px 637px #fff, 2290px 1754px #fff, 671px 1374px #fff, 2188px 925px #fff, 611px 84px #fff, 2285px 1312px #fff, 891px 2243px #fff, 2496px 1290px #fff, 637px 1735px #fff, 1331px 28px #fff, 811px 2281px #fff, 531px 1026px #fff, 579px 2356px #fff, 1621px 2112px #fff, 1169px 1219px #fff, 132px 931px #fff, 2440px 706px #fff, 2133px 1012px #fff, 2079px 2258px #fff, 648px 580px #fff, 2363px 1961px #fff, 340px 341px #fff, 2474px 954px #fff, 818px 500px #fff, 578px 1333px #fff, 1559px 125px #fff, 497px 2163px #fff, 801px 2283px #fff, 2332px 2481px #fff, 1910px 1248px #fff, 2343px 251px #fff, 948px 2306px #fff, 2359px 1896px #fff, 2325px 1953px #fff, 627px 2478px #fff, 412px 1156px #fff, 1938px 1860px #fff, 2030px 1366px #fff, 33px 810px #fff, 1400px 1716px #fff, 2447px 914px #fff, 2453px 2156px #fff, 396px 403px #fff, 274px 2327px #fff, 2262px 222px #fff, 1782px 2351px #fff, 1373px 2511px #fff, 642px 1577px #fff, 665px 1256px #fff, 951px 76px #fff, 2423px 2540px #fff, 1441px 1536px #fff, 230px 2479px #fff, 1759px 1153px #fff, 866px 69px #fff, 2459px 1177px #fff, 1459px 907px #fff, 890px 1765px #fff, 1623px 609px #fff, 709px 2413px #fff, 1921px 2558px #fff, 971px 952px #fff, 1052px 2278px #fff, 1675px 2280px #fff, 1022px 1843px #fff, 277px 188px #fff, 1370px 1798px #fff, 1489px 1776px #fff, 113px 1122px #fff, 33px 1492px #fff, 1955px 1812px #fff, 1350px 1311px #fff, 2264px 332px #fff, 1864px 209px #fff, 1370px 2554px #fff, 1187px 737px #fff, 200px 2160px #fff, 1885px 211px #fff, 305px 2515px #fff, 304px 82px #fff, 2276px 1503px #fff, 2496px 398px #fff, 783px 154px #fff, 1933px 2031px #fff, 1071px 656px #fff, 1299px 2299px #fff, 1727px 1255px #fff, 1265px 2107px #fff, 677px 1615px #fff, 853px 1312px #fff, 2206px 2167px #fff, 1574px 638px #fff, 2253px 5px #fff, 2123px 2233px #fff, 68px 2084px #fff, 3px 188px #fff, 2295px 2245px #fff, 1716px 1377px #fff, 1373px 1423px #fff, 186px 192px #fff, 2405px 2044px #fff, 2163px 2387px #fff, 2537px 788px #fff, 1895px 87px #fff, 156px 1680px #fff, 1937px 352px #fff, 2175px 1943px #fff, 507px 615px #fff, 1979px 2433px #fff, 128px 1662px #fff, 572px 863px #fff, 1566px 381px #fff, 2035px 1566px #fff, 1625px 2042px #fff, 606px 103px #fff, 2267px 2497px #fff, 1748px 2543px #fff, 2177px 1895px #fff, 1988px 466px #fff, 1537px 303px #fff, 1388px 510px #fff, 361px 2217px #fff, 171px 400px #fff, 661px 1940px #fff, 1696px 1923px #fff, 719px 2430px #fff, 1965px 1469px #fff, 1090px 2159px #fff, 444px 1493px #fff, 662px 1046px #fff, 1879px 2234px #fff, 1550px 582px #fff, 671px 1361px #fff, 1012px 2559px #fff, 2427px 2051px #fff, 2157px 1256px #fff, 723px 771px #fff, 2392px 422px #fff, 712px 1947px #fff, 847px 236px #fff, 374px 678px #fff, 1978px 1px #fff, 1334px 340px #fff, 943px 1104px #fff, 2035px 2379px #fff, 839px 938px #fff, 1309px 2512px #fff, 2376px 925px #fff, 2277px 1806px #fff, 1270px 62px #fff, 540px 2501px #fff, 2263px 447px #fff, 531px 1658px #fff, 2049px 482px #fff, 525px 817px #fff, 1132px 1213px #fff, 193px 507px #fff, 1075px 1069px #fff, 2497px 817px #fff, 1392px 2035px #fff, 485px 2457px #fff, 710px 2412px #fff, 1240px 1044px #fff, 1274px 1972px #fff, 1980px 1826px #fff, 2529px 813px #fff, 678px 547px #fff, 922px 917px #fff, 2321px 2124px #fff, 1606px 2382px #fff, 223px 2365px #fff, 536px 845px #fff, 240px 1371px #fff, 1964px 464px #fff, 2344px 788px #fff, 2150px 2358px #fff, 30px 1064px #fff, 1966px 2538px #fff, 2234px 694px #fff, 696px 1482px #fff, 482px 1110px #fff, 2123px 2351px #fff, 476px 1992px #fff, 86px 1253px #fff, 1726px 2467px #fff, 1033px 942px #fff, 2282px 580px #fff, 164px 15px #fff, 517px 1517px #fff, 279px 586px #fff, 1431px 1881px #fff, 1784px 2269px #fff, 1512px 234px #fff, 993px 221px #fff, 1185px 926px #fff, 1025px 1118px #fff, 1176px 379px #fff, 264px 1231px #fff, 98px 1296px #fff, 1794px 1506px #fff, 431px 2505px #fff, 773px 155px #fff, 1997px 1017px #fff, 2539px 1900px #fff, 1282px 1806px #fff, 2005px 1293px #fff, 990px 2473px #fff, 1028px 1970px #fff, 1606px 1527px #fff, 1849px 1403px #fff, 2432px 1457px #fff, 2289px 26px #fff, 238px 1274px #fff, 1402px 2207px #fff, 1595px 728px #fff, 942px 1402px #fff, 264px 1966px #fff, 2018px 206px #fff, 1686px 2025px #fff, 579px 531px #fff, 534px 2075px #fff, 1891px 2142px #fff, 2006px 1562px #fff, 36px 1390px #fff, 2090px 2408px #fff, 2195px 444px #fff, 850px 1586px #fff, 773px 2450px #fff, 771px 1536px #fff, 834px 2442px #fff, 1285px 1957px #fff, 577px 2510px #fff, 1332px 742px #fff, 874px 1076px #fff, 338px 2285px #fff, 738px 878px #fff;
  height: 1.3px;
  width: 1.3px;
}

.particle-1:after {
  box-shadow:0px 0px #fff, 1616px 2552px #fff, 543px 1853px #fff, 2546px 580px #fff, 1439px 1520px #fff, 2100px 1723px #fff, 2140px 405px #fff, 2212px 1438px #fff, 1833px 270px #fff, 1488px 1047px #fff, 2258px 1469px #fff, 1957px 1941px #fff, 2169px 576px #fff, 1859px 1065px #fff, 1060px 1028px #fff, 798px 2056px #fff, 44px 1070px #fff, 1676px 1883px #fff, 297px 573px #fff, 1511px 2141px #fff, 44px 824px #fff, 1259px 517px #fff, 2474px 577px #fff, 2045px 1493px #fff, 1800px 156px #fff, 412px 536px #fff, 2216px 476px #fff, 2163px 1143px #fff, 121px 1415px #fff, 633px 799px #fff, 303px 1225px #fff, 104px 2317px #fff, 1415px 1034px #fff, 1260px 399px #fff, 2517px 707px #fff, 2104px 1824px #fff, 451px 75px #fff, 918px 119px #fff, 1255px 209px #fff, 1652px 2089px #fff, 997px 1351px #fff, 838px 1192px #fff, 2294px 2095px #fff, 609px 625px #fff, 1338px 1747px #fff, 191px 1484px #fff, 2428px 1608px #fff, 754px 76px #fff, 503px 29px #fff, 2558px 1156px #fff, 2124px 1321px #fff, 2450px 237px #fff, 862px 2526px #fff, 1171px 1049px #fff, 2123px 1385px #fff, 286px 346px #fff, 2331px 179px #fff, 293px 836px #fff, 1859px 991px #fff, 574px 1171px #fff, 1455px 1303px #fff, 2229px 1226px #fff, 2080px 928px #fff, 2233px 766px #fff, 1635px 1776px #fff, 1468px 675px #fff, 1928px 2038px #fff, 613px 1125px #fff, 341px 877px #fff, 1090px 1318px #fff, 1545px 881px #fff, 73px 1211px #fff, 135px 2398px #fff, 117px 2149px #fff, 2538px 2170px #fff, 2519px 1247px #fff, 638px 1875px #fff, 1507px 1665px #fff, 1020px 2015px #fff, 592px 2171px #fff, 353px 1656px #fff, 27px 948px #fff, 2144px 2221px #fff, 1689px 581px #fff, 1331px 2010px #fff, 2300px 333px #fff, 1210px 968px #fff, 858px 1744px #fff, 2414px 1770px #fff, 1646px 910px #fff, 963px 208px #fff, 113px 1121px #fff, 904px 2157px #fff, 1257px 1595px #fff, 1244px 363px #fff, 1297px 1120px #fff, 1090px 2183px #fff, 1561px 1558px #fff, 2106px 1000px #fff, 952px 505px #fff, 138px 2513px #fff, 742px 664px #fff, 1438px 1927px #fff, 170px 2104px #fff, 2243px 2382px #fff, 1690px 975px #fff, 2272px 2261px #fff, 1386px 1226px #fff, 1531px 481px #fff, 126px 177px #fff, 2473px 1079px #fff, 2431px 1192px #fff, 666px 1709px #fff, 1559px 604px #fff, 244px 2333px #fff, 1633px 989px #fff, 810px 2482px #fff, 83px 1919px #fff, 1179px 366px #fff, 459px 846px #fff, 1741px 1026px #fff, 558px 932px #fff, 2454px 1332px #fff, 1343px 680px #fff, 1924px 2021px #fff, 1922px 2042px #fff, 1960px 2547px #fff, 995px 1993px #fff, 39px 1706px #fff, 2219px 129px #fff, 392px 845px #fff, 2233px 959px #fff, 705px 1618px #fff, 2186px 781px #fff, 1753px 1854px #fff, 715px 239px #fff, 2531px 2259px #fff, 1784px 1070px #fff, 2477px 1493px #fff, 422px 1458px #fff, 960px 930px #fff, 2219px 852px #fff, 109px 279px #fff, 2439px 1364px #fff, 202px 659px #fff, 1916px 2281px #fff, 1805px 562px #fff, 320px 2422px #fff, 2487px 789px #fff, 1838px 2035px #fff, 99px 1310px #fff, 2550px 1501px #fff, 2152px 2479px #fff, 2405px 1646px #fff, 974px 2461px #fff, 2285px 1348px #fff, 2382px 1708px #fff, 474px 1295px #fff, 1046px 2020px #fff, 2346px 2552px #fff, 1466px 658px #fff, 2470px 61px #fff, 1916px 938px #fff, 1485px 2194px #fff, 980px 1683px #fff, 344px 808px #fff, 2445px 1214px #fff, 692px 758px #fff, 1977px 1172px #fff, 877px 751px #fff, 1624px 1760px #fff, 879px 692px #fff, 2552px 959px #fff, 1174px 344px #fff, 1523px 623px #fff, 2242px 1613px #fff, 2201px 1429px #fff, 565px 164px #fff, 1065px 2539px #fff, 921px 693px #fff, 1401px 1115px #fff, 534px 195px #fff, 328px 705px #fff, 939px 1287px #fff, 287px 1269px #fff, 2341px 1212px #fff, 468px 699px #fff, 293px 343px #fff, 739px 1846px #fff, 2142px 1520px #fff, 520px 1774px #fff, 1722px 643px #fff, 1289px 2213px #fff, 313px 357px #fff, 524px 807px #fff, 554px 1107px #fff, 857px 1951px #fff, 1177px 1562px #fff, 1350px 885px #fff, 24px 292px #fff, 245px 141px #fff, 2175px 2307px #fff, 634px 1207px #fff, 1388px 1237px #fff, 248px 286px #fff, 2205px 48px #fff, 644px 9px #fff, 2302px 2404px #fff, 1406px 2118px #fff, 681px 333px #fff, 1389px 1706px #fff, 2222px 2303px #fff, 314px 173px #fff, 1410px 455px #fff, 245px 2344px #fff, 468px 2318px #fff, 299px 921px #fff, 1760px 710px #fff, 2369px 1693px #fff, 1789px 772px #fff, 1940px 674px #fff, 654px 1281px #fff, 1582px 287px #fff, 113px 1778px #fff, 1462px 1614px #fff, 490px 49px #fff, 1153px 643px #fff, 497px 133px #fff, 2049px 1px #fff, 2356px 2226px #fff, 1823px 1348px #fff, 2490px 1220px #fff, 1743px 2533px #fff, 2284px 480px #fff, 1948px 895px #fff, 2168px 464px #fff, 1222px 1429px #fff, 1441px 160px #fff, 853px 2262px #fff, 1078px 186px #fff, 79px 1494px #fff, 2130px 346px #fff, 888px 2283px #fff, 649px 2420px #fff, 2422px 1916px #fff, 963px 36px #fff, 2496px 1317px #fff, 13px 444px #fff, 2476px 1294px #fff, 2104px 1870px #fff, 738px 750px #fff, 1970px 1225px #fff, 348px 1411px #fff, 734px 1162px #fff, 2221px 2246px #fff, 2516px 343px #fff, 1211px 1249px #fff, 1961px 1080px #fff, 9px 243px #fff, 1687px 903px #fff, 622px 1074px #fff, 336px 313px #fff, 721px 2440px #fff, 1694px 1937px #fff, 847px 1382px #fff, 414px 404px #fff, 1308px 1440px #fff, 1521px 490px #fff, 1162px 2382px #fff, 2215px 688px #fff, 151px 1600px #fff, 408px 1753px #fff, 103px 1089px #fff, 1751px 2222px #fff, 1822px 1831px #fff, 1600px 1686px #fff, 1965px 809px #fff, 546px 1286px #fff, 199px 1034px #fff, 1186px 2386px #fff, 2316px 2414px #fff, 1550px 990px #fff, 692px 2551px #fff, 2443px 1636px #fff, 1116px 246px #fff, 1214px 2159px #fff, 2012px 1471px #fff, 1134px 314px #fff, 1820px 2128px #fff, 1968px 1195px #fff, 842px 1631px #fff, 2041px 88px #fff, 2309px 2104px #fff, 2282px 1387px #fff, 2368px 2048px #fff, 789px 1509px #fff, 130px 1746px #fff, 1779px 1280px #fff, 1425px 1592px #fff, 1233px 772px #fff, 1271px 1103px #fff, 714px 720px #fff, 1967px 401px #fff, 1343px 2301px #fff, 1645px 428px #fff, 1345px 1918px #fff, 1999px 921px #fff, 2357px 1423px #fff, 1369px 760px #fff, 1774px 2340px #fff, 1592px 1804px #fff, 2545px 1371px #fff, 590px 776px #fff, 153px 1734px #fff, 658px 293px #fff, 102px 792px #fff, 335px 646px #fff, 1992px 926px #fff, 1305px 32px #fff, 224px 1129px #fff, 1417px 362px #fff, 2510px 2017px #fff, 1619px 1371px #fff, 2193px 1068px #fff, 620px 1518px #fff, 1471px 874px #fff, 866px 878px #fff, 2248px 1471px #fff, 1203px 2303px #fff, 1921px 2009px #fff, 2056px 1622px #fff, 1793px 1565px #fff, 497px 1945px #fff, 693px 1793px #fff, 233px 2214px #fff, 2092px 2215px #fff, 442px 1289px #fff, 83px 1671px #fff, 1582px 1121px #fff, 1354px 1499px #fff, 1645px 1238px #fff, 210px 2014px #fff, 2131px 836px #fff, 1054px 550px #fff, 1051px 1216px #fff, 83px 2239px #fff, 1147px 2108px #fff, 189px 2215px #fff, 2305px 17px #fff, 152px 2487px #fff, 962px 2224px #fff, 1011px 551px #fff, 2516px 2386px #fff, 605px 49px #fff, 872px 1709px #fff, 1453px 1836px #fff, 670px 751px #fff, 202px 2048px #fff, 3px 2452px #fff, 1511px 855px #fff, 721px 1092px #fff, 801px 2532px #fff, 955px 525px #fff, 202px 1814px #fff, 1888px 1260px #fff, 1035px 2419px #fff, 2097px 273px #fff, 278px 1426px #fff, 189px 373px #fff, 150px 714px #fff, 1000px 1249px #fff, 710px 1074px #fff, 1106px 1681px #fff, 1679px 1631px #fff, 896px 53px #fff, 1324px 2036px #fff, 1436px 2397px #fff, 1832px 477px #fff, 894px 1628px #fff, 994px 870px #fff, 760px 314px #fff, 40px 1829px #fff, 341px 90px #fff, 863px 1967px #fff, 406px 561px #fff, 759px 688px #fff, 3px 1982px #fff, 648px 1068px #fff, 1208px 364px #fff, 2109px 1743px #fff, 1580px 770px #fff, 1642px 119px #fff, 2368px 203px #fff, 1513px 2411px #fff, 62px 724px #fff, 1028px 2300px #fff, 637px 782px #fff, 627px 547px #fff, 1993px 2065px #fff, 360px 1726px #fff, 2119px 518px #fff, 1586px 608px #fff, 1267px 2361px #fff, 842px 2397px #fff, 1343px 2087px #fff, 2493px 1635px #fff, 10px 2060px #fff, 2398px 442px #fff, 1914px 690px #fff, 1403px 371px #fff, 820px 2156px #fff, 1194px 98px #fff, 2036px 2491px #fff, 2112px 916px #fff, 1484px 467px #fff, 922px 265px #fff, 2017px 1168px #fff, 444px 995px #fff, 1780px 2542px #fff, 314px 2454px #fff, 1519px 291px #fff, 1427px 410px #fff, 2406px 2381px #fff, 1621px 96px #fff, 2451px 782px #fff, 2371px 1143px #fff, 217px 1487px #fff, 1597px 1853px #fff, 1420px 402px #fff, 558px 964px #fff, 316px 1582px #fff, 876px 997px #fff, 21px 1236px #fff, 2257px 910px #fff, 1544px 1288px #fff, 1272px 2482px #fff, 263px 10px #fff, 19px 2000px #fff, 210px 71px #fff, 193px 1086px #fff, 880px 959px #fff, 2375px 1018px #fff, 1243px 2259px #fff, 819px 1157px #fff, 612px 188px #fff, 835px 485px #fff, 2496px 679px #fff, 310px 978px #fff, 2084px 1136px #fff, 2217px 448px #fff, 2357px 987px #fff, 367px 1481px #fff, 37px 2396px #fff, 1427px 804px #fff, 1909px 327px #fff, 1217px 1069px #fff, 1007px 958px #fff, 1607px 1723px #fff, 1243px 735px #fff, 277px 1010px #fff, 1964px 301px #fff, 1667px 825px #fff, 1982px 1579px #fff, 352px 309px #fff, 1705px 670px #fff, 162px 1730px #fff, 1517px 1599px #fff, 2241px 1451px #fff, 1740px 1823px #fff, 323px 2304px #fff, 1472px 2244px #fff, 801px 1512px #fff, 22px 704px #fff, 1085px 385px #fff, 1395px 256px #fff, 530px 1316px #fff, 505px 1517px #fff, 2196px 86px #fff, 205px 2490px #fff, 4px 2134px #fff, 88px 1439px #fff, 2339px 2162px #fff, 708px 960px #fff, 1516px 448px #fff, 192px 2526px #fff, 2350px 180px #fff, 1932px 1788px #fff, 359px 1606px #fff, 917px 239px #fff, 2516px 2423px #fff, 2532px 1425px #fff, 318px 1938px #fff, 595px 1460px #fff, 972px 1998px #fff, 2104px 2552px #fff, 301px 262px #fff, 2302px 2110px #fff, 303px 149px #fff, 103px 746px #fff, 1095px 1925px #fff, 1363px 811px #fff, 849px 857px #fff, 640px 1627px #fff, 2435px 1783px #fff, 653px 1924px #fff, 1374px 2092px #fff, 1009px 715px #fff, 2227px 1869px #fff, 551px 2295px #fff, 669px 949px #fff, 1669px 1080px #fff, 1289px 386px #fff, 2456px 831px #fff, 343px 2437px #fff, 998px 2122px #fff, 1168px 2179px #fff, 2135px 1376px #fff, 2355px 2222px #fff, 1778px 328px #fff, 2235px 178px #fff, 1022px 1497px #fff, 57px 270px #fff, 1833px 699px #fff, 2443px 1846px #fff, 472px 1395px #fff, 2515px 418px #fff, 799px 2237px #fff, 471px 954px #fff, 1659px 1732px #fff, 1099px 725px #fff, 910px 1252px #fff, 2349px 657px #fff, 516px 966px #fff, 569px 2456px #fff, 706px 1099px #fff, 364px 233px #fff, 697px 2085px #fff, 1516px 2441px #fff, 289px 374px #fff, 1021px 1097px #fff, 1793px 1765px #fff, 1264px 1380px #fff, 2316px 1221px #fff, 913px 80px #fff, 2213px 537px #fff, 702px 1322px #fff, 368px 1290px #fff, 2417px 2081px #fff, 1080px 843px #fff, 1104px 73px #fff, 1492px 538px #fff, 564px 349px #fff, 1323px 2170px #fff, 72px 2133px #fff, 1260px 2458px #fff, 1771px 706px #fff, 496px 2219px #fff, 2247px 1692px #fff, 2124px 1662px #fff, 588px 1146px #fff, 2520px 2515px #fff, 1468px 468px #fff, 1162px 1742px #fff, 2099px 1085px #fff, 117px 2414px #fff, 361px 653px #fff, 154px 1131px #fff, 2424px 913px #fff, 1938px 1206px #fff, 319px 1248px #fff, 1263px 926px #fff, 568px 494px #fff, 1365px 461px #fff, 2471px 1519px #fff, 552px 218px #fff, 2079px 1831px #fff, 1170px 969px #fff, 408px 2269px #fff, 447px 2389px #fff, 2483px 2176px #fff, 317px 1624px #fff, 900px 569px #fff, 1997px 1853px #fff, 1103px 2373px #fff, 312px 2171px #fff, 2042px 2359px #fff, 908px 1058px #fff, 2179px 648px #fff, 1566px 107px #fff, 365px 1387px #fff, 2513px 485px #fff, 330px 845px #fff, 347px 122px #fff, 1110px 224px #fff, 1062px 1200px #fff, 693px 651px #fff, 117px 35px #fff, 2070px 2247px #fff, 1197px 1312px #fff, 2085px 596px #fff, 1820px 224px #fff;
  height: 1.3px;
  width: 1.3px;
}

/* .particle-2 {
  animation: animParticle 120s linear infinite;
  @include particles(200);
  height: 2px;
  width: 2px;
}

.particle-2:after {
  @include particles(200);
  height: 2px;
  width: 2px;
}

.particle-3 {
  animation: animParticle 180s linear infinite;
  @include particles(100);
  height: 3px;
  width: 3px;
}

.particle-3:after {
  @include particles(100);
  height: 3px;
  width: 3px;
}

.particle-4 {
  animation: animParticle 600s linear infinite;
  @include particles(400);
  height: 1px;
  width: 1px;
}

.particle-4:after {
  @include particles(400);
  height: 1px;
  width: 1px;
} */

@keyframes animParticle {
  from { transform: translateY(0px); }
  to   { transform: translateY(-2560px); }
}

.hideondesktop{
	display:none;
}

/** Logincss **/

.logheader{
	position:inherit;
	transform:none !important;
	background: transparent !important;
}

.logosec img {
    width: 100%;
    max-width: 210px;
    margin: 0 0 100px 0;
}

.loginreg-sec{
	min-height:100vh;
	padding:40px 0;
	
	/* background: url(../images/left-reflector.svg) no-repeat, url(../images/right-reflector.svg) no-repeat, url(../images/shadowbotleft.svg) no-repeat;
	background-size: 1200px, 1200px, 1200px;
    background-position: top -620px left -390px, bottom -620px right -390px, bottom -450px left -450px; */
	
	background: url(../images/shadowbotleft.svg) no-repeat, url(../images/shadowbotleft.svg) no-repeat;
	background-size: 1200px, 1200px;
    background-position: bottom -480px left -520px, bottom -450px right -450px;
	display:flex;
	align-items:center;
	
	overflow: hidden;
}

.loginreg-sec h2{
    font-size: 38px;
    line-height: 51px;
    font-family: 'halyard-display';
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0 auto 20px;
    letter-spacing: 1px;
    font-weight: 700;
}

.log-box button{
    line-height: 65px;
    font-size: 18px;
    color: #fff;
    width: 100%;
    position: relative;
    z-index: 1;
    background: #7A4FF4;
    border-radius: 0px;
    padding: 0px;
    font-family: 'halyard-display';
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 300px;
	margin:0 auto;
	cursor:pointer;
} 

.log-box button img{
	width: 24px;
    margin: 0 10px 0 0;
}

.form-sec input[type="text"]{
	font-size:20px;
	line-height:60px;
	letter-spacing: 0px;
	color: #FFFFFF;
	font-family: 'halyard-display';
	width: 100%;
    text-align: center;
	background: #242424;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 8px;
	border:none;
}

.form-sec input[type="text"]::placeholder{
	color: #FFFFFF !important;
	opacity:0.35;
}

.log-box button span {
    position: relative;
	transition: 0.5s;
}

.log-box button:hover span{
	padding-right:20px;
}

.log-box button span:after{
	content: "\f101";
	position: absolute;
	opacity: 0;  
	top: 0px;
	right: 0px;
	transition: 0.5s;
	font-family: "FontAwesome";
	font-size:14px;
}

.log-box button:hover span:after{
	opacity: 1;
	right: -10px;
}

.auth-reg-link {
    margin: 30px 0 0 0;
		text-align: center;
}

.auth-reg-link p {
    margin: 0 0 10px 0;
    font-size: 16px;
    color: rgb(233 63 178);
}

#loggedIn p{
   color: rgb(233 63 178);
}
.auth-reg-link a{
	color:#10BADD;
}

.logreg-body #particles-js{
	position:fixed;
}

video.login-animation-left1 {
    position: absolute;
    top: 0px;
    left: 0px;
}

video.login-animation-right1 {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.safari-mac .loginreg-sec {
	background: url(../images/left-reflector.svg) no-repeat, url(../images/right-reflector.svg) no-repeat, url(../images/shadowbotleft.svg) no-repeat;
	background-size: 1200px, 1200px, 1200px;
	background-position: top -650px left -450px, bottom -650px right -450px, bottom -480px left -520px;
}

.safari-mac .loginreg-sec video.login-animation-left1,
.safari-mac .loginreg-sec video.login-animation-right1{
	display:none;
}
a:not([href]):not([tabindex]):hover {
    color: #7A4FF4 !important;
}
a:not([href]):not([tabindex]) {
    color: #212529 !important;
    cursor: pointer;
}
@media screen and (max-width:1600px){
	.loginreg-sec{		
		background: url(../images/shadowbotleft.svg) no-repeat, url(../images/shadowbotleft.svg) no-repeat;
		background-size: 1200px, 1200px;
		background-position: bottom -480px left -620px, bottom -480px right -560px;
	}
	video.login-animation-left1 {
		width:100%;
		max-width:500px;
	}

	video.login-animation-right1 {
		width:100%;
		max-width:500px;
	}
}

@media screen and (min-width:1025px) and (max-width:1199px){
	.fadetext{
		font-size:110px;
	}
	.tokencoinsec .fadetext{
		font-size:100px;
	}
	.left-shadow,
	.right-shadow{
		background-size:800px, 350px;
	}
	.left-shadow:before{
		height:50px;
		bottom:50px;
	}
	.left-shadow:after{
		height:50px;
	}
	.right-shadow:before{
		height:50px;
		bottom:50px;
	}
	.right-shadow:after{
		height:50px;
	}
	.banner-sec video{
		width:750px;
	}
	.banner-sec h1{
		font-size:65px;
	}
	.banner-sec .col-md-6:last-child {
		min-height: 310px;
	}
	section.banner-sec.left-shadow {
		background-size: 750px;
	}
	.power p {
		margin-top: -70px;
	}
}

@media screen and (min-width:992px) and (max-width:1199px){
	.white-btn{
		width:110px;
		line-height:43px;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		padding:5px 10px;
		margin: 0 3px;
	}
}

@media screen and (min-width:768px) and (max-width:1024px){
	.fadetext{
		font-size:80px;
		letter-spacing:20px;
	}
	.banner-sec h1{
		font-size:65px;
	}
	.left-shadow:before{
		max-width: 160px;
		height: 55px;
		bottom: 55px;
	}
	.left-shadow:after{
		max-width: 220px;
		height: 55px;
	}
	.right-shadow:before{
		max-width: 160px;
		height: 55px;
		bottom: 55px;
	}
	.right-shadow:after{
		max-width: 220px;
		height: 55px;
	}
	.left-shadow{
		background-size: 750px,350px;
		background-position: bottom -450px left,bottom right;
	}
	.right-shadow{
		background-size: 750px, 350px;
		background-position: bottom -450px right, bottom left;
	}
	.banner-sec {
		padding: 120px 0 160px 0;
	}
	.banner-sec video{
		position:inherit;
		top:inherit;
		right:inherit;
		width:100%;
	}
	.banner-sec .col-md-6:last-child {
		min-height: inherit;
	}
	section.banner-sec.left-shadow {
		background-size: 750px;
	}
	.power p {
		margin-top: 0;
	}
	section{
		padding:90px 0 140px 0;
	}
	h2{
		font-size: 38px;
		line-height: 48px;
	}
	p br{
		display:none;
	}
	.tabsec:before{
		width:90px;
		height:90px;
	}
	.defi .defimgsec img{
		max-width:100%;
	}
	.box{
		padding:15px;
	}
	.box span{
		font-size:16px;
	}
	.digital .col-md-4 {
		padding-left: 0px;
	}
	.digital .box{
		padding:25px;
	}
	.banksec img.hand{
		width: 600px;
	}
}

@media screen and (max-width:991px){
	header{
		padding:10px 0;
	}
	.navbar {
		padding: 0px;
		position: initial;
		width:auto;
	}
	.navbar-toggler{
		padding:0px;
		font-size:24px;
		line-height:inherit;
		color: #fff;
	}

	/* .row.toprow{
		position:relative;
	} */

	.navbar-collapse{
		width: 100%;
		position: absolute;
		left: 0;
		top: 52px;
		background: #000000;
		z-index: 11;
		padding:10px 15px;
	}
	header li.nav-item {
		margin: 0px;
		padding:0px 0;
		border-top:1px solid rgb(255 255 255 / 15%);
	}
	header li.nav-item:first-child{
		border-top:0px;
		padding-top:0px;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		padding:12px 0;
		margin: 0px;
	}
	.row.toprow .col-md-12.d-flex.align-items-center{
		justify-content:space-between;
	}
	a.nav-link.dropdown-toggle{
		display:flex;
		align-items:center;
	}
	a.nav-link.dropdown-toggle .fa {
		margin-left: auto;
	}
	.navbar-nav .dropdown-menu {
		padding: 0 10px;
		background: #000000;
		margin: 0 0 15px 0;
	}
	.headright{
		justify-content:space-between;
	}
	.headright .white-btn{
		margin-left:10px;
		width:120px;
	}
}
.safari-mac video{
	display:none;
}

.showonsafari{
	display:none;
	max-width:100%;
}

.safari-mac .showonsafari{
	display:inline-block;
}

.safari-mac .showonsafari.hideondesktop{
	display:none;
}

.banner-sec img.showonsafari{
	max-width:900px;
}

.banner-sec .col-md-6:last-child{
	direction:rtl;
}

.digital img.showonsafari{
	padding: 20px;
    border: 2px solid #14699e;
}

.gamingsec img.showonmobile{
	margin-top:0px;
}

@media screen and (max-width:767.9px){
	video.login-animation-left1,
	video.login-animation-right1{
		display:none;
	}
	.loginreg-sec {
		background: url(../images/shadowbotleft.svg) no-repeat !important;
		background-size: 710px !important;
		background-position: bottom -390px left -130px !important;
		padding: 0px;
	}
.loginreg-sec h2 {
    font-size: 32px;
}
	.safari-mac .showonsafari.hideonmobile{
		display:none;
	}
	.safari-mac .showonsafari.showonmobile {
		display: inline-block;
	}
	.cardsec  .fadetext{
		font-size:40px;
		white-space:nowrap;
	}
	.banner-sec img.showonsafari{
		max-width:100%;
	}
	header.darkHeader{
		transform:translate3d(0, 0, 0);
	}
	.logo img{
		width:60px;
	}
	.scrolling_up .logo img {
		width: 60px;
	}
	section.banner-sec.left-shadow {
		background-size: 700px;
	}
	.banner-sec {
		padding: 100px 0 90px 0;
		text-align:center;
	}
	.banner-sec img.sglobe2,
	.banner-sec img.sglobe3{
		display:none;
	}
	.banner-sec .row{
		flex-direction:column-reverse;
	}
	.banner-sec video{
		position: inherit;
		width: 100%;
		top: inherit;
		right: inherit;
	}
	.banner-sec .col-md-6:last-child {
		min-height: inherit;
	}
	.fadetext{
		font-size:48px;
		line-height:70px;
		letter-spacing: 6px;
	}
	h2.margin_up{
		margin-top:-40px;
	}
	.tokencoinsec .fadetext{
		font-size:48px;
		letter-spacing:6px;
	}
	.banner-sec h1{
		font-size:37px;
	}
	.left-shadow:before{
		max-width: 90px;
		height: 20px;
		bottom: 20px;
	}
	.left-shadow:after {
		max-width: 120px;
		height: 20px;
	}
	.right-shadow:before{
		max-width: 90px;
		height: 20px;
		bottom: 20px;
	}
	.right-shadow:after{
		max-width: 120px;
		height: 20px;
	}
	.left-shadow,
	.right-shadow{
		background-size: 820px,200px;
	}
	h2 {
		font-size: 33px;
		letter-spacing: -1px;
		line-height: 40px;
	}
	h2 br{
		display:none;
	}
	.power p {
		margin-top: 30px;
		line-height: 24px;
	}
	p br{
		display:none;
	}
	.power img{
		margin-top:0px;
	}
	.banksec .col-md-6:last-child {
		padding-left: 15px;
	}
	.banksec img.hand{
		z-index:initial;
		width: 140%;
	}
	.defi .defimgsec img{
		max-width:100%;
	}
	.exchange .row:last-child{
		flex-direction:column-reverse;
	}
	.tabsec{
		margin-bottom:30px;
	}
	.tabsec:before{
		top: -30px;
		width: 80px;
		height: 80px;
	}
	.cardsecvid:before{
		display:none;
	}
	.digital .col-md-4 {
		padding-left: 15px;
		margin-top: 20px;
	}
	.digital .col-md-9{
		padding-right: 15px;
	}
	.defi .defimgsec{
		margin-bottom:40px;
	}
	.defi .box{
		display:flex;
		align-items:center;
	}
	.defi .box img {
		margin: 0 15px 0 0;
	}
	.defi .box span {
		margin: 0px;
	}
	.parent-1,
	.parent-2,
	.coin-rotate-sec:after{
		display:none;
	}
	.coinimg{
		position:relative;
		margin:30px 0 0 0;
	}
	.banksec video{
		max-width:100%;
	}
	.cardsec .row {
		flex-direction: column-reverse;
	}
	section{
		padding-top:70px;
		padding-bottom: 70px;
		text-align: center;
		overflow-x:hidden;
	}
	/* section.power {
		padding-bottom: 120px;
		padding-top: 70px;
	} */
	section.metaverse.left-shadow{
		background-size:750px, 100%;
	}
	.helpcontsec{
		padding-bottom:70px;
	}
	.quick-access h3{
		font-size:30px;
	}
	.quick-access-holder{
		width:100%;
		padding:20px 30px 20px 20px;
	}
	.quick-access-holder:nth-child(3) {
		width: 100%;
		padding: 20px;
	}
	.quick-access p{
		margin-bottom:0px;
	}
	.arrow-holder{
		width: 30px;
		height: 30px;
		min-height: 30px;
		min-width: 30px;
		top:22px;
		right:10px;
	}
	.quick-access-holder:first-child{
		border-right:none;
	}
	form.form {
		width: 100%;
		margin-top:20px;
	}
	form.form .link-gradient-text{
		padding:11px 15px;
	}
	footer{
		text-align:center;
	}
	footer h5{
		margin: 30px 0 15px 0;
		font-size: 18px;
	}
	footer ul.menulinks li {
		margin: 0 0 6px 0;
	}
	.footlogosec img{
		max-width:110px;
	}
	.footer-bottom{
		flex-direction:column-reverse;
	}
	ul.footsoc{
		justify-content:center;
		margin:0 0 7px 0;
	}
	ul.footsoc li {
		margin: 0 7px;
	}
	ul.ticklist li br{
		display:none;
	}
	.roadmap-right-phase .roadmap-phase{
		top: 10px;
		left: 0px;
	}
	.roadmap-line{
		left:30px;
	}
	.roadmap-year{
		margin-left:-10px;
		height: 50px;
		width: 50px;
		line-height: 50px;
		font-size:14px;
	}
	.roadmap-right .roadmap-step {
		margin-left: 50px;
	}
	.roadmap-step::after {
		width: 38px;
		left: -38px;
	}
	.roadmap-step::before {
		left: -43px;
	}
	.roadmap-left .roadmap-step {
		margin-left: 50px;
		margin-right: 0;
	}
	.roadmap-left .roadmap-step::after {
		left: -38px;
		right: auto;
	}
	.roadmap-left .roadmap-step::before {
		left: -43px;
		right: auto;
	}
	.roadmap-step{
		padding:20px;
		max-width:100%;
		text-align:left;
	}
	.roadmap-right{
		justify-content:flex-start;
	}
	.digital .col-md-8 {
		padding-right: 15px;
	}
	.quick-access-holder:nth-child(2){
		padding-left:0px;
	}
	section#contact {
		padding: 70px 0;
	}
	.box{
		text-align:left;
	}
	.exchange, .cardsec, .digital {
		padding-bottom: 70px;
	}
	label.fadetext.text-left {
		text-align: center !important;
	}
	.roadmap-head{
		text-align:left;
	}
	.faq-list .card-body{
		max-width:100%;
	}
	.contactsec .row{
		justify-content:center;
	}
	.contactsec .col-md-3 {
		width: auto;
		padding:0 10px;
	}
	.contact-info-item{
		margin:0 0 10px 0;
	}
	.contact-info-item .icon {
		width: 50px;
		height: 50px;
		font-size: 20px;
	}
	.contact-info-item .icon .fa, .contact-info-item .icon .fa-brands{
		min-width: 42px;
		line-height: 38px;
		height:auto;
	}
	.contact-info-item span{
		font-size:12px;
	}
	.hideonmobile{
		display:none;
	}
	.hideondesktop{
		display:block;
	}
	.showonmobile{
		display:inline-block;
	}
	header.darkHeader{
		background:#000;
	}
}