* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, select {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color: unset;
}
html {
	scroll-behavior: smooth;
}
a {text-decoration:none;cursor: pointer;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
button {
	cursor: pointer;
	border: none;
	border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

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

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

/*=== ELEMENTS ===*/
img {max-width: 100%;}
body {
	font-family: "acumin-variable", sans-serif;
}
strong {
	font-weight: 700;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "acumin-variable", sans-serif;
}
h1.accent-condensed b, h2.accent-condensed b, h3.accent-condensed b, h4.accent-condensed b, h5.accent-condensed b, h6.accent-condensed b {
	font-variation-settings: "slnt" 0, "wdth" 60, "wght" 400;
}
h1 {font-size: 48px;line-height: 50px;}
h2 {font-size: 36px;line-height: 38px;}
h3 {font-size: 28px;line-height: 30px;}
h4 {font-size: 22px;line-height: 24px;}

.authorized-dealers {display:flex; justify-content: center; align-items: baseline;}
.button-group {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding-top: 25px;
}

.button-row {
	display: flex;
	justify-content: center;
	gap: 10px;
} 

button.primary-button {
	font-size: 18px;
    min-width: max-content;
    transition: all ease .3s;
    padding: 7px 17px;
    background-color: #060c7e;
    color: #ffffff;
    border: 1px solid #060c7e;
}
button.primary-button:hover {
	background-color: #ffffff;
	color: #000000;
}
button.secondary-button {
	font-size: 18px;
    min-width: max-content;
    transition: all ease .3s;
    padding: 7px 17px;
    background-color: #E3BD00;
    color: #000000;
    border: 1px solid #E3BD00;
}
button.secondary-button:hover {
	background-color: #ffffff;
	color: #000000;
}
button.secondary-alt-button {
	font-size: 18px;
    min-width: max-content;
    transition: all ease .3s;
    padding: 7px 17px;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #ffffff;
}
button.secondary-alt-button:hover {
	background-color: #E3BD00;
    border: 1px solid #E3BD00;
	color: #000000;
}

/*=== GLOBAL ===*/
.flex-container {
	display: flex;
}
.flex-vertical {
	flex-direction: column;
}
.flex-horizontal {
	flex-direction: row
}
.flex-width {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 100%;
}
.flex-height {
	height: 100%;
}
.flex-wrap {
	flex-wrap: wrap;
}
.set-width {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
}

.justify-center {
	justify-content: center;
}
.justify-right {
	justify-content: flex-end
}
.justify-left {
	justify-content: flex-start
}
.justify-between {
	justify-content: space-between;
}
.justify-around {
	justify-content: space-around;
}
.justify-evenly {
	justify-content: space-evenly;
}

.align-center {
	align-items: center;
}
.align-top {
	align-items: flex-start;
}
.align-bottom {
	align-items: flex-end;
}
.align-all-center {
	align-items: center;
	justify-content: center;
}

.align-content{
	align-content: center;
}
.align-self-center {
	align-self: center;
}
.align-self-right {
	align-self: flex-end;
}

.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

.left-icon {
	margin-right: 10px;
}
.right-icon {
	margin-left: 10px;
}
.clickable {
	cursor: pointer;
}

.mobile-only {
	display: none;
}

.max-width {
	max-width: 1920px;
	width: 90%;
	margin: 0 auto;
}
.hidden {
	display: none;
	transition: all ease .3s;
}
.success-message {
	color: #188d2b;
}
ul.breadcrumb {
	padding: 30px 0;
	list-style: none;
}
ul.breadcrumb li {
	display: inline;
	font-size: 14px;
	line-height: 18px;
}
ul.breadcrumb li+li:before {
	padding: 8px;
	color: #E3BD00;
	content: "/\00a0";
}
ul.breadcrumb li a {
	text-decoration: none;
}
ul.breadcrumb li a:hover {
	text-decoration: underline;
}
.logo-container .logo {
	width: 100%;
	max-width: 350px;
	height: 100%;
    object-fit: contain;
    object-position: center;
}
a.logo-container {
	line-height: 0;
}
.accent-color {
	color: #AA8D00;
}
.accent-condensed {
	font-variation-settings: "slnt" 0, "wdth" 60, "wght" 400;
}
.accent-bg {
	background-color: #060c7e;
	color: #ffffff;
	padding: 25px 0;
}
.ghost-bg {
	background: url(/siteart/grey-logo.png) no-repeat;
	background-position: 100% 100%;
	background-size: auto 75%;
}
.grey-boarder-bg {
	background: linear-gradient(to left, #ffffff 90%, #eeeeee 90%, #eeeeee 100%);
	padding: clamp(50px, 5vw, 75px) 0;
}

.grey-border-bg {
	background: linear-gradient(to left, #ffffff 90%, #eeeeee 90%, #eeeeee 100%);
}

p.paragraph {
	padding-top: 15px;
}
.map {
	box-shadow: 0 0 20px -5px #000000;
	line-height: 0;
}

/*=== HEADER ===*/
header.site-header {
	border-bottom: 1px solid #c9c9c9;
	line-height: 24px;
}
header.site-header .logo-container {
	padding: 5px 5vw 10px;
	width: 33%;
}
header.site-header .mobile-top-header-nav {
	display: none;
}
header.site-header .top-header-nav {
	background-color: #060c7e;
	color: #ffffff;
	padding: 5px 5vw;
}
header.site-header .top-header-nav a {
	transition: .3s ease all;
}
header.site-header .top-header-nav a:hover {
	color: #E3BD00;
}
header.site-header .bottom-header-nav {
	background-color: #eeeeee;
	padding: 5px 5vw;
	height: 100%;
}

/*=== FOOTER ===*/
footer.site-footer {
	background-color: #060c7e;
	line-height: 24px;
}
footer.site-footer .top-footer {
	padding: clamp(20px, 5vw, 75px) 0;
	color: #ffffff;
}
footer.site-footer .top-footer .footer-nav {
	gap: 15px 30px;
}
footer.site-footer .logo-container .logo {
	max-width: 200px;
	height: auto;
}
footer.site-footer .footer-sub-menu {
	gap: 0 30px;
}
footer.site-footer .footer-sub-menu ul li::before {
	content: "// ";
	color: #E3BD00;
}
footer.site-footer .cts-logo {
	width: 100%;
    max-width: 96px;
    object-fit: contain;
    object-position: center;
}
footer.site-footer .east-logo {
	width: 100%;
    max-width: 98px;
    object-fit: contain;
    object-position: center;
	filter: brightness(0) invert(1);
	padding-left: 10px;
}
footer.site-footer .xl-specialized {
	width: 100%;
    max-width: 120px;
    object-fit: contain;
    object-position: center;
/*	filter: brightness(0) invert(1);*/
	padding-left: 10px;
}
footer.site-footer .logo-container p {
	padding-bottom: 10px;
}

footer.site-footer .copyright-container {
	font-size: 14px;
}
footer.site-footer .tki-logo{
	width: 100%;
    max-width: 55px;
    object-fit: contain;
    object-position: center;
    padding-left: 10px;
}

/*=== PAGE STYLES ===*/

/*=== DEFAULT-PAGE ===*/
.sub-page:not(.inventory-page){
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 24px;
}
.sub-page .hero-section {
	background-color: #0e0f80;
	margin-bottom: 25px;
	text-align: center;
	position: relative;
	padding: clamp(50px, 5vw, 75px) 0 125px;
	clip-path: polygon(0 0, 100% 0%, 100% calc(100% - clamp(50px, 5vw, 75px)), 0% 100%);
	color: #ffffff;
}
.sub-page .detail-info {
	box-shadow: 0 0 20px -5px #000000;
	background-color: #ffffff;
}
.sub-page .offered-items {
	padding-top: 15px;
	color: #ffffff;
	gap: 10px 25px;
	justify-content: center;
}
.sub-page .offered-items i {
	color: #E3BD00;
}

/*=== DEFAULT-PAGE ===*/
.default-page {
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 24px;
}
.default-page .hero-container {
	clip-path: polygon(0 0, 100% 0%, 100% calc(100% - clamp(50px, 5vw, 75px)), 0% 100%);
}
.default-page .hero-container .text-group {
	padding: clamp(50px, 5vw, 75px) 5vw;
	width: 33%;
}
.default-page .hero-container .hero-image {
	background: url("/siteart/cts-dump-trailer.jpg") no-repeat;
	border-image: fill 0 linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75));
	background-position: center;
	background-size: cover;
	display: flex;
	align-items: center;
    justify-content: center;
}
.default-page .hero-container .hero-image img {
	width: 80%;
	padding: clamp(50px, 5vw, 75px) 5vw;
}
.default-page .trailer-categories {
	padding: clamp(50px, 5vw, 75px) 0;
}
.default-page .back-category, .default-page .next-category {
	display: none;
}
.default-page .cts-logo {
	width: 100%;
    max-width: 170px;
    object-fit: contain;
    object-position: center;
}
.default-page .east-logo {
	width: 100%;
    max-width: 150px;
    object-fit: contain;
    object-position: center;
	padding-left: 10px;
}
.default-page .xl-specialized {
	width: 100%;
    max-width: 120px;
    object-fit: contain;
    object-position: center;
	
}
.default-page .trailking {
	width: 100%;
    max-width: 60px;
    object-fit: contain;
    object-position: center;
	padding-left: 10px;
}
.default-page .tki-logo {
	width: 100%;
    max-width: 75px;
    object-fit: contain;
    object-position: center;
	padding-left: 10px;
}
.default-page .category-container {
	overflow: hidden;
}
.default-page .category-container .category {
	width: 100%;
	align-items: center;
	display: flex;
	flex-direction: column;
}
.default-page .category-container .category .button-group {
	padding-top: 0;
}
.default-page .category-container .category .icon-container img {
	width: 100%;
}
.default-page .category-container .category:nth-child(1) .icon-container {
	background: url(/siteart/blob-1.png) no-repeat;
	background-position: center;
	background-size: 65%;
}
.default-page .category-container .category:nth-child(2) .icon-container {
	background: url(/siteart/blob-2.png) no-repeat;
	background-position: center;
	background-size: 65%;
}
.default-page .category-container .category:nth-child(3) .icon-container {
	background: url(/siteart/blob-3.png) no-repeat;
	background-position: center;
	background-size: 65%;
}
.default-page .new-inv-box {
	min-height: 250px;
	height: 100%;
	color: #ffffff;
	padding: 20px 5vw;
	border-image: fill 0 linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
	background: url("../siteart/shop_new_inventory.jpg");
	background-color: #000000;
	background-position: center;
	background-size: cover;
	transition: all .3s ease;
}
.default-page .new-inv-box:hover {
	border-image: fill 0 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.default-page .used-inv-box {
	min-height: 250px;
	height: 100%;
	color: #ffffff;
	padding: 20px 5vw;
	border-image: fill 0 linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
	background: url("/siteart/xl-specialized-trailer.jpg");
	background-color: #000000;
	background-position: center;
	background-size: cover;
	transition: all .3s ease;
}
.default-page .used-inv-box:hover {
	border-image: fill 0 linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.default-page .about-excerpt {
	gap: 25px clamp(50px, 5vw, 75px);
}
.default-page .about-excerpt .about-expert-text {
	padding: clamp(50px, 5vw, 75px) 0;
}

.default-page .xl-specialized{
	width: 100%;
    max-width: 200px;
    object-fit: contain;
    object-position: center;
	padding-left: 10px;
}

/*=== REVIEWS ===*/
.reviews-page .social-container {
	gap: 20px;
	color: #ffffff;
}
.reviews-page .social-container .social-icons {
	width: 25px;
	height: 25px;
	font-size: 25px;
	transition: .3s ease all;
}
.reviews-page .social-container .social-icons:hover {
	color: #E3BD00;
}
.reviews-page .detail-info {
	padding: 50px;
	gap: 15px;
}
.reviews-page .detail-info h3 {
	padding-bottom: 15px;
}
.reviews-page .detail-info article {
	padding: 15px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.reviews-page .stars {
	color: #E3BD00;
}
.reviews-page .facebook-review {
	color: #060c7e
}
.reviews-page .review-icon {
	width: 25px;
	height: 25px;
	font-size: 20px;
	color: #060c7e;
}

/*=== CONTACT ===*/
.contact-page .contact-info {
	color: #ffffff;
	gap: 5px 20px;
	padding-top: 15px;
}
.contact-page .contact-info a {
	transition: .3s ease all;
}
.contact-page .contact-info a:hover {
	color: #E3BD00;
}

/*=== THANK-YOU ===*/
.thank-you-page .detail-info {
	padding: 20px;
	text-align: center;
}

/*=== INVENTORY ===*/
.inventory-page .hero-section h2 {
	font-size: 48px;
    line-height: 50px;
}
.inventory-page .hero-section h3 {
	font-size: 36px;
    line-height: 38px;
}

/*=== ABOUT ===*/
.about-page .about-excerpt {
	gap: 25px clamp(50px, 5vw, 75px);
}
.about-page .about-excerpt .about-expert-text {
	padding: clamp(50px, 5vw, 75px) 0;
}
.about-page .hours-location {
	padding: clamp(50px, 5vw, 75px) 0;
	background: url("/siteart/updated-bkg-img.jpg") no-repeat;
	background-position: center;
	background-size: cover;
	border-image: fill 0 linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
	color: #ffffff;
	text-align: center;
}
.about-page .hours-location .hours-location-container {
	gap: 25px;
}
.about-page .hours-location .hours-location-container .contact-details-info {
	background-color: #ffffff;
	color: #000000;
	padding: 15px 20px;
}



@media screen and (max-width: 1570px) {	
	footer.site-footer .top-footer {
		flex-direction: column;
		align-items: center;
		gap: 50px;
	}
	footer.site-footer .logo-container p {
		text-align: center;
	}
}

@media screen and (max-width: 1175px) {
	.default-page .hero-container {
		flex-direction: column;
	}
	.default-page .hero-container .text-group {
		width: 100%;
	}
}

@media screen and (max-width: 1025px) {
	header.site-header .top-header-nav .phone-number {
		display: none;
	}
}

@media screen and (max-width: 975px) {
	.default-page .back-category, .default-page .next-category {
		display: flex;
	}
}

@media screen and (max-width: 875px) {
	.flex-horizontal {
		flex-direction: column
	}
	.desktop-only {
		display: none;
	}
	.mobile-only {
		display: flex;
	}

	/*=== FOOTER ===*/
	footer.site-footer .top-footer .footer-nav {
		display: grid;
	}
}

@media screen and (max-width: 800px) {
	/*=== HEADER ===*/
	header.site-header .logo-container {
		width: 50%;
	}
	header.site-header .nav-group .top-header-nav {
		display: none;
	}
	header.site-header .mobile-top-header-nav {
		display: flex;
	}
}

@media screen and (max-width: 760px){
	.footer{
		display: block;
		text-align: -webkit-center;
	}
	.middle-help{
		display: block;flex-direction: column;
	}
	.flex-container .middle-help{
		text-align: -webkit-center;
	}
	
	.authorized-dealers {text-align: -webkit-center;}
}

@media screen and (max-width: 800px){
	.default-page .xl-specialized {max-width:150px;}
	.default-page .cts-logo {max-width:150px;}
	.default-page .east-logo {max-width:130px;}
	.default-page .trailking {max-width: 50px;}

}

@media screen and (max-width: 650px) {
	.flex-container.justify-center, .flex-container.footer {flex-wrap: wrap;justify-content: center;gap:30px;}
	.authorized-dealers {flex-wrap: wrap;justify-content: center;gap:30px;}
}




@media screen and (max-width: 545px) {
	.flex-container.justify-center, .flex-container.footer {flex-wrap: wrap;justify-content: center;gap:30px;}
}

@media screen and (max-width: 500px) {
	/*=== HEADER ===*/
	header.site-header .logo-container {
		width: 75%;
	}
	header.site-header .nav-group .bottom-header-nav .header-email {
		display: none;
	}
	
	.button-row {display:flex; flex-direction: column; text-align: center;}
	
	
}

@media screen and (max-width: 500px) {
	/*=== HEADER ===*/
	header.site-header .logo-container {
		width: 75%;
	}
	header.site-header .nav-group .bottom-header-nav .header-email {
		display: none;
	}
}