/* GENERAL COLORS */
  /* $lightBlue: #47c8f4 */
  /* $darkBlue: #002c47 */
  /*$grey: #6B6B6B*/
  /*$green: #9fa615;*/
  
html {
  min-height:100%;
}
  
body {
  min-height:100%;
  background:#FFF;
  font-family: "Abel";
  
}

.content {
  margin-bottom:100px;
}

.margin-top25 {
 margin-top:25px; 
}

.margin-top60 {
 margin-top:60px; 
}

.margin-top80 {
 margin-top:80px; 
}

h3.innerHead {
  color:#9fa615;
  text-transform:uppercase;
  font-family: "Abel";
  border-bottom:1px solid #6B6B6B;
}

h3.innerHead > a {
  color:#9fa615;
}

h3.innerHead > a:hover {
  color: #002c47;
}

/********************** HEADER STYLES *********************/

.logo, a.logo {
  float: left;
  font-size:36px;
  font-weight:bold !important;
  color:#fff;
  text-shadow: 0px 2px 3px rgba(0,0,0,0.7);
}

.address {
 font-size: .8em; 
}

.hybrid-bar {
  background:#fff;
  border-top:8px solid #9da921;
}


.hybrid-bar ul.off-canvas-list li {
  margin: 15px 0px 0px;
}

.hybrid-bar ul.off-canvas-list li a {
  font-size:1rem;
  color: #000;
  
}

.hybrid-bar ul.off-canvas-list li a:hover {
  color: #fff;
}


.right-off-canvas-menu {
  background:#fff;
}

.tab-bar {
 height:0px; 
}


.tab-bar, .navigation {
  background: #fff;
}

.tab-bar .title-area .name {
 color:#000;
 line-height:18px;
 float:left;
 margin:20px;
}

.tab-bar .title-area .name a {
   color:#00C2F3;
    padding:0;
    line-height:18px;
}

.tab-bar .menu-icon {
  background: #042842;
}

ul.large-nav {
  list-style-type:none;
  padding:0;
  margin:0;
  /* spread nav items evenly across page */
  display: flex;
  justify-content: space-between;
}

ul.large-nav li a {
  color:#000;
}

ul.large-nav li a.active {
 color:#54bfef; 
 font-weight:bold;
}



@media only screen and (min-width: 64.063em) {
  .hybrid-bar ul.off-canvas-list li a {
    padding: 10px 15px;
  }
}


/********************* GENERAL SLIDESHOW STYLES ******************/

.orbit-bullets, .orbit-slide-number, .orbit-timer {
 display:none; 
}

.orbit-container .orbit-prev, .orbit-container .orbit-next {
    background-color:rgba(0,0,0,.8) !important;
}
.orbit-slides-container {
  height:388px !important; 
  overflow:hidden;
}

.orbit-slides-container.full-width {
  height:400px !important; 
  overflow:hidden;
}

.orbit-slides-container.full-width img {
   width:100%;
}


.slideshow-caption.inner-pages {
/*   margin:0px auto; */
  font-size:14px;
  text-align:left;
}

@media only screen and (max-width: 40em) {
  .slideshow-caption.inner-pages {
    font-size: 16px;
    margin:10px auto;
  }
  
  .orbit-slides-container {
    height:100px !important; 
  }
  
  
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .slideshow-caption.inner-pages {
    font-size: 16px;
    margin:10px auto;
  }
  
  .orbit-slides-container {
    height:200px !important; 
  }
}


/*************************HOME PAGE STYLES *********************/

.orbit-slides-container img {
   width:50%;
   float:left;
}

.slideshow-caption {
  margin:10px auto;
  background: #9da921;
  color:#fff;
  font-size:48px;
  text-align:center;
  padding:12px;
  height:70px;
}

@media only screen and (max-width: 40em) {
  .slideshow-caption {
    font-size: 24px;
  }
  
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .slideshow-caption {
    font-size: 36px;
  }
  
}



/*******************EXPERTISE STYLES *********************/

.expertiseNav a {
    color:#000 !important;
    font-size:20px;
    color:#008cba !important;
}

.expertiseNav a.active {
    color: #9DA921 !important;
}

ul.expertiseNav {
  list-style-type:none;
  padding:0;
  margin:0;
  /* spread nav items evenly across page */
  display: flex;
  justify-content: space-between;
}

#orbit .project-box-image {
  display:block;
/*   height:250px; */
  height:388px;
  width:50%;
  float:left;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  position:relative;
}

.project-box-desc {
  display:block;
  height:60px;
  background:#000;
  opacity:.6;
  position:absolute;
  bottom:0px;
  width:100%;
  color:#fff;
  padding:10px;
  text-align:center;
  font-weight:bold;
}

.project-box-desc a {
 color:#fff; 
 font-weight:bold;
}

@media only screen and (max-width: 40em) {
 .project-box-desc {
    bottom: 150px;
  }
  
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .slideshow-caption {
    font-size: 36px;
  }
  
  .project-box-desc {
    bottom: 50px;
  }
  
}

/**************************** PROJECT STYLES ***********************/
.orbit-holder {
    position:relative;
}

.project-box-desc-project-pages {
  display:block;
  height:60px;
  background:#000;
  opacity:.6;
  position:absolute;
  bottom:0px;
  z-index:100;
  width:100%;
  color:#fff;
  padding-top:20px;
  text-align:center;
  font-weight:bold;
}

#projects {
 background-color:#000; 
 padding:3px;
 margin-top:10px;
}



.project-box {
/*  margin-top:30px;  */
 float:left !important;
/*  border:3px solid #fff; */
 border:3px solid #000;
}

.project-box:hover {
 border:3px solid #999; 
}

.project-box-image {
  display:block;
  height:250px;
  width:100%;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  position:relative;
}

/**************************ABOUT PAGE STYLES ******************/	
.orbit-about {
    background:#9da921;
    color:#fff;
}

.orbit-about.orbit-slides-container {
   height:550px !important;
}

.about-orbit-inner {
    padding:40px 70px 20px 50px;
}

.about-orbit-inner h3 {
    color:#fff;
    text-transform:uppercase;
  font-family: "Abel";
}
 

/************************ FOOTER STYLES ***************************/

  .footer {
    background: #54bfef;
    padding: 10px;
    text-align:center;
    color: #FFF;
    position:fixed;
    bottom:0px;
    left:0;
    height:55px;
    width:100%;
    z-index:200;
  }