body { line-height: 1.6; font-family: 'Montserrat', sans-serif; }

body .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

body p { font-size: 16px; font-weight: 300; letter-spacing: 1px; }

body a:link, body a:visited { color: #727683; }

body a:hover, body a:active { color: #cecece; text-decoration: none; }

body h1 { font-size: 3em; font-weight: 700; letter-spacing: 1px; }

body h1 small { font-weight: 300; }

body h2 { font-size: 24px; font-weight: 700; }

body div > h3 { font-size: 18px; font-weight: 600; line-height: 25px; }

body h2, body h3 { color: #35373e; letter-spacing: 1.5px; padding-bottom: 10px; }

@media (min-width: 991px) { .col-offset-half { margin-left: 12.499999995%; } }

.navbar-header svg { fill: #fff; width: 25px; height: 25px; }

.mot { display: inline; }

.branchlist { padding: 3px 0 3px 30px; font-weight: 700; font-size: 25px; width: 100%; text-transform: uppercase; border: 1px solid #000; border-radius: 3px; color: #000000; margin-top: 15px; }

.bmg-ibw h2 { color: #fff; text-align: center; font-size: 25px; }

.bmg-ibw h2 b { font-size: 30px; }

.offer-header .bmg-ibw h2 { color: #333333; }

.contactless-message { height: 45px; padding-left: 0px !important; padding-right: 0px !important; background: red; border-bottom: solid #ffffff 2px; border-top: solid #ffffff 2px; cursor: pointer; }

.contactless-message .marquee { width: 100%; line-height: 30px; white-space: nowrap; overflow: hidden; box-sizing: border-box; position: absolute; }

.contactless-message .marquee h3 { display: inline-block; padding-left: 100%; color: #fff; margin-top: 8px; margin-bottom: 0; animation: marquee 30s linear infinite; text-transform: uppercase; }

.contactless-message .marquee #secondmessage { animation-delay: 15s; }

@media (max-width: 991px) { .contactless-message .marquee #secondmessage { display: none; } }

@keyframes marquee { 0% { transform: translate(0, 0); }
  100% { transform: translate(-100%, 0); } }

@media (max-width: 991px) { .collapse { display: block; max-height: 0px; overflow: hidden; transition: max-height 1s cubic-bezier(0, 1, 0, 1); } .collapse:not(.show) { display: none; } .collapse.show { max-height: 99em; transition: max-height 1s ease-in-out; } }

.fixed-bar .bmg-ibw-unknown { color: #fff; }

.bmg-ibw-unknown { cursor: pointer; margin-top: 10px; display: block; color: #337ab7; }

#contact.footer svg { fill: #fff; width: 15px; height: 15px; }

.top-nav .top-left svg { fill: #fff; height: 22px; width: 22px; }

.top-nav .top-right svg { width: 25px; height: 12px; }

.recommend svg.thumbs-up { fill: #3f9543; width: 18px; height: 18px; }

.glyphicon-circle svg { fill: #eee; width: 40px; height: 40px; vertical-align: middle; padding: 7px; }

.overlay-circle { padding: 30px; }

.overlay-circle svg { width: 30px; height: 30px; fill: #eee; }

.carousel-control-next svg, .carousel-control-prev svg { fill: #222; width: 36px; height: 36px; }

.offer-header svg { fill: #3c79da; width: 41px; height: 41px; }

.header-score svg { fill: #ffcc00; width: 15px; height: 15px; }

.carousel-inner svg.star { fill: #ffcc00; width: 30px; height: 30px; }

.cover { width: 100%; height: 100%; border-radius: 0px; cursor: pointer; }

.playbtn { height: 60px; cursor: pointer; opacity: 0.9; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); }

.bg-primary { background: #002635 !important; }

.bg-primary.booknow { color: #fff; }

.bg-secondary { background: #C85D28 !important; }

.bg-secondary.booknow, #book-btn.bg-secondary { color: #fff; }

.fill-secondary { fill: #C85D28; }

.color-primary { color: #002635 !important; }

.color-secondary { color: #C85D28 !important; }

.carousel-inner { width: 75%; margin: auto; display: block; }

/* latin */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: local("Montserrat Light"), local("Montserrat-Light"), url("https://patcham-garage.bookmygarageoffers.co.uk/assets/fonts/montserrat-300.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* latin */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: local("Montserrat Regular"), local("Montserrat-Regular"), url("https://patcham-garage.bookmygarageoffers.co.uk/assets/fonts/montserrat-400.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* latin */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: local("Montserrat Medium"), local("Montserrat-Medium"), url("https://patcham-garage.bookmygarageoffers.co.uk/assets/fonts/montserrat-500.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* latin */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("https://patcham-garage.bookmygarageoffers.co.uk/assets/fonts/montserrat-600.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* latin */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: local("Montserrat Bold"), local("Montserrat-Bold"), url("https://patcham-garage.bookmygarageoffers.co.uk/assets/fonts/montserrat-700.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

.no-margin-bottom { margin-bottom: 0 !important; }

.no-margin-top { margin-top: 0 !important; }

.no-margin-top-bottom { margin-top: 0 !important; margin-bottom: 0 !important; }

.no-margin { margin: 0 !important; }

.no-padding-top { padding-top: 0 !important; }

.no-padding { padding: 0 !important; }

.padding { padding-top: 80px; padding-bottom: 80px; }

@media (max-width: 425px) { .padding { padding-top: 40px; padding-bottom: 40px; } }

.padding h2 { margin-top: 0; margin-bottom: 20px; }

.padding-small { padding-top: 30px; padding-bottom: 30px; }

.padding-top { padding-top: 40px; }

.padding-top-small { padding-top: 20px; }

.padding-bottom { padding-bottom: 40px; }

.padding-bottom-small { margin-bottom: 20px; }

.padding-xsmall { padding-top: 10px; padding-bottom: 10px; }

.top-nav { color: #fff; background: #222222; padding: 5px 0; }

.top-nav p { color: #fff; }

.top-right { float: right; padding-top: 6px; }

.top-right a:hover { color: #AAAAAA; text-decoration: none; }

.top-right p { font-size: 12px; padding: 0; }

.top-right p span { margin-left: 5px; font-style: italic; }

.top-left { float: left; padding-top: 3px; }

.top-left ul li { display: inline-block; margin-right: 15px; }

.top-left a:link, .top-left a:visited { font-size: 20px; color: #fff; font-weight: 500; }

.bg-primary p, .bg-primary h2 { text-align: center; color: #fff; margin-top: 10px; font-weight: 500; }

.bg-primary h2 { font-size: 30px; margin-top: 0px; }

.bg-primary h2 a:hover { text-decoration: none; color: #C9C9C9; }

#main-nav { padding: 10px 0; border-bottom: 1px #7c7c7c solid; min-height: 60px; }

@media (max-width: 991px) { #main-nav .navbar-header { width: 100%; } #main-nav .navbar-toggler { float: right; } }

#main-nav .btn-book { border-radius: 10px; }

#main-nav .btn-book li { margin-left: 10px; }

#main-nav .btn-book a { color: #ffffff !important; }

#main-nav .btn-book a:hover, #main-nav .btn-book a:focus { background-color: #fff; }

#main-nav .navbar-nav.ml-auto { margin-top: 15px; }

#main-nav .navbar-nav.ml-auto li a { font-size: 16px; font-weight: 500; line-height: 30px; color: #555; padding: 0 15px; }

#main-nav .navbar-nav.ml-auto li a:focus { background: none; outline: none; }

#main-nav .navbar-nav li a:hover, #main-nav .navbar-nav li.active a { background: none; }

@media (max-width: 992px) and (min-width: 768px) { #main-nav .navbar-inner { text-align: center; } #main-nav .navbar-nav.ml-auto, #main-nav .navbar-header { float: none !important; text-align: center; display: inline-block; } }

.navbar { margin: 0 !important; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.navbar-brand { padding: 0 !important; height: 60px; }

.navbar-brand img { max-height: 60px; }

@media (max-width: 425px) { .navbar-brand img { max-width: 200px; margin-left: 10px; } }

.offer-header { margin-bottom: 0; background-image: url("/assets/images/header-bg.png"); background-position-y: bottom; background-repeat: no-repeat; background-size: 100%; padding-top: 40px; padding-bottom: 80px; }

@media (max-width: 425px) { .offer-header { padding-top: 10px; padding-bottom: 20px; text-align: center; } .offer-header h1 { font-size: 2.5em; margin-bottom: 0; margin-top: 10px; } .offer-header h2 { margin-top: 10px; font-size: 22px; } }

.offer-header h2 { margin-bottom: 0; }

.offer-header .icon-mot2:before { content: "\e900"; color: #3c79da; }

.offer-header img.hero-image { max-height: 400px; }

.offer-header p { margin-bottom: 0; }

.bg-grey { background: #eee; }

.bg-grey h2 { margin-bottom: 0; padding-bottom: 0; }

#bmg-average-review-count { margin: 10px 0; }

#bmg-average-review-count a { color: #333; }

.fixed-bar { color: #ddd; background-color: rgba(14, 14, 14, 0.75); border-bottom: 1px solid #D8D8D8; padding: 10px 0; width: 100%; display: none; }

.fixed-bar .bmg-ibw .bmg-ibw-input, .fixed-bar .bmg-ibw .bmg-ibw-btn { margin-top: 0; }

.fixed-bar .logo { padding: 0; max-height: 70px; }

.fixed-bar p { font-weight: 500; color: #fff; margin-bottom: 0; }

.fixed-bar a:link { color: #fff; }

@-webkit-keyframes menuIn { 0% { top: -50px; }
  100% { top: 0px; } }

@keyframes menuIn { 0% { top: -50px; }
  100% { top: 0px; } }

.fixed-bar.affix, nav.navbar.shrink { display: block; position: fixed; top: 0; width: 100%; background-color: #0e0e0eb5; color: #fff; z-index: 10; -moz-box-shadow: 0 1px 2px #ebebeb; -webkit-box-shadow: 0 1px 2px #ebebeb; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15); padding: 10px 0; border-radius: 0; border-bottom: 1px solid #D8D8D8; -webkit-animation: .25s menuIn ease; animation: .25s menuIn ease; }

.fixed-bar.affix .bmg-ibw, nav.navbar.shrink .bmg-ibw { display: block; }

@media (max-width: 992px) { .top-nav { padding: 0; text-align: center; } .fixed-bar.affix .logo, .fixed-bar.affix .bmg-ibw p { display: none; } }

#map { width: 100%; height: 300px; border: none; }

.footer { background: #111111; color: #9c9c9c; }

.footer a:link, .footer a:visited { color: #9c9c9c; }

.footer a:hover { color: #fff; }

.footer p { color: #9c9c9c; font-size: 14px; }

.copyright { background: #111111; padding: 10px 50px; color: #9c9c9c; border-top: #9c9c9c solid 1px; }

.copyright p, .copyright a:link { color: #9c9c9c; margin-top: 10px; font-size: 12px; }

.input-vrm { background-image: url(https://bookmygarage.com/static/images/gb.d599630299f6.png); background-repeat: no-repeat; background-position: center left; padding: 3px 0 3px 30px; font-weight: 700; font-size: 25px; width: 100%; text-transform: uppercase; background-color: #f3d41b; border: 1px solid #f3d41b; border-radius: 3px; color: #333333; }

@supports (-ms-ime-align: auto) { .input-vrm { font-size: 16px; padding: 10px 0 11px 30px; } }

.wide-booking-tool .booknow { margin-top: 10px; padding: 13px; font-weight: 500; width: 100%; font-size: 16px; border: 0 solid #fff; }

.wide-booking-tool .booknow:hover { opacity: .70; filter: alpha(opacity=70); }

.wide-booking-tool h2 { font-size: 27px; line-height: 27px; font-weight: 500; text-shadow: none; margin-bottom: 10px; text-transform: uppercase; }

.wide-booking-tool .bmg-ibw-btn, .wide-booking-tool .bmg-ibw-input { margin-top: 10px; }

.wide-booking-tool p { font-size: 16px; }

::-webkit-input-placeholder { /* Chrome */ font-weight: 400; font-size: 15px; top: -4px; position: relative; text-transform: lowercase; vertical-align: middle; }

:-ms-input-placeholder { /* IE 10+ */ font-weight: 400; font-size: 15px !important; top: -4px; position: relative; text-transform: lowercase; vertical-align: middle; opacity: 0.5 !important; }

::-ms-input-placeholder { /* Edge */ font-weight: 400; font-size: 15px !important; top: -4px; position: relative; text-transform: lowercase; vertical-align: middle; opacity: 0.5 !important; }

::-moz-placeholder { /* Firefox 19+ */ font-weight: 400; font-size: 15px; top: -4px; position: relative; text-transform: lowercase; vertical-align: middle; }

:-moz-placeholder { /* Firefox 4 - 18 */ font-weight: 400; font-size: 15px; top: -4px; position: relative; text-transform: lowercase; vertical-align: middle; }

.circle-steps { padding: 15px; margin-bottom: 5px; }

.overlay-bg { background: url("../images/headerbg.jpg") no-repeat; background-size: cover; background-position: bottom; }

.full-overlay { background: rgba(0, 0, 0, 0.6); }

.full-overlay h2, .full-overlay p { color: #fff; text-align: center; }

.overlay-circle { border-radius: 50%; background: rgba(0, 0, 0, 0.8); display: inline-block; }

.overlay-circle .fa, .overlay-circle .fas { color: #eee; vertical-align: middle; padding: 20px; }

.services p { font-size: 16px; font-weight: 700; color: #0f1922; text-align: center; text-transform: uppercase; display: inline; padding-left: 10px; }

.glyphicon-circle { border-radius: 50%; display: inline-block; text-align: center; }

#book-btn { font-size: 16px; padding: 8px 25px; font-weight: 500; border: 0; width: 100%; }

#book-btn:hover { opacity: .70; filter: alpha(opacity=70); }

.review-box { border: 1px solid #ccc; padding: 20px; }

.recommend { color: #3f9543; }

#quote-carousel { padding: 0 10px 30px 10px; margin-top: 30px; }

#quote-carousel h2 { margin-bottom: 0; padding-bottom: 0; }

#quote-carousel .carousel-indicators li { background: #c0c0c0; }

#quote-carousel .carousel-indicators .active { background: #333333; }

.item blockquote { border-left: none; margin: 0; padding: 10px 40px; }

.item blockquote img { margin-bottom: 10px; }

@media (min-width: 768px) { #quote-carousel { margin-bottom: 0; padding: 0 40px 30px 40px; } }

@media (max-width: 768px) { #quote-carousel .carousel-indicators li { display: inline-block; margin: 0 5px; width: 15px; height: 15px; } #quote-carousel .carousel-indicators li.active { margin: 0 5px; width: 20px; height: 20px; } }

/*# sourceMappingURL=styles.css.map */