/* ========================================================================== *\
   TABLE OF CONTENTS
\* ==========================================================================

	1. RESET
	2. GENERAL TAGS
	3. STRUCTURE
		3.1 MOBILE MENU BUTTON
		3.2 SLIDE OUT MENU
		3.3 MEGA MENU
	4. HOME PAGE STYLES
	5. PAGE STYLES
		5.1 CAROUSELS
		5.2 PRODUCT
			5.2.1 SINGLE PRODUCT
			5.2.2 PROMOTIONS
		5.3 TESTIMONIALS
		5.4 FAQS / CATS
		5.5 SEARCH RESULTS
		5.6 CATEGORIES
		5.7 CUSTOMER SERVICE
		5.8 ABOUT
		5.9 TIRES
		5.10 SHOPPING CART
		5.11 NEW STYLES
	6. GENERAL CLASSES
	7. FORM STYLES
	8. COLUMNS
*/

/* ========================================================================== *\
   1. RESET
\* ========================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Make HTML 5 elements display block-level for consistent styling */
main, article, section, aside, hgroup, nav, header, footer, figure, figcaption {
  display: block;
}


.autocomplete-suggestions 
{ 
	position: absolute; display:none; max-height: 300px; z-index: 9999; margin-left:1px; width:550px; background:#fff; cursor:default; overflow-y: scroll; border: 1px solid #D5D5D5; border-top: none; 
	border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 6px rgba(32, 33, 36, .28);
    border: 0;
    padding-bottom: 10px;	
}
.autocomplete-suggestions li { font-size: 15px; padding: 4px 5px 4px 15px; /*white-space:nowrap;*/ overflow:hidden; cursor: pointer; }
.autocomplete-suggestions li:hover { background:#f0f0f0; }
.autocomplete-suggestions li.bold { cursor:text; background-color:#f2f2f2; font-weight:700; }

.autocomplete-suggestion { padding: 4px 5px 4px 15px; /*white-space:nowrap;*/ overflow:hidden; cursor: pointer; }
.autocomplete-selected { background:#f0f0f0; }
.autocomplete-suggestions strong { font-weight:normal; color:#E20613; }
/* scrollbar */
.autocomplete-suggestions::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.autocomplete-suggestions::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  border-radius: 1px;
}
.autocomplete-suggestions::-webkit-scrollbar-thumb {
  -webkit-border-radius: 1px;
  border-radius: 1px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.autocomplete-suggestions::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.1);
}

/* ========================================================================== *\
   2. GENERAL TAGS
\* ========================================================================== */

* {
	box-sizing: border-box;
}

html {
	font-size: 62.5%; /* == 10px rem == */
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-size: 1.6rem;
	line-height: 150%;
	font-family: 'Karla', sans-serif;
	color: #2B2B2B;
}

p {
	padding-bottom: 24px;
}

h1 {
	font-size: 4.8rem;
	line-height: 150%;
	font-weight: bold;
	padding-bottom: 1.6rem
}

h2,
h1.alt {
	font-size: 3.2rem;
	line-height: 150%;
	font-weight: bold;
	padding-bottom: 1.6rem;
}

h3 {
	font-size: 2.4rem;
	line-height: 150%;
	font-weight: bold;
	padding-bottom: 1.6rem;
}

h4 {
	font-size: 1.8rem;
	line-height: 150%;
	font-weight: bold;
	padding-bottom: 1.6rem;
}

a {
	color: #E20613;
	text-decoration: none;
    transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

a:hover {
	color: #000000;
	text-decoration: none;
	outline: 0;
}
a.reverse { color: #000000; }

.invertLink a {
	color: #2B2B2B;
}

.invertLink a:hover {
	color: #E20613;
}

a:before,
a:after {
    transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

hr {
	display: block;
	width: 100%;
	height: 30px;
	clear: both;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 2px solid #CCCCCC;
	margin: 0 0 30px 0;
}

::selection {
	background: #E20613;
	color: #ffffff;
}

::-moz-selection {
	background: #E20613;
	color: #ffffff;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

.table {
	overflow-x: auto;
}

table {
	width: 100%;
	font-size: 1.6rem;
}

table thead th {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 4px solid #D5D5D5;
	background: #ffffff !important;
}

table th {
	font-weight: bold;
	text-align: left;
	padding: 1.6rem;
	width: 360px;
}

table td {
	text-align: left;
	padding: 1.6rem;
	vertical-align: top;
}

table td .btn {
	margin-bottom: 0px;
	padding: 0.8rem 1.6rem;
	font-size: 1.6rem;
}

.table.alt table tr:nth-child(odd) th,
.table.alt table tr:nth-child(odd) td {
	background: #F2F2F2;
}

.table.alt table tr:nth-child(even) th,
.table.alt table tr:nth-child(even) td {
	background: #ffffff;
}

table tr:nth-child(even) th,
table tr:nth-child(even) td {
	background: #F2F2F2;
}

table th h3 {
	padding-bottom: 0px;
}

/* === */

.table.additionalSizes table thead th {
	font-size: 14px;
	padding: 5px 20px;
	border-bottom: 1px solid #cccccc;
}

.table.additionalSizes table thead th:first-child {
	padding: 5px 20px 5px 0;
}

.table.additionalSizes table thead th:last-child {
	padding: 20px 0px 20px 20px;
}

.table.additionalSizes table tbody th {
	font-size: 14px;
	padding: 15px 0px;
	border-bottom: 1px solid #cccccc;
	border-top: 2px solid #cccccc;
	font-size: 24px;
	font-weight: bold;
}

.table.additionalSizes table tbody {
	width: 100%;
}

.table.additionalSizes table tbody tr {
	width: 100%;
}

.table.additionalSizes table tbody td {
	padding: 20px;
	border-bottom: 1px solid #cccccc;
}

.table.additionalSizes table tbody td:first-child {
	padding: 20px 20px 20px 0;
}

.table.additionalSizes table tbody td:last-child {
	text-align: right;
	padding: 20px 0px 20px 20px;
}

.table.additionalSizes table tbody td .btn {
	margin: 0px;
}

.table.additionalSizes table tr:nth-child(odd) th,
.table.additionalSizes table tr:nth-child(odd) td {
	background: #FFFFFF;
}

.table.additionalSizes table tr:nth-child(even) th,
.table.additionalSizes table tr:nth-child(even) td {
	background: #ffffff;
}

.table.additionalSizes table tr:nth-child(even) th,
.table.additionalSizes table tr:nth-child(even) td {
	background: #FFFFFF;
}

/* ========================================================================== *\
   3. STRUCTURE
\* ========================================================================== */

#wrapper {
	overflow-x: hidden;
}

.header {
	display: block;
	width: 100%;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
	border-bottom: 1px solid #DEDEDE;
}

.logo {
	display: block;
}

.topBar {
	display: block;
	width: 100%;
	height: 40px;
	background: #EC0000;
	padding: 10px 0 6px 0;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 100%;
}

.topBar a {
	color: #ffffff;
	text-decoration: none;
}

.topBar .content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.topBar p {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-bottom: 0px;
}

.topBar p:after {
	content: "";
	display: inline-block;
	margin-left: 0.8rem;
	width: 18px;
	height: 20px;
	background: url('images/ico-maple-leaf-white.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 20px;
}

.topBar .dropDown {
	display: block;
}

.topBar .dropDown ul li {
	position: relative;
}

.topBar .dropDown ul li a:hover {
	color: #000000;
}

.topBar .dropDown ul li a:after {
	content: "";
	display: inline-block;
	margin-left: 0.4rem;
	width: 10px;
	height: 6px;
	background: url('images/ico-down-white-chevron.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 10px 6px;
}

.topBar .dropDown ul li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 100;
	min-width: 180px;
	padding-top: 1rem;
}

.topBar .dropDown ul li:hover > ul {
	display: block;
}

.topBar .dropDown ul li ul li {
	display: block;
	width: 100%;
	background: #ffffff;
}

.topBar .dropDown ul li ul li a {
	display: block;
	width: 100%;
	padding: 1rem 1.6rem;
	color: #000000;
	font-size: 1.4rem;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.topBar .dropDown ul li ul li a:after {
	display: none;
}

.topBar .dropDown ul li ul li a:hover {
	color: #EC0000;
}

.logo {
	display: block;
	width: 210px;
}

.header {
	display: block;
	width: 100%;
}

.header.alt {
	padding: 4rem 0;
}

.header.alt .logo {
	margin: 0 auto;
	width: 100%;
	max-width: 380px;
}

.header .headerTop {
	display: block;
	width: 100%;
	padding: 0.8rem 0;
	border-bottom: 1px solid #D5D5D5;
}

.header .headerTop .content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.header .headerTop .content .headerLeft {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 260px;
}

.header .headerTop .content .headerCentre {
	display: block;
	/* width: 675px; */
	width: 580px; /* new */
	height: 50px; margin-top: 5px;
	position: relative;
}

.header .headerTop .content .headerCentre form {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.header .headerTop .content .headerCentre input[type="text"] {
	display: block;
	width: 80% !important; /* new */
	background: #F2F2F2;
	color: #646464;
	font-size: 1.6rem;
	padding: 1.4rem 1.8rem 1.2rem 1.8rem;
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
	border-right: none;
	border-radius: 0px;
	box-sizing: content-box;
	margin: 0px;
}

.header .headerTop .content .headerCentre input[type="submit"], .header .headerTop .content .headerCentre input[type="button"] {
	display: block;
	width: 50px !important;
	background: url('images/ico-search.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-color: #EC0000;
	border-radius: 0 5px 5px 0;
	text-indent: -999999px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

.header .headerTop .content .headerCentre input[type="submit"]:hover, .header .headerTop .content .headerCentre input[type="button"]:hover {
	background: url('images/ico-search-black.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-color: #EC0000;
}

.header .headerTop .content .headerCentre input[type="button"].clear-search { 
	position: absolute;
    top: 14px;
    right: 80px;
    cursor: pointer;
    background: url(images/times-circle.svg) no-repeat 50% 50%;
    background-size: contain;
    border: none;
    width: 35px;
    opacity: 0.5;
	display:none;
}
.header .headerTop .content .headerCentre input[type="button"].clear-search:hover { opacity: 0.7;  }

.header .headerTop .content .headerRight {
	/* display: block; */
	display: flex; /* new */
	flex-flow: row; /* new */
	align-items: center; /* new */
	gap: 1.6rem; /* new */
	/* width: 35px; */
	position: relative; /* new */
	z-index: 1000; /* new */
}

/* new */
.header .headerTop .content .mobileAccount {
	display: none;
	background: url('images/profile.svg');
	background-size: 36px 36px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 36px;
	height: 36px;
	text-indent: -999px;
	overflow: hidden;
	position: absolute;
	top: -0.4rem;
	right: 6.4rem;
}
.header .headerTop .content .headerRight .account,
.header .headerTop .content .headerRight .link {
	display: block;
	background: url('images/profile.svg');
	background-size: 30px 30px;
	background-position: top 16px left 24px;
	background-repeat: no-repeat;
	padding: 50px 0 16px 0;
	position: relative;
	color: #2B2B2B;
	line-height: 100%;
	cursor: pointer;
}


.header .headerTop .content .headerRight .account span {
	display: block;
	padding: 0 1.6rem 0 0;
	position: relative;
	color: #2B2B2B;
	font-size: 1.6rem;
	line-height: 100%;
	font-weight: bold;
	font-style: italic;
	background: url('images/ico-down-chevron.svg');
	background-size: 11px 7px;
	background-repeat: no-repeat;
	background-position: right center;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.header .headerTop .content .headerRight .link span {
	display: block;
	padding: 0;
	position: relative;
	color: #2B2B2B;
	font-size: 1.6rem;
	line-height: 100%;
	font-weight: bold;
	font-style: italic;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.header .headerTop .content .headerRight .link {
	color: #2B2B2B;
	font-size: 1.6rem;
	line-height: 100%;
	font-weight: bold;
	font-style: italic;
}

.header .headerTop .content .headerRight .account:hover span {
	color: #E20613;
	background: url('images/ico-up-chevron.svg');
	background-size: 11px 7px;
	background-repeat: no-repeat;
	background-position: right center;
}

.header .headerTop .content .headerRight .link:hover span {
	color: #E20613;
}

.header .headerTop .content .headerRight .account:hover > .accountDropDown {
	display: block;
}

.accountDropDown {
	display: none;
	position: absolute;
	top: 100%;
	width: 300px;
	background: #ffffff;
	right: -15px;
	z-index: 5000 !important;
	padding: 2.4rem;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.accountDropDown.open {
	display: block;
}

.accountDropDown:after {
	content: "";
	display: block;
	width: 30px;
	height: 15px;
	background: url('images/triangle.png');
	background-position: center center;
	background-size: 30px 15px;
	background-repeat: no-repeat;
	position: absolute;
	top: -15px;
	right: 34px;
	z-index: -1;
}

.accountDropDown .title {
	display: block;
	font-weight: bold;
	font-size: 2.4rem;
	margin-bottom: 0.8rem;
}

.accountDropDown p {
	font-size: 1.4rem;
	padding-bottom: 1.6rem;
}

.accountDropDown .btn {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 0.8rem;
	font-size: 1.4rem;
}

/* === */
.accountDropDownMobile {
	display: none;
	padding: 1.6rem 0;
	border-bottom: 1px solid #DEDEDE;
}

.accountDropDownMobile .title {
	display: block;
	font-weight: bold;
	font-size: 2.4rem;
	margin-bottom: 0.8rem;
}

.accountDropDownMobile p {
	font-size: 1.4rem;
	line-height: 125%;
	padding-bottom: 1.6rem;
}

.accountDropDownMobile .btn {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 0.8rem;
	font-size: 1.4rem;
}

.wishlistcart { height: 30px !important; }
.wishlist { height: 28px !important; position: relative;  }
span.spwishlist  {
    display: block;
    padding: 0 1.6rem 0 0;
    position: relative;
    color: #2B2B2B;
    font-size: 1.6rem;
    line-height: 100%;
    font-weight: bold;
    font-style: italic;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
span.spwishlist:hover  {
	color: #E20613;
}
.header .headerTop .content .headerRight .cart {
	display: block;
	background: url('images/ico-cart.svg');
	background-size: 30px 28px;
	background-position: top 16px left;
	background-repeat: no-repeat;
	padding: 50px 0 16px 0;
	position: relative;
	color: #2B2B2B;
	font-size: 1.6rem;
	line-height: 100%;
	font-weight: bold;
	font-style: italic;
}
.header .headerTop .content .headerRight .cart span  {
	display: flex;
	position: absolute;
	top: 0px;
	right: -12px;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	color: #ffffff;
	background: #E20613;
	align-items: center;
	justify-content: center;
	font-style: normal;
}

.header .headerTop .content .headerRight .wishlistcart {
	display: block;
	background: url('images/ico-wishlist.svg');
	background-size: 30px 28px;
	background-position: top 16px right 15px;
	background-repeat: no-repeat;
	padding: 48px 0 30px 0;
	position: relative;
	color: #2B2B2B;
	font-size: 1.6rem;
	line-height: 100%;
	font-weight: bold;
	font-style: italic;
}
.header .headerTop .content .headerRight .wishlistcart span  {
	display: flex;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	color: #ffffff;
	background: #E20613;
	align-items: center;
	justify-content: center;
	font-style: normal;
}


/* end new */

.header .headerBottom {
	display: block;
	width: 100%;
	padding: 1.6rem 0 2.4rem 0;
}

.header .headerBottom .content {
	display: block;
}

.header .headerBottom .content .menu {
	display: block;
	width: 100%;
}

.header .headerBottom .content .menu ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}

.header .headerBottom .content .menu ul li {
	display: inline-block;
}

.header .headerBottom .content .menu ul li a {
	display: flex;
	flex-direction: row;
	align-items: center;
	font-weight: bold;
	font-style: italic;
	font-size: 1.6rem;
	color: #2B2B2B;
}

.header .headerBottom .content .menu ul li a:hover,
.header .headerBottom .content .menu ul li.current a {
	color: #E20613;
}

.header .headerBottom .content .menu ul li a:after {
	content: "";
	display: inline-block;
	width: 11px;
	height: 7px;
	background: url('images/ico-down-chevron.svg');
	background-size: 11px 7px;
	margin-left: 4px;
	background-repeat: no-repeat;
	background-position: center center;
}

.header .headerBottom .content .menu ul li {
	position: relative;
}

.header .headerBottom .content .menu ul li ul {
	display: none;
	position: absolute;
	top:100%;
	left: 0px;
	background: #ffffff;
	z-index: 100;
	min-width: 220px;
	padding-top: 1rem;
}

.header .headerBottom .content .menu ul li:last-child ul {
	left: auto;
	right: 0px;
}

.header .headerBottom .content .menu ul li:hover > ul {
	display: block;
}

.header .headerBottom .content .menu ul li ul li {
	display: block;
	width: 100%;
}

.header .headerBottom .content .menu ul li ul li a {
	display: block;
	width: 100%;
	padding: 1rem 1.6rem;
	font-size: 1.4rem;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.header .headerBottom .content .menu ul li ul li a:after {
	display: none;
}

/* ================================ *\
   3.1 MOBILE MENU BUTTON
\* ================================ */

.c-hamburger.alt {
	display: none;
	background-color: transparent !important;
}

.c-hamburger {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 20px;
	margin-top: 5px;
	font-size: 0;
	text-indent: -9999px;
	appearance: none;
	box-shadow: none;
	border-radius: none;
	border: none;
	cursor: pointer;
	transition: background 0.3s;
}

.c-hamburger:hover {
	background: transparent;
}

.c-hamburger:focus {
	outline: none;
}

.c-hamburger span {
	display: block;
	position: absolute;
	top: 6px;
	left: 0px;
	right: 0px;
	height: 4px;
	background: #1D1D1B;
	border-radius: 2px;
}

.c-hamburger span::before,
.c-hamburger span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #1D1D1B;
	border-radius: 2px;
	content: "";
}

.c-hamburger span::before {
	top: -10px;
}

.c-hamburger span::after {
	bottom: -10px;
}

.c-hamburger--htx {
	background:transparent;
}

.c-hamburger--htx span {
	transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
	transition-property: top, transform;
}

.c-hamburger--htx span::after {
	transition-property: bottom, transform;
}

.footer {
	display: block;
	width: 100%;
	background: #444444;
	color: #ffffff;
	padding: 7.2rem 0 3.6rem;
}

.footer.alt {
	background: transparent;
	padding: 3.2rem 0;
	font-size: 1.6rem;
	color: #202020;
	background: #F2F2F2;
}

.footer.alt ul {
	display: flex;
	flex-direction: row;
}

.footer.alt ul li {
	display: block;
	border-left: 1px solid #202020;
	font-size: 1.6rem;
	line-height: 1.6rem;
}

.footer.alt ul li:first-child {
	border-left: none;
}

.footer.alt ul li a {
	display: block;
	padding: 0 0.8rem;
	color: #202020;
	text-decoration: none;
}

.footer.alt ul li a:hover {
	color: #E20613;
}

.footerLogo {
	display: block;
	margin-bottom: 3.6rem;
}

.footer p {
	font-size: 1.6rem;
}

.footer h2 {
	padding-bottom: 3.6rem;
}

.footer a {
	color: #ffffff;
	text-decoration: underline;
}

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

ul.social {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 24px;
	margin-top: 1.6rem;
}

ul.social li {
	display: block;
}

ul.social li a {
	display: block;
	width: auto;
	height: 25px;
}

ul.social li a:hover {
	transform: scale(1.1,1.1);
}

.footer .title {
	display: block;
	font-weight: bold;
	font-size: 2rem;
	margin: 1.6rem 0;
}

ul.footerMenu {
	display: block;
	margin-bottom: 2.4rem;
}

ul.footerMenu li {
	display: block;
	margin-bottom: 0.8rem;
}

ul.footerMenu li a {
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
	font-size: 1.6rem;
}

ul.footerMenu li a:hover {
	text-decoration: underline;
}

.legal {
	display: block;
	width: 100%;
	padding: 2.4rem 0 0 0;
	margin-top: 3.6rem;
	border-top: 1px solid rgba(255,255,255,0.3);
	font-size: 1.6rem;
}

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

.legal ul.cCards {
	display: flex;
	justify-content: center;
	gap: 1.6rem;
}

.legal ul.cCards li {
	display: block;
	border: none;
	padding: 0px;
}

.legal ul {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
}

.legal ul li {
	display: block;
	border-right: 2px solid rgba(255,255,255,0.3);
	padding: 0 8px;
}

.legal ul li:last-child {
	border-right: none;
	padding-right: 0px;
}

.legal ul li:after {
	content: "";
	display: block;
	height: 100%;
	width: 2px;
	background:
}

.legal ul li a {
	font-size: 1.6rem;
	text-decoration: none;
}

.legal ul li a:hover {
	text-decoration: underline;
}

/* ================================ *\
   3.2 SLIDE OUT MENU
\* ================================ */

.slideOutMenuContainer {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99999999;
	background: rgba(0,0,0,0.8);
	opacity: 0;
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
}

.slideOutMenuContainer.open {
	display: block;
	opacity: 1;
}

.slideOutMenu {
	display: block;
	background: #ffffff;
	position: absolute;
	top: 0px;
	left: 0;
	height: 100%;
	overflow-y: auto;
	width: 320px;
	padding: 0.8rem 4rem 2.4rem 4rem;
}

.slideOutMenu ul {
	display: block;
	border-bottom: 1px solid #DEDEDE;
	margin: 0.8rem 0;
	padding-bottom: 0.8rem;
}

.slideOutMenu ul li {
	display: block;
}

.slideOutMenu ul li a {
	color: #2B2B2B;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0.8rem;
}

.slideOutMenu ul li a .image {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 1.6rem;
	width: 24px;
	text-align: center;
}

.slideOutMenu ul li a img {
	display: inline-block;
}

.slideOutMenu ul li a:hover {

}

.slideOutMenu ul:last-child {
	border-bottom: none;
}

.slideOutMenu ul.links {
	display: block;
}

.slideOutMenu ul.links li {
	display: block;
}

.slideOutMenu ul.links li a {
	display: block;
	background: url('images/ico-right-chevron.svg');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 8px 14px;
}

.slideOutMenu ul.links li a:hover {
	background-position: right 4px center;
}

.closeSlideOut {
	display: block;
	width: 24px;
	height: 24px;
	background: url('images/ico-close-white.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	overflow: hidden;
	text-indent: -999999px;
	cursor: pointer;
	position: absolute;
	left: 345px;
	top: 16px;
}

.slideOutMenu ul.level2 {
	display: none;
}

.slideOutMenu ul.level2 li:first-child {
	border-bottom: 1px solid #DEDEDE;
	margin-bottom: 1.6rem;
}

.closeSlideOut:hover {
	transform: scale(1.1,1.1);
}

/* ================================ *\
   3.3 MEGA MENU
\* ================================ */

.navigation {
	display: block;
	width: 100%;
	padding: 1.6rem 0;
	position: relative;
	background: #ffffff;
}

.navigation ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 5.6rem;
}

.navigation ul li {

}

.navigation ul li a {
	font-size: 1.8rem;
	font-weight: bold;
	color: #2B2B2B;
}

.navigation ul li.active a,
.navigation ul li a:hover {
	color: #E20613;
}

.navigation li.expandMenu {
	font-size: 1.8rem;
	font-weight: bold;
	color: #2B2B2B;
	cursor: pointer;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	padding-right: 20px;
	background: url('images/ico-down-chevron.svg');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 12px 10px;
}

.navigation li.expandMenu:hover {
	color: #E20613;
	background: url('images/ico-down-red-chevron.svg');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 12px 10px;
}

.navigation li.expandMenu.active {
	color: #E20613;
	background: url('images/ico-up-red-chevron.svg');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 12px 10px;
}
.closeExpandMenu {
	display: block;
	width: 2.0rem;
	height: 2.0rem;
	background: url('images/ico-close.svg');
	/*background-position: right 7px;*/
	background-repeat: no-repeat;
	background-size: 1.5rem 1.5rem;
	overflow: hidden;
	/*text-indent: -999px;*/
	cursor: pointer;
	position: absolute;
	right: 5.0rem;
    top: 3.7rem;
}


.megaMenu {
	display: none;
	box-shadow: 0 4px 5px rgba(0,0,0,0.2);
	padding: 3rem 0 5.6rem 0;
	position: absolute;
	top: 100%;
	left: 0px;
	width: 100%;
	background: #ffffff;
	z-index: 999999;
	border-top: 1px solid #D5D5D5;
}

.megaMenu hr {
	border-bottom: 1px solid #D5D5D5;
	height: 2.4rem;
}

.megaMenu.open {
	display: block;
}

.megaMenu .title {
	font-weight: bold;
	font-size: 2.4rem;
}

.megaMenu ul {
	display: block;
}

.megaMenu ul li {
	margin-bottom: 0.8rem;
	display: block;
}

.megaMenu ul li a {
	font-size: 1.8rem;
	font-weight: bold;
	color: #2B2B2B;
}

.megaMenu ul li.active a,
.megaMenu ul li a:hover {
	color: #EC0000;
}

/* ========================================================================== *\
   4. HOME PAGE STYLES
\* ========================================================================== */

.hero.home {
	padding: 0;
	background: #444444;
}

.hero.home .one_third {
	width:32%;
}

.heroSidebar {
	display: block;
	width: 100%;
	background: #ffffff;
	padding: 3.6rem 3.6rem 2.4rem 3.6rem;
	border-radius: 5px;
}

.heroSidebar .title {
	display: block;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 150%;
	padding-bottom: 2.4rem;
}

.savedVehicle {
	display: flex;
	flex-direction: row;
	align-items:center;
	gap: 1.6rem;
	background: #eeeeee;
	border-radius: 4px;
	padding: 8px;
	margin-block: 1.6rem;
	font-weight: bold;
	color: #000000;
}

.savedVehicle span {
	font-weight: normal;
	font-size: 1.4rem;
}

.savedVehicle img {
	display: block;
	max-width: 60px;
	border: 1px solid #dddddd;
}

.hero-carousel {
	display: block;
	width: 100%;
	margin: 0 !important;
}

.hero-carousel .slide {
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	color: #ffffff;
	padding: 5.6rem 0 5.6rem 7.2rem;
	min-height: 300px;
	border-radius: 0px;
}
/*.hero-carousel .slide:before {
   content: "";
   position: absolute;  
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background: rgba(0,0,0, .2);
}*/

.hero-carousel .slide h1 {
	text-align: center;
	padding: 0px 160px;
	line-height: 125%;
}

.hero-carousel .slide h2 {
	font-size: 4.8rem;
	line-height: 150%;
	font-weight: bold;
	padding-bottom: 1.6rem;
	text-align: center;
}

.hero-carousel .slide p {
	max-width: 320px;
	display: block;
	margin: 0 auto;
	text-align: center;
}

.main.home {
	padding: 4.8rem 0 7.2rem 0;
	background: #ffffff;
}

.marquee {
	display: block;
	width: 100%;
	overflow: hidden;
}

.marquee .inner {
	position: relative;
	left: -97%;
}

.marquee .item {
	display: inline-block;
	width: 260px;
	height: 145px;
	margin: 0 2.4rem 0 0;
	box-shadow: 0 2px 15px rgba(0,0,0,0.1);
	border: 1px solid #D5D5D5;
	background: #ffffff;
	border-radius: 0;
}

/* ========================================================================== *\
   5. PAGE STYLES
\* ========================================================================== */

.hero {
	display: block;
	width: 100%:
}

.hero.alt {
	padding: 4rem 0 6.4rem 0;
	background:#F2F2F2;
}

.main {
	display: block;
	width: 100%;
	background: #FFFFFF;
	padding: 7.2rem;
}

.main.grey {
	background: #F2F2F2;
}

.main.alt {
	padding: 3.2rem 0 4.8rem 0;
}

.main.white {
	background: transparent;
}

.breadcrumb {
	display: block;
	width: 100%;
	/*padding: 0 0 0.8rem 0;*/
	/*background: #ffffff;*/
}

.breadcrumb .content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.breadcrumb ul {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin: 0;
	font-size: 1.4rem;
	line-height: 150%;
	color: #2B2B2B;
	font-weight: bold;
	font-style: italic;
}

.breadcrumb ul li {
	display: flex;
	flex-direction: row;
	margin-right: 1.2rem;
	align-items: center;
}

.breadcrumb ul li:after {
	content: "";
	display: inline-block;
	margin-left: 1.2rem;
	width: 10px;
	height: 12px;
	background: url('images/ico-right-chevron.svg');
	background-size: 10px 12px;
	background-position: center center;
	background-repeat: no-repeat;
}

.breadcrumb ul li:last-child:after {
	display: none;
}

.breadcrumb ul li a {
	color: #2B2B2B;
}

.breadcrumb ul li a:hover {
	color: #E20613;
}

.titleBar {
	display: block;
	width: 100%;
	padding: 2.4rem 0;
}
.titleBar.grey {
	background: #F2F2F2;
}

.titleBar.alt {
	background: #F2F2F2;
	padding: 2.4rem 0;
}

.titleBar.alt .breadcrumb {
	background: transparent;
}

.titleBar .content {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.titleBar h1 {
	padding-bottom: 0px;
}

.titleBar p {
	font-size: 2.4rem;
	letter-spacing: -0.5px;
	font-weight: bold;
	color: #747474;
	padding-bottom: 0px;
}

.titleBar p span {
	color: #2B2B2B;
}

.titleBar .right {
	display: block;
	min-width: 360px;
}

.titleBar .right .btn {
	text-decoration: none;
	margin-bottom: 0px;
}

.titleBar .right a {
	text-decoration: underline;
}

.titleBar .right a:hover {
	text-decoration: none;
}

/* ===================================== *\
   5.1 CAROUSELS
\* ===================================== */

.carousel,
.carousel-alt,
.carousel-promos {
	width: calc(100% + 2.4rem);
	margin-left: -1.2rem;
	margin-top: 1.6rem;
}

.carousel-promos img {
	display: block;
	width: 100%;
}

.itemContainer {
	display: block;
	margin: 0 1.2rem;
}

.itemContainer .item:hover p {
	transform: scale(1.1,1.1);
	color: #E20613;
}

.itemContainer a img {
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.itemContainer a:hover img {
	transform: scale(1.1,1.1);
}

.itemTile {
	display: block;
	text-align: left;

	color: #2B2B2B;
	font-weight: bold;
	border: 1px solid #D5D5D5;
	width: 100%;
	height: auto;
	padding: 2.4rem 1.6rem;
	box-shadow: 0 2px 15px rgba(0,0,0,0.1);
	background: #ffffff;
	border-radius: 0;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.itemTile.flex {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.itemTile img {
	display: block;
	/*max-width: 100px;*/
	max-height: 100px !important;
	margin: 0 auto 1.6rem auto;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out
}

.itemTile:hover img {
	transform: scale(1.1,1.1);
}

.itemTile.center {
	text-align: center;		word-break: break-word;
}
.itemTile.vcenter {
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
}
.itemTile p {
	font-size: 1.5rem;
	line-height: 125%;
	padding-bottom: 0px;
	font-weight: bold;
	word-break: break-word;
	border-top: 1px solid #e7eaee;
    padding-top: 7px;
}
.itemTile p.noimg {
	font-size: 1.5rem;
	line-height: 125%;
	padding-bottom: 0px;
	font-weight: bold;
	word-break: break-word;
	border-top: none;
	padding-top: 0px;
}

.itemTile p span {
	font-size: 1.4rem;
	color: #000000;
	font-weight: bold;
}

.itemTile .price {
	display: block;
	font-weight: bold;
	color: #E20613;
	font-size: 2rem;
	margin-bottom: 0.8rem;
}


.item {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	text-align: center;

	color: #2B2B2B;
	font-size: 2rem;
	font-weight: bold;
	font-style: italic;
	width: 100%;
	height: 145px;
	padding: 2.4rem;
	box-shadow: 0 2px 15px rgba(0,0,0,0.1);
	background: #ffffff;

	border: 1px solid #D5D5D5;
	border-radius: 0;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.item p {
	padding-bottom: 0px;
	width: 100%;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.item.hasImage {
	background-size: auto 50px !important;
	background-position: top 16px center !important;
	background-repeat: no-repeat !important;
	background-color: #ffffff !important;
}

.item.hasImage:hover {
	background-size: auto 55px !important;
}

.progress,
.progress-alt,
.progress-promos {
	display: none;
	width: 100%;
	height: 8px;
	border-radius: 10px;
	margin: 2.4rem 0 0 0;
	overflow: hidden;
	text-indent: -999999px;

	background-color: #ffffff;
	background-image: linear-gradient(to right, #BCBCBC, #BCBCBC);
	background-repeat: no-repeat;
	background-size: 0 100%;

	transition: background-size .4s ease-in-out;
}

.progress-alt,
.progress-promos {
	background-color: #535353;
	background-image: linear-gradient(to right, #BCBCBC, #BCBCBC);
}

.carousel-alt .item {
	text-align: center;
	font-style: normal;
	border-radius: 0px;

	flex-flow: row wrap;
	align-items: flex-start;
}

.carousel-alt .item img {
	display: block;
	margin: 1.6rem auto 0 auto;
	max-width: 64px;
}

.carousel-promos img {
	display: block;
	border-radius: 5px !important;
	box-shadow: 0 2px 15px rgba(0,0,0,0.2);
}

/* ===================================== *\
   5.2 PRODUCTS
\* ===================================== */

ul.tabs {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background: linear-gradient(0deg, rgba(213,213,213,1) 0%, rgba(213,213,213,1) 4px, rgba(213,213,213,0) 4px, rgba(213,213,213,0) 100%);
}

ul.tabs.alt {
	justify-content: flex-start;
	gap: 4.8rem;
}

ul.tabs li {
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	font-style: italic;
	padding: 1.6rem 0;
	cursor: pointer;
}

ul.tabs li {
	border-bottom: 4px solid transparent;
}

ul.tabs li.active,
ul.tabs li:hover {
	border-color: #E20613;
}

.tab {
	display: none;
}

.tab.show {
	display: block;
}

.product {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 1.6rem;
	min-height: 175px;
	font-size: 2rem;
	line-height: 125%;
	font-weight: bold;
	color: #2B2B2B;
	text-decoration: none;
	margin: 0 0 0 0;
	box-shadow: 0 2px 15px rgba(0,0,0,0.1);
	background: #ffffff;
	border-radius: 0;
	overflow: hidden;
}

.product div {
	padding: 0px;
	display: block;
	width: 100%;
	text-align: center;
}

.product img {
	display: block;
	margin: 0 auto;
}

.product:hover {
	transform: scale(1.1,1.1);
}

.modelBtn {
	display: block;
	font-size: 1.6rem;
	padding: 1.3rem 4.8rem 1.3rem 2.4rem;
	color: #646464;
	background: url('images/ico-right-chevron.svg');
	background-size: 16px 9px;
	background-position: right 16px center;
	background-repeat: no-repeat;
	background-color: #F2F2F2;
}

.modelBtn:hover {
	background-position: right 8px center;
}

.brand {
	display: block;
	border-radius: 5px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.grid .brand:hover {
	transform: scale(1.1,1.1);
}

/* ===================================== *\
   5.2.1 SINGLE PRODUCT
\* ===================================== */

.result.single.alt {
	padding: 0px;
	background: transparent;
	border-radius: 0px;
	box-shadow: none;
}

.result.single.alt .inner {
	padding: 0px;
}

.result.single {
	padding: 4.8rem 0 0 0;
}

.result.single .notice {
	display: inline-block;
	font-size: 1.4rem;
}

.result.single h2 {
	padding-bottom: 0px;
}

.result.single .inner {
	padding: 0 4.8rem;
}

.result.single .productFooter {
	display: block;
	width: 100%;
	border-top: 1px solid #F2F2F2;
	padding: 1.6rem 0rem;
	margin-top: 2.4rem;
}

.result.single .productFooter ul {
	display: block;
	margin: 0;
}

.result.single .productFooter ul li {
	display: inline-block;
	margin-left: 1.6rem;
	margin-bottom: 0px;
}

.singleResultLeft {
	width: 36%;
}

.singleResultRight {
	width: 62%;
}

.singleResultLeft li { border:1px solid #dedede; margin-bottom: 15px; cursor: pointer; }
.singleResultLeft li.active { border:1px solid #cfcfcf; }
.singleResultLeft li img { padding: 15px; max-height: 75px; }
.singleResultLeft .galleryImage img.featured { padding: 25px; max-width: 280px; max-height: 280px; }

.edit {
	display: block;
	position: absolute;
	top: 3.2rem;
	right: 1.6rem;
	font-size: 1.6rem;
	color: #EC0000;
	text-decoration: underline;
}

.edit:hover {
	color: #202020;
	text-decoration: none;
}
.aCancel { /*right: 8rem !important;*/ }


.openModal {
	cursor: pointer;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.openModal:hover {
	color: #E20613;
}

.printDownload {
	display: flex !important;
	align-items: flex-start !important;
	gap: 1.6rem;
}

.printDownload .btn {
	min-width: 0px !important;
	display: inline-block !important;
}

.freeShipping {
	display: inline-block;
	padding: 0 0 0 20px;
	background: url('images/ico-shipping.svg');
	background-size: 17px 14px;
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.customerService {
	display: inline-block;
	padding: 0 0 0 20px;
	background: url('images/ico-customer-service.svg');
	background-size: 12px 12px;
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.result .gallery ul {
	margin: 0px;
	display: block;
}

.result .gallery ul li {
	margin: 0px 0 1.6rem 0;
	display: block;
}

.result .gallery .featured {
	display: block;
}

.galleryMore {
	cursor: pointer;
	display: block;
	background: url('images/ico-down-chevron.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px 9px;
	background-color: #DEDEDE;
	height: 40px;
	width: 100%;
	border-radius: 4px;
	margin-top: 0px;
	overflow: hidden;
	text-indent: -999px;
}

.galleryMore:hover {
	background-color: #aaaaaa;
}

.excerpt {
	display: block;
}

.fullDescription {
	display: block
}

.excerpt.hide,
.fullDescription.hide {
	display: none;
}

.overlay, .overlaylist {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	overflow-y: auto;
	top: 0px;
	left: 0px;
	z-index: 999999;
	background: rgba(0,0,0,0.8);
}

.modal {
	display: none;
	background: #ffffff;
	padding: 7.2rem 8rem 4.8rem 8rem;
	border-radius: 0;
	color: #2B2B2B;
	width: 800px;
	position: absolute;
	top: 80px;
	left: 50%;
	transform: translate(-50%,0);
}

.overlay.open, .overlaylist.open,
.modal.open {
	display: block;
}

.overlay.centerV, .overlaylist.centerV {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.overlay.centerV img, .overlaylist.centerV img {
	display: block;
}

.modal .closeBtn {
	display: block;
	width: 26px;
	height: 30px;
	background: url('images/ico-close-circle.svg');
	background-position: center center;
	background-size: 26px 30px;
	background-repeat: no-repeat;
	cursor: pointer;
	text-indent: -999999px;
	overflow: hidden;
	position: absolute;
	top: 24px;
	right: 24px;
}

.modal .closeBtn:hover {
	transform: scale(1.1,1.1);
}

.modal h2 {
	font-size: 3rem;
	padding-bottom: 0px;
	margin-bottom: 2.4rem;
}

.modal h3 {
	font-size: 2.4rem;
	padding-bottom: 0px;
}

.modal h2.help {
	background: url('images/ico-red-help.svg');
	background-size: 25px 25px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 36px;
	display: block;
}

.modal h2.confirm {
	background: url('images/ico-green-check.svg');
	background-size: 25px 25px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 36px;
	display: block;
}

.modal h2.vehicle {
	background: url('images/ico-car-red.svg');
	background-size: 34px 26px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 48px;
	display: block;
}

.modal p {
	line-height: 175%;
}

.modal .btn {
	min-width: 260px;
	margin-bottom: 1.6rem;
	background: #E20613;
	border-color: #E20613;
	color: #ffffff;
	float: right;
	font-size: 1.6rem;
}

.modal .columns .col .btn {
	float: none;
}

.modal .vehicles {
	display: block;
	padding: 1.6rem;
	background: #eeeeee;
	margin-bottom: 0.8rem;
}

.modal .vehicles.current {
	border-left: 4px solid #E20613;
	margin-bottom: 2.4rem;
}

.modal .vehicles .btn {
	min-width: 0;
	max-width: 140px;
	display: inline-block;
	font-size: 14px;
	padding: 1.2rem 2.4rem;
}

.modal .vehicles .btn:hover {
	background: #000000;
	border-color: #000000;
	color: #ffffff;
}

.modal .vehicles .btn.alt {
	background: #EC0000;
	border-color: #EC0000;
	color: #000000;
}

.modal .vehicles .btn.alt:hover {
	background: #000000;
	border-color: #000000;
	color: #ffffff;
}

.modal .clearBtn {
	display: inline-block;
	padding-left: 20px;
	background: url('images/ico-trash-can.svg');
	background-size: 12px auto;
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.modal .assignBtn {
	display: inline-block;
	padding-left: 20px;
	background: url('images/ico-plus-circle-red.svg');
	background-size: 14px auto;
	background-position: left top 6px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.deliveryOptionsContainer {
	display: none;
	float: right;
	width: 600px;
	padding: 1.6rem 0;
}

.deliveryOptionsContainer ul {
	display: block;
	margin: 0px;
}

.deliveryOptionsContainer ul li {
	background: #F2F2F2;
	margin-bottom: 1.6rem;
	padding: 1.6rem 2.4rem;
}

.deliveryOptionsContainer ul li label {
	text-transform: none !important;
	font-weight: bold !important;
	font-size: 1.6rem;
}

.deliveryOptionsContainer ul li label span {
	font-weight: normal;
	font-size: 1.4rem;
}

.promoCode input[type="text"] {
	border: 1px solid #D5D5D5;
	height: 52px;
}

.promoCode p {
	padding-bottom: 8px;
}

.promoCode input[type="submit"], .promoCode input[type="button"] {
	color: #000000;
	border: 2px solid #EC0000;
	background: transparent;
	width: 100%;
}

.promoCode input[type="submit"]:hover, .promoCode input[type="button"]:hover {
	color: #ffffff;
	background: #000000;
	border-color: #000000;
}

.postalCode {
	display: flex;
	flex-direction: row;
}

.postalCode input[type="text"] {
	display: block;
	width: 130px;
	background: #F2F2F2;
	color: #646464;
	font-size: 1.6rem;
	padding: 1.4rem 1.8rem 1.2rem 1.8rem;
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
	border-right: none;
	border-radius: 5px 0 0 5px;
	box-sizing: content-box;
	margin: 0px;
}

.postalCode input[type="submit"], .postalCode input[type="button"] {
	display: block;
	width: 50px !important;
	background: url('images/ico-search.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-color: #EC0000;
	border-radius: 0 5px 5px 0;
	text-indent: -999999px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

.vehicleNotice {
	display: block;
	padding: 1.6rem 2.4rem;
	border: 1px solid #EC0000;
	margin-bottom: 1.6rem;
}

.vehicleNotice.alert {
	border-color: #E20613;
}

.vehicleNotice.confirm {
	border-color: #018E00;
}

.addVehicle {
	background: url('images/ico-car-red.svg');
	background-size: 20px 15px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 30px;
	text-decoration: underline;
}

.vehicleNotice .error {
	color: #E20613;
	background: url('images/ico-error.svg');
	background-size: 14px 14px;
	background-position: left top 5px;
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 24px;
}

.vehicleNotice .confirm {
	color: #018E00;
	background: url('images/ico-check-green.svg');
	background-size: 14px 14px;
	background-position: left top 5px;
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 24px;
}

/* ===================================== *\
   5.2.2 PROMOTIONS
\* ===================================== */

.promo {
	display: block;
	font-size: 1.6rem;
}

.promo .tile {
	display: inline-block;
	width: 100%;
	height: 220px;
	margin: 0 0 2.4rem 0;
	box-shadow: 0 2px 15px rgba(0,0,0,0.1);
	background: #ffffff;
	border-radius: 0;
	overflow: hidden;
	text-indent: -999999px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.promo .brand {
	font-size: 2.4rem;
	font-weight: bold;
	display: block;
	margin-bottom: 0.8rem;
}

.promo .title {
	display: block;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 0.8rem;
	color: #E20613;
}

/* ===================================== *\
   5.3 TESTIMONIALS
\* ===================================== */

.testimonialsAlt {
	width: 90%;
	margin: 0 auto;
}

.testimonials {
	width: calc(100% + 2.4rem);
	margin-left: -1.2rem;
}

.testimonials .testimonial,
.testimonialsAlt .testimonial {
	color: #000000;
	background: #ffffff;
	border-radius: 0px;
	padding: 40px;
	margin: 0 1.2rem;
	min-height: 310px;
	box-shadow: 0 2px 15px rgba(0,0,0,0.1);
	border: 1px solid #D5D5D5;

}

.testimonials .testimonial .name,
.testimonialsAlt .testimonial .name {
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	color: #000000;
}

.testimonials .testimonial p,
.testimonialsAlt .testimonial p {
	display: block;
	padding-bottom: 20px;
}

.testimonials .testimonial ul.stars {
	display: flex;
	flex-direction: row;
	gap: 4px;
	margin: 4px 0 8px 0;
}

.testimonials .testimonial ul.stars li {
	display: block;
	width: 13px;
	height: 13px;
	background: url('images/star.svg');
	background-size: 13px 13px;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -999999px;
}

.testimonials .testimonial img {
	display: block;
	width: 100px;
}

.testimonialsAlt ul.stars {
	display: inline-block;
	gap: 4px;
	margin: 0px auto 8px auto;
	text-align: center;
}

.testimonialsAlt ul.stars li {
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url('images/star.svg');
	background-size: 13px 13px;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -999999px;
}

.testimonialsAlt .googleLogo {
	display: inline-block !important;
	width: 100px;
	margin: 0 auto !important;
}

.testimonialsAlt .author {
	font-weight: bold;
	margin-top: 0.8rem;
}

/* ===================================== *\
	5.4 FAQs
\* ===================================== */

.faqs {
	overflow: hidden;
	margin-bottom: 0.8rem !important;
}

.faqs.alt .faq-label,
.faqs.alt .faq input:checked + .faq-label {
	background-color: #ffffff;
}

.faq {
	width: 100%;
	color: #444444;
	overflow: hidden;
}

.faq-label {
	display: flex;
	justify-content: space-between;
	padding: 1.3rem 4.8rem 1.3rem 2.4rem !important;
	margin-bottom: 0px !important;
	font-size: 1.6rem !important;
	background: url('images/ico-down-chevron.svg');
	background-size: 16px 10px;
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-color: #F2F2F2;
	cursor: pointer;
	letter-spacing: normal !important;
	text-transform: none !important;
}

.faq-label::after {
	content: ">";
	width: 1em;
	height: 1em;
	text-align: center;
	transition: all 0.35s;
	border: none !important;
	background-color: transparent !important;
}

.faq-content {
	max-height: 0;
	width: 100%;
	padding: 0 2.4rem;
	color: #444444;
	background: white;
	transition: all 0.35s;
}

.faq input:checked + .faq-label {
	background: url('images/ico-up-chevron.svg');
	background-size: 16px 10px;
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-color: #F2F2F2;
}

.faq input:checked + .faq-label::after {
	transform: rotate(90deg);
}

.faq input:checked ~ .faq-content {
	max-height: 100vh;
	padding: 1.6rem 2.4rem 2.4rem 2.4rem;
}

/* checkbox aspect */
.faq [type="checkbox"]:not(:checked) + label:before,
.faq [type="checkbox"]:checked + label:before {
	display: none;
}

/* checked mark aspect */
.faq [type="checkbox"]:not(:checked) + label:after,
.faq [type="checkbox"]:checked + label:after {
	display: none;
}

/* === */

.cats {
	overflow: hidden;
	margin-bottom: 0.8rem !important;
}

.cats.alt .cat-label,
.cats.alt .cat input:checked + .cat-label {
	background-color: #ffffff;
}

.cat {
	width: 100%;
	color: #444444;
	overflow: hidden;
}

.cats .cat-label:last-child {
	border-bottom: none;
}

.cat-label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
	padding: 1.3rem 2.4rem 1.3rem 0rem !important;
	margin-bottom: 0px !important;
	font-size: 1.6rem !important;
	background: url('images/ico-down-chevron.svg');
	background-size: 16px 10px;
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-color: transparent
	cursor: pointer;
	letter-spacing: normal !important;
	text-transform: none !important;
	border-bottom: 1px solid #dddddd;
}

.cat-label img {
	display: block;
	width: 40px;
}

.cat-label::after {
	content: ">";
	width: 1em;
	height: 1em;
	text-align: center;
	transition: all 0.35s;
	border: none !important;
	background-color: transparent !important;
}

.cat-content {
	display: none;
	max-height: 0;
	width: 100%;
	padding: 0 2.4rem;
	color: #444444;
	background: transparent;
	transition: all 0.35s;
}

.cat-content ul {
	display: block;
	margin: 0;
}

.cat-content ul li {
	display: block;
	width: 100%;
	margin-bottom: 8px;
}

.cat-content ul li a {
	display: block;
	width: 100%;
	padding-right: 24px;
	background: url('images/ico-right-chevron.svg');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
}

.cat input:checked + .cat-label {
	background: url('images/ico-up-chevron.svg');
	background-size: 16px 10px;
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-color: #F2F2F2;
}

.cat input:checked + .cat-label::after {
	transform: rotate(90deg);
}

.cat input:checked ~ .cat-content {
	display: block;
	max-height: 100vh;
	padding: 1.6rem 2.4rem 2.4rem 2.4rem;
}

/* checkbox aspect */
.cat [type="checkbox"]:not(:checked) + label:before,
.cat [type="checkbox"]:checked + label:before {
	display: none;
}

/* checked mark aspect */
.cat [type="checkbox"]:not(:checked) + label:after,
.cat [type="checkbox"]:checked + label:after {
	display: none;
}

/* ===================================== *\
   5.5 SEARCH RESULTS
\* ===================================== */

.filterBtn {
	display: none;
	padding: 10px 20px;
	border: 1px solid #666666;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
	color: #000000;
	cursor: pointer;
	margin-bottom: 20px;
}

.filterBtn:hover {
	background: #000000;
	border-color: #000000;
	color: #ffffff;
}

.filterBtn:hover:before {
	color: #ffffff;
}

.filterBtn:before {
	content: "";
	width: 24px;
	height: 18px;
	background: url('images/ico-filter.svg');
	background-position: center center;
	background-size: cover;
	display: inline-block;
	margin-right: 10px;
	vertical-align: -2px;
}

.filterBtn:hover:before {
	content: "";
	background: url('images/ico-filter-white.svg');
	background-position: center center;
	background-size: cover;
	display: inline-block;
	margin-right: 10px;
	vertical-align: -2px;
}

/* ===== */

.filterResultsMobile {
	display: none;
	position: fixed;
	overflow-y: auto;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: #eeeeee;
}

.filterResultsMobile.open {
	display: block;
}

.filterResultsMobile .top {
	padding: 40px 20px;
}

.filterResultsMobile select {
	background-color: #ffffff;
}

.filterResultsMobile .bottom {
	background: #ffffff;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 1000;
}

.filterResultsMobile .bottom .columns {
	width: 100%;
	justify-content: space-between;
	padding: 20px;
}

.filterResultsMobile .bottom .columns .col {
	width: 48%;
}

.filterResultsMobile .bottom .columns .col .btn {
	width: 100%;
	padding: 15px 10px;
}

ul.searchTags {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}

ul.searchTags li {
	display: block;
	margin: 0 10px 10px 0;
	padding: 5px 10px 3px 10px;
	color: #444444;
	background: #ffffff;
	border: 1px solid #444444;
	font-size: 12px;
	line-height: 12px;
}

ul.searchTags li:last-child {
	background: transparent;
	color: #E20613;
	cursor: pointer;
	border: none;
	padding: 5px 0 3px 0;
}

ul.searchTags li:last-child:hover {
	color: #111111;
	background: transparent;
}

ul.searchTags li .fa {
	cursor: pointer;
	color: #E20613;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

ul.searchTags li .fa:hover {
	transform: scale(1.1,1.1);
}

.closeFilter {
	width: 20px;
	height: 20px;
	background: url('images/ico-close.svg');
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -999px;
	overflow:hidden;
	cursor: pointer;
	position: absolute;
	top: 45px;
	right: 40px;
	color: #000000;
}

.accordion {
	display: block;
}

.accordion {
	display: block;
	margin-bottom: 10px;
}

.accordion .button {
	display: inline-block;
	cursor: pointer;
	position: relative;
	width: 100%;
	padding: 15px 60px 15px 20px;
	color: #231F20;
	font-size: 16px;
	line-height: 16px;
	background: url('images/ico-down-red-chevron.svg');
	background-position: right 20px center;
	background-repeat: no-repeat;
	background-size: 12px 7px;
	background-color: #ffffff;
}

.accordion .button.open {
	background: url('images/ico-up-red-chevron.svg');
	background-position: right 20px center;
	background-repeat: no-repeat;
	background-size: 12px 7px;
	background-color: #ffffff;
}

.accordion .tab {
	display: none;
	padding: 10px 20px 10px 20px;
	background: #ffffff;
	border: none !important;
}

.accordion .tab .checkboxes {
	margin-bottom: 20px;
}

.accordion .tab .checkbox {
	margin-bottom: 5px;
}

/* === */

.resultsLeft {
	display: block;
	width: 22%;
}

.resultsRight {
	display: block;
	width: 74%;
}

.resultsLeft a {
	font-size: 1.4rem;
	text-decoration: underline;
}

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

.resultsLeft .title {
	display: block;
	font-size: 1.8rem;
	margin-bottom: 0.8rem;
	font-weight: bold;
	/*color: #E20613;*/
}

.resultsLeft .rule {
	display: block;
	width: 100%;
	margin: 0 0 1.6rem 0;
	border-bottom: 1px solid #D5D5D5;
}

.resultsLeft ul.filters {
	display: block;
	margin: 0 0 0.8rem 0;
}

.resultsLeft ul.filters li {
	display: inline-block;
	margin: 0 0.4rem 0.8rem;
	position: relative;
	background: #DEDEDE;
	color: #000000;
	font-size: 1.4rem;
	padding: 0.8rem 4.2rem 0.8rem 1.6rem;
}

.resultsLeft ul.filters li .close {
	display: block;
	width: 9px;
	height: 9px;
	background: url('images/ico-close.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 9px 9px;
	position: absolute;
	right: 1.6rem;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	text-indent: -999999px;
	overflow: hidden;
}

.resultsLeft ul.checkboxes {
	display: block;
	margin: 0 0 2.4rem 0;
}

.resultsLeft ul.checkboxes li {
	display: block;
	margin: 0 0 0.8rem 0;
}

.resultsLeft select {
	background-color: #ffffff;
	border: 1px solid #D5D5D5;
}

.resultsHeader {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}

.resultsHeader .left {
	display: block;
	font-size: 1.6rem;
	line-height: 150%;
	color: #2B2B2B;
}

.resultsHeader .left span {
	font-weight: bold;
}

.resultsHeader .right {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.resultsHeader .right select {
	background-color: #F2F2F2;
	width: 200px;
	margin: 0px 0px 0px 2.4rem;
}

ul.views {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-content: center;
	margin-left: 0.4rem;
}

.right ul.views {
	justify-content: flex-end;
}

ul.views li {
	display: block;
	margin-left: 2rem;
	cursor: pointer;
}

ul.views li.listView {
	display: block;
	width: 26px;
	height: 24px;
	background: url('images/ico-list-view.svg');
	background-position: center center;
	background-size: 26px 24px;
	background-repeat: no-repeat;
	text-indent: 999999px;
	overflow: hidden;
	opacity: 0.3;
}

ul.views li.gridView {
	display: block;
	width: 24px;
	height: 24px;
	background: url('images/ico-grid-view.svg');
	background-position: center center;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	text-indent: 999999px;
	overflow: hidden;
	opacity: 0.3;
}

ul.views li.listView.active,
ul.views li.gridView.active {
	opacity: 1;
}

.results {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	row-gap: 1.6rem;
	column-gap: 1.6rem;
	margin: 1.6rem 0 3.2rem 0;
}

.results.list-view {
	grid-template-columns: repeat(1, 1fr);
}

.results.grid-view {
	grid-template-columns: repeat(2, 1fr);
}

.results.tires.grid-view {
	grid-template-columns: repeat(3, 1fr);
}

.results.tires.alt.grid-view {
	grid-template-columns: repeat(4, 1fr);
}

.results.tires.grid-view .result .part {
	display: none;
}

.results.grid-view .result .columns {
	flex-flow: row wrap;
}

.results.grid-view .result .columns .col {
	width: 100% !important;
}

.results.grid-view .result .columns .col.right {
	text-align: left;
}

.results.grid-view .result .columns .col .quantity {
	margin-top: 2.4rem;
}

.results.grid-view .result .columns .col .quantity .columns {
	justify-content: flex-start;
}

.results.grid-view .result .columns .col .quantity .columns .col {
	width: auto !important;
}

.results.grid-view .result .notice {
	margin-top: 2.4rem;
}

.results.grid-view .result .stock {
	margin-bottom: 1.6rem;
	display: block;
}

.result {
	display: block;
	background: #ffffff;
	border-radius: 0;
	padding: 3.2rem 2.4rem;
	box-shadow: 0 2px 18px rgba(0,0,0,0.05);
	border: 1px solid #DEDEDE;
}

.result.single {
	border: none;
}

/* ==== */

.results.tires.grid-view .result {
	position: relative;
	padding-bottom: 48px;
}

.results.tires.grid-view .result .notice {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	border-radius: 0 0 20px 0;
}

.results.tires.grid-view .tireDetails {
	display: block;
}

/* ==== */

.result .btn {
	font-size: 1.6rem;
	line-height: 100%;
	padding: 1.3rem 1.6rem;
	display: block;
	margin: 0px;
}

.result p {
	padding-bottom: 0.8rem;
	font-size: 1.4rem;
	line-height: 150%;
}

.result .image {
	display: block;
	position: relative;
	width: 150px;
	height: 150px;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	/*background-size: 90% auto !important;*/
	background-size: contain !important;
}

.result .image .tag {
	display: inline-block;
	padding: 0.8rem 1.6rem;
	border-radius: 5px;
	background: #E20613;
	color: #ffffff;
	font-size: 1.4rem;
	line-height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	text-transform: uppercase;
	font-weight: bold;
}

.result .image .tag.yellow {
	background: #FAD02D;
	color: #000000;
}

.result .discount {
	display: inline-block;
	padding: 0.6rem 1.2rem;
	margin-bottom: 0.4rem;
	border-radius: 5px;
	background: #FAD02D;
	color: #000000;
	font-size: 1.2rem;
	line-height: 100%;
	text-transform: uppercase;
	font-weight: bold;
}

.result .brand {
	display: block;
	font-size: 1.6rem;
	line-height: 125%;
	font-weight: bold;
	color: #000000;
	margin-bottom: 0;
}

.result h3,
. h2 {
	font-size: 2.4rem;
	line-height: 150%;
	color: #2B2B2B;
	font-weight: bold;
	padding-bottom: 0;
}

.result .part {
	display: block;
	font-size: 1.6rem;
	color: #2B2B2B;
	margin-bottom: 1.6rem;
}

.results.tires .tireDetails {
	display: none;
	margin: 1.6rem 0;
}

.result .price {
	display: block;
	font-size: 3rem;
	color: #2B2B2B;
	font-weight: bold;
	margin: 0.8rem 0;
}

.result .salePrice {
	color: #E20613;
	font-size: 1.6rem;
	font-weight: normal;
	text-decoration: line-through;
	margin-right: 0rem;
	position: relative;
}

.result .salePrice strong {
	text-decoration: none;
	font-weight: normal;
	position: absolute;
	right: calc(100% + 4px);
	top: -3px;
}

.results.grid-view .result .salePrice {
	margin-top: 1.6rem;
	display: block;
}

.results.grid-view .result .salePrice strong {
	position: static;
}

.result .stock {
	font-size: 1.6rem;
	line-height: 150%;
}

.result .stock:before {
	display: inline-block;
	content: "•";
	margin-right: 0.4rem;
}

.result .stock.in-stock {
	color: #018E00;
}

.result .stock.out-of-stock {
	color: #E20613;
}

.result .stock.limited-stock {
	color: #FF5200;
}

ul.ctas {
	display: flex;
	flex-direction: row;
	gap: 1.2rem;
}

ul.ctas li {
	display: block;
	width: 100% !important;
	margin: 0px;
}

.quantity {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 1.6rem;
}

.quantity .columns {
	align-items: center;
	justify-content: flex-end;
	gap: 0.8rem;
}

.quantity .button {
	display: block;
	width: 32px;
	height: 32px;
	background: #D5D5D5;
	border: 2px solid #D5D5D5;
	border-radius: 5px;
	color: #ffffff;
	font-size: 16px;
	line-height: 50px;
	cursor: pointer;
    transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.quantity .dec.button {
	background: url('images/ico-minus.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 5px 2px;
	background-color: #D5D5D5;
}

.quantity .dec.button:hover {
	background: url('images/ico-minus.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 5px 2px;
	background-color: #9F9F9F;
	border-color: #9F9F9F;
}

.quantity .inc.button {
	background: url('images/ico-plus.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 8px 8px;
	background-color: #D5D5D5;
}

.quantity .inc.button:hover {
	background: url('images/ico-plus.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 8px 8px;
	background-color: #9F9F9F;
	border-color: #9F9F9F;
}

.quantity .button:hover {
	background: #9F9F9F;
	border-color: #9F9F9F;
}

.quantity input[type="text"],
.quantity input[type="number"] {
	text-align: center;
	height: 32px;
	width: 32px;
	padding: 5px;
	line-height: 32px;
	margin: 0 0 0 0;
}

.quantity label {
	font-weight: normal;
	font-size: 1.6rem;
	line-height: 150%;
	color: #2B2B2B;
}

.result .notice {
	display: block;
	padding: 1.2rem 1.8rem;
	color: #ffffff;
	font-weight: bold;
	background: #E20613;
}

.result .notice p {
	padding-bottom: 0px;
	font-size: 1.3rem;
}

.result .notice a {
	color: #ffffff;
	text-decoration: underline;
}

.result .notice a:hover {
	color: #ffffff;
	text-decoration: none;
}

.result .columns .col.one_half {
	width: 49%;
}

.resultsFooter {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 3.2rem;
}

.resultsFooter .left {
	display: block;
	font-size: 1.6rem;
	line-height: 150%;
	color: #2B2B2B;
}

.resultsFooter .left select {
	background-color: #F2F2F2;
	margin: 0px;
	margin-left: 1.6rem;
}

.resultsFooter .right {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

ul.pagination {
	display: flex;
	flex-direction: row;
	align-content: flex-start;
	gap: 0.4rem;
}

ul.pagination li {
	display: block;
	margin: 0;
}

ul.pagination li.next.inactive a,
ul.pagination li.prev.inactive a {
	cursor: auto;
	opacity: 0.4;
}

ul.pagination li.next a {
	display: block;
	width: 48px;
	height: 48px;
	text-indent: -999999px;
	overflow: hidden;
	background: url('images/ico-right-chevron.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 10px 16px;
	background-color: transparent;
}

ul.pagination li.prev a {
	display: block;
	width: 48px;
	height: 48px;
	text-indent: -999999px;
	overflow: hidden;
	background: url('images/ico-left-chevron.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 10px 16px;
	background-color: transparent;
}

ul.pagination li.next a:hover {
	transform: scale(1.1,1.1);
	background: url('images/ico-right-chevron.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 10px 16px;
	background-color: transparent;
}

ul.pagination li.prev a:hover {
	transform: scale(1.1,1.1);
	background: url('images/ico-left-chevron.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 10px 16px;
	background-color: transparent;
}


ul.pagination li a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	height: 48px;
	color: #646464;
	padding: 0.8rem;
	background-color: #F2F2F2;
	font-size: 1.6rem;
	line-height: 100%;
}

ul.pagination li a:hover {
	color: #ffffff;
	background: #000000;
}

ul.pagination li.current {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	height: 48px;
	background-color: #646464;
	padding: 0.8rem;
	color: #ffffff;
	font-size: 1.6rem;
	line-height: 100%
}

ul.pagination li.more {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 48px;
	height: 48px;
	background-color: transparent;
	color: #646464;
	padding: 0.8rem;
	font-size: 1.6rem;
	line-height: 100%
}

/* ===================================== *\
   5.6 CATEGORIES
\* ===================================== */

ul.categories {
	display: grid;
	column-gap: 2.4rem;
	row-gap: 2.4rem;
	grid-template-columns: repeat(4, 1fr);
}

ul.categories li {
	height: 100%;
}

ul.categories .tile {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: row wrap;
	height: 100%;
	min-height: 145px;
	padding: 3.2rem;
	text-align: center;
	color: #2B2B2B;
	background: #ffffff;
	border: 1px solid #D5D5D5;
	border-radius: 0;
	box-shadow: 0 2px 15px rgba(0,0,0,0.1);
    transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

ul.categories .tile h3 {
	display: block;
	width: 100%;
}

ul.categories li a:hover {
	transform: scale(1.1,1.1);
}

ul.categories li a img {
	display: block;
	max-height: 88px;
}

/* === */

ul.categories.list-view {
	grid-template-columns: repeat(1, 1fr);
}

ul.categories.list-view .tile {
	text-align: left;
	display: block;
}

ul.categories.list-view .tile img {
	display: none;
}

ul.categories.list-view .tile .details {
	display: block;
}

ul.categories.list-view .tile .details .checkboxes {
	margin-bottom: 0px;
}

ul.categories.list-view .tile h3 {
	margin-bottom: 2.4rem;
}

ul.categories.list-view .tile input[type="submit"], ul.categories.list-view .tile input[type="button"] {
	display: inline-block;
	width: auto;
	float: right;
	font-size: 1.6rem;
	line-height: 100%;
	margin: 0px;
}

/* === */

ul.categories .tile a {
	color: #2B2B2B;
	display: block;
	width: 100%;
}

ul.categories .tile a:hover {
	color: #E20613;
}

ul.categories .tile img {
	display: block;
	max-width: 120px;
	margin: 0 auto 3.2rem auto;
}

ul.categories .tile h3 {
	font-size: 19px;
	line-height: 125%;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 0px;
}

ul.categories .tile .details {
	display: none;
}

/* ===================================== *\
   5.7 CUSTOMER SERVICE
\* ===================================== */

.tile {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	min-height: 175px;
	font-size: 2.4rem;
	font-weight: bold;
	color: #2B2B2B;
	text-decoration: none;
	margin: 0 0 0 0;
	box-shadow: 0 2px 15px rgba(0,0,0,0.1);
	background: #ffffff;
	border-radius: 0;
	overflow: hidden;
	border: 1px solid #D5D5D5;
}

.tile.brand {
	padding: 1.6rem 2.4rem;
	min-height: 170px;
}

.tile.brand img {
	margin-bottom: 0;
	width: 100%;
	height: auto !important;
}

.tile img {
	display: block;
	margin-bottom: 0.8rem;
	height: 6rem !important;
	width: auto;
}

.sidebar {
	padding-right: 4.8rem;
	margin-right: 4.8rem;
	border-right: 1px solid #DEDEDE;
}

.sidebar ul {
	display: block;
	margin-bottom: 2.4rem;
}

.sidebar ul li {
	display: block;
	margin-bottom: 1.2rem;
	font-size: 1.6rem;
	font-weight: bold;
	font-style: italic;
	opacity: 0.6;
	cursor: pointer;
	padding-left: 3.2rem;
	background-size: 24px 24px !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
}

.sidebar ul li.active,
.sidebar ul li:hover {
	opacity: 1;
}

.customerServiceTab {
	display: none;
}

.customerServiceTab.show {
	display: block;
}

/* ===================================== *\
   5.8 ABOUT
\* ===================================== */

.steps {
	display: block;
	padding: 7.4rem 0 0 0;
	background: url('images/line-bg.svg');
	background-position: center top;
	background-repeat: repeat-y;
	background-size: 3px auto;
	overflow-x: hidden;
}

.steps .step {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 9.6rem;
}

.steps .step:nth-child(even) {
	flex-direction: row-reverse;
}

.steps .step .details {
	display: block;
	width: 30%;
}

.steps .step .details h2 {
	font-size: 3.2rem;
	padding-bottom: 1.6rem;
}

.steps .step .pin {
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	background: #D5D5D5;
	border-radius: 100%;
}

.steps .step .image {
	display: block;
	width: 30%;
}

ol.howList {
	display: block;
	font-size: 2.4rem;
	line-height: 100%;
}

ol.howList li {
	cursor: pointer;
	display: block;
	margin-bottom: 3.6rem;
	color: #747474;
}

ol.howList li span {
	display: inline-block;
	margin-left: 0.8rem;
	position: relative;
	padding: 0.4rem 0;
}

ol.howList li span:after {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: transparent;
	position: absolute;
	bottom: -8px;
	left: 0px;
	border-radius: 2px;
}

ol.howList li:hover {
	color: #E20613;
}

ol.howList li.active {
	color: #E20613;
}

ol.howList li.active span:after {
	background: #E20613;
}

.howContainer {
	padding-left: 3.2rem;
	border-left: 2px solid #DEDEDE;
}

.howContainer .columns .col {
	width: 48%;
}

.howContainer img {
	display: block;
	max-width: 290px;
}

.testimonials {
	padding: 0 4.8rem;
	position: relative;
}

.testimonials h3 {
	display: block;
	padding-bottom: 0px;
	color: #747474;
}

.testimonials .author {
	display: block;
	font-weight: bold;
	padding-bottom: 1.6rem;
}

.testimonials .slick-dots {
	display: none !important;
}

.testimonials.alt .slick-dots {
	display: flex !important;
	flex-direction: row;
	justify-content: center;
	margin: 2.4rem 0;
}

.testimonials .slick-dots li {
	margin: 0 4px;
	padding: 0px;
	width: auto;
}

.testimonials .slick-dots li button {
	width: 8px;
	height: 8px;
	padding: 0px;
	overflow: hidden;
	text-indent: -999999px;
	background: #DEDEDE;
	border: none;
	margin: 0px;
}

.testimonials .slick-dots li.slick-active button,
.testimonials .slick-dots li button:hover {
	background: #0066F2;
}


ul.stars {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-bottom: 2.4rem;
}

ul.stars li {
	display: block;
	width: 17px;
	height: 17px;
	background: url('images/ico-star.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 17px auto;
	margin-right: 2px;
	overflow: hidden;
	text-indent: -999999px;
}

.googleLogo {
	display: block;
	width: 79px;
	margin-bottom: 0.4rem;
}

/* ===================================== *\
   5.9 TIRES
\* ===================================== */

.hero.tires {
	background:
		url('images/tire-hero.png'),
		linear-gradient(252deg, #FAFAFA 0%, #DBD8D8 100%);
	;
	background-size:
		420px 370px,
		100% auto;
	background-position:
		top 24px right 10%,
		top left;
	background-repeat:
		no-repeat,
		repeat;
	padding: 4.8rem 0 9.6rem 0;
}

.browse {
	display: block;
	position: relative;
	z-index: 5;
	background: #ffffff;
	border-radius: 0;
}

.browseTabs {
	padding: 1.6rem 4rem 0 4rem;
	border-radius: 20px 0 0 0;
	border-bottom: 1px solid #DEDEDE;
}

.browse ul.tabs {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	width: 100%;
	gap: 40px;
	background: #ffffff
}

.browse ul.tabs li {
	display: block;
	width: auto;
}

.browse ul.tabs li button {
	display: block;
	width: auto;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	padding: 20px 30px;
	cursor: pointer;
	color: #ffffff;
	background: #444444;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	border-radius: 0px;
	margin: 0px;
}

.browse ul.tabs li button:hover {
	background: #000000;
	color: #ffffff;
}

.browse ul.tabs li button.active,
.browse ul.tabs li button.active:hover {
	background-color: #ffffff;
	color: #444444;
	cursor: auto;
}

.tabTitle {
	display: block;
	font-size: 30px;
	line-height: 36px;
	padding-bottom: 20px;
	font-weight: bold;
	color: #000000;
}

.browse .tab {
	display: none;
	padding: 30px 40px;
}

.browse .tab.show {
	display: block;
}

.browse form.columns {}

.browse form.columns .col {
	width: 100%;
}

.browse select {
	margin-bottom: 5px;
}

.browse input[type="submit"],.browse input[type="button"],
.browse button {
	width: 100%;
	margin-bottom: 5px;
}

.browse select {
	display: block;
	width: 90%;
}

.tireType {
	margin-top: 0.8rem;
	display: block;
	background-position: left center !important;
	background-repeat: no-repeat !important;
}

.tireType.all-season {
	background: url('images/ico-all-season.png');
	background-size: 62px 39px;
	padding-left: 64px;
}

.tireType.summer {
	background: url('images/ico-summer.png');
	background-size: 33px 33px;
	padding-left: 40px;
}

.openToggle {
	display: block;
	cursor: pointer;
	margin-bottom: 0;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 0px;

	padding-left: 34px;
	background: url('images/ico-plus-circle-red.svg');
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: left center;
}

.openToggle:hover {
	color: #E20613;
}

.openToggle.active {
	background: url('images/ico-minus-circle-red.svg');
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: left center;
}

.specs {
	display: block;
	background: #F2F2F2;
	padding: 60px 0;
	border-radius: 0;
}

.specs .columns .col {
	width: 33.3333%;
	padding: 0 60px;
	border-right: 1px solid #979797
}

.specs .columns .col:last-child {
	border-right: none;
}

.specs .columns .col span {
	font-size: 14px;
	color: #E00512;
}

.specs .columns p {
	padding-bottom: 20px;
}

.gallery {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	padding-right: 100px;
}

.gallery img {
	display: block;
	max-width: 280px;
	margin: 0 0 20px 0;
}

.gallery ul {
	display: block;
}

.gallery ul li {
	display: block;
	width: 105px;
	height: 105px;
	padding: 5px;
	margin-bottom: 20px;
	border: 2px solid #CCCCCC;
	cursor: pointer;
	background: #ffffff;
}

.gallery ul li.active,
.gallery ul li:hover {
	border-color: #E00512;
}

.gallery ul li img {
	display: block;
	width: 100%;
	float: none;
}

.gallery.alt img {
	max-width: 310px;
}

.gallery.alt ul li {
	padding: 0px;
}

.galleryImageUpper { min-height: 200px;  }
.galleryImage {
	/*display: block;
	position: relative;*/
	display: flex;
	z-index: 1;
}

.galleryImage .zoom {
	display: block;
	position: absolute;
	top: 1.6rem;
	left: 1.6rem;
	z-index: 5;
	width: 2.4rem;
	height: 2.4rem;
	cursor: pointer;
}

.galleryImage .zoom:hover {
	transform: scale(1.1,1.1);
}

.price p {
	font-size: 24px;
	line-height: 29px;
	padding-bottom: 0px;
}

.price.small {
	font-size: 1.6rem;
}

.price.medium p {
	font-size: 24px;
	line-height: 29px;
}

.price.large p {
	font-size: 40px;
	line-height: 48px;
}

.price.large.alt p {
	font-size: 30px;
	line-height: 36px;
}

.brandBanner {
	display: block;
	position: relative;
	padding: 12.8rem 3.6rem 12.8rem 3.6rem;
	text-align: center;
	background: #D5D5D5;
	border-radius: 0;
	box-shadow: 0 2px 15px rgba(0,0,0,0.2);
}

.brandBanner .brandLogo {
	display: inline-block;
	max-width: 290px;
	background: #ffffff;
	padding: 1.6rem 2.4rem;
}

.brandBanner .btn {
	position: absolute;
	bottom: 30px;
	left: 40px;
	margin-bottom: 0px;
}

/* ===================================== *\
   5.10 SHOPPING CART
\* ===================================== */

.cartItem {
	display: block;
	background: #ffffff;
	border-radius: 0;
	box-shadow: 0 2px 15px rgba(0,0,0,0.2);
	margin-bottom: 2.4rem;
}

.cartItemTop {
	display: block;
	padding: 4.8rem 6.4rem 2.4rem 6.4rem;
}

.cartItemBottom {
	display: block;
	padding: 1.6rem 6.4rem;
	border-top: 1px solid #F2F2F2;
}

.remove {
	display: block;
	background: url('images/ico-trash-can.svg');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 14px 16px;
	padding-left: 20px;
	text-decoration: underline;
}

.remove:hover {
	text-decoration: none;
}

.cartItem .stock {
	display: block;
	font-size: 14px;
}

.cartItem .stock.in-stock {
	color: #018E00;
}

.cartItem .stock.out-of-stock {
	color: #E20613;
}

.vehicle {
	display: block;
	background: url('images/ico-car.svg');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 20px 16px;
	padding-left: 30px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.cartSummary {
	display: block;
	padding: 3.2rem;
	font-size: 1.4rem;
	background: #F2F2F2;
}

.cartSummary.sticky {
	position: sticky;
	top: 2.4rem;
}

.cartSummary input {
	margin-bottom: 0px !important;
}
.cartSummary .columns {
	margin-bottom: 0.8rem;
}

.cartSummary .price {
	font-weight: bold;
	font-size: 2.4rem;
}

.cartSummary .btn {
	margin-bottom: 0px;
}
.secure-lock {
	color: #808080;
	cursor: auto;
	padding-left: 16px;
	background: url('images/ico-lock.svg');
	background-size: 12px auto;
	background-position: left 0.58rem;
	background-repeat: no-repeat;
	padding-bottom: 0px;
}

.expandProducts {
	color: #E20613;
	cursor: pointer;
	padding-right: 20px;
	background: url('images/ico-down-red-chevron.svg');
	background-size: 12px auto;
	background-position: right center;
	background-repeat: no-repeat;
}

.expandProducts:hover {
	color: #000000;
}

.expandProducts.active {
	background: url('images/ico-up-red-chevron.svg');
	background-size: 12px auto;
	background-position: right center;
	background-repeat: no-repeat;
}

.productSummary {
	display: none;
}

.productSummary.active {
	display: block;
}

ul.progressBar {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 20px 0 40px 0;
	overflow: visible;
}

ul.progressBar li {
	display: block;
	width: 32%;
	height: 10px;
	background: #dedede;
	border-radius: 5px;
	position: relative;
}

ul.progressBar.half li {
	width: 48%;
}

ul.progressBar li span {
	display: block;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-transform: capitalize;
	position: absolute;
	top: -30px;
	color: #747474;
}

ul.progressBar li.active {
	background: #E20613;
}

ul.progressBar li.complete {
	background: #2B2B2B;
}

ul.progressBar li.complete span {
	background: url('images/ico-check-green.svg');
	background-size: 16px 16px;
	padding-left: 24px;
	background-repeat: no-repeat;
	background-position: left center;
}

ul.progressBar li.active span,
ul.progressBar li.complete span {
	color: #000000;
}

.reviewContainer {
	display: block;
	padding: 2.4rem;
	background:#F2F2F2;
	margin-bottom: 3.2rem;
}

.reviewContainer p {
	padding-bottom: 0px;
}

.reviewContainer a {
	text-decoration: underline;
}

/* ===================================== *\
   5.11 NEW STYLES
\* ===================================== */

.tabContainer {
	display: block;
	width: 100%;
	margin-bottom: 4.8rem;
	border-bottom: 4px solid #D5D5D5;
}

.tabContainer ul {
	display: flex;
	flex-direction: row;
	width: 100%;
}

.tabContainer ul li {
	display: block;
	width: 50%;
}

.tabContainer ul li a {
	display: block;
	padding: 1.6rem;
	font-size: 1.8rem;
	font-weight: bold;
	color: #2B2B2B;
	text-decoration: none;
	border: 1px solid #D5D5D5;
	position: relative;
	background: #F2F2F2;
	text-align: center;
}

.tabContainer ul li a:hover,
.tabContainer ul li a.active {
	background: #ffffff;
}

.tabContainer ul li a.active:hover {
	cursor: auto;
}

.tabContainer ul li a:hover:after,
.tabContainer ul li a.active:after {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	background: #EC0000;
	position: absolute;
	bottom: -4px;
	left: 0px;
}

.loginRegister {
	display: block;
	margin: 0 auto 3.2rem auto;
	background: #ffffff;
	box-shadow: 0 2px 18px 1px rgba(0,0,0,0.05);
	border-radius: 20px;
	max-width: 580px;
	padding: 4rem 3.2rem;
	font-size: 1.6rem;
}

.loginRegister h1 {
	font-size: 3rem;
	padding-bottom: 1.6rem;
}

.loginRegister a {
	color: #202020;
	text-decoration: underline;
	font-size: 1.4rem;
}

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

.dateRange {
	display: flex;
	flex-direction: row;
	gap: 1.6rem;
	align-items: flex-end;
}

.dateRange input {
	margin: 0px !important;
}

.view {
	background: url('images/ico-document.svg');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 12px 16px;
	padding-left: 20px;
	color: #E20613;
	text-decoration: none;
}

.view:hover {
	color: #000000;
}

.totals {
	display: block;
	margin: 2.4rem 0;
	max-width: 250px;
	width: 100%;
	float: right;
}

/* ========================================================================== *\
   6. GENERAL CLASSES -- HERE
\* ========================================================================== */

.mobile,
.tablet {
	display: none !important;
}

.block {
	display: block;
}

.vs-note, .vsp-note 
{ 
	color: #777777;
	text-decoration: underline;
	outline: 0;
	font-weight: 700;
}
a.vs-note:hover, a.vsp-note:hover { color: #E20613; }

.alert {
	display: block;
	padding: 2rem 3.2rem 2rem 6.4rem;
	border: 2px solid #FAD02D;
	background: url('images/ico-alert.svg');
	background-size: 2.4rem 2.4rem;
	background-position: left 3.2rem top 2rem;
	background-repeat: no-repeat;
	background-color: #ffffff;
	margin-bottom: 2.4rem;
}

.alert.alt {
	padding: 1.2rem 1.6rem 1.2rem 4rem;
	background-position: left 0.9rem top 1.0rem;
	font-size: 1.4rem;
	line-height: 125%;
	margin-bottom: 1.6rem;
}

.full {
	width: 100%;
}

.large {
	font-size: 1.8rem;
}

.relative {
	position: relative;
}

.edit {
	display: block;
	position: absolute;
	top: 3.2rem;
	right: 1.6rem;
	font-size: 1.6rem;
	color: #EC0000;
	text-decoration: underline;
}

.edit:hover {
	color: #202020;
	text-decoration: none;
}

.rule {
	display: block;
	width: 100%;
	margin: 0 0 2.4rem 0;
	border-bottom: 1px solid #DEDEDE;
}

.noscroll {
	 overflow: hidden;
}

.container {
	display: block;
	padding: 7.2rem 0;
}

.container.noBottom {
	padding-bottom: 0px;
}

.container.noTop {
	padding-top: 0px;
}

.container.alt {
	padding: 4.8rem 0 7.2rem 0;
}

.container.halfFill {
	background-image: linear-gradient(0deg, #ffffff 0, #ffffff 144px, #F2F2F2 144px, #F2F2F2 100%);
}

.container.grey {
	background: #F2F2F2;
}

.container.dark {
	background: #444444;
	color: #ffffff;
}

.quesionsCTA {
	display: block;
	padding: 4.8rem 6.4rem;
	border: 3px solid #DEDEDE;
	margin-bottom: 2.4rem;
}

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

.questionsCTA img {
	display: block;
	margin: 0 auto;
}

.type {
	display: inline-block;
	font-size: 18px;
	line-height: 36px;
}

.type.winter:before {
	content: "";
	display: block;
	float: left;
	margin-right: 10px;
	height: 36px;
	width: 36px;
	background:url('images/winter-icon-colour.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 36px 36px;
}

.type.summer:before {
	content: "";
	display: block;
	float: left;
	margin-right: 10px;
	height: 36px;
	width: 36px;
	background:url('images/summer-icon-colour.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 36px 36px;
}

.type.all-season:before {
	content: "";
	display: block;
	float: left;
	margin-right: 10px;
	height: 36px;
	width: 71px;
	background:url('images/all-season-icon-colour.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 71px 36px;
}

.callout {
	display: block;
	padding: 4.8rem 3.6rem 3.6rem 3.6rem;
	background: #ffffff;
	border-radius: 0;
	box-shadow: 0 2px 15px rgba(0,0,0,0.2);
	border: solid 1px #D5D5D5;
}

/* new */

.callout.signInContainer {
	padding: 2.4rem;
	min-height: 340px;
	margin-bottom: 3.2rem;
}

.callout.signInContainer strong {
	font-size: 1.6rem;
}

.callout.signInContainer ul {
	border-top: 1px solid #DEDEDE;
}

.callout.signInContainer ul li {
	border-bottom: 1px solid #DEDEDE;
	font-size: 1.6rem;
	display: block;
	padding: 0.8rem 0;
}

.callout.signInContainer .title {
	font-weight: bold;
	font-size: 2rem;
	display: block;
	padding: 0 0 0.8rem 0;
	margin-bottom: 1.6rem;
	border-bottom: 1px solid #DEDEDE;
}

.callout.signInContainer p {
	font-size: 1.4rem;
	line-height: 125%;
	padding-bottom: 1.6rem;
}
.callout.signInContainer p.errormsg {
	padding-left: 21px;
    background: url(images/ico-info.svg);
    background-size: 14px auto;
    background-position: left 0.15rem;
    background-repeat: no-repeat;
}

.callout.signInContainer input {
	margin-bottom: 0.8rem;
}

.callout.signInContainer .btn {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.4rem;
	padding: 1.4rem 0;
	border: 2px solid #E20613;
	margin-bottom: 0.8rem;
}

.callout.signInContainer .btn:hover {
	border: 2px solid #000000;
}

.callout.signInContainer .btn.ghost:hover {
	border: 2px solid #000000;
}

/* end new */

.callout.yellow {
	background: #EC0000;
	box-shadow: none;
	color: #000000;
	border: none;
}

.callout.yellow .btn {
	background: #ffffff;
	color: #000000;
}

.callout.yellow .btn:hover {
	color: #ffffff;
	background: #000000;
}

.callout.alt {
	border-radius: 0px;
	box-shadow: 0 4px 30px rgba(0,0,0,0.1);
}

.callout input[type="text"],
.callout input[type="tel"],
.callout input[type="email"],
.callout input[type="password"],
.callout textarea,
input[type="text"].solid,
input[type="tel"].solid,
input[type="email"].solid,
textarea.solid {
	background: #F2F2F2;
}

.red {
	color: #E20613;
}

ul.bullets {
	margin: 0 0 2.4rem 1.6rem;
}

ul.bullets {
	list-style-type: disc;
}

.content {
	width: 1140px;
	margin: 0px auto;
}

.content.center {
	text-align: center;
}

.narrow {
	max-width: 800px;
	margin: 0 auto;
}

.hide {
	display: none !important;
}

.center {
	text-align: center;
}

.btn {
	display: inline-block;		/*min-width: 170px;*/
	text-align: center;
	padding: 1.3rem 4.8rem;
	border-radius: 5px;
	color: #ffffff;
	font-size: 2rem;
	line-height: 100%;
	margin-bottom: 20px;
	font-weight: bold;
	background-color: #EC0000;
	border: 2px solid #EC0000;
	border-radius: 5px;
	-webkit-border-radius: 4px;
	/*border: none;*/
	cursor: pointer;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.btn:hover {
	color: #ffffff;
	background: #000000;
	border: 2px solid #000000;
	background-color: #000000;
}

.btn.inline {
	display: inline-block;
	margin-bottom: 1.6rem;
}

.btn.ghost {
	color: #000000;
	border: 2px solid #EC0000;
	background: transparent;
}

.btn.ghost:hover {
	color: #ffffff;
	background: #000000;
	border-color: #000000;
}

.btn.ghost.alt {
	border-color: #FAD02D;
	background: transparent;
	color: #000000;
}

.btn.ghost.alt:hover {
	border-color: #000000;
	background: #000000;
	color: #ffffff;
}


.btn.alt {
	background: #E20613;
	border: 2px solid #E20613;
	color: #ffffff;
	font-size: 1.6rem;
	line-height: 100%;
	padding: 1.3rem 2.4rem;
}

.btn.alt:hover {
	color: #ffffff;
	background: #000000;
	border-color: #000000;
}

.btn.small {
	padding: 1.3rem;
	font-size: 1.6rem;
}

.btn.block {
	display: block;
	text-align: center;
}
.btnSmall {
	padding: 0.3rem 1.5rem;
    font-size: 1.4rem;
	min-width: 70px;
}
.deliveryOptions {
	display: inline-block;
	padding: 0 0 0 20px;
	background: url('images/ico-delivery.svg');
	background-size: 16px 13px;
	background-position: left center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.simpleBtn {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	font-weight: bold;
	font-style: italic;
}

.simpleBtn:hover:after {
	transform: translateX(4px);
}

.simpleBtn:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 10px;
	margin-left: 8px;
	vertical-align: -4px;
	background: url('images/ico-right-red-chevron.svg');
	background-position: center center;
	background-repeat: !important;
	background-size: 6px 10px;
}

.back {
	display: inline-block !important;
	text-decoration: none !important;
	font-weight: bold;
	font-style: italic;
	color: #E20613;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.back:before {
	display: inline-block;
	content: "";
	width: 10px;
	height: 12px;
	vertical-align: -1px;
	margin-right: 0.8rem;
	background: url('images/ico-left-red-chevron.svg');
	background-size: 10px 12px;
	background-position: center center;
	background-repeat: no-repeat;
}

.back:hover {
	color: #E20613;
}

.back:hover:before {
	transform: translateX(-0.4rem);
}

.moreBtn,
.lessBtn {
	font-weight: bold;
	font-style: italic;
	color: #E20613;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.moreBtn:after {
	display: inline-block;
	content: "";
	width: 10px;
	height: 16px;
	margin-left: 0.8rem;
	background: url('images/ico-right-red-chevron.svg');
	background-size: 10px 16px;
	background-position: center center;
	background-repeat: no-repeat;
}

.moreBtn:hover,
.lessBtn:hover {
	color: #E20613;
}

.moreBtn:hover:after {
	transform: translateX(0.4rem);
}

.lessBtn:after {
	display: inline-block;
	content: "";
	width: 10px;
	height: 16px;
	margin-left: 0.8rem;
	background: url('images/ico-up-red-chevron.svg');
	background-size: 10px 7px;
	background-position: center center;
	background-repeat: no-repeat;
}

.lessBtn:hover:after {
	transform: translateY(-0.4rem);
}

.smallText,
small {
	font-size: 1.4rem;
}

.alignLeft {
	text-align: left;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}

.alignRight .btn,
.alignRight input[type="submit"], .alignRight input[type="button"],
.alignRight button {
	margin: 0 0 20px 20px;
}

.inline {
	width: auto !important;
	display: inline-block !important;
}

.canadian {
	content: "";
	display: inline-block;
	background: url('images/ico-maple-leaf.svg');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 18px 20px;
	padding: 0 0 0 24px;
	margin-bottom: 1.6rem;
}

.map {
	display: block;
	width: 100%;
	height: 350px;
}

.cartIcon {
	display: block;
	padding: 0 0 0 46px;
	background: url('images/ico-cart.svg');
	background-size: 30px 28px;
	background-repeat: no-repeat;
	background-position: left center;
}

/* ========================================================================== *\
   7. FORM STYLES
\* ========================================================================== */

label.error {
	color: #E00512 !important;
}

.errorMessage {
	display: block;
	padding: 1.6rem 1.6rem 0rem 1.6rem;
	border: 1px solid #E00512;
	background: #FFDCE6;
	color: #E00512;
	margin-bottom: 2.4rem;
	font-size: 1.4rem;
}

.errorField {
	display: block;
	color: #E00512;
	font-size: 1.2rem;	font-weight: 600;
	margin-top: -2.1rem;
	
	padding-left: 17px;
    background: url(images/ico-info.svg);
    background-size: 14px auto;
    background-position: left 0.48rem;
    background-repeat: no-repeat;
}
.errorCartField {
	display: block;
	color: #E00512;
	font-size: 1.2rem;	font-weight: 600;
	margin-top: -1.0rem; margin-bottom: 1.0rem;
	
	padding-left: 16px;
    background: url(images/ico-info.svg);
    background-size: 14px auto;
    background-position: left -0.1rem;	line-height: 120%;
    background-repeat: no-repeat;
}
.zipError {
	color: #E00512;
	font-size: 1.2rem;	font-weight: 600;
	margin-top: 5px;
	
	padding-left: 16px;
    background: url(images/ico-info.svg);
    background-size: 14px auto;
    background-position: left -0.1rem;	line-height: 120%;
    background-repeat: no-repeat;
}

.successMessage {
	display: block;
	padding: 1.6rem 1.6rem 0rem 1.6rem;
	border: 1px solid #2bba53;
	background: #e6fae8;
	color: #2bba53;
	margin-bottom: 2.4rem;
	font-size: 1.4rem;
}

.successField {
	display: block;
	color: #2bba53;
	font-size: 1.2rem;
	margin-top: -1.6rem;
}
.promo-error.successField {
	padding-left: 18px;
    background: url(images/ico-check-green.svg);
    background-size: 14px auto;
    background-position: left -0.1rem;
    line-height: 120%;
    background-repeat: no-repeat;
}

.errorMessage p {
	padding-bottom: 1.6rem;
}

.inlineForm.right {
	float: right;
}

.inlineForm form {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.inlineForm input[type="text"] {
	display: block;
	width: 100%;
	background: #F2F2F2;
	color: #646464;
	font-size: 1.6rem;
	padding: 1.4rem 1.8rem 1.2rem 1.8rem;
	border-top: 1px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	border-right: none;
	border-radius: 0px;
	box-sizing: content-box;
	margin: 0px;
}

.inlineForm input[type="submit"], .inlineForm input[type="button"] {
	display: block;
	width: 50px !important;
	min-width: 50px !important;
	background: url('images/ico-search.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-color: #EC0000;
	border-top: 1px solid #EC0000;
	border-left: 1px solid #EC0000;
	border-bottom: 1px solid #EC0000;
	border-right: none;
	border-radius: 0 5px 5px 0;
	text-indent: -999999px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

.inlineForm input[type="submit"]:hover, .inlineForm input[type="button"]:hover {
	background: url('images/ico-search.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-color: #E20613;
}
input[type="text"].list-search {
	background: url('images/ico-search-black.png') no-repeat scroll 11px 11px #F2F2F2;
	background-size: 20px auto;
	padding-left: 40px;
	border: 1px solid #D5D5D5 !important;
	width: 100%;
}

input {
    -webkit-appearance: none;
    border-radius: 0;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="time"],
input[type="date"] {
	display: block;
	width: 100%;
	padding: 15px;
	margin-bottom: 20px;
	color: #444444;
	font-size: 14px;
	line-height: 16px;
	background-color: #ffffff;
	border: 1px solid #444444;
	border-radius: 0px;
	-webkit-border-radius: 0px;
}

input[type="time"] {
	background: url('images/time-ico.svg');
	background-position: right 15px center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-color: #ffffff;
}

input[type="date"] {
	background: url('images/date-ico.svg');
	background-position: right 15px center;
	background-repeat: no-repeat;
	background-size: 17.5px 20px;
	background-color: #ffffff;
	min-width: 160px;
}

input[type="time"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-calendar-picker-indicator {
	background: none;
}

input[type="text"].error,
input[type="email"].error,
input[type="tel"].error,
input[type="password"].error,
input[type="number"].error,
input[type="time"].error,
input[type="date"].error, select.error,
textarea.error {
	border-color: #E00512 !important;	background-color: #FFDCE6;
}

input[type="text"].success,
input[type="email"].success,
input[type="tel"].success,
input[type="password"].success,
input[type="number"].success,
input[type="time"].success,
input[type="date"].success, select.success,
textarea.success {
	border-color: #2bba53;
}

input[type="text"].alt,
input[type="email"].alt,
input[type="tel"].alt,
textarea.alt {
	border-radius: 0px;
	border-color: #D5D5D5;
}

input[type="text"].fill,
input[type="email"].fill,
input[type="tel"].fill, select.fill,
input[type="password"].fill {
	background: #F2F2F2;
	border-color: #D5D5D5;
	border-radius: 5px;
}

.validationError {
	display: block;
	clear: both;
	color: #E00512;
	font-size: 14px;
	line-height: 20px;
	font-style: italic;
	margin: -10px 0 20px 0;
	
	padding-left: 17px;
    background: url(images/ico-info.svg);
    background-size: 14px auto;
    background-position: left 0.31rem;
    background-repeat: no-repeat;
}

textarea {
	display: block;
	width: 100%;
	padding: 15px;
	margin-bottom: 20px;
	font-weight: 400;
	color: #444444;
	font-size: 14px;
	line-height: 16px;
	background-color: #ffffff;
	border: 1px solid #666666;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	font-family: 'Montserrat', sans-serif;
}

input[type="submit"],input[type="button"],
button {
	display: block;
	/*width: 100%;*/
	text-align: center;
	padding: 1.6rem 2.4rem;
	border-radius: 5px;
	color: #ffffff;
	font-size: 1.6rem;
	line-height: 100%;
	margin-bottom: 20px;
	font-weight: bold;
	background-color: #EC0000;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	border: none;
	cursor: pointer;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

input[type="submit"]:hover, input[type="button"]:hover,
button:hover {
	color: #ffffff;
	background: #000000;
}

input[type="submit"].alt, input[type="button"].alt,
button.alt {
	color: #ffffff;
	background-color: #E20613;
}

input[type="submit"].alt:hover, input[type="button"].alt:hover,
button.alt:hover {
	color: #ffffff;
	background: #000000;
}

input[type="submit"]:disabled, input[type="button"]:disabled,
button:disabled {
	opacity: 0.25;
	cursor: auto;
}

input[type="submit"]:disabled:hover, input[type="button"]:disabled:hover,
button:disabled:hover {
	color: #000000;
	background-color: #EC0000;
}

input[type="submit"].alt:disabled:hover, input[type="button"].alt:disabled:hover,
button.alt:disabled:hover {
	color: #ffffff;
	background: #E20613;
}

input[type="submit"].inline, input[type="button"].inline {
	display: inline-block;
}

label {
	display:block;
	color: #444444;
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: bold;
	text-transform: uppercase;
}

select {
	display: block;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 48px;
	padding: 1.3rem 4.8rem 1.3rem 2.4rem;
	margin-bottom: 20px;
	color: #646464;
	font-size: 1.5rem;
	/*line-height: 100%;*/
	background: url('images/ico-down-chevron.svg');
	background-position: right 16px center;
	background-repeat: no-repeat;
	background-size: 16px 10px;
	background-color: #F2F2F2;
	border: 1px solid #D5D5D5;
	border-radius: 0px;
	-webkit-border-radius: 0px;
}
.inlineForm select {
    height: 46px !important;
}
.checkboxes {
	display: block;
	margin-bottom: 40px;
}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 32px;
	cursor: pointer;
	font-weight: bold;
	font-style: italic;
	font-size: 1.6rem;
	line-height: 125%;
	text-transform: none !important;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #979797;
	background: #fff;
	border-radius: 3px;
	margin-bottom: 0px;
}

[type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	margin-bottom: 0px;
	border: 1px solid #E00512;
	background: #E00512 !important;
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
	content: '✔';
	position: absolute;
	top: 2px;
	left: 2px;
	font-size: 18px;
	line-height: 20px;
	color: #ffffff;
	transition: all .2s;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}
[type="checkbox"]:checked + label:after {
	opacity: 1;
	transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
	color: #999;
}
[type="checkbox"]:disabled + label {
	color: #aaa;
}

.radio {
	display: block;
	margin-bottom: 40px;
}

.radio label {
	font-size: 16px;
}

.radio p {
	padding-bottom: 0px;
}

.radio small {
	vertical-align: -8px;
}

.radio strong {
	vertical-align: -4px;
}

.radio.button [type="radio"]:not(:checked) + label,
.radio.button [type="radio"]:checked + label {
	display: inline-block;
	background:#F2F2F2 !important;
	text-transform: none;
	font-size: 1.8rem;
	line-height: 100%;
	padding: 2.4rem 4.8rem 2.4rem 7.4rem;
	margin-right: 1.6rem;
}

.radio.button [type="radio"]:checked + label {
	border: 1px solid #E20613;
}

.radio.button [type="radio"]:not(:checked) + label:after,
.radio.button [type="radio"]:checked + label:after {
	top: 50%;
	left: 48px;
	transform: translateY(-50%);
}

.radio.button [type="radio"]:not(:checked) + label:before,
.radio.button [type="radio"]:checked + label:before {
	top: 50%;
	left: 45px;
	transform: translateY(-50%);
}

.radio.button.full [type="radio"]:not(:checked) + label,
.radio.button.full [type="radio"]:checked + label {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	line-height: 150%;
	padding: 1.6rem 4.8rem 1.6rem 7.4rem;
}

/* === */

.radio.button.method [type="radio"]:not(:checked):first-child + label,
.radio.button.method [type="radio"]:checked:first-child + label {
	display: inline-block;
	background: url('images/ico-home-delivery.svg') !important;
	background-repeat: no-repeat !important;
	background-size: 50px auto !important;
	background-position: left 74px center !important;
	background-color:#F2F2F2 !important;
	text-transform: none;
	font-size: 1.8rem;
	line-height: 100%;
	padding: 2.4rem 4.8rem 2.4rem 14rem;
	margin-right: 1.6rem;
}

.radio.button.method [type="radio"]:not(:checked) + label,
.radio.button.method [type="radio"]:checked + label {
	display: inline-block;
	background: url('images/ico-in-store.svg') !important;
	background-repeat: no-repeat !important;
	background-size: 40px auto !important;
	background-position: left 74px center !important;
	background-color:#F2F2F2 !important;
	text-transform: none;
	font-size: 1.8rem;
	line-height: 100%;
	padding: 2.4rem 4.8rem 2.4rem 13rem;
	margin-right: 1.6rem;
}

/* === */

.radio.alt label {
	font-size: 28px;
}

.radio.alt [type="radio"]:not(:checked) + label,
.radio.alt [type="radio"]:checked + label {
	padding-left: 50px;
}

.radio.alt [type="radio"]:not(:checked) + label:after,
.radio.alt [type="radio"]:checked + label:after {
	top: 4.5px;
	left: 4.5px;
}

.radio small {
	display: inline-block;
	font-size: 14px;
	transform: translateY(-5px);
	line-height: 130%; margin-top: 5px;
}

/* Base for label styling */
[type="radio"]:not(:checked),
[type="radio"]:checked {
	position: absolute;
	left: -9999px;
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
	position: relative;
	padding-left: 40px;
	cursor: pointer;
	font-weight: normal;
	line-height: 1.25em;
}

/* checkbox aspect */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #666666;
	background: #fff;
	border-radius: 0px;
	border-radius: 100%;
}
/* checked mark aspect */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
	content: '';
	width: 11px;
	height: 11px;
	background: #E00512;
	border-radius: 100%;
	position: absolute;
	top: 3px;
	left:3px;
	transition: all .2s;
}

/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}
[type="radio"]:checked + label:after {
	opacity: 1;
	transform: scale(1);
}
/* disabled checkbox */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
	cursor: auto;
}
[type="radio"]:disabled:checked + label:after {
	color: #999;
}
[type="radio"]:disabled + label {
	color: #aaa;
}

/* === */

.rangeWrapper {
	position: relative;
    width: 100%;
	margin-bottom: 1.6rem;
}

input[type="range"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    outline: none;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    background-color: transparent;
    pointer-events: none;
}

.slider-track{
    width: 100%;
    height: 5px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    border-radius: 5px;
	background: #2B2B2B;
}

input[type="range"]::-webkit-slider-runnable-track{
    -webkit-appearance: none;
    height: 5px;
}

input[type="range"]::-moz-range-track{
    -moz-appearance: none;
    height: 5px;
}

input[type="range"]::-ms-track{
    appearance: none;
    height: 5px;
}

input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
	background: url('images/ico-thumb.svg');
	background-size: 6px 16px;
	background-position: center center;
	background-repeat: no-repeat;
    background-color: #EC0000;
    cursor: pointer;
    margin-top: -9px;
    pointer-events: auto;
    border-radius: 3px;
	border: none !important;
}

input[type="range"]::-moz-range-thumb{
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    cursor: pointer;
    border-radius: 3px;
	background: url('images/ico-thumb.svg');
	background-size: 6px 16px;
	background-position: center center;
	background-repeat: no-repeat;
    background-color: #EC0000;
    pointer-events: auto;
	border: none !important;
}

input[type="range"]::-ms-thumb{
    appearance: none;
    height: 24px;
    width: 24px;
    cursor: pointer;
    border-radius: 3px;
	background: url('images/ico-thumb.svg');
	background-size: 6px 16px;
	background-position: center center;
	background-repeat: no-repeat;
    background-color: #EC0000;
    pointer-events: auto;
	border: none !important;
}

/*
input[type="range"]:active::-webkit-slider-thumb{
    background-color: #ffffff;
    border: 3px solid #535353;
}
*/

.rangeContainer {
	height: 40px;
	margin-top: -20px;
}

/*
.rangeValue:before {
	content: "$";
	display: inline-block;
}
*/

.values{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
    width: 100%;
    position: relative;
    margin: auto;
    font-size: 1.6rem;
	font-style: italic;
	font-weight: bold;
    color: #444444;
}


/* ========================================================================== *\
   8. COLUMNS
\* ========================================================================== */

.grid {
	display: grid;
	column-gap: 2.4rem !important;
	row-gap: 2.4rem;
}

.grid .itemContainer {
	display: block;
	margin: 0;
}

.grid.third .tile:hover {
	transform: scale(1.1,1.1);
}

.grid.sixth {
	grid-template-columns: repeat(6, 1fr);
}

.grid.fifth {
	grid-template-columns: repeat(5, 1fr);
}

.grid.fourth {
	grid-template-columns: repeat(4, 1fr);
}

.grid.third {
	grid-template-columns: repeat(3, 1fr);
}

.grid.half {
	grid-template-columns: repeat(2, 1fr);
}

.grid .item {
	display: block;
	border: 1px solid #D5D5D5;
}

.grid .item img {
	display: block;
	width: 100%;
}

.columns {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.columns.start {
	justify-content: flex-start;
	gap: 1.6rem;
}

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

.columns .col {
	display: block;
}

.centerV {
	align-items: center;
}

.bottomV {
	align-items: flex-end;
}

.columns.left {
	justify-content: flex-start;
}

.col.right {
	text-align: right;
}

.one_half {
	width:48%;
}

.one_third {
	width:30.66%;
}

.two_third {
	width:65.33%;
}

.one_fourth {
	width:22%;
}

.three_fourth{
	width:74%;
}

.one_fifth {
	width:16.8%;
}

.two_fifth{
	width:37.6%;
}

.three_fifth {
	width:58.4%;
}

.four_fifth {
	width:79.2%;
}

.one_sixth {
	width:13.33%;
}

.five_sixth {
	width:82.67%;
}

.clear {
	clear:both;
	display:block;
	width:100%;
}

.clear.sm {
	height: 20px;
}

.clear.md {
	height: 40px;
}

.clear.lg {
	height: 60px;
}

.clear.xl {
	height: 80px;
}

.clear.xxl {
	height: 100px;
}

#listOrderTable_filter { top: 80px; right: 0; position: absolute; }
div.dataTables_filter input { margin-top: 15px; }
th.sorting { color: 0088F2; cursor: pointer; }
th.sorting_asc, th.sorting_desc { color: #f9113c; cursor: pointer;  }
#listOrderTable_length { width: 15%; margin-top: 30px; display: inline-table; }
#listOrderTable_length select{ margin-top: 15px }
#listOrderTable_paginate { float: right; margin-top: 45px; display: inline-table; }

#gridSearch {
	display: inline-block; float: right;
    width: 40%;
    padding: 10px;
	margin-top: 14px;
    margin-bottom: 14px;
    color: #444444;
    font-size: 13px;
    line-height: 15px;
    background-color: #ffffff;
    border: 1px solid #666666;
    border-radius: 0px;
    -webkit-border-radius: 0px;
}
#listePartTable_filter { text-align: right; line-height: 38px; }

.dataTables_length { display:inline-block; }
.dataTables_info { display:none !important; }
.dataTables_paginate {
	display: inline-table;
    float: right;
    margin: 0;
}
.dataTables_paginate a { cursor: pointer;
	display: inline-block;
	padding: 10px 20px;
	margin: 2px;
	background-color: #F2F2F2;
	border: none;
	color: #231F20;
	text-decoration: none !important;
}
.dataTables_paginate a:hover {
	background: #000;
	border: none;
	color: #ffffff;	
}
.dataTables_paginate a.current {
	background: #646464;
	border: none;
	color: #ffffff;	
}
.dataTables_paginate a.previous, .dataTables_paginate a.next  {
	background: transparent; border: none; opacity: 0.6;
	font-weight: bolder; width: 50px;
}
.dataTables_paginate a.previous:hover, .dataTables_paginate a.next:hover {
	background: transparent; opacity: 1; transform: scale(1.1,1.1);
}

.datatable tr th, .datatable tr td {
    background: none !important; padding: 1rem 0rem !important;
} 
/*.datatable tr:nth-child(even) th, .datatable tr:nth-child(even) td {
    padding: 1rem 0rem !important;
}*/


/* ========================================================================== *\
   9. NOV 2024 NEW
\* ========================================================================== */	
.topBar.alt {
	position: relative;
	height: auto;
	padding: 0.8rem 0;
}

.topBar.alt .content {
	display: block;
}

.topBar .top-bar-carousel .slide {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 1.6rem;
	font-size: 1.8rem;
	line-height: 125%;
	font-weight: normal;
}

.topBar .top-bar-carousel a {
	color: #ffffff;
	text-decoration: underline;
	font-size: 1.6rem;
	line-height: 125%;
}

.topBar .top-bar-carousel a:hover {
	color: #ffffff;
	text-decoration-thickness: 2px;
}

.topBar .top-bar-carousel p {
	display: block;
	padding: 0;
}

.topBar .top-bar-carousel p:after {
	display: none;
}

.topBar .top-bar-carousel .btn.ghost {
	color: #ffffff;
	border-color: #ffffff;
	padding: 0.6rem 1.6rem;
	font-size: 1.6rem;
	margin-bottom: 0;
	text-decoration: none;
}

.topBar .top-bar-carousel .btn.ghost:hover {
	background: #ffffff;
	color: #000000;
}

.top-bar-carousel .slick-prev,
.top-bar-carousel .slick-next
{
    width: 2.4rem;
    height: 2.4rem;
	background-size: 2.4rem 2.4rem;
}

.top-bar-carousel .slick-prev,
.top-bar-carousel .slick-prev:hover {
	margin-left: 3.2rem;
	background: url('images/ico-left-chevron-white.svg') !important;
}

.top-bar-carousel .slick-next,a
.top-bar-carousel .slick-next:hover {
	margin-right: 3.2rem;
	background: url('images/ico-right-chevron-white.svg') !important;
}

.closeTopBar {
	display: block;
	width: 2.0rem;
	height: 2.0rem;
	background: url('images/ico-close-white.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1.2rem 1.2rem;
	overflow: hidden;
	text-indent: -999px;
	cursor: pointer;
	position: absolute;
	right: 1.6rem;
	top: 1.0rem;
}

.closeTopBar:hover {
	transform: scale(1.1,1.1);
}

.featureTile {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F2F2F2;
	color: #000;
	padding: 1.6rem 2.4rem;
	border-radius: 2.4rem 0.8rem 0.8rem 0.8rem;
	margin-bottom: 1.6rem;
}

.featureTile .inner {
	display: flex;
	flex-direction: row;
	gap: 1.6rem;
	align-items: center;
}

.featureTile .inner img {
	display: block;
	width: 4.0rem;
}

.featureTile .inner .title {
	display: block;
	font-size: 1.8rem;
	line-height: 125%;
	font-weight: bold;
}

.featureTile .inner .details {
	font-size: 1.4rem;
	line-height: 125%;
}

.result.single .productFooter.alt {
	border-top: none;
	border-bottom: 1px solid #F2F2F2;
	padding: 1.6rem 0rem;
	margin-top: 1.6rem;
}

.result.single .productFooter.alt .columns {
	align-items: flex-end;
	gap: 1.6rem;
}

.deliveryDetails {
	display: flex;
	flex-direction: row;
	gap: 1.6rem;
	align-items: center;
	padding: 1.2rem 2.4rem;
	background: #F2F2F2;
	border: 1px solid #D5D5D5;
	border-radius: 5px;
}

.container.smPadding {
	padding: 2.4rem 0 0.8rem 0;
}

/* Tooltip container */
.temp-wishlist { position:relative; }
.tooltip {
	position: relative;
    display: inline-block;
    top: -15px;
    left: -5px;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: #f5e3e5;
  color: #E20613;
  font-size: 13px;
  text-align: center;
  padding: 0px 5px;
  border-radius: 2px;
  white-space: nowrap;
  /* Position the tooltip text - see examples below! */
  position: absolute; margin-top: -22px; margin-left: 1px;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}