/*
Main Styles for Union Patriot Capital

-----------------------------------------------------
Author: Julian Palhof
		PowerHouse Creative
-----------------------------------------------------
 */

/* Load Fonts */
@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,300);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);


/* Global Content Styling */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
	font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000;
	background: #fff;
}
a, a:hover {
	text-decoration: none;
	color: #606060;
}
button:focus, input:focus, a:focus { outline: none; }
input, button, select, textarea { font-family: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.clear {
	width: 100%;
	clear: both;
	display: block;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
h3 {
	text-transform: uppercase;
}
h6 {
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0 0 5px 0;
}
.nav, .nav a {
	line-height: 1em;
}
ul.full-width li {
	display: table-cell;
	width: 1%;
	padding: 0;
}
ul.full-width li button {
	border: none;
	width: 100%;
	height: 100%;
	margin: 0;
	letter-spacing: 0.08em;
}
.width-reset { width: 940px; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.uppercase { text-transform: uppercase; }
.number { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.red-bg-active a:hover, .red-bg-active.active a { background-color: #e41d32; color: #fff; }
.white-bg-active:hover, .white-bg-active.active { background-color: #fff; color: #000; }

.gray-bg { background: #c7c7c7; }
.light-gray-bg { background: #f3f3f3; }
.light-gray2-bg { background: #e1e1e1; }

.blue1-bg { color: #fff; background-color: #63b8ff; }
.blue2-bg { color: #fff; background-color: #60a7e3; }
.blue3-bg { color: #fff; background-color: #4691cc; }
.blue4-bg { color: #fff; background-color: #3984c0; }
.blue5-bg { color: #fff; background-color: #276ba2; }
.blue6-bg { color: #fff; background-color: #1f5581; }

.blue-bottom-hover { border-bottom: 2px solid #fff; }
.blue1-bottom-hover:hover, .blue1-bottom-hover.active { border-bottom: 2px solid #63b8ff; }
.blue2-bottom-hover:hover, .blue2-bottom-hover.active { border-bottom: 2px solid #60a7e3; }
.blue3-bottom-hover:hover, .blue3-bottom-hover.active { border-bottom: 2px solid #4691cc; }
.blue4-bottom-hover:hover, .blue4-bottom-hover.active { border-bottom: 2px solid #3984c0; }
.blue5-bottom-hover:hover, .blue5-bottom-hover.active { border-bottom: 2px solid #276ba2; }
.blue6-bottom-hover:hover, .blue6-bottom-hover.active { border-bottom: 2px solid #1f5581; }

.white-txt { color: #fff; }
.black-txt { color: #000; }
.dark-gray-txt { color: #505050; }
.lt-gray-txt { color: #838383; }
.lt-gray2-txt { color: #b9b9b9; }
.blue-txt { color: #2f5380; }
.lt-blue-txt { color: #558bb8; }

.white-top, .lt-blue-top, .gray-top { 
	font-weight: bold;
	font-size: 18px;
	padding-top: 5px;
	margin-top: 36px;
	margin-bottom: 24px;
}
.white-top { border-top: 4px solid #fff; }
.lt-blue-top { border-top: 4px solid #558bb8; }
.gray-top { border-top: 4px solid #959595; }

.btn-trans {
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
}

.page-tagline {
	text-transform: uppercase;
	font-size: 24px;
	margin: 50px 0 50px;
	line-height: 1em;
	letter-spacing: 0.06em;
	font-weight: 100;
}
.lrg-headline {
	font-size: 72px;
	line-height: 1em;
	font-weight: 100;
	margin: 36px 0 36px 0;
}

p.indent { text-indent:36px; }
p.lrg-txt {
	padding-left: 50px;
	margin-right: 50px;
	font-size: 18px;
	line-height: 24px;
}
.shift-adjust { margin-left: 50px; }

/* Forms */
label, input, select, textarea {
	float: left;
}
label { 
	display: table-cell;
	width: 105px;
	height: 30px;
	text-align: right;
	padding: 10px 10px 0 0;
}
label.long-label { width: 150px; }
label.double-line {
	height: 40px;
	padding-top: 0;
}

input[type="text"], select, textarea, .form-text-block, .select-style  {
	background-color: #ebebeb;
	width: 250px;
	height: 30px;
	border: 1px solid #fff;
	border-radius: 0;	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
.select-style {
	background-image: url('../img/select-arrow.jpg');
	background-repeat: no-repeat;
	background-position: 230px center;
	overflow: hidden;
	padding: 5px;
	float: left;
}
select {
	border: none;
	display: table-cell;
	background: transparent;
	width: 275px;
	height: 30px;
	padding: 5px;
	line-height: 1;
}
textarea { height: 132px; }
input[type="checkbox"] {
	display: none;
}
span.checkbox-icon {
	float: left;
	display: inline-block;
	width: 24px;
	height: 24px;
	border: 1px solid #000;
	padding: 0;
	margin-right: 10px;
	background-image: url('../img/sprite.png');
	background-repeat: no-repeat;
	background-position: -20px 0;
}
input[type="checkbox"]:checked + label span.checkbox-icon { 
	background-position: -46px 0; 
	border: 1px solid #4691cc;
}
button[type="submit"] {
	width: 180px;
	height: 40px;
	border: 1px solid #000;
	background: #fff;
}
button[type="submit"]:hover { 
	background: #68a7dd;
	color: #fff;
	border: 1px solid #BED9F0;
}
button[type="submit"]:active { background: #83ACF0; }
input[type="text"]:focus, select:focus, textarea:focus, input[type="checkbox"]:focus {
	outline: none;
	outline-color: transparent;
	outline-style: none;
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
input[type="text"].error, textarea.error, .select-style.error, span.checkbox-icon.error  { border: 1px solid #F50200; }
span.checkbox-icon.error { background-color: #F4AAA7; }
input.long, select.long, textarea.long { width: 650px; }
input.short, select.short, textarea.short { width: 185px; }
input.money {
	background-image: url('../img/sprite.png');
	background-repeat: no-repeat;
	background-position: -85px 7px;
	padding-left: 20px;
}
.form-text-block {
	width: 620px;
	height: 250px;
	overflow: scroll;
	padding: 12px 20px;
	margin-bottom: 30px;
	float: left;
	font-size: 12px;
}
label.full-width {
	width: 800px;
	text-align: left;
}
/* 404 */
.error404 {
	padding: 80px 0 80px 0;
}

/* Header */
.header .container {
	padding: 35px 0 0 0;
}
.header h1 {
	background: url('../img/logo.jpg') no-repeat;
	height: 78px;
	text-indent: -99999px;
	margin: 0 0 0 24px;
	padding: 0;
}
ul.topbar-nav {
	margin-top: 35px;
	margin-bottom: 10px;
}
ul.topbar-nav li a {
	color: #000;
	padding: 6px 20px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
}
ul.topbar-nav li a:hover {
	color: #fff;
}
.tagline h2 {
	margin-top: 10px; 
	margin-bottom: 10px;
	padding: 10px 0;
	background: url('../img/tagline-bg.jpg') repeat-y;
	color: #fff;
	font-size: 14px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
ul.main-nav {
	margin: 0;
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
}
ul.main-nav li {
	border-right: 1px solid #c8c8c8;
	height: 50px;
}
ul.main-nav li button {
	background: #fff;
	color: #606060;
	height: 50px;
	line-height: 1em;
}
ul.main-nav li button:hover, ul.main-nav li button.active {
	background: #68a7dd;
	color: #fff;
}

/* Front Slider */
.slider-container {
	overflow: hidden;
	position: relative;
	width: 940px;
	height: 380px;
}
ul.slide-banner-wrap li {
	position: relative;
	padding: 0;
	margin: 0;
}
.slide-text-wrap {
	position: absolute;
	width: 100%;
	height: 86px;
	bottom: 0;
	background: url('../img/slide-text-bg.png') repeat-x;
	color: #fff;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-weight: 300;
}
.slide-img { position: relative; }
.slide-img button.popup-gallery-btn {
	position: absolute;
	top: 230px;
	left: 20px;
	padding: 5px;
	width: 120px;
	border: none;
	background: #fff;
}
.slide-img button.popup-gallery-btn:hover { 
	background: #63b8ff;
	color: #fff;
}
.slide-text-wrap h3 {
	font-size: 48px;
	font-weight: 100;
	margin: 10px 0 0 20px;
}
.slide-list-summary {
	position: relative;
	width: 825px;
	height: 28px;
	margin: 8px 0 0 25px;
	overflow: hidden;
	letter-spacing: 0.1em;
}
.slide-list-summary ul { position: absolute; }
.slide-list-summary ul, .slide-list-summary p {
	width: 100%;
}
.slide-list-summary ul li {
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding-left: 30px;
	margin-right: 10px;
	background: url('../img/sprite.png') no-repeat;
	background-position: -95px -52px;
}
.slide-list-summary ul li#military-custom {
	width: 2680px;
}
ul.slide-nav li {
	margin: 0;
	padding: 0;
	height: 60px;
}
button.more-arrow, button.back-arrow {
	border: none;
	position: absolute;
	display: block;
	right: 60px;
	bottom: 12px;
	background: url('../img/sprite.png') no-repeat;
	background-position: -10px -30px;
	width: 10px;
	height: 12px;
}
button.back-arrow { 
	left: 20px;
	background-position: -10px -54px; 
}
button.more-arrow:hover { background-position: -27px -30px; }
button.back-arrow:hover { background-position: -27px -54px; }
button.more-arrow.disabled, button.back-arrow.disabled {
	opacity: 0;
	cursor: default;
}
.main-banner {
	width: 940px;
	height: 300px;
}

	/* Vehicles Popup */
	#vehicle-popup-wrap {
		display: none;
		position: fixed;
		z-index: 9999;
		background: #fff;
		width: 570px;
		height: 510px;
		padding: 30px 0;
		box-shadow: 3px 3px 12px #000;
		-webkit-box-shadow: 3px 3px 12px #000;
		-moz-box-shadow: 3px 3px 12px #000;
		-o-box-shadow: 3px 3px 12px #000;
		-ms-box-shadow: 3px 3px 12px #000;
	}
	.popup-gallery-count-wrap {
		height: 40px;
		font-size: 18px;
	}
	.popup-images-slide-wrap {
		position: relative;
		width: 470px;
		height: 320px;
		overflow: hidden;
		margin: 0 auto;
	}
	ul.popup-images-container {
		position: absolute;
		height: 320px;
		margin: 0;
		padding: 0;
	}
	ul.popup-images-container li {
		display: inline-block;
		list-style: none;
		zoom: 1;
		*display: inline;
		float: left;
	}
	.popup-gallery-arrows-wrap {
		padding: 60px 0 0 0;
	}
	.popup-gallery-arrows-wrap button {
		border: none;
		background-color: #fff;
		background-image: url('../img/sprite.png');
		background-repeat: no-repeat;
		background-position: 0 -75px;
		width: 40px;
		height: 74px;
	}
	.popup-gallery-arrows-wrap button.right-arrow { background-position: -74px -75px; }
	.popup-gallery-arrows-wrap button.close-popup { 
		background-position: -110px -75px; 
		margin: 0 80px;
	}
	.popup-gallery-arrows-wrap button.left-arrow:hover { background-position: 0 -149px; }
	.popup-gallery-arrows-wrap button.right-arrow:hover { background-position: -74px -149px; }
	.popup-gallery-arrows-wrap button.close-popup:hover { background-position: -110px -149px; }
	.popup-gallery-arrows-wrap button.left-arrow.disabled, .popup-gallery-arrows-wrap button.right-arrow.disabled {
		cursor: default;
		opacity: 0.2;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";	/* IE 8 */
		filter: alpha(opacity=20);	/* IE 5-7 */
		-moz-opacity: 0.2;	/* Netscape */
		-khtml-opacity: 0.2;	/* Safari 1.x */
	}

/* ABOUT page */
.about-banner { background: url('../img/banner-about.jpg') no-repeat; }
.focus-points p { margin-bottom: 30px; }

/* CONTACT page */
.contact-wrap {
	padding: 50px 220px;
}
.contact-wrap h2 {
	font-size: 36px;
	font-weight: 100;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.contact-wrap h3 {
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.18em;
}
.contact-wrap hr {
	margin: 50px 0;
}
.contact-wrap h4.contact-email a {
	color: #000;
	font-weight: bold;
	letter-spacing: 0.18em;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
}
.contact-wrap h4.contact-email a:hover {
	color: #08c;
}

/*  SERVICES Page */
.services-banner { background: url('../img/banner-services.jpg') no-repeat;  }
.service-list ul {
	padding: 5px 40px 10px 40px;
	margin: 0;
}
.service-list .middle-col ul {
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
}
.service-list ul li {
	list-style: none;
	margin: 10px 0 10px 0;
}
.approach-wrap { 
	width: 940px; 
	margin-top: 40px;
	padding: 30px 0;
}
.approach-wrap h3 {
	font-size: 18px;
	font-weight: bold;
}
.approach-wrap h4 {
	text-transform: uppercase;
	border-right: 1px solid #fff;
	padding: 10px 20px 10px 0;
}
.approach-wrap p { padding-left: 10px; }
.approach-wrap .approach-points { margin-bottom: 40px; }
.approach-wrap .approach-points:last-child { margin-bottom: 0; }


/*  EXPERIENCE Page */
.experience-banner { background: url('../img/banner-experience.jpg') no-repeat; }
ul.client-list {
	padding: 20px 0 20px 0;
	margin: 30px 0 0 0;
}
ul.client-list li {
	text-indent: -99999px;
	margin: 8px;
	background-image: url('../img/client-sprite.jpg');
	background-repeat: no-repeat;
	width: 186px;
	height: 90px;
	box-shadow: 2px 2px 4px #DCDCDC;
	-webkit-box-shadow: 2px 2px 4px #DCDCDC;
	-moz-box-shadow: 2px 2px 4px #DCDCDC;
	-o-box-shadow: 2px 2px 4px #DCDCDC;
	-ms-box-shadow: 2px 2px 4px #DCDCDC;
}
ul.client-list li.logo-citi-bank { background-position: -12px 0; }
ul.client-list li.logo-bnp-paribas { background-position: -220px 0; }
ul.client-list li.logo-union-bank { background-position: -426px 0; }
ul.client-list li.logo-propaganda-films { background-position: -628px 0; }
ul.client-list li.logo-ugc { background-position: -12px -112px; }
ul.client-list li.logo-canal { background-position: -220px -112px; }
ul.client-list li.logo-m6 { background-position: -426px -112px; }
ul.client-list li.logo-lakeshore-entertainment { background-position: -628px -112px; }
ul.client-list li.logo-icon { background-position: -12px -232px; }
ul.client-list li.logo-star { background-position: -220px -232px; }
ul.client-list li.logo-news-corporation { background-position: -426px -232px; }
ul.client-list li.logo-virgin { background-position: -628px -232px; }
ul.client-list li.logo-mlb { background-position: -12px -354px; }
ul.client-list li.logo-qwest { background-position: -220px -354px; }
ul.client-list li.logo-ntt-verio { background-position: -426px -354px; }
ul.client-list li.logo-eros-international { background-position: -628px -354px; }


/* PATRIOTS Page */
.patriot-banner { background: url('../img/banner-patriots.jpg') no-repeat; }
ul.patriot-nav  {
	border-left: 1px solid #fff;
	height: 40px;
}
ul.patriot-nav > li {
	height: 40px;
	border-right: 1px solid #fff;
}
ul.patriot-nav > li > button {
	background: #e1e1e1;
	width: 100%;
	height: 40px;
	border-bottom: 2px solid #fff;
}
ul.patriot-nav > li > button:hover, ul.patriot-nav > li > button.active {
	background: #fff;
	border-bottom: 2px solid #d02e27;
}
.patriot-bios-wrap .span12 {
	margin-left: 0;
}
.patriot-bio {
	min-height: 200px;
	display: none;
}
.patriot-bio.active { display: block; }
.patriot-bio h3 {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.06em;
}

/* NEWSROOM Page */
.newsroom-banner { background: url('../img/banner-newsroom.jpg') no-repeat; }
.timeline-slider-wrap { height:80px; }
.timeline-slider-wrap .span12 { margin-left: 0; }
.timeline-slider-container {
	width: 820px;
	margin: 0 auto;
}
.timeline-slider {
	cursor: pointer;
	height: 24px;
	background: url('../img/timeline-bg.jpg') repeat-y;
	border: none;
}
.timeline-slider a.ui-slider-handle {
	cursor: pointer;
	border: 1px solid #E3E3E3;
	display: block;
	margin-top: -3px;
	width: 36px;
	height: 36px;
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-o-border-radius: 18px;
	-ms-border-radius: 18px;
	box-shadow: 1px 3px 3px #2D395C;
	-webkit-box-shadow: 1px 3px 3px #2D395C;
	-moz-box-shadow: 1px 3px 3px #2D395C;
	-o-box-shadow: 1px 3px 3px #2D395C;
	-ms-box-shadow: 1px 3px 3px #2D395C;
}
.timeline-slider .ui-state-focus { background: #fff; }
.date-range { margin-bottom: 20px; }
.date-range h4 {
	font-size: 48px;
	font-weight: 100;
}
.scroll-pane { overflow: hidden; }
.scroll-content { float: left; }
.news-article:first-child { margin-left: 0; }
.article-date {
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 40px;
}
.article-date span {
	float: left;
	font-weight: bold;
	font-size: 18px;
	margin-right: 5px;
}
.published-by, .case-study p { font-size: 12px; }
.news-article p { margin: 16px 0; }
.published-by {  margin-bottom: 14px; }
.article-title span { font-weight: bold; }
.article-summary button { 
	font-weight: bold; 
	color: #355b87; 
	border: none;
	background: none;
}
.article-summary button:hover { color: #4A81BE; }
.full-article-container {
	height: 1px;
	overflow: hidden;
}
.full-article-display {
	position: relative;
	padding-left: 50px;
	background: #fff;
	margin-left: 0;
}
button.close-article {
	text-transform: uppercase;
	float: right;
	font-weight: bold;
	clear: both;
	border: none;
	background: none;
}
button.close-article:hover {
	color: #2A4EA9;
}

/* Form Submissions */
.form-tab-wrap ul.full-width { 
	margin-top: 30px;
	border: 1px solid #e1e1e1; 
}
.form-tab-wrap ul.full-width li { border-right: 1px solid #fff; }
.form-tab-wrap ul.full-width li:last-child { border-right: none; }
.form-tab-wrap ul.full-width li button {
	height: 40px;
	border-bottom: 2px solid #fff;
}
.form-tab-wrap ul.full-width li button:hover, .form-tab-wrap ul.full-width li button.active { border-bottom: 2px solid #d02e25; }
.table-row {
	clear: both;
	margin-bottom: 10px;
}
.form-display-wrap {
	position: relative;
	overflow: hidden;
}
.form-container { 
	min-height: 400px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	/* IE 8 */
	filter: alpha(opacity=0);	/* IE 5-7 */
	-moz-opacity: 00;	/* Netscape */
	-khtml-opacity: 0;	/* Safari 1.x */
}
.form-container.active { 
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	/* IE 8 */
	filter: alpha(opacity=100);	/* IE 5-7 */
	-moz-opacity: 1;	/* Netscape */
	-khtml-opacity: 1;	/* Safari 1.x */
}
.form-section hr { margin: 20px 0 10px 0; }
.form-section input[type="submit"] {
	margin: 0 auto;
	margin-top: 40px;
	float: none;
}


/* COMING SOON Page */
.poster-row-wrap {
	margin-bottom: 40px;
}
.project_wrap {
	padding-right: 20px;
}
.project_wrap img {
}


/* Footer */
.footer {
	margin-top: 50px;
}
.footer .row-fluid {
	width: 940px;
	background: #e9e9e9;
	color: #8b8b8b;
	font-size: 11px;
	letter-spacing: 0.1em;
	padding: 10px 0 10px 0;
}

/* CUSTOM SCROLL BAR */
.mCustomScrollBox>.mCSB_scrollTools {
	width: 25px;
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown {
	width: 25px;
	height: 25px;
	z-index: 99;
	background-color: #fff;
	background-image: url('../img/sprite.png');
	background-repeat: none;
	background-position: -38px -25px;
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_buttonDown {
	margin-top: -50px;
	background-position: -38px -48px;
}
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
	background-position: -65px -25px;
}
.mCSB_scrollTools .mCSB_buttonDown:hover { background-position: -65px -48px; }
.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 28px 0 0 0;
	height: 193px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 25px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
	background: none;
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
	width: 25px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
}