/********************************************** START 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;	
}
*{box-sizing:border-box}
a, img {border:none;outline:none}
ol, ul {list-style: none;}

.clear {clear:both;}
/********************************************** END RESET */

/********************************************** START WEBFONTS */
@font-face {
    font-family: 'bebas_neue_regularregular';
    src: url('/webfonts/bebasneue_regular-webfont.eot');
    src: url('/webfonts/bebasneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/bebasneue_regular-webfont.woff2') format('woff2'),
         url('/webfonts/bebasneue_regular-webfont.woff') format('woff'),
         url('/webfonts/bebasneue_regular-webfont.ttf') format('truetype'),
         url('/webfonts/bebasneue_regular-webfont.svg#bebas_neue_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('/webfonts/lato-regular-webfont.eot');
    src: url('/webfonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/lato-regular-webfont.woff2') format('woff2'),
         url('/webfonts/lato-regular-webfont.woff') format('woff'),
         url('/webfonts/lato-regular-webfont.ttf') format('truetype'),
         url('/webfonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/********************************************** END WEBFONTS */

/********************************************** START GLOBAL */
.site-width {
	width:87%;
	max-width:1200px;
	margin:0 auto;
}
body {
	font-family: 'latoregular';
	background:#7a7a7a url(../siteart/concrete-texture.jpg) repeat;
	color:#262626;
}
.blue-button {
	font-family: 'bebas_neue_regularregular';
	color:#fff;
	font-size:26px;
	letter-spacing:1px;
	padding: 8px;
	border:2px solid #253b57;
	background: rgb(37,59,87);
	background: -moz-linear-gradient(top,  rgba(37,59,87,1) 0%, rgba(42,89,146,1) 50%, rgba(37,59,87,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(37,59,87,1) 0%,rgba(42,89,146,1) 50%,rgba(37,59,87,1) 100%);
	background: linear-gradient(to bottom,  rgba(37,59,87,1) 0%,rgba(42,89,146,1) 50%,rgba(37,59,87,1) 100%);
}
.blue-button:hover {
	border:2px solid #661919;
	background: rgb(133,33,33);
	background: -moz-linear-gradient(top,  rgba(133,33,33,1) 0%, rgba(164,46,46,1) 50%, rgba(133,33,33,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(133,33,33,1) 0%,rgba(164,46,46,1) 50%,rgba(133,33,33,1) 100%);
	background: linear-gradient(to bottom,  rgba(133,33,33,1) 0%,rgba(164,46,46,1) 50%,rgba(133,33,33,1) 100%);
}
.menu-icon-toggle {
	display:none;
}
.toggle-desktop {
	display:block;
}
/********************************************** END GLOBAL */

/********************************************** START HEADER */
header {
	font-family: 'bebas_neue_regularregular';
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#253b57+0,2a5992+50,253b57+100 */
	background: rgb(37,59,87); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(37,59,87,1) 0%, rgba(42,89,146,1) 50%, rgba(37,59,87,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(37,59,87,1) 0%,rgba(42,89,146,1) 50%,rgba(37,59,87,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(37,59,87,1) 0%,rgba(42,89,146,1) 50%,rgba(37,59,87,1) 100%);
}
.logo {
	width:28%;
	padding:10px 0;
	float: left;
}
.logo a {
	display:block;
}
.logo img {
	width:100%;
}
/********************************************** END HEADER */

/********************************************** START NAV */
/********************************************** END NAV */

/********************************************** START EQ CATEGORIES */
.eq-categories-container {
	background:url(../siteart/stripes-texture.jpg) repeat;
	padding:5px 0 25px 0;
	border-top:3px solid #253b57;
	border-bottom:3px solid #253b57;
}
.eq-categories-container h2 {
	font-family: 'bebas_neue_regularregular';
	font-size:36px;
	letter-spacing:1px;
	color:#253b57;
	text-align:center;
	padding:23px 0 15px 0;
}
.category-box {
	font-family: 'bebas_neue_regularregular';
	color:#fff;
	font-weight:100;
	width:18%;
	float:left;
	margin:10px;
	border:2px solid #253b57;
	background: rgb(37,59,87);
	background: -moz-linear-gradient(top,  rgba(37,59,87,1) 0%, rgba(42,89,146,1) 50%, rgba(37,59,87,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(37,59,87,1) 0%,rgba(42,89,146,1) 50%,rgba(37,59,87,1) 100%);
	background: linear-gradient(to bottom,  rgba(37,59,87,1) 0%,rgba(42,89,146,1) 50%,rgba(37,59,87,1) 100%);
}
.category-box h2 {
	font-size:22px;
	letter-spacing:1px;
	text-align:center;
	padding:5px 0;
	color: white;
}
.category-box a {
	color:#fff;
}
.category-box img {
	width:100%;
	padding:15px;
}
.category-box:hover {
	border:2px solid #661919;
	background: rgb(133,33,33);
	background: -moz-linear-gradient(top,  rgba(133,33,33,1) 0%, rgba(164,46,46,1) 50%, rgba(133,33,33,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(133,33,33,1) 0%,rgba(164,46,46,1) 50%,rgba(133,33,33,1) 100%);
	background: linear-gradient(to bottom,  rgba(133,33,33,1) 0%,rgba(164,46,46,1) 50%,rgba(133,33,33,1) 100%);
}
/********************************************** END EQ CATEGORIES */

/********************************************** START CONTENT */
.page-content {
	padding:15px 0;
	background:#7a7a7a url(../siteart/concrete-texture.jpg) repeat;
}
.page-textbox {
	width: 34%;
	float:left;
	font-size:20px;
	line-height:36px;
	padding:0 15px 0 0;
}
.page-textbox h1,
.contact-box h1 {
	font-size:30px;
	font-style:italic;
	font-weight:600;
}
.page-textbox h2,
.contact-box h2 {
	font-size:30px;
	font-style:italic;
	font-weight:600;
}
.page-image-right {
	width:64%;
	float:right;
}
.page-image-right img {
	width:100%;
}
.box-third {
	width: 32%;
	float:left;
	background:#fff;
	margin:10px 1%;
	text-align:center;
}
.box-third img {
	width:100%;
	position: relative;
	z-index: 1;
}
.box-first {
	margin:10px 1% 10px 0!important;
}
.box-last {
	margin:10px 0 10px 1%!important;
}
.box-title {
	cursor:pointer;
	position: relative;
	display:block;
	padding:10px 0;
	margin: -7px 0 0 0;
	color:#fff;
	font-size:24px;
	z-index: 5;
	border:2px solid #253b57;
	background: rgb(37,59,87);
	background: -moz-linear-gradient(top,  rgba(37,59,87,1) 0%, rgba(42,89,146,1) 50%, rgba(37,59,87,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(37,59,87,1) 0%,rgba(42,89,146,1) 50%,rgba(37,59,87,1) 100%);
	background: linear-gradient(to bottom,  rgba(37,59,87,1) 0%,rgba(42,89,146,1) 50%,rgba(37,59,87,1) 100%);
}
.box-title:hover {
	border:2px solid #661919;
	background: rgb(133,33,33);
	background: -moz-linear-gradient(top,  rgba(133,33,33,1) 0%, rgba(164,46,46,1) 50%, rgba(133,33,33,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(133,33,33,1) 0%,rgba(164,46,46,1) 50%,rgba(133,33,33,1) 100%);
	background: linear-gradient(to bottom,  rgba(133,33,33,1) 0%,rgba(164,46,46,1) 50%,rgba(133,33,33,1) 100%);
}
.contact-box {
	padding: 1.5% 0;
}
.home-contact-info {
	font-size: 20px;
	line-height: 30px;
	padding: 0% 0 7% 0;
}
/*********** Start Inventory ***********/
.inventory-list-container {
	padding:15px 0;
}
.inventory-list {
	width:14%;
	margin:10px;
	list-style:disc;
	list-style-position:inside;
	float:left;
}
.inventory-list a {
	color:#262626;;
}
.inventory-list a:hover, .inventory-list a:active, .inventory-list a:visited {
	color:#ea3c3c;
}

body .full .inner-wrap {background:#fff !important; margin-top: 20px !important;}

/*********** End Inventory ***********/
.auction-time-container {
	padding:20px 0;
}
/********************************************** END CONTENT */

/********************************************** START CONTACT FORM */
.contact-page-info {
	float:right;
	width:49%;
	font-size:24px;
	text-align:center;
	padding:0 15px;
}
.contact-page-info h1 {
	font-size:32px;
}
.contact-form {
	float:left;
	width:50%;
}
.contact-form label {
	font-size:18px;
}
.required {color:#c11616;}
.text-field {
	font-size:16px;
	width:100%;
	height:32px;
	padding:7px;
	margin:10px 0;
	border:1px solid #2E2C2C;
}
.contact-form textarea {
	font-size:16px;
	width:100%;
	height:130px;
	padding:7px;
	margin:10px 0;
	border:1px solid #2E2C2C;
}
.checkbox {
	margin:10px;
}
.contact-button {
	display: block;
	font-family: 'bebas_neue_regularregular';
	color:#fff;
	font-size:26px;
	letter-spacing:1px;
	padding:10px 30px;
	margin: 10px auto;
	border:2px solid #253b57;
	background: rgb(37,59,87);
	background: -moz-linear-gradient(top,  rgba(37,59,87,1) 0%, rgba(42,89,146,1) 50%, rgba(37,59,87,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(37,59,87,1) 0%,rgba(42,89,146,1) 50%,rgba(37,59,87,1) 100%);
	background: linear-gradient(to bottom,  rgba(37,59,87,1) 0%,rgba(42,89,146,1) 50%,rgba(37,59,87,1) 100%);
}
.contact-button:hover {
	border:2px solid #661919;
	background: rgb(133,33,33);
	background: -moz-linear-gradient(top,  rgba(133,33,33,1) 0%, rgba(164,46,46,1) 50%, rgba(133,33,33,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(133,33,33,1) 0%,rgba(164,46,46,1) 50%,rgba(133,33,33,1) 100%);
	background: linear-gradient(to bottom,  rgba(133,33,33,1) 0%,rgba(164,46,46,1) 50%,rgba(133,33,33,1) 100%);
}
.CaptchaWhatsThisPanel a {color: #370000;text-decoration:none;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;color:#FF0000;} 
/********************************************** END CONTACT FORM */

/********************************************** START FOOTER */
footer {
	background:#253b57;
	border-top:5px solid #3165a5;
	padding:40px 0;
	margin:40px 0 0 0;
	color:#fff;
	text-align:center;
}
footer a {
	color:#fff;
}
footer a:hover {
	color:#ea3c3c;
}
/********************************************** END FOOTER */

/********************************************** START RESPONSIVE */
@media screen and (max-width:1200px) {
	.category-box h2 {
		font-size:18px;
	}
	.category-box {
		width:16%;
		margin:0 2%;
	}
}
@media screen and (max-width:1166px) {
	.home-contact-info {
		line-height: 26px;
	}
}
@media screen and (max-width:1034px) {
	.contact-box {
		padding:1.5% 0;
	}
	.home-contact-info {
		font-size:18px;
		line-height: 23px;
		padding: 1% 0 6% 0;
	}
	.contact-box .blue-button {
		font-size:16px;
		padding:5px;
		margin:0;
	}
}
@media screen and (max-width:950px) {
	.inventory-list {
		width:30%;
		margin:0 10px;
	}
}
@media screen and (max-width:877px) {
	.page-textbox {
		width: 100%;
		padding:15px 0;
	}
	.page-image-right {
		width:100%;
	}
	.home-contact-info {
		font-size: 16px;
		line-height: 23px;
	}
}
@media screen and (max-width:790px) {
	.toggle-desktop {
		display:none;
	}
	.menu-icon-toggle {
		display:block;
	}
	.logo {
		width:28%;
		min-width:200px;
		padding:10px 0;
		margin:0 auto;
		float: none;
	}
}
@media screen and (max-width:740px) {
	.category-box {
		width:30%;
		margin:1%;
	}
}
@media screen and (max-width:706px) {
	.inventory-list {
		width:40%;
		margin:0 10px;
	}
}
@media screen and (max-width:673px) {
	.box-third {
		width: 100%;
		margin:10px 0;
	}
	.contact-box {
		padding:10px 0 10% 0;
	}
}
@media screen and (max-width:607px) {
	.contact-page-info {
		float:right;
		width:100%;
		margin:0;
	}
	.contact-form {
		float:left;
		width:100%;
		margin:0;
	}
	.category-box h2 {
		font-size:15px
	}
}
@media screen and (max-width:480px) {
	.category-box {
		width:48%;
	}
	.category-box h2 {
		font-size:17px
	}
}
@media screen and (max-width:370px) {
	.category-box {
		width:100%;
	}
	.category-box h2 {
		font-size:24px
	}	
}
/********************************************** END RESPONSIVE */
