/***** BEGIN RESET *****/

* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}
ol, ul {list-style: none;}

/***** END RESET *****/
  
header, nav, article, footer {display:block;}

body {
	font-size:16px;
	line-height: 1.4;
	font-family: 'Roboto', sans-serif;
	color:#000;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
	min-width: 280px;
}
.invwrap {
	-webkit-text-size-adjust: none;
	width: 100%;
	
}
.wrap {width:90%; margin:0 auto; max-width:2000px;}
.headwrap {width:90%; margin:0 auto; max-width:2000px;}

.go-right {float:right;}

.show-tablet, .show-768 {display:none;}

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float: left; padding: 0 25px 0 0;} .column12{width: 100%; padding: 0;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%; box-sizing: border-box;} .column7{width: 58.3333%; position: relative; box-sizing: border-box;} .column6{width: 50%; box-sizing: border-box; padding: 3%;} .column5{width: 41.6666%; box-sizing: border-box;} .column4{width: calc(33.3333% - 10px); box-sizing: border-box;} .column3{width: 25%; box-sizing: border-box;} .column2{width: 16.6666%; box-sizing: border-box;} .column1{width: 8.3333%;} .last{padding: 0;} .cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}

hr {height: 12px;}

.invmain{padding:0px 0 80px 0; width: 100%;overflow: hidden; background: url(../siteart/p1.png) fixed repeat; margin-bottom: -120px;}

/***************************** typography styles **/

#logoset1 { display:block; visibility: visible;}
#logoset2 { display:none; visibility: hidden;}


.logos {width: 100%; margin: 0 auto; text-align:center;padding-top: 20px; background: rgba(255,255,255,.7); border-bottom: 1px solid #000000}
.logos img {margin: 10px;display: inline-block; max-width: 175px; width: 100%; border: 1px solid #000000}
.logos img:hover {border: 1px solid #ec1d25; opacity: .7}

.logos-set2 {width: 100%; margin: 0 auto; text-align:center;padding: 20px 0 80px 0; background: rgba(255,255,255,.7); border-top: 1px solid #000000}
.logos-set2 img {margin: 10px;display: inline-block; max-width: 175px; width: 100%; border: 1px solid #000000}
.logos-set2 img:hover {border: 1px solid #ec1d25; opacity: .7}

.logos2 {
	width:90%;
	margin:40px 5% 55px 5%;
	float:left; 
}
.logos2 img {margin: 10px;display: inline-block; max-width: 175px; width: 100%; border: 1px solid #000000; background: #ffffff; padding: 4px;}
.logos2 img:hover {border: 1px solid #ec1d25; opacity: .7}


.no-margin {margin:0 !important;}

a {
	color:#FFFFFF; 
	text-decoration:none;
	font-weight:normal;
	font-family: 'Roboto', sans-serif;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
a:hover {color:#ec1d25;}

strong {font-weight:700; font-family: 'Roboto', sans-serif;}
em {font-style:italic;}

.red {color:#FF001F;}
.dk-red {color:#f5d73b;}
.white {color:#fff;}
.black {color:#000;}


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

h1 {
	color:#FFF;
	font-size:36px;
	font-weight:normal;
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom:0;
	text-transform:uppercase;
}
h2 {
	color:#FFF;
	font-size:32px;
	font-weight:normal;
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom:0;
}
h3 {
	color:#000;
	font-size:24px;
	font-weight:normal;
	font-family: 'Roboto Condensed', sans-serif;
}

h4 {
	color:#ec1d25;
	font-size:22px;
	font-weight:normal;
	font-family: 'Roboto Condensed', sans-serif;
	margin-bottom:7px;
}

h5 {
	color:#FFF;
	font-size:18px;
	font-weight:normal;
	font-family: 'Roboto Condensed', sans-serif;
}

h6 {
	color:#000;
	font-size:16px;
	font-weight:normal;
	font-family: 'Roboto', sans-serif;
}
h6 a {color:#000; text-decoration:none; font-family: 'Roboto', sans-serif;}
h6 a:hover {color:#FFF;}
p {margin-bottom:14px; font-family: 'Roboto', sans-serif; color: #000;}



/***************************** header styles **/

.top-bar {
	width:100%;
	background:#fff;
	padding:5px 0 4px 0;
	margin-bottom: -2px;
	text-align: right;
	display: inline-block;
	position: relative;
	z-index: 1000;
}
.top-bar h6 {color: #f5692d;}
.top-bar a {color: #000; cursor: pointer;}
.top-bar a:hover {color: #ec1d25; text-decoration: underline}

.top-bar h6:hover { color:#ec1d25}
.top-bar img {display: inline-block; max-width: 16px; }
.top-bar a:hover img {opacity: .7; }
.top-bar a span {}

.top-icons {display: inline-block; vertical-align: text-bottom;}

.cont-top {margin-right: 15px; display: inline-block;vertical-align: text-bottom; cursor: pointer; position: relative;}
.cont-top img {max-width: 26px; vertical-align: bottom}

.facebooktop	{background: url(../siteart/icons/fb-big.png) no-repeat; width: 24px;height: 24px; display: inline-block;margin-right: 8px;}
.facebooktop:hover	{background: url(../siteart/icons/fb-big.png) no-repeat; }

.instagramtop	{background: url("../siteart/icons/ig-big.png") no-repeat; width: 24px;height: 24px; display: inline-block;margin-right: 8px;}
.instagramtop:hover	{background: url(../siteart/icons/ig-big.png) no-repeat; }

.linkenintop	{background: url("../siteart/icons/ln-big.png") no-repeat; width: 24px;height: 24px; display: inline-block;margin-right: 8px;}
.linkenintop:hover	{background: url(../siteart/icons/ln-big.png) no-repeat; }


.youtubetop	{background: url("../siteart/icons/youtube.png") no-repeat; width: 24px;height: 24px; display: inline-block;margin-right: 8px;}
.youtubetop:hover	{background: url("../siteart/icons/youtube.png") no-repeat; }



/************************** popup styles **/

.popup {margin-right: 15px; display: inline-block;vertical-align: text-bottom; cursor: pointer; position: relative;}
.popup .popup-text {
	visibility: hidden;
	background: #fff;
	color: #000;
	border-radius: 10px;
	border: #ec1d25 solid 3px;
  text-align: center;
  padding: 10px;
  position: absolute;
  left: -40px;
	right: -40px;
  z-index: 1000;
	transform: translateY(10px);
}

.popup-text.left-pop {left:0; right: -80px;}

.popup-text.left-pop::after {
	content: "";
  position: absolute;
  top: -20px;
  left: 15% !important;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #ec1d25 transparent;
}

/* Popup arrow */
.popup .popup-text::after {	
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #ec1d25 transparent;
}

.popup .show {
  visibility: visible !important;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

#pop-btn-foot a {
	color: #000;
}

#pop-btn-foot a:hover {
	color: #ec1d25;
}

@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

	
header {
	width:100%; 
 	background:#fff;
	position: relative;
	-moz-box-shadow: 8px 1px 12px 1px #000000;
    -webkit-box-shadow: 8px 1px 12px 1px #000000;
    box-shadow: 8px 1px 12px 1px #000000;
	}

.logo { float:left; position: absolute;margin-top: 10px;z-index: 999;}
.logo img {width:100%; height:auto; display:block; }




.inner {margin-top: 40px;width:60%;float: right;min-width: 800px;}
.inner ul li {float: right; color:#000000;border-right: 1px solid #000;font-size:16px;line-height:18px;padding:5px 10px;}
.inner ul li a {color: #000; text-transform:uppercase; font-size: 13px;}
.inner ul li a:hover {color: #ec1d25;}



/***************************** nav styles **/


nav {background: #000 ;float: none; display: inline-block;width: 100%;text-align: center; margin-top: 10px; }

nav ul {width:100%; margin:0 auto;}
nav li {
	display:inline; 
	position:relative; 
	margin-right: 0%; 
	transition: background .2s ease, color .2s ease;
}
nav ul li {
	float: none; 
	color:#FFF; 
	text-align: center; 
	positon: relative; 
	display: inline-block;
	font-size:22px;
	line-height:18px;
	padding:13px;
	text-decoration:none;
	font-weight:light;
	text-transform:uppercase;
}
nav ul li a {color: #fff;}
nav a:hover {color:#ec1d25;}

nav ul ul {
	display: none;
	position: absolute; 
	z-index:99999;
	top: 44px;
}

nav ul ul ul {
	position: absolute; 
	left: 100%; 
}

nav ul li:hover > ul {
	display: block;
	z-index:99999;
}
nav ul ul li {padding: 0px;}
nav ul ul li a {
	font-size: 14px;
    text-align: left;
    position: relative;
	float: none; 
    line-height: 24px;
	display:block;
    padding: 5px 0px 5px 15px;
    border: 1px solid #363636;
    background: #000;
    color: #fff;
	width: 220px;
}
nav ul ul li a:hover {
	color:#000;
	background: #fff;
}

.nocursor {cursor: default}
.nocursor:hover {cursor: default;}


/* Float Shadow */
.hvr-float-shadow div {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before div {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover div, .hvr-float-shadow:focus div, .hvr-float-shadow:active div{
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before div, .hvr-float-shadow:focus:before div, .hvr-float-shadow:active:before div {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


/* Float Shadow */
.hvr-float-shadow1 img {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow1:before img {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow1:hover img, .hvr-float-shadow1:focus img, .hvr-float-shadow1:active  img{
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  /* move the element up by 5px */
}
.hvr-float-shadow1:hover:before img, .hvr-float-shadow1:focus:before img, .hvr-float-shadow1:active:before img {
  opacity: 1;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #ec1d25;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Shrink */ 
.hvr-shrink { 
	display: inline-block; 
	-webkit-transform: perspective(1px) translateZ(0); 
	transform: perspective(1px) translateZ(0); 
	box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
	-webkit-transition-duration: 0.3s; 
	transition-duration: 0.3s; 
	-webkit-transition-property: transform; 
	transition-property: transform; 
} 
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { 
	-webkit-transform: scale(0.9); 
	transform: scale(0.9); 
} 




.text-wrap {
	width:88%; 
	max-width:1500px; 
	margin:0 auto;  
	padding: 4em 3%; 
	text-align: center;
	overflow-x:hidden;
}
.text-wrap h4 { font-weight: bolder;}
.text-wrap p a {color: #000!important; text-decoration: underline;}
.text-wrap p a:hover {text-decoration: none;}

.learnmore {
	background: #363636;
	float: none;
	margin: 0 auto;
	padding: 10px 8px;
	position: relative;
	margin-top: 80px;
	width: 10%;
	min-width: 150px;
	text-align:center;
	border-radius: 5px;
	box-shadow: 5px 5px 12px #000;
	display: block;
	border: 1px solid #fff;
}
.learnmore a {color: #fff;padding: 20px;}
.learnmore a:hover {color: #ec1d25;}


/* homepage video */
.mid-contain {width: 100%; overflow:hidden; position: relative; z-index: 1; height: 48vw; min-height: 700px;background-color: #000;}
.video-overlay {position: absolute; z-index: 2; left: 10%; bottom: 33%;}
.video-overlay h2 {display: block; width: 100%; color: rgba(255,255,255,.97); font-size: 85px; font-weight: 900; text-shadow: 1px 1px 1px #555; line-height: 1; letter-spacing: 1px; font-family: 'Roboto Condensed', sans-serif;}
.video-overlay a {
	display: inline-block;
	text-transform: uppercase;
    padding: .75em 1em .75em 1.5em;
    color: #FFF;
    font-size: 22px;
    transition: all .5s ease;
    position: relative;
    margin: 5% 0 0 0;
    box-sizing: border-box;
    background: rgba(34,34,34,.75);
	text-shadow: 2px 2px 2px #555;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
	border-left: 7px solid #ec1d25;
	line-height: 1.3;
}


.eq-head {
	text-align: center;
	position: relative;
}
 
.eq-head img {
	width: 100%;
	margin-bottom: -10px;
}

.eq-head a {
	display: block;
    float: left;
	text-align: left;
    font-style: normal;
	text-transform: uppercase;
    padding: .75em 1em .75em 1.5em;
    color: #FFF;
    font-size: 22px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    position: absolute;
    margin: 5% 0 0 0;
    box-sizing: border-box;
    background: rgba(34,34,34,.75);
	text-shadow: 2px 2px 2px #555;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
	border-left: 7px solid #ec1d25;
	line-height: 1.3;
}

.eq-head a:hover, .video-overlay a:hover {
	background: rgba(40,68,141,1);
	color: #fff;
}
.eq-head a img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 10px;
	max-width: 250px;
}
.eq-head a span, .video-overlay a span {
	display: block;
	font-size: 18px;
	font-weight: 500;
	color: #ddd;
}

/*===================== 
                PARTS SEARCH 
=======================*/
iframe.parts_search{
	width:100%;
	min-height:500px; 
	height:100%;
	margin-top: 30px;
	background: #FFFFFF;
	border: 1px solid #000000;
}

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


/************************************************************************ .breakbutton**/


.lowloc{padding-left: 18px;}
.graybox {padding: 3em 0; margin:0 auto;display: inline-block;background: #5C5C5C; width: 100%;text-align:center; float: none;}
.graybox ul li {display: block; margin: 20px 0;color: #FFFFFF}
.graybox ul {width: 28%; display: inline-block; vertical-align: top;}

.box3 {
	width: 50%;
	display: inline-block;
	margin: 0;
	position: relative;
	padding: 0;
	float: left;
}


img#responsive-hero {width: 100%; height: auto; margin: 0 auto; display: block; max-height: 500px;}

/*===================== 
	slideshow styles 
=======================*/
.hero-img {	
	height:100%;
}
.hero-img img {
	width:100%;	
}

.cycle-slide {
	width:100%;
	float:left;	
}


/****************************SLIDESHOW**************************/


.slide-contain {
width:100%;
float:left;

position:relative;
z-index:0;
overflow:hidden;
height: 500px;

}

.cycle-slideshow, .cycle-slide { width:100%; }

.cycle-slideshow img, .cycle-slide img { width:100%; float:left; }

.cycle-slideshow {
	width:100%;
	overflow:hidden;
	float:left;
	
	display:block;
}
.cycle-slideshow img {display:block; height:600px; width:100%; float:left; margin-top: -50px;}

/* pager */
.pager {text-align:center; width:100%; margin:-100px 0 -2px; position:relative; z-index:999; float:left;}
.pager span {font-family: 'Roboto', sans-serif; font-size:50px; width:16px; height:16px; display:inline-block; color:rgba(255,255,255,0.8); cursor:pointer;}
.pager span.cycle-pager-active { color: #E70003;}
.pager > * { cursor:pointer;}



.box4 {
	background: #FFF;
	width: 50%;
	display: inline-block;
	margin: 0;
	position: relative;
	padding: 0;
	float: right;
	/*height: 500px;*/
}
.box4 .text-wrap {padding-top: 10%;}

.banner { background: #ec1d25; padding: 30px 0;text-align: center;}



/***map***/
.homemap {display: none; visibility:hidden;}


.mapback {background: #fff; width: 100%;}
.mappy {margin: 0 auto; text-align:center;}
.map img { }
.mapback img {
width: 100% !important;
  height: auto;
  max-width: 100% !important;
  display: block;
}

.mapback, #dynamicContent {flex: 1;}
.map {
    display: flex;
    gap: 5%;
    width: 90%;
    margin: 0 auto !important;
    padding: 50px 0;
}


.marker:hover #dynamicContent {
	text-align: left;
	background: #fff;
	border: 2px #111111 solid;
	border-radius: 5px;
	padding: 15px 15px;
	line-height: 24px;
	position: relative!important;
	margin-top: -245px;
	width: 45%;
	display:inline!important;
}
#dynamicContent {
	display:block;
	margin-top:0px;
	-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;	
}
#dynamicContent {
	display:inline-block;
	margin-top:0px;
	-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
	
}

.blue {
	max-width: 450px;
	width:100%;
	float:none;
	display: block;
	padding: 50px 25px;
	margin: 0 auto;
	border: 3px solid #000000;
	background: url(../siteart/p1.png) fixed;
	overflow: hidden!important;
}

.locations h2 {
	font-family: 'Roboto', sans-serif;
	font-size:24px;
	margin-top:20px;
	font-weight:bold;
	color:#FFF!important;
}
.blue img {max-width: 180px; float: none;  margin: 10px auto; border: 1px solid #FFFFFF; display: block; text-align: center;}
.blue h1 {
color:#000000;	
text-align:center;
text-transform:uppercase;
font-size:36px;
line-height:36px;
border:0;
font-weight: 600;
}

.blue h2  {
color:#eb1c24;	
font-family: 'Roboto', sans-serif;
font-weight: 700;
text-align:center;
text-transform:uppercase;
font-size: 27px;
line-height:27px;
}

.blue h3 {
color:#000;	
text-align:center;
text-transform:uppercase;
font-size:16px;
line-height:16px;
margin-bottom:20px;
margin-top:5px;
}

.blue h4 {
color:#000;	
text-align:center;
text-transform:uppercase;
font-size:20px;
line-height:20px;
margin-top:20px;
}
.blue h5 {text-align: center; padding-bottom: 15px; color: #000}

.blue a {color:#eb1c24;	background: #FFF; padding: 5px 15px;  border-radius: 5em; box-shadow: 2px 2px 5px #888888; }
.blue a:hover {color:#FFF;	background: #eb1c24; padding: 5px 15px; border-radius: 5em; box-shadow: 2px 2px 5px #888; }

.blue p {
color:#000000;		
text-align:Center;	
margin-top:5px;
}

.blue i {color:#000;}
.locations a {
background:#D0D0D0;
padding:5px 37px;
font-family: 'Roboto', sans-serif;
margin-top:20px;
color:#00264b;
font-size:18px;	
float:left;
font-weight:bold;
border-radius:3px;
}

.locations a:hover {
background:#ADADAD;	
}





.fourth {
	float:none;
	margin: 20px auto;
	text-align: center;
	display:inline-block;
	padding:0 2%;
	width: 48%;
	box-sizing: border-box;
}
.fourth img {
	max-width: 700px;
	width: 100%;
}
.fourth a:hover img {
	opacity: .7;
}

.fourth-big {
	float:none;
	margin: 20px auto;
	text-align: center;
	display:inline-block;
	padding:0 2%;
	width: 48%;
	box-sizing: border-box;
}
.fourth-big img {
	max-width: 700px;
	width: 100%;
}
.fourth-big a:hover img {
	opacity: .7;
}



.part-button {
	width: 33%;
	box-sizing:border-box;
	padding: 10px;
	text-align:center;
	float:none;
	display:inline-block;
	background: #fff;
	color: #000;
	border: 1px solid #ec1d25;
	margin: 5px auto;
	vertical-align: top;
	height: 70px;
}
.part-button p {
	padding-top: 3%;
}
.part-button:hover {
	background: #ec1d25;
	color: #fff;
}
.part-button:hover p {
	color: #fff;
}


/***** ZOOM *****/
.cat .content {
	margin: 0 auto;
	float:none;
	text-align:center;
	
}
.cat .content img {
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
	float:none;
	text-align:center;
}
.cat .content:hover img {
	opacity: .7;
}
 
 .cat {
	width:90%;
	margin:40px 5% 55px 5%;
	float:left; 
 }
 .cat h1 {color: #fff; border-bottom: 2px solid #a1a1a1; margin-bottom: 30px;}


 
 .cat2 {
	width:100%;
	margin:40px auto 55px auto;
	float:left; 
 }
 .cat2 h3 {margin-bottom: 20px;}


.cat2 .part-button:hover {
	background: #fff;
	color: #ec1d25;
}
.cat2 .part-button:hover p {
	color: #000;
}
.about .zoom-container {width: 33.33%;}
.about .zoom-container .zoom-caption h4 {font-size: 20px;}
.zoom-wrapper {margin-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: center;}

.zoom-container h4 {margin-bottom: 0px;}
.zoom-container {
	float:left;
	width: 25%;
	position: relative;
	overflow: hidden;
	display: inline-block;
	border: 2px solid rgba(255,255,255,0);
	box-sizing: border-box;
}
.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .25);
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.zoom-container .zoom-caption h4 {
	display: block;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight:700;
	color: #fff;
	text-shadow: 2px 2px 2px #555;
	width:95%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.zoom-container:hover .zoom-caption h4 {
	background: none;
	color: #fff;
}	  

/* Grow Shadow */ 
.zoom-container a .zoom-caption { 
	display: inline-block; 
	vertical-align: middle; 
	-webkit-transform: perspective(1px) translateZ(0); 
	transform: perspective(1px) translateZ(0); 
	box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
	-webkit-transition-duration: 0.3s; 
	transition-duration: 0.3s; 
	-webkit-transition-property: box-shadow, transform; 
	transition-property: box-shadow, transform; 
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
} 
.zoom-container a:hover .zoom-caption, .zoom-container a .zoom-caption:focus, .zoom-container a .zoom-caption:active { 
   box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); 
   -webkit-transform: scale(1.1); 
   transform: scale(1.1); 
	background: none;
} 
.zoom-container a:hover .zoom-caption h4 , .zoom-container a .zoom-caption:focus h4 , .zoom-container a .zoom-caption:active h4  {
	text-shadow: 2px 2px 2px #555;
}




/* Logo Bar */
	.logoBar {background: #FFF!important; padding: 3em 0;position: relative;}
	.logoBar h2 {color: #000; text-align: center; margin-bottom: 20px;}

/*
	.slick-next:before {
		background: url(../siteart/next.png) no-repeat 50% 50% #000000;
		right: 45px;
	}
	.slick-prev:before {
		background: url(../siteart/prev.png) no-repeat 50% 50% #000000;
		left: 45px;
	}
	.slick-next:before, .slick-prev:before {
		background-size: 20px;
		position: absolute;
		content: ' ';
		display: inline;
		z-index: 99999999;
		width: 25px;
		height: 25px;
		border-radius: 3px;
		opacity: 1;
		top: 0;
	}
	button.slick-next.slick-arrow {
		visibility: hidden;
	}
	button.slick-prev.slick-arrow {
		visibility: hidden;
	}
	.slick-slide img {
		display: block;
		height: 65px;
		padding: 15px 0;
	}
	.slick-slide { 
		display: table;
		padding: 0 35px 0 0;
	}
*/

.logoSwiper .swiper-slide {max-width: 100%;width: 100%;}
.logoSwiper .swiper-slide img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}



.map-area {
	width:90%;
	display:block;
	text-align:center;
	margin: 30px auto 0 auto;
	float:none
}
.map-area iframe {width:100%; height:320px; display:block;border: 1px solid #000000}
.emp-contain {
	background: url(../siteart/p1.png) repeat; border-top: 2px solid #000000;padding-bottom: 80px; margin-bottom: -80px; }


.empwrap {text-align:left; margin: 0 auto;}
.empwrap h3 {padding-bottom: 5px; border-bottom: 2px solid #000000; margin-bottom: 10px; color: #FFFFFF; width: 100%;}
.empwrap h5 {color: #606060;}

.emp {width:270px; border: 2px solid #FFFFFF; background: #fff;  padding: 20px; margin: 20px 10px; text-align: left; vertical-align: top; min-height: 250px;}
.emp img {margin: 0 auto; display: block; padding-bottom: 18px; max-width: 200px; width: 100%; }
.empwrap h1 {border-bottom: 3px solid #ec1d25; color: #000; font-weight: 600;}
.emp i {color: #000000; }
.emp a {line-height: 35px; color: #CD131A!important}
.emp a:hover {color:#000000!important;}
/** internal page styles **/

.dept {width: 100%; display: flex; flex-wrap: wrap; background: rgba(0,0,0,.3); padding: 20px; border: 1px solid #ec1d25}



.contact-info {width:28%; float:left; margin:0 2% 15px 0;}





/***************************** contactstyles **/

.mid {width:100%; display:block; margin:0px auto; 
	background: url(../siteart/p1.png) repeat; }

.mid h1 {
	margin-bottom: 10px;border-bottom: 3px solid #ec1d25;padding-bottom: 0px;
}
.mid p {
	padding: 20px; color: #000000
}





.about h3, .news h3 {margin-bottom: 20px; font-weight: 600; color: #000; text-align: left; text-transform: uppercase;}
.about p {text-align: left;}
.about ul li {margin: 10px 0; padding: 10px 5%; font-weight: 600; background: #ddd; font-size: 18px;}
.about ul li:hover {background: none; transition: all .2s ease;}
a.news-post {width: calc(50% - 2em); margin: .75em; display: inline-flex; align-items: center; justify-content: center; color: #000; padding: 1em 5%; border: 1px solid #000; border-radius: 15px; font-weight: 600; text-decoration: none!important;}
a.news-post i {display: block; font-size: 30px; color: #2a3563; padding: 15px;}
a.news-post:hover {color: #2a3563!important; border: 1px solid #B9B9B9;}
a.news-post:hover i {color: #ec1d25;}

.associations {display: flex; justify-content: center; align-content: center;}
.associations a {border: 1px solid transparent; margin: 1%; display: inline-block;}
.associations a:hover {border: 1px solid #ec1d25;}
.associations img {width: 100%; height: auto; max-width: 350px;}

.contform {float: none; background: rgba(0,0,0,.2);}

.contact-contain {
	width: 100%;
	background: url(../siteart/p1.png) repeat;
	padding-bottom: 80px; margin-bottom: -80px;
}
.contact-contain h1 {
	margin-bottom: 20px;border-bottom: 3px solid #ec1d25;padding-bottom: 15px; color: #000000!important; font-weight: 600;
}
.sales{text-align: center;}
.sales img{width: 75%;}
.sales h1 {
	margin-bottom: 0px;border-bottom: 0px solid #ec1d25;padding-bottom: 0px; color: #000000!important
}

.contact-contain span {font-family: 'Roboto', sans-serif!important;}

.contact-wrap {
	width:88%; 
	max-width:2000px;
	margin:0 auto;
	padding: 25px 20px 85px 20px;
	text-align: left;
}

.contact-wrap h1 {
	margin-bottom: 10px;border-bottom: 3px solid #ec1d25;padding-bottom: 0px; color: #000000!important
}

.continfo {margin-top: 30px; display: inline-block;color: #000; text-align: left;}
.continfo a, .continfo h5 {color: #000;}
.continfo a:hover { text-decoration: underline; color: #ec1d25;}

.career-info {text-align: left; font-family: 'Roboto', sans-serif;}
.career-info h1 {text-align: center;}
.career-info h3 {font-weight: 600; color: #000; text-align: left; text-transform: uppercase;}
.career-info a, .news a {color: #000; text-decoration: underline;}
.career-info a:hover, .news a:hover {text-decoration: none; color: #ec1d25;}
.career-info ul {padding: 20px;}
.career-info ul li {margin: 10px 0;}
a#cta-btn2 {text-decoration: none; color: #fff!important; background: #2a3563; padding: 10px 5%; display: inline-block; margin: 5px;}
a#cta-btn2:hover {background: #ec1d25;}

.img-wrapper {display: flex; justify-content: center; align-items: center;}
.img-wrapper img {width: 100%; max-width: 33.33%; padding: 20px;}

.map-area2 {
	width:100%;
	display:block;
	text-align:center;
}
.map-area2 iframe {width:100%; height:520px; display:block;}


.contact-wrap .half {
	width: 40%;
	min-width: 300px;
	margin-left: 2%;
	float: left; 
	text-align: left;
	display: inline-block;
}
.contact-wrap .half2 {width: 55%; float: right;margin: 0 auto;  padding:0px 20px 40px 0;display: inline-block}

.contact-wrap .half h1 {color: #ec1d25}
.contact-wrap .half a:hover {color: #000;}
.contact-wrap .half a:hover .contleft span {color: #000!important;}
.contact-wrap .half span {font-family: 'Roboto', sans-serif!important; font-weight: 700;}
.contact-wrap .half2 h3 {color: #000;}
.contact-wrap .half2 #formpage {margin-top: 30px;}



.contloc {padding-left: 25px;}
.infomid {background: #FFF; border: 2px solid #ec1d25}




.partwrap {text-align:left; margin: 0 auto;}
.part {width:270px; border: 1px solid #000; background: #FFFF; padding: 20px; display:inline-block; margin: 20px 10px; text-align: left;vertical-align: top; min-height: 250px;}
.part img {margin: 0 auto; display: block; padding-bottom: 18px; max-width: 100px; width: 100%;}

.part h4 {background: none; border-bottom: 1px solid #000000; text-align: center;  padding: 0;}
.part a {line-height: 35px;}
.part a:hover {color:#000!important;}

.part-wrap a:hover {color: #000; text-decoration: underline;}
.view-parts  {background: #000;color:#ec1d25; padding: 10px; box-shadow: 2px 5px 8px #000; margin: 30px auto; float: none; text-align:center; text-transform: uppercase; max-width: 400px; width: 90%;} 
.view-parts a {color: #fff; font-weight: 700;}

.view-parts a:hover {color:#ec1d25;} 
.view-parts:hover {cursor: pointer; background:#ec1d25; }
.view-parts:hover a{color: #fff;}

.hours {padding: 20px 0;margin: 0 auto -20px auto; float: none; text-align: center;background: rgba(0,0,0,.2);border-top: 1px solid #ec1d25}
.hoursbox {min-width: 330px;width: 25%;display: inline-block; border: 1px solid #ec1d25; margin: 20px 8px;padding: 20px 20px 0px 20px;height: 200px;vertical-align: top;background: #FFF;text-align: center;}
.hoursbox h4 {padding: 5px 0; margin: 0; text-align: center;}
.hoursbox img {margin: 0 auto; float: none; text-align: center; padding: 2%; vertical-align:middle}





.rocky {width: 100%; margin-top: -30px;z-index: 3; margin-bottom: -35px;}


/***************************** footer styles **/

footer {
	width:100%;
	background: #000;
	color:#fff;
	padding: 30px 0;
	z-index: 9;
}
footer p {font-size:14px; margin-bottom:14px;  color: #8e8d8d}
footer a {color:#b3b3b3; text-decoration:none;}
footer img {display: inline-block}

.rightfoot {width: 28%; float: right; display: inline-block;}
.rightfoot img {display: block; float: right; padding-bottom: 10px;}
.rightfoot p {color: #fff; font-size: 16px;}
.rightfoot a {color: #ec1d25; text-decoration: underline; font-size: 12px;}
.rightfoot a:hover {color: #fff; text-decoration: none;}


.quick-link {width:30%;  float:left; display:block; }

.facebook	{background: url(../siteart/icons/fb-small.png) no-repeat; width: 18px;height: 18px; display: inline-block;margin-right: 8px;}
.facebook:hover	{background: url(../siteart/icons/fb-small.png) no-repeat; }

.instagram	{background: url(../siteart/icons/ig-small.png) no-repeat; width: 18px;height: 18px; display: inline-block;margin-right: 8px;}
.instagram:hover	{background: url(../siteart/icons/ig-small.png) no-repeat; }

.linkedin	{background: url(../siteart/icons/ln-small.png) no-repeat; width: 18px;height: 18px; display: inline-block;margin-right: 8px;}
.linkedin:hover	{background: url(../siteart/icons/ln-small.png) no-repeat; }

.youtube	{background: url(../siteart/icons/youtube-small.png) no-repeat; width: 18px;height: 18px; display: inline-block;margin-right: 8px;}
.youtube:hover	{background: url(../siteart/icons/youtube-small.png) no-repeat; }

.google	{background: url(../siteart/icons/google-small.png) no-repeat; width: 18px;height: 18px;display: inline-block;margin-right: 8px;}
.google:hover	{background: url(../siteart/icons/google-small.png) no-repeat; width: 18px;}

.twitter	{background: url(../siteart/icons/twitter-small.png) no-repeat; width: 18px;height: 18px;display: inline-block;margin-right: 8px;}
.twitter:hover	{background: url(../siteart/icons/twitter-small.png) no-repeat;  }

.quick-link ul {width:140px; display:inline-block; padding-bottom:20px;  margin-top: 8px; vertical-align: top }
quick-link ul li a {color: #FFF}
.quick-link li {display:block; line-height:25px;}
.quick-link a { text-transform:uppercase; font-size:16px;color: #FFF;}
.quick-link a:hover {color:#ec1d25;}
.quick-link h4 {color: #FFF;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:12px; color:#ec1d25;line-height: 20px;}
a.footerlink:hover {text-decoration:none; color:#fff;line-height: 20px;}


.middlefoot {
	display: inline-block;
	text-align: left;
	width:35%;
	float: left;
}
.middlefoot a {color: #FFF;}
.middlefoot a:hover {color: #ec1d25;}
.middlefoot img {padding-right: 7px; padding-top: 4px;}
.middlefoot  h4 {color: #FFF;}



/***************************** form styles **/
#formpage {float: none;}
form h4 {color: #ec1d25;}
form a:hover {cursor: pointer}
#formpage label {display:block;}
/*** form styles ***/
.col2 {width:calc(50% - 2px); margin: 0 auto; display: inline-block; float: none;}

#formpage input, #formpage select, #formpage textarea, #parts input, #parts select, #parts textarea {
	width:100%;
	width:calc(100% - .5em);
	margin: .25em;
	padding:5.5px 5px;
	border:1px solid #ec1d25;
	color:#000;
	background:#FFF;
	font-size:16px;
	font-family: 'Roboto', sans-serif;
}
#formpage textarea, #parts textarea {
	height:120px;
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */

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

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

/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus,
#parts input:focus,
#parts textarea:focus,
#parts select:focus {
	color:#000;
	border:1px solid #8e8d8d;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}
#formpage input.button,
#formpage input.button:focus,
#parts input.button,
#parts input.button:focus {
	width:100%;
	border:1px solid #8e8d8d;
    margin:0;
    padding:7px 0;
    background:#000;
    font-size:14px;
	margin-top:10px;
	line-height:14px;
	font-weight:bold;
    color:#E4E4E4;
	cursor: pointer;
}
#formpage input.button:hover, #parts input.button:hover {
	background:#ec1d25;
	color:#fff;
} 
#formpage .column3 {
	margin-bottom: 30px;
}

#formpage .column3 input{
	color:#000;
	background:#FFF;
	width:100%;
}
#formpage .column3 input:hover{
	cursor: pointer;
	background: #ec1d25;
	color: #FFF;
}

/*  EXPANDER
------------------------------------------------*/	
.toggle.expander.expanded {
	display: none;
	float: none;
	margin:0;
}

a.expander.toggle.column3.submit-button.collapsed {
    width:100%;
    display: inline-block;
    text-align: center;
    padding: 5px 5px;
    color: #fff;
    font-size: 13px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-transform: uppercase;
	float: none;
	margin:0;
}

a.expander.toggle.column3.submit-button.collapsed {
    width:100%;
	width:calc(100% - .5em);
	margin: .25em;
    background: #000;
	border:1px solid #ec1d25;
    display: inline-block;
	padding: 5.5px 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    transition: all .2s ease-in-out;
    text-transform: uppercase;
	text-decoration:none;
	float: none;
}
a.expander.toggle.column3.submit-button.collapsed:hover {
    width:100%;
	width:calc(100% - .5em);
	margin: .25em;
    background: #ec1d25;
    display: inline-block;
	padding: 5.5px 5px;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    transition: all .2s ease-in-out;
    text-transform: uppercase;
	text-decoration:none;
	float: none;
}
.text-link.expander.collapsed {
	visibility: visible;
	transition:.5s ease-in;
	float: none;
	background: #000;
}	
.text-link.expander.expanded {
	color: #fff;
	max-width:300px;
	float: none;
	margin:0;
}	
.toggle.expander.expanded:hover {
	text-decoration:none;
	color:#fff;
	background: #ec1d25;
	outline-style:none;
	border:1px #0f355b solid;
	max-width:300px;
	float: none;
	margin:0;
}	
.toggle.expander.collapsed:hover {
	text-decoration:none;
}



footer .captcha {
	width:100%;
	margin:0 auto;
	color:#BBB;
	line-height:19px;
	text-align:center;
}

footer .captcha a{
	color:#BBB;
}

 .captcha {
	width:100%;
	margin:0 auto;
	color:#606060;
	line-height:19px;
	text-align:center;
}

.captcha a{
	color:#606060;
}

.captcha input{
	margin:0;
	float:none;
	max-width:300px;
}

.CaptchaImage {
	margin: 0 auto;
	text-align: center;
	float: none;
	display: block;
} 


.terms {padding-top: 30px;}
/***************************** form styles **/


/*partsrequest=============================*/

#parts {width:100%; float:left; margin:60px 0 40px 0; font-family: 'Roboto', sans-serif;}
#parts tr {width:calc(50% - 1em); float:left; margin: .5em;}
#parts .fullrow {width:100%;}

#parts tr td h2 {
	width:100%;
	float:left;
	background:#000;
	color:#fff;	
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	text-transform:uppercase;
	text-align:center;
	padding:.35em;
	margin-bottom:20px;
}

#parts tr td h3 {
	font-family: 'Roboto', sans-serif;
    font-weight: 800;
    color: #000;
    text-align: left;
    font-size: 24px;
	text-transform:uppercase;
	text-decoration: underline;
	border-bottom: 0;
	margin-bottom: 0;
}
#parts td {width:100%; float:left;}




/***************************** responsive styles **/
@media screen and (max-width: 1640px) {	
	
.slide-contain {height: 450px;}
img#responsive-hero {max-height: 450px;}
.cycle-slideshow img {display:block; height:550px; width:100%; float:left; margin-top: -50px;}
.pager {margin:-100px 0 -2px;}
	
	
}
@media screen and (max-width: 1550px) {
.blue h1 {font-size: 32px;}
	
		
.slide-contain {height: 450px;}
img#responsive-hero {max-height: 450px;}
.cycle-slideshow img {display:block; height:470px; width:100%; float:left; margin-top: -20px;}
.pager {margin:-50px 0 -2px;}	
	
}

@media screen and (max-width: 1500px) {
		
.slide-contain {height: 435px;}
img#responsive-hero {max-height: 435px;}
.cycle-slideshow img {display:block; height:460px; width:100%; float:left; margin-top: -25px;}
.pager {margin:-50px 0 -2px;}	
	
}

@media screen and (max-width: 1450px) {
	nav ul li a {font-size:19px;}
	nav ul ul li a {font-size: 14px;}
	nav {min-width: 500px;margin-right: 0px;}	
	
	
	.rightfoot {width: 28%; float: right; display: inline-block;}
	.quick-link {width:34%;  float:left; display:block; }
	.middlefoot {width:30%;}
	
	.blue h1 {font-size: 30px;}

	.hoursbox {height: 240px;}
}

@media screen and (max-width: 1380px) {
		
.slide-contain {height: 380px;}
img#responsive-hero {max-height: 380px;}
.cycle-slideshow img {display:block; height:420px; width:100%; float:left; margin-top: -40px}
.pager {margin:-50px 0 -2px;}	
	
}

@media screen and (max-width: 1300px) {
	nav ul ul {top: 39px;}
	.inner ul li {
		float: right;
		color: #000;
		border-right: 1px solid #000;
		font-size: 11px;
		line-height: 18px;
		padding: 5px 10px;
	}

.slide-contain {height: 380px;}
img#responsive-hero {max-height: 380px;}
.cycle-slideshow img {display:block; height:400px; width:100%; float:left; margin-top: -20px}
.pager { margin:-50px 0 -2px;}	
	
	h3 {font-size: 22px;}
	
	.graybox {padding: 50px 0; margin:0 auto;display: inline-block; width: 100%;text-align:center; float: none;}
	.graybox ul li {display: block; margin: 20px 0;color: #FFF;}
	.graybox a:hover {color: #ec1d25}
	.graybox ul {width: 33%; display: inline-block; vertical-align: top;}
	.blue h1 {font-size: 28px;}	
	
	.zoom-container {width:33%;}	
	
	.fourth-big {
		float:none;
		margin: 20px auto;
		text-align: center;
		display:inline-block;
		padding:0 2%;
		width: 98%;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 1220px) {
	.box1 {min-height: 400px;}
	.box2 {min-height: 400px;}
	
	.box2 h1 {margin-top: 150px;}
	.box3 h1 {margin-top: 150px;}
	.grey {margin: 160px auto 0 auto;}
	.blue a {background: #E1E1E1;}
	.blue h1 {font-size: 23px;}
	
.slide-contain {height: 360px;}
img#responsive-hero {max-height: 360px;}
.cycle-slideshow img {display:block; height:380px; width:100%; float:left; margin-top: -20px}
.pager { margin:-50px 0 -2px;}	

.logos img {max-width: 135px; width: 100%; border: 1px solid #000000}
}

@media screen and (max-width: 1140px) {
	h1 {font-size:32px;}
	.border-box h6 {width:17%;}
	.new-used h2 {width:40%;}
	.new-used h2 img {width:6%;}	
}

@media screen and (max-width: 1120px) {
	.box3, .box4 {width: 100%;}
	
	.box4 .text-wrap {padding-top: 35px;}
	.box4 h3 {font-size: 19px;}
	
	.slide-contain {
		width:100%;
		float:left;
		position:relative;
		z-index:0;
		overflow:hidden;
		height: auto;	
	}
	
	img#responsive-hero {max-height: 600px;}
	
	.video-overlay {left: 7%;}
	.video-overlay h2 {font-size: 65px;}
	.eq-head a, .video-overlay a {font-size: 20px; border-left: 4px solid #ec1d25; padding: .75em 1.25em;}
	.eq-head a span, .video-overlay a span {font-size: 16px;}
	.mid-contain {height: 40vw; min-height: 600px;}
	.mid-contain video {height: 650px;}
	
	.cycle-slideshow, .cycle-slide {width:100%;}
	
	.cycle-slideshow img, .cycle-slide img { width:100%; float:left; }
	
	.cycle-slideshow {
		width:100%;
		overflow:hidden;
		float:left;		
		display:block;
	}
	.cycle-slideshow img {display:block; height:auto; width:100%; float:left; margin-top: 0; }

	nav .inner {margin-right: 5px;}
	.wrap {width:96%;}
	.headwrap {width:96%;}
	.text-wrap  {width: 90%;}
	.contact-wrap {width: 90%;}
	
	.box-buttons {
	background: #555;
	text-align:center;
	position:relative;
	padding: 10px 0 20px 0;
	margin: 0 0 20px 0;
	}
	.box-buttons a {width: 31%; float: left;background: none;background-size: 0; height: 150px;}

	.search-tab {
	float:right;
	display:block;
	color:#fff;
}
	.about .half {
	width: 60%;
	min-width: 100%;
	float: left; 
	text-align: left;
	display: inline-block;
	}
	.about .half2 {width: 37%; float: right;margin: 0 auto;  padding:0px 0px 40px 0;display: inline-block; min-width:250px;}	
  
	.container{margin:40px auto;}	
	
	.categorybox .categorybox-title {
		text-align:center;
		width:100%;
		position:absolute;
		background: #000000;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%); 
		font-size:24px;
		color:#fff;
		font-family: 'Oswald', sans-serif;
		font-weight:700;
		text-transform:uppercase;
		z-index:99;
	}	  
	a:hover .categorybox-title {font-size:28px;}	
	
	
	.blue {
	width:96%;
	padding: 4% 0;
	margin: 0 auto;
	}
	.blue {border: 0; background: #FFF; box-shadow: none;}	
	.map {flex-wrap:wrap;gap: 30px;}
	.mapback, #dynamicContent {flex-basis: 100%;}
}

@media screen and (max-width: 1024px) {
	
	.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12 {margin: 0 auto!important; width: 100%!important; float: none; padding: 0;}
	.about ul li {font-size: 16px;}
	a.news-post {float: left; margin: 5px!important;}
	
	.cont-top {display: block; margin-right:0; padding-bottom: 8px; padding-top: 8px;}
	
	.popup .popup-text::after {right: 56px; left: auto;}
	
	.popup-text.left-pop::after {right: auto !important;}
	
	.manu-logos {width: 98%; margin: 60px auto;}
	.manu-mid {margin: 0 auto; text-align: center;}
	body {font-size:14px;}
	p {margin-bottom:14px;}
	h1 {font-size:28px;}
	h3 {font-size: 20px;}
	h4 {font-size:18px;}
	
	a.news-post {width: 100%; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; padding: .75em 5%; flex-direction: column;}
	
	footer p {font-size:12px; margin-bottom:12px;}

	.rightfoot {width: 100%; float: right; display: inline-block;margin-top: 40px;}
	.quick-link {width:50%;  float:left; display:block;}
	.middlefoot {width:45%;}
	
	
	.graybox {padding: 50px 0; margin:0 auto;display: inline-block; width: 100%;text-align:center; float: none;}
	.graybox ul li {display: block; margin: 20px 0; padding: 0 10px;color: #FFFFFF}
	.graybox a:hover {color: #ec1d25}
	.graybox ul {width:33%; display: inline-block; vertical-align: top;}

	.rocky {width: 100%; margin-top: -30px;z-index: 3; margin-bottom: -20px;}
}

@media screen and (max-width: 950px) {
	
	.logo {margin-top: 20px;z-index: 999;}
	.show-tablet {display:block;}
	.hide-tablet {display:none;}	
	
	#simple-menu {
			float: right;
			background:url(../siteart/mobile-nav-icon.png) no-repeat center center;
			height:50px;
			width:50px;
			display:block;
			cursor:pointer;
		}
	#simple-menu:hover {background:url(../siteart/mobile-nav-icon-hover.png) no-repeat center center;}
		
	.main-nav .inner {float: right;}		

	nav {
		width:100%;
		min-width: 250px;
		float:right;
		margin-top: 88px;
	}
	.inner {display: none; visibility:hidden;}
	
	nav a:link, nav a:active, nav a:visited {font-size:13px;}
	nav ul li {padding: 5px 6px;}

	
	.zoom-container .zoom-caption h4 {font-size:18px;}

	.new-used h2 img {width: 5%}
	.manu-logos a{margin:15px 2%;}	
	
	.brands img {max-height: 25px; display: inliine-block; padding: 30px 2%;}
	.categorybox {
		float:left;
		width: 50%;
		margin: 0 0 0 0;
		box-sizing: border-box;
		height:350px;
		position:relative;
		overflow:hidden;
		background-position:center center;
		background-repeat:no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		border:1px #000 solid;
	}
	
	.categorybox .categorybox-title {
		text-align:center;
		width:100%;
		position:absolute;
		background: #000000;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%); 
		font-size:24px;
		color:#fff;
		font-family: 'Oswald', sans-serif;
		font-weight:700;
		text-transform:uppercase;
		z-index:99;
	}	
	
	.eq-head a img {max-width: 185px;}	
		
}

@media screen and (max-width: 900px) {
	
	.part-button {width: 49.5%;}
	
	.about .half3 {
	width: 98%;
	min-width: 300px;
	float: left; 
	text-align: left;
	display: inline-block;
}
.about .half4 {width: 100%; float: right;margin: 0 auto;  padding:60px 00px 0px 0;display: inline-block}		

}

@media screen and (max-width: 880px) {		
	
	.box2 h1 {
		margin-top: 150px;
	}
	.box3 h1 {
		margin-top: 150px;
	}
	.grey {
		margin: 130px auto 0 auto;
	}
	
	.half-col-lt {
		width:96%;
		border-right:0;
		padding-right:15px;
		float:left;
	}
	.half-col-rt {
		width:96%;
		float:left;
		position:relative;
	}
	.contact-wrap .half {
		width: 96%;
		float: left; 
		text-align: left;
	}
		.contact-wrap .half2 {
		width: 96%;
		margin-left: 2%;
		float: left; 
		text-align: left;
	}

}

@media screen and (max-width: 800px) {	
	
	.about .half {
	width: 100%;
	min-width: 300px;
	float: left; 
	text-align: left;
	display: inline-block;
	}
	.about .half2 {width: 100%; float: left;margin: 0 auto;  padding:0px 0px 40px 0;display: inline-block; min-width:250px;}
	
	.img-wrapper {display: block;}
	.img-wrapper img {max-width: none; padding: 10px;}
	
	.contact-wrap .half {
		width: 48%;
		margin-left: 2%;
		float: left; 
		text-align: left;
	}
	.directory{width: 100%;}
	.dropdown {padding: 6px 3px;font-size: 13px;margin: 0px auto;display: table;text-align: center;width: 100%;border: 1px solid #DDD;border-radius: 3px;}
	#direct {display:none; }
	.filterbutton {display: block; width: 97%;margin: 0 auto; float: none;background: #000000;  padding: 10px; text-align: left;margin-bottom: 10px;}
	
	.filterbutton:hover {color: #ec1d25; cursor: pointer;background: #989898}
	.filterbutton:hover h3{color: #ec1d25; cursor: pointer}
	.filterbutton img {display: inline-block; max-width: 20px; float: right;padding-right: 8px; padding-top: 4px;}
	
	
#logoset1 { display:none; visibility: hidden;}
#logoset2 { display:block; visibility: visible;}
	
}


@media screen and (max-width: 768px) {
	.empwrap {text-align: center;}	
	
	.show-768 {display:block;}
	.loc-list {font-size:12px;} 	
	
	#search .col4, .side-search .col4 {width:100%; float:left; margin-right:0%;}
	
	.categorybox h1 {visibility:hidden;display: none;}
	
	.invlinkbox { text-align: center;}
	.invlinkbox::before{
		top:0px;
		background:rgba(0,0,0,.6);
	}
	.invlinkbox:hover::before{
		background:rgba(0,0,0,.6);
		top:0;
	}
	.caption__overlay{
		-webkit-transform:translateY(0px);
		transform:translateY(0px);
	}
	#no-show {display: none; visibility:hidden;}
	
	.categorybox {
		float:left;
		width: 100%;
		margin: 0 0 0 0;
		box-sizing: border-box;
		height:220px;
		position:relative;
		overflow:hidden;
		background-position:center center;
		background-repeat:no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		border:1px #000 solid;
	}
	
	.categorybox .categorybox-title {
		text-align:center;
		width:100%;
		position:absolute;
		background:  none;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%); 
		font-size:24px;
		color:#fff;
		font-family: 'Oswald', sans-serif;
		font-weight:700;
		text-transform:uppercase;
		z-index:99;
	}		
	
	.phone {margin:0 0 10px 0;}
	
	.brands {width:100%; display:block; float: none; margin: 0 auto;text-align: center;background: #FFFFFF; border-top: 1px solid #8e8d8d}
	.brands img {max-height: 25px; display: inliine-block; padding: 20px 5%;}
	
	.border-box {margin-top:15px;}
	.border-box h6 {width:26%;}
	
	.text2-wrap {
		width:80%; 
		margin:0 auto; 
		padding: 35px 20px; 
		text-align: left;
	}
	.contact-info {width:40%; margin:0 0% 15px 0;}

	
	.contactform {float: none; width: 90%;}
	.contactform #formpage {float: none!important; width: 94%;margin: 0 auto!important; position: relative!important; text-align: center;}

}
@media screen and (max-width:705px) {
	.zoom-container, .about .zoom-container {width:50%;}
	
	.fourth {
		float:none;
		margin: 20px auto;
		text-align: center;
		display:inline-block;
		padding:0 2%;
		width: 98%;
		box-sizing: border-box;
	}
}

@media screen and (max-width:690px) {
	
	h2{font-size:25px;}
	
	#parts tr {width:95%; margin: .5em auto;}
	#parts tr td h2 {font-size:22px;}
	#parts tr td h3 {font-size:22px;}
	
	footer .wrap {padding-left: 20px; padding-right: 20px; width: 90%}
	.rightfoot {width: 98%; float: left; display: inline-block;margin-top: 40px; }
	.quick-link {width:100%;  float:left; display:block; margin-top: 50px;  }
	.quick-link ul {margin-left: 0;}
	.middlefoot {width:98%;}
	.box4 {min-height: 200px; width: 100%;}
	.box4 .text-wrap {padding-top: 30px;}
	
	.video-overlay h2 {font-size: 55px;}
	.eq-head a, .video-overlay a {font-size: 18px;}
	.eq-head a span, .video-overlay a span {font-size: 14px;}
	.mid-contain {height: 30vw; min-height: 500px;}
	.mid-contain video {height: 550px;}
}

@media screen and (max-width:660px) {
	footer .wrap {padding-left: 20px; padding-right: 20px; width: 90%; }
	.rightfoot {width: 98%; float: left; display: inline-block;margin-top: 40px; }
	.quick-link {width:100%;  float:left; display:block; margin-top: 50px;  }
	.quick-link ul {margin-left: 0;}
	.middlefoot {width:98%;}
	
	.box1 {min-height: 300px; width: 100%;}
	.box2 {min-height: 300px; width: 100%;}
	.box2 h1 {
		margin-top: 80px;
	}
	.box3 h1 {
		margin-top: 80px;
	}
	.grey {
		margin: 80px auto 0 auto;
	}
	
	.graybox h2 {margin-bottom: 15px;}
	.graybox ul {width:100%; display: inline-block; vertical-align: top; padding: 0; margin: 0}
	.graybox ul li {margin: 15px 0 0 0; padding: 0;}
	
	.circle {width: 48%; float: none; margin: 0 auto;position:relative; text-align: center; padding: 20px 0;}
	.circle img {max-width: 165px;}
	
	.no-break {display:block;}
	
	h1 {font-size:24px;}
	h3 {font-size:18px;}	

	.contact-wrap .half {width: 96%; padding: 0;  min-width: 200px;}
	
	.team-wrap {margin-top: 160px; padding: 1px 0;}
	
	.continfo {width: 100%; float: none;margin-bottom: 15px}
	.giant {float: none; width: 96%;text-align: center;border: 1px solid #f5692d;padding: 40px 10px;background: rgba(255,255,255,.3);margin-top: -10px;}
	
	.cat {margin-top: 0px;}	
	
	.rocky {width: 100%; margin-top: -30px;z-index: 3; margin-bottom: -5px;}
	
}

@media screen and (max-width:600px) {
	.box-buttons a {width:46%; float: left;background: none;background-size: 0; height: 150px;}	
}

@media screen and (max-width:550px) {
	.brands {width:100%; display:block; float: none; margin: 0 auto;text-align: center;background: #FFFFFF; border-top: 1px solid #8e8d8d}
	.brands img {max-height: 25px; display: inliine-block; padding: 15px 3%;}
	.container {width: 92%;}
	
	.logo {margin: 10px auto 0 auto; z-index: 999; width: 97%; overflow-x:hidden;}
	.logo img {max-width: 350px; float: none; position: relative;margin: 0 auto;width: 96%; }
	nav {margin-top: 79px;}	
	
	.cont-top {display: block; margin: 0 auto; text-align: center; margin-right:0; padding-bottom: 8px;}	
	
	.popup .popup-text::after {right: auto; left: 50%;}
		
}

@media screen and (max-width:520px) {
	.banner h1 {font-size: 20px; padding: 0 10px}
	
	.whole{display: inline-block;width: 80%; margin: 5px 20px; position: relative; float: none; flex-wrap:no-wrap;}
	
	.box-buttons a {width:45%; float: left;background: none;background-size: 0; height: 150px; }
	.box-buttons h6 {font-size: 12px;}
	.box-buttons img {max-height: 100px;}	
	
	.col2 {width:calc(100% - 2px); margin: 0  auto;display: inline-block; float: none;}

	.loc {display: none; visibility:hidden;}

	.logos img {max-width: 115px; width: 100%; border: 1px solid #000;}	
	
	.part-button {
		width: 99.5%;
		height: auto
	}
}

@media screen and (max-width:480px) {	
	#search .col2 {width:100%; float:left;}
	#search .col4, .side-search .col4 {width:100%; float:left; margin-right:0%;}
	#search .label-box {width: 100px;}
	
	.cont-top a { font-size:14px}
	.cont-top img {max-width: 19px;}	
}

@media screen and (max-width:455px) {
	.zoom-container, .about .zoom-container	{width:100%;}	
	.emp {width:90%; min-width: 100px; padding: 10px; margin: 20px 2px;}
}

@media screen and (max-width:420px) {
	.circle {width: 98%; overflow-x:hidden;}
	.circle img {max-width: 135px;}
	.box-buttons a {width:44%;}
	
	.hoursbox {min-width: 230px;width: 80%;display: inline-block; border: 1px solid #ec1d25; margin: 20px 8px;padding: 20px 20px 0px 20px;height: 260px;}
	
	.video-overlay h2 {font-size: 50px;}
	.eq-head a, .video-overlay a {font-size: 16px;}
	.eq-head a span, .video-overlay a span {font-size: 12px;}
	.mid-contain {height: 25vw; min-height: 450px;}
	.mid-contain video {height: 450px;}
}

@media screen and (max-width:400px) {
	
	.cont-top a { font-size:13px}
	.cont-top img {max-width: 19px;}
	.hoursbox {height: 280px;}
	
	.emp h5 {font-size: 16px;}	
	
}
@media screen and (max-width:375px) {
	.cont-top a {display: block;font-size:14px; padding-bottom: 4px; padding-left: 0;}
	.top-icons {float: none; text-align: center; display:block;}
	
	.manufacturer a{font-size: 24px; }
	
	.border-box .strikethrough {display:none;}
	.border-box h6 {width:45%;}
	
	.hours .go-right {float:none;}
	
	.contact-info {width:100%;}
	
	.brands a {width:48%;}
	
	nav {min-width: 210px;}
	
	.emp h5 {font-size: 14px;}
}