/* ========================================================================== *\
   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
	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;
	word-break: break-word;
}
/* 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 { margin-left:1px; min-width:120px; background:#fff; cursor:default; overflow-y: scroll; border: 1px solid #D5D5D5; border-top: none; }
.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, .formTitle {
	font-size: 2.4rem;
	line-height: 150%;
	font-weight: bold;
	padding-bottom: 1.6rem;
}

h4 {
	font-size: 1.8rem;
	line-break: 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;
	/*word-break: break-all;*/
}
.pagecontents {
	word-break: break-all !important;
}
a:hover {
	color: #000000;
	text-decoration: none;
	outline: 0;
}

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: #6B6B6B;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px solid #D5D5D5;
	background: #ffffff !important;
}

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

table td {
	text-align: left;
	padding: 1.0rem 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.additionalSizes table thead th {
	font-size: 16px;
	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: 16px;
	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);
}

.logo {
	display: block;
}

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

.topBar a {
	color: #000000;
	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.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: #E20613;
}

.topBar .dropDown ul li a:after {
	content: "";
	display: inline-block;
	margin-left: 0.4rem;
	width: 10px;
	height: 6px;
	background: url('images/ico-down-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: 10000;
	min-width: 220px;
	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;
	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: #E20613;
}

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

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

.header .headerTop {
	display: block;
	width: 100%;
	padding: 1.2rem 0 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;
	gap: 20px;
	align-items: center;
	width: 350px;
}

.header .headerTop .content .headerCentre {
	display: block;
	width: 575px;
	height: 50px;
}

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

.header .headerTop .content .headerCentre .addVehicle {
	display: flex;
	align-items: center;
	cursor: pointer;
	text-decoration: none !important;
	width: 225px;
	height: 50px;
	background:
		url('images/ico-car.svg'),
		url('images/ico-down-chevron.svg');
	background-position:
		left 14px center,
		right 16px center;
	background-size:
		20px 16px,
		14px 8px;
	background-repeat:
		no-repeat,
		no-repeat;
	background-color: #FAD02D;
	color: #000000;
	font-size: 1.6rem;
	font-weight: bold;
	font-style: italic;
	border: none;
	border-radius: 5px 0 0 5px;
	margin: 0px;
	padding-left: 4.2rem;
	position: relative
}

/* new */

.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 center;
	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 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;
}

.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: 0px;
	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;
}

.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;
}

/* end new */

#addVehicleModal select {
	padding: 1.3rem 3.2rem 1.3rem 1.4rem;
    font-size: 1.4rem;
}

.header .headerTop .content .headerCentre .addVehicle span {
	display: none;
	position: absolute;
	top: -12px;
	left: -12px;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	color: #000000;
	background: #FAD02D;
	align-items: center;
	justify-content: center;
	font-style: normal;
	text-indent: 0px;
}

.header .headerTop .content .headerCentre select {
	display: block;
	text-decoration: none !important;
	width: 195px;
	height: 50px;
	background:
		url('images/ico-car.svg'),
		url('images/ico-down-chevron.svg');
	background-position:
		left 14px center,
		right 16px center;
	background-size:
		20px 16px,
		14px 8px;
	background-repeat:
		no-repeat,
		no-repeat;
	background-color: #FAD02D;
	color: #000000;
	font-size: 1.6rem;
	font-weight: bold;
	font-style: italic;
	border: none;
	border-radius: 5px 0 0 5px;
	margin: 0px;
	padding-left: 4.2rem;
}

.header .headerTop .content .headerCentre input[type="text"], .header .headerTop .content .headerCentre input[type="search"] {
	display: block;
	width: 430px;
	background: #F2F2F2;
	color: #646464;
	font-size: 1.6rem;
	padding: 1.4rem 1.5rem 1.2rem 0.5rem;
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	border-left: none;
	border-right: 1px solid #D5D5D5;
	border-radius: 0 5px 5px 0;
	box-sizing: content-box;
	margin: 0px;
	
	background: url(images/ico-search-black.png) no-repeat scroll 12px 15px #FFF;
    background-size: 18px auto;
    padding-left: 40px;
    border: 1px solid #D5D5D5 !important;
    width: 83%;
	
}

.header .headerTop .content .headerCentre input[type="submit"],.header .headerTop .content .headerCentre input[type="button"] {
	display: block;
	width: 40px !important;
	background: url('images/ico-search.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 12px auto;
	background-color: #F2F2F2;
	border-radius: 0;
	border: 1px solid #D5D5D5;		cursor: text;
	border-left: none;
	border-right: none;
	text-indent: -999999px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	-webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

/*.header .headerTop .content .headerCentre input[type="submit"]:hover, .header .headerTop .content .headerCentre input[type="button"]:hover {
	background-color: #F2F2F2;
}
*/
.header .headerTop .content .headerRight {
	/*display: block;
	width: 235px;*/
	display: flex; /* new */
	flex-flow: row; /* new */
	align-items: center; /* new */
	gap: 1.6rem; /* new */
	position: relative; /* new */
	z-index: 1000; /* new */
}

.header .headerTop .content .headerRight .cart {
	display: block;
	background: url('images/ico-cart.svg');
	background-size: 28px 28px;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 32px 0 0 0;
	position: relative;
	color: #2B2B2B;
	font-size: 1.6rem;
	line-height: 100%;
	font-weight: bold;
	font-style: italic;
	margin-top: 5px;
}

.header .headerTop .content .headerRight .cart span {
	display: flex;
	position: absolute;
	top: -12px;
	right: -12px;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	color: #000000;
	background: #FAD02D;
	align-items: center;
	justify-content: center;
	font-style: normal;
}
.header .headerTop .content .headerRight .cart label {
    color: #2B2B2B;
    font-size: 1.6rem;
    text-transform: none;
    font-weight: bold;
    font-style: italic;
}

.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: #202020;
	color: #ffffff;
	padding: 7.2rem 0 3.6rem;
}

.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: 999999;
	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.active a, .slideOutMenu ul li a:hover {
    color: #E20613;
}
.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;
}

.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: 2.4rem 0;
	background: #202020;
}
.hero.browsepage {
	padding: 4.4rem 0 2.4rem 0;
	background: #f2f2f2;
}
.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;
}

/* new */
.loadinggrey { height: 9px !important; display: inline-block !important; }

.selectWrap {
	position: relative;
	display: block;
	width: 100%;
}

.selectWrap .heading {
	display: none;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 2.4rem 2.4rem;
	color: #2B2B2B;
	font-weight: bold;
	font-size: 2rem;
	background: #eeeeee;
	margin-bottom: 1.6rem;
}

.selectWrap .heading .closeSelect {
	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;
	color: #000000;
}

.selectWrap .columns {
	gap: 1.6rem;
}

.selectWrap .label {
	display: block;
	cursor: pointer;
	width: 100%;
	height: 48px;
	padding: 1.3rem 3.3rem 1.3rem 1.4rem;
	margin-bottom: 2rem;
	color: #646464;
	font-size: 1.7rem;
	font-weight: normal;
	line-height: 125%;
	background: url('images/ico-down-chevron.svg');
	background-position: right 16px center;
	background-repeat: no-repeat;
	background-size: 16px 10px;
	background-color: #F2F2F2;
	border: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
}

.selectWrap .label.active {
	background: url('images/ico-up-chevron.svg');
	background-position: right 16px center;
	background-repeat: no-repeat;
	background-size: 16px 10px;
	background-color: #F2F2F2;
	font-weight: bold;
	color: #2B2B2B;
}

.selectWrap .expandedMenu {
	display: none;
	position: absolute;
	top: 100%;
	background: #ffffff;
	box-shadow: 0 2px 15px rgba(0,0,0,0.05);
	padding: 2.4rem 3.2rem;
	z-index: 100;
	min-width: 100%;
	border: 1px solid #999999;
	border-radius: 4px;
}

.selectWrap .expandedMenu .columns {
	/*width: 700px;*/
	white-space: nowrap;
}

.selectWrap .expandedMenu.open {
	display: block;
}

.selectWrap .expandedMenu ul {
	display: block;
}

.selectWrap .expandedMenu ul li {
	display: block;
	margin-bottom: 0.2rem;
}

.selectWrap .expandedMenu ul li a {
	color: #2B2B2B;
	padding: 0.2rem 0.4rem;
	display: block;
	border-radius: 2px;
	min-width: 90px;  			white-space: nowrap;
}
.selectWrap .expandedMenu ul li a.active{
	background: #E20613;
	color: #fff;
}

.selectWrap .expandedMenu ul li a:hover{
	background: #eeeeee;
	color: #2B2B2B;
}
.selectWrap .expandedMenu ul li.cstrong {
		margin-bottom: 1rem;
		display: block;
		font-weight: 700;
	}
/* end new */

.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%;
}

.hero-carousel .slide {
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	color: #ffffff;
	padding: 9.6rem 0 5.6rem 7.2rem;
	min-height: 458px;
	border-radius: 5px;
}
.browsepage .hero-carousel .slide {
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	color: #be0a17;
	padding: 2.6rem 0 2.6rem 6.2rem;
	min-height: 280px !important;
	border-radius: 1px !important;
}

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

.hero-carousel .slide p {
	max-width: 320px;
	display: block;
}

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

.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.05);
	background: #ffffff;
	border-radius: 20px 0 20px 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: #F2F2F2;
	padding: 7.2rem;
}

.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: 16px;
	background: url('images/ico-right-chevron.svg');
	background-size: 10px 16px;
	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.alt {
	background: #F2F2F2;
}

.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;
}

.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;
	width: 100%;
	height: auto;
	padding: 2.4rem 1.6rem;
	box-shadow: 0 2px 15px rgba(0,0,0,0.05);
	background: #ffffff;
	border-radius: 20px 0 20px 0;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.itemTile img {
	display: block;
	max-width: 100px;	max-height: 100px;
	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
}
.imageTile { height: 102px; margin-bottom: 15px; }

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

.itemTile p {
	font-size: 1.6rem;
	padding-bottom: 0px;
	font-weight: normal;
}

.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.05);
	background: #ffffff;
	border-radius: 20px 0 20px 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: 5px;

	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.05);
	background: #ffffff;
	border-radius: 20px 0 20px 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 4.8rem;
	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 { 
	cursor: pointer; 
	max-height: 82px;
	max-width: 82px;
	border: 1px solid #d5d5d5;
	padding: 5px;
	text-align: center;
	margin-bottom: 5px; }
.singleResultLeft li img { 
	max-height: 75px;
    max-width: 75px; }	
	
.edit {
	display: block;
	position: absolute;
	top: 2.5rem;
	right: 1.6rem;
	font-size: 1.6rem;
	color: #EC0000;
	text-decoration: underline;
}
.edit:hover {
	color: #202020;
	text-decoration: none;
}
.aCancel { right: 8rem; }
	

.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;
}

.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;
	color: #E20613;
}

.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: 20px 0 20px 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.alertnote {
	background: url('images/ico-alert.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: 0px;
	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: #FAD02D;
	border-color: #FAD02D;
	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;
}

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

.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: #FAD02D;
	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 #FAD02D;
	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.05);
	background: #ffffff;
	border-radius: 20px 0 20px 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: 5px;
	padding: 40px;
	margin: 0 1.2rem;
	min-height: 310px;
}

.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: #202020;
	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: #202020;
	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: #202020;
	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: #202020;
	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;
}

.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: #ffffff;
    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: 20px 0 20px 0;
	padding: 3.2rem 2.4rem;
	box-shadow: 0 2px 18px rgba(0,0,0,0.05);
}

/* ==== */

.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;
}

.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-break: 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: #ffffff;
	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: #ffffff;
	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-radius: 20px 0 20px 0;
	box-shadow: 0 2px 15px rgba(0,0,0,0.05);
    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 .tile small {
	display: block;
	margin-top: 5px;
	font-size: 50% !important;
}

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;
}

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: 110%;
	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.05);
	background: #ffffff;
	border-radius: 20px 0 20px 0;
	overflow: hidden;
}

.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: #FAD02D;
	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(45deg, #DA9500 0%, #FAD02D 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: 20px 0 20px 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;
}
/* new */
.browse .selectWrap .label {
	margin-bottom: 5px;
	font-size: 1.6rem;
}
.browse input[type="submit"], .browse input[type="button"],
.browse button {
	width: 100%;
	margin-bottom: 5px;
}

.browse select,
.browse .selectWrap /* new */ {
	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: uppercase;
	letter-spacing: 1px;

	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 20px 0 20px;
}

.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;
}

.galleryImage {
	display: block;
	position: relative;
	z-index: 1;
}


.galleryImage .zoom {
	display: block;
	position: absolute;
	top: 1.6rem;
	left: 1.6rem;
	z-index: 5;
	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: #FAD02D;
	border-radius: 20px 0 20px 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: 20px 0 20px 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;		
}

.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: #E20613;   /*#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;
}
.cCards img { height: 34px !important; padding-left: 5px; }

.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;
}

.block {
	display: block;
}

a.vs-note, a.vsp-note 
{ 
	color: #000000;
	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;
	border-radius: 20px 0 20px 0;
	margin-bottom: 2.4rem;
}

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

.full {
	width: 100%;
}

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

.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, #202020 0, #202020 144px, #F2F2F2 144px, #F2F2F2 100%);
}

.container.grey {
	background: #F2F2F2;
}

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

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

.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: 20px 0 20px 0;
	box-shadow: 0 2px 15px rgba(0,0,0,0.2);
}
.callout.yellow img {
	display: block;
	margin: 0 auto !important;
	padding: 25px 50px;
}
/* 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 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: #FAD02D;
	box-shadow: none;
	color: #000000;
}

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

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

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

.callout input[type="text"],
.callout input[type="tel"],
.callout input[type="email"],
.callout textarea,
input[type="text"].solid,
input[type="tel"].solid,
input[type="email"].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;
	text-align: center;
	padding: 1.3rem 4.8rem;
	border-radius: 5px;
	color: #000000;
	font-size: 2rem;
	line-height: 100%;
	margin-bottom: 20px;
	font-weight: bold;
	background-color: #FAD02D;
	border: 2px solid #FAD02D;
	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: #E20613;
	background-color: #E20613;
}

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

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

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

.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.extrasmall {
    padding: 1.0rem;
    font-size: 1.4rem;
}
.btn.block {
	display: block;
	text-align: center;
}

.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: 16px;
	vertical-align: -3px;
	margin-right: 0.8rem;
	background: url('images/ico-left-red-chevron.svg');
	background-size: 10px 16px;
	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 {

}

.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;
}

/* ========================================================================== *\
   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;
	/*margin-top: -1.6rem;*/
}
.errorMessage p {
	padding-bottom: 1.6rem;
}

.errorCartField, #checkoutForms .errorField {
	display: block;
	color: #E00512;
	font-size: 1.2rem;
	margin-top: -1.6rem  !important;
}

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

.successField {
	display: block;
	color: #2bba53;
	font-size: 1.2rem;
	margin-top: -1.6rem;
}

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

.inlineForm input[type="text"], .inlineForm input[type="search"] {
	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: #FAD02D;
	border-radius: 0 5px 5px 0;
	text-indent: -999999px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
input[type="text"].list-search, input[type="search"].list-search {
	background: url('images/ico-search-black.png') no-repeat scroll 11px 11px #FFF;
	background-size: 20px auto;
	padding-left: 40px;
	border: 1px solid #D5D5D5 !important;
	width: 89%;
}

.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 {
    -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 #202020;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

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;
	width: 150px;
}

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,
textarea.error {
	border-color: #E00512 !important;
}

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

.validationError {
	display: block;
	clear: both;
	color: #E00512;
	font-size: 14px;
	line-height: 20px;
	font-style: italic;
	margin: -10px 0 20px 0;
}

textarea {
	display: block;
	width: 100%;
	padding: 15px;
	margin-bottom: 20px;
	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: #000000;
	font-size: 1.6rem;
	line-height: 100%;
	margin-bottom: 20px;
	font-weight: bold;
	background-color: #FAD02D;
	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;
}

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

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: #FAD02D;
}

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: 2rem;
	color: #646464;
	font-size: 1.6rem;
	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: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
}

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

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

.checkboxes.alt [type="checkbox"]:not(:checked) + label, .checkboxes.alt [type="checkbox"]:checked + label {
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
}

[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);
}

/* 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: #FAD02D;
    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: #FAD02D;
    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: #FAD02D;
    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;
}

.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;
}




.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 img { padding: 15px; max-height: 75px; }
.singleResultLeft .galleryImage img.featured { padding: 25px; max-height: 300px; }


/*
#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;
}*/