/*----------------------------------------------*/
/*         PRODUCT AFFILIATE PACK CSS           */
/*----------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Poppins:400,700');
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Staatliches&display=swap');
h2 {
	color: #23272a;
}
h2.display-4 {
    font-size: 4em;
	line-height: 1em;
	font-weight: 100 !important;
}
h2.display-3 {
    font-size: 3em;
	line-height: 1em;
}
h2.display-2 {
    font-size: 2em;
	font-weight: 700 !important;
	line-height: 1em;
    margin-bottom: 10px;
}
/* CAROUSEL SLIDER */
section#boarding .white-box {
	background: none;
	border: none;
	box-shadow: none;
}
section#boarding .blog__text {
	display: none;
}
section#boarding .product-wrap img {
	max-height: 100%;
}
section#boarding .prev, section#boarding .next {
	font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
	display: none;
}
section#boarding .prev::before {
    content: "\f077";
}
section#boarding .next::before {
    content: "\f077";
}
p {
	color:#23272a;
}
.text-novva {
	background-image: linear-gradient(122.62deg,#ffff00 7.02%,#f68f2b 25.98%,#bb18ed 72.98%,#1bdffd 92.98%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
#content > .language-selector {
	display: none;
}
.language-selector li {
	display:block;
}
.page {padding-bottom: 0; max-width: 100%;}
.btn-help  {display: none !important;}
.thumbnails {display:none;}
.abs {
	position: absolute;
}
a.logo {
	pointer-events: none;
	cursor: default;
    display: flex;
	justify-content: center;
}
body.user-offline .container {
	border-radius: 0;
}
.container > .row {
	overflow-y: hidden;
}
.container_full {
    display: flex;
    flex-direction: column;
    align-content: center;
	background-color: #38555b;
	background: url('/image/catalog/Branders/landing/art/texture-gray.png') repeat repeat;
}
.container_full #content {
	padding: 0;
}
.img-nft-round {
	border-radius: 1.25rem;
}
.modal-footer {
	margin-bottom: 30px;
}
.logo img {
	width: auto;
}
.main-container {
	padding-bottom:0 !important;
}
.btn-oval {
	    background: rgba(255,255,255,.5);
    margin-top: 50px;
    border-radius: 35px;
    padding: 10px;
}
.btn-access {
	border: 2px solid#3e57e2;
    background: rgba(0,0,0,.35);
	transition: color .3s;
	color:#a8b5fa;
}
.btn-access:hover, .btn-access:visited, .btn-access:focus {
	color:#fff;
}
.img-abs {
	position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto auto;
	height: 100%;
}

.lowlight{
    display:inline;
    width: max-content;
    background-size: 200% auto; 
    background-image: linear-gradient(to right,rgba(0, 227, 98, 0) 50%,#000 50%);
    background-position: 0% 0;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.lowlight.active{
   animation-name: lowlight;
}

@keyframes lowlight {
    from {background-position: 0% 0;}
    to {background-position: -100% 0;}
}

.highlight{
    display:inline;
    width: max-content;
    background-size: 200% auto; 
    background-image: linear-gradient(to right,rgba(0, 227, 98, 0) 50%,#3b70f9 50%);
    background-position: 0% 0;
    animation-duration: 2s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    padding: 0 7px;
    white-space: pre-wrap;
}
.highlight.active{
   animation-name: highlight;
	
}

@keyframes highlight {
    from {background-position: 0% 0;color: inherit;}
    to {background-position: -100% 0;color: white;}
}

.heroContainer {
    padding-top: 56px;
    padding-bottom: 56px;
    z-index: 1;
    width: 100%;
    max-width: 1260px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 0 20px;
	padding: 56px 24px;
}
.heroBody {
	transform: translateY(50%);
    grid-column: span 4;
}
.header-V8Sgnz {
    z-index: 9998;
}
.wrapper-2bm6Le {
    grid-column: span 4;
}
@media screen and (min-width: 1024px) {
	.wrapperDesktop-Xf3mSB {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

@media screen and (min-width: 1024px) {
	.heroBody {
		grid-column: 3/span 8;
		text-align: center;
	}
}
@media screen and (min-width: 768px) {
	.heroBody {
		grid-column: span 5;
	}
}
@media screen and (min-width: 768px) {
	.heroImageContainer {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}
}
.heroImages {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
}
@media screen and (max-width: 767px) {
	.universe {
		top: auto;
		bottom: 0;
		margin-left: -148%;
		height: 70%;
	}
	h2.display-4 {
		font-size: 3em;
	}
	h2.display-3 {
		font-size: 2em;
	}
	.lead {
		font-size: 1.25rem !important;
	}
}
@media screen and (max-width: 767px) {
	.heroImages {
		display: block;
	}
}
@media screen and (min-width: 1024px) {
	section#hero-promanity .universe {
		width: 100%;
		top: 0;
		right: 0;
		left: 0;
		margin: auto auto;
	}
	section#hero-promanity-project .universe {
		width: 100%;
		top: unset;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto auto;
	}
	.universe {
		margin-left: -1080px;
	}
}
.heroCenter {
	left: 0;
    right: 0;
    margin: auto auto;
    width: 800px;
    height: auto;
	display: block;
    bottom: 0;
    position: absolute;
}
.heroLeft {
    display: block;
    width: 100%;
    max-width: 880px;
    position: relative;
    z-index: 1;
    margin-left: -80px;
}
@media screen and (min-width: 1024px) {
	.heroLeft {
		position: absolute;
		bottom: 0;
		left: 50%;
		display: block;
		height: auto;
		width: auto;
		max-width: none;
		margin-left: -1030px;
		-webkit-transform: none;
		transform: none;
	}
}
@media screen and (max-width: 767px) {
	.heroLeft {
		display: none;
	}
	.heroCenter {
		display: block;
		bottom: 50px;
		height: auto;
		width: 100%;
		padding: 0 20px;
	}
}
section#hero img.heroRight, section#hero-promanity img.heroRight, section#hero-phase-3 img.heroRight {
    position: absolute;
    bottom: 0;
	height: 400px;
}
@media screen and (min-width: 1024px) {
	section#hero img.heroRight, section#hero-promanity img.heroRight, section#hero-phase-3 img.heroRight {
		display: block;
		bottom: 0;
		left: 50%;
		margin-left: 370px;
	}
}
@media screen and (max-width: 767px) {
	section#hero img.heroRight, section#hero-promanity img.heroRight, section#hero-phase-3 img.heroRight {
		display: block;
		bottom: 0;
		left: 50%;
		margin-left: -70px;
		height: 280px;
	}
}
.heroBackground {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

section#hero, section#hero-promanity, section#hero-promanity-project, section#hero-phase-3 {
    position: relative;
    min-height: 626px;
    overflow: hidden;
}
section#hero, section#hero-phase-3 {
    background: #3f4acd;
}
section#hero-promanity {
    background: #000000;
	justify-content: flex-start;
	height: 100vh;
	padding-top: 17% !important;
}
section#hero-promanity-project {
    background: #000000;
	justify-content: flex-start;
    height: 100vh;
}

@media screen and (min-width: 1024px) {
	section#hero, section#hero-phase-3 {
		padding-bottom: 0;
	}
}

@media screen and (max-width: 767px) {
	section#hero, section#hero-phase-3 {
		padding-bottom: 56px;
		min-height: 626px;
	}
}

.btn-login {
	background: white;
    color: #23272a !important;
    border-radius: 28px;
    text-transform: capitalize;
    font-weight: 400;
}
.btn-login:hover {
    -webkit-box-shadow: 0 8px 15px rgb(0 0 0 / 20%);
    box-shadow: 0 8px 15px rgb(0 0 0 / 20%);
    color: #3b70f9 !important;
}
section.container {
	border-radius: 0;
}
section#hero, section#hero-promanity, section#hero-promanity-project, section#hero-phase-3 {
	background: gray url('/image/catalog/novva/assets/novva-hero-bg-md.jpg') no-repeat center center;
	background-size: cover;
	text-align: center;
	border-radius: 0;
    padding-bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
}
section#hero h2.display-3, section#hero p, section#hero-promanity h2.display-3, section#hero-promanity p, section#hero-promanity-project h2.display-3, section#hero-promanity-project p, section#boarding h2, section#boarding p, section#hero-phase-3 h2.display-3, section#hero-phase-3 p {
	color: white;
}
section#hero .title, section#hero-promanity .title, section#hero-promanity-project .title, section#hero-phase-3 .title {
    display: flex;
	flex-direction: column;
    margin-top: auto;
	align-items: center;
}
section#boarding, section#creators, section#founders {
	/*display: flex;
	flex-direction: row;*/
	z-index: 3;
	position: relative;
	padding: 80px 18%;
	padding-bottom: 0;
}
section#boarding .owl-carousel .owl-item:after {
	content: '';
    /*background: linear-gradient(to top, rgba(0,0,0,1) 4.98%, rgba(0, 0, 0, 0) 60.02%);*/
    height: 250px;
    bottom: 0;
    z-index: 3;
    position: absolute;
    width: 100%;
    left: 0;
}
section#founders, section#boarding {
	background: #ffffff;
}
section#creators {
	background: #eaeaea;
}
section#boarding {
	background: black url('/image/catalog/novva/assets/novva-universe.jpg') repeat repeat;
}
.roadmap__item {
    display: grid;
    grid-template-columns: repeat(1,10fr 1fr 10fr);
    gap: 0 10px;
    justify-content: center;
    justify-items: center;
    width: fit-content;
    margin: 0 auto;
	padding: 0;
}
.roadmap__marker {
	position: relative;
    padding-bottom: 5rem;
	padding-right: 20px;
}
.roadmap__marker:not(:last-child):before {
    background-color: rgb(211 217 234 / 40%);
}
.roadmap__item:last-child .roadmap__marker:before {
    background-color: transparent;
    background-image: -moz-linear-gradient(-90deg, rgb(211 217 234 / 40%) 50%, rgb(211 217 234 / 0%) 100%);
    background-image: -webkit-linear-gradient(-90deg, rgb(211 217 234 / 40%) 50%, rgb(211 217 234 / 0%) 100%);
    background-image: -ms-linear-gradient(-90deg, rgb(211 217 234 / 40%) 50%, rgb(211 217 234 / 0%) 100%);
}
.roadmap__item-title h2 {
	color: #7fa2ff;
	margin-top: -15px;
    padding-top: 0;
}
.roadmap__item--completed .roadmap__item-title h2 {
	color: #5cffac;
	margin-top: -15px;
    padding-top: 0;
}
.roadmap__milestones {
    padding: 0 10%;
}
.roadmap__item:not(:last-child):before, .roadmap__milestones:not(:last-child) .roadmap__item:last-child:before, .roadmap__item--completed.roadmap__item:after, .roadmap__item:after {
	content: none;
}
.roadmap__marker:not(:last-child):before, .roadmap__milestones:not(:last-child) .roadmap__marker:last-child:before {
    content: "";
    position: absolute;
    left: 0.6rem;
    top: 1.45rem;
    height: -webkit-calc(100% - 1.3rem);
    height: calc(100% - 1.3rem);
    width: 0.05rem;
}
.roadmap__marker:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.15rem;
    width: 1.3rem;
    height: 1.3rem;
}
.roadmap__item--completed .roadmap__marker:after {
    border-radius: 50%;
    background-color: #5cffac;
    z-index: 2;
    animation: colorchange_green 5s;
    -webkit-animation: colorchange_green 5s linear infinite;
}
.roadmap__marker:after {
    border-radius: 50%;
    background-color: unset;
    border: 0.1rem solid #3b70f9;
    z-index: 1;
}
@media screen and (max-width: 767px) { /* phone */
	.footer-links {
		min-width: auto !important;
        padding: 0 15px !important;
	}
	section#hero {
		flex-direction: column;
		height: calc(100vh - 50px);
	}
	section#hero-phase-3 {
		flex-direction: column;
		/*height: auto !important;*/
		height: 100vh;
	}
	section#hero-promanity {
		justify-content: center;
		height: auto !important;
	}
	section#boarding, section#creators, section#founders {
		padding: 50px 8% 0;
	}
	main.page-content {
		margin-top: 0;
	}
}
section#lab, section#about, section#nfts {
	height: 100vh;
}
section#lab .heading {
	z-index: 7;
	position: absolute;
	transform: translatey(-150px);
	text-shadow: 0px 5px 10px rgb(0 0 0 / 95%);
	width: 100%;
}
::-webkit-scrollbar {
    height: 0;  /* Remove scrollbar space */
    width: 0;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #131b28;
}
section#logo {
	height: 100vh;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
	background-color: #000;
	background: url('/image/catalog/Branders/landing/art/texture-dark.png') repeat repeat;
	margin: 0;
}
section#nfts, section#roadmap {
	background: url('/image/catalog/Branders/landing/art/texture-dark.png') repeat repeat;
}
section#story {
	background: url('/image/catalog/Branders/landing/art/texture-gray.png') repeat repeat;
}
section#circle {
	background: url('/image/catalog/Branders/landing/art/texture-primary.png') repeat repeat;
}
.section-figure img.mediaobject-mask {
	position:absolute;
}
.section-figure .video-container {
	padding:3.5% 17% 4%;
}
.section-figure-img-1 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    width: auto;
    overflow: hidden;
    margin: 0 auto;
}
.section-figure-img-1 a {
	z-index: 7;
    position: absolute;
	cursor: pointer;
	transform: translatey(-100px);
}
.section-figure-img-1 img, .section-figure img {
	height: 100vh;
    width: auto;
    max-width: fit-content;
}
.section-figure-img-1 img.mediaimage-6 {
    /*height: calc(100vh - 100px);*/
    margin-right: -120px;
    margin-bottom: -100px;
}
.absolute-left {
	position: relative;
    left: 0;
    min-height: 320px;
    z-index: -9;
    height: 100%;
}
.mediaimage-1, .mediaimage-2, .mediaimage-3, .mediaimage-4, .mediaimage-5, .mediaimage-6, .mediaimage-8 {
	display:none;
	position:absolute;
}
.mediaimage-7, .mediaimage-8, .mediaimage-9 {
	position: absolute;
    bottom: 0;
}
.mediaimage-portal {
	position:relative;
	opacity: 0;
}
.mediaimage-light {
	position:absolute;
}
.mediaimage-8 {
	bottom:-300px;
	transition:.3s;
}
.mediaimage-8.show-actor {
	bottom:0px !important;
	display:block;
}
.mediaimage-4 {
	z-index:4;
}
.mediaimage-5 {
	z-index:5;
}
.mediaimage-6 {
	z-index:6;
}
.figure-pull-right { 
}
#section-funnel {
	position:relative;
}
.white-box {
	margin-bottom:0;
}
.clear-box {
	background:#f5f5f5 !important;
}
.prod-price {display:none;}
.middle {
	padding:0 10%;
}
.image-bg {
	background-image: url(/catalog/view/theme/branders/image/section-head.jpg);
    background-size: cover;
    display: block;
    position: relative;
}
.white-box {padding:0;}
.white-box h1.product-title, #section-school h1.product-title {
	font-family:"Poppins", sans-serif;
	font-size: 50px !important;
    line-height: 1.5;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 700;
    color: #fff;
	border-bottom:none;
	text-align:center;
}
.white-box h1.product-subtitle, #section-school h1.product-subtitle {
	font-size: 1.3em;
	text-align:center;
	border-bottom:none;
    color: #fff;
	font-family:open-sans,"Open Sans",sans-serif;
	font-weight:100;
	line-height:1.6em;
	margin-bottom:50px;
}
.blog-list {display:none;}
.divider {
	padding:50px;
}
.camera_caption p {
	font-size: 1.5em !important;
    color: #ffffff !important;
    font-family: "Raleway", Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
.divider h1, .dark-box h1, .white-box h1 {
	font-family:"Poppins", sans-serif;
	font-size: 2.5em !important;
    line-height: 1.5;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 700;
    color: #5c5bee;
	border-bottom:none;
	text-align:center;
}
.divider h1.dark {
	font-weight:400;
	color:#203049;
}
.dark-box h2 {
	font-family:"Poppins", sans-serif;
	font-size: 2.5em;
    line-height: 1.3;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 700;
    color: #29d790;
	border-bottom:none;
	text-align:center;
	padding-top:0;
}
.white {
	color:#fff;
}
.black {
	color:#213049;
}
li.dropdown {display:none;}
li.topbarlinks {display:inherit; float:right}
.divider p {    
	color: #656565;
    font-size: 1.5em;
}
.divider .button-landing {    
	background: #737de8;
    padding: 20px;
    border-radius: 7px;
    margin-top: 20px;
}
body.product-product-200 .item .product-wrap a#thumb {pointer-events: none;cursor: not-allowed;}
.product-box {
	padding: 20px 40px;
    background: white;
    border-radius: 5px;
    text-align: center;
	z-index:5;
}
.product-box-free {
	background: #32325d;
    border-radius: 8px 0 0 8px;
	padding: 20px 40px;
    text-align: center;
    margin-top: 95px;
}
.page-footer {
	width: 100%;
    padding-bottom: 20px;
	display: flex !important;
}
.footer-links {
	width: 100% !important;
    height: 100%;
    min-width: 768px;
    max-width: 1080px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
	gap: 22px;
}
.footer-links li {
	display:block;
}
.product-box-plus {
	background: #70d088;
    border-radius: 0 8px 8px 0;
	padding: 20px 40px;
    text-align: center;
    margin-top: 95px;
}
.product-box-free .prod-price {
	color:#cfd7df !important;
	font-weight:100;
}
.prod-price, .prod-special {
    color: #32325d !important;
    background: none;
    font-size: 2.8em;
    font-weight: 700;
    line-height: 0.6533333;
    display: none;
    padding: 20px;
    text-transform: inherit;
    padding-bottom: 0;
    font-family: 'Poppins', sans-serif;
}
.prod-price-old {
    color: #888 !important;
    background: none;
    font-size: 1.5em;
    padding: 5px 0;
    font-weight: 300;
    display: none;
    text-decoration: line-through;
	text-transform:lowercase;
	margin-bottom:20px;
}
.product-box-plus .prod-price-old {
	color:#2ea177 !important;
}
.product-box-free .prod-desc p {
	color:#cfd7df !important;
}
.product-box-plus .prod-desc p {
	color:#fff !important;
}
.product-box-plus .prod-desc h1 {
	color:#e6fad5;
}
.product-box ul.list-unstyled, .product-box-free ul.list-unstyled, .product-box-plus ul.list-unstyled {
	color:#6b7c93;
	text-align:left;
	font-size:1.1em;
}
.prod-desc ul li {
	line-height:3em;
	font-size:.8em;
}
.product-box-free ul.list-unstyled {
	color:#c0c6fd;
}
.product-box-plus ul.list-unstyled {
	color:#fff;
}
.features-item .item {
	display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    color: #fff;
    background-color: #0d7bff;
    font-size: 60px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 15px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.features-item.green-grad .item {
	background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75f094);
    background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75f094);
    background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75f094);
    -webkit-box-shadow: 0px 12px 20px 0px rgba(117, 178, 240, 0.4);
    box-shadow: 0px 12px 20px 0px rgba(117, 178, 240, 0.4);
    animation: colorchange_green 5s;
    -webkit-animation: colorchange_green 5s linear infinite;
}
.features-item.blue-grad .item {
	background-image: -moz-linear-gradient(55deg, #7575f0 0%, #75b2f0);
    background-image: -webkit-linear-gradient(55deg, #7575f0 0%, #75b2f0);
    background-image: -ms-linear-gradient(55deg, #7575f0 0%, #75b2f0);
    -webkit-box-shadow: 0px 12px 20px 0px rgba(117, 117, 240, 0.4);
    box-shadow: 0px 12px 20px 0px rgba(117, 117, 240, 0.4);
    animation: colorchange_blue 5s;
    -webkit-animation: colorchange_blue 5s linear infinite;
}
.features-item.purple-grad .item {
	background-image: -moz-linear-gradient(55deg, #b275f0 0%, #7575f0);
    background-image: -webkit-linear-gradient(55deg, #b275f0 0%, #7575f0);
    background-image: -ms-linear-gradient(55deg, #b275f0 0%, #7575f0);
    -webkit-box-shadow: 0px 12px 20px 0px rgba(178, 117, 240, 0.4);
    box-shadow: 0px 12px 20px 0px rgba(178, 117, 240, 0.4);
    animation: colorchange_purple 5s;
    -webkit-animation: colorchange_purple 5s linear infinite;
}
.features-item.pink-grad .item {
    background-image: -moz-linear-gradient(55deg, #f075c7 0%, #9191ff);
    background-image: -webkit-linear-gradient(55deg, #f075c7 0%, #9191ff);
    background-image: -ms-linear-gradient(55deg, #f075c7 0%, #9191ff);
    -webkit-box-shadow: 0px 12px 20px 0px rgba(240, 117, 199, 0.4);
    box-shadow: 0px 12px 20px 0px rgba(240, 117, 199, 0.4);
    animation: colorchange_blue 5s;
    -webkit-animation: colorchange_blue 5s linear infinite;
}
@keyframes colorchange_green {
	0% {
		background-color: #59f9ab;
	}
	25% {
		background-color: #758ef0;
	}
	50% {
		background-color: #59f9ab;
	}
	75% {
		background-color: #758ef0;
	}
	0% {
		background-color: #59f9ab;
	}
}
@keyframes colorchange_blue {
	0% {
		background-image: -moz-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		background-image: -webkit-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		background-image: -ms-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(117, 117, 240, 0.4);
	}
	25% {
		background-image: -moz-linear-gradient(55deg, #b275f0 0%, #7575f0);
		background-image: -webkit-linear-gradient(55deg, #b275f0 0%, #7575f0);
		background-image: -ms-linear-gradient(55deg, #b275f0 0%, #7575f0);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(178, 117, 240, 0.4);
	}
	50% {
		background-image: -moz-linear-gradient(55deg, #f075c7 0%, #9191ff);
		background-image: -webkit-linear-gradient(55deg, #f075c7 0%, #9191ff);
		background-image: -ms-linear-gradient(55deg, #f075c7 0%, #9191ff);
	}
	75% {
		background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75f094);
		background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75f094);
		background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75f094);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(117, 178, 240, 0.4);
	}
	0% {
		background-image: -moz-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		background-image: -webkit-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		background-image: -ms-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(117, 117, 240, 0.4);
	}
}
@keyframes colorchange_purple {
	0% {
		background-image: -moz-linear-gradient(55deg, #f075c7 0%, #9191ff);
		background-image: -webkit-linear-gradient(55deg, #f075c7 0%, #9191ff);
		background-image: -ms-linear-gradient(55deg, #f075c7 0%, #9191ff);
	}
	
	25% {
		background-image: -moz-linear-gradient(55deg, #75b2f0 0%, #75f094);
		background-image: -webkit-linear-gradient(55deg, #75b2f0 0%, #75f094);
		background-image: -ms-linear-gradient(55deg, #75b2f0 0%, #75f094);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(117, 178, 240, 0.4);
	}
	50% {
		background-image: -moz-linear-gradient(55deg, #b275f0 0%, #7575f0);
		background-image: -webkit-linear-gradient(55deg, #b275f0 0%, #7575f0);
		background-image: -ms-linear-gradient(55deg, #b275f0 0%, #7575f0);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(178, 117, 240, 0.4);
	}
	75% {
		background-image: -moz-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		background-image: -webkit-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		background-image: -ms-linear-gradient(55deg, #7575f0 0%, #75b2f0);
		-webkit-box-shadow: 0px 12px 20px 0px rgba(117, 117, 240, 0.4);
	}
	0% {
		background-image: -moz-linear-gradient(55deg, #f075c7 0%, #9191ff);
		background-image: -webkit-linear-gradient(55deg, #f075c7 0%, #9191ff);
		background-image: -ms-linear-gradient(55deg, #f075c7 0%, #9191ff);
	}
}
.product-box-free .fa {
	background: #c0c6fd;
    padding: 10px;
    border-radius: 20px;
    color: #6772e5;
    margin-right: 10px;
}
.prod-desc p {
	color:#6b7c93;
	font-size:1em;
}
.btn-account {
	border: 2px solid #6665f0;
    color: #6665f0;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px 20px;
}
.btn-account:hover {
	border: 2px solid #c0c6fd;
    color: #c0c6fd;
}

.product-prev .btn-primary {
	background-color: #6772e5;
    padding: 20px;
    letter-spacing: 1px;
}
.product-prev .btn-primary:hover {
	background-color:#858dec;
}
.btn-plus {
	background-color: #29a772;
    padding: 20px;
    letter-spacing: 1px;
}
.btn-plus:hover {
	background-color:#27ba7c;
}
p.med {
	font-size:1.5em !important;
	margin-top: 1.2em;
	color: #454545;
}
.blue-box h3 {
	color:white !important;
	margin-top: 1.5em;
    font-size: 1.71em;
    line-height: 1.25;
    font-weight: 700;
}
.clear-box h3 {
	margin-top: 1.5em;
    font-size: 1.71em;
    line-height: 1.25;
    font-weight: 700;
}
.green-box h3 {	
    font-size: 1.71em;
    line-height: 1.25;
    font-weight: 700;
}
#green-screen-app p {
    font-size: 1.2em;
    font-weight: 100 !important;
    line-height: 1.6em;
    margin-top: 1em;
}
i.fa-check-circle, i.fa-check {
	color:#1cc45e;
}
p.profit {
	margin-top:0 !important;
}
.dashboard-blue-box span {
	margin-bottom:1em !important;
	display:block;
}
.dashboard-blue-box h1 {
	color:white;
	padding:0;
}
.main-nav, #search, .alert {
	display:none;
}
#green-screen-app .button-account {
	width: 100%;
    margin: 25px 0;
    padding: 5px 1.5em;
    text-align: center;
    background: #d63e56;
    font-size: 1.5em;
    line-height: 2.5em;
    color: #fff;
    transition: background 0.3s, color 0.3s;
    display: block;
    text-decoration: none;
}
#green-screen-app .button-account:hover {
	background: #1c8ad8;
}
#green-screen-app .button-action {
	width: 100%;
    margin: 25px 0;
    padding: 5px 1.5em;
    text-align: center;
    background: linear-gradient(0deg, #0da94a, #1ae269);
	border:1px solid #0cad4b;
	border-radius:4px;
	font-weight:700;
    font-size: 1.5em;
    line-height: 2.5em;
    color: #fff;
    transition: background 0.3s, color 0.3s;
    display: block;
    text-decoration: none;
}

#green-screen-app .button-action:hover {
	background:linear-gradient(0deg, #268c4e, #1bcc61);
}

.green-box .center {
	padding-bottom:40px;
	padding-right:0;
}

.yellow-box .center, .blue-box .center {
	padding-top:80px;
}
@media screen and (max-width: 979px) { /* Pad */
.blue-box .center, .yellow-box .center {
	padding-top:0px;
}
}
@media (max-width: 767px){ /* Phone */
	section#about, section#nfts {
		height: 100%;
	}
	section#lab {
		overflow-x: scroll;
		overflow-y: hidden;
		position: relative;
		-webkit-overflow-scrolling: touch;
	}
	.section-figure-img-1 {
		width: fit-content;
	}
	section#lab .heading {
		transform: translatey(-50px);
	}
	section#lab .section-figure-img-1 a {
		transform: translatey(50px);
		margin-top: 100px;
	}
	#content {
		padding-bottom:0;
	}
	h1.product-title, h1.product-subtitle {
		padding: 10px 40px;
		line-height:inherit;
		text-align: center;
	}
	.prod-desc {
		font-size:1.5em !important;
		padding: 0;
	}
	.prod-desc h1 {
		font-size: 1.5em;
	}
	.col-sm-6.no-padding.space50 {
		margin-top:10px;
	}
	#green-screen-app .space50 {
		margin-top:25px;
	}
	#green-screen-app.blue-box, #green-screen-app.yellow-box {
		padding:30px 25px 0 25px;
	}
	#green-screen-app {
		padding:0 25px;
	}
	#green-screen-app.clear-box {
		padding-bottom:40px;
	}
	.dashboard-blue-box {
		margin:5px 0;
	}
	.box-callAction {
		padding:0 20px;
	}
	#green-screen-app h1 {
		font-size:2.2em !important;
	}
	.info.dashboard-blue-box h1 {
		margin-bottom:0;
	}
	.info.dashboard-blue-box span {
		font-size:1.3em;
	}
	.green-box .grid-col-8 {
		padding:0;
	}
	.green-box p.med {
		margin-bottom:20px;
	}
	.green-box .margin-50 {
		margin-bottom:0;
	}
	p.med {
		font-size:1.1em;
	}
	.product-box-free, .product-box, .product-box-plus {
		border-radius: 8px;
		display: inline-block;
		padding:20px;
		width:100%;
	}
}
.prod-desc {
	font-size:1.1em;
	color:#6b7c93;
}
.container_full .blue-box .float-box, .container_full .yellow-box .float-box {
	margin-top:50px;
}

.yellow-box a {
    font-size: 1.2em;
}
.yellow-box a:hover {
    color:#444;
	text-decoration:underline;
}

.margin-50 {
	margin-bottom:50px;
}
section#boarding .product-wrap img, .floating, .floating:hover{-webkit-animation:2.5s infinite floating;animation:2.5s infinite floating;will-change:transform}
/*.floating:hover{-webkit-animation-play-state:paused;animation-play-state:paused}*/

.floating-md{-webkit-animation:4s infinite floating-lg;animation:4s infinite floating-lg}
.floating-sm{-webkit-animation:3s infinite floating-sm;animation:3s infinite floating-sm}
.floating-lg{-webkit-animation:5s infinite floating-lg;animation:5s infinite floating-lg}
@-webkit-keyframes floating{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}
@keyframes floating{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}
@-webkit-keyframes floating-sm{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}}
@keyframes floating-sm{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(5px);transform:translateY(5px)}}
@-webkit-keyframes floating-md{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(7px);transform:translateY(7px)}}
@keyframes floating-md{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(7px);transform:translateY(7px)}}
@-webkit-keyframes floating-lg{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}}
@keyframes floating-lg{0%,100%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}}

.blink-success {-webkit-animation:3s infinite blinking;animation:3s infinite blinking;will-change:background}
@keyframes blinking{0%,100%{background-color:#27da8d;background:#27da8d}50%{background-color:#21bd7a;background:#21bd7a}}

.blink-access {-webkit-animation:3s infinite blinking-access;animation:3s infinite blinking-access;will-change:background}
@keyframes blinking-access{0%, 100%{box-shadow:inset 0px 0px 7px rgb(62 87 226 / 20%), 0px 0px 10px rgb(62 87 226 / 20%)}50%{box-shadow:inset 0px 0px 7px rgb(62 87 226 / 90%), 0px 0px 10px rgb(62 87 226 / 90%)}}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}