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

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

body {

}

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


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {}
.headerbanner {
    background: #D70101;
    padding: 10px 0px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 15px;
}
.headerbanner a{
    color: #fff;
	font-weight: 600;
}
.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #1d1d1d;
    padding: 10px 2%;
}
.headerlogo img {
    width: 100%;
    max-width: 250px;
}
.headerlogo{
	width: 20%;
}
.headerbtnsect {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 15%;
}
.headerinfo {
    font-family: "Bebas Neue", sans-serif;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 100;
}
.headerinfobtn {
    font-family: "Bebas Neue", sans-serif;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 100;
    background: #D70101;
    padding: 5px 0px;
    margin: 5px 0px;
	transition-duration: 0.3s;
}
.headerinfobtn:hover {
  background: #d10000;
	    letter-spacing: 0.5px;
}
/*---BODY--------------------------------*/
.herosection {
    background: url(/siteart/lawsen-hero-img.jpg);
    height: 800px;
	background-color: #000000;
    background-position: center bottom;
    display: flex;
    align-items: flex-end;
}
.herooverlay {
    background: url(/siteart/triangle-overlay.png);
    background-size: cover;
    width: 100%;
    height: 800px;
    display: flex;
    align-items: flex-end;
    padding: 2% 3%;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-content: flex-end;
}
.heroheader {
    font-family: "Bebas Neue", sans-serif;
    color: #fff;
    text-shadow: 0px 3px 10px black;
    font-size: 90px;
    line-height: 78px;
    font-weight: 100;
}
.heroheader span {
    font-size: 70px;
    width: 100%;
    display: block;
    line-height: 55px;
}
.heropara {
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-weight: 700;
    width: 100%;
    font-size: 25px;
    display: block;
	text-shadow: 0px 3px 10px black;

}
.herobtnsect {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin: 15px 0px;
}
.heroredbtn {
    background: #D70101;
    width: 48%;
    padding: 12px;
    font-family: "Bebas Neue", sans-serif;
    color: #fff;
    font-size: 22px;
    text-align: center;
	box-sizing: border-box;
		transition-duration: 0.3s;

}
.heroredbtn:hover {
        background: #d10000;
    letter-spacing: 0.5px;
}
.heroblackbtn {
    background: #000;
    width: 48%;
    padding: 12px;
    font-family: "Bebas Neue", sans-serif;
    color: #fff;
    font-size: 22px;
    text-align: center;
	box-sizing: border-box;
	transition-duration: 0.3s;
}
.heroblackbtn:hover {
    background:#1f1f1f;
       letter-spacing: 0.5px;
}
/*--------HOMPAGE STYLES--------------------*/
.hpinvcattext {
    transform: skewX(5deg);
    padding: 10px;
}
.hpinvimg {
    height: 330px;
    width: 100%;
}
.hpinvcatbox {
    width: 25%;
    transform: skewX(355deg);
	box-sizing: border-box;
    padding: 0px 10px;
}
.hpinvcatbox p{
   margin-bottom: 10px;
}
.hpinvcatsect {
    padding: 3% 10%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.hpinvheader {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 100;
    font-size: 30px;
}
.paratext {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 30px;
}
.width100{
	display: block;
	width: 100%;
}
.pagepadding p {
    padding: 10px 0px;
}
.fullredbutton {
    width: 100%;
    display: block;
    background: #D70101;
    padding: 10px 4px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: "Bebas Neue", sans-serif;
    font-size: 18px;
	transition-duration: 0.3s;
	box-sizing: border-box;
}
.fullredbutton:hover {
    background: #d10000;
 letter-spacing: 0.5px;

}
.hpredbanner {
    background: #D70101;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
	text-align: center;
}
.hpredbanner h3{
    width: 100%;
}
.lgsubhead {
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
}
.subhead {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 16px;
}
.inlinelink {
    font-weight: 800;
    text-decoration: underline!important;
	font-size: 16px;
}
.hpefficientsect {
    display: flex;
    padding: 5% 10%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.hpefficientleft {
    width: 50%;
}
.hpefficientleft p{
    margin-bottom: 25px;
}
.hpefficientright {
    width: 40%;
    background: url(/siteart/lawsen-attachment-home.jpg);
    height: 510px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.smheadertext {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 100;
    font-size: 26px;
    line-height: 26px;
}
.headertext {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 100;
    font-size: 52px;
    line-height: 48px;
}
.headertext span {
    width: 100%;
    display: block;
    font-size: 40px;
    line-height: 40px;
}
.redbtn {
    width: 320px;
    display: block;
    text-align: center;
    font-family: "Bebas Neue", sans-serif;
    background: #e90000;
    color: #fff;
    padding: 10px;
    font-size: 18px;
	transition-duration: 0.3s;
}
.redbtn:hover {
       background: #d10000;
	    letter-spacing: 0.5px;
}
.submit {
    width: 320px;
    display: block;
    text-align: center;
    font-family: "Bebas Neue", sans-serif;
    background: #e90000;
    color: #fff;
    padding: 10px;
    font-size: 18px;
	border:none;
	cursor: pointer;
		transition-duration: 0.3s;

}
.submit:hover {
      background: #d10000;
	    letter-spacing: 0.5px;
}
.redoutlinebtn {
    width: 320px;
    display: block;
    text-align: center;
    font-family: "Bebas Neue", sans-serif;
    background: transparent;
    color: #fff;
    padding: 10px;
    font-size: 18px;
	border: solid 3px #e90000;
	transition-duration: 0.3s;
}
.redoutlinebtn:hover {
    background:  #e90000;
	letter-spacing: 0.5px;

}
.halfredbtn {
    width: 48%;
    display: block;
    text-align: center;
    font-family: "Bebas Neue", sans-serif;
    background: #e90000;
    color: #fff;
    padding: 10px;
    font-size: 18px;
	box-sizing: border-box;
	transition-duration: 0.3s;
}
.halfredbtn:hover {
      background: #d10000;
	    letter-spacing: 0.5px;
}
.halfredoutlinebtn {
    width: 48%;
    display: block;
    text-align: center;
    font-family: "Bebas Neue", sans-serif;
    background: transparent;
    color: #fff;
    padding: 10px;
    font-size: 18px;
	border: solid 3px #e90000;
	box-sizing: border-box;
		transition-duration: 0.3s;

}
.halfredoutlinebtn:hover {
     background:  #e90000;
	letter-spacing: 0.5px;
}
.hpattachmentsect {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 0% 10% 5% 10%;
    flex-wrap: wrap;
}
.hpattachmentbox {
    width: 24%;
    box-sizing: border-box;
    padding: 0px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	    margin-top: 10px;
    transition-duration: 0.3s;
}
.hpattachmentbox:hover {
    margin-bottom: 10px;
    margin-top: 0px;
}
.hpattachmentbox img {
    width: 100%;
    max-width: 250px;
    text-align: center;
}
.hpattachmentbox span {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 100;
    font-size: 26px;
    line-height: 48px;
    color: #000;
    width: 100%;
    text-align: center;
}
.hpwhyworksect {
    display: flex;
    justify-content: space-between;
    padding: 5% 10%;
    align-items: center;
    flex-wrap: wrap;
}
.hpwhyworkleft {
    width: 60%;
}
.hpwhyworkright {
    width: 40%;
}
.whyworkbox {
    display: flex;
    align-items: center;
    padding: 15px 0px;
}
.whyworkbox i {
    background: #df0000;
    color: #fff;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    margin-right: 15px;
    font-size: 25px;
}
.whyworkbox span {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 16px;
    width: calc(100% - 60px);
}

.hp-simple-sect {
    background: #000000;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    color: #fff;
	margin: 5% 0%;
}
.hp-triangle-overlay {
    background: url(/siteart/triangle-overlay.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	display: flex;
	flex-wrap: wrap;
    width: 100%;
    height: 100%;
    padding: 6% 10%;
	justify-content: space-between;
	box-sizing: border-box;
	align-items: center;
}
.hp-triangle-overlay h4{
    width: 100%;
}
.hp-triangle-overlay .headertext{
    width: 100%;
}
.hp-simple-box {
    width: 20%;
    text-align: left;
	padding: 45px 0px;
	box-sizing: border-box;
}
.hp-number-sect {
    font-size: 60px;
    font-family: "Bebas Neue", sans-serif;
    display: flex;
    align-items: baseline;
}
.numberdot {
    width: 12px;
    height: 15px;
    background: #d50000;
    transform: skewX(-10deg);
    margin-left: 10px;
}
.hp-faq-sect{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 5% 10%;
	
}
.hp-faq-center{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0% 10% 5% 10%;
	
}
.hp-faq-right{
	background: url("/siteart/case-skid-attachments.jpg");
	background-size: cover;
	background-position: center;
	height: 580px;
	width: 40%;
}
.hp-faq-left{
	width: 55%
}
.black{color: #000;}
.white{color: #fff;}
.red{color: #D70101;}
.hp-faq-right{
}
.accordion {
    background-color: #ffffff;
    color: #444;
    cursor: pointer;
    padding: 18px 5px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    font-family: "Montserrat", sans-serif;
    border-bottom: solid 3px #cc0000;
    font-weight: 700;
}
.active, .accordion:hover {
  background-color:  #cc0000!important;
	color: #fff!important;
}

.accordion:after {
  content: '\002B';
  color: #171717;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}


.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  line-height: 40px;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  font-family: "Montserrat", sans-serif;
}
.hpaboutleft{
	background: url("/siteart/worker-in-skid-loader.jpg");
	background-size: cover;
	background-position: center;
	height: 700px;
	width: 45%;
}
.hpaboutright {
    width: 45%;
}
.hpaboutsect{
	background: #000;
	margin: 5% 0% 0% 0%;
}
.hpaboutright p {
    padding: 12px 0px;
}
/*-------- SECONDARY PAGE STYLES ----------------*/
.pagepadding {
    padding: 2% 10%;
}
.pageheadersect {
    width: 100%;
}
.pageheadersect p{
    width: 100%;
	margin-bottom: 20px;
}
.pageheader {
    font-family: "Bebas Neue", sans-serif;
    font-size: 72px;
    color: #fff;
    width: 100%;
}
.pageheadbtnsect{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.pageheadbtnsect a{
	margin: 0px 10px;
}
.threeiconsect {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 5% 10%;
}
.iconbox {
    width: 18%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}
.iconbox img {
    width: 100%;
    max-width: 40px;
    margin-bottom: 15px;
    height: max-content;
}
.iconbox span{
    width: 100%;
}
.flex-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5% 10%;
}
.flex-box-right {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content:flex-start;
    padding: 5% 10%;
}


.halfsect {
    width: 45%;
    display: flex;
    flex-wrap: wrap;
}

.halfsectform {
    width: 45%;
    display: flex;
    flex-wrap: wrap;
}
.halfsect p{
    padding: 20px 0px
}
.halfsect img{
    width: 100%;
	max-width: 550px;
}
.dkbkgdsect{
	margin: 5% 0%;
	background: #000;
}
.fullflex{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0px;
	flex-wrap: wrap;
}
.liststyle {
    list-style: disc;
    list-style-position: inside;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    padding: 18px 0px;
}
.liststyle li {
    padding: 10px 0px;
}
.fullcenterbanner {
    padding: 5% 10%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.fullcenterbanner .headertext{
   margin-bottom: 15px;
}
.attachmentspecsect {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	padding: 5% 10%;
}
.attachmentspecsect .headertext{
    width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.attachmentbox {
    width: 20%;
    display: flex;
    flex-wrap: wrap;
	box-sizing: border-box;
	padding: 20px 10px;
	align-content: space-between;
}
.attachmentbox img {
    width: 100%;
    max-width: 200px;
    margin-bottom: 15px;
}
.attachmentbox .smheadertext {
    width: 100%;
	margin-bottom: 10px;
	
}
.attachmentbox a{
   margin-top: 10px;
}
/* Style the tab */
.spectab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
	width: 100%;
}

/* Style the buttons inside the tab */
.spectab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.spectab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.spectab button.active {
  background-color: #404040;
}

/* Style the tab content */
.spectabcontent {
  display: none;
  padding: 40px 12px;
  border: 1px solid #ccc;
  border-top: none;
	width: 100%;

}
.spectabcontent p{
	width: 100%;

}
.spectabcontent .subhead{
	width: 100%;

}
.spectabcontent .halfsect{
	margin-bottom: 25px;

}
.spectabcontent img{
	width: 100%;
max-width: 400px;
}
.spectable {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
margin: 20px 0px;
	    font-family: "Montserrat", sans-serif;
}
.specth {
    background: #404040;
    color: #fff;
}
.specth, .spectd {
  text-align: left;
  padding: 16px;
}

.spectr:nth-child(even) {
  background-color: #f2f2f2;
}
.post-faq-right{
	width: 42%;
}
.post-faq-right img{
	width: 100%;
}
.twothirdsect{
	width: 66%;
}
.thirdsect{
	width: 33%;
}
.thirdsect img{
	width: 100%;
}
.cpinfoiconsect {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-start;
    align-content: flex-start;
}
.cpicon {
    width: 40px;
    font-size: 18px;
    color: #e90000;
    padding-top: 10px;
    box-sizing: border-box;
}
.cpinfo p {
    padding: 0px;
}
.cpinfo {
    width: calc(100% - 40px);
}
.deallochead {
    padding: 30px 0px;
}
.deallocbox {
    width: 25%;
    padding: 10px;
    box-sizing: border-box;
}
.deallocbox h3{
    padding-bottom: 5px;
}
.deallocinfo {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    padding: 5px 0px;
    color: #000;
}
.deallocinfo i{
    font-size: 14px;
    padding-right: 8px;
    color: #D70101;
}
.deallocinfo a{
    color: #000;
}
.deallocbtn{
	    width: 14%;
	margin: 10px 0.5%;
    display: block;
    text-align: center;
    font-family: "Bebas Neue", sans-serif;
    background: #e90000;
    color: #fff;
    padding: 10px;
    font-size: 18px;
	transition-duration: 0.3s;
}
.deallocbtn:hover{
	  background:  #e90000;
	letter-spacing: 0.5px;
}
.cpformflex {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.halfformfields {
    width: 50%;
    height: 45px;
    padding: 0px 5px;
    box-sizing: border-box;
    margin: 10px 0px;
	    font-family: "Montserrat", sans-serif;

}
.fullformfields {
    width: 100%;
    height: 45px;
    padding: 0px 5px;
    box-sizing: border-box;
    margin: 10px 0px;
	    font-family: "Montserrat", sans-serif;

}
.stateselect {
    width: 50%;
    height: 45px;
    box-sizing: border-box;
    margin: 10px 0px;
    padding: 0px 5px;
	    font-family: "Montserrat", sans-serif;

}
.message{
	width: 100%;
	height: 150px;
	padding: 10px;
	box-sizing: border-box;
	margin: 10px 0px;
	    font-family: "Montserrat", sans-serif;

}
span.checkbox.white.paratext {
    width: 95%;
}
.CaptchaMessagePanel{
font-family: "Montserrat", sans-serif;
color: #fff;	
	font-size: 14px;
}
.CaptchaWhatsThisPanel a{
font-family: "Montserrat", sans-serif;
color: #fff;	
	font-size: 14px;	
}
.aligncenter{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}
.contacticoncard {
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.contacticon {
    background: #e90000;
    color: #fff;
    height: 80px;
    border-radius: 60px;
    font-size: 24px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contactcardinfo {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.contactcardinfo a{
       font-family: "Bebas Neue", sans-serif;
font-size: 24px;
	color: #000;
}
.blogpagepad {
    padding: 5% 15%;
}
.blogpagehead {
    font-family: 'Bebas Neue';
    font-size: 85px;
    line-height: 85px;
    margin-bottom: 20px;
}
.blogpagepad p {
    margin-bottom: 10px;
}
.blogpagepad img{
    width: 100%;
	box-sizing: border-box;
	padding: 15px 15%;
}
.blogpagepad div{
	padding: 30px 0%;
}
.blogpagepad .liststyle{
	list-style-position: outside;
	padding: 18px 40px;
}
.blogsect {
    width: 45%;
}
.blogsect h2{
   padding-bottom: 20px;
}

/* Zip Code Search Styles */
.zip-search-container {
    background: #f5f5f5;
    padding: 30px;
    border-radius: 8px;
    margin: 30px 0;
    text-align: center;
}

.zip-search-container h3 {
    margin-bottom: 20px;
    color: #c41e3a;
    font-size: 1.5em;
}

.search-box {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.search-box input {
    padding: 12px 20px;
    font-size: 16px;
    border: 2px solid #ddd;
    border-radius: 4px;
    width: 250px;
    max-width: 100%;
}

.search-box button {
    padding: 12px 30px;
    font-size: 16px;
    background: #c41e3a;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}

.search-box button:hover {
    background: #a01628;
}

.search-box button.clear-btn {
    background: #666;
}

.search-box button.clear-btn:hover {
    background: #444;
}

.search-results-info {
    margin-top: 15px;
    font-size: 14px;
    color: #666;
}

.search-error {
    color: #c41e3a;
    margin-top: 10px;
    font-weight: bold;
}

.distance-badge {
    display: inline-block;
    background: #4CAF50;
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 13px;
    margin-left: 10px;
    font-weight: bold;
}

.deallocbox.hidden {
    display: none;
}

.deallochead.hidden {
    display: none;
}

@media (max-width: 768px) {
    .search-box input {
        width: 100%;
    }
}

/*-------- FOOTER STYLES ----------------*/
footer{}
.footer {
    background: #000;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 5%;
    color: #fff;
}
.footerquarter {
    width: 22%;
}
.footerquarter img{
    width: 100%;
	max-width: 200px;
}
.footerinfo i{
	color: #cc0000; 
	font-size: 14px;
	margin-right: 10px;
}
.footerinfo {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
	margin-bottom: 12px;
}
.footerinfo a{
    font-family: "Montserrat", sans-serif;
	color: #fff;
	font-size: 14px;
}
.footerheader {
    color: #fff;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
	padding-bottom: 5px;
}
.footerlinks {
    color: #fff;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    width: 100%;
    display: block;
    padding: 5px 0px;
}

/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/
.list-content .list-error-container .info button:not(.login-button){
	background-color: #e90000!important;
    border-radius: 0px!important;       
	font-family: "Bebas Neue", sans-serif!important;
	font-size: 18px!important;

}

.faceted-search-content .selected-facets-container .selected-facet{
		background-color: #e90000!important;
    border-radius: 0px!important;       
	font-family: "Bebas Neue", sans-serif!important;
	font-size: 16px!important;
}
.list-top-section .list-listings-count{
	color: #e90000!important;
}



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

@media only screen and (max-width: 1520px) {
.deallocbtn {
    width: 30%;
	margin: 3px 0.5%;}
	
}
@media only screen and (max-width: 1380px) {
span.checkbox.white.paratext {
    width: 92%;
}	
	.contacticoncard {
	    width: 50%;	
	}
	.contacticoncard img {
    max-width: 160px;
}
	.herosection{
	    height: 600px;	
		background-size: cover;
	}
	.herooverlay {
		    height: 600px;	
	
	}
}
@media only screen and (max-width: 1260px) {
	.headerbtnsect{
		width: 24%;
	}
	.deallocbox {
		width: 50%;}
	.hpinvcatsect {
		padding: 3% 5%;}
}
@media only screen and (max-width: 1180px) {
.hp-simple-box {
	width: 32%;}
	.hp-faq-left {
    width: 100%;
}
	.post-faq-right {
    width: 100%;
}
	.post-faq-right img {
    width: 100%;

}
	.hp-faq-right{
	    height: 350px;
    width: 100%;	
	}
}
@media only screen and (max-width: 1090px) {
.deallocbtn {
    width: 32%;
    box-sizing: border-box;
    margin: 3px 0.5%;   
	padding: 8px;
    font-size: 16px;
}
	.hpinvheader{
	font-size: 25px;
		line-height: 25px;
	}
	.blogpagehead {
		    font-size: 55px;
    line-height: 50px;
	}
	.hpefficientleft {
    width: 100%;
}.hpefficientright {
	width: 100%;}
	.hpattachmentbox {
		width: 50%;}
	.hpaboutleft {
    background: url(/siteart/worker-in-skid-loader.jpg);
    background-size: cover;
    background-position: center;
    height: 400px;
    background-repeat: no-repeat;
    width: 100%;
}
	.hpaboutright {
    width: 100%;
    margin-top: 15px;
}
}
@media only screen and (max-width: 1023px) {
    .headerbtnsect {
        width: 50%;
    }
	.headerinfo{
		text-align: right;
	}
	.pageheader{
	    font-size: 50px;
		line-height: 52px;
	}
	.hp-triangle-overlay {
		padding: 4% 6%;
	}
	span.checkbox.white.paratext {
    width: auto;
}
	.halfsect {
    width: 100%;
		padding: 20px 0px;}
	.halfsectform {
		width: 100%;}
	.attachmentspecsect{
	    padding: 5% 0%;	
	}
	.attachmentbox {
		width: 32%;}
	.herobtnsect {
		width: 100%;}
}
@media only screen and (max-width: 890px) {
	.footer{
	flex-wrap: wrap;	
	}
	.footerquarter {
    width: 50%;
    margin-bottom: 20px;
}
	.footerquarter img{
	    max-width: 150px;	
	}
	.headerlogo {
    width: 40%;
}
	.hpwhyworkleft {
    width: 100%;
}
	.hpwhyworkright {
    width: 100%;
}
	.redbtn {
    width: 45%;
		box-sizing: border-box;
	}
	.redoutlinebtn{
		width: 45%;
		box-sizing: border-box;
	}	
	.pageheadbtnsect{
		width: 100%;
	}
	.blogsect {
    width: 100%;
}
		.hpinvcatbox {
    width: 49%;
    transform: skewX(358deg);
    box-sizing: border-box;
    padding: 0px 10px;
}
	.hpinvimg {
		height: 230px;}
	.hpattachmentbox span{
		line-height: 26px;
	}
}




@media only screen and (max-width: 800px) {
.hp-simple-box {
	width: 100%;    text-align: center;    padding: 14px 0px;}
	.hp-number-sect{
	justify-content: center;	
	}

}
@media only screen and (max-width: 767px) {
.attachmentbox {
	width: 50%;}
	.spectable {
    border: 0;
  }

  .spectable caption {
    font-size: 1.3em;
  }
	.spectabcontent{
		box-sizing: border-box;
	}
  .spectable thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
	.specth{
		display: none;
	}
  .spectable tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
 .spectable td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  .spectable td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .spectable td:last-child {
    border-bottom: 0;
  }
}
@media only screen and (max-width: 650px) {
	.deallocbox {
		width: 100%;}
	    .redbtn {
        width: 100%;
        box-sizing: border-box;
        margin: 5px 0px;
    }
	.pageheadbtnsect a {
    margin: 5px 0px;
}
	    .redoutlinebtn {
        width: 100%;
        box-sizing: border-box;
    }
	span.checkbox.white.paratext {
    width: 93%;
}
	.halfformfields {
		width: 100%;}
	.stateselect {
		width: 100%;}
	.contacticoncard {
		width: 100%;}
	.contacticon{
		    height: 60px;
    border-radius: 60px;
    font-size: 20px;
    width: 60px;
	}
	.contactcardinfo a{
		font-size: 20px;
		padding-bottom: 10px;
	}
	.blogpagepad img{
	    padding: 15px 5%;	
	}
	.iconbox {
    width: 100%;
		padding: 15px 0px;}
	.halfredbtn{
		width: 100%;
		margin-bottom: 10px;
	}
	.halfredoutlinebtn{
			width: 100%;
		margin-bottom: 10px;
	}
	.twothirdsect{
		width: 100%;
	}
	.thirdsect {
    width: 100%;
}
	.heroheader{
	    font-size: 65px;
    line-height: 53px;	
	}
	.heroheader span {
    font-size: 50px;
    width: 100%;
    display: block;
    line-height: 38px;
}
	.heropara {
		font-size: 17px;
	}
	}
@media only screen and (max-width: 540px) {
.footerquarter {
    width: 100%;
    margin-bottom: 20px;
}
	.liststyle{
	list-style-position: outside;
	padding: 18px 20px;
	}
	.headertext{
	font-size: 45px;
    line-height: 45px;	
	}
	.headertext span{
	font-size: 32px;
    line-height: 32px;	
	}
	.deallocbtn {
	width: 49%;
	}
	.flex-box-right{
		padding: 5%;
	}
	.smheadertext{
	font-size: 20px;
    line-height: 20px;	
	}
	.hpinvcatbox {
		width: 100%;}
	.attachmentbox {
		width: 100%;
	    justify-content: center;
	}
	.hpaboutleft{
	    height: 250px;
    background-repeat: no-repeat;
    width: 100%;	
	}
	.herosection {
        height: 400px;
    }
	.herooverlay {
        height: 400px;
    }
	.heroredbtn{
	    width: 100%;
		padding: 10px;
		font-size: 20px;
		margin-bottom: 5px;
	}
	.heroblackbtn{
	    width: 100%;
		padding: 10px;
		font-size: 20px;
		margin-bottom: 5px;	
	}
	.herobtnsect{
	flex-wrap: wrap;
	}
}


@media only screen and (max-width: 420px) {
	.header{
	    flex-wrap: wrap;
		justify-content: center;	
	}
	.headerinfo {
        text-align: center;
    }
	    .headerlogo {
        width: 100%;
        text-align: center;
    }
	    .headerbtnsect {
        width: 100%;
    }
	.pagepadding {
    padding: 4% 6%;
}
	.paratext{
	    font-size: 14px;
    line-height: 25px;	
	}
		.liststyle{
		font-size: 14px;

	}
	.subhead{
	    font-size: 15px;	
	}
	.lgsubhead {
		    font-size: 18px;
	}
	.deallocinfo{
		font-size: 14px;
	}
	span.checkbox.white.paratext {
    width: 88%;
}
	.submit{
		width: 100%;
	}
}

@media only screen and (max-width: 350px) {
    .pageheader {
        font-size: 35px;
        line-height: 35px;
    }
	.whyworkbox i{
	font-size: 18px;
	width: 40px;
    height: 40px;
	margin-right: 8px;
	}
	.blogpagepad {
    padding: 5% 8%;
}
	.hpattachmentbox{
		width: 100%;
	}
}