:root {
  --black--black_100: black;
  --white--white_100: white;
  --red: #ed1c24;
  --white--white_40: rgba(255, 255, 255, .4);
  --transparent: rgba(0, 0, 0, 0);
  --white--white_80: rgba(255, 255, 255, .8);
  --blue: #00aeef;
  --yellow: #fff200;
  --white--white_20: rgba(255, 255, 255, .2);
  --black--black_60: rgba(0, 0, 0, .6);
  --black--black_80: rgba(0, 0, 0, .8);
  --white-20\<deleted\|variable-0d0d548a-b334-ed18-9d71-4d43ff26359e\>: rgba(255, 255, 255, .2);
  --white-80\<deleted\|variable-57df2c99-34a9-1f87-a713-00c6735d913d\>: rgba(255, 255, 255, .8);
  --black--black_20: rgba(0, 0, 0, .2);
  --black--black_40: rgba(0, 0, 0, .4);
  --white--white_60: rgba(255, 255, 255, .6);
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  background-color: var(--black--black_100);
  color: var(--white--white_100);
  font-family: termina, sans-serif;
  font-size: .875rem;
  line-height: 1.4;
}

h1 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1;
}

h2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.8rem;
  font-weight: 900;
}

h3 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.6rem;
  font-weight: 900;
}

h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.4rem;
  font-weight: 900;
}

h5 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 900;
}

h6 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 900;
}

a {
  text-decoration: none;
}

ul {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 13px;
}

ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 13px;
}

li {
  padding-bottom: 0;
}

img {
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

.button {
  background-color: var(--red);
  color: var(--white--white_100);
  text-transform: uppercase;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: .75em 1.5em .5em;
  font-size: 1rem;
  font-weight: 900;
  display: flex;
}

.button.secondary {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--white--white_40);
  background-color: var(--transparent);
}

.link-block-nav {
  letter-spacing: .075em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  align-items: center;
  transition: opacity .2s;
  display: flex;
}

.link-block-nav:hover {
  opacity: .7;
}

.link-block-nav.w--current {
  opacity: .4;
}

.form-find-tyres {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white--white_40);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  align-items: end;
  padding: 15px 15px 10px;
  display: grid;
  position: relative;
}

.form-find-tyres.centered {
  justify-content: center;
  align-items: center;
}

.form-select {
  background-color: var(--transparent);
  color: var(--red);
  border-style: none;
  min-width: 5em;
  height: 2em;
  margin-bottom: 0;
  padding: 0;
  font-family: termina, sans-serif;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
}

.form-select.vehicle {
  background-color: var(--white--white_80);
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 400;
}

.form-select.how-many {
  background-color: var(--white--white_80);
  border-radius: 5px;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 400;
}

.form-label {
  color: var(--black--black_100);
  margin-bottom: 0;
  font-size: .75rem;
  font-weight: 400;
}

.form-section {
  background-color: var(--white--white_80);
  color: var(--red);
  flex-flow: column;
  justify-content: space-between;
  padding-top: 10px;
  padding-left: 10px;
}

.by-size {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  overflow: hidden;
}

.find-tyres {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 80px;
  display: flex;
  position: relative;
}

.find-tyres.branch {
  width: 100%;
  overflow: hidden;
}

.heading {
  text-transform: uppercase;
  margin-bottom: -.1em;
  font-size: 3rem;
  font-weight: 900;
  line-height: .9;
  position: relative;
}

.heading.text-shadow {
  z-index: 1;
  text-shadow: 0 0 20px #000;
}

.heading.blue {
  color: var(--blue);
}

.nav {
  z-index: 100;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  display: flex;
  position: relative;
}

.background-img {
  pointer-events: none;
  object-fit: contain;
  object-position: 100% 0%;
  width: 80vw;
  height: 80svh;
  position: absolute;
  top: 10%;
}

.logo {
  aspect-ratio: 650.159 / 88.4916;
  height: 40px;
}

.button-icon {
  background-color: var(--red);
  color: var(--white--white_100);
  cursor: pointer;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  position: relative;
}

.icon {
  width: 24px;
  height: 24px;
}

.icon-text {
  display: none;
}

.utilility-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  display: flex;
}

.text-field {
  border: 1px #000;
  border-radius: 5px;
  margin-bottom: 0;
  padding-top: 6px;
  font-size: 16px;
  line-height: 1;
}

.text-field.textarea {
  min-height: 100px;
}

.form-utility {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.hide {
  display: none;
}

.error-message {
  background-color: var(--transparent);
  color: var(--yellow);
  margin-top: 0;
  padding: 0;
}

.form-choose-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
}

.form-choose {
  background-color: var(--white--white_20);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: .5em 15px .25em;
  font-weight: 400;
}

.form-choose.active {
  background-color: var(--white--white_40);
}

.success-message {
  background-color: var(--transparent);
  padding: 0;
}

.subheading {
  text-transform: uppercase;
  max-width: 30ch;
  margin-bottom: -.2em;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1;
  position: relative;
}

.subheading.blue {
  color: var(--blue);
}

.promo-small {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.promo-block {
  background-color: var(--blue);
  color: var(--black--black_100);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding-top: .2em;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1rem;
  font-weight: 900;
  display: flex;
  position: relative;
}

.page-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  max-width: 1200px;
  min-height: 100svh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.result-list {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  display: grid;
}

.result-item {
  background-color: var(--white--white_100);
  border-radius: 10px;
  flex-flow: column;
  justify-content: space-between;
  font-size: .75rem;
  display: flex;
}

.result-item.incart {
  opacity: .5;
}

.result-logo {
  aspect-ratio: 10 / 3;
  width: 100%;
  margin-bottom: -15px;
  display: block;
}

.result-tyre {
  aspect-ratio: 3 / 2;
  background-color: var(--white--white_100);
  filter: grayscale();
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: 10px 10px 0 0;
}

.result-name {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 900;
  line-height: .9;
}

.result-stars {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  color: var(--white--white_80);
  flex-flow: column;
  justify-content: flex-end;
  padding: 10px;
  font-size: .625rem;
  display: flex;
}

.result-stars.modal-stars {
  background-color: var(--black--black_60);
  color: var(--white--white_100);
  border-radius: 10px;
  padding: 20px;
  font-size: .75rem;
}

.stars {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.performance-row {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  text-transform: uppercase;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  align-items: center;
  justify-items: stretch;
  display: grid;
  position: relative;
}

.promo-text-1 {
  background-color: var(--blue);
  color: var(--black--black_100);
  text-transform: uppercase;
  padding: 10px 10px 6px;
  font-weight: 900;
  line-height: 1;
}

.button-info {
  border: 1px solid var(--white--white_40);
  background-color: var(--transparent);
  color: var(--white--white_100);
  text-transform: uppercase;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: .2em 0 0;
  font-weight: 900;
  display: flex;
}

.star {
  opacity: 1;
  width: 13px;
  height: 13px;
  position: relative;
}

.result-bottom {
  background-color: var(--black--black_80);
  color: var(--white--white_100);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-bottom: 10px;
}

.result-top {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--white--white_100);
  color: var(--black--black_100);
  border-radius: 10px 10px 0 0;
  flex-flow: column;
  height: 100%;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.button-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  display: flex;
}

.div-block-27 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: grid;
}

.button-quote {
  background-color: var(--red);
  text-transform: uppercase;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  height: 30px;
  padding: .2em 1em 0;
  font-size: .8125rem;
  font-weight: 900;
  display: flex;
}

.low-stock {
  background-color: var(--yellow);
  color: var(--black--black_100);
  text-transform: uppercase;
  padding: 10px 10px 6px;
  font-size: .75rem;
  font-weight: 900;
  line-height: 1;
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.copy-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--white--white_100);
  color: var(--black--black_100);
  padding: 100px 30px;
  position: relative;
  overflow: hidden;
}

.text {
  max-width: 40ch;
  line-height: 1.5;
  position: relative;
}

.footer {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: wrap;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: .625rem;
  display: flex;
}

.result-modal-button-wrapper {
  color: var(--white--white_100);
  display: flex;
}

.branch-section-wrapper {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: stretch;
  width: 100%;
  display: grid;
  position: relative;
  overflow: hidden;
}

.copy-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white--white_40);
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.copy-section.strech {
  height: 100%;
}

.branch-section {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-flow: column;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.filter-text {
  margin-bottom: -.2em;
}

.modal {
  z-index: 200;
  background-color: var(--black--black_80);
  justify-content: center;
  align-items: flex-start;
  max-height: 100svh;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.modal.show {
  display: flex;
}

.modal-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white--white_100);
  color: var(--black--black_100);
  border-radius: 20px;
  flex-flow: column;
  width: 100%;
  max-width: 600px;
  margin: 20px;
  padding: 20px;
  font-size: .875rem;
  display: flex;
  overflow: auto;
}

.modal-content.black-bg {
  background-color: var(--black--black_100);
}

.promo-stack {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
}

.div-block-38 {
  position: relative;
}

.modal-top {
  justify-content: space-between;
  display: flex;
}

.nav-link {
  background-color: var(--transparent);
  text-transform: uppercase;
  padding: 0;
  font-weight: 900;
  text-decoration: none;
}

.nav-links-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.modal-flex {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: flex;
}

.ticker {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.brand-logo {
  aspect-ratio: 138 / 40;
  flex: none;
}

.modal-open {
  background-color: var(--transparent);
  cursor: pointer;
  flex-flow: column;
  padding: 0;
  display: flex;
}

.result-modal-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.result-modal-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  height: 100%;
  font-size: .75rem;
  display: flex;
}

.list-ul {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  background-color: var(--white-20\<deleted\|variable-0d0d548a-b334-ed18-9d71-4d43ff26359e\>);
  color: var(--white-80\<deleted\|variable-57df2c99-34a9-1f87-a713-00c6735d913d\>);
  border-radius: 10px;
  flex-flow: column;
  padding: 20px 20px 20px 30px;
  line-height: 1.4;
  display: flex;
}

.short-description {
  text-transform: uppercase;
  font-weight: 900;
}

.performance-value {
  width: 84px;
}

.load-rating {
  width: 85px;
}

.result-modal-size {
  background-color: var(--black--black_60);
  color: var(--white--white_100);
  text-align: center;
  border-radius: 10px;
  padding: 20px 20px 16px;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1;
}

.performance-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--white-20\<deleted\|variable-0d0d548a-b334-ed18-9d71-4d43ff26359e\>);
  color: var(--white-80\<deleted\|variable-57df2c99-34a9-1f87-a713-00c6735d913d\>);
  border-radius: 10px;
  flex-flow: column;
  padding: 20px;
  display: flex;
}

.result-modal-group {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.result-modal-heading {
  font-size: 1.5rem;
}

.branch-name {
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 900;
  line-height: .9;
  position: relative;
}

.notice {
  border-left: 20px solid var(--yellow);
  text-transform: uppercase;
  max-width: 30ch;
  padding-left: 10px;
  font-size: 1rem;
  position: relative;
}

.wheel-assembly {
  aspect-ratio: 1;
  position: relative;
}

.div-block-47 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.underline {
  text-decoration: underline;
}

.disclaimer {
  opacity: .5;
  font-size: .625rem;
  position: relative;
}

.div-block-50 {
  background-color: var(--white--white_100);
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.white {
  color: var(--white--white_100);
}

.by-vehicle {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  border-radius: 10px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: none;
  overflow: hidden;
}

.hours-grid {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.promo-terms {
  font-size: .75rem;
}

.modal-top-heading {
  text-transform: uppercase;
  width: 100%;
  max-width: 80%;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: .9;
}

.modal-top-heading.dim {
  color: var(--black--black_60);
}

.branch-managment-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.branch-tel {
  text-transform: uppercase;
  margin-bottom: -.1em;
  font-size: 3rem;
  font-weight: 900;
  line-height: .9;
  position: relative;
}

.reset-form, .small-legal {
  font-size: .75rem;
}

.promo-big {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  text-shadow: 0 0 15px var(--black--black_80);
  flex-flow: column;
  line-height: .9;
  display: flex;
}

.ticker-container {
  width: 100%;
  height: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feedback-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--black--black_20);
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 20px;
  display: grid;
}

.field-label {
  font-size: .75rem;
  font-weight: 400;
}

.form-block {
  margin-bottom: 0;
}

.result-pahe-headers {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: flex-start;
  margin-top: 60px;
  display: flex;
}

.promo-text-2 {
  color: var(--blue);
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, .9);
  padding: 10px 10px 6px;
  font-weight: 900;
  line-height: 1;
}

.button-small {
  border: 1px solid var(--white--white_40);
  background-color: var(--transparent);
  color: var(--white--white_100);
  text-transform: uppercase;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .75em 1em .5em;
  font-size: .75rem;
  font-weight: 900;
  line-height: 1;
  display: flex;
}

.modal-secondary {
  z-index: 300;
  background-color: var(--black--black_80);
  justify-content: center;
  align-items: flex-start;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.modal-bg, .modal-secondary-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.select-arrow {
  pointer-events: none;
  color: var(--red);
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translate(0, 1px);
}

.select-arrow.manufacturer {
  transform: translate(0, -50%);
}

.filter-brand {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.filter-brand-block {
  width: 100%;
  margin-bottom: 0;
}

.checkbox-field {
  margin-bottom: 0;
}

.filter-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.filter-group {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.result-key-features {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  background-color: var(--black--black_60);
  color: var(--white--white_100);
  border-radius: 10px;
  flex-flow: column;
  padding: 20px 20px 20px 30px;
  line-height: 1.4;
  display: flex;
}

.quote-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--black--black_20);
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: end;
  width: 100%;
  padding: 20px;
  display: grid;
}

.form-block-quote {
  width: 100%;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  h1, h2 {
    font-size: 3rem;
  }

  .heading.make-smaller {
    font-size: 2rem;
  }

  .background-img {
    right: 0;
  }

  .result-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .branch-section-wrapper {
    grid-template-columns: 1fr;
  }

  .promo-big {
    text-shadow: 0 0 15px var(--black--black_100);
  }

  .ticker-container {
    height: 35px;
  }
}

@media screen and (max-width: 767px) {
  h1, h2 {
    font-size: 2.5rem;
  }

  .form-find-tyres, .form-section {
    width: 100%;
  }

  .result-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .div-block-47 {
    grid-template-columns: 1fr;
  }

  .disclaimer {
    width: auto;
  }

  .ticker-container {
    height: 35px;
  }

  .form-block, .form-block-quote {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  h1, h2 {
    font-size: 2rem;
  }

  .button {
    justify-content: center;
    width: 100%;
    min-height: 50px;
    position: relative;
  }

  .form-find-tyres {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    grid-template-columns: 1fr;
  }

  .heading {
    font-size: 2.5rem;
  }

  .nav {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .promo-small {
    grid-template-columns: auto;
    justify-items: start;
  }

  .page-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }

  .result-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .result-name {
    font-size: 1rem;
  }

  .result-stars {
    font-size: .75rem;
  }

  .promo-text-1 {
    font-size: 1rem;
  }

  .button-info {
    justify-content: center;
    width: 100%;
    position: relative;
  }

  .button-wrapper {
    flex-flow: column;
  }

  .button-quote {
    justify-content: center;
    width: 100%;
    position: relative;
  }

  .copy-block {
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-content {
    padding: 20px;
  }

  .result-modal-grid {
    grid-template-columns: 1fr;
  }

  .branch-name {
    font-size: 1.5rem;
  }

  .modal-top-heading {
    font-size: 1.25rem;
  }

  .branch-tel {
    font-size: 2rem;
  }

  .ticker-container {
    height: 35px;
  }

  .result-pahe-headers {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: start;
  }

  .promo-text-2 {
    font-size: 1rem;
  }

  .button-small {
    justify-content: center;
    width: 100%;
    position: relative;
  }

  .quote-form {
    grid-template-columns: 1fr;
  }
}

#w-node-f29f71ff-44b7-aff1-5e60-046315121996-15121980, #w-node-_8a2cec64-14e5-8b77-5759-ec23d15f0c30-70b5aa94, #w-node-_26e79db2-6b0f-6709-28c3-477c7c4611c2-70b5aa94 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0d819476-9bcb-870a-7817-71653781c8ab-a6ce42cb, #w-node-_147196d8-215b-f7cb-8722-c34447648f29-a6ce42cb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-c12c47ec-bb3a-bf0a-e5df-898402fb3334-d782f743 {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-f29f71ff-44b7-aff1-5e60-046315121996-15121980 {
    grid-column: span 1 / span 1;
  }
}

/*Styles from header*/

* {
  position: relative;
}
/* Overide as required */
a {
  color: inherit !important;
}
b,
strong {
  font-weight: 900;
  text-transform: uppercase;
}
.hide {
  display: none;
}
.incart {
  opacity: 0.5
}
.black {
  color: var(--black);
}
.white {
  color: var(--white);
}
.red {
  color: var(--red);
}
.yellow {
  color: var(--yellow);
}
.blue {
  color: var(--blue);
}
select {
  -webkit-appearance: none;
  appearance: none;
}

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
  }
}

.brand-logo {
  min-height: 40px;
}

.ticker-container {
  display: -webkit- flex;
  /* Safari */
  display: flex;
  /* Safari */
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  overflow: hidden;
  box-sizing: content-box;
}

.ticker {
  display: -webkit- flex;
  /* Safari */
  display: flex;
  /* Safari */
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-around;
  transform: translate3d(25%, 0, 0);
  white-space: nowrap;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: ticker;
          animation-name: ticker;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
}