@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap');

* { padding: 0 0; margin: 0 0; }
body { background: #fff; color: #222; font-family: 'Poppins', sans-serif; font-size: 1rem; font-weight: 400; }

a { color: inherit; -o-transition: 0.2s linear; -ms-transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
:focus { outline: none; }

.white, .grey, .dark { width: 100%; float: left; padding: 5rem 0; }
.grey { background: #f4f4f4; }
.dark { color: #fff; background: #222; }
.banner-background-one { width: 100%; float: left; padding: 0 0; background: url('../images/wheelAlignmentNew.jpg') center center; background-size: 100% auto; color: #fff; }
.banner-background-one .big-fill { width: 100%; height: 100%; float: left; background: rgba(0,0,0,0.5); padding: 37.5% 0 5rem; }

.wrapper { max-width: 1215px; margin: 0 auto; text-align: center; }
.hold { width: 100%; float: left; text-align: left; }

.top { width: 100%; float: left; position: fixed; top: 0; left: 0; color: #fff; padding: 1.5% 0; z-index: 9999 !important; -o-transition: 0.2s linear; -ms-transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.top .logo { width: 25%; float: left; margin-right: 12.5%; position: relative; top: 1.75rem; -o-transition: 0.2s linear; -ms-transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.top .logo img.logoimg { max-width: 13.75rem; -o-transition: 0.2s linear; -ms-transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.top .euro-repar { width: 25%; float: left; text-align: center; margin-right: 12.5%; }
.top .euro-repar img.reparimg { max-width: 5.5rem; -o-transition: 0.2s linear; -ms-transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.top .menu { width: 25%; float: left; text-align: right; font-size: 1.1rem; font-weight: 500; text-transform: uppercase; font-size: 0.875rem; position: relative; top: 2rem; letter-spacing: 0.1rem; -o-transition: 0.2s linear; -ms-transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.top .menu img { position: relative; top: 0.25rem; margin-left: 0.4rem; }
.top .menu a { cursor: pointer; }

#menu { width: 100%; height: 100%; float: left; position: fixed; top: 0; left: 0; background: #000; display: none; z-index: 9998 !important; color: #fff; overflow: scroll; }
#menu .the-menu { width: 100%; float: left; margin-top: 10rem; }
#menu .the-menu .itm { width: 30%; float: left; margin-right: 5%; }
#menu .the-menu .end { margin-right: 0; }
#menu .the-menu .itm ul { list-style: none; width: 100%; float: left; }
#menu .the-menu .itm li { width: 90%; float: left; padding: 1.25rem 5%; color: #000; background: #fff; margin-bottom: 1rem; text-transform: uppercase; font-weight: 500; font-size: 1.25rem; text-align: center; border-radius: 0.3rem; -o-transition: 0.2s linear; -ms-transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
#menu .the-menu .itm li:hover { background: #F74B01; color: #fff; }

.banner { width: 100%; float: left; background: url('../images/homeNew.jpg') center center no-repeat; background-size: 100% auto; }
.banner .fill { width: 100%; height: 100%; float: left; background: rgba(0,0,0,0.65); padding: 15.5% 0 10%; }
.banner .fill .middle { width: 100%; float: left; text-align: center; color: #fff; }
.banner .fill .middle a { color: #fff; font-size: 1.25rem; text-decoration: none; border-radius: 0.5rem; border: 2px solid #fff; padding: 1rem 2rem; }
.banner .fill .middle a:hover { background: #fff; color: #F74B01; }
.banner .fill .middle .left { width: 47.5%; float: left; margin-right: 5%; text-align: right; }
.banner .fill .middle .right { width: 47.5%; float: left; text-align: left; }
.banner .fill .middle .right a { border: 2px solid #F74B01; background: #F74B01; color: #fff; }
.banner .fill .middle .right a:hover { border: 2px solid #fff; background: #fff; color: #F74B01; }

.approval { width: 100%; float: left; background: #F74B01; padding: 0.5rem 0; color: #fff; margin-bottom: 3rem; }
.approval .itm { width: 25%; float: left; text-align: center; }
.approval .itm .material-icons { position: relative; top: 0.2rem; margin-right: 0.25rem; }
.approval .itm .txt { position: relative; top: -0.2rem; }

.title { width: 100%; float: left; margin-bottom: 4rem; }
.title h1 { width: 100%; float: left; text-align: center; font-size: 4.688rem; font-weight: 600; margin-bottom: 1rem; }
.title p { width: 80%; margin: 0 10%; float: left; text-align: center; font-size: 1.313rem; font-weight: 400; line-height: 2.3rem; }
.title p a { color: inherit; }
.title p a:hover { color: #F74B01; }

.get-booking { width: 100%; float: left; color: #fff; margin-bottom: 5rem; }
.get-booking .service-mot { width: 50%; float: left; background: url('../images/mot-service.jpg') center center; background-size: auto 106%; -o-transition: 1.2s linear; -ms-transition: 1.2s linear; -moz-transition: 1.2s linear; -webkit-transition: 1.2s linear; transition: 1.2s linear; }
.get-booking .mot { width: 50%; float: left; background: url('../images/motNew.jpg') center center; background-size: cover; -o-transition: 1.2s linear; -ms-transition: 1.2s linear; -moz-transition: 1.2s linear; -webkit-transition: 1.2s linear; transition: 1.2s linear; }
.get-booking .service-mot:hover, .get-booking .mot:hover { background-size: auto 120%; }
.get-booking .fill { width: 84%; height: 84%; float: left; background: rgba(40,40,40,0.65); padding: 8% 8% 10%; -o-transition: 0.2s linear; -ms-transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.get-booking .service-mot:hover .fill, .get-booking .mot:hover .fill { background: rgba(0,0,0,0.3); }
.get-booking .fill h1 { width: 100%; float: left; font-size: 2.5rem; font-weight: 500; line-height: 3.5rem; margin-bottom: 1rem; color: #fff; }
.get-booking .fill p { width: 100%; float: left; font-size: 1.25rem; font-weight: 500; margin-bottom: 1rem; color: #fff; }
.get-booking .price { width: 100%; float: left; }
.get-booking .price h5 { font-size: 1.25rem; font-weight: 600; color: #fff; opacity: .7; text-transform: uppercase; margin-bottom: 0.4rem; }
.get-booking .price .left { width: auto; float: left; }
.get-booking .price .right { width: auto; float: left; }
.get-booking .price h2 { font-size: 5.5rem; font-weight: 500; margin-right: 0.5rem; line-height: 4rem; color: #fff; }
.get-booking .price h3 { font-size: 3.25rem; font-weight: 500; position: relative; top: 0rem; line-height: 2rem; color: #fff; }
.get-booking .price h4 { font-size: 1.25rem; opacity: .7; font-weight: 600; position: relative; top: 0.5rem; color: #fff; }

.gov { width: 100%; float: left; margin-top: 3rem; }
.gov h3 { font-size: 2.5rem; font-weight: 500; line-height: 3rem; text-align: center; }
.gov .tax-check { width: 47.5%; float: left; margin-right: 5%; }
.gov .mot-check { width: 47.5%; float: left; }
.gov a { color: #333; text-decoration: none; }
.gov a:hover { color: #777; }
.gov h3 .orange { color: #F74B01; text-decoration: underline; }

.tyres { width: 100%; float: left; text-align: center; }
.tyres h1 { font-size: 2.188rem; font-weight: 600; margin-bottom: 0.75rem; }
.tyres h2 { font-size: 1.5rem; font-weight: 500; color: #777; margin-bottom: 4.688rem; }
.tyres .itm { width: 24%; float: left; margin-right: 5%; background: #fff; padding: 3%; border-radius: 0.3rem; box-shadow: 0px 10px 15px rgba(0,0,0,0.3); -o-transition: 0.2s linear; -ms-transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.tyres .itm:hover { color: #fff; background: #F74B01; transform: scale(0.97); }
.tyres .itm h3 { font-size: 1.4rem; font-weight: 600; margin-bottom: 1rem; text-transform: uppercase; }
.tyres .itm img { width: 100%; float: left; border-radius: 10%; -o-transition: 0.5s linear; -ms-transition: 0.5s linear; -moz-transition: 0.5s linear; -webkit-transition: 0.5s linear; transition: 0.5s linear; }
.tyres .itm:hover img { border-radius: 50%; }
.tyres .itm .icon { width: 100%; float: left; margin-bottom: 1.25rem; margin-top: 1rem; font-size: 1.2rem; font-weight: 500; }
.tyres .itm .icon .material-icons { color: #F74B01; font-size: 1.7rem; position: relative; top: 0.45rem; margin-right: 0.2rem; -o-transition: 0.2s linear; -ms-transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.tyres .itm:hover .icon .material-icons { color: #fff; opacity: 0.7; }
.tyres .itm .icon .sec { width: 30%; float: left; margin-right: 5%; }
.tyres .itm .icon .first { text-align: left; }
.tyres .itm .icon .last { margin-right: 0; text-align: right; }
.tyres .itm h4 { font-size: 1rem; text-transform: uppercase; color: #999; margin-bottom: 0.5rem; -o-transition: 0.2s linear; -ms-transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.tyres .itm:hover h4 { color: #fff; opacity: 0.7; }
.tyres .itm h5 { font-size: 3.5rem; line-height: 3.5rem; font-weight: 400; margin-bottom: 1rem; }
.tyres .itm .tyre-logo { width: 60%; float: left; margin: 0 20%; }
.tyres .itm .tyre-logo img { border-radius: 0.3rem; }
.tyres .end { margin-right: 0; }
.tyres .link { width: 100%; float: left; margin: 6.5rem 0 1.25rem; }
.tyres .link a { padding: 1.25rem 2.75rem; border-radius: 0.5rem; border: 1px solid #F74B01; color: #F74B01; background: transparent; font-size: 1.125rem; text-decoration: none; }
.tyres .link a:hover { background: #F74B01; color: #fff; }
.tyres .tyre-long { width: 100%; float: left; margin-bottom: 3rem; }
.tyres .no-bot { margin-bottom: 0; }

.rescue { width: 100%; float: left; text-align: center; }
.rescue h1 { font-size: 2.188rem; font-weight: 600; margin-bottom: 4.688rem; }
.rescue .itm { width: 21.25%; float: left; margin-right: 5%; }
.rescue .end { margin-right: 0; }
.rescue .itm img { max-width: 9.375rem; margin-bottom: 1rem; height: 95px; }
.rescue .itm h2 { font-size: 1.313rem; font-weight: 500; margin-bottom: 1rem; }
.rescue .itm p { font-size: 1.063rem; font-weight: 400; line-height: 1.75rem; color: #777; }
.rescue .link { width: 100%; float: left; margin-top: 6.5rem; margin-bottom: 1.25rem; }
.rescue .link a { padding: 1.25rem 2.75rem; border-radius: 0.5rem; border: 1px solid #F74B01; color: #F74B01; background: transparent; font-size: 1.125rem; text-decoration: none; }
.rescue .link a:hover { background: #F74B01; color: #fff; }

.alignment { width: 100%; float: left; }
.alignment .left { width: 70%; float: left; margin-right: 10%; }
.alignment .left h1 { font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem; }
.alignment .left h2 { font-size: 2.813rem; font-weight: 600; line-height: 3.875rem; margin-bottom: 1.25rem;  }
.alignment .left .line { width: 7.5%; float: left; margin-right: 92.5%; height: 2px; background: #fff; margin-bottom: 1.25rem; opacity: 0.5; }
.alignment .left p { font-size: 1.125rem; font-weight: 600; }
.alignment .left p a { text-decoration: none; }
.alignment .left p a:hover { color: #F74B01; }
.alignment .right { width: 20%; float: left; text-align: center; padding-top: 12.3%; }
.alignment .right h3 { font-size: 1.375rem; font-weight: 500; text-transform: uppercase; margin-bottom: 0rem; }
.alignment .right h4 { font-size: 2.813rem; font-weight: 700; margin-top: -0.5rem; }

.information { width: 100%; float: left; }
.information h1, .information h2 { font-size: 3.438rem; font-weight: 600; line-height: 4.2rem; color: #aaa; }
.information h1 { margin-bottom: 3rem; color: #222; }
.information .left { width: 47.5%; float: left; margin-right: 5%; }
.information .left .about { width: 100%; float: left; margin-bottom: 3rem; background: #fff; overflow: hidden; border-radius: 0.5rem; box-shadow: 0px 10px 15px rgba(0,0,0,0.3); -o-transition: 0.2s linear; -ms-transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.information .left .about:hover { transform: scale(1.03); box-shadow: 0px 15px 25px rgba(0,0,0,0.5); }
.information .left .about .img { width: 100%; float: left; padding: 30.2% 0; background: url('../images/aboutNew.jpg') center center; background-size: cover; }
.information .left .about .txt { width: 90%; float: left; background: #fff; padding: 5%; }
.information .left .testimonial { width: 100%; float: left; background: #fff; overflow: hidden; border-radius: 0.5rem; box-shadow: 0px 10px 15px rgba(0,0,0,0.3); -o-transition: 0.2s linear; -ms-transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.information .left .testimonial:hover { transform: scale(1.03); box-shadow: 0px 15px 25px rgba(0,0,0,0.5); }
.information .left .testimonial .img { width: 40%; float: left; padding: 22% 0; background: url('../images/testimonialNew.jpg') top center; background-size: cover; }
.information .left .testimonial .txt { width: 50%; float: left; background: #fff; padding: 6% 5%; }
.information .right { width: 47.5%; float: left; background: #fff; overflow: hidden; border-radius: 0.5rem; box-shadow: 0px 10px 15px rgba(0,0,0,0.3); -o-transition: 0.2s linear; -ms-transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.information .right:hover { transform: scale(1.03); box-shadow: 0px 15px 25px rgba(0,0,0,0.5); }
.information .right .img { width: 100%; float: left; padding: 56.4% 0; background: url('../images/teamNew.jpg') center center; background-size: cover; }
.information .right .txt { width: 90%; float: left; background: #fff; padding: 5%; }
.information .txt h3 { font-size: 1.438rem; margin-bottom: 0.5rem; font-weight: 500; }
.information .txt p { font-size: 1.438rem; margin-bottom: 3rem; font-weight: 400; }
.information .txt .link { font-size: 1rem; color: #666; }

.euro-repar-footer { width: 100%; float: left; text-align: center; margin-bottom: 0; background: #f4f4f4; margin-bottom: -10rem; }
.euro-repar-footer img { max-width: 7.5rem; background: #222; padding: 3% 5%; border-radius: 50%; border-bottom-right-radius: 0%; border-bottom-left-radius: 0%; position: relative; }
.footer { width: 100%; float: left; margin-bottom: 4rem; padding-bottom: 4rem; border-bottom: 1px solid rgba(255,255,255,0.3); padding-top: 5rem; }
.footer .left { width: 20%; float: left; margin-right: 7.5%; }
.footer .right { width: 72.5%; float: left; }
.footer .right .email { width: 100%; float: left; margin-bottom: 2rem; font-size: 1.375rem; font-weight: 600; margin-top: 0.25rem; }
.footer .right .list { width: 100%; float: left; }
.footer .right .list .itm { width: 30%; float: left; margin-right: 5%; }
.footer .right .list .end { margin-right: 0; }
.footer .right .list .itm h6 { font-size: 1.25rem; font-weight: 500; margin-bottom: 0.75rem; }
.footer .right .list .itm p { line-height: 2rem; }
.footer .right .list .itm p a { text-decoration: none; }
.footer .right .list .itm p a:hover { text-decoration: underline; }
.copy { width: 100%; float: left; opacity: 0.7; font-size: 0.9rem; } 

.tyre-banner { width: 100%; float: left; background: url('../images/tyre-banner.jpg') center center; background-size: 100% auto; }
.mot-banner { width: 100%; float: left; background: url('../images/motNew.jpg') center center; background-size: 100% auto; }
.service-banner { width: 100%; float: left; background: url('../images/mot-service.jpg') center center; background-size: 100% auto; }
.wheel-banner { width: 100%; float: left; background: url('../images/wheelAlignmentNew.jpg') center center; background-size: 100% auto; }
.air-con-banner { width: 100%; float: left; background: url('../images/air-con-banner.jpg') center center; background-size: 100% auto; }
.about-banner { width: 100%; float: left; background: url('../images/about-banner.jpg') center center; background-size: 100% auto; }
.about-banner-two { width: 100%; float: left; background: url('../images/aboutHeaderNew.jpg') center center; background-size: 100% auto; }
.windscreen-banner { width: 100%; float: left; background: url('../images/windscreen-banner.jpg') center center; background-size: 100% auto; }
.fleet-banner { width: 100%; float: left; background: url('../images/fleet-banner.jpg') center center; background-size: 100% auto; }
.faq-banner { width: 100%; float: left; background: url('../images/faq-banner.jpg') center center; background-size: 100% auto; }
.testimonial-banner { width: 100%; float: left; background: url('../images/testimonial-banner.jpg') center center; background-size: 100% auto; }
.contact-banner { width: 100%; float: left; background: url('../images/contact-banner.jpg') center center; background-size: 100% auto; }
.tyre-banner .fill, .mot-banner .fill, .service-banner .fill, .wheel-banner .fill, .air-con-banner .fill, .about-banner .fill, .windscreen-banner .fill, .about-banner-two .fill, .fleet-banner .fill, .faq-banner .fill, .testimonial-banner .fill, .contact-banner .fill { width: 100%; height: 100%; float: left; padding: 15% 0; background: rgba(0,0,0,0.5); }

.book-mot { width: 100%; float: left; }
.book-mot h1 { font-size: 2rem; font-weight: 600; margin-bottom: 2rem; }
.book-mot input { width: calc(90% - 2px); float: left; border: 1px solid #ccc; font-family: 'Poppins', sans-serif; font-size: 1rem; padding: 1rem 5%; border-radius: 0.3rem; -o-transition: 0.2s linear; -ms-transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.book-mot input:focus { outline: none; border: 1px solid #F74B01; }
.book-mot input.submit { width: calc(100% - 2px); float: left; margin-right: 0; border: 1px solid #F74B01; background: #F74B01; color: #fff; cursor: pointer; }
.book-mot input.submit:hover { border: 1px solid #F74B01; background: #fff; color: #F74B01; } 
.book-mot label { width: 100%; float: left; font-size: 0.8rem; margin-bottom: 0.5rem; font-weight: 600; color: #888; text-transform: uppercase; }
.book-mot label.sub { width: 100%; margin-right: 0; }
.book-mot select { width: calc(100% - 2px); float: left; border: 1px solid #ccc; }
.book-mot .inputs { width: 20%; float: left; margin-right: 2%; }
.book-mot .send { width: 12%; float: left; }

.mot-txt { width: 100%; float: left; }
.mot-txt h2 { font-size: 2rem; font-weight: 600; margin-bottom: 2rem; }
.mot-txt p { font-size: 1.1rem; line-height: 2rem; margin-bottom: 1.2rem; color: #333; }
.mot-txt h3 { font-size: 2.5rem; font-weight: 500; line-height: 3rem; text-align: center; margin-top: 4rem; }
.mot-txt a { color: #333; text-decoration: none; }
.mot-txt a:hover { color: #777; }
.mot-txt h3 .orange { color: #F74B01; text-decoration: underline; }
.mot-txt ul { margin-left: 2.5rem; }

.car-servicing { width: 100%; float: left; }
.car-servicing .itm { width: 100%; float: left; }
.car-servicing .itm .txt { width: 47.5%; float: left; margin-right: 5%; }
.car-servicing .itm .right { margin-left: 5%; float: right; margin-right: 0; }
.car-servicing .itm .txt h1 { font-size: 2rem; font-weight: 600; margin-bottom: 1.4rem; }
.car-servicing .itm .txt p { font-size: 1.1rem; line-height: 2rem; color: #555; margin-bottom: 1rem; }
.car-servicing .itm .img { width: 47.5%; float: left; }

.service-options { width: 100%; float: left; }
.service-options h2 { font-size: 1.75rem; font-weight: 600; margin-bottom: 2.5rem; text-align: center; }
.service-options .service-hold { width: 100%; float: left; }
.service-options .service-hold .itm { width: 24%; float: left; margin-right: 5%; margin-bottom: 2rem; background: #f4f4f4; padding: 3%; border-radius: 0.5rem; box-shadow: 0px 10px 15px rgba(0,0,0,0.2); }
.service-options .service-hold .end { margin-right: 0; }
.service-options .service-hold .itm h1 { font-size: 1.2rem; font-weight: 600; text-transform: uppercase; text-align: center; margin-bottom: 2rem; }
.service-options .service-hold .itm .options { width: 100%; float: left; }
.service-options .service-hold .itm .options .left { width: 62.5%; margin-right: 5%; float: left; }
.service-options .service-hold .itm .options .right { width: 32.5%; float: left; }
.service-options .service-hold .itm .options ul { list-style: none; width: 100%; float: left; }
.service-options .service-hold .itm .options li { width: 100%; float: left; margin-bottom: 1rem; border-bottom: 1px solid #ccc; padding-bottom: 1rem; }
.service-options .service-hold .itm .options .left li { font-weight: 600; color: #777; }
.service-options .link { width: 100%; float: left; margin-top: 6.5rem; margin-bottom: 1.25rem; text-align: center; }
.service-options .link a { padding: 1.25rem 2.75rem; border-radius: 0.5rem; border: 1px solid #F74B01; color: #F74B01; background: transparent; font-size: 1.125rem; text-decoration: none; }
.service-options .link a:hover { background: #F74B01; color: #fff; }

.service-booking { width: 100%; float: left; }
.service-booking h1 { font-size: 2rem; font-weight: 600; margin-bottom: 2rem; }
.service-booking .input-group { width: 47.5%; float: left; margin-right: 5%; }
.service-booking .input-group:nth-of-type(2n) { margin-right: 0%; }
.service-booking .end { margin-right: 0; }
.service-booking .input-group label { width: 100%; float: left; font-size: 0.8rem; margin-bottom: 0.5rem; font-weight: 600; color: #888; text-transform: uppercase; }
.service-booking .input-group input, .service-booking .input-group select { width: calc(95% - 2px); float: left; padding: 1rem 2.5%; border-radius: 0.2rem; border: 1px solid #fff; background: #f4f4f4; font-size: 1.1rem; font-family: 'Poppins', sans-serif; margin-bottom: 2rem; -o-transition: 0.2s linear; -ms-transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.service-booking .input-group input:focus, .service-booking .input-group select:focus { border: 1px solid #F74B01; }
.service-booking .input-group select { width: calc(100% - 2px); height: 60px; }
.service-booking .input-group input.submit { width: calc(100% - 2px); background: #F74B01; border: 1px solid #F74B01; color: #fff; cursor: pointer; }
.service-booking .input-group input.submit:hover { background: #fff; border: 1px solid #fff; color: #F74B01; cursor: pointer; }
.service-booking .g-recaptcha { width:47.5%; float:left; margin-bottom:2rem; }
.service-booking p.status-msg { width:100%; float:left; padding:1rem; box-sizing:border-box; background:#222; box-shadow:2px 2px 5px rgba(200, 200, 200, .2); border-radius:.5rem; margin-bottom:2rem; }
.service-booking .submit { width: 100%; float: left; padding: 1rem 3rem; background: #F74B01; border: 1px solid #F74B01; color: #fff; cursor: pointer; }
.service-booking .submit:hover { background: #222; color: #F74B01; }

.autocare-team { width: 100%; float: left; }
.autocare-team h1 { font-size: 2.188rem; font-weight: 600; margin-bottom: 0.75rem; margin-bottom: 4.688rem; text-align: center; }
.autocare-team .length { width: 100%; float: left; }
.autocare-team .length .itm { width: 24%; float: left; margin-right: 5%; margin-bottom: 2rem; background: #fff; border-radius: 0.5rem; padding: 3%; text-align: center; }
.autocare-team .length .end { margin-right: 0; }
.autocare-team .length .itm img { width: 100%; float: left; margin-bottom: 1.2rem; }
.autocare-team .length .itm h2 { font-size: 1.6rem; font-weight: 600; margin-bottom: 0.25rem; }
.autocare-team .length .itm h3 { font-size: 1.25rem; font-weight: 500; color: #999; margin-bottom: 1.2rem; }
.autocare-team .length .itm p { font-size: 1.1rem; line-height: 2rem; color: #777; }

.about-img { width: 100%; float: left; margin: 2rem 0 3rem; }
.about-img .img { width: 21.25%; float: left; margin-right: 5%; }
.about-img .end { margin-right: 0; }
.about-img .img img { width: 100%; float: left; border-radius: 0.3rem; }

.faqs { width: 100%; float: left; }
.faqs h1 { font-size: 2.188rem; font-weight: 600; margin-bottom: 0.75rem; margin-bottom: 4.688rem; text-align: center; }
.faqs .faq { width: 100%; float: left; margin-bottom: 2.5rem; padding-bottom: 2.5rem; border-bottom: 1px solid #ccc; }
.faqs .faq:last-of-type { border-bottom: 0px solid transparent; }
.faqs .faq h2 { font-size: 1.5rem; font-weight: 500; margin-bottom: 1rem; }
.faqs .faq p { font-size: 1.1rem; color: #555; line-height: 2rem; margin-bottom: 1rem; }
.faqs .faq p:last-child { margin-bottom: 0; }

.the-testimonials { width: 100%; float: left; }
.the-testimonials h1 { font-size: 2.188rem; font-weight: 600; margin-bottom: 0.75rem; margin-bottom: 4.688rem; text-align: center; }
.the-testimonials .left { width: 48.5%; float: left; margin-right: 3%; }
.the-testimonials .right { width: 48.5%; float: left; }
.the-testimonials .testimonial { width: 90%; float: left; background: #fff; border-radius: 0.3rem; padding: 5%; margin-bottom: 2rem; }
.the-testimonials .testimonial h3 { font-size: 4rem; line-height: 4rem; font-weight: 600; margin-bottom: 0rem; color: #F74B01; }
.the-testimonials .testimonial p { font-size: 1.1rem; color: #555; line-height: 2rem; margin-bottom: 1rem; margin-top: -2rem; }
.the-testimonials .testimonial h2 { font-size: 1.5rem; font-weight: 500; }

.contact { width: 100%; float: left; }
.contact h1 { font-size: 2.188rem; font-weight: 600; margin-bottom: 0.75rem; margin-bottom: 4.688rem; text-align: center; }
.contact h2 { font-size: 1.4rem; font-weight: 500; margin-bottom: 1.75rem; }
.contact p { font-size: 1.1rem; color: #555; line-height: 2rem; }
.contact .form { width: 47.5%; float: left; margin-right: 5%; }
.contact .form label { width: 100%; float: left; font-size: 0.8rem; margin-bottom: 0.5rem; font-weight: 600; color: #888; text-transform: uppercase; }
.contact .form input, .contact .form textarea { width: calc(95% - 2px); float: left; padding: 1rem 2.5%; border-radius: 0.2rem; border: 1px solid #ccc; background: #fff; font-size: 1.1rem; font-family: 'Poppins', sans-serif; margin-bottom: 2rem; -o-transition: 0.2s linear; -ms-transition: 0.2s linear; -moz-transition: 0.2s linear; -webkit-transition: 0.2s linear; transition: 0.2s linear; }
.contact .form input:focus, .contact .form textarea:focus { border: 1px solid #F74B01; }
.contact .form textarea { min-height: 300px; }
.contact .form .submit { width: auto; float: left; padding: 1rem 3rem; background: #F74B01; border: 1px solid #F74B01; color: #fff; cursor: pointer; }
.contact .form .submit:hover { background: #fff; color: #F74B01; }
.contact .info { width: 47.5%; float: left; }
.contact .info iframe { width: 100%; float: left; height: 400px; border-radius: 0.5rem; border: 0px solid transparent; margin-bottom: 2rem; }
.contact .info p { margin-bottom: 1rem; }
.contact .g-recaptcha { width:100%; float:left; margin-bottom:2rem; }
.contact p.status-msg { width:100%; float:left; padding:1rem; box-sizing:border-box; background:#fff; box-shadow:2px 2px 5px rgba(0, 0, 0, .2); border-radius:.5rem; margin-bottom:2rem; }

[data-aos="go-right"] {
  opacity: 0; transform: translateX(-15%); -webkit-transform: translateX(-15%); transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform;
}
[data-aos="go-right"].aos-animate {
  opacity: 1; transform: translateX(0%); -webkit-transform: translateX(0%);
}

[data-aos="go-left"] {
  opacity: 0; transform: translateX(15%); -webkit-transform: translateX(15%); transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform;
}
[data-aos="go-left"].aos-animate {
  opacity: 1; transform: translateX(0%); -webkit-transform: translateX(0%);
}

[data-aos="go-up"] {
  opacity: 0; transform: translateY(15%); -webkit-transform: translateY(15%); transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform;
}
[data-aos="go-up"].aos-animate {
  opacity: 1; transform: translateY(0%); -webkit-transform: translateY(0%);
}

[data-aos="go-down"] {
  opacity: 0; transform: translateY(-15%); -webkit-transform: translateY(-15%); transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform;
}
[data-aos="go-down"].aos-animate {
  opacity: 1; transform: translateY(0%); -webkit-transform: translateY(0%);
}


@media only screen and (max-width: 1400px) {
	.wrapper { width: 90%; float: left; margin: 0 5%; }

	.tyres .itm .icon { width: 100%; float: left; margin-bottom: 1.25rem; margin-top: 1rem; font-size: 1.2rem; font-weight: 500; }
	.tyres .itm .icon .material-icons { width: 100%; float: left; margin-bottom: 0.5rem; margin-right: 0; }
	.tyres .itm .icon .sec, .tyres .itm .icon .first, .tyres .itm .icon .last { text-align: center; }
}

@media only screen and (max-width: 1250px) {
	.banner .fill { width: 100%; height: 100%; float: left; background: rgba(0,0,0,0.65); padding: 20% 0 12.5%; }

	.information h1, .information h2 { font-size: 2rem; line-height: 3rem; text-align: center; }
}

@media only screen and (max-width: 1175px) {
	.car-servicing .itm .txt h1 { font-size: 1.6rem; font-weight: 600; margin-bottom: 1rem; }
	.car-servicing .itm .txt p { font-size: 1rem; line-height: 1.66rem; color: #555; margin-bottom: 0.75rem; }
}

@media only screen and (max-width: 1155px) {
	.banner-background-one { width: 100%; float: left; padding: 0 0; background: url('../images/wheel-alignment.jpg'); background-size: auto 100%; color: #fff; }
}

@media only screen and (max-width: 1100px) {
	.gov h3 { font-size: 1.5rem; line-height: 2rem; }
}

@media only screen and (max-width: 1070px) {
	.service-options .service-hold .itm { width: 41.5%; margin-right: 5%; padding: 3%; }
	.service-options .service-hold .end { margin-right: 0%; width: 94%; }
	.service-options .service-hold .second { margin-right: 0; }
}

@media only screen and (max-width: 1025px) {
	.footer .left { width: 100%; float: left; margin-right: 0%; margin-bottom: 2rem; text-align: center; }
	.footer .left img { max-width: 13.5rem; }
	.footer .right { width: 100%; float: left; }
}

@media only screen and (max-width: 1000px) {
	.get-booking .fill h1 { font-size: 2rem; line-height: 2.5rem; }

	.tyres .itm h3 { font-size: 1.1rem; }
	.tyres .itm h5 { font-size: 2.5rem; line-height: 2.5rem; font-weight: 400; margin-bottom: 1rem; }
}

@media only screen and (max-width: 980px) {
	#menu .the-menu { margin-bottom: 5rem; }
	#menu .the-menu .itm { width: 100%; float: left; margin-right: 0%; }

	.car-servicing .itm .txt { width: 100%; float: left; margin-right: 0%; margin-bottom: 2.5rem; }
	.car-servicing .itm .right { margin-left: 0; float: left; }
	.car-servicing .itm .img { width: 100%; float: left; }
}

@media only screen and (max-width: 970px) {
	.approval .itm { width: 50%; float: left; text-align: center; margin-bottom: 0.75rem; font-size: 0.9rem; }
	.approval .bot { margin-bottom: 0; }
	.approval .itm .material-icons { font-size: 1.2rem; }
	.approval .itm .txt { position: relative; top: -0.1rem; }

	.title { margin-bottom: 3rem; }
	.title h1 { font-size: 3rem; }
	.title p { font-size: 1.1rem; line-height: 2rem; width: 100%; margin: 0 0; }
}

@media only screen and (max-width: 960px) {
	.rescue .itm { width: 47.5%; float: left; margin-right: 5%; margin-bottom: 3.5rem; }
	.rescue .second, .rescue .end { margin-right: 0; }
	.rescue .link { width: 100%; float: left; margin-top: 3.5rem; margin-bottom: 1.25rem; }

	.autocare-team .length .itm { width: 94%; margin-right: 0; text-align: left; }
	.autocare-team .length .itm img { width: 35%; float: left; margin-right: 5%; }
}

@media only screen and (max-width: 890px) {
	.book-mot .inputs { width: 47%; float: left; margin: 0 1.5% 1rem; }
	.book-mot .send { width: 30%; float: left; }

	.about-img { width: 100%; float: left; margin: 2rem 0 1rem; }
	.about-img .img { width: 47.5%; float: left; margin-right: 5%; margin-bottom: 2rem; }
	.about-img .end, .about-img .second { margin-right: 0; }

	.contact .form { width: 100%; float: left; margin-right: 0; }
	.contact .info { width: 100%; float: left; }
}

@media only screen and (max-width: 860px) {
	.top .logo, .top .menu { width: 50%; margin-right: 0; margin-bottom: 1.2rem; }
	.top .euro-repar { display: none; }

	#menu .the-menu { width: 100%; float: left; margin-top: 6rem; }
}

@media only screen and (max-width: 830px) {
	.banner .fill { width: 100%; height: 100%; float: left; background: rgba(0,0,0,0.65); padding: 25% 0 17%; }
	.banner .fill .middle { margin-top: 3rem; }
	.banner .fill .middle a { color: #fff; font-size: 1rem; text-decoration: none; border-radius: 0.5rem; border: 2px solid #fff; padding: 1rem 2rem; }
	.banner .fill .middle .left { width: 100%; float: left; margin-right: 5%; text-align: center; margin-bottom: 3.5rem; }
	.banner .fill .middle .right { width: 100%; float: left; text-align: center; }
}

@media only screen and (max-width: 820px) {
	.banner-background-one .big-fill { width: 100%; height: 100%; float: left; background: rgba(0,0,0,0.5) center center; padding: 5rem 0; }
	.alignment .left { width: 100%; float: left; margin-right: 0%; }
	.alignment .right { width: 100%; text-align: left; padding-top: 1.5rem; }
}

@media only screen and (max-width: 810px) {
	.get-booking .service-mot { width: 100%; margin-bottom: 2rem; background-size: 106% auto; }
	.get-booking .mot { width: 100%; background-size: 106% auto; }
	.get-booking .service-mot:hover, .get-booking .mot:hover { background-size: 120% auto; }

	.service-booking .input-group { width: 100%; float: left; margin-right: 0%; }
	.contact .g-recaptcha { width:100%; }
}

@media only screen and (max-width: 780px) {
	.tyres .itm { width: 94%; margin-right: 0; margin-bottom: 2.5rem; }
	.tyres .link { width: 100%; float: left; margin-top: 3.5rem; margin-bottom: 1.25rem; }
	.tyres .tyre-long { width: 100%; float: left; margin-bottom: 0rem; }

	.footer .right { text-align: center; }
	.footer .right .list .itm { width: 100%; float: left; margin-right: 0%; margin-bottom: 2.5rem; }
	.copy { text-align: center; }

	.the-testimonials .left { width: 100%; float: left; margin-right: 0%; }
	.the-testimonials .right { width: 100%; float: left; }
}

@media only screen and (max-width: 700px) {
	.gov .tax-check { width: 100%; float: left; margin-right: 0%; margin-bottom: 2.2rem; }
	.gov .mot-check { width: 100%; float: left; }

	.information .left { width: 100%; float: left; margin-right: 0%; }
	.information .right { width: 100%; }
	.information .left .testimonial { margin-bottom: 3rem; }
	.information .left .testimonial .img { width: 100%; padding: 30% 0; }
	.information .left .testimonial .txt { width: 90%; padding: 5%; }
	.information .left .about .img { padding: 30% 0; }
	.information .right .img { padding: 30% 0; background-size: 100% auto; }

	.service-options .service-hold .itm { width: 94%; margin-right: 0%; padding: 3%; }

	.autocare-team .length .itm { width: 85%; margin-right: 0; text-align: center; padding: 7.5%; }
	.autocare-team .length .itm img { width: 60%; float: left; margin: 0 20%; border-radius: 50%; margin-bottom: 1.5rem; }
}

@media only screen and (max-width: 625px) {
	.banner { background-size: auto 100%; }
}

@media only screen and (max-width: 570px) {
	.get-booking .service-mot { width: 100%; margin-bottom: 2rem; background-size: auto 106%; }
	.get-booking .mot { width: 100%; background-size: auto 106%; }
	.get-booking .service-mot:hover, .get-booking .mot:hover { background-size: auto 120%; }
	.get-booking .fill p { font-size: 1rem; }
	.get-booking .price h5 { font-size: 1rem; font-weight: 600; color: #fff; opacity: .7; text-transform: uppercase; margin-bottom: 0.2rem; }
	.get-booking .price h2 { font-size: 4.3rem; font-weight: 500; margin-right: 0.5rem; line-height: 4rem; color: #fff; }
	.get-booking .price h3 { font-size: 2.5rem; font-weight: 500; position: relative; top: 1rem; line-height:0.9rem; color: #fff; }
	.get-booking .price h4 { font-size: 1rem; opacity: .7; font-weight: 600; position: relative; top: 1.5rem; color: #fff; }
}

@media only screen and (max-width: 500px) {
	.approval .itm { font-size: 0.6rem; }
	.approval .itm .material-icons { font-size: 0.9rem; }
	.approval .itm .txt { position: relative; top: 0rem; }
}

@media only screen and (max-width: 425px) {
	.book-mot .inputs { width: 100%; float: left; margin: 0 0 1rem; }
	.book-mot .send { width: 100%; float: left; }
}