/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');

/* 
COLORS:
gold: #c4b259
Gradient Gold:
background: rgb(145,125,68);
background: linear-gradient(0deg, rgba(145,125,68,1) 0%, rgba(196,178,89,1) 100%);


FONTS:
font-family: 'Montserrat', sans-serif;
*/

/*
============
UNIVERSAL 
============
*/

html, body {
  font-family: 'Montserrat', sans-serif;
  color: #000;
  overflow-x: hidden;
}
  
a:hover, .btn-gradient:hover,  #reviews a:hover, #contact .btn:hover,
 #contact-info a:hover .fa-phone, #contact-info a:hover .fa-envelope,
  .modal .btn-close:hover, #thankyou .btn:hover, modal .btn-close:hover,
  footer a:hover, .btn-contact:hover {
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#quote h2, #services h2, #limousines h2, #about h2, #reviews h2 {
	text-align: center;
	padding: 25px 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.5em;
}

.anchor {
	position: absolute;
	margin-top: -60px;
}

.flip {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

.stars {max-width: 350px;}

.txt-gold {color: #c4b259;}

/*
============
NAVIGATION 
============
*/

.navbar-brand img {
  width: 220px;
  height: auto;
 }

.navbar { 
  font-weight: 600;
  background: #000;
  font-size: 1em;
  box-shadow: 2px 2px 12px rgba(0,0,0,0.8);
 }

 .navbar-collapse {
	margin-top: 5px;
 	border-top: 1px solid rgba(250,250,250,0.4);
 }

.navbar-toggler .fa-bars{ 
    margin-top: 5px;
    color: #fff;
  }

.navbar-nav a { color: #fff;}

.navbar-nav .flip {
	color: #000;
}

.btn-gradient {
    color: #000 !important;
    border-radius: 5px;
    background: rgb(145,125,68);
    background: linear-gradient(0deg, rgba(145,125,68,1) 0%, rgba(196,178,89,1) 100%);
}

/*
HOVER FX
*/

.navbar-nav a:hover, .navbar-nav a:focus, 
.navbar-nav a:active, .navbar-toggler .fa-bars:hover,
.navbar-toggler .fa-bars:focus, .navbar-toggler .fa-bars:active {
  color: #c4b259;
  border: none !important;
}

.btn-gradient:hover, .btn-gradient:focus, .btn-gradient:active {
	background: #fff;
	text-decoration: none;
	}

/*
============
WELCOME SECTION 
============
*/

#welcome {
	position: relative;
	background: url("../img/hero/hero-xs.jpg") center no-repeat;
    background-size: cover;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

#welcome h1 {
	color: #fafafa;
    font-size: 2.25em;
    line-height: 1.25em;
}

.Aligner-item .btn-gradient {
	padding: 10px 25px;
	font-weight: 600;
	font-size: 1.5em;
}


.Aligner-item .fa-chevron-down {
	margin-top: 25px;
	color: #fff;
	font-size: 2em;
}


/*
============
NUMBERS SECTION 
============
*/

#numbers {
	position: relative;
	padding: 25px 0;
    background: rgb(145,125,68);
    background: linear-gradient(0deg, rgba(145,125,68,1) 0%, rgba(196,178,89,1) 100%);
    font-weight: 500;
    color: #000;
}

.count, .count-addition {
	font-weight: 600;
	font-size: 3em;
}

.count-description {
	font-weight: 500;
	font-size: 1em;
}

.divider {
	position: absolute;
	top: 5px;
	right: 0;
	height: 100px;
	width: 2px;
	background: #000;
}

@media (max-width: 767px) {
	.divider {
		position: relative;
		height: 2px;
		width: 250px;
		margin: auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

/*
============
QUOTE SECTION 
============
*/

#quote h2 {
	margin: auto;

}

#quote form {
	max-width: 750px;
	margin: auto;
}

#quote .form-control {
	max-width: 335px;
}

#quote .btn {
	margin-top: 15px;
}

/*
FORM
*/

.form-control {	
	padding: 5px;
	border: 2px solid #000;
	color: #000;
    margin: auto;
    margin-top: 10px;
}

.form-control:hover, .form-control:focus, .form-control:active {
	border: 2px solid #000;
	color: #000 !important;
}

#quote .btn {
	background: #000;
	color: #fff;
	border: 2px solid #000;
	border-radius: 5px;
	padding: 10px 15px;
	font-weight: 500;
	width: 100%;
}

#quote .btn:hover, #quote .btn:focus,
#quote .btn:active {
	background: #fff;
	color: #000;

}

/*
BOTTOM BG
*/

#bg-quote, #bg-reviews {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border-bottom: 5px solid #fff;
    margin-top: 30px;
}

/*
============
SERVICES SECTION
============
*/

#services {
	padding: 35px 10px;
	background: #000;
    color: #fff;
}

#services img {
    max-width: 250px;
}

#services p {
    margin: 20px 0 35px 0;
    font-size: 1.25em;
    line-height: 1.25em;
    font-weight: 400;
}

/*
============
LIMOUSINES SECTION
============
*/

#limousines h2 {margin-top: 30px;}

#limousines .row {
	margin-bottom: 30px;
}

#limousines p {
font-size: 1.25em;
line-height: 1.5em;
margin-top: -15px;
padding-bottom: 10px;
}

.twentytwenty-container {box-shadow: 2px 2px 12px rgba(0,0,0,0.4);}

#limousines h3 {
margin: 20px 0 35px 0;
font-weight: 700;
text-transform: uppercase;
font-size: 1em;
}

/*
============
ABOUT SECTION
============
*/

#about {
    background: url("../img/bg-about.jpg") center no-repeat;
    background-size: cover;
    width: 100%;
    color: #fff;
    padding: 50px 10px;
}

#about p { 
    text-align: left;
    max-width: 850px;
    margin: auto;
    line-height: 2em;
}

#about p:nth-of-type(2) { margin-top: 20px; }

/*
============
REVIEWS SECTION
============
*/

#reviews {
	padding-top: 55px;
	padding-bottom: 75px;
	color: #000;
}

#reviews h3 {
	font-size: 1.125em;
	line-height: 1.5em;
	font-weight: 500;
}

#stars {
	max-width: 350px;
	height: auto;
}

.swiper-slide img {
	width: 125px;
	height: auto;
	margin: auto;
	margin-top: 35px;
}


#reviews p {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 15px;
    padding: 0 15px;
  }

#reviews h4 {
	font-weight: 500;
	font-size: 1em;
}

.swiper

.swiper-pagination {
	width: 10px;
	height: 10px;
}

.swiper-pagination-bullet {
	margin: 5px;
	padding: 5px;
	border: 1px solid #c4b259;
	background: none;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background: #c4b259;
}

#reviews hr {
	max-width: 650px;
	border: 1px solid rgba;
}

#reviews-social {
	max-width: 450px;
	margin: auto;
}


#reviews a {
    background: #d32323;
    color: #fff;
    margin: auto;
    padding: 5px 25px;
    font-weight: 700;
    margin-bottom: 25px;
}

#reviews a img {width: 30px; height: auto;}

#reviews a:hover, #reviews a:focus, #reviews a:active {
   background: rgb(145,125,68);
   background: linear-gradient(0deg, rgba(145,125,68,1) 0%, rgba(196,178,89,1) 100%);
}

#reviews .btn-google {
	background: #5185ec;
}

/*
============
CONTACT SECTION
============
*/

#contact h2 {
	margin-top: 35px;
}

#contact p {
	text-align: center;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 25px;
}

#contact-info {
	margin-top: 25px;
	margin-left: 5px;
	text-align: left;
	font-size: 1.125em;
}

#contact-info a {
	color: #000;
}

.btn-contact {
	width: 100%;
	background: #000;
	color: #fff;
}

.btn-contact:hover, .btn-contact:focus,
.btn-contact:active {
    background: rgb(145,125,68);
   background: linear-gradient(0deg, rgba(145,125,68,1) 0%, rgba(196,178,89,1) 100%);
}

#contact-info a:hover, #contact-info a:focus,
#contact-info a:active {
	color: #c4b259;
	text-decoration: none;
}

#map {
	margin-top: 35px;
}

.container-fluid {
	padding-right: 0;
	padding-left: 0;
}

/*
============
RESERVATIONS SECTION
============
*/

#reservations h1 {
	margin-top: 55px;
	background-color: #000;
    background: url(../img/bg-leather.png) center no-repeat;
    background-size: cover;
	width: 100%;
	color: #c4b259;
	text-align: center;
	padding: 55px 0;
}

#reservations h4 {
	font-weight: 500;
	font-size: 1.25em;
	line-height: 1.5em;
	max-width: 900px;
	margin: auto;
	margin-bottom: 15px;
}



#btn-reservations {
	width: 100%;
	background: #000;
	margin-bottom: 25px;
}

#terms {
	text-align: left;
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 25px;
	margin-bottom: 25px;
}

#btn-reservations:hover, #btn-reservations:focus,
#btn-reservations:active {
   background: rgb(145,125,68);
   background: linear-gradient(0deg, rgba(145,125,68,1) 0%, rgba(196,178,89,1) 100%);
}

/*

============
FAQ SECTION
============
*/

#faq {
	position: relative;
	text-align: left;
}


#faq h1 {
	margin-top: 55px;
	background: #000;
    background: url(../img/bg-leather.png) center no-repeat;
    background-size: cover;
	width: 100%;
	color: #c4b259;
	text-align: center;
	padding: 55px 0;
}

#faq h2 { 
    font-size: 1.5em;
    line-height: 1.5em;
}

#faq .divider {
	position: relative;
	margin: 5px 0 15px 0;
	height: 2px;
	width: 100px;
	background: #c4b259;
}

#faq p {
	margin-bottom: 25px;
}


/*
============
FOOTER SECTION
============
*/

footer {
	background: #000;
	color: #fff;
	font-weight: 500;
}

footer h3 {
	margin-top: 15px;
	font-size: 1.25em;
}

footer p {
	font-size: 1em;
	padding: 5px 5px 0 5px;
}

footer img {
	width: 200px;
	margin: 10px 0;
}

footer a {
	color: #fff;
}

footer a:hover, footer a:focus, footer a:active {
	text-decoration: none;
	color: #c4b259;
}

/*
============
Thank You Modal
============
*/

#thankyou {	background: rgba(250,250,250,0.9);}

#thankyou .btn {
	border: none;
	background: #333;
	color: #fafafa;
	text-transform: uppercase;
}

#thankyou .btn:hover, #thankyou .btn:focus, #thankyou .btn:active {
	background: #c4b259;
}

/*
============
404 ERROR PAGE
============
*/

#error {
	margin: auto;
	padding: 250px 0;
}


#error .fa-exclamation-triangle {
	font-size: 3em;
	margin-bottom: 25px;
	
}

#error p {
	font-size: 1.5em;
	margin-bottom: 25px;
}

#error a {
   border-radius: 5px;
   font-weight: 500;
   color: #000;
   padding: 10px 25px;
   background: rgb(145,125,68);
   background: linear-gradient(0deg, rgba(145,125,68,1) 0%, rgba(196,178,89,1) 100%);
}

#error a:hover, #error a:focus, #error a:active {
	background: #000;
	color: #fff;
	text-decoration: none;
}

/*
============
MEDIA QUERIES 
============
*/

.hidden-lg {display: block !important;}
.hidden-sm {display: none !important;}

@media (min-width: 390px){

		#welcome {
		background: url("../img/hero/hero-sm.jpg") center no-repeat;
		background-size: cover;
	}
	
}



@media (min-width: 768px){

      .hidden-sm {display: block !important;}
        
      .hidden-lg{display: none !important;}
	  
      .navbar-brand .logo {
		width: 300px;
	  }

	  .navbar {  font-size: 1.2em;	  }

  	   .navbar-collapse {border-top: none; 	}

		#welcome {
		background: url("../img/hero/hero-md.jpg") center no-repeat;
		background-size: cover;
		}
	
		#welcome h1 {
			font-size: 2em;
		}

		.Aligner-item {
			max-width: 95%;
		}
	
		#contact-info {
			margin-top: 10px;
			margin-left: 0;
			text-align: left;
			font-size: 1.1em;
		}
}

@media (min-width: 992px){

	#welcome {
		background: url("../img/hero/hero-lg.jpg") center no-repeat;
		background-size: cover;
		}
	
}

@media (min-width: 1024px){
	  .navbar-brand .logo {
		width: 300px;
	  }

	  .navbar-nav {
	  	margin: auto;
	  	font-size: 1em;
	  }

    .nav-right {
    	position: absolute;
    	right: 10px;
    }

	#welcome {
		background: url("../img/hero/hero-xl.jpg") center no-repeat;
		background-size: cover;
		}

	#welcome h1 {
		font-size: 2.25em;
	}
	.Aligner-item {
	  max-width: 80%;
	}
			
       
	#contact-info {
			font-size: 1.5em;
		}
}


@media (min-width: 1200px){

	#welcome {
		background: url("../img/hero/hero-xl.jpg") center no-repeat;
		background-size: cover;
	}

	
	#welcome h1 {
	  font-size: 3em;
	}

	.Aligner-item {
	  max-width: 1100px;
	}
	
	#reviews h3 {
    	font-size: 1.75em;
    }

	#reviews p,  #reviews h4 {
		font-size: 1.25em;
		line-height: 1.5em;
	  }
    
}