@font-face {
					  font-family: 'GillSans-Light';
					  src: url('../fonts/GillSans-Light.eot');
					  src: url('../fonts/GillSans-Light.eot?#iefix') format('embedded-opentype'),
					       url('../fonts/GillSans-Light.woff2') format('woff2'),
					       url('../fonts/GillSans-Light.woff') format('woff'),
					       url('../fonts/GillSans-Light.ttf') format('truetype'),
					       url('../fonts/GillSans-Light.svg#GillSans-Light') format('svg');
					  font-weight: normal;
					  font-style: normal;
					}
					body {
						font-family: 'GillSans-Light', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
					  font-weight: 300;
						font-size: 1.2em;
					}
					a {
						color: #fff;
						text-decoration: underline;
					}
					a:hover {
						color: #ddd;
					}
					.fixed {
						position: fixed;
						top:0;
					}
					.no-scroll {
						overflow: hidden;
						height: 100%;
					}
					.loading-overlay {
						display: none;
						position: fixed;
						top:0;
						left:0;
						right:0;
						bottom: 0;
						background-color: #fff;
						z-index: 200;
					}
					.loading-overlay .loader {
						position: absolute;
						left: 50%;
						top: 50%;
						transform: translate(-50%, -50%);
						text-align: center;
						width: 320px;
					}
					.loading-overlay .loading-text {
					  position: absolute;
					  top: 40%;
					  left: 50%;
					  margin-left: -30px;
					  animation: fadein 1s;
					}
					@keyframes fadein {
					  from { opacity: 0; }
					  to   { opacity: 1; }
					}
					
					.loading-overlay .loading-text:after {
					  overflow: hidden;
					  display: inline-block;
					  vertical-align: bottom;
					  -webkit-animation: ellipsis steps(4,end) 900ms infinite;      
					  animation: ellipsis steps(4,end) 1.2s infinite;
					  content: "\2026"; /* ascii code for the ellipsis character */
					  width: 0;
					}
					@keyframes ellipsis {
					  to {
					    width: 1.25em;    
					  }
					}
					@-webkit-keyframes ellipsis {
					  to {
					    width: 1.25em;    
					  }
					}
					.title-block.fixed {
							width: 100%;
					}
					@media (min-width: 768px) {
						.title-block.fixed {
							width: 50%;
						}
					}
					ul.navblock {
						position: fixed;
						bottom:0;
						left:0;
						width: 100%;
						margin: 0;
						padding: 0;
						z-index: 2;
						background-color: rgba(0,0,0,0.8);
						list-style: none;
						text-align: center;
					}
					@media (min-width: 768px) {
						ul.navblock {
							width: 50%;
							bottom:auto;
							top:0;
							background-color: rgba(0,0,0,0.73);
						}
					}
					.navblock li {
						margin: 0;
						padding: 1rem 0.3rem;
						display: inline-block;
					}
					.navblock li a {
						text-decoration: none;
						color: #fff;
					}
					.navblock li a.active,
					.navblock li a:hover {
						text-decoration: none;
						background: none;
						color: #fff;
					}
					.navblock li a span,
					.navblock li a:hover span {
						transition: all 0.2s linear;
						opacity: 0.5;
					}
					.navblock li a:hover span,
					.navblock li a.active span {
						opacity: 1;
					}

					.icon-home,
					.icon-contact {
						display: inline-block;
						width: 1.5em;
						height: 1.5em;
						overflow: hidden;
						text-indent: -999rem;
						background-repeat: no-repeat;
						background-size: cover;
					}
					.icon-contact {
						background-image: url('../img/icon-contact.svg');
					}
					.icon-home {
						background-image: url('../img/icon-home.svg');
					}
					.logo-wrapper {
						width: 50%;
						max-width: 50%;
						margin: 7.5rem auto 0 auto;
					}
					@media (min-width: 768px) {
						.logo-wrapper {
							width: 40%;
							max-width: 40%;
						}
					}
					.logo {
						position: relative;
						width: 100%;
						height: 0;
						padding-bottom: 96.4%;
					}
					.logo .logo-bg,
					.logo .logo-cog-lrg,
					.logo .logo-cog-med,
					.logo .logo-cog-sml {
						position: absolute;
					}
					.logo .logo-cog-lrg img,
					.logo .logo-cog-med img,
					.logo .logo-cog-sml img {
						display: block;
					}
					.logo .logo-bg {
						top:0;
						left: 0;
						z-index: 1;
					}
					.logo .logo-cog-sml {
						width: 8%;
						height: 8%;
						top: 27.3%;
						left: 45%;
						z-index: 2;
						opacity: 0;
						animation: zoomIn 0.4s ease-out forwards;
						animation-delay: 0.4s;
					}
					.logo .logo-cog-sml img {
						animation: rotationClock 6s infinite linear;
					}
					.logo .logo-cog-med {
						width: 13.5%;
						height: 13.5%;
						top: 16%;
						left: 36.4%;
						z-index: 3;
						opacity: 0;
						animation: zoomIn 0.4s ease-out forwards;
						animation-delay: 0.7s;
					}
					.logo .logo-cog-med img {
						animation: rotationAntiClock 8s infinite linear;
					}
					.logo .logo-cog-lrg {
						width: 20%;
						height: 20%;
						top: 3.9%;
						left: 46.2%;
						z-index: 4;
						opacity: 0;
						animation: zoomIn 0.4s ease-out forwards;
						animation-delay: 1s;
					}
					.logo .logo-cog-lrg img {
						animation: rotationClock 12s infinite linear;
					}
					@keyframes rotationClock {
						from {
							transform: rotate(0deg);
						}
						to {
							transform: rotate(359deg);
						}
					}
					@keyframes rotationAntiClock {
						from {
							transform: rotate(359deg);
						}
						to {
							transform: rotate(0deg);
						}
					}
					@keyframes zoomIn {
					  from {
					    opacity: 0;
					    transform: scale3d(0.3, 0.3, 0.3);
					  }
					  50% {
					    opacity: 1;
					  }
					  100% {
					    opacity: 1;
					  }
					}
					.zoomIn {
					  animation-name: zoomIn;
					}
					
							
					.mouse {
						max-width: 100%;
						width: 100%;
						height: auto;
					}
					.scroll {
						animation-name: scroll;
						animation-duration: 1.5s;
						animation-timing-function: cubic-bezier(0.650, -0.550, 0.250, 1.500);
						animation-iteration-count: infinite;
						transform-origin: 50% 20.5px;
						will-change: transform;
					}
					.scrollprompt {
						width: 28px;
						position: absolute;
						bottom: 1rem;
						left: 50%;
						transform: translateX(-50%);
						z-index: 100;
					}
					@media (min-width: 768px) {
						.scrollprompt {
							width: 36px;
						}
					}
					@keyframes scroll {
						0%, 20% {
							transform: translateY(0) scaleY(1);
						}
						10% {
							opacity: 1;
						}
						100% {
							transform: translateY(36px) scaleY(2);
							opacity: 0.01;
						}
					}		
					.icon-animation > span {
						display: inline-block;
						vertical-align: baseline;
						font-size: inherit;
						width:0.7em;
						height:0.7em;
						line-height: 0.7em;
						/*opacity: 0; /* TEMP */
					}
							
					.section-title {
						padding-left: 0;
						padding-right: 0;
						color: #eee;
						background: #000000; /* Old Browsers */
						background: -webkit-linear-gradient(top left,#000000,#333333); /*Safari 5.1-6*/
						background: -o-linear-gradient(top left,#000000,#333333); /*Opera 11.1-12*/
						background: -moz-linear-gradient(top left,#000000,#333333); /*Fx 3.6-15*/
						background: linear-gradient(top left, #000000, #333333); /*Standard*/
					}
					.section-content {
						background: #ffffff; /* Old browsers */
						background: -moz-linear-gradient(45deg, #eeeeee 0%, #ffffff 20%, #ffffff 100%);
						background: -o-linear-gradient(45deg, #eeeeee 0%,#ffffff 20%,#ffffff 100%);
						background: -webkit-linear-gradient(45deg, #eeeeee 0%,#ffffff 20%,#ffffff 100%);
						background: linear-gradient(45deg, #eeeeee 0%,#ffffff 20%,#ffffff 100%);
					}
					.section-content .padded {
						padding: 2rem;
					}
					.description-text {
						border-left: 1px solid #555;
						padding-left: 1rem;
						margin: 2rem 2rem 0 3rem;
						font-size: 1.3rem;
						line-height: 1.2;
					}
					.section-title h1 {
						font-size: 3rem;
						padding: 0;
						margin: 2rem 2rem 0 2rem;
					}
					.section-title h1.xs-sml {
						font-size: 2.5rem;
					}
					@media (min-width: 991px) {
						.section-content .padded {
							padding: 3.5rem;
						}
						.description-text {
							margin: 0 4rem 0 5rem;		
							font-size: 1.3rem;
							line-height: 1.5;
						}
						.section-title h1 {
							margin: 2rem 4rem 1.5rem 4rem;		
						}
/*
						.section-title h1.xs-sml {
							font-size: 3rem;
						}
*/
						.section-title h1 {
							padding-top: 0;
						}
						.title-block h1 {
							margin-top: 5.5rem;
						}
					}
					@media (min-width: 1200px) {
						.section-content .padded {
							padding: 7.5rem;
						}
						.description-text {
							margin: 0 7rem 0 8rem;		
						}
						.section-title h1 {
							margin: 2rem 7rem 1.5rem 7rem;		
						}
						.section-title h1 {
							padding-top: 0;
						}
						.title-block h1 {
							margin-top: 7.5rem;
						}
					}
					.form-group {
						margin-bottom: 2rem;
					}
					.form-control,
					.btn {
						border-radius: 0;
					}
					.btn-primary.disabled,
					.btn-primary:disabled,
					.btn-primary {
						color: #fff;
						background-color: #222;
						border-color: #000;
						opacity: 1;
					}
					.btn-primary:hover {
						color: #fff;
						background-color: #444;
						border-color: #222;
					}
					.form-control:focus {
						color: #495057;
						background-color: #fff;
						border-color: #bbb;
						outline: 0;
						box-shadow: 0 0 0 .2rem rgba(0,0,0,0.1);
					}
					.help-block.with-errors {
						color: #ff5050;
						font-size: 0.8rem;
						margin-top: 5px;
					}
					.messages {
						margin: 30px 0;
					}