body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #666;
	font-size: 12px;
	line-height: 20px;
	width: 100%;
}

img { border: none;}
h1, h2, h3, h4, h5, h6 {
	color: #444;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
	font-weight: 900;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: #23a1d1;
}
a:hover {
	text-decoration: none;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 12px;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
/* top */
#top {
	background-color: #EEEEEE;
	border-bottom: 1px solid #e2e2e2;
	padding: 4px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 40px;
}
#top .container {
	padding: 0 20px;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
	text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
	color: #888;
	text-shadow: 0 1px 0 #FFF;
	text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {
	color: #444;
}
#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
        line-height: 14px;
}
#top-links {
	padding-top: 6px;
}
#top-links a + a {
	margin-left: 15px;
}
/* logo */
#logo {
	margin: 0 0 10px 0;
}
/* search */
#search {
	margin-bottom: 10px;
}
#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
}
#search .btn-lg {
	font-size: 15px;
	line-height: 18px;
	padding: 10px 35px;
	text-shadow: 0 1px 0 #FFF;
}
/* cart */
#cart {
	margin-bottom: 10px;
}
#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #444;
}
#cart .dropdown-menu {
	background: #eee;
	z-index: 1001;
}
#cart .dropdown-menu {
	min-width: 100%;
	overflow-y: auto;
	max-height: 800px;
	scrollbar-width: thin;
	overflow-x: hidden;
}
@media (max-width: 478px) {
	#cart .dropdown-menu {
		width: 100%;
	}
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	min-width: 427px;
	padding: 0 10px;
}
@media (max-width: 478px) {
	#cart .dropdown-menu li > div {
		min-width: 100%;
	}
}
#cart .dropdown-menu li p {
	margin: 20px 0;
}
/* menu */
#menu {
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
	/*min-height: 40px;*/
}
#menu .nav > li > a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 10px 15px 10px 15px;
	min-height: 15px;
	background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
	padding-bottom: 0;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #333333;
	font-size: 12px;
}
#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	padding-left: 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #FFF;
	padding: 2px 18px;
	float: right;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
	color: #ffffff;
	background-color: #229ac8;
}
@media (min-width: 768px) {
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 767px) {
	#menu {
		border-radius: 4px;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
		padding-bottom: 10px;
		background-color: rgba(0, 0, 0, 0.1);
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
		color: #fff;
	}
	#menu .dropdown-menu a:hover,
	#menu .dropdown-menu ul li a:hover {
		background: rgba(0, 0, 0, 0.1);
	}
	#menu .see-all {
		margin-top: 0;
		border: none;
		border-radius: 0;
		color: #fff;
	}
}
/* content */
#content {
	min-height: 600px;
}
/* footer */
footer {
	margin-top: 30px;
	padding-top: 30px;
	background-color: #303030;
	border-top: 1px solid #ddd;
	color: #e2e2e2;
}
footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
footer a {
	color: #ccc;
}
footer a:hover {
	color: #fff;
}
footer h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
/* alert */
.alert {
	padding: 8px 14px 8px 14px;
}
/* breadcrumb */
.breadcrumb {
	margin: 0 0 20px 0;
	padding: 8px 0;
	border: 1px solid #ddd;
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li {
	text-shadow: 0 1px 0 #FFF;
	padding: 0 20px;
	position: relative;
	white-space: nowrap;
}
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
	content: '';
	display: block;
	position: absolute;
	top: -3px;
	right: -5px;
	width: 26px;
	height: 26px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.pagination {
	margin: 0;
}
/* buttons */
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 7.5px 12px;
	font-size: 12px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 10px 16px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.btn-primary {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background-color: #1f90bb;
	background-position: 0 -15px;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #da4f49;
	background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #df5c39;
	background-image: linear-gradient(to bottom, #e06342, #dc512c);
	background-repeat: repeat-x;
	border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background-image: none;
	background-color: #df5c39;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #23A1D1;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #888888;
	padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #444444;
	background: #eeeeee;
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.product-thumb {
	border: 1px solid #ddd;
	margin-bottom: 20px;
	overflow: auto;
}
.product-thumb .image {
	text-align: center;
}
.product-thumb .image a {
	display: block;
}
.product-thumb .image a:hover {
	opacity: 0.8;
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
}
.product-grid .product-thumb .image {
	float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
	float: left;
	padding: 0 15px;
}
}
.product-thumb h4 {
	font-weight: bold;
}
.product-thumb .caption {
	padding: 0 20px;
	min-height: 180px;
}
.product-list .product-thumb .caption {
	margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	min-height: 210px;
	padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
	padding: 0 10px;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}
.product-thumb .rating {
	padding-bottom: 10px;
}
.rating .fa-stack {
	font-size: 8px;
}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #E69500;
}
h2.price {
	margin: 0;
}
.product-thumb .price {
	color: #444;
}
.product-thumb .price-new {
	font-weight: 600;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}
.product-thumb .button-group {
	border-top: 1px solid #ddd;
	background-color: #eee;
	overflow: auto;
}
.product-list .product-thumb .button-group {
	border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
	.product-list .product-thumb .button-group {
		border-left: none;
	}
}
.product-thumb .button-group button {
	width: 60%;
	border: none;
	display: inline-block;
	float: left;
	background-color: #eee;
	color: #888;
	line-height: 38px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.product-thumb .button-group button + button {
	width: 20%;
	border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}
/*
@media (max-width: 1200px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}
@media (max-width: 767px) {
	.product-thumb .button-group button, .product-thumb .button-group button + button {
		width: 33.33%;
	}
}*/
.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > li {
	margin-left: 20px;
}
.thumbnails {
	margin-left: -20px;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

/* Product Content */
.ems-product{}
.ems-product__content{
  
}

.ems-add-to-parts-list{
    background: transparent;
    border: 0;
    font-size: 1.75rem;
    margin: 1rem 0;
    padding: 0;
    color: #23a1d1;
}

.ems-header{
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 3rem;
}

.ems-header h1, .ems-header h2{
  margin: 0;
}

.ems-product__content-price{
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 3fr 1fr;
  align-items: flex-start;
}

.ems-product__content-container{
  padding: 0 20px;
}

.ems-product__content-price-col-one{
  border-right: 1px solid #D3D3D3;
  align-self: stretch;
}

.ems-product__content-container .form-group {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr 3fr;
  align-items: center;
}

.ems-product__content-container .form-group label {
  grid-row: 1;
  grid-column: 1 / span 2; 
}

.ems-product__content-container .form-group .form-control {
  grid-row: 2;
  grid-column: 1; 
  width: 100%;
}

.ems-product__content-price-col-two .radio label {
  white-space: nowrap;
}

@media screen and (max-width: 39.9375em) {
  .ems-product__content-price{
    display: block;
  }
  
  .ems-product__content-price-col-one{
    border-right: 0px;
    align-self: stretch;
  }
  
  .ems-product__content-price-col-two{
    border-bottom: 1px solid #D3D3D3;
    margin-bottom: 1rem;
  }
}

/* End Product Content */
@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}

}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
    
    
}
/*****************************************************************************
** Custom modifications
*****************************************************************************/
body{
    background-color: #ccc4a2;

}
#top {
    background-color: #303030;
}

header .container .row:nth-child(2){
    display: none;
}


#logo.mobile-no-show{
    margin-bottom: -60px;
}

#logo a{
    pointer-events: none;
}

#logo.mobile-no-show a img{
   /*max-width:1170px;*/
   width: 100%;
   display:block;
}

header{
    position: relative; /*needed for overlapping */
    z-index: 2;
}

#menu{
    /*height: 100px;*/
    padding-top: 50px;
    z-index: 1;
    max-width: 1066px;
    margin: 0px auto;
    /*margin-top: -50px;*/
    background-color: #e34e1d;
    background-image: linear-gradient(to bottom, #e34e1d, #e34e1d);
    background-repeat: repeat-x;
    /*border: 4px solid #fff;*/
    /*min-height: 40px;*/
    /*z-index:-900;*/
    border:none;
    border-radius:15px;
}

#menu .nav > li > a {
    color: #fff;
    font-size:18px;
    text-shadow: 2px 2px 2px rgb(0 0 0 / 85%);
    padding: 10px 15px 10px 5px;
    /*min-height: 15px;*/
    background-color: transparent;
    text-transform: uppercase;
    font-weight: 700;
}



.breadcrumb{
    margin: 0 auto;
    margin-top: 5px;
    max-width: 1000px;
    padding: 8px 0; 
    border: 4px double #000;
    border-top: none;
    border-bottom: none;
    border-radius: 0;
    font-weight: 700;
    font-size: 1.5rem;
}

#common-home #content{
   
    border: none;
    /*padding-top: 100px;
    margin-top: 10px;*/
    
   
}

#content{
    background-color: #fff;
    border-radius: 0 0 25px 25px;
    border: 1px solid #efefef;
    border: 4px double #000000;
    border-top: none;
    margin: 0 auto;
    padding-top: 18px;
    width: 100%;
    max-width: 1000px;
    float: none;
}

@media (min-width: 768px){
    .col-sm-9 {
        width: 100%!important;
    }
}

@media (max-width: 767px) {
    /* Add padding */
    .nav-tabs {
        padding: 0 10px;
        margin-bottom: 15px;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}

/* Make thumbnail on product page full width */
.thumbnail>img {
    width: 100%;
    height: auto;
    border: 6px solid #23a1d1; /*Blue border on product image */
    border-radius: 8px;
}


.thumbnail {
    display: block;
    padding: 0;
    /* padding: 4px; */
    margin-bottom: 20px;
    line-height: 1.42857143;
    /*background-color: #464ea6;*/
    /*background-color: #23a1d1;*/
    border: 0px double #ddd!important;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    height: auto!important;
}
 

/* Add margin */
.tab-content>.active {
    display: block;
    margin: 0 15px;
}

.tabs-below{
    margin: 30px; /*add more margin to line it up better, it was 15px */
    clear: both;
}

.tab-content>.active {
    display: block;
    margin: 0 30px; /*add more margin to line it up better, it was 15px */
}

.tabs-below>li>a {
    margin-top: 1rem;

}

.form-control {
    width: 30%; /* Example for setting input field width to 30% */
}

/*Example for setting Add to Cart butto width to 30% 
.form-group .btn-block {
    width: 30%;  
}*/

.navbar {
    border-radius: 0px;
    margin-bottom: 0;
}

.swiper-viewport {
    margin: 0 0 60px;
    background: #fff;
    z-index: 1;
    border: 4px solid #fff;
    border-top: none;
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0 1px 4px rgb(0 0 0);
    width: 100%;
    position: relative;
    overflow: visible;
}

/* Home page Sub Category section */

 .swiper-pagination{
     display: none;
 }

 #subcats{
    margin: 0 30px;
    background-color: #a7a7a;
    /*border: 4px solid #fff;
    border-top: none;
    border-radius: 0px 0px 4px 4px;
    box-shadow: 0 1px 4px rgb(0 0 0);
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.20);
-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.20);*/
    margin-top: -100px;
        
 }
 #subcats .col-xs-6{
     padding: 0;
 }
 #subcats p{
     margin-top: 60px;
     margin-bottom: 20px;
 }
 
 #subcats .card-title{
     text-align: center;
    border: none;
    margin: 0;
    padding: 20px;
   
 }
 
 
 .list-group a { 
    display: block;
    width: 100%;
    border: none;
  }
  
  .list-group-item{
     font-size: 16px;
     border: none;
  }
  
  .list-group a:hover{
     border:none;
     color: #218DC8;
  }
  
  .list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  
  .card-img-top {
    max-width: 100%;
    height: auto;
    display: block;
    padding: 5px;
    background-color: #fff;
    border-radius: 5px 5px 0px 0px;
  }
  
.media-left{
      display:none;
  }
  
  #common-home h2 {
     display:none;
  }
  
  .paymentimages{
      max-width: 105px;
  }
  
  .paymentimages img{
      max-width: 50px;
      padding: 2px;
      margin: 0;
  }
  
  footer {
      margin-top: auto;
      /* margin-top: -175px; */
      padding-top: 200px;
      background-color: #303030;
  
  }
  
  footer .container{
      max-width: 870px;

  }
  
  footer h5{
      font-size: 16px;
      text-transform: uppercase;
  }
  
  footer h5:after{
      content:" ";
      display: block;
      background-color: #ccc4A2;
      height: 1px;
      width: auto;
      margin-top: 5px;
  }
  
  footer .copyright{
      background-color: #222;
  }
  
  footer .copyright .container p{
      text-transform: uppercase;
      font-weight: 600;
      padding: 20px 0;
      text-align: center;
  }
  
  
  /**************************************************************************
  *
  * New Style
  *
  ***************************************************************************/

  #top {
    background-color: #EEEEEE;
    background-color: transparent;
    border-bottom: 1px solid #e2e2e2;
    border-bottom: none;
    padding: 4px 0px 3px 0;
    margin: 0 0 20px 0;
    margin: 0;
    min-height: 40px;
  }
  
  #top .container{  }
  #top .container .pull-left{ display: none;}
  #top-links .fa-heart, .fa-user{ display:none;}
  #top-links a{ 
      font-family: 'Roboto Condensed', sans-serif; 
      color: #000; 
      text-shadow: none; 
      text-transform: uppercase; 
      font-weight: 700;
      font-size:12px;
  }
  
  #top-links li{ padding-left: 0px;}
  #top-links li:not(:last-child)::after{ 
      content:" |";
      margin-left: 5px;
      font-weight: 700;
  }
  
  #top-links .dropdown-menu li:not(:last-child)::after{
      content: "";
  }
  
  .row.new-buttons{
      height: 100px;
  }
  
  .row.no-show{
      display:none;
  }
  

  /*#menu {
    max-width: 900px;
    margin: -10px auto;
    background-color: #e34e1d;
    background-image: linear-gradient(to bottom, #e34e1d, #e34e1d);
    background-repeat: repeat-x;
    /* border: 4px solid #fff; */
   /* min-height: 50px;
    z-index: -900;
    border: 4px double #0000;
    border-radius: 0 0 15px 15px;
    box-shadow: none;
}*/
 

.navbar-collapse.collapse{
    vertical-align: middle;
}

.navbar-collapse.collapse .left-nav a{
    margin-bottom:5px!important;
}
 
 
.navbar-collapse.collapse .right-nav{
    float: right;
}
 
 
 .navbar-collapse.collapse .right-nav a{
    color: #fff;
    font-size: 19px;
    margin-top: 6px;
    text-shadow: 0 2px 2px rgb(0 0 0 / 95%);
    /*min-height: 15px;*/
    background-color: transparent;
    text-transform: uppercase;
    font-weight: 700;
    float: right;
 }
 

 
 #common-home #content{
     border: 4px double #000000;
     border-top: none;
     border-radius: 0 0 25px 25px;
     box-shadow: none;
     max-width: 1000px;
     background: #a7a7a7 !important;
 }
 
.three-buttons{
     background-color: #eaeaea; 
     display: flex;  
     align-items: center;
     justify-content: center; 
     padding: 40px 0; 
     border-right:4px double #000; 
     border-left: 4px double #000;
    /* border-top:4px double #000;*/ 
     max-width: 1000px; 
     width: 100%; 
     margin: 0 auto;
    /*border-radius: 15px 15px 0 0 ;*/
 }
 

 
    /**
	 * Button
	 */

	.button {
		font-size: 2rem;
		font-weight: 600;
		color: #205AD9;
		text-align: center;
		text-decoration: none;
		display: block;
		text-shadow: 1px 1px 0 rgba(255,255,255,.7);
		border-radius: 10px;
		background: #969696;
		padding: 2px;
	}
	.button,
	.button * {
		transition: ease-out .65s all;
	}
	.button > * {
		border-radius: 8px;
		background: rgb(210,210,210);
		background: linear-gradient(180deg, rgba(210,210,210,1) 0%, rgba(240,240,240,1) 100%);
		padding: 2px;
	}
	.button > * > * {
		border-radius: 6px;
		background: rgb(210,210,210);
		background: linear-gradient(180deg, rgba(210,210,210,1) 0%, rgb(100, 100, 100) 14%, rgba(231,231,231,1) 57%, rgba(104,104,104,1) 100%);
		padding: 2px;
	}
	.button > * > * > * {
		border-radius: 4px;
		background: rgb(255,255,255);
		background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(129,129,129,1) 100%);
		padding: 1px;
	}
	.button > * > * > * > * {
		border-radius: 3px;
		background: #7F7F7F;
		padding: 2px;
	}
	.button > * > * > * > * > * {
		border-radius: 2px;
		background: 50% 70% url(/image/catalog/button-bg.svg) no-repeat;
		padding: 1rem 1.5rem;
	}
	.button:hover > * > * > * > * > * {
		background-position: 75% 0%;
	}

	/**
	* Alt. Button
	*/

	.button--alt {
		color: #000000;
		min-width: 300px;
		margin: 0 1rem;
	}
	.button--alt > * > * > * > * > * {
		background: linear-gradient(180deg, rgba(255,145,0,1) 0%, rgba(255,241,225,1) 0%, rgba(255,173,75,1) 14%, rgba(255,65,0,1) 100%);
	}
	.button--alt:hover > * > * > * > * > * {
		background: linear-gradient(180deg, rgb(255, 165, 48) 0%, rgb(255, 244, 232) 0%, rgb(255, 179, 87) 54%, rgb(255, 89, 34) 100%);
	}
	.button--alt:active > * > * > * > * > * {
		background: linear-gradient(180deg, rgba(255,145,0,1) 0%, rgba(255,241,225,1) 0%, rgba(255,173,75,1) 54%, rgba(255,65,0,1) 100%);
	}

  #subcats .card-title {
    text-align: center;
    border: none;
    margin: 0;
    padding: 20px;
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic;
}

#subcats .ford-card .card-title{
    /*color: #1351D8;*/
    color: #000000;
}

#subcats .chevy-card .card-title{
    color: #000000;
} 
#subcats .chevy-card .button{
    color: #F7504A;
}

.ford-card .button, 
.chevy-card .button{
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    max-width: 300px;
    text-shadow: none;
    
}

#common-home .footer-text{
    padding: 10px 0 40px 0;
}

#common-home .footer-text .home-footer-text{
    text-align: center;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    letter-spacing: 0;
    color: #000000;
}

.product-title{
    font-weight: 900;
}

.rating{
    display:none;
}

.btn-primary{
    border-radius: 4px;
    background: #539cd3; /* Old browsers */
    background: -moz-linear-gradient(top,  #539cd3 0%, #8db0d8 49%, #207cca 51%, #1887ca 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #539cd3 0%,#8db0d8 49%,#207cca 51%,#1887ca 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #539cd3 0%,#8db0d8 49%,#207cca 51%,#1887ca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 6px 40px;
    font-weight: 900;
    border: 1px solid #333;
    box-shadow:
            0 0 0 2px hsl(0, 100%, 100%),
            0 0 0 3px hsl(0, 2%, 50%);
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active {
    background-color: #1f90bb;
   background-position: center;
   
}

#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #555555;
    text-shadow: 5px 5px 15px #000;
    padding: 2px 8px ;
    float: left;
    margin-left: 15px;
    border: none;
    box-shadow:2px 2px 2px #000;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f6f6+0,ffffff+30,e2e2e2+46,e2e2e2+46,e2e2e2+50,f1f1f1+50,ffffff+100 */
background: rgb(246,246,246); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(246,246,246,1) 0%, rgba(255,255,255,1) 30%, rgba(226,226,226,1) 46%, rgba(226,226,226,1) 46%, rgba(226,226,226,1) 50%, rgba(241,241,241,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(246,246,246,1) 0%,rgba(255,255,255,1) 30%,rgba(226,226,226,1) 46%,rgba(226,226,226,1) 46%,rgba(226,226,226,1) 50%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(246,246,246,1) 0%,rgba(255,255,255,1) 30%,rgba(226,226,226,1) 46%,rgba(226,226,226,1) 46%,rgba(226,226,226,1) 50%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.navbar-toggle {
    margin-right: 8px;
}

.menu-text{
    color:#ffffff;
    font-size: 18px;
    font-weight: 900;
    top: 10px;
    position: relative;
    text-shadow: 2px 2px 1px #000;
}

.hero{
    background-color: #000000;
    /*min-height: 340px;*/
    max-width: 1066px;
    border: 4px double #ffffff;
    border-radius: 0 0 15px 15px;
    margin-top: -15px;
    border-top: none;
}
 
.hero img{
    max-width: 1066px;
    width: 100%;
    display: block;
}

.hero-caption{
    font-size: 3.5rem;
    font-weight: 900;
    color: #ffffff;
    text-transform: uppercase;
    text-align:center;
    margin-bottom: 2rem;
}

.nav.pull-right{
    margin: 0 auto;
}

/*************************************
* Product page layout changes
*************************************/
.product-tax, 
.nav-tabs .product-review-tab,
.product-availability{
    display: none;
}

h2.product-title{
    font-weight: 900;
}

.divider{
    content:" ";
    max-height: 300px;
    width: 1px;
    background-color: #cccccc;
    margin-right: 30px;
}

.product-left.col-sm-6{
    padding-left: 0;
    margin-right:15px;
}

.list-unstyled.ams-product li{
    /* font-size: 22px; */
    font-size: clamp(1.25rem, calc(1vw + 1.5rem), 2rem);
    padding-bottom: 8px;
    line-height: 1.3;
}

.list-unstyled.ams-product .ams-product-label{
  font-weight: bold;
}

.font-weight-bold{
    font-weight: 900;
}

.product-wishlist{
    margin: 0 0 30px 0;
}

.product-container{
    display: flex;
     margin: 15px;
}

.product-title-container{
    margin: 15px;
}

.product-category li a:first-child{
    display:none;
}

.tab-content{
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 0 10px 10px 10px;
    margin: 0 15px;
}

.nav.nav-tabs{
    margin: 0 15px;
    border-bottom: none;
}
.tabs-new-location{
    margin-bottom: 30px;
    padding:0 15px;
}

select#input-option228.form-control{
    width: 100%;
}

.tab-content>.active {
    display: block;
    margin: 0;
}

#tab-description p,
#tab-description.tab-pane.active{
    
    font-size: 14px;
    font-weight: 900;
}

.navbar-collapse.collapse{
    /*border-radius: 15px; */
    /*border: 2px solid #000;box-shadow:*/
    /*    0 0 0 2px hsl(0, 100%, 100%),*/
    /*    0 0 0 4px hsl(0, 100%, 0%), */
    /*    0 2px 0 4px hsl(0, 100%, 0%);*/
}

.product-thumb {
    border: 5px solid #ddd;
    margin-bottom: 20px;
    overflow: auto;
}

.product-grid .product-thumb .image {
    float: none;
    border-bottom: 5px solid #ddd;
}

.product-thumb .caption {
    padding: 0 20px;
    min-height: 120px;
}

#product-category .category{
  font-weight: 900;
  margin-right: auto;
}

#product-category .price,
/*#product-category iframe, Removes video iframes */
#product-category .pagination,
#product-category .gallery-btn{
  display: none;
}

#product-category .product-sku{
  font-size: 1.5rem;
  font-weight: 900;
}

#product-category .cate{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 15px;
}

#product-category .misc-buttons{
    margin: 0 10px;
    display: flex;
}

#product-category .misc-buttons .button--alt{
    min-width: 230px!important;
    font-size: 15px;
}
#product-category #compare-total{
    font-size:1.5rem;
    font-weight: 700;
}

#product-category .product-view-row{
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    margin-left: 0;
}

.product-wishlist button{
    border: none;
    background: transparent;
    color: #23A1D1;
}

.product-wishlist button:hover{
    text-decoration: underline;
}

.alert{
    margin-bottom: 0!important;
    max-width: 1000px!important;
    margin: 0 auto;
    border-radius: 0!important;
    border-right: 4px double #000;
    border-left: 4px double #000;
}


.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -2px;
    color: inherit;
}



@media(max-width: 991px){
    .three-buttons .phone-button{
        display: none;
    }
  
    .hero-caption{
        font-size: 2.5rem;
    }
}

@media (min-width: 768px)
{
    #logo.mobile-no-show{
        display: block;
    }
    #mlogo.desktop-no-show, 
    .desktop-no-show{
        display: none;
    }
    .menu-text{
       display: none;
    }

}


@media (max-width: 767px){
     #logo.mobile-no-show
     {
         display:none;
     }
 
     #menu{
         margin-top: 10px;
         padding-top: 2px;
        
     }
     .navbar-collapse.collapse{
          border-radius: 15px;
     }
     .navbar-header{
     /*border: 2px solid #000;*/
     /*box-shadow:*/
     /*   0 0 0 2px hsl(0, 100%, 100%),*/
     /*   0 0 0 4px hsl(0, 100%, 0%);*/
    }
    .mobile-right-nav a {
        color: #fff;
        font-size: 19px;
        margin-top: 0px;
        margin-right: 15px;
        text-shadow: 0 2px 2px rgb(0 0 0 / 95%);
        /* min-height: 15px; */
        background-color: transparent;
        text-transform: uppercase;
        font-weight: 700;
        float: right;
    }
   .navbar-collapse.collapse.navbar-ex1-collapse{
       border: none;
       box-shadow: none;
   }
   .navbar-ex1-collapse .right-nav a{
       display:none;
       
   }
   .breadcrumb{
       margin-top: 0;
   } 
   
   .product-container{
       flex-direction: column;
   }
   .product-container .divider{
       display: none;
      
   }
}
  
@media(max-width: 767px){
    /* Remove all border radius */
    #menu, #common-home #content, #content, .hero, .three-buttons, .breadcrumb{
        border-radius: 0;
        border: 0;
    }
    .navbar-collapse, .card-title{
      /*  display: none; */
    }
     

    .the-footer .col-sm-3{
        text-align:center;
        margin-top:2.5rem;
    }
    
    /* This was used with Orange home buttons    *
     * but did not work out. The buttons couldn't*
     * remain the same size as is on desktop     *
     * so it is best stack them mobile           *
     .button--alt{
        min-width: 150px;
        font-size: 10px;
    }                 */
    
    .three-buttons{
        flex-direction: column;
    }
    
    .three-buttons .button{
        margin: 5px 0;
    }
    
    .paymentimages{
        margin: 0 auto;
        margin-bottom: 2.5rem;
    }
  
    .paymentimages img{
        width: 100px;
    }
    
    footer a{
        font-size:16px;
       
    }
    
    footer li{
        margin: 5px 0;
        text-align: center;
    }
    
    footer h5{
        font-size: 22px;
        text-align: center;
    }
    
    footer h5:after {
        content: " ";
        display: block;
        background-color: #ccc4A2;
        height: 1px;
        width: 250px;
        margin: 0 auto;
        margin-top: 5px;
    }
    
    footer p{
        font-size: 16px;
        text-align:center;
    }
    
    #product-category .cate{
        flex-direction: column;
    }
    
    #product-category .category{
       margin: 0 auto;
       text-align:center;
       padding-bottom: 2rem;
    }
    
    .tabs-new-location {
        margin-bottom: 30px;
        padding: 0 15px 30px;
    }
}



@media (max-width: 680px){
    
    .hero-caption{
        font-size: 2rem;
    }
}

@media (max-width: 550px){
    .hero-caption{
        font-size: 1.5rem;
    }
    .misc-buttons{
        flex-direction: column;
    }
    
    .misc-buttons a{
        margin-bottom: 1rem;
    }
}



#product-opt br{
    display: none;
}

#product-opt .form-group{
    margin-bottom: 30px;
}

#product-opt .radio-flex{
    display: flex;
    align-items: center;
}

#product-opt .radio-flex .radio:not(first-child)
{
    margin-top: 10px;
}

#product-opt .radio-flex .radio{
    margin-right: 10px;
}

#product-video{
    width: 100%;
    display: none; /* hide video install of deleting from each layout.*/
}

#product-video .embed-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom:2rem;
}

#product-video .embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   
}

/*#account-wishlist img{
    max-width: 100px;
}*/

.img-thumbnail{
    max-width: 100px;
}

#account-wishlist aside, #content aside, 
#column-right{
    display:none;
}


/* RUVEN'S MODIFICATIONS */

/* MASTHEAD */

#menu {
    /*height: 140px;*/
    border: 2px solid #000;
    border-radius: 15px; 
    border: 2px solid #000;
    box-shadow:
        0 0 0 2px hsl(0, 100%, 100%),
        0 0 0 4px hsl(0, 100%, 0%), 
        0 2px 0 4px hsl(0, 100%, 0%);
}

/* PRODUCT PAGE */

label {
	font-size: 17px;
}

#tab-description p,
#tab-description.tab-pane.active {
	font-size: 17px;
    
}

@media (max-width: 787px){
    .breadcrumb{
       width: 100%;
       overflow: hidden!important;
       display: table!important;
    }
    
    .insidescroll{
      overflow-x: auto;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      
    }
    
    .insidescroll a {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    
   /* .breadcrumb {
      width: 100%;
      overflow-x: hidden;
      height: 56px;
    }
    .breadcrumb ul {
      overflow-x: scroll;
      height: 100%;
      direction: rtl;
      padding-right: calc(100vw - 72px);
      -webkit-overflow-scrolling: touch;
    }
    .breadcrumb li {
      display: inline-block;
      transform: translateX(100%);
      padding: 0 8px;
      margin: 0 8px 0 -100%;
    }*/
        

}

#wishlist-items .form-control{
    width: 100%;
}
#wishlist-items img{
    max-width: 80px;
}

@media (max-width: 1200px){
  .product-grid .product-thumb .caption {
    min-height: 100px;
    padding: 0 10px;
  }
}

.fa-eye{
    margin-right: 2px;
}

.pagination-info{
    display: none;
}

.tab-content {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 0 10px 10px 10px;
    margin: 0;
}

.nav.nav-tabs {
    margin: 0;
    border-bottom: none;
}

.product-container {
    margin-left: 30px;
    margin-right: 30px;
}

.product-left li{
    font-size: 20px;
    padding-bottom: 5px;
    line-height: 1.5;
}

.title-area{
    display: flex;
   
    
}

.title-area h2{
    width: 50%;
}
.two-buttons{
    display: flex;
}

.two-buttons .button--alt{
    font-size: 16px;
    min-width: 250px;
}

footer p{
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    font-weight: 700;
}

footer .list-unstyled.info-links li:nth-last-child(-n + 3){
    display: none;
}

#copyright{
    width: 100%;
    background-color: #1c1c1c;
    padding: 20px 0px 10px 0px;
    margin-top: 20px;
}

.wish-button{
    width: 20%;
    border-left: 1px solid #ddd;
    display: inline-block;
    float: left;
    background-color: #eee;
    color: #888;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 992px){
    .title-area{
        flex-direction: column;
    }
}

@media (max-width: 676px){
    .title-area h2{
        text-align: center;
        width: 100%;
    }
    .two-buttons{
        flex-direction: column;
        margin: 0 auto;
    }
    .two-buttons a{
        margin: 10px;
    }
}