body,
html{width:100%;height:100%;margin:0;padding:0;letter-spacing:-1px;font-family:"proxima-nova",sans-serif; text-align: center}
html { height: 100%;
background: linear-gradient(rgba(253,212,6,0.1),rgba(0,0,0,0.05));
background-repeat: no-repeat;
background-attachment: fixed;
}
ol, ul{list-style:none;}
h1{font-weight:600;font-size:2.0em;line-height:0.9em;margin:0px;color:#000000;letter-spacing:-2px;text-align: left; text-transform:uppercase}
h1.home{font-size:2.0em;font-weight:600;}
h2{clear:both;font-weight:600;font-size:2em;margin:0px 0 0 0;color:#333333;letter-spacing:-2px;line-height:0.9em; text-align: left}
h2.tick {position: relative;text-align:left !important;}
h2.tick:before{ content: ""; position: absolute; right:0px; top:-7px; background: url(images/goodgaragetick.png) center right no-repeat; width: 53px; height: 50px;}
h3{font-weight:700;font-size:1.8em;margin:20px 0 0 0;color:#000000;letter-spacing:-2px; line-height: 1em;}
h4{font-weight:400;font-size:1.2em;margin:10px 0 0 0;color:#000000;letter-spacing:-1px; line-height: 1em;}
hr{clear:both;border:0px;border-bottom:1px solid #ccc;margin:40px auto 0px;width:100%;}
.spacer{padding-top:24px;}
p{color:#444444;font-size:1.3em;margin:10px 0 20px 0;line-height:1.2em;font-weight:300;text-align: left}
.home{text-align:center!important}
.half{float:left;width:49%;margin-right:2%;height:auto;}
.half:nth-of-type(2n){margin-right:0%;}
.half2{float:right;width:49%;margin-left:0%;}
#map{clear:both;float:left;width:100%;height:360px;margin:20px 0}
#cform fieldset{margin:2% 0% 2%;padding:0;border:0px;width:100%;position:relative;}
#cform input{float:left;color:#444444;background-color:#eeeeee;width:100%;margin:0 0 6px 0%;border:0px solid #000000;padding:8px;box-sizing:border-box;font-family:"proxima-nova",sans-serif;font-size:1.2em;border-radius:5px;}
#cform .lt{float:left;width:47.5%;}
#cform .rt{float:right;width:47.5%;}
#cform select{float:left;color:#000;background-color:#eeeeee;height:44px;width:100%;margin:0 0 6px 0%;border:0px solid #000000;padding:8px;box-sizing:border-box;font-family:"proxima-nova",sans-serif;font-size:1.2em;border-radius:5px;}
#cform textarea{float:left;color:#000;background-color:#eeeeee;width:100%;height:80px;margin:0 0 6px 0;border:0px solid #000000;box-sizing:border-box;padding:8px;font-family:"proxima-nova",sans-serif;font-size:1.2em;border-radius:5px;}
#cform .btn{float:left;clear:both;text-align:center;font-size:1.2em;letter-spacing:-1px;background-color:;color:#000000;display:block;width:60%;margin:20px 20% 0%;border:0px;padding:10px 20px;font-weight:600;border-radius:5px;}
#cform fieldset label{float:left;width:100%;margin:0px 0 0px;font-size:1.25em;color:#000000;font-weight:600;}
#cform .showf{display:none;}
.note { position: relative; width: 100%; padding: 1em 1.5em; margin: 0 auto 5%; color: #fff; background: ; overflow: hidden; box-sizing: border-box; text-align: center !important; box-shadow: inset 0 0 10px #000; }
.note:before { content: ""; position: absolute; top: 0; right: 0; border-width: 0 26px 26px 0; border-style: solid; border-color:#FAF7EE #FAF7EE #EAB111 #EAB111; background: #EAB111; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2); display: block; width: 0;}
.note.rounded { -moz-border-radius: 5px 0 5px 5px; border-radius: 5px 0 5px 5px;}
.note.rounded:before { border-width: 13px; border-color: #FAF7EE #FAF7EE transparent transparent; -moz-border-radius: 0 0 0 5px;border-radius: 0 0 0 5px;}
.note p {width:100%;}
.note img {float:left; position: absolute; left:16px; top:42px; width:80px !important;}
.note .title {float: right; font-size: 3.3em; font-weight: 600; margin: 0 0 -5px 0;}
.note .second {clear: right; float: right; font-size: 2.15em; margin: 0 0 5px 0}
.note .smlprn {clear: right; float: right; font-size: 1.43em; margin: 0;}
button:hover{}
strong{color:#000000;font-weight:600}
strong a { color: #000000 !important; font-weight: 600 !important; text-decoration:underline !important;}
.left{float:left}
.right{float:right;}
.clear{clear:both;}
.holder{margin:0px auto;max-width:1080px;padding:0px 30px 0}
.holder:before, .holder:after{content:"\0020";display:block;height:0;overflow:hidden; }
.holder:after{clear:both;}
header{width:100%;box-sizing:border-box;position:relative;z-index:99999;}
header .holder{padding:10px 0px 0;border-bottom:0px;}
header .phone{float:right;width:auto;color:#000000;font-size:1.5em;font-weight:400;text-align:right;margin:5px 0 0px 0;}
header .open{float:right;width:auto;color:#000000;font-size:1.3em;font-weight:400;text-align:right;margin:5px 3% 0px 0;}
header .phonetext {float:left; line-height: 90%;}
header .phonetext span{display:block; clear:both; font-size: 0.88em; text-align: right;}
header .phone a{color:#000000;text-decoration:none}
header .toplogo{float:left;font-size:1.5em;line-height:180%;width:140px;font-weight:600;color:#ffffff;text-align:center; margin-bottom: -50%; margin-top: 20px;}
header .toplogo img{width:100%; z-index: 99999999; position: relative;}
header .toplogo2{float:left;font-size:1.5em;line-height:100%;width:16%;font-weight:600;color:#ffffff;text-align:center; margin-bottom: -50%; margin-top: 7px;}
header .toplogo2 .title{float:left;width:46%; color:#000000; padding-left:4%; padding-top: 4%;}
header .toplogo2 img{float:left;width:50%}
.topbar {width:100%; background: #ffffff; color:#000000; padding:5px 0 5px;}
.phone-contact-h{float:left;color:#000000 !important;height:44px;width:40px;border-radius:50%;background:transparent url(images/phone-icon.png) no-repeat 0px 0px;background-size:100% 100%;background-position:center center;padding-left:0px;margin-right:0px;}
.navholder{width:100%;background:#ffffff;; border-bottom:16px solid }
.navholder .holder{margin:0px auto 0;padding:0}
.navholder .nav{float:right; margin-bottom:0 !important; width:auto;}
.navholder .nav .nav-item a{display:block;color:#000000;}
.animate{-webkit-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}
.flexslider{clear:both;}
.flexslider .overlay{z-index:10;position:absolute;top:0;right:0;left:-77px;bottom:-58px;background:none;background-image:url(images/mast-corner.png);background-repeat:no-repeat;}
.flexslider .holder{position:relative;z-index:11;}
.flexslider .slides li{position:relative;height:360px;background-size:cover;background-position:center center;overflow:hidden;}
.flexslider .slides li .holder{text-align:center;z-index:99999;margin-top:00px;}
.flexslider .slides li .holder .title{float:left;width:80%;color:#ffffff;font-weight:600;font-size:3em;line-height:90%;letter-spacing:-0.5px;margin:6% 10% 0;text-align:center;text-shadow:0px 0px 7px rgba(0,0,0,0.5)}
.flexslider .slides li .holder .strapline{float:left;width:80%;color:;font-weight:600;font-size:2.2em;line-height:90%;letter-spacing:-0.5px;margin:1% 10% 0;text-align:center;text-shadow:0px 0px 7px rgba(0,0,0,0.5)}
.flexslider .slides li .holder .stars{float:left;width:70%;color:#ffffff;font-weight:600;font-size:2.3em;line-height:90%;letter-spacing:-0.5px;margin:1% 15% 0;text-align:center;text-shadow:0px 0px 7px rgba(0,0,0,0.5)}
.flexslider .slides li .holder a{font-weight: bold; display: inline-block; padding: 8px 12px; background: #ffffff; text-decoration: none; color: #000000; margin: 30px auto; border-radius: 5px; position: relative; width:22%; box-shadow: 0px 0px 7px rgba(0,0,0,0.5); }
.flexslider .slides li .holder a:after{ content: ""; position: absolute; left:-100%; right:0; top:-16px; background: url(images/gmapmarker.png) center center no-repeat; height: 64px;}
.bgslide{background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0;background-position:center top;}
/*.bgslide{background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0;background-position:center top;-webkit-animation:zoomImg 6s infinite;-moz-animation:zoomImg 6s infinite;-o-animation:zoomImg 6s infinite;animation:zoomImg 6s infinite;}*/
@keyframes zoomImg{0%{transform:scale(1.0);-moz-transform:scale(1.0);-webkit-transform:scale(1.0);-o-transform:scale(1.0);-ms-transform:scale(1.0) rotate(0.0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1.0, M12=0, M21=0, M22=1.0, SizingMethod='auto expand')";filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.0, M12=0, M21=0, M22=1.0, SizingMethod='auto expand');}
15%{transform:scale(1.0);-moz-transform:scale(1.0);-webkit-transform:scale(1.0);-o-transform:scale(1.0);-ms-transform:scale(1.0) rotate(0.0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1.0, M12=0, M21=0, M22=1.0, SizingMethod='auto expand')";filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.0, M12=0, M21=0, M22=1.0, SizingMethod='auto expand');}
50%{transform:scale(1.06);-moz-transform:scale(1.06);-webkit-transform:scale(1.06);-o-transform:scale(1.06);-ms-transform:scale(1.06) rotate(1deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1.06, M12=0, M21=0, M22=1.06, SizingMethod='auto expand')";filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.06, M12=0, M21=0, M22=1.06, SizingMethod='auto expand');}
85%{transform:scale(1.0);-moz-transform:scale(1.0);-webkit-transform:scale(1.0);-o-transform:scale(1.0);-ms-transform:scale(1.0) rotate(0.0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1.0, M12=0, M21=0, M22=1.0, SizingMethod='auto expand')";filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.0, M12=0, M21=0, M22=1.0, SizingMethod='auto expand');}
100%{transform:scale(1.0);-moz-transform:scale(1.0);-webkit-transform:scale(1.0);-o-transform:scale(1.0);-ms-transform:scale(1.0) rotate(0.0deg);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1.0, M12=0, M21=0, M22=1.0, SizingMethod='auto expand')";filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.0, M12=0, M21=0, M22=1.0, SizingMethod='auto expand');}
}
#carousel2{clear:both;width:100%;margin:20px 0 0px;height:360px;position:relative;}
#carousel2 .slide .holder{text-align:center;position:relative;z-index:9999;padding:0;}
#carousel2 .slide{height:360px;position:relative;background-size:cover;background-position:center center;}
#carousel2 .slide .title{float:left;width:80%;color:#ffffff;font-weight:600;font-size:2.3em;text-align:center;line-height:92%;letter-spacing:-1px;margin:8% 10% 4% 10%; text-shadow:0px 0px 7px rgba(0,0,0,0.5);}
#carousel2 .slide .title2{float:left;width:80%;color:#ffffff;font-weight:600;font-size:2.5em;text-align:center;line-height:92%;letter-spacing:-1px;margin:3% 10% 0 10%; text-shadow:0px 0px 7px rgba(0,0,0,0.5);}
h3.contact { line-height:1.0em; margin-bottom:10px; color:#000000; text-align:left; height:30px; text-indent:50px}
h3.contact.address { background: url(images/address-icon.png) no-repeat left top; background-size:contain;}
h3.contact.telephone { background: url(images/phone-icon2.png) no-repeat left top; background-size:contain;}
h3.contact.email { background: url(images/email-icon2.png) no-repeat left top; background-size:contain;}
h3.contact.open{ background: url(images/open-icon2.png) no-repeat left top; background-size:contain;}
#bc{background-color:#e6e6e6;width:100%;font-size:1.3em;}
#breadcrumb{width:100%;padding:15px 0px;color:#666;border-box:box-sizing;}
#breadcrumb a{color:#666;text-decoration:none}
#breadcrumb a:hover{color:#666;text-decoration:underline}
#introholder{clear:both;width:100%;background:#ffffff;margin:0 0 0px 0;padding:30px 0;text-align:center}
.mainholder{position:relative;z-index:9999;clear:left;float:left;width:100%;margin:0px 0 0px;height:auto;color:#333;text-align:left;padding:3% 0px;box-sizing:border-box}
.maintextbox{clear:left;float:left;width:66%;margin:0% 0 0;height:auto;color:#333;text-align:left;padding:0}
.maintextbox h2, .mainholder h2{/*text-align:left;*/}
.maintextbox p, .mainholder p{color:#333;}
.maintextbox a, .mainholder a{text-decoration:none;color:inherit;font-weight:400; opacity:0.9}
.maintextbox a:hover, .mainholder a:hover{text-decoration:underline; opacity:1}
.sidebar{float:right;width:32%;margin:0% 0 0 0;}
.sidebar .box1, .sidebar .box2{float:left;width:100%;margin:0 0% 10% 0%;height:auto;padding:0 0 5% 0;border-bottom-right-radius:0;border-bottom-left-radius:0;}
.sidebar img{width:100%}
.sidebar h2{width:100%;margin:3% 0 -2% 0}
.sidebar .box1 .btn ,.sidebar .box2 .btn,
.sidebar .box1 p, .sidebar .box2 p{color:#333;padding:0 10%}
.mainholder ul ,.maintextbox ul ,.maintextbox ol , .sidebar ul{padding:10px 0% 0 23px}
.mainholder ul li , .maintextbox ul li , .sidebar ul li{list-style-type:circle;padding-left:10px;line-height:1.5em;margin:0px 0 0 0%;font-weight:300;font-size:1.25em;}
.maintextbox ul li a, .sidebar ul li a{color:#333333;font-weight:normal;text-decoration:underline !important;}
.maintextbox ul li a, .sidebar ul li a:hover{text-decoration:underline !important;color:#333333;}
.mainholder ul , .half ul{padding:10px 0% 0}
.mainholder ul li , .half ul li {list-style-type:none;background:url(images/yellowtick.png) no-repeat left 8px;padding-left:30px;line-height:1.2em;margin:0px 0 12px 0%;font-weight:400;font-size:1.25em;}
.mainholder .half img {width:100%;}
.col{float:left;width:32%;margin-right:2%;height:auto;box-sizing:border-box;}
.col:nth-of-type(3n){margin-right:0%;}
.fancybox:nth-of-type(3n) .col{margin-right:0%;}
.col img{width:100%;}
#twocol{float:left;width:66%;}
#twocol .col{float:left;width:48.5%;margin-right:3%;height:auto;box-sizing:border-box;}
#twocol .col:nth-of-type(2n){margin-right:0%;}
.col2{float:left;width:15%;margin-right:2%;height:auto;box-sizing:border-box; background:#cccccc; padding-bottom:9%; margin-top:-9%; position: relative; z-index: 9; transition:all 0.3s ease-out;}
a:nth-of-type(6n) .col2{margin-right:0%;}
a:nth-of-type(1) .col2 { background:#F3C849 url(images/servicing-overlay.png) no-repeat bottom right;}
a:nth-of-type(2) .col2 { background:#47ACDB url(images/mot-overlay.png) no-repeat bottom right;}
a:nth-of-type(3) .col2 { background:#8DCE55 url(images/repairs-overlay.png) no-repeat bottom right;}
a:nth-of-type(4) .col2 { background:#AA8CC5 url(images/brakes-overlay.png) no-repeat bottom right;}
a:nth-of-type(5) .col2 { background:#EC9495 url(images/tyres-overlay.png) no-repeat bottom right;}
a:nth-of-type(6) .col2 { background:#8FB6F7 url(images/aircon.png) no-repeat bottom right;}
.col2 .title {margin:10%;font-size:1.65em; color:#ffffff; font-weight:bold; text-transform: uppercase; text-align:left; text-shadow: 0 1px 1px rgba(0,0,0,.5);}
.col2:hover{margin-top:-10%;padding-bottom:10%; }
.half{float:left;width:49%;margin-right:2%;height:auto;}
.half:nth-of-type(2n){margin-right:0%;}
.half2{float:right;width:49%;margin-left:0%;}
.whyusholder{clear:both;padding:0% 0 ;}
.whyusholder p{padding:0px 0px;box-sizing:border-box;/*text-align:center;*/ color:#444444!important;}
.whyusholder a:nth-of-type(4n) .col{margin-right:0;}
.whyusholder .col{ text-align: center}
.whyusholder .col .spotimg {position: relative; transition:all 0.3s ease-out;}
.whyusholder .col .spotimg img{position: relative; z-index: 1; width:100%;margin:0% 0%;ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.whyusholder .col .spotimg span{position:absolute; bottom:20px; right:20px; z-index: 2; text-align: right; font-weight:600;font-size:1.8em;margin:0px 0 0 0;color:#ffffff;letter-spacing:-1px; text-shadow: 0 1px 1px rgba(0,0,0,.5); ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.whyusholder .col .spotimg:hover{margin-top:-3%; margin-bottom:3% }
.whyusholder h3{font-size:1.7em;position:relative;font-weight:600;color:#444444!important;}
.whyusholder .col a, a.yellowbtn{font-weight:bold;display:inline-block; padding:8px 12px; background:; text-decoration:none; color:#444444; margin:20px auto; border-radius:5px;}
.whyusholder .col a { font-weight:bold;display:inline-block; padding:8px 12px; text-decoration:none; color:#444444; margin:0px auto; border-radius:5px; font-size:1.2em;}
.whyusholder .col:nth-of-type(1) a{ background:#F3C849; }
.whyusholder .col:nth-of-type(2) a{ background:#EC9495; }
.whyusholder .col:nth-of-type(3) a{ background:#8DCE55; }
.whyusholder .col:nth-of-type(1) h3:before { content: "\02714"; color:#F3C849; font-size:1.5em; margin-left:-0.25em}
.whyusholder .col:nth-of-type(2) h3:before { content: "\02714"; color:#EC9495;font-size:1.5em; margin-left:-0.25em}
.whyusholder .col:nth-of-type(3) h3:before { content: "\02714"; color:#8DCE55;font-size:1.5em; margin-left:-0.25em}
.bgimgholder{clear:both; padding:2% 0 2%; margin:2% 0 0; background:url(images/garage-backdrop.jpg) no-repeat center center; background-size: cover}
.bgimgholder a{font-weight:bold;display:inline-block; padding:8px 12px; background:#ffffff; text-decoration:none; color:#444444; margin:0px auto; border-radius:5px; font-size:1.2em;}
.icons:hover .icon,
.icons:hover h3 ,
.icons:hover p{opacity:0.5;ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;}
.icons:hover .col:hover .icon,
.icons:hover .col:hover h3,
.icons:hover .col:hover p{opacity:1.0;}
#gmap{height:300px;margin-bottom:20px;}
.cta {float:right;width:96%; background:; padding:1.5% 2%; box-sizing: border-box; margin:2% 2% 0 0}
.cta .ctitle {color:#000; font-weight:600; font-size:1.52em}
#reqformholder{clear:both;width:100%;color: #000000; background: ;margin:0px 0px ;text-align:center}
#reqformholder h2{color:#000000;padding:3% 0 0;margin:0px 0 20px 0%;text-align:center;font-size:2.3em;font-weight:600;}
#reqformholder h2.callus{color:#000000;margin:0px 0 0px 0%;text-align:center;font-size:2.3em;font-weight:600;padding:15px 5px;box-sizing:border-box}
#reqformholder p{color:#000000;text-align:center}
#reqformholder2{clear:both;width:100%;color: ; background:#000000 ;margin:0px 0px ;text-align:center}
#reqformholder2 h2{color:;padding:3% 0 0;margin:0px 0 20px 0%;text-align:center;font-size:2.3em;font-weight:600;}
#reqformholder2 h2.callus{color:;margin:0px 0 0px 0%;text-align:center;font-size:2.3em;font-weight:600;padding:15px 5px;box-sizing:border-box}
#reqformholder2 p{color:;text-align:center}
#reqform fieldset{clear:both;margin:10px auto 0px auto !important;padding:0;border:0px;width:100%; text-align: center}
#reqform input{box-sizing:border-box;float:left;color:#333;background-color:#F3F3F3;width:23.5%;margin:0 2% 2% 0%;border:0;padding:2% 1%;height:40px;font-size:1em;border-radius:5px;box-sizing:border-box }
#reqformholder a{text-decoration:none;color:#000000;}
#reqformholder2 a{text-decoration:none;color:;}
#reqform select{box-sizing:border-box;float:left;color:#333;background-color:#F3F3F3;width:23.5%;margin:0 0 2% 0%;border:0;padding:2% 1%;text-indent:1%;height:40px;font-size:1em;border-radius:5px;box-sizing:border-box}
#reqform textarea{box-sizing:border-box;float:left;color:#333;background-color:#F3F3F3;width:100%;height:70px;margin:-1% 0 0px 0%;border:0;padding:1%;font-size:1em;border-radius:5px;box-sizing:border-box}
#reqform input.error{background:#ffb2b2;font-style:italic}
#reqform button{clear:both;display:inline-block;text-align:center;background-color:#000000;color:#ffffff;margin:-50px auto 0px;border:0px;padding:1% 3%;font-size:1.3em;font-weight:800;border-radius:5px;}
.box11, .box2{float:left;width:31%;margin-right:3.5%;margin-bottom:0.75%;height:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.box11 {width:100%;margin-right:0%;}
.box12{float:right;width:48.5%;}
footer{clear:both;width:100%;color:#ffffff;background:#000000;margin:0px auto 0;text-align:center;}
footer .holder{line-height:150%;font-weight:normal;margin:0px auto 0px;padding:1% 0;text-align:center}
footer a{color:#ffffff;text-decoration:none;cursor:pointer !important;}
footer a:hover{color:#333333;text-decoration:underline;}
footer strong{margin:0px 0 10px;font-size:1.0em;font-weight:600;color:#ffffff;}
footer p{color:#ffffff;;font-size:1.25em;line-height:1.25em;margin:0px 0 0px;text-align:center}
footer .holder .col span{display:none !important}
footer .icn{float:left;width:14%;margin:0 5.5%;height:auto;padding-bottom:0%;box-sizing:border-box;position:relative;}
footer .icn .fb{float:left;background:transparent url(images/socials-sprites.png) no-repeat;background-size:520% 100%;width:80%;height:0;padding-bottom:80%;margin:20% 20% 0;opacity:1;transition:0.5s;position:relative;}
footer .icn .tw{float:left;background:transparent url(images/socials-sprites.png) 50% no-repeat;background-size:520% 100%;width:80%;height:0;padding-bottom:80%;margin:20% 20% 0;opacity:1;transition:0.5s;position:relative;}
footer .icn .ig{float:left;background:transparent url(images/socials-sprites.png) 75% no-repeat;background-size:520% 100%;width:80%;height:0;padding-bottom:80%;margin:20% 20% 0;opacity:1;transition:0.5s;position:relative;}
footer .icn .pn{float:left;background:transparent url(images/socials-sprites.png) 100% no-repeat;background-size:520% 100%;width:80%;height:0;padding-bottom:80%;margin:20% 20% 0;opacity:1;transition:0.5s;position:relative;}
footer .icn .fb:hover,
footer .icn .tw:hover,
footer .icn .ln:hover,
footer .icn .ig:hover,
footer .icn .pn:hover{opacity:1; background-size:520% 100%;}
footer .icn span{display:none;}
#basefooter{font-size:1.15em;width:100%;background-color:#ffffff;color:#000000;padding:0px 0}
#basefooter .holder{padding:10px 0;font-weight:100}
#basefooter .holder div{width:50%;float:left;text-align:left;font-weight:300;letter-spacing:-1px}
#basefooter .holder div:nth-of-type(2){width:50%;float:left;text-align:center}
#basefooter .holder div:last-of-type{width:50%;float:right;text-align:right}
#basefooter .holder a{color:#000000;}
#basefooter svg{height:32px;width:auto;margin:0px 0 -12px 3px}
.now-design-logo{fill:#000000;}
#formsent{display:none;background:#000000;text-transform:uppercase;width:100%;padding:30px 0;border-radius:50%;border:0px;color:#ffffff;line-height:1em;transition:0.5s;font-size:1.5em;text-align:center;margin:10px 0 0 0px;}
.respbtn{display:none;}
*,*:after,*:before { margin:0; padding:0; /*box-sizing:border-box; */-webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; }
.nav { float:right; width:100%;clear:right;position:relative; z-index:9999999; padding:0; margin:15px 0 0px 0; font-style:normal; font-weight:600; font-size:1.35em;background: }
.nav a, .nav a:hover { text-decoration:none;}
.nav ul, .nav ol { list-style:none;}
.nav .holder { padding:0px 0px 0 !important; }
.nav-list { text-align:right; float: right; margin-right:-15px; width:auto}
.nav li{display: inline-block; padding: 12px 15px 12px 15px; margin:0px; box-sizing:border-box;}
.nav li span { display:block;}
.nav-item { float:left; *display:inline; zoom:1; position:relative; cursor:pointer; -webkit-transition:opacity 0.4s ease-out; -moz-transition:opacity 0.4s ease-out; -ms-transition:opacity 0.4s ease-out; -o-transition:opacity 0.4s ease-out; transition:opacity 0.4s ease-out; }
.nav-item a { display:block; color: #000; text-align:center; line-height:1.0em; }
.nav-item > a:hover , .nav-item:hover > a { color: #ffffff; }
.nav-item:hover { background:#000000; color: #ffffff; }
.nav-item:hover .nav-submenu { display:block;}
.nav-mobile { display:none; cursor:pointer; position:absolute; top:0; right:0; background: url(images/menu-icon.png) no-repeat center center; background-size:40px; height:67px; width:54px;}
.nav-click { position:absolute; top:0; right:11px; display:none !important; height:46px; width:50px; cursor:pointer;}
.nav-click i { float:right; display:block; height:46px; width:48px; background:url(images/drop.png) no-repeat center 13px; background-size:20px;}
.nav-rotate { background:url(images/drop.png) no-repeat center 18px !important; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.nav-item.selected,
.nav-item.selected:last-of-type {opacity:1; margin:0px 0 0 0; }
.nav-item.selected a,
.nav-item.selected:last-of-type a {background:#000000; color: #ffffff !important; margin:-12px -15px; padding:12px 15px; }
.nav-item.selected a {color:#000;}
.nav-submenu { display:none; position:absolute; left:-15px; font-size:0.88em; top:23px; padding-top:10px; }
.nav-submenu li {display:block; }
.nav-submenu-item a {cursor:pointer; letter-spacing:0px;float:left;text-align:left; background:; color:#000 !important; width:210px;display:block; padding:10px 12px !important;margin: 0 0 0 0px !important; border-radius:0px !important; }
.nav-submenu-item a:hover { color: #444 !important; }
@media only screen
and (min-width:991px)
and (max-width:1079px){.holder{margin:0px auto;max-width:960px;}
.nav { font-size:1.1em; }
}
@media only screen
and (min-width : 0px)
and (max-width : 991px){
.nav .holder { width:100%; padding:0px 0px 0 !important; }
.nav-mobile {display:block; cursor:pointer; position:absolute; /*top:-62px;*/ top:-64px;right:6px; background:transparent url(images/menu-icon.png) no-repeat center center; background-size:40px; height:67px; width:54px;}
.nav { width:100%; padding:0px 0 0;margin:-6px 0 0px 0; font-size:1.5em; background:;}
.nav-list { display:none; margin:40px 0 0px 0; width:100%}
.nav-item { width:100% !important; float:none; background:#0000; border-top:0px solid rgba(255,255,255,0.3); }
.nav-item a{ color: #000; margin:0 0 0 0px;}
.nav-item > a { padding: 10px 0px; }
.nav-click { display:block; width:100%; }
.nav-item > a:hover , .nav-item:hover > a { color: #333333; }
.nav-item.selected a {color:#000; font-style: italic; padding:10px 15px !important;margin: 0 0 0 0px !important;}
.nav li{display: inline-block;padding: 0px 0px; margin:0px; width:100% !important; }
.nav li span { display:inline !important;}
.nav li:last-of-type {padding: 0px; }
.nav li span { display:block;}
.nav-item:hover .nav-submenu { display:none; }
.nav-submenu { position:static; width:100%; background:''; top:0px; padding-top:0px; }
.nav-submenu-item a {float:none; text-align:center; background:#000000 ; color: #ffffff !important;border-bottom:1px solid rgba(0, 0, 0, 0.1); width:auto; display:block; padding:10px 20px;}
.nav-submenu-item a:hover {background:#000000 ;color:; }
.nav-submenu-item a:last-of-type {border-bottom:0px solid rgba(0, 0, 0, 0.1); }
}
@media only screen
and (min-width:991px)
and (max-width:1079px){.holder{margin:0px auto;max-width:960px;}
.flexslider .slides li .holder{font-size:0.94em;}
}
@media only screen
and (min-width:0px)
and (max-width:991px){
header .toplogo2 .title{display:none; }
header .toplogo2 { float: left; font-size: 1.5em; line-height: 180%; width: 10%; margin-top: 0px;}
header .toplogo2 img { float: left; width: 100%;}
.cta{ display:none; }
header .open{ display:none; }
header .phonetext span {display:none; }
.holder{width:96%;font-size:1em;padding:0 2%}
#introholder .holder{width:94%;font-size:1em;padding:0 3%}
h1 br{display:none;}
header{position:fixed;top:0;width:100%;margin:0px;height:64px;padding:0px;z-index:99999; background:#ffffff;}
header .holder{padding:10px 0px;}
header .logo{height:44px !important;padding:0px 0px 0px 10px;margin:0;position:relative;z-index:99999;}
header .logo img{width:auto;height:100%;}
header .phone{float:left;width:45%;margin:0px 0 10px 0;line-height:1.5em;font-size:1.35em; font-weight:bold}
header .phonetext{display:none;}
header .email{float:right;width:45%;margin:10px 0 0px 0;line-height:1.5em;font-size:1.35em;}
header .toplogo{float:left;font-size:1.5em;line-height:180%;width:10%; margin-top: 0px; }
header .toplogo span{display:none}
.phone-contact-h{float:left;color:#333!important;height:36px;width:36px;border-radius:50%;background-size:80% 80%;background-position:center center;padding-left:0px;margin-left:0px;}
.email-contact-h{float:right;color:#333!important;height:36px;width:36px;border-radius:50%;background-size:60% 60%;background-position:center center;padding-left:0px;margin-right:65px;}
.navholder{width:100%;background:none;position:absolute;top:0;z-index:99999}
.filled{display:block;margin-top:20px;margin-bottom:0px;height:160px !important;box-sizing:border-box;}
.half2{float:right;width:49%;margin-left:0%;}
.fadebox{position:absolute;z-index:9;top:0;left:0;right:0;bottom:0;margin:0;opacity:0.4;background:#000000;transition:0.5s;}
.fadebox p{font-size:1.5em;font-weight:700;line-height:1.0em;opacity:1;transition:0.5s;color:#fff}
footer{clear:both;width:100%;;margin:0px auto 0;}
footer .holder{width:94%;margin:0 3% 1% 3%;background:none;}
footer .title{margin:0px 0 10px;font-size:1.2em;}
footer p{font-size:1.1em;line-height:1.2em;margin:0px 0 0px;text-align:left}
#basefooter{width:100%;padding:6px 0}
#basefooter .holder a{}
.maintextbox, .sidebar{clear:left;float:left;width:100%;margin:3% 0% 3%;height:auto;color:#333;text-align:left;padding:0 0%}
.maintextbox h2, .mainholder h2{text-align:left;}
.sidebar h2{margin:0% 0% 10px}
.maintextbox a:hover, .mainholder a:hover, .sidebar a:hover{}
.mainholder{clear:left;float:left;height:auto;color:#333;text-align:left;padding:30px 3% 20px 3% !important}
#carousel2{font-size:1.6vw;clear:both;margin:64px 0 10px 0 !important;height:auto !important;}
#carousel2 .overlay{z-index:10;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.50);}
#carousel2 .slide {height:auto !important;}
#carousel2 .slide .title{float:left;width:80%;color:#ffffff;font-weight:700;font-size:2.5em;text-align:center;line-height:93%;letter-spacing:0px;margin:55px 10% 55px;}
#carousel2 .slide .title2{float:left;width:80%;color:#ffffff;font-weight:700;font-size:3.6em;text-align:center;line-height:93%;letter-spacing:-2px;margin:55px 10% 0;}
#carousel2 .slide .strapline{clear:both;float:left;width:80%;color:#eee;font-weight:400;font-size:3.2vw;text-align:center;letter-spacing:-1px;line-height:120%;margin:20px 10% 0;}
.flexslider{margin-top:64px !important;}
#carousel2{margin-top:64px !important;}
.flexslider .slides li{position:relative;height:280px;background-size:cover;background-position:center center;overflow:hidden;}
.flexslider .slides li .holder a{width:40%}
.flexslider .slides li .holder .title{width:94%;margin:55px 3% 0;font-size: 2.5em;}
.flexslider .slides li .holder .strapline { float: left; width: 90%; font-size: 1.7em; margin: 1% 5% 0;}
.buffer{padding-top:0px;}
.col2{float:left;width:18.4%;margin-right:2%;height:auto;box-sizing:border-box; background:#cccccc; padding-bottom:15%; margin-top:-11%; position: relative; z-index: 9; }
.col2:nth-of-type(5n){margin-right:0%;}
.col2:nth-of-type(1) { background:#F3C849 url(images/servicing-overlay.png) no-repeat bottom right;}
.col2:nth-of-type(2) { background:#47ACDB url(images/mot-overlay.png) no-repeat bottom right;}
.col2:nth-of-type(3) { background:#8DCE55 url(images/repairs-overlay.png) no-repeat bottom right;}
.col2:nth-of-type(4) { background:#AA8CC5 url(images/brakes-overlay.png) no-repeat bottom right;}
.col2:nth-of-type(5) { background:#EC9495 url(images/tyres-overlay.png) no-repeat bottom right;}
.col2:nth-of-type(6) { background:#8FB6F7 url(images/aircon.png) no-repeat bottom right;}
.col2 .title {margin:10%;font-size:1.3em; color:#ffffff; font-weight:bold; text-transform: uppercase; text-align:left;}
.col2:hover{margin-top:-11%;padding-bottom:15%; }
.bgimgholder{clear:both; padding:6% 0 6%; }
}
@media only screen
and (min-width:0px)
and (max-width:690px){
#twocol{float:left;width:100%;}
.fbfeed{float:right;width:100%;margin-top:1.8%;}
.flexslider .slides li{height:240px;position:relative;padding:3% 0 0%;background-size:cover;}
.flexslider .slides li .holder .title{width:100%; font-size:1.88em; margin: 60px 0% 0;}
.flexslider .slides li .holder a{width:60%}
.phonetext span{display:none;}
.phone-contact-h{float:left;color:#777 !important;margin:4px 15px 0 15px;}
.emailtext span{display:none;}
.email-contact-h{float:right;color:#777 !important;margin:0px 65px 0 15px;}
.col{float:left;width:49%;margin-right:2%;height:auto;box-sizing:border-box;}
.col:nth-of-type(odd){margin-right:2%;}
.col:nth-of-type(even){margin-right:0%;}
.col img{width:100%;}
.col .icon{height:130px;}
.fancybox .col{float:left;width:49%;margin-right:2%;box-sizing:border-box;}
.fancybox:nth-of-type(odd) .col{margin-right:2%;}
.fancybox:nth-of-type(even) .col{margin-right:0%;}
.whyusholder{margin-top:20px;padding:3%;box-sizing:border-box;}
.whyusholder .col{float:left;width:100%;margin:0% 0 6% !important;}
.half{float:left;width:49%;margin-right:2%;height:auto;}
.half:nth-of-type(2n){margin-right:0%;}
.filled{display:block;margin-top:20px;margin-bottom:0px;height:240px;box-sizing:border-box;}
.half2{float:right;width:49%;margin-left:0%;}
.fadebox{position:absolute;z-index:9;top:0;left:0;right:0;bottom:0;margin:0;opacity:0.4;background:#000000;transition:0.5s;}
.fadebox p{padding:10px 25px;box-sizing:border-box;font-size:1.45em;line-height:1.3em;opacity:0.8;transition:0.5s;color:#fff}
footer .holder{width:94%;margin:0 3% 1% 3%;background:none;}
footer .thanks{float:left;width:100%;font-size:1.0em;font-weight:600;letter-spacing:-1px;margin:12px 0 3% 0%;}
footer .thanks .title{margin-bottom:10px;}
footer .thanks img{width:100%;margin-top:-10px;}
footer .info{float:right;width:100%;text-align:center;color:#333;font-size:0.9em;line-height:1.2em;margin:0px 0 20px;}
footer .holder .col{width:100%;text-align:center;margin:0px 0 10px}
footer p{line-height:1.2em;margin:0px 0 0px;text-align:center}
footer .holder .col:nth-of-type(3){width:50%;margin:0 25%;}
#basefooter .holder{font-size:1em;}
#basefooter .holder div{width:100% !important;float:left;text-align:center;font-weight:300;}
#basefooter .holder div a{font-weight:300;text-align:center}
#basefooter .holder div:last-of-type{width:100%;float:right;text-align:center}
.colt1a{clear:both;float:left;width:100%;margin-right:0%;margin-top:20px;margin-bottom:0px;height:0;box-sizing:border-box;background-size:cover;padding-bottom:50%;}
.colt2a{float:left;width:100%;margin-right:0%;padding-top:0px;height:auto;margin-bottom:20px;box-sizing:border-box;}
.colt1b{float:right;width:100%;margin-right:0%;padding-top:0px;height:auto;margin-bottom:20px;box-sizing:border-box;}
.colt2b{float:left;width:100%;margin-right:0%;margin-top:0px;margin-bottom:0px;height:0;box-sizing:border-box;background-size:cover;padding-bottom:38%;}
#cform .lt{float:left;width:100%;}
#cform .rt{float:right;width:100%;}
.gallery2thumb, .gallery2thumb2{position:relative;width:47.5%;float:left;height:230px;margin:30px 0 60px;background-size:cover;background-position:center center;}
.gallery2thumb div, .gallery2thumb2 div{position:absolute;bottom:-48px;width:100%;float:left;padding:0 3%;height:48px;background:#333333;box-sizing:border-box;color:#000000;font-size:1.2em;line-height:2.4em;font-weight:600;}
.gallery2thumb2{float:right;margin:30px 0 0;}
#reqformholder{width:94%;padding:0 3%;text-align:center}
#reqformholder fieldset{width:94%;margin:3%;text-align:center;padding:0;}
.box11{width:100%;}
.box12{width:100%;}
.col2{float:left;width:100%;margin-right:0%;margin-top:2%;height:auto;box-sizing:border-box; background-size:contain !important; padding:2%; position: relative; z-index: 9; }
.col2 .title {margin:0%;font-size:1.3em; color:#ffffff; font-weight:bold; text-transform: uppercase; text-align:left;}
.col2:hover{margin-top:2%;padding:2%; }
}
@media only screen
and (min-width:0px)
and (max-width:480px){.phonetext{display:none;}
.emailtext{display:none;}
.col{float:left;width:100%;margin-right:0%;height:auto;box-sizing:border-box;}
.col:nth-of-type(odd){margin-right:0%;}
.col:nth-of-type(even){margin-right:0%;}
.col img{width:100%;}
.fancybox .col{float:left;width:100%;margin-right:0%;box-sizing:border-box;}
.fancybox:nth-of-type(odd) .col{margin-right:0%;}
.fancybox:nth-of-type(even) .col{margin-right:0%;}
.whyusholder .col{float:left;width:100%;margin-right:0%;}
.whyusholder a:nth-of-type(4n) .col{margin-right:auto;}
.whyusholder a:nth-of-type(2n) .col{margin-right:0;}
#twocol .col{float:left;width:100%;margin-right:0%;height:auto;box-sizing:border-box;}
.col .icon{height:180px;}
.half{float:left;width:100%;margin-right:0%;height:auto;}
.half:nth-of-type(2n){margin-right:0%;}
.filled{display:block;margin-top:20px;margin-bottom:0px;height:200px;box-sizing:border-box;}
.fadebox{position:absolute;z-index:9;top:0;left:0;right:0;bottom:0;margin:0;opacity:0.5;background:#000000;transition:0.5s;}
.half2 .listing .ncontent{float:left;width:100%}
.half2 .listing img{width:100%;float:left;margin:5% 0;}
#carousel2 .slide .title{font-size:7vw;}
#carousel2 .slide .strapline{font-size:6vw;}
#reqformholder .box1{float:left;clear:left;text-align:left;width:94%;margin:0 3% 3%}
#reqformholder .box2{float:left;clear:left;text-align:left;width:94%;margin:0 3% 3%}
footer .holder .col:nth-of-type(3){width:80%;margin:0 10%;}
.flexslider .slides li .holder .title{margin: 40px 0% 10px; font-size:1.9em;}
.flexslider .slides li .holder .strapline{font-size:1.6em;}
}
.showf{display:none;}