﻿@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap');
/* RESET 
------------------------------------------------*/
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
	

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {/*margin:0; line-height:12px;*/ font-size:100%; font-family: 'Montserrat', sans-serif; background:#fff;}

/* SELECTION */	
::selection {color:#fff; background: #f30601;}
::-moz-selection {color:#fff; background: #f30601;}


/* CLEAR */
.clear {clear: both;}

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;font-weight:700; letter-spacing: .5px; font-family: 'Montserrat', Sans-serif; margin: .67em 0;}
h1 {font-size:24px;}
h2 {font-size:20px; }
h3 {font-size:20px; }
h4 {font-size:18px; }
h5 {font-size:16px;}
h6 {font-size:14px;}
 
body{
	font-family: 'Montserrat', sans-serif; 
	line-height:25px;
	font-size:15px;
	color:#333;
}

/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;}
a:link, a:visited {color:#202020; text-decoration:none;}
a:hover, a:active {color:#7a878e; text-decoration:none;}

a[href^="tel:"] {color:inherit;  text-decoration: none;}

/* IMAGES */
img {display:block;}

/* TEXT EMPHASIS */
em {font-style:italic;}
strong {font-weight: 700;}

/* TEXT STYLINGS */
.red {color: #b41e29;}
.dark {color:#131313;}
.gray {color:#4F4F4F;}
.heavy {font-weight:800;}

/* ALIGNMENT */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}






#wrapper{width:70%; padding: 50px 0; margin: 0 auto;}

#wrapper-equip{width:80%; padding: 50px 0; margin: 0 auto;}

hr{border-bottom:1px solid #999;}

/* HEADER
------------------------------------------------*/	
.site-header {background:#fff; width: 70%; margin: 0 auto; padding:20px 0px 20px 0px;}	
	
.logo{float:left;}
.case-logo{float:right;}
.header-numbers{
	clear:both;
	display:flex;
	flex-direction:row;
	float: right;
	flex-wrap:wrap;
	justify-content:center;
	margin-bottom:20px;
}
.header-numbers p{
	color:#b41e29;
	font-weight: 700;
	padding:0 5px;
	
}
.header-numbers a{
	color:#000;
	font-weight:400;
	padding: 5px;
}
.header-numbers a:hover{
	color:#b41e29;
}
/* LOGO
------------------------------------------------*/	
.logo {}	


/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {z-index:500; position:relative; margin:0; padding:0; clear:both; background-color:#b41e29; border-bottom: 1px solid #fff;}

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:0; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none;}
				
nav.primary ul li a {
	display:block; margin:0 ; padding:10px 18px;
    font-size:15px; line-height:24px; text-align:center; text-decoration:none; text-transform:uppercase; color:#fff;  font-size: 15px; font-weight:700; border-right: 1px solid #fff;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;	
}	

nav.primary ul li a:hover {background-color:#770204;}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 250px; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	width: 250px; padding:15px 0; font-size:.94em; line-height:18px; text-indent:20px; text-align:left; color:#fff; border:0; background: #333;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {line-height:18px; color:#fff; background:#888;}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute;} 
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover > ul {display: block; line-height:18px; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}


/*  MAIN
------------------------------------------------*/	
/*------Hero-----*/
.hero{max-width:100%; height:autol}
.slides{position:relative;}
.slides img{width:100%;}
.hero .cycle-prev{position:absolute; bottom:50%; left:2%;z-index:250;}
.hero .cycle-prev .fa, .hero .cycle-next .fa{color:rgba(208,208,208,0.91);font-size:32px;}
.hero .cycle-next{position:absolute; bottom:50%; right:2%; z-index:500;}



/*--------EQUIPMENT SEARCH-------------*/
.equipment-text h2{text-align:center; font-size:20px; font-weight:700;margin-top:10px; margin-bottom:20px;}
.search{background-color:#b41e29; width:100%; margin: 0 auto; border-top:solid 5px #980914; border-bottom:solid 5px #980914;color:#fff; padding:25px 0;}
.search-row{display:flex; flex-direction:row; justify-content: center; color:#fff; font-size:14px; width:70%; margin: 0 auto;}
.search-row .formfield{flex: 1; padding:5px; margin:10px 0;}
.formfield select{width:100%; padding:10px; font-size: 14px; background-color:#fff; border: 1px solid #dad9d9; boxsizing:border-box; color:#000; height:50px;}
.formfield input{max-width:95%; padding:10px; font-size:14px; background-color:#fff; border: 1px solid #dad9d9; height:28px;margin-top:5px;}
.search-row input[type="submit"]{font-size:14px; width:100%!important; height:50px; padding: 10px; color:#fff; background-color:#333; display: inline-block; outline: none; border: none; transition: .3s ease-in-out;}
.search-row input[type="submit"]:hover{background-color:#666;}


/*-----EQUIPMENT SEARCH QUICK LINKS-----*/

.quick-links{display:flex; flex-direction:row; flex-wrap:wrap; width:80%; margin: 0 auto; justify-content:center;}
.ql{overflow:hidden; width:260px; height:145px; position:relative;}
.ql-padding{padding:5px;}
.quick{overflow:hidden!important; width:270px; height:140px; position:relative;}
.quick a:hover img{transform:scale(1.2); filter:brightness(.9);}
.quick p{position:absolute; z-index:10; bottom:10%!important; color:#fff; font-weight:600; font-size:17px; background-color: rgba(13,12,12,0.88);width: 100%; text-align:center; padding:10px 0; text-transform:uppercase;}

/*--------WELCOME SECTION-----------*/
.welcome{display:flex; flex-direction:row; background:url("../siteart/welcome.jpg"); width:100%;}
.welcome-container{width:96%; margin:0 auto; display:flex; flex-direction:row; padding:5% 2%;}
.welcome-text{padding:40px 20px; width: 65%;}
.welcome-text h1{letter-spacing:.5px; font-weight: 700; margin-top:20px; margin-bottom:30px; color:#b41e29;}
.welcome-text p{font-size: 15px; line-height:25px; color:#333; letter-spacing:.5px;}
.promo{max-width:45%;}
.promo img{width:100%;}
.promo a{padding-top:10px; color:#b41e29; font-weight:700;}
.promo img{padding-bottom:15px;}
.promo{margin: 0 auto; text-align: center;}



/*-------LOCATION AREA----------*/
.locations{display:flex;flex-direction:row;justify-content: space-between;border-bottom: 6px solid #b41e29;}
.red-locations{background-color:#b41e29; width:50%;}
.location-row p, .red-locations h4{color:#fff; line-height:24px; letter-spacing:.5px;}
.red-locations h4{font-size:18px; font-weight:700; letter-spacing:.5px;}
.location-row{display:flex;flex-direction:row; justify-content: space-around; height:300px; padding-top:3%; width:90%; margin: 0 auto;}
.map{width:50%;}


/*-------PAGES-----------*/
.pages h1, .parts-stores h2{color:#b41e29;}
.parts-stores a, .pages-links a{font-weight:bold; text-decoration: underline;}
.parts-stores a{display:flex; flex-direction:row; color: #b41e29;}
.parts-stores a{font-weight:bold; text-decoration: underline;}
.pages-links{display:flex; flex-direction:column;}
.pages ul li{margin-left:25px;}
.pages-slideshow{width:100%; margin: 0 auto; padding-top:30px;}
.pages-slideshow img{width:100%!important;}
.pages-slideshow .cycle-prev{position:absolute; bottom:50%; left:2%;z-index:500;}
.pages-slideshow .cycle-prev .fa, .pages-slideshow .cycle-next .fa{color:#444;font-size:32px; font-weight: bold;}
.pages-slideshow .cycle-next{position:absolute; bottom:50%; right:2%; z-index:500;}
.pages-slideshow .cycle-prev .fa:hover, .pages-slideshow .cycle-next .fa:hover{color:#000;}
.equip-row{display:flex; flex-direction:row;flex-wrap:wrap; justify-content: flex-start;}
.left-equip, .right-equip{width:50%;}
.left-equip img{width:55%; margin: 0 auto;}
a.bold{font-weight:bold; text-decoration: underline;}


.quick-links-parts{display:flex; flex-direction:row; flex-wrap:wrap; margin: 0 auto; justify-content:center;}
.ql-parts{overflow:hidden; width:290px; height:175px; position:relative;}
.quick-parts{overflow:hidden!important; width:290px; height:180px; position:relative;}
.quick-parts a:hover img{transform:scale(1.2); filter:brightness(.9);}
.quick-parts p{position:absolute; z-index:10; bottom:10%!important; color:#fff; font-weight:600; font-size:17px; background-color: rgba(13,12,12,0.88);width: 100%; text-align:center; padding:10px 0; text-transform:uppercase;}

.flex {display: flex;}
.pages.flex .our-brands {display:flex; flex-wrap: wrap; justify-content: center; width: 100%; gap: 20px;}
.our-brands img {width: 100%; max-width: 320px !important;}
.brands-header {text-align: center;}
/*--------FORM STYLES--------------------*/

.flex-form{width:100%;text-align: left;margin: 0 auto;flex-direction: row;justify-content: flex-start;align-items: flex-start;font-size: 15px;}
.form-background{background-color:#fff;width:100%;margin: 0 auto;}
#formpage input, select {padding: 6px 5px 10px;border: 1px solid #ccc;color: #5A5A5A;font-size: 14px;margin-top: 5px;}
.flex-row{display:flex;flex-direction:row;width:100%;}
.fa-star-of-life{color:#000;}
#formpage {width:100%;vertical-align: top;display:inline-block;text-align:left;padding: 60px 0px;}
.form-third{width:31.5%; display:inline-block; verical-align:middle; margin: 10px;}
.form-half{width:48%;display: inline-block;vertical-align: middle;margin: 10px;}
.form-whole{width:97.5%;display:block;vertical-align:middle;margin:10px;}
.row-input{display:flex; flex-direction:row;}
.check-container {display:block; text-align: left; margin: 3px;}
.check-container input[type="radio"]{display: inline-block; width:20px !important;}
input[type="text"], input[type="email"], input[type="date"], select, input[type="phone"]{width:100%;}
#formpage input.submit-button, #formpage input.submit-button:focus {background:#000; color:#ffffff;padding:12px 20px;text-decoration:none;transition:ease-in .3s;width: 100px;border:none;height:auto; text-transform:uppercase; font-size:16px; font-weight:600;}
#formpage input.submit-button:hover{background:#b41e29; box-shadow:1px 1px 3px #848484;transition:ease-out .3s;}

input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
}

#formpage textarea {padding: 6px 5px;border: 1px solid #ccc!important;color: #000;font-size: 16px;background: #fff;width: 100%;height: 40px;border-radius:2px;margin-top:10px;}

#formpage textarea:focus{border: 1px solid #ccc; border-radius:2px} 

.submit-button{padding:10px 0px 10px 0px;position:relative;width:100%;text-align:center;} 


/*control the Captcha */
.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}
.CaptchaImage{
	margin:0 auto;
}
.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}
/*end form styles*/


/*-------EQUIPMENT PAGES-------------*/
.inv-wrapper{display:flex; flex-direction:row; flex-wrap:wrap; width:100%; margin: 0 auto; justify-content:center;}
.equip-padding{padding:10px;}
.equipment{overflow:hidden;width:300px; height:300px; position:relative;}
.equip-container img{width:100%; object-fit:cover; transition: .5s ease-in-out; filter:brightness(.6); vertical-align:middle;}
.equipment a:hover .equip-container img{transform:scale(1.2); filter:brightness(.9);}
.equip-container p{position:absolute; z-index:10; bottom:45%; color:#fff; font-weight:600; font-size:17px; background-color: rgba(13,12,12,0.88);width: 100%; text-align:center; padding:10px 0; text-transform:uppercase;}


	

 /*----CONTACT PAGE ------------*/
.contact-row{display:flex; flex-direction:row; justify-content:flex-start;}
.departments{width: 100%; margin: 0 auto; display:flex; flex-direction:row; flex-wrap:wrap;}
.department{width:250px;}
.department a{color:#323232!important; text-decoration: underline;}
.department a:hover, .contact-row a:hover{color:#b41e29;}
/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {width:100%; height:90px; overflow:hidden;}
.scrolling{width:100%; height:90px;}

/*----------INVENTORY STYLES-----------------*/

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .buy-now-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .check-availability-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) button.page-nav {
    background: #000 !important;
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link,
.body-wrapper>div:not(.detail-wrapper) .contact-options a,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .nuf-button,
.body-wrapper>div:not(.detail-wrapper) .list-error-container .info button,
.body-wrapper>div:not(.detail-wrapper) .mobile-done-button-container .mobile-done-button,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) button.selected-facet.ts-button,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn {
    background: #000 !important;
    color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link:hover,
.body-wrapper>div:not(.detail-wrapper) .contact-options a:hover,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a:hover,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button:hover,
.body-wrapper>div:not(.detail-wrapper) .email-seller-link:hover,
.body-wrapper>div:not(.detail-wrapper) .mc-nav-controls .mc-icon-navarrow span,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn:hover {
    background: #b41e29 !important;
    color: #fff !important;
    /*----Border----*/
}

.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .back-button,
.body-wrapper>div:not(.detail-wrapper) .parts-listing-container .mobile-parts-detail-container .dealer-phone-container a {
    color: #000 !important;
    border: 1px solid #000 !important;
    /*-----------------------OTHER TEXT STYLES-----------------------*/
    /*----Page Title----*/
}

.body-wrapper>div:not(.detail-wrapper) .list-title .list-title-text,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-title-text span,
.body-wrapper>div:not(.detail-wrapper) .title-media-buttons-heading h1 {
    color: #000 !important;
    line-height: 28px !important;
}

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .listing-dealer-info .spec-value,
.body-wrapper>div:not(.detail-wrapper) .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .fin-calc p,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-error .info,
.body-wrapper>div:not(.detail-wrapper) .parts-bottom-section .parts-list-view .parts-list-content .error-message,
.body-wrapper>div:not(.detail-wrapper) .info,
.body-wrapper>div:not(.detail-wrapper) .list-title .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count,
.body-wrapper>div:not(.detail-wrapper) .list-top-section .listing-option-bar .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) span.part-list-price.bold,
.body-wrapper>div:not(.detail-wrapper) .dealer-company-header,
.body-wrapper>div:not(.detail-wrapper) .dealer-info h3,
.body-wrapper>div:not(.detail-wrapper) .listing-description-text,
.body-wrapper>div:not(.detail-wrapper) .paging-container .list-page-number,
.body-wrapper>div:not(.detail-wrapper) .paging-container .page-number,
.body-wrapper>div:not(.detail-wrapper) .listing-main-stats .price,
.body-wrapper>div:not(.detail-wrapper) .list-container-flexrow .price-container .price,
.body-wrapper>div:not(.detail-wrapper) h2.listing-portion-title,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .price-container .price,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .compare-price,
.body-wrapper>div:not(.detail-wrapper) .rent-title,
.body-wrapper>div:not(.detail-wrapper) .rent-title-details,
.body-wrapper>div:not(.detail-wrapper) span.list-title-text,
.body-wrapper>div:not(.detail-wrapper) a.search-results-link,
.body-wrapper>div:not(.detail-wrapper) h3.listing-portion-title {
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .mobile-option-bar .mobile-option-bar-filter,
.body-wrapper>div:not(.detail-wrapper) span.listing-prices__retail-price,
.body-wrapper>div:not(.detail-wrapper) span.parts-listings-count {
    color: #000 !important;
    /*-----------------------MEDIA QUERIES-----------------------*/
}



/*  FOOTER
------------------------------------------------*/
.site-footer {padding:50px 0; background-color:#2e2e2e; color:#fff;}
.site-footer ul li a{color:#aaa; font-weight:700;}
.site-footer ul li a:hover{color:#b41e29;}
.site-footer ul li{list-style:none;}
.footer-wrapper{display:flex;flex-direction:row; justify-content:space-between; width: 70%; margin: 0 auto;}
.left-footer{width:40%;}
.ql-footer{display:flex;flex-direction:row; justify-content: space-between; width: 100%; }
.left-footer-ql p, .social-feed p{color:#fff; font-size: 16px;font-weight: 700; letter-spacing:.5px;}
.ql-footer ul li{line-height:24px;}
.social-feed{width:50%;}

.footer-icons a{color:#fff;}
.footer-icons{display:flex;flex-direction:row;justify-content:space-around; padding-top:25px;}
.footer-icons .fa, .footer-icons .fab{border: solid 2px #fff; border-radius: 50%; padding: 10px 11px;margin-left:2px;}


.blk-footer{width:100%; background-color:#000; padding:25px 0 50px 0; border-top: 1px solid #b41e29; }
.bottom-footer{display:flex; flex-direction:row; justify-content: space-between; margin: 0 auto; width:70%;}
.footer-sections{justify-content: space-between;}
.footer-sections p, .footer-sections a{color:#fff;}
.foot-img{max-width:200px;}
.foot-img img{width:100%;}
.footer-sections a:hover{color:#333;}

/*  Stylized Footer
------------------------------------------------*/
.divfooter {width:85%; color:#fff; margin:0 auto; font-size:0.625em; line-height:11px; text-align:center;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{color:#fff; text-decoration:underline;}
a.footerlink:hover {color:#fff; text-decoration:none;}




/************************************************ Responsive Styles **/

@media screen and (max-width: 1200px) {
	.locations{flex-direction:column;}
	.red-locations, .map{width:100%;}
	.site-header{width:90%;}
	.formfield input{max-width:92%;}
	
}
@media screen and (max-width: 1193px) {
	nav.primary{display:none;}
	#menu-button{width:100%; display: block; font-size: 20px; letter-spacing: .5px; line-height:48px; position: relative; z-index:300; background: #b41e29; clear:both; margin: 0 auto; text-align:center;}
	#menu-button a{color:#fff; text-decoration: none; padding:0 0 0 .8em; font-weight:600; margin: 0 auto; }
	
	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; right:10px; margin:18px 0 0 0;}

	nav.mobile {
		clear:both;
		display:block;
		position: fixed;
		top: 0;
		left: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		background:#333;
	}
	
	/* 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:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile h3 {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	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; right: 10px; padding: 3px 9px 2px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0; border-top:1px solid #151515; border-bottom:1px solid #454545;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #151515; border-top:1px solid #454545;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		letter-spacing:1px;
		text-align:left;
		text-transform:uppercase;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 8px 10px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; 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; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}
	
	.nav-footer {color:#292929; position:relative; text-align:center; font-size:16px; line-height:16px; padding:15px 0;}


.case-logo{clear:both; width: 100%; margin:0 auto;}
.logo{width:100%;}
.case-logo img, .logo img{margin:0 auto; padding: 10px 0;}
.header-numbers {text-align:center; padding-top:10px;}
.footer-wrapper{width:80%;}
	.search-row{width:90%;}
	.contact-row{flex-direction:column;}
	.bottom-footer{width:90%;}
	.foot-img{max-width:180px; justify-content: center;margin:0 auto;}
	
	
}
@media screen and (max-width: 840px) {
	.footer-wrapper{flex-direction:column; gap: 24px;}
	.left-footer, .social-feed{width:90%;}
	.footer-sections{width:90%;}
	.welcome-container{flex-direction:column;}
	.welcome-text{width:90%; margin:0 auto;}
	.promo{max-width:75%;}
	.search-row{width:95%;}
	#wrapper{width:90%;}
	iframe{width:100%;}
	.bottom-footer{flex-direction:column;}
	.footer-sections{width:100%; margin:0 auto; padding:10px 0;}
	.quick-links, .quick-links-parts{width:96%;}
	
}
@media screen and (max-width: 700px) {
	.flex-row{flex-direction:column;}
	.form-half, .form-third{width:98%;}
	.footer-sections{width:100%; margin:0 auto;}
	.footer-sections p{text-align:center; font-size:15px; }
	.search-row{flex-direction:column;}
	.search-row .formfield{magrin:0; padding:0;}
	.formfield input{width:88%; margin-left:2%;}

	
}

@media screen and (max-width: 600px) {
	.location-row{flex-direction:column; clear:both; height:auto; padding-bottom:3%;}
	.search-row{flex-direction:column;}
	.search-row .formfield{magrin:0; padding:0;}
	.formfield input{max-width:96%;}
	.footer-sections img{max-width:200px!important;}
	.pages p{font-size:14px;}
	.pages-slideshow .cycle-next .fa, .pages-slideshow .cycle-prev .fa{font-size:22px;}
	.pages img{width:350px;}
	.hero .cycle-prev .fa, .hero .cycle-next .fa{font-size:24px;}
	.formfield input{width:91%; margin-left:2%;}
	
}

@media screen and (max-width: 390px){
	.ql-footer, .footer-icons{flex-direction:column;}
	.promo{max-width:95%;}
	.logo img{width:200px;}
	#wrapper{width:95%;}
	.footer-sections{flex-direction:column;}
	.bottom-footer{width:100%;}
	.header-numbers {font-size:13px;}
	.red-locations p{font-size:14px;}
	.equipment{width:260px; height:260px;}
	.pages img{width:220px;}
	.form-half, .form-third, .form-whole{width:94%;}
	.quick{width:260px;}
.ql-parts{overflow:hidden; width:260px; height:145px; position:relative;}
.quick-parts{overflow:hidden!important; width:250px; height:150px; position:relative;}
	.our-brands img {max-width: 500px !important; gap:0;}

}