@font-face {
    font-family: "JF Flat Regular";
    src: url('fonts/JF-Flat-regular.eot');
    src: url('fonts/JF-Flat-regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/JF-Flat-regular.svg#JF Flat Regular') format('svg'),
    url('fonts/JF-Flat-regular.woff') format('woff'),
    url('fonts/JF-Flat-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    background: #ffffff;
    color: #888888;
    font-family: 'JF Flat Regular',Sans-Serif;
    font-size: 16px;
    line-height: 1.75em;
    margin: 0;
    min-width: 320px;
    overflow-x: hidden;
    padding-top: 80px;
    width: 100%;
}
.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after {
    content: " ";
    display: table;
	clear: both;
}
.transition {
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.clear {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
.grayscale {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: gray;
}
* {
  box-sizing: border-box;
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
}
::selection {
  background: #ffeb99;
}
::-moz-selection {
  background: #ffeb99;
}
.show-mobile {
  display: none;
}
a:link,
a:focus,
a:visited {
  color: #3498db;
  text-decoration: none;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
a:hover {
  color: #e6b900;
}
.btn {
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-family: "JF Flat Regular", sans-serif;
  font-size: 1em;
  line-height: 1;
  padding: 1em 1.5em;
  text-transform: uppercase;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.btn.btn-default {
  background: #ffffff;
  border: 1px solid #e4e4e4;
  color: #000000;
}
.btn.btn-default:hover {
  background: #f2f2f2;
}
.btn.btn-primary {
  background: #3498db;
  border: #3498db;
  color: #000000;
}
.btn.btn-primary:hover {
  background: #e6b900;
  border: #e6b900;
}
.btn.btn-secondary {
  background: #000000;
  border: #000000;
  color: #ffffff;
}
.btn.btn-secondary:hover {
  background: #1a1a1a;
  border: #1a1a1a;
}
.btn.btn-small {
  border-radius: 2px;
  padding: 0.5em 0.75em;
}
.btn.btn-large {
  border-radius: 4px;
  padding: 1.5em 2.75em;
}
section {
  padding: 80px 0;
}
section.alt {
  background: #f5f5f5;
}
ul {
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
}
ul li {
  padding: 0 0 0 1em;
  position: relative;
}
ul li:before {
  font-family: "ionicons";
  left: 0;
  position: absolute;
  top: 0;
}
ul.inline {
  margin: 0 -15px;
}
ul.inline:after,
ul.inline:before {
  clear: both;
  content: "";
  display: table;
  width: 100%;
}
ul.inline li {
  float: left;
  padding: 30px 15px;
}
ul.inline.one-column li {
  width: 100%;
}
ul.inline.two-columns li {
  width: 50%;
}
ul.inline.three-columns li {
  width: 33.3333%;
}
ul.inline.four-columns li {
  width: 25%;
}
ul.inline.five-columns li {
  width: 20%;
}
ul.inline.six-columns li {
  width: 16.6666%;
}
img {
  display: inline-block;
  height: auto;
  max-width: 100%;
}
img.img-rounded {
  border-radius: 3px;
}
p {
  margin: 0 0 1em;
}
big {
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.73em;
}
form {
  margin: 0;
  padding: 0;
  width: 100%;
}
fieldset {
  border: 0;
  margin: 0 0 30px;
  padding: 0;
}
label {
  display: block;
}
input[type=text],
input[type=email],
input[type=date],
input[type=time],
input[type=number],
input[type=file],
input[type=url],
select,
textarea {
  background: #f5f5f5;
  border: 0;
  border-radius: 3px;
  color: #888888;
  display: block;
  font-family: "JF Flat Regular", sans-serif;
  height: 4em;
  padding: 0 1em;
  width: 100%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=date]:focus,
input[type=time]:focus,
input[type=number]:focus,
input[type=file]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
  outline: #3498db auto 5px;
}
textarea {
  line-height: 1.75em;
  height: 150px;
  padding: 1em;
}
input[type=file] {
  padding: 1em;
}
/* 1.12. Text aligning
	-----------------------------------------------------------*/
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
/* 1.13. Tables
	-----------------------------------------------------------*/
table {
  margin-bottom: 2em;
  width: 100%;
}
th,
td {
  border-bottom: 1px solid #e4e4e4;
  padding: 1em;
}
th {
  color: #000000;
  font-family: "JF Flat Regular", sans-serif;
  text-align: left;
  text-transform: uppercase;
}
thead th,
thead td {
  border-width: 3px;
}
.responsive-table {
  margin-bottom: 2em;
  overflow-x: auto;
  width: 100%;
}
.responsive-table table {
  margin: 0;
}
/* 1.14. Quotes
	-----------------------------------------------------------*/
blockquote,
q {
  font-size: 1.25em;
  font-style: italic;
  font-weight: 200;
  line-height: 2em;
  margin: 0 0 2em;
  padding: 0 0 0 3em;
  position: relative;
}
blockquote:before,
q:before {
  color: #3498db;
  content: "\f347";
  font-family: "ionicons";
  font-size: 2em;
  left: 0;
  position: absolute;
  top: 0;
}
blockquote footer,
q footer {
  color: #000000;
  font-style: normal;
}
blockquote footer:before,
q footer:before {
  background: #000000;
  content: "";
  display: inline-block;
  height: 1px;
  margin-right: 0.5em;
  position: relative;
  top: -0.3333em;
  width: 1em;
}
/* 1.15. Patterns
	-----------------------------------------------------------*/
.pattern {
  display: block;
  height: 20px;
  overflow: hidden;
}
.pattern #header-pattern rect,
.pattern #footer-pattern rect {
  stroke: none;
  fill: #fff;
}
.pattern #header-mask rect {
  stroke: none;
  fill: url(#header-pattern);
}
.pattern #footer-mask rect {
  stroke: none;
  fill: url(#footer-pattern);
}
.pattern #header-image {
  stroke: none;
  fill: #3498db;
}
.pattern #footer-image {
  stroke: none;
  fill: #000000;
  mask: url(#footer-mask);
}
.header {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.header .top-bar {
  background: #000000;
  color: #ffffff;
}
.header .nav-bar {
  background: #5d1a19;
}
.logo {
  float: left;
  height: 80px;
  position: relative;
}
.logo img {
  height: 55px;
  left: 0;
  max-height: 60px;
  max-width: 240px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.nav-trigger {
  display: none;
}
.main-nav {
  float: right;
}
.main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-nav ul li {
  float: right;
  margin: 0 30px 0 0;
  padding: 0;
  position: relative;
  /* Nav Level 2 */
  /* Last main nav child alignment */
}
.main-nav ul li:before {
  display: none;
}
.main-nav ul li a,
.main-nav ul li a:link,
.main-nav ul li a:focus,
.main-nav ul li a:visited {
  color: #000000;
  display: block;
  font-family: "JF Flat Regular", sans-serif;
  line-height: 80px;
  position: relative;
  text-transform: uppercase;
}
.main-nav ul li a:before,
.main-nav ul li a:link:before,
.main-nav ul li a:focus:before,
.main-nav ul li a:visited:before {
  background: #ffffff;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  top: 20px;
  width: 0;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.main-nav ul li a:hover:before, .main-nav ul li.active a:before {
  width: 100%;
}
.main-nav ul li.active a {
  color: #ffffff;
}
.main-nav ul li.parent > a span:before {
  content: "\f104";
  font-family: "ionicons";
  font-weight: normal;
  margin-left: 0.5em;
}
.main-nav ul li ul {
  background: #000000;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  visibility: hidden;
  width: 180px;
  z-index: 10;
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.main-nav ul li ul li {
  float: none;
  margin: 0;
  padding: 0;
  /* Nav Level 3 */
}
.main-nav ul li ul li a,
.main-nav ul li ul li a:link,
.main-nav ul li ul li a:focus,
.main-nav ul li ul li a:visited {
  color: #ffffff;
  font-family: "JF Flat Regular", sans-serif;
  line-height: 1.75em;
  padding: 0.5em 1em;
  text-transform: none;
}
.main-nav ul li ul li a:after,
.main-nav ul li ul li a:link:after,
.main-nav ul li ul li a:focus:after,
.main-nav ul li ul li a:visited:after,
.main-nav ul li ul li a:before,
.main-nav ul li ul li a:link:before,
.main-nav ul li ul li a:focus:before,
.main-nav ul li ul li a:visited:before {
  display: none;
}
.main-nav ul li ul li a:hover,
.main-nav ul li ul li a:link:hover,
.main-nav ul li ul li a:focus:hover,
.main-nav ul li ul li a:visited:hover {
  color: #5c8f28;
}
.main-nav ul li ul li.parent > a span:before {
  content: "\f10a";
}
.main-nav ul li ul li ul,
.main-nav ul li ul li:last-child ul {
  left: 100%;
  opacity: 0;
  top: 20px;
  visibility: hidden;
}
.main-nav ul li ul li:hover ul,
.main-nav ul li ul li:hover:last-child ul {
  opacity: 1;
  top: 0;
  visibility: visible;
}
.main-nav ul li:hover ul {
  opacity: 1;
  visibility: visible;
  top: 80%;
}
.main-nav ul li:last-child ul {
  left: auto;
  right: 0;
}
.main-nav ul li:last-child ul li ul {
  left: auto;
  right: 100%;
}
.slider-top {width: 100%; background: #000; position: relative; padding-top: 135px; padding-bottom: 170px; color: #FFF;}
.slider-top .slider-image {overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0px;}
.slider-top .slider-image > img {opacity: 0.3; position: absolute; width: 100%; top: 0; right: 0;}
.slider-top .slider-about {float: right; max-width: 610px; position: relative; z-index: 99;}
.slider-top .slider-about p {font-size: 18px; line-height: 40px;}
.slider-top .slider-about .icons-apps > img {max-width: 100px;display: inline-block;vertical-align: middle;}
.slider-top .slider-about .icons-apps .download-apps {display: inline-block;vertical-align: middle;}
.slider-top .slider-about .icons-apps .download-apps a {display: block;max-width: 140px; margin: 5px}
.slider-top .top-phone {position: absolute; left: 0px; top: 85px;}
.bg-white {background: #FFF; padding-top: 130px; min-height: 500px;}
.bg-white .sec-title {
    font-size: 30px;
    font-weight: bold;
    color: #000;
	margin-bottom: 30px;
}
.bg-white .sec-title span {position: relative;}
.bg-white .sec-title span:after {
    content: "";
    height: 3px;
    width: 100px;
    display: block;
    background: #5c8f28;
    margin: 0 auto;
    bottom: 100%;
    position: absolute;
    left: calc(50% - 50px);
}

.features-block {margin: 30px 0;}
.features-block .icon {
    display: inline-block;
    height: 60px;
    width: 60px;
    border: 2px solid #5c8f28;
    border-radius: 60px;
    line-height: 48px;
}
.features-block .icon img {max-width: 30px;}
.features-block h4 {margin: 15px 0; color: #000;}
.features-block p {line-height: 21px;}
.bg-offwhite {background: url("../images/map-bg.png") #F3F3F3; padding: 140px 0 120px 0; min-height: 500px;}
.bg-offwhite .sec-title {
    font-size: 30px;
    font-weight: bold;
    color: #000;
	margin-bottom: 30px;
}
.bg-offwhite .sec-title span {position: relative;}
.bg-offwhite .sec-title span:after {
    content: "";
    height: 3px;
    width: 100px;
    display: block;
    background: #5c8f28;
    margin: 0 auto;
    bottom: 100%;
    position: absolute;
    left: calc(50% - 50px);
}
.car-box {margin: 15px;}
.car-box .icon {
    display: inline-block;
    height: 100px;
    width: 100px;
    background: #5c8f28;
    border-radius: 60px;
    line-height: 100px;
}
.car-box .icon img {width: 50px;}
.car-box p {margin-top: 5px; font-size: 18px;}
.bg-driver {padding: 140px 0 130px 0;}
.driver-title {}
.driver-title span {
    font-size: 50px;
    color: #000;
    margin-bottom: 30px;
    display: inline-block;
	position: relative;
}
.driver-title span:before {
    content: "";
    background: #5c8f28;
    height: 40px;
    width: 110%;
    display: block;
    position: absolute;
    transform: rotate(2deg);
    top: -4px;
    left: -5%;
}
.driver-title span b {z-index: 1; position: relative;}
.driver-title p {font-size: 30px; color: #303030; margin-bottom: 50px;}
.driv-box .icon {
    height: 80px;
    width: 80px;
    background: #5c8f28;
    padding: 15px;
    border-radius: 50%;
    display: inline-block;
}
.driv-box h2 {
    color: #000000;
    font-size: 22px;
    margin: 5px 0 15px 0;
}
.bg-driver .download-apps {background: #5c8f28; margin: 30px 0; border-radius: 10px; padding: 15px;}
.bg-driver .download-apps h2 {color: #000000;}
.bg-driver .download-apps a {margin: 5px;}
.bg-journey {
    background: #5c8f28;
    overflow: hidden;
    position: relative;
    text-align: center;
	padding: 110px 0;
}
.bg-journey:before {
    background: url(../images/background-testimonials.jpg) fixed;
        background-size: auto;
    background-size: cover;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.1;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateZ(-1px) scale(1.15);
}
.bg-journey .sec-title {font-size: 40px; font-weight: bold; margin-bottom: 20px; line-height: 60px; color: #000000;}
.bg-journey .sec-title span {position: relative; display: inline-block;}
.bg-journey .sec-title span:before {
    content: "";
    height: 3px;
    width: 100px;
    display: block;
    background: #000;
    margin: 0 auto;
    bottom: 100%;
    position: absolute;
    left: calc(50% - 50px);
}
.bg-journey .sec-title p {font-size: 30px; color: #303030; margin-bottom: 50px;}
.bg-journey .journey-box {color: #000000;}
.bg-journey .journey-box .icon {
    display: inline-block;
    width: 80px;
	margin: 15px 0 10px 0;
}
.bg-journey .journey-box .icon img {}
.bg-journey .journey-box h4 {}
.bg-journey .journey-box h3 {}


@media (max-width: 991px) {
	.slider-top .slider-about {max-width: 410px;}
}



@media (max-width: 767px) {
  body {padding: 0px;}
  .header {
    height: auto;
    margin-bottom: -20px;
    position: relative;
  }
  .header .logo {
    display: block;
    float: none;
    height: auto;
    max-width: 240px;
    padding: 15px 0;
    text-align: left;
  }	
  .header .logo img {
    left: auto;
    top: auto;
    position: relative;
    transform: none;
  }
  .header .nav-trigger {
    background: none;
    border: none;
    color: #000000;
    display: block;
    font-size: 3em;
    height: 85px;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .header .nav-bar {
    height: auto;
    position: relative;
  }
  .header .nav-bar > .container {direction: ltr;}
  .header .main-nav {
    display: none;
    float: none;
    margin: 0 -15px;
  }
  .header .main-nav:before,
  .header .main-nav:after {
    clear: both;
    content: "";
    display: table;
    width: 100%;
  }
  .header .main-nav ul li {
    float: none;
    margin: 0;
  }
  .header .main-nav ul li a {
    line-height: 1em;
    padding: 15px;
    position: relative;
  }
  .header .main-nav ul li a:before {
    display: none;
  }
  .header .main-nav ul li.parent > a span:before {
    display: block;
    margin: 0;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
  }
  .header .main-nav ul li.parent > a span.rotate:before {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  .header .main-nav ul li ul,
  .header .main-nav ul li ul li ul {
    background: #f5c600;
    display: none;
    left: auto;
    padding: 0 15px;
    opacity: 1;
    position: relative;
    right: auto;
    top: auto;
    visibility: visible;
    width: 100%;
  }
  .header .main-nav ul li ul li a,
  .header .main-nav ul li ul li ul li a {
    color: #000000;
    position: relative;
  }
  .header .main-nav ul li ul li a:before,
  .header .main-nav ul li ul li ul li a:before,
  .header .main-nav ul li ul li a:hover:before,
  .header .main-nav ul li ul li ul li a:hover:before {
    background: none;
    color: #ffffff;
    content: "\f3d3";
    display: block;
    font-family: "ionicons";
    height: auto;
    left: 0;
    position: absolute;
    top: 0.45em;
    width: auto;
  }
  .header .main-nav ul li ul li a:hover,
  .header .main-nav ul li ul li ul li a:hover {
    color: #000000;
  }
  .header .main-nav ul li ul li.parent > a span:before,
  .header .main-nav ul li ul li ul li.parent > a span:before {
    content: "\f104";
    padding: 0.5em 1em;
    right: -1em;
  }
	.slider-top .top-phone {display: none;}
}

@media (max-width: 370px) {
	.driver-title span {
		font-size: 35px;
		color: #000;
	}
}