.client-row img {
  max-height: 120px;
  max-width: 210px;
  opacity: 0.3;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: none;
}

footer.dark{ background: #2c3741; } /*(or whatever your dark color) */
footer.dark *{ color: #fff; } /*(or whatever your desired font color) */
dark .top-bar{ background: #444 !important; } /*(or whatever your dark color) */
dark .top-bar *{ color: #fff !important; } /*(or whatever your desired font color) */

duplicatable-content.dark{ background: #444 !important; } /*(or whatever your dark color) */
duplicatable-content.dark *{ color: #fff !important; } /*(or whatever your desired font color) */

/*TOP BAR DARK */
.top-bar {
  position: absolute;
  background: #2c3741;
  color:#fff;
  width: 100%;
  z-index: 10;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;
  line-height: 0;
  top: 0;
}
.top-bar.nav-sticky {
  background: rgba(44, 55, 65, 0.9);
  color: #fff;
}
.top-bar.nav-sticky .nav-menu {
  padding-top: 32px;
  color:#fff;
}
.top-bar.nav-sticky .menu li a {
  padding-bottom: 32px;
}
.top-bar.nav-sticky .subnav {
  background: rgba(255, 255, 255, 0.9);
}
.top-bar.nav-sticky .utility-menu {
  display: none;
}

.menu li a {
  color: #fff !important;

}
.menu li a:hover {
  color: #f9f9f9 !important;
}
.overlay-bar.nav-sticky .menu li a {
  color: #fff;
}

.subnav {
  background: #687077;
}



/*FOOTER DARK */

footer.details .logo {
  margin-bottom: 54px;
  max-width: 160px;
  margin-top: 12px;
}
.top-bar .logo {
  max-width: 140px;
  position: relative;
  bottom: 25px;
}
.primary-features {
  /*background: #1886D5 !important;*/
  background-image:url(../img/parallax01.jpg) !important;
}
h1,
h2,
h3,
h4,
h5,
h5,
h6 {
  font-family: "Raleway", "Open Sans", Arial, sans-serif;;
  font-weight: 800;
  color: #2c3741;
  margin: 0px;
}

.mt-lg {
	margin-top:20px;
}
.mb-lg {
	margin-bottom:20px;
}
.mt-xl {
	margin-top:40px;
}
.mb-xl {
	margin-bottom:40px;
}
.hero-slider{ max-height: 650px; overflow: hidden; }

/* LOGO FOOTER  */

footer.details .logo {
    margin-bottom: 25px;
    max-width: 180px;
    margin-top: 12px;
}

/*SPACER*/

/*  spacer  */
.spacer-invisible {
	margin-top:70px;
	margin-bottom:20px;
}

@media all and (max-width: 768px) {
.top-bar .logo {
  max-width: 140px;
  position: relative;
  bottom: 15px;
}
  .mobile-toggle {
    font-size: 32px;
    display: block;
    position: absolute;
    top: 24px;
    right: 16px;
    cursor: pointer;
    color: #ffffff;
  }
  .clients img {
	  max-width:100px;
  }
}
@media (max-width: 992px) {
	
 .clients img {
	  max-width:100px;
  }
}
/*hero slider background color */
section:nth-of-type(odd) {
background: #f4f4f4;
}