/* mycssStart */
.headerSection .mainHeadingsDiv .motorsHeading{
	margin-bottom: 5px !important;
}
.headerSection .mainHeadingsDiv .subHeading{
	margin-bottom: 10px;
}
.headerSection .bannerImages{
	margin: 30px 0;
	display: flex;
	align-items: center;
}
.headerSection .bannerImages img {
    margin-right: 20px;
}

header{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
}
 header .navbar-c a{
	display: none;

}
.navbar-nav>li.services-main ul.dropdown-menu{
	box-shadow: none;
    background: none;
    border: none;
}
.navbar-nav>li>.dropdown-menu .services-menu-p{
	position: fixed;
    top: 62px;
	left: 0px;
	right: 0px;
	background-color: #eeeeee;
    width: 100%;
	display: flex;	
    border: 1px solid #ccc;
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.navbar-nav>li>.dropdown-menu .services-menu-p .services-menu-c{
	width: 25%;
	/* padding: 20px; */
	
}
.navbar-nav>li>.dropdown-menu .services-menu-p .services-menu-c ul{
	padding: 0;
	margin: 0;
}
.navbar-nav>li>.dropdown-menu .services-menu-p .services-menu-c ul li{
	list-style: none;
	padding-bottom: 15px;
}
.navbar-nav>li>.dropdown-menu .services-menu-p .services-menu-c ul li a{
	text-decoration: none;
}

.home-form .bannerFormHeading {
width: 100% ;
}
.headerSection .mainHeadingsDiv{
	display: flex;
    flex-direction: column;
    /* align-items: start; */
    justify-content: center;
    height: 100%;
}


.aboutContentSection h1{
padding-bottom: 15px;
}
.aboutContentSection h2{
	padding-bottom: 10px;
    padding-top: 20px;
}
@media (max-width: 768px){
	header{
		position: relative;
	}
	header nav .container{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.navbar-nav>li.services-main ul.dropdown-menu{
		box-shadow: none;
		background:#eeeeee;
		border: none;
		margin-top: 15px;
	}
	.navbar-nav>li>.dropdown-menu .services-menu-p {
		display: block;
		position: relative;
		top: 0;
		box-shadow: none;
        border: none;
	}
	
	.navbar-nav>li>.dropdown-menu .services-menu-p .services-menu-c {
		width: 100%;
		/* padding: 10px 10px 0px 30px; */
        
	}
    .navbar-nav>li>.dropdown-menu .services-menu-p .services-menu-c ul li{
	padding-bottom: 10px;
    }
	.navbar-nav>li>.dropdown-menu .services-menu-p .services-menu-c ul li a{
		color: #777;
	}
	.home-form{
		margin-top: 50px;
		margin-bottom: 25px;
	}
	.aboutHeadingSectionOpacity{
		padding-top: 60px !important;
		padding-bottom: 50px !important;
	}
	.navbar-c{
		display: flex;
		align-items: center;
	}
	
	header .navbar-c a{
		display:block;
	margin-left: 10px;
	}
	header .phone-icon{
		display: none;
	}
    .headerSection .bannerImages{
		margin: 15px; 
	 }
     .headerSection .bannerImages img{
		width: 97%;
		margin-right: 0;
	 }
	 .mainHeadingsDiv h1, .mainHeadingsDiv h2{
		font-size: 20px !important;
		text-align: center !important;
	 }
}


/* mycssEnd */


html{
	scroll-behavior: smooth;
}

::-webkit-scrollbar{
	width: 8px;
	background-color: #f0c540;
}

::-webkit-scrollbar-track {
	background: #23393d;
	opacity: 1;
}

::-webkit-scrollbar-thumb{
	background: #f0c540;
	border: 1px solid #23393d;
	border-radius: 50px !important;
}

::-webkit-scrollbar-thumb:hover{
	background: rgba(240,197,64, .8);
}

.preLoader{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999 !important;
	background: #ffffff !important;
}

.spinner-border{
	position: fixed;
	top: 45%;
	border-width: 10px !important;
}

body{
	color: #273f44 !important;
}

#mainPhoneBox{
	background-color: #23393d;
	/*padding: 0;*/
	padding-top: 10px;
	margin-bottom: -1px;
}



.navbar{
	padding: 0;
	background-color: #23393d !important;
}

.navLinks{
	color: white !important;
	font-weight: bold;
	font-size: 14px;
}
.nav-link{
	font-size: 16px;
    font-weight: bold;
    color: white !important;
    padding: 6px 0;
}
.dropdown-item.active, .dropdown-item:active {
    color: #f0c540 !important;
    text-decoration: none;
    background-color: transparent;
}
#phoneIcon{
	font-size: 19px;
	font-weight: bold;
	background-color: #F0C540;
	color: black;
	border-radius: 100%;
	margin-right: 7px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 35px;
	width: 35px;
	
}

.telNumber{
	font-size: 18px;
	font-weight: bold;
	color: white;
	position: relative;
	bottom: 4px;
	display: inline-block;
}

.headerSection{
	background: #e5e5e5 url('images/headerSectionBg.webp');
	background-repeat: no-repeat;
	/*background-position: 90% 90% !important;*/
	background-size: cover;
	/*background-position: center;*/
	background-attachment: fixed;
}

@media only screen and (max-width: 767px){
	.headerSection{
		/*padding-top: 50px !important;*/
		background: #e5e5e5 !important;
	}

	.headerContainer{
		padding-top: 30px !important;
		padding-bottom: 30px!important;
	}

	.storesBtn{
		margin-top: 2.5rem !important;
	}
}

.center-form-all{
    justify-content: center;
    margin: auto;
}

.modal-header button {
	background-color: #FFC000 !important;
}

@media only screen and (max-width: 1000px) {
	#phoneIcon{
		display: none !important;
	}
}

.storesBtn{
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.headerContainer{
	background-color: rgba(35,57,61, .5);
    padding-top: 185px;
    padding-bottom: 80px;
}

.motorsHeading{
	color: #f0c540 !important;
	font-size: 60px !important;
	font-weight: bold;
	margin-bottom: 0 !important;
}

.subHeading{
	color: white !important;
	font-weight: bold;
}

/*@media only screen and (max-width: 553px){
	#motorsBannerDiv{
		display: none !important;
	}
}*/

#bookingForm{
	background-color: #F0C540;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}

.bookingHeading{
	font-size: 32px;
	font-weight: bold !important;
}

@media screen and (max-width: 321px){
	.bookingHeading{
		font-size: 28px !important;
	}
}

#formDiv:after{
	content: '';
	display: block;
	height: 8px;
	width: 90%;
	position: absolute;
	left: 5%;
	bottom: -25px;
	background: rgba(0,0,0,.1);
	border-radius: 100%;
	background: linear-gradient(to right,rgba(0,0,0,.1) 0%,rgba(0,0,0,.4) 13%,rgba(0,0,0,.72) 50%,rgba(0,0,0,.4) 88%,rgba(0,0,0,.1) 100%);
	opacity: .4;
	filter: blur(5px);
}

#startAddress, #endAddress{
	background-color: #23393d;
	color: white;
	border-color: #23393d !important;
}

.noBorder{
	border-radius: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	border-color: #FFFFFF !important;
}

.noBorder:focus{
	border-color: #FFFFFF !important;
}

#submit{
	color: white;
	font-weight: bold;
	background-color: #23393d;
	border-radius: 4px;
	padding: 10px;
	outline: none;
	border: none;
	box-shadow: 0 2px #1f3236;
	transition: opacity .2s ease;
}

#submit:hover{
	opacity: .8;
}

#submit:active{
	box-shadow: none;
	transform: translateY(2px);
}


.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*BookingCode End*/

.airportSection{
	background-color: #f0c540;
	padding-top: 60px;
	padding-bottom: 50px;
}

.airportCards{
	background-color: transparent !important;
	border: none !important;
}

.airportCardsImages{
	border: 2px solid #273f44;
	border-radius: 100% !important;
	transition: all .3s ease;
}

#heathrow{
	padding: 42px 5px 35px 5px !important;
}

#luton{
	padding: 38px 5px 34px 5px !important;
}

#stansted{
	padding: 42px 5px 38px 5px !important;
}

#gatwick{
	padding: 39px 5px 38px 5px !important;
}

#londonCity{
	padding: 39px 5px 38px 5px !important;
}

.airportCardsBody{
	padding: 0 !important;
	margin-top: 5px !important;
	font-weight: bold !important;
}

.whatContent{
	background-color: #273f44;
	color: white !important;
	padding: 80px 0px 80px 100px !important;
}

.ourCompany{
	font-size: 16px !important;
	font-weight: bold !important;
	color: #273f44 !important;
	background-color: #f0c540 !important;
	border-radius: 4px !important;
	padding: 13px 25px 13px 25px !important;
	outline: none !important;
	border: none !important;
	box-shadow: 0 2px #c8ab41 !important;
	transition: opacity .3s ease !important;
}

.ourCompany:hover{
	opacity: .8 !important;
}

.ourCompany:active{
	transform: translateY(2px) !important;
	box-shadow: none !important;
}

.companyArrow{
	font-size: 18px !important;
	font-weight: bold !important;
	padding-left: 10px !important;
}

@media only screen and (max-width: 1144px){
	.whatContent{
		padding: 40px 0px 40px 0px !important;
	}
}

.whyChooseUs{
	background-color: #eeeeee;
	padding-top: 50px;
	padding-bottom: 30px;
}

.headingDiv{
	text-align: center;
	margin-bottom: 50px;
}

.headingDiv p{
	color: #fff ;
}
.heading{
	font-weight: bold;
}

.chooseCards{
	background-color: transparent !important;
	border: none !important;
	margin-bottom: 40px !important;
}

.chooseIcons{
	background-color: #F0C540;
	padding: 10px;
	font-size: 35px !important;
	border-radius: 100%;
	color: white;
}

.normalCardTitle{
	font-weight: normal;
	font-size: 18px;
}

.smallParaFont{
	font-size: 13px;
	/* color: #888888 !important; */
	color: #000000 !important;
}

.vehicalCat{
	background: url('images/vehicleCatBg.webp');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.vehicleCatOpacity{
	background-color: rgba(0, 0, 0, .82);
	padding-top: 50px;
	padding-bottom: 30px;
}

.vehicalCards{
	padding: 20px !important;
	border: none !important;
	border-radius: 0 !important;
	transition: all .5s ease;
}

.card-img-bottom{
	border: none !important;
	/*padding: 20px !important;*/
}

.vehicalCardsTitle{
	font-size: 22px !important;
	font-weight: bold;
}

.vehicalCardsList{
	list-style-type: none;
	font-size: 16px !important;
	/* color: #777777; */
	color: #000000 !important;
	font-weight: normal;
}

.vehicalCardsListIcons{
	color: #F0C540;
	font-size: 20px;
	transition: all .5s ease;
}

.stationSection{
	background-color: #273f44 !important;
	padding-top: 40px;
	padding-bottom: 40px;
}

.carousel-indicators{
	position: relative !important;
}

.carousel-control-prev, .carousel-control-next{
	width: auto !important;
	color: #273f44 !important;
}

.questionDiv{
	background-color: #F0C540;
	padding-top: 40px;
	padding-bottom: 30px;
}

.questionTitle{
	font-size: 24px;
	font-weight: bold;
}

.btn-outline-light{
	color: #273f44 !important;
	font-size: 14px !important;
	font-weight: bold !important;
	padding: 10px 20px !important;
	border-width: 2px !important;
}

.btn-outline-light:hover{
	opacity: .8 !important;
}

.footer{
	background-color: #273f44;
	padding-top: 60px;
	padding-bottom: 30px;
}

.footerHeadings{
	color: #FFFFFF !important;
	font-weight: bold !important;
	margin-bottom: 15px !important;
}
.footer .list-inline{
	display: flex;
}

.footerYellowColor{
	color: #f0c540 !important;
}

.footerParas{
	color: #AAAAAA !important;
	font-size: 14px !important;
}

.socialIcons{
	color: white !important;
	font-size: 20px !important;
	
}

.socialIconsList{
	background-color: #394d51 !important;
	border-radius: 100%;
	transition: all .3s ease;
	height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.socialIconsWidth{
	width: 30px;
	text-align: center;
}

.socialIconsList:hover{
	background-color: #f0c54052 !important;
}

.copyright{
	font-size: 14px !important;
	color: #AAAAAA !important;
	border-top: 0.5px solid #FFFFFF33;
	margin-top: 20px;
	padding-top: 20px;
}

/*About Page Styling*/
.aboutHeadingSection{
	background: url('images/aboutImgBg2.webp');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.aboutHeadingSectionOpacity{
	background-color: rgba(0, 0, 0, .72);
	padding-top: 180px;
	padding-bottom: 70px;
}

.aboutHeading{
	font-weight: bold;
	color: white !important;
}

.aboutContentSection{
	background: #eeeeee;
	padding-top: 70px;
	padding-bottom: 60px;
}

.welcomeHeading{
	font-weight: bold;
}

/*Contact Page Styling*/
.contactUsSection{
	background: #eeeeee;
	padding-top: 50px;
	padding-bottom: 50px;
}

.contactImg{
	width: 500px;
	height: 400px !important;
}

.contactIcons{
	font-size: 21px;
	color: #f0c540 !important;
	margin-right: 8px;
	text-align: center !important;
}

.spanWords{
	font-size: 19px;
	font-weight: bold;
}

.contactForm{
	/*background: #23393d;*/
	/*color: #f0c540 !important;*/
	/*padding: 10px;*/
	font-weight: bold;
}

.contactFormInputs{
	border-radius: 0 !important;
	background: #d4d6d9 !important;
	border-color: #d4d6d9 !important;
	transition: all .2s ease !important;
	outline: none !important;
	box-shadow: none !important;
}

.contactFormInputs:focus{
	background: #FFFFFF !important;
	border-color: #FFFFFF !important;
	border: 1px solid #F0C540 !important;
}

.contactSubmit{
	background: #f0c540 !important;
	outline: none !important;
	box-shadow: 0 2px #c8ab41 !important;
	font-weight: bold !important;
	transition: opacity .2s ease !important;
}

.contactSubmit:hover{
	opacity: .8 !important;
}

.contactSubmit:active{
	transform: translateY(2px) !important;
	box-shadow: none !important;
}

li.dropdown.nav-link.navLinks.ml-lg-4 {
    padding: 6px 0;
}
a.dropdown-toggle {
    color: aliceblue;
    font-size: 16px;
}
ul.dropdown-menu.show {
    padding: 10px;
}
ul.dropdown-menu.show li{
padding: 10px;
}
ul.dropdown-menu.show a {
    color: #23393d;
}
a:hover {
	color: #f0c540 !important;
}

a:hover.dropdown-toggle {
    text-decoration: none;
}

ul.dropdown-menu.show a:hover {
    text-decoration: none;
}

a.dropdown-toggle {
    color: white;
}

ul.list-unstyled.footerParas a {
    color: #f0c540;
	/* line-height: 10px; */
	transition: all .3s ease;
}

ul.list-unstyled.footerParas a:hover {
    text-decoration: none;
    color: #fff !important;
}

.moile_phone_color:hover{
	color: #ffffff !important;
	text-decoration: none !important;
}

#map_style{
	width: 100%;
	height: 350px;
}
@media screen and (max-width: 768px) {
    #map_style {
        width: 100% !important;
    }
}


.max_width{
	max-width: 540px !important;
}
#phone_css_id{
	color: white !important;
	 font-size: 26px !important;
	  padding-right: 5px !important;
}
#para_font,#para_fonts{
	color: #fff !important;

}
@media screen and (max-width: 768px) {
	#para_font,#para_fonts{
		font-size: 14px !important; 
		font-weight: normal !important;
		padding: 0px !important;
		margin: 0px !important;
		color: #fff !important;
	}
	
}