/* Body, links and text elements start */
/* Commented out for css validation
:root {
  --primary: #02a9f4;  
  --dark-primary: #0095d8;
  --secondary: #F4ED00;
  --dark-secondary: #eacd00;
  --font: #000f11;
  --white: #fff;
  --light-off-white: #f9f9f9;
  --off-white: #ededed;
  --success: #00dd59;
  --dark-success: #0baf4e;
  --error: #d00;
}
*/

html, body {
  height: 100%;
}

body {
  font-family: 'Montserrat', Trebuchet, Tahoma, Geneva, Verdana, sans-serif;
  color: #000f11;
  background: #fff;
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;  
  -webkit-box-orient: vertical;  
  -webkit-box-direction: normal;  
      -ms-flex-direction: column;  
          flex-direction: column;
  -webkit-overflow-scrolling: touch;
}

.content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  overflow-x: hidden;
}

.body .content {
  width: calc(100vw - 1em);
}

  /* Links and text elements start */
  h1, .h1,
  h2, .h2,
  h3, .h3,
  h4, .h4 { 
    font-weight: 600; 
    margin-top: 0;
  }
    h1, .h1 { font-size: 24px; }
    h2, .h2 { font-size: 28px; }
    h3, .h3 { font-size: 24px; }
    h4, .h4 { font-size: 20px; }

    .heading-mb-large { margin-bottom: 2.25em;}
    .heading-mb-norm { margin-bottom: 1.25em;}
    .heading-mb-tight { margin-bottom: .5em;}
    .heading-mb-none { margin-bottom: 0;}

  p, a, span, .btn, li {
    line-height: 24px;
    font-size: 15px;
    font-weight: 600;
    margin-top: 0;
  }

  a {
    color: #02a9f4;
    font-weight: 600;
    text-decoration: none;
  }
    a:hover {
      text-decoration: underline;
    }

    a.white { color: #fff; }

  ul ul,
  ol ul {
    list-style-type: initial;
  }

  .deco {
    background: #F4ED00;
    color: #000f11;
    padding: 0 8px;
    display: inline-block;
    line-height: 20px;
  }

  .center {
    text-align: center;
  }
  /* Links and text elements end */

  /* Button elements start */
  p + .btn {
    margin-top: 1em;
    display: inline-block;
  }

  .btn {
    padding-top: .75em;
    padding-right: 2.5em;
    padding-bottom: .75em;
    padding-left: 2.5em;
    margin-bottom: 1em;
    min-width: 200px;
    display: inline-block;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
    text-align: center;
    border: none;
  }
    .btn:hover {
      text-decoration: none;
    }
    .btn:focus {
      outline: none;
    }
    .btn-primary {
      background-color: #02a9f4;
      color: #fff;
    }
      .btn-primary:hover,
      .btn-primary:active,
      .btn-primary:focus {
        background-color: #0095d8;
      }
    
    .btn-secondary {
      background-color: #F4ED00;
      color: #000f11;
    }
      .btn-secondary:hover,
      .btn-secondary:active,
      .btn-secondary:focus {
        background-color: #eacd00;
      }
    .btn-white {
      background-color: transparent;
      color: #fff;
      border: 3px solid #fff;
    }
      .btn-white:hover,
      .btn-white:active,
      .btn-white:focus {
        background-color: #fff;
        color: #000f11;
        border-color: #000f11;
      }
    .btn-nostyle {
      background-color: transparent;
      border-radius: 0;
    }

    .btn-min {
      min-width: inherit;
    }
    .btn-full {
      width: 100%;
    }
    .btn-marginless {
      margin: 0;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 0;
      margin-top: 0;
    }
  /* Button elements end */

  /* Alert start */
  .alert {
    padding: 1.75em;
    border-radius: 4px;
    position: relative;
    background-image: url(../img/packages-bg.png);
    background-size: 42%;
    background-repeat: repeat-y;
    background-position-x: right;
  }

  .alert-title {
    font-weight: 700;
    font-size: 1.25em;
  }
    .alert-title::before {
      position: absolute;
      top: -1em;
      left: -1em;
      font-size: 1em;
      font-family: "Font Awesome 5 Free";
      content: '\f129';
      margin-right: .75em;
      background-color: #0095d8;
      -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
              box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
      color: #fff;
      padding: .5em 1em;
      border-radius: 3px;
    }

  .alert p {
    font-weight: normal;
  }

  .alert p:last-child {
    margin-bottom: 0;
  }

  .alert h3 {
    font-size: 1.1em;
    margin-bottom: .25em;
  }
  .alert h4,
  .alert h5 {
    font-size: 1em;
    margin-bottom: .1em;
  }
  .alert h5 {
    font-weight: 600;
  }

  .alert.information {
    border: 4px solid #02a9f4;
  }
  /* Alert end */

  /* Section elements start */
  .section:not(.welcome) {
    padding-top: 3.25em;
    padding-bottom: 3.25em;
  }
  .section.section-large {
    padding-top: 4.5em;
    padding-bottom: 4.5em;
  }
  .section.section-larger {
    padding-top: 7.5em;
    padding-bottom: 7.5em;
  }
  .section.section-tight {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
  /* Section elements end */

  /* Accordion start*/
  .accordion--title {
    width: 100%;
    height: 100%;
    padding: 1em;
    padding-right: 2em;
    margin-bottom: 1em;
    background-color: #eaeaea;
    color: #000f11;
    text-decoration: none;
    text-align: left;
    font-weight: 600;
    cursor: pointer;
    position: relative;
  }
    .accordion--title:hover,
    .accordion--title:focus {
      background-color: #dfdfdf;
    }

  .accordion--title.active {
    background-color: #F4ED00;
  }
    .accordion--title.active:not(.default):hover,
    .accordion--title.active:not(.default):focus {
      background-color: #eacd00;
    }
  
  .accordion--title.active.default {
    cursor: default;
  }
  
  .accordion--title > .arrow {
    position: absolute;
    right: 1em;
    padding-left: 1em;
    top: calc(50% - 10px);
  }
    .accordion--title:not(.active) .arrow::before {
      font-family: "Font Awesome 5 Free";
      content: '\f067';
      float: right;
    }
    .accordion--title.active .arrow::before {
      font-family: "Font Awesome 5 Free";
      content: '\f068';
      float: right;
    }
  .accordion--area {
    display: none;
    pointer-events: none;
    padding: 1em;
  }
    .accordion--area.active {
      display: block;
      pointer-events: inherit;
    }

  .accordion--area > ul,
  .accordion--area > ol { 
    padding-left: 1em;
  }
  /* Accordion end*/

  /* Terms and condtions box start */
  .terms-and-conditions {
    padding-left: 2em!important;
    padding-right: 2em!important;
  }
  /* Terms and condtions box end */
  
/* Body, links and text elements end */

/* Foundation override start */
.row .row {
  padding-left: 1em;
  padding-right: 1em;
}
.row.row-contain{
  max-width: 70em;
  margin: 0 auto;
}
.row.row-contain-small{
  max-width: 58em;
  margin: 0 auto;
}
.row.no-gutters .columns,
.row.no-gutters .column {
  padding-left: 0;
  padding-right: 0;
}
.row.no-padding {
  padding-left: 0;
  padding-right: 0;
}
/* Foundation override end */

/* Welcome start*/
.section.welcome {
  padding-left: 1em;
  padding-right: 1em;
  height: 100vh;
  min-height: 500px;
  -webkit-transition: height .5s ease;
  -o-transition: height .5s ease;
  transition: height .5s ease;
  position: relative;
  background: #18c6f5;
  background: -webkit-gradient(linear, right top, left top, from(#00eaec), to(#62cdff));
  background: -webkit-linear-gradient(right, #00eaec, #62cdff);
  background: -o-linear-gradient(right, #00eaec, #62cdff);
  background: linear-gradient(270deg, #00eaec, #62cdff);
}

  .welcome .row {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;  
        -webkit-box-align: center;  
            -ms-flex-align: center;  
                align-items: center;
  }

  .shadow-title {
    display: table;
    position: relative; 
    z-index: 0;
  }
    .shadow-title:before {
      content: '';
      height: 22px;
      width: 100%;
      background-color: #fff;
      background-color: rgba(255, 255, 255, .8);
      position: absolute;
      z-index: -1;
      left: 20px;
      bottom: 2px;
    }

  .welcome h1,
  .welcome h2,
  .welcome p,
  .welcome .vcard a { 
    color: #030d23; 
  }

  .welcome h1 {
    font-size: 2.5em;
    margin-bottom: 0;
    line-height: 46px;
    font-weight: 800;
    text-shadow: -2px -2px 0 rgb(255 255 255 / 22%), 2px -2px 0 rgb(255 255 255 / 22%), -2px 1px 0 rgb(255 255 255 / 22%), 2px 2px 0 rgb(255 255 255 / 22%);
  }

  .welcome h2 {
    font-size: 1.2em;
  }

  .welcome .btn-primary {
    background-color: #4fd6fa;
    color: #030d23;
    border: 2px solid #030d23;
  }
    .welcome .btn-primary:hover,
    .welcome .btn-primary:active,
    .welcome .btn-primary:focus {
        background-color: #b2e7f5;
    }

  .welcome--icons {
    position: relative;
    width: 100%;
  }
    .welcome--icons__logo {
      -webkit-animation-direction: alternate;
              animation-direction: alternate;
      -webkit-animation-duration: 14s;
              animation-duration: 14s;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-name: welcome--icons__logo-float;
              animation-name: welcome--icons__logo-float;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out;
      -webkit-animation-delay: .4s;
              animation-delay: .4s;
    }
    @-webkit-keyframes welcome--icons__logo-float {
      0% { 
        -webkit-transform: translatey(0); 
                transform: translatey(0); 

      }
      50% { 
        -webkit-transform: translatey(-20px); 
                transform: translatey(-20px); 

      }
      100% { 
        -webkit-transform: translatey(0); 
                transform: translatey(0); 

      }
    }
    @keyframes welcome--icons__logo-float {
      0% { 
        -webkit-transform: translatey(0); 
                transform: translatey(0); 

      }
      50% { 
        -webkit-transform: translatey(-20px); 
                transform: translatey(-20px); 

      }
      100% { 
        -webkit-transform: translatey(0); 
                transform: translatey(0); 

      }
    }

    .welcome--icons__tick {
      position: absolute;
      top: 0;
      right: -27%;
      width: 40%;
      -webkit-animation-direction: alternate;
              animation-direction: alternate;
      -webkit-animation-duration: 14s;
              animation-duration: 14s;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;
      -webkit-animation-name: welcome--icons__tick-float;
              animation-name: welcome--icons__tick-float;
      -webkit-animation-timing-function: ease-in-out;
              animation-timing-function: ease-in-out;
      -webkit-filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.4));
              filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.4)); 
    }
    @-webkit-keyframes welcome--icons__tick-float {
      0% { 
        -webkit-transform: scale(1); 
                transform: scale(1);
        -webkit-filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.4));
                filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.4));
      }  
      50% { 
        -webkit-transform: scale(1.075); 
                transform: scale(1.075);
        -webkit-filter: drop-shadow(0 8px 18px rgba(0,0, 0, 0.35));
                filter: drop-shadow(0 8px 18px rgba(0,0, 0, 0.35));
      }
      100% { 
        -webkit-transform: scale(1); 
                transform: scale(1);
        -webkit-filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.4));
                filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.4));
      }
    }
    @keyframes welcome--icons__tick-float {
      0% { 
        -webkit-transform: scale(1); 
                transform: scale(1);
        -webkit-filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.4));
                filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.4));
      }  
      50% { 
        -webkit-transform: scale(1.075); 
                transform: scale(1.075);
        -webkit-filter: drop-shadow(0 8px 18px rgba(0,0, 0, 0.35));
                filter: drop-shadow(0 8px 18px rgba(0,0, 0, 0.35));
      }
      100% { 
        -webkit-transform: scale(1); 
                transform: scale(1);
        -webkit-filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.4));
                filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.4));
      }
    }

    /* Could be done cleaner in css, but didnt want to do longer html element classes */
    .welcome--icons__star-1 {
      position: absolute;
      opacity: .9;
      width: 20px;
      top: 7%;
      left: 37%;
    }
    .welcome--icons__star-2 {
      position: absolute;
      opacity: .9;
      width: 50px;
      top: -20%;
      left: -10%;
    }
    .welcome--icons__star-3 {
      position: absolute;
      opacity: .9;
      width: 35px;
      bottom: 12%;
      left: 65%;
    }
    .welcome--icons__star-4 {
      position: absolute;
      opacity: .9;
      width: 65px;
      bottom: -30%;
      left: 25%;
    }
    .welcome--icons__star-5 {
      position: absolute;
      opacity: .9;
      width: 50px;
      top: -14%;
      right: -18%;  
    }
    .welcome--icons__key {
      position: absolute;
      width: 152px;
      bottom: -27%;
      right: -35%;
    }
        
/* Welcome end*/



/* Call us start */
.call-us { 
  text-align: center;
  background-color: #f9f9f9;
}
.call-us .vcard a { 
  color: #000f11;
  font-size: 2.5em;
  z-index: 0; 
  position: relative;
  display: inline-block;
  font-weight: 700;
  margin-bottom: .6em;
}
  .call-us .vcard > a::before { 
    content: '';
    height: 18px;
    background-color: #F4ED00;
    position: absolute;
    z-index: -1;
    top: 18px;
    left: 16px;
    width: 246px;
  }
.call-us__more { 
  display: table;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
/* Call us end */

/* Packages start */
.intro-packages {
  background-color: #F4ED00;
  background-image: url(../img/packages-bg.png);
}
  .intro-packages-curve {
    background-image: url(../img/curve-bg.svg);
    background-repeat: repeat-x;
    margin-top: -8em;
    padding-top: 14em;
    position: relative;
  }

.intro-packages .row {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.intro-packages--info {
  background-color: #F4ED00;
  background-color: rgb(244, 237, 0.9);
}

.intro-packages--img {
  position: relative;
  width: 100%;
}
.packages-car {
  position: absolute;
  left: 0;
  top: 42px;
  width: 45%;
  -webkit-transition: 3s;
  -o-transition: 3s;
  transition: 3s;
}
.packages-car.shown {
  margin-left: 0;
}
/* Packages end */

/* Intro promo start */
.intro-promo { background-color: #f9f9f9; }
.intro-promo .column {
  padding-left: 2em;
  padding-right: 2em;
}
.intro-promo-text { display: inline-block; }
.intro-promo h2 { 
  margin-bottom: 2px; 
  line-height: 22px;
  color: #000f11;
}
  .intro-promo h2 span {
    color: #cecece;
    font-size: inherit;
  }
.intro-promo .btn { 
  float: right;
  cursor: pointer;
  display: none;
}
/* Intro promo end */

/* About start */
.about {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
  background: -webkit-linear-gradient(top, #fff, #f9f9f9);
  background: -o-linear-gradient(top, #fff, #f9f9f9);
  background: linear-gradient(180deg, #fff, #f9f9f9);
}

.about .row {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about .shadow-title:before {
  background-color: #ededed;
}
.about--image {
  border-radius: 200px;
  background-color: #7fb6ff;
  background: -webkit-linear-gradient(325deg, #00d49c, #7fb6ff);
  background: -o-linear-gradient(325deg, #00d49c, #7fb6ff);
  background: linear-gradient(125deg, #00d49c, #7fb6ff);
  padding: .5em;
}
  .about img {
    border-radius: 300px;
    padding: .5em;
    max-width: 100%;
  }
/* About end */

/* About additonal start */
.about-additional {
  background: #f9f9f9;
  padding: 1em;
}

.about-additional-content{
  -webkit-box-shadow: 0 0 9px 5px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 9px 5px rgba(0, 0, 0, 0.05);
  padding: 1em;
}

.about-additional h2 {
  display: inline-block;
  margin-bottom: 0;
  position: relative;
  z-index: 0;
}
  .about-additional h2::after {
    content: '';
    height: 18px;
    background-color: #ededed;
    position: absolute;
    z-index: -1;
    top: 21px;
    left: -15px;
    width: 195px;
  }

.about-additional img {
  padding: 1.5em 1.5em 1em;
}
/* About additional end */

/* Learn to drive start */
.learn-to-drive {
  background-color: #00dd59;
  background-image: url(../img/learn-to-drive-bg.png);
  color: #000823;
}

.learn-to-drive .row {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.learn-to-drive h2 { 
  position: relative; 
  z-index: 0;
}
.learn-to-drive h2::before {
  content: '';
  height: 33px;
  width: 6000px;
  background-color: #0baf4e;
  background-color: rgba(11, 175, 78, .9);
  position: absolute;
  z-index: -1;
  left: -5959px;
  top: 5px;
}

.learn-to-drive ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.learn-to-drive--list li {
  margin-bottom: .75em;
}

.learn-to-drive--list span {
  background: #fff;
  box-shadow: 4px 3px 0px #088c3d;
  color: #000823;
  width: 40px;
  height: 40px;
  text-align: center;
  border: 3px solid #000823;
  border-radius: 35px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bolder;
  margin-right: 15px;
}

.learn-to-drive--list li a {
  color: #000823;
  text-decoration: underline;
}
  .learn-to-drive--list li a:hover {
    background-color: #fff;
  }
  .learn-to-drive--list li a::after {
    font-family: "Font Awesome 5 Free";
    font-size: .75em;
    font-weight: 700;
    -webkit-transform: rotate(47deg);
        -ms-transform: rotate(47deg);
            transform: rotate(47deg);
    content: '\f062';
    left: 1px;
    bottom: 7px;
    position: relative;
    display: inline-block;
  }

.learn-to-drive--image {
  position: relative;
  z-index: 0;
}
  .learn-to-drive--image::before {
    content: '';
    height: 33px;
    width: 6000px;
    background-color: #0baf4e;
    background-color: rgba(11, 175, 78, .9);
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 40px;
  }
/* Learn to drive end */

/* FAQs start */
.faq { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9)); background: -webkit-linear-gradient(top, #fff, #f9f9f9); background: -o-linear-gradient(top, #fff, #f9f9f9); background: linear-gradient(180deg, #fff, #f9f9f9); }
.faq h2 { text-align: center; }
/* FAQs end */

/* Gift intro start */
.gift-intro {
  text-align: center;
  background: #e7594b;
  background: -webkit-linear-gradient(325deg, #df3446, #e7594b);
  background: -o-linear-gradient(325deg, #df3446, #e7594b);
  background: linear-gradient(125deg, #df3446, #e7594b);
}
.gift-intro a {
  color: #fff;
  text-decoration: none;
}
  .gift-intro a:hover .more {
    text-decoration: underline;
  }
  .gift-intro h2 {
    margin-bottom: .5em;
    font-size: 2.75em;
    line-height: 44px;
    font-weight: 600;
  }
    .gift-intro h2 span {
      font-size: inherit;
    }
/* Gift intro end*/

/* Contact start */
.contact--intro {
  text-align: center;
}
.contact .contactable { 
  z-index: 0; 
  display: table;
  font-weight: 600;
  margin-left: auto;
  margin-right: auto;
  margin-top: -44px; /* Related to value of .contact .contactable::before top */
  margin-bottom: 4em;
  max-width: 400px;
  line-height: 16px;
}
  .contact .contactable::before { 
    content: '';
    height: 28px;
    background-color: #F4ED00;
    background-color: rgb(234, 222, 0, .8);
    z-index: -1;
    top: 44px; /* Related to value of .contact .contactable margin-top */
    width: 217px;
    display: block;
    margin: 0 auto;
    position: relative;
  }

.contact .accordion--title {
  width: initial;
  min-width: 58px;
  min-height: 58px;
  display: inline-block;
  padding-right: 1em;
  text-align: center;
}

.contact .accordion--title.active:hover,
.contact .accordion--title.active:focus {
  background-color: #eacd00;
}
.contact .accordion--title.active::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 23px;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #F4ED00;
}
.contact .accordion--title.active:hover::after,
.contact .accordion--title.active:focus::after {
  background-color: #eacd00;
}

.contact .accordion--title .fa-phone {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.contact .accordion--title:not(.active) .arrow::before {
    content: '\f063';
  }
.contact .accordion--title.active .arrow::before {
    content: '\f061';
  }
.accordion-title__text {
  margin-left: 1em;
}
.contact .accordion--title.active .accordion-title__text {
  display: none;
}
.contact .accordion--title.active .accordion-title__text::after {
  content: '';
}

.contact .accordion--area { padding: 0; }
.contact--areas .accordion--area > p:first-child {
  margin-top: -5px;
}
.contact .deco {
  padding: 6px 12px;
}

.contact .vcard.deco a { color: #000f11; }

.deco.facebook {
  background-color: #365899;
  color: #fff;
  text-decoration: none;
  margin-bottom: 1em;
  display: table;
}

.deco.instagram {
  background-color: transparent;
  color: #e7594b;
  border: 3px solid #e7594b;
  text-decoration: none;
  padding: 4px 7px;
  margin-bottom: 1em;
  display: table;
  -webkit-transition: .15s;
  -o-transition: .15s;
  transition: .15s;
}
  .deco.instagram:hover {
    color: #fff;
    background-color: #e7594b;
  }

.contact form input:not([type="submit"]),
.contact form textarea {
  margin-bottom: .5em;
  width: 100%;
  padding: .5em;
  border-style: solid;
  border-width: 2px;
  border-color: #eaeaea;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0;
}

.contact form textarea {
  min-height: 90px;
  resize: none;
}

.contact form input:not([type="submit"]):focus,
.contact form textarea:focus {
  outline: none;
  border-bottom-color: #02a9f4;
}

.contact form input:not([type="submit"]):invalid:focus,
.contact form textarea:invalid:focus {
  border-bottom-color: #d00;
}

.contact form label {
  display: none;
}

/* Contact end */

/* Passes start */
.passes {
  background-color: #f9f9f9;
}
.passes-intro {
  text-align: center;
}
.passes img {
  height: 200px;
  border-radius: 15px;
  margin: 1em;
  -webkit-box-shadow: 0 0 14px 0 rgb(214, 214, 214);
          box-shadow: 0 0 14px 0 rgb(214, 214, 214);
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.passes .slick-active img {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.passes .slick-slide:focus {
  outline: none;
}
/* Passes end */

/* Footer start */
footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-top: 3px solid #007eb7;
  background: #02a9f4;
}

footer .footer--nav {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
}
  footer .footer--nav li {
    line-height: 36px;
    display: table;
    padding-bottom: 6px;
  }
    footer .footer--nav li a {
      color: #fff;
      line-height: 27px;
    }

.footer--nav__title {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: .5em;
  display: table;
}

    footer .shadow-title::before {
      background-color: #0095d8;
      height: 16px;
      left: 15px;
    }

.footer--copyright {
  text-align: center;
  padding-top: .75em;
  padding-bottom: .75em;
  color: #fff;
  background: #f5f5f5;
  background: rgba(238, 238, 238, 0.3);
}
  .footer--copyright .developer {
    display: block;
  }
  .footer--copyright .developer a {
    color: #ededed;
    font-size: .8em;
    font-weight: normal;
  }
/* Footer end */

/* Secondary pages start */

    /* Secondary pages standard - page start */
      .section.secondary-welcome {
        top: -4em;
        left: -3em;
        width: calc(100% + 4em);
        -webkit-transform: rotate(-2deg);
            -ms-transform: rotate(-2deg);
                transform: rotate(-2deg);
        padding-top: 10em;
        padding-bottom: 6em;
        padding-left: 3em;
        padding-right: 1em;
        position: relative;
        background: #02a9f4;
        background-image: -webkit-gradient(linear, left top, right top, from(#02a9f4) , to(#0095d8));
        background-image: -webkit-linear-gradient(left, #02a9f4 , #0095d8);
        background-image: -o-linear-gradient(left, #02a9f4 , #0095d8);
        background-image: linear-gradient(to right, #02a9f4 , #0095d8);
        border-bottom: 5px solid #2f8cc1;
        background-image: url(../img/packages-bg.png);
      }

      .secondary-welcome__title {
        -webkit-transform: rotate(2deg);
            -ms-transform: rotate(2deg);
                transform: rotate(2deg);
      }

      .secondary-welcome h1 {
        font-weight: 700;
        position: relative;
        z-index: 0;
        display: inline-block;
        color: #fff;
      }
      .secondary-welcome h1::before {
        width: calc(100% + 1em);
        left: 2px;
        background-color: #0095d8;
      }

      .secondary-welcome__car_area {
        position: relative;
        height: 100px;
        margin-top: -100px!important;
      }
        .secondary-welcome__car_area img {
          width: 150px;
          bottom: -136px;
          position: absolute;
          right: 0;
        }

      .biscuit {
        margin-top: -3em;
      }
      .biscuit .btn {
        padding-left: 1em;
        padding-right: 1.5em;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
      }
      .biscuit span::before {
        font-family: "Font Awesome 5 Free";
        content: '\f100';
        padding-right: .75em;
      }

      .secondary-sub { 
        z-index: 0; 
        display: table;
        font-weight: 600;
        margin-left: auto;
        margin-right: auto;
        margin-top: -38px; /* Related to value of .secondary-sub::before top */
        margin-bottom: 2.5em;
        max-width: 400px;
        line-height: 16px;
      }
        .secondary-sub::before { 
          content: '';
          height: 28px;
          background-color: #F4ED00;
          background-color: rgb(234, 222, 0, .8);
          z-index: -1;
          top: 38px; /* Related to value of .secondary-sub margin-top */
          width: 217px;
          display: block;
          margin: 0 auto;
          position: relative;
        }
    /* Secondary pages standard - page end */

    /* Packages and prices - page start */
      .packages {
        text-align: center;
      }

      .package {
        border: 1px solid #ededed;
        -webkit-box-shadow: 0 0 7px #e7e7e7;
                box-shadow: 0 0 7px #e7e7e7;
        border-radius: 6px;
        margin-bottom: 1em;
      }
        .package.promotion {
          background: #F4ED00;
        }
      
      .package--title {
        padding: 2.5em 1em;
        background: #f9f9f9;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        font-weight: 700;
      }
      .package--title:not(.promotion):not(.package--title) {
        border-bottom: 1px solid #ededed;
      }
        .package--title.primary,
        .package--title.secondary {
          background: #f9f9f9;
        }
        .promotion .package--title {
          background: #F4ED00;
        }
      .package--desc {
        list-style: none;
        padding-left: 0;
        margin: 0;
      }
        .package--desc li {
          padding: 2.5em 2em;
          text-align: left;
          background: #f9f9f9;
        }
        .promotion .package--desc li {
          background: #F4ED00;
        }
        .promo + .package--desc li {
          padding-top: 2em;
          padding-bottom: 2em;     
        }
          .package--desc > li:last-child {
            border-bottom: none;
          }
        
      .package--desc .package--icon::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1.25em;
        color: #02a9f4;
        margin-right: 1em;
      }
      
        .package--icon__one::before {
          content: '\f5eb';
        }
        .package--icon__onehalf::before {
          content: '\f637';
        }
        .package--icon__two::before {
          content: '\f124';
        }
        .package--icon__fast::before {
          content: '\f48b';
        }
        .package--icon__more::before {
          content: '\f4d7';
        }
        .package--icon__ten::before {
          content: '\f04d';
        }
        .package--icon__twenty::before {
          content: '\f009';
        }
        .package--icon__block_more::before {
          content: '\f00a';
        }
        .package--icon__block_promo::before {
          content: '\f4d3';
        }
        .package--icon__block_promo_plus::before {
          content: '\f4d3 \f4d3';
          font-size: .8em!important;
        }

      .package--desc .cost {
        float: right;
        display: block;
        color: #fff;
        background: #02a9f4;
        border-radius: 100px;
        padding: .25em .75em;
      }

      .package .btn-nostyle {
        padding: 0;
        margin-bottom: 0;
      }

      .packages .terms {
        cursor: pointer;
        color: #02a9f4;
      }
        .packages .terms:hover {
          text-decoration: underline
        }
      [data-terms='packages'] {
        display: none;
        text-align: left;
      }
      .active[data-terms='packages'] {
        display: block;
      }
    /* Packages and prices - page end */

    /* After you've passed - page start */
    .review-items {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }

    .review-item {
      -ms-flex-preferred-size: 48%;
          flex-basis: 48%;
    }

    .review {
      border: 1px solid;
      border-radius: 4px;
      margin-bottom: 1em;
    }
      .review:hover,
      .review:focus {
        background: #ededed;
      }

    .review.google {
      border-color: #ededed;
    }
    
    .review.yell {
      border-color: #fadb28;
    }

    .review.yelp {
      background: #ededed;
      border-color: transparent;
    }
      .review.yelp:hover,
      .review.yelp:focus {
        background: #d3d3d3;
      }

    .review.trustpilot {
      background: #000032;
      border-color: transparent;
    }
      .review.trustpilot:hover,
      .review.trustpilot:focus {
        background: #00001b;
      }

    .review.facebook {
      background: #4267b2;
      border-color: transparent;
    }
      .review.facebook:hover,
      .review.review.facebook:focus {
        background: #29487d;
      }
    /* After you've passed - page end */

    /* Gift vouchers - page start */
    /* Gift vouchers - page end */

/* Secondary pages end */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 



}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

  /* Intro promo start */
    .intro-promo .btn { 
      display: block;
    }
  /* Intro promo end */
  
  
  /* Secondary pages start */

      /* Secondary pages standard - page start */
      .packages-tables {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;  
        -webkit-box-align: center;  
            -ms-flex-align: center;  
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
      }

      .package {
        -ms-flex-preferred-size: 49%;
            flex-basis: 49%;
        margin: 0 auto;
      }
      /* Secondary pages standard - page end */

      /* After you've passed - page start */
      .review-item {
        -ms-flex-preferred-size: 32%;
            flex-basis: 32%;
      }
      /* After you've passed - page end */

   /* Secondary pages end */
}

/* Small devices only */
@media only screen and (max-width: 991px) {
  
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

  /* About additonal start */
  .about-additional {
    padding: 3.25em;
  }

  .about-additional img {
    padding: 3em 3em 2em;
  }
  /* About additional end */

  /* Learn to drive start */
  .learn-to-drive--list li::before {
    content: url(../img/line.svg);
    width: 30px;
    height: 35px;
    display: inline-block;
  }

  .learn-to-drive--list span {
    margin-left: 15px;
  }
  /* Learn to drive end */

  /* Contact start */
  .contact .accordion--title {
    width: 100%;
    height: 100%;
    display: block;
    padding-right: inherit;
    text-align: left;
  }
  .contact .accordion--title.active::after {
    display: none;
  }
  .contact .accordion--title .fa-phone {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }


  .contact .accordion--title:not(.active) .accordion-title__text,
  .contact .accordion--title.active .accordion-title__text {
    display: inline-block;
  }

/* Contact end */

/* Footer start*/
  .footer--copyright .developer {
    float: right;
  }
/* Footer end*/

/* Secondary pages standard - page start */
  .section.secondary-welcome {
    padding-top: 9.5em;
  }
  .secondary-welcome__car_area img {
    right: 10%;
  }

/* Secondary pages standard - page end */

/* After you've passed - page start */
  .review-items {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .review-item {
    -ms-flex-preferred-size: 19%;
        flex-basis: 19%;
  }
/* After you've passed - page end */

}

/* Oversize devices (extra large, 2000 and up) */
@media (min-width: 2000px) { 
  /* Secondary pages standard - page start */
  .biscuit {
    margin-top: 0;
  }
  /* Secondary pages standard - page end */
}