/******************************************************************************************

     _                      _             
    (_) _ __   ____  _ _   (_) _ __  __ _ 
    | |( '_ '\/ ,__)( '_'\ | |( '__)/'_' )
    | || | ) )\__, \| (_) )| || |  ( (_| |
    (_)(_) (_)(____/|  __/ (_)(_)   \__,_)
                    | |                   
                    (_)                   

    Inspira Digital Alterations - Main Style
    =============================================
    {% comment %}{{ 'inspira-style.scss.css' | asset_url | stylesheet_tag }}{% endcomment %}

******************************************************************************************/
/*
/*  MIXINS & VARIABLES
/*
/*  SECTION 1
/*    1.1  -  Base Stylesddd
/*    1.2  -  HTML5 Elements
/*    1.3  -  Forms and Inputs
/*    1.4  -  Typography
/*    1.5  -  Links and Buttons
/*    1.6  -  Tables
/*    1.7  -  Icons   
/*    1.8  -  Tags
/*    
/*  SECTION 2
/*    2.1  -  Helper classes
/*    2.2  -  Grid system
/*    2.3  -  Lists
/*    2.4  -  Global/General
/*    
/*  SECTION 3
/*    3.1  -  Header
/*    3.2  -  Navigation
/*    3.3  -  Details Bar
/*    3.4  -  Footer
/*    3.5  -  Homepage
/*    3.6  -  Product & Collections 
/*    3.7  -  Cart
/*    3.8  -  Blogs/Articles/Search
/*    3.9  -  Pages
/*    3.10 -  Customer Pages
/*    3.11 -  Garage Pages
/*    
/*  SECTION 4
/*    4.1  -  Fancybox plugin
/*    4.2  -  FlexSlider plugin
/*    4.3  -  jQuery Tabs
/*
/**/
/* =================== */
/* MIXINS & VARIABLES  */
/* =================== */
/* IN- prefix is used to prevent conflicting previous Mixins
   Otherwise imported from timber.scss.liquid - Remember to update them */
/* Width variables */
/* =================== */
/*      SECTION 1      */
/* =================== */
/* 1.1 - Base Styles */

body.theme-black header.site-header, body.theme-black .details-bar, body.theme-black footer.site-footer {
  background: #000000;
  color: #ffffff; }
  body.theme-black header.site-header a, body.theme-black .details-bar a, body.theme-black footer.site-footer a {
    color: #ffffff; }
body.theme-black select, body.theme-black input[type="text"], body.theme-black input[type="search"], body.theme-black input[type="password"], body.theme-black input[type="email"],
body.theme-black input[type="file"], body.theme-black input[type="number"], body.theme-black input[type="tel"], body.theme-black textarea {
  background-color: #ffffff; }
body.theme-black #site-search {
  background: rgba(250, 250, 252, 0.1); }
  body.theme-black #site-search svg .st0 {
    stroke: #ffffff; }
  body.theme-black #site-search input {
    color: #ffffff; }
body.theme-black #quick-cart {
  background: rgba(250, 250, 252, 0.1); }
  body.theme-black #quick-cart svg .st0 {
    stroke: #ffffff; }

body.theme-white header.site-header, body.theme-white .details-bar, body.theme-white footer.site-footer {
  background: #ffffff;
  color: #000000; }
  body.theme-white header.site-header a, body.theme-white .details-bar a, body.theme-white footer.site-footer a {
    color: #000000; }
body.theme-white select, body.theme-white input[type="text"], body.theme-white input[type="search"], body.theme-white input[type="password"], body.theme-white input[type="email"],
body.theme-white input[type="file"], body.theme-white input[type="number"], body.theme-white input[type="tel"], body.theme-white textarea {
  background-color: #e8e8e8; }
body.theme-white #site-search {
  background: rgba(0, 0, 0, 0.1); }
  body.theme-white #site-search svg .st0 {
    stroke: #000000; }
  body.theme-white #site-search input {
    color: #000000; }
body.theme-white #quick-cart {
  background: rgba(0, 0, 0, 0.1); }
  body.theme-white #quick-cart svg .st0 {
    stroke: #000000; }

/* 1.2 - HTML5 Elements */
a {
  text-decoration: none; }

main {
  font-weight: 400; }
  main select, main input {
    margin-bottom: 10px;
    border: 0; }

label[for="quantity"] {
  margin-bottom: -32px;
  padding: 5px 10px;
  height: 32px;
  font-size: 14px;
  font-weight: 500;
  pointer-events: none; }

input[type="text"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="file"]:focus, input[type="number"]:focus, input[type="tel"]:focus, textarea:focus, select:focus {
  border: 0;
  outline: 0; }

.btn, input[type="submit"], button {
  text-transform: uppercase; }

input, select {
  height: 40px;
  padding: 10px 15px; }

input[type="checkbox"], input[type="radio"] {
  height: 25px; }

select {
  background-image: url("../images/arrow.png");
  background-size: 20px;
  background-position: center right 5px; }
  select:disabled {
    color: #bbbbbb; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

/* 1.4 - Typography */
h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: 400; }

h1, .h1, h2, .h2 {
  font-weight: 600; }

h1, .h1 {
  font-size: 36px; }

h2, .h2 {
  font-size: 24px; }

h4, .h4 {
  font-size: 16px;
  font-weight: 600; }

blockquote {
  border: 0;
  font-size: 22px;
  font-weight: 600;
  font-style: italic;
  margin: 24px;
  text-align: center; }

/* =================== */
/*      SECTION 2      */
/* =================== */
/* 2.1 - Helper classes */
.clear {
  clear: both; }

span.other-words {
  color: #ef9022; }

.tooltip {
  cursor: pointer;
  position: relative; }
  .tooltip:hover, .tooltip.hover {
    text-decoration: none; }
    .tooltip:hover span, .tooltip.hover span {
      display: inline;
      position: absolute;
      border: 2px solid #FFF;
      color: #EEE;
      background: #000; }
  .tooltip strong {
    line-height: 30px; }
  .tooltip span {
    cursor: initial;
    z-index: 10;
    display: none;
    padding: 14px 14px;
    width: 100px;
    line-height: 16px;
    font-weight: 600;
    border-radius: 0;
    top: 40px;
    left: 0;
    text-align: center; }
    .tooltip span img {
      max-width: none;
      width: 100%; }
  .tooltip i {
    font-style: normal; }
  .tooltip .callout {
    z-index: 20;
    position: absolute;
    border: 0;
    top: -14px;
    width: 30px;
    height: 14px;
    left: 2px;
    background-image: url("../images/tooltip-callout_black.gif"); }
  .tooltip.tyre-icon-efficiency span {
    width: 200px; }
  .tooltip.tyre-icon-efficiency .callout {
    left: 2px; }

/* 2.4 - Global/General */
.header-logo {
  font-size: 36px; }
  .header-logo img {
    width: 100%;
    max-width: 300px;
    max-height: 120px; }
  .header-logo span {
    font-size: 18px; }

main .breadcrumb, main .breadcrumb a, main .breadcrumb span {
  font-weight: 400;
  padding: 0;
  font-size: 16px;
  text-decoration: none; }
main .breadcrumb, main .breadcrumb span {
  color: #a7a7a7; }
main .pagination-wrap .pagination {
  margin-top: 15px;
  margin-bottom: 3px; }
  main .pagination-wrap .pagination li {
    display: inline-block;
    cursor: pointer;
    min-width: 20px;
    height: 20px;
    position: relative; }
    main .pagination-wrap .pagination li span {
      border: 0;
      font-size: 16px;
      color: #a7a7a7;
      font-weight: 400;
      padding: 0 5px;
      cursor: pointer; }
    main .pagination-wrap .pagination li.active span, main .pagination-wrap .pagination li:hover span {
      background: transparent; }
  main .pagination-wrap .pagination svg {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 8px;
    left: 0; }
    main .pagination-wrap .pagination svg .st0 {
      fill: none;
      stroke-width: 2;
      stroke-miterlimit: 10; }
  main .pagination-wrap .pagination li.disabled {
    cursor: default; }
    main .pagination-wrap .pagination li.disabled svg {
      cursor: default; }
      main .pagination-wrap .pagination li.disabled svg .st0 {
        stroke: #a7a7a7; }
    main .pagination-wrap .pagination li.disabled span {
      cursor: default; }
  main .pagination-wrap .pagination li.prev svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.tyre-icons {
  font-size: 0; }
  .tyre-icons .tyre-icon {
    width: 35px;
    height: 35px;
    margin-right: 4px;
    margin-bottom: 4px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #F5F5F5;
    font-size: 14px;
    display: inline-block; }
  .tyre-icons .tyre-icon-ice {
    background-image: url("../images/tyre-icon-ice.png"); }
  .tyre-icons .tyre-icon-dry {
    background-image: url("../images/tyre-icon-dry.png"); }
  .tyre-icons .tyre-icon-ice-dry {
    background-image: url("../images/tyre-icon-ice-dry.png"); }
  .tyre-icons .tyre-icon-efficiency {
    background-image: url("../images/tyre-icon-efficiency.png"); }
  .tyre-icons .tyre-icon-run-flat {
    background-image: url("../images/tyre-icon-run-flat.png"); }
  .tyre-icons .tyre-icon-reinforced {
    background-image: url("../images/tyre-icon-reinforced.png"); }
  .tyre-icons .tyre-icon-brand-bmw {
    background-image: url("../images/tyre-icon-brand-bmw.png"); }
  .tyre-icons .tyre-icon-marque {
    background-size: 55%; }
  .tyre-icons .tyre-icons-2 {
    padding-left: 5px; }
  .tyre-icons .tyre-icons-3 {
    padding-left: 5px; }

.js-qty, .ajaxifyCart--qty {
  max-width: initial; }

.js-qty input[type="text"], .ajaxifyCart--qty input[type="text"] {
  text-align: left;
  padding-left: 50px; }

.js--minus, .ajaxifyCart--minus {
  left: initial;
  right: 19px;
  border-right: 0;
  border-left: 1px solid #e5e5e5; }

.fully-fitted-price {
  font-size: 12px;
  color: #B1B1B1;
  margin-top: -3px;
  font-weight: 400; }

/* quick cart */
#quick-cart {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 130px;
  height: 50px;
  text-align: left;
  overflow: hidden;
  z-index: 4;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  #quick-cart #empty-quick-cart {
    display: none;
    background: #ffffff;
    height: calc(100% - 50px);
    color: #555555;
    text-align: center; }
    #quick-cart #empty-quick-cart p {
      margin: 0;
      padding: 40px 20px;
      font-size: 18px;
      font-weight: 400; }
  #quick-cart.empty-cart #empty-quick-cart {
    display: block; }
  #quick-cart.empty-cart .quick-cart-loop,
  #quick-cart.empty-cart .quick-cart-bottom {
    display: none; }
  #quick-cart #show-quick-cart {
    display: block;
    height: 50px;
    width: 130px;
    font-size: 23px;
    font-weight: 300;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
    #quick-cart #show-quick-cart span {
      opacity: 0;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
    #quick-cart #show-quick-cart svg {
      width: 65px;
      height: 25px;
      margin: 10px 15px;
      position: absolute;
      top: 2px;
      right: 0;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s; }
      #quick-cart #show-quick-cart svg .st0 {
        fill: none; }
  #quick-cart .quick-cart-loop {
    opacity: 0;
    overflow: scroll;
    height: calc(100% - 250px);
    margin-bottom: 0;
    background: #ffffff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
    #quick-cart .quick-cart-loop .empty-cart-msg {
      display: none; }
      #quick-cart .quick-cart-loop .empty-cart-msg:first-child {
        display: block; }
      #quick-cart .quick-cart-loop .empty-cart-msg h2 {
        text-align: center;
        padding: 20px; }
    #quick-cart .quick-cart-loop .quick-cart-item {
      border-top: 1px solid #bec0c1;
      margin: 24px;
      padding: 24px 0;
      clear: both; }
      #quick-cart .quick-cart-loop .quick-cart-item:first-child {
        padding: 0; }
      #quick-cart .quick-cart-loop .quick-cart-item .title-section {
        position: relative;
        padding: 5px 10px;
        margin-bottom: 12px;
        float: right;
        width: 50%; }
        #quick-cart .quick-cart-loop .quick-cart-item .title-section h4 {
          text-transform: uppercase;
          margin: 0;
          font-size: 16px;
          line-height: 18px; }
        #quick-cart .quick-cart-loop .quick-cart-item .title-section span {
          font-size: 14px;
          line-height: 16px;
          font-weight: 400; }
        #quick-cart .quick-cart-loop .quick-cart-item .title-section .remove-item {
          position: absolute;
          right: 0;
          top: 0;
          padding: 6px; }
          #quick-cart .quick-cart-loop .quick-cart-item .title-section .remove-item svg {
            width: 20px;
            height: 20px; }
            #quick-cart .quick-cart-loop .quick-cart-item .title-section .remove-item svg .st0 {
              fill: none;
              stroke-miterlimit: 10; }
      #quick-cart .quick-cart-loop .quick-cart-item .images-section {
        float: left;
        width: 50%;
        position: relative; }
        #quick-cart .quick-cart-loop .quick-cart-item .images-section .tyre-icons {
          width: 40px;
          float: left;
          margin-right: 5px; }
          #quick-cart .quick-cart-loop .quick-cart-item .images-section .tyre-icons .tyre-icon.tyre-icon-efficiency span {
            width: 130px; }
        #quick-cart .quick-cart-loop .quick-cart-item .images-section img {
          max-width: 85px; }
        #quick-cart .quick-cart-loop .quick-cart-item .images-section .promo-tag {
          position: absolute;
          right: 10px;
          padding: 2px 10px; }
      #quick-cart .quick-cart-loop .quick-cart-item .details-section {
        width: 50%;
        float: left;
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 15px; }
        #quick-cart .quick-cart-loop .quick-cart-item .details-section p {
          margin-bottom: 0; }
        #quick-cart .quick-cart-loop .quick-cart-item .details-section .qty-wrap {
          width: 62%;
          margin-right: 2%;
          float: left;
          border: 1px solid #bec0c1;
          margin-top: 5px;
          margin-bottom: 12px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px; }
          #quick-cart .quick-cart-loop .quick-cart-item .details-section .qty-wrap label {
            margin-bottom: -26px;
            height: 26px;
            line-height: 16px; }
          #quick-cart .quick-cart-loop .quick-cart-item .details-section .qty-wrap input {
            text-align: right;
            padding: 5px 10px;
            margin-bottom: 2px;
            height: 27px;
            line-height: 16px;
            font-size: 14px; }
        #quick-cart .quick-cart-loop .quick-cart-item .details-section .qty-controlers {
          width: 36%;
          float: left;
          line-height: 16px;
          border: 1px solid #bec0c1;
          margin-bottom: 12px;
          height: 31px;
          margin-top: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          -o-user-select: none;
          user-select: none; }
          #quick-cart .quick-cart-loop .quick-cart-item .details-section .qty-controlers .minus-sign,
          #quick-cart .quick-cart-loop .quick-cart-item .details-section .qty-controlers .plus-sign {
            width: calc(50% - 1px);
            margin-left: 1px;
            background: #ffffff;
            float: left;
            padding: 5px 0;
            text-align: center;
            cursor: pointer;
            height: 29px; }
            #quick-cart .quick-cart-loop .quick-cart-item .details-section .qty-controlers .minus-sign svg,
            #quick-cart .quick-cart-loop .quick-cart-item .details-section .qty-controlers .plus-sign svg {
              width: 20px;
              height: 20px; }
              #quick-cart .quick-cart-loop .quick-cart-item .details-section .qty-controlers .minus-sign svg .st0,
              #quick-cart .quick-cart-loop .quick-cart-item .details-section .qty-controlers .plus-sign svg .st0 {
                fill: none;
                stroke: #bec0c1;
                stroke-miterlimit: 10; }
          #quick-cart .quick-cart-loop .quick-cart-item .details-section .qty-controlers .minus-sign {
            border-right: 1px solid #bec0c1;
            -webkit-border-radius: 5px 0 0 5px;
            -moz-border-radius: 5px 0 0 5px;
            -ms-border-radius: 5px 0 0 5px;
            -o-border-radius: 5px 0 0 5px;
            border-radius: 5px 0 0 5px; }
          #quick-cart .quick-cart-loop .quick-cart-item .details-section .qty-controlers .plus-sign {
            -webkit-border-radius: 0 5px 5px 0;
            -moz-border-radius: 0 5px 5px 0;
            -ms-border-radius: 0 5px 5px 0;
            -o-border-radius: 0 5px 5px 0;
            border-radius: 0 5px 5px 0; }
        #quick-cart .quick-cart-loop .quick-cart-item .details-section .price-wrap {
          clear: both;
          line-height: 14px; }
        #quick-cart .quick-cart-loop .quick-cart-item .details-section .was-price {
          font-size: 15px; }
          #quick-cart .quick-cart-loop .quick-cart-item .details-section .was-price span {
            text-decoration: line-through; }
        #quick-cart .quick-cart-loop .quick-cart-item .details-section .price {
          font-weight: 600;
          font-size: 18px;
          margin-right: 10px; }
        #quick-cart .quick-cart-loop .quick-cart-item .details-section .vat {
          font-size: 10px;
          display: block;
          line-height: 24px; }
    #quick-cart .quick-cart-loop .quick-cart-item:first-child {
      border-top: 0; }
  #quick-cart.empty-cart .quick-cart-loop {
    height: calc(100% - 250px); }
  #quick-cart .quick-cart-bottom {
    opacity: 0;
    background: #e2e2e2;
    font-size: 14px;
    font-weight: 300;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
    #quick-cart .quick-cart-bottom .quick-cart-options {
      position: relative;
      padding: 6px 24px; }
      #quick-cart .quick-cart-bottom .quick-cart-options input {
        display: inline-block;
        position: absolute;
        top: 12px;
        height: initial; }
      #quick-cart .quick-cart-bottom .quick-cart-options label {
        font-size: 16px;
        font-weight: 400;
        display: inline-block;
        padding-left: 24px;
        color: #ffffff; }
    #quick-cart .quick-cart-bottom .quick-cart-summary {
      padding: 10px 24px;
      color: #555555; }
      #quick-cart .quick-cart-bottom .quick-cart-summary p {
        margin-bottom: 0; }
      #quick-cart .quick-cart-bottom .quick-cart-summary p:nth-child(2) {
        color: #bec0c1;
        border-bottom: 1px solid #bec0c1;
        margin-bottom: 8px;
        padding-bottom: 8px; }
      #quick-cart .quick-cart-bottom .quick-cart-summary p.cart-total {
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 10px; }
      #quick-cart .quick-cart-bottom .quick-cart-summary .btn {
        width: 100%;
        margin-bottom: 15px;
        padding: 6px; }
  #quick-cart.empty-cart .quick-cart-bottom {
    display: none; }

body.quick-cart-expanded {
  overflow: hidden;
  position: fixed;
  width: 100%;
  cursor: pointer; }
  body.quick-cart-expanded span.before {
    content: ' ';
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer; }
  body.quick-cart-expanded #quick-cart {
    max-width: 470px;
    height: 100%;
    position: fixed;
    cursor: initial; }
    body.quick-cart-expanded #quick-cart #show-quick-cart {
      padding: 6px 24px;
      width: auto; }
      body.quick-cart-expanded #quick-cart #show-quick-cart span {
        opacity: 1; }
      body.quick-cart-expanded #quick-cart #show-quick-cart svg {
        -webkit-transform: scale(-1, 1);
        -moz-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        transform: scale(-1, 1); }
    body.quick-cart-expanded #quick-cart .quick-cart-loop, body.quick-cart-expanded #quick-cart .quick-cart-bottom {
      opacity: 1; }

body.checkout-alert-visible,
body.request-popup-visible {
  overflow: hidden;
  position: fixed;
  width: 100%; }
  body.checkout-alert-visible span.before,
  body.request-popup-visible span.before {
    content: ' ';
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer; }

#checkout-alert,
#request-popup {
  display: none;
  background: #0b0b0c;
  max-width: 600px;
  position: fixed;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 50%;
  margin-left: -300px;
  margin-top: -200px;
  padding: 100px 90px;
  z-index: 5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  #checkout-alert span.close,
  #request-popup span.close {
    position: absolute;
    cursor: pointer;
    right: 40px;
    top: 40px; }
    #checkout-alert span.close svg,
    #request-popup span.close svg {
      width: 24px;
      height: 24px; }
      #checkout-alert span.close svg .st0,
      #request-popup span.close svg .st0 {
        fill: none;
        stroke: #ffffff;
        stroke-width: 2;
        stroke-miterlimit: 10; }
  #checkout-alert h2,
  #request-popup h2 {
    font-size: 24px;
    color: #ffffff; }
  #checkout-alert p,
  #request-popup p {
    font-size: 16px;
    color: #bec0c1;
    margin-bottom: 25px; }
  #checkout-alert button,
  #request-popup button {
    font-size: 16px;
    margin: 0 5px 15px;
    padding: 3px 0;
    width: 100%;
    max-width: 195px; }
    #checkout-alert button.close,
    #request-popup button.close {
      background: #494949;
      color: #bec0c1;
      border: 1px solid #494949; }
      #checkout-alert button.close:hover,
      #request-popup button.close:hover {
        background: #bec0c1;
        color: #494949;
        border: 1px solid #494949; }
  #checkout-alert.callback-type label, #checkout-alert.enquiry-type label,
  #request-popup.callback-type label,
  #request-popup.enquiry-type label {
    color: #ffffff;
    text-align: left;
    font-size: 16px; }
  #checkout-alert.callback-type button, #checkout-alert.enquiry-type button,
  #request-popup.callback-type button,
  #request-popup.enquiry-type button {
    float: right; }
  #checkout-alert.enquiry-type .is-callback,
  #request-popup.enquiry-type .is-callback {
    display: none; }
  #checkout-alert.callback-type .is-enquiry,
  #request-popup.callback-type .is-enquiry {
    display: none; }

/* =================== */
/*      SECTION 3      */
/* =================== */
/* 3.1 - Header */
.site-header {
  font-size: 12px;
  padding: 16px 0 8px;
  color: #B1B1B1;
  font-weight: bold; }
  .site-header a {
    text-decoration: none; }
  .site-header #site-search {
    display: none;
    position: absolute;
    top: 0; }
    .site-header #site-search svg {
      width: 20px;
      height: 20px;
      margin: 15px 5px 15px 15px;
      float: left; }
      .site-header #site-search svg .st0 {
        fill: none; }
    .site-header #site-search form {
      float: left;
      margin: 0; }
      .site-header #site-search form input[type="text"] {
        margin: 0;
        height: 50px;
        background: transparent;
        width: 90px;
        outline: 0;
        -webkit-transition: width 0.5s ease-in;
        -moz-transition: width 0.5s ease-in;
        -ms-transition: width 0.5s ease-in;
        -o-transition: width 0.5s ease-in;
        transition: width 0.5s ease-in; }
        .site-header #site-search form input[type="text"]:focus {
          width: 190px; }
      .site-header #site-search form input[type="submit"] {
        display: none; }
  .site-header .site-header--text-links {
    margin-bottom: 30px; }
  .site-header .header-buttons > * {
    float: right; }
  .site-header .header-buttons #cartCount {
    position: absolute;
    margin-top: -10px;
    margin-left: -0.9%;
    color: #3C3C3C;
    background-color: #ef9022;
    border: solid #ef9022;
    border-width: 2px 9px;
    border-radius: 100%;
    font-size: 14px; }
    .site-header .header-buttons #cartCount.hidden-count {
      display: none; }
  .site-header .header-buttons .nav-search {
    display: inline-block;
    padding: 0; }
    .site-header .header-buttons .nav-search .search-bar {
      margin-bottom: 0;
      /*input[type="search"]:hover { background-color: #17355c; transition: background-color 0.05s ease-in; }*/ }
      .site-header .header-buttons .nav-search .search-bar input[type="search"] {
        border: 0 none;
        border-radius: 0;
        background-color: #F1F1F1;
        color: #B1B1B1;
        -webkit-transition: background-color 0.2s ease-out;
        -moz-transition: background-color 0.2s ease-out;
        -ms-transition: background-color 0.2s ease-out;
        -o-transition: background-color 0.2s ease-out;
        transition: background-color 0.2s ease-out;
        width: 100%;
        margin-top: 1px;
        margin-bottom: 0;
        padding: 8px 45px 8px 14px;
        font-size: 14px;
        line-height: 24px !important; }
      .site-header .header-buttons .nav-search .search-bar .search-bar--submit {
        color: #B1B1B1;
        position: absolute;
        top: 2px;
        bottom: 0;
        right: 0;
        width: 45px;
        margin: 0;
        border: 0 none;
        background: none;
        text-align: center;
        cursor: pointer; }
      .site-header .header-buttons .nav-search .search-bar .icon-search {
        font-size: 18px; }
  .site-header .header-buttons .header-cart-btn {
    background-color: #3c3c3c;
    color: #ef9022;
    border-radius: 0;
    margin-left: 7px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 9px 10px 10px;
    margin-top: 1px; }

/* 3.2 - Navigation */
.nav-bar {
  text-transform: uppercase;
  font-weight: 400; }
  .nav-bar .mobile-menu-holder {
    display: none;
    padding-top: 10px;
    padding-bottom: 10px; }
  .nav-bar #mobile-menu {
    height: 20px;
    width: 30px;
    position: relative;
    margin: auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer; }
    .nav-bar #mobile-menu span {
      display: block;
      position: absolute;
      height: 2px;
      width: 50%;
      opacity: 1;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -ms-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out; }
      .nav-bar #mobile-menu span:nth-child(even) {
        left: 50%; }
      .nav-bar #mobile-menu span:nth-child(odd) {
        left: 0px; }
      .nav-bar #mobile-menu span:nth-child(1), .nav-bar #mobile-menu span:nth-child(2) {
        top: 0; }
      .nav-bar #mobile-menu span:nth-child(3), .nav-bar #mobile-menu span:nth-child(4) {
        top: 9px; }
      .nav-bar #mobile-menu span:nth-child(5), .nav-bar #mobile-menu span:nth-child(6) {
        top: 18px; }
    .nav-bar #mobile-menu.open span:nth-child(1), .nav-bar #mobile-menu.open span:nth-child(6) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .nav-bar #mobile-menu.open span:nth-child(2), .nav-bar #mobile-menu.open span:nth-child(5) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .nav-bar #mobile-menu.open span:nth-child(1) {
      left: 4px;
      top: 4px; }
    .nav-bar #mobile-menu.open span:nth-child(2) {
      left: calc(50% - 4px);
      top: 4px; }
    .nav-bar #mobile-menu.open span:nth-child(3) {
      left: -50%;
      opacity: 0; }
    .nav-bar #mobile-menu.open span:nth-child(4) {
      left: 100%;
      opacity: 0; }
    .nav-bar #mobile-menu.open span:nth-child(5) {
      left: 4px;
      top: 11px; }
    .nav-bar #mobile-menu.open span:nth-child(6) {
      left: calc(50% - 4px);
      top: 11px; }
  .nav-bar .site-nav {
    font-size: 14px; }
    .nav-bar .site-nav a {
      padding-top: 9px;
      padding-bottom: 9px; }

ul.site-nav--dropdown {
  margin-top: 1px; }
  ul.site-nav--dropdown a {
    background-color: #3c3c3c; }

/* 3.3 - Details Bar */
.details-bar {
  text-transform: capitalize;
  line-height: 20px;
  padding: 10px 0;
  font-weight: 300;
  font-size: 22px; }
  .details-bar .company-name {
    font-weight: bold; }

/* 3.4 - Footer */
.site-footer {
  border: none;
  font-weight: 400;
  padding: 35px 0; }
  .site-footer h3 {
    font-size: 18px;
    text-transform: none;
    font-weight: 600; }
  .site-footer hr {
    border-style: dashed;
    margin: 24px 0; }
  .site-footer a {
    text-decoration: none; }
  .site-footer .social-icons svg {
    width: 42px;
    height: 42px; }
    .site-footer .social-icons svg .st1 {
      fill: #e6e6e5; }
    .site-footer .social-icons svg:hover .st0 {
      fill: #e6e6e6; }
  .site-footer .legal-line p {
    position: relative;
    padding-left: 100px; }
    .site-footer .legal-line p img {
      position: absolute;
      max-width: 90px;
      left: 0;
      top: -8px; }

/* 3.5 - Homepage */
body.template-home section.image-wrapper {
  background-size: cover;
  background-position: top center; }
body.template-home main.banner-section {
  padding-top: 250px;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 35px; }
body.template-home main .tyre-search img {
  display: none; }
body.template-home main .tyre-search .search-hints {
  position: absolute;
  text-align: center;
  width: 100%;
  margin-left: -24px;
  top: -205px; }
  body.template-home main .tyre-search .search-hints svg {
    width: 600px;
    height: 240px; }
    body.template-home main .tyre-search .search-hints svg .st1 {
      fill: #E2E2E2; }
    body.template-home main .tyre-search .search-hints svg .st2 {
      fill: #CD167E; }
body.template-home main .tyre-search #tyre-search {
  background-color: rgba(10, 10, 10, 0.5);
  padding: 25px 40px 25px 40px;
  font-size: 14px;
  color: #ffffff;
  position: relative; }
  body.template-home main .tyre-search #tyre-search h3 {
    font-size: 24px;
    font-weight: 00;
    margin-bottom: 15px; }
  body.template-home main .tyre-search #tyre-search label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px; }
  body.template-home main .tyre-search #tyre-search .btn {
    width: 100%;
    margin-top: 15px;
    font-size: 16px;
    padding: 4px 10px; }
  body.template-home main .tyre-search #tyre-search h2 {
    margin: 12px 0 0; }
body.template-home main.promo-section {
  padding-top: 10px;
  padding-bottom: 10px; }
  body.template-home main.promo-section .promo {
    background-size: cover;
    background-position: top center;
    text-align: center;
    padding: 45px 20px; }
    body.template-home main.promo-section .promo h2 {
      color: #ffffff;
      font-size: 32px;
      margin-bottom: 0; }
    body.template-home main.promo-section .promo p {
      color: #ffffff;
      font-size: 18px; }
    body.template-home main.promo-section .promo .btn {
      width: 100%;
      max-width: 220px;
      font-size: 16px;
      padding: 4px 10px; }
body.template-home main.services-section {
  padding-bottom: 0; }
  body.template-home main.services-section a.service {
    display: inline-block;
    line-height: 0;
    margin-bottom: 24px; }
    body.template-home main.services-section a.service h4 {
      font-size: 16px;
      font-weight: 600;
      color: #ffffff;
      padding: 10px 15px;
      margin: 0; }
    body.template-home main.services-section a.service img {
      width: 100%; }
body.template-home main.featured-section {
  margin-top: 20px; }

/* 3.6 - Product & Collections */
.product-item {
  margin-bottom: 24px; }
  .product-item .product-item-inner {
    background: #e2e2e2;
    padding-top: 2px;
    position: relative; }
    .product-item .product-item-inner .lead {
      position: absolute;
      font-size: 12px;
      font-weight: 600;
      top: -10px;
      display: block;
      width: 160px;
      text-align: center;
      left: 50%;
      margin-left: -80px;
      z-index: 1; }
    .product-item .product-item-inner .images-section {
      margin: 0 2px;
      padding: 15px 20px 10px;
      background: #ffffff;
      min-height: 115px;
      position: relative; }
      .product-item .product-item-inner .images-section .promo {
        position: absolute;
        bottom: 0;
        left: -2px;
        color: #fff;
        width: calc(100% + 4px);
        text-align: center;
        padding: 6px 4px;
        line-height: 14px;
        z-index: 1; }
      .product-item .product-item-inner .images-section .tyre-icons {
        padding: 0;
        max-width: 100px; }
      .product-item .product-item-inner .images-section .main-image {
        padding: 0; }
        .product-item .product-item-inner .images-section .main-image .product-grid-image img {
          max-width: 55px;
          max-height: 80px;
          width: 100%; }
    .product-item .product-item-inner .image-section {
      padding: 0 2px; }
      .product-item .product-item-inner .image-section .product-grid-image {
        height: 170px;
        margin: 0;
        background-size: cover;
        background-position: center; }
    .product-item .product-item-inner .details-section .details-top {
      padding: 5px 20px;
      line-height: 20px; }
      .product-item .product-item-inner .details-section .details-top .product-grid-title {
        margin-bottom: 0;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 16px; }
      .product-item .product-item-inner .details-section .details-top .product-grid-type {
        margin-bottom: 0;
        font-size: 14px; }
    .product-item .product-item-inner .details-section .details-bottom {
      padding: 5px 20px 10px; }
      .product-item .product-item-inner .details-section .details-bottom .size, .product-item .product-item-inner .details-section .details-bottom .year {
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 0; }
      .product-item .product-item-inner .details-section .details-bottom .product-grid-price {
        margin-bottom: 20px; }
        .product-item .product-item-inner .details-section .details-bottom .product-grid-price .was-price {
          font-size: 18px;
          color: #bec0c1;
          font-weight: 300;
          text-decoration: line-through;
          margin-right: 10px; }
        .product-item .product-item-inner .details-section .details-bottom .product-grid-price .price {
          font-size: 18px;
          font-weight: 600; }
        .product-item .product-item-inner .details-section .details-bottom .product-grid-price .vat {
          font-size: 10px;
          font-weight: 300;
          display: block; }
      .product-item .product-item-inner .details-section .details-bottom .qty-wrap {
        width: 62%;
        margin-right: 2%;
        float: left; }
        .product-item .product-item-inner .details-section .details-bottom .qty-wrap input {
          text-align: right;
          height: 32px;
          padding: 5px 10px;
          margin-bottom: 10px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -ms-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px; }
      .product-item .product-item-inner .details-section .details-bottom .qty-controlers {
        width: 36%;
        float: left;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        -o-user-select: none; }
        .product-item .product-item-inner .details-section .details-bottom .qty-controlers .minus-sign,
        .product-item .product-item-inner .details-section .details-bottom .qty-controlers .plus-sign {
          width: calc(50% - 1px);
          margin-left: 1px;
          background: #ffffff;
          float: left;
          padding: 5px 0;
          text-align: center;
          cursor: pointer;
          height: 32px; }
          .product-item .product-item-inner .details-section .details-bottom .qty-controlers .minus-sign svg,
          .product-item .product-item-inner .details-section .details-bottom .qty-controlers .plus-sign svg {
            width: 20px;
            height: 20px; }
            .product-item .product-item-inner .details-section .details-bottom .qty-controlers .minus-sign svg .st0,
            .product-item .product-item-inner .details-section .details-bottom .qty-controlers .plus-sign svg .st0 {
              fill: none;
              stroke: #bec0c1;
              stroke-miterlimit: 10; }
        .product-item .product-item-inner .details-section .details-bottom .qty-controlers .minus-sign {
          -webkit-border-radius: 5px 0 0 5px;
          -moz-border-radius: 5px 0 0 5px;
          -ms-border-radius: 5px 0 0 5px;
          -o-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px; }
        .product-item .product-item-inner .details-section .details-bottom .qty-controlers .plus-sign {
          -webkit-border-radius: 0 5px 5px 0;
          -moz-border-radius: 0 5px 5px 0;
          -ms-border-radius: 0 5px 5px 0;
          -o-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0; }
      .product-item .product-item-inner .details-section .details-bottom .btn {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        height: 32px;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 20px;
        padding: 5px; }

body.template-shop main.main-content,
body.template-forecourt main.main-content {
  margin-top: 14px; }
  body.template-shop main.main-content select,
  body.template-forecourt main.main-content select {
    background-color: #e2e2e2;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 16px; }
  body.template-shop main.main-content .collection-sidebar h2,
  body.template-forecourt main.main-content .collection-sidebar h2 {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 15px;
    margin-bottom: 25px;
    position: relative; }
    body.template-shop main.main-content .collection-sidebar h2 svg,
    body.template-forecourt main.main-content .collection-sidebar h2 svg {
      width: 20px;
      height: 20px;
      position: absolute;
      top: 8px;
      left: 0; }
      body.template-shop main.main-content .collection-sidebar h2 svg .st0,
      body.template-forecourt main.main-content .collection-sidebar h2 svg .st0 {
        fill: none;
        stroke-width: 2;
        stroke-miterlimit: 10; }
    body.template-shop main.main-content .collection-sidebar h2.point-down svg,
    body.template-forecourt main.main-content .collection-sidebar h2.point-down svg {
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg); }
  body.template-shop main.main-content .collection-sidebar .slide-range,
  body.template-forecourt main.main-content .collection-sidebar .slide-range {
    margin: 20px 10px 30px;
    height: 2px;
    border-bottom: 0;
    border-top: 0;
    border-right: 2px solid #e2e2e2;
    border-left: 2px solid #e2e2e2; }
    body.template-shop main.main-content .collection-sidebar .slide-range.ui-slider-horizontal .ui-slider-range,
    body.template-forecourt main.main-content .collection-sidebar .slide-range.ui-slider-horizontal .ui-slider-range {
      top: 4px; }
    body.template-shop main.main-content .collection-sidebar .slide-range .ui-state-default,
    body.template-forecourt main.main-content .collection-sidebar .slide-range .ui-state-default {
      border: 0;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px; }
  body.template-shop main.main-content .collection-sidebar #apply-filters button,
  body.template-shop main.main-content .collection-sidebar #apply-forecourt-filters button,
  body.template-forecourt main.main-content .collection-sidebar #apply-filters button,
  body.template-forecourt main.main-content .collection-sidebar #apply-forecourt-filters button {
    width: 100%;
    padding: 3px;
    font-size: 16px; }
  body.template-shop main.main-content .collection-sidebar #apply-forecourt-filters,
  body.template-forecourt main.main-content .collection-sidebar #apply-forecourt-filters {
    margin-bottom: 30px; }
  body.template-shop main.main-content .collection-sidebar #clear-filters,
  body.template-forecourt main.main-content .collection-sidebar #clear-filters {
    font-weight: 600;
    font-size: 16px;
    margin: 24px 0;
    padding-bottom: 24px; }
  body.template-shop main.main-content header h1,
  body.template-forecourt main.main-content header h1 {
    margin-bottom: 15px; }
  body.template-shop main.main-content header select,
  body.template-forecourt main.main-content header select {
    margin: -12px 0 0 0; }
  body.template-shop main.main-content header hr,
  body.template-forecourt main.main-content header hr {
    padding-bottom: 15px;
    border-top: 1px solid #e2e2e2;
    margin: 20px 0 15px 24px; }

body.template-product main.main-content,
body.template-forecourt-product main.main-content {
  margin-top: 14px; }
  body.template-product main.main-content#forecourt-product .main-product #productPhoto,
  body.template-forecourt-product main.main-content#forecourt-product .main-product #productPhoto {
    padding: 0; }
    body.template-product main.main-content#forecourt-product .main-product #productPhoto #productPhotoImg,
    body.template-forecourt-product main.main-content#forecourt-product .main-product #productPhoto #productPhotoImg {
      margin: 0;
      width: 100%;
      height: auto; }
  body.template-product main.main-content#forecourt-product .main-product .product-thumbs-loop .product-thumb,
  body.template-forecourt-product main.main-content#forecourt-product .main-product .product-thumbs-loop .product-thumb {
    width: 62px;
    height: 62px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-size: cover;
    background-position: center;
    float: left;
    opacity: 0.5;
    cursor: pointer;
    overflow: hidden; }
    body.template-product main.main-content#forecourt-product .main-product .product-thumbs-loop .product-thumb.active, body.template-product main.main-content#forecourt-product .main-product .product-thumbs-loop .product-thumb:hover,
    body.template-forecourt-product main.main-content#forecourt-product .main-product .product-thumbs-loop .product-thumb.active,
    body.template-forecourt-product main.main-content#forecourt-product .main-product .product-thumbs-loop .product-thumb:hover {
      opacity: 1; }
    body.template-product main.main-content#forecourt-product .main-product .product-thumbs-loop .product-thumb:nth-child(7n+7),
    body.template-forecourt-product main.main-content#forecourt-product .main-product .product-thumbs-loop .product-thumb:nth-child(7n+7) {
      margin-right: 0; }
  body.template-product main.main-content .main-product,
  body.template-forecourt-product main.main-content .main-product {
    margin-bottom: 24px;
    border-bottom: 1px solid #bec0c1;
    padding-bottom: 50px; }
    body.template-product main.main-content .main-product #productPhoto,
    body.template-forecourt-product main.main-content .main-product #productPhoto {
      border: 1px solid #e2e2e2;
      padding: 20px; }
      body.template-product main.main-content .main-product #productPhoto .tyre-icons,
      body.template-forecourt-product main.main-content .main-product #productPhoto .tyre-icons {
        float: left;
        width: 40px; }
      body.template-product main.main-content .main-product #productPhoto #productPhotoImg,
      body.template-forecourt-product main.main-content .main-product #productPhoto #productPhotoImg {
        margin: 35px auto; }
    body.template-product main.main-content .main-product .details-section,
    body.template-forecourt-product main.main-content .main-product .details-section {
      font-size: 16px;
      font-weight: 400; }
      body.template-product main.main-content .main-product .details-section .details-top,
      body.template-forecourt-product main.main-content .main-product .details-section .details-top {
        padding: 8px 4px 4px;
        line-height: 20px;
        margin-bottom: 20px; }
        body.template-product main.main-content .main-product .details-section .details-top h1,
        body.template-forecourt-product main.main-content .main-product .details-section .details-top h1 {
          font-size: 24px;
          font-weight: 600;
          text-transform: uppercase;
          margin-bottom: 0;
          padding: 0 20px; }
        body.template-product main.main-content .main-product .details-section .details-top h2,
        body.template-forecourt-product main.main-content .main-product .details-section .details-top h2 {
          font-size: 24px;
          font-weight: 400;
          margin-bottom: 0;
          padding: 0 20px 8px; }
        body.template-product main.main-content .main-product .details-section .details-top .express-delivery,
        body.template-forecourt-product main.main-content .main-product .details-section .details-top .express-delivery {
          display: none;
          font-size: 12px;
          padding: 4px 20px; }
          body.template-product main.main-content .main-product .details-section .details-top .express-delivery p,
          body.template-forecourt-product main.main-content .main-product .details-section .details-top .express-delivery p {
            margin: 0;
            font-weight: 600;
            line-height: 16px; }
      body.template-product main.main-content .main-product .details-section .details-bottom p.details,
      body.template-forecourt-product main.main-content .main-product .details-section .details-bottom p.details {
        margin-bottom: 0; }
        body.template-product main.main-content .main-product .details-section .details-bottom p.details span.pre,
        body.template-forecourt-product main.main-content .main-product .details-section .details-bottom p.details span.pre {
          font-weight: 600; }
      body.template-product main.main-content .main-product .details-section .details-bottom hr,
      body.template-forecourt-product main.main-content .main-product .details-section .details-bottom hr {
        margin: 12px 0;
        border-top: 1px solid #bec0c1; }
      body.template-product main.main-content .main-product .details-section .details-bottom .product-grid-price,
      body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .product-grid-price {
        font-size: 24px;
        color: #bec0c1;
        margin-bottom: 12px; }
        body.template-product main.main-content .main-product .details-section .details-bottom .product-grid-price .was-price,
        body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .product-grid-price .was-price {
          text-decoration: line-through;
          font-size: 18px; }
        body.template-product main.main-content .main-product .details-section .details-bottom .product-grid-price .price,
        body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .product-grid-price .price {
          font-weight: 600; }
        body.template-product main.main-content .main-product .details-section .details-bottom .product-grid-price .vat,
        body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .product-grid-price .vat {
          font-size: 18px;
          display: block; }
      body.template-product main.main-content .main-product .details-section .details-bottom .buy-wrap,
      body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .buy-wrap {
        max-width: 220px;
        margin-bottom: 24px; }
      body.template-product main.main-content .main-product .details-section .details-bottom .qty-wrap,
      body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .qty-wrap {
        width: calc(100% - 90px);
        margin-bottom: 20px;
        float: left;
        border: 1px solid #bec0c1;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; }
        body.template-product main.main-content .main-product .details-section .details-bottom .qty-wrap label,
        body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .qty-wrap label {
          margin-bottom: -30px;
          height: 30px; }
        body.template-product main.main-content .main-product .details-section .details-bottom .qty-wrap input,
        body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .qty-wrap input {
          text-align: right;
          height: 30px;
          padding: 5px 10px;
          margin-bottom: 0;
          border: transparent;
          background: transparent; }
      body.template-product main.main-content .main-product .details-section .details-bottom .qty-controlers,
      body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .qty-controlers {
        width: 58px;
        float: right;
        border: 1px solid #bec0c1;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; }
        body.template-product main.main-content .main-product .details-section .details-bottom .qty-controlers .minus-sign,
        body.template-product main.main-content .main-product .details-section .details-bottom .qty-controlers .plus-sign,
        body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .qty-controlers .minus-sign,
        body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .qty-controlers .plus-sign {
          width: calc(50% - 1px);
          margin-left: 1px;
          background: #ffffff;
          float: left;
          padding: 5px 0;
          text-align: center;
          cursor: pointer;
          height: 30px; }
          body.template-product main.main-content .main-product .details-section .details-bottom .qty-controlers .minus-sign svg,
          body.template-product main.main-content .main-product .details-section .details-bottom .qty-controlers .plus-sign svg,
          body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .qty-controlers .minus-sign svg,
          body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .qty-controlers .plus-sign svg {
            width: 20px;
            height: 20px; }
            body.template-product main.main-content .main-product .details-section .details-bottom .qty-controlers .minus-sign svg .st0,
            body.template-product main.main-content .main-product .details-section .details-bottom .qty-controlers .plus-sign svg .st0,
            body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .qty-controlers .minus-sign svg .st0,
            body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .qty-controlers .plus-sign svg .st0 {
              fill: none;
              stroke: #bec0c1;
              stroke-miterlimit: 10; }
        body.template-product main.main-content .main-product .details-section .details-bottom .qty-controlers .minus-sign,
        body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .qty-controlers .minus-sign {
          border-right: 1px solid #bec0c1;
          -webkit-border-radius: 5px 0 0 5px;
          -moz-border-radius: 5px 0 0 5px;
          -ms-border-radius: 5px 0 0 5px;
          -o-border-radius: 5px 0 0 5px;
          border-radius: 5px 0 0 5px; }
        body.template-product main.main-content .main-product .details-section .details-bottom .qty-controlers .plus-sign,
        body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .qty-controlers .plus-sign {
          -webkit-border-radius: 0 5px 5px 0;
          -moz-border-radius: 0 5px 5px 0;
          -ms-border-radius: 0 5px 5px 0;
          -o-border-radius: 0 5px 5px 0;
          border-radius: 0 5px 5px 0; }
      body.template-product main.main-content .main-product .details-section .details-bottom .btn,
      body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .btn {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        height: 30px;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 16px;
        padding: 5px; }
        body.template-product main.main-content .main-product .details-section .details-bottom .btn#show-enquiry-form,
        body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .btn#show-enquiry-form {
          width: calc(50% - 15px);
          margin-bottom: 20px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          -o-box-sizing: border-box;
          box-sizing: border-box; }
        body.template-product main.main-content .main-product .details-section .details-bottom .btn#show-callback-form,
        body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .btn#show-callback-form {
          display: none;
          width: calc(50% - 15px);
          margin-bottom: 20px;
          margin-left: 30px;
          float: right;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          -o-box-sizing: border-box;
          box-sizing: border-box; }
      body.template-product main.main-content .main-product .details-section .details-bottom .specs-wrap,
      body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .specs-wrap {
        border-top: 1px solid #bec0c1;
        padding-top: 15px; }
        body.template-product main.main-content .main-product .details-section .details-bottom .specs-wrap h3,
        body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .specs-wrap h3 {
          font-weight: 600;
          font-size: 18px;
          margin-top: 24px; }
          body.template-product main.main-content .main-product .details-section .details-bottom .specs-wrap h3.accordion-title,
          body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .specs-wrap h3.accordion-title {
            margin-top: 0;
            padding-left: 25px;
            position: relative;
            cursor: pointer; }
            body.template-product main.main-content .main-product .details-section .details-bottom .specs-wrap h3.accordion-title.expanded svg,
            body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .specs-wrap h3.accordion-title.expanded svg {
              -webkit-transform: rotate(90deg);
              -moz-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
              -o-transform: rotate(90deg);
              transform: rotate(90deg); }
            body.template-product main.main-content .main-product .details-section .details-bottom .specs-wrap h3.accordion-title svg,
            body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .specs-wrap h3.accordion-title svg {
              width: 20px;
              height: 20px;
              cursor: pointer;
              position: absolute;
              top: 4px;
              left: 0; }
              body.template-product main.main-content .main-product .details-section .details-bottom .specs-wrap h3.accordion-title svg .st0,
              body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .specs-wrap h3.accordion-title svg .st0 {
                fill: none;
                stroke-width: 2;
                stroke-miterlimit: 10; }
        body.template-product main.main-content .main-product .details-section .details-bottom .specs-wrap .accordion-content,
        body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .specs-wrap .accordion-content {
          display: none; }
          body.template-product main.main-content .main-product .details-section .details-bottom .specs-wrap .accordion-content ul,
          body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .specs-wrap .accordion-content ul {
            margin-bottom: 0; }
            body.template-product main.main-content .main-product .details-section .details-bottom .specs-wrap .accordion-content ul li,
            body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .specs-wrap .accordion-content ul li {
              margin-bottom: 0;
              padding: 3px 24px;
              position: relative; }
              body.template-product main.main-content .main-product .details-section .details-bottom .specs-wrap .accordion-content ul li span.ans,
              body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .specs-wrap .accordion-content ul li span.ans {
                float: right; }
              body.template-product main.main-content .main-product .details-section .details-bottom .specs-wrap .accordion-content ul li:nth-child(odd):before,
              body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .specs-wrap .accordion-content ul li:nth-child(odd):before {
                position: absolute;
                content: '';
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                opacity: 0.2; }
        body.template-product main.main-content .main-product .details-section .details-bottom .specs-wrap .product-description,
        body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .specs-wrap .product-description {
          -webkit-transition: height 0.5s linear;
          -moz-transition: height 0.5s linear;
          -ms-transition: height 0.5s linear;
          -o-transition: height 0.5s linear;
          transition: height 0.5s linear;
          overflow: hidden; }
        body.template-product main.main-content .main-product .details-section .details-bottom .specs-wrap .more-info,
        body.template-forecourt-product main.main-content .main-product .details-section .details-bottom .specs-wrap .more-info {
          text-transform: uppercase;
          margin-top: 10px; }

body.template-product main.main-content .main-product #productPhoto {
  position: relative; }
  body.template-product main.main-content .main-product #productPhoto .promo-tag {
    display: none;
    color: #fff;
    padding: 2px 10px;
    position: absolute;
    right: 0;
    font-weight: 600; }
body.template-product main.main-content .main-product .details-section .details-bottom .product-grid-price .price {
  margin-right: 5px; }
body.template-product main.main-content .main-product .details-section .details-bottom .product-grid-price .was-price {
  text-decoration: none !important;
  display: none;
  margin-right: 5px; }
  body.template-product main.main-content .main-product .details-section .details-bottom .product-grid-price .was-price span {
    text-decoration: line-through; }

/* 3.7 - Cart */
body.template-cart main input[type="text"], body.template-cart main input[type="search"], body.template-cart main input[type="password"], body.template-cart main input[type="email"], body.template-cart main input[type="file"], body.template-cart main input[type="number"], body.template-cart main input[type="tel"], body.template-cart main textarea, body.template-cart main select {
  border: 1px solid #F1F1F1; }
body.template-cart main h2 {
  font-size: 32px; }
body.template-cart main .h4 {
  font-size: 18px;
  color: #ef9022;
  font-weight: 600; }
body.template-cart main input[type="text"], body.template-cart main input[type="number"] {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0; }
body.template-cart main .tooltip.tyre-icon-efficiency span {
  margin-left: 22px;
  margin-top: -177px; }
body.template-cart main .tooltip.tyre-icon-efficiency .callout {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  writing-mode: lr-tb;
  top: 53.3%;
  left: -22px !important; }
body.template-cart main .js-qty, body.template-cart main .ajaxifyCart--qty {
  max-width: 97px;
  margin: 0 0 0 auto; }
  body.template-cart main .js-qty input[type="text"], body.template-cart main .ajaxifyCart--qty input[type="text"] {
    text-align: center;
    background-color: #FFFFFF;
    padding: 5px;
    padding-left: 7px;
    width: 59px; }
  body.template-cart main .js-qty .js--add, body.template-cart main .js-qty .ajaxifyCart--add,
  body.template-cart main .js-qty .js--minus, body.template-cart main .js-qty .ajaxifyCart--minus, body.template-cart main .ajaxifyCart--qty .js--add, body.template-cart main .ajaxifyCart--qty .ajaxifyCart--add,
  body.template-cart main .ajaxifyCart--qty .js--minus, body.template-cart main .ajaxifyCart--qty .ajaxifyCart--minus {
    border: 1px solid #F1F1F1;
    background-color: #FFFFFF; }
  body.template-cart main .js-qty .js--add, body.template-cart main .js-qty .ajaxifyCart--add, body.template-cart main .ajaxifyCart--qty .js--add, body.template-cart main .ajaxifyCart--qty .ajaxifyCart--add {
    padding-top: 4px; }
  body.template-cart main .js-qty .js--minus, body.template-cart main .js-qty .ajaxifyCart--minus, body.template-cart main .ajaxifyCart--qty .js--minus, body.template-cart main .ajaxifyCart--qty .ajaxifyCart--minus {
    padding-top: 3px; }
body.template-cart main .details-full .details.text .details {
  font-weight: 400; }
body.template-cart main .cart-row {
  border-top-style: dashed;
  border-color: #CCC;
  padding: 65px 0;
  margin: 0; }
  body.template-cart main .cart-row .cart-product-image {
    border: 1px solid #F1F1F1;
    height: 148px;
    background-color: #FFF;
    padding: 20px; }
    body.template-cart main .cart-row .cart-product-image .tyre-icons {
      text-align: center; }
      body.template-cart main .cart-row .cart-product-image .tyre-icons .tyre-icon {
        border: 1px solid #CCC; }
    body.template-cart main .cart-row .cart-product-image img#productPhotoImg {
      height: 90px;
      margin-bottom: 12px; }
  body.template-cart main .cart-row .add-margin {
    margin-bottom: 20px; }
body.template-cart main .confirm-details {
  padding: 40px 0; }
  body.template-cart main .confirm-details .h2 {
    margin-bottom: 20px; }
body.template-cart main label {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 7px; }
body.template-cart main .cart-total, body.template-cart main .cart-total--price {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px; }
body.template-cart main .small-grey {
  font-size: 12px;
  color: #B1B1B1;
  font-weight: 400;
  margin-top: 10px; }

/* 3.8 - Blogs/Articles/Search */
body.template-search main h1 {
  font-size: 26px; }

/* 3.9 - Page */
body.template-page h1, body.template-page-banner h1 {
  margin-bottom: 10px;
  line-height: 36px; }
body.template-page h2, body.template-page-banner h2 {
  font-size: 36px;
  font-weight: 400;
  line-height: 36px; }
body.template-page h3, body.template-page-banner h3 {
  font-size: 24px;
  font-weight: 600; }
body.template-page h4, body.template-page-banner h4 {
  font-size: 18px;
  font-weight: 600; }
body.template-page .page-header hr, body.template-page-banner .page-header hr {
  margin-top: 65px;
  border-top: 1px solid #bec0c1; }
body.template-page .page-header-promo, body.template-page-banner .page-header-promo {
  text-align: center;
  background-size: cover;
  background-position: center; }
  body.template-page .page-header-promo .banner-wrap, body.template-page-banner .page-header-promo .banner-wrap {
    padding: 45px 20px;
    margin-bottom: 45px; }
    body.template-page .page-header-promo .banner-wrap h1, body.template-page-banner .page-header-promo .banner-wrap h1 {
      color: #ffffff;
      font-size: 32px;
      margin-bottom: 0; }
    body.template-page .page-header-promo .banner-wrap h2, body.template-page-banner .page-header-promo .banner-wrap h2 {
      color: #ffffff;
      font-size: 18px;
      line-height: 22px; }
    body.template-page .page-header-promo .banner-wrap .btn, body.template-page-banner .page-header-promo .banner-wrap .btn {
      font-size: 16px;
      width: 100%;
      max-width: 220px;
      padding: 3px; }
body.template-page .page-content, body.template-page-banner .page-content {
  font-size: 16px; }
  body.template-page .page-content ul, body.template-page-banner .page-content ul {
    counter-reset: item; }
    body.template-page .page-content ul li:before, body.template-page-banner .page-content ul li:before {
      content: counter(item) ". ";
      counter-increment: item; }
  body.template-page .page-content ol, body.template-page-banner .page-content ol {
    margin-left: 0; }
    body.template-page .page-content ol li, body.template-page-banner .page-content ol li {
      list-style-type: none; }
    body.template-page .page-content ol li:before, body.template-page-banner .page-content ol li:before {
      content: '\2022 ';
      padding-right: 10px; }
  body.template-page .page-content .body-top, body.template-page-banner .page-content .body-top {
    margin-bottom: 30px; }
  body.template-page .page-content .body-image, body.template-page-banner .page-content .body-image {
    background: #e6e6e6;
    overflow: hidden;
    margin-bottom: 30px; }
    body.template-page .page-content .body-image img, body.template-page-banner .page-content .body-image img {
      width: 60%;
      float: left; }
    body.template-page .page-content .body-image .body-image-details, body.template-page-banner .page-content .body-image .body-image-details {
      width: 40%;
      float: left;
      padding: 24px;
      font-size: 18px;
      line-height: 28px; }

body.template-page-enquiry .page-content h1 {
  font-size: 24px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  display: inline-block;
  border-bottom: 1px solid #e2e2e2; }
body.template-page-enquiry .page-content p {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 30px; }
body.template-page-enquiry .page-content .parts {
  overflow: hidden; }
  body.template-page-enquiry .page-content .parts .part {
    float: left;
    width: 15%;
    min-height: 100px;
    margin-right: 2%;
    margin-bottom: 20px;
    border: 2px solid #969696;
    text-align: center;
    position: relative;
    cursor: pointer;
    background-size: cover;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    body.template-page-enquiry .page-content .parts .part:nth-child(6n+6) {
      margin-right: 0; }
    body.template-page-enquiry .page-content .parts .part .tick {
      width: 30px;
      height: 30px;
      background: #ffffff;
      position: absolute;
      top: -2px;
      left: -2px;
      border: 2px solid #969696;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
      body.template-page-enquiry .page-content .parts .part .tick svg {
        display: none;
        width: 24px;
        height: 24px; }
        body.template-page-enquiry .page-content .parts .part .tick svg .st0 {
          fill: none;
          stroke-width: 4;
          stroke-miterlimit: 10; }
    body.template-page-enquiry .page-content .parts .part.selected .tick svg {
      display: block; }
    body.template-page-enquiry .page-content .parts .part span {
      position: absolute;
      bottom: 0;
      display: block;
      width: 100%;
      font-size: 18px;
      font-weight: 600;
      padding-bottom: 10px; }
body.template-page-enquiry .page-content .field {
  width: 100%;
  float: left; }
  body.template-page-enquiry .page-content .field.half {
    width: calc(50% - 15px); }
    body.template-page-enquiry .page-content .field.half.first {
      margin-right: 30px; }
  body.template-page-enquiry .page-content .field.action {
    margin-bottom: 30px; }
  body.template-page-enquiry .page-content .field input[type="text"], body.template-page-enquiry .page-content .field textarea {
    font-size: 18px;
    border: 1px solid #969696;
    padding: 10px 15px;
    width: 100%;
    min-height: 45px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
body.template-page-enquiry .page-content .note {
  color: #bec0c1;
  border: 0;
  display: inline-block;
  padding: 0;
  float: left; }
body.template-page-enquiry .page-content .btn {
  min-width: 220px;
  height: 30px;
  padding: 4px;
  float: right; }

/* 404 */
.p404 {
  text-align: center;
  margin: 100px auto; }
  .p404 svg {
    width: 100px;
    height: 100px; }
    .p404 svg .st0 {
      fill: #CC2027; }
    .p404 svg .st1 {
      fill: #FFFFFF; }
  .p404 h1 {
    margin-bottom: 0; }
  .p404 h4 {
    font-size: 18px;
    color: #bec0c1; }
  .p404 a {
    color: #CC2027;
    font-size: 16px; }

.not-selected {
  color: red;
  display: none; }

/*
.tyre-icons .tyre-icon-efficiency, .tyre-icons .tyre-icon-run-flat, .tyre-icons .tyre-icon-reinforced {
    display: none;
}
*/
/* Simple Page */
.body.simple-page iframe {
  height: 600px; }

.highlight {
  background: #e6e6e6; }

.highlight p {
  vertical-align: middle;
  margin-right: 24px; }

.highlight .grid {
  display: flex;
  align-items: center; }

/* garage */
.garage .highlight {
  background: #e6e6e6; }
  .garage .highlight p {
    vertical-align: middle;
    margin-right: 24px; }
  .garage .highlight .grid {
    display: flex;
    align-items: center; }
  .garage .highlight img {
    display: block; }
.garage i {
  background-image: url("../images/sprite_2x-autozen.png");
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  background-size: 395px 395px; }
.garage h2 i {
  background-position: -45px -45px;
  height: 35px;
  margin-right: 10px;
  width: 35px; }
.garage h2:nth-child(1) i {
  background-position: -93px -47px;
  height: 35px;
  width: 35px; }
.garage .address p:nth-child(2) i, .garage .address span:nth-child(2) p i {
  background-position: -41px 0px;
  height: 19px;
  width: 30px; }
.garage .address p:nth-child(3) i, .garage .address span:nth-child(3) p i {
  background-position: -94px 0px;
  height: 19px;
  width: 30px; }
.garage .address p:nth-child(4), .garage .address span:nth-child(4) p {
  padding-bottom: 26px;
  border-bottom: 1px solid #e2e2e2; }
  .garage .address p:nth-child(4) i, .garage .address span:nth-child(4) p i {
    background-position: -143px 2px;
    height: 19px;
    width: 30px; }
.garage .grid-margin {
  margin-bottom: 50px; }

/*end garage*/

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