@charset "utf-8";
/* CSS Document */

body{
	font-family: 'Roboto', sans-serif;
	color:#363636;
}
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}
{
	font-family: 'Lato', sans-serif;
}
.clr{
	clear:both;
}
img{
	max-width:100%;
}
h1, h2, h3, h4, h5, h6, strong, b{
	font-family: 'Helvetica-Bold';
	font-weight:normal;
}
h1{
	text-align:center;
}
@font-face {
  font-family: 'HelveticaLight';
  src: url('../fonts/HelveticaLight.eot?#iefix') format('embedded-opentype'),
  url('../fonts/HelveticaLight.woff') format('woff'),
  url('../fonts/HelveticaLight.ttf')  format('truetype'),
  url('../fonts/HelveticaLight.svg#HelveticaLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Helvetica-Bold';
  src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Helvetica-Bold.otf')  format('opentype'),
	     url('../fonts/Helvetica-Bold.woff') format('woff'),
		 url('../fonts/Helvetica-Bold.ttf')  format('truetype'),
		 url('../fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.header{
	padding:14px 0;
	border-top:14px solid #636363;
}
.container1{
	width:900px;
	margin:0 auto;
}
.yellow-text{
	color:#ffde18;
}
.header-left{
	width:30%;
	float:left;
	margin-top:14px;
}
.header-left img{
	display:block;
}
.header-right{
	float:right;
	width:65%;
	text-align:right;
}
.header-right p.lookon{
	font-size:24px;
	font-weight:300;
	color:#fddc18;
	margin-bottom:20px;
}
.header-right p.phone{
	color:#797979;
	font-size:25px;
	padding-left:30px;
	display:inline-block;
	background:url(../images/phone-icon.png) no-repeat left 9px;
}
.menu-wrap{
	background:#f5f6f1;
}
ul.menu{
	text-align:right;
}
ul.menu li{
	display:inline-block;
	position:relative;
	
}
ul.menu li:first-child a{
	padding-left:0;
	background:none;
}
ul.menu li:last-child a{
	padding-right:0;
}
ul.menu li a{
	padding:15px 16px 18px;
	font-size:13px;
	color:#463f3a;
	text-decoration:none;
	background:url(../images/menu-line.png) no-repeat left center;
	display:block;
	line-height:15px;
}
ul.menu li ul.sub-menu{
	position:absolute;
	width:150px;
	display:none;
	padding-top:10px;
	background:#fff;
	text-align:left;
	z-index:999;
}
ul.menu li:hover ul.sub-menu{
	display:block;
}
ul.menu li ul.sub-menu li{
	display:block;
	padding:0 10px 10px;
}
ul.menu li ul.sub-menu li a{
	padding:0;
}
.banner{
	position:relative;
}
.banner img{
	display:block;
	width:100%;
}
.banner-caption{
	position:absolute;
	top:100px;
	left:26%;
	width:580px;
}
.banner-caption h1{
	color:#fff;
	font-size:37px;
	margin-bottom:16px;
	text-align: left;
}
.banner-caption h1 b{
	color:#ffde18;
}
.banner-caption span{
	border-bottom:2px solid #fff;
}
.banner-caption p{
	color:#ffde18;
	font-size:18px;
	text-transform:uppercase;
}
.banner-car{
	position:absolute;
	bottom:-37px;
	left:56%;
}
.banner-car img{
	display:block;
}
.services{
	padding:80px 0 50px;
}
.services h1{
	color:#2e2828;
	font-size:23px;
	text-transform:uppercase;
	margin-bottom:45px;
}
/*----------cutline----------*/
h1.cutline{
  text-align: center;
  text-transform:uppercase;
  overflow:hidden;
}
h1.cutline span {
  display: inline-block;
  position: relative;
  padding:0;  
}
h1.cutline span:before,
h1.cutline span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top:1px solid #2e2828;
  top:14px;
  width:200%;
}
h1.cutline span:before {
  right: 100%;
  margin-right: 15px;
}
h1.cutline span:after {
  left: 100%;
  margin-left: 15px;
}
/*----------cutline----------*/
/*----------cutline----------*/
h2.cutline{
  text-align: center;
  text-transform:uppercase;
  overflow:hidden;
}
h2.cutline span {
  display: inline-block;
  position: relative;
  padding:0;  
}
h2.cutline span:before,
h2.cutline span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top:1px solid #2e2828;
  top:14px;
  width:200%;
}
h2.cutline span:before {
  right: 100%;
  margin-right: 15px;
}
h2.cutline span:after {
  left: 100%;
  margin-left: 15px;
}
/*----------cutline----------*/

/*----------cutline1----------*/
h4.cutline1{
  text-align: center;
  text-transform:uppercase;
  overflow:hidden;
}
h4.cutline1 span {
  display: inline-block;
  position: relative;
  padding:0;  
}
h4.cutline1 span:before,
h4.cutline1 span:after {
  content: "";
  position: absolute;
  height: 5px;
  top:14px;
  width:200%;
}
h4.cutline1 span:before {
  right: 100%;
  margin-right: 15px;
}
h4.cutline1 span:after {
  left: 100%;
  margin-left: 20px;
}
/*----------cutline1----------*/
.services-box-wrap{
}
.services-box{
	width:23.85%;
	float:left;
	margin-left:1.5%;
}
.services-box:first-child{
	margin-left:0;
}
.services-box-head{
	background:#54575a;
	padding:5px 0;
	text-align:center;
	margin-bottom:3px;
}
.services-box-head b{
	font-size:15px;
	color:#fff;
	text-transform:uppercase;
}
.services-box-img-wrap{
	background:#54575a;
	text-align:center;
	margin-bottom:3px;
}
.services-box-img-wrap img{
	display:block;
	margin:0 auto;
	padding:20px 0;
}
.services-box-text-wrap{
	background:#e4e4e4;
	padding:15px;
	min-height:145px;
}
.services-box-text-wrap p{
	margin-bottom:6px;
	color:#000;
	font-size:13px;
	padding-left:10px;
	background:url(../images/service-box-bullet.png) no-repeat left 8px;
}
.hello{
	background:#363636;
	padding:65px 0;
	text-align:center;
}
.hello-main{
	width:1027px;
	margin:0 auto;
}
.hello h1{
	margin-bottom:22px;
	color:#fff;
	font-size:61px;
	text-transform:none;
}
.hello h1 span{
	padding:0 65px;
}
.hello h1 span::before, .hello h1 span::after{
	border-top:2px solid #FFDE18;
	top:36px;
}
.hello h2{
	font-size:23px;
	color:#fff;
}
.expect{
	padding:70px 0 80px;
}
.expect-main{
	width:1080px;
	margin:0 auto;
}
.expect h2{
	border-bottom:2px solid #FFDE18;
	line-height:58px;
	font-size:25px;
	text-transform:uppercase;
	margin-bottom:60px;
	text-align:center;
}
.expect-L{
	float:left;
	width:40%;
	text-align:right;
}
.expect-L p, .expect-R p{
	font-size:17px;
	margin-bottom:20px;
	color:#363636;
	padding-left:15px;
	background:url(../images/yellow-dot.png) no-repeat left center;
}
.expect-L p{
	background:url(../images/yellow-dot.png) no-repeat right center;
	padding-right:15px;
}
.expect-M{
	float:left;
	width:20%;
	text-align:center;
}
.expect-R{
	float:left;
	width:40%;
	text-align:left;
}
.callus{
	background:#363636;
	padding:17px 0;
	box-shadow:0 2px 2px #222;
	font-size:18px;
}
.callus-main{
	width:300px;
	color:#fff;
	margin:0 auto;
	position:relative;
}
.callus-main p{
	font-weight:300;
	float:left;
	display:inline-block;
	margin-right:18px;
}
.callus-main img{
	float:left;
	margin-right:5px;
}
.callus-main span{
	float:left;
	display:inline-block;
}
.gas{
	position:absolute;
	right:0px;
	top:-30px;
}
.grey-wrapper{
	background:#e8e8e8;
}
.grey-wrapper-main{
	width:1060px;
	padding:90px 5% 50px;
	background:#fff;
	margin:0 auto;
}
.grey-wrapper-main-inner{
}
.Musselburgh{
}
.Musselburgh-box{
	float:left;
	width:47%;
	margin-left:6%;
}
.Musselburgh-box:first-child{
	margin-left:0;
}
.yellow-line{
	height:1px;
	background:#FFDE16;
	margin-bottom:30px;
	width:100%;
}
.Musselburgh p{
	margin-bottom:30px;
	font-size:16px;
}
.Musselburgh h2{
	color:#363636;
	text-transform:uppercase;
	font-size:25px;
	margin-bottom:20px;
	text-align:center;
}

.Musselburgh h3{
	color:#363636;
	font-size:20px;
	border-bottom:1px solid #ffde18;
	margin-bottom:22px;
	padding-bottom:6px;
}

.Musselburgh h4{
	color:#363636;
	font-size:20px;	margin-bottom:22px;
	padding-bottom:6px;
		text-align:center;
}

.Musselburgh h4.cutline1{
	font-size:18px;
	color:#ffde16;
}
.Musselburgh h4.cutline1{
	margin-bottom:40px;
}
.Musselburgh h4.cutline1 span{
	text-transform:none;
}
.Musselburgh-inner{
}
.Musselburgh-inner p{
	font-size:14px;
}
.Musselburgh h4.cutline1 span::before, .Musselburgh h4.cutline1 span::after{
	border-top:1px solid #ffde16;
}
.Musselburgh-img-wrap{
}
.Musselburgh-img-wrap img{
	width:28%;
	margin-left:7%;
}
.Musselburgh-img-wrap img:first-child{
	margin-left:0;
}
.locations{
	background:#363636;
	padding:70px 0;
	box-shadow:0 2px 2px #333;
}
.locations-main{
	width:850px;
	margin:0 auto;
}
.locations h3{
	font-size:25px;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:55px;
	padding-bottom:18px;
	border-bottom:2px solid #FFDE16;
	text-align:center;
}
ul.locations-name{
	margin-bottom:30px;
}
ul.locations-name li{
	font-size:16px;
	color:#fff;
	margin-bottom:30px;
	display:inline-block;
	float:left;
	margin-right:4%;
	width:22%;
}
ul.locations-name li:nth-child(4n){
	margin-right:0;
}
ul.locations-name li span{
	display:inline-block;
	width:32px;
	height:32px;
	border-radius:50%;
	line-height:32px;
	text-align:center;
	background:#ffde18;
	color:#363636;
	font-size:12px;
	margin-right:20px;
}
.map-wrap{
	width:95%;
	margin:0 auto;
	background:#57575a;
	padding:0 50px 50px 50px;
	text-align:center;
}
.map-wrap img{
	display:block;
	width:100%;
}
.map-wrap p{
	font-size:16px;
	color:#fff;
	padding:15px 0;
}
.more-services{
}
.more-services .grey-wrapper-main{
	padding:100px 5% 70px;
}
.more-services h3{
	font-size:25px;
	text-transform:uppercase;
	color:#363636;
	margin-bottom:55px;
	padding-bottom:18px;
	border-bottom:2px solid #FFDE16;
	text-align:center;
}
.more-services h3 span{
	color:#ffde16;
}
.more-box{
	margin-bottom:50px;
}
.more-box-left{
	width:20%;
	float:left;
}
.more-right{
	width:77%;
	float:right;
}
.more-right h4{
	font-size:24px;
	color:#58585a;
	margin-bottom:15px;
}
.more-right p{
	color:#8f8e8e;
	font-size:12px;
}
a.more-info{
	color:#fddc18;
	text-decoration:none;
}
.footer{
	background:#363636;
	color:#fff;
	padding:40px 0 0;
	border-bottom:8px solid #ffde18;
	font-family: 'Droid Serif', serif;
}
.footer-main{
	width:780px;
	margin:0 auto;
}
.f-box{
	text-align:center;
	width:23%;
	float:left;
	margin-left:15%;
}
.f-box h4{
	font-size:12px;
	color:#fff;
	font-family: 'Droid Serif', serif;
	font-weight:700;
	margin-bottom:6px;
	font-weight:normal;
}
.f-box img{
	margin-bottom:15px;
}
.f-box p{
	color:#fff;
	font-size:10px;
	margin-bottom:15px;
}
.f-box span a, .f-box span{
	color:#ffde18;
	font-size:10px;
	text-decoration:none;
}
.f-box:first-child{
	margin-left:0;
}
.footer-white-strip{
	background:#fff;
	padding:6px 0;
}
.footer-white-strip ul{
	text-align:center;
}
.footer-white-strip ul li{
	color:#adadae;
	font-size:10px;
	display:inline-block;
	float:left;
	margin-left:50px;
}
.footer-white-strip ul li:first-child{
	margin-left:0;
}
.footer-white-strip ul li:nth-child(3){
	margin-top:6px;
}
.middle-inner{
}
.middle-inner ul.locations-name{
	margin-bottom:0;
}
.blank-heading1{
	width:100%;
	height:32px;
}
ul.brands{
	text-align:center;
}
ul.brands li{
	display:inline-block;
	width:30%;
	text-align:center;
	margin-bottom:40px;
}
.cntct-left{
	width:56%;
	float:left;
	min-height:480px;
	position:relative;
}
.cntct-left h2{
	color:#ffde18;
	text-transform:uppercase;
	font-size:18px;
	margin-bottom:20px;
}
.cntct-left h3{
	font-size:20px;
	font-family: 'Droid Serif', serif;
	color:#434343;
	margin-bottom:10px;
}
.cntct-left p{
	font-size:14x;
	color:#434343;
	margin-bottom:20px;
	font-family: 'Droid Serif', serif;
}
.cntct-left a.phn-btn{
	background:#4d4d4d;
	padding:10px 20px 10px 50px;
	background:url(../images/f-phn-icon.png) no-repeat 18px center #4d4d4d;
	color:#fff;
	background-size:20px;
	font-size:21px;
	font-family: 'Helvetica-Bold';
	display:inline-block;
	text-decoration:none;
	margin-right:100px;
}
.cntct-car{
	position:absolute;
	bottom:43px;
	right:-59px;
}
.cntct-right{
	width:38%;
	float:right;
}
.cntct-right input, .cntct-right textarea{
	height:48px;
	border-radius:10px;
	background:#e8e8e8;
	margin-bottom:10px;
	border:none;
	width:100%;
	padding:6px;
}
.cntct-right textarea{
	height:100px;
}
.cntct-right input[type="submit"]{
	background:#fddc18;
	color:#fff;
	font-size:21px;
	width:180px;
}

#menu-toggle{
	background:#363636;
	padding:6px 10px;
	text-align:center;
	width:52px;
	box-sizing:border-box;
	cursor:pointer;
	margin-left:3%;
}
#menu-toggle img{
	display:block;
}

ul.ser_sec {
    margin: 0;
    padding: 0 0 20px;
	overflow:hidden;
}

ul.ser_sec  li {
    float: left;
	list-style: inside none disc;
    padding: 0 0 10px;
    width: 49%;
	color: #363636;
    font-size: 14px;
}
ul.ser_sec  li:nth-child(2n){ float:right;}
.Musselburgh-inner p strong{ color:#ffde16;}
.Musselburgh-box .expect-R{width:100%;}
/*----------------------------responsive----------------------------*/

@media all and (max-width:1100px){
	.container1, .hello-main, .expect-main, .grey-wrapper-main, .locations-main{width:96%;}
	.banner-caption{width:400px; left:8%; top:55px;}
	.banner-caption h2{font-size:30px;}
	.banner-caption p{font-size:16px;}
	.expect-L p, .expect-R p{font-size:14px;}
	.expect-M > img{width:90px;}
}
@media all and (max-width:980px){
	.banner-caption{left:5%; top:25px;}
	.cntct-car{bottom:-10px;}
}
@media all and (max-width:767px){
	.container1, .hello-main, .expect-main, .grey-wrapper-main, .locations-main, .footer-main{width:94%;}
	.banner-caption{display:none;}
	.header-left, .header-right{width:100%; text-align:center;}
	.header-left img{display:inline-block;}
	.header-right p.lookon{margin-bottom:8px;}
	ul.menu{text-align:left;}
	.hello{padding:40px 0;}
	.hello h1{margin-bottom:15px; font-size:40px;}
	ul.menu li{display:block; margin-bottom:8px;}
	ul.menu li a{padding:0; background:none; font-size:14px;}
	.banner-car{bottom:-18px;}
	.services, .locations{padding:30px 0;}
	.services h1{margin-bottom:30px;}
	.services-box{margin-left:0; margin-bottom:15px; width:100%;}
	.expect h1{line-height:normal; padding-bottom:10px; font-size:22px;}
	.expect-L, .expect-M, .expect-R{width:100%; margin-bottom:10px; text-align:left;}
	.expect-L p{background:rgba(0, 0, 0, 0) url("../images/yellow-dot.png") no-repeat scroll left center}
	.expect-L p, .expect-R p{margin-bottom:10px;}
	.grey-wrapper-main, .more-services .grey-wrapper-main{padding:40px 5%;}
	.Musselburgh-box{width:100%; margin-left:0;}
	.locations h1{margin-bottom:20px;}
	ul.locations-name li{width:50%; margin-right:0;}
	ul.locations-name li span{margin-right:5px;}
	.map-wrap{padding:0 20px 20px;}
	.more-box{margin-bottom:10px;}
    .more-box-left{width:100%; margin-bottom:10px;}
	.more-right{width:100%;}
	.f-box{width:100%; margin-left:0; margin-bottom:20px;}
	.cntct-left{width:100%; margin-bottom:20px;}
	.cntct-right{width:100%;}
	.cntct-car{width:90%; right:0;}
	.cntct-left a.phn-btn{margin-left:0;}
	ul.menu li ul.sub-menu{position:relative; display:block; width:100%; background:none;}
	ul.menu li ul.sub-menu li{padding:0 10px;}
}
@media all and (min-width:767px){
	#menu-toggle{display:none !important;}
	.menu-wrap{display:block !important}
}