.wrapper {
    position: relative;

}
svg {
	position: relative;
	width: 1344px;
	left: 1344px;
	top: 24px;
	-webkit-transform: translate(-100%, -100%);
	transform: translate(-100%, -100%);
	margin: 0;
}
path {stroke-width: 2px;}
@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
	20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
	0%, 40%, 100% { 
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
  }  
  20% { 
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
  }
}
canvas {
    width: 100%;
    height: 420px;
    z-index: 0;
}
div.half {
	width: 60%;
	margin-left: 24px;
}
.area1 {
	background: url(../images/DigitalLandscape-2.jpg) no-repeat #000000;
	background-position: center center;
	padding: 2% 2%;
	width: 100%;
}
.area5 {
	background-image: url('../images/voiceprint.jpg');
	background-repeat: no-repeat;
	background-color: #000;
	background-position: top;
	min-height: 340px;
	position: relative;
}
#fp .area4 {min-height: 500px;}
.blurb {
	box-sizing: border-box;
	background-color: rgba(212, 42, 54, .4);
	border: 2px solid #D42A36;
	margin: 0 4%;
}

.blurb img {
	width: 120%;
	vertical-align: middle;	
	margin: -4% 0 -2% 0;
}
.blurb .spin {
	width: 18%;
	margin: -1% -1% -2% -1%;
}
.spin span {
	height: 0;
	margin: 0;
	letter-spacing: 6px;
}
.blurb span {
	text-transform: uppercase;
}
.blurb div {
	box-sizing: border-box;
	width: 40%;
	display: inline-block;
	vertical-align: top;
	padding: 1% 2%;
}
.blurb .top {
	width: 100%;
	font-size: 1.8em;
	margin-bottom: 1%;
}
.seven {background-color: rgba(0, 0, 0, .8);}
.seven h1 {
	padding: 0 2%;
	margin: 0;
}
.seven h2 {
	font-size: 1.5em;
	margin: 1% 0;
}
.seven button {margin:0 1%;}
.seven .content {
	margin-left: 8%;
	max-width: 60%;
}
.seven .slide {padding: 2% 4%;}
.seven p {
	border-top: 1px solid #ccc;
	margin-right: 4%;
	min-height: 180px;
}
.menu {
	background-image: url(../images/sinewave-red.png);
	background-size: 30% 97%;
	background-repeat: repeat-x;
	text-align: center;
	background-position: 75px 0px;
	box-sizing: border-box;
}
.menu ul {
	font-weight: bold;
	list-style-type: none;
	height: 80px;	
	border-bottom: 1px solid #222;
}
.menu ul a {
	display: inline-block;
	animation-name: fade;
	-webkit-transition: .8s ease-in-out;
	-moz-transition: .8s ease-in-out;
	-o-transition: .8s ease-in-out;
	transition: .8s ease-in-out;
	height: 100%;
	vertical-align: middle;
	margin-left: -6px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}
.menu ul li {
	width: 180px;
	padding-top: 10%;
}
.menu .selected {
	-moz-text-shadow: 1px 1px 5px #000, 1px 1px 15px #333;
	-webkit-text-shadow: 1px 1px 5px #000, 1px 1px 15px #333;
	text-shadow: 1px 1px 5px #000, 1px 1px 10px #333;
	background-size: 40%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: rgba(51, 83, 207, .4) !important;
	border-left: 1px solid #4DA2B3;
	border-right: 1px solid #4DA2B3;
	border-bottom: 1px solid blue;
}
.menu a.alpha.selected {background-image: url(../images/developIcon2.png);}
.menu a.beta.selected {background-image: url(../images/manageIcon2.png);}
.menu a.gamma.selected {background-image: url(../images/researchIcon2.png);}
.menu a.delta.selected {background-image: url(../images/designIcon2.png);}
.menu a.epsilion.selected {background-image: url(../images/engineerIcon2.png);}
.menu a.zeta.selected {background-image: url(../images/regIcon2.png);}
.menu a.eta.selected {background-image: url(../images/networkIcon2.png);}
.quote {
	padding: 2%;
	display: none;
	width: 38%;
	font-size: 1.2em;
	line-height: 1.4em;
	float: right;
	text-align: justify;
	background-color: rgba(0, 0, 0, .4)
}
.testimonials {
	padding: 24px;
	position: relative;
}
.testimonials h2 {display: inline-block;}
.quotes {
	margin: 1% 2%;
	width: 28%;
	font-size: 1.2em;
	line-height: 1.4em;
	display: inline-block;
	vertical-align: top;
}
.quote i,.quotes i {
	font-weight: bold;
	display: block;
	margin-top: 12px;
	text-align: right;
}
button.seeall {
	position: absolute;
	bottom: 2%;
	right: 2%;
}
#loading {
	-webkit-animation: rotation 4s infinite ease-in-out;
	-moz-animation: rotation 4s infinite ease-in-out;
	animation: rotation 4s infinite ease-in-out;
}
@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
		-moz-animation: rotate(0deg);
		animation: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
		-moz-animation: rotate(359deg);
		animation: rotate(359deg);
	}
}