/***** BEGIN RESET *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; } ol, ul { list-style: none; } table { border-collapse:collapse; width:100%; } td { vertical-align:top; }
/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address { display: block; } 

/***** END RESET *****/
::-moz-selection { background: #000;  color: #fff; text-shadow: none; }
::selection { background: #000; color: #fff; text-shadow: none; }

/* Clearfix */
.cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; }

/*-------- BODY STYLES --------*/
body {
	 
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}
hr{border:#000 1px solid;}

h1 { font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 50px; text-align: left; }
h2, .title-h2 { font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 42px; text-align: left; }
h3 { font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 32px; text-align: left; }
h4 { font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 30px; text-align: left; }
p { font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 16px; line-height: 1.5; }

/*--- HEADER STYLES ---------------------*/
header {}

.header { width: 100%; height: 92px; margin: 0 auto; display: flex; justify-content: space-between; box-shadow: 0 0 12px 2px rgba(0, 0, 0, .5); position: relative; z-index: 1004; background: #fff; }
.logo-skew-clipper { overflow: hidden; z-index: 4; position: absolute; top: 0; left: 0; width: 350px; height: 100%; }
.header-logo-wrapper { width: 100%; height: 100%; position: relative; }
.header-logo { height: 100%; position: relative; z-index: 3; }
.header-logo a img { height: 100%; padding: 10px 0px 20px 0; box-sizing: border-box; margin-left: 24px; object-fit: contain; object-position: 0% 50%; }
.header-right { display: flex; flex-direction: column; align-items: flex-end; width: 100%; height: 100%; z-index: 1; }
.topheader { background: #dde0e5; width: 100%; height: 40px; display: flex; justify-content: flex-end; align-items: center; z-index: 2; box-shadow: 0 0 10px 6px rgba(0, 0, 0, .3); position: relative; }
.topheader a.header-soc, .topheader a.soc-media-link.header-soc { height: 100%; color: #000; font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 14px; font-weight: 500; margin: 0; box-sizing: border-box; display: flex; align-items: center; transition: .3s ease-out all; }
.topheader a.header-soc:not(.soc-media-link) { margin-right: 16px; margin-left: 16px; }
.topheader a.header-soc:not(.soc-media-link) i { padding: 0 10px 0 0; }
.topheader a.soc-media-link.header-soc i { color: #000; font-size: 17px; }
.topheader a.soc-media-link.header-soc img { filter: saturate(0) brightness(0); padding: 1px 16px 0 16px; height: 16px; }
.topheader a.header-soc:hover, .topheader a.soc-media-link.header-soc:hover { color: #00168e; transition: .3s ease all; }
.topheader a.soc-media-link.header-soc:hover i { color: #00168e; }
/*.topheader a.soc-media-link.header-soc:hover img { filter: brightness(0) saturate(100%) invert(7%) sepia(98%) saturate(6979%) hue-rotate(348deg) brightness(91%) contrast(97%); }*/
.dealer-btn-clipper { overflow: hidden; padding: 0 0 0 26px; }
a.header-dealer-btn { transition: .4s ease all; position: relative; height: 100%; background-image: linear-gradient(#b30520, #6c0314); color: #fff; font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 14px; font-weight: 600; text-align: center; text-transform: uppercase; padding: 0 12px; box-sizing: border-box; line-height: 40px; display: flex; justify-content: center; align-items: center; }
a.header-dealer-btn i { padding: 0 0 0 10px; transition: .2s ease all; }
a.header-dealer-btn:before { position: absolute; content: ""; top: -3px; bottom: 0; left: -17px; right: -20px; z-index: -1; transform: skewX(-20deg); background-image: linear-gradient(#b30520, #6c0314); }
a.header-dealer-btn:hover { transition: .4s ease all; background: #00168e; }
a.header-dealer-btn:hover:before { background: #00168e; }
a.header-dealer-btn:hover i { transition: .4s ease all; padding: 0 4px 0 20px; }
.nav-div { z-index: 1; display: flex; justify-content: flex-end; align-items: flex-end; background: #fff; width: 100%; height: calc(100% - 40px); /* 100% - height of .topheader */ padding: 0 24px 0 280px; box-sizing: border-box; }

/* animations */
@-webkit-keyframes slide-in-top {
  0% { -webkit-transform: translateY(-300px); transform: translateY(-300px); opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
@keyframes slide-in-top {
  0% { -webkit-transform: translateY(-300px); transform: translateY(-300px); opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}
@-webkit-keyframes slide-out-top {
  0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(-300px); transform: translateY(-300px); opacity: 0; }
}
@keyframes slide-out-top {
  0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(-300px); transform: translateY(-300px); opacity: 0; }
}
@-webkit-keyframes slide-in-left {
  0% { -webkit-transform: translateX(-300px); transform: translateX(-300px); opacity: 0; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
@keyframes slide-in-left {
  0% { -webkit-transform: translateX(-300px); transform: translateX(-300px); opacity: 0; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
@-webkit-keyframes slide-in-right {
  0% { -webkit-transform: translateX(300px); transform: translateX(300px); opacity: 0; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
@keyframes slide-in-right {
  0% { -webkit-transform: translateX(300px); transform: translateX(300px); opacity: 0; }
  100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
}
@-webkit-keyframes fade-in-opacity {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fade-in-opacity {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
/*@-webkit-keyframes fade-out-opacity {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fade-out-opacity {
  0% { opacity: 1; }
  100% { opacity: 0; }
}*?

/* Site Colors: 
				Blue: #00168e;
				Red: #b30520;

	Lighter Red: #ea0628;
	Light/Hover Red: #D7042F; 
	Med-Dark/Darker/Hover Red: #95041a; unused
	Darkest Red: #6c0314;
	Lighter Blue (mobile nav 3rd level): #001dbe;
	Dark Blue: #000c54;
	Lightest Gray: #efefef;
	Light Gray: #dde0e5;
	Medium bg Gray: #c0c0c0;
*/

/*---BODY--------------------------------*/
.padding0 { padding: 0!important; }
.bg-white { background: #fff; }
.bg-lightestgray { background: #efefef; }
.bg-e6 { background: #e6e6e6; }
.bg-lgray { background: #dde0e5; }
.bg-medgray { background: #c0c0c0; /* medium background gray */ }
.bg-black { background: #000; }
.bg-blue { background: #00168e; }
.bg-red { background: #b30520; }
img.bg-alexblue { background: #02599c; /* do not use this color for anything else */ }
.txt-bold { font-weight: 600; }
.txt-center { text-align: center!important; }

hr.sm { width: 80px; height: 8px; transform: skewX(-25deg); border: none; margin: 0; }
hr.big { width: calc(55% + 200px); max-width: 99%; height: 10px; transform: skewX(-25deg); border: none; margin: 6px 0 24px -15%; }
hr.horiz-div { width: 300px; max-width: 80%; height: 6px; margin: 10px auto; transform: skewX(-25deg); border: none; }
hr.full-horiz-divider { width: 92%; height: 2px; background: #bbb; border: none; margin: 40px auto; }
.attachment-details hr.full-horiz-divider { margin: 0 auto 40px auto; }

.has-anchor { position: relative; }
.is-anchor { position: absolute; content: ""; top: 0; width: 100%; height: 1px; background: none; opacity: 0; pointer-events: none; }

.subhero { width: 100%; height: 320px; position: relative; margin: 0 auto; background-repeat: no-repeat; background: #222; background-image: url("/siteart/subhero-log.jpg"); background-size: cover; display: flex; justify-content: flex-start; align-items: flex-end; padding: 40px 5%; box-sizing: border-box; background-position: bottom; filter: grayscale(.5); }
.subhero.closeup-subhero { background-image: url("/siteart/subhero-close-up.jpg"); background-position: top; }
.subhero h1 { color: #fff; text-shadow: 0 0 18px #000, 1px 1px 2px #000; animation: slide-in-left 0.8s ease-out both; }

.title-sect { width: 100%; padding: 40px 0 0 5%; box-sizing: border-box; overflow: hidden; max-width: 3000px; margin: 0 auto; }

.content-sect, .content-fw { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 40px 5%; box-sizing: border-box; }
.content-sect p, .content-fw p { margin: 0 0 16px 0; }
.content-sect .btnclass, .content-fw .btnclass { margin: 12px 0; }
.content-sect .listed, .content-fw .listed { margin: 12px 0; }

.content-sect.center-style, .content-fw.center-style { align-items: center; justify-content: center; }
.content-sect.center-style h1, .content-sect.center-style h2, .content-sect.center-style h3, .content-sect.center-style h4, .content-sect.center-style p, .content-fw.center-style h1, .content-fw.center-style h2, .content-fw.center-style h3, .content-fw.center-style h4, .content-fw.center-style p { text-align: center; }

.content-fw { width: min(100%, 90vw); padding: 0; }

.btnclass { background: #b30520; color: #fff; font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 17px; font-weight: 500; text-align: center; width: 280px; height: 50px; display: flex; justify-content: center; align-items: center; position: relative; padding: 15px 16px; box-sizing: border-box; transition: .3s ease-out all; }
.btnclass:hover { background: #00168e; transition: .3s ease all; }
.listed { display: flex; justify-content: flex-start; align-items: center; font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 18px; position: relative; color: #000; line-height: 1.5; }
.listed i { padding: 4px 12px; font-size: 20px; }
.listed img { padding: 4px 12px; height: 22px; filter: brightness(0);}
a.listed:hover { color: #00168e; transition: .2s ease all; }
a.listed:before { transition: .2s ease all; position: absolute; content: ""; background: #00168e; top: calc(100% + 8px); bottom: -10px; left: -4px; right: calc(100% + 8px); }
a.listed:hover:before { transition: .2s ease all; right: -18px; }
a.listed:hover img { filter: none; }

a.soc-media-link { position: relative; }
a.soc-media-link:before { top: calc(100% + 4px)!important; bottom: -6px!important; left: 8px!important; right: calc(100% - 8px)!important; }
a.soc-media-link:hover:before { right: 8px!important; }
a.soc-media-link i { color: #fff; padding: 4px 16px; font-size: 20px; }
a.soc-media-link img { filter: saturate(0) brightness(100); padding: 4px 16px 0 16px; height: 19px; }

/* Shared Sections */
.mission { display: flex; align-items: center; column-gap: 5%; row-gap: 60px; }
.mission .content-sect, .mission .missionimg, .mission .mission-slider { width: 50%; }
.mission .missionimg, .mission .mission-slider, .mission .attach-img { position: relative; height: 400px; }

.missionimg img, .mission-slider .carousel {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}
.missionimg img { object-fit: cover; object-position: center; }

.mission-slider .carousel{background: #222;}
.mission-slider .carousel-cell-3{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden;}
.mission-slider .carousel-cell-image{display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.mission-slider .carousel .flickity-prev-next-button{background: none; width: 45px; height: 45px; color: #fff; opacity: .75; transition: all .2s ease-in-out;}
.mission-slider .carousel .flickity-prev-next-button:hover{background: none; opacity: 1;}
.mission-slider .carousel .flickity-page-dots .dot{display: none;}

.fw-video-holder { position: relative; padding-bottom: 56.25%; width: 100%; height: 0; } /* maintains 16:9 ratio for videos - do not change this line. */
.fw-video-holder iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.blue-content-slider { width: 100%; max-width: 2500px; height: 400px; position: relative; overflow: hidden; 
	
	margin: 0 auto 10px auto; /* temporary top/bottom margin */
}
.blue-content-slider .slider-text { width: 40%; height: 400px; padding: 40px 50px; box-sizing: border-box; background: #00168e; transition: 1s ease all; position: relative; }
.blue-content-slider img.watermark { position: absolute; bottom: 0; left: 0; height: 60%; opacity: .12; z-index: 2; pointer-events: none; }
.blue-content-slider .slider-text h2, .blue-content-slider .slider-text .title-h2 { color: #fff; font-style: italic; text-transform: uppercase; position: relative; z-index: 3; transition: 1s ease all; }
.blue-content-slider .slider-text p { color: #fff; position: relative; z-index: 3; transition: 1s ease all; margin: 24px 0 0 0; }

.blue-content-slider .carousel { background: #222; height: 100%; } 
.blue-content-slider .carousel-cell-2 { display: flex; align-items: center; justify-content: center; width: 100%; height: 400px; overflow: hidden; }
.blue-content-slider .carousel-cell-image { display: block; width: 60%; height: 400px; object-fit: cover; }
.blue-content-slider .carousel .flickity-prev-next-button { display: none; }
.blue-content-slider .carousel .flickity-page-dots { left: -30%; }

.blue-content-slider .carousel-cell-image.blue-expo-1 { object-position: 50% 32%; }

.blue-sect { width: 60%; max-width: 2000px; height: 400px; background: #00168e; position: relative; display: flex; justify-content: flex-start; align-items: center; animation: slide-in-top .8s ease both; padding: 0 0 0 5%; box-sizing: border-box; }
.blue-sect img.watermark { position: absolute; bottom: 0; right: 0; height: 70%; opacity: .12; z-index: 2; pointer-events: none; }
.blue-sect .content-sect.contact-sect { width: calc(33.333333% + 80px); padding: 0; align-items: flex-start!important; }
.blue-sect .content-sect.contact-sect .listed { margin: 20px 0; }
.blue-sect .content-sect .listed { color: #fff; }
.blue-sect .content-sect .listed img { filter: saturate(0) brightness(100); margin: 0 10px; padding: 4px 1px 2px 1px; height: 20px; }
.blue-sect .content-sect .listed:hover img { filter: saturate(0) brightness(100); margin: 0 10px; padding: 4px 1px 2px 1px; height: 20px; }
.blue-sect .content-sect .listed:before { background: #fff; }
.blue-sect .content-sect.soc-sect { padding: 0 0 0 42px; align-items: flex-start!important; }
.blue-sect .content-sect.soc-sect p { color: #fff; margin: 0 0 16px -40px; }

.dealer-btns { width: 100%; max-width: 2000px; margin: 0 auto; display: flex; justify-content: space-evenly; align-items: center; }
.dealer-btns a.btnclass { margin: 40px 0 60px 0; }

.explore-att-sect { display: flex; flex-direction: column; padding: 0; }
.explore-att-sect h2, .explore-att-sect .title-h2 { margin-bottom: 0!important; }
.explore-att-sect .landing.attachment-landings { justify-content: center; }

.coming-soon-sect { margin: 0 auto; width: 100%; max-width: 2000px; }
.coming-soon-sect.content-sect a.btnclass { margin: 12px auto 12px auto; }
.coming-soon-sect .content-sect.soc-sect { width: 100%; align-items: flex-start; padding: 40px 0 20px 0; }
.coming-soon-sect .content-sect.soc-sect p { text-align: left; margin: 0; }
.listed-holder { width: 100%; padding: 0 5%; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; }
.listed-holder .listed { margin: 24px 20px 20px 20px; }

.feat-p { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.feat-p p { text-align: center; max-width: min(100%, 90vw, 1600px); background: #f4f4f4; border-radius: 16px; border: 4px solid #b30520; padding: 24px; box-sizing: border-box; } 

.feat-flyer {
	position: relative; width: 100%; padding: 40px 0!important; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #efefef; 
}
.feat-flyer a { width: min(100%, 1200px); padding: 0!important; margin: 0; margin-bottom: -4px; }
.feat-flyer img { width: min(100%, 1200px); object-fit: contain; object-position: center; padding: 0!important; margin: 0!important; }

	/* galleryscript.js styles */
.img-overlay { background: rgba(0, 0, 0, .7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; opacity: 0; pointer-events: none; transition: .4s ease all; } /* no need to add transition/hover state, is included in galleryscript.js */
.img-wrapper:hover .img-overlay { opacity: 1; }
.img-overlay i { font-size: 36px; color: #fff; }
#overlay { background: rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; z-index: 1005; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* removes blue highlight */ }
#overlay img { margin: 0; width: 90%; height: auto; max-height: calc(100% - 200px); object-fit: contain; padding: 40px 5%; box-sizing: border-box; }
#exitButton { color: #fff; font-size: 38px; padding: 20px; box-sizing: border-box; cursor: pointer; transition: opacity 0.8s; position: absolute; top: 20px; right: 20px; }
#exitButton:hover { opacity: 1; }

/* homepage hero/slideshow styles default.htm */
.hero { width: 100%; height: max(calc(100vh - 300px), 550px); position: relative; overflow: hidden; margin: 0 auto; }
.hero-overlay { position: absolute; z-index: 4; top: 0; bottom: 0; left: 0; right: 0; padding: 0 8% 10px 8%; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; align-content: center; pointer-events: none; }
.hero-overlay h1 { width: 100%; font-size: 82px; color: #fff; text-transform: uppercase; text-align: center; margin: 0 0 100px 0; text-shadow: 0 0 32px #000, 1px 1px 4px #000; }
.hero-overlay h1 span.h1-sm { font-size: 36px; font-style: italic; text-align: center; }
.hero-overlay h1 span.logo-replace { position: relative; display: inline; }
.hero-overlay h1 span.logo-replace:after { position: absolute; z-index: 3; content: ""; top: -25px; bottom: -2px; left: 0; right: -14px; background-image: url('/siteart/TNAttachments-Logo-color.png'); background-size: contain; background-position: left center; background-repeat: no-repeat; }

.hero .carousel{background: #222;}
.hero .carousel-cell{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden;}
.hero .carousel-cell-image{display: block; width: 100%; height: 100%; object-fit: cover;}
.hero .carousel .flickity-prev-next-button{background: none; width: 45px; height: 45px; color: #fff; opacity: .75; transition: all .2s ease-in-out;}
.hero .carousel .flickity-prev-next-button:hover{background: none; opacity: 1;}
.hero .carousel .flickity-page-dots .dot{display: none;}

.lg-cta-sect { width: 100%; position: relative; margin: 0 auto; padding: 0 10%; box-sizing: border-box; display: flex; justify-content: center; }
.lg-cta-sect .lg-cta-div { display: flex; justify-content: center; align-items: stretch; width: min(100%, 1250px); column-gap: 24px; margin-top: -70px; }
.lg-cta { display: flex; flex-direction: column; align-items: center; justify-content: space-between; row-gap: 20px; width: min(33.333333%, 320px);  padding: 20px; box-sizing: border-box; background: #b30520; color: #fff; text-align: center; text-shadow: 1px 1px 0 rgba(0, 0, 0, .5); box-shadow: 1px 2px 6px rgba(0, 0, 0, .4); transition: .3s ease all; }
.lg-cta.has-tall-img { row-gap: 14px; padding-top: 18px; }
.lg-cta:hover { background: #D7042F; margin: -8px 0 8px 0; box-shadow: 1px 4px 8px rgba(0, 0, 0, .65); }
.lg-cta i { font-size: 34px; }
.lg-cta img { width: auto; height: 40px; object-fit: contain; object-position: center; filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, .5)); }
.lg-cta span { font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 26px; font-weight: 700; display: flex; justify-content: center; align-items: center; transition: .3s ease all; }

.onload-screen {
	position: fixed; z-index: 1200; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; 
	background: #dde0e5; box-shadow: 0 0 0 rgba(0, 0, 0, .5); padding: 10%; box-sizing: border-box; 
	display: flex; justify-content: center; align-items: center; 
	animation: slide-out-top .3s ease both; animation-delay: .65s; 
}
.onload-screen img { 
	width: min(100%, 400px); object-fit: contain; object-position: center; 
	animation: fade-in-opacity .3s ease both; animation-delay: .1s; 
}

.homepage:not(.landing):not(.lg-cta-sect):not(.explore-att-sect) { display: flex; justify-content: center; align-items: center; width: 100%; margin: 0 auto; padding: 40px 5%; box-sizing: border-box; }
.homepage .content-sect { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; padding: 0 40px; width: 50%; }
.homepage .homepage-left { padding-left: 0; padding-right: 40px; max-width: 1000px; }
.homepage .homepage-right { padding-right: 0; padding-left: 40px; max-width: 1000px; }
.homepage .content-sect h2, .homepage .content-sect .title-h2 { width: 100%; text-align: center; }
.homepage hr.horiz-div { margin-bottom: 24px; width: 220px; max-width: 70%; height: 8px; }
.homepage .content-sect p { width: 100%; margin-bottom: 20px; text-align: center; }
.homepage .content-sect .btnclass { margin: 20px 20px 0 20px; width: calc(100% - 40px); max-width: 280px; }
.homepage.dealer-sect { align-items: stretch; }
.homepage.dealer-sect .dealer-map-img { width: 50%; display: flex; justify-content: center; align-items: center; min-height: 300px; box-sizing: border-box; position: relative; pointer-events: none; }
.homepage.dealer-sect .dealer-map-img img.map-img { width: 100%; height: 100%; object-fit: contain; object-position: center; max-height: 350px; }
.homepage.dealer-sect .btnclass { width: calc(50% - 40px); }
.homepage.gallery-feature .gallery-feature-video { max-height: 350px; }
.homepage.gallery-feature .gallery-feature-video .fw-video-holder { max-width: 622px; padding-bottom: min(56.25%, 350px); }
.homepage.gallery-feature iframe { max-width: 622px; max-height: 350px; }
.homepage.content-sect { flex-direction: column; padding: 40px 5%; }
.homepage.content-sect img { width: 45%; max-width: 600px; object-fit: contain; object-position: center; margin-bottom: 40px; }
.homepage.content-sect p { width: 55%; max-width: 1000px; text-align: center; margin: 0; }

/* attachments.htm & ____-landing.htm - Attachments Landing Pages & landing sections */
.landing { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 85%; max-width: 2000px; margin: 40px auto; }
.landing a { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width: calc(25% - 20px); height: 240px; margin: 10px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, .3); background: #bebebe; background-image: url('/siteart/bg-hexagons.jpg'); background-size: 42px; background-repeat: repeat; background-position: top left; position: relative; transition: .15s ease all; }
.landing a:after { position: absolute; content: ""; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: none; background-image: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 40%, rgba(221,221,221,.1) 65%, rgba(96,96,96,0.7) 100%); }
.landing a > span:not(.coming-soon-overlay) { font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 17px; font-weight: 500; background: #b30520; color: #fff; min-height: 50px; position: absolute; padding: 16px; box-sizing: border-box; max-width: calc(100% - 24px); z-index: 4; animation: slide-in-top .8s ease both; }
.landing a > span:not(.coming-soon-overlay):before { position: absolute; top: 0; bottom: 0; left: calc(100% - 1px); right: -20px; clip-path: polygon(0 0, 100% 0, 0 120%); background: #b30520; content: ""; }
.landing a > span span.attach-subtitle { font-size: 13px; line-height: 16px; display: flex; margin: -7px 0 -7px 0; }
.landing a img {position: relative; z-index: 3; object-fit: contain; object-position: bottom right; width: 100%; height: 100%; padding: 16px 4px 4px 36px; box-sizing: border-box; transition: .2s ease all; }
.landing a.all-att { width: calc(100% - 20px); }
.landing a.all-att img { position: absolute; z-index: 3; top: 0; bottom: 0; left: 0; right: 0; object-fit: contain; object-position: center; width: 100%; height: 100%; padding: 0 20px; transition: .4s ease all; }
.landing a:hover { box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.3), 0 0 0px 4px rgba(0, 22, 142, 1), 1px 3px 12px 3px rgba(0, 0, 0, 1); border-radius: 2px; transition: .2s ease all; }
.landing a:hover img:not(.all-att) { width: calc(100% + 12px); height: calc(100% + 6px); padding: 8px 0 0 8px; transition: .5s ease all; }
.landing a.all-att:hover img { width: calc(100% + 162px); height: calc(100% + 56px); margin: -49px 0 0 -123px; padding: 0; transition: 1s ease all; }
.landing a span.coming-soon-overlay { position: absolute; z-index: 5; bottom: 12px; left: 12px; width: calc(100% - 24px); height: calc(100% - 60px); display: flex; justify-content: flex-start; align-items: flex-end; font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 28px; font-weight: 900; color: #fff; letter-spacing: 2px; text-transform: uppercase; text-shadow: 0 0 8px rgba(0, 0, 0,  .6);  }

/* [type]-landing.htm - Attachment Sub/Landing Pages */
.attachment-request-quote { display: flex; justify-content: center; align-items: center; width: 100%; margin: 40px auto 10px auto; }
.attachment-landings { margin: 10px auto 40px auto; }
.breadcrumbs-crust { width: 100%; max-width: 3000px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; overflow: hidden; animation: slide-in-left .8s ease-out both; }
.breadcrumbs-meat { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; background: #ededed; transform: skewX(-20deg); margin: 0 0 0 -40px; padding: 8px 20px 8px 60px; box-sizing: border-box; }
.breadcrumbs-meat a { transform: skewX(20deg); font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 15px; color: #242e6b; /* muted blue */ margin: 0 12px; }
.breadcrumbs-meat a:hover { color: #b30520; transition: .2s ease all; }
.breadcrumbs-meat p { transform: skewX(20deg); font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 20px; color: #242e6b; /* muted blue */ }
.breadcrumbs-meat p.inactive-breadcrumb { font-size: 15px; margin: 0 12px; }
.attachment-view-other { width: 100%; padding: 40px 5% 0 0; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; max-width: 2400px; }
.attachment-view-other .title-sect { width: calc(100% - 280px); }

/* _____-details.htm - Attachment Spec/Details/Sub-sub Landing Pages */
.attachment-details { width: 100%; max-width: 2500px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
.attachment-details .attach-title { width: 100%; max-width: 2500px; display: flex; justify-content: space-between; align-items: flex-start; padding: 24px 0; box-sizing: border-box; }
.attachment-details .attach-title .title-sect { padding: 0; }
.attachment-details .attach-title .title-sect h2 { padding: 0 20px 0 0; box-sizing: border-box; }
.attachment-details .attach-title .title-sect h2 span.attach-subheading { font-size: 28px; }
	/* begin confusion - start images */
.attachment-details .attach-img { width: 600px; min-width: 480px; max-width: 600px; min-height: 400px; height: 100%; max-height: 600px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; }
.attachment-details .attach-img a { height: 100%; max-height: 600px; }
.attachment-details .attach-img img { object-fit: contain; object-position: center; width: 100%; max-width: 600px; height: 100%; min-height: 400px; max-height: 600px; margin: 0 auto; cursor: pointer; }
.attachment-details .attach-img.attach-cover-style img { object-fit: cover; } 
.attachment-details .attach-mult-imgs { width: 600px; max-width: 600px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; margin: 0 0 20px 0; box-sizing: border-box; }
.attachment-details .attach-mult-imgs .attach-img { width: 100%!important; }
	/* end images - start content-sect */
.attachment-details .mission { width: 100%; justify-content: space-between; padding: 0 0 60px 0; }
.attachment-details .content-fw { padding: 0 0 60px 0; row-gap: 24px; }
.attachment-details .content-fw .content-sect { padding: 0; }
.attachment-details .content-fw hr.horiz-div { width: min(80%, 800px)!important; }
.attachment-details .feat-p { padding: 0 0 60px 0; }
.attachment-details .mission .content-sect { width: 50%; padding: 0; }
.attachment-details .content-sect.width100 { width: 100%; }
.attachment-details .content-sect.mult-imgs {  }
.attachment-details .content-sect.mult-imgs .attach-specs { width: 100%; margin: 40px 0 20px 0; padding: 0; } 
.attachment-details .content-sect.mult-imgs .attach-options { width: 100%; } 
	/* end content-sect - start details/ul (Features, Ideal Uses, etc) */
.attachment-details h3 { font-size: 26px; text-transform: uppercase; margin: 20px 0 6px 0; }
.attachment-details ul:not(.spec-table) { font-family: 'Industry', 'Titillium Web', sans-serif; list-style-type: disc; margin: 0 0 0 20px; line-height: 24px; }
.attachment-details .content-sect ul.attach-details {  }
	/* end details - start tables & .attach-specs (general, images, descr, etc) */
.attachment-details .attach-specs { width: min(100%, 1200px); padding: 0 40px; box-sizing: border-box; margin-top: 20px; }
.attachment-details .attach-specs p { margin: 20px; text-align: center; }
.attachment-details .attach-specs img { width: 100%; object-fit: contain; padding: 12px; box-sizing: border-box; }
.attachment-details .attach-specs h4 { font-size: 24px; text-transform: uppercase; text-align: center; background: #bbb; border-top-left-radius: 26px; border-top-right-radius: 26px; padding: 6px 20px; box-sizing: border-box; width: 100%; margin: 0 auto; }
.attachment-details .attach-specs.width100 { width: 100%; padding: 0; }
.attachment-details .attach-specs.width100 h4 { margin: 0 auto; }
.attachment-details .attach-specs.width100 ul.spec-table { margin: 0 auto; }
.attachment-details .content-sect.mult-imgs .attach-specs h4 { margin: 0; }
.attachment-details .content-sect.mult-imgs .attach-specs ul.spec-table { margin: 0; }
	/* end table generals - start side descrs: max-width table and side-descr per case basis (specified cases below) */
.attachment-details .attach-specs.side-descr { display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 40px 0; }
.attachment-details .attach-specs.side-descr .side-descr { padding: 0 0 40px 40px; box-sizing: border-box; } 
.attachment-details .attach-specs.side-descr .side-descr p { margin: 0; }
		/* specified cases */
.attachment-details .attach-specs.side-descr.augerdrives .table-div { width: 1050px; margin: 0 0 20px 0; }
.attachment-details .attach-specs.side-descr.augerdrives .side-descr { width: calc(100% - 1050px); }
.attachment-details .attach-specs.width100.sk-series ul.spec-table.spec-table-3cols.spec-table-flexible { max-width: 900px!important; margin-top: 20px; }
	/* end side descr - start max widths */
.attachment-details .attach-specs ul.spec-table.max-width540 { max-width: 540px; }
.attachment-details .attach-specs h4.max-width540 { max-width: 540px; }
.attachment-details .attach-specs ul.spec-table.max-width1050 { max-width: 1050px; }
.attachment-details .attach-specs h4.max-width1050 { max-width: 1050px; }
	/* end max widths - start tables (general, colors, etc) */
.attachment-details .attach-specs ul.spec-table { width: 100%; margin: 0 auto; font-family: 'Industry', 'Titillium Web', sans-serif; }
.attachment-details .attach-specs ul.spec-table:not(.color-even) li:nth-child(odd) { background: #e6e7e8; /* table gray */ }
.attachment-details .attach-specs ul.spec-table.color-even li:nth-child(even) { background: #e6e7e8; /* table gray */ }
.attachment-details .attach-specs ul.spec-table li { width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 6px 12px; box-sizing: border-box; }
.attachment-details .attach-specs ul.spec-table li.bold-uppercase-li { font-weight: 800; text-transform: uppercase; }
.attachment-details .attach-specs ul.spec-table li.title-li { font-size: 24px; text-transform: uppercase; text-align: center; background: #bbb!important; border-top-left-radius: 26px; border-top-right-radius: 26px; padding: 6px 10px; box-sizing: border-box; width: 100%; margin: 0; }
.attachment-details .attach-specs ul.spec-table li.title-li span { text-align: center; }
.attachment-details .attach-specs ul.spec-table li.title-li.no-border-radius { border-radius: 0; }
	/* end table generals - start 2 cols */
.attachment-details .attach-specs ul.spec-table.spec-table-2cols li span:first-of-type { width: 64%; text-align: left; text-transform: uppercase; }
.attachment-details .attach-specs ul.spec-table.spec-table-2cols li span:last-of-type { width: 36%; min-width: 140px; text-align: center; padding-left: 16px; }
	/* end 2 cols - start 3 cols */
.attachment-details .attach-specs ul.spec-table.spec-table-3cols li span { width: 33%; text-align: center; padding: 6px 16px; }
	/* end 3 cols - start 4 cols */
.attachment-details .attach-specs ul.spec-table.spec-table-4cols li span:first-of-type {width: 40%; min-width: 250px; max-width: 300px; text-align: left; }
.attachment-details .attach-specs ul.spec-table.spec-table-4cols li span { width: 25%; min-width: 150px; max-width: 250px; text-align: center; }
	/* end 4 cols - start flexible */
.attachment-details .attach-specs ul.spec-table.spec-table-flexible { max-width: unset; }
.attachment-details .attach-specs ul.spec-table.spec-table-flexible li.title-li span { text-align: center!important; }
.attachment-details .attach-specs ul.spec-table.spec-table-flexible li span:first-of-type { width: 50%; min-width: 50%; text-align: left; }
.attachment-details .attach-specs ul.spec-table.spec-table-flexible li span:last-of-type { width: 50%; }
.attachment-details .attach-specs ul.spec-table.spec-table-flexible li span { width: 25%; min-width: 100px; padding: 6px 0; }
	/* end flexible - start combine */
.attachment-details .attach-specs.combine-tables { width: 100%; display: flex; justify-content: center; align-items: flex-start; }
.attachment-details .attach-specs.combine-tables.augerdrives1210 { max-width: 1210px; padding: 0; }
.attachment-details .attach-specs.combine-tables.augerdrives1210 ul.spec-table.spec-table-2cols { max-width: 400px; margin: 0; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.attachment-details .attach-specs.combine-tables.augerdrives1210 ul.spec-table.spec-table-2cols:first-of-type li.title-li { border-top-left-radius: 26px; border-top-right-radius: 0; }
.attachment-details .attach-specs.combine-tables.augerdrives1210 ul.spec-table.spec-table-2cols:last-of-type li.title-li { border-top-left-radius: 0; border-top-right-radius: 26px; }
.attachment-details .attach-specs.combine-tables.augerdrives1210 ul.spec-table.spec-table-2cols li.title-li span { width: 100%; padding: 0; }
.attachment-details .attach-specs.combine-tables.augerdrives1210 ul.spec-table.spec-table-2cols li span { width: 50%; text-align: center; padding: 0 1px; min-width: unset; }
.attachment-details .content-sect.augerdrives1210 { width: calc(100% - 1210px); padding-top: 40px; }
	/* end combine - start options */
.attachment-details .attach-options { width: 50%; position: relative; }
.attachment-details .attach-options .content-sect { width: 100%; }
.attachment-details .attach-options .img-wrapper { width: 100%; height: 400px; display: flex; justify-content: center; align-items: flex-start; padding: 0 20px 40px 20px; box-sizing: border-box; }
.attachment-details .attach-options img { width: 100%; height: 380px; object-fit: contain; object-position: top center; cursor: pointer; }
.attachment-details .attach-options.max-width560 { max-width: 560px; }
.attachment-details .attach-options.max-width650 { max-width: 650px; }
.attachment-details .attach-options.width40 { width: 40%; }
.attachment-details .attach-options.options-left { margin-right: 10%; }
.attachment-details .attach-options.width100 { width: 100%; }
	/* end options - start min-widths */
.attachment-details .attach-specs.no-min-widths ul.spec-table { min-width: unset!important; }
.attachment-details .attach-specs.no-min-widths ul.spec-table li { min-width: unset!important; }
.attachment-details .attach-specs.no-min-widths ul.spec-table li span:first-of-type { min-width: unset!important; }
.attachment-details .attach-specs.no-min-widths ul.spec-table li span { min-width: unset!important; }
.attachment-details .attach-specs.no-min-widths ul.spec-table li span:last-of-type { min-width: unset!important; }
.attachment-details .attach-specs.no-min-widths h4 { min-width: unset!important; }
	/* end min-widths - start more specifieds */
.attachment-details .attach-specs.buckets ul.spec-table.spec-table-3cols { max-width: 650px; }
.attachment-details .attach-specs.buckets ul.spec-table.spec-table-3cols li.title-li span { width: 100%!important; min-width: unset; }
.attachment-details .attach-specs.buckets ul.spec-table.spec-table-3cols li:not(.title-li) span { width: 33.333333%!important; min-width: unset; }
.attachment-details .attach-specs.grapplebuckets ul.spec-table.spec-table-flexible { max-width: 650px; }
.attachment-details .attach-specs.grapplebuckets ul.spec-table.spec-table-flexible li span { width: 15%!important; min-width: 50px!important; }
.attachment-details .attach-specs.grapplebuckets ul.spec-table.spec-table-flexible li span:first-of-type { width: 35%!important; min-width: 200px!important; }
	/* end more specified things - end confusion */
.attachment-details .attach-sm-imgs { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; }
.attachment-details .attach-sm-imgs .feature-warranty { width: 180px; height: 90px; display: flex; flex-direction: column; align-items: center; justify-content: space-around; padding: 4px; box-sizing: border-box; margin: 20px; position: relative; background: #00168e; background-image: linear-gradient(#192e9b, #071582); box-shadow: 0.5px 0.5px 0 #fff, 4px 4px 0 #b30520; }
.attachment-details .attach-sm-imgs .feature-warranty p { text-align: center; color: #fff; box-sizing: border-box; position: relative; z-index: 3; margin: 0; text-transform: uppercase; }
.attachment-details .attach-sm-imgs .feature-warranty i { margin: 0 6px; }
.attachment-details .attach-sm-imgs .feature-warranty p.big-feature { font-size: 18px; }
.attachment-details .attach-sm-imgs .feature-warranty p.sm-feature { font-size: 14px; }
.attachment-details .attach-sm-imgs img { width: 120px; height: 120px; object-fit: contain; object-position: center; margin: 20px; }

.attachment-details.why-choose-this { width: 100%; max-width: 2500px; margin: 24px auto 40px auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; background: #1c1d1d; padding: 12px 4%; box-sizing: border-box; }
.attachment-details.why-choose-this h2, .attachment-details.why-choose-this .title-h2 { width: 100%; color: #fff; font-size: 28px; letter-spacing: 1.5px; text-transform: uppercase; text-align: center; margin: 0 0 12px 0; box-sizing: border-box; }
.attachment-details.why-choose-this .why-reason { width: 20%; max-width: 350px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 0 calc(1% + 16px); box-sizing: border-box; }
.attachment-details.why-choose-this .why-reason img { object-fit: contain; width: 95%; height: 90px; }
.attachment-details.why-choose-this .why-reason h4 { color: #fff; font-size: 22px; letter-spacing: 1px; text-transform: uppercase; text-align: center; margin: 4px 0; }
.attachment-details.why-choose-this .why-reason p { color: #fff; font-size: 13px; text-transform: uppercase; text-align: center; line-height: 1; }

/* find-a-dealer.htm - Locations - Find a Dealer Page */
.find-dealer-bigmap { display: flex; width: 100%; max-width: 2500px; margin: 0 auto; padding: 40px 5% 12px 5%; box-sizing: border-box; }
.find-dealer-bigmap .big-big-map { width: 100%; }
.find-dealer-bigmap .big-big-map iframe { width: 100%; height: 600px; }
.filter-links-div ul.filter-links { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 2500px; margin: 20px auto; padding: 0 8%; box-sizing: border-box; }
.filter-links-div ul.filter-links li { margin: 2px 4px; }
.filter-links-div ul.filter-links li.active { background: #ededed; }
.filter-links-div ul.filter-links li:hover { background: #dde0e5; }
.filter-links-div ul.filter-links li a { font-family: 'Industry', 'Titillium Web', sans-serif; display: flex; justify-content: center; align-items: center; padding: 8px 16px; box-sizing: border-box; color: #000c54; /* DARK blue */ text-align: center; }
.loc-longlist { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; padding: 0 10%; box-sizing: border-box; width: 100%; max-width: 2100px; margin: 0 auto 30px auto; }
	/* location cards: /location-cards/state-company.htm */
.indiloc { background: #efefef; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: calc(25% - 24px); margin: 12px; padding: 16px; box-sizing: border-box; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); transition: .15s ease all; }
.indiloc:hover { box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.38); transition: .15s ease all; }
.indiloc img { object-fit: contain; width: 100%; max-width: 350px; height: 100px; padding: 6px; box-sizing: border-box; margin: 0 auto; }
.indiloc h3 { font-size: 17px; font-weight: 500; text-align: center; color: #242e6b; /* muted blue */ width: 100%; margin: 12px auto 4px auto; }
.indiloc h4 { font-size: 19px; text-align: center; margin: 6px auto 10px auto; width: 100%; }
.indiloc a:not(.btnclass) { font-family: 'Industry', 'Titillium Web', sans-serif; display: flex; justify-content: flex-start; align-items: center; color: #333; max-width: 100%; font-size: 14px; }
.indiloc .loc-addr { margin: 8px 0; }
.indiloc a.loc-phone { margin: 8px 0 60px 0; }
.indiloc i { font-size: 14px; width: 20px; text-align: center; padding: 0 6px 0 0; }
.indiloc a.btnclass { width: 100%; align-self: flex-end; }
div.indiloc.f-cat:not(.active) { display: none; }
.indiloc a:not(.btnclass):hover span { text-decoration: underline; }

/* individual location pages: /locations/state-company-city.htm */
.subhero.locations { background-image: url("/siteart/subhero-iron-rhino1.jpg"); background-position: center 38%; background-size: 120%; }
.subhero.d-w-subhero.locations { background-image: url("/siteart/subhero-ditch-witch.jpg"); }
.subhero.locations h1 { font-size: 28px; animation-delay: 1.2s; }
.locations-pages { display: flex; justify-content: center; align-items: stretch; padding: 20px 60px 40px 60px; box-sizing: border-box; width: 100%; max-width: 2500px; margin: 0 auto; }
.locations-pages .fullmap { width: 65%; min-height: 600px; }
.locations-pages .fullmap iframe { width: 100%; height: 100%; min-height: 600px; }
.loc-full-inf { width: 32%; max-width: 450px; height: 100%; min-height: 600px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; background: #dde0e5; font-family: 'Industry', 'Titillium Web', sans-serif; color: #333; padding: 24px 32px; box-sizing: border-box; margin: 0 0 0 3%; box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); animation: slide-in-right .7s ease both; }
.loc-full-inf > div { width: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.loc-full-inf div.btns { margin: 24px 0 0 0; }
.loc-full-inf img { object-fit: contain; width: 100%; max-width: 400px; height: 100px; padding: 4px; box-sizing: border-box; margin: 0 0 20px 0; }
.loc-full-inf h3 { font-size: 22px; color: #000; }
.loc-full-inf .addr { font-size: 18px; font-weight: 600; line-height: 1.7; color: #242e6b; /* muted BLUE */ margin: 20px 0; }
.loc-full-inf a.phone { font-size: 16px; font-weight: 600; color: #242e6b; /* muted BLUE */ margin: 0 0 12px 0; }
.loc-full-inf p.other { font-size: 14px; color: #000; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.loc-full-inf span.contact-b { font-size: 16px; font-weight: 700; margin: 8px 0 0 0;  }
.loc-full-inf a.email { color: #000; font-size: 15px; margin: 0 0 8px 0; word-break: break-all; }
.loc-full-inf a:not(.btnclass):hover { text-decoration: underline; } 
.loc-full-inf p.hours { font-size: 15px; text-transform: uppercase; color: #333; margin: 12px 0; }
.loc-full-inf p.hours span.hours-b { font-weight: 600; }
.loc-full-inf a.btnclass { margin: 16px 0 0 0; width: 100%; }

/* become-a-dealer.htm - Dealer Opportunities */
.becomepage { width: 100%; }
.becomepage .form-div { width: 80%; max-width: 1020px; margin: 0 auto; }

/* about-us.htm */
.aboutpage { width: 100%; }
.aboutpage > .mission, .aboutpage > .content-sect { padding: 60px max(5%, calc(50% - 1000px)); }
.aboutpage .mission .content-sect { padding: 0; }
.aboutpage.content-sect a.btnclass { margin: 12px auto 12px auto; }
.aboutpage .content-sect.soc-sect { width: 100%; align-items: flex-start; padding: 40px 0 20px 0; }
.aboutpage .content-sect.soc-sect p { text-align: left; margin: 0; }

/* gallery.htm */
.gallerypage {  }

	/* pull-up tabs */
.filter-media-types-div ul.filter-media-types { display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-end; width: 100%; max-width: 2500px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; }
.filter-media-types-div ul.filter-media-types li { margin: 0 4px; background: #000c54; /* DARK blue */ border-top-left-radius: 16px; border-top-right-radius: 16px; box-sizing: border-box; transition: .15s ease padding; }
.filter-media-types-div ul.filter-media-types li.showing { background: #00168e; padding-bottom: 20px; margin-top: 20px; }
.filter-media-types-div ul.filter-media-types li:hover { background: #b30520; padding-bottom: 20px; transition: .15s ease padding; }
.filter-media-types-div ul.filter-media-types li a { font-family: 'Industry', 'Titillium Web', sans-serif; display: flex; justify-content: center; align-items: center; padding: 12px 0; width: 220px; box-sizing: border-box; color: #fff; font-weight: 500; font-size: 17px; letter-spacing: .5px; text-align: center; }

.gallery-longlist { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; padding: 20px 5%; box-sizing: border-box; width: 100%; max-width: 3000px; margin: 0 auto; background: #efefef; }

	/* media "cards" (individual divs for each media element) */
.indi-media { width: calc(33.333333% - 20px); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; margin: 20px 10px 40px 10px; box-sizing: border-box; }
.indi-media .img-wrapper { display: flex; justify-content: center; position: relative; padding-bottom: 56.25%; width: 100%; height: 0; margin-bottom: 10px; cursor: pointer; pointer-events: none; } /* maintains correct ratio for videos - do not change this line. */
.indi-media .img-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; margin-bottom: 10px; pointer-events: all; cursor: pointer; } /* format to fit well in a 16:9 ratio, if need contain, use inline style="object-fit: contain;" */
.indi-media .fw-video-holder { margin-bottom: 10px; }
.indi-media h4 { width: 100%; font-size: 20px; text-align: center; padding: 0 3% 10px 3%; box-sizing: border-box; }
.indi-media p { width: 100%; font-size: 14px; text-align: center; padding: 0 5%; box-sizing: border-box; }
.indi-media a.btnclass { margin-top: 10px; max-width: 100%; }
div.indi-media.f-media:not(.showing) { display: none; }

/* request-a-quote.htm */
.requestpage {  }
.contact-request { display: flex; justify-content: center; align-items: center; margin: 40px auto 50px auto; width: 100%; }
.contact-request p { margin: 0 60px 0 0; }

/* contact-us.htm */
.contactpage { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; }
.contactpage.subhero { position: relative; z-index: 3; justify-content: flex-start; align-items: flex-end; }
.contactpage .fullmap { width: 40%; max-width: 1000px; height: 400px; }
.contactpage .title-sect { padding-top: 60px; max-width: 2000px; }
.contactpage .form-div { width: 100%; position: relative; }

/* thank-you.htm */
.thankyoupage { width: 100%; margin: 0 auto; display: flex; justify-content: center; align-items: center; }
.thankyoupage.subhero { position: relative; z-index: 3; align-items: flex-end; }
.thankyoupage > .content-sect { width: 40%; }
.thankyoupage > .content-sect p { margin: 0 auto 16px auto; text-align: center; }
.thankyoupage > .content-sect a.btnclass { margin: 12px auto 12px auto; }

.txt-size18 { font-size: 18px; }

/*--------FORM STYLES--------------------*/
.form-div { display: flex; flex-direction: column; align-items: center; padding: 40px 0 70px 0; width: 100%; overflow-x: hidden; }
.form-div h3 { font-size: 26px; text-align: center; color: #00168e; margin: 0 0 10px 0; }
.form-div hr { margin: 0 0 24px 0; }
.form-div p { text-align: center; }
.form-div form { display: flex; flex-wrap: wrap; justify-content: center; width: 90%; margin: 0 auto; max-width: 1000px; }
.form-div form .formrow { display: flex; justify-content: center; width: 100%; }
.form-div form .formrow3col { display: flex; justify-content: center; width: 96%; margin: 0 0 0 20px; }
.form-div form .formrow-captcha { display: flex; flex-direction: column; align-items: center; width: 100%; }
.form-div form .smcol { width: 33.333333%; display: flex; flex-direction: column; }
.form-div form .smcol.smcol50 { width: 50%; }
.form-div form .smcol.smcol50 input { width: 96%; }
.form-div form .smcol label { padding: 0; }
.form-div form label.label-center { margin: 40px 0 12px 0; padding: 0; text-align: center; }
.form-div form select#form_subject { width: 420px; margin: 0 0 40px 0; padding: 6px; border: 1px solid #fff; border-right: 10px solid #fff; color: #000; font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 16px; }
.form-div form label { font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 16px; font-weight: 500; color: #000; width: 100%; box-sizing: border-box; margin: 24px 0 6px 8px; padding: 0 0 0 26px; }
.form-div form input[type="text"] { width: 94%; margin: 4px 0; padding: 6px 8px; box-sizing: border-box; color: #000; font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 16px; font-weight: 500; border: none; }
.form-div form input[type="email"] { width: 94%; margin: 4px 0; padding: 6px 8px; box-sizing: border-box; color: #000; font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 16px; font-weight: 500; border: none; }
.form-div form textarea { width: 94%; height: 160px; margin: 4px 0; padding: 6px 8px; box-sizing: border-box; color: #000; font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 16px; font-weight: 500; border: none; }
.form-div form a { margin: 20px 0 0 0; cursor: pointer; }
.form-div form .CaptchaMessagePanel { font-family: 'Industry', 'Titillium Web', sans-serif!important; }
.form-div form #CaptchaAnswer { padding: 6px 8px; box-sizing: border-box; color: #000; font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 16px; font-weight: 500; border: 1px solid #000; }
.form-div form div.CaptchaWhatsThisPanel a { font-family: 'Industry', 'Titillium Web', sans-serif!important; }
.form-div form div.CaptchaWhatsThisPanel a:hover { text-decoration: underline; }
form button[type="submit"] { border: none; cursor: pointer; }
.form-div.form-slide-right form { animation: slide-in-right .8s ease both; animation-delay: .6s; }
.form-div h3.form-slide-right { animation: slide-in-right .8s ease both; animation-delay: .6s; }
.form-div hr.form-slide-right { animation: fade-in-opacity .6s ease-out both; animation-delay: 1.4s; }
.form-div p.form-slide-right { animation: slide-in-right .8s ease both; animation-delay: .6s; }

/*-------- FOOTER STYLES ----------------*/
footer{}

.footer { width: 100%; display: flex; justify-content: center; }
.footer h4 { font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 32px; color: #fff; font-weight: 600; font-style: italic; }
.footer hr.sm.bg-white { margin: 12px 0 36px 0; }
.footer a:not(.not-this):before { position: absolute; content: ""; top: calc(100% - 2px); bottom: 0; left: -8px; right: calc(100% + 8px); background: #fff; transition: .2s ease all; }
.footer a:not(.not-this):hover:before { right: -10px; transition: .2s ease all; }
.foot-logo { background: #000; display: flex; justify-content: flex-end; align-items: flex-start; width: calc(50% - 16.66666665%); padding: 38px 60px 0 60px; box-sizing: border-box; }
.foot-logo > div { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: 100%; max-width: 567px; height: calc(100% - 40px); }
.foot-nav { width: 33.333333%; max-width: 667px; background: #000c54; /* DARK blue */ display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 38px 0 0 32px; box-sizing: border-box; }
.foot-nav a { font-family: 'Industry', 'Titillium Web', sans-serif; font-size: 20px; font-weight: 500; line-height: 1.7; letter-spacing: .2px; color: #fff; position: relative; margin: 0 0 4px 0; }
.foot-soc { width: calc(50% - 16.66666665%); background: #6c0314; /* DARK red */ display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 38px 0 120px 32px; box-sizing: border-box; }
.foot-soc a.listed { color: #fff; margin: 0 0 32px 0; }
.footer a.listed:before { position: absolute; content: ""; top: calc(100% + 8px); bottom: -10px; left: 0; right: 100%; background: #fff; transition: .2s ease all; }
.footer a.listed:hover:before { right: -10px; transition: .2s ease all; }
.foot-soc-media { display: flex; justify-content: flex-start; align-items: center; margin: 0 0 0 -10px; }
.foot-foot { width: 100%; background: #000; display: flex; justify-content: flex-start; align-items: flex-end; padding: 8px 40px 20px 40px; box-sizing: border-box; } 
.extra-logos { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: flex-end; }
.extra-logos * { width: 120px; height: 80px; object-fit: contain; object-position: center; display: flex; justify-content: center; align-items: center; margin: 12px 12px 0 0; background: #fff; padding: 8px; box-sizing: border-box; }
.foot-logo img { width: 250px; }

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
div.inv-foot-spacer { width: 100%; height: 80px; background: #000; }

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (min-width: 2000px) {
	.subhero.iron-rhino1 { background-position: 50% 55%; }
	.indi-media { width: calc(25% - 20px); }
	.contactpage { overflow: hidden; }
	.contactpage .form-div:before { position: absolute; content: ""; top: 0; bottom: 0; left: 99%; right: -100%; background: #dde0e5; }
	.foot-logo { width: calc(50% - 333.5px); }
	.foot-soc { width: calc(50% - 333.5px); }
}

@media only screen and (max-width: 1750px) {
	.attachment-details .attach-specs.combine-tables.augerdrives1210 { max-width: unset; }
	.attachment-details .attach-specs.side-descr.augerdrives1210 .content-sect.side-descr.augerdrives1210 { width: 100%; max-width: unset; margin-top: 40px; padding: 0; }
}

@media only screen and (max-width: 1580px) {
	.attachment-details .attach-specs.side-descr.augerdrives .table-div { width: 100%; }
	.attachment-details .attach-specs.side-descr.augerdrives .side-descr { width: 100%; padding: 0; }
}

@media only screen and (min-width: 1500px) {
	.blue-content-slider .carousel-cell-image.blue-expo-2 { object-position: 50% 20%; }
}

@media only screen and (max-width: 1500px) {
	.aboutpage .mission { flex-direction: column; }
	.aboutpage .mission.c-r-about { flex-direction: column-reverse; }
	.aboutpage .mission .content-sect, .aboutpage .mission .missionimg, .aboutpage .mission .mission-slider { width: 100%; }
	.aboutpage .mission .mission-slider { width: min(100%, 900px); height: 500px; }
}

@media only screen and (max-width: 1350px) {
	.loc-longlist { padding: 0 5%; }
}

@media only screen and (max-width: 1200px) {
	h2, .title-h2 { font-size: 36px; }
	
	.feat-flyer { padding: 0!important; }
	
	.homepage .content-sect p { margin-bottom: 4px; }
	.homepage .content-sect .btnclass { margin-left: 10px; margin-right: 10px; }
	.homepage.dealer-sect .btnclass { width: calc(50% - 20px); }
	.attachment-details .attach-options.width40.options-left.max-width560.augerdrives { width: 45%; margin-right: 60px; }
	.attachment-details .attach-options.max-width650.augerdrives:not(.options-left) { width: calc(55% - 60px); }
}

@media only screen and (min-width: 1021px) and (max-width: 1200px) {
	.attachment-details .attach-specs.attach-specs-left { padding-right: 20px; }
	.attachment-details .attach-specs.attach-specs-right { padding-left: 20px; }
}

@media only screen and (min-width: 1151px) {
	.all-att-mobile { display: none!important; }
}

@media only screen and (max-width: 1150px) {
	.nav-div { padding: 0 8px 0 330px; }
	.homepage.explore-att-sect .landing.attachment-landings > a { width: calc(50% - 20px); }
	.landing > a { width: calc(33.333333% - 20px); }
	.landing > a.all-att { width: calc(66.666666% - 20px); }
	.attachment-details.why-choose-this .why-reason { padding: 0 9px; }
	.attachment-details .attach-specs.grapplebuckets ul.spec-table.spec-table-flexible li.title-li span { font-size: 21px!important; }
	.indiloc { width: calc(33.333333% - 24px); }
	
	.all-att-desktop { display: none!important; }
	
	.aboutpage .mission .mission-slider { width: 100%; height: 400px; }
}

@media only screen and (min-width: 1101px) {
	.show1100 { display: none; }
}

/* Switch to mobile nav */
@media only screen and (max-width: 1100px) {
	.header { height: 120px; background: #dde0e5; flex-wrap: wrap; justify-content: flex-end; }
	.logo-skew-clipper { width: 320px; height: calc(100% - 50px); }
	.header-logo a img { padding: 6px 0 9px 0; margin-left: min(5%, 8px); }
	.header-right { flex-direction: row; width: calc(100% - 300px); height: 70px; z-index: 4; }
	.topheader { height: 100%; box-shadow: none; background: none; z-index: 1; }
	.dealer-btn-clipper { display: none; }
	.topheader a.header-soc:not(.soc-media-link) { margin-right: 0; }
	.topheader a.header-dealer-btn { display: none; }
	.nav-div { width: unset; height: 100%; align-items: center; background: #dde0e5; padding: 0 0 0 20px; }
	.header .show1100 { width: 100%; height: 50px; }
	a.header-dealer-btn { background: #000; width: 100%; height: 50px; line-height: 20px; padding: 0 0 0 4px; }
	a.header-dealer-btn:before { display: none; }	
	a.header-dealer-btn:hover { padding: 0 0 0 10px; background: #b30520; }
	a.header-dealer-btn i { padding: 0 0 0 18px; }
	a.header-dealer-btn:hover i { padding: 0 0 0 30px; }
	
	.listed { font-size: 16px; }
	.blue-content-slider .slider-text { padding: 36px 24px 24px 24px; }
	.find-dealer-bigmap .big-big-map iframe { height: 500px; }
	.foot-logo img { width: 200px; }
	.footer h4 { font-size: 28px; }
	.footer hr.sm.bg-white { margin: 12px 0 24px 0; height: 4px; }
	.foot-nav a { font-size: 16px; line-height: 2; }
}

@media only screen and (max-width: 1050px) {
	.homepage .homepage-left { padding-right: 20px; }
	.homepage .homepage-right { padding-left: 20px; }
	.homepage.content-sect p { width: 80%; }
	.attachment-details .attach-options.max-width560 { width: 560px!important; margin: 0 auto 40px auto!important; }
	.attachment-details .attach-options.max-width650 { width: 650px!important; margin: 20px auto 0 auto!important; }
	.locations-pages { flex-direction: column; }
	.locations-pages .fullmap { width: 100%; order: 2; }
	.loc-full-inf { width: 100%; max-width: unset; height: unset; min-height: unset; order: 1; margin: 0 0 30px 0; align-items: center; }
	.loc-full-inf .inf { align-items: center; text-align: center; }
	.loc-full-inf .inf p.other { align-items: center; text-align: center; }
	.loc-full-inf .btns { width: 300px; }
	.filter-media-types-div ul.filter-media-types { justify-content: center; }
}

@media only screen and (max-width: 1020px) {
	h1 { font-size: 42px; }
	h2, .title-h2 { font-size: 34px; }
	
	.mission { flex-direction: column; }
	.mission .content-sect, .mission .missionimg, .mission .attach-img, .attachment-details .mission .content-sect { width: 100%; }
	
	.subhero { height: 250px; }
	.hero-overlay h1 span.h1-sm { font-size: 32px; }
	.hero-overlay h1 { font-size: 72px; }
	.lg-cta-sect { padding: 0 8%; column-gap: 12px; }
	.lg-cta span { font-size: 22px; }
	.attachment-details .attach-mult-imgs { width: 100%; }
	.attachment-details .attach-img { width: 100%; min-width: unset; height: 400px; }
	.attachment-details .attach-img img { width: 100%; min-width: unset; height: 400px; }
	.attachment-details .content-sect { width: 100%; max-width: unset; padding-left: 0; }
	.attachment-details .attach-details { width: 100%; }
	.attachment-details .attach-specs { width: 100%; padding: 0; }
	.attachment-details .attach-specs h4 { max-width: unset; }
	.attachment-details .attach-specs ul.spec-table { max-width: unset; margin: 0 auto; }
	.attachment-details .content-sect.mult-imgs .attach-specs h4 { margin: 0 auto; }
	.attachment-details .content-sect.mult-imgs .attach-specs ul.spec-table { margin: 0 auto; }
	.attachment-details .attach-specs.combine-tables.augerdrives1210 ul.spec-table.spec-table-2cols li:not(.title-li) { font-size: 14px; padding: 6px 0; }
	.attachment-details.why-choose-this .why-reason { width: 33.333333%; padding: 16px; }
	.attachment-details.why-choose-this .why-reason img { height: 60px; }
	.attachment-view-other { flex-direction: column; align-items: flex-start; }
	.attachment-view-other .title-sect { width: 100%; }
	.attachment-view-other .btnclass { margin-left: auto; }
	.contactpage .fullmap { display: none; }
	.blue-sect { width: 100%; height: 380px; justify-content: space-evenly; padding: 0; }
	.blue-sect img.watermark { height: 75%; }
	.blue-sect .content-sect.contact-sect { width: unset; }
	.contactpage .dealer-btns { flex-wrap: wrap; }
	.contactpage .dealer-btns a.btnclass { margin: 16px 30px 40px; order: 1; }
	.contactpage .dealer-btns a.btnclass.quote-btn-swap { order: 3; }
	.thankyoupage { flex-wrap: wrap; }
	.thankyoupage > .content-sect { width: 100%; }
}

@media only screen and (max-width: 950px) {
	.homepage.dealer-sect { flex-direction: column; align-items: center; }
	.homepage.dealer-sect .dealer-map-img { width: 100%; padding-right: 0; padding-top: 20px; order: 2; }
	.homepage.dealer-sect .content-sect.homepage-right { width: 100%; padding-left: 0; padding-bottom: 40px; order: 1; }
	.homepage.gallery-feature .content-sect { width: 60%; }
	.homepage.gallery-feature .gallery-feature-video { width: 40%; padding-left: 0; }
}

@media only screen and (max-width: 900px) {
	.hero  { height: 550px; }
	
	.landing a { width: calc(50% - 20px); }
	.landing a.all-att { width: calc(100% - 20px); }
	.attachment-details .attach-specs.augerdrives ul.spec-table.spec-table-4cols li { font-size: 14px; }
	.attachment-details .attach-specs.augerdrives ul.spec-table.spec-table-4cols li span:first-of-type { min-width: 141px; }
	.attachment-details .attach-specs.augerdrives ul.spec-table.spec-table-4cols li span { padding: 0 4px; min-width: 72px; }
	
	.aboutpage .mission .missionimg { max-height: 350px; }
	
	.footer { flex-wrap: wrap; }
	.foot-logo { width: 100%; justify-content: center; align-items: center; padding: 40px 0; }
	.foot-logo > div { width: 100%; justify-content: center; align-items: center; }
	.foot-nav { width: 50%; }
	.foot-soc { width: 50%; padding: 38px 0 80px 32px; }
}

@media only screen and (max-width: 850px) {
	.homepage.content-sect img { width: 80%; max-width: 300px; }
	.homepage.content-sect p { width: 100%; }
	.attachment-details .attach-options.augerdrives { width: 100%; }
	.find-dealer-bigmap { flex-direction: column; }
	.find-dealer-bigmap .big-big-map { width: 100%; }
	.find-dealer-bigmap .loc-sidelist { width: 100%; }
	.indi-media { width: calc(50% - 20px); }
}

@media only screen and (min-width: 801px) {
	.subhero.iron-rhino2 { background-position: 50% 40%; }
	.inv-foot-spacer { display: none; }
}

@media only screen and (max-width: 800px) {
	.header { width: 100%; }
	
	.hero  { height: 500px; }
	
	.subhero { height: 200px; }
	.flickity-prev-next-button { top: calc(50% + 40px); }
	.lg-cta-sect { padding: 0 5%; }
	.homepage.gallery-feature { flex-direction: column; }
	.homepage.gallery-feature .content-sect { width: 100%; padding-right: 0; }
	.homepage.gallery-feature .gallery-feature-video { width: 350px; max-width: 100%; margin-top: 40px; }
	.attachment-details .attach-specs.attach-specs-left { padding: 0 0 40px 0; }
	.attachment-details .attach-specs.attach-specs-right { padding: 0 0 40px 0; }
	.indiloc { width: calc(50% - 24px); }
	.filter-media-types-div ul.filter-media-types li { width: 100%; }
	.filter-media-types-div ul.filter-media-types li a { width: unset; padding: 12px; }
	.becomepage .form-div { width: 100%; }
	.form-div form .formrow3col { flex-direction: column; margin: 0 -17px 0 0; width: 100%; }
	.form-div form .formrow3col .smcol { width: 100%; }
	.form-div form .formrow3col .smcol50 { width: 100%; }
	.form-div form label { padding: 0; }
	.form-div form select#form_subject { width: 97%; }
	.form-div form input[type="text"] { width: 97%!important; }
	.form-div form input[type="email"] { width: 97%; }
	.form-div form textarea { width: 97%!important; }
	#overlay img { width: 100%; padding-left: 12px; padding-right: 12px; }
}

@media only screen and (max-width: 750px) {
	.hide750 { display: none!important; }
	.hero-overlay h1 span.h1-sm { font-size: 26px; display: flex; flex-direction: column; align-items: center; }
	.hero-overlay h1 span.logo-replace { margin-top: 10px; margin-bottom: 20px; }
	.hero-overlay h1 span.logo-replace:after { top: -24px; bottom: -12px; left: -36px; right: -36px; }
	.hero-overlay h1 { font-size: 56px; margin-bottom: 20px; }
	.homepage.lg-cta-sect { padding-bottom: 16px; }
	.lg-cta-sect .lg-cta-div { flex-direction: column; align-items: center; column-gap: 0; row-gap: 16px; }
	.lg-cta { width: min(100%, 500px); }
	.lg-cta:hover { margin: 0; }
	.blue-content-slider { height: 600px; }
	.blue-content-slider .flickity-viewport { height: 600px!important; }
	.blue-content-slider .carousel-cell-2 { height: 600px; flex-direction: column; }
	.blue-content-slider .slider-text { width: 100%; height: 250px; }
	.blue-content-slider img.watermark { left: unset; right: 0; height: 70%; }
	.blue-content-slider .slider-text p { width: 65%; }
	.blue-content-slider .carousel-cell-image { width: 100%; height: 350px; }
	.blue-content-slider .carousel .flickity-page-dots { left: 0; }
	.attachment-details.why-choose-this .why-reason { width: 50%; }
	.locations-pages { padding: 20px 20px 40px 20px; }
	.contactpage .dealer-btns { flex-direction: column; }
	.contactpage .dealer-btns a.btnclass { margin: 16px 0 14px 0; }
	.contactpage .dealer-btns a.btnclass.quote-btn-swap { margin: 12px 0 40px 0; }
	
	.aboutpage .mission .mission-slider { height: 350px; }
	.aboutpage .mission .missionimg { max-height: 300px; }
}

@media only screen and (max-width: 670px) {
	.nav-div { padding: 0; }
}

@media only screen and (min-width: 651px) {
	.contactpage hr.bg-white.horiz-div { display: none!important; }
}

@media only screen and (max-width: 650px) {
	.hide650 { display: none!important; }
	h1 { font-size: 36px; }
	
	.hero  { height: 450px; }
	
	.subhero.closeup-subhero { background-position: center top; }
	.btnclass { width: 100%; } 
	.homepage .btnclass { width: 100%!important; max-width: unset!important; margin-left: 0!important; margin-right: 0!important; }
	.homepage.dealer-sect .dealer-map-img { min-height: 200px; }
	.homepage.dealer-sect .dealer-map-img img { min-height: 200px; }
	.homepage.explore-att-sect .landing.attachment-landings > a { width: calc(100% - 20px); }
	.landing a { width: calc(100% - 20px); }
	.landing a span { width: 100%; }
	.attachment-details .attach-title { flex-direction: column; justify-content: flex-start; }
	.attachment-details .attach-img { height: 300px; min-height: 300px; }
	.attachment-details .attach-img img { height: 300px; min-height: 300px; }
	.attachment-details h3 { text-align: center!important; width: 100%; }
	.attachment-details .attach-specs ul.spec-table li { font-size: 14px; }
	.attachment-details .attach-specs ul.spec-table.spec-table-3cols li span { width: 33.333333%; padding: 6px 5px; font-size: 12px; }
	.attachment-details .attach-specs ul.spec-table.spec-table-3cols li.title-li span { font-size: 17px; padding: unset; }
	.attachment-details .attach-specs.combine-tables.augerdrives1210 ul.spec-table.spec-table-2cols li:not(.title-li) { font-size: 12px; }
	.attachment-details.why-choose-this .why-reason { width: 100%; }
	.attachment-details.why-choose-this .why-reason h4 { font-size: 18px; margin: 8px 0 4px 0; }
	.indiloc { width: 100%; margin: 12px 0; }
	.loc-full-inf .btns { width: 100%; }
	.filter-media-types-div ul.filter-media-types { padding: 0; }
	.blue-sect { flex-direction: column; height: 560px; }
	.blue-sect img.watermark { max-width: 90%; max-height: 50%; object-fit: contain; }
	.contactpage .blue-sect { height: unset; padding-top: 20px; padding-bottom: 20px; }
	.contactpage .blue-sect .content-sect.soc-sect { padding-top: 20px; }
	.contactpage .dealer-btns { padding: 0 5%; }
	.requestpage .contact-request { flex-direction: column; padding: 0 5%; box-sizing: border-box; }
	.requestpage .contact-request p { margin: 0 0 20px 0; text-align: center; }
}

@media only screen and (max-width: 600px) {
	h1 { text-align: center; }
	h2, .title-h2 { text-align: center; }
	.subhero { justify-content: center; }
	.subhero.locations { background-size: cover; }
	.title-sect { padding: 40px 5% 0 5%; }
	.content-sect { align-items: center; }
	.listed { margin-left: -20px!important; }
	.hero-overlay h1 span.h1-sm { font-size: 20px; line-height: 30px; display: flex; }
	.hero-overlay h1 { font-size: 42px; line-height: 50px; display: flex; flex-direction: column; align-items: center; }
	.blue-content-slider .slider-text h2, .blue-content-slider .slider-text .title-h2 { text-align: left; }
	.blue-content-slider .slider-text p { width: 100%; }
	.breadcrumbs-meat { width: 105%; justify-content: center; }
	.breadcrumbs-meat a { text-align: center; }
	.breadcrumbs-meat p.inactive-breadcrumb { text-align: center; }
	.attachment-details .attach-title .title-sect h2, .attachment-details .attach-title .title-sect .title-h2 { padding: 0; }
	.attachment-details .attach-specs.side-descr .side-descr { padding-right: 20px!important; }
	.attachment-details .content-sect:not(.side-descr) ul { width: 98%!important; }
	.attachment-details .content-sect.side-descr ul { padding-right: 20px; }
	.attachment-details .content-sect ul.attach-details { max-width: calc(98% - 20px)!important; padding-right: 20px; box-sizing: border-box; }
	.attachment-details .attach-specs ul.spec-table.spec-table-flexible li span { width: 33.333333%!important; min-width: unset!important; }
	.attachment-details .attach-specs ul.spec-table.spec-table-flexible li span:first-of-type { min-width: 116px!important; width: 40%!important; }
	.attachment-details .attach-specs ul.spec-table.spec-table-flexible li:not(.title-li) span:nth-of-type(2) { width: 50%!important; }
	.attachment-details .attach-specs.grapplebuckets ul.spec-table.spec-table-flexible li span { font-size: 14px!important; }
	.attachment-details .attach-specs.grapplebuckets ul.spec-table.spec-table-flexible li.title-li span { font-size: 14px!important; }
	.attachment-details .attach-specs.grapplebuckets ul.spec-table.spec-table-flexible li:not(.title-li) span:nth-of-type(2) { width: 15%!important; }
	.attachment-details .attach-specs.side-descr .content-sect { align-items: flex-start!important; }
	.attachment-details .attach-options .content-sect { align-items: flex-start!important; }
	.attachment-details .attach-specs.side-descr h3 { text-align: left; }
	.attachment-details .attach-options h3 { text-align: left; }
	.attachment-details .attach-specs.augerdrives { margin-right: -5%; }
	.attachment-details .attach-specs.augerdrives .table-div { width: 110%!important; margin-left: -5%; }
	.attachment-details .attach-specs.augerdrives ul.spec-table.spec-table-4cols li { font-size: 12px; padding: 6px; }
	.attachment-details .attach-specs.augerdrives ul.spec-table.spec-table-4cols li span { min-width: unset!important; }
	.attachment-details .attach-specs.augerdrives1210 { margin-right: -5%; }
	.attachment-details .attach-specs.augerdrives1210 .table-div { width: 110%!important; margin-left: -5%; }
	.attachment-details .attach-options.augerdrives { height: unset; display: flex; flex-direction: column; align-items: center; }
	.attachment-details .attach-options.augerdrives .content-sect { width: 100%; }
	.attachment-details .attach-options.augerdrives img { position: relative; max-width: 100%; height: 300px; margin: 20px auto 0 auto; }
	.attachment-view-other .btnclass { margin-left: 5%; width: 95%; }
	.filter-media-types-div ul.filter-media-types li { margin: 0 1px; }
	.filter-media-types-div ul.filter-media-types li a { font-size: 15px; padding: 17px 10px; }
	.aboutpage .content-sect.soc-sect { align-items: center; }
	.aboutpage .content-sect.soc-sect p { text-align: center; }
	.listed-holder { flex-direction: column; align-items: center; }
	.listed-holder .listed { margin-right: 0; }
	.contactpage.subhero { justify-content: center; }
	.contactpage .title-sect { padding: 60px 5% 0 5%; }
	.form-slide-right { animation: none!important; animation-delay: none!important; }
	.foot-nav { width: 100%; align-items: center; padding: 32px 0; }
	.foot-soc { width: 100%; align-items: center; padding: 32px 0 80px 0; }
	.foot-soc a.listed { margin: 12px 0 24px 0; }
	.foot-soc-media { width: 90%; max-width: 420px; margin: 16px 0 0 0; justify-content: space-around; }
}

@media only screen and (max-width: 520px) {
	.logo-skew-clipper { right: 80px; width: min(320px, 100%); }
	.header-logo-wrapper { width: 100%; }
	.header-logo { width: 100%; }
	.header-logo > a { width: calc(100% - 70px); height: 70px; display: flex; }
	.header-logo a img { max-width: calc(100vw - 94px); }
	.header-right { width: unset; }
	.topheader { display: none!important; }
	.attachment-details .attach-sm-imgs { flex-direction: column; }
}

@media only screen and (max-width: 500px) {
	h1 { font-size: 30px; }
	h2, .title-h2 { font-size: 30px; }
	.attachment-details .attach-specs ul.spec-table li.title-li { font-size: 18px; }
	.attachment-details .attach-specs.augerdrives1210 { margin-left: 0; margin-right: 0; }
	.attachment-details .attach-specs.augerdrives1210 .attach-specs.combine-tables.augerdrives1210 { flex-direction: column; width: 100%!important; margin-left: 0; }
	.attachment-details .attach-specs.combine-tables.augerdrives1210 ul.spec-table.spec-table-2cols { margin: 20px 0; }
	.attachment-details .attach-specs.combine-tables.augerdrives1210 ul.spec-table.spec-table-2cols li.title-li { border-top-left-radius: 26px!important; border-top-right-radius: 26px!important; }
	.attachment-details .attach-options img { height: 250px; }
	.indi-media { width: calc(100% - 20px); }
}

@media only screen and (max-width: 400px) {
	.blue-content-slider { height: 700px; }
	.blue-content-slider .flickity-viewport { height: 700px!important; }
	.blue-content-slider .carousel-cell-2 { height: 700px; }
	.blue-content-slider .slider-text { height: 350px; }
	.blue-content-slider img.watermark { height: 50%; }
	.attachment-details .attach-img { min-height: 250px; }
	.blue-sect img.watermark { height: unset; }
	.foot-soc-media { flex-wrap: wrap; }
}

@media only screen and (max-width: 320px) {
	.hero-overlay h1 span.logo-replace:after { display: none!important; }
}