/* @override 
	http://eyedea.eu/studio/wp-content/themes/eyedea2014/css/workflow-pos.css */
/* =========================================
HOMEPAGE - WORK CYCLE
========================================= */

.workcycle {
	position: relative;
	width: 300px;
	height: 380px;
	margin: 4em 0;
	padding: 0;
	-webkit-transform: scale(0.8);  
	-moz-transform: scale(0.8);   
	-ms-transform: scale(0.8);  
	-o-transform: scale(0.8);  	        
	transform: scale(0.8); 
	
}
@media (min-width : 480px) {
	/* workcycle headings */
	.workcycle {
		margin: 4em auto;
		-webkit-transform: scale(1);  
		-moz-transform: scale(1);   
		-ms-transform: scale(1);  
		-o-transform: scale(1);  	        
		transform: scale(01); 
	}
}
/* workcycle headings */
.home .workcycle h2 {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 6em;
	height: 6em;
	padding: 2.3em 0 0 0;
	position: absolute;
	text-align: center;
	font-size: 1.3em;
	color: #2B858D;
	font-weight: 600;
	-webkit-transform: scale(0.8);  
	-moz-transform: scale(0.8);   
	-ms-transform: scale(0.8);  
	-o-transform: scale(0.8);  	        
	transform: scale(0.8); 
}
.home .workcycle h2 .ring {
	position: absolute;
	top: -4px;
	left: -4px;
	opacity: .75;

}
.home .workcycle h2.col {
	top: -.4em;
	left: -2em;
}
.home .workcycle h2.col .ring {
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
	
	-webkit-animation: expand-col 2s linear 0s infinite;	
	-moz-animation: expand-col 2s linear 0s infinite;
}
.home .workcycle h2.des {
	padding: 2.2em 0 0 0;
	top: 3em;
	left: 10.6em;
	line-height: .9;
}
.home .workcycle h2.des .ring {
	-webkit-transform: rotate(250deg);
	-moz-transform: rotate(250deg);
	-o-transform: rotate(250deg);
	-ms-transform: rotate(250deg);
	transform: rotate(250deg);
	
	-webkit-animation: expand-des 2s linear 0s infinite;	
	-moz-animation: expand-des 2s linear 0s infinite;
}
.home .workcycle h2.pub {
	top: 10em;
	left: 3em;
}
.home .workcycle h2.pub .ring {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
	
	-webkit-animation: expand-pub 2s linear 0s infinite;	
	-moz-animation: expand-pub 2s linear 0s infinite;
}
@media (min-width : 460px) {
	/* workcycle headings */
	.home .workcycle h2 {
		-webkit-transform: scale(1);  
		-moz-transform: scale(1);   
		-ms-transform: scale(1);  
		-o-transform: scale(1);  	        
		transform: scale(01); 
	}
}
/* graphics/anim */
.workcycle .workflow-ring2 {
	position: absolute;
	-webkit-animation: rotate-cw 21s linear 0s infinite;	
	-moz-animation: rotate-cw 21s linear 0s infinite;
	display: none;
}
.workcycle .ring-faded {
	opacity: .26;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: rotate-ccw 13s linear 0s infinite;	
	-moz-animation: rotate-ccw 13s linear 0s infinite;
}
svg.mindmap1h {
	opacity: .5;
	position: absolute;
	top: 52px;
	left: 56px;
	-webkit-transform-origin: 40% 70%;
	-webkit-transform: translate3d(0,0,0);	
	-moz-transform: translate3d(0,0,0);
	-moz-transform-origin: 40% 70%;
	transform: translate3d(0,0,0);	
	transform-origin: 40% 70%;
	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
svg.mindmap-minih {
	opacity: .4;
	position: absolute;
	top: 62px;
	left: 100px;
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
svg.starh {
	position: absolute;
	top: 236px;
	left: 106px;
}
.workcycle .cog1, .workcycle .cog2, .workcycle .cog3 {
	-webkit-animation: rotate-cw 13s linear 0s infinite;	
	-moz-animation: rotate-cw 13s linear 0s infinite;
}
.workcycle .cog3 {
	-webkit-animation: rotate-ccw 13s linear 0s infinite;	
	-moz-animation: rotate-ccw 13s linear 0s infinite;	
}
.workcycle .cog1 {
	position: absolute;
	left: 160px;
	top: 150px;
	opacity: .7;
}
.workcycle .cog2 {
	position: absolute;
	left: 177px;
	top: 96px;
}
.workcycle .cog3 {
	position: absolute;
	left: 206px;
	top: 115px;
	opacity: .5;
}
.workcycle .dot3 {
	position: absolute;
	top: 96px;
	left: 96px;
}
.curvedh {
	position: absolute;
	top: 50px;
	left: 50px;

	/* layout visuals for static presentation */
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
	-webkit-animation: rotate-cw 14s linear 0s infinite;	
	-moz-animation: rotate-cw 14s linear 0s infinite;	
}
.curved-lrg {
	position: absolute;
	top: -60px;
	left: -60px;
	opacity: .36;
	/* layout visuals for static presentation */
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	transform: rotate(-20deg);
	-webkit-animation: rotate-cw 36s linear 0s infinite;	
	-moz-animation: rotate-cw 36s linear 0s infinite;	
}
/* =========================================
CONAINTER DIVs - WORKFLOW
========================================= */
.cycle {
	width: 90%;
	/*max-width: 600px;*/
	height: auto;
/*	min-height: 600px;*/
	padding: 0;
	margin: 0;
	border: 0;
/*	overflow: hidden;*/
}

/* for circular display */
@media (min-width : 660px) {
	body.services .wrap {
		overflow: hidden;
		height: 100%;
	}

	.cycle {
		width: 100%;
		margin: 0 auto 2em auto;
		overflow: visible;
		padding: 0 0 3em 0;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		box-sizing:  content-box;
		min-height: 600px;
		position: relative;
	}
}

/* =========================================
LARGE ARROWS (backdrop spin)
========================================= */
.cycle svg.workflow-lrgArr1, .cycle svg.workflow-lrgArr2, .cycle svg.workflow-lrgArr3 {
	display: none;
}
/* show for circluar display, when screen wide enough */
@media (min-width : 660px) {
	.cycle svg.workflow-lrgArr1, .cycle svg.workflow-lrgArr2, .cycle svg.workflow-lrgArr3 {
		display: block;
	}
}
.cycle svg.workflow-lrgArr1 {
	opacity: .3;
	width: 600px;
	height: 600px;
	position: absolute;
}
.cycle svg.workflow-lrgArr2 {
	opacity: .4;
	width: 600px;
	height: 600px;
	position: absolute;
	/* layout visuals for static presentation */
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}
.cycle svg.workflow-lrgArr3 {
	opacity: .5;
	width: 600px;
	height: 600px;
	position: absolute;
	/* layout visuals for static presentation */
	-webkit-transform: rotate(240deg);
	-moz-transform: rotate(240deg);
	-o-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);	
}

/* thank you page */
.ta svg.workflow-lrgArr1 {
	opacity: .3;
	width: 600px;
	height: 600px;
	position: absolute;
}
.ta svg.workflow-lrgArr2 {
	opacity: .4;
	width: 600px;
	height: 600px;
	position: absolute;
	/* layout visuals for static presentation */
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}
.ta svg.workflow-lrgArr3 {
	opacity: .5;
	width: 600px;
	height: 600px;
	position: absolute;
	/* layout visuals for static presentation */
	-webkit-transform: rotate(240deg);
	-moz-transform: rotate(240deg);
	-o-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);	
}
/* =========================================
3 circles - positioning sequentially
========================================= */
article.workflow {
	width: 100%;
	/*height: 550px;*/
	position: relative;
	margin: 0 auto 2em auto;
	border-radius: 50%;
	-webkit-transition: all .2s ease-in-out;  
	-moz-transition: all .2s ease-in-out;  
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
/*article.workflow{
	top: 2em;
}*/
/* fit text */
@media (min-width : 570px) {
	/*article.workflow {
		height: 480px;
	}*/
}
/* realign into circle when screen wide enough */
@media (min-width : 660px) {
	article.workflow {
		width: 300px;
		height: 300px;
		margin: 0;
	}
	article.workflow.team {
		position: absolute;
		top: -25px;
		left: 19%;
	
	}
	article.workflow.dev {
		position: absolute;
		top: 200px;
		right: -60px;
		overflow: visible;
	}
	article.workflow.pub {
		position: absolute;
		top: 280px;
		left: 1%;
	}
	/* rollovers [static] */
	.workflow {	
		-webkit-transform: scale(0.8);  
		-moz-transform: scale(0.8);   
		-ms-transform: scale(0.8);  
		-o-transform: scale(0.8);  	        
		transform: scale(0.8);  
	}
	.workflow:hover {
		-webkit-transform: scale(1);  
		-moz-transform: scale(1);   
		-ms-transform: scale(1);  
		-o-transform: scale(1);  	        
		transform: scale(1);  
		z-index: 0;
	}
}


/* centre dots */
.workflow svg.dot1, .workflow svg.dot2, .workflow svg.dot3 {
	width: 110px;
	height: 110px;
	padding: 0;
	position: absolute;
	top: 96px;
	left: 96px;
	/*display: none;*/
}

/* =========================================
headings & text
========================================= */
.cycle h2 {
/*	position: absolute;*/
	width: 300px;
	text-align: left;
	z-index: 100;
	font-size: 1.6em;
	margin: 0;
}
.cycle article p {
	position: relative;
	width: 100%;
}
.cycle article.workflow.team h2, .cycle article.workflow.dev h2, .cycle article.workflow.pub h2 {
	top: -30px;
	display: block;
}

/* realign when screen wide enough */
@media (min-width : 660px) {
	
	/* workcycle headings */
	.home .workcycle h2 {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 6em;
		height: 6em;
		padding: 2.3em 0 0 0;
		position: absolute;
		text-align: center;
		font-size: 1.3em;
		color: #2B858D;
		font-weight: 600;
		-webkit-transform: scale(1);  
		-moz-transform: scale(1);   
		-ms-transform: scale(1);  
		-o-transform: scale(1);  	        
		transform: scale(01); 
	}
	.cycle article p {
		position: relative;
		width: 100%;
	}
	.cycle h2 {
		position: absolute;
		z-index: 100;
		font-size: 1.6em;
	}
	.cycle article p {
		position: absolute;
	}
	.cycle article.workflow.team h2 {
		top: 0;
		left: -170px;
	}
	.cycle article.workflow.team p {
		top: 2.2em;
		left: -170px;
		width: 9em;
	}
	.cycle article.workflow.dev h2 {
		top: -1.6em;
		left: 60px;
		text-align: left;
	}
	.cycle article.workflow.dev p {
		top: -230px;
		left: 60px;
		width: 12em;
	}
	.cycle article.workflow.pub h2 {
		top: 210px;
		left: 300px;
	}
	.cycle article.workflow.pub p {
		top: 260px;
		left: 300px;
		width: 20em;
	}
}
/* realign when screen wide enough, wide alignment */
@media (min-width : 860px) {
	.cycle h2 {
		position: absolute;
		z-index: 100;
		font-size: 1.6em;
	}
	.cycle article p {
		position: absolute;
	}
	.cycle article.workflow.team h2 {
		top: 1em;
		left: -250px;
	}
	.cycle article.workflow.team p {
		top: 4em;
		left: -250px;
		width: 14em;
	}
	.cycle article.workflow.dev h2 {
		top: -1.6em;
		left: 90px;
		text-align: left;
	}
	.cycle article.workflow.dev p {
		top: -160px;
		left: 90px;
		width: 18em;
	}
	.cycle article.workflow.pub h2 {
		top: 210px;
		left: 300px;
	}
	.cycle article.workflow.pub p {
		top: 260px;
		left: 300px;
		width: 20em;
	}
}

@media (max-width : 380px) {
	/*.services .workflow {
		-webkit-transform: scale(.8);
		-moz-transform: scale(.8);
		-o-transform: scale(.8);
		transform: scale(.8); 
		-ms-transform: scale(.8);
	}*/
	/*
	.services .workflow h2, .services .workflow p {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2); 
		-ms-transform: scale(1.2);
	}*/
	/*.services .workflow h2 {
		padding: 0 0 3em 0;
	}
	.services .workflow p {
		padding: 2em 0 0 0;
	}*/
	/*.services .workflow svg {
		margin-left: -30px;
	}*/

/*	.home .workcycle {
/*		margin:0 0 0 -20px;*!/
		-webkit-transform: scale(.66);
		-moz-transform: scale(.66);
		-o-transform: scale(.66);
		transform: scale(.66); 
		-ms-transform: scale(.66);
	}*/

}
/* =========================================
OUR WORKFLOW - team/collaboration / dot + people
========================================= */

svg.ripple1 {
	position: absolute;
	top: 103px;
	left: 103px;
}
svg.mindmap1 {
	opacity: .96;
	position: absolute;
	top: 20px;
	left: 88px;
	-webkit-transform-origin: 40% 70%;
	-webkit-transform: translate3d(0,0,0);	
	-moz-transform: translate3d(0,0,0);
	-moz-transform-origin: 40% 70%;
	transform: translate3d(0,0,0);	
	transform-origin: 40% 70%;
}
svg.mindmap-mini {
	/*opacity: .8;*/
	position: absolute;
	top: 72px;
	left: 162px;
}
svg.mindmap2 {
	opacity: .86;
	position: absolute;
	top: 40px;
	left: 60px;
	/* layout visuals for static presentation */
	-webkit-transform-origin: 80px 120px;
	-moz-transform-origin: 80px 120px;
	-ms-transform-origin: 80px 120px;
	transform-origin: 80px 120px;
	-webkit-transform: rotate(170deg);
	-moz-transform: rotate(170deg);
	-o-transform: rotate(170deg);
	-ms-transform: rotate(170deg);
	transform: rotate(170deg);	
}
svg.figure {
	position: absolute;
}
svg.figure.one {
	top: 116px;
	left: 97px;
}
svg.figure.two {
	top: 116px;
	left: 112px;
}
svg.figure.three {
	top: 116px;
	left: 136px;
}
svg.curved {
	display: block;
	position: absolute;
	-webkit-transform-origin: 86px 86px;
	-moz-transform-origin: 86px 86px;
	-ms-transform-origin: 86px 86px;
	transform-origin: 86px 86px;
}
svg.curved.team {
	top: 65px;
	left: 65px;
}
svg.ring1 {
	position: absolute;
	top: 87px;
	left: 87px;
	/* layout visuals for static presentation */
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
}
/* =========================================
OUR WORKFLOW - design/build / dot + rings
========================================= */
svg.mindmap3 {
	opacity: .6;
	position: absolute;
	top: 100px;
	left: 26px;
	/* layout visuals for static presentation */
	-webkit-transform: rotate(-80deg);
	-moz-transform: rotate(-80deg);
	-o-transform: rotate(-80deg);
	-ms-transform: rotate(-80deg);
	transform: rotate(-80deg);
}
svg.cog1 {
	position: absolute;
	top: 166px;
	left: 120px;
}
svg.cog2 {
	opacity: .8;
	position: absolute;
	top: 136px;
	left: 108px;
}
svg.cog3 {
	position: absolute;
	top: 160px;
	left: 145px;
}
svg.pen {
	position: absolute;
	top: 118px;
	left: 146px;
}
svg.drop {
	position: absolute;
	top: 106px;
	left: 134px
}

svg.curved.dev {
	display: block;
	position: absolute;
	top: 42px;
	left: 42px;
	-webkit-transform-origin: 110px 110px;
	-moz-transform-origin: 110px 110px;
	-ms-transform-origin: 110px 110px;
	transform-origin: 110px 110px;
	/* layout visuals for static presentation */
	-webkit-transform: rotate(240deg);
	-moz-transform: rotate(240deg);
	-o-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}
svg.curved.sm {
	display: block;
	position: absolute;
	top: 69px;
	left: 69px;
	-webkit-transform-origin: 83px 83px;
	-moz-transform-origin: 83px 83px;
	-ms-transform-origin:  83px 83px;
	transform-origin:  83px 83px;
	/* layout visuals for static presentation */
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}
svg.ring2 {
	position: absolute;
	top: 87px;
	left: 87px;
	/* layout visuals for static presentation */
	-webkit-transform: rotate(210deg);
	-moz-transform: rotate(210deg);
	-o-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}

/* =========================================
OUR WORKFLOW - launch/publish 
========================================= */

.workflow.pub svg.mindmap4 {
	opacity: .5;
	width: 140px;
	height: 140px;
	padding: 0;
	position: absolute;
	top: 25px;
	left: 38px;
	/* flip */
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1); 
	-ms-transform: scaleX(-1);
}
.workflow.pub svg.cog1 {
	position: absolute;
	top: 120px;
	left: 75px;
}
.workflow.pub svg.cog2 {
	opacity: .8;
	position: absolute;
	top: 160px;
	left: 46px;
}
.workflow.pub svg.cog3 {
	opacity: .4;
	position: absolute;
	top: 76px;
	left: 44px;
}
svg.open-arr1 {
	position: absolute;
	top: 11px;
	left: 109px;
	-webkit-transform-origin: 40px 140px;
	-moz-transform-origin: 40px 140px;
	transform-origin: 40px 140px;
	/* layout visuals for static presentation */
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
}
svg.open-arr2 {
	position: absolute;
	top: 30px;
	left: 101px;
	/* layout visuals for static presentation */
	-webkit-transform: rotate(-21deg);
	-moz-transform: rotate(-21deg);
	-o-transform: rotate(-21deg);
	-ms-transform: rotate(-21deg);
	transform: rotate(-21deg);
}
svg.open-arr-sm {
	position: absolute;
	top: 48px;
	left: 117px;
	-webkit-transform-origin: 32px 100px;
	-moz-transform-origin: 32px 100px;
	-ms-transform-origin: 32px 100px;
	transform-origin: 32px 100px;
}
svg.open-arr-sm.left {
	-webkit-transform: rotate(-80deg);
	-moz-transform: rotate(-80deg);
	-o-transform: rotate(-80deg);
	-ms-transform: rotate(-80deg);
	transform: rotate(-80deg);
}
svg.open-arr-sm.right {
	-webkit-transform: rotate(26deg);
	-moz-transform: rotate(26deg);
	-o-transform: rotate(26deg);
	-ms-transform: rotate(26deg);
	transform: rotate(26deg);
}
.workflow.pub svg.curved.sm {
	display: block;
	position: absolute;
	top: 69px;
	left: 69px;
	-webkit-transform-origin: 83px 83px;
	-moz-transform-origin: 83px 83px;
	-ms-transform-origin:  83px 83px;
	transform-origin:  83px 83px;
	/* layout visuals for static presentation */
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
}

.workflow.pub svg.star {
	position: absolute;
	top: 120px;
	left: 132px;
}

/* thank you page */
.thanks .ta svg {
	position: absolute;
}
.thanks article {
	position: relative;
	min-height: 300px;
}
.thanks .ta {
	width: 300px;
	height: 300px;
	padding: 0;
	position: relative;
	top: -100px;
	left: -110px;
	-webkit-transform: scale(.6);  
	-moz-transform: scale(.6);   
	-ms-transform: scale(.6);  
	-o-transform: scale(.6);  	        
	transform: scale(.6); 
}

.ta .curved-lrg {
	top: 86px;
	left: 86px;
	opacity: .8;
	-webkit-transform: scale(.66);  
	-moz-transform: scale(.66);   
	-ms-transform: scale(.66);  
	-o-transform: scale(.66);  	        
	transform: scale(.66); 
}

.ta .open-ring {
	position: absolute;
	top: 50px;
	left: 50px;
}
.ta .open-ring-2 {
	position: absolute;
	top: 54px;
	left: 54px;
	/* layout visuals for static presentation */
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
	
}
.ta .arr-sm, .ta .ring-bold, .ta .fig-teal, .ta .speech {
	top: 200px;
	left: 200px;
}

/* 2 col display */
@media (min-width : 640px) {
	/*.not-found article p {
		margin-right: 300px;
	}*/
	.thanks .ta {
		position: absolute;
		top: -5em;
		left: auto;
		right: 4em;
	}
	
}
/* 404 */

.not-found .broken-flow svg {
	position: absolute;
}
.not-found article {
	position: relative;
}
.not-found .broken-flow {
	width: 500px;
	height: 500px;
	position: relative;
	top: -100px;
	left: -140px;
	margin: 0 auto;
	z-index: -200;
	-webkit-transform: scale(.46);  
	-moz-transform: scale(.46);   
	-ms-transform: scale(.46);  
	-o-transform: scale(.46);  	        
	transform: scale(.46); 
}
@media (min-width : 400px) {
	.not-found .broken-flow {
		left: -100px;	
	}
}
/* 2 col display */
@media (min-width : 620px) {
	/*.not-found article p {
		margin-right: 300px;
	}*/
	.not-found .broken-flow {
		position: absolute;
		top: -6em;
		left: auto;
		right: -7em;
		-webkit-transform: scale(.6);  
		-moz-transform: scale(.6);   
		-ms-transform: scale(.6);  
		-o-transform: scale(.6);  	        
		transform: scale(.6);
	}

}
.not-found .open-ring {
	top: 0;
	left: 0;
}
.not-found .open-ring-2 {
	top: 4px;
	left: 4px;
}

.not-found .workcycle .spiral {
	
}
.not-found .cog1 {
	top: 220px;
	left: 140px;
	opacity: .7;
}
.not-found .cog2 {
	top: 30px;
	left: 30px;
	opacity: .26;
}
.not-found .cog3 {
	top: 226px;
	left: 226px;
	opacity: .8;
}

.not-found .q-bubble {
	top: 112px;
	left: 220px;
}

.not-found .curvedh {
	top: 10px;
	left: 0;
}