@charset "UTF-8";
/** Generated by FG **/
@font-face {
	font-family: 'Arizonia';
	src: url('fonts/Arizonia-Regular.eot');
	src: local('☺'), url('fonts/Arizonia-Regular.woff') format('woff'), url('fonts/Arizonia-Regular.ttf') format('truetype'), url('fonts/Arizonia-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/** Generated by FG **/
@font-face {
	font-family: 'SourceCode';
	src: url('fonts/SourceCodePro-Regular.eot');
	src: local('☺'), url('fonts/SourceCodePro-Regular.woff') format('woff'), url('fonts/SourceCodePro-Regular.ttf') format('truetype'), url('fonts/SourceCodePro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?elnnq3');
	src:url('fonts/icomoon.eot?elnnq3#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf?elnnq3') format('truetype'),
		url('fonts/icomoon.woff?elnnq3') format('woff'),
		url('fonts/icomoon.svg?elnnq3#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-profile:before {
	content: "\e91a";
}
.icon-fullscreen:before {
	content: "\e91f";
}
.icon-theaters:before {
	content: "\e91e";
}
.icon-rate_review:before {
	content: "\e91b";
}
.icon-instagram-with-circle:before {
	content: "\e91c";
}
.icon-linkedin-with-circle:before {
	content: "\e900";
}
.icon-office:before {
	content: "\e91d";
}
.icon-camera:before {
	content: "\e901";
}
.icon-video-camera:before {
	content: "\e902";
}
.icon-location:before {
	content: "\e918";
}
.icon-map2:before {
	content: "\e903";
}
.icon-tv:before {
	content: "\e904";
}
.icon-bubbles4:before {
	content: "\e905";
}
.icon-spinner6:before {
	content: "\e906";
}
.icon-spinner8:before {
	content: "\e917";
}
.icon-star-empty:before {
	content: "\e907";
}
.icon-star-half:before {
	content: "\e908";
}
.icon-star-full:before {
	content: "\e909";
}
.icon-heart:before {
	content: "\e90a";
}
.icon-happy:before {
	content: "\e90b";
}
.icon-smile:before {
	content: "\e90c";
}
.icon-wink:before {
	content: "\e90d";
}
.icon-grin:before {
	content: "\e90e";
}
.icon-hipster:before {
	content: "\e90f";
}
.icon-cancel-circle:before {
	content: "\e910";
}
.icon-play2:before {
	content: "\e911";
}
.icon-pause:before {
	content: "\e912";
}
.icon-table:before {
	content: "\e913";
}
.icon-google-plus3:before {
	content: "\e919";
}
.icon-facebook3:before {
	content: "\e914";
}
.icon-twitter3:before {
	content: "\e915";
}
.icon-youtube:before {
	content: "\e916";
}





.loader-container {
	position:absolute;
	left:0;
	right:0;
	width:100%;
	height:400px;
	line-height:400px;
	vertical-align: middle;
	text-align:center;
}

.loader {
	text-align:center;
	font-size:2em;
	color:#424242;
	z-index:0;
	margin-top:150px;
	pointer-events:none;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}


@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}



.sm {
	padding:0;
}

.sm li {
	color:#fff;
	font-size:22px;
	display:inline-block;
	height:20px;
	line-height:20px;
	vertical-align:top;
	margin-right:2%;
	padding:10px;
	border-radius:3px;
}

/*global styles*/
html body {
	margin:0;
	padding:0;
	height: 100%;
	overflow-x:hidden;
	background-color:#fff;
	font-family:"SourceCode",sans-serif;
}
/*Video Player */
#autogrid a {
	height:100%;
}
h6 {
	position:absolute;
	color:#fff;
	text-align:center;
	left:0;
	right:0;
}

#overlay {
	position:absolute;
	left:0;
	pointer-events:none;
	bottom:0;
	z-index:1002;
	height:200px;
	right:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
text-align:left;
color:#f5f5f5;
    vertical-align: baseline;
   	padding-top:50px;
    padding-left: 15px;
    pointer-events:none;
}

.vidInfo {
	bottom: 13px;
    position: absolute;
}

.videoPlayer {
	background-color:#2b2b2b;
	z-index:0;
	width:100%;
	height:820px;
	overflow:hidden;
	position:relative;

}
.videoDisplayGrid {
	font-size:0;
	min-height:400px;
}
.videoDisplay {
	margin-top:50px;
	margin:0;
	text-align:left;
	width:100%;
	height:261px;
	background-color:#000;
	font-size:18px;
	position:relative;
	display:inline-block;
	overflow:hidden;
	background-position:center center;
	background-size:cover;
	z-index:0;


}

.videoDisplayContainer {
		width:25%;
		display:inline-block;
}

.videoDisplayGrid div {
	min-width:160px;
}

.videoDisplay:hover .meta {
	display:block;
	background-color:rgba(0,102,255,0.84);
	left:0;
	right:0;
	bottom:0;
	top:0;
}

.meta {
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:85%;
	background-color:rgba(24,24,24,0.84);
	color:#f5f5f5;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ie-transition:all 0.3s linear;
	-khtml-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
}

.contact h2 {
	text-align:center;
	margin-top:0;
	padding-top:25px;
}

.meta h4 {
	color:#f5f5f5 !important;
	padding-top:5px !important;
	margin-top:5px !important;
}

.videoDisplayDark {
	z-index:0;
	opacity:0;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	transition:all 0.1s linear;
}
.videoDisplay:hover {

}
.videoDisplay:hover>.videoDisplayDark {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(42,42,42,0.8);
	opacity:0.8;
}
.videoDisplay a {
	-webkit-transform:translatez(0);
	-moz-transform:translatez(0);
	-ms-transform:translatez(0);
	-o-transform:translatez(0);
	transform:translatez(0);
	z-index:2;
	text-decoration:none;
	color:#fff;
}
.channelNavigation:before {
	content:'Jump to:';
	padding-right:10px;
}
.channelNavigation {
	padding:0;
	font-family:'latolight';
	font-size:16px;
}
.channelNavigation li {
	display:inline-block;
	padding-right:10px;
}
.playButton:before {
	content:'►';
	font-family:arial;
	font-size:12px;
	margin-right:10px;
}
.videoDisplay:hover h3 {
	margin-top:50px;
}
.videoDisplay:hover p {
	z-index:2;
	top:70px;
}
.videoDisplay h3 {
	z-index:2;
	color:#fff;
	-webkit-transform:translatez(0);
	-moz-transform:translatez(0);
	-ms-transform:translatez(0);
	-o-transform:translatez(0);
	transform:translatez(0);
	margin-left:20px;
	margin-top:210px;
	font-family:'latoregular';
	font-size:25px;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
	transition:all 0.1s linear;
}
.videoDisplay p {
	-webkit-transform:translatez(0);
	-moz-transform:translatez(0);
	-ms-transform:translatez(0);
	-o-transform:translatez(0);
	transform:translatez(0);
	color:#fff !important;
	font-size:18px !important;
	line-height:1em !important;
	width:90%;
	height:100%;
	margin-left: 20px !important;
}

.clear {
	content:" ";
	clear:both;
}

.portfolioItem {
	margin-top:50px;
	
	
	padding:20px;
	border:1px solid #000;
	-webkit-transition:0.3s all linear;
	-o-transition:0.3s all linear;
	-mozt-transition:0.3s all linear;
	-ms-transition:0.3s all linear;
	transition:0.3s all linear;
}

.portfolioItem:hover {
	border:1px solid #b30;
	box-shadow:0px 3px 20px rgba(0,0,0,0.7);
}

.portfolioItem ul {
	padding:0;
}

.portfolioItem li:first-child {
	margin-left:0;
}

.portfolioItem li {
	margin-left:10px;
	display:inline-block;
	color:#c5c5c5;
	font-family:'latoregular';
	list-style:disc;
	font-size:16px;
}

.portfolioItem:hover > .portfolioThumb {
	background-size:auto 140%;
	-webkit-transition:3s all linear;
	-o-transition:3s all linear;
	-mozt-transition:3s all linear;
	-ms-transition:3s all linear;
	transition:3s all linear;
}

.portfolioThumb {
	width:30%;
	height:250px;
	padding:20px;
	overflow:hidden;
	float:left;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	-webkit-transition:0.3s all linear;
	-o-transition:0.3s all linear;
	-mozt-transition:0.3s all linear;
	-ms-transition:0.3s all linear;
	transition:0.3s all linear;
	
}

.portfolioDescrip {
	float:left;
	width:60%;
	margin-left:2%;
}

.portfolioItem h2 {
	font-size:18px;
	font-family:'latolight';
	color:#000;
}

.portfolioP {
	font-size:14px;
	font-family:'latolight';
	color:#000;
	line-height:1.5em;

}

.websitedisplay {
	width:300px;
	height:250px;
	background-color:#fff;
	border-radius:3px;
	box-shadow:0 2px 15px rgba(0,0,0,0.1);
	overflow:hidden;
	white-space:nowrap;
	position:relative;
	display:inline-block;
	margin-right:15px;
	margin-top:15px;
}


.websitedisplay:hover > .information {
	margin-left:-159px;
	opacity:0;
}

.featureddisplay {
	width:100%;
	height:350px;
	background-color:#fff;
	border-radius:3px;
	box-shadow:0 2px 15px rgba(0,0,0,0.1);
	overflow:hidden;
	white-space:nowrap;
	position:relative;
	display:inline-block;
	margin-right:15px;
	margin-top:15px;
}

.featuredinformation {
	margin:auto;
	text-align:center;
}

.featuredinformation h5 {
	position:absolute;
	top:10px;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	font-family:'latobold',arial;
	font-size:18px;
}

.featuredimage {
	margin-left:10px;
	top:170px;
	width:33%;
	display:inline-block;
	opacity:0.8;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}



.featuredimage:hover {
	top:40px;
	opacity:1;
}

.featuredDock {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	font-size:0;
	padding:0;
	margin:0;
}

.featuredButton {
	padding:0;
	margin:0;
	width:25%;
	height:45px;
	display:inline-block;
	color:#656565;
	font-size:16px;
	text-align:center;
	line-height:45px;
	vertical-align:middle;
	font-family:'latolight',arial;
	box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	webkit-box-text-shadow:inset 0 0 6px rgba(0,0,0,0.3);
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(219,219,219,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(219,219,219,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(219,219,219,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}

.featuredButton:hover {
	box-shadow:inset 0 0 6px rgba(0,0,0,0.1);
	webkit-box-text-shadow:inset 0 0 6px rgba(0,0,0,0.11);
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */

}


.information {
	display:inline-block;
	width:150px;
	height:250px;
	-webkit-transition:all 0.3s linear;
	position:relative;
}

.laptop {
	display:inline-block;
	width:300px;
	height:250px;
	position:relative;
}

.information h5 {
	font-family:'lato','segoe ui regular',arial;
	font-weight:bolder;
	font-size:18px;
	position:absolute;
	font-weight:bolder;
	top:90px;
	left:20px;
}

.information h6 {
	font-family:'lato','segoe ui light',arial;
	font-size:16px;
	position:absolute;
	font-weight:100;
	top:110px;
	left:20px;
}

.laptop img {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:240px;
	height:auto;
	-webkit-transition:all 0.3s linear;
}


.view {
	opacity:0;
	-webkit-transition:all 0.3s linear;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	-webkit-transform:rotateY(540deg);
	width:42px;
	height:42px;
	font-size:36px;
	text-align:center;
	text-decoration:none;
	overflow:hidden;
	background-color:#1b1b1b;
	border-radius:100%;
	font-weight:bolder;
	line-height:42px;
	vertical-align:middle;
}

.websitedisplay:hover > .view {
	-webkit-transform:rotateY(0deg);
	position:absolute;
	opacity:1;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	border-radius:100%;
	color:#f5f5f5;
	text-align:center;
	text-decoration:none;
}

.view:hover {
	background-color:#06f;
}

.codepenNav {

	background-image:url('images/codepenIcon.png') !important;
	background-position:5px center;
	
}

.third {
	display:inline-block;
	width:32%;
	text-align:left;
	vertical-align: top;
}

.thirty {
	width:30%;
	padding:0;
	margin:0;
	display:inline-block;
}

.seventy {
	width:69%;
	padding:0;
	margin:0;
	display:inline-block;
	vertical-align: top;
}

.half {
	width:48.5%;
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align:top;
}

.contact input {
	width:28%;
	margin:auto;
	border:0;
	outline:0;
	padding:2%;
	box-shadow:0px 2px 0px 2px #ddd;
	border-radius:3px;
}

.contact input[type="submit"] {
	background-color:#0066ff;
	cursor:pointer;
	color:#f5f5f5 !important;
	font-weight:bold;
	box-shadow:0px 2px 0px 2px #0c58c9;
	border-radius:3px;
}

footer li {	
	list-style-type:none;
}

footer ul {
	padding:0;
	margin:0;
}



@media (min-aspect-ratio:16/10) {
	#overflowContainer {
		position:relative;
		padding-bottom:43.25%;
		padding-top:43.25%;
		/* 16:9 */
		padding-top:0px;
		height:0;
	}
	#overflowContainer:after {
	}
	#videoBackground {
		position:absolute;
		top:0;
		left:-100%;
		right:-100%;
		width:130%;
		height: 100%;
		margin:auto;
	}
}
@media (max-aspect-ratio:16/10) {
	#overflowContainer {
		position:relative;
		padding-bottom:75%;
		padding-top:75%;
		/* 4:3 */
		padding-top:0px;
		height:0;
	}
	#overflowContainer:after {
	}
	#videoBackground {
		position:absolute;
		top:0;
		left:-100%;
		right:-100%;
		margin:auto;
		width:130%;
		height: 100%;
	}
}

@media (max-aspect-ratio:1/1) {
	#overflowContainer {
		position:relative;
		padding-bottom:45%;
		/* 4:3 */
		padding-top:0px;
		height:0;
	}
	#overflowContainer:after {
	}
	#videoBackground {
		position:absolute;
		top:0;
		left:-100%;
		right:-100%;
		margin:auto;
		width:125%;
		height: 125%;
	}
}


/*End Video Player*/
#menu {
	width:100%;
	height:60px;
	position:fixed;
	background-color:#1662d3;
	top:0;
	left:0;
	right:0;
	/*-webkit-transform:translate3d(0,0,0);*/
	z-index:1000;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
	-webkit-transform:translatez(0);
	-moz-transform:translatez(0);
	-ms-transform:translatez(0);
	-o-transform:translatez(0);
	transform:translatez(0);
}

nav {
	width:100%;
	text-align:right;
}

nav ul {
	padding:0;
	margin:0;
	display:inline-block;
	margin-right:2%;
	width:100%;
}

nav ul li {
	display:inline-block;
	line-height:60px;
	vertical-align: middle;
	padding-left:2%;
	padding-right:2%;
	color:#aac0e1;


}

nav ul li:hover {
	background-color:#0948a8;
	color:#f5f5f5;
}

nav ul a {
	color:#f5f5f5;
}

#navicon {
	
	margin-left:20px;
	-webkit-transition:all 0.3s ease-in-out;
	/* Chrome 1-25,Safari 3.2+*/
	-moz-transition:all 0.3s ease-in-out;
	
	-ms-transition:all 0.3s ease-in-out;
	/* Firefox 4-15 */
	-o-transition:all 0.3s ease-in-out;
	/* Opera 10.50–12.00 */
	transition:all 0.3s ease-in-out;
	/* Chrome 26,Firefox 16+,IE 10+,Opera 12.10+*/		display:inline-block;
	cursor:pointer;
	float:right;
	display:none;
	z-index:10000000000000;
	background-color:#06f;
	margin-top:6px;
	margin-right:8px;

}
.navicon {
	margin-top:7px;
	border-radius:100%;
	cursor:pointer;
	width:45px;
	height:45px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:75% 50%;
	border:1px solid #ff8c10;

}
.navicon:hover {
	border:1px solid #d4740d;
}
.logo {
	width:225px;
	height:60px;
	position:absolute;
	left:0;
	top:0;
	pointer-events:none;
	display:inline-block;
	background-image:url('images/logo.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:156px 40px;
}
.headerUtility {
	width:400px;
	margin-left:50px;
	height:60px;
	display:inline-block;
	vertical-align:top;
	float:right;
	margin-right: 2%;
}

.aboutSection {
	width:100%;
	background-image:url('images/cartographer.png');
	background-repeat:both;
	overflow:hidden;
	background-attachment: fixed;
	max-width:100%;
}

.headshot {
	width:100%;
	height:400px;
	background-image:url('images/headshot.png');
	display:inline-block;
	margin-top:25px;
	background-size:60% auto;
	background-position:center center;
	background-repeat:no-repeat;
	margin-bottom:25px;
}

.aboutText {
	display:inline-block;
	width:60%;
	color:#f5f5f5;
	padding-top:85px;
	vertical-align: top;
}

.left {
	float:left;
	width:50%;
}

.right {
	float:right;
	width:50%;
}

.right span {
	display:block;
	float:none;
}

.right p {
	color:#ebebeb;
}

.alignRight {
	text-align:right;
}

#contactForm input {
	width:90%;
	margin:auto;
	display:block;
	height:50px;
	margin-top:25px;
	vertical-align: top;
	color:#424242;
}

#contactForm input:nth-child(1) {
	margin-top:0;
}

#contactForm textarea {
	width:90%;
	margin:auto;
	display:block;
	height:150px;
	vertical-align:top;
	resize:none;
	outline:0;
	padding:2%;
	background-color:#eee;
	box-shadow:inset 0px 1px 4px 2px #ddd;
	color:#424242;
}

.parallax {
	background-attachment:fixed;
	background-size:cover;
	width:100%;
	height:400px;
}

.one {
	background-image:url('images/parallax.png');
}

.outclicker {
	z-index:10;
	background-color:rgba(0,0,0,0.84);
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	display:none;
	-webkit-transition:all 0.1s ease-in-out;
	/* Chrome 1-25,Safari 3.2+*/
	-moz-transition:all 0.1s ease-in-out;
	
	-ms-transition:all 0.1s ease-in-out;
	/* Firefox 4-15 */
	-o-transition:all 0.1s ease-in-out;
	/* Opera 10.50–12.00 */
	transition:all 0.1s ease-in-out;
}


#navigationMenu {
	z-index:11;
	position:fixed;
	right:-200px;
	top:60px;
	bottom:0;
	width:200px;
	background-color:#555;
	
	
	background-image:url('images/cartographer.png');
	-webkit-transition:all 0.1s ease-in-out;
	/* Chrome 1-25,Safari 3.2+*/
	-moz-transition:all 0.1s ease-in-out;
	
	-ms-transition:all 0.1s ease-in-out;
	/* Firefox 4-15 */
	-o-transition:all 0.1s ease-in-out;
	/* Opera 10.50–12.00 */
	transition:all 0.1s ease-in-out;
	/* Chrome 26,Firefox 16+,IE 10+,Opera 12.10+*/
	-webkit-transform:translatez(0);
	-moz-transform:translatez(0);
	-ms-transform:translatez(0);
	-o-transform:translatez(0);
	transform:translatez(0);
	overflow-y:auto;
	overflow-x:hidden;
}

#navigationMenu h3 {
	text-align:left;
	border-bottom:1px solid #1e1e1e;
	padding:5px;
	margin:0;
	color:#f5f5f5;
	font-size:0.75em;
	padding-left:25px;
	background-color:#1a1a1a;
}

#navigationMenu ul {
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
	margin-top:0;
}
#navigationMenu a {
	text-decoration:none;
}
#navigationMenu li {
	border-bottom:1px solid #1e1e1e;
	list-style-type:none;
	color:#afafaf;
	font-size:14px;
	line-height:22px;
	vertical-align:middle;
	width:175px;
	height:22px;
	padding:10px;
	padding-left:20px;
	padding-right:5px;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

.activePage {
	background-color:#0099cb;
	color:#fff !important;
}

#navigationMenu ul:first-child {
	border-top:1px solid #3f3f3f;
}

#navigationMenu li:hover {
	background-color:#1e1e1e;
	color:#fff;
	padding-left:30px;
	width:165px;
}
.burger-box {
	position:relative;
	width:45px;
	height:45px;
	padding-right:7px;
	margin-top:7px;
	margin:0 auto;
	display:block;
	box-shadow:0 2px 0px 2px #0853c3;
	border-radius:3px;
	-webkit-transform:scale3d(1,1,1);
	-moz-transform:scale3d(1,1,1);
	-ms-transform:scale3d(1,1,1);
	-o-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
}
.burger,.burger:before,.burger:after {
	position:absolute;
	top:22px;
	left:15px;
	width:24px;
	height:4px;
	background:#fff;
	-webkit-transition:background 0.3s,-webkit-transform 0.3s,top 0.3s;
	-moz-transition:background 0.3s,-moz-transform 0.3s,top 0.3s;
	-ms-transition:background 0.3s,-ms-transform 0.3s,top 0.3s;
	-o-transition:background 0.3s,-o-transform 0.3s,top 0.3s;
	
	transition:background 0.3s,transform 0.3s,top 0.3s;
}
.burger:before {
	top:-8px;
	left:0;
	content:"";
}
.burger:after {
	top:8px;
	left:0;
	content:"";
}
.open .burger {
	background:transparent;
}

.open {
	background-color:#f73131 !important;
	box-shadow:0 2px 0px 2px #b71313;
}

.open .burger:before {
	top:0;
	-webkit-transform:rotate3d(0,0,1,-45deg);
	-moz-transform:rotate3d(0,0,1,-45deg);
	-ms-transform:rotate3d(0,0,1,-45deg);
	-o-transform:rotate3d(0,0,1,-45deg);
	transform:rotate3d(0,0,1,-45deg);
}
.open .burger:after {
	top:0;
	-webkit-transform:rotate3d(0,0,1,45deg);
	-moz-transform:rotate3d(0,0,1,45deg);
	-ms-transform:rotate3d(0,0,1,45deg);
	-o-transform:rotate3d(0,0,1,45deg);
	transform:rotate3d(0,0,1,45deg);
}
/*internet explorer scrollbar styles*/
/*
body {
	scrollbar-base-color:#c33;
	scrollbar-base-color:#c33;
	scrollbar-highlight-color:#b30000;
	scrollbar-track-color:#f5f5f5;
	background-color:#2b2b2b;
}
::-moz-selection {
	background-color:#0099cb;
	color:#f5f5f5;
}
::selection {
	background-color:#0099cb;
	color:#f5f5f5;
}
::-webkit-scrollbar-track {
	background-color:rgba(0,0,0,0);
	opacity:0.8;
}
::-webkit-scrollbar {
	width:3px;
	background-color:rgba(0,0,0,0);
	opacity:0.8;
}
::-webkit-scrollbar-thumb {
	background-color: #0099cb;
} */

.primaryPicture {
	background-color:#2b2b2b;
	z-index:0;
	width:100%;
	height:1080px;
	overflow:hidden;
	background-image:url('images/primaryPicture.png');
	background-position:center center;
	background-attachment:fixed;
	position:relative;

}

.academicPrimaryPicture {
	z-index:0;
	width:100%;
	height:1080px;
	overflow:hidden;
	background-image:url('images/academicPicture.png');
	background-position:center center;
	background-attachment:fixed;
	position:relative;	
}

#textSlider {
	text-align:center;
	position:fixed;
	left:0;
	right:0;
	top:60px;
	bottom:0;
	opacity:1;
	z-index:0;
	-webkit-transition:all 0.05s linear;
	-moz-transition:all 0.05s linear;
	-ms-transition:all 0.05s linear;
	-o-transition:all 0.05s linear;
	transition:all 0.05s linear;
}
#textSlider h1 {
	line-height:45px;
	color:#fff;
	font-size:40px;
}
#textSlider h1:first-child {
	margin-top:200px;
}
.ghostButton {
	border:3px solid #fff;
	background-color:rgba(255,255,255,0);
	color:#fff;
	cursor:pointer;
	margin:auto;
	width:50px;
	height:50px;
	line-height:50px;
	vertical-align: middle;
	border-radius:100%;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	bottom:50px;
	z-index: 100000;
}
.ghostButton:hover {
	background-color:rgba(255,255,255,1);
	color:#000;
}

.ghostButtonCircle {

	text-align:center;
	background-color:#d34836;
	color:#fff;
	border-radius:100%;
	width:48px;
	height:48px;
	font-size:20px;
	cursor:pointer;
	margin:auto;
	line-height:48px;
	right: 0;
	left: 0;
	margin: auto;
	vertical-align:middle;
	position:fixed;
	bottom:48px;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;	
}

.ghostButtonCircle:hover {
	background-color:#f5f5f5;
	color:#000;
}



.margin {
	width:1280px;
	margin:auto;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;	
}
.bodyContent p {
	font-size:20px;
	line-height:2em;
}
.bodyContent h1 {
	font-size:50px;
	color:#000;
}
.bodyContent h4 {
	font-size:20px;
	color:#000;
	text-align:center;
}

.fb:hover {
	background-color:#3b5998 !important;
	box-shadow:0 2px 0px 1px #1b356b;
}
.li:hover {
	background-color:#007bb6 !important;
	box-shadow:0 2px 0px 1px #0a5a80;
}
.yt:hover {
	background-color:#c4302b !important;
	box-shadow:0 2px 0px 1px #791613;
}
.gp:hover {
	background-color:#d34836 !important;
	box-shadow:0 2px 0px 1px #992b1d;
}
.ig:hover {
	background-color:#3f729b !important;
	box-shadow:0 2px 0px 1px #1b4668;
}

.footer-sm {
	float:right;
}


.footer-sm a {
	color:#f5f5f5;
	text-decoration:none;
	line-height:30px;
	height:30px;
	vertical-align:middle;
}

.footer-sm li {
	padding:5px;
}

.footer-logo {
	width:225px;
	height:60px;
	pointer-events:none;
	display:inline-block;
	background-image:url('images/logo.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:156px 40px;
	margin-top:150px;
	margin-bottom:50px;
	vertical-align: baseline;
}



.blog-slider {
	width:100%;
	position:relative;
	z-index:0;
	overflow:hidden;
	height:auto;
	white-space:nowrap;
	margin:auto;
	font-size:0 !important;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */     

}

.slider-title {
	position:relative;
	margin-top:0;
	padding-top:25px;
	padding-bottom:25px;
	text-align:center;
	color:#f5f5f5;
	font-size:30px;
	margin-bottom:0;
	z-index:10000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

.slider-page {
	display:inline-block;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ie-transition:all 0.3s ease-in-out;
	-khtml-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	width:100%;
	height:445px;
	overflow:hidden;
}
.slider-image {
	width:100%;
	height:600px;
	background-size:cover;
	background-position: center center;
	z-index:0;
	position:absolute;
	top:0;

}

.slider-desc {
	width:100%;
	height:auto;
	white-space: normal;
	font-size:16px;
	position:relative;
	z-index:0;
	color:#1c1c1c;
	height:200px;
	text-align:center;
}

.slider-desc h1 {
	padding:10px;
	padding-top:30px;
	padding-bottom:0;
	margin-bottom:0;
	font-weight:600;
}
.slider-desc p {
	padding:10px;
	font-size:18px;
	font-weight:100;
}

.slider-nav {
	position:absolute;
	width:100%;
	top:250px;
		-webkit-user-select: none;  /* Chrome all / Safari all */
		-moz-user-select: none;     /* Firefox all */
		-ms-user-select: none;      /* IE 10+ */
		user-select: none;          /* Likely future */    
}
.slider-but {
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-ie-transition:all 0.3s ease-in-out;
	-khtml-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	width:48px;
	height:48px;
	background-color:rgba(12,12,12,0.9);
	line-height:48px;	
	text-align:center;	
	color:#f5f5f5;	
	cursor:pointer;
	font-size:16px;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */      
	z-index:100000000000000;
	font-family:'SourceCode',sans-serif;
}
.slider-but:hover {
	background-color:rgba(42,128,255,0.95);
}
.slider-prev {
	float:left;
	margin-left:0;
}
.slider-next {
	float:right;
	margin-right:0;				
}


.review {
	display:inline-block;
	width:20%;
	margin:2%;
	padding:2%;
	background-color:rgba(12,12,12,0.42);
	color:#dddddd;
	border-radius:3px;
	vertical-align:top;
	height:300px;
	text-align:left;
	overflow-y:auto;
	min-width:250px;
	margin-bottom:150px;
	margin-top:25px;
}

.review ul {
	color:#ffff00;
	padding-left:10px;
	margin-top:0;
}

.review li {
	display:inline-block;
	list-style-type:none;
}

.review blockquote {
	border-left:2px dashed #767676;
	margin-left:0;
	padding-left:5%;
}

.review .byline {
	color:#f5f5f5;
} 

.review .rating {
	padding-left:0;
	margin-left:0;
}

.shadow {
	box-shadow:0 2px 8px 2px rgba(0,0,0,0.84);
}


.contact {
	width:100%;
	background-color:#f5f5f5;
	height:auto;
	padding-bottom:25px;
}

.cb1 {
    background-image:url('images/cb1.png');
}

.cb2 {
    background-image:url('images/cb2.png');
}

.cb3 {
  background-image:url('images/cb3.png');
}
.cb4 {
  background-image:url('images/cb4.png');
}


.crossBox {
  display:inline-block;
  width:25%;
  height:400px;
  background-color:#0066ff;
  position:relative;
  overflow:hidden;
  background-size:auto 120%;
  background-position:center center;
    -webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-apple-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
  font-size:16px;
  min-width:240px;
}

.crossBox:hover {
  background-size:auto 150%;
}

.services {
	font-size:0;
	width:100%;
	height:auto;
}

.crossBox_minTitle {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:50px;
  line-height:80px;
  vertical-align:bottom;
  font-weight:bolder;
  text-transform:uppercase;
  color:#f5f5f5;
  font-size:1em;
  padding:5px;
background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -moz-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
  opacity:1;
  margin-left:0;
  -webkit-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  -apple-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}

.crossBox:hover .crossBox_minTitle {
  opacity:0;
  margin-left:-30px;
}

.crossBox_info {
  text-align:center;
}

.crossBox:hover .crossBox_info {
  background-color:rgba(24,24,24,0.82);
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index:2;
  -webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-apple-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
  
}

.crossBox:hover .crossBox_info_title {

    margin:auto;
}

.crossBox:hover .crossBox_info_excerpt {
    margin:auto;
}

.from-left {
  margin-left:-100%; 
}

.from-right {
  margin-left:100%; 
}

.crossBox_info_title {
  color:#f5f5f5;
  padding-top:150px;
  width:75%;
    -webkit-transition:all 0.1s ease-in-out;
	-ms-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	-apple-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
  font-size:1.25em;
}

.crossBox_info_excerpt {
  color:#f5f5f5;
  width:75%;
  padding-top:20px;
  padding-left:15px;
  padding-right:15px;
  font-size:0.75em;
  line-height:1.5em;
    -webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-apple-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.heading {
	text-align:center;
	padding-top:25px;
	padding-bottom:25px;
	margin:0;
	font-family:"Arizonia",sans-serif;
	display:block;
	clear:both;
	font-size:1.5em;
}

footer {
	width:100%;
	background-color:#424242;
	height:auto;
	color:#f5f5f5;
	padding-top:25px;
	padding-bottom:25px;
	background-image:url('images/silhouette.png');
	background-repeat:no-repeat;
	background-position:center bottom;
	background-attachment: fixed;

}

.full-page {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#767676;
	background-image:url('images/silhouette.png');
	background-repeat:no-repeat;
	background-position:center bottom;
}

.modal {
	width:50%;
	background-color:rgba(42,42,42,0.95);
	height:300px;
	margin:auto;
	margin-top:150px;
	background-image:url('images/check.png');
	background-position:-64px -64px;
	background-repeat:no-repeat;
	box-shadow:0px 3px 5px 2px rgba(0,0,0,0.42);
	border:5px solid #0e962b;
	border-radius:5px;
	color:#f5f5f5;
	text-align:center;
	padding-left:10%;
	padding-right:10%;
	padding-top:200px;
}

.backlink {
	width:100%;
	background-color:#1a1a1a;
	color:#666;
	text-align:center;
	height:auto;
	line-height:35px;
	font-size:0.75em;
}

.full-page-footer {
	position:absolute;
	bottom:0;
}

.backlink a {
	color:#767676;
}

.site-nav a {
	color:#ccc;
	text-decoration:none;
}

.site-nav a:hover {
	color:#f5f5f5;
	text-decoration:underline;
}

.site-nav li {
	padding-top:5px;
	padding-bottom:5px;
}

/* #tablet */
@media (min-width:960px) and (max-width:1279px) {

	.margin {
		width:960px;
	}
	#videoBackground {
		position:absolute;
		top:0;
		left:-100%;
		right:-100%;
		margin:auto;
		width:177%;
		height: 100%;
	}
	.crossBox {
		width:50%;
	}
	.videoPlayer {
		height:720px;
	}

}

@media (min-width:720px) and (max-width:959px) {

	.margin {
		width:720px;
	}
	#videoBackground {
		position:absolute;
		top:0;
		left:-100%;
		right:-100%;
		margin:auto;
		width:201%;
		height: 110%;
	}
	#navicon {
		display:block;
	}
	nav {
		display:none;
	}
	.crossBox {
		width:50%;
	}
	.videoPlayer {
		height:640px;
	}

}

/* #mobile #mobilesideways #480 */
@media (min-width:480px) and (max-width:719px) {

	.margin {
		width:480px;
	}
	#videoBackground {
		position:absolute;
		top:0;
		left:-100%;
		right:-100%;
		margin:auto;
		width:215%;
		height: 115%;
	}
	#navicon {
		display:block;
	}
	nav {
		display:none;
	}	
	.videoPlayer {
		height:480px;
	}
	.videoDisplayContainer {
		width:50%;
	}
	.thirty, .seventy {
		display:block;
		width:90%;
		text-align:center;
		margin:auto;
	}
	.third {
		width:100%;
		display:block;
		text-align:center;
	}
	.footer-sm {
	float:none;
	}
	.crossBox {
		width:100%;
	}
	.aboutText {
		padding-top:0;
	}

}

/* #320 #mobilevertical */
@media (max-width:479px) {

	.margin {
		width:320px;
	}
	#videoBackground {
		position:absolute;
		top:0;
		left:-100%;
		right:-100%;
		margin:auto;
		width:310%;
		height: 112%;
	}
	#navicon {
		display:block;
	}
	nav {
		display:none;
	}
	.videoDisplayContainer {
		width:100%;
	}
	.half {
		display:block;
		width:100%;
		margin-top:25px;
	}
	.thirty, .seventy {
		display:block;
		width:90%;
		text-align:center;
		margin:auto;
	}
	.videoPlayer {
		height:480px;
	}
	.aboutText {
		padding-top:0;
	}
	.third {
		width:100%;
		display:block;
		text-align:center;
	}
	.footer-sm {
	float:none;
	}
	.crossBox {
		width:100%;
	}
}

/* Samsung Galaxy s5? */
 @media screen and (orientation:portrait) and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {

html {
	zoom: 1;
	width:100%;
}

	.margin {
		width:320px;
	}
	#videoBackground {
		position:absolute;
		top:0;
		left:-100%;
		right:-100%;
		margin:auto;
		width:310%;
		height: 112%;
	}
	#navicon {
		display:block;
	}
	nav {
		display:none;
	}
	.videoPlayer {
		height:480px;
	}
	.thirty, .seventy {
		display:block;
		width:90%;
		text-align:center;
		margin:auto;
	}
	.crossBox {
		width:100%;
	}
	.aboutText {
		padding-top:0;
	}
	.half {
		margin-top:25px;
		display:block;
		width:100%;
	}
	.footer-sm {
	float:none;
	}
	.aboutSection {
		background-size:128px 128px;
	}
	.third {
		width:100%;
		display:block;
		text-align:center;
	}
 }