body{
	font-family: 'Montserrat', sans-serif;
	margin: 0px;
	background-color:black;
}
@media (max-width: 320px) {
    html{
        font-size: 14px;
    }
}

.h1{
	font-weight: 600;
	font-size: 2.074rem;
	/* letter-spacing: 0.1rem; */
}
.h2{
	font-weight: 600;
	font-size: 1.728rem;
	letter-spacing: 0.1rem;
}
.h3{
	font-weight: 600;
	font-size: 1.44rem;
	letter-spacing: 0.1rem;
}
.h4{
	font-weight: 600;
	font-size: 1.2rem;
	letter-spacing: 0.1rem;
}
.p{
  font-family: Roboto;
  font-weight: 300;
  line-height: 2rem;
  font-size: 1.2rem;
  letter-spacing: 0.01rem;
}

.h5{

}
.h6{

}
.light{
	font-weight: 100;
}


label,label.medium{
	font-size: 1rem;
	line-height:  1rem;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	font-weight: 600;
	display: block;
}
label.large{
	font-size: 1rem;
	line-height:  1rem;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	font-weight: 600;
}

label.small{
	font-size: 0.833rem;	
}
label.tiny{
	font-size: 0.694rem;	
}
label.wide{
	letter-spacing: 0.2em;
	padding-left: 0.25em;
}



.loading-block{
	position: fixed;
	width: 100%;
	height: 100%;
	top:  0px;
}
.webgl-container{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	visibility: visible;
}
.webgl-container canvas{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.loading-100 .webgl-container{
	visibility: visible;	
}
.loading-block-black-wrapper{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.loading-block-black-wrapper:before{
	content: '';
	transition: all 1.25s cubic-bezier(0.01, 0.97, 0.6, 0.84);
	width: 51%;
	height: 100%;
	left: 50%;
	background-color:white;
	transform-origin:100% 0%;
	transform:scaleX(0);
	top: 0px;
	display: block;
	
}
.loading-block-black-wrapper:after{
	content: '';
	display: block;
	transition: all 1.25s cubic-bezier(0.01, 0.97, 0.6, 0.84);
	width: 51%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 50%;
	transform-origin:0% 0%;
	background-color:white;
	transform:scaleX(0);
	
}
.loading-block .loading-block__logo-cleverse,.loading-block  .loading-block__logo-cleverse--2,.loading-block .loading-block__logo-cleverse--final-container{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
	margin-top: -2rem;
	width: 50%;
	height: auto;

	max-width: 12rem;
}
.loading-block__logo-cleverse--final{
	width: 100%;
	height: auto;
}
.loading-block__logo-cleverse,.loading-block__logo-cleverse--2{
	transition:all 0.25s ease-in-out,transform 0.05s 0.25s;
}
.loading-block__logo-cleverse *{
	fill:transparent;
	stroke: rgba(255,255,255,0.5);
	stroke-width: 5px;
	transition:all 0.5s ease-in-out;
	animation:logo-loading 2s infinite cubic-bezier(0, 0, 0.4, 0.29);
}


.loading-block__logo-cleverse--2 *{
	fill:transparent;
	transition:all 0.75s ease-in-out;
	stroke: transparent;
	stroke-width: 0px;
	animation: logo-loading-2 6s infinite cubic-bezier(0, 0, 0.78, 0.63) forwards;
	stroke:rgba(255,255,255,0.5);
}
.loading-block__logo-cleverse--final *{
		fill:transparent;
	stroke: rgba(255,255,255,1);
	stroke-width: 0px;
	transition:fill 0.25s,stroke 1s  2s ,stroke-width 1s;
	animation:logo-loading 10s infinite cubic-bezier(0, 0, 0.4, 0.29); 
}


@keyframes logo-loading-2{
		0% {
			stroke-dasharray: 100%;
    	stroke-dashoffset: 180%;    	
    	
    }
    25% {
    		stroke-dasharray: 100%;
    	stroke-dashoffset: 280%;
    	
    	
    }
    50% {
    		stroke-dasharray: 100%;
    	stroke-dashoffset: 380%;
    	   	
    }
    75% {
    		stroke-dasharray: 100%;
    	stroke-dashoffset: 480%;    	
    	
    }
    100% {
    		stroke-dasharray: 100%;
    	stroke-dashoffset: 580%;    	
    	
    }
}
@keyframes logo-loading {
    0% {
			stroke-dasharray: 100%;
    	stroke-dashoffset: 100%;    	
    	
    }
    25% {
    		stroke-dasharray: 100%;
    	stroke-dashoffset: 200%;
    	
    	
    }
    50% {
    		stroke-dasharray: 100%;
    	stroke-dashoffset: 300%;
    	   	
    }
    75% {
    		stroke-dasharray: 100%;
    	stroke-dashoffset: 400%;    	
    	
    }
    100% {
    		stroke-dasharray: 100%;
    	stroke-dashoffset: 500%;    	
    	
    }
    
}
.loading-25 .loading-block .loading-block__logo-cleverse *{

	stroke-width: 2px;
	stroke:rgba(255,255,255,0.25);
}
.loading-25 .loading-block .loading-block__logo-cleverse--2 *{
	stroke-width: 5px;
	stroke:rgba(255,255,255,0.25);
}



.loading-50 .loading-block .loading-block__logo-cleverse *{
	transition:stroke 0.01s;
}
.loading-50 .loading-block .loading-block__logo-cleverse--2 *{
	transition:stroke 0.01s,fill 1s;
	fill:transparent;
}
.loading-50 .loading-block .loading-block__logo-cleverse--final *{
	stroke-width: 5px;
	stroke:rgba(255,255,255,1);

}




.loading-100 .loading-block .loading-block__logo-cleverse *{	
	
	/*stroke:rgba(0,0,0,0.05);*/
	/*stroke-width:2px;*/
}
.loading-100 .loading-block .loading-block__logo-cleverse{
	/*transform:translate(-50%,-50%) scale(3);*/
	stroke:rgba(0,0,0,0);
	display: none;

}
.loading-100 .loading-block .loading-block__logo-cleverse--2 *{
	/*transition:stroke 0.01s;*/
	/*fill:transparent;*/
	stroke:rgba(0,0,0,0);
	

	/*stroke:rgba(0,0,0,0.05);*/
	/*stroke-width:2px;*/
}
.loading-100 .loading-block .loading-block__logo-cleverse--2{
	/*transition:stroke 0.01s;*/
	/*transform:translate(-50%,-50%) scale(3);*/
	display: none;
}
.loading-100 .loading-block .loading-block__logo-cleverse--final *{
	
	stroke-width:0px;
	display: none;
	/* fill:rgba(0,0,0,1);		 */
	
	
}

.loading-100  .loading-block-black-wrapper:after{
	transform:scaleX(1);
	border-radius: 0px;
}

.loading-100 .loading-block-black-wrapper:before{
	
	transform:scaleX(1);
	border-radius: 0px;
	
}




.loading-block-number-counter:before{
	background:black;
	transition: all 0.25s 0.6s;	
}
.loading-25 .loading-block .loading-block-number-counter{
	opacity: 0.25;
	font-size: 1.1rem;	
}
.loading-50 .loading-block .loading-block-number-counter{
	opacity: 0.5;
	font-size: 1.2rem;
	transition: all 0.5s;
}
.loading-100 .loading-block .loading-block-number-counter{
	
	opacity: 1;	
	color: rgba(0,0,0,1);
	transform:translate(-50%,0%) scale(1.2);
	
	/*top: 50%;*/
	
}


.loading-block .loading-block-number-counter{
	position: absolute;
	top: 100%;
	margin-top: 2rem;
	text-align: center;
	display: block;	
	white-space: nowrap;
	opacity: 0.1;
	color: white;
	transition: all 0.25s;
	font-size: 0.5rem;	
	left: 50%;
	transform:translate(-50%,0);
}
.loading-block .loading-block-number-counter:after,.loading-block .loading-block-number-counter:before{
	position: absolute;
	top: 100%;
	height: 0.15rem;
	content: '';
	width: 100%;
	display: block;
	transform:scaleX(0);
	
}
.loading-100 .loading-block .loading-block-number-counter:after{
	animation: line-white 1.25s 1s infinite linear;
	background-color:#f8f8f8;
	height: 0.2rem;

}
.loading-100 .loading-block .loading-block-number-counter:before{
	animation: line-black 1.25s 1s infinite linear;
	background-color: black;

}

@keyframes line-black{
	0%{
		transform:scaleX(0);
	}		
	30%{
		transform:scaleX(1);	
		opacity: 0.2;
	}
	80%{
		transform:scaleX(1);	
	}
	100%{
		transform:scaleX(1);	
	}
}
@keyframes line-white{
	0%{
		transform:scaleX(0) scaleY(1.2);
	}	
	30%{
		transform:scaleX(0) scaleY(1.2);
	}	
	60%{
		transform:scaleX(1) scaleY(1.2);
	}
	100%{
		transform:scaleX(1) scaleY(1.2);
	}
}

.menu-bar{
	
}
.brand-wrapper{
	top: 0px;
	left: 0px;
	position: relative;
	z-index: 99;
	display: inline-block;
	padding: 1rem;
}
.brand-wrapper__logo-icon{
	height: 2rem;
	width: auto;
	display: inline-block;
	vertical-align: middle;
	

}

.brand-wrapper__logo-text{
	height: 1rem;
	width: auto;
	display: inline-block;
	vertical-align: middle;
	
}

.hamburger-wrapper{
	position: relative;
	z-index: 99;
	top: 0px;
	right: 0px;
	padding: 1rem;
	display:  inline-block;
}
.hamburger-line-container{
	height: 1.25rem;
	width: 3rem;
	
	position: relative;
}
.hamburger-line-container .hamburger-line-1{
	
	bottom: 100%;
	transform:translate(0,50%);
}
.hamburger-line-container .hamburger-line-2{
	
	transform:translate(0,-50%);
	
	top: 50%;
}
.hamburger-line-container .hamburger-line-3{
	top: 100%;
	transform:translate(0,-50%);
}
.hamburger-line-1,
.hamburger-line-2,
.hamburger-line-3{	
	background-color: black;
	width: 100%;
	position: absolute;
	height: 3px;
}
.hamburger-line-1:before,
.hamburger-line-2:before,
.hamburger-line-3:before,
.hamburger-line-1:after,
.hamburger-line-2:after,
.hamburger-line-3:after{
	
	width: 100%;
	height: 100%;
	transform:scaleX(1);	
	position: absolute;
	content: '';
	display: block;
}
.hamburger-line-1:after,
.hamburger-line-2:after,
.hamburger-line-3:after{
	display: none;
}

.start-website .menu-bar{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.hamburger-container__close-btn{

	position: absolute;
    top: 2rem;
    right: 2rem;
    font-size: 1.424rem;
    cursor: pointer;

}
.hamburger-container__close-btn i{
	
}


.start-website .hamburger-line-1:before,
.start-website .hamburger-line-2:before,
.start-website .hamburger-line-3:before{
	
	transform-origin:0 0;
	animation: hamburger-line-initial 2s 0s 1 alternate  cubic-bezier(0.21, 0.4, 0.01, 1.03) forwards;
}
.start-website .hamburger-line-1:before{
	animation-delay:3.3s;
}
.start-website .hamburger-line-2:before{
	animation-delay: 3.4s;
}
.start-website .hamburger-line-3:before{
	animation-delay: 3.5s;
}
@keyframes hamburger-line-initial{
	0%{
		transform-origin:0 0;
		transform:scaleX(1);
	}
	25%{
		transform-origin:0% 0;
		transform:scaleX(0);
	}	
	50%{
		transform-origin:0% 0;
		transform:scaleX(0);
	}
	75%{
		transform-origin:100% 0;
		transform:scaleX(1);
	}
	100%{
		transform-origin:100% 0;
		transform:scaleX(1);
	}
}


.menu-bar,
.hero-quote-container{
	transition: visibility 1s 1s;
}



.menu-bar,
.hero-quote-container{
	visibility: hidden;
}

.start-website .menu-bar,
.start-website .hero-quote-container{
	visibility: visible;
} 



.hero-quote-container{
	position: fixed;
	z-index: 5;
	top: 25%;
	width: 100%;
	display: block;
	/* max-width: 20rem; */
	height: auto;
	left:  0px;
	text-align: center;
	margin: auto;
	/* margin-top: 10rem; */
}
.hero-quote-title{
    margin-bottom: 1rem;
    line-height: 3rem;
    margin-top: 12rem;
    /* letter-spacing: 0.1rem; */
    width: 85%;
    font-weight: 200;
    overflow: hidden;
    max-width: 43rem;
    margin: auto;
    /* opacity: 0.75; */
}
.desktop .hero-quote-container{
	top: 20%;
}
.desktop .hero-quote-title{width: 90%;max-width: none;}
.desktop .hero-quote-title .h1{
	font-size: 3rem;
	line-height: 3.2rem;
}
	




@media(min-width: 1920px){
	.desktop .hero-quote-container{
		top: 20%;
	}
	.desktop .hero-quote-title{width: 90%;max-width: none;}
	.desktop .hero-quote-title .h1{
		font-size: 4vw;
		line-height: 4.5vw;
	}		
}
@media(max-width: 1919px){
	.desktop .hero-quote-title .h1{
		font-size:  4vw;
		line-height: 4.6vw;
	}		
	.desktop .hero-quote-container{
	top: 20%;
	}
}

@media(max-width: 1720px){
	.desktop .hero-quote-title .h1{
		
	}		
	.desktop .hero-quote-container{
	
	}
}

@media(max-width: 1566px){
	.desktop .hero-quote-title .h1{
		
	}		
	.desktop .hero-quote-container{
	
	}
}		

@media(max-width: 1366px){
	.desktop .hero-quote-title .h1{
		font-size: 4rem;
		line-height:  4.6rem;
	}		
	.desktop .hero-quote-container{
	
	}
}		

@media(max-width: 1110px){
	.desktop .hero-quote-title .h1{
		font-size: 3.8rem;
		line-height:  4.2rem;
	}		
	.desktop .hero-quote-container{
	
	}
}	



.hero-section{
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0px;
	left: 0px;
}
.hero-section-scroll-length{
	width: 100%;
	height: 100vh;
}


.scroll-container{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
.scroll-inner{	
	z-index: 2;
}

.content-container{
	margin: auto;
	max-width: 30rem;
	width: 85%;
}


.intro-section-scroll-panel{
	width: 100%;
	/* min-height: 100vh; */
	margin-top: 20vh;
	/*background: #e4e4e4;*/
}

.intro-section-header{
	
	text-align: center;
}
.intro-section-header .outer{
	overflow: hidden;
}
.intro-section-header .inner{
	
	
}
.intro-section-header .inner.dim{
	opacity: 0.25;
}
.intro-section-description{
	padding-top: 4rem;
	/*opacity: 0.75;*/
	margin-bottom: 5rem;
	font-weight: 400;
	/* padding-bottom: 4rem; */
}
.progressbar{
	position: fixed;
	bottom: 0rem;
	width: 100%;
	height: 0.75rem;
	z-index: 9999;
}
.progressbar .inner{
	position: absolute;
	background-color: #131313;
	transition: background-color 1s;
	width: 100%;
	top: 0px;
	left: 0px;
	height: 100%;
	transform-origin:0 0;
	transform:scaleX(0);
}




.business-section .business-section__cover__inner{
	position: relative;
	/* transform: translate(-50%,-50%); */
	/* top: 50%; */
	/* left: 50%; */
	width: 90%;
	max-width: 20rem;
	margin: auto;
}
.business-section__label{
	margin-bottom: 3rem;
	padding-left: 0.25rem;
	text-align: center;
	white-space: nowrap;
	letter-spacing: 0.1rem;
}
.business-section .logo{
	position: relative;
	width: 100%;
	height: auto;
	/* min-width: 14rem; */
}




.menu-bar{
	position: fixed;
	z-index: 999;
	width: 100%;
	top: 0px;
	height: auto;
	/*transition: all 0.5s cubic-bezier(0.85, 0.04, 0.27, 0.93);*/
}
.menu-bar.hilight>.bg{
	transform:scaleX(1);
}
.menu-bar .brand-wrapper{
  transform-origin: 0 50%;
	transition: all 0.5s cubic-bezier(0.85, 0.04, 0.27, 0.93);
}
.menu-bar.hilight .brand-wrapper{
	
  transform: scale(0.8) translateX(0.5rem);
	
}
.menu-bar .hamburger-wrapper{

	transform-origin: 100% 50%;
	transition: all 0.5s cubic-bezier(0.85, 0.04, 0.27, 0.93);	
}
.menu-bar.hilight .hamburger-wrapper{
	transform: scaleY(0.5) translateX(-0.5rem);
}
.menu-bar>.bg{
	transition: all 0.5s cubic-bezier(0.85, 0.04, 0.27, 0.93);
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	transform:scaleY(0);
	/*transform-origin: 0 0;*/
	top: 0px;
	left: 0px;
	background-color: white;
}
.css-tester{
	width: 100px;
	display: block;
	height: 0px;	
}








.business-section-attributes{
	position: relative;
	padding-bottom: 3rem;
	padding-top: 5rem;
	display: flex;
	flex-wrap: wrap;
}
.business-section-attribute{max-width: 20rem;margin-bottom: 3rem;}
.business-section-attribute:last-child{
	margin: 0rem;
}
.business-section-key{margin-bottom: 1rem;color: #a7a7a7;}
.desktop .business-section-key{margin-bottom: 1.25rem;color: #a7a7a7;}
.business-section-value{
	line-height: 1.5rem;
	color: #131313;
	letter-spacing: 0.05rem;
}
.business-section-detail-container{
	position: relative;
	padding-bottom: 8rem;
}
.business-section-image-container{
	position: relative;
}
.business-section-content-container{

}
.business-section-catchy-text{margin-bottom: 1.75rem;}
.business-section-description{color: #4c4c4c;}
.business-section__cover__inner{
	max-width: 20rem;
	margin: auto;
}
.business-section__cover__inner img{
	width: 100%;
	height: auto;
}
.blastmetric-section-3d-abstract-container{
	position: fixed;
	width: 100%;
	height: 0px;
	top: 100%;
	z-index: 1000;
}
.business-section__cover .business-section__cover__inner.blastmetric-section-scroll-panel__cover__inner-wrapper{

}
.blastmetric-section-3d-abstract{
	position: relative;
	width: 100%;
	display: block;
	margin:auto;
	max-width: 50rem;
}
.blastmetric-section-scroll-panel:before{
	position: absolute;
	background: white;
	content: '';
	display: block;
	width: 100%;
	top: 0rem;
	bottom: 0px;
	left: 0px;
}
.blastmetric-section-scroll-panel{
	/* margin-top: 5rem; */
	position: relative;
}
.blastmetric-section-3d-abstract__animate-inner{position: relative;z-index: 1;}
.blastmetric-section-fix-bottom .bg{
	background-color: white;
	position: absolute;
	width: 100%;
	height: 100%;
	/* z-index: 0; */
	top: 0px;
	left: 0px;
	transform:scaleX(1);
	transform:scaleY(0);
	transform-origin:0 100%;
	/*transition: transform 1s cubic-bezier(0.8, 0.03, 0.07, 0.99);*/
}
.blastmetric-section-scroll-panel__cover{
	/* min-height: 100vh; */
	position: absolute;
	top: 0px;
	width: 100%;
	overflow: hidden;
	/* padding-top: 14rem; */
	z-index: -1;
	/* padding-bottom: 14rem; */
}

.blastmetric-section-scroll-panel .blastmetric-section-3d-abstract{
	
}
.blastmetric-section-scroll-panel{
	position: relative;
	width: 100%;
	height: auto;
	top: 0px;
	z-index: 1;
	left: 0px;
	padding-bottom: 6rem;
}

.blastmetric-section-scroll-panel .tech{
	width: 100%;
}
.blastmetric-section-scroll-panel .found{
	width: auto;
	margin-right: 2rem;
}
.blastmetric-section-scroll-panel .partner{
	margin-right: 2rem;
}
.blastmetric-section-scroll-panel .type{
	/* width: 100%; */
	margin-right: 0.25rem;
	min-width: 9rem;
}
.blastmetric-section-abstract-scroll-length{
	min-height: 50rem;
	width: 100%;
	
}
.blastmetric-section-abstract-scroll-length:before{
	padding-top: 135%;
	display: block;
	content: '';
}
.blastmetric-section-scroll-pane .bussiness-section__cover__inner{
	
}
.blastmetric-section-scroll-panel .logo{
	
}










.nextcover-section-scroll-panel .bg{
	background-color: white;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	transform:scaleX(0);
	transform-origin:0 0;
	transition: transform 1s cubic-bezier(0.8, 0.03, 0.07, 0.99);
}

.nextcover-section-scroll-panel__cover{
	/* min-height: 100vh; */
	position: relative;
}

.nextcover-section-scroll-panel{
	position: relative;
	width: 100%;
	height: auto;
	top: 0px;
	left: 0px;
	padding-top: 10rem;
	padding-bottom: 6rem;
}

.nextcover-section-scroll-panel .tech{
	width: 100%;
}
.nextcover-section-scroll-panel .found{
	width: auto;
	margin-right: 2rem;
}
.nextcover-section-scroll-panel .partner{
	margin-right: 2rem;
}
.nextcover-section-scroll-panel .type{
	/* width: 100%; */
	margin-right: 0.25rem;
	min-width: 9rem;
}
.nextcover-section-scroll-panel  .bussiness-section__cover__inner{
	
}
.nextcover-section-scroll-panel .logo{
	
}




.mediaoxide-section-scroll-panel .bg{
	background-color: white;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	transform:scaleX(0);
	transform-origin:0 0;
	transition: transform 1s cubic-bezier(0.8, 0.03, 0.07, 0.99);
}


.mediaoxide-section-scroll-panel .bussiness-section__label{
	color: white;
}

.mediaoxide-section-scroll-panel__cover{
	min-height: 100vh;
	position: relative;
	background-size: cover;
	
	background-image:url(https://images.unsplash.com/photo-1520687320364-7c2b6249584b?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=f8e8d39f0e488403860ed6e3a8f3f9f7&auto=format&fit=crop&w=1398&q=80);
}


.mediaoxide-section-scroll-panel__cover{
	min-height: 100vh;
	position: relative;
}

.mediaoxide-section-scroll-panel{
	position: relative;
	width: 100%;
	height: auto;
	top: 0px;
	left: 0px;
}

.mediaoxide-section-scroll-panel .tech{
	width: 100%;
}
.mediaoxide-section-scroll-panel .found{
	width: auto;
	margin-right: 2rem;
}
.mediaoxide-section-scroll-panel .partner{
	margin-right: 2rem;
}
.mediaoxide-section-scroll-panel .type{
	/* width: 100%; */
	margin-right: 0.25rem;
	min-width: 9rem;
}
.mediaoxide-section-scroll-panel .bussiness-section__cover__inner{
	/* max-width: 31rem; */
}
.mediaoxide-section-scroll-panel .logo{

}
.scroll-inner{
	position: relative;
	z-index: 2;
}
.fix-container-bottom{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 0;
	top: 0px;
	left: 0px;
}

.fix-container-top{

	/* width: 100%; */
	/* height: 100%; */
	/*z-index: 2;*/
	/* top: 0px; */
	/* left: 0px; */
}
.ready-to-rock .fix-container-top{
		position: fixed;
	z-index: 2;
}



/*

	Super cool Blastmetric animation

*/
.business-section-3d-abstract{
	margin-top: -5rem;
	max-width: 960px;
	margin: auto;
}
.blastmetric-gun-container{
	width: 80%;
	margin: auto;
	display: block;
	position: relative;
	max-width: 20rem;
	margin-top: 20rem;
}
.blastmetric-ball-container{
	width: 80%;
	margin: auto;
	display: block;
	position: relative;
	transform: translate(0,-50%);
	/* max-width: 20rem; */
	z-index: 3;
	/* top: -4rem; */
}
.blastmetric-ball-container img{
	position: relative;
	width: 19%;
	display: block;
	margin: auto;
	z-index: 1;
	visibility: hidden;
}
.blastmetric-ball-container .tran{
	/*transition: all 0.01s;*/
	z-index: 1;
	position: relative;
}
.blastmetric-gun-container img.behind{position: relative;width: 100%;height: auto;}
.blastmetric-gun-container img.front{
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left:  0;
	z-index: 2;
}
.blastmetric-ripple-container{
	/* width: 80%; */
	margin: auto;
	display: block;
	/* position: absolute; */
	/* max-width: 500px; */
	/* margin-top: 60rem; */
	/* transform: translate(0,50%); */
	z-index: 1;
}
.blastmetric-ripple-container .outer{
	position: relative;
	display: block;
	/* margin-left: -15%; */
	/* margin-right: -15%; */
}
.blastmetric-ripple-container .blast-ripple-layers{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}
.blast-ripple-layers>img{
	position: absolute;
	width: 100%;
	height: auto;
	top: 0px;
	left: 0px;
	/* z-index: 2; */
}
.blast-ripple-layers>img:nth-child(1){
	position: relative;
}
.blast-ripple-layers>img:nth-child(2){
	
}
.blast-ripple-layers>img:nth-child(3){
	
}
.blast-ripple-layers>img:nth-child(4){
	z-index: 3;
}
.blast-ripple-layers>img:nth-child(5){
	z-index: 2;
}
.blast-ripple-layers>img:nth-child(6){
	z-index: -1;
}
.blast-ripple-layers>img:nth-child(7){
	
}
.business-section__bs_type{
	text-align: center;
	margin-top: 1.25rem;
	letter-spacing: 0.1rem;
	color: #a6a6a6;
	font-size: 1rem;
	text-transform: none;
}
.challenge p{
	margin-bottom: 0.75rem;
	margin-top: 0rem;
	line-height: 1.25rem;
}
.business-section-cta{
	display: block;
	background: linear-gradient(215.73deg,#3500CA 0%,#FF3ABD 100%);
	color: white;
	position: relative;
	text-decoration: none;
	text-align: center;
	line-height: 4rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	cursor: pointer;
}









.nextcover-section-3d-abstract{width: 100%;max-width: none;/* margin-top: 10rem; */}
.nextcover-section-3d-abstract__outer{max-width: 500px;margin: auto;position: relative;}
.nextcover-section-3d-abstract__outer>div{position: absolute;width: 100%;top:  0px;left: 0px;padding-top: 35rem;margin-bottom: 15rem;}
.nextcover-section-3d-abstract__outer>div:nth-child(1){
	position: relative;
	/* margin-top: 35px; */
	/* margin-bottom: 35px; */
}
.nextcover-section-3d-abstract__outer>div:nth-child(2){
	
}
.nextcover-section-3d-abstract__outer>div:nth-child(3){
	margin-top: 0px;
	margin-bottom:  0px;
}
.nextcover-section-3d-abstract__outer>div:nth-child(4){
	/* margin-top: 0px; */
	/* margin-bottom: 0px; */
}
.nextcover-section-3d-abstract__outer>div:nth-child(5){
	
}
.nextcover-section-3d-abstract__outer>div:nth-child(6){
	
}
.nextcover-section-3d-abstract__outer>div:nth-child(7){
	
}
.nextcover-section-scroll-panel__cover{padding-top: 0rem!important;}
.nextcover-section-scroll-panel__cover__inner-wrapper{

}
.nextcover-section-scroll-panel{background: #232327;background: #1f1f21;}
.nextcover-section-scroll-panel.bg-2{
	background: #1f1f21;
}
.nextcover-section-3d-abstract img{
	width: 100%;
	height: auto;
}
.nextcover-section-scroll-panel .business-section__label{

}
.nextcover-section-scroll-panel .business-section__bs_type{

}
.nextcover-section-scroll-panel .found{

}
.nextcover-section-scroll-panel .mission{
	
}
.nextcover-section-scroll-panel .logo{
	position: relative;
}
.nextcover-section-scroll-panel .logo img{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0px;
	left: 0px;
}
.nextcover-section-scroll-panel .logo img:last-child{
	position: relative;
}
.nextcover-section-scroll-panel .white{
	transition:opacity 0.5s;
	opacity: 1;
}
.nextcover-section-scroll-panel .gold{
	transition:opacity 0.5s;
	opacity: 0;
}
.nextcover-section-scroll-panel.gold-logo .white{
	opacity: 0;
}
.nextcover-section-scroll-panel.gold-logo .gold{
	opacity: 1;
}

.nextcover-section-scroll-panel .challenge{
	
}
.nextcover-section-scroll-panel *{
	color: white;
}
/*.nextcover-section-scroll-panel.gold-logo .business-section__cover__inner *{
	transition:color 5s;
}
.nextcover-section-scroll-panel.gold-logo .business-section__cover__inner *{
	color: #f6cb57;	
}*/
.nextcover-section-scroll-panel .business-section-key{
	color: #6c6c6f;	
}
.nextcover-section-scroll-panel .business-section-catchy-text{
	color: #f6cb57;		
}
.nextcover-section-scroll-panel .business-section__bs_type{
	color:#b8b8bc;
	
}
.nextcover-section-scroll-panel .business-section-attributes{
	/* padding-top: 48rem; */
}
.desktop .nextcover-section-scroll-panel .business-section-attributes{
	/* padding-top: 48rem; */
}
.nextcover-section-scroll-panel .business-section-cta{
	margin-top: 5rem;
	background: #f6cb57;
	color: black;
}

.nextcover-section-scroll-panel .business-section-image-container{
	/* margin-top: 15rem; */
}



.nc-mockup-container .mockup-outer{
	overflow: hidden;
}
.nc-mockup-container .mockup{
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 4rem;
}
.desktop .nc-mockup-container .mockup{
	background-size: contain;
	background-position: center center;
}

.nc-mockup-container .mockup-outer{
	
}
.scroll-inner *,
.fix-container *{
	transform:translate3d(0,0,0);
}

.desktop .fake .mockup{
	background-image: none!important;
}

.fix-container .nc.real.business-section-image-container{
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0px;
	left: 0px;
	z-index: 2;
	transform:translate3d(0%,100%,0);
}





















.slideblend-section-3d-abstract{width: 100%;max-width: none;/* margin-top: 10rem; */}
.slideblend-section-3d-abstract__outer{max-width: 500px;margin: auto;position: relative;}
.slideblend-section-3d-abstract__outer>div{position: absolute;width: 100%;top:  0px;left: 0px;padding-top: 35rem;}
.slideblend-section-3d-abstract__outer>div:nth-child(1){
	position: relative;
}
.slideblend-section-3d-abstract__outer>div:nth-child(2){
	
}
.slideblend-section-3d-abstract__outer>div:nth-child(3){
	
}
.slideblend-section-3d-abstract__outer>div:nth-child(4){
	
}
.slideblend-section-3d-abstract__outer>div:nth-child(5){
	
}
.slideblend-section-3d-abstract__outer>div:nth-child(6){
	
}
.slideblend-section-3d-abstract__outer>div:nth-child(7){
	
}
.slideblend-section-scroll-panel__cover{padding-top: 0rem!important;}
.slideblend-section-scroll-panel__cover__inner-wrapper{

}
.slideblend-section-scroll-panel{background: #232327;background: linear-gradient(90deg,#8200d6, #bc4cee);padding-top: 10rem;}
.slideblend-section-scroll-panel.bg-2{
	background: #1f1f21;
}
.slideblend-section-3d-abstract img{
	width: 100%;
	height: auto;
}
.slideblend-section-scroll-panel .business-section__label{margin-bottom: 1.5rem;}
.slideblend-section-scroll-panel .business-section__bs_type{

}
.slideblend-section-scroll-panel .found{margin-right: 2.5rem;}
.slideblend-section-scroll-panel .mission{
	
}
.slideblend-section-scroll-panel .logo{
	position: relative;
}
.slideblend-section-scroll-panel .logo img{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0px;
	left: 0px;
}
.slideblend-section-scroll-panel .logo img:last-child{
	position: relative;
}
.slideblend-section-scroll-panel .white{
	transition:opacity 0.5s;
	opacity: 1;
}
.slideblend-section-scroll-panel .gold{
	transition:opacity 0.5s;
	opacity: 0;
}
.slideblend-section-scroll-panel.gold-logo .white{
	opacity: 0;
}
.slideblend-section-scroll-panel.gold-logo .gold{
	opacity: 1;
}

.slideblend-section-scroll-panel .challenge{
	
}
.slideblend-section-scroll-panel *{
	color: white;
}
/*.slideblend-section-scroll-panel.gold-logo .business-section__cover__inner *{
	transition:color 5s;
}
.slideblend-section-scroll-panel.gold-logo .business-section__cover__inner *{
	color: #f6cb57;	
}*/

.slideblend-section-scroll-panel .business-section-attributes{
	padding-top: 5rem;
}
.desktop .slideblend-section-scroll-panel .business-section-attributes{
	padding-top: 8rem;
}
.slideblend-section-scroll-panel .business-section-cta{
	margin-top: 5rem;
	background: #f6cb57;
	color: black;
}

.slideblend-section-scroll-panel .business-section-image-container{
	/* margin-top: 15rem; */
}
.slideblend-section-scroll-panel .business-section-detail-embed-video-container{
	max-width: 50rem;
	overflow:  auto;
}
.business-section-detail-embed-video-container .ratio{
	width: 100%;
	padding-top: 56.25%;
	display: block;
}

.business-section-detail-embed-video{
	display: block;
	margin: auto;
	position: relative;
	margin-bottom: 5rem;
	overflow: auto;
}
.business-section-detail-embed-video iframe{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
video.business-section-detail-video {
	position: absolute;
	width: 100%;
	top: 0px;
	height: auto;
}
.slideblend-section-scroll-panel .business-section-detail-embed-video-container {
	width: 100%;
}


/* team */


 .teampage-section {
     width: 100%;
    /* max-width: 90%;
     */
     height: auto;
     background-color: white;
     display: block;
     position: relative;
    /* margin-left: auto;
     */
    /* margin-right: auto;
     */
}
 .teampage-section-scroll-panel {
}
 .teampage-section-container__card-outer{
    /* width: 25%;
     */
     padding: 1rem;
}
 .teampage-section__cover {
}
 .teampage-section-scroll-panel__cover{
}
 .teampage-section-container__wrapper{
}
 .teampage-section-container__sticky{
}
 .teampage-section-container__card-wrapper{
     position: relative;
     display: flex;
     flex-wrap: wrap;
     width: 72rem;
     height: auto;
     max-width: 70%;
     margin-left: auto;
     margin-right: auto;
}
 .teampage-section-container__card-img{
     position: relative;
}
 .teampage-section-comtainer__card-img-inner{
     position: relative;
    /* padding-left: 23%;
     */
     overflow: hidden;
    /* padding-right: 20%;
     */
     width: 22rem;
     height: 26rem;
}
 .teampage-section-comtainer__card-img-inner img{
     position: absolute;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
}
.teampage-section-container__content{
	text-align: center;
	margin-top: 0.5rem;
}
 

/*register*/


.register-section-scroll-panel .bg{
    /*background-image: white;
     */
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     -webkit-transform:scaleX(0);
     -ms-transform:scaleX(0);
     transform:scaleX(0);
     -webkit-transform-origin:0 0;
     -ms-transform-origin:0 0;
     transform-origin:0 0;
     -webkit-transition: -webkit-transform 1s cubic-bezier(0.8, 0.03, 0.07, 0.99);
     transition: -webkit-transform 1s cubic-bezier(0.8, 0.03, 0.07, 0.99);
     -o-transition: transform 1s cubic-bezier(0.8, 0.03, 0.07, 0.99);
     transition: transform 1s cubic-bezier(0.8, 0.03, 0.07, 0.99);
     transition: transform 1s cubic-bezier(0.8, 0.03, 0.07, 0.99), -webkit-transform 1s cubic-bezier(0.8, 0.03, 0.07, 0.99);
}
 .register-section-scroll-panel__cover{
     min-height: 100vh;
     position: relative;
}
 .register-section-scroll-panel{
     position: relative;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     background-color: white;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
    /*padding-top: 2rem;
    */
    /* padding-bottom: 2.5rem;
     */
     overflow: hidden;
}
 .register-section-scroll-panel .tech{
     width: 100%;
}
 .register-section-scroll-panel .found{
     width: auto;
     margin-right: 2rem;
}
 .register-section-scroll-panel .partner{
     margin-right: 2rem;
}
 .register-section-scroll-panel .type{
    /* width: 100%;
     */
     margin-right: 0.25rem;
     min-width: 9rem;
}
 .section-container .section-container__cover__inner{
     position: absolute;
     -webkit-transform: translate(-50%,-50%);
     -ms-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     top: 50%;
     left: 50%;
     width: auto;
     max-width: 25rem;
}
 .section-container__label{
     margin-bottom: 3rem;
     padding-left: 0.25rem;
     text-align: center;
     white-space: nowrap;
}
 .section-container .logo{
     position: relative;
     width: 100%;
     height: auto;
     min-width: 14rem;
}
 .section-container-attributes{
     position: relative;
     padding-bottom: 3rem;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
}
 .section-container-attribute{
     margin-bottom: 1.5rem;
}
 .section-container-attribute:last-child{
     margin: 0rem;
}
 .section-container-key{
     margin-bottom: 0.5rem;
     color: #a7a7a7;
}
 .section-container-value{
     line-height: 1.5rem;
     color: #131313;
     letter-spacing: 0.05rem;
}
 .section-container-detail-container{
     position: relative;
     padding-bottom: 4rem;
}
 .section-container-image-container{
     position: relative;
}
 .section-container-content-container{
}
 .section-container-catchy-text{
     margin-bottom: 1.75rem;
}
 .section-container-description{
     color: #4c4c4c;
}
 .register-content-container{
     margin: auto;
    /*max-width: 30rem;
     */
     width: 100%;
}
 .register-section-scroll-panel .register-section-btn__container{
     display: inline-block;
     position: relative;
     top: 50%;
     left: 50%;
     -webkit-transform: translate3d(-50%,-50%,0);
     transform: translate3d(-50%,-50%,0);
     max-width: 16rem;
     width: 80%;
}
 .register-section-btn__container-zone{
     position: relative;
     width: 100%;
     height: 70%;
     display: inline-block;
}
 .register-section-btn{
     font-size: 3.027rem;
     text-align: center;
}
 .register-section-image__container-zone{
     position: relative;
     width: 100%;
     height: 30%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .register-section-image__container{
     height: 100%;
     width: 25%;
     position: relative;
}
 .register-section-image{
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     display: block;
}
 .register-section-image img{
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: center center;
     object-position: center center;
}
 .register-section-btn a{
     text-decoration: none;
     color: initial;
}
 .register-section-scroll-panel .register-section-btn__container:before{
     content: "";
     position: relative;
     display: block;
     height: 0.25rem;
     background-color: black;
     margin-bottom: 1rem;
     -webkit-transform: scaleX(0.25);
     -ms-transform: scaleX(0.25);
     transform: scaleX(0.25);
     -webkit-transition: all 0.5s cubic-bezier(0.21, 0.4, 0.01, 1.03) ;
     -o-transition: all 0.5s cubic-bezier(0.21, 0.4, 0.01, 1.03) ;
     transition: all 0.5s cubic-bezier(0.21, 0.4, 0.01, 1.03) ;
     -webkit-transform-origin: center;
     -ms-transform-origin: center;
     transform-origin: center;
}
 .register-section-scroll-panel .register-section-btn__container:after{
     content: "";
     position: relative;
     display: block;
     height: 0.25rem;
     background-color: black;
     margin-top: 1rem;
     -webkit-transform: scaleX(0.25);
     -ms-transform: scaleX(0.25);
     transform: scaleX(0.25);
     -webkit-transition: all 0.5s cubic-bezier(0.21, 0.4, 0.01, 1.03) ;
     -o-transition: all 0.5s cubic-bezier(0.21, 0.4, 0.01, 1.03) ;
     transition: all 0.5s cubic-bezier(0.21, 0.4, 0.01, 1.03) ;
     -webkit-transform-origin: center;
     -ms-transform-origin: center;
     transform-origin: center;
}
 .register-section-scroll-panel .register-section-btn__container:hover.register-section-btn__container:before{
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
}
 .register-section-scroll-panel .register-section-btn__container:hover.register-section-btn__container:after{
     -webkit-transform: scaleX(1);
     -ms-transform: scaleX(1);
     transform: scaleX(1);
}
 @media(max-width: 767px){
     .register-section-btn__container-zone{
         height: 50%;
         width: 100%;
    }
     .register-section-image__container-zone{
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-wrap: wrap;
             flex-wrap: wrap;
         width: 100%;
         height: 50%;
    }
     .register-section-image__container{
         width: 50%;
         height: 50%;
    }
}



.hamburger-container__outer{
	width: 100%;
	position: fixed;
	display: block;
	background-color: white;
	background-image: url('assets/ham_bg.png');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	overflow: hidden;
	transform: translateX(100%);
	transition-delay: 1s;
	transition: all 0.5s ease-in-out;
	top: 0;
	z-index: 9;
	height: 100%;
	max-width: 30rem;
	right: 0;

}
.hamburger-wrapper{
	cursor: pointer;
}
.hamburger-container__inner{
	position: relative;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.hamburger-container__close-btn.hamburger-active .hamburger-container__outer{

	transform: translateX(0%);
	/*transition-delay: 0s;*/

}
.hamburger-container__outer.hamburger-active{

	transform: translateX(0%);
	transition-delay: 0s;

}

.hamburger-container__social-btn a{
	text-decoration: none;
	color: initial;
}

ul.hamburger-container__content-header-list-ul ,li.hamburger-container__content-header-list-ul{

	/*list-style: none;*/
	margin-left: 0rem;
	padding-left: 0rem;

}
.hamburger-container__social-btn-facebook{
	cursor: pointer;
}



.hamburger-container__content-wrapper{
	padding-top: 4rem;
	cursor: pointer;
}
.hamburger-container__content-header{

}
.hamburger-container__content-header-list-ul{/* margin-bottom: 2rem; */}
.hamburger-container__content-header-list-li{


}
.hamburger-container__content-list-ul{
	padding-left: 2rem;
	padding-top: 3rem;
}
.hamburger-container__content-list-li{

	  font-size: 1.802rem;
    line-height: 3rem;
    list-style: none;

}
.hamburger-container__content-list-li:hover{

	opacity: 0.6;
	/*background-color: red;*/

}
.hamburger-container__content-list-li a{
	text-decoration: none;
	color: initial;
}
.hamburger-container__about-us-header{

}
.hamburger-container__about-us-header p{
	letter-spacing: 0.025rem;
}

.hamburger-container__about-us-header h1{
	font-weight: 600;
	font-size: 1.266rem;
	color: #cacaca;
	margin-top: 3rem;
}
.hamburger-container__about-us-wrapper{
	/*padding: 2rem;*/
	padding-top: 0.5rem;
	padding-left: 2rem;
	padding-right: 2rem;
	/*padding-bottom: 8rem;*/
}
.hamburger-container__about-us-content p {
	/* line-height: 1.75rem; */
	/* letter-spacing: 0.03rem; */
	/* font-weight: 400; */
}
		
	
.hamburger-container__social-btn-wrapper{
	padding: 2rem;
}
.hamburger-container__social-btn{
	padding-top: 1rem;
}
.hamburger-container__social-btn-wrapper span{
	padding-left: 1rem;
}
.ready-to-rock .menu-bar{
	transition: all 0.5s ease-in-out,visibility 0.5s 1.25s;
	
	
}
.menu-bar .brand-wrapper , .menu-bar .hamburger-wrapper{
	transform: scale(1);
	transition: all 0.5s ease-in-out;

}
html.hamburger-active .menu-bar .brand-wrapper , html.hamburger-active .menu-bar .hamburger-wrapper{
	transform: scale(0.7);
	/*white-space: nowrap;*/
}
html.hamburger-active .menu-bar{
	background-color: white;
	transition-delay: 0.5s;
}

@media(min-width: 768px){

	html.hamburger-active .menu-bar .brand-wrapper{
		transform: scale(1);
	}
		html.hamburger-active .menu-bar{
		background-color: transparent;
		/*width: 100%;*/
	}

}
	
.footer-container__wrapper{
     width: 100%;
     height: 20rem;
    /*display: block;
     */
     position: relative;
     background-color: black;
     display: flex;
     flex-direction: column;
}
 .footer-container__social{
}
 .footer-container__about-us-wrapper{
}
 .footer-container__about-us-content{
     color: white;
     padding: 2.5rem;
     letter-spacing: 0.07rem;
     padding-top: 22.5;
}
 .footer-container__about-us-content p{
     line-height: 1.5rem;
     font-size: 0.89rem;
     margin-top: 0rem;
     margin-bottom: 0rem;
}
 .footer-container__social{
     color: white;
    /* padding: 2rem;

     */

}
 .footer-container__social-btn span{
     padding-left: 1rem;
}
 .footer-container__social-btn {
     line-height: 2rem;

}
.footer-container__social-btn a{
    text-decoration: none;
    color: white;
}
 .footer-container__social-btn-email{
}
 .footer-container__logo-wrapper{
     display: inline-block;
     padding: 1.5rem;
}
 .footer-container__logo-wrapper .footer-container__logo-text{
     height: 1rem;
     width: auto;
     display: inline-block;
     vertical-align: middle;
}
 .footer-container__logo-wrapper .footer-container__logo-icon{
     height: 1.5rem;
     width: auto;
     display: inline-block;
     vertical-align: middle;
}
 .footer-container__logo-wrapper svg.footer-container__logo-icon{
     fill: white;
}
 .footer-container__logo-wrapper svg.footer-container__logo-text{
     fill: white;
}
.footer-container__social-btn-facebook{
	cursor: pointer;
}

 @media(min-height: 768px){
     .footer-container__wrapper{
    }
     .footer-container__social{
         padding: 0;
    }
     .footer-container__about-us-wrapper{
         display: flex;
         max-width: 80%;
         width: auto;
         height: 100%;
         margin-left: auto;
         margin-right: auto;
    }
     .footer-container__about-us-content{
         width: 16rem;
         max-width: 80%;
         margin-top: auto;
         margin-bottom: auto;
         padding: 0.5rem;
    }
     .footer-container__about-us-content p{
    }
     .footer-container__social{
         padding-top: 2rem;
        /* margin-right: auto;
         */
        /* margin-bottom: auto;
         */
        /* line-height: 1.5rem;
         */
    }
     .footer-container__social-btn span{
    }
     .footer-container__social-btn {
        /* line-height: 3.5rem;
         */
    }
     .footer-container__social-btn-email{
    }
     .footer-container__logo-wrapper{
         width: 14rem;
         display: inline-block;
         position: relative;
        /* margin-top: auto;
         */
        /* margin-bottom: auto;
         */
         max-width: 80%;
         display: flex;
         flex-direction: column;
         justify-content: center;
    }
     .footer-container__logo-wrapper .footer-container__logo-text{
    }
     .footer-container__logo-wrapper .footer-container__logo-icon{
    }
     .footer-container__logo-wrapper svg.footer-container__logo-icon{
         height: auto;
         width: 9rem;
         padding: 1rem;
         margin-left: auto;
         margin-right: auto;
         position: relative;
         padding-bottom: 2rem;
    }
     .footer-container__logo-wrapper svg.footer-container__logo-text{
         position: relative;
         width: 10rem;
         height: auto;
        /* margin-top: 1rem;
         */
         margin-left: auto;
         margin-right: auto;
         max-width: 80%;
    }
}
 @media(max-width: 767px){
     .footer-container__wrapper{
        /* padding-bottom: 2rem;
         */
    }
     .footer-container__social{
    }
     .footer-container__about-us-wrapper{
        /* flex-direction: row;
         */
        flex-direction: column;
        padding-left: 2rem;
        margin-left: 0rem;
        padding-top: 2rem;
    }
     .footer-container__about-us-content{
    }
     .footer-container__about-us-content p{
    }
     .footer-container__social{
    }
     .footer-container__social-btn span{
    }
     .footer-container__social-btn {
    }
     .footer-container__social-btn-email{
    }
     .footer-container__logo-wrapper{
        /* display: inline-block;
         */
         flex-direction: row;
         padding: 0rem;
    }
     .footer-container__logo-wrapper .footer-container__logo-text{
    }
     .footer-container__logo-wrapper .footer-container__logo-icon{
    }
     .footer-container__logo-wrapper svg.footer-container__logo-icon{
         width: 2.5rem;
         height: auto;
         padding: 0;
         margin: 0rem;
    }
     .footer-container__logo-wrapper svg.footer-container__logo-text{
         width: 7rem;
         height: auto;
         display: inline-block;
         margin-left: 0rem;
    }
}
.blog-button i {
	margin-right: 1.4rem;
}


.blog-button {
	visibility: hidden;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 999;
	color:  black;
	padding: 0.8rem 1.2rem;
	font-weight: 800;
	text-decoration:  none;
	background: #EEEEEF;
	transition: all 0.5s cubic-bezier(0.97, 0.16, 0.11, 0.85);
	transform: translate3d(100%,-50%,0);
}

.start-website .blog-button {
	visibility: visible;
}

.blog-button.show{
	transform: translate3d(-20%,-50%,0);
}

.desktop .blog-button{
	transition: all 0.5s, transform 0.5s 2s cubic-bezier(0.97, 0.16, 0.11, 0.85);
	transform: translate3d(0%,0%,0) scale(0);
	bottom: 5%;
	right: 5%;
}
.desktop.start-website .blog-button {
	transform: translate3d(0%,0%,0) scale(1);
}

.desktop .blog-button:hover{
	background: black;
	color: white;
}
.scroll-down__container{
	position: fixed;
	width: auto;
	height: auto;
	bottom: 0rem;
	left: 0rem;
	transform: translate3d(3rem,3rem,0);
	visibility: hidden;
	transition: all 1s cubic-bezier(0.97, 0.16, 0.11, 0.85);
	/*transition-delay: 0s;*/
	/*-webkit-animation: typing 0.5s infinite  alternate;*/
    /*animation: typing 0.5s infinite  alternate;*/
    /*animation: 
    typing 0.5s steps(30, end),
    blink-caret 0.5s step-end infinite;*/

}
.scroll-down__content{
	position: relative;
	color: black;
	display: inline-block;
	font-weight: 600;

}
.desktop.start-website .scroll-down__container{
	
	visibility: visible;
	transition-delay: 2s;
	/*bottom: 3rem;*/
	transform: translate3d(3rem,-3rem,0);

}
.scroll-start .scroll-container .scroll-down__container{
	/*bottom: -3rem;*/
	transform: translate3d(3rem,3rem,0);
	transition-delay: 0s;
	transition-duration: 0.5s;
}
.scroll-top .scroll-container .scroll-down__container{
	transition-delay: 0s;
}




/*@-webkit-keyframes typing {
    from { width: 0 }
  	to { width: 100% }

}
@keyframes typing {
    from { width: 0 }
  	to { width: 100% }
}*/
/*@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange }
}*/