/* Master Sass file - delete this line when you start work */
/* Colour variables */
/* Load font face of choice as a mixin for later use */
@font-face {
  font-family: 'Roboto', sans-serif; }
/* Border Radius mixin */
body {
  font-family: Roboto;
  font-size: 16px; }

/* Text styles */
p {
  font-size: 1em; }

.logo {
  display: block;
  padding-top: 10px; }

.lead {
  font-size: 1.1em; }

a, a:hover, a:active {
  text-decoration: none;
  color: #b5a921;
  font-weight: 700; }

.btn-primary {
  background-color: #f0f24e;
  color: #000;
  border: none;
  margin-top: 5px;
  padding: 20px;
  width: 100%;
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }
  .btn-primary:hover {
    background-color: #ecef1e;
    color: #000; }

.phone-span {
  display: inline;
  color: #f0f24e; }

.phone-span-2 {
  display: inline;
  font-weight: 700;
  color: #000;
  border-bottom: 1px dotted #000; }

.bigicon {
  font-size: 3em; }

/* Headings */
h1 {
  font-family: Roboto;
  color: #595959;
  margin-top: 0;
  font-size: 1.6em;
  padding: 0;
  border-bottom: 1px solid #f0f24e;
  padding-bottom: 10px; }

h2 {
  font-family: Open Sans;
  font-size: 1.4em;
  margin-top: 0; }

h3 {
  font-family: Open Sans;
  font-size: 1.2em;
  margin-top: 0; }

h4 {
  font-family: Open Sans;
  font-size: 1.1em;
  margin-top: 0; }

/* Image alignments */
.bl-left {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px; }

.bl-right {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px; }

.bl-center {
  margin: 0 auto; }

/* Page Structure */
.topbar {
  display: block;
  max-width: 100%;
  background-color: #000;
  color: #fff;
  padding: 10px; }
  .topbar ul {
    float: right; }
  .topbar li {
    display: inline-block;
    margin-right: 20px; }
  .topbar li:last-child {
    margin-right: 0;
    background-color: #000;
    border-radius: 10px; }
  .topbar li a {
    color: #fff;
    width: 100%;
    display: inline;
    width: 100%; }

header {
  display: block;
  padding: 10px; }

/* Header elements */
.header-cta {
  margin-top: 5px;
  padding: 20px;
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  color: #000;
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
  border: dotted 2px #000; }

.icon {
  margin-right: 20px; }

.slider {
  display: block;
  width: 100%;
  background-image: url("../images/slider.png");
  background-position: center;
  background-repeat: no-repeat; }

/* CTAs */
.cta-alt {
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  background-color: #eee;
  color: #000; }
  .cta-alt p {
    font-size: 1.2em;
    font-weight: 300;
    padding-bottom: 10px;
    border-bottom: 1px solid #000; }
  .cta-alt .phone {
    font-size: 1.6em; }
  .cta-alt .phone-span {
    color: #000;
    font-weight: 700; }

.cta-content {
  width: 100%;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px; }
  .cta-content .cta-inline {
    display: inline-block;
    padding: 20px;
    width: 100%;
    border: dotted 2px #000;
    text-align: center;
    font-size: 1.1em;
    font-weight: 700;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px; }
  .cta-content .cta-inline-phone {
    display: inline-block;
    padding: 20px;
    width: 100%;
    background-color: #f0f24e;
    border: dotted 2px #000;
    text-align: center;
    font-size: 1.1em;
    font-weight: 700;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px; }

.cta-content-book {
  display: inline;
  width: 100%;
  padding: 20px;
  border: 2px dotted #000;
  font-size: 1.2em; }

.cta-content-phone {
  display: inline;
  width: 100%;
  padding: 20px;
  background: #f0f24e;
  border: 2px dotted #000;
  font-size: 1.2em; }

.cta-area {
  width: 50%;
  display: block;
  padding: 20px;
  text-align: center;
  margin: 0 auto; }
  .cta-area .headline {
    display: block;
    font-size: 2em; }
  .cta-area .cta-block {
    width: 100%;
    display: block;
    margin: 0 auto; }
  .cta-area .cta-inline {
    display: inline-block;
    padding: 20px;
    width: 39%;
    color: #000;
    border: 2px dotted #000;
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px; }
  .cta-area .cta-p {
    width: 79%;
    display: block;
    padding: 20px;
    margin: 0 auto;
    margin-top: 10px;
    background-color: #cdcb13;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f487), to(#cdcb13));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #f5f487, #cdcb13);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #f5f487, #cdcb13);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #f5f487, #cdcb13);
    /* IE10 */
    background-image: -o-linear-gradient(top, #f5f487, #cdcb13);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #f5f487, #cdcb13);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f5f487', EndColorStr='#cdcb13');
    color: #000;
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px; }

footer {
  display: block;
  width: 100%;
  background: #eee;
  padding: 40px; }
  footer ul {
    display: block;
    list-style: none;
    padding: 0; }
  footer li {
    display: inline-block;
    width: 49%;
    margin-top: 10px; }
  footer h3 {
    font-weight: 700; }
  footer .icon {
    margin-right: 10px;
    color: #aca707; }

.footerlower {
  display: block;
  padding: 20px;
  background-color: #000;
  color: #f0f24e; }
  .footerlower a {
    color: #f0f24e;
    font-weight: 700; }

.exechead {
  display: block;
  width: 100%;
  padding: 40px;
  background-image: url("../images/exechead.png");
  background-position: left;
  background-repeat: no-repeat;
  margin-bottom: 20px;
  border-top: 2px solid #f0f24e; }
  .exechead h1 {
    color: #fff;
    font-size: 2em;
    border-bottom: 0; }

.airporthead {
  display: block;
  width: 100%;
  padding: 40px;
  background-image: url("../images/airporttransfers.png");
  background-position: left;
  background-repeat: no-repeat;
  margin-bottom: 20px;
  border-top: 2px solid #f0f24e; }
  .airporthead h1 {
    font-size: 2em;
    color: #fff;
    border-bottom: 0; }

.ecohead {
  display: block;
  width: 100%;
  padding: 40px;
  background-image: url("../images/ecohead.png");
  background-position: left;
  background-repeat: no-repeat;
  margin-bottom: 20px;
  border-top: 2px solid #f0f24e; }
  .ecohead h1 {
    font-size: 2em;
    color: #fff;
    border-bottom: 0; }

.taxihead {
  display: block;
  width: 100%;
  padding: 40px;
  background-image: url("../images/taxihead.png");
  background-position: left;
  background-repeat: no-repeat;
  margin-bottom: 20px;
  border-top: 2px solid #f0f24e; }
  .taxihead h1 {
    font-size: 2em;
    color: #fff;
    border-bottom: 0; }

/* tables */
table {
  min-width: 100%;
  margin-bottom: 20px; }

tr:nth-child(even) {
  background-color: #eee;
  padding: 10px; }

tr:nth-child(odd) {
  background-color: #F1F07D;
  padding: 10px; }

.price-span {
  display: inline;
  font-size: 1.4em;
  font-weight: 700; }

/* List styles */
.whychoose {
  display: block;
  list-style: none;
  padding: 0;
  margin-bottom: 30px; }

.whychoose li {
  display: inline-block;
  width: 48%;
  margin-top: 10px; }

.whychoose .icon {
  margin-right: 10px;
  color: #a4a4a4; }

/* Home page elements */
.bucket-btn {
  display: block;
  padding: 10px;
  background-color: #000000;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#262626), to(#000000));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #262626, #000000);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #262626, #000000);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #262626, #000000);
  /* IE10 */
  background-image: -o-linear-gradient(top, #262626, #000000);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #262626, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#262626', EndColorStr='#000000');
  margin: 0 auto;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  color: #fff; }

.bucket-btn:hover {
  background-color: #262626;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#262626));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #000000, #262626);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #000000, #262626);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #000000, #262626);
  /* IE10 */
  background-image: -o-linear-gradient(top, #000000, #262626);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #000000, #262626);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#000000', EndColorStr='#262626');
  color: #f0f24e; }

.sb-bucket-btn {
  display: block;
  padding: 10px;
  background-color: #d5d729;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f24e), to(#d5d729));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #f0f24e, #d5d729);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f0f24e, #d5d729);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f0f24e, #d5d729);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f0f24e, #d5d729);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f0f24e, #d5d729);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f0f24e', EndColorStr='#d5d729');
  margin: 0 auto;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  color: #000; }

.sb-btn {
  display: block;
  padding: 10px;
  background-color: #d5d729;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f24e), to(#d5d729));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #f0f24e, #d5d729);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f0f24e, #d5d729);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f0f24e, #d5d729);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f0f24e, #d5d729);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f0f24e, #d5d729);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f0f24e', EndColorStr='#d5d729');
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  color: #000;
  font-weight: 700;
  font-size: 1.4em; }

.sb-bucket-btn:hover {
  background-color: #f0f24e;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d5d729), to(#f0f24e));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #d5d729, #f0f24e);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #d5d729, #f0f24e);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #d5d729, #f0f24e);
  /* IE10 */
  background-image: -o-linear-gradient(top, #d5d729, #f0f24e);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #d5d729, #f0f24e);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#d5d729', EndColorStr='#f0f24e');
  color: #000; }

.airport {
  display: block;
  margin-top: 10px;
  width: 100%;
  background-image: url("../images/airport.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 200px; }

.eco {
  display: block;
  margin-top: 10px;
  width: 100%;
  background-image: url("../images/ecocar.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 200px; }

.exec {
  display: block;
  margin-top: 10px;
  width: 100%;
  background-image: url("../images/exec.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 200px; }

.book-online {
  display: block;
  margin-top: 10px;
  width: 100%;
  background-image: url("../images/taxis.png");
  background-repeat: no-repeat;
  background-position: center;
  height: 200px; }

.bucket-cta {
  display: block;
  width: 100%;
  padding: 10px;
  background-color: #eee;
  text-align: center; }

/* Sidebar elements */
.app-box {
  width: 100%;
  background: #eee;
  border: 2px solid #ddd;
  text-align: center;
  margin-bottom: 10px;
  padding: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  .app-box ul {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px; }
  .app-box li {
    display: block;
    color: #000;
    text-align: left;
    font-size: 1.1em;
    font-weight: 700;
    margin-top: 10px; }

.exec-bucket {
  margin-top: 10px;
  margin-bottom: 20px;
  display: block;
  width: 100%;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-image: url("../images/exec-bucket.png");
  background-position: center;
  background-repeat: no-repeat;
  text-align: center; }
  .exec-bucket h2 {
    color: #fff;
    font-size: 1.4em;
    padding: 10px;
    margin-top: 0;
    border-bottom: 1px solid #f0f24e; }
  .exec-bucket p {
    color: #fff; }

.areas-bucket {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-color: #000;
  color: #fff;
  text-align: center; }
  .areas-bucket h2 {
    color: #fff;
    font-size: 1.4em;
    padding: 10px;
    margin-top: 0;
    border-bottom: 1px solid #f0f24e; }
  .areas-bucket ul {
    display: block;
    padding: 0;
    list-style: none; }
  .areas-bucket li {
    display: inline-block;
    width: 48%; }
  .areas-bucket li:last-child {
    margin-top: 10px;
    border-top: 1px solid #f0f24e;
    padding-top: 10px;
    width: 100%; }

/* Forms */
input[type="text"] {
  width: 100%;
  background-color: none;
  border: 2px solid #ddd;
  font-family: Open Sans;
  font-size: 1em;
  color: #000;
  padding: 10px;
  border-radius: 5px; }

select {
  width: 100%;
  background-color: none;
  border: 2px solid #ddd;
  font-family: Open Sans;
  font-size: 1em;
  color: #000;
  padding: 10px;
  border-radius: 5px; }

input[type="checkbox"] {
  background-color: none;
  display: inline-block;
  border: 2px solid #ddd;
  font-family: Open Sans;
  font-size: 1em;
  color: #000;
  padding: 10px;
  border-radius: 5px; }

input[type="submit"] {
  text-align: right;
  background-color: none;
  border: 2px solid #ddd;
  font-family: Open Sans;
  font-size: 1em;
  color: #000;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  float: right; }

textarea {
  width: 100%;
  background-color: none;
  border: 2px solid #ddd;
  font-family: Open Sans;
  font-size: 1em;
  color: #000;
  padding: 10px;
  border-radius: 5px; }

.padvert {
  padding-top: 20px;
  padding-bottom: 20px; }

/* Navigation */
/* Clearfix */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

nav {
  height: 80px;
  width: 100%;
  background: #000;
  font-size: 1em;
  font-weight: 700;
  position: relative;
  margin-top: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px; }

nav ul {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  height: 80px; }

nav li {
  display: inline;
  margin: 0 auto;
  text-align: center; }

nav a {
  color: #fff;
  display: inline-block;
  width: 160px;
  text-align: center;
  text-decoration: none;
  line-height: 80px; }

nav li a {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

nav li:last-child a {
  border-right: 0; }

nav a:hover, nav a:active {
  background-color: #292929;
  color: #f0f24e; }

nav a#pull {
  display: none; }

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
  nav {
    height: auto; }

  nav ul {
    width: 100%;
    display: block;
    height: auto;
    padding: 0; }

  nav li {
    width: 50%;
    float: left;
    position: relative;
    border-bottom: 2px solid #f0f24e; }

  nav li:last-child {
    width: 100%;
    text-align: center; }

  nav a {
    text-align: left;
    width: 100%;
    text-indent: 5px; }

  nav a:hover, nav a:active {
    background-color: #292929;
    border-bottom: none; }

  .row {
    margin: 0 auto;
    width: 100%; }

  .container {
    width: 100% !important; }

  .slider {
    height: auto; } }
/*Styles for screen 515px and lower*/
@media only screen and (max-width: 515px) {
  nav {
    border-bottom: 0; }

  nav ul {
    display: none;
    height: auto; }

  nav a#pull {
    display: block;
    background-color: #000;
    color: #fff;
    width: 100%;
    position: relative;
    text-decoration: none;
    text-indent: 10px; }

  .mob-bar {
    display: block;
    width: 100%;
    background: #eee; }
    .mob-bar p {
      text-align: center;
      font-weight: 700;
      padding-top: 10px; }
    .mob-bar ul {
      list-style: none;
      width: 100%;
      display: block;
      padding: 20px;
      position: relative;
      margin: 0 auto; }
    .mob-bar li {
      display: inline-block;
      padding: 10px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      background-color: #cdcb13;
      /* Fallback Color */
      background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f487), to(#cdcb13));
      /* Saf4+, Chrome */
      background-image: -webkit-linear-gradient(top, #f5f487, #cdcb13);
      /* Chrome 10+, Saf5.1+, iOS 5+ */
      background-image: -moz-linear-gradient(top, #f5f487, #cdcb13);
      /* FF3.6 */
      background-image: -ms-linear-gradient(top, #f5f487, #cdcb13);
      /* IE10 */
      background-image: -o-linear-gradient(top, #f5f487, #cdcb13);
      /* Opera 11.10+ */
      background-image: linear-gradient(top, #f5f487, #cdcb13);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f5f487', EndColorStr='#cdcb13');
      width: 100%;
      text-align: center;
      color: #000; }
      .mob-bar li a {
        width: 100%;
        color: #000; } }
@media only screen and (max-width: 320px) {
  nav li {
    display: block;
    float: none;
    width: 100%; } }

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