/*

Site designed by: Jordan Zoucha of Sandhills Global.

body#home a#homeLink,
body#inventory a#inventoryLink,
body#locations a#locationsLink,
body#about a#aboutLink,
body#contact a#contactLink {
color: #FFF;}
*/


/*
ul li:first-child { margin-left: 0 !important; }
ul li:last-child { margin-right: 0 !important; }
*/


/*

COLOR =   #

*/

@font-face {
   font-family: 'montserratlight';
   src: url('/fonts/montserrat/montserrat-light-webfont.eot');
   src: url('/fonts/montserrat/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
      url('/fonts/montserrat/montserrat-light-webfont.woff2') format('woff2'),
      url('/fonts/montserrat/montserrat-light-webfont.woff') format('woff'),
      url('/fonts/montserrat/montserrat-light-webfont.ttf') format('truetype'),
      url('/fonts/montserrat/montserrat-light-webfont.svg#montserratlight') format('svg');
   font-weight: normal;
   font-style: normal;
}


@font-face {
   font-family: 'montserratregular';
   src: url('/fonts/montserrat/montserrat-regular-webfont.eot');
   src: url('/fonts/montserrat/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
      url('/fonts/montserrat/montserrat-regular-webfont.woff2') format('woff2'),
      url('/fonts/montserrat/montserrat-regular-webfont.woff') format('woff'),
      url('/fonts/montserrat/montserrat-regular-webfont.ttf') format('truetype'),
      url('/fonts/montserrat/montserrat-regular-webfont.svg#montserratregular') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'montserratsemi_bold';
   src: url('/fonts/montserrat/montserrat-semibold-webfont.eot');
   src: url('/fonts/montserrat/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
      url('/fonts/montserrat/montserrat-semibold-webfont.woff2') format('woff2'),
      url('/fonts/montserrat/montserrat-semibold-webfont.woff') format('woff'),
      url('/fonts/montserrat/montserrat-semibold-webfont.ttf') format('truetype'),
      url('/fonts/montserrat/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'montserratbold';
   src: url('/fonts/montserrat/montserrat-bold-webfont.eot');
   src: url('/fonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
      url('/fonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'),
      url('/fonts/montserrat/montserrat-bold-webfont.woff') format('woff'),
      url('/fonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'),
      url('/fonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'montserratextra_bold';
   src: url('/fonts/montserrat/montserrat-extrabold-webfont.eot');
   src: url('/fonts/montserrat/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
      url('/fonts/montserrat/montserrat-extrabold-webfont.woff2') format('woff2'),
      url('/fonts/montserrat/montserrat-extrabold-webfont.woff') format('woff'),
      url('/fonts/montserrat/montserrat-extrabold-webfont.ttf') format('truetype'),
      url('/fonts/montserrat/montserrat-extrabold-webfont.svg#montserratextra_bold') format('svg');
   font-weight: normal;
   font-style: normal;
}



body {
   line-height: 1;
   text-align: center;
   /*	position: relative;
*/
   -webkit-font-smoothing: antialiased;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
   -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
   .container.cf {
      text-align: left
   }
}

.inner {
   display: inline-block;
   vertical-align: middle;
   height: auto;
   max-width: 1555px;
   width: 100%;
}

.headercontainer .inner {
   width: calc(62.25rem + ((1vw - 13.28px) * 94.4257));

}

.thankyou .inner h1 {
   text-align: center;
}

.contactPage .inner {
   display: flex;
   justify-content: center;
   margin: 0 auto;
}

.manulogos .inner {
   max-width: 100%;
   width: 100%;
   display: flex;
   height: 100%;
   align-items: center;
}

.mainFlex .inner {
   width: 70%;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 30px 0;
}

.mainFlex .inner div {
   /* width: calc(20.9375rem + ((1vw - 7.67px) * 32.9575)); */
}

.mainFlex video {
   width: 50%;
}

.headercontainer .inner {
   height: 104px;
}

li {
   list-style: none;
}

/***************************  FONTS  *******************************************/
h1.welcome {
   font-family: rift, sans-serif;
   font-size: 18px;
   line-height: 110%;
   text-transform: uppercase;
   text-align: left;
   color: #fff;
}

h1.sitename {
   font-family: rift, sans-serif;
   font-size: 45px;
   line-height: 120%;
   text-transform: uppercase;
   text-align: left;
   color: #fff;
   font-style: italic;
}

.heading-lg {
	margin-bottom: 30px;
}

.footercontainer h1.sitename.textWhite {
   text-align: center;
}

h1.innerpage {
   font-family: rift, sans-serif;
   font-size: 32px;
   line-height: 120%;
   text-transform: uppercase;
   text-align: left;
   color: #d10e00;
}

h2 {
   font-size: 28px;
   line-height: 140%;
   font-family: rift, sans-serif;
/*   line-height: 180%;*/
   text-transform: uppercase;
   text-align: center;
}

.heading-md {
	font-size: 28px!important;
	text-align: left;
	margin-bottom: 10px;
	color: #fff;
}

h3 {
   font-size: 24px;
   line-height: 140%;
}

h3.form {
   font-family: rift, sans-serif;
   font-size: 18px;
   line-height: 140%;
   text-transform: uppercase;
   color: #fff;
   text-align: left;
}

h4 {
   font-family: rift, sans-serif;
   font-size: 18px;
   line-height: 140%;
}

h5 {
   font-family: rift, sans-serif;
   font-size: 16px;
   line-height: 140%;
}

h6 {
   font-family: rift, sans-serif;
   font-size: 12px;
   line-height: 140%;
   text-transform: uppercase;
   letter-spacing: 2px;
}

p {
   font-family: rift, sans-serif;
   font-size: 14px;
   /*     color: white; */
   line-height: 140%;
   text-align: left;
}

p.home {
   font-family: rift, sans-serif;
   font-size: calc(0.6875rem + ((1vw - 7.67px) * 0.6071));
   color: #fff;
   /* line-height: 200%; */
   text-align: left;
}

a.link {
   font-family: rift, sans-serif;
   font-size: 14px;
   color: #333;
   line-height: 140%;
   text-decoration: none;
}

a.link:hover {
   text-decoration: underline;
}

a.Whitelink {
   font-family: rift, sans-serif;
   font-size: 14px;
   color: #fff;
   line-height: 140%;
   text-decoration: none;
}

a.Whitelink:hover {
   text-decoration: underline;
}

.thintext {
   font-family: rift, sans-serif;
   display: inline-block;
   text-transform: uppercase;
   margin-right: 5px;
}

.boldtext {
   font-family: rift, sans-serif;
   display: inline-block;
   text-transform: uppercase;
}

/***************  FONT CLASSES  *************************/
.textBlack {
   color: #333;
}

.textWhite {
   color: #fff;
   font-size: 16px;
}

.repair-p {
	max-width: 900px;
}

.repair ul,
.homeP ul {
   color: white;
   text-align: left;
   font-family: rift, sans-serif;
   font-size: 16px;
   padding-left: 20px;
}

.repair ul a {
   color: white;
   text-decoration: none;
}

.repair ul a:hover {
   text-decoration: underline;
}

.homeP ul {
   font-size: calc(0.6875rem + ((1vw - 7.67px) * 0.6071));
}

ul {
   list-style: none;
}

.repair ul li::before,
.homeP ul li::before {
   content: "\2022";
   color: white;
   font-weight: bold;
   display: inline-block;
   width: 1em;
   margin-left: -1em;
   font-size: 18px;
}

.textGrey {
   color: #ddd;
}

.textRed {
   color: #d10e00;
}

.textLeft {
   text-align: left;
}

.textCenter {
   text-align: center;
}

.textRight {
   text-align: right;
}

/***************************  HEADER  ******************************************/

.headercontainer {
   background: #393937;
   background-repeat: repeat;
   width: 100%;
   padding: 15px 0px;
   position: static;
   top: 0;
   left: 0;
   z-index: 99999;
   background-size: 75%;
   border-bottom: solid 6px #d10e00;
}

.push {
   /* height:100px; */
}

.logo {
   float: left;
   /* width:30%; */
   height: auto;
}

.logo img {
   display: inline-block;
   width: 207px;
   height: auto;
   -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
   -ms-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease;
}

.stick .logo img {
   /* width:225px; */
   height: auto;
}

.contact {
   line-height: 35px;
}

#redSection .contact {
   width: 100%;
   background: #d10e00;
   height: auto;
   padding: 12px 0;
   line-height: initial;
   display: flex;
   justify-content: center;
}

#redSection .contact ul {
   float: none;
   width: auto;
   padding: initial;
}

#redSection {
   height: auto;
}

#redSection * {
   color: white !important
}

#navCenter {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   justify-content: space-around;
   height: 100%;
}

.contact ul {
   float: right;
   -webkit-transition: all .2s ease;
   -moz-transition: all .2s ease;
   -ms-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease;
}

.contact ul li {
   list-style: none;
   /* display: inline-block; */
   /* padding-right: 10px; */
   line-height: 120%;
   text-align: right;
   font-family: rift, sans-serif !important;
   font-style: italic;
   color: white;
   font-size: 15px;
   font-weight: 500;
   text-align: left;
   text-align: right;
}

.contact ul li a {
   color: white;
   text-decoration: none;
}

.contact ul li:last-child {
   padding-right: 0px;
}

.contact .special *,
.contact .special {
/*   color: #d10e00 !important;*/
   font-weight: bold;
   font-size: 22px;
}


.contactPage ul li a {
   font-family: rift, sans-serif;
   font-size: 19px;
   color: #fff;
   text-decoration: none;
   display: inline-block;
   list-style: none;
   line-height: 140%;
   -moz-transition: all .2s ease;
   -ms-transition: all .2s ease;
   -o-transition: all .2s ease;
   transition: all .2s ease;
}

.stick .contact {
   line-height: 70%;
}

.stick .contact ul {
   float: right;
}

.stick .contact ul li a {
   /* font-size:12px; */
   /* line-height:80%; */
}

.contact ul li a:hover {
   color: white;
   text-decoration: underline;
}

#redSection li {
   text-align: center;
}



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

.slideshow {
   position: static;
}

.slideshow img {
   display: block;
   width: 100%;
   height: auto;
   overflow: hidden;
   height: 780px;
   object-fit: cover;
}

.cycle-slide {
   left: 0;
   right: 0;
   text-align: center;
}

.cycle-pager {
   width: 100%;
   position: absolute;
   z-index: 500;
   bottom: 5px;
   overflow: hidden;
   text-align: center;
}

.cycle-pager span {
   font-size: 50px;
   width: 16px;
   height: 16px;
   display: inline-block;
   color: #fff;
   cursor: pointer
}

.cycle-pager span.cycle-pager-active,
.cycle-pager span:hover {
   color: #c8102e
}

.cycle-pager>* {
   cursor: pointer
}

.cycle-caption {
   font-family: rift, sans-serif;
   font-size: 42px;
   line-height: 38px;
   color: #fff;
   text-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8);
   position: absolute;
   z-index: 999;
   top: 120px;
   left: 15%;
   width: 70%;
}


.cycle-caption h2 {
   color: #fff;
   font-family: 'montserratsemi_bold';
   font-size: 54px;
   top: 80px;
   position: absolute;
   text-align: center;
   left: 5%;
   width: 90%;
}

/***LAST SLIDE***/


.cta {
   position: relative;
   text-align: center;
   margin-top: -168px;
   margin-bottom: 60px;
   z-index: 998;
}

.cta h1 {
   font-family: rift, sans-serif;
   font-size: 42px;
   color: #red;
   text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   line-height: 140%;
   margin-top: 50px;
}

.cta a:after {
   position: absolute;
   top: 42%;
   right: 15px;
   font-family: FontAwesome;
   content: '\f054';
   transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -webkit-transition: all .2s ease-in-out;
}

/***ARROW***/
.cta a:hover:after {
   right: 20px;
}

.cta a h3 {
   font-family: 'montserratsemi_bold';
   font-size: 24px;
   text-transform: uppercase;
}



.cta a {
   position: relative;
   float: none;
   width: calc(40% - 30px);
   background: url(../siteart/headertexture4.png);
   border-top: 5px solid #d10e00;
   margin: 10px 30px;
   padding: 15px 25px;
   box-sizing: border-box;
   font-family: 'montserratsemi_bold';
   font-size: 16px;
   text-align: left;
   color: #fff;
   text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   display: inline-block;
}

.cta a:hover {
   background: #d10e00;
}


/***************************  STRUCTURE  *****************************************/
.contentContainer {
   width: 100%;
}

.contentFull {
   width: 100%;
   display: inline-block;
}

.contentHalf {
   display: inline-block;
   width: 46%;
   margin: 1%;
}

.contentHalf-location {
   width: 75%!important;
}

.contentHalf {}

hr {
   border: #000 1px solid;
}

.contentHalf hr {
   margin: 0.3em 0;
   border-top: 2px solid #ffffff;
}

#teleFlex {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.gMap {
   width: 100%;
   max-width: 1260px;
}

#contactUs h1 {
   font-family: 'neue-aachen-pro';
   font-size: 33px;
   font-weight: 600;
   text-align: center;
   color: #005fb3;
}

#contactRight {
   /* width:40%; */
}

div#contactRight h1 {
   color: white;
   font-family: rift, sans-serif;
   /* font-size: calc(1.375rem + ((1vw - 7.67px) * 0.8673)); */
   text-align: left;
   font-style: italic;
   /* font-size: 32px; */
}

.contactChild {
   margin-bottom: 20px;
   color: white;
   text-align: left;
}

.contactChild p {
   font-size: 19px;
}

.contactChild h3 {
   display: inline;
   color: white;
   font-family: rift, sans-serif;
   font-size: 25px;
}

.contactChild p {}

.contactChild a {
   color: white;
}

.contactChild a:hover {
   text-decoration: underline;
}

.contactChild:nth-of-type(1) {
   padding-bottom: 0;
}

.twoColumn {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   max-width: 400px;
   width: 100%;
}

.twoColumn ul {
   padding-right: 20px !important;
}

.contentHalf ul {
   padding-top: 15px !important;
}


.contactChild .fa,
.contactChild .fas {
   font-size: 25px;
   color: white;
}

.contactChild .fa-phone {
   padding-left: 1.5vw;
}

.contactChild ul,
.contactChild:nth-of-type(2) a {
   font-size: 19px;
   -ms-flex-item-align: center;
   -ms-grid-row-align: center;
   align-self: center;
   padding: 0;
   float: none;
}

.contact-header {
	display: inline-block!important;
}

.contact-header h1, .contact-header p {
	text-align: center;
	margin: 0 auto 30px;
	max-width: 900px;
}

.repair .contactChild ul li::before {
   content: none;
}

.contactChild .fa-envelope,
.contactChild .fas {
   padding-right: 1.5vw;
   color: white;
}

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

   .financeLogo#fb #facebookTab {
      width: 80px !important;
   }
}

@media only screen and (max-width: 767px) {
   #contactRight {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: column;
      width: 100%;
      padding-bottom: 20px;
      -ms-flex-pack: distribute;
      justify-content: space-around;
   }

   div#contactRight {
      max-width: auto;
      align-self: center;
      margin-top: 15px;
   }

   .contactChild ul,
   .contactChild:nth-of-type(2) a {
      font-size: calc(1.0625rem + ((1vw - 7.68px) * .6944));
   }

   .contactChild .fa {
      font-size: 25px;
   }

   .contactChild .fa-phone {
      padding-left: 3vw;
   }

   .contactChild .fa-envelope {
      padding-right: 3vw;
   }
}

.location .contentHalf {
   width: 75%;
}

.contentOneThird {
   display: inline-block;
   width: 32%;
   margin: 1%;
}

.contentTwoThirds {
   display: inline-block;
   width: 64%;
   margin: 1%;
}

.contentOneFourth {
   display: inline-block;
   width: 20%;
   margin: 1%;
}

.team {
   width: 21%;
   display: inline-block;
   background-color: rgba(235, 235, 235, 1.00);
   border: 2px solid #BDBDBD;
   margin: 1%;
   padding-bottom: 1%;
   vertical-align: top;
}

.team img {
   width: 90%;
   max-width: 300px;
   height: auto;
   padding-top: 5%;
}

p.teamname {
   font-family: 'montserratsemi_bold', sans-serif;
   font-size: 16px;
   text-align: center;
   color: #000;
   text-transform: uppercase;
}

p.title {
   font-family: 'montserratsemi_bold', sans-serif;
   font-size: 14px;
   text-align: center;
   color: #d10e00;
   text-transform: uppercase;
}


.team a {
   font-family: 'montserratsemi_bold', sans-serif;
   color: #333;
   text-transform: uppercase;
   font-size: 13px;
   text-decoration: none;
}

.team a:hover {
   color: #d10e00
}

.manulogos {
   width: 100%;
   background-color: rgba(255, 255, 255, 0.65);
   display: inline-block;
   height: 110px;
}

.manulogos img {
   display: inline-block;
   float: left;
   padding: 2%;
   box-sizing: border-box;
   max-width: 25%;
}

.spacingV10 {
   height: 30px;
   width: 100%;
   display: inine-block;
}

.spacingV25 {
   height: 25px;
   width: 100%;
   display: inine-block;
}

.container.cf {
   text-align: initial;
}

.spacingV50 {
   height: 50px;
   width: 100%;
   display: inine-block;
}

.spacingV100 {
   height: 100px;
   width: 100%;
   display: inine-block;
}

.searchcontainer {
   width: 50%;
   display: inline-block;
   float: none;
}

.searchcontainer.centerButton {
   width: auto;
}

/*************  STRUCTURE CLASSES  ************************/
.bgWhite {
   background-color: #fff;
}

.bgBlack {
   background-color: #000;
}

.bgGrey {
   background-color: #ddd;
}

.bgTexture {
   background: #393937;
}

.texturepattern {
   background: #393937;
   border-top: solid 6px #d10e00;
}


.bgRed {
   background-color: #d10e00;
}

.bgTexture {
   background: black;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: top;
}

.mainFlex {
   display: flex;
}

.mainFlex img {

   width: 50%;
}

section.mainFlex:last-of-type {
   justify-content: center;
}

.paddingV15 {
   padding: 15px 0px;
}

.margintop15 {
   margin-top: 15px;
}

.marginbottom15 {
   margin-bottom: 15px;
}


.floatleft {
   float: left;
}

.floatright {
   float: right;
}

/***************************  BUTTONS  *****************************************/
a.button {
   font-family: rift, sans-serif;
   font-size: 16px;
   color: #FFFFFF;
   background-color: #d10e00;
   padding: 15px 20px;
   text-decoration: none;
   display: inline-block;
   text-transform: uppercase;
   margin: 2% 0;
}

a.button:hover {
   background-color: #a00b00;
   color: #fff;
   text-decoration: none;
}

.buttoncontainer {
   position: relative;
   margin-top: -100px;
   height: 100px;
   z-index: 200;
   padding: 0 22%;
}

.thintext {
   font-family: rift, sans-serif;
   display: inline-block;
   text-transform: uppercase;
   margin-right: 5px;
   color: #fff;
}

.boldtext {
   font-family: rift, sans-serif;
   display: inline-block;
   text-transform: uppercase;
   color: #fff;
}

a.invbutton {
   background-color: #d10e00;
   border: 2px solid #fff;
   width: 300px;
   display: inline-block;
}

a.invbutton:hover {
   background-color: #a00b00;
}

/***************************  FOOTER  *****************************************/
.footercontainer {
   background-color: #393937;
   width: 100%;
   padding: 20px 0px;
}

.footercontainer ul {
   font-family: rift, sans-serif !important;
   color: #fff;
   font-size: 19px;
   line-height: 32px;
   text-decoration: none;
   padding: 0 5px;
   margin: 0;
   text-transform: uppercase;
   -webkit-transition: .2s ease-in;
   -moz-transition: .3s ease-in;
   -o-transition: .3s ease-in;
   transition: .3s ease-in;
   font-weight: bold;
   /* font-style: italic; */
   display: flex;
}

.footercontainer ul li a {
   color: white;
}

/*.footercontainer h2 a{color:#fff; text-align:center; font-family: rift, sans-serif; text-decoration:none; display:inline-block; }
.footercontainer h2 a:hover{color:#a00b00; }*/

.footerLinkHeading {
   font-family: rift, sans-serif;
   color: #fff;
   text-transform: uppercase;
   font-size: 16px;
   text-align: center;
}

.footercontainer ul.footerlinks {
   display: inline-block;
   float: none;
}

.footercontainer ul.footerlinks li {
   width: 100%;
   color: #fff;
   text-align: left;
}

.footercontainer ul.footerlinks li a {
   color: #fff;
   text-align: left;
   font-family: rift, sans-serif;
   text-decoration: none;
   display: inline-block;
   font-size: 13px;
}

.footercontainer ul.footerlinks li a:hover {
   color: #d10e00;
}

.footerNavLinks {
   width: 48%;
   float: left;
   display: inline-block;
   padding-top: 10px;
}

.footerInvLinks {
   width: 48%;
   float: right;
   display: inline-block;
   padding-top: 10px;
}



a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
   text-decoration: underline;
   font-family: rift, sans-serif;
   font-size: 13px;
   text-decoration: none;
   color: #fff;
   line-height: 2;
}

a.footerlink:hover {
   text-decoration: none;
   font-family: rift, sans-serif;
   font-size: 13px;
   text-decoration: underline;
   color: #fff;
}

.footertext {
   font-family: rift, sans-serif;
   font-size: 13px;
   color: #fff;
}

.smallfootertext {
   font-family: rift, sans-serif;
   font-size: 13px;
   color: #fff;
}

.divfooter {
   /* width:450px; */
   text-align: center;
   margin: 0 auto;
}

/***************************  SPECIFIC PAGES  *********************************************/
/****************  PARTS  ***************/
.partsphotos {
   width: 100%;
   display: inline-block;
   float: none;
   box-sizing: border-box;
   padding: 20px 0;
}

.partsphotos img {
   width: auto;
   height: 450px;
   border: 3px solid #DDDDDD;
}

/****************  SERVICE  ***************/
.servicephotos {
   width: 100%;
   display: inline-block;
   float: none;
   box-sizing: border-box;
   padding: 20px 0;
}

.servicephotos img {
   width: 23%;
   height: auto;
   border: 3px solid #DDDDDD;
}

/****************  BODY SHOP  ***************/
.bodyshopphotos {
   width: 100%;
   display: inline-block;
   float: none;
   box-sizing: border-box;
   padding: 20px 0;
}

.bodyshopphotos img {
   width: 29%;
   height: auto;
   border: 3px solid #DDDDDD;
}

/***************************  FACEBOOK  *********************************************/
#fb {
   top: -510px;
   left: calc(0.625rem + ((1vw - 3.2px) * 1.5625));
   z-index: 99999;
}

.side {
   background: #fff;
   width: 300px;
   height: 510px;
   position: fixed;
   z-index: 100;
}

.financeLogo#fb {
   top: 0;
   right: calc(0.625rem + ((1vw - 3.2px) * 1.5625));
   z-index: 99999;
   left: unset;
   width: auto;
   height: auto;
}

.financeLogo.side {
   background: transparent;
   width: 300px;
   height: 510px;
   position: fixed;
   z-index: 100;
}

.financeLogo#fb #facebookTab {
   float: right;
   width: 120px;
}

#facebookTab {
   display: block;
   height: calc(2.8125rem + ((1vw - 3.2px) * 0.9375));
   width: calc(2.1875rem + ((1vw - 3.2px) * 0.9375));
   background: #d10e00;
   z-index: 99999;
   left: 0px;
   font-size: 25px;
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;
}

.financeLogo#fb img {

   width: 90%;
}

a#facebookTab img {
   width: 14px;
}


/***************************  INVENTORY  ***************************************/
.listings-wrapper .listing-boxed .listing-boxed-details {
   text-align: left !important;
}

.hosted-content .listings-wrapper .border-bottom,
.hosted-content .listings-detail-wrapper .border-bottom,
.hosted-content .listings-drilldown-wrapper .border-bottom {
   text-align: left !important;
}

.hosted-content .listings-detail-wrapper .information-box {
   text-align: left !important;
}

.hosted-content .left {
   text-align: left !important;
}

.hosted-content .listings-detail-wrapper .listing-details .divider {
   text-align: left !important;
}

.hosted-content .listings-wrapper .hosted-theme a.btn {
   background: #d10e00 !important;
   color: #fff !important;
   border: solid 2px #d10e00 !important;
}

.hosted-content .listings-wrapper .hosted-theme a.btn:hover {
   color: #fff !important;
   border: solid 2px #a00b00 !important;
   background: #a00b00 !important;
   box-sizing: border-box !important;
}

.hosted-content .listings-wrapper .listings-list .category-banner h3 {
   font-family: rift, sans-serif !important;
   font-weight: normal !important;
   font-size: 18px;
}


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
   width: 100%;
   height: 90px;
   overflow: hidden;
   border-top: 5px solid #ff0000;
   border-bottom: 5px solid #ff0000;
}

.scrolling {
   width: 100%;
   height: 75px;
}

@media screen and (max-width: 1240px) and (min-width:1106px) {
   .cycle-caption h2 {
      color: #fff;
      font-family: 'montserratsemi_bold';
      font-size: 48px;
      top: 60px;
      position: absolute;
      text-align: center;
      left: 5%;
      width: 90%;
   }

   /***LAST SLIDE***/
   .cta {
      background: #000;
      margin: 0;
      padding: 20px 0;
   }

   .partsphotos img {
      height: auto;
      width: 40%;
      vertical-align: top;
   }
}

@media screen and (max-width: 1105px) and (min-width:1051px) {
   .buttoncontainer {
      position: relative;
      margin-top: -150px;
      height: 130px;
      z-index: 200;
      padding: 0 25%;
   }

   a.invbutton {
      background-color: #d10e00;
      border: 2px solid #fff;
      width: auto;
      display: block;
      float: none;
      margin: 20px 0px;
   }

   .cycle-caption h2 {
      color: #fff;
      font-family: 'montserratsemi_bold';
      font-size: 54px;
      top: 30px;
      position: absolute;
      text-align: center;
      left: 5%;
      width: 90%;
   }

   /***LAST SLIDE***/
   .cta {
      background: #000;
      margin: 0;
      padding: 20px 0;
   }

   .partsphotos img {
      height: auto;
      width: 40%;
      vertical-align: top;
   }
}

@media screen and (max-width: 1375px) and (min-width:768px) {

   /*HEADER*/
   .headercontainer {
      background-size: 120%;
   }

   .logo {
      width: auto;
      float: none;
   }

   .headercontainer .inner {
      height: auto;
      width: 90%;
   }

   .contact ul * {
      text-align: center !important;
   }

   .logo img {
      width: 300px;
      height: auto;
   }

   .contact ul {
      float: none;
      width: 100%;
   }

   .contact {
      padding-top: 10px;
   }

   #navCenter {
      align-items: center;
   }

   .push {
      /* height: 170px; */
   }

   /*SLIDESHOW / INVENTORY LINKS / KEYWORD SEARCH*/
   .cta {
      background: #000;
      margin: 0;
      padding: 20px 0;
   }

   .categories {
      width: calc(50% - 2px);
   }

   .cycle-caption h1 {
      font-family: 'montserratsemi_bold';
      font-size: 32px;
      color: #fff;
      text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
      line-height: 140%;
   }

   .cycle-caption h2 {
      color: #fff;
      font-family: 'montserratsemi_bold';
      font-size: 36px;
      top: 20px;
      position: absolute;
      text-align: center;
      left: 5%;
      width: 90%;
   }

   .team {
      width: 30%;
   }

   .buttoncontainer {
      position: relative;
      margin-top: -150px;
      height: 130px;
      z-index: 200;
      padding: 0 25%;
   }

   a.invbutton {
      background-color: #d10e00;
      border: 2px solid #fff;
      width: auto;
      display: block;
      float: none;
      margin: 20px 0px;
   }

   /*NAVIGATION*/
   .search input[type=text] {
      width: 100% !important;
   }

   .searchButton {
      width: 100% !important;
   }

   /*PARTS*/
   .partsphotos img {
      height: auto;
      width: 40%;
      vertical-align: top;
   }
}

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

   /*HEADER*/
   .mainFlex {

      flex-wrap: wrap;
   }

   .mainFlex img {

      width: 100%
   }


   section.mainFlex video,
   section.mainFlex .inner {
      width: 100%;
   }

   .mainFlex .inner div {
      width: 100%;
      padding: 30px;
   }

   h1.sitename {
      font-size: 32px;
   }

   p.home,
   .homeP ul {
      font-size: 19px;
   }
	
	.heading-md {
		font-size: 24px!important;
	}
}

@media only screen and (max-width: 767px) {
   .contactPage .inner {
      flex-wrap: wrap;
   }

   .contact * {
      text-align: center !important;
   }

}

@media screen and (max-width: 767px) and (min-width: 481px) {

   /*HEADER*/
   .headercontainer {
      background-size: 180%;
      padding: 15px 0px 0px;
   }

   .logo {
      width: 100%;
      float: none;
   }

   .headercontainer .inner {
      height: auto;
      width: 90%;
   }

   .logo img {
      max-width: 300px;
      height: auto;
   }

   .push {
      /* height: 170px; */
   }

   .contact ul {
      float: none;
      width: 100%;
      padding: 20px 0;
   }

   .contact {
      padding-top: 7px;
   }

   #navCenter {
      align-items: center;
   }

   .stick .contact ul {
      float: none;
   }

   /*SLIDESHOW / INVENTORY LINKS / KEYWORD SEARCH*/
   .cycle-caption {
      top: 10px;
      left: 15%;
      width: 70%;
   }

   .cycle-caption h2 {
      font-size: 32px;
      top: 10px;
      left: 5%;
      width: 90%;
   }

   .cta {
      background: #000;
      margin: 0;
      padding: 0px 0;
   }

   .categories {
      width: calc(50% - 2px);
   }

   .cta a {
      width: 100%;
      margin: 0 0;
   }

   /*CONTENT*/
   .contentHalf {
      width: 100%;
      display: inline-block;
   }

   .contentOneThird {
      width: 100%;
   }

   .contentTwoThirds {
      width: 100%;
   }

   .contentOneFourth {
      width: 46%;
      display: inline-block;
      margin: 1%;
   }

   .team {
      width: 40%;
   }

   .buttoncontainer {
      position: relative;
      margin-top: -150px;
      height: 130px;
      z-index: 200;
      padding: 0 25%;
   }

   a.invbutton {
      background-color: #d10e00;
      border: 2px solid #fff;
      width: auto;
      display: block;
      float: none;
      margin: 20px 0px;
   }

   .manulogos img {
      display: inline-block;
      float: left;
      padding: 2%;
      box-sizing: border-box;
      max-width: 50%;
   }

   .search input[type=text] {
      width: 100% !important;
   }

   .searchButton {
      width: 100% !important;
   }

   /*FACEBOOK*/
   #fb {
      /* display:none; */
   }


   /*FOOTER*/
   .divfooter {
      width: 350px;
   }

   .footernavbar ul li {
      width: 100%;


      padding: 5px;
      display: inline-block;
      text-align: center;
   }

   /*PARTS*/
   .partsphotos img {
      width: 80%;
      height: auto;
   }

   /*SERVICE*/
   .servicephotos img {
      width: 45%;
      height: auto;
   }
}

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

   /*HEADER*/
   .headercontainer {
      background-size: 320%;
   }

   .logo {
      width: 100%;
      float: none;
   }

   .logo img {
      max-width: 200px;
      height: auto;
      width: 100%;
   }

   .contact ul {
      float: none;
      width: 100%;
      padding: 10px 0px;
   }

   .headercontainer {
      position: relative;
      padding: 15px 0px 0px;
   }

   .headercontainer .inner {
      height: auto;
      width: 100%;
   }

   .contact ul li {
      /* font-size: 3.118503118503119VW; */
   }

   #navCenter {
      align-items: center;
   }

   .push {
      height: 0;
   }

   /*FACEBOOK*/
   .financeLogo#fb {
      right: 10px;
   }


   /*SLIDESHOW / INVENTORY LINKS / KEYWORD SEARCH*/
   .cta {
      background: #000;
      margin: 0;
      padding: 0;
   }

   .categories {
      width: calc(50% - 2px);
   }

   .cta a {
      width: 100%;
      margin: 0 0;
   }

   .cycle-caption {
      top: 40px;
      left: 10%;
      width: 80%;
      font-size: 36px;
   }

   .cycle-caption h2 {
      font-size: 24px;
      top: 15px;
      left: 5%;
      width: 90%;
   }

   /*CONTENT*/
   .contentHalf {
      width: 100%;
      display: inline-block;
   }

   .contentOneThird {
      width: 100%;
   }

   .contentTwoThirds {
      width: 100%;
   }

   .contentOneFourth {
      width: 90%;
      margin: 5%;
   }

   a.button {
      width: 70%;
      margin: 10px 0px;
   }

   .floatleft {
      float: none;
   }

   .floatright {
      float: none;
   }

   .manulogos img {
      display: inline-block;
      float: left;
      padding: 2%;
      box-sizing: border-box;
      max-width: 100%;
   }

   .team {
      width: 80%;
   }

   .buttoncontainer {
      position: relative;
      margin-top: -130px;
      height: 110px;
      z-index: 200;
      padding: 0 15%;
   }

   a.invbutton {
      background-color: #d10e00;
      border: 2px solid #fff;
      width: auto;
      display: block;
      float: none;
      margin: 20px 0px;
   }

   .searchcontainer {
      width: 100%;
   }

   .search input[type=text] {
      width: 100% !important;
   }

   .searchButton {
      width: 100% !important;
   }

   .form-row {
      width: 100% !important;
   }

   /*PARTS*/
   .partsphotos img {
      width: 100%;
      height: auto;
   }

   /*SERVICE*/
   .servicephotos img {
      width: 100%;
      height: auto;
   }

   /*BODYSHOP*/
   .bodyshopphotos img {
      width: 60%;
   }

   /*FOOTER*/
   .divfooter {
      width: 250px;
   }

   .footernavbar ul li {
      width: 100%;
      padding: 5px;
      display: inline-block;
      text-align: center;
   }

}