@charset "utf-8";
/* CSS Document */

/***** 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;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	overflow-x: hidden;
}

body {
	overflow: hidden;
	font-family: 'Montserrat', sans-serif;
	background: url('/siteart/about-bg.png') repeat!important;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

a {
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all.3s ease-in-out;
}

.width {width: 1300px; margin: 0 auto; max-width: 95%;}
.wrapper-width {width: 95%; margin: 0 auto; max-width: 1100px; }
.inventory-width {width: 90%;  max-width: 1300px; margin: 0 auto; background: rgba(255,255,255,.75);}

/***************************  HEADER STYLES  *************************************/
header {
	width: 100%;
	display: inline-block!important;
	height: auto;
	margin: 0 auto;
	position: absolute;
	box-shadow: 0px 2px 8px rgba(0,0,0,0.1);
}

a#logo {
	float: left;
	padding: 10px 0;
	position: absolute;
	z-index: 9991;
}

a#logo img {
	width: 100%;
	display: block;
	max-width: 280px;
	height: auto;
}


/*********************  HOMEPAGE STYLES **************************************/
.homepage-wrapper {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
}

img#main-hero {
	width: 100%;
	height: auto;
}

/* about section */
.about-wrapper {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	padding: 120px 10px;
	text-align: center;
	background: url('/siteart/about-bg.png') repeat;
	background-attachment: fixed;
}

.about-wrapper img#logo {
	width: 100%;
	height: auto;
	max-width: 420px;
	margin: 0 auto;
	display: block;
	margin-bottom: 20px;
}

.about-wrapper h2 {
	color: #f16000;
	display: inline-block;
	margin-bottom: 30px;
}

.about-wrapper p {
	color: #f16000;
	line-height: 24px;
	font-weight: 500;
	font-size: 14px;
}

/* crushed concrete section */
.crushed-concrete-wrapper {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	padding: 100px 10px;
	text-align: center;
	background: url('/siteart/crushed-concrete-hero.jpg') no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

.crushed-concrete-wrapper h2 {
	color: #fff;
	font-weight: 900;
	display: inline-block;
	margin-bottom: 30px;
}

.crushed-concrete-wrapper p {
	color: #fff;
	line-height: 24px;
	font-weight: 500;
	font-size: 14px;
}

/*********************  CONTACT STYLES **************************************/
/** page wrapper **/
.page-wrapper {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.page-wrapper .title {
	width: 100%;
    padding: 5em 1em;
    text-align: center;
    background: url("/siteart/crushed-concrete-hero.jpg") no-repeat center;
	background-size: cover;
}

.page-wrapper .title h1 {
	text-transform: capitalize;
	color: #fff;
	font-weight: 900;
	letter-spacing: 1px;
	display: block;
	font-size: 36px;
	text-shadow: 5px 5px 18px #222222;
    -webkit-text-shadow: 5px 5px 18px #222222;
    -moz-text-shadow: 5px 5px 18px #222222;
    -ms-text-shadow: 5px 5px 18px #222222;
}

.page-wrapper h2 .fas {
	padding: 5px;
	font-size: 20px;
}

.page-wrapper p {
	width: 100%;
	padding: 2.5em;
	display: inline-block;
	text-align: center;
	font-weight: 500;
}


/* thank you page styles */
p#thankyou {
	width: 100%;
	background: rgba(255,255,255,.85);
	display: inline-block;
	font-size: 18px;
	margin: 0 auto;
	line-height: 26px;
	padding: 3rem;
	/*box-shadow: 0px 3px 15px rgba(0,0,0,0.1)!important;*/
	border: 2px solid #eeeeee;
	font-weight: 500;
	color: #000;
}

p#thankyou a {
	text-decoration: none;
	color: #00337e;
}

p#thankyou a:hover {
	color: #000;
	text-decoration: underline;
}

p#thankyou .fas {margin-right: 10px;}


/*********************  FOOTER STYLES **************************************/
footer {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	box-sizing: border-box;
	background: #0648a8;
	text-align: center;
	color: #fff;
}

footer .left {
	float: left;
	width: 48%;
	padding: 1.5em;
	margin: 1%;
	line-height: 26px;
}

footer .left h2 {
	display: inline-block;
	margin-bottom: 20px;
	width: 100%;
}

footer .left a {
	color: #ddd;
	text-decoration: underline;
}

footer .left a:hover {
	text-decoration: none;
}

footer .right {
	float: right;
	width: 48%;
	padding: 1.5em;
	margin: 1%;
}

.site-host {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	background: #00337e;
	padding: 20px 0;
	color: #fff;
	letter-spacing: .75px;
	font-size: 10px;
	line-height: 16px;
}

.site-host a {
	color: #fff;
	font-size: 10.5px;
	text-decoration: underline;
}

.site-host a:hover {
	text-decoration: none;
}

.site-host p {
	text-transform: uppercase;
	color: #fff;
	letter-spacing: .75px;
	font-size: 9.5px; 
	line-height: 22px;
	padding: 0 10px;
	font-weight: 500;
	text-align: center;
	display: inline-block;
	width: 100%;
	font-family: 'Montserrat', sans-serif;
}


/***************************  INVENTORY  ***************************************/
/* inventory listing styles */
.hosted-content .fluid {margin: 15px 0!important;}

body .full .inner-wrap {padding: 30px 10px!important;}

.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button {background: #00337e!important; text-transform: uppercase!important; letter-spacing: 1px!important; font-size: 11px!important; font-weight: 600!important;}

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

.cf .listings-wrapper .hosted-theme .btn:hover {color: #fff!important;}

.listings-wrapper .listing-largecard, .listings-wrapper .listing-thumb, .listings-wrapper .listing-smallcard {border: 1px solid rgba(23, 61, 105, .5)!important;}

.hosted-content #listings-title {font-family: 'Montserrat', sans-serif!important; font-weight: 700!important; font-size: 24px!important; text-transform: uppercase!important; line-height: 26px!important;}

.hosted-content .listings-wrapper .listings-list .listing-banner h2 {font-family: 'Montserrat', sans-serif!important; letter-spacing: 1px!important; text-transform: uppercase!important;}

.hosted-content .listings-wrapper .listings-list .category-banner h3 {font-family: 'Montserrat', sans-serif!important; font-size: 16px!important; text-transform: uppercase!important; margin: 20px 0!important; font-weight: 800!important;}

.hosted-content .listings-wrapper .listings-list .listing-banner {box-shadow: 0px 3px 6px rgba(0,0,0,.1)!important;}

/* attachment info boxes style */
.hosted-content .attachment-search {margin-top: 30px!important; margin-bottom: 30px!important;}

.hosted-content .attachment-search .search-header {font-family: 'Montserrat', sans-serif!important; letter-spacing: 1px!important; text-transform: uppercase!important; padding: 6px!important; font-size: 12px!important; color: #fff!important; background: #000!important;}

.hosted-content .pagination .next, .hosted-content .pagination-blog .next, .hosted-content .pagination .prev, .hosted-content .pagination-blog .prev {font-size: 9px!important;}

.mc-thumb-strip .mc-btn.mc-btn-next, .mc-thumb-strip .mc-btn.mc-btn-prev {color: #000!important;}

div.currency-box.inline-block .bold {margin-right: 10px!important;}

.fluid.border.has-quote-forms h1 {font-size: 22px!important;}

div#listing-bottom-information h4 {margin-bottom: 10px!important; margin-top: 5px!important;}

div#listing-bottom-information h4, .hosted-content .listings-detail-wrapper .spec-group {text-transform: uppercase!important; font-size: 15px!important; color: #00337e!important;}

.hosted-content .widget-details.listings-button.widget-email {font-size: 10px!important; text-transform: uppercase!important; background:#2f2f2f!important;}

.hosted-content .widget-details.listings-button.widget-email:hover {background: #000!important; color: #fff!important;}

/* Credit Disclaimer for individual listings */
.listings-detail-wrapper #listing-bottom-information div.information-box:last-of-type {padding: 30px 40px!important; line-height: 24px!important; font-size: 14px!important; margin-top: 50px!important; /*box-shadow: 0px 3px 15px rgba(0,0,0,0.1)!important;*/ font-family: 'Montserrat', sans-serif!important; background: none!important;}

.hosted-content #main-search p {text-transform: uppercase!important; margin: 40px 0!important; font-size: 16px; text-align: center; line-height: 24px;}

.mc-thumb-toggles .mc-btn {background: #00337e!important; height: 25px!important; font-size: 10px!important; text-transform: uppercase!important; color: #fff!important; letter-spacing: 1px!important;}

.mc-nav-controls .mc-icon-navarrow span {background: #000!important;}

.hosted-content .listings-wrapper .sort-box select {font-size: 12px!important;}

.hosted-content .listings-detail-wrapper .information-box {line-height: 26px!important; border: 1px solid #ddd!important;}

.hosted-content .listings-detail-wrapper .information-box h3 {text-transform: uppercase!important; margin: 20px 0!important; letter-spacing: 1px!important; color: #000!important; font-size: 20px!important; line-height: 26px!important; text-decoration: underline!important;}

.hosted-content .listings-detail-wrapper .information-box .row:nth-child(even) {background: #f2f2f2!important;}

.listings-wrapper .listing-largecard.column3, .listings-wrapper .listing-thumb.column3, .listings-wrapper .listing-smallcard.column3 {background: #f2f2f2!important;}

.hosted-content .listings-detail-wrapper .listing-details {line-height: 1.7!important;}

.hosted-content #main-search input[type='submit'] {font-family: 'Montserrat', sans-serif!important;}

.hosted-content #main-search input#btnCancel {border-radius: 13px!important;}

.hosted-content .red, .hosted-content .redtext, .hosted-content .field-validation-error {font-size: 16px!important; font-family: 'Montserrat', sans-serif!important; letter-spacing: .5px!important;}

.listings-wrapper .listing-largecard .listing-largecard-pricing .listing-prices .listing-price-label {font-size: 12px!important;}

.listings-wrapper .listing-largecard, .listings-wrapper .listing-thumb, .listings-wrapper .listing-smallcard {border-radius: 2px!important; border: 1px solid #c0c0c0!important; background: #eeeeee!important;}

.hosted-content .m-top-8 p.no-margin {border: 1px solid #ebebeb!important;}

.hosted-content p.no-margin {padding: 30px 40px!important; font-family: 'Montserrat', sans-serif!important; line-height: 22px!important; font-size: 15px!important;}

.listings-wrapper .hosted-theme .btn {font-size: 9px!important;}

.hosted-content .listings-drilldown-wrapper .listings-drilldown a {line-height: 26px!important;} 

.hosted-content .listings-drilldown-wrapper .listings-drilldown-detailedsearch a {color:#f16000!important;}

/* JUST FONT STYLE */
.listings-wrapper .listing-largecard .listing-largecard-title a, .listings-wrapper .hosted-theme .btn, .listings-wrapper .listing-largecard .listing-largecard-pricing .listing-prices:first-child .listing-price-label, .hosted-content .nobr, .listings-wrapper .listing-largecard .listing-largecard-detail, .hosted-content #main-search, .hosted-content #main-search label, .hosted-content #main-search option, .listings-wrapper .listing-largecard .listing-largecard-detail span.bold, .hosted-content .cf .border-bottom span.bold, .hosted-content .options li a, body .full .has-quote-forms #listing-top-information, body .full .has-quote-forms #listing-bottom-information, .hosted-content .listings-wrapper .sort-box select, .hosted-content .dealers-list-wrapper .control-box select, .hosted-content .listings-wrapper .control-box select, .hosted-content .listings-wrapper .radio-icon label[for], .hosted-content .listings-detail-wrapper .radio-icon label[for], .hosted-content .listings-drilldown-wrapper .radio-icon label[for], .hosted-content .listings-wrapper .currency-box, .hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2, .fluid.border.has-quote-forms h1, .hosted-content .listings-detail-wrapper .listing-details .make-an-offer a, .hosted-content .listings-detail-wrapper .information-box .row .spec-name, .mc-thumb-toggles .mc-btn, .hosted-content .pagination .next, .hosted-content .pagination-blog .next, .hosted-content .pagination .prev, .hosted-content .pagination-blog .prev, .hosted-content .pagination, .hosted-content .pagination-blog, .hosted-content #main-search input#btnCancel, .hosted-content .pagination>.drop-down-form select, .hosted-content .pagination-blog>select, div.currency-box.inline-block .bold, .listings-wrapper .listing-boxed .listing-boxed-details h2 a, .hosted-content .listings-wrapper .sort-box select, .hosted-content .listings-wrapper .sort-box label, .hosted-content .listings-detail-wrapper .social-buttons, .hosted-content label, .hosted-content .red, .hosted-content .redtext, .hosted-content .field-validation-error, .hosted-content .attachment-search, .hosted-content .listings-wrapper, .hosted-content .listings-detail-wrapper, .hosted-content .listings-drilldown-wrapper, .hosted-content .listings-detail-wrapper .information-box .row .spec-value, .hosted-content #listing-bottom-information, .hosted-content .left,  .hosted-content .listings-detail-wrapper .listing-details ._DetailListingPrice, .hosted-content .listings-detail-wrapper .listing-details span.hide-785, .hosted-content .listings-detail-wrapper .listing-details span.bold, .hosted-content h3.m-bottom-10, .hosted-content .listings-wrapper .border-bottom, .hosted-content .listings-detail-wrapper .border-bottom, .hosted-content .listings-drilldown-wrapper .border-bottom h1, .hosted-content .widgets-details {font-family: 'Montserrat', sans-serif!important;}


/**********************  MEDIA QUERIES (RWD) ***************************************/
@media screen and (max-width: 1160px) {
/* HEADER */
	a#logo {margin-left: 30px;}
	
/* HOMEPAGE */
	.about-wrapper {padding: 95px 10px; background-attachment: inherit;}
	.crushed-concrete-wrapper {background-attachment: inherit;}
	
/* FOOTER */
	footer .left, footer .right {float: none; width: 100%; margin: 0 auto;}
}

@media screen and (max-width: 700px) {
/* HEADER */
	a#logo {margin-left: 40px; padding: 10px;}
}