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

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

 ol,
 ul {
     list-style: none;
 }

 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 {
     display: block;
 }


 /*-------- COLORS --------
red: dd0905
*/

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

 /* Clearfix */
 .cf:before,
 .cf:after {
     content: " ";
     display: table;
 }

 .cf:after {
     clear: both;
 }

 .cf {
     *zoom: 1;
 }

 /*-------- BODY STYLES --------*/

 body {
     width: 100%;
     font-size: 16px;
     /* line-height: 26px; */
     -webkit-text-size-adjust: none;
     font-weight: 400;
     overflow-x: hidden;
     font-family: 'Heebo', sans-serif;
 }

 h1 {
     font-size: 32px;
     font-weight: 700;
     line-height: 35px;
     padding-bottom: 5px;
     text-transform: uppercase;
     color: inherit;
     font-family: 'Racing Sans One', cursive;
     font-size: 52px;
     color: #cc0001;


 }

 h1 span {
     font-weight: 300;
     font-size: 25px;
 }

 h2 {
     font-size: 24px;
     font-weight: 700;
     line-height: 30px;
     padding-bottom: 5px;
     letter-spacing: 3.5px;
     text-transform: uppercase;
     color: inherit;
 }

 h3 {
     font-size: 20px;
     font-weight: 400;
     line-height: 30px;
     padding-bottom: 5px;
     letter-spacing: 2.5px;
     text-transform: uppercase;
     color: inherit;
 }

 h4 {
     font-size: 18px;
     font-weight: 400;
     line-height: 28px;
     padding-bottom: 5px;
     letter-spacing: 2.5px;
     text-transform: uppercase;
     color: inherit;
 }

 a {
     color: inherit;
     text-decoration: none;
 }

 a:hover {
     text-decoration: none;
     transition: all 0.6s;
 }

 strong {
     font-weight: 700;
 }

 p {
     /* margin-bottom: 8px; */
 }

 .clear {
     clear: both;
 }

 .red-text {
     color: #dd0905
 }

 /*--- HEADER STYLES --------------------------*/
 .mobile-header {
     display: none;
 }



 .header {
     display: flex;
     align-content: center;
     border-bottom: 1px solid #000
 }

 .header .left {
     display: inline-block;
     vertical-align: middle;
     justify-content: flex-start;
     position: relative;
     z-index: 9999999999999
 }

 .header .left img {
     width: 376px;
     display: block;
     margin: 0;
 }

 .header .right {
     display: inline-block;
     float: right;
     width: 80%;
     justify-content: flex-start;
     ;
 }

 .header .right .head-row {
     width: 100%;
     display: block;
     text-align: center;
 }

 .head-row .location-title {
     display: flex;
     flex-direction: row;
     align-items: center;
     background: #000;
 }

 .head-row .location-title .left {
     justify-content: flex-start;
     width: 80%;
     color: #fff;
     background: url(../siteart/header-red-arrow.png) no-repeat;
     background-size: cover;
     height: 59px;
     text-align: center;
 }

 .head-row .location-title .left h3 {
     display: inline-block;
     width: 23%;
     padding-top: 10px;
     float: left
 }

 .head-row .location-title .right {
     justify-content: flex-start;
     background: #000;
     width: 30%;
     text-align: center;
     color: #fff;
     font-size: 20px;
     font-weight: 700;
     letter-spacing: 1px;
 }

 .head-row .location-title .right a {
     color: #fff;
 }


 .header .right .head-row #middle {
     text-align: center;
 }

 .header .right .head-row h2 {
     font-weight: 400;
     font-size: 30px;
     letter-spacing: 1px;
     line-height: 30px;
     padding-bottom: 0;
     text-transform: none;
     color: 000;
     padding: 32px 0;
 }



 /*---BODY--------------------------------*/
 .wrapper-inner {
     width: 75%;
     margin: 0 auto;
 }

 .wrapper-center {
     width: 75%;
     margin: 0 auto;
     text-align: center;
 }

 .flexSolve {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-bottom: 50px;
 }

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

     .flexSolve {
         flex-direction: column;
         margin-bottom: 0
     }

     .flexSolve img {
         margin-bottom: 40px;
         width: 100%
     }
 }

 .flexSolve a {
     margin: 0 35px;
 }

 .flexSolve img {
     max-width: 320px;
 }

 div#l-pad {}

 .redBoxes {
     padding-top: 0 !important;
     margin-top: -70px;
 }

 #pad {
     padding: 25px 0;
 }

 #l-pad {
     padding: 100px 0;
 }

 .gray-bg div#l-pad {
     padding-bottom: 130px !important;
     max-width: 1085px;
 }

 #pageimage {
     width: 100%;
     display: block;
     margin-bottom: 25px;
 }

 .fa-plus {
     font-size: 13px !important;
     margin-right: 10px;
 }

 /*--titles--*/
 .title-container {
     display: flex;
     flex-direction: row;
     align-items: center;
     width: 100%;
     margin: 0 auto 20px auto;
 }

 .title-left {
     width: 65%;
     justify-content: flex-start;
     border-top: 4px solid #000
 }

 .title-right {
     /* width: 35%; */
     justify-content: flex-start;
     text-align: right;
 }

 .title-left.red {
     border-top: 4px solid #dd0905
 }

 .title-right.red {
     color: #dd0905;
 }



 /*--buttons--*/
 #red-btn {
     background: #dd0905;
     color: #fff;
     padding: 10px 20px;
     display: inline-block;
     text-align: center;
     letter-spacing: 2px;
     font-weight: 700;
     font-size: 15px;
 }

 #red-btn:hover {
     background: #000;
 }

 #white-outline {
     background: none;
     color: #fff;
     border: 1px solid #fff;
     padding: 10px 20px;
     display: inline-block;
     text-align: center;
     letter-spacing: 2px;
     font-size: 15px;
 }

 #white-outline:hover {
     background: #fff;
     color: #000;
     ;
 }


 /*--backgrounds--*/
 .red-bg {
     background: #dd0905;
 }

 .gray-bg {
     background: #F5F5F5;
 }

 .gray-bg p {
     padding-left: 35px;
     font-size: 19px;
     line-height: 1.3
 }

 .bigText {
     font-family: 'Racing Sans One', cursive;
     font-weight: normal;
     font-size: 132px;
     text-align: left;
     color: #cc0001;
     opacity: 0.09;
     position: absolute;
     margin-top: 40px;
 }

 .black-bg {
     background: #000;
     color: #fff;
 }



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


 .hero-bar {
     width: 100%;
     text-align: left;
     position: absolute;
     padding: 15px 0px;
     color: #000;
     z-index: 999999;
     left: 0px;
     bottom: 0;
     font-size: 16px;
     font-weight: 300;
     background-color: rgba(240, 240, 240, .8);
     -moz-opacity: 0.9;
     filter: alpha(opacity=9);
     display: inline-block;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 .cycle-prev {
     left: 25px;
     position: absolute;
     z-index: 9999;
     top: 12vw;
     color: #fff;
 }

 .cycle-prev .fa,
 .cycle-next .fa {
     color: #fff;
     opacity: .7;
     font-size: 20px;
 }

 .cycle-prev .fa:hover,
 .cycle-next .fa:hover {
     opacity: 1.0;
     transform: scale(1.12);
     transition: all 0.3s;
 }

 .cycle-next {
     right: 25px;
     position: absolute;
     z-index: 9999;
     top: 12vw;
     color: #fff;
 }


 /*---detailed search-------------------------------*/

 .detailed-search-wrap {
     width: 100%;
     margin: 0 auto;
     padding: 20px 0;
 }

 .detailed-form {
     margin: auto;
 }

 .column3 {
     width: 32%;
     display: inline-block;
     float: left;
     box-sizing: border-box;
     margin: 5px 5px 5px 0;
     color: #000 !important;
 }

 .detailed-search input[type='submit'] {
     font-size: 15px;
     color: #fff;
     padding: 10px 0;
     font-weight: 700;
     background: #dd0905;
     width: 200px;
     margin-top: 15px;
     letter-spacing: 2px;
     border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     -webkit-border-radius: 0 !important;
     outline: none;
     border: none;
     -webkit-appearance: none;
 }

 .detailed-search input[type='submit']:hover {
     background: #000;
     color: #fff;
 }

 .detailed-search input[type='text'] {
     font-weight: 400;
     border: 1px solid #878787;
     width: 100%;
     margin: 2px 0;
     padding: 0 8px;
     font-size: 14px;
     height: 40px;
     background-color: #f9f9f9;
     box-sizing: border-box;
     -webkit-border-radius: 0;
     border-radius: 0;
 }

 .detailed-search select {
     width: 100%;
     margin: 2px 0;
     padding: 0 8px;
     font-size: 14px;
     height: 40px;
     background-color: #f9f9f9;
     border: 1px solid #878787;
     box-sizing: border-box;
     -webkit-border-radius: 0;
     border-radius: 0;
     color: #696969 !important;
 }

 .detailed-search-wrap main {
     width: 100%;
     padding: 50px;
     margin: 0 auto;
 }

 .detailed-search-wrap section {
     display: none;
 }


 /*--categories--*/
 .cat-clear {
     clear: both;
 }

 #cat {
     background: #be0001;
     color: #fff;
     display: inline-block;
     padding: 15px;
     width: 16%;
     text-align: center;
     margin: 5px;
 }

 #cat .inner {
     border: 1px solid #fff;
     padding: 55px 10px;
 }

 #cat .inner p {
     font-weight: 300;
     font-size: 11px;
     letter-spacing: 1px;
     margin-bottom: 0
 }

 #cat .inner h2 {
     font-size: 14px;
     font-weight: 400;
     letter-spacing: 1.25px;
 }

 #cat img {
     width: 130px;
 }

 #cat:hover {
     transform: scale(1.01);
     transition: all 0.6s;
 }



 /*--location area--*/
 .location-title {
     display: flex;
     flex-direction: row;
     align-items: center;
     background: #000;
 }

 .location-title .left {
     justify-content: flex-start;
     width: 70%;
     color: #fff;
     background: url(../siteart/red-arrow.png) no-repeat;
     background-size: cover;
     height: 90px;
 }

 .location-title .left .wrapper-inner {
     margin-top: 25px;
 }

 .location-title .left h1 span {
     color: #000;
 }

 .location-title .right {
     justify-content: flex-start;
     background: #000;
     width: 30%;
     text-align: center;
     padding: 15px 0;
 }



 .location-area {
     display: flex;
     flex-direction: row;
     align-items: center;
     background: url(../siteart/location-bg.jpg);
     width: 100%;
     padding: 70px 0;
     text-align: center;
     margin: 0 auto;
     border-top: 15px solid #dd0905;
 }

 .location-area .state {
     justify-content: flex-start;
     width: 22%;
     text-align: right;
 }

 .location-area .boxes {
     justify-content: flex-start;
     width: 78%;
     text-align: center;
     margin: 0 auto;
 }

 .loc {
     display: inline-block;
     background: #f5f5f5;
     border-radius: 6px;
     border: 2px solid #b1b1b1;
     width: 27%;
     margin: 3px
 }

 .loc #red-btn {
     width: 100%;
     padding: 10px 0;
     margin: 3px 0;
 }

 .loc .fa {
     color: #dd0905
 }

 /*--about feature--*/
 .brands-bg {
     width: 100%;
     color: #fff;
     background: url(../siteart/brands-bg.jpg) no-repeat center center fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
 }

 .brands-bg .title-left {
     border-top: 4px solid #fff
 }

 .brandbar {
     margin: 0 auto;
     text-align: center;
     padding: 10px 0px;
     width: 100%;
 }

 .manu-slider img {
     width: 90%;
     padding: 15px 0;
     text-align: center;
     background: rgba(255, 255, 255, .7);
 }

 .manu-slider img:hover {
     background: #fff
 }


 /*---SUB PAGES-----------------------------*/
 /*--new eq--*/
 .new-box {
     display: inline-block;
     margin: 10px;
     width: 22%;
     vertical-align: top;
     border: 1px solid #000;
     text-align: center
 }

 .new-box img {
     max-width: 300px;
     text-align: center;
     margin: 0 auto;
     padding: 30px 0;
 }

 .new-box:hover {
     background: #f5f5f5
 }



 /*--parts--*/
 .partsimg {
     display: inline-block;
     width: 200px;
     margin: 5px;
 }

 .partsimg img {
     width: 100%;
 }

 /*--services--*/
 .services .moreless {
     margin-left: 10px;
     font-weight: 700;
     color: #dd0905;
     text-decoration: underline;
 }



 /*--gov't---*/
 #manu {
     max-width: 200px;
     margin-right: 15px;
 }

 #manu:hover {
     opacity: .8;
 }



 /*---CONTACT--------------------------*/
 .locations {
     display: flex;
     align-items: center;
     width: 95%;
     margin: 0 auto;
 }

 .locations .left {
     justify-content: flex-start;
     width: 50%
 }

 .locations .right {
     justify-content: flex-start;
     width: 50%
 }


 .tabs .tab ul {
     padding: 1em 0;
 }


 .tabs {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     width: 95%;
     margin: 10px auto;
     padding: 20px 0 30px 0;
 }

 .tabs label {
     -webkit-box-ordinal-group: 2;
     -webkit-order: 1;
     -ms-flex-order: 1;
     order: 1;
     display: block;
     padding: 1em;
     margin: 0 auto;
     width: 30.2%;
     cursor: pointer;
     background: #000;
     border-bottom: 5px solid transparent;
     color: #fff;
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 1px;
     text-align: center;
     font-weight: 700;
     -webkit-transition: background ease 0.2s;
     transition: background ease 0.2s;
 }

 .tabs label:hover {
     background: #dd0905;
     -webkit-transition: .4s ease-in;
     -moz-transition: .2s ease-in;
     -o-transition: .2s ease-in;
     transition: .2s ease-in;
 }

 .tabs .tab {
     -webkit-box-ordinal-group: 100;
     -webkit-order: 99;
     -ms-flex-order: 99;
     order: 99;
     -webkit-box-flex: 1;
     -webkit-flex-grow: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     width: 95%;
     display: none;
     padding: 4em 0;
     box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
     margin: 20px auto;
     background: #f1f1f1;
     color: #000;
 }


 .tabs input[type="radio"] {
     position: absolute;
     opacity: 0;
 }

 .tabs input[type="radio"]:checked + label {
     border-bottom: 5px solid #000;
     background: #dd0905;
     color: #fff;
     box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
 }

 .tabs input[type="radio"]:checked + label + .tab {
     display: block;
 }




 /*---FOOTER-------------------------------*/
 .footer-col {
     display: inline-block;
     vertical-align: top;
     width: 45%;
 }

 .footer-col2 {
     display: inline-block;
     vertical-align: top;
     width: 30%;
     float: right;
 }

 .footer-col .col-3 {
     display: inline-block;
     vertical-align: top;
     width: 30%;
     margin-right: 15px;
 }

 .footer-col ul li a,
 .footer-col2 ul li a {
     font-size: 14px;
     font-weight: 300;
     color: #fff;
 }

 .footer-col ul li a:hover,
 .footer-col2 ul li a:hover {
     text-decoration: underline;
 }


 .copyright {
     background: #212121;
     color: #eee;
     padding: 45px 0;
     font-weight: 300;
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 .copyright p.left {
     display: inline-block;
     float: left;
 }

 .copyright p.right {
     display: inline-block;
     float: right;
 }



 /*-------- RESPONSIVE STYLES --------*/

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

     .loc {
         min-height: 450px;
         vertical-align: top
     }
 }

 @media screen and (max-width:1450px) {
     .cat-clear {
         display: none
     }

     #cat {
         width: 22%
     }


     .head-row .location-title .left h3 {
         width: auto;
         margin: 0 40px;
         font-size: 17px;
         padding-top: 12px
     }

 }

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

     /*--location area--*/
     .location-area .state {
         display: none
     }

     .location-area .boxes {
         justify-content: flex-start;
         width: 100%;
         text-align: center
     }

     .loc {
         min-height: 420px;
         width: 30%
     }


     /*--contact page --*/
     .tabs label {
         width: 28%;
     }

 }

 @media screen and (max-width:1200px) {
     .header .right {
         width: 75%
     }

     h1 {
         /* font-size: 28px; */
     }


     #cat {
         width: 28%
     }


     .wrapper-inner,
     .wrapper-center {
         width: 90%;
     }

     .invPage.wrapper-inner {
         width: 100% !important;
     }
 }

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

     /*--- HEADER STYLES --------------------------*/
     .header {
         display: none;
     }

     .mobile-header {
         display: flex;
         align-items: center;
         background: #000
     }

     .mobile-header .logo {
         justify-content: flex-start;
         width: 30%;
     }

     .mobile-header .logo img {
         width: 100%;
     }

     .mobile-header .head-locations {
         justify-content: flex-start;
         width: 70%;
         color: #fff
     }

     .mobile-header .head-locations h4 {
         display: inline-block;
         margin: 0 10px
     }

     .mobile-header .head-locations h2 {
         display: block
     }



     /*--footer--*/
     .footer-col .col-3 {
         display: block;
         vertical-align: top;
         width: 100%;
         margin-right: 0;
     }


 }


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

     #l-pad {
         padding: 40px 0;
     }


     #cat {
         width: 40%
     }


     /*--location area--*/
     .location-title {
         display: block;
     }

     .location-title .left {
         justify-content: flex-end;
         width: 100%;
         background: #dd0905;
         height: auto;
         text-align: center;
         padding: 15px 0;
     }

     .location-title .left .wrapper-inner {
         margin-top: 0;
     }

     .location-title .right {
         display: none;
     }


     .location-area {
         display: flex;
         flex-direction: row;
         align-items: center;
         background: url(../siteart/location-bg.jpg);
         width: 100%;
         padding: 70px 0;
         text-align: center;
         margin: 0 auto;
         border-bottom: 5px solid #dd0905;
     }

     .location-area .state {
         justify-content: flex-end;
         display: none;
     }

     .location-area .boxes {
         justify-content: flex-end;
         width: 100%;
     }

     .loc {
         display: block;
         width: 80%;
         margin: 10px auto;
     }

     /*--search--*/
     .hero-bar {
         position: relative;
         background-color: rgba(240, 240, 240, .4);
     }

     .hero-bar h1 {
         font-size: 25px;
         text-align: center
     }

     .column3 {
         width: 100%;
     }


     /*--contact page --*/
     .tabs label {
         width: 100%;
         margin: 5px 0
     }

     .locations {
         display: block;
         align-items: center;
         width: 95%;
         margin: 0 auto;
     }

     .locations .left {
         justify-content: flex-end;
         width: 100%
     }

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


     /*--titles--*/
     .title-left {
         width: 55%;
     }

     .title-right {
         width: 40%;
     }
 }


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

     .mobile-header {
         display: block;
         align-items: center;
         background: #000
     }

     .mobile-header .logo {
         justify-content: flex-end;
         width: 100%;
         text-align: center
     }

     .mobile-header .logo img {
         width: 100%;
         max-width: 300px;
         margin: 0 auto;
         text-align: center;
     }

     .mobile-header .head-locations {
         justify-content: flex-end;
         width: 100%;
         padding: 20px 0;
     }

     .mobile-header .head-locations h4 {
         display: inline-block;
         margin: 0 10px
     }

     .mobile-header .head-locations h2 {
         display: block
     }


 }

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

     .brandbar {
         width: 90%;
         margin: 0 auto
     }

     /*--titles--*/
     .title-container {
         display: block;
     }

     .title-left {
         display: block;
         width: 150px;
         justify-content: flex-end;
         margin-bottom: 15px;
     }

     .title-right {
         width: 100%;
         text-align: left;
         display: block;
         justify-content: flex-end
     }


     #cat {
         width: 100%;
         margin: 8px auto;
         padding: 10px 0;
     }

     #cat .inner {
         padding: 10px 0;
         border: none;
     }

     .footer-col {
         display: block;
         width: 100%;
         text-align: center
     }

     .footer-col2 {
         display: block;
         width: 100%;
         margin-top: 30px;
         text-align: center
     }

     .copyright p.left {
         display: block;
         float: none;
         text-align: center
     }

     .copyright p.right {
         display: block;
         float: none;
         text-align: center
     }


 }

 @media screen and (max-width:320px) {
     .mobile-header .head-locations h4 {
         display: none
     }
 }