input[type=text],
input[type=button],
select {
	-webkit-appearance: none;
	-webkit-border-radius: 0
}

.form-control::placeholder {
	color: #b1b1b1
}

input,
button,
.btn:focus {
	outline: none !important
}

.card {
	background: #222
}

.modal-content {
	background: #222
}

.clear {
	clear: both
}

.pull-right {
	float: right
}

.clearfix::after {
	content: "";
	clear: both
}

.mbtn-light {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a
}

.mbtn-light:hover {
	background-color: #d2322b;
	border-color: #c72f29
}

.mbtn-dark {
	color: #fff;
	background-color: #A00;
	border-color: #840000
}

.bg-black {
	background: #000 !important
}

.border-black {
	border-color: #000 !important
}

.btn-lg {
	padding: 0.7rem 2.2rem;
	font-size: 1.1rem
}

.bg-middle-red {
	background: #e6001c
}

.bg-dark-red {
	background: #A00
}

.bg-dark {
	background: #2e2f33 !important
}

.btn-primary {
	background: #A00 !important;
	border-color: #e6001c !important;
	color: #fff !important
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.4;
	color: #fff;
	background-color: #fff
}

a,
a:visited,
a:hover {
	color: #fff;
	text-decoration: none
}

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

[class^="icon-"],
[class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.top-speedbar i.fa-long-arrow-right:last-child {
	display: none
}

.breadcrumb li {
	margin-left: 10px
}

.mt-n10 {
	margin-top: -3.5rem !important
}

.py-10 {
	padding-bottom: 6rem;
	padding-top: 6rem
}

h2 {
	font-size: 2rem
}

.text-shadow-dark {
	text-shadow: 1px 5px 6px #000
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent
}

.under-border::after {
	content: "";
	width: 100px;
	position: absolute;
	margin: 0 auto;
	height: 4px;
	border-radius: 1px;
	background: #e6001c;
	left: 0;
	right: 0;
	bottom: -15px
}

.top-navbar {
	border-radius: 0.5rem !important;
	padding: 15px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99
}

.top-navbar.fill {
	transition: background-color 0.5s ease;
	background-color: #000;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	border-radius: 0 !important
}

.navbar-nav>li {
	display: inline-block;
	overflow: hidden;
	position: static;
	border-radius: 0.3rem !important
}

.navbar-nav>li>a,
.navbar-nav>li .cart-nav {
	padding: 30px 15px;
	display: block;
	border-radius: 0.3rem !important
}

.navbar-nav>li.active {
	background: #080808
}

.navbar-nav>li:hover {
	background: #333
}

.navbar-nav ul a {
	font-size: 13px;
	padding: 10px 0
}

.navbar-logo img {
	max-height: 70px
}

#cart-total {
	background: red;
	padding: 3px 8px;
	border-radius: 6px
}

.top-cart-count {
	display: none
}

.top-navbar .dropdown-menu {
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%
}

.top-navbar .dropdown-menu>li {
	background-color: #222
}

.top-navbar .dropdown-menu>li:first-child {
	padding-top: 100px
}

.top-navbar .dropdown-menu.cart-dropdown {
	width: 330px;
	left: auto
}

.parallax-effect {
	position: relative;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover
}

.parallax-effect .para-fade {
	width: 100%;
	height: 100%;
	background: rgba(33, 5, 5, 0.74);
	top: 0;
	position: absolute
}

.page-wrapper {
	background-color: #202124;
	margin-top: -60px;
	z-index: 3;
	position: relative;
	border-radius: 15px 15px 0px 0px;
	overflow: hidden;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)
}

header {
	position: relative;
	background: url(/catalog/view/theme/500madness/image/fiat-header.jpg) center/cover no-repeat;
	height: 25vh;
	min-height: 20rem;
	width: 100%;
	overflow: hidden;
	color: #fff;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2)
}

header .inner {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 2;
	text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	display: none
}

.home header {
	height: 110vh;
	background: #222
}

.home header .inner {
	display: table
}

header .inner>div {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding: 0 2em
}

header h1 {
	font-family: "Raleway", sans-serif;
	font-size: 3em;
	line-height: .9;
	font-weight: 900;
	letter-spacing: -.025em;
	text-transform: uppercase;
	margin-bottom: .5em
}

header .inner p {
	font-size: 1.5em
}

header .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: black;
	opacity: 0.2;
	z-index: 1
}

header:before {
	content: "";
	background: rgba(114, 45, 0, 0.15);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

header:after {
	content: "";
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI4RkZBQTgzNzg1NzExRTU4NTQyODc3OUM4MTZGMUREIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI4RkZBQTg0Nzg1NzExRTU4NTQyODc3OUM4MTZGMUREIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjhGRkFBODE3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjhGRkFBODI3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz66uHInAAAAIUlEQVR42mL5//8/AyMj42YGIGBigABfEMEIkoEBgAADAKvuBwVS8BAjAAAAAElFTkSuQmCC);
	background-size: 3px 3px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

#header-video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.homepage-tagline h1 {
	font-family: 'Raleway', sans-serif; 
	font-size: 3em; 
	font-weight: 900;
}

.header-img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover
}

#search {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 200px;
	background-color: #222;
	opacity: 0
}

#search.show {
	-webkit-transform: translate(0px, 0px) scale(1, 1);
	-moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1);
	opacity: 1;
	z-index: 999999
}

#search input[type="search"] {
	position: absolute;
	top: 50%;
	width: 100%;
	color: #fff;
	background: rgba(0, 0, 0, 0);
	font-size: 60px;
	font-weight: 300;
	text-align: center;
	border: 0px;
	margin: 0px auto;
	margin-top: -51px;
	padding-left: 30px;
	padding-right: 30px;
	outline: none
}

#search input[type="search"]::-webkit-input-placeholder {
	font-size: 60px;
	color: #8e8e8e
}

#search .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 61px;
	margin-left: -45px;
	background-color: #f4162a;
	color: #fff
}

#search .close {
	position: fixed;
	top: 15px;
	right: 15px;
	color: #fff;
	background-color: #f4162a;
	border-color: #f4162a;
	opacity: 1;
	padding: 10px 17px;
	font-size: 27px
}

.main-filter h6 {
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
	line-height: 1.4rem
}

.top-slider {
	background: url(../image/top-slider-bg.jpg) no-repeat center;
	background-size: cover
}

.who-we-are iframe {
	min-height: 300px;
	width: 100%
}

.street-offroad {
	min-height: 325px;
	background: url(/catalog/view/theme/madnessautoworks/image/US42pq8.jpg) center;
	background-size: cover;
	position: relative;
	cursor: pointer;
	padding: 0
}

.street-offroad.madstreet {
	background-image: url(/catalog/view/theme/madnessautoworks/image/r5tY6gg.jpg)
}

.street-offroad h2 {
	font-size: 36px
}

.street-offroad .btn {
	position: absolute;
	bottom: 10px;
	margin: auto;
	left: 0;
	right: 0
}

.people-block {
	background-color: #6b2929;
	color: #fff;
	position: relative
}

.people-block::before {
	content: ' ';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.2
}

.people-block .video-block {
	display: block;
	height: 300px;
	border: 5px solid #0f1112;
	position: relative
}

.people-block .video-title {
	background: #a00
}

.people-block .person {
	max-width: 45%
}

.nigel-olsson::before {
	background: url(/catalog/view/theme/500madness/image/dBOtLoE.jpg) no-repeat center;
	background-size: cover
}

.nigel-olsson .video-block {
	background: url(/catalog/view/theme/500madness/image/youtube-big-icon.png), #000 url(/catalog/view/theme/500madness/image/uNzrBa9.gif);
	background-repeat: no-repeat;
	background-size: 30%, cover;
	background-position: 50% 40%, 50% 10%
}

.ted7::before {
	background: url(/catalog/view/theme/500madness/image/maxresdefault.jpg) no-repeat center;
	background-size: cover
}

.ted7 .video-block {
	background: url(/catalog/view/theme/500madness/image/youtube-big-icon.png), #000 url(/catalog/view/theme/500madness/image/2dROeyt.jpg);
	background-repeat: no-repeat;
	background-size: 30%, cover;
	background-position: 50% 40%, center
}

.ted7 .person {
	max-width: 65%
}

.ted7 .person-title {
	margin-top: -121px
}

.antonio::before {
	background: url(/catalog/view/theme/500madness/image/zw3s8Um.jpg) no-repeat center;
	background-size: cover
}

.antonio .video-block {
	background: url(/catalog/view/theme/500madness/image/youtube-big-icon.png), #000 url(/catalog/view/theme/500madness/image/XkFrZno.gif);
	background-repeat: no-repeat;
	background-size: 30%, cover;
	background-position: 50% 40%, center
}

.main-slider {
	position: relative
}

.main-slider .swiper-slide {
	height: 600px;
	background-position: center;
	background-size: cover
}

.swiper-pagination2 {
	position: absolute;
	bottom: 30px !important;
	left: 0 !important;
	z-index: 2;
	text-align: center
}

.main-slider h2 {
	font-size: 50px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-shadow: 1px 5px 6px #000
}

.main-slider .swiper-slide::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #080d15;
	opacity: 0.5
}

.main-slider .hero {
	position: relative;
	opacity: 0;
	-webkit-transition: 2s;
	-moz-transition: 2s;
	-ms-transition: 2s;
	-o-transition: 2s;
	transition: 2s;
	top: 50%;
	transform: translateY(-50%)
}

.main-slider .swiper-slide-active .hero {
	opacity: 1
}

.main-slider .swiper-pagination2 .swiper-pagination-bullet {
	background: #aa0000 !important;
	opacity: 0.7
}

.madness-social li {
	float: left;
	width: 33.33%;
	position: relative;
	transition: background-color linear 100ms
}

.madness-social li.facebook {
	background-color: #4d6bab
}

.madness-social li.insta {
	background-color: #517fa4
}

.madness-social li.youtube {
	background-color: #B31214
}

.madness-social li.facebook:hover {
	background-color: #314a7f
}

.madness-social li.insta:hover {
	background-color: #456c8c
}

.madness-social li.youtube:hover {
	background-color: #980f14
}

.madness-social li::before {
	position: absolute;
	content: "\f105";
	right: 5%;
	top: 0;
	bottom: 0;
	height: 30px;
	width: 30px;
	border: 2px solid #ffffff;
	border-radius: 30px;
	margin: auto;
	font-size: 18px;
	font-family: FontAwesome;
	color: #ffffff;
	text-align: center;
	line-height: 26px;
	font-weight: 700
}

.madness-social li::after {
	position: absolute;
	left: 0%;
	top: 0;
	bottom: 0;
	height: 30px;
	width: 80px;
	margin: auto;
	font-size: 50px;
	font-family: FontAwesome;
	color: #ffffff;
	text-align: center;
	line-height: 26px
}

.madness-social li.facebook::after {
	content: "\f09a"
}

.madness-social li.insta::after {
	content: "\f16d"
}

.madness-social li.youtube::after {
	content: "\f167"
}

.madness-social li p {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin: 2px 0 0px;
	display: inline-block;
	float: left;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.madness-social li .followers {
	text-transform: uppercase;
	float: left
}

.madness-social li a {
	padding: 25px 65px 25px 90px;
	display: block;
	float: left
}

.video-container .well {
	height: 300px;
	background-size: 30%, cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative
}

.video-container .bottom-caption {
	background: #A00;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	font-weight: bold
}

.nav-tabs li a.active {
	background: #e6001c;
	transition: .4s
}

.nav-tabs li a:hover {
	background: #e6001c;
	transition: .4s
}

#shop-now {
	background-image: url("../image/shop_now.jpg");
	min-height: 100%
}

.shop-now-content {
	position: relative
}

.shop-now-caption {
	display: block;
	font-size: 20px;
	text-shadow: 2px 2px 3px #000
}

.shop-now-btn {
	font-size: 2.8rem;
	width: 40%;
	transition: .4s;
	background: #A00
}

.shop-now-btn span {
	position: relative;
	display: inline-block;
	transition: .4s
}

.shop-now-btn:hover span {
	padding-right: 30px
}

.shop-now-btn span::after {
	content: '»';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: .4s
}

.shop-now-btn:hover span::after {
	opacity: 1;
	right: 0
}

.quotes-block .swiper-slide {
	font-size: 18px
}

.quotes-block i.fa-comments {
	font-size: 80px;
	margin-right: -50px;
	margin-top: -10px
}

.quotes-block small {
	font-size: 0.9rem;
	color: #777
}

.quotes-block small::before {
	content: '\2014 \00A0'
}

.quotes-block .swiper-pagination-bullet {
	background: #c0c0c0 !important;
	border: 1px solid transparent;
	opacity: 1
}

.quotes-block .swiper-pagination-bullet-active {
	background: #333 !important;
	border-color: #fff
}

.bottom-slides {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	position: relative
}

.bottom-slides li {
	position: relative;
	top: 0;
	left: 0;
	width: 100%
}

.bottom-slides li:not(:first-child) {
	display: none;
	position: absolute
}

.bottom-slides li.active {
	z-index: 2
}

.bottom-slides img {
	display: block;
	width: 100%
}

.footer-copyright {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	line-height: 1.8rem
}

.under-footer-notice {
	font-size: 0.6rem;
	text-align: justify
}

ul.payments {
	font-size: 1.3rem
}

footer {
	border-top: 2px solid #C22E2E
}

footer h3 {
	border-bottom: 1px solid #3A3A3A;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	padding: 20px 0 10px;
	text-transform: uppercase
}

.social-icons a {
	background: #3C3C3C;
	border-radius: 50%;
	height: 36px;
	width: 36px;
	font-size: 16px;
	line-height: 36px;
	display: block
}

.social-icons a:hover {
	-webkit-transition: all 0.5s ease 0s;
	-moz-transform: scale(1.1) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	background: #C22E2E
}

.social-icons a i {
	margin-left: 8px
}

.bottom-locations {
	display: none;
	border-top: 2px solid #C22E2E
}

.home .bottom-locations {
	display: block
}

.heading-title {
	font-size: 1.5rem;
	border-bottom: 1px solid #353535
}

.main-image img {
	max-width: 100%
}

.product-images {
	border: 1px solid #353535;
	background-color: #2E2F33
}

.product-images .additional-item img {
	max-width: 100%
}

.product-images .additional-item img {
	width: 150px;
	height: 100px;
	object-fit: cover
}

#tab-description,
#tab-description p,
#tab-description a,
#tab-description span {
	color: #fff !important
}

ul.pagination li {
	padding: 5px 10px;
	background: #A00;
	margin-right: 3px
}

ul.pagination li.active {
	background: #777;
	color: #ccc
}

.caticons {
	position: relative;
	cursor: pointer;
	width: 175px;
	height: 175px;
	line-height: 1;
	background: #25292C;
	margin: 0px auto;
	text-align: center;
	border-radius: 999px;
	color: #9b9b9b;
	text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.8), 1px 1px 2px #000;
	font-size: 5em;
	font-family: sans-serif;
	box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset 3px 15px 45px rgba(255, 255, 255, 0.1), inset -1px -1px 2px rgba(0, 0, 0, 0.5), inset -3px -15px 45px rgba(0, 0, 0, 0.2), 1px 5px 30px -4px #000;
	-webkit-transition: 0.1s ease-out;
	-moz-transition: 0.1s ease-out;
	-o-transition: 0.1s ease-out;
	transition: 0.1s ease-out;
	justify-content: center
}

.caticons:hover {
	color: #fff;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
	box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset 3px 15px 45px rgba(0, 0, 0, 0.2), inset -1px -1px 2px rgba(0, 0, 0, 0.5), inset -3px -15px 45px rgba(255, 255, 255, 0.1), 1px 5px 10px -4px #000
}

.caticons:before {
	box-shadow: 0px 0px 35px #A00 !important
}

.category-caption {
	font-size: 0.9rem;
	text-shadow: none;
	color: #fff
}

.product-grid .product-img {
	height: 180px;
	width: 100%;
	object-fit: cover
}

.product-grid .caption h4 {
	font-size: 0.9rem;
	height: 51px;
	overflow: hidden
}

.product-grid .price-old {
	text-decoration: line-through;
	color: #ccc
}

.product-grid .view-details {
	color: #fff;
	position: relative;
	cursor: pointer;
	width: 200px;
	height: 35px;
	font-size: 15px !important;
	background: #25292C;
	margin: 0px auto;
	text-align: center;
	border-radius: 999px;
	color: #fff;
	border-color: transparent;
	font-family: sans-serif;
	box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset 3px 15px 45px rgba(255, 255, 255, 0.1), inset -1px -1px 2px rgba(0, 0, 0, 0.5), inset -3px -15px 45px rgba(0, 0, 0, 0.2), 1px 5px 30px -4px #000;
	-webkit-transition: 0.1s ease-out;
	-moz-transition: 0.1s ease-out;
	-o-transition: 0.1s ease-out;
	transition: 0.1s ease-out;
	margin-bottom: 10px
}

.product-grid .view-details::before {
	content: "";
	background: #1A1A1A;
	width: 210px;
	height: 43px;
	position: absolute;
	top: -4px;
	left: -5px;
	z-index: -1;
	border-radius: 999px;
	box-shadow: inset -1px -1px 2px rgba(255, 255, 255, 0.3), inset -5px -15px 40px rgba(255, 255, 255, 0.1), inset 1px 1px 2px rgba(0, 0, 0, 0.5), inset 5px 15px 40px rgba(0, 0, 0, 0.2), -2px -40px 50px -20px rgba(255, 255, 255, 0.1), 2px 35px 50px -10px rgba(0, 0, 0, 0.4), 0px 0px 25px 8px #3c3c3c
}

.product-grid .view-details:hover {
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
	box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset 3px 15px 45px rgba(0, 0, 0, 0.2), inset -1px -1px 2px rgba(0, 0, 0, 0.5), inset -3px -15px 45px rgba(255, 255, 255, 0.1), 1px 5px 10px -4px #000
}

.product-grid .primary-price {
	font-size: 1.2rem
}

.product-grid .special-image img {
	max-width: 40px
}

.radio .check {
	display: none
}

.radio.image-option {
	position: relative;
	margin-bottom: 10px;
	border: 2px solid transparent;
	border-radius: 5px;
	transition: 0.5s;
	opacity: 0.8
}

.radio.image-option.active {
	opacity: 1
}

.radio.image-option .check {
	position: absolute;
	top: 28%;
	left: 20px;
	display: none;
	text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.9);
	font-size: 20px
}

.radio.image-option.active .check {
	display: block
}

.radio.image-option label {
	cursor: pointer;
	margin: 0
}

.radio.image-option input {
	display: none
}

.radio.image-option img {
	height: 75px;
	width: 100%;
	object-fit: cover
}

.radio.image-option .option-name {
	font-size: 16px;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
	width: 100%;
	position: absolute;
	left: 0;
	top: 35%;
	text-align: center;
	font-weight: bold
}

.radio.image-option .option-name i {
	font-style: normal;
	background: #62ad55;
	font-size: 14px;
	font-weight: normal;
	padding: 1px 5px;
	border-radius: 3px;
	vertical-align: top;
	display: inline-block;
	text-shadow: none;
	margin-top: -7px
}

.main-image {
	position: relative;
	overflow: hidden
}

.selected-image-option {
	background-size: cover;
	position: absolute;
	top: 20px;
	left: -49px;
	width: 30%;
	transform: rotate(-45deg)
}

.selected-image-option p {
	font-weight: bold;
	text-align: center;
	font-size: 16px;
	color: #fff;
	text-shadow: 3px 3px 5px #000;
	margin: 0;
	padding: 15px
}

.selected-image-option p i {
	display: none
}

.caticons {
	position: relative;
	cursor: pointer;
	width: 175px;
	height: 175px;
	line-height: 1;
	background: #25292C;
	margin: 0px auto;
	text-align: center;
	border-radius: 999px;
	color: #9b9b9b;
	text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.8), 1px 1px 2px #000;
	font-size: 5em;
	font-family: sans-serif;
	box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset 3px 15px 45px rgba(255, 255, 255, 0.1), inset -1px -1px 2px rgba(0, 0, 0, 0.5), inset -3px -15px 45px rgba(0, 0, 0, 0.2), 1px 5px 30px -4px #000;
	-webkit-transition: 0.1s ease-out;
	-moz-transition: 0.1s ease-out;
	-o-transition: 0.1s ease-out;
	transition: 0.1s ease-out
}

.iconblock .caticons {
	line-height: 175px
}

.caticons:before {
	content: "";
	background: #1A1A1A;
	width: 190px;
	height: 190px;
	position: absolute;
	top: -7px;
	left: -7px;
	z-index: -1;
	border-radius: 999px;
	box-shadow: inset -1px -1px 2px rgba(255, 255, 255, 0.3), inset -5px -15px 40px rgba(255, 255, 255, 0.1), inset 1px 1px 2px rgba(0, 0, 0, 0.5), inset 5px 15px 40px rgba(0, 0, 0, 0.2), -2px -40px 50px -20px rgba(255, 255, 255, 0.1), 2px 35px 50px -10px rgba(0, 0, 0, 0.4), 0px 0px 25px 8px #3c3c3c
}

.caticons>.icon {
	position: relative;
	height: 100%
}

.caticons>.icon>a>i {
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25)
}

.icon-customization:before {
	content: "\e664"
}

.icon-new:before {
	content: "\e60c"
}

.icon-new:before {
	content: "\e60c"
}

.icon-oil:before {
	content: "\e60d"
}

.icon-performance:before {
	content: "\e60e"
}

.icon-racebred:before {
	content: "\e60f"
}

.icon-shiftknob:before {
	content: "\e610"
}

.icon-upholstery:before {
	content: "\e611"
}

.icon-woman:before {
	content: "\e612"
}

.icon-fabrication .path1:before {
	content: "\e613";
	color: #fff
}

.icon-fabrication .path2:before {
	content: "\e614";
	margin-left: -1.1064453125em;
	color: #24282B
}

.icon-fabrication .path3:before {
	content: "\e615";
	margin-left: -1.1064453125em;
	color: #24282B
}

.icon-fabrication .path4:before {
	content: "\e616";
	margin-left: -1.1064453125em;
	color: #fff
}

.icon-fabrication .path5:before {
	content: "\e617";
	margin-left: -1.1064453125em;
	color: #fff
}

.icon-fabrication .path6:before {
	content: "\e618";
	margin-left: -1.1064453125em;
	color: #fff
}

.icon-wheelpackages:before {
	content: "\e619"
}

.icon-wheel:before {
	content: "\e61a"
}

.icon-man:before {
	content: "\e61b"
}

.icon-drinkware:before {
	content: "\e61c"
}

.icon-new-big:before {
	content: "\e66f"
}

.icon-gfx-stripes:before {
	content: "\e66e"
}

.icon-graphics:before {
	content: "\e66c"
}

.icon-collector-items:before {
	content: "\e66d"
}

.icon-garagesale:before {
	content: "\e66b"
}

.icon-hitch:before {
	content: "\e66a"
}

.icon-antenna:before {
	content: "\e669"
}

.icon-diecast-toys:before {
	content: "\e668"
}

.icon-windowtinting:before {
	content: "\e662"
}

.icon-fiat-carcover:before {
	content: "\e663"
}

.icon-customization:before {
	content: "\e664"
}

.icon-badge:before {
	content: "\e665"
}

.icon-sus-brakes:before {
	content: "\e666"
}

.icon-t-shirt:before {
	content: "\e667"
}

.icon-fiat-exteriorlighting .path1:before {
	content: "\e61d";
	color: #000
}

.icon-fiat-exteriorlighting .path2:before {
	content: "\e61e";
	margin-left: -1.30859375em;
	color: #000
}

.icon-fiat-exteriorlighting .path3:before {
	content: "\e61f";
	margin-left: -1.30859375em;
	color: #000
}

.icon-fiat-exteriorlighting .path4:before {
	content: "\e620";
	margin-left: -1.30859375em;
	color: #000
}

.icon-fiat-exteriorlighting .path5:before {
	content: "\e621";
	margin-left: -1.30859375em;
	color: #000
}

.icon-fiat-exteriorlighting .path6:before {
	content: "\e622";
	margin-left: -1.30859375em;
	color: #000
}

.icon-fiat-exteriorlighting .path7:before {
	content: "\e623";
	margin-left: -1.30859375em;
	color: #000
}

.icon-fiat-exteriorlighting .path8:before {
	content: "\e624";
	margin-left: -1.30859375em;
	color: #000
}

.icon-fiat-exteriorlighting .path9:before {
	content: "\e625";
	margin-left: -1.30859375em;
	color: #000
}

.icon-fiat-exteriorlighting .path10:before {
	content: "\e626";
	margin-left: -1.30859375em;
	color: #000
}

.icon-fiat-exteriorlighting .path11:before {
	content: "\e627";
	margin-left: -1.30859375em;
	color: #231f20
}

.icon-fiat-exteriorlighting .path12:before {
	content: "\e628";
	margin-left: -1.30859375em;
	color: #000
}

.icon-fiat-exteriorlighting .path13:before {
	content: "\e629";
	margin-left: -1.30859375em;
	color: #231f20
}

.icon-fiat-exteriorlighting .path14:before {
	content: "\e62a";
	margin-left: -1.30859375em;
	color: #231f20
}

.icon-fiat-exteriorlighting .path15:before {
	content: "\e62b";
	margin-left: -1.30859375em;
	color: #000
}

.icon-fiat-bodykits .path1:before {
	content: "\e62c";
	color: #000
}

.icon-fiat-bodykits .path2:before {
	content: "\e62d";
	margin-left: -1.4931640625em;
	color: #000
}

.icon-fiat-bodykits .path3:before {
	content: "\e62e";
	margin-left: -1.4931640625em;
	color: #000
}

.icon-fiat-bodykits .path4:before {
	content: "\e62f";
	margin-left: -1.4931640625em;
	color: #000
}

.icon-fiat-bodykits .path5:before {
	content: "\e630";
	margin-left: -1.4931640625em;
	color: #231f20
}

.icon-fiat-bodykits .path6:before {
	content: "\e631";
	margin-left: -1.4931640625em;
	color: #231f20
}

.icon-fiat-bodykits .path7:before {
	content: "\e632";
	margin-left: -1.4931640625em;
	color: #231f20
}

.icon-fiat-bodykits .path8:before {
	content: "\e633";
	margin-left: -1.4931640625em;
	color: #231f20
}

.icon-fiat-bodykits .path9:before {
	content: "\e634";
	margin-left: -1.4931640625em;
	color: #231f20
}

.icon-fiat-bodykits .path10:before {
	content: "\e635";
	margin-left: -1.4931640625em;
	color: #231f20
}

.icon-fiat-bodykits .path11:before {
	content: "\e636";
	margin-left: -1.4931640625em;
	color: #231f20
}

.icon-fiat-bodykits .path12:before {
	content: "\e637";
	margin-left: -1.4931640625em;
	color: #231f20
}

.icon-fiat-bodykits .path13:before {
	content: "\e638";
	margin-left: -1.4931640625em;
	color: #231f20
}

.icon-fiat-bodykits .path14:before {
	content: "\e639";
	margin-left: -1.4931640625em;
	color: #231f20
}

.icon-fiat-bodykits .path15:before {
	content: "\e63a";
	margin-left: -1.4931640625em;
	color: #231f20
}

.icon-fiat-bodykits .path16:before {
	content: "\e63b";
	margin-left: -1.4931640625em;
	color: #231f20
}

.icon-fiat-bodykits .path17:before {
	content: "\e63c";
	margin-left: -1.4931640625em;
	color: #231f20
}

.icon-fiat-bodykits .path18:before {
	content: "\e63d";
	margin-left: -1.4931640625em;
	color: #231f20
}

.icon-fiat-bodykits .path19:before {
	content: "\e63e";
	margin-left: -1.4931640625em;
	color: #231f20
}

.icon-fiat-bodykits .path20:before {
	content: "\e63f";
	margin-left: -1.4931640625em;
	color: #231f20
}

.icon-fiat-bodykits .path21:before {
	content: "\e640";
	margin-left: -1.4931640625em;
	color: #231f20
}

.icon-steeringwheel:before {
	content: "\e641"
}

.icon-interiorlighting:before {
	content: "\e642"
}

.icon-floormats:before {
	content: "\e643"
}

.icon-fiat-shiftknobs .path1:before {
	content: "\e644";
	color: #231f20
}

.icon-fiat-shiftknobs .path2:before {
	content: "\e645";
	margin-left: -0.6552734375em;
	color: #000
}

.icon-fiat-shiftknobs .path3:before {
	content: "\e646";
	margin-left: -0.6552734375em;
	color: #231f20
}

.icon-fiat-pedals:before {
	content: "\e647"
}

.icon-licenseplate:before {
	content: "\e648"
}

.icon-smart-collisionrepair .path1:before {
	content: "\e649";
	color: #231f20
}

.icon-smart-collisionrepair .path2:before {
	content: "\e64a";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path3:before {
	content: "\e64b";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path4:before {
	content: "\e64c";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path5:before {
	content: "\e64d";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path6:before {
	content: "\e64e";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path7:before {
	content: "\e64f";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path8:before {
	content: "\e650";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path9:before {
	content: "\e651";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path10:before {
	content: "\e652";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path11:before {
	content: "\e653";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path12:before {
	content: "\e654";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path13:before {
	content: "\e655";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path14:before {
	content: "\e656";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path15:before {
	content: "\e657";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path16:before {
	content: "\e658";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path17:before {
	content: "\e659";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path18:before {
	content: "\e65a";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path19:before {
	content: "\e65b";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path20:before {
	content: "\e65c";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path21:before {
	content: "\e65d";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path22:before {
	content: "\e65e";
	margin-left: -1.4970703125em;
	color: #fff
}

.icon-smart-collisionrepair .path23:before {
	content: "\e65f";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path24:before {
	content: "\e660";
	margin-left: -1.4970703125em;
	color: #231f20
}

.icon-smart-collisionrepair .path25:before {
	content: "\e661";
	margin-left: -1.4970703125em;
	color: #fff
}

.icon-accessories:before {
	content: "\e600"
}

.icon-apparel:before {
	content: "\e601"
}

.icon-audio:before {
	content: "\e602"
}

.icon-badges:before {
	content: "\e603"
}

.icon-brakes:before {
	content: "\e604"
}

.icon-detailspot:before {
	content: "\e605"
}

.icon-fiat-collectors:before {
	content: "\e606"
}

.icon-fiat-collision:before {
	content: "\e607"
}

.icon-fiat-exterior:before {
	content: "\e608"
}

.icon-gauges:before {
	content: "\e609"
}

.icon-gift:before {
	content: "\e60a"
}

.icon-installation:before {
	content: "\e60b"
}

.icontitle {
	padding-bottom: 40px
}

.iconblock {
	padding: 40px 0
}

.inner-header {
	background: #A00
}

.inner-header h1 {
	font-size: 1.4rem
}

.alert-success a {
	color: #155724
}

.affirm-block button,
.affirm-block a {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da
}

.affirm-block img {
	max-width: 90px
}

.product-rating span.fa-stack {
	width: 1.3rem
}

.special-image img {
	max-width: 100%
}

.primary-price {
	font-size: 1.3rem
}

.secondary-price {
	font-size: 0.8rem;
	line-height: 1.1
}

.ss-price {
	text-decoration: line-through
}

.ss-save {
	font-size: 0.7rem
}

.product-nav a {
	border-radius: 5px;
	padding: 12px 25px;
	margin: 0 5px;
	background: #222;
	display: inline-block
}

.product-nav a:hover,
.product-nav a.active {
	background: #e6001c;
	transition: .4s
}

.product-nav .nav-tabs {
	border: none
}

.sidebar-block {
	border-radius: 7px;
	margin-top: 60px
}

.sidebar-block.first {
	margin-top: 120px
}

.sidebar-block .caption-image {
	width: 100px;
	display: inline-block
}

.sidebar-block .caption-icon i {
	width: 90px;
	height: 90px;
	display: inline-block;
	font-size: 39px;
	background: #e6001c;
	border-radius: 60px;
	padding: 20px;
	border: 5px solid #464646;
	margin: -100px 0 10px
}

.__affirm-logo.__affirm-logo-blue {
	color: #fff !important
}

.banner-container {
	background: rgba(0, 0, 0, 0.7)
}

#banner {
	width: 100%;
	height: 275px;
	background: transparent url(../image/contact/madnessHQ.jpg) no-repeat fixed;
	background-position: 50% 65%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='path/to/image/1.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='path/to/image/1.jpg',sizingMethod='scale')";
	border-bottom: 1px solid #000;
	position: relative
}

#banner::after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4)
}

.banner-centered {
	margin-top: 0;
	position: relative;
	padding-top: 55px;
	z-index: 2
}

.banner-centered h2 {
	font-size: 2rem;
	line-height: 1.5;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fafafa;
	text-shadow: 2px 2px 2px #000;
	font-weight: 300;
	display: block
}

.banner-centered h2>strong {
	font-size: 61px;
	display: block;
	font-weight: 700
}

.big-icon {
	font-size: 100px;
	margin-bottom: 20px
}

#accordion h4 {
	font-size: 14px
}

.cart-sidebar .affirm-modal-trigger {
	font-size: 15px;
	visibility: visible
}

.cart-sidebar .affirm-modal-trigger:after {
	display: none
}

.header-cart-block table,
.header-cart-block .btn {
	font-size: 13px
}

.header-cart-block table td {
	vertical-align: middle
}

.account-links i {
	font-size: 25px;
	margin-top: 10px
}

.shopprogress {
	padding: 0 0 10px 0
}

.shopprogress>.shopprogress-step {
	padding: 0;
	position: relative
}

.shopprogress>.shopprogress-step .shopprogress-stepnum {
	color: #999;
	font-size: 14px;
	margin-top: 5px
}

.shopprogress>.shopprogress-step>.shopprogress-dot {
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	background: #ED2235;
	top: 25px;
	left: 50%;
	margin-top: -15px;
	margin-left: -15px;
	border-radius: 50%
}

.shopprogress>.shopprogress-step>.shopprogress-dot:after {
	content: ' ';
	width: 14px;
	height: 14px;
	background: #7E0000;
	border-radius: 50px;
	position: absolute;
	top: 8px;
	left: 8px
}

.shopprogress>.shopprogress-step>.progress {
	position: relative;
	border-radius: 0px;
	height: 8px;
	box-shadow: none;
	margin: 20px 0
}

.shopprogress>.shopprogress-step>.progress>.progress-bar {
	width: 0px;
	box-shadow: none;
	background: #ED2235
}

.shopprogress>.shopprogress-step.complete>.progress>.progress-bar {
	width: 100%
}

.shopprogress>.shopprogress-step.active>.progress>.progress-bar {
	width: 50%
}

.shopprogress>.shopprogress-step:first-child.active>.progress>.progress-bar {
	width: 0%
}

.shopprogress>.shopprogress-step:last-child.active>.progress>.progress-bar {
	width: 100%
}

.shopprogress>.shopprogress-step.disabled>.shopprogress-dot {
	background-color: #f5f5f5
}

.shopprogress>.shopprogress-step.disabled>.shopprogress-dot:after {
	opacity: 0
}

.shopprogress>.shopprogress-step:first-child>.progress {
	left: 50%;
	width: 50%
}

.shopprogress>.shopprogress-step:last-child>.progress {
	width: 50%
}

.shopprogress>.shopprogress-step.disabled a.shopprogress-dot {
	pointer-events: none
}

#accordion h4 {
	background: #2b2f33;
	padding: 10px;
	font-size: 20px;
	margin-bottom: 20px;
	border-radius: 5px
}

#checkout-checkout .panel-body .form-control {
	margin-bottom: 10px
}

.form-control,
.form-control:focus {
	color: #fff;
	background-color: #656565;
	border: 1px solid #777777
}

.product-extras {
	min-height: 52px;
	font-size: 0.72rem
}

.location-btn {
	position: relative
}

.location-btn:active {
	position: relative;
	top: 1px
}

.location-btn .tooltip.top {
	bottom: -250%;
	margin-top: 15px
}

.location-btn .tooltip.top:after {
	border-left: solid transparent 10px;
	border-right: solid transparent 10px;
	border-bottom: solid #787878 10px;
	bottom: 56px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -13px;
	position: absolute;
	width: 0
}

.location-btn .tooltip {
	background: #787878;
	bottom: 100%;
	color: #fff;
	display: block;
	left: 0;
	border: 0;
	margin-bottom: 15px;
	opacity: 0;
	padding: 20px;
	pointer-events: none;
	position: absolute;
	width: 100%;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28)
}

.location-btn .tooltip:before {
	bottom: -20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%
}

.location-btn .tooltip:not(.top):after {
	border-left: solid transparent 10px;
	border-right: solid transparent 10px;
	border-top: solid #787878 10px;
	bottom: -10px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -13px;
	position: absolute;
	width: 0
}

.location-btn:hover .tooltip {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px)
}

.iconblock .caticons {
	line-height: 175px
}

.modal-backdrop {
	z-index: 2
}

.channels-block {
	position: relative;
	background: url(/image/channels-bg.png) no-repeat center;
	background-size: 100% 100%
}

.channels-block .channel-caption {
	font-size: 1rem;
	color: #2b2b2b;
	font-weight: 900;
	text-transform: uppercase;
	text-shadow: 0 0 5px rgba(144, 144, 144, 0.8)
}

.channels-block .swiper-slide {
	height: 73px;
	text-align: center
}

.channels-block img {
	max-width: 90%;
	max-height: 100%;
	object-fit: contain
}

.channels-block .channel-swiper-pagination {
	display: none;
	transform: translate(-50%, 0);
	z-index: 10;
	left: 50%;
	bottom: 5px
}

.channels-block .channel-swiper-pagination .swiper-pagination-bullet {
	margin: 0 2px
}

.channels-block .channel-swiper-pagination .swiper-pagination-bullet-active {
	background: #e6001c
}

div#product {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    background: #000;
    transform: translate(-50%, -50%);
    box-shadow: 10px 10px 500px rgba(0,0,0,1);
    border: 2px solid #555;
    border-radius: 5px;
    min-width: 350px;
}

.about-manufacturer-text iframe, .about-manufacturer-text img {
	max-width: 100%;
}

@media only screen and (max-width: 990px) {
	
	div#product {
		width: 100%;
		height: 100%;
		border: none;
		top: 0;
		left: 0;
		transform: none;
	}

	.people-block .video-block {
		display: block;
		height: 190px;
		width: 305px;
		margin: 0 auto;
		border: 5px solid #0f1112;
		position: relative
	}
	.channels-block {
		padding-bottom: 35px !important
	}
	.channel-swiper-pagination {
		display: block !important
	}
	.heading-title {
		font-size: 1rem
	}
	.top-navbar {
		margin: 0 !important
	}
	.navbar-logo img {
		max-height: 48px
	}
	.page-wrapper {
		margin: 0 !important;
		border-radius: 0
	}
	.navbar-nav>li>a {
		padding: 10px
	}
	.navbar-collapse {
		align-items: flex-start
	}
	header h1 {
		font-size: 1.5em
	}
	header .inner p {
		font-size: 0.9em
	}
	.top-navbar .dropdown-menu.cart-dropdown {
		width: 100%;
		left: 0;
		display: none
	}
	.main-slider .hero h3 {
		font-size: 0.9rem
	}
	.main-slider .hero h2 {
		margin-bottom: 0rem !important;
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
		font-size: 2.5rem
	}
	.madness-social li p {
		display: none
	}
	.madness-social li span {
		display: none
	}
	.madness-social li:before {
		display: none
	}
	.madness-social li:after {
		font-size: 30px;
		left: 50%;
		width: auto;
		margin-left: -15px;
		top: 4px
	}
	.tabs-panel h3 {
		font-size: 1.1rem
	}
	.shop-now-btn {
		width: auto
	}
	.shop-now-btn:hover span::after {
		display: none
	}
	.shop-now-btn:hover span {
		padding: 0
	}
	.quotes-block h2 {
		font-size: 1.5rem
	}
	.quotes-block .fa-comments {
		display: none
	}
	.quotes-block .quotes-slider {
		padding: 0 !important
	}
	.quotes-block .container {
		padding: 0 !important
	}
	.quotes-block blockquote {
		padding: 0 20px
	}
	.quotes-block blockquote p {
		padding-right: 0 !important;
		text-align: justify
	}
	.quotes-block .swiper-slide {
		font-size: 0.9rem
	}
	.footer-top {
		padding-bottom: 1rem !important
	}
	.madnesstv {
		padding-top: 1.5rem !important
	}
	bottom-locations h2 {
		font-size: 1.5rem
	}
	.dropdown-toggle::after {
		display: none
	}
	.navbar-collapse {
		position: fixed;
		top: 0px;
		left: 0;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 15px;
		padding-top: 70px;
		width: 100%;
		height: 100%;
		background: #222;
		z-index: -1
	}
	.navbar-collapse.collapsing {
		left: -75%;
		transition: height 0s ease
	}
	.navbar-collapse.show {
		left: 0;
		transition: left 300ms ease-in-out
	}
	.navbar-toggler.collapsed~.navbar-collapse {
		transition: left 500ms ease-in-out
	}
	.top-cart-count {
		background: red;
		color: white;
		width: 13px;
		height: 13px;
		font-size: 10px;
		line-height: 13px;
		position: absolute;
		top: -5px;
		right: -5px;
		border-radius: 20px;
		display: block;
		text-align: center
	}
	#checkout-cart h2 {
		font-size: 1.1rem
	}
	.mobile-hide {
		display: none
	}
	.quantity-td input {
		border-radius: 5px !important;
		margin-bottom: 5px !important
	}
	.quantity-td .input-group-append button {
		border-radius: 5px !important;
		margin: 0 3px;
		font-size: 0.6rem
	}
	.banner-centered h2 {
		font-size: 1.2rem
	}
	.banner-centered h2>strong {
		font-size: 2rem
	}
	#banner {
		height: 240px
	}
	#information-contact .big-icon {
		font-size: 50px
	}
	#information-contact .telmail {
		margin-bottom: 30px
	}
	#information-contact h5 {
		font-size: 0.9rem
	}
	h2 {
		font-size: 1.5rem
	}
	h3 {
		font-size: 1.4rem
	}
	h4 {
		font-size: 1.3rem
	}
	.product-grid .product-img {
		height: 240px
	}
	.product-grid .caption h4 {
		font-size: 1.2rem;
		height: auto
	}
	.product-extras {
		min-height: auto
	}
	header {
		height: 10vh;
		min-height: 8rem
	}
	.home header {
		height: 40vh;
		background: #222222
	}
	.shop-now-content {
		padding: 0 15px
	}
	.shop-now-btn {
		font-size: 2rem
	}
	.top-slider img {
		width: 100%
	}
	.product-images .swiper-slide {
		margin: 2px
	}
	.product-images .additional-item img {
		height: 60px
	}
	.product-line.product-rating .text-right {
		font-size: 0.6rem
	}
	.product-nav a {
		padding: 10px;
		margin: 5px 0;
		display: block;
		width: 100%;
		font-size: 0.9rem;
		text-align: center
	}
	#tab-description iframe {
		max-width: 100%;
		max-height: 200px
	}
	.review-count-area .col-xs-12 {
		margin-bottom: 20px
	}
	#button-cart i {
		display: none
	}
	.product-line button {
		font-size: 0.9rem
	}
	.who-we-are iframe {
		min-height: 200px;
		width: 100%
	}
	#collapse-checkout-confirm table {
		display: block
	}
	#collapse-checkout-confirm table thead {
		display: none
	}
	#collapse-checkout-confirm table tbody,
	#collapse-checkout-confirm table tfoot {
		display: block
	}
	#collapse-checkout-confirm table tr {
		display: block;
		padding: 5px 10px 15px;
		border-bottom: 1px solid #444;
		margin-bottom: 15px
	}
	#collapse-checkout-confirm table td {
		display: block;
		border: none;
		padding: 0;
		text-align: left !important
	}
	#collapse-checkout-confirm table td:nth-child(2) {
		display: none
	}
	#collapse-checkout-confirm table tfoot td {
		display: block !important
	}
}

@media only screen and (max-width: 330px) {
	.product-grid .product-img {
		height: 190px
	}
	.product-images .additional-item img {
		height: 50px
	}
}

@media only screen and (max-width: 600px) {
	.homepage-tagline h1 {
		font-size: 1.5em; 
	}
}