#intro {
  background: url("../img/blue-grey.jpg") no-repeat center center;
  background-size: cover;
}

.top-nav-collapse {
  background-color: #263238 !important;
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}
.fixed-top{top:90px!important}
@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background: #263238 !important;
  }
}

#intro .h6 {
  font-weight: 300;
  line-height: 1.7;
}

@media (max-width: 450px) {
  .margins {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}

#pricing .lead {
  opacity: 0.7;
}

#pricing ul li {
  font-size: 1.1em;
}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
#client .carousel-indicators li {
  background-color: #9e9e9e !important;
}

#client .carousel-indicators .active {
  background-color: #3f51b5 !important;
}

#contact .md-form input[type=text]:focus:not([readonly]) {
  border-bottom: 1px solid #2BBBAD;
  -webkit-box-shadow: 0 1px 0 0 #2BBBAD;
  box-shadow: 0 1px 0 0 #2BBBAD;
}

#contact .md-form input[type=text]:focus:not([readonly]) + label {
  color: #2BBBAD;
}

#contact .md-form textarea:focus:not([readonly]) {
  border-bottom: 1px solid #2BBBAD;
  -webkit-box-shadow: 0 1px 0 0 #2BBBAD;
  box-shadow: 0 1px 0 0 #2BBBAD;
}

#contact .md-form textarea:focus:not([readonly]) + label {
  color: #2BBBAD;
}
