@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url('../fonts/Gilroy-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
   font-family: 'Aino';
   src:url('../fonts/aino-headline-webfont.woff') format('woff');
   font-family:400;
   font-style: normal;
}
/*global*/
html{
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
a,a:hover ,a:focus{color:#fff;}
a, a:hover, a:focus{text-decoration:none;}
ul, ol{margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5, h6{margin:0;}
h1, h2, h3{font-weight:400;  font-family: 'Aino'; text-rendering: optimizeLegibility;}
h4,h5,h6{font-weight:400;}
input, button, textarea, select{font-family: 'Gilroy';}
p{margin:0;}
/*theme*/
body{
   background-color:#07001b;
   font-family: 'Gilroy';
   font-size:14px; 
   line-height:1.4;
   min-height:100%;
   font-weight:300;
   color:#fff;
   overflow-x:hidden;
}
.container-fluid {
    padding-left: 50px;
    padding-right: 50px;
}
.no-margin{
	margin:0 !important;
}
.no-padding{
 	padding:0 !important;
}
.flex-row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.flex-row  > div{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-row  > div > div{
	width:100%;
}
.centered-img{
	display:block;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}
/*buttons*/
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
  outline-offset: 0;
}
/*header*/
header{
	padding-top:25px;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	z-index:1;
}
.menu-toggle {
    display: none;
    position: absolute;
    right: 15px;
    top: 25px;
    z-index: 9;
    width: 40px;
    height: 40px;
    border-radius:4px;
    text-align: center;
    cursor: pointer;
    box-shadow: 25px 77px 53px rgb(11 11 11 / 30%);
	background: #00c6f4;
    background: -moz-linear-gradient(-45deg, #00c6f4 0%, #00f7f0 100%);
    background: -webkit-linear-gradient(-45deg, #00c6f4 0%,#00f7f0 100%);
    background: linear-gradient(135deg, #00c6f4 0%,#00f7f0 100%);
}
.menu-toggle svg {
    fill: #07001b;
    width: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.logo{
	float:left;
}
.logo img{
	height:30px;
}
.main_menu{
	float:right;
}
.main_menu > li{
	float:left;
	margin-left:20px;
	padding-left:20px;
	position:relative;
}
.main_menu > li:first-child{
	margin-left:0;
	padding-left:0;
}
.main_menu > li > a{
	display:block;
	font-size:14px;
	line-height:40px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:400;
	position:relative;
	transition:0.4s all;
	-webkit-transition:0.4s all; 
	-moz-transition:0.4s all;
}
.main_menu > li > a:hover{
	color:#00c6f4;
}
/*banner*/
.banner{
	position:relative;
	height:100vh;
}
.banner-circles{
	width:950px;
	height:950px;
	position:absolute;
	top:-10em;
	left:-10em;
}
.banner-circles .circle-1{
	width:80%;
	height:80%;
	background-color:rgba(0,198,244,0.03);
	border-radius:100%;
	position:absolute;
	top:0;
	left:0;
}
.banner-circles .circle-2{
	width:75%;
	height:75%;
	background-color:rgba(0,198,244,0.04);
	border-radius:100%;
	position:absolute;
	top:0;
	left:0;
}
.flower{
	position:absolute;
	right:-50px;
	bottom:-50px;
}
.flower img,.flower video{
	max-width:700px;
}
.banner-caption{
	position:absolute;
	width:100%;
	top:50%;
	left:0;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%); 
	-moz-transform:translateY(-50%);
}
.banner-caption h1{
	font-size:32px;
	letter-spacing:2px;
	line-height:1.4;
}
.banner-caption h1 span{
	background: #00c6f4; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #00c6f4 0%, #00f7f0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #00c6f4 0%,#00f7f0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #00c6f4 0%,#00f7f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.banner-caption p{
	font-size:18px;
	line-height:30px;
	margin-top:15px;
	font-weight:300;
	color:rgba(255,255,255,0.75);
}
/*about us*/
.aboutus{
	padding:120px 0 80px;
	position:relative;
}
.background-div {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
}
.background-div img{
	max-width:100%;
}
.section-title{
	position:relative;
	margin-bottom:30px;
}
.section-title h3{
	font-size: 56px;
    margin-bottom: 5px;
    text-shadow: 0em 0em 0.02em #00f7f0;
    color: #07001b;
}
.section-title h2{
	font-size:36px;
	letter-spacing:2px;
}
.std p{
	color:rgba(255,255,255,0.85);
	font-size:15px;
	line-height:30px;
	margin-bottom:10px;
}
/*background*/
.our-background{
	padding: 80px 0 175px;
    position: relative;
}
.background-box{
	text-align:center;
	position:relative;
	padding:25px;
	/*background:#070622;
	border-radius:12px;
	box-shadow:0 0 18px -10px #000;*/
	background: rgba(255, 255, 255, 0.06);
     background: -webkit-linear-gradient( -45deg, rgba(255,255,255,0.09) 0%,rgba(0,0,0,0.09) 100%); 
    border-radius: 4px;
    box-shadow: 0 4px 30px rgb(0 0 0 / 40%);
    backdrop-filter: blur(3.2px);
    -webkit-backdrop-filter: blur(3.2px);
    border-width: 2px;
    border-image-slice: 1;
    border-style: solid;
    border-image-source: linear-gradient(-45deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.05) 100%);
}
.background-box img{
	max-width:350px;
	margin:0 auto;
	margin-bottom:30px;
	display:block;
}
.background-box h4{
	font-size:20px;
	font-weight:700;
	letter-spacing:1px;
}
.background-box p{
	margin-top:10px;
	font-size:14px;
	line-height:22px;
	color:rgba(255,255,255,0.70);
}
.bg-box-2 .background-box:first-child{
	margin-bottom:30px;
}
.bg-box-2 .background-box img{
	width:130px;
}
/*why-us*/
.why-us{
	padding:80px 0;
	position:relative;
}
.left-circles{
	width:600px;
	height:600px;
	position:absolute;
	top:10em;
	left:-15em;
}
.left-circles.right{
	left:auto;
	right:-15em;
}
.left-circles .circle-1{
	width:60%;
	height:60%;
	background-color:rgba(0,198,244,0.03);
	border-radius:100%;
	position:absolute;
	top:0;
	left:0;
}
.left-circles .circle-2{
	width:55%;
	height:55%;
	background-color:rgba(0,198,244,0.04);
	border-radius:100%;
	position:absolute;
	top:0;
	left:0;
}
.left-circles.right .circle-2,
.left-circles.right .circle-1{
	left:auto;
	right:0;
}
.why-box{
	position:relative;
	padding-left:120px;
	margin:20px 0;
}
.why-box img{
	position:absolute;
	top:0;
	left:0;
}
.why-box h4{
	font-weight:500;
	font-size:20px;
	margin-bottom:5px;
	line-height:30px;
	letter-spacing:1px;
	background: #00c6f4; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #00c6f4 0%, #00f7f0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #00c6f4 0%,#00f7f0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #00c6f4 0%,#00f7f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.why-box p{
	font-size:15px;
	line-height:25px;
}
.mb-50{
	margin-bottom:50px !important;
}
/*services*/
.services{
	padding:80px 0;
	position:relative;
}
.panel-group{margin-bottom:0;}
.panel{
	background-color:transparent;
}
.panel-group .panel{
	border:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	margin-bottom:15px;
}
.panel-group .panel:last-child{
	margin-bottom:0;
}
.panel-heading{
	padding:0px;
}
.panel-default>.panel-heading{
	background-color:rgba(0,198,244,0.03);
}
.panel-default>.panel-heading a:not(.collapsed) {
	color:#07001b;
	background: #00c6f4; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #00c6f4 0%, #00f7f0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #00c6f4 0%,#00f7f0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #00c6f4 0%,#00f7f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.panel-title{
	font-size:16px;
	font-weight:500;
	letter-spacing:1px;
}
.panel-title a:after {
    content: "\f068";
    height: 48px;
    width: 38px;
    position: absolute;
    top: 0;
    right: 0;
    font-family: 'Font Awesome 5 Free';
    display: block;
    font-size: 18px;
    text-align: center;
	color:#fff;
	line-height:48px;
	font-weight:900;
}
.panel-title a.collapsed:after{
	content: "\f067";
}
.panel-title a, .panel-title a:active, .panel-title a:focus, .panel-title a:hover{
	color:#fff;
	display:block;
	line-height:24px;
	padding: 12px 55px 12px 20px;
	position:relative;
}
.panel-body {
    padding:15px 20px 0 20px;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{
	border-top:none;
}
/*investors*/ 
.investors{
	position:relative;
	padding:80px 0;
	/*background:url(../images/tokens-bg.jpg) no-repeat 0 0;
	background-size:cover;*/
}
.invest-logo{
	position:relative;
	padding:10px;
	transition:0.3s all;
	-webkit-transition:0.3s all; 
	-moz-transition:0.3s all;
	cursor:pointer;
	/*background: rgba(255, 255, 255, 0.06);
    border-radius:4px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(3.2px);
   -webkit-backdrop-filter: blur(3.2px);
    border-width: 2px;
    border-image-slice: 1;
    border-style: solid;
    border-image-source: linear-gradient(-45deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.05) 100%);*/
}
.invest-logo:hover{
	transform:scale(0.95);
	-webkit-transform:scale(0.95); 
	-moz-transform:scale(0.95);
}
.invest-logo img{
	display:block;
	margin:0 auto;
	max-width:100%;
}
.inv-logos > li:nth-child(11) .invest-logo,
.inv-logos > li:nth-child(10) .invest-logo,
.inv-logos > li:nth-child(9) .invest-logo{
	margin-bottom:0;
}
.logo-box{
	border-radius: 50px;
    background: -webkit-linear-gradient( -45deg, rgba(255,255,255,0.12) 0%,rgba(0,0,0,0.07) 100%);
    box-shadow: 9px 9px 56px 0px rgb(0 0 0 / 75%);
    padding: 40px;
    position: relative;
    z-index: 1;
}
/*footer*/
footer{
	padding:400px 0 40px;
	position:relative;
	overflow:hidden;
}
footer .container{
	position:relative;
	z-index:1;
}
.footer-bg{
	width:100%;
	left:0;
	top:0;
	z-index:0;
	position:absolute;
}
ul.community {
	text-align:center;
}
ul.community li{
	display:inline-block;
	margin:0 5px;
}
ul.community li a{
	display:block;
	width:60px;
	height:60px;
	border-radius:12px;
	line-height:60px;
	background:#070622;
	text-align:center;
	font-size:24px;
	transition:0.4s all;
	-webkit-transition:0.4s all; 
	-moz-transition:0.4s all;
}
ul.community li a:hover{
	background: #00c6f4;
    background: -moz-linear-gradient(-45deg, #00c6f4 0%, #00f7f0 100%);
    background: -webkit-linear-gradient(-45deg, #00c6f4 0%,#00f7f0 100%);
    background: linear-gradient(135deg, #00c6f4 0%,#00f7f0 100%);
	color:#fff;
}
.copyrights{
	margin-top:40px;
	font-size:18px;
	color:rgba(255,255,255,0.75);
	font-weight:300;
	text-align:center;
}