body {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  color: #545454;
  margin: 0px auto 200px;
  line-height: 1.4;
  background-repeat: no-repeat;
  background-opacity: 0.5; }

html {
  position: relative; }

html, body, .container {
  min-height: 100% !important; }

a {
  text-decoration: none;
  color: #545454; }

.cursive {
  font-family: "Pacifico", cursive; }

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 960px; }

.topbar {
  padding-top: 2em; }

.logo-img {
  opacity: 0.75;
  width: 575px; }

.logo-img:hover {
  opacity: 1;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out; }

.smooth-color, .footer-block a:hover {
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out; }

#header-menu {
  width: 100%;
  z-index: 50;
  min-height: 31px;
  clear: both;
  font-size: 0.875em;
  font-weight: 500;
  line-height: 2.05714286em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  word-spacing: 0.2em;
  text-align: right; }
  #header-menu ul li {
    text-align: center;
    display: inline-block;
    margin: 0 10px;
    list-style: none; }
    #header-menu ul li a {
      padding-bottom: 3px;
      -webkit-transition: all 300ms cubic-bezier(0.94, 0.78, 0.25, 1);
      -moz-transition: all 300ms cubic-bezier(0.94, 0.78, 0.25, 1);
      transition: all 300ms cubic-bezier(0.94, 0.78, 0.25, 1);
      -o-transition: all 300ms cubic-bezier(0.94, 0.78, 0.25, 1);
      border-bottom: 1px solid white; }
    #header-menu ul li a:hover {
      border-color: #545454; }

.service-image {
  float: left;
  width: 48%;
  text-align: center;
  display: block;
  min-height: 23em; }
  .service-image img {
    opacity: 0.7; }
  .service-image img:hover {
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out; }

.client-image {
  float: left;
  width: 200px;
  text-align: center;
  display: block;
  height: 20em; }
  .client-image img {
    opacity: 0.7; }
  .client-image img:hover {
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out; }

.contact-form-div {
  width: 90%;
  float: left;
  padding: 2em; }

.center {
  text-align: center; }

.service-text {
  width: 100%;
  display: block;
  padding: 5px; }

.service-text-body {
  text-align: left;
  padding: 1em; }

.footer-widget {
  width: 32%;
  float: left;
  padding: 40px 5px 40px 0px; }

.footer-block {
  background: #fcfcfc;
  position: absolute;
  bottom: 0px;
  width: 100%;
  color: #545454;
  line-height: 120%; }
  .footer-block a {
    color: white; }
  .footer-block a:hover {
    color: #bababa; }

.content {
  padding-bottom: 4em;
  width: 100%;
  display: block; }

.spaced {
  letter-spacing: 0.4em;
  word-spacing: 0.7em; }

.large {
  font-size: 160%; }

.widget-content {
  font-size: small; }

.clearer {
  clear: both; }

.center {
  margin: auto; }

.left {
  float: left; }

.right {
  float: right; }

.full-width {
  width: 100%;
  float: left; }

.half-width {
  width: 48.5%;
  float: left; }

.half-width-fixed {
  width: 48.5%;
  float: left; }

.quarter-width {
  width: 23%;
  float: left; }

.clients-logos {
  width: 100%;
  display: block;
  text-align: center;
  letter-spacing: 2em;
  word-spacing: 3em;
  padding-bottom: 2em;
  padding-top: 2em; }
  .clients-logos p {
    letter-spacing: 0px;
    word-spacing: 0px; }
  .clients-logos img {
    opacity: 0.7; }

.footer {
  width: 100%;
  font-size: 90%;
  min-height: 3em;
  max-width: 960px; }

td.td-icon {
  width: 2em;
  vertical-align: top;
  text-align: center; }

button, .form-group input[type=submit], .form-group input[type=button], .field input[type=submit], .field input[type=button] {
  background: #545454;
  padding: 8px 15px 8px 15px;
  border: none;
  color: white;
  font-size: 90%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background .3s ease-in-out;
  -moz-transition: background .3s ease-in-out;
  transition: background .3s ease-in-out; }

button:hover, .form-group button:hover, .form-group input[type=submit]:hover, .form-group input[type=button]:hover, .field button:hover, .field input[type=submit]:hover, .field input[type=button]:hover {
  background: #7C7C7C;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  cursor: pointer; }

.form-group, .field {
  padding-bottom: 10px;
  padding-top: 10px; }
  .form-group label, .field label {
    font-weight: bold;
    line-height: 2em; }
  .form-group textarea, .field textarea {
    resize: vertical;
    overflow: auto; }
  .form-group .tall, .field .tall {
    height: 10em; }
  .form-group .medium, .field .medium {
    height: 5em; }
  .form-group input[type=text],
  .form-group input[type=date],
  .form-group input[type=datetime],
  .form-group input[type=number],
  .form-group input[type=search],
  .form-group input[type=time],
  .form-group input[type=url],
  .form-group input[type=password],
  .form-group input[type=email],
  .form-group textarea,
  .form-group select, .field input[type=text],
  .field input[type=date],
  .field input[type=datetime],
  .field input[type=number],
  .field input[type=search],
  .field input[type=time],
  .field input[type=url],
  .field input[type=password],
  .field input[type=email],
  .field textarea,
  .field select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #BEBEBE;
    padding: 5px;
    margin: 0px;
    font-size: 100%;
    font-family: "Ubuntu", sans-serif;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none; }
  .form-group input[type=text],
  .form-group input[type=date],
  .form-group input[type=datetime],
  .form-group input[type=number],
  .form-group input[type=time],
  .form-group input[type=url],
  .form-group input[type=password],
  .form-group input[type=email],
  .form-group textarea,
  .form-group select, .field input[type=text],
  .field input[type=date],
  .field input[type=datetime],
  .field input[type=number],
  .field input[type=time],
  .field input[type=url],
  .field input[type=password],
  .field input[type=email],
  .field textarea,
  .field select {
    width: 100%; }
  .form-group input[type=text]:focus,
  .form-group input[type=date]:focus,
  .form-group input[type=datetime]:focus,
  .form-group input[type=number]:focus,
  .form-group input[type=search]:focus,
  .form-group input[type=time]:focus,
  .form-group input[type=url]:focus,
  .form-group input[type=password]:focus,
  .form-group input[type=email]:focus,
  .form-group textarea:focus,
  .form-group select:focus, .field input[type=text]:focus,
  .field input[type=date]:focus,
  .field input[type=datetime]:focus,
  .field input[type=number]:focus,
  .field input[type=search]:focus,
  .field input[type=time]:focus,
  .field input[type=url]:focus,
  .field input[type=password]:focus,
  .field input[type=email]:focus,
  .field textarea:focus,
  .field select:focus {
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #fff; }
  .form-group input.readonly, .form-group input.readonly:focus, .field input.readonly, .field input.readonly:focus {
    border: 1px solid #FFFFFF;
    -moz-box-shadow: 0 0 0px #88D5E9;
    -webkit-box-shadow: 0 0 0px #88D5E9;
    box-shadow: 0 0 0px #88D5E9; }

/*Responsify a little*/
@media only screen and (max-width: 850px) {
  .half-width {
    width: 100%; }

  body {
    margin: 0px auto 400px; }

  .footer-widget {
    width: 47%;
    height: 7em;
    float: left; }

  .content {
    float: left; }

  .logo-img {
    width: 85%; }

  .service-image {
    width: 100%; } }

/*# sourceMappingURL=styles.css.map */