body,.ContentWrapper{
	width:100vw;
	max-width:100%;
	overflow-x: hidden;
}
#office-intro{
	display:flex;
	width:100%;
	align-items:stretch;
}
#office-title{
	padding:50px;
	width:40%;
}
#office-title h1{
	color:#095587;
	font-size:4em;
	line-height: 1em;
	text-transform: uppercase;
	position: relative;
	z-index: 3;
	margin-left:-8px;
}
#office-title h1::after{
	content: '';
	width:75px;
	height:3px;
	background:#ababab;
	position: absolute;
	bottom:-5px;
	left:20px;
}

#office-title h2{
	color:#ea8021;
	font-size:3em;
	line-height: 1em;
	font-weight: bold;
	text-transform: uppercase;
}
#office-title p{
	color:#757576;
	font-size: 2em;
}
#office-title p:nth-of-type(2){
	color:#757576;
	font-size: 1.75em;
}
#office-title .phone-numbers{
	display: grid;
	grid-template-columns: 50% 50%;
	max-width:550px;
}
#office-title .phone-numbers p{
	width:50%;
	color:#757576;
	font-size: 1.3em;
}
#office-title .orange-btn{
	margin:15px 0;
}
#office-intro .service-list{
	margin-top:25px;
}
#office-intro .service-list a{
	font-weight: 600;
}
#office-intro h3{
	font-size:1.5em;
}
#office-intro .plus-list{
	font-size:1.3em;
}
#office-intro .office-image{
	background: url('/images/locations/side typewriter BW.jpg');
	width:60%;
	background-size: cover;
}
#location-addl-content{
	display: none;
}

.wide-office-shot{
	width:100vw;
	height:100vh;
	min-height: 800px;
	background-size: cover !important;
	position: relative;
}
.half-office-shot{
	width:100vw;
	height:100vh;
	min-height: 800px;
	position: relative;
	margin-top:-75px;
	overflow: hidden;
}
.half-office-shot .half-text-block{
	float:left;
	width:50vw;
}
.half-office-shot .office-image{
	width:50vw;
	height:100%;
	background-size: cover !important;
	position: relative;
	float:left;
}
.half-office-shot p+.office-image{
	float:right;
}
.shadow{
	-webkit-box-shadow: 10px 10px 25px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 25px -5px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 25px -5px rgba(0,0,0,0.75);
}
.white-text p{
	color:white;
}
.grey-text p{
	color:#757576;
}
.office-card{
	position: absolute;
	top:100px;
}
.office-card p{
	font-size: 1.5em;
}
.office-card p:first-of-type{
	font-size: 2.5em;
	position: relative;
	margin-bottom: 25px;
	font-weight: 600;
}
.office-card p:first-of-type::after{
	content:'';
	position: absolute;
	width:75px;
	height:3px;
	bottom:-10px;
	left:0;
}

.blue-accent::after{
	background: #3b87b9;
}
.blue-card{
	left:0;
	padding:35px;
	background:#095587;
	width:400px;
}

.orange-accent::after{
	background: #ea8021;
}
.orange-white-card{
	right:100px;
	padding:15px 55px 55px 20px;
	background: #ea8021;
	width:600px;
	z-index: 1;
}
.orange-white-card::after{
	content:'';
	position: absolute;
	width:100%;
	height:100%;
	background:#ffffff;
	top:-20px;
	left:-20px;
	z-index: -1;
}


.half-text-block{
	width:50vw;
	height:100%;
	position: relative;
}
.half-text-block>div{
	position: absolute;
	top:54%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.grey-half-text-block{
	background: #e9e9e9;
	position: absolute;
	right:0;
	top:50%;
	width:65vw;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding:35px;
	-webkit-box-shadow: 10px 10px 25px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 25px -5px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 25px -5px rgba(0,0,0,0.75);
}
video{
	display:none;
	min-width:100%;
	min-height:100%;
}
/*//////////////////////////////////////

		OFFICE SPECIFIC STYLES

////////////////////////////////////////*/
.austin #location-addl-content,
.durango #location-addl-content,
.miami #location-addl-content,
.louis #location-addl-content,
.oklahoma.city #location-addl-content,
.tulsa #location-addl-content,
.tampa #location-addl-content,
.dallas #location-addl-content,
.houston #location-addl-content{
	display: block;
}


/*AUSTIN*/
.austin #office-intro .office-image{
	background-image: url('/images/locations/austin/ImageNet SM-1.jpg');
}
.austin>div>section:nth-of-type(1){
	background: url('/images/locations/austin/ImageNet SM-7.jpg');
}
.austin>div>section:nth-of-type(2) .office-image{
	background: url('/images/locations/austin/ImageNet SM-24.jpg');
}
.austin>div>section:nth-of-type(3){
	background: url('/images/locations/austin/3d-printer.jpg');
	background-position: center center;
}
.austin>div>section:nth-of-type(4) .office-image{
	background: url('/images/locations/austin/ImageNet SM-11.jpg');
}
.austin>div>section:nth-of-type(5){
	display: none;
}
.chesterfield #office-title{
	left:5vw;
}
/*DALLAS*/
.dallas video{
	display:block;
}
.dallas .half-office-shot{
	margin-top:-25px;
}
.dallas #office-intro .office-image{
	background-image: url('/images/locations/dallas/meeting-room-display.png');
}
.dallas>div>section:nth-of-type(1){
	background-color:#095587;
}
.dallas>div>section:nth-of-type(2) .office-image{
	background: url('/images/locations/dallas/file-cabinets.png');
}
.dallas>div>section:nth-of-type(3){
	background: url('/images/locations/dallas/Conference Room.png');
	background-position: center center;
}
.dallas>div>section:nth-of-type(4) .office-image{
	background: url('/images/locations/dallas/meeting-room.png');
}
.dallas>div>section:nth-of-type(5){
	display:none;
}
/*DURANGO*/
.durango #office-intro .office-image{
	background-image:url('/images/locations/durango/lounge.jpg');
}
.durango>div>section:nth-of-type(1){
	background: url('/images/locations/durango/front.jpg');
}
.durango>div>section:nth-of-type(2) .office-image{
	background: url('/images/locations/durango/lobby.jpg');
}
.durango>div>section:nth-of-type(3){
	background: url('/images/locations/durango/meeting.jpg');
	background-position: center center;
}
.durango>div>section:nth-of-type(3) .orange-white-card{
	top:auto;
	bottom:100px;
}
.durango>div>section:nth-of-type(5){
	display: none;
}

.cortez #office-intro .office-image{
	background-image:url('/images/locations/cortez.jpg');
}

/*HOUSTON*/
.houston #office-title{
	bottom:150px;
}
.houston #office-intro .office-image{
	background-image: url('/images/locations/houston/outside-front.jpg');
}
.houston>div>section:nth-of-type(1){
	background: url('/images/locations/houston/lobby.jpg');
}
.houston>div>section:nth-of-type(2) .office-image{
	background: url('/images/locations/houston/front-wall.jpg');
}
.houston>div>section:nth-of-type(3){
	background: url('/images/locations/houston/event.jpg');
}
.houston>div>section:nth-of-type(4) .office-image{
	background: url('/images/locations/houston/conference-room.jpg');
	background-position: center bottom;
}

/*MIAMI*/
.miami #office-intro .office-image{
	background-image: url('/images/locations/miami/conference-room.jpg');
}
.miami>div>section:nth-of-type(1){
	background: url('/images/locations/miami/upstairs.jpg');
}
.miami>div>section:nth-of-type(2) .office-image{
	background: url('/images/locations/miami/couce.jpg');
}
.miami>div>section:nth-of-type(3){
	background: url('/images/locations/miami/stairs.jpg');
	background-position: center bottom;
}
.miami>div>section:nth-of-type(4) .office-image{
	background: url('/images/locations/miami/conference-room-top.jpg');
}
.miami>div>section:nth-of-type(5) .office-image{
	background: url('/images/locations/miami/lobby.jpg');
	background-position: right center !important;
}



/*OKLAHOMA CITY*/
.oklahoma.city #office-intro .office-image{
	background-image: url('/images/locations/okc/First%20Floor%20Conference%20Room.png');
    background-position: center center;
}
.oklahoma.city>div>section:nth-of-type(1){
	background: url('/images/locations/okc/Lobby.png');
}
.oklahoma.city>div>section:nth-of-type(1) .blue-card{
    left:auto;
    right:0;
    top:0;
}
.oklahoma.city>div>section:nth-of-type(2) .office-image{
	background: url('/images/locations/okc/blue-light-hall.jpg');
}
.oklahoma.city>div>section:nth-of-type(3){
	background: url('/images/locations/okc/third-floor-wide-shot.jpg');
	background-position: center bottom;
}
.oklahoma.city>div>section:nth-of-type(4) .office-image{
	background: url('/images/locations/okc/Keyboard%20Hallway.png');
}
.oklahoma.city>div>section:nth-of-type(5) .office-image{
	background: url('/images/locations/okc/third-floor-desks.jpg');
}
.oklahoma.city>div>section:nth-of-type(6){
	background: url('/images/locations/okc/Demo%20Floor.png');
}

/*ST LOUIS*/
.louis #office-intro .office-image{
	background-image: url('/images/locations/st-louis/showroom.jpg');
}
.louis>div>section:nth-of-type(1){
	background: url('/images/locations/st-louis/hallway.jpg');
}
.louis>div>section:nth-of-type(2) .office-image{
	background: url('/images/locations/st-louis/3d-printer.jpg');
}
.louis>div>section:nth-of-type(3){
	background: url('/images/locations/st-louis/front.jpg');
	background-position: center bottom;
}
.louis>div>section:nth-of-type(4) .office-image{
	background: url('/images/locations/st-louis/showroom2.jpg');
}


/*TAMPA*/
.tampa #office-intro .office-image{
	background-image: url('/images/locations/tampa/lobby.jpg');
}
.tampa>div>section:nth-of-type(1){
	background: url('/images/locations/tampa/front.jpg');
}
.tampa>div>section:nth-of-type(2) .office-image{
	background: url('/images/locations/tampa/desks.jpg');
}
.tampa>div>section:nth-of-type(3){
	background: url('/images/locations/tampa/kitchen.jpg');
	background-position: center bottom;
}
.tampa>div>section:nth-of-type(4) .office-image{
	background: url('/images/locations/tampa/paperclips.jpg');
}
.tampa>div>section:nth-of-type(5) .office-image{
	background: url('/images/locations/tampa/conference.jpg');
	background-position: center center;
}

/*TULSA*/
.tulsa #office-intro .office-image{
	background-image: url('/images/locations/tulsa/showroom.jpg');
}
.tulsa>div>section:nth-of-type(1){
	background: url('/images/locations/tulsa/kitchen.jpg');
}
.tulsa>div>section:nth-of-type(2) .office-image{
	background: url('/images/locations/tulsa/sales-hall.jpg');
}
.tulsa>div>section:nth-of-type(3){
	background: url('/images/locations/tulsa/front.jpg');
	background-position: center bottom;
}
.tulsa>div>section:nth-of-type(4) .office-image{
	background: url('/images/locations/tulsa/typewriter.jpg');
}
.tulsa>div>section:nth-of-type(5) .office-image{
	background: url('/images/locations/tulsa/copier.jpg');
}

/*/////////////////////////////////
 * TREASURE COAST
 */
.port.saint.lucie #office-intro .office-image{
    background-image: url('/images/locations/treasure-coast/port-saint-lucie-large.jpg');
}
.vero.beach #office-intro .office-image{
    background-image: url('/images/locations/treasure-coast/vero-beach-large.jpg');
}
.west.palm.beach #office-intro .office-image{
    background-image: url('/images/locations/treasure-coast/west-palm-beach-large.jpg');
}

@media (max-width: 500px) {
	.oklahoma.city #office-intro h1{
		font-size:3em;
	}
	.oklahoma.city #office-intro h1::after{
		display: none;
	}
}

/*//////////////////////////////////////

			RESPONSIVE

////////////////////////////////////////*/
@media (max-width: 1600px) {
	#office-title{
		left:2vw;
	}
}
@media (max-width: 1600px) {
	.half-text-block>div{
		width:80%
	}
}
@media screen and (max-width: 950px), screen and (max-height: 800px){
	#office-title{
		position: relative;
		width:50vw;
		bottom:0;
	}
	#office-title h1{
		font-size: 4em;
		margin-bottom:25px;
	}
	#office-title h2{
		font-size: 3em;
	}
	#office-title h1::after{
		bottom:-5px;
	}
}
@media (max-width: 950px) {
	.blue-card{
		bottom:0;
		top:auto;
	}
	.tampa>div>section:nth-of-type(1){
		background-position: center center;
	}
	.half-office-shot{
		margin-top:0;
	}
	.half-office-shot .half-text-block{
		width:100%;
		float:none;
		padding:35px 25px;
		height: auto;
	}
	.half-text-block>div{
		position: relative;
		width:100%;
		top:0;
		left:0;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.half-text-block+.office-image{
		width:100%;
		float:none;
		height:100%;
	}
}

@media (max-width: 750px)  {
	#office-intro{
		height: auto;
		display: block;
	}
	#office-title{
		left:0;
		text-align: center;
		width:100%;
		padding-bottom: 15px;
	}
	#office-title h1{
		font-size: 6em;
		line-height: .9em;
	}
	#office-title h2{
		font-size: 2em;
	}
	#office-title h1::after{
		left:50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		bottom:-5px;
	}
	#office-title .phone-numbers{
		max-width:100%;
		padding:25px;
	}
	#office-title .phone-numbers p{
		justify-self: center;
	}
	#office-intro .office-image{
		width:100%;
		height:300px;
	}
	.orange-white-card{
		width:100%;
		position: relative;
		left:0;
		top:0;
	}
	.blue-card{
		width:100%;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	video{
		width:100%;
		height:auto;
		min-height: auto;
	}
	.half-office-shot{
		height: auto;
	}
	.grey-half-text-block{
		position: relative;
		top:0;
		width:100%;
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.grey-half-text-block p{
		width:100%;
	}
	.half-office-shot .office-image {
		width:100vw;
		height:100vh;
		position: relative;
		float:none;
	}
	#office-intro{
		height: auto;
		min-height: inherit;
		margin-top:-5px;
	}
}

@media (max-width: 400px){
	#office-title{
		margin:10px auto;	
	}
	#office-title h1{
		font-size: 3em;
	}
	#office-title h2{
		font-size: 1.75em;
	}
	#office-title h1::after{
		display:none;	
	}
	#office-title p{
		font-size: 1.2em;
	}
	#office-title .phone-numbers{
		display: block;
	}
	#office-title .phone-numbers p{
		width:100%;
	}
	.wide-office-shot,.half-office-shot{
		height: auto;
		min-height: inherit;
		margin-top:-5px;
	}
	
	.wide-office-shot img{
		width: 100%;
	}
	.wide-office-shot .office-card{
		position: relative;
		top:0;
	}
	.half-text-block+.office-image img{
		width:100%;
	}
	.Footer{
		margin-top:-5px;
	}
}





