@import url(http://fonts.googleapis.com/css?family=Raleway:800,600,400,300|Open+Sans:300,400);
*::selection {
	background: rgba(71,201,250,0.5);
}
*::-moz-selection {
	background: rgba(71,201,250,0.5);
}
html, body {
	height:100%;
}
a, a:active, a:hover, a:focus {
	text-decoration:none;
	color:white;
	outline:none;
	cursor:hand;
	cursor:pointer;
}
.btn {
	background-color:transparent;
	margin:20px 7.5px;
	margin-bottom:0;
	position:relative;
	padding:12.5px 17.5px;
	font-size:1.25em;
}
#content * .btn {
	font-family:'Open Sans';
	font-weight:300;
	font-size:0.75em;
	font-style:normal;
}
.btn .glyphicon {
	margin-right:5px;
}
.btn, .btn:active, .btn:focus, .btn:hover {
	outline:none !important;
}
.btn-jumbotron {
	background-color:rgba(255,255,255,0.25);
	color:white;
	border:1px solid white;
	bottom:7.5%;
	position:absolute;
	padding:12.5px 25px;
	border-radius:50px;
	font-family:Raleway;
	font-size:0.9em;
}
.btn-jumbotron .fa {
	margin-left:0;
	margin-right:5px;
}
.full-size {
	position:absolute;
	width:100%;
	height:100%;
	min-height:300px;
	top:0;
	left:0;
}
#slider {
	z-index:1000;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	min-height:480px;
}
#slider .slider-el {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	display:none;
	z-index:10;
	overflow:hidden;
	max-height:100%;
}
#slider .slider-video {
	object-fit: cover;
	-moz-object-fit: cover;
	-webkit-object-fit: cover;
}
#slider .slider-img {
	background-color:white;
	background-position:center center;
	background-size:cover;
}
#slider-container {
	z-index:1001;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	min-height:480px;
}
#slider-container #logo-wrapper {
	height:auto;
}
#slider-container #logo-wrapper img {
	height:400px;
	clear:both;
}
#slider-container #logo-wrapper span {
	font-family:Raleway;
	font-weight:bold;
	font-size:1.35em;
	color:white;
	top:-15px;
	letter-spacing:0.2em;
	text-shadow:1px 1px 5px black;
	clear:both;
}
#slider .nav-black-fix {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1002;
	height:100px;
	background-image:linear-gradient(to bottom, rgba(0,0,0,0.35), transparent);
}
#slider .black-fix {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1001;
	height:100%;
	background-color:rgba(0,0,0,0);
}
.parallax .black-fix {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1001;
	height:100%;
	background-color:rgba(0,0,0,0.35);
}
#footer {
	position:absolute;
	width:100%;
	height:auto;
	left:0px;
	background-color:transparent;
}
#footer-container {
	display:none;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	padding:50px;
	padding-bottom:65px;
	background-color:rgb(21,186,249);
}
#footer-container img {
	height:150px;
	top:0px;
}
#footer-container span {
	color:white;
	font-weight:200;
	text-align:center;
	font-size:0.95em;
}
#footer-container .designed-by {
	position:relative;
	top:5px;
}
#footer-container .designed-by a img {
	height:22.5px;
	position:relative;
	top:-2.35px;
}
#content {
	z-index:2000;
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:1500px;
	background-color:white;
}
@media (max-height:480px) {
	#content {
		top:480px;
	}
}
header {
	position:fixed;
	z-index:3000;
	top:0px;
	left:0;
	width:100%;
	height:95px;
}
#header-logo {
	height:80%;
	width:auto;
	position:absolute;
	opacity:0;
}
#menu-three {
	position:relative;
	width:30px;
	height:25px;
	cursor:hand;
	cursor:pointer;
}
#menu-three div {
	position:absolute;
	top:0;
	left:0;
	border-radius:1px;
	width:100%;
	height:4.83px;
	background-color:white;
}
header.active #menu #menu-three div {
	background-color:black;
}
#menu-three div:nth-of-type(2) {
	top:9.08px;
}
#menu-three div:nth-of-type(3) {
	top:18.16px;
}
#menu-black {
	position:fixed;
	display:none;
	z-index:5000;
	background-color:rgba(0,0,0,0.95);
}
#menu-black #close {
	position:absolute;
	float:right;
	top:25px;
	right:25px;
}
#menu-black #close span {
	font-size:1.75em;
}
#menu-black-c {
	position:absolute;
	margin:auto;
	text-align:center;
}
#menu-black-c .menu-el {
	font-size:2em;
	font-family:Raleway;
	display:block;
	clear:both;
	margin:20px 0;
	cursor:pointer;
	cursor:hand;
	font-weight:200;
}
#menu {
	position:absolute;
	left:38.5px;
	height:18px;
	vertical-align:middle;
	right:0;
}
#menu * {
	display:inline-table;
	vertical-align:middle;
	font-weight:300;
}
#menu .menu-el {
	margin-right:30px;
	font-size:0.85em;
	letter-spacing:0.15em;
	font-stretch:semi-expanded;
	font-family:Raleway;
	text-transform:uppercase;
	cursor:pointer;
	cursor:hand;
	color:white;
	font-weight:600;
}
#menu .menu-el.active {
	color:rgb(21,186,249);
}
header.active #menu .menu-el {
	color:black;
}
#social-links {
	position:absolute;
	float:right;
	right:32.5px;
	height:30px;
}
#social-links * .fa {
	color:white;
}
header.active #social-links * .fa {
	color:black;
}
#social-links a {
	margin-left:5px;
}
.content-container {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	padding:75px 50px;
}
.scrollspy-container {
	height:0;
}
@media (min-width:768px) and (max-width:1370px) {
	#header-logo {
		display:none;
	}
	.content-container {
		padding-left:85px !important;
	}
}
.page-container {
	position:relative;
	width:100%;
	max-width:1200px;
	margin:auto;
	z-index:1500;
}
.page-container * a {
	font-weight:bold;
}
.content-container.contrast .page-container *:not(a) {
	color:white;
}
.h-divider {
	width:75px;
	height:2px;
	position:relative;
	background-color:black;
	margin:35px auto;
}
.page-container .h-divider.pc {
	opacity:0;
}
.content-container.contrast * .h-divider {
	width:75px;
	height:2px;
	position:relative;
	background-color:white;
	margin:35px auto;
}
.page-container h1.pc {
	position:relative;
	opacity:0;
	text-align:center;
	margin:0;
	font-family:Raleway;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.75em;
	letter-spacing:0.1em;
	top:50px;
}
.page-container .content-div.pc {
	text-align:center;
	position:relative;
	opacity:0;
	top:50px;
	font-size:1.15em;
}
.page-container .content-div p {
	margin-bottom:15px;
}
.page-container .content-div p:last-child {
	margin:0;
}
.page-container.super-sized .content-div p {
	margin-bottom:10px;
	font-weight:200;
	font-size:1.75em;
}
.page-container.super-sized .content-div p:last {
	margin-bottom:0;
}
.parallax {
	background-color:white;
	background-position:center 0;
	background-size:cover;
	padding:100px 50px;
}
.scrollspy {
	z-index:4500;
	position:fixed;
	left:25px;
	top:50%;
	height:auto;
}
.scrollspy .scrollspy-element {
	position:relative;
	margin:10px;
	height:15px;
	width:15px;
	border:1px solid white;
	border-radius:15px;
	display:block;
	cursor:pointer;
	cursor:hand;
}
.scrollspy .scrollspy-element.on {
	background-color:white !important;
}
.scrollspy.black .scrollspy-element {
	border:1px solid black;
}
.scrollspy.black .scrollspy-element.on {
	background-color:black !important;
}
.form-input-lg {
	background-color:transparent;
	border:1px solid white;
	border-radius:3px;
	padding:10px 15px !important;
	font-size:1.25em !important;
	color:white;
	width:100%;
	margin:0;
	margin-top:15px;
	font-weight:200;
	outline:none;
}
textarea.form-input-lg {
	height:121px;
	resize:none;
}
.form-input-lg:active, .form-input-lg:focus {
	outline:none;
}
form ::-webkit-input-placeholder {
	color:rgba(255,255,255,0.75);
}
form :-moz-placeholder {
	color:rgba(255,255,255,0.75);
}
form ::-moz-placeholder {
	color:rgba(255,255,255,0.75);
}
form :-ms-input-placeholder {
	color:rgba(255,255,255,0.75);
}
a.not {
	font-weight:200;
}
.content-container * a, .content-container * a:active, .content-container * a:hover, .content-container * a:focus {
	text-decoration:none;
	color:black;
	outline:none;
	cursor:hand;
	cursor:pointer;
}
.content-container.contrast * a, .content-container.contrast * a:active, .content-container.contrast * a:hover, .content-container.contrast * a:focus {
	color:white;
}
#projects-wrapper {
	width:auto;
	height:auto;
	max-width:1085px;
	margin:auto;
}
.buttons-wrapper {
	width:auto;
	height:auto;
	margin-bottom:5px;
	text-align:center;
}
.buttons-wrapper .btn {
	background-color:transparent;
	font-size:0.85em;
	border-radius:3px;
	padding:10px 15px;
	text-transform:uppercase;
	border:1px solid black;
}
.buttons-wrapper .btn.active {
	font-size:0.85em;
	padding:10px 15px;
	text-transform:uppercase;
	background-color:black !important;
	color:white !important;
}
#projects-wrapper {
	position:relative;
	margin-top:35px;
}
.project {
	position:absolute;
	width:260px;
	height:146px;
	cursor:pointer;
	cursor:hand;
}
.project video {
	/*border:1px solid black;*/
}
.project video, .project video * {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	max-width:260px;
	max-height:146px;
	object-fit: cover;
	-moz-object-fit: cover;
	-webkit-object-fit: cover;
	background-color:white;
	background-position:center center;
	background-size:cover;
	z-index:1000;
}
.project .project-details {
	color:black;
	position:absolute;
	width:100%;
	height:90px;
	background-color:white;
	z-index:1001;
	bottom:0px;
	padding:0 10px;
	opacity:0;
	border:1px solid black;
	border-top:none;
}
.project .project-details * {
	color:black;
}
.project .project-details h1 {
	margin:0;
	font-family:Raleway;
	font-size:0.75em;
	letter-spacing:0.15;
	font-weight:bold;
	text-transform:uppercase;
}
.project .project-details .h-divider {
	width:50px;
	height:1px;
	margin:10px auto;
}
.project .project-details span {
	font-size:0.65em;
	font-weight:400;
	text-transform:uppercase;
}
#project-view {
	display:none;
	min-height:200px;
	height:auto;
	width:100%;
	position:relative;
	margin:auto;
	margin-bottom:17.5px;
	max-width:1085px;
}
#project-view .fa-refresh {
	position:absolute;
}
#project-view-container {
	position:relative;
	width:100%;
	top:0;
	display:none;
}
#project-view-container .row div {
	text-align:left;
	margin:17.5px 0;
}
#project-view-container .row div * {
	text-align:left;
}
#project-view-container .row div h1 {
	margin:0;
	margin-bottom:20px;
	font-family:Raleway;
	font-weight:bold;
	letter-spacing:0.15em;
	font-size:1.5em;
}
#project-view-container .row div h2 {
	margin:0;
	font-size:1.2em;
	text-transform:capitalize;
	margin-bottom:10px;
}
#project-view-container .row div h3 {
	margin:0;
	font-size:0.9em;
}
#project-view-container .row div .btn {
	margin:0;
	margin-top:15px;
	background-color:transparent;
	font-size:1em;
	border-radius:3px;
	padding:10px 15px;
	border:1px solid black;
}
#project-view-buttons {
	display:none;
	margin-bottom:20px;
}
#project-view-buttons .btn {
	border:1px solid black;
	padding:10px 9px;
	border-radius:50px;
	cursor:hand;
	cursor:pointer;
}
#project-view-buttons .btn .fa {
	font-size:1.25em;
}
@media (max-width:768px) {
	#header-logo {
		left:7.5px !important;
	}
	#menu {
		height:25px;
		top:25px !important;
		float:right;
		left:0;
		right:25px;
	}
	#menu-three {
		float:right;
	}
	#social-links {
		display:none;
		opacity:0;
	}
	#slider-container #logo-wrapper img {
		height:250px;
	}
	#slider-container #logo-wrapper span {
		font-size:1.15em;
	}
	.scrollspy {
		display:none;
		opacity:0;
	}
	.page-container.super-sized .content-div p {
		font-size:1.5em;
	}
}