/******************************************************************
Theme Name: Project
Theme URI: http://www.macroblu.com
Description: This site was built using the Bones Development Theme. 
Author: David Sheppard
Author URI: http://www.macroblu.com
Version: 1.0
Tags: html5, css3, development, responsive, media queries, mobile, h5bp


******************************************************************/
@import url('https://fonts.googleapis.com/css?family=Abel|Ubuntu');
html {
  height: 100%;
  margin-bottom: 1px;
  overflow-y: scroll;
  margin-top: 0 !important;
}
body,
tr,
td,
table,
th,
div,
p,
span,
input,
textarea {
  font-family: 'Ubuntu', sans-serif;
  color: #676767;
  font-size: 20px;
}
body {
  margin: 0;
}
a {
  text-decoration: none;
  color: #E10418;
}
a:hover {
  text-decoration: none;
  color: #DEDEDE;
}
a img {
  border: none;
}
a {
  outline: none;
}
ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4 {
  font-family: 'Abel', sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #666666;
}
h2 {
  font-size: 40px;
}
h3 {
  font-size: 30px;
}
h4 {
  font-size: 28px;
}
p {
  margin: 0;
  padding: 10px 0;
}
.clear {
  clear: both;
  line-height: 0px;
  height: 0px;
}
img {
  vertical-align: bottom;
}
.hidden {
  display: none;
  visibility: hidden;
}
/* 768 */
.white {
  color: #FFF;
}
.full_content {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .full_content {
    float: left;
    width: 100%;
  }
}
.half_content {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .half_content {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .half_content {
    float: left;
    width: 50%;
  }
}
.third_content {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .third_content {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .third_content {
    float: left;
    width: 33.33333333%;
  }
}
.two_third_content {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .two_third_content {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .two_third_content {
    float: left;
    width: 66.66666667%;
  }
}
.fourth_content {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .fourth_content {
    float: left;
    width: 25%;
  }
}
h2 {
  padding: 0 0 30px 0;
}
textarea {
  resize: none;
}
.hidden {
  display: hidden;
}
#header-section {
  text-align: center;
  position: relative;
}
#header-section .header-img {
  width: 100%;
  z-index: -1;
}
#header-section .overlay {
  position: absolute;
  top: 0;
  width: 100%;
}
#header-section .overlay #logo {
  margin-top: 68px;
}
.header_tag_after {
  position: absolute;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  color: white;
  margin-top: -115px;
  font-weight: 200;
}
.navbar {
  background: rgba(0, 0, 0, 0.75);
}
.navbar * {
  font-size: 16px;
}
.thanks {
  color: #D53605;
  position: absolute;
  top: 51px;
  background: rgba(0, 0, 0, 0.8);
  padding: 8px 16px;
  font-size: 16px;
}
.navbar-toggle {
  background: transparent;
  border: none;
}
#services-section .third_content {
  padding: 40px 0 0 108px;
}
#services-section .service_1 {
  background: url('images/icon_scratch.gif') no-repeat top left;
}
#services-section .service_2 {
  background: url('images/icon_car.gif') no-repeat top left;
}
#services-section .service_3 {
  background: url('images/icon_cal.gif') no-repeat top left;
}
#services-section .third_content {
  margin-bottom: 40px;
}
#quality-section {
  background-image: url('images/quality.jpg');
  background-size: 120%;
}
#quality-section .col_quality {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  #quality-section .col_quality {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  #quality-section .col_quality {
    float: left;
    width: 75%;
  }
}
#quality-section * {
  color: #FFF;
}
@media (max-width: 768px) {
  #quality-section {
    background-size: cover;
  }
}
.container {
  padding-top: 5%;
  padding-bottom: 5%;
}
.btn-orange {
  color: white;
  background: #D53605;
  font-family: 'Abel', sans-serif;
  font-size: 20px;
  margin-top: 50px;
}
#how-section {
  width: 100%;
}
#how-section .app-store-btns {
  margin-top: 10px;
}
#how-section .app-store-btns .app_col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  #how-section .app-store-btns .app_col {
    float: left;
    width: 100%;
  }
}
@media (min-width: 768px) {
  #how-section .app-store-btns .app_col {
    float: left;
    width: 50%;
  }
}
#how-section .app-store-btns img {
  margin: 5px;
}
#service-area {
  text-align: center;
  background: #40AEE4;
  padding: 40px 0 50px 0;
}
#service-area h2 {
  padding-bottom: 10px;
}
#service-area p {
  padding-bottom: 10px;
}
#service-area * {
  color: #FFF;
}
#contact-section {
  background: #343234;
}
#contact-section h3 {
  padding: 0 0 40px 0;
}
#contact-section p {
  padding: 0 0 10px 0;
}
#contact-section * {
  color: #FFF;
}
#contact-section .form-group input,
#contact-section .form-group textarea {
  color: #343234;
}
#contact-section .form-group textarea {
  height: 86px;
}
#contact-section .form-group .btn {
  color: #FFF;
  margin-top: 0px;
}
.form-control {
  width: 95%;
  border-radius: 0;
  font-family: 'Abel', sans-serif;
}