.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
.appointment-selector {
  background-color: #fff;
  border-radius: 3px;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.appointment-selector .calendar-header {
  margin-bottom: 20px;
  text-align: center;
  position: relative;
}
.appointment-selector .calendar-header h4 {
  margin: 0;
  color: #333;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
}
.appointment-selector .calendar-header .btn-link {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 8px 16px;
  font-size: 16px;
  outline: none;
  min-width: 44px;
  border-radius: 4px;
  background-color: white;
  transition: all 0.2s ease;
}
.appointment-selector .calendar-header .btn-link:hover {
  text-decoration: none;
}
.appointment-selector .calendar-header .btn-link:active {
  transform: translateY(-45%);
}
.appointment-selector .calendar-header .btn-link:focus {
  outline: none;
  box-shadow: none;
}
.appointment-selector .calendar-header .btn-link:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.appointment-selector .calendar-header .btn-link:disabled:active {
  transform: translateY(-50%);
}
.appointment-selector .calendar-header .btn-link:first-child {
  left: 0;
}
.appointment-selector .calendar-header .btn-link:last-child {
  right: 0;
}
.appointment-selector .calendar-grid {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
  margin-bottom: 20px;
  position: relative;
}
@media (max-width: 767px) {
  .appointment-selector .calendar-grid {
    border-spacing: 1px;
  }
}
.appointment-selector .calendar-grid.loading:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.appointment-selector .calendar-grid.loading .loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 24px;
  color: #6b2c91;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
.appointment-selector .calendar-grid .weekday-header {
  display: table-row;
}
.appointment-selector .calendar-grid .weekday-header .weekday {
  display: table-cell;
  text-align: center;
  padding: 10px;
  color: #666;
  font-size: 14px;
  font-weight: normal;
}
@media (max-width: 767px) {
  .appointment-selector .calendar-grid .weekday-header .weekday {
    padding: 5px;
    font-size: 13px;
  }
}
.appointment-selector .calendar-grid .dates-row {
  display: table-row;
}
.appointment-selector .calendar-grid .dates-row .date-cell {
  display: table-cell;
  text-align: center;
  padding: 12px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
  position: relative;
  min-width: 35px;
  font-size: 16px;
  background-color: #f8f9fa;
}
@media (max-width: 767px) {
  .appointment-selector .calendar-grid .dates-row .date-cell {
    padding: 8px 4px;
    font-size: 14px;
    min-width: auto;
  }
}
.appointment-selector .calendar-grid .dates-row .date-cell:hover:not(.disabled):not(.selected) {
  background-color: #f8f0fc;
  border-color: #6b2c91;
}
.appointment-selector .calendar-grid .dates-row .date-cell.selected {
  color: white;
}
.appointment-selector .calendar-grid .dates-row .date-cell.today {
  font-weight: bold;
}
.appointment-selector .calendar-grid .dates-row .date-cell.today:after {
  content: '';
  position: absolute;
  bottom: 4px;
  left: 50%;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.appointment-selector .calendar-grid .dates-row .date-cell.today.selected:after {
  background-color: white;
}
.appointment-selector .calendar-grid .dates-row .date-cell.disabled {
  opacity: 0.35;
  cursor: not-allowed;
  background-color: #f5f5f5;
  color: #999;
}
.appointment-selector .time-slots {
  margin-top: 30px;
  position: relative;
}
.appointment-selector .time-slots h4 {
  margin-bottom: 15px;
  color: #333;
}
.appointment-selector .time-slots .slots-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  position: relative;
}
.appointment-selector .time-slots .slots-grid.loading:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.appointment-selector .time-slots .slots-grid.loading .loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 24px;
  color: #6b2c91;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
.appointment-selector .time-slots .slots-grid .time-slot {
  padding: 15px;
  text-align: center;
  background-color: #f8f9fa;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.appointment-selector .time-slots .slots-grid .time-slot.selected {
  color: white;
}
.appointment-selector .time-slots .slots-grid .time-slot.disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.appointment-selector .time-slots .slots-grid .no-slots-message {
  grid-column: 1 / -1;
  text-align: center;
  padding: 30px;
  color: #666;
  background-color: #f8f9fa;
  border-radius: 4px;
}
.appointment-selector .navigation-buttons {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
.progress-bar-checkout {
  margin-bottom: 30px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(359deg);
  }
}
body.embed.modal-open .modal {
  overflow-y: hidden !important;
}
body.embed .modal-backdrop {
  background-color: #FFF;
}
/* Typography */
* {
  font-family: "DealerRegular", verdana, arial;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DealerBold", verdana, arial;
}
/* Body */
.modal-open-2 {
  overflow: hidden;
}
.modal-open-2 .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cookie-settings-message {
  width: 100%;
  background-color: #777;
  padding: 12px;
}
/* Tyresurf Menu */
.tyresurf-menu-smartphone {
  margin: 0;
  padding: 0;
}
.tyresurf-menu-smartphone li {
  display: block;
  margin: 0;
  padding: 0;
}
.tyresurf-menu-smartphone li a {
  display: block;
  padding: 8px;
  text-decoration: none;
}
.tyresurf-menu {
  margin-bottom: 0px;
}
.tyresurf-menu .navbar-brand {
  height: 50px;
  line-height: 50px;
  padding: 7px 15px;
}
.tyresurf-menu .navbar-brand img {
  height: 36px;
}
@media (min-width: 768px) {
  .tyresurf-menu {
    height: 108px;
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .tyresurf-menu .navbar-brand {
    height: 72px;
    line-height: 72px;
    padding: 0 15px;
    margin-top: -5px;
  }
  .tyresurf-menu .navbar-brand img {
    height: 75px;
  }
  .tyresurf-menu .navbar-nav {
    margin-top: 14px;
  }
  .tyresurf-menu .navbar-nav li {
    margin-right: 12px;
  }
  .tyresurf-menu .dropdown-menu {
    z-index: 5000;
  }
  .tyresurf-menu .dropdown-menu li {
    margin-right: 0px;
  }
}
.tyresurf-menu .powered-by {
  font-size: 11px;
  margin-top: 1.4px;
}
.tyresurf-menu .powered-by.visible-xs {
  margin-top: 8px;
}
.tyresurf-menu .header-links {
  text-align: right;
  padding: 6px 0px 6px 0px;
  margin-top: -22px;
  float: right;
}
@media (min-width: 768px) and (max-width: 991px) {
  .tyresurf-menu .header-links {
    padding: 15px 0px 6px 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .tyresurf-menu .header-links {
    padding: 15px 0px 6px 0px;
  }
}
@media (min-width: 1200px) {
  .tyresurf-menu .header-links {
    padding: 15px 0px 9px 0px;
  }
}
.tyresurf-menu .header-links li {
  float: left;
  list-style-type: none;
}
.tyresurf-menu .header-links li.google-rating {
  margin: 25px 20px 0px 0px;
}
.tyresurf-menu .header-links li.google-rating img {
  width: 130px;
}
.tyresurf-menu .header-links li.buy-tyres {
  margin: 20px 10px 0px 0px;
}
.tyresurf-menu .header-links li .btn {
  vertical-align: top;
}
@media (min-width: 768px) and (max-width: 991px) {
  .tyresurf-menu .header-links li .btn {
    padding: 6px;
  }
}
.tyresurf-menu .header-links li .btn .icon {
  margin-bottom: 2px;
  font-size: 30px;
}
.tyresurf-menu .header-links li .btn .icon.image img {
  width: 45px;
  margin-top: -6px;
}
.tyresurf-menu .header-links li .btn .text {
  font-weight: bold;
  line-height: 18px;
  height: 25px;
  display: flex;
  justify-content: center;
  /* Align horizontal */
  align-items: center;
  /* Align vertical */
  text-transform: capitalize;
}
@media (min-width: 768px) and (max-width: 991px) {
  .tyresurf-menu .header-links li .btn .text {
    font-size: 12px;
  }
}
.tyresurf-menu .header-links .dropdown-menu {
  left: -90px;
}
.tyresurf-menu .header-links .dropdown-menu li {
  width: 100%;
}
.tyresurf-menu .header-links .dropdown-menu li a {
  padding: 6px 20px;
}
/* Dealership Jumbotron */
.tyresurf-jumbotron {
  background-size: cover;
  display: table;
  overflow: hidden;
  position: relative;
  height: 160px;
  width: 100%;
  background-position: top center;
}
@media (min-width: 768px) {
  .tyresurf-jumbotron {
    height: 220px;
  }
}
@media (min-width: 992px) {
  .tyresurf-jumbotron {
    height: 450px;
  }
}
@media (min-width: 1200px) {
  .tyresurf-jumbotron {
    height: 442px;
  }
}
@media (min-width: 992px) {
  .tyresurf-jumbotron-blank {
    height: 400px;
  }
}
/* Dealership Homepage - Joined Tyresearch */
.dealership-tyresearch_joined {
  width: 100%;
}
.dealership-tyresearch_joined select.form-control {
  padding: 0;
  text-align: center;
}
.dealership-tyresearch_joined .btn-dealership {
  font-size: 13px;
  font-family: "DealerBold";
  margin: 12px 0 0 0;
  padding: 16px;
  text-transform: uppercase;
}
.dealership-tyresearch_joined p {
  margin: 12px 0 18px 0;
}
.dealership-tyresearch_joined .control-label {
  font-weight: normal !important;
}
.dealership-tyresearch_joined .hr-or-hr {
  margin-top: 12px;
  margin-bottom: 12px;
  font-family: "DealerBold";
  font-weight: bold;
}
.dealership-tyresearch_joined .dealership-tyresearch_joined_well {
  padding: 12px 15px 24px 12px;
}
@media (min-width: 992px) {
  .dealership-tyresearch_joined {
    width: 970px;
    margin-top: -442px;
    height: 441px;
  }
  .dealership-tyresearch_joined .dealership-tyresearch_joined_well {
    height: 441px;
    padding: 12px 15px 24px 12px;
  }
  .dealership-tyresearch_joined p {
    font-size: 14px;
    margin: 16px 0 24px 0;
  }
  .dealership-tyresearch_joined .control-label {
    font-size: 14px;
  }
  .dealership-tyresearch_joined .hr-or-hr {
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 18px;
  }
}
@media (min-width: 1200px) {
  .dealership-tyresearch_joined {
    width: 1170px;
    margin-top: -442px;
    height: 441px;
  }
  .dealership-tyresearch_joined .dealership-tyresearch_joined_well {
    height: 441px;
    padding: 12px 15px 24px 12px;
  }
  .dealership-tyresearch_joined p {
    font-size: 14px;
    margin: 16px 0 24px 0;
  }
  .dealership-tyresearch_joined .control-label {
    font-size: 14px;
  }
  .dealership-tyresearch_joined .hr-or-hr {
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 18px;
  }
}
/* Dealership Homepage - Split Tyresearch */
.dealership-tyresearch_split {
  margin-bottom: 12px;
}
.dealership-tyresearch_split select.form-control {
  padding: 0;
  text-align: center;
}
.dealership-tyresearch_split .btn-dealership {
  font-size: 13px;
  font-family: "DealerBold";
  margin: 12px 0 0 0;
  padding: 16px;
  text-transform: uppercase;
}
.dealership-tyresearch_split .dealership-tyresearch_split_well {
  margin-top: 12px;
  padding: 12px;
}
.dealership-tyresearch_split .dealership-tyresearch_split_well p {
  font-size: 14px;
  margin: 12px 0;
}
.dealership-tyresearch_split .dealership-tyresearch_split_well h2 {
  font-size: 18px;
  margin: 6px 0 12px 0;
  padding: 0;
}
@media (min-width: 992px) {
  .dealership-tyresearch_split .dealership-tyresearch_split_well {
    height: 170px;
    margin-top: -97px;
  }
}
@media (min-width: 768px) {
  .dealership-tyresearch_split .dealership-tyresearch_split_well .btn-dealership {
    margin-left: -8px;
  }
}
@media (min-width: 768px) {
  .dealership-tyresearch_split .dealership-tyresearch_split_tyre-size-select [class*="row"] {
    margin-left: 0;
  }
  .dealership-tyresearch_split .dealership-tyresearch_split_tyre-size-select div[class*="col-"] {
    margin: 0;
    padding: 0 8px 0 0;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .dealership-tyresearch_split .dealership-tyresearch_split_tyre-size-select [class*="row"] {
    margin-bottom: 18px;
  }
}
.dealership-tyresearch_split .dealership-tyresearch_split_tyre-size-select .control-label {
  font-weight: normal !important;
}
/* Dealership Homepage - centered Tyresearch */
.dealership-tyresearch_centered {
  margin-top: 20px;
}
.dealership-tyresearch_centered h2 {
  margin-top: 20px;
}
.dealership-tyresearch_centered .dealership-numberplate {
  height: 58px !important;
}
.dealership-tyresearch_centered .dealership-numberplate .input-group img {
  height: 30px !important;
}
.dealership-tyresearch_centered .dealership-numberplate .input-group input {
  height: 41px !important;
  font-size: 32px !important;
}
.dealership-tyresearch_centered .btn-tyre-search {
  margin-top: 4px !important;
}
.dealership-tyresearch_centered .btn-tyre-size-search {
  margin-top: 12px !important;
}
.dealership-tyresearch_centered p {
  margin-top: 8px !important;
}
.dealership-tyresearch_centered--inner {
  width: 100%;
}
@media (min-width: 992px) {
  .dealership-tyresearch_centered {
    position: relative;
    z-index: 1030;
    margin-top: -380px;
    margin-bottom: 85px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .dealership-tyresearch_centered h2 {
    font-size: 25px;
  }
  .dealership-tyresearch_centered p {
    font-size: 13px !important;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .dealership-tyresearch_centered {
    margin-bottom: 75px;
  }
}
/* Dealership Homepage - tabbed Tyresearch */
.tyre-search-container {
  background-size: cover;
}
@media (max-width: 767px) {
  .tyre-search-container {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.dealership-tyresearch_tabbed {
  margin-top: 50px;
}
.dealership-tyresearch_tabbed .tyresearch-starter .tyresearch-starter--inner {
  box-sizing: border-box;
  margin-left: 12px;
  margin-right: 12px;
}
.dealership-tyresearch_tabbed .tyresearch-starter .tyresearch-starter--tab {
  cursor: pointer;
  padding: 20px;
  font-size: 16px;
  background: rgba(255, 255, 255, 0.7);
  font-weight: bold;
  border-bottom: 1px solid #CCC;
}
.dealership-tyresearch_tabbed .tyresearch-starter .tyresearch-starter--tab.left {
  border-right: 1px solid #CCC;
}
.dealership-tyresearch_tabbed .tyresearch-starter .tyresearch-starter--tab-active {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.9);
}
.dealership-tyresearch_tabbed .tyresearch-starter .tyresearch-starter--tabcontent {
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
}
@media (min-width: 768px) {
  .dealership-tyresearch_tabbed .tyresearch-starter .tyresearch-starter--tabcontent {
    /*	min-height: 230px;*/
  }
}
.dealership-tyresearch_tabbed .tyresearch-starter .tyresearch-starter--tabcontent .dealership-numberplate {
  border: 0px;
  border-radius: 0px;
  padding: 0px;
  background: transparent;
}
.dealership-tyresearch_tabbed .tyresearch-starter .tyresearch-starter--tabcontent .dealership-numberplate .input-group-addon {
  border-radius: 0px;
  padding: 0px 10px;
}
.dealership-tyresearch_tabbed .tyresearch-starter .tyresearch-starter--tabcontent .btn-tyre-size-search {
  margin-top: 20px;
}
.dealership-tyresearch_tabbed .tyresearch-starter .tyresearch-starter--tabcontent p,
.dealership-tyresearch_tabbed .tyresearch-starter .tyresearch-starter--tabcontent label {
  color: #333;
}
@media (max-width: 767px) {
  .dealership-tyresearch_tabbed .tyresearch-starter #TyresAsp,
  .dealership-tyresearch_tabbed .tyresearch-starter #TyresAsp {
    margin-bottom: 10px;
  }
}
.dealership-tyresearch_tabbed .tyresearch-starter .mobile-fitting {
  margin-top: 15px;
}
.dealership-tyresearch_tabbed .tyresearch-starter .mobile-fitting .toggle {
  padding: 12px 12px;
}
.dealership-tyresearch_tabbed .tyresearch-starter .mobile-fitting .toggle.active {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.dealership-tyresearch_tabbed .tyresearch-starter .mobile-fitting .toggle.notActive {
  color: #AAA;
  background: rgba(255, 255, 255, 0.9);
  border-color: #AAA;
}
.dealership-tyresearch_tabbed .tyresearch-starter .mobile-fitting input.form-control {
  border-radius: 0px;
  border-color: #AAA;
  height: 46px;
}
@media (max-width: 1199px) {
  .dealership-tyresearch_tabbed .tyresearch-starter .mobile-fitting .input-group {
    width: 100%;
    margin-bottom: 15px;
  }
  .dealership-tyresearch_tabbed .tyresearch-starter .mobile-fitting .input-group .btn-group {
    width: 100%;
  }
  .dealership-tyresearch_tabbed .tyresearch-starter .mobile-fitting .input-group .btn-group .toggle {
    width: 50%;
  }
}
.dealership-tyresearch_tabbed .tyresearch-starter .tyresearch-starter--tabcontent .numberplate {
  margin-top: 12px;
}
.dealership-tyresearch_tabbed .tyresearch-starter [class*="col-"] {
  margin-bottom: 0px !important;
}
@media (min-width: 992px) {
  .dealership-tyresearch_tabbed {
    position: relative;
    z-index: 1030;
    /*	margin-top: -400px;*/
    margin-bottom: 20px;
  }
  .dealership-tyresearch_tabbed.seek-approval {
    margin-top: 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .dealership-tyresearch_tabbed h2 {
    font-size: 25px;
  }
  .dealership-tyresearch_tabbed p {
    font-size: 13px !important;
  }
}
@media (max-width: 767px) {
  .dealership-tyresearch_tabbed {
    margin-bottom: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .dealership-tyresearch_tabbed {
    margin-bottom: 50px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .dealership-tyresearch_tabbed {
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .dealership-tyresearch_tabbed {
    margin-bottom: 50px;
  }
}
body.embed .dealership-tyresearch_tabbed.seek-approval .tyresearch-starter .tyresearch-starter--tabcontent {
  background-color: transparent;
}
/*body.embed { 
	.dealership-tyresearch_tabbed {
		margin-top:0px;
	}
}*/
/* Dealership Article */
.dealership-article {
  margin-top: 12px;
  margin-bottom: 12px;
  /*padding: 12px;*/
}
/* Photo Well */
.dealership-photo-well {
  background-size: cover;
  display: table;
  overflow: hidden;
  position: relative;
  height: 190px;
  width: 100%;
  background-position: center top;
  padding-top: 144px;
  margin-top: 18px;
  margin-bottom: 18px;
}
.dealership-photo-well .dealership-photo-well_text {
  width: 100%;
  height: 46px;
  padding-left: 16px;
  line-height: 46px;
  font-size: 16px;
  font-family: "DealerBold";
  text-transform: uppercase;
}
/* Footer */
.tyresurf-footer {
  padding: 12px 12px 48px 12px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: space-between;
}
.tyresurf-footer--address {
  margin: 0;
  padding: 0;
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .tyresurf-footer--address {
    width: calc(7/12 * 100%);
  }
}
.tyresurf-footer--menu {
  width: 100%;
}
@media (min-width: 992px) {
  .tyresurf-footer--menu {
    width: calc(5/12 * 100%);
  }
}
.tyresurf-footer--menu ul {
  margin: 0;
  padding: 0;
}
.tyresurf-footer--menu li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.tyresurf-footer--menu li:before {
  content: '\00a0\2022\00a0\00a0';
  font-size: 11px;
}
.tyresurf-footer--menu li:first-child:before {
  content: '';
}
@media (min-width: 992px) {
  .tyresurf-footer--menu {
    text-align: right;
  }
}
@media (min-width: 768px) {
  /* Sticky footer styles
	/******************************************** */
  html {
    position: relative;
    min-height: 100%;
  }
  body.full {
    margin-bottom: 80px;
  }
  .tyresurf-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 80px;
  }
  /******************************************** */
}
/* Misc */
.container-fluid-no-padding {
  padding: 0;
}
.align-text-to-outer-hr {
  padding-top: 10px;
}
@media (max-width: 767px) {
  .btn-block-xs {
    display: block;
    width: 100%;
  }
  .btn-block-xs + .btn-block-xs {
    margin-top: 5px;
  }
  input[type="submit"].btn-block-xs,
  input[type="reset"].btn-block-xs,
  input[type="button"].btn-block-xs {
    width: 100%;
  }
}
/* Tyre Search */
.tyre-search-results_filter .filter-reset-text {
  cursor: pointer;
}
.tyre-search-results_sort-holder {
  margin-top: 8px;
}
@media (min-width: 992px) {
  .tyre-search-results_sort-holder {
    float: right;
    width: 285px;
  }
  .tyre-search-results_sort-holder label {
    float: left;
    width: 100px;
  }
  .tyre-search-results_sort-holder select {
    float: right;
    margin-top: -8px;
    width: 185px;
  }
}
.tyre-search-results .row {
  margin-left: -6px;
  margin-right: -6px;
}
.tyre-search-results .row .col-lg-1,
.tyre-search-results .row .col-lg-10,
.tyre-search-results .row .col-lg-11,
.tyre-search-results .row .col-lg-12,
.tyre-search-results .row .col-lg-2,
.tyre-search-results .row .col-lg-3,
.tyre-search-results .row .col-lg-4,
.tyre-search-results .row .col-lg-5,
.tyre-search-results .row .col-lg-6,
.tyre-search-results .row .col-lg-7,
.tyre-search-results .row .col-lg-8,
.tyre-search-results .row .col-lg-9,
.tyre-search-results .row .col-md-1,
.tyre-search-results .row .col-md-10,
.tyre-search-results .row .col-md-11,
.tyre-search-results .row .col-md-12,
.tyre-search-results .row .col-md-2,
.tyre-search-results .row .col-md-3,
.tyre-search-results .row .col-md-4,
.tyre-search-results .row .col-md-5,
.tyre-search-results .row .col-md-6,
.tyre-search-results .row .col-md-7,
.tyre-search-results .row .col-md-8,
.tyre-search-results .row .col-md-9,
.tyre-search-results .row .col-sm-1,
.tyre-search-results .row .col-sm-10,
.tyre-search-results .row .col-sm-11,
.tyre-search-results .row .col-sm-12,
.tyre-search-results .row .col-sm-2,
.tyre-search-results .row .col-sm-3,
.tyre-search-results .row .col-sm-4,
.tyre-search-results .row .col-sm-5,
.tyre-search-results .row .col-sm-6,
.tyre-search-results .row .col-sm-7,
.tyre-search-results .row .col-sm-8,
.tyre-search-results .row .col-sm-9,
.tyre-search-results .row .col-xs-1,
.tyre-search-results .row .col-xs-10,
.tyre-search-results .row .col-xs-11,
.tyre-search-results .row .col-xs-12,
.tyre-search-results .row .col-xs-2,
.tyre-search-results .row .col-xs-3,
.tyre-search-results .row .col-xs-4,
.tyre-search-results .row .col-xs-5,
.tyre-search-results .row .col-xs-6,
.tyre-search-results .row .col-xs-7,
.tyre-search-results .row .col-xs-8,
.tyre-search-results .row .col-xs-9 {
  padding-left: 6px;
  padding-right: 6px;
}
.tyre-search_promo {
  text-align: left;
  border-radius: 20px 0px 0px 0px;
  padding: 10px 10px 30px 10px;
  margin-bottom: -35px;
  color: #FFF;
}
.tyre-search_promo.click {
  cursor: pointer;
}
.tyre-search_promo .line-1 {
  font-weight: bold;
}
.tyre-search_promo.recommended {
  background-color: #000;
  color: #FFF;
}
.tyre-search_promo.offer {
  background-color: #FF0000;
  color: #FFF;
  cursor: pointer;
}
.tyre-search_promo.orange {
  background-color: #ff4713;
  color: #FFF;
}
.tyre-search_promo.navy {
  background-color: #001489;
  color: #FFF;
}
.tyre-search_tyre {
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 9px;
}
.tyre-search_tyre .tyre-search_tyre_brand {
  margin-bottom: 8px;
  /*@media(min-width: @screen-sm-min) {
			height: 62px;
		}

		@media(min-width: @screen-md-min) {
			height: 53px;
		}

		@media(min-width: @screen-lg-min) {
			height: 47px;
		}*/
  width: 100%;
}
.tyre-search_tyre .tyre-search_tyre_brand img {
  width: 100%;
}
.tyre-search_tyre .tyre-search_tyre_model_size {
  height: 60px;
}
.tyre-search_tyre .tyre-search_tyre_model_size .tyre-search_tyre_model {
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: bold;
}
.tyre-search_tyre .tyre-search_tyre_model_size .tyre-search_tyre_size {
  margin-bottom: 4px;
  font-size: 10px;
}
@media (min-width: 768px) {
  .tyre-search_tyre .tyre-search_tyre_model_size .tyre-search_tyre_size {
    margin-bottom: 8px;
  }
}
.tyre-search_tyre .tyre-search_tyre_image {
  margin-bottom: 8px;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
  border: none;
  background-repeat: no-repeat;
  background-size: 135px;
  background-position: -20px -20px;
  height: 160px;
}
@media (min-width: 1200px) {
  .tyre-search_tyre .tyre-search_tyre_image {
    height: 200px;
    background-size: 160px;
    background-position: -20px;
  }
}
.tyre-search_tyre .tyre-search_tyre_image img {
  width: 100%;
}
.tyre-search_tyre .tyre-search_tyre_book-and-pay_title {
  margin-bottom: 4px;
  font-size: 11px;
  text-transform: uppercase;
  /*text-align:center;*/
}
.tyre-search_tyre .tyre-search_tyre_book-and-pay_price {
  margin-top: -20px;
  margin-bottom: 4px;
  font-size: 18px;
  /*text-align:center;*/
  font-weight: bold;
}
.tyre-search_tyre .tyre-search_tyre_book-and-pay_price small {
  font-size: 12px;
  padding-left: 2px;
}
.tyre-search_tyre .tyre-search_tyre_book-and-pay_subtitle {
  margin-bottom: 8px;
  margin-left: 16px;
  font-size: 12px;
  margin-bottom: 10px;
  /*text-align:center;*/
}
.tyre-search_tyre .tyre-search_tyre_book-and-pay_stock-warning {
  color: #FF0000;
  font-size: 11px;
  margin-bottom: 5px;
}
.tyre-search_tyre .tyre-search_tyre_quantity {
  margin-bottom: 8px;
}
.tyre-search_tyre .tyre-search_tyre_add-to-basket {
  margin-bottom: 12px;
}
.tyre-search_tyre .tyre-search_tyre_attributes {
  margin-bottom: 12px;
  text-align: center;
}
.tyre-search_tyre .tyre-search_tyre_attributes .tyre-label-item {
  margin-bottom: 10px;
}
.tyre-search_tyre .tyre-search_tyre_attributes .btn-attribute {
  font-size: 1px;
  height: 30px;
  width: 30px;
  background-size: cover;
  padding: 0;
}
@media (min-width: 768px) {
  .tyre-search_tyre .tyre-search_tyre_attributes .btn-attribute {
    height: 30px;
    width: 30px;
  }
}
.tyre-search_tyre_layout-b .tyre-search_tyre_book-and-pay_title {
  margin-top: 10px;
}
.tyre-search_tyre_layout-b .tyre-search_tyre_attributes .btn-attribute {
  height: 30px;
  width: 30px;
}
@media (min-width: 992px) {
  .tyre-search_tyre_layout-b .tyre-search_tyre_attributes .btn-attribute {
    height: 25px;
    width: 25px;
  }
}
@media (min-width: 1200px) {
  .tyre-search_tyre_layout-b .tyre-search_tyre_attributes .btn-attribute {
    height: 30px;
    width: 30px;
  }
}
.tyre-search_tyre_layout-d {
  border-radius: 20px 0px;
}
.tyre-search_tyre_layout-d .tyre-search_tyre_book-and-pay_title {
  margin-top: 10px;
}
.tyre-search_tyre_layout-d .tyre-search_tyre_attributes .btn-attribute {
  height: 30px;
  width: 30px;
}
@media (min-width: 992px) {
  .tyre-search_tyre_layout-d .tyre-search_tyre_attributes .btn-attribute {
    height: 25px;
    width: 25px;
  }
}
@media (min-width: 1200px) {
  .tyre-search_tyre_layout-d .tyre-search_tyre_attributes .btn-attribute {
    height: 30px;
    width: 30px;
  }
}
.modal-footer .btn + .btn {
  margin-left: 0;
}
/* Checkout */
.table-checkout {
  font-size: 10px;
}
.table-checkout tr th,
.table-checkout tr td {
  padding: 4px;
}
@media (min-width: 768px) {
  .table-checkout {
    font-size: 14px;
  }
  .table-checkout tr th,
  .table-checkout tr td {
    padding: 8px;
  }
}
.table-checkout .update-quantity {
  min-width: 50px;
  padding: 6px 8px;
}
.dealer-tyres_tyre-search_jumbotron {
  background-size: cover;
  display: table;
  overflow: hidden;
  position: relative;
  height: 160px;
  width: 100%;
  background-position: center center;
  margin-bottom: 26px;
}
@media (min-width: 480px) {
  .dealer-tyres_tyre-search_jumbotron {
    height: 175px;
  }
}
@media (min-width: 768px) {
  .dealer-tyres_tyre-search_jumbotron {
    height: 250px;
  }
}
@media (min-width: 992px) {
  .dealer-tyres_tyre-search_jumbotron {
    height: 494px;
  }
}
@media (min-width: 1200px) {
  .dealer-tyres_tyre-search_jumbotron {
    height: 494px;
  }
}
.dealer-tyres_tyre-search {
  width: 100%;
}
.dealer-tyres_tyre-search .dealer-tyres_tyre-search_well {
  padding: 12px 15px 12px 12px;
}
.dealer-tyres_tyre-search .dealer-tyres_tyre-search_intro {
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 14px;
}
.dealer-tyres_tyre-search .dealer-tyres_tyre-search_customer-location-search {
  margin-top: 12px;
  margin-bottom: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.dealer-tyres_tyre-search .dealer-tyres_tyre-search_customer-location-search .control-label {
  margin-top: 6px;
}
.dealer-tyres_tyre-search .dealer-tyres_tyre-search_dealership-numberplate {
  margin-top: 24px;
  margin-bottom: 12px;
}
.dealer-tyres_tyre-search .dealer-tyres_tyre-search_hr-x-hr {
  margin-top: 12px;
  margin-bottom: 0px;
  font-family: "DealerBold";
  font-weight: bold;
}
.dealer-tyres_tyre-search .dealer-tyres_tyre-search_hr-x-hr hr {
  margin-top: 12px;
  margin-bottom: 6px;
}
.dealer-tyres_tyre-search .dealer-tyres_tyre-search_hr-x-hr .align-text-to-outer-hr {
  padding: 0;
}
.dealer-tyres_tyre-search .dealer-tyres_tyre-search_tyre-size {
  margin-top: 12px;
  margin-bottom: 12px;
}
.dealer-tyres_tyre-search .dealer-tyres_tyre-search_tyre-size {
  margin-top: 12px;
  margin-bottom: 12px;
}
.dealer-tyres_tyre-search .dealer-tyres_tyre-search_marqueid {
  margin-top: 12px;
  margin-bottom: 12px;
}
.dealer-tyres_tyre-search .dealer-tyres_tyre-search_marqueid .control-label {
  margin-top: 6px;
}
.dealer-tyres_tyre-search .dealer-tyres_tyre-search_actions {
  margin-top: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (min-width: 992px) {
  .dealer-tyres_tyre-search {
    width: 970px;
    margin-top: -494px;
    height: 494px;
  }
}
@media (min-width: 1200px) {
  .dealer-tyres_tyre-search {
    width: 1170px;
    margin-top: -520px;
    height: 410px;
  }
}
/* PAYMENT */
.payment .payment_agree label {
  margin-left: 8px;
}
.payment .payment_agree button {
  margin-top: 8px;
}
.sagepay-iframe {
  border: 1px solid #DDD;
  width: 100%;
  overflow: hidden;
  min-height: 960px;
}
/* DT-SUB-MENU */
.dt-sub-menu {
  padding-top: 12px;
  z-index: 1000;
}
.dt-sub-menu .dt-sub-menu-header {
  margin: auto -18px 0 -18px;
  background-color: #EEE;
}
.dt-sub-menu .dt-sub-menu-header:before,
.dt-sub-menu .dt-sub-menu-header:after {
  content: " ";
  display: table;
}
.dt-sub-menu .dt-sub-menu-header:after {
  clear: both;
}
.dt-sub-menu .dt-sub-menu-header:before,
.dt-sub-menu .dt-sub-menu-header:after {
  content: " ";
  display: table;
}
.dt-sub-menu .dt-sub-menu-header:after {
  clear: both;
}
.dt-sub-menu .dt-sub-menu-header:before,
.dt-sub-menu .dt-sub-menu-header:after {
  content: " ";
  display: table;
}
.dt-sub-menu .dt-sub-menu-header:after {
  clear: both;
}
.dt-sub-menu .dt-sub-menu-header:before,
.dt-sub-menu .dt-sub-menu-header:after {
  content: " ";
  display: table;
}
.dt-sub-menu .dt-sub-menu-header:after {
  clear: both;
}
.dt-sub-menu .dt-sub-menu-header .dt-sub-menu-header_title {
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  float: left;
  margin-bottom: 8px;
  margin-left: 15px;
  margin-top: 8px;
  padding: 9px 3px;
  position: relative;
  font-weight: bold;
}
.dt-sub-menu .dt-sub-menu-header .dt-sub-menu-header_button {
  background-image: none;
  float: right;
  margin-bottom: 8px;
  margin-right: 15px;
  margin-top: 8px;
  padding: 9px 15px;
  position: relative;
  font-weight: bold;
}
.dt-sub-menu .dt-sub-menu-list {
  background-color: #DDD;
  padding: 15px 18px;
  margin: 0 -18px 15px -18px;
}
@media (min-width: 768px) {
  .dt-sub-menu .dt-sub-menu-list {
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
  }
}
.dt-sub-menu .dt-sub-menu-list ul,
.dt-sub-menu .dt-sub-menu-list li {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.dt-sub-menu .dt-sub-menu-list > ul > li {
  font-size: 18px;
  color: #000;
  margin-top: 0;
  padding-top: 0;
  font-weight: bold;
}
.dt-sub-menu .dt-sub-menu-list > ul > li > ul > li {
  font-weight: normal;
  font-size: 13px;
  padding-left: 0px;
  margin: 14px 0;
}
.dt-sub-menu .dt-sub-menu-list > ul > li > ul > li > a {
  text-decoration: none;
  display: block;
}
.dt-sub-menu .dt-sub-menu-list > ul > li > ul > li.active > a {
  color: #444;
}
.dt-sub-menu .dt-sub-menu-list > ul > li > ul > li.active > a:hover,
.dt-sub-menu .dt-sub-menu-list > ul > li > ul > li.active > a:visited,
.dt-sub-menu .dt-sub-menu-list > ul > li > ul > li.active > a:active {
  text-decoration: none;
}
.dt-sub-menu .dt-sub-menu-list > ul > li > ul > li > ul > li {
  font-size: 11px;
  margin: 10px 0;
}
.dt-sub-menu .dt-sub-menu-list > ul > li > ul > li > ul > li > a {
  padding-left: 10px;
  border-left: 3px solid transparent;
  display: block;
}
.dt-sub-menu .dt-sub-menu-list > ul > li > ul > li > ul > li > a:hover,
.dt-sub-menu .dt-sub-menu-list > ul > li > ul > li > ul > li > a:active {
  border-left: 3px solid #777;
  text-decoration: none;
}
.dt-sub-menu .dt-sub-menu-list > ul > li > ul > li > ul > li.active > a {
  color: #777;
  border-left: 3px solid #777;
}
.dt-sub-menu .dt-sub-menu-list > ul > li > ul > li > ul > li > ul {
  margin-top: 10px;
}
.dt-sub-menu .dt-sub-menu-list > ul > li > ul > li > ul > li > ul > li {
  font-size: 11px;
  margin: 0px 14px;
}
.dt-sub-menu .dt-sub-menu-list > ul > li > ul > li > ul > li > ul > li > a {
  padding: 5px 0px 5px 6px;
  padding-left: 6px;
  border-left: 3px solid #AAA;
  display: block;
}
.dt-sub-menu .dt-sub-menu-list > ul > li > ul > li > ul > li > ul > li > a:hover {
  border-left: 3px solid #AAA;
  text-decoration: none;
}
.dt-sub-menu .dt-sub-menu-list > ul > li > ul > li > ul > li > ul > li.active > a {
  color: #0465B1;
  border-left: 3px solid #AAA;
}
.call-now-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  font-size: 20px;
  font-weight: bold;
}
.call-now-banner:hover {
  text-decoration: none;
}
.header-offer-banner {
  margin-bottom: 0px;
}
.header-offer-banner.blue {
  background-color: #0364B0;
}
.header-offer-banner.blue a,
.header-offer-banner.blue p {
  color: #FFF;
}
.header-offer-banner.blue .timer-value .digit {
  background-color: #F58334;
}
.header-offer-banner.orange {
  background-color: #F58334;
}
.header-offer-banner.orange a,
.header-offer-banner.orange p {
  color: #FFF;
}
.header-offer-banner.orange .timer-value .digit {
  background-color: #0364B0;
}
.header-offer-banner.orange .btn-kf {
  background-color: #0364B0;
  border: 0px;
}
.header-offer-banner.green {
  background-color: #5bb75b;
}
.header-offer-banner.green a,
.header-offer-banner.green p {
  color: #FFF;
}
.header-offer-banner.green .timer-value .digit {
  background-color: #0364B0;
}
.header-offer-banner.green .btn-kf {
  background-color: #0364B0;
  border: 0px;
}
.header-offer-banner.black {
  background-color: #000;
}
.header-offer-banner.black a,
.header-offer-banner.black p {
  color: #FFF;
}
.header-offer-banner.black .timer-value .digit {
  background-color: #FFF;
  color: #000;
}
.header-offer-banner.black .btn-kf {
  background-color: #FFF;
  color: #000;
  border: 0px;
}
.header-offer-banner.turquoise {
  background-color: #37B5A1;
}
.header-offer-banner.turquoise a,
.header-offer-banner.turquoise p {
  color: #FFF;
}
.header-offer-banner.turquoise .timer-value .digit {
  background-color: #0364B0;
}
.header-offer-banner.turquoise .btn-kf {
  background-color: #0364B0;
  border: 0px;
}
.header-offer-banner.purple {
  background-color: #812990;
}
.header-offer-banner.purple a,
.header-offer-banner.purple p {
  color: #FFF;
}
.header-offer-banner.purple .timer-value .digit {
  background-color: #F58334;
}
.header-offer-banner.purple .btn-kf {
  background-color: #812990;
  border: 0px;
}
.header-offer-banner.backgroundimage a,
.header-offer-banner.backgroundimage p {
  color: #FFF;
}
.header-offer-banner.backgroundimage .timer-value .digit {
  background-color: #F58334;
}
.header-offer-banner.TwoLines1 .line1 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 3px;
  display: block;
}
.header-offer-banner.TwoLines2 .line1 {
  margin-bottom: 3px;
  display: block;
}
.header-offer-banner.TwoLines2 .line2 {
  font-weight: bold;
  font-size: 16px;
}
@media (max-width: 767px) {
  .header-offer-banner.Countdown {
    text-align: center;
  }
}
.header-offer-banner.Countdown .line1 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 3px;
  display: block;
}
.header-offer-banner.Countdown .timer {
  width: 280px;
  margin: 0px auto;
}
@media (max-width: 767px) {
  .header-offer-banner.Countdown .timer {
    margin-top: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header-offer-banner.Countdown .timer {
    float: right;
  }
}
.header-offer-banner.Countdown .timer .timer-segment-container {
  float: left;
  text-align: center;
  margin: 0px 4px 0px 4px;
}
.header-offer-banner.Countdown .timer .timer-segment-container .timer-value {
  display: inline-block;
}
.header-offer-banner.Countdown .timer .timer-segment-container .timer-value .digit {
  padding: 7px 5px 7px 5px;
  margin: 0px 2px 0px 2px;
  width: 27px;
  display: inline-block;
}
.header-offer-banner.Countdown .timer .timer-segment-container .timer-label {
  font-weight: normal;
  font-size: 10px;
}
.header-offer-banner [class*='col-'] {
  margin-bottom: 0px;
}
.header-offer-banner p {
  margin-bottom: 0px;
}
/* checkout */
.panel-checkout .panel-heading h3 {
  margin-top: 10px !important;
}
.progress-bar-checkout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  margin-top: 15px;
}
.progress-bar-checkout .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.progress-bar-checkout .step .circle {
  width: 30px;
  /* Reduced size */
  height: 30px;
  /* Reduced size */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  font-size: 14px;
  /* Reduced size */
  font-weight: bold;
}
.progress-bar-checkout .step .label {
  margin-top: 8px;
  /* Adjust spacing below the circle */
  font-size: 12px;
  /* Reduced size */
  color: #333;
  max-width: 110px;
  /* Ensure label wraps nicely */
  text-align: center;
}
.progress-bar-checkout .step.completed .circle {
  color: white;
}
.progress-bar-checkout .line {
  flex: 1;
  height: 2px;
  margin: 0 5px;
}
@media (max-width: 600px) {
  .progress-bar {
    flex-direction: row;
  }
  .progress-bar .line {
    margin: 0 2px;
  }
  .progress-bar .step .label {
    font-size: 10px;
    /* Slightly smaller text for smaller screens */
  }
}
body.modal-open > .wrap {
  overflow: hidden;
  height: 100%;
}
.modal-content,
.modal-dialog,
.modal-body {
  height: inherit;
  min-height: 100%;
}
.modal {
  min-height: 100%;
}
.modal-tyre-size-options .modal-body h1,
.modal-tyre-size-options .modal-body h2,
.modal-tyre-size-options .modal-body h3,
.modal-tyre-size-options .modal-body h4,
.modal-tyre-size-options .modal-body h5 {
  color: #333;
}
.modal-tyre-size-options .tyre-size-options--show-alternatives {
  /*color: @kf-blue-dark;*/
  font-size: 16px;
  cursor: pointer;
}
.modal-tyre-size-options .tyre-size-options--show-alternatives:hover {
  color: #666;
  text-decoration: none;
}
.modal-tyre-size-options .tyre-size-options--select-tyre-size select {
  margin-bottom: 6px;
}
.modal-tyre-size-options .tyre-size-option--holder {
  margin: 12px 0px 12px 0px;
  border-left: 4px solid #EEE;
}
@media (min-width: 768px) {
  .modal-tyre-size-options .tyre-size-option--holder {
    margin: 12px 24px 12px 24px;
    border-left: 4px solid #EEE;
    padding: 6px 18px 6px 18px;
  }
}
.modal-tyre-size-options .btn-tyre-size-option {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  padding: 6px;
  border-radius: 0px;
  cursor: pointer;
  width: 100%;
  border: 1px solid #FFF;
}
.modal-tyre-size-options .tyre-size-option--rim {
  order: 1;
  flex-basis: 100%;
}
.modal-tyre-size-options .tyre-size-option--icon {
  order: 2;
  flex-basis: 100%;
}
.modal-tyre-size-options .btn-tyre-size-option {
  flex-wrap: nowrap;
  text-transform: none !important;
}
.modal-tyre-size-options .tyre-size-option--rim {
  flex-basis: 50px;
  order: 1;
  align-self: center;
  text-align: center;
  font-size: 18px;
}
@media (min-width: 768px) {
  .modal-tyre-size-options .tyre-size-option--rim {
    flex-basis: 80px;
    font-size: 28px;
  }
}
.modal-tyre-size-options .tyre-size-option--sizes {
  flex-grow: 1;
  order: 2;
  border-left: 1px dotted #FFF;
  border-right: 1px dotted #FFF;
  padding: 6px;
}
.modal-tyre-size-options .tyre-size-option--sizes .tyre-size-option--size-row .tyre-size-option--size {
  text-align: left;
}
.modal-tyre-size-options .tyre-size-option--sizes .tyre-size-option--size-row .tyre-size-option--size .tyre-size-option--tyre-size {
  font-size: 14px;
}
@media (min-width: 450px) {
  .modal-tyre-size-options .tyre-size-option--sizes .tyre-size-option--size-row .tyre-size-option--size .tyre-size-option--tyre-size {
    font-size: 16px;
  }
}
.modal-tyre-size-options .tyre-size-option--sizes .tyre-size-option--size-row .tyre-size-option--size .tyre-size-option--tyre-details {
  font-size: 11px;
}
@media (min-width: 450px) {
  .modal-tyre-size-options .tyre-size-option--sizes .tyre-size-option--size-row .tyre-size-option--size .tyre-size-option--tyre-details {
    font-size: 12px;
  }
}
@media (min-width: 450px) {
  .modal-tyre-size-options .tyre-size-option--sizes .tyre-size-option--size-row {
    display: flex;
  }
  .modal-tyre-size-options .tyre-size-option--sizes .tyre-size-option--size-row .tyre-size-option--size {
    flex: 1;
    width: 100%;
  }
}
.modal-tyre-size-options .tyre-size-option--icon {
  flex-basis: 50px;
  order: 3;
  align-self: center;
  text-align: center;
  font-size: 18px;
}
@media (min-width: 768px) {
  .modal-tyre-size-options .tyre-size-option--icon {
    flex-basis: 80px;
    font-size: 28px;
  }
}
.modal-tyre-size-options .btn-tyre-size-options--tyre-size-select {
  margin-bottom: 12px;
}
.tyre-size-options .tyre-size-option--holder {
  margin: 12px 0px 12px 0px;
  border-left: 4px solid #EEE;
  padding: 3px 9px 3px 9px;
}
@media (min-width: 768px) {
  .tyre-size-options .tyre-size-option--holder {
    margin: 12px 24px 12px 24px;
    border-left: 4px solid #EEE;
    padding: 6px 18px 6px 18px;
  }
}
.tyre-size-options .btn-tyre-size-option {
  display: flex;
  align-items: center;
  clear: both;
}
.tyre-size-options .btn-tyre-size-option .tyre-size-option--rim {
  font-size: 18px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .tyre-size-options .btn-tyre-size-option .tyre-size-option--rim {
    font-size: 28px;
  }
}
.tyre-size-options .btn-tyre-size-option .tyre-size-option--separator {
  width: 2px;
  margin-left: 3px;
  margin-right: 3px;
  border-left: 1px dotted #FFF;
  align-self: stretch;
}
@media (min-width: 768px) {
  .tyre-size-options .btn-tyre-size-option .tyre-size-option--separator {
    margin-left: 12px;
    margin-right: 12px;
  }
}
.tyre-size-options .btn-tyre-size-option .tyre-size-option--front {
  margin-right: 3px;
  text-align: left;
}
@media (min-width: 768px) {
  .tyre-size-options .btn-tyre-size-option .tyre-size-option--front {
    margin-right: 12px;
  }
}
.tyre-size-options .btn-tyre-size-option .tyre-size-option--rear {
  margin-right: 3px;
  text-align: left;
}
@media (min-width: 768px) {
  .tyre-size-options .btn-tyre-size-option .tyre-size-option--rear {
    margin-right: 12px;
  }
}
.tyre-size-options .btn-tyre-size-option .tyre-size-option--tyresize {
  font-size: 12px;
  text-align: left;
}
@media (min-width: 768px) {
  .tyre-size-options .btn-tyre-size-option .tyre-size-option--tyresize {
    font-size: 14px;
  }
}
.tyre-size-options .btn-tyre-size-option .tyre-size-option--tyredetails {
  font-size: 10px;
  text-align: left;
}
@media (min-width: 768px) {
  .tyre-size-options .btn-tyre-size-option .tyre-size-option--tyredetails {
    font-size: 12px;
  }
}
.tyre-size-options .btn-tyre-size-option .tyre-size-option--icon {
  font-size: 14px;
  font-weight: bold;
}
@media (min-width: 768px) {
  .tyre-size-options .btn-tyre-size-option .tyre-size-option--icon {
    font-size: 20px;
  }
}
.tyre-size-options .btn-tyre-size-option.btn-tyre-size-option {
  margin-bottom: 3px;
}
@media (min-width: 768px) {
  .tyre-size-options .btn-tyre-size-option.btn-tyre-size-option {
    margin-bottom: 12px;
  }
}
/*
<button class="btn btn-danger btn-tyre-size-option">
	<div class="tyre-size-option--rim pull-left">{RIM}"</div>
	<div class="tyre-size-option--separator pull-left"></div>
	<div class="tyre-size-option--front pull-left">
		<div class="tyre-size-option--tyresize">{FRONTTYRESIZE}</div>
		<div class="tyre-size-option--details">{FRONTTYREDETAILS}</div>	
	</div>
	<div class="tyre-size-option--rear pull-left">
		<div class="tyre-size-option--tyresize">{REARTYRESIZE}</div>
		<div class="tyre-size-option--details">{REARTYREDETAILS}</div>
	</div>
	<div class="tyre-size-option--icon pull-right"><i class="fa fa-chevron-right"></i></div>
</button>
*/
.tyres-catalogue.breadcrumbs {
  margin-top: 25px;
}
.tyres-catalogue.breadcrumbs .breadcrumb {
  margin-bottom: 0px;
}
.tyres-catalogue .manufacturers a.logo img {
  padding-top: 15px;
  padding-bottom: 15px;
}
.tyres-catalogue .treads .manufacturer-logo {
  height: 40px;
  margin-top: -16px;
}
.tyres-catalogue .treads.row {
  margin-left: -8px;
  margin-right: -8px;
}
.tyres-catalogue .treads .col-xs-1,
.tyres-catalogue .treads .col-sm-1,
.tyres-catalogue .treads .col-md-1,
.tyres-catalogue .treads .col-lg-1,
.tyres-catalogue .treads .col-xs-2,
.tyres-catalogue .treads .col-sm-2,
.tyres-catalogue .treads .col-md-2,
.tyres-catalogue .treads .col-lg-2,
.tyres-catalogue .treads .col-xs-3,
.tyres-catalogue .treads .col-sm-3,
.tyres-catalogue .treads .col-md-3,
.tyres-catalogue .treads .col-lg-3,
.tyres-catalogue .treads .col-xs-4,
.tyres-catalogue .treads .col-sm-4,
.tyres-catalogue .treads .col-md-4,
.tyres-catalogue .treads .col-lg-4,
.tyres-catalogue .treads .col-xs-5,
.tyres-catalogue .treads .col-sm-5,
.tyres-catalogue .treads .col-md-5,
.tyres-catalogue .treads .col-lg-5,
.tyres-catalogue .treads .col-xs-6,
.tyres-catalogue .treads .col-sm-6,
.tyres-catalogue .treads .col-md-6,
.tyres-catalogue .treads .col-lg-6,
.tyres-catalogue .treads .col-xs-7,
.tyres-catalogue .treads .col-sm-7,
.tyres-catalogue .treads .col-md-7,
.tyres-catalogue .treads .col-lg-7,
.tyres-catalogue .treads .col-xs-8,
.tyres-catalogue .treads .col-sm-8,
.tyres-catalogue .treads .col-md-8,
.tyres-catalogue .treads .col-lg-8,
.tyres-catalogue .treads .col-xs-9,
.tyres-catalogue .treads .col-sm-9,
.tyres-catalogue .treads .col-md-9,
.tyres-catalogue .treads .col-lg-9,
.tyres-catalogue .treads .col-xs-10,
.tyres-catalogue .treads .col-sm-10,
.tyres-catalogue .treads .col-md-10,
.tyres-catalogue .treads .col-lg-10,
.tyres-catalogue .treads .col-xs-11,
.tyres-catalogue .treads .col-sm-11,
.tyres-catalogue .treads .col-md-11,
.tyres-catalogue .treads .col-lg-11,
.tyres-catalogue .treads .col-xs-12,
.tyres-catalogue .treads .col-sm-12,
.tyres-catalogue .treads .col-md-12,
.tyres-catalogue .treads .col-lg-12 {
  padding-left: 8px;
  padding-right: 8px;
}
.tyres-catalogue .treads .tyre-manufacturers_model_tyre {
  background-color: #CCC;
  border: 1px solid #BBB;
  margin-bottom: 16px;
  padding: 8px 4px 8px 4px;
}
.tyres-catalogue .treads .tyre-manufacturers_model_tyre .tyre-brand img {
  width: 100%;
}
.tyres-catalogue .treads .tyre-manufacturers_model_tyre .tyre-model {
  color: #000;
  font-weight: bold;
  font-size: 16px;
  min-height: 46px;
}
.tyres-catalogue .treads .tyre-manufacturers_model_tyre .tyre-image {
  margin: 8px 0;
  padding: 6px;
  background-color: #FFF;
  border: 1px solid #BBB;
  position: relative;
  min-height: 250px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .tyres-catalogue .treads .tyre-manufacturers_model_tyre .tyre-image {
    min-height: 315px;
  }
}
.tyres-catalogue .treads .tyre-manufacturers_model_tyre .tyre-image img {
  width: 100%;
}
.tyres-catalogue .treads .tyre-manufacturers_model_tyre .more-info {
  margin-top: 8px;
  background-color: transparent;
  padding: 8px 6px 0 6px;
  border-top: 1px solid #CCC;
}
.tyres-catalogue .treads .tyre-manufacturers_model_tyre .more-info .btn {
  margin-top: 0px;
  font-size: 11px;
}
.tyres-catalogue .part .manufacturer-logo {
  height: 40px;
  margin-top: -16px;
}
@media (max-width: 767px) {
  .tyres-catalogue .part .tyre-image {
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .tyres-catalogue .part .tyre-label {
    max-width: 250px;
  }
}