.italic {
  font-family: latoitalic;
}

.show400, .show-400,
.show500, .show-500,
.show600, .show-600,
.show700, .show-700,
.show800, .show-800,
.show900, .show-900,
.show1000, .show-1000 {
  display: none;
}

iframe {
  user-select: none;
}

.nowrap {
  white-space: nowrap;
}

sup {
  cursor: pointer;
}

.text-strike {
  text-decoration: line-through;
}

.success {
  color: green;
  text-transform: uppercase;
  font-weight: bold;
}

#siteload-popup {
  position: fixed;
  top: 100px;
  z-index: 100100;
}

@media only screen and (max-width: 600px) {
#siteload-popup {
  top: 20px !important;
}
}

#w4w-wrap {
  text-align: left;
  margin-bottom: 20px;
}

#w4w-wrap p {
  padding: 10px 0;
}

.yt-video-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
  }

.yt-video-wrap iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.feature-banner {
  width: 100%;
  height: 100%;
  z-index: 10000;
  position: absolute;
  top: -4px;
  left: -4px;
}

.product-page .feature-banner {
  width: 130px;
  height: 100px;
}

.item-image-banner {
  width: 130px;
  height: 100px;
  z-index: 10000;
  position: absolute;
  top: -4px;
  left: -4px;
}

.blowout-banner-wheel-12      { background: url('../png/banner-20percentoff-wheels-pack.png')no-repeat; }
.blowout-banner-wheel-6       { background: url('../png/banner-15percentoff-wheels-pack.png')no-repeat; }
.blowout-banner-tire-12       { background: url('../png/banner-20percentoff-tires-pack.png')no-repeat; }
.blowout-banner-tire-6        { background: url('../png/banner-15percentoff-tires-pack.png')no-repeat; }
.below-blowout-banner         { background: url('../png/banner-below-blowout-blue.png')no-repeat; }
.blowout-package-banner       { background: url('../png/banner-below-blowout.png')no-repeat; }
.cash-back-10-banner          { background: url('../png/banner-cash-back10.png')no-repeat; }
.cash-back-20-banner          { background: url('../png/banner-cash-back20.png')no-repeat; }
.cash-back-40-banner          { background: url('../png/banner-cash-back40.png')no-repeat; }
.double-entries-banner        { background: url('../png/banner-double-entries.png')no-repeat; }
.free-decals-banner           { background: url('../png/banner-free-decals.png')no-repeat; }
.free-hat-decal-banner        { background: url('../png/banner-hat-decal.png')no-repeat; }
.limited-time-banner          { background: url('../png/banner-limited-time.png')no-repeat; }
.pre-order-banner             { background: url('../png/banner-preorder.png')no-repeat; }
.quickship-wheel-banner       { background: url('../png/banner-10percentoff-wheels-pack.png')no-repeat; }
.quickship-tire-banner        { background: url('../png/banner-10percentoff-tires-pack.png')no-repeat; }
.renegade-towel-banner        { background: url('../png/banner-renegade-towels.png')no-repeat; }
.special-offer-banner         { background: url('../png/banner-special-offer.png')no-repeat; }
.tenpercentoff-banner         { background: url('../png/banner-10percentoff.png')no-repeat; }
.fivepercent-wheelpack-banner { background: url('../png/banner-5percentoff-wheels-pack.png')no-repeat; }
.fivepercent-tirepack-banner  { background: url('../png/banner-5percentoff-tires-pack.png')no-repeat; }
.tenpercent-wheelpack-banner  { background: url('../png/banner-10percentoff-wheels-pack.png')no-repeat; }
.tenpercent-tirepack-banner   { background: url('../png/banner-10percentoff-tires-pack.png')no-repeat; }
.tire-pros-item-banner        { background: url('../png/banner-tire-warranty.png')no-repeat; }
.top-seller-banner            { background: url('../png/banner-top-seller.png')no-repeat; }
.vortek-for-vets-banner       { background: url('../png/banner-vortek-for-vets.png')no-repeat; }
.quickpack-10-banner          { background: url('../png/banner-quickpack-10.png')no-repeat; }
.wheelpack-25-banner          { background: url('../png/banner-25percentoff-wheels-pack.png')no-repeat; }
.wheelpack-50-banner          { background: url('../png/banner-50percentoff-wheels-pack.png')no-repeat; }
/* .quickship-item-banner     { background: url('/inc.store/bk.inc/images/banners/banner-10percentoff-pack.png')no-repeat; } */
/* .quickship-item-banner     { background: url('/inc.store/bk.inc/images/banners/banner-quickship-item.png')no-repeat; } */
/* .blowout-package-banner    { background: url('/inc.store/bk.inc/images/banners/banner-blowout-package.png')no-repeat; } */
/* .relocation-sale-banner    { background: url('/inc.store/bk.inc/images/banners/banner-relocation1.png')no-repeat; } */

span.package-builder-lug-price {
  color: #1b75bb !important;
}

#add-pack-to-cart-details {
  float: right;
}

#sm-facebook  { background-position: -319px -66px; }
#sm-linkedin  { background-position: -358px -66px; }
#sm-youtube   { background-position: -396px -66px; }
#sm-twitter   { background-position: -434px -66px; }
#sm-instagram { background-position: -472px -66px; }

.mobile-menu-sms-note {
  color: #fff;
  color: rgb(255 255 255 / 80%);
  font-family: latoregular;
  font-size: 16px;
  text-transform: capitalize;
}

.contact-sms-note {
  font-size: 80%;
  display: block;
  line-height: 20px;
  text-transform: capitalize;
}

.footer-sms-note {
  position: relative;
  top: 8px;
  margin-bottom: 5px;
  color: #fff;
  color: rgb(255 255 255 / 60%);
  font-size: 18px;
  font-family: latoregular;
  text-transform: capitalize;
}

svg.svg-paytomorrow {
  display: inline-block;
  width: 120px;
  height: 20px;
  position: relative;
  bottom: -5px;
}

svg.svg-katapult {
  display: inline-block;
  width: 92px;
  height: 20px;
  position: relative;
  bottom: -5px;
}

.flex {
  display: flex;
}

.flex.centered {
  justify-content: center;
}

/*-------------------------------------
--------------------------- MOBILE MENU
-------------------------------------*/
#mobile-menu-socialbar {
  display: block;
  float: right;
  height: 28px;
  margin: 20px 10px 10px 0;
}

#mobile-menu-socialbar a {
  position: relative;
  display: block;
  float: left;
  margin-right: 15px;
  width: 28px;
  height: 28px;
  border-radius: 4px;
}

.svg-sprite.mobile-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: auto;
  width: 70%;
  height: 70%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: #fff;
}

.mobile-facebook {
  background-color: #3b5998;
}

.mobile-twitter {
  background-color: #1da1f2;
}

.mobile-linkedin {
  background-color: #0077b5;
}

.mobile-tiktok {
  background-color: #333333;
}

.mobile-instagram {
  background-color: #e1306c;
  background-image: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.mobile-youtube {
  background-color: #cd201f;
}

/*-------------------------------------
----------------------------- APP GUIDE
-------------------------------------*/
#advanced-search #select-boxes.suspension-app-guide-wrapper select {
  width: 19%;
}

/*-------------------------------------
-------------------------- PRODUCT PAGE
-------------------------------------*/
#breadcrumbs a.no-link {
  cursor: inherit;
}

#breadcrumbs a.no-link:hover {
  text-decoration: none;
}

#info-area h1,
.fit-notification h1,
.product-actions h1 {
  font-size: 26px;
  line-height: 30px;
  font-family: 'latoblack';
}

.wheel-test-fit-brakes {
  display: block;
  font-size: .8em;
  line-height: 1.35em;
  padding-top: 5px;
}

.title-details {
  margin-top: 8px;
  line-height: 20px;
}

.title-details span strong {
  text-transform: uppercase;
}

span.product-title-info {
  font-size: 14px;
}

span.product-title-info strong {
  font-family: 'latobold';
  font-weight: normal;
  text-transform: uppercase;
}

.product-title span.red-text {
  font-family: inherit;
}

.product-page .modal p.low-inv-contact {
  font-size: 18px;
  line-height: 28px;
}

.product-page .modal p.low-inv-contact-links {
  font-size: 18px;
  line-height: 32px;
}

.product-page p.member-only-pricing-login {
  padding: 5px 0;
  font-size: 20px;
  font-family: latobold;
  text-transform: uppercase;
}

#main.container #prices .affirm-as-low-as {
  padding: 10px 0 5px 0;
  font-size: 18px;
  font-family: latobold;
  text-transform: uppercase;
}

p.affirm-as-low-as a {
  font-family: latobold;
  font-size: 14px;
  text-transform: uppercase;
}

#prices .__affirm-logo.__affirm-logo-blue {
  font-size: 20px;
  margin-right: 2px;
  position: relative;
  top: -1px;
}

.product-page .mpe.__pt-mpe {
  cursor: pointer;
  padding: 0 0 5px 0;
  font-size: 18px;
  font-family: latobold;
  text-transform: uppercase;
}

.product-page a.__pt-info-link {
  font-family: latobold;
  font-size: 14px;
  text-transform: uppercase;
}

.mpe.__pt-mpe br {
  display: none;
}

.product-finance-options {
  padding: 10px 0 5px 0;
  font-size: 17px;
  font-family: latobold;
  text-transform: uppercase;
}

.product-finance-price {
  font-family: latoblack;
  font-size: 24px;
  color: #cc0000;
}

.product-finance-options a {
  font-size: 14px;
}

span.preapproval-disclaimer {
  font-family: lato;
  text-transform: initial;
  font-size: 14px;
  line-height: 20px;
  display: block;
  padding-top: 5px;
}

.fin-map-wrap {
  padding: 5px 0 0;
  font-size: 16px;
  line-height: 22px;
}

.item-availability-note {
  position: relative;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px 0 0;
  font-size: 16px;
  line-height: 24px;
}

.wheel-item-photo-disclaimer {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
}

.item-DCnote {
  font-size: 14px;
  font-family: latoitalic;
  display: block;
  margin-top: 5px;
  line-height: 16px;
}

#product-bottom-area #brand-image img {
  max-height: 100px;
}

.product-details p.product-action-terms {
  font-family: latoitalic;
}

.product-details p.similar-result-links {
  font-size: 18px;
  line-height: 32px;
}

.item-price-sale-note {
  display: block;
  font-family: latoblack;
  font-size: 24px;
  padding-bottom: 10px;
}

.item-price-sale-note span {
  font-family: 'latoitalic';
  display: inline-block;
}

.item-blowout-disclaimer {
  font-family: lato;
  text-transform: initial;
  font-size: 14px;
  line-height: 20px;
  display: block;
  padding-top: 15px;
}

.item-rv-image-wrap {
  display: grid;
  grid-template-columns: repeat(3, minmax(10px, 1fr));
  gap: 20px;
  grid-auto-rows: min-content;
}

.item-rv-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 600px) {
.item-rv-image-wrap {
  grid-template-columns: repeat(2, minmax(10px, 1fr));
  gap: 10px;
}
}

/*-------------------------------------
---------------------------- SUSPENSION
-------------------------------------*/
.suspension-kits-pic-wrap {
  display: grid;
  grid-template-columns: repeat(2, minmax(10px, 1fr));
  grid-auto-rows: min-content;
  margin: 40px 0;
  gap: 40px;
}

@media only screen and (max-width: 600px) {
.suspension-kits-pic-wrap {
  margin: 20px 0;
  gap: 20px;
}
}

/*-------------------------------------
---------------------- CENTER CAP CHECK
-------------------------------------*/
#wheel-cap-option-wrap {
  position: relative;
  border: 1px solid #ccc;
  padding: 10px;
  margin: 10px 0 0;
}

.cap-select-wrap {
  text-align: center;
  position: absolute;
  height: 52px;
  margin-top: -26px;
  top: 50%;
  right: 5px;
}

.product-page p.center-cap-note {
  padding: 0;
}

#wheel-cap-select {
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: 3px solid #ccc;
}

#wheel-cap-select.capinc {
  background-color: #ffcc00;
  background-image: url(../png/check-40x.png);
  background-position: center;
  background-repeat: no-repeat;
  border: 3px solid #ffcc00;
}

#wheel-cap-label {
  padding: 0 0 3px;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
}

/*-------------------------------------
-------------------------- ITEM RESULTS
-------------------------------------*/
#result-array-wrap {
  display: flex;
  flex-wrap: wrap;
}

#result-array-wrap .feature-box {
  height: auto !important;
  max-height: inherit;
}

.feature-box p.feature-price {
  white-space: nowrap;
}

.feature-box p.feature-price.feature-member-only {
  white-space: inherit;
}

.item-finance-option {
  color: #333;
  line-height: 24px;
  font-family: 'latoblack';
  padding: 5px 0;
}

.item-finance-option.ifo-allsites {
  padding: 5px 0 0;
}

.item-finance-option .ifo-price {
  font-size: 30px;
  display: inherit;
  margin-top: 6px;
  color: #cc0000;
}

@media only screen and (max-width: 500px) {
.item-finance-option.ifo-allsites {
  font-size: 16px;
  line-height: 22px;
}

.item-finance-option .ifo-price {
  font-size: 24px;
}
}

.item-finance-option .ifo-ala {
  display: block;
  font-family: latoitalic;
  font-weight: bold;
}

.item-finance-option .ifo-bw {
  font-size: 16px;
  white-space: nowrap;
  color: #333;
}

.item-finance-option .ifo-zp {
  display: block;
}

.item-result-finance-or-each {
  color: #333;
  font-size: .8em;
}

.feature-price-each {
  color: #333;
  font-family: latoregular;
  font-size: 16px;
}

span.close-side-button {
  top: -20px !important;
  right: 0 !important;
  left: -24px;
  width: 50px;
  height: 45px;
  background-position: -265px -107px;
  z-index: 99;
}

@media only screen and (max-width: 1000px) {
#filter-button {
  top: 20px !important;
}
}

/*-------------------------------------
----------------------- QUICK SHIP PAGE
-------------------------------------*/
.qs-shop-link-wrapper {
  display: flex;
  justify-content: center;
}

.qs-shop-link {
  flex: 0 0 1;
  padding: 10px;
  margin: 0 10px;
  width: 30%;
  border: 1px solid #ccc;
}

@media only screen and (max-width: 800px) {
.qs-shop-link-wrapper {
  justify-content: space-between;
}

.qs-shop-link {
  flex: 1 0 40%;
  margin: 0 1%;
}
}

p.shop-link-title {
  color: #333;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 18px;
  margin: 10px 0 0;
  padding: 0;
  font-family: inherit;
  white-space: nowrap;
}

/*-------------------------------------
------------------------- WHEEL RESULTS
-------------------------------------*/
.wheel-result-filter-text {
  font-size: 24px;
}

@media only screen and (max-width: 500px) {
.wheel-result-filter-text {
  font-size: 18px;
  margin-top: 10px;
  line-height: 24px;
  padding-bottom: 5px;
}

.wheel-results-page table#adv-fit-table tr.min-max-selects {
  margin-bottom: 5px;
}

.wheel-results-page #adv-search-select-boxes {
  margin-top: -10px;
}
}

.availability-button {
  display: block;
  position: fixed;
  right: -300px;
  top: 200px;
  width: 52px;
  height: 272px;
  z-index: 100000;
  -webkit-box-shadow: 0 0 8px 0 #333;
  -moz-box-shadow: 0 0 8px 0 #333;
  -ms-box-shadow: 0 0 8px 0 #333;
  -o-box-shadow: 0 0 8px 0 #333;
  box-shadow: 0 0 8px 0 #333;
}

@media only screen and (max-height: 500px) {
.availability-button {
  display: none;
}
}

#blowout-button        { background: url("../png/blowout-wheels-button.png"); }
#quickship-button      { background: url("../png/quickship-wheels-button.png"); }
#quickship-button.quickship-sale-button { background: url("../png/quickship-wheels-sale-button.png"); }
#quickship-button.quickship-sale-button50 { background: url("../png/quickship-wheels-sale-button-50.png"); }

.feature-description.location-avail {
  white-space: nowrap;
}

/* -- WHEEL RESULT DROPDOWNS -- */
.fit-dropdown select {
  margin: 0 .5% 8px 0 !important;
}

.wheel-dd-filters-wrap {
  display: flex;
  margin: 5px 0;
  flex-wrap: wrap;
  justify-content: space-between;
}

.wheel-dd-filter-section.min-max-filters {
  width: 15%;
}

.wheel-dd-label {
  text-align: center;
  text-transform: uppercase;
  font-family: latobold;
  width: 92%;
}

.more-wheel-filters .wheel-dd-label {
  width: 100%;
}

.wheel-dd-filter-section.min-max-filters select {
  width: 45%;
  margin-bottom: 0;
}

.wheel-dd-filter-section.more-wheel-filters {
  width: 55%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.wheel-dd-filter-section.more-wheel-filters select {
  width: 24%;
  margin-bottom: 0;
}

.wheel-dd-filter-section.more-wheel-filters-stockfit {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.more-wheel-filters-stockfit select {
  width: 19.5%;
  margin-bottom: 0px;
}

@media only screen and (max-width: 800px) {
.wheel-dd-filter-section.min-max-filters {
  flex: 0 0 32%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.wheel-dd-label {
  width: 100%;
}

.wheel-dd-filter-section.min-max-filters select {
  width: 49%;
}

.wheel-dd-filter-section.more-wheel-filters {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
}

@media only screen and (max-width: 500px) {
.wheel-dd-filter-section.min-max-filters {
  display: flex;
  flex: 0 0 100%;
  justify-content: space-between;
}

.wheel-dd-filter-section.more-wheel-filters {
  margin-top: 0px;
}

.wheel-dd-label {
  text-align: left;
  width: 20%;
  position: relative;
  top: 5px;
}

.wheel-dd-filter-section.min-max-filters select {
  width: 38%;
  margin-bottom: 8px;
}
}

/*-------------------------------------
-------------------------- TIRE RESULTS
-------------------------------------*/
.tire-btn-option-note {
  display: block;
  font-size: .8em;
  padding-top: 2px;
}

.tvid-select-tire-size {
  width: 50%;
  margin: 0 auto;
}

.tire-results-page #main.container .feature-box p.feature-description {
  white-space: nowrap;
  overflow: hidden;
}

/* -- TIRE APP GUIDE FILTER OPTIONS -- */
.tire-dd-option-wrap {
  margin: 0 0 20px;
}

.tire-dd-option-btn {
  float: left;
  width: 23%;
  margin-right: 2%;
}

.tire-dd-option-btn a {
  box-sizing: border-box;
  width: 100%;
}

.tire-dd-option-txt {
  float: left;
  width: 75%;
}

@media only screen and (max-width: 800px) {
.tire-dd-option-btn,
.tire-dd-option-txt {
  width: 100%;
  margin-right: 0;
}  
.tire-dd-option-btn {
  margin-bottom: 10px;
}
}

/*-------------------------------------
----------------------- PACKAGE BUILDER
-------------------------------------*/
#wheel-details-img,
.tire-details-img {
  position: relative;
}

span.packprice-sale-note {
  display: block;
  font-family: 'latoblack';
  text-transform: uppercase;
  color: #cc0000;
  font-size: 24px;
  padding-top: 5px;
}

.package-builder-page .select-options tbody:before {
  line-height: 8px;
  content: "\200C";
  display: block;
}

a.pack-checkbox {
  width: 18px;
  height: 18px;
  display: block;
  margin-top: 2px;
}

@media only screen and (max-width: 600px) {
a.pack-checkbox {
  margin-top: 5px;
}
}

a.pack-checkbox.pack-checkbox-checked {
  border: 2px solid #ffcc00;
  background-color: #ffcc00;
  background-image: url(../png/check-40x.png);
  background-size: cover;
}

a.pack-checkbox.pack-checkbox-unchecked {
  border: 2px solid #bbb;
}

a.pack-checkbox-disabled {
  cursor: default;
}

a.button.button-outline {
  background: #dcdcdc;
  border: 1px solid #333;
  color: #333 !important;
}

a.button.button-outline:hover {
  background: #eee;
}

.package-to-cart-note {
  display: inline-block;
  background: rgba(255,255,255,.6);
  background-image: url(../jpg/item-special-bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #bbb;
  padding: 10px;
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 18px;
  font-family: latobold;
  text-transform: uppercase;
}

.pack-inventory-warning {
  text-align: right;
  margin-top: 20px;
}

#main.container.package-page .pack-inventory-warning h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 24px;
  padding-bottom:8px;
}

.tire-detail-tire-warranty {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  border: 1px solid #ccc;
  margin-top: 10px;
  padding: 5px 0;
}

.pack-prices-bonus {
  text-align: center;
  float: right;
  width: 310px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px 0 7px;
  margin: 5px 0 15px;
}

/* .dropship-info { */
  /* max-width: 580px; */
  /* display: block; */
  /* font-size: 16px; */
  /* line-height: 20px; */
  /* margin: 5px 0; */
  /* padding: 5px 7px; */
  /* border: 1px solid #000; */
  /* background: #fff; */
/* } */

.mb-ship-note-before,
.dropship-info {
  margin: 10px 0;
  max-width: 80%;
  font-size: 90%;
  line-height: 150%;
  background: #efefef;
  padding: 8px 12px;
}

@media only screen and (max-width: 1024px) {
.mb-ship-note-before,
.dropship-info {
  max-width: 100%;
}
}

form#add-pack-to-cart {
  width: 100%;
  max-width: 400px;
  float: right;
}

/*-------------------------------------
--------------------- GEAR WITH PACKAGE
-------------------------------------*/
#pack-gear-wrap {
  margin-top: 10px;
  float: left;
  border: 1px solid #ccc;
  padding: 20px;
  background: #fff;
  box-sizing: border-box;
}

#pack-gear-wrap h4 {
  font-family: latobold;
  font-size: 28px;
  color: #cc0000;
  padding-bottom: 10px;
}

#pack-gear-size {
  margin: 10px 0 0;
}

#pack-gear-size:focus {
  box-shadow: none !important;
  background: #fff !important;
}

#pack-gear-size.highlight {
  border-color: #cc0000 !important;
  box-shadow: 0 0 0px 1px #cc0000 !important;
  background: rgba(255, 0, 0, 0.1) !important;
}

#pack-gear-error {
  text-align: right;
  font-weight: bold;
  color: rgb(204, 0, 0);
  text-transform: uppercase;
  margin: 5px 0 -10px;
  font-size: 20px;
}

@media only screen and (max-width: 800px) {
#pack-gear-wrap {
  width: 49%;
}
}

@media only screen and (max-width: 700px) {
#pack-gear-wrap {
  padding: 12px;
  margin-bottom: 10px;
}

#pack-gear-wrap,
#add-pack-to-cart-details {
  width: 100%;
}
}

/*-------------------------------------
------------------------------ REALVIEW
-------------------------------------*/
.realview-upload-button img {
  max-height: 60px;
}

.vehicleview-page #main.container p.feature-title {
  white-space: normal;
  line-height: 24px;
}

/*-------------------------------------
------------------- WHEELS FOR WARRIORS
-------------------------------------*/
@media only screen and (max-width: 800px) {
#w4w-videos-wrapper .four,
#w4w-videos-wrapper .eight {
  width: 100%;
  margin-right: 0;
}
}

#w4w-footer-banner {
  display: block;
  width: 100%;
  height: 160px;
  border-top: 1px solid #000;
  background: url('../jpg/banner-footer-w4w-discount-1200x.jpg') no-repeat center center/auto;
  background: url('../jpg/banner-footer-w4w-discount-1200x.jpg') no-repeat center center/auto,-moz-linear-gradient(left, #0d2331 0%, #0d2331 50%, #351f2c 50%, #351f2c 100%);
  background: url('../jpg/banner-footer-w4w-discount-1200x.jpg') no-repeat center center/auto,-webkit-linear-gradient(left, #0d2331 0%,#0d2331 50%,#351f2c 50%,#351f2c 100%);
  background: url('../jpg/banner-footer-w4w-discount-1200x.jpg') no-repeat center center/auto,linear-gradient(to right, #0d2331 0%,#0d2331 50%,#351f2c 50%,#351f2c 100%);
}

@media only screen and (max-width: 1280px) {
  #w4w-footer-banner {
    background-size: cover;
    height: 130px;
  }
}

@media only screen and (max-width: 1040px) {
  #w4w-footer-banner {
    height: 100px;
  }
}

@media only screen and (max-width: 800px) {
  #w4w-footer-banner {
    height: auto;
  }
}

/*-------------------------------------
---------------------- WARRIOR SPONSORS
-------------------------------------*/
.verified-sponsors-wrap {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-top: 10px;
  justify-content: center;
}

.verified-sponsors-wrap .brand-box {
  padding: 20px 0;
  border: 1px solid #ccc;
}

.verified-sponsors-wrap .sponsor-title {
  color: #333;
  display: block;
  padding: 0;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px;
}

.verified-sponsor-logo {
  display: flex;
  height: 100px;
  width: 100%;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  align-content: flex-start;
}

@media only screen and (max-width: 400px) {
.verified-sponsors-wrap .brand-box {
  flex: 0 0 100%;
}
}

/*-------------------------------------
-------------------------- PAGE MESSAGE
-------------------------------------*/
.page-message {
  background: #444;
  color: #fff;
  font-weight: bold;
  text-align: left !important;
}

.page-message-warning {
  background: #ff0000;
  width: 10px;
}

.page-message td {
  line-height: 24px;
  padding: 10px 10px;
  vertical-align: middle;
}

/*-------------------------------------
-------------------------------- BRANDS
-------------------------------------*/
.brands-wrapper {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-top: 10px;
}

.brand-box {
  display: flex;
  flex: 0 0 24%;
  text-align: center;
  background: #fff;
  box-sizing: border-box;
  margin: 0 .5% 25px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
}

.brand-box:hover .brand-image-wrap {
  background: #fff;
  -webkit-box-shadow: 0 0 8px 0 #888;
  -moz-box-shadow: 0 0 8px 0 #888;
  -ms-box-shadow: 0 0 8px 0 #888;
  -o-box-shadow: 0 0 8px 0 #888;
  box-shadow: 0 0 8px 0 #888;
}

.brand-image-wrap {
  display: flex;
  height: 100px;
  width: 100%;
  overflow: hidden;
  border: 1px solid #ccc;
  justify-content: center;
  align-items: center;
  align-content: flex-start;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.brand-box img {
  max-height: 70px;
  max-width: 80%;
}

.brand-box-title {
  color: #333;
  display: block;
  padding-top: 8px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
}

@media only screen and (max-width: 1024px) {
.brand-box {
  flex: 0 0 32.3%;
}
}

@media only screen and (max-width: 800px) {
.brand-box {
  flex: 0 0 46%;
  margin: 0 2% 4%;
}
}

/*-------------------------------------
------------------------------- CATALOG
-------------------------------------*/
.cat-list-header {
  color: #333;
}

.cat-list-header p {
  font-size: 16px;
  line-height: 20px;
}

#subcat-description {
  display: table-cell;
}

#subcat-description p a {
  display: block;
  padding-top: 5px;
}

.sub-cat-header h1,
.sub-cat-header h3 {
  font-size: 26px;
  line-height: 30px;
  font-family: 'latoblack';
  padding-bottom: 5px;
  margin-top: 20px;
}

.sub-cat-header p {
  padding: inherit;
}

.catalog-page .result-table {
  margin-top: 20px;
}

.sub-cat-header img.brand {
  margin-top: 3px !important;
  max-height: 60px;
}

.result-table .sort-arrow {
  float: right;
  color: #bbb;
}

@media only screen and (max-width: 600px) {
.catalog-page .result-table td {
  padding: 5px 10px;
}

.sub-cat-header img.product {
  margin-bottom: 10px;
}

#subcat-description {
  clear: both;
  display: block;
}
}

.catalog-page .feature-box p.feature-title {
  height: 42px;
  max-height: 42px;
  overflow: hidden;
  white-space: inherit;
  line-height: 42px !important;
  white-space: normal;
}

.catalog-page p.feature-title span {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}

.promo-wrap img {
  width: 100%;
}

/*-------------------------------------
----------------------- PROMOTIONS PAGE
-------------------------------------*/
.active-promos-wrap {
  margin-top: 20px;
}

.active-promo-item {
  display: flex;
  flex: 1;
  align-items: center;
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ccc;
}

.active-promo-item:last-child {
  border: none;
  padding-bottom: 20px;
}

.active-promo-banner, 
.active-promo-details {
  box-sizing:border-box;
  flex: 0 0 50%;
}

.active-promo-banner {
  order: 1;
}

.active-promo-details {
  padding: 0 20px;
  order: 2;
}

.active-promo-item .button {
  box-sizing: border-box;
  min-width: 150px;
  margin: 0 5px;
}

.rebate-end-date {
  font-size: 16px;
  margin-top: 10px;
  padding: 0;
}

.button.ec-rebate-button {
  min-width: 150px;
  box-sizing: content-box;
}

@media only screen and (max-width: 800px) {
.active-promo-item {
  flex-wrap: wrap;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.active-promo-banner {
  margin-bottom: 20px;
}

.active-promo-banner, 
.active-promo-details {
  box-sizing:border-box;
  flex: 0 0 100%;
}

.ec-rebate-promo-banner.six {
  width: 100%;
  margin: 20px 0 0;
}
}

@media only screen and (max-width: 500px) {
.button.ec-rebate-button {
  margin: 10px 5%;
  width: 90%;
  box-sizing: border-box;
}
}

@media only screen and (max-width: 400px) {
.active-promo-item .button {
  margin: 0;
  width: 100%;
}

.active-promo-item .button.rebate-shop-now-button {
  margin-bottom: 15px;
}
}

/*-------------------------------------
---------------------------- TERMS PAGE
-------------------------------------*/
.terms-page #main.container {
  line-height: 26px;
}

.terms-page #main.container p {
  padding: 5px 0;
}

.terms-page #main.container h3 {
  padding: 25px 0px 0px;
}

.terms-page #main.container ul,
.terms-page #main.container ol {
  padding: 20px 0 10px;
  text-align: justify;
}

.terms-page #main.container ul li,
.terms-page #main.container ol li {
  margin-left: 20px;
  list-style: inherit;
}

.terms-page #main.container ol.terms-list {
  padding-left: 20px;
}

.terms-page #main.container ol.terms-list span {
  display: block;
  padding-bottom: 10px;
}

.terms-page #main.container ol.terms-list li {
  font-family: latobold;
  text-align: left;
}

.terms-page #main.container ol.terms-list ol {
  padding: 0px;
}

.terms-page #main.container ol.terms-list ol li,
.terms-page #main.container ol.terms-list figure {
  list-style-type: upper-alpha;
  font-family: latoregular;
}

.terms-page #main.container ol.terms-list ol.list-tier3 {
  padding-left: 20px;
}

.terms-page #main.container ol.terms-list ol.list-tier3 li {
  list-style-type: circle;
  margin-bottom: 5px;
}

/*-------------------------------------
--------------------------- CLIENT PAGE
-------------------------------------*/
.clientarea .success {
  margin-bottom: 10px;
}

p.winner-list { column-count: 3; }
@media only screen and (max-width: 800px) { p.winner-list { column-count: 2; } }
@media only screen and (max-width: 500px) { p.winner-list { column-count: 1; } }

.tango-redeem-popup {
  display: none;
  position: fixed;
  z-index: 100100;
  top: 120px;
}

.tango-redeem-pu-btn {
  margin: 5px 0 30px;
}

input.tango-redeem-btn,
a.tango-redeem-btn {
  display: inline-block;
  width: 25%;
  margin: 0 1.5%;
  padding: 15px 0 !important;
}

.tango-redeem-popup p {
  font-size: 18px;
  line-height: 24px;
}

.tango-redeem-popup p.tango-value {
  font-size: 1.3em;
  font-family: latobold;
  text-transform: uppercase;
}

@media only screen and (max-width: 600px) {
input.tango-redeem-btn,
a.tango-redeem-btn {
  width: 100%;
  margin: 10px 0;
}  
}

.register-error {
  padding: 20px;
  margin-bottom: 30px;
  background: rgba(255, 0, 0, 0.05);
}

/*-------------------------------------
------------------------- CLIENT REBATE
-------------------------------------*/
.rebate-check-red {
  color: #cc0000;
}

.rebate-check-yellow {
  color: #ff9900;
}

.rebate-check-green {
  color: green;
}

.rebate-check-gallery-upload-button {
  display: block;
  width: 250px;
}

/*-------------------------------------
------------------------------ GIVEAWAY
-------------------------------------*/
.giveaway-page h4 {
    font-family: latoregular;
    font-size: 26px;
}

.giveaway-page .button {
  width: 20%;
  max-width: 200px;
  margin: -10px 10px 10px;
  padding: 25px 10px;
  font-weight: bold;
  font-size: 20px;
  display: inline-block;
}

/*-------------------------------------
-------------------- TIRE PROS WARRANTY
-------------------------------------*/
#main ul > figure {
  margin-bottom: 10px;
}

.tire-pros-landing-page #main ul {
  margin-left: 20px;
}

img.warranty-icon {
  width: 70px;
  height: 70px;
}

p.warranty-box-text {
  padding-top: 8px;
}

p.warranty-terms-disclaimer {
  font-size: 16px;
}

@media only screen and (max-width: 800px) {
.tire-pros-warranty-icons .three {
    width: 48%;
    margin: 0 1%;
}
}

/*-------------------------------------
--------------------------------- MODAL
-------------------------------------*/
.wtp-pu-logo img {
  max-height: 170px;
}

.oo-ec-pu-logo img {
  max-height: 78px;
}

/*-------------------------------------
-------------------------------- SEARCH
-------------------------------------*/
.search-popup {
  display: none;
  position: fixed;
  z-index: 100100;
  top: 120px;
}

#header-search-wrap {
  text-align: left;
}

.gsc-input-box {
  padding: 0 !important;
}

.gsc-input-box,
.gsc-search-button-v2 {
  border-radius: 0 !important;
}

.gsc-control-cse.gsc-control-cse-en {
  background: none;
  border: none;
}

table.gstl_50.gssb_c {
  z-index: 9999999999;
}

table.gsc-search-box {
  margin: 0;
}

.gsc-modal-background-image.gsc-modal-background-image-visible,
.gsc-adBlock {
  display: none !important;
}

button.gsc-search-button.gsc-search-button-v2 {
  padding: 20px;
  line-height: 0px;
}

input#gsc-i-id1,
input#gsc-i-id1::placeholder {
  font-size: 18px;
  line-height: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

input#gsc-i-id1:focus {
  box-shadow: none;
}

@media only screen and (max-width: 500px) {
input#gsc-i-id1,
input#gsc-i-id1::placeholder {
  font-size: 16px;
}
}

/*-------------------------------------
------------------------------ SERVICES
-------------------------------------*/
.services-page span.big-price,
.services-page span.big-price-each {
  position: relative;
  top: 5px;
}

.service-disclaimer {
  font-size: .85em;
  font-family: latoitalic;
}

.all-services-table .table-width-set {
  width: 80%;
}

@media only screen and (max-width: 600px) {
.all-services-table .table-width-set {
  width: auto;
}
}

.vertical-mid {
  vertical-align:middle;
}

/*-------------------------------------
-------------------------------- AFFIRM
-------------------------------------*/
.affirm-section {
  margin-bottom: 30px;
}

.affirm-step {
  flex: 1 0 20%;
  text-align: center;
  margin: 0 2.5%;
  padding: 0 2.5%;
}

.affirm-step h4 {
  font-size: 24px;
}

.affirm-step img {
  width: 300px;
  margin: 10px 0 25px;
  box-shadow: 0 0 10px 4px #efefef;
}

.affirm-value-props-wrap {
  text-align: left;
  align-items: center;
  background: #f4f3f2;
  padding: 20px 20px 10px;
  justify-content: space-between;
}

.value-props {
  width: 40%;
  margin: 0 5% 0 0;
}

.affirm-faq-wrap {
  text-align: left;
}

.affirm-faq-wrap h3 {
  padding: 10px 0 5px;
}

@media only screen and (max-width: 600px) {
.affirm-steps-wrap.flex {
  flex-direction: column;
}

.affirm-step {
  flex: 1 0 100%;
  padding: 0;
  margin: 10px 0;
}

.affirm-value-props-wrap {
  flex-direction: column;
}

.value-props {
  width: 100%;
  margin: 0;
}
}

/*-------------------------------------
------------------------------ KATAPULT
-------------------------------------*/
.katapult-intro-text {
  font-size: 1.4em;
  line-height: 1.75em;
  margin: 0 auto;
  max-width: 70%;
}

a.btn-katapult-preapprove-dark-large.katapult-approve-button {
  display: inline-block;
  margin: 20px 0 0;
}

.katapult-info-wrap {
  background: #f6f6f6;
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0;
  padding: 20px 0;
}

.katapult-info-wrap h5 {
  font-family: latoblack;
}

.katapult-info-step {
  box-sizing: border-box;
  margin: 0;
  flex: 0 0 50%;
  font-size: 1.25em;
  line-height: 1.5em;
  padding: 2% 10%;
}

.katapult-help-terms {
  font-size: .9em;
}

@media only screen and (max-width: 800px) {
.katapult-intro-text {
  max-width: 100%;
}
}

@media only screen and (max-width: 600px) {
.katapult-info-step {
  flex: 0 0 100%;
  padding: 1% 10%;
}
}

/*-------------------------------------
------------------------ FINANCING PAGE
-------------------------------------*/
.financing-logos-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  /* grid-template-columns: repeat(6, minmax(10px, 1fr)); */
  /* gap: 10px; */
  /* grid-auto-rows: min-content; */
  /* text-align: center; */
}

.ec-finance-brand-logo {
  display: flex;
  flex: 0 0 15%;
  /* margin-bottom: 20px; */
  justify-content: center;
}

.ec-finance-brand-logo img {
  max-height: 50px;
}

@media only screen and (max-width: 800px) {
/* .financing-logos-wrap { */
  /* grid-template-columns: repeat(3, minmax(10px, 1fr)); */
/* } */

.ec-finance-brand-logo {
  flex: 0 0 30%;
}
}

/*-------------------------------------
------ ATD SHIP TO STORE & CUSTOMER ZIP
-------------------------------------*/
#zip-search-wrap {
  width: 96%;
  position: relative;
  padding: 10px 2% 8px;
  background-color: #ffcc00;
  font-family: latobold;
  text-transform: uppercase;
}

#cust-zip-set {
  color: #cc0000;
}

.cart-install-header {
  padding-top: 20px;
  font-size: 36px;
  line-height: 42px;
  padding-bottom: 20px;
  font-family: 'latobold_italic';
  color: #cc0000;
  text-transform: none;
}

.cart-install-wrap {
  float: left;
  width: 50%;
  font-size: 16px;
}

.cart-install-option {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  background: #ededed;
}

.cart-install-option h3 {
  font-size: 26px;
  line-height: 32px;
  padding-bottom: 5px;
}

#main .cart-install-option p,
#main .cart-install-option ul {
  padding-bottom: 5px;
}

#main .cart-install-option ul > li {
  margin-bottom: 0;
}

.cart-install-option p.disclaimer {
  font-family: latoitalic;
  font-size: 14px;
}

.cart-install-option .button {
  margin-top: 10px;
}

@media only screen and (max-width: 800px) {
.cart-install-wrap {
  clear: both;
  width: 100%;
}
}

#location-result-array-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

#location-result-array-wrap .feature-box {
  color: #333;
}

p.install-loc-name {
  font-family: latobold;
  text-transform: uppercase;
  padding-bottom: 5px;
  height: 42px;
  max-height: 42px;
  overflow: hidden;
  white-space: inherit;
  line-height: 42px !important;
}

.install-loc-name span {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}

.install-loc-address {
  font-size: 16px;
  padding: 0;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
}

p.install-loc-price {
  font-family: latobold;
  text-transform: uppercase;
  text-align: right;
  font-size: 26px;
  line-height: 22px;
  color: #cc0000;
  padding: 0 0 5px;
}

p.install-loc-price-each {
  text-align: right;
  padding: 0 0 5px;
}

@media only screen and (max-width: 500px) {
p.install-loc-name {
  height: auto;
  max-height: inherit;
  overflow: visible;
}

.install-loc-address {
  white-space: normal;
  overflow: visible;
}
}

.location-name-header {
  text-align: center;
  margin-bottom: 20px;
}

.install-location-page-info-wrap * {
  box-sizing: border-box;
}

.install-location-page-info-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.install-loc-info-box {
  flex: 0 0 45%;
}

.install-loc-info-box hr {
  margin: 15px 0;
}

.install-fee-price {
  font-family: latobold;
}

.install-fee-subtotal {
  font-size: 32px;
  font-family: latoblack;
}

.install-fee-line-price {
  display: flex;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

#install-date-selection {
}

.flatpickr-calendar.inline {
  margin: 0 auto 20px;
}

.loc-opt {
  display: flex;
  justify-content: center;
  margin-bottom: 36px;
  overflow: hidden;
}

.loc-opt input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.loc-opt label {
  background-color: #e4e4e4;
  color: #333;
  text-align: center;
  padding: 8px 16px;
  margin-right: -1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  transition: all 0.1s ease-in-out;
}

.loc-opt label:hover {
  cursor: pointer;
}

.loc-opt input:checked + label {
  background-color: #e70d2a;
  color: #fff;
  box-shadow: none;
}

.install-date-submit {
  margin-bottom: 40px;
}

input.form-control.input {
  max-width: 500px;
}

p.install-disclaimer {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 10px;
}

p.install-fee-price-note {
  padding-bottom: 20px;
}

@media only screen and (max-width: 800px) {
.install-loc-info-box {
  flex: 0 0 100%;
}

.install-loc-fee-wrap {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
}

/*-------------------------------------
------------------------------ CHECKOUT
-------------------------------------*/
#checkout-error {
  margin: 0 0 20px;
  padding: 10px;
  text-align: center;
  background: #cc0000;
  color: #fff;
  font-size: 20px;
  font-family: latobold;
}

span.checkout-address-note {
  display: block;
  font-size: 16px;
  text-transform: initial;
  font-family: latoregular;
}

#main.container input#chkoutemail,
#main.container input#chkoutpwd {
  display: inline-block;
  width: 100%;
  max-width: 350px;
  position: relative;
  top: -1px;
}

#checkout-table .qty, #checkout-table .product, #checkout-table .shipping {
  text-align: left;
}

#checkout-table .price {
  text-align: right;
}

#checkout-table span.total {
  font-family: latobold;
  color: #cc0000;
  font-size: 26px;
  line-height: 22px;
}

#main.container.checkout-thankyou p {
  text-align: center;
}

#cc-number {
  position: relative;
}

#cardimg {
  position: absolute;
  right: 6px;
  top: 12px;
}

#main.container.checkout-page input#pay-submit[type="submit"] {
  display: block;
  width: 228px;
  padding: 15px 0 12px;
}

#main.container.checkout-page input#pay-submit[type="submit"]:disabled {
  background: #ccc;
  cursor: default;
}

#main.container form#payment-form input,
#main.container form#payment-form select {
  width: 100%;
  max-width: 800px;
  float: left;
  display: block;
  margin-bottom: 10px;
}

.checkout-katapult-page #main.container form#payment-form input.phone,
.checkout-affirm-page #main.container form#payment-form input.phone,
#main.container form#payment-form input.name,
#main.container form#payment-form input.city,
#main.container form#payment-form input.email {
  width: 48.5%;
  margin-right: 3%;
}

#main.container form#payment-form select.state,
#main.container form#payment-form input.zip {
  width: 22.75%;
  margin-right: 3%;
}

#main.container form#payment-form select.exp-month,
#main.container form#payment-form select.exp-year {
  width: 39%;
  margin-right: 3%;
}

#main.container form#payment-form input.cvv {
  width: 16%;
}

#main.container form#payment-form input.last,
#main.container form#payment-form select.last {
  margin-right: 0;
}

#main.container form#payment-form input.paypalbtn {
  width: 145px;
}

#main.container form#payment-form input[type="checkbox"] {
  width: 5%;
  height: 16px;
  margin: 0;
  top: 0;
}

span.checkbox-label {
  line-height: 16px;
  text-transform: uppercase;
  display: block;
}

#main.container p.checkout-option {
  line-height: 20px;
  font-size: 14px;
  padding-top: 0;
  padding-bottom: 10px;
}

.form-error {
  display: block;
  background: #cc0000;
  text-align: center;
  color: #fff;
  padding: 0 4px;
  margin-bottom: 10px;
}

.guest-checkout-message {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  border: 2px solid #cc0000;
  background: rgba(255,255,255,.8);
}

.guest-checkout-message .button {
  display: inline-block;
  padding: 8px 20px 6px;
  margin: 0 0 0 5px;
}

/*-------------------------------------
----------------------------- CART PAGE
-------------------------------------*/
p.empty-cart-message {
  padding-top: 30px;
}

.cart-zip h5 {
  padding: 0 0 10px;
  font-size: 18px;
  line-height: 22px;
  font-family: latobold;
  text-transform: uppercase;
}

.cart-zip.cart-zip-top {
  width: 100%;
  float: none;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 40px;
  font-family: latoregular;
  color: #333333;
  font-size: 24px;
  line-height: normal !important;
}

.cart-page #zip-error {
  padding-top: 15px;
  font-size: 18px;
  font-weight: bold;
}

tr.item-row.cart-line-savings {
  height: auto !important;
  border-top: 3px solid #fff;
}

tr.item-row.cart-line-savings td {
  font-size: 20px;
  text-align: center;
  padding-bottom: 10px;
  font-family: latoblack;
  text-transform: uppercase;
}

#zip-state-check {
  font-size: 20px;
  float: right;
  margin: 20px 0;
}

.vid-input-pu,
.warranty-popup {
  position: fixed;
  top: 15%;
  left: -2px;
  right: 0;
  z-index: 99999;
  width: 94%;
  max-width: 1200px;
  margin: 0 auto;
}

#vid-form-error {
  font-weight: bold;
  padding-top: 10px;
}

.warranty-wrap {
    display: block;
    width: 50%;
    margin: 20px auto;
    padding: 10px;
    text-align: center;
    border: 2px solid red;
}

.warranty-wrap h3 {
  padding-bottom: 10px;
}

.w4w-cart-info {
  font-weight: bold;
  margin: 0 0 10px;
  line-height: 22px;
  text-align: right;
}

.cart-promo {
  float: left;
  width: 50%;
  padding: 1% 1.5%;
  margin-top: 10px;
  border: 1px solid #ccc;
  text-align: center;
  background: #fff;
}

.cart-promo h4 {
  font-family: latobold;
  text-transform: uppercase;
  font-size: 24px;
}

#main.container .cart-promo p {
  padding: 0 0 15px;
  text-align: center;
}

.cart-promo a.button {
  width: 200px;
  padding: 9px 0 11px;
  font-size: 20px;
  font-weight: bold;
  margin: 20px auto 10px;
}

span.tire-dc-cart-check {
  padding: 5px 0;
  display: block;
  line-height: 1.2em;
  font-family: latoitalic;
}

@media only screen and (max-width: 600px) {
.cart-promo {
  width: 100%;
}

.cart-zip.cart-zip-top {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
}

/*-------------------------------------
--------------------- CART VID ZIP FORM
-------------------------------------*/
.cart-zip-vid-wrapper {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

#vid-form-vid-error,
#vid-form-mod-error,
#zip-form-error {
  font-weight: bold;
  padding: 0 0 10px;
  margin-top: -8px;
}

#ZipVIDNoteForm h3 {
  padding-bottom: 5px;
}

#ZipVIDNoteForm p {
  font-size: 16px;
  line-height: 20px;
}

#ZipVIDNoteForm label {
  float: left;
  font-size: 16px;
  line-height: 24px;
}

/*-------------------------------------
----------------------------- LIVE CHAT
-------------------------------------*/
@media only screen and (max-width: 600px) {
#hubspot-messages-iframe-container {
  visibility: hidden;
}

iframe#launcher,
.u-userLauncherColor:not([disabled]) {
  display: none !important;
}

[title^='Number of unread messages'] {
  bottom: 34px !important;
}
}

/*-------------------------------------
-------------------------------- FOOTER
-------------------------------------*/
.mobile-phone-popup {
  display: none;
  position: fixed;
  top: 100px;
  z-index: 100100;
}

.mobile-phone-popup h3 {
  font-size: 26px;
  line-height: 30px;
  font-family: 'latoblack';
}

.mobile-phone-popup .button {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
  padding: 15px 0;
}

/*-------------------------------------
------------------------- STICKY FOOTER
-------------------------------------*/
#mobile-sticky-footer {
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 45px;
  background: url(../png/sticky-footer-bg.png) repeat-x;
  z-index: 10000;
  -webkit-transform: translate3d(0,0,0);
}

.sticky-footer-link {
  float: left;
  display: block;
  margin: 7px 0 0 !important;
  box-sizing: border-box;
}

.sticky-footer-link img {
  height: 32px;
}

.sticky-phone-link,
.sticky-email-link {
  width: 22%;
}

.sticky-email-link {
  border-width: 1px;
  border-style: solid;
  border-image: -moz-linear-gradient(top,  rgba(122,122,122,0) 0%, rgba(122,122,122,1) 25%, rgba(122,122,122,1) 75%, rgba(122,122,122,0) 100%) 1;
  border-image: -webkit-linear-gradient(top,  rgba(122,122,122,0) 0%,rgba(122,122,122,1) 25%,rgba(122,122,122,1) 75%,rgba(122,122,122,0) 100%) 1;
  border-image: linear-gradient(to bottom,  rgba(122,122,122,0) 0%,rgba(122,122,122,1) 25%,rgba(122,122,122,1) 75%,rgba(122,122,122,0) 100%) 1;
}

.sticky-chat-link {
  width: 56%;
}

@media only screen and (max-width: 600px) {
#footer {
  padding-bottom: 70px !important;
}
}

@media only screen and (max-width: 380px) {
.sticky-phone-link,
.sticky-email-link {
  width: 20%;
}

.sticky-chat-link {
  width: 60%;
}
}