/*
Legend
-----------------
#Temporary
#Reset

#Site Styles
#Header Styles
#Home Page 
#Page Styles
#About Page 
#People Page 
#Services Page
#Contact Page Styles
#Footer Styles
*/


/* --------------------------- */
/*  #Temporary            
/* --------------------------- */

.hideme{
  display: none;
}
/*.projects-page #directory,*/
.projects-page #pageContent{
  margin-top: 2em;
}

@media all and (max-width: 992px){
  .container{
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media all and (max-width: 500px){
  .container{
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* --------------------------- */
/*  #Reset            
/* --------------------------- */

/* undohtml.css */
/* http://creativecommons.org/licenses/by/2.0                     */

:link, :visited {
  text-decoration: none;
}
ul, ol {
  list-style: none;
}
h1, h2, h3, h4, h5, h6, pre, code, p {
  font-size: 1em;
}
ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, 
form, body, html, p, blockquote, fieldset, input {
  padding: 0;
  margin: 0;
}

ul, p, ol{
  line-height: 1.7;
}

ul{
  margin: 2em 0;
  padding-left: 1.2em;
}
ul.top{
  margin-top: 0;
}
ul li{
  list-style: disc;
}

a img, :link img, :visited img {
  border: none;
}
address {
  font-style: normal;
}

/* stop iphone from zooming when typing in a text input */
input[type='text'] {font-size:14px;}


/* --------------------------- */
/*  #Site Styles             
/* --------------------------- */

.cf:before,
.cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.cf:after {
  clear: both;
}


*{
  box-sizing: border-box;
}

html {
  min-height:100%;/* make sure it is at least as tall as the viewport */
  position:relative;
  /*text-rendering: optimizelegibility;*/
}

body{
  height:100%;
  font-family: 'Gudea', verdana, sans-serif;
}


a, a:visited,
.blog-posts p a{
  color: #c1272d;
  text-decoration: none;
}
a:hover, a:active,
.blog-posts p a:hover{
  color: #c1272d;
  text-decoration: underline;
}

p{
  color: #4c4b4b;
}

h1{
  font-size: 2.15em;
  color: #006db6;
  font-weight: normal;
  margin: 1em 0;
}

h2{
  font-size: 1.7em;
  font-weight: normal;
  margin: 0.3em 0;
}

@media all and (min-width: 1200px){
  .container {
    width: 1200px;
  }
}


/* --------------------------- */
/*  #Header Styles             
/* --------------------------- */

header{
  /*position: relative;*/
  position: fixed;
  width: 100%;
  z-index: 999;
  background: none;
  top: 0;
}

header a, header a:visited, header a:hover, header a:active{
  color: #fff;
}

/* Header Curve */

.navbar{
  background: #1B6EB6;
}
.navbg{
  /*position: absolute;*/
  position: fixed;
  top: 14px;
  z-index: 299;
}

@media all and (max-width: 991px){ /* change nav */
  .navbg{
    top: 6px;
  }
}


.navbg-inner{
  position: absolute;
  left: 0;
  top: 0.65em;
  z-index: -1;
}
@media all and (max-width: 1199px){
  .innerpage .nav.linkedin{
    margin-left: 0.5em;
  }
  .innerpage .nav li{
    margin-left: 0;
  }
}
@media all and (max-width: 992px){
  .innerpage .nav li{
    font-size: 0.95em;
  }
}


/* #Logo */

.logo{
  text-indent: -9999px;
  display: block;
  padding: 0;
  height: 21px;
  width: 199px;
  background: url('images/logo-horizontal.png') no-repeat;
  background-size: 199px 20px;
  margin-top: 1.55em;
  left: 37px;
}
.ie8 .logo{
  background: url('images/logo-horizontal-ie8.png') no-repeat;
}

.ie8 .navbar > .container .navbar-brand, 
.navbar > .container .navbar-brand, 
.navbar > .container-fluid .navbar-brand{
  margin-left: 0;
}

@media all and (max-width: 992px){
  .logo{
    margin-top: 1em;
    margin-left: 5px;
  }
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
    margin-left: 15px;
  }
}


.logo-container{
  /*background: transparent;*/
  position: relative;
  z-index: 199;
  height: 1px;
  overflow: visible;
}

#home-logo,
.home header .logo{
  /*display: none;*/
  height: 0;
  opacity: 0;
  transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
}
.home #home-logo{
  /*display: block;*/
  opacity: 1;
  height: 231px;
  transition: height 0.4s ease;
  -moz-transition: height 0.4s ease;
  -webkit-transition: height 0.4s ease;
  -o-transition: height 0.4s ease;
  z-index: -999;
  background-size: auto;
}
.navbar .container{
  position: relative;
}

.ie8.home #home-logo,
.home #home-logo{
  width: 179px; /* matches sidebar */
  height: 231px;
  position: absolute;
  left: 0;
  background: url('images/logo-home-white-90.png') no-repeat center;
  margin-top: 1em;

  /* new home page */
  background: url('images/logo-home-white.png') no-repeat center;
  width: 194px;
  z-index: -999;
  position: relative;

  transition: background-image 0.3s;
  -moz-transition: background-image 0.3s;
  -webkit-transition: background-image 0.3s;
  -o-transition: background-image 0.3s;
}
.ie8.home #home-logo.alternate,
.home #home-logo.alternate{
  background: url('images/logo-home.png') no-repeat center;
}

/* new home page: 1024 -> 1224 */
@media all and (max-width: 992px){ 
  .home #home-logo.alternate,
  .home #home-logo{
    background-size: 124px 181px;
    width: 158px;
    height: 181px;
    margin-top: 1.5em;
  }
}



@media all and (max-width: 767px){ /* change nav */
  .home header .logo{
    display: block;
    padding: 0;
    height: 20px;
    width: 199px;
    background: url('images/logo-horizontal.png') no-repeat;
    background-size: 199px 20px;
    margin-top: 1em;
    /*left: 37px;*/
    position: static;
  }
  .home #home-logo{
    display: none;
  }
  .home header .logo{
    height: auto;
    opacity: 1;
  }
}




.home header.smaller .navbar-brand.logo{
  /*display: none;*/
  opacity: 1;
  padding: 0;
  height: 20px;
  width: 199px;
  background: url('images/logo-horizontal.png') no-repeat;
  background-size: 199px 20px;
  margin-top: 1.55em;
  /*left: 37px;*/
  /*position: static;*/
}

.ie8.home header.smaller .navbar-brand.logo{
  background: url('images/logo-horizontal-ie8.png') no-repeat !important;
}

@media all and (max-width: 767px){
  .home header.smaller .navbar-brand.logo{
    margin-top: 1em;
  }
}

.home header.smaller #home-logo{
  height: 0;
}

@media all and (max-width: 500px){
  .logo,
  .home header.smaller .navbar-brand.logo,
  .home header .logo{
    width: 173px;
    background-size: 173px 18px;
  }
}





/* #Nav */

.navbar{
  text-transform: lowercase;
  position: relative;
  margin-bottom: 0;
/*  overflow: visible;
  height: 40px;*/
}

.navbar-nav{
  float: right;
}
.ie8 .navbar-nav{
  float: right;
}

.nav li{
  padding-top: 0.5em;
  border-top: 7px solid transparent;
  margin-left: 1em;
}
.nav li:first-child{
  margin-left: 0;
}
.nav li.active{
  border-top: 7px solid white;
}
.navbar-nav > li > a{
  padding-bottom: 10px;
}
.nav > li > a:hover, .nav > li > a:focus{
  background: none;
  /*text-decoration: underline;*/
  opacity: 0.7;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
@media all and (max-width: 991px){ /* change nav */
  .navbar-nav{
    float: left;
    margin: 0;
  }
  .nav li{
    margin: 0;
  }
}
@media all and (max-width: 991px){ /* change nav */
  .navbar-collapse{
    padding: 0;
  }
  .nav{
    width: 100%;
    margin-left: 0;
    padding-top: 1px;
  }
  .nav li, .nav li.active{
    padding: 0;
    margin: 0;
    border: 0;
    border-top: 1px solid rgba(255,255,255,0.1);
  }
  .nav li:first-child{
    border: 0;
  }
  .nav li:hover,
  .nav li.active{
    background: #115FA3;
  }
}

a.linkedin-mobile{
  display: none;
}

.nav.linkedin{
  margin-top: -0.1em;
/*  margin-left: 1.5em;
  font-size: 1.5em;*/
  margin-left: 0.4em;
  font-size: 4.7em;
}
.nav.linkedin li{
  padding-top: 0.1em;
}
.nav.linkedin a{
  /*padding: 13px 5px 5px;*/
  padding: 0;
}
.nav.linkedin a:hover,
.nav.linkedin a:active,
a.linkedin-mobile:hover,
a.linkedin-mobile:active{
  text-decoration: none;
  opacity: 0.7;
  transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
}
.nav.linkedin a span{
  display: inline-block;
  height: 20px;
}

.navbar-toggle{
  margin-top: 10px;
  margin-right: 20px; /* makes room for linked in icon */
}
.navbar-toggle .icon-bar{
  background: #fff;
}
@media all and (max-width: 500px){
  .navbar-toggle{
    margin-right: 10px; /* makes room for linked in icon */
  }
}


@media all and (max-width: 991px){  /* change nav */
  .nav.linkedin{
    display: none;
  }
  a.linkedin-mobile{
    display: block;
    width: auto;
    z-index: 9999;
    font-size: 1.4em;
    position: relative;
    float: right;
    margin-top: 16px;
    margin-right: 10px;
  }
}
@media all and (max-width: 800px){
  a.linkedin-mobile{
    margin-right: 35px;
  }
}
@media all and (max-width: 500px){
  a.linkedin-mobile{
    margin-right: 20px;
  }
}






/* --------------------------- */
/*  #Home Page Styles             
/* --------------------------- */


#slider-container{
  /*max-height: 550px;*/
  background: transparent url('images/ui/loading3.gif') 50% 50% no-repeat;
  margin-top: 6em;
  display: inline-block;
  position: relative;
  width: 100%;
}
#slider-container:after {
  padding-top: 37%; /*16:9 ratio*/
  display: block;
  content: '';
}
#slider{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.slider, .slider a{
  width: 100%;
  max-height: 750px;
  overflow: hidden;
}

@media all and (max-width: 500px){
  #slider-container{
    margin-top: 7.3em;
  }
}


.slider{
  min-height: 80vh;
  margin-top: -5em;
  margin-top: -70px;
  position: relative;
}

#slider-container.nobg{
  background: none;
  min-height: 50px;

  transition: min-height 3s ease;
  -moz-transition: min-height 3s ease;
  -webkit-transition: min-height 3s ease;
  -o-transition: min-height 3s ease;
}

#slider{
  opacity: 0;

  transition: opacity 2s ease;
  -moz-transition: opacity 2s ease;
  -webkit-transition: opacity 2s ease;
  -o-transition: opacity 2s ease;
}
#slider.visible{
  opacity: 1;
  min-height: 0;
}

#slider a { display: none }
#slider a.first { display: block }



.slider a, .slider img{
  width: 100%;
}
.slider img{
  height: auto;
}

@media all and (max-width: 1120px){
  #slider-container:after {
    padding-top: 41%; 
  }
}

@media all and (max-width: 1024px){
  .slider{
    margin-top: -2.5em;
  }
}
@media all and (max-width: 767px){ /* change nav */
  .slider{
    margin-top: -3.5em;
  }
  .slider, .slider a{
    overflow: visible;
  }
  #slider-container {
    margin-top: 7em; 
  }
}
@media all and (max-width: 600px){
  #slider-container:after {
    padding-top: 37%; 
  }
}


/* Slider captions */


.cycle-overlay{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.cycle-overlay .container{
  position: relative;
  height: 100%;
}
.cycle-overlay .caption{
  position: absolute;
  right: 15px;
  bottom: 150px;
  background: #fff;
  background: rgba(255,255,255,0.8);
  padding: 0.75em 1em;
  z-index: 899;
  font-size: 2.2em;
  /*max-width: 550px;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #444;
}
@media all and (max-width: 1199px){
  .cycle-overlay .caption{
    font-size: 2.3em;
    max-width: 450px;
  }
}
@media all and (max-width: 1120px){
  .cycle-overlay .caption{
    font-size: 1.8em;
    max-width: 400px;
    bottom: 120px;
  }
}
@media all and (max-width: 767px){
  .cycle-overlay .caption{
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding: 1.2em;
    font-size: 1.5em;
  }
  .cycle-overlay .caption br{
    display: none;
  }
}
@media all and (max-width: 700px){
  .cycle-overlay .caption{
    font-size: 1.4em;
  }
}
@media all and (max-width: 550px){
  .cycle-overlay .caption{
    font-size: 1.1em;
    padding: 1.1em 1.5em;
  }
}


/* Content Area */
.home #main{
  padding-top: 4em;
  padding-bottom: 8em;
  min-height: 100px;
}
.home #main img{
  width: 100%;
  height: auto;
}

.home h1, .post h1{
  display: inline-block;
}
a.more-facts{
  float: right;
  margin-top: 43px;

  /*text-transform: uppercase;*/
  color: #006db6;
  font-weight: bold;
  font-size: 1.2em;

  word-spacing: 5px;
}
a.more-facts span.icon-next-arr{
  font-size: 0.6em;
}

@media all and (max-width: 550px){
  .home h1{
    font-size: 1.8em;
  }
  .home a.more-facts{
    font-size: 1em;
    margin-top: 36px;
  }
}

.moving-facts{
  margin-bottom: 3em;
}
.moving-facts img{
  width: 100%;
  height: auto;
}

.blog-posts h4{
  margin: 15px 0 5px;
}
.blog-posts a{
  color: inherit;
}

.blog-posts a:hover{
  text-decoration: none;
}

.blog-posts a:hover{
  color: #7B7B7B;
  opacity: 0.7;
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
}

.next.mobile, .previous.mobile{
  display: none;
}
.next{
  float: left;
}
.previous{
  float: right;
}
.previous span, .next span{
  font-size: 0.75em;
  display: none;
}
@media all and (max-width: 520px){
  .home .moving-facts{
    width: 100%;
  }
  .row.moving-facts div{
    width: 100%;
  }
  .row.moving-facts img{
    margin-bottom: 0.5em;
  }
  .next, .previous{
    display: none;
  }
  .next.mobile, .previous.mobile{
    display: block;
  }
}

/*.moving-facts h2{
  margin-bottom: 0.1em;
}*/
.post-date{
  margin-top: 1.2em;
  /*margin-bottom: 0.3em;*/
  /*color: #7F7F7F;*/
}

/* --------------------------- */
/*  #Page Styles             
/* --------------------------- */


#main{
  padding-top: 9em;
  padding-bottom: 7em;
  /*margin-bottom: -10px;*/
  min-height: 700px;
  margin-bottom: 110px;
}
#main.contact-page {
  padding-top: 14em;
}
@media all and (max-width: 992px){
  #main{
    margin-bottom: -10px;
    padding-top: 7em;
  }
}

.subnav{
  margin: 0 0 2em;
  text-transform: lowercase;
}
.subnav a, .subnav a:visited{
  color: #333333;
  padding: 0 0.5em;
}
@media all and (max-width: 992px){
  .subnav a{
    display: inline-block;
    padding: 0.3em;
    /*width: 40%;*/
    width: 100%;
    margin: 0;
    margin-right: 5%;
    border-bottom: 1px solid #ededed;
  }
  .subnav span{
    display: none;
  }
}
/*@media all and (max-width: 550px){
  .subnav a{
    width: 100%;
  }
}*/

.subnav-toggle{
  background: #ccc;
}
.subnav-toggle .icon-bar{
  /*background: #ccc;*/
}

.introduction{
  margin-bottom: 3.1em;
  overflow: hidden;
}

blockquote{
  border-right: 2px solid;
  color: #0079c2;
  font-size: 2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  padding-right: 30px;
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}
@media all and (max-width: 992px){
  blockquote{
    border: 0;
    padding-right: 0;
    margin-bottom: 0.3em;
    padding-bottom: 0;
    font-size: 1.6em;
  }
}

.quote-text{
  /*border-left: 2px solid #0079c2;*/
}
.quote-text p{
  padding: 0.6em 0 0.6em 10px;
  line-height: 1.7;
}
@media all and (max-width: 992px){
  .quote-text{
    border: 0;
  }
  .quote-text p{
    padding-left: 0;
  }
}

a.more{
  text-transform: uppercase;
  color: #006db6;
  font-weight: bold;
}

#loading{
  position: absolute;
  top: -10px;
  bottom: 0;
  left: 0;
  right: 0;
  background: url('images/ui/loading3.gif') no-repeat center center;
  z-index: -5;
  display: none;
  /*height: 369px;*/
  height: 100%;
}

#gallery{
  margin-top: 3.1em;
  margin-bottom: 3.5em;
}
.contact-page #gallery{
  margin-top: 0;
  margin-bottom: 4.5em;
}

#gallery img{
  width: 100%;
  max-width: 100%;
  height: auto;
}
#view-box-container{
  overflow: hidden;
  transition: max-height 0.4s ease, min-height 0.4s ease;
  -moz-transition: max-height 0.4s ease, min-height 0.4s ease;
  -webkit-transition: max-height 0.4s ease, min-height 0.4s ease;
  -o-transition: max-height 0.4s ease, min-height 0.4s ease;
  height: 396px;
}
#gallery-view-box{
  height: 396px;
  overflow: hidden;
}
.gallery-grid{
  margin-top: -10px;
}

.gallery-grid .item{
  height: 135px;
  overflow: hidden;
  display: block;
  float: left;
  width: 33.3%;
  padding-left: 10px;
  padding-top: 10px;
}

@media all and (max-width: 1199px){
  .gallery-grid .item{
    height: 109px;
  }
  #gallery-view-box{
    height: 351px;
  }
}

@media all and (max-width: 992px){
  #gallery{
    margin-bottom: 2.1em;
  }
  #view-box-container,
  #gallery-view-box{
    height: auto;
  }
  .gallery-grid .item{
    width: 20%;
    height: auto;
  }
  .gallery-grid{
    margin-top: 0;
    margin-left: -10px;
  }
}


.pad-left{
  margin-left: 2.5em;
}


/* --------------------------- */
/*  #About Page Styles             
/* --------------------------- */

/*p.two-col{
  -moz-column-count: 2;
  -moz-column-gap: 30px;
  -webkit-column-count: 2;
  -webkit-column-gap: 30px;
  column-count: 2;
  column-gap: 30px;
}*/

section.row{
  margin-top: 0;
  margin-bottom: 2em;
}

section.row p{
  margin: 2em 0;
}
section.row div p:first-child{
  margin-top: 0;
}
section.row div ul:first-child{
  margin-top: 0;
}

@media all and (max-width: 992px){
  section.row ul{
    margin-top: 0;
    margin-bottom: 0;
  }
}


/* --------------------------- */
/*  #People Page Styles             
/* --------------------------- */

.people-subnav{
  float: left;
  margin-right: 0.8em;
}
.ie9 .people-subnav,
.ie8 .people-subnav{
  margin-right: 0.3em;
}

#projectfilters a.active,
#filters a.active{
  color: #1B6EB6;
  color: #c1272d;
}

.people-search .icon-search{
  margin-left: -18px;
  display: inline-block;
  margin-top: 2px;
}
.people-search input{
  border: 0;
  background: transparent;
  vertical-align: top;
  width: 65px;
  padding-right: 15px;
  padding-bottom: 2px;

  transition: width 1s ease;
  -moz-transition: width 1s ease;
  -webkit-transition: width 1s ease;
  -o-transition: width 1s ease;
}

.people-search label,
.people-search-label{
  display: none;
}
.ie9 .people-search label,
.ie8 .people-search label,
.ie9 .people-search-label,
.ie8 .people-search-label{
  display: inline-block;
  padding: 0 0.2em 0 0.5em;
}

.people-search input:focus,
.ie9 .people-search input,
.ie8 .people-search input{
  width: 175px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
  border-bottom: 1px solid #ececec;
  cursor: default;
}
.ie9 .people-search input,
.ie8 .people-search input{
  width: 125px;
}

::-webkit-input-placeholder {
   color: #555;
}
input:-moz-placeholder { /* Firefox 18- */
   color: #555;  
}
.people-search input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
   color: #333;
   opacity: 1;
}
:-ms-input-placeholder {  
   color: #555;  
}

@media all and (max-width: 992px){
  .people-subnav{
    float: none;
    margin-bottom: 0.3em;
  }
  .people-search{
    padding-left: 4px;
    margin-bottom: 2em;
    line-height: 1.7;
  }
}




#intro{
  overflow: hidden;
  position: relative;
  transition: min-height 1s ease;
  -moz-transition: min-height 1s ease;
  -webkit-transition: min-height 1s ease;
  -o-transition: min-height 1s ease;
}
.intro-text{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
  -moz-transition: opacity 0.8s ease;
  -webkit-transition: opacity 0.8s ease;
  -o-transition: opacity 0.8s ease;
}
.ie8 .intro-text{
  display: none;
}

#intro-community h2,
#specialized-services-intro h2{
  color: #0079c2;
}
#intro-community p{
  margin: 0 0 0.7em 0;
}


.people{
  margin-left: -10px;
  margin-top: 2.5em;
}
.people .item{
  float: left;
  width: 16.66%;
  /*padding-left: 10px;*/
  margin-bottom: 10px;
  max-height: 150px;
  overflow: hidden;
  position: relative;
}
.ie8 .people .item{
  width: 16.6%;
} 

@media all and (max-width: 1199px){
  .people .item{
    width: 20%;
  }
}
@media all and (max-width: 992px){
  .people .item{
    width: 25%;
  }
}
@media all and (max-width: 692px){
  .people .item{
    width: 33.3%;
  }
}
@media all and (max-width: 550px){
  .people .item{
    width: 50%;
  }
}





.people img{
  width: 100%;
  margin-left: 10px;
  height: auto;
}
.people .name{
  opacity: 0;
  background: rgba(255,255,255,0.75);
  display: table;
  position: absolute;
  width: 100.5%;
  height: 150px;

  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
}
.name:hover{
  opacity: 1;
}
.ie8 .people .name{
  background: url('images/transparent-overlay.png') repeat;
  display: none;
}
.ie8 .people .item:hover .name{
  display: table;
}

.people span{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #196db6;
  font-weight: bold;
}

.profile-nav a{
  color: #333;
  margin-right: 15px;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.profile-nav a:hover{
  text-decoration: none;
  color: #c1272d;
}
.profile .profile-nav span{
  display: inline;
  font-size: 0.8em;
}
.profile-content{
  position: relative;
  padding-bottom: 3em;
}

@media all and (max-width: 992px){
  .profile-nav{
    position: absolute;
    bottom: 4px;
    right: 15px;
    font-size: 1.2em;
  }
}

.profile img{
  width: 100%;
  height: auto;
}
.profile h1{
  font-size: 1.5em;
  margin: 0.9em 0 0.1em 0;
}
.profile span{
  display: block;
  line-height: 1.7;
  font-size: 1.1em;
}
.profile p{
  margin: 1.5em 0;
}



/* #Quickcontact */

#quickContact{
  margin-top: 3em;
}

a.show-contact-info{
  /*display: none;*/
  display: block;
  /*opacity: 0;*/
  color: #0079c2;
  font-weight: bold;
  margin: 0.5em 0 0;
  padding: 0.2em 0 0;
  transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
}
a.show-contact-info.quicksearch-visible{
  display: inline-block;
  /*opacity: 1;*/
}
a.show-contact-info:hover{
  /*color: #c1272d;*/
}

  .quick-contact-info p{
    display: inline;
  }

/*@media all and (max-width: 650px){*/
  .quick-contact-info{
    margin-top: 0.2em;
  }
  .quick-contact-info p{
    display: block;
  }
  .quick-contact-info span{
    display: none;
  }
/*}*/




/* --------------------------- */
/*  #PROJECT Page Styles             
/* --------------------------- */


/* INTRO */

.intro-text .project-type-image{
  /*float: left;*/
  display: inline-block;
  width: 30%;
  vertical-align: middle;
  overflow: hidden;
}

.project-type-image img{
  height: auto;
}
.intro-text .project-type{
  background: #ededed;

  padding: 2.2em 3.75em 2.2em 6em;

  display: inline-block;
  margin: 0;
  width: 74.5%;
  margin-left: -5%;
  vertical-align: middle;
  z-index: -5;
  position: relative;
}
.project-type h5{
  text-transform: uppercase;
  font-weight: normal;
  font-size: 0.9em;
  margin: 0 0 1em;
}
.project-type p{
  line-height: 1.4
}

@media all and (max-width: 1199px){

  .intro-text .project-type{
    background: none;
    position: static;
    padding-left: 5.5em;
    width: 64.5%;
  }
  .intro-project-type{
    background: #ededed;
  }
  .intro-text .project-type-image{
    width: 40%;
  }

}
@media all and (max-width: 992px){
  .intro-text{
    /*text-align: center;*/
  }
  .intro-text .project-type{
    background: #ededed;
    width: 55%;
    margin-left: 0;
    padding: 2.2em 2.2em;
    height: auto;
    text-align: left;

    /* layout option 2 */
    width: 100%;
    padding: 0;
    background: none;
  }

  /* layout option 2 */
  .project-type h5{
    font-size: 1.4em;
    margin: 0 0 0.5em;
    text-transform: none;
    color: #0079c2;
  }

  .intro-text blockquote, .intro-text p{
    text-align: left;
  }
  .intro-project-type{
    background: none;
  }
  .intro-text .project-type-image{
    width: 100%;
    overflow: hidden;
    text-align: center;

    /* layout option 2 */
    display: none;
  }
  .project-type-image img{
    width: 55%;
  }
}
@media all and (max-width: 650px){
  .intro-text .project-type{
    width: 60%;
    padding: 2.2em 2.5em;
    margin-left: 0;

    /* layout option 2 */
    width: 100%;
    padding: 0;
  }
  .project-type-image img{
    width: 60%;
  }
}
@media all and (max-width: 550px){
  .intro-text .project-type{
    width: 100%;
    padding: 2.2em 2.5em;
    margin-left: 0;

    /* layout option 2 */
    width: 100%;
    padding: 0;
  }
  .project-type-image img{
    width: 100%;
  }
}


/* PROJECTS */
body,
.container.projects-page,
#pageContent, #directory,
.profile{
  transition: height ease 0.5s;
  -moz-transition: height ease 0.5s;
  -webkit-transition: height ease 0.5s;
  -o-transition: height ease 0.5s;
}

.projects{
  margin-top: 2.5em;
  margin-left: -20px;
}
.projects .item{
  width: 25%;
  min-height: 260px;
  margin-bottom: 20px;
  /*padding-left: 20px;*/
  /*padding-bottom: 20px;*/

  float: left;
  overflow: hidden;
}


.projects .item img{
  width: 100%;
  padding-left: 20px;
}

.projects .item:hover{
  opacity: 0.7;
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  text-decoration: none;
}

@media all and (max-width: 1199px){
  .projects .item{
    width: 33.3%;
  }
}
@media all and (max-width: 700px){
  .projects .item{
    width: 50%;
  }
}
@media all and (max-width: 450px){
  .projects .item{
    width: 100%;
  }
}

.projects .item .project-name{
  background: #4c4b4b;
  color: #fff;
  padding: 0.5em;
  text-align: center;
  margin-left: 20px;
  /*margin-bottom: 20px;*/
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.project-name span{
  display: block;
}

a#back{
  margin-top: 0.6em;
  display: block;
}

/* --------------------------- */
/*  #Careers Page Styles             
/* --------------------------- */


.wrap-columns{
  margin-left: -2.5em;
  width: 100%;
}
.listing{
  /*padding-right: 3em;*/
  padding-bottom: 2.5em;
}
.listing h4{
  margin-top: 0.3em;
}
section.row .listing p{
  margin: 0.3em 0 0 0;
}
.listing a{
  margin-top: 0.3em;
  display: inline-block;
  margin-right: 2.5em;
}
@media all and (max-width: 600px){

  .listing a{
    display: block;
    margin-right: 0;
    line-height: 1.7;
  }
}

#our-culture h1{
  margin-top: 0;
}

#careers{
  margin-top: -3em;
}



/* --------------------------- */
/*  #Contact Page Styles             
/* --------------------------- */

.location{
  line-height: 1.8;
  margin: 0 0 5em;
}

.location img{
  margin: 0 0 2em;
  width: 100%;
  height: auto;
}




/* --------------------------- */
/*  #Footer Styles             
/* --------------------------- */


a.back-to-top{
  display: none;
  background: #ccc;
  background: rgba(200,200,200, 0.9);
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 67px;
  font-size: 2.2em;
  color: #fff;
  position: fixed;
  bottom: 150px;
  right: 25px;
  z-index: 999;
  font-family: tahoma, verdana, sans-serif;
}
a.back-to-top:hover{
  text-decoration: none;
  background: rgba(200,200,200, 1.0);
  transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -webkit-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
}
@media all and (max-width: 700px){
  a.back-to-top{
    font-size: 1.5em;
    width: 40px;
    height: 40px;
    line-height: 49px;
    bottom: 5%;
    right: 5%;
  }
}

.footersvg{
  margin-bottom: -7px;
  z-index: 199;
  position: relative;

  position: absolute;
  top: -19px;
  margin: 0;
}

footer{
  background: #1b6eb6;
  padding: 3em 0;
  color: #fff;
  font-size: 1em;
  position: relative;

  padding: 2em 0 1.5em; /* new home page */
}

@media all and (min-width: 992px){
  footer{
    position: absolute;
    bottom: 0;
    bottom: -10px;
    left: 0;
    width: 100%;
  }
}


footer p,
footer a, footer a:visited{
  color: #fff;
}
footer a:hover, footer a:active{
  color: #fff;
  text-decoration: underline;
}
/*@media all and (max-width: 800px){
  .footer-nav span{
    display: none;
  }
  .footer-nav a{
    display: block;
    padding: 0.5em 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
}*/


footer p.copyright{
  font-size: 0.75em;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 2em 0 1.5em;

  margin: 1.5em 0 0.5em; /* new home page */
}
footer p.copyright .copyright-text{
  margin-left: 40px;
}
footer p.copyright .copy-symbol{
  font-family: 'verdana', 'arial', sans-serif;
}
footer p.offices span{
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  display: inline-block;
  margin-right: 1.5em;
}

@media all and (max-width: 992px){
  footer p.offices{
    margin: 1.5em 0 8.5em;
    /*border-top: 1px solid rgba(255,255,255,0.1);*/
  }
  footer p.offices span{
    margin-right: 0;
    display: block;
    padding: 0.5em 0; 
    padding: 0.5em 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
  footer p.copyright{
    position: absolute;
    bottom: 0px;
    margin: 2em 0;
  }
  footer p.copyright .copyright-text{
    margin-left: 0;
    display: block;
    margin-top: 2.75em;
    padding-right: 15px;
  }

}


/* --------------------------- */
/*  #Fonts              
/* --------------------------- */

 
@charset "UTF-8";

@font-face {
  font-family: "bunt-icons";
  src:url("fonts/bunt-icons/fonts/bunt-icons.eot");
  src:url("fonts/bunt-icons/fonts/bunt-icons.eot?#iefix") format("embedded-opentype"),
    url("fonts/bunt-icons/fonts/bunt-icons.woff") format("woff"),
    url("fonts/bunt-icons/fonts/bunt-icons.ttf") format("truetype"),
    url("fonts/bunt-icons/fonts/bunt-icons.svg#bunt-icons") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "bunt-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "bunt-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-close:before {
  content: "a";
}
.icon-next-arr:before {
  content: "b";
}
.icon-prev-arr:before {
  content: "c";
}
.icon-search:before {
  content: "e";
}
.icon-linkedin-circle:before {
  content: "f";
}
.icon-linkedin-follow:before {
  content: "g";
}
.icon-linkedin-follow-outline:before {
  content: "d";
}