@charset "utf-8";
/***** 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,s
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;}

html, body {margin: 0;}
n
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

a{text-decoration: none; color: #fff;}

a:link {text-decoration: none; color: inherit;}

a:hover{text-decoration: none;color:#0e01cd;}

a:active {color: #000;}



p {font-family: 'Open Sans', sans-serif, Arial;}

h1 {font-family: 'Open Sans', sans-serif, Arial;weight: bold;}

h2 {font-family: 'Open Sans', sans-serif, Arial;weight: bold;}

/* Hides giant arrows that show up on inventory pages on Chrome */
.container.cf .widgets svg[class*="fa"], .container.cf .widgets-details svg[class*="fa"] {display: none !important;} 

.search-col {width:49%;}

.search-col-1-3 {width:33%;}

.left-side, .right-side {width: 48%; display: inline-block; vertical-align: top; font-size: 15px!important;}

.left-side2, .right-side2 {width: 48%; display: inline-block; vertical-align: top;}

.right-side, .right-side2 {text-align: left; font-family: 'Open Sans', sans-serif, Arial; font-size: 15px; padding-left: 5%; margin-top: 50px;}

.right-side2 ul li {
    list-style-type:circle;
}

.right-side h1 {font-size: 24px; color: #0e01cd; text-transform: uppercase;}

.tankcutout {margin-top: 15px; width: 100%;}

.content-wrap {
    width: 80%;
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
    padding: 25px;
	font-size: 15px;}

.map {margin-top: 50px; margin-bottom: 5px;}

/*=========================
		SLIDESHOW
=========================*/

.cycle-slideshow {
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 1;
	top:0;
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25);
}

.cycle-slideshow img {
	width: 100%;
	height: auto;
	display: block;
}

/*=======================
	SEARCH SECTION
=========================*/
.search {
	width: 100%;
	background-image:url(../siteart/metal-background.jpg);
	background-size: cover;
	box-sizing: border-box;
	padding: 20px;
}

.search h2{
	font-size: 32px;
	text-align: center;
	margin: 10px 0 25px;
}
.search input {
    width: 100%;
    padding: 13px 10px;
	margin-bottom: 20px;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #aaa;
	box-sizing: border-box;
	color: #555;
}
.search select {
    width: 100%;
    padding: 12px 6px;
	margin-bottom: 20px;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #aaa;
	box-sizing: border-box;
	color: #555;
}
.search input[type="submit"]{
	font-family: 'Open Sans';
    font-size: 14px;
	text-transform: uppercase;
	background: #0e01cd;
	color: #fff;
    padding: 12px 14px;
	border: 1px #aaa solid;
    width: 100%;
    outline: none;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
	cursor: pointer;
	position: relative;
}
.search input[type="submit"]:hover {background: #57899f;}
.search input[type="reset"]{
	font-family: 'Open Sans';
    font-size: 14px;
	text-transform: uppercase;
	background: #ccc;
	border: 1px #fff solid;
    padding: 12px 14px;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
	cursor: pointer;
}
.search input[type="reset"]:hover{background: #aaa;}

/*=======================
	 INVENTORY PAGES 
=========================*/

.container.cf {
	background-color: #fff;
}

.container.cf {
	width: 90%;
	margin: 0 auto;
}

.container.cf a {
	color: #000;
}

body .full .inner-wrap {
	text-align:left;
}
/*=======================
     BUTTON SECTION
=========================*/
.button-wrap {
	overflow: hidden;
	text-align: center;
	width: 100%;
	display: inline-block;
	height: 415px;
	vertical-align: top;
}

.button1, .button2, .button3, .button4 {
	display: inline-block;
    width: 23%;
    margin: 1.5% 1% 1.5% .5%;
	height: 360px;
}

.fade {
	-webkit-transition:.4s ease-in;  
	-moz-transition:.2s ease-in;  
	-o-transition:.2s ease-in;  
	transition:.2s ease-in;	
}

.button1 {
	background-image:url(../siteart/inventory2-dark.jpg);
	background-size:cover;
}
.button2 {
	background-image:url(../siteart/rental-dark.jpg);
	background-size:cover;
}
.button3 {
	background-image:url(../siteart/service2dark.jpg);
	background-size:cover;
}

.button4 {
	background-image:url(../siteart/cleaners2-dark.jpg);
	background-size:cover;
}

.button1:hover {
	background-image:url(../siteart/inventory2.jpg);
	background-size:cover;
}
.button2:hover {
	background-image:url(../siteart/rental.jpg);
	background-size:cover;
}
.button3:hover {
	background-image:url(../siteart/service2.jpg);
	background-size:cover;
}
.button4:hover {
	background-image:url(../siteart/cleaners2jpg.jpg);
	background-size:cover;
}

.button-text {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 360px;
    color: #fff;
    width: 100%;
    text-align: center;
    font-weight: 700;
	text-shadow: 2px 2px 8px #000;
}

.service {font-size: 26px;}

.hiddenservice {display: none; font-size: 30px;}

.nowrap {
	white-space: nowrap 
}

.btn a {
	color: #fff!important;
}


/*=======================
	   BRANDS BAR
=========================*/
.brands-bar {
	width: 100%;
	text-align: center;
	background-color: #dadada;
	color: #000;
	font-family: 'Open Sans', sans-serif, Arial;
    font-size: 20px;
    font-weight: bold;
    height: 90px;
	padding: 10px;
	box-sizing: border-box;
}

.brands-bar h1 {
	font-size: 28px;
	color: #0e01cd;
}
/*=======================
 		  PARTS 
=========================*/
.main-wrap {
	width: 100%;
	margin: 0 auto;
	background-image:url(../siteart/metal-background.jpg);
	text-align: center;
	padding-bottom: 50px;
}

.topdiv {
	width: 90%;
	padding: 30px;
	margin: 0 auto;
}

.topdiv h1{
	font-size: 38px;
	color: #0e01cd;
}

iframe-wrap {
    width: 80%;
    height: auto;
    background-color: #1C1A32;
    padding: 60px;
    margin: 0 auto;
    text-align: left;
}

.partspg {
    width: 90%;
    border: none;
    background-color: #fff;
}


.inner-wrap {
	margin-top: 2%;
}
.flex-cont-1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

/*=======================
	 SEARCH FORM
=========================*/
#form{
	box-sizing: border-box;
	padding: 25px;
	background: #fafafa;
	border: 1px #ccc solid;
}
#form input {
	width: 100%;
	padding: 10px;
	border:1px solid #DFDFDF;
	margin: 5px 0 15px;
	box-sizing: border-box;
}
#form textarea {
	width: 100%;
	padding: 10px;
	border:1px solid #DFDFDF;
	margin: 5px 0 15px;
	height: 70px;
	box-sizing: border-box;
}
#form select {
	width: 100%;
	padding: 10px;
	border:1px solid #DFDFDF;
	margin: 5px 0 15px;
	box-sizing: border-box;
}
#form input[type="checkbox"] {
    margin:5px 10px 0 0;
    width:13px;
    height:13px;
    display:inline;
}
#form input[type="radio"] {
    margin:5px 10px 0 0;
    width:15px;
    height:15px;
    display:inline;
}
#form input.button,
#form input.button:focus {
	font-family: 'Open Sans';
    width:200px; 
    background: #0e01cd;
    font-size:14px;
	color: #fff;
	cursor: pointer;
	padding: 10px !important;
}
#form input.button:hover {
	background: #9C1518;
}

/*=======================
		  FOOTER
=========================*/

footer {
	width: 100%;
	background-color: #57899f;
	color: #000;
	position: absolute;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
}

.footer-heading {
	color: #0e01cd;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif, Arial;
	text-transform: uppercase;
	text-align:left;
	padding-bottom: 10px;
}

.middle-footer h1{
	text-align: center;
}

.left-footer, .middle-footer, .right-footer {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	color: #000;
	font-family: 'Open Sans', sans-serif, Arial;
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	padding: 25px;
}

.left-footer{
    text-align:left;
}

.middle-footer {
    text-align:center;
}

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

.colf {
	width: 48%;
	display: inline-block;
	vertical-align: top;
	text-align:left;
}

footer a:hover {
	color: #0e01cd;
}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:'Open Sans', sans-serif, Arial;font-size:13px; color:#fff;}
a.footerlink:hover {text-decoration:none; font-family:'Open Sans', sans-serif, Arial;font-size:13px;}

.footertext{font-family:'Open Sans', sans-serif, Arial;font-size:13px; color:#fff;}

.smallfootertext{font-family:'Open Sans' Arial, Helvetica, sans-serif;font-size:10px; color:#fff;}

.divfooter {width:100%; text-align:center; margin:0 auto;background-color: #0e01cd; padding:5px;box-sizing: border-box;}

.contact-form{
	width:80%;
	text-align: center;
	margin: 0 auto;
	background-color:#9AAC9C; 
	padding: 30px;
	margin-bottom: 50px;
}

/*=======================
		BANNER
=========================*/

.banner{
	max-width: 100%;
	height:auto;
	overflow: hidden;
}

.banner img {width: 100%; height: auto; display:block;}


/*=======================
	  CONTACT PAGE
=========================*/
.contact-form {
	background-color: #57899f;
}
.contact-form p {
	font-family: 'Open Sans', sans-serif;
	font-size: 26px;
	font-weight: 600;
	margin: 20px 0 10px 0;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}

.thanks {
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: 600;
	margin: 20px 0 10px 0;
	font-weight: 700;
	color: #fff;
	text-transform:inherit!important;
}

.contact-form form {
	width:75%;
	margin:0 auto;
	display:block;
}

.contact-form form input {
	width:100%;
	padding:.75%;
	margin:5px 0 5px 0;	
	border-width: 1px;
	font-family: 'Open Sans', sans-serif;
}
.contact-form form select {
	width: 100%;
	padding:.75%;
	margin:1% 0 0 0;	
}
.contact-form form label {
    width: 100%;
    display: block;
    margin: .5% 0 0 0;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
}
.contact-form form textarea {
    width: 100%;
    display: block;
    font-family: 'Open Sans', sans-serif;
    border-width: 1px;
    margin: 0;
}
.contact-form form input.button {
    background: #0e01cd;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    width: 70%;
}
.contact-form form input.button:hover {
	box-shadow:#393939 4px 4px 4px;
	color: #0e01cd;
	background-color: #fff;
}
.thankyou { 
	width: 98%;
	display: inline-block;
	text-align: left;
}

.thankyou p{
	padding: 10px 15px 10px 25px;
}

/*control the Captcha */
.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
font-family: 'Raleway', sans-serif;
}
.CaptchaImagePanel {
margin:0 0 0 0;
padding: 15px 5px 10px 5px!important;
text-align: center;
}
.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:14px;
line-height:14px;
color: #fff;
text-align: center;
}
.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
text-align: center;
}
.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	text-decoration: underline;
		text-align: center;
}
.CaptchaWhatsThisPanel a{
	color: #fff!important;
	text-align: center;
}


/*=======================
	  MEDIA QUERIES 
=========================*/
@media screen and (max-width: 1448px)  {
	.left-side2, .right-side2 {width: 98%;}
}

@media screen and (max-width: 1255px)  {
	.service {font-size: 23px;}
}
@media screen and (max-width: 1115px)  {
	.button1, .button2, .button3, .button4 {width: 47%; margin: 1.5% 1% 0.5% .5%;}
	.button-wrap {height: auto; margin-bottom: 1.5%;}
	.service {font-size: 30px;}
	.left-footer, .middle-footer, .right-footer {width: 33%;}
}
@media screen and (max-width: 800px)  {
	.left-footer, .middle-footer, .right-footer {font-size: 15px; line-height: 25px; padding: 12px; width: 29%}
	.footer-heading {font-size: 18px;}
	.contact-form {width: 90%;}
	.contact-form form {width: 100%;}
	.left-side, .right-side {width: 98%;}
	.right-side { margin-top: 25px;}
	.content-wrap {width: 90%;}
}
@media screen and (max-width: 715px)  {
	.service {display: none;}
	.hiddenservice {display: block;}
	.brands-bar h1 {font-size: 24px;}
	.brands-bar {font-size: 17px; height: 75px;}
	.search-col, .search-col-1-3 {width: 99%;}
	.button1, .button2, .button3, .button4 {height: 250px;}
	.button-text {line-height:250px;}
	.tank {font-size: 18px; line-height: 259px;}
	.contact-form p {font-size: 24px;}
	.topdiv h1 {font-size: 30px;}
	.container.cf {width: 95%;}
	.right-side2 {font-size: 18px; margin-top: 25px;}
	.left-footer, .middle-footer, .right-footer {font-size: 16px; line-height: 22px; padding: 12px; width: 100%; text-align: center; display: inline-block;} 
	.colf {text-align: center; width: 20%;}
	.footer-heading {font-size: 20px; text-align: center;}
}
@media screen and (max-width: 415px)  {
	.footer-heading {font-size: 17px;}
	.colf {width: 49%;}
	.button1, .button2, .button3, .button4 {height: 175px;}
	.button-text {line-height:175px;}
	.tank {font-size: 18px; line-height: 182px;}
	.contact-form {width: 95%;}
	.contact-form p {font-size: 20px;}
	.main-wrap {padding-bottom: 15px;}
	.content-wrap {padding: 15px;}
	.right-side {font-size: 17px;}
	.brands-bar h1 {font-size: 20px;}
	.brands-bar {font-size: 14px; height: 75px;}
	.right-side2 {font-size: 17px;}
	
}
@media screen and (max-width: 375px)  {
	.colf {width: 49%;}
	.mylogo {width: 225px!important;}
	.brands-bar {font-size: 13px;}
}