/* Minification failed. Returning unminified contents.
(9940,29): run-time error CSS1030: Expected identifier, found '.'
(9940,61): run-time error CSS1031: Expected selector, found ')'
(9940,61): run-time error CSS1025: Expected comma or open brace, found ')'
(9946,39): run-time error CSS1030: Expected identifier, found '.'
(9946,71): run-time error CSS1031: Expected selector, found ')'
(9946,71): run-time error CSS1025: Expected comma or open brace, found ')'
(10607,38): run-time error CSS1030: Expected identifier, found '.'
(10607,44): run-time error CSS1031: Expected selector, found ')'
(10607,44): run-time error CSS1025: Expected comma or open brace, found ')'
(10934,57): run-time error CSS1030: Expected identifier, found '.'
(10934,80): run-time error CSS1031: Expected selector, found ')'
(10934,80): run-time error CSS1025: Expected comma or open brace, found ')'
(10939,57): run-time error CSS1030: Expected identifier, found '.'
(10939,80): run-time error CSS1031: Expected selector, found ')'
(10939,80): run-time error CSS1025: Expected comma or open brace, found ')'
(10949,61): run-time error CSS1030: Expected identifier, found '.'
(10949,84): run-time error CSS1031: Expected selector, found ')'
(10949,84): run-time error CSS1025: Expected comma or open brace, found ')'
(10953,61): run-time error CSS1030: Expected identifier, found '.'
(10953,84): run-time error CSS1031: Expected selector, found ')'
(10953,84): run-time error CSS1025: Expected comma or open brace, found ')'
(11164,43): run-time error CSS1046: Expect comma, found '0'
(11164,47): run-time error CSS1046: Expect comma, found '/'
(11291,60): run-time error CSS1030: Expected identifier, found '.'
(11291,81): run-time error CSS1031: Expected selector, found ')'
(11291,81): run-time error CSS1025: Expected comma or open brace, found ')'
(11295,60): run-time error CSS1030: Expected identifier, found '.'
(11295,73): run-time error CSS1031: Expected selector, found ')'
(11295,73): run-time error CSS1025: Expected comma or open brace, found ')'
(11347,61): run-time error CSS1030: Expected identifier, found '.'
(11347,96): run-time error CSS1031: Expected selector, found ')'
(11347,96): run-time error CSS1025: Expected comma or open brace, found ')'
(11359,83): run-time error CSS1030: Expected identifier, found '.'
(11359,95): run-time error CSS1031: Expected selector, found ')'
(11359,95): run-time error CSS1025: Expected comma or open brace, found ')'
(11806,60): run-time error CSS1030: Expected identifier, found ','
(11806,97): run-time error CSS1031: Expected selector, found ')'
(11806,97): run-time error CSS1025: Expected comma or open brace, found ')'
(16409,56): run-time error CSS1030: Expected identifier, found '.'
(16409,114): run-time error CSS1031: Expected selector, found ')'
(16409,114): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/*
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul:not(.nicedit):not(.uls-keep), li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
sup { vertical-align: super; font-size: .5em; }
sub { vertical-align: sub; font-size: .5em; }
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul:not(.nicedit):not(.uls-keep):not(.ls-keep) { list-style: none outside none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; border: 0; outline: 0; color: inherit; transition: color .3s, background-color .3s; }
a:hover { transition: color .0s, background-color .0s; text-decoration: none; }
strong { font-weight: bold; }
b { font-weight: 700; }

/* normalize form elements */
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button,
input { line-height: normal; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }
button[disabled],
input[disabled] { cursor: default; }
input[type="checkbox"],
input[type="radio"] { vertical-align: middle; box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
input[type='number'] { -moz-appearance: textfield; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */
.hr { display: block; height: 2px; border: 0; margin: 15px auto; padding: 0; }
td, th, input, select { vertical-align: middle; }

/* group */
.group:after { content: ""; display: table; height: 0; clear: both; visibility: hidden; }
.group { display: inline-block; }

/* Hide from IE-mac */
* html .group { height: 1%; }
.group { display: block; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.no-float { float: none !important; }
.t-center { text-align: center; }
.v-top { vertical-align: top; }
.v-mid { vertical-align: middle; }
.no-padd { padding: 0 !important; }
.no-marg { margin: 0 !important; }

/*********************************************************************/
/* BEGIN DEV */
#slice-menu { transform-origin: 0 0; transform: scale(0) translate(0, 0); top: 0; left: 0; position: fixed; background: #fff; padding: 25px; border: 1px solid #cccccc; line-height: 1.3em; color: #4663a9; z-index: 9998; display: block; font-family: Aktiv Grotesk, Arial; transition-property: opacity, transform, left; transition-duration: .5s; transition-timing-function: linear; opacity: 0; }
#slice-menu.open { transform: scale(1) translate(-50%, 100px); left: 50%; transition-timing-function: linear; opacity: 1; }
#slice-menu ul { list-style: circle outside none; padding-left: 30px; color: #0e2331; font-weight: 400; }
#slice-menu li { padding: 0 0 0 34px; text-indent: -34px; font-weight: 700; }
#slice-menu ul ul { list-style: disc outside none; }
#slice-menu ul ul ul { list-style: square outside none; }
#slice-menu ul a { color: #4663a9; font-weight: 400; }
#slice-menu .title { list-style: none outside none; font-weight: 700; margin-top: 10px; color: #4663a9; }
.slice-menu-inline { text-align: center; padding-top: 80px !important; }
.slice-menu-inline #slice-menu { position: static !important; transform: none; margin: 50px; width: auto; display: inline-block; text-align: left; opacity: 1; }
/* END DEV */

/*!
 * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

.container {
  width: 100%;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.hidden {
    display: none;
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: inherit;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 7.5px;
  padding-left: 7.5px;
  box-sizing: inherit;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (max-width: 575px) {
    .d-xs-none {
        display: none !important;
    }

    .d-xs-inline {
        display: inline !important;
    }

    .d-xs-inline-block {
        display: inline-block !important;
    }

    .d-xs-block {
        display: block !important;
    }
}
@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}


@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1017px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}


@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}
html { min-height: 100%; scroll-behavior: smooth; }
body {
    color: #000;
    background: #071832;
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    -webkit-text-size-adjust: 100%;
}

#header,
#main-content {background: #dcdbe1;}
#main-content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; flex: 1 1 auto;}
#main-content:after { display: table; clear: both; content: ''; }

.syd-pop-up {display: block;}
#optus-modal {display: block;}
.hide-col { display: none; }
#header { height: 43px; top: 0; left: 0; right: 0; width: 100%; z-index: 50; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); }
#header header { background: #fff; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; top: 0; left: 0; right: 0; z-index: 1; }
#header .header-menu .page-wrap { display: table; height: 100%; }
#header .left { display: table-cell; vertical-align: middle; float: none; }
#header .logo { float: left; display: block; height: 100%; max-height: none; padding: 2px 0; }
#header .logo img { display: block; height: 54px; width:auto; position: static; margin-top: -31px; -moz-transition: height 0.3s ease 0s; -o-transition: height 0.3s ease 0s; -webkit-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s; }
@media (min-width: 1050px) {
    #header .logo img { height: 70px; margin-top: -40px; }
}
#header .dealer-name { margin-right: 10px; }
#header .phone { text-transform: uppercase; margin: 10px 30px; float: left; font-size: 14px;  }
#header .phone span { display: block; }
#header .phone span.number { font-size: 28px; font-weight: bold; line-height: 25px }

#header nav { height: 100%; z-index: 51; position: relative;}
#header nav > div > a { font-weight: 600;font-size: 16px; padding: 0 10px; text-decoration: none; text-transform: uppercase;}

#header nav .price-guarantee-togg { position: relative; width: 265px; width: 217px; padding-right: 0; }
#header nav .price-guarantee-togg span { display: none; }
#header nav .price-guarantee-togg img { display: block; height: 70px; margin: -7px auto 0; -moz-transition: height 0.3s ease 0s; -o-transition: height 0.3s ease 0s; -webkit-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s; position: relative; z-index: 2; }

#header2,
#main-content2 { background: #bdbdbf; }
#main-content2 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#main-content2:after { display: table; clear: both; content: ''; }
#main-content2 .btn-tea{ background-color: #414143  !important; }
#main-content2 .btn-tea:hover{ background-color: #0388ae  !important; }
#main-content2 .btn-new-tyre{ right: 61px;width: 170px;position: absolute;height: 40px;display: table-cell;vertical-align: middle;top: 117px;line-height: 45px;border-radius: 0px; padding: 0px 16px;font-size: 17px; }

.bar-menu-feed {border-bottom: 4px solid #fff;}
.bar-menu-feed:hover {border-bottom: 4px solid #d31213;}

#header2 .tg  {border-collapse:separate;border-spacing:0px 14px;margin:0 auto; color: white;text-align:left;}
#header2 .tg td{font-family:Arial, sans-serif;font-size:15px;padding:5px 5px 5px 0px;overflow:hidden;word-break:normal;}
#header2 .tg th{font-family:Arial, sans-serif;font-size:15px;font-weight:normal;padding:5px 25px 5px 0px;overflow:hidden;word-break:normal;}
#header2 .tg .tg-s6z2{text-align:center; margin-left:18px;padding:7px 17px}
#header2 .menu-bar{background-color:transparent;cursor:pointer}
    #header2 .menu-bar.menu-bar-sub td{
        font-size: 12px;
        padding: 2px 0;
    }
#header2 .menu-bar i {
    border-color: white;
}
#header2 .menu-bar:hover{background-color:#d31213}
#header2 .decoration-none{text-decoration:none}
#main-content2 .active {background-color: rgb(211, 18, 19); border-color:rgb(211, 18, 19);color:#403f41}
#main-content2 .feed-pagination nav * {color: #414143;}
#main-content2 .feed-pagination nav li.active a {color: white;}
#main-content2 .feed-pagination nav a:hover {    border-color: rgb(211, 18, 19); }
#main-content #menu-overlay {
    background: rgba(0,0,0,.8117647058823529);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 3;
    display: none;
    cursor: pointer;
}

tr.spaceUnder > td {	padding-bottom: 1em;}

#header2 {
    position: fixed;
    height: 0px;
    top: 0;
    right: -230px;
    width: 225px;
    z-index: 50;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    transition: 0.5s right ease;
}
#header2 header { background: #404042; height: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 225px; top: 0; left: 0; right: 0; z-index: 1; }
#header2 .page-wrap {width:100%; height: 107px; background: #848484; min-width:0px}
#header2 .left { display: flex; vertical-align: middle; float: none; }
#header2 .logo { float: left; width: 100%; display: block; height: 107px; max-height: none; padding: 0;margin-bottom:27px; background: white; }
#header2 .logo img { display: block; height: 100px; position: static; margin: 0 6px; -moz-transition: height 0.3s ease 0s; -o-transition: height 0.3s ease 0s; -webkit-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s; }
#header2 .dealer-name { margin-right: 10px; }
#header2 .phone { text-transform: uppercase; margin: 10px 30px; float: left; font-size: 14px;  }
#header2 .phone span { display: block; }
#header2 .phone span.number { font-size: 28px; font-weight: bold; line-height: 25px }


#header2 nav { z-index: 51; position: relative; background:#081832; }
#header2 nav > div > a { font: 700 20px/1 "DIN Next LT Pro Condensed"; padding: 0 25px; text-decoration: none; text-transform: uppercase;}

#header2 nav .price-guarantee-togg { position: relative; width: 265px; width: 217px; padding-right: 0; }
#header2 nav .price-guarantee-togg span { display: none; }
#header2 nav .price-guarantee-togg img { display: block; height: 70px; margin: -7px auto 0; -moz-transition: height 0.3s ease 0s; -o-transition: height 0.3s ease 0s; -webkit-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s; position: relative; z-index: 2; }

#phone-number { visibility:visible; }

#sticky-header {
    background-color: white;
    position: fixed;
    width: 100%;
    min-width: 1170px;
    z-index: 1;
    min-height: 107px;
}

#header2 nav .dealer-logo {
    width: 180px;
    height: 100px;
    position: relative;
    border: 3px solid white;
    overflow: hidden;
    margin: 0 auto;
}
#header2 nav .dealer-logo img {
    width: 100%;
    object-fit: cover;
}

.page-not-found-image { content:url("/content/images/v2/tc_errorpage_web.png"); }

.error-page .page-body,
#main-content.error-page {
    background-color: #006A92 !important;
    text-align: center;
}

.tc_page_notfound {
    content: url("/content/images/v2/tc_page_notfound.png");
}
.tc_errorpage {
    content: url("/content/images/v2/tc_errorpage.png");
}

#notify { position: absolute; top: 64px; left: 0; z-index: 10000; width: 100%; margin: 0 auto; text-align: center; height: auto; color: white; display: none; min-width: 320px; padding: 15px; font-size: 22px; font-weight: bold; box-shadow: 0 3px 5px #999; }
#notify.success { background-color: #8ac53e; }
#notify.booked { background-color: rgba(0,172,222,1); }
#notify.error { background-color: #d31214; }

#price-guarantee-fly-out { left: 0; position: fixed; top: 63px; width: 100%; z-index: 0; }
#price-guarantee-fly-out .inner { background: #ffffff none repeat scroll 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #414042; font: 500 16px/23px Roboto; padding: 25px; position: absolute; right: -40px; text-align: left; width: 265px; -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
#price-guarantee-fly-out .page-wrap { position: relative; }
#price-guarantee-fly-out .title { font: 500 19px/23px Roboto; color: #0084b6; }
#price-guarantee-fly-out ul { list-style-position: outside; margin: 0 0 0 20px; }
#price-guarantee-fly-out ul li:before { background: url(/content/images/v2/list-tick-2.png) 50% 50% no-repeat; content: " "; display: inline-block; width: 16px; height: 18px; margin: 0 12px 0 0; vertical-align: middle; }
#price-guarantee-fly-out ul li { margin: 10px 0; }
#price-guarantee-fly-out img { display: none; }
#price-guarantee-fly-out .close-btn { display: none; }

#price-guarantee-fly-out { opacity: 0; -moz-transition: opacity 0s .3s; -o-transition: opacity 0s .3s; -webkit-transition: opacity 0s .3s; transition: opacity 0s .3s; }
.show-priceg #price-guarantee-fly-out { opacity: 1; -moz-transition: opacity 0s; -o-transition: opacity 0s; -webkit-transition: opacity 0s; transition: opacity 0s; }
.show-priceg #price-guarantee-fly-out .inner { -moz-transform: translateY(0) !important; -ms-transform: translateY(0) !important; -o-transform: translateY(0) !important; -webkit-transform: translateY(0) !important; transform: translateY(0) !important; box-shadow: 3px 3px 2px -2px rgba(0, 0, 0, 0.2); }

#header .outlet { display: table-cell; text-align: right; text-transform: uppercase; font: 700 20px/1 "DIN Next LT Pro Condensed"; padding: 0; vertical-align: middle; }
#header .outlet label { text-transform: uppercase; font-size: 30px; display: inline-block; margin: 0 10px 0 0; }
#header .outlet .sel-wrap { font: inherit; font-size: 20px; display: inline-block; vertical-align: middle; float: none; border: 0; margin: 0; }
#header .outlet .sel-wrap .val { margin-left: 0; }

#footer { }
#footer .page-wrap { position: relative; height: 100%; }
#footer .page-wrap #TyreBrands li { width: 100px; height: 75px; margin-top: 10px; margin-right: 10px; display: inline-block; vertical-align: middle; }

.benefit-list { background: #0084b6; height: 86px; }
.benefit-list ul { display: table; border-spacing: 0; border-collapse: collapse; table-layout: fixed; width: 100%; height: 100%; color: #fff; font: 500 14px/17px Roboto; text-align: center; margin: 0 auto; max-width: 970px; }
.benefit-list li { display: table-cell; border: 1px solid #fff; border-width: 0 0 0 1px; vertical-align: middle; }
.benefit-list li:first-child { border-left-width: 0; }
.benefit-list li img,
.benefit-list li span { vertical-align: middle; display: inline-block; text-align: left; }
.benefit-list li img { height: 51px; margin: 0 10px 0 0; }

#Brand-Span { display: table; margin: 0 auto; padding: 30px 0 0; text-align: center; color: #313131; font-size: 60px; }
.red-tag { display: block; height: 8px; width: 200px; background: red; -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); margin: 0 auto; }

#footer .top { background: #fff; padding: 0; }
#footer .top ul { display: table; font-size: 18px; font-weight: 300; text-align: center; width: 100%; height: 100%; table-layout: fixed; }
#footer .top li { display: table-cell; vertical-align: middle; padding: 10px; }
#footer .top img { display: block; width: 100%; margin: 0 auto; }

#footer .bot { font: 100 14px/25px Roboto; color: #fff; }
#footer .wrap { display: table; width: 100%; height: 100%; text-align: center; padding-top: 30px; }
#footer .wrap .featured-imgs > img { max-height: 40px; margin-right: 30px; }
#footer .wrap .featured-imgs > img:last-child { margin-right: auto; }
#footer .shares,
#footer .links,
#footer .Payments,
#footer .btns { float:left; width:30%; height:100%; vertical-align: middle; padding:20px; }
.leftFooter { float:left; display: inline-block; width:17%; }
.rightFooter { float:left; display: inline-block; width:16%; padding-top: 20px; } 
.middleFooter { float:left; display: inline-block; min-width: 320px; width:67%; margin-top: 20px; }
.middleFooter .footer-buttons a { margin-top: 20px; }
.leftFooter span, .rightFooter span, .middleFooter span { font: 500 10px/25px Roboto; color:#969594; padding: 10px 4px;}
.leftFooter { text-align: left; margin-top: 15px; }
.leftFooter #icons > a { padding: 5px; text-decoration: none; display: inline-block; }
.footer-container .bottom-footer {
    display: flex;
    justify-content: space-between;
}
.footer-container .bottom-footer > * {
    margin: 5px 0;
}
.footer-container .bottom-footer div {
    margin: 0;
}
.footer-container hr {
    height: 1px;
    color: gray;
    background-color: gray;
    border: none;
    margin: 20px 0;
}
.thank-you-popup-img { width: 520px; height: 277px; }
div.footer-links > a {
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
    color: #fff;
}
    div.footer-links > a:hover {
        text-decoration: underline;
    }

#footer .shares span .title,
#footer .links span .title,
#footer .Payments span .title,
#footer .btns span .title{ display: table; padding:15px; }
#footer .btns .btn { }
#footer .shares { text-align: left; }
#footer .shares ul { display: table; }
#footer .shares li { display: table-cell; height: 23px; width: 23px; padding: 0 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#footer .shares a { display: block; height: 23px; width: 23px; }
#footer .shares img { display: block; height: 100%; margin: 0 auto; }
#footer .links ul { display: inline-block; vertical-align: middle; }
#footer .links ul li { float: left; margin: 0 8px 0 0; }
#footer .links ul li:before { content: '|'; margin: 0 8px 0 0; }
#footer .links ul li:first-child:before { display: none; }
#footer .links ul li:last-child { margin-right: 0; }
#footer .btns > span { border-spacing: 10px 0; display: table; margin: 0 -10px 0 auto; }
#footer .btns > span > * { display: table-cell; vertical-align: top; min-width: 150px; }

.page-wrap { padding-top:40px; max-width: 1027px; width: 100%; padding: 0 10px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.page-wrap-results-page {
    padding-top: 40px;
    width: 1030px;
    padding: 0 10px;
    margin: 0 auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#change-size { position: absolute !important; margin: auto !important;}

h1, h2, h3, h4 { font: inherit; }
h1 { font: 800 34px/30px "Roboto"; text-transform: uppercase; margin: 0 auto; }
h2 { font: 700 20px/1 "Roboto"; text-transform: uppercase; letter-spacing: -0.2px; }
h2 sub { font: 300 16px/1 "Roboto"; text-transform: uppercase; display: block; letter-spacing: -0.2px; }

.row .btns { margin: auto;}
.btn { cursor: pointer; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none !important; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; }
.btn-sml { font: 700 14px/1 Roboto; padding: 8px 15px; text-transform: none; border-radius: 5px; }
.btn-med { font: 700 14px/1 Roboto; padding: 12px; }
.btn-lrg {
    font: 700 21px/20px Roboto !important;
}


.btn-sm {
    font-size: 12px;
    font-weight: 500;
}

.btn-wht { color: #000 !important; background-color: #fff !important; }
.btn-org { color: #fff !important; background-color: #d07c1e !important; }
.btn-tea { color: #fff !important; background-color: #009ED5 !important; }
.btn-tea:not(.disabled):not(:disabled):hover, .btn-tea:not(.disabled:not(:disabled):not(:disabled)):focus { background: #00698f !important; }
.btn-blk { color: #fff !important; background-color: #000 !important; }
.btn-blk:hover, .btn-blk:focus { background: #111111 !important; }
.btn-gry { color: #556fb0 !important; background-color: #eee !important; }
.btn-gry:hover, .btn-gry:focus { background: #888888 !important; }
.btn-red { color: #fff !important; background-color: #ff0000 !important; }
.btn-red:hover, .btn-red:focus { background: #af0f11 !important; }
.btn-grn { color: #fff !important; background-color: #8ac53e !important; }
.btn-grn:hover, .btn-grn:focus { background: #75a933 !important; }
.btn-grey { color: #fff !important; background-color: #414042 !important; }
.btn-grey:hover, .btn-grey:focus { background: #ffba21 !important; color:#fff }
.btn-tinto { color: #fff !important; background-color: #e2ac09   !important; }
.btn-tinto:hover, .btn-tinto:focus { background: #ffc107 !important; }

.shake {display:inline-block}
.shake {display:block;	position:relative;	-webkit-animation-name: spaceboots;	-webkit-animation-duration: 0.8s;	-webkit-transform-origin:50% 50%;	-webkit-animation-iteration-count: infinite;	-webkit-animation-timing-function: linear;}
.shake:hover, .shake:focus {	-webkit-animation-name: spaceboots;	-webkit-animation-duration: 0.8s;	-webkit-transform-origin:50% 50%;	-webkit-animation-iteration-count: infinite;	-webkit-animation-timing-function: linear;}




.btn-tea.grad { background-image: linear-gradient(45deg, rgba(0,182,232,1) 0px,rgba(0,182,232,1) 40%,rgba(0,162,212,1) 60%,rgba(0,172,222,1) 70%,rgba(0,172,222,1) 100%); }
.btn-red.grad { background-image: linear-gradient(45deg, rgba(198,60,47,1) 0,rgba(188,50,37,1) 80%,rgba(198,60,47,1) 100%); }

.btn.glow { box-shadow: 0 0 3px 1px rgba(255, 255, 255, .5) inset; }

.send-quote-btn { position: fixed; width: 100px; height: 60px; padding:5px; z-index:2; left: 10px; border-radius:5px; background-color:#888E51; bottom: 45%; cursor:pointer; line-height:30px; text-align:center; color:white; }
.send-quote-text { line-height: 60px; }
.send-quote-icon { display: none; }

.icon-active { border-color: #333 !important; }
.vehicle-type-icon { height: 50px; padding: 2px; border: solid; border-width: 1px; border-radius: 4px; border-color: transparent; }
.filter-options { text-align:left; height: auto; }
.icon-left { float:left; cursor: pointer; }
.filter-left { float: left; width: 216px; }
.icon-text { display: inherit; margin: -18px auto; text-align: center; font-size: 12px; font-weight: bold; }

.coupe span { color: black; }
.coupe-selected span { color: #009ED3; }
.coupe img { content: url("/content/images/v2/coupe.png"); }
.coupe-selected img { content: url("/content/images/v2/coupe-Selected.png"); }
.hatch span { color: black; }
.hatch-selected span { color: #009ED3; }
.hatch img { content: url("/content/images/v2/hatch.png"); }
.hatch-selected img { content: url("/content/images/v2/hatch-Selected.png"); }
.sedan span { color: black; }
.sedan-selected span { color: #009ED3; }
.sedan img { content: url("/content/images/v2/Sedan.png"); }
.sedan-selected img { content: url("/content/images/v2/Sedan-Selected.png"); }
.convertible span { color: black; }
.convertible-selected span { color: #009ED3; }
.convertible img { content: url("/content/images/v2/Convertible.png"); }
.convertible-selected img { content: url("/content/images/v2/Convertible-Selected.png"); }
.suv span { color: black; }
.suv-selected span { color: #009ED3; }
.suv img { content: url("/content/images/v2/SUV.png"); }
.suv-selected img { content: url("/content/images/v2/SUV-Selected.png"); }
.van span { color: black; }
.van-selected span { color: #009ED3; }
.van img { content: url("/content/images/v2/VAN.png"); }
.van-selected img { content: url("/content/images/v2/VAN-Selected.png"); }
.four-by-four span { color: black; }
.four-by-four-selected span { color: #009ED3; }
.four-by-four img { content: url("/content/images/v2/fourByFour.png"); }
.four-by-four-selected img { content: url("/content/images/v2/fourByFour-Selected.png"); }
.pick-up span { color: black; }
.pick-up-selected span { color: #009ED3; }
.pick-up img { content: url("/content/images/v2/PickUp.png"); }
.pick-up-selected img { content: url("/content/images/v2/PickUp-Selected.png"); }
.automatic span { color: black; }
.automatic-selected span { color: #009ED3; }
.automatic img { content: url("/content/images/v2/automatic.png"); }
.automatic-selected img { content: url("/content/images/v2/automatic-Selected.png"); }
.manual span { color: black; }
.manual-selected span { color: #009ED3; }
.manual img { content: url("/content/images/v2/manual.png"); }
.manual-selected img { content: url("/content/images/v2/manual-Selected.png"); }
.petrol span { color: black; }
.petrol-selected span { color: #009ED3; }
.petrol img { content: url("/content/images/v2/petrol.png"); }
.petrol-selected img { content: url("/content/images/v2/petrol-Selected.png"); }
.diesel span { color: black; }
.diesel-selected span { color: #009ED3; }
.diesel img { content: url("/content/images/v2/diesel.png"); }
.diesel-selected img { content: url("/content/images/v2/diesel-Selected.png"); }
.lpg span { color: black; }
.lpg-selected span { color: #009ED3; }
.lpg img { content: url("/content/images/v2/lpg.png"); }
.lpg-selected img { content: url("/content/images/v2/lpg-Selected.png"); }

.fourCyl span { color: black; }
.fourCyl-selected span { color: #009ED3; }
.fourCyl img { content: url("/content/images/v2/4cyl.png"); }
.fourCyl-selected img { content: url("/content/images/v2/4cyl-Selected.png"); }
.sixCyl span { color: black; }
.sixCyl-selected span { color: #009ED3; }
.sixCyl img { content: url("/content/images/v2/6cyl.png"); }
.sixCyl-selected img { content: url("/content/images/v2/6cyl-Selected.png"); }
.V6 span { color: black; }
.V6-selected span { color: #009ED3; }
.V6 img { content: url("/content/images/v2/V6.png"); }
.V6-selected img { content: url("/content/images/v2/V6-Selected.png"); }
.V8 span { color: black; }
.V8-selected span { color: #009ED3; }
.V8 img { content: url("/content/images/v2/V8.png"); }
.V8-selected img { content: url("/content/images/v2/V8-Selected.png"); }
.V10 span { color: black; }
.V10-selected span { color: #009ED3; }
.V10 img { content: url("/content/images/v2/V10.png"); }
.V10-selected img { content: url("/content/images/v2/V10-Selected.png"); }




.vehicleOptions tbody tr:hover { background: #bddfec; color:#2c2c2c; cursor: pointer; background: #bddfec;}


.btn-wht.btn-tea { border: 1px solid #0084b6 !important; background-color: #fff !important; color: #0084b6 !important; }
.btn-wht.btn-tea:hover, .btn-wht.btn-tea:focus { border: 2px solid #00698f !important; padding: 11px; }

#main-content .page-title { justify-content: center; }
#main-content .page-title h1 { margin-bottom: 25px; }
#main-content .page-title .line { margin-bottom: 15px; }
#main-content .page-title .bottom-title { margin-bottom: 40px; }
.page-title h1 { text-transform: none; color:white;}

.s60 { font: 500 20px/24px "DIN Next LT Pro"; margin: -6px 0 0; float: right; width: 666px; text-transform: uppercase; position: relative; }
.s60 div { position: absolute; bottom: 0; left: 0; overflow: hidden; height: 0; height: 24px; -moz-transition: height .3s; -o-transition: height .3s; -webkit-transition: height .3s; transition: height .3s; }
.s60 img { float: left; margin: 0 10px 0 0; }

.quote-wrap { margin: 0 0 20px;  }
.quote-wrap-inner { position: relative; }
.quote-wrap-inner:after { content: ''; clear: both; display: table; }

/* TABS */
.tab-wrap.active .tab a {
    background-color: white !important;
}
.tab-wrap.active .tab a span{
    color: red;
    font-weight: bold;
}
.tab-home span{
    font-size: 20px;
}
/*.q-tabs .tab { display: table; position: absolute; text-align: center; text-decoration: none; top: 0; width: 50%; height: 120px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; }*/
.q-tabs .tab {
    display: table;
    position: absolute;
    text-align: center;
    background-color: white;
    text-decoration: none;
    top: 0;
    width: 34%;
    height: 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.q-tabs .tab a:after { content: ''; position: absolute; left: 0; bottom: -2px; height: 0; right: 0; background-color: transparent; -moz-transition: background-color .3s; -o-transition: background-color .3s; -webkit-transition: background-color .3s; transition: background-color .3s; }
.q-tabs .tab a { position: relative; display: table-cell; height: 100%; text-align: center; text-decoration: none; vertical-align: middle; width: 100%; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; }
.q-tabs .tab a span { display: block; margin: 0 auto; color: #fff; font: 400 20px/1 "DIN Next LT Pro"; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; }
.q-tabs .tab strong { font: 400 34px/1 "DIN Next LT Pro Condensed"; text-transform: uppercase; text-decoration: underline; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; }

.q-tabs .lrg { margin: 0 auto 8px; height: 42px; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; }
.q-tabs .camera { height: 36px !important; }

.q-tabs { padding: 50px 0 0; position: relative; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; min-height: 0; overflow: hidden; }
.step0 .q-tabs { padding: 220px 0 0; }
.step0 .q-tabs .tab { height: 200px; }

.step0 .q-tabs .lrg { margin: 0 auto 5px; height: 71px; }
.step0 .q-tabs .camera { height: 55px !important; }

.step0 .q-tabs .tab a:after { height: 0; }
.step0 .q-tabs .tab a { padding: 10px 0 0; }
.step0 .q-tabs .tab a span { font-size: 21px; margin: 10px auto; }
.step0 .q-tabs .tab strong { font-size: 40px; }

.q-tabs .tab-c-wrap { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
.q-tabs .tab-content {  position: absolute; left: 0; top: 0; width: 100%; border-radius: 0px 0px 10px 10px; border-top: 4px solid transparent; opacity: 0; -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; background: #fff; }
.lt-ie9 .q-tabs .tab-content { display: none; }

.q-tabs .active .tab a:after { height: 2px; }
.q-tabs .active .tab-content { opacity: 1; z-index: 1; position: relative; }
.lt-ie9 .q-tabs .active .tab-content { display: block; }

.q-tabs #tab-1 .tab { left: 0; padding: 0 1px 0 0; }

.q-tabs #tab-2 .tab { left: 32.88%; padding: 0 0 0 1px; }

/*.q-tabs #tab-3 .tab { left: 50%; padding: 0 0 0 1px; }*/
.q-tabs #tab-3 .tab { left: 66%; padding: 0 0 0 1px; }

.q-tabs .tab-home .tab a:after,
.q-tabs .tab-home .tab a { background-color:black; opacity: 0.92 }  /*#009ED5*/
.q-tabs .tab-home .tab-content {
    border-color: white;
    min-height: 350px;
}
.q-tabs .tab-home .tab a:hover:after,
.q-tabs .tab-home .tab a:hover,
.q-tabs .tab-home .tab a:active { background-color: white; } /*#00698f*/
.q-tabs .tab-home .tab a:hover span { color: red;}
.q-tabs .tab-home .tab:hover + .tab-c-wrap .tab-content { border-color: white; }

/* Content */

.photo-text:before {
    content: 'Upload a Photo';
}

#tab-3 .upload-photo-title { font: 700 30px/26px 'DIN Next LT Pro Condensed'; margin: 30px; }
#upload-container { height: 460px; }
#upload-button { clear: both; display:block; float:left; margin: 0 auto; width:60%; margin:20px;}
#loading-symbol { float:left; margin-left:20px; width:25% }

.add-photo {  width:110px; height:110px; background-color:rgba(65,64,66,0.2); border-color:darkgrey; border-width:medium; border:dashed; border-radius:5px; text-align:center; position:relative; }
.add-photo:hover,
.add-photo:active { background-color: rgba(73,72,78,0.53); }
.delete-photo { position:absolute; background-color:transparent; height:100%; width:100%; z-index: 1000;}
.delete-photo:hover,
.delete-photo:active { position:absolute; background-color:rgba(65,64,66,0.6); background-image: url("/content/images/v2/20-rubbishbin.png"); background-position:center; background-repeat: no-repeat; height:100%; width:100%; }
#photo-thumbnails { width:70%; height:130px; margin: 0;}

.photo-instructions { margin: 20px auto; display: block; content:url("/content/images/v2/15-wheelpics.png");}
#PhotoUploaderFormImg { float:left; width:30%; height:280px; }
#PhotoUploaderForm { float:left; width:70%; height:280px; position: relative; }
#PhotoUploaderForm ul li { font: 500 16px/12px 'DIN Next LT Pro'; margin: 20px 20px 30px 30px; }
.PhotoUploaderForm ul { margin: 0;}
.camera-koala { position:absolute; top:0px; right:0px; margin:50px 100px }

.divTable {
    display: table;
    width: 80%;
    text-align: left;
}

.rate-reviews .divTable {
    width: 100%;
}

.divTableRow {
    display: table-row;
}

.divTableCell, .divTableHead {
    border: 0px solid #fff;
    display: table-cell;
    padding: 5px 50px 5px 0px;
    vertical-align: middle;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.sel-wrap:not(.no-arrow):after {
    content: "";
    position: absolute;
    /*background: url("/content/images/v2/searchbox/arrow_down.png") no-repeat 100% 50% transparent;*/
    width: 11px;
    height: 6px;
    top: 16px;
    right: 10px;
}

.lt-ie9 .sel-wrap select { filter: alpha(opacity=0); }
.sel-wrap option { padding: 5px 20px; }

.model-form .content { padding: 50px 20px; }
.model-form label { display: block; margin: 0 0 7px; font: 400 16px/1 "DIN Next LT Pro"; }
.model-form .inp-row { height: 48px; margin-bottom: 10px;}
.model-form .sel-wrap.year { width: 47%; }
.model-form .sel-wrap.make { width: 47%; }
.model-form .sel-wrap.model { width: 97%; }
.model-form .btn-wrap { overflow: hidden; }
.model-form .btn-wrap .btn { -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing: border-box; line-height: 24px;  display: block; /*text-transform: uppercase;*/ }


.model-results .content { padding: 10px 0; border-top: 1px solid #dcdbe1; }
.model-results h4 { font: 700 21px/1 "DIN Next LT Pro"; margin: 14px 25px 24px; }
.model-results ul { color: #0084b6; font: 400 15px/16px "Arial"; }
.model-results li { padding: 14px 25px; cursor: pointer; }
.model-results li:nth-of-type(2n+1) { background: #f2f2f2; }
.model-results .btn { border-radius: 8px; float: right; font: 400 9px/16px Roboto; padding: 0; width: 52px; background-color: #00acde; margin: 0 0 0 10px; }
.model-results a { overflow: hidden; display: block; }

.steps-list { font: 500 13px/16px "DIN Next LT Pro"; margin: 0 0 25px; border-bottom: 1px solid #e5e5e5; letter-spacing: -.3px; }
.steps-list:after { content: ''; clear: both; display: table; }
.steps-list li { margin: 0 15px 10px 0; float: left; color: #dcdbe1; }
.step1 .steps-list .s1,
.step2 .steps-list .s1,
.step3 .steps-list .s1,
.step2 .steps-list .s2,
.step3 .steps-list .s2,
.step3 .steps-list .s3 { color: #000; }

input[type=text],
input[type=number],
input[type=password],
input[type=email],
input[type=tel],
textarea { margin: 0; border: 1px solid #ccc; position: relative; background: #fff; font-size: 14px; min-height: 48px; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.input-hours { width: 75px; padding: 10px 5px;}
.thLabel { width: 60px; text-align: right; padding: 5px; }
.thAm { width: 115px; }
.thDash { width: 25px; text-align:left; }
.thPm { width: 115px; }

.inp-cur { position: relative; font: 400 16px/21px "DIN Next LT Pro"; }
.inp-cur input { padding-left: 22px; }
.inp-cur:after { content: "$"; left: 10px; margin: -10.5px 0 0; position: absolute; top: 50%; }

.quote-wrap .row-form .steps-list { margin-left: 20px; margin-right: 20px; }
.quote-wrap .row-form .content { overflow: hidden; }
.quote-wrap .row-form .inp-row { font: 700 16px/1 Arial; padding: 0 25px; margin: 0 auto 15px; }
.quote-wrap .row-form .inp-row label { font-family: inherit; float: left; line-height: 25px; width: 220px; text-align: right; margin: 9px 10px 0 0; }
.quote-wrap .row-form .inp-row .label { margin: 0 0 0 5px; }
.quote-wrap .row-form .inp-row input[type=text],
.quote-wrap .row-form .inp-row input[type=email],
.quote-wrap .row-form .inp-row input[type=tel],
.quote-wrap .row-form .inp-row textarea { min-height: 40px; width: 100%; color: #000; }
.quote-wrap .row-form .inp-row textarea { height: 68px; min-height: 68px; max-height: 200px; resize: vertical; font-size: 13px; }
.quote-wrap .row-form .inp-row.name input { width: 150px; }
.quote-wrap .row-form .inp-row.pcode input { width: 78px; }
.quote-wrap .row-form .inp-row.phone input { width: 150px; }
.quote-wrap .row-form .inp-row .note { color: #a1a1a1; display: block; font: 300 12px/1 "DIN Next LT Pro"; margin: 5px 0 -5px 230px; }
.quote-wrap .row-form .btn-row { }
.quote-wrap .row-form .btn-row .btn { min-width: 110px; }
.quote-wrap .row-form .btn-row label { font-weight: 300; }
.quote-wrap .row-form .btn-row .err-msg { color: red; padding: 20px 0; display: block; font-size: 14px; font-weight: normal; }

.tyreBox { background-color: red; }
.vehicleBox { background-color: #009ed5; margin-left:1px;}
.searchTab { border-radius: 5px 5px 0 0; width: 250px; font-size: 20px; padding: 10px 20px; border-color: #8E8B8B; border-style: solid; border-width: 1px 1px 0 1px; text-align:center; float:left;}
.searchTab img { height: 45px; }
.searchTab span { display: block; color: white; font-size: 15px; }
.searchContent { overflow:hidden; padding: 20px; border: #8E8B8B; border-style: solid; border-width: 1px; border-radius: 0 5px 5px 5px; background-color:white; margin-bottom: 30px; }

.tyreBox-Popup { background-color: #d32027; }
.vehicleBox-Popup { background-color: #009ed5; margin-left: 4px;}
.searchTab-Popup { width: 90.3%; font-size: 20px; padding: 40px 20px; text-align:center; float:left;}
.searchTab-Popup img { height: 45px; }
.searchTab-Popup span { display: block; color: white; font-size: 15px; }
.searchContent-Popup { overflow:hidden; background-color:white; margin-bottom: 10px; }
.content-border-popup { color: black; width: 98%; height: auto; text-align: left; }

.searchtyrepopup { width:300px;  margin: 0 auto; }


.details-search-left { float:left; width:34%; text-align:right; padding: 0 3%; margin: 0 0 15px; }
.details-search-right { float:left; width:60%; text-align:left; margin: 0 0 15px; }
.note-search { color: #a1a1a1; display: block; font: 300 11px/1 "DIN Next LT Pro"; margin: 5px 0 0 0;}
.details-search-left label { font: 500 16px/48px Arial; }

.TyreParamsSearchLeft { float:left; margin-bottom: 15px; background: #dcdbe1; padding: 10px; margin-right: 2px; }
.TyreParamsSearchLeft div { width: 105px !important; }
.TyreParamsSearchLeft .sel-wrap { margin: 0px; height: 36px; width: 76px !important; font-size: 15px; line-height: 40px; }
.TyreParamsSearchLeft .sel-wrap .val { margin: 0 0px 0 8px; width: 76px !important; }
.TyreParamsSearchRight { float:right !important; }
.TyreParamsSearchRight-popup { float:right !important; margin-top: 20px }

#vehicleMakeDdl { width:250px !important; }
#vehicleModelsDdl { width:205px !important; }
#vehicleDetailsDdl { width:584px !important; }
#vehicleYearDdl {  }
.bottomSearch { width:100%; overflow:hidden; margin-bottom: 15px;}

#vehicleYearDdl-popup { width: 190px !important; }
#vehicleModelsDdl-popup { width:97% !important; }
#vehicleDetailsDdl-popup { width:97% !important; }

.noResultsDiv { text-align:left; max-width: 450px; margin: 0 auto; margin-top: 50px; }
.noResultsDiv .not-found-quote-request-page-wrap {
        padding: 20px !important;
        font-size: 15px;
        line-height: 36px;
    }
.noResultsDiv p { font-size: 20px; }

.mobile-ret-img { height:50px; display:inherit; }
.mobile-ret-img-lg {
    height: 200px;
    display: inherit;
}
.mobile-ret-text { display:inherit; font-weight: 900; }
.mobile-ret-we { display:inherit; font-size: 14px; margin-top: 5px; font-weight: 500; }
.store-ret-km { display:inherit; font-size: 13px; font-weight: 500; }

.quote-wrap .submit-confirm { background: #0084b6 none repeat scroll 0 0; color: #ffffff; font: 400 18px/1 Roboto; padding: 35px 25px; display: table; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.quote-wrap .submit-confirm h2 { font-family: inherit; -moz-font-feature-settings: inherit; -webkit-font-feature-settings: inherit; font-feature-settings: inherit; font-kerning: inherit; font-language-override: inherit; font-size: 23px; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-synthesis: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; }
.quote-wrap .submit-confirm p { line-height: 1.5; margin: 5px 0 0; }
.quote-wrap .submit-confirm .tick { padding: 0 25px 0 30px; opacity: 0.6; display: table-cell; vertical-align: top; }
.quote-wrap .submit-confirm .content { display: table-cell; vertical-align: middle; width: 90%; }

.quote-wrap .next-steps { padding: 40px 0 35px; max-width: 571px; margin: 0 auto; }
.quote-wrap .next-steps h3 { font: 700 18px/1 Roboto; padding-left: 7px; }
.quote-wrap .next-steps ul { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; margin: 0 auto; }
.quote-wrap .next-steps li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font: 300 14px/18px Roboto; padding: 35px 7px 0; text-align: center; display: table-cell; width: 33.3333%; vertical-align: top; }
.quote-wrap .next-steps .num { display: block; margin: 0 auto 13px; max-width: 175px; }
.quote-wrap .next-steps .content { margin: 0; }
.quote-wrap .next-steps .content p { margin: 0; }

.size-selector:after,
.size-selector .params-row:after { content: ''; clear: both; display: table; }
.size-selector { padding: 20px 15px 0 20px; position: relative; }
.size-selector .or-row { height: 1px; background: #000; text-align: center; margin: 10px; position: relative; }
.size-selector .or-row span { background: #fff; position: absolute; left: 50%; top: -8px; margin: 0 -20px; color: #000; font: 300 16px/1 "DIN Next LT Pro"; width: 40px; text-align: center; }
.size-selector .end {   border: 0 solid #e5e5e5;  position: relative;}
.size-selector .dbl { display: none; }
.size-selector .end h3 { font: 700 21px/1 "DIN Next LT Pro"; }
.size-selector .end > h3 { position: absolute; top: -10px; left: 0; right: 0; text-align: center; text-transform: uppercase; display: none; }
.size-selector .end > h3 span { display: inline-block; background: #fff; padding: 0 10px; }
.size-selector .end h4 { font: inherit; margin: 0 auto 10px; }
.size-selector .end .uploaded-row { padding: 15px 10px 0; }
.size-selector .end .uploaded-row h4 { font: 700 34px/30px "DIN Next LT Pro Condensed"; }
.size-selector .end .photo-wrap { max-width: 100%; overflow: hidden; position: relative; }
.size-selector .end .photo-wrap img { max-width: 100%; display: block; }
.size-selector .end .photo-wrap .rem { text-indent: -999px; background: url("/content/images/ts-rem.png") no-repeat 70% 30% #fff; width: 30px; height: 30px; right: 0; top: 0; position: absolute; }
.size-selector .end .photo-row { padding: 16px 10px 10px; margin: 0 0 0 5px; display: none; }
.size-selector .end .photo-row label { display: block; overflow: hidden; }
.size-selector .end .photo-row .btn-ul { float: right; }
.size-selector .end .or-row { background: #e5e5e5; display: none; }
.size-selector .end .or-row span { color: #808080; }
.size-selector .end .params-row { margin: 0 -2px; }
.size-selector .end .params-row h4 { padding: 0 2px; margin: 0 auto; }
.size-selector .end .params-row .tyre { bottom: -140px; left: 50%; position: absolute; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.size-selector .end .params-row label { margin: 0 2px 5px; font: 500 16px/20px "DIN Next LT Pro"; display: block; }
.size-selector .end .params-row .sel-wrap { float: none; width: 100%; height: 40px; border: 1px solid #ccc; z-index: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; display: block; text-align: center; position: relative; background: #fff url("/content/images/sel-darr.png") no-repeat 120% 50%; }
.size-selector .end .params-row .sel-wrap .val { margin: 0 auto; font-size: 16px; font-weight: bold; line-height: 44px; text-indent: 10px; text-align: left; }
.size-selector .end .params-row .sel-wrap .title.compare-title { min-width: 80px; text-align: left; }

/*.content .input-address:before {
    content: "";
    display: inline;
    width: 14px;
    position: absolute;
    height: 28px;
    background: url(/content/images/v2/point-blue.png) 0 0 no-repeat;
    background-size: contain;
    z-index: 9;
    top: 13px;
    left: 10px;
}*/

.size-selector .cbd .photo-row label { display: block; font: 700 34px/30px "DIN Next LT Pro Condensed"; margin: 0 0 20px; }

.size-selector .chg-sgl { color: #0084b6; font: 700 14px/1 "DIN Next LT Pro"; display: none; }
.size-selector .chg-dbl { color: #0084b6; font: 700 15px/20px "DIN Next LT Pro"; }

.size-selector.t4 .end { display: block; border-width: 1px 1px 0; font: 300 14px/20px "DIN Next LT Pro"; padding-top: 15px; }
.size-selector.t4 .cbd { display: none; }
.size-selector.t4 .end > h3 { display: block; }
.size-selector.t4 .end .photo-row { display: block; }
.size-selector.t4 .end .or-row { display: block; }
.size-selector.t4 .end .params-row h4 { padding: 0 12px; margin: 0 auto 10px; }
.size-selector.t4 .end .params-row h4 br { display: none; }

.size-selector .end.upload .uploaded-row { display: block; }
.size-selector .end.upload .params-row,
.size-selector .end.upload .or-row,
.size-selector .end.upload .photo-row,
.size-selector.uploading .cbd { display: none; }

.size-selector.t4 .chg-sgl { display: block; }
.size-selector.t4 .chg-dbl { display: none; }

.stars-img {
    max-width: 320px;
}
/*   SEARCH BOX       */
.tyres-label {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
}
.tyre-descr {
    font-size: 16px;
}
.tyre-row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}
.tyre-border {
    border: 1px solid #e9e9e9 !important;
    border-radius: 5px;
}

.br-lr-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.br-rr-0 {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.btn-standart {
    width: 280px;
    height: 45px;
    font-weight: 700;
    font-size: 15px;
}

.tyres-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 35px 22px;
    position: relative;
}
.arrow-head {
    position: absolute;
    padding: 0 25px 0;
    left: 0;
}
.sel-wrap {
    margin: 0 10px 0 0;
    border: 1px solid #ccc;
    float: left;
    height: 100%;
    position: relative;
    background: url(/content/images/sel-darr.png) no-repeat 100% 50% #fff;
    font: 400 16px/48px "DIN Next LT Pro";
    overflow: hidden;
}
.sel-wrap select {
    font: inherit;
    opacity: 0;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: transparent;
    border: medium none;
    height: 100%;
    outline: medium none;
}
.sel-wrap .val {
    margin: 0 40px 0 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font: inherit;
}
.search-box-container {
    border-radius: 5px;
    overflow: hidden;
}
.search-box-container .tabs-block {
    flex-wrap: nowrap;
    text-align: center;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.search-box-container .tabs-block .tab {
    flex: 1 1 160px;
    background-color: black;
    color: white;
    font-size: 18px;
    font-weight: bold;
}
.search-box-container .tabs-block .tab > div:nth-child(1) {
    margin-top: 10px;
}
.search-box-container .tabs-block .tab > div:nth-child(2) {
    margin-bottom: 10px;
}
.search-box-container .tabs-block .tab:not(:last-child) {
    border-right: 1px solid #666666;
}
.search-box-container .tabs-block .tab:hover,
.search-box-container .tabs-block .tab.active {
    background-color: white;
    color: red;
    cursor: pointer;
}
.search-box-container .tab-content {
    background-color: white;
    border-radius: 0 0 5px 5px;
}
.search-box-container .sel-wrap .title {
    margin: 0 5px 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font: inherit;
    font-size: 15px !important;
    text-transform: uppercase;
    color: grey;
}
.search-box-container .sel-wrap .value {
    display: inline;
    font-size: 18px;
    font-weight: 400;
    max-width: 80px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.search-box-container .sel-wrap.c-1 .value {
    max-width: 380px;
}
.search-box-container .sel-wrap.c-2 .value {
    max-width: 180px;
}
.search-box-container .sel-wrap.c-3 .value {
    max-width: 70px;
}
.search-box-container .sel-wrap {
    position: relative;
    font: 400 16px/48px "DIN Next LT Pro";
    background: none;
    overflow: hidden;
    border-radius: 5px;
    margin: 0;
    float: none;
    display: flex;
}

.search-box-container .btn-go {
    margin: 20px 0 0;
}
.search-box-container .photo-container-img {
    width: 100%;
}
.search-box-container .photo-container-img:not(:last-child) {
    margin-right: 15px;
}
.search-box-container input,
.search-box-container input:hover {
    border: none !important;
}
.search-box-container .tyre-location {
    width: 100%;
    position: relative;
}
.search-box-container .tyre-location input { 
    display: inline;
    padding-left: 30px;
}
.search-box-container .tyre-location::before {
    content: "";
    display: inline;
    width: 14px;
    position: absolute;
    height: 28px;
    background: url(/content/images/v2/point-blue.png) 0 0 no-repeat;
    background-size: contain;
    z-index: 9;
    top: 13px;
    left: 10px;
}
.search-box-container .uploaded_photo {
    border-radius: 3px;
}
.search-box-container .change-photo {
    font-size: 15px;
    font-weight: 400;
}
.search-box-container #tyres-photo-uploaded .tyres-contact-details > .tyre-border:not(:last-child) {
    margin-bottom: 10px;
}
.search-box-container #tyres-home .tyres-label {
    margin-bottom: 0;
}

.stretch {
    flex: 1 1;
}

.compare-title {
    float: left;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 400!important;
}


/* HOME  */
#tyres-home {
    padding: 25px 25px 15px;
    width: auto;
    flex-direction: column;
}
.tyre-element {
    padding: 28px 15px;
    margin: 0 0 10px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    width: auto;
    cursor: pointer;
}
.tyre-element:hover {

}


    .tyre-element .element-text {
        flex-basis: 100%;
    }
.tab-content .tyre-element .element-text {
    flex-basis: 65%;
}
/* HOME END */

/* SIZE  */
.size-input {
    margin-top: 10px;
}
#tyres-size .selectors {
    justify-content: space-between
}
#tyres-size .sel-wrap:hover,
#tyres-size .sel-wrap:active,
#tyres-size .sel-wrap:focus {
    border-color: #888;
}
.l {
    flex: 2 1;
}
/* SIZE END */
/* PHOTO */
.uploaded-photo {
    flex: 2 1 120px;
    text-align: center;
}

.upload-content {
    height: 280px;
}

.uploaded-photo img {
    max-width: 120px;
    max-height: 120px;
}

.tyres-contact-details {
    flex: 1 1 280px;
}

.details-input {
    padding: 15px 10px;
    margin-bottom: 10px;
    width: -webkit-fill-available;
}

/* PHOTO END */

/* VEHICLE */
.Address_Postcode3 {
    width: 100%;
}
.tyres-vehicle {
    width: auto;
    position: relative;
}
.font-weight-bold {
    font-weight: bold;
}

.tyre-vehicle-descr {
    font-size: 17px;
}
#tyres-vehicle-2 .content {
    margin: 15px 0;
    width: 100%;
}

#tyres-vehicle-2 .content table {
    font-size: 14px;
    width: 100%;
}
.table-vehicle-head {
    height: 30px;
    color: gray;
    text-transform: uppercase;
}
.table-vehicle-content td{
    padding: 10px;
}
.table-vehicle-head td {
    padding: 15px 10px;
}
    .table-vehicle-row {
        height: 30px;
    }

.vehicleOptions {
    border-collapse: collapse;
    font-family: Roboto;
    font-size: 13px;
}

.vehicleOptions tbody tr:hover,
.vehicleOptions tbody tr.active {
    background: #b3ddec;
    color: #2c2c2c;
    cursor: pointer;
}

/* VEHICLE END */
/*   SEARCH BOX END   */
.quote-res-head .head-wrap:after {
    content: '';
    clear: both;
    display: table;
}
.quote-res-head { background: #0084b6; font: 400 16px/20px "DIN Next LT Pro"; color: #fff; padding: 115px 0 35px; margin: -63px 0 20px; }
.quote-res-head h1 { font: 400 21px/1 "DIN Next LT Pro"; }
.quote-res-head h1 span { display: block; font-size: 34px; position: relative; top: -5px; }
.quote-res-head .label { font-weight: 300; text-transform: uppercase; margin: 0 0 5px; display: block; }
.quote-res-head .spec { font: 500 21px/21px "DIN Next LT Pro"; text-transform: uppercase; }
.quote-res-head .vehicle { margin: 0 0 10px; }

.quote-results { padding: 0 0 30px; }
.quote-results .sort-row:after { display: table; content: ''; clear: both; }
.quote-results .sort-row { color: #000; margin: 20px 0 -20px; }
.quote-results .sort-row .sel-wrap { float: right; border: 1px solid #000; background: url("/content/images/sel-darr.png") no-repeat 100% 50% transparent; min-width: 220px; margin: 0; }
.quote-results .sort-row select { color: #000; }
.quote-results .sort-row option { background: #dcdbe1; color: #000; }

.quote-results .loc-row { margin: 10px 0; font: 300 16px/1 "DIN Next LT Pro"; text-transform: uppercase; }
.quote-results .loc-row:before { background: url("/content/images/res-pin.png") no-repeat 0 50%; float: left; margin: 0 10px 0 0; content: ''; width: 11px; height: 23px; position: relative; top: -6px; }
.quote-results .loc-row strong { font-size: 21px; font-weight: 700; }

.quote-results .result-row { margin: 0; }
.quote-results .result-row:before,
.quote-results .result-row:after { content: ''; clear: both; display: table; }
.quote-results .result-row a { color: #0084b6; }

.quote-results article .badges { position: absolute; top: 0; right: 10px; }
.quote-results article .badges > div { margin: 0 0 0 10px; text-transform: uppercase; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 5px 5px 34px; position: relative; float: left; }
.quote-results article .badges .top-quote { background: url("/content/images/badge-bot.png") no-repeat 50% 100% #d31214; font: 700 14px/1 "DIN Next LT Pro Condensed"; color: #fff; }

.quote-results article[name=old-style] { float: left; padding: 0 0 2px 2px; width: 33.3333%; width: calc(100 / 3); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font: 400 14px/18px "DIN Next LT Pro"; position: relative; }
.quote-comp-page article .new-catalogue-tyre { float: left; padding: 0 0 2px 2px; }

.quote-results article .content { position: relative; background: #fff; padding: 0 20px 20px 20px; }
.quote-results article .more { display: none; }
.quote-results .logo { border-bottom: 1px solid #e5e5e5; }
.quote-results .logo .inner { background: url("/content/images/res-brand-bg.png") no-repeat 0 50% #fff; padding: 15px 0 15px 64px; }
.quote-results .logo .inner .model { font: 400 16px/1 Arial; }
.quote-results .logo .inner .specs { font: 200 14px/1 "DIN Next LT Pro"; color: #a1a1a1; margin: 8px 0 0; }
.quote-results .pricing { padding: 15px 0; font: 400 14px/18px Arial; }
.quote-results .incl { font-size: 12px; margin: 0 0 5px; }
.quote-results .specs { display: table; width: 100%; }
.quote-results .end { display: table-cell; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.quote-results .end:first-child { padding: 0 5px 0 0; }
.quote-results .end .label { font-weight: 700; }
.quote-results .price { display: block; font-size: 12px; }
.quote-results .availability { font-weight: 500; color: #5ba176; }
.quote-results .availability.false { color: #d00; }
.quote-results article .desc { color: #a1a1a1; margin: 0 0 15px; min-height: 54px; }
.quote-results article .desc .over { overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 36px; }
.quote-results article .business { font-family: "Arial"; position: relative; overflow: hidden; }
.quote-results article .business .contact { opacity: 0; position: relative; -moz-transition: opacity .5s; -o-transition: opacity .5s; -webkit-transition: opacity .5s; transition: opacity .5s; }
.quote-results article .business.display .contact { opacity: 1; }
.quote-results article .business .title { margin: 0 0 6px; }
.quote-results article .business .btn-show-ctct { bottom: 0; margin: 6px 0 0; position: absolute; width: 100%; -moz-transition: bottom .5s; -o-transition: bottom .5s; -webkit-transition: bottom .5s; transition: bottom .5s; vertical-align: middle; }
.quote-results article .business.display .btn-show-ctct { bottom: -100%; }
.quote-results .more-results { background: #fff; float: right; font: 400 14px/1 "DIN Next LT Pro"; margin: 0 0 -20px; padding: 13px 20px; text-align: right; }

.squote-head .head-wrap:after { content: ''; clear: both; display: table; }
.squote-head { background: #0084b6; font: 400 16px/20px "DIN Next LT Pro"; color: #fff; padding: 47px 0 23px; margin: 0 0 30px; }
.squote-page .squote-head .squote-head-fixed {
    position: fixed;
    width: calc(100% - 220px);
    z-index: 10;
}
.squote-head .label { font-weight: 300; text-transform: uppercase; margin: 0 0 5px; }
.squote-head .spec { font: 500 21px/21px "DIN Next LT Pro"; text-transform: uppercase; }
.squote-head .spec .tyre-img-thumb { font-size: 12px; text-decoration: none; vertical-align: middle; }
.squote-head .spec .tyre-img-thumb img { margin-right: 5px; vertical-align: middle; }
.squote-head .selected-vehicle { background: none; color: inherit; font: inherit; padding: 0; text-transform: none; margin: 15px 0 0; }
.squote-head .comments,
.squote-head .comments .content { overflow: hidden; }
.squote-head .tip { padding: 15px; background: rgba(0,172,222,1); border-radius: 5px; display: block; float: right; width: 40%; }
.squote-head .tip p { font-size: 20px; line-height: 24px; }

.squote-res h4 { font: 300 16px/30px "DIN Next LT Pro"; margin: 0 0 15px; text-transform: uppercase; color:white;}
.squote-res h4 b { font-size: 34px; display: block; }
.squote-res h4 button { float: right; margin-right: 8px; margin-top: -32px; }

.squote-res.quote .attribs { display: table; table-layout: fixed; margin: 0 0 10px; width: 100%; clear: both; border-collapse: collapse; background: #fff; }
.squote-res.catalogue .attribs { display: table; table-layout: fixed; margin: 0 0 10px; width: 100%; clear: both; border-collapse: collapse; }
.squote-res .cb-wrap { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; }
.squote-res .cb-wrap input { position: absolute; left: -999px; }
.squote-res .cb-wrap label { display: block; font: inherit; }
.squote-res .cb-wrap label:before { background: #fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; content: ""; display: inline-block; height: 20px; margin: 0 5px 0 0; vertical-align: bottom; width: 20px; }
.squote-res .cb-wrap.disabled label:before { background: #eee; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; content: ""; display: inline-block; height: 20px; margin: 0 5px 0 0; vertical-align: bottom; width: 20px; }

.squote-res .cb-wrap.checked label:before { background: url("/content/images/inp-cb-tick-fff.png") no-repeat 50% 50% #498961; border-color: #498961; }
.squote-res .cb-wrap.checked.disabled label:before { background: url("/content/images/inp-cb-tick-fff.png") no-repeat 50% 50% #414042; border-color: #414042; }

.squote-res.quote .attribs .cb-wrap { border: 1px solid #ccc; display: table-cell; vertical-align: middle; }
.squote-res.catalogue .attribs .cb-wrap { display: table-cell; vertical-align: middle; }
.squote-res .attribs .cb-wrap label { margin: 0; vertical-align: bottom; padding: 12px 8px; white-space: nowrap; }

.squote-res .pricing:after,
.squote-res .results-wrap:after,
.squote-res .tyres-wrap:after { content: ''; clear: both; display: table; }

.squote-res .tyres-wrap { margin: 0 0 10px; }

.squote-res article { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font: 400 16px/18px "DIN Next LT Pro"; padding: 0; position: relative; z-index: 1; }
.squote-res article .title { font: 700 21px/1 "DIN Next LT Pro"; text-transform: uppercase; margin: 20px 15px 15px; }
.squote-res article .content { background: #fff; position: relative; padding: 10px; /*padding: 20px 25px;*/ min-height: 100px; margin-left: 5px; padding: 10px 10px 13px 10px; }
.squote-res article .content-lg {min-height: 700px;}
.squote-res article .content.locked { background: #eee; color: #ccc; }
.squote-res article .save-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.squote-res article .saved .save-box { opacity: 0; background: #ffff99; z-index: 1000; -webkit-transition: opacity 2s; transition: opacity 2s; }
.squote-res article .saved .save-box h2 { width: 100%; text-align: center; font: 900 60px/30px "DIN Next LT Pro"; margin-top: 150px; color: #000; }
.squote-res article .type .instr { margin: 5px 0 15px; font: 300 12px/15px "DIN Next LT Pro"; padding: 0 0 0 25px; position: relative; display: block; color: #808080; }
.squote-res article .type .instr:before { position: absolute; left: 0; top: 0; width: 18px; height: 18px; /*background: url("/content/images/squote-info.png") no-repeat 50% 50% transparent;*/ content: ''; }
.squote-res .results-wrap .add-quote a:hover span { background-color: #00acdb; }
.squote-res .sel-wrap { float: none; margin: 0; background-color: #fff; }
.squote-res .sel-wrap .val { margin: 0 40px 0 10px; }
.squote-res .tyre .load { float: left; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5px 0 0; }
.squote-res .tyre .speed { float: right; width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 5px; }
.squote-res label { display: block; font: 500 16px/1 "DIN Next LT Pro"; margin: 10px 0 6px; }
.squote-res label.grp-title { font-weight: 700; margin: 20px 0 5px; text-transform: uppercase; }
.squote-res input[type=text],
.squote-res input[type=number],
.squote-res input[type=tel],
.squote-res input[type=currency],
.squote-res textarea { display: block; width: 100%; resize: none; font: 400 16px/21px "DIN Next LT Pro"; }
.squote-res .comments { clear: both; display: block; overflow: hidden; }
.squote-res .rem-quote { position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; background: url("/content/images/delete-quote.png") no-repeat 50% 50% transparent; }
.squote-res .btn-row { padding: 20px; text-align: center; }
.squote-res .btn-send { min-width: 160px; }

.squote-res.catalogue .btn-send { min-width: 130px; }
.squote-res #uploading-text { display: none; background: white; border-radius: 5px; font-size: 24px; padding: 10px; width: 200px; margin: 0 auto; }
.squote-res #uploading-text img { vertical-align: bottom; }

.squote-res .make,
.squote-res .model,
.squote-res .load,
.squote-res .speed,
.squote-res .attribs,
.squote-res .comments,
.squote-res .pricing { margin: 0 0 10px; }

.squote-res .type,
.squote-res .tyres-wrap { margin: 0 15px; }
.squote-res .results-wrap .content > .pricing,
.squote-res .results-wrap .content > .cb-wrap { margin: 0 15px 10px; }

.squote-res .per-price span,
.squote-res .tot-price span { display: block; font: 300 14px/1.3 "DIN Next LT Pro"; margin: 5px 0 0; color: #666; white-space: nowrap; }
.squote-res .per-price,
.squote-res .tot-price { float: left; width: 50%; margin: 0; padding: 0 15px 0 0; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.squote-res .tyre .tot-price { padding: 0 0 0 15px; }
.squote-res .tyre .tot-price:before { font: 400 16px/48px "DIN Next LT Pro"; margin: 22px 0 0; position: absolute; left: -15px; text-align: center; top: 9px; width: 30px; }

.squote-res .dbl .tyre { padding: 10px 15px; margin: 0 -15px; background: #f4f4f4; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.squote-res .results-wrap .wrapper { position: relative; min-height: 600px; }
.squote-res.quote .results-wrap .add-quote { position: absolute; left: 5px; top: 0px; bottom: 11px; right: 59px; opacity: 1; z-index: 1; -moz-transition: opacity .3s; -o-transition: opacity .3s; -webkit-transition: opacity .3s; transition: opacity .3s; width: 97%; }
.squote-res.catalogue .results-wrap .add-quote { position: relative; left: 0; top: 0; bottom: 0; height: 524px; right: 11px; opacity: 1; z-index: 1; -moz-transition: opacity .3s; -o-transition: opacity .3s; -webkit-transition: opacity .3s; transition: opacity .3s; }

.squote-res .results-wrap .add-quote a { display: table; width: 100%; height: 100%; color: #0084b6; text-decoration: none; color:white; }
.squote-res .results-wrap .add-quote .add-span { background: #008bc0;; display: table-cell; vertical-align: middle; font: 400 14px/1 "DIN Next LT Pro"; text-align: center; border: solid 5px rgba(250,250,250,1); }
.squote-res .results-wrap .add-quote .add-span:before { background: url(/content/images/v2/add-catitem.png) no-repeat 50% 0 rgba(0, 0, 0, 0); content: ""; display: block; height: 60px; width: auto; }
.squote-res .results-wrap .add-quote .add-span .add-span-size { display: block; margin-top: 20px; font-size: 34px; font-weight: 500; background: transparent;}

.squote-res .results-wrap .active .add-quote { opacity: 0; z-index: 0; -moz-transition: opacity .3s, z-index 0s linear .3s; -o-transition: opacity .3s, z-index 0s linear .3s; -webkit-transition: opacity .3s, z-index 0s linear .3s; transition: opacity .3s, z-index 0s linear .3s; }

.signup-page h1 { margin: 10px 0 0; font: 700 85px/.75 "DIN Next LT Pro"; letter-spacing: -2px; }
.signup-page h2 { font: 400 34px "Roboto"; }
.signup-page h2 sub { font-size: 16px; }
.signup-page h3 { font: 700 21px "Roboto"; margin: 0 0 25px; }
.signup-page h3 sub { font-size: 16px; }
.signup-page .page-head { background: #0084b6; padding: 10px 0 30px; }
.signup-page .page-title { text-align: inherit; margin: 0 0 0 35px; color: #fff; }
.signup-page .signup-form { background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.signup-page .signup-form h3 { text-transform: uppercase; margin: 0 0 10px; }
.signup-page .signup-form h3 sub { display: block; text-transform: none; margin: 0 0 10px; }
.signup-page .signup-form .inp-row { }
.signup-page .signup-form label { font: 700 16px/1 "DIN Next LT Pro"; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 10px 0; }
.signup-page .signup-form .inp-wrap { display: block; overflow: hidden; }
.signup-page .signup-form .inp-wrap input, .signup-page .signup-form .inp-wrap select { display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; border: 1px solid #ccc; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset; height: 50px; }
.signup-page .signup-form .inp-wrap select { display: inline-block; width: 48.5%; margin-right: 1%; }
.signup-page .signup-form .inp-wrap select:last-child { margin-right: 0; }
.signup-page .signup-form .inp-wrap input:hover, .signup-page .signup-form .inp-wrap select:hover { border-color: #888; }
.signup-page .signup-form .inp-wrap .signup-page .signup-form .btn-row { margin: 15px 0 0; }
.signup-page .signup-form .btn-row .btn { display: block; width: 100%; }
.btn-row-top {margin-top: -103px;}
.signup-page .page-body { }
.signup-page .page-body .page-wrap { color: #403f41; }
.signup-page .page-body .page-wrap:after { display: table; content: ''; clear: both; }

.signup-page .page-body .video { margin: 35px 0 0 -35px; }
.signup-page .page-body .video iframe { width: 100%; height: 100%; }
.signup-page .page-body .video img { display: block; width: 100%; }

.tick-list {
    font-size: 16px;
    font-weight: 400;
}
.tick-list li {
    position: relative;
    margin: 0 0 10px 33px;
}
.tick-list li:before {
    background: url(/content/images/v2/bullet-tick-lrg.png);
    background-repeat: no-repeat;
    background-size: 15px 12px;
    content: "";
    height: 12px;
    left: -33px;
    position: absolute;
    width: 15px;
    top: 2px;
}
.tick-list li:last-child { 
    margin-bottom: 0;
}
.dot-list { list-style: disc outside none; font: 300 16px/25px "Roboto"; margin: 0 0 0 15px; }
.dot-list li { padding: 0 0 0 15px; }

.signup-complete-page .page-title { text-align: left; }
.signup-complete-page h1 { font: 400 55px/1 "DIN Next LT Pro"; letter-spacing: -2px; position: relative; padding: 0 0 0 50px; }
.signup-complete-page h1:before { background: url("/content/images/v2/bullet-tick-xlrg.png") no-repeat 100% 0 transparent; content: ""; height: 42px; left: -5px; position: absolute; top: 0; width: 48px; }
.signup-complete-page h2 { font: 300 16px/1 "DIN Next LT Pro"; padding: 0 0 0 55px; }

.signup-complete-page .next-steps li { position: relative; text-align: center; background: #fff; font: 400 21px/1.2 "DIN Next LT Pro"; padding: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.signup-complete-page .next-steps .num { font: 700 55px/1 "DIN Next LT Pro"; }
.signup-complete-page .next-steps .img img { display: block; margin: 0 auto -85px; position: relative; top: -5px; -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.5); box-shadow: 0 5px 15px 0 rgba(0,0,0,0.5); }
.signup-complete-page .next-steps .content { margin: 0 0 1em; }
.signup-complete-page .next-steps .content p { margin: 0; }

.signup-complete-page .next-steps li:first-child img { top: 0; -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.5); box-shadow: 0 5px 15px 0 rgba(0,0,0,0.5); }

.popup { background: rgba(0, 0, 0, .5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 51; display: none; table-layout: fixed; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 320px; }
.popup > .outer-wrap { display: table; height: calc(100% - 80px); table-layout: fixed; width: calc(100% - 40px); margin: 40px 20px; margin-top:100px }
.popup > .outer-wrap > .inner-wrap { display: table-cell; vertical-align: middle; }
.popup .content-wrap { background: #fff; padding: 60px 35px; max-width: 600px; margin: 0 auto; font: 400 16px/1.25 "DIN Next LT Pro"; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.popup .content-wrap:after { content: ''; display: table; clear: both; }
.popup .content-wrap .close-x { position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; background: url("/content/images/pop-close-x.png") no-repeat 50% 50% transparent; text-indent: -999px; overflow: hidden; }

.popup.open { display: block; }
.popup:not(:empty) > .outer-wrap { -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

.popup.open:not(:empty) { background: rgba(0, 0, 0, .65); -moz-transition-delay: .0s, .0s; -o-transition-delay: .0s, .0s; -webkit-transition-delay: .0s, .0s; transition-delay: .0s, .0s; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.popup.open:not(:empty) > .outer-wrap { -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }

.popupV2 { background: rgba(0, 0, 0, 0.65); }

.popupV2 .content-wrap { background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font: 400 16px/1.25em Roboto; margin: 0 auto; padding: 0; }
.popupV2 .content-wrap-lg{ max-width:800px}
.popupV2 .title-block { background-color: white;  font-size: 23px; padding: 30px 40px; position: relative; text-align: center; border-top-left-radius: 5px; border-top-right-radius:5px; }
.popupV2 .title-block span { display: inline-block; }
.popupV2 .content-block { background-color: #ffffff; padding: 35px; text-align: center; overflow: hidden; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.popupV2 .content-block p { margin: 0 0 1.25em; }
.popupV2 .content-block fieldset { width: 80%; margin: 0 auto; }
.popupV2 .content-wrap .close-x { position: absolute; right: 15px; top: 15px; width: 23px; height: 23px; background: url("/content/images/v2/modal-close.png") no-repeat 50% 50% transparent; text-indent: -999px; overflow: hidden; }
.popupV2 .content-block h3.blue { color: #0084b6; margin: 10px 0; font-weight: bold; }
.popupV2 .content-wrap .close-x_black {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 23px;
    height: 23px;
    background: url("/content/images/v2/modal-close.png") no-repeat 50% 50% transparent;
    text-indent: -999px;
    overflow: hidden;
}

#new-jobs-alert .content-wrap { font-size: 23px; font-weight: 500; }
.popupV2#video:not(.open) iframe {
    display: none;
}

#tyre-photo-tips .content-wrap { max-width: 100%; width: 745px; line-height: 25px; }
#tyre-photo-tips .img { float: left; margin: 0 85px 0 10px; max-width: 100%; }
#tyre-photo-tips .img img { display: block; max-width: 100%; margin: 0 auto 2px; }
#tyre-photo-tips .content { overflow: hidden; }
#tyre-photo-tips h4 { font: 700 34px/30px "DIN Next LT Pro Condensed"; margin: 0 0 10px; text-transform: uppercase; letter-spacing: -.3px; }
#tyre-photo-tips p { margin: 0 auto; }
#tyre-photo-tips ul { margin: 15px auto 25px; }
#tyre-photo-tips li { margin: 5px 0; position: relative; padding: 0 0 0 30px; }
#tyre-photo-tips li img { position: absolute; left: 0; top: 2px; }
#tyre-photo-tips .btn-ul { min-width: 182px; }

.login-page { height: 100%; }
.login-page #main-content { height: calc(100% - 148px); padding: 30px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table; width: 100%; margin: 0 auto; }
.login-page #main-content .page-wrap { display: table-cell; vertical-align: middle; height: 100%; width: auto; }
.login-page #main-content .outer-wrap { max-width: 500px; margin: 0 auto; }
.login-page #main-content .logo img { margin: 0 auto 25px; display: block; max-width: 175px; width: 100%; }
.login-page h1 { text-transform: uppercase; margin: 0 0 20px; font: 700 34px/30px "DIN Next LT Pro"; }

.login-page .login-form { background: #fff; padding: 30px; }
.login-form label { font: 700 16px/1 "DIN Next LT Pro"; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 5px; }
.login-form .inp-row { margin: 0 auto 15px; }
.login-form .inp-wrap { display: block; overflow: hidden; }
.login-form .inp-wrap input { display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; border: 1px solid #ccc; -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset; height: 50px; }
.login-form .inp-wrap input:hover, .login-form .inp-wrap input:focus { border-color: #999; }
.login-form .lnk-row { margin: 15px 0 0; text-align: right; font: 400 16px/1 "DIN Next LT Pro"; color: #0084b6; }
.login-form .btn-row { margin: 15px 0 0; }
.login-form .btn-row .btn { display: block; width: 100%; }

.quoted-results { padding: 0 0 30px; }
.quoted-results table { margin: 0 auto 10px; width: 100%; text-align: left; font: 400 14px/20px "DIN Next LT Pro"; border-collapse: collapse; cursor: pointer; }
.quoted-results table thead { background: #403f41; color: #fff; font-size: 16px; height: 50px; }
.quoted-results table thead th { padding: 4px 15px; font-weight: 400; vertical-align: middle; }
.quoted-results table thead th span { font-size: 14px; color: #ccc; }
.quoted-results table thead th span strong { color: #fff; }
.quoted-results table tbody { background: #fff; }
.quoted-results table tbody tr > * { padding: 10px 15px; border: 1px solid #ccc; border-width: 0 0 1px 1px; vertical-align: top; }
.quoted-results table tbody tr > :first-child { border-left: 0; }
.quoted-results table tbody .dataTables_empty { width: 100%; text-align: center; font-weight: bold; }
.quoted-results table tbody strong { display: none; }
.quoted-results table tbody b { display: inline-block; width: 200px; }
.quoted-results table a { color: #0084b6; }
.quoted-results table .btn-tea { float: right; }

#content-page { padding: 60px 0; }
#content-page h1 { font: 400 55px/45px "DIN Next LT Pro Condensed"; text-transform: uppercase; }
#content-page h2 { font: 700 34px/30px "DIN Next LT Pro"; margin: 0 0 1em; text-transform: uppercase; }
#content-page h3 { font: 700 34px/30px "DIN Next LT Pro"; margin: 0 0 1em; text-transform: none; }
#content-page .page-head { font: 700 18px/20px "DIN Next LT Pro"; }
#content-page .page-head .page-wrap { background-color: #0084b6; color: #fff; padding: 25px 45px; }
#content-page .page-body .page-wrap { background-color: #fff; color: #403f41; padding: 45px; }
#content-page .page-body { font: 400 14px/18px Roboto; margin-bottom: 60px; }
#content-page .page-body p { margin: 0 0 1em 0; }
#content-page .page-body img { max-width: 100%; }
#content-page .page-body li { margin: 0 0 1em; list-style: inherit; }
#content-page .page-body ul { list-style: disc outside none; margin: 1em 0 1em 2em; }
#content-page .page-body ol { list-style: none outside none; margin: 1em 0 1em 2em; }
#content-page .page-body ol li { list-style: none; position: relative; }
#content-page .page-body ol { counter-reset: olCounter1; }
#content-page .page-body ol ol { counter-reset: olCounter2; }
#content-page .page-body ol ol ol { counter-reset: olCounter3; }
#content-page .page-body ol li:before { counter-increment: olCounter1; content: counter(olCounter1, decimal) ")"; position: absolute; right: 100%; top: 0; text-align: left; width: 2em; }
#content-page .page-body ol ol li:before { counter-increment: olCounter2; content: counter(olCounter2, lower-alpha) ")"; }
#content-page .page-body ol ol ol li:before { counter-increment: olCounter3; content: counter(olCounter3, lower-roman) ")"; }

#content-page .page-body .columns { display: table; table-layout: fixed; width: 100%; }
#content-page .page-body .columns .left-content { display: table-cell; padding: 0 22px 0 0; vertical-align: top; }
#content-page .page-body .columns .right-content { display: table-cell; padding: 1.5em 0 0 22px; vertical-align: top; }
#content-page .contact-form { font: 400 21px/24px Roboto; }
#content-page .contact-form .inp-wrap { margin-bottom: 20px; }
#content-page .contact-form .inp-wrap input { width: 100%; }
#content-page .contact-form .inp-wrap textarea { width: 100%; height: 100px; }
#content-page .contact-form .inp-wrap input,
#content-page .contact-form .inp-wrap select { border: 1px solid #cccccc; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 50px; padding: 0 10px; width: 100%; }

#sectioned-content-page .page-head { padding: 0; margin: 0; }
#sectioned-content-page .page-head h1 { font: 400 55px/45px "DIN Next LT Pro Condensed"; text-transform: uppercase; margin: 1em 0; }
#sectioned-content-page .page-head h2 { font: 700 34px/30px "DIN Next LT Pro"; margin: 0 0 1em; text-transform: uppercase; }
#sectioned-content-page .page-head h3 { font: 700 34px/30px "DIN Next LT Pro"; margin: 0 0 1em; text-transform: none; }

#sectioned-content-page .content-with-spot { display: table; table-layout: fixed; width: 100%; padding: 50px 0; background: url("/content/images/v2/bg-why-use.jpg") no-repeat 100% 100% #fff; background-size: cover; }
#sectioned-content-page .content-with-spot h2 { font: 500 28px/30px Roboto; margin: 0 0 1em; text-transform: none; color: #006698; }
#sectioned-content-page .content-with-spot .spotlight-content { display: table-cell; width: 280px; vertical-align: bottom; }
#sectioned-content-page .content-with-spot .spotlight { }
#sectioned-content-page .content-with-spot .spotlight h3 { }
#sectioned-content-page .content-with-spot .spotlight .btn { float: right; border-radius: 25px; text-transform: capitalize; min-width: 215px; }
#sectioned-content-page .content-with-spot .body-content { display: table-cell; padding: 0 75px 0 0; vertical-align: top; font: 400 16px/20px Roboto; }
#sectioned-content-page .content-with-spot ul { list-style: disc outside none; margin: 1em 0 0 35px; }
#sectioned-content-page .content-with-spot li { padding: 0 0 20px; }
#sectioned-content-page .content-with-spot li:last-child { padding-bottom: 0; }

#sectioned-content-page .column-content-block { background: #fff; padding: 75px 0; }
#sectioned-content-page .column-content-block h2 { font: 700 28px/30px Roboto; margin: 0 0 1em; text-transform: none; color: #0084b6; }
#sectioned-content-page .column-content-block ul,
#sectioned-content-page .column-content-block ol { font: 400 16px/20px Roboto; list-style: none outside none; }
#sectioned-content-page .column-content-block li { }
#sectioned-content-page .column-content-block .hdiw-list { margin: 0 -40px; }
#sectioned-content-page .column-content-block .hdiw-list ol { display: table; width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 40px 0; counter-reset: hdiw-counter; }
#sectioned-content-page .column-content-block .hdiw-list li { display: table-cell; counter-increment: hdiw-counter; position: relative; }
#sectioned-content-page .column-content-block .hdiw-list li:after { content: counter(hdiw-counter); display: block; background-color: #0084b6; color: #fff; width: 32px; height: 32px; position: absolute; top: 78px; left: 0; border-radius: 16px; font: 500 16px/32px Roboto; text-align: center; }
#sectioned-content-page .column-content-block .hdiw-list img { display: block; margin: 15px auto 25px 10px; height: 95px; width: 95px; }

#sectioned-content-page .testimonials-block { color: #fff; padding: 45px 0; text-align: center; background: none no-repeat 100% 50%; background-size: cover; }
#sectioned-content-page .testimonials-block h2 { font: 700 28px/30px Roboto; margin: 0 auto 1em; text-transform: capitalize; max-width: 290px; }
#sectioned-content-page .testimonials-block h2:before { content: ''; width: 66px; height: 66px; background: url("/content/images/v2/testi-quote.svg") no-repeat 50% 50%; background-size: 100%; margin: 0 auto 10px; display: block; }
#sectioned-content-page .testimonials-block .testimonial .wrapper { }
#sectioned-content-page .testimonials-block .testimonial q { font-weight: 700; font-style: italic; margin: 0 auto .8em; display: inline-block; }
#sectioned-content-page .testimonials-block .testimonial .author { font-weight: 700; font-style: normal; }
#sectioned-content-page .testimonials-block .testimonial address { font-weight: 400; display: inline-block; font-style: inherit; }
#sectioned-content-page .testimonials-block .testimonial address:first-letter { font-weight: 500; }

.squote-page #main-content { background: -webkit-linear-gradient(#0084B6, white); background: -o-linear-gradient(#0084B6, white); background: -moz-linear-gradient(#0084B6, white); background: linear-gradient(#0084B6, white); }

.dealer-feed-page .head-block .title-won,
.dealer-feed-page .head-block .title-new,
.dealer-feed-page .head-block .title-won:hover u,
.dealer-feed-page .head-block .title-new:hover u { text-decoration: none; }

.dealer-feed-page .feed-table > tbody > tr > :nth-of-type(5) { white-space: nowrap; }
.dealer-feed-page .feed-table > tbody > tr > :nth-of-type(5):before { content: ''; background: url("/content/images/v2/feed-icons.png") no-repeat scroll 0 50%; width: 14px; height: 14px; display: inline-block; vertical-align: text-bottom; margin: 0 8px 0 0; }
.dealer-feed-page .feed-table .accepted > :nth-of-type(5):before { background-position: 0 0; }
.dealer-feed-page .feed-table .submitted > :nth-of-type(5):before { background-position: 0 -14px; }
.dealer-feed-page .feed-table .booked > :nth-of-type(5):before { background-position: 0 -28px; }
.dealer-feed-page .feed-table .new > :nth-of-type(5):before { background-position: 0 -42px; }
.dealer-feed-page .feed-table .lost > :nth-of-type(5):before { background-position: 0 -56px; }

.dealer-feed-page .feed-table .btn { white-space: nowrap; font-size: 12px; line-height: 20px; display: block; vertical-align: middle; text-align: center; float: left; width: 100%; border-radius: 10px; padding: 0; background-color: #0084b6; color: #fff; font-weight: 400; }
.dealer-feed-page .feed-table .btn:not(:last-child) { width: 47%; float: left; }
.dealer-feed-page .feed-table .btn:not(:first-child) { width: 47%; float: right; }
.dealer-feed-page .feed-table .accepted .btn { background-color: #8ac53e; color: #fff; }
.dealer-feed-page .feed-table .accepted .btn:hover { background-color: #7cb336; }
.dealer-feed-page .feed-table .submitted .btn { background-color: #939598; color: #fff; }
.dealer-feed-page .feed-table .submitted .btn:hover { background-color: #85898c; }
.dealer-feed-page .feed-table .booked .btn { background-color: #0097fc; color: #fff; }
.dealer-feed-page .feed-table .booked .btn:hover { background-color: #0087e2; }
.dealer-feed-page .feed-table .new .btn { background-color: #ffc600; color: #fff; }
.dealer-feed-page .feed-table .new .btn:hover { background-color: #efb610; }
.dealer-feed-page .feed-table .lost .btn { background-color: #d90300; color: #fff; }
.dealer-feed-page .feed-table .lost .btn:hover { background-color: #bf0300; }
.dealer-feed-page .feed-detail .btn:first-child { background-color: #408d12; color: #fff; text-transform: uppercase; }
.dealer-feed-page .feed-detail .btn:first-child:hover { background-color: #367710; }
.dealer-feed-page .feed-detail .btn:last-child { background-color: #d31214; color: #fff; text-transform: uppercase; }
.dealer-feed-page .feed-detail .btn:last-child:hover { background-color: #bb1012; }
.dealer-feed-page .feed-detail .btn:first-child:last-child { background-color: #0084b6; color: #fff; }
.dealer-feed-page .feed-detail .btn:first-child:last-child:hover { background-color: #00729c; color: #fff; }

.dealer-feed-page .feed-pagination { padding: 35px 17px; color: black; margin: 12px auto 40px; display: table; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 700; line-height: 20px; }
.dealer-feed-page .feed-pagination nav * { color: inherit; text-decoration: none; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 22px; text-align: center; border-radius: 3px; border: 1px solid transparent; }
.dealer-feed-page .feed-pagination nav li { float: left; }
.dealer-feed-page .feed-pagination nav a { min-width: 22px; }
.dealer-feed-page .feed-pagination a.disabled,
.dealer-feed-page .feed-pagination nav span { opacity: .5; border-color: transparent !important; }
.dealer-feed-page .feed-pagination .status,
.dealer-feed-page .feed-pagination nav { display: table-cell; vertical-align: middle; color: black; }
.dealer-feed-page .feed-pagination nav { text-align: right; white-space: nowrap; }
.dealer-feed-page .feed-pagination nav .active { border-color: #dcdde4; background-color: rgba(220, 221, 228, 0.3); }
.dealer-feed-page .feed-pagination nav a:hover { border-color: #dcdde4; border-radius: 3px; }

.dealer-catalogue-page .head-block .title-won,
.dealer-catalogue-page .head-block .title-new,
.dealer-catalogue-page .head-block .title-won:hover u,
.dealer-catalogue-page .head-block .title-new:hover u { text-decoration: none; }

.dealer-catalogue-page .backtolist { width: auto; }
.dealer-catalogue-page .backtolist h3 { float: left; }
.dealer-catalogue-page .backtolist a { float: right; }

.dealer-catalogue-page .feed-table .btn { white-space: nowrap; font-size: 12px; padding: 0 10px; line-height: 20px; display: block; vertical-align: middle; text-align: center; float: left; width: 100%; border-radius: 10px; background-color: #0084b6; color: #fff; font-weight: 400; }
.dealer-catalogue-page .feed-table .btn:not(:last-child) { width: 47%; float: left; }
.dealer-catalogue-page .feed-table .btn:not(:first-child) { width: 47%; float: right; }
.dealer-catalogue-page .feed-table .accepted .btn { background-color: #8ac53e; color: #fff; }
.dealer-catalogue-page .feed-table .accepted .btn:hover { background-color: #7cb336; }
.dealer-catalogue-page .feed-table .submitted .btn { background-color: #939598; color: #fff; }
.dealer-catalogue-page .feed-table .submitted .btn:hover { background-color: #85898c; }
.dealer-catalogue-page .feed-table .booked .btn { background-color: #0097fc; color: #fff; }
.dealer-catalogue-page .feed-table .booked .btn:hover { background-color: #0087e2; }
.dealer-catalogue-page .feed-table .new .btn { background-color: #ffc600; color: #fff; }
.dealer-catalogue-page .feed-table .new .btn:hover { background-color: #efb610; }
.dealer-catalogue-page .feed-table .lost .btn { background-color: #d90300; color: #fff; }
.dealer-catalogue-page .feed-table .lost .btn:hover { background-color: #bf0300; }
.dealer-catalogue-page .feed-detail .btn:first-child { background-color: #408d12; color: #fff; text-transform: uppercase; }
.dealer-catalogue-page .feed-detail .btn:first-child:hover { background-color: #367710; }
.dealer-catalogue-page .feed-detail .btn:last-child { background-color: #d31214; color: #fff; text-transform: uppercase; }
.dealer-catalogue-page .feed-detail .btn:last-child:hover { background-color: #bb1012; }
.dealer-catalogue-page .feed-detail .btn:first-child:last-child { background-color: #0084b6; color: #fff; }
.dealer-catalogue-page .feed-detail .btn:first-child:last-child:hover { background-color: #00729c; color: #fff; }

.dealer-catalogue-page .feed-pagination { background: rgba(51, 49, 50, 0.95); padding: 11px 17px; color: #fff; margin: 12px auto 40px; display: table; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 700; line-height: 20px; }
.dealer-catalogue-page .feed-pagination nav * { color: inherit; text-decoration: none; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-width: 22px; text-align: center; border-radius: 3px; border: 1px solid transparent; }
.dealer-catalogue-page .feed-pagination nav li { float: left; }
.dealer-catalogue-page .feed-pagination nav a { min-width: 22px; }
.dealer-catalogue-page .feed-pagination a.disabled,
.dealer-catalogue-page .feed-pagination nav span { opacity: .5; border-color: transparent !important; }
.dealer-catalogue-page .feed-pagination .status,
.dealer-catalogue-page .feed-pagination nav { display: table-cell; vertical-align: middle; }
.dealer-catalogue-page .feed-pagination nav { text-align: right; white-space: nowrap; }
.dealer-catalogue-page .feed-pagination nav .active { border-color: #dcdde4; background-color: rgba(220, 221, 228, 0.3); }
.dealer-catalogue-page .feed-pagination nav a:hover { border-color: #dcdde4; border-radius: 3px; }

.quote-comp-page .budget .price,
.quote-detail-page .budget .price { color: #af1045; }
.quote-comp-page .everyday .price,
.quote-detail-page .everyday .price { color: #52857a; }
.quote-comp-page .premium .price,
.quote-detail-page .premium .price { color: #d5b421; }
.quote-comp-page .results-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.chg-tyre-wrap { background-color: #f4f4f4; padding: 0 0 30px; }
.chg-tyre-wrap h1 { font: 500 28px/33px Roboto; margin: 0; padding: 0; text-transform: none; }
.chg-tyre-wrap .end-wrap { display: table; margin: 0 auto 20px; }
.chg-tyre-wrap .tyre-img { display: table-cell; background-color: #c3c3c3; width: 70%; vertical-align: middle; border: 1px solid transparent; }
.chg-tyre-wrap .tyre-img img { display: block; margin: 0 auto; position: relative; width: 100%; }
.chg-tyre-wrap .size-selector { display: table-cell; vertical-align: top; padding: 0 0 0 40px; }
.chg-tyre-wrap .size-selector .end,
.chg-tyre-wrap .size-selector .end .params-row { margin: 0; }
.chg-tyre-wrap .size-selector .end .w,
.chg-tyre-wrap .size-selector .end .p,
.chg-tyre-wrap .size-selector .end .r { background-color: #dcdbe1; border-color: #f4f4f4; margin: 0 auto; border-width: 0 1px; }
.chg-tyre-wrap .btn-submit-tyre-size { display: block; margin: 20px auto 0; width: 152px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 13px 0; }


.pricebox { height:28px; float:left; color:white; padding:0 0 0 3px; width: 58px; text-align:center; }
.triangle { float:left; width:0px; height:0px; border-top:14px solid transparent; border-bottom:14px solid transparent; }
.triangle-budget { border-left:9px solid #2d2d2d; }
.triangle-everyday { border-left:9px solid #2d2d2d; }
.triangle-premium { border-left:9px solid #2d2d2d; }

.new-catalogue-tyre, .new-catalogue-tyre-results-page { position: relative; margin: 10px 0px 5px 15px; float: left; overflow: hidden; border: 1px solid #cccccc; border-radius: 5px; }
.new-catalogue-tyre .tyre-info { width: 315px; height: 135px; background: white; overflow: hidden;}
.new-catalogue-tyre-results-page .tyre-info-results-page { width: 237px;height: 448px; transition: all .2s ease-in-out;padding: 0 20px; box-sizing:border-box}
.new-catalogue-tyre-results-page.small-article .tyre-info-results-page { width: 152px; height: 262px; padding: 0 5px;}
.new-catalogue-tyre-results-page.sponsored .tyre-info-results-page { width: 355px; }
.new-catalogue-tyre-results-page .tyre-info-results-page:hover {transform: scale(1.05)}
.new-catalogue-tyre-results-page .tyre-info-results-page:hover + .tyre-footer {background-color: #22bcf2}
.new-catalogue-tyre .tyre-info .img-div {height: 120px;width: 100px;float: left;text-align: center;}
.new-catalogue-tyre-results-page .tyre-info-results-page .img-div-results-page {
    height: 170px;
    width: 100%;
    float: left;
    text-align: center;
    overflow: hidden;
}
.new-catalogue-tyre-results-page.small-article .tyre-info-results-page .img-div-results-page {
    height: 140px;
    width: 100%;
    float: left;
    text-align: center;
    overflow: hidden;
}
.new-catalogue-tyre .tyre-info .img-div #discount { width: 38px; border: 1px solid white; display: block; font-size: 12px; font-weight: 900; color: white; position: absolute; border-radius: 19px; padding: 6px; top: 5px; left: 5px; }
.new-catalogue-tyre .tyre-info .img-div #discount span { font-size: 9px; display:block; }
.new-catalogue-tyre .tyre-info .img-div img { height: 90px; margin: 15px 0; }
.new-catalogue-tyre-results-page .tyre-info-results-page .img-div-results-page img {
    height: 160px;
    margin: 15px 0;
}
.new-catalogue-tyre-results-page.small-article .tyre-info-results-page .img-div-results-page img {
    /*height: 110px;*/
}
.fourforthree-new { display: block; position: absolute; top: 91px;left: 21px;}
.fourforthree-new-results-page {display: block;position: absolute;right: 15px;}
.new-catalogue-tyre a { text-decoration:none; cursor: pointer; }

.new-catalogue-tyre .tyre-info .info-div { height: 95px;width: 209px; float: left;padding: 5px 0 0 5px;}
.new-catalogue-tyre .tyre-info .info-div .tyre-image {width: 100px;max-height: 26px;margin-top: 3px;}
.new-catalogue-tyre-results-page .tyre-info-results-page .info-div-results-page {
    height: 95px;
    width: 100%;
    float: left;
    padding: 5px 0 0 5px;
    text-align: center;
    margin-top: -65px;
    border-top: 1px solid #ccc;
    background-color: white;
}
.new-catalogue-tyre-results-page.small-article .tyre-info-results-page .info-div-results-page {
   padding: 0;
   line-height: 1;
}
.new-catalogue-tyre-results-page .tyre-info-results-page .info-div-results-page .tyre-image-results-page {width: 140px;max-height: 38px; }
.new-catalogue-tyre-results-page.small-article .tyre-info-results-page .info-div-results-page .tyre-image-results-page {width: 140px;max-height: 32px; }
.new-catalogue-tyre .tyre-info .info-div .brand-name { font-size:18px; line-height:26px; font-weight: 900; color: #545454; text-transform: uppercase; }
.new-catalogue-tyre .tyre-info .info-div .brand-name-overflow { width: 120px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;float: left;}
.new-catalogue-tyre-results-page .tyre-info-results-page .info-div-results-page .brand-name-overflow-results-page {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.brand-name-overflow-availability { margin: 12px 0}
.tyre-image-div{ display: block; height: 38px; margin-top: 8px;}
.new-catalogue-tyre-results-page.small-article .tyre-image-div{ height: 32px; margin-top: 0;}

#mobile-fitter-span img {
    height: 20px;
}

#mobile-fitter-span span { font-size: 11px; display: block; }

#store-location-span img {height: 20px;float: right;margin-right: 12px;}
#store-location-span span {font-size: 10px; display: block;float: right;margin: 3px 0px;text-align: right;font-weight: 900;color: #545454;}
#store-location-span-results-page { margin: 8px 0;}
#store-location-span-results-page img { height: 16px; margin-right: 5px; }
#store-location-span-results-page span { font-size: 12px; font-weight: 300; color: #545454; line-height: 25px; vertical-align: bottom;}
#store-location-span .distance-label { font-size: 10px; margin: -2px 10px; clear: both; }

.new-catalogue-tyre .tyre-info .info-div .tyre-brand {text-transform: uppercase;font-size: 14px;font-weight: 900; margin-top: 10px;display: inline-block;width: 100%;color: #414042;}
.new-catalogue-tyre .tyre-info .info-div .tyre-specs {font-size: 12px;display: block; color: #414042;font-weight: 500;}
.new-catalogue-tyre-results-page .tyre-info-results-page .info-div-results-page .tyre-brand-results-page {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 300;
    display: inline-block;
    width: 100%;
    color: #414042;
} /*0084B6*/
.new-catalogue-tyre-results-page .tyre-info-results-page .info-div-results-page .tyre-specs-results-page {
    font-size: 16px;
    display: block;
    color: #414042;
    font-weight: 300;
    line-height: 22px;
    text-transform: capitalize;
}


.new-catalogue-tyre .tyre-info .info-div .tyre-specs table { font-size: 22px; width: 100%; margin-top: -40px; display: -webkit-inline-box; }
.new-catalogue-tyre .tyre-info .info-div .availability {position: absolute;left: 105px;bottom: 28px;font-size: 14px;font-weight: bold;}
.new-catalogue-tyre-results-page .tyre-info-results-page .info-div-results-page .availability-results-page {
    font-size: 14px;
    font-weight: 300;
}
.new-catalogue-tyre-results-page .tyre-info-results-page .info-div-results-page .availability-results-page.has-price {
    font-size: 18px;
    font-weight: 500;
}
.new-catalogue-tyre-results-page.small-article .tyre-info-results-page .info-div-results-page .availability-results-page.has-price {
    font-size: 16px;
}
.new-catalogue-tyre .tyre-info .info-div .reduced { position: absolute; right: 15px; bottom: 63px; color: white; background: red; font-size: 9px; font-weight: 600; padding: 1px 9px; }
.new-catalogue-tyre .tyre-info .info-div .price-tag { bottom: 42px; position: absolute; right: 5px; }
.new-catalogue-tyre .tyre-info .info-div .price-tag .amount { font-size:21px; font-family:roboto; line-height:28px; font-weight:bold; }
		
.new-catalogue-tyre .tyre-info .tyre-footer { width:100%; height: 20px; }
#tyre-type-div { width:100px; text-align: center; height: 20px; }
#tyre-type-div span { font-size: 11px; line-height: 30px; color: white; font-weight: 600; text-transform: uppercase; }

.filter-container { width:1018px; margin: 0px auto 5px; height:85px; padding:10px; }
.brand-filter-div { float:left; margin:0 20px; }
.type-filter-div { float:left; margin-right:25px; }
.sort-filter-div { float:left; }
.clear-section-div { width:205px; margin:50px auto; float:none; }

.special-request { width:666px; margin:0 auto; background-color: white; padding-bottom:10px; }
.special-request .steps-list { margin-left: 20px; margin-right: 20px; }
.special-request .content { overflow: hidden; text-align:left;}
.special-request .inp-row { font: 700 16px/1 Arial; padding: 0 25px; margin: 0 auto 15px; }
.special-request .inp-row label { font-family: inherit; float: left; line-height: 25px; width: 220px; text-align: right; margin: 9px 10px 0 0; }
.special-request .inp-row .label { margin: 0 0 0 5px; }
.special-request .inp-row input[type=text],
.special-request .inp-row input[type=email],
.special-request .inp-row input[type=tel],
.special-request .inp-row textarea { min-height: 40px; width: 100%; color: #000; }
.special-request .inp-row textarea { height: 68px; min-height: 68px; max-height: 200px; resize: vertical; font-size: 13px; }
.special-request .inp-row.name input { width: 150px; }
.special-request .inp-row.pcode input { width: 78px; }

.special-request .inp-row.phone input { width: 150px; }
.special-request .inp-row .note { color: #a1a1a1; display: block; font: 300 12px/1 "DIN Next LT Pro"; margin: 5px 0 -5px 230px; }
.special-request .btn-row { }
.special-request .btn-row .btn { min-width: 110px; }
.special-request .btn-row label { font-weight: 300; }
.special-request .btn-row .err-msg { color: red; padding: 20px 0; display: block; font-size: 14px; font-weight: normal; }

#pop-order-container { width: 720px; max-width: 720px; }
#mobi-order { display: none; }
#desktop-order { display: block; }

.order-confirmation-container { width:100%; overflow:hidden; margin-bottom:10px; }
.order-confirmation-container .tyre-information { width:70%; float:left; }
.order-confirmation-container .tyre-price-breakdown { width:30%; float:left; }
.order-confirmation-container .tyre-information .conf-tyre-img { width:30%; float:left; }
.order-confirmation-container .tyre-information .conf-tyre-img img { width:100%; }
.order-confirmation-container .tyre-information .conf-tyre-info { width:70%; float:left; text-align:left; }
.order-confirmation-container .tyre-information .conf-tyre-info img { width:150px; max-height:40px; margin:0; margin-bottom:5px; }
.order-confirmation-container .tyre-information .conf-tyre-info h2 { margin-bottom:5px; }

.confirm-wheel-alignment .conf-wheel { width: 90px; overflow: hidden; float: left; margin: 0 auto; cursor:pointer; }
.confirm-wheel-alignment .conf-wheel .conf-wheel-type { display:block; margin:0 auto; font-weight: bold; }
.confirm-wheel-alignment .conf-wheel .conf-wheel-price { width: 60px; height: 60px; background-color: #414042; border-radius: 43px; float: left; line-height: 60px; color: white; font-size: 14px; padding: 4px; text-align: center; margin: 0 10px; }
.confirm-wheel-alignment .conf-wheel radio { display: inline; width: 100%; cursor: pointer; }

.wheel-description { overflow:hidden; width:300px; margin:0 auto 10px; }
.wheel-description .wheel-info { width: 140px; float: left; text-align: center; height: 80px; margin: 0 30px 0 0; }
.wheel-description .wheel-info span { color:white; font-weight:bold; vertical-align: middle; margin-left:50px; height: 80px; font-size: 17px; display:table-cell; width:140px}
.wheel-description .wheel-info p { color:#989898; font-size:13px; font-weight: 500; display:none; }
.wheel-description .wheel-price-box { 
	width:80px; 
	height:80px; 
	float:left; 
	border-radius: 5px; 
	padding:4px 8px; 
	color:white; 
	margin-left: 5px;
	border: 1px solid #0388ae;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-decoration: none;
    display: inline-block;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #04B3E5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#04B3E5), to(#0684B6));
    background-image: -webkit-linear-gradient(top, #04B3E5, #0684B6);
    background-image: -moz-linear-gradient(top, #04B3E5, #0684B6);
    background-image: -ms-linear-gradient(top, #04B3E5, #0684B6);
    background-image: -o-linear-gradient(top, #04B3E5, #0684B6);
    background-image: linear-gradient(to bottom, #04B3E5, #0684B6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#04B3E5, endColorstr=#0684B6);
	cursor: pointer;
}
.wheel-description .wheel-price-box:hover { background:#cac8c8; border-color: #cac8c8; }

.wheel-description .wheel-price-box .wheel-only { width:100%; text-align:left; display:block; font-size: 11px; font-weight: bold; margin-top: 4px; }
.wheel-description .wheel-price-box .price { font-size:34px; font-weight:bold; width:100%; text-align:center; }
.wheel-description .wheel-price-box .add-cart { display:block; font-size:15px; width:100%; text-align:center; font-weight: 500; }

.additional-pricing { width:100%; overflow:hidden; position:relative; }
.additional-pricing .price-breakdown { width:50%; float:right; }
.additional-pricing .note-desktop { width:50%; float:left; position:absolute; text-align:left; bottom:0px; display:block; }
.additional-pricing .note-mobi { display:none; }

.contact-details { width:100%; float:left; text-align: left; margin-bottom:10px; }
.contact-details h2 { width:100%; color: #05a5d7; text-transform: none; }
.contact-details input { width:98%; margin-top:5px; height: 40px !important; min-height:40px; }
.contact-details select { width:108%; margin-top:5px; height: 40px !important; min-height:40px; border: 1px solid #cccccc; }
.contact-details #eWAYBlock { bottom:0; width: 120px; float:left; right:0; }
.contact-details .payment-details { width:64%; float:left; }
.contact-details .payment-details .date-card { width:25%; float:left; margin-right: 4% }
.contact-details .payment-details .date-card input { }
.contact-details .payment-details .date-card .info-label { width:100%; text-align:center; color:#afafaf; font-size:12px; display:block; }
.contact-details .payment-details .cvc-card { width:40%; float:left; }
.contact-details .payment-details .cvc-card .info-label { width:100%; text-align:center; color:#afafaf; font-size:12px; display:block; }

#error-summary { padding:5px 10px; border:2px solid; border-color:red; margin-bottom:10px; background: #fdfcc2; display: none; }
#error-summary-paypal { padding:5px 10px; border:2px solid; border-color:red; margin-bottom:10px; background: #fdfcc2; display: none; }

.btn-checkout-style {
    border: 1px solid #0388ae;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-size: 19px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    display: inline-block;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    color: #FFFFFF;
    background-color: #04B3E5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#04B3E5), to(#0684B6));
    background-image: -webkit-linear-gradient(top, #04B3E5, #0684B6);
    background-image: -moz-linear-gradient(top, #04B3E5, #0684B6);
    background-image: -ms-linear-gradient(top, #04B3E5, #0684B6);
    background-image: -o-linear-gradient(top, #04B3E5, #0684B6);
    background-image: linear-gradient(to bottom, #04B3E5, #0684B6);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#04B3E5, endColorstr=#0684B6);
}

.read-more-filter { display:table; position:absolute; color:white;  width: 101%; height: 100%; z-index: 1; }
.read-more-filter span { display:none; font-size:24px; }
.read-more-filter:before { content: ""; position: absolute; z-index:-1; top: 0; left: 0; right: 0; bottom: 0; background: black; opacity:0.7; transform: scaleX(0); transform-origin: 0 50%; transition: transform .3s ease-out;}
.read-more-filter:hover:before{ transform: scaleX(1); }
.read-more-filter:hover span { display:table-cell; vertical-align:middle; color:white; text-align:center; margin:0 auto; }

.animated-readmore { animation-duration: 2.5s; animation-fill-mode: both; animation-iteration-count: infinite; }
.pulse { animation-name: pulse; animation-duration: 1s; }

.blink_me {
	animation: blink 1s step-start 0s infinite;
	-webkit-animation: blink 1s step-start 0s infinite;
}

.pricebox-readmore { height:66px; float:left; color:white; padding:0 0 0 3px; width: 120px; text-align:center;  }
.amount-tag { display: block; overflow: hidden; float: left;}
.amount-tag .retail { background: #fe0000; }
.amount-tag .our-price { background: #333333; }
.amount-tag .save-price { background: #0084b5; }
.inner-triangle { float:left; width:0px; height:0px; border-top:33px solid transparent; border-bottom:33px solid transparent; }
.triangle-right-retail { border-left:20px solid #fe0000; }
.triangle-right-our { border-left:20px solid #333333; }
.triangle-right-save { border-left:20px solid #0084b5; }
.triangle-left { border-left:20px solid transparent; border-top:33px solid #AF1045; border-bottom:33px solid #AF1045; }
.triangle-left-our { border-left:20px solid transparent; border-top:33px solid #333333; border-bottom:33px solid #333333; }
.triangle-left-save { border-left:20px solid transparent; border-top:33px solid #0084b5; border-bottom:33px solid #0084b5; }
.amount-tag .amount { font-size:28px; font-family:roboto; font-weight:bold; }
.amount-tag .price-title { font-size:14px; display:block; margin-top:8px; font-weight:bold;}
.brand-img { margin: 0 10px 10px 0; max-width: 250px; max-height: 50px; overflow:hidden; }
.brand-img img {width:100%;}
.inclusions { width: 31%; overflow: hidden; padding: 0 0 0 26px; float:none;}
.inclusions .inc-title { background:#333333; color:white; padding:4px; text-align:center; font-size:24px; font-weight:bold; margin-bottom: 8px; }
.inclusions .wheel-align-box { margin: 0 auto; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; overflow: hidden; margin-bottom: 8px; }
.inclusions .wheel-align-title { display:block; text-align: center; font: bold 15px/20px 'eurostileextblaitalic'; margin-bottom: 4px; }
.inclusions ul { list-style-type: none; padding: 0; margin: 0;}
.inclusions li.check { background: url('../images/V2/checkInclusions.png') no-repeat left top; height: 28px; padding-left: 34px; background-size: 24px 20px; font-weight: 900; font-size: 18px; color: #333333; }

.detailed-quote-req { overflow: hidden; float:none;     position: relative;}
.detailed-quote-req .dq-title { background:#7cbf00; color:white; padding:6px; text-align:center; font-size:24px; font-weight:bold; margin-bottom: 8px; }

.new-title-detail { background: #009ED5; color: white; text-align: center; padding: 12px; font-size: 15px; position: relative; border-radius: 5px 5px 0 0; font-weight: 100; border-bottom: 1px solid #E9E9E9; }
.detail-tyre-info-container { width:100%; overflow:visible;padding:0 10px 0 0; margin:0; position:initial; }
.detail-tyre-info-container .availability { overflow: hidden; margin-top: 15px; float: left; }
.detail-tyre-info-container .tyre-specs { margin: 5px 0px; color: #333333; text-align:left; float:left; width: 100%; display: block; }
.detail-tyre-info-container .tyre-specs table { font-size: 18px; width: 280px; margin: 0 auto; }
.detail-tyre-info-container .tyre-specs table tr td { height:28px; }
.detail-tyre-info-container .availability-tag { color:#333333; font-size:21px; font-weight:900; display:block; line-height:40px; }
.detail-tyre-info-container .overflow-mask { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.detail-tyre-info-container .overflow-mask-model { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.detail-tyre-info-container .you-save { padding:5px 10px; background: #0084b5; color:white; margin-top: 5px; display: inline-block; font-size: 22px; font-weight: 500;}
.detail-tyre-info-container .price { font-size: 22px; color: #0084b5; font-weight: 900; }

.detail-tyre-info-container .overflow-mask .brand { font-size: 20px; color: #333333; font-weight: 700; }
.detail-tyre-info-container .overflow-mask-model .model { font-size: 38px; color: #333333; font-weight: 400; }
.detail-tyre-info-container .overflow-mask .tyresize { font-size: 25px; color: #333333; font-weight: 400; }
.detail-tyre-size { font-size: 28px;color: #333333;font-weight: 900; }

.price-mobi-hide { display:inherit; }
.show-mobi-hide { display: none; }
.desktop-hide { display: none; }

.detail-left-panel-spec { width:100%; float:left; }
.detail-left-panel-spec .tyre-spec-button { color:#b2b2b2; line-height:66px; width: 142px; font-weight:900; float:left; font-size:18px; margin-right:10px; position:relative; cursor:pointer; }
.detail-right-panel-price { width: 31%; overflow:hidden; padding: 0 0 0 26px; }
.detail-right-panel-price .quantity-select { width:29%; background:#b3b3b3; float:left; height:66px; margin-right:2%; color:white; text-align:center; position:relative; }
.detail-right-panel-price .quantity-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; background: #b3b3b3; color: white; border: none; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; padding: 7px 30px; width: 100%; font-size: 22px; }

.dq-quantity-select { width: 50%; background: #b3b3b3; float: left; height: 66px; color: white; text-align: center; position: relative; margin-left: 23%; }
.dq-quantity-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; background: #b3b3b3; color: white; border: none; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; padding: 7px 30px; width: 100%; font-size: 22px; }

.detail-left-panel { width:60%; float:left; }
.detail-right-panel { width: 32%; padding: 0 0 0 36px; overflow:hidden; margin-top:30px; }

.detail-right-panel .dealer-info { background:#df5e20; padding: 20px 20px 30px 20px; color:white; }
.detail-right-panel .dealer-info .spec-mobile-ret { float: none; width: 100%; overflow: hidden; }
.detail-right-panel .dealer-info .spec-retailer-price-lbl { text-align:center; float:left; margin: 5px; }
.detail-right-panel .dealer-info .spec-retailer-price-lbl span { font-size: 13px; display: inline-block; }

.fitter-details { width:80%; margin:0 auto; padding:30px; font-size:32px; }
.fitter-details .detail-left-panel { width:60%; float:left; font-size:32px; font-weight:900; color:#333333; }
.fitter-details .detail-left-panel .buy-online { color:#df5e20; margin-top:40px; display: inline; }
.fitter-details .detail-left-panel table { width: 100%; font-size: 0.625em; }
.fitter-details .detail-right-panel { width: 32%; padding: 0 0 0 36px; overflow:hidden; }
.fitter-details .detail-right-panel .dealer-info { display: block; font-size: 25px; font-weight:900; margin-bottom: 15px; text-align:left; }

.wheel-align-info { background:white; overflow:hidden; }
.wheel-align-info .wheel-img { float:left;text-align: center; display:block; margin-right: 30px; }
.wheel-align-info .wheel-prices { width:100%; overflow: hidden; margin-top: 35px; }

.callout-fee-bubble { width: 52px; height: 52px; background-color: #414042; border-radius: 31px; line-height: 52px; color: white; font-size: 13px; padding: 4px; text-align:center; margin: 0 auto; }

.total-price-tag { background:#2d2d2d; overflow:hidden; color:white; height:66px; text-align:center; font-weight:900; width:100%; margin-bottom:5px; } /*#df5e20*/

.detail-buy-button { width:100%; margin:auto; background: #009ED5; height:40px; color:white; text-align:center; cursor:pointer; border: 0px solid #009ED5; border-radius: 5px; margin-bottom: 15px; } /*#add2e0, #0084B6*/
.detail-buy-button:hover {background-color:#005877;} 
.enquiry-button  { width:69%; background: linear-gradient(#add2e0, #0084B6); float:left; height:66px; text-align:center; cursor:pointer; }
.enquiry-button:hover { background: #333333; }

.detail-sold-button { background: red;    height: 61px;    text-align: center;    border-radius: 7px; }

.right-mark-location { float:left; width:0px; height:0px; border-top:14px solid transparent; border-right:14px solid #df5e20; border-bottom:14px solid transparent; position:absolute; top:100px; left:-14px; display:block; }

.select-up { float:left; width:0px; height:0px; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid white; pointer-events: none; }
.select-down { margin-top:4px; float:left; width:0px; height:0px; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid white; pointer-events: none; }

.wheel-align-item { float:left; text-align:center; margin-right: 30px; width: 138px; }
.wheel-align-item .wheel-align-type { font-size: 11px; font-weight: bold; display:block; }
.wheel-align-item .wheel-align-price { display:block; border-radius:5px; background: linear-gradient(#add2e0, #0084B6); margin:5px; font-weight:900; color:white; font-size: 22px; width: 57px; height: 50px; line-height: 50px; }
.wheel-align-item .checkbox-custom-label { margin-left:10px; }

.storeFitter { content:url(/content/images/v2/store-image.png); padding: 0 10px 20px 0; width: 200px;}
.mobileFitter { content:url(/content/images/v2/mobileFitter2.png); display: inline-flex !important; margin: 0 13px -5px 0 !important; width: 200px;}
.location-pin { content:url(/content/images/v2/pin-icon-white.png); width:30%; }

.img-container-readmore-attr { height:30px;width:30px;margin: 15px 0; margin-right:10px; display: inline-block; float:left; bottom:10px; }
.specs-text { display: block; overflow: hidden; line-height: 66px; vertical-align: middle; }
.read-more-glasses { content: url(/content/images/v2/readmore-glasses.png); margin: 11px 0 0 0 !important;}
.read-more-warranty { content: url(/content/images/v2/readmore-shield.png); margin: 11px 0 0 0 !important;}
.read-more-faq { content: url(/content/images/v2/readmore-faqs.png); margin: 11px 0 0 0 !important;}
.read-more-video { content: url(/content/images/v2/play_icon.png); margin: 16px 0 0 0 !important;}

.detail-tyre-info-container .img-div { background:white; width:180px; height:200px; margin:0 20px 0 0; position:relative; float: left; padding: 0 25px 20px; }
.detail-tyre-info-container .img-div > div { position:relative;height: 100%; }
.detail-tyre-info-container .img-div #discount { width: 38px; border: 1px solid white; display: block; font-size: 12px; font-weight: 900; color: white; position: absolute; border-radius: 19px; padding: 6px; top: 5px; left: 5px; }
.detail-tyre-info-container .img-div #discount span { font-size: 9px; display:block; }
.detail-tyre-info-container .img-div > div > .img-wrapper > img { 
    width: 180px;
    object-fit: contain;
    position:absolute;
    bottom:0px;
    pointer-events: none;
    z-index:1;
}
.detail-tyre-info-container .img-div > div > .img-wrapper > img#img2 {
    left:181px;
}
.detail-tyre-info-container .img-div > div > .img-wrapper > img#img3 {
    left:361px;
}
.detail-tyre-info-container .img-div > div > .bullet-img-container {
    position:absolute;
    height: 17px;
    bottom: -20px;
    width:100%;
    text-align:center;
    z-index: 2;
}

.wheelalign-bubble { width: 92px; height: 92px; background-color: #0084b5; border-radius: 50px; line-height: 88px; color: white; font-size: 26px; padding: 4px; text-align:center; margin: 0 0 20px 20px; display:block; margin-left: 20px; }
.payment-container { background:white; overflow:hidden; }
.payment-container .paymnet-options { width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; margin: 30px auto; height:100px; }
.payment-container .paymnet-options .payment-opt-cont { overflow:hidden; height:100px; float:left; margin-right: 25px !important; }
.payment-container .paymnet-options .payment-opt-cont .helper { display: inline-block; height: 100%; vertical-align: middle; }
.paymnet-options .payment-opt-cont img { display: inline-block !important; width:100px; vertical-align: middle; }

.face-review { margin: 0 auto; margin: 0 auto; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; }
.face-review a { width:auto; margin-left:30px;}

.spec-content { display:none; }
.spec-content .description { position:absolute; width:400px; height:230px; background:white; bottom:66px; border: 4px solid #cccccc; color: #333333; z-index:8; }
.button-spec:hover { color:#525252;}
.show-content { display:block; }

.home-button-popup { position:absolute; left: 24px; font-size:14px; top: 10px; text-decoration: initial; }
.home-button-popup span { display:block !important; margin: -8px; }
.title-popup-image { font-size:23px; line-height: 25px; }

.checkout-page { width:100%; overflow:hidden; background:white; margin-top:0px; border: 0px solid black; border-radius:10px}
.checkout-page .container { padding:30px; overflow:hidden; width:90%; margin:0 auto; }
.checkout-page .container .btn-pay-now { padding:10px 0; margin:10px auto 0; background:#009ed5 ; color:white; cursor:pointer; width: 80%; text-align:center; font-size: 30px; font-weight: bold; font-size:20px;border-radius:7px;}
.checkout-page .container .btn-pay-now:hover { background:#0589b7; } 
.checkout-page .container .shop-with-confidence { border:5px solid #b3b3b3; background:white; padding:30px; }
.checkout-page .container .shop-with-confidence h3 { font-size: 25px; font-weight: 700; line-height: 40px; margin-bottom:20px; }
.checkout-page .container .shop-with-confidence p { text-align:justify; }
.checkout-page .container .steps { float:left; width:55%; }
.checkout-page .container .steps .step-wrap { overflow:hidden; margin-bottom: 10px; }
.checkout-page .container .steps .step-wrap .step-number { overflow:hidden; display:block; margin-bottom: 10px;}
.checkout-page .container .steps .step-wrap .step-number span { display:block; width:40px; height:40px; border-radius:25px; background-color:#fa5a30; color:white; line-height:40px; font-size:20px; font-weight:900; float:left; text-align: center; margin-right: 20px; }
.checkout-page .container .steps .step-wrap .step-number h3 { font-size: 25px; font-weight: 700; line-height: 40px; }
.checkout-page .container .steps .step-wrap .step-info { overflow:hidden; text-align:left; padding-left:0px; margin-left:0px; border-left:0px solid #fa5a30; }
.checkout-page .container .steps .step-wrap .step-info .personal-details { margin-bottom:15px; }
.checkout-page .container .steps .step-wrap .step-info .personal-details input { width:80%; }
.checkout-page .container .steps .step-wrap .step-info select { width:100%; height: 48px !important; min-height:48px; border: 1px solid #cccccc; padding-left:12px; }
.checkout-page .container .steps .step-wrap .step-info .payment-details .date-card { width:23%; float:left; margin-right: 4% }
.checkout-page .container .steps .step-wrap .step-info .payment-details .date-card input { }
.checkout-page .container .steps .step-wrap .step-info .payment-details .date-card .info-label { width:100%; text-align:center; color:#afafaf; font-size:12px; display:block; }
.checkout-page .container .steps .step-wrap .step-info .payment-details .cvc-card { width:26%; float:left; }
.checkout-page .container .steps .step-wrap .step-info .payment-details .cvc-card .info-label { width:100%; text-align:center; color:#afafaf; font-size:12px; display:block; }
.checkout-page .container .summary { width:38%; float:left; margin-top: 0; border-top: none; padding-top: 0px; }
.checkout-page .container .summary .summary-content { width:100%; border:1px solid #b2b2b2; background-color:#f7f7f7; text-align: center;border-radius:7px;}
.checkout-page .container .summary .summary-content div { padding:10px 30px; border-bottom: 1px solid #b2b2b2; }
.checkout-page .container .summary .summary-content div table { width:100%; border-collapse: collapse; font-size: 15px; }
.checkout-page .container .summary .summary-content div table td { padding-bottom:5px; text-align:left; }
.checkout-page .container .summary .summary-content div table .summary-total { padding-top:15px; font-size:18px; font-weight:800; }
#success-checkout { margin-top: 40px; width: 720px; max-width: 720px; margin:0 auto; }

.back-to-results,
.back-button-desk,
.next-button-desk {
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    padding: 5px 14px;
    background: #999999;
}
.back-to-results:before,
.back-button-desk:before {
    content:'';
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    margin-right:4px;
    margin-bottom: 1px;
}
.back-button-desk,
.next-button-desk {
    display: inline-block;
}
.next-button-desk:after {
    content: '';
    border: solid #fff;
    padding: 3px;
    border-width: 0 2px 2px 0;
    float: right;
    transform: rotate(-45deg);
    margin-top: 7px;
    margin-left: 4px;
}
.back-to-results {
    background: transparent;
    color: #000;
}
.back-to-results:before {
    border-color: #999999;
}
.back-to-results {
    text-decoration: none;
}
.back-to-results:hover, .back-to-results:active {
    text-decoration: underline;
}
.ad-id-desk { z-index: 16; color: #fff; position: absolute; right: 10px; font-size: 15px; top: 10px; display:inherit; border: 2px solid white; }
.back-button-desk:hover { background:#b2b2b2; }
.back-button-desk a, .next-button-desk a { text-decoration: none; }
.back-button-mobi { z-index: 16; margin-left: -10px; margin-bottom: 10px; display: none; border: 2px solid black; border-radius: 4px; padding: 3px 16px; }
.back-button-mobi a { text-decoration: none; }

.top-header-desc { font-size:28px; padding-right: 5px; }
#main-content .page-wrap.top-header-desc { padding-right: 5px; }

.vehicle-detail-read-more-desk { background-color: transparent; height: 120px; margin-top: 0; color: white; font-size: 22px; padding-bottom: 8px; }
.vehicle-detail-read-more-mobi { display: none; }

.tyre-ad-id { z-index: 16; color: #fff; position: relative; font-size: 15px; display: block; float: right;}
.landing-size-font { font-size: 18px !important; }
.span-landing-location { color: #48a3c9; text-shadow: 1px 1px #010101; font-size:1.2em; display:initial; }

.save-live-ad { width:47%; height:35px; line-height:10px; text-align:center; display:inline-block; font: 20px 'eurostileextblaitalic'; background:white; color:#0077b3; margin-left:2%; border:1px solid white; }
.delete-live-ad { width:47%; height:35px; line-height:10px; text-align:center; display:inline-block; font: 20px 'eurostileextblaitalic'; background:white; color:#d31214; border:1px solid white; }

.save-live-ad:hover { background:#45a6c9; color:white; }
.delete-live-ad:hover { background:#d31214; color:white; }


.dealer-signup .page-body * {
    box-sizing: border-box;
    font-family: "Roboto";
}
@media (min-width: 768px) {
    .dealer-signup .mobile-underline {
        display: none;
    }

    .dealer-signup .mobile-underline-after::after {
        display: none;
    }
}
@media (max-width: 767px) {
    .dealer-signup .desktop-underline {
        display: none;
    }

    .dealer-signup .desktop-underline-after::after {
        display: none;
    }
}
.dealer-signup .curved-underline {
    position: relative;
}
    .dealer-signup .curved-underline:not(.center-underline) {
        white-space: nowrap;
    }
    .dealer-signup .curved-underline:after {
        content: "";
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
    }
    .dealer-signup .curved-underline.center-underline:after {
        left: 50% !important;
        transform: translateX(-50%);
    }

    .dealer-signup .curved-underline.underline-1:after {
        background-image: url(/content/images/v2/signup/icons/curved-underline.svg);
        background-size: contain;
        bottom: -7px;
        left: -7px;
        width: 159px;
        height: 15px;
    }
    .dealer-signup .curved-underline.underline-2:after {
        background-image: url(/content/images/v2/signup/icons/curved-underline-2.svg);
        bottom: -12px;
        left: -24px;
        width: 268px;
        height: 16px;
    }
    .dealer-signup .curved-underline.underline-3:after {
        background-image: url(/content/images/v2/signup/icons/curved-underline-2.svg);
        background-size: contain;
        bottom: -13px;
        left: -9px;
        width: 260px;
        height: 17px;
    }
    .dealer-signup .curved-underline.underline-4:after {
        background-image: url(/content/images/v2/signup/icons/curved-underline.svg);
        bottom: -15px;
        left: -4px;
        width: 188px;
        height: 17px;
    }
    .dealer-signup .curved-underline.underline-5:after {
        background-image: url(/content/images/v2/signup/icons/curved-underline-3.svg);
        bottom: -12px;
        left: -7px;
        width: 254px;
        height: 18px;
    }
    .dealer-signup .curved-underline.underline-6:after {
        background-image: url(/content/images/v2/signup/icons/curved-underline.svg);
    }
    .dealer-signup .curved-underline.underline-7:after {
        background-image: url(/content/images/v2/signup/icons/curved-underline.svg);
        bottom: -15px;
        width: 175px;
        height: 15px;
    }
    .dealer-signup .curved-underline.underline-8:after {
        background-image: url(/content/images/v2/signup/icons/curved-underline.svg);
        bottom: -18px;
        width: 175px;
        height: 15px;
    }
    .dealer-signup .curved-underline.underline-9:after {
        background-image: url(/content/images/v2/signup/icons/curved-underline.svg);
        bottom: -25px;
        width: 175px;
        height: 15px;
    }
.dealer-signup .top-section {
    background-image: url(/content/images/v2/signup/bg/bg-signup-header.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    position: relative;
}
.dealer-signup #main-content .top-section .page-wrap {
    padding: 75px 0;
}
    .dealer-signup .top-section .logo-divider {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translate(-50%, -35%);
    }
        .dealer-signup .top-section .logo-divider img {
            width: 85px;
            height: auto;
        }
    .dealer-signup .top-section .title-box {
        padding-left: 55px;
    }
    .dealer-signup .top-section .title-box h1 {
        color: #fff;
        text-transform: none;
    }
        .dealer-signup .top-section .title-box h1 .short-logo {
            left: -55px;
            top: 2px;
            position: absolute;
        }
    .dealer-signup .top-section .title-box h1  .short-logo img {
        width: 53px;
        height: auto;
    }
        .dealer-signup .top-section .title-box h1 .title {
            font-size: 59px;
            font-weight: 900;
            line-height: 1;
            letter-spacing: 2px;
            position: relative;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
        }
        .dealer-signup .top-section .title-box h1 .subtitle {
            font-size: 50px;
            line-height: 55px;
            display: block;
            letter-spacing: 0.65px;
            margin-left: -6px;
        }
    .dealer-signup .top-section .title-box .description {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0.35px;
        color: #fff;
        margin-left: -6px;
    }
.dealer-signup .top-section .heading-box {
    background: rgba(255, 255, 255, 0.66);
    border-radius: 10px;
    padding: 12px 20px 18px;
    text-align: center;
    max-width: 235px;
    margin-left: 10px;
    width: 100%;
}
        .dealer-signup .top-section .heading-box .heading-box-title {
            font-size: 24px;
            line-height: 1;
            font-weight: 900;
        }
        .dealer-signup .top-section .heading-box .heading-box-subtitle {
            font-size: 18px;
            font-weight: 500;
            line-height: 22px;
            letter-spacing: 0.5px;
            margin: 5px 0 15px;
        }
        .dealer-signup .top-section .heading-box .btn-red {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            font-weight: 900;
            line-height: 45px;
            text-decoration: unset;
            height: 52px;
            margin-bottom: 10px;
        }
        .dealer-signup .top-section .heading-box .btn-tea {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            font-weight: 700;
            height: 52px;
            margin-bottom: 8px;
        }
        .dealer-signup .top-section .heading-box .small {
            font-size: 14px;
            font-weight: 400;
        }
.dealer-signup .subtitle-large {
    font-size: 23px;
    line-height: 32px;
    letter-spacing: 0.35px;
    max-width: 882px;
    margin: 0 auto;
}
.dealer-signup .grey-box {
    background: #F3F4F6;
    border-radius: 20px;
    width: 100%;
    padding: 45px 60px 55px;
}
.dealer-signup h2 {
    font-size: 42px;
    font-weight: 900;
    line-height: 50px;
    text-align: center;
    margin: 0 auto;
}
    .dealer-signup .reasons-list-box h2 {
        max-width: 515px;
        margin-bottom: 53px;
    }
    .dealer-signup .reasons-list-box ol.reasons-list {
        list-style: none;
        list-style-type: none;
        counter-reset: redBigNumbers;
    }
        .dealer-signup .reasons-list-box ol.reasons-list li.reasons-list-item {
            counter-increment: redBigNumbers;
            background: #FFFFFF;
            border-radius: 5px;
            padding: 0 30px;
            margin-bottom: 17px;
            display: flex;
            align-items: center;
            height: 143px;
        }
        .dealer-signup .reasons-list-box ol.reasons-list li.reasons-list-item:last-child {
            margin-bottom: 0;
        }
            .dealer-signup .reasons-list-box ol.reasons-list li.reasons-list-item::before {
                content: counter(redBigNumbers) ".";
                color: #F71212;
                font-family: "Knewave";
                font-size: 53px;
                line-height: 1;
                width: 45px;
                text-align: left;
            }
            .dealer-signup .reasons-list-box ol.reasons-list li.reasons-list-item img {
                width: 70px;
                height: auto;
                margin-left: 20px;
                margin-right: 29px;
            }
            .dealer-signup .reasons-list-box ol.reasons-list li.reasons-list-item p {
                font-size: 28px;
            }
.dealer-signup .bg-dark-blue {
    background-color: #0A1731;
}
.dealer-signup .bg-dark-blue h2 {
    color: #fff;
}
.dealer-signup .page-wrap.unlimited-width {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.dealer-signup .trades-card-box {
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 31px;
    padding: 0 12px;
}
    .dealer-signup .trades-card-box .trades-card {
        background: #FFFFFF;
        border-radius: 5px;
        padding: 25px 5px;
        text-align: center;
        width: 100%;
        max-width: 203px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
        .dealer-signup .trades-card-box .trades-card img {
            width: auto;
            height: 80px;
            margin-bottom: 24px;
        }
        .dealer-signup .trades-card-box .trades-card strong {
            display: block;
            font-size: 16px;
        }
        .dealer-signup .trades-card-box .trades-card div {
            font-size: 13px;
        }
.dealer-signup .leads-box {
    margin-top: 80px;
    padding: 0 10px;
}
    .dealer-signup .leads-box .reverse {
        margin-bottom: 91px;
    }
    .dealer-signup .leads-box .leads-images {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .dealer-signup .leads-box .row:nth-child(1) .leads-images {
        margin-left: auto;
        max-width: 385px;
    }
    .dealer-signup .leads-box .row:nth-child(2) .leads-images {
        max-width: 300px;
    }
    .dealer-signup .leads-box strong {
        display: block;
        font-size: 33px;
        margin-bottom: 8px;
    }
    .dealer-signup .leads-box p {
        font-size: 26px;
        letter-spacing: 0.75px;
    }

.dealer-signup .subtitle-small {
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    margin-top: 20px;
    letter-spacing: 0.15px;
}
.dealer-signup .desktops-slider-box {
    margin-top: 40px;
}
    .dealer-signup .desktops-slider-box .desktops-slider {
        background: #fff;
        border-radius: 20px;
        padding: 35px 0 26px;
        overflow: hidden;
    }
    .dealer-signup .desktops-slider-box .desktops-slide {
        display: flex;
        align-items: start;
        justify-content: space-between;
        padding: 0 17px;
    }
        .dealer-signup .desktops-slider-box .desktops-slide .desktops-image {
            width: 100%;
            max-width: 50%;
            position: relative;
        }
            .dealer-signup .desktops-slider-box .desktops-slide .desktops-image img {
                width: 100%;
                height: 100%;
            }
    .dealer-signup .desktops-slider-box .desktops-slide .desktops-title-box {
        display: flex;
        position: relative;
        width: 100%;
    }
        .dealer-signup .desktops-slider-box .desktops-slide .desktops-title-box img {
            position: absolute;
            transform: rotate(19deg);
            z-index: 1;
        }
    .dealer-signup .desktops-slider-box .desktops-slide .desktops-title-box .desktops-title {
        font-family: "Knewave";
        font-size: 28px;
        line-height: 35px;
        transform: rotate(-7.85deg);
        display: block;
        color: #2E9CD2;
        text-align: center;
        position: absolute;
    }
    .dealer-signup .desktops-slider-box .desktops-slide p {
        font-size: 23px;
        line-height: 37px;
        letter-spacing: 0.2px;
        text-align: center;
    }
        .dealer-signup .desktops-slider-box .desktops-slide.desktop-1 {
            margin-bottom: 30px;
        }
        .dealer-signup .desktops-slider-box .desktops-slide.desktop-1 .desktops-title-box {
            margin-left: 3px;
            height: 100px;
        }
            .dealer-signup .desktops-slider-box .desktops-slide.desktop-1 .desktops-title-box .desktops-title {
                max-width: 255px;
                transform: rotate(-7.85deg) translate(11px, 11px);
                left: 71px;
            }
        .dealer-signup .desktops-slider-box .desktops-slide.desktop-1 p {
            max-width: 360px;
            margin-left: 14px;
        }

        .dealer-signup .desktops-slider-box .desktops-slide.desktop-2 {
            margin-bottom: 35px;
        }
    .dealer-signup .desktops-slider-box :not(.slick-initialized) .desktops-slide.desktop-2 .desktops-image img {
        left: unset;
        right: 0;
    }

        .dealer-signup .desktops-slider-box .desktops-slide.desktop-2 .desktops-title-box {
            height: 115px;
        }
        .dealer-signup .desktops-slider-box .desktops-slide.desktop-2 .desktops-title-box .desktops-title {
            max-width: 295px;
            transform: rotate(-7.85deg) translate(14px, 25px);
            left: -6px;
        }

            .dealer-signup .desktops-slider-box .desktops-slide.desktop-2 .desktops-title-box img {
                transform: scale(-1, 1) rotate(23deg) translate(-3px, 45px);
            }

        .dealer-signup .desktops-slider-box .desktops-slide.desktop-2 p {
            max-width: 360px;
        }

    .dealer-signup .desktops-slider-box .desktops-slide.desktop-3 {
    }
        .dealer-signup .desktops-slider-box .desktops-slide.desktop-3 .desktops-title-box {
            margin-left: 9px;
            height: 68px;
        }

            .dealer-signup .desktops-slider-box .desktops-slide.desktop-3 .desktops-title-box .desktops-title {
                max-width: 232px;
                transform: rotate(-7.85deg) translate(-11px, -24px);
                left: 82px;
            }

    .dealer-signup .desktops-slider-box .desktops-slide.desktop-3 p {
        max-width: 372px;
        margin-left: 9px;
    }

.dealer-signup .dealer-testimonials {
    margin-top: 0px;
}

    .dealer-signup .dealer-testimonials .slick-center .testimonial-inner {
        transform: scale(1.12);
    }

    .dealer-signup .dealer-testimonials .testimonial-inner {
        margin: 75px 55px 40px 55px;
        border: 1px solid #ffffff;
        border-radius: 16px;
        padding: 12px;
        text-align: center;
        transition: all 300ms ease;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.15);
    }

        .dealer-signup .dealer-testimonials .testimonial-inner .testimonial-text {
            font-size: 15px;
        }

        .dealer-signup .dealer-testimonials .testimonial-inner .image-box {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            flex: 0 0 55%;
            max-width: 55%;
            background: #F3F4F6;
            border-radius: 10px;
            padding: 8px;
        }

            .dealer-signup .dealer-testimonials .testimonial-inner .image-box .store-image {
                margin-bottom: 10px;
                width: 100%;
                height: 288px;
            }

                .dealer-signup .dealer-testimonials .testimonial-inner .image-box .store-image img {
                    width: 100%;
                    height: 100%;
                    border-radius: 8px;
                    object-fit: cover;
                    object-position: center;
                }

            .dealer-signup .dealer-testimonials .testimonial-inner .image-box .testimonial-company-website > a {
                color: inherit;
                text-decoration: none;
            }

        .dealer-signup .dealer-testimonials .testimonial-inner .content-box {
            display: flex;
            flex-direction: column;
            align-items: center;
            flex: 0 0 45%;
            max-width: 45%;
        }

            .dealer-signup .dealer-testimonials .testimonial-inner .content-box .rating {
                margin: 10px auto;
            }

            .dealer-signup .dealer-testimonials .testimonial-inner .content-box .testimonial-message {
                line-height: 22px;
                letter-spacing: -0.3px;
                padding: 0px 25px;
                margin: auto 0;
                font-size: 17px;
            }

            .dealer-signup .dealer-testimonials .testimonial-inner .content-box .testimonial-logo {
                max-height: 60px;
                max-width: 190px;
                margin-top: auto;
                margin-bottom: auto;
            }

                .dealer-signup .dealer-testimonials .testimonial-inner .content-box .testimonial-logo > img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                }

            .dealer-signup .dealer-testimonials .testimonial-inner .content-box .testimonial-person-name {
                font-size: 20px;
            }

            .dealer-signup .dealer-testimonials .testimonial-inner .content-box .testimonial-company-joined {
                color: #3C3C3C;
            }

.dealer-signup .testimonials-arrows-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 55px;
    margin-top: 8px;
}
    .dealer-signup .dots-box.slick-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
        .dealer-signup .dots-box.slick-dots li {
            display: flex;
        }
                .dealer-signup .dots-box.slick-dots li button {
                    width: 8px;
                    height: 8px;
                    background: #A7A7A7;
                    border-radius: 50%;
                    transition: all 300ms ease;
                    color: transparent;
                    font-size: 0;
                }
                .dealer-signup .dots-box.slick-dots li.slick-active button {
                    width: 13px;
                    height: 13px;
                    background: #249ED5;
                }

.dealer-signup .join-club-form-box .subtitle-large:not(.paragraph-with-lines) {
    max-width: 605px;
    margin-top: 35px;
    margin-bottom: 30px;
    line-height: 29px;
}
.dealer-signup .paragraph-with-lines {
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: center;
    width: 100%;
}
    .dealer-signup .paragraph-with-lines:before, .dealer-signup .paragraph-with-lines:after {
        content: '';
        display: block;
        height: 1.1px;
        background: #000;
        flex: 1;
    }
.dealer-signup .join-club-form-box .join-club-row {
    display: flex;
    align-items: start;
    justify-content: space-between;
    margin-top: 45px;
}
    .dealer-signup .join-club-form-box .join-club-row .flex-fill:nth-child(1) {
        max-width: 45%;
    }
    .dealer-signup .join-club-form-box .join-club-row .flex-fill:nth-child(2) {
        max-width: 53%;
    }
.dealer-signup .join-club-box {
    background: #249ED5;
    border-radius: 15px;
    padding: 25px 45px 15px 40px;
}
.dealer-signup .join-club-box h2 {
    color: #fff;
    text-align: left;
}
    .dealer-signup .join-club-box .join-club-list {
        margin-top: 21px;
        color: #fff;
    }
        .dealer-signup .join-club-box .join-club-list li {
            margin-bottom: 28px;
            display: flex;
            align-items: center;
            gap: 15px;
            font-size: 18px;
            line-height: 22px;
            margin-left: 3px;
        }
            .dealer-signup .join-club-box .join-club-list li:before {
                background-image: url(/content/images/v2/bullet-tick-lrg.png);
                background-repeat: no-repeat;
                background-size: 12px 9px;
                background-position: center;
                content: "";
                height: 22px;
                width: 22px;
                background-color: #fff;
                border-radius: 50%;
            }
.with-icons-form {
    background: #FFFFFF;
    border: 1px solid #55575C;
    border-radius: 15px;
    padding: 22px 25px;
}
    .with-icons-form form .targetDiv {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .with-icons-form form .form-group {
        position: relative;
        border: 1px solid #D8D8D8;
        border-radius: 5px;
        height: 42px;
        background: #fff;
    }
        .with-icons-form form .form-group img {
            position: absolute;
            top: 50%;
            left: 8px;
            z-index: 1;
            transform: translateY(-50%);
        }
        .with-icons-form form .form-group .control-label {
            display: block;
            font-size: 18px;
            position: absolute;
            top: 50%;
            left: 45px;
            z-index: 1;
            transform: translateY(-50%);
            text-transform: uppercase;
        }
        .with-icons-form form .form-group .btnext {
            height: 42px;
            position: absolute;
            top: 0;
            left: 150px;
            z-index: 1;
            right: 0;
        }
        .with-icons-form form .form-group .form-control {
            border: none;
            height: 100%;
            background-color: transparent !important;
            font-size: 18px !important;
            padding: 0 10px !important;
            font-family: "Roboto" !important;
        }
        .with-icons-form form .form-group input.form-control::placeholder {
            font-size: 18px;
            color: #C4C4C4;
        }
        .with-icons-form form .form-group .field-validation-error {
            font-size: 12px;
            position: absolute;
            bottom: -13px;
            right: 0;
            z-index: 1;
            margin: 0;
        }
    .with-icons-form form .btn-signup {
        margin-top: 8px;
        height: 57px;
    }



.dealer-signup .page-body .play-youtube {
    margin: 30px 0;
    cursor: pointer;
}
.dealer-signup .page-body .play-youtube > a {
    position: relative;
}
.dealer-signup .page-body .play-youtube > a > img {
    width: 100%;
}

.testimonials-arrows-box .slick-arrow:hover,
.testimonials-arrows-box .slick-arrow:active {
    opacity: 0.5;
}


.slick .slick-arrow {
    position: absolute;
    top: 50%;
    font-size: 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 14px;
}

.slick .slick-prev {
    left: -20px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    border: solid #a9a9a9;
    border-width: 0 3px 3px 0;
    padding: 8px;
}

.slick .slick-next {
    right: -20px;
    border: solid #a9a9a9;
    border-width: 0 3px 3px 0;
    padding: 8px;
    transform: rotate( -45deg );
    -webkit-transform: rotate(-45deg);
}


.dealer-signup-success .page-body .outer {
    padding: 70px 185px 170px;
}
.dealer-signup-success .page-body .inner {
    padding: 35px 0 50px;
    margin: 65px 0 0;
}
.dealer-signup-success .page-body h1 {
    font-size: 36px;
    text-transform: none;
    margin: 20px 0;
}
.dealer-signup-success .page-body p {
    font-size: 18px;
}
.dealer-signup-success .page-body p.head {
    margin-top: 30px;
}
.dealer-signup-success .page-body p.lead {
    margin-top: 10px;
}

.quote-detail-page .ui-selectmenu-location {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100% !important;
    padding: 0;
    margin-top: 22px;
}

.custom-ui-selectmenu-menu.ui-selectmenu-menu {
    box-shadow: 2px 4px 11px #cbcbcb;
    border-radius: 5px;
    overflow: hidden;
}



@media screen and (min-width: 1017.1px) {
    .dealer-signup #main-content .page-wrap {
        padding: 60px 0;
    }
}
@media screen and (max-width: 1017px) {
    .dealer-signup #main-content .page-wrap {
        padding: 30px 15px;
    }
    .d-mobile-none{
        display: none !important;
    }    
}
@media screen and (max-width: 600px) {
    .dealer-signup-success .page-body .outer {
        padding: 30px 10px;
    }

}
    


@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); }
	50% { -webkit-transform: scale(1.1); }
	100% { -webkit-transform: scale(1); }
}

@keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.1); }
	100% { transform: scale(1); }
}

@keyframes blink {
	1% { opacity: 0.0; }
    50% { opacity: 0.3; }
    100% { opacity: 1.0; } 
}
@-webkit-keyframes blink {
  1% { opacity: 0.0; }
    50% { opacity: 0.3; }
    100% { opacity: 1.0; } 
}

@-o-keyframes loader-spin {
    0% { -o-transform: rotate(0); }
    100% { -o-transform: rotate(360deg); }
}

@-ms-keyframes loader-spin {
    0% { -ms-transform: rotate(0); }
    100% { -ms-transform: rotate(360deg); }
}

@-webkit-keyframes loader-spin {
    0% { -webkit-transform: rotate(0); }
    100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes loader-spin {
    0% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(360deg); }
}

@keyframes loader-spin {
    0% { -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.tyre-spinner { position: relative; }
.tyre-spinner:before { background: rgba(0, 0, 0, 0) url("/content/images/v2/loading.svg") no-repeat scroll 50% 50%; background-size: cover; content: ""; height: 50px; left: 50%; margin: -25px 0 0 -25px; position: absolute; top: 50%; width: 50px; -moz-animation: loader-spin infinite; -o-animation: loader-spin infinite; -webkit-animation: loader-spin infinite; animation: loader-spin infinite; -moz-animation-duration: 5s; -o-animation-duration: 5s; -webkit-animation-duration: 5s; animation-duration: 5s; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; }

#tyre-img-zoom { background: rgba(0, 0, 0, 0); text-align: center; }
#tyre-img-zoom.open { background: rgba(0, 0, 0, 0.65); }
#tyre-img-zoom .outer-wrap { margin: 0; height: 100%; width: 100%; }
#tyre-img-zoom .content-wrap { max-width: 100%; max-height: 100%; display: inline-block; position: relative; }
#tyre-img-zoom .content-wrap .tyre-img-zoom-img { max-width: 90%; max-height: 90%; max-width: 90vw; max-height: 90vh; display: block; margin: 0 auto; position: relative; }
#tyre-img-zoom .content-wrap .close-x { background: url("/content/images/v2/close-x-med.svg") no-repeat scroll 50% 50% rgba(0, 0, 0, 0.65); border-radius: 50%; display: block; height: 46px; left: 100%; margin: 0 0 -46px -23px; max-height: 100%; max-width: 100%; overflow: hidden; position: relative; right: auto; top: -25px; width: 46px; z-index: 1; background-size: cover; }

.hp-vimeo-lnk { display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 334px; margin: 40px auto; }
.step0 .hp-vimeo-lnk { margin-top: 30px; }

.hp-vimeo-lnk img { display: block; width: 100%; }

.quote-detail-page .popup.confirm-pop-3 dl { text-align: left; clear: both; float: none; overflow: hidden; padding-bottom: 20px; border-bottom: solid 4px #ccc; }
.quote-detail-page .popup.confirm-pop-3 dd, .quote-detail-page .popup.confirm-pop-3 dt { float: left; }
.quote-detail-page .popup.confirm-pop-3 dt { width: 65px; clear: left; }
.quote-detail-page .popup.confirm-pop-3 dd { width: 75%; margin-bottom: 20px; }
.quote-detail-page .popup.confirm-pop-3 h3 { margin-top: 15px; color: #000; font: 600 28px/37px Roboto; text-transform: uppercase; }
.quote-detail-page .popup.confirm-pop-3 h3 span { color: rgba(0,182,232,1); display: block; }
#ddlBrandfilter { height: 35px; border-radius: 5px; width: auto; margin-left:10px; width:220px; }
#ddlSortBy { height: 35px; border-radius: 5px; width: auto; margin-left:10px; width:220px; }
.clear-section-div div span { cursor:pointer; width:76px; border:1px solid; border-color:white; border-radius:5px; color:white; padding:5px 10px; text-align:center; display: block; margin: 0 2px 10px 0; float:left; }

#ddlBrandfilter-mobi { height: 35px; border-radius: 5px; width: 250px; margin: 10px auto; display: block; }
#ddlSortBy-mobi { height: 35px; border-radius: 5px; width: 250px; margin: 10px auto; display: block; }

.new-filter-comparison { width:25%; float: left; margin: 0 0 0 0.5%; }
.new-filter-comparison .label { color:#2d2d2d; display:block; margin:5px; }
.new-filter-comparison .label .filter-name { font-weight:bold; }
.new-filter-comparison .select-info { width:99%; height:40px; border: 1px solid white; color:white; position:relative; cursor:pointer; border-radius: 7px;}
.new-filter-comparison .select-info:hover { background: #d0d0d0;}
.new-filter-comparison .select-info .filter-selected { display:block; margin-left:10px; line-height:40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 75%; }
.new-filter-comparison .select-info .select-arrow { float:left; width:0px; height:0px; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid white; position: absolute; right: 10px; top:15px; }

.new-filter-apply { width:18%; float: left; margin: 0 0 0 1%; }
.new-filter-apply .label { color:white; text-align:right; text-decoration:underline; cursor:pointer; }

.new-filter-comparison .filter-content { display:none; width:100%; background:white; margin-top:25px; position:relative; padding:10px 0 0 0; z-index:3; color:black;border-radius:7px}
.new-filter-comparison .filter-content .filters { height:185px; overflow-y:scroll; position: relative; }
.new-filter-comparison .filter-content .select-tab { float:left; width:0px; height:0px; border-left:14px solid transparent; border-right:14px solid transparent; border-bottom:14px solid white; position:absolute; top:-14px; left:12px; }
.new-filter-comparison .filter-content .done-button { display: block; float:left; margin: 10px 0; padding: 5px 0; background: #d32027; width: 45%; height: 30px; line-height: 30px; text-align: center; color: white; border: 1px solid lightgrey; cursor:pointer; border-radius:7px}
.new-filter-comparison .filter-content .done-button:hover { background:#333333; }
.new-filter-comparison .filter-content .clear-button { margin: 10px 0; padding: 5px 0; width: 45%; line-height: 32px; text-align: center; display: inline-block; }
.new-filter-comparison .filter-content .clear-filter { cursor:pointer; }

.pre-filter-screen { display:none; background:black; opacity:0.5; z-index:2; height:120%; width:100%; position:absolute; margin-top: -5px; }
/*.apply-new-filter {display: block;float: left;padding: 8px 0;background: #d32027; width: 100%;height: 30px;line-height: 30px;text-align: center;color: white;cursor: pointer;border-radius: 7px;}*/
.apply-new-filter:hover {background: #737373}
.openFilter { display: block !important; }

.checkbox-custom, .radio-custom { opacity: 0; position: absolute;}
.checkbox-custom, .checkbox-custom-label {display: inline-block;vertical-align: middle;margin: 2px 0px 3px 15px;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 85%;border: 1px solid; border-radius: 7px; padding: 0px;}
.checkbox-custom, .checkbox-custom-label-results-page {display: inline-block;vertical-align: middle; margin: 5px 0px;cursor: pointer; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 90%;padding: 0px;font-weight: normal;font-size: 15px;} 
.radio-custom, .radio-custom-label { display: inline-block; vertical-align: middle; margin: 3px 0px 3px 0px; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.checkbox-custom-label, .radio-custom-label { position: relative;border-color: #009ed5; }
.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {content: '';border-radius: 10px;background: #fff;border: 1px solid #ccc; display: inline-block; vertical-align: middle; width: 15px; height: 15px; padding: 1px; margin-right: 10px; text-align: center; margin-left: 5px; color: #FF9800;}

.checkbox-custom:checked + .checkbox-custom-label:before { content: '✔';font-size: 20px; line-height: 17px;font-weight: bold; box-shadow: inset 0px 0px 0px 0px #fff;}
.checkbox-custom + .checkbox-custom-label-results-page:before, .radio-custom + .radio-custom-label:before {content: '';border-radius: 50%;background: #fff;border: 1px solid #ccc;display: inline-block;vertical-align: middle;width: 22px;height: 22px;padding: 1px;margin-right: 10px;text-align: center;color: #009ed5;}
.checkbox-custom:checked:not(:disabled) + .checkbox-custom-label-results-page:before {content: '•';font-size: 44px;line-height: 27px;font-weight: bold;margin-right: 10px}
.checkbox-custom:hover + .checkbox-custom-label-results-page:before { font-size: 44px;line-height: 27px;font-weight: bold;margin-right: 10px;}

.checkbox-custom-label-live { position: relative;  }
.checkbox-custom + .checkbox-custom-label-live:before { content: ''; background: #fff; border: 1px solid #333333; display: inline-block; vertical-align: middle; width: 15px; height: 15px; padding: 1px; margin-right: 10px; text-align: center; }
.checkbox-custom:checked + .checkbox-custom-label-live:before { content: '✔'; font-size: 20px; line-height:17px; font-weight:bold; box-shadow: inset 0px 0px 0px 0px #fff; }
.checkbox-custom:checked + .checkbox-custom-label-live:before { color:#0077b3; }

.checkbox-custom:disabled, .radio-custom:disabled { background:#ddd; color:#ccc; }
.checkbox-custom:disabled + .checkbox-custom-label { color:#ccc;border-color: #ccc; }
.checkbox-custom:disabled, .radio-custom:disabled,
.checkbox-custom:disabled + .checkbox-custom-label,
.checkbox-custom:disabled + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    cursor: default;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}
.radio-custom:checked + .radio-custom-label:before { background: #333333; box-shadow: inset 0px 0px 0px 4px #fff; }

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label { outline: 0px solid #ddd; /* focus style */ }

.brandfilterline {border: 1px solid #009ed5 !important;}
.brandfilterline:hover {border: 1px solid #FF9800 !important;}
.brandfilterline-results-page {transition: all .2s ease-in-out}

.call-company {    display: block;	font-size: 30px;	padding-left: 0px;  	font-weight: 700;   	color: #2d2d2d;   	width: 55%;   	 	text-align: center;	}
.call-box {	   width: 46%;    	   margin-top: -22px;    	   margin-bottom: 15px;    	   text-align: center;    	   float: right;		}
.phone-call-imgx { left: 50px;}
.phone-call-img{left: 50px;}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background-color: #eaeaea; }
::-webkit-scrollbar-thumb { background-color: #ccc; }
::-webkit-scrollbar-thumb:hover { background-color: #aaa;}

.newboxcall-dealer {text-align: left;font-size: 30px;padding-left: 0px;margin-top: 20px;font-weight: 700;display:block; color:#2d2d2d; width:100%;}
.newboxcall {margin-top: -82px;    margin-right: 175px;}
.box-address-new { width:45%; overflow:hidden;}
.new-address-q {width:50%; overflow:hidden;float: left;}
.box-number {margin-top: 4px; }

@media screen and (max-width:1017px) {
    #notify { position: absolute; top: 54px; }
    .quote-detail-page .popup > .outer-wrap { height: calc(100% - 130px) !important; }
	.show-number {width: 81% !important;margin: 0px 34px 10px;}
	.filter-container { width: 100%; }
	.brand-filter-div { margin:0 10px 0 0; }
	.sort-filter-div { margin: 0 5px; }
	.clear-section-div { margin: 5px 75px; float: left; }
	.newboxcall-dealer {text-align: center !important}
	.newboxcall {margin-top: 0px !important;    margin-right: 250px !important;}
	.call-box {margin-top: -35px !important;}
	.box-address-new { width:54%; overflow:hidden;margin-left: 24%;}
	.box-number {margin-top: 4px; }
}

@media screen and (max-width:680px) {
	.filter-container { width: 100%; }
	#ddlBrandfilter { width:114px; }
	#ddlSortBy { width:114px; }
	.call-box { width:100%; margin-bottom: 15px;margin-top: 0px;  }
	.call-company {width: 100%; text-align:center !important }
	.phone-call-imgx { left: 50px !important}
	.phone-call-img{left: 50px !important;}
	.new-address-q{width: 86%;overflow: hidden;float: left;margin-bottom: 33px;margin-left: 29px;}
}

@media screen and (max-width:680px) {
	#size-pages  { width: 85% !important; margin-left: 7% !important; }
	#brand-pages  { width: 85% !important; margin-left: 7% !important; }
	#size-page-size { width: 110px !important;margin-left:32px !important;}
	#size-page-rim { width: 110px!important;margin-left:32px !important;}
}

@media screen and (min-width:1017.1px) {
    .dtop-hide { display: none !important; }
    
    #header { position: relative; width: 100%; left: 0; right: 0; }
    #header .burger { display: none; }
    #header nav { height: 100%; display: table-cell; vertical-align: middle; }
    #header nav > div { display: table; height: 20%; float: left;margin-top: 10px;}
    #header nav > div > * { display: table-cell; padding: 0 25px; text-align: center; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #header nav > div > a:not(:first-child) { border-left: 2px solid #e5e5e5; }
    #header nav > div > a { color: #000; position: relative; }
    #header nav > div > a:after { position: absolute; bottom: 0; height: 0; left: 0; right: 0; content: ''; }
    #header nav > div > a:hover:after,
    #header nav > div > a:focus:after { height: 3px; }
    #header nav > div > *:last-child { padding-right: 0; }

    #header nav .price-guarantee-togg { display: table-cell; }
    #header nav .price-guarantee-togg:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; z-index: 1; }

	#main-content { background-size:cover !important; }
    #main-content .page-title {
        display: flex;
        flex-direction: column;
    }

    .brand-count, .price-count, .distance-count, .load-count, .speed-count, .runflat-count, .fourForthree-count {width: 30px;text-align: right;float: right;font-weight: 500}

    .why-use-header {  width: 100%; height: 220px; background: url(/content/images/v2/1-whyuse-header.png) no-repeat top center; background-size: cover;}
    .why-use-header2 {  width: 100%; height: 220px; background: url(/content/images/v2/4-whyuse-notext.png) no-repeat top center; background-size: cover;}
    .why-use-header div { text-align:center; display:table; width: 100%; height: 100%; }
    .why-use-header div h1 { display:table-cell; vertical-align:middle; color:white; text-shadow: 2px 2px #989898; text-transform: none; font-size: 50px;}
    .why-use-header2 div { text-align:center; display:table; width: 100%; height: 100%; }
    .why-use-header2 div h1 { display:table-cell; vertical-align:middle; color:white; text-shadow: 2px 2px #989898; text-transform: none; font-size: 50px;}

    .why-use-container { width: 100%; background-color: transparent; text-align: center; margin-top: 70px;}
    .why-use-center-wrapper { margin: auto; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; margin: 0 auto; height:400px }
    .why-use-center-wrapper2 { margin: auto; width: 880px !important; }
    .why-use-step { width:210px; margin:10px; background-color:white; height:350px; float:left; }
    .why-use-step p { font-size: 20px; padding: 10px; }
    .why-use-step img { margin-bottom: 20px; }

    .our-story-header {  width: 100%; height: 220px; background: url(/content/images/v2/1-ourstory-header.png) no-repeat top center; background-size: cover;}
    .our-story-header div { text-align: center; display: table;  width: 70%; height: 100%; margin-top: auto; }
    .our-story-header div h1 { display:table-cell; vertical-align:middle; color:white; text-shadow: 2px 2px #989898; text-transform: none; font-size: 50px;}

    .our-story-container { width: 100%; background-color: transparent; text-align: left; margin-top: 70px;}
    .our-story-center-wrapper { margin: auto; width: 800px !important; height:1000px; }
    .our-story-center-wrapper h2 { text-transform: none; margin-bottom:25px; margin-top:25px; font-size:28px; }
    .our-story-center-wrapper p { text-transform: none; margin-bottom:20px; font-size:19px; text-align: justify; }
    .our-story-center-wrapper a { text-decoration: none}

    .contact-us-header {  width: 100%; height: 220px; background: url(/content/images/v2/1-contact-us-header.png) no-repeat top center; background-size: cover;}
    .contact-us-header div { text-align: center; display: table;  width: 70%; height: 100%; margin-top: auto; }
    .contact-us-header div h1 { display:table-cell; vertical-align:middle; color:white; text-shadow: 2px 2px #989898; text-transform: none; font-size: 50px;}

     .contact-us-container { width: 100%; background-color: transparent; text-align: left; margin-top: 70px;}
     .contact-us-center-wrapper { margin: auto; width: 800px !important; height:700px; }
     .contact-us-center-wrapper p { text-transform: none; margin-bottom:20px; font-size:19px; text-align: justify; }
     .contactButton { margin-top:30px; background: url(/content/images/v2/3-submit_button.png); width:244px; height:53px; cursor: pointer; display: inline-block; box-shadow: 4px 4px 4px #888888; border-radius: 7px;}

     #contacForm .halfRow { float:left; width:48%; margin-top:20px; margin-right:1%;}
     #contacForm .halfRow input { width:100%; margin-top:10px;}
     #contacForm .halfRow label { text-transform: uppercase; font-weight:bold; font-size: 15px; }
     #contacForm .wholeRow { float:left; width:100%; margin-top:20px}
     #contacForm .wholeRow textarea { width:97%; margin-top:10px; height:120px;}
     #contacForm .wholeRow label { text-transform: uppercase; font-weight:bold; font-size: 15px; }
     .contactInfo { margin-bottom:0px; }

     ul.why-use-reasons { list-style-image: url(/content/images/v2/5-bluetick.png); }
     ul.why-use-reasons li { font-size: 25px; margin:25px; padding-left:20px;}

    .why-use-video-container { width:100%; height:626px; }
    .why-use-video { width:80%; margin:0 auto; height:606px; background:url("/content/images/v2/3-why-use-video.png") no-repeat center; background-size:cover; cursor: pointer; }
    .why-use-video:after { content: ""; position: absolute; display: block; top: 45%; left: 45%; width: 46px; height: 36px; z-index: 30; cursor: pointer; } 
    .why-use-video iframe { top: 0; left: 0; width: 100%; height: 100%; }

    .sign-up-video-container { width:100%; height:126px; display:table-footer-group; }
    .sign-up-video { width:90%; margin:0 auto; height:163px; background:url("/content/images/v2/frankvideo.png") no-repeat center; background-size:cover; cursor: pointer; margin-bottom: 20px;}
    .sign-up-video:after { content: ""; position: absolute; display: block; top: 45%; left: 45%; width: 46px; height: 36px; z-index: 30; cursor: pointer; } 
    .sign-up-video iframe { top: 0; left: 0; width: 100%; height: 100%; }
    
    .video { position: relative; width:100%; height:742px; background:url("/content/images/v2/9-video.png") no-repeat center; background-size:cover; cursor: pointer; }
    .video:after { content: ""; position: absolute; display: block; top: 45%; left: 45%; width: 46px; height: 36px; z-index: 30; cursor: pointer; } 
    .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	.video.player img { display: none; }
	.video.player:after { display: none; }

	#overlay { position: fixed; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 1000; background-color:rgba(0,0,0,0.5)}
	#modal-message { width:400px; margin: 400px auto; padding:30px; background-color: #fff; border:1px solid #000; padding:15px; text-align:center; border-radius:5px;}
	#modal-message p { margin:10px; }


    .size-selector .cbd { float: right; height: 169px; width: 256px; }
    .size-selector .cbd .photo-row { padding: 0 10px; margin: 0; float: left; }
    .size-selector .cbd .or-row { width: 1px; margin: 0 10px 0 20px; height: 100%; float: left; }
    .size-selector .cbd .or-row span { top: 50%; left: -20px; margin: -18px 0; padding: 10px 0; }

    .size-selector .chg-sgl { float: right; }
    .size-selector .btn-go {  }
	.postcode-step1 { text-align: center; float: left; width: 53%; margin-top: 0px; }

    .size-selector .end.upload { margin: 0 10px 10px; }

    .size-selector.t4 .btn-go { left: 589px; top: 190px; }
    .size-selector.t4 .end.upload + .btn-go { top: 128px; }
    .size-selector.uploading:not(.t4) .btn-go { top: 128px; }

    .size-selector.uploading .chg-dbl br { display: none; }
    .size-selector.uploading .chg-dbl { text-decoration: none; color: inherit; left: 317px; font-weight: 400; font-size: 16px; }
    .size-selector.uploading .chg-dbl:before { background: url("/content/images/ts-add.png") no-repeat 0 50%; width: 16px; height: 16px; content: ''; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; }
    
    .quote-page #main-content {
        padding-bottom: 0px;
    }
    #main-content .page-wrap-results-page { padding: 15px; }
    #main-content .page-wrap {padding: 10px 0;}

    .home-flex-container {
        display: flex;
        justify-content: space-around;
    }

    .quote-page .line {
        height: 3px;
        width: 50px;
        background-color: red;
    }
    .quote-page h1 {
        margin: 0px 0 0;
        font-size: 42px;
        line-height: 50px;
        letter-spacing: 2px
    }
    .quote-page h2 { font-size: 26px; letter-spacing: -0.4px; text-transform: none; margin-bottom:30px; color:white;}
    .quote-page h2 sub { font-size: 17px; text-transform: inherit; }

    .quote-page .page-title {
        
        order: 1
    }

    .quote-page .bottom-title {
        color: white;
        font-size: 26px;
    }

    .quote-wrap .next-steps { padding: 40px 0 35px 15px; }

    .squote-head .specs { float: left; margin: 0 60px 0 0; width: 50%; }
    .squote-head .comments .label { float: left; margin: 0 15px 0 0; }

    .quote-res-head .head-wrap { display: table; width: 100%; }
    .quote-res-head h1 { display: table-cell; padding: 0 90px 0 0; }
    .quote-res-head .specs { display: table-cell; width: 350px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 90px 0 0; }
    .quote-res-head .comments { width: 320px; display: table-cell; }

    .squote-res .results-wrap { display: table; width: 100%; border-collapse: collapse; }
    .squote-res .results-wrap .col { display: table-cell; width: 33.3333%; width: calc(100% / 3); position: relative; }

	.photo-uploader-content { overflow:hidden; padding:15px; font-size:20px; }
	.photo-tips-pic {  }
	.photo-tips-pic .tips { content:url('../images/V2/15-wheelpics.png'); width:auto; height:auto; }
	.photo-tips-info { float:left; width:59%; position:relative; }
	.photo-tips-info img { height: 90px; position:absolute; display: block; right:0px; right:0px; }
	.photo-tips-info .title { font-size:26px; margin:0 0 10px; font-weight:bold; display:block; }
	.photo-tips-info ol { margin: 20px 0 0 20px; font-size:18px; font-weight:bold; width:100%; }
	.photo-tips-info ol li { line-height:30px; }

	.photo-container { position:relative; margin-top:5px; display:inline-block }
	.photo-container .photo-container-img { width: 130px;height: 100px;  margin-left: 20px; float:none;}
	.photo-marker { position:absolute; left:0px; top: 30px; height: 40px; width: 40px; border-radius: 20px; z-index: 1; }
	.wrong { background: #ff0000; }
	.wrongpic { display: block; }
	.good { background: #74c900; }
	.goodpic { display:block; }
	.edit { background: #009ed5; }
	.userpic { display: block; width: auto; }
	.userpic-size { width: 130px !important; height: 100px !important; }

	.tip1:before { content: 'Ensure camera flash is'; }
	.tip1 span:before { content: ' ON'; }
	.tip2:before { content: 'Zoom in to '; }
	.tip2 span:before { content: 'capture the whole tyre'; }
	.tip3:before { content: 'Make sure photo is '; }
	.tip3 span:before { content: 'crisp and clear'; }

	/*Flip controls for catalogue.*/
    .flip-container-cat { perspective: 1000; }
	.flipFront-cat { transform: rotateY(0deg) }
	.flipBack-cat { transform: rotateY(180deg); }
	.flip-container-cat, .front-cat { width: 99%; height: 608px; }
	.flip-container-cat, .back-cat { width: 99%; height: 524px; }
	.flipper-cat { transition: 0.6s; transform-style: preserve-3d; position: relative; }
	.front-cat, .back-cat { backface-visibility: hidden; position: absolute; top: 0; left: 0; }
	.front-cat { z-index: 2; /* for firefox 31 */ transform: rotateY(0deg); }
	.back-cat { transform: rotateY(180deg); background-color:white;}
	.back-cat h2 { padding-top:5px; text-transform:uppercase; }

	.back-cat .hdbudget { background-color: #af1045; height:30px; color:white; text-align:center; }
	.back-cat .hdeveryday { background-color: #52857a; height:30px; color:white; text-align:center; }
	.back-cat .hdpremium { background-color: #d5b421; height:30px; color:white; text-align:center; }
	.top-budget-color { color:  #af1045; }
	.top-everyday-color { color: #52857a; }
	.top-premium-color { color: #d5b421; }
	.top-budget-backgroundcolor { background-color:  #af1045; }
	.top-everyday-backgroundcolor { background-color: #52857a; }
	.top-premium-backgroundcolor { background-color: #d5b421; }

	.back-cat .top50-catalogue-img { position: relative; margin: 15px auto 10px; height: 170px;  margin-right: 15px; text-align: center; }
	.back-cat .top50-catalogue-img .discount{ text-align: center; background: #d31214; color: #fff; border-radius: 50%; width: 60px; height: 60px; position: absolute; top: 10px; right: 10px; z-index: 5; font-size: 15px; line-height: 16px; }
	.back-cat .top50-catalogue-img .discount span { font-size: 18px; padding-top: 17px; display: block; }
	.back-cat .top50-catalogue-img img{ position: relative; width:170px; height:170px; }

	.back-cat .wrap .price .reduced { font: bold 12px/12px 'eurostileextblaitalic'; text-transform: uppercase; display: block; margin: 10px 0 0px !important; }
	.back-cat .wrap .price .price-per-tyre { margin: 0; line-height: 29px; font-size: 45px !important;  font: 500 14px/1.3 Roboto; }

	.showBadge { display: block !important; }
	.hideBadge { display: none !important; }

    .signup-page .page-head { margin: 0 auto; }
    .signup-page .page-body .signup-form { position: absolute; right: 0; bottom: 0; width: 330px; z-index: 1; padding: 25px; }
    .signup-page .page-body .blocks-wrap { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table; height: 460px; margin: 0 auto 45px; position: relative; width: 100%; }
    .signup-page .page-body .block1 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table; vertical-align: top; background: #fff; height:500px;}
    .signup-page .page-body .block2 { border-left: 10px solid transparent; width: 330px; display: table-cell; padding: 0; position: relative; vertical-align: bottom; }
    .signup-page .page-body .block3,
    .signup-page .page-body .block4 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; height: 100%; padding: 50px 25px 20px; vertical-align: top; width:100%;}
    .signup-page .page-body .block3 { padding-left: 35px; float:left; height:300px !important; display: table-header-group;}

     .sign-up-reliable { font:700 25px "Roboto" !important; color:#0084B6}

    .signup-page .signup-form .tabled { margin: 0 0 20px; width: 100%; }
    .signup-page .signup-form .tabled .inp-row { display: table-row; }
    .signup-page .signup-form .tabled .inp-row > * { display: table-cell; vertical-align: middle; padding: 10px 0 0 0; }
    .signup-page .signup-form .tabled .inp-row:first-child > * { padding-top: 0; }
    .signup-page .signup-form .tabled label { width: 90px; padding-right: 10px; font-weight: 400; margin: 0; }

    .signup-complete-page .page-head { padding: 30px 0 0; }
    .signup-complete-page .next-steps ul { display: table; width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 2px; margin: 90px auto 150px; }
    .signup-complete-page .next-steps li { display: table-cell; width: 33.3333%; vertical-align: top; position: relative; }
    .signup-complete-page .next-steps .num { position: absolute; top: -60px; left: 50%; margin: 0 0 0 -10px; width: 20px; }
    .signup-complete-page .next-steps .content { height: 76px; }


    /* REMOVE BELOW WHEN NEW QUOTES ARE IMPLEMENTED */
    .quoted-results table tbody tr { background-position: 0% 0%; background-image: linear-gradient(to bottom, rgba(221,221,221,1) 0,rgba(250,250,250,1) 17%); background-color: rgb(221,221,221); background-repeat: repeat; background-attachment: scroll; }
    .quoted-results table tbody tr.even, .quoted-results table tbody tr.odd { background: #fafafa !important; }
    .quoted-results table tbody tr.even:hover, .quoted-results table tbody tr.odd:hover, .quoted-results table tbody tr.shown { background-color: #eee !important; }
    /* REMOVE ABOVE WHEN NEW QUOTES ARE IMPLEMENTED */

    .quote-detail-page { }
    .quote-detail-page .details-block { font: 16px/1.3 Roboto; padding: 0; }
    .quote-detail-page .quote-detail { padding: 10px; background-color: #fff; color: #414042; }
    .quote-detail-page .quote-detail .top { padding: 50px 40px 70px 320px; position: relative; margin: 0; border: 0 solid #e1e1e1; border-width: 0 0 5px; }
    .quote-detail-page .quote-detail .top:before { padding: 2px 10px; font-size: 18px; line-height: 26px; text-transform: uppercase; color: #fff; font-weight: 700; position: absolute; left: -10px; top: -10px; right: -10px; text-align: center; }
    .quote-detail-page .budget .top:before { content: "Budget"; background-color: #af1045; }
    .quote-detail-page .everyday .top:before { content: "Everyday"; background-color: #52857a; }
    .quote-detail-page .premium .top:before { content: "Premium"; background-color: #d5b421; }
    .quote-detail-page .details-block img { display: block; max-height: 100%; max-width: 100%; }
    .quote-detail-page .details-block .side-search img { transform: none !important; }
    .quote-detail-page .tyre-img { position: absolute; left: 45px; top: 40px; width: 240px; height: 240px; }
    .quote-detail-page .brand-img { margin: 0 0 10px; max-width: 250px; max-height: 70px; }
    .quote-detail-page .brand-img img { max-width: inherit; max-height: inherit; }
    .quote-detail-page .brand-img h2 { font-size: 24px; }
    .quote-detail-page .tyre-img img { position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; }

    .quote-detail-page .spec-row { display: table; width: 100%; table-layout: fixed; }
    .quote-detail-page .spec-row > * { display: table-cell; vertical-align: top; }

    .quote-detail-page .fit-bal { font-weight: 700; font-size: 15px; line-height: 1.2em; color: #006698; text-align: center; }
    .quote-detail-page .fit-bal .fit-bal-ico { width: 33px; margin: 0 10px 0 0; display: inline-block; vertical-align: middle; }
    .quote-detail-page .fit-bal span { display: inline-block; vertical-align: middle; }
    .quote-detail-page .fit-bal span span { display: block; text-align: left; }

    .quote-detail-page .btn-reserve,
    .quote-detail-page .reserved { display: none; font: 700 18px/20px Roboto; margin: 20px auto; max-width: 190px; padding: 8px 15px; border-radius: 12px; text-transform: capitalize; }
    .quote-detail-page .reserved { color: #fff; text-align: center; border-radius: 0; padding: 5px; }
    .quote-detail-page .budget .reserved { background-color: #af1045; }
    .quote-detail-page .everyday .reserved { background-color: #52857a; }
    .quote-detail-page .premium .reserved { background-color: #d5b421; }
    .quote-detail-page .model { font-weight: 700; }
    .quote-detail-page .size { color: #808285; font-weight: 500; font-size: 15px; }
    .quote-detail-page .price { margin: 2px 0; text-align: center; display: inline-block; }
    .quote-detail-page .price span:first-child { line-height: 1; font-weight: 900; display: inline-block; vertical-align: middle; font-size: 46px; }
    .quote-detail-page .price span:nth-of-type(2) { font-weight: 400; font-size: 11px; line-height: 12px; display: inline-block; vertical-align: middle; text-transform: uppercase; text-align: left; }
    .quote-detail-page .total { color: #58595b; font-size: 18px; font-weight: 700; }
    .quote-detail-page .total strong { font-weight: 700; }
    .quote-detail-page .total,
    .quote-detail-page .end .title2 { text-transform: uppercase; text-align: center; }
    .quote-detail-page .detail-head { display: table; width: 100%; margin: 0 0 40px; table-layout: fixed; }
    .quote-detail-page .detail-head > div { display: table-cell; vertical-align: middle; }
    .quote-detail-page .detail-head > div:last-child { width: 50%; text-align: center; }
    .quote-detail-page .detail-head .btn-reserve,
    .quote-detail-page .detail-head .reserved { margin: 0 auto; display: block; width: 185px; }
    .quote-detail-page .detail-head .all { font-size: 14px; padding: 5px; display: block; }
    .quote-detail-page .detail-head .free { color: #019501; display: block; margin-bottom: 6px; font-size: 15px; }
    .quote-detail-page .or { padding: 5px; font-size: 18px; }
    .quote-detail-page .btn-phone { padding: 7px 14px; border-radius: 15px; font-size: 16px; }

    .quote-detail-page .dbl .top { padding-bottom: 40px; }
    .quote-detail-page .dbl .detail-head > div:last-child { width: 33.3%; }
    .quote-detail-page .dbl .tyre-img { top: 40px; }
    .quote-detail-page .end .brand-img,
    .quote-detail-page .dbl .model { display: none; }
    .quote-detail-page .end .model { text-align: center; display: block; }
    .quote-detail-page .dbl .total { color: #414042; font-size: 22px; width: 66%; }
    .quote-detail-page .dbl .total strong { font-weight: 900; }
    .quote-detail-page .end .total { font-size: 15px; margin: 0 auto 10px; font-weight: 500; }
    .quote-detail-page .end .title { display: none; }
    .quote-detail-page .end .title2 { font-size: 16px; font-weight: 900; }
    .quote-detail-page .dbl .size { font-size: 15px; text-align: center; margin: 0 0 5px; }
    .quote-detail-page .dbl .price { display: block; text-align: center; }
    .quote-detail-page .dbl .price span:first-child { font-size: 33px; }
    .quote-detail-page .dbl .price span:nth-of-type(2) { font-size: 10px; line-height: 11px; }
    .quote-detail-page .rear { margin: 15px auto 0; }
    .quote-detail-page .dbl .fit-bal .fit-bal-ico { display: block; margin: 0 auto 13px; width: 46px; }
    .quote-detail-page .dbl .fit-bal span span { text-align: center; }

    .quote-detail-page .bot { padding: 35px 40px; font-weight: 400; font-size: 14px; line-height: 20px; }
    .quote-detail-page .bot:after { content: ''; display: table; clear: both; }
	.quote-detail-page .bot .content { width: 48%; border: 0 solid #e1e1e1; border-width: 0 5px 0 0; padding: 0 15px 0 0; min-height: 160px; }
    .quote-detail-page .bot .supplier { float: left; color: #414042; font-size: 15px; line-height: 1.2em; font-weight: 500; width: 46%; padding: 0 0 0 20px; }
    .quote-detail-page .bot .fit-bal { display: none !important; }
    .quote-detail-page .supplier .supplier-mobi { display: none; }
    .quote-detail-page .supplier .distance { margin: 5px auto 0; display: block; }
    .quote-detail-page .supplier-img { margin: 15px auto; }
    .quote-detail-page .supplier-img img { }
    .quote-detail-page .supplier-img .default-logo { height: 52px; }
    .quote-detail-page .supplier .title { font-weight: 700; }
    .quote-detail-page .content .avail-f { margin: 0 -60px; font-weight: 700; line-height: 20px; }
    .quote-detail-page .content .avail-f > div { display: table; width: 100%; border-spacing: 60px 0; border-collapse: separate; table-layout: fixed; }
    .quote-detail-page .content .avail-f > div > div { display: table-cell; vertical-align: top; text-align: left; padding: 0 0 15px; }
    .quote-detail-page .content .avail-f .end-title { text-transform: uppercase; display: block; }
    .quote-detail-page .content .avail-f .avail { color: #019501; display: block; }
    .quote-detail-page .content .avail-f .avail .label { font-weight: 700; text-transform: uppercase; }
    .quote-detail-page .content .avail-f .run-f,
    .quote-detail-page .content .avail-f .eco-f { font-size: 11px; text-transform: uppercase; white-space: nowrap; margin: 0 10px 0 0; }
    .quote-detail-page .content .avail-f .run-f img,
    .quote-detail-page .content .avail-f .eco-f img { height: 15px; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
    .quote-detail-page .content .avail-f .run-f span,
    .quote-detail-page .content .avail-f .eco-f span { vertical-align: middle; }
    .quote-detail-page .content .avail-f .eco-f { color: #829f1f; }

	.quote-detail-page .bot .supplier .operation-hours { display: block; font-weight:normal; margin: 0 0 20px; font-size: 13px; width: 100%; text-align: left; }
	.quote-detail-page .bot .supplier .spec-mobile-ret { float: none; width: 100%; overflow: hidden; }
	.quote-detail-page .bot .supplier .spec-wheel-align { float: none; width: 100%; overflow: hidden; margin: 10px 0 0 0; }
	.quote-detail-page .bot .supplier .spec-mobile-ret { }
	.quote-detail-page .bot .supplier .spec-retailer-detail { margin-right: 15px; float: left; width: 90px; text-align: center; }
	.quote-detail-page .bot .supplier .spec-retailer-detail img { height: 50px; margin: 0 auto; }
	.quote-detail-page .bot .supplier .spec-retailer-detail span { font-size: 11px; }
	.quote-detail-page .bot .supplier .spec-retailer-price-lbl { text-align:center; float:left; width: 65px; }
	.quote-detail-page .bot .supplier .spec-retailer-price-lbl span { font-size: 11px; display: inline-block; }
	.quote-detail-page .bot .supplier .wheel-align-label { width: 42px; height: 42px; background-color: #414042; border-radius: 28px; line-height: 42px; color: white; font-size: 11px; padding: 4px; text-align:center; margin: 0 auto; }

    .quote-detail-page .dealer-note { background-color: rgba(0, 172, 222, 0.1); color: #015b7d; font-weight: 500; margin: 0 0 1.5em; padding: 10px 13px; }
    .quote-detail-page .dealer-note .label { text-transform: uppercase; }
    .quote-detail-page .comments p { margin: 0 0 1em; text-align:justify; }
    .quote-detail-page .comments ul { margin: 1em 0 1em 1em; list-style: disc outside none; }
    .quote-detail-page .comments ul li { margin: 0; list-style: inherit; }
    .quote-detail-page .comments .read-more { display: none; }

    .quote-detail-page .supplier-map-wrap { width: auto; height: 222px; margin: 0 auto 30px; }
    .quote-detail-page .supplier-map-wrap #map { width: 100% !important; height: 100% !important; }
    .quote-detail-page .supplier-map-wrap img { max-width: none; max-height: none; }

    .quote-detail-page .supplier .email-quote { display: block; color: #0084b6; margin: 50px auto 0; }
    .quote-detail-page .supplier .btn-reserve,
    .quote-detail-page .supplier .reserved { display: none !important; }

    .dealer-catalogue-page .head-block { padding-top: 0px; margin-top: 0 !important; }

	.quote-comp-page .head-block-mobi { display: none; }
	.quote-comp-page .head-block { font: 500 14px/25px Roboto; background-color: #0084b6; padding: 0; color: #fff; }
    .quote-comp-page .head-block a { color: inherit; }
    .quote-comp-page .head-block h1 { font: 400 22px/33px Roboto; text-transform: none; margin: 0 0 5px; padding: 0; }
    .quote-comp-page .head-block h2 { font: 500 28px/33px Roboto; text-transform: none; margin: 0; padding: 0; }
    .quote-comp-page .head-block .page-wrap { display: table; }
    .quote-comp-page .head-block .content { display: table-cell; vertical-align: bottom; padding: 0 35px 0 0; }
    .quote-comp-page .head-block .filter-block { display: table-cell; vertical-align: bottom; position: relative; text-align: right; }
    .quote-comp-page .head-block .filter-block .sel-wrap { background: url("/content/images/v2/sel-arr-414042.png") no-repeat 100% 50% #e1f4fd; border: 0 none; border-radius: 16px; color: #414042; display: inline-block; vertical-align: middle; font: inherit; height: auto; margin: 0; text-align: left; float: none; }
    .quote-comp-page .head-block .filter-block .sel-wrap .val { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; font: inherit; padding: 0 40px 0 20px; vertical-align: middle; height: 33px; min-width: 185px; }
    .quote-comp-page .head-block .reset-all { color: inherit; display: inline-block; vertical-align: middle; text-transform: uppercase; margin: 0 0 0 15px; }

	.postcode-landing-comparison { background: url("/content/images/v2/7-quotes-1500.png") no-repeat center; background-size:cover; padding:0 0 30px; }
	.postcode-landing-comparison h1 { font-size: 47px; text-transform: none; color: white; line-height: initial; }
	#searchLanding.disabled { opacity: 0.8; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
	.lading-address-input { width: 80%; text-align: center; height: 90px; border-radius: 5px; font-size:1em !important; border: 3px solid !important; }
	.btn-search-landing { font-size: 36px !important; padding: 25px 70px !important; margin-top: 15px !important; }
	.landing-size-container { width:70% !important; }
	.landing-size-search-title { display: block; color: white; text-align: center; width: 100%; font-size: 43px; font-weight: bold; margin-bottom: 10px; }
	.landing-address-input-both { width: 100%; text-align: center; height: 61px; border-radius: 5px; font-size:1em !important; border: 3px solid !important; }
	.landing-both { width: 70% !important; }
	.size-both { padding: 5px 0 0 0; width: 45% !important; margin:0 auto; }
	.postcode-both { margin: 0 0 10px 10px; width:70% !important; display:none; margin:0 auto; padding-left: 10px; }
	.region-lading-name { color: #48a3c9; text-shadow: 1px 1px #010101; font-size:1.2em; display:inline; }

	.landing-tyresize-sel { color: #48a3c9; position: relative; height: 70px; display: inline; cursor: pointer; }
	.landing-tyresize-sel .change-lbl { color:white; position: absolute; font-size: 16px; top: 57px; right: 128px; }
}

@media screen and (min-width:1300px) {
	#btnAddNextSize { right: 0px; width: 150px; position: absolute; height: 100px; display: table-cell; vertical-align: middle; top: 60%; line-height: 45px; }
	#easy-shopping { min-height:346px; background: url("/content/images/v2/4-wemake-1500.png") no-repeat center center; background-color: white;}
	#easy-shopping:before,
	#easy-shopping:after { content:" "; display:table;}
	#easy-shoppinge:after { clear:both; }
	#free-compare { height:120%; background: url("/content/images/v2/5-freetocompare.png") no-repeat center center; background-size:cover;}
	#free-compare:before,
	#free-compare:after { content:" "; display:table;}
	#free-compare:after { clear:both; }
	#any-tyre-vehicle {  min-height:265px; background: url("/content/images/v2/6-anytyreanyvehicle-1500-trucks.png") no-repeat center center; background-color: white; }
	#any-tyre-vehicle:before,
	#any-tyre-vehicle:after { content:" "; display:table;}
	#any-tyre-vehicle:after { clear:both; }
	#customer-quotes { min-height:510px;  background: url("/content/images/v2/7-quotes-1500.png") no-repeat center; background-size:cover;}
	.cust-quote-text { margin:60px 0 30px; text-align: center; color:white; font-weight:900; font-size:65px; text-shadow: 2px 2px #756b6b; }
	#customer-quotes:before,
	#customer-quotes:after { content:" "; display:table;}
	#customer-quotes:after { clear:both; }
	#customer-quotes .productreview { margin: 0 auto 30px; width: 850px; }
	#tyrecompare-badges { min-height:410px; width:100%; background: url("/content/images/v2/8-badges-1500.png") no-repeat center center; background-color: white;}
	#tyrecompare-badges:before,
	#tyrecompare-badges:after { content:" "; display:table;}
	#tyrecompare-badges:after { clear:both; }
}

@media screen and (min-width:768px) and (max-width:1300px) {
	#btnAddNextSize { left: 39%; width: 250px; position: relative; height: 60px; line-height: 50px; margin: 0 auto 40px;}

	#easy-shopping { min-height:265px; background: url("/content/images/v2/4-wemake.png") no-repeat center center; background-color: white;}
	#easy-shopping:before,
	#easy-shopping:after { content:" "; display:table;}
	#easy-shoppinge:after { clear:both; }
	#free-compare { height:100%; background: url("/content/images/v2/5-freetocompare.png") no-repeat center; background-size:cover;}
	#free-compare:before,
	#free-compare:after { content:" "; display:table;}
	#free-compare:after { clear:both; }
	#any-tyre-vehicle { min-height:265px; background: url("/content/images/v2/6-anytyreanyvehicle.png") no-repeat center center; background-color: white;}
	#any-tyre-vehicle:before,
	#any-tyre-vehicle:after { content:" "; display:table;}
	#any-tyre-vehicle:after { clear:both; }
	#customer-quotes { min-height:429px;  background: url("/content/images/v2/7-quotes.png") no-repeat center; background-size: cover;}
	.cust-quote-text { margin:60px 0 30px; text-align: center; color:white; font-weight:900; font-size:65px; text-shadow: 2px 2px #756b6b; }
	#customer-quotes:before,
	#customer-quotes:after { content:" "; display:table;}
	#customer-quotes:after { clear:both; }
	#customer-quotes .productreview { margin: 0 auto 35px; width: 75%; }
	#tyrecompare-badges { min-height:265px; width:100%; background: url("/content/images/v2/8-badges.png") no-repeat center center; background-color: white;}
	#tyrecompare-badges:before,
	#tyrecompare-badges:after { content:" "; display:table;}
	#tyrecompare-badges:after { clear:both; }
}

@media screen and (min-width:768px) {
	.video { position: relative; width:100%; height:742px; background:url("/content/images/v2/9-video.png") no-repeat center; background-size:cover; cursor: pointer; }
	.video:after { content: ""; position: absolute; display: block; top: 45%; left: 45%; width: 46px; height: 36px; z-index: 30; cursor: pointer; } 
	.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	/* image poster clicked, player class added using js */
	.video.player img { display: none; }
	.video.player:after { display: none; }

	#overlay { position: fixed; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 1000; background-color:rgba(0,0,0,0.5)}
	#modal-message { width:400px; margin: 400px auto; padding:30px; background-color: #fff; border:1px solid #000; padding:15px; text-align:center; border-radius:5px;}
	#modal-message p { margin:10px; }

    #sectioned-content-page .testimonials-block:last-child { border-bottom: 3px solid #fff; }
    #sectioned-content-page .testimonials-block .testimonials-wrap { display: table; table-layout: fixed; border-collapse: collapse; border-spacing: 0; width: 100%; max-width: 675px; margin: 0 auto; font: 400 16px/20px Roboto; }
    #sectioned-content-page .testimonials-block .testimonial { display: table-cell; padding: 10px 35px; text-align: left; vertical-align: top; }
    #sectioned-content-page .testimonials-block .testimonial:nth-of-type(2n-1) { text-align: right; border: 1px solid #fff; border-width: 0 1px 0 0; }
    #sectioned-content-page .testimonials-block .testimonial:first-child:last-child { text-align: left; border-right: 0; }

	.page-wrap .feed-table select { height: 25px; background: #fff; border-radius: 0px; }

    .dealer-feed-page #main-content { color: #414042; }
    .dealer-feed-page .head-block { margin: 0px 0 0px; font: 500 23px/28px Roboto; }
    .dealer-feed-page .head-block .page-wrap { display: table; }
    .dealer-feed-page .head-block .content { display: table-cell; vertical-align: bottom; }
    .dealer-feed-page .head-block .srch-wrap { display: table-cell; vertical-align: bottom; position: relative; }
    .dealer-feed-page .head-block .srch-wrap input[type="text"] { min-height: 35px; font-size: 11px; padding: 0 35px 0 25px; border: 0; border-radius: 17px; line-height: normal; min-width: 225px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #787878; margin: 0 0 0 auto; display: block; }
    .dealer-feed-page .head-block .srch-wrap input[type="submit"] { height: 35px; padding: 0; border: 0; width: 35px; margin: 0; position: absolute; right: 0; bottom: 0; background: url("/content/images/v2/kwd-srch-glass.png") no-repeat 50% 50%; }
    .dealer-feed-page .head-block a { color: inherit; text-decoration: underline; }
    .dealer-feed-page .head-block a:hover { text-decoration: none; }
    .dealer-feed-page .head-block .title-won { display: block; overflow: hidden; color: #006698; }
    .dealer-feed-page .head-block .title-new { display: block; overflow: hidden; }

    .dealer-feed-page .filter-block-mobi { display: none; }
    .dealer-feed-page .filter-block { font: 500 14px Roboto; line-height: 1; margin: 17px auto; }
    .dealer-feed-page .filter-block .filter-wrap { display: table; width: 100%; }
    .dealer-feed-page .filter-block .srch { display: none; }
    .dealer-feed-page .filter-block label { vertical-align: middle; font-weight: 700; display: inline-block; }
    .dealer-feed-page .filter-block .sel-wrap { background: url("/content/images/v2/sel-arr-414042.png") no-repeat scroll 100% 50% #fff; border: 0 none; border-radius: 17px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #787878; display: inline-block; float: none; font: inherit; height: 28px; line-height: 28px; margin: 0; padding: 0; vertical-align: middle; }
    .dealer-feed-page .filter-block .sel-wrap .val { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font: inherit; padding: 0; margin: 0 32px 0 15px; }
    .dealer-feed-page .filter-block .max-items { display: table-cell; vertical-align: middle; }
    .dealer-feed-page .filter-block .max-items > * { margin: 0 8px 0 0; }
    .dealer-feed-page .filter-block .max-items > :last-child { margin-right: 0; }
    .dealer-feed-page .filter-block .reset-items { display: table-cell; vertical-align: middle; }
    .dealer-feed-page .filter-block .reset-items a:before { content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url("/content/images/v2/reset-icon.svg") no-repeat 0 0; background-size: 100%; margin: 0 7px 0 0; }
    .dealer-feed-page .filter-block .restrict-items { display: table-cell; vertical-align: middle; text-align: right; }
    .dealer-feed-page .filter-block .restrict-items > span { margin: 0 15px 0 0; display: inline-block; position: relative; overflow: hidden; vertical-align: middle; }
    .dealer-feed-page .filter-block .restrict-items label { font-weight: 400; }
    .dealer-feed-page .filter-block .restrict-items .label { vertical-align: middle; font-weight: 700; display: inline-block; }
    .dealer-feed-page .filter-block .restrict-items input[type="radio"] { position: absolute; left: -999px; }
    .dealer-feed-page .filter-block .restrict-items input[type="radio"] + label:before { content: initial; background: #fff; border: 1px solid #a7a9ac; border-radius: 50%; height: 16px; width: 16px; vertical-align: middle; display: inline-block; margin: 0 8px 0 0; }
    .dealer-feed-page .filter-block .restrict-items input[type="radio"]:checked + label:before { background: rgb(147,149,152); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjOTM5NTk4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, rgba(147,149,152,1) 50%, rgba(255,255,255,1) 50%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%,rgba(147,149,152,1)), color-stop(50%,rgba(255,255,255,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(147,149,152,1) 50%,rgba(255,255,255,1) 50%); background: -o-radial-gradient(center, ellipse cover, rgba(147,149,152,1) 50%,rgba(255,255,255,1) 50%); background: -ms-radial-gradient(center, ellipse cover, rgba(147,149,152,1) 50%,rgba(255,255,255,1) 50%); background: radial-gradient(ellipse at center, rgba(147,149,152,1) 50%,rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939598', endColorstr='#ffffff',GradientType=1 ); }

    .dealer-feed-page .feed-block { font: 400 12px/16px Roboto; }
    .dealer-feed-page .feed-table { width: 100%; }
    .dealer-feed-page .feed-table * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .dealer-feed-page .feed-table a { color: inherit; }
    .dealer-feed-page .feed-table > * > tr:nth-of-type(odd) > * { border: 1px solid #b9e5fb; border-width: 1px 1px 0; text-align: left; padding: 12px 17px; }
    .dealer-feed-page .feed-table > thead th { vertical-align: middle; height: 44px; white-space: nowrap; }
    .dealer-feed-page .feed-table > thead th > a,
    .dealer-feed-page .feed-table > thead th > span { display: block; text-decoration: none; position: relative; }
    .dealer-feed-page .feed-table > thead th a:after { display: inline-block; content: ''; background: url("/content/images/v2/sort-arr-fff.png") no-repeat scroll 0 50%; opacity: .6; width: 6px; height: 11px; vertical-align: middle; margin: 0 0 0 10px; }
    .dealer-feed-page .feed-table > thead th > a > span,
    .dealer-feed-page .feed-table > thead th > span > span { position: relative; }
    .dealer-feed-page .feed-table > thead th .help { background-color: #eff9fe; bottom: 100%; box-shadow: 2px 2px 2px -2px rgba(0, 0, 0, 0.5); color: #006698; font-size: 11px; font-weight: 500; left: 50%; line-height: 14px; margin: 0; padding: 0; position: absolute; text-align: center; max-height: 0; max-width: 0; opacity: 0; -moz-transition: all 0s .3s, opacity .3s; -o-transition: all 0s .3s, opacity .3s; -webkit-transition: all 0s .3s, opacity .3s; transition: all 0s .3s, opacity .3s; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .dealer-feed-page .feed-table > thead th .help:after { border: 0 solid transparent; border-top-color: #eff9fe; border-width: 12px 12px 0; content: ''; left: 50%; margin: 0 0 0 -12px; position: absolute; top: 100%; }
    .dealer-feed-page .feed-table > thead th:hover .help { max-width: 1000px; max-height: 1000px; opacity: 1; margin: 0 0 20px; padding: 15px; -moz-transition: all 0s, opacity .3s; -o-transition: all 0s, opacity .3s; -webkit-transition: all 0s, opacity .3s; transition: all 0s, opacity .3s; }
    .dealer-feed-page .feed-table > thead .desc a:after { background-position: -6px 50%; }
    .dealer-feed-page .feed-table > thead .asc a:after { background-position: -12px 50%; }
    .dealer-feed-page .feed-table > * > :first-child > * { border-top-width: 0 !important; }
    .dealer-feed-page .feed-table > * > :last-child > * { border-bottom-width: 0 !important; }
    .dealer-feed-page .feed-table > * > tr > :first-child { border-left-width: 0 !important; }
    .dealer-feed-page .feed-table > * > tr > :last-child { border-right-width: 0 !important; width: 120px; }
    .dealer-feed-page .feed-table > thead { background-color: #5098ca; color: #fff; font-size: 14px; line-height: 1; }
    .dealer-feed-page .feed-table > tbody tr { background-color: rgba(255, 255, 255, 0.95); }
    .dealer-feed-page .feed-table > tbody tr:nth-of-type(even) { background-color: #fff; }
    .dealer-feed-page .feed-table > tbody > tr > :nth-of-type(6) { font-weight: 700; }

	.store-location-table { width: 100%; border: solid; border-width: 1px; border-color: #B9E5FB; }
    .store-location-table * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .store-location-table a { color: inherit; }
    .store-location-table > * > tr > * { border: 1px solid #b9e5fb; border-width: 1px 1px 0; text-align: left; padding: 12px 17px; }
    .store-location-table > thead th { vertical-align: middle; height: 44px; white-space: nowrap; }
    .store-location-table > thead th > a,
    .store-location-table > thead th > span { display: block; text-decoration: none; position: relative; }
    .store-location-table > thead th a:after { display: inline-block; content: ''; background: url("/content/images/v2/sort-arr-fff.png") no-repeat scroll 0 50%; opacity: .6; width: 6px; height: 11px; vertical-align: middle; margin: 0 0 0 10px; }
    .store-location-table > thead th > a > span,
    .store-location-table > thead th > span > span { position: relative; }
    .store-location-table > thead th .help { background-color: #eff9fe; bottom: 100%; box-shadow: 2px 2px 2px -2px rgba(0, 0, 0, 0.5); color: #006698; font-size: 11px; font-weight: 500; left: 50%; line-height: 14px; margin: 0; padding: 0; position: absolute; text-align: center; max-height: 0; max-width: 0; opacity: 0; -moz-transition: all 0s .3s, opacity .3s; -o-transition: all 0s .3s, opacity .3s; -webkit-transition: all 0s .3s, opacity .3s; transition: all 0s .3s, opacity .3s; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .store-location-table > thead th .help:after { border: 0 solid transparent; border-top-color: #eff9fe; border-width: 12px 12px 0; content: ''; left: 50%; margin: 0 0 0 -12px; position: absolute; top: 100%; }
    .store-location-table > thead th:hover .help { max-width: 1000px; max-height: 1000px; opacity: 1; margin: 0 0 20px; padding: 15px; -moz-transition: all 0s, opacity .3s; -o-transition: all 0s, opacity .3s; -webkit-transition: all 0s, opacity .3s; transition: all 0s, opacity .3s; }
    .store-location-table > thead .desc a:after { background-position: -6px 50%; }
    .store-location-table > thead .asc a:after { background-position: -12px 50%; }
    .store-location-table > * > :first-child > * { border-top-width: 0 !important; }
    .store-location-table > * > :last-child > * { border-bottom-width: 0 !important; }
    .store-location-table > * > tr > :first-child { border-left-width: 0 !important; }
    .store-location-table > * > tr > :last-child { border-right-width: 0 !important; width: 120px; }
    .store-location-table > thead { background-color: #5098ca; color: #fff; font-size: 14px; line-height: 1; }
    .store-location-table > tbody tr { background-color: rgba(255, 255, 255, 0.95); }

    .dealer-feed-page .feed-detail { width: 100%; overflow: hidden; position: relative; display: none; }
    .dealer-feed-page .feed-detail table { width: 100%; border-collapse: separate; border-spacing: 20px 10px; margin: 10px 0; }
    .dealer-feed-page .feed-detail a { color: #0084b6; font-weight: 700; }
    .dealer-feed-page .feed-detail td { vertical-align: top; }
    .dealer-feed-page .feed-detail tr > :last-child { width: 80px; vertical-align: top; }
    .dealer-feed-page .feed-detail dl { display: block; }
    .dealer-feed-page .feed-detail dl:after { clear: both; content: ""; display: block; }
    .dealer-feed-page .feed-detail dt { display: block; font-weight: 700; padding: 0 5px 0 0; font-size: 14px; line-height: 18px; white-space: nowrap; }
    .dealer-feed-page .feed-detail dd { display: inline-block; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: text-bottom; }
    .dealer-feed-page .feed-detail tr:nth-of-type(2) td:nth-of-type(2) dt,
    .dealer-feed-page .feed-detail td:first-child dt { display: inline-block; }
    .dealer-feed-page .feed-detail .imgs { float: left; margin: 0 8px 0 0; }
    .dealer-feed-page .feed-detail .imgs img { float: left; max-width: 69px; max-height: 69px; margin: 0 7px 0 0; }
    .dealer-feed-page .feed-detail .content { overflow: hidden; }
    .dealer-feed-page .feed-detail .fitted { font-size: 16px; line-height: 22px; color: #0084b6; font-weight: 500; vertical-align: middle; }
    .dealer-feed-page .feed-detail .fitted div { margin: 10px 0 0; }
    .dealer-feed-page .feed-detail .fitted span { color: #414042; display: block; margin: 5px 0 0;; }
    .dealer-feed-page .feed-detail .fitted span:before { content: ''; background: url("/content/images/v2/ph.png") no-repeat scroll 0 50%; width: 12px; height: 15px; display: inline-block; vertical-align: baseline; margin: 0 8px 0 0; }
    .dealer-feed-page .feed-detail .quoted { font-size: 16px; line-height: 22px; font-weight: 500; vertical-align: middle; }
    .dealer-feed-page .feed-detail .quoted div { margin: 10px 0 0; }

    .dealer-feed-page .feed-pagination nav > * { padding: 0 5px; }
    .dealer-feed-page .feed-pagination nav .pn:first-child { padding: 0 15px; }
    .dealer-feed-page .feed-pagination nav .pn:last-child { padding: 0 15px; }


    .dealer-feed-page #main-content { color: #414042; }
    .dealer-feed-page .head-block { margin: 0px 0 0px; font: 500 23px/28px Roboto; }
    .dealer-feed-page .head-block .page-wrap { display: table; }
    .dealer-feed-page .head-block .content { display: table-cell; vertical-align: bottom; }
    .dealer-feed-page .head-block .srch-wrap { display: table-cell; vertical-align: bottom; position: relative; }
    .dealer-feed-page .head-block .srch-wrap input[type="text"] { min-height: 35px; font-size: 11px; padding: 0 35px 0 25px; border: 0; border-radius: 17px; line-height: normal; min-width: 225px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #787878; margin: 0 0 0 auto; display: block; }
    .dealer-feed-page .head-block .srch-wrap input[type="submit"] { height: 35px; padding: 0; border: 0; width: 35px; margin: 0; position: absolute; right: 0; bottom: 0; background: url("/content/images/v2/kwd-srch-glass.png") no-repeat 50% 50%; }
    .dealer-feed-page .head-block a { color: inherit; text-decoration: underline; }
    .dealer-feed-page .head-block a:hover { text-decoration: none; }
    .dealer-feed-page .head-block .title-won { display: block; overflow: hidden; color: black; padding-left: 58px; }
    .dealer-feed-page .head-block .title-new { display: block; overflow: hidden; }

    .dealer-feed-page .filter-block-mobi { display: none; }
    .dealer-feed-page .filter-block { font: 500 14px Roboto; line-height: 1; margin: 17px auto; }
    .dealer-feed-page .filter-block .filter-wrap { display: table; width: 100%; }
    .dealer-feed-page .filter-block .srch { display: none; }
    .dealer-feed-page .filter-block label { vertical-align: middle; font-weight: 700; display: inline-block; }
    .dealer-feed-page .filter-block .sel-wrap { background: url("/content/images/v2/sel-arr-414042.png") no-repeat scroll 100% 50% #fff; border: 0 none; border-radius: 17px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #787878; display: inline-block; float: none; font: inherit; height: 28px; line-height: 28px; margin: 0; padding: 0; vertical-align: middle; }
    .dealer-feed-page .filter-block .sel-wrap .val { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font: inherit; padding: 0; margin: 0 32px 0 15px; }
    .dealer-feed-page .filter-block .max-items { display: table-cell; vertical-align: middle; }
    .dealer-feed-page .filter-block .max-items > * { margin: 0 8px 0 0; }
    .dealer-feed-page .filter-block .max-items > :last-child { margin-right: 0; }
    .dealer-feed-page .filter-block .reset-items { display: table-cell; vertical-align: middle; }
    .dealer-feed-page .filter-block .reset-items a:before { content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url("/content/images/v2/reset-icon.svg") no-repeat 0 0; background-size: 100%; margin: 0 7px 0 0; }
    .dealer-feed-page .filter-block .restrict-items { display: table-cell; vertical-align: middle; text-align: right; }
    .dealer-feed-page .filter-block .restrict-items > span { margin: 0 15px 0 0; display: inline-block; position: relative; overflow: hidden; vertical-align: middle; }
    .dealer-feed-page .filter-block .restrict-items label { font-weight: 400; }
    .dealer-feed-page .filter-block .restrict-items .label { vertical-align: middle; font-weight: 700; display: inline-block; }
    .dealer-feed-page .filter-block .restrict-items input[type="radio"] { position: absolute; left: -999px; }
    .dealer-feed-page .filter-block .restrict-items input[type="radio"] + label:before { content: initial; background: #fff; border: 1px solid #a7a9ac; border-radius: 50%; height: 16px; width: 16px; vertical-align: middle; display: inline-block; margin: 0 8px 0 0; }
    .dealer-feed-page .filter-block .restrict-items input[type="radio"]:checked + label:before { background: rgb(147,149,152); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjOTM5NTk4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, rgba(147,149,152,1) 50%, rgba(255,255,255,1) 50%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%,rgba(147,149,152,1)), color-stop(50%,rgba(255,255,255,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(147,149,152,1) 50%,rgba(255,255,255,1) 50%); background: -o-radial-gradient(center, ellipse cover, rgba(147,149,152,1) 50%,rgba(255,255,255,1) 50%); background: -ms-radial-gradient(center, ellipse cover, rgba(147,149,152,1) 50%,rgba(255,255,255,1) 50%); background: radial-gradient(ellipse at center, rgba(147,149,152,1) 50%,rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939598', endColorstr='#ffffff',GradientType=1 ); }

    .dealer-feed-page .feed-block { font: 400 12px/16px Roboto; }
    .dealer-feed-page .feed-table { width: 100%; }
    .dealer-feed-page .feed-table * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .dealer-feed-page .feed-table a { color: inherit; }
    .dealer-feed-page .feed-table > * > tr:nth-of-type(odd) > * { border: 1px solid #b9e5fb; border-width: 1px 1px 0; text-align: left; padding: 12px 17px; }
    .dealer-feed-page .feed-table > thead th { vertical-align: middle; height: 44px; white-space: nowrap; }
    .dealer-feed-page .feed-table > thead th > a,
    .dealer-feed-page .feed-table > thead th > span { display: block; text-decoration: none; position: relative; }
    .dealer-feed-page .feed-table > thead th a:after { display: inline-block; content: ''; background: url("/content/images/v2/sort-arr-fff.png") no-repeat scroll 0 50%; opacity: .6; width: 6px; height: 11px; vertical-align: middle; margin: 0 0 0 10px; }
    .dealer-feed-page .feed-table > thead th > a > span,
    .dealer-feed-page .feed-table > thead th > span > span { position: relative; }
    .dealer-feed-page .feed-table > thead th .help { background-color: #eff9fe; bottom: 100%; box-shadow: 2px 2px 2px -2px rgba(0, 0, 0, 0.5); color: #006698; font-size: 11px; font-weight: 500; left: 50%; line-height: 14px; margin: 0; padding: 0; position: absolute; text-align: center; max-height: 0; max-width: 0; opacity: 0; -moz-transition: all 0s .3s, opacity .3s; -o-transition: all 0s .3s, opacity .3s; -webkit-transition: all 0s .3s, opacity .3s; transition: all 0s .3s, opacity .3s; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .dealer-feed-page .feed-table > thead th .help:after { border: 0 solid transparent; border-top-color: #eff9fe; border-width: 12px 12px 0; content: ''; left: 50%; margin: 0 0 0 -12px; position: absolute; top: 100%; }
    .dealer-feed-page .feed-table > thead th:hover .help { max-width: 1000px; max-height: 1000px; opacity: 1; margin: 0 0 20px; padding: 15px; -moz-transition: all 0s, opacity .3s; -o-transition: all 0s, opacity .3s; -webkit-transition: all 0s, opacity .3s; transition: all 0s, opacity .3s; }
    .dealer-feed-page .feed-table > thead .desc a:after { background-position: -6px 50%; }
    .dealer-feed-page .feed-table > thead .asc a:after { background-position: -12px 50%; }
    .dealer-feed-page .feed-table > * > :first-child > * { border-top-width: 0 !important; }
    .dealer-feed-page .feed-table > * > :last-child > * { border-bottom-width: 0 !important; }
    .dealer-feed-page .feed-table > * > tr > :first-child { border-left-width: 0 !important; }
    .dealer-feed-page .feed-table > * > tr > :last-child { border-right-width: 0 !important; width: 120px; }
    .dealer-feed-page .feed-table > thead { background-color: #5098ca; color: #fff; font-size: 14px; line-height: 1; }
    .dealer-feed-page .feed-table > tbody tr { background-color: rgba(255, 255, 255, 0.95); }
    .dealer-feed-page .feed-table > tbody tr:nth-of-type(even) { background-color: #fff; }
    .dealer-feed-page .feed-table > tbody > tr > :nth-of-type(6) { font-weight: 700; }

    .dealer-catalogue-page .feed-detail { width: 100%; overflow: hidden; position: relative; display: none; }
    .dealer-catalogue-page .feed-detail table { width: 100%; border-collapse: separate; border-spacing: 20px 10px; margin: 10px 0; }
    .dealer-catalogue-page .feed-detail a { color: #0084b6; font-weight: 700; }
    .dealer-catalogue-page .feed-detail td { vertical-align: top; }
    .dealer-catalogue-page .feed-detail tr > :last-child { width: 80px; vertical-align: top; }
    .dealer-catalogue-page .feed-detail dl { display: block; }
    .dealer-catalogue-page .feed-detail dl:after { clear: both; content: ""; display: block; }
    .dealer-catalogue-page .feed-detail dt { display: block; font-weight: 700; padding: 0 5px 0 0; font-size: 14px; line-height: 18px; white-space: nowrap; }
    .dealer-catalogue-page .feed-detail dd { display: inline-block; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: text-bottom; }
    .dealer-catalogue-page .feed-detail tr:nth-of-type(2) td:nth-of-type(2) dt,
    .dealer-catalogue-page .feed-detail td:first-child dt { display: inline-block; }
    .dealer-catalogue-page .feed-detail .imgs { float: left; margin: 0 8px 0 0; }
    .dealer-catalogue-page .feed-detail .imgs img { float: left; max-width: 69px; max-height: 69px; margin: 0 7px 0 0; }
    .dealer-catalogue-page .feed-detail .content { overflow: hidden; }
    .dealer-catalogue-page .feed-detail .fitted { font-size: 16px; line-height: 22px; color: #0084b6; font-weight: 500; vertical-align: middle; }
    .dealer-catalogue-page .feed-detail .fitted div { margin: 10px 0 0; }
    .dealer-catalogue-page .feed-detail .fitted span { color: #414042; display: block; margin: 5px 0 0;; }
    .dealer-catalogue-page .feed-detail .fitted span:before { content: ''; background: url("/content/images/v2/ph.png") no-repeat scroll 0 50%; width: 12px; height: 15px; display: inline-block; vertical-align: baseline; margin: 0 8px 0 0; }
    .dealer-catalogue-page .feed-detail .quoted { font-size: 16px; line-height: 22px; font-weight: 500; vertical-align: middle; }
    .dealer-catalogue-page .feed-detail .quoted div { margin: 10px 0 0; }

    .dealer-catalogue-page .feed-pagination nav > * { padding: 0 5px; }
    .dealer-catalogue-page .feed-pagination nav .pn:first-child { padding: 0 15px; }
    .dealer-catalogue-page .feed-pagination nav .pn:last-child { padding: 0 15px; }

    .dealer-catalogue-page #main-content { color: #414042; }
    .dealer-catalogue-page .head-block { margin: 0px 0 0px; font: 500 23px/28px Roboto; }
    .dealer-catalogue-page .head-block .page-wrap { display: table; }
    .dealer-catalogue-page .head-block .content { display: table-cell; vertical-align: top; }
    .dealer-catalogue-page .head-block .srch-wrap { display: table-cell; vertical-align: bottom; position: relative; }
    .dealer-catalogue-page .head-block .srch-wrap input[type="text"] { min-height: 35px; font-size: 11px; padding: 0 35px 0 25px; border: 0; border-radius: 17px; line-height: normal; min-width: 225px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #787878; margin: 0 0 0 auto; display: block; }
    .dealer-catalogue-page .head-block .srch-wrap input[type="submit"] { height: 35px; padding: 0; border: 0; width: 35px; margin: 0; position: absolute; right: 0; bottom: 0; background: url("/content/images/v2/kwd-srch-glass.png") no-repeat 50% 50%; }
    .dealer-catalogue-page .head-block a { color: inherit; text-decoration: underline; }
    .dealer-catalogue-page .head-block a:hover { text-decoration: none; }
    .dealer-catalogue-page .head-block .title-won { display: block; overflow: hidden; color: black; }
    .dealer-catalogue-page .head-block .title-new { display: block; overflow: hidden; font: 900 36px/48px 'Roboto'; }
    .dealer-catalogue-page .head-block .content .regular { margin: 20px 0; font-size: 16px; }
    .dealer-catalogue-page .head-block .content .regular ol,
    .dealer-catalogue-page .head-block .content .regular ul { margin: 0 0 0 20px; }
    .dealer-catalogue-page .head-block .content .regular ul.checked { margin: 0; }
    .dealer-catalogue-page .head-block .content .regular ul.checked li { padding-left: 40px; background: url(/content/images/v2/ico-checked.png) no-repeat 0 0; }
    .dealer-catalogue-page .filter-block-mobi { display: none; }
    .dealer-catalogue-page .filter-block { font: 500 14px Roboto; line-height: 1; margin: 17px auto; }
    .dealer-catalogue-page .filter-block .filter-wrap { display: table; width: 100%; }
    .dealer-catalogue-page .filter-block .srch { display: none; }
    .dealer-catalogue-page .filter-block label { vertical-align: middle; font-weight: 700; display: inline-block; }
    .dealer-catalogue-page .filter-block .sel-wrap { background: url("/content/images/v2/sel-arr-414042.png") no-repeat scroll 100% 50% #fff; border: 0 none; border-radius: 17px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #787878; display: inline-block; float: none; font: inherit; height: 28px; line-height: 28px; margin: 0; padding: 0; vertical-align: middle; }
    .dealer-catalogue-page .filter-block .sel-wrap .val { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font: inherit; padding: 0; margin: 0 32px 0 15px; }
    .dealer-catalogue-page .filter-block .max-items { display: table-cell; vertical-align: middle; }
    .dealer-catalogue-page .filter-block .max-items > * { margin: 0 8px 0 0; }
    .dealer-catalogue-page .filter-block .max-items > :last-child { margin-right: 0; }
    .dealer-catalogue-page .filter-block .reset-items { display: table-cell; vertical-align: middle; }
    .dealer-catalogue-page .filter-block .reset-items a:before { content: ''; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url("/content/images/v2/reset-icon.svg") no-repeat 0 0; background-size: 100%; margin: 0 7px 0 0; }
    .dealer-catalogue-page .filter-block .restrict-items { display: table-cell; vertical-align: middle; text-align: right; }
    .dealer-catalogue-page .filter-block .restrict-items > span { margin: 0 15px 0 0; display: inline-block; position: relative; overflow: hidden; vertical-align: middle; }
    .dealer-catalogue-page .filter-block .restrict-items label { font-weight: 400; }
    .dealer-catalogue-page .filter-block .restrict-items .label { vertical-align: middle; font-weight: 700; display: inline-block; }
    .dealer-catalogue-page .filter-block .restrict-items input[type="radio"] { position: absolute; left: -999px; }
    .dealer-catalogue-page .filter-block .restrict-items input[type="radio"] + label:before { content: ''; background: #fff; border: 1px solid #a7a9ac; border-radius: 50%; height: 16px; width: 16px; vertical-align: middle; display: inline-block; margin: 0 8px 0 0; }
    .dealer-catalogue-page .filter-block .restrict-items input[type="radio"]:checked + label:before { background: rgb(147,149,152); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjOTM5NTk4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, rgba(147,149,152,1) 50%, rgba(255,255,255,1) 50%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%,rgba(147,149,152,1)), color-stop(50%,rgba(255,255,255,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(147,149,152,1) 50%,rgba(255,255,255,1) 50%); background: -o-radial-gradient(center, ellipse cover, rgba(147,149,152,1) 50%,rgba(255,255,255,1) 50%); background: -ms-radial-gradient(center, ellipse cover, rgba(147,149,152,1) 50%,rgba(255,255,255,1) 50%); background: radial-gradient(ellipse at center, rgba(147,149,152,1) 50%,rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939598', endColorstr='#ffffff',GradientType=1 ); }

    .dealer-catalogue-page .feed-block { font: 400 12px/16px Roboto; }
    .dealer-catalogue-page .feed-table { width: 100%; }
    .dealer-catalogue-page .feed-table * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .dealer-catalogue-page .feed-table a { color: inherit; }
    .dealer-catalogue-page .feed-table > * > tr:nth-of-type(odd) > * {  border-width: 1px 1px 0; text-align: left; padding: 4px 17px; }
    .dealer-catalogue-page .feed-table > thead th { vertical-align: middle; height: 44px; white-space: nowrap; }
    .dealer-catalogue-page .feed-table > thead th > a,
    .dealer-catalogue-page .feed-table > thead th > span { display: block; text-decoration: none; position: relative; }
    .dealer-catalogue-page .feed-table > thead th a:after { display: inline-block; content: ''; background: url("/content/images/v2/sort-arr-fff.png") no-repeat scroll 0 50%; opacity: .6; width: 6px; height: 11px; vertical-align: middle; margin: 0 0 0 10px; }
    .dealer-catalogue-page .feed-table > thead th > a > span,
    .dealer-catalogue-page .feed-table > thead th > span > span { position: relative; }
    .dealer-catalogue-page .feed-table > thead th .help { background-color: #eff9fe; bottom: 100%; box-shadow: 2px 2px 2px -2px rgba(0, 0, 0, 0.5); color: #006698; font-size: 11px; font-weight: 500; left: 50%; line-height: 14px; margin: 0; padding: 0; position: absolute; text-align: center; max-height: 0; max-width: 0; opacity: 0; -moz-transition: all 0s .3s, opacity .3s; -o-transition: all 0s .3s, opacity .3s; -webkit-transition: all 0s .3s, opacity .3s; transition: all 0s .3s, opacity .3s; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .dealer-catalogue-page .feed-table > thead th .help:after { border: 0 solid transparent; border-top-color: #eff9fe; border-width: 12px 12px 0; content: ''; left: 50%; margin: 0 0 0 -12px; position: absolute; top: 100%; }
    .dealer-catalogue-page .feed-table > thead th:hover .help { max-width: 1000px; max-height: 1000px; opacity: 1; margin: 0 0 20px; padding: 15px; -moz-transition: all 0s, opacity .3s; -o-transition: all 0s, opacity .3s; -webkit-transition: all 0s, opacity .3s; transition: all 0s, opacity .3s; }
    .dealer-catalogue-page .feed-table > thead .desc a:after { background-position: -6px 50%; }
    .dealer-catalogue-page .feed-table > thead .asc a:after { background-position: -12px 50%; }
    .dealer-catalogue-page .feed-table > * > :first-child > * { border-top-width: 0 !important; }
    .dealer-catalogue-page .feed-table > * > :last-child > * { border-bottom-width: 0 !important; }
    .dealer-catalogue-page .feed-table > * > tr > :first-child { border-left-width: 0 !important; }
    .dealer-catalogue-page .feed-table > * > tr > :last-child { border-right-width: 0 !important; width: 120px; }
    .dealer-catalogue-page .feed-table > thead { background-color: #5098ca; color: #fff; font-size: 14px; line-height: 1; }
    .dealer-catalogue-page .feed-table > tbody tr { background-color: rgba(255, 255, 255, 1); }
    .dealer-catalogue-page .feed-table > tbody tr:nth-of-type(even) { background-color: #fff; }
    .dealer-catalogue-page .feed-table > tbody > tr > :nth-of-type(6) { font-weight: 700; }

    .dealer-catalogue-page .feed-table > * > tr td.first { font: 600 18px/18px 'Roboto'; }
    .dealer-catalogue-page .feed-table > * > tr td.button { background: #e8eaea; padding: 3px; border: 0; }
    /*.quote-comp-page #main-content .results-block .page-wrap { max-width: 1018px; }*/
	.results-searchboxes { max-width: 1018px; margin: 30px auto 30px; }

    .dealer-catalogue-page .feed-table .btn-tea { white-space: nowrap; border: 1px solid #0388ae; -webkit-box-shadow: #B4B5B5 1px 1px 1px; -moz-box-shadow: #B4B5B5 1px 1px 1px; box-shadow: #B4B5B5 1px 1px 1px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 10px 40px; text-decoration: none; display: inline-block; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); font-weight: bold; color: #FFFFFF; background-color: #04B3E5; font-style: normal;
	    font-variant: normal;
	    font-size: 18px;
	    line-height: 14px;
	    font-family: Roboto;
	    background-image: linear-gradient(to bottom, #04B3E5, #0684B6);
    }
    .dealer-catalogue-page .feed-table .btn-tea:hover { border: 1px solid #026581; background-color: #038cb3; background-image: linear-gradient(to bottom, #038cb3, #046085); }
}

@media screen and (min-width:572px) {
    .quote-comp-page .results-block {
        font: 500 14px/1.3 Roboto;
        color: #414042;
        padding: 0;
    }
    .quote-comp-page .results-block-results-page { color: #414042; padding: 0; }
    .quote-comp-page .results-wrap { text-align: center; margin: 0 -13px; }
    .quote-comp-page .results-wrap * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .quote-comp-page .results-wrap:after { clear: both; content: ''; display: table; }
    .quote-comp-page article .new-catalogue-tyre { float: left; overflow: hidden; }
    .quote-comp-page article[name=old-style] {
        width: calc(100% / 3);
        min-width: 340px;
    }

    .quote-comp-page article .wrap { background-color: #fff; padding: 50px 20px 35px; position: relative; margin: 10px 13px; }
    .quote-comp-page article .wrap:before { padding: 2px 10px; font-size: 18px; line-height: 26px; text-transform: uppercase; color: #fff; font-weight: 700; position: absolute; left: 0; top: 0; right: 0; }
    .quote-comp-page .budget .wrap:before { content: "Budget"; background-color: #af1045; }
    .quote-comp-page .everyday .wrap:before { content: "Everyday"; background-color: #52857a; }
    .quote-comp-page .premium .wrap:before { content: "Premium"; background-color: #d5b421; }

	.quote-comp-page .budget-det .wrap:before { content: "Your Choice"; background-color: #af1045; }
    .quote-comp-page .everyday-det .wrap:before { content: "Suggested Option"; background-color: #52857a; }
    .quote-comp-page .premium-det .wrap:before { content: "Suggested Option"; background-color: #d5b421; }

    .quote-comp-page .head-block img:not(.bg-image):not(.default),
    .quote-comp-page #main-content img:not(.bg-image):not(.default) {
        display: inline-block;
        margin: 0 auto;
        max-height: 100%;
        max-width: 100%;
        object-fit: scale-down;
    }
    .quote-comp-page .brand-img { height: 70px; margin: 0 auto 15px; max-width: 180px; }
    .quote-comp-page .brand-txt { height: 70px; margin: 0 auto 15px; max-width: 180px; display: table-cell; vertical-align: middle; text-align: center; width: 1%; }
    .quote-comp-page .brand-txt h2 { display: block; margin: 0 auto; text-align: center; font-size: 24px; }
    .quote-comp-page .tyre-img { margin: 15px auto 10px; height: 170px; }
    .quote-comp-page .brand-img img,
    .quote-comp-page .tyre-img img { position: relative; top: 85px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    .quote-comp-page .brand-img img { top: 35px; height: 100%; }
    .quote-comp-page .btn-reserve { display: block; font: 700 18px/20px Roboto; margin: 20px auto 5px; max-width: 190px; padding: 8px 15px; border-radius: 12px; text-transform: capitalize; }

    .quote-comp-page .supplier {
        margin: 10px auto 0;
        font-size: 15px;
        line-height: 1.2em;
        color: #414042;
    }
    .quote-comp-page .supplier .supplier-img { height: 240px; margin: 0 auto 15px; max-width: 240px; }
    .quote-comp-page .supplier .supplier-img .default-logo { height: 50px; }
    .quote-comp-page .supplier .title { font-weight: 700; }
    .quote-comp-page .supplier .distance { }
    .quote-page .read-more,
    .quote-comp-page .read-more {
        margin: 20px auto 0;
        font-size: 17px;
        color: #0084b6;
        text-decoration: underline;
        display: inline-block;
        text-transform: capitalize;
    }
    .quote-page .read-more:hover,
    .quote-comp-page .read-more:hover { 
        text-decoration: none; 

    }
    .quote-comp-page .view-more { display: none; }
    .quote-comp-page .model { font-weight: 700; }
    .quote-comp-page .size { color: #6d6e71; font-weight: 500; }
    .quote-comp-page .price { margin: 2px 0; }
    .quote-comp-page .price span:first-child { line-height: 1; font-weight: 900; display: inline-block; vertical-align: middle; }
    .quote-comp-page .price span:nth-of-type(2) { font-weight: 400; font-size: 11px; line-height: 12px; display: inline-block; vertical-align: middle; text-transform: uppercase; text-align: left; }
    .quote-comp-page .total,
    .quote-comp-page .end .title { text-transform: uppercase; }
    .quote-comp-page .phone { color: rgba(0,172,222,1); font-size: 18px; font-weight: bold; text-transform: uppercase; }
    .quote-comp-page article.filler .wrap { background: none; }

    .quote-comp-page .placeholder { padding: 50px 65px 35px !important; background: #fff; opacity: 0.9; }
    .quote-comp-page .placeholder .ph-title { height: 90px; padding-top: 15px; }
    .quote-comp-page .placeholder .ph-title h2 { font: 700 30px/32px Roboto; text-transform: none; color: #48a4ca; }
    .quote-comp-page .placeholder .ph-img { padding-bottom: 40px; }
    .quote-comp-page .placeholder .ph-subtitle { font: 400 24px/32px Roboto; text-transform: none; color: #48a4ca; }

    .quote-comp-page .sgl .wrap { height:970px; }
    .quote-comp-page .sgl .price span:first-child { font-size: 46px; }
    .quote-comp-page .sgl .total { color: #58595b; font-size: 18px; margin: 0 auto 15px; }

    .quote-comp-page .end .brand-img { display: none; }
    .quote-comp-page .dbl .wrap { height: 853px; }
    .quote-comp-page .dbl .tyre-img { height: 140px; }
    .quote-comp-page .dbl .tyre-img img { top: 70px; }
    .quote-comp-page .dbl .total { color: #414042; font-size: 19px; }
    .quote-comp-page .end .total { color: #58595b; font-size: 15px; margin: 0 auto 10px; }
    .quote-comp-page .end .title { font-size: 14px; font-weight: 900; text-align: left; min-width: 55px; }
    .quote-comp-page .end .size { font-size: 12px; }
    .quote-comp-page .end .price span:first-child { font-size: 39px; }
    .quote-comp-page .rear { margin: 15px auto 0; }

    .quote-detail-page .popup.confirm-pop-1 .content-wrap { width: 500px; }
    .quote-detail-page .popup.confirm-pop-1 .fit-bal { margin: 30px auto; text-align: center; }
    .quote-detail-page .popup.confirm-pop-1 .title-block { font-weight: 700; text-align: center; }
    .quote-detail-page .popup.confirm-pop-1 .content-block { text-align: center; }
    .quote-detail-page .popup.confirm-pop-1 img { display: block; margin: 0; max-height: 100%; max-width: 100%; }
    .quote-detail-page .popup.confirm-pop-1 .img-brand { height: auto; margin-bottom: 10px; max-width: 150px; }
    .quote-detail-page .popup.confirm-pop-1 .img-brand img { max-height: 80px; }
    .quote-detail-page .popup.confirm-pop-1 .booking-detail { border-spacing: 15px 0; display: table; margin: 20px auto; min-width: 500px; text-align: left; }
    .quote-detail-page .popup.confirm-pop-1 .booking-detail > div { display: table-cell; padding: 5px 0; vertical-align: top; }
    .quote-detail-page .popup.confirm-pop-1 .booking-detail > div:nth-of-type(2) { width: 160px; }
    .quote-detail-page .popup.confirm-pop-1 .booking-detail .img-tyre { width: 62px; padding: 0; }
    .quote-detail-page .popup.confirm-pop-1 .booking-detail .img-tyre > div { width: 62px; height: 62px; padding: 5px; box-shadow: 2px 2px 2px -2px rgba(0, 0, 0, 0.25); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .quote-detail-page .popup.confirm-pop-1 .booking-detail .img-tyre img { margin: 0 auto; position: relative; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    .quote-detail-page .popup.confirm-pop-1 .booking-detail .size { font-size: 14px; }
    .quote-detail-page .popup.confirm-pop-1 .booking-detail > div:last-child > div { }
    .quote-detail-page .popup.confirm-pop-1 .booking-detail dl { font-size: 16px; line-height: 20px; display: block; }
    .quote-detail-page .popup.confirm-pop-1 .booking-detail dt { float: left; clear: left; font-weight: 700; margin: 0 5px 0 0; }
    .quote-detail-page .popup.confirm-pop-1 .booking-detail dd { float: left; clear: right; }
    .quote-detail-page .popup.confirm-pop-1 .booking-detail dl:last-child dd { font-weight: 700; }
    .quote-detail-page .popup.confirm-pop-1 .btn { border-radius: 13px; font-size: 17px; font-weight: 700; height: 38px; padding: 10px 20px; min-width: 187px; }

    .quote-detail-page .popup.confirm-pop-2 .content-wrap { width: 525px; }
    .quote-detail-page .popup.confirm-pop-2 .title-block { font-size: 20px; font-weight: 700; text-align: center; }
    .quote-detail-page .popup.confirm-pop-2 .title-block .tick { display: block; margin: -61px auto 14px; width: 61px; }
    .quote-detail-page .popup.confirm-pop-2 { color: #414042; }
    .quote-detail-page .popup.confirm-pop-2 ul { margin: 0 auto 30px; text-align: left; }
    .quote-detail-page .popup.confirm-pop-2 ul li { padding: 5px; }
    .quote-detail-page .popup.confirm-pop-2 ul input[type=radio] { float: left; margin: 0 10px 0 2px; height: 1.25em; }
    .quote-detail-page .popup.confirm-pop-2 ul span,
    .quote-detail-page .popup.confirm-pop-2 ul label { overflow: hidden; display: block; }
    .quote-detail-page .popup.confirm-pop-2 ul textarea { background: #f8f8f8 none repeat scroll 0 0; border: 1px solid #dcdde4; height: 47px; margin: 10px auto 0; resize: vertical; width: 100%; font: inherit; }
    .quote-detail-page .popup.confirm-pop-2 .btn { border-radius: 13px; font-size: 17px; font-weight: 700; height: 38px; padding: 10px 20px; min-width: 187px; }
    .quote-detail-page .popup.confirm-pop-2 .content-block fieldset { width: 90%; }
    .quote-detail-page .popup.confirm-pop-2 .login-form .inp-row { text-align: left; }
    .quote-detail-page .popup.confirm-pop-2 .login-form label { display: inline-block; width: 28%; color: #0084b6; font: 500 20px/37px Roboto; }
    .quote-detail-page .popup.confirm-pop-2 .login-form .inp-wrap { display: inline; }
    .quote-detail-page .popup.confirm-pop-2 .login-form .inp-wrap input { display: inline-block; width: 70%; height: 35px; min-height: 35px; }
    .quote-detail-page .popup.confirm-pop-2 .btn-huge { height: 75px; font-size: 28px; width: 75%; }

    .quote-detail-page .popup.confirm-pop-3 .content-wrap { width: 525px; }
    .quote-detail-page .popup.confirm-pop-3 .title-block { font-weight: 700; text-align: center; }
    .quote-detail-page .popup.confirm-pop-3 .ref { font-weight: 700; color: #005284; margin: 0 auto 1.5em; }
    .quote-detail-page .popup.confirm-pop-3 .you-booked { margin: 0 auto .5em; }
    .quote-detail-page .popup.confirm-pop-3 p { margin: 0 auto 1.5em; }
    .quote-detail-page .popup.confirm-pop-3 .supplier-img { margin: 0 auto 15px; }
    .quote-detail-page .popup.confirm-pop-3 .supplier-img img { margin: 0 auto; }
    .quote-detail-page .popup.confirm-pop-3 .supplier-img .default-logo { height: 75px; }
    .quote-detail-page .popup.confirm-pop-3 .dealer-title { color: #0084b6; font-size: 17px; font-weight: 900; margin: 0 auto 5px; }
    .quote-detail-page .popup.confirm-pop-3 address { font-style: normal; font-weight: 400; }
    .quote-detail-page .popup.confirm-pop-3 dd { width: 85%; }
    .quote-detail-page .popup.confirm-pop-3 h3 span { display: inline; }

    .dealer-catalogue-page .chart label { font: 600 16px/28px Roboto !important; }
#new-page-wrap {padding-top: 0px;width: 1018px;padding: 0;margin: 0 auto;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
#new-page-wrap #new-catalogue-results-wrap {position: relative;text-align: left !important;float: left;width: 680px;margin-top: 0px;min-height: 530px;border: 1px solid #ccc;border-radius: 7px;}
#new-page-wrap #new-catalogue-results-wrap { text-align: center; margin: 0; border: 0px solid #fff;}
#new-page-wrap #new-catalogue-results-wrap * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#new-page-wrap #new-catalogue-results-wrap:after { clear: both; content: ''; display: table; }
}

@media screen and (max-width:855px) {
    .quote-comp-page #main-content .results-block .page-wrap { max-width: 650px; }
	.results-searchboxes { max-width: 650px; margin: 30px auto 30px;}
    .customer-request{padding-top: 0 !important}
}

@media screen and (max-device-width:1024px) {
	#new-page-wrap { width: 960px; }
    .dealer-feed-page .feed-table > thead th .help { display: none; }
    .dealer-catalogue-page .feed-table > thead th .help { display: none; }
}

#complete-chart { position: relative; margin: 5px auto 0; background: url(/content/images/v2/chart-bg.png) no-repeat 0 0; }
.dealer-catalogue-page .chart { float: right; width: auto; margin: 0 0 0 40px; text-align: center; }
.dealer-catalogue-page .chart label { font: 600 18px/28px Roboto; }
.dealer-catalogue-page .chart span { color: #505050; margin: 0 auto; display: block; font-size: 10px; line-height: 16px; }
.dealer-catalogue-page .chart span.improve { font-size: 14px; line-height: 18px; }
.dealer-catalogue-page .btn-back { background: #ccc !important; color: #666 !important; padding: 8px 12px; }
.dealer-catalogue-page .circle-text { margin-top: -6px !important; }
.dealer-catalogue-page .steps { display: inline-block; padding: 0; margin: 20px 0; list-style: none; }
.dealer-catalogue-page .steps li { display: inline-block; width: 120px; text-align: center; background: #bbbdc0; color: #fff; font: 600 17px/28px Roboto; padding: 2px 10px; }
.dealer-catalogue-page .steps li.first { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.dealer-catalogue-page .steps li.active { background-color: #00acdb; }
.dealer-catalogue-page .key { margin-top: 20px; }
.dealer-catalogue-page .key ul { display: inline-block; padding: 0; list-style: none; }
.dealer-catalogue-page .key ul li { float: left; display: block; padding: 0; font: 600 17px/40px Roboto; vertical-align: middle; margin-right: 20px; }
.dealer-catalogue-page .key ul li span { float: left; width: 40px; height: 40px; display: block; margin-right: 15px; }
.dealer-catalogue-page .key ul li span.red { background-color: #FF795D; }
.dealer-catalogue-page .key ul li span.yellow { background-color: #FFEF6C; }
.dealer-catalogue-page .key ul li span.green { background-color: #8AE35C; }
.dealer-catalogue-page .squote-res h4 { color: #008bc0; }
.dealer-catalogue-page .squote-res .results-wrap .add-quote .add-span { background: #008bc0; border-color: #dcdbe1; border-top: 0; border-bottom: 0; color: #fff; }
.dealer-catalogue-page .squote-res .results-wrap .add-quote .add-span:before { background-image: url(/content/images/v2/add-catitem.png); }
.dealer-catalogue-page .squote-res .results-wrap .add-quote:hover .add-span:before { text-decoration: none; }
.dealer-catalogue-page .squote-res .results-wrap .add-quote:hover .add-span { color: #fff; background: #00acdb; }

.new-catalogueBP body{font-size:11px; font-weight:normal; color:#34495E;}
.new-catalogueBP .container{width:90%;margin:auto;}
.new-catalogueBP table{border-collapse:collapse;width:100%;}
.new-catalogueBP .blue{border:0px solid #1ABC9C;font-size: 14px;text-align:left;}
.new-catalogueBP .blue .head{background:#081832;text-align:left;height:36px; box-sizing: border-box;}
.new-catalogueBP thead{color:white;}
.new-catalogueBP .blue th, .new-dashboard .blue td{text-align:left;padding:3px 6px;}  /* check */
.new-catalogueBP tbody tr:nth-child(even){background:white;}
.new-catalogueBP tbody tr:nth-child(odd){background:#bdbdbf;}
.new-catalogueBP tbody tr:hover{color:rgb(0, 119, 179);cursor: default;}
.new-catalogueBP .fixed{top:0;position:fixed;width:auto;display:none;border:none;}
.new-catalogueBP .button {width:64px; background-color: #4CAF50;  border: none;color: white;padding: 9px 22px;text-align: center;text-decoration: none;display: inline-block;font-size: 14px;margin: 4px 2px;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;cursor: pointer;}  
.new-catalogueBP .button5 {background-color: #414143;color: white;}
.new-catalogueBP .button5:hover {background-color: rgb(0, 119, 179);color: white;}

.new-dashboard body{font-size:11px; font-weight:normal; color:#34495E;}
.new-dashboard .container{width:90%;margin:auto;}
.new-dashboard table{border-collapse:collapse;width:100%;}
.new-dashboard .blue{border:0px solid #1ABC9C;font-size: 14px;text-align:left;}
.new-dashboard .blue .head{background:#081832;text-align:left;height:25px}
.new-dashboard thead{color:white;}
.new-dashboard .blue th, .new-dashboard .blue td{text-align:left;padding:3px 10px;}  /* check */
.new-dashboard tbody tr:nth-child(even){background:white;}
.new-dashboard tbody tr:nth-child(odd){background:#afafb0;}
.new-dashboard tbody tr:hover{color:rgb(0, 119, 179);cursor: default;}
.new-dashboard .fixed{top:0;position:fixed;width:auto;display:none;border:none;}
.new-dashboard .button {width:64px; background-color: #4CAF50;  border: none;color: white;padding: 5px 5px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;margin: 4px 2px;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;cursor: pointer;}  
.new-dashboard .button5 {background-color: #0b85b7;color: white;}
.new-dashboard .button5:hover {background-color: #0c9cd7;color: white;}
.new-dashboard .thead-dealer-fixed thead {position: fixed; width: 100%; height: 31px;display: inline-table; z-index: 1; margin-top: 26px; }
.new-dashboard .thead-dealer-fixed tbody {display: inline-table; width: 100%; margin-top: 57px;}
.new-dashboard .table-responsive .thead-title {
    color: white;
    text-align: center;
    background: #081832;
    font-size: 14px;
    font-weight: 500;
    font-family: "DIN Next LT Pro";
    padding: 5px 5px 0px 5px;
    position: fixed;
    z-index: 1;
}

.new-dashboard .btn.btn-resend {
    padding: 5px 10px;
    font-size: 14px;
}

#header2.show {
    right: 0;
}

@media (min-width: 768px) {
    #header2 {
        position: fixed;
        height: 0px;
        top: 0;
        left: 0;
        right: 0;
        width: 225px;
        z-index: 50;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    }
    #sticky-header {
        height: 107px;
        overflow: hidden;
    }

    .home-dealer-tabs-block {
        width: 620px;
        overflow: hidden;
        margin: 0 auto;
        margin-top: 35px;
    }

    .new-dashboard .thead-dealer-fixed tbody {
        margin-top: 31px;
    }
    .new-dashboard .thead-dealer-fixed thead {
        width: calc(100% - 225px);
        margin-top: unset;
    }
    .new-dashboard .blue th, .new-dashboard .blue td {
        text-align: left;
        padding: 3px 19px;
    }
}

@media (min-width: 992px) {
    .new-dashboard .button {
        padding: 9px 22px;
        font-size: 14px;
    }
    .new-dashboard .btn.btn-resend {
        padding: 10px 20px;
        font-size: 15px;
    }
}

.button {width:64px; background-color: #4CAF50;  border: none;color: white;padding: 9px 22px;text-align: center;text-decoration: none;display: inline-block;font-size: 14px;margin: 4px 2px;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;cursor: pointer;}  
.button5 {background-color: #0b85b7;color: white;}
.button5:hover {background-color: #0c9cd7;color: white;}

.new-dashboard-popup{   position: relative;   overflow: hidden;   margin: 0px auto;   max-width: 800px;   padding: 15px 15px 10px;;   background-color: white}
.new-dashboard-popup .row-title{   float: left;   width: 100%;   background-color: #f4f4f4; text-align: left;}
.new-dashboard-popup .colleft{   position: relative;   width: 100%;   background-color: #f4f4f4}
.new-dashboard-popup .col1{   position: relative;   float: left; left: 2%;  width: 49%;   color:white;   background-color: rgb(0, 119, 179); font-size: 16px}
.new-dashboard-popup .col2{   position: relative;   overflow: hidden;   float: left;  width: 49%;   background-color: white; font-size:18px}
.new-dashboard-popup .row-contain{position:relative; float: left;   width: 100%;    text-align: left;}
.new-dashboard-popup body {   padding: 0px;   margin: 0px;   font-size: 90%;   background-color: #e7e7de}

.new-dashboard-popup div.selectBox{position: relative; display: inline-block; cursor: pointer; text-align: left; line-height: 30px; clear: both; color: rgb(114, 97, 97); width:43%; padding-left: 5%;}
.new-dashboard-popup span.selected{width: 80%; text-indent: 10px; border: 1px solid white; border-right: none; background: rgb(0, 119, 179); overflow: hidden;font-size: 1em;color:white;     padding: 3px 0px 3px 0px;  text-align: center;                      }
.new-dashboard-popup span.selectArrow{width: 30px; border: 1px solid white;border-left:none;  text-align: center; font-size: 12px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background: rgb(0, 119, 179);; color: white;}
.new-dashboard-popup span.selectArrow,span.selected{position: relative; float: left; height: 30px; z-index: 1;    padding: 3px 0px 3px 0px;}
.new-dashboard-popup ul.selectOptions{height:122px;margin-left: 10%;position: absolute; top: 39px; left: 0; width: 86%; border: 1px solid rgb(0, 119, 179); overflow: auto; background: white; padding-top: 2px; display: none;margin: 0;list-style: none inside none;padding-left: 0;z-index:1}
.new-dashboard-popup li.selectOption{border: 1px solid white;display: block; line-height: 20px; padding: 5px 0 5px 10%; font-size: 0.9em; font-weight: bold;list-style: none;margin: 0}
.new-dashboard-popup li.selectOption:hover{color: white;background: #45a6c9;border: 1px solid white}

.new-dashboard-popup a.btnInvoice{color:white;text-decoration: none;padding: 4px 8px; background: #2d2d2d; border: 1px solid #2d2d2d;font: 16px/20px 'eurostileextblaitalic';}
.new-dashboard-popup a.btnInvoice:hover{background: #ff9800; color:white; border: 1px solid #ff9800}

.new-dashboard-popup div.btnsendreminderbtn{background:white;color:rgb(0, 119, 179);width: 90%; text-align:center;padding: 15px 0px; cursor:pointer;border: 1px solid}
.new-dashboard-popup div.btnsendreminderbtn:hover{background: #009688; color:white;border: 1px solid}

.new-dashboard-popup button.btnsendreminderbtn{background:white;color:rgb(0, 119, 179); width: calc(100% - 5%); text-align:center;padding: 15px 0px; cursor:pointer;border: 1px solid}
.new-dashboard-popup button.btnsendreminderbtn:hover{background: #45a6c9; color:white;border: 1px solid }

.new-dashboard-popup div.selectBox2{position: relative; display: inline-block; cursor: pointer; text-align: left; line-height: 30px; clear: both; color: rgb(114, 97, 97); width:43%; padding-left: 2%;}
.new-dashboard-popup span.selected2{width: 80%; text-indent: 10px; border: 1px solid white; border-right: none; background: rgb(0, 119, 179); overflow: hidden;font-size: 1em;color:white;     padding: 3px 0px 3px 0px;  text-align: center;                      }
.new-dashboard-popup ul.selectOptions2{height:122px;margin-left: 10%;position: absolute; top: 39px; left: 0; width: 86%; border: 1px solid rgb(0, 119, 179); overflow: auto; background: white; padding-top: 2px; display: none;margin: 0;list-style: none inside none;padding-left: 0; z-index:1}
.new-dashboard-popup li.selectOption2{border: 1px solid white;display: block; line-height: 20px; padding: 5px 0 5px 10%; font-size: 0.9em; font-weight: bold;list-style: none;margin: 0}
.new-dashboard-popup li.selectOption2:hover{color: white;background: #45a6c9;border: 1px solid white}
.new-dashboard-popup .total-amount {margin-left:3px;font-size:1em;vertical-align: middle;}
.new-dashboard-popup span.selectArrow2{width: 30px; border: 1px solid white;border-left:none;  text-align: center; font-size: 12px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background: rgb(0, 119, 179);; color: white;}
.new-dashboard-popup span.selectArrow2,span.selected2{position: relative; float: left; height: 30px; z-index: 1;    padding: 3px 0px 3px 0px;}

.home-dealer .tg  {border-collapse:collapse;border-spacing:0;}
.home-dealer .tg td{font-family:Arial, sans-serif;font-size:14px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;}
.home-dealer .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;}
.home-dealer .tg .tg-s6z2{text-align:center; vertical-align: middle;    width: 183px; height:183px;    border: 1px solid;}
.home-dealer .btn-dealer-home {
    cursor: pointer;
    width: 183px;
    height: 183px;
    background: #081832;
    color: white;
    vertical-align: middle;
    text-align: center;
    border-radius: 15px
}
.home-dealer .btn-dealer-home:hover{background:#0b85b7;}

.new-catalogue body{font-size:11px normal; color:#34495E;}
.new-catalogue .container{width:90%;margin:auto;}
.new-catalogue table{border-collapse:collapse;width:100%;}
.new-catalogue .setup{border:0px solid #1ABC9C;font-size: 14px;text-align:left;}
.new-catalogue .setup .head{background:#414143;text-align:left;height:30px}
.new-catalogue thead{color:white;}
.new-catalogue .setup th, .new-dashboard .setup td{text-align:left;padding:3px 19px;}  /* check */
.new-catalogue tbody tr:nth-child(even){background:white;}
.new-catalogue tbody tr:nth-child(odd){background:#bdbdbf;}
.new-catalogue tbody tr:hover{color:rgb(0, 119, 179);cursor: default;}
.new-catalogue .fixed{top:0;position:fixed;width:auto;display:none;border:none;}
.new-catalogue .button {width:64px; background-color: #4CAF50;  border: none;color: white;padding: 9px 22px;text-align: center;text-decoration: none;display: inline-block;font-size: 14px;margin: 4px 2px;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;cursor: pointer;}  
.new-catalogue .button5 {background-color: #0b85b7;color: white;}
.new-catalogue .button5:hover {background-color: #0c9cd7;color: white;}

.button {width:64px; background-color: #4CAF50;  border: none;color: white;padding: 9px 22px;text-align: center;text-decoration: none;display: inline-block;font-size: 14px;margin: 4px 2px;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;cursor: pointer;}  
.button5 {background-color: #0b85b7;color: white;}
.button5:hover {background-color: #0c9cd7;color: white;}

.search-header {
    background-color: #000000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: white;
    padding-left: 15px;
}
.search-header:before {
    content: "";
    width: 20px;
    position: absolute;
    height: 35px;
    background: url(/content/images/v2/point-blue.png) 0 0 no-repeat;
    background-size: contain;
    top: 10px;
    left: 13px;
}

.search-form-title {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 20px;
}

#new-page-wrap {
    padding-top: 0 !important;
}
#new-page-wrap-results-page { padding-top:0px; width: 1004px; padding: 0; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
#new-page-wrap-results-page #new-catalogue-results-wrap-results-page {position: relative;text-align: left !important;margin-top: 0px;min-height: 530px;width: 767top-header-descpx;margin-left: 260px;font: 400 14px/1.3 Roboto;}

#new-page-wrap .left-pane { float: left; display: block;}
#new-page-wrap .left-pane .left-pane-filter { width: 270px; background: white; padding: 15px 15px 15px 20px;}
#new-page-wrap .left-pane .left-pane-filter .filter-pane-title { font-size: 22px; font-weight: bold; margin: 10px 0px; display: block;}
#new-page-wrap .left-pane .left-pane-filter .filter-wrap { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px 0; font-size: 18px; position: relative;}

#new-page-wrap-results-page .left-pane { float: left; display:block; width: 260px; position: relative; }
#new-page-wrap-results-page .left-pane .left-pane-filter { background: white; padding: 15px 0 15px 0;}
#new-page-wrap-results-page .left-pane .left-pane-filter .filter-pane-title { font-size: 18px; font-weight: bold; margin: 0 0 30px 0px; display: block; }
#new-page-wrap-results-page .left-pane .left-pane-filter .filter-wrap { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding:15px 0; font-size: 18px;  position:relative; font-weight:bold}

#new-page-wrap #new-page-wrap-results-page .left-pane .left-pane-filter .sort-dropdown { height: 35px; width: 100%; padding: 0 0 0 5px; border: 1px solid #ccc; font-weight: 700;border-radius: 6px; }
#new-page-wrap #new-page-wrap-results-page .left-pane .left-pane-filter .filter-wrap .filter-lbl { display: block; cursor: pointer; }

#new-page-wrap #new-page-wrap-results-page .left-pane .left-pane-filter .filter-wrap .apply-filter {display: none;position: absolute;right: 0px;background: #d32027;color: white; padding: 5px 15px;top: 5px;font-size: 13px;font-weight: 700;cursor: pointer;border-radius: 5px;}
#new-page-wrap #new-page-wrap-results-page .left-pane .left-pane-filter .filter-wrap .apply-filter:hover {background: #737373}
#new-page-wrap #new-page-wrap-results-page .left-pane .left-pane-filter .filter-wrap .filter-lbl .filter-arrow {border-left: 9px solid transparent;border-right: 9px solid transparent;border-top: 9px solid #949494;float: left;display: block;margin: 7px;transform: rotate(-90deg);}

#new-page-wrap-results-page .left-pane .left-pane-filter .filter-wrap .apply-filter {display: none; position: absolute;right: 24px;background: #009ed5;color: white;padding: 5px 15px;top: 10px;font-size: 14px;font-weight: bold;cursor: pointer; border-radius: 5px; transition: all .3s ease-in-out}
#new-page-wrap-results-page .left-pane .left-pane-filter .filter-wrap .apply-filter:hover { background: #22bcf2 }
#new-page-wrap-results-page .left-pane .left-pane-filter .filter-wrap .filter-lbl .filter-arrow {border: solid #a1a1a1; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); float: right; width: 3px; height: 3px; transition: all .2s ease-in-out}

#new-page-wrap .landing-search {width: 70%;margin: 0 auto;}
#new-page-wrap-results-page .landing-search { width: 70%;margin: 0 auto;}

.clear-filter-master {
    width: 48%;
    float: left;
    background: #999;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    border-radius: 5px;
    transition: all .2s;
    font-size: 15px;
    font-weight: bold;
}
.clear-filter-master:hover {
    background: #b2b2b2;
}
.apply-filter-master {
    width: 48%;
    float: left;
    background: #009ed5;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    margin-left: 4%;
    border-radius: 5px;
    transition: all .2s;
    font-size: 15px;
    font-weight: bold;
}
.apply-filter-master:hover {
    background: #22bcf2;
}

.clear-filter-master-results-wrap { width: 48%; float: left; background: #999999; text-align: center; padding: 10px 0; cursor: pointer; border-radius: 5px; transition: all .2s; font-size:15px; font-weight: bold}
.clear-filter-master-results-wrap:hover { background: #b2b2b2; }
.apply-filter-master-results-wrap {width: 48%;float: left;background: #009ed5;text-align: center; padding: 10px 0; cursor: pointer; margin-left: 4%;  border-radius: 5px;transition: all .2s; font-size: 15px; font-weight: bold;}
.apply-filter-master-results-wrap:hover { background:#22bcf2 }

.show-all-brand {position:absolute;right:100px;padding:8px 0px;top:5px;font-size:13px;font-weight:700;cursor:pointer;text-decoration:underline; }

.new-search-btn { cursor: pointer; font-size: 18px; color: #0b85b7; font-weight:bold; }
.new-search-btn span { text-decoration: underline; }

.quote-detail-page #main-content { background:#E1E1E1; }

.applied-filter-panel {
    margin: 6px 20px 6px 6px;
    padding: 5px;
    background: white;
    overflow: hidden;
    display: block;
}

.applied-filter-panel .filter-applied {
    display: block;
    color: white;
    background: #2D2D2D;
    padding: 3px 20px 3px 10px;
    border-radius: 10px;
    float: left;
    font-size: 10px;
    margin-right: 5px;
    position: relative;
    cursor: pointer;
    margin-bottom: 4px;
}
.applied-filter-panel .filter-applied:after {
        content: 'x';
        position: absolute;
        right: 8px;
        font-weight: 100;
    }

.applied-filter-panel-results-page { background: white; overflow: hidden; display:block; padding-left: 5px }
.applied-filter-panel-results-page .filter-applied { display: block; color: #2D2D2D; padding: 5px 37px 5px 10px; border: 1px solid #ccc; border-radius: 5px; float: left; font-size: 12px; margin-right: 5px; position:relative; cursor:pointer; margin-bottom:4px; font-weight: 300}
.applied-filter-panel .filter-applied:hover { background: #dcdada; color:black; }
.applied-filter-panel-results-page .filter-applied:after { content: url(/content/images/v2/xx-close.png); position: absolute; top:0; right: 2px; font-weight: 100; border-left: 1px solid #ccc; padding-left: 1px; padding-top: 1px;}
.applied-filter-panel .general-filter {
    display: block;
    color: white;
    background: #d32027;
    padding: 3px 10px;
    border-radius: 10px;
    width: 73px;
    font-size: 10px;
    margin: 2px auto;
    position: relative;
    cursor: pointer;
    text-align: center;
}
.applied-filter-panel-results-page .general-filter {
    display: block;
    color: white;
    background: #d32027;
    padding: 3px 10px;
    border-radius: 10px;
    width: 73px;
    font-size: 10px;
    margin: 2px;
    position: relative;
    cursor: pointer;
    text-align: center;
}
.applied-filter-panel .general-filter:hover { background: #dcdada; color:black; }

.advertising-band { background: #071832; width:100%; overflow:hidden; }
.advertising-mobile { display:none; }
.advertising-band {
    display: block;
}

.checkout-reserve-now { margin-top: 10px; width: 85%; }

.clear-filters-live-ads { width: 115px; height: 33px; background: #414143; color: white; font-size: 16px; margin-left: 15px; float: left; display: inline-block; line-height: 35px; text-align: center; border: 1px solid white; cursor:pointer; font-weight:bold; }
.clear-filters-live-ads:hover { background: #0b85b7; }

.followMeBar { background: #999; padding: 10px 20px; position: relative; z-index: 1; color: #fff; }
.followMeBar.fixed { position: fixed; top: 0; width: 100%; box-sizing: border-box; z-index: 0; }
.followMeBar.fixed.absolute { position: absolute; }

.show-address { width: 100%; text-align: center; padding: 10px 0; display: block; margin-bottom: 5px; font-size: 17px; background-color: #c5e7ff; color: #3c9ada; font-weight: normal; cursor:pointer; }
.show-address:hover { background-color:#0073c5; color:white; }

.show-number { width: 100%; text-align: center; padding: 7px 0; background: #7cbf00; color: #ffffff; display: block; margin-top:4px; font-size: 24px; font-weight: normal; cursor:pointer; text-decoration:none; position:relative; }
.show-number:hover { background-color:#6ca700; }
.show-number img { height: 28px; display: inline; position: absolute; bottom: calc(100% / 4); left: calc(100% / 4); }

.slider-btn { color: white; padding: 0 3px; height: 36px; line-height: 32px; background: black; opacity: 0.1; position: absolute; top: 40%; top: calc(50%  - (36px / 2)); font-family: sans-serif; font-size: 36px; display:block; cursor:pointer; z-index: 2; }
.slider-btn:hover { opacity: 0.7; }
.slider-left {
    left: -25px;
    border-radius: 5px 0 0 5px;
}
.slider-right {
    right: -25px;
    border-radius: 0 5px 5px 0;
}
.img-wrapper {
    overflow: hidden;
    display: block;
    position: relative;
    height: 100%;
}

.bullet-pic {
    height: 10px;
    width: 10px;
    border-radius: 20px;
    background: transparent;
    display: inline-block;
    border: 3px solid #4d4d4d;
}
.bullet-active { background: #b2b2b2; }

.continue-shop-back { background-color:transparent; }
.continue-shop-back:hover { background-color:#696564; }

#showSeoContent { padding: 5px 15px; border: 1px solid rgb(72, 163, 201); border-radius: 5px; cursor: pointer; overflow: hidden; background: white; color:#313131; }
#showSeoContent:hover { background: rgb(72, 163, 201); color:white; }

.staggered-info { font-size:1em; }

.next-page { width:315px; height:160px; text-align: center;display: table; background: #403f41; color: white; font-size: 26px; }
.next-page:hover { background-color:#2d2c2d; }

img.desaturada { filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);}

.suggestion-box {
    opacity: 1000000;
    position: absolute;
    display: none;
    z-index: 9999;
    background: white;
    border: 1px solid #e9e9e9;
    max-height: 135px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: auto;
}
.suggestion-box-comparison { opacity: 1000000; position: absolute; display: none; z-index: 9999; background:white; border: 1px solid black; max-height:135px; overflow-y:scroll; overflow-x:hidden; margin: auto; }
.suggestion-item { padding: 5px 0 5px 5px; background:white; width:100%; overflow: hidden; white-space: nowrap; cursor:pointer; }
.suggestion-item:hover { background: #e5f5fb; }

.play-video-buttom { position: absolute; display: block; background: url("/content/images/v2/playButton.png"); height: 25px; width: 35px; top: 50%; left: 50%; margin: -10px 0 0 -20px; }

.new-tyre-description .title-bar { padding: 10px 0 0; }
.new-tyre-description .title-bar .title-section { height: 40px; position: relative; width: 100%; cursor: pointer; }
.new-tyre-description .title-bar .title-section .title-icon { display: block; float: left; margin: 0 6px 0 0; width: 20px; }
.new-tyre-description .title-bar .title-section .title-close { position: absolute; right: 10px; top: 10px; width: 15px; cursor: pointer; }
.new-tyre-description .title-bar .section-content { margin-bottom: 15px; }
.new-tyre-description .title-bar .wheel-align-title { font-weight: 600; font-size: 20px; margin-left: 5px; }
.section-closed { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.footer-section { text-align: center; border-top: 1px dotted #E9E9E9; padding-top: 25px; margin-top: 15px; }

.seller-details-right-section {font-size:45px; border-radius: 5px 5px 0 0; }
.seller-details-right-section .seller-container { padding:15px; background:white; }
.seller-details-right-section .seller-container div .dealer-store-icon { float:left; width:100%; margin-bottom:15px; }
.seller-details-right-section .seller-container div .dealer-company-name { font-size:20px; float:left; }

.seller-price-details { overflow:hidden; border-top: 1px solid #E9E9E9; font-size:16px; }
.seller-price-details > div { background-color: #FBFBFB; }
.seller-price-details-banner { margin-top: 14px; }
.seller-price-details.desktop-hide .overall-rating .review-progress-bar { margin-top: 16px; }
.seller-price-details.desktop-hide .bar-rating { margin-top: 20px; }

.sellet-details-callout { margin-top: -30px; display: block; text-align: center; }
.seller-details-callout .content-fee { margin: 0 auto; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; overflow: hidden; margin-bottom: 15px; }
.seller-details-callout .spec-retailer-price-lbl { text-align:center; float:left; margin: 5px; font-size: 20px !important; }
.seller-details-callout .spec-retailer-price-lbl span { font-size: 13px; display: inline-block; }

.new-tyre-description { display: inline-block; border-top: 1px solid #E9E9E9; width: 100%; }
.new-tyre-container { background:white; border-radius: 5px 5px 0 0; }

.search-bar { display:block; background: #dafaff;padding: 10px 0; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); }
.search-bar > div { width: 945px; margin: 0 auto; }

.new-show-number { font-size: 15px;float: left; margin-left: 11px; line-height: 24px; color: #009ED5; cursor: pointer; }
.new-quantity-multiplier { display:inline-block; margin: 0 50px; color:#999999; font-size:20px }

.review-overall-section { font-size: 14px; }
.review-overall-section .overall-title { display:block; }
.review-overall-section .overall-rating { line-height:30px; }
.review-overall-section .write-review { float:right; }
.review-overall-section .write-review:hover {background-color:#005877;}
.review-overall-section .star-rating { float:left; }
.overall-rating .review-progress-bar { margin-top: 12px; }

.write-review {  padding: 5px 15px; background-color:#009ED5; color:white; border-radius: 5px; cursor:pointer; font-size: 14px; font-weight: 500; }
.write-review:hover {background-color:#005877;}

.indv-review-item { overflow:hidden; border-top: 1px dotted #E9E9E9; width:100%; margin-top: 20px; padding: 30px 0 10px; }
.indv-review-item .indv-item-left { float:left; width:65%; }
.indv-review-item .indv-item-left .user-review-info {  }
.indv-review-item .indv-item-left .user-review-info img { float:left; width:100px; margin: 8px 15px 20px 0; }
.indv-review-item .indv-item-left .user-review-info .reviewer-title { display:block; color:#A0A0A0; font-size: 14px; }
.indv-review-item .indv-item-left .user-review-info > div:nth-child(2) { width: calc(100% - 115px); }
.indv-item-left .content-review { width:100%; overflow:hidden; }
.indv-item-left .content-review .review-title { display:block; margin:10px 0; font-weight: 600; }
.indv-item-left .content-review .review-text { display:block; text-align:justify; }
.review-text, .review-title { font-size: 14px; }
.review-stars-text {position: relative; font-size: 12px; vertical-align: text-top; margin-left: 8px}
.indv-review-item .indv-item-right { float:right; }
.indv-review-item .indv-item-right .container { width: 150px; border: 1px solid #E9E9E9; border-radius:5px; padding: 15px 10px 10px; text-align: justify; overflow:hidden; }
.btn-link { color: #009ED5; font-weight: 600; font-size: 14px; display: block; text-decoration: none;  margin: 10px 0 0px; }
.btn-dropdown:after { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #009ED5; content: ""; margin: 6px 0 0 6px; position: absolute; }
.btn-link.smaller { font-size: 12px; }

.progress-info-label { line-height: 30px; float: left; margin-right: 10px; width: 90px; }
.progress-info-label.short { width: 20px; }
.progress-info-label-indv { margin: 5px 10px 0 0; font-size: 14px; }

.vehicle-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0px;
}

.vehicle-wrapper .step-number {
    margin-right: 10px;
    font-size: 26px;
    font-weight: bold;
}

.arrow-wrapper {
    width: 24px;
    position: absolute;
    right: 0;
    text-align: center;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    max-height: 100px;
    overflow-y: scroll;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}

.review-progress-bar { overflow:hidden; position:relative; }
.overall-rating .review-progress-bar,
.bar-rating .review-progress-bar { width: calc(100% - 10px - 110px); float: left; }
.bars-with-stripes .review-progress-bar:after {
    position: absolute;
    width: 100%;
    height: 16px;
    content: "";
    background: repeating-linear-gradient(to left, #FFF, #fff 1px, transparent 1px, transparent 20%);
    top: 5px;
    margin-top: -5px;
}
.bars-with-stripes.bar-rating .review-progress-bar:after { top: 14px; }

.review-progress-bar .bar { height: 6px; background: #E1E1E1; border-radius:20px; overflow:hidden; }
.review-progress-bar .bar .percentage { background-color:#FFBD00; height:6px; display:block; }
.bars-with-stripes.bar-rating .bar { margin-top: 12px; }
.bars-with-stripes .review-overall-section:after { top: 14px; }
.indv-review-item .indv-item-right .bar { margin: 5px 0 10px; }
.action-btn { color: black; padding: 5px 25px; background: #EBEBEB; font-weight: 600; font-size: 15px; }

.review-progress-bar-indv { overflow: hidden; float: left; }
.review-progress-bar-indv .bar-indv { width:145px; height:4px; border-radius:20px; overflow:hidden; }
.review-progress-bar-indv .bar-indv .percentage { background-color:#FFBD00; height:4px; display:block; }
/****** Style Star Rating Widget *****/

.rating { float: left; }
.rating > input { display: none; } 
.rating > label:before { margin: 5px 2px!important; font-size: 1.25em; /*font-family: FontAwesome;*/ display: inline-block; }
.rating > label { color: #ddd; float: left; }

.buy-again { margin: 7px 0 0; }
.buy-again > i { color: #009fd6; font-size: 25px; }
/*********Previous and Next buttons***************/
.mobi-show-prev{
    margin-right: 40px !important;
    float: left;
}
.mobi-show-next{float: right}
.mobi-show-next, .mobi-show-prev {
    cursor: pointer;
    padding: 10px 17px;
    border: 1px solid #fff;
    border-radius: 7px;
    background: #009fd6;
    color: white;
    font-weight: normal;
    text-decoration:none;
}
    .mobi-show-next:hover {
        background-color: #22bcf2;
    }
    .mobi-show-next:after {
        content: ' ';
        border: solid #fff;
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 3px;
        transform: rotate(-45deg);
        float: right;
        width: 2px;
        height: 2px;
        transition: all .2s ease-in-out;
        margin-top: 4px;
        margin-left: 5px;
    }
.mobi-show-prev:before {
    content: ' ';
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    float: left;
    width: 2px;
    height: 2px;
    transition: all .2s ease-in-out;
    margin-top: 4px;
    margin-right: 5px;
}
/***** CSS Magic to Highlight Stars on Hover *****/

.rating:not(.selectable) label { cursor: default; }
.rating > label.fill, /* show gold star for readonly state */
.rating > input:checked ~ label, /* show gold star when clicked */
.rating.selectable:not(:checked) > label:hover, /* hover current star */
.rating.selectable:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating.selectable > input:checked + label:hover, /* hover current star when changing rating */
.rating.selectable > input:checked ~ label:hover,
.rating.selectable > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating.selectable > input:checked ~ label:hover ~ label { color: #FFED85;  } 

.submit-review {background: #009ed5;padding: 11px;border-radius: 7px;color: white;font-size: 15px;cursor:pointer;}
.submit-review:hover {background: #005877;}
.clearfix { clear: both; }

.adb { padding: 15px 5px; overflow: hidden; }
.adb > div { margin: 0 auto; }
.bg-white { background-color: #fff !important; }
.bg-black { background-color: #151313 !important; }
.bg-lowgrey { background-color: #d9d9d9 !important; }
.bg-midgrey { background-color: #fbfbfb !important; }
.bg-lightgrey { background-color: #f0f0f0 !important; }
.bg-grey { background-color: #E1E1E1 !important; }
.bg-light-blue { background-color: #e5f5fb }
.bg-transparent { background-color: transparent !important; }
.c-white { color: #fff; }
.rounded-corners { border-radius: 5px; overflow: hidden; }

.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-16 { margin-top: 16px !important; }
.m-0 { margin: 0 !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-12 { margin-top: 12px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 {margin-top: 40px !important; }
.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-12 { margin-bottom: 12px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 {margin-bottom: 30px !important; }
.ml-0 { margin-left: 0 !important; }
.ml-5 { margin-left: 5px !important; }
.mr-5 { margin-right: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.mr-10 { margin-right: 10px !important; }
.ml-5 { margin-left: 5px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.mr-5 { margin-right: 5px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.ml-30 { margin-left: 30px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-0 { margin-right: 0 !important; }
.my-15 { margin-top: 15px; margin-bottom: 15px; }
.my-20 { margin-top: 20px; margin-bottom: 20px; }
.mx-15 { margin-left: 15px; margin-right: 15px; }
.mx-20 { margin-left: 20px; margin-right: 20px; }

.p-0 { padding: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pt-5 { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-40 { padding-top: 40px !important; }
.pl-0 { padding-left: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pr-10 { padding-right: 10px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-60 {padding-left: 60px !important; }
.pr-60 {padding-right: 60px !important; }
.sticky { position: -webkit-sticky; position: sticky;top: 0; }
.o-h { overflow: hidden; }
.flex { display: flex; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-black { color: #000 !important; }
.text-dark { color: #656565 !important; }
.text-white { color: #fff !important; }
.relative { position: relative; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-800 { font-weight: 800 !important; }
.pointer { cursor: pointer; }
.no-float { float: none !important; }
.clearfix::after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}
.br-none {
    border-right: none !important;
}
.of-none {
    overflow: unset !important;
}
.btn-blue {
    background: #009ed5;
    color: #fff !important;
    border-radius: 5px;
}
.btn-blue-dealer {
    background: #0b85b7;
    color: #fff !important;
    border-radius: 5px;
}
.btn-blue-dealer:hover {
    opacity: 1 !important;
    background: #0c9cd7;
}
.btn-blue:hover {
    opacity: 0.5;
}

.arrow-icon {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}
.arrow-icon-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.arrow-icon-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.arrow-icon-up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.arrow-icon-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.rate-reviews {
    z-index: 200;
    background: rgba(0, 0, 0, 0.8117647058823529) !important;
}

.rate-reviews .title-block {
    padding: 0;
    background: #fff;
    border-radius: 7px 7px 0px 0px;
    clear: both;
    padding: 35px;
}

.rate-reviews .title-block > .inner-title {
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
    width: 100%;
    height: 100px;
    position: relative;
}

.rate-reviews .title-block > .inner-title > div {
    position: absolute;
}

.rate-reviews .title-block .image-block {
    left: 0; 
    top: 0;
}

.rate-reviews .title-block .image-block > img {
    box-shadow: 0px 5px 15px #888888;
}

.rate-reviews .title-block .text-block {
    left: 120px;
    top: 0;
}

.rate-reviews .title-block > .inner-title h4 {
    color: black;
    padding: 8px 8px 0;
    text-align: left;
    color: #2d2d2d;
    font: 18px "DIN Next LT Pro" !important;
}

.rate-reviews .title-block > .inner-title h5 {
    color: red;
    padding: 3px 8px 8px;
    text-align: left;
    color: #d31214;
    font: 26px "DIN Next LT Pro" !important;
}

    .close-popup {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 32px;
        height: 32px;
        opacity: 0.3;
    }

    .close-popup:hover {
        opacity: 1;
    }

    .close-popup:before, .close-popup:after {
        position: absolute;
        left: 15px;
        content: ' ';
        height: 25px;
        width: 2px;
        background-color: #333;
    }

    .close-popup:before {
        transform: rotate(45deg);
    }

    .close-popup:after {
        transform: rotate(-45deg);
    }

    .rate-reviews .content-block {
    border-radius: 0px 0px 7px 7px;
    padding: 0 35px 35px;
}

.popup.rate-reviews .rating > label {
    padding: 0px 2px;
    cursor: pointer;
    font-size: 16px;
    float: right;
}

.popup.rate-reviews .rating > label:not(:first-child):not(:nth-child(2)) {
    border-right: 1px solid #e9e9e9;
}

.popup.rate-reviews .rating.ng-invalid:not(.ng-untouched) > label:not(:first-child):not(:nth-child(2)) {
    border-right: 1px solid #ef3332;
}

.popup.rate-reviews .rating {
    width: 100%;
    min-width: 130px;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fbfbfb;
}

.popup.rate-reviews .divTableCell {
    color: #000;
    font: 14px "DIN Next LT Pro" !important;
    padding-right: 30px;
    min-width: 80px;
}

.form-control {
    padding: 8px 6px !important;
    border-radius: 5px;
    background-color: #fbfbfb !important;
    color: #333333;
    line-height: normal !important;
    min-height: unset !important;
    border: 1px solid #e9e9e9;
    font: 15px "DIN Next LT Pro" !important;
    display: block !important;
    line-height: 1.5 !important;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
}
.form-control:focus {
    border-color: #8e8e8e !important;
    outline: none;
    box-shadow: none;
}
select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/content/images/v2/searchbox/arrow_down.png) no-repeat calc(100% - 10px) 50% #fbfbfb;
}
.form-control > option[disabled] {
    color: #cacaca !important;
}
.rating.ng-invalid:not(.ng-untouched),
.form-control.ng-invalid:not(.ng-untouched) {
    border-color: #ef3332 !important;
} 
.form-label {
    font: 16px "DIN Next LT Pro";
    color: #333333;
    display: block;
    margin-bottom: 5px;
    text-align: left;
} 
.sub-text {
    color: #b3b3b3;
    font: 13px "DIN Next LT Pro" !important;
    text-align: left;
} 
.sub-text > ul > li {
    list-style: inside;
} 
hr.dotted {
    border: none;
    border-bottom: 1px dotted #cccccc;
    height: 0;
} 
.btn {
    font: 15px "DIN Next LT Pro";
    font-weight: 800;
    padding: 10px 20px;
}
    .btn:not(.disabled):not(:disabled):hover,
    .btn:not(.disabled):not(:disabled):focus {
        opacity: 0.5;
    } 
.btn-primary {
    background-color: #009ed5;
    border: 1px solid #009ed5;
}
.btn-primary-dealer {
    background-color: #0b85b7;
    border: 1px solid #0b85b7;
}
.btn-primary-dealer:hover {
    opacity: 1 !important;
    background: #0c9cd7;
} 
.popupV3 .content-wrap {
    padding: 30px 40px 40px;
    border-radius: 3px;
} 
.popupV3 .content-block {
    position: relative;
} 
.popupV3 .title {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 5px;
} 
.popupV3 .sub-title {
    padding-bottom: 30px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px;
} 
.popupV3 .close-btn, .popupV3 .close-btn:hover {
    position: absolute;
    top: 0;
    right: 0;
    width: 13px;
    height: 13px;
    text-decoration: none;
    background-image: url('/content/images/v2/searchbox/close.png')
} 
.popupV3 .message {
    font-size: 20px;
} 
.benefits {
    padding: 50px 25px;
    display: flex;
} 
.benefits .benefit, .review-cards .review-card{
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    padding: 25px 25px 0;
    min-height: 240px;
    margin-bottom: 25px;
    width: calc(33.33% - 25px);
} 
.benefits .benefit:not(:last-child) {
    margin-right: 25px;
} 
.benefits .benefit .benefit-title {
    font-weight: 500;
    font-size: 20px;
    margin-top: 10px;
} 
.benefits .benefit .benefit-message {
    font-size: 16px;
    margin-top: 10px;
}

.review-home-img {
    margin-top: 30px;
    display: block;
    width: 160px;
    height: 114px;
    background-image: url(//d2uod8gew2p4yv.cloudfront.net/badge/321723/dark-ld.png);
    background-position: bottom;
}

.arrow-bullet {
    width: 8px;
    height: 12px;
    margin-right: 5px;
}

h2.title {
    font-size: 25px;
    font-weight: 100;
}
.review-cards {
    padding: 25px;
    display: flex;
} 
.review-cards .review-card {
    padding: 25px 25px 40px;
    font-size: 17px;
    min-height: auto;
    background: #fbfbfb;
    font-weight: 100;
    text-decoration: none;
    transition: all .2s ease-in-out;
} 
.review-cards a.review-card:hover {
    transform: scale(1.02);
} 
.review-cards a.review-card:hover .read-more {
    text-decoration: none;
} 
.review-cards .review-card .pattern-image {
    margin: 0 0 10px;
} 
.review-cards .review-card .pattern-image, .review-cards .review-card .pattern-image img, .review-cards .review-card .review-image, .review-cards .review-card .review-image img{
    height: 75px;
} 
.review-cards .review-card .brand-image, .review-cards .review-card .brand-image img {
    height: 25px;
} 
.review-cards .reivew-brand-title {
    font-weight: 600;
    margin: 5px 0 0;
    height: 40px;
} 
.review-cards .reivew-rating {
    margin: 10px 0;
}
.reivew-rating .rating > label {
    float: none;
}
    .review-cards .review-title {
        font-weight: 600;
        font-size: 17px;
        margin-bottom: 10px;
        height: 35px;
        line-height: 1;
    }
    .review-cards .review-content {
        height: 140px;
        overflow: hidden;
        line-height: 1.45;
    } 
.review-cards .review-image {
    margin: 15px 0 5px 0;
    height: 60px !important;
} 
.review-cards .review-image .image-circle {
    border-radius: 50%;
    height: 60px!important;
    width: 60px!important;
    object-fit: cover;
}
.review-cards .review-reviewer {
    font-size: 15px;
    height: 45px;
} 
.review-cards .review-footer {
    margin-top: 20px;
    height: 50px;
} 
.review-cards .review-footer .buy-again {
    font-weight: 400;
    font-size: 14px;
}

.review-rating{ margin-top: 7px;}
.new-catalogue-tyre-results-page.small-article .review-rating{ margin-top: 0;}

.rewiew-block {
    display: flex;
    flex-direction: column;
    padding-top: 28px;
    padding-bottom: 40px;
}

.promo-caltex-green {
    background: #0a4d63;
    padding: 5px 0;
}

.promo-caltex-green > div {
    max-width: 800px;
    margin: 0 auto;
}

.promo-caltex-green > div > span {
    vertical-align: middle;
    display: inline-block;
    padding: 10px 0;
}

.details-header-reveal {
    text-decoration: none;
    cursor: pointer;
}
.details-header-reveal .reveal-link {
    color: #009ED5;
}
.details-header-reveal:hover .reveal-link {
    text-decoration: underline;
}

.p-review-anchor {
    display: flex;
}
.p-review-anchor > .left-img {
    background: url(/content/images/v2/review.png);
    width: 130px;
    height: 45px;
    display: inline-block;
    background-repeat: no-repeat;
}
.p-review-anchor > .right-img {
    background: url(//d2uod8gew2p4yv.cloudfront.net/badge/321723/dark-ld.png);
    width: 160px;
    height: 60px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position-y: -25px;
    margin-left: 10px;
}

.custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url('/content/images/v2/searchbox/arrow_down.png');
    background-position: 90% center;
    background-repeat: no-repeat;
    outline: none;
    padding-right: 20px;
}

.notification-select {
    border: none;
    height: auto;
    min-height: 38px;
    line-height: 38px;
    width: 100%;
    background-color: #fff;
}

.notification-container {
    border: 1px solid #ededed;
    width: 338px;
    justify-content: space-around;
    align-items: center;
    margin: 10px auto;
    border-radius: 5px;
}

.new-search-stripe {
    background: #fff;
    padding-bottom: 20px;
}
.new-search-stripe-inner {
    background: #009ed5;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    padding: 10px 0;
    text-align: center;
    cursor: pointer;
}
.new-search-stripe-inner span {
    text-decoration: none;
}
.new-search-stripe-inner img:first-child {
    margin: -2px 10px 0 0 !important;
    vertical-align: middle;
}
.new-search-stripe-inner img:last-child {
    margin: 0 0 0 10px !important;
    vertical-align: middle;
}
.black-bg {
    background: black;
}

#brand-pages .brand-tile {
    height: 150px;
    border: 1px solid #CAC7CE;
    margin-bottom: 10px;
    display: flex;
    flex-flow: row wrap;
    border-radius: 5px;
    position: relative;
    text-decoration: none;
    margin: 12px;
}

#brand-pages .brand-tile img {
    display: block;
    margin: 0 auto;
    max-width: 90%;
    max-height: 50%;
    align-self: flex-end;
}

#brand-pages .brand-tile span {
    align-self: flex-end;
    border-top: 1px solid #CAC7CE;
    margin: 0 auto;
    padding: 15px 0;
    flex: 1 100%;
    display: block;
}

#brand-pages .row .col {
    padding-left: 0;
    padding-right: 0;
    float: left;
}

.footer-column-header {
    margin-bottom: 35px;
    font-size: 1.2em;
    font-weight: 500;
}

.footer-column-header-m-up {
    margin-top: 25px;
    font-size: 1.2em;
    font-weight: 500;
}

.footer-image > img {
    display: block;
    margin-bottom: 15px;
}

#signupfoot .dealer-buttons .btn {
    width: 180px;
}
    #signupfoot .dealer-buttons .btn:last-child {
        margin-top: 10px;
    }

.donut-chart {
    height: 150px;
    width: 150px;
    position: relative;
    margin: 20px auto;
}
.donut-chart .chart-text {
    color: #ff0000;
    z-index: 999;
    text-align: center;
    margin-top: 45%;
}
.donut-chart .chart-text .percent-number {
    font-weight: bold;
}
.donut-chart .chart-text .percent-sign {
}
.donut-chart .chart-text .percent-number {
    font-size: 2.2em;
}
.donut-chart .chart-text .percent-sign {
    font-size: 1em;
    vertical-align: top;
    margin-left: -5px;
}
.donut-chart svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg);
    background: #cccccc;
    border-radius: 50%;
}
.donut-chart circle {
    fill: #cccccc;
    stroke: #ff0000;
    stroke-width: 32;
    stroke-dasharray: 0 100;
    transition: stroke-dasharray 0.5s ease;
}
.donut-chart .donut-center {
    background: #fff;
    border-radius: 50%;
    position: absolute;
    height: 85%;
    width: 85%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.loans-h3 {
    font-family: "DIN Next LT Pro";
    margin-bottom: 35px;
    text-transform: none;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 1;
}
.loans-card {
    border: 1px solid #efefef;
    border-radius: 10px;
}
.light-block {
    background-color: #fbfbfb;
}
.loan-types-image{
    border-radius: 5px;
    object-fit:cover;
}
.loans-step {
    background-color: white;
    color: black;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
}
.loans-step span {
    padding: 8px 13px 3px 13px;
    background: red;
    color: white;
    font-weight: 800;
    font-size: 28px;
}
.loans-step p {
    padding: 10px;
}
.loans-widget-block {
    max-width: 1003px;
    min-height: 346px;
}
.loans-types-widget-block {
    max-width: 1003px;
    min-height: 632px;
}
.full-page.loans-page #main-content :is(h1, h2) {
    font-size: 44px;
    line-height: 0.8;
}
.full-page #main-content h2.loans-sub-heading-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: normal;
}
.full-page.loans-page-submitted .wizard-banner {
    position: relative;
}
.full-page.loans-page-submitted .first-block {
    min-height: inherit;
}
.header-loans-line img {
    object-fit: contain;
}
.header-loans-line {
    padding-top: 10px;
    padding-bottom: 10px;
}
.loans-compare a {
    text-decoration: none;
    transition: all .2s ease-in-out;
}
.loans-compare a img {
    transition: all .2s ease-in-out;
}
.header-loans-line a:hover,
.loans-compare a:hover {
    color: #009ed5 !important;
}
.loans-compare a:hover img {
    transform: scale(1.05);
}
.loan-html-content p {
    margin-bottom: 10px;
    font-size: 24px;
}

/* Bootstrap-select custom styles */
.dropdown.bootstrap-select {
    background-color: #fbfbfb !important;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: url(/content/images/v2/searchbox/arrow_down.png) no-repeat calc(100% - 10px) 50% #fbfbfb;
}
.dropdown.bootstrap-select:focus,
.dropdown.bootstrap-select:active,
.dropdown.bootstrap-select.show {
    border-color: #8e8e8e !important;
    outline: none;
    box-shadow: none;
}
.dropdown.bootstrap-select > .dropdown-toggle.bs-placeholder {
    color: #e1e1e1;
}
.dropdown.bootstrap-select > .dropdown-toggle.bs-placeholder:not(.disabled):hover {
    color: #e1e1e1;
    opacity: unset;
}
.dropdown.bootstrap-select > .dropdown-toggle.bs-placeholder.disabled:hover {
    color: #e1e1e1;
    opacity: 0.3;
}
.dropdown.bootstrap-select .filter-option-inner-inner{
    font-weight: normal;
}
.dropdown.bootstrap-select .dropdown-menu {
    max-height: unset;
    overflow-y: auto;
}
.dropdown.bootstrap-select .dropdown-menu.show {
    display: block;
}
.dropdown.bootstrap-select .dropdown-menu .bs-searchbox input{
    box-sizing: border-box;
}
#main-content2 .dropdown.bootstrap-select .dropdown-menu .active,
.dropdown.bootstrap-select .dropdown-menu .active{
    background-color: rgb(230, 230, 230);
    border-color: rgb(230, 230, 230);
    color: #403f41;
}
.dropdown.bootstrap-select .dropdown-menu li:hover{
    background-color: rgb(230, 230, 230);
    border-color: rgb(230, 230, 230);
    color: #403f41;
}
.dropdown.bootstrap-select .dropdown-menu li a:hover{
    background-color: rgb(230, 230, 230);
    border-color: rgb(230, 230, 230);
    color: #403f41;
}

.decoration-none {
    text-decoration: none;
}
.tyre-info-grade-header {
    padding: 9px;
    color: white;
    margin-bottom: 9px;
    height: 38px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}
.new-catalogue-tyre-results-page.small-article .tyre-info-grade-header {
    padding: 6px;
    margin-bottom: 7px;
    height: 30px;
    font-size: 14px;
}
.tyre-info-grade-header.budget {
    background-color: #343a40;
}
.tyre-info-grade-header.everyday {
    background-color: #28a745;
}
.tyre-info-grade-header.premium {
    background-color: #007bff;
}
.card.tyre-type {
    height: 339px;
    overflow: hidden;
    margin: 5px;
}
.card.tyre-type .card-img-top {
    height: 50%;
    object-fit: cover;
    transition: all .2s ease-in-out;
}
.card.tyre-type .card-title {
    margin-bottom: 1px;
    font-size: 16px;
}
.card.tyre-type .card-text {
    line-height: 1.2;
}
.card.tyre-type .card-body {
    padding: 10px 10px 0px 10px;
    transition: all .2s ease-in-out;
    overflow: hidden;
}
.card.tyre-type .card-btn {
    text-transform: uppercase;
    border-radius: unset;
}
.card.tyre-type .card-btn:hover {
    background: #22bcf2 !important;
    background-color: #22bcf2 !important;
    opacity: unset;
}
a.tyre-type {
    display: contents;
}
a.tyre-type:hover .card-img-top,
a.tyre-type:hover .card-body {
    transform: scale(1.05);
    overflow: hidden;
}
.map-marker-title {
    font-weight: bold;
    padding: 3px;
    font-family: "DIN Next LT Pro";
}
.map-marker-title p {
    font-size: 14px;
}
.map-marker-title button.suburb-link {
    font-family: "DIN Next LT Pro";
    text-decoration: underline;
}
.map-marker-title button.suburb-link:hover {
    text-decoration: none;
}
.sorting-select {
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 8px;
    width: 200px;
}


/*Angular dropdown menu syles*/
.dropdown-menu.ng-isolate-scope {
    overflow-y: auto;
    max-height: 163px;
    padding: 0;
    color: #333;
    overflow-x: hidden;
    margin: 2px 0 0 !important;
}
.dropdown-menu.ng-isolate-scope .ng-scope a {
    display: block;
    border: 1px solid #ffffff;
    padding: 4px 10px;
    cursor: pointer;
    line-height: 1.2;
}
.dropdown-menu.ng-isolate-scope .ng-scope.active a {
    border: 1px solid #e5f5fb;
    background: #e5f5fb;
    color: #333333;
    margin: 0;
}
/*Angular dropdown menu syles END*/


/*Bootstrap autocomplete menu*/
.bootstrap-autocomplete.dropdown-menu {
    overflow: auto;
    max-height: 163px;
    padding: 0;
    color: #333;
    left: 0 !important;
    width: 100% !important;
}
.bootstrap-autocomplete.dropdown-menu.show {
    display: block;
}
.bootstrap-autocomplete.dropdown-menu .dropdown-item {
    display: block;
    border: 1px solid #ffffff;
    padding: 4px 10px;
    cursor: pointer;
    line-height: 1.2;
}
.bootstrap-autocomplete.dropdown-menu .dropdown-item.active {
    border: 1px solid #e5f5fb;
    background: #e5f5fb;
    color: #333333;
    margin: 0;
}
/*Bootstrap autocomplete menu END*/


/* First block styles */
.full-page.first-block-v2-inline #main-content .page-block.first-block .title,
.full-page.first-block-v2-inline .page-block.first-block .title {
    font-size: 44px;
    font-weight: 500;
    margin: 0 !important;
    padding: 0;
    line-height: 1.3 !important;
}
.full-page.first-block-v2-inline .steps {
    margin-bottom: 10px;
}
.full-page.first-block-v2-inline .steps .step {
    font-size: 22px;
    line-height: 1.5;
}
.full-page.first-block-v2-inline .steps .step span {
    display: block;
    width: 28px;
    text-align: center;
    background-color: #fbc800;
    border-radius: 3px;
    height: 28px;
    color: black;
    font-weight: 600;
    margin-right: 10px;
}
@media (min-width: 1500px) {
    .full-page.first-block-v2-inline .steps {
        margin-bottom: 0px;
    }
}
@media (max-width: 1017px) {
  .full-page.first-block-v2-inline #main-content .page-block.first-block .title,
  .full-page.first-block-v2-inline .page-block.first-block .title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
    .full-page.first-block-v2-inline #main-content .page-block.first-block .title,
    .full-page.first-block-v2-inline .page-block.first-block .title {
        margin-bottom: 20px !important;
        line-height: 1 !important;
        font-size: 37px;
    }

    .full-page.first-block-v2-inline .steps .step {
        padding: 0;
    }
}
/* First block styles END */


/* Bootstrap 5 utilites */
.py-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
.py-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.px-20 {
    padding-left: 20px;
    padding-right: 20px;
}
.px-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.p-10 {
    padding: 10px;
}

.fs-10 {
    font-size: 10px !important;
}
.fs-12 {
    font-size: 12px !important;
}
.fs-16 {
    font-size: 16px !important;
}
.fs-14 {
    font-size: 14px !important;
}
.fs-15 {
    font-size: 15px !important;
}
.fs-16 {
    font-size: 16px !important;
}
.fs-17 {
    font-size: 17px !important;
}
.fs-18 {
    font-size: 18px !important;
}
.fs-20 {
    font-size: 20px !important;
}
.fs-22 {
    font-size: 22px !important;
}
.fs-23 {
    font-size: 23px !important;
}
.fs-24 {
    font-size: 24px !important;
}
.fs-25 {
    font-size: 25px !important;
}
.fs-26 {
    font-size: 26px !important;
}
.fs-28 {
    font-size: 28px !important;
}
.fs-30 {
    font-size: 30px !important;
}
.fs-32 {
    font-size: 32px !important;
}
.fs-40 {
    font-size: 40px !important;
}
.fs-46 {
    font-size: 46px !important;
}
.w-100 {
    width: 100% !important;
}

.w-60 {
    width: 60% !important;
}

.w-50 {
    width: 50% !important;
}

.w-40 {
    width: 40% !important;
}

.w-30 {
    width: 30% !important;
}

.mw-75 {
    max-width: 75px !important;
}
.mw-35 {
    max-width: 35px !important;
}

.h-100 {
    height: 100% !important;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #e9ecef;
    border-left-width: 1px;
    border-left-color: rgb(233, 236, 239);
    border-left-width: .25rem;
    border-radius: .25rem;
}

.bd-callout-info {
    border-left-color: #009ED5;
}

.list-style-inside {
    list-style-position: inside;
}

.list-style-outside {
    list-style-position: outside;
}

/* Bootstrap 5 column grid */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-5ths {
    flex: 0 0 20%;
    max-width: 20%;
}

@media (min-width: 576px) {
    .px-sm-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .text-sm-center {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .col-sm-5ths {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .fs-md-12 {
        font-size: 12px !important;
    }

    .fs-md-14 {
        font-size: 14px !important;
    }
    .fs-md-18 {
        font-size: 18px !important;
    }
    .fs-md-24 {
        font-size: 24px !important;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .w-md-60 {
        width: 60% !important;
    }

    .w-md-50 {
        width: 50% !important;
    }

    .w-md-40 {
        width: 40% !important;
    }

    .w-md-30 {
        width: 30% !important;
    }

    .text-md-left {
        text-align: left;
    }

    .ml-md-30 {
        margin-left: 30px;
    }

    .mt-md-40 {
        margin-top: 40px !important;
    }

    .px-md-0 {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .fs-lg-16 {
        font-size: 16px !important;
    }
    .fs-lg-14 {
        font-size: 14px !important;
    }
    .fs-lg-24 {
        font-size: 24px !important;
    }
    .w-lg-100 { width: 100% !important; }
    .w-lg-60 { width: 60% !important; }
    .w-lg-50 { width: 50% !important; }
    .w-lg-40 { width: 40% !important; }
    .w-lg-30 { width: 30% !important; }
    .p-lg-0 { padding: 0 !important}
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media screen and (max-width: 1200px) {
   
    .page-wrap-results-page{width: 1030px}
    #new-page-wrap-results-page{width: 1002px}
    .new-calalogue-results-wrap {
        width: 700px;
    }
    .new-dashboard-popup .selectBox {
        width: 102% !important;
        margin-bottom: 5px;
    }

    .new-dashboard-popup .selectBox2 {
        width: 102% !important;
        padding-left: 5% !important;
    }
}
.tyre-footer-button { height: 100%; width: 100%; position: absolute; font-weight: normal; color: #ffffff; padding: 10px 0; text-align: center}
.tyre-footer { overflow: hidden; position: relative; height: 40px; background-color: #009ed5; transition: all .2s}
.new-catalogue-tyre-results-page.small-article .tyre-footer { height: 30px; font-size: 16px; }
.tyre-footer:hover { background: #22bcf2; }
.search-nav { padding: 10px; overflow: hidden; padding-right: 5px; width: auto;}
.search-nav-span {display: block;background: black;padding: 10px 20px;border-radius: 5px;margin-left: 5px;color: white; font-weight: bold;}
.search-nav-span .muted-text {
    float: right;
    font-size: 13px;
    font-weight: 100;
}
.rating-star { font-size: 25px; }
.rating-stars { letter-spacing: -3px}
.comparison-page-header { padding-top: 20px !important; padding-bottom: 20px !important; position: relative; min-height: 50px; display: block; border-bottom: 1px solid #ccc}

.no-scroll { pointer-events: none !important; }
.super-modal .filter-wrap { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 15px 0; font-size: 15px; font-weight: 500}
.super-modal .filter-wrap .filter-lbl {display: block;cursor: pointer;font-size: 18px;}
.super-modal .filter-wrap .brand-count, .price-count, .distance-count, .load-count, .speed-count, .runflat-count, .fourForthree-count {width: 30px; text-align: right; float: right; font-weight: normal; font-size: 15px}
.super-modal-filter {padding: 15px 15px 15px 20px}
.super-modal .filter-wrap .apply-filter:hover {
    background: #22bcf2
}
.super-modal .filter-pane-title{ font-size: 20px; font-weight: 500; display: block; padding-bottom: 25px; padding-top: 10px}

.super-modal .filter-wrap .filter-lbl .filter-arrow {
    border: solid #a1a1a1;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    float: right;
    width: 3px;
    height: 3px;
    transition: all .2s ease-in-out
}

.super-modal .filter-lbl .filter-arrow:hover { transform: scale(1.05) }
.general-filters {width: 18%; max-width: 120px; float: right; display: block}
.detail-filters {width: 75%; float: left; overflow: hidden; }
.search-result-bar { font-size: 1em !important; font-weight: bold !important; width: 100%; border-bottom: 1px solid #ccc; margin: 10px 0 !important; padding: 10px 0 !important }

.search-result-bar.v2 {
  padding: 12px 20px !important;
  border-radius: 10px;
  color: white;
  background: #071832;
  font-size: 18px !important;
  width: auto;
  margin: 0px 0px 0px 0px !important;
}

.search-result-bar.v2 h1,
.search-result-bar.v2 h2 {
    font-size: 18px !important;
    line-height: 1.4;
    margin: 0;
    text-transform: none;
}

.search-box-img {
    width: 60px;
}

.quote-detail-page .search-box-img {
    padding-right: 1rem;
}

.no-underline { text-decoration: none; }
#searchedSize, #searchedPostCode { font-weight: bold}
#searchByTyreSize {width: 100%;font-size: 15px;padding: 15px;background-color: #009ed5;color: #ffffff;font-weight: 400 !important; margin-top: 5px; font-size: 16px !important;}
::placeholder {color: #ccc}

#text-size-desc { display: block; margin: 20px; text-align: justify; }
.details-header-row{margin: 0 auto; }
.help-popup {
    width: 410px;
    height: 215px;
    box-shadow: 0px 0px 15px 2px #656565;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
}
.help-popup-input {
    width: 195px;
    border: none !important;
}
.mobile-fitter-span-right {
    padding: 0 calc((100% - 90px) / 2);
    margin-top: -15px;
    display: block;
}
.write-review-modal {
    cursor: pointer;
}
.go-prev-btn{
    text-decoration: none;
    display: inline-block;
}
.next-button-desk:hover,prev-button-desk:hover {
    background: #b2b2b2;
}
.popup-open{
    overflow: hidden;
    position: fixed;
}
.hr {
    height: 1px;
    color: #e9e9e9;
    background-color: #e9e9e9;
    border: none;
}
.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.btn-danger {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d;
}
.btn-large {
    min-width: 320px;
    padding: 10px;
    font-size: 15px;
    font-weight: 500;
}

.html-description ul {
    list-style: initial;
    padding-inline-start: 20px;
}
.content-block-heading{
    font-size: 22px;
}
.dealer-home {
    margin-left: 225px;
    background: #bdbdbf;
}
.dealer-home .nicEdit-main p {
    margin-bottom: 1rem;
}
.dealer-burger {
    position: fixed;
    display: none;
    right: 10px;
    z-index: 100;
    height: 38px;
    top: 5px;
}
.humburger-icon {
    width: 55px;
}
.btnsendreminderbtn {
    font-size: 1.5em;
    font: 22px 'eurostileextblaitalic';
}
.enquiries-details {
    background: white;
    color: #2d2d2d;
    padding-top: 3px;
}
.enquiries-details-2 {
    background: white;
    color: #2d2d2d;
}

.enquiries-details-text {
    display: block;
    float: left;
    font-size: 0.75em;
}
.enquiries-details-text-2 {
    margin-left: 3%;
    font-size: 0.75em;
}

.enquiries-details-wheel-align {
    text-align: right;
}

.content-wrap-v2 {
    max-width: 880px !important;
}
.enquiries-details-total {
    font-size: 1em;
    display: inline-block;
    float: right;
    padding-right: 15px;
}

.div-info-cust {
    margin-top: -40px;
    margin-right:225px;
    font-family: Calibri;
    font-size: 16px;
    float: right;
    width: 900px;
}
#reminder-date{
    margin-top: 10px;
}

.table-responsive {
    overflow-x: scroll;
}

    .dealer-my-details-page p, .dealer-my-details-page div, .dealer-my-details-page a {
        font: 16px 'DIN Next LT Pro';
    }

    .dealer-my-details-page #main-content2 .page-wrap {
        margin: 0 50px;
        display: block;
        width: auto;
    }

    .dealer-my-details-page .header {
        height: 107px;
        background-color: white;
        position: fixed;
        width: calc(100% - 220px);
        z-index: 10;
    }
        .dealer-my-details-page .header .page-wrap {
            margin-right: auto !important;
        }

    .dealer-my-details-page #main-content2 .my-details-content {
        z-index: 1;
        padding-top: 110px;
    }

        .dealer-my-details-page #main-content2 .my-details-content .page-wrap {
            margin-top: 50px;
        }

    .dealer-my-details-page .my-details-content .block-content {
        width: 100%;
        max-width: 960px;
        float: left;
        margin-bottom: 50px;
    }

    .dealer-my-details-page .block-content .block-header {
        color: black;
        font: 700 18px 'DIN Next LT Pro';
        text-align: left;
        padding-bottom: 15px;
    }

    .dealer-my-details-page .block-content .block-body {
        background-color: #fff;
        border: 1px solid #d5d5d5;
        border-radius: 3px;
        padding: 15px 20px;
    }

        .dealer-my-details-page .block-content .block-body > * {
            padding: 0;
            margin: 0;
            overflow: unset;
        }

        .dealer-my-details-page .block-content .block-body .btn {
            width: 100%;
            max-width: 200px;
        }

        .dealer-my-details-page .block-content .block-body .row-border-bottom {
            width: 100%;
            display: flex;
            align-items: center;
            margin-bottom: 0;
        }

            .dealer-my-details-page .block-content .block-body .row-border-bottom:not(:last-child) {
                padding-bottom: 15px;
                margin-bottom: 15px;
                border-bottom: 1px solid #d5d5d5;
            }

        .dealer-my-details-page .block-content .block-body .row-border-top {
            width: 48%;
            display: flex;
            align-items: center;
            margin-bottom: 0;
            border-top: 1px solid #d5d5d5;
            padding: 20px 0;
        }

            .dealer-my-details-page .block-content .block-body .row-border-top:nth-child(even):nth-last-child(2) {
                border-bottom: 1px solid #d5d5d5;
            }

            .dealer-my-details-page .block-content .block-body .row-border-top > label {
                margin-right: 20px;
            }

            .dealer-my-details-page .block-content .block-body .row-border-top .icon-image {
                margin-right: 20px;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
            }

        .dealer-my-details-page .block-content .block-body.payment-types .row-border-top .icon-image {
            width: 90px;
        }

        .dealer-my-details-page .block-content .block-body.payment-types .row-border-top {
            height: 55px;
        }

        .dealer-my-details-page .block-content .block-body.additional-services .row-border-top .icon-image {
            width: 25px;
        }

        .dealer-my-details-page .block-content .block-body.additional-services .row-border-top {
            height: 30px;
            padding: 15px 0;
        }

    .dealer-my-details-page .block-content .row-border-bottom > label {
        font: 16px 'DIN Next LT Pro';
        width: 100%;
        max-width: 200px;
        margin-right: 10px;
    }

    .dealer-my-details-page .block-content .row-border-bottom > .inp-wrap {
        width: 100%;
        max-width: 440px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .dealer-my-details-page .block-content .row-border-bottom input {
        min-height: 40px;
        padding: 5px 10px;
        border: 1px solid #e9e9e9;
        border-radius: 5px;
        background: white;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
        font: 16px 'DIN Next LT Pro';
        color: black;
        line-height: 1.5;
        text-align: left;
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .dealer-my-details-page .block-content .row-border-bottom .input-hours-span {
        height: 40px;
        width: 120px;
        display: inline-block;
        position: relative;
    }

        .dealer-my-details-page .block-content .row-border-bottom .input-hours-span select.input-hours {
            position: absolute;
            z-index: 1;
            width: 100%;
        }

            .dealer-my-details-page .block-content .row-border-bottom .input-hours-span select.input-hours.select-open {
                background-image: none;
                z-index: 5;
                padding: 0;
            }

    .dealer-my-details-page .block-content .row-border-bottom select.input-hours,
    .dealer-my-details-page .block-content .row-border-bottom select.input-distance {
        min-height: 40px;
        padding: 5px 10px;
        padding-right: 20px;
        border: 1px solid #e9e9e9;
        border-radius: 5px;
        background: white;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
        font: 16px 'DIN Next LT Pro';
        color: black;
        line-height: 1.5;
        text-align: left;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        position: relative;
        background-image: url('/content/images/V2/arrow-down.png');
        background-repeat: no-repeat;
        background-position-x: calc(100% - 5px);
        background-position-y: center;
        cursor: pointer;
    }

        .dealer-my-details-page .block-content .row-border-bottom select.input-distance {
            min-width: 120px;
        }

        .dealer-my-details-page .block-content .row-border-bottom select.input-hours:disabled {
            cursor: default;
            opacity: 0.5;
        }

        .dealer-my-details-page .block-content .row-border-bottom select.input-hours option {
            padding: 5px 10px;
            background: white;
            font: 16px 'DIN Next LT Pro';
            color: black;
            line-height: 1.5;
            text-align: left;
            cursor: pointer;
        }

            .dealer-my-details-page .block-content .row-border-bottom select.input-hours option:hover {
                background: #cccccc;
            }

    .dealer-my-details-page .block-content .row-border-bottom .selectors-separator {
        font: 16px 'DIN Next LT Pro';
        color: #999999;
        line-height: 1.5;
        text-align: center;
        padding: 0 5px;
    }

    .dealer-my-details-page .block-content .block-body .block-body-image {
        margin-right: 20px;
        width: 200px;
        text-align: center;
    }

    .dealer-my-details-page .block-content .row-border-bottom .input-before-span, .dealer-my-details-page .block-content .row-border-bottom .input-after-span {
        height: 40px;
        width: 100%;
        display: inline-block;
        position: relative;
        max-width: 140px;
    }

        .dealer-my-details-page .block-content .row-border-bottom .input-before-span:before, .dealer-my-details-page .block-content .row-border-bottom .input-after-span:after {
            position: absolute;
            top: 0;
            z-index: 1;
            height: 100%;
            color: black;
            font: 16px 'DIN Next LT Pro';
            color: black;
            line-height: 1.5;
            display: flex;
            align-items: center;
        }

        .dealer-my-details-page .block-content .row-border-bottom .input-before-span:before {
            text-align: right;
            justify-content: flex-end;
            left: 0;
            width: 25px;
        }

        .dealer-my-details-page .block-content .row-border-bottom .input-after-span:after {
            text-align: left;
            justify-content: flex-start;
            right: 0;
            width: 30px;
            padding-right: 5px;
        }

        .dealer-my-details-page .block-content .row-border-bottom .input-before-span input {
            padding-left: 30px;
        }

        .dealer-my-details-page .block-content .row-border-bottom .input-after-span input {
            padding-right: 40px;
        }

        .dealer-my-details-page .block-content .row-border-bottom .input-before-span.input-money-span:before {
            content: "$";
        }

        .dealer-my-details-page .block-content .row-border-bottom .input-after-span.input-distance-span:after {
            content: "km";
        }

    .dealer-my-details-page .block-body.big-padding {
        padding: 30px 20px;
    }

    .dealer-my-details-page .multiple-locations .block-body {
        padding: 40px 20px;
    }

    .dealer-my-details-page .multiple-locations p {
        text-align: left;
    }

    .dealer-my-details-page .store-description {
        width: 100%;
        height: 280px;
        padding: 5px 10px;
        border: 1px solid #e9e9e9;
        border-radius: 5px;
        background: white;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
        font: 16px 'DIN Next LT Pro';
        color: black;
        line-height: 1.5;
        text-align: left;
    }

    .dealer-my-details-page .store-photos {
        width: 100%;
        padding-top: 30px;
        margin-top: 30px;
        border-top: 1px solid #d5d5d5;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

        .dealer-my-details-page .store-photos .photo-block {
            margin-bottom: 20px;
            margin-right: 20px;
            max-width: 160px;
            width: 160px;
        }

            .dealer-my-details-page .store-photos .photo-block input {
                display: none;
            }

            .dealer-my-details-page .store-photos .photo-block label {
                height: 120px;
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                text-align: center;
                background-color: #fbfbfb;
                border: 1px solid #d5d5d5;
                border-radius: 5px;
                transition: 0.15s ease-out;
                margin-bottom: 10px;
                overflow: hidden;
                pointer-events: none;
            }

                .dealer-my-details-page .store-photos .photo-block label:hover {
                    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
                }

                    .dealer-my-details-page .store-photos .photo-block label:hover .added-image-file .edit-icon:hover {
                        transform: scale(1.25);
                    }
                    .dealer-my-details-page .store-photos .photo-block label:hover .added-image-file .remove-icon:hover {
                        transform: scale(1.25);
                    }

                .dealer-my-details-page .store-photos .photo-block label .not-image-file {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    height: 100%;
                    pointer-events: auto;
                }

                .dealer-my-details-page .store-photos .photo-block label .added-image-file {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    overflow: hidden;
                    background-color: #ffffff;
                }

                    .dealer-my-details-page .store-photos .photo-block label .added-image-file > img {
                        max-width: 100%;
                        height: auto
                    }

                    .dealer-my-details-page .store-photos .photo-block label .added-image-file .edit-icon,
                    .dealer-my-details-page .store-photos .photo-block label .added-image-file .remove-icon {
                        width: 28px;
                        height: 28px;
                        background: #d5d5d5;
                        display: flex;
                        border-radius: 50%;
                        align-items: center;
                        justify-content: center;
                        position: absolute;
                        right: 10px;
                        transform: scale(1);
                        -webkit-transition: transform 0.15s ease-out;
                        -moz-transition: transform 0.15s ease-out;
                        -ms-transition: transform 0.15s ease-out;
                        -o-transition: transform 0.15s ease-out;
                        transition: transform 0.15s ease-out;
                        pointer-events: auto;
                    }

                    .dealer-my-details-page .store-photos .photo-block label .added-image-file .edit-icon {
                        bottom: 10px;
                    }

                    .dealer-my-details-page .store-photos .photo-block label .added-image-file .remove-icon {
                        top: 10px;
                    }
                    .dealer-my-details-page .store-photos .photo-block label .added-image-file .remove-icon img {
                        width: 14px;
                    }

                .dealer-my-details-page .store-photos .photo-block label .add-icon {
                    margin-bottom: 10px;
                }

                .dealer-my-details-page .store-photos .photo-block label .title {
                    color: #999999;
                }


    .dealer-my-details-page .block-content .row-border-bottom .container-checkbox {
        margin-left: 30px;
    }

    .dealer-my-details-page .head-block {
        background: white;
        padding-top: 15px;
    }

        .dealer-my-details-page .head-block .title-won {
            display: block;
            overflow: hidden;
            color: black;
            background-color: #fff;
            font: 700 30px 'DIN Next LT Pro';
            line-height: 100%;
        }

    .dealer-my-details-page .filter-block {
        color: white;
        background: white;
        margin: 0px;
        padding-top: 29px;
    }

        .dealer-my-details-page .filter-block .filter-wrap {
            display: block;
            width: 100%;
        }

        .dealer-my-details-page .filter-block .restrict-items {
            display: flex;
            overflow-x: auto;
        }

            .dealer-my-details-page .filter-block .restrict-items::-webkit-scrollbar {
                height: 5px;
            }

            .dealer-my-details-page .filter-block .restrict-items .bar-menu-feed {
                margin: 0 15px 0 0;
                display: inline-block;
                position: relative;
                vertical-align: middle;
                border-bottom: 4px solid;
                border-bottom-color: transparent;
                text-align: center;
                padding-bottom: 8px;
                white-space: nowrap;
            }

                .dealer-my-details-page .filter-block .restrict-items .bar-menu-feed:hover {
                    border-bottom-color: #d31213;
                }

                .dealer-my-details-page .filter-block .restrict-items .bar-menu-feed.select {
                    border-bottom-color: #d52115;
                }

                .dealer-my-details-page .filter-block .restrict-items .bar-menu-feed > a {
                    text-decoration: none;
                    font: 18px 'DIN Next LT Pro';
                    color: black;
                }

.switch {
    position: relative;
    border-radius: 20px;
    height: 40px;
    background: #fbfbfb;
    border: 1px solid #e9e9e9;
}

    .switch .switch-input {
        display: none;
    }

    .switch .switch-label {
        position: relative;
        z-index: 2;
        float: left;
        cursor: pointer;
        height: 100%;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font: 16px "DIN Next LT Pro";
        color: #999999;
        line-height: 1.5;
        text-align: center;
    }

    .switch .switch-input:checked + .switch-label {
        pointer-events: none;
        color: black;
        -webkit-transition: color 0.15s ease-out;
        -moz-transition: color 0.15s ease-out;
        -ms-transition: color 0.15s ease-out;
        -o-transition: color 0.15s ease-out;
        transition: color 0.15s ease-out;
    }

    .switch .switch-selection {
        position: absolute;
        z-index: 1;
        top: -1px;
        bottom: -1px;
        left: -1px;
        border: 1px solid rgb(233, 233, 233);
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
        display: block;
        border-radius: 20px;
        background-color: #ffffff;
        -webkit-transition: left 0.15s ease-out;
        -moz-transition: left 0.15s ease-out;
        -ms-transition: left 0.15s ease-out;
        -o-transition: left 0.15s ease-out;
        transition: left 0.15s ease-out;
    }

.dealer-my-details-page .switch.switch-time-notifications {
    width: 320px;
}

    .dealer-my-details-page .switch.switch-time-notifications .switch-label-on {
        width: 120px;
    }

    .dealer-my-details-page .switch.switch-time-notifications .switch-label-off {
        width: 200px;
    }

    .dealer-my-details-page .switch.switch-time-notifications .switch-input#businessHours:checked + .switch-label-off ~ .switch-selection {
        left: 119px;
        width: 200px;
    }

    .dealer-my-details-page .switch.switch-time-notifications .switch-selection {
        width: 120px;
    }

.dealer-my-details-page .switch.switch-method-notification {
    width: 270px;
}

    .dealer-my-details-page .switch.switch-method-notification .switch-label-on {
        width: 120px;
    }

    .dealer-my-details-page .switch.switch-method-notification .switch-label-off {
        width: 150px;
    }

    .dealer-my-details-page .switch.switch-method-notification .switch-input#EmailSMS:checked + .switch-label-off ~ .switch-selection {
        left: 119px;
        width: 150px;
    }

    .dealer-my-details-page .switch.switch-method-notification .switch-selection {
        width: 120px;
    }

.container-checkbox {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    height: 22px;
    font: 16px "DIN Next LT Pro";
    line-height: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .container-checkbox input {
        display: none;
    }

    .container-checkbox .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        border: 1px solid #e9e9e9;
        border-radius: 1px;
        background: white;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
    }

    .container-checkbox:hover input ~ .checkmark {
        background-color: #e9e9e9;
    }

    .container-checkbox .checkmark:after {
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        background-image: url('/content/images/v2/tick.png');
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transition: transform 0.15s ease-out;
        -moz-transition: transform 0.15s ease-out;
        -ms-transition: transform 0.15s ease-out;
        -o-transition: transform 0.15s ease-out;
        transition: transform 0.15s ease-out;
        transform: scale(0);
    }

    .container-checkbox input:checked ~ .checkmark:after {
        transform: scale(1);
    }

.toggle-checkbox {
    position: relative;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .toggle-checkbox input {
        display: none;
    }

    .toggle-checkbox label {
        width: 50px;
        height: 30px;
        background: #cccccc;
        display: inline-block;
        border-radius: 15px;
        position: relative;
        transition: all .3s ease;
        transform-origin: 20% center;
        cursor: pointer;
    }

        .toggle-checkbox label:before {
            content: '';
            position: absolute;
            display: block;
            transition: all .2s ease;
            width: 26px;
            height: 26px;
            top: 2px;
            left: 2px;
            border-radius: 13px;
            transition: .3s ease;
            background: #fff;
            border: none;
        }

    .toggle-checkbox input:checked + label {
        background: #1ed500;
    }

        .toggle-checkbox input:checked + label:before {
            left: 22px;
        }


/*   ONE PAGE SITE   */

.one-page-site {
    background: #ffffff;
}
    .one-page-site #main-content {
        background: #ffffff;
        color: #333333;
        font-size: 16px;
        font-family: "DIN Next LT Pro";
    }
    .one-page-site #main-content * {
        box-sizing: border-box;
    }

    .one-page-site .page-wrap {
        /*padding-left: 10px !important;*/
        /*padding-right: 10px !important;*/
    }

    .one-page-site .site-card {
        width: 100%;
        display: flex;
        align-items: stretch;
        border: 1px solid #cccccc;
        border-radius: 5px;
        background: #ffffff;
        overflow: hidden;
        margin-bottom: 50px;
    }

        .one-page-site .site-card .site-image {
            width: 50%;
            display: flex;
            align-items: center;
            min-height: 270px;
            overflow: hidden;
            max-height: 100%;
        }

        .one-page-site .site-card .site-general-info {
            padding: 40px;
            width: 50%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

            .one-page-site .site-card .site-general-info .site-name {
                font-size: 36px;
                font-weight: bold;
                margin-bottom: 10px;
            }

            .one-page-site .site-card .site-general-info .rating {
                display: none;
            }

            .one-page-site .site-card .site-general-info .site-contacts p {
                display: flex;
                align-items: center;
                margin-bottom: 7px;
            }
            .one-page-site .site-card .site-general-info .site-contacts p.have-questions {
                margin-top: 15px;
            }

                .one-page-site .site-card .site-general-info .site-contacts p a {
                    text-decoration: none;
                }

                    .one-page-site .site-card .site-general-info .site-contacts p a:hover {
                        color: #009ed5;
                    }

                .one-page-site .site-card .site-general-info .site-contacts p img {
                    margin-right: 20px;
                }

            .site-card .business-hours table td {
                font-size: 15px;
            }

                .site-card .business-hours table td.period {
                    padding-right: 10px;
                    font-weight: bold;
                }

    .one-page-site .site-info {
        margin-right: 20px;
    }

        .one-page-site .site-info .site-info-block {
            margin-bottom: 30px;
        }

        .one-page-site .site-info .site-info-block .info-block-title {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 10px;
        }

            .one-page-site .site-info .site-info-block .info-block-body {
                display: flex;
                flex-wrap: wrap;
            }

            .one-page-site .site-info .site-info-block .info-block-body.payment-types {
                margin-bottom: -20px;
                align-items: center;
            }

                .one-page-site .site-info .site-info-block .info-block-body.payment-types img {
                    margin-right: 20px;
                    margin-bottom: 20px;
                }

            .one-page-site .site-info .site-info-block .info-block-body.service {
                margin-bottom: -15px;
                align-items: stretch;
            }

                .one-page-site .site-info .site-info-block .info-block-body.service .service-row {
                    display: flex;
                    align-items: center;
                    width: 50%;
                    margin-bottom: 15px;
                }

                    .one-page-site .site-info .site-info-block .info-block-body.service .service-row img {
                        margin-right: 20px;
                        width: 25px;
                        height: auto;
                        text-align: center;
                    }


    .one-page-site .contact-dealer-form {
        width: 320px;
        min-width: 320px;
        border: 1px solid #cccccc;
        border-radius: 5px;
        background: #fbfbfb;
        overflow: hidden;
    }

        .one-page-site .contact-dealer-form .form-header {
            background: #252525;
            color: white;
            font-size: 20px;
            font-weight: bold;
            height: 60px;
            display: flex;
            align-items: center;
            padding: 0 20px;
        }

        .one-page-site .contact-dealer-form form {
            padding: 20px;
        }

            .one-page-site .contact-dealer-form form .inp-wrap {
                margin-bottom: 15px;
                display: flex;
                flex-direction: column;
                width: 100%;
            }

            .one-page-site .contact-dealer-form form input, .one-page-site .contact-dealer-form form textarea {
                border: 1px solid #cccccc;
                border-radius: 5px;
                background: #ffffff;
                padding: 5px 10px;
                width: 100%;
                min-height: 40px;
                font-size: 16px;
                font-family: "DIN Next LT Pro";
            }

            .one-page-site .contact-dealer-form form input.checkbox {
                width: 15px; 
                min-height: unset;
            }

            .one-page-site .contact-dealer-form form textarea {
                height: 140px;
            }

            .one-page-site .contact-dealer-form form .btn {
                color: white;
                width: 100%;
                text-transform: uppercase;
                font-weight: bold;
            }

            .one-page-site .contact-dealer-form form p {
                margin-bottom: 20px;
            }
.view-profile-link {
    margin: 0 auto;
    color: white !important;
    font-weight: 400;
    text-transform: uppercase;
}

.pl-35{
    padding-left: 35px;
}

/*   BY BRAND NAME   */

.by-brand-name-page {
    background: #ffffff;
}

    .by-brand-name-page #main-content {
        background: #ffffff;
        color: #333333;
        font-size: 16px;
        font-family: "DIN Next LT Pro";
    }

        .by-brand-name-page #main-content * {
            box-sizing: border-box;
        }
    .by-brand-name-page .popup .divTableBody * {
        box-sizing: unset !important;
    }

    .by-brand-name-page .popup {
        z-index: 310;
    }

        .by-brand-name-page #main-content .description * {
            text-transform: initial !important;
        }

        .by-brand-name-page #main-content .page-wrap {
            padding-top: 35px;
            padding-bottom: 35px;
        }

    .by-brand-name-page .by-brand-name-content {
        padding-top: 10px;
    }

    .brand-search-panel {
        background: #e5f5fb;
        padding: 10px 0;
    }

    .by-brand-name-page .breadcrumb {
        display: flex;
        line-height: 100%;
        align-items: center;
        font-size: 14px;
        color: black;
    }

    .by-brand-name-page #main-content .breadcrumb li {
        box-sizing: content-box;
    }

    .by-brand-name-page .breadcrumb a:hover {
        text-decoration: none;
    }

    .by-brand-name-page h2 {
        text-transform: capitalize;
        font-weight: 500;
    }

    .by-brand-name-page .btn {
        text-transform: uppercase;
        font-size: 13px;
    }

    .by-brand-name-page .rating {
        float: none;
        margin: 0 auto;
    }

    .by-brand-name-page .brand-logo img {
        max-width: 500px;
        width: 100%;
    }

    .by-brand-name-page .review-cards {
        padding-bottom: 0;
        margin-bottom: 0;
    }

        .by-brand-name-page .review-cards .review-card {
            margin-bottom: 0;
            margin-right: 12px !important;
            margin-left: 12px;
        }

        .by-brand-name-page .review-cards .review-title {
            overflow: hidden;
        }

    .by-brand-name-page .block-content {
        width: 100%;
        background-color: #fff;
        border: 1px solid #e9e9e9;
        border-radius: 5px;
        padding: 40px;
    }

        .by-brand-name-page .block-content .brand-name {
            font-size: 20px;
            font-weight: bold;
            margin: 1rem 0;
            text-transform: none;
        }

        .by-brand-name-page .block-content .search-selectors {
            margin: auto auto 0;
            width: 100%;
            max-width: 500px;
        }

            .by-brand-name-page .block-content .search-selectors .pattern, .by-brand-name-page .block-content .search-selectors .btn {
                margin-top: 10px;
                white-space: nowrap;
            }

        .by-brand-name-page .block-content .rating-row .review-rating {
            margin-right: 10px;
        }

        .by-brand-name-page .block-content .rating-row .review-rating-text {
            margin-top: 5px;
        }

            .by-brand-name-page .block-content .rating-row .review-rating-text strong {
                font-size: 18px;
                margin-right: 10px;
            }

        .by-brand-name-page .block-content .bars-container {
            margin-top: auto;
        }

            .by-brand-name-page .block-content .bars-container .bar-line {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

                .by-brand-name-page .block-content .bars-container .bar-line .bar-count {
                    white-space: nowrap;
                    margin-top: 0;
                    font-size: 13px;
                    min-width: 25px;
                }

            .by-brand-name-page .block-content .bars-container .bars-with-stripes .bar-line .bar-label {
                min-width: 78px;
            }

        .by-brand-name-page .block-content .bars .bar-line:not(:first-child) {
            margin-top: 5px;
        }
        .by-brand-name-page .block-content .review-card .bars .bar-line {
            margin-bottom: 10px;
            margin-top: 0;
        }

            .by-brand-name-page .block-content .bars .bar-line .bar-label {
                white-space: nowrap;
                margin-top: 0;
                font-size: 14px;
                margin-right: 10px;
            }

            .by-brand-name-page .block-content .bars .bar-line .review-progress-bar {
                height: 6px;
                width: 100%;
                margin-right: 10px;
            }


        .by-brand-name-page .block-content .separator {
            border-bottom: 1px solid #e9e9e9;
            margin: 30px 0 20px;
        }

    .by-brand-name-page .pattern-list {
        font-size: 12px;
    }

        .by-brand-name-page .pattern-list span {
            color: #999999;
        }

        .by-brand-name-page .pattern-list a {
            text-decoration: none;
        }

            .by-brand-name-page .pattern-list a:hover {
                opacity: 0.75;
            }

        .by-brand-name-page .pattern-list.row > div {
            margin-bottom: 5px;
        }


    .by-brand-name-page .description * {
        font-size: 16px !important;
        font-family: inherit !important;
        margin-bottom: 0 !important;
        list-style: initial;
        line-height: normal;
    }

.btn-group .btn {
    min-width: 194px;
}

.by-brand-name-page .btn-group .btn:first-child {
    margin-right: 10px;
}


.by-brand-name-page .page-wrap.py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.brand-search-panel select, .by-brand-name-page select {
    background-repeat: no-repeat !important;
    background-image: url("/Content/images/V2/arrow-down.png") !important;
    background-position-y: center !important;
    background-position-x: calc(100% - 1em - 2px) !important;
    -webkit-appearance: none;
}

.custom-ui-selectmenu.ui-button, .brand-search-panel select, .by-brand-name-page .search-selectors select {
    width: 100% !important;
    background: #fbfbfb !important;
    color: #333333;
    font-size: 16px;
    font-family: "DIN Next LT Pro";
    border: 1px solid #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    border-radius: 5px;
    margin-right: 0;
    height: 40px;
    padding-left: 70px;
}

    .custom-ui-selectmenu.ui-button:active {
        border: 1px solid #333333;
        color: #333333;
    }

    .custom-ui-selectmenu.ui-button.ui-selectmenu-button-open {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .custom-ui-selectmenu.ui-button:after {
        color: #999999;
        position: absolute;
        left: 10px;
        top: 14px;
        line-height: 100%;
        font-size: 13px;
    }

    .custom-ui-selectmenu.ui-button.brand:after {
        content: 'BRAND';
    }

    .custom-ui-selectmenu.ui-button.pattern:after {
        content: 'PATTERN';
    }

.custom-ui-selectmenu .ui-selectmenu-icon {
    background-image: url('/content/images/v2/arrow-down.png') !important;
    background-position: center;
}

.custom-ui-selectmenu .ui-selectmenu-text {
    margin: 0;
    line-height: 100%;
}

    .custom-ui-selectmenu .ui-selectmenu-text.placeholder {
        color: #999999;
    }

.custom-ui-selectmenu-menu.ui-selectmenu-menu {
    color: #333333;
    font-size: 15px;
    font-family: "DIN Next LT Pro";
    z-index: 10;
}

    .custom-ui-selectmenu-menu.ui-selectmenu-menu .ui-menu {
        border: 1px solid #e9e9e9;
        border-top: none;
        max-height: 288px;
        overflow-y: auto;
        background: white;
    }

    .custom-ui-selectmenu-menu.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper {
        border: 1px solid #ffffff;
        padding: 4px 10px;
    }

        .custom-ui-selectmenu-menu.ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
            border: 1px solid #e5f5fb;
            background: #e5f5fb;
            color: #333333;
            margin: 0;
        }

    .brand-search-panel, .brand-search-panel * {
        box-sizing: border-box;
    }

    .brand-search-panel span.text-nowrap {
       font-size: 16px;
    }

.brand-search-panel .brand {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.brand-search-panel .pattern {
    border-radius: 0;
}

.brand-search-panel .search-btn {
    background: #fbfbfb;
    border: 1px solid #e9e9e9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 40px;
    cursor: pointer;
}

    .brand-search-panel .search-btn .btn {
        padding-top: 7px;
        padding-bottom: 7px;
    }

.by-brand-name-page .block-content .img-carousel {
    background: #fff;
    width: 290px;
    height: 300px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 25px 60px;
}

    .by-brand-name-page .block-content .img-carousel .img-carousel-block {
        position: relative;
        height: 100%;
    }

.by-brand-name-page .img-carousel .slider-btn {
    opacity: 1;
    background: transparent;
    padding: 3px;
    height: 30px;
    width: 20px;
    top: calc(50% - (30px / 2));
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px !important;
    z-index: 0;
}

    .by-brand-name-page .img-carousel .slider-btn:hover {
        background: rgba(0, 0, 0, 0.1);
    }

.by-brand-name-page .img-carousel .bullet-img-container {
    position: absolute;
    height: 50px;
    bottom: -60px;
    width: 100%;
    text-align: center;
}

.by-brand-name-page .img-carousel .bullet-pic {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
    .by-brand-name-page .img-carousel .bullet-pic:hover {
        border: 1px solid #000;
    }

    .by-brand-name-page .img-carousel .bullet-pic.bullet-active {
        background: #fff;
        box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
        pointer-events: none;
        cursor: default;
    }

    .by-brand-name-page .img-carousel .bullet-pic img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

.by-brand-name-page .img-carousel .img-wrapper img {
    width: 100%;
    object-fit: contain;
    position: absolute;
    bottom: 0;
    pointer-events: none;
    display: block;
    max-height: 100%;
    margin: 0 auto;
}

    .by-brand-name-page .img-carousel .img-wrapper img#img1 {
        left: 0;
    }

    .by-brand-name-page .img-carousel .img-wrapper img#img2, .by-brand-name-page .img-carousel .img-wrapper img#img3 {
        left: 241px;
    }

.by-brand-name-page .review-card .review-image-circle {
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
    border-radius: 50%;
    overflow: hidden;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e9e9e9;
}

    .by-brand-name-page .review-card .review-image-circle img {
        object-fit: cover;
    }

.by-brand-name-page .review-card .review-reviewer {
    font-size: 14px;
    text-align: center;
}

.by-brand-name-page .review-card .bars {
    width: 100%;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    padding: 10px;
}

.by-brand-name-page .reviews-row .review-card-header + .separator {
    margin-top: 20px;
}

.by-brand-name-page .reviews-row .separator {
    margin: 30px 0;
}

.by-brand-name-page .video-description #showvideo {
    position: relative;
    cursor: pointer;
    float: left;
    width: 100%;
    max-width: 160px;
    margin-right: 25px;
    margin-bottom: 25px !important;
}

.by-brand-name-page .video-description .description ul, by-brand-name-page .video-description .description ol {
    padding-left: 20px;
    display: inline-block;
}

.by-brand-name-page .reviews-row .sort-dropdown {
    padding-left: 1rem;
    max-width: 230px;
    margin-left: auto;
    min-width: 230px;
}

.pagination-section ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

    .pagination-section ul.pagination li {
        display: inline;
        cursor: pointer;
    }

        .pagination-section ul.pagination li a {
            color: black;
            float: left;
            padding: 10px 14px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
            background-color: white;
        }

        .pagination-section ul.pagination li:first-child > a {
            border-top-left-radius: 7px;
            border-bottom-left-radius: 7px;
        }

        .pagination-section ul.pagination li:last-child > a {
            border-top-right-radius: 7px;
            border-bottom-right-radius: 7px;
        }


        .pagination-section ul.pagination li a.active {
            background-color: #009ed5;
            color: white;
            border: 1px solid #009ed5;
            pointer-events: none;
            cursor: default;
        }

        .pagination-section ul.pagination li a:hover:not(.active) {
            background-color: #ddd;
        }

.pagination-section {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .pagination-section :is(.mobi-show-prev, .mobi-show-next) {
        float: unset;
        margin: 0 !important;
        display: block;
    }

    .pagination-section .invisible:is(.mobi-show-prev, .mobi-show-next) {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        cursor: default;
    }
    

    .by-brand-name-page .content-block-search-box-outer {
    padding: 40px;
    background-color: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.pb-0{
    padding-bottom: 0 !important;
}
.by-brand-name-page .quote-wrap {
    margin: 0;
}

.overflow-hidden {
    overflow: hidden;
}



/* MEGAMENU */
.header-sticky-block .header-section-1 {
    background: #071832;
    width: 100%;
    height: 35px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.header-sticky-block .header-section-1 .page-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 11px;
}
    .header-sticky-block .header-section-1 .logo {
        display: flex;
    }

    .header-sticky-block .header-section-1 .advertising-band-container {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-weight: 500;
        font-size: 14px;
    }
    .header-sticky-block .header-section-1 .btn-row {
        display: flex;
        gap: 10px;
    }
    .header-sticky-block .header-section-1 .btn {
        font-size: 11px;
        font-weight: 500;
        padding: 7px 15px 5px;
    }
    .header-sticky-block .header-section-2 .btn {
        font-size: 10px;
        font-weight: 500;
        padding: 7px 15px 5px;
    }
    .header-sticky-block .header-section-2 .btn-mobile-req-qoute,
    .header-sticky-block .header-section-2 .btn-mobile-advertise {
        display: none;
    }

    .header-sticky-block .header-section-2 header > .page-wrap {
        display: flex;
        height: 100%;
        justify-content: center;
        align-items: center;
    }

.header-sticky-block .header-section-3 .no-underline {
    font-size: 14px;
}


.header-sticky-block .account-menu-container .dropdown, .dropup {
    position: relative;
}
.header-sticky-block .account-menu-container .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.header-sticky-block .account-menu-container .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.header-sticky-block .account-menu-container .dropdown-menu.show {
    display: block;
    box-shadow: none;
}

.header-sticky-block .account-menu-container .page-wrap {
    height: 100%;
}

.header-sticky-block .account-menu-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #000;
    font-weight: bold;
    height: 100%;
    width: fit-content;
    border-bottom: 2px solid transparent;
}

    .header-sticky-block .account-menu-container .dropdown-toggle {
        display: flex;
        align-items: center;
        cursor: pointer;
        text-transform: uppercase;
        white-space: nowrap;
        font-weight: 600;
        font-size: 13px;
        position: relative;        
        padding-left: 5px;
        padding-right: 15px;
    }

    .header-sticky-block .account-menu-container .dropdown-toggle:after {
        content: '';
        background-image: none !important;
        display: block;
        position: absolute;
        top: 1.5px;
        right: 2px;
        transform: rotate(45deg);
        transition: transform 0.2s ease-out;
        border: solid #a9a9a9;
        border-width: 0 2px 2px 0;
        padding: 3px;
    }

    .header-sticky-block .account-menu-container .dropdown.show .dropdown-toggle:after {
        transform: rotate(-45deg);
    }

.header-sticky-block .account-menu-container .dropdown-menu {
    right: 0;
    left: auto !important;
    padding: 0;
    overflow: hidden;
    transform: none !important;
    top: unset !important;
}

    .header-sticky-block .account-menu-container .dropdown-menu .dropdown-item {
        padding: 0.3rem 1rem;
        text-decoration: none;
        line-height: 1.5;
    }

        .header-sticky-block .account-menu-container .dropdown-menu .dropdown-item:hover {
            background: #009ed5;
            color: #fff;
        }

    .header-sticky-block .account-menu-container .cart-icon {
        display: flex;
        align-items: center;
        color: #000;
        text-decoration: none;
        margin-left: 10px;
    }

    .header-sticky-block .account-menu-container .cart-icon:hover {
        color: #ff0000;
    }

    .header-sticky-block .account-menu-container .cart-icon img {
        height: 22px;
        width: auto;
        -webkit-filter: invert(1);
        filter: invert(1);
    }

#header * {
    box-sizing: border-box;
}


        @media (min-width: 1100px) {
            .d-lg-loan-flex{
                display: flex !important;
            }
            #header .header-menu .nav-dropdown ul.nav-dropdown-menu li.nav-dropdown-item a {
                white-space: nowrap;
            }
        }
        #shop-cart-count {
            font-size: 16px;
        }

@media (min-width: 1017.1px) {
    .mt-lg-0 {
        margin-top: 0px !important;
    }
    .mt-lg-10 {
        margin-top: 10px !important;
    }
    .header-sticky-block {
        position: sticky;
        top: 0;
        z-index: 100;
    }

    #header .header-menu {
        position: static;
    }

        #header .header-menu > ul {
            height: 100%;
            flex-direction: row;
            align-items: center;
            display: flex;
        }

            #header .header-menu > ul > li {
                position: static;
                height: 43px;
                display: flex;
                align-items: center;
                border-bottom: 2px solid transparent;
            }

                #header .header-menu > ul > li > a {
                    padding: 0 5px;
                    color: #000 !important;
                    text-transform: uppercase;
                    text-decoration: none;
                    white-space: nowrap;
                    font-weight: 600;
                    font-size: 13px;
                }

                #header .header-menu > ul > li:hover {
                    border-bottom: 2px solid #009ed5;
                }

        #header .header-menu ul > li:hover > a {
            color: #009ed5 !important;
        }

        #header .header-menu .nav-dropdown {
            margin-right: 5px;
        }

        #header .header-menu .nav-dropdown:hover .nav-dropdown-toggle {
            color: #009ed5 !important;
        }

            #header .header-menu .nav-dropdown:hover .nav-dropdown-toggle:after {
                transform: rotate(-135deg);
                top: 5px;
            }

        #header .header-menu .nav-dropdown .nav-dropdown-toggle {
            padding: 0 5px;
            padding-right: 15px;
            color: #000 !important;
            text-transform: uppercase;
            text-decoration: none;
            white-space: nowrap;
            font-weight: 600;
            font-size: 13px;
            cursor: pointer;
            position: relative;
        }

            #header .header-menu .nav-dropdown .nav-dropdown-toggle:after {
                content: '';
                display: block;
                position: absolute;
                top: 1.5px;
                right: 2px;
                transform: rotate(45deg);
                transition: transform 0.2s ease-out;
                border: solid #a9a9a9;
                border-width: 0 2px 2px 0;
                padding: 3px;
            }

        #header .header-menu .nav-dropdown .nav-dropdown-menu-wrapper {
            display: none;
            position: absolute;
            left: 0;
            top: 100%;
            z-index: 999;
            width: 100%;
            border-top: 1px solid #e5e5e5;
            padding: 0;
            margin: 0;
            background-color: #ffffff;
            box-shadow: 0px 8px 12px -4px rgba(0, 0, 0, 0.2);
        }

        #header .header-menu .nav-dropdown:hover .nav-dropdown-menu-wrapper {
            display: block;
        }

        #header .header-menu .nav-dropdown .nav-dropdown-menu-wrapper .nav-dropdown-menu {
            border: none;
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: static;
            margin: auto;
        }

        #header .header-menu .nav-dropdown ul.nav-dropdown-menu li.nav-dropdown-item {
            width: 100%;
            text-align: center;
        }

            #header .header-menu .nav-dropdown ul.nav-dropdown-menu li.nav-dropdown-item:hover a {
                background-color: rgba(0, 0, 0, 0.05);
            }

            #header .header-menu .nav-dropdown ul.nav-dropdown-menu li.nav-dropdown-item a {
                padding: 2rem 1rem;
                color: #000;
                font-weight: 600;
                font-size: 16px;
                display: flex;
                align-items: center;
                justify-content: center;
                text-decoration: none;
            }

                #header .header-menu .nav-dropdown ul.nav-dropdown-menu li.nav-dropdown-item a:not(.no-before):before {
                    content: '';
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: contain;
                    width: 35px;
                    height: 35px;
                    display: block;
                    margin-right: 10px;
                }

                #header .header-menu .nav-dropdown ul.nav-dropdown-menu li.nav-dropdown-item a img {
                    object-fit: contain;
                }

                #header .header-menu .nav-dropdown.find-menu ul.nav-dropdown-menu > li:nth-child(1) a:before {
                    background-image: url('/content/images/v2/menu-advertise-business.svg');
                }

        #header .header-menu .nav-dropdown.find-menu ul.nav-dropdown-menu > li:nth-child(2) a:before {
            background-image: url('/content/images/v2/icon-brand.png');
        }

        #header .header-menu .nav-dropdown.find-menu ul.nav-dropdown-menu > li:nth-child(3) a:before {
            background-image: url('/content/images/v2/icon-car.png');
        }

        #header .header-menu .nav-dropdown.find-menu ul.nav-dropdown-menu > li:nth-child(4) a:before {
            background-image: url('/content/images/v2/searchbox/icon-tyre-size.svg');
        }

        #header .header-menu .nav-dropdown.find-menu ul.nav-dropdown-menu > li:nth-child(5) a:before {
            background-image: url('/content/images/v2/tyre-icons/mobile-mechanics.svg');
        }

        #header .header-menu .nav-dropdown.find-menu ul.nav-dropdown-menu > li:nth-child(6) a:before {
            background-image: url('/content/images/v2/tyre-icons/flat-tire.svg');
        }

        #header .header-menu .nav-dropdown.find-menu ul.nav-dropdown-menu > li:nth-child(7) a:before {
            background-image: url('/content/images/v2/mechanical-service/mechanical-TyreRotation.svg');
        }

        #header .header-menu .nav-dropdown.find-menu ul.nav-dropdown-menu > li:nth-child(8) a:before {
            background-image: url('/content/images/v2/mechanical-service/mechanical-WheelAlignment.svg');
        }

        #header .header-menu .nav-dropdown.find-menu ul.nav-dropdown-menu > li:nth-child(9) a:before {
            background-image: url('/content/images/v2/mechanical-service/mechanical-WheelBalancing.svg');
        }

        #header .header-menu .nav-dropdown.with-submenu .nav-dropdown-menu-wrapper .nav-dropdown-menu {
            align-items: flex-start;
            flex-wrap: wrap;
        }

            #header .header-menu .nav-dropdown.with-submenu ul.nav-dropdown-menu li.nav-dropdown-item {
                width: 33%;
            }

                #header .header-menu .nav-dropdown.with-submenu ul.nav-dropdown-menu li.nav-dropdown-item a {
                    padding: 1rem;
                    justify-content: flex-start;
                }

            #header .header-menu .nav-dropdown.with-submenu .nav-dropdown-submenu {
                width: 33%;
                padding: 1rem;
            }

                #header .header-menu .nav-dropdown.with-submenu .nav-dropdown-submenu .submenu-wrapper {
                    color: #000;
                    font-weight: 600;
                    font-size: 16px;
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                }

                    #header .header-menu .nav-dropdown.with-submenu .nav-dropdown-submenu .submenu-wrapper .submenu-img {
                        height: 35px;
                        margin-right: 10px;
                    }

                        #header .header-menu .nav-dropdown.with-submenu .nav-dropdown-submenu .submenu-wrapper .submenu-img img {
                            width: 35px;
                            height: 35px;
                        }

                #header .header-menu .nav-dropdown.with-submenu .nav-dropdown-submenu ul {
                    margin-left: 45px;
                }

                    #header .header-menu .nav-dropdown.with-submenu .nav-dropdown-submenu ul li a {
                        text-decoration: none;
                        font-size: 15px;
                        padding: 4px 0;
                        display: block;
                        color: inherit;
                    }
                    
        #header .header-menu .nav-dropdown.safety-menu ul.nav-dropdown-menu > li:nth-child(1) a:before {
            background-image: url('/content/images/v2/menu-pink-blue-slip.svg');
        }

        #header .header-menu .nav-dropdown.safety-menu ul.nav-dropdown-menu > li:nth-child(2) a:before {
            background-image: url('/content/images/v2/menu-pink-blue-slip.svg');
        }

        #header .header-menu .nav-dropdown.safety-menu ul.nav-dropdown-menu > li:nth-child(3) a:before {
            background-image: url('/content/images/v2/menu-roadworthy-cert.svg');
        }

        #header .header-menu .nav-dropdown.safety-menu ul.nav-dropdown-menu > li:nth-child(4) a:before {
            background-image: url('/content/images/v2/tyre-icons/e-safety-check.svg');
        }

        #header .header-menu .nav-dropdown.safety-menu ul.nav-dropdown-menu > li:nth-child(5) a:before {
            background-image: url('/content/images/v2/menu-pre-purchase.svg');
        }


        #header .header-menu .nav-dropdown.contact-menu ul.nav-dropdown-menu > li:nth-child(1) a:before {
            background-image: url('/content/images/v2/searchbox/icon-questions.svg');
        }

        #header .header-menu .nav-dropdown.contact-menu ul.nav-dropdown-menu > li:nth-child(2) a:before {
            background-image: url('/content/images/v2/menu-tyre-dealer.svg');
        }

        #header .header-menu .nav-dropdown.contact-menu ul.nav-dropdown-menu > li:nth-child(3) a:before {
            background-image: url('/content/images/v2/menu-advertise-business.svg');
        }

        #header .header-menu .nav-dropdown.contact-menu ul.nav-dropdown-menu > li:nth-child(4) a:before {
            background-image: url('/content/images/v2/menu-contact.svg');
        }

        #header .header-menu .nav-dropdown.loan-menu ul.nav-dropdown-menu.ul-first > li:nth-child(1) a:before {
            background-image: url('/content/images/loans/icons/Car.svg');
        }
        #header .header-menu .nav-dropdown.loan-menu ul.nav-dropdown-menu.ul-first > li:nth-child(2) a:before {
            background-image: url('/content/images/loans/icons/Motorcycle.svg');
        }
        #header .header-menu .nav-dropdown.loan-menu ul.nav-dropdown-menu.ul-first > li:nth-child(3) a:before {
            background-image: url('/content/images/loans/icons/Truck.svg');
        }
        #header .header-menu .nav-dropdown.loan-menu ul.nav-dropdown-menu.ul-first > li:nth-child(4) a:before {
            background-image: url('/content/images/loans/icons/Business.svg');
        }

        #header .header-menu .nav-dropdown.loan-menu ul.nav-dropdown-menu > li:nth-child(1) a:before {
            background-image: url('/content/images/loans/icons/Boat.svg');
        }
        #header .header-menu .nav-dropdown.loan-menu ul.nav-dropdown-menu > li:nth-child(2) a:before {
            background-image: url('/content/images/loans/icons/Equipment.svg');
        }
        #header .header-menu .nav-dropdown.loan-menu ul.nav-dropdown-menu > li:nth-child(3) a:before {
            background-image: url('/content/images/loans/icons/Caravan.svg');
        }
        #header .header-menu .nav-dropdown.loan-menu ul.nav-dropdown-menu > li:nth-child(4) a:before {
            background-image: url('/content/images/loans/icons/Personal.svg');
        }

        #header .header-menu .nav-dropdown.loan-menu ul.nav-dropdown-menu.ul-last > li:nth-child(1) a:before {
            background-image: url('/content/images/loans/icons/Jetski.svg');
        }
        #header .header-menu .nav-dropdown.loan-menu ul.nav-dropdown-menu.ul-last > li:nth-child(2) a:before {
            background-image: url('/content/images/loans/icons/Calculator.svg');
        }
        #header .header-menu .nav-dropdown.loan-menu ul.nav-dropdown-menu.ul-last > li:nth-child(3) a:before {
            background-image: url('/content/images/loans/icons/BadCredit.svg');
        }

        #header .header-menu li.wipers-shop {
            display: flex;
            align-items: center;
            justify-content: center;
        }

            #header .header-menu li.wipers-shop:after {
                content: '';
                background-image: url('/content/images/v2/icon-wipers.png');
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain;
                width: 30px;
                height: 20px;
                display: block;
                margin-bottom: 3px;
                margin-right: 5px;
            }
}
@media (max-width: 1096px) {
    #header .header-menu li.wipers-shop:after {
        content: none;
    }
}
@media (min-width: 1017.1px) and (max-width: 1060px) {
    #header .header-menu .number-of-reviews {
        display: none;
    }
    .dealer-signup .page-body .page-wrap {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}


@media (max-width: 1017px) {
    .account-menu {
        display: none;
    }
}

.font-weight-normal {
    font-weight: 400 !important;
}

.adb .adb-large {
    max-width: 970px;
    margin: 0 auto;
}
.adb .adb-medium {
    max-width: 728px;
    margin: 0 auto;
}
.adb .adb-mobile {
    max-width: 320px;
    margin: 0 auto;
}

@media (max-width: 992px) {
    .adb .adb-large {
        display: none;
    }
}
@media (max-width: 767px), (min-width: 992px) {
    .adb .adb-medium {
        display: none;
    }
}
@media (min-width: 768px) {
    .adb .adb-mobile {
        display: none;
    }
}

.write-review-modal-banner {
    pointer-events: none;
}

#brand-pages .brand-tile span {
    background-color: #009ed5;
    color: #ffffff;
    transition: all .2s;
    font-size: 18px;
    line-height: 100%;
    padding: 5px;
    height: 50px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

#brand-pages .brand-tile:hover span {
    background: #22bcf2;
    font-size: 20px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .brands-card.col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.full-page {
    color: #333333;
    font-size: 18px;
    font-family: "DIN Next LT Pro";
    line-height: 1.3;
}

    .full-page #main-content {
        background: #ffffff;
    }

    #footer bot, #signupfoot {
        background: #071832;
    }

.full-page #main-content * {
    box-sizing: border-box;
}

.full-page #main-content :is(h1, h2, .title) {
    font-family: "DIN Next LT Pro";
    margin-bottom: 35px;
    text-transform: none;
}

.full-page #main-content h2 {
    font-size: 32px;
}

.full-page #main-content .title {
    font-size: 44px;
    font-weight: 500;
    line-height: 1;
}

@media (max-width: 1017px) {
    .full-page #main-content .title {
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    .full-page #main-content .title {
        font-size: 37px;
        margin-bottom: 25px;
    }

    .full-page #main-content h2 {
        font-size: 28px;
    }
}

.full-page #main-content .page-block > .page-wrap {
    padding: 80px 15px;
    z-index: 1;
}

@media (max-width: 1017px) {
    .full-page #main-content .page-block > .page-wrap {
        padding: 60px 15px;
    }
}

.full-page .page-block.first-block {
    background-size: cover;
    background-position: center;
    color: #ffffff;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}


.full-page.landing-page .page-block.first-block {
    background-color: #000000;
}
    .bg-image {
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .bg-image.loans-bg-image {
        filter: brightness(60%);
    }
@media (max-width: 767px) {
    .full-page.landing-page .page-block.first-block:not(.p-keep) .row > div {
        padding: 0 !important;
    }
}

@media (max-width: 576px) {
    .full-page.landing-page .page-block.first-block {
        background-position: center right;
    }
}

.full-page.landing-page #main-content .title {
    font-size: 56px;
}
@media (max-width: 1017px) {
    .full-page.landing-page #main-content .title {
        font-size: 47px;
    }
}
@media (max-width: 767px) {
    .full-page.landing-page #main-content .title {
        font-size: 38px;
        text-align: center;
        font-weight: 600;
    }
}

.full-page .title.with-hr {
    position: relative;
}
.full-page .title.with-hr:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 4px;
    background: red;
}

@media (min-width: 768.1px) {
    .full-page .title.with-hr {
        padding-bottom: 35px;
    }
        .full-page .title.with-hr:after {
            content: '';
        }
}

.full-page.mechanical-works .wizard-banner .wizard-step .ws-container,
.full-page.location-search .wizard-banner .wizard-step .ws-container {
    max-width: 100%;
}

.full-page.mechanical-works .wizard-banner .ws-container-body,
.full-page.location-search .wizard-banner .ws-container-body {
    padding: 25px 20px;
}

.full-page.mechanical-works .mechanic-checkboxes-title,
.full-page.location-search .mechanic-checkboxes-title {
    font-size: 20px;
    margin-bottom: 30px;
    display: block;
}
@media (max-width: 576px) {
    .full-page.mechanical-works .wizard-banner .ws-container-body,
    .full-page.location-search .wizard-banner .ws-container-body {
        padding: 15px 5px;
    }
    .full-page.mechanical-works .mechanic-checkbox .checkmark-container,
    .full-page.location-search .mechanic-checkbox .checkmark-container {
        margin-right: 5px;
    }

    .full-page.mechanical-works .mechanic-checkboxes-title,
    .full-page.location-search .mechanic-checkboxes-title {
        margin-bottom: 20px;
    }
}

.full-page #main-content .thank-block {
    text-align: center;
    margin-bottom: 30px;
}
    .full-page #main-content .thank-block .title {
        font-size: 60px;
        margin-bottom: 10px !important;
    }
    .full-page #main-content .thank-block p {
        font-size: 36px;
        margin-bottom: 10px;
    }
@media (max-width: 600px) {
    .full-page #main-content .thank-block {
        text-align: left;
    }
        .full-page #main-content .thank-block .title {
            font-size: 40px;
        }
        .full-page #main-content .thank-block p {
            font-size: 24px;
        }
}

.full-page.mechanical-works .mechanic-works,
.full-page.location-search .mechanic-works {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.full-page.mechanical-works .mechanic-checkbox .mechanic-checkbox-img {
    display: inline-flex;
}

.full-page.mechanical-works .ws-content-form,
.full-page.location-search .ws-content-form {
    background: #FBFBFB;
    border: 1px solid #CCCCCC;
    border-radius: 0px 0px 5px 5px;
    padding: 15px;
    min-width: 100% !important;
}

.full-page.mechanical-works .form-box,
.full-page.location-search .form-box {
    margin-top: 20px;
}

.full-page .wizard-banner .ws-content-form .input-group.rego-state .form-control {
    padding-left: 8px !important;
}
.full-page .wizard-banner .ws-content-form .input-group.rego-state .form-control option[value=""] {
    display: none;
}

.full-page .wizard-banner .ws-content-form .input-group.rego-number .form-control {
    padding-left: 8px !important;
}

.full-page .wizard-banner .ws-content-form .input-group.rego-state .form-control {
    padding-left: 50px !important;
}
.full-page .wizard-banner .ws-content-form .input-group.rego-state:after {
    content: 'STATE';
}

.input-group.input-group-label {
    position: relative;
    display: flex;
    border: 1px solid #ccc;
}
.input-group.input-group-label select {
    cursor: pointer;
    background: url(/content/images/v2/searchbox/arrow_down.png) no-repeat calc(100% - 10px) 50% #fff !important;
    border: none;
}
.input-group.input-group-label .label {
    color: #999;
    line-height: 100%;
    font-size: 13px;
    align-self: center;
    padding-left: 10px;
    padding-top: 2px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: normal;
}

@media (min-width: 600px) {
    .full-page .wizard-banner .ws-content-form .input-group.rego-state .form-control {
        padding-left: 50px !important;
    }

    .full-page .wizard-banner .ws-content-form .input-group.rego-number:not(.no-label) .form-control {
        padding-left: 100px !important;
    }
    .full-page .wizard-banner .ws-content-form .input-group.rego-state:after {
        content: 'STATE';
    }
    .full-page .wizard-banner .ws-content-form .input-group.rego-number:not(.no-label):after {
        content: 'REGO NUMBER';
    }
    .full-page.mechanical-works .form-box,
    .full-page.location-search .form-box {
        margin-top: 0;
    }
    .full-page.mechanical-works .ws-content-form,
    .full-page.location-search .ws-content-form {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .full-page.mechanical-works .ws-content-form .input-group,
    .full-page.location-search .ws-content-form .input-group {
        flex: 0 0 49%;
        max-width: 49%;
    }

        .full-page.mechanical-works .ws-content-form .input-group:last-child,
        .full-page.location-search .ws-content-form .input-group:last-child {
            flex: 0 0 100%;
            max-width: 100%;
        }
}
.full-page.mechanical-works .form-footer,
.full-page.location-search .form-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
    .full-page.mechanical-works .form-footer .mechanic-checkbox,
    .full-page.location-search .form-footer .mechanic-checkbox {
        width: auto;
        margin: 0;
    }
        .full-page.mechanical-works .form-footer .mechanic-checkbox .checkmark-container,
        .full-page.location-search .form-footer .mechanic-checkbox .checkmark-container {
            border: none;
            padding: 0;
            background: none;
            color: inherit;
            box-shadow: none;
        }

    .full-page.mechanical-works .form-footer .btn,
    .full-page.location-search .form-footer .btn {
        width: auto !important;
        display: block;
        margin-top: 0 !important;
        margin-left: auto;
        font-size: 14px;
    }
@media (max-width: 576px) {
    .full-page.mechanical-works .form-footer {
        display: block;
    }

        .full-page.mechanical-works .form-footer .btn,
        .full-page.location-search .form-footer .btn {
            margin-top: 10px !important;
        }
}

.full-page.mechanical-works .form-title,
.full-page.location-search .form-title {
    font-size: 20px;
    background: #000000;
    border-radius: 5px 5px 0px 0px;
    color: #ffffff;
    padding: 15px;
    display: block;
}

.full-page.mechanical-works .page-block.first-block :is(.with-hr, .with-long-hr),
.full-page.mechanical-services-page .page-block.first-block :is(.with-hr, .with-long-hr) {
    text-align: center;
    padding-bottom: 25px;
}
.full-page.mechanical-works .page-block.first-block :is(.with-hr, .with-long-hr):after,
.full-page.mechanical-services-page .page-block.first-block :is(.with-hr, .with-long-hr):after {
    background: #009ED5;
    content: '';
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 576px) {

    .full-page.mechanical-works .page-block.first-block :is(.with-hr, .with-long-hr) {
        text-align: left;
    }

    .full-page.mechanical-works .page-block.first-block :is(.with-hr, .with-long-hr):after {
        left: 0;
        transform: none;
    }
}

.full-page.mechanical-works .page-block.first-block {
    background-color: #101010;
    height: 100%;
    min-height: 720px;
}

.full-page.mechanical-works .mechanic-works .error-msg,
.full-page.location-search .mechanic-works .error-msg {
    font-size: 15px;
    position: absolute;
    bottom: -20px;
    text-align: right;
    display: block;
    color: red;
}


.full-page.mechanical-services-page .page-block.first-block {
    background-color: #101010;
    font-size: 20px;
    /*min-height: 825px;*/
}

.full-page.mechanical-services-page .mechanical-services-form .text-danger {
    color: red;
}
.full-page.mechanical-services-page .mechanical-services-form div.invalid,
.full-page.mechanical-services-page .mechanical-services-form span.invalid {
    font-size: 14px;
    color: red;
}
.full-page.mechanical-services-page #VehicleMake.invalid + #VehicleMake-button {
    border: 1px solid red;
}
.full-page.mechanical-services-page #VehicleYear.invalid + #VehicleYear-button {
    border: 1px solid red;
}
.full-page .wizard-banner .mechanical-services-form .ws-content-form .input-group {
    margin-bottom: 0;
    margin-top: 12px;
}

@media (max-width: 576px) {
    .full-page.mechanical-services-page .page-block.first-block {
        background-position: left top;
        min-height: 0;
    }
}

@media (max-width: 767px) {
    .full-page.mechanical-services-page #main-content .page-block.first-block .title {
        line-height: 40px;
        margin-bottom: 35px;
    }
}

.full-page #main-content .page-block.icons-row-section > .page-wrap {
    padding: 35px 15px 25px;
}

.full-page .page-block.image-section .point {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .full-page .page-block.image-section .point {
        margin-bottom: 10px;
    }
}

.full-page .page-block.image-section .subtitle {
    font-size: 25px;
    margin-top: 15px;
}

@media (max-width: 767px) {
    .full-page .page-block.image-section .subtitle {
        font-size: 22px;
    }
}

.full-page .page-block.dark-block {
    background-color: #071832;
    color: #ffffff;
}

.full-page .page-block.light-block {
    background-color: #fbfbfb;
}

.full-page .underline {
    text-decoration: underline;
}
.full-page .icons-row .column {
    padding: 10px 0;
    font-size: 16px;
}

.full-page.landing-page .icons-row {
    column-count: 8;
}
@media (max-width: 1199px) {
    .full-page.landing-page .icons-row {
        column-count: 4;
    }
}
@media (max-width: 576px) {
    .full-page.landing-page .icons-row {
        column-count: 2;
    }
}
.full-page.landing-page .icons-row .item-icon {
    max-width: 175px;
    min-width: 121px;
    margin: 0 auto;
    min-height: 106px;
}

.full-page.mechanical-services-page .icons-row {
    column-count: 4;
}
@media (max-width: 680px) {
    .full-page.mechanical-services-page .icons-row {
        column-count: 2;
    }
}
.full-page.mechanical-services-page .icons-row .item-icon {
    max-width: 175px;
    margin: 0 auto;
    min-height: 106px;
}
@media (max-width: 385px) {
    .full-page.mechanical-services-page .icons-row .item-icon {
        min-height: 130px;
    }
}
.full-page .icons-row .item-icon > div {
    height: 50px;
    margin-bottom: 10px;
}
.full-page .icons-row .item-icon img {
    height: 100%;
    max-width: 50px;
}

.full-page .subtitle-list {
    font-size: 24px;
    margin-inline-start: 15px;
    list-style-image: url("/content/images/v2/bullet.png") !important;
}

.full-page .subtitle-list li {
    margin-left: 15px;
    padding-left: 10px;
    padding-bottom: 5px;
}

.full-page .wizard-banner {
}

.full-page.mechanical-services-page .wizard-banner .wizard-step {
    min-height: 624px;
}

@media (max-width: 767px) {
    .full-page.mechanical-services-page .wizard-banner .wizard-step {
        min-height: 502px;
    }
}

.full-page.mechanical-services-page .mh-none {
    min-height: unset !important;
}

    .full-page .wizard-banner .wizard-step {
        width: 100%;
    }

        .full-page .wizard-banner .wizard-step .ws-container {
            max-width: 400px;
            margin: 0 auto;
            background: #fff;
            color: #333;
            border-radius: 5px;
        }

    .full-page .wizard-banner .ws-container-body {
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 45px;
    }

@media (max-width: 767px) {
    .full-page .wizard-banner .ws-container-body {
        padding: 30px;
    }
}

.full-page .wizard-banner .ws-container-body .arrow-head:hover,
.full-page .wizard-banner .ws-container-body .arrow-head:focus {
    opacity: 0.5;
    border-color: #e9e9e9;
    border-radius: 5px;
    box-shadow: inset 0 0 10px -5px rgb(0 0 0 / 50%);
}

.full-page .wizard-banner .ws-container-body .arrow-head {
    top: 40px;
    left: 25px;
    padding: 5px 10px 4px;
    border: 1px solid transparent;
}

@media (max-width: 767px) {
    .full-page .wizard-banner .ws-container-body .arrow-head {
        top: 25px;
        left: 15px;
    }
}

.full-page .wizard-banner .ws-container-body .ws-title {
    font-size: 24px;
    font-weight: 400;
    margin: 0 20px 35px;
    width: 80%;
    text-align: center;
}

@media (max-width: 576px) {
    .full-page .wizard-banner .ws-container-body .ws-title {
        margin: 0 0 25px;
        width: 100%;
        padding: 0 15px;
    }
}

.full-page .wizard-banner .ws-container-body .ws-content {
    width: 100%;
}

    .full-page .wizard-banner .ws-container-body .ws-content .thank-you-block strong {
        font-size: 24px;
        margin: 25px auto;
        display: inline-block;
    }

    .full-page .wizard-banner .ws-container-body .ws-content .thank-you-block p {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .full-page .wizard-banner .ws-container-body .ws-content .ws-content-form {
        max-width: 480px;
        margin: 0 auto;
    }

.full-page .wizard-banner .ws-content-form .input-group {
    margin-bottom: 12px;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
}

.full-page .wizard-banner .ws-content-form .form-control {
    background-color: #ffffff !important;
}

.full-page .wizard-banner .ws-content-form textarea {
    padding: 12px !important;
    font-size: 17px !important;
}

    .full-page .wizard-banner .ws-content-form textarea::placeholder {
        color: #999999;
    }

.full-page .wizard-banner .ws-content-form input.form-control {
    width: 100% !important;
    color: #333333;
    font-size: 16px !important;
    font-family: "DIN Next LT Pro";
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    border-radius: 5px;
    margin-right: 0;
    height: 40px;
    padding-left: 70px !important;
}

.full-page .wizard-banner .ws-content-form .input-group.postcode .form-control {
    padding-left: 62px !important;
}

.full-page .wizard-banner .ws-content-form .input-group .form-control.invalid {
    border-color: red !important;
}

.full-page .wizard-banner .ws-content-form .input-group .form-control ~ .info-msg {
    font-size: 12px;
    position: absolute;
    top: 102%;
    left: 0;
    display: block;
}

    .full-page .wizard-banner .ws-content-form .input-group .form-control.invalid ~ .error-msg {
        color: red;
        display: block;
    }
    
    .full-page .wizard-banner .ws-content-form .input-group .form-control:not(.invalid) ~ .error-msg {
    display: none;
}

.full-page .wizard-banner .ws-content-form .input-group.postcode .custom-ui-selectmenu.suburb {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: calc(100% - 132px) !important;
    opacity: 0;
}
@media (max-width: 500px) {
    .full-page .wizard-banner .ws-content-form .input-group.postcode .custom-ui-selectmenu.suburb {
        width: 100% !important;
    }
}

.full-page .wizard-banner .ws-content-form .input-group:is(.name, .email, .phone) .form-control {
    padding-left: 62px !important;
}

.full-page .wizard-banner .ws-content-form .input-group:is(.rego, .model) .form-control {
    padding-left: 60px !important;
}

.full-page .wizard-banner .ws-content-form .input-group {
    position: relative;
}

    .full-page .wizard-banner .ws-content-form .input-group:after {
        color: #999999;
        position: absolute;
        left: 10px;
        top: 14px;
        line-height: 100%;
        font-size: 13px;
    }

    .full-page .wizard-banner .ws-content-form .input-group.name:after {
        content: 'NAME';
    }

    .full-page .wizard-banner .ws-content-form .input-group.email:after {
        content: 'EMAIL';
    }

    .full-page .wizard-banner .ws-content-form .input-group.phone:after {
        content: 'MOBILE';
    }

    .full-page .wizard-banner .ws-content-form .input-group.postcode:after {
        content: 'SUBURB';
    }

    .custom-ui-selectmenu.ui-button.make:after {
        content: 'MAKE';
    }

    .custom-ui-selectmenu.ui-button.year:after {
        content: 'YEAR';
    }

    .full-page .wizard-banner .ws-content-form .input-group.model:after {
        content: 'MODEL';
    }

    .full-page .wizard-banner .ws-content-form .input-group.rego:after {
        content: 'REGO';
    }

.full-page .wizard-banner .ws-content-form .custom-ui-selectmenu.ui-button {
    background: #ffffff !important;
}
.full-page .wizard-banner .vehicle-detail-form .disabled:is(.custom-ui-selectmenu, .input-group) {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
    background: #fbfbfb !important;
}
.full-page .wizard-banner .vehicle-detail-form .disabled input {
    pointer-events: none;
    cursor: default;
    background: #fbfbfb !important;
}

    .full-page .wizard-banner .ws-content-form .custom-ui-selectmenu.ui-button:is(.make, .year) {
        padding-left: 60px !important;
    }

.full-page .wizard-banner .vehicle-detail-form .custom-ui-selectmenu-menu .ui-menu .ui-menu-item:first-child {
    display: none;
}

.full-page .wizard-banner .ws-container-body .ws-btn {
    max-width: 480px;
    width: 100%;
    margin-top: 1rem;
    text-transform: uppercase;
}

.full-page .tyre-element {
    display: flex;
    text-decoration: none;
    border-radius: 5px;
    margin-bottom: 20px;
    background: #fff;
    color: #333;
}
.full-page.landing-page .tyre-element, .full-page.error-page .tyre-element {
    padding: 20px 15px;
    margin-bottom: 10px;
    min-height: 110px;
}

@media (max-width: 1017px) {
    .full-page .tyre-element {
        padding: 15px;
    }
}
@media (max-width: 576px) {
    .full-page .tyre-element {
        margin-bottom: 10px;
    }
}

.full-page .tyre-element:hover,
.full-page .tyre-element:focus {
    background: #e9e9e9;
}

.full-page .tyre-element .element-img {
    width: auto;
    padding-right: 1rem;
    display: flex;
    align-items: center;
}
    .full-page .tyre-element .element-img img {
        width: 75px;
        height: 75px;
    }

    .full-page.location-search .tyre-element .element-img img {
        width: 55px;
        height: 55px;
    }

.full-page .tyre-element .tyres-label {
    margin-bottom: 8px;
    font-size: 24px;
}
.full-page.landing-page .tyre-element .tyres-label {
    font-size: 20px;
}

@media (max-width: 576px) {
    .full-page .tyre-element .tyres-label {
        margin-bottom: 0;
        font-size: 17px !important;
    }
    .thank-you-popup-img {
        width: 100%;
        height: auto;
    }
}

.mechanic-checkboxes-container {
    column-count: 2;
}

@media (max-width: 680px) {
    .mechanic-checkboxes-container {
        column-count: 1;
    }
}

.mechanic-checkboxes-container.max-selected .mechanic-checkbox:not(.selected) {
    cursor: default;
    pointer-events: none;
    opacity: 0.65;
}

.mechanic-checkbox {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    cursor: pointer;
    width: 100%;
    margin-bottom: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .mechanic-checkbox:hover input ~ .checkmark-container,
    .mechanic-checkbox:focus input ~ .checkmark-container {
        box-shadow: inset 0 0 10px -5px rgba(0,0,0,0.5);
    }

        .mechanic-checkbox:hover input ~ .checkmark-container .checkmark {
            border-color: #bfbfbf;
        }

            .mechanic-checkbox:hover input ~ .checkmark-container .checkmark:after {
                display: block;
                opacity: 0.5;
            }

    .mechanic-checkbox input {
        position: absolute;
        opacity: 0;
        height: 0;
        width: 0;
        display: none;
    }

        .mechanic-checkbox input:checked ~ .checkmark-container {
            border-color: #009ed5;
            background-color: #009ed5;
            color: #ffffff;
        }

            .mechanic-checkbox input:checked ~ .checkmark-container .checkmark {
                border-color: #009ed5;
            }

                .mechanic-checkbox input:checked ~ .checkmark-container .checkmark:after {
                    display: block;
                }

    .mechanic-checkbox .checkmark-container {
        background-color: #ffffff;
        border-radius: 5px;
        border: 1px solid;
        border-color: #e9e9e9;
        display: flex;
        align-items: center;
        padding: 9px 10px;
        font-size: 16px;
        width: 100%;
        margin-right: 5px;
    }

        .mechanic-checkbox .checkmark-container .checkmark {
            background-color: #ffffff;
            border-radius: 5px;
            border: 1px solid;
            border-color: #e9e9e9;
            position: relative;
            margin-right: 10px;
            height: 20px;
            width: 20px;
        }

            .mechanic-checkbox .checkmark-container .checkmark:after {
                content: "";
                display: none;
                position: absolute;
                top: 1px;
                left: 5px;
                width: 5px;
                height: 10px;
                border: solid #009ed5;
                border-width: 0 3px 3px 0;
                transform: rotate(45deg);
            }

    .mechanic-checkbox .mechanic-checkbox-img {
        width: 32px;
        height: 32px;
        display: inline-flex;
        align-items: center;
    }

@media (max-width: 390px) {
    .mechanic-checkbox .mechanic-checkbox-img {
        display: none;
    }
}

.mechanic-checkbox .mechanic-checkbox-img img {
    max-height: 100%;
    max-width: 100%;
}

.brand-search-title {
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 10px;
}

.full-page .bg-row-block {
    background-size: cover;
    background-position: center;
    min-height: 300px;
    display: flex;
    align-items: center;
    position: relative;
}
.full-page .bg-row-block .bg-image {
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .full-page .bg-row-block .bg-image ~ * {
        position: relative;
    }

.full-page #main-content .bg-row-block h2 {
    margin-bottom: 5px;
}
    .full-page .bg-row-block .subtitle {
        font-size: 22px;
    }
    .full-page .bg-row-block .btn {
        font-size: 18px;
        width: 100%;
        max-width: 330px;
        font-weight: 400;
        margin-top: 25px;
    }

.full-page .post-item {
    max-width: 345px;
    margin: 0 auto;
}
@media (max-width: 767px) {
    .full-page .post-item {
        margin-bottom: 50px;
    }
}
    .full-page .post-item .post-image {
        width: 100%;
        text-align: center;
    }
        .full-page .post-item .post-image img {
            max-width: 100%;
            border-radius: 5px;
        }
    .full-page .post-item .post-desc {
        text-align: left;
        line-height: 1.2;
    }
        .full-page .post-item .post-desc strong {
            font-size: 20px;
            margin: 5px 0;
            display: block;
        }
@media (max-width: 767px) {
    .full-page .post-item .post-desc strong {
        margin: 15px 0;
    }
}


.full-page .thin-wrap {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.full-page.location-search .page-block.first-block {
    background-color: #000000;
}
    .full-page.location-search .page-block.first-block .page-wrap:after {
        content: '';
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .full-page.location-search .page-block.first-block .grid {
        display: grid;
    }

    .full-page.location-search .page-block.first-block .column-1 {
        grid-area: Col1;
    }

    .full-page.location-search .page-block.first-block .column-2 {
        grid-area: Col2;
    }

    .full-page.location-search .page-block.first-block .column-3 {
        grid-area: Col3;
    }
        .full-page.location-search .page-block.first-block .column-3 li div > div {
            text-shadow: 1px 1px 3px black;
        }

    .full-page.location-search .page-block.first-block .title {
        margin-bottom: 20px !important;
        padding-bottom: 10px;
    }
    .full-page.location-search .page-block.first-block .title.mb-10 {
        margin-bottom: 10px !important;
    }

    .full-page.location-search.size-page .page-block.first-block .title {
        margin: 0 !important;
        padding: 0;
        line-height: 1.3 !important;
    }

    .full-page.location-search .tyre-element .element-img {
        max-width: 100%;
    }

.full-page.location-search .links-panel {
    margin-top: 30px;
    text-align: initial;
}
.full-page.location-search .links-panel .tyre-element {
   border: 1px solid #ccc;
}

@media (min-width: 1200px) {
    .full-page.location-search .page-block.first-block .page-wrap {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .full-page.location-search .page-block.first-block .page-wrap.py-20 {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .full-page.location-search .page-block.first-block .grid {
        grid-template-areas:
            "Col1"
            "Col2"
            "Col3";
    }

    .full-page.location-search .tyre-element {
        width: 33.33%;
        margin: 0 10px;
        padding: 10px 15px;
    }

        .full-page.location-search .tyre-element .element-text {
            margin-right: 10px;
        }

        .full-page.location-search .tyre-element .tyres-label {
            font-size: 20px;
        }

    .full-page.location-search .page-block.first-block .column-2 {
        display: flex;
        justify-content: space-between;
        margin: 0 -10px 30px;
    }

    .full-page.location-search .links-panel {
        display: flex;
        justify-content: space-between;
        margin-left: -10px;
        margin-right: -10px;
    }

    .full-page.location-search .page-block.first-block .column-3 {
        display: flex;
        justify-content: space-between;
        margin: 0 -10px 20px;
    }
        .full-page.location-search .page-block.first-block .column-3 li {
        width: 30%;
            margin: 0 10px;
            text-shadow: 1px 1px 3px black;
        }
            .full-page.location-search .page-block.first-block .column-3 li {
                justify-content: center;
            }
}

@media (min-width: 768px) and (max-width: 1199.1px) {
    .full-page.location-search .page-block.first-block .grid {
        grid-template-areas:
            "Col2 Col1"
            "Col2 Col3";
    }

    .full-page.location-search .page-block.first-block .column-2 {
        margin-right: 40px;
    }
    .full-page.location-search .links-panel {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }

    .full-page.location-search .tyre-element .tyres-label {
        font-size: 20px;
    }
}

@media (max-width: 767.1px) {
    .full-page.location-search .page-block.first-block .grid {
        grid-template-areas:
            "Col1"
            "Col3"
            "Col2";
    }
}

@media (max-width: 767px) {
    .full-page.location-search .page-block.first-block .row > div.col-12 {
        padding: 0 !important;
    }

    .full-page.location-search.size-page .page-block.first-block .title {
        margin-bottom: 20px !important;
        line-height: 1 !important;
    }
}

@media (max-width: 576px) {
    .full-page.location-search .page-block.first-block {
        background-position: center right;
    }
}

@media (min-width: 575.1px) {
    .full-page.location-search .page-block:not(.first-block, .dealer-card-block, .content-edited) .page-wrap {
        text-align: center;
    }
}

    .full-page.location-search .page-block.first-block .with-hr:after {
        background: #009ED5;
        content: '';
    }

.quote-page .with-long-hr {
    font-weight: 700;
}

.quote-page .with-long-hr,
.full-page .with-long-hr {
    position: relative;
    padding-bottom: 15px;
    text-align: center;
    margin-bottom: 35px;
}
    .quote-page .with-long-hr:after,
    .full-page .with-long-hr:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 230px;
        height: 4px;
        background: red;
    }

.full-page.loans-page .with-long-hr {
    position: relative;
    text-align: center;
    padding: 0;
    display: grid;
    justify-items: center;
}

    .full-page.loans-page .with-long-hr:after {
        content: '';
        position: relative;
        width: 230px;
        height: 4px;
        background: red;
        display: flex;
        margin: 15px 0px 0px 0px;
        left: auto;
        transform: none;
    }

@media (max-width: 576px) {

        .full-page .with-long-hr:after {
            width: 100%;
            max-width: 230px;
        }
}

.full-page.location-search .page-block.first-block ul:not(.dropdown-menu) li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

    .full-page.location-search .page-block.first-block ul li img {
        margin-right: 20px;
    }

.full-page.location-search h3 {
    font-family: "DIN Next LT Pro";
    margin-bottom: 5px;
    margin-top: 15px;
    text-transform: none;
    font-weight: 700;
    font-size: 20px;
}

.full-page .quote {
    font-family: "DIN Next LT Pro";
    margin-bottom: 25px;
    display: block;
    font-weight: 700;
    font-size: 32px;
}

@media (max-width: 767px) {
    .full-page .quote {
        font-size: 28px;
    }
}

.full-page .popular-brand,
.quote-page .popular-brand,
.full-page.location-search .popular-brand {
    display: block;
}

.full-page .popular-brand img,
.quote-page .popular-brand img,
.full-page.location-search .popular-brand img {
    max-height: 35px;
    max-width: 130px;
}

.full-page .popular-brand img:hover,
.quote-page .popular-brand img:hover,
.full-page.location-search .popular-brand img:hover {
    filter: grayscale(100%);
}

.loans-page #widgetApplication .LogoName p {
    margin: 0 !important;
    color: #333;
}

.quote-page-public a.number-link {
    color: #484848;
}

.quote-page-public .breadcrumbs,
.full-page.loans-page .breadcrumbs,
.full-page.location-search .breadcrumbs,
.full-page.brand-model-page .breadcrumbs,
.quote-comp-page .breadcrumbs,
.quote-page .breadcrumbs {
    line-height: 100%;
    align-items: center;
    font-size: 14px;
    color: #fff;
    padding-top: 0;
    padding-bottom: 10px;
    list-style: none;
    overflow: hidden;
    position: relative;
}

.quote-comp-page .breadcrumbs {
    padding-top: 20px;
    color: #000;
}

.full-page.location-search .page-block.first-block ul.breadcrumbs li {
    margin: 0;
}

.quote-page-public .breadcrumbs li,
.full-page.loans-page .breadcrumbs li,
.full-page.location-search .breadcrumbs li,
.full-page.brand-model-page ul.breadcrumbs li,
.quote-comp-page ul.breadcrumbs li,
.quote-page ul.breadcrumbs li {
    box-sizing: content-box !important;
    background: none;
    padding: 5px 5px 5px 0px;
}

    .quote-page-public .breadcrumbs li a {
        color: black;
        font-family: "DIN Next LT Pro";
    }

    .quote-page-public .breadcrumbs .breadcrumbs-item,
    .full-page.loans-page .breadcrumbs .breadcrumbs-item,
    .full-page.location-search .breadcrumbs .breadcrumbs-item,
    .full-page.brand-model-page .breadcrumbs .breadcrumbs-item,
    .quote-comp-page .breadcrumbs .breadcrumbs-item,
    .quote-page .breadcrumbs .breadcrumbs-item {
        float: left;
    }

    .quote-page-public .breadcrumbs .breadcrumbs-item + .breadcrumbs-item::before,
    .full-page.loans-page .breadcrumbs .breadcrumbs-item + .breadcrumbs-item::before,
    .full-page.location-search .breadcrumbs .breadcrumbs-item + .breadcrumbs-item::before,
    .full-page.brand-model-page .breadcrumbs .breadcrumbs-item + .breadcrumbs-item::before,
    .quote-comp-page .breadcrumbs .breadcrumbs-item + .breadcrumbs-item::before,
    .quote-page .breadcrumbs .breadcrumbs-item + .breadcrumbs-item::before {
        content: ">";
        padding-right: 5px;
    }

    .quote-page-public .breadcrumbs .breadcrumbs-item + .breadcrumbs-item::before {
        color: black;
    }

.full-page.location-search .breadcrumb li::before {
    border-left: 20px solid #999;
    content: none;
}

.full-page.location-search .breadcrumb li::after {
    border-left: 20px solid #3c3c3c;
    content: none;
}

.full-page #main-content .steps.heading-steps {
    flex: 0 0 400px;
}
    .full-page #main-content .steps.heading-steps h2.sub-heading-title {
        font-size: 25px;
    }

.full-page.location-search .steps .step {
    font-size: 22px;
    line-height: 1.5;
}

.full-page.location-search.size-page .steps .step {
    font-size: 22px;
    line-height: 1.5;
}

.full-page.location-search .steps .step span {
    display: block;
    width: 28px;
    text-align: center;
    background-color: #fbc800;
    border-radius: 3px;
    height: 28px;
    color: black;
    font-weight: 600;
    margin-right: 10px;
}

.full-page.location-search.size-page .steps .step span {
    display: block;
    width: 28px;
    text-align: center;
    background-color: #fbc800;
    border-radius: 3px;
    height: 28px;
    color: black;
    font-weight: 600;
    margin-right: 10px;
}

.full-page.location-search-services .get-quote-partial {
    box-shadow: rgb(101, 101, 101) 0px 0px 15px 2px;
}

.full-page.location-search .page-block.first-block ul li.ui-menu-item {
    margin-bottom: 0;
}

    .full-page.location-search-services .get-quote-partial .ui-menu-item-wrapper {
        width: 100%;
    }

@media (max-width: 767px) {
    .full-page .popular-brand img,
    .quote-page .popular-brand img,
    .full-page.location-search .popular-brand img {
        height: 35px;
    }
}

.full-page.location-search .dealer-card {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-bottom: 30px;
    display: flex;
    overflow: hidden;
}

.full-page.location-search .dealer-card .dealer-upgrade {
    position: absolute;
    background: black;
    color: white;
    width: 100%;
    overflow: hidden;
    line-height: 2rem;
    top:0;
}

.full-page.location-search .dealer-card .dealer-upgrade .upgrade-title{
    background: red;
    padding: 0px 10px;
    font-weight: 600;
}
.full-page.location-search .dealer-card .dealer-upgrade .upgrade-title::before{
    border-bottom: 17px solid transparent;
    border-left: 13px solid red;
    border-top: 17px solid transparent;
    content: " ";
    display: block;
    height: 0;
    left: 100%;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    width: 0;
    z-index: 1;
}

.full-page.location-search .dealer-card .dealer-upgrade .upgrade-subtitle{
    font-size: 14px;
}

    .full-page.location-search .dealer-card > img,
    .full-page.location-search .dealer-card-body > img {
        width: 40%;
        min-width: 40%;
        object-fit: cover;
    }

    .full-page.location-search .dealer-card .dealer-card-info {
        padding: 30px;
    }

@media (max-width: 768px) {
    .full-page.location-search .dealer-card-body,
    .full-page.location-search .dealer-card {
        flex-direction: column;
    }

        .full-page.location-search .dealer-card > img,
        .full-page.location-search .dealer-card-body > img {
            width: 100%;
            object-fit: cover;
        }

        .full-page.location-search .dealer-card .dealer-card-info {
            padding: 20px;
        }
}

.full-page.location-search .dealer-card .dealer-card-name {
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}
@media (max-width: 768px) {
    .full-page.location-search .dealer-card .dealer-card-name {
        font-size: 24px;
    }
}

.full-page.location-search .dealer-card .dealer-card-address {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .full-page.location-search .dealer-card .dealer-card-address span {
        opacity: 0.5;
        margin-left: 10px;
        line-height: 1;
        margin-top: 3px;
    }

.full-page.location-search .dealer-card .services-box {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    padding: 0;
    padding-right: 5px;
    width: 100%;
}

    .full-page.location-search .dealer-card .services-box img {
        width: 14px;
        height: auto;
        text-align: center;
    }

    .full-page.location-search .dealer-card .services-box span {
        margin-left: 5px;
        line-height: 1;
        margin-top: 3px;
        font-size: 14px;
    }

.full-page.location-search .dealer-card .business-hours {
    margin-top: 15px;
}
    .full-page.location-search .dealer-card .business-hours table td {
        font-size: 18px;
    }

.full-page.location-search .dealer-card .dealer-card-info strong {
    margin-top: 15px;
    margin-bottom: 5px;
    display: block;
}

.full-page.location-search .dealer-card .payment-types {
    display: flex;
    align-items: center;
}

    .full-page.location-search .dealer-card .payment-types img {
        height: 20px;
        width: auto;
        margin-right: 10px;
    }

.full-page.location-search .dealer-card .phone-section {
    display: flex;
    align-items: center;
}

    .full-page.location-search .dealer-card .phone-section img {
        margin-right: 5px;
    }

    .full-page.location-search .dealer-card .phone-section span, .full-page.location-search .dealer-card .phone-section a {
        line-height: 1;
        margin-top: 3px;
    }

.full-page.location-search .dealer-card .btn {
    width: 49%;
    display: inline-flex;
    align-items: center;
    border: 1px solid #ccc;
    margin-top: 10px;
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 550px) {
    .full-page.location-search .dealer-card .btn {
        width: 100%;
    }
}
    .full-page.location-search .dealer-card .btn img {
        height: 30px;
        width: 30px;
        margin-right: 10px;
    }

.full-page.location-search .page-block h2 + img {
    max-width: 100%;
}


.full-page.location-search ol {
    padding-left: 1em;
}

.hide-number {
    display: none;
}


.text-uppercase {
    text-transform: uppercase;
}
.text-transform-none {
    text-transform: none !important;
}
.ng-hide {
    display: none !important;
}
.review-cards:not(.slick-slider) {
    display: flex;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    margin: 25px;
    padding: 0;
}
.review-cards:not(.slick-slider) * {
    box-sizing: border-box;
}
.review-cards .review-card {
    margin-right: 12px;
    margin-left: 12px;
    margin-top: 7px;
}
@media (min-width: 1060px) {
    .review-cards:not(.slick-slider) .review-card {
        min-width: calc(33.33% - 24px);
    }
}
@media (min-width: 767px) and (max-width: 1059px) {
    .review-cards:not(.slick-slider) .review-card {
        min-width: calc(50% - 24px);
    }
}
@media (max-width: 766px) {
    .review-cards:not(.slick-slider) .review-card {
        min-width: calc(100% - 24px);
    }
}
@media (max-width: 1017px) {
    #main-content.error-page {
        padding: 20px 0 !important;
    }
}
.not-found-quote-request-form-header {
    background-color: #0084B6;
    height: 60px;
    text-align: center;
    width: 100%;
    padding-top: 20px;
    color: white;
    font-size: 21px;
    font-weight: 500;
}
.email-dealer-link {
    border: 1px solid;
    text-transform: uppercase;
    color: #2fb0dc !important;
}
.hr-grey-color {
    background-color: #f7f7f7;
    border: none;
    height: 1px;
}
.close-popup-thank-you {
    position: absolute;
    right: 20px;
    top: 20px;
}
.h2{
    font-size: 34px;
}
.font-size-20 {
    font-size: 20px;
}
.border-raduis-5 {
    border-radius: 5px;
}
.border-raduis-10 {
    border-radius: 10px;
}
.border-raduis-20 {
    border-radius: 20px;
}
.border-raduis-25 {
    border-radius: 25px;
}
.details-header-row-extended {
    background-color: #ffffff;
}
.col-lg-offset-2 {
    margin-left: 16.66666667%;
}
.col-md-offset-2 {
    margin-left: 16%;
}
.h1 {
    text-transform: capitalize !important;
    font-weight: 400;
}
.hide-prev-tyre-btn-mobi {
    display: none;
}
.show-prev-tyre-btn-mobi{
    display: block;
}
.w-115 {
    width: 115px;
}
.home-flex-container {
    padding: 60px 10px !important;
}

.arrow {
    border: solid #a9a9a9;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
}

.arrow-small{
    padding: 3px;
}

.arrow-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.arrow-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.arrow-up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.arrow-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

#main-content.error-page {
    padding: 80px 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-content {
    color: white;
    display: flex;
    flex-direction: column;
    padding-left: 30px;
}

.error-page-links .item-icon {
    background: white;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    margin: 0 10px;
    position: relative;
}
.error-page-links .item-icon:hover {
    color: #009ed5;
    background-color: #f2f2f2;
}
.d-inline-block {
    display: inline-block !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
#save-quotes {
    visibility: visible;
    position: fixed;
    z-index: 2;
    right: 10px;
    margin-left: 10px;
    line-height: 25px;
    bottom: 10px;
    display: none;
}
.search-help-popup-container {
    background: #009ed5;
    color: white;
    text-align: center;
}
.search-help-popup-header {
    font-size: 22px;
    font-weight: 400;
    line-height: 50px;
}
.search-help-popup-close {
    position: absolute;
    right: 15px;
    top: 14px;
}
.help-popup-content {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.help-popup-content > div {
    font-size: 17px;
    padding: 0px 20px;
}

.help-popup-label {
    background: #fff;
    color: #a9a6a6;
    vertical-align: -webkit-baseline-middle;
    margin-left: 5px;
}
.help-popup-img {
    margin-left: 3px;
    margin-right: 12px;
    width: 14px;
    padding-top: 12px;
    position: absolute;
}
.help-popup-input-button {
    border-left: 1px solid #ededed;
    padding: 5px;
}
.title-icon {
}
.title-icon-description:before {
    content: " ";
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAwCAYAAABnjuimAAAACXBIWXMAABcSAAAXEgFnn9JSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNrsmbENwjAQRZ0ofdgAaiqPYDZgA8IGbJBMQmAD2AA2gAJqRiATwLfkIqLIOUDsA50l6xpHefy7+7ZJotYXrZTaYY5V+NFgmsdyeqIWphEh7cgxD0l91dTCBIo+Wr/uFAhw8iIOqWwb9IiFJgQlFKwQyj5lkCo+o7MMOIDunZqdsBxAbaoNBcsi9a4uO2HZ1CgFy6mZOmEzBnwlQErKDWIpuulrXWmkFN8QZphn32eyiPV4QNC+OxirZqJOTwL6zUHWKOqkQKgH5tiiZotPFV0FEGxBHZ59ut443xsN6avUdSTzsJE7wlyaSUC52pOzKD1kM7ntlL+P4h3io+KjYk8CGshHb+5exP482uA5rz9ov5n6d3w0py5uQ6T+HR+1vrgJCio+KqACKqAC+h+g7S937BXd/wBnY7fQwh08DFNIu4VXTwEGAFgrghipDD1LAAAAAElFTkSuQmCC') no-repeat;
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 23px;
}

.title-icon-warranty:before {
    content: " ";
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAA0CAYAAAAXKBGzAAAACXBIWXMAABcSAAAXEgFnn9JSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAzhJREFUeNrsms11m0AQxxHPd6kD+ZyLSQUiFUQdGFcQUkFIB6SBCHUgOkAVRDokZ7kDqQKyE//JG43Y5WsQOWTf49lmF/jtzOzs7IxnZVl6Gm22+bUwP1JzPeJWXL68O6i8WwMSgIW5ntjti7lCDVBfATAwPw4CkNqcwE1/NCkkAEiCSyFBDrox49K7q5vZ37PoOpKKHX1RH/X7PQBDqFdCbGGDZ3ORhF9E/xPUH48mSfPyR0joo+gi9SYGLLXY606YQyVVWv2FCiRUG+Oad1Uhns9qJldJnyZ46gXZAEftq3l50sFM1oCdd4W9gYRaIwfcHtI79VxwNLFPliEEm0rN/IXETCOLWqi9Aq4Y6vcc9s3NiPp3tBBn3vefIYx77oAjVWSecoOnIMmuHMM+E+TZoVYS/c4buUGySY1be+s3kKVwJxngTt6dG2y2Wg9LG+QHDZtTAi7VAox7tP+QWu1hInujPX2NKD5tioweJgIsmNsrEFX9G+quAfTYmWh6SAtgtf1ND+kA/BMkTw45FHB0SA3AUSG1ADu5IPPRAitx0XTo1wSsk2TgGBsgMqkO/cFYgAjdriCP7O+F49miJjsRjCTBG0geN4aOByMxoStQZRUHEvLQRt34UGgBjTRtUAhr70s12mytAXSjCCghC78mEndmwSygnhYgTq3zK0j8krOb66YXOUCHSlB+/0JCrCD5iXDZJqfIQHOcLPOhgDiI8RPjTiYH+NF2bz4WThBr0rH2C7v1njYN7sx5yLTSyND2OHvztOC+2tUkJM/SJhD/vVoqFkxysy3ClniWbNkmIFWSosxB5dzr+GIxpGLFPo+tdvjlVGRR4qZQLRJq37gcvEJaJZNqlikev8a1HORMXFHPQEBSKS+tbOvS2r7FB9Lstk1RjzLgsUY47sgcFQQJ+mOojVqKU86dqk1iP/Nu84bfYDvnjoAxPEinYKRVicQC2jo97Ug/t9rru9RxIoRksrkrB29bXV2RgJ6L22ijU9nOUTy6QFJp9VFMKrGMjbvk4DvXFluUOXJER2rlld71brZTrFoMf4X0ehUJBhflG8ocKuWVmeK/N4TYUmklk13utGo/vwUYAJIh45pZfAqQAAAAAElFTkSuQmCC') no-repeat;
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 23px;
}

.title-icon-review:before {
    content: " ";
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAzCAYAAAAHM1FMAAAACXBIWXMAABcSAAAXEgFnn9JSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAvZJREFUeNrsWN2R2jAQFjd+v+sAnu8FOsCpAKeCMxUcqQCX4DQQTAXHVRDTge/h8ow7wBWQ3ZuPjLIjG8ln/JOwMxphW8afVt/ut9JI/XgPlVIbNTxbjgj8SQ3U7tSAzRPXXwaA+acR/Gn5mPYd+Wjz69+gzQ18XwK2KV7OqEuoTXHrO8XTaiie32nA2Z5pQlHvwRNIVuyx4VE4BM+XgRzTxILegidwE+rmev1BLb+W95v2vM7rAtxPtHsLTLBf4AnUA3U6LXaUYY7Ux9fivlcDIH+c+wmawvVUDI9RchzpvS39fML9NV1z2sy0seeyJHUpUTxH4KkBpMneCIQOLtHAs92L2JhrE1vSu0nTtAktgReSGvDm1vI78TVo8yCuX0uWPgPXlZhASF6NDZRjW2E1PlaFxvk29HEBLwFxCRAJelSaaSyU915fOVveu9CGefimiw57u67wcAxR4/9ci0fWNdCdg9fY8z61vQi8F5QEqkbwP4lYsQ5W5zzPE6DmG4JvAz7bqnAmgp+B+y7Aa4sUBx+kX7dny9cDUbgxFWcusfNphYWXvhm8eslmBo8fuigP9PSZW4JIRcx0Vtv4JaBswcuVaHUbODeBYpGBUv7ZBkITOOAP9DzXeO87TLwZzwPgXx5F7o5xMDQVwZxpmpCWrF5rntc/mmP5kwoej6EJsqyYd13PfwCTMo9stBdjFwZVbR18FU9fkbtjiNoSkzGWz12Az8T+9EyfrwQ40NMmNGGCwDXVTPXiTj+fp4+MagZuiJXYmcphw4FUgMlErgJF758aA9+26eBvB6038P8beM+wn6zcCtpkB2Qgv1XwFsrH6fBwYZcUQ0VboU3RUAqLIFyLllhTeFjeyHAuc7aJMp+36xRJSsbkVSv1CWMhjDzsHYMLHl07UqTAs/iS4jbJeReKrErK320d2W8DvI+DIhNF9gCdtsR5Z/DrEl6vCPSu0zzvGu3gdKQ6srrgt/D2UXVoruCZ12Ebwdgk+BygU9Uj+y3AAKJyI8YNqwtkAAAAAElFTkSuQmCC') no-repeat;
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 23px;
    margin-top: 4px;
}
.title-icon-blue-location:before {
    content: " ";
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALIAAACyCAYAAADmipVoAAALV0lEQVR42uzdfYhVRRgG8GfXdLXEvqi0zMKSykwKIYJAVGKztSxTMQgyw4+IDDTDbO95Z1qw0HLZFiuMsIwokrQw1DSzyAoLTK1NSQXJKC0SQ7NAV5+Guwp1c/fux92ZOWffHzwg6h/3nvfd2fMxZwaqo1gGy74wvAXCu2E5FYaPIuEcGD4N4TP5uD/n/y7J/9vU/P81vNnlYijlXY6DIJwBw+cgXO9yyIUdzEEkXAvDBfkmtxwIpUpqDs+BcBoMl0H4kws9ZS8SvubyIGrZC0q12UxWIOF0GK6D8KgLA+eIyxqXKVjC7lCqWZblMBzqsuz06UKkOeiyFJaD859ZqX81cCWEm1waI2nW1uQ4DD+GcKQ2dFfX1MDfRNKY7c1Jl6/yDa26GMsbkfCjSBqxdDFcDcshUBln2QfCepeTUTRe5+SESy0se0NlUI5jYbg3kmbzkT2wHA2VEZY9IHw1ZRdypcpxl8V6yy7tEl4PYUMkTRUuhltdroZKIeF4JPwzikaKI3+4jIFKieXshhyrI2meGDNL7zvHbjq7Q/hSJA0Tbwxr8z/wKkKW5Ui4IopGSUde15E5RoarI2mQ9MRwBVQkLM+CcGUUjZHGGC7DRD3NCCp/nmf4chQNke7U6WlGSAlzkTRC+pNwNlQAhhOiaIAsJccqKI8sh0D4VxTFz1ISHkaOV0F5MIu9IPw+isJnM9tg2ROqkwmXRlLwLKceqhNZ3ttFZ7GFmDV3O1QnmMtzIdwXSaG7QnbD8myo0tL7xUFSB1VCNRwWSWFbm/0u21xWwfC9U/kAwu0uByL5jMWTsFHfASwZlsHwkygKe+Y0wnAdEgoMq/Asz0cxlhdAOMbFnHoJ9kQk3+VMWQVVAoZVkRT0vzHcAuE0zOcl6Kin2A/CGS7bovhuhbEcBdV++ckswu+iKKYLEp6EcD0sh7uUd9L3HemyMbI3vTeDLIPKxGj8AwwrvUyusSx3GQ3h7ki+O5HTUbkjo9PmCEbhYxA+H+RpVy17QVjnciyCZt6gM+TaI+GwCC6Cfo1ibQjLOyH8PfhDEsvBUG0kfCtw4XZEteB2joMiONV4BaoNLHtDeDhgwb6GZV/ExrI/hFtDLmmrE4raIuEjAYvVEGUTn1bNyyHcFfCa4QGoVhJ+GqhQB1IxHzfHayA8GKiR10K1+rTi7wBFOgbDSqSF8C6X40G2gbDsAVVEwscCjcYLkTaW9YGO1WSoIgzfCVCYnakcZepZAeGeAMfrDagihPu9L4xteRvSyrAKiefH2Ya7oVpgOTjA6LI+1U+slrMbhJ95P25zOQCqGQlney9IDW9F2lmOCnD3YipUMywXey7IlkwsF9W0bNgOz6cXi6CaIdykV9/tJJzmfQcpdQZkGYRHfF7kRf0Er60sB3geBH6GiqIQa5A1vl8JszwPqoDlCM9FeBJZIzSeL/iGQRUwvM9nETK5AIlwnOfz5AlQBYznR9PzeCGyxrK/599qD0EVED7hdZZbVvm9YH4cqoDQet1AMauM17fO50IVEC70WID3kVWGX3i82BOoAoaLPBbgbWSV8F0XekoNlDayNnIWGS7Q9cz01CL9fF7sSYYv9oQNerHXkmzdfvsNWSU86u/uj25pFv5dvXm8CFnjf77KFKgCwkmei3AHskY40fMxHA9VwHK45yJUI2uE1vOkoZugClTzMs+N/CGyRvi557kWfaD+z/vqOfPZD1lheaXngWAfVDOEG7wWI8nQ7C3DhyGkPuaPgbDOczG+zdDLp7t0ZaZYhFiF03IE0s6wUpfNionlwAAF2YjlKR6Vm0bjLwPsanUpVAuEe33v1BTF9grtJRwXYAeo7VBFCN8Msu9yPSuQNpY9IfwxwPFaClWEcHKgDSBfQNoYLjn9+fWl09jMZAUSHg60a9E9SAvhJCRsDLGPSCbu9HghXBNws5drETvDoRAeCnSMVkK1kvB+FwbKrvyGM7Gq5hUQ7gm4L/VYqDZcxCRBN0hsiLKZm5p4Z8Dj8ksqV/YPyvDF4HtP53gdYlHDG0KOxPkYLvinvXsJtaqKwwD+XVEj7EGG1aAgA4PIJlESlgQFmSFIDsKiJApC0QrDBtpZj25mhWRhD3AQIUQDB2FBDcKwh4WFmSgVGJrgRAtflFZ67/067A1xoev1vPbe/7XP94MPRCcezsf/7rv22ntB2pOVyPNsxWU+hgYXomr5Xu0TVZ/Jbeok2HRwAIEfGzhUfSj76fAEJ6FskZOzY3N9vjpRcTZDOhR5BzxpJAeaWVDK7ezIic0shOdBI5+dCLwF0qHICXD8zMQXmWekmW+yU6CKmNAbOQmec5v5tpkRI5+ZcPwQ4ACkNlN5dPY1sxQvcDq6lB0b7Lmsmf1GPpumcQ3entNJdqJBlz382eCM8Y47y/4t8PpmHoCnQ+APRj7D2Al8B9IjkTeb+FJbzxDyF6XsyLaJOm7L/pz/3bCR/2NLyc4+lB7y/MDEF9tfeR/SY463whn6Baj+GYbjjZBabSbqx2hzUGECZxm5OVD3nEHkTEiBPD818mXXOfV97a4ZgbfBaSoXmDPZfmcp4W6f51YjX3od8xGou3jliJyd3HpsGhnCoF5MmNNUTjlbNI3L5jjHyJdfnwTOgpSMHDC2My71bNEOt6pE3mWkBOkncjakOprKWjeuh8B7jJQh3TjeDjEgcJuJQqSZTyBGeM4z9WhQOhnGIOdADPHcbqQcKWUrxJjA+zSV28pQdiScGJPf7dthpCQp5HPdxbPKc66mcqtPf+ja2K78PI2dRspiOV/oHcfWNXivkbJYzQgc74QYFznR/Lsiqs2XmsapiJxvpDT28jzvhiSCHIDnbhPFsZXt2uGWmgYXGimPpcyDpIYDCPzeSIEs5CtIogIXGSlR9YmcD0lUfq28y0SRqs3XkMQ5LjZSpipzPyR12VTeY6RQVeQ7SE0EPmykVFVkAaQm8j0YPxkpVpnZpbt4ddOPKxhaqaihDbwAnr+YKFg52ZOdPCU15PmgkZLp8HPp8rB2zwMmilZkAn/UNK67wIdMlE3rxtLttXKtp3LgXq1U9IvIx0yUrogELoL0iXwq7zNRvN5mNzZrGvcXx+VGyte7BC6G9JmNnIRQq3XlvYicAOlDniuMlLAXeRzSp/L9yr8aKWI3+VnP4vU7zyeNlLHzOD4K6XP5CsYhE4XsLPsQORki8FxmpJSd5BGIZNZxCjwPGylmOzmY7R8R+Y/nUiPl1DSWLrzCi+F51EhBW8khrOeFEPkfxyVGSnr+ON3Fk3OJvASeR0wUdfwcwApNYxlP5EojZT13ApdAZFyRF8GZXsHYr5UKaY1nMFLasbICIq0+22d0XfkgNupZPGlH4KCR8o7OsxBpe7+y5+9GCkwEHtJ+Y0n/WtnxGYh0cbfvuIEiH9ZdPOmOpzNQ5Kch0pXIqXD8s8ISH89+Moh0zXF1hb/kLYdIT6zmlRVN5WN4mZdCpGc8n6tgpeIpiPR8KnueLLHIv2kaSzEi15b4fuPVECnEKk4raSof0UqFFMtzfQlFXgORwteVPU8UeW2spz+kHJ4bClw3fhEipVjFywu6Vj6KlZwCETQlPJUHIVKqyKvgeaqHJT6Jl3gZREoXerqCESBSiTW8Bp7/9OBW9Gms5TSIVCZwXQ+K3IBIpSKv7XIqn8qut0UqF/haF3sqIkRMaHA6PM90UOQ/NI3FFs+3O7iLtw4ipuTXyn+3tW4ceAVEzAl8t40ivwkRk/J15dMtTePIqRAxy/O9FtaN34KIafm18l/jrVRkz/+JmDfeVHZ8AyJJaHAG3JjryqcReTVEkhG4aYwivw6RpDR4AzxHRpX4bHb9LJIcN2pdOfBViCQpcuaoaXwdRJIVuEkrFZI+x5uy3XFSqH8BTaeDhM7MyXAAAAAASUVORK5CYII=') no-repeat; 
    background-size: contain;
    display: inline-block;
    width: 25px;
    height: 25px;
}
.title-icon-reveal-phone:before {
    content: " ";
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAqCAYAAAA51uKRAAAACXBIWXMAABcSAAAXEgFnn9JSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuZJREFUeNq0mMt12kAUhoWO96YDK9tsTCpAriC4AkQFJhVYVBC5AkQFxhVEdCBvvIYOoAJyb84/yc0wL5mZOUcHxoykb/77HI/O53NmGqP1R00fS7pu8acdz8+Lr32WaIx0GIKY0EdL171h/YmugoCOKWByDYSV6ATIG12PdK0wZ5W2SZUhiDHU+C4UqEiBrQb6E9Mf9FuTShkJsoMp/lMAL99hWsOcUccNPbQUIBt6aeVYz7/1MBdvYBJbmaVSxAPC6uwBxOMeERcVphSm8g6Y7w3TZygbDUblkf2A+1idA74vU4R2cDJDnlEOXqaAGQ+8t8DnMQVMEZyc1h+NiMAuWmgPgTGUivfYPrMLgSGQSisVG/aXmHXqBo47dTkigTDo2lYqYiqjbD71hHKGcC5SgOgwrMDMsk7loLss4chh83fMbTBbg0rJ+hlVCmZoJ0xJbhM749pgtqJ5sqmjgO8QWWlgUI1V8astJaATaaAxKRgzAzdi56Unqm5t0FFgtJ3Xjn7mBdOnmO3DRUMuIKaOMK9F+9DGNFfu8gtH+1CJvBMtAZrOTSz9L0xX9PLaUiLkacHaO0O5SrQoLczth8EDOIznqEMT683/1hmBYOpWdJNqLGht6/OZTCS2k+/Qhper7D0H3B818P1VgBxk5JqOOnmAX/hOAaUG1KMTmIue5xs9kyv/g9hkG2QmixkebdUaftGItZnN52C6V9PvPpixaKhOaKZ6x/olTMxrGkSnb5MPap0TRrSaHaQ9wKGv6u6wyR6p4e8z84BjSS+6QL65uzbRGXJVE6SM1gOvhVOWERRif3lW5gqGMQB5fSjwmXuos8kHysuOtxCVu3PUsNChQrwYpIzFqZ1lI8CR93jOy6dgHAe6KtRshlLx5dMwjmS3Qo45Ou5hFZ+E7/F/UdurYLRdNuIoc8KuW6kUOoJGU3OmCnEUGLFjlYFllT4hwRXaueuyVMSCMUBVlkPfAb51USp+CzAAKft+huOUEKQAAAAASUVORK5CYII=') no-repeat;
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 24px;
    vertical-align:top;
}
.title-icon-thumb-up:before {
    content: " ";
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAApgAAAKYB3X3/OAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAJbSURBVEiJtZTNS1RRGMafc869c2eacZwiFzU2WoJZYkFF0Qduwg9QgpBEUarpQ5KgXQmtkmjRqt0QZEkkWpGboL8gLSLDRQwExjCpCyeaL68zzjhz79tqtOJ2546Mz+49vM/zO+dw3sOICFbFLr5wIpvpABchmrgyY8lTCsDW91RtbdqtBRcSiKdzk8mUY4BeX9DMPNxyOoC8Rq7nN05XTt9rr6ze4egCTw4U85QEKEiRBW62NLgdkhjcEgAAtDTtYhrp9WUDsJ5nrb6dzlSh/h5RsU2R5ssG8DjE/dsdjc5C/TkUpZymT5UFwLpHjnLGmrqO+9bX3n+LqKms/qGYV7IC8Djl4VvtBxRZbOxnJvRL4qBTonek+t9+XYcKGa9o7Npi0TlgfaP7nBILBh+es7vsG/t5+TGM+WjK0BNdyWjj02GdS2xAYr1PLnOwWqNGHRSuUGzNl5rrxJ/hANBz0tBSkDh/zCf6A1N3JUZslDzbDbvsqSQAyg6erZfN0gwJnIMxJkkAwP4DyCbimH3QqVS57aXm487El+V4Ohco+oo2Ew4A3SdqHB6H3LbpSS6mziN7ZE3XD1t6pqXq60Ic/YEpVQge2BLAUiKD2MpacnXMP7wlV9TgrQQBbiJQ2U9QuB5F8MeAxa+iFC3G0oiqa7HVMf8QYOGzi6rZkgAHvR7IgrkKtekJJMHQOPQ2u7fKlWo75K1wKsJ0onOaTm8+/Vghxh79BaBE3NCQ1wjEUTO3tHxm7qe6nwM2M4CuUx6cv6OJq7PrAGLk58l4raGBUZjGr0cATJoFm+k3HFfUbX5//n8AAAAASUVORK5CYII=') no-repeat;
    background-size: contain;
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: middle;
}
.icon-phone-w18:before {
    width: 15px;
    height: 18px;
    margin-left: 10px;
}
.icon-h22:before {
    height:22px;
}
.icon-h18:before {
    width: 18px;
    height: 18px;
}
.title-icon-pin:before {
    content: " ";
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAABkElEQVQokXXSTYiNYRQH8N+9ZpQkS6JmIVaPj1goIkVZyEeaHQs8ZYHZWJgla3YWrMZlxWJ8RMlHKaXcUki5KwwpYs1sjKTnfY/rnTv86+153vM///PxnNPSRKc3H7uxDUvwFV3clNOPP57tvqTT24IeDuIdbsW5D2+Cr9AKwXbcwxFcxUKswBSmcQCXqwA53W/p9BZXkTiO6zgX96kQXsQ49mICq0p5hyN6EZzH0urLaW3/Xtvv4BoOlUx3cQGv8QQr5TTT6HUYb7EVq3GiZFqOT9hUvVRTUFD/d4P/jGVF9A2L8BEj/o2R4MsDTbcbUbpVpE5vdGB2o5Gh8JvxtPS0HpewATvwEDfwCutQRDvxCM9xtC2nl5iJIRaiND6JBXEOh73wP+X0YiiKOI2TuI1f4Tw50N2x8Is1yulBOI//5yFOVXztZ6hBlC0os3qMZw37RpzBmrkLm9MHjEUZg2WNyen9XFEtvIJ5sX8FZ6uHqO19NMtrlllm8gW7YjazMDtTne079mNPdeZUNuYv8BsgNmzf3lq/IQAAAABJRU5ErkJggg==') no-repeat;
    background-size: contain;
    display: inline-block;
    width: 13px;
    height:18px;
    margin-right: 5px;
}
.review-content {
    word-break: break-word;
}

.content-edited {
}

.content-edited p,
.content-edited ul {
    margin-bottom: 10px !important;
}

.content-edited h3 {
    margin-top: 25px !important;
}

.content-edited ul {
    list-style: initial  !important;
    list-style-position: inside  !important;
}
.content-edited img {
    max-width: 100%;
    object-fit: cover;
}

.full-page .bootstrap-select .bs-ok-default:after {
    border-color: #0391c3;
    width: .4em;
    height: 0.7em;
}

.full-page .dropdown.bootstrap-select.show-tick > .dropdown-toggle {
    padding-left: 5px;
    padding-right: 21px;
}

.full-page .dropdown.bootstrap-select.show-tick > .dropdown-toggle.bs-placeholder .filter-option-inner-inner {
    font-size: 14px;
    color: #cccccc;
    padding-top: 1px;
}

.full-page .dropdown.bootstrap-select.show-tick > .dropdown-toggle .filter-option-inner-inner {
    text-overflow: ellipsis;
}
.showFilters{ margin: 20px 0;}
.show-mobile-filters { margin-right: 5px; }
.show-mobile-sort { margin-left: 5px; }
.show-mobile-filters, .show-mobile-sort {width: calc(50% - 20px);color: #757575;display: inline-block;border: 1px solid #ccc;border-radius: 7px;padding: 10px 0; position:relative;}
.show-mobile-filters-img{ width: 15px}
.show-mobile-filters-label { font-size: 15px; font-weight: bold; padding-left: 5px; color: black; vertical-align: top}
.sort-dropdown-content {display: none;position: absolute;background-color: #fff; width: 100%;padding: 5px 5px;border: 1px solid #ccc; top:40px; box-sizing:border-box; height:50px; z-index:3}
.show-mobile-sort:hover .sort-dropdown-content {display: block}
.dropdown-select{ display:block; margin-bottom:5px}
.dropdown-select:hover {background-color: #eae6e6}

@media screen and (min-width:650px) {
    .new-catalogue-tyre.sponsored .tyre-info {
        width: 324px;
    }
}

@media screen and (min-width:360px) {
    .header-sticky-block .header-section-2 .btn-mobile-req-qoute {
        padding: 7px 7px 5px;
        font-size: 10px;
        display: inline-block;
    }
}
@media screen and (min-width:385px) {
    .header-sticky-block .header-section-2 .btn-mobile-req-qoute {
        padding: 7px 15px 5px;
        font-size: 11px;
    }
}

@media screen and (min-width:510px) {
    .header-sticky-block .header-section-2 .btn-mobile-advertise {
        display: inline-block;
    }
}

@media screen and (min-width:992px){
    .squote-page .squote-res .card.card-body .rows-lev-1:nth-child(2n) {
        background-color: white;
    }
    .squote-page .squote-res .card.card-body .rows-lev-1:nth-child(2n+1) {
        background-color: #bdbdbf;
    }
}

@media screen and (min-width:1017.1px) {
    .header-sticky-block .header-section-2 .btn-mobile-req-qoute,
    .header-sticky-block .header-section-2 .btn-mobile-advertise {
        display: none;
    }
    .hide-desktop {
        display: none !important;
    }

    #main-content:not(.disable-min-height) {
        min-height: 650px;
    }

        #main-content > .page-wrap > .page-title {
            min-height: 550px;
        }

    .show-nav #menu-overlay {
        display: none !important;
    }

    .new-catalogue-tyre.sponsored .tyre-info {
        width: 353px;
    }
}

@media screen and (max-width:1024px) {
    .new-catalogue-tyre-results-page .tyre-info-results-page {
        width: 214px;
    }

    .enquiries-details, .enquiries-details-2 {
        margin-left: 0;
        margin-top: 0;
    }
}

@media screen and (max-width:1524px) {
    .squote-page .div-info-cust {
        float: left;
        margin-top: 30px;
        width: auto;
    }
    .d-xxl-none {
        display: none !important;
    }
    .d-xxl-block {
        display: block !important;
    }
}

@media screen and (max-width:1200px){
    #reminder-date {
        margin-top: 0;
    }
    .selectBox{
        margin-top: -15px;
    }
    .div-info-cust {
        float: left;
        margin-top: 30px;
        width: auto;
    }
}

@media screen and (max-width:1017px) {
    #header .header-menu .nav-dropdown ul.nav-dropdown-menu li.nav-dropdown-item a img {
        display: none;
    }
    .sitemap > h1 { margin-top: 50px; text-align: center; }
    .sitemap .sitemap-hl { text-align: center; }
	#Address_Postcode2::-webkit-input-placeholder:before { content:"Suburb or Postcode"; }
	.quote-comp-page .head-block-dtop { display: none; }
	.read-more-filter { display: none; }
    .mobi-hide { display: none !important; }
	#editmysearch { display: none; }
    .btn-row-top {margin-top: 0px;}
    body { min-width: 320px; overflow-x: hidden; }

	#change-size { position: initial !important; margin: 10px auto !important;}

    .page-wrap { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; min-width: 320px; min-height: 0; width: 100%; padding: 0px 15px 0 15px; /*max-width: 650px;*/ }
	#new-page-wrap, #new-page-wrap-results-page { padding-left: 0px !important; padding-right: 0px !important; }
	#new-page-wrap-head { padding-left: 0px !important; padding-right: 0px !important;}

    #main-content .page-wrap,
    #footer #AdBannerFooter .page-wrap {
        padding-top: 10px;
    }
    .login-page #main-content .page-wrap {
        padding-top: 60px;
    }
    /* search box*/
    .tyre-location {
        flex: 1 1;
    }
    .tyres-label {
        font-size: 18px;
    }
    #tyres-home {
        padding: 25px 10px;
    }

    .tyre-element {
        padding: 15px 5px;
    }
    #tyres-vehicle-2 {
        min-height: 300px;
    }
    #tyres-vehicle-3, #tyres-photo {
        text-align: center;
    }
    /*********Previous and Next buttons***************/
    .mobi-show-prev {
        margin-left: 15px;
    }
    .mobi-show-next {
        margin-right: 15px;
    }
    #new-page-wrap {
        padding-top: 0px !important;
        width: 85%;
        min-width: 330px;
        display: table;
        margin-top: 60px;
    }
        /* search box end*/
   #new-page-wrap-results-page {
        padding-top: 0px !important;
        width: 100%;
        margin: 0 auto;
        min-width: 330px;
        display: table;
    }

    #new-page-wrap #new-catalogue-results-wrap {
        width: 660px;
    }
    #new-page-wrap-results-page #new-catalogue-results-wrap-results-page, .center { width:660px;
        margin: 0 auto;
    }
    .center {
        width: 660px;
        margin: 0 auto;
        padding-left: 0 !important;
    }
    .mobi-show-prev {margin-left: 0;} .mobi-show-next{margin-right: 0}
    .new-catalogue-tyre-results-page{margin: 5px 2px;}
    .new-catalogue-tyre-results-page .tyre-info-results-page { width: 214px; height: 448px; background: white; overflow: hidden; transition: all .2s ease-in-out; padding: 0 10px;}
    .new-catalogue-tyre-results-page.sponsored .tyre-info-results-page { width: 324px; }
	#new-page-wrap-results-page .left-pane { display:none; }
    .search-nav{ padding-left: 0; padding-right: 0}
    .search-nav-span{ margin-left: 0; }
    #txt-size-desc{display: block; margin: 20px;}
	.side-search-tyre-only { float:left !important; margin-left: 50px; }
	.btn-side-search-tyre-only { margin-top: 43px; }
	.side-search-postcode-only { float:left !important; }
	#SeoHeadings.location-page > div { padding-top: 40px; }

    .slimmed-header #header header { height: 50px; }

	.syd-pop-up {display: none !important; }

	.photo-text:before { content: 'Add Photo' }

    #header { height: 51px; position: fixed; box-shadow: none; }
    #header header { max-height: 51px; position: fixed; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); background: #071832; }
    #header .page-wrap { padding: 0; }
    #header .left { padding: 0 25px; background: #fff; z-index: 18; }
    #header .logo { height: 100%; float: left; }
    #header .logo img { height: 56px; margin: 0 !important; }
    #header .phone { margin: 15px }
    #header .phone span.number { font-size: 18px }

    #header .burger { float: right; display: block; font: 700 12px/1 "DIN Next LT Pro"; text-decoration: none; color: #0084b6; width: 32px; position: relative; cursor: pointer; }
    #header .burger span { 
        display: block;
        width: 100%;
        background: #0084b6;
        height: 3px;
        margin: 6px auto;
        -webkit-transition: .4s ease-in-out;
        -moz-transition: .4s ease-in-out;
        -o-transition: .4s ease-in-out;
        transition: .4s ease-in-out;
    }
    .header-section-1 {
        visibility: hidden;
    }
    .show-nav #header .burger span:nth-child(1) {
        transform: rotate(405deg) translate(7px, 7px);
    }
    .show-nav #header .burger span:nth-child(2) {
        transform: rotate(-405deg);
    }
    .show-nav #header .burger span:nth-child(3) {
        opacity: 0;
    }
    .show-nav body {
        overflow: hidden;
    }

    .header-sticky-block .account-menu-container {
        display: none;
    }
    .mobile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 25px;
        height: 100%;
    }

    #header nav { -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); width: 300px; right: -300px; position: fixed; top: 51px; overflow-x: hidden; display: block; bottom: 0; height: auto; }
        #header nav .mobile-menu-item.mobile-menu-header {
            background-color: #fff;
            font-weight: bold;
            font-size: 19px;
        }

            #header nav .mobile-menu-item.mobile-menu-header.find-tyres-menu-header:after {
                background-image: url(/content/images/v2/searchbox/icon-tyre-size.svg);
                width: 27px;
                height: 27px;
            }
            #header nav .mobile-menu-item.mobile-menu-header.tyre-repairs-menu-header:after {
                background-image: url(/content/images/v2/tyre-icons/flat-tire.svg);
                width: 27px;
                height: 27px;
            }
            #header nav .mobile-menu-item.mobile-menu-header.mechanical-repairs-menu-header:after {
                background-image: url(/content/images/v2/mechanical-service/mechanical-other.svg);
                width: 27px;
                height: 27px;
            }
            #header nav .mobile-menu-item.mobile-menu-header.mobile-mechanics-menu-header:after {
                background-image: url(/content/images/v2/tyre-icons/mobile-mechanics.svg);
                width: 30px;
                height: 30px;
            }
            #header nav .mobile-menu-item.mobile-menu-header.auto-electrical-menu-header:after {
                background-image: url(/content/images/v2/mechanical-service/mechanical-battery.svg);
                width: 28px;
                height: 28px;
            }
            #header nav .mobile-menu-item.mobile-menu-header.suspension-steering-menu-header:after {
                background-image: url(/content/images/v2/mechanical-service/mechanical-suspension.svg);
                width: 30px;
                height: 30px;
            }
            #header nav .mobile-menu-item.mobile-menu-header.auto-glass-menu-header:after {
                background-image: url(/content/images/v2/mechanical-service/mechanical-windscreen.svg);
                width: 30px;
                height: 30px;
            }
            #header nav .mobile-menu-item.mobile-menu-header.air-conditioning-menu-header:after {
                background-image: url(/content/images/v2/mechanical-service/mechanical-AirConditioning.svg);
                width: 27px;
                height: 27px;
            }
            #header nav .mobile-menu-item.mobile-menu-header.safety-checks-menu-header:after {
                background-image: url(/content/images/v2/mechanical-service/mechanical-Rego.svg);
                width: 30px;
                height: 30px;
            }
            #header nav .mobile-menu-item.mobile-menu-header.contact-us-menu-header:after {
                background-image: url(/content/images/v2/menu-contact.svg);
                width: 35px;
                height: 35px;
            }
            #header nav .mobile-menu-item.mobile-menu-header.loan-menu-header:after {
                background-image: url(/content/images/loans/icons/Icon-svg.svg);
                width: 30px;
                height: 28px;
            }
            #header nav .mobile-menu-item.mobile-menu-header.for-dealers-menu-header:after {
                background-image: url(/content/images/v2/searchbox/icon-questions.svg);
                width: 35px;
                height: 35px;
            }
            #header nav .mobile-menu-item.mobile-menu-header.other-menu-header:after {
                background-image: url(/content/images/v2/icon-article.png);
                width: 26px;
                height: 28px;
            }

        #header nav .mobile-menu-item {
            background-color: #f3f3f3;
            font-size: 17px;
            padding: 10px 25px;
            border-bottom: 1px solid #cccccc;
            position: relative;
                display: block;
                text-decoration: none;
                color: inherit;
        }
            #header nav .mobile-menu-item:after {
                content: '';
                position: absolute;
                transform-origin: center;
                top: 50%;
                transform: translateY(-50%);
                right: 15px;
                background-position: center;
                background-size: contain;
                background-repeat: no-repeat;
                transition: right 0.2s ease-out;
            }
        #header nav .mobile-menu-item-arrow:after {
            top:35%;
            transform: rotate( -45deg );
            transition: right 0.2s ease-out;
            border: solid #a9a9a9;
            border-width: 0 2px 2px 0;
            padding: 4px;
            right: 25px;
        }
            #header nav .mobile-menu-item:not(.mobile-menu-header):hover {
                color: #009ed5;
            }
            #header nav .mobile-menu-item:not(.mobile-menu-header):hover:after {
                right: 8px;
            }

    #header .header-menu .page-wrap {
        min-width: unset;
    }

    #header .header-menu .submenu-img {
        display: none;
    }

    #footer .leftFooter, #footer .middleFooter, #footer .rightFooter { float: none; width: 100%; text-align: center; }

	#phone-number { visibility:hidden; }

	.send-quote-btn { z-index: 6; position: fixed; width: 180px; height: 30px; padding: 0 5px; left: 10px; border-radius:5px 5px 0 0; background-color:#888E51; bottom: 0px; cursor:pointer; line-height:30px; text-align:center; color:white; }
	.send-quote-text { display:inline-block; line-height: 30px; }
	.send-quote-icon { display: inline-block; line-height: 30px; vertical-align: middle; padding: 0 5px; }
	.send-quote-icon img { padding:5px; height: 15px; vertical-align: middle; }

	.details-search-left { float:none; width:100%; text-align: center; padding: 0; margin: 0; }
	.details-search-right { float:none; width:100%; text-align: center; padding: 0; margin: 0; }
	.note-search { color: #a1a1a1; display: block; font: 300 11px/1 "DIN Next LT Pro"; margin: 5px 0 0 0;}
	.details-search-left label { font: 500 16px/48px Arial; }

	.searchTab { border-radius: 5px 5px 0 0; width: inherit; font-size: 20px; padding: 10px 20px; border-color: #8E8B8B; border-style: solid; border-width: 0; text-align:center; width: 41%; }
	#searchByTyreSizeFormTab { display: none;}
	.searchContent { overflow:hidden; padding: 20px; border: #8E8B8B; border-style: solid; border-width: 1px; border-radius: 0 0 5px 5px; background-color:white; margin-bottom: 30px; }
	.searchTab img { height: 30px; }
	.searchTab span { display: block; color: white; font-size: 12px; }

	.searchTab-Popup { width: 90.3%; font-size: 20px; padding: 40px 20px; text-align:center; float:left;}


	.TyreParamsSearchLeft { margin-bottom:0px}
	.TyreParamsSearchLeft div { width: 100% !important; float:none !important; }
	.TyreParamsSearchLeft div input { width: 100% !important; }
	.TyreParamsSearchRight { text-align:center; float:none !important; }

	#vehicleMakeDdl { width:99% !important; }
	#vehicleModelsDdl { width:99% !important; }
	#vehicleDetailsDdl { width:99% !important; }
	#vehicleYearDdl { width:99% !important; }
	.bottomSearch { width:100%; overflow:hidden; margin-bottom:0px;}

	#vehicleYearDdl-popup { width:99% !important; }
	#vehicleModelsDdl-popup { width:99% !important; }
	#vehicleDetailsDdl-popup { width:99% !important; }

	#btnAddNextSize { left: calc(90% - 250px); width: 250px; position: relative; height: 60px; line-height: 50px; margin: 0 auto 40px;}

	.quote-detail-page .bot .supplier .operation-hours { display: block; font-weight:normal; font-size: 13px; width: 235px; margin: 0 auto 20px; text-align: left; }
	.quote-detail-page .bot .supplier .spec-mobile-ret { float: none; width: 240px; overflow: hidden; margin: 0 auto; }
	.quote-detail-page .bot .supplier .spec-wheel-align { float: none; margin: 10px auto 0; width: 310px; overflow: hidden;  }
	.quote-detail-page .bot .supplier .store-spec-container { }
	.quote-detail-page .bot .supplier .spec-retailer-detail { margin-right: 15px; float: left; width: 90px; text-align: center; }
	.quote-detail-page .bot .supplier .spec-retailer-detail img { margin: 0 auto; height: 50px; }
	.quote-detail-page .bot .supplier .spec-retailer-detail span { font-size:11px; }
	.quote-detail-page .bot .supplier .spec-retailer-price-lbl { text-align:center; float:left; width: 65px; }
	.quote-detail-page .bot .supplier .spec-retailer-price-lbl span { font-size: 11px; display: inline-block; }
	.quote-detail-page .bot .supplier .wheel-align-label { width: 42px; height: 42px; background-color: #414042; border-radius: 28px; float: left; line-height: 42px; color: white; font-size: 11px; padding: 4px; text-align:center; margin: 0 7px; }

	#overlay { position: fixed; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 1000; background-color:rgba(0,0,0,0.5)}
	#modal-message { width:400px; margin: 400px auto; padding:30px; background-color: #fff; border:1px solid #000; padding:15px; text-align:center; border-radius:5px;}
	#modal-message p { margin:10px; }

    #header nav > div { }
    #header nav > div > a,
    #header nav > div a { border-bottom: 1px solid #fff; color: #fff; display: block; position: relative; font: 500 17px/20px Roboto; padding: 19px 25px; text-transform: none; text-decoration: none; }
    #header nav > div > *:last-child .btn { border-radius: 0; }
    #header nav .price-guarantee-togg span { display: block; }
    #header nav .price-guarantee-togg img { display: none; }

    #header .outlet { background: #fff; border-top: 1px solid #dcdbe1; clear: both; display: block; left: 0; padding: 7px 0; position: absolute; text-align: center; top: 100%; width: 100%; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); }
    #header .outlet .wrapper { border: 1px solid #dcdbe1; padding: 5px; margin: 0 25px; }

    #price-guarantee-fly-out { display: block; overflow: hidden; position: fixed; left: 0; top: 0; width: 0; height: 0; background: url("/content/images/v2/bg-4.jpg") no-repeat 50% 0; background-size: cover; z-index: 0; opacity: 0; -moz-transition: width 0s .3s, height 0s .3s, opacity 0.3s; -o-transition: width 0s .3s, height 0s .3s, opacity 0.3s; -webkit-transition: width 0s .3s, height 0s .3s, opacity 0.3s; transition: width 0s .3s, height 0s .3s, opacity 0.3s; }
    #price-guarantee-fly-out .page-wrap { position: relative; }
    #price-guarantee-fly-out .inner { left: auto; margin: 0 auto; position: relative; right: auto; top: 129px; -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); width: 292px; background: rgba(255, 255, 255, .8); font-size: 19px; line-height: 28px; }
    #price-guarantee-fly-out .title { font-size: 21px; }
    #price-guarantee-fly-out img { display: block; margin: -111px auto 22px; width: 252px; }
    #price-guarantee-fly-out ul { margin: 0 0 0 15px; }

	.coupe span { color: black; }
	.coupe-selected span { color: #009ED3; }
	.coupe img { content: url("/content/images/v2/coupe.png"); }
	.coupe-selected img { content: url("/content/images/v2/coupe-Selected.png"); }
	.hatch span { color: black; }
	.hatch-selected span { color: #009ED3; }
	.hatch img { content: url("/content/images/v2/hatch.png"); }
	.hatch-selected img { content: url("/content/images/v2/hatch-Selected.png"); }
	.sedan span { color: black; }
	.sedan-selected span { color: #009ED3; }
	.sedan img { content: url("/content/images/v2/Sedan.png"); }
	.sedan-selected img { content: url("/content/images/v2/Sedan-Selected.png"); }
	.convertible span { color: black; }
	.convertible-selected span { color: #009ED3; }
	.convertible img { content: url("/content/images/v2/Convertible.png"); }
	.convertible-selected img { content: url("/content/images/v2/Convertible-Selected.png"); }
	.suv span { color: black; }
	.suv-selected span { color: #009ED3; }
	.suv img { content: url("/content/images/v2/SUV.png"); }
	.suv-selected img { content: url("/content/images/v2/SUV-Selected.png"); }
	.van span { color: black; }
	.van-selected span { color: #009ED3; }
	.van img { content: url("/content/images/v2/VAN.png"); }
	.van-selected img { content: url("/content/images/v2/VAN-Selected.png"); }
	.four-by-four span { color: black; }
	.four-by-four-selected span { color: #009ED3; }
	.four-by-four img { content: url("/content/images/v2/fourByFour.png"); }
	.four-by-four-selected img { content: url("/content/images/v2/fourByFour-Selected.png"); }
	.pick-up span { color: black; }
	.pick-up-selected span { color: #009ED3; }
	.pick-up img { content: url("/content/images/v2/PickUp.png"); }
	.pick-up-selected img { content: url("/content/images/v2/PickUp-Selected.png"); }
	.automatic span { color: black; }
	.automatic-selected span { color: #009ED3; }
	.automatic img { content: url("/content/images/v2/automatic.png"); }
	.automatic-selected img { content: url("/content/images/v2/automatic-Selected.png"); }
	.manual span { color: black; }
	.manual-selected span { color: #009ED3; }
	.manual img { content: url("/content/images/v2/manual.png"); }
	.manual-selected img { content: url("/content/images/v2/manual-Selected.png"); }
	.petrol span { color: black; }
	.petrol-selected span { color: #009ED3; }
	.petrol img { content: url("/content/images/v2/petrol.png"); }
	.petrol-selected img { content: url("/content/images/v2/petrol-Selected.png"); }
	.diesel span { color: black; }
	.diesel-selected span { color: #009ED3; }
	.diesel img { content: url("/content/images/v2/diesel.png"); }
	.diesel-selected img { content: url("/content/images/v2/diesel-Selected.png"); }
	.lpg span { color: black; }
	.lpg-selected span { color: #009ED3; }
	.lpg img { content: url("/content/images/v2/lpg.png"); }
	.lpg-selected img { content: url("/content/images/v2/lpg-Selected.png"); }

    /* popup looking mobile pg flyout */
    #price-guarantee-fly-out { box-shadow: 0 0 15px 0 rgba(0, 0, 0, 1); left: 3%; right: 3%; background-position: 50% 50%; opacity: 1; -moz-transition: width 0s ease 0.3s, height 0.3s ease 0s, opacity 0.3s ease 0s; -o-transition: width 0s ease 0.3s, height 0.3s ease 0s, opacity 0.3s ease 0s; -webkit-transition: width 0s ease 0.3s, height 0.3s ease 0s, opacity 0.3s ease 0s; transition: width 0s ease 0.3s, height 0.3s ease 0s, opacity 0.3s ease 0s; }
    #price-guarantee-fly-out .page-wrap { min-width: 0; }
    #price-guarantee-fly-out .inner { padding: 25px 15px; width: 282px; background: #fff; bottom: 10px; left: 50%; position: absolute; top: auto; -moz-transform: translateY(0) translateX(-50%) !important; -ms-transform: translateY(0) translateX(-50%) !important; -o-transform: translateY(0) translateX(-50%) !important; -webkit-transform: translateY(0) translateX(-50%) !important; transform: translateY(0) translateX(-50%) !important; }
    #price-guarantee-fly-out .close-btn { display: block; position: absolute; right: 15px; top: 65px; width: 23px; height: 23px; background: url("/content/images/v2/pop-close-x.png") no-repeat 50% 50% transparent; text-indent: -999px; overflow: hidden; -moz-filter: invert(1); -ms-filter: invert(1); -webkit-filter: invert(1); filter: invert(1); }

    .show-priceg #price-guarantee-fly-out { height: 357px; opacity: 1; -moz-transition: width 0s ease 0s, height 0.3s ease 0s, opacity 0.3s ease 0s; -o-transition: width 0s ease 0s, height 0.3s ease 0s, opacity 0.3s ease 0s; -webkit-transition: width 0s ease 0s, height 0.3s ease 0s, opacity 0.3s ease 0s; transition: width 0s ease 0s, height 0.3s ease 0s, opacity 0.3s ease 0s; width: 94%; }
    .show-priceg #price-guarantee-fly-out .inner { -moz-transform: translateY(0) translateX(-50%) !important; -ms-transform: translateY(0) translateX(-50%) !important; -o-transform: translateY(0) translateX(-50%) !important; -webkit-transform: translateY(0) translateX(-50%) !important; transform: translateY(0) translateX(-50%) !important; }

    #main-content,
    #footer,
    #header nav,
    #header .outlet,
    #header .left { -moz-transition: transform .3s ease-in 0s; -o-transition: transform .3s ease-in 0s; -webkit-transition: transform .3s ease-in 0s; transition: transform .3s ease-in 0s; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; }

    #header .left { border-bottom: 1px solid #e9e9e9; }

    .stop-scroll,
    .stop-scroll body { overflow: hidden; }
    .show-nav #header nav { -moz-transform: translate(-300px, 0); -ms-transform: translate(-300px, 0); -o-transform: translate(-300px, 0); -webkit-transform: translate(-300px, 0); transform: translate(-300px, 0); overflow: auto; }

    #main-content {
        background-size: cover !important;
    }
    .quote-comp-page #main-content .breadcrumb {
        display: none;
    }
	.dealers-template #main-content { background: #e8eaea !important; background-image: none !important; filter: initial !important }

    #main-content .page-title { 
        margin: 26px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    #main-content h1 {
        margin-bottom: 26px;
    }
    .search-result-bar.v2 h1 {
        font-size: 16px !important;
    }
		#main-content .page-title h2 { display:none; }
    h1 { font-size: 40px; line-height: 34px; }
    h2 sub { font-size: 14px; }
    .s60 { margin: 30px 0 0; float: none; width: auto; font-size: 14px; }
    .s60 div { height: auto; position: static; }
    .s60 img { float: none; margin: 0 5px 0 0; }
    .h1 {
        margin-bottom: 0 !important;
        font-size: 24px;
    }
    .mt-60-mobile{
        margin-top: 60px;
    }
    .quote-wrap { float: none; width: calc(100% + 10px); -moz-transition: max-height 0.6s; -o-transition: max-height 0.6s; -webkit-transition: max-height 0.6s; transition: max-height 0.6s; margin: 0 -5px 10px; }
    .quote-wrap-inner { width: 300%; }
    .step0 .quote-wrap { margin-bottom: 10px; }

    .q-tabs { padding: 135px 0 0; }
    .step0 .q-tabs { padding: 178px 0 0; }

    .q-tabs .tab a span,
    .step0 .q-tabs .tab a span { font-size: 16px; margin: 5px auto; }
    .q-tabs .tab strong,
    .step0 .q-tabs .tab strong { font-size: 21px; }

    .q-tabs .tab { height: 133px; }
    .step0 .q-tabs .tab { height: 178px; }
    .step0 .q-tabs .lrg { height: 60px; margin: 0 auto 15px; }

    .step0 .q-tabs .tab a { padding: 0; }

    .model-form .content { padding: 10px 15px 15px; }
    .model-form .inp-row { height: auto; }

    .model-form .sel-wrap { }

    .model-results .content { border-top: 0; }
    .model-results h4 { margin: 15px; text-align: left; }
    .model-results li { padding: 14px 15px; }
    .model-results .btn { display: none; }

    .selected-vehicle {  }
    .selected-vehicle .chg {  }

    .steps-list { margin: 0 0 15px; }
    .steps-list li { margin: 0 5px 5px 0; }

    .quote-wrap .model-form .steps-list { margin-left: -5px; margin-right: -5px; }
    .quote-wrap .row-form .steps-list { margin-left: 10px; margin-right: 10px; }

    .quote-wrap .row-form .inp-row { padding: 0 15px; }
    .quote-wrap .row-form .inp-row label { float: none; display: block; text-align: left; width: auto; margin: 0 0 5px; }
    .quote-wrap .row-form .inp-row input { margin: 0; }

    .quote-wrap .row-form .inp-row.email input { width: 100%; }
    .quote-wrap .row-form .inp-row.phone input { width: calc(100% - 115px); }
    .quote-wrap .row-form .inp-row .note { float: none; margin: 5px 0; display: block; }
    .quote-wrap .row-form .btn-row { margin: 10px auto 0; padding: 0 15px 15px; }
    .quote-wrap .row-form .btn-row label { display: none; }
    .quote-wrap .row-form .btn-row .btn { min-width: 0; display: block; width: 153px; }

    .size-selector { padding: 10px 10px 15px; position: relative; }
    .size-selector .end { }
    .size-selector .dbl { margin-top: 170px; }
    .size-selector .end h4 { margin: 0 auto 10px; padding: 0; }
    /*.size-selector .end .params-row .sel-wrap { height: 50px; }*/

    .size-selector .cbd { margin: 20px auto 0; max-width: 450px; }
    .size-selector .cbd .photo-row { margin: 20px auto 0; max-width: 280px; }
    .size-selector .cbd .or-row { margin: 10px auto; }
    .size-selector .cbd .photo-row .btn-ul a { display: block; }

    .size-selector .btn-go {  }
	.postcode-step1 { text-align: center; float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; }
    .size-selector .chg-dbl { display: block; margin: 20px auto; max-width: 300px; text-align: center; }
    .size-selector .chg-dbl br { display: none; }

    .size-selector.t4 .steps-list { margin-bottom: 50px; }
    .size-selector.t4 .end .params-row .sel-wrap { height: 40px; }
    .size-selector.t4 .chg-sgl { position: absolute; left: 0; right: 0; text-align: center; top: 45px; }

    .size-selector .end.upload { margin-bottom: 20px; }
    .size-selector .sgl.upload + .dbl { margin-top: 30px; }

    .size-selector.t4 .end.upload .uploaded-row h4 { font: 300 14px/20px "DIN Next LT Pro"; }

    .quote-page h2 { font-size: 24px; font-weight: 400; letter-spacing: 0.5px; line-height: 24px; text-transform: none; }
    .quote-page h2 sub { font-size: 16px; font-weight: 400; letter-spacing: 0; text-transform: inherit; }

    .quote-res-head { margin: -51px 0 20px; padding: 90px 0 15px; }
    .quote-res-head .label { margin: 15px 0 0; }

    .quote-results { position: relative; padding: 0; }
    .quote-results .sort-row { margin: 0; text-align: center; }
    .quote-results .sort-row .sel-wrap { float: none; display: block; max-width: 480px; margin: 10px auto; text-align: left; }
    .quote-results .loc-row { }
    .quote-results .result-row { margin: 0 -15px; }
    .quote-results article { float: none; padding: 0 0 10px; width: 100%; }
    .quote-results .more-results { margin: -8px 0 10px; }
    .squote-head { margin: 0 0 30px; padding: 15px 5px 15px; }
    .squote-head .specs { margin: 0 0 15px; }
    .squote-res .results-wrap { }
    .squote-res .results-wrap .col { margin: 0 0 20px; }
    .squote-res h4 { margin: 0 0 5px; line-height: 20px; }

    .squote-res .page-wrap { padding: 0 10px; }
    .squote-res .results-wrap .wrapper { max-height: 180px; overflow: hidden; background: #fff; }
    .squote-res .results-wrap .wrapper.active { max-height: none; }
    .squote-res article .content { padding: 10px; }
    .squote-res article .title { margin: 20px 0 15px; }
    .squote-res .type,
    .squote-res .tyres-wrap { margin: 0; }
    .squote-res label.grp-title { background: #f4f4f4; margin: 0 -11px 0; padding: 20px 12px 5px; }
    .squote-res .dbl .tyre { padding: 1px 15px; }
    .squote-res .btn-row { padding: 0 0 30px; }
    .squote-res .btn-send { display: block; }

    .squote-res article { visibility: hidden; }
    .squote-res .wrapper.active article { visibility: visible; }

    .dot-list { font: 400 17px/21px Roboto; list-style: outside none disc; margin: 0 0 0 1em; }
    .dot-list li { padding: 0 0 .5em; }

    .signup-page .page-head { padding: 10px 0 20px; text-align: center; }
    .signup-page h1 { font: 700 66px/0.75 Roboto; letter-spacing: 0; margin: 0 0 6px; }
    .signup-page h2 { font: 700 30px/1 Roboto; }
    .signup-page h2 sub { font: 500 17px/20px Roboto; margin: 15px auto 0; max-width: 325px; text-transform: none; }
    .signup-page .signup-form h3 sub { color: #006698; font-size: 18px; text-transform: none; font-weight: 500; margin: 0 0 20px; }
    .signup-page .signup-form h3 { font: 700 16px/1 Roboto; text-transform: uppercase; }
    .signup-page .signup-form { padding: 25px 30px 30px; background-color: rgba(255, 255, 255, 0.9); }
    .signup-page .page-body { padding: 10px 0; }
    .signup-page .page-body .page-wrap { min-height: 0; padding-top: 0; padding-bottom: 15px; }
    .signup-page .page-body .blocks-wrap { margin: 0 auto; max-width: 600px; }
    .signup-page .page-body .block1 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table; vertical-align: top; background: #fff; height:500px; width:100%;margin-top: -39px;}
    .signup-page .page-body .block2 { display: none; }
    .signup-page .page-body .block3 { background-color: white; padding: 25px 15px 25px 25px; color: #fff; margin: 0px auto 0; text-align: center; display:table;}
    .signup-page .page-body .video { margin: 15px auto; width: calc(100vw - 30px); height: calc((100vw - 30px) * (155/275)); max-width: 500px; max-height: calc(500px * (155/275)); min-width: 290px; min-height: calc(290px * (155/275)); }
    .signup-page .page-body .video > iframe { height: 100%; width: 100%; }
    .signup-page .page-body .block4 { background-color: rgba(255, 255, 255, .9); padding: 25px 20px; color: #414042; margin: 5px auto 0; }
    .signup-page .page-body .block4 h3 { color: #006698; font-size: 18px; text-transform: none; font-weight: 500; margin: 0 0 20px; }
    .sign-up-reliable { font:700 25px "Roboto" !important; color:#0084B6; }

    .signup-page .signup-form h3 { margin: 0 auto 13px; }
    .signup-page .signup-form label { font: 500 16px/1 "Roboto"; margin: 13px auto 8px; }
    .signup-page .signup-form .tabled { margin: 0 auto 30px; }
    .signup-page .signup-form .inp-wrap input,
    .signup-page .signup-form .inp-wrap select { box-shadow: none; font: 400 14px/1 "Roboto"; height: auto; min-height: 40px; }

    .sign-up-video-container { width:100%; height:680px; display:table-header-group;}
    .sign-up-video { width:100%; margin:0 auto; height:640px; background:url("/content/images/v2/frankvideo-mid.png") no-repeat center; background-size:cover; cursor: pointer; margin-bottom:30px }
    .sign-up-video:after { content: ""; position: absolute; display: block; top: 45%; left: 45%; width: 46px; height: 36px; z-index: 30; cursor: pointer; } 
    .sign-up-video iframe { top: 0; left: 0; width: 100%; height: 100%; }

    .signup-complete-page .page-head { }
    .signup-complete-page .page-title { text-align: center; }
    .signup-complete-page h1 { display: inline-block; font-size: 34px; letter-spacing: 0; padding: 0; }
    .signup-complete-page h1:before { background-image: url("/content/images/v2/bullet-tick-lrg.png"); height: 29px; margin: 0 5px 0 0; position: static; width: 33px; display: none; }
    .signup-complete-page h2 { font-size: 16px; padding: 0; }
    .signup-complete-page .next-steps li { margin: 0 0 85px; }
    .signup-complete-page .next-steps li:last-child { margin-bottom: 20px; }

    /* REMOVE BELOW WHEN NEW QUOTES ARE IMPLEMENTED */
    .quoted-results { margin: 0 -15px; }
    .quoted-results table { width: auto; }
    .quoted-results table tbody { background: none; }
    .quoted-results table tbody strong, .quoted-results table tbody b { display: block; font-weight: bold; }
    .quoted-results table tbody tr { overflow: hidden; display: block; margin: 0 auto 0; padding: 0 20px; background: #fff; position: relative; }
    .quoted-results table tbody tr.odd, .quoted-results table tbody tr.even { margin-top: 10px; padding: 10px 20px; }
    .quoted-results table tbody tr > * { padding: 5px 0; }
    .quoted-results tbody tr td { width: 100%; float: left; display: block; border-width: 0; background: none; }
    .quoted-results tbody tr.odd td, .quoted-results tbody tr.even td { width: 40%; }
    .quoted-results tbody tr td .expand { position: absolute; top: 20px; right: 20px; display: block; width: 20px; height: 13px; background: url(../images/ico-expand-down.png) no-repeat 0 0; }
    .quoted-results tbody tr td .expand.collapse { background-image: url(../images/ico-expand-up.png); }
    .quoted-results table thead { display: none; }
    .quoted-results table div { float: none !important; width: auto !important; text-align: left !important; }
    /* REMOVE ABOVE WHEN NEW QUOTES ARE IMPLEMENTED */

    #sectioned-content-page .content-with-spot { background-position: 50% 100%; background-image: url("/content/images/v2/bg-why-use-sml.jpg"); background-size: 100% auto; display: block; padding: 25px 0; width: auto; background-image: url("/content/images/v2/bg-why-use-sml.jpg"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZTdmNGZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background-image: url("/content/images/v2/bg-why-use-sml.jpg"), -moz-linear-gradient(-45deg, rgba(231,244,251,1) 1%, rgba(255,255,255,1) 100%); background-image: url("/content/images/v2/bg-why-use-sml.jpg"), -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(231,244,251,1)), color-stop(100%,rgba(255,255,255,1))); background-image: url("/content/images/v2/bg-why-use-sml.jpg"), -webkit-linear-gradient(-45deg, rgba(231,244,251,1) 1%,rgba(255,255,255,1) 100%); background-image: url("/content/images/v2/bg-why-use-sml.jpg"), -o-linear-gradient(-45deg, rgba(231,244,251,1) 1%,rgba(255,255,255,1) 100%); background-image: url("/content/images/v2/bg-why-use-sml.jpg"), -ms-linear-gradient(-45deg, rgba(231,244,251,1) 1%,rgba(255,255,255,1) 100%); background-image: url("/content/images/v2/bg-why-use-sml.jpg"), linear-gradient(135deg, rgba(231,244,251,1) 1%,rgba(255,255,255,1) 100%); }
    #sectioned-content-page .content-with-spot .spotlight-content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; padding: 25px 0 0; width: auto; }
    #sectioned-content-page .content-with-spot .spotlight .btn { display: block; float: none; margin: 0 auto; max-width: 290px; }
    #sectioned-content-page .content-with-spot .body-content { display: block; padding: 20px; background: rgba(255, 255, 255, .7); }

    .dealer-feed-page #main-content .page-wrap { max-width: none; }

    .quote-detail-page .details-block { font: 13px/1.3 Roboto; padding: 0; }
    .quote-detail-page .details-block .page-wrap { padding: 0 5px; }

    .quote-detail-page .quote-detail { overflow: hidden; width: auto; display: block; position: static !important; padding: 10px; background-color: #fff; color: #414042; }
    .quote-detail-page .quote-detail .top { padding: 30px 0 25px 140px; position: relative; margin: 0; border: 0 solid #e1e1e1; border-width: 0 0 1px; }
    .quote-detail-page .quote-detail .top:before { padding: 0 10px; font-size: 12px; line-height: 30px; text-transform: uppercase; text-align: right; font-weight: 700; position: absolute; left: 0; top: 0; right: 0; }

    .quote-detail-page .budget { border-top: 3px solid #af1045; }
    .quote-detail-page .everyday { border-top: 3px solid #52857a; }
    .quote-detail-page .premium { border-top: 3px solid #d5b421; }

    .quote-detail-page .budget .top:before { color: #af1045; content: "Budget"; }
    .quote-detail-page .everyday .top:before { color: #52857a; content: "Everyday"; }
    .quote-detail-page .premium .top:before { color: #d5b421; content: "Premium"; }

    .quote-detail-page .budget .reserved { background-color: #af1045; }
    .quote-detail-page .everyday .reserved { background-color: #52857a; }
    .quote-detail-page .premium .reserved { background-color: #d5b421; }

    .quote-detail-page .details-block img { display: block; margin: 0 auto; max-height: 100%; max-width: 100%; }
    .quote-detail-page .tyre-img { position: absolute; left: 11px; top: 30px; width: 105px; height: 105px; }
    .quote-detail-page .brand-img img { margin: 0; /*width: 100%; height: 100%;*/ }
    .quote-detail-page .brand-img { height: 50px; margin: 10px auto; }
    .quote-detail-page .size { margin: 0 0 5px; }
    .quote-detail-page .total { color: #414042; }
    .quote-detail-page .total-row { display: none; }

    .quote-detail-page .btn-reserve,
    .quote-detail-page .reserved { display: block; font: 700 16px/20px Roboto; margin: 0 auto; max-width: 320px; padding: 7px 15px; border-radius: 12px; text-transform: capitalize; }
    .quote-detail-page .reserved { padding: 5px; color: #fff; text-align: center; }
    .quote-detail-page .top .fit-bal { display: none !important; }
    .quote-detail-page .detail-head .btn-reserve,
    .quote-detail-page .detail-head .reserved { display: none !important; }

    .quote-detail-page .price { margin: 5px 0 10px; }
    .quote-detail-page .price span:first-child { line-height: 1; font-weight: 900; display: inline-block; vertical-align: middle; font-size: 28px; }
    .quote-detail-page .price span:nth-of-type(2) { font-weight: 400; font-size: 11px; line-height: 12px; display: inline-block; vertical-align: middle; text-transform: uppercase; text-align: left; }

    .quote-detail-page .price .total { color: #58595b; margin: 2px 0 0; font-size: 14px; text-transform: uppercase; }
    .quote-detail-page .dbl .model,
    .quote-detail-page .dbl .size { display: none; }
    .quote-detail-page .sgl .model,
    .quote-detail-page .sgl .size,
    .quote-detail-page .end .model,
    .quote-detail-page .end .size { display: inline-block; }

    .quote-detail-page .dbl .top .fit-bal { display: none; }
    .quote-detail-page .dbl .top { padding-bottom: 90px; }
    .quote-detail-page .dbl .tot-row { display: table; width: 100%; position: absolute; bottom: 35px; left: 0; /*border-spacing: 15px 0;*/ text-transform: uppercase; font-size: 16px; font-weight: 700; }
    .quote-detail-page .dbl .tot-row > div { display: table-cell; vertical-align: middle; }
    .quote-detail-page .dbl .tot-row .total { color: #58595b; margin: 0; width: 140px; }
    .quote-detail-page .dbl .tot-row .total strong { font: inherit; }
    .quote-detail-page .dbl .btn-reserve,
    .quote-detail-page .dbl .reserved { display: none; }
    .quote-detail-page .dbl .tot-row .btn-reserve,
    .quote-detail-page .dbl .tot-row .reserved { display: block; }
    .quote-detail-page .end .title { font-size: 15px; font-weight: 700; text-transform: uppercase; }
    .quote-detail-page .rear { margin: 20px 0 0; }
    .quote-detail-page .end .title2 { display: none; }

    .quote-detail-page .fit-bal { font-weight: 700; font-size: 12px; line-height: 1.15em; color: #006698; text-align: center; }
    .quote-detail-page .fit-bal .fit-bal-ico { width: 25px; margin: 0 10px 0 0; display: inline-block; vertical-align: middle; }
    .quote-detail-page .fit-bal span { display: inline-block; vertical-align: middle; }
    .quote-detail-page .fit-bal span span { display: block; text-align: left; }

    .quote-detail-page .bot { padding: 25px 5px; font-weight: 400; font-size: 12px; line-height: 14px; text-align: center; }

    .quote-detail-page .content .avail-f { display: table; width: 100%; margin: 0 auto 30px; text-align: left; }
    .quote-detail-page .content .avail-f > div { display: table-cell; vertical-align: top; }
    .quote-detail-page .content .avail-f .end-title { text-transform: uppercase; display: block; margin: 10px 0 0; font-weight: 700; }
    .quote-detail-page .content .avail-f :first-child > .end-title { margin-top: 0; }
    .quote-detail-page .content .avail-f .avail { color: #019501; display: block; margin: 2px; }
    .quote-detail-page .content .avail-f .avail .label { font-weight: 700; text-transform: none; }

    .quote-detail-page .content .avail-f .run-f,
    .quote-detail-page .content .avail-f .eco-f { font-size: 11px; text-transform: uppercase; white-space: nowrap; margin: 0 10px 0 0; }
    .quote-detail-page .content .avail-f .run-f img,
    .quote-detail-page .content .avail-f .eco-f img { height: 15px; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
    .quote-detail-page .content .avail-f .run-f span,
    .quote-detail-page .content .avail-f .eco-f span { vertical-align: middle; }
    .quote-detail-page .content .avail-f .eco-f { clear: right; color: #829f1f; }

    .quote-detail-page .dealer-note { color: #015b7d; font-weight: 500; margin: 0 0 1.5em; padding: 0; }
    .quote-detail-page .dealer-note .label { text-transform: uppercase; }
    .quote-detail-page .comments p { margin: 0 0 1em; }
    .quote-detail-page .comments ul { margin: 1em 0 1em 1em; list-style: disc outside none; text-align: left; }
    .quote-detail-page .comments ul li { margin: 0; list-style: inherit; }
    .quote-detail-page .comments .overflow-wrap { height: 28px; overflow-x: hidden; overflow-y: hidden; }
    .quote-detail-page .comments .read-more { color: #00acde; display: inline-block; font-size: 12px; font-weight: 500; line-height: 18px; }
    .quote-detail-page .comments.show-overflow .overflow-wrap { height: auto; }
    .quote-detail-page .comments.show-overflow .read-more { display: none; }

    .quote-detail-page .supplier { color: #414042; font-weight: 500; padding: 0; line-height: 15px; }
    .quote-detail-page .supplier .supplier-dtop { display: none; }
    .quote-detail-page .supplier address { text-transform: uppercase; font-style: normal; }
    .quote-detail-page .supplier-img { margin: 20px auto 15px; }
    .quote-detail-page .supplier-img img { margin: 0 auto; }
    .quote-detail-page .supplier-img .default-logo { height: 50px; }
    .quote-detail-page .supplier .email-quote { display: none; }
    .quote-detail-page .supplier .btn-reserve,
    .quote-detail-page .supplier .reserved { display: block; margin: 10px auto 0; }
    .quote-detail-page .or { padding: 5px; font-size: 18px; text-align: center }
    .quote-detail-page .btn-phone { padding: 7px 14px;border-radius: 15px; font-size: 14px; width: 100% }

    .quote-detail-page .supplier-map-wrap { width: auto; height: 222px; margin: 20px auto; }
    .quote-detail-page .supplier-map-wrap #map { width: 100% !important; height: 100% !important; }
    .quote-detail-page .supplier-map-wrap img { max-width: none; max-height: none; }

    .quote-detail-page .quote-detail .top,
    .quote-detail-page .quote-detail .bot { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 320px; margin: 0 auto; }
    .quote-detail-page .quote-detail .free { color: #019501; display: block; margin-bottom: 6px; font-size: 12px; font-weight: bold }
    .quote-detail-page .quote-detail .all { font-size: 14px; padding: 5px; float: left; position: relative; z-index: 100; }

    .chg-tyre-wrap .tyre-img { display: block; margin: 0 auto 20px; width: 100%; }
    .chg-tyre-wrap .end-wrap { display: block; margin: 0 auto 20px; max-width: 500px; }
    .chg-tyre-wrap .size-selector { display: block; margin: 0 auto 20px; padding: 0; }
    .chg-tyre-wrap .size-selector .end,
    .size-selector .end .params-row { margin: 0 auto; }

    .hp-vimeo-lnk { margin: 10px auto 0; position: relative; }
    .step0 .hp-vimeo-lnk { margin-top: 0; }

    .why-use-header {  width: 100%; height: 220px; background: url(../images/V2/1-whyuse-header.png) no-repeat top center; background-size: cover;}
    .why-use-header2 {  width: 100%; height: 220px; background: url(../images/V2/4-whyuse-notext.png) no-repeat top center; background-size: cover;}
    .why-use-header div { text-align:center; display:table; width: 100%; height: 100%; }
    .why-use-header div h1 { display:table-cell; vertical-align:middle; color:white; text-shadow: 2px 2px #989898; text-transform: none; font-size: 50px; line-height: 60px;}
    .why-use-header2 div { text-align:center; display:table; width: 100%; height: 100%; }
    .why-use-header2 div h1 { display:table-cell; vertical-align:middle; color:white; text-shadow: 2px 2px #989898; text-transform: none; font-size: 50px; line-height: 60px;}

    .why-use-container { width: 100%; background-color: transparent; text-align: center; margin-top: 70px;}
    .why-use-center-wrapper { margin: auto; width: 490px !important; height:800px }
    .why-use-center-wrapper2 { margin: auto; width: 450px !important; }
    .why-use-step { width:210px; margin:10px; background-color:white; height:350px; float:left; }
    .why-use-step p { font-size: 20px; padding: 10px; }
    .why-use-step img { margin-bottom: 20px; }

     ul.why-use-reasons { list-style-image: url(../images/V2/5-bluetick.png); }
     ul.why-use-reasons li { font-size: 25px; margin:25px; padding-left:15px;}

    .why-use-video-container { width:100%; height:726px; }
    .why-use-video { width:70%; margin:0 auto; height:600px; background:url("/content/images/v2/3-why-use-video-mob.png") no-repeat center; background-size:cover; cursor: pointer; }
    .why-use-video:after { content: ""; position: absolute; display: block; top: 45%; left: 45%; width: 46px; height: 36px; z-index: 30; cursor: pointer; } 
    .why-use-video iframe { top: 0; left: 0; width: 100%; height: 100%; }


    .our-story-header {  width: 100%; height: 220px; background: url(../images/V2/1-ourstory-header.png) no-repeat top center; background-size: cover;}
    .our-story-header div { text-align: center; display: table;  width: 70%; height: 100%; margin-top: auto; }
    .our-story-header div h1 { display:table-cell; vertical-align:middle; color:white; text-shadow: 2px 2px #989898; text-transform: none; font-size: 50px;}

    .our-story-container { width: 100%; background-color: transparent; text-align: left; margin-top: 70px;}
    .our-story-center-wrapper { margin: auto; width: 600px !important; height:1200px; }
    .our-story-center-wrapper h2 { text-transform: none; margin-bottom:25px; margin-top:25px; font-size:28px; }
    .our-story-center-wrapper p { text-transform: none; margin-bottom:20px; font-size:19px; text-align: justify; }
    .our-story-center-wrapper a { text-decoration: none}

    .contact-us-header {  width: 100%; height: 220px; background: url(/content/images/v2/1-contact-us-header.png) no-repeat top center; background-size: cover; margin-top: 60px;}
    .contact-us-header div { text-align: center; display: table;  width: 70%; height: 100%; margin-top: auto; }
    .contact-us-header div h1 { display:table-cell; vertical-align:middle; color:white; text-shadow: 2px 2px #989898; text-transform: none; font-size: 50px; line-height: 50px;}
    .contact-us-center-wrapper span { margin-left: 10px; font-size:22px; }

     .contact-us-container { width: 100%; background-color: transparent; text-align: left; margin-top: 70px;}
     .contact-us-center-wrapper { margin: auto; width: 800px !important; height:700px; }
     .contact-us-center-wrapper p { text-transform: none; margin-bottom:20px; font-size:19px; text-align: justify; }
     .contactButton { margin-top:30px; background: url(../images/V2/3-submit_button.png); width:244px; height:53px; cursor: pointer; display: inline-block; box-shadow: 4px 4px 4px #888888; border-radius: 7px;}

     #contacForm .halfRow { float:left; width:48%; margin-top:20px; margin-right:1%;}
     #contacForm .halfRow input { width:100%; margin-top:10px;}
     #contacForm .halfRow label { text-transform: uppercase; font-weight:bold; font-size: 15px; }
     #contacForm .wholeRow { float:left; width:100%; margin-top:20px}
     #contacForm .wholeRow textarea { width:97%; margin-top:10px; height:120px;}
     #contacForm .wholeRow label { text-transform: uppercase; font-weight:bold; font-size: 15px; }

	 .new-catalogue-tyre .tyre-info .info-div .tyre-image { display: inline; }
	 .new-catalogue-tyre { margin: 5px 2px; }

	.photo-uploader-content { overflow:hidden; width:100%; padding:15px; font-size:20px; }
	.photo-tips-pic { float:left; width:35%; }
	.photo-tips-pic .tips { content:url('../images/V2/15-wheelpics.png'); width:auto; height:auto; }
	.photo-tips-info { float:left; width:59%; position:relative; }
	.photo-tips-info img { height: 90px; position:absolute; display: block; right:0px; right:0px; }
	.photo-tips-info .title { font-size:26px; margin:0 0 10px; font-weight:bold; display:block; }
	.photo-tips-info ol { margin: 20px 0 0 20px; font-size:18px; font-weight:bold; width:100%; }
	.photo-tips-info ol li { line-height:30px; }

	.photo-container { position:relative; margin-top:5px; }
	.photo-container .photo-container-img { width: 130px; height: 100px; background:black; margin-left: 20px; float:none;}
	.photo-marker { position:absolute; left:0px; top: 30px; height: 40px; width: 40px; border-radius: 20px; z-index: 1; }
	
	.wrong { background: #ff0000; }
	.wrongpic { display: block; }
	.good { background: #74c900; }
	.goodpic { display:block; }
	.edit { background: #009ed5; }
	.userpic { display: block; width: auto; }
	.userpic-size { width: 130px !important; height: 100px !important; }

	.tip1:before { content: 'Ensure camera flash is'; }
	.tip1 span:before { content: ' ON'; }
	.tip2:before { content: 'Zoom in to '; }
	.tip2 span:before { content: 'capture the whole tyre'; }
	.tip3:before { content: 'Make sure photo is '; }
	.tip3 span:before { content: 'crisp and clear'; }

	#tyre-photo-tips .content-wrap { max-width: 100%; width: 745px; line-height: 25px; }
	#tyre-photo-tips .img { float: left; margin: 0 85px 0 10px; max-width: 100%; }
	#tyre-photo-tips .img img { display: block; max-width: 100%; margin: 0 auto 2px; }
	#tyre-photo-tips .content { overflow: hidden; }
	#tyre-photo-tips h4 { font: 700 34px/30px "DIN Next LT Pro Condensed"; margin: 0 0 10px; text-transform: uppercase; letter-spacing: -.3px; }
	#tyre-photo-tips p { margin: 0 auto; }
	#tyre-photo-tips ul { margin: 15px auto 25px; }
	#tyre-photo-tips li { margin: 5px 0; position: relative; padding: 0 0 0 30px; }
	#tyre-photo-tips li img { position: absolute; left: 0; top: 2px; }
	#tyre-photo-tips .btn-ul { min-width: 182px; }

	.home-button-popup { position:absolute; left: 24px; font-size:14px; top: 10px; text-decoration: initial; }
	.home-button-popup span { display:block !important; margin: -8px; }
	.title-popup-image { font-size:23px; }


	.spec-content .description { position:absolute; width:400px; height:230px; background:white; bottom:66px; border: 4px solid #cccccc; color: #333333; z-index:8; }
	.detail-tyre-info-container { width: 100%; margin: 0; padding: 0; }
	.detail-tyre-info-container .tyre-specs { margin:0; }
    
	.detail-left-panel-spec { margin: 0 30px; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; }

	.inclusions { width: 46%; float:left; }
	.detail-right-panel-price { width: 42%; overflow:hidden; padding: 0 0 0 26px; }
	.detail-right-panel-price .quantity-select select { padding: 7px 15px; }
	
	.fitter-details .detail-left-panel { width:100%; float:none; }
	.fitter-details .detail-left-panel .buy-online { position:inherit; }
	.fitter-details .detail-left-panel table { margin-bottom: 15px; }

	.fitter-details .detail-right-panel { width: 100%; padding:0; margin-top:0; }
	.fitter-details .detail-right-panel .right-mark-location { display:none;}
	.fitter-details .detail-right-panel .dealer-info { text-align:center; width:auto; }

	.wheel-align-info .wheel-img { display:none; }
	.wheel-align-info .wheel-prices { width:100%; }
	.payment-container .paymnet-options { margin: 0 auto; }
	.payment-container .paymnet-options .payment-opt-cont { overflow:hidden; height:100px; float:left; margin-right: 25px !important; width:60px; }
	.payment-container .paymnet-options .payment-opt-cont img { max-width: 94%; }

	.face-review a { width:100%; margin:0; }

	.price-mobi-hide { display: inherit; }
	.show-mobi-hide { display:none; }

	.top-header-desc { font-size:20px; }

	.vehicle-detail-read-more-desk {height: auto; margin-top: 0; font-size: 14px; padding-bottom: 8px; padding-left: 5px; }
	.vehicle-detail-read-more-mobi { display: none; }

	.location-pin { content:url(../images/V2/pin-icon-white.png); width:15%; }

	.quote-comp-page .head-block { text-align: center; }
    .quote-comp-page .head-block h1 { font: 500 14px/22px Roboto; text-transform: lowercase; margin: 0 0 5px; padding: 0; }
    .quote-comp-page .head-block h2 { font: 500 18px/22px Roboto; text-transform: lowercase; margin: 0; padding: 0; }
    .quote-comp-page .head-block h1:first-letter,
    .quote-comp-page .head-block h2:first-letter { text-transform: uppercase; }
    .quote-comp-page .head-block .content { background-color: #ffffff; padding: 16px 10px; color: #000; margin-bottom: -10px}
    /*added margin top of 20px to quote request sort*/
    .quote-comp-page .head-block .filter-block { font: 700 13px/11px Roboto; margin: 10px auto; margin-top:20px }
    .quote-comp-page .head-block .filter-block .sel-wrap { background: url("/content/images/v2/sel-arr-414042.png") no-repeat 100% 50% #fff; border: 0 none; border-radius: 10px; color: #414042; display: block; vertical-align: middle; font: inherit; height: auto; margin: 0 auto; text-align: left; float: none; max-width: 320px; }
    .quote-comp-page .head-block .filter-block .sel-wrap .val { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; font: inherit; padding: 0 40px 0 20px; vertical-align: middle; height: 37px; width: 100%; }

	.new-filter-comparison { width:80%; float: left; margin: 20px 0 0 10px; }
	.new-filter-comparison .label { color:#2d2d2d; display:block; margin:5px; }
	.new-filter-comparison .label .filter-name { font-weight:bold; }
	.new-filter-comparison .select-info { width:99%; height:40px; border: 1px solid #949494; color:#2d2d2d; position:relative; cursor:pointer; background: white;}
	.new-filter-comparison .select-info:hover { background: #d0d0d0;}
	.new-filter-comparison .select-info .filter-selected { display:block; margin-left:10px; line-height:40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 75%; }
	.new-filter-comparison .select-info .select-arrow { float:left; width:0px; height:0px; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid #2d2d2d; position: absolute; right: 10px; top:15px; }

	.new-filter-apply { width:18%; float: left; margin: 0 0 0 1%; }
	.new-filter-apply .label { color:white; text-align:right; text-decoration:underline; cursor:pointer; }

    .new-catalogue-tyre {margin: 5px 2px}

	.new-filter-comparison .filter-content { display:none; width:100%; background:white; margin-top:25px; position:relative; padding:10px 0 0 0; z-index:2; color:black;}
	.new-filter-comparison .filter-content .filters { height:185px; overflow-y:scroll; position: relative; }
	.new-filter-comparison .filter-content .select-tab { float:left; width:0px; height:0px; border-left:14px solid transparent; border-right:14px solid transparent; border-bottom:14px solid white; position:absolute; top:-14px; left:12px; }
	.new-filter-comparison .filter-content .done-button { display: block; float:left; margin: 10px 0; padding: 5px 0; background: linear-gradient(#d32027,#790101); width: 45%; height: 30px; line-height: 30px; text-align: center; color: white; border: 1px solid lightgrey; cursor:pointer; }
	.new-filter-comparison .filter-content .done-button:hover { background:#333333; }
	.new-filter-comparison .filter-content .clear-button { margin: 10px 0; padding: 5px 0; width: 45%; line-height: 32px; text-align: center; display: inline-block; }
	.new-filter-comparison .filter-content .clear-filter { cursor:pointer; }

	.pre-filter-screen { display:none; background:black; opacity:0.5; z-index:3; height:140%; width:100%; position:absolute; margin-top: -5px; }

    .apply-new-filter:hover {
        background: #737373
    }

	.openFilter { display: block !important; }

	.checkbox-custom, .radio-custom { opacity: 0; position: absolute; }
	.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label { display: inline-block; vertical-align: middle; margin: 3px 0px 3px 0; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 95%;color: #2d2d2d;border-color: #fff; font-weight: 400; height: 28px;}
	.checkbox-custom-label, .radio-custom-label { position: relative; padding: 5px 0;}
   
    .radio-custom + .radio-custom-label:before { border-radius: 50%; }
	.radio-custom:checked + .radio-custom-label:before { background: #737373; box-shadow: inset 0px 0px 0px 4px #fff; }

	.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label { outline: 0px solid #ddd; /* focus style */ }

	::-webkit-scrollbar { width: 10px; height: 10px; }
	::-webkit-scrollbar-track { background-color: #eaeaea; }
	::-webkit-scrollbar-thumb { background-color: #ccc; }
	::-webkit-scrollbar-thumb:hover { background-color: #aaa;}

    .advertising-band {
        display: none;
    }
	.advertising-mobile { display:block; }
	.checkout-reserve-now { margin-top: 10px; width: 100%; margin-left: 20px; }

	.postcode-landing-comparison { background: url("/content/images/v2/7-quotes.png") no-repeat center; background-size: cover; padding:40px 0 30px; }
	.postcode-landing-comparison h1 { font-size: 47px; text-transform: none; color: white; line-height: initial; text-align: center; }
	#searchLanding.disabled { opacity: 0.8; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
	.lading-address-input { width: 100%; text-align: center; height: 80px; border-radius: 5px; font-size:0.9em !important; border: 3px solid !important; }
	.btn-search-landing { font-size: 36px !important; padding: 25px 70px !important; margin-top: 15px !important; }
	.span-landing-location { display:block; }
	.landing-size-font { font-size: 15px !important; }
	.landing-size-search-title { display: block; color: white; text-align: center; width: 100%; font-size: 38px; font-weight: bold; margin-bottom: 10px; }
	.landing-address-input-both { width: 100%; text-align: center; height: 61px; border-radius: 5px; font-size:0.8em !important; border: 3px solid !important; }
	.size-both { padding: 5px 0 0 0; width: 45% !important; margin:0 auto; }
	.postcode-both { margin: 0 0 10px 10px; width:82% !important; display:none; margin:0 auto; padding-left: 10px; }
	.region-lading-name { color: #48a3c9; text-shadow: 1px 1px #010101; font-size:1.2em; display:block; }

	.landing-tyresize-sel { color: #48a3c9; position: relative; height: 70px; display: inline; cursor: pointer; }
	.landing-tyresize-sel .change-lbl { color:white; position: absolute; font-size: 16px; top: 60px; left: 90px; }


	.detailed-quote-req { width: 98%; padding:0; }

    .detail-tyre-info-container .image-container .img-div { margin: 0; }
	.detail-tyre-info-container .image-container { float: none; width: 230px; height: 210px; margin:0 auto; }
    .detail-tyre-info-container .overflow-mask { width: 100%; text-align: center; }
    .detail-tyre-info-container .overflow-mask-model { width: 100%; text-align: center; }
	.detail-tyre-info-container .availability { overflow: hidden; margin-top: 5px; width: 100%; float: none; text-align: center; }
	.detail-tyre-info-container .tyre-specs { width: 100%; float:none; }

	.description .title-bar .title-section .title-close { right: 40px; }

	.seller-price-details { width:100%; float:none; overflow:hidden; margin:0; display: inherit; }

	/*width:33%; float:left; overflow:hidden; background:#FBFBFB; margin-left:2%; border-top: 1px solid #E9E9E9; font-size:16px;*/ 
	.decription-details-section{ width:100%; overflow:hidden; background:#FBFBFB; font-size:16px; border-radius: 5px 5px 0 0; }

	.search-bar { display:none; }

    .hide-mobile { display: none; }
    .mw-m-100 { max-width: 100% !important; }
    .new-tyre-description { width: calc(100% - 40px); }

    .benefits,
    .review-cards {
        display: block;
    }
    .benefits > .benefit,
    .review-cards > .review-card {
        width: auto;
    }
    .benefits .benefit{
        margin-right: 0 !important;
    }

    .seller-details-right-section {
        margin-top: 10px;
    }
    .customer-request{
        padding-top: 0 !important;
    }

    .by-brand-name-page .by-brand-name-header, #SeoHeadings.search-by-brand-page {
        margin-top: 61px !important;
    }

    .by-brand-name-page #main-content .page-wrap {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .by-brand-name-page #header, .search-by-brand-page #header  {
        z-index: 300;
    }

    /* One page size*/
    .one-page-site .site-card {
        margin-top: 61px;
    }
    .one-page-site .carousel-inner > .item > img {
        height: 368px;
    }

    .quote-comp-page .breadcrumbs {
        padding-top: 10px;
        padding-left: 23px;
    }
}

@media screen and (max-width:992px){
    .squote-page .squote-res .card-body .col-bg-gray{
        background: #bdbdbf;
    }
    .squote-page .squote-res .card.card-body .row {
        line-height: 1.5rem;
    }
    /*.squote-page .squote-res .card.card-body .rows-lev-2:nth-child(2n) {
        background-color: white;
    }*/
   .squote-page .squote-res .card.card-body .rows-lev-2.row-bg-gray {
        background-color: #bdbdbf;
    }
}

@media screen and (max-width:959px) {
    .postcode-landing-comparison h1 {
        font-size: 39px;
        text-transform: none;
        color: white;
        line-height: initial;
    }

    .lading-address-input {
        width: 100%;
        text-align: center;
        height: 70px;
        border-radius: 5px;
        font-size: 0.7em !important;
        border: 3px solid !important;
    }

    .btn-search-landing {
        font-size: 30px !important;
        padding: 25px 70px !important;
        margin-top: 15px !important;
    }

    .landing-size-search-title {
        font-size: 34px;
    }

    .landing-address-input-both {
        width: 100%;
        text-align: center;
        height: 61px;
        border-radius: 5px;
        font-size: 0.8em !important;
        border: 3px solid !important;
    }

    .landing-both {
        width: 85% !important;
    }

    .landing-tyresize-sel {
        color: #48a3c9;
        position: relative;
        height: 70px;
        display: inline;
        cursor: pointer;
    }

        .landing-tyresize-sel .change-lbl {
            color: white;
            position: absolute;
            font-size: 16px;
            top: 57px;
            right: 128px;
        }

    .desktop-hide {
        display: block;
    }


    
    .dealer-my-details-page .my-details-content .block-content .block-body .row-border-bottom > label {
        max-width: 160px;
    }
}

@media screen and (max-width:860px) {

	.special-request .inp-row { padding: 0 15px; }
    .special-request .inp-row label { float: none; display: block; text-align: center; width: auto; margin: 0 0 5px; }
    .special-request .inp-row input { margin: 0; }

    .special-request .inp-row .email input { width: 100%; }
    .special-request .inp-row.phone input { width: 100%; }
	.special-request .inp-row.name input { width: Calc(100% - 120px); }
    .special-request .inp-row .note { float: none; margin: 5px 0; display: block; }
    .special-request .btn-row { margin: 10px auto 0; padding: 0 15px 15px; }
    .special-request .btn-row label { display: none; }
    .special-request .btn-row .btn { min-width: 0; display: block; width: 153px; margin: 0 auto; }

	.special-request { width:100%; margin:0 auto; background-color: white; padding-bottom:10px; }
	.special-request .content { text-align: center; }
}

@media screen and (max-width:850px) {
    #tyre-photo-tips .content-wrap { width: auto; padding: 40px; text-align: center; }
    #tyre-photo-tips .content { display: inline-block; text-align: left; }
    #tyre-photo-tips .img { margin: 0 0 20px; float: none; text-align: center; }

    #footer .top { height: auto; }
    #footer .top .page-wrap { height: auto; max-width: 480px; }
    #footer .top ul { display: block; height: auto; padding: 10px 0 13px; }
    #footer .top li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 0 6px 5px; width: 32%; }

    #sectioned-content-page .content-with-spot { display: block; padding: 25px 0; width: auto; }
    #sectioned-content-page .content-with-spot .spotlight-content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; min-height: 200px; padding: 25px 0 0; position: relative; width: auto; }
    #sectioned-content-page .content-with-spot .spotlight { bottom: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; position: absolute; right: 0; width: 100%; }
    #sectioned-content-page .content-with-spot .spotlight .btn { display: block; float: none; margin: 0 auto; max-width: 290px; font-size: 16px; line-height: 20px; padding: 8px 15px; border-radius: 12px; }
    #sectioned-content-page .content-with-spot .body-content { display: block; }
    #sectioned-content-page .content-with-spot ul { margin: 1em 0 0 20px; }
    #sectioned-content-page .content-with-spot li { padding: 0 0 8px; }

     .contact-us-center-wrapper { margin: auto; width: 600px !important; height:700px; }
}

@media screen and (max-width:825px){
    .div-info-cust {
        float: left;
        margin-top: 30px;
        width: auto;
    }
}

@media screen and (max-width:850px) and (min-width:481px) {
    #tyre-photo-tips .img { float: none; }
    #tyre-photo-tips .img img { display: inline-block; margin: 0 1%; max-width: 47%; }
}

@media screen and (max-width:767px) {
    .sorting-select {
        background: transparent;
        border: 1px solid #ccc;
        border-radius: 7px;
        padding: 13px;
        width: 100%;
        text-align: center;
        cursor: pointer;
        font-family: "DIN Next LT Pro";
        font-weight: 700;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    .sorting-select::-ms-expand {
        display: none;
    }
    .sorting-select option {
        font-family: "DIN Next LT Pro";
        font-weight: 400;
    }

    .filters-button {
        background: transparent;
        border: 1px solid #ccc;
        border-radius: 7px;
        padding: 13px;
        width: 100%;
        text-align: center;
        font-family: "DIN Next LT Pro";
        font-weight: 700;
    }

    .back-button-nav{display:inline-block}
    #optus-modal {
        display: none;
    }
    .benefit-list { height: auto; }
    .benefit-list ul { height: auto; font-size: 18px; line-height: 25px; max-width: none; }
    .benefit-list li { border-width: 1px 0 0; display: table-row; border-color: rgba(255, 255, 255, 0.2); }
    .benefit-list li:first-child { border-top-width: 0; }
    .benefit-list li div { display: table-cell; padding: 22px 0; text-align: center; vertical-align: middle; }
    .benefit-list li img, .benefit-list li span { }
    .benefit-list li img { height: 67px; }
    .benefit-list li span { width: 220px; }

    #step4 { background: rgba(255, 255, 255, .96); }

	#easy-shopping { min-height:172px; background: url("/content/images/v2/4-wemake-572.png") no-repeat center center; background-color:white;}
	#easy-shopping:before,
	#easy-shopping:after { content:" "; display:table;}
	#easy-shoppinge:after { clear:both; }
	#free-compare { height:60%; background: url("/content/images/v2/5-freetocompare.png") no-repeat center; background-size:cover;}
	#free-compare:before,
	#free-compare:after { content:" "; display:table;}
	#free-compare:after { clear:both; }
	#any-tyre-vehicle {  min-height:152px; background: url("/content/images/v2/6-anytyreanyvehicle-572.png") no-repeat center center; background-color:white; }
	#any-tyre-vehicle:before,
	#any-tyre-vehicle:after { content:" "; display:table;}
	#any-tyre-vehicle:after { clear:both; }
	#customer-quotes { min-height:245px;  background: url("/content/images/v2/7-quotes-572.png") no-repeat center; background-size:cover;}
	#customer-quotes .productreview {margin: 0 auto 30px; }
	#customer-quotes .cust-quote-text { margin:60px 0 30px; text-align: center; color:white; font-weight:900; font-size:35px; text-shadow: 2px 2px #756b6b; }
	#customer-quotes:before,
	#customer-quotes:after { content:" "; display:table;}
	#customer-quotes:after { clear:both; }
	#tyrecompare-badges { min-height:172px; width:100%; background: url("/content/images/v2/8-badges-572.png") no-repeat center center; background-color:white;}
	#tyrecompare-badges:before,
	#tyrecompare-badges:after { content:" "; display:table;}
	#tyrecompare-badges:after { clear:both; }

	#Brand-Span { display: table; margin: 0 auto; padding: 30px 0 0; text-align: center; color: #313131; font-size: 34px; }
	.red-tag { display: block; height: 5px; width: 80px; background: red; -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); transform: skewX(-20deg); margin: 0 auto; }

    .quote-wrap .submit-confirm { font: 400 14px/17px Roboto; padding: 25px 25px 40px; text-align: center; }
    .quote-wrap .submit-confirm h2 { font: 700 20px/24px Roboto; margin: 0; }
    .quote-wrap .submit-confirm p { margin: 10px 0 0; }
    .quote-wrap .submit-confirm .tick { display: block; width: auto; padding: 0; margin: 0 auto 15px; }
    .quote-wrap .submit-confirm .content { display: block; width: auto; }

    .quote-wrap .next-steps { max-width: none; padding: 40px 20px 35px; text-align: center; }
    .quote-wrap .next-steps h3 { color: #006698; text-transform: capitalize; }
    .quote-wrap .next-steps ul { display: block; max-width: 240px; }
    .quote-wrap .next-steps li { display: block; padding: 25px 0 0; width: 100%; }
    .quote-wrap .next-steps .num { max-width: 185px; }

    #footer .benefit-list .page-wrap { max-width: none; padding: 0; }

    #footer .top { height: auto; }
    #footer .wrap { display: block; height: auto; width: auto; padding-top: 0px;}
    #footer .shares,
    #footer .links,
    #footer .btns { display: block; margin: 0 0 13px; text-align: center; }

    #footer .btn {
        font-size: 13px;
    }
    .dealers-latest-posts {
        display: none;
    }

    #footer .row-link > a {
        text-decoration: none;
        margin-left: 2px;
        margin-right: 2px;
        font-weight: normal;
    }

    #footer .links { font: 100 18px/24px Roboto; margin: 0 auto }
    #footer .links ul { text-align: center }

    #footer h4 { display: none }


    #footer .shares ul { display: table; margin: 0 auto; width: auto; }
    #footer .shares li { display: table-cell; vertical-align: middle; height: 34px; padding: 0 8px; }
    #footer .links ul { display: block; }
    #footer .links ul li { display: inline-block; float: none; }
    #footer .btns { margin: 0 -15px; }
    #footer .btns > span { display: table; margin: 0 auto; width: 100%; max-width: 320px; }
    #footer .btns > span > * { min-width: 0; width: 50%; }

    #content-page h1 { font-size: 40px; line-height: 34px; }
    #content-page h2 { font-size: 21px; line-height: 1; }
    #content-page h3 { font-size: 21px; line-height: 1; }

    #content-page .page-body .page-wrap { padding: 20px 15px; }

    #sectioned-content-page .testimonials-block { padding: 45px 0; }
    #sectioned-content-page .testimonials-block h2 { font: 700 21px/24px Roboto; max-width: 210px; }
    #sectioned-content-page .testimonials-block h2:before { height: 50px; width: 50px; }
    #sectioned-content-page .testimonials-block .testimonials-wrap { border: 1px solid #fff; border-width: 1px 0 0; display: block; font: 400 12px/15px Roboto; max-width: 350px; margin: 0 auto; }
    #sectioned-content-page .testimonials-block .testimonial { border: 0 none !important; display: block; padding: 20px 40px 0; text-align: center; }

    #content-page .page-body .columns { display: block; margin: 0 auto; max-width: 320px; width: auto; }
    #content-page .page-body .columns .left-content { display: block; width: auto; padding: 0; }
    #content-page .page-body .columns .right-content { display: block; width: auto; margin-top: 30px; padding: 0; }

    .squote-page #tyre-img-zoom { display: none !important; }

	.checkout-page { width:100%; overflow:hidden; background:#fff; margin-top:30px; }
	.checkout-page .container { padding:30px 0; }
	.checkout-page .container .btn-pay-now { width: 95%; }
	.checkout-page .container .steps { float:right; width:100%; }
	.checkout-page .container .steps .step-wrap .step-number h3 { font-size: 21px; }
	.checkout-page .container .summary { float:right; width:100%; margin-top: 30px; border-top: 2px solid black; padding-top: 20px; }
	.checkout-page .container .summary .summary-content { width:99%; }
	.checkout-page .container .steps .step-wrap .step-info .personal-details input { width:95%; }
	.checkout-page .container .steps .step-wrap .step-info .payment-details .date-card { width:30%; }

    .div-info-cust {
        margin-right: 0;
        float: right;
        margin-top: -40px;
    }
    .mobile-not-friendly {
        display: none;
    }
    .quote-comp-page .head-block .customer-request-content {
        margin-top: 60px !important;
    }
    .traffic-page-filters {
        display: none;
    }

    .by-brand-name-page .block-content .bars-container .bars:first-child {
        margin-bottom: 20px;
    }

    .brand-search-panel .brand {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        max-width: 500px;
        margin-top: 10px;
    }

    .brand-search-panel .pattern {
        border-radius: 5px;
        max-width: 500px;
        margin-top: 10px;
    }

    .brand-search-panel .search-btn {
        background: transparent !important;
        border: none;
        padding: 0;
        width: 100%;
        max-width: 500px;
        margin-top: 10px;
    }

        .brand-search-panel .search-btn .btn {
            padding: 10px 20px;
            width: 100%;
        }


    .dealer-signup .grey-box {
        padding: 0;
    }
    .dealer-signup .bg-md-gray {
        background-color: #F3F4F6 !important;
        padding: 25px 0;
    }

    .dealer-signup .curved-underline:after {
        background-image: url(/content/images/v2/signup/icons/curved-underline-mobile.svg) !important;
        background-size: contain !important;
    }

    .dealer-signup .curved-underline.underline-1:after {
        background-image: url(/content/images/v2/signup/icons/curved-underline.svg) !important;
        bottom: -8px;
        left: 2px;
        width: 74px;
        height: 10px;
    }

    .dealer-signup .curved-underline.underline-2:after {
        bottom: -9px;
        width: 183px;
        height: 12px;
    }

    .dealer-signup .curved-underline.underline-3:after {
        background-image: url(/content/images/v2/signup/icons/curved-underline-2.svg) !important;
        width: 179px;
    }

    .dealer-signup .curved-underline.underline-4:after {
        bottom: -8px;
        left: -17px;
        width: 133px;
        height: 10px;
    }

    .dealer-signup .curved-underline.underline-5:after {
        bottom: -5px;
        left: -7px;
        width: 186px;
        height: 11px;
    }

    .dealer-signup .curved-underline.underline-7:after {
        bottom: -14px;
        height: 10px;
    }

    .dealer-signup .curved-underline.underline-8:after {
        bottom: -17px;
        height: 10px;
    }

    .dealer-signup #main-content .top-section .page-wrap {
        padding: 100px 15px;
    }

    .dealer-signup .top-section .logo-divider img {
        width: 58px;
    }
    .dealer-signup #main-content .individual-strong-line-mobile > strong {
        display: block;
        line-height: 30px;
    }

    .dealer-signup .top-section .title-box {
        padding-left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
        .dealer-signup .top-section .title-box h1 .title {
            justify-content: center;
            font-size: 43px;
        }

        .dealer-signup .top-section .title-box h1 .short-logo {
            position: static;
        }

        .dealer-signup .top-section .title-box h1 .subtitle {
            margin-top: 11px;
            font-size: 25px;
            line-height: 28px;
            letter-spacing: 0.15px;
        }

        .dealer-signup .top-section .title-box .description {
            font-size: 17px;
            line-height: 1.3;
            max-width: 191px;
            margin-left: 0;
            margin-top: 14px;
            margin-bottom: 25px;
        }
        .dealer-signup .top-section .title-box > br {
            display: none;
        }
    .dealer-signup .top-section .heading-box {
        max-width: 100%;
        margin: 0;
        padding: 22px 20px 18px;
    }

        .dealer-signup .top-section .heading-box .heading-box-subtitle {
            margin: 14px 0 20px;
        }

        .dealer-signup .top-section .heading-box .btn-red {
            height: 44px;
            margin-bottom: 20px;
        }

        .dealer-signup .top-section .heading-box .btn-tea {
            height: 44px;
            margin-bottom: 16px;
        }
    .dealer-signup .subtitle-large {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0.35px;
    }

    .dealer-signup h2 {
        font-size: 27px;
        line-height: 32px;
    }

    .dealer-signup .reasons-list-box h2 {
        margin-bottom: 26px;
    }
    .dealer-signup .reasons-list-box ol.reasons-list li.reasons-list-item {
        padding: 10px 9px;
        margin-bottom: 9px;
        align-items: start;
        height: 100%;
    }

        .dealer-signup .reasons-list-box ol.reasons-list li.reasons-list-item::before {
            font-size: 36px;
            width: 30px;
        }

        .dealer-signup .reasons-list-box ol.reasons-list li.reasons-list-item img {
            width: 47px;
            margin-left: 7px;
            margin-right: 6px;
        }

        .dealer-signup .reasons-list-box ol.reasons-list li.reasons-list-item p {
            font-size: 18px;
            line-height: 1.4;
        }

    .dealer-signup .trades-card-box {
        gap: 10px;
        margin-top: 37px;
        padding: 0 12px;
    }

        .dealer-signup .trades-card-box .trades-card {
            padding: 21px 5px;
            max-width: 142px;
        }

            .dealer-signup .trades-card-box .trades-card img {
                height: 45px;
                margin-bottom: 20px;
            }

            .dealer-signup .trades-card-box .trades-card strong {
                line-height: 1.1;
            }

    .dealer-signup .leads-box {
        margin-top: 34px;
        padding: 0;
    }

        .dealer-signup .leads-box .reverse {
            margin-bottom: 35px;
        }
        .dealer-signup .leads-box .leads-images {
            justify-content: center;
            margin: 0 auto !important;
        }

        .dealer-signup .leads-box .row:nth-child(1) .leads-images {
            gap: 22px;
        }
        .dealer-signup .leads-box .leads-images img {
            height: 65px;
            width: auto;
        }

        .dealer-signup .leads-box .row:nth-child(2) .leads-images {
            gap: 65px;
        }

        .dealer-signup .leads-box strong {
            font-size: 30px;
            line-height: 1;
            margin-top: 17px;
            margin-bottom: 5px;
            text-align: center;
            padding: 0 15px;
        }

        .dealer-signup .leads-box p {
            font-size: 20px;
            line-height: 1.3;
            text-align: center;
        }
    .dealer-signup .subtitle-small {
        margin-top: 9px;
    }

    .dealer-signup .desktops-slider-box {
        margin-top: 20px;
    }
        .dealer-signup .desktops-slider-box .desktops-slider {
            padding: 15px 0;
        }

        .dealer-signup .desktops-slider-box .desktops-slide {
            padding: 0 !important;
            flex-direction: column;
        }
            .dealer-signup .desktops-slider-box .desktops-slide .desktops-image {
                height: auto;
                max-width: 100%;
                padding: 0 10px;
            }

                .dealer-signup .desktops-slider-box .desktops-slide .desktops-image img {
                    width: 100%;
                    height: auto;
                    position: static;
                    max-width: 500px;
                    margin: 0 auto;
                }

            .dealer-signup .desktops-slider-box .desktops-slide .desktops-title-box {
                flex-direction: row-reverse;
                height: auto !important;
                margin-left: 0 !important;
                justify-content: center;
            }

                .dealer-signup .desktops-slider-box .desktops-slide .desktops-title-box img {
                    transform: rotate(116deg) translate(36px, -130px);
                    width: 33px;
                    height: 33px;
                }

                .dealer-signup .desktops-slider-box .desktops-slide .desktops-title-box .desktops-title {
                    font-size: 27px;
                    transform: unset !important;
                    position: static;
                }

        .dealer-signup .desktops-slider-box .desktops-content {
            width: 100%;
        }
        .dealer-signup .desktops-slider-box .desktops-slide p {
            font-size: 19px;
            line-height: 26px;
            letter-spacing: 0;
            margin-left: auto !important;
            margin-right: auto !important;
            max-width: 100% !important;
        }
        .dealer-signup .desktops-slider-box .desktops-slide.desktop-1 .desktops-title-box {
            margin-bottom: 10px;
        }
            .dealer-signup .desktops-slider-box .desktops-slide.desktop-1 .desktops-title-box .desktops-title {
                max-width: 165px;
            }
        .dealer-signup .desktops-slider-box .desktops-slide.desktop-1 p {
            margin-top: 40px;
            padding: 0 15px;
        }

        .dealer-signup .desktops-slider-box .desktops-slide.desktop-2 .desktops-title-box {
            margin-bottom: 10px;
        }
            .dealer-signup .desktops-slider-box .desktops-slide.desktop-2 .desktops-title-box .desktops-title {
                max-width: 255px;
            }
            .dealer-signup .desktops-slider-box .desktops-slide.desktop-2 .desktops-title-box img {
                transform: scale(-1, 1) rotate(114deg) translate(48px, -115px);
            }
        .dealer-signup .desktops-slider-box .desktops-slide.desktop-2 p {
            margin-top: 52px;
            padding: 0 10px;
        }

        .dealer-signup .desktops-slider-box .desktops-slide.desktop-3 .desktops-title-box {
            margin-top: 13px;
            margin-bottom: 31px;
        }
            .dealer-signup .desktops-slider-box .desktops-slide.desktop-3 .desktops-title-box img {
                transform: rotate(116deg) translate(23px, -124px);
            }
            .dealer-signup .desktops-slider-box .desktops-slide.desktop-3 .desktops-title-box .desktops-title {
                max-width: 230px;
            }
        .dealer-signup .desktops-slider-box .desktops-slide.desktop-3 p {
            margin-top: 14px;
            padding: 0 20px;
        }

    .dealer-signup .dealer-testimonials .testimonial-inner {
        margin: 30px 25px;
        flex-direction: column;
    }
        .dealer-signup .dealer-testimonials .testimonial-inner .image-box, .dealer-signup .dealer-testimonials .testimonial-inner .content-box {
            max-width: 100%;
        }
            .dealer-signup .dealer-testimonials .testimonial-inner .image-box .store-image {
                height: 200px;
            }

    .dealer-signup .join-club-form-box .subtitle-large:not(.paragraph-with-lines) {
        font-size: 19px;
        line-height: 1.3;
        margin-top: 25px;
        margin-bottom: 14px;
    }
    .dealer-signup .paragraph-with-lines {
        font-size: 17px;
        line-height: 1.3;
        gap: 0;
    }
    .dealer-signup .join-club-form-box .join-club-row {
        margin-top: 26px;
        flex-direction: column;
    }
        .dealer-signup .join-club-form-box .join-club-row .flex-fill {
            max-width: 100% !important;
            width: 100%;
        }
    .dealer-signup .join-club-box {
        padding: 13px 5px 1px 9px;
    }
        .dealer-signup .join-club-box h2 {
            text-align: center;
        }
        .dealer-signup .join-club-box .join-club-list {
            margin-top: 8px;
        }
            .dealer-signup .join-club-box .join-club-list li {
                margin-bottom: 13px;
                margin-left: 0;
            }
                .dealer-signup .join-club-box .join-club-list li:before {
                    background-size: 10px 7px;
                    height: 18px;
                    width: 18px;
                }
    .with-icons-form form .targetDiv {
        gap: 20px;
    }
    .with-icons-form form .form-group .control-label {
        display: none;
    }
    .dealer-signup .with-icons-form {
        margin-top: 15px;
        padding: 22px 16px;
    }
    .with-icons-form form .form-group .btnext {
        left: 50px;
    }
}

@media screen and (max-width:760px){
    .show-next-button-mobi {
        display: none;
    }

    .hide-next-button-mobi {
        display: block;
    }
}
@media screen and (max-width:767px) {
    .hide-prev-tyre-btn-mobi {
        display: block;
    }
    .show-prev-tyre-btn-mobi {
        display: none;
    }
    .details-header-row-mobi{
        padding-top: 0 !important;
    }
    .details-header-reveal{
        padding-top: 0;
        padding-bottom: 5px;
    }
    .zopim {
        display: none !important;
    }
    #sticky-header {
        min-width: 100%;
        z-index: 60;
    }
    .new-dashboard-popup .row-title {
        font-size: 20px !important;
    }
    .dealer-feed-page #main-content { color: #414042; }
    .dealer-feed-page #main-content .page-wrap { padding: 0 5px; }

    .dealer-feed-page .head-block { margin: 0; font: 500 15px/20px Roboto; color: #fff; }
    .dealer-feed-page .head-block .title-won { display: block; background-color: #0084b6; padding: 15px 20px; }
    .dealer-feed-page .head-block .title-won-white { display: block; color: black; padding: 15px 20px; background: white; }
    .dealer-feed-page .head-block .title-new { display: block; background-color: #414042; padding: 15px 20px; margin: 5px 0; }
    .dealer-feed-page .head-block .srch-wrap { display: none; }
    .squote-res .results-wrap .wrapper {
        min-height: 300px;
    }
    .squote-head, .squote-res.quote {
        margin-left: 5px !important;
    }
    
    .squote-head > div {
        position: relative !important;
    }
    .squote-page .squote-head .squote-head-fixed {
        width: 100%;
    }
    .squote-head #title-page {
        margin: 0 !important;
        padding-bottom: 30px !important;
    }
    .squote-head #title-page #otherinfo,
    .squote-head #title-page #otherinfo > span{
        position: relative !important;
        display: block !important;
        width: 100% !important;
        margin-left: 0 !important;
        visibility: visible !important;
    }
    .squote-head #title-page #otherinfo{
        margin-bottom: 7px;
    }
    .squote-res.quote .action-bar {
        display: block !important;
    }
    .squote-head .div-info-cust {
        float: none;
        margin: 0;
        width: auto;
    }
    .squote-res.quote {
        padding-top: 0 !important;
    }
    .squote-res article .content {
        margin-right: 20px;
    }
    .squote-res #tips {
        display: none;
    }

    .dealer-feed-page .filter-block { font: 500 11px/1 Roboto; margin: 10px auto; }
    .dealer-feed-page .filter-block-dtop { display: none !important; }
    .dealer-feed-page .filter-block-mobi { display: block; }
    .dealer-feed-page .filter-block .filter-wrap { display: table; width: 100%; }
    .dealer-feed-page .filter-block .restrict-items,
    .dealer-feed-page .filter-block .srch { position: relative; }
    .dealer-feed-page .filter-block .srch input[type="text"] { height: 27px; font-size: inherit; padding: 0 27px 0 15px; border: 0; border-radius: 7px; line-height: normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #787878; margin: 0; display: block; width: 100%; min-height: 0; }
    .dealer-feed-page .filter-block .srch input[type="submit"] { height: 27px; padding: 0; border: 0; width: 27px; margin: 0; position: absolute; right: 0; top: 0; background: url("/content/images/v2/kwd-srch-glass.png") no-repeat 50% 50%; }
    .dealer-feed-page .filter-block .sel-wrap { background: url("/content/images/v2/sel-arr-414042.png") no-repeat 100% 50% #fff; border: 0 none; border-radius: 7px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #787878; display: inline-block; float: none; font: inherit; height: 27px; line-height: 27px; margin: 0; padding: 0; vertical-align: middle; width: 100%; }
    .dealer-feed-page .filter-block .sel-wrap .val { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font: inherit; padding: 0; margin: 0 32px 0 15px; }

    .dealer-feed-page .feed-block { }
    .dealer-feed-page .feed-table > thead { display: none; }
    .dealer-feed-page .feed-table { width: auto; display: block; font: 400 13px/16px Roboto; color: #414042; }
    .dealer-feed-page .feed-table > tbody { width: auto; display: block; }
    .dealer-feed-page .feed-table > tbody > tr { background: rgba(255, 255, 255, .9); display: block; margin: 0; padding: 13px 17px 60px; position: relative; width: auto; }

    .dealer-feed-page .feed-table > tbody > tr > td { position: absolute; }
    .dealer-feed-page .feed-table > tbody > tr > td:before { font-weight: 700; color: #0084b6; }

    /* received */
    .dealer-feed-page .feed-table > tbody > tr > :nth-of-type(1) { left: 17px; bottom: 13px; }
    .dealer-feed-page .feed-table > tbody > tr > :nth-of-type(1):before { content: 'Received'; display: block; }
    /* distance */
    .dealer-feed-page .feed-table > tbody > tr > :nth-of-type(2) { left: 40%; bottom: 13px; }
    .dealer-feed-page .feed-table > tbody > tr > :nth-of-type(2):before { content: 'Distance'; display: block; }
    /* name */
    .dealer-feed-page .feed-table > tbody > tr > :nth-of-type(3) { display: none; }
    /* details */
    .dealer-feed-page .feed-table > tbody > tr > :nth-of-type(4) { position: relative; padding: 0 125px 0 0; }
    .dealer-feed-page .feed-table > tbody > tr > :nth-of-type(4):before { content: 'Tyre Details'; display: block; }
    /* status */
    .dealer-feed-page .feed-table > tbody > tr > :nth-of-type(5) { top: 13px; right: 17px; }
    /* spots */
    .dealer-feed-page .feed-table > tbody > tr > :nth-of-type(6) { display: none; }
    /* quote */
    .dealer-feed-page .feed-table > tbody > tr > :nth-of-type(7) { bottom: 13px; right: 17px; width: 80px; }

    /* details */
    .dealer-feed-page .feed-table > tbody > tr:nth-of-type(even) { padding: 0; margin: 0 0 7px; }
    .dealer-feed-page .feed-table > tbody > tr:nth-of-type(even) > td:before { display: none; }
    .dealer-feed-page .feed-table > tbody > tr:nth-of-type(even) > td { padding: 0; position: relative; left: auto; top: auto; right: auto; bottom: auto; display: block; }
    .dealer-feed-page .feed-table > tbody > tr > :nth-of-type(5):before { margin: 0 5px 0 0; vertical-align: middle; }

    .dealer-feed-page .feed-table .accepted { border: 3px solid #8ac53e; border-width: 3px 0 0; }
    .dealer-feed-page .feed-table .submitted { border: 3px solid #939598; border-width: 3px 0 0; }
    .dealer-feed-page .feed-table .booked { border: 3px solid #0097fc; border-width: 3px 0 0; }
    .dealer-feed-page .feed-table .new { border: 3px solid #ffc600; border-width: 3px 0 0; }
    .dealer-feed-page .feed-table .lost { border: 3px solid #d90300; border-width: 3px 0 0; }

    .dealer-feed-page .feed-detail { width: 100%; overflow: hidden; position: relative; display: none; }
    .dealer-feed-page .feed-detail a { color: #006698; }
    .dealer-feed-page .feed-detail table { display: block; padding: 0 13px; margin: 0; width: auto; }
    .dealer-feed-page .feed-detail tbody { display: block; border: 1px solid #d1d3d4; border-width: 1px 0 0; padding: 13px 4px 40px; background: url("/content/images/v2/feed-detail-uarr.png") no-repeat 50% 100%; }
    .dealer-feed-page .feed-detail tr { display: block; padding: 0 125px 0 0; }
    .dealer-feed-page .feed-detail td { display: block; min-height: 48px; }
    .dealer-feed-page .feed-detail td:first-child dt { display: none; }
    .dealer-feed-page .feed-detail dt { display: block; font-weight: 700; margin: 15px 0 0; }
    .dealer-feed-page .feed-detail tr:first-child td:nth-of-type(2) { min-height: 64px; }
    .dealer-feed-page .feed-detail tr:first-child td:nth-of-type(3),
    .dealer-feed-page .feed-detail tr:nth-of-type(2) td:nth-of-type(2) { margin: 0 -125px 0 0; }
    .dealer-feed-page .feed-detail tr:first-child td:nth-of-type(4) { position: absolute; right: 17px; top: 13px; }
    .dealer-feed-page .feed-detail tr:first-child td:nth-of-type(5) { position: absolute; right: 17px; top: 92px; max-width: 125px; }
    .dealer-feed-page .feed-detail tr:first-child td:nth-of-type(6) { position: absolute; right: 17px; top: 132px; max-width: 125px; min-width: 80px; }
    .dealer-feed-page .feed-detail tr:nth-of-type(2) td:first-child { display: none; }
    .dealer-feed-page .feed-detail tr:nth-of-type(2) td:nth-of-type(3) { bottom: 30px; position: absolute; right: 17px; width: 80px; }
    .dealer-feed-page .feed-detail tr:first-child td:nth-of-type(4) dt { margin-top: 0; }
    .dealer-feed-page .feed-detail tr:first-child td:nth-of-type(4) a { color: #00acde; font-weight: 500; }
    .dealer-feed-page .feed-detail .imgs { float: left; margin: 15px 10px 0 0; }
    .dealer-feed-page .feed-detail .imgs img { float: left; max-width: 44px; max-height: 44px; margin: 0 7px 0 0; }
    .dealer-feed-page .feed-detail .content { overflow: hidden; }
    .dealer-feed-page .feed-detail .fitted { color: #0084b6; font-size: 14px; font-weight: 500; line-height: 17px; text-align: right; }
    .dealer-feed-page .feed-detail .fitted div { margin: 10px 0 0; }
    .dealer-feed-page .feed-detail .fitted span { display: none; }
    .dealer-feed-page .feed-detail .quoted { font-weight: 700; text-align: right; min-width: 80px; top: 76px !important; }
    .dealer-feed-page .feed-detail .quoted div { margin: 10px 0 0; }

    .dealer-feed-page .feed-pagination { font-size: 13px; font-weight: 500; line-height: 12px; margin: 7px auto 18px; padding: 12px 5px; }
    .dealer-feed-page .feed-pagination .status { font-size: 12px; }
    .dealer-feed-page .feed-pagination .status span { display: block; margin-left: 0 !important; }
    .dealer-feed-page .feed-pagination nav > * { padding: 3px 5px; }
    .dealer-feed-page .feed-pagination nav > a { min-width: 18px; }
    .dealer-feed-page .feed-pagination nav .pn:first-child { padding: 3px 5px; }
    .dealer-feed-page .feed-pagination nav .pn:last-child { padding: 3px 5px; }

    #tyre-img-zoom .content-wrap .close-x { height: 24px; margin: 0 0 -24px -12px; top: -12px; width: 24px; }

    .dealer-catalogue-page #main-content { color: #414042; }
    .dealer-catalogue-page #main-content .page-wrap { padding: 0 5px; float: left; margin-bottom: 10px }
            
    .dealer-catalogue-page .head-block { margin: 0; font: 500 15px/20px Roboto; }
    .dealer-catalogue-page .head-block .regular { margin: 18px; font: 500 15px/20px Roboto;color:#414042; }
    .dealer-catalogue-page .head-block .regular p { margin-top: 10px; font: 500 15px/20px Roboto;color:#414042; }
    .dealer-catalogue-page .head-block .regular ol { margin-left: 30px;; font: 500 15px/20px Roboto;color:#414042; }
    .dealer-catalogue-page .head-block .title-won { display: block; background-color: #0084b6; padding: 15px 20px; margin: 5px 0; }
    .dealer-catalogue-page .head-block .title-new { display: block; background-color: #414042; padding: 15px 20px; margin: 5px 0;color: #ffffff; }
    .dealer-catalogue-page .head-block .srch-wrap { display: none; }

    .dealer-catalogue-page .chart { display: none;}
           
    .dealer-catalogue-page .filter-block { font: 500 11px/1 Roboto; margin: 10px auto; }
    .dealer-catalogue-page .filter-block-dtop { display: none !important; }
    .dealer-catalogue-page .filter-block-mobi { display: block; }
    .dealer-catalogue-page .filter-block .filter-wrap { display: table; width: 100%; }
    .dealer-catalogue-page .filter-block .restrict-items,
    .dealer-catalogue-page .filter-block .srch { display: table-cell; vertical-align: top; }
    .dealer-catalogue-page .filter-block .restrict-items { width: 55%; padding-right: 4px; }
    .dealer-catalogue-page .filter-block .srch { width: 45%; padding-left: 4px; position: relative; }
    .dealer-catalogue-page .filter-block .srch input[type="text"] { height: 27px; font-size: inherit; padding: 0 27px 0 15px; border: 0; border-radius: 7px; line-height: normal; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #787878; margin: 0; display: block; width: 100%; min-height: 0; }
    .dealer-catalogue-page .filter-block .srch input[type="submit"] { height: 27px; padding: 0; border: 0; width: 27px; margin: 0; position: absolute; right: 0; top: 0; background: url("/content/images/v2/kwd-srch-glass.png") no-repeat 50% 50%; }
    .dealer-catalogue-page .filter-block .sel-wrap { background: url("/content/images/v2/sel-arr-414042.png") no-repeat 100% 50% #fff; border: 0 none; border-radius: 7px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #787878; display: inline-block; float: none; font: inherit; height: 27px; line-height: 27px; margin: 0; padding: 0; vertical-align: middle; width: 100%; }
    .dealer-catalogue-page .filter-block .sel-wrap .val { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font: inherit; padding: 0; margin: 0 32px 0 15px; }
            
    .dealer-catalogue-page .feed-block { }
    .dealer-catalogue-page .feed-table > thead { display: none; }
    .dealer-catalogue-page .feed-table { width: auto; display: block; font: 400 13px/16px Roboto; color: #414042; }
    .dealer-catalogue-page .feed-table > tbody { width: auto; display: block; }
    .dealer-catalogue-page .feed-table > tbody > tr { background: rgba(255, 255, 255, .9); display: block; margin: 0; padding: 13px 17px 60px; position: relative; width: auto; }
            
    .dealer-catalogue-page .feed-table > tbody > tr > td { position: absolute; }
    .dealer-catalogue-page .feed-table > tbody > tr > td:before { font-weight: 700; color: #0084b6; }
    
    .dealer-catalogue-page .feed-table > tbody > tr > :nth-of-type(1) { left: 17px; bottom: 13px; }
    .dealer-catalogue-page .feed-table > tbody > tr > :nth-of-type(1):before { content: 'Rim Diameter'; display: block; }
    
    .dealer-catalogue-page .feed-table > tbody > tr > :nth-of-type(2) { left: 40%; bottom: 13px; }
    .dealer-catalogue-page .feed-table > tbody > tr > :nth-of-type(2):before { content: 'Search Volume'; display: block; }
    
    .dealer-catalogue-page .feed-table > tbody > tr > :nth-of-type(3) { position: relative; padding: 0 125px 0 0; }
    .dealer-catalogue-page .feed-table > tbody > tr > :nth-of-type(3):before { content: 'Complete'; display: block; }
    
    .dealer-catalogue-page .feed-table > tbody > tr > :nth-of-type(4) { bottom: 13px; right: 17px; width: 60px; }

    
    .dealer-catalogue-page .feed-table > tbody > tr:nth-of-type(even) { padding: 0; margin: 0 0 7px; }
    .dealer-catalogue-page .feed-table > tbody > tr:nth-of-type(even) > td:before { display: none; }
    .dealer-catalogue-page .feed-table > tbody > tr:nth-of-type(even) > td { padding: 0; position: relative; left: auto; top: auto; right: auto; bottom: auto; display: block; }
    .dealer-catalogue-page .feed-table > tbody > tr > :nth-of-type(5):before { margin: 0 5px 0 0; vertical-align: middle; }
            
    .dealer-catalogue-page .feed-table .accepted { border: 3px solid #8ac53e; border-width: 3px 0 0; }
    .dealer-catalogue-page .feed-table .submitted { border: 3px solid #939598; border-width: 3px 0 0; }
    .dealer-catalogue-page .feed-table .booked { border: 3px solid #0097fc; border-width: 3px 0 0; }
    .dealer-catalogue-page .feed-table .new { border: 3px solid #ffc600; border-width: 3px 0 0; }
    .dealer-catalogue-page .feed-table .lost { border: 3px solid #d90300; border-width: 3px 0 0; }
            
    .dealer-catalogue-page .feed-detail { width: 100%; overflow: hidden; position: relative; display: none; }
    .dealer-catalogue-page .feed-detail a { color: #006698; }
    .dealer-catalogue-page .feed-detail table { display: block; padding: 0 13px; margin: 0; width: auto; }
    .dealer-catalogue-page .feed-detail tbody { display: block; border: 1px solid #d1d3d4; border-width: 1px 0 0; padding: 13px 4px 40px; background: url("/content/images/v2/feed-detail-uarr.png") no-repeat 50% 100%; }
    .dealer-catalogue-page .feed-detail tr { display: block; padding: 0 125px 0 0; }
    .dealer-catalogue-page .feed-detail td { display: block; min-height: 48px; }
    .dealer-catalogue-page .feed-detail td:first-child dt { display: none; }
    .dealer-catalogue-page .feed-detail dt { display: block; font-weight: 700; margin: 15px 0 0; }
    .dealer-catalogue-page .feed-detail tr:first-child td:nth-of-type(2) { min-height: 64px; }
    .dealer-catalogue-page .feed-detail tr:first-child td:nth-of-type(3),
    .dealer-catalogue-page .feed-detail tr:nth-of-type(2) td:nth-of-type(2) { margin: 0 -125px 0 0; }
    .dealer-catalogue-page .feed-detail tr:first-child td:nth-of-type(4) { position: absolute; right: 17px; top: 13px; }
    .dealer-catalogue-page .feed-detail tr:first-child td:nth-of-type(5) { position: absolute; right: 17px; top: 92px; max-width: 125px; }
    .dealer-catalogue-page .feed-detail tr:first-child td:nth-of-type(6) { position: absolute; right: 17px; top: 132px; max-width: 125px; min-width: 80px; }
    .dealer-catalogue-page .feed-detail tr:nth-of-type(2) td:first-child { display: none; }
    .dealer-catalogue-page .feed-detail tr:nth-of-type(2) td:nth-of-type(3) { bottom: 30px; position: absolute; right: 17px; width: 80px; }
    .dealer-catalogue-page .feed-detail tr:first-child td:nth-of-type(4) dt { margin-top: 0; }
    .dealer-catalogue-page .feed-detail tr:first-child td:nth-of-type(4) a { color: #00acde; font-weight: 500; }
    .dealer-catalogue-page .feed-detail .imgs { float: left; margin: 15px 10px 0 0; }
    .dealer-catalogue-page .feed-detail .imgs img { float: left; max-width: 44px; max-height: 44px; margin: 0 7px 0 0; }
    .dealer-catalogue-page .feed-detail .content { overflow: hidden; }
    .dealer-catalogue-page .feed-detail .fitted { color: #0084b6; font-size: 14px; font-weight: 500; line-height: 17px; text-align: right; }
    .dealer-catalogue-page .feed-detail .fitted div { margin: 10px 0 0; }
    .dealer-catalogue-page .feed-detail .fitted span { display: none; }
    .dealer-catalogue-page .feed-detail .quoted { font-weight: 700; text-align: right; min-width: 80px; top: 76px !important; }
    .dealer-catalogue-page .feed-detail .quoted div { margin: 10px 0 0; }
            
    .dealer-catalogue-page .feed-pagination { font-size: 10px; font-weight: 500; line-height: 12px; margin: 7px auto 18px; padding: 12px 17px; }
    .dealer-catalogue-page .feed-pagination .status { font-size: 9px; }
    .dealer-catalogue-page .feed-pagination .status span { display: block; }
    .dealer-catalogue-page .feed-pagination nav > * { padding: 3px 5px; }
    .dealer-catalogue-page .feed-pagination nav > a { min-width: 18px; }
    .dealer-catalogue-page .feed-pagination nav .pn:first-child { padding: 3px 5px; }
    .dealer-catalogue-page .feed-pagination nav .pn:last-child { padding: 3px 5px; }

    .details-header-reveal {
        display: block;
        text-align: center;
        margin: 0;
    }

    .dealer-home {
        margin-left: 0;
    }
    .head-block .page-wrap {
        padding: 0 !important;
        margin: 0 !important;
    }

    #headeradmin {
        /*display: none;*/
    }

    .dealer-burger {
        display: inline-block;
    }
    .new-dashboard-popup{
        width: 100%;
        box-sizing: border-box;
    }

    .new-dashboard-popup .col1{
        width: 100%;
        left:0;
        
    }

        .new-dashboard-popup .col2 {
            width: 100%;
            left: 0;
            margin-bottom: 15px;
        }

    
    .dealer-my-details-page #main-content2 .page-wrap {
        margin: 0 auto;
    }
    .dealer-my-details-page .header {
        width: 100%;
    }

    .dealer-my-details-page .my-details-content .block-content .block-body .row-border-bottom .inp-wrap {
        max-width: 100%;
    }

    /*   ONE PAGE SITE   */
    .one-page-site .carousel-inner > .item > img {
        position: relative;
    }
    .one-page-site .site-card {
        flex-direction: column;
        margin-bottom: 20px;
    }

        .one-page-site .site-card .site-image {
            min-height: 250px;
            width: 100%;
        }

        .one-page-site .site-card .site-general-info {
            padding: 30px 20px;
            width: 100%;
        }

    .one-page-site .site-info {
        width: 100%;
        margin-right: 0;
    }

    .one-page-site .contact-dealer-form {
        width: 100%;
        margin-bottom: 20px;
        min-width: 100%;
    }

        .one-page-site .contact-dealer-form form {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

            .one-page-site .contact-dealer-form form p, .one-page-site .contact-dealer-form form textarea {
                width: 100%;
            }

            .one-page-site .contact-dealer-form form .inp-wrap.short-field {
                width: 32%;
            }
}

@media screen and (max-width:720px) {
	.mobile-hide { display: none !important; }
	#pop-order-container { max-width:420px; }
	#success-checkout { margin-top: 40px; max-width: 420px; }
	#mobi-order { display: inherit; }
	#desktop-order { display: none; }

	.home-button-popup { position:absolute !important; left: 24px !important; font-size:14px; top: 10px !important; text-decoration: initial; }
	.home-button-popup span { display:none !important; margin: -8px; }
	.title-popup-image { font-size: 16px; margin-left:16px; }

}

@media screen and (max-width:650px) {
    .new-catalogue-tyre-results-page { width: 80%; margin-left: 10%; margin-bottom: 20px}

    .new-catalogue-tyre-results-page.small-article,
    .location-search.brand-page .new-catalogue-tyre-results-page.small-article {
        margin: 5px 0;
    }
    .card.tyre-type {
        margin: 5px 0;
    }
    
    #content-page { padding: 0; }
    #content-page .page-body { margin-bottom: 0; }

    #sectioned-content-page .content-with-spot h2 { color: #006698; font-size: 18px; }
    #sectioned-content-page .content-with-spot .body-content { display: block; font-size: 13px; line-height: 16px; }

	.page-not-found-image { content:url("/content/images/v2/tc_errorpage_mob.png"); }

    .tc_page_notfound {
        content: url("/content/images/v2/tc_page_notfound_mob.png");
    }
    .tc_errorpage {
        content: url("/content/images/v2/tc_errorpage_mob.png");
    }

    #sectioned-content-page .column-content-block { padding: 40px 0; text-align: center; }
    #sectioned-content-page .column-content-block h2 { font: 500 18px/20px Roboto; }
    #sectioned-content-page .column-content-block ul,
    #sectioned-content-page .column-content-block ol { font-size: 12px; line-height: 15px; }
    #sectioned-content-page .column-content-block .hdiw-list { margin: 0 auto; max-width: 245px; }
    #sectioned-content-page .column-content-block .hdiw-list ol { display: block; width: auto; }
    #sectioned-content-page .column-content-block .hdiw-list li { display: block; }
    #sectioned-content-page .column-content-block .hdiw-list li:after { font: 500 12px/28px Roboto; height: 28px; left: 50%; top: 55px; -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); -webkit-transform: translateX(-50px); transform: translateX(-50px); width: 28px; }
    #sectioned-content-page .column-content-block .hdiw-list img { height: 83px; margin: 35px auto 25px; width: 83px; }

    .popupV2 .content-wrap { }
    .popupV2 .title-block { font-size: 21px; padding: 20px 40px 20px 20px; text-align: center; }
    .popupV2 .content-block { padding: 20px; }
    .popupV2 .content-wrap .close-x { right: 10px; top: 10px; }
    .popupV2 > .outer-wrap { height: calc(100% - 40px); margin: 20px 10px; width: calc(100% - 20px); }
    #new-jobs-alert .content-wrap { font-size: 16px; font-weight: 500; }

    .our-story-container { width: 100%; background-color: transparent; text-align: center; margin-top: 70px;}
    .our-story-center-wrapper { margin: auto; width: 310px !important; height:1720px; }
    .our-story-center-wrapper h2 { text-transform: none; margin-bottom:25px; margin-top:25px; font-size:28px; }
    .our-story-center-wrapper p { text-transform: none; margin-bottom:20px; font-size:19px; text-align: center; }
    .our-story-center-wrapper a { text-decoration: none}

    .contact-us-center-wrapper { margin: auto; width: 450px !important; height:800px; }
     #contacForm .halfRow { float:left; width:97%; margin-top:20px; }
     #contacForm .halfRow input { width:100%; margin-top:10px;}
     #contacForm .halfRow label { text-transform: uppercase; font-weight:bold; font-size: 15px; }
     #contacForm .wholeRow { float:left; width:100%; margin-top:20px}
     #contacForm .wholeRow textarea { width:97%; margin-top:10px; height:120px;}
     #contacForm .wholeRow label { text-transform: uppercase; font-weight:bold; font-size: 15px; }

	 .detail-tyre-info-container { width: 100%; margin: 0; }

	.detail-left-panel-spec { margin: 0 10px; }

	.postcode-landing-comparison { background: url("/content/images/v2/7-quotes-572.png") no-repeat center; background-size:cover; }
	.postcode-landing-comparison h1 { font-size: 28px; text-transform: none; color: white; line-height: initial; text-align:center }
	.lading-address-input { width: 100%; text-align: center; height: 50px; border-radius: 5px; font-size:0.5em !important; border: 3px solid !important; }
	.btn-search-landing { font-size: 25px !important; padding: 15px 40px !important; margin-top: 20px !important; }
	.landing-size-container { width:100% !important; }
	.landing-size-search-title { font-size: 25px; }

	.landing-tyresize-sel { color: #48a3c9; position: relative; height: 70px; display: inline; cursor: pointer; }
	.landing-tyresize-sel .change-lbl { color:white; position: absolute; font-size: 15px; top: 35px; left: 56px; }

	#Address_Postcode2::-webkit-input-placeholder::before { content:"Suburb or Postcode"; }

	.review-overall-section .star-rating { float:none; }
	.review-overall-section .bar-rating { float:none; }
    .tyre-info, .tyre-info-results-page { width: 100% !important; padding: 0 !important;}
    .pr-20-mobile{padding-right:20px !important;}
}

@media screen and (max-width: 639px) {
	.wheel-align-item { float:left; text-align:center; margin-right: 10px; width: 98px; }
	.wheel-align-item .checkbox-custom-label { margin-left:10px; }
	.wheelalign-bubble { width: 76px; height: 76px; border-radius: 45px; line-height: 71px; font-size:25px; }

	.wheel-align-item .checkbox-custom, .wheel-align-item .checkbox-custom-label { text-overflow: inherit; width: 104%; } 

	.fitter-details .detail-left-panel { font-size:25px; }

	.price-mobi-hide { display:block; }
	.show-mobi-hide { display: none; }

	.adshow-mobi-hide { display: none !important; }

	.inclusions { width: 50%; float: left; padding:0; }

	.back-button-mobi { display: inline-block; }

	#new-page-wrap #new-catalogue-results-wrap { width: 90%; border:0px solid #fff; margin: 0 auto;}
    #new-page-wrap-results-page #new-catalogue-results-wrap-results-page, .center {
        width: 90%;
        border: 0px solid #fff;
        margin: 0 auto;
    } 
    .center {padding-left:0 !important; padding-top: 25px !important; width: 74%;} .mobi-show-prev {margin-left:0} .mobi-show-next{margin-right: 0}
	.side-search-tyre { float:none !important; width:100% !important; }
	.side-search-postcode { float:none !important; width:100% !important; margin-left:0 !important; }
	.side-search-tyre-only { float:left !important; margin-left:0px; }
	.side-search-tyre .end  { margin:0 auto !important; }
	.side-search-tyre-only .end { margin:0 auto !important; }
	.btn-side-search-tyre-only { margin-top: 5px; }
	.side-search-postcode-only { float:left !important; }

	.applied-filter-panel { display: none !important; }

    .rate-reviews .title-block .text-block {
        left: 0;
    }
    .rate-reviews .title-block .image-block {
        display: none;
    }
    .new-dashboard-popup .selectBox {
        width: 100% !important;
        margin-bottom: 5px;
    }
    .new-dashboard-popup .selectBox2 {
        width: 100% !important;
    }
}

@media screen and (max-width: 620px){
    .div-info-cust {
        float:left;
        margin-top:30px;
    }
}

@media screen and (max-width:571px) {
    #account-health .btn {
        width: 100% !important;
    }
    .search-nav { display: none;}
    .title-won-dashboard {
        font: 16px 'eurostileextblaitalic';
    }
    .humburger-icon {
        width: 38px;
    }
    .dealer-feed-page .filter-block {
        margin: 15px auto;
    }
    #new-catalogue-results-wrap, #new-catalogue-results-wrap-results-page {
        margin: 0 auto;
        height: auto !important;
        width: 320px;
    }
    .quote-comp-page .results-block {
        font: 500 14px/1.3 Roboto;
        color: #414042;
        padding: 0;
    }

    .quote-comp-page .results-wrap {
        text-align: center;
        margin: 0 -13px;
    }

        .quote-comp-page .results-wrap * {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .quote-comp-page .results-wrap:after {
            clear: both;
            content: '';
            display: table;
        }

    .quote-comp-page article .new-catalogue-tyre {
        float: left;
        overflow: hidden;
    }

    .quote-comp-page article .wrap {
        background-color: #fff;
        padding: 50px 20px 35px;
        position: relative;
        margin: 10px 13px;
    }
    .quote-comp-page article[name=old-style] {
        width: calc(100% / 3);
        min-width: 340px;
    }
        .quote-comp-page article .wrap:before {
            padding: 2px 10px;
            font-size: 18px;
            line-height: 26px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 700;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
        }

    .quote-comp-page .budget .wrap:before {
        content: "Budget";
        background-color: #af1045;
    }

    .quote-comp-page .everyday .wrap:before {
        content: "Everyday";
        background-color: #52857a;
    }

    .quote-comp-page .premium .wrap:before {
        content: "Premium";
        background-color: #d5b421;
    }

    .quote-comp-page .budget-det .wrap:before {
        content: "Your Choice";
        background-color: #af1045;
    }

    .quote-comp-page .everyday-det .wrap:before {
        content: "Suggested Option";
        background-color: #52857a;
    }

    .quote-comp-page .premium-det .wrap:before {
        content: "Suggested Option";
        background-color: #d5b421;
    }

    .quote-comp-page .head-block img,
    .quote-comp-page #main-content img:not(.default) {
        display: inline-block;
        margin: 0 auto;
        max-height: 100%;
        max-width: 100%;
        object-fit: scale-down;
    }

    .quote-comp-page .brand-img {
        height: 70px;
        margin: 0 auto 15px;
        max-width: 180px;
    }

    .quote-comp-page .brand-txt {
        height: 70px;
        margin: 0 auto 15px;
        max-width: 180px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 1%;
    }

        .quote-comp-page .brand-txt h2 {
            display: block;
            margin: 0 auto;
            text-align: center;
            font-size: 24px;
        }

    .quote-comp-page .tyre-img {
        margin: 15px auto 10px;
        height: 170px;
    }

        .quote-comp-page .brand-img img,
        .quote-comp-page .tyre-img img {
            position: relative;
            top: 85px;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .quote-comp-page .brand-img img {
        top: 35px;
        height: 100%;
    }

    .quote-comp-page .btn-reserve {
        display: block;
        font: 700 18px/20px Roboto;
        margin: 20px auto 5px;
        max-width: 190px;
        padding: 8px 15px;
        border-radius: 12px;
        text-transform: capitalize;
    }

    .quote-comp-page .supplier {
        margin: 5px auto 0;
        font-size: 15px;
        line-height: 1.2em;
        color: #414042;
    }

        .quote-comp-page .supplier .supplier-img {
            height: 50px;
            margin: 0 auto 15px;
            max-width: 180px;
        }

            .quote-comp-page .supplier .supplier-img .default-logo {
                height: 50px;
            }

        .quote-comp-page .supplier .title {
            font-weight: 700;
        }

        .quote-comp-page .supplier .distance {
        }

    .quote-comp-page .read-more {
        margin: 20px auto 0;
        font-size: 17px;
        color: #0084b6;
        text-decoration: underline;
        display: inline-block;
        text-transform: capitalize;
    }

        .quote-comp-page .read-more:hover {
            text-decoration: none;
        }

    .quote-comp-page .view-more {
        display: none;
    }

    .quote-comp-page .model {
        font-weight: 700;
    }

    .quote-comp-page .size {
        color: #6d6e71;
        font-weight: 500;
    }

    .quote-comp-page .price {
        margin: 2px 0;
    }

        .quote-comp-page .price span:first-child {
            line-height: 1;
            font-weight: 900;
            display: inline-block;
            vertical-align: middle;
        }

        .quote-comp-page .price span:nth-of-type(2) {
            font-weight: 400;
            font-size: 11px;
            line-height: 12px;
            display: inline-block;
            vertical-align: middle;
            text-transform: uppercase;
            text-align: left;
        }

    .quote-comp-page .total,
    .quote-comp-page .end .title {
        text-transform: uppercase;
    }

    .quote-comp-page .phone {
        color: rgba(0,172,222,1);
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .quote-comp-page article.filler .wrap {
        background: none;
    }

    .quote-comp-page .placeholder {
        padding: 50px 65px 35px !important;
        background: #fff;
        opacity: 0.9;
    }

        .quote-comp-page .placeholder .ph-title {
            height: 90px;
            padding-top: 15px;
        }

            .quote-comp-page .placeholder .ph-title h2 {
                font: 700 30px/32px Roboto;
                text-transform: none;
                color: #48a4ca;
            }

        .quote-comp-page .placeholder .ph-img {
            padding-bottom: 40px;
        }

        .quote-comp-page .placeholder .ph-subtitle {
            font: 400 24px/32px Roboto;
            text-transform: none;
            color: #48a4ca;
        }

    .quote-comp-page .sgl .wrap {
        height: 780px;
    }

    .quote-comp-page .sgl .price span:first-child {
        font-size: 46px;
    }

    .quote-comp-page .sgl .total {
        color: #58595b;
        font-size: 18px;
        margin: 0 auto 15px;
    }

    .quote-comp-page .end .brand-img {
        display: none;
    }

    .quote-comp-page .dbl .wrap {
        height: 853px;
    }

    .quote-comp-page .dbl .tyre-img {
        height: 140px;
    }

        .quote-comp-page .dbl .tyre-img img {
            top: 70px;
        }

    .quote-comp-page .dbl .total {
        color: #414042;
        font-size: 19px;
    }

    .quote-comp-page .end .total {
        color: #58595b;
        font-size: 15px;
        margin: 0 auto 10px;
    }

    .quote-comp-page .end .title {
        font-size: 14px;
        font-weight: 900;
        text-align: left;
        min-width: 55px;
    }

    .quote-comp-page .end .size {
        font-size: 12px;
    }

    .quote-comp-page .end .price span:first-child {
        font-size: 39px;
    }

    .quote-comp-page .rear {
        margin: 15px auto 0;
    }

    .filter-left {
        float: none;
        width: 100%;
    }

    .icon-left {
        float: left;
        margin-left: 10px;
        cursor: pointer;
    }

    .filter-options {
        text-align: center;
        height: 100px;
    }

    .quote-comp-page .btn-reserve,
    .quote-comp-page .total,
    .quote-comp-page .dbl .model,
    .quote-comp-page .dbl .size {
        display: inline-block;
    }

    .quote-comp-page .dbl .total {
        font-size: 19px;
        padding-top: 15px
    }

    .quote-comp-page .end .total {
        font-size: 13px;
        padding-top: 0;
        color: #58595b
    }

    .quote-comp-page .end .brand-img {
        display: block;
    }

    .quote-comp-page .total {
        text-transform: uppercase
    }

    .quote-comp-page .btn-reserve {
        display: block;
        margin: 8px 0;
        padding: 7px 20px;
        border-radius: 12px;
        width: 130px
    }

    .quote-comp-page .end .title {
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .quote-comp-page .rear {
        margin: 20px 0 0;
    }

    .quote-comp-page .supplier {
        margin: 15px 0 0 -115px;
        font-size: 13px;
        line-height: 1.2em;
        color: #414042;
        text-align: center;
        text-align: center;
    }

        .quote-comp-page .supplier .supplier-img {
            height: 240px;
            margin: 15px auto;
            max-width: 240px;
        }

            .quote-comp-page .supplier .supplier-img .default-logo {
                height: 50px;
            }

        .quote-comp-page .supplier .title {
            font-weight: 700;
        }

        .quote-comp-page .supplier .distance {
            font-weight: 500;
            display: inline-block;
        }

    .quote-detail-page .popup.confirm-pop-1 .fit-bal {
        margin: 20px auto;
        text-align: center;
        font-size: 17px;
        line-height: 21px;
    }

    .quote-detail-page .popup.confirm-pop-1 img {
        display: block;
        margin: 0 auto;
        max-height: 100%;
        max-width: 100%;
    }

    .quote-detail-page .popup.confirm-pop-1 .img-brand {
        width: 100%;
        height: 50px;
        margin: 20px auto 5px;
    }

        .quote-detail-page .popup.confirm-pop-1 .img-brand img {
            width: 100%;
            height: 100%;
        }

    .quote-detail-page .popup.confirm-pop-1 .booking-detail {
        margin: 10px auto 20px;
    }

        .quote-detail-page .popup.confirm-pop-1 .booking-detail .img-tyre > div {
            width: 146px;
            height: 146px;
            margin: 0 auto;
        }

        .quote-detail-page .popup.confirm-pop-1 .booking-detail .img-tyre img {
            margin: 0 auto;
        }

        .quote-detail-page .popup.confirm-pop-1 .booking-detail .model {
            font-size: 13px;
        }

        .quote-detail-page .popup.confirm-pop-1 .booking-detail .size {
            font-size: 13px;
        }

        .quote-detail-page .popup.confirm-pop-1 .booking-detail dl {
            font-size: 16px;
            line-height: 20px;
            display: block;
        }

            .quote-detail-page .popup.confirm-pop-1 .booking-detail dl:first-child {
                margin: 10px auto 0;
            }

        .quote-detail-page .popup.confirm-pop-1 .booking-detail dt {
            display: inline-block;
            font-weight: 700;
            margin: 0 5px 0 0;
        }

        .quote-detail-page .popup.confirm-pop-1 .booking-detail dd {
            display: inline-block;
        }

        .quote-detail-page .popup.confirm-pop-1 .booking-detail dl:last-child dd {
            font-weight: 700;
        }

    .quote-detail-page .popup.confirm-pop-1 .btn {
        border-radius: 13px;
        font-size: 16px;
        font-weight: 700;
        height: 34px;
        padding: 9px 20px;
        max-width: 260px;
        display: block;
        margin: 0 auto;
    }

    .quote-detail-page .popup.confirm-pop-2 .content-wrap {
    }

    .quote-detail-page .popup.confirm-pop-2 .title-block .tick {
        display: none;
    }

    .quote-detail-page .popup.confirm-pop-2 {
        color: #414042;
    }

        .quote-detail-page .popup.confirm-pop-2 ul {
            margin: 0 auto 30px;
            text-align: left;
        }

            .quote-detail-page .popup.confirm-pop-2 ul li {
                padding: 5px;
            }

            .quote-detail-page .popup.confirm-pop-2 ul input[type=radio] {
                float: left;
                margin: 0 10px 0 0;
                height: 1.25em;
            }

            .quote-detail-page .popup.confirm-pop-2 ul span,
            .quote-detail-page .popup.confirm-pop-2 ul label {
                overflow: hidden;
                display: block;
            }

            .quote-detail-page .popup.confirm-pop-2 ul textarea {
                background: #f8f8f8 none repeat scroll 0 0;
                border: 1px solid #dcdde4;
                height: 47px;
                margin: 10px auto 0;
                resize: vertical;
                width: 100%;
                font: inherit;
            }

        .quote-detail-page .popup.confirm-pop-2 .btn {
            border-radius: 13px;
            font-size: 17px;
            font-weight: 700;
            height: 38px;
            padding: 10px 20px;
            min-width: 187px;
        }

    .quote-detail-page .popup.confirm-pop-3 .content-block {
        padding: 30px 20px;
    }

    .quote-detail-page .popup.confirm-pop-3 .title-block .name {
        display: none;
    }

    .quote-detail-page .popup.confirm-pop-3 .ref {
        font-weight: 700;
        color: #005284;
        margin: 0 auto 1.5em;
    }

    .quote-detail-page .popup.confirm-pop-3 .you-booked {
        margin: 0 auto .5em;
    }

    .quote-detail-page .popup.confirm-pop-3 p {
        margin: 0 auto 1.5em;
    }

    .quote-detail-page .popup.confirm-pop-3 .supplier {
        line-height: inherit;
    }

    .quote-detail-page .popup.confirm-pop-3 .supplier-img {
        margin: 0 auto 15px;
    }

        .quote-detail-page .popup.confirm-pop-3 .supplier-img img {
            margin: 0 auto;
        }

        .quote-detail-page .popup.confirm-pop-3 .supplier-img .default-logo {
            height: 75px;
        }

    .quote-detail-page .popup.confirm-pop-3 .dealer-title {
        color: #0084b6;
        font-size: 17px;
        font-weight: 900;
        margin: 0 auto 5px;
    }

    .quote-detail-page .popup.confirm-pop-3 address {
        font-style: normal;
        font-weight: 400;
        text-transform: none;
    }

    .why-use-header {
        width: 100%;
        height: 220px;
        background: url(../images/V2/1-whyuse-header.png) no-repeat top center;
        background-size: cover;
        padding-top: 40px;
    }

    .why-use-header2 {
        width: 100%;
        height: 220px;
        background: url(../images/V2/4-whyuse-notext.png) no-repeat top center;
        background-size: cover;
    }

    .why-use-header div {
        text-align: center;
        display: table;
        width: 100%;
        height: 100%;
    }

        .why-use-header div h1 {
            display: table-cell;
            vertical-align: middle;
            color: white;
            text-shadow: 2px 2px #989898;
            text-transform: none;
            font-size: 50px;
            line-height: 60px;
        }

    .why-use-header2 div {
        text-align: center;
        display: table;
        width: 100%;
        height: 100%;
    }

        .why-use-header2 div h1 {
            display: table-cell;
            vertical-align: middle;
            color: white;
            text-shadow: 2px 2px #989898;
            text-transform: none;
            font-size: 50px;
            line-height: 60px;
        }

    .why-use-container {
        width: 100%;
        background-color: transparent;
        text-align: center;
        margin-top: 70px;
    }

    .why-use-center-wrapper {
        margin: auto;
        width: 245px !important;
        height: 1200px
    }

    .why-use-center-wrapper2 {
        margin: auto;
        width: 300px !important;
    }

    .why-use-step {
        width: 210px;
        margin: 10px;
        background-color: white;
        height: 350px;
        float: left;
    }

        .why-use-step p {
            font-size: 20px;
            padding: 10px;
        }

        .why-use-step img {
            margin-bottom: 20px;
        }

    ul.why-use-reasons {
        list-style-image: url(../images/V2/5-bluetick-small.png);
    }

        ul.why-use-reasons li {
            font-size: 15px;
            margin: 15px;
            padding-left: 10px;
        }

    .why-use-video {
        width: 100%;
        margin: 0 auto;
        height: 640px;
        background: url("/content/images/v2/3-why-use-video-mob.png") no-repeat center;
        cursor: pointer;
    }

        .why-use-video:after {
            content: "";
            position: absolute;
            display: block;
            top: 45%;
            left: 45%;
            width: 46px;
            height: 36px;
            z-index: 30;
            cursor: pointer;
        }

        .why-use-video iframe {
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .signup-page .page-body .blocks-wrap {
        margin: 0 auto;
        max-width: 300px;
    }

    .sign-up-video-container {
        width: 100%;
        height: 300px;
        display: table-header-group;
    }

    .sign-up-video {
        width: 100%;
        margin: 0 auto;
        height: 300px;
        background: url("/content/images/v2/frankvideo-small.png") no-repeat center;
        background-size: cover;
        cursor: pointer;
        margin-bottom: 30px
    }

    .sign-up-reliable {
        font: 700 15px "Roboto" !important;
        color: #0084B6;
    }

    .center {padding-left: 0; width: 90%}
    .photo-tips-info ol {
        margin: 20px 0 0 20px;
        font-size: 18px;
        font-weight: bold;
        width: 75%;
    }

    .photo-tips-info img {
        display: none;
    }

    .order-confirmation-container .tyre-information {
        width: 100%;
        float: none;
    }

    .order-confirmation-container .tyre-price-breakdown {
        width: 100%;
        float: none;
    }

    .additional-pricing .price-breakdown {
        width: 100%;
        float: right;
    }

    .confirm-wheel-alignment .conf-wheel .conf-wheel-type {
        display: block;
        margin: 0 auto;
        font-weight: bold;
        font-size: 12px;
    }

    .confirm-wheel-alignment .conf-wheel .conf-wheel-price {
        width: 40px;
        height: 40px;
        background-color: #414042;
        border-radius: 35px;
        float: left;
        line-height: 40px;
        color: white;
        font-size: 12px;
        padding: 4px;
        text-align: center;
        margin: 0 10px;
    }

    .additional-pricing .note-desktop {
        display: none;
    }

    .additional-pricing .note-mobi {
        width: 100%;
        text-align: left;
        display: inline-block;
        margin-top: 2px;
    }

    #eWAYBlock {
        width: 100%;
    }

    .price-mobi-hide {
        display: none;
    }

    .show-mobi-hide {
        display: block;
    }

    .inclusions {
        padding: 0;
        width: 100%;
    }

    .detail-right-panel-price {
        width: 100%;
        padding: 10px 0px;
    }

    .detail-left-panel-spec .tyre-spec-button {
        width: 120px;
        font-size: 14px;
    }

    .vehicle-detail-read-more-desk {
        display: none;
    }

    .vehicle-detail-read-more-mobi {
        background-color: #fbfbfb;
        height: auto;
        margin-top: 56px;
        margin-bottom: -26px;
        color: #2c2c2c;
        font-size: 14px;
        padding-bottom: 8px;
        display: inherit;
        text-align: center;
        overflow: hidden;
    }

    .new-show-number {
        font-size: 14px;
        margin-left: 5px;
    }

    .new-quantity-multiplier {
        margin: 0 30px;
    }

    .review-overall-section .write-review {
        float: left;
    }

    .progress-info-label {
        width: 84px;
    }

    .review-overall-section .bar-rating {
        font-size: 14px;
    }

    .indv-review-item .indv-item-left {
        float: left;
        width: 100%;
    }

    .indv-review-item .indv-item-right {
        float: left;
        width: 100%;
    }

        .indv-review-item .indv-item-right .container {
            width: calc(100% - 22px);
        }

    .review-progress-bar-indv .bar-indv {
        width: 100px;
    }

    .indv-item-right {
        margin-top: 20px;
    }

    .container {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
}
@media screen and (max-width:575px) {
/*   ONE PAGE SITE   */
    .one-page-site .contact-dealer-form form {
        flex-direction: column;
    }

        .one-page-site .contact-dealer-form form .inp-wrap.short-field {
            width: 100%;
        }

    .by-brand-name-page .block-content {
        padding: 30px 25px;
    }

    .by-brand-name-page .btn-group .btn:first-child {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .by-brand-name-page .by-brand-name-content {
        padding-top: 20px;
    }
    .by-brand-name-page .block-content .img-carousel {
        padding-bottom: 0;
    }
    .by-brand-name-page .review-card .review-image-circle {
        width: 40px;
        height: 40px;
        max-width: 40px;
        max-height: 40px;
    }
    .by-brand-name-page .reviews-row .sort-dropdown {
        max-width: 100%;
        margin-top: 10px;
    }

    /* Submit quote-page*/
    .squote-page .div-info-cust .col-12 {
        padding: 0;
    }
}

@media screen and (max-width:531px) {
    .new-catalogue-tyre-results-page { width: 100%; margin: 0 auto; margin-bottom: 20px;}
	.inclusions { padding: 0; width:100%; }
	.detail-right-panel-price { width:100%; padding:10px 0px;  }

	/*Upper part of the read more*/
	.detail-tyre-info-container { margin: 0; position:relative; }
	.detail-tyre-info-container .availability { width:100%; }

	.detail-tyre-info-container .overflow-mask-model { width: 100%; }
	.detail-tyre-info-container .overflow-mask .brand { font-size: 28px; }
	.detail-tyre-info-container .overflow-mask-model .model { font-size: 20px; }
	.detail-tyre-info-container .overflow-mask .tyresize { font-size: 25px; color: #333333; font-weight: 700; }
	.detail-tyre-size { font-size: 28px; color: #333333; font-weight: 900; }

	.detail-tyre-info-container .tyre-specs { width: 100%; }
	.detail-tyre-info-container .tyre-specs table { font-size: 17px; }

	.detail-left-panel-spec { display:none; }

	.inclusions { padding: 0; width:100%; }
	.detail-right-panel-price { width:100%; padding:10px 0px;  }

    .details-header-reveal > span {
        display: block;
    }
}

@media screen and (max-width:480px) {
    .show-next-button-mobi{display: block;}
    .hide-next-button-mobi {display: none;}
    .new-catalogue-tyre-results-page {
        float: none;
    }
	.searchTab { border-radius: 5px 5px 0 0; width: inherit; font-size: 20px; padding: 10px 20px; border-color: #8E8B8B; border-style: solid; border-width: 0; text-align:center; width: 40%; }

	.button_text .jx_ui_Widget {display: none !important;}

    #tyre-photo-tips .img { margin: 0 0 30px -15px; max-width: calc(100% + 15px); }
    #tyre-photo-tips .content-wrap { max-width: 280px; padding: 20px; }
    #tyre-photo-tips .btn-ul { display: block; }

	.page-not-found-image { content:url("/content/images/v2/tc_errorpage_mob.png"); }

    .quote-detail-page .popup.confirm-pop-2 ul { font-size: 14px; }

    .login-page #main-content { padding: 15px 0; }
    .login-page #main-content .logo img { height: 70px; margin: 0 auto 15px; display: block; }

    #content-page .contact-form .inp-row label { font: 500 16px/1 Roboto; margin: 13px auto 8px; display: block; }
    #content-page .contact-form .inp-wrap { margin: 0; }
    #content-page .contact-form .inp-wrap input,
    #content-page .contact-form .inp-wrap select { box-shadow: none; font: 400 14px/1 Roboto; height: auto; min-height: 30px; }
    #content-page .contact-form .btn-row { margin-top: 20px; }

    .dealer-catalogue-page .key { margin-top: 0 }
    .dealer-catalogue-page .steps li { width: 98px; font-size: 14px }

	.leftFooter { float:left; text-align: center; margin: 0 auto; width: 100%; }
	.rightFooter { float:left; display: inline-block; width:100%; } 
	.middleFooter { float:left; display: inline-block; width:100%; }
	.leftFooter span, .rightFooter span, .middleFooter span { font: 500 10px/25px Roboto; color:#969594; padding: 10px;}
	.leftFooter ul { width: 110px; margin:0 auto; display:inline-block;}
	/*.footer-links { width:100%; clear: both;}*/

	.squote-res #uploading-text { display: none; background: white; border-radius: 5px; font-size: 24px; padding: 10px; width: 250px; margin: 0 auto; }
	.squote-res #uploading-text img { vertical-align: bottom; }

	#overlay { position: fixed; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 1000; background-color:rgba(0,0,0,0.5)}
	#modal-message { width:250px; margin: 400px auto; padding:30px; background-color: #fff; border:1px solid #000; padding:15px; text-align:center; border-radius:5px;}
	#modal-message p { margin:10px; }


	#upload-container { height: 740px; }
	.photo-instructions { margin: 20px auto; display: block; content:url("/content/images/v2/15-wheelpics-mob.png");}
	#PhotoUploaderFormImg { float:none; width:100%; height:82px; }
	#PhotoUploaderForm { float:none; width:100%; height:280px; position: relative; text-align: center; }
	#PhotoUploaderForm ul { margin: 120px 0 0 0;}
	.camera-koala { position:absolute; top:0px; right:0px; margin:30px 34%; }
 #photo-thumbnails { width:35%; margin: 0 auto;}


	#easy-shopping { min-height:566px; background: url("/content/images/v2/4-wemake-320.png") no-repeat center center; background-color:white;}
	#easy-shopping:before,
	#easy-shopping:after { content:" "; display:table;}
	#easy-shoppinge:after { clear:both; }
	#free-compare { height:420px; background: url("/content/images/v2/5-freetocompare-320.png") no-repeat center; background-size:cover;}
	#free-compare:before,
	#free-compare:after { content:" "; display:table;}
	#free-compare:after { clear:both; }
	#any-tyre-vehicle {  min-height:305px; background: url("/content/images/v2/6-anytyreanyvehicle-320.png") no-repeat center center; background-color:white; }
	#any-tyre-vehicle:before,
	#any-tyre-vehicle:after { content:" "; display:table;}
	#any-tyre-vehicle:after { clear:both; }
	#customer-quotes { min-height:515px; background: url("/content/images/v2/7-quotes-320.png") no-repeat center; background-size:cover;}
	#customer-quotes:before,
	#customer-quotes:after { content:" "; display:table;}
	#customer-quotes:after { clear:both; }
	#tyrecompare-badges { min-height:304px; width:100%; background: url("/content/images/v2/8-badges-320.png") no-repeat center center; background-color:white;}
	#tyrecompare-badges:before,
	#tyrecompare-badges:after { content:" "; display:table;}
	#tyrecompare-badges:after { clear:both; }

 .contact-us-center-wrapper { margin: auto; width: 320px !important; height:900px; }
 .contact-us-center-wrapper span { margin-left: 10px; font-size:18px; }
 .contactInfo { margin-bottom: 30px; }

 #pop-order-container { max-width:316px; }
 #success-checkout { margin-top: 40px; max-width: 316px; }

	.order-confirmation-container .tyre-information { width:100%; float:none; }
	.order-confirmation-container .tyre-price-breakdown { width:100%; float:none; }
	.additional-pricing .price-breakdown { width:100%; float:right; }
	.confirm-wheel-alignment .conf-wheel .conf-wheel-type { display:block; margin:0 auto; font-weight: bold; font-size:12px;}
	.confirm-wheel-alignment .conf-wheel .conf-wheel-price { width: 40px; height: 40px; background-color: #414042; border-radius: 35px; float: left; line-height: 40px; color: white; font-size: 12px; padding: 4px; text-align: center; margin: 0 10px; }

	.additional-pricing .note-desktop { display:none; }
	.additional-pricing .note-mobi { width:100%; text-align:left; display:inline-block; margin-top:2px; }

	#eWAYBlock { width: 100%; }

	.searchtyrepopup { width:270px; }
	.TyreParamsSearchLeft .sel-wrap { width: 64px !important; font-size: 11px; }

	.tyre-ad-id { z-index: 16; color: #fff; position: absolute; right: 0px; font-size: 12px; top: 8px; padding: 3px 5px; }

	.postcode-landing-comparison { background: url("/content/images/v2/7-quotes-320.png") no-repeat center; background-size:cover; }
	.postcode-landing-comparison h1 { font-size: 20px; text-transform: none; color: white; line-height: initial; text-align:center }
	.lading-address-input { width: 100%; text-align: center; height: 30px; border-radius: 5px; font-size:0.35em !important; border: 3px solid !important; }
	.btn-search-landing { font-size: 18px !important; padding: 10px 40px !important; margin-top: 20px !important; }
	.landing-size-search-title { font-size: 18px; }
	.size-both { padding: 5px 0 0 0; width: 100% !important; margin:0 auto; }
	.postcode-both { margin: 0 0 10px 10px; width: 100% !important; display:none; margin:0 auto; padding-left: 10px; }

	.landing-tyresize-sel { color: #48a3c9; position: relative; height: 70px; display: inline; cursor: pointer; }
	.landing-tyresize-sel .change-lbl { color:white; position: absolute; font-size: 12px; top: 26px; left: 40px; }

	#go-postcode { margin-top: 20px !important; }

    #footer .wrap .featured-imgs > img { display: block; margin: 0 auto; }

    
    .dealer-my-details-page .my-details-content .block-content .block-body .btn {
        max-width: 100%;
    }
    .dealer-my-details-page .my-details-content .block-content .block-body .row-border-bottom {
        flex-wrap: wrap;
    }
    .dealer-my-details-page .my-details-content .block-content .block-body .row-border-bottom > label {
        max-width: 100%;
        margin-bottom: 5px;
        margin-right: 0;
    }

    /*   ONE PAGE SITE   */
    .one-page-site .site-info .site-info-block .info-block-body.service .service-row {
        width: 100%;
    }

}

@media screen and (max-width: 460px) {
    .btn-lrg {
        font: 700 21px/20px Roboto;
        width: 80px;
        font-size: 14px !important;
    }
    .help-popup{width: calc(100vw - 20px);}
    .help-popup-input{width:150px}
    .notification-container{width: 300px;}
    .btnsendreminderbtn {
        font-size: 1.5em;
        font: 18px 'eurostileextblaitalic';
    }
    .by-brand-name-page .video-description #showvideo {
        float: none;
        max-width: 100%;
        margin-right: 0;
    }
}

@media screen and (max-width: 414px) {

	.searchTab { border-radius: 5px 5px 0 0; width: inherit; font-size: 20px; padding: 10px 20px; border-color: #8E8B8B; border-style: solid; border-width: 0; text-align:center; width: 39%; }
	.searchTab-Popup { width: 85%; font-size: 20px; padding: 40px 20px; text-align:center; float:left;}

	.photo-uploader-content { overflow:hidden; width:100%; padding:15px; font-size:20px; }
	.photo-tips-pic { float:none; width:100%; overflow:hidden; }
	.photo-tips-pic .tips { content:url('../images/V2/15-wheelpics.png'); width:auto; height:auto; }
	.photo-tips-info { float:none; width:100%; position:relative; }
	.photo-tips-info img { height: 90px; position:absolute; display: block; top:15px; right:15px; }
	.photo-tips-info .title { font-size:26px; margin:0 0 10px; font-weight:bold; display:block; }
	.photo-tips-info ol { margin: 20px 0 0 20px; font-size:18px; font-weight:bold; width:75%; }
	.photo-tips-info ol li { line-height:30px; }

	.photo-container { position: relative; margin: 5px 5px 15px; overflow: hidden; float: left; }
	.photo-container .photo-container-img { width: 100px; background:black; margin-left: 20px; }
	.photo-marker { position:absolute; left:0px; top: 30px; height: 40px; width: 40px; border-radius: 20px; z-index: 1; }
	
	.wrongpic { display: none; }
	.goodpic { display:none; }
	.userpic { display: block; width: auto; }
	.userpic-size { width: 80% !important; height: auto !important; }

	.tip1:before { content: 'Flash'; }
	.tip1 span:before { content: ' ON'; }
	.tip2:before { content: 'Zoom'; }
	.tip2 span:before { content: ' IN'; }
	.tip3:before { content: 'Photograph whole tyre as'; }
	.tip3 span:before { content: ' clearly as possible'; }

	#tyre-photo-tips .content-wrap { max-width: 100%; width: 745px; line-height: 25px; }
	#tyre-photo-tips .img { float: left; margin: 0 85px 0 10px; max-width: 100%; }
	#tyre-photo-tips .img img { display: block; max-width: 100%; margin: 0 auto 2px; }
	#tyre-photo-tips .content { overflow: hidden; }
	#tyre-photo-tips h4 { font: 700 34px/30px "DIN Next LT Pro Condensed"; margin: 0 0 10px; text-transform: uppercase; letter-spacing: -.3px; }
	#tyre-photo-tips p { margin: 0 auto; }
	#tyre-photo-tips ul { margin: 15px auto 25px; }
	#tyre-photo-tips li { margin: 5px 0; position: relative; padding: 0 0 0 30px; }
	#tyre-photo-tips li img { position: absolute; left: 0; top: 2px; }
	#tyre-photo-tips .btn-ul { min-width: 182px; }

    .rate-reviews .title-block .text-block h4 {
        display: none;
    }
    .enquiries-details-total {
        padding-top:4px;
    }
    }

@media screen and (max-width: 376px) {
	.searchTab { border-radius: 5px 5px 0 0; width: inherit; font-size: 20px; padding: 10px 20px; border-color: #8E8B8B; border-style: solid; border-width: 0; text-align:center; width: 37%; }
	.searchTab-Popup span { display: block; color: white; font-size: 14px; }

	.fitter-details { width:90%; padding:15px; }
	.fitter-details .detail-left-panel { font-size:21px; }

	.wheelalign-bubble { width: 50px; height: 50px; border-radius: 45px; line-height: 45px; font-size: 19px; }
	.wheel-align-item { margin-right: 5px; width: 80px; }
	.wheel-align-item .checkbox-custom-label { margin-left: 0px; font-size: 10px; }
	.checkbox-custom-label { /*width: auto;*/ }

	.payment-container .paymnet-options { margin: 0 10px; }
	.payment-container .paymnet-options .payment-opt-cont { overflow:hidden; height:100px; float:left; margin-right: 25px !important; width:70px; }
	.payment-container .paymnet-options .payment-opt-cont img { max-width: 94%; }
    #save-quotes {display:none !important;}

    .btn-large {
        min-width: 270px;
    }
    .content-block-heading {
        font-size: 20px;
    }
}

@media screen and (max-width:320px) {
	.quote-comp-page .supplier { width:85%; }
	/*#main-content{ width: 107% }*/
	.quote-detail-page .bot .supplier .spec-retailer-detail { margin-right: 15px; float: left; width: 75px; text-align: center; }
	.quote-detail-page .bot .supplier .spec-retailer-detail img { margin: 0 auto; height: 40px; }
	.quote-detail-page .bot .supplier .spec-retailer-detail span { font-size:9px; }

	.searchTab { border-radius: 5px 5px 0 0; width: inherit; font-size: 20px; padding: 10px 20px; border-color: #8E8B8B; border-style: solid; border-width: 0; text-align:center; width: 36%; }
	.searchTab-Popup { width: 85%; font-size: 20px; padding: 40px 20px; text-align:center; float:left;}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .signup-page .page-body .video { width: calc(768px - 30px); height: calc((768px - 30px) * (155/275)); }
}

@media screen and (max-width:768px) {
    .px-md-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .error-content {
        padding-left: 0;
    }
}


@media screen and (max-width:900px) and (min-width:767px), (max-width:565px) {
    .switch {
        height: 30px;
    }

        .switch .switch-label {
            font: 14px "DIN Next LT Pro";
        }

    .dealer-my-details-page .switch.switch-time-notifications {
        width: 270px;
    }

        .dealer-my-details-page .switch.switch-time-notifications .switch-label-on {
            width: 95px;
        }

        .dealer-my-details-page .switch.switch-time-notifications .switch-label-off {
            width: 175px;
        }

        .dealer-my-details-page .switch.switch-time-notifications .switch-input#businessHours:checked + .switch-label-off ~ .switch-selection {
            left: 94px;
            width: 175px;
        }

        .dealer-my-details-page .switch.switch-time-notifications .switch-selection {
            width: 95px;
        }

    .dealer-my-details-page .switch.switch-method-notification {
        width: 220px;
    }

        .dealer-my-details-page .switch.switch-method-notification .switch-label-on {
            width: 95px;
        }

        .dealer-my-details-page .switch.switch-method-notification .switch-label-off {
            width: 125px;
        }

        .dealer-my-details-page .switch.switch-method-notification .switch-input#businessHours:checked + .switch-label-off ~ .switch-selection {
            left: 94px;
            width: 125px;
        }

        .dealer-my-details-page .switch.switch-method-notification .switch-selection {
            width: 95px;
        }
}

@media screen and (max-width:975px) and (min-width:767px), (max-width:615px) {
    .dealer-my-details-page .block-content .row-border-bottom .input-hours-span {
        width: 80px;
    }

    .dealer-my-details-page .block-content .row-border-bottom select.input-hours {
        font: 14px "DIN Next LT Pro";
        padding: 5px;
        padding-right: 15px;
        background-size: 8px;
    }

        .dealer-my-details-page .block-content .row-border-bottom select.input-hours option {
            font: 14px "DIN Next LT Pro";
            padding: 5px;
        }

    .dealer-my-details-page .block-content .row-border-bottom .container-checkbox {
        margin-left: 10px;
    }

    .dealer-my-details-page .block-content .block-body .row-border-top {
        width: 100%;
    }
        .dealer-my-details-page .block-content .block-body .row-border-top:nth-child(even):nth-last-child(2) {
            border-bottom: none;
        }
}

@media screen and (max-width:991px) {
    .dealer-my-details-page .multiple-locations .block-body-image {
        margin-bottom: 10px;
    }

    .dealer-my-details-page .multiple-locations p {
        text-align: center;
    }

    .by-brand-name-page .review-card .review-reviewer {
        text-align: left;
        margin-left: 10px;
    }

    .by-brand-name-page .review-card .bars {
        margin-top: 20px;
    }

    #signupfoot .footer-container {
        padding-top: 30px;
        max-width: 400px;
        margin: auto;
    }

        #signupfoot .footer-container .page-wrap {
            padding: 0;
        }

        #signupfoot .footer-container .dealer-buttons {
            margin: 30px 0 35px;
            display: flex;
            justify-content: center;
        }

        #signupfoot .footer-container .footer-column-header, #signupfoot .footer-container .mobile-footer-column-header {
            margin-bottom: 5px;
            font-size: 16px;
        }

        #signupfoot .footer-container .footer-links > a {
            margin-bottom: 0;
        }
        
        .footer-container .bottom-footer {
            display: block;
        }
        .footer-container hr {
            margin-top: 0;
        }

        #signupfoot .footer-container .footer-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

            #signupfoot .footer-container .footer-grid .grid-block-1 {
                grid-column: span 2;
                margin-bottom: 30px;
            }

                #signupfoot .footer-container .footer-grid .grid-block-1 .footer-image {
                    text-align: center;
                }

            #signupfoot .footer-container .footer-grid .grid-block-2 {
                order: 2;
                padding-left: 20px;
            }

            #signupfoot .footer-container .footer-grid .grid-block-3 {
                order: 3;
                padding-right: 20px;
                margin-bottom: 30px;
            }

            #signupfoot .footer-container .footer-grid .grid-block-4 {
                order: 4;
                padding-left: 20px;
            }

            #signupfoot .footer-container .footer-grid .grid-block-5 {
                grid-column: span 2;
                order: 8;
                padding-left: 10px;
                padding-right: 10px;
            }

            #signupfoot .footer-container .footer-grid .grid-block-6 {
                order: 7;
                padding-right: 20px;
                margin-top: 20px;
            }

            #signupfoot .footer-container .footer-grid .grid-block-7 {
                order: 6;
                margin-top: 20px;
                padding-left: 20px;
            }

            #signupfoot .footer-container .footer-grid .grid-block-8 {
                order: 5;
                padding-right: 20px;
            }

    #signupfoot .dealer-buttons .btn,
    #signupfoot .dealer-buttons .btn:last-child {
        margin: auto 5px;
    }

    .p-mobile-0 {
        padding: 0;
    }

}

@media screen and (min-width:992px) {
    #signupfoot .footer-container .footer-grid {
        display: grid;
        grid-template-columns: 150px auto auto auto 180px 165px;
        grid-gap: 10px;
    }

    #signupfoot .footer-container .footer-grid .grid-block-1 .footer-image {
        text-align: left;
    }

        #signupfoot .footer-container .footer-grid .grid-block-1 .footer-image img {
            height: 25px !important;
            display: block;
        }

        #signupfoot .footer-container .footer-grid .grid-block-6 .footer-image img {
            float: none;
        }
        #signupfoot .footer-container .footer-grid .grid-block-6 {
            grid-column: span 2;
        }
        #signupfoot .footer-container .footer-grid .grid-block-7 {
            grid-column: span 2;
        }
        #signupfoot .footer-container .footer-grid :is(.grid-block-8, .grid-block-2, .grid-block-3, .grid-block-4) {
            grid-row: span 3;
        }
        #signupfoot .footer-container .footer-grid .grid-block-5 .dealer-buttons .btn:last-child {
            margin-top: 10px;
        }
        #signupfoot .footer-container .footer-grid .grid-block-1 {
            grid-row: 4;
            grid-column: span 6;
        }
}

@media screen and (max-width:991px) and (min-width:767px) {
    .by-brand-name-page .block-content .search-selectors {
        max-width: 100%;
    }
    .by-brand-name-page .block-content .search-selectors .pattern, .by-brand-name-page .block-content .search-selectors .btn {
        margin-top: 0;
        margin-left: 10px;
    }
    .dealer-signup .dealer-testimonials .testimonial-inner {
        margin: 90px 45px;
    }
    .dealer-signup .desktops-slider-box .desktops-slide .desktops-image {
        max-width: 50%;
    }
    .dealer-signup .desktops-slider-box .desktops-slide p {
        font-size: 20px;
        line-height: 30px;
        margin-top: 15px;
    }
    .dealer-signup .desktops-slider-box .desktops-slide .desktops-title-box img {
        width: 50px;
        height: 50px;
    }
    .dealer-signup .desktops-slider-box .desktops-slide.desktop-1 .desktops-title-box {
        margin-left: -10px;
    }
    .dealer-signup .desktops-slider-box .desktops-slide.desktop-1 .desktops-title-box img {
        transform: rotate(19deg) translate(28px, 3px);
    }
    .dealer-signup .desktops-slider-box .desktops-slide.desktop-2 .desktops-title-box {
        margin-left: -12px;
    }
    .dealer-signup .desktops-slider-box .desktops-slide.desktop-2 .desktops-title-box img {
        transform: scale(-1, 1) rotate(23deg) translate(7px, 1px);
    }
    .dealer-signup .desktops-slider-box .desktops-slide.desktop-2 .desktops-title-box .desktops-title {
        max-width: 275px;
    }
}

@media screen and (max-width:615px) and (min-width:575px) {
    .by-brand-name-page .reviews-row .sort-dropdown {
        min-width: 190px;
    }
}
[hidden] { display: none; }

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
	display: none !important;
}

@-moz-keyframes spin { 
	from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); }
}

@-webkit-keyframes spin { 
	from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }
}

@keyframes spin { 
	from { transform: rotate(0deg); } to { transform: rotate(360deg); }
}

/* http://www.cssreset.com/css3-webkit-animation-shake-links/ */
@-webkit-keyframes spaceboots { 
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}

body { font: 14px "DIN Next LT Pro"; line-height: 1.5; }

/* buttons */
.btn-normal-text { font-weight: normal !important; }

#SeoHeadings h2 { color:black !important;}
#SeoHeadings-Search h2 { color:black !important; margin: 30px 0 30px 0; }

/* new logo */
/*#header .logo { height: 91px; margin-top: 5px; }*/
/*#header .dealer-name { margin-right: 10px; }*/

@media (max-width: 1017px) {
	/*#header header { max-height: 55px; }*/  #footer .col-right { position: relative; top: 170px; float: right; text-align: left; color: #808285; font: 100 14px/20px Roboto; }
}

@media ( max-width: 767px) {
	/*#header .logo { height: 49px; margin-top: 5px; } #header .logo img { height: 57px; top: -1px; }*/
}

/* forms */
span.field-validation-error { font: normal 14px/1 "DIN Next LT Pro"; color: red; display: block; float: none; margin: 5px 0; }
span.field-validation-error span { display: block; width: 100%; }
.input-validation-error { border: solid 1px red !important; }
span.help-inline { color: #666; margin-top: 5px; display: block; }
div.summary-validation-error {
    color: red;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    text-align: right;
    font: normal 16px "DIN Next LT Pro" !important;
}

label {
    cursor: pointer;
}
input[readonly], 
textarea[readonly], 
input[disabled], 
textarea[disabled], 
select[disabled], 
.sel-wrap.disabled { background-color: #e7e7e7; border: solid 1px #ccc; cursor: not-allowed; }

/*, .cb-wrap.disabled*/
button[disabled] { cursor: not-allowed; opacity: 0.4; }

input, 
textarea { outline: 0; }

.msg, 
.validation-summary-errors { display: block; clear: both; padding: 10px 20px; margin-bottom: 30px; border: solid 1px #b6002a; background: #b6002a; font: normal 24px "DIN Next LT Pro" !important; text-align: center; color:white; }
.msg small { font-size: 12px !important; color: #666; }
.wrn-msg { background-color: #FFC107; border-color: #FF9800; }
.suc-msg { background-color: #d4ffe0; border-color: #b2ffc8; }
.err-msg-stores { background-color: #FF6767; border-color: #FF0000; }
.msg li, .validation-summary-errors li, .validation-summary-errors ul, .validation-summary-valid ul { margin: 0 !important; list-style: none !important; }

.inp-row.err-msg { margin: 0 35px; }
span.err-msg { color: red; }

.loader { vertical-align: middle; font: normal 21px "DIN Next LT Pro" !important; margin: 10px 0; padding: 15px; text-align: center; }
.loader img { vertical-align: middle; margin-right: 5px; }

/* footer */
footer .disclaimer { margin: 20px 0; color: #ccc; font: 12px "DIN Next LT Pro"; text-transform: none; }

/* signup page */
.signup-page .signup-form .btn-row { margin-top: 20px; }
.signup-page .signup-form .inp-ccv { width: 90px !important; }

.catalogue-item .bot .content { float: left; width:48%; }
.catalogue-item .bot .content h3 { font: bold 18px/20px 'eurostileextblaitalic'; text-transform: uppercase; margin: 0 0 1em 0; }
.catalogue-item .bot .supplier h3 { font: bold 18px/20px 'eurostileextblaitalic'; text-transform: uppercase; margin: 0 0 1em 0; }
.catalogue-item .bot .supplier h3 span { font: bold 10px roboto; background: #04AFE1; color: white; padding: 3px 8px; margin-left: 10px; display: inline;}
.catalogue-item .bot .supplier { float: right; }
.catalogue-item .bot .supplier address { font-style: normal; }

@media ( max-width: 1017px) { /*.signup-page #main-content .page-title { padding-top: 50px }*/
	.catalogue-item .bot .content { width:100%; }
}

@media ( max-width: 767px) {
}

/* login form */
.login-form .instr { margin-bottom: 20px; }

/* quote page */
.squote-page #header nav { display: table-cell; }
.squote-page .results-wrap .col .note { font-size: 12px; padding: 10px 35px; margin: 10px 0; /*background: url(/content/images/squote-info.png) 3% 25% no-repeat #f7f7f7;*/ }

/* quote form */
.quote-wrap .row-form .inp-row .label strong { text-decoration: underline; font-weight: 700; }
.quote-wrap .selected-vehicle > span { display: block; }
.quote-wrap .selected-vehicle img { vertical-align: middle; margin: 5px 0; }

/* waitlist */
.waitlist-signup-complete { text-align: center; }
.waitlist-signup-complete #main-content { padding: 160px 0 80px; }
.waitlist-signup-complete #main-content .page-title { text-align: center; }
.waitlist-signup-complete h1:before { display: inline-block; width: 80px; background-position: center center; position: static; }
.waitlist-signup-complete h1 { margin-left: -80px; }
.waitlist-signup-complete .next-steps { padding-bottom: 40px; }

/* error page */
.error-page h1 { margin-bottom: 10px; }

/* tables */
.dataTables_filter, .dataTables_length { margin-bottom: 10px; }
.dataTables_filter input, .dataTables_length select { border: 0; outline: 0; padding: 0 10px; font: 400 14px/30px "DIN Next LT Pro"; border: 1px solid #ccc; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1) inset; }
.dataTables_length select { line-height: 30px; padding: 6px 5px; }
table.dataTable thead th, table.dataTable tfoot th { font-weight: normal !important; }

/* choose quote */
#grid .result-group { margin: 20px 0; }

.btn.disabled { opacity: 0.3; cursor: not-allowed; }

/* account page */
.acc-details form { background: #fff; padding: 5px 20px; margin-bottom: 20px; overflow: hidden;}
.acc-details h1 { font: 700 34px/50px "DIN Next LT Pro"; display: inline-block; vertical-align: middle; }
.acc-details .page-head { padding: 20px 0; }
.acc-details h2 { font-size: 24px; margin: 20px 0; }
.acc-details .inp-row { margin-bottom: 10px; }
.acc-details .btn-row { margin: 15px 0; }
.acc-details #change-addr { max-height: 0; overflow: hidden; transition: max-height ease 0.2s; }
.acc-details #card-info { max-width: 300px; }
.acc-details #change-addr.visible { max-height: 100px; }

#load-overlay, .load-overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/content/images/loading.gif) center center no-repeat #fff; z-index: 500; opacity: 0.7; cursor: wait; }
#load-overlay.visible, .load-overlay.visible { display: block; }
.load-overlay.fixed { position: fixed; }

/* payment msg */
.payment-msg { background: #fff; border: solid 0 #d31214; max-height: 0; opacity: 0.4; overflow: hidden; transition: max-height 1.6s ease, opacity 0.8s ease; max-width: 90%; margin: 20px auto; border-radius: 4px; }
.payment-msg.visible { max-height: 1500px; opacity: 1; border-width: 1px; }
.payment-msg.hidden { max-height: 0; opacity: 0; border-width: 0; }

.payment-succeeded-msg.visible { background: #d4ffe0; border: solid 1px #b2ffc8 !important; }

.payment-msg .btn-close { position: absolute; top: 0; right: 0; background: url(/content/images/close.gif) no-repeat center center #000; width: 30px; height: 30px; text-indent: -9999px; overflow: hidden; z-index: 200; opacity: 0.8; transition: opacity ease 600ms; }
.payment-msg .btn-close:hover { opacity: 1; }

.payment-msg .inner { position: relative; padding: 35px 15px; max-width: 70%; margin: 0 auto; overflow: auto; }
.payment-msg h2 { margin-bottom: 20px; font-size: 37px; }
.payment-msg p { margin-bottom: 10px; }
.payment-msg ul { list-style: inside; margin: 5px 15px; }

.payment-msg .box { float: right; border: solid 1px #222; width: 80px; border-radius: 4px; padding: 10px; text-align: center; }
.payment-msg .box strong { display: block; font-size: 24px; }

.payment-msg ul { float: left; }

.payment-msg button { float: left; clear: both; height: 50px; transition: all ease 0.4s; overflow: hidden; }
.payment-msg button.hidden { height: 0; padding: 0 12px; }

.payment-msg #payment-info { clear: both; max-height: 0; overflow: hidden; transition: max-height ease 1.5s; }
.payment-msg #payment-info.visible { max-height: 700px; }

.free-trial { background: url(/content/images/bg-trial-desktop.jpg) no-repeat center center; width: 700px; height: 400px; }
.free-trial .inner { max-width: initial; }
.free-trial .content { margin-top: 35px; width: 60%; padding: 40px; }
.free-trial p { font-size: 20px; line-height: 28px; color: #58595b; margin-bottom: 1em; }
.free-trial h2 { text-align: center; color: #fff; text-transform: none; font: 600 28px/28px inherit; text-transform: uppercase; }

@media screen and (max-width: 480px) { 
	free-trial { background: url(/content/images/bg-trial-mobile.jpg) no-repeat center center; width: 300px; height: 548px; } .free-trial .content { width: 85%; padding: 20px; } .free-trial p { font: 16px/26px Arial; }
}

/* payment info */
#payment-info .inp-row { margin-bottom: 5px; float: left; clear: both; width: 98%; max-width: 250px; }
#payment-info .btn-row { clear: both; }
#payment-info label { float: left; margin-bottom: 2px; }

#payment-info .inp-exp .sel-wrap { width: 48%; margin-right: 1%; }
#payment-info .inp-exp:last-child { margin-right: 0; }

#payment-info .inp-ccv { max-width: 120px; }

#payment-info .card-row label { float: left; margin-top: 9px; clear: both; }

#payment-info .card-row { margin-top: 5px; }
#payment-info .card-row .inp-row { clear: both; }

#payment-info .cards { float: right; margin-top: 2px; }
#payment-info .cards li { display: inline; margin-right: 2px; }
#payment-info .cards li img { display: inline-block; width: 50px; }

/* submit quote */
.squote-page .spec { margin-bottom: 5px; }
.squote-page .spec .venobox { vertical-align: middle; text-decoration: none; font-size: 12px; }
.squote-page .spec .venobox:hover:after { content: 'Click to view photo'; }
.squote-page .spec .venobox img { vertical-align: middle; margin-right: 5px; }

.squote-res.quote .results-wrap input, 
.squote-res .results-wrap textarea, 
.squote-res.quote .results-wrap select { display: none; }

.squote-res .results-wrap select { font: 400 16px/21px "DIN Next LT Pro"; border: 1px solid #ccc; padding: 10px; width: 100%; }
.squote-res .results-wrap .custommake { margin-top: 10px; }

.quote-res-head .spec { margin-bottom: 5px; }
.quote-res-head .spec span { display: inline-block; min-width: 120px; }
.quote-res-head .spec .venobox { vertical-align: middle; text-decoration: none; font-size: 12px; }
.quote-res-head .spec .venobox img { vertical-align: middle; margin-right: 5px; }

/* list styles */
ul.ticks-crosses { list-style-position: inside; }
ul.ticks-crosses li:before { background: url(/content/images/list-tick.png) 50% 50% no-repeat; content: " "; display: inline-block; width: 17px; height: 16px; margin-right: 8px; vertical-align: middle; }
ul.ticks-crosses li { margin: 10px 0; }
ul.ticks-crosses li.cross:before { background-image: url(/content/images/list-cross.png); }

/* dialogs */
.dialog { display: none; position: fixed; top: -100%; left: 15%; width: 70%; background: #fff; font-size: 16px; z-index: 1100; transition: top 0.6s ease; }
.dialog.open { display: block; max-height: 1000px; top: 15%; }

@media screen and (min-width: 1300px) {
	.dialog { left: 27.5%; width: 45%; } .dialog.open { top: 5%; }
}

@media screen and (max-width: 767px) { 
	.dialog { width: 90%; } .dialog.open { top: 9% !important; left: 5%; }
}

.dialog .btn-close { position: absolute; top: -30px; right: 0; background: url(/content/images/close.gif) no-repeat center center #000; width: 30px; height: 30px; text-indent: -9999px; overflow: hidden; z-index: 200; opacity: 0.8; transition: opacity ease 600ms; }
.dialog .btn-close:hover { opacity: 1; }
.dialog .inner { padding: 45px 55px 25px; overflow: auto; }
.dialog h2 { text-transform: uppercase; }

.dialog-overlay { position: fixed; top: -100%; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; z-index: 1000; transition: opacity 1s ease; overflow: hidden; }
.dialog-overlay.visible { opacity: 0.6; top: 0; }

/* upload dialog */
#upload-dialog.failed { -webkit-animation: spaceboots 0.8s 1; -moz-animation: spaceboots 0.8s 1; -ms-animation: spaceboots 0.8s 1; -o-animation: spaceboots 0.8s 1; animation: spaceboots 0.8s 1; }

#upload-dialog .tyres { float: left; width: 300px; margin-left: -35px; }
#upload-dialog .tyres .tyre { width: 247px; height: 178px; overflow: hidden; text-align: center; margin: 0 0 30px; }
#upload-dialog .tyres .tyre img { display: block; }
#upload-dialog .tyres .tyre.correct-tyre img { }

#upload-dialog .dialog-content { float: left; width: calc(100% - 300px); }
#upload-dialog .dialog-content h2 { margin-bottom: 15px; }
#upload-dialog .dialog-content h2.error { color: #d31214; }
#upload-dialog .dialog-content p { margin-bottom: 15px; }
#upload-dialog .dialog-content .btn { float: left; }
#upload-dialog .dialog-content .btn { margin-top: 30px; margin-right: 20px; }

#upload-dialog .uploading-text { vertical-align: middle; font-size: 21px; margin-top: 30px; }
#upload-dialog .uploading-text img { vertical-align: middle; margin-right: 5px; }

/* login popup */
#login-dialog { width: 300px; left: calc(50% - 150px); }
#login-dialog .inner { padding: 35px; }
#login-dialog h2 { margin: 0 0 15px; }
#login-dialog .login-form { margin: 20px 0; }

@media screen and (max-width: 767px) { 
	#upload-dialog .inner { padding: 20px 6px 20px 25px; } #upload-dialog .tyres { width: 100%; margin-left: -19px; float: none; } #upload-dialog .tyres .tyre { float: left; width: 50%; height: auto; overflow: hidden; text-align: center; margin: 0 0 30px; } #upload-dialog .tyres .tyre img { width: 100%; }
	#upload-dialog .dialog-content { width: 100%; float: none; } #upload-dialog .dialog-content .btns, #upload-dialog .uploading-text { text-align: center; }
}

@media screen and (min-width: 1018px) { 
	/*#header nav > div { margin-top: -9px; padding-top: 7px; }*/
}

@media screen and (max-width: 1017px) {
}

/* content page */
.num-list { font: 800 42px/0 "DIN Next LT Pro"; }
.num-list li { position: relative; margin: 0 0 20px 55px; padding: 0; min-height: 50px; }
.num-list li strong { font: 400 21px/32px "DIN Next LT Pro"; vertical-align: text-top; }

/* catalogue list */
.fourforthree { width: 95px; height: 94px; background: url(/content/images/icon-fourforthree.png); position: absolute; top: 0; left: 0; z-index: 5; }
.discount { text-align: center; background: #d31214; color: #fff; border-radius: 50%; width: 45px; height: 45px; position: absolute; top: 10px; right: 10px; z-index: 5; font-size: 11px; line-height: 16px; }
.discount span { font-size: 18px; padding-top: 9px; display: block; }
.catalogue-list .tyre-img { position: relative; }
.catalogue-list .spec-row { margin: 15px 0 0 0; display: block; overflow: hidden; }
.catalogue-list .spec-row label { font: bold 12px/12px 'eurostileextblaitalic'; text-transform: uppercase; display: block; height: 16px; }
.catalogue-list .spec-row .price { margin: 0; }
.catalogue-list .spec-row .price span { margin: 0; line-height: 29px; font-size: 50px !important; }
.catalogue-list .spec-row .price.rrp { margin-top: 12px; margin-left: 25px; font-size: 24px; line-height: 12px; font-weight: normal; text-align: left; }
.catalogue-list .spec-row .price.rrp span { font-size: 13px !important; font-weight: normal; margin: 0; }
.catalogue-list .spec-row .price.rrp .save { background: #d21213; color: #fff; padding: 3px 7px; margin-top: 14px; font-size: 14px; white-space: nowrap; }
.catalogue-list .spec-row .total { margin-top: 8px; }
.catalogue-list .spec-col { float: left; width: 50%; }
.catalogue-list .btn-reserve { margin-top: 0; }
.catalogue-list .avail { padding: 0 0 10px; display: block; color: #04B3E5; }
.catalogue-list .avail span { color: #58595b; }
.catalogue-list .btn-tea { border: 1px solid #0388ae; -webkit-box-shadow: #B4B5B5 1px 1px 1px; -moz-box-shadow: #B4B5B5 1px 1px 1px; box-shadow: #B4B5B5 1px 1px 1px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; font-size: 19px; font-family: arial, helvetica, sans-serif; padding: 10px 40px; text-decoration: none; display: inline-block; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); font-weight: bold; color: #FFFFFF; background-color: #04B3E5; background-image: -webkit-gradient(linear, left top, left bottom, from(#04B3E5), to(#0684B6)); background-image: -webkit-linear-gradient(top, #04B3E5, #0684B6); background-image: -moz-linear-gradient(top, #04B3E5, #0684B6); background-image: -ms-linear-gradient(top, #04B3E5, #0684B6); background-image: -o-linear-gradient(top, #04B3E5, #0684B6); background-image: linear-gradient(to bottom, #04B3E5, #0684B6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#04B3E5, endColorstr=#0684B6); }
.catalogue-list .btn-tea:hover { border: 1px solid #026581; background-color: #038cb3; background-image: -webkit-gradient(linear, left top, left bottom, from(#038cb3), to(#046085)); background-image: -webkit-linear-gradient(top, #038cb3, #046085); background-image: -moz-linear-gradient(top, #038cb3, #046085); background-image: -ms-linear-gradient(top, #038cb3, #046085); background-image: -o-linear-gradient(top, #038cb3, #046085); background-image: linear-gradient(to bottom, #038cb3, #046085); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#038cb3, endColorstr=#046085); }

@media screen and (max-width: 571px) {
    .catalogue-list .fourforthree {
        width: 50px;
        height: 50px;
        background: url(/content/images/v2/icon-fourforthree-mobile.png);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 5;
    }

    .catalogue-list .sgl .wrap {
        height: auto;
    }

    .catalogue-list .avail {
        padding: 10px 0;
    }

    .catalogue-list .btn-reserve {
        width: auto;
    }

    .quote-comp-page .supplier {
        margin: 10px auto 0;
        text-align: center;
    }

    .discount {
        text-align: center;
        width: 40px;
        height: 40px;
    }

    .discount span {
        font-size: 16px;
        padding-top: 5px;
    }
}

@media screen and (max-width: 480px) {
    .catalogue-list .spec-col {
        width: auto;
    }

    .catalogue-list .spec-row .price.rrp {
        margin-left: 0;
        margin-bottom: 10px;
    }

    .catalogue-list .avail span {
        display: block;
    }
}

/* catalogue item */
.catalogue-item .quote-detail { position: relative; }
.catalogue-item .quote-detail span.all { position: absolute; top: 40px; left: 15px; z-index: 5; }

.catalogue-item .sel-wrap-qty { position: relative; width: auto; margin-right: 12px; }
/*.catalogue-item .sel-wrap-qty:after { content: '<>'; font: 13px/26px "Consolas", monospace; color: #aaa; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: 8px; top: 2px; padding: 0 0 2px; border-bottom: 1px solid #ddd; position: absolute; pointer-events: none; }
.catalogue-item .sel-wrap-qty:before { content: ''; height: 36px; right: 6px; top: 0px; width: 20px; background: #f8f8f8; position: absolute; pointer-events: none; display: block; }
.catalogue-item .sel-wrap-qty select { height: 36px; padding: 3px 32px 3px 5px; margin: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset; background: #f8f8f8; color: #888; border: none; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }*/

.catalogue-item .btn-tea { border: 1px solid #0388ae; -webkit-box-shadow: #B4B5B5 1px 1px 1px; -moz-box-shadow: #B4B5B5 1px 1px 1px; box-shadow: #B4B5B5 1px 1px 1px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; font-size: 19px; font-family: arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration: none; display: inline-block; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); font-weight: bold; color: #FFFFFF; background-color: #04B3E5; background-image: -webkit-gradient(linear, left top, left bottom, from(#04B3E5), to(#0684B6)); background-image: -webkit-linear-gradient(top, #04B3E5, #0684B6); background-image: -moz-linear-gradient(top, #04B3E5, #0684B6); background-image: -ms-linear-gradient(top, #04B3E5, #0684B6); background-image: -o-linear-gradient(top, #04B3E5, #0684B6); background-image: linear-gradient(to bottom, #04B3E5, #0684B6); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#04B3E5, endColorstr=#0684B6); }
.catalogue-item .btn-tea:hover { border: 1px solid #026581; background-color: #038cb3; background-image: -webkit-gradient(linear, left top, left bottom, from(#038cb3), to(#046085)); background-image: -webkit-linear-gradient(top, #038cb3, #046085); background-image: -moz-linear-gradient(top, #038cb3, #046085); background-image: -ms-linear-gradient(top, #038cb3, #046085); background-image: -o-linear-gradient(top, #038cb3, #046085); background-image: linear-gradient(to bottom, #038cb3, #046085); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#038cb3, endColorstr=#046085); }
.catalogue-item .btn-phone { background: #414042; border-radius: 5px !important; text-transform: uppercase; color: #fff; text-decoration: none; }
.catalogue-item .btn-phone span { color: #02b5e7; }

.catalogue-item .detail-head { margin: 0; }
.catalogue-item .detail-head > div { vertical-align: top; }
.catalogue-item .quote-detail .top { padding: 60px 40px 40px 300px; }

.catalogue-item .icons { overflow: hidden; float: right; }
.catalogue-item .icons .fit-bal { width: auto; float: left; margin: 10px; }

.catalogue-item .checkout .qty { display: block; text-align: left; padding: 5px 16px; font-weight: normal; font-size: 12px; }
.catalogue-item .checkout { overflow: hidden; float: right; }
.catalogue-item .checkout label, .quote-detail-page .checkout a { float: left; margin-left: 12px; }
.catalogue-item .checkout .btn-phone { margin-top: 10px; }

.catalogue-item .spec-row { margin: 25px 0; display: block; }
.catalogue-item .spec-row .price span { margin: 10px 0; font-size: 56px !important; }
.catalogue-item .spec-row .price.rrp { margin-top: 12px; margin-left: 25px; font-size: 24px; line-height: 24px; font-weight: normal; text-align: left; }
.catalogue-item .spec-row .price.rrp span { font-size: 13px !important; font-weight: normal; margin: 0; }
.catalogue-item .spec-row .price.rrp .save { background: #d21213; color: #fff; padding: 3px 7px; margin-top: 14px; white-space: nowrap; }

.catalogue-item .avail { padding: 0 0 10px; display: block; color: #04B3E5; }
.catalogue-item .avail span { color: #58595b; }

.catalogue-item .tyre-img { top: 65px; }
.catalogue-item .tyre-img img { padding-bottom: 19px; }
.catalogue-item .tyre-img .tick { color: #528579; background: url(/content/images/v2/ico-tick.png) no-repeat 0 0; line-height: 20px; padding-left: 25px; }
.catalogue-item .tyre-img .cross { color: #528579; background: url(/content/images/v2/ico-cross.png) no-repeat 0 0; line-height: 20px; padding-left: 25px; }

.quote-properties span { font-size: 11px; text-transform: uppercase; white-space: nowrap; margin: 0 10px 0 0; }
.quote-tick { color: #528579; background: url(/content/images/v2/ico-tick.png) no-repeat 0 0; line-height: 20px; padding-left: 25px; }
.quote-cross { color: #528579; background: url(/content/images/v2/ico-cross.png) no-repeat 0 0; line-height: 20px; padding-left: 25px; }



@font-face { 
	font-family: 'eurostileextblaitalic'; 
	src: url('/content/css/fonts/urw_-_eurostileextbla_italic-webfont.eot'); 
	src: url('/content/css/fonts/urw_-_eurostileextbla_italic-webfont.eot?#iefix') format('embedded-opentype'), url('/content/css/fonts/urw_-_eurostileextbla_italic-webfont.woff2') format('woff2'), url('/content/css/fonts/urw_-_eurostileextbla_italic-webfont.woff') format('woff'), url('/content/css/fonts/urw_-_eurostileextbla_italic-webfont.ttf') format('truetype'), url('/content/css/fonts/urw_-_eurostileextbla_italic-webfont.svg#eurostileextblaitalic') format('svg'); 
	font-weight: normal; 
	font-style: normal;
}

@media screen and (max-width: 480px) {
	.xxxx {width:350px}
}

@media screen and (max-width: 1017px) { 
	.quote-detail-page .quote-detail .top, 
	.quote-detail-page .quote-detail .bot { max-width: initial; } 
	.quote-detail-page .quote-detail .top { border: 0; } 
	.quote-detail-page .quote-detail .bot { padding: 0; } 
	.catalogue-item .fourforthree { position: absolute; bottom: 0; left: 0; z-index: 5; }
	.catalogue-item .tyre-img { top: 40px; width: 110px; height: 120px; } 
	.catalogue-item .quote-detail span.all { position: relative; top: 0; left: 15px; z-index: 100; } 
	.catalogue-item .quote-detail .top { padding: 35px 0 0 145px; margin: 0; } 
	.catalogue-item .quote-detail-page .brand-img { margin: 0; height: auto; } 
	.catalogue-item .spec-row { margin: 0; overflow: hidden; } 
	.catalogue-item .spec-row .spec-col { } 
	.catalogue-item .spec-row .price span { font-size: 42px !important; } 
	.catalogue-item .spec-row .price.rrp { margin-left: 0; margin-bottom: 0; } 
	.catalogue-item .spec-row .price.rrp .save { margin-top: 5px; display: inline; float: none; } 
	.catalogue-item .run-f, .catalogue-item .eco-f { float: left; } 
	.catalogue-item .avail { float: left; padding-top: 10px; } 
	.catalogue-item .checkout { float: none; width: 275px; overflow: hidden; margin-bottom: 15px; display: block; text-align: center; margin: 0 auto; padding: 0; } 
	.catalogue-item .btn-reserve { width: 130px; text-align: center; } 
	.catalogue-item .sel-wrap-qty select { height: 39px; width: 100%; } 
	.catalogue-item .bot .supplier { float: none; } 
	.catalogue-item .icons { float: none; clear: both; text-align: center; } 
	.catalogue-item .icons .fit-bal { float: none; display: inline-block; } 
	.catalogue-item .btn-phone { width: auto; margin: 10px 0; } 
	.quote-detail-page .comments p { text-align: left; font-size: 12px; line-height: 16px; margin: 15px 10px; } 
	.catalogue-item .bot .supplier address { font: bold 16px/20px Arial; text-transform: none; } 
	.squote-head .tip { width: auto; } 
	.catalogue-item .avail span { display: block; margin-top: 10px }
}

/* create cat item */
.squote-page .btn-tea.btn-back { background: #ccc !important; }
.squote-page .squote-res h4 { padding: 0 8px; }
.squote-page .btn-edit { text-transform: uppercase; padding: 4px 16px; font-size: 20px; }
.squote-page .btn-save {  margin-top: 15px; width: 100%; }

.page_parse { background-color: white; }

.page_parse .page-wrap { padding-bottom: 20px; }

.breadcrumb { padding-top: 20px; padding-bottom: 10px; }

.back_btn { font-size: 18px; padding-top:20px; }

.dynamicItem { width: 33%; float: left; margin-top:5px; margin-bottom:5px; }

.page_parse .content { margin-top: 15px; }

.breadcrumb { list-style: none; overflow: hidden; }
.breadcrumb li:before { border-bottom: 15px solid transparent; border-left: 20px solid #dddddd; border-top: 15px solid transparent; content:" "; display: block; height: 0; left: 100%; margin-left: 1px; margin-top: -15px; position: absolute; top: 50%; width: 0; z-index: 1; }
.breadcrumb li:after { border-bottom: 15px solid transparent; border-left: 20px solid #f6f6f6; border-top: 15px solid transparent; content:" "; display: block; height: 0; left: 100%; margin-top: -15px; position: absolute; top: 50%; width: 0; z-index: 2; }
.breadcrumb li { background: none repeat scroll 0 0 #f6f6f6; display: block; float: left; height: 20px; padding: 5px 5px 5px 33px; position: relative; line-height: 20px; }

.page_parse h2 { padding-bottom: 10px; padding-top: 30px; }



.dynamicItemHome { margin-top:5px; margin-bottom:5px; text-align: left; padding-left: 20%; }
.home_children { width: 25%; float: left; height: 310px; }
.home_children_head { margin-bottom: 20px; margin-top: 15px; text-align: left; padding-left: 20%; color:black; font-size: 20px; }
.see_other { margin-top: 30px; }
.other_link { font-size: 20px; font-weight: bold; margin-bottom: 5px; }
sub.main { font-size: 17px; text-transform: inherit; font: 300 16px/1 "DIN Next LT Pro"; display: block; letter-spacing: -0.2px; }
.h2_title { font: 700 20px/1 "DIN Next LT Pro Condensed"; letter-spacing: -0.2px; font-size: 33px; text-transform: none; }


.home_children_results { width: 100%; float: left; height: auto; }
.home_children_head_results { margin-bottom: 20px; margin-top: 15px; text-align: left; color:black !important; font-size: 20px !important; }
.dynamicItemHome_results { margin-top:5px; margin-bottom:5px; margin-right: 10px; text-align: left; float:left; width: 18%; padding: 0; word-wrap: break-word; font-size: 14px; }
.content_results p { font-weight: 300; margin-bottom: 16px; text-align: justify; }



@media screen and (min-width:440px) and (max-width:768px) {
	.home_children { width: 50%; float: left; height: 310px; }
	.dynamicItemHome_results { width: 48%; }
}

@media screen and (max-width:440px) {
	.catalogue-item .bot .supplier h3 span { display: inline-block;}
	.home_children { width: 100%; float: left; height: 310px; }
	.dynamicItemHome_results { width: 48%; }
}

.link-row .home_children_head {
    padding: 0;
    font-weight: 600;
}

    .link-row .home_children_head a {
        font-family: 'DIN Next LT Pro';
    }

.link-row .dynamicItemHome {
    padding: 0;
    margin: 0;
    margin-right: 1rem;
    font-size: 16px;
}

    .link-row .dynamicItemHome:not(:last-child) {
        border-bottom: 1px solid #e9e9e9;
    }

    .link-row .dynamicItemHome a {
        text-decoration: none;
        padding: 0.5rem 0;
        display: inline-block;
        color: #333;
        line-height: normal;
    }

        .link-row .dynamicItemHome a:hover {
            text-decoration: underline;
        }

.link-row .dynamicItem {
    padding: 0;
    margin: 0;
}
.link-row .dynamicItem.sizeItem {
    width: auto;
}

.link-row .dynamicItem a {
    text-decoration: none;
    margin-right: 1rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #e9e9e9;
    display: block;
    color: #333;
    line-height: normal;
}

        .link-row .dynamicItem a:hover {
            text-decoration: underline;
        }

.text-nowrap {
    white-space: nowrap;
}

.page-big-wrap {
    max-width: 1100px;
}

.columns-row {
    column-fill: balance;
}
    .columns-row .column {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }

.ah-grey-bg {
    background-image: url("/content/images/v2/auto-hero-bg-4.svg?18092023");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
body.ah-grey-bg {
    min-height: 100%;
}

    .ah-grey-bg #main-content2, .ah-grey-bg .dealers-latest-posts, .ah-grey-bg .feed-block,
    .bg-dealer-login #main-content {
        background-color: transparent !important;
    }
.bg-dealer-login {
    background-image: url("/content/images/bg-dealer-login.jpg");
    background-repeat: no-repeat ;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.accordion {
  overflow-anchor: none;
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}

.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}


/*!
 * Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2020 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */@-webkit-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@-o-keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}@keyframes bs-notify-fadeOut{0%{opacity:.9}100%{opacity:0}}.bootstrap-select>select.bs-select-hidden,select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\0;vertical-align:middle}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;text-align:right;white-space:nowrap;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.bootstrap-select>.dropdown-toggle:after{margin-top:-1px}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover{color:rgba(255,255,255,.5)}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none;z-index:0!important}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2!important}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select select:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select select:valid+.dropdown-toggle{border-color:#28a745}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none;height:auto}:not(.input-group)>.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{float:none;z-index:auto}.form-inline .bootstrap-select,.form-inline .bootstrap-select.form-control:not([class*=col-]){width:auto}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0}.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-lg .dropdown-toggle,.bootstrap-select.form-control-sm .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}.form-inline .bootstrap-select .form-control{width:100%}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle .filter-option{position:static;top:0;left:0;float:left;height:100%;width:100%;text-align:left;overflow:hidden;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}.bs3.bootstrap-select .dropdown-toggle .filter-option{padding-right:inherit}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option{position:absolute;padding-top:inherit;padding-bottom:inherit;padding-left:inherit;float:none}.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner{padding-right:inherit}.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .filter-expand{width:0!important;float:left;opacity:0!important;overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,.5)!important}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu .notify.fadeOut{-webkit-animation:.3s linear 750ms forwards bs-notify-fadeOut;-o-animation:.3s linear 750ms forwards bs-notify-fadeOut;animation:.3s linear 750ms forwards bs-notify-fadeOut}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before{content:'\00a0'}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}