@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/* RESET 
------------------------------------------------*/
html,
body,
div,
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,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	-webkit-text-size-adjust: none;
	font-family: 'Open Sans', sans-serif;
}

a {
	text-decoration: none;

}

p {
	padding: 15px 0;
	font-size: 16pt;
	line-height: 19.5pt;
}

b {
	font-weight: 700;
}

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {
	clear: both;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.none {
	display: none;
}

* {
	box-sizing: border-box;
}

.wrapper {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px;
	position: relative;
}

.no-pad-wrapper {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}

.wrapper-inner {
	width: 85%;
	margin: 0 auto;
}

/*-------- COLORS --------

*/

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


a:link,
a:visited,
a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}


hr {
	background: #000;
	height: 1px;
	border: 0px;
	margin: 2% 0;
}

/*--- HEADER STYLES ---------------------*/
header {
	width: 100%;
	background: #fff;
	margin: 0 auto;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
	border-top: 5px solid #FF2418;
	border-bottom: 5px solid #ff2418;
	padding: 10px 0;
}

.flex-header {
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.flex-header a {
	color: #000084;
}

.red-bar {
	width: 100%;
	background: #ff2400;
	height: 5px;
}

.header-top-row {
	width: 80%;
	margin: 0 auto;
	display: flex;
	padding: 7px 0;
	text-transform: uppercase;
	font-size: 1.05rem;
	text-align: right;
}

.header-top-row a {
	color: #000084;
}

.phone-numbers {
	color: #000084;
}

.header-bottom-row {
	width: 90%;
	margin: 0 auto;
}

.logo {
	width: 30%;
	margin: 0 auto;
	text-align: left;
}

.logo img {
	width: 67%;
}

.email-social {
	width: 20%;
	margin: 0 auto;
	text-align: right;
	color: #000084
}

.social {
	font-size: 20px;
	width: 100%;
	text-align: right;
	color: #000084;
}

.address {
	width: 25%;
	margin: 0 auto;
	text-align: right;
	color: #000084
}

.phone-numbers {
	width: 20%;
	text-align: right;
}

.phone-numbers p {
	font-size: .7rem;
	color: #000084;
}

.address p {
	font-size: .7rem;
	color: #000084;
	text-align: right;
}

.inventory-contact {
	color: #000084;
	text-align: center;
	padding-bottom: 1%;
}

.navcontain {
	margin-top: 10px;
}


/* NEW LANDING PAGE (2/17/2022) */
.full-bg-blk {
	background: #333;
	height: 99.9vh;
	/* 	position: fixed; */
	top: 0;
	bottom: 0;
	width: 100%;
	background-position: top
}

.flex-landing {
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.landing-left {
	background: url(../siteart/utility-trailer-landing-left.jpg);
	background-size: cover;
	background-position: center center;
	width: 50%;
	padding-bottom: 12%;
	transition: .2s ease;
}

.landing-left:hover,
.landing-right:hover {
	/* opacity: .9; */
	transition: .2s ease;
}

.landing-left img {
	text-align: left;
	max-width: 300px;
	width: 100%;
	padding: 50px 0;
	padding-top: 70%;
}

.landing-text-left {
	width: 90%;
	margin: 0 auto;
	text-align: left;
}

.landing-text-left h1 {
	font-family: 'Bebas Neue', cursive;
	color: #fff;
	font-size: 70px;
	letter-spacing: 1px;
	line-height: 62px;
	padding: 10px 0;
}

.landing-right {
	background: url(../siteart/tank-truck-landing-right.jpg);
	background-size: cover;
	background-position: center center;
	width: 50%;
	text-align: right;
	padding-bottom: 3%;
	transition: .2s ease;
}

.landing-right img {
	text-align: right;
	max-width: 300px;
	width: 100%;
	padding: 50px 0;
	padding-top: 70%;
}

.landing-text-right {
	width: 90%;
	margin: 0 auto;
	text-align: right;
}

.landing-text-right h1 {
	font-family: 'Bebas Neue', cursive;
	color: #fff;
	font-size: 70px;
	letter-spacing: 1px;
	line-height: 62px;
	padding: 10px 0;
}

.left-landing-enter {
	text-align: left;
	color: white;
	text-transform: uppercase;
	text-shadow: 0px 2px 4px #170000;
	width: 33%;
	float: left;
}

.right-landing-enter {
	color: white;
	text-transform: uppercase;
	text-shadow: 0px 2px 4px #170000;
	width: 33%;
	float: right;
	text-align: right;
}

.left-landing-enter h2 {
	padding: 15px 25px 10px 25px;
	text-align: center;
	border-radius: 5px;
	background: #0000cc;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 2px;
	font-weight: 700;
	color: #fff;
	text-shadow: none;
	margin-top: 3%;
	transition: .2 ease;
	font-family: 'Bebas Neue', cursive;
}

.right-landing-enter h2 {
	padding: 15px 25px 10px 25px;
	text-align: center;
	border-radius: 5px;
	background: #fe0000;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 2px;
	font-weight: 700;
	color: #fff;
	text-shadow: none;
	margin-top: 3%;
	transition: .2 ease;
	font-family: 'Bebas Neue', cursive;

}

.left-landing-enter h2:hover {
	color: white;
	background: red;
	transition: .2 ease;
}

.right-landing-enter h2:hover {
	color: white;
	background: blue;
	transition: .2 ease;
}




.flex-locations {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.loc-2 {
	width: 50%;
	padding: 10px 10px;
}

.flex-locations .loc-2 h3 {
	font-size: 20px;
	line-height: 28px;
}


/*---POP-UP -----------------------------------*/
.width-90 {
	width: 90%;
	margin: 0 auto
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.box {
	width: 50%;
	margin: 0 auto;
	background: rgba(0, 0, 0, 0.2);
	padding: 35px;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;
}

.popup .close {
	position: absolute;
	top: 10px;
	right: 15px;
	transition: all 0.2s;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	border: 1px solid #fff;
	padding: 0 5px 5px 5px;
}

.popup .close:hover {
	background: #000;
}

.popup .content {
	max-height: 60%;
	overflow: auto;
}

/*Let's make it appear when the page loads*/
.overlay:target:before {
	display: none;
}

.overlay:before {
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	z-index: 99999;
}

.overlay .popup {
	background: #000;
	border: 3px solid #333;
	border-radius: 5px;
	width: 100%;
	max-width: 1300px;
	position: absolute;
	top: 6vw;
	left: 0;
	right: 0;
	float: none;
	padding: 40px 0;
	margin: 0 auto;
	text-align: left;
	z-index: 99999999;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	color: #000;
	font-size: 16px;
	font-weight: 400;
}

.overlay:target .popup {
	top: -180%;
	left: -100%;
}

.popup h1 {
	color: blue;
	font-size: 35px;
	line-height: 42px;
}

.popup p {
	color: #fff;
	letter-spacing: .5px;
	line-height: 30px;
}

.popup p a {
	color: #ddd;
	letter-spacing: .5px;
	transition: .3s ease;
	text-decoration: underline
}

.popup p a:hover {
	color: blue;
	letter-spacing: .5px;
}

/*---BODY--------------------------------*/


/* HOME PAGE STYLES
-----------------------------------------------*/
.trailer-hero-text h1 {
	font-size: 2.5rem;
	line-height: 3rem;
	font-weight: 700;
	text-shadow: 1px 1px 4px rgba(150, 150, 150, 0.8);
}

.pad-top-btm {
	margin: 1% 0;
}

.inventory_search {
	background: #ff2400;
	width: 25%;
	margin: 0 auto;
	margin-bottom: 1%;
}

.search_heading h1 {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.25rem;
	padding-top: 1%;
}


.search_block {
	width: 100%;
	margin: 0 10px;
	background: rgba(0, 0, 0, 0.80);
	min-height: 50px;
	align-items: center;
	flex-wrap: wrap;
}

.search_block h3 {
	color: #fff;
	text-align: center;
	font-size: .95rem;
	padding-top: 1%;
}

.search_row {
	width: 95%;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.search {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.tank-invt-contact-header {
	width: 100%;
	margin: 0 auto;
}

.tank-invt-contract-header-wrapper {
	width: 90%;
	margin: 0 auto;
}

.trailer-invt-contact-header {
	width: 100%;
	margin: 0 auto;
}

.trailer-invt-contract-header-wrapper {
	width: 90%;
	margin: 0 auto;
}

/*
input[type=text] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
	height: 45px;
}

input[type=submit] {
	 width: 100%;
    padding: 5px;
   	margin: 0 auto;
	margin-top: 8px;
	margin-bottom:  8px;
    box-sizing: border-box;
	height: 45px;
}

*/
.hero-tanks {
	width: 100%;
	background: url(../siteart/aerialview.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 515px;
	position: relative;
}

.hero-trailer-shop {
	width: 100%;
	background: url(../siteart/aerial-view.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 415px;
	position: relative;
}

.hero-text {
	width: 35%;
	color: #ff2400;
	text-transform: uppercase;
	padding: 30px 10px;
	position: absolute;
	top: 10%;
	right: 20%;
	text-shadow: 1px 1px 4px rgba(150, 150, 150, 0.8);
}

.hero-wrapper {
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding-top: 3%;
}

.hero-inv-btns {
	width: 60%;
	display: inline-lock;
	vertical-align: middle;
}

.red-hero-btn {
	background: #FF2418;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	font-size: 18px;
	padding: 15px 0;
	max-width: 450px;
	margin: 7px 0;
	border: 4px solid #fff;
	transition: .3s ease;
}

.red-hero-btn:hover {
	background: #000084;
	color: #fff;
}

.trailer-hero-text {
	width: 40%;
	color: #ff2400;
	text-transform: uppercase;
	padding: 30px 10px;
	text-shadow: 1px 1px 4px rgba(150, 150, 150, 0.8);
	font-style: italic;
}

.trailer-hero-text h1 {
	text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.80);
	font-weight: 700;
}

.hero-text h1 {
	text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.80);
}

.hero-text img {
	width: 100%;
	-webkit-filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, .8));
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, .8));
}

.trailer-hero-text img {
	width: 100%;
	-webkit-filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, .8));
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, .8));
}

.main-intro h2 {
	font-size: 1.75rem;
	line-height: 2rem;
	font-weight: 700;
	padding-top: 20px;
	font-style: italic;
	text-align: center;
}

.main {
	width: 100%;
	background: url(../siteart/backgrounds/main-bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: auto;
}

.p_1 {
	width: 100%;
}

.p2 {
	width: 65%;
	display: inline-block;
	padding-bottom: 2%;
}

.p_1 p {
	padding: 7px 0;
	font-size: 12pt;
	line-height: 17pt;
}

.p2 p {
	padding: 7px 0;
	font-size: 12pt;
	line-height: 17pt;
}

.italic {
	font-style: italic;
}

.hours {
	background: #ff2400;
	border: solid 3px #fff;
	text-align: center;
	width: 31%;
	text-transform: uppercase;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
	display: inline-block;
	margin: 0 0 0 45px;
	padding: 20px 0;
}

.hours-mbl {
	display: none;
}

.inline {
	display: inline;
}

.hours h3 {
	padding-top: 15px;
	padding-bottom: 10px;
	font-weight: 700;
	font-size: 1.5rem;
}

.hours h4 {
	padding-bottom: 20px;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.75rem;
}

.main-wrapper {
	width: 80%;
	color: #fff;
	padding: 30px 0;
	position: relative;
	margin: 0 auto;
}

.main-red-wrapper {
	width: 80%;
	color: #fff;
	padding: 30px 0;
	margin: 0 auto
}

.main-red {
	width: 100%;
	height: auto;
	background-image: url(../images/backgrounds/real-carbon-fibre.png);
	background-color: #ff2400;
	margin: 0 auto;
}

.row-1 {
	width: 100%;
	display: flex;
	justify-content: center;
}

.row-2 {
	width: 100%;
	display: flex;
	justify-content: center;
}

.row-3 {
	width: 100%;
	display: flex;
	justify-content: center;
}

.row-4 {
	margin-top: 40px;
	width: 100%;
	display: flex;
	justify-content: center;
}

.nav-box {
	width: 35%;
	margin: 15px;
	min-height: 200px;
}

.row-4 .nav-box {
	width: 100%;
}

.row-4 .nav-box .img-wrapper {
	float: none;
}

.nav-box a {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 2rem;
}

.img-wrapper img {
	width: 100%;
}

.img-wrapper {
	float: left;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

div.description {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: rgba(0, 0, 132, 0.75);
	color: white;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

p.description_content {
	padding: 10px;
	margin: 0px;
	font-size: 30px;
}

.main-intro {
	vertical-align: text-top;
}


/* INVENTORY
------------------------------------------------*/
.cf {
	background: #fff;
}

.hosted-content .listings-wrapper .listings-list .listing-banner {}

.hosted-content input[type='submit'],
.hosted-content button[type='submit'],
.hosted-content .btn,
.hosted-content .button {
	background: #ff2400 !important;
}

.hosted-content h1 {
	font-size: 20px;
	color: #000;
	text-transform: none;
	padding-bottom: 0 !important;
	font-weight: bold;
}

.hosted-content h3 {
	text-transform: none !important;
}

.hosted-content .listings-wrapper .listings-list .listing-banner h2 {
	text-transform: none !important;
}

.inventory-width {
	width: 80%;
	height: auto;
	min-height: 400px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 20px 0;
}

.inventory-contact p {
	font-size: .9rem;
	line-height: 1.3rem;
}

/* SNOWPLOW PAGE STYLES
------------------------------------------------*/
.snowplow-wrapper h1,
.snowplow-wrapper h2 {
	text-align: center;
}

.snowplow-wrapper h1 {
	padding-bottom: 20px;
	font-size: 2rem;
	font-weight: 700;
}

.snowplow-wrapper a {
	color: #fff;
}

.snowplow-wrapper a:hover {
	text-decoration: underline;
}

.last {
	padding-bottom: 20px;
	margin-top: -35px;
}

.snowplow-wrapper h3 {
	padding-bottom: 10px;
	text-align: center;
	font-weight: 700;
	font-size: 1.25rem;
}

.snowplow-wrapper h4 {
	padding-bottom: 10px;
	text-align: center;
	font-weight: 700;
	font-size: 1rem;
}

.snowplow-ad {
	width: 70%;
	padding-bottom: 15px;
}

.snowplow-ad img {
	width: 100%;
	text-align: center;
}

.snowplow-wrapper h2 {
	font-size: 1.75rem;
	line-height: 2.2rem;
	font-weight: 700;
}

.sm-italic {
	font-style: italic;
	font-size: 1rem;
	line-height: 1.4rem;
	font-weight: 500;
}

.info-sm {
	font-size: 0.9rem;
}

/* TRUCK BODIES PAGE STYLES
------------------------------------------------*/
.tb-wrapper {
	width: 80%;
	padding-bottom: 15px;
	text-align: center;
	margin: 0 auto;
}

.tb-wrapper h1 {
	font-weight: 700;
	font-size: 2.25rem;
	padding-bottom: 10px;
}

.tb-wrapper h2 {
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 2rem;
}

.tb-wrapper a {
	color: #fff;
}

.tb-wrapper a:hover {
	text-decoration: underline;
}

.tb-wrapper img {
	width: 100%;
}

.tb-pic {
	width: 70%;
	padding-bottom: 25px;
	margin: 0 auto;
}

.tb-pic img {
	width: 100%;
	text-align: center;
}

.duramag {
	padding-top: 15px;
}

.tb-pic h3 {
	font-size: 2rem;
	line-height: 2.4rem;
	font-weight: 500;
	padding-bottom: 5px;
}

/* TRUCK ACCESSORIES PAGE STYLES
------------------------------------------------*/
.ta-wrapper {
	width: 80%;
	padding-bottom: 15px;
	text-align: center;
}

.ta-wrapper a {
	color: #fff;
}

.ta-wrapper a:hover {
	text-decoration: underline;
}

.ta-wrapper img {
	width: 100%;
}

.ta-pic {
	width: 70%;
	padding-bottom: 25px;
}

.ta-pic img {
	width: 100%;
	text-align: center;
}

/* PARTS PAGE STYLES
-----------------------------------------------*/
.parts-wrapper h1,
.parts-wrapper h2,
.parts-wrapper h3,
.parts-wrapper h4 {
	text-align: center;
	font-weight: 500;
}

.parts-wrapper h1 {
	font-size: 1.75rem;
	padding-bottom: 20px;
}


.parts-wrapper {
	text-align: center;
}

.parts-wrapper h2 {
	padding-bottom: 15px;
	font-size: 2rem;
}

.parts-wrapper h3 {
	padding-bottom: 15px;
	font-size: 1.25rem;
}

.parts-wrapper h4 {
	padding-bottom: 30px;
	font-size: 1.15rem;
}


.parts-wrapper h2 a,
.parts-wrapper h4 a {
	color: #fff;
	font-weight: 500;
	padding-bottom: 15px;
}

.parts-wrapper h2 a:hover,
.parts-wrapper h4 a:hover {
	text-decoration: underline;
}

.parts-info {
	padding-bottom: 15px;
}

.parts-info ul {
	list-style: none;
}

.betts {
	padding-bottom: 15px;
	padding-top: 15px;
}

.brands img {
	width: 98%;
	margin: 1% 1%;
}

.brands {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 80%;
	margin: 0 auto;
}

.betts h4 {
	line-height: 2.25rem;
}

/* SERVICE PAGE STYLES
-----------------------------------------------*/
.service-wrapper h1,
.service-wrapper h2,
.service-wrapper h3,
.service-wrapper h4 {
	text-align: center;
}

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

.service-wrapper h1 {
	font-size: 2rem;
	line-height: 2.4rem;
	font-weight: 700;
}

.service-wrapper h2 {
	padding-bottom: 15px;
	font-size: 2rem;
	line-height: 2.4rem;
}

.service-wrapper h3 {
	padding-bottom: 15px;
	font-size: 2rem;
	line-height: 2.4rem;
	font-weight: 700;
}

.service-wrapper h4 {
	padding-bottom: 15px;
	font-size: 1.8rem;
	line-height: 2.2rem;
}

.service-wrapper h2 a,
.service-wrapper h4 a {
	color: #fff;
	font-weight: 300;
}

.service-wrapper h2 a:hover,
.service-wrapper h4 a:hover {
	text-decoration: underline;
}

.service-info {
	padding-bottom: 15px;
}

.srv-lft,
.srv-rt {
	width: 49.5%;
	display: inline-block;
}

.srv-center {
	width: 99%;
}

.srv-center img {
	width: 100%;
}

.srv-lft img {
	width: 100%;
}

.srv-rt img {
	width: 100%;
	padding: 2px;
}

.serv-rqst-btn {
	width: 100%;
	max-width: 800px;
	background: #000084;
	text-align: center;
	padding: 10px 0;
	margin: 1% auto;
	transition: .2s ease;
}

.serv-rqst-btn:hover {
	background: #0405BC
}

.serv-rqst-btn a {
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 30px;
	line-height: normal;
}

.serv-rqst-btn a:hover {
	text-decoration: none;
}

.service-info ul {
	list-style: none;
}

.service-info ul li {
	font-weight: 300;
	font-size: 2rem;
	line-height: 2.8rem;
}

.service-imgs {
	padding-bottom: 3%;
}

/* CAREERS PAGE STYLES
-----------------------------------------------*/
.emp-wrapper {
	width: 100%;
	background: #eaeaea;
	margin: 0 auto;
}

.emp-wrapper iframe {
	width: 100%;
	min-height: 450px;
	height: auto;
}

.emp-contact a {
	color: #fff;
	text-decoration: underline;
}

.employment-headline h1 {
	font-size: 2rem;
	font-weght: 700;
}

/* ABOUT PAGE STYLES
-----------------------------------------------*/
.about-wrapper {
	width: 70%;
	padding-top: 2.5%;
	margin: 0 auto;
}

.about-wrapper h1 {
	font-size: 1.65rem;
	font-weight: 700;
}

.about-wrapper p {
	font-size: 1rem;
	line-height: 1.4rem;
}


/* CONTACT PAGE STYLES
-----------------------------------------------*/
.employee ul li {
	font-size: 1rem;
	line-height: 1.45rem;
}

.general h3 a {
	font-size: 1.25rem;
	font-weight: 500;
	padding: 10px 0;
}

.col-1-3 {
	width: 32%;
}

.contact-mddl-wrapper ul {
	list-style: none;
}

.contact-mddl-wrapper {
	display: flex;
}

.contact-mddl-wrapper a {
	color: #fff;
}

.employee {
	padding: 3% 0;
}

.directory-headline {
	padding-top: 3%;
	font-size: 1.65rem;
	font-weight: 700;
}

.contact-top-wrapper h1 {
	text-transform: uppercase;
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	padding-bottom: 10px;
}

.contact-top-wrapper h2 {
	text-align: center;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.9rem;
	padding: 7px 0;
}

.contact-top-wrapper {
	text-align: center;
}

.contact-top-wrapper iframe {
	width: 100%;
	padding-top: 5px;
}

.general {
	padding-bottom: 20px;
	text-align: center;
}

.general a {
	color: #fff;
	font-weight: 300;
}

.department {
	text-align: center;
	padding-bottom: 20px;
}

.department a {
	color: #fff;
	font-weight: 300;
	font-size: 1.25rem;
	line-height: 1.5rem;
}

/*start form styles*/

.contact-form h3 {
	font-weight: 300;
}

.form-head {
	font-size: 1.75rem;
	line-height: 2.2rem;
	color: #fff;
}

.contact-wrap {
	width: 70%;
	margin: 0 auto;
	padding: 20px;
	background: #000;
}

/* LINKS PAGE STYLES
-----------------------------------------------*/
.clubs ul,
.dealers ul,
.manufacturers ul {
	list-style: none;
	padding: 0 0 20px 0;
}

.dealers ul,
.manufacturers ul {
	padding-top: 20px;
}

.clubs a,
.dealers a,
.lodging a,
.manufacturers a,
.other a {
	color: #fff;
	font-size: 2rem;
	font-weight: 500;
}

.clubs a:hover,
.dealers a:hover,
.lodging a:hover,
.manufacturers a:hover,
.other a:hover {
	color: #eaeaea;
	text-decoration: underline;
}

.links-wrapper p {
	font-size: 18px;
}

.links-wrapper {
	width: 60%;
	text-align: center;
	font-size: 1.75rem;
	font-weight: 700;
	margin: 0 auto;
}

.links-wrapper a {
	font-size: 2rem;
	color: #fff;
	font-weight: 500;
}

.links-wrapper a:hover {
	color: #eaeaea;
	text-decoration: underline;
}

.serv-req-wrapper p {
	font-size: 14px;
}

.serv-req-wrapper h1 {
	font-size: 1.75rem;
	font-weight: 700;
}

.serv-req-wrapper {
	width: 60%;
	text-align: center;
	font-size: 1.25rem;
}

.serv-req-wrapper a {
	font-size: 2rem;
	color: #fff;
	font-weight: 500;
}

.serv-req-wrapper a:hover {
	color: #eaeaea;
	text-decoration: underline;
}


/* TRAILER INVENTORY CATEGORY LANDING PAGE STYLES
-----------------------------------------------*/
.trailer-cat-wrapper {
	width: 80%;
	padding: 3% 0;
	margin: 0 auto;
	text-align: center;
}

.trailer-cat-wrapper .cat-headline p {
	text-transform: none;
	font-size: 18px;
	line-height: 27px;
	width: 95%;
	margin: 0 auto;
}

.cat-headline {
	width: 100%;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 1%;
}

.btn-row-top {
	width: 100%;
	display: inline-block;
	padding: 2% 0;
	margin: 0 auto;
}

.btn-row-btm {
	width: 100%;
	display: inline-block;
	padding: 2% 0;
	margin: 0 auto;
}

.cat-btn {
	width: 31%;
	position: relative;
	display: inline-block;
	margin: 1%;
}

.cat-text {
	position: absolute;
	width: 100%;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	top: 50%;
	transform: translateY(-50%);
	font-weight: 400;
}

.cat-text h1 {
	font-size: 2rem;
	font-weight: 700;
}

.cat-headline h2 {
	font-size: 2rem;
	font-weight: 700;
}

.cat-btn img {
	width: 100%;
	border: solid #fff 2px;
	-webkit-box-shadow: 4px 6px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 4px 6px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 4px 6px 5px 0px rgba(0, 0, 0, 0.75);
}

.fadein img {
	opacity: 1;
	transition: 1s ease;
}

.fadein img:hover {
	opacity: .8;
	transition: 1s ease;
}


/* THANK YOU PAGE STYLES
-----------------------------------------------*/
.ThankYou {
	text-align: center;
	width: 80%;
	padding: 30px 0;
}

/* FOOTER
------------------------------*/
footer {
	width: 100%;
	background: #fff;
	color: #000084;
	text-align: center;
	font-size: .65rem;
}

.footer-wrapper {
	width: 60%;
	padding: 30px 0;
	margin: 0 auto;
}






/*-------- FOOTER STYLES ----------------*/
footer {
	width: 100%;
	background: #fff;
	color: #000084;
	text-align: center;
	font-size: .65rem;
}

.footer-wrapper {
	width: 60%;
	padding: 10px 0;
	margin: 0 auto;
}


.footer-wrapper p {
	font-size: 11px !important;
	line-height: 18px !important;
	color: #000;
}

.footer-wrapper p a {
	font-size: 11px !important;
	line-height: 18px !important;
	color: #000;
	font-weight: 700;
}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.hosted-content .pagination>.drop-down-form select,
.hosted-content .pagination-blog>select {
	width: auto !important;
}

.list-content .list-title .list-title-text {
	font-size: 22px;
	line-height: 28px;
}

.faceted-search-content .selected-facets-container .selected-facet,
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link,
.contact-options a,
.fin-calc-mobile>a,
.detail-contact-bar .contact-bar-btn,
.faceted-search-content .mobile-done-button-container .mobile-done-button {
	background: #980106 !important;
}

.view-listing-details-link,
.show-all-modal .apply-button,
.ts-modal-container .form-bottom .captcha-and-submit .captcha-placeholder button {
	background: #000 !important;
	color: #fff !important
}

.hosted-content .pagination {
	max-width: 250px !important;
	margin: 0 auto !important;
}

.hosted-content .pagination a.btn:after {
	content: none !important;
}

.detail-content .detail-main-body .main-detail-data .detail-title {
	font-size: 20px !important
}

.detail-content .dealer-info .google-maps-link .address {
	width: 100% !important
}


.detail-additional-data .data-row .data-label {
	background: #000 !important;
}

.detail-content .dealer-info .google-maps-link .address {
	text-align: left !important
}

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


@media screen and (max-width: 1575px) {
	.header-top-row {
		width: 95%;
	}

	.address,
	.phone-numbers,
	.email-social {
		font-size: 15px;
	}

	.serv-req-wrapper h1 {
		font-size: 1.75rem;
		line-height: 2rem;
	}

	.landing-left,
	.landing-right {
		/* margin-bottom: 12%; */
		background-position: bottom;
		padding-bottom: 10%
	}

	.landing-text-left h1 {
		padding-top: 5%;
		font-size: 50px;
		line-height: 50px;
	}

	.landing-text-right h1 {
		padding-top: 6%;
		font-size: 50px;
		line-height: 50px;
	}

	.landing-right img {
		padding-top: 48%;
		padding-bottom: 0px;
	}

	.landing-left img {
		padding-top: 45%;
		padding-bottom: 0px;
	}

}

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

	.address,
	.phone-numbers,
	.email-social {
		font-size: 13px;
	}

	.trailer-cat-wrapper {
		width: 100%;
	}

}

@media screen and (max-width: 1300px) {
	.nav-box {
		min-height: 140px;
	}

	.links-wrapper {
		width: 80%;
	}
}

@media screen and (max-width: 1225px) {
	.split-pane>div .text-content .big {
		font-size: 1.5em;
	}

	.big {
		font-size: 2em;
		line-height: 4.25rem;
	}

	#split-pane-or>div img {
		height: 2em;
	}

	.serv-rqst-btn {
		width: 45%;
	}

	.service-wrapper h2 {
		font-size: 1.5rem;
		line-height: 1.9rem;
	}

	.service-wrapper h3 {
		font-size: 1.5rem;
		line-height: 1.9rem;
	}

	.service-wrapper h4 {
		font-size: 1.5rem;
		line-height: 1.9rem;
	}
}

@media screen and (max-width: 1175px) {
	.main-red-wrapper {
		width: 100%;
		overflow: hidden;
	}


	.submit-button {
		width: 25%;
	}

}

@media screen and (max-width: 1150px) {
	.main-wrapper {
		width: 95%;
		padding: 20px 0;
		margin: 0 auto
	}

	.p2 {
		width: 50%;
	}

	.hours {
		width: 40%;
	}

	.employee {
		font-size: 85%;
	}
}

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

	.left-landing-enter,
	.right-landing-enter {
		margin-top: 10px;
		width: 80%
	}

	.logo {
		width: 15%;
	}

	.logo img {
		width: 100%
	}

	.address {
		width: 30%
	}

	.phone-numbers {
		width: 25%
	}

	.serv-rqst-btn {
		width: 55%;
	}

	.trailer-hero-text {
		width: 45%;
	}

	.header-top-row {
		width: 95%;
		font-size: .85rem;
	}

	.header-bottom-row {
		width: 95%;
	}

	#cssmenu>ul>li>a {
		padding: 12px 10px;
	}
}

@media screen and (max-width: 1025px) {
	.main-red-wrapper {
		width: 98%;
	}

	.srv-lft,
	.srv-rt,
	.srv-center {
		width: 60%;
	}

	.service-wrapper h1 {
		font-size: 1.75rem;
		line-height: 2rem;
	}

	.contact-top-wrapper h1 {
		font-size: 1.5rem;
	}

	.contact-top-wrapper h2 {
		font-size: 1.25rem;
		line-height: 1.7rem;
	}
}

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

	.landing-page-logo {
		position: relative;
		padding: 10px 0
	}

	.left-landing-button-area,
	.right-landing-button-area {
		top: 25%
	}

	.left-landing img,
	.right-landing img {
		width: 200%;
		overflow: hidden;
		border-top: 10px solid #ff2400
	}

	.about-wrapper {
		width: 90%;
	}

	.srv-lft,
	.srv-rt {
		width: 65%;
	}

	.serv-rqst-btn {
		width: 67%;
	}

	.inventory_search {
		background: #ff2400;
		width: 90%;
		margin: 0 auto;
	}


}

@media screen and (max-width: 960px) {
	.flex-landing {
		display: block;
	}

	.landing-left img,
	.landing-right img {
		padding: 10px 0;
	}

	.landing-left,
	.landing-right {
		padding-bottom: 10%;
		display: inline-block;
	}

	.full-bg-blk {
		background: url(../../../assets/Uploads/white-stripes.jpg);
		height: auto;
		;
		position: relative;
		top: 0;
		bottom: 0;
		width: 100%;
		background-position: top
	}

	.landing-left,
	.landing-right {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		float: none;
	}

	.landing-text-left h1,
	.landing-text-right h1 {
		font-size: 50px;
		line-height: 50px;
		margin-bottom: 0;
		padding-top: 5%;
		text-shadow: 1px 2px 3px #333;
	}

	.landing-text-left,
	.landing-text-right,
	.left-landing-enter,
	.right-landing-enter {
		float: none;
		text-align: center;
		margin: 0 auto;
	}

	.landing-left img,
	.landing-right img {
		padding: 10px 0;
	}

	.landing-left,
	.landing-right {
		padding-bottom: 10%;
		display: inline-block;
		background-position: center;
	}


}

@media screen and (max-width: 900px) {
	header {
		padding: 0 0;
	}

	.flex-header {
		display: block;
	}

	.address,
	.phone-numbers,
	.email-social {
		width: 100%;
		text-align: center;
	}

	.submit-button {
		width: 100%;
	}

	.p2 {
		width: 100%;
	}

	.main-red {
		min-height: 300px;
	}

	.nav-box {
		width: 60%;
		margin: 0 auto;
		text-align: center;
	}

	.img-wrapper {
		margin: 15px 5px;
	}

	.trailer-hero-text {
		width: 50%;
		top: 16%;
		right: 5%;
	}

	.hero-wrapper {
		display: block;
	}

	.hero-inv-btns {
		width: 100%;
		margin: 0 auto;
		text-align: center
	}

	.trailer-hero-text {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	.snowplow-wrapper h1 {
		font-size: 1.5rem;
	}

	.snowplow-wrapper h2 {
		font-size: 1.5rem;
		line-height: 1.9rem;
	}

	.tb-wrapper h1 {
		font-size: 1.5rem;
	}

	.tb-wrapper h2 {
		font-size: 1.5rem;
		line-height: 1.9rem;
	}

	.service-wrapper h1 {
		font-size: 1.5rem;
	}

	.service-wrapper h4 {
		font-size: 1.5rem;
	}

	.service-wrapper h2 {
		font-size: 1.5rem;
		line-height: 1.9rem;
	}

	p {
		padding: 10px 0;
		font-size: 14pt;
		line-height: 17.5pt;
	}

	.row-4 .nav-box {
		width: 100%;
	}
}

@media screen and (max-width: 850px) {
	.btn-row-top {
		width: 80%;
		flex-direction: column;
		padding: 0;
	}

	.btn-row-btm {
		width: 80%;
		flex-direction: column;
		padding: 0;
	}

	.cat-btn {
		width: 65%;
		padding: 1% 0;
	}
}

@media screen and (max-width: 800px) {
	.logo {
		width: 30%
	}

	.address,
	.phone-numbers,
	.email-social {
		width: 100%;
	}

	.hero-inv-btns .red-hero-btn {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		text-align: center
	}

	.hours {
		display: none;
	}

	.hours-mbl {
		background: #ff2400;
		border: solid 3px #fff;
		text-align: center;
		width: 100%;
		text-transform: uppercase;
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
		box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
		display: inline-block;
		padding: 20px 0;
	}


	.hours-mbl h3 {
		padding-top: 15px;
		padding-bottom: 10px;
		font-weight: 700;
		font-size: 1.25rem;
	}

	.hours-mbl h4 {
		padding-bottom: 20px;
		font-size: 1.25rem;
		font-weight: 700;
		line-height: 1.5rem;
	}

	.header-top-row {
		display: inline;
		text-align: center;
		padding: 10px 0;
	}

	.logo img {
		width: 100%;
	}

	.hero {
		height: 325px;
	}

	.row-1 {
		display: inline-block;
	}

	.row-2 {
		display: inline-block;
	}

	.row-3 {
		display: inline-block;
	}

	.row-4 {
		display: inline-block;
	}

	.about-wrapper h1 {
		font-size: 1.65rem;
	}

	.serv-rqst-btn a {
		font-size: 1.5rem;
	}

	.snowplow-ad {
		width: 85%;
	}

	.snowplow-wrapper {
		width: 90%;
	}

	.tb-wrapper {
		width: 90%;
	}

	.tb-pic {
		width: 100%;
	}

	.tb-wrapper h2 {
		font-size: 1rem;
	}

	.ta-wrapper {
		width: 90%;
	}

	.ta-pic {
		width: 100%;
	}

	.ta-wrapper h2 {
		font-size: 1rem;
	}

	.service-wrapper h2 {
		font-size: 1rem;
	}

	.service-wrapper h4 {
		font-size: 1rem;
	}

	.split-pane>div .text-content .big {
		font-size: 1em;
	}

	#split-pane-or>div img {
		height: 1.5em;
	}

	.employee {
		font-size: 110%;
	}

	.directory-headline {
		text-align: center;
	}

	.contact-mddl-wrapper {
		flex-direction: column;
	}

	.col-1-3 {
		width: 80%;
	}

	.contact-top-wrapper h2 {
		font-size: 1rem;
		line-height: 1.4rem;
	}

	form label.right {
		font-size: 22px;
		line-height: 28px;
	}

	.flex-locations {
		display: block;
	}

	.loc-2 {
		width: 100%
	}

}

@media screen and (max-width: 725px) {
	.header-top-row {
		width: 95%;
	}

	.hero-text {
		width: 50%;
	}

	.nav-box {
		width: 70%;
	}

	.hours h3 {
		font-size: 1rem;
	}

	.hours h4 {
		font-size: .8rem;
	}

	.srv-lft,
	.srv-rt {
		width: 45%;
		display: none;
	}

	#split-pane-or {
		font-size: 5em;
	}

	.hero-trailer-shop {
		height: 350px;
	}

	.trailer-hero-text {
		width: 50%;
	}

	.search_heading h1 {
		font-size: 1rem;
	}

	.inventory_search {
		width: 100%;
	}

	.search_block h3 {
		font-size: .75rem;
		padding-top: 5px;
	}

	.brands img {
		width: 96%;
	}

	.serv-req-wrapper h1 {
		font-size: 1.5rem;
		line-height: 1.85rem;
	}
}

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

	.landing-text-left h1,
	.landing-text-right h1 {
		font-size: 35px;
		line-height: 40px;
		margin-bottom: 0;
		padding-top: 5%;
		text-shadow: 1px 2px 3px #333;
	}

	.email-social {
		width: 100%;
		margin: 0 auto;
	}

	.address {
		width: 100%;
		margin: 0 auto;
	}

	.phone-numbers {
		width: 100%;
		padding-bottom: 2%;
	}

	.logo {
		padding-top: 2%;
	}
}

@media screen and (max-width: 625px) {
	.hero-wrapper {
		width: 90%;
		margin: 0 auto;
		padding: 15px 0;
	}

	.hero-inv-btns .red-hero-btn {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
		text-align: center
	}

	.hours-mbl h3 {
		padding-top: 10px;
		font-size: 1.15rem;
	}

	.hours-mbl h4 {
		font-size: 1.05rem;
		line-height: 1.5rem;
	}

	.hours-mbl {
		width: 80%;
	}

	.snowplow-wrapper h1 {
		font-size: 1.25rem;
	}

	.snowplow-wrapper h2 {
		font-size: 1.15rem;
		line-height: 1.45rem;
	}

	.tb-wrapper h1 {
		font-size: 1.25rem;
	}

	.tb-wrapper h2 {
		font-size: 1.15rem;
		line-height: 1.45rem;
	}

	.ta-wrapper h1 {
		font-size: 1.25rem;
	}

	.ta-wrapper h2 {
		font-size: 1.15rem;
		line-height: 1.45rem;
	}

	.service-wrapper h1 {
		font-size: 1.25rem;
	}

	.service-wrapper h2 {
		font-size: 1.15rem;
		line-height: 1.45rem;
	}

	.service-wrapper h4 {
		font-size: 1.15rem;
		line-height: 1.45rem;
	}


	p {
		padding: 10px 0;
		font-size: 12pt;
		line-height: 15.5pt;
	}

	.serv-req-wrapper h1 {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
}


@media screen and (max-width: 600px) {
	.hero {
		height: 245px;
	}

	.main-red-wrapper {
		width: 95%;
		color: #fff;
		padding: 15px 0;
		margin: 0 auto;
	}

	p.description_content {
		font-size: 24px;
	}

	.img-wrapper {
		margin: 5px 0;
	}

	.row-1 {
		padding-top: 15px;
	}

	.srv-center {
		width: 80%;
	}

	.srv-center img {
		width: 100%;
	}

	#split-pane-or {
		top: 5%;
	}

	.hero-trailer-shop {
		height: 320px;
	}

	.trailer-hero-text {
		width: 60%;
		top: 16%;
		right: 5%;
	}

	.search_row {
		flex-direction: column;
	}

	.search_block {
		width: 100%;
		margin: 0 auto;
	}

	.btn-row-top {
		width: 100%;
	}

	.btn-row-btm {
		width: 100%;
	}

	.cat-btn {
		width: 80%;
	}

	.parts-wrapper h1 {
		font-size: 1.25rem;
		padding-bottom: 15px;
	}

	.parts-wrapper h2 {
		padding-bottom: 10px;
		font-size: 1.15rem;
	}

	.parts-wrapper h3 {
		padding-bottom: 15px;
		font-size: 1.15rem;
	}

	.parts-info ul li p {
		font-size: .9rem;
	}

	.parts-wrapper h4 a {
		font-size: 85%;
	}
}

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

	.logo {
		text-align: center;
		padding-top: 10px;
	}

	.logo img {
		width: 100%;
	}

	.logo {
		width: 70%;
	}

	.email-social {
		width: 100%
	}

	.address {
		width: 100%;
	}

	.phone-numbers {
		width: 100%;
		padding-bottom: 10px;
	}

	.main-wrapper {
		text-align: center;
	}

	.footer-wrapper {
		width: 80%;
	}

	.main-wrapper {
		width: 90%;
		margin: 0 auto;
	}

	.cat-headline h2 {
		font-size: 1.15rem;
	}

	.cat-text h1 {
		font-size: 1.75rem;
	}

	.serv-req-wrapper h1 {
		font-size: 1.15rem;
		line-height: 1.4rem;
	}
}

@media screen and (max-width: 500px) {
	.serv-rqst-btn {
		width: 85%;
	}

	p {
		padding: 15px 10px;
	}

	.main-intro h2 {
		line-height: 2.15rem;
	}

	.hours-mbl {
		width: 95%;
	}

	.form-head {
		font-size: 1.5rem;
		line-height: 2rem;
		color: #fff;
	}
}

@media screen and (max-width: 475px) {
	.logo {
		width: 65%
	}

	.hero {
		height: 175px;
	}

	.hero-text {
		width: 60%;
		top: 2%;
	}

	#split-pane-or>div img {
		height: 1em;
	}

	#split-pane-or {
		top: 5%;
	}

	.serv-req-wrapper h1 {
		font-size: 1.rem;
		line-height: 1.25rem;
	}
}

@media screen and (max-width: 450px) {
	.trailer-hero-text {
		width: 75%;
		top: 20%;
		right: 13%;
		text-align: center;
	}

	.hero-text {
		width: 70%;
		top: 2%;
		left: 18%;
	}

	.hero-tanks {
		height: 515px;
	}

	.about-wrapper h1 {
		font-size: 1.45rem;
		line-height: 1.9rem;
	}

}