/*============================
    ##  General Styles
=============================*/
body {
  font-family: "Source Sans Pro", sans-serif;
}
h1,
h2 {
  font-family: "PT Serif", serif;
  font-weight: bold;
  color: #02c39a;
}
img {
  width: 100%;
}

/*============================
    ##  Contact Navigation
=============================*/
.contact_nav {
  background-color: #fff;
  padding: 10px 0;
}
.contact_nav p {
  font-size: 1.5em;
  margin: 5px 0;
  color: 000;
}
.contact_nav p:first-of-type {
  font-weight: bold;
  font-family: "PT Serif", serif;
  color: #02c39a;
}
.contact_nav a {
  color: #333;
}
.contact_nav p:first-of-type a {
  color: #02c39a;
}
.contact_nav p:first-of-type a:hover {
  color: #00a896;
  text-decoration: none;
}
/*============================
    ##  Header
=============================*/
header {
  padding: 80px 0;
}
header img {
  animation: come 1s linear 1s both;
  margin-top: 20px;
}
@keyframes come {
  from {
    transform: scale(0) translateX(300px);
  }
  to {
    transform: scale(1) translateX(0px);
  }
}
header h1 {
  font-size: 3rem;
}
header p {
  color: #555;
}
header a {
  display: inline-block;
  padding: 14px;
  background-color: #02c39a;
  color: #fff;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
}
header a:hover {
  color: #fff;
  background-color: #00a896;
  text-decoration: none;
}
/*============================
    ##  Luxury Section
=============================*/
.callUs {
  padding: 7% 0;
  background-color: #02c39a;
}
.callUs_text h2 {
  color: #fff;
}
.callUs_text p {
  color: #f6f6f6;
}
.callUs_text ul {
  list-style: none;
  padding: 0;
  margin: 10px 0;
}
.callUs_text ul a {
  color: #fff;
  font-size: 1.2rem;
}

.callUs_text ul.contact a {
  text-transform: lowercase;
}
.callUs_text a:hover {
  color: #f6f6f6;
}
.callUs_text i {
  color: #fff;
  font-size: 1.5rem;
  margin-right: 5px;
}
/*============================
    ##  Fleet Section
=============================*/
.our-vehicles {
  padding: 7% 0;
}
.vehicle {
  border: 2px solid #eee;
  padding: 2rem;
}
.vehicle h3 {
  font-weight: bold;
}
.vehicle:hover {
  animation: jump 1s ease-in-out 1 forwards;
}
@keyframes jump {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-30px);
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.5));
  }
}
.our-vehicles img {
  width: 100%;
  margin-bottom: 1rem;
}
.our-vehicles p {
  color: #192026;
}
.vehicleFeatures {
  text-align: center;
}
.vehicleFeature {
  border: 1px solid #ddd;
  padding: 1rem;
  margin: 1rem 0.25rem 1rem 0.25rem;
  display: inline-block;
  text-align: center;
}
.vehicleFeature i {
  margin: 0.5rem;
  display: block;
  color: #00a896;
}
.vehicleBtn {
  display: block;
  padding: 1rem;
  margin: 1rem 0;
  background-color: #02c39a;
  color: #fff;
  text-align: center;
  transition: all 0.5s ease-in-out;
}
.vehicleBtn:hover {
  background-color: #00a896;
  color: #fff;
  text-decoration: none;
}
.vehicleBtn:hover i {
  animation: moveRight 1s ease-in-out both;
}
@keyframes moveRight {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(1rem);
  }
}

/*============================
    ##  key_features Section
=============================*/
.why_us {
  padding: 7% 0;
  text-align: left;
}
.why_us h2 {
  padding: 20px 0 10px;
}
.why_us h3 {
  font-weight: bold;
  color: #333;
}
.why_us p {
  color: #555;
  text-transform: capitalize;
}
.feature {
  margin: 10px 0;
}
.why_us i {
  font-size: 1.5rem;
  padding: 20px;
  background-color: #1e2019;
  color: #02c39a;
  border-radius: 15px;
  background: linear-gradient(
    -45deg,
    #02c39a,
    white,
    #02c39a,
    #02c39a,
    white,
    #02c39a,
    #02c39a,
    white,
    #02c39a
  );
  background-size: 400% 400%;
  margin-bottom: 1rem;
  animation: gradient 6s linear infinite both;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/*============================
    ##  services Section
=============================*/
.services_section {
  background: url(../img/airport.png) no-repeat bottom left;
}
.carousel-item {
  height: 40vh;
}

.carousel-caption h3 {
  background-color: rgba(255, 255, 255, 0.493);
  color: rgb(255, 255, 255);
  opacity: 1;
  display: inline-block;
  text-transform: capitalize;
  padding: 10px 20px;
  border-radius: 5px;
}
.carousel-inner {
  border-radius: 5px;
}
.carousel-item.airport {
  background: url(../img/services/airport.jpg) center center/cover;
}

.carousel-item.business {
  background: url(../img/services/business.jpg) center center/cover;
}

.carousel-item.prom {
  background: url(../img/services/proms.jpg) center center/cover;
}

.carousel-item.wedding {
  background: url(../img/services/wedding.jpg) center center/cover;
}

.carousel-item.shuttle {
  background: url(../img/services/shuttle.jpg) center center/cover;
}

.carousel-item.outlet {
  background: url(../img/services/outlets.jpg) top center/cover;
}

.carousel-item.casino {
  background: url(../img/services/casino.jpg) center center/cover;
}

.carousel-item.concert {
  background: url(../img/services/concert.jpg) center center/cover;
}

.carousel-item.bachelorette {
  background: url(../img/services/bachelorette.jpg) center center/cover;
}

.carousel-item.quinceanera {
  background: url(../img/services/quin.jpg) center center / cover;
}

.carousel-item.cruise {
  background: url(../img/services/cruise.jpg) center center/cover;
}

.carousel-item.birthday {
  background: url(../img/services/birthday.jpg) center center/cover;
}

/*============================
    ##  Footer
=============================*/
footer .copyright-paragraph {
  text-align: center;
  margin: 20px 0;
  color: #333;
}
.copyright-paragraph a {
  color: #000;
}
/*============================
    ## Contact page
=============================*/
.luxury .lux_text.contact_page ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.luxury .lux_text.contact_page li a {
  background-color: transparent;
  padding: 7px 0;
}
.message_us {
  padding: 80px 0;
}
.message_us h2 {
  margin-bottom: 30px;
}
.contact_form input,
.contact_form textarea {
  padding: 5px;
  border: 1px solid #ddd;
  margin: 3px 0;
  color: rgb(34, 34, 34);
}
.contact_form textarea {
  height: 200px;
}
.contact_form button[type="submit"] {
  background-color: #02c39a;
  display: inline-block;
  padding: 7px 14px;
  border: none;
  transition: all 0.3s ease-in-out;
  color: #fff;
}
.contact_form button[type="submit"]:hover {
  background-color: #00a896;
  color: #fff;
}
.contact_form .row {
  margin: 0;
  padding: 0;
}
.quick_quote {
  padding: 5% 0;
}
/*============================
    ## response page
=============================*/
.success_section {
  padding: 80px 0;
}
/*============================
    ## responsive design
=============================*/
@media (max-width: 1024px) {
  .goodies {
    text-align: center;
  }
  .services_section {
    background: #fff;
  }
  footer {
    padding-bottom: 2rem;
  }
}