
html {font-size: 81.25% !important;}



#promo-banner { display: none; }



@media (max-width: 639px) {
   #start-index {
      height: auto;
      min-height: 0;
   }
}



.logoContent .site-logo {
   background-image: url("../userdata/3141185b0811d588cc56d74306ae5c071375") !important;
}


.logoContent .site-logo {
   background-position: center !important;
}






#error-index .logo-wrapper,
.navbar-default,
.filter-menu-header,
.navbar-default #step-list,
.label_header {
   background-color: #FFFFFF !important;
}
#error-index svg path {
   fill: #FFFFFF !important;
}
.dots > ul > li.slick-active > a,
.promo-banner-dots ul > li.slick-active > a,
.slide-dots-wrapper ul > li.slick-active > a,
.imageGallery-dots ul > li.slick-active > a {
   background-color: #FFFFFF !important;
}
.dots > ul > li > a,
.promo-banner-dots ul > li > a,
.slide-dots-wrapper ul > li > a,
.imageGallery-dots ul > li > a {
   border: 1px solid #FFFFFF !important;
}



.navbar-default .navbar-nav > li:not(.disabled) > a:not(.disabled),
.navbar-default .navbar-nav > li > a.active,
.navbar-default .navbar-nav > li > a.active:hover,
.navbar-default .navbar-nav.navbar-right > li > a:not(.disabled) {
   color: #FFFFFF !important;
}

.filter-menu-header h3,
.navbar-default .page-name {
   color: #FFFFFF !important;
}

header *:focus-visible,
footer *:focus-visible {
  outline: 3px solid  #FFFFFF !important;
}
#step-list a:focus-visible,
#main-nav a:focus-visible {
  outline: none !important;
  border: 2px solid  #FFFFFF !important;
}



#step-list li.nav-item-step.active {
   border-left: 8px solid #0F70B8 !important;
}
@media (max-width: 1059.98px) {
   #step-list li.nav-item-step.active {
      border-left: none !important;
   }
}

.filter-menu-header svg use {
   fill: #0F70B8 !important;
   stroke: #0F70B8 !important;
}
.navbar-default .navbar-nav > li > a > .tooltip-wrapper > i.icon-wrapper svg path,
.icon-wrapper.color-primary.bold {
   stroke: #0F70B8 !important;
}
.navbar-default .mainmenu-trigger .icon-bar {
   background-color: #0F70B8 !important;
} 
.navbar-default .navbar-nav:not(#step-list) > li:hover > a, 
.navbar-default .navbar-nav:not(#step-list) > li.active > a, 
.navbar-default .navbar-nav:not(#step-list) > li > a.show {
   border-bottom: 3px solid #0F70B8 !important;
}



.bg-primary,
.bg-primary:hover,
.bg-primary:focus {
   background-color: #0F70B8 !important;
   color: #FFFFFF !important;      
}
.badge.bg-primary {
   outline: 1px solid #FFFFFF !important;
}
.link-primary,
.link-primary:hover,
.link-primary:focus,
.link-primary:active {
   
      color: #0F70B8 !important;   
      fill: #0F70B8 !important;
   
}
.icon-wrapper.color-primary > svg {

   fill: #0F70B8 !important;

}
.tab-item:not(.tab-pnp),
.tab-item:not(.tab-pnp) > a {
   background-color: #FFFFFF !important;
   color: #0F70B8 !important;
}
.tab-item:not(.tab-pnp) > a:hover,
.tab-item:not(.tab-pnp) > a:focus,
.tab-item:not(.tab-pnp) > a:active,
.tab-item.active:not(.tab-pnp),
.tab-item.active:not(.tab-pnp) > a {
   background-color: #0F70B8 !important;
   color: #FFFFFF !important;
}
.switch-tabs {
   background-color: #FFFFFF !important;
}
.switch-tabs .switch-tab-item {
   background-color: transparent !important;
   color: #0F70B8 !important;
}
.switch-tabs .switch-tab-item.active {
   background-color: #0F70B8 !important;
   border: 1px solid #FFFFFF !important;
   color: #FFFFFF !important;
}
.switch-tabs .switch-tab-item svg path,
.switch-tabs .switch-tab-item svg g,
.switch-tabs .switch-tab-item svg rect {
   fill: #0F70B8 !important;
}
.switch-tabs .switch-tab-item.active svg path,
.switch-tabs .switch-tab-item.active svg g,
.switch-tabs .switch-tab-item.active svg rect {
   fill: #FFFFFF !important;
}
.btn-primary,
#scroll-top__button.btn-secondary {
   background-color: #0F70B8 !important; 
   
   border: 1px solid #E6E6E6 !important;
   
   color: #FFFFFF !important;
}
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled):focus,
.btn-primary:not(:disabled):not(.disabled):active,
#scroll-top__button.btn-secondary:not(:disabled):not(.disabled):focus,
#scroll-top__button.btn-secondary:not(:disabled):not(.disabled):active {
   
   background-color: #0E65A6 !important;
   
   color: #FFFFFF !important;
   border-color: #1181D4 !important;
   box-shadow: 0 0 0 0.2rem rgba(17, 129, 212, 0.500000) !important;
}

.locate-icon,
.btn-secondary:not(.addToBasket, #scroll-top__button, #watchlistTable .action-button.btn-secondary , .border-0, .close-modal-icon),
.btn-gray {
   background-color: #FFFFFF !important;
   color: #0F70B8 !important;
   border: 1px solid #0E65A6 !important;
}
.btn-secondary.border-0,
.btn-secondary.close-modal-icon {
   background-color: #FFFFFF !important;
   color: #0F70B8 !important;
   border: none !important;
   outline: 1px solid #0E65A6 !important;
}

.btn.rounded > p > span:first-child,
.btn.rounded > .icon-wrapper > svg,
.svg-icon-playvideo > svg,
.car_selected_reset svg circle {
   color: #0F70B8 !important;
   fill: #FFFFFF !important;   
}
#products-index #sizes input:checked + span,
#products-index #software input:checked + span,
#products-index #sizes input:hover + span,
#products-index #software input:hover + span,
.sizes-group input[type="checkbox"]:checked + label.size,
.certificate-group input[type="checkbox"]:checked + label,
.c-isOE input[type="checkbox"]:checked + label,
ul.change-view-container .change-view.active,
.btn.size.active,
#f-isReady:checked + label,
.close-menu {
   background-color: #0F70B8 !important;
   color: #FFFFFF !important;
}
#languageDropdown .btn span[title]:before {
   background-color: #0F70B8 !important;
}
.sizes li > a.size.active,
.sizes li > a.btn.rounded:hover,
footer,
footer a {
   background-color: #0F70B8 !important;
   color: #FFFFFF !important;
}
.delivery-option > div {
   background-color: #0F70B8 !important;
   color: #FFFFFF !important;
}
.flex-table__header,
.table:not(.table-clean) > tbody > tr > th,
.table > thead > tr > th,
.table.fixed_headers > thead,
.table.table-clean > tbody > tr.bg-color-base > th,
#paymentTabs .nav-tabs > li > a:not(.active) {
  background-color: #0F70B8 !important;
  color: #FFFFFF !important;
}
#paymentTabs .nav-tabs > li > a.active {
   color: #0F70B8 !important;
}
#chargeRel_modalForm table tbody tr th,
#ChargeRel_Table tbody tr th {
   padding: 8px 4px !important;
}

.btn-primary:focus-visible {
  outline: 3px solid #FFFFFF !important;
}
#shortcutMenu a:focus-visible,
#phoneContainer a:focus-visible,
main *:not(.btn-primary):focus-visible,
#filter-menu:focus-visible,
#filter-menu *:focus-visible {
  outline: 3px solid #0F70B8 !important;
}
#car_modeltype .fixed_headers tr:focus-visible,
#carView:focus-visible,
#wheelData:focus-visible {
  outline: none;
  border: 2px solid #0F70B8 !important;
}

@media print {
   .sizes-group input[type="checkbox"]:checked + label.size,
   .certificate-group input[type="checkbox"]:checked + label,
   .c-isOE input[type="checkbox"]:checked + label,
   ul.change-view-container .change-view.active,
   .btn.size.active,
   #f-isReady:checked + label,
   .close-menu {
      background-color: #0F70B8 !important;
      color: #FFFFFF !important;
   }
}



.tab-item:not(.tab-pnp) > a:hover:before,
.tab-item:not(.tab-pnp) > a:focus:before,
.tab-item:not(.tab-pnp) > a:active:before,
.tab-item.active:not(.tab-pnp) > a:before {
   color: #FFFFFF !important;
   border-color: #FFFFFF !important;
}
.btn-primary svg path {
   fill: #FFFFFF !important;
}
#f-isReady:checked + label svg .rdks-info-ok_svg__a,
.close-menu .ico_closeMenu_svg__a {
   stroke: #FFFFFF !important;
}
.dots-wrapper > a:hover span,
.dots-wrapper > a:focus span,
.dots-wrapper > a:active span,
.clearfix > a:not(.slick-disabled, .products.grid-block):hover,
.clearfix > a:not(.slick-disabled, .products.grid-block):focus,
.clearfix > a:not(.slick-disabled, .products.grid-block):active,
.upsellingList-wrapper a:hover {
   color: #FFFFFF !important;
}
.locate-icon:hover,
.locate-icon:focus,
.locate-icon:active,
.btn-secondary:not(:disabled):not(.disabled):not(.addToBasket, .border-0, .close-modal-icon):hover,
.btn-secondary:not(:disabled):not(.disabled):not(.addToBasket, .border-0, .close-modal-icon):focus,
.btn-secondary:not(:disabled):not(.disabled):not(.addToBasket, .border-0, .close-modal-icon):active,
.btn-gray:not(:disabled):not(.disabled):hover,
.btn-gray:not(:disabled):not(.disabled):focus,
.btn-gray:not(:disabled):not(.disabled):active {
   background-color: #F2F2F2 !important;
   border: 1px solid #FFFFFF !important;
   border-color: #F2F2F2 !important;
   box-shadow: 0 0 0 0.2rem rgba(242, 242, 242, 0.500000) !important;
}
.btn-secondary.border-0:not(:disabled):hover,
.btn-secondary.border-0:not(:disabled):focus,
.btn-secondary.border-0:not(:disabled):active,
.btn-secondary.close-modal-icon:not(:disabled):hover,
.btn-secondary.close-modal-icon:not(:disabled):focus,
.btn-secondary.close-modal-icon:not(:disabled):active {
   border: none !important;
   outline: none !important;
   box-shadow: 0 0 0 0.2rem rgba(242, 242, 242, 0.500000) !important;
}
.btn-staggered.active svg g,
.btn-staggered.active svg path,
.btn-staggered.active svg rect,
.btn-staggered.active svg g path,
.btn-staggered.active svg g rect,
ul.change-view-container .change-view.active,
ul.change-view-container .change-view.active svg g path {
   fill: #FFFFFF !important;
   border-color: #FFFFFF !important;
}



.onoffswitch-inner:before {
   background-color: #0F70B8;
}
.dots-wrapper > a:not(.slick-disabled) > span,
.clearfix > a:not(.slick-disabled, .products.grid-block),
.upsellingList-wrapper > a:not(.slick-disabled) {
   color: #0F70B8 !important;
}
.btn.disabled:not(.dropdown-toggle),
.btn[disabled]:not(.dropdown-toggle), 
fieldset[disabled] .btn {
   
   background-color: #0E65A6 !important;
   
}
#globalamount-form > button:disabled {
    background-color: transparent !important;
}
.locate-icon svg path,
.btn-gray svg path,
.btn-secondary svg path,
.car_selected_reset svg path {
   fill: #0F70B8 !important;
}
.btn-secondary svg .reifendetails-idle_svg__color-white {
   fill: #fff !important; 
}
.btn-staggered.active,
.btn-staggered.active:hover,
.btn-staggered.active:focus,
.btn-staggered.active:active {
   background-color: #0F70B8 !important;
   border: 0;
}


