*{
    box-sizing: border-box;
    padding:0;
    margin:0;
    font-family: sans-serif;    
}

html{
    width:100%;
    font-size:100%;
}

body{
    width:100%;
    background-color: #3A3F42;
}

.home-bg{
    background-image: url("/storage/app/media/home-bg.jpg");
    background-size:cover;
    background-position:center;
}

.container{
    position: relative;
    max-width:1280px;
    margin:auto;
}

div.pad{
    padding:2.5em 0;
}

.full-width{
    width:100%;
    padding: 0 20px;
    position: relative;
    transition:all 0.25s;
}

.full-width.border-bottom{
        border-bottom:1px solid rgba(255,255,255,0.66);
}

.full-width.border-top{
        border-top:1px solid rgba(255,255,255,0.66);
}


.full-width.white{
    background-color: #fff;
}

.full-width.black{
    background-color: #000;
}

.full-width.grey{
    background-color: #3A3F42;
}

.full-width.light-grey{
    background-color: #eee;
}


.full-width.grey-grad{
    background: rgb(26,26,26);
    background: linear-gradient(0deg, rgba(26,26,26,1) 38%, rgba(0,0,0,1) 100%);
}

.header-image{
    background-image: url("");
    background-position: top;
    --background-attachment:fixed;
    background-repeat: no-repeat;   
    background-size:cover;
    height:450px;
    margin: 0 -20px;
}


div.header-image.about, .full-width.about{
    background-image: url("/storage/app/media/home-bg.jpg");
    background-position: center;
    background-size:cover;
    overflow:auto;
}

div.header-image.expertise, .full-width.expertise{
    background-image: url("/storage/app/media/expertise.jpg");
    background-position: center 20%; 
    background-size:cover;
    overflow:auto;
}


 div.header-image.forensic, .full-width.forensic{
    background-image: url("/storage/app/media/forensic-analysis-and-dispute-resolution.jpg");   
    background-size:cover;
    overflow:auto;
}


 div.header-image.expert, .full-width.expert{
    background-image: url("/storage/app/media/expert-witness.webp");
    background-position: center;
    background-size:cover;
    overflow:auto;
   
}

div.header-image.project-planning, .full-width.project-planning{
    background-image: url("/storage/app/media/project-planning-and-programming.jpg");
    background-position: bottom;   
    background-size:cover;
    overflow:auto;
}



 div.header-image.contract-management-advisory, .full-width.contract-management-advisory{
    background-image: url("/storage/app/media/contract-management-advisory.jpg");
    background-position: top; 
    background-size:cover;
    overflow:auto;
}

 div.header-image.project-management-support, .full-width.project-management-support{
    background-image: url("/storage/app/media/project-management-support.jpg");
    background-position: center 40%; 
    background-size:cover;
    overflow:auto;
}

div.header-image.education-and-training, .full-width.education-and-training{
    background-image: url("/storage/app/media/education-and-training.jpg");
    background-position: center 60%; 
    background-size:cover;
    overflow:auto;
}


div.header-image.residential-commercial, .full-width.residential-commercial{
    background-image: url("/storage/app/media/residential-commercial.jpg"); 
    background-size:cover;
    overflow:auto;
}

div.header-image.transportation, .full-width.transportation{
    background-image: url("/storage/app/media/transportation.jpg"); 
    background-position: bottom; 
    background-size:cover;
    overflow:auto;
}

div.header-image.infrastructure-engineering, .full-width.infrastructure-engineering{
    background-image: url("/storage/app/media/infrastructure-engineering.jpg"); 
    background-size:cover;
    overflow:auto;
}

div.header-image.mining-and-resources, .full-width.mining-and-resources{
    background-image: url("/storage/app/media/mining-and-resources.jpg"); 
    background-position: center;  
    background-size:cover;
    overflow:auto;
}

div.header-image.government, .full-width.government{
    background-image: url("/storage/app/media/government.jpg"); 
    background-position: center 55%; 
    background-size:cover;
    overflow:auto;
}
div.header-image.contact, .full-width.contact{
    background-color:skyblue;
    background-size:cover;
    overflow:auto;

}

.sticky{
    position:-webkit-sticky; 
    position: sticky;
    top: 0px;
    z-index:10000;    
}

.flex-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height:126px;
}

.flex-header > *{

}


.logo{ 
    padding-top:9px;   
}


.nav-contact{
    border:3px solid white;
}



nav{
    --width:100%;    
    text-align:center;
}

nav ul {  
    --display: block;
    list-style: none;
}

.mobile-nav{
    display: none;
}


nav ul li{
    padding: 0.5em 1em;
    padding-bottom:0.4em;
    display: inline-block;
    position:relative;
}

nav ul li a {
    text-transform: uppercase;
    font-family: "Roboto Condensed";
    font-weight: bold;
    text-decoration: none;
    font-size:1.1em;
    line-height:1;
    color:#fff;
}



nav ul li:hover, nav ul li.selected {
    background-color: #7c878e;  
}

nav ul li:hover ul.dropdown {
    display: block;
}

nav ul > li > small{
    color:#fff;
    font-size:0.75em;
}
    
nav ul.dropdown{
    text-align:left;
    z-index: 1000;
    display: none;
    position: absolute;
    background-color: #7c878e;  
    padding:  0.5em 1em;
    margin-top:8px;
    margin-left:-1em;
    border-top: 2px solid transparent;
}

nav ul.dropdown li{
    padding:  0.25em 0;
    white-space: nowrap;    
    width: 100%;
}

nav ul.dropdown li a{
    color:white
}

nav ul.dropdown li a:hover{
    color:#3A3F42;
}

nav li small{
    display:inline-block;
    font-size:0.7em;
    vertical-align:middle;
}

.home-col{
  width:60%;
}

.hero{    
    padding:1.5em 0;
    position:relative;
    padding-bottom:1.1em;
  
}

.hero a.btn{
    position:absolute;
    right:0;
    bottom:50px;
    background-color:#fff;
    color:#3A3F42;
    text-transform: uppercase;
    font-family: "Roboto Condensed";
    font-weight: bold;    
}

.home-panels{
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    margin: 0 -1em;
    margin-bottom:180px;
}

.home-panels > div{    
    width:50%; 
    flex-grow: 1;
    padding:1em;  
}

.home-panels > div > div{
    height:96px;
    background-color:rgba(58,63,66,0.95);
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;    
    padding:2em;
    
}

.home-panels > div > div:hover{
        background-color: #000;
}

.home-panels  a{    
    text-align:center;
    text-transform: uppercase;
    font-family: "Roboto Condensed";
    font-weight: bold;
    text-decoration: none;
    font-size:1.1em;
    line-height:1.2;
    color:#fff;    
}



.content{
    width:90%;  
    background: rgba(238,238,238,0.85);
    margin:auto;
    margin:100px auto;
    padding:4.5em 8em;
    overflow:hidden;   
    
}


div.image{        
    background-image: url("../img/photo-rig-1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}





div.text{  
    padding:3em 5em;
    padding-right: 3em;
}

div.text{
    color: white;
}

.flex-testimonials{   
   display:flex;

   margin:0 -9em;
}

.flex-testimonials > div{
    width:50%;
    margin:1em;
    background:#111;
}
.flex-testimonials .text{    
    color: white;
    padding:2em 3em;
}

.flex-testimonials .text p{
    color: #ddd;
    font-size:1em;
    font-weight:300;
}


.flex-testimonials .image{
    min-height:350px;
    background-size:cover;
    
}



footer {    
  text-align:center;
  padding:51px 0;
}

footer a{
    color: #fff;
    font-size:0.9em;
    font-weight:300;
    font-weight:bold;
    font-family: "Roboto Condensed";
    text-transform: uppercase;   
    text-decoration:none;
    padding:0 1em;
}

.foot-a{
    color:#aaa;
}

.alert{
    background-color:#ddd;
    padding:1em 2em;
    position: relative;
    margin:1em 0;
}
.alert h4{
    font-size:1em;
    font-weight:600;
    color:#555;
    margin:0.5em 0;
}

.alert ul li{
    font-size:0.9em;
    line-height:1.1;
    
}
.alert button{
    position:absolute;
    right:1em;
    background-color:rgba(255,255,255,0.7);
    border:0;
    width:20px;
    height:20px;
    padding:0;
    margin:0;
    color:#000;
}

.alert.alert-success {
    background-color: #000;
}

.alert.alert-success p{
    font-weight:600;
    color:#fff;
    margin:1.1em 0;
}

.stripe-loading-indicator .stripe, .stripe-loading-indicator .stripe-loaded{
    background-color: #000 !important;
}

.content h1.team{
    margin-bottom:0.1em;
    margin-left:-2px;
 
}

.content h1.team:after{
    border:0;
}

.job-title{
        font-weight:bold;
    font-family: "Roboto Condensed";
    text-transform: uppercase;
     margin-bottom:0.2em;
}

.team-header{
    display:flex;
    margin-bottom:3em;
    align-items:center;
  
}

.team-header-right{
      flex-grow:1;
      margin-left:3em;
}

.head-shot{
    width:200px;
    height:200px;
    background:#aaa;
    --border-radius:100px;
    overflow:hidden;
    flex-grow:0;
    flex-shrink:0;    
}

.head-shot img{
    width:100%;
}

.icon-list{
    display:flex;
    flex-wrap:wrap;  
}


.ico-email, .ico-linked-in{
    background-image:url("../img/ico-email.svg");
    background-size:16px;
    background-position:left center;
    height:16px;
    padding-left:1.5em;
    background-repeat:no-repeat;
    margin: 0.5em 0;
    margin-right:1em;
    line-height:16px;   
}

 .ico-linked-in{
    background-image:url("../img/ico-linked-in.svg");
}


.team-panel{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin:1em 0;    
}


.team-panel a{
    display:block;
    text-decoration:none;
    color:black;
    
}

.team-panel a:hover{
    color:#3A3F42;    
}

.team-panel .head-shot:hover{
    transform:scale(1.05);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
    
}

.member{
    text-align:center;
    flex-basis:25%;
    margin:0.5em 0;
}



.member .name{
    font-size:1.2em;
    font-weight:bold;
    font-family: "Roboto Condensed";
}

.member .head-shot{    
     margin:1em auto;   
     transition: all 0.25s;
}