@charset "UTF-8";
/* CSS Document */

/* TRANSITIONS */

.logo, .cta_button, .icon_collab, .icon_collab > .ring , .icon_collab > .hand, .float_box
{	transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
}

.option_card
{	transition:all 0.6s linear;
	-webkit-transition:all 0.6s linear;
	-moz-transition:all 0.6s linear;
	-ms-transition:all 0.6s linear;
	-o-transition:all 0.6s linear;
}

.icon_collab:hover .hand 
{	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}

/* ANIMATIONS */

.inner {
	animation:BlendInAnimation 2s ease;
	-webkit-animation:BlendInAnimation 2s ease;
	-moz-animation:BlendInAnimation 2s ease;
	-ms-animation:BlendInAnimation 2s ease;
	-o-animation:BlendInAnimation 2s ease;
}

#nav, .navitem_wrap {
	animation:OpenNavAnimation 0.8s ease;
	-webkit-animation:OpenNavAnimation 0.8s ease;
	-moz-animation:OpenNavAnimation 0.8s ease;
	-ms-animation:OpenNavAnimation 0.8s ease;
	-o-animation:OpenNavAnimation 0.8s ease;
}

.icon_collab > .ring {
	animation:RotatingAnimation 14s linear infinite;
	-webkit-animation:RotatingAnimation 14s linear infinite;
	-moz-animation:RotatingAnimation 14s linear infinite;
	-ms-animation:RotatingAnimation 14s linear infinite;
	-o-animation:RotatingAnimation 14s linear infinite;
}

.float_box_wrap > .float_box:nth-of-type(1) {
	animation:FloatingAnimationA 8s linear infinite;
	-webkit-animation:FloatingAnimationA 8s linear infinite;
	-moz-animation:FloatingAnimationA 8s linear infinite;
	-ms-animation:FloatingAnimationA 8s linear infinite;
	-o-animation:FloatingAnimationA 8s linear infinite;
}

.float_box_wrap > .float_box:nth-of-type(2) {
	animation:FloatingAnimationB 8s linear infinite;
	-webkit-animation:FloatingAnimationB 8s linear infinite;
	-moz-animation:FloatingAnimationB 8s linear infinite;
	-ms-animation:FloatingAnimationB 8s linear infinite;
	-o-animation:FloatingAnimationB 8s linear infinite;
}

.float_box_wrap > .float_box:nth-of-type(3) {
	animation:FloatingAnimationC 8s linear infinite;
	-webkit-animation:FloatingAnimationC 8s linear infinite;
	-moz-animation:FloatingAnimationC 8s linear infinite;
	-ms-animation:FloatingAnimationC 8s linear infinite;
	-o-animation:FloatingAnimationC 8s linear infinite;
}

/*TimeLineAnimation*/
@-webkit-keyframes TimeLineAnimation {
	0% { height:0vh;}
	100% { height:100vh;}
}

/*BlurIntoAnimation*/
@-webkit-keyframes BlurIntoAnimation {
	0% { filter: blur(3px); opacity:0;}
	20% { filter: blur(3px); opacity:0;}
	100% { filter: blur(0px); opacity:1;}
}

/*FloatingAnimationA*/
@-webkit-keyframes FloatingAnimationA {
	0% { -webkit-transform: translateY(40px) scale(1.0)}
	50% { -webkit-transform: translateY(60px) scale(1.0)}
	100% { -webkit-transform: translateY(40px) scale(1.0)}
}

/*FloatingAnimationB*/
@-webkit-keyframes FloatingAnimationB {
	0% { -webkit-transform: translateY(120px) scale(1.0)}
	50% { -webkit-transform: translateY(100px) scale(1.0)}
	100% { -webkit-transform: translateY(120px) scale(1.0)}
}

/*FloatingAnimationC*/
@-webkit-keyframes FloatingAnimationC {
	0% { -webkit-transform: translateY(0px)}
	50% { -webkit-transform: translateY(50px)}
	100% { -webkit-transform: translateY(0px)}
}






@media screen and (max-width:785px) {
	
	/*FloatingAnimationA*/
	@-webkit-keyframes FloatingAnimationA {
		0% { -webkit-transform: translateY(0px)}
		50% { -webkit-transform: translateY(0px)}
		100% { -webkit-transform: translateY(0px)}
	}

	/*FloatingAnimationB*/
	@-webkit-keyframes FloatingAnimationB {
		0% { -webkit-transform: translateY(0px)}
		50% { -webkit-transform: translateY(0px)}
		100% { -webkit-transform: translateY(0px)}
	}

	/*FloatingAnimationC*/
	@-webkit-keyframes FloatingAnimationC {
		0% { -webkit-transform: translateY(0px)}
		50% { -webkit-transform: translateY(0px)}
		100% { -webkit-transform: translateY(0px)}
	}
	
}






/*RotatingAnimation*/
@-webkit-keyframes RotatingAnimation {
	0% { -webkit-transform:rotate(0deg);}
	100% { -webkit-transform:rotate(360deg);}
}

/*WavingAnimation*/
@-webkit-keyframes WavingAnimation {
	0% { -webkit-transform:rotate(0deg);}
	10% { -webkit-transform:rotate(-10deg);}
	20% { -webkit-transform:rotate(10deg);}
	30% { -webkit-transform:rotate(-10deg);}
	40% { -webkit-transform:rotate(10deg);}
	50% { -webkit-transform:rotate(0deg);}
	99% { -webkit-transform:rotate(0deg);}
}


/*HoverAnimation*/
@-webkit-keyframes HoverAnimation {
	0% { -webkit-transform: translate(0, 0px);}
	50% { -webkit-transform: translate(0, 6px);}
	100% { -webkit-transform: translate(0, 0px);}
}

@-moz-keyframes HoverAnimation {
	0% { -moz-transform: translate(0, 0px);}
	50% { -moz-transform: translate(0, 6px);}
	100% { -moz-transform: translate(0, 0px);}
}

@-ms-keyframes HoverAnimation {
	0% { -ms-transform: translate(0, 0px);}
	50% { -ms-transform: translate(0, 6px);}
	100% { -ms-transform: translate(0, 0px);}
}

@-o-keyframes HoverAnimation {
	0% { -o-transform: translate(0, 0px);}
	50% { -o-transform: translate(0, 6px);}
	100% { -o-transform: translate(0, 0px);}
}


/*PopUpAnimation*/
@-webkit-keyframes PopUpAnimation {
	0% { opacity:0; -webkit-transform: scale(0.2);}
	100% { opacity:1; -webkit-transform: scale(1.0);}
}

@-moz-keyframes PopUpAnimation {
	0% { opacity:0; -moz-transform: scale(0.2);}
	100% { opacity:1; -moz-transform: scale(1.0);}
}

@-ms-keyframes PopUpAnimation {
	0% { opacity:0; -ms-transform: scale(0.2);}
	100% { opacity:1; -ms-transform: scale(1.0);}
}

@-o-keyframes PopUpAnimation {
	0% { opacity:0; -o-transform: scale(0.2);}
	100% { opacity:1; -o-transform: scale(1.0);}
}


/*BlendInAnimation*/
@-webkit-keyframes BlendInAnimation {
	0% { opacity:0;}
	40% { opacity:0;}
	100% { opacity:1;}
}

@-moz-keyframes BlendInAnimation {
	0% { opacity:0;}
	40% { opacity:0;}
	100% { opacity:1;}
}

@-ms-keyframes BlendInAnimation {
	0% { opacity:0;}
	40% { opacity:0;}
	100% { opacity:1;}
}

@-o-keyframes BlendInAnimation {
	0% { opacity:0;}
	40% { opacity:0;}
	100% { opacity:1;}
}

/*BlendInBottomAnimation*/
@-webkit-keyframes BlendInBottomAnimation {
	0% { opacity:0; -webkit-transform:translate(0, 20px)}
	50% { opacity:0; -webkit-transform:translate(0, 20px)}
	100% { opacity:1; -webkit-transform:translate(0, 0)}
}

/*SlideInBottom*/
@-webkit-keyframes SlideInBottom {
	0% { opacity:0; -webkit-transform:translate(0, 140px)}
	40% { opacity:0; -webkit-transform:translate(0, 140px)}
	100% { opacity:1; -webkit-transform:translate(0, 0)}
}

@-moz-keyframes SlideInBottom {
	0% { opacity:0; -moz-transform:translate(0, 140px)}
	40% { opacity:0; -moz-transform:translate(0, 140px)}
	100% { opacity:1; -moz-transform:translate(0, 0)}
}

@-ms-keyframes SlideInBottom {
	0% { opacity:0; -ms-transform:translate(0, 140px)}
	40% { opacity:0; -ms-transform:translate(0, 140px)}
	100% { opacity:1; -ms-transform:translate(0, 0)}
}o

@-o-keyframes SlideInBottom {
	0% { opacity:0; -o-transform:translate(0, 140px)}
	40% { opacity:0; -o-transform:translate(0, 140px)}
	100% { opacity:1; -webkit-transform:translate(0, 0)}
}

/*OpenNavAnimation*/
@-webkit-keyframes OpenNavAnimation {
	0% { opacity:0; -webkit-transform:translate(0, -140px)}
	100% { opacity:1; -webkit-transform:translate(0, 0)}
}

@-moz-keyframes OpenNavAnimation {
	0% { opacity:0; -moz-transform:translate(0, -140px)}
	100% { opacity:1; -moz-transform:translate(0, 0)}
}

@-ms-keyframes OpenNavAnimation {
	0% { opacity:0; -ms-transform:translate(0, -140px)}
	100% { opacity:1; -ms-transform:translate(0, 0)}
}

@-o-keyframes OpenNavAnimation {
	0% { opacity:0; -o-transform:translate(0, -140px)}
	100% { opacity:1; -o-transform:translate(0, 0)}
}


/*BlurAnimation2*/
@-webkit-keyframes BlurAnimation2 {
	0% { filter: blur(2px);}
	100% { filter: blur(0px);}
}

@-moz-keyframes BlurAnimation2 {
	0% { filter: blur(2px);}
	100% { filter: blur(0px);}
}

@-ms-keyframes BlurAnimation2 {
	0% { filter: blur(2px);}
	100% { filter: blur(0px);}
}

@-o-keyframes BlurAnimation2 {
	0% { filter: blur(2px);}
	100% { filter: blur(0px);}
}