/* ===========================================================
red: #ce171f - dark grey: #595858
=========================================================== */


/* ===========================================================
01.      Reset
02.      Body Styles
03.      Header Structure
03.01   Mobile Nav
04.      Typography
05.      Links / Buttons
06.      Site Structure
07.      Footer Structure
08.      Form Structurev
08.01   Form Base Styles
08.02   Captcha
09.02   Form Structure
09.      Classes
10.      Inventory Styles
11.      Responsive Styles
=========================================================== */


/* ===========================================================
01. Reset
=========================================================== */


/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */

html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

ul {
    list-style: none;
}

button,
input,
select,
textarea {
    margin: 0;
}

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

img,
video {
    height: auto;
    max-width: 100%;
}

iframe {
    border: 0;
}

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

td,
th {
    padding: 0;
}

td:not([align]),
th:not([align]) {
    text-align: inherit;
}

html {
    background-color: white;
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    min-width: 300px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
    display: block;
}

a:link,
a:visited,
a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img {
    border: 0;
    height: auto;
    max-width: 100%;
    align-self: center;
    flex-shrink: 0;
}


/* ===========================================================
02. Body Styles
=========================================================== */

body {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

html {
    height: auto !important;
}


/* ===========================================================
03. Header Structure
=========================================================== */

.mobile-nav-container,
#menu-button {
    display: none;
}

header {
    width: 100%;
    position: relative;
    z-index: 4;
}

.utility-bar {
    width: 100%;
    background: #ce171f;
    height: 40px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.37);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.37);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.37);
}

.utility-bttn {
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    padding: 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.utility-bttn:hover {
    background: #c63c3c;
}

.utility-bttn .fa-map-marker-alt,
.utility-bttn .fa-phone {
    padding-right: 10px;
}

.utility-bar .wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.utility-bar .popUpBtn {
    background: #8d0000;
}

.utility-bar .popUpBtn:hover {
    background: #790000;
}

.nav-rule {
    height: 100%;
    width: 1px;
    background: #ce4141;
}

header h1 img {
    max-width: 190px;
    height: auto;
    transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1);
    -moz-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1);
    -ms-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1);
    -o-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.nav-bar-rule {
    width: 1px;
    height: 100%;
    background: #f7f7f7;
    margin: auto;
}

.header-bottom {
    background: #fff;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.42);
    box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.42);
	position:relative;
}

.header-bottom .wrapper {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
}

.header-logo {
    position: relative;
    z-index: 400;
}

.header-right {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
}


/* Header Search */

.header-search-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    background-size: 1px 200px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.header-search-icon:hover {
    cursor: pointer;
    background-position: 100px;
}

.header-search-icon:hover .search-icon-overlay {
    opacity: 0.5;
    left: -20px;
}

.header-search-icon a {
    position: relative;
    z-index: 1;
}

.header-search-icon i {
    color: #ce171f;
    font-size: 25px;
}

.header-search-slide {
    background: #f1f1f1;
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    right: 88px;
    width: 67%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.search-outer-container {
    width: 100%;
    max-height: 100%;
    height: 100%;
}

.header-search {
    display: flex;
    height: 100%;
}

.header-search input[type="text"] {
    font-weight: 500;
    font-style: normal;
    font-size: 18px !important;
    color: #666666 !important;
    text-transform: uppercase;
    background: #fcfcfc;
    border: none !important;
}

.header-search ::placeholder {
    font-weight: 500;
    font-style: normal;
    font-size: 18px !important;
    color: #666666 !important;
    text-transform: uppercase;
}

.header-search i {
    color: #ce171f;
    font-size: 30px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

#mobile-form-submit {
    max-height: 80px;
}

.header-search i:hover {
    color: #a09f9f;
    cursor: pointer;
}

.header-search input:focus {
    outline: none !important;
    outline-style: none;
    box-shadow: none;
    border-color: transparent;
    caret-color: #c1bfbf;
}

.initiallyHidden {
    display: none;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

nav.primary ul li a {
    font-size: 14px;
    transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1);
    -webkit-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1);
    -moz-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1);
    -ms-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1);
    -o-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.sticky nav.primary ul li li a {
    padding: 10px !important;
}


/* 03.01. Mobile Nav
=========================================================== */

.mobile.button {
    display: none;
}

.mobile-nav li button.mobile_btn {
    height: 40px;
    width: 50px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent !important;
    display: inline-block;
    border-radius: 3px 0 0 3px;
    border: none;
}

.mobile-nav li button.mobile_btn:hover {
    cursor: pointer;
}

.mobile-nav button.mobile_btn::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mobile-nav li button.mobile_btn.active {
    background: #666;
}

.mobile-nav li button.mobile_btn.active::after,
.close:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* ===========================================================
04. Typography
=========================================================== */

h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    text-transform: uppercase;
}

h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 41px;
    font-weight: 900;
    font-family: 'Roboto', sans-serif !important;
    margin-bottom: 40px;
    color: #ce171f;
}

.contact-info-heading h2 {
    font-size: 22px !important;
}

h2 span {
    font-weight: 500;
    color: #919191;
}

.list-content .list-title .list-title-text,
.auction-heading {
    color: #000 !important;
    font-family: 'Roboto', sans-serif !important;
}

h3 {
    font-size: 25px;
    font-weight: 400;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 25px;
}

h4 {
    font-weight: 600;
    font-size: 17px;
    font-style: normal;
    letter-spacing: 0.6px;
}

h5 {
    font-size: 14px;
    font-weight: 500;
}

p {
    line-height: 26px;
}

small {
    font-size: 0.8em;
    color: #525252;
}

strong {
    color: #363636;
    font-weight: 700;
}

.intro-body {
    font-size: 21px;
    line-height: 29px;
    font-weight: 300;
    margin-bottom: 25px;
    color: #000;
}

.body {
    margin-bottom: 25px;
    color: #000;
}


/* ===========================================================
05. Links / Buttons
=========================================================== */

.bttn-base {
    font-weight: 500;
    font-style: normal;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.3s !important;
    height: auto;
    padding: 15px 50px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-radius: 0;
    white-space: nowrap;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    margin-top: 20px;
    border: none !important;
}

.bttn-red {
    color: #fff !important;
    background: #ce171f;
}

.bttn-red:hover {
    background: #8d0000;
}

.bttn-grey {
    color: #fff !important;
    background: #595858;
}

.bttn-grey:hover {
    background: #3d3d3d;
}

.bttn-base i {
    margin-left: 10px;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.bttn-base:hover .fa-chevron-right {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
}


/* Effect 5: same word slide in */

.body-link {
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
    outline: none;
    color: #fd8103;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    width: 300px;
}

.cl-effect-5 {
    overflow: hidden;
    height: 1em;
}

.cl-effect-5 span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cl-effect-5 span::before {
    position: absolute;
    top: 100%;
    color: #f25422;
    content: attr(data-hover);
    font-weight: 700;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.cl-effect-5:hover span,
.cl-effect-5:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}


/* ===========================================================
06. Site Structure
=========================================================== */


/* ===========================================================
TEMPORARY HOLIDAY BANNER
=========================================================== */
.holiday-banner {
  color: #FFFFFF;
  text-align: center;
  padding: 20px 25px;
  width: 100%;
  position: relative;
  /*z-index: 1000;*/
}

.holiday-banner p {
  margin: 0;
  font-weight: bold;
  font-size: 35px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
	line-height: 1.1;
}

.holiday-banner2 p {
 	font-weight: bold;
  	font-size: 35px;
  	text-transform: uppercase;
  	letter-spacing: 0.5px;
	line-height: 1.1;
}
.holiday-banner2 p {
  color: #000000;
  text-align: center;
  padding: 20px 25px;
  width: 100%;
  position: relative;
  /*z-index: 1000;*/
}

.overlay {position:absolute;height:100%; left:0; top: -7%; bottom:0; opacity:55%;}
.overlay img {height:100px;}
.center {text-align:center;}
.sm-italic {font-size:15px;}

@media only screen and (max-width: 1020px) {
  .holiday-banner p {
    font-size: 14px;
	  
  }
	.holiday-banner {top:80px; background: #ce171f;}
}

@media only screen and (max-width: 550px) {
  .holiday-banner {
    padding: 12px 15px;	  
  }
	.holiday-banner2 p {font-size: 25px;}
  
  .holiday-banner p {
    font-size: 12px;
    letter-spacing: 0.3px;
  }
}

/* ===========================================================
END HOLIDAY BANNER
=========================================================== */

.slider-img {width: 100%;}
.wrapper {
    max-width: 80%;
    margin: 0 auto;
    height: 100%;
}

.wrapper-left {
    margin-left: 10%;
}

.wrapper-right {
    margin-right: 10%;
}

.slide-content {
    position: relative;
}

.slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0.09) 63%, rgba(255, 255, 255, 0) 69%);
    /* FF3.6-15 */
    /*background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0.09) 63%, rgba(255, 255, 255, 0) 69%);
    /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0.09) 63%, rgba(255, 255, 255, 0) 69%);*/
}

.hero-copy {
    position: absolute;
    left: 2%;
    color: #000;
    top: 75%;
    transform: translateY(-50%);
    text-align: center;
    width: 28%;
}

.hero-copy-heading-small {
    font-weight: 700;
    font-style: normal;
    font-size: 62px;
    line-height: 62px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
}

.hero-copy-heading-large {
    font-weight: 700;
    font-style: normal;
    font-size: 25px;
    line-height: 45px;
    letter-spacing: -1px;
    display: block;
    text-transform: uppercase;
}

.hero-copy-small {
    font-weight: 400;
    font-size: 20px;
	line-height: 34px;
    font-style: normal;
    margin-top: 15px;
}
.herologo{
	width: 100%;
	padding-left: 20px;
}
.herologo img{
	width: 320px;
}

/* Welcome */

.welcome {
    background: #ffffff;
    position: relative;
    z-index: 1;
}

.welcome .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.welcome .intro-body {
    text-align: center;
    max-width: 900px;
    width: 100%;
}


/* Our Products */

.our-products {
    overflow: hidden;
}

.our-products .col-1 {
    flex-wrap: wrap;
}

.product-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 460px;
    background-size: cover;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.35);
    overflow: hidden;
    position: relative;
    z-index: 3;
    cursor: pointer;
    margin: 10px;
    width: 31.33333%;
}

.product-card-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2;
    height: 150px;
    transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all .4s cubic-bezier(0.645, 0.045, 0.355, 1);
    background: rgba(51, 51, 51, .56);
}

.product-card-copy {
    padding: 20px;
    transition: bottom 0.4s ease-in-out;
    -webkit-transition: bottom 0.4s ease-in-out;
    -moz-transition: bottom 0.4s ease-in-out;
    -ms-transition: bottom 0.4s ease-in-out;
    -o-transition: bottom 0.4s ease-in-out;
}

.product-card:hover .product-card-bottom {
    height: 350px;
    background: rgba(51, 51, 51, .86);
    transition: all .2s ease;
}

.product-card .bttn-base {
    position: absolute;
    z-index: 3;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.product-card h3 {
    color: #fff;
    text-align: center;
}

.product-card p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    height: 0;
    opacity: 0;
    visibility: hidden;
}

.product-card:hover p {
    height: 3em;
    opacity: 1;
    visibility: visible;
    transition: all .5s cubic-bezier(0.39, 0.575, 0.565, 1);
    -webkit-transition: all .5s cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: all .5s cubic-bezier(0.39, 0.575, 0.565, 1);
    -ms-transition: all .5s cubic-bezier(0.39, 0.575, 0.565, 1);
    -o-transition: all .5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.product-card:nth-of-type(1) {
    background: url('/siteart/product-recapped-radial.jpg') no-repeat center top;
}

.product-card:nth-of-type(2) {
    background: url('/siteart/product-irrigation-tires.jpg') no-repeat center top;
}

.product-card:nth-of-type(3) {
    background: url('/siteart/product-rubber-tracks.jpg') no-repeat center top;
}

.product-card:nth-of-type(4) {
    background: url('/siteart/product-driver-idler.jpg') no-repeat center top;
}

.product-card:nth-of-type(5) {
    background: url('/siteart/product-alliance-tires.jpg') no-repeat center top;
}

.product-card:nth-of-type(6) {
    background: url('/siteart/product-inventory.jpg') no-repeat center top;
}

.our-products .col-1 {
    position: relative;
}

.our-products .col-1:before {
    content: "";
    position: absolute;
    width: 120px;
    height: 809px;
    top: -470px;
    right: -141px;
    z-index: 0;
    background: url('/siteart/background-tire-tracks.png') 0 0 repeat;
    -webkit-transform: rotate(-39deg);
    -moz-transform: rotate(-39deg);
    -ms-transform: rotate(-39deg);
    -o-transform: rotate(-39deg);
    transform: rotate(-39deg);
    opacity: 0.6;
}

.our-products .col-1:after {
    content: "";
    position: absolute;
    width: 120px;
    height: 809px;
    bottom: -370px;
    left: -91px;
    z-index: 0;
    background: url('/siteart/background-tire-tracks.png') 0 0 repeat;
    -webkit-transform: rotate(-229deg);
    -moz-transform: rotate(-229deg);
    -ms-transform: rotate(-229deg);
    -o-transform: rotate(-229deg);
    transform: rotate(-229deg);
}


/* Our Locations */

.our-locations {
    position: relative;
    z-index: 1;
}

.our-locations h3 {
    color: #1E1E1E;
}

.our-locations .col-4 {
    background: #f1f1f1;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #d6d6d6;
    display: flex;
    flex-direction: column;
}

.our-locations .col-4 .our-locations-copy {
    display: block;
    padding: 50px 50px 0 50px;
}

.no-map .col-4 .our-locations-copy {
    display: block;
    padding: 50px !important;
}

.our-locations-bttn {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    margin-bottom: 15px;
    display: flex;
    color: #1E1E1E;
    float: left;
    clear: left;
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.our-locations-bttn:hover {
    opacity: 0.6;
}

.view-map-bttn-desktop {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    display: flex;
    flex-direction: column;
    margin-top: auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    text-transform: uppercase;
    color: #1E1E1E;
    background: #e0e0e0;
    cursor: pointer;
    transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.view-map-bttn-desktop:hover {
    background: #cecece;
}

.our-locations-bttn i {
    color: #a5a5a5 !important;
    margin-right: 10px;
}

.active-location {
    background: #ce171f !important;
}

.active-location h3 {
    color: #fff;
}

.active-location .our-locations-bttn i {
    color: #fff !important;
}

.active-location .our-locations-bttn {
    color: #fff !important;
}

.our-locations-bttn div {
    display: inline-block;
}

.active-location .view-map-bttn-desktop {
    color: #ce171f;
    background: #ce171f;
}

.active-map {
    border: 20px solid #ce171f;
    display: block;
}

.west-point-ne,
.richmond-in,
.parma-id {
    position: relative;
}

.map-container-west {
    position: absolute;
    top: 100%;
    width: 99vw;
    background: #ce171f;
    padding: 20px;
}

.map-container-richmond {
    position: absolute;
    top: 100%;
    left: -100%;
    width: 99vw;
    background: #ce171f;
    padding: 20px;
}

.map-container-parma {
    position: absolute;
    top: 100%;
    right: 0;
    width: 99vw;
    background: #ce171f;
    padding: 20px;
}

.map-margin-btm {
    margin-bottom: 460px;
}

.view-map-bttn-mobile {
    display: none;
}

.map-container-west {
    z-index: 2;
}

.iframe-bg {
    background: url('/siteart/icon-loading-circle.gif') center center no-repeat;
    background-size: 50px;
    background-color: #f1f1f1;
}


/* Breadcrumb */

.breadcrumb {
    padding-bottom: 40px;
}

.breadcrumb a {
    color:#666666;
    text-transform: uppercase;
    font-size: 13px;
}

.breadcrumb span {
    color: #707070;
    font-weight: 400;
    font-size: 13px;
    margin: 0 10px;
}


/* Product Pages */

.white-bg h2 {
    color: #ce171f;
    text-align: left;
}

.white-bg h4 {
    color: #595858;
}

.product-intro-img {
    display: flex;
}

.img-border {
    border: 15px solid #fff;
    -webkit-box-shadow: 0px 3px 8px -1px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 3px 8px -1px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 3px 8px -1px rgba(0, 0, 0, 0.45);
    margin-bottom: 20px;
	width:96%;
}

.before-after .wrapper {
    display: flex;
    flex-direction: column;
}

.before-after h4 {
    text-align: center;
    color: #000;
}

.before-after .body {
    color: #000 !important;
}

.before-after a {
    margin: 40px auto 0;
}

.max-width-copy {
    text-align: center;
    max-width: 800px;
}

.gallery-image-link {
    width: 20%;
    margin: 10px;
}

.image-set {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.roller-img img {
    width: 21% !important;
    margin: 20px;
}



/* CTA 01 */

.cta-01 {
    background: url('/siteart/background-cta_01.jpg') no-repeat center center;
    height: 250px;
    position: relative;
}

.cta-copy {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 10%;
    max-width: 900px;
    z-index: 2;
}

.cta-copy h2 {
    color: #fff;
    text-align: left;
}

.cta-copy .body {
    color: #fff;
}

.cta-01 .col-1 {
    background: #ce171f;
    mix-blend-mode: multiply;
    height: 100%;
    min-height: 100%;
}


/* Testimonials */

.testimonial-item {
    background: #f9f9f9;
    padding: 40px;
    margin-bottom: 40px;
}

.testimonial-item img {
    margin-right: 40px;
    max-width: 260px;
}

.testimonial-item h5 {
    color: #ce171f;
    text-align: right;
    max-width: 500px;
}

.testimonial-item .flex-column {
    width: 100%;
}


/* Tabs -- Alliance Tires */

.alliance .product-intro-img img {
    position: static !important;
    max-width: 450px;
}

.alliance .product-intro-img {
    position: relative;
    margin-right: 10%;
    display: flex;
    justify-content: flex-end;
}

.alliance-tires .wrapper {
    -webkit-box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.38);
    box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.38);
}

.expand-collapse {
    background: #f1f1f1;
    padding: 30px;
    border-bottom: 2px solid #cfd3d3;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.expand-collapse.active {
    background: #dbdbdb;
}

.expand-collapse h4 {
    color: #595858;
    margin-bottom: 0 !important;
}

.expand-collapse i {
    color: #666666;
}

.read-more-container {
    background: #edefef;
    padding: 30px 60px;
    border-bottom: 2px solid #cfd3d3;
}

.read-more-container h3 {
    color: #ce171f;
}

.read-more-container iframe {
    margin-bottom: 20px;
}


/* Alliance Tires  */

.alliance-other-tires .col-3 {
    margin-bottom: 40px;
}


/* Lists */

ul.list {
    margin-bottom: 25px;
}

ul.list li {
    padding: 20px;
    color: #504f4f;
}

ul.list li:nth-child(even) {
    background: #fff;
}


/* MODAL POPUP  */

.requestmodal {
    display: none;
    position: fixed;
    z-index: 999;
    padding-top: 10%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.toggle-menu .request-service-header {
    background: #ff3600 !important;
    color: #fff !important;
}


/* Modal Content */

.call-modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 60%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}


/* Add Animation */

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}


/* The Close Button */

.close-modal {
    color: #fff;
    float: right;
    font-size: 28px;
    font-weight: bold;
    height: 100%;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.close-modal:hover,
.close-modal:focus {
    opacity: 0.6;
    cursor: pointer;
}

.modal-header {
    padding: 20px;
    background-color: #ce171f;
    display: flex;
    box-sizing: border-box !important;
}

.modal-header h2 {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.modal-body {
    display: flex;
    justify-content: space-between;
    background: #f1f1f1;
}

.modal-body .col-1 {
    border-bottom: 1px solid #d3d3d3;
    justify-content: space-between;
    align-items: center;
    padding: 50px;
    box-sizing: border-box !important;
}

.modal-body h3 {
    color: #4c4c4c;
    margin-bottom: 0;
}

.modal-body i {
    font-size: 24px !important;
    margin-right: 15px;
}


/* Our Story */

.our-story .red-bg:after {
    content: "";
    position: absolute;
    width: 120px;
    height: 809px;
    bottom: -370px;
    left: -91px;
    z-index: 0;
    background: url('/siteart/background-tire-tracks.png') 0 0 repeat;
    -webkit-transform: rotate(-229deg);
    -moz-transform: rotate(-229deg);
    -ms-transform: rotate(-229deg);
    -o-transform: rotate(-229deg);
    transform: rotate(-229deg);
}

.text-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.our-story section img {
    max-width: 90%;
}

.our-story .red-bg .col-1:nth-of-type(2) {
    margin: 40px 0;
}


/* Thank You */

.thank-you i.far {
    font-size: 50px;
    color: #b7b7b7;
    margin-bottom: 30px;
}


/* Noui Slider Start */

#searchbar-form .column4 {
    width: 100%;
    margin-right: 20px;
    background: #fff;
    padding: 5px 10px;
    -webkit-box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.2);
    height: 70px;
    display: flex;
    align-items: center;
}

.noUi-target {
    position: relative;
    direction: ltr;
    margin-bottom: 10px;
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 2px;
}

.noUi-marker,
.noUi-pips,
.noUi-tooltip,
.noUi-value {
    position: absolute;
}

.noUi-horizontal {
    height: 12px;
    z-index: 0;
}

.noUi-horizontal .noUi-handle {
    width: 25px;
    height: 21px;
    left: -13px;
    top: -6px;
    box-shadow: none !important;
}

.noUi-horizontal .noUi-handle-upper {
    top: -5px;
}

.noUi-background {
    background: #ccc;
}

.noUi-connect {
    background: #ce171f !important;
    border: 1px #ddd solid;
}

.noUi-target {
    width: calc(75% - 15px);
    margin: 15px auto;
}

.noUi-handle {
    position: relative;
    background: #d4d3d3 !important;
    border: 1px solid #ccc;
    border-radius: 3px;
    z-index: 1;
}

.noUi-handle:after,
.noUi-handle:before {
    content: "";
    display: block;
    position: absolute;
    height: 12px;
    width: 1px;
    background: #e8e7e6;
    left: 10px;
    top: 3px;
}

.noUi-handle:after {
    left: 12px;
}

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

.noUi-marker-horizontal.noUi-marker {
    margin-top: 5px;
    margin-left: -1px;
    width: 1px;
    height: 5px;
    background: rgb(204, 204, 204);
}

.example-val {
    color: #8e8e8e;
    font-family: tablet-gothic-condensed, sans-serif;
    font-weight: 300;
    font-size: 16px;
    padding-bottom: 0;
}

.example-val span {
    font-weight: 400;
    font-size: 12px;
}

#slider-price-value-lower:before,
#slider-price-value-upper:before {
    content: "$";
    padding-right: 2px;
}


/* Noui Slider End */

.repairs-section-01 {
    padding-right: 40px;
}

.repairs-section-02 {
    padding-left: 40px;
}

.repairs .red-repairs-02 .col-6,
.repairs .red-repairs-03 .col-6 {
    max-height: 450px;
}


/* ===========================================================
07. Footer Structure
=========================================================== */

footer {
    background: #fff;
    padding: 80px 0;
}

footer .wrapper {
    position: relative;
}

.footer-logo img {
    max-width: 225px;
}

.footer-left {
    flex-direction: column;
}

footer h4 {
    font-weight: 600;
    font-style: normal;
    color: #000;
    margin-bottom: 20px;
}

.footer-right .col-1 {
    justify-content: flex-end;
}

footer li,
footer li a,
footer a {
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    color: #1E1E1E;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    line-height: 30px;
}

.footer-social-container li {
    padding: 5px 5px 5px 5px;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1.75px solid #ce171f;
}

.footer-social-container {
    margin-top: 20px;
}

.footer-social-container a {
    width: 110px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.footer-social-container li:hover i {
    color: #fff;
}

.footer-social-container li:hover {
    border: 2px solid #ce171f;
    background: #ce171f;
}

.footer-social-container li a i {
    color: #ce171f;
    font-size: 22px;
    line-height: 39px;
}

.footer-nav li {
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.footer-nav li:hover {
    opacity: 0.7;
}

.footer-inventory li {
    margin-right: 30px;
}

footer a[href^="tel:"] {
    color: #acacac !important;
    text-decoration: none;
}

.footer-bottom-copy {
    text-transform: uppercase;
    font-family: tablet-gothic-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    color: #686868;
    margin-top: 3px;
	margin-left:6px;
}

.footer-right-social,
.footer-right-one {
    padding-right: 40px;
    border-right: 1px solid #444444;
    margin-right: 40px;
}


/* ===========================================================
08. Form Structure
=========================================================== */


/* 08.01. Form Base Styles
=========================================================== */

::-webkit-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
}

::-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
}

:-ms-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
}

::-ms-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
}

::placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
}

textarea::-webkit-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
}

textarea::-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
}

textarea:-ms-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
}

textarea::-ms-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
}

textarea::placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
}

#formpage {
    text-align: center;
}

#formpage label,
.calculator-wrapper label {
    display: block;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #000;
    text-align: left;
    text-transform: uppercase;
    margin: 0 30px 0 10px;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
}

.form-flex {
    flex-wrap: wrap;
}

.contact .form-flex {
    flex-wrap: nowrap;
}

#formpage input[type="text"],
#formpage input[type="email"],
#formpage input[type="phone"],
#formpage input[type="date"],
#formpage input[type="time"],
#formpage select,
#formpage textarea {
    background: #f1f1f1;
    border: none;
    padding: 15px;
    width: 100%;
    margin-bottom: 20px;
    color: #8e8e8e;
    font-size: 14px !important;
    box-sizing: border-box;
}

#formpage textarea {
    min-height: 300px;
}

select option {
    color: #8e8e8e;
    font-size: 14px !important;
}

.form-continue {
    width: 100%;
    text-align: center;
}

#green-btn {
    margin: 20px auto !important;
}


/* 08.02. Captcha
=========================================================== */

.CaptchaImagePanel {
    margin-top: 10px;
    padding: 0 0 0 0;
}

.CaptchaMessagePanel {
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
    font-weight: normal !important;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
}

.CaptchaAnswerPanel {
    margin: 0 0 0 0;
    padding: 2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
    line-height: 0;
    margin: 0 0 10px 0;
    padding: 10px 0 10px 0 !important;
}

.CaptchaWhatsThisPanel a {
    color: inherit;
}

.CaptchaWhatsThisPanel a:hover {
    text-decoration: none;
}


/* 08.03. Form Structure
=========================================================== */

.form-row {
    display: flex;
}

.radio-row {
    justify-content: space-between;
    align-items: center;
}

.form-row p {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
}

.location-form {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}


/* ===========================================================
09. Classes
=========================================================== */

.margin-right {
    margin-right: 20px;
}

.margin-right-md {
    margin-right: 40px;
}

.margin-btm-sm {
    margin-bottom: 20px;
}

.row.row-no-padding {
    padding: 0;
}

.row.row-no-padding>.column {
    padding: 0;
}

.row.row-wrap {
    flex-wrap: wrap;
}

.row.row-top {
    align-items: flex-start;
}

.row.row-bottom {
    align-items: flex-end;
}

.row.row-center {
    align-items: center;
}

.row.row-stretch {
    align-items: stretch;
}

.row.row-baseline {
    align-items: baseline;
}

.col-1 {
    width: 100%;
}

.col-2 {
    width: calc(100% / 6);
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33333%;
}

.col-5 {
    width: 41.66667%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33333%;
}

.col-8 {
    width: 66.66667%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33333%;
}

.col-11 {
    width: 91.66667%;
}

.col-12 {
    width: 100%;
}

.flex {
    display: flex;
}

.align-center {
    align-items: center;
}

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

.flex-center {
    justify-content: center;
    align-items: center;
}

.flex-column {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.center {
    text-align: center;
}

.pd-md {
    padding: 40px 0;
}

.pd-btm-md {
    padding-bottom: 40px;
}

.pd-lg {
    padding: 80px 0;
}

.pd-top-lg {
    padding-top: 80px;
}

.pd-btm-lg {
    padding-bottom: 80px;
}

.pd-r-med {
    padding-right: 50px;
}

.m-btm-lg {
    margin-bottom: 80px;
}

.white-bg {
    background: #fff;
}

.white {
    color: #fff;
}

.red-bg {
    background-color: #FBFBFB;
}

.red-bg .body {
    color: #000;
    width: 100%;
}

.red {
    color: #ce171f;
}

.grey-bg {
    background: #f1f1f1;
}

.fixed-position {
    position: fixed;
}


/* ===========================================================
10. Inventory Styles
=========================================================== */

.faceted-search-field {
    overflow-x: hidden;
}

.list-content .list-top-section .sticky-top-menu {
    position: fixed;
    background: #fff;
    border-bottom: 1px #ccc solid;
    bottom: 0 !important;
    top: auto !important;
    left: 0;
    z-index: 9999999;
    width: 100%;
}

.list-content .list-title {
    padding: 15px 0;
    font-size: 1em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    border-bottom: none;
}

.list-content .list-title .list-listings-count {
    line-height: 27px;
    margin-left: 3px !important;
    color: #ce171f !important;
    font-size: .8rem !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

.list-content {
    margin: 0 auto;
    max-width: initial !important;
}

.faceted-search-content .faceted-section-box {
    padding: 15px 2%;
    border-bottom: 1px solid #ddd;
    background: #fff !important;
}

.list-container,
.selected-facets-container,
.detail-content,
.list-content .list-main-section {
    border: none !important;
}

.list-content input[type="button"],
.list-content input[type="color"],
.list-content input[type="date"],
.list-content input[type="datetime"],
.list-content input[type="datetime-local"],
.list-content input[type="email"],
.list-content input[type="file"],
.list-content input[type="month"],
.list-content input[type="number"],
.list-content input[type="password"],
.list-content input[type="reset"],
.list-content input[type="search"],
.list-content input[type="submit"],
.list-content input[type="tel"],
.list-content input[type="text"],
.list-content input[type="time"],
.list-content input[type="url"],
.list-content input[type="week"],
.list-content select,
.list-content textarea,
.modal-form-el label+input,
.modal-form-el label+select {
    height: 30px;
    line-height: 30px;
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {
    margin: 5px 0 0 5px;
}

.quick-search input[type="text"] {
    padding: 12px !important;
}

.search-mobile input[type="text"] {
    padding: 15px !important;
}

.faceted-search-content .selected-facets-container .selected-facet,
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link,
.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link,
.list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link,
.list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.faceted-search-content .faceted-section-box .faceted-view-more-btn,
.detail-content .detail-main-body .main-detail-data .offer-btn,
.detail-content .detail-main-body .main-detail-data .buy-btn,
.list-content .list-listing-mobile .view-listing-details-link,
.list-content .list-listing-mobile .buy-now-link,
.list-content .list-listing-mobile .check-availability-link,
.list-content .list-listing-mobile .email-seller-link,
.faceted-search-content .mobile-done-button-container .mobile-done-button,
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile,
.detail-content-mobile .detail-contact-bar .contact-bar-btn,
.list-container-flexrow .view-listing-details-link,
.paging-container .page-navs .list-page-nav,
.detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile,
.faceted-show-all-btn {
    background: #ce171f !important;
    border: none;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.detail-content-mobile .detail-additional-data .data-row .data-label,
.detail-content .detail-additional-data .data-row .data-label {
    background: #ce171f !important;
    color: #fff;
    font-weight: 700;
}

.detail-content .detail-additional-data .data-row .data-value {
    background: none;
    font-weight: 400;
    border-bottom: 1px #eee solid;
}

.detail-content .detail-additional-data .data-row {
    margin-bottom: 0;
}

.detail-content .detail-additional-data h4 {
    margin: 25px 0 5px;
    color: #141416 !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover,
.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link:hover,
.list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link:hover,
.list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link:hover,
.faceted-search-content .faceted-section-box .faceted-view-more-btn:hover,
.detail-content .detail-main-body .main-detail-data .offer-btn:hover,
.detail-content .detail-main-body .main-detail-data .buy-btn:hover,
.list-content .list-listing-mobile .view-listing-details-link:hover,
.list-content .list-listing-mobile .buy-now-link:hover,
.list-content .list-listing-mobile .check-availability-link:hover,
.list-content .list-listing-mobile .email-seller-link:hover,
.faceted-search-content .mobile-done-button-container .mobile-done-button:hover,
.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile:hover,
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile:hover,
.list-container-flexrow .view-listing-details-link:hover {
    background: #8d0000 !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price,
.list-content .list-title .list-listings-count,
.detail-content .detail-main-body .main-detail-data .detail-price,
.detail-content .search-results,
.list-content .list-listing-mobile .price-container .price,
.list-content .list-top-section .listing-option-bar .list-listings-count,
.detail-content-mobile .detail-main-body .main-detail-data .detail-price,
.info {
    color: #ce171f;
}

.detail-content .dealer-info .phone-and-email .send-email-btn,
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call,
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text,
.detail-content-mobile .detail-main-body .main-detail-data .opened {
    color: #ce171f !important;
    border: 1px #ce171f solid !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile {
    position: relative;
    height: 43px;
    width: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 200;
    font-family: Arial, sans-serif;
    justify-content: flex-start;
    border: 0 !important;
    cursor: pointer;
    padding-left: 8px;
    border-radius: 5px;
    backface-visibility: hidden;
}

.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile {
    border: 0 !important;
    color: #fff;
    margin-bottom: 20px;
}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {
    margin-right: 0 !important;
}

.detail-content .detail-additional-data .data-row .data-value {
    width: 100%;
    padding: 10px 7px;
    font-weight: bold;
    margin-left: 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-family: Arial, sans-serif;
    white-space: pre-wrap;
    flex-direction: column;
    width: 804px;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn {
    background: #333 !important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn:hover {
    color: #8d0000;
    border: 1px #73c3eb solid;
}

.white-bg .container {
    width: 100% !important;
}

.section-head {
    width: 100%;
}

.list-content .list-title {
    display: block;
    margin: 0;
}

.detail-group-data h2,
h2.share-listing {
    font-size: 16px !important;
}

.list-content .list-title .list-title-text {
    display: block;
    width: 100%;
}

.print-this,
.email-this {
    background: #5b5b5c !important;
    color: #fff !important;
    font-weight: 300 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    padding: 10px 50px !important;
    text-align: center !important;
    transition: 0.3s !important;
    border-radius: 0 !important;
    border: 0 !important;
}

.print-this:hover,
.email-this:hover {
    background: #3d3d3d !important;
}

.inventory input[type="submit"]:hover,
.inventory button[type="submit"]:hover,
.btn:hover,
.button:hover {
    background: #8d0000 !important;
}

.list-content .list-main-section .list-container .list-listing {
    background: #f2f2f2;
    padding: 15px !important;
    border-radius: 5px;
}

.list-container-flexrow .price-container .price {
    margin-left: 0;
    color: #ce171f;
}

.list-content .list-main-section .list-container .list-listing {
    border: 1px solid #ccc;
    background-color: #fff !important;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.29);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.29);
}

.list-container-flexrow .listing-card .listing-widgets a {
    margin-bottom: 6px;
}

body .noUi-connect {
    background: #dddddd;
}

.noUi-handle {
    border: none;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: none;
}

.list-content .list-main-section .list-container .list-listing {
    border: none !important;
}

.faceted-section-head i {
    color: #ce171f !important;
}

.faceted-search-content .selected-facets-container .selected-facet {
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    background: #ce171f;
    display: inline-block;
    margin: 10px 0 0 10px;
    cursor: pointer;
    border-radius: 5px;
}

.faceted-section-box input[type="submit"],
.faceted-section-box button[type="submit"] {
    line-height: 30px;
    height: 30px;
    font-size: 14px;
    padding: 0 6px !important;
    display: inline-block;
    border: none !important;
    color: #fff;
    background: #ce171f;
    border-radius: 0 !important;
    cursor: pointer;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

.faceted-search-content .faceted-section-box .faceted-text-input::placeholder {
    font-weight: 400;
    font-size: 12px;
}

.detail-content {
    margin: 0 auto;
    max-width: 1124px;
    padding: 25px !important;
}

.legal-text-content span,
.legal-text-content {
    font-size: 11px !important;
    line-height: 15px !important;
}

.faceted-search-content .selected-facets-container {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.listing-widgets a {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
}


.detail-content .dealer-info h3 {
    font-size: 1rem !important;
    font-weight: bold;
    font-family: Arial, sans-serif;
    margin-top: 20px;
}

.detail-content .detail-main-body .main-detail-data {
    border-radius: 0 !important;
}

.detail-content .detail-main-body .detail-body-data {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    background: #fff;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.detail-content .dealer-info .phone-and-email {
    float: right;
    width: 37%;
    margin-right: 20px;
}

.detail-content .dealer-info .phone-and-email .send-email-btn,
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call,
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text,
.detail-content-mobile .detail-main-body .main-detail-data .opened {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    border: 0 !important;
    background: #5b5b5c !important;
    border-radius: 0 !important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn:hover,
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call:hover,
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text:hover,
.detail-content-mobile .detail-main-body .main-detail-data .opened:hover {
    background: #3d3d3d !important;
}

.fa-facebook-f:before {
    content: "\f39e" !important;
}

.grouped-faceted-header {
    display: none !important;
}

/* Modal / Mobile buttons / Mobile Data Rows */

.button,
.contact-options a,
.fin-calc-mobile>a,
.detail-content-mobile .detail-additional-data .data-row .data-label {
    background-color: #ce171f !important;
    color: #fff !important;
}

.button:hover,
.contact-options a:hover,
.fin-calc-mobile>a:hover {
    background-color: #8d0000 !important;
    color: #fff !important;
}

.contact-options a {
    background: #ce171f !important;
    background-color: #ce171f !important;
    color: #fff !important;
}

.image-set img {width:100%; height:auto; object-fit: cover;}

/* ===========================================================
11. SALE PAGE
=========================================================== */
.sale-flyer img {width:100%; box-shadow: 0 0 20px -5px #000;}
.sale-flyer {width:100%; max-width:600px; padding-top:25px; display:flex; justify-content:center; align-items:center; margin:0 auto; padding-bottom:20px;}
.btn-center {display:flex; justify-content:center;margin:0 auto;}
.savings {text-align: left;text-transform: uppercase;font-size: 40px;line-height: 41px;font-weight: 900; font-family: 'Roboto', sans-serif !important;margin-bottom: 40px; color:#ce171f;}
.red a {color:#ce171f!important;}
.red:hover a {color:#c4c4c4!important;}
.wrapper p {line-height:30px;}




/* ===========================================================
12. Responsive Styles
=========================================================== */

@media only screen and (max-width: 1650px) {
	
.overlay {top: -2%;}
.overlay img {height:105px;}
.sticky {height:100px;}
.header-bottom {height:98px;}
	
}


@media only screen and (max-width: 1530px) {
.herologo img {
    width: 325px;
}
	.hero-copy{width: 30%;}
	
.hero-copy-heading-small {    
	font-size: 55px;
    line-height: 50px;
	}
	.hero-copy-small{
	font-size: 18px;	
	}
}
@media only screen and (max-width: 1400px) {
    .hero-copy {
        width: 30%;left:7px;
    }

    .our-locations-bttn {
        font-size: 15px;
    }

    .roller-img img {
        width: 18% !important;
        margin: 20px;
    }

    .alliance .product-intro-img img {
        position: static !important;
        max-width: 400px;
    }

    .alliance .product-intro-img {
        position: relative;
        margin-right: 10%;
        display: flex;
        justify-content: flex-end;
    }

   
    .header-search-slide {
        width: 70%;
    }

    .header-search input[type="text"] {
        font-size: 16px !important;
    }

    .header-search ::placeholder {
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 1300px) {
    .product-card {
        width: 29%;
    }

    .our-products .col-1 {
        justify-content: center;
    }

 

    .header-search-slide {
        width: 69%;
    }

    .sticky nav.primary ul li a {
        font-size: 11px;
    }

    header h1 img {
        max-width: 140px;
    }
}

@media only screen and (max-width: 1200px) {
   
    .hero-copy-small {
        font-size: 16px;
        line-height: 24px;
        max-width: 560px;
    }

    footer li,
    footer li a,
    footer a {
        font-size: 13px;
    }

    .testimonial-item img {
        max-width: 200px;
    }

    h3 {
        font-size: 21px;
        line-height: 22px;
    }

	


@media only screen and (max-width: 1186px) {
	.hero-copy{width:23%;}
	.hero-copy-heading-large {font-size:19px; line-height:28px;color:#000;}
}


@media only screen and (max-width: 1150px) {
    .body {
        font-size: 16px;
        line-height: 25px;
    }

    .product-intro-img {
        position: relative;
    }

    .product-intro-img img {
        margin-bottom: 0;
        position: absolute;
        right: -20%;
        bottom: 0;
    }

    .alliance .product-intro-img img {
        max-width: 300px;
    }
	
	.overlay img {height:79px;}
}

@media only screen and (max-width: 1100px) {

    h2 {
        font-size: 31px;
        line-height: 33px;
    }

    header h1 img {
        max-width: 140px;
    }

    .slide-content {
        background: url("/siteart/hero/tires-updated-hero.jpg") left center no-repeat;
        background-size: cover;
        height: 600px;
    }

    .slider-img {
        display: none !important;
    }

    .product-card {
        width: 47%;
    }

    ul.list li {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1050px) {
    header h1 img {
        max-width: 140px;
    }
	.hero-copy-heading-large {
	font-size: 19px;
    line-height: 28px;
	color:#000;
	}
.hero-copy-heading-small {    
	font-size: 50px;
    line-height: 50px;
	}
}

@media only screen and (max-width: 1151px) {
    .header-logo-mobile {
        max-width: 90px;
        margin-bottom: 10px;
        position: absolute;
        left: 20px;
        top: 20px;
    }

	.hero-copy{
	position: absolute;
    left: 2%;
    color: #000;
    top: 70%;
    transform: translateY(-50%);
    text-align: left;	
	}
    .header-bottom {
        height: 75px;
    }

    .header-logo {
        margin-left: 20px;
    }

    header .wrapper {
        max-width: 100%;
    }

    .header-right {
        justify-content: flex-end;
    }

    .hide-mobile,
    .utility-bar {
        display: none;
    }

    .breadcrumb {
        margin-top: 50px;
    }

    header {
        position: fixed;
    }

    .mobile-header {
        display: block;
    }

    .mobile-nav-container {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mobile-nav-container .nav-bar-rule {
        background: #e0e0e0 !important;
    }

    .mobile-menu-nav-icon {
        background: #ce171f;
        position: relative;
        overflow: hidden;
        width: 80px;
        height: 100%;
        padding: 0 !important;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
    }

    .mobile-menu-nav-icon i {
        font-size: 33px !important;
        color: #fff !important;
    }

    .mobile-menu-nav-icon:hover .search-icon-overlay {
        opacity: 0.5;
        left: -20px;
    }

    .nav-icon {
        padding: 0px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
        width: 80px;
    }

    h5 {
        font-size: 12px;
        font-weight: 500;
    }

    .nav-icon:hover {
        background: #e4e0e0 !important;
    }

    .nav-icon a {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav-icon:last-of-type {
        padding-right: 0 !important;
    }

    .mobile-menu-nav-icon:hover {
        background: #8d0000 !important;
    }

    .nav-icon i {
        font-size: 26px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        color: #ce171f;
    }

    .nav-icon-search:hover {
        background: #efefef;
    }

    .body-link {
        width: 100%;
    }

    .header-search-slide {
        width: 100%;
        background: #f1f1f1;
        top: 75px;
        right: 0;
        z-index: 1;
        -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.72);
        -moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.72);
        box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.72);
    }

    .hero-copy {
        width: 91%;
    }

    .footer-right .col-1 {
        flex-wrap: wrap;
        margin-left: 50px;
    }

    .footer-right-social,
    .footer-right-one,
    .footer-right-two {
        width: 100%;
    }

    .footer-right-social,
    .footer-right-one {
        margin-bottom: 40px;
    }

    .footer-right-two {
        margin-left: 0;
    }

    .footer-nav li {
        display: inline-block;
        margin-right: 30px;
    }

    .footer-right-social,
    .footer-right-one {
        padding: 0 0 40px 0;
        border-right: none;
        border-bottom: 1px solid #444444;
        margin-right: 0;
    }

    .our-locations-bttn {
        font-size: 14px;
    }
}
	


@media only screen and (max-width: 1000px) {

    footer li,
    footer li a,
    footer a {
        font-size: 15px;
    }

    .wrapper {
        max-width: 90%;
    }

    .alliance-other-tires .col-3 {
        width: 27% !important;
        margin: 10px;
    }

    .alliance-other-tires .flex-center {
        align-items: flex-start;
    }

    .modal-body .col-1 {
        padding: 30px;
        flex-direction: column;
    }
}

@media only screen and (min-width: 786px) and (max-width: 952px) {
    .has-search-bar {
        width: calc(66% - .75%) !important;
        float: left;
    }

    .product-card {
        width: 45%;
    }
}

@media only screen and (max-width: 950px) {
    .search-bar {
        margin: 0px 0 100px 0;
    }

    .categories {
        padding: 60px 0;
    }

    .search-bar {
        margin: 0px 0 60px 0;
    }

    .hero-copy-heading-large {
        font-size: 19px;
        line-height: 28px;
		color:#000!important;
    }

    .hero-copy-heading-small {
        font-size: 30px;
        line-height: 30px;
		
    }

    .hero-copy-small {
        margin-top: 10px;
    }
	    .herologo img {
        width: 230px;
    }
}

@media only screen and (max-width: 880px) {
    .our-locations-bttn {
        font-size: 13px;
        line-height: 15px;
    }

    alliance-other-tire .flex-center {
        justify-content: flex-start !important;
        align-items: flex-end !important;
    }
}

@media only screen and (max-width: 800px) {
    .product-card {
        width: 44%;
    }

    .read-more-container .col-1 {
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .read-more-container .col-7,
    .read-more-container .col-5 {
        width: 100%;
    }

    .read-more-container .col-7 {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 786px) {
    .header-search input[type="text"] {
        font-size: 15px !important;
    }

    .header-search ::placeholder {
        font-size: 15px !important;
    }

    h3 {
        font-size: 20px;
        line-height: 21px;
    }

    .iframe-map-container {
        display: none;
    }

    .our-locations .col-1 {
        flex-wrap: wrap;
    }

    .our-locations .col-4 {
        width: 100%;
        background: #ce171f !important;
    }

    .map-container {
        visibility: hidden;
        position: absolute;
        z-index: -100;
    }

    .view-map-bttn-desktop {
        display: none;
    }

    .view-map-bttn-mobile {
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 1px;
        display: flex;
        flex-direction: column;
        margin-top: auto;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 50px;
        text-transform: uppercase;
        color: #7f2b2b;
        cursor: pointer;
        background: #bc3c3c;
        transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
        -ms-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
        -webkit-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .map-margin-btm {
        margin-bottom: 0;
    }

    .view-map-bttn-mobile:hover {
        opacity: 0.5;
    }

    .view-map-mobile-container {
        display: block !important;
        position: static !important;
        opacity: 1;
        visibility: visible;
        z-index: 3;
    }

    .map-container-west,
    .map-container-richmond,
    .map-container-parma {
        padding: 0;
    }

    .our-locations {
        padding-bottom: 0 !important;
    }

    .instagram-timeline {
        margin-top: 0;
    }

    .our-locations h3 {
        color: #fff !important;
    }

    .our-locations-bttn {
        color: #333333 !important;
    }

    .our-locations-bttn i {
        color: #fff !important;
    }

    .our-locations .col-4 {
        border-top: 1px solid #b12b2b;
    }

    .no-map .col-4 .our-locations-copy {
        display: table;
    }

    .our-locations-bttn {
        font-size: 14.5px;
        line-height: 17px;
    }

    .our-story .red-bg .col-1 {
        flex-wrap: wrap;
    }

    .our-story .red-bg .col-6 {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .our-story section.pd-lg .col-1 {
        flex-wrap: wrap;
    }

    .our-story section.pd-lg .col-6 {
        width: 100%;
        display: flex;
        justify-content: center;
        height: 100%;
    }

    .our-story .margin-right-md {
        margin-right: 0;
    }

    .our-story .red-bg .col-1:nth-of-type(3) {
        flex-direction: column-reverse;
    }

    .repairs .red-repairs-02 {
        flex-direction: column;
    }

    .repairs .red-repairs-03 {
        flex-direction: column-reverse;
    }

    .repairs .red-repairs-02 .col-6,
    .repairs .red-repairs-03 .col-6 {
        width: 100% !important;
        max-height: 450px;
    }

    .repairs-section-01 {
        padding-right: 0;
    }

    .repairs-section-02 {
        padding-left: 0;
    }
}



@media only screen and (max-width: 700px) {
    .category-card .bttn-base {
        padding: 15px 20px !important;
    }

    footer .wrapper {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .footer-left,
    .footer-right {
        width: 100%;
    }

    .footer-right .col-1 {
        margin-left: 0;
    }

    .footer-right {
        margin-bottom: 40px;
    }

    .intro-body {
        font-size: 18px;
        line-height: 24px;
    }

    .header-search i {
        font-size: 20px;
    }


    .slide-content {
        background-position: -60px -10px;
        height: 500px;
    }

    .product-intro .col-1 {
        flex-wrap: wrap;
    }

    .product-intro .col-6 {
        width: 100%;
    }

    .product-intro .wrapper-left {
        margin-right: 10%;
    }

    .product-intro-img {
        display: flex;
        justify-content: center;
    }

    .product-intro-img img {
        position: static;
        max-width: 381px;
    }

    .roller-img img {
        width: 24% !important;
        margin: 10px;
    }

    .alliance .product-intro-img {
        justify-content: center;
    }

    .alliance .product-intro-img img {
        margin-top: 20px;
    }

    h4 {
        font-size: 16px;
        letter-spacing: 0.2px;
    }

    .form-row {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .form-row p {
        margin-bottom: 15px;
        text-align: left;
    }

    .contact-us textarea {
        width: 100% !important;
    }

    .contact-us #formpage input[type="text"],
    .contact-us #formpage input[type="email"],
    .contact-us #formpage input[type="phone"],
    .contact-us #formpage select,
    .contact-us #formpage textarea {
        width: 100% !important;
    }

    .contact-us .margin-right {
        margin-right: 0;
    }
}

@media only screen and (max-width: 650px) {
    .product-card {
        width: 100%;
    }

    

    .gallery-image-link {
        width: 42%;
        margin: 5px;
    }

    .img-row .col-1 {
        flex-wrap: wrap;
    }

    .img-row .col-4 {
        width: 100%;
    }

    .alliance-other-tires .col-3 {
        width: 44% !important;
    }

    .testimonial-item {
        flex-wrap: wrap;
        justify-content: center;
    }

    .testimonial-item img {
        margin-right: 0;
    }

    .read-more-container {
        padding: 30px;
    }

    .read-more-container .col-7 {
        margin: 0 0 40px 0;
    }
	
}



@media only screen and (max-width: 600px) {
    .header-bottom {
        height: 65px;
    }

    .header-search-slide {
        top: 65px;
    }

    .nav-icon {
        width: 70px;
    }

    .nav-icon i {
        font-size: 23px;
    }

    .mobile-menu-nav-icon i {
        font-size: 25px !important;
    }

    .hero-copy {
        width: 81%;
    }

    header h1 img {
        max-width: 90px;
    }

    .nav-icon {
        width: 50px;
    }

    .radio-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .radio-row div {
        margin-bottom: 10px;
    }

    .bttn-base {
        width: 100%;
    }

    .product-card .bttn-base {
        width: auto;
    }

    .call-modal-content {
        width: 80%;
    }

    .requestmodal {
        padding-top: 20%;
    }

    h2 {
        font-size: 28px;
        line-height: 29px;
    }

    .modal-body .col-1 {
        padding: 15px 30px;
    }

    .expand-collapse h4 {
        font-size: 12px;
    }

    h3 {
        font-size: 18px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 550px) {
    header h1 img {
        max-width: 100px;
    }

    .hero-copy-heading-large {
        font-size: 19px;
        line-height: 28px;
    }
	.hero-copy-heading-small {
        font-size: 27px;
        line-height: 25px;
    }
    .testimonial-item img {
        max-width: 150px;
    }

    .our-locations-bttn {
        margin-bottom: 17px;
    }

    footer li,
    footer li a,
    footer a {
        font-size: 12px;
        line-height: 35px;
    }

    h4 {
        font-size: 14px;
    }

    .intro-body {
        font-size: 16px;
        line-height: 23px;
    }
}