/*General Styles
==================*/
html {
  box-sizing: border-box;
}
*,
*::after,
*::before {
  box-sizing: inherit;
}
body {
  font-family: "Open Sans", sans-serif;
}
h1,
h2,
h3 {
  font-family: "Anton", sans-serif;
  color: #293241;
}
.container {
  padding: 60px 10px;
}
p {
  color: #666666;
  line-height: 25px;
  margin: 0 0 15px 0;
}
.row {
  margin: 0;
  padding: 0;
}
*::selection {
  background-color: #293241;
  color: #fff;
}
/*Navigation
=================*/
nav {
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 10;
  background: #000000; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #434343,
    #000000
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #434343,
    #000000
  ); /*IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
nav a {
  color: #fff;
}
nav .container {
  padding: 0;
}
nav .social-links {
  text-decoration: none;
  display: inline-block;
  margin-right: 20px;
}
nav .social-links:hover {
  color: rgb(218, 218, 218);
}
.navbar {
  position: sticky;
  top: 0;
  background-color: rgba(255, 255, 255, 0.8);
}
/*Header
===========*/
header {
  height: 40vh;
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)),
    url(../img/home.jpg) center center/cover;
}
.intro-box {
  padding: 25px;
  color: #fff;
}
.intro-box p {
  color: #fff;
}
.intro-box span {
  display: block;
  margin-bottom: 30px;
}
.intro-box h1 {
  background-color: #fff;
  color: #000;
  mix-blend-mode: screen;
  padding: 10px;
  display: inline-block;
  font-size: 4vw;
}

/*  our vehicles
=====================*/
.our-vehicles {
  text-align: left;
}
.our-vehicles .car-img {
  width: 100%;
}
.cars {
  padding: 50px 0;
}
.cars span {
  padding: 15px 0;
  margin-left: 15px;
  display: inline-block;
}
.cars .car {
  margin-bottom: 20px;
}
.our-vehicles a {
  display: inline-block;
  padding: 15px;
  background: #000000; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #434343,
    #000000
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #434343,
    #000000
  ); /*IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  border: 0;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
}
.our-vehicles a:hover {
  text-decoration: none;
  background: linear-gradient(to right, #434343, #434343);
}
/*  services_section
------------------------*/

.carousel-item {
  height: 40vh;
}

.carousel-caption h3 {
  background-color: #e8f6ef;
  color: #4c4c6d;
  display: inline-block;
  text-transform: capitalize;
  padding: 5px 7px;
  border-radius: 5px;
  font-size: 1.2em;
}

.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) 50% 30% / 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;
}

/*why-us
===========*/
.why-us {
  text-align: left;
}
.features {
  margin: 30px 0;
}
.features div {
  margin: 20px 0;
  padding: 0 20px;
}
.features h3 {
  font-size: 22px;
  text-transform: uppercase;
  margin-top: 26px;
  margin-bottom: 12px;
}
.features i {
  font-size: 1.5em;
  background: #000000; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #535353,
    #000000
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #535353,
    #000000
  ); /*IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  padding: 20px;
  border-radius: 10px;
}

/*Invitation
=================*/
.inv-text {
  margin: 50px 0;
}
.inv-text i {
  font-size: 1.5em;
  color: #000000;
}
.inv-text cite {
  font-weight: bold;
  color: #535353;
}

/*request-quote
=================*/
.request-quote {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url(../img/one-way.jpg) fixed top center/cover;
  height: 300px;
  position: relative;
}
.request-quote *::selection,
footer *::selection {
  background-color: #fff;
  color: #3d5a80;
}
.question-box {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  height: 300px;
  width: 50%;
  margin: 0 auto;
  text-align: center;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 25px;
}
.question-box h2 {
  color: #fff;
}
.question-box p {
  color: #fff;
}
.question-box h2 {
  text-transform: uppercase;
  margin: 16px 0;
}
/*  Form
=================*/
.form {
  padding: 50px 0;
}
.form form {
  width: 50vw;
  margin: 0 auto;
}
.form textarea {
  height: 200px;
}
.form input,
.form textarea {
  border: 1px solid #e1e1e1;
  color: #000000;
  display: inline-block;
  padding: 15px;
}
.form form button {
  background: #000000; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #535353,
    #000000
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #535353,
    #000000
  ); /*IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border: 0;
  color: #fff;
  padding: 15px;
  text-align: center;
  display: inline-block;
  margin: 15px 0;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
}
.form form button:hover {
  background: #000000; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #535353,
    #000000
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #535353,
    #000000
  ); /*IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
}
/*  footer
===========*/
footer {
  background: #000000; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #535353,
    #000000
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #535353,
    #000000
  ); /*IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
}
footer h2 {
  color: #fff;
}
footer h3 {
  color: #fff;
}
footer p {
  margin-top: 20px;
}
footer p {
  color: rgba(255, 255, 255, 0.8);
}
footer i {
  font-size: 1.2em;
}
footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
footer a {
  display: inline-block;
  padding: 5px 0;
  color: rgba(255, 255, 255, 0.8);
}
footer a:hover {
  color: #fff;
}
.foot {
  margin-bottom: 25px;
}
.copy-footer {
  padding: 20px 0 50px;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}

/*=================
    contact page
==================*/
.contact-header {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)),
    url(../img/contact-page.jpg) top center/cover;
}
.contact-section .contact-form {
  padding: 0;
}
.contact-section article {
  margin-bottom: 30px;
}
.contact-section a:hover {
  color: #333;
}
.contact-form textarea {
  height: 200px;
  width: 100%;
  display: block;
}
.contact-form input,
.contact-form textarea {
  border: 1px solid #e1e1e1;
  color: #666;
  padding: 15px;
  width: 70%;
}
.contact-form form button {
  background: #000000; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #434343,
    #000000
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #434343,
    #000000
  ); /*IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border: 0;
  color: #fff;
  padding: 15px;
  text-align: center;
  display: inline-block;
  margin: 15px 0;
  font-weight: bold;
  transition: all 0.3s ease-in-out;
}
.contact-form button:hover {
  background: #000000; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #434343,
    #434343
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #434343,
    #434343
  ); /*IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border: 0;
  color: #fff;
}
/*Quote and Reservation
==========================*/
.quote-header {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)),
    url(../img/quote.jpg) center center/cover;
}
.reservation-header {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.4)),
    url(../img/reservation.jpg) center center/cover;
}
.iframe-page {
  height: 1100px;
}
.iframe-page iframe {
  width: 100%;
  height: 100%;
}
@media (max-width: 766px) {
  .iframe-page {
    height: 1400px;
  }
}