/** Shopify CDN: Minification failed

Line 6235:2 Unexpected "0%"
Line 6239:2 Unexpected "100%"
Line 7352:2 Unexpected "0%"
Line 7356:2 Unexpected "100%"

**/
.left-dd-holder, .head-dd-cont-holder, .head_header {color: #111;font-size: 16px;line-height: 1.4;}
.noChild a.link {color: #111;}
.noChild:hover .link {color: #ffc000;text-decoration:none;}
.noChild .head-dd-main{padding-left: 10px;padding-right: 11px;}
.header-search-btn .search-bar__form{height: auto;border: none;}
.header-search-btn .search-header__input, .search-bar__input{padding:0;border-radius:0;min-height:auto;height: 38px;border: 1px solid #6e6e6e;padding: 0 75px 0 20px;border-radius: 4px;}

.header-search-btn .search-header__input:focus, .search-bar__input:focus{border-color: #6e6e6e;}
@-webkit-keyframes preloader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0);
    transform: translate(-50%, -50%) rotateZ(0)
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
    transform: translate(-50%, -50%) rotateZ(360deg)
  }
}

@keyframes preloader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0);
    transform: translate(-50%, -50%) rotateZ(0)
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
    transform: translate(-50%, -50%) rotateZ(360deg)
  }
}

#js-media-query-state {
  height: 0;
  overflow: hidden;
  position: absolute;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 1ms linear;
  transition: -webkit-transform 1ms linear;
  transition: transform 1ms linear;
  transition: transform 1ms linear, -webkit-transform 1ms linear;
  width: 1px;
  z-index: -1
}

#js-media-query-state::after {
  content: 'desktop'
}

.body-bg-type1 {
  background: #f3f3f3
}

.body-bg-type1::after,
.body-bg-type1::before {
  content: '';
  display: table
}

.body-bg-type1.-bg-30 {
  background-color: transparent;
  background-image: -webkit-linear-gradient(#f3f3f3 30%, rgba(255, 255, 255, 0) 30%);
  background-image: linear-gradient(#f3f3f3 30%, rgba(255, 255, 255, 0) 30%)
}

.body-bg-type1.-dark {
  background: #e6e6e6
}

.main_wide p {
  font-family: "Work Sans",sans-serif;
  font-weight: 400;
  letter-spacing: 0.035em;
  line-height: 1.5;
}

.landing_pages_descr>a[onclick]>img:not([width]),
.landing_pages_descr p>a[onclick]>img:not([width]),
.landing_pages_descr>.text-height-overflow-hidden>a[onclick]>img:not([width]),
.landing_pages_descr>.text-height-overflow-hidden p>a[onclick]>img:not([width]) {
  box-sizing: border-box;
  display: block;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 0 8px;
  width: 100%
}

.landing_pages_descr a {
  font-weight: 400 !important
}

.landing_pages_descr p:last-child {
  margin-bottom: 32px
}

.landing_pages_descr h2 {
  font-size: 1.8em;
  margin: 1.8em 8px 1em
}

.landing_pages_descr ul {
  font-size: 1.4em;
  margin: 1em 8px 1em 2em
}

.landing_pages_descr ul>li {
  font-weight: 300;
  letter-spacing: 0.035em;
  line-height: 1.7;
  margin: 1em 0
}

.green {
  color: #5faf4b !important
}

.gray {
  color: #757575 !important
}

.black {
  color: #111 !important
}

.white {
  color: #fff
}

.red {
  color: #9e2221 !important
}

.red-light {
  color: #d4252a !important
}

.orange {
  color: #ffc000 !important
}

.discount-color {
  color: #ff8106 !important
}

.red_border {
  border-color: #d4252a !important;
  box-shadow: #d4252a 0 0 2px
}

.hr {
  border-top: 1px solid #eee;
  clear: both;
  height: 0;
  margin: 20px 0
}

.nobg {
  background: none !important
}

.nobg-before::before {
  background: none !important
}

.nobrdr {
  border: 0 !important
}

.align-center {
  text-align: center !important
}

.align-left {
  text-align: left !important
}

._uppercase {
  text-transform: uppercase !important
}

.pointer {
  cursor: pointer
}

.no-js .gallery1-a,
.no-js .product-images-shifter-source {
  pointer-events: none
}

.phone-link,
.phone-link:focus,
.phone-link:hover {
  color: inherit !important;
  cursor: default;
  font-weight: inherit;
  text-decoration: none
}

/* div,
span,
h1,
h2,
p,
em,
img,
strong,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
table,
tr,
th,
td {
background: transparent;
border: 0;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline
} */

a,
[data-hlk] {
  background: transparent;
  color: #3761bf;
  cursor: pointer;
  font-size: 100%;
  margin: 0;
  padding: 0;
  text-decoration: none;
  vertical-align: baseline
}

a:hover,
[data-hlk]:hover {
  text-decoration: underline
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

table td,
table th {
  vertical-align: top
}

[type='submit'] {
  -webkit-appearance: none;
  border-radius: 0
}

input[type='search'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

input::-webkit-search-cancel-button {
  display: none
}

input::-webkit-search-decoration {
  display: none
}

input::-ms-clear {
  display: none
}

iframe {
  border: 0
}

html {
  overflow-x: hidden
}

html,
body {
  min-height: 100%
}

body {
  position: relative
}

input::-ms-clear,
input::-ms-reveal {
  display: none
}

textarea {
  resize: vertical
}

#scrollfix {
  position: relative;
  width: 100%;
  z-index: 5
}

.hiddenScroll #scrollfix {
  overflow: hidden
}

.left-panel,
.right-panel {
  display: none;
  position: absolute;
  top: 0
}

@-webkit-keyframes appear {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@keyframes appear {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

.main-content {
  position: relative;
  width: 100%;
  z-index: 1
}

.main-content.-overlay.-animate::after {
  -webkit-animation: appear 0.4s;
  animation: appear 0.4s
}

.main-content.-selects-overlay-show {
  z-index: auto
}

.wrap {
  margin: 0 auto;
  min-width: 320px;
  position: relative;
  text-align: left
}

.wrap .wrap {
  margin: 0;
  min-width: 0
}

.product-list-with-filter-holder {
  box-sizing: border-box;
  width: 100%
}

.mobile-small-show,
.mobile-medium-show,
.mobile-large-show,
.desktop-hide,
.mobile-show {
  display: none !important
}

.hidden {
  display: none !important
}

.ov_hidden {
  overflow: hidden !important
}

.ov-x-auto {
  overflow-x: auto !important
}

.block {
  display: block !important
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden
}

._clear-modern::before,
._clear-modern::after {
  clear: both;
  content: '';
  display: table
}

.float_right {
  float: right
}

.float_left {
  float: left
}

.pos_r {
  position: relative
}

.row::before,
.row::after {
  clear: both;
  content: '';
  display: table
}

template {
  display: none
}

.break-word {
  word-wrap: break-word
}

.h1-change-btn-wrap {
  margin: 16px 8px
}

.h1-fat {
  color: #111;
  display: block;
  font: 500 2.2em/1.2 "Roboto", "Arial", "Helvetica", sans-serif;
  margin: 16px 2%
}

.h1-fat>span {
  font-weight: 300
}

._store-red {
  background-color: #d41e2b !important
}

._store-orange {
  background-color: #fea934 !important
}

._store-grey-blue {
  background-color: #455874 !important
}

._store-blue {
  background-color: #0883d4 !important
}

._store-gray {
  background-color: #686c73 !important
}

._store-dark-orange {
  background-color: #fc6200 !important
}

._store-green {
  background-color: #1e824c !important
}

.head-stores-h {
  background-color: #373e48;
  height: 48px;
  display:none;
}

.head-stores {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  list-style: none
}

.head-stores::after {
  background-color: #525c6b;
  border-radius: 4px;
  color: #fff;
  content: 'Shop our Stores';
  display: block;
  font-size: 1.1em;
  line-height: 1.5;
  padding: 6px 12px;
  position: absolute;
  right: 10px;
  top: 10px
}

.head-stores.-active::after {
  background: url(https://cdn.carid.com/css/prod-images/c75f2e74ea01174eafee1d1cdf6155df.svg) 50% 50% no-repeat;
  background-size: 20px auto;
  border-radius: 0;
  content: '';
  height: 40px;
  opacity: 0.7;
  padding: 0;
  right: 8px;
  top: 4px;
  width: 40px
}

.head-stores>li {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.17
}

.head-stores>li:hover>.item:not(.-active) {
  cursor: pointer;
  opacity: 1;
  text-decoration: none
}

.head-stores>li>.item {
  box-sizing: border-box;
  display: block;
  height: 48px;
  padding-left: 70px;
  padding-right: 25px;
  padding-top: 18px;
  position: relative;
  white-space: nowrap
}

.head-stores>li>.item.-active {
  color: #fff;
  cursor: default;
  font-weight: 700
}

.head-stores>li>.item:not(.-active) {
  display: none;
  text-indent: -999em
}

.head_header {
  width: 100%
}

.header-top {
  background-color: #f0f0f0;
  height: 48px
}

.header-top>.wrap {
  height: 100%
}

.header-top .header-dd-h {
  display: none
}

.header-account {
  display: none
}

.left-menu-icon {
  background: url("https://cdn.shopify.com/s/files/1/0296/1280/2183/files/1413800b.svg?v=1589617463") 50% 50% no-repeat;
  background-size: 24px 18px;
  cursor: pointer;
  display: block;
  height: 48px;
  left: 0;
  position: absolute;
  top: 0;
  width: 56px;
  z-index: 1
}

.no-touch .left-menu-icon:hover {
  opacity: 0.7
}

/*.head_logo_a {
  background: #5faf4b url(https://cdn.carid.com/css/prod-images/8f82dbd0.svg) no-repeat 50% 12px;
  background-size: 30px auto;
  bottom: -4px;
  left: 56px;
  position: absolute;
  text-indent: -999em;
  top: 0;
  width: 44px;
  z-index: 3
}*/

/*** synapse new ***/

a.head_logo_a.-carid {
  position: absolute;
  left: 68px;
  width: 135px;
  max-height: none;
  height: auto;
  top:22px;
}

a.head_logo_a.-carid img {
  width: 100%;
  margin-top: 0;
}

/*** end synapse new ***/

.header-dd-hover-element:hover .header-dd-h {
  display: none;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.3s ease 0.2s, visibility 0s ease 0.2s, -webkit-transform 0.3s ease 0.2s;
  transition: opacity 0.3s ease 0.2s, visibility 0s ease 0.2s, -webkit-transform 0.3s ease 0.2s;
  transition: opacity 0.3s ease 0.2s, transform 0.3s ease 0.2s, visibility 0s ease 0.2s;
  transition: opacity 0.3s ease 0.2s, transform 0.3s ease 0.2s, visibility 0s ease 0.2s, -webkit-transform 0.3s ease 0.2s;
  visibility: visible
}

.no-transform .header-dd-hover-element:hover .header-dd-h {
  display: block
}

.nav-tool-wrap {
  float: right;
  list-style: none
}

.nav-tool-wrap>li {
  display: inline-block;
  vertical-align: top
}

.nav-tool {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 48px;
  line-height: 1.2;
  min-width: 48px;
  position: relative
}

.nav-tool .-txt {
  display: none
}

.nav-tool>.icon {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 27px;
  left: 50%;
  margin-left: -14px;
  position: absolute;
  top: 11px;
  width: 27px
}

.nav-tool,
.nav-tool .-txt {
  color: #111
}

.nav-tool .count-item {
  text-indent: 0
}

.acc-text {
  display: inline-block;
  overflow: hidden;
  width: 0
}

.header-garage-subtitle {
  display: none
}

.nav-tool.-account {
  display: none
}

.nav-tool.-wishlist,
.nav-tool.-garage {
  display: none
}

.header-search-btn {
  /*background: #fff;
  border: 1px solid #ececec;
  border-radius: 4px;
  bottom: 6px;
  display: block;
  font-size: 16px;
  font-weight: 300;*/
  left: 116px;
  position: absolute;
  right: 48px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 6px
}

/*.header-search-btn::before {
content: "Search...";
left: 16px;
position: relative;
top: 9px
}*/

.search-btn-header {
  background: transparent url("https://cdn.carid.com/css/prod-images/aa0c55ee6c16e1f0ebcbe8ef1dce2dcd.svg") no-repeat 50% 50%;
  background-size: 25px auto;
  bottom: 0;
  content: '';
  height: 34px;
  padding: 0;
  position: absolute;
  right: 8px;
  top: 0;
  width: 34px;
  border:none;  
}

.count-item {
  background-color: #d4252a;
  border-radius: 15px;
  box-sizing: border-box;
  color: #fff;
  font-size: 11px;
  line-height: 13px;
  min-width: 8px;
  padding: 0 3px;
  text-align: center
}

.count-item.-type-1 {
  border-radius: 50%;
  font-size: 8px;
  font-weight: bold;
  line-height: 16px;
  position: absolute;
  right: -3px;
  text-align: center;
  top: -1px;
  width: 16px
}

.count-item.-type-1::after {
  border: 1px solid #fff;
  border-radius: 50%;
  bottom: -1px;
  content: '';
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px
}

.count-item.-type-2 {
  border-radius: 50%;
  display: inline-block;
  font-size: 8px;
  line-height: 15px;
  text-align: center;
  vertical-align: middle;
  width: 15px
}

.left-menu-vehicles-title .count-item.-type-2 {
  margin-left: 2px
}

.count-item.-garage {
  left: 46px;
  position: absolute;
  top: 10px
}

.count-item.-garage::after {
  border: 1px solid #fff;
  border-radius: 50%;
  bottom: -1px;
  content: '';
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px
}

.head-dd-h {
  display: none
}

.head-dd {
  color: #777;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 38px;
  list-style: none;
  margin-left: 6px;
  overflow: hidden;
  padding-top: 5px;
  text-align: left;
  vertical-align: top
}

.head-dd>li {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  position: relative;
  vertical-align: top
}

.head-dd>.it {
  height: 100%;
}

.head-dd>.it>.head-dd-main {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  padding: 10px;
  position: relative;
  text-decoration: none
}

.head-dd>.it>.head-dd-main,
.head-dd>.it>.head-dd-main>.link {
  color: #000;
  font-family: "Poppins", "HelveticaNeue", "Helvetica Neue", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.7px;
  font-weight: bold;  
}

.head-dd>.it>.head-dd-main>.link:hover {
  text-decoration: none
}

.head-dd>.it>.head-dd-main>.link>span,
.head-dd>.it>.head-dd-main .extra {
  display: none
}

.head-dd>.it:hover>.head-dd-main,
.head-dd>.it:hover>.head-dd-main>.link,
.head-dd>.it.loading>.head-dd-main,
.head-dd>.it.loading>.head-dd-main>.link,
.head-dd>.it.active>.head-dd-main,
.head-dd>.it.active>.head-dd-main>.link {
  color: #ffc000
}

.head-dd>.it.after-more {
}

.head-dd .head-dd-more {
  -webkit-box-ordinal-group: 3 !important;
  -webkit-order: 2 !important;
  order: 2 !important;
  visibility: hidden
}

.head-dd-help-center {
  float: right;
  margin-right: 12px;
  padding-top: 5px
}

.head-dd-cont-holder {
  display: none
}

.head_img {
  background: #f3f3f3;
  line-height: 0;
  min-width: 1000px;
  overflow: hidden;
  position: relative;
  text-align: center
}

.head_img_minh {
  min-width: 0
}

.head_img_aligner {
  bottom: 0;
  height: 100%;
  left: 50%;
  margin-left: -2500px;
  position: absolute;
  top: 0;
  width: 5000px
}

.head_img_aligner .head-img-overlay>img,
.head_img_aligner .head-img-overlay>a,
.head_img_aligner .head-img-overlay>a>img {
  display: block;
  height: 100%;
  margin: 0 auto;
  width: auto
}

.head-img-overlay {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%
}

.head-img-overlay::after {
  background: url(https://cdn.carid.com/css/prod-images/d240a74c6dfd8c6eb166fdf2a2861128.png) repeat 0 0;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.head-img-overlay.-transparent::after {
  background: none
}

.head-nav {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #757575;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 230px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  width: 100%
}

.head-nav::after {
  background: #000;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  margin: 0 auto;
  max-width: 1920px;
  opacity: 0.3;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.head-nav-img {
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto
}

.head-nav-inner {
  box-sizing: border-box;
  margin-top: 8px;
  min-width: 320px;
  padding: 0 16px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 3
}

.head-nav.-with-mmy .head-nav-inner {
  padding: 0 8px;
  z-index: 21
}

.simple-slider-wrap {
  display: none
}

.simple-slider {
  list-style: none;
  position: relative;
  -webkit-transform: translateX(1920px);
  transform: translateX(1920px);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease
}

.simple-slider.-loaded {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.simple-slider.-no-transition {
  -webkit-transition: none;
  transition: none
}

.simple-slider>.slide {
  float: left;
  height: 0;
  opacity: 0;
  width: 1920px
}

.simple-slider>.slide.-loaded {
  height: auto;
  opacity: 1
}

.head-main-logo {
  bottom: 30px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1
}

.head-main-logo.-with-main-select-bar {
  bottom: 50px
}

.head-main-logo>.logo {
  margin: 0 8px
}

.main-select-bar-h {
  position: relative;
  z-index: 21
}

.main-select-bar-h.-bottom-offset {
  margin-bottom: 64px
}

.head-nav-inner>.select-vehicle-spacer {
  margin: 0 0 18px
}

.head-shop-by-links {
  bottom: 32px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1
}

.head-shop-by-links-item,
.head-shop-by-links-item>.link {
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase
}

.head-shop-by-links-item:first-child {
  margin-right: 17px;
  padding-right: 17px;
  position: relative
}

.head-shop-by-links-item:first-child::after {
  border: 1px solid #fff;
  content: '';
  height: 17px;
  position: absolute;
  right: 0;
  top: -1px
}

.head-shop-by-links-item>.link {
  font-weight: 600
}

.head-shop-by-links-item>.count {
  display: none
}

.select-vehicle-spacer {
  color: #bbb;
  margin: -20px 8px 0;
  position: relative
}

.select-vehicle-spacer.-hidden {
  height: 0;
  margin: 0;
  overflow: hidden;
  position: relative
}

.select-vehicle-spacer.-hidden.-fixed {
  overflow: visible
}

.select-vehicle-spacer.-home-page {
  margin-bottom: 50px
}

.select-vehicle-spacer.-in-popup {
  margin: 0 !important;
  position: static
}

.select-vehicle-spacer.-in-popup::after {
  content: '';
  height: 350px;
  left: 0;
  position: absolute;
  top: 100%;
  width: 1px;
  z-index: -1
}

.select-vehicle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.select-vehicle-spacer.-fixed .select-vehicle {
  background: #373e48;
  left: 0;
  margin: 0 auto;
  min-width: 1000px;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 101
}

.select-vehicle::after {
  display: none
}

.no-js .select-vehicle::after {
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.touch .select-vehicle {
  position: static
}

.select-vehicle>.nav {
  height: 50px
}

.select-vehicle-spacer.-fixed .select-vehicle>.nav {
  display: none
}

.select-vehicle>.nav>.link {
  background-color: #373e48;
  background-image: none;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  float: left;
  font-size: 1.6em;
  font-weight: 500;
  height: 101%;
  line-height: 1;
  margin-left: 2px;
  padding: 16px 24px 18px;
  position: relative
}

.select-vehicle>.nav>.link::after {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.select-vehicle>.nav>.link:first-child {
  border-color: transparent;
  border-left: none;
  margin-left: 0
}

.select-vehicle-spacer.-in-popup .select-vehicle>.nav>.link {
  background-color: #202732;
  background-image: none
}

.select-vehicle>.nav>.link.-light {
  background-color: #e7e7e7;
  color: #5a5a5a
}

.select-vehicle>.nav>.link.-light:not(.-active) {
  box-shadow: inset 0 -10px 20px -10px rgba(0, 0, 0, 0.3)
}

.select-vehicle-spacer.-in-popup .select-vehicle>.nav>.link.-light {
  background-color: #e7e7e7
}

.select-vehicle>.nav>.link.-active {
  cursor: default;
  opacity: 1
}

.select-vehicle>.nav>.link.-active::after {
  display: none
}

.select-vehicle>.nav.-garage {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.select-vehicle>.nav.-garage>.link {
  background-repeat: no-repeat;
  display: block;
  padding-left: 24px;
  padding-right: 8px;
  width: auto
}

.select-vehicle>.nav.-garage>.link:first-child {
  min-width: auto;
  width: auto
}

.select-vehicle>.nav.-garage>.link:not(.-active) {
  background-color: #2b313a
}

.select-vehicle>.nav.-garage>.link.-i1-15 {
  background-image: url(https://cdn.carid.com/css/prod-images/ae5be2785098ae99bb1f3a319395265c.svg)
}

.select-vehicle>.nav.-garage>.link.-i1-31 {
  background-image: url(https://cdn.carid.com/css/prod-images/e225162bed8d8a88de71db230d6685aa.svg)
}

.select-vehicle>.nav.-garage>.link.-i1-6 {
  background-image: url(https://cdn.carid.com/css/prod-images/5494e65d0fdf40100cf82a25c3a8f4cf.svg)
}

.select-vehicle>.nav.-garage>.link.-i1-20 {
  background-image: url(https://cdn.carid.com/css/prod-images/536dcc29a9e646c01497602247022155.svg)
}

.select-vehicle>.nav.-garage>.link>.link-title {
  color: #fff;
  display: none
}

.select-vehicle>.nav.-garage>.link.-active {
  opacity: 1;
  padding-left: 54px
}

.select-vehicle>.nav.-garage>.link.-active>.link-title {
  display: block;
  font-weight: 700;
  white-space: nowrap
}

.select-vehicle>.content {
  background: #373e48;
  border-radius: 0 0 4px 4px;
  position: relative
}

.inspiration-gallery-indent .select-vehicle>.content {
  border-radius: 4px
}

.select-vehicle-spacer.-fixed .select-vehicle>.content {
  margin: 0 auto;
  max-width: 1296px;
  min-width: 1000px;
  padding: 0;
  width: 94%
}

.select-vehicle>.content.-in-popup {
  background-color: #202732
}

.select-vehicle>.content.-reset-styles {
  background: transparent;
  border-radius: 0
}

.select-vehicle>.content>.tab {
  border-radius: 4px;
  display: none;
  height: 0;
  overflow: hidden;
  position: absolute;
  visibility: hidden;
  width: 100%
}

.select-vehicle>.content>.tab.-active {
  border-radius: 0 4px 4px;
  display: block;
  height: auto;
  overflow: visible;
  position: static;
  visibility: visible
}

.select-vehicle>.content>.tab.-light {
  background-color: #e7e7e7
}

.select-vehicle-content-spacer {
  padding: 24px 20px;
  position: relative
}

.select-vehicle-spacer:not(.-fixed) .content.-gallery .select-vehicle-content-spacer {
  padding: 20px 20px 12px
}

.select-vehicle-spacer.-index:not(.-fixed) .select-vehicle-content-spacer {
  padding: 0
}

.select-vehicle-spacer.-fixed .select-vehicle-content-spacer {
  padding: 10px 8px
}

.select-vehicle-content-spacer.-preload-height {
  min-height: 56px
}

.select-vehicle-col,
.select-vehicle-col-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}

.aside_slct_wrap {
  height: 48px;
  margin-bottom: 8px;
  position: relative;
  width: 100%
}

.ship-wordwide-popup .aside_slct_wrap {
  height: 48px
}

.select-vehicle-items-inner {
  display: block
}

.select-vehicle-items {
  display: block;
  position: relative;
  width: 100%;
  z-index: 22
}

.select-vehicle-items.-half {
  width: auto
}

.select-vehicle-items.-front-size,
.select-vehicle-items.-rear-size.-rear-active {
  display: block;
  z-index: auto
}

.select-vehicle-items.-rear-size {
  display: none
}

.select-vehicle-items.-tires-load-speed-index {
  position: static
}

.aside_slct.-not-refine {
  background: #fff;
  border: none;
  border-radius: 4px;
  box-sizing: border-box;
  color: #474747;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  height: auto;
  margin: 0;
  padding: 25px 10px 7px;
  position: absolute;
  text-align: left;
  width: 100%
}

.aside_slct.-not-refine::before {
  background: url(https://cdn.carid.com/css/prod-images/f3dd7cc3338cab2b00342cc0a9fe8bb0.svg) no-repeat 0 0;
  background-size: 100% auto;
  content: '';
  height: 8px;
  position: absolute;
  right: 20px;
  top: 23px;
  -webkit-transition: -webkit-transform 0.1s;
  transition: -webkit-transform 0.1s;
  transition: transform 0.1s;
  transition: transform 0.1s, -webkit-transform 0.1s;
  width: 13px
}

.aside_slct.-not-refine::after {
  color: #666;
  content: attr(data-placeholder);
  font-size: 0.8rem;
  left: 24px;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  text-transform: uppercase;
  top: 16px;
  -webkit-transition: top 0.1s;
  transition: top 0.1s;
  white-space: nowrap;
  width: 70%
}

.aside_slct.-not-refine.-active {
  box-shadow: 0 0 0 2px #3761bf;
  z-index: 1000
}

.aside_slct.-not-refine.-active::before {
  background-image: url(https://cdn.carid.com/css/prod-images/d1a95e8152cafcca37fa78c28fa16054.svg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.aside_slct.-not-refine.-active::after,
.aside_slct.-not-refine.-selected::after {
  color: #888;
  font-size: 0.6rem;
  top: 9px
}

.aside_slct.-not-refine.-tire-popup::after {
  top: 19px
}

.aside_slct.-not-refine.-active.-tire-popup::after,
.aside_slct.-not-refine.-selected.-tire-popup::after {
  top: 12px
}

.select-vehicle-col.-with-border .aside_slct.-not-refine {
  border: 1px solid #999
}

.select-vehicle-spacer.-fixed .aside_slct.-not-refine {
  padding-bottom: 9px;
  padding-top: 23px
}

.select-vehicle-spacer.-fixed .aside_slct.-not-refine::before {
  top: 22px
}

.select-vehicle-spacer.-fixed .aside_slct.-not-refine::after {
  top: 16px
}

.select-vehicle-spacer.-fixed .aside_slct.-not-refine.-active::after,
.select-vehicle-spacer.-fixed .aside_slct.-not-refine.-selected::after {
  top: 8px
}

.aside_slct.-not-refine.-with-marker::after {
  left: 48px
}

.aside_slct.-not-refine.-with-marker .aside_slct_value {
  margin-left: 44px
}

.aside_slct.-not-refine.-disabled,
.aside_slct.-not-refine.-disabled>.aside_slct_value {
  background-color: #f1f1f1 !important;
  color: #969fa6
}

.aside_slct.-not-refine.-bordered {
  box-shadow: inset 0 0 0 1px #b3b3b3
}

.aside_slct.-not-refine.-bordered::before {
  right: 15px;
  top: 22px
}

.aside_slct.-not-refine.-bordered.-active {
  box-shadow: 0 0 0 2px #3761bf
}

.aside_slct.-not-refine.-unfocused {
  background: #dadada
}

.aside_slct.-not-refine.-unfocused::after {
  color: #8f8f8f
}

.aside_slct.-not-refine.-unfocused .aside-slct-marker {
  color: #8f8f8f
}

.aside_slct.-not-refine .aside_slct_value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #111;
  font-size: 1.4em;
  height: 16px;
  line-height: 1.1;
  margin-left: 14px;
  padding-left: 0
}

.aside_slct.-not-refine .aside-slct-marker {
  border-right: 1px solid #969fa6;
  color: #444;
  font-size: 1.4em;
  height: 26px;
  left: 0;
  line-height: 27px;
  padding: 0 12px 0 16px;
  position: absolute;
  top: 12px
}

.select-vehicle-spacer.-fixed .aside_slct.-not-refine .aside-slct-marker {
  top: 11px
}

.select-vehicle-button {
  background: #d4252a;
  border-radius: 4px;
  color: #fefefe;
  cursor: pointer;
  font: 500 1.4em/1.2 "Roboto", "Arial", "Helvetica", sans-serif;
  min-width: 40px;
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase
}

.select-vehicle-spacer.-fixed .select-vehicle-button {
  padding: 16px 0 14px
}

.select-vehicle-button.-disabled,
.select-vehicle-button.-disabled:hover {
  background-color: #8a8a8a;
  cursor: default;
  font-weight: 600
}

.select-vehicle-button:hover,
.select-vehicle-button:focus:not(.-disabled) {
  background: #be2126;
  text-decoration: none
}

.select-vehicle-button.-after-selects {
  float: none;
  margin-left: 0
}

.select-vehicle-button.-full-width {
  box-sizing: border-box;
  width: 100%
}

.select-vehicle-button.-tire-size-pp {
  margin-top: 52px
}

.select-vehicle-items.-front-size.-rear-active .select-vehicle-button {
  display: none
}

.select-vehicle-bottom-line {
  line-height: 20px;
  margin: 15px 0 0 15px
}

.select-vehicle-bottom-line.-no-margin {
  margin: 0
}

.select-vehicle-spacer.-fixed .select-vehicle-bottom-line {
  display: none
}

.my-garage-line {
  background: url(https://cdn.carid.com/css/prod-images/1acbdc20aecf3b461de10548d9956927.svg) 16px 50% no-repeat;
  border-left: 1px solid #d0d0d0;
  display: inline-block;
  height: 18px;
  margin-left: 10px;
  padding-left: 16px;
  vertical-align: bottom
}

.my-garage-line>.header-dd-hover-element {
  display: inline-block
}

.my-garage-line .mygarage-dd {
  left: 0;
  margin-top: 12px;
  right: 0;
  top: 74%;
  z-index: 23
}

.my-garage-line-title {
  cursor: pointer;
  display: inline-block;
  line-height: 1.2;
  padding-left: 28px;
  padding-right: 10px;
  vertical-align: top
}

.main-select-bar-overlay {
  background: #000;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: fixed;
  top: 0;
  width: 100%
}

.breadcrumbs-holder {
  margin: 16px 8px -12px;
  overflow: hidden;
  position: relative
}

.breadcrumbs-holder::after {
  box-shadow: 0 0 4px 4px #fff;
  content: '';
  height: 100%;
  position: absolute;
  right: -1px;
  top: 0;
  width: 1px;
  z-index: 1
}

.body-bg-type1 .breadcrumbs-holder::after {
  box-shadow: 0 0 4px 4px #f3f3f3
}

.body-bg-type1.-dark .breadcrumbs-holder::after {
  box-shadow: 0 0 4px 4px #e6e6e6
}

.breadcrumbs-holder.-static {
  margin-top: 0;
  padding-top: 20px
}

.breadcrumbs-holder.-my-acc {
  float: left;
  margin-bottom: 0;
  margin-top: 10px
}

.breadcrumbs,
.select-vehicle-dept-switchers {
  color: #111;
  font-size: 1.2em;
  font-weight: 300;
  list-style: none;
  position: relative;
  text-transform: capitalize;
  z-index: 1
}

.breadcrumbs>.item,
.select-vehicle-dept-switchers>.item {
  display: inline-block
}

.breadcrumbs>.item.-active,
.select-vehicle-dept-switchers>.item.-active {
  font-weight: 600
}

.breadcrumbs>.item::after,
.select-vehicle-dept-switchers>.item::after {
  display: inline-block;
  font-style: normal;
  text-align: center;
  width: 22px
}

.breadcrumbs>.item:last-child,
.select-vehicle-dept-switchers>.item:last-child {
  padding-right: 5px
}

.breadcrumbs>.item:last-child::after,
.select-vehicle-dept-switchers>.item:last-child::after {
  display: none
}

.breadcrumbs>.item>.link,
.select-vehicle-dept-switchers>.item>.link {
  color: #111
}

.breadcrumbs>.item::after {
  content: '\203a';
  font-size: 1.6em;
  line-height: 0.58;
  position: relative;
  top: 2px
}

.select-vehicle-dept-switchers {
  display: none
}

.select-vehicle-dept-switchers>.item::after {
  content: '\007c'
}

.ptype-grid-h {
  padding: 1px 0
}

.ptype-grid-h:last-child {
  margin-bottom: 0
}

.ptype-grid-h2 {
  color: #111;
  font-size: 2.2em;
  font-weight: 500;
  line-height: 1.17;
  margin-bottom: 16px;
  text-align: center
}

.ptype-grid-h2>.inner {
  color: inherit;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}

.ptype-grid-h2>.inner>.descr {
  display: none
}

.ptype-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 16px 0 32px;
  overflow: hidden
}

.ptype-grid.-no-margin {
  margin: 0
}

.ptype-grid.-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.ptype-grid.-tile>.li {
  background: #fff
}

.ptype-grid>.li {
  box-sizing: border-box;
  height: auto;
  margin: 2%;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 46%
}

.ptype-grid>.li::before {
  color: #b3b3b3;
  content: attr(data-qty);
  font-size: 1.1em;
  left: 0;
  position: absolute;
  right: 0;
  top: 8%;
  z-index: 2
}

.ptype-grid.-col-6>.li::before {
  display: none
}

.ptype-grid.-col-6>.li>.lazy-loading {
  display: block;
  padding-top: 52%;
  top: 22%;
  width: 80%
}

.ptype-grid.-col-5>.li>.lazy-loading {
  background: #f5f5f5;
  display: block;
  padding-top: 52%;
  top: 22%;
  width: 80%
}

.ptype-grid.-col-9>.li {
  margin: 8px 0.65%;
  width: 31.833333%
}

.ptype-grid.-col-9>.li::before {
  display: block
}

.ptype-grid.-col-9>.li>.lazy-loading {
  background: #ccc;
  display: block;
  padding-top: 46%;
  width: 70%
}

.ptype-grid-img {
  height: auto;
  left: 0;
  margin: auto;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 22%;
  width: 90%
}

.ptype-grid.-col-9 .ptype-grid-img {
  top: 0
}

.ptype-grid-a {
  background: url(https://cdn.carid.com/css/prod-images/44d36080eba36193fdfffafe4bb0b2e2.svg) 0 0 no-repeat;
  box-sizing: border-box;
  color: #111;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.4em;
  font-weight: 500;
  left: 0;
  line-height: 1.3;
  padding: 95% 8px 12px;
  position: relative;
  table-layout: fixed;
  text-decoration: none;
  width: 100%
}

.ptype-grid.-col-9 .ptype-grid-a {
  padding-bottom: 0
}

.ptype-grid-a:hover {
  text-decoration: none
}

.ptype-grid-a:hover>.ptype-grid-title,
.ptype-grid-a.-simple-title:hover {
  text-decoration: none
}

.ptype-grid-a::before {
  background: url(https://cdn.carid.com/css/prod-images/44d36080eba36193fdfffafe4bb0b2e2.svg) 0 0 no-repeat;
  content: '';
  display: block;
  height: 150%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}

.ptype-grid-a::after {
  color: #6e6e6e;
  content: attr(data-descr);
  font-size: 12px;
  font-weight: normal;
  line-height: 1.25;
  position: relative;
  text-transform: none
}

.ptype-grid-a.-simple-title::after {
  padding-top: 6px
}

.ptype-grid-a.-simple-title,
.ptype-grid-title {
  font-weight: 400
}

.app-section-content .ptype-grid-a.-simple-title,
.app-section-content .ptype-grid-title {
  font-weight: 300
}

.ptype-grid-title {
  display: block;
  padding-bottom: 6px
}

.ptype-grid-title.-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.ptype-grid6 {
  list-style: none;
  overflow: hidden
}

.ptype-grid6>li {
  float: left;
  vertical-align: top;
  width: 16.666666%
}

.ptype-grid6-item {
  border: 2px solid transparent;
  border-radius: 2px;
  box-sizing: border-box;
  height: 100%;
  margin: 0 1px;
  position: relative;
  text-align: center;
  -webkit-transition: border-color 0.1s ease-out;
  transition: border-color 0.1s ease-out
}

.ptype-grid6-item:hover,
.ptype-grid6-item.-active {
  border-color: #f4c046
}

.ptype-grid6-item>.title {
  color: #393939;
  display: block;
  font-size: 1.5em;
  line-height: 1.2;
  padding: 64% 7px 5%;
  position: relative
}

.ptype-grid6-item>.title.-linklike {
  cursor: pointer
}

.ptype-grid6-item>.title.-linklike:hover {
  text-decoration: underline
}

.ptype-grid6-item>.img {
  height: auto;
  left: 0;
  margin: auto;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 8px;
  width: 80%
}

.ptype-shifter-wrap {
  display: none
}

.ptype-lst-parent {
  margin-bottom: 32px;
  margin-top: 16px
}

.ptype-lst-nav-h {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 11
}

.ptype-lst-nav {
  height: 63px;
  letter-spacing: -0.31em;
  list-style: none;
  position: relative;
  width: 200%
}

.ptype-lst-nav>.item {
  box-sizing: border-box;
  display: inline-block;
  letter-spacing: normal;
  padding: 4px 0;
  position: relative;
  -webkit-transition: left 0.4s, background 0.2s ease;
  transition: left 0.4s, background 0.2s ease;
  vertical-align: top;
  width: 10%
}

.ptype-lst-nav>.item.-hide {
  display: none
}

.ptype-lst-nav>.item>.link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #111;
  display: block;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.538em;
  text-align: center
}

.ptype-lst-nav>.item>.link:hover {
  text-decoration: none
}

.ptype-lst-nav>.item>.link.active {
  font-weight: 400;
  text-decoration: none
}

.ptype-lst-nav>.item>.link.active::after {
  border-bottom: 2px solid #7d899c;
  bottom: -2px;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  width: 100%
}

.ptype-lst-icon {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 0, auto 27px;
  display: block;
  height: 40px;
  position: relative;
  width: 100%
}

.ptype-lst-nav.-fixed .ptype-lst-icon {
  background-position: 50% 50%
}

.shifter {
  position: relative;
  width: 100%
}

.module-loader {
  position: relative
}

.module-loader::after {
  -webkit-animation: preloader-rotate 0.7s infinite linear;
  animation: preloader-rotate 0.7s infinite linear;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUgMzBhMTUgMTUgMCAxMTE1LTE1IDE1IDE1IDAgMDEtMTUgMTV6bTAtMjcuNzNBMTIuNzMgMTIuNzMgMCAxMDI3LjczIDE1IDEyLjc1IDEyLjc1IDAgMDAxNSAyLjI3eiIgZmlsbD0iIzFhMWExYSIgb3BhY2l0eT0iLjciLz48cGF0aCBkPSJNMjcuNzEgMTUuNDhBMTIuNzQgMTIuNzQgMCAwMTE1IDI3LjczVjMwYTE1IDE1IDAgMDAxNS0xNC41MnoiIGZpbGw9IiNmZmYiIG9wYWNpdHk9Ii43Ii8+PC9zdmc+);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 30px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 30px
}

.module-loader.nopreload::after {
  content: none !important
}

.gbox_loader {
  display: none
}

.gal_po_holder {
  display: none
}

.aside_slct_opts {
  display: none
}

.big-video-block {
  display: none
}

.subcats1-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: 1.6em;
  min-height: 4em
}

.prod_grd,
.prod_lst {
  list-style: none
}

.prod_grd>li,
.prod_lst>li {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.prod_grd .lst_a,
.prod_lst .lst_a {
  color: #414141
}

.prod_grd .lst_ic_h::before,
.prod_lst .lst_ic_h::before {
  content: '';
  display: block;
  padding-top: 100%;
  width: 100%
}

.prod_grd .lst_ic_h>.lazy-loading,
.prod_lst .lst_ic_h>.lazy-loading {
  display: block;
  padding-bottom: 100%;
  width: 100%
}

.prod_grd .lst-descr-text,
.prod_grd .lst_id,
.prod_lst .lst-descr-text,
.prod_lst .lst_id {
  display: none
}

.prod_grd {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.prod_grd>li {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin: 0 1.8% 16px;
  width: 46.4%
}

.prod_grd .lst_ic_h {
  overflow: hidden;
  position: relative;
  width: 100%
}

.prod_grd .lst_ic {
  bottom: 0;
  height: auto;
  margin: auto;
  position: absolute;
  top: 0;
  width: 100%
}

.prod_grd .lst_featured_video,
.prod_grd .lst_features,
.prod_grd .lst-type-icons,
.prod_grd .prod_avail {
  background-image: none;
  display: none
}

.prod_lst {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}

.prod_lst>li {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  margin: 8px 8px 0;
  padding-bottom: 10px;
  position: relative
}

.prod_lst .lst_ic_h {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  position: relative;
  width: 50%
}

.prod_lst .lst_ic {
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.prod_lst .lst_main {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  margin-left: 5%;
  min-width: 0;
  position: relative;
  width: 100%
}

.subMenu-fix {
  opacity: 0;
  visibility: hidden;
  width: 100%;  
  max-width: 320px;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  background: #fff;
  overflow-y: auto;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  font-family: "Roboto","Arial","Helvetica",sans-serif !important;
}
.subMenu-fix.slideInRight {
  right: 0;
  opacity: 1;
  visibility: visible;
}
.subMenu-fix.slideInRight .panel-header{
  -webkit-animation: show-from-right 0.6s ease;
  animation: show-from-right 0.6s ease;
  -webkit-animation-delay: -0.06s;
  animation-delay: -0.06s
}
.subMenu-fix.slideInRight .MenuAccessories{
  -webkit-animation: show-from-right 0.6s ease;
  animation: show-from-right 0.6s ease
}

@-webkit-keyframes show-from-right {
  0%,
  50% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes show-from-right {
  0%,
  50% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
.subMenu-fix .panel-header {display: flex;align-items: center;}
.subMenu-fix .sub-back-button {background: url(https://cdn.carid.com/css/prod-images/2e666fc….svg) 0 50% no-repeat;background-size: auto 16px;color: #3761bf;cursor: pointer;font-size: 14px;line-height: 1.2;padding: 12px;font-family: "Roboto","Arial","Helvetica",sans-serif !important;}
.subMenu-fix .Sub-heading{margin-left: auto;color: #111;display: block;font-size: 18px;font-weight: bold;line-height: 1.2;text-transform: capitalize;font-family: "Roboto","Arial","Helvetica",sans-serif !important;}
.MenuAccessories{padding: 17px 0;}
.MenuAccessories > ul > li > a{padding: 0 38px 0 86px;box-sizing: border-box;color: #111;display: flex;align-items: center;font-size: 14px;font-weight: 400;height: 52px;line-height: 1.16;position: relative;}
.MenuAccessories ul li .prod-dd-img{display: block;height: auto;left: 20px;position: absolute;top: 7px;width: 46px;}
.MenuAccessories .header-account-text-wrap .simple-btn.-wide , .MenuAccessories .header-account-text-wrap .header-sign-up span , .MenuAccessories .header-account-text-wrap .header-sign-up a , .MenuAccessories .header-left-menu-spacing-wrap ul.marked-list-h li a.marked-list-h-link , .MenuAccessories .panel-content-spacing .header-left-menu-spacing-wrap .simple-btn.-wide , .MenuAccessories .panel-content-spacing .header-left-menu-spacing-wrap ul.marked-list-h span.marked-list-h-link{font-family: "Roboto","Arial","Helvetica",sans-serif !important;font-size: 14px;}
.MenuAccessories .header-account-top.js-my-acc-name-info{margin-top: 0;}
.MenuAccessories .header-account-text-wrap .simple-btn.-wide:hover{color: #fff;}
.subMenu-fix .Sub-heading .panel-header-subtitle{font-weight: 300;color: #757575;display: block;font-size: 12px;line-height: 1.2;}
.subMenu-fix .MenuAccessories .panel-content-spacing .header-left-menu-spacing-wrap{padding-top: 0;}


@media only screen and (max-width: 420.98px) {
  #js-media-query-state {
    -webkit-transform: scale(7);
    transform: scale(7)
  }
  #js-media-query-state::after {
    content: 'mobile-small'
  }
  .mobile-small-show {
    display: block !important
  }
  .mobile-small-hide {
    display: none !important
  }
  .head_img_minh::after {
    padding-bottom: 50%
  }
  .head_img_minh.-big::after {
    padding-bottom: 70%
  }
  .head_img_aligner.-align-left {
    left: 86%
  }
  .head_img_minh.-big>.head_img_aligner.-has-mobile-src {
    left: 80%
  }
  .head-nav.-with-mmy,
  .head-nav.-with-mmy .simple-slider-wrap {
    height: 374px
  }
  .select-vehicle>.nav.-garage>.link {
    background-position: 2px 48%;
    font-size: 1.4em;
    line-height: 1.3
  }
  .select-vehicle>.nav.-garage>.link.-i1-31 {
    background-position: 8px 48%
  }
  .select-vehicle>.nav.-garage>.link.-i1-31.-active {
    padding-left: 60px
  }
  .ptype-grid.-col-6>li {
    margin: 4px 1%;
    width: 31.333333%
  }
  .ptype-grid.-col-6 .ptype-grid-img {
    width: 80%
  }
  .ptype-grid.-col-5>li {
    margin: 4px 1%;
    width: 31.333%
  }
  .ptype-grid.-col-5>li::before {
    display: none
  }
  .ptype-grid.-col-5 .ptype-grid-img {
    width: 80%
  }
  .ptype-grid.-col-6 .ptype-grid-a {
    padding-top: 100%
  }
  .ptype-grid.-col-9 .ptype-grid-a {
    padding-top: 60%
  }
}

@media only screen and (min-width: 421px) and (max-width: 740.98px) {
  #js-media-query-state {
    -webkit-transform: scale(6);
    transform: scale(6)
  }
  #js-media-query-state::after {
    content: 'mobile-medium'
  }
  .mobile-medium-show {
    display: block !important
  }
  .mobile-medium-hide {
    display: none !important
  }
  .h1-fat {
    font-size: 3em;
    margin: 16px 8px
  }
  .nav-tool {
    margin-right: 10px
  }
  .header-search-btn {
    right: 64px
  }
  .head_img_minh::after {
    padding-bottom: 44%
  }
  .head_img_aligner.-align-left {
    left: 75%
  }
  .head_img_minh.-big>.head_img_aligner.-has-mobile-src {
    left: 50% !important
  }
  .head-nav.-with-mmy,
  .head-nav.-with-mmy .simple-slider-wrap {
    height: 386px
  }
  .head-nav.-with-mmy .head-nav-inner {
    padding-left: 40px;
    padding-right: 40px
  }
  .select-vehicle>.nav.-garage>.link {
    font-size: 1.4em;
    line-height: 1.3;
    padding-right: 12px
  }
  .my-garage-line .mygarage-dd {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 310px
  }
  .ptype-grid-h:last-child {
    margin-bottom: 10px
  }
  .ptype-grid>.li {
    margin: 6px 1%;
    width: 31.333%
  }
  .ptype-grid.-col-5 .ptype-grid-a,
  .ptype-grid.-col-6 .ptype-grid-a {
    padding-bottom: 16px;
    padding-top: 88%
  }
  .ptype-grid.-col-5 .ptype-grid-img,
  .ptype-grid.-col-6 .ptype-grid-img {
    top: 14%
  }
  .ptype-grid.-col-6>.li>.lazy-loading {
    padding-top: 58%;
    top: 14%;
    width: 90%
  }
  .ptype-grid.-col-5>.li>.lazy-loading {
    padding-top: 58%;
    top: 14%;
    width: 90%
  }
  .ptype-grid-a {
    padding-top: 97%
  }
  .ptype-grid.-col-9 .ptype-grid-a {
    padding-top: 56%
  }
  .ptype-lst-nav>.item {
    width: 7.14%
  }
}

@media only screen and (min-width: 741px) and (max-width: 1023.98px) {
  #js-media-query-state {
    -webkit-transform: scale(5);
    transform: scale(5)
  }
  #js-media-query-state::after {
    content: 'mobile-large'
  }
  .mobile-large-show {
    display: block !important
  }
  .mobile-large-hide {
    display: none !important
  }
  .h1-fat.-searchresult {
    margin-bottom: 18px
  }
  .head-stores {
    margin-left: 44px
  }
  .head-stores>li.hot::after {
    right: 0
  }
  .head-stores>li>.item {
    padding-right: 8px
  }
  .head-stores>li>.item.-active {
    padding-right: 25px
  }
  .header-top {
    height: 80px
  }
  .header-top .header-dd-h {
    top: 64px
  }
  .header-account {
    margin-top: 15px
  }
  .head_logo_a {
    background-position-y: 20px;
    background-size: 52px auto;
    bottom: 0;
    left: 60px;
    width: 80px;
    top:15px;
  }
  a.head_logo_a.-carid{top:15px;}
  .head_logo_a.-carid::after {
    height: 20px;
    left: 96px;
    top: 30px;
    width: 120px
  }
  .nav-tool-wrap {
    margin-top: 15px
  }
  .header-search-btn {
    margin: 0 10px 0 0;
    top: 20px;
    width:300px;
    float:right;
  }
  .header-search-btn.-short-logo {
    margin-left: 164px
  }
  .header-search-btn.-no-garage {
    margin-right: 160px
  }
  .head-dd>.it>.head-dd-main {
    padding-right: 16px
  }
  .head_img_minh::after {
    padding-bottom: 38.4%
  }
  .head_img_minh.-big::after {
    padding-bottom: 336px
  }
  .head_img_aligner.-align-left {
    left: 66%
  }
  .head-nav.-with-mmy,
  .head-nav.-with-mmy .simple-slider-wrap {
    height: 360px
  }
  .head-nav.-with-mmy .head-nav-inner {
    max-width: 920px
  }
  .select-vehicle>.nav>.link {
    background-position: right 20px top 50%
  }
  .select-vehicle>.nav>.link:first-child {
    min-width: 300px
  }
  .select-vehicle-items.-tires {
    display: block
  }
  .aside_slct.-not-refine::after {
    width: 44%
  }
  .my-garage-line .mygarage-dd-container {
    min-width: 416px
  }
  .ptype-grid-h {
    margin-top: 20px
  }
  .ptype-grid-h:last-child {
    margin-bottom: 40px
  }
  .ptype-grid>.li {
    margin: 8px 1%;
    width: 23%
  }
  .ptype-grid.-col-6>.li>.lazy-loading {
    padding-top: 58%;
    width: 90%
  }
  .ptype-grid.-col-5>.li>.lazy-loading {
    padding-top: 58%;
    width: 90%
  }
  .ptype-grid.-col-9>.li>.lazy-loading {
    padding-top: 39%;
    width: 60%
  }
  .ptype-grid.-col-9 .ptype-grid-img {
    width: 60%
  }
  .ptype-grid-a {
    font-size: 1.4em;
    padding-top: 105%
  }
  .ptype-grid.-col-9 .ptype-grid-a {
    padding-top: 48%
  }
  .ptype-grid-a::after {
    font-size: 11px;
    line-height: 1
  }
  .ptype-lst-nav-h {
    margin: 0 8px
  }
  .ptype-lst-nav>.item {
    width: 5.55%
  }
  .ptype-lst-nav:not(.-fixed) .ptype-lst-icon {
    background-size: 0, auto 36px;
    margin-bottom: 5px
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1280.98px) {
  #js-media-query-state {
    -webkit-transform: scale(4);
    transform: scale(4)
  }
  #js-media-query-state::after {
    content: 'desktop-small'
  }
  .desktop-small-hide {
    display: none !important
  }
  .head-stores {
    margin-left: 50px
  }
  .head-stores>li.hot::after {
    right: -8px
  }
  .head-stores>li>.item {
    padding-left: 54px;
    padding-right: 10px
  }
  .header-top {
    height: 88px
  }
  .header-top .header-dd-h {
    top: 84px
  }
  .head_img_minh {
    height: 346px
  }
  .head_img_aligner.-align-left {
    left: 62%
  }
  .select-vehicle>.nav>.link {
    width: 26%
  }
  .select-vehicle>.nav>.link:first-child {
    width: 36%
  }
  .ptype-grid.-col-5>.li>.lazy-loading {
    padding-top: 52%;
    width: 80%
  }
  .ptype-grid.-col-9 {
    width: 80%
  }
  .ptype-grid.-col-9>.li>.lazy-loading {
    padding-top: 42%
  }
  .ptype-grid-img {
    width: 80%
  }
  .ptype-grid-a {
    padding-top: 88%
  }
  .ptype-grid6-item>.title {
    font-size: 1.4em
  }
  .ptype-lst-nav:not(.-fixed) {
    margin: 0 auto;
    width: 80%
  }
}

@media only screen and (min-width: 1281px) and (max-width: 1600.98px) {
  #js-media-query-state {
    -webkit-transform: scale(3);
    transform: scale(3)
  }
  #js-media-query-state::after {
    content: 'desktop-medium'
  }
  .head-dd {
    margin-left: 50px
  }
  .head-dd>.it>.head-dd-main {
    padding-left: 20px;
    padding-right: 20px
  }
  .head_img_minh {
    height: 372px
  }
  .head_img_aligner.-align-left {
    left: 58%
  }
  .ptype-grid.-col-6>.li>.lazy-loading {
    padding-top: 46%;
    top: 60px;
    width: 170px
  }
  .ptype-grid.-col-5>.li>.lazy-loading {
    padding-top: 46%;
    top: 60px;
    width: 170px
  }
  .ptype-grid.-col-9 {
    width: 75%
  }
  .ptype-grid.-col-9>.li>.lazy-loading {
    padding-top: 35%
  }
  .ptype-lst-nav:not(.-fixed) {
    margin: 0 auto;
    width: 75%
  }
}

@media only screen and (min-width: 1601px) {
  #js-media-query-state {
    -webkit-transform: scale(2);
    transform: scale(2)
  }
  #js-media-query-state::after {
    content: 'desktop-large'
  }
  .product-list-with-filter-holder {
    margin-right: -300px;
    padding-right: 300px
  }
  .head-dd>.it>.head-dd-main>.link>span,
  .head-dd>.it>.head-dd-main .extra {
    display: inline
  }
  .head_img_minh {
    height: 384px
  }
  .head_img_minh.-big {
    height: 550px
  }
  .head-img-holder {
    height: 460px;
    overflow: hidden
  }
  .head-img-holder .head_img_minh {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }
  .ptype-grid.-col-6>.li {
    width: 15.16%
  }
  .ptype-grid.-col-6>.li>.lazy-loading {
    padding-top: 56%;
    top: 60px;
    width: 170px
  }
  .ptype-grid.-col-5>.li>.lazy-loading {
    padding-top: 46%;
    top: 60px;
    width: 170px
  }
  .ptype-grid.-col-9>.li>.lazy-loading {
    padding-top: 50%
  }
  .ptype-lst-nav.-fixed .ptype-lst-icon {
    background-size: 0, auto 46px;
    height: 56px;
    margin-bottom: 8px
  }
}

@media only screen and (max-width: 740px){
  .header-search-btn {
    left: 165px;
  }
  a.head_logo_a.-carid {
  	top:7px;
  }
  a.head_logo_a.-carid img {
    width: 87px;
    margin-top: 0;
  }
}

@media only screen and (max-width: 420.98px),
  only screen and (min-width: 421px) and (max-width: 740.98px),
  only screen and (min-width: 741px) and (max-width: 1023.98px) {
    .main_wide p img {
      height: auto;
      max-width: 100%
    }
    .wrap .wrap {
      padding: 0
    }
    .desktop-show {
      display: none !important
    }
    .desktop-hide {
      display: block !important
    }
    .mobile-show {
      display: block !important
    }
    .mobile-hide {
      display: none !important
    }
    .head_img_minh::after {
      content: '';
      display: block;
      width: 100%
    }
    .select-vehicle>.nav.enabled {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      width: 100%
    }
    .select-vehicle>.nav.enabled>.link {
      background-image: none;
      float: none
    }
    .select-vehicle>.nav:not(.enabled)>.link {
      display: none
    }
    .select-vehicle>.nav:not(.enabled)>.link:first-child {
      display: block;
      width: 100%
    }
    .select-vehicle>.content>.tab.-light {
      border-radius: 0 0 4px 4px
    }
    .select-vehicle>.nav:not(.enabled)+.content .select-vehicle-content-spacer {
      padding-top: 0
    }
    .aside_slct.-not-refine.-with-marker .aside_slct_value {
      margin-left: 38px
    }
    .nav.enabled>.link:not(.-active) .my-garage-line {
      z-index: 0
    }
    .breadcrumbs-holder .breadcrumbs-ov {
      overflow-x: auto;
      padding-bottom: 12px
    }
    .breadcrumbs {
      white-space: nowrap
    }
    .ptype-lst-parent {
      width: 100%
    }
    .ptype-lst-nav>.item:first-child {
      margin-left: 0
    }
  }

@media only screen and (min-width: 421px) and (max-width: 740.98px),
  only screen and (min-width: 741px) and (max-width: 1023.98px) {
    .landing_pages_descr>a,
    .landing_pages_descr .text-height-overflow>a {
      margin: 0 !important;
      max-width: 48%
    }
    .landing_pages_descr>a>img,
    .landing_pages_descr .text-height-overflow>a>img {
      height: auto !important;
      margin: 32px 1% !important;
      max-width: 98%;
      width: auto !important
    }
    .head_img_minh.-big>.head_img_aligner.-align-left {
      left: 54%
    }
  }

@media only screen and (min-width: 741px) and (max-width: 1023.98px),
  only screen and (min-width: 1024px) and (max-width: 1280.98px),
  only screen and (min-width: 1281px) and (max-width: 1600.98px),
  only screen and (min-width: 1601px) {
    .landing_pages_descr h2 {
      font-size: 2.1em
    }
    .landing_pages_descr ul {
      margin-left: 3em
    }
    .main-content {
      margin-top: 0
    }
    .main-content.-overlay::after {
      background: rgba(0, 0, 0, 0.75);
      content: '';
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 25
    }
    .h1-fat {
      font-size: 3.6em;
      margin: 24px 8px 40px
    }
    .h1-fat.-searchresult {
      margin-top: 0
    }
    .head-stores-h {
      height: 32px
    }
    .head-stores::after {
      display: none
    }
    .head-stores>li {
      font-size: 1.2em;
      position: relative
    }
    .head-stores>li.hot::after {
      background: url(https://cdn.carid.com/css/prod-images/0f57572061cdaff39e8118f296b86266.svg) no-repeat left top;
      background-size: 100% auto;
      content: '';
      height: 10px;
      position: absolute;
      top: 2px;
      width: 22px
    }
    .head-stores>li>.item {
      height: 32px;
      padding-top: 9px
    }
    .head-stores>li>.item:not(.-active) {
      color: #fff;
      display: block;
      opacity: 0.6;
      -webkit-transition: opacity 0.25s;
      transition: opacity 0.25s
    }
    .header-top {
      background-color: #fff
    }
    .header-top .header-dd-h {
      display: block
    }
    .left-menu-icon {
      background-size: 29px 24px;
      height: 80px;
      width: 60px
    }
    .head_logo_a.-carid::after {
      background: url("https://cdn.carid.com/css/prod-images/1582d00d.svg") no-repeat 0 0;
      background-size: 100% auto;
      content: '';
      display: none;
      position: absolute
    }
    .header-dd-h {
      font-size: 10px;
      opacity: 0;
      position: absolute;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
      -webkit-transition: opacity 0.3s ease 0.2s, visibility 0s ease 0.3s, -webkit-transform 0.3s ease 0.2s;
      transition: opacity 0.3s ease 0.2s, visibility 0s ease 0.3s, -webkit-transform 0.3s ease 0.2s;
      transition: opacity 0.3s ease 0.2s, transform 0.3s ease 0.2s, visibility 0s ease 0.3s;
      transition: opacity 0.3s ease 0.2s, transform 0.3s ease 0.2s, visibility 0s ease 0.3s, -webkit-transform 0.3s ease 0.2s;
      visibility: hidden
    }
    .no-transform .header-dd-h {
      display: none
    }
    .header-dd-hover-element:hover .header-dd-h {
      display: block
    }
    .help-center-nav-btn {
      color: #d4252a;
      cursor: pointer;
      line-height: 1;
      padding: 0;
      position: relative
    }
    .help-center-nav-btn>span {
      font-size: 14px;
      font-weight: 500
    }
    .nav-tool-wrap {
      margin-right: 0
    }
    .nav-tool.-account {
      display: block;
      padding-left: 30px
    }
    .nav-tool.-wishlist,
    .nav-tool.-garage {
      display: block
    }
    .header-search-btn {
      /*border-color: #6e6e6e;*/
      cursor: pointer;
      left: auto;
      line-height: 40px;
      /*padding: 0 75px 0 20px;*/
      position: relative;
      right: auto
    }
    /*.header-search-btn::before {
    display: block;
    left: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    top: auto;
    white-space: nowrap
  }*/
    .search-btn-header {
      background-size: 100% auto;
      height: 23px;
      right: 12px;
      top: 8px;
      width: 25px
    }
    .head-dd-h {
      border-bottom: 3px solid #3c4044;
      display: block;
      height: 41px;
      width: 100%
    }
    .head-nav {
      height: 550px
    }
    .head-nav-inner {
      margin-top: 0
    }
    .simple-slider-wrap {
      display: block;
      height: 550px;
      left: 50%;
      margin-left: -960px;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 1920px
    }
    .head-main-logo.-with-main-select-bar {
      bottom: 104px
    }
    .head-nav-inner>.select-vehicle-spacer {
      margin-bottom: 26px
    }
    .head-shop-by-links-item,
    .head-shop-by-links-item>.link {
      text-align: left
    }
    .head-shop-by-links-item>.count {
      display: inline
    }
    .select-vehicle-spacer {
      margin-top: -74px
    }
    .select-vehicle>.nav.-garage>.link {
      padding-right: 24px
    }
    .select-vehicle>.nav.-garage>.link>.link-title {
      display: block
    }
    .select-vehicle>.content>.tab {
      display: block
    }
    .select-vehicle-spacer:not(.-fixed) .content.-gallery .select-vehicle-content-spacer {
      padding: 24px
    }
    .aside_slct_wrap {
      height: 56px;
      margin-bottom: 0
    }
    .select-vehicle-spacer.-index:not(.-fixed) .aside_slct_wrap {
      height: 63px
    }
    .select-vehicle-spacer.-fixed .aside_slct_wrap {
      height: 48px
    }
    .select-vehicle-content-spacer.-two-columns .aside_slct_wrap {
      margin-bottom: 16px
    }
    .select-vehicle-content-spacer.-two-columns .-tires .aside_slct_wrap {
      margin-bottom: 0
    }
    .select-vehicle-items-inner {
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%
    }
    .select-vehicle-items {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex
    }
    .select-vehicle-items.-half {
      width: 50%
    }
    .aside_slct.-not-refine {
      margin-bottom: 0;
      padding-bottom: 12px;
      padding-top: 28px
    }
    .aside_slct.-not-refine::before {
      top: 26px
    }
    .aside_slct.-not-refine::after {
      top: 21px
    }
    .aside_slct.-not-refine.-active::after,
    .aside_slct.-not-refine.-selected::after {
      top: 12px
    }
    .aside_slct.-not-refine.-tire-popup::after {
      top: 24px
    }
    .aside_slct.-not-refine.-active.-tire-popup::after,
    .aside_slct.-not-refine.-selected.-tire-popup::after {
      top: 15px
    }
    .select-vehicle-col+.select-vehicle-col>.aside_slct_wrap>.aside_slct.-not-refine {
      margin: 0 0 0 8px;
      width: calc(100% - 8px)
    }
    .select-vehicle-spacer.-index:not(.-fixed) .aside_slct.-not-refine {
      padding-bottom: 15px;
      padding-top: 32px
    }
    .select-vehicle-spacer.-index:not(.-fixed) .aside_slct.-not-refine::before {
      right: 16px;
      top: 30px
    }
    .select-vehicle-spacer.-index:not(.-fixed) .aside_slct.-not-refine::after {
      top: 24px
    }
    .select-vehicle-spacer.-index:not(.-fixed) .aside_slct.-not-refine.-active::after,
    .select-vehicle-spacer.-index:not(.-fixed) .aside_slct.-not-refine.-selected::after {
      top: 16px
    }
    .aside_slct.-not-refine.-bordered::before {
      top: 26px
    }
    .select-vehicle-spacer.-index .aside_slct.-not-refine .aside_slct_value {
      font-size: 1.5em
    }
    .aside_slct.-not-refine .aside-slct-marker {
      top: 16px
    }
    .select-vehicle-spacer.-index:not(.-fixed) .aside_slct.-not-refine .aside-slct-marker {
      font-size: 1.5em;
      height: 26px;
      line-height: 1.75;
      top: 20px
    }
    .select-vehicle-spacer.-index:not(.-fixed) .select-vehicle-button {
      padding-bottom: 23px;
      padding-top: 23px
    }
    .select-vehicle-button.-after-selects {
      margin-left: 8px;
      width: 10%
    }
    .select-vehicle-button.-tire-size-pp {
      margin-top: 0
    }
    .tires-sizes-selection .select-vehicle-items.-front-size.-rear-active .select-vehicle-button {
      display: block;
      visibility: hidden
    }
    .my-garage-line .mygarage-dd-container.-both-empty {
      min-width: 302px
    }
    .breadcrumbs-container {
      margin-bottom: 24px;
      margin-top: 24px;
      overflow: hidden
    }
    .breadcrumbs-holder {
      margin: 24px 8px
    }
    .breadcrumbs-container .breadcrumbs-holder {
      margin-bottom: 0;
      margin-top: 0
    }
    .breadcrumbs-holder.-product {
      margin: 15px 8px
    }
    .select-vehicle-dept-switchers {
      display: block;
      float: right;
      margin: 0 8px 0 20px;
      z-index: 2
    }
    .ptype-grid-bg {
      background-position: 40% 0;
      background-repeat: no-repeat;
      margin-top: 18px;
      padding-top: 24px
    }
    .ptype-grid-h2 {
      font-size: 2.8em;
      margin-bottom: 32px
    }
    .ptype-grid-h2>.inner>.name {
      margin-bottom: 14px
    }
    .ptype-grid-h2>.inner>.descr {
      color: #969fa6;
      display: block;
      font-size: 0.428em;
      font-weight: 500;
      line-height: 1.16;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      order: 2
    }
    .ptype-grid>.li::before {
      top: 20px
    }
    .ptype-grid.-col-6>.li::before {
      display: block
    }
    .ptype-grid.-col-9>.li {
      width: 126px
    }
    .ptype-lst-parent {
      margin-top: 0
    }
  }

@media only screen and (orientation: landscape),
  only screen and (orientation: portrait) {
    body {
      -webkit-text-size-adjust: 100%
    }
  }

@media only screen and (min-width: 1024px) and (max-width: 1280.98px),
  only screen and (min-width: 1281px) and (max-width: 1600.98px),
  only screen and (min-width: 1601px) {
    #scrollfix {
      min-width: 1000px
    }
    .wrap {
      max-width: 1296px;
      min-width: 1000px;
      width: 100%
    }
    .wrap .wrap {
      margin: 0 auto
    }
    .product-list-with-filter-holder {
      float: right
    }
    .h1-fat.-searchresult {
      margin-bottom: 34px
    }
    .head-stores>li {
      display: block;
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
      flex-grow: 0;
      -webkit-flex-shrink: 1;
      flex-shrink: 1
    }
    .head-stores>li>.item:not(.-active) {
      text-indent: 0
    }
    .head_header {
      min-width: 1000px
    }
    .header-account {
      margin-right: 13px;
      margin-top: 38px
    }
    .header-account::before {
      background: #6e6e6e;
      content: '';
      display: block;
      float: right;
      height: 15px;
      margin-top: 8px;
      width: 1px
    }
    .left-menu-icon {
      top: 14px
    }
    /*.head_logo_a {
      background-position-y: 28px;
      background-size: 62px auto;
      bottom: -46px;
      left: 64px;
      width: 90px
    }*/
    .head_logo_a::before {
      bottom: 14%;
      color: #fff;
      content: attr(data-text);
      display: inline-block;
      font-size: 0.9em;
      left: 0;
      position: absolute;
      right: 0;
      text-align: center;
      text-indent: 0;
      z-index: 2;
      display:none;
    }
    .head_logo_a.-carid::after {
      height: 24px;
      left: 106px;
      top: 42px;
      width: 149px
    }
    .nav-tool-wrap {
      margin-top: 38px
    }
    .nav-tool {
      height: 34px;
      margin: 0 10px;
      min-width: 30px
    }
    .nav-tool .-txt {
      display: inline-block;
      padding-right: 14px;
      position: relative;
      text-align: left;
      text-indent: 0
    }
    .nav-tool>.icon {
      left: 10px;
      top: 1px
    }
    .header-garage-subtitle {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #757575;
      display: block;
      font-weight: 400;
      text-transform: none
    }
    .nav-tool.-account {
      width: 124px
    }
    .nav-tool.-garage {
      padding-left: 32px;
      width: 140px
    }
    .header-search-btn {
      margin: 0 10px 0 0;
      top: 32px;
      width: 300px;
      float: right;
    }
    /*.header-search-btn::before {
    content: "Search by Make Model Year, Product Type, Part Number, or Brand..."
  }*/
    .header-search-btn.-short-logo {
      margin-left: 180px
    }
    .header-search-btn.-no-garage {
      margin-right: 252px
    }
    .header-search-btn.-no-garage::before {
      content: "Search by Product Type, Part Number, or Brand..."
    }
    .count-item.-type-1 {
      right: -6px;
      top: -3px
    }
    .head_img_minh {
      min-width: 1000px
    }
    .head-img-overlay {
      width: auto
    }
    .head-nav-inner {
      max-width: 1296px;
      min-width: 1000px;
      width: 94%
    }
    .head-nav.-with-mmy .head-nav-inner {
      max-width: 1296px
    }
    .select-vehicle>.nav>.link {
      background-position: 95% 48%;
      background-repeat: no-repeat;
      border-left: none;
      margin-left: 5px
    }
    .select-vehicle>.nav>.link.-icon-select-vehicle {
      background-image: url(https://cdn.carid.com/css/prod-images/b34eea73c6958576f9a4b8da3cea0b6e.svg)
    }
    .select-vehicle>.nav>.link.-icon-size {
      background-image: url(https://cdn.carid.com/css/prod-images/1257a5a927e6380a7fb38fab0dbfade9.svg)
    }
    .select-vehicle>.nav>.link.-icon-star {
      background-image: url(https://cdn.carid.com/css/prod-images/d60de9e730ee8676ef7186f7f64e9196.svg)
    }
    .select-vehicle-spacer.-in-popup .select-vehicle>.nav>.link.-light {
      background-image: none
    }
    .select-vehicle>.nav>.link.-light.-icon-size {
      background-image: url(https://cdn.carid.com/css/prod-images/b2c2de7f1fabce9108c0e28b0506935e.svg)
    }
    .select-vehicle>.nav>.link.-light.-icon-star {
      background-image: url(https://cdn.carid.com/css/prod-images/0397f11897d58012a0a04b0674e115a2.svg)
    }
    .select-vehicle>.nav>.link.-light.-icon-specifications {
      background-image: url(https://cdn.carid.com/css/prod-images/3a3cce232abff16bbaf37c24993a4ebe.svg)
    }
    .select-vehicle>.nav.-garage {
      display: block
    }
    .select-vehicle>.content {
      border-radius: 0 4px 4px
    }
    .select-vehicle-col-container-flex {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex
    }
    .modal-wrap .footer .select-vehicle-col-container-flex {
      display: block
    }
    .select-vehicle-items.-front-size.-rear-active.-in-popup,
    .select-vehicle-items.-rear-size.-rear-active.-in-popup {
      margin-top: 12px
    }
    .select-vehicle-items.-front-size.-in-popup {
      margin-top: 12px
    }
    .select-vehicle-items .aside_slct.-not-refine::after {
      width: 65%
    }
    .aside_slct.-not-refine.-with-marker::after {
      left: 55px
    }
    .aside_slct.-not-refine .aside-slct-marker {
      padding: 0 17px
    }
    .my-garage-line .mygarage-dd-container {
      min-width: 480px
    }
    .ptype-grid-h {
      margin-top: 0
    }
    .ptype-grid-h:last-child {
      margin-bottom: 56px
    }
    .ptype-grid>.li {
      margin: 8px 0.65%;
      width: 23.5%
    }
    .ptype-grid.-col-5>.li {
      width: 18.7%
    }
    .ptype-grid.-col-9 {
      margin: 44px auto
    }
    .ptype-grid.-col-9>.li>.lazy-loading {
      width: 100px
    }
    .ptype-grid.-col-9 .ptype-grid-img {
      width: 100px
    }
    .ptype-grid-a {
      font-size: 1.6em;
      left: auto
    }
    .ptype-grid.-col-9 .ptype-grid-a {
      padding-top: 86px
    }
    .ptype-grid-a:hover>.ptype-grid-title,
    .ptype-grid-a.-simple-title:hover {
      text-decoration: underline
    }
    .ptype-shifter-wrap {
      border-bottom: 1px solid #eee;
      display: block;
      margin: 0 1% 36px
    }
    .ptype-lst-nav-h {
      background-color: transparent
    }
    .ptype-lst-nav {
      height: auto;
      width: auto
    }
    .ptype-lst-nav:not(.-fixed) {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center
    }
    .ptype-lst-nav.-additional-row:not(.-fixed) {
      margin: 0 auto;
      width: 84%
    }
    .ptype-lst-nav>.item {
      margin: 8px 6px;
      width: 130px
    }
    .ptype-lst-nav>.item>.link {
      font-size: 1.6em;
      line-height: 1
    }
    .ptype-lst-nav.-additional-row:not(.-fixed)>.item {
      width: 13%
    }
    .ptype-lst-icon {
      background-position: 50% 0;
      background-size: 100px auto, 0;
      height: 88px
    }
  }

@media only screen and (min-width: 1024px) and (max-width: 1280.98px),
  only screen and (min-width: 1281px) and (max-width: 1600.98px) {
    .product-list-with-filter-holder {
      margin-right: -250px;
      padding-right: 250px
    }
    .head_img_minh.-big>.head_img_aligner.-align-left {
      left: 50%
    }
    .head_img_minh.-big>.head_img_aligner img {
      height: 110.5%;
      margin-top: -16px
    }
    .ptype-grid.-col-6>.li {
      width: 18.7%
    }
    .ptype-lst-nav.-fixed .ptype-lst-icon {
      background-size: 0, auto 32px;
      height: 40px;
      margin-bottom: 0
    }
  }

@media only screen and (max-width: 420.98px),
  only screen and (min-width: 421px) and (max-width: 740.98px) {
    .h1-fat.-mobile-inline {
      display: inline;
      margin-left: 0
    }
    .head-stores>li>.item:not(.-active) {
      background: none
    }
    .head_header {
      border-bottom: 1px solid #ccc;
      left: 0;
      position: relative;
      right: 0;
      top: 0;
      z-index: 3
    }
    .head-dd-cont-holder {
      display: none !important
    }
    .head-shop-by-links.-special-position {
      bottom: 24px
    }
    .select-vehicle>.nav:not(.enabled)>.link {
      cursor: auto
    }
    .select-vehicle>.content>.tab.-with-garage-tab {
      padding-top: 24px
    }
    .-two-columns .select-vehicle-col,
    .-two-columns .select-vehicle-col-container {
      -webkit-flex-basis: auto;
      flex-basis: auto
    }
    .select-vehicle-button,
    .select-vehicle-button.-after-selects {
      padding: 14px
    }
    .nav.enabled .my-garage-line {
      background-position: 0 50%;
      border-left: none;
      left: 20px;
      margin-left: 0;
      min-width: 118px;
      padding-left: 0;
      position: absolute;
      top: 60px;
      z-index: 24
    }
    .ptype-grid-bg {
      background: none !important
    }
    .ptype-grid.-col-5 .ptype-grid-a.-descr-outer::after,
    .ptype-grid.-col-6 .ptype-grid-a.-descr-outer::after {
      display: none
    }
    .ptype-grid.-col-5>li::before {
      display: none
    }
    .ptype-grid.-col-9 .ptype-grid-img {
      width: 70%
    }
  }

@media only screen and (min-width: 1281px) and (max-width: 1600.98px),
  only screen and (min-width: 1601px) {
    .head-stores {
      margin-left: 46px
    }
    .head-stores>li.hot::after {
      right: 6px
    }
    .header-top {
      height: 88px
    }
    .header-top .header-dd-h {
      top: 88px
    }
    .select-vehicle>.nav>.link {
      width: 28.5%
    }
    .select-vehicle>.nav>.link:first-child {
      width: 30.5%
    }
    .ptype-grid-img {
      top: 60px;
      width: 170px
    }
    .ptype-grid-a {
      padding-top: 200px
    }
  }

@media only screen and (max-width: 420.98px),
  only screen and (min-width: 421px) and (max-width: 740.98px),
  only screen and (min-width: 741px) and (max-width: 1023.98px),
  only screen and (min-width: 1024px) and (max-width: 1280.98px) {
    .head-stores>li>.item>.item-text-additional {
      display: none
    }
  }

@media only screen and (min-width: 421px) and (max-width: 740.98px),
  only screen and (min-width: 741px) and (max-width: 1023.98px),
  only screen and (min-width: 1024px) and (max-width: 1280.98px),
  only screen and (min-width: 1281px) and (max-width: 1600.98px),
  only screen and (min-width: 1601px) {
    .header-account {
      display: block;
      float: right
    }
    .select-vehicle>.nav.-garage>.link {
      background-position: 12px 48%;
      padding-left: 64px
    }
    .select-vehicle>.nav.-garage>.link.-i1-31 {
      background-position: 22px 48%;
      padding-left: 74px
    }
    .select-vehicle>.nav.-garage>.link.-i1-31.-active {
      padding-left: 74px
    }
    .select-vehicle>.nav.-garage>.link.-active {
      padding-left: 64px
    }
    .my-garage-line .mygarage-dd {
      right: auto
    }
    .ptype-grid {
      margin-top: 32px
    }
    .ptype-grid-a {
      padding-bottom: 24px
    }
  }

@media only screen and (min-width: 1024px) and (max-width: 1280.98px),
  only screen and (min-width: 1601px) {
    .head-dd {
      margin-left: 6px;
    }
  }

@media only screen and (min-width: 741px) and (max-width: 1023.98px),
  only screen and (min-width: 1024px) and (max-width: 1280.98px) {
    .my-garage-line .mygarage-dd {
      margin-top: 8px
    }
  }

@media only screen and (min-width: 741px) and (max-width: 1023.98px),
  only screen and (min-width: 1024px) and (max-width: 1280.98px),
  only screen and (min-width: 1281px) and (max-width: 1600.98px) {
    .ptype-grid.-col-9>.li {
      margin-left: 10px;
      margin-right: 10px
    }
  }


/*! nouislider - 14.1.1 - 12/15/2019 */

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.noUi-target {
  position: relative
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1
}

.noUi-connects {
  overflow: hidden;
  z-index: 0
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
  transform-style: flat
}

.noUi-connect {
  height: 100%;
  width: 100%
}

.noUi-origin {
  height: 10%;
  width: 10%
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto
}

.noUi-vertical .noUi-origin {
  width: 0
}

.noUi-horizontal .noUi-origin {
  height: 0
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute
}

.noUi-touch-area {
  height: 100%;
  width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s
}

.noUi-state-drag * {
  cursor: inherit !important
}

.noUi-horizontal {
  height: 18px
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px
}

.noUi-vertical {
  width: 18px
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto
}

.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}

.noUi-connects {
  border-radius: 3px
}

.noUi-connect {
  background: #3FB8AF
}

.noUi-draggable {
  cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}

.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px
}

.noUi-handle:after {
  left: 17px
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px
}

.noUi-vertical .noUi-handle:after {
  top: 17px
}

[disabled] .noUi-connect {
  background: #B8B8B8
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.noUi-pips {
  position: absolute;
  color: #999
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px
}

.noUi-marker {
  position: absolute;
  background: #CCC
}

.noUi-marker-sub {
  background: #AAA
}

.noUi-marker-large {
  background: #AAA
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%
}

.aside-filter-slider {
  padding: 28px 4px 4px
}

.noUi-target {
  background-color: #ffd67f;
  border: none;
  box-shadow: none
}

.noUi-horizontal {
  height: 4px
}

.noUi-connect {
  background-color: #ffac00
}

.noUi-handle {
  background-color: #ffac00;
  border: none;
  border-radius: 16px;
  box-shadow: none;
  cursor: pointer
}

.noUi-handle::before,
.noUi-handle::after {
  display: none
}

.noUi-horizontal .noUi-handle {
  height: 16px;
  width: 16px
}

html:not([dir='rtl']) .noUi-horizontal .noUi-handle {
  right: -8px
}

.noUi-touch-area::after {
  content: '';
  display: block;
  height: 32px;
  left: -8px;
  position: absolute;
  top: -8px;
  width: 32px
}


/*! nouislider - 14.1.1 - 12/15/2019 */

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.noUi-target {
  position: relative
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1
}

.noUi-connects {
  overflow: hidden;
  z-index: 0
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
  transform-style: flat
}

.noUi-connect {
  height: 100%;
  width: 100%
}

.noUi-origin {
  height: 10%;
  width: 10%
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto
}

.noUi-vertical .noUi-origin {
  width: 0
}

.noUi-horizontal .noUi-origin {
  height: 0
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute
}

.noUi-touch-area {
  height: 100%;
  width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s
}

.noUi-state-drag * {
  cursor: inherit !important
}

.noUi-horizontal {
  height: 18px
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px
}

.noUi-vertical {
  width: 18px
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto
}

.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB
}

.noUi-connects {
  border-radius: 3px
}

.noUi-connect {
  background: #3FB8AF
}

.noUi-draggable {
  cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}

.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px
}

.noUi-handle:after {
  left: 17px
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px
}

.noUi-vertical .noUi-handle:after {
  top: 17px
}

[disabled] .noUi-connect {
  background: #B8B8B8
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.noUi-pips {
  position: absolute;
  color: #999
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px
}

.noUi-marker {
  position: absolute;
  background: #CCC
}

.noUi-marker-sub {
  background: #AAA
}

.noUi-marker-large {
  background: #AAA
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%
}

.aside-filter-slider {
  padding: 28px 4px 4px
}

.noUi-target {
  background-color: #ffd67f;
  border: none;
  box-shadow: none
}

.noUi-horizontal {
  height: 4px
}

.noUi-connect {
  background-color: #ffac00
}

.noUi-handle {
  background-color: #ffac00;
  border: none;
  border-radius: 16px;
  box-shadow: none;
  cursor: pointer
}

.noUi-handle::before,
.noUi-handle::after {
  display: none
}

.noUi-horizontal .noUi-handle {
  height: 16px;
  width: 16px
}

html:not([dir='rtl']) .noUi-horizontal .noUi-handle {
  right: -8px
}

.noUi-touch-area::after {
  content: '';
  display: block;
  height: 32px;
  left: -8px;
  position: absolute;
  top: -8px;
  width: 32px
}

@-webkit-keyframes preloader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0);
    transform: translate(-50%, -50%) rotateZ(0)
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
    transform: translate(-50%, -50%) rotateZ(360deg)
  }
}

@keyframes preloader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0);
    transform: translate(-50%, -50%) rotateZ(0)
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
    transform: translate(-50%, -50%) rotateZ(360deg)
  }
}

.head-search-holder {
  display: none;
  overflow: hidden;
  position: relative;
  z-index: 101
}

.search-show:not(.gbox_opened) .head-search-holder {
  display: block
}

.head-search-holder .wrap {
  min-width: 0
}

.head-search-holder .search-form {
  margin-right: 0
}

.head-search-close {
  background: url(https://cdn.carid.com/css/prod-images/c75f2e74ea01174eafee1d1cdf6155df.svg) 50% 50% no-repeat;
  background-size: 20px 20px;
  cursor: pointer;
  display: none;
  height: 50px;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: -50px;
  width: 47px
}

.no-touch .head-search-close:hover {
  opacity: 1
}

.head-search-holder .head-search-close {
  display: block
}

.head-sform>form>.search-field {
  margin-bottom: 5px;
  margin-top: 50px;
  overflow: hidden;
  position: relative;
  z-index: 1
}

.head-search-holder .head-sform>form>.search-field {
  margin: 50px 0 0
}

.head-sform>form>.search-field>.field_with_placeholder {
  background: #fff;
  border: 0;
  border-radius: 4px 4px 0 0;
  height: 44px;
  margin-bottom: 0;
  width: auto;
  z-index: 2
}

.head-sform>form>.search-field>.field_with_placeholder.search-preloader {
  z-index: 3
}

.head-sform>form>.search-field>.field_with_placeholder.search-preloader::after {
  -webkit-animation: preloader-rotate 0.7s infinite linear;
  animation: preloader-rotate 0.7s infinite linear;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUgMzBhMTUgMTUgMCAxMTE1LTE1IDE1IDE1IDAgMDEtMTUgMTV6bTAtMjcuNzNBMTIuNzMgMTIuNzMgMCAxMDI3LjczIDE1IDEyLjc1IDEyLjc1IDAgMDAxNSAyLjI3eiIgZmlsbD0iIzFhMWExYSIgb3BhY2l0eT0iLjciLz48cGF0aCBkPSJNMjcuNzEgMTUuNDhBMTIuNzQgMTIuNzQgMCAwMTE1IDI3LjczVjMwYTE1IDE1IDAgMDAxNS0xNC41MnoiIGZpbGw9IiNmZmYiIG9wYWNpdHk9Ii43Ii8+PC9zdmc+);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 20px;
  left: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 20px
}

.head-sform>form>.search-field>.field_with_placeholder.search-preloader.nopreload::after {
  content: none !important
}

.head-sform>form>.search-field>.field_with_placeholder.search-preloader::after {
  background-color: #fff;
  right: 0
}

.head-sform>form>.search-field>.field_with_placeholder>label {
  color: #666;
  font-size: 1.5em;
  line-height: 1.4;
  max-width: 80%;
  padding: 12px;
  text-indent: 0
}

.head-sform>form>.search-field>.field_with_placeholder>label::before {
  content: "Search..."
}

.head-sform>form>.search-field>.field_with_placeholder>input {
  background: transparent;
  border: 0;
  border-radius: 0;
  font-family: "Work Sans",sans-serif;
  line-height: 1.4;
  outline: none;
  padding: 12px 44px 12px 12px;
  position: relative;
  z-index: 3
}

.head-sform>form>.search-field>.field_with_placeholder>input::-ms-clear {
  display: none
}

.head-sform>form>.search-field>input[type='submit'] {
  -webkit-appearance: none;
  background: url(https://cdn.carid.com/css/prod-images/aa0c55ee6c16e1f0ebcbe8ef1dce2dcd.svg) 50% 50% no-repeat;
  background-size: 26px auto;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  font-size: 0;
  height: 44px;
  margin: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  z-index: 2
}

.recent-searches-holder {
  background: #fff;
  border-radius: 0 0 4px 4px
}

.recent-searches-summary {
  border-top: 1px solid #d5d5d5;
  padding: 14px 12px
}

.recent-searches-summary>.title {
  color: #111;
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase
}

.recent-searches-summary>.list {
  list-style: none
}

.recent-searches-summary>.list>.item {
  background: url(https://cdn.carid.com/css/prod-images/aa0c55ee6c16e1f0ebcbe8ef1dce2dcd.svg) 10px 12px no-repeat;
  background-size: 12px auto;
  color: #111;
  cursor: pointer;
  font-size: 1.3em;
  font-weight: 400;
  padding: 8px 0 8px 32px
}

.recent-searches-summary>.list>.item:hover,
.recent-searches-summary>.list>.item.-active {
  background-color: #f1f1f1;
  border-radius: 2px;
  text-decoration: none
}

.recent-searches-summary>.action {
  color: #3761bf;
  cursor: pointer;
  font-size: 1.2em;
  margin-top: 12px;
  padding: 4px 0 4px 32px;
  position: relative
}

.recent-searches-summary>.action:hover {
  text-decoration: underline
}

.recent-searches-summary>.action::before {
  background: url(https://cdn.carid.com/css/prod-images/c2b4b8f875b5ead59273b7ef3cc0eb9b.svg) no-repeat 0 0;
  background-size: 100% auto;
  content: '';
  height: 10px;
  left: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px
}

.search-nores-form {
  clear: both;
  margin-bottom: 22px;
  margin-left: 0;
  margin-top: 0;
  padding-left: 0;
  position: relative;
  top: 0
}

.search-nores-form::after {
  content: '';
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.search-nores-form>form {
  margin: 0 8px;
  position: relative
}

.search-nores-form input[type='submit'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #c1c1c1 url(https://cdn.carid.com/css/prod-images/195380dab0a6f396e73e29047634f6f1.svg) 50% 50% no-repeat;
  background-size: 40px;
  border: 0;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  font-size: 0;
  height: 46px;
  margin: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 56px
}

.search-nores-form .search-field {
  overflow: hidden;
  position: relative
}

.search-nores-form .field_with_placeholder {
  border: 1px solid #d9d9d9;
  border-radius: 4px 0 0 4px;
  margin-bottom: 0;
  margin-right: 56px;
  width: auto
}

.search-nores-form .field_with_placeholder.search-preloader::after {
  -webkit-animation: preloader-rotate 0.7s infinite linear;
  animation: preloader-rotate 0.7s infinite linear;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUgMzBhMTUgMTUgMCAxMTE1LTE1IDE1IDE1IDAgMDEtMTUgMTV6bTAtMjcuNzNBMTIuNzMgMTIuNzMgMCAxMDI3LjczIDE1IDEyLjc1IDEyLjc1IDAgMDAxNSAyLjI3eiIgZmlsbD0iIzFhMWExYSIgb3BhY2l0eT0iLjciLz48cGF0aCBkPSJNMjcuNzEgMTUuNDhBMTIuNzQgMTIuNzQgMCAwMTE1IDI3LjczVjMwYTE1IDE1IDAgMDAxNS0xNC41MnoiIGZpbGw9IiNmZmYiIG9wYWNpdHk9Ii43Ii8+PC9zdmc+);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 25px;
  left: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 25px
}

.search-nores-form .field_with_placeholder.search-preloader.nopreload::after {
  content: none !important
}

.search-nores-form .field_with_placeholder.search-preloader::after {
  right: 0
}

.search-nores-form .field_with_placeholder>label {
  color: #111;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1;
  right: 18px;
  text-indent: 18px
}

.search-nores-form .field_with_placeholder>label::before {
  content: "Search..."
}

.search-nores-form .field_with_placeholder input.search-txt {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: none;
  color: #111;
  cursor: pointer;
  font-weight: bold;
  height: 44px;
  outline: 0;
  padding: 13px 44px 13px 18px
}

.search-nores-form div.search-autoc {
  top: 45px
}

.search-autoc {
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #d5d5d5;
  display: none;
  margin-bottom: 8px;
  overflow: hidden;
  position: relative
}

.search-nores-form .search-autoc,
.select-vehicle-content-spacer .search-autoc {
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 99
}

.search-nores-form .search-autoc {
  top: 46px
}

.select-vehicle-content-spacer .search-autoc {
  margin-top: 1px;
  top: 100%
}

.search-rquery {
  display: none
}

.search-nores-title {
  color: #383838;
  font-size: 1.8em;
  font-weight: 500;
  margin: 0 8px
}

.search-nores-cols {
  background: #f3f3f3
}

.search-nores-list {
  color: #6e6e6e;
  font-size: 1.3em;
  line-height: 2;
  padding: 0 5px 22px 24px
}

.search-nores-list a {
  text-decoration: underline
}

@media only screen and (max-width: 420.98px),
  only screen and (min-width: 421px) and (max-width: 740.98px) {
    .head-search-holder .wrap {
      margin: 0 4px
    }
    .search-nores-cols .width_33 {
      float: none;
      width: auto
    }
  }

@media only screen and (min-width: 741px) and (max-width: 1023.98px) {
  .head-search-holder .wrap {
    margin: 0 8px
  }
  .head-search-holder .head-sform>form>.search-field {
    margin: 20px 64px 5px 0
  }
  .search-nores-form {
    clear: both;
    margin-bottom: -22px;
    margin-left: 290px;
    padding-left: 30px;
    position: relative;
    top: -22px
  }
  .search-nores-form div.search-autoc {
    left: -320px
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1280.98px),
  only screen and (min-width: 1281px) and (max-width: 1600.98px),
  only screen and (min-width: 1601px) {
    .head-search-holder .search-form {
      margin-right: 64px
    }
    .head-search-holder .head-sform>form>.search-field {
      margin: 50px 0 5px
    }
    .head-sform>form>.search-field>.field_with_placeholder>label {
      max-width: none
    }
    .head-sform>form>.search-field>.field_with_placeholder>label::before {
      content: "Search by Make Model Year, Product Type, Part Number, or Brand..."
    }
    .-no-garage .head-sform>form>.search-field>.field_with_placeholder>label::before {
      content: "Search by Product Type, Part Number, or Brand..."
    }
    .head-sform>form>.search-field>.field_with_placeholder>label[data-placeholder]::before {
      content: attr(data-placeholder)
    }
    .search-nores-form {
      margin-left: 320px;
      padding-left: 36px
    }
    .search-nores-form div.search-autoc {
      left: -356px
    }
    .search-nores-cols {
      background: inherit
    }
  }

@media only screen and (min-width: 741px) and (max-width: 1023.98px),
  only screen and (min-width: 1024px) and (max-width: 1280.98px),
  only screen and (min-width: 1281px) and (max-width: 1600.98px),
  only screen and (min-width: 1601px) {
    .head-search-close {
      height: 64px;
      top: 0;
      width: 64px
    }
    .head-sform>form>.search-field>.field_with_placeholder {
      border-radius: 4px;
      height: 64px
    }
    .head-sform>form>.search-field>.field_with_placeholder.search-preloader::after {
      height: 36px;
      width: 36px
    }
    .head-sform>form>.search-field>.field_with_placeholder>label {
      font-size: 1.8em;
      padding: 20px
    }
    .head-sform>form>.search-field>.field_with_placeholder>input {
      font-size: 1.8em;
      padding: 20px 64px 20px 20px
    }
    .head-sform>form>.search-field>input[type='submit'] {
      background-size: 32px auto;
      border-radius: 0 2px 2px 0;
      height: 64px;
      width: 64px
    }
    .recent-searches-holder {
      border-radius: 4px
    }
    .recent-searches-summary {
      border: none;
      padding: 16px 20px
    }
    .recent-searches-summary>.title {
      font-size: 1.6em;
      margin-bottom: 18px
    }
    .recent-searches-summary>.list>.item {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }
    .search-nores-form {
      clear: none;
      margin-bottom: 34px;
      margin-top: 16px;
      top: auto
    }
    .search-nores-form::before {
      color: #111;
      content: 'for';
      font-size: 14px;
      left: 10px;
      line-height: 48px;
      position: absolute;
      top: 0
    }
    .search-nores-form .field_with_placeholder input.search-txt {
      font-size: 1.4em
    }
    .search-autoc {
      border-radius: 4px;
      border-top: 0
    }
    .search-nores-form .search-autoc {
      top: 72px
    }
  }

@media only screen and (max-width: 420.98px),
  only screen and (min-width: 421px) and (max-width: 740.98px),
  only screen and (min-width: 741px) and (max-width: 1023.98px) {
    .head-sform>form>.search-field>.field_with_placeholder>label {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
    }
  }

@-webkit-keyframes preloader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0);
    transform: translate(-50%, -50%) rotateZ(0)
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
    transform: translate(-50%, -50%) rotateZ(360deg)
  }
}

@keyframes preloader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0);
    transform: translate(-50%, -50%) rotateZ(0)
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
    transform: translate(-50%, -50%) rotateZ(360deg)
  }
}

.autoc-qtype,
.autoc-tpl,
.autoc-query-id {
  display: none
}

.autoc-depts::after,
.autoc-cat::after,
.autoc-brands::after {
  border-top: 1px solid #f1f1f1;
  content: '';
  display: block;
  margin-bottom: 32px
}

.autoc-depts-li,
.autoc-cat-li {
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  margin: 0 2% 32px 0;
  text-align: center;
  width: 32%
}

.-view-all.autoc-depts-li,
.-view-all.autoc-cat-li {
  -webkit-align-self: center;
  align-self: center;
  margin-right: 0 !important
}

.autoc-depts-li>.link>.icon,
.autoc-cat-li>.link>.icon-holder,
.autoc-prod-li>.link>.icon-holder {
  display: block;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 0 auto 5px;
  position: relative;
  width: 74px
}

.autoc-depts-li>.link>.icon::after,
.autoc-cat-li>.link>.icon-holder::after,
.autoc-prod-li>.link>.icon-holder::after {
  content: '';
  display: block
}

.autoc-depts-li>.link,
.autoc-cat-li>.link,
.autoc-prod-li>.link {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  position: relative
}

.autoc-depts-li>.link:hover,
.autoc-cat-li>.link:hover,
.autoc-prod-li>.link:hover {
  text-decoration: none
}

.autoc-depts-li>.link:hover>.text,
.autoc-cat-li>.link:hover>.text,
.autoc-prod-li>.link:hover>.text {
  text-decoration: underline
}

.autoc-depts-li>.link>.text,
.autoc-cat-li>.link>.text,
.autoc-prod-li>.link>.text {
  color: #111;
  display: block;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1;
  min-width: 0
}

.autoc-cat-li>.link>.text>.label,
.autoc-general-a.-label>.label {
  background-color: #7d899c;
  border-radius: 9px;
  color: #fff;
  font-size: 8px;
  font-weight: 500;
  line-height: 7px;
  padding: 3px 8px
}

.autoc-cat-li>.link>.text>.-performance.label,
.autoc-general-a.-label>.-performance.label {
  background-color: #e04e4b
}

.autoc-box {
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 100%
}

.autoc-box-no-result {
  box-sizing: border-box;
  display: block;
  padding: 8px 4px;
  width: auto
}

.autoc-box-no-result-warning {
  color: #e62e04;
  display: block;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.8;
  padding-bottom: 4px;
  padding-left: 8px
}

.autoc-box-no-result .h2 {
  font-size: 2.4em;
  font-weight: 500;
  line-height: 1.2em;
  margin-bottom: 6px;
  margin-top: 12px
}

.autoc-box-no-result .h2 i {
  font-weight: 300
}

.autoc-box-no-result .search-nores-list {
  font-size: 1.4em;
  padding-bottom: 16px
}

.autoc-box-no-result .search-nores-list li {
  color: #595959;
  line-height: 2.2
}

.autoc-box-no-result .search-nores-title {
  display: block;
  padding-bottom: 8px
}

.autoc-box-no-result hr {
  background-color: #e6e6e6;
  border: 0;
  height: 1px;
  margin: 14px -4px
}

.autoc-box.-mmy-vertical-screen {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  flex-flow: column
}

.autoc-more {
  border-left: 1px solid #f1f1f1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow: hidden;
  padding: 32px 12px 0;
  position: relative;
  white-space: nowrap;
  width: 100%
}

.mmy-screen-cat-block {
  padding: 28px 0 0
}

.autoc-categories-holder {
  margin-bottom: 24px
}

.autoc-categories-holder>.multi-cat-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 10px
}

.autoc-categories-holder>.multi-cat-grid>.item {
  box-sizing: border-box;
  margin: 8px 0.65% 14px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 31.833333%
}

.autoc-categories-holder>.multi-cat-grid>.item>.cat-link {
  color: #111;
  display: block;
  font-size: 1.4em;
  padding-top: 80%;
  position: relative
}

.autoc-categories-holder>.multi-cat-grid>.item>.cat-img {
  display: block;
  height: auto;
  left: 5%;
  position: absolute;
  top: 5%;
  width: 90%
}

.mmy-screen-prod-block {
  padding: 0 0 24px;
  position: relative
}

.mmy-ptype-screen-title {
  font-size: 2em;
  font-weight: 400;
  margin: 0 8px 28px
}

.mmy-ptype-screen-title>.description {
  display: inline
}

.autoc-more-container {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  order: 1;
  position: relative;
  white-space: normal;
  width: 100%
}

.autoc-more-container.-static.-hidden {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  order: 2;
  z-index: -1
}

.autoc-more-container.-ajax.-hidden {
  display: none
}

.autoc-more-container>div:last-child::after {
  display: none
}

.autoc-preload {
  background-color: rgba(255, 255, 255, 0.7);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 50ms ease, z-index 0s 50ms linear;
  transition: opacity 50ms ease, z-index 0s 50ms linear;
  width: 100%;
  z-index: -1
}

.autoc-preload::after {
  -webkit-animation: preloader-rotate 0.7s infinite linear;
  animation: preloader-rotate 0.7s infinite linear;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUgMzBhMTUgMTUgMCAxMTE1LTE1IDE1IDE1IDAgMDEtMTUgMTV6bTAtMjcuNzNBMTIuNzMgMTIuNzMgMCAxMDI3LjczIDE1IDEyLjc1IDEyLjc1IDAgMDAxNSAyLjI3eiIgZmlsbD0iIzFhMWExYSIgb3BhY2l0eT0iLjciLz48cGF0aCBkPSJNMjcuNzEgMTUuNDhBMTIuNzQgMTIuNzQgMCAwMTE1IDI3LjczVjMwYTE1IDE1IDAgMDAxNS0xNC41MnoiIGZpbGw9IiNmZmYiIG9wYWNpdHk9Ii43Ii8+PC9zdmc+);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 30px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 30px
}

.autoc-preload.nopreload::after {
  content: none !important
}

.autoc-preload::after {
  display: none;
  z-index: 1
}

.autoc-preload.-active {
  opacity: 1;
  z-index: 22
}

.autoc-preload.-active::after {
  display: block;
  z-index: 1
}

.autoc-heading {
  color: #414141;
  font-size: 1.6em;
  font-weight: 700;
  margin-bottom: 26px;
  text-align: center;
  text-transform: uppercase
}

.autoc-heading>.description {
  color: #b3b3b3;
  display: block;
  font-size: 0.75em;
  font-weight: normal;
  text-transform: none
}

.autoc-depts {
  overflow: hidden
}

.autoc-depts-li>.link>.icon {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain
}

.autoc-depts-li>.link>.icon::after {
  padding-top: 78%
}

.autoc-depts-li>.link>.icon.-icon-shop-all {
  background-image: url(https://cdn.carid.com/css/prod-images/9c6b53dd796dc5cd3620629d20a43772.svg);
  background-size: 28px auto
}

.autoc-depts-li>.link>.text {
  line-height: 1.15
}

.autoc-depts-li>.link>.text>b {
  font-weight: 500
}

.autoc-row {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none
}

.autoc-row.-brands {
  display: block;
  margin-bottom: 24px;
  overflow: hidden
}

.autoc-row.-mmy-screen-row {
  padding: 0 8px
}

.autoc-row.-mmy-screen-row>.autoc-prod-li {
  margin: 0 0 20px
}

.autoc-cat {
  overflow: hidden
}

.autoc-cat-li>.link>.icon-holder::after {
  padding-top: 66.66%
}

.autoc-cat-li>.link>.icon-holder>.icon {
  height: auto;
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  width: auto
}

.autoc-cat-li>.link>.text {
  display: block;
  position: relative;
  width: 100%
}

.autoc-cat-li>.link>.text.-labeled {
  padding-top: 24px
}

.autoc-cat-li>.link>.text>.label {
  left: 50%;
  position: absolute;
  top: 5px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.autoc-cat-li>.link>.text>b {
  font-weight: inherit
}

.autoc-brands {
  list-style: none;
  overflow: hidden
}

.autoc-brands-li {
  float: left;
  margin: 0 3% 3% 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 31.3333%
}

.autoc-brands-li:hover>.link {
  border-color: #ccc
}

.autoc-brands-li>.link {
  border: 1px solid rgba(0, 0, 0, 0.02);
  border-radius: 3px;
  display: block
}

.autoc-brands-li>.link>.icon-holder {
  display: block;
  height: 0;
  padding-bottom: 48%;
  position: relative
}

.autoc-brands-li>.link>.icon-holder::after {
  background: rgba(0, 0, 0, 0.02);
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: background 150ms ease-out;
  transition: background 150ms ease-out;
  width: 100%;
  z-index: 2
}

.autoc-brands-li>.link>.icon-holder:hover::after {
  background: rgba(0, 0, 0, 0.06)
}

.autoc-brands-li>.link>.icon-holder>.icon {
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 72%;
  position: absolute;
  right: 0;
  top: 0;
  width: auto
}

.autoc-ptypes {
  margin-bottom: 24px;
  overflow: hidden
}

.autoc-ptypes-ul {
  list-style: none
}

.autoc-ptypes-li {
  border: 1px solid #f1f1f1;
  border-radius: 3px;
  float: left;
  margin: 0 8px 8px 0
}

.autoc-ptypes-li:hover {
  border-color: #ccc
}

.autoc-ptypes-li>.link {
  color: #414141;
  display: block;
  font-size: 1.3em;
  line-height: 12px;
  padding: 8px
}

.autoc-prod-li {
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  margin: 0 2% 32px 0;
  overflow: hidden;
  width: 100%
}

.autoc-prod-li.-hide {
  display: none
}

.autoc-prod-li.-view-all {
  -webkit-align-self: center;
  align-self: center;
  margin-right: 0 !important
}

.autoc-prod-li>.link:hover {
  text-decoration: none
}

.autoc-prod-li>.link:hover>.text {
  text-decoration: none
}

.autoc-prod-li>.link:hover>.text>.name0,
.autoc-prod-li>.link:hover>.text>.name1 {
  text-decoration: underline
}

.autoc-prod-li>.link>.icon-holder {
  margin-right: 15px
}

.autoc-prod-li>.link>.icon-holder::after {
  padding-top: 100%
}

.autoc-prod-li>.link>.icon-holder>.icon {
  height: auto;
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  width: auto
}

.autoc-prod-li>.link>.text {
  display: block;
  line-height: 1.5;
  width: 100%
}

.autoc-prod-li>.link>.text>.name0,
.autoc-prod-li>.link>.text>.name1,
.autoc-prod-li>.link>.text>.item-number {
  display: block
}

.autoc-prod-li>.link>.text>.rating {
  background-size: auto 13px;
  color: #b3b3b3;
  display: block;
  font-size: 13px;
  height: 13px;
  line-height: 1.1;
  margin: 2px 0 4px;
  padding-left: 82px
}

.autoc-prod-li>.link>.text>.name0,
.autoc-prod-li>.link>.text>.name1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.autoc-prod-li>.link>.text>.name0 {
  font-weight: 700
}

.autoc-prod-li>.link>.text>.price-holder>.autoc-original-price {
  color: #8a8a8a;
  display: block;
  font-size: 0.77em;
  line-height: 1.1;
  padding-top: 4px;
  text-decoration: line-through
}

.autoc-prod-li>.link>.text>.price-holder>.autoc-today-price {
  color: #2c2c2c;
  display: block;
  font-size: 1.07em;
  font-weight: 500
}

.autoc-general {
  color: #111;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-width: 220px;
  padding-top: 27px;
  white-space: nowrap
}

.autoc-general-holder {
  margin-bottom: 66px
}

.autoc-general-t {
  color: #414141;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-size: 1.6em;
  font-weight: 700;
  margin: 0 10px 14px 20px;
  padding-top: 5px;
  text-transform: uppercase
}

.autoc-general-links {
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  min-width: 0;
  width: 100%
}

.autoc-general-links>.autoc-more-link {
  margin: 24px 20px 0
}

.autoc-general-a-holder {
  display: block;
  height: 33px;
  position: relative
}

.-screen-for-test .autoc-general-a-holder:nth-child(n+6) {
  display: none
}

.autoc-general-a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  color: #111;
  display: block;
  font-size: 1.4em;
  line-height: 1.5;
  overflow: hidden;
  padding: 5px 30px 5px 20px;
  position: absolute;
  width: 100%
}

.autoc-general-a.-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.autoc-general-a.-label>.main-text {
  overflow: hidden;
  text-overflow: ellipsis
}

.autoc-general-a.-label>.label {
  height: 1em;
  margin: 3px 0 0 10px;
  text-align: center
}

.autoc-general-a:not(a) {
  cursor: default
}

.autoc-general-a.-with-dd::after {
  background: url(https://cdn.carid.com/css/prod-images/ad63ac2455044c00090b4e274d7f62e2.svg) 50% 50% no-repeat;
  background-size: 5px 10px;
  bottom: 0;
  content: '';
  display: block;
  height: 10px;
  margin: auto;
  position: absolute;
  right: 15px;
  top: 0;
  width: 5px
}

.autoc-general-a.-left-icon {
  background-position: 20px 50%;
  background-repeat: no-repeat;
  background-size: 16px auto;
  image-rendering: -webkit-optimize-contrast;
  padding-left: 46px
}

.no-touch .autoc-general-a:hover,
.autoc-general-a.active {
  background-color: #f1f1f1;
  text-decoration: none
}

.no-touch .autoc-general-a:hover,
.no-touch .autoc-general-a.active {
  min-width: 100%;
  overflow: visible;
  padding-right: 8px;
  text-overflow: clip;
  white-space: nowrap;
  width: auto;
  z-index: 23
}

.no-touch .autoc-general-a:hover.-with-dd,
.no-touch .autoc-general-a.active.-with-dd {
  padding-right: 30px
}

.autoc-general-description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #b3b3b3;
  display: block;
  font-size: 11px;
  font-weight: 400;
  text-transform: none
}

.autoc-show-all-btn {
  margin: 0 auto;
  max-width: 200px
}

.autoc-show-all-btn.-general-link {
  margin: 24px 40px 0 20px;
  max-width: 240px
}

.autoc-show-more-btn-h {
  margin: 0 8px 32px
}

.autoc-buttons-holder {
  box-sizing: border-box;
  display: block;
  margin: 16px auto;
  text-align: center
}

.autoc-buttons-holder.-column>.show-parts-h {
  margin: 0 auto
}

.autoc-buttons-holder>.show-parts-h {
  display: block;
  width: auto
}

.autoc-buttons-holder>.show-parts-h>.parts-link {
  color: #3761bf;
  display: block;
  font-size: 1.3em;
  margin: 22px 0 0
}

@media only screen and (max-width: 420.98px),
  only screen and (min-width: 421px) and (max-width: 740.98px) {
    .autoc-depts-li:nth-child(3n),
    .autoc-cat-li:nth-child(3n) {
      margin-right: 0
    }
    .autoc-brands-li:nth-child(3n) {
      margin-right: 0
    }
    .autoc-prod-li>.link {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex
    }
  }

@media only screen and (min-width: 741px) and (max-width: 1023.98px),
  only screen and (min-width: 1024px) and (max-width: 1280.98px),
  only screen and (min-width: 1281px) and (max-width: 1600.98px),
  only screen and (min-width: 1601px) {
    .autoc-depts-li,
    .autoc-cat-li {
      text-align: left
    }
    .autoc-depts-li>.link>.icon,
    .autoc-cat-li>.link>.icon-holder,
    .autoc-prod-li>.link>.icon-holder {
      margin-bottom: 0;
      margin-right: 15px;
      width: 70px
    }
    .autoc-depts-li>.link,
    .autoc-cat-li>.link,
    .autoc-prod-li>.link {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: inline-flex
    }
    .autoc-depts-li>.link>.text,
    .autoc-cat-li>.link>.text,
    .autoc-prod-li>.link>.text {
      max-width: 110px
    }
    .autoc-box-no-result {
      padding-left: 16px;
      padding-right: 16px
    }
    .autoc-box-no-result hr {
      margin: 20px -16px
    }
    .autoc-more {
      padding-left: 24px;
      padding-right: 24px
    }
    .mmy-screen-cat-block {
      padding: 32px 0 18px
    }
    .autoc-categories-holder>.multi-cat-grid>.item {
      margin: 10px 24px;
      width: 105px
    }
    .mmy-screen-prod-block {
      border-top: 1px solid #dcdcdc;
      padding: 30px 0 44px
    }
    .mmy-ptype-screen-title {
      font-size: 2.6em;
      margin: 0 8px 28px 24px
    }
    .autoc-heading {
      text-align: left
    }
    .autoc-row.-mmy-screen-row {
      padding: 0 24px
    }
    .autoc-row.-mmy-screen-row>.autoc-prod-li {
      margin: 0 2% 36px 0;
      width: 23.5%
    }
    .autoc-row.-mmy-screen-row>.autoc-prod-li:nth-child(4n+4) {
      margin-right: 0
    }
    .autoc-cat-li>.link>.text>.label {
      left: 0;
      -webkit-transform: translateX(0);
      transform: translateX(0)
    }
    .autoc-brands-li {
      margin: 0 2% 2% 0
    }
    .autoc-prod-li>.link>.text>.rating {
      background-size: auto 12px;
      height: 12px;
      margin-top: 3px
    }
    .autoc-prod-li>.link>.text>.price-holder>.autoc-original-price {
      font-size: 0.85em
    }
    .autoc-general-links>.autoc-more-link {
      max-width: 240px
    }
    .autoc-show-all-btn {
      margin-left: 0;
      max-width: 220px
    }
    .autoc-show-more-btn-h {
      margin: 0 auto;
      width: 220px
    }
    .autoc-buttons-holder.-column {
      margin: 0 auto
    }
    .autoc-buttons-holder.-column>.show-parts-h {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      width: 80%
    }
    .autoc-buttons-holder.-column>.show-parts-h>.parts-link {
      margin-left: 0;
      width: 29%
    }
    .autoc-buttons-holder.-row>.autoc-show-more-btn-h {
      display: inline-block;
      margin: 0
    }
    .autoc-buttons-holder.-row .parts-link {
      margin: 0 0 0 24px
    }
    .autoc-buttons-holder>.show-parts-h {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: inline-flex
    }
  }

@media only screen and (min-width: 741px) and (max-width: 1023.98px) {
  .autoc-depts-li,
  .autoc-cat-li {
    width: 32%
  }
  .autoc-depts-li:nth-child(3n),
  .autoc-cat-li:nth-child(3n) {
    margin-right: 0
  }
  .autoc-box.autoc-box-showgeneral .autoc-depts-li,
  .autoc-box.autoc-box-showgeneral .autoc-cat-li {
    width: 49%
  }
  .autoc-box.autoc-box-showgeneral .autoc-depts-li:nth-child(3n),
  .autoc-box.autoc-box-showgeneral .autoc-cat-li:nth-child(3n) {
    margin-right: 2%
  }
  .autoc-box.autoc-box-showgeneral .autoc-depts-li:nth-child(2n),
  .autoc-box.autoc-box-showgeneral .autoc-cat-li:nth-child(2n) {
    margin-right: 0
  }
  .autoc-brands-li {
    width: 23.5%
  }
  .autoc-brands-li:nth-child(4n) {
    margin-right: 0
  }
  .autoc-prod-li {
    width: 32%
  }
  .autoc-prod-li:nth-child(3n) {
    margin-right: 0
  }
  .autoc-box.autoc-box-showgeneral .autoc-prod-li {
    width: 49%
  }
  .autoc-box.autoc-box-showgeneral .autoc-prod-li:nth-child(3n) {
    margin-right: 2%
  }
  .autoc-box.autoc-box-showgeneral .autoc-prod-li:nth-child(2n) {
    margin-right: 0
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1280.98px),
  only screen and (min-width: 1281px) and (max-width: 1600.98px),
  only screen and (min-width: 1601px) {
    .autoc-depts-li,
    .autoc-cat-li {
      width: 23.5%
    }
    .autoc-depts-li:nth-child(4n),
    .autoc-cat-li:nth-child(4n) {
      margin-right: 0
    }
    .autoc-box.autoc-box-showgeneral .autoc-depts-li,
    .autoc-box.autoc-box-showgeneral .autoc-cat-li {
      width: 32%
    }
    .autoc-box.autoc-box-showgeneral .autoc-depts-li:nth-child(3n),
    .autoc-box.autoc-box-showgeneral .autoc-cat-li:nth-child(3n) {
      margin-right: 0
    }
    .autoc-box.autoc-box-showgeneral .autoc-depts-li:nth-child(4n),
    .autoc-box.autoc-box-showgeneral .autoc-cat-li:nth-child(4n) {
      margin-right: 2%
    }
    .autoc-box {
      min-width: 640px
    }
    .autoc-brands-li {
      width: 18.4%
    }
    .autoc-brands-li:nth-child(5n) {
      margin-right: 0
    }
    .autoc-prod-li {
      width: 23.5%
    }
    .autoc-prod-li:nth-child(4n) {
      margin-right: 0
    }
    .autoc-box.autoc-box-showgeneral .autoc-prod-li {
      width: 32%
    }
    .autoc-box.autoc-box-showgeneral .autoc-prod-li:nth-child(3n) {
      margin-right: 0
    }
    .autoc-box.autoc-box-showgeneral .autoc-prod-li:nth-child(4n) {
      margin-right: 2%
    }
  }

@media only screen and (min-width: 421px) and (max-width: 740.98px),
  only screen and (min-width: 741px) and (max-width: 1023.98px),
  only screen and (min-width: 1024px) and (max-width: 1280.98px),
  only screen and (min-width: 1281px) and (max-width: 1600.98px),
  only screen and (min-width: 1601px) {
    .autoc-depts-li>.link>.text.-short {
      display: none
    }
  }

@media only screen and (max-width: 420.98px) {
  .autoc-depts-li>.link>.text.-short+.-full {
    display: none
  }
  .autoc-prod-li:nth-child(2n) {
    margin-right: 0
  }
  .autoc-prod-li.-view-all {
    margin-bottom: 50px
  }
}

@media only screen and (min-width: 421px) and (max-width: 740.98px) {
  .autoc-prod-li {
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 0;
    min-width: 250px;
    padding-right: 5%;
    width: 50%
  }
  .autoc-prod-li.-view-all {
    padding-right: 0
  }
}

@media only screen and (min-width: 1281px) and (max-width: 1600.98px),
  only screen and (min-width: 1601px) {
    .autoc-general {
      min-width: 330px
    }
    .autoc-general-links>.autoc-more-link {
      margin-right: 40px
    }
  }

webkit-keyframes preloader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0);
    transform: translate(-50%, -50%) rotateZ(0)
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
    transform: translate(-50%, -50%) rotateZ(360deg)
  }
}

@keyframes preloader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0);
    transform: translate(-50%, -50%) rotateZ(0)
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
    transform: translate(-50%, -50%) rotateZ(360deg)
  }
}

.mygarage-dd-cars-list .item-col>.lnk {
  background: #3761bf;
  border-radius: 3px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, border 0.3s ease, color 0.3s ease
}

.mygarage-dd-cars-list .item-col>.lnk:hover {
  background: #3157ab;
  color: #fff;
  text-decoration: none
}

.header-help-center-dd {
  background: #fff;
  border: 1px solid #e2e4e8;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  color: #111;
  cursor: default;
  min-height: 50px;
  padding: 22px 24px;
  position: absolute;
  right: 0;
  top: 35px;
  width: 304px;
  z-index: 3
}

.header-help-center-dd::before {
  background-image: url(https://cdn.carid.com/css/prod-images/47ff4bb5b4057ed95058d1bb2c9d084b.svg);
  background-size: 24px 12px;
  content: '';
  cursor: default;
  display: block;
  height: 12px;
  position: absolute;
  right: 42px;
  top: -11px;
  width: 24px;
  z-index: 22
}

.header-dd-hover-element {
  text-decoration: none
}

.header-dd-hover-element:hover .my-garage-counter,
.header-dd-hover-element:hover .wish-list-counter {
  background: #ce4e45
}

.header-dd-hover-element:hover .my-garage-counter::after,
.header-dd-hover-element:hover .my-garage-counter::before,
.header-dd-hover-element:hover .wish-list-counter::after,
.header-dd-hover-element:hover .wish-list-counter::before {
  opacity: 1;
  visibility: visible
}

.help-center-dd-links-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 16px;
  margin-bottom: 28px;
  margin-top: 8px
}

.left-panel .help-center-dd-links-holder {
  margin: 24px 20px
}

.help-center-dd-links-holder .help-center-dd-phone,
.help-center-dd-links-holder .help-center-dd-flag,
.help-center-dd-links-holder .help-center-dd-livechat {
  color: #111;
  display: inline-block;
  font-size: 1.4em;
  line-height: 16px;
  vertical-align: top
}

.help-center-dd-links-holder .help-center-dd-flag,
.help-center-dd-links-holder .help-center-dd-livechat {
  cursor: pointer
}

.help-center-dd-links-holder .help-center-dd-flag {
  background-size: cover;
  border-radius: 50%;
  height: 16px;
  width: 16px
}

.help-center-dd-links-holder .help-center-dd-flag:hover {
  box-shadow: 0 0 0 10px #f1f1f1
}

.help-center-dd-links-holder .help-center-dd-phone {
  margin-left: 13px
}

.help-center-dd-links-holder .help-center-dd-livechat {
  margin-right: 13px
}

.help-center-dd-links-holder .help-center-dd-livechat:hover {
  text-decoration: underline
}

.head-dd-loader {
  background-color: rgba(255, 255, 255, 0.6);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.head-dd-loader::after {
  -webkit-animation: preloader-rotate 0.7s infinite linear;
  animation: preloader-rotate 0.7s infinite linear;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj48cGF0aCBkPSJNMTUgMzBhMTUgMTUgMCAxMTE1LTE1IDE1IDE1IDAgMDEtMTUgMTV6bTAtMjcuNzNBMTIuNzMgMTIuNzMgMCAxMDI3LjczIDE1IDEyLjc1IDEyLjc1IDAgMDAxNSAyLjI3eiIgZmlsbD0iIzFhMWExYSIgb3BhY2l0eT0iLjciLz48cGF0aCBkPSJNMjcuNzEgMTUuNDhBMTIuNzQgMTIuNzQgMCAwMTE1IDI3LjczVjMwYTE1IDE1IDAgMDAxNS0xNC41MnoiIGZpbGw9IiNmZmYiIG9wYWNpdHk9Ii43Ii8+PC9zdmc+);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  height: 30px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  width: 30px
}

.head-dd-loader.nopreload::after {
  content: none !important
}

.head-dd-loader::after {
  z-index: 1
}

.head-dd-loader.-active {
  display: block;
  z-index: 22
}

.wishlist-dd,
.mygarage-dd {
  background: #fff;
  border: 1px solid #e2e4e8;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  min-height: 50px;
  min-width: 0;
  position: absolute;
  right: 9px;
  top: 68px;
  z-index: 21
}

.wishlist-dd {
  max-width: 460px;
  padding: 22px 24px
}

.wishlist-dd ul {
  text-align: center
}

.mygarage-dd {
  background-color: #f1f1f1;
  display: none;
  max-width: 440px;
  right: 100px
}

.my-acc-garage {
  margin: 0 8px 40px;
  position: relative
}

.mygarage-dd-container {
  background-color: #f1f1f1;
  height: 100%;
  padding: 32px 24px 0
}

.left-panel .mygarage-dd-container {
  box-sizing: border-box;
  padding: 20px 20px 0
}

.gbox_wrap .mygarage-dd-container {
  padding: 24px 24px 0
}

.my-acc-garage .mygarage-dd-container {
  background: #fff;
  box-sizing: border-box;
  float: none;
  margin-bottom: 20px;
  padding: 0 15px 5px;
  position: relative;
  width: 100%
}

.mygarage-dd-container.-header:not(.-saved-empty):not(.-both-empty) {
  background: #fff
}

.left-panel .mygarage-dd-container.-header:not(.-saved-empty):not(.-both-empty),
.my-acc-garage .mygarage-dd-container.-header:not(.-saved-empty):not(.-both-empty) {
  background: #fff
}

.mygarage-dd-container.-footer {
  overflow: hidden
}

.left-panel .mygarage-dd-container.-footer {
  border-top: 1px solid #f1f1f1;
  padding-top: 20px
}

.my-acc-garage .mygarage-dd-container.-footer {
  background: #fafafa;
  border: 1px solid #ececec
}

.mygarage-dd-container.-saved-empty {
  background-color: #fafafa;
  display: none
}

.mygarage-dd-container.-saved-empty+.mygarage-dd-container {
  background-color: #fff
}

.my-acc-garage .mygarage-dd-container.-saved-empty {
  display: block
}

.my-acc-garage .mygarage-dd-container.-both-empty {
  float: none;
  padding: 0;
  text-align: center;
  width: auto
}

.my-acc-garage .mygarage-dd-container.-both-empty:nth-child(odd) {
  left: 0
}

.mygarage-dd-container.-both-empty {
  background-color: #fff
}

.mygarage-dd-container.-both-empty>.header {
  display: none
}

.mygarage-dd-container.-both-empty+.mygarage-dd-container.-footer {
  display: none
}

.mygarage-dd-container>.header {
  border-bottom: 1px solid #e1dfdf;
  color: #111;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-bottom: 1em
}

.left-panel .mygarage-dd-container>.header,
.gbox_wrap .mygarage-dd-container>.header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-bottom: 16px
}

.my-acc-garage .mygarage-dd-container>.header {
  background: none;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  padding: 18px 0
}

.mygarage-dd-container>.header.-dd-footer {
  border-color: #e2e2e2
}

.mygarage-dd-container>.header>.header-left>.title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4
}

.left-panel .mygarage-dd-container>.header>.header-left>.title {
  color: #111;
  line-height: 16px;
  margin-bottom: 4px
}

.mygarage-dd-container>.header>.header-left>.sub-title {
  color: #525252;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4
}

.left-panel .mygarage-dd-container>.header>.header-left>.sub-title,
.gbox_wrap .mygarage-dd-container>.header>.header-left>.sub-title {
  display: none
}

.mygarage-dd-container>.mygarage-dd-vehicles {
  padding: 1.7em 0 1.2em
}

.my-acc-garage .mygarage-dd-container>.mygarage-dd-vehicles {
  padding-top: 1.2em
}

.my-acc-garage .mygarage-dd-container>.mygarage-dd-vehicles.-no-border {
  border: none
}

.mygarage-dd-container>.mygarage-dd-vehicles.-footer {
  overflow: hidden;
  padding-bottom: 0
}

.mygarage-dd-container.-empty-history {
  display: none
}

.my-acc-garage .mygarage-dd-container.-empty-history {
  display: block
}

.mygarage-dd-store {
  border-top: 1px solid #e6e6e6;
  color: #525252;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 20px;
  margin-top: 4px;
  padding-top: 15px;
  text-transform: uppercase
}

.mygarage-dd-store:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0
}

.marked-list-h {
  letter-spacing: -0.3em;
  text-align: center;
  width: 100%
}

.my-acc-garage .marked-list-h {
  display: none
}

.marked-list-h.-top-space {
  margin-top: 14px
}

.marked-list-h.-bottom-space {
  padding-bottom: 20px
}

.marked-list-h-item {
  border-top: 1px solid #f1f1f1;
  color: #111;
  display: block;
  font-size: 1.4em;
  font-weight: 300;
  letter-spacing: normal;
  line-height: 1.3;
  list-style: none;
  position: relative;
  text-align: left;
  vertical-align: top;
  width: 100%
}

.marked-list-h-item:not(.-top-border):first-child {
  border-top: 0
}

.marked-list-h-item.-col-view,
.my-acc-garage .marked-list-h-item {
  border-top: 0;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 32.333%
}

.marked-list-h-item.-col-view:nth-child(2n),
.my-acc-garage .marked-list-h-item:nth-child(2n) {
  margin: 0 1.5%
}

.my-acc-garage .marked-list-h-item {
  background-position: 50% 0;
  border-left: 1px solid #eee;
  display: table-cell;
  padding: 40px 10px 0;
  width: 33.333%
}

.my-acc-garage .marked-list-h-item:first-child {
  border-left: none
}

.marked-list-h-link {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #111;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 52px
}

.marked-list-h-link::before {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 32px;
  margin-right: 10px;
  width: 40px
}

.marked-list-h-item.-col-view .marked-list-h-link,
.my-acc-garage .marked-list-h-link {
  display: inline-block
}

.marked-list-h-item.-col-view .marked-list-h-link::before,
.my-acc-garage .marked-list-h-link::before {
  margin-bottom: 6px;
  margin-right: 0;
  width: 100%
}

.marked-list-h-link.-memorize::before {
  background-image: url(https://cdn.carid.com/css/prod-images/9bddd1cc46863de665d888ab6ac1c363.svg);
  background-size: 27px auto
}

.marked-list-h-link.-manage::before {
  background-image: url(https://cdn.carid.com/css/prod-images/88b266f908db7eb8527c8414317fe7d0.svg);
  background-size: 24px 24px
}

.marked-list-h-link.-merge::before {
  background-image: url(https://cdn.carid.com/css/prod-images/44d270f67e36ec198992a880a8a68b7a.svg);
  background-size: 24px 24px
}

.marked-list-h-link.-store::before {
  background-image: url(https://cdn.carid.com/css/prod-images/7509516cb51f0ec4d3d225e5d22fdb5d.svg)
}

.marked-list-h-link.-specifications::before {
  background-image: url(https://cdn.carid.com/css/prod-images/61c9e00619f592159e49735296525fe2.svg)
}

.marked-list-h-link.-find::before {
  background-image: url(https://cdn.carid.com/css/prod-images/a6cd65606e472f26a18a51b40187c687.svg)
}

.marked-list-h-link.-my-account::before {
  background-image: url(https://cdn.carid.com/css/prod-images/4d6bc0bba9d70f28949593ab4d14419f.svg)
}

.marked-list-h-link.-my-orders::before {
  background-image: url(https://cdn.carid.com/css/prod-images/b6c895996d40e4f48fe952152e7d8185.svg)
}

.marked-list-h-link.-my-wishlist::before {
  background-image: url(https://cdn.carid.com/css/prod-images/6497887d5c0aecf192731e9bb2acf69f.svg);
  background-size: 32px auto
}

.marked-list-h-link.-returns::before {
  background-image: url(https://cdn.carid.com/css/prod-images/dc4ef9cc5c4de03a2e87957abbb8d855.svg)
}

.marked-list-h-link.-track-order::before {
  background-image: url(https://cdn.carid.com/css/prod-images/d176969cb2133a462eeff4290ea70a46.svg)
}

.marked-list-h-link.-contact::before {
  background-image: url(https://cdn.carid.com/css/prod-images/4f8fb086d571d78a1ac0514e280a8c16.svg)
}

.mygarage-dd-cars-list .item-col>.remove-btn,
.mygarage-dd-cars-list .item-col>.lnk {
  cursor: pointer;
  display: inline-block
}

.mygarage-dd-cars-list {
  color: #111;
  display: block;
  font-size: 1.4em;
  font-weight: 700;
  padding-bottom: 4px;
  width: 100%
}

.my-acc-garage .mygarage-dd-cars-list {
  font-size: 1.5em
}

.mygarage-dd-cars-list>.item {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-bottom: 24px;
  position: relative;
  width: 100%
}

.mygarage-dd-cars-list>.item>.item-col {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  padding-bottom: 0;
  position: static;
  vertical-align: middle
}

.mygarage-dd-cars-list>.item>.item-col.-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}

.mygarage-dd-cars-list>.item>.item-col.-right {
  width: 90px
}

.mygarage-dd-cars-list>.item>.item-col.-history-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  width: 190px
}

.left-panel .mygarage-dd-cars-list>.item>.item-col.-history-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 150px
}

.my-acc-garage .mygarage-dd-cars-list>.item>.item-col:first-child {
  width: 95%
}

.mygarage-dd-cars-list .item-col>.remove-btn {
  background: url(https://cdn.carid.com/css/prod-images/91af4d1ba6e878499d3f4bcf4b5e1694.svg) no-repeat 0 0;
  height: 32px;
  margin: 0 12px;
  width: 32px
}

.mygarage-dd-cars-list .item-col>.remove-btn.-hover {
  background: url(https://cdn.carid.com/css/prod-images/130cb9ae2619092548ea4d824cb3cbcc.svg) no-repeat 0 0
}

.mygarage-dd-cars-list .item-col>.lnk {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url(https://cdn.carid.com/css/prod-images/a679ef491a896e3f102f3da9bad89c38.svg) no-repeat 0 0;
  border-radius: 50%;
  height: 32px;
  text-indent: -99em;
  width: 32px
}

.mygarage-dd-cars-list .item-col>.lnk:hover {
  background: url(https://cdn.carid.com/css/prod-images/bba710e1a5ef91345cefec908e0922ee.svg) no-repeat 0 0
}

.my-acc-garage .mygarage-dd-cars-list .item-col>.lnk {
  font-size: 13px;
  font-weight: 500;
  margin-left: 0;
  margin-right: 0
}

.mygarage-dd-cars-list .item-col>.lnk.-short {
  float: right;
  margin-left: 0;
  margin-right: 0;
  width: 75%
}

.my-acc-garage .mygarage-dd-cars-list .item-col>.lnk.-short {
  width: 76%
}

.left-panel .mygarage-dd-cars-list .item-col>.lnk.-short {
  margin-left: 0;
  margin-right: 0;
  width: auto
}

.mygarage-dd-cars-list .item-col>.save-lnk {
  border: 1px solid #3761bf;
  border-radius: 4px;
  box-sizing: border-box;
  color: #3761bf;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  margin: 0 12px 0 0;
  padding: 7px 14px;
  text-transform: uppercase;
  vertical-align: middle
}

.left-panel .mygarage-dd-cars-list .item-col>.save-lnk {
  margin-left: 0;
  padding: 6px 5px
}

.my-acc-garage .mygarage-dd-cars-list .item-col>.save-lnk {
  box-sizing: border-box
}

.mygarage-dd-cars-list .item-col>.save-lnk:not(.-disable):hover {
  border-color: #264384;
  color: #264384
}

.mygarage-dd-cars-list .item-col>.save-lnk.-disable {
  border-color: #a4a4a4;
  color: #a4a4a4;
  cursor: default;
  opacity: 0.4;
  text-decoration: none
}

.mygarage-dd-add,
.mygarage-dd-clear {
  color: #3761bf;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  margin-top: 7px;
  padding-left: 1.4em
}

.left-panel .mygarage-dd-add,
.gbox_wrap .mygarage-dd-add,
.left-panel .mygarage-dd-clear,
.gbox_wrap .mygarage-dd-clear {
  padding-left: 0
}

.mygarage-dd-add:hover,
.mygarage-dd-clear:hover {
  text-decoration: underline
}

.history-add-vehicle-block {
  border-top: 1px solid #e1dfdf
}

.history-add-vehicle-block .history-add-vehicle {
  color: #3761bf;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  margin: 24px 0
}

.history-add-vehicle-block .history-add-vehicle:hover {
  text-decoration: underline
}

.mygarage-dd-vehicle-limit {
  color: #8c8c8c;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.4;
  padding-bottom: 24px
}

.mygarage-dd-clear::before {
  background: url(https://cdn.carid.com/css/prod-images/c2b4b8f875b5ead59273b7ef3cc0eb9b.svg) no-repeat 0 0;
  content: '';
  cursor: pointer;
  display: inline-block;
  height: 10px;
  position: relative;
  width: 14px
}

.mygarage-vehicle-title {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 200px;
  flex: 1 1 200px;
  font-size: 15px;
  font-weight: bold;
  padding-left: 10px
}

.left-panel .mygarage-vehicle-title {
  box-sizing: border-box;
  display: block;
  width: 100%
}

.my-acc-garage .mygarage-vehicle-title {
  padding-left: 2.4em
}

.-active .mygarage-vehicle-title,
.-footer .mygarage-vehicle-title {
  font-weight: 700
}

.mygarage-vehicle-title.-not-specific {
  opacity: 0.6
}

.mygarage-vehicle-title.-history {
  font-weight: 400;
  padding-left: 0
}

.mygarage-dd-radio {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  line-height: 17px;
  min-height: 0;
  position: relative
}

.mygarage-dd-radio>.ic {
  background: url(https://cdn.carid.com/css/prod-images/00e6391a5321e523d11d6f5545d2c1dc.svg) no-repeat 0 0;
  cursor: pointer;
  display: block;
  height: 22px;
  min-width: 27px;
  position: relative
}

.item.-active .mygarage-dd-radio>.ic {
  background-image: url(https://cdn.carid.com/css/prod-images/3a7709a0a02ef80e6b512ab97306b0c2.svg)
}

.mygarage-dd-radio>.ic.-checked:hover::before,
.mygarage-dd-radio>.ic.-checked:hover::after {
  display: none
}

.mygarage-dd-radio>.tooltip {
  background: #8c8c8c;
  color: #fff;
  display: none;
  font-size: 13px;
  font-weight: 400;
  left: -46px;
  line-height: 9px;
  padding: 8px 10px;
  position: absolute;
  text-align: center;
  top: -28px;
  z-index: 1
}

.left-panel .mygarage-dd-radio>.tooltip {
  left: 0
}

.mywishlist-dd-title {
  color: #111;
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1.17;
  margin-bottom: 30px;
  text-align: center
}

.left-panel .mywishlist-dd-title {
  background-position: 50% 50%;
  margin-bottom: 10px;
  margin-top: 15px
}

.header-account-dd {
  background: #fff;
  border: 1px solid #e2e4e8;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  margin-left: -128px;
  min-height: 50px;
  padding: 22px 24px;
  position: absolute;
  text-align: center;
  width: 304px;
  z-index: 21
}

.header-account-dd::before {
  content: '';
  display: block;
  height: 11px;
  left: 50%;
  margin-left: -46px;
  position: absolute;
  top: -11px;
  width: 92px
}

.header-account-top {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url(https://cdn.carid.com/css/prod-images/03b5335ad0075c715fc579445d44fe71.svg) no-repeat 50% 100%;
  color: #111;
  font-size: 1.8em;
  font-weight: 300;
  line-height: 21px;
  margin-bottom: 15px;
  padding-bottom: 86px
}

.left-panel .header-account-top {
  background-position: 50% 50%;
  margin-bottom: 10px;
  margin-top: 15px
}

.header-account-text-wrap {
  color: #111
}

.left-panel .header-account-text-wrap {
  padding-left: 20px;
  padding-right: 20px
}

.header-sign-up {
  font-size: 1.4em;
  font-weight: 300;
  margin-top: 16px;
  text-align: center
}

.left-panel .header-left-menu-spacing-wrap {
  margin-left: 20px;
  margin-right: 20px
}

.left-panel .header-left-menu-spacing-wrap.-left-menu-top-spacing {
  padding-top: 20px
}

.mygarage-dd-container.-saved-empty .my-acc-garage-saved-add,
.mygarage-dd-container.-both-empty .my-acc-garage-saved-add {
  display: none !important
}

.left-panel .-parent-my-garage {
  background-color: #f1f1f1;
  height: 100%;
  padding-bottom: 0
}

.count-item.garage-count {
  vertical-align: middle
}

@media only screen and (min-width: 741px) and (max-width: 1023.98px),
  only screen and (min-width: 1024px) and (max-width: 1280.98px),
  only screen and (min-width: 1281px) and (max-width: 1600.98px),
  only screen and (min-width: 1601px) {
    .header-dd-hover-element:hover.-with-padding {
      padding-bottom: 16px
    }
    .wishlist-dd,
    .mygarage-dd {
      min-width: 304px
    }
    .mygarage-dd {
      display: block;
      min-width: 340px
    }
    .my-acc-garage {
      margin-left: 12px;
      margin-right: 12px
    }
    .my-acc-garage .mygarage-dd-container {
      float: left;
      margin-bottom: 0;
      width: 50%
    }
    .my-acc-garage .mygarage-dd-container:nth-child(even) {
      right: -4px
    }
    .my-acc-garage .mygarage-dd-container:nth-child(odd) {
      left: -4px
    }
    .my-acc-garage .mygarage-dd-container.-both-empty {
      margin-left: -4px;
      margin-right: -4px
    }
    .my-acc-garage .mygarage-dd-container>.mygarage-dd-vehicles {
      padding-top: 1.4em
    }
    .mygarage-dd-store {
      margin-top: 12px
    }
    .left-panel .mygarage-dd-store {
      margin-top: 4px
    }
    .my-acc-garage .marked-list-h {
      border-top: 1px solid #eee;
      display: table;
      padding: 34px 0
    }
    .my-acc-garage .mygarage-dd-cars-list .item-col>.lnk.-short {
      width: 72%
    }
    .my-acc-garage .mygarage-dd-cars-list .item-col>.save-lnk {
      margin-left: 0;
      margin-right: 4%
    }
  }

@media only screen and (min-width: 741px) and (max-width: 1023.98px) {
  .wishlist-dd,
  .mygarage-dd {
    top: 58px
  }
  .mygarage-dd {
    max-width: 465px
  }
  .mygarage-dd-cars-list .item-col>.lnk.-short {
    float: none;
    width: 346px
  }
  .left-panel .mygarage-dd-cars-list .item-col>.lnk.-short {
    width: 207px
  }
  .header-account-dd.-no-garage {
    right: 9px
  }
}

@media only screen and (min-width: 421px) and (max-width: 740.98px) {
  .wishlist-dd {
    max-width: 355px
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1280.98px),
  only screen and (min-width: 1281px) and (max-width: 1600.98px),
  only screen and (min-width: 1601px) {
    .mygarage-dd {
      max-width: 530px
    }
    .my-acc-garage .mygarage-dd-container {
      padding: 0 30px
    }
    .mygarage-dd-cars-list {
      display: table;
      padding-bottom: 0
    }
    .left-panel .mygarage-dd-cars-list {
      display: block
    }
    .my-acc-garage .mygarage-dd-cars-list>.item>.item-col:first-child {
      width: 60%
    }
    .mygarage-dd-cars-list .item-col>.lnk.-short {
      float: none;
      width: 140px
    }
    .my-acc-garage .mygarage-dd-cars-list .item-col>.save-lnk {
      margin-left: 0;
      margin-top: 5px
    }
    .header-account-dd {
      margin-left: -93px
    }
  }

@media only screen and (max-width: 420.98px) {
  .mygarage-dd-container>.header>.header-left>.title {
    font-size: 16px
  }
  .mygarage-dd-container>.header>.header-left>.sub-title {
    display: none
  }
  .-footer .mygarage-dd-cars-list>.item {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
  }
  .mygarage-dd-cars-list .-history-right {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    justify-content: space-between !important;
    margin-top: 8px;
    width: 100% !important
  }
  .left-panel .mygarage-dd-cars-list .item-col>.save-lnk {
    padding-left: 10px;
    padding-right: 10px
  }
  .mygarage-dd-add,
  .mygarage-dd-clear {
    margin-top: 2px;
    padding-left: 0
  }
}

@media only screen and (max-width: 420.98px),
  only screen and (min-width: 421px) and (max-width: 740.98px),
  only screen and (min-width: 741px) and (max-width: 1023.98px) {
    .mygarage-dd-cars-list .item-col>.save-lnk.-disable {
      opacity: 0.5
    }
    .mygarage-vehicle-title.-history {
      padding-left: 0
    }
  }

@media only screen and (min-width: 1281px) and (max-width: 1600.98px),
  only screen and (min-width: 1601px) {
    .mygarage-dd-radio>.ic:hover+.tooltip {
      display: block
    }
  }

webkit-keyframes preloader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0);
    transform: translate(-50%, -50%) rotateZ(0)
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
    transform: translate(-50%, -50%) rotateZ(360deg)
  }
}

@keyframes preloader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0);
    transform: translate(-50%, -50%) rotateZ(0)
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
    transform: translate(-50%, -50%) rotateZ(360deg)
  }
}

.head-dd-cont-holder {
  background: none;
  display: block;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 2
}

.head-dd-cont-holder.-show {
  height: auto
}

.head-dd-cont-holder.-show>.wrap {
  height: auto;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.head-dd-cont-holder:not(-show) {
  height: 0
}

.head-dd-cont-holder:not(-show)>.wrap {
  height: 0;
  opacity: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

.head-dd-cont-holder>.wrap {
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s, transform 0.4s ease-in-out;
  transition: opacity 0.4s, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out
}

.head-dd-cont-holder-close {
  background: url(https://cdn.carid.com/css/prod-images/1b168b6e17d841911e9bb2d506834058.svg) 0 0 no-repeat;
  cursor: pointer;
  height: 21px;
  opacity: 0.8;
  position: absolute;
  right: 20px;
  top: 10px;
  width: 21px;
  z-index: 20
}

.head-dd-cont-holder-close:hover {
  opacity: 0.5
}

.head_dd_cont_h {
  background: #fff;
  padding-top: 26px
}

.head-dd-list-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden
}

.prod_dd_li {
  box-sizing: border-box;
  list-style: none;
  padding: 10px 12px;
  width: 100%
}

.prod_dd_a {
  box-sizing: border-box;
  color: #111;
  display: block;
  position: relative;
  text-align: center
}

.prod_dd_a:hover {
  text-decoration: underline
}

.prod_dd_a>.prod_dd_t {
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding: 22px 0 6px
}

.prod-dd-img {
  display: none
}

@media only screen and (min-width: 741px) and (max-width: 1023.98px),
  only screen and (min-width: 1024px) and (max-width: 1280.98px) {
    .head-dd-cont-holder-close {
      height: 18px;
      right: 16px;
      top: 8px;
      width: 18px
    }
    .prod_dd_li {
      width: 16.6666%
    }
  }

@media only screen and (min-width: 741px) and (max-width: 1023.98px),
  only screen and (min-width: 1024px) and (max-width: 1280.98px),
  only screen and (min-width: 1281px) and (max-width: 1600.98px),
  only screen and (min-width: 1601px) {
    .head_dd_cont_h>.title {
      color: #121212;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.2
    }
    .prod_dd_a {
      overflow: visible
    }
    .prod_dd_a>.lazy-loading {
      display: block;
      height: 60px;
      width: 72px
    }
    .prod-dd-img {
      display: block;
      height: 60px;
      margin: 0 auto;
      width: 72px
    }
  }

@media only screen and (min-width: 1024px) and (max-width: 1280.98px),
  only screen and (min-width: 1281px) and (max-width: 1600.98px),
  only screen and (min-width: 1601px) {
    .head_dd_cont_h>.title {
      margin-left: 42px
    }
    .head-dd-list-wrap {
      padding: 18px 14px
    }
    .prod_dd_li {
      height: 144px
    }
  }

@media only screen and (min-width: 741px) and (max-width: 1023.98px) {
  .head_dd_cont_h>.title {
    margin-left: 32px
  }
  .head-dd-list-wrap {
    padding: 22px 0 28px
  }
  .prod_dd_li {
    box-sizing: border-box;
    margin: 8px 0;
    padding: 10px 8px
  }
  .prod_dd_a {
    line-height: 1.2;
    white-space: normal;
    width: auto
  }
}

@media only screen and (min-width: 1281px) and (max-width: 1600.98px),
  only screen and (min-width: 1601px) {
    .prod_dd_li {
      width: 12.5%
    }
  }

@-webkit-keyframes preloader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0);
    transform: translate(-50%, -50%) rotateZ(0)
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
    transform: translate(-50%, -50%) rotateZ(360deg)
  }
}

@keyframes preloader-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0);
    transform: translate(-50%, -50%) rotateZ(0)
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
    transform: translate(-50%, -50%) rotateZ(360deg)
  }
}

.left-dd-holder {
  position: relative;
  text-align: left;
  width: 100%
}

.left-dd-holder _:-ms-fullscreen,
:root .left-dd-holder {
  min-height: 100vh
}

.left-dd,
.left-dd-cont-h {
  list-style: none
}

.left-dd-border-mini {
  position: relative
}

.left-dd-border-mini::before {
  background: #f1f1f1;
  content: '';
  display: block;
  height: 1px;
  left: 6%;
  position: absolute;
  width: 88%
}

.left-dd-border-mini.-border-top::before {
  top: 0
}

.left-dd-border-mini.-border-bottom::before {
  bottom: 0
}

.left-dd-border-mini.-blue::before {
  background: #3761bf;
  height: 2px
}

.panel-content-spacing {
  padding-bottom: 17px
}

.panel-content-spacing.-top-spacing {
  padding-top: 17px
}

.left-dd-heading {
  color: #111;
  display: block;
  font-size: 20px;
  font-weight: 510;
  line-height: 20px;
  margin-left: 20px
}

.left-dd-heading.-spacing {
  margin-bottom: 17px;
  margin-top: 30px
}

.left-dd-vehicle-spacer {
  margin-top: 4px;
  padding: 5px 0 2px
}

@-webkit-keyframes show-from-left {
  0%,
  50% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes show-from-left {
  0%,
  50% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes show-from-right {
  0%,
  50% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes show-from-right {
  0%,
  50% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    transform: translateX(100px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.panel-page {
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 0;
  left: 0;
  overflow: hidden;
  position: relative;
  top: 0;
  -webkit-transition: height 0s 0.2s linear;
  transition: height 0s 0.2s linear;
  width: 100%
}

.panel-page.-current {
  height: 100%
}

.panel-page.-current .panel-header-content {
  -webkit-animation: show-from-left 0.6s ease;
  animation: show-from-left 0.6s ease;
  -webkit-animation-delay: -0.06s;
  animation-delay: -0.06s
}

.panel-page.-current .panel-content {
  -webkit-animation: show-from-left 0.6s ease;
  animation: show-from-left 0.6s ease
}

.panel-page-holder.-show-sub-menu .panel-page.-current {
  height: 0
}

.panel-page-holder.-show-sub-menu .panel-page.-current .panel-header-content,
.panel-page-holder.-show-sub-menu .panel-page.-current .panel-content {
  -webkit-animation: none;
  animation: none
}

.panel-page-holder.-show-sub-menu .panel-page.-next {
  height: 100%
}

.panel-page-holder.-show-sub-menu .panel-page.-next .panel-header-content {
  -webkit-animation: show-from-right 0.6s ease;
  animation: show-from-right 0.6s ease;
  -webkit-animation-delay: -0.06s;
  animation-delay: -0.06s
}

.panel-page-holder.-show-sub-menu .panel-page.-next .panel-content {
  -webkit-animation: show-from-right 0.6s ease;
  animation: show-from-right 0.6s ease
}

.panel-header {
  border-bottom: 1px solid #f1f1f1;
  height: 52px;
  padding: 0 20px
}

.panel-header.-border-none {
  border-bottom: none
}

.panel-header-content.-flex {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 100%
}

.panel-header-content.-flex>.heading {
  margin-left: auto
}

.panel-header-content.-flex>.heading.-garage {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.panel-header-content.-flex>.heading.-garage .-type-2 {
  margin-left: 5px
}

.panel-header-title {
  color: #111;
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  text-transform: capitalize
}

.panel-header-subtitle {
  color: #757575;
  display: block;
  font-size: 1.2em;
  line-height: 1.2
}

.panel-back-button {
  background: url(https://cdn.carid.com/css/prod-images/2e666fc9d39c9d242209eaa5b6ce1fef.svg) 0 50% no-repeat;
  background-size: auto 16px;
  color: #3761bf;
  cursor: pointer;
  font-size: 1.4em;
  line-height: 1.2;
  padding: 12px
}

.panel-content {
  height: 100%;
  position: relative
}

.panel-content>.top-content {
  padding-bottom: 5px;
  position: relative
}

.panel-content>.bottom-content {
  padding-top: 10px;
  position: relative
}

.left-panel .left-menu-hide {
  display: none
}

.left-dd-title {
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  background-position: 20px 50%;
  background-repeat: no-repeat;
  background-size: 46px auto;
  box-sizing: border-box;
  color: #111;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  height: 52px;
  line-height: 1.16;
  padding-left: 20px;
  padding-right: 30px;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.06);
  -webkit-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.no-touch .left-dd-title:hover>.hover-item {
  text-decoration: underline
}

.left-dd-title.-left-dd-title-height {
  height: 43px
}

.left-dd-title.-arrow::after {
  background: url(https://cdn.shopify.com/s/files/1/0296/1280/2183/files/e62f34f2.svg?v=1589617592) 50% 50% no-repeat;
  background-size: auto 16px;
  content: '';
  height: 100%;
  position: absolute;
  right: 20px;
  top: 0;
  width: 12px
}

.left-dd-title:not(.-phone):active,
.left-dd-title:not(.-phone).-active {
  background-color: #eee
}

.left-dd-title.-icon {
  padding-left: 86px
}

.left-dd-title.-phone {
  background-image: url(https://cdn.carid.com/css/prod-images/c45f55a4.svg);
  cursor: default;
}

.left-dd-title.-live-chat {
  background-image: url(https://cdn.carid.com/css/prod-images/6f04fad15c8e46d948cbb6a4c7a3efbc.svg)
}

.left-dd-title.-help-center {
  background-image: url(https://cdn.carid.com/css/prod-images/23f45b327cc03685b09617b78ec5d305.svg)
}

.left-dd-title.-vehicle {
  background-image: url(https://cdn.carid.com/css/prod-images/632242384ad3c357100f40aab75ba096.svg)
}

.left-dd-title.-primary {
  background-position: 34px 50%;
  background-repeat: no-repeat;
  background-size: 20px auto;
  font-size: 16px;
}

.left-dd-title.-garage {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1.4
}

.left-dd-title>.lazy-loading {
  display: block;
  height: 30px;
  left: 20px;
  margin: 0;
  top: 11px;
  width: 46px
}

.left-dd-title a {
  color: #111;
  text-decoration: none
}

.left-dd-img {
  display: block;
  height: auto;
  left: 20px;
  position: absolute;
  top: 7px;
  width: 46px
}

.left-dd-img.-speciality {
  top: 11px
}

.left-menu-header-close {
  background: url(https://cdn.carid.com/css/prod-images/c75f2e74ea01174eafee1d1cdf6155df.svg) 50% 50% no-repeat;
  background-size: 18px 18px;
  cursor: pointer;
  height: 18px;
  left: 100%;
  margin: 18px;
  opacity: 0.8;
  position: absolute;
  width: 18px;
  z-index: 6
}

.no-touch .left-menu-header-close:hover {
  opacity: 1
}

.touch .left-menu-header-close {
  opacity: 1
}

.left-menu-vehicles-title {
  color: #757575;
  font-size: 12px;
  font-weight: 400;
  margin-left: 6px;
  text-transform: none
}

.left-menu-vehicles-title.-garage {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin-left: 0;
  width: 100%
}

.left-dd-recently-items {
  padding: 20px 0 10px
}

.recently-viewed-items-small {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 20px 20px 8px;
  overflow-x: auto
}

.recently-viewed-items-small>.item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 44px;
  margin-left: 8px;
  overflow-y: hidden;
  position: relative;
  width: 44px
}

.recently-viewed-items-small>.item:first-child {
  margin-left: 0
}

.recently-viewed-items-small>.item>.ic {
  width: 100%
}

.recently-viewed-items-small>.item>.lazy-loading {
  background: #f5f5f5;
  bottom: 0;
  display: block
}

@media only screen and (min-width: 741px) and (max-width: 1023.98px),
  only screen and (min-width: 1024px) and (max-width: 1280.98px),
  only screen and (min-width: 1281px) and (max-width: 1600.98px),
  only screen and (min-width: 1601px) {
    .left-dd-heading.-spacing {
      margin-top: 35px
    }
    .left-dd-vehicle-spacer {
      padding-top: 10px
    }
    .panel-content>.top-content {
      padding-bottom: 10px
    }
    .left-dd-title {
      padding-right: 38px
    }
    .left-dd-title.-arrow::after {
      right: 25px
    }
    .left-dd-recently-items {
      margin-top: 8px
    }
  }