@charset "UTF-8";

/* RESET */
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
	
/*@media screen and (prefers-reduced-motion: reduce) {
  * {animation: none !important; transition: none !important;
	animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
	}
}*/

:root {
	--white:#fff;	
	--nearwhite:#f2f2f2;
	--offwhite:#f3f5f3;
	
	--ltgreen:#e3e8e3;
	--green:#18341b;
	--offgreen:#336138;
	
	
	
	--ltgray: #e8e8e8;
	--gray:#a5a5a5;
	
	--offblack: #242424;
	--nearblack: #101110;	
	--black: #000;
}


/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
html {scroll-behavior: smooth;}
body {font-size:100%; font-family: "futura-pt", sans-serif !important; background:var(--white);}

/* SELECTION */	
::selection {color:var(--white); background:var(--green);}
::-moz-selection {color:var(--white); background:var(--green);}


/* CLEAR */
.clear {clear: both;}

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:26px; font-weight:normal;}
h2 {font-size:24px; font-weight:normal;}
h3 {font-size:20px; font-weight:normal;}
h4 {font-size:18px; font-weight:normal;}
h5 {font-size:16px; font-weight:normal;}
h6 {font-size:14px; font-weight:normal;}

hr {border-top:1px var(--offblack) solid;/* border-bottom:1px var(--black) solid;*/}

/* LINKS */
a{transition:.5s ease-in;}
a:link, a:visited {color:inherit; text-decoration:none;}
a:hover, a:active {color:inherit; text-decoration:none;}

a[href^="tel:"] {color:inherit;  text-decoration: none;}

img {display:block;}
em {font-style:italic;}
strong {font-weight: 700;}






/* VISIBLE FOCUS
------------------------------------------------*/	
/*a:focus,
button:focus,
input:focus {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}*/



/*
font-family: "futura-pt", sans-serif;
font-weight: 400;
font-style: italic;
*/



/*  BUTTONS
------------------------------------------------*/
a.global-button {position:relative; display:inline-block; margin:5px; margin-bottom:25px; line-height:1; font-weight:600; text-decoration: none; border-radius:25px; }


a.solid-button {overflow:hidden; padding:18px 50px; color:var(--white); background:var(--offgreen);}
a.solid-button:hover {z-index:5; color:var(--nearwhite); background:var(--nearblack);}

a.solid-button::after {content:''; position: absolute; z-index:-1; top:0; left:0; width: 100%; height:100%; background:var(--offgreen);}
a.solid-button:hover::after {background:var(--nearblack); animation: swing-in-left-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;}



a.outline-button {overflow:hidden; padding:16px 50px; color:var(--green); border:2px var(--green) solid; background:transparent;}
a.outline-button:hover {z-index:5; color:var(--white); background:var(--offgreen);}

a.outline-button::after {content:''; position: absolute; z-index:-1; top:0; left:0; width: 100%; height:100%; background:transparent; opacity:0;}
a.outline-button:hover::after {opacity:1; background:var(--offgreen); animation: swing-in-left-fwd 1.25s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;}


a.white-outline {color:var(--white); border:2px var(--white) solid;}


/* ----------------------------------------------
 * Generated by Animista on 2026-6-30 9:54:0 Licensed under FreeBSD License.  See http://animista.net/license for more info.  w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/* -- animation swing-in-left-fwd -- */
@-webkit-keyframes swing-in-left-fwd{0%{transform:rotateY(100deg);transform-origin:left;opacity:0}100%{transform:rotateY(0);transform-origin:left;opacity:1}}
@keyframes swing-in-left-fwd{0%{transform:rotateY(100deg);transform-origin:left;opacity:0}100%{transform:rotateY(0);transform-origin:left;opacity:1}}






/* COLUMN CONTAINER
------------------------------------------------*/
.col-tainer {position:relative; z-index:1; display:flex; flex-flow:row wrap; gap:50px 2%;}

.inner-wrap {margin:calc(15px + 3%) 7.5%;}

.col-1-1 {width:100%; margin:0;}
.col-1-2 {width:49%; margin:0 auto;}

.col-1-3 {width:32.3%; margin:0;}
.col-2-3 {width:65.6%; margin:0;}

.col-1-4 {width:24%; margin:0;}
.col-3-4 {width:74%; margin:0;}

.col-center {text-align:center; margin:0 auto;}


/* HEADER
------------------------------------------------*/	
.global-header {
	display: grid;
	grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(2, auto);
    gap: 8px;
	padding:10px 3%;
	background:var(--green);}	
	

/* LOGO
------------------------------------------------*/	
.head-logo {grid-row: span 2 / span 2; font-size:48px; text-transform: uppercase; font-weight:700; color:var(--white);}	
.head-logo a {display:flex; align-items:flex-end;}
.head-logo span {margin:0 0 10px -56px; line-height:.85;}
.head-logo img {width:157px; height:110px;}


/* HEAD UPPER - SECONDARY NAV
------------------------------------------------*/	
.head-upper {display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-end; gap:1vw;}

.head-phone {margin:0 0 0 auto;}
.head-phone a::before {content: "\f095"; position:relative; top:50%; left:-12px; font-size:11px; color:var(--offgreen); font-family: FontAwesome; transform: translateY(-50%);}
.head-phone a {font-size:20px; line-height:1; font-weight:600; color:var(--offwhite);}


/*  SECONDARY NAVIGATION
------------------------------------------------*/
nav.secondary {z-index:500;position:relative; margin:0; padding:0;}
nav.secondary ul {display:flex; flex-flow:row; align-items:center; /*gap:8.5%;*/ /*justify-content:space-around;*/ margin:0; padding:0;}
nav.secondary ul li {margin:0; padding:0; list-style-type:none;}			
nav.secondary ul li a {display:block; position:relative; margin:0 1vw; padding:0 10px; font-size:20px; line-height:1; letter-spacing:.5px;  font-weight:300; text-decoration:none; color:var(--offwhite); cursor:pointer; transition:.5s ease-in;}	
nav.secondary ul li a:hover {color:var(--gray);}

nav.secondary ul li a::after {content:''; position:absolute; z-index: 1; bottom:-8px; left:-2px; width:0; height:2px; background:var(--green); transition:.5s ease;}
nav.secondary ul li a:hover::after {width:100%; height:2px; background:var(--offgreen);}


/* HEAD LOWER - PRIMARY NAV AND SEARCH
------------------------------------------------*/	
.head-lower {grid-column-start: 2; display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-end;}


/*  PRIMARY NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {z-index:500; position:relative; margin:0 0 -15px auto; padding:0;}
nav.primary ul {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:space-around; margin:0; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none;}
nav.primary ul li a {
	display:block; position:relative; margin:0 1.5vw; padding:15px 10px;
    font-size:24px; line-height:.8; font-weight:700; text-align:left; text-decoration:none; text-transform:uppercase; color:var(--offwhite); cursor:pointer; transition:.5s ease-in;	
}	

nav.primary ul li a span {font-size:18px; line-height:1; font-weight:400;}
nav.primary ul li a.drop-icon::before {content: "\2b"; position:absolute; z-index:5;  top:4px; right:-6px; font-size:11px; color:var(--ltgreen); font-family: FontAwesome; transition: transform 0.8s ease;}
nav.primary ul li a:hover.drop-icon::before {content: "\f068"; position:absolute; top:4px; right:-6px; font-size:11px; color:var(--ltgreen); font-family: FontAwesome;}
nav.primary ul li a:hover {color:var(--gray);}

nav.primary ul li a::after {content:''; position:absolute; z-index: 1; top:7px; right:-2px; width:0; height:2px; background:var(--green); transition:.5s ease;}
nav.primary ul li a:hover::after {width:100%; height:2px; background:var(--offgreen);}


/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: auto;}
nav.primary ul li li a {margin:0; padding:8px 15px; font-size:20px; line-height:1; font-weight:500; text-align:left; text-transform: none; color:var(--offgreen); border:0; transition: .25s ease-in-out;}
nav.primary ul li li a:hover {padding-left:7px; padding-right:0; color:var(--gray); background: transparent;}


/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute; min-width:150px; margin-left:calc(1.5vw + 10px); padding:12px 15px; border-bottom-right-radius:20px; border-bottom-left-radius: 30px; background:var(--white); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover>ul {display: block; z-index: 100; animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}


/*  BREADCRUMBS
------------------------------------------------*/
.bread-nav {display: flex;  gap: 10px; width: 95%; margin: 0 auto; padding: 20px 0;}
.bread-nav p,
.bread-nav p a {font-size: 16px; line-height:1; color:var(--green);}


/*  MAIN
------------------------------------------------*/	
.global-main {}
.inv-main {padding:calc(15px + 3%) 3.5%;}


/*  HERO
------------------------------------------------*/
.hero {position:relative; z-index: 1; background:var(--green);}
.hero::after {content:''; position:absolute; z-index: 0; top:0; left:0; width:100%; height:100%; background: #272E1C; background: linear-gradient(270deg, rgba(39, 46, 28, 0.15) 0%, rgba(39, 46, 28, 0.38) 68%);}


.hero-overlay {position:absolute; display:flex; flex-flow:row wrap; align-items:center; justify-content: flex-end; gap:20px; z-index:1; top:66%; right:0; margin:0 5%; text-transform: uppercase; color:#fff; transform: translateY(-50%);}
.hero-overlay .company-name {width:100%; font-size:calc(16px + 5.55vw); font-weight:800; line-height:65px; text-align: right;}
.hero-overlay h1 {font-size:calc(16px + 1.5vw); font-weight:400; text-align: right;}
.hero-overlay a {display:inline-flex; margin:15px 20px 5px 5px; font-size:18px;}

.hero .cycle-slideshow {position:relative; z-index:0; width:100%; margin:0; padding:0; box-sizing: border-box;}
.hero .cycle-slideshow img {position:relative; z-index:0; width:100%;}


/*  ARTICLE
------------------------------------------------*/
article h1 {margin-bottom:10px; font-size:43px; line-height:1; font-weight:700; text-transform: uppercase; color:var(--offgreen);}
article h2 {margin-bottom:30px; font-size:33px; line-height:1; font-weight:600; font-style: italic;}
article h3 {margin-top: 30px; margin-bottom: 20px;font-size:40px; font-weight:700;}
article h4 {margin-top: 30px; margin-bottom: 20px; font-size:26px; font-weight:500;}
article h5 {font-size:24px; font-weight:700;}

article p {margin-bottom:20px; font-size:22px; line-height:30px; font-weight:300;}

article p a {font-weight:600;}

article ul,
article ol {margin-bottom: 20px; margin-left:15px; font-size: 20px; line-height:33px;  font-weight:300;list-style:inside;}

.article-image {width:100%; margin:25px; margin-left:-50px; border-radius:30px;}


/*  ASIDE
------------------------------------------------*/
aside {width:100%; max-width:225px; padding:25px; border-radius:20px; background:rgba(250,250,250,.75);}
aside p {font-size:20px;  line-height:1.3; font-style:italic; color:var(--offblack);}


/*  CATEGORY SELECTOR
------------------------------------------------*/
.category-selector {padding:75px 6.5% 75px 0; background:var(--nearwhite);}

.cs-tabs {display:flex; flex-flow:row; width: auto;}

.tab-buttons {position: relative; display:flex; flex-flow:column; min-width:160px; margin-top: 80px; border-radius:0px;}
.tab-buttons button{font-family: "futura-pt", sans-serif}
.tab-btn {z-index:2; padding:20px 3vw; font-size:17px; line-height:1; font-weight:600;  color:var(--offblack); border: none; background:var(--white); transition: color 0.3s; cursor: pointer;}
.tab-btn img {margin:0 auto 10px auto; filter: brightness(0) saturate(100%) invert(9%) sepia(3%) saturate(4%) hue-rotate(314deg) brightness(97%) contrast(89%); transition:.25s ease-in;}
.tab-btn.active {color:var(--white); background:var(--green) !important;}
.tab-btn.active img {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(95deg) brightness(103%) contrast(101%);}
.tab-btn:focus {outline: none;}
.tab-btn:nth-of-type(even) {background:#f7f7f7;}

.tab-content {z-index:5; flex:1; /*margin-top: 50px;*/}
.content {opacity: 0; display: none; transform: translateY(10px); transition: all 0.3s ease;}
.content.active {opacity:1; display: block; transform: translateY(0);}

.cs-link-group {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; gap:25px 50px;}
.cs-link-group a {display:flex; flex-flow:column; gap:8px; font-size:18px; font-weight:300;}
.cs-link-group img {max-width:100%;}

.category-select {padding:50px 60px; border-radius:80px; background:var(--white); box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.075); }
.cat-select-banner {display:flex; flex-flow:row wrap; align-items:center; justify-content: space-between; gap:15px; margin:0;}
.cat-select-banner h2 {font-size:33px; line-height:1.3; font-weight:700; text-transform: uppercase; color:var(--offblack);}
.cat-select-banner p {font-size:20px; line-height:1.2; font-weight:400;}
.category-wrapper {display:flex; flex-flow:wrap; justify-content:center; gap:20px; /*max-width:1530px;*/ /*margin:0 8%;*/ margin-top:60px;}
.category-icon {flex:1;  text-align:center; border-radius:32px; background:var(--nearwhite);}
.category-icon a {display:block; padding:25px 35px; font-size:18px; font-weight:600;  color:var(--offblack);}
.category-icon img{margin:0 auto 15px auto; filter: brightness(0) saturate(100%) invert(9%) sepia(3%) saturate(4%) hue-rotate(314deg) brightness(97%) contrast(89%); transition:.25s ease-in;}
.category-icon:hover img{filter: brightness(0) saturate(100%) invert(14%) sepia(16%) saturate(1796%) hue-rotate(76deg) brightness(95%) contrast(89%);}
.category-icon:active img{filter: brightness(0) saturate(100%) invert(60%) sepia(0%) saturate(0%) hue-rotate(174deg) brightness(83%) contrast(86%);}
.category-search {flex:100%; margin-top: 50px;}


/*  CONTACT ITEMS ICONS
------------------------------------------------*/
.contact-items {margin:0 0 25px 15px; font-size:20px; line-height:1.25;}
.contact-items a{position:relative; display:inline-block; margin:25px 0 25px 65px; font-size:20px; font-weight:700; text-decoration:none; word-break: break-all;}
.contact-items a span {font-size:16px; font-weight:500;}
.contact-items a:hover {color:var(--nearblack);}

.contact-items a[href^="tel:"] {position:relative;}
.contact-items a[href^="tel:"]::before {
	content: "\f095"; position: absolute; z-index:2; top:50%; left:-75px; width:55px; height:55px; border-radius:50%; transition:1.2s all; transform: translateY(-50%);  
	font-size:30px; line-height:55px;  text-align: center; color:var(--green); background:var(--offwhite); font-family: FontAwesome; 
}

.contact-items a[href^="mailto:"] {position:relative; }
.contact-items a[href^="mailto:"]::before {
	content: "\40"; position: absolute; z-index:2; top:50%; left:-75px; width:55px; height:55px; border-radius:50%; transition:1.2s all; transform: translateY(-50%); 
	font-size:30px; line-height:55px;  text-align: center; color:var(--green); background:var(--offwhite); font-family: FontAwesome;
}

.contact-items a[href^="fax:"] {position:relative;}
.contact-items a[href^="fax:"]::before {
	content: "\f1ac"; position: absolute; z-index:2; top:50%; left:-75px; width:55px; height:55px; border-radius:50%; transition:1.2s all; transform: translateY(-50%); 
	font-size:30px; line-height:55px;  text-align: center; color:var(--green); background:var(--offwhite); font-family: FontAwesome;
}

.contact-items a[target="_blank"] {}
.contact-items a[target="_blank"]::before {
	content: "\f3c5"; position: absolute; z-index:2; top:50%; left:-75px; width:55px; height:55px; border-radius:50%; transition:1.2s all; transform: translateY(-50%);   
	font-size:30px; line-height:55px;  text-align: center; color:var(--green); background:var(--offwhite); font-family: FontAwesome;
}

.contact-items a[aria-label="Facebook"] {}
.contact-items a[aria-label="Facebook"]::before {
	content: "\f39e"; position: absolute; z-index:2; top:50%; left:-75px; width:55px; height:55px; border-radius:50%; transition:1.2s all; transform: translateY(-50%); 	
	font-size:30px; line-height:55px;  text-align: center; color:var(--green); background:var(--offwhite); font-family: FontAwesome;
}

.contact-items a:hover::before {color:var(--rosered); background:var(--nearwhite);}




/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {width:100%; height:90px; overflow:hidden;}
.scrollinginv{width:100%; height:90px;}


/*  QUICK SUPPORT FORM
------------------------------------------------*/
.quick-support-section {width: 95%; max-width:1050px; margin:calc(32px + 5%) auto calc(32px + 6.5%) auto; }
.quick-support-section article {margin-bottom:50px; text-align:center;}


/*  CONTACT INFO BANNER
------------------------------------------------*/
.quick-contact-banner {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; gap:20px 5%; padding:30px 7.5%; font-size:24px; font-weight:600; background:var(--offwhite);}
.quick-contact-banner .fa-solid, .quick-contact-banner .fa-regular {font-size: 13px; color:var(--green); }

.qc-phone {display:flex; align-items:center; gap:5px;}
.qc-location {display:flex; align-items:center; gap:5px; margin:0 auto 0 0;}

.business-hours {display:flex;flex-flow:row wrap; align-items:center; gap:5px; width:auto; margin:0 0 0 auto; font-weight:600;}
#hours-display {margin:0; text-align:center; color:var(--nearblack);}


/*  FOOTER
------------------------------------------------*/
.global-footer {
	display:flex; flex-flow:row wrap; /*align-items:center;*/ justify-content: space-between; gap:3.5%;
	padding:calc(32px + 3.5%) 4%; color:var(--nearwhite); background:var(--offblack);
}

.foot-logo {font-size:55px; line-height:1.1; font-weight:700; text-transform: uppercase; color:var(--nearwhite);}
.foot-copyright {font-size:15px; font-weight:300; text-transform:none;}

.foot-intro	{flex:1; max-width:715px; margin:0 auto 0 0;}
.foot-intro p {font-size:18px; line-height:30px; font-weight:300;}

.foot-nav {display:flex; flex-flow:row; gap:45px;}
.foot-nav ul {list-style:none;}
.foot-nav ul li {padding:2px 0; line-height:30px;}
.foot-nav a {font-size:20px; font-weight:300; text-decoration: underline;}





/************************************************ Responsive Styles **/

@media screen and (max-width: 1500px) {
	.head-logo {font-size:38px;}	
	.head-logo img {width:127px; height:89px;}
	nav.primary ul li a {margin:0 1.15vw; font-size:18px;}
}
	
@media screen and (max-width: 1200px) {
	.global-header {display: flex; flex-flow:row wrap; justify-content: space-between; grid-template-columns:auto; grid-template-rows:auto;}
	.head-upper {display:flex; flex-flow:row wrap; align-items:center; justify-content:flex-end; gap:1vw; margin:0 7vw 0 auto;}
	.head-phone {margin:0;}
	.head-phone a::before {top:0; left:0; padding:12px; font-size:22px; color:var(--green); border-radius:50%; border:2px var(--offgreen) solid; background:var(--ltgreen); transition:.5s ease-in;	 transform: translate(-50%, -50%);}
	.head-phone a:hover::before {background:var(--gray);}
	.head-phone a:active::before {background:var(--ltgray);}
	.head-phone a span {display:none;}
	.head-lower {grid-column-start:auto; flex-flow:row;}
	
	nav.secondary,
	nav.primary{display:none;}
	#menu-button{display: block;  position: relative; z-index:400;}
	#menu-button a{font-size:30px; line-height:1; color:#fff; text-decoration: none; padding:0; cursor:pointer;}
	#menu-button a:hover {color:var(--gray);}
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; z-index:5; right:10px; margin:22px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		padding-bottom:40px;
		background:var(--offwhite);
		cursor:pointer;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a {color:#ccc; text-decoration:none; cursor:pointer;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile .menu-header {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; left: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color:var(--black); text-decoration: none; vertical-align: top; cursor:pointer; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color:var(--gray);}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color:var(--black);
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		letter-spacing:2px; 
		font-weight: 600;
		text-transform: uppercase;
		text-decoration: none;
		padding:20px 35px 20px 20px;
		cursor:pointer;
	}
	nav.mobile ul li a:hover {letter-spacing:1px; color:var(--drkgreen); background:var(--ltgreen); }
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}	
	
	.hero-overlay {position:absolute; display:flex; flex-flow:column wrap; align-items:flex-end; justify-content: flex-end; gap:5px; z-index:1; top:50%; right:0;}
	.hero-overlay .company-name {line-height:1;}
	.hero-overlay a {display:inline-flex; margin:5px; font-size:18px;}
	
	.global-footer {gap:35px;}
	.foot-logo {order:3; width: 100%;}
	.foot-intro	{order:1; max-width:715px; margin:0 auto 0 0;}
	.foot-nav {order:2}
}

@media screen and (max-width: 1024px) {	
	.col-tainer {flex-flow: column wrap; gap: 35px;}
	.col-1-2,
	.col-1-3,
	.col-2-3,
	.col-1-4,
	.col-3-4{width:auto;}
		
	.category-selector {padding:75px 0;}
	.cs-tabs {flex-flow: column;}
	.tab-buttons {position: relative; display:flex; flex-flow:row; width:100%; min-width:0; margin:0 auto -10px auto; border-radius:0px;}
	.tab-btn {flex:33.33%; padding: 10px 20px 18px 20px;}
	.tab-content {margin:0 3.5%;}
	.article-image {width:100%; margin:0 auto;}
	.qc-location {margin:0;}
	.business-hours {margin:0;}
}

@media screen and (max-width: 768px) {
	.hero {overflow:hidden; position: relative; padding:5% 0; height:300px;}
	.hero-overlay {position:absolute; display:flex; flex-flow:column wrap; align-items:flex-end; justify-content: flex-end; gap:5px; z-index:1; top:50%; right:0;}
	.hero-overlay a {display:inline-flex; margin:5px; font-size:18px;}
	.hero .cycle-slideshow {position:absolute; z-index:0; top: 50%; left: 50%; transform: translate(-50%, -50%); height:100%; margin:0; padding:0; box-sizing: border-box;}
	.hero .cycle-slideshow img {width:auto; height:100%;}
	.quick-support-section {width:92%;}
}

@media screen and (max-width: 600px) {
	.tab-buttons {flex-flow:row wrap;}
	.tab-btn {flex:33.33%; padding:30px 20px;}
	.tab-btn img {display:none;}
	.foot-intro	{order:2; flex:none; width: 100%; max-width:none; margin:0;}
	.foot-nav {order:1}
}
    
@media screen and (max-width: 500px) {
	.global-header {display:flex; flex-flow: row wrap; justify-content: center;}
	.head-logo {width:100%; margin: 0 auto;}
	.head-logo a {justify-content: center; margin: 0 auto;}   
	.head-upper { margin:0 auto 0 8px;}
	.head-phone a::before {left:-8px;}
	.head-phone a span {display:inline-block;}
	.head-lower {grid-row-start:2; margin: 0 0 0 auto;}
}

@media screen and (max-width: 450px) {
	.quick-contact-banner {font-size:20px;}
	.business-hours .fa-solid, .business-hours .fa-regular {display: none;}
	
}	
@media screen and (max-width: 320px){
	.head-phone a::before {left:0;}
	.head-phone a span {display:none; }
}