@charset "utf-8";
/***** BEGIN RESET *****/

* {

    border:0;
    margin:0;
    padding:0;
}

body {
	-webkit-text-size-adjust: none;
	background:#fff;
	overflow-x:hidden;
	color:#000;
	line-height:1!important;
	font-family: 'Montserrat', sans-serif;
}

/*============================
ALL PAGES
============================*/
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

.wrap {width:95%;margin:0 auto;max-width:1300px;}

.smwrap {width:95%;margin:0 auto;max-width:800px;}

a {text-decoration:none;}

h1, h2, h3, h4, h5 {font-family: 'Montserrat', sans-serif;text-transform:uppercase}

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

/*====================hover easing style

-webkit-transition: all .5s ease; 
-moz-transition: all .5s ease; 
-ms-transition: all .5s ease; 
-o-transition: all .5s ease; 
transition: all .5s ease;

======================================*/

/*============================
HEADER
============================*/
.resp-col-sm {width:20%; float:left; text-align:center;}
.resp-col-sm-2 {width:50%; float:left; text-align:center; display:none;}
.resp-col-sm img {margin:0 auto; max-width:100%;}
.resp-col {width:60%; float:left;}
.wrap-new {width:90%; margin-left:5%;}

.fw {width:100%; display: flex;}
.col-3 {width:25%; float: left; text-align: center; padding:12.5px;}
.col-3 > .img-fluid {max-width:50%; text-align: center; margin:0 auto;}

header {width:100%;float:left;background:url("../siteart/bg-pattern.jpg") repeat; }

.tophead {width:100%;float:left;background:#202020;}
.tophead h3 {width:100%;float:left;text-align:center;color:#fff;font-size:18px;padding:15px 0;letter-spacing:1px;}
.tophead h3 a {color:#fff;}
.tophead h3 a:hover {color:#ffde00;}

.mainlogo {width:50%;float:left;padding:15px 0;}
.mainlogo img {width:100%;max-width:700px;margin:0 auto;display:block;}


/*============================
EQUIPMENT SECTION
============================*/
.equipselection {width:100%;float:left;background:url("../siteart/equip-bg.jpg");background-size:cover;padding:50px 0;border-bottom:5px solid #000;background-attachment:fixed;background-position:center center;}

.equipselection h2 {width:100%;float:left;color:#000;font-size:30px;text-align:center;margin-bottom:10px;}

.equipselection p {width:100%;float:left;text-align:center;color:#000;font-size:18px;margin-bottom:30px;}

.fullbtn {width:100%;float:left;padding:0 10px;box-sizing:border-box;}
.fullbtn a {color:#000;text-align:center;width:100%;float:left;background:#ffde00;font-weight:bold;text-transform:uppercase;font-size:16px;padding:20px 10px;margin-bottom:10px;box-sizing:border-box;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
-ms-transition: all .3s ease; 
-o-transition: all .3s ease; 
transition: all .3s ease;}

.columnone {width:33.33%;float:left;padding:0px 10px;box-sizing:border-box;}

.catbtn {width:100%;float:left;}
.catbtn a {width:100%;float:left;text-align:center;font-size:16px;text-transform:uppercase;font-weight:400px;letter-spacing:2px;margin-bottom:10px;padding:15px 10px;box-sizing:border-box;line-height:20px;
-webkit-transition: all .3s ease; 
-moz-transition: all .3s ease; 
-ms-transition: all .3s ease; 
-o-transition: all .3s ease; 
transition: all .3s ease;}
#red a {color:#fff;background:#ab0000;}

#blue a {color:#fff;background:#4a6173;}
#green a {color:#fff;background:#076300;}
#yellow a {color:#000;background:#ffde00;}
#orange a {color:#000;background:#ff9600;}

.catbtn a:hover {transform:scale(1.05);box-shadow:1px 1px 4px #000;}
.fullbtn a:hover {transform:scale(1.05);box-shadow:1px 1px 4px #000;}



.usedparts {width:100%;float:left;background:#ececec;padding:20px 0;}
.partleft {width:calc(100% - 200px);float:left;}
.partleft h2 {width:100%;float:left;color:#ab0000;letter-spacing:3px;font-style:italic;font-size:30px;margin-bottom:7px;margin-top:10px;}
.partleft p {color:#000;text-transform:uppercase;font-size:18px;letter-spacing:2px;}
.usedparts img {width:200px;float:left;}


/*============================
WELCOME
============================*/

.welcome {width:100%;float:left;background:#fff;padding:50px 0;}

.welcome h3 {width:100%;float:left;text-align:center;font-size:18px;font-weight:400;letter-spacing:5px;}

.welcome h1 {width:100%;float:left;text-align:center;color:#ab0000;font-style:italic;font-weight:900;font-size:55px;margin-bottom:5px;}
.welcome h2 {width:100%;float:left;text-align:center;color:#000;font-size:25px;letter-spacing:10px;font-weight:800;margin-bottom:20px;}

.welcome p {width:100%;text-align:center;color:#000;font-size:16px;line-height:25px;margin-bottom:20px;}

.imghalf {width:50%;float:left;padding:20px;box-sizing:border-box;}
.imghalf img {width:100%;float:left;}

/*============================
HOME MAP
============================*/
.topmap {width:100%;float:left;background:#ab0000;padding:10px 0;}
.topmap h2 {width:calc(100% - 250px);float:left;padding-left:20px;box-sizing:border-box;font-size:23px;color:#fff;font-weight:700;letter-spacing:3px;margin-top:8px;}

.topmap a {color:#fff;font-size:14px;letter-spacing:3px;padding:13px 10px;box-sizing:border-box;border:1px solid #fff;width:250px;float:right;text-align:center;text-transform:uppercase;font-weight:500;}
.topmap a:hover {color:#ab0000;background:#fff;}

/*============================
FOOTER
============================*/
footer {width:100%;float:left;background:#141414;border-top:5px solid #ab0000;padding:60px 0;}

.footlogo {width:100%;float:left;}
.footlogo img {width:100%;margin:0 auto;display:block;max-width:700px;margin-bottom:10px;}
.footlogo p {text-align:center;width:100%;font-size:14px;font-weight:600;letter-spacing:3px;color:#fff;text-transform:uppercase;}
.footlogo p a {color:#FFFFFF}

.footlogo p a:hover {color:#ab0000}

.bottomfoot {width:100%;float:left;background:#030303;border-top:1px solid #aaa;padding:10px 2.5%;box-sizing:border-box;}
.bottomfoot p {width:50%;float:left;color:#fff;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:3px;padding:3px 0;}




/*============================
SUB PAGES
============================*/

.maintitle {width:100%;float:left;background:url("../siteart/equip-bg.jpg");background-size:cover;padding:50px 0;border-bottom:5px solid #000;background-attachment:fixed;background-position:center center;}
.maintitle h1 {width:100%;float:left;text-align:center;color:#ab0000;font-style:italic;font-weight:900;font-size:55px;}

.submain {width:100%;float:left;background:#fff;padding:50px 0;}

.submain p {font-size:18px;line-height:28px;}
.submain a {color:#ab0000}
.submain a:hover {text-decoration:underline;}
.infoleft {width:350px;float:left;}
.infoleft p {margin-top:10px;}

.mapright {width:calc(100% - 350px);float:left;box-sizing:border-box;}

.breaker {width:100%;float:left;border-top:1px solid #aaa;margin:40px 0;}

.halfbutton {width:50%;float:left;padding:15px;box-sizing:border-box;}
.halfbutton a {width:100%;float:left;text-align:center;color:#fff;font-size:18px;text-transform:uppercase;background:#ab0000;padding:15px 10px;box-sizing:border-box;}

.halfbutton a:hover {background:#000;text-decoration:none;}

.halfbutton-2 {box-sizing:border-box;}
.halfbutton-2 a {width:100%;float:left;text-align:center;color:#fff;font-size:18px;text-transform:uppercase;background:#ab0000;padding:15px 10px;box-sizing:border-box;}

.halfbutton-2 a:hover {background:#000;text-decoration:none;}

.halfbutton p {width:100%;float:left;text-align:center;color:#000;font-size:12px;}

.halves {width:50%;float:left;padding:10px;box-sizing:border-box;}

/*==================================
FORMS
==================================*/

#quotes {
width:100%;
display:block;
margin:20px auto;
font-family: 'Open Sans Condensed', sans-serif;
	 font-weight:300;
	 font-size:16px;
	 color:#000;

}

#quotes tbody {width:100%;float:left;}

#quotes tr {
width:50%;
float:left;
	padding:7px;
	box-sizing:border-box;
}


#quotes td {
width:100%;
float:left;
	font-size:14px;
}

#quotes td p {
font-size:14px;	
}

.fulltd h2 {
color:#000;	
font-family: 'Open Sans Condensed', sans-serif;
	font-stretch:condensed;
margin-bottom:5px;
margin-top:25px;
font-weight:700;
	text-transform:uppercase;
}

.fulltd2 {
width:100%!important;
float:none!important;
max-width:500px!important;
display:block!important;
margin:0 auto!important;	
}



#quotes input {
	padding:12px 10px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #B4B4B4;
font-family: 'Open Sans', sans-serif;
font-weight:300;
	color:#000;
	font-size:12px;
}

#quotes textarea {
	padding:12px 10px;
	border:1px solid #b4b4b4;
font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#000;
	font-size:12px;
	background:#fff;
	box-sizing:border-box;
}

#quotes .CaptchaMessagePanel {
color:#000;
}

#quotes .CaptchaWhatsThisPanel a {
color:#000;	
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#quotes select {
	padding:12px 10px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #B4B4B4;
font-family: 'Open Sans', sans-serif;
font-weight:300;
	color:#000;
	font-size:12px;
	width:100%;
}
   
#quotes input  {
    width:100%;
}
 
#quotes input.larger  {
    width:100%;
}

#quotes textarea {
    width:100%;
    height:85px;
}


#quotes input.checkbox {
    padding:0; 
    border:0;
    margin:5px 10px 5px 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
 }

#quotes p {
	text-align:left;
	
	width:auto;
}

#quotes input.radio {
    padding:0; 
    border:0;
    margin:0 3px 0 15px;
    width:15px;
    height:15px;
    display:inline;
 }

#quotes h4 {
	font-size:18px;
	width:100%;
	float:left;
	margin-bottom:10px;
	margin-top:20px;
}


#quotes input:focus,
#quotes textarea:focus,
#quotes select:focus {
	 

}
#quotes input.radio:focus,
#quotes input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}
 

#quotes input.button,
#quotes input.button:focus {
    width:300px; 
    margin:0;
    padding:20px 5px;
    background:#ab0000;
	 font-weight:600;
	 font-size:14px;
	text-transform:uppercase;
	border-radius:0px;
	border-bottom:none!important;
	line-height:14px;
	letter-spacing:3px;
	text-align:center;
	border:0!important;
    color:#fff;
	margin-top:10px;
}
#quotes input.button:hover {
	background:#000;
	
}

#quotes label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
}
#quotes label.checkbox {
  /*  color:#212121;*/
    font-size:13px;
    text-align:left;
    display:inline;
    padding:0;
}
 
#quotes .fulltd {
width:100%!important;
margin-right:0;	
}

.smtxt {font-size:10px;}

.display-sm {display:none;}

/*==============================================
================================================
RESPONSIVE
================================================
==============================================*/
@media screen and (max-width: 930px)  {
	.catbtn a {font-size:14px;letter-spacing:0;}
	.topmap h2 {letter-spacing:1px;font-size:20px;padding-left:0;}
	
}

@media screen and (max-width: 800px)  {
    .img-resp {max-width:200px !important; margin:0 auto !important; padding-bottom:10px;}
    .fw {display:block;}
    .display-sm {display:block;}
    .mainlogo {width:100%;}
    .hidden-sm {display:none;}
	.tophead h3 {font-size:16px;line-height:25px;}
	.mainlogo img {max-width:500px;margin:20px auto;}
	.columnone {padding:0 5px;}
	.catbtn a {font-size:12px;letter-spacing:0;}
	
	.partleft {width:100%;margin-bottom:15px;margin-top:0;}
	.partleft h2, .partleft p {text-align:center;margin-top:0;}
	
	.usedparts img {width:100%;max-width:200px;margin:0 auto;display:block;float:none;}
	
	.welcome h1 {font-size:45px;}
	.imghalf {padding:20px 0px;}
	
	.topmap h2 {text-align:center;width:100%;}
	.topmap a {width:100%;margin-top:10px;}
	
	.maintitle h1 {font-size:45px;}
	.infoleft {width:100%;margin-bottom:20px;}
	.infoleft h2, .infoleft p {text-align:center;}
	.mapright {width:100%;}
	
}

@media screen and (max-width: 650px)  {
	.resp-col-sm {display:none !important;}
	.resp-col {width:100%;}
	.resp-col-sm-2 {display:block !important; text-align:center;}
	.resp-col-sm-2 img {max-width:100%;}
	.halfbutton {width:100%;padding:15px 0;}
	.halves {width:100%;}
}

@media screen and (max-width: 600px)  {
	.equipselection h2 {font-size:25px;}
	.equipselection p {font-size:16px;line-height:25px;}
	.columnone {width:50%;}
	.equipselection {background-attachment:local;padding:30px 0;}
	
	.welcome h1 {font-size:35px;}
	.welcome h2 {font-size:20px;letter-spacing:5px;}
	.footlogo p {font-size:14px;line-height:19px;}
	.bottomfoot p {width:100%;text-align:center!important;font-size:8px;}
	footer {padding:30px 0;}
}


@media screen and (max-width: 500px)  {
	.resp-col-sm-2 {width:100%;}
	.columnone {width:100%;}
	.catbtn a {font-size:12px;letter-spacing:1px;font-weight:600;}
	
	.imghalf {padding:0px 0px;width:100%;}
	#quotes tr {width:100%;padding:7px 0;}
}