/*New version 3.0*/
html {
	scroll-behavior: smooth;
}
body {
	color: #212121;
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 24px;
}
:root {
	--primary: #1ca3c2;
	--primary-hover: #358aa2;
	--primary-dark: #246574;
	--yellow: #f9c132;
	--bg-grey: #f1f1f1;
	--bg-grey-dark: #e8e8e8;
	--text: #212121;
	--bg-blur: blur(10px);
	--bg-blur-color: rgb(33 33 33 / 0.94);
	--box-shadow: 0px 3px 5px #0000004d;
	--box-radius: 20px;
	--input-radius: 50px;
	--red: #f5350b;
	--red-dark: #be3e21;
	--green: #14cf8a;
	--green-dark: #269b6f;
	--red-light: #f5350bcc;
	--green-light: #14cf8acc;
	--scroll-width: 5px;
	--primary-gradient: linear-gradient(180deg, var(--primary) 0%, var(--primary-dark) 100%);
	--dark-gradient: linear-gradient(180deg, #757575 0%, var(--text) 100%);
	--green-gradient: linear-gradient(180deg, var(--green) 0%, var(--green-dark) 100%);
	--red-gradient: linear-gradient(180deg, var(--red) 0%, var(--red-dark) 100%);
	--star-size: 15px;
	--star-color: #e0e0e0;
	--star-background: #ffc107;
}
/*fonts*/
/* cyrillic-ext */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 300;
	src: url(./fonts/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
	font-family: 'Montserrat';
	src: url(./fonts/Montserrat-Regular.ttf);
}
/* cyrillic */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 300;
	src: url(./fonts/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 300;
	src: url(./fonts/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 300;
	src: url(./fonts/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 300;
	src: url(./fonts/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
		U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
		U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 600;
	src: url(./fonts/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 600;
	src: url(./fonts/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 600;
	src: url(./fonts/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 600;
	src: url(./fonts/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 600;
	src: url(./fonts/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
		U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
		U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 800;
	src: url(./fonts/iJWKBXyIfDnIV7nMrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 800;
	src: url(./fonts/iJWKBXyIfDnIV7nFrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 800;
	src: url(./fonts/iJWKBXyIfDnIV7nDrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 800;
	src: url(./fonts/iJWKBXyIfDnIV7nPrXyw023e1Ik.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Rubik';
	font-style: normal;
	font-weight: 800;
	src: url(./fonts/iJWKBXyIfDnIV7nBrXyw023e.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
		U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
p {
	margin-bottom: 0px;
}
.form-control {
	border-radius: 20px;
	font-weight: 300;
}
.banner-wrapper {
	text-align: center;
}
.banner-wrapper .display-4 {
	font-size: 58px;
	line-height: 72px;
	font-weight: 500;
	letter-spacing: 1.74px;
	padding: 15px;
}
.banner-wrapper .lead {
	font-size: 16px !important;
	line-height: 28px;
	letter-spacing: -0.16px;
	padding: 10px;
}
.banner-wrapper #choose-form {
	padding: 25px;
}
.parallax-mirror {
	visibility: visible !important;
}
.btn {
	border-radius: 20px;
}
.btn.btn-primary,
.btn.btn-primary:hover {
	background: var(--primary);
	border-color: var(--primary);
	color: #ffffff;
	text-decoration: none;
	padding: 6px 15px;
	font-size: 0.9rem;
	height: 40px;
	border-radius: var(--box-radius);
	font-weight: 300;
}
.btn.btn-color-text,
.btn.btn-color-text:hover {
	color: var(--primary);
}
.btn-filter {
	border: 2px solid #9e9e9e;
	color: #9e9e9e;
	margin: 10px 4px;
	padding: 6px 18px;
}
.btn-filter.active,
.btn-filter:hover {
	color: #1ca3c2;
	background: #d2edf3;
	border-color: #d2edf3;
}
.btn-filter:first-of-type {
	margin-left: 0px;
}
.btn-filter:last-of-type {
	margin-right: 0px;
}
.card {
	border-radius: var(--box-radius);
	background: var(--bg-grey);
	border-color: transparent;
}
.card.card-white {
	background: #ffffff;
}
.verticle-middle {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.verticle-middle.text-left {
	justify-content: flex-start;
}
.verticle-middle.text-right {
	justify-content: flex-end;
}
.pointer,
.custom-control-label {
	cursor: pointer;
}
.announcement-banner {
	color: #212121;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 0.55px;
	text-align: center;
	text-transform: uppercase;
	text-align: center;
	padding: 8px;
	background-color: #ffc107;
	font-weight: 300;
	width: 100%;
}
.announcement-banner .bold {
	font-weight: 900;
}
.navbar {
	padding: 0px;
	background: #ffffff;
	background: transparent linear-gradient(90deg, #19b9de 0%, #0edfc3 100%) 0% 0% no-repeat padding-box;
	box-shadow: 0px 1px 4px #00000029;
}
.navbar-header .vin-top-container {
	border: 1px solid #e0e0e0;
	border-radius: 50px;
	margin: 10px auto;
	width: 100%;
	max-width: 335px;
}
.header-logo {
	max-height: 60px;
	padding: 10px;
}
.header-height {
	height: 60px;
	min-height: 60px;
}
.sidenav {
	height: 100%;
	width: 0;
	position: absolute;
	z-index: 1;
	top: auto;
	left: 0;
	overflow-x: hidden;
	transition: 0.4s;
	height: 100%;
	margin-top: 0px;
	min-height: 100vh;
	z-index: 9999;
	/*    background-color: #FFFFFF;*/
	background: #0edfc3;
	box-shadow: 0px 1px 4px #00000029;
	padding-bottom: 70px;
}
.sidenav .sidebar-wrapper {
	background: #ffffff;
	margin: 0px 0px 3px 3px;
	height: 100%;
}
.sidenav .sidenav-link .icon {
	height: 20px;
	width: 20px;
	margin-right: 10px;
}
.sidenav .sidenav-link,
.sidenav .sidenav-link.username {
	padding: 8px 20px;
	text-decoration: none;
	text-decoration: none;
	font-size: 0px;
	line-height: 20px;
	color: #21212180;
	display: block;
	transition: 0.3s;
	text-transform: uppercase;
	font-weight: 500;
	-webkit-transition: font-size 0.4s;
	-moz-transition: font-size 0.4s;
	-o-transition: font-size 0.4s;
	transition: font-size 0.4s;
}
.sidenav-link-wrapper {
	padding: 10px 20px;
}
.sidenav .sidenav-link:hover,
.sidenav .sidenav-link.act-color {
	color: var(--color);
	border: 1px solid #e0e0e0;
	border-radius: 20px;
}
.sidenav .sidenav-link,
.sidenav .sidenav-link.act-color {
	font-size: 0px;
	border: 1px solid transparent;
}

.sidenav .sidenav-link:hover .color,
.sidenav .sidenav-link.act-color .color {
	color: var(--primary);
}
.sidenav.show .sidenav-link,
.sidenav.show .sidenav-link.act-color {
	font-size: 12px;
}
.min-size {
	min-width: 200px;
}
.navbar-default .top-wrapper {
	position: relative;
	display: block;
	background: #ffffff;
	margin-bottom: 3px;
}
.sidenav.show {
	width: 100%;
}
.menu-btn-alignment svg,
.menu-btn-alignment img {
	height: 32px;
}
.cart-icon,
.cart-icon:hover {
	position: relative;
	text-decoration: none;
}
.cart-icon svg {
	fill: var(--primary);
	margin: 0px 5px;
}
.cart-icon.empty-cart svg {
	fill: #e0e0e0;
}
.cart-icon .badge-info {
	font-size: 12px;
	line-height: 10px;
	font-weight: 300;
	border-radius: 50%;
	position: absolute;
	top: 0px;
	right: 0px;
	min-width: 16px;
	text-decoration: none;
}
#top-vin-number p {
	font-size: 16px;
	line-height: 24px;
	padding: 0px 10px 10px;
}
#top-vin-number .vin-number {
	color: #14cf8a;
	font-weight: 500;
}
#top-vin-number .vin-delete {
	color: var(--primary);
	font-weight: 500;
}

#vin-top {
	border: 0px;
	outline: none;
	box-shadow: unset;
}
.navbar-header .vin-top-container .vin-search-icon {
	padding: 10px;
	cursor: pointer;
}
.vin-input::-webkit-input-placeholder {
	text-align: center;
}

.vin-input:-moz-placeholder {
	/* Firefox 18- */
	text-align: center;
}

.vin-input::-moz-placeholder {
	/* Firefox 19+ */
	text-align: center;
}

.vin-input:-ms-input-placeholder {
	text-align: center;
}
.btn-menu {
	border: 0px;
	background: transparent;
}
.btn-menu svg {
	height: 18px;
	fill: var(--primary);
	width: 25px;
}

.nav-menu-icon {
	width: 31px;
	height: 23px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	cursor: pointer;
}

.nav-menu-icon span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: var(--primary);
	border-radius: 6px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.nav-menu-icon span:nth-child(1) {
	top: 3px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.nav-menu-icon span:nth-child(2) {
	top: 12px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.nav-menu-icon span:nth-child(3) {
	top: 21px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.btn-menu[aria-expanded='true'] .nav-menu-icon span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 1px;
	left: 5px;
}

.btn-menu[aria-expanded='true'] .nav-menu-icon span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

.btn-menu[aria-expanded='true'] .nav-menu-icon span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 23px;
	left: 5px;
}
.big-checkbox .custom-control-label {
	/*    width: 100%;*/
	font-size: 14px;
	line-height: 34px;
}
.big-checkbox .custom-control-label::after,
.big-checkbox .custom-control-label::before {
	width: 1.4rem;
	height: 1.4rem;
	font-size: 28px;
	font-weight: 300;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	content: 'x';
	color: var(--primary);
	text-align: center;
	background-image: unset;
	top: -1px;
	font-size: 16px;
}
.big-checkbox.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	top: 1px;
	font-size: 28px;
	margin-top: -4.7px;
}
.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: var(--primary);
	background-color: #ffffff;
}
.text-color,
.blue {
	color: var(--primary);
}
.text-green {
	color: var(--green);
}
.text-black {
	color: var(--text);
}
.font-bold {
	font-weight: 500;
}
.btn-animate-icon:hover i {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: shake;
	animation-name: shake;
}
.disabled.btn-animate-icon:hover i {
	-webkit-animation-duration: 0s;
	animation-duration: 0s;
}
.disabled.btn {
	cursor: not-allowed;
}
#choose-form .btn {
	width: 100%;
	max-width: 200px;
}
.banner-wrapper .jumbotron {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
	border-radius: 0px;
	margin: 0px;
}
.section-wrapper {
	text-align: center;
	padding-top: 150px;
}
.section-wrapper .heading {
	font-size: 58px;
	line-height: 72px;
	font-weight: 500;
	letter-spacing: 1.74px;
}
.code-with-us-wrapper img {
	height: 85px;
	width: auto;
	margin-bottom: 10px;
}
.code-with-us-wrapper .title {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	margin-bottom: 10px;
}
.code-with-us-wrapper .desc {
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	margin-bottom: 10px;
}
.how-to-code-video {
	background: url('../img/banner/how-to-code-bg.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.how-to-code-video img {
	max-width: 100%;
}
.product-grid {
	padding-top: 30px;
	padding-bottom: 30px;
	display: grid;
	width: 100%;
	/*    max-width: 750px;*/
	margin: 0 auto;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(4, 1fr);
	grid-gap: 28px;
	grid-auto-flow: row dense;
	grid-template-rows: repeat(1, 1fr);
}
.product-grid .show-product-details {
	grid-column: span 2;
	grid-row: span 2;
}
.product-grid .product-grid-item {
	height: 100%;
}
.product-grid .product-wrapper {
	background: transparent;
	box-shadow: unset;
	border-radius: 20px;
	overflow: hidden;
	text-align: left;
	margin-top: 0px;
}
.show-product-details.product-wrapper .product-image {
	height: auto;
	max-height: unset;
}
.product-wrapper,
.product-grid .product-wrapper .card {
	background: #f1f1f1;
	-moz-box-shadow: 0px 3px 5px #0000004d;
	-webkit-box-shadow: 0px 3px 5px #0000004d;
	box-shadow: 0px 3px 5px #0000004d;
	border-radius: 20px;
	overflow: hidden;
	text-align: left;
	margin-top: 30px;
}
.product-grid .product-wrapper .card {
	height: calc(100% - 46px);
	margin-top: 0px;
	min-height: 320px;
	margin: 1px;
	margin-bottom: 0px;
}
.product-grid .product-wrapper .product-name {
	padding-top: 10px;
	min-height: 40px;
}
.product-grid .product-wrapper.show-product-details .product-name {
	min-height: initial;
	padding-top: 37px;
}
.product-grid .button-wrapper {
	/*
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
*/
	text-align: center;
}
.product-wrapper .card .row.no-gutters {
	/*    height: calc(100% - 96px);*/
	height: 100%;
}
.show-product-details.product-wrapper .card.align-top .row.no-gutters {
	/*    height: calc(100% - 56px);*/
}
.product-main-content {
	height: calc(100% - 216px);
}
.product-grid .button-wrapper .product-price {
	padding: 4px 20px 8px;
	text-align: center;
}
.product-grid .button-wrapper .product-price .strike,
.show-product-details.product-wrapper .product-price .strike {
	color: #ff0000;
	font-size: 15.79px;
	line-height: 18.71px;
	text-decoration-line: line-through;
}
#top-seller .product-wrapper .product-price .strike,
.gen-price-disc {
	color: #ff0000;
	font-size: 12.9742px;
	line-height: 15px;
	text-decoration-line: line-through;
}
.product-grid .clickAble {
	cursor: pointer;
	/*    max-height: 82px;*/
	position: relative;
}
.cable-tag {
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
	background: var(--primary);
	color: #ffffff;
}
.cable-tag.cable {
	background: #0edfc3;
}
.cable-tag .text {
	font-size: 14px;
	line-height: 16px;
	/*
    writing-mode: vertical-rl;
    text-orientation: mixed;
*/
	padding: 10px;
	margin: 0px;
	position: relative;
	height: 100%;
}
.cable-tag .text span {
	display: inline-block;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	position: absolute;
	right: -6px;
	bottom: 20px;
}
.cable-tag.cable .text span {
	right: -10px;
	bottom: 25px;
}
.icon-wrapper {
	min-height: 120px;
	padding: 35px 0px;
}
.product-wrapper .product-name {
	font-size: 16px;
	line-height: 14px;
	padding: 20px 20px 8px 20px;
	font-weight: 500;
	margin: 0px;
}
.product-wrapper .product-price {
	font-size: 20px;
	line-height: 28px;
	padding: 0px 20px 20px 20px;
	font-weight: 500;
	margin: 0px;

	color: #000;
	font-family: 'Rubik';
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.strike {
	color: #f00 !important;
	font-family: 'Rubik' !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: normal !important;
	text-decoration-line: line-through !important;

	margin-right: 2px;
}

.show-product-details.product-wrapper .product-price {
	padding: 0px 20px 0px 20px;
}
.product-wrapper .product-image {
	border-radius: 20px 0px;
	width: 100%;
	/*    height: 100%;*/
	object-fit: cover;
}
.product-wrapper .product-icon {
	/*
    max-height: 70%;
    margin: auto;
    max-width: 80%;
    width: 100%;
    min-height: 60px;
    margin: 10px auto;
*/
	background-color: #19b9de;
	height: 50px;
}
.product-wrapper .product-icon.cableTrue {
	background-color: #0edfc3;
}
.product-wrapper .product-icon.noVin {
	background-color: #1ca3c2;
}
.product-wrapper .product-icon.png-img {
	background: transparent;
	width: 50%;
	height: 50px;
	min-height: unset;
	object-fit: contain;
}
.product-wrapper.show-product-details .product-icon.png-img {
	width: 90%;
}
.wifi-added-msg {
	font-weight: 400;
}
.dt {
	display: table;
	width: 100%;
}
.dtc {
	display: table-cell;
}
.d-middle {
	vertical-align: middle;
}
.product-wrapper .product-desc {
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	margin: 0px;
	word-wrap: break-word;
	margin-top: 10px;
}
.product-wrapper .product-desc.max-3-lines {
	/*    min-height: 80px;*/
}
#top-seller .card-body {
	min-height: 120px;
}
#top-seller .product-wrapper .verticle-middle {
	max-height: 100px;
}
.product-desc .bullet {
	font-size: 30px;
	padding: 0px 5px 0px 10px;
	position: relative;
	top: 4px;
}
.product-moving-description {
	padding-bottom: 20px;
}
.hide-product-details .product-wrapper .product-desc,
.product-grid .product-wrapper.hide-product-details .product-desc {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.max-3-lines {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.max-2-line {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.max-4-line {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.product-wrapper .product-video {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 56.25%;
	background-color: var(--bg-grey-dark);
}
.product-wrapper .product-video iframe {
	max-width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
}
.product-wrapper .btn {
	width: 100%;
	max-width: 152px;
	margin-bottom: 20px;
	position: relative;
}
.product-wrapper .button-wrapper a.btn {
	line-height: 26px;
}
.product-wrapper .btn span {
	padding: 1.5px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.product-wrapper .btn i {
	position: absolute;
	top: 9px;
	left: 10%;
	/* background: var(--primary); */
	z-index: 1;
	font-size: 20px;
	font-weight: bold;
}
.eth-img {
	width: 100%;
}
.selected .product-wrapper .btn i,
.selected.product-wrapper .btn i {
	left: 80%;
	transform: rotate(45deg);
	animation-name: moveBtnIcon;
	animation-duration: 0.3s;
}
.unselected .product-wrapper .btn i,
.unselected.product-wrapper .btn i {
	left: 10%;
	transform: rotate(0deg);
	animation-name: moveBtnIconBack;
	animation-duration: 0.3s;
}
.selected.product-wrapper .btn.btn-primary,
.selected.product-wrapper .btn.btn-primary:hover,
.selected .product-wrapper .btn {
	border-color: #14cf8a;
	background: #14cf8a;
}
.installationStepCable,
.installationStepUsb {
	display: none;
}
.installationStepCable::before,
.installationStepUsb::before {
	content: ' ';
	width: 22px;
	height: 22px;
	position: relative;
	border: 2px solid #9e9e9e;
	display: inline-block;
	top: 6px;
	border-radius: 50%;
	left: -4px;
}
.installationStepCable.active::before,
.installationStepUsb.active::before {
	border: 4px solid #ffffff;
}
.installation-steps-wrapper .card {
	border-radius: var(--box-radius);
	min-height: 150px;
	text-align: center;
	margin-top: 14px;
	border: 0px;
}
.installation-steps-wrapper .card .title {
	font-size: 22px;
	line-height: 24px;
	font-weight: 500;
	color: #ffffff;
}
.installation-steps-wrapper .card p,
.installation-steps-wrapper .card a {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #ffffff;
}
.installation-steps-wrapper .card a {
	font-weight: 500;
	text-decoration: underline;
}
.installation-steps-wrapper .main-card {
	background: var(--primary);
}
.installation-steps-wrapper .usb-card {
	background: #19b9de;
}
.installation-steps-wrapper .non-usb-card {
	background: #0edfc3;
}
.installation-steps-wrapper .card.primary-card:before,
.installation-steps-wrapper .card.secondary-card:before {
	content: '\e965';
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	top: -15px;
}
.installation-steps-wrapper .usb-card.primary-card:before {
	background: -webkit-linear-gradient(#1ca3c2, #19b9de);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	right: 20px;
}
.installation-steps-wrapper .usb-card.secondary-card:before {
	color: #19b9de;
	left: 0;
	right: 0;
}

.installation-steps-wrapper .non-usb-card.primary-card:before {
	background: -webkit-linear-gradient(#1ca3c2, #0edfc3);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 20px;
}
.installation-steps-wrapper .non-usb-card.secondary-card:before {
	color: #0edfc3;
	left: 0;
	right: 0;
}
.section-review-wrapper {
	text-align: center;
	font-weight: 300;
	padding: 33px 0px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
}
.section-review-wrapper .name {
	font-weight: 500;
	letter-spacing: 0.16px;
}
.section-review-wrapper .location {
	font-size: 14px;
	letter-spacing: 0.14px;
	margin-bottom: 30px;
}
.section-review-wrapper .comment {
	letter-spacing: -0.16px;
	margin-bottom: 30px;
}
.section-review-wrapper .rating i {
	font-size: 20px;
	color: var(--yellow);
}
#customerReviews {
	display: grid;
	width: 100%;
	margin: 0 auto;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(1, 1fr);
	grid-gap: 30px;
}
#customerReviews .well {
	min-height: 20px;
	padding: 20px;
	/*    margin-bottom: 20px;*/
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
	text-align: left;
	height: 100%;
}
#customerReviews .ratings i {
	font-size: 15px;
	color: #e0e0e0;
}
#customerReviews .ratings i.active {
	color: #ffc107;
}
#customerReviews .rating-wrapper svg path {
	fill: #e0e0e0;
}
#customerReviews .rating-wrapper svg path.active {
	fill: #ffc107;
}
#customerReviews .date {
	font-size: 12px;
	line-height: 20px;
}
#customerReviews .name {
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
}
#customerReviews hr {
	margin: 10px 0px;
}
#customerReviews .car-name {
	font-size: 12px;
	line-height: 24px;
}
#customerReviews .title {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
}
#customerReviews .description {
	font-size: 14px;
	line-height: 20px;
}
#customerReviews .review-grid {
	grid-row: span 2;
}
#customerReviews .review-grid.show-less {
	grid-row: span 1;
}
#customerReviews .review-grid.show-less .description {
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#customerReviews .more-option {
	text-align: center;
	color: var(--primary);
	font-weight: 500;
	margin-top: 10px;
}
#customerReviews .review-grid .more-option .more,
#customerReviews .review-grid.show-less .more-option span.less {
	font-size: 0px;
	padding: 0px;
}
#customerReviews .review-grid.show-less .more-option span.more,
#customerReviews .review-grid .more-option span.less {
	font-size: inherit;
	cursor: pointer;
	padding: 10px;
}
#customerReviews .load-reviews {
	padding: 20px;
	text-align: center;
	color: var(--primary);
}
#customerReviews .rating-wrapper {
	height: 100%;
}
.user-review-stars {
	--percent: calc(var(--rating) / 5 * 100%);
	/*  display: inline-block;*/
	font-size: var(--star-size);
	font-family: Times;
	/*  line-height: 1;*/
}
.user-review-stars::before {
	/*   content: '★★★★★';*/
	content: '\2605 \2605 \2605 \2605 \2605';
	letter-spacing: 1px;
	background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.avg-rating .avg-title {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}
.avg-rating .avg-count {
	font-size: 58px;
	line-height: 54px;
	font-weight: 400;
}
.avg-rating .avg-total {
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 20px;
}
.coding-section-wrapper {
	font-weight: 300;
	text-align: initial;
	padding: 40px;
	height: 100%;
}
.coding-section-wrapper.desc {
	padding-right: 0px;
}
.coding-section-wrapper.image-bg {
	padding-left: 0px;
}
.coding-section-wrapper .description-section p {
	color: #9e9e9e;
	line-height: 28px;
	margin-bottom: 10px;
}
.coding-section-wrapper.image-bg {
	margin-left: 0px;
	height: 100%;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	text-align: right;
	border-radius: 0px 20px 20px 0px;
}
.coding-section-wrapper .image-section p {
	color: #ffffff;
	text-align: right;
	font-size: 32px;
	line-height: 36px;
}
.coding-section-wrapper p span {
	color: inherit;
}
.coding-section-wrapper .description-section,
.coding-section-wrapper .image-section {
	border: 4px solid #ffffff;
	padding: 40px;
	height: 100%;
	-webkit-box-shadow: 0px 3px 6px #00000029, inset 0px 3px 6px #00000029;
	-moz-box-shadow: 0px 3px 6px #00000029, inset 0px 3px 6px #00000029;
	-o-box-shadow: 0px 3px 6px #00000029, inset 0px 3px 6px #00000029;
	box-shadow: 0px 3px 6px #00000029, inset 0px 3px 6px #00000029;
}
.coding-section-wrapper .description-section {
	border-right: 0px;
}
.coding-section-wrapper .image-section {
	border-left: 0px;
}
.min-wrapper {
	text-align: center;
	background: var(--bg-grey);
	padding: 7.5px;
	font-size: 16px;
	line-height: 24px;
}

.sorting {
	padding: 0px;
	justify-content: flex-end;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 8px;
}
.custom-dd button {
	font-size: 14px;
	line-height: 34px;
	height: 40px;
	position: relative;
	display: block;
	min-width: 140px;
	border: 1px solid var(--text);
	box-shadow: none !important;
}
.sorting .dropdown-menu.show {
	display: block;
	max-width: 140px;
	min-width: 140px;
	transform: translate3d(0px, 40px, 0px) !important;
	border: 1px solid var(--text);
	border-top: none;
	border-radius: 0px 0px 20px 20px;
	margin-top: 0px;
	padding: 0px;
}
.sorting .dropdown-item {
	font-size: 14px;
	line-height: 32px;
	text-align: right;
	cursor: pointer;
}
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item.active {
	background-color: transparent;
	font-weight: 500;
}
.dropdown-item:focus span,
.dropdown-item:hover span,
.dropdown-item.active span {
	text-decoration: underline;
}
.sorting .dropdown-menu .dropdown-item:last-of-type:hover {
	border-radius: 0px 0px 20px 20px;
}
.custom-dd.show button {
	border-radius: 20px 20px 0px 0px;
	border-bottom: none;
	max-width: 140px;
}
.product-section-wrapper .product-wrapper {
	height: 100%;
	/*    height: calc(100% - 39px);*/
	margin: 0px;
	position: relative;
	padding-bottom: 2px;
	order: 1;
}
.product-section-wrapper .product-wrapper.searchedById {
	order: 0;
}
.product-section-wrapper .hide-filters {
	max-height: 0;
	transition: max-height 1s ease-out;
	overflow: hidden;
}
.product-section-wrapper .show-filters {
	max-height: 100%;
	transition: max-height 1s ease-in;
	overflow: hidden;
}
.show-details {
	padding: 10px 20px;
	border: 2px solid var(--primary);
	border-top: none;
	border-radius: 0px 0px var(--box-radius) var(--box-radius);
	color: var(--primary);
	outline: unset;
	background: #ffffff;
	color: var(--primary);
}
.show-details span,
.show-details i {
	color: var(--primary);
}

.product-progress {
	height: 10px;
	border-radius: 2px;
}

.product-progress .progress-bar {
	background: var(--primary);
	transition: width 1s;
}

.product-progress-title {
	text-align: center;
	font-weight: 300;
}

.product-progress-title p {
	margin: 6px 0px;
	font-size: 11px;
	line-height: 24px;
}

.product-progress-title .btn-transparent {
	color: var(--primary);
}
.selected-upgrades-wrapper .card.card-white {
	padding: 5px 20px;
	margin-bottom: 2px;
}
.selected-upgrades-wrapper .card.card-white .name {
	text-align: left;
	font-size: 14px;
	line-height: 20px;
}
.selected-upgrades-wrapper .card.card-white .price {
	text-align: right;
	font-size: 14px;
	/*    padding-right: 20px;*/
	line-height: 12px;

	color: #1e1e1e;
	text-align: right;
	font-family: 'Montserrat';
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.cart-products .product-icon {
	height: 100%;
	width: 100%;
	background: #19b9de;
	min-height: 32px;
}
.cart-products .product-icon.cableTrue {
	background: #0edfc3;
}
.cart-products .strike {
	color: #f00 !important;
	text-align: right !important;
	font-family: 'Montserrat' !important;
	font-size: 10px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: normal !important;

	display: block;
	margin-right: 0 !important;
}
.add-cable-section {
	text-align: left;
	padding: 20px;
}
.cable-49-desc,
.terms-and-conditions {
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0.12px;
	color: #757575;
	text-align: left;
}
.terms-and-conditions p {
	margin-bottom: 10px;
}
.terms-and-conditions p:last-child {
	margin-bottom: 0px;
}
.terms-and-conditions .terms-title {
	color: #000000;
}
.terms-and-conditions .btn.btn-text {
	color: var(--primary);
	outline: unset;
	box-shadow: none;
}
.terms-and-conditions .btn-text[aria-expanded='false'] .less,
.terms-and-conditions .btn-text[aria-expanded='true'] .more {
	display: none;
}
.btn-big,
.btn.btn-addtocart,
.btn.btn-addtocart:hover {
	padding: 13px 10px;
	height: 50px;
	border-radius: 40px;
}
.btn.btn-addtocart,
.btn.btn-addtocart:hover {
	width: 100%;
	max-width: 275px;
	font-size: 18px;
	font-weight: 300;
	padding: 10px;
}
.btn.btn-addtocart i {
	font-size: 22px;
}
.search-screen,
.transparent-modal,
.theme-modal {
	background: var(--bg-blur-color);
	backdrop-filter: var(--bg-blur);
	-webkit-backdrop-filter: var(--bg-blur);
}
.transparent-modal .modal-content {
	background-color: transparent;
	border: none;
}
.video-image-holder img {
	height: 122px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
}
#videoModal,
#youtubeIframe {
	max-width: 100%;
}
.video-carousel a {
	display: block;
	padding: 0px;
	margin: 0px;
}
#videoModal .modal-body {
	padding: 0px;
}
.theme-modal .modal-content {
	border-radius: 20px;
}
.theme-modal .modal-header {
	border: none;
}
.theme-modal .modal-header .close {
	opacity: 1;
	font-size: 30px;
}
.theme-modal .modal-body {
	padding: 1rem 50px 2rem;
}
.theme-modal .modal-title {
	display: block;
	width: 100%;
	font-size: 28px;
	line-height: 36px;
}
.theme-modal .subtitle-msg {
	font-size: 14px;
	line-height: 20px;
}
.theme-modal .footer-msg {
	font-size: 11px;
	line-height: 20px;
	font-weight: 500;
}

.theme-modal .modal-title,
.theme-modal .subtitle-msg,
.theme-modal .footer-msg {
	text-align: center;
}

.slick-track .carousel-wrapper {
	padding: 2px 8px;
	outline: none;
	height: auto;
}
.section-video-wrapper {
	text-align: left;
	font-weight: 300;
	padding: 41.5px 0px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
}
.tips-wrapper .blog-img {
	max-width: 100%;
	width: 100%;
	border-radius: var(--box-radius);
	-o-object-fit: cover;
	object-fit: cover;
	min-height: 226px;
}
.tips-wrapper .card {
	display: block;
	margin-bottom: 20px;
	-moz-box-shadow: 0px 3px 5px #0000004d;
	-webkit-box-shadow: 0px 3px 5px #0000004d;
	box-shadow: 0px 3px 5px #0000004d;
	border: 0px;
	text-align: left;
}
.tips-wrapper .card.tip-link,
.tips-wrapper .card.tip-link:hover {
	text-decoration: none;
	color: initial;
}
.tips-wrapper .date {
	font-size: 12px;
	line-height: 16px;
	text-align: right;
	margin-bottom: 10px;
}
.tips-wrapper .name {
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	margin-bottom: 15px;
}
.accordion {
	background-color: var(--bg-grey);
	border-radius: var(--box-radius);
	margin-bottom: 10px;
	border: 0px !important;
	box-shadow: unset;
	position: relative;
}
.accordion .question-name.active::after {
	content: '\f068';
}
.accordion .accordion-title,
.accordion .accordion-desc {
	font-size: 16px;
	line-height: 24px;
	padding: 7px 20px;
	margin: 0px;
	text-align: left;
}
.accordion .accordion-title {
	font-weight: 500;
	cursor: pointer;
	outline: none;
	box-shadow: unset;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	letter-spacing: 0.16px;
	text-decoration: none;
	color: var(--text);
	padding-right: 48px;
}
.accordion .accordion-desc {
	padding-top: 0px;
	padding-bottom: 10px;
}
.accordion .accordion-title::before,
.accordion .accordion-title::after {
	content: '';
	position: absolute;
	top: 19px;
	right: 20px;
	width: 20px;
	height: 2px;
	background: var(--primary);
}
.accordion .accordion-title::before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.accordion .accordion-title::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.accordion .accordion-title[aria-expanded='true']::after,
.accordion .accordion-title[aria-expanded='true']::before {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.accordion a {
	color: var(--primary);
}
.hr {
	border-top: 1px solid #e0e0e0;
}
.mh-82 {
	min-height: 82px;
}
.subscribe {
	font-size: 18px;
	line-height: 24px;
	padding: 0px;
	border: 1px solid #e0e0e0;
	border-radius: var(--box-radius);
	margin-bottom: 70px;
}
.subscribe .subscript-img {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	border-radius: 20px 0px 0px 20px;
	max-height: 200px;
}
#mc-embedded-subscribe-form {
	padding: 20px;
}
#mc-embedded-subscribe-form p {
	text-align: left;
	font-size: 18px;
	line-height: 24px;
}
.subscribe-wrapper {
	border: 1px solid #e0e0e0;
	border-radius: 50px;
	padding: 2px;
}
#input-Subscribe {
	border: 0px;
	padding: 4px 12px;
	height: 34px;
	outline: none;
	box-shadow: none;
}
#button-Subscribe {
	height: 36px;
	border-radius: 20px;
}
.social-share svg {
	width: 35px;
	margin: 70px auto;
}
a.facebook svg .st1,
a.instagram svg .st1,
a.linkedin svg .st1,
a.youtube svg .st1,
a.mail svg .st1,
a.twitter svg .st1 {
	fill: #ffffff;
}
.footer-message {
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 70px;
}
.copy-rights {
	text-align: center;
	background: #212121;
	color: #ffffff;
	font-size: 12px;
	line-height: 14.4px;
	padding: 8px;
}
#vin-form input {
	max-width: 300px;
	margin: auto;
	border: 1px solid #e0e0e0;
}
#vin-form .btn {
	max-width: 200px;
	margin: auto;
	width: 100%;
}
#toast-container {
	top: calc(50% - 31px);
	left: 0px;
	width: 100%;
}
#toast-container > div {
	opacity: 0.9;
	margin: auto;
}
.loading {
	position: relative;
	cursor: default;
	pointer-events: none;
}
.loading:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	height: 100%;
	z-index: 100;
}
.loading:after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	margin: -1.5em 0 0 -1.5em;
	width: 3em;
	height: 3em;
	-webkit-animation: form-spin 0.6s linear;
	animation: form-spin 0.6s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 500rem;
	border-color: #757575 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
	border-style: solid;
	border-width: 0.2em;
	-webkit-box-shadow: 0 0 0 1px transparent;
	box-shadow: 0 0 0 1px transparent;
	visibility: visible;
	z-index: 101;
}
/*skeleton loader starts*/
.skeleton-box {
	position: relative;
	overflow: hidden;
	width: 100%;
	background-color: var(--bg-grey);
}
.skeleton-box::after,
.product-video:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: translateX(-100%);
	background-image: linear-gradient(
		90deg,
		rgba(255, 255, 255, 0) 0,
		rgba(255, 255, 255, 0.2) 20%,
		rgba(255, 255, 255, 0.5) 60%,
		rgba(255, 255, 255, 0)
	);
	animation: shimmer 2s infinite;
	content: '';
}
@keyframes shimmer {
	100% {
		transform: translateX(100%);
	}
}
.code-with-us-wrapper .card-link {
	text-decoration: none;
	color: #212121;
}
/*skeleton loader ends*/
@-webkit-keyframes form-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes form-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}
@keyframes moveBtnIcon {
	0% {
		left: 10%;
		transform: rotate(0deg);
	}
	100% {
		left: 80%;
		transform: rotate(45deg);
	}
}
@keyframes moveBtnIconBack {
	0% {
		left: 80%;
		transform: rotate(45deg);
	}
	100% {
		left: 10%;
		transform: rotate(0deg);
	}
}
#top-seller .product-wrapper .product-icon {
	width: 100%;
}
.bf-22-wrapper {
	display: none;
}
.header-msg.performance-wrapper {
	background: #000;
	line-height: 23px;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: 0.0025em;
	color: #ffffff;
	text-align: center;
}
.header-msg.performance-wrapper .bf23phblueHeading {
	font-family: 'Montserrat', sans-serif;
	font-size: 22px !important;
	font-weight: 800 !important;
	line-height: 32px;
	letter-spacing: 0em;
	color: #ffff;
	background-color: #1ca3c2;
	text-transform: uppercase;
	padding-left: 7px;
	padding-right: 7px;
	text-shadow: -1px 1px 0px rgba(0, 0, 0, 1);
}
.header-msg.performance-wrapper .bf23ap10po {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 800 !important;
	line-height: 25px;
	letter-spacing: 0em;
	text-transform: uppercase;
	color: #ffff;
	margin-left: 30px;
	margin-right: 30px;
	display: inline-block;
}
#promo-header .container-fluid {
	padding-top: 3px;
	padding-bottom: 3px;
}
@media only screen and (min-width: 767px) {
	.banner-wrapper .jumbotron {
		padding: 6rem 2rem;
	}
}
@media only screen and (max-width: 767px) {
	.bf23jubptron .bt-23-card-title-blue {
		font-size: 35px;
	}
}
@media only screen and (max-width: 767px) {
	.banner-wrapper .display-4 {
		font-size: 36px;
		line-height: 42px;
		letter-spacing: 0px;
	}
	.banner-wrapper {
		height: calc(100vh - 60px);
		display: table;
	}
	.banner-wrapper .jumbotron {
		margin-bottom: 0px;
		height: 100%;
		display: table-cell;
		vertical-align: middle;
	}
	.section-wrapper .heading {
		font-size: 36;
		line-height: 42px;
		letter-spacing: 0px;
	}
	.product-wrapper .product-name,
	.product-wrapper .product-price {
		background: var(--bg-grey);
	}
	.product-wrapper .product-name {
		padding-top: 10px;
	}
	.product-wrapper .product-price {
		padding-bottom: 10px;
	}
	.card.product-wrapper .card-body {
		padding-top: 0px;
	}
	.installation-steps-wrapper .heading {
		padding: 0px 50px;
	}
	.installation-steps-wrapper .card .title {
		font-size: 18px;
	}
	.installation-steps-wrapper .card p,
	.installation-steps-wrapper .card a {
		font-size: 14px;
	}
	.installation-steps-wrapper .usb-card.primary-card:before,
	.installation-steps-wrapper .non-usb-card.primary-card:before {
		left: 0;
		right: 0;
	}
	.coding-section-wrapper .description-section,
	.coding-section-wrapper .image-section {
		padding: 30px;
	}
	.coding-section-wrapper.image-bg {
		padding: 20px 20px 0px 20px !important;
		border-radius: 20px 20px 0px 0px;
		min-height: 420px;
	}
	.coding-section-wrapper .image-section {
		border: 4px solid #ffffff;
		border-bottom: 0px;
	}
	.coding-section-wrapper .image-section p {
		font-size: 26px;
	}
	.coding-section-wrapper.desc {
		padding: 20px;
		padding-top: 0px;
	}
	.coding-section-wrapper .description-section {
		border: 4px solid #ffffff;
		border-top: 0px;
		padding: 30px;
	}
	.product-section-wrapper .product-wrapper .product-name {
		font-size: 14px;
		line-height: 16px;
	}
	.show-product-details.product-wrapper .product-name {
		padding: 6px 10px 0px;
	}
	.show-product-details.product-wrapper .product-price {
		padding: 0px 10px 0px;
	}
	.product-section-wrapper .product-wrapper .product-desc {
		font-size: 12px;
		margin: 0px;
	}
	.product-section-wrapper .product-wrapper .product-price {
		font-size: 18px;
		line-height: 24px;
	}
	.show-details span,
	.show-details i {
		font-size: 14px;
		line-height: 24px;
	}
	.show-details {
		padding: 6.5px 15px;
	}
	.selected-upgrades-wrapper .card.card-white .price {
		text-align: left;
	}
	.tips-wrapper .name {
		font-size: 18px;
	}
	.accordion .accordion-title {
		font-size: 14px;
		line-height: 18px;
		letter-spacing: 0.14px;
		padding: 10px 20px;
		padding-right: 48px;
	}
	.footer-message {
		font-size: 22px;
		line-height: 28px;
	}
	.subscribe .subscript-img {
		min-height: 224px;
		border-radius: 20px 20px 0px 0px;
	}
	.product-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 11px;
	}
	.product-grid .icon-wrapper {
		max-height: 52px;
		height: 100%;
		text-align: center;
	}
	.product-grid .name-wrapper {
		height: auto !important;
	}
	.btn.btn-filter {
		/*        display: block;*/
		margin: 4px 4px 4px 0px;
	}
	/*
    .installationStepText,
    .installation-steps-wrapper .showStepUsb .stepCableDetails .non-usb-card.primary-card:before,.installation-steps-wrapper .showStepUsb .stepCableDetails .non-usb-card.secondary-card:before,
    .installation-steps-wrapper .showStepCable .stepUsbDetails .usb-card.primary-card:before,.installation-steps-wrapper .showStepCable .stepUsbDetails .usb-card.secondary-card:before{
        display: none;
    }
*/
	.installationStepText {
		display: none;
	}
	.installationStepCable,
	.installationStepUsb {
		display: inline-block;
		border: 1px solid #9e9e9e;
		padding: 0px 10px;
		border-radius: 20px;
		font-size: 14px;
		font-weight: 500;
		line-height: 35px;
	}
	.installationStepCable i,
	.installationStepUsb i {
		font-size: 24px;
		position: relative;
		top: 3px;
		color: #9e9e9e;
	}
	.installationStepUsb {
		color: #19b9de;
	}
	.installationStepCable {
		color: #0edfc3;
	}
	.installationStepUsb.active {
		background-color: #19b9de;
		border-color: #19b9de;
	}
	.installationStepCable.active {
		background-color: #0edfc3;
		border-color: #0edfc3;
	}
	.installationStepCable.active,
	.installationStepUsb.active,
	.installationStepCable.active i,
	.installationStepUsb.active i {
		color: #ffffff;
	}
	.installationStepCable.active svg path,
	.installationStepUsb.active svg path {
		fill: #ffffff;
	}
	.installation-steps-wrapper .showStepUsb .stepCableDetails,
	.installation-steps-wrapper .showStepCable .stepUsbDetails {
		position: absolute;
	}
	.installation-steps-wrapper .stepCableDetails,
	.installation-steps-wrapper .stepUsbDetails {
		z-index: 1;
	}
	.installation-steps-wrapper .showStepUsb .stepCableDetails,
	.installation-steps-wrapper .showStepCable .stepUsbDetails {
		z-index: 0;
		right: 110%;
		opacity: 0;
		-webkit-animation: linear;
		-webkit-animation-name: run;
		-webkit-animation-duration: 0.3s;
	}
	@-webkit-keyframes run {
		0% {
			left: 0;
			opacity: 0;
		}
		100% {
			left: 110%;
			opacity: 1;
		}
	}
	/*
    .installation-steps-wrapper .showStepUsb .stepCableDetails{
        position: absolute;
        padding: 0px;
        right: 0px;
        max-width: 7px;
    }
    .installation-steps-wrapper .showStepCable .stepUsbDetails{
        position: absolute;
        padding: 0px;
        left: 0px;
        max-width: 7px;
    }
    .installation-steps-wrapper .showStepUsb .stepCableDetails .title,.installation-steps-wrapper .showStepUsb .stepCableDetails p,.installation-steps-wrapper .showStepUsb .stepCableDetails a,
    .installation-steps-wrapper .showStepCable .stepUsbDetails .title,.installation-steps-wrapper .showStepCable .stepUsbDetails p,.installation-steps-wrapper .showStepCable .stepUsbDetails a{
        font-size: 0px;
    }
    .installation-steps-wrapper .showStepUsb .stepCableDetails .card-body{
        padding:0px;
    }
    .installation-steps-wrapper .showStepUsb .stepCableDetails .non-usb-card{
        border-radius: 40px 0px 0px 40px;
    }
    .installation-steps-wrapper .showStepCable .stepUsbDetails .usb-card{
        border-radius: 0px 40px 40px 0px;
    }
*/
	.stepUsbDetails,
	.stepCableDetails {
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	.sidenav {
		padding: 0px 3px 3px 0px;
		background: var(--bg-blur-color);
		backdrop-filter: var(--bg-blur);
		-webkit-backdrop-filter: var(--bg-blur);
	}
	.sidenav.show .sidebar-wrapper {
		height: calc(100vh - 55px);
		overflow-y: auto;
		margin: 0px;
		width: 100%;
		max-width: 287px;
		border-right: 3px solid #0edfc3;
	}
	.menu-btn-alignment .header-logo {
		margin-left: 30px;
	}
	.menu-btn-alignment .header-logo,
	.header-height {
		height: 60px;
		min-height: 60px;
	}
	.product-wrapper .product-icon {
		max-height: 82px;
		min-height: auto;
		margin: 0px auto;
	}
	.product-main-content {
		height: calc(100% - 216px);
	}
	#top-seller .product-wrapper .verticle-middle {
		max-height: 72px;
		margin: 5px auto;
	}
	.xs-hide {
		display: none;
	}
	.xs-show {
		display: inherit;
	}
	#customerReviews {
		grid-template-columns: repeat(1, 1fr);
	}
	.coding-section-wrapper.image-bg {
		max-height: 420px;
	}
	.coding-section-wrapper.desc,
	.coding-section-wrapper .description-section {
		height: auto !important;
	}
	#top-seller .card-body {
		min-height: 80px;
	}
	.cart-products .product-icon {
		height: auto;
	}
	.theme-modal .modal-title {
		font-size: 22px;
		line-height: 26px;
	}
	.theme-modal .subtitle-msg {
		padding: 0px 20px;
	}
	.theme-modal .modal-body {
		padding: 1rem 20px 2rem;
	}
	.header-msg.performance-wrapper .bf23phblueHeading {
		line-height: 22px;
	}
	.header-msg.performance-wrapper .bf23phst {
		display: inline-block;
		width: 100%;
		margin-top: -10px;
		font-size: 16px;
	}
	.header-msg.performance-wrapper {
		background-color: #1ca3c2;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1020px) {
	.product-wrapper .product-image {
		max-height: 100px;
	}
	.product-grid .product-wrapper .product-image,
	.product-grid .product-wrapper .icon-wrapper {
		max-height: 71px;
		height: 100%;
		text-align: center;
	}

	.installation-steps-wrapper .card {
		min-height: 200px;
		display: table;
		width: 100%;
	}
	.installation-steps-wrapper .card .card-body {
		display: table-cell;
		vertical-align: middle;
	}
	.product-grid {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 11px;
	}
	.show-product-details.product-wrapper .product-name {
		padding: 6px 10px 0px;
	}
	.show-product-details.product-wrapper .product-price {
		padding: 0px 10px 0px;
	}
	.footer-message {
		font-size: 22px;
		line-height: 32px;
	}
	.sidenav .sidebar-wrapper {
		height: auto;
	}
}
@media only screen and (min-width: 992px) {
	#promo-header .container-fluid {
		padding-top: 3px;
		padding-bottom: 3px;
	}
}
@media only screen and (min-width: 1280px) {
	.product-wrapper .product-image,
	.icon-wrapper,
	.product-grid .name-wrapper {
		max-height: 82px;
	}
	.icon-wrapper {
		height: 119px;
		margin: auto;
		text-align: center;
	}
	.coding-section-wrapper {
		padding: 20px;
	}
}
@media only screen and (min-width: 768px) {
	#mySidenav {
		background: transparent;
	}
	.sidenav .sidebar-wrapper {
		width: 287px;
		margin-left: auto;
		margin-bottom: 0px;
		border-left: 3px solid #0edfc3;
	}
	.sidenav.show {
		/*        width: 287px;*/
	}
	.sidenav {
		left: unset;
		right: 0;
		/*        box-shadow: -1px 10px 10px 0px #00000099;*/
	}
	.menu-btn-alignment {
		text-align: right;
	}
	.xs-show {
		display: none;
	}
	#top-seller .product-wrapper .product-price {
		padding-bottom: 0px;
	}
	#top-seller .product-wrapper .product-name {
		padding-right: 5px;
	}
}

@font-face {
	font-family: 'icomoon';
	src: url('./icons/icomoon.eot?fa8c9h');
	src: url('./icons/icomoon.eot?fa8c9h#iefix') format('embedded-opentype'),
		url('./icons/icomoon.ttf?fa8c9h') format('truetype'), url('./icons/icomoon.woff?fa8c9h') format('woff'),
		url('./icons/icomoon.svg?fa8c9h#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^='icon-'],
[class*=' icon-'] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-con-icon:before {
	content: '\e965';
}
.icon-arrow-right:before {
	content: '\e960';
	color: #fff;
}
.icon-arrow-left:before {
	content: '\e962';
	color: #fff;
}
.icon-arrow-up:before {
	content: '\e963';
}
.icon-arrow-down:before {
	content: '\e964';
}
.icon-plus:before {
	content: '\e961';
	color: #fff;
}
.icon-web-browser:before {
	content: '\e943';
}
.icon-box:before {
	content: '\e942';
}
.icon-car:before {
	content: '\e941';
}
.icon-Group-1487:before {
	content: '\e936';
}
.icon-Path-8781:before {
	content: '\e956';
}
.icon-Path-8791:before {
	content: '\e95c';
}
.icon-Path-8821:before {
	content: '\e95d';
}
.icon-Path-8901:before {
	content: '\e904';
}
.icon-newa:before {
	content: '\e900';
}
.icon-e412daca204e8c81f311a83f2f:before {
	content: '\e901';
}
.icon-b0f7d45d60b9590dc9d5f8888:before {
	content: '\e902';
}
.icon-a00f32da203fef21c6a3d107ea13:before {
	content: '\e903';
}
.icon-accessories:before {
	content: '\e905';
}
.icon-all-upgrades:before {
	content: '\e906';
}
.icon-Article-icocn:before {
	content: '\e90a';
}
.icon-attention:before {
	content: '\e907';
	color: #aaa;
}
.icon-BIN:before {
	content: '\e908';
}
.icon-blog1:before {
	content: '\e909';
}
.icon-car-audio-upgrades1:before {
	content: '\e916';
}
.icon-car-access-1:before {
	content: '\e90b';
	color: #fff;
}
.icon-car-access:before {
	content: '\e90c';
	color: #1ca3c2;
}
.icon-car-audio-1:before {
	content: '\e90d';
	color: #1ca3c2;
}
.icon-car-audio:before {
	content: '\e90e';
	color: #fff;
}
.icon-cart:before {
	content: '\e90f';
	color: #1ca3c2;
}
.icon-coding:before {
	content: '\e910';
	color: #1ca3c2;
}
.icon-Component-67--8 .path1:before {
	content: '\e911';
	color: rgb(0, 0, 0);
}
.icon-Component-67--8 .path2:before {
	content: '\e912';
	margin-left: -1em;
	color: none;
}
.icon-Component-67--8 .path3:before {
	content: '\e913';
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.icon-delivery:before {
	content: '\e914';
}
.icon-displays:before {
	content: '\e915';
	color: #fff;
}
.icon-doors--trunk-upgrades:before {
	content: '\e917';
}
.icon-easy-idrive-coding:before {
	content: '\e931';
}
.icon-ebc48c2587e1023b7ee2614923d5:before {
	content: '\e918';
}
.icon-edcccb2dd4d449949eb4cc01b691:before {
	content: '\e919';
}
.icon-front--backup-cameras:before {
	content: '\e91a';
}
.icon-Group-14871:before {
	content: '\e91b';
}
.icon-Group-1642:before {
	content: '\e91c';
}
.icon-Group-1645:before {
	content: '\e91d';
}
.icon-Group-1657:before {
	content: '\e91e';
}
.icon-instruction-coding:before {
	content: '\e91f';
}
.icon-iphone--android-integration:before {
	content: '\e920';
}
.icon-key-fobs:before {
	content: '\e921';
	color: #1ca3c2;
}
.icon-log-in:before {
	content: '\e922';
}
.icon-log-out:before {
	content: '\e923';
}
.icon-my-account:before {
	content: '\e924';
}
.icon-navigation-upgrades:before {
	content: '\e925';
}
.icon-navigation:before {
	content: '\e926';
	color: #fff;
}
.icon-oem-key-fobs1:before {
	content: '\e927';
}
.icon-order:before {
	content: '\e928';
}
.icon-parking-1:before {
	content: '\e929';
	color: #1ca3c2;
}
.icon-parking:before {
	content: '\e92a';
	color: #fff;
}
.icon-search:before {
	content: '\e92b';
}
.icon-Path-876:before {
	content: '\e92c';
	color: #1ca3c2;
}
.icon-Path-878:before {
	content: '\e92d';
}
.icon-Path-879:before {
	content: '\e92e';
}
.icon-Path-882:before {
	content: '\e92f';
}
.icon-Path-890:before {
	content: '\e930';
}
.icon-Path-975:before {
	content: '\e933';
}
.icon-Path-984:before {
	content: '\e932';
	color: #fff;
}
.icon-return:before {
	content: '\e934';
}
.icon-Right-Version-for-you .path1:before {
	content: '\e935';
	color: rgb(0, 0, 0);
}
.icon-Right-Version-for-you .path2:before {
	content: '\e95e';
	margin-left: -1em;
	color: none;
}
.icon-Right-Version-for-you .path3:before {
	content: '\e95f';
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.icon-Rounded-Rectangle-4:before {
	content: '\e937';
	color: #1ca3c2;
}
.icon-screen-upgrades1:before {
	content: '\e938';
}
.icon-Shape-7-copy-4:before {
	content: '\e939';
}
.icon-shipping:before {
	content: '\e93a';
}
.icon-siriusxm-activation1:before {
	content: '\e93b';
}
.icon-smartphone-1:before {
	content: '\e93c';
	color: #1ca3c2;
}
.icon-smartphone:before {
	content: '\e93d';
	color: #fff;
}
.icon-tech-support:before {
	content: '\e93e';
}
.icon-time:before {
	content: '\e93f';
}
.icon-VIN-2:before {
	content: '\e940';
}
.icon-VIN .path1:before {
	content: '\e944';
	color: rgb(224, 224, 224);
}
.icon-VIN .path2:before {
	content: '\e945';
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.icon-VIN .path3:before {
	content: '\e946';
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.icon-VIN .path4:before {
	content: '\e947';
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.icon-accessories1:before {
	content: '\e948';
}
.icon-all-upgrades1:before {
	content: '\e949';
}
.icon-blog:before {
	content: '\e94a';
}
.icon-car-audio-upgrades:before {
	content: '\e94b';
}
.icon-Component-67--81 .path1:before {
	content: '\e94c';
	color: rgb(0, 0, 0);
}
.icon-Component-67--81 .path2:before {
	content: '\e94d';
	margin-left: -1em;
	color: none;
}
.icon-Component-67--81 .path3:before {
	content: '\e94e';
	margin-left: -1em;
	color: rgb(255, 255, 255);
}
.icon-doors--trunk-upgrades1:before {
	content: '\e94f';
}
.icon-easy-idrive-coding1:before {
	content: '\e950';
}
.icon-front--backup-cameras1:before {
	content: '\e951';
}
.icon-instruction-coding1:before {
	content: '\e952';
}
.icon-iphone--android-integration1:before {
	content: '\e953';
}
.icon-log-in1:before {
	content: '\e954';
}
.icon-log-out1:before {
	content: '\e955';
}
.icon-my-account1:before {
	content: '\1f300';
}
.icon-navigation-upgrades1:before {
	content: '\e957';
}
.icon-oem-key-fobs:before {
	content: '\e958';
}
.icon-screen-upgrades:before {
	content: '\e959';
}
.icon-siriusxm-activation:before {
	content: '\e95a';
}
.icon-cart1:before {
	content: '\e95b';
	color: #1ca3c2;
}

.underline {
	text-decoration: underline;
}

/* Black frinday 2023 */
.bf23jubptron .bt-23-card-title-blue {
	font-family: 'Montserrat';
	font-size: 40px;
	font-weight: 800;
	line-height: 60px;
	letter-spacing: 0em;
	text-align: center;
	background: #1ca3c2;
	color: #1ca3c2;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	width: fit-content;
	padding-left: 40px;
	padding-right: 40px;
	margin-top: 30px;
	text-transform: uppercase;
	margin: 0 auto;
}
.bf23jubptron .bf23subHeadingBannerWarraper {
	width: 200px;
	margin: 0 auto;
	height: 52px;
	background-color: #ffffff;
	color: #000000;
}
.bf23jubptron .bf23subHeadingBannerWarraper .bf23BannerLeftColumn {
	width: 110px;
	text-align: right;
	font-family: 'Montserrat';
	font-size: 40px;
	font-weight: 800;
	line-height: 50px;
	letter-spacing: 0em;
	float: left;
}
.bf23jubptron .bf23subHeadingBannerWarraper .bf23BannerLeftColumn .col-7 {
	padding-left: 0px;
	padding-right: 0px;
}
.bf23jubptron .bf23subHeadingBannerWarraper .bf23BannerLeftColumn .col-5 {
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
}
.bf23jubptron .bf23subHeadingBannerWarraper .bf23BannerLeftColumn .percent {
	font-size: 23px;
	line-height: 23px;
	margin-top: 8px;
}
.bf23jubptron .bf23subHeadingBannerWarraper .bf23BannerLeftColumn .off {
	font-size: 10px;
	line-height: 10px;
}
.bf23jubptron .bf23subHeadingBannerWarraper .bf23BannerRightColumn {
	width: 90px;
	text-align: left;
	float: left;
}
.bf23jubptron .bf23subHeadingBannerWarraper .bf23BannerRightColumn h3 {
	font-size: 19px;
	line-height: 16px;
	width: 100%;
	color: #000000;
	font-weight: 800;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.bf23jubptron .bf23subHeadingBannerWarraper .bf23BannerRightColumn h3:nth-child(1) {
	margin-top: 9px;
}
.bf23jubptron .lead {
	color: #ffffff;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.bf23TopSaller {
	background-color: #000000;
	background-image: url(../../../assets/shop-new/black-friday-23/images/productHomeBG.png);
	background-repeat: no-repeat;
	background-size: contain;
	padding-bottom: 40px;
}
.bf23TopSaller .heading {
	color: #fff;
}
.bf23TopSaller .heading .text-color {
	color: #fff;
}
.bf23TopSaller #top-seller .card-body {
	color: white;
	background-color: black;
}
.bf23TopSaller .text-center {
	background-color: black;
}
.bf23TopSaller .product-wrapper .product-icon.noVin {
	background-color: #000000;
}
.bf23-tag {
	background-color: #333;
	color: white;
	right: auto;
	left: 0;
	text-transform: uppercase;

	padding: ;
}
.bf23-tag .text span {
	right: -39px;
	bottom: 48px;

	color: #fff;
	font-family: 'Rubik';
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.product-grid .button-wrapper .product-price .red {
	color: rgba(255, 0, 0, 1);
	font-family: Rubik;
	font-size: 17px;
	font-weight: 500;
	line-height: 23px;
	letter-spacing: 0em;
	text-align: left;
	font-family: Rubik;
	text-decoration: line-through;
}

.bfDiscountPrice .price {
	color: #ff0000;
	font-size: 15.79px;
	line-height: 18.71px;

	color: #f00 !important;
	text-align: right !important;
	font-family: 'Montserrat' !important;
	font-size: 12px !important;
	font-style: normal !important;
	font-weight: 500 !important;
	line-height: normal !important;

	margin-right: 0 !important;
}

.cb-timer-23 {
	display: inline-block;
	min-width: 150px;
	font-weight: 800 !important;
}

.xmas23IdriveProducts {
	background-image: url('../img/bf_bestseller_bg.png');
	background-color: #1a1a1a;
	padding-bottom: 60px;
}
.xmas23IdriveProducts .heading {
	color: white;
}
.xmas23IdriveProducts .order-3 {
	background-color: #262626;
	color: white;
}

.navbar-bf25 {
	width: 100%;
	height: 30px;

	display: flex;
	align-items: center;
	justify-content: center;

	background-color: #000;
}

.navbar-content-bf25 {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
}

.lead-bf25 {
	margin-top: 0 !important;
	padding-top: 5px !important;
}

.imageTag-bf25 {
	position: absolute;
	left: 0;
	top: 0;

	height: 100%;
}

.strike-product-bf25 {
	font-size: 14px !important;
	margin-right: 0 !important;
}

.total-price-bf25 {
	font-size: 16px !important;
	font-weight: 600 !important;
}

@media screen and (max-width: 595px) {
	.navbar-bf25 {
		height: auto;
		padding: 5px 0px;
	}

	.navbar-content-bf25 {
		flex-direction: column;
		gap: 5px;
	}
}