@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,600,700,900&subset=latin-ext");

@import url("font-awesome.min.css");



	body, input, select, textarea {

	color: white;

	font-family: 'Ubuntu', sans-serif;

	font-size: 16pt;

	font-weight: 300 !important;

	line-height: 1.25em;

	text-decoration: underline;

	}



	body {

		background: white;

		overflow: hidden;

	}



		body.loading * {

			-moz-animation: none !important;

			-webkit-animation: none !important;

			-o-animation: none !important;

			-ms-animation: none !important;

			animation: none !important;

		}



	a {

		-moz-transition: border-color 0.2s ease-in-out;

		-webkit-transition: border-color 0.2s ease-in-out;

		-o-transition: border-color 0.2s ease-in-out;

		-ms-transition: border-color 0.2s ease-in-out;

		transition: border-color 0.2s ease-in-out;

		border-bottom: dotted 1px;

		color: inherit;

		outline: 0;

		text-decoration: none;

	}



		a:hover {

			border-color: transparent;

		}



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

	@-webkit-keyframes wrapper { 0% { opacity: 0; } 100% { opacity: 1; } }

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

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

	@keyframes wrapper { 0% { opacity: 0; } 100% { opacity: 1; } }



	#wrapper {

		-moz-animation: wrapper 3s forwards;

		-webkit-animation: wrapper 3s forwards;

		-o-animation: wrapper 3s forwards;

		-ms-animation: wrapper 3s forwards;

		animation: wrapper 3s forwards;

		height: 100%;

		left: 0;

		opacity: 0;

		position: fixed;

		top: 0;

		width: 100%;

	}



	#bg {

		-moz-animation: bg 60s linear infinite;

		-webkit-animation: bg 60s linear infinite;

		-o-animation: bg 60s linear infinite;

		-ms-animation: bg 60s linear infinite;

		animation: bg 60s linear infinite;

		-moz-backface-visibility: hidden;

		-webkit-backface-visibility: hidden;

		-o-backface-visibility: hidden;

		-ms-backface-visibility: hidden;

		backface-visibility: hidden;

		-moz-transform: translate3d(0,0,0);

		-webkit-transform: translate3d(0,0,0);

		-o-transform: translate3d(0,0,0);

		-ms-transform: translate3d(0,0,0);

		transform: translate3d(0,0,0);

		background-color: #d9155d; 

		background-image: url("images/creative-web.jpg");

		background-position: bottom left;

		background-repeat: repeat-x;

		height: 100%;

		left: 0;

		opacity: 1;

		position: fixed;

		top: 0;

	}

	@-moz-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } }

	@-webkit-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } }

	@-o-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } }

	@-ms-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } }

	@keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -o-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } }



	#bg {

		background-size: 2250px auto;

		width: 6750px;

	}



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

	@-webkit-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }

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

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

	@keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }



	#overlay {

		-moz-animation: overlay 1.5s 1.5s forwards;

		-webkit-animation: overlay 1.5s 1.5s forwards;

		-o-animation: overlay 1.5s 1.5s forwards;

		-ms-animation: overlay 1.5s 1.5s forwards;

		animation: overlay 1.5s 1.5s forwards;

		background-attachment: fixed, fixed;

		background-image: url("images/overlay-pattern.png"), url("images/overlay.svg");

		background-position: top left, center center;

		background-repeat: repeat, no-repeat;

		background-size: auto, cover;

		height: 100%;

		left: 0;

		opacity: 0;

		position: fixed;

		top: 0;

		width: 100%;

	}



	#main {

		height: 100%;

		left: 0;

		position: fixed;

		text-align: center;

		top: 0;

		width: 100%;

	}



		#main:before {

			content: '';

			display: inline-block;

			height: 100%;

			margin-right: 0;

			vertical-align: middle;

			width: 1px;

		}



	@-moz-keyframes header { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }

	@-webkit-keyframes header { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }

	@-o-keyframes header { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }

	@-ms-keyframes header { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }

	@keyframes header { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }

	@-moz-keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }

	@-webkit-keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }

	@-o-keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }

	@-ms-keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }

	@keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }



	#header {

		-moz-animation: header 1s 2.25s forwards;

		-webkit-animation: header 1s 2.25s forwards;

		-o-animation: header 1s 2.25s forwards;

		-ms-animation: header 1s 2.25s forwards;

		animation: header 1s 2.25s forwards;

		-moz-backface-visibility: hidden;

		-webkit-backface-visibility: hidden;

		-o-backface-visibility: hidden;

		-ms-backface-visibility: hidden;

		backface-visibility: hidden;

		-moz-transform: translate3d(0,0,0);

		-webkit-transform: translate3d(0,0,0);

		-o-transform: translate3d(0,0,0);

		-ms-transform: translate3d(0,0,0);

		transform: translate3d(0,0,0);

		cursor: default;

		display: inline-block;

		opacity: 0;

		position: relative;

		text-align: center;

		top: -1em;

		vertical-align: middle;

		width: 90%;

	}

	

    #logo2 {		

		height: 100%;

		width: 100%;



	}

	

		#header h1 {

	font-size: 5.35em;

	font-weight: 900;

	letter-spacing: -0.035em;

	line-height: 1.3em;

	color: white;

		}

		

#header h2 {

	font-size: 2.15em;

	font-weight: 700;

	letter-spacing: -0.035em;

	line-height: 1em;

	color: white;

	background-color: #d9155d;

        opacity:0.6;

		}

		#header p {

			font-size: 1.25em;

			margin: 0.5em 0 0.25em 0;

	                background-color: #5EC45E;

                        opacity:0.6;

		}



		#header nav {

			margin: 2.9em 0 0 0;

		}



			#header nav li {

	-moz-animation: nav-icons 0.5s ease-in-out forwards;

	-webkit-animation: nav-icons 0.5s ease-in-out forwards;

	-o-animation: nav-icons 0.5s ease-in-out forwards;

	-ms-animation: nav-icons 0.5s ease-in-out forwards;

	animation: nav-icons 0.5s ease-in-out forwards;

	-moz-backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

	-o-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden;

	-moz-transform: translate3d(0,0,0);

	-webkit-transform: translate3d(0,0,0);

	-o-transform: translate3d(0,0,0);

	-ms-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

	display: inline-block;

	height: 3em;

	line-height: 5.885em;

	opacity: 0;

	position: relative;

	top: 0;

	width: 3em;

			}



				#header nav li:nth-child(1) {

					-moz-animation-delay: 2.5s;

					-webkit-animation-delay: 2.5s;

					-o-animation-delay: 2.5s;

					-ms-animation-delay: 2.5s;

					animation-delay: 2.5s;

				}



				#header nav li:nth-child(2) {

					-moz-animation-delay: 2.75s;

					-webkit-animation-delay: 2.75s;

					-o-animation-delay: 2.75s;

					-ms-animation-delay: 2.75s;

					animation-delay: 2.75s;

				}



				#header nav li:nth-child(3) {

					-moz-animation-delay: 3s;

					-webkit-animation-delay: 3s;

					-o-animation-delay: 3s;

					-ms-animation-delay: 3s;

					animation-delay: 3s;

				}



				#header nav li:nth-child(4) {

					-moz-animation-delay: 3.25s;

					-webkit-animation-delay: 3.25s;

					-o-animation-delay: 3.25s;

					-ms-animation-delay: 3.25s;

					animation-delay: 3.25s;

				}



				#header nav li:nth-child(5) {

					-moz-animation-delay: 3.5s;

					-webkit-animation-delay: 3.5s;

					-o-animation-delay: 3.5s;

					-ms-animation-delay: 3.5s;

					animation-delay: 3.5s;

				}



				#header nav li:nth-child(6) {

					-moz-animation-delay: 3.75s;

					-webkit-animation-delay: 3.75s;

					-o-animation-delay: 3.75s;

					-ms-animation-delay: 3.75s;

					animation-delay: 3.75s;

				}



				#header nav li:nth-child(7) {

					-moz-animation-delay: 4s;

					-webkit-animation-delay: 4s;

					-o-animation-delay: 4s;

					-ms-animation-delay: 4s;

					animation-delay: 4s;

				}



				#header nav li:nth-child(8) {

					-moz-animation-delay: 4.25s;

					-webkit-animation-delay: 4.25s;

					-o-animation-delay: 4.25s;

					-ms-animation-delay: 4.25s;

					animation-delay: 4.25s;

				}



				#header nav li:nth-child(9) {

					-moz-animation-delay: 4.5s;

					-webkit-animation-delay: 4.5s;

					-o-animation-delay: 4.5s;

					-ms-animation-delay: 4.5s;

					animation-delay: 4.5s;

				}



				#header nav li:nth-child(10) {

					-moz-animation-delay: 4.75s;

					-webkit-animation-delay: 4.75s;

					-o-animation-delay: 4.75s;

					-ms-animation-delay: 4.75s;

					animation-delay: 4.75s;

				}



			#header nav a {

				-webkit-tap-highlight-color: transparent;

				-webkit-touch-callout: none;

				border: 0;

				display: inline-block;

			}



				#header nav a:before {

					-moz-transition: all 0.2s ease-in-out;

					-webkit-transition: all 0.2s ease-in-out;

					-o-transition: all 0.2s ease-in-out;

					-ms-transition: all 0.2s ease-in-out;

					transition: all 0.2s ease-in-out;

					border-radius: 100%;

					border: solid 1px white;

					display: block;

					font-size: 1.75em;

					height: 2.5em;

					line-height: 2.5em;

					position: relative;

					text-align: center;

					top: 0;

					width: 2.5em;

				}



				#header nav a:hover {

					font-size: 1.1em;

				}



					#header nav a:hover:before {

						background-color: rgba(255, 255, 255, 0.175);

						color: white;

					}



				#header nav a:active {

					font-size: 0.95em;

					background: none;

				}



					#header nav a:active:before {

						background-color: rgba(255, 255, 255, 0.35);

						color: white;

					}



				#header nav a span {

					display: none;

				}



	#footer {

		background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);

		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);

		background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);

		background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);

		background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.5) 75%);

		bottom: 0;

		cursor: default;

		left: 0;

		line-height: 4em;

		position: absolute;

		text-align: center;

		width: 100%;



	}