@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=3c155156-9726-4a57-ad12-b26a47d70fea");
@font-face{
font-family:"Trade Gothic W01 Light";
src:url("../fonts/1d699af3-0e50-4c4b-a343-42d071e85714.eot?#iefix");
src:url("../fonts/1d699af3-0e50-4c4b-a343-42d071e85714.eot?#iefix") format("eot"),url("../fonts/5414f75e-5cb8-4357-88e5-5a294424c859.woff2") format("woff2"),url("../fonts/537b145a-6a7d-4787-81d9-7228d3a42458.woff") format("woff"),url("../fonts/8e50278c-45cd-4808-b774-24767d958f17.ttf") format("truetype"),url("../fonts/d918b947-5fcb-42e2-8286-a98a801876de.svg#d918b947-5fcb-42e2-8286-a98a801876de") format("svg");
}
@font-face{
font-family:"Trade Gothic W01 Roman";
src:url("../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix");
src:url("../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix") format("eot"),url("../fonts/7b555e94-d57a-415e-a36e-1b0c5d3b90d2.woff2") format("woff2"),url("../fonts/c4aef0d4-bfcf-4790-acf5-909881f411e8.woff") format("woff"),url("../fonts/e741f29c-bc18-4343-bff3-db2465a0be3e.ttf") format("truetype"),url("../fonts/853e2a9b-4057-42a5-ad7e-0762cda0b13c.svg#853e2a9b-4057-42a5-ad7e-0762cda0b13c") format("svg");
}
@font-face{
font-family:"TradeGothicW01-BoldCn20_675334";
src:url("../fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix");
src:url("../fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix") format("eot"),url("../fonts/1ba28851-f34b-4cb8-bf58-6a4b160ba249.woff2") format("woff2"),url("../fonts/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"),url("../fonts/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"),url("../fonts/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg");
}

body {
    font-family: "Trade Gothic W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

p {
	margin: 0 0 18px;	
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family:'TradeGothicW01-BoldCn20_675334','DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color:#5b79bc;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small,
.h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small,
h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small,
h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small,
h1 small, h2 .small, h2 small, h3 .small, h3 small {
    font-size: 65%
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small,
h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-size: 75%
}

.h1, h1 {
    font-size: 36px
}

.h2, h2 {
    font-size: 30px
}

.h3, h3 {
    font-size: 24px
}

.h4, h4 {
    font-size: 18px
}

.h5, h5 {
    font-size: 14px
}

.h6, h6 {
    font-size: 12px
}


/* add "no-gutter" class to row to remove Gutter from default Bootstrap Columns*/
.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

header {
	background-color:#fff;
	z-index:100;
}

article {
	border-top:4px solid #5b79bc;
	position:relative;
	top: -33px;
	margin-bottom: -33px;
}

h2.page-header {
	font-family:'TradeGothicW01-BoldCn20_675334','DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
	font-size:36px;
	color:#5b79bc;
	text-transform:uppercase;
	position:relative;
	left:70%;
	margin:0 0 30px 0;
	padding:10px 30px 10px 10px;
	border-bottom:1px dashed #5b79bc;
	border-top:1px dashed #5b79bc;
	border-left: 10px solid #5b79bc;
	}

.logo {
	margin:24px 0;
}

.subhead h4 {
	font-family:'TradeGothicW01-BoldCn20_675334','DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#5b79bc;
	text-transform:uppercase;
	letter-spacing: 1px;
	margin:54px 0 0 20px;
}

.nav-wrap  {
	position:relative;
	top:-26px;
}

.navbar {
    border-radius: 0px;
	background-color: #5c79bc;
	margin-bottom: 0px;
	z-index:100;
}

.navbar-default {
    border:none;
}

.navbar-default .navbar-toggle .icon-bar {background-color: #fff}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: rgba(255, 255, 255, .25);
}

.navbar-brand {
	display:none;
}

.nav.navbar-nav {
    border-color: transparent;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 20px 15px;
}

.navbar-default .navbar-nav>li>a {
	text-transform:uppercase;
	color:rgba(255,255,255,0.70);
	font-family:'TradeGothicW01-BoldCn20_675334','DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
	font-size:16px;
	transition:all ease-in-out .25s;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover
{color:rgba(255,255,255,0.99);background-color:transparent}



.end li {
	background-color:#58595b;
	color:#fff;
	font-family:'TradeGothicW01-BoldCn20_675334','DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
	font-size:16px;
	}
	
	.end li a{
		text-transform:none !important;
		font-family:"Trade Gothic W01 Roman";
		color:rgba(255,255,255,0.70);
	}
	
	.end li a:hover{
		color:rgba(255,255,255,1.0);
	}

/* Carousel */

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    width: 100%;
    /* max-width: 100%; */
    height: auto;
	z-index:50;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}


/* HOME PAGE*/
.home-lrg-copy 	{
	padding:40px 0;
	background-color:#FEFEFE;
}

.home-lrg-copy p {
	font-family:"Trade Gothic W01 Light";
	font-size: 28px;
	color:rgba(0,0,0,0.70);
}

.home-copy-block {
	padding: 50px 0 720px 0;
	background:#3571b9 url(../images/homepage-hero.jpg) bottom center no-repeat;
	background-size:cover;
	
}

.home-copy-block p {
	color:#fff;
	padding-left:30px;
	padding-right:30px;
}


/* LETTER */
.letter {
	background:#3571b9 url(../images/texture.jpg) center center no-repeat;
	background-size:cover;
	}
	
.letter p {
	color: #5c79bc;
}

.executive-box {
	padding:2%;
}

/* HIGHLIGHTS */
	
.highlights {
	background:#3571b9 url(../images/texture.jpg) center center no-repeat;
	background-size:cover;
	padding:80px 0;
}

.highlights h4 {
	font-family:'TradeGothicW01-BoldCn20_675334','DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
	font-size:18px;
color: #5c79bc;
}

.highlights p {
color: #5c79bc;
}

ul.legend {
padding:8px;
border:1px solid #5c79bc;
color:#5c79bc;
margin-bottom:40px;
}

ul.legend .ngls:before {
	display:inline-block;
	content:"";
	height:13px;
	width:13px;
	margin: 0px 6px;
	background:transparent url(../images/angled_lines.png);
	}

ul.legend .crude:before {
	display:inline-block;
	content:"";
	height:13px;
	width:13px;
	margin: 0px 6px;
	background-color: #96a4cd;
	}
/* Operations */

.basin-experience-wrap {
	background-color:#58595b;
	padding: 20px 0;
	}
	
	.basin-experience-arrow {
		background: transparent url(../images/experience-arrow.png) no-repeat top center;
		height:30px;
   		display: block;
	}
	
.basin-experience-wrap h2 {
	color:#fff;
	font-family:'TradeGothicW01-BoldCn20_675334','DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
	font-size:36px;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

.stats h3 {
	font-family:'TradeGothicW01-BoldCn20_675334','DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
	font-size:28px;
	text-transform:uppercase;
	color: #5c79bc;
	padding: 10% 15% 0 15%;
	margin:0 0 20px 0;
	}
	
.stats ul {
	padding: 0% 15% 10% 15%;
	margin:0;
	list-style:none;
	font-family:'TradeGothicW01-BoldCn20_675334','DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#58595b;
}
	
.stats h3:after {
	display:block;
	content:"";
	height:20px;
	width:50%;
	border-bottom: 2px dotted #5c79bc;
}

/* Designed to Endure */

.designed {
	background:#3571b9 url(../images/texture.jpg) center center no-repeat;
	background-size:cover;
	padding:80px 0;
}

.designed h4 {
	font-family:'TradeGothicW01-BoldCn20_675334','DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
	font-size:18px;
color: #5c79bc;
}

.designed p {
color: #5c79bc;
text-align:justify;
}


.scrollToTop {
	position:fixed;
    bottom:20px;
	right:20px;
	width:30px;
	height:30px;
	padding:5px;
	text-align:center;
	z-index:50;
	display:none;
	color:#fff;
	background-color:#505050;
}

.scrollToTop:hover {
	color:#CCC;
}

.sticky-wrapper {
	
}

.stickyNav {
	list-style:none;
	border-top:1px solid #5c79bc;
	border-bottom:1px solid #5c79bc;
	background-color: rgba(255, 255, 255, .85);
	display:table;
	padding:0;
	position:relative;
	width:100%;
	margin:0;
	z-index:50;
}

.stickyNav li {
	text-align:center;
	display: table-cell;
	margin:0;
	padding:0;
}

.stickyNav li a {
	font-family:'TradeGothicW01-BoldCn20_675334','DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
	font-size:18px;
	text-transform:uppercase;
	padding:20px 30px;
	display:block;
}

.stickyNav li a:hover {
	text-decoration:none;
}

.stuck {
    position:fixed;
    top:0;
}

blockquote {
	padding: 10px 20px;
	margin: 20px 0 20px 30px;
	font-size: 36px;
	color: #5c79bc;
	width: 50%;
	float: right;
	font-family: 'TradeGothicW01-BoldCn20_675334', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.1;
}

blockquote:after {
	display:block;
	content:"";
	width:33%;
	height:5px;
	margin:5px 0;
	background-color: #5c79bc;
}

.blockquote-reverse, blockquote.pull-right {
	padding-right: 15px;
	padding-left: 15px;
	text-align: left;
	border-right: 0; 
	/* border-left: 0; */
}



.assets-banner {
	width:100%;
	margin:60px 0px;
}

.people-banner {
	width:100%;
	margin:60px 0px;
}

.technology-banner {
	width:100%;
	margin:60px 0px;
}

.financial-banner {
	width:100%;
	margin:60px 0px;
}

.assets-banner h2, 
.people-banner h2,
.technology-banner h2,
.financial-banner h2 {
position: absolute;
font-size:36px;
text-transform:uppercase;
background-color: rgba(246,246,246, .85);
padding:25px 60px;
margin-top:40px;
border-right:10px solid #5c79bc;

}

/* Company Info */
.company-info {
	padding:60px 0;
	background:#3571b9 url(../images/texture.jpg) center center no-repeat;
	background-size:cover;
	}
	
.company-info p {
	color: #5c79bc;
}



	
	footer {
		background-color:#000;
		padding: 40px 0;
		
		}

	footer p {
		font-family:'Trade Gothic W01 Roman', Helvetica, sans-serif;
		font-size:12px;
		color:rgba(255,255,255,0.70);
	}
	
	footer p a {
		color:rgba(255,255,255,0.70);
		transition:all ease-in-out .25s;
	}
	footer p a:hover {
		color:rgba(255,255,255,0.99);
	}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.home-copy-block {
	padding: 80px 0 1000px 0;
	}
	
	.home-copy-block p {
	font-size:16px;
	line-height:24px;
}
}

/* Large Devices, Wide Screens */



@media only screen and (min-width : 1200px) {
	.home-copy-block {
	padding: 100px 0 1200px 0;
	}
	
	.home-copy-block p {
	font-size:20px;
	line-height:30px;
	margin: 0 0 20px;
}

blockquote {
	padding: 10px 20px;
	margin: 20px 0 20px 30px;
	font-size: 36px;
	color: #5c79bc;
	width: 33%;
	float: right;
	font-family: 'TradeGothicW01-BoldCn20_675334', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.1;
}
}

@media only screen and (min-width: 1600px) {
	.home-copy-block {
	padding: 100px 0 1200px 0;
	}
	
	.home-copy-block p {
	font-size:24px;
	line-height:36px;
}
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.navbar-default .navbar-nav>li>a {
	font-size:12px;
}

.assets-banner h2, 
.people-banner h2,
.technology-banner h2,
.financial-banner h2 {
font-size:32px;
padding:20px 30px;

}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
.header-brand {display:none;}

.nav-wrap {
	position:relative;
	z-index:100;
	top:0px;
}

.navbar-brand {
	display:block;
	padding: 4px 15px;
	background-color:#fff;
}

.stack {
	width:100%;
	text-align:left;
	}
	
	.navbar-default .navbar-nav>li>a {
	font-size:18px;
}


article {
	border-top:none;
}

.home-lrg-copy p {
	font-size: 24px;
}

.home-copy-block {
	padding: 60px 0 440px 0;
	background-size:780px 602px;
	}

article {
	top: 0px;
	margin-bottom: 0px;
}

.executive-box {
	padding:5%;
}

.stickyNav li a {
	font-family:'TradeGothicW01-BoldCn20_675334','DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
	font-size:15px;
	text-transform:uppercase;
	padding:10px 15px;
	display:block;
}


blockquote {
	padding: 10px 20px;
	margin: 20px 0 20px 30px;
	font-size: 26px;
	color: #5c79bc;
	width: 50%;
	float: right;
	font-family: 'TradeGothicW01-BoldCn20_675334', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.1;
}

.assets-banner h2, 
.people-banner h2,
.technology-banner h2,
.financial-banner h2 {
font-size:28px;
padding:20px 30px;

}

}

@media only screen and (max-width : 640px) {
.home-lrg-copy p {
	font-size: 18px;
}

.assets-banner h2, 
.people-banner h2,
.technology-banner h2,
.financial-banner h2 {
font-size:22px;
padding:20px 30px;

}

}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {



.assets-banner h2, 
.people-banner h2,
.technology-banner h2,
.financial-banner h2 {
font-size:16px;
padding:10px 20px;
border-right:5px solid #5c79bc;
}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

 .home-copy-block {
	padding: 40px 0 350px 0;
	background-size:720px 588px;
	}
 .home-copy-block p {
padding-left:0;
	padding-right:0;
}
}