/***** 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;
	font-family: 'Roboto Condensed', sans-serif;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {list-style:none;}
table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
.header, nav, article, footer, address, img {display:block;}

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

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
img {max-width:100%;height:auto;}
img.border {border:1px solid #ccc;}

*{box-sizing: border-box;}
body {overflow-x: hidden; font-size:18px;line-height:30px;-webkit-text-size-adjust:none;height:auto;width:100%;background:url("../siteart/light-bg.png") repeat;background-attachment:fixed;}
h1, h2, h3, h4, h5 {font-weight:700;margin-bottom:10px;line-height:normal;}
strong {font-weight:700;}
a:link, a:visited, a:active {text-decoration:none;color:#1f2327;}
a:hover {text-decoration:underline; color: #ff3600;}
.orange {color: #ff3600;}

.wrapper {width:90%;max-width:1300px;margin:0 auto;padding:3% 0px;}
.inv-wrapper {width:100%;max-width:85%;margin:0 auto;padding:3% 0px;}
.onecols, .twocols, .threecols {width:100%;height:auto;display:block;float:left;}
.onecols {max-width:25%;}
.twocols {max-width:50%;}
.threecols {max-width:75%;}

ul.breadcrumb {padding:10px 16px;list-style:none;background-color:#eee;border:1px solid #ccc;margin-bottom:3%;}
ul.breadcrumb li {display:inline;font-size:14px;}
ul.breadcrumb li+li:before {padding:8px;color:#1f2327;content:"/\00a0";}
ul.breadcrumb li a {color:#ff3600;text-decoration:none;}
ul.breadcrumb li a:hover {color:#ff3600;text-decoration:underline;}

.header {background:url("../siteart/header.png") repeat;border-bottom:2px solid #ff3600; padding: 10px 5%; display: flex; justify-content: center; align-items: center; width: 100%;}
.hdr-logos {width: 100%; display: flex; align-items: center;}
.main-logo {margin: 1em 0; display: block;}
.main-logo img {width: 100%; max-width: 250px; height: auto;}
.manu-wrapper {width: 100%; max-width: 350px; display: flex; flex-wrap: wrap; margin: 0 2vw; align-items: center;}
.manu-wrapper p {font-weight: 600; width: 100%; line-height: 1; margin-bottom: 5px; font-size: 18px;}
.manu-wrapper img {width: 33.33%; max-width: 100px; padding: 5px;}
.hdr-location {width: 50%;}
.hdr-location i {color:#ff3600;}
.hdr-location a {display: block; line-height: 1.2; margin-bottom: 8px;}
.hdr-location {display:flex; flex-wrap: wrap; justify-content: center; flex-direction: column; font-size:18px;font-weight:700; padding: 1.5em;}
.hdr-location p {width: 100%; font-size: 20px; text-transform: uppercase; margin-bottom: 5px;}


/* MOBILE HDR SEARCH */
form.detailed-search input::placeholder {
	letter-spacing: .5px!important;
}
form.detailed-search input {
	padding: 15px!important;
	line-height: 22px!important;
	border: none!important;
	border-radius: 0!important;
	background: #000!important;
	height: auto!important;
	width: 80% !important;
	color: #fff!important;
}
form.detailed-search input#keywords {
	line-height: 22px!important;
}
form.detailed-search input#submit {
	background: #000!important;
	color: #fff!important;
	padding: 10px 22px!important;
	cursor: pointer;
	border: none!important;
	-webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
	border-radius: none;
}
form.detailed-search input#submit:hover {
	background: #f1f1f1!important;
	color: #fff!important;
	font-weight: bold!important;
}
form.detailed-search button {
	vertical-align: middle;
    padding: 6px 10px!important;
    background: #000!important;
    border: none;
	cursor: pointer;
	height: auto;
    line-height: 40px;
}
form.detailed-search button:hover {
	background: #1e1e1e;
}

.searchbar{display: none; position: relative; background: #000; width: 100%; border-bottom: 1px #fff solid; z-index: 99; text-align: center;}
.searchbar ::-webkit-input-placeholder{color: #ccc;}
.searchbar :-moz-placeholder{color: #ccc;}
.searchbar ::-moz-placeholder{color: #ccc;}
.searchbar :-ms-input-placeholder{color: #ccc;}
.mobile-search {display: none;}

.catctas {/*background:url("../siteart/orange-stripes-bg.png") repeat;*/ background: #ff3600; margin:0px auto;height:auto;width:100%; background-attachment: fixed;}
.cats {width:100%;max-width:23%;height:auto;display:block;float:left;background:#1f2327;margin:1%;overflow:hidden; position: relative; z-index: 99;}
.cats img, .catsparts img {transition:.4s;opacity:.6;}
.cats img:hover, .catsparts img {transform:scale(1);opacity:1;}
.cats h2, .catsparts h2 {border-left:6px solid #ff3600;font-size:16px;line-height:normal;margin:10px 4%;padding-left:10px;box-sizing:border-box;}
.cats a:link, .cats a:visited, .cats a:active, .catsparts a:link, .catsparts a:visited, .catsparts a:active {
	text-decoration:none;
	color:#fff;
}
.cats .inner-btns {
	position: absolute; 
    top: 0;
    padding-top: 20%;
    display: block;
    text-align: center;
    width: 100%;
	font-size: 18px;
	font-weight: 900;
	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;
	-webkit-transition: 1s ease-in;
    -moz-transition: 1s ease-in;
    -o-transition: 1s ease-in;
    transition: 1s ease-in;
}
.cats a:hover, .catsparts a:hover {text-decoration:none; color:#ff3600;}

.cats .show-on-hvr {visibility: hidden;}  
.cats:hover .show-on-hvr {visibility: visible;}  

h1.welcome {border-left:8px solid #ff3600;padding-left:10px;color:#1f2327;}

/*.yellowborder {border-left:6px solid #ff3600;height:100%;padding:0px 15px;box-sizing:border-box;font-size:16px;}*/
div.center {text-align:center;}

.locations-wrapper {width: 100%;}
.locations-wrapper .twocols.location {padding: 2em;}

.scrollingbg {background:#ff3600;padding:15px 0px;position:relative;}
.scrolling-wrap {width:100%;height:90px;overflow:hidden;}
.scrolling {width:100%;height:92px;}

.scrollingbg .overlay {width:100%;max-width:204px;height:auto;padding:18px 20px;position:absolute;background:#ff3600;text-align:center;transform-origin:bottom left;-webkit-transform:skew(140deg, 0deg);-ms-transform:skew(140deg, 0deg);-o-transform:skew(140deg, 0deg);transform:skew(140deg, 0deg);left:5%;}
.scrollingbg .overlay h3 {text-transform:uppercase;font-size:16px;color:#fff;-webkit-transform:skew(-140deg, 0deg);-ms-transform:skew(-140deg, 0deg);-o-transform:skew(-140deg, 0deg);transform:skew(-140deg, 0deg);}

.manu {width:100%;max-width:70%;margin:0 auto;text-align:center;}
.manu img {max-width:100%;height:auto;display:inline-block;padding:20px;box-sizing:border-box;}

footer {background:#1f2327;width:100%;height:auto;color:#ccc;font-size:16px;}
footer strong {font-size:18px;color:#ff3600;text-transform:uppercase;}

footer a:link, footer a:visited, footer a:active {text-decoration:none;color:#fff;font-weight:400;}
footer a:hover {text-decoration:underline;color:#ccc;}

/*** Parts ***/
.btn {position:relative;text-align:center;color:#fff;overflow:hidden;background:#000;}
.btn img {transition:.4s;opacity:.4;}
.btn img:hover {transform:scale(1.5);opacity:1;}
.centered {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:26px;font-weight:700;}
.btn a:link, .btn a:visited, .btn a:active {text-decoration:none;color:#fff;}
.btn a:hover {text-decoration:underline;color:#ddd;}

.button {border-radius:4px;background-color:#ff3600;border:none;color:#121212;text-align:center;font-size:22px;padding:20px;width:100%;max-width:250px;transition:all 0.5s;cursor:pointer;}
.button span {cursor:pointer;display:inline-block;position:relative;transition:0.5s;}
.button span:after {content:'\00bb';position:absolute;opacity:0;top:0;right:-20px;transition:0.5s;}
.button:hover span {padding-right:25px;}
.button:hover span:after {opacity:1;right:0;}
.catsparts {max-width:100%;height:auto;display:block;background:#1f2327;margin-bottom:10px;margin-right:20px;overflow:hidden;}

/*** Service ***/
.servicebtns {width:100%;max-width:20%;display:block;float:left;text-align:center;margin-bottom:10px;}
.servicebtns img {display:inline-block;}


.fb_iframe_widget {width:100%;}



/** Responsive Styles **/

@media screen and (max-width: 1280px){
	.header .wrapper, .inv-wrapper {max-width: 90%;}
	
	.cats h2, .catsparts h2 {font-size:14px;}
}

@media screen and (max-width: 1050px){	
	.wrapper {padding:5% 0px;}
	.cats {max-width:47%;margin:1%;}
	.cats h2, .catsparts h2 {font-size:15px;}

	.servicebtns {font-size:14px;}
	
	.onecols, .threecols {max-width:50%;}
	
	.yellowborder .onecols {max-width:25%;}
	.yellowborder .threecols {max-width:75%;}
	.yellowborder {border:none;}
}


@media screen and (max-width: 900px){
	
	.header {flex-wrap: wrap;}
	.main-logo, .manu-wrapper {width: 50%;}
	.hdr-location {display: none;}
	.manu-wrapper {max-width: none; margin: 0 0 0 5%;}
}


@media screen and (max-width: 767px){
	.servicebtns {max-width:33%;}
	.onecols, .twocols, .threecols {max-width:100%; margin: 10px 0;}
	.locations-wrapper .twocols.location {text-align: center; max-width: 100%;}
}
 
@media screen and (max-width: 480px){
	.cats {max-width:100%;margin:1% 0;}
	.scrollingbg .overlay {display:none;}
	.manu-wrapper p {font-size: 14px;}
	.hdr-logos {flex-wrap: wrap; justify-content: center; flex-direction: column;}
	.main-logo, .manu-wrapper {width: 100%; text-align: center; justify-content: center;}
	.main-logo img {display: block; margin: 0 auto 1em;}
	.manu-wrapper {margin: 0;}
}