@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");
}

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

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

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

.smCC {
  text-transform: lowercase;
}

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

.fauxButton {
  background: none;
  border: none;
  color: #b2b2b8 !important;
  margin-top: 3px !important;
}
.fauxButton:hover {
  color: #ffffff !important;
}

.navButtonPadding {
  padding: 16px 13px !important;
}

.hide {
  display: none;
}

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

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

.kx-50th {
  width: 200px !important;
  height: 97px !important;
}

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

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

.cursor-default {
  cursor: default;
}

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

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

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

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

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

nav {
  background: #FFFFFF;
}
nav .navbar {
  padding: 0;
}
nav .navbar .navbar-brand {
  padding: 18px 0 22px 0;
  margin-right: 0;
}
nav .navbar .navbar-brand .logo-desktop {
  display: inline-block;
}
nav .navbar .navbar-brand .logo-mobile {
  display: none;
}
nav .navbar .navbar-brand img {
  width: 150px;
}

/*body:not(.user-is-tabbing) *:focus {
    outline: none;
}*/
.grey-font {
  color: #76767c !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;
}

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

.FPO:after {
  content: "FPO";
}

.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: #5a5a60 !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;
}

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

.selectTag-no-action {
  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-no-action .bar {
  border-right: 3px solid #66cc33;
  padding-right: 10px;
  margin: 13px 0 0 10px;
}
.selectTag-no-action .form-control {
  height: 46px;
  cursor: pointer;
  border: 0;
  position: absolute;
  margin-left: 0;
  background: 0;
  font-size: 16px;
  text-transform: initial;
}
.selectTag-no-action .form-control option {
  width: 100%;
}
.selectTag-no-action .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;
}
.headOne .sup {
  font-size: 12px;
  margin-top: -17px;
}

.headTwo {
  font-family: Oswald;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 40px;
  color: #000000;
  line-height: 47px;
  margin: 0;
}
.headTwo .sup {
  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;
  margin-top: -7px;
}

.headFour {
  font-family: Oswald;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 25px;
  color: #000000;
  line-height: 30px;
  margin: 0;
}
.headFour .sup {
  font-size: 8px;
  margin-top: -6px;
}

.headFive {
  font-family: Oswald;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  color: #000000;
  line-height: 20px;
  margin: 0;
}
.headFive .sup {
  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: 8px;
  margin-top: -2px;
}

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

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

.sup {
  vertical-align: top;
  display: inline-block;
}

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

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

.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;
}
.blackBtn.disabled {
  opacity: 0.5;
}
.blackBtn:hover:not([disabled]) {
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  text-decoration: none;
}
.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 svg {
  margin: -5px 5px 0 0;
}
.blackBtn .sup {
  margin-top: 0;
  font-size: 10px;
}

.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;
}
.blackBtnSmall:hover {
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  text-decoration: none;
}
.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;
}

.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;
}
.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: 8px;
  margin-top: 3px;
}

.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: #5a5a60;
}
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: #5a5a60;
}
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: #76767c;
}
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: #5a5a60;
  border-right: 1px solid #b2b2b8;
  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;
  margin-top: -1px;
}
nav .rightBar a span {
  color: #76767c;
  font-family: Fira Sans;
  font-weight: 400;
}
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: #5a5a60;
  margin-top: 0px;
}
nav .rightBar button:hover {
  color: #ffffff;
}

.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;
  border: none;
  padding: 16px 13px;
}
.nav li .fa-caret-down {
  transition: transform 0.5s;
  color: #b2b2b8;
  font-size: 13px;
}

.nav .border-right {
  border-right: 1px solid #5a5a60 !important;
  float: left;
}
.nav .border-left {
  border-left: 1px solid #5a5a60 !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: #b2b2b8;
  background: none;
  border: none;
  padding: 16px 15px;
}
.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 .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: #5a5a60;
  font-size: 12px;
}
.categoryContainer .subCategory .subMonkey .fa-caret-down {
  position: absolute;
  left: 50%;
  top: 5px;
  margin-left: -4px;
  color: #5a5a60;
  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: #5a5a60;
}
.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 .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-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-height: 100%;
  min-width: 100%;
  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: 500px;
}
.hppSlider .carouselText {
  text-align: inherit;
  width: 40%;
  height: 500px;
  margin-left: 15px;
  position: relative;
}
.hppSlider .carouselText svg {
  max-height: 85px;
}
.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;
}
.hppSlider .carouselText .hppButton {
  margin: 10px 0 0 0;
  text-transform: inherit;
}
.hppSlider .carouselText .disclaimer {
  font-weight: 400;
  margin-top: 10px;
}
.hppSlider .carousel-control-prev, .hppSlider .carousel-control-next {
  width: 40px;
}

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

.accMerch {
  background: #D7D7DA;
}
.accMerch .cardRepeat {
  margin-bottom: 20px;
}
.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 .headFive {
  margin-top: 20px;
  min-height: 44px;
}
.accMerch .cardRepeat .vehicleContainer img {
  max-width: 100%;
  height: auto;
}
.accMerch .cardRepeat .vehicleContainer .pTwo {
  color: #76767c;
  text-transform: uppercase;
}
.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;
}

.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 .greenSpacer {
  height: 5px;
  width: 30px;
  background: #66cc33;
  margin: 10px auto;
}
.homeVehicles .vehicleContainer img {
  max-width: 100%;
  height: auto;
}
.homeVehicles .vehicleContainer .headThree {
  text-transform: initial;
}
.homeVehicles .vehicleContainer .pTwo {
  color: #76767c;
}
.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 h1 {
  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;
}
.footerPrivacy p .genericLink:hover {
  color: #ffffff;
}
.footerPrivacy .social .row {
  float: right;
}
.footerPrivacy .social .row svg {
  height: 20px;
  width: 20px;
  margin: 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 .app-store-apple {
  padding-left: 10px;
}
.footerPrivacy .app-store svg {
  height: 60px;
  max-width: 100px;
  margin-top: -10px;
}

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

.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: 25px;
  color: #ffffff;
}
.mpp .heroBackground img {
  /*width: 100%;*/
  /*height: 150px;*/
}
.mpp .heroCaption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: inherit;
  width: 40%;
}
.mpp .heroCaption .headOne, .mpp .heroCaption .headFour, .mpp .heroCaption p {
  color: #ffffff;
}
.mpp .heroCaption .headFour {
  font-weight: 400;
  margin-top: 40px;
}
.mpp .heroCaption h3 {
  margin-top: 10px;
}
.mpp .heroCaption .disclaimer {
  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: #5a5a60;
  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 #b2b2b8;
  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: #000;
  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: #5a5a60;
}
#overview .pOne .disclaimer {
  color: #5a5a60;
}
#overview .pOne .largeDisclaimer {
  color: #5a5a60;
}
#overview .featuring {
  border-left: 3px solid #66cc33;
  padding-left: 15px;
  margin-top: 30px;
}
#overview .featuring div {
  color: #5a5a60;
}
#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;
  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: 15px;
  margin: 0 0 5px 0;
  padding-left: 15px;
}
#models .modelRepeat ul li::before {
  color: #6c3;
  content: "▪︎";
  display: inline-block;
  width: 1em;
  margin-left: -13px;
}

#gallery {
  background: #202021;
}
#gallery .header-table .headTwo {
  color: #ffffff;
}
#gallery .disclaimer {
  color: #8A8992;
}
#gallery h4 {
  color: #8A8992;
  padding-left: 10px;
  margin-bottom: 20px;
}
#gallery .gal1 {
  color: #8A8992;
  padding-left: 10px;
  margin-bottom: 20px;
}
#gallery .headFour.photos.active {
  color: #ffffff !important;
}
#gallery .headFour.videos.active {
  color: #ffffff !important;
}
#gallery .gal2 {
  color: #8A8992;
  padding-left: 20px;
  margin-bottom: 20px;
}
#gallery .gal4 {
  color: #8A8992;
  padding-left: 20px;
  margin-bottom: 20px;
}
#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;
}
#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 .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 $green;*/
  padding-left: 20px;
  height: 26px;
}
#gallery .nav-link.active {
  background: #202022 !important;
  border-color: #202022;
}
#gallery #videoGallery {
  margin-bottom: 80px;
}
#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 svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -70px;
  margin-left: -50px;
  z-index: 1;
}
#gallery #videoGallery .able {
  margin: 0;
  box-shadow: none;
}
#gallery #videoGallery .able .able-status-bar {
  padding: 0;
}
#gallery #videoGallery .able .able-big-play-button {
  height: 100% !important;
  width: 100% !important;
}
#gallery #videoGallery .videoRepeat {
  position: relative;
}
#gallery #videoGallery .videoRepeat video {
  width: 100% !important;
}
#gallery #videoGallery .videoRepeat .able {
  z-index: 50;
}
#gallery #videoGallery .videoRepeat .able-seekbar-loaded {
  height: 4px;
}
#gallery #videoGallery .videoRepeat .able-seekbar-head {
  top: -9px;
}
#gallery .vidSix {
  color: #8A8992;
  margin-top: 20px;
}
#gallery #photoGallery .photoRepeat {
  position: relative;
}
#gallery #photoGallery .photoRepeat:hover {
  cursor: pointer;
}
#gallery #photoGallery .photoRepeat:hover > svg path {
  fill: #ffffff;
}
#gallery #photoGallery .photoRepeat img {
  width: 100%;
}
#gallery #photoGallery .photoRepeat svg {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
}
#gallery #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%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
#topFeatures .photoRepeat:hover svg {
  opacity: 0.7;
}
#topFeatures .photoRepeat svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -70px;
  margin-left: -50px;
  z-index: 1;
}
#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;
}
#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 .bulletDetails {
  color: #76767c;
  white-space: nowrap;
}
#topFeatures .featuresContainer .carousel-item {
  background: #202021;
}
#topFeatures .featuresContainer .carousel-item img {
  width: 100%;
}
#topFeatures .featuresContainer .carousel-item .featureContent {
  padding: 30px;
}
#topFeatures .featuresContainer .carousel-item .headFour {
  color: #b2b2b8;
  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: 45px;
  width: 45px;
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 100;
}
#topFeatures .featuresContainer .closeFeatures svg {
  margin-left: 15px;
}
#topFeatures .featuresContainer .closeFeatures svg path {
  fill: #66cc33;
  height: 25px;
}
#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;
  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: 25px;
  color: #ffffff;
}
.detail .heroBackground img {
  width: 100%;
}
.detail .heroBackground .disclaimer {
  color: #ffffff !important;
}
.detail .heroBackground .largeDisclaimer {
  font-size: 15px;
}
.detail .heroCaption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: inherit;
  width: 40%;
}
.detail .heroCaption .list-inline {
  margin-bottom: 0;
}
.detail .heroCaption a {
  color: #76767c;
  border-right: 1px solid #76767c;
  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;
}
.detail .heroCaption .heroTwo, .detail .heroCaption .heroThree, .detail .heroCaption p {
  color: #ffffff;
}
.detail .heroCaption .vdp-hero-overflow {
  height: 60px;
  overflow: hidden;
}
.detail .heroCaption .iconLinks .list-inline-item {
  margin-right: 1%;
  max-width: 32%;
}
.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;
  min-width: 120px;
  color: navajowhite;
}
.detail .heroCaption .iconLinks .flex-badge .badge-wrapper {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  color: cyan;
}
.detail .heroCaption .iconLinks .flex-badge .badge-wrapper svg {
  position: absolute;
  top: 0;
  left: 0;
}
.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 .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: #b2b2b8;
}
.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: #5a5a60;
}
.services .saving {
  border-right: 1px solid #B5B5B9;
  color: #5a5a60;
  padding: 20px 30px;
}
.services .saving div {
  color: #5a5a60;
}
.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: #5a5a60;
  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.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 .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: #5a5a60;
  font-weight: 700;
}
#specs #specAccordion #techAccordion table .align-middle {
  width: 100%;
}
#specs #specAccordion #techAccordion .table {
  margin: 0;
}
#specs #specAccordion .specTable .first {
  color: #5a5a60;
  background: #f1f1f1;
  font-weight: 700;
  width: 30%;
}
#specs .disclaimer {
  color: #76767c;
}

.reserve {
  background: #000000;
  padding-bottom: 80px;
  position: relative;
}
.reserve .h2Space {
  position: absolute;
  width: 100%;
  top: 109px;
  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: #b2b2b8;
  white-space: nowrap;
}
.productDealer p {
  color: #b2b2b8;
  margin: 30px 0 10px;
}
.productDealer input {
  width: 500px;
  margin-bottom: 60px;
}

.productVehicles {
  background: #D7D7DA;
}
.productVehicles .prodThree {
  color: #5a5a60;
  border-left: 3px solid #66cc33;
  padding-left: 20px;
  margin-bottom: 40px;
}
.productVehicles .prodFour {
  color: #5a5a60;
  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 .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: #76767c;
}

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

.filterBox {
  background: #E5E5E9;
  padding: 20px 15px;
  width: 100%;
}
.filterBox .headFive {
  color: #76767c;
}
.filterBox .filterFive {
  border-bottom: 1px solid #B5B5B9;
  color: #76767c;
  margin: 20px 0 10px;
  padding-bottom: 10px;
}
.filterBox label {
  width: 100%;
  color: #76767c;
  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;
}
.currentOffers .heroContainer img {
  width: 100%;
}
.currentOffers .heroContainer .saveBig {
  background: rgba(0, 0, 0, 0.7);
  padding: 20px;
  width: 400px;
  float: right;
  margin: 50px 60px 120px 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: #b2b2b8;
}
.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: #b2b2b8;
}
.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 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);
}

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

.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: #5a5a60;
  border-left: 3px solid #66cc33;
  padding-left: 10px;
}
.offersDetail .offerList h4 {
  color: #5a5a60;
  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 .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;
}
.offersDetail .offerList .vehicleContainer .accordion svg path {
  fill: #66cc33;
}
.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: #b2b2b8;
  width: 80%;
  margin: 0 auto 20px;
}
.offersDetail .mapBack p {
  color: #b2b2b8;
}
.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-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: #5a5a60;
}
#maps .mapFilter .listFilter {
  padding: 20px;
  border-bottom: 2px solid #66cc33;
  background: #ffffff;
}
#maps .mapFilter .listFilter input {
  max-width: 100%;
}
#maps .mapFilter .listFilter .pTwo {
  color: #5a5a60;
}
#maps .mapFilter .category {
  background: #E5E5E9;
  padding-top: 20px;
}
#maps .mapFilter .category input[type=checkbox] {
  position: absolute;
}
#maps .mapFilter .category .pTwo {
  color: #5a5a60;
  margin-right: 30px;
  padding-left: 0;
}
#maps .mapFilter .category .headFive {
  color: #5a5a60;
  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 #b2b2b8;
  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 #5a5a60;
  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 #b2b2b8;
  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;
}

#klaMap .googleMap {
  display: table-cell;
  position: absolute;
  /*height: 100%;*/
  width: 100%;
  /*margin-left: 17px;*/
  z-index: 0;
  border: 0;
  /*height: 800px;*/
}

.apparel {
  background: #f1f1f1;
}
.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 .pTwo {
  color: #b2b2b8;
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 15px;
}
.apparelContainer .pTwo.price {
  margin-bottom: 0;
  padding-right: 15px;
}
.apparelContainer .addCompare {
  background: #D7D7DA;
  color: #5a5a60;
  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: #5a5a60;
}
.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: #b2b2b8;
  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: #b2b2b8 !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: #b2b2b8;
  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: 450px;
  overflow: hidden;
  text-align: center;
}
.techModalContainer .mainTechImage {
  padding: 0;
  max-height: 300px;
  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;
}

.filterBoxCompare {
  background: #E5E5E9;
  padding: 20px 15px;
  width: 100%;
}
.filterBoxCompare .headFive {
  color: #5a5a60;
  padding-bottom: 20px;
}
.filterBoxCompare .compFive {
  border-bottom: 1px solid #B5B5B9;
  color: #5a5a60;
  margin: 20px 0 10px;
  padding-bottom: 10px;
}
.filterBoxCompare label {
  width: 100%;
  color: #5a5a60;
  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: #5a5a60;
  margin-left: 15px;
  padding-bottom: 0px;
}
.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: #5a5a60;
}

.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: #b2b2b8;
  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;
  height: 10px;
  width: 10px;
  position: absolute;
  right: 25px;
  z-index: 1;
}
.compareVehicles .selectedVehiclesADA .close svg path {
  fill: #66cc33;
  height: 25px;
}
.compareVehicles .leftGreenBorder {
  border-left: 3px solid #66cc33;
}
.compareVehicles .productTypeAndTitle .headThree {
  color: #5a5a60;
  margin-left: 10px;
}
.compareVehicles .productTypeAndTitle .headFour {
  color: #5a5a60;
  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: #5a5a60;
  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: #5a5a60;
}
.compareVehicles .headThree {
  color: #5a5a60;
  margin-bottom: 10px;
}
.compareVehicles .headFour {
  color: #5a5a60;
  margin-bottom: 10px;
}
.compareVehicles .withGreenLine {
  color: #ffffff;
  line-height: 28px;
  border-left: 3px solid #66cc33;
}
.compareVehicles .greenLine {
  border-left: 3px solid #66cc33;
}
.compareVehicles .centerProductName {
  top: 50px;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.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 .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 #b2b2b8;
}
.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 .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: #5a5a60;
  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: #5a5a60;
  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: #b2b2b8;
  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: #b2b2b8;
}
.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: #b2b2b8;
}
.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;
}

.mayLike {
  background: #D7D7DA;
}
.mayLike .row {
  width: 100%;
}
.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: #b2b2b8;
  text-decoration: underline;
  margin-top: 60px;
  margin-bottom: -60px;
  display: block;
}
.accessories .selectLink:hover {
  color: #ffffff;
}
.accessories .noAccessoriesLink {
  color: #b2b2b8;
  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: #5a5a60;
}
.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: #5a5a60;
}
.accessoryInfo a:hover {
  color: #000000;
}

.compatibleAccordion {
  padding: 20px;
  margin-top: 30px;
  background: #E5E5E9;
}
.compatibleAccordion .headFive {
  color: #5a5a60;
  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: #5a5a60;
  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: #b2b2b8;
  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 .homeTeams .headThree {
  color: #5a5a60;
}
.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 #b2b2b8;
}
.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: #000;
  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: #5a5a60;
  margin-bottom: 20px;
}
.racing .teamRiders .riderLinks a {
  text-decoration: none;
}
.racing .teamRiders .riderLinks h4 {
  margin-top: 10px;
  color: #5a5a60;
}
.racing .teamEquipment .headThree {
  color: #5a5a60;
}
.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: 0;
  list-style: none;
  margin-bottom: 2rem;
}
.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;
  padding-left: 15px;
}
.racing .teamEquipment .infoBox ul li::before {
  color: #6c3;
  content: "▪︎";
  display: inline-block;
  width: 1em;
  margin-left: -13px;
}
.racing .teamEquipment .infoBox ul li:nth-of-type(1n+4) {
  display: none;
}
.racing .teamEquipment .infoBox img {
  width: 100%;
  margin-top: 30px;
}
.racing .contactTeam .headThree {
  color: #5a5a60;
}
.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: #5a5a60;
}
.racing .career .grey-line-top {
  border-top: 1px solid #D7D7DA;
  padding-top: 25px;
}
.racing .career .headFour {
  color: #5a5a60;
  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: #5a5a60;
  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/proof_in_racing_button_desktop.jpg?w=1600);
  display: block;
  margin-bottom: 30px;
  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;
}

.newRider .newHead {
  position: relative;
}
.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-image: url(/Content/Images/OwnerCenter/newrider_desktop_header.jpg?w=1600);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}
.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 .welBox h2 {
  border-bottom: 1px solid #86868D;
  padding-bottom: 20px;
}
.newRider .newHead .new-head-img .welBox h3 {
  color: #66cc33;
  margin: 20px 0;
}
.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 h4, .newList .allInfo.licensed p {
  color: #ffffff;
}
.newList .allInfo.gearUp {
  background: #202021;
}
.newList .allInfo.gearUp h4, .newList .allInfo.gearUp p {
  color: #b2b2b8;
}
.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/06_customize.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  padding: 200px 0;
}
.newList .customize .newCustom {
  max-width: 100%;
}
.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;
}

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

.support {
  background: #f1f1f1;
}
.support .updateInfo {
  background: #E5E5E9;
}
.support .updateInfo .greenSpacer {
  height: 5px;
  width: 100px;
  background: #66cc33;
  margin: 40px auto;
}
.support .updateInfo .infoGroup {
  background: #ffffff;
  padding: 40px 15%;
}
.support .updateInfo .infoGroup .blackBtn {
  width: 100%;
}
.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 .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: 0;
  list-style: none;
  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;
  padding-left: 15px;
}
.rewards .contingency ul li::before {
  color: #6c3;
  content: "▪︎";
  display: inline-block;
  width: 1em;
  margin-left: -13px;
}
.rewards .contingency ul li a {
  color: #000000;
  text-decoration: underline;
}
.rewards .rules {
  background: #f1f1f1;
}
.rewards .rules .prog {
  color: #5a5a60;
}
.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: #b2b2b8;
  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: #5a5a60;
  margin-bottom: 40px;
}
.schedule .table-borderless {
  background-color: #d7d6db;
}
.schedule .table-borderless .headFive, .schedule .table-borderless .pOne {
  color: #5a5a60;
  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: #5a5a60;
  margin-bottom: 15px;
}
.news .headFour {
  color: #5a5a60;
  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 .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: #b2b2b8;
}
.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 {
  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 #b2b2b8;
}
#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 #5a5a60;
  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 #b2b2b8;
  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: 40px;
}
#searchVinModal .resultList h4 {
  border-bottom: 1px solid #b2b2b8;
  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;
}

.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: 0 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 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 {
  text-align: center;
}
#deleteOwnedVehicleModal .modal-body, #deleteFavoriteVehicleModal .modal-body {
  padding-bottom: 40px;
}
#deleteOwnedVehicleModal .blackBtn, #deleteFavoriteVehicleModal .blackBtn {
  margin: 60px 0 20px;
}
#deleteOwnedVehicleModal .modalRemove, #deleteFavoriteVehicleModal .modalRemove {
  display: block;
  margin: auto;
  text-align: center;
  width: 100%;
}
#deleteOwnedVehicleModal .modalRemove:hover, #deleteFavoriteVehicleModal .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;
  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;
  height: 100%;
  /*max-height:100%;
  max-width:100%;*/
  /*height: 100%;*/
}
#safetyResources .able {
  box-shadow: none;
  margin: 0;
  padding-bottom: 10px;
}

#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 .plants .headThree {
  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;
}
#heritage .timeline .timeSlide .timeBar .clickBack {
  background: #000000;
  height: 100%;
  width: 100%;
  border: 0;
  padding: 0;
}
#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 #b2b2b8;
}
#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 #b2b2b8;
}

#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: #5a5a60;
}
#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;
}

#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: #5a5a60;
  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: #5a5a60;
}
.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 #b2b2b8;
  /*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: #b2b2b8;
  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;
}

.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;
  /*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;
}
#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: #5a5a60;
}
#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: #5a5a60;
}
#recallAccordion p {
  margin-bottom: 15px;
}
#recallAccordion p b {
  margin-right: 10px;
}
#recallAccordion p a {
  color: #5a5a60;
}
#recallAccordion p a:hover {
  color: #000000;
  text-decoration: underline;
}

.general .header-table h1 {
  color: #ffffff;
}
.general .generalHeader {
  background-image: url("/Content/Images/events_header_xxl@2x.jpg");
  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: #b2b2b8;
}
.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: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: #5a5a60;
}
.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;
}

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

.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 #D7D7DA;
  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;
  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 #000;
}
.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 h4 {
  margin: 40px 0 20px;
}
.checkout .steps {
  border-left: 5px solid #66cc33;
  padding-left: 5px;
}
.checkout .steps .headFour {
  color: #5a5a60;
}
.checkout .twinInfo h3 {
  color: #5a5a60;
}
.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 #b2b2b8;
  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 .container {
  position: relative;
}
.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;
  }*/
}

.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: #5a5a60;
}
.rok .join .membership p {
  margin-left: 15px;
}
.rok .join .membership p::before {
  color: #6c3;
  content: "▪︎";
  display: inline-block;
  width: 1em;
  margin-left: -15px;
}
.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 p {
  color: #ffffff;
  margin-left: 15px;
}
.rok .rates p::before {
  color: #6c3;
  content: "▪︎";
  display: inline-block;
  width: 1em;
  margin-left: -15px;
}
.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-position: top center;
}
.shopBackground .header-table {
  margin: 60px 0 500px;
}
.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: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;
}

#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);
  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);
  background-size: cover;
  background-position: center;
}
.fleet .machines .industrial {
  background-image: url(/Content/Images/government/industrial.jpg);
  background-size: cover;
  background-position: center;
}
.fleet .machines .mining {
  background-image: url(/Content/Images/government/mining.jpg);
  background-size: cover;
  background-position: center;
}
.fleet .machines .oilandgas {
  background-image: url(/Content/Images/government/OilGas.jpg);
  background-size: cover;
  background-position: center;
}
.fleet .machines .rental {
  background-image: url(/Content/Images/government/rental.jpg);
  background-size: cover;
  background-position: center;
}
.fleet .machines .vineyards {
  background-image: url(/Content/Images/government/Vineyards.jpg);
  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);
  background-size: cover;
  background-position: center;
}
.fleet .machines .county {
  background-image: url(/Content/Images/government/county.jpg);
  background-size: cover;
  background-position: center;
}
.fleet .machines .city {
  background-image: url(/Content/Images/government/Rectangle.jpg);
  background-size: cover;
  background-position: center;
}
.fleet .machines .college {
  background-image: url(/Content/Images/government/College.jpg);
  background-size: cover;
  background-position: center;
}
.fleet .machines .nonprofit {
  background-image: url(/Content/Images/government/NonProfit.jpg);
  background-size: cover;
  background-position: center;
}
.fleet .machines .otheragencies {
  background-image: url(/Content/Images/government/OtherAgencies.jpg);
  background-size: cover;
  background-position: center;
}
.fleet .edition {
  background: #E5E5E9;
}
.fleet .edition ul {
  border-left: 5px solid #66cc33;
  padding-left: 5px;
  padding-left: 15px;
}
.fleet .edition ul li {
  margin-bottom: 10px;
  color: #5a5a60;
}
.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;
}

.subBrand section {
  position: relative;
}
.subBrand .genericLink {
  color: #5A5A60;
  font-weight: bold;
}
.subBrand .genericLink:hover {
  color: black;
}
.subBrand .subHero {
  background: #202021;
  text-align: center;
}
.subBrand .subHero h1, .subBrand .subHero p {
  color: #ffffff;
  max-width: 1000px;
  margin: 0 auto;
}
.subBrand .subHero h1 span, .subBrand .subHero p span {
  color: #66cc33;
}
.subBrand .sectionNav .container .stackIt {
  left: 210px;
}
.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: #b2b2b8;
  margin-top: 200px;
}
.subBrand .timeline .carousel-item .headThree .headFive {
  color: #b2b2b8;
}
.subBrand .timeline .carousel-item p {
  color: #b2b2b8;
  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: #b2b2b8;
  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: #b2b2b8;
}
.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;
}
.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 .btnHold {
  padding: 0 20px 20px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.subBrand .muleForYou .modContainer .btnHold .blackBtn {
  width: 100%;
}
.subBrand .blackBack {
  background: #262626;
}
.subBrand .table th, .subBrand .table td {
  padding: 0.75rem;
  vertical-align: middle;
  border-top: 1px solid #dee2e6;
}

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

.greyLink {
  color: #86868D;
}
.greyLink:hover {
  color: black;
}

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

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

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

.grey-dk {
  color: #5a5a60;
}

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

.addBanner {
  text-align: center;
  background: #000000;
  padding: 8px 0;
  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 .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: 0;
  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 #000;
  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;
}

.dLocate {
  background: #f1f1f1;
}
.dLocate .header-table {
  margin-bottom: 0;
}
.dLocate .headP {
  margin-bottom: 60px;
}
.dLocate section {
  padding-bottom: 0;
}
.dLocate .distSelect {
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.dLocate .distSelect h2 {
  padding: 25px 0 25px 30px;
  border-bottom: 2px solid #66cc33;
}
.dLocate .distSelect .list-group {
  /*max-height: 730px;
  overflow-x: auto;*/
}
.dLocate .distSelect .list-group .list-group-item {
  border: 0;
  border-bottom: 1px solid #E5E5E9;
  padding-left: 30px;
  border-radius: 0;
}
.dLocate .distSelect .list-group .list-group-item span {
  margin-left: 10px;
  vertical-align: middle;
}
.dLocate .distSelect .list-group button:hover {
  background: #000000;
  color: #66cc33;
}
.dLocate .distSelect .markerHover {
  background: #000000;
}
.dLocate .distSelect .markerHover span {
  color: #66cc33;
}
.dLocate .distSelect .markerHover p {
  color: #ffffff;
}
.dLocate .results {
  width: 100%;
  height: 100%;
  background: #ffffff;
  display: none;
}
.dLocate .results .backDist {
  padding: 20px 30px;
  color: #76767c;
  border-bottom: 1px solid #E5E5E9;
  cursor: pointer;
}
.dLocate .results .distDet {
  padding: 25px;
}
.dLocate .results .distDet #distributorFlag img {
  margin-top: -6px;
}
.dLocate .results .distDet svg {
  vertical-align: inherit;
}
.dLocate .results .distDet a {
  text-decoration: underline;
}
.dLocate .results .distDet a:hover {
  color: #000000;
}
.dLocate .results .distAction {
  border-top: 3px solid #66cc33;
  background: #E5E5E9;
  padding: 15px;
  text-align: center;
}
.dLocate .results .distAction .col {
  border-right: 1px solid #D7D7DA;
  padding-bottom: 5px;
}
.dLocate .results .distAction .col:last-child {
  border: 0;
}
.dLocate .results .distAction svg {
  display: block;
  margin: 5px auto 10px;
}
.dLocate .results .distAction .col-6 path {
  fill: #66cc33;
}
.dLocate .results .dealerList {
  overflow-x: auto;
  max-height: 625px;
}
.dLocate .results .dealerList .list-group-item {
  border: 0;
  border-radius: 0;
  border-bottom: 2px solid #E5E5E9;
}
.dLocate .googleMap {
  display: table-cell;
  width: 100%;
  z-index: 0;
  border: 0;
  height: 100%;
}
.dLocate .googleMap:first-child {
  background: #000000;
}

.distributorinfo .dealerList a.pOne {
  text-decoration: underline;
}
.distributorinfo .dealerList .markerHover {
  background: #000000;
}
.distributorinfo .dealerList .markerHover span {
  color: #66cc33;
}
.distributorinfo .dealerList .markerHover .headFive {
  color: #66cc33;
}
.distributorinfo .dealerList .markerHover p {
  color: #ffffff;
}
.distributorinfo .dealerList .markerHover a.pOne {
  color: #ffffff;
  text-decoration: underline;
}
.distributorinfo .dealerList .markerHover .list-inline-item .headSix, .distributorinfo .dealerList .markerHover .list-inline-item .feature-list li, .feature-list .distributorinfo .dealerList .markerHover .list-inline-item li {
  color: #ffffff;
}
#leavingModal .modal-title {
  padding-left: 30px;
}
#leavingModal .modal-body {
  padding: 30px;
}
#leavingModal .modal-body .headThree {
  margin-bottom: 30px;
}
#leavingModal .modal-body a.headFive {
  text-decoration: underline;
  margin-left: 30px;
}
#leavingModal .modal-body a.headFive:hover {
  color: #000000;
}
#leavingModal .visLa {
  margin: 20px 0 40px;
}

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

#ShareEmailContainer .validation-summary-valid {
  display: none;
}
#ShareEmailContainer .required::after {
  content: "*";
}
#ShareEmailContainer .text-danger-formTemplate {
  font-weight: 700;
  color: #be2424;
  font-size: 80%;
}
#ShareEmailContainer .selectorDisabled {
  opacity: 0.3;
  pointer-events: none;
}
#ShareEmailContainer .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;
}

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

.svgSize {
  max-height: 85px;
}

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

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