/*common styles*/
html {scroll-behavior: smooth;}
input:focus, textarea:focus, select:focus, button:active, button:focus, a:focus { outline: 0; }
html {scroll-behavior: smooth;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #000; opacity: 1; font-weight: 600;}
::-moz-placeholder { /* Firefox 19+ */color: #000; opacity: 1; font-weight: 600;}
:-ms-input-placeholder { /* IE 10+ */color: #000; opacity: 1; font-weight: 600;}
:-moz-placeholder { /* Firefox 18- */color: #000; opacity: 1; font-weight: 600;}

body[data-url="privacy-policy"] #body h1, body[data-url="terms-of-use"] #body h1 { font-size: 30px; line-height: 45px; margin-bottom: 10px; } 
body[data-url="privacy-policy"] #body h2  { font-size: 30px; line-height: 40px; margin-bottom: 10px; } 
body[data-url="privacy-policy"] .container.center-wrapper, body[data-url="terms-of-use"] .container.center-wrapper { padding-bottom: 35px; padding-top: 30px; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #151515;}
#body #contact-details h2, #body #contact-details h3 { color: #fff; }
#body #contact-details h3 { font-size: 22px; }
html {scroll-behavior: smooth;}
#services { padding: 35px 0; }
.enquire-btn {background: #000;padding: 10px 15px;color: #fff;display: block;width: 180px;font-size: 20px;text-align: center;border-radius: 5px;text-transform: uppercase;font-weight: 600;margin: 20px auto;}
.enquire-btn:hover, .enquire-btn:focus { text-decoration: none; background: #3e3d3d; color: #fff; }

body {
	font-family: 'Abel', sans-serif;
	color: #000;
}
#body h1, #body h2 {
	text-transform: uppercase;
	font-size: 54px;
    line-height: 64px;
    margin: 10px 0px 25px;
	font-weight: normal;
}
h1 span {
	color: #05408a;
}
a:hover {
	text-decoration: none;	
}
h3 {
	text-transform: uppercase;
	color: 	#fff;
	font-size: 18px;
}
b.special {
    font-weight: bold;
    font-size: 21px;
    margin-top: 38px;
    display: block;;
}
#body p, ul {
	font-size: 18px;
} 
ul {
	margin-bottom: 15px;
	padding-left: 0;
	line-height: 38px;
	list-style-position: inside;
}
a:hover, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #bbb8b8;
	transition: 0.8s;
}
header {
	background: url('/media/14857/home-baner-new-2.jpg');
	background-repeat: no-repeat;	
	background-size: cover;
	min-height: 700px;
	background-position: center;
}
#logo {
	max-width: 525px;
    width: 100%;
    margin: 150px auto 40px;
    display: block;
}
.navbar-nav{;
	background:transparent;
}
.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a.facebook {
	border-right: none;
	
}
a.home {
	display: none!important;
}
a.facebook {color: #1877f2!important;}
a.facebook:hover, a.facebook:focus  {color: #fff!important;}
a.facebook:before  {
	content: '\f230';
	font-family: fontawesome;
	margin-right: 5px;
}	
.fbmessenger{
	position: fixed;
  width: max-content;
  height: max-content;
  bottom: 100px;
  right: 25px;
}
.fbmessenger img{
	width: 50px;
}
@media(min-width: 767px) {
	.nav {
		border: 1px solid #fff;
    	padding: 22px 8px;
	}
	.navbar-collapse {
		max-width: 632px;
    	margin: 0 auto!important;
	}
	.navbar-nav>li>a {
        padding: 0 12px;
		border-right: 1px solid #fff;
	}
}
@media(max-width:768px) {
	#logo {
    	margin: 50px auto 40px;
	}
	header {
		min-height: 200px;
		padding-bottom: 30px;
	}
}
#main-content, #contact-details {
	padding: 80px 20px 98px;;
}
#main-content {
	text-align: center;
}
#contact-details {
	background: #000 url( "/media/14858/workshop-bg-new.jpg") no-repeat;
	color: #fff;
	position:relative; background-size: cover;
}
#contact-details .overlay{
	position:absolute;
	top:0;
	left:0;
	background:rgba(0,0,0,0.6);
	z-index;1;
	width:100%;
	height:100%;
}
#contact-details a {
	color: #fff;
	text-decoration: none;
}
#contact-details a:hover {
	text-decoration: underline;
}
#contact-info {
    text-align: right;
    border-right: 1px solid #fff;
    padding: 50px;
}
#contact-form {
	padding: 50px;
}
#enquiry {
	padding: 0;
}
.form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
}
input {
	color: #000;
    padding: 10px;
    border: none;
    margin-bottom: 5px;
	font-size: 16px;
	/* max-width: 280px; */
	text-transform: uppercase;
}
button {background: #000;padding: 12px 40px;font-size: 20px;border-radius: 0;text-transform: uppercase; font-weight: 600; border: 1px solid #fff;}
button:hover {background: #3e3d3d;transition: 0.8s; color: #fff;}
.navbar-toggle { background-color: #535353; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }

footer {
	color: #FFF;
	font-size: 16px;
	background: #000;
	padding: 10px; text-align: center;
}
footer a {
	color: #FFF;
	text-decoration: none;
}
#body #testimonials h2 { color: #fff; }
#testimonials { background-color: #000; background-image: url("/media/14793/carbon-fibre-v2.png"); padding: 40px 20px; text-align: center;}
.testimonial-title {display: none;	}

.review-btn {background: #fff;color: #000;padding: 10px 20px;display: inline-block;margin: 50px 0 30px;font-size: 22px;font-weight: 600;text-transform: uppercase;border-radius: 5px;}
.review-btn:hover, .review-btn:focus { background: #3e3d3d; color: #fff; text-decoration: none;  }


.bx-wrapper .bx-viewport {
	background: transparent;
    box-shadow: none;
    text-align: center;
	font-style: italic;	
}

#makes-models {
	padding: 80px 40px;
	text-align: center;
}
#makes-models img {
	max-width: 102%;
	margin-top: 15px;
}
#makes-models .col-md-6 {
	padding-left: 0;
	padding-right: 0;	
}

#faq {
	background: #000 url("/media/14794/faq-bg.jpg") no-repeat;
	background-size: cover;
	padding: 80px 20px;
	text-align: center; background-position: center;
}
#faq h2 {
	color: #fff;
}
.panel-group .panel {
    border-radius: 0px;
	padding: 12px;
}
.panel-title>a {
	font-size: 18px;
}
.panel-title>a:hover {
	color: #333;						
	text-decoration: underline;
}
#bs-example-navbar-collapse-1{
	display:flex !important;
	justify-content:center;
}
@media(max-width: 991px) {

}

@media(max-width: 767px) {
	#body h1, #body h2 {
		font-size: 38px;
    	line-height: 50px;
	}
	header {
		background-position: center;
	
	}
	#logo {
		margin: 80px auto 70px;
	}
	.navbar-toggle {
		float: none;
		margin: 0 auto;
		display: block;
	}
	#contact-info, #contact-form {
		padding: 50px 15px;
	}
	#contact-form input {
		width: 100%;
	}

}
@media (max-width: 460px) {
	#logo {
		margin: 80px auto 42px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    	border-color: transparent!important;
	}
}



/*google review*/
#body .googlerating-title { color: #fff; }
#googlereviewsliderv2 #googlereviewlist li { background: #fff; box-shadow: 1px 2px 5px #0000001c; }
#googleratingtitle::after {  content: " Star"; }
#userratingtotal::after {  content: " Reviews"; }
.googlerating-title { background: url("/media/14720/google-review-stars.png") no-repeat center 7px; }
#body #googleratingtitle, #body #userratingtotal { color: #ec0c0c; }
#googlereviewsliderv2 .review-text { line-height: 23px; }
#googlereviewsliderv2 { display: none; }

/*arrow back to top*/
#arrow { right: auto; left: 25px; }


/*static reviews*/
.review-block-cover { background: #fff; padding: 15px; border-radius: 10px; display: inline-block; width: 100%; min-height: 260px; margin-bottom: 35px; }
.review-block-cover .review-rating {background-image:url('/media/12927/stars-black.png'); background-position:center;background-repeat:no-repeat; background-size:100px;margin-bottom:5px;margin-top:10px;text-indent:-99999px}
.review-block-cover .review-authorname {text-align:center;font-weight:600;font-size:18px;}
.review-block-cover .review-relativetime { font-size:14px;text-align:center; margin-bottom: 20px;}

