/* colors

blue: #00adef
bronze: #c7b071
light-bronze: #ded0ae

*/

body {
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    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: 'Oswald', Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color:#00adef;
}

.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: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #cccccc 100%);
  background: -webkit-linear-gradient(top,  #ffffff 0%,#cccccc 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
}


article {
	border-top:4px solid #00adef;
	position:relative;
}

h2.page-header {
	font-family: 'Oswald', 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 {display: inline-block;}
.subhead h4 {
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#666666;
	text-transform:uppercase;
	letter-spacing: 1px;
	margin:54px 0 0 20px;
  display: inline-block;
}

.web-address {
  float:right;
  display: inline-block;
}

.web-address a {
  position: relative;
top:54px;
color:#00adef;
}

.nav-wrap  {
  background-color: #000000;
	position:relative;
}

.navbar {
    border-radius: 0px;
	background-color: #000000;
	margin-bottom: 0px;
}

.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: 'Oswald','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}

.navbar-default .navbar-nav>.active>a {
 background-color: #483e2d;
 color:#fff;
}

.navbar-default .navbar-nav>.active>a:hover {
 background-color: #483e2d;
 color:#fff;
}


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

.home-lrg-copy p {
	font-family: 'Oswald','DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
	font-size: 28px;
	color:rgba(0,0,0,0.70);
}

.home-copy-block {
	padding: 100px 0 300px 0;
	background:#fff url(../images/bkgd-homepage.jpg) top center no-repeat;
	background-size:cover;

}

.home-copy-block p {
	color:#000;
}


/* LETTER */
.letter {
	background:#3571b9 url(../images/bkgd-letter.jpg) center center no-repeat;
	background-size:cover;
  padding:40px 0 180px 0;
	}

  .letter-headerbox {
    max-width:800px;
padding:40px 60px;
margin-left: auto;
margin-right: auto;
  }

.letter p {
  font-size: 18px;
  line-height: 2;
	color: #fff;
}

.executive-box {
	padding:2%;
}

/* HIGHLIGHTS */

.highlights {
	background:#fff url(../images/bkgd-white-elevation.jpg) top center;
	/*background-size:cover;*/
	padding:40px 0;
}

.highlights h3 {
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:18px;
color: #00adef;
}
.highlights h4 {
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:24px;
  letter-spacing: 1px;
color: #00adef;
}


.highlights p {
color: #666;
}

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

ul.legend .ngls:before {
	display:inline-block;
	content:"";
	height:13px;
	width:13px;
	margin: 0px 6px;
	background-color:#ded0ae; /* Light Bronze */
	}

ul.legend .crude:before {
	display:inline-block;
	content:"";
	height:13px;
	width:13px;
	margin: 0px 6px;
	background-color: #00adef;

	}

  .img-chart {
padding:25px;
  }
/* Operations */

.operations {
background-color:#000;
}

.basin-experience-wrap {
	background-color:#00adef;
	padding: 20px 0;
	}

	.basin-experience-arrow {
		background: transparent url(../images/experience-arrow.png) no-repeat top center;
		height:30px;
   	display: block;
	}

  h2.operations-header {
    font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  	font-size:28px;
    font-weight: 200;
    color:#00adef;
    padding:10px 40px;
    margin:40px 0;
    letter-spacing: 2px;
    border: 1px solid #fff;
    text-align: center;
    display: inline;
  }

.basin-experience-wrap h2 {
	color:#fff;
	font-family: 'Oswald','DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
	font-size:36px;
	text-align:center;
	text-transform:uppercase;
	margin:0;
	padding:0;
}

.operations-img {
  margin-left: 50px;
  margin-bottom:50px;
}

.stats h3 {
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:28px;
	text-transform:uppercase;
	color: #00adef;
	padding: 10% 15% 0 15%;
	margin:0 0 20px 0;
	}

.stats ul {
	padding: 0% 15% 10% 15%;
	margin:0;
	list-style:none;
	font-family: 'Oswald','DejaVu Sans Condensed', Helvetica, Arial, sans-serif;
	font-size:22px;
	color:#cccccc;
}

.stats h3:after {
	display:block;
	content:"";
	height:20px;
	width:90%;
	border-bottom: 2px dotted #00adef;
}

/* Designed to Endure */

.designed {

	padding: 0;
}

.designed h2 {
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:36px;
  font-weight: 200;
color: #c7b071;
margin:40px 0;
}

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

.sidebar {
margin-top:40px;
}

.sidebar p {
 color:#00adef;
 padding:10px 40px;
 text-align:left;
}

.copy-block {
  background:#fff url(../images/bkgd-white-elevation.jpg) top center no-repeat;
  padding-bottom: 30px;
}

.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 #00adef;
	border-bottom:1px solid #00adef;
	background-color: rgba(255, 255, 255, .90);
	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: 'Oswald', Helvetica, Arial, sans-serif;
	font-size:17px;
	text-transform:uppercase;
	padding:15px 30px;
	display:block;
  color:#00adef;
}

.stickyNav li a:hover {
	text-decoration:none;
  color:#018dc2;
}

.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: 'Oswald', 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:0px;
  position: relative;
}

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

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

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

.assets-banner h2,
.people-banner h2,
.technology-banner h2,
.financial-banner h2 {
position: absolute;
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:24px;
font-weight: 700;
letter-spacing: 1px;
color:#fff;
text-transform:uppercase;
background-color: #00adef;
margin: 0;
padding:15px 60px;
bottom:40px;

}

/* Company Info */
.company-info {
	padding:60px 0;
	background:#000 url(../images/bkgd-black-elevation.jpg) top center;
	/*background-size:cover;*/
	}

.blue-strip {
   background-color:#00adef;
   padding:10px;
   margin-bottom: 30px;
   text-align:center;
  }

.blue-strip h2 {
margin:0;
color:#fff;
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
text-transform:uppercase
}

.company-info p {
	color: #fff;
}

	footer {
		background-color:#00adef;
		padding: 60px 0;

		}

	footer p {
    margin:0;
    padding:0;
		font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, 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: 180px 0 300px 0;
  background-size:1279px 1089px;
	}

	.home-copy-block p {
	font-size:16px;
	line-height:24px;
}

.assets-banner h2,
.people-banner h2,
.technology-banner h2,
.financial-banner h2 {
position: absolute;
font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:32px;
font-weight: 700;
letter-spacing: 1px;
color:#fff;
text-transform:uppercase;
background-color: #00adef;
margin: 0;
padding:15px 60px;
bottom:55px;

}

}

/* Large Devices, Wide Screens */



@media only screen and (min-width : 1200px) {
	.home-copy-block {
	padding: 180px 0 300px 0;
  background-size: 1599px 1362px;
	}

	.home-copy-block p {
	font-size:20px;
	line-height:30px;
}

blockquote {
	padding: 10px 20px;
	margin: 20px 0 20px 30px;
	font-size: 36px;
	color: #5c79bc;
	width: 33%;
	float: right;
	font-family: 'Oswald','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: 200px 0 600px 0;
  background-size:1920px 1635px;
	}

	.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:28px;
padding:10px 30px;
bottom: 25px;
}
}

/* 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: 100px 0 260px 0;
	}

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

.executive-box {
	padding:5%;
}

.stickyNav li a {
	font-family: 'Oswald', 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: 'Oswald', 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:10px 30px;
bottom: 30px;
}

h2.operations-header {
  font-size:24px;
}


}

@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;
margin:0;
padding:10px 30px;
bottom: 30px;
}

h2.operations-header {
  font-size:20px;
}

.operations-img {
  margin-left: 0px;
  margin-bottom: 0px;
}

}


/* 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:15px;
padding:6px 20px 7px 20px;
bottom: 12px;
}

h2.operations-header {
  font-size:18px;
}

.letter-headerbox {
padding:20px 30px;
}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
  .assets-banner h2,
  .people-banner h2,
  .technology-banner h2,
  .financial-banner h2 {
  font-size:13px;
  padding:5px 20px 6px 20px;
  bottom: 10px;
  }
 .home-copy-block {
	padding: 40px 0 350px 0;
	background-size:720px 588px;
	}
 .home-copy-block p {
padding-left:0;
	padding-right:0;
}
}