@import url(base.css);

/*******VCC*****

// Removed from TypeKit 11/24/15
font-family: "museo-sans",sans-serif;
font-style: normal;
font-weight: 100;
font-weight: 300;
font-weight: 500;
font-weight: 700;
font-style: italic;
font-weight: 300;
font-weight: 500;
font-weight: 700;

// Added to TypeKit 11/24/15
font-family: "pragmatica-web",sans-serif;
font-style: normal;
font-weight: 200; Extra Light
font-weight: 300; Light
font-weight: 400; Book
font-weight: 700; Bold
font-style: italic;
font-weight: 400; Book
font-weight: 700; Bold

SS-Glyphish Outlined
SS-Social-Circle

Blue: #003d69 rgb(0,61,105)
Orange: #e37514 rgb(227,117,20)
Grey: #969897 rgb(150,152,151)
Black: #121212 rgb(18,18,18)


H1 & Slide Headers {
size: SLABTEXT
}
*/

/***********************/
/*******FOUNDATION******/
/***********************/

* {
	font-size: 16px;
	font-family: "pragmatica-web",sans-serif;
	font-weight: 300;	
	font-style: normal;	
	box-sizing: border-box;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
}
body,
#enclosure {
	height: 100%;
	background-color: #fff;
	position: relative;	
}
/* STRIP STYLING FROM SELECT ELEMENTS */
select::-ms-expand {
	display: none;
}
select {
	-webkit-border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
h1 {
	font-size: 2.25em;
    line-height: 1em;	
	color: #e37514;
	text-transform: uppercase;			
}
h2 {
	font-size: 1.75em;
	color: #003d69;
	text-transform: uppercase;		
}
h3 {
	font-size: 1.25em;
	font-weight: 700;
	color: #969897;	
	text-transform: uppercase;		
}
h4 {
	font-size: 1.15em;
	font-weight: 400;
	color: #003d69;
	text-transform: uppercase;	
}
h5 {
	text-transform: uppercase;		
}
h6 {
	font-size: .85em;
	font-weight: 700;
	color: #e37514;
	text-transform: uppercase;		
}
p {
	color: #121212;
	line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6, p, li {
	margin: 20px 0;
}
hr {
	background-color: #969897;
	height: 1px;
	border: none;
}
table {
	width: 100% !important;
}
img {
	max-width: 100%;
	height: auto;
}
blockquote {
	padding: 0 7.5%;
	position: relative;
	quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before,
blockquote:after {
	position: absolute;
	color: rgba(0,0,0,0.2);
	font-size: 6vw;
    font-weight: 600;
	line-height: 0.1em;
	top: 50%;	
}
blockquote:before {	
	left: 0;
	content: open-quote;
}
blockquote:after {	
	right: 0;
	content: close-quote;
}
blockquote p {
	text-align: center;
}
ul, ol {
	margin-left: 20px;
	color: #121212;
}
ul {
	list-style: inside circle;
}
ol {
	list-style: inside upper-roman;
}
a:link,
a:visited,
strong,
em,
li {
	font-size: inherit;	
}
a:link,
a:visited {
	color: #003d69;
	text-decoration: none;
	font-weight: 700;
}
a:hover {
	text-decoration: underline;
}
a[href^=tel] { }

/* REMOVE GLOW IN CHROME */
:focus {
	outline-color: transparent;
	outline-style: none;
}
.zero {
	margin: 0;
}
/* This is for the wipe-in effect */
h1.zero{
	opacity: 0;
}
.chars{
	opacity: 0;
}
.center {
	text-align: center;
}
.center-img {
	margin-right: auto; margin-left: auto;
	display: block;
}
.table {
	display: table;
}
.row {
	display: table-row;
	vertical-align: middle;	
	text-align: center;	
}
.cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;	
}
.column {
	display: table-column;
}
.upper {
	text-transform: uppercase;
}
.no-decor {
	text-decoration: none;
}
.rad {
	border-radius: 4px;
}
ul.list-none li {
	list-style-type: none;
}
.trans,
.spot,
.spot:before {
	-webkit-transition: .33s all;
	-moz-transition: .33s all;
	-ms-transition: .33s all;
	-o-transition: .33s all;
	transition: .33s all;
}
.inner-padding {
	padding: 20px;
}
.top-margin {
	margin-top: 150px;
}

/*********HEADER********/

header,
#upper-logo {
/* 	height: 150px; */
	height: 125px;
	}
	header {
		background-color: #fff;
		border-bottom: 4px solid #003d69;
		position: fixed;
		z-index: 3000;	
	}
	header .container {
		position: relative;
	}
	#upper-logo a {
		text-align: left;
	}
	#upper-logo img {
		width: 10vw;
	}
#upper-contact {
    margin-top: 5px;
    position: absolute;
    left: 67%;
    z-index: 1000;    
	}
	#upper-contact a li {
		color: #969897;
		font-size: .85vw;
		font-weight: 400;	
	}
	#upper-contact a {
		text-decoration: none;
	}
	#upper-contact a:first-child li {
		border-right: 1px solid #969897;		
	}
	#upper-contact a:hover li {
		color: #e37514;
	}
#upper-nav {
/* 	height: 150px; */
	height: 100%;
    float: right;	
	}
	#upper-nav li {
		vertical-align: middle;
/* 		padding-bottom: 2vw; */
		position: relative;
		width: 25%;
	}	
	#upper-nav li a {
		color: #003d69;
		font-size: 1.65em;		
		font-weight: 200;	
	}
	#upper-nav li:last-child a {
/* 		text-align: right; */
	}
	#upper-nav li:hover a {
		text-decoration: none;
	}
	#upper-nav .dropdown-nav-one {
		position: absolute;
		display: none;
		z-index: 999;
		left: 0; right: 0; top: 100%;
		padding: 1%;		
		background-color: rgba(150,152,151,1);				
	}
	#upper-nav .dropdown-nav-one li {
		background-color: none;
		font-size: 65%;
		text-align: center;
		padding: 0;
		width: 100%;
		margin: 5% 0;		
	}
	#upper-nav .dropdown-nav-one li:nth-of-type(4n) {
		margin-right: 0;
	}	
	#upper-nav .dropdown-nav-one li a {
		color: #fff;
	}
	#upper-nav .dropdown-nav-one li a:hover {
/* 		font-weight: 300; */
		color: #003d69;
	}		
	
/*SUBNAV*/
#floating-wrap {
	position: relative;
}
#floating-nav {
	position: fixed;
	top: 8em; top: 8vw;
	z-index: 1000;
	}
	#floating-nav .container {
		border-bottom: 1px solid #fff;
	}
	#floating-nav .container:after,
	#floating-nav h3,			
	#floating-nav i {
		color: #fff;
		font-weight: 400;
	}
	#floating-nav .container:after {
		font-family: "SSGlyphish";
		content:'⬇';
		position: absolute;
		right: 0; top: 0;
		font-size: 2.5em;
	}			
	#floating-nav h3 {
		text-transform: capitalize;
		font-weight: 200;
		font-size: 1.5em;
		padding-left: 10px;	
	}
	#floating-nav i {
		font-size: 2.25em;
	}
#floating-subnav {
	position: fixed;
	top: 11em; top: 11vw;
	z-index: 1001;
	display: none;
	}
	#floating-subnav .container .grid_12 {
		background-color: rgba(255,255,255,0.9);
		border-bottom: 2px solid #fff;				
		height: inherit;
		padding: 20px 0 10px 0;
	}			
	#floating-subnav .grid_3:nth-of-type(4n) {
		margin-right: 0;
	}
	#floating-subnav .grid_3 {		
		padding: 5px;
		padding-bottom: 0;
		text-align: center;
	}						
	#floating-subnav .grid_3 a {		
		color: #e37514;
		font-weight: 400;
	}
	.min-header {
/* 		height: 6.5vw !important; */
		height: 5vw !important;
	}
	.active {
	    font-weight: 500 !important;
	}
	.notch {
		background: url(/assets/img/notch.png) no-repeat center bottom;
/*
		position: absolute;
	    top: -1.25vw; left: calc(50% - 1.5vw);
		border-bottom: 1.15vw solid #003d69;
		border-left: 1.5vw solid transparent;
		border-right: 1.5vw solid transparent;
		width: 0;
		height: 0;	
*/			
	}
	.active-notch.scroll:after {
		border: none;
	}	

/********SLIDESHOW******/

#slideshow,
.cycle-slideshow,
#slide-sidebar,
.slide,
.slide h1 {
	height: 600px;
}
#slideshow {
	position: relative;
/* 	margin-top: 150px; */
	margin-top: 125px;
	}
	.slide {
	}
	.slide h1 {
		font-size: 4vw;
		font-weight: 400;
		color: #fff;
		width: 100vw;
		text-shadow: 0 0 5px black;		
	}
	.slide a {
		width: 100vw;
	}
	.slide h3 {
/*
		border-top: 5px solid #e37514; border-bottom: 5px solid #e37514;
		font-size: 1.125em;		 
		color: #fff;
		padding: .75%;
		width: 30%;		
		position: absolute;
		bottom: 8%; left: 35%;
		text-align: center;
*/
	}
	#slide-sidebar {
	    position: absolute;
	    top: 0; right: 0;
	    z-index: 2000 !important;
	    background-color: rgba(0,61,105,0.8);		
	}
	#slide-sidebar * {
	    color: #fff;
	}	
	

/*******SPOTLIGHTS******/

#border-left,
#border-right,
#spotlights h4 {
	float: left;
	width: 33.3%;
}
#border-left,
#border-right {
	height: .125vw;
	margin: 2.25vw 0;
	background-color: #003d69;
}
#spotlights-wrap {
	}
	#spotlights-wrap a:nth-child(4n) .spot {
		margin-right: 0;
	}
	#spotlights h4 {
		font-size: 1.85em; font-size: 1.85vw;
		text-align: center;
	}
	.spot {
		position: relative;
		height: 260px;
		margin-bottom: 2%;		
		}	
		.spot:before {
			content: '';
			width: 100%; height: inherit;
			position: absolute;
			top: 0; bottom: 0; left: 0; right: 0;
			z-index: 1;
			background-color: rgba(0,61,105,0.8);
		}
		.spot h6.featured {
			display: none;
			position: absolute;
			bottom: 0; left: 0; right: 0;
			background-color: #003d69;
			color: #fff;
			line-height: 1.125em;			
			padding: 10px;
		}
		.spot h6.featured span {
			font-size: .9em;
		}		
		.spot:hover:before {
			background-color: rgba(0,0,0,0);
		}
		.spot:hover h6.featured {
			display: block;
		}
		.spot h5,
		.spot h5 i {
			color: #fff;
			text-align: center;
		}	
		.spot h5 {
			font-size: 1.125vw;
			padding: 0 .5vw;
			position: relative;
			z-index: 1000;		
		}
		.spot h5 i {
			font-size: 125%;
		}
		.spot h5 span.click {
			font-size: .6em;
			font-weight: 600;
		}
		.spot:hover h5,
		.spot:hover h5 i {
			opacity: 0;
/*
			font-weight: 700;
			color: #fff;
			text-shadow: 0px 0px 2px rgba(0,0,0,0.9), 0px 0px 15px rgba(0,0,0,0.6);
*/
		}
		
#view-all {
	background-color: #e37514;
	color: #fff;
	font-size: 1.25em;
	font-weight: 700;
	text-align: center;
	padding: 5px;	
	}
	#view-all:hover {
		background-color: #969897;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.2);		
	}		

/*******SIDEBAR*******/

#panel,
#panel.is-visible,
#panel-toggle,
#panel-toggle.open {
	transition: .5s all;
}			
#panel {
	width: 320px; height: 100%;
	position: fixed; z-index: 3001;
	top: 0; bottom: 0; right: -320px;
	background-color: rgba(0,0,0,0.9);
	padding: 30px;
	overflow: scroll;
	}
	#portal-header {
	}
	.portal-login {
	    background-color: #003d69;
	    color: #fff;
	    font-size: 1.25em;
		line-height: 1em;	    
	    border: none;
	    width: 100%;
	    margin: 10px 0;
	    padding: 5px 0;
	}
	.portal-login:hover {
		background-color: rgb(0,81,125);
	}			
	#panel p,
	#panel h4,
	#panel ul {
		color: #fff;
	}
	#panel h4 {
		font-weight: 700;
	}
	#panel a {
		color: #fff;
	}	
	#panel a:hover {
		text-decoration: none;
	}		
	#panel.is-visible {
		width: 320px;
		right: 0;
	}
#panel-toggle {
	background: #e37514;
	width: auto; height: 150px;
	position: fixed;
	top: 20%; right: 0;
	z-index: 3000;			
	}
	#panel-toggle.open {
		right: 320px;
	}
		
/*******HOME-BODY*******/

#home-body {
	background-color: #003d69;
/*
	max-height: 380px;
	height: 380px;
*/
	}
	#home-body h2 {
		font-size: 2em;
		color: #fff;
	}
	#home-body p {
		color: #fff;
	}
	#content h2 {
		text-transform: capitalize;
	    color: #fff;
	    text-shadow: 0 -1px 1px rgba(0,0,0,0.5);	
	}
	#content .videos:nth-of-type(even) {
		margin-right: 0;
	}	
#social-panel {
	height: auto;
/* 	background-color: rgba(255,255,255,0.6); */
	position: absolute;
	right: 0;
	margin-top: -20px;
	max-height: 450px;
	height: 450px;
	z-index: 2000;
	border-left: 1px solid #fff; 
	border-right: 1px solid #fff;	
	/*
	    -webkit-filter: blur(2.5px);
	    -moz-filter: blur(2.5px);
	    -o-filter: blur(2.5px);
	    -ms-filter: blur(2.5px);
	    filter: blur(2.5px);
	    overflow: hidden;
	*/
	background: rgba(211,213,212,1);
	background: -moz-linear-gradient(top, rgba(211,213,212,1) 0%, rgba(153,166,175,1) 8%, rgba(153,166,175,1) 92%, rgba(211,213,212,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(211,213,212,1)), color-stop(8%, rgba(153,166,175,1)), color-stop(92%, rgba(153,166,175,1)), color-stop(100%, rgba(211,213,212,1)));
	background: -webkit-linear-gradient(top, rgba(211,213,212,1) 0%, rgba(153,166,175,1) 8%, rgba(153,166,175,1) 92%, rgba(211,213,212,1) 100%);
	background: -o-linear-gradient(top, rgba(211,213,212,1) 0%, rgba(153,166,175,1) 8%, rgba(153,166,175,1) 92%, rgba(211,213,212,1) 100%);
	background: -ms-linear-gradient(top, rgba(211,213,212,1) 0%, rgba(153,166,175,1) 8%, rgba(153,166,175,1) 92%, rgba(211,213,212,1) 100%);
	background: linear-gradient(to bottom, rgba(211,213,212,1) 0%, rgba(153,166,175,1) 8%, rgba(153,166,175,1) 92%, rgba(211,213,212,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d5d4', endColorstr='#d3d5d4', GradientType=0 );	
	}
	.tab {
		text-align: left;
	}
	.tab,
	.tab:hover {
		cursor: pointer;
	}
	.tab.tab-active {
		color: #fff !important;				
	}
	#social-panel h2 {
		text-transform: capitalize;
		color: #fff;
		text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
		padding-bottom: 10px;
	}
	#social-panel .ss-icon {
		color: rgba(255,255,255,0.5);
		font-size: 2.5em;
		padding: 10px 0;
		text-align: center;
	}
#windows {
	padding: 10px;
	float: right;
	}
	.window {
		width: 100%;
	}
	#youtube-window,
	#news-window,
	#facebook-window,
	#twitter-window {
		display: none;
	}
	#youtube-window iframe {
		height: 275px;
	}
	#facebook-window {
		overflow: hidden;
	}
	#facebook_window .fb_iframe_widget span {
		width: 100% !important;
	}
	#twitter-widget-0 {
		max-width: 100% !important;
	}
	#news-window .post {
		margin-bottom: 2.5%;
	}
	#news-window .post span {
		font-weight: 600;
		font-size: 90%;		
	}	
	#news-window a:hover {
		text-decoration: none;
	}
	#news-window h4 {
		display: inline-block;		
	}
	#news-window p {
		margin: 2px 0 0 0;
		font-size: .85em;
		color: #121212;		
	}
	#news-window .ss-icon {		
		padding: 0;
		font-size: 1.25em;
		color: #003d69;				
/* 		float: right; */
	}	
	
/********INT-PAGE*******/

#int-content .grid_9 {
	border-right: 1px solid #121212;
	padding-right: 2%;
}
#int-body {
/* 	border-bottom: 20px solid #003d69; */
	padding-bottom: 40px;
	background-color: #fff;		
}
#breadcrumbs {
	margin-top: 2%;
}
#breadcrumbs span a {
	color: #969897;
}
#breadcrumbs span:last-of-type a {
	color: #003d69; 
}
#int-content #map {
	margin-bottom: 2.5%;
}
sidebar#floating {
	overflow: auto;
}

/*******BASIC-PAGE******/

#promo-img {
	height: 500px;
}

/****PORTFOLIO-PAGE****/

#portfolio-slide {
	position: relative;
	}
	.slide h1 {
		visibility: hidden;
		text-shadow: 0px 0px 10px rgba(0,0,0,0.9);
	}
	#portfolio-slide h5 {
		font-family: "museo-sans",sans-serif !important;		
		color: #fff;
		font-size: 1.75em;
		position: absolute;
		bottom: 2%; right: 5%;
	}
	#portfolio-slide h5 i {
		font-size: 100%;
	}
	.gallery {
/* 		display: none; */
	}
#int-content #portfolio-content.grid_12 {
		margin-top: 2.5%;
		position: relative;
	}
	#portfolio-content .grid_3 {
		position: relative;
	}
	#portfolio-content .grid_3 sidebar#floating li {
		margin-bottom: 5px;
	}
	#portfolio-content #sibling-wrap a:nth-of-type(3n) .spot {
		margin-right: 0;
	}
	#portfolio-content .grid_3 h4 {
		color: #e37514;
		font-weight: 700;
		margin-top: 0;		
	}
	#portfolio-content .grid_3 h5 {
		color: #003d69;
	}
	#portfolio-content a .thumbnail {
		height: 200px;
		margin-bottom: 2%;
	}
	#portfolio-content a:nth-of-type(3n) .thumbnail {
		margin-right: 0;
	}	
/*
	#view-gallery {
		background-color: #003d69;
		color: #fff;
		font-size: 1.25em;
		font-weight: 700;
		text-align: center;
		padding: 5px;
	}
	#view-gallery:hover {
    	background-color: rgb(0,81,125);
	}	
*/		
#lintel {
	position: relative;
	height: 1px;
	background-color: #121212;
	}
	#lintel i {
		font-size: 3em; /* font-size: 3vw; */
		color: #003d69;
		background-color: #fff;
		position: absolute;
		left: 47%; top: -35px;
		padding: 0 1%;
	}
#portfolio-wrap {
	margin-top: 150px;
}
#sibling-wrap {
	
}
	/*		
	#sibling-wrap .spot:after {
		content: "";
		font-family: "SSGlyphish";
		position: absolute;
		text-align: center;
		bottom: 2.5%; right: 0; left: 0;
		font-size: 2.25em; font-size: 2.25vw;
		font-weight: 100;
		color: #fff;
		opacity: 0;
		text-shadow: 0px 0px 2px rgba(0,0,0,0.9), 0px 0px 15px rgba(0,0,0,0.6);	
		content: 'View Project';
		font-size: 1em;
		color: #fff;
		background: #121212;
		width: 100%;
		position: absolute;	
		bottom: 0; left: 0; right: 0;
		text-align: center;
		opacity: 0;
	*/
	}
	#sibling-wrap .spot:hover:after {
		opacity: 1;
		height: 25%;
	}
	#sibling-wrap .spot:hover {
		-webkit-transition: .75s all;
		-moz-transition: .75s all;
		-ms-transition: .75s all;
		-o-transition: .75s all;
		transition: .75s all;	
	}

/*****INT-SUBPAGE*****/

.gallery {
	}
	.gallery .spot:nth-child(4n){
		margin-right: 0;
	}
	.gallery .spot:after {
		display: none;
	}
	.gallery .spot h5 {
		color: transparent;
	}
	.gallery .spot:hover h5 {
		text-shadow: none;
	}
	.thumbnail h5 {
	    padding: 5vw 0;
	    opacity: 0;	
	}
	#thumb-wrap a:nth-of-type(3n) .grid_4 {
		margin-right: 0;
	}
#controls {
	position: absolute;
	bottom: 0; right: 10%;
	z-index: 2999;
	width: auto;
	}
	#controls i {
		font-size: 3em;
		color: #fff;
		text-shadow: 0px 0px 2px rgba(255,255,255,0.9), 0px 0px 15px rgba(0,0,0,0.6);			
	}
	#controls a {
		text-decoration: none;
	}
/*
	#next {
		float: right;
	}
	#prev {
		float: right;
	}
*/	

/*********BLOG********/

/*POSTS-PAGE*/

.posts:nth-of-type(even) {
	margin-right: 0;
}
button.more {
	float: right;
	padding: 2px 5px;
	margin-top: 20px;		
	height: auto;
	background: #fff;
	color: #e37514;
	border: 1px solid #e37514;
	font-size: .85em;
	}			
	button.more:hover {
		box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	}
.created {
	display: inline-block;
	float: left;
}
.cats {
	float: left;
	margin-left: 2%;
}
.cats:hover {
	color: #121212;
	padding-left: 10px;
}
.posts-thumb {
	margin-top: 1%;
}

/*POST-PAGE*/

#file-area,
#cat-list {
	margin: 20px 0;
	}
	#file-area a:hover,			
	#cat-list a:hover {
		text-decoration: none;
	}			
	#file-area h5 {
		display: inline-block;
	}
	#file-area a h5,			
	#cat-list a button {
		padding: 2.5px 10px;
		margin: 10px;
		margin-left: 0;	
	}				
	#cat-list a button {		
		background: #fff;
		color: #e37514;
		border: 1px solid #e37514;				
	}
	#file-area a:hover h5 {
		text-decoration: underline;
	}				
	#cat-list a:hover button {
		box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	}

/*********FOOTER********/

footer {
	background-color: #003d69;
    padding-top: 5%;	
}
footer .container{
	clear: both;
	min-height: 150px;
	padding-top: 25px;
}
/*
#lower-nav {
	padding-top: 20px;
	}
	#lower-nav a {
		color: #003d69;
	}
	#lower-nav a:first-of-type li {
		text-align: left;
	}
	#lower-nav a li {
		font-weight: 700;
		font-size: 1.25vw;		
	}
*/
#lower-social a li {
	float: left;
	margin-right: 20px;
	}
	#lower-social a li i {
		color: #fff;
		font-size: 2em;
		}
#copy {
	display: block;
    text-align: right;	
	}
#copy span {
	color: #fff;
	font-size: 1em;
}	
#lower-logo a {
    width: 35%;
}	
#lower-logo a img {
	float: right;
    max-width: 50%;
}
#mass-tag {
	text-align: right;
	font-size: 12px;
	color: #fff;		
	margin-top: 40px;
	}
	#mass-tag a {
		font-size: 100%;
		color: #fff;
		font-weight: 100;			
	}
	#mass-tag a:hover{
		color: #f07722;
		text-decoration: underline;
	}

/*********FORMS*********/

#FormBuilder_contact {
	position: relative;
}
p span.ui-state-error,
span.ui-state-error,
.ui-widget-header,
.ui-widget-content p {
	display: none;
}
#Inputfield_name_1,
#Inputfield_email_1,
#Inputfield_phone_1,
#Inputfield_message_1,
#Inputfield_turing_1 {
	width: 100%; height: 35px;	
	border-radius: 4px;	
	border: none;	
	padding-left: 5px;	
	margin: 10px 0;
	color: #969897;
	background-color: #fff;
	border: 1px solid #969897;		
}
#Inputfield_name_1 {
	margin-top: 0;
}
#Inputfield_message_1 {
	height: 100px;
	padding-top: 10px;	
}
.Inputfield_email_1,
.Inputfield_phone_1 {
	display: inline-block;
}
.Inputfield_email_1,
.Inputfield_turing_1 {
	float: left;
}
.Inputfield_phone_1 {
	float: right;
}
::-webkit-input-placeholder	{ color: #969897; }
:-moz-placeholder			{ color: #969897; }
::-moz-placeholder			{ color: #969897; }
:-ms-input-placeholder		{ color: #969897; }

#contact_submit {
	background: #003d69;
	font-weight: 700;
	font-size: 1.25em;
	text-transform: uppercase;
	color: #ffffff;
	border-radius: 4px;		
	border: none;
	margin-top: 10px;
	padding: 5px 10px;
	float: right;	
}
#contact_submit:hover {
	background-color: #CBD7E0;
	color: #003d69;
}
.ui-state-error {
    color: #969897 !important;
}

/*****MEDIA QUERIES*****/

@media screen and (max-width: 1080px) {
	#floating-subnav {
		top: 8.5em; top: 12.5vw;	
	}
	#floating-subnav .grid_3 a {
		font-size: .85em;
	}
	#news-window .post .grid_12 {
		margin-bottom: 2.5%;
		font-size: .85em;
	}	
}	
@media screen and (max-width: 1024px) {
	#upper-contact,
	#upper-nav {
	    width: 76.5%;
		left: 23.5%;	    
	}	
	#portfolio-wrap {
	    margin-top: 14vw;
	}	
	#slideshow {
		margin-top: 12vw;		
	}
	#slideshow, .cycle-slideshow, #slide-sidebar, .slide, .slide h1 {
	    height: 50vw;
	}
	#promo-img {
		height: 40vw;
	}	
	#slide-sidebar {
		width: 50%;
	}
	header, #upper-logo {
		height: 12vw;
	}
	#upper-nav {
		height: inherit;
	}
	#upper-nav li a {
	    font-size: 2.5vw;
	}
	#upper-nav .dropdown-nav-one li a {
	    font-size: 1.5vw;
	}		
/*
	#upper-nav .dropdown-nav-one li {
		width: 49%;
	}
	#upper-nav .dropdown-nav-one li:nth-of-type(even) {
		margin-right: 0;
	}	
*/
	#upper-contact {
	    margin-top: 1%;
	}					
	#upper-contact a li {
		font-size: 1.75vw;
	}
	#upper-contact a li i {
		font-size: inherit;
	}
	#spotlights h4 {
		margin: 1.25vw 0;
	}
	.slide h3 {
		border-width: 3px;
	}
	#social-panel {
		margin-top: -10px;
		height: 400px;
	}
	p {
		line-height: 1.4em;
	}
	h1, h2, h3, h4, h5, h6, p, li {
		margin: 15px 0;
	}
	.notch {
	    background-size: 20%;
	}
	.spot h5 {
	    font-size: 1.5vw;
	}					
}
@media screen and (max-width: 850px) {
	#home-body p,
	#news-window .grid_12 {
		font-size: .9em;
	}
	#tabs,
	#windows {
		width: 100%;
	}
	.tab {
		width: 25%;
		float: left;
	}
	#social-panel .ss-icon {
		padding: 0;
	}
	.embed-container {
		padding-bottom: 70% !important;
	}	
	#home-body h2 {
		font-size: 1.5em;
	}
	#upper-contact {
		margin-top: .5em; margin-top: 1vw;
	}
	#upper-contact i {
		font-size: 1.75em;
	}
	p {
		font-size: .85em;
	}
	#floating-subnav {
		top: 7.25em; top: 13.8vw;
	}
	#portfolio-slide h5 {
		font-size: 1.35em;
	}	
	#lintel i {
		font-size: 2.5em;
		left: 46%; top: -30px;
	}
	footer .container {
		padding-top: 20px;
	}
	.created,
	.cats {
		font-size: .95em;
	}
	#cat-list a button {
		font-size: .85em;
	}			
}
@media screen and (max-width: 768px) {
	* {
		font-size: 15px;
	}
	h1, h2, h3, h4, h5, h6, p, li {
		margin: 10px 0;
	}
	.portal-login {
	    font-size: 1em;
	}	
	#panel.is-visible {
		width: 250px;
	}
	#panel-toggle.open {
		right: 250px;
	}
	#panel a {
	}
	#panel p, #panel h4, #panel ul {
		font-size: .85em;
	}
	#home-body #content p:first-of-type {
		margin-top: 20px;
	}
	#sibling-wrap .spot:after {
		bottom: 5%;
		font-size: 1.5em; font-size: 3.5vw;
	}
	#file-area, #cat-list {
		margin: 5px 0;
	}
	.location .grid_3 {
		width: 31%;
	}
	#upper-nav a li {
		color: #003d69;
		font-size: 1.125em; font-size: 2.125vw;
	}
	.spot {
		width: 49%;
	}
	.spot h5 {
		font-size: 2.25vw;
		padding: 7.5vw 0;
	}			
	a:nth-of-type(even) .spot {
		margin-right: 0;
	}
	a:nth-of-type(odd) .spot {
	    margin-right: 2% !important;
	}						
}
@media screen and (max-width: 720px) {
	#border-left,
	#border-right,
	#slide-sidebar {
		display: none;
	}
	#home-body #content,
	#portfolio-content .grid_3,
	#int-content .grid_9,
	#int-content .grid_3 {
		width: 100%;
	}
	#int-content .grid_3 {
		margin-bottom: 5%;
	}	
	.slide h3 {
		border-width: 2px;
	}
	.slide h3 {
		font-size: .85em;
	}
	.slide h1 {
		font-size: 2.5em; font-size: 5vw;
		vertical-align: bottom;
  		padding-bottom: 3em;
	}
	.spot h6.featured {
		padding: 10px 5px;
	}
	#spotlights h4 {
    	font-size: 3vw;
    	width: 100%;
    }	
	#upper-contact a li {
		font-size: 1.5vw;
	}
	#upper-contact i {
		font-size: 1.5em;
	}	
	#upper-nav li a {
		font-size: 1.125em;
	}
	#social-panel {
	    width: 100%;
	    height: 450px;
		margin-top: 2.5%;	    
	    position: relative;
	}
	#floating-subnav .grid_3 {
		padding: 0;
	}
	#floating-subnav .grid_3 a {
		font-size: .75em;
	}	
	#floating-nav {
		top: 4.35em; top: 9vw;
	}	
	#floating-nav i,
	#floating-nav .container:after {
		font-size: 1.75em;
	}
	#portfolio-slide h5 {
		font-size: 1.125em;
		right: 2%;
	}
	#panel-toggle {
		height: 100px;
		top: 150px;
	}
	#lintel i {
		font-size: 2.125em;
		top: -.75em;
	}
	#sibling-wrap {
		margin-top: 10px;
	}
	#portfolio-content .grid_3 h4 {
		margin: 0;
	}
	#int-body {
		padding-bottom: 0;
	}
	.portal-login {
		font-size: 1.25em;
		margin: 10px 0;
	}
	.top-margin {
		margin-top: 12vw;
	}
	#portfolio-content a .thumbnail {
		height: 30vw;
	    width: 100%;
		margin-right: 0;	    
	}
	#int-content .grid_9 {
	    border-right: none;
	    padding-right: 0;
	    margin-right: 0;
	}
	#lower-social {
		width: 50%;
	}
	#lower-logo {
		width: 48%;
	}												
}
@media screen and (max-width: 640px) {
	#upper-nav,
	#upper-contact,
	#lower-nav {
		display: none !important;
	}
	#contact-form,
	#contact-body,
	#map,
	#content,
	#social-panel,
	#upper-logo,
	.posts,
	.post img {
		width: 100%;
	}
	header, #upper-logo {
		height: 12vw;
	}	
	header {
		position: absolute;
		border: none;
	}
	#upper-logo img {
	    width: 20% !important;
		clear: both;
		display: block;
		margin-left: auto; margin-right: auto;		
	}
	.slide h1 {
		padding-bottom: 4em;
	}		
	#home-body {
		max-height: inherit;
		height: auto;
		padding-bottom: 20px;		
	}		
	#content {
		margin: 20px 0;
	}	
	#home-body p,
	#news-window .grid_12 {
		font-size: 1em;
	}
	#mass-tag {
		width: 100%;
	}
	footer .container {
		min-height: 100px;
	}
	#social-panel h2 {
		display: inline-block;
		float: left;
	}
	#tabs {
		width: 80%;
	}
	.spot {
		width: 49%;
	}
	a:nth-child(even) .spot {
		margin-right: 0% !important;
	}
	a:nth-child(odd) .spot {
		margin-right: 2% !important;
	}
	.spot h5 {
		font-size: 1em; font-size: 2.25vw;
	}
/*
	#slideshow,
	.cycle-slideshow,
	#slide-sidebar,	
	.slide,
	.slide h1 {
		height: 350px; height: 55vw;
	}
*/
	#spotlights h4 {
		margin: 10px 0;
		font-size: 1em; font-size: 2.5vw;
	}
	#border-left,
	#border-right {
		margin: 20px 0;
	}
	.top-margin {
		margin-top: 5em; margin-top: 12vw;
	}
	#floating-nav {
		top: 5.25em; top: 12vw;
	}
	#floating-subnav {
		top: 7.5em; top: 17.8vw;
	}
	#floating-subnav .grid_3 a {
		font-size: .65em;
	}
	#portfolio-content #thumb-wrap {
		padding: 2% 0;
	}									
}
@media screen and (max-width: 568px) {
	.embed-container {
		padding-bottom: 65% !important;
	}
	#floating-subnav .grid_3 {
		width: 32%;
	}
	#floating-subnav .grid_3:nth-of-type(4n) {
		margin-right: 1%;
	}
	#floating-subnav .grid_3:nth-of-type(3n) {
		margin-right: 0;
	}
	#floating-subnav {
		top: 6.95em; top: 18.5vw;
	}
	#file-area a h5, #cat-list a button {
		margin: 1.5% 1% 0 0;
	}
	#post .grid_12 {
		margin-bottom: 20px;
	}	
}
@media screen and (max-width: 540px) {
	#slideshow, .cycle-slideshow, #slide-sidebar, .slide, .slide h1 {
	    height: 100vw;
	}
	#promo-img {
		height: 75vw;
	}		
	#tabs,
	#lower-logo {
		width: 100%;
	}
	#lower-social {
		display: none;
	}
	#lower-logo span {
	    text-align: left;
   	}
	#lower-logo img {
	    float: right;
	    width: 50%;
	}   			
}
@media screen and (max-width: 480px) {
	#portfolio-content .grid_3,
	#portfolio-content .grid_9,
	.location .grid_3,
	.spot,
	#spotlights h4,
	.videos {
		width: 100%;
	}
	#content,
	#copy {
		display: none;
	}
	.location h2,
	.location .grid_3 {
		text-align: center;
	}
	.slide h1 {
		font-weight: 700;
	}	
	.slide h3 {
		width: 60%;
		left: 20%;
	}
	#spotlights h4 {
		font-size: 2em; font-size: 6vw;
	}
	#portfolio-content .grid_9 {	
		border-right: none;
		border-bottom: 1px solid #121212;
		margin-bottom: 5%;		
	}
	.spot {
	    height: 200px;
	}	
	a:nth-child(even) .spot,
	a:nth-child(odd) .spot {
		margin-right: 0% !important;
	}
	.spot h5 {
		font-size: 1.15em; font-size: 3.5vw;
		padding: 10% 0; padding: 8vw 0;		
	}
	#portfolio-content {
		margin: 5% 0;
	}
	#sibling-wrap .spot:after {
		bottom: 10px;
		font-size: 1.5em; font-size: 5vw;
	}
	#floating-subnav {
		top: 6.25em; top: 19.5vw;
	}
	#lower-logo {
	    text-align: center;
	}	
	#lower-logo a img {
	    float: none;
    }
	#mass-tag {
		width: 100%;
		text-align: center;
	}    		
}
@media screen and (max-width: 400px) {
	* {
	    font-size: 14px;
	}			
	#home-body p,
	#news-window .grid_12 {
		font-size: .9em;
	}
	#floating-subnav .grid_3 {
		width: 49%;
	}
	#floating-subnav .grid_3:nth-of-type(even) {
		margin-right: 0;
	}
	#floating-subnav {
		top: 5.65em;
	}
	#portfolio-slide h5 {
		left: 2%;
	}					
}
@media screen and (max-width: 320px) {
	.slide h3 {
		font-size: .65em;
	}
	#slideshow,
	.cycle-slideshow,
	#slide-sidebar,	
	.slide,
	.slide h1 {
		height: 90vw;
	}
	.spot h5 {
	    font-size: 5vw;
	}	
	#home-body {
		display: none;
	}
	.slide h1 {
		padding-bottom: 5em;
	}
	header, #upper-logo {
		height: 4em;
	}
	#upper-logo img {
	    width: 35% !important;
	}
	.slide h3 {
		bottom: 15%;
	}
	.embed-container {
		padding-bottom: 100% !important;
		overflow: visible !important;
	}
	.inner-padding {
		padding: 10px;
	}
	#controls i {
		font-size: 2em;
	}
	.top-margin {
		margin-top: 5em;
	}
	li {
		font-size: .85em;
	}	
	#floating-nav {
	}
	#floating-nav .container {
	}
	#floating-nav {
		top: 4em;
	}
	#floating-nav h3 {
		font-weight: 200;
	}
	#floating-subnav .container .grid_12 {
		width: 80%;
		margin-left: 10%;
	}	
	#floating-subnav {
		top: 6.35em;
	}
	#floating-subnav .grid_3 {
		width: 100%;
	}
	#floating-subnav .grid_3 a {
		font-size: .85em;
	}
	.slide h1 {
		padding-top: 5em;
		font-size: 2em;
		line-height: 1em;		
	}
	#portfolio-slide h5 {
		bottom: 2em;
	}		
	#panel-toggle.open {
		right: 290px;
	}
	#panel.is-visible {
		width: 290px;
	}
	#lintel i {
		font-size: 2em;
	}	
}


/********IE********/

*::-ms-backdrop,img{
  border: none;
}

*::-ms-backdrop,#upper-nav .dropdown-nav-one {
	top: auto !important;
}