/* Minification failed. Returning unminified contents.
(3852,33): run-time error CSS1030: Expected identifier, found '.'
(3852,37): run-time error CSS1031: Expected selector, found ')'
(3852,37): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@charset "UTF-8";
.display-none {
  display: none;
}

.display-block {
  display: block;
}

.display-flex {
  display: flex;
}

.display-inline {
  display: inline;
}

.emptybike {
  background-image: url("/Content/Images/emptybike.png");
}

.emptyAtv {
  background-image: url("/Content/Images/emptyAtv.png");
}

.emptySidexside {
  background-image: url("/Content/Images/emptySidexside.png");
}

.emptyWatercraft {
  background-image: url("/Content/Images/emptyWatercraft.png");
}

@media (max-width: 1025px) {
  .isMobile {
    display: none;
  }
  .showMobile {
    display: block;
  }
}
.isMobileFooter {
  display: block;
}

@media (max-width: 767.98px) {
  .isMobileFooter {
    display: none;
  }
}
a {
  color: #000000;
}

a:hover {
  color: #000000;
}

.RideologyIcon {
  width: 70px;
  height: 70px;
  margin: 25px 0 25px 0;
}

.filter-box {
  float: left;
}

.capitalize {
  text-transform: capitalize;
}

.zerodiv {
  overflow: hidden;
  height: 0;
}

.licensed-disclaimer {
  color: #7e7e7e;
  font-family: "Oswald", sans-serif;
  font-size: larger;
  text-transform: uppercase;
  margin: 0px 0px 75px;
}
.licensed-disclaimer a {
  color: #33cc00;
  font-family: "Oswald", sans-serif;
  font-size: 1.1em;
  line-height: 0.8;
  text-decoration: underline !important;
  outline: none !important;
  text-transform: uppercase;
  margin: 10px 20px 0 0;
}

.license-product-text {
  color: #7e7e7e;
  font-size: 1.2em;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
}

button {
  color: #ffffff;
  color: #FEFEFE;
  outline-color: #66cc33;
  border-color: #66cc33;
  background-color: #000000;
}
button:focus {
  color: #000000;
  outline: solid;
}
button::-moz-focus-inner {
  border: 1px;
}

a:focus {
  outline: solid;
}
a::-moz-focus-inner {
  border: 1px;
}

.homePromotions a:focus .card {
  outline: 1px solid #000000;
}

.Promotions a:focus .card {
  outline: 1px solid #000000;
}

.homeApparel a:focus .saleBox {
  outline: 1px solid #ffffff;
}

.lowerCase {
  text-transform: lowercase !important;
}

.removeUpper {
  text-transform: none !important;
}

#skip p {
  height: 0px;
  margin: 0;
  overflow: hidden;
}
#skip:focus {
  border: 1px solid #fff;
}

/*.sr-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}*/
.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.text-mrsp-line-through {
  text-decoration: line-through;
}

.text-mrsp-grey {
  color: #9B9B9B !important;
}
.text-mrsp-grey .price-msrp {
  text-decoration: line-through;
}

.discount-highlight {
  background: #66CC33;
  color: black;
}

.language-action {
  cursor: pointer;
}

/*ie10 fix for all grid elements*/
.row {
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
}

/* card deck fix collapse */
.card-deck .row {
  width: 100%;
  margin: 0;
}

.mb-250 {
  margin-bottom: 250px !important;
}

.margin-top-200 {
  margin-top: 200px !important;
}

.smCC {
  text-transform: lowercase;
}

.wishPos .wishPadding {
  padding-left: 72px;
}

.mt-5px {
  margin-top: 5px !important;
}

.p-r-40 {
  padding-right: 40px;
}

.nav-sup {
  top: -3px;
}

.timlineImage {
  margin-bottom: -100px;
}

/* IOS fix for accordions */
.accordion header {
  cursor: pointer;
}

/*IOS fix for mobile carousel touch events*/
.carousel-indicators li {
  cursor: pointer;
}

.kawasakiBorderBottom {
  border-bottom: 1px solid #66cc33;
}

a:hover {
  text-decoration: none;
}

.hide {
  display: none;
}

.pb-30 {
  padding-bottom: 30px;
}

.pl-15 {
  padding-left: 15px;
}

mr-45 {
  margin-right: 45px;
}

.w-px-100 {
  width: 100px;
}

.d-contents {
  display: contents;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-negative-50 {
  margin-top: -50px;
}

.no-section-style {
  padding: 0 !important;
}

.border-top-none {
  border-top: none !important;
}

.dontShow {
  height: 0px;
  margin: 0px;
  opacity: 0;
  font-size: 1px;
}

.snippetTableStyle td, .snippetTableStyle th {
  padding: 10px;
  font-family: Fira Sans;
}

.greyBorderLeft {
  border-left: 1px solid #dddde4;
}

.cursor-default {
  cursor: default;
}

.bg-grey7 {
  background-color: #202021 !important;
}

.grey-line {
  border-bottom: 1px solid #dddde4;
}

.mt-negative-25 {
  margin-top: -25px;
}

.generic-lg-Sup {
  font-size: 20px;
}

.d-none-not-important {
  display: none;
}

.margin-top-negative-one {
  margin-top: -1px !important;
}

.background-color-white {
  background-color: white;
}

.background-color-none {
  background-color: none;
}

.generic-cta .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #66cc33;
  margin: 9px 10px 0 0;
  display: inline-block;
  vertical-align: top;
}
.generic-cta svg {
  margin: -5px 5px 0 0;
}

.generic-cta-offset {
  margin: 5px 10px 0 0 !important;
}

.black-font {
  color: #000000 !important;
}

.black-hover:hover {
  background: rgb(0, 0, 0) !important;
  color: #000000;
  text-decoration: none;
}

.white-text-hover:hover {
  color: #ffffff !important;
}

.greyhover:hover {
  color: #76767c;
  text-decoration: none;
}

.greenhover:hover {
  color: #66cc33 !important;
  text-decoration: none;
}

.anchorLinks {
  position: absolute;
  top: -105px;
}

.sticky:before,
.sticky:after {
  content: "";
  display: table;
}

.opacity-3 {
  opacity: 0.3;
}

.opacity-4 {
  opacity: 0.4;
}

.opacity-5 {
  opacity: 0.5;
}

.opacity-6 {
  opacity: 0.6;
}

.opacity-7 {
  opacity: 0.7;
}

.opacity-8 {
  opacity: 0.8;
}

.skipMain:focus {
  outline: 2px solid #000000;
}

nav {
  background: #FFFFFF;
}
nav button {
  color: #ffffff;
}
nav button:focus {
  color: #66cc33;
  outline: solid;
}
nav .navbar {
  padding: 0;
}
nav .navbar .navbar-brand {
  padding: 18px 0 22px 0;
  margin-right: 0;
}
nav .navbar .navbar-brand .logo-desktop {
  display: block;
}
nav .navbar .navbar-brand .logo-desktop svg {
  opacity: 100%;
}
nav .navbar .navbar-brand .logo-mobile {
  display: none;
}
nav .navbar .navbar-brand:focus {
  outline: 2px solid #505055;
}
nav .navbar .navbar-brand img {
  width: 150px;
}

/*body:not(.user-is-tabbing) *:focus {
    outline: none;
}*/
.grey-font {
  color: #505055 !important;
}

.bg-grey-6 {
  background: #454548;
}

.color-grey1 {
  color: #f1f1f1 !important;
}

.alpa-list {
  list-style-type: lower-alpha;
}

.FPO {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -65%);
  font-size: 4em;
  font-family: Oswald;
  color: red;
}

.img-badge {
  max-width: 100px !important;
  vertical-align: unset !important;
}

.MLR-five {
  margin-left: -5px;
  margin-right: -5px;
}

.playButton {
  cursor: pointer !important;
}

#btn-ownedModal-close:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#btn-techProBadgeModal-close:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#btn-cartModal-close:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#btn-wishListModal-close:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#btn-raqDealerInfoModal-close:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#btn-modal-close:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#btn-carryModal-close:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#btn-exclusiveModal-close:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#deleteFavoriteVehicleModal-close:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#removeBPSessionModal-close:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#btn-favoriteModal-close:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#btn-deleteOwnedVehicleModal-close:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#btn-sendwishListModal-close:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#btn-carryModal-close:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#btn-contactDealerInfo-close:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#btn-subscription-preferences-close:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#closeDealerInfoResultsBtn:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#btn-demoModal-close:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#close-findVinModal:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#btn-techModal-close1:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#btn-techModal-close2:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

.closeDealerInventoryInfoBtn:focus {
  outline: 2px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

#btn-ratrDealerInfoModal-close:focus {
  outline: 4px transparent solid;
  box-shadow: 0 0 0 2px #000000, 0 0 0 4px #66cc33, 0 0 4px 8px #000000;
}

.carouselContainer {
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
}
.carouselContainer .carouselInner {
  position: relative;
}
.carouselContainer .carousel-indicators {
  position: relative;
}
.carouselContainer .carousel-indicators li {
  position: relative;
  background: none;
}
.carouselContainer .carousel-indicators li svg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.carouselContainer .carousel-indicators li .offIndicator {
  display: block;
}
.carouselContainer .carousel-indicators li.active .onIndicator {
  display: block;
  top: 1px;
}
.carouselContainer .carousel-indicators li.active .offIndicator {
  display: none;
}
.carouselContainer .carInd {
  border: none;
  background: none;
  float: left;
  margin-top: 4px;
}
.carouselContainer .carInd svg {
  height: 17px;
  width: 17px;
}
.carouselContainer #pauseButton {
  display: none;
}

.h-113 {
  height: 113px !important;
}

.text-nowrap {
  white-space: nowrap;
}

.bg-none {
  background: none !important;
}

.bg-grey1 {
  background-color: #f1f1f1;
}

.bg-grey2 {
  background-color: #E5E5E9;
}

.bg-grey3 {
  background-color: #D7D7DA;
}

.bg-blk {
  background-color: #000000;
}

.boxShadow {
  background: #ffffff;
  height: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}

.max-width-100 {
  max-width: 100%;
}

.avg-text-box-height {
  height: 200px !important;
}

.ml-negative-15 {
  margin-left: -15px;
}

.mr-negative-15 {
  margin-right: -15px;
}

.maxWidth150 {
  max-width: 150px;
}

.noLeftRightPadding {
  padding-left: 0;
  padding-right: 0;
}

.closeBackground {
  width: 100%;
  top: 143px !important;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  cursor: pointer;
  display: none;
  z-index: 2;
  top: 0;
}

.cursor-pointer {
  cursor: pointer;
}

.removePointerEvent {
  pointer-events: none;
}

.searchBack {
  background-image: url(/Content/Images/search.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 344px;
  text-align: center;
  border: 0;
  padding: 3px;
  background-size: 24px;
}

.blur {
  filter: blur(5px);
  -webkit-filter: blur(5px);
  margin-top: 5px;
}

/*form validation global styles*/
.input-validation-error {
  border-color: red;
  border-width: 2px;
  background-color: lightcoral;
}

.thinGreenBorderNoBottom {
  border: 1px solid #66cc33 !important;
  border-bottom: 0 !important;
}

.kawasakiGreen {
  color: #66cc33 !important;
}

.kawasakiGreenOnly {
  color: #66cc33;
}

.padding-tb-13 {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.greyDK {
  color: #505055 !important;
}

.flipAndMakeGreen {
  color: #66cc33 !important;
  transform: rotate(180deg);
}

.pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default !important;
}

.button-hover-white:hover {
  color: #ffffff !important;
}

.border-none {
  border: none !important;
}

.pb-20 {
  padding-bottom: 20px;
}

.centerItem {
  top: 50% !important;
  left: 50% !important;
  margin-right: -50% !important;
  transform: translate(-50%, -50%) !important;
}

.centerText {
  text-align: center;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
}

.line-height-35 {
  line-height: 35px !important;
}

.line-height-1 {
  line-height: 1 !important;
}

.marginB-1 {
  margin-bottom: -1px;
}

.mt-5-px {
  margin-top: 5px;
}

.showMobile {
  display: none;
}

.manuals .manualsHeader {
  background-image: url(/Content/Images/OwnerCenter/owner-header.jpg?w=1600);
  background-size: cover;
  background-position: center;
}
.manuals .manualsHeader h1, .manuals .manualsHeader p {
  color: #ffffff;
}
.manuals .manualsHeader p {
  max-width: 450px;
  margin: 50px 0 100px;
}
.manuals .ownersAndServicePrice P {
  color: #76767c;
}
.manuals .buyContainer {
  border-bottom: 1px solid #dddde4;
}
.manuals .greenSpacer {
  height: 5px;
  width: 30px;
  background: #66cc33;
  margin: 10px auto;
}
.manuals .warrantyModels .CTAtriangle {
  vertical-align: middle;
}

#mobCarousel img {
  padding-bottom: 40px;
  padding-top: 65px;
}

/*numbered select fields*/
.selectTag {
  border: 1px solid #D7D7DA;
  background: #ffffff;
  margin-bottom: 25px;
  position: relative;
  height: 48px;
  -webkit-box-shadow: 0px 1px 2px 0px rgb(204, 204, 204);
  -moz-box-shadow: 0px 1px 2px 0px rgb(204, 204, 204);
  box-shadow: 0px 1px 2px 0px rgb(204, 204, 204);
}
.selectTag .bar {
  border-right: 3px solid #66cc33;
  padding-right: 10px;
  margin: 13px 0 0 10px;
}
.selectTag .form-control {
  height: 46px;
  cursor: pointer;
  border: 0;
  position: absolute;
  margin-left: 0;
  background: 0;
  font-size: 16px;
  text-transform: initial;
}
.selectTag .form-control option {
  width: 100%;
}
.selectTag .input-validation-error {
  border-color: red;
  border-width: 2px;
  background-color: lightcoral;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
  max-width: 280px;
}

.video-play-button {
  background-image: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="play-circle" class="svg-inline--fa fa-play-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path  fill="%2366cc33" d="M256 504c137 0 248-111 248-248S393 8 256 8 8 119 8 256s111 248 248 248zM40 256c0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216 0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216zm331.7-18l-176-107c-15.8-8.8-35.7 2.5-35.7 21v208c0 18.4 19.8 29.8 35.7 21l176-101c16.4-9.1 16.4-32.8 0-42zM192 335.8V176.9c0-4.7 5.1-7.6 9.1-5.1l134.5 81.7c3.9 2.4 3.8 8.1-.1 10.3L201 341c-4 2.3-9-.6-9-5.2z"></path></svg>');
  background-repeat: no-repeat;
}

.headOne {
  font-family: Oswald;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 60px;
  color: #000000;
  line-height: 60px;
  margin: 0;
  /* IE10+ CSS */
}
.headOne .sup {
  font-size: 12px;
  top: -2px;
}
.headOne .suphpp {
  font-size: 12px;
  margin-top: -17px;
  vertical-align: super !important;
  top: -17px !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .headOne .suphpp {
    vertical-align: bottom !important;
    top: -16px !important;
  }
}

.headOne.hppReveal {
  font-family: Oswald;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 55px;
  color: #000000;
  line-height: 70px;
  margin: 0;
}
.headOne.hppReveal .sup {
  font-size: 12px;
  margin-top: -17px;
}
.headOne.hppReveal .suphpp {
  font-size: 12px;
  margin-top: -17px;
}

.lineHeightP {
  line-height: 16px !important;
}

/* IE10+ CSS */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .lineHeightThree {
    line-height: 28px !important;
  }
}
.headTwo {
  font-family: Oswald;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 40px;
  color: #000000;
  line-height: 47px;
  margin: 0;
}
.headTwo .sup {
  font-size: 11px;
  top: -4px;
}
.headTwo .suphpp {
  font-size: 12px;
  margin-top: -9px;
}

.headThree {
  font-family: Oswald;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 32px;
  color: #000000;
  line-height: 37px;
  margin: 0;
}
.headThree .sup {
  font-size: 10px;
  top: -3px;
}
.headThree .suphpp {
  font-size: 10px;
  margin-top: -7px;
}

.headFour {
  font-family: Oswald;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 25px;
  color: #000000;
  line-height: 30px;
  margin: 0;
  /* IE10+ CSS */
}
.headFour .sup {
  font-size: 9px;
  margin-top: -6px;
}
.headFour .suphpp {
  font-size: 9px;
  margin-top: -6px;
  top: -5px;
  vertical-align: bottom;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .headFour .suphpp {
    vertical-align: bottom !important;
    top: -5px !important;
  }
}

/*.headFourStickyAccordion {
    font-family: $font-family-oswald;
    font-weight: $font-weight-medium;*/
/*    text-transform: uppercase;*/
/*font-size: 25px;
    color: $black;
    line-height: 30px;
    margin: 0;

    .sup {
        font-size: 10px;
        margin-top: -6px;
    }

    .suphpp {
        font-size: 10px;
        margin-top: -6px;
        top: -5px;
        vertical-align: bottom;
    }*/
/* IE10+ CSS */
/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .suphpp {
            vertical-align: bottom !important;
            top: -5px !important;
        }
    }
}*/
.headFive {
  font-family: Oswald;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  color: #000000;
  line-height: 20px;
  margin: 0;
}
.headFive .sup {
  font-size: 7px;
  margin-top: -3px;
}
.headFive .suphpp {
  font-size: 7px;
  margin-top: -3px;
}

.trueCase {
  text-transform: none !important;
}

/*.headFiveStickyNav {
    font-family: $font-family-oswald;
    font-weight: $font-weight-medium;
    text-transform: uppercase;
    font-size: 16px;
    color: $black;
    line-height: 20px;
    margin: 0;

    .sup {
        font-size: 8px;
        margin-top: -3px;
    }

    .suphpp {
        font-size: 8px;
        margin-top: -3px;
    }
}
*/
.headSix, .feature-list li {
  font-family: Oswald;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 13px;
  color: #000000;
  line-height: 17px;
  margin: 0;
}
.headSix .sup, .feature-list li .sup {
  font-size: 6px;
  margin-top: -2px;
}
.headSix .suphpp, .feature-list li .suphpp {
  font-size: 6px;
  margin-top: -2px;
  vertical-align: bottom !important;
  top: -1px !important;
}

.pOne {
  font-family: Fira Sans;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  line-height: 24px;
  margin: 0;
}

.pTwo {
  font-family: Fira Sans;
  font-weight: 400;
  font-size: 13px;
  color: #000000;
  line-height: 20px;
  margin: 0;
}
.pTwo .suphpp {
  top: 0px;
}

.disclaimer {
  font-family: Fira Sans;
  font-weight: 400;
  font-size: 10px;
  color: #000000;
  line-height: 12px;
  forced-color-adjust: none;
  -webkit-text-fill-color: currentColor;
}
.disclaimer a {
  color: inherit;
  -webkit-text-fill-color: currentColor;
  forced-color-adjust: none;
  text-decoration: inherit;
}

.disclaimer a[href^=tel],
.disclaimer a[href^=mailto] {
  color: inherit !important;
  -webkit-text-fill-color: currentColor;
  text-decoration: inherit;
}

.color-disclaimer {
  font-family: Fira Sans;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
}

.sup {
  vertical-align: text-top;
  display: inline;
  position: relative;
  top: -0.1em;
}

.suphpp {
  vertical-align: text-top;
  display: inline;
  position: relative;
  top: -0.1em;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS */
  .suphpp {
    vertical-align: middle;
    display: inline;
    position: relative;
    top: 1px;
  }
}
.sup-hack .sup {
  font-size: 0.75rem;
  /*top: 0.2em;*/
  line-height: 1.5rem;
}

.orderH2 .sup-hack .sup {
  font-size: 0.7rem;
  /*top: 0.2em;*/
  line-height: 1.4rem;
  margin-left: -1px;
}

#techModal1 .headThree .sup {
  font-size: 8px;
  margin-top: -4px;
}

#techModal2 .headThree .sup {
  font-size: 8px;
  margin-top: -7px;
}

.light {
  font-weight: 400;
}

.bold {
  font-weight: 700;
}

.italic {
  font-style: italic;
}

.padding-0 {
  padding: 0;
}

.bg-white-shadow {
  background-color: #ffffff;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
}

.bg-white-shadow {
  margin-bottom: 20px;
}
.bg-white-shadow:before, .bg-white-shadow:after {
  content: "";
  display: table;
}
.bg-white-shadow:after {
  clear: both;
}

.pressReleaseSpacing {
  background: none;
  padding-top: 10px;
}

.CTAtriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #66cc33;
  margin: 0px 5px 0 0;
  display: inline-block;
}

.green-boarder-2 {
  border-style: solid;
  border-width: 2px;
  color: #66cc33 !important;
}

.leftBorder {
  border-left: 1px solid #dddde4;
}

.greyScrollBar ::-webkit-scrollbar {
  width: 2px;
}
.greyScrollBar ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #D7D7DA;
  border-radius: 10px;
}
.greyScrollBar ::-webkit-scrollbar-thumb {
  background: #454548;
  border-radius: 10px;
}
.greyScrollBar ::-webkit-scrollbar-thumb:hover {
  background: #454548;
}

.greyScrollBarMedium ::-webkit-scrollbar {
  width: 5px;
}
.greyScrollBarMedium ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #D7D7DA;
  border-radius: 10px;
}
.greyScrollBarMedium ::-webkit-scrollbar-thumb {
  background: #454548;
  border-radius: 10px;
}
.greyScrollBarMedium ::-webkit-scrollbar-thumb:hover {
  background: #454548;
}

.greenScrollBar ::-webkit-scrollbar {
  width: 10px;
}
.greenScrollBar ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #D7D7DA;
  border-radius: 10px;
}
.greenScrollBar ::-webkit-scrollbar-thumb {
  background: #66cc33;
  border-radius: 10px;
}
.greenScrollBar ::-webkit-scrollbar-thumb:hover {
  background: #66cc33;
}

/*.disableBtn {
    cursor: not-allowed;
}*/
.activeCardImage {
  outline: 5px solid #66cc33;
  outline-offset: -5px;
}

.subcategoryContainer:last-child {
  padding-bottom: 80px;
}

.shareModal .modelBar h2 {
  color: #ffffff;
}
.shareModal svg {
  margin: auto;
  display: block;
}
.shareModal button.close {
  margin-top: 15px;
}
.shareModal .modal-dialog {
  max-width: 800px;
}

.blackBtn-disabled {
  font-family: Oswald;
  background: #000000;
  padding: 20px 25px;
  color: #ffffff;
  position: relative;
  display: inline-block;
  border: none;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  line-height: initial;
  opacity: 0.5;
}
.blackBtn-disabled .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #66cc33;
  margin: 8px 10px 0 0;
  display: inline-block;
  vertical-align: top;
}
.blackBtn-disabled svg {
  margin: -5px 5px 0 0;
}

.blackBtn {
  font-family: Oswald;
  background: #000000;
  padding: 20px 25px;
  color: #ffffff !important;
  position: relative;
  display: inline-block;
  border: none;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  /*line-height: initial;*/
  line-height: 1.5rem;
}
.blackBtn.disabled {
  opacity: 0.5;
}
.blackBtn:hover:not([disabled]) {
  /*        background: rgba(0,0,0,0.7);
  color: $white;
  text-decoration: none;*/
}
.blackBtn:focus:not([disabled]) {
  /*        background: rgba(0,0,0,0.7);
  color: $white;
  text-decoration: none;*/
  background: #b5b5b9;
  color: #000 !important;
  text-decoration: none;
  outline: solid;
}
.blackBtn .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #66cc33;
  margin: 8px 10px 0 0;
  display: inline-block;
  vertical-align: top;
}
.blackBtn:focus:not([disabled]) .triangle {
  border-color: transparent transparent transparent #000 !important;
}
.blackBtn:focus:not([disabled]) svg path {
  fill: #000 !important;
}
.blackBtn svg {
  margin: -5px 5px 0 0;
}
.blackBtn .sup {
  margin-top: 0;
  font-size: 10px;
}

.blackBtn.homePagebtn:hover:not([disabled]) {
  background: #B5B5B9;
  color: #000000 !important;
  text-decoration: none;
}
.blackBtn.homePagebtn:hover:not([disabled]) .triangle {
  border-color: transparent transparent transparent #000000;
}
.blackBtn.homePagebtn:focus:not([disabled]) {
  background: #B5B5B9;
  color: #000000 !important;
  text-decoration: none;
}
.blackBtn.homePagebtn:focus:not([disabled]) .triangle {
  border-color: transparent transparent transparent #000000;
}

.greyBtn {
  font-family: Oswald;
  background: #86868D;
  padding: 20px 25px;
  color: #ffffff;
  position: relative;
  display: inline-block;
  border: none;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
}
.greyBtn.disabled {
  opacity: 0.5;
}
.greyBtn:hover {
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  text-decoration: none;
}
.greyBtn .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #66cc33;
  margin: 9px 10px 0 0;
  display: inline-block;
  vertical-align: top;
}
.greyBtn svg {
  margin: -5px 5px 0 0;
}

.blackBtnMedium {
  font-size: 13px;
  font-family: Oswald;
  background: #000000;
  padding: 14px 15px;
  color: #ffffff;
  position: relative;
  display: inline-block;
  border: none;
  font-weight: 500;
  text-transform: uppercase;
}
.blackBtnMedium:hover {
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  text-decoration: none;
}
.blackBtnMedium .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #66cc33;
  float: left;
  margin: 6px 10px 0 0;
}
.blackBtnMedium svg {
  margin: 4px 5px 0 0;
}

.blackBtnSmall {
  font-size: 13px;
  font-family: Oswald;
  background: #000000;
  padding: 7px 15px;
  color: #ffffff;
  position: relative;
  display: inline-block;
  border: none;
  font-weight: 500;
  text-transform: uppercase;
  outline-color: #ffffff;
}
.blackBtnSmall:hover {
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  text-decoration: none;
}
.blackBtnSmall:focus {
  outline-color: #000000;
}
.blackBtnSmall .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #66cc33;
  float: left;
  margin: 6px 10px 0 0;
}
.blackBtnSmall svg {
  margin: 4px 5px 0 0;
}

.hppButtonElek {
  outline-color: #ffffff;
  border: 1px solid black;
  padding: 10px 15px;
  color: black !important;
  background: #66cc33;
  font-family: Oswald;
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  line-height: 24px;
  /* IE10+ CSS */
}
.hppButtonElek:focus {
  outline-color: #000000;
}
.hppButtonElek:hover {
  color: white !important;
  text-decoration: none;
}
.hppButtonElek:hover .triangle {
  border-color: transparent transparent transparent white;
}
.hppButtonElek .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent black;
  margin: 9px 10px 0 0;
  display: inline-block;
  vertical-align: top;
}
.hppButtonElek .sup {
  font-size: 9px;
  margin-top: 3px;
  top: -0.2rem;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .hppButtonElek .sup {
    top: -8px !important;
    vertical-align: sub !important;
  }
}

.hppButton {
  border: 1px solid #66cc33;
  padding: 10px 15px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.75);
  font-family: Oswald;
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  line-height: 24px;
  /* IE10+ CSS */
}
.hppButton:hover {
  color: #66cc33;
  text-decoration: none;
}
.hppButton .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #66cc33;
  margin: 9px 10px 0 0;
  display: inline-block;
  vertical-align: top;
}
.hppButton .sup {
  font-size: 9px;
  margin-top: 3px;
  top: -0.2rem;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .hppButton .sup {
    top: -8px !important;
    vertical-align: sub !important;
  }
}

.hppButton-detail {
  border: 1px solid #66cc33 !important;
  padding: 10px 15px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.75);
  font-family: Oswald;
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
  line-height: 24px;
}
.hppButton-detail:hover {
  color: #66cc33;
  text-decoration: none;
}
.hppButton-detail .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #66cc33;
  margin: 9px 10px 0 0;
  display: inline-block;
  vertical-align: top;
}

/* IE10+ CSS */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .hppButton {
    line-height: normal !important;
  }
}
.borderButton {
  border: 1px solid #66cc33;
  padding: 20px 25px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.75);
  font-family: Oswald;
  display: inline-block;
  font-weight: 500;
  display: table;
  margin: auto;
  text-transform: uppercase;
}
.borderButton:hover {
  color: #66cc33;
  text-decoration: none;
}
.borderButton .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #66cc33;
  float: left;
  margin: 9px 10px 0 0;
}

.footerBtn {
  background: #66cc33;
  color: #000000 !important;
  padding: 10px 15px;
  font-family: Oswald;
  text-decoration: none;
  font-weight: 500;
  margin-top: 20px;
  text-transform: uppercase;
}
.footerBtn:hover {
  opacity: 0.7;
  text-decoration: none;
}
.footerBtn .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #000000;
  margin: 9px 5px 0 0;
  float: left;
}

nav .forTop {
  position: relative;
}
nav .navbar-toggler {
  position: relative;
  width: 50px;
  border-radius: unset;
}
nav .navbar-toggler svg {
  height: 28px;
  width: 100%;
}
nav .navbar-toggler svg path {
  fill: #505055;
}
nav .rightBar {
  position: absolute;
  right: 25px;
  top: 26px;
}
nav .rightBar .list-inline {
  margin: 0;
}
nav .rightBar .list-inline-item {
  margin-right: 0;
}
nav .rightBar .list-inline-item .fr {
  color: #505055;
}
nav .rightBar .showCart {
  position: relative;
  /*&:hover {
      .cartBox {
          display: block;
      }
  }
  .cartBox:hover{
      display: block;
  }*/
}
nav .rightBar .cartBox {
  display: none;
  position: absolute;
  top: 15px;
  left: -60px;
  padding-top: 10px;
  z-index: 9999;
  min-width: 200px;
}
nav .rightBar .cartBox.show {
  display: block;
}
nav .rightBar .cartInner {
  background: #ffffff;
  padding: 20px 10px;
}
nav .rightBar .cartInner .listOpt {
  border-top: 1px solid #E5E5E9;
  border-bottom: 1px solid #E5E5E9;
  margin: 10px 0 0;
  padding: 10px 0 0;
}
nav .rightBar .cartInner a.headSix {
  border: 0;
  text-decoration: underline;
  margin-bottom: 10px;
}
nav .rightBar .cartInner a.headSix span {
  color: #505055;
}
nav .rightBar .cartInner a.headSix:hover {
  color: #000000;
}
nav .rightBar .cartInner .blackBtn {
  padding: 10px;
  margin-top: 10px;
  color: #ffffff;
}
nav .rightBar .cartInner .blackBtn.disabled {
  background: rgba(0, 0, 0, 0.7);
}
nav .rightBar a {
  color: #505055;
  border-right: 1px solid #dddde4;
  margin-right: 5px;
  padding: 0 10px 0 0;
  white-space: nowrap;
  display: block;
}
nav .rightBar a i {
  color: #66cc33;
  margin: 3px 5px 0 0;
}
nav .rightBar a:hover {
  color: #76767c;
}
nav .rightBar a svg {
  float: left;
}
nav .rightBar a span {
  color: #505055;
  font-family: Fira Sans;
  font-weight: 400;
}
nav .rightBar a div {
  color: #505055 !important;
}
nav .rightBar .lastItem a {
  border: 0;
  cursor: pointer;
}
nav .rightBar .searchIt input {
  height: 20px;
  color: #000000;
  background-color: #D7D7DA;
  border: 0;
  font-family: Fira Sans;
}
nav .rightBar .searchIt input::placeholder {
  font-size: 13px;
}
nav .rightBar .searchIt input:focus {
  background-color: #ffffff;
}
nav .rightBar input::placeholder {
  color: #000000;
}
nav .rightBar button {
  background: none;
  border: none;
  color: #505055;
  margin-top: 0px;
}
nav .rightBar button:hover {
  color: #76767c;
}

.green-lines {
  width: 100%;
  height: 24px;
  background: url(/Content/Images/green_lines.jpg);
}

.green-line-header {
  width: 100%;
  height: 4px;
  background-color: #66cc33;
}

.nav li {
  color: #ffffff;
  /*.fa-caret-down:active{
      color: $green !important;
      transform: rotate(180deg);
  }*/
}
.nav li:hover {
  color: #66cc33;
  cursor: pointer;
}
.nav li .active {
  color: #66cc33;
}
.nav li button {
  background: none;
  background-color: #454548;
  border: none;
  padding: 16px 10px;
}
.nav li .fa-caret-down {
  transition: transform 0.5s;
  color: #dddde4;
  font-size: 13px;
}

.nav .border-right {
  border-right: 1px solid #505055 !important;
  float: left;
}
.nav .border-left {
  border-left: 1px solid #505055 !important;
  float: left;
}

.nav.float-right li {
  padding: 0;
  float: left;
}
.nav.float-right li .dropdown {
  position: inherit;
}
.nav.float-right li .dropdown.show button {
  background: #000000;
  color: #66cc33;
}
.nav.float-right li button {
  color: #dddde4;
  background: none;
  border: none;
  padding: 16px 6px;
}
.nav.float-right li button:hover {
  color: #ffffff;
}
.nav.float-right li .dropdown-menu {
  transform: none !important;
  top: 130px !important;
  width: 100%;
  z-index: 1050;
  cursor: default;
}

.categoryContainer {
  background: #454548;
  border-bottom: 0px solid #66cc33;
}
.categoryContainer .nav-tabs:before, .categoryContainer .nav-tabs:after {
  content: "";
  display: table;
}
.categoryContainer .nav-tabs:after {
  clear: both;
}
.categoryContainer #cat-22 {
  padding-top: 14px;
}
.categoryContainer .subCategory {
  position: absolute;
  background: #D7D7DA;
  width: 100%;
  left: 0;
  top: 133px;
  z-index: 10;
  text-align: center;
  overflow: hidden;
}
.categoryContainer .subCategory .topMonkie {
  padding: 25px 10px 0;
  border-right: 2px solid #E5E5E9;
  float: left;
}
.categoryContainer .subCategory .topMonkie li {
  padding: 15px 13px;
}
.categoryContainer .subCategory .topMonkie:last-child {
  border: 0;
}
.categoryContainer .subCategory .subMonkey {
  border: 1px solid #b2b2b8;
  border-bottom: 0;
  padding: 0 10px;
  position: relative;
}
.categoryContainer .subCategory .subMonkey .subTwo {
  margin: -10px auto 0;
  display: table;
  padding: 0 5px;
  background: #D7D7DA;
  text-transform: uppercase;
  color: #505055;
  font-size: 12px;
}
.categoryContainer .subCategory .subMonkey .fa-caret-down {
  position: absolute;
  left: 50%;
  top: 5px;
  margin-left: -4px;
  color: #505055;
  display: none;
}
.categoryContainer .subCategory .nav-link {
  color: #000000;
  background: none;
  border: 0;
  min-height: 40px;
  text-transform: none;
}
.categoryContainer .subCategory .nav-link:hover {
  border: 0;
  color: #505055;
}
.categoryContainer .subCategory .nav-link.active {
  background: none;
  border: 0;
  color: #000000;
  border-bottom: 5px solid #66cc33;
}
.categoryContainer .subCategory .tab-pane {
  padding: 40px 0;
}
.categoryContainer .subCategory .tab-pane .seperator {
  border-right: 5px solid #f1f1f1;
}
.categoryContainer .subCategory .tab-pane .seperator:last-child {
  border: 0;
}
.categoryContainer .subCategory .tab-pane .catLine {
  border: 2px solid #f1f1f1;
  border-bottom: 0;
  height: 2px;
}
.categoryContainer .subCategory .tab-pane .headSix, .categoryContainer .subCategory .tab-pane .feature-list li, .feature-list .categoryContainer .subCategory .tab-pane li {
  color: #76767c;
  margin: -10px auto 0;
  display: table;
  padding: 0 5px;
  background: #fff;
}
.categoryContainer .subCategory .tab-pane img {
  max-width: 100%;
}
.categoryContainer .subCategory .tab-pane .blackBtn {
  margin-top: 40px;
}
.categoryContainer .subCategory .productRepeat {
  margin-top: 20px;
  padding-bottom: 5px;
  border-bottom: 5px solid #ffffff;
}
.categoryContainer .subCategory .productRepeat:hover {
  border-bottom: 5px solid #66cc33;
}
.categoryContainer .subCategory .productRepeat a {
  text-decoration: none;
}
.categoryContainer .subCategory .productRepeat a:focus {
  outline: 2px solid #000000;
}
.categoryContainer .subCategory .productRepeat .headFive {
  text-transform: initial;
}
.categoryContainer .subCategory .pTwo {
  color: #76767c;
  margin: 0;
  text-transform: initial;
}
.categoryContainer .subCategory .tab-content {
  background: #ffffff;
}
.categoryContainer .subCategory .backgroundTab {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background: #ffffff;
}

nav .dropdown .dropdown-menu {
  padding: 30px 0;
}
nav .dropdown .headTwo {
  border-left: 3px solid #66cc33;
  line-height: 28px;
  padding: 0 40px 5px 20px;
  margin-top: 20px;
  float: right;
  line-height: 1;
}
nav .dropdown .split {
  border-right: 1px solid #E5E5E9;
}
nav .dropdown .split .quadContainer .col-md-6 {
  float: left;
}
nav .dropdown .remove-border {
  border: none;
}
nav .dropdown .quadContainer svg {
  height: 30px;
  margin: 10px auto;
  display: block;
}
nav .dropdown .quadContainer svg path {
  fill: #66cc33;
}
nav .dropdown .quadContainer h3 {
  text-align: center;
  margin: 20px 0;
}
nav .dropdown .quadContainer a:hover {
  text-decoration: none;
}
nav .dropdown .quadContainer a:hover > h3 {
  color: #76767c;
  text-decoration: none;
}
nav .dropdown .listContainer {
  padding: 15px 0 0 30px;
}
nav .dropdown .listContainer a {
  display: block;
  margin-bottom: 20px;
  text-transform: none;
}
nav .dropdown .listContainer a:hover {
  color: #76767c;
  text-decoration: none;
}
nav .dropdown .listContainer .pOne.bold {
  margin-bottom: 20px;
  text-transform: initial;
}
nav .dropdown .listContainer .space {
  width: 100%;
  height: 20px;
}
nav .dropdown .listContainer .viewAll {
  color: #76767c;
  text-decoration: underline;
}
nav .dropdown .listContainer .viewAll:hover {
  text-decoration: underline;
}
nav .dropdown .shop a {
  margin-bottom: 10px;
}

.list-unstyled .viewAll {
  color: #76767c;
  text-decoration: underline;
}
.list-unstyled .viewAll:hover {
  text-decoration: underline;
}

.kawiIndicate {
  margin-left: 35px;
}

.hppSlider .video-controls {
  position: absolute;
  top: 0px;
  right: 15px;
  z-index: 100;
}
.hppSlider .video-controls button {
  background: none;
  border: none;
}
.hppSlider .video-controls svg {
  height: 40px;
  width: 40px;
}
.hppSlider .video-controls .hpp-video-play-button {
  display: none;
}
.hppSlider .video-controls .hpp-video-pause-button {
  display: none;
}
.hppSlider .video-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /*vertical-align: middle;*/
  overflow: hidden;
  /*margin: 0 auto;*/
}
.hppSlider .video-container video {
  display: block;
  min-width: 1920px;
  max-width: 2112px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hppSlider .carousel-item {
  background: #000000;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
  /*position: relative;*/
}
.hppSlider .carousel-item .container {
  position: relative;
  min-height: 550px;
}
.hppSlider .carousel-item .dateSup {
  font-size: 20px;
  margin-top: -17px;
  vertical-align: text-top;
  display: inline;
  position: relative;
  top: -0.1em;
}
.hppSlider .carouselText {
  text-align: inherit;
  width: 35%;
  height: 500px;
  margin-left: 15px;
  position: relative;
}
.hppSlider .carouselText .carOne {
  color: #ffffff;
  margin: 20px 0 0 0;
}
.hppSlider .carouselText .carTwo {
  color: #ffffff;
}
.hppSlider .carouselText .carThree {
  color: #ffffff;
  margin: 10px 0 0 0;
  font-weight: 400;
}
.hppSlider .carouselText p {
  color: #ffffff;
  margin: 10px 0 0 0;
  /*line-height: 14px;*/
}
.hppSlider .carouselText .hppButton {
  margin: 20px 0 0 0;
}
.hppSlider .carouselText .disclaimer {
  font-weight: 400;
  margin-top: 20px;
}
.hppSlider .carouselText .teaser {
  font-family: Fira Sans;
  font-weight: 500;
  font-size: 15px;
}
.hppSlider .carousel-control-prev {
  width: 25px;
  height: 25px;
  top: 45%;
  left: 10px;
}
.hppSlider .carousel-control-next {
  width: 25px;
  height: 25px;
  top: 45%;
  right: 10px;
}

section {
  padding: 100px 0 80px;
}

.homePromotions {
  background: #f1f1f1;
}
.homePromotions a {
  text-decoration: none;
}
.homePromotions .card-deck .row {
  margin-left: 0;
}
.homePromotions .promoContainer {
  margin-bottom: 30px;
  cursor: pointer;
  height: 100%;
}
.homePromotions .promoContainer:hover .headFive {
  color: #000000;
}
.homePromotions .promoContainer:hover .promoBox {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  text-decoration: none;
}
.homePromotions .promoBox {
  background: #ffffff;
  height: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.homePromotions img {
  width: 100%;
  border-bottom: 3px solid #66cc33;
}
.homePromotions .promoContent {
  padding: 20px 20px 0;
}
.homePromotions .promoContent h2 {
  margin-bottom: 10px;
}
.homePromotions .promoContent .ends {
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
}
.homePromotions .promoContent p {
  margin-bottom: 10px;
}
.homePromotions .blackBtn {
  margin: 80px auto 0;
  display: table;
}
.homePromotions .card {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: none;
  border: none;
  border-radius: 0;
  height: 100%;
}
.homePromotions .singlePromo img {
  border: 0;
  border-right: 3px solid #66cc33;
}
.homePromotions .singlePromo .promoContent {
  padding: 20px;
  background: #ffffff;
}
.homePromotions .singlePromo .promoContent table {
  height: 100%;
}

.Promotions {
  /*background: $bg-grey1;*/
  margin-top: 60px;
}
.Promotions a {
  text-decoration: none;
}
.Promotions .card-deck .row {
  margin-left: 0;
}
.Promotions .promoContainer {
  margin-bottom: 30px;
  cursor: pointer;
  height: 100%;
}
.Promotions .promoContainer:hover .headFive {
  color: #000000;
}
.Promotions .promoContainer:hover .promoBox {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  text-decoration: none;
}
.Promotions .promoBox {
  height: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.Promotions img {
  width: 100%;
  border-bottom: 3px solid #66cc33;
}
.Promotions .promoContent {
  padding: 20px 20px 0;
}
.Promotions .promoContent h2 {
  margin-bottom: 10px;
}
.Promotions .promoContent .ends {
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
}
.Promotions .promoContent p {
  margin-bottom: 10px;
}
.Promotions .blackBtn {
  margin: 80px auto 0;
  display: table;
}
.Promotions .card {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: none;
  border: none;
  border-radius: 0;
  height: 100%;
}
.Promotions .singlePromo img {
  border: 0;
  border-right: 3px solid #66cc33;
}
.Promotions .singlePromo .promoContent {
  padding: 20px;
  background: #ffffff;
}
.Promotions .singlePromo .promoContent table {
  height: 100%;
}

.accMerch {
  background: #D7D7DA;
}
.accMerch .cardRepeat {
  margin-bottom: 20px;
}
.accMerch .cardRepeat .card {
  height: 100%;
}
.accMerch .cardRepeat .pr-2 .acc-msrp {
  display: none;
}
.accMerch .cardRepeat .vehicleContainer {
  height: 100%;
  background: #ffffff;
  display: block;
  padding: 20px 10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.accMerch .cardRepeat .vehicleContainer:hover {
  text-decoration: none;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
}
.accMerch .cardRepeat .vehicleContainer img {
  max-width: 100%;
  height: auto;
}
.accMerch .cardRepeat .vehicleContainer .pTwo {
  color: #76767c;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 15px;
}
.accMerch .cardRepeat .vehicleContainer .msrp {
  text-align: right;
  color: #5a5a60;
}
.accMerch .blackBtn {
  margin: 40px auto 0;
  /*display: table;*/
}

.header-table {
  display: inline-block;
  margin-bottom: 60px;
  width: 100%;
}
.header-table .headTwo {
  white-space: nowrap;
}
.header-table .headTwo.white {
  color: #fff;
}
.header-table .border-line {
  border-bottom: 1px solid #66cc33;
  height: 36px;
  width: auto;
  position: relative;
  margin-left: 5px;
}
.header-table td:nth-child(2) {
  width: 100%;
}

.snipe:hover {
  color: #000000;
}

/*.popVideo object {
    width: 100%;
    object-fit: cover;
}

.popVideo .modal-content {
    background: #262626;
}

.popVideo .able {
    margin-top: 0;
}

.popVideo .modal-dialog {
    max-width: 720px;
}

.popVideo .able-wrapper {
    width: 100%;
    max-width: 720px !important;
    height: 500px;
}

.popVideo .able-descriptions {
    width: 100%;
}

.popVideo .able-status-bar {
    padding-bottom: 25px;
}*/
.carousel-indicators li {
  background: none !important;
}

.homeVehicles .vehicleContainer {
  text-align: center;
  padding-bottom: 60px;
}
.homeVehicles .vehicleContainer .snipe {
  background: #66cc33;
  padding: 5px;
  display: inline-block;
  margin-top: 5px;
}
.homeVehicles .vehicleContainer a:hover {
  text-decoration: none;
}
.homeVehicles .vehicleContainer a:focus {
  outline: 2px solid #000000;
}
.homeVehicles .vehicleContainer .greenSpacer {
  height: 5px;
  width: 30px;
  background: #66cc33;
  margin: 10px auto;
}
.homeVehicles .vehicleContainer img {
  max-width: 100%;
  max-height: 220px;
}
.homeVehicles .vehicleContainer .headThree {
  text-transform: initial;
}
.homeVehicles .vehicleContainer .pTwo {
  color: #505055;
}
.homeVehicles .blackBtn {
  display: table;
  margin: auto;
}

.homeApparel {
  background: #202021;
}
.homeApparel .header-table .headTwo {
  color: #ffffff;
}
.homeApparel .saleContainer {
  padding: 0 10px;
  text-align: center;
  margin-bottom: 30px;
}
.homeApparel .saleContainer a:hover {
  text-decoration: none;
}
.homeApparel .saleContainer .saleBox {
  background: #000000;
  padding: 20px 0 0;
  height: 100%;
}
.homeApparel .saleContainer img {
  width: 100%;
}
.homeApparel .saleContainer .headSix, .homeApparel .saleContainer .feature-list li, .feature-list .homeApparel .saleContainer li {
  color: #66cc33;
}
.homeApparel .saleContainer .headFour {
  color: #ffffff;
  margin: 5px 0 20px;
}
.homeApparel .blackBtn {
  margin: 30px auto 20px;
  display: table;
  border: 1px solid #66cc33;
}

.footerLinks {
  background: #0F0F10;
}
.footerLinks .linkContainer {
  padding-top: 30px;
  padding-bottom: 60px;
}
.footerLinks .openFooter {
  float: right;
  display: none;
}
.footerLinks .headFour {
  color: #ffffff;
  border-bottom: 1px solid #454548;
  padding-bottom: 10px;
  margin: 30px 0 10px;
}
.footerLinks a {
  color: #ffffff;
  display: table;
  margin-bottom: 5px;
}
.footerLinks p {
  color: #ffffff;
}
.footerLinks svg {
  width: 10px;
  height: 10px;
}

.footerPrivacy {
  background: #000000;
  padding: 20px 0;
}
.footerPrivacy p {
  color: #ffffff;
}
.footerPrivacy p .genericLink {
  color: #ffffff;
  background-color: #000000;
  white-space: nowrap;
  margin-right: 15px;
}
.footerPrivacy p .genericLink:hover {
  color: #ffffff;
}
.footerPrivacy .social .row {
  float: right;
}
.footerPrivacy .social .row a:focus {
  display: block;
  outline: 2px solid #ffffff;
}
.footerPrivacy .social .row svg {
  height: 20px;
  width: 20px;
  margin: 0 auto 15px auto;
  display: block;
}
.footerPrivacy .social .row svg path {
  fill: #ffffff;
}
.footerPrivacy .social .row svg:hover path {
  fill: #66cc33;
}
.footerPrivacy .motors {
  text-align: left;
}
.footerPrivacy .app-store {
  max-width: 300px;
  margin: auto;
}
.footerPrivacy .app-store div {
  display: inline-block;
  float: left;
  max-width: 180px;
}
.footerPrivacy .app-store div p {
  padding: 8px 12px 10px 0;
}
.footerPrivacy .app-store a:focus {
  outline: 2px solid #ffffff;
}
.footerPrivacy .app-store .app-store-apple {
  padding-left: 10px;
}
.footerPrivacy .app-store svg {
  height: 60px;
  max-width: 100px;
  margin-top: -10px;
}

.mpp .able-wrapper {
  height: 100%;
}
.mpp .heroBackground {
  background-color: #000000 !important;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
  position: relative;
}
.mpp .heroBackground .video-controls {
  position: absolute;
  top: 0px;
  right: 15px;
  z-index: 100;
}
.mpp .heroBackground .video-controls button {
  background: none;
  border: none;
}
.mpp .heroBackground .video-controls svg {
  height: 40px;
  width: 40px;
}
.mpp .heroBackground .video-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /*vertical-align: middle;*/
  overflow: hidden;
  /*margin: 0 auto;*/
}
.mpp .heroBackground .video-container video {
  display: block;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mpp .heroBackground .container {
  position: relative;
  min-height: 500px;
}
.mpp .heroBackground .container .disclaimer-desktop {
  position: absolute;
  bottom: 0px;
  left: 15px;
  color: #ffffff;
  max-width: 500px;
}
.mpp .heroBackground img {
  /*width: 100%;*/
  /*height: 150px;*/
}
.mpp .heroCaption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: inherit;
  width: 35%;
}
.mpp .heroCaption .headOne, .mpp .heroCaption .headFour, .mpp .heroCaption p {
  color: #ffffff;
}
.mpp .heroCaption .headFour {
  font-weight: 400;
  margin-top: 40px;
}
.mpp .heroCaption .mp3 {
  margin-top: 10px;
}
.mpp .heroCaption .disclaimer {
  color: #ffffff;
}
.mpp .heroCaption .hppButtonElek {
  outline-color: #000000;
}
.mpp .heroCaption .hppButtonElek:focus {
  outline-color: #ffffff;
}
.mpp .mppVideo {
  max-height: 500px;
}
.mpp .mppVideoModal .close {
  position: absolute;
  z-index: 999999;
  top: 1%;
  right: 1.5%;
  font-size: 3rem;
  color: #66cc33;
}
.mpp .stickyAccordion .navBtn .triangle {
  margin: 3px;
}
.mpp .largeDisclaimer {
  font-size: 15px;
}

.mobile .mppVideoModal .able-button-handler-fullscreen {
  display: none;
}

.feature-list ul {
  margin: 0px;
  padding: 0px;
}
.feature-list li {
  list-style: none;
  color: #505055;
  text-transform: uppercase;
}

.stickyTop {
  width: 100%;
  background: #fff;
  z-index: 1020;
}

.sticky-top-compare-veh {
  position: sticky;
  top: 0px;
  z-index: 1020;
}

.sticky-top-compare-filter {
  position: sticky;
  bottom: 0px;
  z-index: 1019;
}

.sticky-bottom {
  position: sticky;
  bottom: 0px;
}

.stickySubNav {
  padding: 15px 0;
  border-bottom: 3px solid #66cc33;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.7);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.7);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.7);
}
.stickySubNav .float-left ul {
  margin-top: 13px;
}
.stickySubNav .float-left a {
  font-weight: 400;
}
.stickySubNav .float-left li:first-child {
  border-right: 1px solid #dddde4;
  padding-right: 15px;
}
.stickySubNav .float-left li:first-child a {
  font-weight: 500;
  text-transform: initial;
}
.stickySubNav ul {
  margin: 0;
}
.stickySubNav li .headFive {
  color: #000000;
}
.stickySubNav svg {
  margin: -5px 5px 0 0;
  width: 18px;
}
.stickySubNav .fa-sync-alt {
  height: 12px;
  margin: 6px 8px 0 0;
}
.stickySubNav .fa-sync-alt path {
  fill: #66cc33;
}

.stickyAccordion {
  background: #000000;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.stickyAccordion header {
  background: #ffffff;
  padding: 20px 0;
  border-bottom: 1px solid #E5E5E9;
}
.stickyAccordion header.collapsed .fa-angle-up {
  display: none;
}
.stickyAccordion header.collapsed .fa-angle-down {
  display: block;
}
.stickyAccordion header .blackBox {
  background: #000000;
  margin-top: 10px;
}
.stickyAccordion header svg {
  height: 30px;
  width: 30px;
}
.stickyAccordion header svg path {
  fill: #66cc33;
}
.stickyAccordion header .fa-angle-down {
  display: none;
}
.stickyAccordion #mppAccordion {
  position: absolute;
  width: 100%;
  background: #000000;
  z-index: 9999;
}
.stickyAccordion .smallItem {
  background: #ffffff;
  border-bottom: 1px solid #E5E5E9;
  text-align: center;
  display: block;
  width: 100%;
  padding: 20px 0;
}
.stickyAccordion .smallItem:hover {
  background: #66cc33;
  text-decoration: none;
  color: #000000;
}
.stickyAccordion .smallItem:focus {
  background: #66cc33;
  text-decoration: none;
  color: #000000;
}
.stickyAccordion .navBtn {
  border: 1px solid #66cc33;
  padding: 10px 0;
  color: #ffffff;
  width: 100%;
  margin: 20px 0;
  display: block;
  text-align: center;
}
.stickyAccordion .navBtn .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #66cc33;
  display: inline-block;
  line-height: 0;
  margin-left: -65px;
}
.stickyAccordion .navBtn .triangle span {
  margin-left: 5px;
}
.stickyAccordion .navBtn svg {
  height: 16px;
  margin: -5px 10px 0 0;
}
.stickyAccordion .navBtn svg path {
  fill: #66cc33;
}
.stickyAccordion .navBtn:hover {
  text-decoration: none;
}

#overview {
  background: #E5E5E9;
}
#overview img {
  width: 100%;
}
#overview .pOne {
  color: #505055;
}
#overview .pOne .disclaimer {
  color: #505055;
}
#overview .pOne .largeDisclaimer {
  color: #505055;
}
#overview .featuring {
  border-left: 3px solid #66cc33;
  padding-left: 15px;
  margin-top: 30px;
}
#overview .featuring div {
  color: #505055;
}
#overview .featuring .headFour {
  margin: 0 0 15px;
}
#overview .featuring .headSix, #overview .featuring .feature-list li, .feature-list #overview .featuring li {
  padding: 5px 0;
}

#models {
  background: #f1f1f1;
}
#models img {
  width: 100%;
  margin-top: 30px;
}
#models .modelRepeat {
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  margin-bottom: 25px;
}
#models .modelRepeat .leftBackImg {
  background-size: cover;
  background-color: #ffffff;
  background-position: center;
}
#models .modelRepeat .infoBox {
  padding: 40px 20px 10px 20px;
  min-height: 400px;
}
#models .modelRepeat .infoBox .headFive {
  margin: 20px 0;
}
#models .modelRepeat .infoBox .longList ul:before, #models .modelRepeat .infoBox .longList ul:after {
  content: "";
  display: table;
}
#models .modelRepeat .infoBox .longList ul:after {
  clear: both;
}
#models .modelRepeat .infoBox .longList ul li {
  width: 50%;
  float: left;
}
#models .modelRepeat .infoBox .mobBtnHelper {
  margin-bottom: 30px;
}
#models .modelRepeat .infoBox .disclaimer {
  color: #505055;
  font-size: 10px;
  line-height: 12px;
}
#models .modelRepeat .infoBox .disclaimer .pOne {
  color: #505055;
  font-size: 10px;
  line-height: 12px;
}
#models .modelRepeat .modelHead {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 10px;
}
#models .modelRepeat .modelHead .headFive {
  margin: 10px 0 0;
}
#models .modelRepeat .modelHead .pTwo {
  color: #76767c;
  display: inline-block;
}
#models .modelRepeat ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 2rem;
}
#models .modelRepeat ul li {
  font-family: Fira Sans;
  font-weight: 400;
  font-size: 13px;
  color: #000000;
  line-height: 20px;
  margin: 0 0 0px 0;
  padding-left: 15px;
}
#models .modelRepeat ul li::before {
  color: #6c3;
  content: "▪︎";
  display: inline-block;
  width: 1em;
  margin-left: -13px;
}

#gallery {
  background: #202022;
  /* .able {
          margin: 0;
          box-shadow: none;

          .able-status-bar {
              padding: 0;
          }

          .able-big-play-button {
              height: 100% !important;
              width: 100% !important;
          }
      }*/
  /*}*/
}
#gallery .nav-tabs {
  background: #202022 !important;
  border-bottom: hidden;
  border-color: #202022;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
#gallery .nav-link {
  padding: 0.05rem 0rem;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-width: 0px;
}
#gallery .nav-tabs > li.nav-link.active > a,
#gallery .nav-tabs > li.nav-link.active > a:focus {
  background: #202022 !important;
  color: #ffffff !important;
  border-color: #202022 !important;
  border-width: 0px;
}
#gallery .nav-tabs > li.nav-link > a:hover,
#gallery .nav-tabs > li.nav-link > a:focus {
  background: #202022 !important;
  color: #ffffff !important;
}
#gallery .nav-tabs > li.nav-link > a:hover .headFour.photos.active,
#gallery .nav-tabs > li.nav-link > a:focus .headFour.photos.active {
  border-width: 0px;
}
#gallery .header-table .headTwo {
  color: #ffffff;
}
#gallery .disclaimer {
  color: #8A8992;
}
#gallery .gal1 {
  color: #8A8992;
  padding-left: 10px;
  margin-bottom: 20px;
}
#gallery .gal2 {
  color: #8A8992;
  padding-left: 0px;
  margin-bottom: 20px;
}
#gallery .gal4 {
  color: #8A8992;
  padding-left: 20px;
  margin-bottom: 20px;
}
#gallery .headFour.photos {
  color: #8A8992;
  margin-bottom: 0px;
  margin-top: 0px;
  border-right: 4px solid #66cc33;
  padding-right: 20px;
  height: 26px;
}
#gallery .headFour.photosOnly {
  color: #8A8992;
  margin-bottom: 0px;
  margin-top: 0px;
  border-left: 4px solid #66cc33;
  padding-left: 20px;
  height: 26px;
}
#gallery .headFour.videos {
  color: #8A8992;
  margin-left: 4px;
  margin-bottom: 0px;
  margin-top: 0px;
  border-left: 4px solid #66cc33;
  padding-left: 20px;
  height: 26px;
}
#gallery .nav-link.active {
  background: #202022 !important;
  border-color: #202022;
}
#gallery #PerformanceOilvideoGallery {
  /**/
  /*.able-wrapper {
      max-width: 718px !important;
      height: 406px !important;

      .able {
          margin-top: 0px !important;
      }

      .able-vidcap-container {
          width: 100%;
          height: auto !important;
          max-width: 718px;

          video {
              width: 100%;
              height: auto !important;
              max-width: 718px;
          }
      }
  }

  margin-bottom: 80px;

  .modal-dialog {
      max-width: 720px;
  }

  .photoRepeat {
      position: relative;
      margin-bottom: 20px;
      cursor: pointer;

      &:hover img {
          opacity: 1;
      }

      img {
          width: 100%;
          opacity: 0.7;
      }
  */
}
#gallery #PerformanceOilvideoGallery .playSvg {
  position: absolute;
  top: 50%;
  left: 40%;
  margin-top: -70px;
  margin-left: -50px px;
  z-index: 1;
}
#gallery #PerformanceOilvideoGallery .photoRepeastsvg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  z-index: 1;
}
#gallery #videoGallery {
  margin-bottom: 80px;
  /* .able {
      margin: 0;
      box-shadow: none;

      .able-status-bar {
          padding: 0;
      }

      .able-big-play-button {
          height: 100% !important;
          width: 100% !important;
      }
  }*/
}
#gallery #videoGallery .modal-dialog {
  max-width: 720px;
}
#gallery #videoGallery .photoRepeat {
  position: relative;
  margin-bottom: 20px;
  cursor: pointer;
}
#gallery #videoGallery .photoRepeat:hover img {
  opacity: 1;
}
#gallery #videoGallery .photoRepeat img {
  width: 100%;
  opacity: 0.7;
}
#gallery #videoGallery .photoRepeat .photoRepeastsvg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -70px;
  margin-left: -50px;
  z-index: 1;
}
#gallery #videoGallery .videoRepeat {
  position: relative;
  /*  .able {
      z-index: 50;
  }

  .able-seekbar-loaded {
      height: 4px;
  }

  .able-seekbar-head {
      top: -9px;*/
}
#gallery #videoGallery .videoRepeat video {
  width: 100% !important;
}

.vidSix {
  color: #8A8992;
  margin-top: 20px;
}

#photoGallery .photoRepeat {
  position: relative;
}
#photoGallery .photoRepeat:hover {
  cursor: pointer;
}
#photoGallery .photoRepeat:hover > svg path {
  fill: #ffffff;
}
#photoGallery .photoRepeat img {
  width: 100%;
}
#photoGallery .photoRepeat svg {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
}
#photoGallery .photoRepeat svg path {
  fill: #66cc33;
}

/*.topFeaturesVideo {
    visibility:hidden;
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}*/
#topFeatures .mobilePositionFix {
  position: initial !important;
  transform: none !important;
}
#topFeatures .relativeAuto {
  position: relative !important;
  height: auto !important;
}
#topFeatures .photoRepeat {
  position: absolute;
  cursor: pointer;
  left: 50%;
  top: 50%;
  transform: translate(-50px, -50px);
  outline: none;
  margin: 0;
  width: 100px;
  height: 100px;
  padding: 0;
}
#topFeatures .photoRepeat:hover svg {
  opacity: 0.7;
}
#topFeatures .photoRepeat svg {
  margin-top: 0;
  margin-left: 0;
  z-index: 1;
}
#topFeatures .topFeaturesVideo {
  visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 50;
  top: 0;
}
#topFeatures .disclaimer {
  line-height: 13px;
  padding-top: 1rem;
}
#topFeatures .posStatic {
  position: static !important;
}
#topFeatures .able {
  margin: 0;
  box-shadow: none;
}
#topFeatures .able .able-status-bar {
  padding: 0;
}
#topFeatures .able .able-big-play-button {
  height: 100% !important;
  width: 100% !important;
}
#topFeatures .carousel {
  width: 100%;
}
#topFeatures .featuresContainer {
  position: relative;
  display: flex;
  z-index: 0;
}
#topFeatures .featuresContainer .carousel-indicators {
  margin: 0 0 30px 30px;
  justify-content: flex-start;
  background-color: #000000;
  padding: 25px 20px 20px 20px;
  /*width: fit-content;*/
  right: inherit;
}
#topFeatures .featuresContainer .carousel-indicators li {
  text-indent: inherit;
  height: inherit;
  width: inherit;
  border: none;
  margin: 0 15px 0 0;
  background: none;
  opacity: 1;
  padding-bottom: 10px;
}
#topFeatures .featuresContainer .carousel-indicators li.active .bulletDetails {
  color: #66cc33;
}
#topFeatures .featuresContainer .carousel-indicators li a {
  display: inline-block;
}
#topFeatures .featuresContainer .carousel-indicators li a:focus {
  outline: solid;
  outline-color: #76767c;
}
#topFeatures .featuresContainer .carousel-indicators .bulletDetails {
  color: #76767c;
  white-space: nowrap;
  line-height: 19px;
  background-color: #000;
}
#topFeatures .featuresContainer .carousel-indicators .bulletDetails .sup {
  font-size: 7px;
}
#topFeatures .featuresContainer .carousel-indicators .bulletDetails:focus {
  text-decoration: underline;
  color: yellow;
}
#topFeatures .featuresContainer .carousel-item {
  background: #202021;
  /*       min-height:584px;*/
}
#topFeatures .featuresContainer .carousel-item img {
  width: 100%;
}
#topFeatures .featuresContainer .carousel-item .featureContent {
  padding: 30px;
}
#topFeatures .featuresContainer .carousel-item .headFour {
  color: #dddde4;
  border-left: 3px solid #66cc33;
  padding-left: 15px;
  font-weight: 400;
}
#topFeatures .featuresContainer .carousel-item .headFive {
  color: #ffffff;
  margin: 20px 0 5px;
}
#topFeatures .featuresContainer .carousel-item .pOne {
  color: #ffffff;
}
#topFeatures .featuresContainer .carousel-item .contentContainer {
  margin-bottom: 100px;
  padding-right: 10px;
  height: 150px;
  overflow-y: auto;
}
#topFeatures .featuresContainer .closeFeatures {
  cursor: pointer;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 100;
}
#topFeatures .featuresContainer .closeFeatures svg {
  margin-left: 0px;
  margin-top: 0px;
}
#topFeatures .featuresContainer .closeFeatures svg path {
  fill: #66cc33;
  height: 25px;
}
#topFeatures .featuresContainer .closeFeatures:focus {
  outline: solid;
  outline-width: 1px;
  color: #66cc33;
  background: rgba(0, 0, 0, 0.4);
}
#topFeatures .featuresCurtain {
  position: absolute;
  z-index: 200;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
#topFeatures .featuresCurtain ul {
  list-style: none;
  padding: 0;
  height: 100%;
  margin: 0;
}
#topFeatures .featuresCurtain ul li {
  position: relative;
  /*&:last-child .animateContainer {
          top: 0;
      }*/
}
#topFeatures .featuresCurtain ul li:first-child .animateContainer {
  bottom: 0;
}
#topFeatures .featuresCurtain ul.showIt .animateContainer {
  height: 0px;
}
#topFeatures .featuresCurtain ul .animateContainer {
  background: #ffffff;
  height: 100%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: absolute;
  width: 100%;
  overflow: hidden;
}
#topFeatures .featuresCurtain img {
  width: 100%;
  /*max-height:100%;*/
}
#topFeatures .featuresCurtain .blackBtn {
  cursor: pointer;
}
#topFeatures .featuresCurtain .blackBtn svg {
  height: 15px;
  margin: 5px 5px 0 0;
}
#topFeatures .featuresCurtain .blackBtn svg path {
  fill: #66cc33;
}
#topFeatures .featuresCurtain .curtainContent {
  padding: 0px 15px 0 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
#topFeatures .featuresCurtain .curtainContent .copyBodyContainer {
  /* max-height: 160px;*/
  max-height: 195px;
  overflow-y: auto;
}
#topFeatures .featuresCurtain .curtainContent .copyBlock {
  margin: 20px 0;
}
#topFeatures .featuresCurtain .curtainContent .copyBlock .headFive {
  font-weight: 400;
  margin-bottom: 10px;
}
#topFeatures .featuresCurtain .curtainContent .copyBlock .pOneBoarder {
  border-left: 3px solid #66cc33;
}
#topFeatures .featuresCurtain .curtainContent .copyBlock .pOne {
  margin-left: 15px;
}

.detail .heroBackground {
  background: #000000;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
}
.detail .heroBackground .container {
  position: relative;
  min-height: 500px;
}
.detail .heroBackground .container .disclaimer-desktop {
  position: absolute;
  bottom: 0px;
  /*left: 0px;*/
  max-width: 500px;
  color: #ffffff;
}
.detail .heroBackground img {
  width: 100%;
}
.detail .heroBackground .disclaimer {
  color: #ffffff !important;
  max-width: unset !important;
  width: 38%;
}
.detail .heroBackground .largeDisclaimer {
  font-size: 15px;
}
.detail .heroCaption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: inherit;
  width: 38%;
}
.detail .heroCaption .list-inline {
  margin-bottom: 0;
}
.detail .heroCaption a {
  color: #ffffff;
  border-right: 1px solid #66cc33;
  padding-right: 1rem;
}
.detail .heroCaption a:hover, .detail .heroCaption a.active {
  color: #66cc33;
  text-decoration: none;
}
.detail .heroCaption li:last-child a {
  border: none;
}
.detail .heroCaption .heroTwo {
  text-transform: initial;
  overflow: hidden;
}
.detail .heroCaption .heroTwo, .detail .heroCaption .heroThree, .detail .heroCaption p {
  color: #ffffff;
}
.detail .heroCaption .heroTwo {
  line-height: 70px;
}
.detail .heroCaption .iconLinks .list-inline-item {
  max-width: 32%;
  margin-right: 1%;
}
.detail .heroCaption .iconLinks .list-inline-item:last-child {
  margin: 0;
}
.detail .heroCaption .iconLinks .flex-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 200px;
}
.detail .heroCaption .iconLinks .flex-badge .badge-wrapper {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.detail .heroCaption .iconLinks .flex-badge .badge-wrapper svg {
  position: absolute;
  top: 0;
  left: 0;
}
.detail .heroCaption .iconLinks .flex-badge .badge-wrapper-wide {
  width: 150px;
}
.detail .heroCaption .iconLinks .flex-badge b, .detail .heroCaption .iconLinks .flex-badge i {
  color: #fff !important;
}
.detail .heroCaption .iconLinks .flex-badge .learn {
  padding: 0 !important;
}
.detail .heroCaption .iconLinks a {
  border: none;
}
.detail .heroCaption .iconLinks a.learn {
  color: #66cc33;
  text-decoration: underline;
}
.detail #photoGallery {
  margin: 0 !important;
}
.detail .seeMorePhotos .blackBtn {
  margin: 10px auto;
  background-color: transparent;
  color: white;
}
.detail .seeMorePhotos .blackBtn:focus, .detail .seeMorePhotos .blackBtn:focus:not([disabled]) {
  color: white !important;
}
.detail .seeMorePhotos .blackBtn:focus svg path, .detail .seeMorePhotos .blackBtn:focus:not([disabled]) svg path {
  fill: #66cc33 !important;
}
.detail .seeMorePhotos .blackBtn svg {
  height: 20px;
  width: 20px;
}
.detail .seeMorePhotos .blackBtn svg path {
  fill: #66cc33 !important;
}
.detail .productColorSelector {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 20px;
  border: 1px solid #000000;
}
.detail .mobileShop {
  background: #454548;
}
.detail .mobileShop .row {
  margin: 0;
}
.detail .mobileShop svg {
  height: 30px;
  width: 30px;
  margin: 20px auto;
  display: block;
}
.detail .mobileShop .headSix, .detail .mobileShop .feature-list li, .feature-list .detail .mobileShop li {
  text-align: center;
  color: #dddde4;
}
.detail .mppVideoModal .close {
  position: absolute;
  z-index: 999999;
  top: 1%;
  right: 1.5%;
  font-size: 3rem;
  color: #66cc33;
}
.detail .stickyAccordion .navBtn .triangle {
  margin: 3px;
}

.services {
  background: #E5E5E9;
  padding: 20px 0;
}
.services .msrp {
  border-right: 1px solid #B5B5B9;
  padding: 20px;
}
.services .msrp div, .services .msrp p {
  color: #505055;
}
.services .msrp .headThree {
  text-transform: inherit;
}
.services .saving {
  border-right: 1px solid #B5B5B9;
  color: #505055;
  padding: 20px 30px;
}
.services .saving div {
  color: #505055;
}
.services .saving .pOne {
  margin: 10px 0 20px;
}
.services .shop {
  padding: 20px 0 20px 20px;
}
.services .shop .headSix, .services .shop .feature-list li, .feature-list .services .shop li {
  color: #505055;
  margin-top: 20px;
}
.services .shop li {
  margin: 0 30px 0 10px;
  min-width: 120px;
  text-align: center;
}
.services .shop li:hover {
  cursor: pointer;
}
.services .shop li:hover .headSix, .services .shop li:hover .feature-list li, .feature-list .services .shop li:hover li {
  color: #000000;
}
.services .shop a {
  text-decoration: none;
}
.services .shop svg {
  height: 35px;
  width: 35px;
  margin: 30px auto 0;
  display: block;
}
.services .shop svg path {
  fill: #66cc33;
}

#specs .threeSixty .sixCon {
  width: 80%;
  margin-left: 10%;
  position: relative;
}
#specs .threeSixty .sixCon .lowerThree {
  width: 100%;
}
#specs .threeSixty .sixCon .turnLeft {
  position: absolute;
  width: 50%;
  height: 100%;
}
#specs .threeSixty .sixCon .turnRight {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
}
#specs .threeSixty .stillImage {
  width: 90%;
  margin: 40px auto 0;
  display: block;
}
#specs .threeSixty .colors {
  margin: 40px auto;
  display: table;
}
#specs .threeSixty .colors .color-btn {
  display: inline-block;
  margin: 0 10px 0;
  position: relative;
  cursor: pointer;
  height: 25px;
}
#specs .threeSixty .colors .color-btn.active p {
  display: block;
  position: absolute;
  text-align: center;
  width: 200px;
  margin-left: -100px;
  top: 35px;
  left: 15px;
  cursor: initial;
}
#specs .threeSixty .colors .color-btn.active p.color-disclaimer {
  top: 84px;
}
#specs .threeSixty .colors .color-btn.active .productColorSelector {
  border: 2px solid #66cc33;
  border-radius: 20px;
}
#specs .threeSixty .colors .color-btn.active .greenTriangle {
  display: block;
}
#specs .threeSixty .colors .color-btn img {
  border: 2px solid #ffffff;
  border-radius: 20px;
}
#specs .threeSixty .colors .color-btn .greenTriangle {
  display: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 2.5px 0 2.5px;
  border-color: #66cc33 transparent transparent transparent;
  position: absolute;
  top: 24px;
  left: 50%;
  margin-left: -2px;
}
#specs .threeSixty .colors p {
  display: none;
}
#specs .topDivide {
  position: relative;
}
#specs .topDivide .duce {
  max-width: 48%;
  float: left;
  padding-right: 2%;
  margin-right: 2%;
}
#specs .topDivide .headFour:has(.sup) {
  margin-top: -3px;
}
#specs .topDivide .divide {
  border-right: 3px solid #66cc33;
}
#specs #specAccordion {
  margin: 40px 0;
  border-bottom: 1px solid #E5E5E9;
}
#specs #specAccordion .row {
  margin: 0;
}
#specs #specAccordion button {
  background: none;
  border: 0;
  border-top: 1px solid #E5E5E9;
  width: 100%;
  text-align: left;
  padding: 20px 0;
  text-transform: uppercase;
}
#specs #specAccordion button .fa-plus {
  display: none;
}
#specs #specAccordion button .fa-minus {
  display: block;
}
#specs #specAccordion button.collapsed .fa-plus {
  display: block;
}
#specs #specAccordion button.collapsed .fa-minus {
  display: none;
}
#specs #specAccordion svg {
  height: 20px;
  width: 15px;
}
#specs #specAccordion svg path {
  fill: #66cc33;
}
#specs #specAccordion #techAccordion .techBox {
  margin-top: 20px;
}
#specs #specAccordion #techAccordion .techBox ul {
  margin: 0;
}
#specs #specAccordion #techAccordion .greyBlock {
  background: #f1f1f1;
  padding-top: 15px;
  padding-bottom: 15px;
}
#specs #specAccordion #techAccordion .greyBlock table {
  height: 100%;
}
#specs #specAccordion #techAccordion .pTwo.align-middle {
  color: #505055;
  font-weight: 700;
}
#specs #specAccordion #techAccordion table .align-middle {
  width: 100%;
}
#specs #specAccordion #techAccordion .table {
  margin: 0;
}
#specs #specAccordion .specTable .first {
  color: #505055;
  background: #f1f1f1;
  font-weight: 700;
  width: 30%;
}
#specs .disclaimer {
  color: #76767c;
}
#specs .color-disclaimer {
  color: #76767c;
}

.BP-Accessories .colors {
  margin-top: 15px;
  display: table;
}
.BP-Accessories .colors .active {
  margin-bottom: 65px !important;
}
.BP-Accessories .colors .color-btn {
  display: inline-block;
  margin: 0 10px 0;
  position: relative;
  cursor: pointer;
  height: 25px;
}
.BP-Accessories .colors .color-btn .productColorSelector {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #000000;
}
.BP-Accessories .colors .color-btn.active p {
  display: block;
  position: absolute;
  width: 200px;
  margin-left: -29px;
  top: 51px;
  left: 15px;
  cursor: initial;
}
.BP-Accessories .colors .color-btn.active p.disclaimer {
  top: 84px;
}
.BP-Accessories .colors .color-btn.active .productColorSelector {
  border: 2px solid #66cc33;
  border-radius: 20px;
}
.BP-Accessories .colors .color-btn.active .greenTriangle {
  display: block;
}
.BP-Accessories .colors .color-btn img {
  border: 2px solid #ffffff;
  border-radius: 20px;
}
.BP-Accessories .colors .color-btn .greenTriangle {
  display: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 2.5px 0 2.5px;
  border-color: #66cc33 transparent transparent transparent;
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -2px;
}
.BP-Accessories .colors p {
  display: none;
}

.prodMiniNav .card .fa-angle-down {
  display: block;
}
.prodMiniNav .card .fa-angle-up {
  display: none;
}
.prodMiniNav .collapsed .fa-angle-down {
  display: none;
}
.prodMiniNav .collapsed .fa-angle-up {
  display: block;
}
.prodMiniNav .colors {
  margin: 10px auto;
  display: table;
  padding-top: 0px;
  margin-bottom: 30px;
}
.prodMiniNav .colors .color-btn {
  display: inline-block;
  margin: 0 10px 0;
  position: relative;
  cursor: pointer;
  height: 25px;
}
.prodMiniNav .colors .color-btn .productColorSelector {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #000000;
}
.prodMiniNav .colors .color-btn.active p {
  display: block;
  position: absolute;
  text-align: center;
  width: 200px;
  margin-left: -100px;
  top: 51px;
  left: 15px;
  cursor: initial;
}
.prodMiniNav .colors .color-btn.active p.disclaimer {
  top: 84px;
}
.prodMiniNav .colors .color-btn.active .productColorSelector {
  border: 2px solid #66cc33;
  border-radius: 20px;
}
.prodMiniNav .colors .color-btn.active .greenTriangle {
  display: block;
}
.prodMiniNav .colors .color-btn img {
  border: 2px solid #ffffff;
  border-radius: 20px;
}
.prodMiniNav .colors .color-btn .greenTriangle {
  display: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 2.5px 0 2.5px;
  border-color: #66cc33 transparent transparent transparent;
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -2px;
}
.prodMiniNav .colors p {
  display: none;
}

#reservetarget {
  margin-top: 0px;
  top: -125px;
  position: relative;
  background-color: transparent;
}

.reserve {
  background: #000000;
  padding-bottom: 80px;
}
.reserve .h2Space {
  position: absolute;
  width: 100%;
  top: 85px;
  left: 0;
}
.reserve .h2Space .container {
  position: relative;
  height: 100%;
}
.reserve .h2Space .container svg {
  width: 250px;
}
.reserve .pCon .pOne {
  color: #ffffff;
}
.reserve .formTemp {
  background: none;
}
.reserve .formTemp label {
  color: #ffffff;
}
.reserve .formTemp button {
  margin-left: 1.5rem;
}
.reserve h2 {
  color: #ffffff;
}
.reserve h3 {
  color: #ffffff;
  border-bottom: 1px solid #66cc33;
}
.reserve p {
  color: #ffffff;
}

.productDealer {
  background-color: #D7D7DA;
  background-image: url(/Content/Images/map-bg.jpg);
  background-size: cover;
  text-align: center;
}
.productDealer svg {
  vertical-align: top;
  margin-top: 5px;
}
.productDealer .headThree {
  color: #dddde4;
  white-space: nowrap;
}
.productDealer p {
  color: #dddde4;
  margin: 30px 0 10px;
}
.productDealer input {
  width: 500px;
  margin-bottom: 60px;
}

.productVehicles {
  background: #D7D7DA;
}
.productVehicles .prodThree {
  color: #505055;
  border-left: 3px solid #66cc33;
  padding-left: 20px;
  margin-bottom: 40px;
}
.productVehicles .prodFour {
  color: #505055;
  font-weight: 400;
  margin: 40px 0 20px;
  text-transform: initial;
}
.productVehicles .card {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: none;
  border: none;
  border-radius: 0;
  height: 100%;
}
.productVehicles .card .headFour {
  text-transform: initial;
}
.productVehicles .cardRepeat {
  margin-bottom: 20px;
}
.productVehicles .cardRepeat .vehicleContainer {
  height: 100%;
  text-align: center;
  background: #ffffff;
  display: block;
  padding: 20px 10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.productVehicles .cardRepeat .vehicleContainer:hover {
  text-decoration: none;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
}
.productVehicles .cardRepeat .vehicleContainer .headFive {
  font-weight: 400;
}
.productVehicles .cardRepeat .vehicleContainer .greenSpacer {
  height: 5px;
  width: 30px;
  background: #66cc33;
  margin: 10px auto;
}
.productVehicles .cardRepeat .vehicleContainer img {
  max-width: 100%;
  height: auto;
}
.productVehicles .cardRepeat .vehicleContainer .pTwo {
  color: #76767c;
  text-transform: uppercase;
}

.featuredVehicles {
  background: #f1f1f1;
}
.featuredVehicles .filterBox .headFive {
  margin-bottom: 10px;
}
.featuredVehicles .featThree {
  color: #76767c;
  margin: 20px 0 40px;
  font-weight: 400;
}
.featuredVehicles .product {
  margin-bottom: 20px;
}
.featuredVehicles .vehicleContainer {
  text-align: center;
  background: #ffffff;
  display: block;
  padding: 20px 10px;
  height: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.featuredVehicles .vehicleContainer:hover {
  text-decoration: none;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
}
.featuredVehicles .vehicleContainer:focus {
  outline: 2px solid #000000;
}
.featuredVehicles .vehicleContainer .greenSpacer {
  height: 5px;
  width: 30px;
  background: #66cc33;
  margin: 10px auto;
}
.featuredVehicles .vehicleContainer .headFour {
  text-transform: initial;
}
.featuredVehicles .vehicleContainer img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.featuredVehicles .vehicleContainer .pTwo {
  color: #505055;
}

#filterButton {
  background: #E5E5E9;
  color: #76767c;
  text-align: center;
  padding: 15px 0;
  cursor: pointer;
}

.filterBox {
  background: #E5E5E9;
  padding: 20px 15px;
  width: 100%;
}
.filterBox .headFive {
  color: #505055;
}
.filterBox .filterFive {
  border-bottom: 1px solid #B5B5B9;
  color: #505055;
  margin: 20px 0 10px;
  padding-bottom: 10px;
}
.filterBox label {
  width: 100%;
  color: #505055;
  margin-bottom: 10px;
  padding-left: 20px;
  word-wrap: break-word;
}
.filterBox label input {
  margin-left: -18px;
  margin-right: 10px;
}
.filterBox #closeFilter {
  display: none;
}
.filterBox .looking {
  background: #f1f1f1;
  margin: 0 -15px -20px;
  padding-top: 30px;
}
.filterBox .looking .lookingTwo {
  margin: 30px 0 20px;
}

.currentOffers .heroContainer {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 453px;
}
.currentOffers .heroContainer img {
  width: 100%;
}
.currentOffers .heroContainer .saveBig {
  background: rgba(0, 0, 0, 0.7);
  padding: 20px;
  width: 400px;
  float: right;
  margin: 50px 60px 0 0;
}
.currentOffers .heroContainer .saveBig .saveHead {
  color: #66cc33;
  border-bottom: 5px solid #66cc33;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.currentOffers .heroContainer .saveBig .pTwo {
  color: #ffffff;
}
.currentOffers .heroContainer .saveBig .hppButton {
  margin: 20px 0;
}
.currentOffers .heroContainer .saveBig .disclaimer {
  color: #dddde4;
}
.currentOffers .mobileHero {
  background: #000000;
}
.currentOffers .mobileHero img {
  width: 100%;
}
.currentOffers .mobileHero .saveBig {
  padding: 20px;
}
.currentOffers .mobileHero .saveHead {
  color: #66cc33;
  border-bottom: 5px solid #66cc33;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.currentOffers .mobileHero .pTwo {
  color: #ffffff;
}
.currentOffers .mobileHero .hppButton {
  margin: 20px 0;
}
.currentOffers .mobileHero .disclaimer {
  color: #dddde4;
}
.currentOffers .promoList {
  margin-top: 60px;
}
.currentOffers .promoList .promoContainer {
  margin-bottom: 20px;
}
.currentOffers .promoList .promoBox {
  background: #ffffff;
  height: 100%;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.currentOffers .promoList .promoBox .promoContent {
  padding: 20px;
}
.currentOffers .promoList .promoBox .promoContent p {
  margin-bottom: 10px;
}
.currentOffers .promoList .promoBox img {
  width: 100%;
  border-bottom: 3px solid #66cc33;
}
.currentOffers .promoList .promoBox .headFive {
  margin-bottom: 15px;
}
.currentOffers .promoList .promoBox .ends {
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  margin-top: 20px;
}
.currentOffers .promoList .promoBox:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
}
.currentOffers .promoList .card {
  height: 100%;
}

#emailWishlist .modal-footer {
  justify-content: flex-start;
}

#resultFilterSTD {
  padding-bottom: 25px;
}

.offersSlider {
  margin-bottom: 100px;
}
.offersSlider .carousel-control-prev {
  width: 40px;
  left: -35px;
}
.offersSlider .carousel-control-next {
  width: 40px;
  right: -35px;
}

.offersDetail .heroContainer img {
  width: 100%;
}
.offersDetail .heroContainer .savingContainer {
  margin: 20px 0;
  padding-bottom: 60px;
}
.offersDetail .heroContainer .savingContainer .pOne {
  margin: 10px 0 20px;
}
.offersDetail .heroContainer .savingContainer .offerTableFormat td {
  padding: 10px;
  font-family: Fira Sans;
}
.offersDetail .promotionalModels {
  background: #f1f1f1;
}
.offersDetail .promotionalModels .list-inline .list-inline-item:first-child {
  border-right: 1px solid #000000;
  padding-right: 15px;
  margin-right: 10px;
}
.offersDetail .promotionalModels .list-inline .headSix:hover, .offersDetail .promotionalModels .list-inline .feature-list li:hover, .feature-list .offersDetail .promotionalModels .list-inline li:hover {
  color: #000000;
}
.offersDetail .promotionalModels .product-group-container {
  margin-bottom: 0px;
  /*.product:last-of-type {
      margin-bottom: 60px;
  }*/
}
.offersDetail .promotionalModels .product-group-container .product {
  margin-bottom: 20px;
}
.offersDetail .offerDisclaimer {
  background: #f1f1f1;
}
.offersDetail .offerList .group-container {
  margin-bottom: 60px;
}
.offersDetail .offerList h3 {
  color: #505055;
  border-left: 3px solid #66cc33;
  padding-left: 10px;
}
.offersDetail .offerList h4 {
  color: #505055;
  margin-top: 50px;
  margin-bottom: 30px;
  margin-left: 10px;
  font-weight: 400;
  text-transform: initial;
}
.offersDetail .offerList .vehicleContainer {
  background: #ffffff;
  display: block;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  text-decoration: none;
  height: 100%;
}
.offersDetail .offerList .vehicleContainer .view-all-div {
  padding: 0 16px 20px 16px;
  border-top: 1px solid #E5E5E9;
}
.offersDetail .offerList .vehicleContainer .view-all-div .blackBtn {
  padding: 10px;
  margin-top: 15px;
}
.offersDetail .offerList .vehicleContainer .headForAll {
  text-align: center;
}
.offersDetail .offerList .vehicleContainer img {
  width: 100%;
  padding: 15px;
}
.offersDetail .offerList .vehicleContainer .prodName {
  color: #000000;
  text-transform: initial;
}
.offersDetail .offerList .vehicleContainer .msrp {
  color: #76767c;
}
.offersDetail .offerList .vehicleContainer .upTo {
  margin: 5px 0;
  text-transform: initial;
}
.offersDetail .offerList .vehicleContainer .models {
  color: #000000;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.offersDetail .offerList .vehicleContainer .accordion {
  background: none;
  border: 0;
  width: 100%;
  text-align: left;
}
.offersDetail .offerList .vehicleContainer .accordion .showOffer {
  cursor: pointer;
  position: relative;
  width: 100%;
  padding: 0;
  background: 0;
  border: 0;
  padding-bottom: 20px;
}
.offersDetail .offerList .vehicleContainer .accordion .showOffer .fa-minus {
  display: block;
  margin: auto;
}
.offersDetail .offerList .vehicleContainer .accordion .showOffer .fa-plus {
  display: none;
  margin: auto;
}
.offersDetail .offerList .vehicleContainer .accordion .showOffer.collapsed .fa-plus {
  display: block;
}
.offersDetail .offerList .vehicleContainer .accordion .showOffer.collapsed .fa-minus {
  display: none;
}
.offersDetail .offerList .vehicleContainer .accordion svg {
  height: 20px;
  width: 15px;
  /*                    path {
      fill: $green;
  }*/
}
.offersDetail .offerList .vehicleContainer .linkList {
  text-decoration: none;
  padding: 10px 15px 15px;
}
.offersDetail .offerList .vehicleContainer .linkList.show {
  display: block;
}
.offersDetail .offerList .vehicleContainer .linkList .snipe {
  background: #66cc33;
  padding: 5px;
  display: inline-block;
  margin-top: 5px;
}
.offersDetail .offerList .vehicleContainer .linkList:hover {
  background: #454548;
}
.offersDetail .offerList .vehicleContainer .linkList:hover .upTo {
  color: #66cc33;
}
.offersDetail .offerList .vehicleContainer .linkList:hover .msrp {
  color: #ffffff;
}
.offersDetail .offerList .vehicleContainer .linkList:hover .blackHover {
  color: #000000;
}
.offersDetail .offerList .vehicleContainer .linkList .quoteSpace {
  padding-top: 20px;
}
.offersDetail .offerList .vehicleContainer .linkList .quoteSpace .blackBtn {
  width: 100%;
  padding: 10px;
}
.offersDetail .offerList .vehicleContainer a.linkList {
  display: block;
}
.offersDetail .mapBack {
  background: url(/Content/Images/map-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  padding: 109px 0;
  margin-bottom: -80px;
}
.offersDetail .mapBack svg {
  margin-top: -8px;
}
.offersDetail .mapBack h3 {
  color: #dddde4;
  width: 80%;
  margin: 0 auto 20px;
}
.offersDetail .mapBack p {
  color: #dddde4;
}
.offersDetail .mapBack input {
  width: 375px;
  max-width: 375px;
  margin-top: 10px;
  text-align: center;
}

/*MPP Gallery*/
#photoModal {
  z-index: 99999;
}
#photoModal .modal-content {
  background-color: transparent;
  border: none;
}
#photoModal .modal-content .ada-next {
  outline: none;
}
#photoModal .modal-content .ada-prev {
  outline: none;
}
#photoModal .modal-dialog {
  max-width: 100%;
}
#photoModal .carousel-item img {
  display: block;
  margin: auto;
  width: 80%;
}
#photoModal .close {
  /*@include closeButton;*/
  position: absolute;
  z-index: 1050;
  top: 1%;
  right: 12%;
  font-size: 3rem;
  right: 12%;
  color: #66cc33;
}

.close svg {
  height: 1em;
  width: 1em;
}
.close svg .carousel-control-prev-icon {
  background-image: url("Images/arrow-left.svg");
  /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2366cc33' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;*/
}
.close svg .carousel-control-next-icon {
  background-image: url("Images/arrow-right.svg");
  /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2366cc33' viewBox='0 0 8 8'%3E%3Cpath d='M19.2956918,12.5 L6.96049959,24.8351922 C6.74075585,25.0549359 6.38455154,25.0549359 6.1648078,24.8351922 C5.94506407,24.6154485 5.94506407,24.2589628 6.1648078,24.0392191 L17.7040269,12.5 L6.1648078,0.960780948 C5.94506407,0.741037213 5.94506407,0.384551537 6.1648078,0.164807802 C6.38455154,-0.0549359339 6.74075585,-0.0549359339 6.96049959,0.164807802 L19.2956918,12.5 Z'/%3E%3C/svg%3E") !important;*/
}

.subNavActive {
  border-bottom: 5px solid #66cc33;
  width: 0%;
  -webkit-transition: width 0.1s ease-in-out;
  -moz-transition: width 0.1s ease-in-out;
  -o-transition: width 0.1s ease-in-out;
  transition: width 0.1s ease-in-out;
  font-weight: 500 !important;
}

.subNavActiveCarousel {
  border-bottom: 3px solid #66cc33;
  width: 0%;
  padding-bottom: 10px;
  margin-bottom: -10px;
  -webkit-transition: width 0.1s ease-in-out;
  -moz-transition: width 0.1s ease-in-out;
  -moz-animationo-transition: width 0.1s ease-in-out;
  transition: width 0.1s ease-in-out;
  font-weight: 500 !important;
}

.addWidth {
  width: 100%;
}

.able-controller button:focus {
  outline-color: white !important;
}

.able-controller button:hover {
  outline-color: #66cc33 !important;
}

#map_canvas {
  background-color: #fff !important;
}

#mapHeaderSection {
  padding-bottom: 0;
}

#maps {
  position: relative;
  overflow: hidden;
  display: table;
  width: 100%;
  height: 800px;
  border: 0;
}
#maps .form-check-input {
  margin-top: 8px;
}
#maps .filterSmall {
  display: none;
}
#maps section {
  /*padding: 80px 0 00px;*/
  background: #f1f1f1;
}
#maps .zeropad {
  padding: 0px 0px 0px 0px;
}
#maps .zeromargin {
  margin: 0px 0px 0px 0px;
}
#maps .inherit {
  position: inherit;
}
#maps .googleMap {
  display: table-cell;
  position: absolute;
  /*height: 100%;*/
  width: 100%;
  /*margin-left: 17px;*/
  z-index: 0;
  border: 0;
  height: 800px;
}
#maps .googleMap:first-child {
  background-color: black;
}
#maps .searchIcon {
  background-image: url("Images/search.jpg");
  background-repeat: no-repeat;
  background-position: right 10px top 5px;
  background-size: 25px;
}
#maps .dealerDetail::-webkit-scrollbar, #maps .dealerSearchContainer::-webkit-scrollbar {
  width: 5px;
  /* Track */
}
#maps .dealerDetail::-webkit-scrollbar-track, #maps .dealerSearchContainer::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #D7D7DA;
  border-radius: 10px;
}
#maps .dealerDetail::-webkit-scrollbar-thumb, #maps .dealerSearchContainer::-webkit-scrollbar-thumb {
  background: #454548;
  border-radius: 10px;
}
#maps .dealerDetail::-webkit-scrollbar-thumb:hover, #maps .dealerSearchContainer::-webkit-scrollbar-thumb:hover {
  background: #454548;
}
#maps .dealerSearchContainer {
  overflow-x: auto;
}
#maps .mapFilter {
  display: table-cell;
  float: left;
  width: 501px;
  z-index: 5;
  height: 800px;
  background: #ffffff;
}
#maps .mapFilter header {
  padding: 20px;
  border-bottom: 2px solid #66cc33;
  background: #ffffff;
}
#maps .mapFilter header input {
  max-width: 100%;
}
#maps .mapFilter header .pTwo {
  color: #505055;
}
#maps .mapFilter .listFilter {
  padding: 20px;
  border-bottom: 2px solid #66cc33;
  background: #ffffff;
}
#maps .mapFilter .listFilter button {
  color: #000000;
}
#maps .mapFilter .listFilter input {
  max-width: 100%;
}
#maps .mapFilter .listFilter .pTwo {
  color: #505055;
}
#maps .mapFilter .category {
  background: #E5E5E9;
  padding-top: 20px;
}
#maps .mapFilter .category input[type=checkbox] {
  position: absolute;
}
#maps .mapFilter .category .pTwo {
  color: #505055;
  margin-right: 30px;
  padding-left: 0;
}
#maps .mapFilter .category .headFive {
  color: #505055;
  margin-bottom: 10px;
}
#maps .mapFilter .list-group {
  background: #ffffff;
}
#maps .mapFilter .list-group a {
  text-decoration: none;
  display: block;
  cursor: pointer;
}
#maps .mapFilter .list-group .list-group-item:hover {
  background: #000000;
  border-radius: 0;
}
#maps .mapFilter .list-group .list-group-item:hover h2 {
  color: #66cc33;
}
#maps .mapFilter .list-group .list-group-item:hover p {
  color: #ffffff;
}
#maps .mapFilter .markerHover {
  background: #000000;
}
#maps .mapFilter .markerHover h2 {
  color: #66cc33;
}
#maps .mapFilter .markerHover p {
  color: #ffffff;
}
#maps .mapFilter .dealerDetail {
  display: none;
  z-index: 5;
  position: inherit;
  background: #ffffff;
  overflow-x: auto;
  /*max-height: 850px;*/
}
#maps .mapFilter .dealerDetail .col:not(:first-child) {
  border-left: 2px solid #dddde4;
  left: -2px;
}
#maps .mapFilter .dealerDetail .topPanel {
  border-bottom: 1px solid #E5E5E9;
  padding: 15px 20px;
}
#maps .mapFilter .dealerDetail .topPanel .backResults {
  color: #76767c;
}
#maps .mapFilter .dealerDetail .topPanel .backResults svg {
  height: 20px;
  width: 8px;
  margin: -3px 5px 0 0;
}
#maps .mapFilter .dealerDetail .topPanel .backResults svg path {
  fill: #76767c;
}
#maps .mapFilter .dealerDetail .topPanel .backResults:hover {
  cursor: pointer;
}
#maps .mapFilter .dealerDetail .topPanel .getDirections {
  color: #000000;
  cursor: pointer;
}
#maps .mapFilter .dealerDetail .topPanel .getDirections svg {
  height: 20px;
  width: 20px;
  margin: -3px 0 0 5px;
}
#maps .mapFilter .dealerDetail .topPanel .getDirections svg path {
  fill: #66cc33;
}
#maps .mapFilter .dealerDetail .dealerName {
  background: #ffffff;
  color: #000000;
  border-bottom: 2px solid #66cc33;
  padding: 15px 20px;
}
#maps .mapFilter .dealerDetail .shopBar {
  background: #E5E5E9;
  padding: 15px 20px;
  text-align: center;
}
#maps .mapFilter .dealerDetail .shopBar .col-sm-4 {
  border-right: 1px solid #505055;
  cursor: pointer;
}
#maps .mapFilter .dealerDetail .shopBar .col-sm-4:hover .headSix, #maps .mapFilter .dealerDetail .shopBar .col-sm-4:hover .feature-list li, .feature-list #maps .mapFilter .dealerDetail .shopBar .col-sm-4:hover li {
  color: #66cc33;
}
#maps .mapFilter .dealerDetail .shopBar .col-sm-4:last-child {
  border: 0;
}
#maps .mapFilter .dealerDetail .shopBar svg {
  height: 30px;
  margin-bottom: 10px;
}
#maps .mapFilter .dealerDetail .shopBar svg path {
  fill: #66cc33;
}
#maps .mapFilter .dealerDetail .generalInfo {
  padding: 20px;
}
#maps .mapFilter .dealerDetail .generalInfo .listItem {
  border-bottom: 1px solid #dddde4;
  padding: 20px 0;
}
#maps .mapFilter .dealerDetail .generalInfo .listItem:last-child {
  border: 0;
}
#maps .mapFilter .dealerDetail .generalInfo h3 {
  margin-bottom: 15px;
}
#maps .mapFilter .dealerDetail .generalInfo ul {
  list-style-type: none;
  padding: 0;
}
#maps .mapFilter .dealerDetail .generalInfo .contact a {
  display: block;
}
#maps .mapFilter .dealerDetail .generalInfo a:hover {
  color: #66cc33;
}
#maps .mapFilter .dealerDetail .generalInfo span {
  width: 100px;
  display: inline-block;
}
#maps .mapFilter .dealerDetail .generalInfo .hours h2.headSix {
  float: left;
  cursor: pointer;
}
#maps .mapFilter .dealerDetail .generalInfo .hours h2.headSix.active {
  text-decoration: underline;
}
#maps .usFilters {
  border-top: 1px solid #D7D7DA;
  padding-top: 10px;
}

.apparel {
  background: #f1f1f1;
}
.apparel .sectionNav .container .stackIt {
  left: 50px;
}
.apparel .appThree {
  color: #76767c;
  margin: 20px 0 40px;
}
.apparel .appThree:first-of-type {
  margin-top: 5px;
}
.apparel a {
  text-decoration: none;
}
.apparel .col-sm-12 {
  margin-bottom: 20px;
}
.apparel .card-deck {
  margin: 0;
}
.apparel .apparelBox .headFive {
  margin-top: 25px;
}

.apparelContainer {
  background: #ffffff;
  height: 100%;
  padding: 20px 10px 0;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: none;
  border: none;
  border-radius: 0;
  background: #fff;
}
.apparelContainer:hover {
  text-decoration: none;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
}
.apparelContainer img {
  max-width: 100%;
}
.apparelContainer .headFour {
  text-transform: initial;
}
.apparelContainer .msrp {
  color: #505055;
  text-align: right;
}
.apparelContainer .pr-2 .acc-msrp {
  display: none;
}
.apparelContainer .pTwo {
  color: #dddde4;
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 15px;
}
.apparelContainer .pTwo.price {
  margin-bottom: 0;
  padding-right: 15px;
}
.apparelContainer .addCompare {
  background: #D7D7DA;
  color: #505055;
  padding: 20px 5px;
  text-align: center;
  margin: 0 -10px 0;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 2px solid #66cc33;
}
.apparelContainer .addCompare:hover {
  background: #66cc33;
  color: #000000;
}
.apparelContainer .addCompare.active {
  background: #66cc33;
  color: #000000;
}
.apparelContainer .addCompare svg {
  width: 14px;
  vertical-align: top;
  margin: 2px 5px 0 0;
}
.apparelContainer .addCompare svg path {
  fill: #505055;
}
.apparelContainer .addCompare .removeCompareText svg {
  width: 12px;
}
.apparelContainer .addCompare .removeCompareText svg path {
  fill: #000000;
}

.sortBy {
  float: right;
  background: #E5E5E9;
  border: none;
  padding: 5px 10px;
  font-family: Oswald;
}

.techSmNav {
  visibility: hidden;
}

.techSmNav:hover {
  color: #66cc33;
}

#technology #mppAccordion .headTwo {
  color: #000000;
}
#technology #mppAccordion .headFour {
  color: #ffffff;
}
#technology #technologyFeatureChassis {
  /*padding: 30px 0 80px;
  margin-top: -50px;*/
  background-color: #d7d6db;
}
#technology .headTwo {
  color: #ffffff;
}
#technology .heroCaption {
  width: 52%;
}
#technology .heroCaption .headThree {
  color: #66cc33;
}
#technology .heroCaption .pOne {
  width: 80%;
  color: #ffffff;
  margin: 20px 0;
}
#technology .heroBackground {
  background-color: #000000 !important;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
  position: relative;
}
#technology .heroBackground .container {
  position: relative;
  min-height: 500px;
  padding-bottom: 60px;
}
#technology .header-table {
  margin-top: 60px;
}
#technology .headThree {
  color: #ffffff;
}
#technology .headThree.accordionTitle {
  color: #000000;
}
#technology .headThree.smaller-text {
  font-size: 22px;
}
#technology .headFour {
  color: #000000;
}
#technology .pTwo {
  /*padding-top: 20px;
  padding-bottom: 20px;*/
  color: #ffffff;
}
#technology .technologyFeature {
  background: #e5e4e9;
  padding-top: 100px;
}
#technology .technologyFeature .featuresCurtain {
  position: relative;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  margin-bottom: 40px;
}
#technology .technologyFeature .featuresCurtain ul {
  list-style: none;
  padding: 0;
}
#technology .technologyFeature .featuresCurtain img {
  width: 100%;
}
#technology .technologyFeature .featuresCurtain .curtainContent {
  height: 100%;
  padding: 0 60px;
}
#technology .technologyFeature .featuresCurtain .curtainContent .headThree {
  color: #000000;
}
#technology .technologyFeature .featuresCurtain .curtainContent .copyBlock {
  margin: 20px 0;
  border-left: 3px solid #66cc33;
  padding-left: 15px;
}
#technology .technologyFeature .featuresCurtain .curtainContent .copyBlock .headFive {
  font-weight: 400;
  margin-top: 20px;
}
#technology .technologyNodes .techNodeContainer {
  padding-bottom: 20px;
}
#technology .technologyNodes .card {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  cursor: pointer;
}
#technology .technologyNodes .text-center {
  background-color: #000000;
}
#technology .technologyNodes .promoBox {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  /*background-color:$black;*/
  border-bottom: px solid #66cc33;
  height: 100%;
}
#technology .technologyNodes .promoBox:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
}
#technology .technologyNodes .promoBox img {
  padding-top: 20px;
  padding-bottom: 20px;
}
#technology .technologyNodes .promoBox .headFive {
  color: #ffffff;
  text-align: center;
  min-height: 40px;
}
#technology .technologyNodes .promoBox .pTwo {
  color: #dddde4;
  text-align: center;
}
#technology .technologyNodes .promoBox .backBlack {
  background: #000000;
}
#technology .technologyNodes .promoContent {
  background-color: #000000;
  border-bottom: 2px solid #66cc33;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
}
#technology .technologyNodes .promoDesc {
  background-color: #ffffff;
  padding: 20px;
}
#technology .technologyNodes .promoDesc .pTwo {
  color: #000000;
  text-align: left;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ieModal {
    /* IE10+ CSS */
  }
  .ieModal .modal-open .modal {
    overflow: hidden;
    max-height: 1050px;
  }
}

.techModalContainer .modal-dialog-centered {
  max-width: 800px;
}
.techModalContainer .modal-header {
  background-color: #202022;
  padding-left: 0;
  border: 0;
  margin-top: -25px;
  border-bottom: 2px solid #66cc33;
  position: relative;
}
.techModalContainer .modal-content {
  border: none;
  margin-top: 25px;
  position: absolute;
  top: 0;
}
.techModalContainer .imageSideName {
  color: #dddde4 !important;
}
.techModalContainer .headSlideCon {
  position: relative;
  width: 100%;
}
.techModalContainer .headSlideCon .modal-icon {
  margin: 0 0 0 60px;
  width: 70px;
  height: 70px;
}
.techModalContainer .headSlideCon ol {
  position: absolute;
  left: 125px;
  padding-right: 190px;
  top: -5px;
  width: 100%;
}
.techModalContainer .card {
  width: 100%;
  border: none;
  border-radius: 0;
  cursor: pointer;
  margin-right: 10px;
  display: inline-block;
}
.techModalContainer .card:hover {
  opacity: 0.8;
}
.techModalContainer .modal-title {
  color: #ffffff;
}
.techModalContainer .modal-subTitle {
  color: #ffffff;
}
.techModalContainer .closeTech {
  cursor: pointer;
  height: 45px;
  width: 45px;
  position: absolute;
  top: 38px;
  right: 25px;
  z-index: 100;
}
.techModalContainer .closeTech svg {
  margin-left: 15px;
}
.techModalContainer .closeTech svg path {
  fill: #66cc33;
  height: 25px;
}
.techModalContainer .carousel-control-prev-icon {
  background-image: url("Images/arrow-left.svg");
  height: 50px;
  width: 35px;
  /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2366cc33' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;*/
}
.techModalContainer .carousel-control-next-icon {
  background-image: url("Images/arrow-right.svg");
  height: 50px;
  width: 35px;
  /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2366cc33' viewBox='0 0 8 8'%3E%3Cpath d='M19.2956918,12.5 L6.96049959,24.8351922 C6.74075585,25.0549359 6.38455154,25.0549359 6.1648078,24.8351922 C5.94506407,24.6154485 5.94506407,24.2589628 6.1648078,24.0392191 L17.7040269,12.5 L6.1648078,0.960780948 C5.94506407,0.741037213 5.94506407,0.384551537 6.1648078,0.164807802 C6.38455154,-0.0549359339 6.74075585,-0.0549359339 6.96049959,0.164807802 L19.2956918,12.5 Z'/%3E%3C/svg%3E") !important;*/
}
.techModalContainer .carousel-control-next {
  width: 30px;
  margin-right: -40px;
}
.techModalContainer .carousel-control-prev {
  width: 30px;
  margin-left: -40px;
}
.techModalContainer .modalImageNodes {
  padding-bottom: 20px;
  margin: auto;
}
.techModalContainer .modalCardimageChange {
  max-width: 150px;
}
.techModalContainer .modalCardimageChange img {
  max-height: 115px;
}
.techModalContainer .shiftLeft {
  margin-left: 20px;
}
.techModalContainer .carousel-indicators {
  display: none;
}
.techModalContainer .modalContent {
  overflow-y: auto;
  max-height: 400px;
}
.techModalContainer .pTwo {
  text-align: center;
  color: #dddde4;
  padding-top: 10px;
  padding-bottom: 20px;
}
.techModalContainer .carousel {
  margin-left: 30px;
  margin-right: 30px;
}
.techModalContainer .carousel .carousel-inner {
  min-height: 520px;
}
.techModalContainer .carousel .carousel-inner .padIt .pOne {
  padding: 0 15px;
}
.techModalContainer .closeModal {
  cursor: pointer;
  height: 25px;
  width: 25px;
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 100;
}
.techModalContainer .closeModal svg path {
  fill: #66cc33;
  height: 25px;
}
.techModalContainer .techVideo {
  visibility: hidden;
  position: absolute;
  width: 100%;
  top: 0;
  /*@include centerHack;*/
}
.techModalContainer .rightContainer {
  /*   max-height: 500px;*/
  overflow: hidden;
  text-align: center;
}
.techModalContainer .mainTechImage {
  padding: 0;
  /*      max-height: 300px;*/
  width: auto;
  max-width: 350px;
}
.techModalContainer .photoRepeat {
  position: relative;
  cursor: pointer;
}
.techModalContainer .photoRepeat img {
  width: 100%;
}
.techModalContainer .photoRepeat svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.techModalContainer .AblephotoRepeat {
  position: relative;
  cursor: pointer;
  /*.Ablesvg {
      position: absolute;
      @include centerHack;
      z-index: 1;
  }*/
}
.techModalContainer .AblephotoRepeat img {
  width: 100%;
}

.filterBoxCompare {
  background: #E5E5E9;
  padding: 20px 15px;
  width: 100%;
}
.filterBoxCompare .headFive {
  color: #48484d;
  padding-bottom: 20px;
}
.filterBoxCompare .headFive.product-news {
  padding: 10px 0 0 0 !important;
}
.filterBoxCompare .headFive.product-news-category {
  padding: 0 !important;
}
.filterBoxCompare .product-news-checkbox {
  margin-left: 30px;
}
.filterBoxCompare span.compFive {
  border-bottom: 1px solid #B5B5B9;
  color: #505055;
  margin: 20px 0 10px;
  padding-bottom: 10px;
  display: block;
}
.filterBoxCompare .compFive {
  border-bottom: 1px solid #B5B5B9;
  color: #48484d;
  margin: 20px 0 10px;
  padding-bottom: 10px;
}
.filterBoxCompare label {
  width: 100%;
  color: #505055;
  margin-bottom: 10px;
}
.filterBoxCompare #closeFilter {
  display: none;
}
.filterBoxCompare .productSelectContainer {
  cursor: pointer;
  padding: 10px 0px;
  margin-left: -15px;
  margin-right: -15px;
  border-left: 3px solid #E5E5E9;
}
.filterBoxCompare .productSelectContainer:hover {
  background-color: #D7D7DA;
  border-left: 3px solid #66cc33;
}
.filterBoxCompare .productSelectContainer:hover .headSix, .filterBoxCompare .productSelectContainer:hover .feature-list li, .feature-list .filterBoxCompare .productSelectContainer:hover li {
  color: #000000;
}
.filterBoxCompare .productSelectContainer.isSlected {
  background-color: #ffffff;
  border-left: 3px solid #66cc33;
}
.filterBoxCompare .productSelectContainer.isSlected .headSix, .filterBoxCompare .productSelectContainer.isSlected .feature-list li, .feature-list .filterBoxCompare .productSelectContainer.isSlected li {
  color: #000000;
}
.filterBoxCompare .productSelectContainer .headSix, .filterBoxCompare .productSelectContainer .feature-list li, .feature-list .filterBoxCompare .productSelectContainer li {
  color: #48484d;
  margin-left: 15px;
  padding-bottom: 0px;
}
.filterBoxCompare .product-news-label {
  margin-left: 0;
}
.filterBoxCompare .hilight-compare {
  border-left: 3px solid #66cc33;
  background-color: #ffffff;
}
.filterBoxCompare .hilight-compare:hover {
  background-color: #ffffff;
}
.filterBoxCompare .hilight-compare .headSix, .filterBoxCompare .hilight-compare .feature-list li, .feature-list .filterBoxCompare .hilight-compare li {
  color: #000000;
}
.filterBoxCompare .pb-4 {
  background: #f1f1f1;
  margin: 0 -15px 20px;
}
.filterBoxCompare form input {
  margin-right: 10px;
}
.filterBoxCompare .greyFilter {
  color: #505055;
}

.compareVehicles .frIt {
  min-width: 230px;
}
.compareVehicles .compareCardContainer .col-lg-6 {
  margin-bottom: 20px;
}
.compareVehicles .apparelContainer {
  padding-bottom: 75px;
}
.compareVehicles .apparelContainer .BoxDetails {
  height: 100%;
}
.compareVehicles .apparelContainer .BoxDetails .row {
  height: 100%;
}
.compareVehicles .apparelContainer .BoxDetails .headFive {
  text-transform: initial;
  padding-right: 5px;
}
.compareVehicles .apparelContainer.compare-vehicle {
  padding: 0;
}
.compareVehicles .apparelContainer.compare-vehicle .headSix, .compareVehicles .apparelContainer.compare-vehicle .feature-list li, .feature-list .compareVehicles .apparelContainer.compare-vehicle li {
  margin-top: 10px;
}
.compareVehicles .apparelContainer.showUnselected {
  padding-bottom: 10px;
}
.compareVehicles .apparelContainer.showUnselected .BoxDetails {
  height: 100%;
  background-size: contain;
  background-image: url(/Content/Images/emptybike.png);
  background-repeat: no-repeat;
  background-position: center;
}
.compareVehicles .apparelContainer.showUnselected .motorcycle {
  background-image: url(/Content/Images/emptybike.png);
}
.compareVehicles .apparelContainer.showUnselected .atv {
  background-image: url(/Content/Images/emptyAtv.png);
}
.compareVehicles .apparelContainer.showUnselected .sidexside {
  background-image: url(/Content/Images/emptySidexside.png);
}
.compareVehicles .apparelContainer.showUnselected .watercraft {
  background-image: url(/Content/Images/emptyWatercraft.png);
}
.compareVehicles .selectedContainer {
  background: #ffffff;
  height: 100%;
  padding: 20px 10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: none;
  border: none;
  border-radius: 0;
  background: #fff;
}
.compareVehicles .selectedContainer:hover {
  text-decoration: none;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
}
.compareVehicles .selectedContainer img {
  max-width: 100%;
  height: auto;
}
.compareVehicles .selectedContainer .pTwo {
  color: #dddde4;
  font-weight: 500;
  margin-top: 5px;
}
.compareVehicles .greyBg {
  background-color: #B5B5B9;
}
.compareVehicles .hoverAddShadow img:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
}
.compareVehicles .selectedVehicles {
  margin-bottom: 20px;
  padding: 10px 20px 10px 20px;
  background-color: #86868D;
}
.compareVehicles .selectedVehicles .offset {
  padding-left: 5px;
  padding-right: 5px;
}
.compareVehicles .selectedVehicles .emptyCompare {
  background-color: #86868D;
}
.compareVehicles .selectedVehicles .close {
  cursor: pointer;
  height: 10px;
  width: 10px;
  position: absolute;
  right: 25px;
  z-index: 1;
}
.compareVehicles .selectedVehicles .close svg path {
  fill: #66cc33;
  height: 25px;
}
.compareVehicles .selectedVehiclesADA {
  margin-bottom: 20px;
  padding: 10px 20px 10px 20px;
  background-color: #86868D;
}
.compareVehicles .selectedVehiclesADA .offset {
  padding-left: 5px;
  padding-right: 5px;
}
.compareVehicles .selectedVehiclesADA .emptyCompare {
  background-color: #86868D;
}
.compareVehicles .selectedVehiclesADA .close {
  cursor: pointer;
  position: absolute;
  right: 5px;
  z-index: 1;
}
.compareVehicles .selectedVehiclesADA .close svg path {
  fill: #66cc33;
  height: 25px;
}
.compareVehicles .leftGreenBorder {
  border-left: 3px solid #66cc33;
}
.compareVehicles .productTypeAndTitle .headThree {
  color: #505055;
  margin-left: 10px;
}
.compareVehicles .productTypeAndTitle .headFour {
  color: #505055;
  margin-top: 50px;
  margin-bottom: 30px;
  margin-left: 10px;
  font-weight: 400;
  text-transform: initial;
}
.compareVehicles .productTypeAndTitle .headSix, .compareVehicles .productTypeAndTitle .feature-list li, .feature-list .compareVehicles .productTypeAndTitle li {
  color: #505055;
  margin-bottom: 30px;
}
.compareVehicles .productTrimNode {
  color: #B5B5B9;
  padding-bottom: 20px;
  padding-top: 20px;
}
.compareVehicles .heroCaption {
  text-align: center;
}
.compareVehicles .heroCaption .headFour, .compareVehicles .heroCaption p {
  color: #505055;
}
.compareVehicles .headThree {
  color: #505055;
  margin-bottom: 10px;
}
.compareVehicles .headFour {
  color: #505055;
  margin-bottom: 10px;
}
.compareVehicles .withGreenLine {
  color: #ffffff;
  line-height: 34px;
  border-left: 3px solid #66cc33;
}
.compareVehicles span.withGreenLine {
  line-height: unset;
  display: inline-block;
  height: 26px;
  margin-left: -11px;
  border-left: 3px solid #66cc33;
}
.compareVehicles .greenLine {
  border-left: 3px solid #66cc33;
}
.compareVehicles .awardBack {
  position: relative;
}
.compareVehicles .centerProductName {
  top: 25px;
  left: 50%;
  margin-right: -30%;
  line-height: 34px;
  transform: translate(-48%, 0%);
}
.compareVehicles .greenSpacer {
  height: 5px;
  width: 30px;
  background: #66cc33;
  margin: 10px auto;
}
.compareVehicles .categoryFilter .headFive {
  padding-bottom: 20px;
}
.compareVehicles .categoryFilter .pOne {
  font-weight: bold;
}
.compareVehicles .typeCompare {
  background-color: #f1f1f1;
  margin-right: 0;
  margin-left: 0;
}
.compareVehicles .typeCompare.no-right-margin {
  border-bottom: 1px solid #ccc;
}
.compareVehicles .typeCompare.no-right-padding {
  padding-right: 0px;
}
.compareVehicles .compareLanding .card-deck {
  margin: 0;
}
.compareVehicles .compareLanding .categoryFilter .filter-checkbox:focus {
  outline: 2px solid #000000;
  display: block;
}
.compareVehicles .compareLanding .accordion button:focus {
  outline: 2px solid #000000;
  display: block;
}
.compareVehicles .compareContainer {
  height: 100%;
  padding: 20px 10px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.compareVehicles .compareContainer img {
  padding-bottom: 10px;
  max-width: 100%;
}
.compareVehicles .compareContainer p {
  color: #76767c;
  padding-left: 20px;
}
.compareVehicles .comparedContainerCard {
  position: relative;
  display: flex;
  flex-direction: column;
}
.compareVehicles .compareColorOdd {
  background-color: #e5e4e9;
}
.compareVehicles .compareColorOdd:nth-child(odd) {
  background-color: #d7d6db;
}
.compareVehicles .compareColorEven {
  background-color: #d7d6db;
}
.compareVehicles .accordion {
  border-bottom: 1px solid #E5E5E9;
}
.compareVehicles .accordion button {
  background: none;
  border: 0;
  border-top: 1px solid #E5E5E9;
  width: 100%;
  text-align: left;
  padding: 0;
  text-transform: uppercase;
  text-decoration: none;
}
.compareVehicles .accordion button:hover {
  text-decoration: none;
}
.compareVehicles .accordion button .fa-plus {
  display: none;
}
.compareVehicles .accordion button .fa-minus {
  display: block;
}
.compareVehicles .accordion button.collapsed .fa-plus {
  display: block;
}
.compareVehicles .accordion button.collapsed .fa-minus {
  display: none;
}
.compareVehicles .accordion svg {
  height: 20px;
  width: 15px;
}
.compareVehicles .accordion svg path {
  fill: #66cc33;
}
.compareVehicles .accordion svg.filter-svg {
  height: 20px;
  width: 15px;
}
.compareVehicles .accordion svg.filter-svg path {
  fill: #76767c;
}
.compareVehicles .makeYourChoice {
  background-color: #E5E5E9;
  margin-top: 25px;
  padding-top: 40px;
  padding-bottom: 80px;
}
.compareVehicles .vehicleContainer {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  background-color: #ffffff;
  text-align: center;
  padding-bottom: 40px;
  padding-top: 20px;
  height: 100%;
}
.compareVehicles .vehicleContainer svg {
  height: 20px;
  display: block;
}
.compareVehicles .vehicleContainer path {
  fill: #66cc33;
}
.compareVehicles .vehicleContainer .rightBor {
  border-right: 2px solid #dddde4;
}
.compareVehicles .vehicleContainer .downloadSpecs {
  float: right;
}
.compareVehicles .vehicleContainer .downloadSpecs .headFive {
  color: #76767c;
  margin-left: 10px;
}
.compareVehicles .vehicleContainer .requestQuote {
  float: left;
}
.compareVehicles .vehicleContainer .requestQuote .headFive {
  color: #76767c;
  margin-left: 10px;
}
.compareVehicles .vehicleContainer a:hover {
  text-decoration: none;
}
.compareVehicles .vehicleContainer .greenSpacer {
  height: 5px;
  width: 30px;
  background: #66cc33;
  margin: 10px auto;
}
.compareVehicles .vehicleContainer img {
  max-width: 100%;
  height: auto;
}
.compareVehicles .vehicleContainer .pTwo {
  color: #76767c;
}
.compareVehicles .vehicleContainer .msrp {
  text-align: right;
}
.compareVehicles .blackBtn {
  margin: 20px auto 0;
}
.compareVehicles .vehicleContainer .blackBtn {
  margin-bottom: 20px;
}
.compareVehicles .modelBar .headThree {
  color: #ffffff;
}
.compareVehicles .modelBar .headThree span {
  /*color: $green;*/
  font-weight: 400;
}
.compareVehicles .groupContainer {
  margin-top: 40px;
}
.compareVehicles .subcategoryContainer {
  margin-bottom: 40px;
}

.awardBack {
  background: #000000;
  min-height: 100px;
}

.viewList li:first-child {
  border-right: 1px solid #76767c;
  margin-right: 20px;
}
.viewList .tableCaption {
  position: relative;
  margin-right: 20px;
}
.viewList .tableCaption svg {
  margin-right: 5px;
}
.viewList .tableCaption span {
  position: absolute;
  left: 0;
  width: 30px;
  text-align: center;
}
.viewList .tableCaption:hover {
  color: #000000;
}

.backList {
  color: #505055;
  text-decoration: none;
  margin-bottom: 20px;
  display: inline-block;
}
.backList:hover {
  color: #000000;
}

.itemPage .carousel .carousel-indicators {
  position: relative;
  list-style: none;
  margin: 0;
  width: 100%;
  margin-top: 25px;
  display: block;
}
.itemPage .carousel .carousel-indicators li {
  width: 100px;
  height: 100px;
  text-indent: inherit;
  border: 1px solid #ffffff;
  margin: 0 5px;
  padding-bottom: 2px;
  float: left;
}
.itemPage .carousel .carousel-indicators li.active {
  border: 1px solid #66cc33;
}
.itemPage .carousel .carousel-indicators li svg {
  display: none;
}
.itemPage .carousel img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.itemPage .headFour {
  color: #505055;
  margin-bottom: 20px;
}
.itemPage .headFour .headSix, .itemPage .headFour .feature-list li, .feature-list .itemPage .headFour li {
  color: #76767c;
}
.itemPage .detaiList {
  margin-top: 20px;
}
.itemPage .itemForm #quantity {
  width: 40px;
  margin-left: 10px;
  border-radius: 2px;
  border: 1px solid #E5E5E9;
  text-align: center;
  padding: 5px 0;
}
.itemPage .itemForm .headSix, .itemPage .itemForm .feature-list li, .feature-list .itemPage .itemForm li {
  margin: 20px 0;
}
.itemPage .itemForm .headSix .form-check, .itemPage .itemForm .feature-list li .form-check, .feature-list .itemPage .itemForm li .form-check {
  margin: 0 0 0 0.75rem;
}
.itemPage .itemForm input[type=radio] {
  display: none;
}
.itemPage .itemForm input[type=radio]:checked + label {
  background: #66cc33;
}
.itemPage .itemForm .form-check-label {
  background: #E5E5E9;
  padding: 5px 15px;
  cursor: pointer;
}
.itemPage .itemForm .blackBtn svg {
  margin: -4px 0px 0 0;
  height: 15px;
}
.itemPage .size_tab {
  padding: 7px 12px;
  background-color: #dddde4;
  cursor: pointer;
  min-width: 40px;
  text-align: center;
  /*margin-bottom: 10px;*/
}
.itemPage .size_tab.active, .itemPage .outOfStock .size_tab.active {
  background-color: #66cc33;
  color: #000000;
}
.itemPage .outOfStock .size_tab {
  background-color: #f1f1f1;
  background-image: url("/Content/Images/size_noStock_x.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  color: #dddde4;
}
.itemPage .accessoryList li {
  font-family: Fira Sans;
  font-weight: 400;
  font-size: 13px;
  color: #000000;
  line-height: 20px;
  margin: 0;
}
.itemPage .benefit {
  background: #202021;
  padding: 40px;
}
.itemPage .benefit h4, .itemPage .benefit h5, .itemPage .benefit p {
  color: #dddde4;
}
.itemPage .benefit h4 span, .itemPage .benefit h5 span, .itemPage .benefit p span {
  color: #66cc33;
}
.itemPage .sizing-box {
  margin: 10px 0;
}
.itemPage .sizing-box .form-check-inline {
  padding: 0;
  margin-right: 1rem;
  margin-bottom: 10px;
}
.itemPage .together {
  background: #E5E5E9;
  padding: 30px;
}
.itemPage .together p {
  margin: 10px 0;
}
.itemPage .together img {
  margin-top: 10px;
}
.itemPage .together h5 {
  margin: 10px 0 5px;
  color: #000000;
}
.itemPage .together h6.headFive {
  color: #76767c;
  margin-bottom: 20px;
}
.itemPage .together h6.headFive span {
  margin-right: 5px;
  color: #76767c;
}
.itemPage .together hr {
  margin-bottom: 30px;
}
.itemPage .together .headFour {
  color: #000000;
}
.itemPage .together .headFour .headFive {
  margin: 0 10px 30px 0;
}
.itemPage .addItList {
  color: #76767c;
  text-decoration: underline;
  display: block;
  margin-top: 15px;
}
.itemPage .addItList:hover {
  color: #76767c;
}

.mayLike {
  background: #D7D7DA;
}
.mayLike .row .col-6 {
  margin-bottom: 15px;
}
.mayLike .headFour {
  margin-bottom: 20px;
}
.mayLike .card-deck {
  margin: 0;
}
.mayLike .card-deck .headFive {
  margin-top: 20px;
}
.mayLike .card-deck a {
  text-decoration: none;
  height: 100%;
  display: block;
}

.accessories .accBack {
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.accessories .accBack h2 {
  color: #66cc33;
}
.accessories .accBack p {
  color: #ffffff;
  margin-top: 10px;
}
.accessories .accBack select {
  max-width: inherit;
}
.accessories .accBack form {
  max-width: 900px;
  margin: 30px auto 0;
}
.accessories .accBack form .form-control {
  height: 46px;
  border-radius: 0;
  cursor: pointer;
}
.accessories .accBack form button {
  float: left;
}
.accessories .saved {
  background: #f1f1f1;
}
.accessories .saved h3 {
  border-left: 5px solid #66cc33;
  padding-left: 5px;
  margin-bottom: 50px;
}
.accessories .saved .cardRepeat {
  margin-bottom: 20px;
}
.accessories .saved .cardRepeat .card {
  height: 100%;
}
.accessories .saved .cardRepeat .card .vehicleContainer {
  height: 100%;
  text-align: center;
  background: #ffffff;
  display: block;
  padding: 20px 10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.accessories .saved .cardRepeat .card .vehicleContainer:hover {
  text-decoration: none;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
}
.accessories .saved .cardRepeat .card .vehicleContainer .headFive {
  font-weight: 400;
}
.accessories .saved .cardRepeat .card .vehicleContainer .greenSpacer {
  height: 5px;
  width: 30px;
  background: #66cc33;
  margin: 10px auto;
}
.accessories .saved .cardRepeat .card .vehicleContainer img {
  max-width: 100%;
  height: auto;
}
.accessories .saved .cardRepeat .card .vehicleContainer .pTwo {
  color: #76767c;
  text-transform: uppercase;
}
.accessories .sidexsideBg {
  background-image: url("/Content/Images/vehicleAccessoriesHero.jpg");
}
.accessories .motoBg {
  background-image: url("/Content/Images/veh-acc-moto-header.jpg");
}
.accessories .selectLink {
  color: #dddde4;
  text-decoration: underline;
  margin-top: 60px;
  margin-bottom: -60px;
  display: block;
}
.accessories .selectLink:hover {
  color: #ffffff;
}
.accessories .noAccessoriesLink {
  color: #dddde4;
  text-decoration: underline;
}
.accessories .noAccessoriesLink:hover {
  color: #ffffff;
}
.accessories .productSelector .col {
  padding-right: 5px;
  padding-left: 5px;
}

.research {
  background: #d7d6db;
  text-align: center;
}
.research .headFour {
  color: #505055;
}
.research .pTwo {
  margin: 30px 0 10px;
}
.research .searchBack {
  width: 375px;
  max-width: 375px;
  background-image: none;
  background-color: white;
}
.research .searchBackSubmit {
  display: inline-block;
  background-color: white;
  background-image: url(/Content/Images/search.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 3px 3px;
  border: 0;
  padding: 0px;
  background-size: 24px;
  width: 30px;
  height: 30px;
  margin-left: -5px;
}
.research .blackBtn svg {
  height: 16px;
  margin-top: -3px;
}
.research .vin {
  text-decoration: underline;
  margin-top: 20px;
  display: block;
}
.research .vin:hover {
  color: #000000;
}
.research .disclaimer {
  margin-top: 60px;
}

.modelBar {
  background: #202022;
  padding: 20px;
  margin-bottom: 60px;
  border-bottom: 3px solid #66cc33;
}
.modelBar .modelFour {
  color: #ffffff;
  text-transform: initial;
}
.modelBar .modelFour span {
  color: #66cc33;
}
.modelBar .modelFour span.sup {
  color: #ffffff;
}
.modelBar a {
  color: #66cc33;
  text-decoration: underline;
}
.modelBar a.hppButton {
  text-decoration: none;
  color: #ffffff;
}
.modelBar button svg {
  height: 16px;
  width: 12px;
  margin: -5px 5px 0 0;
}
.modelBar button svg path {
  fill: #66cc33;
}

.inlineLinks li:first-child {
  border-right: 1px solid #76767c;
  padding-right: 15px;
}
.inlineLinks .headSix, .inlineLinks .feature-list li, .feature-list .inlineLinks li {
  color: #76767c;
  text-decoration: underline;
}

.accessoryInfo {
  border-top: 1px solid #E5E5E9;
  margin-top: 30px;
  padding-top: 30px;
}
.accessoryInfo a {
  text-decoration: underline;
  color: #505055;
}
.accessoryInfo a:hover {
  color: #000000;
}

.compatibleAccordion {
  padding: 20px;
  margin-top: 30px;
  background: #E5E5E9;
}
.compatibleAccordion .headFive {
  color: #505055;
  text-transform: inherit;
}
.compatibleAccordion button {
  border: none;
  width: 100%;
  background: none;
  text-align: left;
  padding: 0;
}
.compatibleAccordion button svg {
  height: 10px;
}
.compatibleAccordion button .fa-plus {
  display: none;
}
.compatibleAccordion button .fa-minus {
  display: block;
}
.compatibleAccordion button.collapsed .fa-plus {
  display: block;
}
.compatibleAccordion button.collapsed .fa-minus {
  display: none;
}
.compatibleAccordion .collapse {
  margin-top: 15px;
  padding-top: 20px;
  border-top: 1px solid #B5B5B9;
}
.compatibleAccordion .collapse span {
  color: #505055;
  margin-left: 10px;
}

.racing {
  background: #f1f1f1;
}
.racing .racingBlock {
  background: #ffffff;
  padding: 40px 20px;
  margin-bottom: 20px;
}
.racing .racingBlock .newsView {
  border-bottom: 1px solid #B5B5B9;
  padding-bottom: 25px;
  margin-top: 40px;
}
.racing .racingBlock .newsView a {
  color: #76767c;
  margin-top: 10px;
  margin-bottom: 15px;
  display: inline-block;
}
.racing .racingBlock .newsView a:hover {
  color: #000000;
}
.racing .racingBlock .raceThree {
  border-left: 3px solid #66cc33;
  padding-left: 10px;
}
.racing .racingBlock .raceTwo {
  color: #76767c;
  margin: 0 0 30px;
}
.racing .racingBlock .raceFour {
  margin: 15px 0;
}
.racing .racingBlock .blackBtn {
  margin-top: 40px;
}
.racing .greenSpacer {
  height: 5px;
  width: 30px;
  background: #66cc33;
  margin: 20px 0;
}
.racing .greenSpacer.center-green-spacer {
  margin: 10px auto;
}
.racing .eventsBlock {
  color: #ffffff;
  background: #454548;
  padding: 40px 20px;
}
.racing .eventsBlock .eventView {
  border-bottom: 1px solid #86868D;
  padding: 25px 0;
  margin-bottom: 15px;
}
.racing .eventsBlock .eventView:last-child {
  border: none;
}
.racing .eventsBlock .evenThree {
  color: #ffffff;
  border-left: 3px solid #66cc33;
  padding-left: 10px;
}
.racing .eventsBlock .evenTwo {
  color: #dddde4;
  margin: 0 0 30px;
}
.racing .eventsBlock .evenFour {
  color: #ffffff;
  margin: 10px 0;
}
.racing .eventsBlock .headSix, .racing .eventsBlock .feature-list li, .feature-list .racing .eventsBlock li {
  color: #ffffff;
  margin-top: 15px;
}
.racing .eventsBlock p {
  color: #ffffff;
}
.racing .eventsBlock a.headSix {
  color: #66cc33;
  margin-top: 10px;
  margin-bottom: 25px;
  display: inline-block;
}
.racing .eventsBlock a.headSix:hover {
  color: #ffffff;
}
.racing .eventsBlock .blackBtn {
  text-decoration: none;
  color: #ffffff;
  margin-top: 20px;
}
.racing .home-team-href {
  display: block;
  position: relative;
  min-height: 150px;
}
.racing .home-team-href .home-team-gradient {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 150px;
  width: 100%;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.868785014) 90%);
  z-index: 2;
}
.racing .home-team-href .head-text-container {
  position: absolute;
  left: 0px;
  top: 32px;
  text-align: center;
  width: 100%;
  z-index: 3;
}
.racing .home-team-href .head-text-container h3 {
  color: #ffffff;
  border-left: 3px solid #66cc33;
  padding-left: 10px;
  display: inline-block;
}
.racing .home-team-href .head-text-container h4 {
  color: #ffffff;
  border-left: 3px solid #66cc33;
  padding-left: 10px;
  display: inline-block;
}
.racing .homeTeams .headThree {
  color: #505055;
}
.racing .homeTeams .marker {
  color: #76767c;
  margin: 20px 0 40px;
}
.racing .homeTeams img {
  width: 100%;
}
.racing .homeTeams .globalInfo {
  text-align: center;
  border-top: 2px solid #D7D7DA;
  padding: 60px 0 0;
}
.racing .homeTeams .globalInfo svg {
  margin-bottom: 20px;
}
.racing .homeTeams .globalInfo .headFour {
  margin-bottom: 10px;
}
.racing .homeTeams .globalInfo .followGlobal {
  background: #E5E5E9;
  padding: 60px 0;
  margin-top: 60px;
}
.racing .homeTeams .globalInfo .followGlobal ul {
  margin-top: 20px;
}
.racing .homeTeams .globalInfo .followGlobal li:first-child {
  border-right: 2px solid #86868D;
  padding-right: 20px;
  margin-right: 20px;
}
.racing .homeTeams .globalInfo .followGlobal .row .col-md-6:last-child {
  border-left: 1px solid #dddde4;
}
.racing .homeTeams .globalInfo .followGlobal svg {
  /*float: left;*/
  height: 30px;
  margin: -3px 15px 0 0;
}
.racing .homeTeams .globalInfo .followGlobal svg path {
  fill: #66cc33;
}
.racing .homeTeams .globalInfo a {
  text-decoration: underline;
}
.racing .homeTeams .globalInfo a:hover {
  color: inherit;
}
.racing .teamList img {
  width: 100%;
}
.racing .teamList .teamContainer {
  margin-top: 30px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.racing .teamList .teamContainer .team-img-container {
  background-size: cover;
  background-position: top center;
  min-height: 350px;
}
.racing .teamList .teamLogo {
  background: #000000;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.racing .teamList .teamLogo img {
  width: 60%;
  margin: auto;
  display: block;
  max-width: 200px;
}
.racing .teamList .teamContent {
  background: #ffffff;
  padding: 60px 30px;
}
.racing .teamList .teamContent .contFour {
  border-left: 3px solid #66cc33;
  padding-left: 10px;
  margin-bottom: 20px;
  word-wrap: break-word;
}
.racing .teamList .teamContent .blackBtn {
  margin-top: 20px;
}
.racing .teamHero {
  background: #ffffff;
}
.racing .teamRiders img {
  width: 100%;
}
.racing .teamRiders .racing-team-section {
  padding-top: 100px;
}
.racing .teamRiders .racing-team-section:last-child {
  padding-bottom: 80px;
}
.racing .teamRiders .racing-team-section-right .racing-team-section {
  padding-top: 0px;
}
.racing .teamRiders .racing-team-section-right .racing-team-section:first-child {
  padding-top: 100px;
}
.racing .teamRiders .racing-team-section-right .racing-team-section:last-child {
  padding-bottom: 80px;
}
.racing .teamRiders .riderLinks .headThree {
  color: #505055;
  margin-bottom: 20px;
}
.racing .teamRiders .riderLinks .blackBtn {
  text-decoration: none;
}
.racing .teamRiders .riderLinks a {
  text-decoration: underline;
  margin-top: 2rem;
}
.racing .teamRiders .riderLinks h4 {
  margin-top: 10px;
  color: #505055;
}
.racing .teamEquipment .headThree {
  color: #505055;
}
.racing .teamEquipment .pOne {
  margin: 10px 0 40px;
}
.racing .teamEquipment .infoBox {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  background: #ffffff;
  padding: 40px;
  height: 100%;
}
.racing .teamEquipment .infoBox .headFive {
  margin: 20px 0;
}
.racing .teamEquipment .infoBox .headThree {
  text-align: left;
  color: #000000;
  text-transform: initial;
}
.racing .teamEquipment .infoBox .modelHead {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 10px;
}
.racing .teamEquipment .infoBox .modelHead .headFive {
  margin: 10px 0 0;
}
.racing .teamEquipment .infoBox .modelHead .pTwo {
  color: #76767c;
}
.racing .teamEquipment .infoBox .modelHeadBtn {
  position: absolute;
  bottom: 0;
}
.racing .teamEquipment .infoBox ul {
  padding-left: 0px;
  margin-bottom: 0rem;
  /*li:nth-of-type(1n+4) {
      display: none;
  }*/
}
.racing .teamEquipment .infoBox ul li::before {
  color: #66cc33;
  content: "▪︎";
  width: 1em;
  display: inline-block;
}
.racing .teamEquipment .infoBox ul li {
  font-family: Fira Sans;
  font-weight: 400;
  font-size: 13px;
  color: #000000;
  line-height: 15px;
  margin: 0 0 5px 0;
}
.racing .teamEquipment .infoBox img {
  width: 100%;
  margin-top: 30px;
}
.racing .contactTeam .headThree {
  color: #505055;
}
.racing .contactTeam .conBlock {
  background: #454548;
  padding: 30px 20px;
}
.racing .contactTeam .conBlock .headFour {
  color: #ffffff;
  margin: 0 0 15px;
}
.racing .contactTeam .conBlock .pOne {
  color: #ffffff;
}
.racing .riderHead {
  position: relative;
}
.racing .riderHead img {
  max-height: 500px;
  margin: 0 auto;
  display: block;
  width: 100%;
}
.racing .riderHead .riderInfo {
  background: #ffffff;
  padding-bottom: 30px;
}
.racing .riderHead .riderInfo img {
  border: 2px solid #ffffff;
  margin-top: -60px;
  max-width: 300px;
}
.racing .riderHead .riderInfo svg {
  height: 22px;
  width: 22px;
  margin-right: 5px;
}
.racing .riderHead .riderInfo svg path {
  fill: #66cc33;
}
.racing .riderHead .riderInfo .list-inline-item:last-child {
  border-left: 2px solid #D7D7DA;
  padding-left: 30px;
  margin-left: 25px;
}
.racing .riderHead .riderInfo a {
  display: list-item;
  margin-top: 15px;
}
.racing .riderHead .riderInfo a:hover {
  color: #000000;
}
.racing .riderHead .riderInfo .riderDeets {
  margin-top: 25px;
}
.racing .riderHead .riderInfo .riderDeets .list-inline-item:first-child {
  vertical-align: top;
}
.racing .riderHead .rider-head-img {
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
}
.racing .riderHead .rider-head-img .headTwo {
  color: #ffffff;
}
.racing .career {
  background: #f1f1f1;
}
.racing .career .headThree {
  color: #505055;
}
.racing .career .grey-line-top {
  border-top: 1px solid #D7D7DA;
  padding-top: 25px;
}
.racing .career .headFour {
  color: #505055;
  margin-top: 20px;
}
.racing .career .btm-margin {
  margin-bottom: 25px;
}
.racing .career .pOne {
  margin: 20px 0 0;
}
.racing .career ul.noBullets {
  padding-left: 0px;
}
.racing .career ul.noBullets li {
  list-style-type: none;
}
.racing .career ul.noBullets li:last-child {
  font-weight: normal;
}
.racing .career .list-unstyled li {
  margin-top: 20px;
}
.racing .career .list-unstyled li:last-child {
  border-bottom: 1px solid #B5B5B9;
  padding-bottom: 30px;
}
.racing .career .careerHighlightDetails .headFour {
  font-weight: normal;
}
.racing .riders {
  background: #454548;
  padding: 20px 0;
}
.racing .riders h3 {
  color: #ffffff !important;
  border-left: 3px solid #66cc33;
  margin: 30px 20px;
  padding-left: 10px;
}
.racing .riders .riderSelect {
  padding: 10px 20px;
}
.racing .riders .riderSelect .headFive, .racing .riders .riderSelect .headSix, .racing .riders .riderSelect .feature-list li, .feature-list .racing .riders .riderSelect li {
  color: #ffffff;
}
.racing .riders .riderSelect:hover {
  background: #202022;
}
.racing .riders .riderSelect.active {
  background: #202022;
}
.racing .riders .riderSelect.active .headFive {
  color: #66cc33;
}
.racing .riders .riderSelect.active .headSix, .racing .riders .riderSelect.active .feature-list li, .feature-list .racing .riders .riderSelect.active li {
  color: #66cc33;
}
.racing .riders .float-left {
  width: 40%;
}
.racing .riders .float-right {
  width: 60%;
  padding: 0 0 0 20px;
}
.racing .riders img {
  width: 100%;
}
.racing .riders li {
  float: left;
}
.racing .riderEquipment {
  background: #ffffff;
  padding: 20px;
  margin: 20px 0;
}
.racing .riderEquipment h3 {
  border-left: 3px solid #66cc33;
  padding-left: 10px;
}
.racing .riderEquipment img {
  width: 100%;
}
.racing .riderEquipment .plusfrete {
  text-transform: lowercase;
}
.racing .riderEquipment .headfive {
  padding-top: 20px;
}
.racing .riderEquipment .headSix, .racing .riderEquipment .feature-list li, .feature-list .racing .riderEquipment li {
  padding-top: 20px;
  padding-bottom: 40px;
}
.racing .riderGallery {
  background: #e5e4e9;
}
.racing .riderGallery .headThree {
  color: #505055;
  text-align: center;
  margin-bottom: 60px;
}
.racing .riderGallery .carousel-inner {
  width: 80%;
  margin: auto;
}
.racing .sponsors {
  background-color: #ffffff;
}
.racing .sponsors .headFour {
  margin-bottom: 30px;
}
.racing .sponsors img {
  padding: 15px;
  display: block;
  margin: auto;
  width: 100%;
}
.racing .racingProof {
  color: #ffffff;
  padding: 30px 20px;
  background-image: url(/Content/Images/Racing/proof_in_racing.jpg?w=1600);
  display: block;
  margin-bottom: 0px;
  background-size: cover;
}
.racing .racingProof .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #66cc33;
  margin: 12px 5px 0 0;
  display: inline-block;
  vertical-align: top;
}
.racing .racingProof .proofInRacing {
  margin-top: 0px;
  margin-bottom: 0px;
}
.racing .racingProof .borderLeft {
  border-left: 3px solid #66cc33;
  padding-left: 10px;
}
.racing .racingProof .readNewsletter {
  margin-top: 10px;
}

.newRider .heroBackground {
  background-color: #000000 !important;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
  position: relative;
}
.newRider .heroBackground .container {
  position: relative;
  min-height: 500px;
}
.newRider .heroBackground .container .disclaimer-desktop {
  position: absolute;
  bottom: 0px;
  left: 15px;
  color: #ffffff;
  max-width: 500px;
}
.newRider .heroBackground img {
  /*width: 100%;*/
  /*height: 150px;*/
}
.newRider .heroCaption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: inherit;
  width: 45%;
  max-width: 560px;
}
.newRider .heroCaption .headOne, .newRider .heroCaption .headFour, .newRider .heroCaption p {
  color: #ffffff;
}
.newRider .heroCaption .headFour {
  font-weight: 400;
  margin-top: 5px;
  border-bottom: 1px solid #66cc33;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.newRider .heroCaption .mp3 {
  margin-top: 10px;
}
.newRider .heroCaption .disclaimer {
  color: #ffffff;
}
.newRider .newHead {
  position: relative;
  min-height: 500px;
}
.newRider .newHead .newback {
  background: #202022;
}
.newRider .newHead .newback h1, .newRider .newHead .newback p {
  color: #ffffff;
}
.newRider .newHead .newback .newPad {
  padding: 60px 30px 0;
}
.newRider .newHead .newback h2 {
  color: #ffffff;
  border-bottom: 1px solid #86868D;
  padding-bottom: 20px;
}
.newRider .newHead .newback h3 {
  color: #66cc33;
  margin: 20px 0;
}
.newRider .newHead .newback img {
  max-height: 500px;
  margin: 0 auto;
  display: block;
  width: 100%;
}
.newRider .newHead .new-head-img {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
  position: relative;
}
.newRider .newHead .new-head-img .container .heroCaption {
  width: 500px;
}
.newRider .newHead .new-head-img h1 {
  padding-bottom: 0;
  color: #ffffff;
}
.newRider .newHead .new-head-img h3 {
  border-bottom: 1px solid #66cc33;
  padding-bottom: 20px;
  color: #ffffff;
  margin: 5px 0 20px 0;
}
.newRider .newHead .new-head-img .headTwo {
  color: #ffffff;
}
.newRider .newHead .new-head-img .welBox {
  background: #000000;
  max-width: 600px;
  padding: 30px;
}
.newRider .newHead .new-head-img .pOne {
  color: #ffffff;
}

.newList .allInfo {
  position: relative;
}
.newList .allInfo .newPlace {
  padding: 0px 15px 0 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.newList .allInfo .newPlace p {
  margin-top: 20px;
  border-left: 5px solid #66cc33;
  padding-left: 5px;
  padding-left: 15px;
}
.newList .allInfo.licensed {
  background: #454548;
}
.newList .allInfo.licensed h2, .newList .allInfo.licensed p {
  color: #ffffff;
}
.newList .allInfo.licensed h4, .newList .allInfo.licensed p {
  color: #ffffff;
}
.newList .allInfo.gearUp {
  background: #202021;
}
.newList .allInfo.gearUp h4, .newList .allInfo.gearUp p {
  color: #dddde4;
}
.newList .allInfo.gearUp h2, .newList .allInfo.gearUp p {
  color: #dddde4;
}
.newList .allInfo.vidStyle .newPlace {
  padding: 0;
}
.newList .allInfo.vidStyle .newPlace h3 {
  color: #66cc33;
}
.newList .allInfo.vidStyle .newPlace h4, .newList .allInfo.vidStyle .newPlace h5 {
  color: #ffffff;
}
.newList .greenTeam .newPlace h4 {
  color: #66cc33;
}
.newList .greenTeam .newPlace p {
  color: #ffffff;
  padding: 0;
  border: 0;
}
.newList .videoBack {
  background: #000000;
}
.newList .videoBack .able {
  z-index: 1;
}
.newList .customize {
  background-image: url("/Content/Images/OwnerCenter/05_customized.jpg?w=1500");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  padding: 200px 0;
  background: #454548;
}
.newList .customize .newCustom {
  max-width: 100%;
}
.newList .customize .newCustom h2 {
  color: #ffffff;
}
.newList .customize .newCustom h4 {
  color: #ffffff;
}
.newList .customize .newCustom p {
  color: #ffffff;
  margin-top: 20px;
  border-left: 5px solid #66cc33;
  padding-left: 5px;
  padding-left: 15px;
}
.newList .customize .blackBtn {
  height: 50px;
  margin-left: 15px;
  padding: 0 25px;
}

.ownerHead {
  position: relative;
}
.ownerHead .ownHback {
  background: #202022;
}
.ownerHead .ownHback h1, .ownerHead .ownHback p {
  color: #ffffff;
}
.ownerHead .ownHback p {
  margin-top: 40px;
}
.ownerHead .ownHback img {
  max-height: 500px;
  margin: 0 auto;
  display: block;
  width: 100%;
}
.ownerHead .man-head-img {
  background-image: url(/Content/Images/owner-header.jpg?w=1600);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}
.ownerHead .man-head-img .headTwo {
  color: #ffffff;
}
.ownerHead .man-head-img .pOne {
  color: #ffffff;
  width: 30%;
  margin: 120px 0;
}

.elektrodeLand .heroBackground {
  background: #000000;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
}
.elektrodeLand .heroBackground .container {
  position: relative;
  min-height: 500px;
}
.elektrodeLand .heroBackground .container .disclaimer-desktop {
  position: absolute;
  bottom: 0px;
  left: 25px;
  color: #ffffff;
}
.elektrodeLand .heroBackground img {
  width: 100%;
}
.elektrodeLand .heroBackground .headOne {
  color: #ffffff;
}
.elektrodeLand .heroBackground .headTwo {
  color: #66cc33;
}
.elektrodeLand .heroBackground .pOne {
  color: #ffffff;
  width: 30%;
  margin: 120px 0;
}
.elektrodeLand .heroBackground .pTwo {
  color: #ffffff;
}
.elektrodeLand .heroCaption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: inherit;
  width: 40%;
}
.elektrodeLand .heroCaption .list-inline {
  margin-bottom: 0;
}
.elektrodeLand .heroCaption a {
  color: #76767c;
  border-right: 1px solid #76767c;
  padding-right: 1rem;
}
.elektrodeLand .heroCaption a:hover, .elektrodeLand .heroCaption a.active {
  color: #66cc33;
  text-decoration: none;
}
.elektrodeLand .heroCaption li:last-child a {
  border: none;
}
.elektrodeLand .heroCaption h2 {
  text-transform: initial;
}
.elektrodeLand .heroCaption h3 {
  color: #66cc33;
}
.elektrodeLand .heroCaption .iconLinks .flex-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 200px;
}
.elektrodeLand .heroCaption .iconLinks .flex-badge .badge-wrapper {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.elektrodeLand .heroCaption .iconLinks .flex-badge .badge-wrapper svg {
  position: absolute;
  top: 0;
  left: 0;
}
.elektrodeLand .heroCaption .iconLinks .flex-badge b, .elektrodeLand .heroCaption .iconLinks .flex-badge i {
  color: #fff !important;
}
.elektrodeLand .heroCaption .iconLinks .flex-badge .learn {
  padding: 0 !important;
}
.elektrodeLand .heroCaption .iconLinks a {
  border: none;
}
.elektrodeLand .heroCaption .iconLinks a.learn {
  color: #66cc33;
  text-decoration: underline;
}
.elektrodeLand .selectDealer .search-Dealer {
  background-size: cover;
  background-position: right;
  padding-bottom: 280px;
  width: 100%;
  backface-visibility: hidden;
}
.elektrodeLand .selectDealer .search-Dealer img {
  float: left;
  overflow: hidden;
}
.elektrodeLand .selectDealer .search-Dealer h2 {
  color: #66cc33;
}
.elektrodeLand .selectDealer .search-Dealer h3 {
  color: #B2B2B8;
}
.elektrodeLand .selectDealer .search-Dealer p {
  color: #ffffff;
}
.elektrodeLand .selectDealer .search-Dealer label {
  color: #ffffff;
  padding-left: 40px;
}

.manuals .browse h2 {
  margin: 120px 0 20px;
}

.support {
  background: #f1f1f1;
}
.support .updateInfo {
  background: #E5E5E9;
}
.support .updateInfo .greenSpacer {
  height: 5px;
  width: 100px;
  background: #66cc33;
  margin: 20px auto 40px auto;
}
.support .updateInfo .infoGroup {
  background: #ffffff;
  padding: 40px 15% 20px 15%;
  min-height: 305px;
}
.support .updateInfo .infoGroup .blackBtn {
  width: 100%;
  padding: 20px 10px;
}
.support .updateInfo .infoGroup .headFive {
  min-height: 60px;
}
.support .surveyBack {
  background-repeat: no-repeat;
  background-size: cover;
}
.support .surveyBack h1, .support .surveyBack p {
  color: #ffffff;
  text-align: center;
}
.support .surveyBack p {
  max-width: 825px;
  margin: auto;
}
.support .surveyBack .hppButton {
  display: table;
  margin: auto;
}
.support .prodcutsWarranty .table-bordered th, .support .prodcutsWarranty .table-bordered td {
  width: 50%;
  word-break: break-word;
}

.browseVeh {
  background: #D7D7DA;
}
.browseVeh .selectTag .form-control {
  max-width: inherit;
}

.rewards a.pOne {
  text-decoration: underline;
}
.rewards .reward-head-img {
  background-repeat: no-repeat;
  background-size: cover;
}
.rewards .reward-head-img .headTwo {
  color: #ffffff;
}
.rewards .reward-head-img .pOne {
  color: #ffffff;
  width: 30%;
  margin-bottom: 40px;
}
.rewards .program {
  background: #f1f1f1;
}
.rewards .contingency .pOne {
  margin: 30px 0;
}
.rewards .contingency ul {
  padding-left: 15px;
  margin-bottom: 2rem;
}
.rewards .contingency ul li {
  font-family: Fira Sans;
  font-weight: 400;
  font-size: 13px;
  color: #000000;
  line-height: 15px;
  margin: 0 0 20px 0;
}
.rewards .contingency ul li a {
  color: #000000;
  text-decoration: underline;
}
.rewards .rules {
  background: #f1f1f1;
}
.rewards .rules .prog {
  color: #505055;
}
.rewards .rules .info {
  color: #ffffff;
  background: #454548;
  padding: 40px 20px;
}
.rewards .rules .info h3 {
  color: #ffffff;
  border-left: 3px solid #6c3;
  padding-left: 10px;
}
.rewards .rules .info .infoView {
  border-bottom: 1px solid #86868D;
  padding: 25px 0;
  margin-bottom: 15px;
}
.rewards .rules .info .infoView:last-child {
  border: none;
}
.rewards .rules .info .infoView h4 {
  color: #dddde4;
  margin-bottom: 30px;
}
.rewards .rules .info .infoView a {
  color: #ffffff;
  display: block;
  font-weight: 100;
  margin-bottom: 20px;
}
.rewards .rules .info .infoView a .greenTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #66cc33;
  float: left;
  margin: 4px 10px 0 0;
}
.rewards .rules .info .infoView h5 {
  color: #ffffff;
  margin-bottom: 20px;
}
.rewards .rules .info .infoView p {
  color: #ffffff;
}
.rewards .rules .accordion h5 {
  margin-bottom: 20px;
}

.schedule {
  background: #f1f1f1;
}
.schedule .eventsHeader {
  position: relative;
  overflow-y: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.schedule .eventsHeader.d-md-block .container {
  padding-bottom: 200px;
}
.schedule .eventsHeader .header-table {
  /*position: absolute;*/
  /*top: 15px;
  left: 0px;*/
  margin-top: 0px;
}
.schedule .eventsHeader .events-header-text {
  background-color: #000000;
}
.schedule .eventsHeader .events-header-text .container {
  padding: 25px 0;
}
.schedule .eventsHeader .events-header-text .headThree {
  text-align: center;
}
.schedule .eventsHeader .events-header-text .headOne {
  text-align: center;
}
.schedule .eventsHeader .header-table h1 {
  color: #ffffff;
}
.schedule .eventsHeader .headThree {
  color: #66cc33;
}
.schedule .eventsHeader .headOne {
  color: #ffffff;
}
.schedule .eventsHeader img {
  width: 100%;
}
.schedule .headFour {
  color: #505055;
  margin-bottom: 40px;
}
.schedule .table-borderless {
  background-color: #d7d6db;
}
.schedule .table-borderless .headFive, .schedule .table-borderless .pOne {
  vertical-align: middle;
}
.schedule .table-borderless .list-inline {
  margin: 0;
}
.schedule .table-borderless img {
  max-width: 100px;
}
.schedule .table-borderless thead th:nth-child(odd) {
  background: #E5E5E9;
}
.schedule .table-borderless thead th:nth-child(even) {
  background: #d7d6db;
}
.schedule .table-borderless tbody th {
  background: #E5E5E9;
}
.schedule .table-borderless tr td:nth-child(odd) {
  background: #E5E5E9;
}
.schedule .table-borderless tr td:nth-child(even) {
  background: #d7d6db;
}
.schedule .eventsBlock {
  margin: 30px 0;
}
.schedule .eventsBlock .linkBlock {
  border-top: 1px solid #86868D;
  padding-top: 30px;
}
.schedule .eventsBlock .linkBlock a.headSix {
  display: block;
  text-decoration: none;
  color: #ffffff;
}
.schedule .eventsBlock .linkBlock a.headSix .greenTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #66cc33;
  float: left;
  margin: 4px 10px 0 0;
}

.news {
  background: #f1f1f1;
}
.news .headThree {
  color: #505055;
  margin-bottom: 15px;
}
.news .headFour {
  color: #505055;
  margin: 40px 0 10px;
}
.news .card-deck {
  margin: 0;
}
.news .newsBox {
  margin: 30px 0 0;
}
.news a {
  text-decoration: none;
}
.news .promoContainer {
  cursor: pointer;
}
.news .promoContainer .promo-img {
  background: #000000;
  border-bottom: 3px solid #66cc33;
}
.news .promoContainer:hover .promoBox {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  text-decoration: none;
}
.news .promoBox {
  background: #ffffff;
  height: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.news img {
  margin: auto;
  display: block;
  max-width: 100%;
}
.news .promoContent {
  padding: 20px 20px 30px;
}
.news .promoContent .ends {
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.news .card {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: none;
  border: none;
  border-radius: 0;
  height: 100%;
}
.news .reviews .modelBar .headThree {
  color: #ffffff;
  margin: 0;
}
.news .reviews .modelBar .headThree span {
  color: #66cc33;
  font-weight: 400;
}
.news .reviews .card-deck {
  margin-bottom: 40px;
}
.news .reviews .card-deck .card {
  padding-bottom: 20px;
}

.newsDetail a {
  color: #76767c;
  display: block;
}
.newsDetail a.headSix {
  margin-bottom: 40px;
}
.newsDetail a:hover {
  color: #76767c;
}
.newsDetail .headFive {
  margin-bottom: 20px;
}
.newsDetail .headFour {
  margin-bottom: 30px;
}
.newsDetail p {
  margin-bottom: 20px;
}
.newsDetail p a {
  text-decoration: underline;
  display: inline-block;
}
.newsDetail img {
  width: 100%;
}
.newsDetail figcaption {
  margin-bottom: 60px;
  text-align: right;
  padding-top: 8px;
}

.myKaw {
  background: #f1f1f1;
}
.myKaw .SelectorDisabled {
  cursor: auto;
  pointer-events: all !important;
}
.myKaw .hours {
  color: #66cc33;
}
.myKaw .modelBar h2 {
  color: #ffffff;
}
.myKaw .card {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: none;
  border: none;
  border-radius: 0;
  height: 100%;
  box-shadow: none;
}
.myKaw .promoContainer {
  margin-bottom: 30px;
}
.myKaw .noVehicle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 30px;
}
.myKaw .promoBox {
  background: #ffffff;
  height: 100%;
  padding: 20px 20px 0;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.myKaw .promoBox a:hover {
  color: #66cc33;
}
.myKaw .promoBox img {
  max-width: 100%;
}
.myKaw .promoBox svg {
  margin: -4px 5px 0 0;
  width: 15px;
}
.myKaw .ownHead {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #66cc33;
}
.myKaw .ownHead h3 {
  margin: 5px 0;
}
.myKaw .googleMap {
  width: 100%;
  height: 1200px;
}
.myKaw .mapBox {
  position: relative;
}
.myKaw .mapBox .modelBar {
  position: absolute;
  top: 60px;
  left: 60px;
  right: 60px;
}
.myKaw .mapBox .mapBox #maps .dealerDetail::-webkit-scrollbar, .myKaw .mapBox .mapBox #maps .dealerSearchContainer::-webkit-scrollbar {
  width: 5px;
}
.myKaw .mapBox .mapBox #maps .dealerDetail::-webkit-scrollbar-track, .myKaw .mapBox .mapBox #maps .dealerSearchContainer::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #D7D7DA;
  border-radius: 10px;
}
.myKaw .mapBox .mapBox #maps .dealerDetail::-webkit-scrollbar-thumb, .myKaw .mapBox .mapBox #maps .dealerSearchContainer::-webkit-scrollbar-thumb {
  background: #454548;
  border-radius: 10px;
}
.myKaw .mapBox .mapBox #maps .dealerDetail::-webkit-scrollbar-thumb:hover, .myKaw .mapBox .mapBox #maps .dealerSearchContainer::-webkit-scrollbar-thumb:hover {
  background: #454548;
}
.myKaw .mapBox .dealerSearchContainer {
  overflow-x: auto;
}
.myKaw .notifications .promoContent .greenBar {
  height: 5px;
  width: 75px;
  background: #66cc33;
}
.myKaw .notifications .promoContent a {
  text-decoration: underline;
}
.myKaw .notifications .promoContent .buildSummary {
  margin-top: 60px;
}
.myKaw .notifications .promoContent .subTotal {
  padding-left: 0px;
}
.myKaw .notifications .promoContent .left-border-space {
  border-left: 3px solid #D7D7DA;
  height: 100px;
  padding: 0px;
  margin: 50px 0 0 0;
  flex: none;
  width: 50px;
}
.myKaw .orderHistory {
  background-image: url("/Content/Images/3000 x1540_xxl_order_history_bg.jpg");
  background-size: cover;
  background-position: center;
  padding-bottom: 200px;
}
.myKaw .orderHistory p {
  color: #ffffff;
  margin: 150px 0 75px;
}
.myKaw .demoRides .promoContent a {
  text-decoration: underline;
}
.myKaw .ownedCardContainer .promoBox .ownHead .headSix, .myKaw .ownedCardContainer .promoBox .ownHead .feature-list li, .feature-list .myKaw .ownedCardContainer .promoBox .ownHead li, .myKaw .favCardContainer .promoBox .ownHead .headSix, .myKaw .favCardContainer .promoBox .ownHead .feature-list li, .feature-list .myKaw .favCardContainer .promoBox .ownHead li {
  color: #76767c;
}
.myKaw .ownedCardContainer .promoBox .list-unstyled li a, .myKaw .favCardContainer .promoBox .list-unstyled li a {
  color: #76767c;
}

.myKaw#forgotPassword {
  padding-bottom: 200px;
}

.myKawHead .dropdown {
  margin-bottom: 20px;
}
.myKawHead .dropdown a {
  color: #000000;
  background-color: transparent;
}
.myKawHead .dropdown a:hover {
  color: #000000;
}
.myKawHead .dropdown .dropdown-menu a:hover {
  text-decoration: underline;
}

.orderHistory {
  background: #f1f1f1;
}
.orderHistory .card {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: none;
  border: none;
  border-radius: 0;
  height: 100%;
  box-shadow: none;
}
.orderHistory .promoContainer {
  margin-bottom: 30px;
}
.orderHistory .promoBox {
  background: #ffffff;
  height: 100%;
  padding: 20px 20px 0;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.orderHistory .promoBox h2 {
  color: #505055;
}
.orderHistory .promoBox h2 b {
  color: #000000;
  margin-right: 5px;
}
.orderHistory .promoBox a {
  text-decoration: underline;
  margin-top: 30px;
  display: block;
}
.orderHistory .promoBox a:hover {
  color: #000000;
}
.orderHistory .promoBox img {
  max-width: 100%;
}
.orderHistory .promoBox svg {
  margin: -4px 5px 0 0;
  width: 15px;
}

.progressContainer {
  background: #E5E5E9;
  padding: 20px;
}
.progressContainer .progress {
  background-color: #9b9b9b;
  height: 6px;
}
.progressContainer .progress .progress-bar {
  background: #66cc33;
}
.progressContainer .progress .progress-bar.bg-success {
  background: #66cc33 !important;
}

.orderDetail {
  background: #f1f1f1;
}
.orderDetail .backHistory {
  display: inline-block;
  color: #000000;
  margin-bottom: 40px;
}
.orderDetail .cart {
  background: none;
}
.orderDetail .cart .itemBox {
  margin: 0 0 25px;
}
.orderDetail .cart .itemBox .list-inline-item {
  margin-right: 50px;
}
.orderDetail .cart .itemBox .list-inline-item h4 {
  margin-bottom: 10px;
}

.needHelp {
  background: #E5E5E9;
  padding: 30px 20px;
}
.needHelp a {
  color: #000000;
  text-decoration: underline;
}
.needHelp a .greenTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #66cc33;
  float: left;
  margin: 8px 10px 0 0;
}
.needHelp a:hover {
  color: #000000;
}
.needHelp .related {
  border-top: 1px solid #66cc33;
  margin-top: 20px;
  padding-top: 20px;
}

.editProfile h4 {
  margin-bottom: 20px;
}
.editProfile h4:nth-child(1) {
  margin-top: 40px;
}
.editProfile .form-control {
  max-width: 100%;
}
.editProfile .emailLink, .editProfile .policyLink {
  display: block;
  margin: -22px 0 0 30px;
}
.editProfile .emailLink a:hover, .editProfile .policyLink a:hover {
  text-decoration: underline;
}
.editProfile .deleteProfile {
  color: #76767c;
  text-decoration: underline;
  display: inline-block;
  margin-top: 20px;
}
.editProfile .deleteProfile:hover {
  color: #000000;
}

#dealerSearchBtnWL, #dealerSearchBtn, #vinSearchBtn {
  color: #000000;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
  border-left: 0px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#dealerSearchInput, #vin {
  border-right: 0px;
}

#raqVehicleSelect {
  background-color: #E5E5E9;
  min-height: 80px;
  border-bottom-color: black;
  border: 1px;
  padding: 20px;
}

#dealerModal aside form label, #dealerModal aside form p {
  margin: 10px 0;
  width: 100%;
  justify-content: flex-start;
}
#dealerModal aside form button {
  border-radius: 0.25rem;
  padding: 9px 13px;
  margin-left: 5px;
}
#dealerModal .overList {
  max-height: 360px;
  overflow-y: auto;
  overflow-x: hidden;
}
#dealerModal .overList .form-check {
  padding: 10px 0 0 1.5rem;
}
#dealerModal .overList .form-check input, #dealerModal .overList .form-check label {
  cursor: pointer;
}
#dealerModal .overList .form-check .mi {
  color: #66cc33;
}

#quoteModal .modelBar {
  margin-bottom: 0;
}
#quoteModal .modelBar h2 {
  color: #ffffff;
}
#quoteModal .infoHead {
  padding: 20px 0;
  border-bottom: 3px solid #66cc33;
}
#quoteModal .infoBlock {
  padding: 20px 0;
  border-bottom: 1px solid #dddde4;
}
#quoteModal .infoBlock:last-child {
  border: 0;
}
#quoteModal .infoBlock h4 {
  margin-bottom: 10px;
}
#quoteModal .infoBlock p {
  margin-bottom: 10px;
}
#quoteModal .infoBlock a {
  color: #000000;
}
#quoteModal .infoBlock td {
  padding-left: 0;
}

.mapBox {
  position: relative;
}
.mapBox .mapFilter {
  width: 500px;
  min-height: 800px !important;
  height: 100%;
  z-index: 5;
  position: absolute;
  top: 0;
  /*left: 60px;*/
}
.mapBox .mapFilter header {
  padding: 20px;
  border-bottom: 5px solid #66cc33;
  background: #ffffff;
}
.mapBox .mapFilter header input {
  max-width: 100%;
}
.mapBox .mapFilter .category {
  background: #E5E5E9;
}
.mapBox .mapFilter .list-group {
  background: #ffffff;
  max-height: 665px;
}
.mapBox .mapFilter .list-group a {
  text-decoration: none;
  display: block;
}
.mapBox .mapFilter .list-group .list-group-item {
  cursor: pointer;
}
.mapBox .mapFilter .list-group .list-group-item:hover {
  background: #000000;
}
.mapBox .mapFilter .list-group .list-group-item:hover h2 {
  color: #66cc33;
}
.mapBox .mapFilter .list-group .list-group-item:hover p {
  color: #ffffff;
}
.mapBox .mapFilter .dealerDetail {
  display: none;
  z-index: 5;
  position: inherit;
  background: #ffffff;
  overflow-x: auto;
  /*max-height: 850px;*/
}
.mapBox .mapFilter .dealerDetail .topPanel {
  border-bottom: 1px solid #E5E5E9;
  padding: 15px 20px;
}
.mapBox .mapFilter .dealerDetail .topPanel .backResults {
  color: #76767c;
}
.mapBox .mapFilter .dealerDetail .topPanel .backResults svg {
  height: 20px;
  margin: -3px 5px 0 0;
}
.mapBox .mapFilter .dealerDetail .topPanel .backResults svg path {
  fill: #76767c;
}
.mapBox .mapFilter .dealerDetail .topPanel .backResults:hover {
  color: #66cc33;
  cursor: pointer;
}
.mapBox .mapFilter .dealerDetail .topPanel .backResults:hover svg path {
  fill: #66cc33;
}
.mapBox .mapFilter .dealerDetail .topPanel .getDirections {
  color: #000000;
}
.mapBox .mapFilter .dealerDetail .topPanel .getDirections svg {
  height: 20px;
  margin: -3px 0 0 5px;
}
.mapBox .mapFilter .dealerDetail .topPanel .getDirections svg path {
  fill: #66cc33;
}
.mapBox .mapFilter .dealerDetail .topPanel .getDirections:hover {
  cursor: pointer;
  color: #66cc33;
}
.mapBox .mapFilter .dealerDetail .dealerName {
  background: #ffffff;
  color: #000000;
  border-top: 2px solid #66cc33;
  padding: 15px 20px;
}
.mapBox .mapFilter .dealerDetail .shopBar {
  background: #E5E5E9;
  padding: 15px 20px;
  text-align: center;
}
.mapBox .mapFilter .dealerDetail .shopBar .col-sm-4 {
  border-right: 1px solid #505055;
  cursor: pointer;
}
.mapBox .mapFilter .dealerDetail .shopBar .col-sm-4:hover .headSix, .mapBox .mapFilter .dealerDetail .shopBar .col-sm-4:hover .feature-list li, .feature-list .mapBox .mapFilter .dealerDetail .shopBar .col-sm-4:hover li {
  color: #66cc33;
}
.mapBox .mapFilter .dealerDetail .shopBar .col-sm-4:last-child {
  border: 0;
}
.mapBox .mapFilter .dealerDetail .shopBar svg {
  height: 30px;
  margin-bottom: 10px;
}
.mapBox .mapFilter .dealerDetail .shopBar svg path {
  fill: #66cc33;
}
.mapBox .mapFilter .dealerDetail .generalInfo {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  padding: 20px;
}
.mapBox .mapFilter .dealerDetail .generalInfo .listItem {
  border-bottom: 1px solid #dddde4;
  padding: 20px 0;
}
.mapBox .mapFilter .dealerDetail .generalInfo .listItem:last-child {
  border: 0;
}
.mapBox .mapFilter .dealerDetail .generalInfo h3 {
  margin-bottom: 15px;
}
.mapBox .mapFilter .dealerDetail .generalInfo ul {
  list-style-type: none;
  padding: 0;
}
.mapBox .mapFilter .dealerDetail .generalInfo .contact a {
  display: block;
}
.mapBox .mapFilter .dealerDetail .generalInfo a {
  /*color: $green;*/
}
.mapBox .mapFilter .dealerDetail .generalInfo span {
  width: 100px;
  display: inline-block;
}

#searchVinModal .modelBar h2 {
  color: #ffffff;
}
#searchVinModal .modal-dialog {
  max-width: 1200px;
}
#searchVinModal .noResult {
  padding: 40px 0 240px;
  text-align: center;
}
#searchVinModal .resultList {
  padding: 0 20px 40px;
}
#searchVinModal .resultList p {
  margin-bottom: 20px;
}
#searchVinModal .resultList h4 {
  border-bottom: 1px solid #dddde4;
  padding: 20px 0;
}
#searchVinModal .resultList h4 span {
  font-size: 16px;
  display: inline-block;
  text-transform: initial;
  font-weight: 400;
  width: 300px;
  text-align: right;
}
#searchVinModal .resultList h4 span .headFive {
  display: inline-block;
  margin-left: 20px;
}
#searchVinModal .resultList h4 span .action {
  color: #be2424;
}

.techBadgeModal .modal-dialog {
  max-width: 860px;
}
.techBadgeModal .modal-content {
  border-radius: 0;
  border: 0;
}
.techBadgeModal .modelBar {
  margin-bottom: 20px;
}
.techBadgeModal .modelBar h2 {
  color: #ffffff;
}
.techBadgeModal .techBody {
  padding-left: 40px;
  padding-right: 40px;
}
.techBadgeModal .techBody .techLine {
  border-bottom: 1px solid #C2C2C2;
  padding-top: 10px;
  margin-bottom: 40px;
}
.techBadgeModal .techBody .headFour {
  font-size: 20px;
}
.techBadgeModal .techBody .secondRow {
  padding-top: 90px;
}
.techBadgeModal p {
  margin-bottom: 0px;
  margin-top: 8px;
}

.myKawModal {
  /*this is so ios doesnt zoom page for selects*/
}
.myKawModal select {
  font-size: 16px;
}
.myKawModal .modal-dialog {
  max-width: 1200px;
}
.myKawModal .modal-content {
  border-radius: 0;
  border: 0;
}
.myKawModal .modelBar {
  margin-bottom: 20px;
}
.myKawModal .modelBar h2 {
  color: #ffffff;
}
.myKawModal .accordion {
  border-bottom: 1px solid #E5E5E9;
  margin-top: 20px;
}
.myKawModal .accordion button {
  background: none;
  border: 0;
  border-top: 1px solid #E5E5E9;
  width: 100%;
  text-align: left;
  padding: 20px 0;
  text-transform: uppercase;
}
.myKawModal .accordion button .fa-plus {
  display: none;
}
.myKawModal .accordion button .fa-minus {
  display: block;
}
.myKawModal .accordion button.collapsed .fa-plus {
  display: block;
}
.myKawModal .accordion button.collapsed .fa-minus {
  display: none;
}
.myKawModal .accordion svg {
  height: 20px;
  width: 20px;
}
.myKawModal .accordion svg path {
  fill: #66cc33;
}
.myKawModal .results.mot .headFour {
  margin: 20px 0;
}
.myKawModal .results .headFour {
  margin: 20px 0 20px;
}
.myKawModal .results img {
  width: 100%;
}
.myKawModal .form-control {
  width: 100%;
  max-width: 100%;
}
.myKawModal .blackBtn {
  margin-bottom: 20px;
  padding: 12px 25px;
}
.myKawModal .blackBtn svg {
  height: 16px;
  width: 12px;
  margin-top: -6px;
}
.myKawModal .blackBtn svg path {
  fill: #66cc33;
}
.myKawModal .blackBtn:hover:not([disabled]) svg path {
  fill: #000000 !important;
}
.myKawModal .blackBtn:focus:not([disabled]) svg path {
  fill: #000000 !important;
}
.myKawModal p {
  margin-bottom: 20px;
}

#favoriteModal .modal-dialog {
  max-width: 1200px;
}
#favoriteModal .modal-dialog .headFour {
  margin-bottom: 20px;
}

.modalRemove {
  color: #76767c;
  float: right;
  text-decoration: underline;
}
.modalRemove:hover {
  color: #000000;
  text-decoration: underline;
}

#deleteOwnedVehicleModal, #deleteFavoriteVehicleModal, #removeBPSessionModal {
  text-align: center;
}
#deleteOwnedVehicleModal .modal-body, #deleteFavoriteVehicleModal .modal-body, #removeBPSessionModal .modal-body {
  padding-bottom: 40px;
}
#deleteOwnedVehicleModal .blackBtn, #deleteFavoriteVehicleModal .blackBtn, #removeBPSessionModal .blackBtn {
  margin: 60px 0 20px;
}
#deleteOwnedVehicleModal .modalRemove, #deleteFavoriteVehicleModal .modalRemove, #removeBPSessionModal .modalRemove {
  display: block;
  margin: auto;
  text-align: center;
  width: 100%;
}
#deleteOwnedVehicleModal .modalRemove:hover, #deleteFavoriteVehicleModal .modalRemove:hover, #removeBPSessionModal .modalRemove:hover {
  color: #000000;
  text-decoration: underline;
}

.cart {
  background: #f1f1f1;
}
.cart .emptyCart h4 {
  color: #76767c;
  margin: 40px 0 20px;
}
.cart .emptyCart p {
  color: #76767c;
}
.cart .emptyCart .headFour {
  color: #76767c;
  margin: 10px 0 20px;
  display: block;
}
.cart .itemBox {
  background: #ffffff;
  margin-bottom: 25px;
  padding: 20px 0;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.cart .itemBox .imgPad {
  padding-left: 0;
}
.cart .itemBox img {
  width: 100%;
}
.cart .itemBox p {
  margin-bottom: 40px;
}
.cart .itemBox .cartActions {
  float: right;
}
.cart .itemBox .cartActions .headTwo {
  text-align: right;
  margin-top: 15px;
}
.cart .itemBox .cartActions .list-inline-item {
  float: right;
}
.cart .itemBox .cartActions .list-inline-item a:hover {
  color: #000000;
}
.cart .itemBox .linkGroup {
  width: 100%;
  text-align: right;
}
.cart .itemBox .linkGroup .headSix, .cart .itemBox .linkGroup .feature-list li, .feature-list .cart .itemBox .linkGroup li {
  text-transform: inherit;
  margin: 20px 0 0 0;
  padding-left: 10px;
  border-left: 1px solid #76767c;
  color: #76767c;
  display: inline-block;
  border: none;
  background-color: transparent;
}
.cart .itemBox .linkGroup .headSix:first-child, .cart .itemBox .linkGroup .feature-list li:first-child, .feature-list .cart .itemBox .linkGroup li:first-child {
  border: 0;
}
.cart .itemBox .linkGroup .headSix:hover, .cart .itemBox .linkGroup .feature-list li:hover, .feature-list .cart .itemBox .linkGroup li:hover {
  color: #000000;
}
.cart .shopBox {
  background: #E5E5E9;
  padding: 20px 15px;
  width: 100%;
}
.cart .shopBox h4 {
  padding-bottom: 20px;
  border-bottom: 1px solid #66cc33;
  margin-bottom: 20px;
}
.cart .shopBox .headFive {
  color: #000000;
  margin-bottom: 5px;
}
.cart .shopBox .headFive span {
  color: #76767c;
}
.cart .shopBox .pTwo {
  color: #76767c;
}
.cart .shopBox .blackBtn, .cart .shopBox .blackBtn-disabled {
  width: 100%;
  margin: 20px 0;
}
.cart .shopBox .list-inline a {
  color: #76767c;
  text-decoration: underline;
}
.cart .shopBox .list-inline a:hover {
  color: #000000;
}
.cart .later {
  background: #E5E5E9;
}
.cart .xButton {
  border: 0;
  background: none;
  margin-left: 20px;
}
.cart .xButton svg {
  margin-top: -3px;
  margin-right: 5px;
}

.sixDarkGrey {
  color: #454548;
}

.blackImportant {
  color: #000000 !important;
}

.sale {
  width: 100%;
}
.sale .headFour {
  width: fit-content;
}
.sale .headFour .saleLine {
  width: 110%;
  background: #86868D;
  height: 1px;
  margin-top: -12px;
}
.sale .realPrice div {
  color: #66cc33;
}
.sale .realPrice div span {
  color: #66cc33 !important;
}

.productSavings {
  display: inline-block;
  background-color: #66cc33;
  color: #000000 !important;
  padding: 5px 15px;
  margin-bottom: 10px;
}

.noStock {
  color: #be2424;
}

.safetyResources {
  background-color: #f1f1f1;
}
.safetyResources .card {
  width: 100%;
  border: none;
  border-radius: 0;
  margin-right: 5px;
  background-color: transparent;
}
.safetyResources .card img {
  cursor: pointer;
  object-fit: contain;
  width: 100%;
  /*height: 100%;*/
  /*max-height:100%;
  max-width:100%;*/
  /*height: 100%;*/
}
.safetyResources .able {
  box-shadow: none;
  margin: 0;
  padding-bottom: 10px;
}

.bg-grey2 {
  background-color: #E5E5E9;
}

#heritage .heritageFirst {
  background-image: url("Images/Heritage/heritage_header_xxl@2x.jpg?w=1800");
  background-size: cover;
}
#heritage .mobile {
  display: none;
}
#heritage .backgroundImg {
  max-width: 1560px;
  object-fit: cover;
  height: fit-content;
}
#heritage li {
  list-style: none;
  padding-right: 0;
}
#heritage ul {
  margin-bottom: 0;
}
#heritage .row {
  margin-right: 0;
}
#heritage .topZero {
  top: 0;
}
#heritage .motoEngines {
  background-image: url("/Content/Images/heritage/bg_engines_xxl@2x.jpg?w=1800");
  background-size: cover;
}
#heritage .motoEngines .headThree {
  color: #ffffff;
}
#heritage .motoEngines .copyContainer {
  margin-left: 50%;
  margin-right: 30px;
  margin-top: -60px;
  padding-bottom: 450px;
}
#heritage .motoEngines .rightCopy {
  position: absolute;
  top: 69px;
  left: 50%;
  padding-right: 50px;
}
#heritage .motoEngines .copyMobile {
  padding-top: 40px;
  padding-bottom: 20px;
  background-color: #1f1f1f;
}
#heritage .heritageBackground {
  max-width: 100%;
  max-height: 100%;
}
#heritage .heritageContainer {
  position: relative;
}
#heritage .heritageContainer .header-table {
  margin-top: 60px;
}
#heritage .heritageContainer .headTwo {
  color: #ffffff;
}
#heritage .heritageCenterText {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#heritage .headThree {
  color: #66cc33;
}
#heritage .pOne {
  color: white;
}
#heritage .pOneBoarder {
  border-left: 3px solid #66cc33;
}
#heritage .heroBackground {
  background-color: #000000 !important;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
  position: relative;
}
#heritage .photoRepeat {
  position: relative;
  cursor: pointer;
}
#heritage .photoRepeat svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
#heritage .mainImage {
  padding: 0;
}
#heritage .card {
  width: 100%;
  border: none;
  border-radius: 0;
  margin-right: 5px;
  background-color: transparent;
}
#heritage .card img {
  cursor: pointer;
  object-fit: contain;
  height: 100%;
  /*max-height:100%;
  max-width:100%;*/
  /*height: 100%;*/
}
#heritage .video {
  visibility: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
#heritage div#video-wrapper {
  position: relative;
}
#heritage .aviationContent .headThree {
  color: #ffffff;
}
#heritage .plants {
  background-image: url("Images/Heritage/bg_plants_xxl@2x.jpg?w=1800");
  background-size: cover;
  position: relative;
}
#heritage .plants .backOp {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}
#heritage .plants .row {
  padding: 120px 0;
}
#heritage .plants .row h2, #heritage .plants .row p {
  color: #ffffff;
}
#heritage .trains .headThree {
  color: #000000;
}
#heritage .trains .pOne {
  color: #000000;
  padding-right: 30px;
}
#heritage .robotics {
  background-image: url("Images/heritage/bg_robotics_xxl@2x.jpg?w=1800");
  background-size: cover;
}
#heritage .robotics .pOneBoarder {
  border-left: 3px solid #66cc33;
}
#heritage .robotics .headThree {
  color: #000000;
}
#heritage .robotics .pOne {
  color: #000000;
  padding-right: 30px;
}
#heritage .robotics .imageRunUp {
  margin-top: -240px;
}
#heritage .hydrogen .pOneBoarder {
  border-left: 3px solid #66cc33;
}
#heritage .hydrogen .headThree {
  color: #000000;
}
#heritage .hydrogen .pOne {
  color: #000000;
  padding-right: 30px;
}
#heritage .hydrogen .imageRunUp {
  margin-top: -240px;
}
#heritage .timeline {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c4c4c4+0,f7f7f7+14,f7f7f7+45,c3c3c3+87,c4c4c4+100 */
  background: #c4c4c4; /* Old browsers */
  background: -moz-linear-gradient(left, #c4c4c4 0%, #f7f7f7 14%, #f7f7f7 45%, #c3c3c3 87%, #c4c4c4 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #c4c4c4 0%, #f7f7f7 14%, #f7f7f7 45%, #c3c3c3 87%, #c4c4c4 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #c4c4c4 0%, #f7f7f7 14%, #f7f7f7 45%, #c3c3c3 87%, #c4c4c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#c4c4c4", endColorstr="#c4c4c4",GradientType=1 ); /* IE6-9 */
}
#heritage .timeline .header-table h1.headTwo {
  color: #000000;
}
#heritage .timeline #externalCarousel {
  margin-top: -150px;
}
#heritage .timeline .carousel-item {
  /*background: $white;*/
}
#heritage .timeline .carousel-item .headThree {
  color: #000000;
  margin-top: 200px;
}
#heritage .timeline .carousel-item p {
  color: #000000;
  margin-top: 20px;
}
#heritage .timeline .carousel-item .timeWrap {
  padding: 0;
  margin-top: 40px;
}
#heritage .timeline .carousel-item .timeWrap .timeDot {
  float: left;
  border: 1px solid #ffffff;
  height: 100px;
  width: 100px;
  margin-right: 20px;
  background: #ffffff;
}
#heritage .timeline .carousel-item .timeWrap .timeDot.active {
  border: 1px solid #66cc33;
}
#heritage .timeline .timeSlide .timeBar {
  padding: 0 1px;
  height: 100px;
}
#heritage .timeline .timeSlide .timeBar .clickBack {
  background: #000000;
  height: 100%;
  width: 100%;
  border: 0;
  padding: 0;
}
#heritage .timeline .timeSlide .timeBar .clickBack a {
  outline-color: #ffffff;
}
#heritage .timeline .timeSlide .iconSlide {
  background: #000000;
  padding: 4% 20px 0;
  height: 100%;
}
#heritage .timeline .timeSlide .iconSlide .slider {
  width: 100%;
  margin-bottom: 0 !important;
}
#heritage .timeline .timeSlide .iconSlide .slider .slider-track {
  height: 1px;
  margin-top: 10px;
  background: #515155;
  left: -1px;
}
#heritage .timeline .timeSlide .iconSlide .slider-selection.tick-slider-selection {
  background-image: none;
}
#heritage .timeline .timeSlide .iconSlide .slider-tick-label-container {
  margin-top: -30px;
}
#heritage .timeline .timeSlide .iconSlide .slider-tick-label-container .slider-tick-label {
  color: #A9A9B0;
  cursor: pointer;
}
#heritage .timeline .timeSlide .iconSlide .slider-tick-container {
  bottom: 0;
}
#heritage .timeline .timeSlide .iconSlide .slider-tick {
  width: 10px;
  height: 13px;
  bottom: 0;
  border-radius: 0;
  background: none;
  border-right: 1px solid #515155;
}
#heritage .timeline .timeSlide .iconSlide .slider-tick:first-child {
  height: 20px;
}
#heritage .timeline .timeSlide .iconSlide .slider-tick:nth-child(10n+4) {
  height: 20px;
}
#heritage .timeline .timeSlide .iconSlide .slider-handle {
  background-color: #66cc33;
  background-image: none;
  top: 10px;
  pointer-events: all;
}
#heritage .timeline .timeSlide .pOne {
  color: #000000;
  font-style: italic;
  text-align: center;
  margin-top: 20px;
}
#heritage .timelineMob {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c4c4c4+0,f7f7f7+14,f7f7f7+45,c3c3c3+87,c4c4c4+100 */
  background: #c4c4c4; /* Old browsers */
  background: -moz-linear-gradient(left, #c4c4c4 0%, #f7f7f7 14%, #f7f7f7 45%, #c3c3c3 87%, #c4c4c4 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #c4c4c4 0%, #f7f7f7 14%, #f7f7f7 45%, #c3c3c3 87%, #c4c4c4 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #c4c4c4 0%, #f7f7f7 14%, #f7f7f7 45%, #c3c3c3 87%, #c4c4c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#c4c4c4", endColorstr="#c4c4c4",GradientType=1 ); /* IE6-9 */
}
#heritage .timelineMob .header-table .timeOne.headTwo {
  color: #000000;
  border-bottom: 1px solid #66cc33;
  padding-bottom: 10px;
}
#heritage .timelineMob .carousel-item {
  /*background: $white;*/
}
#heritage .timelineMob .carousel-item .headThree {
  color: #000000;
}
#heritage .timelineMob .carousel-item p {
  color: #000000;
  margin-top: 20px;
}
#heritage .timelineMob .carousel-item .timeWrap {
  padding: 0;
  margin-top: 40px;
}
#heritage .timelineMob .carousel-item .timeWrap .timeDot {
  float: left;
  border: 1px solid #ffffff;
  height: 100px;
  width: 100px;
  margin-right: 20px;
  background: #ffffff;
}
#heritage .timelineMob .carousel-item .timeWrap .timeDot.active {
  border: 1px solid #66cc33;
}

#careers section {
  padding-top: 80px;
}
#careers .lineAddjust {
  line-height: 36px;
}
#careers .bottomBorder {
  border-bottom: 1px solid #dddde4;
}
#careers .bottomBorder:last-of-type {
  border-bottom: none;
}
#careers .readMoreContainer .kawasakiGreen {
  margin-top: -4px;
}
#careers .readMoreContainer .headFive {
  color: #76767c;
  text-decoration: underline;
}
#careers .email {
  color: #000000;
  text-decoration: underline;
}
#careers .list ul {
  list-style-position: inside;
  padding-left: 0;
}
#careers .text-center {
  padding-bottom: 200px;
}

#internationalsites .countryLink {
  color: #76767c;
  text-decoration: underline;
}
#internationalsites .mapIcon {
  width: 15px;
  margin-top: 5px;
}
#internationalsites .bottomBorder {
  border-bottom: 1px solid #dddde4;
}

#kpp a {
  text-decoration: underline;
  color: #000000;
}
#kpp a:hover {
  color: #000000;
}
#kpp #addedBenefits {
  background: #f1f1f1;
}
#kpp #addedBenefits a {
  text-decoration: none;
}
#kpp #addedBenefits .card {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: none;
  border: none;
  border-radius: 0;
  height: 100%;
}
#kpp #addedBenefits .promoBox {
  background: #ffffff;
  height: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
#kpp #addedBenefits .promoContent {
  padding: 20px 20px 30px;
}
#kpp #addedBenefits .greenLine {
  width: 20px;
  height: 5px;
  background-color: #66cc33;
}

.kppUs {
  background: #f1f1f1;
}

#legal section {
  padding: 100px 0 0px;
}
#legal .divider {
  border-bottom: 1px solid #E5E5E9;
  /*@include greenBorderRightGrey;*/
}
#legal button {
  background: none;
  border: 0;
  border-top: 1px solid #E5E5E9;
  border-bottom: 1px solid #E5E5E9;
  width: 100%;
  text-align: left;
  padding: 20px 0;
  text-transform: uppercase;
}
#legal button .fa-plus {
  display: none;
}
#legal button .fa-minus {
  display: block;
}
#legal button.collapsed .fa-plus {
  display: block;
}
#legal button.collapsed .fa-minus {
  display: none;
}
#legal svg {
  height: 20px;
}
#legal svg path {
  fill: #66cc33;
}

#indsLinks .row {
  margin: 0 !important;
}
#indsLinks .headFour {
  color: #505055;
}
#indsLinks .promoContent p {
  color: #76767c;
}
#indsLinks .disclaimer {
  margin: 0;
}

.indsLinksContainer {
  background: #f1f1f1;
}
.indsLinksContainer .pt-xs-3 {
  padding-top: 15px;
}
.indsLinksContainer .pTwo {
  text-decoration: underline;
  color: #66cc33;
}
.indsLinksContainer .promoContainer {
  /*cursor: pointer;*/
}
.indsLinksContainer .promoContainer:hover .headFive {
  color: #000000;
}
.indsLinksContainer .promoContainer:hover .promoBox {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  text-decoration: none;
}
.indsLinksContainer .promoBox {
  background: #ffffff;
  height: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.indsLinksContainer img {
  max-width: 100%;
  padding: 20px;
  display: block;
  margin: auto;
}
.indsLinksContainer .promoContent {
  padding: 20px 20px 30px;
}
.indsLinksContainer .promoContent h2 {
  margin-bottom: 10px;
}
.indsLinksContainer .promoContent .ends {
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
}
.indsLinksContainer .promoContent p {
  margin-bottom: 10px;
}
.indsLinksContainer .blackBtn {
  margin: 80px auto 0;
  display: table;
}
.indsLinksContainer .card {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: none;
  border: none;
  border-radius: 0;
  height: 100%;
}

.corporateInfo {
  background: #f1f1f1;
}
.corporateInfo .row {
  width: 100%;
}
.corporateInfo .contact {
  text-decoration: underline;
  color: #000000;
}
.corporateInfo section {
  padding: 100px 0 0px;
}
.corporateInfo .pt-xs-3 {
  padding-top: 15px;
}
.corporateInfo .promoContainer {
  margin-bottom: 30px;
}
.corporateInfo .promoContainer:hover .headFive {
  color: #000000;
  text-align: left;
}
.corporateInfo .promoContainer:hover .promoBox {
  /*@include boxShadowHover;*/
  text-decoration: none;
}
.corporateInfo .promoBox {
  background: #ffffff;
  height: 100%;
  /*@include boxShadow;*/
}
.corporateInfo img {
  width: 100%;
  padding: 40px;
}
.corporateInfo .promoContent {
  padding: 20px 100px 30px 20px;
}
.corporateInfo .promoContent h2 {
  margin-bottom: 10px;
}
.corporateInfo .promoContent .ends {
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
}
.corporateInfo .promoContent p {
  /*margin-bottom: 10px;*/
  text-align: left;
}
.corporateInfo .blackBtn {
  margin: 80px auto 0;
  display: table;
}
.corporateInfo .card {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: none;
  border: none;
  border-radius: 0;
  height: 100%;
}

#CartModal .modelBar {
  margin-bottom: 20px;
}

#WishlistModal .modelBar {
  margin-bottom: 20px;
}

#WishlistModal .modal-content-wishlist {
  margin-top: 155px;
}

#CartModal .modal-content-cart {
  margin-top: 155px;
}

#togetherModal .modelBar {
  margin-bottom: 0;
}
#togetherModal .modal-body {
  background: #E5E5E9;
}
#togetherModal .modal-body .out {
  color: #be2424;
  margin-bottom: 20px;
}
#togetherModal .modal-body img {
  margin-bottom: 10px;
}
#togetherModal .modal-body .msrp {
  color: #76767c;
}
#togetherModal .modal-body .msrp span {
  color: #76767c;
  margin-right: 5px;
}
#togetherModal .modal-body .modalButtonPad {
  margin-bottom: 10px;
}
#togetherModal .modal-body .modalButtonPad .blackBtn {
  width: 100%;
}
#togetherModal .modal-body .modalButtonPad .blackBtn .triangle {
  margin-top: 10px;
}
#togetherModal .modal-body .continue {
  color: #66cc33;
  text-decoration: underline;
  margin: 20px auto;
  display: block;
  text-align: center;
}

.pricePad {
  padding: 25px 16px;
}

.skuPad {
  padding: 5px 16px;
}

.modalButtonPad {
  padding-left: 15px;
  margin-bottom: 40px;
}

.modalClose {
  color: #66cc33 !important;
  display: inline-block;
  float: right;
  font-size: 17px;
  cursor: pointer;
}

.subscribe {
  background: #f1f1f1;
  min-height: 800px;
}
.subscribe p {
  color: #000000;
}
.subscribe .update {
  background: #ffffff;
  padding: 30px;
}
.subscribe .update h2 {
  color: #000000;
  margin-bottom: 20px;
}
.subscribe .connect .pTwo {
  margin-bottom: 20px;
}
.subscribe .connect .blackBtn {
  margin: 10px 0 20px;
}
.subscribe .connect .unLink {
  color: #505055;
  text-decoration: underline;
}
.subscribe .connect .unLink:hover {
  color: #000000;
}
.subscribe .thanks {
  text-align: center;
  padding-top: 60px;
}
.subscribe .thanks h2 {
  margin-bottom: 20px;
}

.contactUs {
  background: #f1f1f1;
}
.contactUs .contactBox {
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  padding: 1px 30px 30px;
}
.contactUs .contactBox h5 {
  margin: 30px 0 15px;
}
.contactUs form {
  padding-left: 30px;
}
.contactUs form h3 {
  color: #505055;
}
.contactUs form .fillOut {
  margin: 15px 0;
}
.contactUs form a {
  color: #000000;
  text-decoration: underline;
}

.government .headIt img {
  max-width: 100%;
  margin-bottom: 30px;
}
.government .headIt p {
  margin-bottom: 20px;
}
.government .headIt .unLink {
  color: #76767c;
  text-decoration: underline;
}
.government .headIt .unLink:hover {
  color: #000000;
}
.government .colorBack {
  background: #f1f1f1;
}
.government .modelBar h2 {
  color: #ffffff;
}
.government .modelBar h2 span {
  color: #66cc33;
  font-weight: 400;
}
.government .subcategoryContainer .headFour {
  text-transform: inherit;
}
.government .subcategoryContainer .leftGreenBorder {
  border-left: 3px solid #66cc33;
}
.government .subcategoryContainer .leftGreenBorder h3 {
  color: #5a5a60;
  margin-left: 10px;
}
.government .subcategoryContainer .card-deck {
  margin: 40px 0 0;
}
.government .subcategoryContainer .greenSpacer {
  height: 5px;
  width: 30px;
  background: #66cc33;
  margin: 10px auto;
}
.government .subcategoryContainer .apparelContainer {
  text-align: center;
  padding-bottom: 0;
}

.latest .promoContainer {
  cursor: pointer;
}
.latest .promoContainer .promo-img {
  background: #000000;
  border-bottom: 3px solid #66cc33;
}
.latest .promoContainer:hover .promoBox {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  text-decoration: none;
}
.latest .promoBox {
  background: #ffffff;
  height: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.latest img {
  margin: auto;
  display: block;
  max-width: 100%;
}
.latest .promoContent {
  padding: 20px 20px 30px;
}
.latest .promoContent .ends {
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.latest .card {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: none;
  border: none;
  border-radius: 0;
  height: 100%;
}
.latest .reviews .card-deck {
  margin-bottom: 40px;
}
.latest .reviews .card-deck .row {
  margin: 0;
}
.latest .reviews .card-deck .card {
  padding-bottom: 20px;
}

#requestAQuoteConfirmationInfo {
  background: #f1f1f1;
}

.warranty .prodcutsWarranty {
  margin-left: 15px;
  margin-right: 15px;
}
.warranty .prodcutsWarranty .headFive {
  text-transform: initial;
  margin-top: 2px;
}
.warranty .prodcutsWarranty .headSix, .warranty .prodcutsWarranty .feature-list li, .feature-list .warranty .prodcutsWarranty li {
  margin-top: 4px;
}
.warranty .prodcutsWarranty .b-bottom {
  border-bottom: 1px solid #dddde4;
  /*background: red;*/
}
.warranty .border-none {
  border: none;
}
.warranty .border-left {
  display: none;
}
.warranty .border-left-compare {
  display: none;
}
.warranty h2 {
  margin-bottom: 10px;
}
.warranty img {
  max-width: 100%;
}
.warranty .title {
  color: #ffffff;
}
.warranty .modelBar a {
  font-family: Oswald;
  text-decoration: none;
  color: #dddde4;
  text-transform: uppercase;
  cursor: pointer;
}
.warranty .modelBar a:hover {
  color: #ffffff;
}
.warranty .desc {
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 100px;
}
.warranty .hppButton {
  background-color: rgba(0, 0, 0, 0.5);
}
.warranty .protectionPlus {
  background-color: rgb(0, 0, 0);
}
.warranty .searchVinHin {
  background-color: #f1f1f1;
}
.warranty .selectTag .form-control {
  max-width: inherit;
}
.warranty .corporation {
  background-image: url("/Content/Images/warranty_header_xxl.jpg");
  background-size: cover;
  padding-bottom: 280px;
}
.warranty .corporation h2 {
  color: #66cc33;
}
.warranty .corporation p {
  color: #ffffff;
}
.warranty .blk-color {
  color: #000000;
}
.warranty .otherModels {
  background-color: #f1f1f1;
}
.warranty .modal-header {
  background-color: #202022;
  padding-left: 0;
  border: 0;
  margin-top: -25px;
}
.warranty .modal-content {
  border: 0;
}
.warranty .modal-icon {
  margin: 20px 0 0 60px;
  width: 70px;
  height: 70px;
}
.warranty .modal-title {
  color: #ffffff;
}
.warranty .closeTech {
  cursor: pointer;
  height: 45px;
  width: 45px;
  position: absolute;
  top: 38px;
  right: 25px;
  z-index: 100;
}
.warranty .closeTech svg {
  margin-left: 15px;
}
.warranty .closeTech svg path {
  fill: #66cc33;
  height: 25px;
}

.history h2 {
  margin-bottom: 10px;
}
.history img {
  /*max-width: 100%;*/
  width: 100%;
}
.history .corporation {
  background-image: url("/Content/Images/History/khi_header_xxl@2x.jpg");
  background-size: cover;
}
.history .corporation h1 {
  color: #ffffff;
}
.history .corporation p {
  color: #ffffff;
  padding: 60px 0;
}
.history .village {
  background-image: url("/Content/Images/History/img_shozo_xxl@2x.jpg");
  background-size: cover;
}
.history .village .row {
  padding: 60px 0;
}
.history .during {
  padding: 0 10%;
}
.history .freight {
  background: #202022;
}
.history .freight .following {
  padding: 0 10%;
}
.history .freight .following h2, .history .freight .following p {
  color: #ffffff;
}
.history .bicycle {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e6e5ea+1,ecebf0+40,e6e5ea+64,e6e5ea+100 */
  background: #e6e5ea; /* Old browsers */
  background: -moz-linear-gradient(top, #e6e5ea 1%, #ecebf0 40%, #e6e5ea 64%, #e6e5ea 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e6e5ea 1%, #ecebf0 40%, #e6e5ea 64%, #e6e5ea 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e6e5ea 1%, #ecebf0 40%, #e6e5ea 64%, #e6e5ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e6e5ea", endColorstr="#e6e5ea",GradientType=0 ); /* IE6-9 */
}
.history .bicycle .rideIt {
  padding: 60px 10%;
}
.history .ship {
  background-image: url("/Content/Images/History/img_kawiPort@2x.jpg");
  background-size: cover;
}
.history .ship .row {
  padding: 120px 0;
}
.history .ship .row h2, .history .ship .row p {
  color: #ffffff;
}
.history .principles section {
  padding-left: 10%;
  padding-right: 10%;
}
.history .sector {
  padding-bottom: 500px;
  background-size: cover;
  background-position: center;
  background-image: url("/Content/Images/History/img_bridge_xxl@2x.jpg");
}
.history .sector section {
  padding-left: 10%;
  padding-right: 10%;
}
.history .sector img {
  margin-top: -30px;
}
.history .environment {
  background-size: cover;
  background-image: url("Images/History/img_globalMap_xxl@2x.jpg");
  padding: 0 30px;
}
.history .environment h2, .history .environment p {
  color: #ffffff;
}
.history .name {
  padding: 120px 0;
  background-size: cover;
  background-image: url("Images/History/img_100years_xxl@2x.jpg");
}

.ushistory img {
  margin-bottom: 20px;
}
.ushistory h2 {
  margin-top: 20px;
}
.ushistory h2.withTop {
  padding-top: 40px;
  margin-top: 40px;
}
.ushistory p {
  margin-top: 20px;
}
.ushistory span.headTwo {
  white-space: nowrap;
  display: block;
}
.ushistory span.headThree {
  white-space: nowrap;
  display: block;
}
.ushistory span.withTop {
  border-top: 1px solid #D7D7DA;
  padding-top: 40px;
  margin-top: 40px;
}
.ushistory .historyHeader {
  margin-top: 20px;
}

.usCompanies img {
  margin-bottom: 60px;
}
.usCompanies .categories {
  border-bottom: 1px solid #D7D7DA;
}
.usCompanies .categories h2 {
  margin-top: 30px;
}
.usCompanies .categories p {
  margin-top: 20px;
}
.usCompanies .categories .blackBtn {
  margin: 30px 0;
}

.recall .searchVin {
  text-align: center;
  background: #D7D7DA;
  padding: 30px 15px;
}
.recall .searchVin h4 {
  margin-bottom: 20px;
}
.recall .searchVin a {
  display: block;
  margin: 10px 0;
  color: #000000;
  text-decoration: underline;
}
.recall .searchVin .flex-nowrap {
  max-width: 320px;
  margin: auto;
}
.recall .searchVin .input-group-append {
  margin-left: -1px;
}
.recall .searchVin input {
  border-right: 0;
}
.recall .searchVin button {
  background-color: #fff;
  color: #000;
  /*background-clip: padding-box;*/
  border: 1px solid #ced4da;
  /*border-radius: 0.25rem;*/
  border-left: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.recall .searchVin .formTemp {
  background: none;
}
.recall .safety h3 {
  margin-bottom: 20px;
}
.recall .safety p {
  margin-bottom: 20px;
}

#recallAccordion {
  margin: 40px 0;
  border-bottom: 1px solid #E5E5E9;
}
#recallAccordion .row {
  margin: 0;
}
#recallAccordion button {
  background: none;
  border: 0;
  border-top: 1px solid #E5E5E9;
  width: 100%;
  text-align: left;
  padding: 20px 0;
  text-transform: uppercase;
}
#recallAccordion button .header-title {
  width: 80%;
  float: left;
  text-transform: none;
}
#recallAccordion button .fa-plus {
  display: none;
}
#recallAccordion button .fa-minus {
  display: block;
}
#recallAccordion button .headFour {
  margin-right: 20px;
  position: relative;
}
#recallAccordion button .headFour .float-right {
  position: absolute;
  top: 0px;
  right: -19px;
}
#recallAccordion button .headFour .float-right svg {
  fill: #505055;
}
#recallAccordion button.collapsed .fa-plus {
  display: block;
}
#recallAccordion button.collapsed .fa-minus {
  display: none;
}
#recallAccordion svg {
  height: 20px;
  width: 15px;
  margin-top: 5px;
}
#recallAccordion svg path {
  fill: #505055;
}
#recallAccordion p {
  margin-bottom: 15px;
}
#recallAccordion p b {
  margin-right: 10px;
}
#recallAccordion p a {
  color: #505055;
}
#recallAccordion p a:hover {
  color: #000000;
  text-decoration: underline;
}

.general .header-table h1 {
  color: #ffffff;
}
.general .generalHeader {
  background-size: cover;
  background-position: center;
  min-height: 500px;
}
.general .ecoInfo {
  background-image: url("/Content/Images/EcoInfo/eco_header.jpg");
  height: 400px;
}
.general .genBox {
  background: rgba(0, 0, 0, 0.7);
  padding: 20px;
  width: 500px;
}
.general .genBox .headFive {
  color: #76767c;
}
.general .genBox .genHead {
  color: #ffffff;
  border-bottom: 1px solid #66cc33;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.general .genBox .pOne {
  color: #ffffff;
}
.general .genBox .hppButton {
  margin: 20px 0;
}
.general .genBox .disclaimer {
  color: #dddde4;
}
.general .listing {
  background: #f1f1f1;
}
.general .listing .card-deck {
  margin: 0;
}
.general .listing .col-md-4 {
  margin: 30px 0 0;
}
.general .listing a {
  text-decoration: none;
}
.general .listing .promoContainer {
  cursor: pointer;
}
.general .listing .promoContainer:hover .promoBox {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  text-decoration: none;
}
.general .listing .promoBox {
  background: #ffffff;
  height: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.general .listing .promoContent {
  padding: 20px 20px 30px;
}
.general .listing .card {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: none;
  border: none;
  border-radius: 0;
  height: 100%;
}
.general .listing .month {
  margin-bottom: 60px;
}
.general .listing .month .monthFour {
  color: #505055;
}
.general .listing .month .headFive {
  margin: 10px 0 5px;
}
.general .listing .month .discover {
  border-top: 1px solid #66cc33;
  padding: 20px 0;
  margin-top: 20px;
}
.general .listing .month .greenLine {
  width: 100%;
  height: 1px;
  background: #66cc33;
  margin: 20px 0;
}
.general .listing .filterBox .headFive {
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.eventDetail a.grey {
  color: #76767c;
  display: inline-block;
  margin-bottom: 40px;
}
.eventDetail a.grey:hover {
  color: #76767c;
  text-decoration: underline;
}
.eventDetail img {
  max-width: 100%;
}
.eventDetail .topSec {
  border-bottom: 1px solid #E5E5E9;
}
.eventDetail .topSec h2 {
  margin-bottom: 20px;
}
.eventDetail .topSec .headFive {
  margin: 20px 0;
}
.eventDetail .topSec .headFive svg {
  margin: -5px 5px 0 0;
}
.eventDetail .btmSec b.pOne {
  margin-top: 40px;
  font-weight: 700;
  display: block;
}
.eventDetail .btmSec p {
  margin-top: 20px;
}
.eventDetail .btmSec ul {
  margin: 20px 0 40px;
}
.eventDetail .btmSec ul li {
  font-family: Fira Sans;
}
.eventDetail .productDropdown option:disabled {
  text-decoration: line-through !important;
}

#pageNotFound {
  background-color: #0F0F10;
}
#pageNotFound .headerImage {
  background-image: url(/Content/Images/PageNotFound/404_header_xxl.jpg);
  background-size: cover;
}
#pageNotFound .headerImage .headOne {
  color: #ffffff;
  padding-bottom: 35px;
  padding-top: 35px;
}
#pageNotFound .motoGuy {
  max-height: 370px;
}
#pageNotFound .bottomNotFound .pTwo {
  color: #ffffff;
}
#pageNotFound .bottomNotFound .bottomBorder {
  border-bottom: 5px solid #66cc33;
  width: 40px;
}
#pageNotFound .bottomNotFound .whiteBorderBottom {
  border-bottom: 5px solid #ffffff;
  width: 40px;
}
#pageNotFound .bottomNotFound .headFour {
  color: #ffffff;
}
#pageNotFound .bottomNotFound .mapCopy {
  left: 50%;
  top: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
#pageNotFound .bottomNotFound .mapIcon {
  background-image: url("Images/location.png");
}

.loginRegister {
  background: #f1f1f1;
}
.loginRegister .login .headThree {
  margin-top: 20px;
}
.loginRegister a.headSix {
  color: #76767c;
  text-decoration: underline;
  margin-left: 20px;
}
.loginRegister a.headSix:hover {
  color: #000000;
}
.loginRegister .register {
  background: #fff;
  padding: 20px;
}

.reset .blackBtn {
  display: block;
  margin: 60px auto 200px;
}

.seperatorLine {
  width: 100%;
  margin: -1px auto 0;
  height: 1px;
  background: #B5B5B9;
}

.genericLink {
  color: #76767c;
  text-decoration: underline;
}
.genericLink:hover {
  color: #000000;
  text-decoration: underline;
}

.genericLinkDark {
  color: #A7A7AA;
  text-decoration: underline;
}
.genericLinkDark:hover {
  color: #ffffff !important;
  text-decoration: underline;
}

.genericLinkSub {
  color: #76767c;
  text-decoration: none;
  border-bottom: solid;
  border-bottom-width: 1px;
  display: inline-block;
}
.genericLinkSub:hover {
  color: #000000;
  text-decoration: none;
}

.no-bottom-padding {
  padding-bottom: 0;
}

.SelectorDisabled {
  opacity: 0.3;
}

span.SelectorDisabled {
  opacity: 1 !important;
}

.overList {
  height: 305px;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-bottom: 20px;
  padding-left: 1px;
}

#SearchString {
  max-width: inherit;
}

.SearchEntry {
  max-width: inherit;
}

.suggested-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 9999;
  top: 100%;
  left: 0;
  right: 0;
  border-radius: 5px 5px 5px 5px;
  margin-top: 5px;
}

.suggested-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
  word-break: break-word;
}

.suggested-items div:first-child {
  border-radius: 5px 5px 0px 0px;
}

.suggested-items div:last-child {
  border-radius: 0px 0px 5px 5px;
}

.suggested-items div.active {
  background-color: #66cc33;
  color: #ffffff;
}

.suggested-items div:hover {
  background-color: #66cc33;
  color: #ffffff;
}

.suggested {
  position: relative;
  display: inline-block;
}

.btn-main-search {
  background-color: #66cc33 !important;
  border-color: #66cc33 !important;
}

.flat-ada-button {
  width: 100%;
  border: none;
}

.transparent-ada-button {
  background-color: transparent;
  border: none;
}

#careers .nameDate .pOne {
  margin-top: 6px;
}

#company {
  background: #f1f1f1;
}
#company img {
  margin-bottom: 60px;
}
#company .card {
  padding: 20px;
  margin-bottom: 20px;
  height: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
#company .card:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
}
#company .card h2 {
  border-bottom: 1px solid #66cc33;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#company .heavyInd a {
  display: block;
  margin-bottom: 60px;
}
#company .heavyInd .headFour {
  margin-bottom: 30px;
}
#company .heavyInd p {
  margin-bottom: 20px;
}

.press {
  background: #E5E5E9;
}
.press .releaseOpt {
  display: block;
  position: relative;
}
.press .releaseOpt .pressGradient {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 150px;
  width: 100%;
  background: black;
  background: linear-gradient(0deg, transparent 45%, rgba(0, 0, 0, 0.868785) 90%);
  z-index: 2;
}
.press .releaseOpt .head-text-container {
  position: absolute;
  left: 0px;
  top: 32px;
  text-align: center;
  width: 100%;
  z-index: 3;
}
.press .releaseOpt .head-text-container h3 {
  color: #ffffff;
  border-left: 3px solid #66cc33;
  padding-left: 10px;
  display: inline-block;
}

.searchResults {
  background: #f1f1f1;
}
.searchResults .searchTop {
  margin-bottom: 60px;
}
.searchResults .searchTop input[type=search] {
  /*border: 1px solid $bg-grey3;*/
  border-right: none;
}
.searchResults .searchTop .btn {
  background: #ffffff;
  border: 1px solid #D7D7DA;
  border-left: 0;
}
.searchResults .compareContent .resultItem {
  margin-top: 10px;
}
.searchResults .compareContent .resultItem .contentDesc {
  margin-top: 20px;
}
.searchResults .compareContent .resultItem .contentDesc img {
  width: 100%;
  max-width: 500px;
}
.searchResults .compareContent .resultItem .contentDesc .headFive {
  margin-bottom: 10px;
  display: block;
  color: #76767c;
  border-bottom: 1px solid #76767c;
  width: fit-content;
}
.searchResults .compareContent .resultItem .contentDesc .headFive:hover {
  color: #000000;
}
.searchResults .compareContent .resultItem .contentDesc .search-p-content img {
  width: 100%;
  max-width: 500px;
}
.searchResults .compareContent .searchPager .page-item .page-link {
  background: #454548;
  color: #ffffff;
  cursor: pointer;
  padding: 15px 20px;
}
.searchResults .compareContent .searchPager .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: #000000;
}
.searchResults .compareContent .searchPager .page-item:first-child .page-link .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #66cc33;
  margin: 6px 10px 0 0;
  display: inline-block;
  vertical-align: top;
  transform: rotate(180deg);
}
.searchResults .compareContent .searchPager .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: #000000;
}
.searchResults .compareContent .searchPager .page-item:last-child .page-link .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #66cc33;
  margin: 6px 0 0 10px;
  display: inline-block;
  vertical-align: top;
}
.searchResults .compareContent .searchPager .page-item.active .page-link {
  background-color: #66cc33;
  border-color: #dee2e6;
  color: #000000;
}
.searchResults .compareContent .featuredResult {
  background: #ffffff;
  padding-top: 60px;
}
.searchResults .compareContent .featuredResult .availColor li {
  width: 25px;
  height: 25px;
  border-radius: 20px;
  border: 1px solid #000000;
}
.searchResults .compareContent .featuredResult .rightSide .botLinks {
  text-align: center;
  background: #E5E5E9;
  border-top: 2px solid #66cc33;
  padding: 20px 0;
  margin-top: 60px;
}
.searchResults .compareContent .featuredResult .rightSide .botLinks .col-4 {
  border-right: 1px solid #B5B5B9;
}
.searchResults .compareContent .featuredResult .rightSide .botLinks .col-4:last-child {
  border: 0;
}
.searchResults .compareContent .featuredResult .rightSide .botLinks .col-4 svg {
  margin-bottom: 15px;
}
.searchResults .compareContent .featuredDealer {
  background: #ffffff;
}
.searchResults .compareContent .featuredDealer .dealName {
  padding: 50px 15px 0 60px;
}
.searchResults .compareContent .featuredDealer .dealName a {
  color: #000000;
}
.searchResults .compareContent .featuredDealer .dealName a:hover {
  color: #000000;
}
.searchResults .compareContent .featuredDealer .rightSide .directions {
  padding: 20px 20px 20px 0;
  border-bottom: 1px solid #E5E5E9;
  margin-bottom: 40px;
}
.searchResults .compareContent .featuredDealer .rightSide .directions a:hover {
  color: #000000;
}
.searchResults .compareContent .featuredDealer .rightSide .directions svg {
  height: 20px;
  width: 20px;
  margin: -4px 0 0 10px;
}
.searchResults .compareContent .featuredDealer .rightSide .directions svg path {
  fill: #66cc33;
}
.searchResults .compareContent .featuredDealer .rightSide .topRight .col-6 {
  text-align: center;
}
.searchResults .compareContent .featuredDealer .rightSide .topRight .col-6 img {
  margin: auto;
}
.searchResults .compareContent .featuredDealer .rightSide .botLinks {
  text-align: center;
  background: #E5E5E9;
  border-top: 2px solid #66cc33;
  padding: 20px 0;
  margin-top: 60px;
}
.searchResults .compareContent .featuredDealer .rightSide .botLinks .col-4 {
  border-right: 1px solid #B5B5B9;
}
.searchResults .compareContent .featuredDealer .rightSide .botLinks .col-4:last-child {
  border: 0;
}
.searchResults .compareContent .featuredDealer .rightSide .botLinks .col-4 svg {
  margin-bottom: 15px;
}

.disBox {
  background: #E5E5E9;
  padding: 20px 15px;
  width: 100%;
}
.disBox form {
  margin: 5px 0 10px 0;
}
.disBox form input {
  margin-right: 5px;
}
.disBox .sumRel {
  padding-bottom: 20px;
  border-bottom: 1px solid #66cc33;
  margin: 0 0 20px;
}
.disBox a {
  text-decoration: underline;
  color: inherit;
}
.disBox a.blackBtn {
  color: #ffffff;
  text-decoration: none;
  width: 100%;
}
.disBox .headFive {
  color: #000000;
  margin-bottom: 5px;
}
.disBox .headFive span {
  color: #76767c;
}
.disBox .footerBtn {
  border: 0;
  padding: 20px 25px;
  width: 100%;
}
.disBox .footerBtn .triangle {
  float: none;
  display: inline-block;
  vertical-align: top;
}
.disBox .needHelp {
  padding: 0;
}

.checkout {
  background: #f1f1f1;
}
.checkout .header-table {
  margin: 0;
}
.checkout .form-control {
  max-width: 100%;
}
.checkout .formTemp .radio-group .form-check {
  border: 0;
}
.checkout .ups a {
  text-decoration: underline;
  color: #000000;
}
.checkout h4 {
  margin: 40px 0 20px;
}
.checkout .steps {
  border-left: 5px solid #66cc33;
  padding-left: 5px;
}
.checkout .steps .headFour {
  color: #505055;
}
.checkout .twinInfo h3 {
  color: #505055;
}
.checkout .selectTag {
  margin-bottom: 0;
}

.formTemp {
  background: #f1f1f1;
  /*this is for with button*/
  /*this is for without button with backgrorund spyglass*/
}
.formTemp .header-table {
  margin-bottom: 0;
}
.formTemp .fShead {
  margin: 80px 0 40px;
  width: 100%;
}
.formTemp input, .formTemp select, .formTemp textarea {
  max-width: 100%;
}
.formTemp .was-validated .form-control:invalid, .formTemp .form-control.is-invalid .selectTag {
  background-image: none;
}
.formTemp .was-validated .form-control:valid, .formTemp .form-control.is-valid {
  background-image: none;
  border: 0;
}
.formTemp .invalid-feedback {
  font-weight: 700;
}
.formTemp .errorMessage {
  color: #be2424;
  font-weight: 700;
}
.formTemp .selectTag .invalid-feedback {
  margin-top: 50px;
}
.formTemp .search-Input {
  width: 100%;
  max-width: 475px;
}
.formTemp .searchInput {
  width: 100%;
  max-width: 400px;
}
.formTemp .searchInput input {
  background-image: url("/Content/Images/search.jpg");
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: 20px;
  padding-right: 10px;
}
.formTemp .searchInput .searchBtn {
  position: absolute;
  right: 8px;
  top: 31px;
  border: 0;
  background: 0;
}
.formTemp .radioGroup .headFive {
  margin-bottom: 5px;
}
.formTemp .radioGroup .form-check {
  padding: 25px 1.25rem;
  border-bottom: 1px solid #D7D7DA;
}
.formTemp .radioGroup .form-check .form-check-input {
  margin-top: 3px;
}
.formTemp textarea {
  height: 200px;
}
.formTemp .contact-table td {
  padding: 4px;
  vertical-align: middle;
}
.formTemp .contact-table td:last-child {
  padding-top: 4px;
}

.dealerResults {
  border-top: 1px solid #D7D7DA;
  margin-top: 40px;
}
.dealerResults .dealerList {
  background: #e5e4e9;
  padding: 20px;
  margin-top: 40px;
}
.dealerResults .inStock {
  background: #66cc33;
  padding: 5px;
}
.dealerResults address {
  margin-bottom: 40px;
}
.dealerResults address a:hover {
  color: inherit;
}
.dealerResults .blackBtn {
  margin: 0 20px 20px 0;
}

.configurator .heroBackground {
  background: #000000;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
}
.configurator .heroBackground .container {
  position: relative;
  min-height: 500px;
}
.configurator .heroBackground .container .disclaimer-desktop {
  position: absolute;
  bottom: 0px;
  left: 25px;
  color: #ffffff;
}
.configurator .heroBackground img {
  width: 100%;
}
.configurator .heroCaption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: inherit;
  width: 40%;
}
.configurator .heroCaption .list-inline {
  margin-bottom: 0;
}
.configurator .heroCaption a {
  color: #76767c;
  border-right: 1px solid #76767c;
  padding-right: 1rem;
}
.configurator .heroCaption a:hover, .configurator .heroCaption a.active {
  color: #66cc33;
  text-decoration: none;
}
.configurator .heroCaption li:last-child a {
  border: none;
}
.configurator .heroCaption h2 {
  text-transform: initial;
}
.configurator .heroCaption h2, .configurator .heroCaption h3, .configurator .heroCaption p {
  color: #ffffff;
}

.faq svg {
  height: 20px;
  width: 20px;
  margin: -1px 0 0 -6px;
}
.faq svg path {
  fill: #76767c;
}
.faq:hover {
  color: #000000;
}
.faq .accordion {
  border-bottom: 1px solid #E5E5E9;
}
.faq .accordion .row {
  margin: 0;
}
.faq .accordion button {
  background: none;
  border: 0;
  border-top: 1px solid #E5E5E9;
  width: 100%;
  text-align: left;
  padding: 20px 0;
  text-transform: uppercase;
}
.faq .accordion button .fa-plus {
  display: none;
}
.faq .accordion button .fa-minus {
  display: block;
}
.faq .accordion button:first-child {
  /*border-top: none*/
}
.faq .accordion button.collapsed .fa-plus {
  display: block;
}
.faq .accordion button.collapsed .fa-minus {
  display: none;
}
.faq .accordion svg {
  height: 20px;
  width: 15px;
}
.faq .accordion svg path {
  fill: #66cc33;
}
.faq .accordion p {
  /*margin-bottom: 20px;*/
}

.faqGeneral svg {
  height: 20px;
  width: 20px;
  margin: -1px 0 0 -6px;
}
.faqGeneral svg path {
  fill: #76767c;
}
.faqGeneral svg:hover {
  color: #66cc33;
}
.faqGeneral .accordion {
  border-bottom: 1px solid #E5E5E9;
  /*button:first-child {
          border-top: none
      }*/
}
.faqGeneral .accordion .row {
  margin: 0;
}
.faqGeneral .accordion button {
  background: none;
  border: 0;
  border-top: 1px solid #E5E5E9;
  width: 100%;
  text-align: left;
  padding-top: 20px;
  text-transform: uppercase;
}
.faqGeneral .accordion button .fa-plus {
  display: none;
}
.faqGeneral .accordion button .fa-minus {
  display: block;
}
.faqGeneral .accordion button.collapsed .fa-plus {
  display: block;
}
.faqGeneral .accordion button.collapsed .fa-minus {
  display: none;
}
.faqGeneral .accordion svg {
  height: 20px;
  width: 15px;
}
.faqGeneral .accordion svg path {
  fill: #66cc33;
}
.faqGeneral .accordion p {
  margin-bottom: 20px;
}

/*hack for form select fieldset reloading page in safari*/
.safari select {
  font-family: inherit;
}

.rotateIcon360 {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
}

.rotateIcon360:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}

.removeRowMargin {
  margin: 0;
}

.sticky-safari {
  position: -webkit-sticky; /* Safari */
  top: 0;
}

.removeUppercase {
  text-transform: none;
}

.svgPlaybuttonOffset {
  left: -10px;
}

.font-oswald-important {
  font-family: Oswald !important;
}

.v-none {
  visibility: hidden !important;
}

.tenPxLeft {
  left: 10px;
}

/*needs stop change but request a quote needs a rebuild*/
.carretCenterReuest {
  float: right;
  padding-right: 20px;
  margin-top: 16px;
}

_:-ms-lang(x), .ieTopFix {
  top: 32px;
}

_:-ms-lang(x), .carretCenterReuest {
  display: none;
}

_:-ms-lang(x), .carretCenterReuest {
  display: none;
}

_:-ms-lang(x), .marginRightIEFix {
  margin-right: -100px;
}

/*select::-ms-expand {
    display: none;
}*/
/*ie 10 styles only*/
html[data-useragent*="MSIE 10.0"] .hppSlider .carousel-indicators {
  margin-left: 49%;
  display: block;
}
html[data-useragent*="MSIE 10.0"] .offersSlider .carousel-indicators {
  margin-left: 49%;
  display: block;
}
html[data-useragent*="MSIE 10.0"] .compareVehicles .typeCompare {
  margin-top: 20px;
}

.invalid-feedback {
  color: #be2424;
  font-weight: 700;
}

.text-danger {
  color: #be2424 !important;
}

/*1280px 720px*/
#configurator-box {
  max-height: 720px;
  max-width: 1280px;
  margin: auto;
}
#configurator-box .configurator-iframe {
  height: 100%;
  width: 100%;
  position: absolute;
  max-height: 720px;
  max-width: 1280px;
  border: none;
}

.white-text {
  color: #ffffff !important;
}

.ownHome .wordWrap {
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  padding: 0 20px;
}
.ownHome h2 {
  color: #ffffff;
  text-align: center;
}

.parts .diagrams {
  background: #f1f1f1;
}
.parts .diagrams.withWhite {
  background: #ffffff;
}
.parts .diagrams .searchBack {
  width: 375px;
  max-width: 375px;
  background-image: none;
  background-color: white;
}
.parts .diagrams .searchBackSubmit {
  display: inline-block;
  background-color: white;
  background-image: url(/Content/Images/search.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 3px 3px;
  border: 0;
  padding: 0px;
  background-size: 24px;
  width: 30px;
  height: 30px;
  margin-left: -5px;
}
.parts .diagrams .diagramList .partBucket {
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
}
.parts .diagrams .diagramList .partBucket .partDesc {
  border-top: 5px solid #66cc33;
  padding: 15px;
}
.parts .diagrams .diagramList .partBucket .partDesc .list-inline {
  margin: 0;
}
.parts .diagrams .diagramList .partBucket .partDesc .list-inline li:first-child {
  border-right: 1px solid #dddde4;
  padding-right: 15px;
}
.parts .diagrams .diagramList .partBucket .partDesc .list-inline svg {
  margin: -3px 5px 0 0;
}
.parts .diagrams .table-borderless {
  background: #f1f1f1;
}
.parts .diagrams .table-borderless td:nth-child(even) {
  background: #E5E5E9;
}
.parts .diagrams .table-borderless td:nth-child(odd) {
  background: #D7D7DA;
}
.parts .diagrams .table-borderless td:first-child {
  background: #f1f1f1;
}
.parts .diagrams .table-borderless tr {
  border-top: 1px solid #B5B5B9;
}
.parts .diagrams .table-borderless tr:hover td {
  background: #454548;
  color: #ffffff;
  cursor: pointer;
}
.parts .diagrams .table-borderless tr.active td {
  background: #454548;
  color: #ffffff;
}
.parts .diagrams .table-borderless thead tr {
  border: 0;
}
.parts .diagrams .table-borderless thead th:nth-child(even) {
  background: #E5E5E9;
}
.parts .diagrams .table-borderless thead th:nth-child(odd) {
  background: #D7D7DA;
}
.parts .diagrams .table-borderless thead th:first-child {
  background: #f1f1f1;
}

.sectionNav {
  border-bottom: 5px solid #66cc33;
  background: #ffffff;
}
.sectionNav .sbSubnavButton {
  margin-top: 20px;
}
.sectionNav .container {
  position: relative;
  max-width: 1590px;
}
.sectionNav .container .stackIt {
  height: 100px;
  position: absolute;
  left: 110px;
}
.sectionNav .container .stackIt ul {
  margin: 0;
  border-left: 1px solid #000000;
  padding-left: 20px;
  margin-left: 20px;
}
.sectionNav .container .stackIt ul li {
  padding-right: 10px;
  margin-right: 10px;
  padding-top: 10px;
}
.sectionNav .container .stackIt ul li:hover .subNavActive {
  border-bottom: 5px solid #66cc33;
  width: 100%;
}
.sectionNav .container .stackIt ul li .subNavActive.active {
  border-bottom: 5px solid #66cc33;
  width: 100%;
}
.sectionNav .container .stackIt ul .headFive {
  padding-bottom: 5px;
  /*border-bottom: 3px solid $white;

  &:hover {
      border-bottom: 3px solid $green;
  }

  &.active {
      border-bottom: 3px solid $green;
  }*/
}
.sectionNav .container .stackIt ul .blackBtn {
  padding: 9px 16px;
}

.rok .weAre {
  background: #f1f1f1;
}
.rok .weAre h2 {
  border-left: 5px solid #66cc33;
  padding-left: 5px;
  padding-left: 5px;
}
.rok .weAre .weContainer {
  margin-bottom: 30px;
  height: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: none;
  border: none;
  border-radius: 0;
}
.rok .weAre .weContainer .promoBox {
  background: #ffffff;
  height: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.rok .weAre .weContainer .promoContent {
  padding: 40px 40px 20px;
}
.rok .weAre .imgGrid .fir {
  padding-right: 2px;
}
.rok .weAre .imgGrid .sec {
  padding-left: 2px;
}
.rok .join h2 {
  border-left: 5px solid #66cc33;
  padding-left: 5px;
  margin: 1rem 0 3rem;
}
.rok .join h3 span {
  color: #505055;
}
.rok .join .membership ul {
  padding-left: 20px;
}
.rok .amaMember {
  background-image: url(/Content/Images/OwnerCenter/ROK_Powered.jpg?w=1500);
  background-size: cover;
  background-position: right;
  padding: 60px 30px;
}
.rok .amaMember h2 {
  color: #ffffff;
  border-left: 5px solid #66cc33;
  padding-left: 5px;
  margin: 120px auto;
  display: table;
}
.rok .rates {
  background: #454548;
}
.rok .rates h3 {
  color: #ffffff;
}
.rok .rates ul {
  padding-left: 20px;
}
.rok .rates ul li {
  color: #ffffff;
}
.rok .affiliate {
  background-image: url(/Content/Images/OwnerCenter/ROK_affilate.jpg?w=1600);
  background-size: cover;
  padding: 160px 0;
}
.rok .affiliate h2 {
  color: #ffffff;
  border-left: 5px solid #66cc33;
  padding-left: 5px;
}
.rok .affiliate p {
  color: #ffffff;
}
.rok .affiliate a {
  color: #ffffff;
  text-decoration: underline;
}

.clubs {
  background: #f1f1f1;
}
.clubs .clubCon {
  margin-bottom: 30px;
  height: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: none;
  border: none;
  border-radius: 0;
  cursor: pointer;
}
.clubs .clubCon:hover .promoBox {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  text-decoration: none;
}
.clubs .clubCon .promoBox {
  background: #ffffff;
  height: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.clubs .clubCon .promoContent {
  padding: 25px 40px 0;
}

.shopBackground {
  background-size: cover;
  background: #000000;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
}
.shopBackground .header-table {
  margin: 60px 0 385px;
}
.shopBackground .header-table h1 {
  color: #ffffff;
}
.shopBackground .header-table .border-line {
  display: none;
}
.shopBackground img {
  display: none;
}

.landing {
  background: #f1f1f1;
}
.landing .sectionNav .container .stackIt {
  left: 50px;
}
.landing .appGrid .position-absolute {
  top: 60px;
  left: 60px;
}
.landing .appGrid .position-absolute h2, .landing .appGrid .position-absolute p {
  color: #ffffff;
}
.landing .appGrid .prodGrid {
  background: #ffffff;
  padding: 0 20px 10px;
  height: 100%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.landing .appGrid .prodGrid .msrp {
  color: #505055;
  text-align: right;
}
.landing .appGrid .prodGrid:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
}
.landing .appGrid .prodGrid p {
  color: #76767c;
}
.landing .appGrid .prodGrid .pTwo {
  font-weight: 500;
  margin-bottom: 15px;
}
.landing .appGrid .prodGrid .pr-2 .acc-msrp {
  display: none;
}

#become-dealer-view .products .form-row.products-item {
  border-bottom: 1px solid #E5E5E9;
}
#become-dealer-view .products .form-row div, #become-dealer-view .products .form-row button {
  padding: 12px;
}
#become-dealer-view .products .brand-min-width {
  min-width: 160px;
}
#become-dealer-view .products .products-item.add-template input, #become-dealer-view .products .products-item.add-template select, #become-dealer-view .products .products-footer.add-template input, #become-dealer-view .products .products-footer.add-template select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#become-dealer-view .products .products-item .bg-color1, #become-dealer-view .products .products-footer .bg-color1 {
  background-color: #E5E5E9;
}
#become-dealer-view .products .products-item .bg-color2, #become-dealer-view .products .products-footer .bg-color2 {
  background-color: #E5E5E9;
}
#become-dealer-view .products .products-item .bg-color3, #become-dealer-view .products .products-footer .bg-color3 {
  background-color: #D7D7DA;
}
#become-dealer-view .products .products-item button.add-remove, #become-dealer-view .products .products-footer button.add-remove {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  background-color: #454548;
  color: #66cc33;
  border: none;
}
#become-dealer-view .products .products-item button.add-remove span, #become-dealer-view .products .products-footer button.add-remove span {
  color: white;
}
#become-dealer-view .products .products-head .headFive {
  text-align: center;
}
#become-dealer-view .products .products-footer div.total {
  background-color: white;
  padding-top: 18px;
  text-align: right;
}
#become-dealer-view .products .invalid-feedback {
  font-weight: 700;
}
#become-dealer-view .products .unit-cat-header {
  padding: 10px 0 0 10px;
  display: inline-block;
}
#become-dealer-view .formSection {
  border-left: 4px solid #66cc33;
  margin: 25px 0;
  padding-left: 6px;
}

#become-dealer-getstarted #overview .pOne {
  color: #000000;
}
#become-dealer-getstarted .greenBorder {
  border: 1px solid #66cc33;
}
#become-dealer-getstarted .header-icons {
  padding-top: 2px;
}
#become-dealer-getstarted .stickyAccordion header .blackBox {
  margin-top: 2px;
}
#become-dealer-getstarted #mppAccordion .headTwo {
  color: #000000;
}
#become-dealer-getstarted #mppAccordion .headFour {
  color: #ffffff;
}
#become-dealer-getstarted .headTwo {
  color: #ffffff;
}
#become-dealer-getstarted .heroCaption {
  width: 52%;
}
#become-dealer-getstarted .heroCaption .headThree {
  color: #ffffff;
}
#become-dealer-getstarted .heroCaption .pOne {
  width: 80%;
  color: #ffffff;
  margin: 20px 0;
}
#become-dealer-getstarted .heroBackground {
  background-color: #000000 !important;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
  background-image: url(/Content/Images/BecomeADealer/header-desktop.jpg);
  position: relative;
}
#become-dealer-getstarted .heroBackground .container {
  position: relative;
  /*min-height: 500px;*/
  padding-bottom: 60px;
}
#become-dealer-getstarted .header-table {
  margin-top: 60px;
}
#become-dealer-getstarted .headThree {
  color: #000000;
}
#become-dealer-getstarted .headThree.accordionTitle {
  color: #000000;
}
#become-dealer-getstarted .headThree.smaller-text {
  font-size: 22px;
}
#become-dealer-getstarted .headFour {
  color: #000000;
}
#become-dealer-getstarted .pTwo {
  /*padding-top: 20px;
  padding-bottom: 20px;*/
  color: #ffffff;
}
#become-dealer-getstarted #specs #specAccordion {
  margin: 0px 0 40px;
  border-bottom: 0px solid #E5E5E9;
}
#become-dealer-getstarted #specs #specAccordion button {
  padding: 20px 30px;
  border: none;
  border-bottom: 1px solid #E5E5E9;
}
#become-dealer-getstarted #specs #specAccordion .sub-section {
  padding-left: 30px;
}
#become-dealer-getstarted #specs #specAccordion .disclaimer {
  color: #000000;
}
#become-dealer-getstarted .technologyFeature {
  background: #e5e4e9;
  padding-top: 100px;
}
#become-dealer-getstarted .technologyFeature .featuresCurtain {
  position: relative;
  /*background: $white;*/
  /*@include boxShadow;*/
  margin-bottom: 40px;
}
#become-dealer-getstarted .technologyFeature .featuresCurtain ul {
  list-style: none;
  padding: 0;
}
#become-dealer-getstarted .technologyFeature .featuresCurtain img {
  width: 100%;
}
#become-dealer-getstarted .technologyFeature .featuresCurtain .curtainContent {
  height: 100%;
  padding: 0 60px;
}
#become-dealer-getstarted .technologyFeature .featuresCurtain .curtainContent .headThree {
  color: #000000;
}
#become-dealer-getstarted .technologyFeature .featuresCurtain .curtainContent .copyBlock {
  margin: 20px 0;
  border-left: 3px solid #66cc33;
  padding-left: 15px;
}
#become-dealer-getstarted .technologyFeature .featuresCurtain .curtainContent .copyBlock .headFive {
  font-weight: 400;
  margin-top: 20px;
}
#become-dealer-getstarted .box-grid .col {
  padding: 20px 15px 18px;
  border-bottom: 1px solid #D7D7DA;
}
#become-dealer-getstarted .box-grid .bg-left {
  background: #f1f1f1;
}
#become-dealer-getstarted .box-grid .bg-right {
  background: #E5E5E9;
}
#become-dealer-getstarted .box-grid .bg-bottom {
  background: #D7D7DA;
  padding: 25px;
}
#become-dealer-getstarted .faq-box {
  min-height: 300px;
  background-color: #D7D7DA;
  padding: 25px;
  margin-bottom: 25px;
}
#become-dealer-getstarted .faq-box .faq-devider {
  width: 40px;
  border-bottom: 4px solid #66cc33;
  margin: 8px 0 15px;
}

#kawi-kash-view .heroBackground {
  background-color: #000000 !important;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
  background-image: url(/Content/Images/KawiKash/kawi-kash-header.jpg);
  position: relative;
  height: 500px;
}
#kawi-kash-view .heroBackground .headTwo {
  color: #ffffff;
}
#kawi-kash-view .heroBackground .header-table {
  margin-top: 60px;
}
#kawi-kash-view .selectTag .form-control {
  padding-left: 10px;
}

.merchLanding {
  background: #f1f1f1;
}
.merchLanding .sectionNav .container .stackIt {
  left: 50px;
}
.merchLanding .appGrid .position-absolute {
  top: 60px;
  left: 60px;
}
.merchLanding .appGrid .position-absolute h2, .merchLanding .appGrid .position-absolute p {
  color: #ffffff;
}

.fleet .machines .salesGrid {
  text-align: center;
  padding: 350px 0 50px;
  margin-bottom: 2rem;
}
.fleet .machines .salesGrid h3 {
  color: #ffffff;
}
.fleet .machines .agriculture {
  background-image: url(/Content/Images/government/agriculture.jpg?w=1500);
  background-size: cover;
  background-position: center;
}
.fleet .machines .agriculture.salesGrid {
  padding: 250px 140px;
  margin-top: 60px;
}
.fleet .machines .agriculture.salesGrid h3 {
  text-align: right;
}
.fleet .machines .construction {
  background-image: url(/Content/Images/government/construction.jpg?w=450);
  background-size: cover;
  background-position: center;
}
.fleet .machines .industrial {
  background-image: url(/Content/Images/government/industrial.jpg?w=450);
  background-size: cover;
  background-position: center;
}
.fleet .machines .mining {
  background-image: url(/Content/Images/government/mining.jpg?w=450);
  background-size: cover;
  background-position: center;
}
.fleet .machines .oilandgas {
  background-image: url(/Content/Images/government/OilGas.jpg?w=450);
  background-size: cover;
  background-position: center;
}
.fleet .machines .rental {
  background-image: url(/Content/Images/government/rental.jpg?w=450);
  background-size: cover;
  background-position: center;
}
.fleet .machines .vineyards {
  background-image: url(/Content/Images/government/Vineyards.jpg?w=450);
  background-size: cover;
  background-position: center;
}
.fleet .machines .federal {
  background-image: url(/Content/Images/government/Federal.jpg?w=1500);
  background-size: cover;
  background-position: center;
}
.fleet .machines .federal.salesGrid {
  padding: 250px 140px;
  margin-top: 60px;
}
.fleet .machines .federal.salesGrid h3 {
  text-align: right;
}
.fleet .machines .state {
  background-image: url(/Content/Images/government/STATE.jpg?w=450);
  background-size: cover;
  background-position: center;
}
.fleet .machines .county {
  background-image: url(/Content/Images/government/county.jpg?w=450);
  background-size: cover;
  background-position: center;
}
.fleet .machines .city {
  background-image: url(/Content/Images/government/Rectangle.jpg?w=450);
  background-size: cover;
  background-position: center;
}
.fleet .machines .college {
  background-image: url(/Content/Images/government/College.jpg?w=450);
  background-size: cover;
  background-position: center;
}
.fleet .machines .nonprofit {
  background-image: url(/Content/Images/government/NonProfit.jpg?w=450);
  background-size: cover;
  background-position: center;
}
.fleet .machines .otheragencies {
  background-image: url(/Content/Images/government/OtherAgencies.jpg?w=450);
  background-size: cover;
  background-position: center;
}
.fleet .edition {
  background: #E5E5E9;
}
.fleet .edition .margin-custom-gov {
  margin-right: 325px;
}
.fleet .edition ul {
  border-left: 5px solid #66cc33;
  padding-left: 5px;
  padding-left: 15px;
}
.fleet .edition ul li {
  margin-bottom: 10px;
  color: #505055;
}
.fleet .edition ul li:last-child {
  margin-bottom: 0;
}
.fleet .edition p a {
  text-decoration: underline;
  color: #000000;
}
.fleet .pricing {
  background: #f1f1f1;
  text-align: center;
}
.fleet .pricing .greenBar {
  margin: 20px auto 50px;
  width: 50px;
  height: 5px;
  background: #66cc33;
}
.fleet .pricing .card {
  border: 0;
}
.fleet .pricing .card .vehicleContainer {
  height: 100%;
  background: #ffffff;
  display: block;
  padding: 20px 0 30px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  text-align: center;
}
.fleet .pricing .card .vehicleContainer:hover {
  text-decoration: none;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.4);
}
.fleet .pricing .card .vehicleContainer .greenSpacer {
  height: 5px;
  width: 30px;
  background: #66cc33;
  margin: 10px auto;
}
.fleet .mpp .heroBackground .green {
  color: #66cc33;
}
.fleet .mpp .heroBackground .headThree {
  color: #ffffff;
}
.fleet .savings-panel {
  background-color: #FFFFFF;
  margin: 10px;
}
.fleet .savings-panel hr {
  border: 0;
  border-bottom: 3px solid #66CC00;
  margin-right: 30px;
  margin-left: 30px;
}
.fleet .savings-panel .body {
  background-color: #D8D8D8;
  padding: 30px;
  min-height: 550px;
}
.fleet .savings-panel .savings-icon {
  margin-bottom: 40px;
  margin-top: 60px;
}
.fleet .savings-panel img {
  width: 90%;
  border: 0 solid red;
}
.fleet .savings-panel .savings {
  margin: 0 30px 0 30px;
  background-color: black;
  border: 0;
  border-top: 4px solid #66CC33;
  border-bottom: 4px solid #66CC33;
  padding: 20px 10px;
  text-align: center;
}
.fleet .savings-panel .savings .headTwo {
  color: #66CC33;
}
.fleet .savings-panel .savings .headFive {
  color: #979797;
}
.fleet .savings-panels {
  background-color: #ffffff;
}
.fleet .savings-panels .col-md-4 {
  padding: 0;
}
.fleet .savings-panels .col-md-4 .mule {
  /*                padding-left: 0;
                  padding-right: 0;
  */
}

.subBrand section {
  position: relative;
}
.subBrand .subHero {
  background: #202021;
  text-align: center;
}
.subBrand .subHero h1, .subBrand .subHero p {
  color: #ffffff;
}
.subBrand .subHero h1 span, .subBrand .subHero p span {
  color: #66cc33;
}
.subBrand .kpo {
  background: #202021;
  text-align: center;
  background-image: url(/Content/Images/KPO/2024/header/25_kpo_header_2100x1045_desktop.jpg);
  min-height: 500px;
  background-color: #000000 !important;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto 100%;
  position: relative;
}
.subBrand .formulated {
  background: #202021;
  text-align: center;
}
.subBrand .formulated h1, .subBrand .formulated p {
  color: #ffffff;
}
.subBrand .formulated h1 span, .subBrand .formulated p span {
  color: #66cc33;
}
.subBrand .sectionNav .container .stackIt {
  left: 195px;
}
.subBrand .able-wrapper {
  max-width: 100% !important;
  z-index: 2;
}
.subBrand .able-wrapper .able {
  margin: 0;
  box-shadow: none;
}
.subBrand .able-wrapper .able video {
  width: 100%;
}
.subBrand .limWar {
  background-image: url("Images/SubBrand/3_warranty_bg_repeating.jpg");
}
.subBrand .limWar .vertMiddle {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.subBrand .limWar .vertMiddle .greenBar {
  margin: 20px 0;
  width: 50px;
  height: 5px;
  background: #66cc33;
}
.subBrand .limWar .vertMiddle h2, .subBrand .limWar .vertMiddle .pOne {
  max-width: 750px;
}
.subBrand .timeline {
  background: #202021;
}
.subBrand .timeline .header-table h1.headTwo {
  color: #ffffff;
}
.subBrand .timeline #externalCarousel {
  margin-top: -150px;
}
.subBrand .timeline .carousel-item {
  /*background: $white;*/
}
.subBrand .timeline .carousel-item .headThree {
  color: #dddde4;
  margin-top: 200px;
}
.subBrand .timeline .carousel-item .headThree .headFive {
  color: #dddde4;
}
.subBrand .timeline .carousel-item p {
  color: #dddde4;
  margin-top: 20px;
}
.subBrand .timeline .carousel-item .timeWrap {
  padding: 0;
  margin-top: 40px;
}
.subBrand .timeline .carousel-item .timeWrap .timeDot {
  float: left;
  border: 1px solid #ffffff;
  height: 100px;
  width: 100px;
  margin-right: 20px;
  background: #ffffff;
}
.subBrand .timeline .carousel-item .timeWrap .timeDot.active {
  border: 1px solid #66cc33;
}
.subBrand .timeline .timeSlide .timeBar {
  padding: 0 1px;
}
.subBrand .timeline .timeSlide .timeBar .clickBack {
  background: #000000;
  height: 100%;
  width: 100%;
  border: 0;
  padding: 0;
}
.subBrand .timeline .timeSlide .iconSlide {
  background: #000000;
  padding: 4% 20px 0;
  height: 100%;
}
.subBrand .timeline .timeSlide .iconSlide .slider {
  width: 100%;
  margin-bottom: 0 !important;
}
.subBrand .timeline .timeSlide .iconSlide .slider .slider-track {
  height: 1px;
  margin-top: 10px;
  background: #515155;
  left: -1px;
}
.subBrand .timeline .timeSlide .iconSlide .slider-selection.tick-slider-selection {
  background-image: none;
}
.subBrand .timeline .timeSlide .iconSlide .slider-tick-label-container {
  margin-top: -30px;
}
.subBrand .timeline .timeSlide .iconSlide .slider-tick-label-container .slider-tick-label {
  color: #A9A9B0;
  cursor: pointer;
}
.subBrand .timeline .timeSlide .iconSlide .slider-tick-container {
  bottom: 0;
}
.subBrand .timeline .timeSlide .iconSlide .slider-tick {
  width: 10px;
  height: 13px;
  bottom: 0;
  border-radius: 0;
  background: none;
  border-right: 1px solid #515155;
}
.subBrand .timeline .timeSlide .iconSlide .slider-tick:first-child {
  height: 20px;
}
.subBrand .timeline .timeSlide .iconSlide .slider-tick:nth-child(10n+4) {
  height: 20px;
}
.subBrand .timeline .timeSlide .iconSlide .slider-handle {
  background-color: #66cc33;
  background-image: none;
  top: 10px;
  pointer-events: all;
}
.subBrand .timeline .timeSlide .pOne {
  color: #dddde4;
  font-style: italic;
  text-align: center;
  margin-top: 20px;
}
.subBrand .timelineMob {
  background: #202021;
}
.subBrand .timelineMob .header-table h1.headTwo {
  color: #ffffff;
}
.subBrand .timelineMob .carousel-item {
  /*background: $white;*/
}
.subBrand .timelineMob .carousel-item .headThree {
  color: #66cc33;
}
.subBrand .timelineMob .carousel-item .headThree.m-0 {
  color: #dddde4;
}
.subBrand .timelineMob .carousel-item p {
  color: #ffffff;
  margin-top: 20px;
}
.subBrand .timelineMob .carousel-item .timeWrap {
  padding: 0;
  margin-top: 40px;
}
.subBrand .timelineMob .carousel-item .timeWrap .timeDot {
  float: left;
  border: 1px solid #ffffff;
  height: 100px;
  width: 100px;
  margin-right: 20px;
  background: #ffffff;
}
.subBrand .timelineMob .carousel-item .timeWrap .timeDot.active {
  border: 1px solid #66cc33;
}
.subBrand .muleForYou {
  background: #f1f1f1;
  text-align: center;
}
.subBrand .muleForYou .muleGroup .greenSpacer {
  height: 5px;
  width: 30px;
  background: #66cc33;
  margin: 10px auto;
}
.subBrand .muleForYou .modContainer {
  background: #ffffff;
  height: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  border: none;
  border-radius: 0;
  padding-top: 40px;
  padding-bottom: 84px;
  display: block;
}
.subBrand .muleForYou .modContainer img {
  max-width: 100%;
}
.subBrand .muleForYou .modContainer table {
  text-align: left;
}
.subBrand .muleForYou .modContainer table tr {
  height: 75px;
}
.subBrand .muleForYou .modContainer table tr:nth-of-type(odd) {
  background: #E5E5E9;
}
.subBrand .muleForYou .modContainer table tr td {
  vertical-align: middle;
  padding-left: 25px;
}
.subBrand .muleForYou .modContainer table tr th {
  vertical-align: middle;
  padding-left: 25px;
}
.subBrand .muleForYou .modContainer .btnHold {
  padding: 0 20px 20px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.subBrand .muleForYou .modContainer .btnHold .blackBtn {
  width: 100%;
}
.subBrand .blackBack {
  background: #262626;
}

.blackLink {
  color: #000000;
  text-decoration: underline;
}
.blackLink:hover {
  color: #505055;
  text-decoration: underline;
}

.greyLink {
  color: #76767c;
}
.greyLink:hover {
  color: black;
}

.able-big-play-button {
  display: none !important;
}

.darkGreyLink {
  color: #454548;
}
.darkGreyLink:hover {
  color: black;
}

.grey-lt {
  color: #999999 !important;
}

.grey-md {
  color: #76767c;
}

.grey-dk {
  color: #505055;
}

.vin-error {
  font-family: Fira Sans;
  font-weight: 700;
  font-size: 13px;
  color: red;
}

.dealerDetailsMoreInfo .listItem {
  /*border-top: 3px solid #66cc33;
  padding: 20px 0;*/
}
.dealerDetailsMoreInfo .listItem .clearfix {
  padding-top: 10px;
}
.dealerDetailsMoreInfo .listItem .hours h2.headSix {
  float: left;
  cursor: pointer;
}
.dealerDetailsMoreInfo .listItem .hours h2.headSix.active {
  text-decoration: underline;
}
.dealerDetailsMoreInfo .listItem .pb-custom {
  padding-bottom: 20px !important;
  margin-bottom: 0px !important;
}
.dealerDetailsMoreInfo .listItem .notAvailable {
  opacity: 0.3;
}
.dealerDetailsMoreInfo .listItem .listBadge {
  margin-right: 3px;
}

.addBanner {
  text-align: center;
  background: #000000;
  padding: 10px 0px 0px 0px;
  position: relative;
}
.addBanner:before, .addBanner:after {
  content: "";
  display: table;
}
.addBanner:after {
  clear: both;
}
.addBanner span, .addBanner div {
  color: #ffffff;
}
.addBanner .genericLink {
  color: #ffffff;
}
.addBanner .genericLink:hover {
  color: #ffffff;
}
.addBanner .genericLinkSub {
  color: #ffffff;
}
.addBanner .genericLinkSub:hover {
  color: #ffffff;
}
.addBanner .col-lg-2 {
  min-width: 200px;
}
.addBanner .BannerArrow {
  position: absolute;
  top: 50%;
  margin-top: -14px;
  right: 15px;
}

.timer-area {
  transform: scale(0.8);
}
.timer-area .countdown {
  padding: 5px;
  margin: 0 0 0 -14%;
}
.timer-area .countdown li {
  display: inline-block;
  background: transparent url("/Content/Images/HPP/timer-piece_lighter.png") no-repeat left top;
  background-size: contain;
  width: 60px;
  text-align: center;
}
.timer-area .countdown li span {
  font-size: 2em;
  font-family: "Oswald", sans-serif;
  font-weight: bold;
  color: #fff;
  height: 108px;
  line-height: 65px;
  position: relative;
}

ul.countdown li span::before {
  content: "";
  width: 100%;
  height: 1px;
  border-top: 1px solid #000000;
  position: absolute;
  top: 24px;
}

ul.countdown li p.timeRefDays,
ul.countdown li p.timeRefHours,
ul.countdown li p.timeRefMinutes,
ul.countdown li p.timeRefSeconds {
  color: #fff;
  margin-top: 5px;
  text-transform: uppercase;
  font-size: 0.575em;
  margin: 2px 5px;
  background: #202020;
  border-radius: 3px;
  padding: 2px;
}

.diagrams .panzoom-parent {
  height: 600px;
}

#forgotPasswordForm a.headSix:hover, #subscribeForm a.headSix:hover {
  color: #76767c;
}

.strecth {
  width: 100%;
}

.no-side-padding {
  padding-left: 0px;
  padding-right: 0px;
}

.eventDetail {
  background: #f1f1f1;
}

.cc-icon {
  display: inline-block;
  position: absolute;
  margin-left: -40px;
  margin-top: 5px;
  font-size: 30px;
}

/*please put all KMC specific styles in this en-us class*/
.en-us .offersDetail .offerList .vehicleContainer .linkList {
  border-top: 1px solid #E5E5E9;
}
.en-us .offersDetail .offerList .vehicleContainer .linkList:hover {
  background: none;
}
.en-us .offersDetail .offerList .vehicleContainer .linkList:hover .msrp {
  color: #76767c;
}

.iconTopLeft {
  position: absolute;
  left: 0;
  top: 0;
}

.compatibleAccordion .headFive .sup {
  margin-left: 0 !important;
}

#selecteddealer-error {
  color: #be2424;
  font-weight: 700;
}

.float-right-lg {
  float: right;
}

.disabledGreenBtn {
  background: none repeat scroll 0 0 #c5e9c5 !important;
  color: #464646 !important;
  border: 1px solid #c5e9c5 !important;
  cursor: default !important;
}

.disabledBlackBtn {
  background: none repeat scroll 0 0 #86868d !important;
  border: 1px solid #86868d !important;
  cursor: default !important;
}

.racingTeamLogoImg {
  margin-top: 10px;
  max-width: 100px;
}

h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
  visibility: hidden;
}

#eventPreRegistration {
  /*    .success {
          background: url(http://www.reactiongifs.com/wp-content/uploads/2013/10/tim-and-eric-mind-blown.gif) no-repeat center center fixed;
          background-size: cover;
          opacity: 0.6;
      }
  */
}
#eventPreRegistration .validation-summary-valid {
  display: none;
}
#eventPreRegistration .text-danger-formTemplate {
  font-weight: 700;
  color: #be2424;
  font-size: 80%;
}
#eventPreRegistration .selectorDisabled {
  opacity: 0.3;
  pointer-events: none;
}
#eventPreRegistration optgroup {
  color: transparent;
  height: 0px;
}
#eventPreRegistration optgroup option {
  color: black;
}
#eventPreRegistration option:disabled {
  text-decoration: line-through;
}

#ShareEmailContainer .validation-summary-valid {
  display: none;
}
#ShareEmailContainer .text-danger-formTemplate {
  font-weight: 700;
  color: #be2424;
  font-size: 80%;
}
#ShareEmailContainer .selectorDisabled {
  opacity: 0.3;
  pointer-events: none;
}

#LeadGen .validation-summary-valid {
  display: none;
}
#LeadGen .text-danger-formTemplate {
  font-weight: 700;
  color: #FF5263;
  font-size: 80%;
  /*background-color: rgba(255, 255, 255, 0.6);
  padding: 2px 5px;*/
}
#LeadGen .selectorDisabled {
  opacity: 0.3;
  pointer-events: none;
}
#LeadGen .able-wrapper {
  height: 100%;
}
#LeadGen .heroBackground {
  background-color: #000000 !important;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
  position: relative;
}
#LeadGen .heroBackground .video-controls {
  position: absolute;
  top: 0px;
  right: 15px;
  z-index: 100;
}
#LeadGen .heroBackground .video-controls button {
  background: none;
  border: none;
}
#LeadGen .heroBackground .video-controls svg {
  height: 40px;
  width: 40px;
}
#LeadGen .heroBackground .video-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  /*vertical-align: middle;*/
  overflow: hidden;
  /*margin: 0 auto;*/
}
#LeadGen .heroBackground .video-container video {
  display: block;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#LeadGen .heroBackground .container {
  position: relative;
  min-height: 500px;
}
#LeadGen .mppVideo {
  max-height: 500px;
}
#LeadGen .mppVideoModal .close {
  position: absolute;
  z-index: 999999;
  top: 1%;
  right: 1.5%;
  font-size: 3rem;
  color: #66cc33;
}
#LeadGen .stickyAccordion .navBtn .triangle {
  margin: 3px;
}
#LeadGen .largeDisclaimer {
  font-size: 15px;
}

.hide-desktop {
  display: none;
}

.accHeaderModel {
  border-left: 5px solid #66cc33;
  line-height: 28px;
  padding: 0 40px 5px 20px;
  line-height: 1;
  top: 50%;
  position: absolute;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.accHeaderModelNoImg {
  line-height: 28px;
}

.accHeaderModelContainer {
  height: 100%;
  position: relative;
}

.accModel .greenSpacer {
  height: 5px;
  width: 50px;
  background: #66cc33;
  margin: 10px auto;
}

.accGradient {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(224, 224, 224) 100%);
}

.tabSearchBar:focus {
  background: #66cc33;
  color: #ffffff;
}

@media (max-width: 1589px) {
  .shopToolsLink svg {
    height: 25px !important;
    width: 25px !important;
  }
  .shopToolsLink .headSix, .shopToolsLink .feature-list li, .feature-list .shopToolsLink li {
    vertical-align: -17px;
    margin-left: 10px;
    font-size: 13px;
  }
  .shopToolsLink .keyIcon {
    margin-left: 13px !important;
  }
  .shopToolsLink .reqtIcon {
    margin-left: -4px !important;
  }
  .fleet .edition .margin-custom-gov {
    margin-right: 290px;
  }
}
@media (max-width: 1498px) {
  .shopToolsLink .reqtTwoCol {
    margin-left: -18px !important;
  }
  .sftyresTwoCol {
    margin-left: 17px !important;
  }
  .fleet .edition .margin-custom-gov {
    margin-right: 267px;
  }
}
@media (max-width: 1267px) {
  .shopToolsLink svg {
    height: 23px !important;
    width: 23px !important;
  }
  .shopToolsLink .keyIcon {
    margin-left: initial !important;
  }
  .shopToolsLink .headSix, .shopToolsLink .feature-list li, .feature-list .shopToolsLink li {
    font-size: 11px;
  }
  .shopToolsLink .keyIcon {
    margin-left: 6px !important;
  }
  .shopToolsLink .reqtIcon {
    margin-left: -4px !important;
  }
  .shopToolsLink .reqtTwoCol {
    margin-left: -14px !important;
  }
}
@media (max-width: 1200px) {
  .shopToolsLink svg {
    height: 23px !important;
    width: 23px !important;
  }
  .shopToolsLink .headSix, .shopToolsLink .feature-list li, .feature-list .shopToolsLink li {
    vertical-align: -17px;
    margin-left: 10px;
    font-size: initial;
  }
  .shopToolsLink .keyIcon {
    margin-left: initial !important;
  }
  .shopToolsLink .keyIconTwoCol {
    margin-left: initial !important;
  }
  .shopToolsLink .reqtTwoCol {
    margin-left: initial !important;
  }
  .sftyresTwoCol {
    margin-left: 35px !important;
  }
}
.kawiSlideFocus:focus svg {
  border-style: solid;
  border-color: #000000;
  border-width: 3px;
}

.specNoSpecifications {
  margin-top: 160px;
}
.specNoSpecifications div {
  margin-top: 10px;
  width: 100%;
  text-align: center;
}

.heritageDetail {
  margin-top: -40px;
  position: relative;
  z-index: 10;
}

.validation-summary-valid {
  display: none;
}

.validation-summary-valid {
  display: none;
}

.dealerDetailsMoreInfo > .listItem {
  padding: 20px 0;
}

.dealerDetailsMoreInfo .listItem:not(:last-child) {
  border-bottom: 1px solid #b2b2b8;
}

.dealerDetailsMoreInfo .listItem .headFive {
  padding-bottom: 10px;
}

.listItem .listItem {
  padding-top: 20px;
}

.listItem .listItem .headSix, .listItem .listItem .feature-list li, .feature-list .listItem .listItem li {
  padding-bottom: 10px;
}

#Provinces {
  text-transform: capitalize;
}

.blackLink:hover {
  color: #76767C;
}

.mpp-badge {
  max-height: 200px;
}

.green-power-badge {
  max-height: 160px;
}

.offerBody {
  margin: 4px 0px 4px 0px;
}

.offerFooter {
  margin: 8px 0px 8px 0px;
}

.z-anniversary {
  height: 100px;
}

.h2-text-align {
  text-align: left !important;
}

.fira {
  font-family: Fira Sans !important;
}

.acc-msrp {
  font-size: 13px;
  text-decoration: none !important;
}

.acc-msrp-modal {
  font-size: 13px;
  text-decoration: none !important;
}

.galleryModal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.grey-font-msrp, .grey-font-msrp * {
  color: #76767c !important;
}

.filterBox .dealerFilterHeading {
  color: #000000 !important;
}

.loginRegister a.myKawiForgotPassword {
  color: #000000 !important;
}

.carousel-control-prev:focus img {
  content: url(/Content/Images/HPP/arrow-left-focus.svg);
  /*outline: solid;
  outline-color: #fff;*/
}

.carousel-control-next:focus img {
  content: url(/Content/Images/HPP/arrow-right-focus.svg);
  /*outline: solid;
  outline-color: #fff;*/
}

.carousel-control-prev:focus, .carousel-control-next:focus {
  outline: solid;
  outline-color: #76767c;
}

.carousel-control-prev:focus span, .carousel-control-next:focus span {
  outline: solid;
  outline-color: #66cc33;
}

.form-control:focus {
  border-color: #202021;
  outline: solid;
  box-shadow: none;
}

.form-control, #dealerSearchBtn, #recallSearchBtn, .inputAda, #SearchButton {
  border-color: #202021;
}

.supersportObsession {
  min-height: 87vh;
  background-size: cover;
  background-image: url(/Content/Images/LeadGen/my24/supersport_desktop.jpg);
}

.supersportObsessionPlay {
  margin: 0 auto;
  display: block;
  width: 102px;
}

.priceReductionSnipe {
  font-family: Oswald;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  color: #000000;
  line-height: 20px;
  margin: 0;
  background-color: #66cc33;
  color: #000000 !important;
  padding: 5px 15px;
  margin-bottom: 0;
  text-align: left;
  min-width: 80px;
}

.priceReductionSnipeLi {
  width: 130px;
}

.offer-placard .priceReductionSnipe {
  font-size: 13px;
  line-height: 17px;
  width: 105px;
}

.offer-placard .priceReductionSnipe.extended {
  width: 205px;
}

.priceReductionOldPrice {
  font-family: Oswald;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 20px;
  margin: 8px 0 0 20px;
  text-decoration: line-through;
  color: #8A8992 !important;
  float: left;
}

.priceReductionOldPriceLi {
  font-family: Oswald;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 10px;
  text-decoration: line-through;
  color: #8A8992 !important;
}

.mpp-page {
  display: inline-block;
}

.mpp-page-model-head {
  line-height: 0;
  font-size: 0;
  vertical-align: top;
}

#models .modelRepeat .modelHead .mpp-page-model-head .headFive {
  margin: 0 0 0 20px;
  border: 0;
  display: inline-block;
  vertical-align: top;
}

#models .modelRepeat .modelHead .mpp-page-model-head .productSavings {
  display: block;
  width: max-content;
  margin: 0;
  margin-top: 6px;
}

#models .modelRepeat .modelHead .mpp-page-model-head .priceReductionSnipe {
  margin-bottom: 6px;
}

.mpp-page .pTwo {
  /*        text-decoration: line-through;
      float: left;
      margin: 4px 0 0 20px;*/
  display: block !important;
}

.product .mpp-page {
  display: block;
}

.product .mpp-page .priceReductionSnipe {
  float: none;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  max-width: 190px;
}

.product .mpp-page .priceReductionSnipe.has-range {
  max-width: 240px;
}

.product .mpp-page .priceReductionSnipe.extended {
  max-width: 210px;
}

.product .mpp-page .pTwo {
  float: none;
  display: block;
  margin: 0 auto;
}

.offer-promotional-model .footerBtn {
  display: block;
  margin: 0 auto;
  width: 190px;
  padding: 4px 0;
}
.offer-promotional-model .footerBtn svg {
  margin: -4px 5px 0 0;
}
.offer-promotional-model .footerBtn svg path {
  fill: #000000;
}

.offer-promotional-model .savings-button-container {
  padding: 0 15px;
}
.offer-promotional-model .savings-button-container .savings-button {
  text-align: center;
}

.promotionalModels .accordion svg.filter-svg {
  height: 20px;
  width: 15px;
}
.promotionalModels .fa-minus {
  display: none;
}
.promotionalModels .accordion button {
  background: none;
  border: 0;
  border-top: 1px solid #E5E5E9;
  width: 100%;
  text-align: left;
  padding: 0;
  text-transform: uppercase;
  text-decoration: none;
}
.promotionalModels .accordion button span.headSix {
  border-bottom: 1px solid #B5B5B9;
  color: #505055;
  margin: 20px 0 10px;
  padding-bottom: 10px;
  display: block;
}

.searchResults.newsResults {
  background-color: unset;
}
.searchResults.newsResults .compareContent .searchPager .page-item .page-link {
  border: 1px solid #D7D7DA;
}

/* disable unwanted phone number linking on specs */
.mobile .subBrand .modContainer td {
  pointer-events: none;
}

.mobile .subBrand .modContainer td > a {
  text-decoration: none;
  color: inherit;
}

.shop .sup {
  font-size: unset;
}

.dagger {
  vertical-align: text-top;
  display: inline;
  position: relative;
  top: -0.5em;
  font-size: 0.6em;
}

[data-title=Morgan_Wallen_Sweeps_1] .svgSize {
  margin-top: 100px;
  display: block;
}

.btnSummary {
  background-color: transparent;
  border: none;
  text-transform: uppercase;
}

.accessory-description a {
  text-decoration: underline;
}

.li-pipe-shift {
  position: relative;
  top: -2px;
}

/*gives container more real estate on smaller break points*/
@media (max-width: 1590px) {
  .btnContainer {
    margin-bottom: 50px;
  }
  .container {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    max-width: inherit;
  }
  nav .navbar .container .navbar-brand .logo-desktop svg {
    opacity: 90%;
  }
  nav .rightBar {
    right: 40px;
  }
  .detail .heroCaption {
    left: 30px;
    width: 38%;
  }
  .detail .heroBackground .disclaimer {
    width: 38% !important;
  }
  .sectionNav .container .stackIt {
    left: 125px;
  }
  .mpp .heroBackground .container .disclaimer-desktop {
    left: 27px;
  }
  .newRider .panel-1 .newPlace,
  .newRider .panel-3 .newPlace {
    max-height: 300px;
    overflow: auto;
  }
  .mobile-text-scroll {
    max-height: 250px;
    overflow: auto;
  }
}
@media (max-width: 1199.98px) {
  #topFeatures .featuresCurtain .curtainContent .copyBodyContainer {
    max-height: 140px;
  }
  .col-md-8.mx-auto-lg {
    margin-left: auto;
    margin-right: auto;
  }
  .nav .topMonkie li {
    padding: 5px 6px;
    margin-right: 0;
  }
  nav .categoryContainer .container {
    padding-left: 20px;
    padding-right: 0;
  }
  nav .rightBar {
    right: 10px;
    /*a {
        font-size: 12px;
        white-space: nowrap;

        svg {
            height: 12px;
        }

        .d-md-block {
            display: none !important;
        }
    }*/
    /*.my-kawasaki-nav {
            display: none !important;
        }

        .cart-nav-label {
            display: none !important;
        }*/
  }
  nav .rightBar a {
    font-size: 12px;
    white-space: nowrap;
    padding-right: 10px;
    border: 0;
    margin-right: 15px;
  }
  nav .rightBar a svg {
    height: 12px;
  }
  nav .rightBar a .d-md-block {
    display: none !important;
  }
  nav .rightBar a i {
    margin-top: 1px;
  }
  .nav li {
    /*.wrap-nav-text {
        max-width: 125px;
        padding-top: 5px;
        padding-bottom: 5px;
    }*/
  }
  .nav li button {
    background: none;
    border: none;
    padding: 16px 7px;
    font-size: 14px;
  }
  .nav.float-right {
    /*.wrap-nav-text {
        max-width: 80px;
        padding-top: 8px;
        padding-bottom: 5px;
    }*/
  }
  .nav.float-right li button {
    font-size: 12px;
    padding: 16px 6px;
  }
  .nav.float-right .fa-caret-down {
    /*display: none;*/
  }
  .sectionNav .container .stackIt.newRideSub {
    margin-right: 100px;
  }
  .fr-ca .nav.float-left li {
    padding: 15px 10px;
  }
  .fr-ca .nav.float-left li.headFive {
    font-size: 14px;
  }
  .fr-ca .nav.float-right li button {
    padding: 16px 10px;
  }
  .myKaw .notifications .promoContent .bpsummary-image {
    margin-top: 30px;
  }
  .merchLanding .appGrid .position-absolute {
    top: 30px;
  }
  #technology .technologyFeature .featuresCurtain .curtainContent {
    padding-top: 20px;
  }
  .techModalContainer .carousel-control-prev {
    margin-left: -12%;
  }
  .techModalContainer .carousel-control-next {
    margin-right: -12%;
  }
  .currentOffers .heroContainer .saveBig {
    top: 5%;
    right: 2%;
  }
  .detail .stickySubNav .float-left li {
    vertical-align: top;
    margin-right: 0px;
  }
  .detail .stickySubNav .float-left li:first-child {
    max-width: 255px;
  }
  .detail .stickySubNav .float-right .blackBtn {
    padding: 20px 10px;
  }
  .detail .services .saving {
    /*border: none;*/
  }
  .subnavBtn {
    padding-top: 15px;
  }
  .cart .itemBox .cartActions {
    /*float: left;*/
  }
  .cart .itemBox .cartActions .headTwo {
    text-align: left;
  }
  .cart .itemBox .cartActions .list-inline-item {
    float: left;
  }
  .cart .itemBox .cartActions .list-inline-item .headSix {
    padding-left: 0;
  }
  .history .corporation {
    background-position: right;
  }
  .fleet .edition .margin-custom-gov {
    margin-right: 232px;
  }
  .landing .appGrid .position-absolute {
    top: 30px;
  }
  .services .shop li {
    margin-left: 35px;
  }
  #dealerModal .modal-dialog {
    max-width: 90%;
    margin-left: 5%;
  }
  #heritage .timeline .timeSlide .iconSlide {
    padding: 24px 20px 0;
  }
  .diagrams .panzoom-parent {
    height: 500px;
  }
  .reserve .h2Space {
    /*   top: 60px;*/
  }
  .reserve .h2Space .container .header-table {
    margin-bottom: 30px;
  }
  .reserve .h2Space .container svg {
    width: 200px;
  }
  #reservetarget {
    margin-top: 0px;
    top: -180px;
    position: relative;
    background-color: transparent;
  }
  .addBanner {
    text-align: left;
  }
  .addBanner .col-auto {
    /*            max-width: 645px;
    */
  }
  .hide-desktop {
    display: none;
  }
  .accModel {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .shopToolsLink svg {
    height: 20px !important;
    width: 20px !important;
  }
  .shopToolsLink .headSix {
    vertical-align: -17px;
    margin-left: 10px;
    font-size: 12.3px;
  }
  .shopToolsLink .reqtTwoCol {
    margin-left: 3px !important;
  }
  .shopToolsLink .reqtIcon {
    margin-left: 1px !important;
  }
  .shopToolsLink .keyIconTwoCol {
    margin-left: initial !important;
  }
  .shopToolsLink .atmkIconTwoCol {
    margin-left: -24px !important;
  }
  .services .shop .shopToolsLink {
    margin-top: -17px;
  }
  .heritageDetail {
    margin-top: -25px;
  }
  .heritageImg {
    padding-bottom: 95px !important;
  }
  .z50-panel {
    overflow-y: scroll;
  }
  .z50-panel .newPlace {
    top: 75% !important;
    padding-bottom: 10px !important;
  }
  .compareVehicles .headThree {
    font-size: 25px;
    line-height: 27px;
  }
  .compareVehicles span.withGreenLine {
    height: 21px;
  }
  .apparelContainer .msrp {
    text-align: left;
  }
  .landing .appGrid .prodGrid .msrp {
    text-align: left;
  }
  .accMerch .cardRepeat .vehicleContainer .msrp {
    text-align: left;
  }
  .supersportObsession {
    background-image: url(/Content/Images/LeadGen/my24/supersport_desktop.jpg);
  }
  .newRider .panel-1 .newPlace,
  .newRider .panel-3 .newPlace,
  .newRider .panel-4 .newPlace {
    max-height: 280px;
    overflow: auto;
  }
  .mobile-text-scroll {
    max-height: 230px;
    overflow: auto;
  }
  .fleet .savings-panel .savings {
    font-size: 0.8em;
    margin: 0 15px;
  }
  .fleet .savings-panel .body {
    min-height: 410px;
  }
}
@media (max-width: 1249.98px) {
  .nav li .wrap-nav-text {
    max-width: 125px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .nav.float-right .wrap-nav-text {
    max-width: 76px;
    padding-top: 8px;
    padding-bottom: 5px;
  }
  .nav.float-right .fa-caret-down {
    /*display: none;*/
  }
}

@media (max-width: 991.98px) {
  .isMobile {
    display: none;
  }
  .showMobile {
    display: block;
  }
  .btnContainer {
    margin-bottom: 50px;
    padding-bottom: 25px;
  }
  #topFeatures .featuresCurtain ul .animateContainer {
    overflow: visible;
  }
  nav .navbar .container .navbar-brand .logo-desktop svg {
    opacity: 100%;
  }
  .mb-200 {
    margin-bottom: -200px;
  }
  .closeBackground {
    display: none !important;
  }
  .blur {
    filter: blur(0px);
    -webkit-filter: blur(0px);
    margin-top: 0;
  }
  .md-min-height {
    min-height: 150px;
  }
  .isMedium {
    display: none;
  }
  .showMedium {
    display: block;
  }
  .md-text-center {
    text-align: center;
  }
  .md-text-left {
    text-align: left !important;
  }
  .margin-left-right-md-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .offeset-one {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .md-w-100 {
    width: 100% !important;
  }
  .md-mt-negative-100 {
    margin-top: -100px;
  }
  .md-mt-negative-50 {
    margin-top: -50px;
  }
  .md-mt-negative-40 {
    margin-top: -40px;
  }
  .md-mt-negative-20 {
    margin-top: -20px;
  }
  .mr-md-negative-30 {
    margin-right: -30px;
  }
  .md-max-w-100 {
    max-width: 100%;
  }
  .md-display-block {
    display: block !important;
  }
  .md-display-none {
    display: none !important;
  }
  .mb-md-4-5 {
    margin-bottom: 2rem;
  }
  .headOne {
    font-size: 35px;
    line-height: 40px;
    /* IE10+ CSS */
  }
  .headOne .sup {
    font-size: 10px;
    top: -2px;
  }
  .headOne .suphpp {
    top: -6px !important;
  }
  /* IE10+ CSS */
  /*   .reserve {
      padding-top: 120px;

      .h2Space {
          top: -120px;
          background: $white;
          padding-top: 30px;
      }
  }*/
}
@media (max-width: 991.98px) and (-ms-high-contrast: none), (max-width: 991.98px) and (-ms-high-contrast: active) {
  .headOne .suphpp {
    top: -9px !important;
  }
}
@media (max-width: 991.98px) {
  .fleet .edition .margin-custom-gov {
    margin-right: unset;
  }
  .headOne.hppReveal {
    font-size: 25px;
    line-height: 40px;
  }
  .headOne.hppReveal .sup {
    margin-top: -8px;
  }
  .justify-content-center-md {
    justify-content: center !important;
  }
  .headTwo {
    font-size: 30px;
    line-height: 35px;
  }
  .headTwo .sup {
    font-size: 9px;
    top: -2px;
  }
  .headThree {
    font-size: 25px;
    line-height: 30px;
  }
  .headThree .sup {
    font-size: 8px;
    top: -2px;
  }
  .headFour {
    font-size: 18px;
    line-height: 22px;
    /* IE10+ CSS */
  }
  .headFour .sup {
    font-size: 7px;
    top: -2px;
  }
  .headFour .suphpp {
    top: -2px !important;
  }
}
@media (max-width: 991.98px) and (-ms-high-contrast: none), (max-width: 991.98px) and (-ms-high-contrast: active) {
  .headFour .suphpp {
    vertical-align: bottom !important;
    top: -4px !important;
  }
}
@media (max-width: 991.98px) and (-ms-high-contrast: none), (max-width: 991.98px) and (-ms-high-contrast: active) {
  .lineHeightThree {
    line-height: 21px !important;
  }
}
@media (max-width: 991.98px) {
  .headFive {
    font-size: 14px;
    line-height: 18px;
  }
  .headFive .sup {
    margin-top: -2px;
  }
  .headSix {
    font-size: 12px;
    line-height: 14px;
  }
  .headSix .sup {
    margin-top: -2px;
  }
  section {
    padding: 60px 0;
  }
  nav .navbar .navbar-brand {
    /*padding: 11px 0 10px 0;*/
    margin-left: 20px !important;
  }
  nav .rightBar {
    top: 18px;
    right: 45px;
  }
  nav .rightBar .showCart {
    display: none;
  }
  nav .rightBar .myHide {
    display: none;
  }
  nav .rightBar a {
    padding-right: 10px;
    border: 0;
    margin-right: 15px;
    margin-top: 16px;
  }
  nav .rightBar a i {
    margin-top: 1px;
  }
  .header-table {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
  .header-table tbody, .header-table tr, .header-table td {
    display: block;
  }
  .header-table h1 {
    border-bottom: 1px solid #66cc33;
    padding-bottom: 10px;
    white-space: unset;
  }
  .header-table td:nth-child(2) {
    display: none;
  }
  .addBanner {
    padding: 6px 0px 6px 0px;
  }
  .wishPos .wishPadding {
    padding-left: 112px;
  }
  .homePromotions .card {
    margin-bottom: 30px;
  }
  .homePromotions .blackBtn {
    margin-top: 40px;
  }
  .homePromotions .promoContent .headFour {
    font-weight: 500;
  }
  .Promotions .card {
    margin-bottom: 30px;
  }
  .Promotions .blackBtn {
    margin-top: 40px;
  }
  .Promotions .promoContent .headFour {
    font-weight: 500;
  }
  .hppSlider .backgroundvideo {
    background-position: top center !important;
  }
  .hppSlider .carouselText.teaser {
    width: 45%;
  }
  .hppSlider .dateSup {
    font-size: 13px !important;
  }
  .hppSlider .carouselText .teaser {
    font-size: 14px;
  }
  #heritage .hydrogen .imageRunUp {
    margin-top: -190px;
  }
  #specs .threeSixty .lowerThree {
    margin-top: -20px;
  }
  #WishlistModal .modal-content-wishlist {
    margin-top: 230px;
  }
  #CartModal .modal-content-cart {
    margin-top: 230px;
  }
  #categoryMob .navLink {
    display: block;
    padding: 20px;
    color: #76767c;
  }
  #categoryMob .navLink svg {
    margin-top: -2px;
  }
  #categoryMob .navLink span {
    color: #ffffff;
  }
  #categoryMob .navLink:first-child {
    border-bottom: 1px solid #454548;
  }
  #categoryMob button {
    width: 100%;
    background: #202021;
    border: 0;
    text-align: left;
    color: #66cc33;
    padding: 30px 20px;
    border-bottom: 1px solid #454548;
  }
  #categoryMob button .downArrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 3.5px 0 3.5px;
    border-color: #b2b2b8 transparent transparent transparent;
    margin-top: 7px;
    float: right;
    display: none;
  }
  #categoryMob button .upArrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 3.5px 5px 3.5px;
    border-color: transparent transparent #66cc33 transparent;
    margin-top: 7px;
    float: right;
  }
  #categoryMob button.collapsed {
    color: #ffffff;
  }
  #categoryMob button.collapsed .downArrow {
    display: block;
  }
  #categoryMob button.collapsed .upArrow {
    display: none;
  }
  #categoryMob .mobCat {
    background: #f1f1f1;
    text-align: center;
    padding: 15px 0 10px;
  }
  #categoryMob .subMonkey {
    border: 1px solid #D7D7DA;
    border-bottom: 0;
    position: relative;
  }
  #categoryMob .subTwo {
    font-family: Oswald;
    font-weight: 500;
    font-size: 10px;
    color: #505055;
    margin: -8px auto 0;
    display: table;
    padding: 0 5px;
    background: #f1f1f1;
    text-transform: uppercase;
  }
  #categoryMob .subAccordion {
    background: #ffffff;
  }
  #categoryMob .subAccordion .container {
    padding-bottom: 30px;
  }
  #categoryMob .subAccordion button {
    background: #D7D7DA;
    color: #000000;
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
  }
  #categoryMob .subAccordion button .plusOpen {
    display: none;
    float: right;
  }
  #categoryMob .subAccordion button .plusOpen svg {
    height: 10px;
    width: 10px;
    margin-top: -4px;
  }
  #categoryMob .subAccordion button .plusOpen svg path {
    fill: #86868D;
  }
  #categoryMob .subAccordion button .minusClose {
    float: right;
  }
  #categoryMob .subAccordion button .minusClose svg {
    height: 10px;
    width: 10px;
    margin-top: -4px;
  }
  #categoryMob .subAccordion button .minusClose svg path {
    fill: #86868D;
  }
  #categoryMob .subAccordion button.collapsed .plusOpen {
    display: block;
  }
  #categoryMob .subAccordion button.collapsed .minusClose {
    display: none;
    float: right;
  }
  #categoryMob .subTrim {
    border-top: 1px solid #f1f1f1;
    position: relative;
    margin: 40px 0;
  }
  #categoryMob .subTrim .headSix {
    margin-top: -6px;
    background: #ffffff;
    color: #76767c;
    display: table;
    margin: -6px auto 0;
    padding: 0 5px;
  }
  #categoryMob .productRepeat {
    text-align: center;
    margin: 10px 0;
  }
  #categoryMob .productRepeat a {
    text-decoration: none;
  }
  #categoryMob .productRepeat .headFive {
    font-weight: 500;
  }
  #categoryMob .productRepeat p {
    color: #76767c;
  }
  #categoryMob .productRepeat img {
    max-width: 100%;
  }
  #categoryMob .secondTier {
    background: #ffffff;
  }
  #categoryMob .secondTier button {
    background: #454548;
    border-bottom: 1px solid #86868D;
  }
  #categoryMob .secondTier button .plusOpen {
    float: right;
  }
  #categoryMob .secondTier button .plusOpen svg {
    height: 10px;
    width: 10px;
    margin-top: -4px;
  }
  #categoryMob .secondTier button .minusClose {
    float: right;
    display: none;
  }
  #categoryMob .secondTier button .minusClose svg {
    height: 10px;
    width: 10px;
    margin-top: -4px;
  }
  #categoryMob .secondTier button .minusClose svg path {
    fill: #dddde4;
  }
  #categoryMob .secondTier button.collapsed .minusClose {
    display: block;
  }
  #categoryMob .secondTier button.collapsed .plusOpen {
    display: none;
  }
  #categoryMob .secondTier .raceFour {
    margin: 15px 0 0 15px;
    font-weight: 700;
  }
  #categoryMob .secondTier .pTwo a:hover {
    color: #76767c;
  }
  #categoryMob .secondTier .list-unstyled {
    margin: 0;
    padding: 15px;
  }
  #categoryMob .secondTier .list-unstyled a {
    display: block;
    padding: 5px 0;
  }
  #categoryMob .secondTier .list-unstyled a:hover {
    color: #76767c;
    text-decoration: none;
  }
  .navbar-collapse .purchaseTools {
    background: #E5E5E9;
  }
  .navbar-collapse .purchaseTools a {
    color: #505055;
    text-decoration: none;
  }
  .navbar-collapse .purchaseTools h3 {
    color: #505055;
    background: #D7D7DA;
    text-align: center;
    padding: 20px 0;
  }
  .navbar-collapse .purchaseTools svg {
    height: 30px;
    margin: 20px auto 10px;
    display: block;
  }
  .navbar-collapse .purchaseTools svg path {
    color: #66cc33;
  }
  .navbar-collapse .purchaseTools h4 {
    color: #505055;
    font-weight: 500;
    text-align: center;
  }
  .navbar-collapse .purchaseTools .ending {
    padding-bottom: 20px;
    border-bottom: 1px solid #dddde4;
    margin-bottom: 20px;
  }
  .navbar-collapse .purchaseTools .list-unstyled {
    margin: 0;
  }
  .navbar-collapse .purchaseTools .list-unstyled li {
    padding-bottom: 20px;
  }
  .navbar-collapse .searchBar {
    padding: 20px 0;
    background: #86868D;
    position: relative;
  }
  .navbar-collapse .searchBar input {
    height: 15px;
    color: #000000;
    background-color: #B5B5B9;
    border: 0;
    max-width: 100%;
    width: 80%;
  }
  .navbar-collapse .searchBar input::placeholder {
    color: #000000;
  }
  .navbar-collapse .searchBar button {
    background: none;
    border: none;
  }
  .navbar-collapse .searchBar button .fa {
    color: #B5B5B9;
  }
  .navbar-collapse .searchBar .suggested-items {
    top: 62px;
  }
  .mpp .infoBox {
    min-height: inherit !important;
    /*.mobBtnHelper {
        margin-left: 50%;

        .blackBtn {
            margin-left: -100px;
        }
    }*/
  }
  .mpp .infoBox .align-self-center {
    width: 100%;
  }
  .mpp .container .disclaimer-desktop {
    left: 25px;
  }
  .newRider .heroCaption {
    width: 35%;
  }
  #indsLinks .row {
    margin: 0 !important;
  }
  #indsLinks .shadow {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  }
  #topFeatures .featuresContainer {
    padding-bottom: 55px;
  }
  #topFeatures .contentContainer {
    margin-bottom: 25px !important;
  }
  #topFeatures .curtainContent {
    padding-top: 0 !important;
  }
  #topFeatures .curtainContent .copyBodyContainer {
    padding-right: 5px;
  }
  #topFeatures .carousel-indicators {
    justify-content: center !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 auto 20px !important;
    width: 100% !important;
  }
  #topFeatures .carousel-indicators li {
    border: 1px solid #76767c !important;
    border-radius: 50px !important;
    height: 10px !important;
    width: 10px !important;
    padding: 0 !important;
  }
  #topFeatures .carousel-indicators li.active {
    background: #66cc33 !important;
    border: 2px solid #66cc33 !important;
  }
  #topFeatures .carousel-indicators li a:focus {
    outline: none !important;
    outline-color: transparent;
  }
  #topFeatures .carousel-indicators li .subNavActiveCarousel {
    border: 0;
  }
  #topFeatures .carousel-indicators .bulletDetails {
    display: none;
  }
  #topFeatures .featuresContainer .carousel-item .pTwo {
    max-height: 100%;
  }
  #mapHeaderSection {
    padding-bottom: 0;
  }
  #maps .mapFilter .category .headFive {
    border-bottom: 1px solid #B5B5B9;
    padding-bottom: 5px;
  }
  .detail .heroBackground .heroCaption {
    width: 49%;
  }
  .detail .heroBackground .disclaimer {
    max-width: 500px;
    width: 49% !important;
  }
  .detail .heroBackground .heroTwo {
    line-height: 43px;
  }
  .detail .vehicleContainer .headFour {
    font-weight: 500;
  }
  .offersDetail.showOffer {
    padding-bottom: 20px;
  }
  .offersDetail .offerList .vehicleContainer {
    min-height: unset;
  }
  .offersDetail .promotionalModels .promoLinks .list-inline .list-inline-item {
    width: 100%;
    text-align: center;
  }
  .offersDetail .promotionalModels .promoLinks .list-inline .list-inline-item:first-child {
    border-right: 0;
    border-bottom: 1px solid #dddde4;
    text-align: center;
    margin-right: 0;
    padding-right: 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .techBadgeModal .techBody .headThree {
    font-size: 25px !important;
  }
  .techBadgeModal .techBody .headFour {
    font-size: 13px !important;
  }
  .techBadgeModal .techBody .techLine {
    padding-top: 18.5px;
    margin-bottom: 61px;
  }
  .techBadgeModal .techBody .techIcon {
    text-align: center;
    /*margin-right: unset !important;*/
    padding-bottom: 15px;
  }
  .techBadgeModal .techBody .secondRow {
    padding-top: 40px;
  }
  .cart .shopBox {
    background: none;
    padding-top: 0;
  }
  .cart .emptyCart {
    padding-top: 0;
  }
  .cart .itemBox .cartActions {
    /*float: left;*/
  }
  .myKaw .notifications .promoContent .bpsummary-image {
    margin-top: 45px;
  }
  .myKaw .mapBox .modelBar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .myKaw .mapBox .mapFilter {
    position: relative;
    width: 100%;
    min-height: 0px;
    /*top: 100px;*/
  }
  .myKaw .mapBox .list-group {
    overflow-x: unset;
    max-height: unset;
    height: auto;
  }
  .myKaw .modelBar {
    position: relative;
    left: 0;
    right: 0;
    top: inherit;
    margin: 0 0 30px 0;
  }
  .myKaw .modelBar .float-right {
    float: none !important;
  }
  .myKaw .modelBar .float-left {
    float: none !important;
  }
  .myKaw .modelBar .hppButton {
    border: none;
    color: #66cc33;
    text-decoration: underline;
    font-size: 11px;
    font-size-adjust: 0.8;
    background: none;
    padding: 0;
    margin-top: 10px;
  }
  .myKaw .modelBar .hppButton svg {
    display: none;
  }
  .myKaw .modal {
    /*.modal-dialog {
        margin: 0;
    }*/
  }
  .myKaw .modal .modelBar {
    margin-bottom: 0;
  }
  .myKaw .modal .modelBar button {
    margin-top: -25px;
  }
  .myKaw .modal .modal-body .blackBtn {
    margin: 20px 0;
  }
  .myKaw .myKawModal .accordion {
    margin-bottom: 20px;
  }
  .myKaw .orderHistory {
    padding-bottom: 600px;
  }
  .myKaw .orderHistory p {
    margin-top: 50px;
  }
  .myKaw .orderHistory .blackBtn {
    width: 100%;
  }
  .compareVehicles .frIt {
    min-width: inherit;
  }
  .compareVehicles .compareCardContainer .col-sm-12 {
    margin-bottom: 20px;
  }
  .compareVehicles .modelBar {
    margin-top: 15px;
  }
  .compareVehicles .vehicleContainer {
    padding-right: 15px;
    padding-left: 15px;
  }
  .compareVehicles .selectedVehicles {
    overflow-y: auto;
  }
  .compareVehicles .selectedVehicles .mobileOverflow {
    min-width: 991.98px;
  }
  .compareVehicles .selectedVehicles table {
    width: 100%;
  }
  .compareVehicles .selectedVehicles table td {
    text-align: center;
  }
  .compareVehicles .selectedVehicles .blackBtn {
    margin: 10px auto 0;
  }
  .compareVehicles .selectedVehiclesADA {
    /*overflow-y: auto;*/
  }
  .compareVehicles .selectedVehiclesADA .mobileOverflow {
    min-width: 991.98px;
  }
  .compareVehicles .selectedVehiclesADA table {
    width: 100%;
  }
  .compareVehicles .selectedVehiclesADA table td {
    text-align: center;
  }
  .compareVehicles .selectedVehiclesADA .blackBtn {
    margin: 10px auto 0;
  }
  .compareVehicles .compareProductsDetails {
    /*overflow-y: auto;*/
  }
  .compareVehicles .compareProductsDetails .accordion {
    /*min-width: 991.98px;*/
  }
  #technology .heroCaption {
    margin-top: 0;
    width: 100%;
  }
  .racing .riderHead .racing-title-spacing {
    padding: 20px 0 0;
  }
  .racing .riderHead .racing-title-spacing .header-table {
    margin-bottom: 0;
  }
  .racing .riderHead .rider-head-img {
    height: 300px;
  }
  .racing .riderHead .riderInfo .list-inline-item {
    text-align: center;
    display: block;
  }
  .racing .riderHead .riderInfo .list-inline-item:first-child {
    border: 0px;
    padding-right: 0px;
    margin-right: 0px;
  }
  .racing .riderHead .riderInfo .list-inline-item:last-child {
    border: 0;
    margin: 20px 0 0;
    padding: 0;
  }
  .racing .racingProof {
    color: #ffffff;
    padding: 30px 20px;
    background-image: url(/Content/Images/Racing/proof_in_racing.jpg?w=800);
    display: block;
    margin-bottom: 0px;
    background-size: cover;
  }
  .racing .racingProof .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 4px;
    border-color: transparent transparent transparent #66cc33;
    margin: 12px 5px 0 0;
    display: inline-block;
    vertical-align: top;
  }
  .racing .racingProof .proofInRacing {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .racing .racingProof .borderLeft {
    border-left: 3px solid #66cc33;
    padding-left: 10px;
  }
  .racing .racingProof .readNewsletter {
    margin-top: 10px;
  }
  .techModalContainer .modal-icon {
    width: 50px;
    height: 50px;
  }
  .techModalContainer .modal-title {
    padding-top: 0;
  }
  .techModalContainer .shiftLeft .pTwo {
    padding: 0;
    text-align: inherit;
  }
  .itemPage .btnGroup li {
    width: 100%;
  }
  .itemPage .btnGroup li .blackBtn, .itemPage .btnGroup li .blackBtn-disabled {
    width: 100%;
    margin-bottom: 20px;
  }
  .accessories .col-md-auto {
    width: 100%;
  }
  .accessories .col-md-auto .hppButton {
    width: 100%;
  }
  .subscribe {
    min-height: inherit;
  }
  .subscribe .update {
    background: none;
    padding: 30px 0;
  }
  .subscribe .thanks {
    padding-top: 0;
  }
  .history {
    position: relative;
  }
  .history .corporation {
    background: none;
    padding: 0;
  }
  .history .corporation .header-table {
    position: absolute;
    top: 60px;
  }
  .history .corporation .container {
    padding: 0;
  }
  .history .corporation img {
    width: 100%;
  }
  .history .multi {
    background: #454548;
    padding: 0 30px;
  }
  .history .during {
    padding: 30px;
  }
  .history .freight .following {
    padding: 30px;
  }
  .history .bicycle {
    background: none;
    padding: 0;
  }
  .history .bicycle img {
    width: 100%;
  }
  .history .bicycle .smMoto {
    padding: 30px;
  }
  .history .ship .row {
    padding: 0;
  }
  .history .sector {
    background: none;
    padding: 0;
  }
  .history .sector .imgSky {
    padding: 0 30px 30px;
    background-image: url("/Content/Images/History/img_blueSky_xs@2x.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
  .history .environment {
    padding: 0 30px;
  }
  .history .name {
    background: none;
    padding: 0;
  }
  .warranty .border-left-compare {
    display: inline;
    border-left: 1px solid #dddde4 !important;
  }
  .warranty .warrentyButton.float-right {
    display: none;
  }
  .loginRegister {
    background: #f1f1f1;
  }
  .loginRegister .register {
    margin-top: 40px;
    margin-right: -30px;
    margin-left: -30px;
    padding: 20px 30px;
  }
  #pageNotFound .headerImage {
    background-image: url(/Content/Images/PageNotFound/404_header_xs.jpg);
    background-size: cover;
  }
  #pageNotFound .notFoundContainer {
    padding-left: 0px;
    padding-right: 0px;
  }
  #pageNotFound .notFoundContainer .headTwo {
    text-align: center;
  }
  #pageNotFound .centerCardText {
    margin-left: -10px;
    width: 100%;
    text-align: center;
  }
  #pageNotFound .col-6 {
    padding-left: 10px;
    padding-right: 10px;
  }
  #pageNotFound .notFound-pt-2 {
    padding-top: 0.5rem !important;
  }
  #pageNotFound .col-sm-12 {
    padding-left: 10px;
    padding-right: 10px;
  }
  #pageNotFound .NotFoundpt-sm-1 {
    padding-top: 1rem !important;
  }
  #pageNotFound .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .corporateInfo .pb-30 {
    margin-bottom: 20px;
  }
  #careers .nameDate .pOne {
    margin-top: 0;
  }
  #recallAccordion button .headFour .float-right {
    top: -6px;
  }
  .footerLinks .linkContainer .row {
    width: 100%;
  }
  .merchLanding .appGrid .position-absolute {
    top: 15px;
    left: 30px;
  }
  .general .generalHeader {
    background-image: none !important;
    background: #f1f1f1;
    min-height: inherit;
  }
  .general .generalHeader section {
    padding-bottom: 0;
  }
  .general .generalHeader .header-table h1 {
    color: #000000;
  }
  .general .generalHeader .mobileHeader {
    background: #000000;
  }
  .general .generalHeader .mobileHeader img {
    width: 100%;
  }
  .general .generalHeader .mobileHeader .conBox {
    padding: 20px;
  }
  .general .generalHeader .mobileHeader .conBox .headFive {
    color: #76767c;
    margin-bottom: 10px;
  }
  .general .generalHeader .mobileHeader .conBox .genHead {
    color: #ffffff;
    border-bottom: 1px solid #66cc33;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .general .generalHeader .mobileHeader .conBox p {
    color: #ffffff;
  }
  .general .generalHeader .mobileHeader .conBox .hppButton {
    margin-top: 15px;
  }
  .general .ecoInfo {
    height: unset;
  }
  .general .ecoInfo .showMobile {
    display: block;
  }
  .general .listing .allEvents {
    margin-top: 30px;
  }
  .sectionNav .container .stackIt {
    left: 110px;
  }
  .diagrams .panzoom-parent {
    height: 400px;
  }
  .newList .container {
    padding: 0;
  }
  .newList .allInfo {
    min-height: 410px;
    min-height: unset;
    padding: 40px 20px 60px 20px;
  }
  .newList .allInfo .newPlace {
    padding-left: 15px;
    position: relative;
    transform: none;
    left: 0;
    top: 0;
  }
  .newList .allInfo .newPlace .pOne.mr-5 {
    margin-right: 0 !important;
  }
  .newList .newCustom.container {
    padding: 0 15px;
  }
  .newList .z50-panel {
    overflow: hidden;
  }
  .newList .z50-panel .newPlace {
    top: 50% !important;
  }
  .shopBackground {
    background: none !important;
  }
  .shopBackground .header-table {
    margin-bottom: 30px;
  }
  .shopBackground .header-table h1 {
    color: #000000;
  }
  .shopBackground .header-table .border-line {
    display: block;
  }
  .shopBackground img {
    display: block;
  }
  .landing .appGrid .position-absolute {
    top: 15px;
    left: 30px;
  }
  .subBrand .limWar .vertMiddle {
    position: relative;
    margin: 40px 0 0;
    top: inherit;
    display: block;
    transform: inherit;
  }
  .printRegistrationForm {
    display: none;
  }
  .reserve {
    padding-top: 0px;
  }
  .reserve .h2Space {
    position: absolute;
    width: 100%;
    top: 20px;
    left: 0;
  }
  .reserve .h2Space .container {
    position: relative;
    height: 100%;
  }
  .reserve .h2Space .container svg {
    width: 250px;
  }
  #reservetarget {
    margin-top: 0px;
    top: -180px;
    position: relative;
    background-color: transparent;
  }
  .hide-desktop {
    display: none;
  }
  .removeGreenLine {
    border-bottom: unset !important;
  }
  .addGreenLine {
    border-bottom: 1px solid #66cc33;
    padding-bottom: 10px;
  }
  .shopToolsLink svg {
    height: 20px !important;
    width: 20px !important;
  }
  .shopToolsLink .headSix {
    vertical-align: -17px;
    margin-left: 10px;
    font-size: 12px;
  }
  .shopToolsLink .keyIconTwoCol {
    margin-left: 13px !important;
  }
  .shopToolsLink .reqtTwoCol {
    margin-left: -4px !important;
  }
  .shopToolsLink .atmkIconTwoCol {
    margin-left: initial !important;
  }
  .sftyresTwoCol {
    min-width: 150px !important;
    text-align: initial !important;
  }
  .services .shop .shopToolsLink {
    margin-top: -17px;
  }
  #sidexsideSafetyResources {
    padding: 30px 0;
  }
  .heritageDetail {
    margin-top: -130px;
  }
  .HeritageMob {
    margin-top: -235px;
  }
  .hertiageDesc {
    padding-top: 0px !important;
  }
  .compareVehicles span.withGreenLine {
    height: 25px;
  }
  .compareVehicles .headThree {
    font-size: 32px;
    line-height: 34px;
  }
  .apparelContainer .msrp {
    text-align: left;
  }
  .landing .appGrid .prodGrid .msrp {
    text-align: left;
  }
  .accMerch .cardRepeat .vehicleContainer .msrp {
    text-align: left;
  }
  .supersportObsession {
    background-image: url(/Content/Images/LeadGen/my24/supersport_mobile.jpg);
  }
  .supersportObsessionContainer {
    width: auto !important;
  }
  .priceReductionSnipe {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    padding: 5px 10px;
    margin-bottom: 0;
  }
  .priceReductionOldPrice {
    font-size: 20px;
    line-height: 20px;
    margin: 4px 0 0 15px;
  }
  .support .infoGroup .headFive {
    min-height: 60px;
  }
  .mobile-text-scroll {
    max-height: 269px;
    overflow: auto;
  }
  .fleet .savings-panel .savings {
    font-size: 0.5em;
    margin: 0;
  }
  .fleet .savings-panel .body {
    min-height: 390px;
    padding: 20px;
  }
}

@charset "UTF-8";
@media (max-width: 767.98px) {
  .stretch-sm {
    width: 100%;
  }
  .specNoSpecifications {
    margin-top: 50px;
  }
  .blackBtn:hover {
    background: rgb(0, 0, 0);
  }
  .mb-200 {
    margin-bottom: -200px;
  }
  .sm-text-center {
    text-align: center !important;
  }
  .pt-sm-150 {
    padding-top: 150px;
  }
  .mt-sm-10 {
    margin-top: 10px !important;
  }
  .pt-small-0 {
    padding-top: 0px !important;
  }
  .pb-sm-0 {
    padding-bottom: 0px !important;
  }
  .line-height-sm-20 {
    line-height: 20px !important;
  }
  .small-col-padding {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .sm-v-visible {
    visibility: visible !important;
  }
  .sm-display-none {
    display: none !important;
  }
  .sm-display-block {
    display: block !important;
  }
  .sm-w-100 {
    width: 100% !important;
  }
  .sm-margin-LR {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .sm-margin-LR-negative {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .sm-margin-LR-negative {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .sm-margin-l-negative {
    margin-left: -15px !important;
  }
  .sm-mt-negative-50 {
    margin-top: -50px;
  }
  .sm-mt-negative-75 {
    margin-top: -75px;
  }
  .sm-text-left {
    text-align: left !important;
  }
  .sm-pb-em-5 {
    padding-bottom: 5em !important;
  }
  #topFeatures .featuresCurtain ul .animateContainer {
    overflow: visible;
  }
  #topFeatures .featuresCurtain .curtainContent {
    padding: 0 20px 20px 5px;
  }
  .whitebg {
    background-color: #ffffff;
  }
  .isMobile {
    display: none;
  }
  .showMobile {
    display: block;
  }
  .acc-msrp-modal {
    font-size: 11px;
  }
  nav .navbar .container .navbar-brand .logo-desktop svg {
    opacity: 100%;
  }
  nav .navbar .navbar-brand {
    margin-left: 18px !important;
    padding: 8px 0 15px 0;
  }
  nav .navbar .navbar-brand .logo-desktop {
    display: none;
  }
  nav .navbar .navbar-brand .logo-desktop svg {
    opacity: 100%;
  }
  nav .navbar .navbar-brand .logo-mobile {
    display: block;
  }
  nav .navbar .navbar-brand .logo-mobile svg {
    opacity: 100%;
  }
  nav .rightBar {
    top: 15px;
  }
  nav .rightBar a {
    margin-top: 9px;
  }
  nav .navbar-toggler svg {
    height: 17px;
    margin-top: -5px;
  }
  .green-line-header {
    height: 3px;
  }
  .anchorLinks {
    top: -93px;
  }
  .merchLanding {
    padding-bottom: 1px;
  }
  .merchLanding .appGrid .position-absolute {
    top: inherit;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 30px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.69+33,1+73 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 33%, rgb(0, 0, 0) 73%, rgb(0, 0, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 33%, rgb(0, 0, 0) 73%, rgb(0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 33%, rgb(0, 0, 0) 73%, rgb(0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 ); /* IE6-9 */
  }
  .merchLanding .appGrid .position-absolute h3, .merchLanding .appGrid .position-absolute p {
    text-align: center;
  }
  .merchLanding .appGrid .position-absolute .blackBtn {
    display: none;
  }
  .mpp .heroBackground {
    background-size: auto 180px;
    padding-bottom: 20px;
  }
  .mpp .heroBackground .container {
    position: relative;
    min-height: 445px;
  }
  .mpp .heroBackground .container .FPO {
    top: 20%;
    font-size: 3em;
  }
  .mpp .heroCaption {
    position: absolute;
    left: 0;
    top: 315px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
  }
  .mpp .heroCaption .headFour {
    margin-top: 20px;
  }
  .mpp .heroCaption .disclaimer {
    margin-left: 15px;
    margin-right: 15px;
  }
  .mpp .heroCaption svg {
    max-height: 74px;
  }
  .newRider .heroBackground {
    background-size: auto 180px;
  }
  .newRider .heroBackground .container {
    position: relative;
    min-height: 525px;
  }
  .newRider .heroBackground .container .FPO {
    top: 20%;
    font-size: 3em;
  }
  .newRider .heroCaption {
    position: absolute;
    left: 0;
    top: 335px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
    max-width: unset;
  }
  .newRider .heroCaption .headFour {
    margin-top: 0;
  }
  .newRider .heroCaption .disclaimer {
    margin-left: 15px;
    margin-right: 15px;
  }
  .newRider .heroCaption svg {
    max-height: 74px;
  }
  .hppSlider .backgroundvideo {
    background-position: top center !important;
  }
  .hppSlider .carousel-item {
    background: #000000;
    background-repeat: no-repeat;
    background-position: calc(50% - 50px) 0;
    background-size: auto 180px;
    /*position: relative;*/
  }
  .hppSlider .carousel-item .container {
    position: relative;
    /*min-height: 500px;*/
    /* hack for hpp disclaimer cutoff that seems like it was due to the design */
    min-height: 550px;
  }
  .hppSlider .carousel-item .container .FPO {
    top: 20%;
    font-size: 3em;
  }
  .hppSlider [data-title=Morgan_Wallen_Sweeps_1] {
    background-position: calc(50% - 50px) 0;
  }
  .hppSlider .carouselText {
    left: 0;
    right: 0;
    top: 99px;
    text-align: center;
    width: 100%;
    z-index: 0;
    margin: 0;
    position: absolute;
  }
  .hppSlider .carouselText h1 {
    color: #66cc33;
    margin: 20px 0 0 0;
  }
  .hppSlider .carouselText h2 {
    color: #ffffff;
    padding: 0 10px;
  }
  .hppSlider .carouselText h3 {
    color: #ffffff;
    margin: 10px 0 0 0;
    font-weight: 400;
  }
  .hppSlider .carouselText p {
    color: #ffffff;
    margin: 10px 0 0 0;
  }
  .hppSlider .carouselText .hppButton {
    margin: 20px 0 0 0;
  }
  .hppSlider .carouselText table {
    margin: auto;
  }
  .hppSlider .carouselText table svg {
    /*max-width: 90%;*/
    width: 45%;
  }
  .hppSlider .carouselText .disclaimer {
    position: relative;
  }
  .hppSlider .carouselText.teaser {
    width: inherit;
  }
  .hppSlider .carouselText.teaser .carOne br {
    display: none;
  }
  .hppSlider .carouselContainer {
    bottom: -60px;
  }
  .hppSlider .carouselContainer .carInd {
    margin-top: 14px;
    margin-bottom: -40px;
    padding-left: 5px;
  }
  .hppSlider .carouselContainer .carouselInnerPad {
    top: -22px;
  }
  .hppSlider .carouselPad {
    bottom: -74px;
  }
  .hppSlider .carousel-indicators {
    top: 9px;
    flex-wrap: wrap;
    width: 288px;
  }
  .hppSlider .kawiCompact {
    width: 249px;
  }
  .hppSlider .kawiCompactMore {
    width: 287px;
  }
  .hppSlider .carousel-control-prev, .hppSlider .carousel-control-next {
    height: 25px;
    top: 15%;
  }
  .detail .heroBackground {
    background: #000000;
    background-repeat: no-repeat;
    background-position: 75% 0px;
    background-size: auto 180px;
    padding-bottom: 1px;
  }
  .detail .heroBackground .container {
    position: relative;
    min-height: 340px;
  }
  .detail .heroBackground .container .FPO {
    top: 20%;
    font-size: 3em;
  }
  .detail .heroBackground .container .heroCaption {
    width: unset;
    padding-bottom: 20px;
  }
  .detail .heroBackground .container .heroCaption .heroTwo {
    line-height: unset;
  }
  .detail .heroBackground .hppButton svg {
    margin-top: -5px;
  }
  .detail .heroBackground .disclaimer {
    max-width: 100% !important;
    width: unset !important;
  }
  .detail .heroCaption {
    position: relative;
    left: 0;
    top: inherit;
    padding-top: 190px;
    text-align: center;
    width: 100%;
    transform: translateY(0);
  }
  .detail .heroCaption .iconLinks .list-inline-item {
    padding: 0 10px;
    margin: 0;
    min-width: 115px;
  }
  .detail .heroCaption .iconLinks .list-inline-item:last-child {
    max-width: 31%;
  }
  .detail .heroCaption .iconLinks .list-inline-item a {
    margin: 0;
  }
  .detail .heroCaption .iconLinks .list-inline-item .z-anniversary {
    height: 100px;
    width: 120px;
  }
  .detail .heroCaption a {
    color: white;
    border-right: 1px solid #66cc33;
    padding-right: 1rem;
  }
  .detail .heroCaption a:hover, .detail .heroCaption a.active {
    color: #66cc33;
    text-decoration: none;
  }
  .elektrodeLand .heroBackground {
    background: #000000;
    background-repeat: no-repeat;
    background-position: 75% 0px;
    background-size: auto 180px;
    padding-bottom: 1px;
  }
  .elektrodeLand .heroBackground .container {
    position: relative;
    min-height: unset;
    padding-bottom: 40px;
  }
  .elektrodeLand .heroBackground .container .FPO {
    top: 20%;
    font-size: 3em;
  }
  .elektrodeLand .heroBackground img {
    width: 100%;
  }
  .elektrodeLand .heroBackground .flex-badge img, .elektrodeLand .heroBackground .flex-badge svg {
    display: none;
  }
  .elektrodeLand .heroBackground .hppButton svg {
    margin-top: -5px;
  }
  .elektrodeLand .heroCaption {
    position: relative;
    left: 0;
    top: inherit;
    padding-top: 200px;
    text-align: center;
    width: 100%;
    transform: translateY(0);
  }
  .elektrodeLand .heroCaption a {
    color: #76767c;
    border-right: 1px solid #76767c;
    padding-right: 1rem;
  }
  .elektrodeLand .heroCaption a:hover, .elektrodeLand .heroCaption a.active {
    color: #66cc33;
    text-decoration: none;
  }
  .elektrodeLand .services {
    text-align: center;
    padding: 20px 0;
  }
  .elektrodeLand .services .headThree {
    font-size: 30px;
    line-height: 30px;
  }
  .elektrodeLand .services .msrp {
    border: 0;
  }
  .footerLinks svg {
    margin-top: 6px;
  }
  .footerPrivacy {
    padding: 20px 0;
    /*.float-right {
        float: none !important;
        width: 100%;


        p {
            text-align: center;
            margin-bottom: 20px;
        }
    }*/
    /*.float-left {
        float: none !important;
        width: 100%;

        ul {
            display: table;
            margin: auto;

            li {
                margin: 0 20px 20px;
            }
        }
    }*/
  }
  .footerPrivacy .motors .pTwo {
    text-align: center;
    margin-bottom: 20px;
  }
  .footerPrivacy .social {
    margin-top: 20px;
    flex-basis: auto;
  }
  .footerPrivacy .social .row {
    float: none;
  }
  .techSmNav {
    color: #76767c;
    visibility: visible;
  }
  #technology .heroBackground {
    background-image: none !important;
  }
  #technology .heroCaption .pOne {
    width: 100%;
  }
  #technology .hppButton {
    width: 100%;
  }
  #technology .copyBlock {
    border-left: 0 !important;
    padding-left: 0 !important;
  }
  #technology .curtainContent {
    padding: 20px !important;
  }
  .technologyNodes .promoBox {
    border-bottom: 0;
    background-color: #000000;
  }
  .technologyNodes .promoContent {
    border-bottom: none !important;
  }
  .technologyNodes .promoDesc {
    display: none;
  }
  .techModalContainer {
    padding: 0 !important;
    /*.shiftLeft{
        width:50%;
    }*/
  }
  .techModalContainer .modal-header {
    margin-top: 0;
  }
  .techModalContainer .modal-icon {
    margin-top: 5px;
    margin-left: 35px;
  }
  .techModalContainer .modal-dialog {
    margin: 100px auto 0;
  }
  .techModalContainer .modal-footer {
    display: block;
  }
  .techModalContainer .modal-dialog-centered {
    max-width: 100%;
    margin-top: 0;
  }
  .techModalContainer .carousel .carousel-inner {
    min-height: inherit;
  }
  .techModalContainer .carousel .carousel-inner .mainTechImage {
    max-width: 550px;
  }
  .techModalContainer .modalCardimageChange {
    width: 100px;
  }
  .techModalContainer .modal-content {
    margin-top: 0px;
  }
  .techModalContainer .smallOn {
    background-image: url("Images/ind_ON.png");
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
  }
  .techModalContainer .smallOff {
    background-image: url("Images/ind_OFF.png");
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
  }
  .techModalContainer .imageSideName {
    margin-bottom: 15px;
  }
  .techModalContainer .techLrgNav {
    display: none;
  }
  .techModalContainer .carousel {
    margin: 0 !important;
  }
  .techModalContainer .techNone {
    /*display: none !important;*/
  }
  .techModalContainer .modalImageNodes {
    /*display: none;*/
    /*position: absolute;
    left: 50%;
    margin: auto;
    margin-right: -50%;
    transform: translate(-50%, -50%);*/
  }
  #carouselTech .modalImageNodes {
    /*display: none;*/
  }
  #carouselTech .carousel-inner {
    padding-bottom: 100px;
  }
  #carouselTech .techLrgNav {
    display: none;
  }
  #carouselTech .carousel-indicators {
    display: flex;
  }
  #carouselTech .carousel-indicators {
    position: relative;
    justify-content: center !important;
    background-color: transparent !important;
    padding: 0 !important;
    width: auto !important;
  }
  #carouselTech .carousel-indicators.techCircle .activeCardImage {
    outline: none !important;
  }
  #carouselTech .carousel-indicators li {
    height: 20px !important;
    width: 20px !important;
    padding: 0 !important;
  }
  #carouselTech .carousel-indicators li .onIndicator {
    display: none;
  }
  #carouselTech .carousel-indicators li .offIndicator {
    display: block;
  }
  #carouselTech .carousel-indicators li.active .onIndicator {
    display: block;
  }
  #carouselTech .carousel-indicators li.active .offIndicator {
    display: none;
  }
  #carouselTech .carousel-indicators .bulletDetails {
    display: none;
  }
  #carouselTech .featuresContainer .carousel-item .pTwo {
    max-height: 100%;
  }
  #topFeatures .featuresContainer {
    padding-bottom: 0;
  }
  .searchResults .compareContent .featuredResult .rightSide .topRight {
    padding-left: 30px;
  }
  #maps {
    background-color: #f1f1f1;
    /*display:contents;*/
  }
  #maps .googleMap {
    visibility: hidden;
  }
  #maps .headTwo {
    color: #000000 !important;
  }
  #maps .mapFilter {
    width: 100%;
  }
  #maps .mapFilter .category .form-check {
    width: 100%;
  }
  #maps .mapFilter .category .pTwo {
    /*vertical-align: top;*/
    margin-top: -2px;
  }
  #maps .form-check-inline {
    display: block;
    /*display: none;*/
  }
  #maps .dealersCat {
    /*display: none;*/
  }
  #maps .filterSmall {
    cursor: pointer;
  }
  .filterBoxCompare {
    position: fixed;
    left: 100%;
    height: 100%;
    overflow-x: scroll;
    top: 0;
  }
  .filterBoxCompare.active {
    left: 0;
    transition: all 1s;
    -webkit-transition: all 0.5s;
    z-index: 9999;
  }
  .filterBoxCompare.disabled {
    left: 100%;
    transition: all 1s;
    -webkit-transition: all 0.5s;
  }
  .filterBoxCompare #closeFilter {
    display: block;
    height: 20px;
  }
  .filterBoxCompare #closeFilter path {
    fill: #76767c;
  }
  .compareVehicles .withGreenLine {
    line-height: 32px;
  }
  .compareVehicles span.withGreenLine {
    height: 25px;
  }
  .cart section:first-child {
    background: #E5E5E9;
  }
  .cart .shopBox {
    padding-left: 0;
    padding-right: 0;
  }
  .cart .itemBox .cartActions {
    float: left;
  }
  .cart .itemBox .linkGroup {
    text-align: left;
  }
  .cart .itemBox .linkGroup .headSix {
    padding: 0 10px 0 0;
  }
  .cart .emptyCart p {
    margin-bottom: 20px;
  }
  .news #filterButton {
    margin-bottom: 20px;
  }
  .newsDetail .carousel .carousel-indicators {
    justify-content: initial;
    width: fit-content;
    margin: 25px auto;
    position: relative;
    list-style: none;
  }
  .newsDetail .carousel .carousel-indicators li {
    height: 20px !important;
    width: 20px !important;
    padding: 0 !important;
    border: 0;
    /*svg {
        display: block;
    }*/
  }
  .newsDetail .carousel .carousel-indicators li img {
    display: none;
  }
  .newsDetail .carousel .carousel-indicators li .onIndicator {
    display: none;
  }
  .newsDetail .carousel .carousel-indicators li .offIndicator {
    display: block;
  }
  .newsDetail .carousel .carousel-indicators li.active {
    border: 0;
  }
  .newsDetail .carousel .carousel-indicators li.active .onIndicator {
    display: block;
  }
  .newsDetail .carousel .carousel-indicators li.active .offIndicator {
    display: none;
  }
  .itemPage .viewList {
    position: relative;
  }
  .itemPage .viewList .showMobile {
    width: 240px;
    margin-right: 0;
  }
  .itemPage .viewList li {
    margin-bottom: 10px;
  }
  .itemPage .viewList li:last-child .tableCaption {
    margin: 0;
  }
  .itemPage .viewList .float-right {
    position: relative;
    float: none !important;
  }
  .itemPage .carousel .carousel-indicators {
    justify-content: initial;
    width: fit-content;
    margin: 25px auto;
    float: none;
  }
  .itemPage .carousel .carousel-indicators li {
    height: 20px !important;
    width: 20px !important;
    padding: 0 !important;
    /*svg {
        display: block;
    }*/
  }
  .itemPage .carousel .carousel-indicators li img {
    display: none;
  }
  .itemPage .carousel .carousel-indicators li .onIndicator {
    display: none;
  }
  .itemPage .carousel .carousel-indicators li .offIndicator {
    display: block;
    margin-top: -2px;
  }
  .itemPage .carousel .carousel-indicators li.active {
    border: 0;
  }
  .itemPage .carousel .carousel-indicators li.active .onIndicator {
    display: block;
  }
  .itemPage .carousel .carousel-indicators li.active .offIndicator {
    display: none;
  }
  .modalButtonPad {
    padding: 0 15px;
    width: 100%;
    margin-bottom: 20px;
  }
  .modalButtonPad .blackBtn {
    width: 100%;
  }
  .homePromotions {
    padding-top: 83px;
  }
  .homePromotions .blackBtn {
    margin-top: 10px;
  }
  .homePromotions .card-deck .col-sm-12 {
    margin-bottom: 30px;
  }
  .homePromotions .singlePromo img {
    border: none;
    border-bottom: 3px solid #66cc33;
  }
  .Promotions .blackBtn {
    margin-top: 10px;
  }
  .Promotions .card-deck .col-sm-12 {
    margin-bottom: 30px;
  }
  .Promotions .singlePromo img {
    border: none;
    border-bottom: 3px solid #66cc33;
  }
  .racing .homeTeams .home-team-single img {
    margin-bottom: 10px;
  }
  .racing .homeTeams .home-team-single .head-text-container {
    position: unset;
    text-align: left;
  }
  .racing .homeTeams .home-team-single .head-text-container h3 {
    color: #000000;
    margin-bottom: 30px;
    border-left: 3px solid #66cc33;
    padding-left: 10px;
  }
  .racing .homeTeams .home-team-single .head-text-container .headFour {
    color: #000000;
  }
  .racing .homeTeams .globalInfo .followGlobal li {
    margin-right: 20px;
    padding-right: 20px;
    text-align: left;
  }
  .racing .homeTeams .globalInfo .followGlobal .row .col-md-6:last-child {
    border: 0;
    margin-top: 20px;
  }
  .racing .homeTeams .globalInfo a {
    text-decoration: underline;
  }
  .racing .homeTeams .globalInfo a:hover {
    color: inherit;
  }
  .racing .schedule {
    background: #f1f1f1;
  }
  .racing .schedule .eventsHeader {
    height: auto;
    background-size: 100% auto;
  }
  .racing .schedule .header-table h1 {
    color: #000000;
  }
  .racing .schedule .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .racing .schedule .container table {
    margin-bottom: 25px;
  }
  .racing .riderHead .header-table {
    /*position: absolute;
    top: 100px;
    left: 100px;*/
  }
  .racing .riderHead .rider-head-img {
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .racing .teamEquipment .col-sm-12 {
    margin-bottom: 20px;
  }
  .racing .riderLinks h4 {
    margin-bottom: 30px;
  }
  .racing .racingBlock .blackBtn {
    width: 100%;
  }
  .racing .eventsBlock .blackBtn {
    width: 100%;
  }
  .racing .racingProof {
    margin-top: 30px;
  }
  .racing .teamRiders .riderLinks .blackBtn {
    width: 100%;
  }
  .racing .teamRiders .racing-team-section {
    padding-top: 50px;
  }
  .racing .teamRiders .racing-team-section:last-child {
    padding-bottom: 0px;
  }
  .racing .teamRiders .racing-team-section-right .racing-team-section {
    padding-top: 0px;
  }
  .racing .teamRiders .racing-team-section-right .racing-team-section:first-child {
    padding-top: 0px;
  }
  .racing .teamRiders .racing-team-section-right .racing-team-section:last-child {
    padding-bottom: 0px;
  }
  .racing .riderGallery {
    margin-left: -30px;
    margin-right: -30px;
  }
  .racing .riderGallery .carousel-inner {
    width: 100%;
  }
  .filterBox {
    visibility: hidden;
    position: fixed;
    left: 100%;
    height: 100%;
    overflow-x: scroll;
    top: 0;
  }
  .filterBox.active {
    left: 0;
    transition: all 1s;
    -webkit-transition: all 0.5s;
    z-index: 9999;
  }
  .filterBox.disabled {
    left: 100%;
    transition: all 1s;
    -webkit-transition: all 0.5s;
  }
  .filterBox #closeFilter {
    display: block;
    height: 20px;
  }
  .filterBox #closeFilter path {
    fill: #76767c;
  }
  .filterBox .looking {
    padding: 15px;
    text-align: center;
  }
  .filterBox .looking .lookingTwo {
    margin-top: 0;
  }
  .filterBox .looking .blackBtn {
    width: 100%;
  }
  .offersDetail .mapBack {
    padding-top: 60px;
  }
  .offersDetail .mapBack h3 {
    margin-top: 0;
  }
  .offersDetail .mapBack input {
    width: 270px;
  }
  .offersDetail .mapBack .searchBack {
    background-position: 240px;
  }
  .offersDetail .heroContainer {
    padding: 0;
  }
  .offersDetail .heroContainer .savingContainer {
    padding-bottom: 20px;
  }
  .offersDetail .heroContainer .savingContainer .blackBtn {
    width: 100%;
  }
  .offersDetail .offerList h3 {
    margin-top: 30px;
  }
  .offersDetail .offerList h4 {
    margin-top: 25px;
  }
  .offersDetail .offerList .group-container {
    margin-bottom: 0;
  }
  .offersDetail .offerList .vehicleContainer {
    /*                svg {
                        position: absolute;
                        top: 37%;
                        right: 25px;
                    }*/
  }
  .offersDetail .offerList .vehicleContainer .headForAll {
    text-align: left;
    padding: 15px;
  }
  .offersDetail .offerList .vehicleContainer .prodName {
    padding-top: 20px;
  }
  .offersDetail .offerList .vehicleContainer .models {
    display: none;
  }
  .featuredVehicles .product {
    margin-bottom: 30px;
    display: block;
  }
  .featuredVehicles .product .headFour {
    font-size: 30px;
    line-height: 40px;
  }
  #models .modelRepeat .modelHead .ml-2 {
    margin-left: 0px !important;
  }
  #models .modelRepeat .modelHead .pTwo {
    display: block;
  }
  .mayLike .row {
    width: inherit;
  }
  #heritage .heritageCopyVideo .pOne {
    padding-bottom: 20px;
  }
  #heritage .desktop {
    display: none;
  }
  #heritage .mobile {
    display: block;
  }
  #heritage .aviation .headThree {
    color: #000000;
    padding-top: 20px;
  }
  #heritage .aviation .pOne {
    color: #000000;
    padding-right: 40px;
  }
  #heritage .robotics .noImage {
    display: none;
  }
  #heritage .robotics .second {
    order: 1;
  }
  #heritage .hydrogen .imageRunUp {
    margin-top: -70px;
  }
  #heritage .motoEngines {
    background-image: none;
    background-color: #1f1f1f;
  }
  #heritage .motoEngines .headThree {
    color: #ffffff;
  }
  #heritage .motoEngines .pOne {
    color: #ffffff;
  }
  #careers .blackBtn {
    width: 100%;
  }
  #internationalsites .blackBtn {
    width: 100%;
  }
  .indsLinksContainer img {
    display: none;
  }
  .indsLinksContainer .promoContent {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 0;
    padding-left: 20px;
  }
  .indsLinksContainer .promoBox {
    box-shadow: none;
  }
  .indsLinksContainer .pb-30 {
    padding: 0;
  }
  .indsLinksContainer .promoContainer {
    margin-bottom: 0;
  }
  .indsLinksContainer .promoContainer:hover .promoBox {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .corporateInfo .promoContent {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 0;
    padding-left: 20px;
  }
  .corporateInfo .pTwo:last-child {
    padding-bottom: 20px;
  }
  .corporateInfo p.row {
    width: 100%;
  }
  .corporateInfo .promoBox {
    box-shadow: none;
  }
  .corporateInfo .pb-30 {
    padding: 0;
  }
  .corporateInfo .promoContainer {
    margin-bottom: 0;
  }
  .corporateInfo .promoContainer:hover .promoBox {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .warranty .warrentyButton {
    width: 100%;
  }
  .warranty .protectionPlus {
    width: 100%;
  }
  .warranty .no-warp {
    display: inline-block;
    white-space: nowrap;
  }
  .configurator .heroBackground {
    background: #000000;
    background-repeat: no-repeat;
    background-position: 75% 0px;
    background-size: auto 180px;
  }
  .configurator .heroBackground .container {
    position: relative;
    min-height: 330px;
  }
  .configurator .heroBackground .container .FPO {
    top: 20%;
    font-size: 3em;
  }
  .configurator .heroBackground img {
    width: 100%;
  }
  .configurator .heroCaption {
    position: absolute;
    left: 0;
    top: 200px;
    text-align: center;
    width: 100%;
    transform: translateY(0);
  }
  .configurator .heroCaption a {
    color: #76767c;
    border-right: 1px solid #76767c;
    padding-right: 1rem;
  }
  .configurator .heroCaption a:hover, .configurator .heroCaption a.active {
    color: #66cc33;
    text-decoration: none;
  }
  .research .searchBack {
    width: inherit;
  }
  .reserve {
    padding-top: 0px;
  }
  .reserve .h2Space {
    position: absolute;
    width: 100%;
    top: 10px;
    left: 0;
  }
  .reserve .h2Space .container {
    position: relative;
    height: 100%;
  }
  .reserve .h2Space .container svg {
    width: 250px;
  }
  .reserve .hppButton {
    margin-top: 25px;
    margin-left: 0px !important;
    width: 100%;
  }
  #reservetarget {
    margin-top: 0px;
    top: -125px;
    position: relative;
    background-color: transparent;
  }
  .myKawModal .results .headFour {
    margin: 20px 0;
  }
  .myKaw .noVehicle {
    margin-left: 0;
  }
  .myKaw .orderHistory {
    background-image: url("/Content/Images/640 x1226_xs_order_history_bg.jpg");
    background-position: center bottom;
  }
  .myKaw .notifications .promoContent .left-border-space {
    display: none;
  }
  .myKaw .notifications .promoContent .buildSummary {
    margin-top: 20px;
    text-align: center;
  }
  .myKaw .notifications .promoContent .subTotal {
    padding-left: 15px;
  }
  .recall .safety h3 {
    margin-top: 20px;
  }
  .top-sm-0 {
    top: 0 !important;
  }
  .usCompanies .blackBtn {
    width: 100%;
  }
  .rewards .riderHead {
    padding-top: 60px;
    background: #000000;
  }
  .rewards .riderHead .header-table h1 {
    color: #ffffff;
  }
  .rewards .riderHead .reward-head-img {
    background: none !important;
  }
  .rewards .riderHead .reward-head-img .container {
    padding-top: 30px;
  }
  .rewards .riderHead .reward-head-img p {
    width: 100%;
  }
  .rewards .riderHead .reward-head-img .hppButton {
    width: 100%;
  }
  .rewards .program img {
    margin-bottom: 20px;
  }
  .rewards .contingency img {
    margin-bottom: 20px;
  }
  .rewards .blackBtn {
    width: 100%;
  }
  .rewards .rules .info .infoView a .greenTriangle {
    margin: 2px 10px 0 0;
  }
  .newRider .newList .customize .blackBtn {
    width: 100%;
    margin-left: 0;
  }
  .kppUs .blackBtn {
    width: 100%;
  }
  .rok .blackBtn {
    width: 100%;
  }
  .rok .join h2 {
    margin: 0;
  }
  .rok .amaMember {
    padding: 30px;
    background-position: right -300px bottom 0px;
  }
  .rok .affiliate {
    padding: 60px 0;
  }
  .timer-area .countdown {
    margin: auto;
  }
  .fleet .negRow .col-12, .fleet .negRow .col-6 {
    padding: 0 5px;
  }
  .fleet .blackBtn {
    width: 100%;
  }
  .fleet .pricing h2, .fleet .pricing h3, .fleet .pricing p {
    text-align: left;
  }
  .fleet .pricing .greenBar {
    margin-left: 0;
  }
  .fleet .edition .justify-content-center img {
    width: 96px;
  }
  .fleet .machines .salesGrid {
    margin-bottom: 1rem;
  }
  .fleet .machines .agriculture.salesGrid {
    padding: 350px 0 50px;
  }
  .fleet .machines .agriculture.salesGrid h3 {
    text-align: center;
  }
  .fleet .machines .federal.salesGrid {
    padding: 350px 0 50px;
  }
  .fleet .machines .federal.salesGrid h3 {
    text-align: center;
  }
  .landing .appGrid .position-absolute {
    top: inherit;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 30px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.69+33,1+73 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 33%, rgb(0, 0, 0) 73%, rgb(0, 0, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 33%, rgb(0, 0, 0) 73%, rgb(0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.69) 33%, rgb(0, 0, 0) 73%, rgb(0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 ); /* IE6-9 */
  }
  .landing .appGrid .position-absolute h2, .landing .appGrid .position-absolute p {
    text-align: center;
  }
  .landing .appGrid .position-absolute .blackBtn {
    display: none;
  }
  .hide-mobile {
    display: none;
  }
  .diagrams .panzoom-parent {
    height: 300px;
  }
  .partsZoomDesktop {
    display: none;
  }
  .productDealer svg {
    margin-top: 1px;
  }
  #become-dealer-getstarted .heroCaption {
    width: 100%;
    /*margin-bottom:15px;*/
  }
  #become-dealer-getstarted .heroCaption .pOne {
    width: 100%;
  }
  #become-dealer-getstarted .header-icons {
    padding-top: 0px;
  }
  #become-dealer-getstarted .mobile-no-padding {
    padding: 0px;
  }
  #become-dealer-getstarted .mobile-padding {
    padding: 0 15px;
  }
  #become-dealer-getstarted .heroBackground {
    background-color: #202022 !important;
    background-image: none;
    position: relative;
  }
  #become-dealer-getstarted .heroBackground .container {
    position: relative;
    /*min-height: 500px;*/
    padding-bottom: 25px;
    /*margin-bottom: 0px;*/
  }
  #become-dealer-getstarted .heroBackground .mobile-header-img {
    padding-bottom: 50px;
  }
  #become-dealer-getstarted .heroBackground .mobile-header-img img {
    width: 100%;
  }
  #become-dealer-getstarted #specs #specAccordion .sub-section {
    padding-left: 0px;
  }
  #become-dealer-getstarted .blackBtn-mobile {
    width: 100%;
  }
  #become-dealer-getstarted .headThree.accordionTitle {
    margin-top: 6px;
    color: #000000;
  }
  #become-dealer-getstarted .technologyFeature {
    background: #e5e4e9;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  #become-dealer-getstarted .technologyFeature .featuresCurtain {
    position: relative;
    background: #e5e4e9;
    margin-bottom: 10px;
  }
  #become-dealer-getstarted .technologyFeature .featuresCurtain ul {
    list-style: none;
    padding: 0;
  }
  #become-dealer-getstarted .technologyFeature .featuresCurtain img {
    width: 100%;
  }
  #become-dealer-getstarted .technologyFeature .featuresCurtain .curtainContent {
    height: 100%;
    padding: 25px 10px;
  }
  #become-dealer-getstarted .technologyFeature .featuresCurtain .curtainContent .headThree {
    color: #000000;
  }
  #become-dealer-getstarted .technologyFeature .featuresCurtain .curtainContent .copyBlock {
    margin: 20px 0;
    border-left: 3px solid #66cc33;
    padding-left: 15px;
  }
  #become-dealer-getstarted .technologyFeature .featuresCurtain .curtainContent .copyBlock .headFive {
    font-weight: 400;
    margin-top: 20px;
  }
  #kawi-kash-view .heroBackground {
    background-image: none;
    height: unset;
  }
  #kawi-kash-view .mobile-header-img img {
    width: 100%;
  }
  .parts .modelBar {
    margin-bottom: 30px;
  }
  .parts .genuine {
    margin: auto;
  }
  .parts .warranty-search button {
    width: 100%;
  }
  .parts .diagrams .searchBack {
    width: 100%;
    max-width: 100%;
  }
  .parts .diagrams .table-borderless tr:hover td {
    color: #000000;
    background: #f1f1f1;
  }
  .parts .diagrams .table-borderless tr:hover td:nth-child(even) {
    background: #E5E5E9;
  }
  .subBrand .subHero h1, .subBrand .subHero p {
    text-align: left;
  }
  .subBrand .stickyAccordion #mppAccordion {
    padding-bottom: 0;
  }
  .subBrand .stickyAccordion .accordionTitle {
    max-width: 220px;
  }
  .subBrand .newList .vidStyle {
    min-height: 150px;
  }
  .subBrand .muleForYou .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .subBrand .muleForYou .disclaimer {
    padding: 0 15px;
    font-size: 0.62rem;
  }
  .subBrand .muleForYou .disclaimer .sup {
    /*font-size: 0.70rem;*/
    font-size: 0.7em; /* Makes it smaller than the parent text */
    display: inline;
    position: relative; /* Allows precise vertical adjustment */
    top: -0.1em; /* Adjusts the vertical alignment */
    line-height: 1;
    vertical-align: baseline; /* Ensures alignment with surrounding text */
  }
  .float-right-lg {
    float: unset;
    display: block;
    width: 250px;
    margin: auto !important;
  }
  .hide-desktop {
    display: block;
  }
  .accHeaderModelText {
    background-color: white;
  }
  .svgSlide .svgSize {
    width: 400px !important;
    max-height: 70px;
  }
  [data-title=Morgan_Wallen_Sweeps_1] .svgSize {
    margin-top: 0px;
    max-height: 140px;
    margin: 0 auto;
  }
  .heritageDetail {
    margin-top: 0px;
  }
  .hertiageDesc {
    padding-top: 50px !important;
  }
  .mpp-badge {
    max-height: 150px;
    max-width: 130px;
  }
  .green-power-badge {
    max-height: 120px;
  }
  .newList .z50-panel .newPlace {
    top: 55% !important;
  }
  .h2-text-align {
    text-align: center !important;
  }
  .apparelContainer .msrp {
    text-align: left;
  }
  .landing .appGrid .prodGrid .msrp {
    text-align: left;
  }
  .accMerch .cardRepeat .vehicleContainer .msrp {
    text-align: left;
  }
  .offer-promotional-model .footerBtn {
    display: block;
    margin: 0 auto;
    padding: 10px;
    width: 100%;
  }
  .support .infoGroup .headFive {
    min-height: 20px !important;
  }
  .support .updateInfo .greenSpacer {
    margin: 40px auto 40px auto !important;
  }
  .subBrand .subHero.kpo {
    background-image: url(/Content/Images/KPO/2024/header/25_kpo_header_640x694_mobile.jpg);
  }
  .mobile-text-scroll {
    max-height: 369px;
    overflow: auto;
  }
}

@media (max-width: 575.98px) {
  #topFeatures .featuresCurtain ul .animateContainer {
    overflow: visible;
  }
  nav .navbar .container .navbar-brand .logo-desktop svg {
    opacity: 100%;
  }
  .logo-mobile svg {
    opacity: 100%;
  }
  .col-xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .mt-xs-10 {
    margin-top: 10px !important;
  }
  .width-xs-50-percent {
    width: 50%;
  }
  .mr-xs-negative-5 {
    margin-right: -5px;
  }
  .ml-xs-20 {
    margin-left: 20px;
  }
  .ml-xs-15 {
    margin-left: 15px;
  }
  .mr-xs-0 {
    margin-right: 0px;
  }
  .mb-xs-40px {
    margin-bottom: 40px !important;
  }
  .overflow-xs-wrap {
    overflow-wrap: break-word;
  }
  pl-xs-0 {
    padding-left: 0px;
  }
  .mr-xs-30 {
    margin-right: -30px;
  }
  .mr-xs-negative-15 {
    margin-right: -15px;
  }
  .word-wrap-xs {
    word-break: break-all !important;
  }
  .d-xs-none {
    display: none;
  }
  /* card deck fix collapse */
  .card-deck .row {
    margin-left: -15px;
  }
  .pb-xs-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xs-4 {
    padding-bottom: 1.5rem !important;
  }
  .mb-negative-15 {
    margin-bottom: -15px;
  }
  .pt-xs-150 {
    padding-top: 150px;
  }
  .pt-xs-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xs-2 {
    padding-top: 1.25rem !important;
  }
  .xs-min-height-100 {
    min-height: 100px;
  }
  .sup {
    top: -0.05em;
  }
  .line-height-20 {
    line-height: 20px !important;
  }
  .top-7 {
    position: relative !important;
    top: -7px !important;
  }
  .xs-pb-em-0 {
    padding-bottom: 0em !important;
  }
  .headOne {
    font-size: 25px;
    line-height: 32px;
    /* IE10+ CSS */
  }
  .headOne .sup {
    font-size: 7px;
    top: -3px;
  }
  .headOne .suphpp {
    top: -2px !important;
  }
  /*    .reserve {

      .h2Space .container svg {
          width: 100px;
      }

      .formTemp {
          input {
              width: 100%;
          }

          button {
              width: 100%;
              margin: 20px 0 0;
          }
      }
  }*/
  /*.z50-panel {
      min-height: 660px !important;
  }*/
  /*.newList .z50-panel .newPlace {
      top: 80% !important;
  }*/
}
@media (max-width: 575.98px) and (-ms-high-contrast: none), (max-width: 575.98px) and (-ms-high-contrast: active) {
  .headOne .suphpp {
    top: -5px !important;
  }
}
@media (max-width: 575.98px) {
  .headTwo {
    font-size: 20px;
    line-height: 25px;
  }
  .headTwo .sup {
    font-size: 6px;
    top: -2px;
  }
  .headThree {
    font-size: 18px;
    line-height: 25px;
  }
  .headThree .sup {
    font-size: 5px;
    top: -4px;
  }
  #techModal2 .headThree .sup {
    margin-top: -4px;
  }
  .wishPos .wishPadding {
    padding-left: unset;
  }
  .headFour {
    font-size: 16px;
    line-height: 24px;
    /* IE10+ CSS */
  }
  .headFour .sup {
    font-size: 5px;
    top: -4px;
  }
}
@media (max-width: 575.98px) and (-ms-high-contrast: none), (max-width: 575.98px) and (-ms-high-contrast: active) {
  .headFour .suphpp {
    vertical-align: bottom !important;
    top: -3px !important;
  }
}
@media (max-width: 575.98px) {
  .product > a .headFour .sup {
    margin-top: -8px !important;
  }
  .headFive {
    font-size: 13px;
    line-height: 18px;
  }
  .headFive .sup {
    font-size: 4px;
    top: -3px;
  }
  .filterBox .dealerFilterHeading {
    color: #000000 !important;
  }
  .anchorLinks {
    top: -83px;
  }
  .cart .itemBox .imgPad {
    padding: 0 0 20px;
  }
  .cart .itemBox .wishPos {
    width: 100%;
  }
  .cart .itemBox .wishPos li {
    width: 100%;
  }
  .cart .itemBox .wishPos li button {
    width: 100%;
  }
  .cart .itemBox .wishPos li .xButton {
    margin: 30px 0 0;
  }
  .headSix {
    font-size: 11px;
    line-height: 15px;
  }
  .headSix .sup {
    font-size: 4px;
    top: -2px;
  }
  .loginRegister a.myKawiForgotPassword {
    color: #000000 !important;
  }
  .pt-xs-0 {
    padding-top: 0px !important;
  }
  .pb-xs-0 {
    padding-bottom: 0px !important;
  }
  .d-xs-block {
    display: block !important;
  }
  .mt-xs-0 {
    margin-top: 0px !important;
  }
  .mb-xs-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xs-0 {
    margin-bottom: 0px !important;
  }
  .pl-xs-0 {
    padding-left: 0px !important;
  }
  .pr-xs-0 {
    padding-right: 0px !important;
  }
  .mr-xs-negative-30 {
    margin-right: -30px !important;
  }
  .mt-xs-negative-50 {
    margin-top: -50px !important;
  }
  .p-xs-0 {
    padding: 0px !important;
  }
  .d-xs-flex {
    display: flex !important;
  }
  .order-xs-1 {
    order: 1;
  }
  nav .rightBar {
    right: 35px;
  }
  nav .rightBar a {
    margin-right: 5px;
  }
  nav .navbar .navbar-brand .logo-mobile {
    /*width: 244px;*/
  }
  .hppSlider .carouselText .disclaimer {
    padding: 10px 10px 0;
  }
  .hppSlider .carouselText.teaser ul.list-inline {
    padding: 0 20px;
    margin-bottom: 0;
  }
  .hppSlider .carouselText.teaser ul.list-inline li.list-inline-item {
    width: 100%;
  }
  .hppSlider .carouselText.teaser ul.list-inline li.list-inline-item .hppButton {
    width: 100%;
  }
  .hppSlider .carouselText.teaser ul.list-inline li.list-inline-item .hppButtonElek {
    width: 100%;
  }
  .hppSlider .carouselText.teaser .hppButton {
    font-size: 15px;
  }
  .hppSlider .carouselText.teaser .hppButton .triangle {
    margin-top: 8px;
  }
  .hppSlider .carouselText.teaser .hppButtonElek {
    font-size: 15px;
  }
  .hppSlider .carouselText.teaser .hppButtonElek .triangle {
    margin-top: 8px;
  }
  .hppSlider .carouselText.teaser .disclaimer {
    margin: 0;
  }
  .hppSlider .carouselText .dateSup {
    font-size: 9px !important;
  }
  .hppSlider .backRow {
    font-size: 10px !important;
  }
  #topFeatures .copyBodyContainer {
    max-height: 85px !important;
  }
  .techModalContainer .modal-icon {
    height: 60px;
  }
  .techModalContainer .modal-content {
    margin-top: 0px;
  }
  .techModalContainer .shiftLeft {
    max-width: 55%;
    margin: 10px 0 0 10px;
  }
  .myKaw .modal .modal-dialog {
    margin: 0;
  }
  .myKaw #submitFavorite {
    width: 100%;
  }
  .techModalContainer .headSlideCon ol {
    padding-right: 0;
  }
  .itemPage .viewList .float-right {
    position: inherit;
    top: unset;
    left: unset;
    margin-left: unset;
  }
  .stretch-xs {
    width: 100%;
  }
  .orderDetail .blackBtn {
    width: 100%;
  }
  #dealerModal .blackBtnSmall {
    margin-top: -15px;
  }
  #dealerModal .overList {
    max-height: 235px;
  }
  .pt-extra-small-3 {
    padding-top: 1rem !important;
  }
  .m-extra-small-0 {
    margin: 0px !important;
  }
  .g-recaptcha {
    transform: scale(0.7);
    margin-left: -18%;
  }
  .modal-footer.requestBtn {
    display: block;
  }
  .modal-footer.requestBtn button {
    width: 100%;
  }
  .modal-footer.requestBtn button.blackBtn {
    margin: 20px 0 0 0;
  }
  #specs #specAccordion {
    margin-top: 70px;
  }
  .parts .diagrams .searchBack {
    width: 220px;
  }
  .reserve {
    background: #000000;
    padding-bottom: 80px;
    position: relative;
  }
  .reserve .h2Space {
    position: absolute;
    width: 100%;
    top: 10px;
    left: 0;
  }
  .reserve .h2Space .container {
    position: relative;
    height: 100%;
  }
  .reserve .h2Space .container svg {
    width: 90px;
  }
  .reserve .h2Space .container .header-table {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
  }
  .reserve .h2Space .container .header-table .headTwo {
    white-space: nowrap;
  }
  .reserve .h2Space .container .header-table .headTwo.white {
    color: #fff;
  }
  .reserve .h2Space .container .header-table .border-line {
    border-bottom: 1px solid #66cc33;
    height: 36px;
    width: auto;
    position: relative;
    margin-left: 5px;
  }
  .reserve .h2Space .container .header-table td:nth-child(2) {
    width: 100%;
  }
  .reserve .pCon .pOne {
    color: #ffffff;
  }
  .reserve .formTemp {
    background: none;
  }
  .reserve .formTemp label {
    color: #ffffff;
  }
  .reserve .formTemp button {
    margin-top: 25px;
    margin-left: 0px;
    width: 100%;
  }
  .reserve h2 {
    color: #ffffff;
  }
  .reserve h3 {
    color: #ffffff;
    border-bottom: 1px solid #66cc33;
  }
  .reserve p {
    color: #ffffff;
  }
  .productDealer .headThree {
    white-space: initial;
  }
  .productDealer svg {
    width: 20px;
    margin-top: -4px;
  }
  #become-dealer-view .products .form-row.products-item {
    border-bottom: 1px solid #E5E5E9;
  }
  #become-dealer-view .products .form-row div, #become-dealer-view .products .form-row button {
    padding: 15px;
  }
  #become-dealer-view .products .form-row .bg-color1 {
    padding: 20px 15px 15px 15px;
  }
  #become-dealer-view .products .form-row .bg-color1, #become-dealer-view .products .form-row .bg-color2, #become-dealer-view .products .form-row .bg-color3 {
    border-bottom: 1px solid #c9c9c9;
  }
  #become-dealer-view .products .products-item {
    margin-bottom: 25px;
  }
  #become-dealer-view .products .products-item .bg-color2, #become-dealer-view .products .products-footer .bg-color2 {
    background-color: #D7D7DA;
  }
  #become-dealer-view .products .products-item .text-align, #become-dealer-view .products .products-footer .text-align {
    text-align: center;
  }
  #become-dealer-view .products .products-item button.add-remove, #become-dealer-view .products .products-footer button.add-remove {
    text-align: center;
  }
  #become-dealer-view .products .products-head .headFive {
    text-align: center;
  }
  #become-dealer-view .products .unit-cat-header {
    font-size: 16px;
    padding: 10px 0 0 0px;
  }
  #become-dealer-view .products .products-footer div.total {
    background-color: white;
    padding-top: 18px;
    text-align: center;
  }
  #become-dealer-view .products .products-footer button.add-remove {
    margin: 25px 0;
  }
  #become-dealer-getstarted .stickyAccordion header .blackBox {
    margin-top: 1px;
  }
  .shareModal button.close {
    margin-top: 5px;
  }
  .float-right-lg {
    float: unset;
    display: block;
    width: 240px;
    margin: auto !important;
  }
  .hide-desktop {
    display: block;
  }
  .footerPrivacy p .genericLink {
    margin: 0 5px;
  }
  .footerPrivacy p span {
    margin: 0;
  }
  .svgSlide .svgSize {
    width: 300px !important;
  }
  .heritageDetail {
    margin-top: 0px;
  }
  .HeritageMob {
    padding-top: 45px !important;
  }
  .hertiageDesc {
    margin-top: 73px;
  }
  .timlineImage-mobile {
    margin-top: 38px;
  }
  .mpp .heroCaption svg {
    max-width: 300px;
  }
  .newRider .heroBackground .container {
    min-height: 574px;
  }
  .newRider .heroCaption {
    top: 365px;
  }
  .newRider .heroCaption .headFour {
    margin-top: 0;
  }
  .newRider .heroCaption svg {
    max-width: 300px;
  }
  .newRider .panel-1 .newPlace {
    max-height: 365px;
    overflow: auto;
  }
  .newRider .panel-3 .newPlace {
    max-height: 360px;
    overflow: auto;
  }
  .newRider .panel-4 .newPlace {
    max-height: 360px;
    overflow: auto;
  }
  .compareVehicles .withGreenLine {
    /*line-height: 26px;*/
  }
  .compareVehicles span.withGreenLine {
    height: 15px;
    margin-left: -8px;
  }
  .compareVehicles .centerProductName {
    top: 20px;
  }
  .compareVehicles .headThree {
    font-size: 18px;
    line-height: 20px;
  }
  .h2-text-align {
    text-align: center !important;
  }
  .apparelContainer .msrp {
    text-align: left;
  }
  .landing .appGrid .prodGrid .msrp {
    text-align: left;
  }
  .accMerch .cardRepeat .vehicleContainer .msrp {
    text-align: left;
  }
  .supersportObsessionContainer {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
    height: 555px !important;
  }
  .supersportObsession {
    padding: 0 2em 0 2em !important;
  }
  #preLaunchModal .form-group {
    margin-bottom: 10px;
  }
  #preLaunchModal .modelBar {
    margin-bottom: 8px;
  }
  #preLaunchModal .validation-summary-errors {
    font-size: 14px;
  }
  .priceReductionSnipe {
    font-size: 13px;
    line-height: 18px;
    padding: 4px 10px;
  }
  .priceReductionOldPrice {
    font-size: 14px;
    line-height: 20px;
    margin: 2px 0 0 10px;
  }
  .mpp-page .priceReductionSnipe {
    /*        float: left;
    */
  }
  .priceReductionOldPriceLi {
    font-size: 14px;
  }
  #models .modelRepeat .modelHead .mpp-page-model-head .headFive {
    margin: 10px 0 0 0;
    display: block;
    text-align: center;
    max-width: 92px;
  }
  #models .modelRepeat .modelHead .mpp-page-model-head .productSavings {
    width: 100%;
    max-width: 380px !important;
  }
  .mobile-text-scroll {
    max-height: 400px;
    overflow: auto;
  }
  .newList .allInfo {
    min-height: unset;
    padding: 30px 15px 40px 15px;
  }
}
@media (max-width: 460px) {
  nav .navbar .navbar-brand {
    margin-left: 14px !important;
  }
  nav .navbar .navbar-brand .logo-mobile {
    width: 230px;
  }
  .newList .z50-panel {
    overflow-y: scroll;
  }
}
@media (max-width: 410px) {
  nav .navbar .navbar-brand .logo-mobile {
    width: 195px;
  }
  .newList .z50-panel .newPlace {
    top: 60% !important;
  }
}
@media (max-width: 370px) {
  nav .navbar .navbar-brand {
    margin-left: 10px !important;
  }
  nav .navbar .navbar-brand .logo-mobile {
    width: 185px;
  }
  .newList .z50-panel .newPlace {
    top: 65% !important;
  }
}
@media (max-width: 350px) {
  nav .navbar .navbar-brand {
    margin-left: 10px !important;
  }
  nav .navbar .navbar-brand .logo-mobile {
    width: 150px;
  }
  .newList .z50-panel .newPlace {
    top: 80% !important;
  }
}
@media (max-width: 310px) {
  nav .navbar .navbar-brand .logo-mobile {
    width: 75px;
    overflow: hidden;
  }
  nav .navbar .navbar-brand .logo-mobile svg {
    width: 150px;
  }
}

.vi-vn .headOne {
  font-size: 55px;
  line-height: 72px; }

.vi-vn .headTwo {
  font-size: 37px;
  line-height: 50px; }

.vi-vn .headThree {
  font-size: 30px;
  line-height: 40px; }

.vi-vn .headFour {
  font-size: 23px;
  line-height: 32px; }

.vi-vn .headFive {
  line-height: 23px; }

.vi-vn .headSix {
  line-height: 20px; }

.vi-vn .hppSlider .carouselText h2 {
  margin-top: 5px; }

@media (max-width: 991.98px) {
  .vi-vn .headOne {
    font-size: 32px;
    line-height: 40px; }
  .vi-vn .headTwo {
    font-size: 28px;
    line-height: 39px; }
  .vi-vn .headThree {
    font-size: 24px;
    line-height: 32px; }
  .vi-vn .headFour {
    font-size: 18px;
    line-height: 23px; }
  .vi-vn .headFive {
    line-height: 19px; }
  .vi-vn .headSix {
    line-height: 16px; } }

@media (max-width: 575.98px) {
  .vi-vn .headOne {
    font-size: 25px;
    line-height: 32px; }
  .vi-vn .headTwo {
    font-size: 20px;
    line-height: 28px; }
  .vi-vn .headThree {
    font-size: 18px;
    line-height: 24px; }
  .vi-vn .headFour {
    font-size: 16px;
    line-height: 22px; } }

/*_:-ms-lang(x),  *:lang(EN) {
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif !important;
}*/

@charset "UTF-8";
/*@import "Content/scss/_fuse-variables.scss";
@import "Content/scss/_mixins.scss";*/
.bnp {
  background: #fff;
  /*&.moveDown {
      margin-top: 163px;
  }*/
}
.bnp .headFour {
  font-size: 20px;
}
.bnp .hide {
  display: none;
}
.bnp label.error {
  color: #f04124;
}
.bnp ul {
  list-style: none;
}
.bnp .complete .inline-list {
  padding: 10px 0 0;
}
.bnp .complete .inline-list li {
  list-style: none;
  float: left;
  margin-right: 1.375rem;
  display: block;
}
.bnp .compGrey {
  color: #76767c;
}
.bnp .compGrey span {
  color: #000000;
}
.bnp .remove-btn {
  background: #66cc33;
  color: #000;
  font-size: 1em;
  padding: 10px 25px 10px 15px;
  margin-right: 5px;
  margin-top: 20px;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif;
  cursor: pointer;
}
.bnp .remove-btn svg {
  float: left;
  height: 13px;
  margin: 5px 10px 0 0;
}
.bnp .remove-btn svg path {
  fill: #000;
}
.bnp .blackBtn .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 4px;
  border-color: transparent transparent transparent #66cc33;
  margin: 9px 10px 0 0;
  display: inline-block;
  vertical-align: top;
}
.bnp .filterCol .pOne {
  color: #5a5a60;
}
.bnp .filterCol .headSix {
  color: #505055;
  margin-bottom: 20px;
  display: block;
}
.bnp .filterCol .headSix:hover {
  color: #505055;
}
.bnp .noButton {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}
.bnp .package-image-container {
  position: relative;
}
.bnp .close-accy-img {
  display: block;
  position: absolute;
  top: 6px;
  right: 6px;
}
.bnp .clickable-item:hover {
  text-decoration: underline;
  cursor: pointer;
}
.bnp .currentBuild {
  padding: 40px 0;
}
.bnp .currentBuild .cb {
  margin: 0 0 20px;
}
.bnp .topCon {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.bnp .topCon .headSix {
  color: #000;
}
.bnp .topCon .headSix span {
  display: none;
}
.bnp .topCon h2 {
  color: #000;
}
.bnp .topCon h1 {
  color: #000;
}
.bnp .buildBar {
  background: #454449;
  color: #fff;
}
.bnp .buildBar .container {
  /*padding: 0;*/
}
.bnp .buildBar .headFour {
  color: #fff;
  text-align: center;
  padding: 0;
}
.bnp .buildBar .tabIt {
  display: inline-block;
  cursor: pointer;
  padding: 10px 0;
}
.bnp .buildBar .tabIt.active {
  border-bottom: 3px solid #3c0;
}
.bnp .buildBar .tabIt:hover {
  color: #3c0;
}
.bnp .buildBar .always {
  background: #202022;
  border-bottom: 3px solid #202022;
  cursor: pointer;
}
.bnp .buildBar .always span {
  padding: 10px 0;
  display: block;
  margin-bottom: -3px;
  width: fit-content;
  margin: 0 auto;
}
.bnp .buildBar .always:hover {
  background: #6c3;
  border-bottom: 3px solid #6c3;
}
.bnp .buildBar .always:hover > span {
  border-bottom: 3px solid #202022;
  margin-bottom: -3px;
}
.bnp .buildBar svg {
  float: right;
  margin-top: 18px;
  margin-right: 25px;
}
.bnp .buildBar svg path {
  fill: #fff;
}
.bnp .colorSel .headSix {
  color: #000;
}
.bnp .colorMob {
  display: none;
}
.bnp .colors {
  margin: 15px auto 0;
  position: relative;
}
.bnp .colors .color-btn {
  width: 30px;
  display: inline-block;
  margin: 0 10px 0;
  cursor: pointer;
  border: none;
  background: none;
}
.bnp .colors .color-btn .productColorSelector {
  border-radius: 20px;
  display: inline-block;
  width: 25px;
  height: 25px;
}
.bnp .colors .color-btn.active span.color-name {
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  white-space: nowrap;
}
.bnp .colors .color-btn.active p {
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  white-space: nowrap;
}
.bnp .colors .color-btn.active .productColorSelector {
  border: 2px solid #66cc33;
  display: inline-block;
}
.bnp .colors .color-btn.active .greenTriangle {
  display: block;
}
.bnp .colors .color-btn img {
  border: 2px solid #ffffff;
  border-radius: 20px;
}
.bnp .colors .color-btn .greenTriangle {
  display: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 2.5px 0 2.5px;
  border-color: #66cc33 transparent transparent transparent;
  position: relative;
  top: -6px;
  left: 10px;
}
.bnp .colors p {
  display: none;
}
.bnp .colors span {
  display: none;
}
.bnp .buildUp {
  text-align: center;
}
.bnp .buildUp .li {
  border-right: 1px solid #ccc;
  margin-top: 20px;
  padding-bottom: 0;
}
.bnp .buildUp .li:last-child {
  border-right: 0;
}
.bnp .buildUp h3 {
  color: #000;
  margin-top: 25px;
}
.bnp .buildUp h4 {
  color: #000;
}
.bnp .buildUp h5 {
  color: #000;
  margin-top: 5px;
}
.bnp .buildUp svg {
  height: 25px;
}
.bnp .buildUp svg path {
  fill: #3c0;
}
.bnp .buildUp a:hover {
  color: #3c0;
}
.bnp .modelOptions {
  padding-top: 40px;
  min-height: 1100px;
  background: #f1f1f1;
}
.bnp .modelOptions .card {
  text-align: center;
  border: 2px solid #fff;
  margin-bottom: 20px;
}
.bnp .modelOptions .card.active {
  border: 2px solid #3c0;
}
.bnp .modelOptions .card .headFive {
  color: #000;
  margin: 0;
}
.bnp .modelOptions .card .headThree {
  color: #000;
}
.bnp .modelOptions .card .green-btn {
  float: none;
  width: fit-content;
  margin: 20px auto 10px;
}
.bnp .modelOptions .card .blackBtn {
  width: fit-content;
  margin: 20px auto 10px;
}
.bnp .card {
  background: #fff;
  padding: 20px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(71, 71, 71, 0.2);
}
.bnp .blackBtn svg {
  float: left;
  height: 13px;
  margin: 6px 10px 0 0;
}
.bnp .blackBtn svg path {
  fill: #3c0;
}
.bnp .packageOptions {
  background: #f1f1f1;
  padding-bottom: 25px;
}
.bnp .packageOptions .packageHead {
  text-align: center;
  padding: 60px 0;
}
.bnp .disablePackage {
  opacity: 0.35;
}
.bnp .packageHead h1 {
  color: #000;
}
.bnp .packageHead a {
  color: #000;
  text-decoration: underline;
}
.bnp .packageHead a:hover {
  color: #3c0;
}
.bnp .packageOptions h2 {
  color: #000;
}
.bnp .packageOptions h3 {
  color: #000;
}
.bnp .packageOptions h3 span {
  color: #76767c;
  font-size: 12px;
}
.bnp .packageOptions .pTwo {
  color: #000;
}
.bnp .packageOptions .card {
  margin-bottom: 30px;
}
.bnp .includeList {
  border-top: 1px solid #ccc;
  padding-top: 20px;
}
.bnp .includeList h4 {
  color: #000;
  margin-bottom: 10px;
}
.bnp .includeList .greenDot {
  margin-left: 0px;
  padding-left: 0;
}
.bnp .includeList .greenDot .pTwo::before {
  color: #6c3;
  content: "▪︎";
  display: inline-block;
  width: 1em;
  margin-left: -13px;
}
.bnp .card .blackBtn {
  margin-top: 20px;
  padding: 10px 25px 10px 15px;
}
.bnp .filter {
  margin-bottom: 20px;
}
.bnp .filter h5 {
  color: #000;
  margin-bottom: 20px;
}
.bnp .filter label {
  color: #000;
}
.bnp .optionSelect {
  padding: 60px 0;
  background: #f1f1f1;
}
.bnp .optionSelect .cardDeck .exRepeat {
  margin-bottom: 20px;
}
.bnp .optionSelect .cardDeck .exRepeat .card {
  padding-bottom: 70px;
}
.bnp .optionSelect .cardDeck .exRepeat .blackBtn {
  position: absolute;
  bottom: 20px;
}
.bnp .optionSelect .cardDeck .exRepeat .remove-btn {
  position: absolute;
  bottom: 20px;
}
.bnp .optionSelect .cardDeck .card {
  position: relative;
  padding-bottom: 10px;
}
.bnp .optionSelect .cardDeck h5 {
  margin: 10px 0;
}
.bnp .optionSelect .cardDeck h6 {
  margin-bottom: 20px;
}
.bnp .cardDeck {
  display: flex;
  flex-flow: row wrap;
}
.bnp .cardDeck .card {
  flex-direction: column;
  height: 100%;
}
.bnp .summary {
  padding-top: 40px;
  background: #f1f1f1;
  padding-bottom: 25px;
}
.bnp .summary .card {
  position: relative;
  padding: 40px 20px;
  margin-bottom: 20px;
}
.bnp .summary .info {
  padding-left: 30px;
}
.bnp .summary .info button {
  text-decoration: underline;
}
.bnp .summary .info button:hover {
  color: #000;
}
.bnp .summary .stage {
  position: absolute;
  left: 50px;
  top: 0;
  top: 50%;
  transform: translate(-50%, 0);
}
.bnp .summary .age {
  padding-left: 75px;
}
.bnp .summary .greyBorder {
  border-left: 5px solid #d7d6db;
}
.bnp .summary .greenDot {
  list-style: none;
  padding-left: 15px;
}
.bnp .summary .greenDot li::before {
  color: #6c3;
  content: "▪︎";
  display: inline-block;
  width: 1em;
  margin-left: -13px;
}
.bnp .summary .divide {
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
}
.bnp .summary .divide:last-child {
  border: 0;
}
.bnp .summary .divide ul {
  margin-bottom: 0;
}
.bnp .summary .divide p {
  margin: 0;
}
.bnp .complete {
  background: #d7d6db;
}
.bnp .complete .columns {
  border-right: 1px solid #9f9f9f;
  padding: 0 50px;
}
.bnp .complete .greenBorder {
  border-left: 5px solid #6c3;
}
.bnp .complete .greyHoz {
  height: 5px;
  width: 50px;
  background: #b4b3b8;
  margin-bottom: 20px;
}
.bnp .complete .linkBox {
  border: 0;
}
.bnp .complete .blackBtn {
  margin: 0;
}
.bnp .complete .noButton {
  margin-top: 10px;
  text-decoration: none;
}
.bnp .complete .noButton2 {
  text-decoration: underline;
}
.bnp .linkBox a {
  display: block;
  color: #000;
  margin-bottom: 20px;
}
.bnp .linkBox a span {
  margin-left: 5px;
}
.bnp .optionMdl .headFour {
  margin-bottom: 30px;
}
.bnp .optionMdl .blackBtn {
  margin-top: 50px;
}
.bnp .reveal-modal label .pTwo {
  margin: 0 0 5px 15px;
}
.bnp .stickySub.stickBuild {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 999;
}
.bnp .buildBar.stickBuild {
  position: fixed;
  background: #454449;
  left: 0;
  width: 100%;
  z-index: 999;
}
.bnp .stickySub .notToday img {
  transform: scale(1.3);
}
.bnp .stickySub.stickBuild .notToday {
  display: none;
}
.bnp .stickySub.stickBuild .placeLeft {
  width: 60%;
  padding-bottom: 0;
}
.bnp .stickySub.stickBuild .topCon {
  float: left;
  width: 55%;
  border: 0;
  border-right: 1px solid #ccc;
  padding-bottom: 0;
  margin-bottom: 0;
}
.bnp .stickySub.stickBuild .topCon .cb {
  margin: 0;
}
.bnp .stickySub.stickBuild .topCon h2 {
  margin: 0;
}
.bnp .stickySub.stickBuild .topCon h1 {
  font-size: 30px;
  line-height: 32px;
  margin: 0;
}
.bnp .stickySub.stickBuild .colorSel {
  float: right;
  width: 40%;
  margin-left: 5%;
  border-right: 1px solid #ccc;
  min-height: 100px;
}
.bnp .stickySub.stickBuild .colorMob {
  display: none;
}
.bnp .stickySub.stickBuild .currentBuild {
  padding: 10px 0;
}
.bnp .stickySub.stickBuild .buildUp {
  width: 40%;
  padding-bottom: 0;
}
.bnp .stickySub.stickBuild .buildUp .li {
  border: 0;
  margin: 0;
}
.bnp .stickySub.stickBuild .buildUp svg {
  float: left;
  height: 15px;
  margin-top: 4px;
}
.bnp .reveal-modal, .bnp .reveal-modal-bg {
  z-index: 10000;
}
.bnp .stepThree, .bnp .emailStep2 {
  text-align: center;
}
.bnp .stepThree button, .bnp .emailStep2 button {
  margin: 40px auto 0 auto;
  display: inline;
  float: none;
}
.bnp .fade-enter {
  opacity: 0;
}
.bnp .fade-enter-active,
.bnp .fade-leave-active {
  transition: opacity 0.5s ease-out;
}
.bnp .fade-leave-to {
  opacity: 0;
}
.bnp .fadeout-enter {
  opacity: 1;
}
.bnp .fadeout-enter-active,
.bnp .fadeout-leave-active {
  transition: opacity 0.5s ease-out;
}
.bnp .fadeout-leave-to {
  opacity: 0;
}
.bnp #policy-error {
  position: relative;
  top: 60px;
  display: none;
}
.bnp .coppaLabel {
  position: relative;
  top: -31px;
  left: 18px;
}
.bnp .lds-ripple {
  display: inline-block;
  width: 64px;
  height: 64px;
}
.bnp .lds-ripple.pageload {
  position: relative;
  top: -700px;
  left: 50%;
}
.bnp #downloadPDFspinner {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -77px;
  margin-top: -72px;
  padding: 30px;
  background-color: #fff;
  border-radius: 5px;
  z-index: 10001;
  display: none;
  text-align: center;
  border: 1px solid #999;
}
.bnp #downloadPDFspinner .lds-ripple {
  position: relative;
}
.bnp #downloadPDFspinner .downloading {
  position: relative;
  top: 5px;
}
.bnp #pdfOverlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 10000;
}
.bnp .lds-ripple div {
  position: absolute;
  border: 4px solid #3c0;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.bnp .lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}
.bnp #sendDealer .btm-margin {
  margin-bottom: 10px;
}
.bnp .validation-summary-valid {
  display: none;
}
.bnp .badFormSubmission {
  color: #be2424;
  font-weight: 700;
}
.bnp .invalid-feedback {
  color: #be2424;
  font-weight: bold;
  font-size: 1rem;
}
.bnp .modal-content .modal-header {
  background-color: #202022;
  border-bottom: 1px solid #3c0;
}
.bnp .modal-content .modal-header .modal-title {
  color: white;
  margin: 10px;
}
.bnp .modal-content .modal-header .close {
  padding: 25px;
}

@media (max-width: 991.98px) {
  .bnp .currentBuild {
    padding: 0;
  }
  .bnp .currentBuild .notToday {
    padding: 0;
  }
  .bnp .topCon {
    text-align: center;
    border-bottom: none;
  }
  .bnp .colorSel {
    display: none;
  }
  .bnp .colorMob {
    display: block;
    text-align: center;
  }
  .bnp .stickySub .notToday img {
    transform: scale(1);
  }
  .bnp .stickySub.stickBuild .placeLeft {
    flex: 0 0 60%;
    padding: 0;
  }
  .bnp .stickySub.stickBuild .topCon {
    text-align: left;
    border: 0;
    width: 100%;
  }
  .bnp .stickySub.stickBuild .topCon .headSix span {
    display: inline-block;
    text-transform: initial;
  }
  .bnp .stickySub.stickBuild .topCon h1 {
    font-size: 20px;
    line-height: 25px;
  }
  .bnp .stickySub.stickBuild .topCon .cb {
    display: none;
  }
  .bnp .stickySub.stickBuild .notToday {
    display: block;
    flex: 0 0 40%;
  }
  .bnp .stickySub.stickBuild .buildUp {
    display: none;
  }
  .bnp .buildBar {
    /*overflow-y: auto;*/
  }
  .bnp .buildBar .container {
    min-width: 100%;
    padding: 0px;
  }
  .bnp .buildBar .container .row {
    padding: 0px;
    margin: 0px;
  }
  .bnp .buildBar .container .stickyAccordion {
    background: #454449;
  }
  .bnp .buildBar .container .accordion {
    width: 100%;
    border-bottom: 3px solid #3c0;
  }
  .bnp .buildBar .container .accordion header {
    background: #454449;
    border-bottom: 0px solid #3c0;
  }
  .bnp .buildBar .container .accordion #bNpAccordion {
    /*border-bottom: 2px solid #3c0;*/
  }
  .bnp .buildBar .container .accordion .headFour {
    padding: 5px 0 0 25px;
    /*color: #3c0;*/
  }
  .bnp .buildBar .container .accordion svg {
    float: right;
    margin-top: 0px;
    margin-right: 0px;
  }
  .bnp .buildBar .container .blackBox {
    background: #000000;
    margin: 0px 15px 0 0;
  }
  .bnp .buildBar svg {
    margin-top: 14px;
    margin-right: 10px;
  }
  .bnp .headOne {
    font-size: 35px;
    line-height: 40px;
  }
  .bnp .headTwo {
    font-size: 30px;
    line-height: 35px;
  }
  .bnp .headThree {
    font-size: 25px;
    line-height: 30px;
  }
  .bnp .headFour {
    font-size: 18px;
    line-height: 22px;
  }
  .bnp .headFive {
    font-size: 14px;
    line-height: 18px;
  }
  .bnp .headSix {
    font-size: 12px;
    line-height: 14px;
  }
  .bnp .summary .stage {
    position: relative;
    transform: translate(0, 0);
    left: 0;
  }
  .bnp .summary .stage p {
    text-align: center;
    margin-bottom: 20px;
  }
  .bnp .summary .age {
    padding: 0;
  }
  .bnp .summary .age .greyBorder {
    border: 0;
    border-top: 5px solid #d7d6db;
    padding-top: 20px;
  }
  .bnp .complete .columns {
    padding: 0 20px;
    border: 0;
  }
  .bnp .complete .greenBorder {
    border: 0;
    border-top: 5px solid #66cc33;
    padding-top: 20px;
  }
  .bnp .complete .mobBuilt {
    margin: 20px 0;
  }
  .bnp .complete .linkBox a {
    /*width: 33%;*/
    float: left;
    display: block;
  }
  .bnp .complete .linkBox a svg {
    margin: 0 auto 10px;
    /*display: block;*/
  }
  .bnp .complete .linkBox a:first-child svg {
    /*margin-bottom: 19px;*/
  }
  .bnp .complete .linkBox a span {
    /*display: block;*/
    /*width: 100%;
    text-align: center;*/
  }
  .bnp .colors {
    margin: 15px auto 0;
    position: relative;
  }
  .bnp .colors .color-btn {
    width: 42px;
    display: inline-block;
    /*margin: 0 10px 0;*/
    cursor: pointer;
    border: none;
    background: none;
  }
  .bnp .colors .color-btn .productColorSelector {
    border-radius: 20px;
    display: inline-block;
    width: 25px;
    height: 25px;
  }
  .bnp .colors .color-btn.active p {
    display: block;
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -100px;
    white-space: nowrap;
  }
  .bnp .colors .color-btn.active .productColorSelector {
    border: 2px solid #66cc33;
    display: inline-block;
  }
  .bnp .colors .color-btn.active .greenTriangle {
    display: block;
  }
  .bnp .colors .color-btn img {
    border: 2px solid #ffffff;
    border-radius: 20px;
  }
  .bnp .colors .color-btn .greenTriangle {
    display: none;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 2.5px 0 2.5px;
    border-color: #66cc33 transparent transparent transparent;
    position: relative;
    top: -6px;
    left: 10px;
  }
  .bnp .colors p {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .bnp .headOne {
    font-size: 25px;
    line-height: 30px;
  }
  .bnp .headTwo {
    font-size: 20px;
    line-height: 25px;
  }
  .bnp .headThree {
    font-size: 18px;
    line-height: 22px;
  }
  .bnp .headFour {
    font-size: 16px;
    line-height: 20px;
  }
  .bnp .headFive {
    font-size: 13px;
    line-height: 18px;
  }
  .bnp .headSix {
    font-size: 11px;
    line-height: 13px;
  }
}