/*----- ACCESSIBILITY SKIP MENU STYLES -----*/

        .skiplist {
            margin: 0;
            padding: 0;
        }
        .skip {
            display: none;
            font-family: verdana, sans-serif;
            text-align: left;
            margin: 0;
            padding: 0;
            position: absolute;
        }
        /*All incl Opera*/
        /* * html */

        .skip {
            display: block;
        }
        /*Seen by IE*/

        :root .skip {
            display: block;
        }
        /*Seen by Moz, FF and Safari*/

        .skip a {
            padding: 0 0.5em;
            display: inline;
            z-index: 2;
            text-decoration: none;
            position: absolute;
            width: 14em;
            left: -200em;
            color: #fff;
        }
        .skip a:focus,
        .skip a:active {
            position: absolute;
            left: 0.5em;
            border: solid #333 2px;
            color: #fff;
            background: #555;
        }
        .skip a:hover {
            cursor: default;
        }
        body {
            background-color: #333;
            font-family: 'Raleway', sans-serif;
        }
        h1,
        h2,
        h3,
        h3 {
            font-family: 'Open Sans Condensed', sans-serif;
            color: #777;
            font-weight: 300;
        }
        h2 {
            font-size: 22px;
            font-weight:700;
            background-image:url(../images/bg-h2.png);
            margin-top:40px;
        }
        h2:first-child {
            margin-top:0px;
        }
        h2 span {
            background-color:#FFF;
            padding-right:10px;
        }
        h2.home {
            font-size: 40px;
            font-weight:300;
            background-image:none;
        }
        h2.home span {
            background-color:transparent;
            padding-right:0px;
        }
        a {
            color:#857547;
            text-decoration: none;
        }
        :focus, :active {
            outline: 0;
        }
        a:hover {
            color:#716133;
        }
        
        hr {
              border-top: 1px dotted #777;
        }

        ul.fa-ul li {
            margin-bottom:10px;
        }

        ul.fa-ul li a {
            font-weight: 700;
        }
        
        .row.mt40 {
            margin-top:40px;
        }


        .nav ul.fa-ul {
            margin-left: 0;
        }

        .nav ul.fa-ul li {
            margin-bottom:0px;
        }

        .nav ul.fa-ul .fa-li {
            position: relative;
            left: 0;
            top:0;
            width: auto;
            text-align: center;
        }
        
        .btn-default {
            background:#857547;
            color:#fff;
        }
        
        .page-intro {
            font-family: 'Open Sans Condensed', sans-serif;
            color: #777;
            font-weight: 300;
            font-size:28px;
            line-height: 32px;
            margin-bottom: 30px;
        }

        .header {
            position: relative;
            width: 100%;
            height: 100px;
            background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%);
            z-index: 1000;
        }
        .header img {
            max-width: 100%
        }
        .header h1 {
            margin: 15px 0 10px 0;
            color: #000;
            line-height: 20px;
        }
        .header h1 span {
            font-size: 18px;
            margin: 0;
        }
        .header .logo {
            /*    margin: 0 0 0 -15px;*/
        }
        .header .social {
            /*    margin: 0 0 0 -90px;*/
        }
        a.icon-social {
            color: #000;
            font-size: 18px;
        }
        a.icon-social:hover {
            color: #999;
        }
        .header .search {
            font-family: 'Open Sans Condensed', sans-serif;
            font-size: 26px;
            color: #000;
            padding: 10px 15px 0 0;
        }
        .header .input-group {
            max-width: 300px;
            float: right;
        }
        .hero {
            height: 500px;
            display: relative;
            background-image: url(../images/oil-gas.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: top center;
        }
        .hero-title {
            z-index: 100;
            /*width: 100%;*/
            text-align: center;
            padding: 160px 0 0 0;
            box-shadow: none !important;
        }
        .hero-title h1,
        .hero-title h2 {
            font-family: 'Open Sans Condensed', sans-serif;
            color: #fff;
        }
        .hero-title h1 {
            font-size: 6rem;
            line-height: 6rem;
            text-shadow: 1px 1px 1px #000;
        }
        .hero-title h2 {
            font-size: 3rem;
            line-height: 3rem;
            color: #fff;
            text-shadow: 1px 1px 1px #000;
            padding: 0 0 30px;
            font-weight: 300;
        }
        .hm-callouts img {
            border: solid 1px #111;
        }
        .page-title {
            background-color: #efefef;
        }
        .page-title h1 {
            font-size: 28px;
            font-weight: 300;
            text-transform: uppercase;
            color: #000;
            text-align: left;
            margin: 10px 0;
        }
        .content-wrapper {
            background-color: #FFF;
        }
        .main-content {
            padding-top: 10px;
            padding-bottom: 30px;
        }
        .main-content h2 {
            text-transform: uppercase;
        }
        
        .main-content h3 {
            margin-bottom:30px;
        }
        .gray1 {
            background-color: #9c8b5d;
            color: #ccc;
            padding: 60px 0;
        }
        .gray1 h2 {
            text-transform: uppercase;
            color: #ccc;
        }
        .footer {
            background-color: #000;
            font-family: 'Lato', sans-serif;
            color: #999;
            padding: 20px 0;
        }
        .footerlinks ul {
            list-style-type: none;
            margin: 0;
            padding: 12px 0 0 0;
            width: auto;
        }

.webcast-wrapper {
    border-top:dotted 1px #333;
    border-bottom:solid 2px #999;
    padding:10px 0;
    text-align:center;
    margin:10px 0;
}


        .footerlinks ul li {
            float: left;
        }
        .footerlinks ul li a {
            display: block;
            padding: 3px 15px 3px 0;
            font-size: 12px;
            color: #999;
            text-decoration: none;
            font-weight: 700;
        }
        .footerlinks ul li:last-child a {
            padding: 3px 0;
        }
        .footerlinks ul li a:hover {
            color: #FFF;
            text-decoration: none;
        }
        .copyright {
            clear: both;
            font-size: 12px;
            margin-top: 30px;
            border-top: solid 1px #999;
        }
        /*  Button styles  */

        a.btn {
            margin-top: 20px;
        }

        a.btn span {
            margin:3px 0 0 10px;
            float: right;
        }
        a.icon-social span.fa {
            float: left;
            margin: 0 8px 0 0;
        }
        a.btn.webcast {
            margin-top: 0px;
            float: none;
        }


      /*  span.fa {
            float: right;
            margin: 3px 0 0 20px;
        } */

        /* Area Specific Styles */

        .gpb-circle {
            width:234px;
            float:left;
            margin:0 20px 0 0;
        }

span.file-description {
    font-size:12px;
}

.open-jobs hr:last-child {
    display:none;  
}

.duedates {
    font-size:12px;
}


 /* SEARCH */

.search-box{
    float:right;
    margin-left:21px;
    margin-top:4px;
    font-size:14px;
}

.search-box {
  margin-left: 0px;
  width: auto;
  border: solid 1px #999;
  border-radius: 270px;
/*
  padding: 2px;
  height: 42px;
*/
}

.search-box  input{
    position:relative;
    -webkit-appearance:none;
}

.search-box  input:focus{
    outline:0;
}

.search-box  .toggle{
    background-repeat:no-repeat;
    -webkit-border-radius:999px;
    -moz-border-radius:999px;
    -ms-border-radius:999px;
    border-radius:999px;
    cursor:pointer;
    height:34px;
    width:34px;}

.search-box  .toggle{
   background-color:#fff;
   background-position:center -1px;
   background-size:36px 72px;}


.search-box  .toggle:hover{
    background-position:center -38px;
}

.search-box  .toggle {
    -webkit-transition:-webkit-transform .5s;
    -moz-transition:-moz-transform .5s;
    -ms-transition:-ms-transform .5s;
    transition:transform .5s;
    background-image:url("../images/search-sprite.png");
    background-position:2px -2px;
    background-size:36px 72px;
    border:none;
    text-indent:-999px;
    z-index:2;
}

.search-box  .toggle:hover{
    background-position: 2px -39px;
}

.search-box  .toggle.open {
    -webkit-transform:rotate(-270deg);
    -moz-transform:rotate(-270deg);
    -ms-transform:rotate(-270deg);
    transform:rotate(-270deg);
    background-position: 0px -1px;
}

.search-box  input[type="search"],.search-box  input[type="text"]{
    -webkit-transition:width 0.5s ease-in-out;
    -moz-transition:width 0.5s ease-in-out;
    -ms-transition:width 0.5s ease-in-out;
    -o-transition:width 0.5s ease-in-out;
    transition:width 0.5s ease-in-out;
    background-color:#fff;
    border:none;
    border-image-width:0;
    -webkit-border-radius:999px;
    -moz-border-radius:999px;
    -ms-border-radius:999px;
    border-radius:999px;
    height:36px;
    margin:0 0 0 -36px;
    padding: 0 0 0 36px;
    width:0;
    z-index:1;
}

.search-box  input[type="search"].open,.search-box  input[type="text"].open{
    width:215px;
}


@media only screen and (max-width:650px){

.search-box {
width:40px;
}}


        /* BOOTSTRAP OVERRIDES */

        .input-group-btn:last-child > .btn,
        .input-group-btn:last-child > .btn-group {
            height: 34px;
            width: 45px;
            padding-top: 2px;
            color: #999;
        }
        
        .col-xs-5 {
            float:left;
            width:20%;
        }

        @media (max-width: 1199px) {} 
        @media (max-width: 992px) {
            .header h1 {
                margin: 15px 0 10px 0;
                line-height: 20px;
                font-size: 28px;
            }
            .header h1 span {
                font-size: 18px;
                margin: 0;
            }
        }
        @media (max-width: 767px) {
        .gpb-circle {
            width:100%;
            text-align:center;
            float:none;
            margin:0 20 0 0;
        }
        .row.mt40 {
            margin-top:0px;
        }
        } 
        @media (max-width: 680px) {
        .col-xs-5 {
            float:none;
            width:100%;
        }    
        } 
        @media (max-width: 480px) {
        h2 {
            font-size: 22px;
            background-image:none;
        }
        } 

        @media (max-width: 380px) {}
        
        .sr-only {
            background-color: #000;
            color: #fff !important;
        }
        
        .skiplink-text {
            color: #fff;
        }