/***** 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;}
img{max-width: 100%; height: auto;}

@font-face {
    font-family: 'icon-worksregular';
    src:url(../fonts/icon-works-webfont.eot);
    src: url(../fonts/icon-works-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/icon-works-webfont.woff) format('woff'),
         url(../fonts/icon-works-webfont.ttf) format('truetype'),
         url(../fonts/icon-works-webfont.svg#icon-worksregular) format('svg');
    font-weight: normal;
    font-style: normal;

}
/*-- colors - fonts
orange: fa6c0b


font-family: 'Roboto', sans-serif; 900
font-family: 'Roboto Condensed', sans-serif;
*/
/***** END RESET *****/

body{
	font-family:  'Roboto Condensed', sans-serif !important;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #000;
	overflow-x: hidden;
	width: 100%;
}

::-moz-selection {
    background: #ededed;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #ededed;
    color: #fff;
    text-shadow: none;
}

a{
	color: inherit;
	transition: all .6s ease-in-out; 
	-moz-transition: all .6s ease-in-out; 
	-webkit-transition: all .6s ease-in-out;
	text-decoration: none;
}
:hover{	transition: all .6s ease-in-out; 
	-moz-transition: all .6s ease-in-out; 
	-webkit-transition: all .6s ease-in-out;}

.clear{clear:both;}	


.shadow{box-shadow: 0px 6px 14px -7px rgba(0,0,0,.1);}

h2{font-size: 50px; color: inherit; letter-spacing: .75px; font-weight: 900; line-height:50px; font-family: 'Roboto', sans-serif; text-transform: uppercase}
h1{font-size: 50px; color: inherit; letter-spacing: .75px; font-weight: 900; line-height:50px; font-family: 'Roboto', sans-serif; text-transform: uppercase}
h3{font-size: 22px; color: inherit; letter-spacing: 2.5px; font-weight: 400; line-height: 30px;text-transform: uppercase}
h4{font-size: 18px; color: inherit; letter-spacing: 1.5px; font-weight: 400; line-height:25px; text-transform: uppercase}


/*---BASIC STYLES -----------------------------------*/
.pad{padding: 25px 0;} .l-pad{padding: 50px 0;} .xl-pad{padding: 80px 0;}

.black-bg{background: #000; color: #fff;} .gray-bg{background: #3d3d3d; color: #fff;} .orange-bg{background: #fa6c0b; color: #fff}
.white-text{color: #fff;}.gray-text{color: #3d3d3d;} .orange-text{color: #fa6c0b}

#pageimage{display: block; width: 100%;}

.wrapper-inner{width: 75%; margin: 0 auto;}
.wrapper-center{width: 75%; margin: 0 auto; text-align: center;}
.wrapper90{width: 90%; margin: 0 auto;} .wrapper60{width: 60%; margin: 0 auto;}


#orange-btn{ background: #fa6c0b; color: #fff; letter-spacing: 2px; font-size: 15px; padding:15px 30px; font-family:  'Roboto Condensed', sans-serif; font-weight: 400; margin: 5px; text-transform: uppercase}
#orange-btn:hover{background: #000;}


#black-btn{ background: #000; color: #fff; letter-spacing: 2px; font-size: 15px; padding:15px 30px; font-family:  'Roboto Condensed', sans-serif; font-weight: 400; margin: 5px; text-transform: uppercase}
#black-btn:hover{background: #fa6c0b;}
.orange-bg #black-btn:hover{background: #fff; color: #000}

.flex-row{display: flex;}
.flex-row .col-2{justify-content: flex-start; width: 50%;}

/*-- page images --*/
.pageimage{background-size: cover; color: #fff; background-blend-mode: overlay; background-color: rgba(0,0,0,.3) !important;}
.pageimage .wrapper-inner{padding: 15% 0 4% 0}
.pageimage .wrapper-inner h1{font-size: 70px; opacity: .9; line-height: 30px}
.pageimage h1 span{font-size: 26px; color: inherit; letter-spacing: 2.5px; font-weight: 400 !important; text-transform: uppercase; font-family:  'Roboto Condensed', sans-serif !important;}

.aboutpg{background: url(/siteart/pageimages/about.jpg) no-repeat center top fixed;}
.locationspg{background: url(/siteart/pageimages/locations.jpg) no-repeat center top fixed;}
.partspg{background: url(/siteart/pageimages/parts.jpg) no-repeat center top fixed;}
.servicepg{background: url(/siteart/pageimages/service.jpg) no-repeat center top fixed;}
.service-req-pg{background: url(/siteart/pageimages/service-req.jpg) no-repeat center top fixed;}
.rentalspg{background: url(/siteart/pageimages/rentals.jpg) no-repeat center top fixed;}
.employmentpg{background: url(/siteart/pageimages/employment.jpg) no-repeat center top fixed;}
.consignpg{background: url(/siteart/pageimages/consign.jpg) no-repeat center top fixed;}
.productspg{background: url(/siteart/pageimages/products.jpg) no-repeat center top fixed;}
.invpg{background: url(/siteart/pageimages/inv.jpg) no-repeat center top fixed;}

.pagetitle{margin-bottom: 15px}
.pagetitle h1{position: relative; z-index: 1; display: inline-block; margin-bottom: 5px}
.pagetitle img{display: inline-block; max-width: 50px; margin:0 0 -8px -18px; position: relative}

/*---HEADER-----------------------------------*/

.header{width:100%; background: rgba(0,0,0,.7); position: absolute; z-index: 999; padding: 5px 0;}
.head-inner{width: 90%; margin: 0 auto; display: flex; align-items:center}
.head-inner .left{justify-content: flex-start; width: 20%;} #logo{width: 100%; max-width: 165px;}
.head-inner .right{justify-content: flex-start; width: 80%;}

.head-border{border-top: 1px solid #fff; margin: 10px 0}

.mobile-sidetabs{display: none; text-align: left; width: 50%; justify-content: flex-start;}
.mobile-sidetabs .fa, .mobile-sidetabs .fab{display: inline-block; font-size: 16px; padding:8px 3px; margin: 3px; background: #fa6c0b; color: #fff; border-radius: 6px; width: 25px; text-align: center;}
.mobile-sidetabs .fa:hover, .mobile-sidetabs .fab:hover{background: #fa6c0b; color: #fff}

#top-search{text-align: right; justify-content: flex-start; width: 100%; float: right}
#top-search ul{display: inline-block;}

#top-search ul li a .fa-search{color: #fa6c0b; background: none; font-size: 22px}
#top-search ul li a .fa-search:hover{color: #fff;}

#top-search .fa, #top-search .fab{display: inline-block; font-size: 16px; padding:8px 3px; margin: 3px; background: #fff; color: #000; border-radius: 6px; width: 25px; text-align: center;}
#top-search .fa:hover, #top-search .fab:hover{background: #fa6c0b; color: #fff}

#searchbar {
	position: absolute;
    display: none;
    float: left;
    width: 100%;
    height: 62px;
    z-index: 9999;
	box-sizing: border-box;
	height: 100px;
	border-bottom: 1px #e5e5e5 solid;
	background: #000;
}
#searchbar #searchform #searchsubmit {
    background: url(../siteart/search.png) no-repeat right;
	float: left !important;
    width: 40% !important;
    height: 26px !important;
	padding: 50px 0 !important;
    color: #fa6c0b !important;
    border: 0 !important;
    outline: none !important;
    cursor: pointer !important;
}
#searchbar #searchform  .keywords {
	float: left !important;
	width: 60% !important;
    border: 0 !important;
    outline: none !important;
	padding: 34px 25px !important;
	box-sizing: border-box !important;
    font-size: 20px !important;
    line-height: 28px !important;
	color: #fff !important;
	font-weight: 900;
	background: #000 !important;
	font-family:  'Roboto', sans-serif !important;
	height: auto !important;
	letter-spacing: 1px
}
#searchbar ::-webkit-input-placeholder{color: #fff;}
#searchbar :-moz-placeholder{color: #fff;}
#searchbar ::-moz-placeholder{color: #fff;}
#searchbar :-ms-input-placeholder{color: #fff;}


/*--sidetabs--*/
.social-sidebar ul {
  list-style:none;
  position:fixed;
  right:0;
  top:22%;
  z-index:999999;
  text-align:center;

}
.social-sidebar a {
  text-decoration:none;
  font-size:22px;
	padding:25px 10px;
  display:block;
  color:#fff;
  opacity:0.80;
  transition:0.6s ease;
  -webkit-backface-visibility:hidden;
	margin-bottom: 5px;
}
.social-sidebar a:hover {background: rgba(0,0,0,.5);}


/*---HOME PAGE ----------------------------------*/
/*--slider--*/
.cycle-slideshow {width: 100%; display: block}
.cycle-slideshow img{width: 100%; display: block;}

.hero-overlay{position: absolute; z-index: 111; top: 19vw; width: 600px; left: 4%; color: #fff}
.hero-overlay h2{font-size: 23px; margin-bottom: 5px} .hero-overlay h1{font-size: 85px; line-height: 100%; z-index: 999; position: relative}
.hero-overlay img{position: relative; top: -50px; left: 430px; max-width: 100px}

.img-gradient{ position:relative;}
.img-gradient:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:50%; height:100%;
  display:inline-block;
  background: -moz-linear-gradient(left, rgba(0,0,0,0.4) 0%, rgba(220, 66, 37, 0.4) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220, 66, 37, 0.4)), color-stop(100%,rgba(0,47,75,0.4))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,47,75,0.4) 0%,rgba(220, 66, 37, 0.4) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,47,75,0.4) 0%,rgba(220, 66, 37, 0.4) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,47,75,0.4) 0%,rgba(220, 66, 37, 0.4) 100%); /* IE10+ */
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.0) 0%, rgba(37, 37, 37, 0.7497373949579832) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.img-gradient img{ display:block;}

/*--welcome--*/
.home-bg{background: url(../siteart/home-bg.jpg) no-repeat fixed center; background-size: cover;}

.categories{position: relative; float: right; z-index: 111; margin-top: -80px; margin-right: -60px; width:1100px;}
.cat-box{margin: 5px; padding: 20px 0; text-align: center; color: #fff;} .cat-box img{width: 100%; max-width: 150px; text-align: center; margin:0 auto 15px auto;}


.welcome{display: flex; align-items:center}
.welcome .left{justify-content: flex-start; width: 50%;} .welcome .left h1{font-size: 60px; line-height: 100%; z-index: 1; position: relative;}
.welcome .left img{position: relative; top: -25px; left: 290px; max-width: 75px}
.welcome .right{justify-content: flex-start; width: 60%;}


/*--parts feature--*/
.parts-bg{background: url(../siteart/parts-diagonal.png) no-repeat right; background-size: contain; margin: 4% auto}
.parts-feature{background: rgba(0,0,0,.65)}
.parts-feature .wrapper90{display: flex; align-items: center; color: #fff}
.parts-feature .wrapper90 .left{justify-content: flex-start; width: 65%;} .parts-feature .wrapper90 .left .orange-text{font-weight: 900; font-family: 'Roboto', sans-serif; letter-spacing: 1px}
.parts-feature .wrapper90 .right{justify-content: flex-start; width: 35%; text-align: center}



/*--service feature--*/
.service-feature{display: flex;align-items: center;background: url(../siteart/service-feature.jpg) no-repeat right; background-size: contain; position: relative}
.service-feature .left{
    justify-content: flex-start;
    width: 70%;
    background: #fa6c0b;
    color: #fff;
    z-index: 9;
    float: left;
    height: 400px;
    left: 0;
    transform-origin: top right;
    -ms-transform: skew(-25deg, 0deg);
    -webkit-transform: skew(-25deg, 0deg);
    transform: skew(-25deg, 0deg);
    border-right: 40px solid rgba(250,108,11,.7);
    -moz-background-clip: border;     /* Firefox 3.6 */
    -webkit-background-clip: border;  /* Safari 4? Chrome 6? */
    background-clip: border-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
    -moz-background-clip: padding;     /* Firefox 3.6 */
    -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
    background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
    -moz-background-clip: content;     /* Firefox 3.6 */
    -webkit-background-clip: content;  /* Safari 4? Chrome 6? */
    background-clip: content-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
.service-feature .left .wrapper60{transform: skew(25deg, 0deg); margin-top: 60px}

.service-feature .right{justify-content: flex-start;}

.service-feature #black-btn:hover{background: #fff; color: #000}


/*--locations - connect --*/
.connect-bg{background: url(../siteart/connect-bg.jpg) no-repeat fixed center; background-size: cover;}

.loc-title{display: flex; align-items: center; width: 60%;}
.loc-title .left{justify-content: flex-start; width: 33.33%}
.loc-title .center{justify-content: flex-start; width: 33.33%; text-align: center;} .loc-title .center img{width: 100px}
.loc-title .right{justify-content: flex-start; width: 33.33%; font-size: 18px}
.loc-title .left h1{color: #fa6c0b;}
.loc-title .left h1 .black-text{font-family: 'Roboto Condensed', sans-serif; font-weight: 400; color: #000 !important;}

.locations-home{display: flex; padding: 50px 0; height: 600px;}
.locations-home .left{justify-content: flex-start; width: 80%}
.locations-home .left iframe{display: block; width: 100%; height: 100%;}
.locations-home .right{justify-content: flex-start; width: 20%; background: #fff; position: relative}
#loc-btn{display: block; width: 100%; padding: 12px 0; text-align: left; border-top: 2px solid #eee; text-transform: uppercase; letter-spacing: 2px}
#loc-btn h3{ font-size: 16px;}
#loc-btn .fa{display: inline-block; margin-right: 25px; vertical-align: middle; font-size: 25px; font-weight: 700}


.locations-home .right #orange-btn{position: absolute; bottom: 0; width: 100%; display: block;  padding:10px 0; text-align: center; margin: 10px auto 0 auto}

.connect{display: flex; align-items: center; background: url(../siteart/connect.jpg) no-repeat right; background-size: contain}
.connect .left{justify-content: flex-start; width: 50%; background: #fff;}
.connect .right{justify-content: flex-start; width: 50%; color: #fff}
.connect .right h1{width:100px;z-index: 1; position: relative;}
.connect .right img{position: relative; margin-top: -25px; left: 245px; max-width: 75px}



/*-- LOCATIONS PAGE---------------------*/
.locations section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

.locations label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
}

.locations label:before {
  margin-right: 10px;
}


.locations label:hover {
  color: #888;
  cursor: pointer;
}

.locations input:checked +  label {
  color: #818181;
  border: 1px solid #ddd;
  border-top: 2px solid #fa6c0b;
  border-bottom: 1px solid #fff;
}

.locations label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7,
#tab8:checked ~ #content8,
#tab9:checked ~ #content9,
#tab10:checked ~ #content10{
  display: block;
}

@media screen and (max-width: 650px) {

 .locations label:before {
    margin: 0;
    font-size: 18px;
  }
}

@media screen and (max-width: 400px) {
  .locations label {
    padding: 15px;
  }
}

.loc{display: flex; width: 100%; align-items: center; background: #e6e6e6; margin-top: 30px}
.loc .col1{justify-content: flex-start; width: 35%; margin-right: 20px;}
.loc .col1 h2{font-size: 45px; width: 70%; line-height: 45px;}
.loc .col2{justify-content: flex-start; width: 65%; height: 100% !important;}
.loc .col2 iframe{height: 480px !important; display: block;}

/*-- about--*/
.imgright img{width: 100%; max-width: 75%; float: right}


/*---PRODUCTS ---*/
.manu-box{flex: 1; margin:10px 5px; border: 1px solid #eee; padding: 15px 0}
.manu-box img{width: 100%; max-width: 85%; display: block; margin: 0 auto}
.manu-box:hover{background: #eee}
.manu-box img:hover{transform: scale(1.05); transition: all 0.6s;}


/*-- FOOTER ------------------------------------*/
.footer{color: #fff; display: flex}
.footer ul li{font-weight: 300; line-height: 30px; font-size: 15px;} .footer a{color: #a1a1a1} .footer li a:hover{text-decoration: underline} .footer p{font-size: 15px;} .footer p a{color: #a1a1a1}

.footer .foot-col-1{justify-content: flex-start; width:20%;}
.footer .foot-col-2{justify-content: flex-start; width:30%;}
.footer .foot-col-2 .col-2{display: inline-block; width: 42%; vertical-align: top}
  .foot-col-1.social{text-align: center; float: right; position: relative}

.footer img{width: 100%; max-width: 150px; display: block; margin:0 auto;}

.footer .fa, .footer .fab{display: inline-block; font-size: 16px; padding:8px 3px; margin: 3px; background: #fff; color: #000; border-radius: 6px; width: 25px; text-align: center;}
.footer .fa:hover, .footer .fab:hover{background: #fa6c0b; color: #fff}


/*---FORMS -----------------------------------*/

.form-row{display: flex;}
.formfield{flex: 1; font-family: 'Roboto Condensed', sans-serif; position: relative; padding: 5px 0; margin:3px 5px; font-size:15px;}
.thin-border {padding: 20px; margin: 25px 0;  border: 1px solid #ccc;}


.formfield input, .formfield select  {
	width: 100%;
	padding: 15px 0;
	border: 1px solid #ddd;
	background:#f5f5f5;	
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	-webkit-appearance:none;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
}

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

.form-row  textarea {
	width: 100%;
	padding: 10px 0;
	border:1px solid #ddd;
	font-weight: 700;
	color:#000;
	background:#f5f5f5;
	font-family: 'Roboto Condensed', sans-serif !important;
    height:85px;	
	-webkit-appearance:none;
	-webkit-border-radius: 0px !important;
	border-radius: 0 !important;
	margin: 5px
} 

form input.button,
form input.button:focus {
	float: none;
    width:160px;
	font-family: 'Roboto Condensed', sans-serif;
    margin:0 auto;
    background: #404040; /* For browsers that do not support gradients */
    line-height:18px;
    color:#fff;
	font-size:15px;
	padding: 10px 20px;
	font-weight: 700;
	letter-spacing:2px;
	text-align: center;
	display: block;
	border: none;
	-webkit-appearance:none;
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
}
form input.button:hover {
    padding:10px 0px;
    background: #000; /* For browsers that do not support gradients */
	margin: 0 auto;
	text-align: center;
	display: block;
	transition: all .8s ease; 
}

/*control the Captcha */

.CaptchaPanel {margin: 0 auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#000 !important;width: 100%;  text-align:left;}
.CaptchaPanel input{width: 100% !important; max-width: 300px;}
.CaptchaImagePanel {
	
margin-top: 10px;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
text-align: center;
	color: #000 !important
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 auto;
	padding:10px 0 10px 0 !important;
	width: 100%;
	float: right;
	display: block;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 





/*---RESPONSIVE STYLES ------------------------------*/
@media screen and (max-width: 1400px){
	
/*--locations -connect--*/
.locations-home .left{width: 60%}
.locations-home .right{width: 40%; }
	
/*--service home--*/
.service-feature .left{width: 80%}
.service-feature .left .wrapper60{width: 70%; margin-top: 40px}
	
}



@media screen and (max-width: 1200px){
.header{position: relative; background: #000}
.head-inner .left{justify-content: flex-start; width: 50%;} #logo{width: 100%; max-width: 150px;}
.head-inner .right{justify-content: flex-start; width: 50%; text-align: right}

.mobile-sidetabs{display: block}
.social-sidebar{display: none}		
	
.pageimage .wrapper-inner{padding: 10% 0 4% 0}

	
.hero-overlay{top: 21vw; width: 300px;}
.hero-overlay h2{font-size:18px; margin-bottom: 5px; line-height: 100%;} .hero-overlay h1{font-size:50px;}
.hero-overlay img{position: relative; top: -40px; left:250px; max-width: 90px}
	
	
	
.wrapper-inner,.wrapper-center{width: 90%}	

.flex-row{display: block;}
.flex-row .col-2{justify-content: flex-end; width: 100%;}
	
/*--home--*/
	.home-bg{padding-bottom: 30px}
.categories{float: none; margin: -40px auto 0 auto; width:90%;}
.cat-box{margin: 5px; padding: 20px 0; text-align: center; color: #fff;} 

.welcome{display: block; padding-top: 80px}
.welcome .left{justify-content: flex-end; width: 100%}
 .welcome .left h1{font-size: 50px; width: 50%;} .welcome .left h1 br{display: none}
.welcome .left img{top: -25px; left: 250px; max-width: 75px}

.welcome .right{justify-content: flex-end; width: 100%}

	
.parts-bg{margin: 0 auto}


/*-- about--*/
.imgright img{width: 100%; max-width: 400px; float: none; display: block; margin:40px 0 30px 0}
	
/*---PRODUCTS ---*/
.manu-box{flex: 1; margin: 15px auto; display: block; width: 100%}
.manu-box img{width: 100%; max-width: 250px; display: block; margin: 0 auto}

}


@media screen and (max-width: 800px) {	
.header{position: relative; background: #000}	
	
.xl-pad{padding: 70px 0}
	
.img-gradient:after{width: 100%;}	
.hero-overlay{top: 15vw; width: 300px;}
	
.pagetitle h1{display: inline-block; margin-bottom: 5px; line-height: 100%; font-size: 40px}
.pagetitle img{display: none}
	
	
/*--parts feature--*/
.parts-bg{background: #000; margin: 0 auto}
.parts-feature .wrapper90{display: block;}
.parts-feature .wrapper90 .left{justify-content: flex-end; width: 100%; text-align: center; margin-bottom: 35px} 
.parts-feature .wrapper90 .right{justify-content: flex-end; width: 100%; text-align: center}
	
/*--service feature--*/
.service-feature{display: block; background: url(../siteart/service-feature.jpg) no-repeat center; background-size: cover;}
.service-feature .left{
    justify-content: flex-end;
    width: 100%;
	display: block;
    background-color: rgba(250,108,11,.8);
    height: 100%;
    transform: none !important;
    border-right: none
}
.service-feature .left .wrapper60{padding: 100px 0; width: 90%; margin: 0 auto; transform: none !important; margin-top: 0}

.service-feature .right{justify-content: flex-end;}	
	
/*--locations - connect --*/

	#loc-btn {
    padding: 5px 0;
  }	
	
.loc-title{display: block; align-items: center; width: 90%; margin: 0 auto}
.loc-title .left{justify-content: flex-end; width: 100%}
.loc-title .center{display: none}
.loc-title .right{justify-content: flex-end; width: 100%; font-size: 18px}

.locations-home{display: block; padding: 50px 0; height: 100%}
.locations-home .left{justify-content: flex-end; width: 100%; display: block;} .locations-home .left iframe{height: 300px}
.locations-home .right{justify-content: flex-end; width: 100%; display: block; height: 460px}


.connect{display: block; background: none; position: relative}
.connect .left{justify-content: flex-end; width: 100%;}
.connect .right{justify-content: flex-end; width: 100%; background: url(../siteart/connect.jpg) no-repeat; padding: 30px 0}
.connect .right img{position: relative; margin-top: -25px; left: 245px; max-width: 75px}

	
/*--locations pg--*/
.loc{display: block; }
.loc .col1{justify-content: flex-end; width: 100%; margin-right: 0; padding: 30px 0}
.loc .col1 h1{font-size: 30px; width: 100%; line-height: 30px;}
.loc .col2{justify-content: flex-end; width: 100%; height: 100% !important;}
.loc .col2 iframe{height: 300px !important; display: block;}
	


/*-- FOOTER ------------------------------------*/
.footer{display: flex}
.footer .foot-col-1{justify-content: flex-start; width:30%;}
.footer .foot-col-2 .col-2{display: block; width: 100%;}
	
}


@media screen and (max-width: 649px) {
	
.form-row{display: block;}	
.formfield{width: 100%; display: block; margin:3px auto; font-size:14px;}
input.radio {margin:0;  display:block; float: left; text-align: left}	

#searchbar #searchform #searchsubmit{width: 10% !important}	
#searchbar #searchform .keywords{width: 80% !important}
	
.hero-overlay{display: none}
.img-gradient:after{width: 0%;}	

.pageimage .wrapper-inner{padding:25% 0 15% 0}
.pageimage .wrapper-inner h1{font-size: 60px; opacity: .85;}
.pageimage h1 span{font-size: 22px;}
	
	
/*-- page images --*/
.pageimage{background-size: contain !important; color: #fff;background-color: none !important;  background-blend-mode: normal; padding: 14% 0}
.pageimage .wrapper-inner{display: none;}

.aboutpg{background: url(/siteart/pageimages/about.jpg) no-repeat center top;}
.locationspg{background: url(/siteart/pageimages/locations.jpg) no-repeat center top;}
.partspg{background: url(/siteart/pageimages/parts.jpg) no-repeat center top;}
.servicepg{background: url(/siteart/pageimages/service.jpg) no-repeat center top;}
.service-req-pg{background: url(/siteart/pageimages/service-req.jpg) no-repeat center top;}
.rentalspg{background: url(/siteart/pageimages/rentals.jpg) no-repeat center top;}
.employmentpg{background: url(/siteart/pageimages/employment.jpg) no-repeat center top;}
.consignpg{background: url(/siteart/pageimages/consign.jpg) no-repeat center top;}
.productspg{background: url(/siteart/pageimages/products.jpg) no-repeat center top;}
.invpg{background: url(/siteart/pageimages/inv.jpg) no-repeat center top;}
	
	

.flex-row .col-2 #black-btn{display: block; margin: 10px auto; text-align: center; padding: 15px 0; width: 100%;}	
	
/*-- home - cat--*/
	
.home-bg{background: url(../siteart/home-bg.jpg) no-repeat center; background-size: cover;}
.connect-bg{background: url(../siteart/connect-bg.jpg) no-repeat center; background-size: cover;}

.categories{display: none}

	
/*--locations pg--*/
.locations label {
  display: block;
  margin: 0 auto;
  padding: 15px 0;
  color: #bbb;
  border-bottom: 1px solid #bbb;
	width: 100%
}

.locations label:before {margin-right: 0;}
	
.locations input:checked +  label {
  color: #fff;
  border: none;
  border-top: none;
  border-bottom: none;
	background: #fa6c0b
}



/*-- FOOTER --*/
.footer{display: block; margin: 0 auto; text-align: center}
.footer .foot-col-1{justify-content: flex-end; width:100%; margin: 15px auto}
.footer .foot-col-2{justify-content: flex-end; width:100%; margin: 15px auto}
	
}

@media screen and (max-width: 480px) {
 .welcome .left h1{font-size: 40px; width: 50%;} .welcome .left h1 br{display: none}
.welcome .left img{top: -25px; left: 200px; max-width: 70px}

.service-feature .left h1{font-size: 40px}
	
.connect .right h1{width:100px; font-size: 40px; line-height: 100%}
.connect .right img{margin-top: -30px; left: 200px; max-width: 60px}

}