@charset "utf-8";
/***** 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;}

html, body {margin: 0;}

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;}

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;}

/* Hides giant arrows that show up on inventory pages on Chrome */
.container.cf .widgets svg[class*="fa"], .container.cf .widgets-details svg[class*="fa"] {display: none !important;} 

/*=======================
		SLIDESHOW
=========================*/

.cycle-slideshow {
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 1;
	margin-top:-135px;
	box-shadow:#545454 3px 3px 15px;
}

.cycle-slideshow img {
	width: 100%;
	height: auto;
	display: block;
}

.banner{
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 1;
	margin-top:-135px;
}
.banner img {width: 100%; height: auto; display:block;}
/* ==================
	HEADER STYLES
=====================*/
.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 500;
}

/*=======================
	 INVENTORY PAGES 
=========================*/

.container.cf {
	background-color: #fff;
}
/*=======================
	WELCOME AREA 
=========================*/
.welcome-container{
	background-image:url(../siteart/metal-background.jpg);
	filter: brightness(1.2);
	-webkit-filter: brightness(1.2);
	display: inline-block;
	width: 100%;
}

#clickme {display: none;}

.about-reveal {display:none;}

.welcome-text {
	font-family: 'Open Sans', sans-serif, Arial;
	display:inline-block;
	position: relative;
    width: 75%;
    padding: 20px 0 30px 30px;
    vertical-align: top;
	font-size: 18px;
    line-height: 27px;
}

.welcome-container h1{
	font-family: 'Open Sans', sans-serif, Arial;
	padding: 30px 0 10px 30px;
	font-size: 36px;
	font-weight: 900;
	text-transform:uppercase;
	
}

/*=======================
      GEAR BUTTONS
=========================*/

.button-wrap {
	overflow: hidden;
	text-align: center;
	width: 100%;
	display: inline-block;
	background-color: #fff;
	height: 335px;
}

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

.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;
} 
/*=======================
 AUTHORIZED DEALER SECTION
=========================*/
.black-bar {
	background-color: #000;
    width: 100%;
    height: 53px;
    color: #fff;
    font-family: 'Open Sans', sans-serif, Arial;
    padding-bottom: 35px;
    font-size: 20px;
    font-weight: 900;
    padding: 12px;
}

.flexslider .slides li {
	position: relative;
}

/*=======================
		FOOTER
=========================*/
.hiddenfooter {display:none;
	color: #fff!important;
	font-family: 'Open Sans', sans-serif, Arial;
	font-size: 15px;
	font-weight: 500;}

footer {
	width: 100%;
	height: auto;
	background-color: #000;
	color: #fff;
	position: absolute;
}

footer a:hover {
	color: #AA0F21;
}

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

.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: 500;
}

.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;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{font-family: 'Open Sans', sans-serif, Arial;text-decoration:underline; font-family:Arial, Helvetica, sans-serif;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: 25px 28px;
	color: #C92725;
	text-align: left;
}

.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: 19%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	color: #000;
	line-height: 24px;
}


.left-text{ 
	width: 280px;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	color: #000;
	background-color: #CBCBCB;
	padding: 45px;
	border: 1px solid #000;
	line-height: 24px;
}
.middle-text {
	display:inline-block;
	text-align: left;
	width: 100%;
}

.service-middle-text {
	display:inline-block;
	text-align: left;
	width: 100%;
	font-size:24px;
}
.service-middle-text a {
	color: #000;
}
.service-middle-text a:hover {
	color: #c92725;
}
.right-page { 
	width: 46%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	top: 10%;
	color: #000;
	margin-bottom: 30px;
}

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

.right-page img {
	width: 300px;
	padding: 10px;
	box-sizing: border-box;
	height: auto;
}

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

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

.email {
	color: #000!important;
}

.email:hover {
	color: #c92725!important;
}


/*=======================
      CONTACT FORM
=========================*/
.contact-form{
	width:95%;
	text-align: center;
	margin: 0 auto;
}

.contact-form form {
	width:90%;
	margin:0 auto;
	display:block;
}

.contact-form form input {
	width:100%;
	padding:.75%;
	margin:1% 0 0 0;	
	border-width: 1px;
	font-family: 'Open Sans', sans-serif, Arial;
}
.contact-form form select {
	width: 100%;
	padding:.75%;
	margin:1% 0 0 0;	
}
.contact-form form label {
	width: 100%;
	display: block;
	margin:1% 0 0 0;
}
.contact-form form textarea {
    width: 100%;
    display: block;
    font-family: 'Open Sans', sans-serif, Arial;
    border-width: 0.5px;
    margin: 2% 0;
}
.contact-form form input.button {
	background:#222;
	border:none;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
}
.contact-form form input.button:hover {
	box-shadow:#333 3px 3px 3px;
	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;
}

/*=======================
    INVENTORY STYLES
=========================*/


.container.cf {
    padding: 30px 5%;
}

/*=======================
       MEDIA QUERIES
=========================*/

@media screen and (max-width: 1440px)  {
.welcome-text {width: 80%;}

.welcome-container h1 {padding-bottom: 20px; font-size: 33px;}

.right-page {width: 45%;}

.main-info {width: 22%;}

}

@media screen and (max-width: 1155px) {
.cycle-slideshow{ margin-top: -74px;}

.cal {width: 183px;}

.contact-info {margin-left: 10px;width: 48%;}

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

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

.serivce-middle-text {
	margin-left: 12%;
}

.banner {margin-top: -75px;}

.container.cf {
    padding: 65px 5% 30px 5%;
}

}

@media screen and (max-width: 1120px)  {
.welcome-container h1{font-size: 14px;line-height: 22px;padding-bottom: 16px;font-size: 28px;}

}

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

.welcome-text {width: 100%; height: 100%; padding-bottom: 15px; font-size: 14px;}

.icontxt {display: none!important;}

.divfooter {display: none;}

footer {height: 280px;}

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

.right-side {width: 100%;}

.hiddenfooter {display: block;width: 100%;}

.left-page {width: 57%;}

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

.main-info {width: 30%;}

.hiddenfooter a {color: #fff;}

}

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

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

.main-info {width: 100%; text-align: center; margin-bottom: 20px;}

.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%;}

.service-middle-text {
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: 24px;
    margin-left: 0%;
}

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

}

@media screen and (max-width: 605px) {
	
.welcome-text {display:none;}

.welcome-container h1 {display: block;padding: 20px 10px 10px 10px; text-align: center;}

#clickme:hover {cursor:pointer;}
	
.about {display: none;}	
	
.button-wrap {height: 600px;}

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

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

.cal {display: none;}

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

#clickme {display: block; text-align: center; font-size: 18px; font-weight: bold; padding: 5px;}

.about-reveal { padding: 6px;}
}

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

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

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

.cal {width: 150px;}

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

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

.welcome-text {}

.about {display: none;}

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

.about-reveal {padding: 10px;}

.btn img {width: 96%;}

.button-wrap {height:435px;}

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

}

@media screen and (max-width: 375px) {
footer {height: 350px;}

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

.button-wrap { height: 407px;}

}