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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,s
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}

ol, ul {list-style: none;}
.clear {clear:both; height:0px; margin:0;}

body {overflow-x: hidden; line-height: 1.42857;}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

a{text-decoration: none; color: #fff; transition: .2s ease-in;}
a:link {text-decoration: none; color: inherit;}
a:hover{text-decoration: none;color:#AA0F21;}
a:active {color: #000;}

body a{color: #000; margin: 0;}

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

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

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

.back {
	font-family: 'Open Sans', sans-serif, Arial;
	font-size: 18px;
}

.fa-arrow-alt-circle-left {
	color: #AA0F21;
}
/*=======================
		BANNER
=========================*/

.banner{
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 1;
	margin-top: -145px;
}
.banner img {width: 100%; height: auto; display:block;}

.temp {
	width: 100%;
    height: 145px;
    overflow: hidden;
    z-index: 1;
    margin-top: -145px;
    /*background: #ccc;*/
}
/*=======================
	 INVENTORY PAGES 
=========================*/

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

/*=======================
	BUTTON AREA 
=========================*/
.button-wrap {
	background-image:url(../siteart/metal-background.jpg);
	background-size: cover;
	display: inline-block;
	width: 100%;
	height: auto;
	text-align:center;
	position: relative;
	padding: 10px;
}

.button-wrap h1{
	font-family: 'Open Sans', sans-serif, Arial;
	padding: 15px 0;
	font-size: 36px;
	font-weight: 900;
	text-transform:uppercase;
}

.btn {
	display: inline-block;
	width:18%;
	margin-top: 1%;
	font-family: 'Open Sans', sans-serif, Arisal;
	padding-bottom: 35px;
	font-size: 23px;
	font-weight: 700;
	color: #000!important;
	position: relative;
}
.btn img{
	width: 80%;
}
.btn a {
	color: #000!important;
}

.btn a:hover {
	color: #AA0F21!important;	
}

#spin:hover{
    -webkit-transform: rotateZ(702deg);
    -moz-transform: rotateZ(720deg);
     transform: rotateZ(720deg);
	-webkit-transition: 0.8s ease-out;
    -moz-transition:  0.8s ease-out;
    transition:  0.8s ease-out;
} 

.partspg {
	width: 100%;
	border:2px solid #646464;
	background-color: #fff;
	margin-bottom: 5%;
}

/*=======================
	GRID SECTION
=========================*/
.box-container {
  width: 100%;
  height: 1000px;
  display: inline-block;
  margin: 0 auto;
  padding: 1%;
}

.col {
display: inline-block;
width: 49.3%;
height:49%;
vertical-align: top;
}

.col.one {
	background:url(../siteart/red-pic.jpg);
	background-size:cover;
	font-family: 'Open Sans', sans-serif, arial; 
	font-weight: bold;
	color: #fff;	
	margin-right:.25%;
}

.col.one a{
	color: #fff;
}

.col.one a:hover{
	color: #000;
}

.col.three {
margin-right: .5%;
    margin-top: 1%;
    background-color: #dcdcdc;
    text-align: center;
    padding-top: 4%;
}

.maparea {
    width: 81%;
    height: 83%;
}

.col.two, .col.four {
	margin-left:.5%;
}
.col.four {
	background-image: url(../siteart/buildingfront.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 611px;
    background-position: center;
    margin-top: 1%;
    background-color: #dcdcdc;
}

.largetext {
	font-family: 'Open Sans', sans-serif, arial; 
	font-weight: bold;
	color: #fff;
	font-size: 65px;
	line-height: 70px;
	text-align: left;
	padding:30px 1em 5px 1em;
}

.viewall {
	font-family: 'Open Sans', sans-serif, arial; 
	font-weight: bold;
	color: #fff;
	font-size: 17px;
	text-decoration:underline;
	text-align: left;
	padding-left:15px;
}

.buttons-wrap {
	width: 100%;
	height: 33%;
	display: inline-block;
	text-align:center;
	margin: 0 auto;
}

.new, .used {
    background-color: rgba(255,255,255,.45);
    color: #fff;
    font-size: 30px;
	line-height: 32px;
    text-align: center;
    font-weight: bold;
    width: 34%;
    margin: 1% 0 0 3%;
    display: inline-block;
    padding: 20px;
	vertical-align: top;
	-webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
}
.new:hover, .used:hover {
	background-color: rgba(255,255,255,.85);
	cursor: pointer;
}
/*=====SLIDESHOW======*/
.cycle-slideshow {
	width: 100%;
	height: 100%;
}

.cycle-slideshow img {
	max-width: 100%;
	max-height: auto;
	object-fit: cover;
}

.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

/* caption */
.cycle-caption { position: absolute; color: #fff; bottom: 15px; right: 15px; z-index: 700;font-family: 'Open Sans', sans-serif, arial; font-weight: bold;}

/* overlay */
.cycle-overlay { 
    font-family: 'Open Sans', sans-serif, arial; font-weight: bold;
    position: absolute; bottom: 13px; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}

.jetwrap {width:100%; text-align: center;}
#jetlogo{
	width: 38%;
}
/*=======================
	GRID SECTION
=========================*/
.contactcol {
  float: left;
  width: 33%;
  background: #fff;
  text-align: left;  
  height: auto;
  font-family: 'Open Sans', sans-serif, arial; 
  color: #000;
}

.contactcol-last{
  float: left;
  width: 33%;
  background: #fff;
  text-align: left;  
  height: auto;
  font-family: 'Open Sans', sans-serif, arial; 
  color: #000;
}

.contactcol-last p{
	  padding: 5px 0;
}

.contactbold {
	font-weight: bold;
	text-decoration: underline;
	font-size: 20px;
	padding: 20px 0!important;
}
.contactcol a{
	color: #000!important;
}

.contactcol a:hover {
	color: #AA0F21!important;
}

.contactcol p {
	padding: 5px 0;
}

/*=======================
 AUTHORIZED DEALER SECTION
=========================*/
.red-bar {
	background: linear-gradient(#AA0F21, #940004);
    width: 100%;
    height: 53px;
    color: #fff;
    font-family: 'Open Sans', sans-serif, Arial;
    padding-bottom: 35px;
    font-size: 20px;
    font-weight: 900;
    padding: 12px;
	text-align: left;
	margin-top: 10px;

}

.flexslider .slides li {
	position: relative;
}
/*=======================
		SLIDESHOW
=========================*/
.slideshow-wrap {
    position: relative;
    margin-top: -145px;
} 
.cycle-slideshow {
	width: 100%;
	height: auto;
	overflow: hidden;
    /*margin-top: -145px;*/
	z-index: 1;
}

.cycle-slideshow img {
	width: 100%;
	height: auto;
	display: block;
	z-index:1;
}
/*=======================
		FOOTER
=========================*/
.footer-wrap {
}

footer {
	width: 100%;
	/*height: 247px;*/
	background-color: #646464;
	color: #fff;
	position: absolute;
}

footer a {color: #fff;}
footer a:hover {color: #AA0F21;}

.left-side {
    text-align:left;
    width: 60%;
    border-right: solid 1px #fff;
    float: left;
    padding: 22px 0 0 0;
	box-sizing: border-box;
}

.cal {
    width: 226px;
    float: left;
    height: auto;
}

.contact-info {
	width: 38%;
	float: left;
	margin-left: 60px;
}

.left-side p, .left-side a {
	color: #fff!important;
	font-family: 'Open Sans', sans-serif, Arial;
	font-size: 15px;
	font-weight: 700;
}

.left-side a:hover {
	color:#AA0F21!important;
}

.footer-links {
    color: #fff!important;
    font-family: 'Open Sans', sans-serif, Arial;
    font-size: 20px;
    width: 20%;
    float: left;
}

.footer-links a:hover {
	color:  #AA0F21!important;
}

.footerlogo {display: inline-block;}

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

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

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

.divfooter {text-align:center; margin:0 auto; padding: 60px;}

.right-side {
    text-align:center;
    width: 40%;
    float: left;
    padding: 20px 0 15px 0;
}

/*=======================
  CONTACT/SERVICE PAGES
=========================*/
.contact-wrap {
	width: 100%;
	text-align:center;
}
.contact-wrap2 {
	width: 100%;
	text-align:center;
	margin: 50px 0;
}
.service-wrap {
	width: 100%;
	text-align:center;
	margin-bottom: 28px;
}

.pageheading {
    padding: 30px 7%;
    color: #C92725;
    text-align: left;
	font-size: 38px;
}

.pageheading2 {
	padding: 25px 28px;
	color: #C92725;
	text-align: center;
}
.left-page{ 
	width: 28%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	color: #000;
}

.main-info {
    width: 25%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    color: #fff;
    line-height: 24px;
}

.left-text{ 
	width: 280px;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	color: #fff;
	font-weight: 500;
	background-color:#AA0F21;
	padding: 3em;
	border: 2px solid #000;
	line-height: 24px;
}

.left-text a {
    font-weight: 600;
    background-color: #AA0F21;
    line-height: 24px;
    color: #fff;
	transition: .2s ease-in;
}
.left-text a:hover{
    color: #000;
}

.right-page { 
	width: 60%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	top: 10%;
	color: #000;
	margin-bottom: 30px;
	padding: 1em 2em;
}

.right-page ul li {
	font-family: 'Open Sans', sans-serif, Arial;
	font-size: 17px;
	list-style-type:circle;
	text-align:center;
	text-align: left;
	margin-left: 35px;
}
	

.right-page2 { 
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	top: 10%;
	color: #000;
	margin-bottom: 30px;
}

.right-page img {
	width: 235px;
	height: auto;
}

.left-page, right-page p{
	padding: 0px 15px 10px 25px;
}

.align1 p, .align2 p{
		border-bottom: 1px solid #000;
		padding:2px;
}

.part-image-wrap{
	width: 100%;
	text-align: center;
}

.part-image {
	display: inline-block;
	width: 30%;
	background-color: #F1F1F1;
	padding: 15px;
	text-transform:uppercase;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif, Arial;
	margin: 5.5px 5px 2.5px 0;
	text-decoration: underline;
}

.part-image img {
	width:95%;
}

.part-image:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/*==============================
    SERVICE APPOINTMENT FORM
===============================*/

.service-form{
	width:95%;
	text-align: center;
	margin: 0 auto;
}

.service-form p{
	font-size: 20px;
	text-align: left;
	margin: 2% 0;
	background-color: #646464;
	padding: 10px 0 10px 10px;
	font-weight: bold;
	color: #fff;
}

.service-form form {
	width:100%;
	margin:0 auto;
	display:block;
}

.service-form form input {
	width:100%;
	padding:.75%;
	margin:1% 0 0 0;	
	border-width: 1px;
	font-family: 'Open Sans', sans-serif, Arial;
}
.service-form form select {
	width: 100%;
	padding:.75%;
	margin:1% 0 0 0;	
	font-family: 'Open Sans', sans-serif, Arial;
	
}
.service-form form label {
	width: 100%;
	display: block;
	margin:1% 0 0 0;
	font-family: 'Open Sans', sans-serif, Arial;
	font-weight: bold;
	text-align: left;
}
.service-form form textarea {
    width: 100%;
    display: block;
    font-family: 'Open Sans', sans-serif, Arial;
    border-width: 1px;
    margin: 2% 0;
}
.service-form form input.button {
	background:#222;
	border:none;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	transition: .2s ease-in;
}
.service-form form input.button:hover {
	background:#C92725;
}

/*control the Captcha */
.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
font-family:'Open Sans', sans-serif, Arial;
}
.CaptchaImagePanel {
margin:0 0 0 0;
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;
}
.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}
.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
	font-family:'Open Sans', sans-serif, Arial;
	font-size: 12px;
	text-decoration: underline;
}
/*=======================
       MEDIA QUERIES
=========================*/

@media screen and (max-width: 1448px)  {
.welcome-text {padding: 20px 0 0px 20px;vertical-align: top;font-size: 15px;line-height:27px;width: 48%;}

.welcome-text h1 {padding-bottom: 20px; font-size: 30px;}

.right-page {width: 65%;}

.main-info {width: 25%;}

.new, .used {width: 45%;}

.largetext {font-size: 50px; line-height: 50px;}
	
.slideshow-wrap {margin-top:0px;}
	
	.temp {height: 80px; margin-top: 0;}

.container.cf {
margin-top: 50px;
}
}

@media screen and (max-width: 1155px) {
	
.contact-info {margin-left: 10px;width: 48%;}

.middle-text {padding-left: 30px; font-size: 15px;}

.top-bar ul li a { font-size: 20px;}

.banner, .temp {margin-top: 0px;}

.contactcol {width: 50%;font-size:17px;}

.contactcol-last{float: right; width: 50%;
}
}
@media screen and (max-width: 1120px)  {
.welcome-text h1{font-size: 14px;line-height: 22px;padding-bottom: 16px;}

.welcome-text {padding: 20px 0 0px 20px;vertical-align: top;font-size: 14px;line-height: 21px;width: 52%;}
}

@media screen and (max-width: 1050px) {
.welcome-container img {display: none;}

.welcome-text {width: 100%; padding-bottom: 15px;}

.icontxt {display: none!important;}

.divfooter {display: none;}

/*footer {height: 280px;}*/

.left-side {width: 100%;border-right: none;}

.right-side {width: 100%; background-color: #646464;}

.left-page {width: 57%;}

.right-page {width: 66%;}

.main-info {width: 30%;}

.left-text {width:auto;}

.col.four {display: none;}

.col.one {width: 100%; height: 350px;}
.col.two {width: 100%;}
.col.three {width: 100%;}

.box-container {height: auto;}
.cycle-slideshow {
    width: 100%;
    height: 300px;
}
.col.three {
    width: 100%;
    height: 250px;
	background-color: #fff;

}
	.maparea {width: 100%; height: 100%;}
}
@media screen and (max-width: 872px) {
	.slideshow-wrap {height:290px; width: auto;}
	.slideshow-wrap img {height: 290px; width: auto;}
}

@media screen and (max-width: 795px) {
.button-wrap {height: auto;}

.btn {width: 45%;margin-top: 0; padding-bottom: 0;}

.main-info {display: none;}

.right-page {width: 100%; padding: 15px;}

.left-text {width: 80%; padding: 8px; position:relative; text-align: center; border: 1px solid #000; background-color: #CBCBCB;  }

.align1 {display:inline-block; position: relative; width:100%; line-height: 20px;font-size: 14px;}

.align2 {display: inline-block; position: relative; width:100%;line-height: 20px; font-size: 14px;}

.left-page {width: 100%;}

.contactcol { width: 50%; word-wrap: break-word;}

.welcome-text {padding-bottom: 15px;}

.contact-info {width: 41%;}

.footer-links {width: 20%;}

.cal {width: 200px;}

.largetext {font-size: 40px; line-height: 40px;}

}

@media screen and (max-width: 605px) {
.button-wrap {height: auto;}

.contactcol, .contactcol-last { width: 100%; text-align: center;}

.contactcol p {padding: 2px;}

.btn {width: 45%; margin-top: 0; padding-bottom: 0;}

.contact-info {line-height:17px; width: 35%;}

.right-side img {
width: 280px;}
	
.cal {width: 175px;}

.new, .used {
	font-size:20px; line-height: 24px;}

.toplinks ul li p {font-size: 12px;}

.hiddenlinks {width: 58%;}

.right-page h2 {font-size: 18px;}

.part-image {width: 47%; vertical-align: top;}

}

@media screen and (max-width: 500px) {
.button-wrap {height: auto;}
	
.slideshow-wrap, .slideshow-wrap img {height: 255px; width: auto;}

.btn { width: 45%; margin-top: 0;padding-bottom: 0;}

.contact-info {line-height:17px;width: 48%;}

.left-side p {font-size: 13px;}

.welcome-text h1 {text-align: center; padding: 5px; line-height: 35px;}

.welcome-text {height:100px;}

.about {display: none;}

.svg-inline--fa.fa-w-10 {margin: 0;}

.btn img {width: 96%;}

.middle-text {padding-left: 0;}

.cal {display: none;}

.footer-links {text-align: right; width: 48%; padding-right: 5px;}

#menu-button {font-size: 27px; top: 40px;height: 55px;padding: 6px;}
}

@media screen and (max-width: 375px) {
	
	.toplogo {left: 23%!important;}

/*footer {height: 350px;}*/

.button-wrap {height: auto;}

.largetext {font-size: 30px!important; line-height: 30px;}

.red-bar {font-size: 18px;}

.button-wrap { height: auto;}

.button-wrap h1 {font-size: 26px;}

.btn {font-size: 15px;}

.buttons-wrap {padding: 15px;}

.new, .used {font-size: 14px; line-height: 18px;}
	}