@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
---------------------------------------------------------------------- */


	/* bootstrap 5 floating labels - reset position */
	.form-floating > label {
	  top: 0;
	  padding: 0.10rem .75rem 1rem .75rem;
	}

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

	/* theme overrides */
/*	.form-control {
	    border-color: rgba(0, 0, 0, 0.4);
	}

	.shop .quantity .minus,  
	.shop .quantity .plus,
	.shop .quantity .qty {
	    border: 1px solid #c2bfbf;
	}*/


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

/* ------------------------------------------------------------------- */
/* 03 HEADER
---------------------------------------------------------------------- */

		/* login modal */
		.modal-header-login {
		  padding: var(--bs-modal-header-padding);
		  border-top-left-radius: var(--bs-modal-inner-border-radius);
		  border-top-right-radius: var(--bs-modal-inner-border-radius);
		}

		.modal-footer-login {
		  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
		  background-color: #FCFAF5;
		  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
		  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
		  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
		}


		/* default black menu-icons */
		.menu-icons {
		  color:  #161616;
		}  
		.menu-icons:hover {
		  color:  #2a2a2a;
		}


		/* turn nav icons white */
		#header .header-nav-features.header-nav-features-light .menu-icons {
		  color: #FFF;
		}

		#header .header-nav-features.header-nav-features-light .menu-icons:hover {
		  color: #FFF;
		  opacity: 50%;
		}

		/* Mobile header */
		.hamburger-sm {
		  font-size: 2rem;
		  color: #ccc;
		  display: block;
		  margin: 10px 15px;
		}

		.hamburger-sm i {
		  color: #1d1d1d;
		}

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

		}

		/* 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: 9px 18px 3px 8px;
		    margin-bottom: 2px;
		    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%;
		}


		}




		/* header icons */
/*		.header-icon-svg {width: 28px; height: 28px;}

		#header .header-nav-features .header-nav-features-cart .cart-info .cart-qty {
	    position: absolute;
	    top: -19px;
		}
*/


/* for mobile */
	
	/* hide the small image on mobile */
	li.hasImage > a > img {
		display: none;
	}


	    /* this determines where the menu breaks from desktop to mobile */
        /* show the mobile menu */
        .show-on-mobile, .show-for-mobile {
        display: block;
        }    
        @media only screen and (min-width: 769px) {
            .show-on-mobile, .show-for-mobile {
                display: none!important;
            }
        }


        /* hide on mobile */
        .hide-on-mobile, .hide-for-mobile {
        display: block;
        }    
        @media only screen and (max-width: 768px) {
            .hide-on-mobile, .hide-for-mobile {
                display: none!important;
            }
        }

        
        @media only screen and (max-width: 769px) {


        	/* background on mobile bar */
	        #header .header-nav-bar .header-container {
			    background: #f1f1f1;
			}

			.header-logo-non-sticky {
				width: 184px;
				height: 48px;
			}


		}






		/* Offcanvas : used for mobile menus */
/*		.offcanvas-active{
		  overflow:hidden;
		}

		.screen-overlay {
		  width:0%;
		  height: 100%;
		  z-index: 30;
		  position: fixed;
		  top: 0;
		  left: 0;
		  opacity:0;
		  visibility:hidden;
		  background-color: rgba(34, 34, 34, 0.6);
		  transition:opacity .2s linear, visibility .1s, width 1s ease-in;
		   }
		.screen-overlay.show {
		    transition:opacity .5s ease, width 0s;
		    opacity:1;
		    width:100%;
		    visibility:visible;
		}

		.offcanvas{
		  width:300px;
		  visibility: hidden;
		  transform:translateX(-100%);
		  transition:all .2s;
		  border-radius:0; 
		  box-shadow: 0 5px 10px rgba(0,0,0, .2);
		  display:block;
		  position: fixed;
		  top: 0;
		  left: 0;
		  height: 100%;
		  z-index: 1200;
		  background-color: #fff;
		  overflow-y: scroll;
		  overflow-x: hidden;
		}

		.offcanvas.offcanvas-right {
		   right: 0;
		   left: auto;
		   transform: translateX(100%); 
		 }

		.offcanvas.show{
		  visibility: visible;
		    transform: translateX(0);
		    transition: transform .2s;
		}

		.offcanvas .btn-close{ position: absolute; right:0px; top:16px; font-size: 2.5em; color: #222; }
			.offcanvas .btn-close: hover;{ text-decoration: none; }


		.offcanvas .list-group-item {
		    padding: 0;
		}

		.offcanvas stack-menu, .side-panel-wrapper .list-group {
		    border-radius: 0;
		}
		.offcanvas .stack-menu__link {
		    padding: 0.75em 1.25em;
		}

		.offcanvas img.offcanvas-logo {max-width: 200px; padding: 30px 15px;}*/



		/* Header */

			/* text rotator */
			.tb_cont1 {
			  height: 25px;
			  overflow-y: hidden;
			}


			/* cart count */
			.nav-icons .cart-info {
			  position: absolute;
			  width: 100%;
			  text-align: center;
			  top: 50%;
			  margin-top: -4px;
			  left: 0;
			  padding: 0;
			  display: block;
			  line-height: 1;
			}

			.nav-icons .cart-info .cart-qty {
			  position: absolute;
			  top: -12px;
			  right: -10px;
			  width: 15px;
			  height: 15px;
			  display: block;
			  font-size: 9px;
			  font-weight: 600;
			  color: #fff;
			  background-color: #ed5348;
			  text-align: center;
			  line-height: 15px;
			  border-radius: 20px;
			  box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.3);
			}






/* ------------------------------------------------------------------- */
/* 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
---------------------------------------------------------------------- */

	.h-98 {height: 98% !important;}



/* PRODUCT TEASER (on the category page)
---------------------------------------- */

	/* vertical grid styles -------------- */


		/* Left Column */
      	.leftColTitle {
            font-size: 1em;
            font-weight: 600;
            color: #212529;
            text-transform: uppercase;
        }


		/* drop-shadow on hover */
	    .card-hover {
	      box-shadow: 0 1px 2px rgba(0,0,0,0.0);
	      transition: box-shadow 0.3s ease-in-out;
	    }

	    .card-hover:hover {
	      box-shadow: 0 5px 30px rgba(0,0,0,0.3);
	    }

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

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

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

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

		/* allow price to float properly */
			/*.price {
				display: block;
				align-items: center;
				min-height: 28px;
			}*/


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


		/* square border around image - https://www.codegrepper.com/code-examples/css/how+to+make+responsive+square+div+in+bootstrap */
		.square {
		  width: 100%;
		  min-height: 150px;
		}

		.square:after {
		  content: "";
		  display: block;
		  padding-bottom: 100%;
		}

		/* badge on products thumb */
		.bg-danger {
		    position: absolute;
		    top:0;
		    right:0;
		}
		.bg-success {
		    position: absolute;
		    top:0;
		    left:0;
		}
		.bg-warning {
		    position: absolute;
		    top:0;
		    left:43%;
		}

/*		.card .prodPrice {
					font-size:1.0rem; 
					color: #333;
					display:inline-block;
					margin-bottom:0;
					}	

		.card .py-2 {padding: 0}*/






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


		.shop .summary .price {
		  margin: 0;
		}


		.detailPrice {
			font-size: 1.2rem;
			margin-bottom: 20px;
		}

		/* Product pricing */
		.prodPrice {
			/*font-size:1.2rem; */
			display:inline-block;
			/*margin-bottom:.5em;*/
			}	
			.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%;
	}
	

	/* Firefox not changing the color of disabled options - https://stackoverflow.com/questions/58437806/why-wont-firefox-grey-out-my-disabled-select-options */
	@-moz-document url-prefix() { 
	  option:disabled { color: #ccc; }
	  }
	}


	/* Product Video */
	  .embed-responsive {
		  position: relative;
		  display: block;
		  width: 100%;
		  padding: 0;
		  overflow: hidden;
		  height: 400px;
	  }
	  .embed-responsive .embed-responsive-item {
		  position: absolute;
		  top: 0;
		  bottom: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  border: 0;
	}



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


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


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

	/* My Profile */

    #myProfile .card-columns {
        column-count: 1;
    }

    @media only screen and (min-width: 811px)  {
        #myProfile .card-columns {
            column-count: 2;
        }
    }



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


	/* Placeholder text */

/*	.form-control::placeholder {
			font-size: 0.9rem;
	    color: #6c757d;
	    opacity: 1;
	}
*/

	.card.card-border-top > .card-body {
		padding: 1.5rem;
	}

	/* format forms */
	label {
		margin-bottom: 0;
	  	margin-top: 0.6rem;
	  	font-size: 0.95em;
	}
	.form-label {
	    margin-bottom: 0rem;
	}






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


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

 	/* basket --------- */

	 	/* mobile responsive tables */
		@media
		only screen and (min-width: 761px)  {


			table.mobile-table { 
				background: white;
				  margin-bottom: 1.25rem;
				  border: solid 1px #dddddd; 
			}
			table.mobile-table th { 
				background: #f5f5f5; 
				font-weight: bold; 
			}
			table.mobile-table td, table.mobile-table th { 
				padding: 0.5625rem 0.625rem;
				font-size: 1.0em;
				color: #222222;
			}
			
			table.mobile-table tr.even, table.mobile-table tr.alt, table.mobile-table tr:nth-of-type(even) {
		    background: #f9f9f9; }

			table.mobile-table td {
			}
			
			

		}

		@media
		only screen and (max-width: 760px)  {


			table.mobile-table { 
				width: 100%; 
				border-collapse: collapse; 
			}
			/*table.mobile-table th { 
				background: #333; 
				color: white; 
				font-weight: bold; 
			}*/
			table.mobile-table td, table.mobile-table th { 
				padding: 10px; 
				border: 1px solid #cc0000; 
				text-align: left; 
			}


			/* Force table to not be like tables anymore */
			table.mobile-table, 
			table.mobile-table thead, 
			table.mobile-table tbody, 
			table.mobile-table th, 
			table.mobile-table td, 
			table.mobile-table tr {
				display: block;
			}

			/* Hide table headers (but not display: none;, for accessibility) */
			table.mobile-table thead tr {
				position: absolute;
				top: -9999px;
				left: -9999px;
			}

			table.mobile-table tr { border: 1px solid #efefef; margin-bottom:15px }

			table.mobile-table td {
				/* Behave  like a "row" */
				border: none;
				border-bottom: 1px solid #efefef;
				position: relative;
				padding-left: 40%;
			}

			table.mobile-table td:before {
				/* Now like a table header */
				position: absolute;
				/* Top/left values mimic padding */
				top: 0px;
				left: 0px;
				width: 35%;
				padding: 10px;
				white-space: nowrap;
				background: #f6f6f6; 
				display:block;
				height:100%;
			}

			/*
			Label the data
			*/
			table.mobile-table td:before { content: attr(data-title); }

		}

		/* small links */
		.SFL_links {
		    font-size:smaller; 
		    padding-top:8px; 
		    color: #ccc;
		}



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

	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;
		font-weight: normal;
	}


	/* 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: 36px;
		height: 38px;
		font-size: 14px;
		line-height:14px;
		outline: 0;
		text-align:center;
		border:1px solid rgba(50, 50, 50, 0.1);
		border-radius:3px;
		-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-left: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: 11px;
		left: 3;
	}

	/* 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: 34px;
			height: 34px;
		font-size: 14px;
		line-height:14px;
		outline: 0;
		text-align:center;
			border:1px solid rgba(50, 50, 50, 0.1);
		border-radius:3px;
		-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-left:5px;
	}
	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: 9px;
		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;
	}*/



	/* Payment Page */
        h4.underline {
            border-bottom:1px solid #efefef; 
            padding-bottom:3px; 
            margin-bottom:6px;
        }




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



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

	
	/* the svg is black, I want almost white so I'm inverting the color */
/*    .icon-svg {
        filter: invert(0.7);
        width: 28px
    }
*/

/* ------------------------------------------------------------------- */
/* 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 {
      font-family: 'Raleway', Arial, sans-serif;
      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:190px;
    }
    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%);
    }
	





/* ------------------------------------------------------------------- */
/* 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.
----------------------------------------- */


	/* Print */
	  /*@media print {
	  td, p, a {font-size:smaller;}
	  }*/


/* -----------------------------------------
/* 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.
----------------------------------------- */


/* alerts */
/*.alert-danger {
    background: #cc0000;
    text-align: center;
    color: white;
    font-size: 1.25rem;
}*/



/*.formfielderror {
	border : #c60f13 0.5px solid !important;
	background-color:#FFE4E8 !important;
}*/