@charset "UTF-8";
/* CSS Document */



/* ------------------------------------------------------------------- */
/* CFWebstore
----------------------------------------------------------------------
 
  Template: 6.60
  URL: http://cfwebstore.com/
  
*/


/* ------------------------------------------------------------------- */
/* Bootstrap Framework
---------------------------------------------------------------------- 
   
   All the site defaults are set in js/vendor/bootstrap/bootstrap.min.css. 
   This document alters or adds to that base CSS. Don't modify bootstrap.min.css
   so it can be easily updated in the future.
   
----------------------------------------- */



/* ------------------------------------------------------------------- */
/* Table of Contents
----------------------------------------------------------------------

01. Site Defaults
02. Top Bar
03. Header
04. Navigation
05. Home Page
06. Category
07. Product
08. Blog
09. Features
10. Page
11. Shopping Cart
12. Wishlist
13. Footer
14. Buttons
15. Misc
16. Dealers
17. Gallery
18. Media Queries
19. Default Site Colors

----------------------------------------------------------------------*/



/* ------------------------------------------------------------------- */
/* 01 SITE DEFAULTS
---------------------------------------------------------------------- */


/*html {
  scroll-behavior: smooth;
}*/


	/* headers */
	/*h1, .h1 {
		margin-bottom: 0;
	}*/

	h1 {
		font-size: 2.6em;
		line-height: 44px;
		margin: 0 0 12px 0;
	}

	h2 {
		font-size: 2.2em;
		font-weight: 300;
		line-height: 42px;
		margin: 0 0 32px 0;
	}

	h3 {
		font-size: 1.8em;
		font-weight: 400;
		line-height: 24px;
		margin-bottom: 33px;
		text-transform: none;
	}

	h4 {
		font-size: 1.4em;
		font-weight: 600;
		line-height: 27px;
		margin: 0 0 14px 0;
	}

	h5 {
		font-size: 1em;
		font-weight: 600;
		line-height: 18px;
		margin: 0 0 14px 0;
		text-transform: none;
	}

	h6 {
		color: #333;
		font-size: 1em;
		font-weight: 400;
		line-height: 18px;
		margin: 0 0 14px 0;
	}

/* ------------------------------------------------------------------- */
/* 02 TOP BAR
---------------------------------------------------------------------- */

/* ------------------------------------------------------------------- */
/* 04 HEADER
---------------------------------------------------------------------- */

	/* Search - autocomplete for products */
		.ui-autocomplete{
		z-index: 12345 !important;
	}


/* ------------------------------------------------------------------- */
/* 04 NAVIGATION
---------------------------------------------------------------------- */

	/* mega menu */
		@media (min-width: 769px) {

			/* Drop Down Containers */
			#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu.dropdown_1column {
				width: 8.3334%;
				padding-left: 2%;
				padding-right: 2%;
				left: auto;
				right: inherit;
			}
			#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu.dropdown_2columns {
				width: 16.6667%;
				padding-left: 1.8333%;
				padding-right: 1.8333%;
				left: auto;
				right: inherit;
			}
			#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu.dropdown_3columns {
				width: 25%;
				padding-left: 1.5%;
				padding-right: 1.5%;
				left: auto;
				right: inherit;
			}
			#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu.dropdown_4columns {
				width: 33.3334%;
				padding-left: 1.333%;
				padding-right: 1.333%;
				left: auto;
				right: inherit;
			}
			#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu.dropdown_5columns {
				width: 41.6667%;
				padding-left: 1.166%;
				padding-right: 1.166%;
				left: auto;
				right: inherit;
			}

			#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu.dropdown_6columns {
			    border-radius: 4px;
			    width: 50%;
				padding-left: 1%;
				padding-right: 1%;
				left: auto;
				right: inherit;
			}

			#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu.dropdown_7columns {
				width: 58.3334%;
				padding-left: 0.833%;
				padding-right: 0.833%;
				left: auto;
				right: inherit;
			}
			#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu.dropdown_8columns {
				width: 66.6667%;
				padding-left: 0.666%;
				padding-right: 0.666%;
				left: auto;
				right: inherit;
			}
			#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu.dropdown_9columns {
				width: 75%;
				padding-left: 0.5%;
				padding-right: 0.5%;
				left: auto;
				right: inherit;
			}
			#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu.dropdown_10columns {
				width: 83.3334%;
				padding-left: 0.333%;
				padding-right: 0.333%;
				left: auto;
				right: inherit;
			}
			#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu.dropdown_11columns {
				width: 91.6667%;
				padding-left: 0.1666%;
				padding-right: 0.1666%;
				left: auto;
				right: inherit;
			}
			/*#header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu.dropdown_fullwidth {
				width: 100%;
			}*/


		}

		/* tabbed menu */
		.dropdown-mega .tabs {
			border-radius: 4px;
			margin-bottom: 0px;
		}

		.dropdown-mega .nav-tabs li.active .nav-link,
		.dropdown-mega .nav-tabs li.active .nav-link:hover,
		.dropdown-mega .nav-tabs li.active .nav-link:focus {
			background: #FFF !important;
			border-left-color: #EEE;
			border-right-color: #fff;
			border-top: 3px solid #CCC;
			color: #CCC;
		}

		.dropdown-mega .tab-content {
			border-radius: 0;
			box-shadow: -11px 0px 8px -4px rgba(0,0,0,0.05);
			-webkit-box-shadow: -11px 0px 8px -4px rgba(0,0,0,0.05);
			-moz-box-shadow: -11px 0px 8px -4px rgba(0,0,0,0.05);
			background-color: #FFF;
			border: 0px solid #EEE;
			border-top: 0;
			padding: 15px;
		}

		/* Vertical */
		.dropdown-mega .tabs-vertical {
			display: table;
			width: 100%;
			padding: 0;
			border-top: 0px solid #EEE;
		}

		.dropdown-mega .tabs-vertical .nav-tabs {
			border-bottom: none;
			display: table-cell;
			height: 100%;
			float: none;
			padding: 0;
			vertical-align: top;
			width: 25%;
		}

		.dropdown-mega .tabs-vertical .nav-tabs > li .nav-link {
			border-radius: 0;
			display: block;
			padding-top: 10px;
		}

		.dropdown-mega .tabs-vertical .nav-tabs > li .nav-link, 
		.dropdown-mega .tabs-vertical .nav-tabs > li .nav-link:hover, 
		.dropdown-mega .tabs-vertical .nav-tabs > li .nav-link:focus {
			border-bottom: none;
			border-top: none;
		}

		/* category header, only used if has sub-cats */
		#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a.mega-heading {
		    border-bottom: 1px solid #f7f7f7;
		    color: #222;
		    font-size: 0.8em;
		    padding: 6px 18px 6px 8px;
		    letter-spacing: normal;
		    font-weight: 600;
		}


		/* only applies to images in the mega menu */
		#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.hasImage {
		    text-align: center;
		}

		#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.hasImage img {
			height: 125px;
		}

		#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.hasImage div {
			height: 60px;
			display: block;
			line-height: 1;
		}

		#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.hasImage a {
		    border-bottom: 0px solid #f7f7f7;
		    color: #777;
		    font-size: 0.8em;
		    font-weight: 400;
		    padding: 0;
		    position: relative;
		    text-transform: none;
		    letter-spacing: normal;
		    line-height: 50%;
		}




/* ------------------------------------------------------------------- */
/* 05 HOME PAGE
---------------------------------------------------------------------- */

	/* to make the gradient - https://cssgradient.io/ */
	/* gradient-over-image background - https://teamtreehouse.com/community/how-to-make-a-transparent-gradient-over-an-image */
	/*.help-hero {  
	height: 375px; 
	background: linear-gradient(125deg, rgba(70,113,16,0.8155462868741247) 40%, rgba(255,255,255,0) 71%), url("../images/homepage/help-hero-1.jpg") no-repeat center; 
	background-size: cover; 

	display: flex;
  	align-items: center;
	}*/

/* ------------------------------------------------------------------- */
/* 06 CATEGORY
---------------------------------------------------------------------- */




	/* Product teaser --------- */

	/* New banner */
/*	.flag-new:before { content: "NEW"; }
	.flag-new {
	  color:#f1f1f1;
	  font-size: 0.9em;
	  font-weight: bold;
	  background: #212529; 
	  padding:2px 11px 1px 11px;
	  position: absolute; top: 25px; right: -2px;
	}  
	.flag-new:after {
	  content: "";
	  position: absolute;
	}
	.flag-new:after {
	  height: 0;
	  width: 0;
	  right: 0;
	  bottom: -10px;
	  border-top: 10px solid #000;
	  border-right: 10px solid transparent;
	}*/

	/* Sale */
/*	.flag-new:before { content: "SALE"; }
	.flag-new {
	  color:#f1f1f1;
	  font-size: 0.9em;
	  font-weight: bold;
	  background: #212529; 
	  padding:2px 11px 1px 11px;
	  position: absolute; top: 25px; right: -2px;
	}  
	.flag-new:after {
	  content: "";
	  position: absolute;
	}
	.flag-new:after {
	  height: 0;
	  width: 0;
	  right: 0;
	  bottom: -10px;
	  border-top: 10px solid #000;
	  border-right: 10px solid transparent;
	}*/

	/* Hot Banner */
/*	.flag-new:before { content: "HOT"; }
	.flag-new {
	  color:#f1f1f1;
	  font-size: 0.9em;
	  font-weight: bold;
	  background: #212529; 
	  padding:2px 11px 1px 11px;
	  position: absolute; top: 25px; right: -2px;
	}  
	.flag-new:after {
	  content: "";
	  position: absolute;
	}
	.flag-new:after {
	  height: 0;
	  width: 0;
	  right: 0;
	  bottom: -10px;
	  border-top: 10px solid #000;
	  border-right: 10px solid transparent;
	}	*/	

	/* badge on products thumb */
	.product-thumb-info-image .badge-danger {
	    position: absolute;
	    top:0;
	    right:0;
	}
	.product-thumb-info-image .badge-success {
	    position: absolute;
	    top:0;
	    left:0;
	}
	.product-thumb-info-image .badge-warning {
	    position: absolute;
	    top:0;
	    left:45%;
	}





	/* vertical grid styles -------------- */
	.card-vertical {
		/*padding:20px;*/ 
		height: 100% 
	}


	/* full grid, no spacing */    
	.grid-lines-1 {
	    border-top:1px solid #ddd;
	    border-left:1px solid #ddd;
	}    
	.grid-lines-1 > .col {
	  border-right: 1px solid #ddd;
	  border-bottom: 1px solid #ddd;
	}

	/* boxed */
	.grid-lines-2 .card-vertical {
	        margin:6px;
	        border:1px solid #ddd; 
	        height: 98% }

	/* drop shadow on hover */
	.grid-lines-3 .card-vertical {
	        margin:15px;
	        border:1px solid #ddd; 
	        height: 95% }

	            .grid-lines-3 .card-vertical:hover {
	            border:1px solid #ffffff;
	            box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.3);
	            -webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.3);
	            -moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.3);
	        }





/* ------------------------------------------------------------------- */
/* 07 PRODUCT DETAIL
---------------------------------------------------------------------- */



	/* Product detail */
	.flag-new-lg:before { content: "New"; }
	.flag-new-lg {
	  color:#f1f1f1;
	  font-size: 0.9em;
	  font-weight: bold;
	  background: #212529; 
	  padding:2px 11px 1px 11px;
	  position: absolute; top: 25px; right: 5px;
	  z-index:1100;
	}  
	.flag-new-lg:after {
	  content: "";
	  position: absolute;
	}
	.flag-new-lg:after {
	  height: 0;
	  width: 0;
	  right: 0;
	  bottom: -10px;
	  border-top: 10px solid #000;
	  border-right: 10px solid transparent;
	}


	/* price */
	/*.shop .summary .price {
	    margin: 10px 0;
	}*/

	/* Style for Product SKU, number in stock, etc. */
	.reviewButtons {margin:15px 0}
	.prodSKU {
		font-size : 0.95em;
		color : #666666;
	}

	.prodAvailability {
		font-size : 1em;
		font-weight: bold;
		color : #666666;
	}

	/* Product price line */
	.productDetail #putprice { margin-bottom:10px	}

		/* Product pricing */
		.prodPrice {
			font-size:1.5rem; 
			/*line-height:120%;*/
			display:inline-block;
			margin-bottom:15px;
			}	
			.prodPrice .Label {
				font-weight:bold;
				}
		
		.prodPrice .Suggested {
			color:#888888;
			}
		.prodPrice .Regular {
			color:#888888;
			}
		.prodPrice .YourPrice {
			font-weight:bold;
			}
		.prodPrice .Retail {
			color:#888888;
			}
			.prodPrice.Strike {
				text-decoration: line-through;
				color:#929090;
				padding-right:4px;
				}
				.prodPrice.highlighter {
					background: #FFECB7;
					padding:0 4px;
					}
		.prodPrice .Group {
			}
		.prodPrice .Wholesale {
			}	
		.prodPrice .Savings {
			font-size:0.9em;
			font-style:italic;
			font-weight:bold;
			color:maroon;
			}




	.shop .summary .adc {
		padding:12px 32px;
	}

	.shop .summary .registry, .shop .summary .wishlist {
		padding:12px 16px;
	}



	/* star rating system - http://stackoverflow.com/questions/30765441/use-font-awesome-star-rating-define-by-width */
	.rating {
	  display: inline-block;
	  font-family: "Font Awesome 5 Free";
		font-style: normal;
		font-variant-caps: normal;
		font-variant-ligatures: normal;
		font-weight: 900;
		text-rendering: auto;
	  font-size: 18px;
	  color: #ccc;
	  position: relative;
	}
		.rating.large {font-size: 30px;}
		.rating.small {font-size: 12px;}
	.rating::before,
	.rating::after {
	  content:"\f005\f005\f005\f005\f005";
	  display: block;
	}
	.rating::after {
	  color: gold;
	  position: absolute;
	  top: 0;
	  left: 0;
	  overflow: hidden;
	}
	
	.rating.s0::after {
	  width: 0%;
	}
	.rating.s1::after {
	  width: 20%;
	}
	.rating.s2::after {
	  width: 40%;
	}
	.rating.s3::after {
	  width: 60%;
	}
	.rating.s4::after {
	  width: 80%;
	}
	.rating.s5::after {
	  width: 100%;
	}
	





/* ------------------------------------------------------------------- */
/* 08. BLOG
---------------------------------------------------------------------- */


/* ------------------------------------------------------------------- */
/* 09. FEATURES
---------------------------------------------------------------------- */


/* ------------------------------------------------------------------- */
/* 10. PAGE
---------------------------------------------------------------------- */

/* ------------------------------------------------------------------- */
/* 11. SHOPPING CART
---------------------------------------------------------------------- */

	/* shopping cart image size */
	.cart-image {max-height: 100px;}


 	table.cart-totals th, table.cart-totals td {
 		text-align: right;
 	}


	/* Checkout
	-------------------------------------- */
	.button-checkout {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 15px 0 !important;
	border-radius:0 !important;
	}
	.checkout-section {
	background:#f4f4f4;
	color: #808080;
	font-size: 16px;
	font-weight: 600;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin: 0 0 15px 0;
	}
	.checkout-section.active {
	background: #777;
	color: #fff;
	}
	.checkout-section.active strong {color:rgba(250,250,250,0.75)}
	a:hover .checkout-section {
	background: #258faf;
	color: #fff;
	}
	.checkout-section p {
	position: relative;
	display: inline-block;
	}
	.checkout-section span {
	background: rgba(0,0,0,0.05);
	display: inline-block;
	padding: 14px 22px 12px 22px;
	font-weight: 700;
	font-size: 14px;
	margin: 0 10px 0 0;
	color: #909090;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}
	.checkout-section.active span {
	background: rgba(0,0,0,0.0.9);
	color: #fff;
	}
	a:hover .checkout-section span {
	background: rgba(0,0,0,0.15);
	color: #fff;
	}
	.checkout-content,
	.checkout-delivery,
	.checkout-summary {
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	padding: 0 3px;
	}
	.checkout-summary,
	.checkout-delivery.active {
	border:0;
	margin-bottom:0;
	}
	.continue.button {
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	padding: 16px 0;
	margin: 0 0 30px 0;
	}
	/* Forms */
	/*.checkout-content select,
	.checkout-summary select {
	padding: 10px 12px;
	cursor: pointer;
	}
	.checkout-content select,
	.checkout-content input {
	margin: 0 0 15px 0;
	width: 95.4%;
	}
	.checkout-content .half {
	display: inline-block;
	width: 45.8%;
	}
	.checkout-content .half.first {
	padding: 0 30px 0 0;
	}
	.checkout-content .fullwidth,
	.checkout-content .fullwidth select,
	.checkout-content select.fullwidth {
	display: inline-block;
	width: 100%;
	}
	.checkout-content input.fullwidth,
	.checkout-content .fullwidth input {
	display: inline-block;
	width: 95%
	}*/
	a:hover .checkout-section strong {color: #fff;}
	.checkout-section strong {
	float: right;
	font-size: 14px;
	margin: 13px 15px 0 0;
	color: #808080;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}
	.checkout-section strong i {
	margin: 0 3px 0 0;
	}
	/* Checkout Cart (mini cart) */
	.qty-checkout { text-align: center; }
	.checkout td.cart-total {padding-right: 35px;}
	.checkout td {line-height: 20px;}
	.checkout-section.cart {
	padding: 12px 24px 12px 24px;
	background: #606060;
	color: #fff;
	margin:0;
	}
	.checkout-section.cart strong {
	float: right;
	font-size: 14px;
	margin: 2px 15px 0 0;
	color: rgba(250,250,250,0.75);
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}
	.checkout-section.cart strong i {
	margin: 0 3px 0 0;
	}
	.checkout-subtotal {
	margin: 0 15px 0 5px;
	color: #808080;
	float: right;
	}
	.checkout-subtotal.summary {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e0e0e0;
	width: 94.5%;
	position: relative;
	text-align: right;
	}
	.checkout-subtotal span {
	color: #606060;
	margin-left: 5px;
	display: inline-block;
	min-width: 75px;
	text-align:right;
	}


	/* update product quantity */
	/* update product quantity */
	a.cart-update {
	background: #c0c0c0;
	color: #fff;
	border: none;
	float: left;
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-variant-caps: normal;
	font-variant-ligatures: normal;
	font-weight: 900;
	text-rendering: auto;
	cursor: pointer;
	width: 30px;
	height: 30px;
	font-size: 14px;
	line-height:14px;
	outline: 0;
	text-align:center;
	border:1px solid rgba(50, 50, 50, 0.25);
	border-radius:3px;
	/*	-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin:-2px 0 0 5px;
	}
	a.cart-update {
	background-color: #f6f6f6;
	color: #a0a0a0;
	}
	a.cart-update:hover {
	background: #606060;
	color: #fff;
	}
	.cart-update:before { content: "\f021"; }
	.cart-update:before {
	position: relative;
	display: block;
	top: 7px;
	left: 0;
	}

	/* delete product */
	a.cart-delete {
	background: #c0c0c0;
	color: #fff;
	border: none;
	float: left;
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-variant-caps: normal;
	font-variant-ligatures: normal;
	font-weight: 900;
	text-rendering: auto;
	cursor: pointer;
	width: 26px;
	height: 26px;
	font-size: 14px;
	line-height:14px;
	outline: 0;
	text-align:center;
	border:1px solid rgba(50, 50, 50, 0.25);
	border-radius:3px;
	/*	-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);*/
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	margin:3px 0;
	}
	a.cart-delete {
	background-color: #f6f6f6;
	color: #a0a0a0;
	}
	a.cart-delete:hover {
	background: #df2727;
	color: #fff;
	}
	.cart-delete:before { content: "\f00d"; }
	.cart-delete:before {
	position: relative;
	display: block;
	top: 5px;
	left: 0;
	}



	/* force the right side mini-cart to be height auto instead of 100vh */
	.featured-box-custom {
	    background: #FFF;
	    box-sizing: border-box;
	    border-bottom: 1px solid #DFDFDF;
	    border-left: 1px solid #ECECEC;
	    border-radius: 8px;
	    border-right: 1px solid #ECECEC;
	    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05);
	    margin-bottom: 20px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 20px;
	    min-height: 100px;
	    position: relative;
	    text-align: center;
	    z-index: 1;
	}

	.featured-box-custom .box-content {
	    border-radius: 8px;
	    border-top: 1px solid rgba(0, 0, 0, 0.06);
	        border-top-color: rgba(0, 0, 0, 0.06);
	        border-top-width: 1px;
	    border-top-width: 4px;
	    padding: 28.8px;
	    padding: 1.8rem;
	    position: relative;
	}



/* ------------------------------------------------------------------- */
/* 12. WISHLIST
---------------------------------------------------------------------- */



/* ------------------------------------------------------------------- */
/* 13 FOOTER
---------------------------------------------------------------------- */



/* ------------------------------------------------------------------- */
/* 14. BUTTONS
---------------------------------------------------------------------- */

	

/* ------------------------------------------------------------------- */
/* 15 Dealer Maps
---------------------------------------------------------------------- */
#map { height: 500px; width:100% }
.size1 {width:365px; padding:3px; line-height:26px; font-size:12px}
.size2 {padding:3px; line-height:18px; font-size:12px}

.big_map {
	margin-top:15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: 5px solid #e9e9e9;
	padding: 10px;}


/* ------------------------------------------------------------------- */
/* 16 GALLERY STYLES
---------------------------------------------------------------------- */
	
	/* Team */
	/* https://www.littlesnippets.net/snip1218 */
	figure.snip1218 {
	  position: relative;
	  overflow: hidden;
	  margin: 10px;
	  min-width: 220px;
	  max-width: 310px;
	  width: 100%;
	  background: #34495e;
	  color: #333;
	  text-align: center;
	  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	  font-size: 16px;
	}
	figure.snip1218 * {
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  -webkit-transition: all 0.35s ease;
	  transition: all 0.35s ease;
	}
	figure.snip1218 img {
	  max-width: 100%;
	  vertical-align: top;
	}
	figure.snip1218 .image {
	  position: relative;
	  border-bottom: 4px solid #34495e;
	  z-index: 1;
	}
	figure.snip1218 .image:before {
	  width: 0;
	  height: 0;
	  border-style: solid;
	  border-width: 20px 20px 0 20px;
	  border-color: #34495e transparent transparent transparent;
	  content: '';
	  position: absolute;
	  top: 100%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -15px);
	  transform: translate(-50%, -15px);
	  z-index: -1;
	  -webkit-transition: all 0.35s ease;
	  transition: all 0.35s ease;
	}
	figure.snip1218 .image p {
	  font-weight: 500;
	  margin: 0;
	  padding: 0 30px;
	  line-height: 1.6em;
	  position: absolute;
	  top: 50%;
	  width: 100%;
	  color: #ffffff;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
	  opacity: 0;
	  font-style: italic;
	}
	figure.snip1218 figcaption {
	  background-color: #ffffff;
	  padding: 25px;
	  min-height:205px;
	}
	figure.snip1218 h3 {
	  margin: 0 0 5px;
	  text-transform: uppercase;
	  font-weight: 400;
	}
	figure.snip1218 h3 span {
	  font-weight: 800;
	}
	figure.snip1218 h5 {
	  margin: 0 0 15px;
	  font-weight: 400;
	}
	figure.snip1218:hover .image:before,
	figure.snip1218.hover .image:before {
	  border-color: #34495e transparent transparent transparent;
	  -webkit-transform: translate(-50%, 0px);
	  transform: translate(-50%, 0px);
	}
	figure.snip1218:hover .image p,
	figure.snip1218.hover .image p {
	  opacity: 1;
	}
	figure.snip1218:hover .image img,
	figure.snip1218.hover .image img {
	  opacity: 0.2;
	  -webkit-filter: grayscale(100%);
	  filter: grayscale(100%);
	}


	figure.snip1218 figcaption table td a:hover {
	  background-color: #ffffff;
	}

	a .fas-stack {color:#5d6773;}
	a:hover .fas-stack {color:#efa81d;}




	/* Center Gallery */
	.toggle-title:before{
		right: 0 !important;
		left: auto !important;
		color: #000000 !important;
		font-size:12px !important;
	}
	.toggle-title:after{
		content: none !important;
		background: none !important;
	}
	.toggle-title{
		padding-left: 0px !important;
		
	}

	.slick-slide {
	    opacity: 0.5;
	}


	element.style {
	}
	.slick-initialized .slick-slide {
	    display: block;
	}
	.slick-initialized .slick-slide {
	    display: block;
	}
	.slick-slide {
	    display: none;
	    float: left;
	    height: 100%;
	    min-height: 1px;
	}
	.slick-center, slick-active {
	    opacity: 1;
	}
	.item {
	    position: relative;
	    border: 5px solid white;
	}
	button.slick-prev, button.slick-next {
	    margin-right: 50px;
	    margin-left: 50px;
	    opacity: 0.5;
	}
	.slick-prev {
	    left: -10px !important;
	}
	.slick-prev, .slick-next {
	    width: 50px !important;
	    height: 50px !important;
	    background-color: #ffffff !important;
	}
	.slick-prev::before, .slick-next::before {
	    color: #777 !important;
	}




/* ------------------------------------------------------------------- */
/* 17 MISC
---------------------------------------------------------------------- */


/* Back to Top ------------------------ */
	/*#backtotop {
		position: fixed;
		right: 0;
		display: none;
		bottom: 20px;
		margin: 0 20px 0 0;
	}
	
	#backtotop a {
		text-decoration: none;
		border: 0 none;
		display: block;
		width: 45px;
		height: 45px;
		background-color: rgba(0,0,0,0.25);
		color: #fff;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
	#backtotop a:after {
		content: "\f077";
		font-family: "Font Awesome 5 Free";
		font-style: normal;
		font-variant-caps: normal;
		font-variant-ligatures: normal;
		font-weight: 900;
		text-rendering: auto;
		position: relative;
		display: block;
		top: 10px;
		left: 15px;
	}
	
	#backtotop a:hover { background-color: #808080; }*/






/* ALPHA MENU (SITEMAP)  ------------------------ */
.alphasearch {
	text-align:center; 
	color: #ccc;
	margin-bottom:15px;
	}
	.alphasearch a.alphaon, .alphasearch a.alphaoff {
		font-size:0.85em;
		padding:3px 8px;
		border-radius:3px;
		}
		.alphasearch a.alphaon, .alphasearch a.alphaon:hover, .alphasearch a.alphaoff:hover {
			background:#C0C0C0; color:white;
			}


/* Preventing FOUC 

Before the JavaScript on your page loads, you'll be able to see both the mobile and desktop element at once for a brief second. This is known as a flash of unstyled content. There's not an easy way for the framework to handle this for you, but you can add some extra CSS to account for it.

------------------------ */
	/*.no-js .top-bar {
	  display: none;
	}
	
	@media screen and (min-width: 40em) {
	  .no-js .top-bar {
		display: block;
	  }
	
	  .no-js .title-bar {
		display: none;
	  }
	}*/


/* Styles added to fix the issue with zoom in on iphone 
------------------------ */
/* iPhone < 5: */
/*@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}*/

/* iPhone 5, 5C, 5S, iPod Touch 5g */
/*@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}*/

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
/*@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}*/

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
/*@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px; }
}*/


/* -----------------------------------------
/* 18 MEDIA QUERIES

	Media queries specify CSS for certain screen sizes. Elements that 
	work on a full desktop might need to be modified on mobile screens.
----------------------------------------- */




/* -----------------------------------------
/* 19 DEFAULT SITE COLOR

	Media queries specify CSS for certain screen sizes. Elements that 
	work on a full desktop might need to be modified on mobile screens.
----------------------------------------- */