/*! Build : November 16, 2016 10:35:04 */
/* ======================================================
BREAK POINTS
====================================================== */
/*
 * Honda platform - Inclusive - CSS : Tablet/Desktop : Base
 * Defines base styling of HTML elements
 *
----------------------------------------------- */
p,
ul,
ol,
dl,
address,
blockquote {
  margin-bottom: 1.5em; }

p,
li,
dt,
dd,
blockquote,
pre,
address,
label,
th,
td,
code {
  font-size: 1.3em;
  line-height: 1.571em;
  color: #555; }

.subHeading p {
  font-size: 2.4em;
  line-height: 1.25em; }

blockquote {
  margin: 1em 0;
  color: #3b3b3b;
  font-size: 2.6em;
  line-height: 1.1em; }

blockquote p {
  margin-bottom: 0.3em; }

blockquote cite {
  font-size: 0.615em;
  line-height: 1.111em; }

blockquote cite:first-child {
  margin-top: 0.875em; }

.blockquoteInCol {
  position: relative;
  padding: 2.2em 0 0;
  margin: .9em 0 1.1em; }

.blockquoteInCol:before {
  display: block;
  margin-bottom: 1.1em;
  width: 48px;
  border-top: 2px solid #dc182d; }

/* Headings
--------------------------------------*/
h1 {
  font-size: 5em;
  letter-spacing: 0.5px; }

h2 {
  font-size: 4em;
  margin: 0 0 0.8em; }

h3,
h4,
h5,
h6 {
  margin-bottom: .3em;
  font-size: 2.6em;
  line-height: 1.1em;
  letter-spacing: 1px; }

h4,
h5,
h6 {
  font-size: 1.6em;
  line-height: 1.4em; }

h3 {
  letter-spacing: 0.5px; }

/* Generic elements
---------------------------------------*/
#page {
  font-size: 100%;
  /* Set the font size back to the same as body for non-mobile devices */
  padding-bottom: 3.8em; }

.mainHeader .globalCtas [class$="Diamond56Ico"]:before {
  font-size: 28px;
  left: 12px;
  right: auto; }

.mainHeader .globalCtas .findDealerDiamond56Ico:before {
  top: -3px; }

.mainHeader .globalCtas .testRideDiamond56Ico:before,
.mainHeader .globalCtas .testDriveDiamond56Ico:before {
  top: -1px; }

.mainHeader .globalCtas .brochureDiamond56Ico:before,
.mainHeader .globalCtas .contactUsDiamond56Ico:before {
  left: 14px;
  top: -2px; }

.ie8 .mainHeader .globalCtas .findDealerDiamond56Ico:before {
  top: 0px; }

.ie8 .mainHeader .globalCtas .testDriveDiamond56Ico:before,
.ie8 .mainHeader .globalCtas .testRideDiamond56Ico:before,
.ie8 .mainHeader .globalCtas .brochureDiamond56Ico:before,
.ie8 .mainHeader .globalCtas .contactUsDiamond56Ico:before {
  top: 1px; }

.ie9 .mainHeader .globalCtas .findDealerDiamond56Ico:before,
.ie10 .mainHeader .globalCtas .findDealerDiamond56Ico:before {
  top: 1px; }

.ie9 .mainHeader .globalCtas .testDriveDiamond56Ico:before,
.ie9 .mainHeader .globalCtas .testRideDiamond56Ico:before,
.ie9 .mainHeader .globalCtas .brochureDiamond56Ico:before,
.ie9 .mainHeader .globalCtas .contactUsDiamond56Ico:before,
.ie10 .mainHeader .globalCtas .testDriveDiamond56Ico:before,
.ie10 .mainHeader .globalCtas .testRideDiamond56Ico:before,
.ie10 .mainHeader .globalCtas .brochureDiamond56Ico:before {
  top: 2px; }

/* Main CTA
---------------------------------------*/
.iconCta {
  margin: 0 auto;
  text-align: center; }

.iconCta li {
  display: inline-block;
  font-size: 1.6em;
  position: relative;
  margin: 0 0 0 1.586em;
  padding: 1em 0;
  color: #c3c3ce; }

.iconCta li:first-child {
  margin-left: 0; }

.iconCta li a {
  position: relative;
  z-index: 10;
  display: inline;
  padding: 89px 0 0;
  color: #3b3b3b;
  text-align: center;
  background: transparent;
  letter-spacing: 1px;
  border-bottom: 1px solid #7ab99b; }

.iconCta li a:hover {
  background-color: transparent; }

.iconCta [class$='Diamond56Ico'] {
  display: inline-block;
  width: 7.8em;
  vertical-align: top;
  text-align: center;
  margin-top: 70px; }

.iconCta.twoCta [class$='Diamond56Ico'] {
  width: 10.3em; }

.iconCta.threeCta [class$='Diamond56Ico'] {
  width: 26%; }

.iconCta.fourCta [class$='Diamond56Ico'] {
  width: 22%; }

.iconCta [class$='Diamond56Ico']:after {
  font-size: 70px;
  left: 50%;
  margin-left: -35px;
  top: -50px; }

.iconCta [class$='Diamond56Ico']:before {
  font-size: 56px;
  left: 50%;
  margin-left: -28px;
  top: -66px; }

.iconCta .testDriveDiamond56Ico:before,
.iconCta .testRideDiamond56Ico:before,
.iconCta .findDealerDiamond56Ico:before {
  top: -64px; }

.iconCta .accessoriesDiamond56Ico:before {
  top: -61px;
  margin-left: -22px;
  font-size: 42px; }

.iconCta [class$='Diamond56Ico']:hover:after {
  color: #017d75; }

.iconCta [class$='Diamond56Ico']:hover a {
  color: #017d75;
  border-bottom: 3px solid #017d75;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.ie8 .iconCta [class$="Diamond56Ico"]:after {
  position: absolute;
  top: -70px;
  left: 0;
  width: 100%;
  height: 68px;
  margin: 0;
  content: '';
  background: url("../../img/icons/icon_cta_bg.png") no-repeat center top; }

.ie8 .iconCta [class$="Diamond56Ico"]:hover:after {
  content: ' ';
  background-position: center -68px; }

.ie8 .iconCta [class$="Diamond56Ico"] a:before {
  display: none; }

/* Primary CTA
---------------------------------------*/
.primaryCta {
  padding: 8px 14px 8px 30px;
  max-width: 26.33em;
  font-size: 1.384em; }

.rttPrimaryCTA a {
  font-size: 1.6em; }

.primaryCta:before {
  top: 5px; }

.primaryCta:before {
  left: 2px;
  position: absolute; }

.ie10 .primaryCta:before,
.ie9 .primaryCta:before,
.ie8 .primaryCta:before {
  top: 10px; }

.primaryCtaFull,
.secondaryCtaFull {
  width: auto; }

.secondaryCta a:after,
.reevooGroup a.reevooGroupLink:after,
.reevooBadgeHolder > a:first-child:after {
  display: none; }

.secondaryCta,
.rttSecondaryCTA,
.reevooGroup,
.reevooBadgeHolder {
  padding: 5px 0 0 17px; }

.reevooBadgeHolder > div:first-child {
  position: relative;
  left: -17px;
  margin: 0; }

.reevooBadgeHolder > a:first-child:before {
  margin-left: 0; }

.reevooBadgeHolder > a:first-child:after {
  margin-right: 0; }

.secondaryCta a,
.reevooGroup a.reevooGroupLink,
.reevooBadgeHolder > a:first-child {
  font-size: 1.385em; }

.secondaryCta a,
.rttSecondaryCTA a,
.reevooGroup a.reevooGroupLink,
.reevooBadgeHolder > a:first-child {
  border-bottom: 3px solid transparent;
  -webkit-transition: border .4s ease-in-out;
  transition: border .4s ease-in-out;
  font-size: 1.6em; }

.rttExternalLink a.externalLink {
  font-size: 1.6em; }

.ctaContainer:hover a {
  border-bottom: 3px solid #017D75; }

.secondaryCta a:hover,
.rttSecondaryCTA a:hover,
.reevooGroup a.reevooGroupLink:hover,
.reevooBadgeHolder > a:first-child:hover {
  color: #017d75;
  border-bottom: 3px solid #017d75;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; }

.secondaryCta a:after,
.rttSecondaryCTA a:after,
.reevooGroup a.reevooGroupLink:after,
.reevooBadgeHolder > a:first-child:after {
  right: auto;
  display: none; }

.secondaryCta a:before,
.rttSecondaryCTA a:before,
.reevooGroup a.reevooGroupLink:before,
.reevooBadgeHolder > a:first-child:before {
  display: inline-block;
  left: -28px;
  right: auto;
  top: -5px; }

.downloadLink a {
  font-size: 1.6em; }

/* CTA container
-------------------------*/
.ctaContainer {
  margin-bottom: 1.3em;
  border-bottom: 0;
  padding-top: 3px; }

.ctaContainer.downloadLink {
  padding-top: 0; }

/* External link
-------------------------*/
.externalLink {
  margin: 0 0 28px 0;
  font-size: 1.385em;
  border-bottom: 3px solid transparent;
  -webkit-transition: border .4s ease-in-out;
  transition: border .4s ease-in-out;
  line-height: 1.6em; }

a.downloadLink {
  margin: 0 0 28px 27px;
  line-height: 1.6em; }

.downloadLink:hover:before {
  color: #017d75; }

.richTextType .externalLink {
  font-size: 1.125em; }

.externalLink:before {
  display: inline-block;
  font-size: 28px;
  left: -31px;
  position: absolute;
  right: auto;
  top: 1px; }

.externalLinkFullCol {
  padding: .55em 0; }

.externalLink.externalLinkFullCol {
  padding: 0; }

.externalLink:after {
  display: none; }

.externalLink:hover,
.externalLinkFullCol:hover,
.externalLinkFullCol:focus {
  color: #017d75;
  border-bottom: 3px solid #017d75;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; }

/*      Download link
-------------------------*/
.downloadLink:before {
  left: -4px; }

/* Link back
---------------------------------------*/
.backLink {
  position: relative;
  clear: both;
  display: inline-block;
  min-height: 14px;
  margin: 25px 0 0 0;
  padding: 0 0 0 18px;
  font-family: 'ProximaNovaExCnSbold';
  line-height: 1.6em;
  color: #017d75;
  text-decoration: none; }

.backLink .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  height: 14px;
  background: url(../../img/chevrons.png) -40px -14px no-repeat; }

.backLink:hover .icon,
.backLink:focus .icon {
  background-position: -40px -28px; }

.backLink .title {
  text-transform: uppercase;
  font-size: 1.8em;
  text-decoration: none;
  letter-spacing: 0.09em;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.backLink:hover .title {
  color: #00803E;
  border-bottom: 2px solid #00803E; }

/* List listB
---------------------------------------*/
.linkList li {
  font-size: 1.6em; }

.linkList li,
.richTextType .linkList li {
  margin: 0 0 -1px;
  padding: 0 0 0 20px; }

.linkList li:last-child {
  border-bottom: 1px solid #CBCBCB; }

.linkList li:last-child a {
  border-bottom: none; }

.linkList li:after,
.linkList li:before {
  display: none; }

.linkList a {
  padding: 10px 10px 10px 4px; }

.richText ul.linkList li a:before,
.linkList li a:before {
  position: absolute;
  top: 8px;
  left: -24px;
  z-index: 1;
  display: block;
  color: #017D75;
  font-size: 28px; }

.linkList li:hover,
.richText ul.linkList li:hover {
  padding-left: 0;
  border-color: #017D75;
  border-style: solid;
  border-width: 0 0 1px 20px; }

.linkList li:hover a,
.richText ul.linkList li:hover a {
  color: #017D75;
  border: 0; }

.linkList li:hover a:before,
.richText ul.linkList li:hover a:before {
  color: #FFF; }

/* Image caption */
.imageCaption p,
.imageCaption dt,
.imageCaption dd {
  font-size: 1.1em; }

/* Signpost icon */
.ie8 [class$='SignPostIco']:before,
.ie9 [class$='SignPostIco']:before,
.ie10 [class$='SignPostIco']:before {
  margin: 0 0 -2em; }

[class$='SignPostIco']:before {
  font-size: 56px;
  left: -4px;
  position: relative;
  top: 15px; }

.specificationSignPostIco:before {
  left: -1px; }

.performanceSignPostIco:before {
  left: -8px;
  top: 11px; }

.offersSignPostIco:before {
  left: -9px;
  top: 5px; }

.designSignPostIco:before {
  left: -12px;
  top: 3px; }

.gallerySignPostIco:before {
  left: -6px;
  top: 0; }

.imgFW {
  margin: 0; }

.videoContent .video-player-wrapper {
  padding: 3.2em; }

/* m_10.01.08 Page Introduction */
.module.pageIntroduction {
  margin: 55px auto 32px;
  text-align: center;
  max-width: 46.4em; }

.ie8 .module.pageIntroduction {
  width: 46.4em; }

.module.pageIntroduction p {
  font-size: 2.4em; }

.module.pageIntroduction .wrapperInner {
  text-align: center; }

/* m_95.01 Search input box */
.module.searchInputBox {
  margin: 0 auto 64px;
  width: 48.148%;
  max-width: 46.4em; }

.module.searchInputBox input {
  width: 80%; }

.module.searchInputBox .wrapperInner {
  text-align: center; }

.module.pageIntroduction .wrapperInner,
.module.searchInputBox .wrapperInner {
  padding: 0; }

.module.searchInputBox button {
  height: 2.8em; }

.searchInputBox label:before {
  padding: 0.2em 0; }

.module.searchInputBox label:hover:before,
.module.searchInputBox button:hover {
  background-color: #017d75;
  border-color: #017d75; }

/* m_107.01 Landscape Image */
.module.landscapeImage {
  margin-bottom: 4.65em; }

/* Block Quotes */
.blockquoteInCol.speechMarksQuote45Ico {
  position: relative; }

.blockquoteInCol.speechMarksQuote45Ico:before,
.blockquoteInCol.speechMarksQuote45Ico:after {
  position: absolute;
  top: 0;
  left: 0; }

.blockquoteInCol.speechMarksQuote45Ico:after {
  top: -15px; }

.blockquoteInCol.speechMarksQuote45Ico:before {
  border-top: 0;
  border-bottom: 2px solid #DC182D;
  padding-bottom: 10px;
  top: -25px; }

.ie8 .content .checkboxes input,
.ie9 .content .checkboxes input {
  border: 0; }

/*------------------------------
        Tablet
--------------------------------*/
@media screen and (min-width: 621px) and (max-width: 800px) {
  .module.pageIntroduction,
  .module.searchInputBox {
    margin: 55px auto 32px;
    width: 72.1%;
    text-align: center; }

  .module.pageIntroduction p {
    font-size: 2.2em; }

  .iconCta .yourHondaDiamond56Ico:before,
  .iconCta .bookDemoDiamond56Ico:before {
    top: -67px; } }
.portal .portalModule {
  background: #464D53;
  color: #fff;
  padding: 96px 0;
  margin: 0; }

.portal .portalModuleDark {
  background: #0080A9;
  margin-top: 0; }

#page.portal > div:nth-of-type(3),
#page.portal > div:nth-of-type(3) div {
  margin-bottom: 0; }

#page.portal .quoteWithImageMod.quote,
#page.portal .textColumnOneImage1.textColumnMod {
  background: #dbecf8; }

#page.portal > div:nth-of-type(4) {
  background: #dbecf8;
  padding: 96px 0;
  margin: 0; }

#page.portal .signPostLargeImage .copyAreaContainer h2:before {
  display: none; }

.euEmissionsText p {
  font-size: 1.1em; }

.euEmissionsText a {
  color: #3b3b3b; }

/* class used in JS to fix issue where ie won't draw pseudo elements until it's content has changed (won' work if item is hidden) */
.iePseudoFix:before,
.iePseudoFix:after {
  content: none !important; }
.bookTestDrive .wrapperInner {
    padding: 0 6.45161%;
}

@media only screen and (min-width: 621px) and (max-width: 800px) {
    .bookTestDrive .wrapperInner {
        padding: 0 5.20833%;
    }
}

.bookTestDrive .contentWrapper {
    padding: 0;
}

/* grid */
.bookTestDrive .deskOneQuarter {
    float: right;
}

.bookTestDrive .gs:first-child {
    margin-left: 3.703%;
}

.bookTestDrive .gs.deskThreeQuarters,
.bookTestDrive .editorialPromotion .gs:first-child {
    margin-left: 0;
}

.testDriveSubHeader {
    margin-bottom:1.6em;
}

/* form amends */
.bookTestDrive.chooseDealerResults .findDealer.testDrive {
	background-color: transparent;
}

.bookTestDrive.chooseDealerResults .findDealer.testDrive .findDealerSearch {
	
}

.bookTestDrive .findDealer.testDrive .findDealerSearch {
	width: auto;
	float: none;
	min-height: 40px;
}

@media only screen and (min-width: 621px) and (max-width: 800px) {
	.bookTestDrive .findDealer.testDrive .findDealerSearchIntro form {
		width: auto;
		float: none;
	}

	.bookTestDrive .findDealer.testDrive .findDealerSearch {
		position: static;
		top: auto;
		right: auto;
		width: 100%;
	}
}

.bookTestDrive .findDealer.testDrive .dealerSearch .formField {
	padding-right: 0;
}

.bookTestDrive .findDealer.testDrive .dealerSearch input[type="text"] {
	float: left;
	width: 60%;
}

.bookTestDrive .findDealer.testDrive .dealerSearch button {
	position: relative;
	top: auto;
	right: auto;
	width: auto;
	height: 40px;
	float: left;
	margin-left: 8px;
	padding: 0 32px 0 16px;
	color: #FFF;
	font-family: 'ProximaNovaExCnSbold';
    font-size: 1.6em;
    letter-spacing: 1px;
    line-height: 1em;
    text-decoration: none;
    text-transform: uppercase;

}

.bookTestDrive .findDealer.testDrive .dealerSearch button .text {
	position: static;
	top: auto;
	left: auto;
	width: auto;
	height: auto;
	overflow: visible;
	display: block;
}

.bookTestDrive .findDealer.testDrive .dealerSearch .searchIco:before {
	right: 7px;
}

.bookTestDrive .findDealer.testDrive .dealerSearch h3 {
	margin: 6px 0;
	padding: 0;
}

.bookTestDrive .findDealer.testDrive .dealerSearch h3.lastViewed {
	padding: 16px 0 0;
}

/* hide the header for the book a test drive search results on mobile only */
.bookTestDriveResults .pageIntroImgRightCropped {
	display: block;
}
/* main wrapper
------------------------------------------- */

.orderBrochure.modelSelector,
.moduleFlush.chooseBrochures {
    padding-top: 0;
    padding-bottom: 122px;
}

.pageIntro + .module.orderBrochure {
    margin-top: 0;
}


/* wrapperInner
------------------------------------------- */

.orderBrochure .wrapperInner,
.chooseBrochures .wrapperInner {
    padding: 0 6.45161%;
}

@media only screen and (min-width: 621px) and (max-width: 800px) {
    .orderBrochure .wrapperInner,
    .chooseBrochures .wrapperInner {
        padding: 0 5.20833%;
    }
}


/* contentWrapper
------------------------------------------- */

.orderBrochure .contentWrapper {
    padding: 32px 0 0;
}

.chooseBrochures .contentWrapper {
    padding-top: 0;
}

.chooseBrochures .contentWrapper .wrapperInner {
    padding: 0;
}


/* grid
------------------------------------------- */

.orderBrochure .deskOneQuarter {
    float: right;
}

.orderBrochure .gs.deskThreeQuarters {
    margin-left: 0;
}


/* tabs
------------------------------------------- */

.chooseBrochures .tabs {
    margin-top: -1.4em;
}

.orderBrochure .tabs li {
    max-width: 157px;
}
/* ======================================================
BREAK POINTS
====================================================== */
.carousel {
  padding: 0; }
  .carousel .carouselWrapper {
    position: relative;
    margin: 0 6.66667%; }
    @media screen and (min-width: 621px) and (max-width: 800px) {
      .carousel .carouselWrapper {
        margin: 0 5.20833%; } }
  .carousel .itemInner {
    padding: 0 16px; }
  .carousel .copyArea {
    margin-top: 2.8em;
    *zoom: 1; }
    .carousel .copyArea:after {
      content: "\0020";
      display: block;
      height: 0;
      clear: both;
      overflow: hidden;
      visibility: hidden; }
  .ie8 .carousel .copyArea {
    visibility: hidden; }
  .ie8 .carousel .selected .copyArea {
    visibility: visible; }
  .carousel .contentTitle,
  .carousel .contentBody {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .carousel .contentTitle {
    width: 25%;
    padding-right: 32px; }
    @media screen and (min-width: 621px) and (max-width: 800px) {
      .carousel .contentTitle {
        width: 33%; } }
    .carousel .contentTitle h2 {
      font-family: "ProximaNovaExCnLight";
      font-size: 4em;
      line-height: 1; }
  .carousel .contentBody {
    width: 50%; }
    @media screen and (min-width: 621px) and (max-width: 800px) {
      .carousel .contentBody {
        width: 66%;
        padding-right: 64px; } }
    .carousel .contentBody .rttExternalLink {
      padding-left: 27px; }
  .carousel .ctaContainer {
    text-align: center; }
  .carousel .singleVideoInstance {
    padding: 0 16px; }
  .carousel .controls {
    top: 64px;
    height: 94px;
    margin-top: 0; }
  .carousel .indicatorCounter {
    margin: 0;
    padding: 0;
    font-size: 2em;
    line-height: 1.4;
    background-color: transparent; }
  .carousel .indicatorSteps {
    position: relative;
    bottom: auto;
    margin: 32px 0 0; }

.previewEnabled .imgArea,
.previewEnabled .singleVideoInstance {
  -moz-transition: -moz-transform 0.15s ease-in-out;
  -o-transition: -o-transform 0.15s ease-in-out;
  -webkit-transition: -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out; }
.previewEnabled.animating .imgArea,
.previewEnabled.animating .singleVideoInstance {
  -moz-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s; }
.previewEnabled.previewLeft .copyArea, .previewEnabled.previewRight .copyArea {
  opacity: 0.65; }
.previewEnabled.previewLeft .imgArea,
.previewEnabled.previewLeft .singleVideoInstance {
  -moz-transform: translateX(32px);
  -ms-transform: translateX(32px);
  -webkit-transform: translateX(32px);
  transform: translateX(32px); }
.previewEnabled.previewRight .imgArea,
.previewEnabled.previewRight .singleVideoInstance {
  -moz-transform: translateX(-32px);
  -ms-transform: translateX(-32px);
  -webkit-transform: translateX(-32px);
  transform: translateX(-32px); }

.contentCarouselSmall .imgArea,
.contentCarouselSmall .copyArea {
  width: 48%;
  margin: 0; }
.contentCarouselSmall .copyArea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.contentCarouselSmall .contentTitle,
.contentCarouselSmall .contentBody {
  width: auto;
  float: none; }
.contentCarouselSmall .contentTitle {
  padding-right: 64px; }
  .contentCarouselSmall .contentTitle h2 {
    margin-bottom: 0.5em; }
.contentCarouselSmall .contentBody {
  padding-right: 0; }
@media screen and (min-width: 621px) and (max-width: 800px) {
  .contentCarouselSmall .controls {
    top: 36px; } }
.contentCarouselSmall .carouselSmallLeft .imgArea {
  float: left; }
.contentCarouselSmall .carouselSmallLeft .copyArea {
  float: right;
  padding-right: 48px; }
  .no-js .contentCarouselSmall .carouselSmallLeft .copyArea {
    padding-right: 0; }
.contentCarouselSmall .carouselSmallRight .imgArea {
  float: right; }
.contentCarouselSmall .carouselSmallRight .copyArea {
  float: left;
  padding-left: 48px; }
  .no-js .contentCarouselSmall .carouselSmallRight .copyArea {
    padding-left: 0; }

.contentCarouselLarge .carousel .copyArea {
  padding-right: 0;
  padding-left: 0; }
.contentCarouselLarge .carousel .controls {
  margin-top: -47px; }
.contentCarouselLarge .carousel .indicatorCounter {
  right: 16px; }
.contentCarouselLarge .carousel .indicatorSteps {
  position: absolute;
  left: auto;
  right: 16px;
  text-align: right; }
.contentCarouselLarge .carousel.enabled .indicatorCounter {
  display: block; }
@media screen and (min-width: 621px) and (max-width: 800px) {
  .contentCarouselLarge .carousel.enabled .indicatorSteps {
    display: none; } }

.carouselPromo .contentTitle,
.carouselPromo .contentBody {
  margin: 0;
  padding: 0; }
.carouselPromo .contentTitle h2 {
  color: #DC182D;
  line-height: 1em;
  text-transform: uppercase;
  word-wrap: break-word; }
.js .carouselPromo {
  max-width: 100%; }
  .js .carouselPromo .carouselWrapper {
    position: relative;
    overflow: visible; }
  .js .carouselPromo .itemInner {
    position: relative; }
  .js .carouselPromo ul li {
    width: 100%; }
  .js .carouselPromo .copyArea, .js .carouselPromo .indicatorSteps {
    left: 18%;
    width: 32%;
    max-width: 320px; }
  .js .carouselPromo .copyArea {
    position: absolute;
    bottom: 0;
    margin: 32px 0 0;
    padding: 0 32px;
    background-color: #FFF;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .js .carouselPromo .contentTitle,
  .js .carouselPromo .contentBody {
    width: auto;
    float: none; }
  .js .carouselPromo .contentTitle {
    padding-top: 2.6em; }
  .js .carouselPromo .contentBody {
    padding-bottom: 2.6em; }
  .js .carouselPromo .controls {
    margin-top: -58px; }
    .js .carouselPromo .controls.prev {
      margin-left: -32px; }
    .js .carouselPromo .controls.next {
      margin-right: 0; }
  .js .carouselPromo .indicatorCounter {
    right: auto;
    width: auto;
    padding: 0.95em 0 0 96px;
    line-height: 1; }
.carouselPromo.enabled .indicatorSteps {
  display: block; }

.contentGallery.moduleFlush {
  padding-top: 96px;
  padding-bottom: 96px; }
  .contentGallery.moduleFlush.contentGallerySignpost {
    padding-top: 32px; }
.contentGallery .intro {
  width: 54.46%;
  margin: 0 auto; }
  .contentGallery .intro p {
    margin-bottom: 32px;
    letter-spacing: 1px; }
  .contentGallery .intro .rttSecondaryCTA {
    margin-bottom: 32px;
    text-align: center; }
    .contentGallery .intro .rttSecondaryCTA a {
      display: inline; }
.contentGallery .carousel .carouselWrapper {
  margin: 0 8.05%;
  overflow: visible; }
  @media screen and (min-width: 621px) and (max-width: 800px) {
    .contentGallery .carousel .carouselWrapper {
      margin: 0 5.65%; } }
@media screen and (min-width: 621px) and (max-width: 800px) {
  .contentGallery .carousel .itemInner,
  .contentGallery .carousel .singleVideoInstance {
    padding: 0 11px; } }
.contentGallery .carousel .copyArea {
  margin: 1.8em 0 0 52%;
  padding: 0; }
.contentGallery .carousel .contentTitle,
.contentGallery .carousel .contentBody {
  width: auto;
  float: none;
  margin: 0;
  padding: 0; }
.contentGallery .carousel .contentTitle h2 {
  font-size: 1.8em;
  font-family: "ProximaNovaExCnSbold";
  letter-spacing: 1px; }
.contentGallery .carousel .controls.prev, .contentGallery .carousel .controls.next {
  margin: 0; }
@media screen and (min-width: 621px) and (max-width: 800px) {
  .contentGallery .carousel .controls.prev {
    left: -4px; }
  .contentGallery .carousel .controls.next {
    right: -4px; } }
.contentGallery .carousel .indicatorCounter {
  position: absolute;
  right: auto;
  left: 16px;
  margin: 24px 0 0 32px; }
  @media screen and (min-width: 621px) and (max-width: 800px) {
    .contentGallery .carousel .indicatorCounter {
      left: 5.20833%; } }
.imgWrapper,
.cropper {
	margin: 0;
}

.cropDesktop {
	display: block;
}

.cropMobile {
	display: none;
}

.cropLeft {
	float: left;
	margin-right: 3.703%;
}

.cropRight {
	float: right;
	margin-left: 3.703%;
}

.cropLeft .cropImg {
	float: right;
}

.cropRight .cropImg {
	float: left;
}

.cropSmall {
	width: 22.222%;
}
.cropSmall .cropImg {
	width: 233.333%;
}
.cropLarge,
.cropMega {
	width: 48.148%;
}

.col2 .cropLarge .cropImg,
.pdImgOffsetTopTxtCol2 .wrapperInner .sectionAlpha .cropLarge .cropImg,
.pdTxtSignpost3Col2 .wrapperInner .sectionAlpha .cropLarge .cropImg,
.pdTxtSignpost2Col .wrapperInner .sectionGamma .cropLarge .cropImg,
.productEditorialMosaic .cropLarge .cropImg,
.imageWithContentCropped .cropLarge .cropImg,
.conceptModule .cropLarge .cropImg {
	width: 161.538%;
}

.pdTxtSignpost2Col.pdImgOffsetTopTxtCol2 .wrapperInner .sectionGamma .cropLarge.cropRight .cropImg {
	width: 350%;
}

.cropMega .cropImg {
	width: 207.692%;
}

.cropSuper .cropImg {
	width: 170%; /* 1088 (super cropper width) / 640 (three cols) * 100 */
}

.pdInlineCol.pd3ColTxtCol2 .cropLarge .cropImg{
	width: 176.4%;
}

@media screen and (min-width: 621px) and (max-width: 800px) {
	.cropLeft {
		margin-right: 4.651%;
	}

	.cropRight {
		margin-left: 4.651%;
	}

	.cropSmall,
	.cropLarge {
		width: 30.232%;
	}

	.cropSmall .cropImg {
		width: 200%;
	}

	.cropLarge .cropImg,
	.conceptModule .cropLarge .cropImg {
		width: 324.519%;
	}

	.cropSuper .cropImg {
		width: 220%;
	}
}
/* picker input element */
.picker__input {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMzYgMzYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM2IDM2IiB4bWw6c3BhY2U9InByZXNlcnZlIj48ZGVmcz48cmVjdCB4PSI0IiB5PSI3LjMiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyNC43Ii8+PC9kZWZzPjxjbGlwUGF0aD48dXNlIG92ZXJmbG93PSJ2aXNpYmxlIi8+PC9jbGlwUGF0aD48cGF0aCBjbGlwLXBhdGg9InVybCgjU1ZHSURfMl8pIiBmaWxsPSIjMDEwMTAxIiBkPSJNMTcgMjAuNSIvPjxyZWN0IHg9IjQiIHk9IjMxIiBmaWxsPSIjRTVFNUU4IiB3aWR0aD0iMjgiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjQiIHk9IjMwIiBmaWxsPSIjRTVFNUU4IiB3aWR0aD0iMjgiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE0IiB5PSI0IiBmaWxsPSIjRTVFNUU4IiB3aWR0aD0iMSIgaGVpZ2h0PSI1LjgiLz48cmVjdCB4PSIxMyIgeT0iNCIgZmlsbD0iI0U1RTVFOCIgd2lkdGg9IjEiIGhlaWdodD0iNS44Ii8+PHJlY3QgeD0iMjIiIHk9IjQiIGZpbGw9IiNFNUU1RTgiIHdpZHRoPSIxIiBoZWlnaHQ9IjUuOCIvPjxyZWN0IHg9IjIxIiB5PSI0IiBmaWxsPSIjRTVFNUU4IiB3aWR0aD0iMSIgaGVpZ2h0PSI1LjgiLz48cmVjdCB4PSI0IiB5PSI3LjMiIGZpbGw9IiNFNUU1RTgiIHdpZHRoPSI4IiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyNCIgeT0iNy4zIiBmaWxsPSIjRTVFNUU4IiB3aWR0aD0iOCIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTYiIHk9IjcuMyIgZmlsbD0iI0U1RTVFOCIgd2lkdGg9IjQiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjQiIHk9IjcuMyIgZmlsbD0iI0U1RTVFOCIgd2lkdGg9IjEiIGhlaWdodD0iMjQuNyIvPjxyZWN0IHg9IjMxIiB5PSI3LjMiIGZpbGw9IiNFNUU1RTgiIHdpZHRoPSIxIiBoZWlnaHQ9IjI0LjciLz48cmVjdCB4PSIxOC41IiB5PSIxMS44IiBmaWxsPSIjRTVFNUU4IiB3aWR0aD0iNS4yIiBoZWlnaHQ9IjQuNyIvPjxyZWN0IHg9IjI0LjgiIHk9IjExLjgiIGZpbGw9IiNFNUU1RTgiIHdpZHRoPSI1LjIiIGhlaWdodD0iNC43Ii8+PHJlY3QgeD0iNi4xIiB5PSIxNy45IiBmaWxsPSIjRTVFNUU4IiB3aWR0aD0iNS4yIiBoZWlnaHQ9IjQuNyIvPjxyZWN0IHg9IjEyLjMiIHk9IjE3LjkiIGZpbGw9IiNFNUU1RTgiIHdpZHRoPSI1LjIiIGhlaWdodD0iNC43Ii8+PHJlY3QgeD0iMTguNSIgeT0iMTcuOSIgZmlsbD0iI0U1RTVFOCIgd2lkdGg9IjUuMiIgaGVpZ2h0PSI0LjciLz48cmVjdCB4PSIyNC44IiB5PSIxNy45IiBmaWxsPSIjRTVFNUU4IiB3aWR0aD0iNS4yIiBoZWlnaHQ9IjQuNyIvPjxyZWN0IHg9IjYuMSIgeT0iMjQiIGZpbGw9IiNFNUU1RTgiIHdpZHRoPSI1LjIiIGhlaWdodD0iNC43Ii8+PHJlY3QgeD0iMTIuMyIgeT0iMjQiIGZpbGw9IiNFNUU1RTgiIHdpZHRoPSI1LjIiIGhlaWdodD0iNC43Ii8+PHJlY3QgeD0iMTguNSIgeT0iMjQiIGZpbGw9IiNFNUU1RTgiIHdpZHRoPSI1LjIiIGhlaWdodD0iNC43Ii8+PHJlY3QgeD0iMjQuOCIgeT0iMjQiIGZpbGw9IiNFNUU1RTgiIHdpZHRoPSI1LjIiIGhlaWdodD0iNC43Ii8+PC9zdmc+");
	background-position: right center;
	background-repeat: no-repeat;
}

.no-svg .picker__input {
	background-image: url("../../img/icons/date_picker.png");
}


/* header
------------------------------------------- */

.picker__nav--prev {
	left: 7em;
}

.picker__nav--next {
	right: 7em;
}


/* footer - contains today, clear and close buttons
------------------------------------------- */

.picker .picker__button--close--trigger {
	display: none;
}

.picker .picker__button--close {
	display: block;
	top: 14px;
	right: 12px;
	padding: 0;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE0IDE0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cmVjdCB4PSItMC45IiB5PSI0LjkiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3IC0wLjcwNzIgMC43MDcyIDAuNzA3IC0yLjg2NCA2LjkxODIpIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMTUuNyIgaGVpZ2h0PSIzLjkiLz48cmVjdCB4PSItMC45IiB5PSI1IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDYuOTE1OCAtMi44NjQzKSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjE1LjciIGhlaWdodD0iMy45Ii8+PC9zdmc+");
}

.no-svg .picker .picker__button--close {
	background-image: url("../../img/icons/date_picker_close.png");
}

/* unable to center a button element using margin: 0 auto; in ie8 */
.ie8 .picker .picker__button--today {
	width: 2.4em;
	text-align: center;
}
/* opening hours - table */
/* ------------------------------------------- */

.dealer dt,
.chooseBook dt {
	padding-left: 30px;
}

.dealer dd,
.chooseBook dd {
	padding-right: 0;
}

.dealer .openingTimesIco:before,
.chooseBook .openingTimesIco:before {
    left: 0;
}

/* opening hours - notice */
/* ------------------------------------------- */

.dealer .noticeWrapper,
.chooseBook .noticeWrapper {
    padding: 1.9em 0 0;
    overflow: hidden;
}

.dealer .noticeContent,
.chooseBook .noticeContent {
    padding: 0 18px;
}

.dealer .noticeContent p,
.chooseBook .noticeContent p {
    margin-bottom: 1.4em;
}
/* form builder
 * prefixed to avoid conflicts with existing form styles
------------------------------------------- */

.formBuilderModule .wrapperInner {
	padding: 0 6.4516129%;
}

@media only screen and (min-width: 621px) and (max-width: 800px) {
    .formBuilderModule .wrapperInner {
		padding: 0 5.20833333%;
	}
}

/* column layout amends */
.contentWrapper .formBuilder {
    margin-right: 0;
    margin-left: 0;
}

.contentWrapper .formBuilder .wrapperInner {
	padding: 0;
}

.contentWrapper .formBuilder .moduleFlush {
    padding-top: 0;
}


/* main content left/right padding/margins
------------------------------------------- */

.formBuilder .formSectionDescription,
.formBuilder .errorMessage,
.formBuilder .formFieldControlGroup label,
.formBuilder .formFieldControlGroup .desc {
    padding-right: 32px;
    padding-left: 32px;
}

.formBuilder .errorMessage.formError,
.formBuilder .formSectionDescription,
.formBuilder .formFieldControlGroup.toggle .desc,
.formBuilder .submitContainer {
    padding-right: 0;
    padding-left: 0;
}

.formBuilder .formField .heading,
.formBuilder .formField .help,
.formBuilder .formField .content,
.formBuilder .formField .showMore,
.no-js .formBuilder .formFieldControlGroup.toggle .desc {
    margin-right: 32px;
    margin-left: 32px;
}

.formBuilder .formFieldControlGroup .content {
    margin-right: 0;
    margin-left: 0;
}


/* column adjustments
------------------------------------------- */

.formBuilder .formSectionDescription {
    width: 26%;
    float: left;
    clear: both;
}

.formBuilder fieldset .section,
.formBuilder .accordionForm,
.formBuilder .formField,
.formBuilder .submitContainer {
    width: 74%;
    float: right;
    clear: right;
}

.formBuilder .accordionForm .formField {
    width: auto;
    float: none;
}

.formBuilder .formFieldLinkedTarget {
	float: right;
	width: 100%;
}

/* amends for html added by cms */
.formBuilder fieldset .section .formField {
    width: auto;
    float: none;
}

/* adjustments for columned content (with progress indicator) */
/* edit mode adjustments for CMS - floats affect CMS tools */
.contentWrapper .formBuilder .formSectionDescription,
.contentWrapper .formBuilder fieldset .section,
.contentWrapper .formBuilder .accordionForm,
.contentWrapper .formBuilder .formField,
.contentWrapper .formBuilder .submitContainer,
.cq-wcm-edit .formBuilder .formSectionDescription,
.cq-wcm-edit .formBuilder fieldset .section,
.cq-wcm-edit .formBuilder .accordionForm,
.cq-wcm-edit .formBuilder .formField,
.cq-wcm-edit .formBuilder .submitContainer {
    float: none;
    width: auto;
}


/* errors
------------------------------------------- */

.formBuilder .errorMessage .message {
    padding-left: 32px;
}

/* important flag to override important set for '.accordionContent p' selector */
/* needed as form fields can be placed within accordions */
.formBuilder .errorMessage .message p {
    font-size: 1.3em !important;
    line-height: 1.6em !important;
}

/* overriddes for the main form error */
.formBuilder .errorMessage.formError {
    min-height: 40px;
    padding-top: 34px;
    padding-left: 62px;
    background-color: transparent;
}

.formBuilder .errorMessage.formError .message {
    min-height: 0;
    padding: 9px 32px 11px 16px;
    background-color: #FFBE00;
}

.formBuilder .errorMessage.formError .message:before {
    top: -34px;
    left: -50px;
    width: 36px;
    height: 74px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzZweCIKCSBoZWlnaHQ9Ijc0cHgiIHZpZXdCb3g9IjAgMCAzNiA3NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzYgNzQiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iTGF5ZXJfMiI+Cgk8cmVjdCB4PSIxMyIgeT0iNCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjI4Ii8+Cgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNOSw1MWwtMS43MDgsMy43NWMwLDAtMi4zODUtMC4yMTYtMi43NSwyLjVTNS43MDgsNjEuMTI1LDcsNjEuMzMzYzAuNDE3LDEuNTQyLDIuNDE3LDEwLjc5MiwxMS41LDEwLjc1CgkJUzI5LjY2Nyw2My4zMzIsMzAsNjEuMjkxYzEuMTI1LTAuNDU4LDIuODk5LTEuMjQ3LDIuMzc1LTMuOTU4cy0xLjczMS0yLjUwOC0yLjcwOC0yLjc1QzI4Ljc1LDUyLjI5MSwyNy41LDUwLjI1LDI3LjUsNTAuMjUiLz4KPC9nPgo8ZyBpZD0iTGF5ZXJfMSI+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0iIzNCM0IzQiIgZD0iTTIzLjcwNSw1OC41MzJjLTAuODM4LDAtMS41MTgsMC42OC0xLjUxOCwxLjUxOWMwLDAuODM4LDAuNjgsMS41MTgsMS41MTgsMS41MTgKCQkJCWMwLjg0LDAsMS41Mi0wLjY4LDEuNTItMS41MThDMjUuMjI1LDU5LjIxMiwyNC41NDUsNTguNTMyLDIzLjcwNSw1OC41MzJ6IE0xMy4yOTQsNTguNTMyYy0wLjgzOSwwLTEuNTE5LDAuNjgtMS41MTksMS41MTkKCQkJCWMwLDAuODM4LDAuNjgsMS41MTgsMS41MTksMS41MThzMS41MTktMC42OCwxLjUxOS0xLjUxOEMxNC44MTMsNTkuMjEyLDE0LjEzMyw1OC41MzIsMTMuMjk0LDU4LjUzMnogTTMwLjE0OCw1My45NjkKCQkJCUMyOC4zNzcsNDguMzUsMjMuNzcsNDQuNjIsMTguNSw0NC42MmMtNS4yNjgsMC05Ljg3NywzLjcyOS0xMS42NDcsOS4zNDljLTEuNzI3LDAuMDA3LTMuMDc4LDEuNzYxLTMuMDc4LDQKCQkJCWMwLDIuMDQ2LDEuMTI5LDMuNjg4LDIuNjQzLDMuOTU5QzcuNjc1LDY4LjM4LDEyLjY3Miw3MywxOC41LDczYzUuODI4LDAsMTAuODI2LTQuNjIsMTIuMDgzLTExLjA3MgoJCQkJYzEuNTEyLTAuMjcyLDIuNjQxLTEuOTEzLDIuNjQxLTMuOTU5QzMzLjIyNSw1NS43MjksMzEuODc1LDUzLjk3NiwzMC4xNDgsNTMuOTY5eiBNMzAuMDMxLDYwLjQ2CgkJCQljLTAuNDE0LTAuMDU3LTAuNzYyLDAuMjMyLTAuODI0LDAuNjI5QzI4LjI3LDY3LjEyMiwyMy43NjYsNzEuNSwxOC41LDcxLjVjLTUuMjY1LDAtOS43NjktNC4zNzgtMTAuNzA3LTEwLjQxMQoJCQkJYy0wLjA1OC0wLjM2OC0wLjM3NS0wLjYzNC0wLjc0LTAuNjM0Yy0wLjAyNywwLTAuMDU1LDAuMDAxLTAuMDgzLDAuMDA1Yy0wLjg3NSwwLjA5Mi0xLjY5NS0xLjA4MS0xLjY5NS0yLjQ5MQoJCQkJYzAuMDAxLTEuNTA3LDAuODU3LTIuNzgxLDEuODg0LTIuNDVjMC4xOTYsMC4wNjIsMC40MDksMC4wNDMsMC41ODktMC4wNTVDNy45MjgsNTUuMzY2LDguMDYxLDU1LjE5OCw4LjExNCw1NQoJCQkJYzAuMjYyLTAuOTcsMC42MTctMS44OCwxLjA0OS0yLjcyMmMxLjcwNCwwLjQ5Niw0LjAxMywwLjMyMyw2Ljc5OC0wLjUxMmMtMC42NjIsMS4wNjgtMS44NjIsMi4zMS0yLjY2NiwyLjMxCgkJCQljLTAuMzgsMC0wLjY5OSwwLjI4NC0wLjc0NSwwLjY2MWMtMC4wNDUsMC4zNzcsMC4xOTksMC43MjcsMC41NjcsMC44MTZjMC45NzUsMC4yMzgsMi4wMTYsMC4zNTcsMy4wOTYsMC4zNTcKCQkJCWM0LjYxMiwwLDkuNDg1LTIuMjQ0LDExLjIwNi00LjM4OWMwLjYyNSwxLjA0NCwxLjEyNywyLjIwOSwxLjQ2OSwzLjQ3N2MwLjA1MywwLjE5NywwLjE4NiwwLjM2NSwwLjM2NSwwLjQ2MwoJCQkJczAuMzkzLDAuMTE5LDAuNTg2LDAuMDU3YzAuMTA0LTAuMDMzLDAuMjA1LTAuMDUsMC4yOTktMC4wNWMwLjg2MSwwLDEuNTg4LDEuMTQ0LDEuNTg4LDIuNQoJCQkJQzMxLjcyNSw1OS4zNzgsMzAuOTA0LDYwLjU1NiwzMC4wMzEsNjAuNDZ6IE0yMS40ODIsNjYuMjY4aC01Ljk2NGMtMC40MTQsMC0wLjc1LDAuNTg2LTAuNzUsMXMwLjMzNiwxLjAzLDAuNzUsMS4wM2g1Ljk2NAoJCQkJYzAuNDE0LDAsMC43NS0wLjYxNiwwLjc1LTEuMDNTMjEuODk2LDY2LjI2OCwyMS40ODIsNjYuMjY4eiIvPgoJCTwvZz4KCTwvZz4KCTxwYXRoIGZpbGw9IiNGRkJFMDAiIGQ9Ik0xOC4wMDEsMEM4LjYwOSwwLDAuOTY3LDcuNjQxLDAuOTY3LDE3LjAzMmMwLDQuNTU0LDEuNzczLDguODMzLDQuOTkyLDEyLjA0OWwxMS41MTIsMTEuNTEKCQljMC4xNDYsMC4xNDYsMC4zMzgsMC4yMiwwLjUzLDAuMjJzMC4zODQtMC4wNzMsMC41My0wLjIybDExLjUwNS0xMS41MDhjMy4yMjEtMy4yMTcsNC45OTYtNy40OTYsNC45OTYtMTIuMDUxCgkJQzM1LjAzMyw3LjY0MSwyNy4zOTMsMCwxOC4wMDEsMHogTTE1Ljg4LDcuOTYxYzAuMTQxLTAuMTQ2LDAuMzM2LTAuMjI5LDAuNTQtMC4yMjloMy4xNmMwLjIwMywwLDAuMzk4LDAuMDgzLDAuNTM5LDAuMjI5CgkJYzAuMTQzLDAuMTQ2LDAuMjE3LDAuMzQ0LDAuMjExLDAuNTQ4bC0wLjQ2OSwxMi44OWMtMC4wMTQsMC40MDMtMC4zNDYsMC43MjMtMC43NDgsMC43MjNoLTIuMmMtMC40MDMsMC0wLjczNC0wLjMxOC0wLjc0OS0wLjcyMgoJCUwxNS42NzEsOC41MUMxNS42NjQsOC4zMDcsMTUuNzM5LDguMTA4LDE1Ljg4LDcuOTYxeiBNMTcuOTg2LDI5Ljc2MWMtMS4zNiwwLTIuNTEtMS4xNjItMi41MS0yLjUzN2MwLTEuMzg0LDEuMTI2LTIuNTEsMi41MS0yLjUxCgkJYzEuMzk5LDAsMi41MzgsMS4xMjYsMi41MzgsMi41MUMyMC41MjMsMjguNjIzLDE5LjM4NSwyOS43NjEsMTcuOTg2LDI5Ljc2MXoiLz4KPC9nPgo8L3N2Zz4=);
    background-position: 0 1px;
}

/* svg icon fallback */
.no-svg .formBuilder .errorMessage.formError .message:before {
    background-position: 0 -184px;
}

@media only screen and (min-width: 621px) and (max-width: 800px) {
    .formBuilder .errorMessage.formError {
        padding-left: 50px;
    }

    .formBuilder .errorMessage.formError .message:before {
        left: -50px;
    }
}

.ie8 .formBuilder .errorMessage .message p {
    margin-bottom: 0;
}


/* form field wrapper
------------------------------------------- */

/* each form section will be wrapped by a fieldset by the cms */
.formBuilder fieldset {
    margin-top: 6.4em;
}

.formBuilder .accordionForm,
.formBuilder .errorMessage.formError + .parsys > .section > fieldset,
.formBuilder .errorMessage.formError + .formSectionDescription,
.formBuilder .errorMessage.formError + .formSectionDescription + .formField {
    margin-top: 3.2em;
}

/* adjustments for columned content (with progress indicator) */
.contentWrapper .formBuilder fieldset {
    margin-top: 3.2em;
}

.formBuilder .formSectionDescription .heading,
.formBuilder .formSectionDescription .content {
    padding-right: 32px;
}

.formBuilder .formSectionDescription .content p {
    font-size: 1.3em;
}

.ie8 .formBuilder .formSectionDescription .content p {
    margin-bottom: 0;
}


/* form field wrapper
------------------------------------------- */

/* heading */
.formBuilder .formField .heading label,
.formBuilder .formField .heading .title {
    font-size: 1.6em;
}

/* field description text */
.formBuilder .formField .desc {
    font-size: 1.3em;
}

@media only screen and (min-width: 1000px) {
    /* content area */
    .formBuilder .formField .content,
    .formBuilder .formField .showMore,
    .js .formBuilder .formFieldControlGroup.toggle .content {
        max-width: 384px;
    }

    .formBuilder .formField .content {
        margin-right: 0;
    }
}


/* field help
------------------------------------------- */

/* important flag to override important set for '.accordionContent p' selector */
/* needed as form fields can be placed within accordions */
.formBuilder .formField .help .message p {
    font-size: 1.3em !important;
    line-height: 1.3em !important;
}

@media only screen and (min-width: 1000px) {
    .formBuilder .formField .help {
        width: 28%;
        float: right;
        margin-top: 2px;
        margin-bottom: -36px;
        margin-left: 0;
        z-index: 3;
    }

    .formBuilder .formField .help .message {
        padding-bottom: 1em;
    }
}

.ie8 .formBuilder .formField .help .message p {
    margin-bottom: 0;
}


/* form controls
------------------------------------------- */

.formBuilder .formField select,
.formBuilder .formField input[type='text'],
.formBuilder .formField textarea {
    font-size: 1.4em;
}


/* control group - shared radio and checkboxes
------------------------------------------- */

@media only screen and (min-width: 1000px) {
    .formBuilder .formFieldControlGroup .content {
        max-width: 416px;
    }
}

.formBuilder .formFieldControlGroup label {
    font-size: 1.3em;
}

.formBuilder .formFieldControlGroup label .title {
    padding-left: 32px;
}

.formBuilder .formFieldControlGroup input[type='radio'],
.formBuilder .formFieldControlGroup input[type='checkbox'] {
    top: 0.55em;
    left: 32px;
    height: auto;
    width: auto;
}

/* inline */
.formBuilder .formFieldControlGroup.inline label {
    width: 33.3%;
    padding-right: 1px;
}

/*
.formBuilder .formFieldControlGroup.inline label .title {
	-ms-word-break: break-all;
	word-break: break-all;
}
*/

.ie8 .formBuilder .formFieldControlGroup.inline label {
    width: 23.3%;
}

/* preferred day */
.formBuilder .formFieldControlGroup.preferredDay {
    position: relative;
    margin-right: 0;
    margin-left: 0;
}

.formBuilder .formFieldControlGroup.preferredDay .content {
    display: table;
    width: 100%;
}

.formBuilder .formFieldControlGroup.preferredDay label {
    display: table-cell;
    float: none;
}

.formBuilder .formFieldControlGroup.preferredDay label ~ label {
    border-width: 0 0 0 2px;
}

.ie8 .formBuilder .formFieldControlGroup.preferredDay label {
    width: 33.3%;
}

/* content columns */
.formBuilder .formFieldControlGroup.cols2 label {
	width: 50%;
	float: left;
}

.formBuilder .formFieldControlGroup.cols2 label:nth-child(odd) {
	padding-right: 5px;
}

.formBuilder .formFieldControlGroup.cols2 label:nth-child(even) {
	padding-left: 5px;
}

.formBuilder .formFieldControlGroup.cols2 label:nth-child(even) input[type='radio'],
.formBuilder .formFieldControlGroup.cols2 label:nth-child(even) input[type='checkbox'] {
	left: 5px;
}


/* control group - radio toggle
------------------------------------------- */

.no-js .formBuilder .formFieldControlGroup.toggle input[type='radio'].visuallyhidden {
    height: auto;
    width: auto;
}

.js .formBuilder .formFieldControlGroup.toggle .content {
    margin-left: 32px;
}

.js .formBuilder .formFieldControlGroup.toggle label {
    width: auto;
    padding-right: 15px;
    padding-left: 15px;
    color: #3B3B3B;
    font-size: 1.6em;
    background-color: #FFF;
}

/* selected state */
.js .formBuilder .formFieldControlGroup.toggle label.selected,
.js .formBuilder .formFieldControlGroup.toggle label.selected:hover,
.js .formBuilder .formFieldControlGroup.toggle label.selected:focus {
    color: #3b3b3b;
    background-color: #FFF;
}

.js .formBuilder .formFieldControlGroup.toggle label.selected .title:after {
    background-position: 0 -85px;
}


/* show more
------------------------------------------- */

.formBuilder .formField .showMore {
    margin-top: 1.6em;
}

.formBuilder .formField .showMore .longDesc p {
    font-size: 1.1em;
}

.ie8  .formBuilder .formField .showMoreActions .more,
.ie9  .formBuilder .formField .showMoreActions .more,
.ie10 .formBuilder .formField .showMoreActions .more {
    margin-top: 1em;
}

.ie8  .formBuilder .formField .showMoreActions .less,
.ie9  .formBuilder .formField .showMoreActions .less,
.ie10 .formBuilder .formField .showMoreActions .less {
    margin-bottom: 1em;
}

.ie8  .formBuilder .formField .showMoreActions .more:after,
.ie8  .formBuilder .formField .showMoreActions .less:before {
    font-size: 2.8em;
}

.ie8  .formBuilder .formField .showMoreActions .more:after,
.ie9  .formBuilder .formField .showMoreActions .more:after,
.ie10 .formBuilder .formField .showMoreActions .more:after {
    margin-top: 0;
}

.ie8  .formBuilder .formField .showMoreActions .less:before,
.ie9  .formBuilder .formField .showMoreActions .less:before,
.ie10 .formBuilder .formField .showMoreActions .less:before {
    margin-bottom: 0;
}


/* form accordion
------------------------------------------- */

.formBuilder .accordionForm ul {
    margin-bottom: 0;
}

.formBuilder .accordionForm .accordionHeading {
    text-align: left;
}

.formBuilder .accordionForm .accordionTitle {
    padding-right: 0;
    padding-left: 32px;
    font-family: 'ProximaNovaExCnSbold';
    font-size: 1.4em;
}

.formBuilder .accordionForm .plusIco:before {
    top: 0;
    right: auto;
    left: 5px;
}

.formBuilder .accordionDescription {
	margin: 0 0 2em;
	font-size: 1.3em !important;
	line-height: 1.538em;
}

/* form summary view (injected via JS)
------------------------------------------- */

@media only screen and (min-width: 1000px) {
	.formBuilder .formField.formSummary .content {
	    max-width: none;
	    margin-right: 32px;
	}

	.formBuilder .formField.formSummary .content p {
		max-width: 384px;
		margin-bottom: 0;
	}

	.formBuilder .formField.formSummary .showEdit {
		position: absolute;
		right: 0;
		bottom: 1.85em;
	}
}


/* form submit buttons
------------------------------------------- */

.content .formBuilder .primarySubmitButton,
.content .formBuilder .secondarySubmitButton {
    font-size: 1.6em;
}


/* form submit container
------------------------------------------- */

.formBuilder .submitContainer .primarySubmitButton,
.formBuilder .submitContainer .secondarySubmitButton,
.formBuilder .submitContainer .primarySubmitButton:before,
.formBuilder .submitContainer .secondarySubmitButton:before {
    height: 40px;
    line-height: 40px;
}

.formBuilder .submitContainer .primarySubmitButton,
.formBuilder .submitContainer .secondarySubmitButton {
    width: auto;
    padding: 0 16px 0 32px;
    font-size: 1.6em;
    float: right;
}

.formBuilder .submitContainer .primarySubmitButton:before,
.formBuilder .submitContainer .secondarySubmitButton:before {
    left: 0;
    right: auto;
}

/* with back link */
.formBuilder .submitContainer.formBackLink .primarySubmitButton {
	float: right;
	z-index: 2;
}

.formBuilder .submitContainer.formBackLink .backLinkMod {
	float: left;
	z-index: 1;
}

.formBuilder .submitContainer.formBackLink .backNavigation.module {
	margin-top: 2.4em;
}


/* form component - field size adjustments
 * KEEP AT END OF FILE TO ENSURE OVERIDE *
------------------------------------------- */

.formBuilder .formField input[type='text'].small {
    width: 19.43005%;
}

.formBuilder .formField input[type='text'].medium {
    width: 34.71503%;
}
.triangleIco:before {
    content: "\e02a";
}

[class$='56Ico']:before,
[class$='56Ico']:after {
    font-size: 56px;
}

[class$='Diamond56Ico']:before,
[class$='Quote45Ico']:before {
    position: relative;
    z-index: 10;
    color: #fff;
    top: 15px;
    left: 6px;
}

[class$='Diamond56Ico']:after,
[class$='Quote45Ico']:after {
    z-index: 1;
    left: 0;
    position: absolute;
    top: 0;
}
.specificationDiamond56Ico:before {
    left: 6px;
    top: 17px;
}

.iconCta [class$="Diamond56Ico"]:before {
    font-size: 56px;
    top: -65px;
}

.iconCta .accessoriesDiamond56Ico:before {
	top: -61px;
	font-size: 42px;
}

.iconCta .offersDiamond56Ico:before {
	top: -55px;
	left: 68px;
	font-size: 36px;
}

.iconCta .registerYourInterestDiamond56Ico:before,
.iconCta .registerYourInterestFooterDiamond56Ico:before {
	top: -54px;
	left: 68px;
	font-size: 34px;
}

.iconCta .yourHondaDiamond56Ico:before,
.iconCta .bookDemoDiamond56Ico:before {
    top: -67px;
}
.iconCta .bookServiceDiamond56Ico:before {
    top: -64px;
}
.iconCta .testRideDiamond56Ico:before,
.iconCta .testDriveDiamond56Ico:before {
    top: -63px;
}
.mainHeader .globalCtas [class$="Diamond56Ico"]:before {
    font-family: 'glyphs14';
}
.pageFooterContainer .globalCtas [class$="Diamond56Ico"]:before {
    font-family: 'glyphs28';
}

.accordion .accordionHeading:focus .accordionToggle:after,
.accordion .accordionHeading:hover .accordionToggle:after {
    color: #017d75;
}

.dealerResult a.resultNumber:before {
    font-size: 60px;
    left: -3px;
    top: -2px;
}
.dealerResult a.resultNumber:before {
    content: "\e023";
}
.dealerResult a.resultNumber:focus:before,
.dealerResult a.resultNumber:hover:before {
    content: "\e02d";
}

.ie8 [class$='Quote45Ico']:after {
    position: absolute;
    z-index: 10;
    color: #fff;
    top: 6px!important;
    left: 14px !important;
    content: "\e019";
}

.ie8 [class$='Quote45Ico']:before {
    content: "\e01a";
    color: #dc182d;
    position: absolute;
}

@media screen and (min-width:621px) {

    .iconCta [class$='Diamond56Ico']:after {
        font-family: 'glyphs28';
        content: "\e006";
        color: #00803e;
        left: 50%;
        right: auto;
    }
}

.brochuresList .downloadLink .info:before {
    font-size: 28px;
    content: "\e01f";
}
/*
 * Honda platform - Inclusive - CSS : Tablet/Desktop : Grid
 * Defines layout styling of template grids
 *
----------------------------------------------- */
/* Suggested rule structure
 *
 * display/visibility:
 * position:
 * z-index:
 * top:
 * right:
 * bottom:
 * left:
 * float:
 * clear:
 * margin:
 * padding:
 * width:
 * height:
 * overflow:
 * border:
 * list-style:
 * font..:
 * line-height:
 * text-align:
 * colour:
 * background:
----------------------------------------------- */
/* Reserved words
 *
 * header
 * footer
 * aside
 * nav
 * section
 * article
 * figure
 * hgroup
----------------------------------------------- */

html,body {
	/* Allow for base aligned footer */
	width: 100%;
	height: 100%;
}
body {
	text-align: center;  /*Centre content for IE5 */
}

/* Layout / Grid
---------------------------------------*/
#outer {
	position: relative;
	min-height: 100%;
	overflow: hidden;
	/* overflow-x: hidden; */
}

.cq-wcm-edit #outer {
    overflow: visible;
}

#page { /* fix for ie */
	/*position: relative;
	z-index: 100;*/ /* Set z-index below that of .pageHeader to ensure flyouts overlay correctly */
	min-height: 1px;
	/*padding:3px; accommodates z-indexed header bottom border */
}

#page:after { /* clearfix */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.module {
	margin: 96px 0;
}

.moduleFlush {
	/* To be used on modules with background colour or image to remove margins
	 * Padding may have to be removed and re-introduced on other inner elements in some cases
	 */
	padding-top: 96px;
	padding-bottom: 96px;
	margin: 0;
}

.inner,
.wrapper {
	margin: 0 auto; /* center hoironztally */
	padding: 0;
	max-width: 992px;
	text-align: left; /* Counteract text-align on body */
}


/* Structure grid
---------------------------------------*/

#outer {
	z-index: 3; /* Viewport state flag for JS .is.desktop() */
}

.wrapperInner {
	padding: 0 6.4516129%;
}


.col {
	margin-left: 3.7037037%;
	width: 22.2222222%;
}

.col:first-child {
	margin-left: 0;
}


@media only screen and (min-width: 621px) and (max-width: 800px) {

	#outer {
		z-index: 2; /* Viewport state flag for JS .is.tablet() */
	}

	.wrapperInner {
		padding: 0 5.20833333%;
	}

	.col {
		margin-left: 4.65116279%;
		width: 30.2325581%;
	}

	.col:first-child {
		margin-left: 0;
	}

	.bonusContent {
		display: none;
	}
}

/*** Grid system ***/

.gs {
	position: relative;
	min-height: 1px; /* this forces the container to have a width even if there's
						nothing inside of it */
	float: left;
	margin-left: 3.703%; /** 32 / 864 **/
}

.gs:first-child {
	margin-left: 0;
}

.gsIndent,
.gsIndent:first-child {
	margin-left: 11.11%; /* 96 / 864 */
}

.gsPushDeskOneQuarter {
	left: 25.92%; /** (192 + 32) / 864 **/
}

.gsCenter,
.gsCenter:first-child {
	float: none;
	margin: 0 auto;
}

.deskOneQuarter {
	width: 22.2%; /** 192 / 864 **/
}

.deskTwoQuarters {
	width: 48.148%; /** ((192 * 2) + 32) / 864 **/
}

.deskThreeQuarters {
	width: 74.074%; /** ((192 * 3) + 32 + 32) / 864 **/
}

.deskFull {
	width: 100%;
	margin-left: 0;
}

.deskOneHalf {
	width: 50%; /** ((192 * 2) + 32 + 16) / 864 **/
}

.deskOneThird,
.deskOneThirdCentered {
	width: 33.3%; /** 288 / 864 **/
}

.deskTwoThirds {
	width: 66.666%; /** 576 / 864 **/
}

.deskOneThirdCentered {
	margin-left: 9.259%; /** 80 / 864 **/
}

.deskThreeEighths {
	width: 37.037%; /** 320 / 864 **/
}

.deskFourEighths {
	width: 51.851%; /** 448 / 864 **/
}

.deskFiveEighths {
	width: 62.962%; /** (((192 * 2) + (32 * 2) + 96)) / 864 **/
}

.deskSixEighths {
	width: 77.77%; /** ((192 * 2) + (32 * 3) + (192 / 2) + (192 / 2) / 864 **/
}

.gsNoMargin {
	margin-left: 0;
}

@media screen and (min-width: 621px) and (max-width: 800px) {

	.gs {
		margin-left: 4.651%; /** 32 / 688 **/
	}

	.gsNoMargin {
		margin-left: 0;
	}

	.gsIndent,
	.gsIndent:first-child {
		margin-left: 9.302%; /** 64 / 688 **/
	}

	.gsCenter,
	.gsCenter:first-child {
		float: none;
		margin: 0 auto;
	}

	.gsPushDeskOneQuarter {
		left: auto;
	}

	.tabOneThird {
		width: 30.232%; /** 208 / 688 **/
	}

	.tabTwoThirds {
		width: 65.116%; /** ((208 * 2) + 32) / 688 **/
	}

	.tabFull {
		width: 100%;
		margin-left: 0;
	}

	.tabOneHalf {
		width: 50%;
	}

	.tabTwoFifths {
		width: 40.55%; /** 279 / 688 **/
	}

	.tabFourSixths {
		width: 69.767%; /** (208 + (32 * 2) + ((208 / 2) * 2) / 688 **/
	}

	.tab384 {
		width: 55.813%; /** 384 / 688 **/
	}

	.tab461 {
		width: 67.005%; /** 461 / 688 **/
	}
}
/* ======================================================
BREAK POINTS
====================================================== */
@media (min-width: 1024px) {
  /* Desktop and Tablet Styles */
  /* ==================================== */
  .hondaHeader {
    padding-top: 4.7em;
    background: #fff;
    padding-bottom: 0; }

  .hondaHeader > section > .inner > ul {
    margin-bottom: 0;
  }

  .hondaHeader > section.active + .ctas {
    margin-bottom: 0; }

  .hondaHeader article > header {
    display: none; }

  .hondaHeader h1 .search,
  .hondaHeader .pseudoHeading .search,
  .hondaHeader nav h2,
  .hondaHeader > .inner > div.active,
  .searchOverlay,
  .hondaHeader h1 a img,
  .hondaHeader .pseudoHeading a img {
    display: none; }

  /* Desktop Logo */
  /* ==================================== */
  .hondaHeader h1,
  .hondaHeader .pseudoHeading {
    position: absolute;
    z-index: 2;
    height: 112px;
    width: 175px;
    top: -47px;
    padding: 0; }

  .hondaHeader h1 a.logo,
  .hondaHeader .pseudoHeading a.logo {
    width: 100%;
    height: 100%; }

  .hondaHeader h1 a img.desktopLogo,
  .hondaHeader .pseudoHeading a img.desktopLogo {
    display: block; }

  /* Accessability Navigation */
  /* ==================================== */
  .hondaHeader nav.accessibilityLinks {
    background: none;
    border: none;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -42px;
    right: 0;
    display: block; }

  .hondaHeader nav.accessibilityLinks li {
    float: left;
    padding: .5em; }

  .hondaHeader nav.accessibilityLinks li a {
    position: absolute;
    top: 0;
    left: -1252px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    display: inline;
    padding: 0; }

  .hondaHeader nav.accessibilityLinks li a:active,
  .hondaHeader nav.accessibilityLinks li a:focus {
    display: block;
    z-index: 1999;
    left: auto;
    right: 0;
    margin: 0;
    padding: .5em 1em;
    width: 200px;
    overflow: visible;
    height: auto;
    overflow: visible;
    text-align: center;
    background: #DC182D;
    border: 2px solid #fff; }

  /* Desktop Primary Navigation */
  /* ==================================== */
  .hondaHeader nav.primaryNavigation {
    padding: 1.8em 0 1.6em;
    height: 31px;
    margin-bottom: 2px; }

  .hondaHeader nav.primaryNavigation ul {
    display: block;
    margin-left: 21em;
    margin-top: .3em;
    margin-bottom: 0;
    padding: 0; }

  .hondaHeader nav.primaryNavigation ul li {
    float: left;
    margin-right: 27px;
    padding-top: .3em; }

  .hondaHeader nav.primaryNavigation ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 1.7em;
    border-bottom: 1px solid #ee8c96;
    -webkit-transition: border-bottom .2s;
    -moz-transition: border-bottom .2s;
    -ms-transition: border-bottom .2s;
    -o-transition: border-bottom .2s;
    transition: border-bottom .2s;
    font-family: "ProximaNovaExCnSReg";
    white-space: nowrap;
    /* Nexus fix */
    letter-spacing: normal; }

  .hondaHeader nav.primaryNavigation.primaryNavigation ul li a.selected {
    border-bottom: 3px solid #920010; }

  .hondaHeader nav.primaryNavigation ul li a:hover,
  .hondaHeader nav.primaryNavigation ul li a.selected:hover {
    border-bottom: 3px solid #fff; }

  .hondaHeader nav.primaryNavigation ul li a span {
    display: none; }

  /* Primary Navigation - Search box */
  /* ==================================== */
  .hondaHeader nav.primaryNavigation form {
    position: relative;
    display: block;
    float: right;
    width: 16%;
    border-bottom: 1px solid #ee8c96;
    -webkit-transition: border-bottom .3s;
    -moz-transition: border-bottom .3s;
    -ms-transition: border-bottom .3s;
    -o-transition: border-bottom .3s;
    transition: border-bottom .3s;
    margin-top: -5px;
    margin-right: 16px; }

  .hondaHeader nav.primaryNavigation form:hover {
    border-bottom: 3px solid white; }

  .hondaHeader nav.primaryNavigation input[type="text"] {
    background-color: transparent;
    padding: 0 .9em .2em .9em;
    font-size: 1.2em;
    letter-spacing: 1px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #ffffff;
    border-radius: 0;
    border: 0;
    margin: 0;
    height: 30px;
    outline: none;
    width: 74%;
    padding: 0.1em 0 0 .6em; }

  .hondaHeader nav.primaryNavigation form.active,
  .hondaHeader nav.primaryNavigation form.active input[type="text"] {
    background: #fff;
    color: #000;
    border-bottom: none; }

  .hondaHeader nav.primaryNavigation button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    outline: none;
    color: transparent;
    border: 0;
    background-color: transparent; }

  .hondaHeader nav.primaryNavigation button:before {
    content: "\e017";
    font-family: 'glyphs14';
    z-index: 3;
    color: #fff;
    font-size: 29px;
    line-height: 1.2;
    position: relative;
    z-index: 9;
    float: right; }

  .hondaHeader nav.primaryNavigation form.active button:before {
    color: #00803e; }

  /* Desktop Section Classes */
  /* =========================================== */
  .hondaHeader section {
    overflow: hidden;
    display: block; }

  .hondaHeader section {
    border-bottom: 2px solid transparent;
    -webkit-transition: border-bottom .8s;
    -moz-transition: border-bottom .8s;
    transition: border-bottom .8s; }

  .hondaHeader section.active {
    border-bottom: 2px solid #3b3b3b; }

  .hondaHeader section.active.collapsed {
    display: none; }

  .hondaHeader section .inner {
    -webkit-transition: max-height .8s;
    -moz-transition: max-height .8s;
    transition: max-height .8s;
    max-height: 0em;
    overflow: hidden;
    padding-right: 16px;
    padding-left: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .hondaHeader section.active .inner {
    max-height: 200em; }

  .hondaHeader section > .inner > ul > li {
    max-height: 0em;
    opacity: 0;
    -webkit-transition: 1s opacity;
    -moz-transition: 1s opacity;
    transition: 1s opacity; }

  .hondaHeader section > .inner > ul > li.noOpacityTransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important; }

  .hondaHeader section > .inner > ul > li.active {
    max-height: 100em;
    opacity: 1;
    -webkit-transform: translateZ(0px);
    padding-top: 2em; }

  .hondaHeader a.closeSecondaryHeader {
    display: none;
    margin: 0 auto;
    line-height: 0.9;
    padding: 1em .5em .5em 1em;
    background: #f4f3f8;
    -webkit-transition: background .2s, opacity 1s;
    -moz-transition: background .2s, opacity 1s;
    -ms-transition: background .2s, opacity 1s;
    -o-transition: background .2s, opacity 1s;
    transition: background .2s, opacity 1s;
    color: #000;
    opacity: 0;
    font-family: "ProximaNovaExCnSbold"; }

  .hondaHeader a.closeSecondaryHeader:before {
    content: '\e031';
    font-family: 'glyphs14';
    color: #00803e;
    font-size: 24px;
    float: right;
    margin: 0;
    /* ie9, ie10, ie11 */ }

  .ie8 .hondaHeader a.closeSecondaryHeader span {
    padding-top: 2px;
    display: inline-block; }

  .ie9 .hondaHeader a.closeSecondaryHeader span,
  .ie10 .hondaHeader a.closeSecondaryHeader span,
  .ie11 .hondaHeader a.closeSecondaryHeader span {
    padding-top: 5px;
    display: inline-block; }

  .ie9 .hondaHeader a.closeSecondaryHeader:before,
  .ie10 .hondaHeader a.closeSecondaryHeader:before,
  .ie11 .hondaHeader a.closeSecondaryHeader:before {
    padding-bottom: 3px; }

  .ie8 .hondaHeader a.closeSecondaryHeader:before {
    margin-top: -2px; }

  /* defaults are set for ie - overrides for wekbit and gecko */ }
@media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 0) {
  .hondaHeader a.closeSecondaryHeader:before {
    margin-top: -5px; } }
@media (min-width: 1024px) {
  @-moz-document url-prefix() {
    .hondaHeader a.closeSecondaryHeader:before {
      margin-top: -5px; } }
  .hondaHeader a.closeSecondaryHeader span {
    float: left; }

  .hondaHeader a.closeSecondaryHeader:hover {
    background: #017d75;
    color: #fff; }

  .hondaHeader a.closeSecondaryHeader:hover:before {
    color: #fff; }

  .hondaHeader section.active a.closeSecondaryHeader {
    position: absolute;
    display: block;
    bottom: 2px;
    left: 50%;
    margin-left: -41px;
    font-weight: normal;
    font-size: 1.4em;
    letter-spacing: .15em; }

  .hondaHeader section.active a.closeSecondaryHeader {
    opacity: 1; }

  /* First and Second State */
  /* =========================================== */
  .hondaHeader .firstState,
  .hondaHeader .secondState {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1; }

  .hondaHeader article > .content > div > ul {
    width: 77%;
    float: left; }

  .hondaHeader div.firstState > ul li {
    float: left;
    position: relative;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    cursor: pointer; }

  .hondaHeader div.firstState > ul li.current {
    border-top: 3px solid #dc182d; }

  .hondaHeader div.firstState > ul li.current a {
    padding-top: 11px; }

  .hondaHeader div.firstState > ul li.current p span,
  .hondaHeader div.firstState > ul li.current a:hover p span {
    color: #dc182d;
    border-bottom: none; }

  .hondaHeader div.firstState > ul li.current p span {
    border-bottom: none; }

  .hondaHeader div.firstState > ul li.current a:hover p span.price,
  .hondaHeader div.firstState > ul li.current p span.price {
    color: #555; }

  .hondaHeader .lazyCategorised .secondState > ul {
    padding: 0; }

  .hondaHeader article > .content > div ul li:hover {
    background: #f4f3f8; }

  .hondaHeader article > .content li p {
    position: relative;
    top: 0;
    left: 0;
    padding: 0 0 0.7em;
    /* padding bottom to allow space for absolute positioned price */
    width: 100%;
    font-family: "ProximaNovaExCnSbold",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 1.3em !important; }

  .hondaHeader article > .content li p span {
    border-bottom: 1px solid #7fbf9e;
    transition: .3s border-bottom;
    -webkit-transition: .3s border-bottom; }

  .hondaHeader article > .content li a:hover p span {
    border-bottom: 3px solid #017d75; }

  .hondaHeader article > .content li a > p > span > span {
    position: absolute;
    top: -8px;
    left: 0;
    width: 100%;
    color: #DC182D;
    font-size: .8em;
    line-height: 1;
    text-align: center;
    text-transform: none;
    border-bottom: none; }

  .hondaHeader a p span.price {
    margin-top: 0; }

  .hondaHeader article > .content li a:hover p > span.price,
  .hondaHeader article > .content li a:hover p > span > span,
  .hondaHeader article > .content li a:hover p > span > span .street {
    border-bottom: none; }

  /* absolute positioned price as it sits inside of the p tag whos height is being equalised */
  .hondaHeader article > .content span.price {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
    border-bottom: none;
    text-transform: none;
    line-height: 2;
    font-size: 0.7em; }

  .hondaHeader article > .content li p span.street {
    border-bottom: none; }

  .hondaHeader article > .content .secondState li p {
    position: relative; }

  /*First State */
  .hondaHeader .firstState {
    width: 50%;
    display: block;
    float: left; }

  .hondaHeader div.firstState > ul li > a {
    display: block;
    padding: 14px 0 .5em;
    width: 100%;
    margin: 0; }

  .hondaHeader div.firstState > ul li > a > img {
    width: 93%; }

  .hondaHeader div.firstState > ul li[data-category="configured"] > a:before {
    font-family: 'glyphs14';
    content: "\e003";
    position: absolute;
    top: 58%;
    font-size: 2.3em;
    right: 12%;
    color: white;
    z-index: 2; }

  .hondaHeader div.firstState > ul li[data-category="configured"] > a:after {
    font-family: 'glyphs28';
    content: "\e006";
    display: block;
    font-size: 4em;
    right: 6%;
    position: absolute;
    top: 57%; }

  .hondaHeader div.firstState > ul li[data-category="configured"] > a:hover:after {
    color: #017D75; }

  .hondaHeader div.firstState > ul li[data-category="configured"] > a:hover svg path {
    fill: #017D75; }

  .hondaHeader article > .content > div .productTypeHeading {
    display: block;
    min-height: 65px;
    margin-bottom: 2em; }

  /* Second State */
  .hondaHeader .secondState > header,
  .hondaHeader .secondState > ul li,
  .hondaHeader .secondState > ul li.active header,
  .hondaHeader .productList > li > ul > li,
  .hondaHeader .lazyCategorised .secondState > ul > li,
  .hondaHeader .strictCategorised .products .secondState > ul > li.active > a {
    display: none; }

  .hondaHeader .secondState.active,
  .hondaHeader .secondState > ul li.active,
  .hondaHeader .secondState > ul li.active ul,
  .hondaHeader .lazyCategorised .secondState > ul > li.active[data-category="configured"] {
    display: block; }

  .hondaHeader .secondState > ul li.active li {
    display: inline-block; }

  .hondaHeader .secondState {
    float: right;
    display: none;
    width: 50%; }

  .hondaHeader .secondState > ul li a {
    padding-top: 20px;
    position: relative; }

  .hondaHeader .secondState > ul li a > span {
    font-size: 1.3em; }

  .hondaHeader .secondState > ul li a span.price {
    font-size: .8em;
    line-height: 1.5;
    margin-top: .14em; }

  .hondaHeader .secondState > ul li a > p > span > span {
    position: absolute;
    top: -8px;
    left: 0;
    width: 100%;
    color: #DC182D;
    font-size: .8em;
    line-height: 1;
    text-align: center;
    text-transform: none;
    border-bottom: none; }

  .hondaHeader .secondState ul > li a,
  .hondaHeader .secondState ul > li a:hover {
    border-top: 3px solid transparent; }

  .hondaHeader .secondState ul > li.current a,
  .hondaHeader .secondState ul > li.current a:hover {
    border-top: 3px solid #DC182D; }

  .hondaHeader .lazyCategorised .secondState > ul {
    width: 100%; }

  .hondaHeader .lazyCategorised .secondState > ul li {
    float: left; }

  /* Only way to overwrite mobile styles */
  .hondaHeader .strictCategorised .secondState ul.productList li img,
  .hondaHeader .lazyCategorised .secondState ul li img {
    width: 93%;
    margin: 8px auto 1em; }

  .hondaHeader .strictCategorised .secondState ul li img {
    width: 94.6%; }

  .hondaHeader .firstState li[data-category="configured"] svg {
    width: 75%;
    /* margin-top: 5.9em; */ }

  /* Sidebar Styling */
  /* ================================== */
  .hondaHeader aside {
    float: right;
    width: 18%;
    padding: 0;
    margin-bottom: 2.8em; }

  .hondaHeader article > .content aside p {
    text-transform: none;
    font-family: "ProximaNovaExCnSbold";
    font-size: 1.2em !important;
    padding: 0;
    position: relative;
    white-space: normal;
    top: 0; }

  .hondaHeader aside h3 {
    text-transform: uppercase;
    font-size: 2.3em;
    margin: .5em 0;
    text-align: center; }

  .hondaHeader aside h4 {
    margin-top: 3em;
    text-align: left;
    font-size: 1.2em;
    border-bottom: none;
    text-transform: uppercase; }

  .hondaHeader aside header {
    text-align: left;
    padding: 0;
    font-size: 1.25em;
    width: auto;
    margin-bottom: 1.1em;
    font-weight: normal; }

  .hondaHeader aside header:before,
  .hondaHeader aside header:after {
    display: none; }

  .hondaHeader aside > a {
    background-color: #00803e;
    color: #fff;
    padding: 1em;
    margin-bottom: 0.8em;
    text-align: center;
    text-transform: none;
    border-bottom: none;
    -webkit-transform: translateZ(0px);
    /* Stops element from moving around */
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s; }

  .hondaHeader aside > a:hover {
    background-color: #017D75; }

  .hondaHeader aside > a p,
  .hondaHeader aside > a:hover p span {
    color: #FFF; }

  .hondaHeader aside > a:active:after {
    display: none; }

  .hondaHeader aside > a.alternate {
    background: #f4f3f8;
    color: #00803e; }

  .hondaHeader aside > a.alternate:hover {
    background: #f4f3f8; }

  .hondaHeader aside > a.alternate span {
    border-bottom: 1px solid #00803E;
    transition: .3s border-bottom;
    -webkit-transition: .3s border-bottom;
    color: #3b3b3b;
    line-height: 1.3;
    letter-spacing: 1px; }

  .hondaHeader aside > a.alternate:hover span {
    border-bottom: 3px solid #00803E; }

  .hondaHeader aside > a.alternate span:before {
    display: none; }

  .hondaHeader .productList aside > a.alternate {
    font-size: 0.9225em; }

  .hondaHeader aside > a:before {
    display: none; }

  .hondaHeader aside > a img {
    width: 100%;
    margin: 0em auto .8em;
    display: block; }

  .hondaHeader aside > a .rightChevronLargeIco {
    position: relative; }

  .hondaHeader aside > a .rightChevronLargeIco:before {
    position: absolute;
    top: 0;
    left: -1em;
    display: inline;
    font-size: 1em; }

  .hondaHeader aside ul {
    padding: 1.3em;
    width: auto;
    background: #f4f3f8; }

  .hondaHeader .content aside > ul {
    margin-bottom: 1em; }

  .hondaHeader aside ul li {
    float: none;
    margin: 0 0 .8em; }

  .hondaHeader aside ul li:before {
    display: none; }

  .hondaHeader aside .content {
    display: block; }

  .hondaHeader aside .content ul {
    border-top: none; }

  .hondaHeader aside .content li {
    margin: .4em 0 .7em;
    padding: 0 0 0 16px; }

  .hondaHeader .navGroups .content aside .content li.build,
  .hondaHeader .navGroups .content aside .content li.more {
    padding: 0 0 0 16px; }

  .hondaHeader aside .content li.build:before,
  .hondaHeader aside .content li.more:before {
    position: absolute;
    top: 12px;
    left: -4px;
    display: block;
    font-family: 'glyphs14';
    font-size: 16px; }

  .hondaHeader aside .content li.more:before {
    content: "\e00a";
    right: -1px; }

  .hondaHeader aside .content li.build:before {
    content: '\e003';
    font-size: 1.2em;
    font-weight: normal; }

  .hondaHeader aside .content li.build a,
  .hondaHeader aside .content li.more a {
    position: relative;
    line-height: 1;
    z-index: 2; }

  .hondaHeader aside .content li:after {
    display: none; }

  .hondaHeader aside .content li a {
    padding: 0;
    margin: 0;
    font-family: Tahoma, sans-serif;
    letter-spacing: 0;
    -webkit-transition: .3s border-bottom;
    -moz-transition: .3s border-bottom;
    -ms-transition: .3s border-bottom;
    -o-transition: .3s border-bottom;
    transition: .3s border-bottom;
    border-bottom: 1px solid #319763;
    font-weight: normal; }

  .hondaHeader aside .content a.rightChevronSmallIco {
    position: relative;
    color: #00803e;
    text-transform: uppercase;
    line-height: 1.3;
    font-size: 1.3em;
    margin-top: .7em;
    padding-left: 1.2em;
    display: block;
    font-weight: normal; }

  /* defaults are set for ie - overrides for wekbit and gecko */
  .hondaHeader aside .content a.rightChevronSmallIco:before {
    position: absolute;
    top: 0.05em;
    left: -0.1em; }

  .ie8 .hondaHeader aside .content a.rightChevronSmallIco:before {
    top: 0;
    left: -0.3em; } }
@media screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 0) {
  .hondaHeader aside .content a.rightChevronSmallIco:before {
    top: -0.1em;
    left: -0.2em; } }
@media (min-width: 1024px) {
  @-moz-document url-prefix() {
    .hondaHeader aside .content a.rightChevronSmallIco:before {
      top: -0.1em; } }
  .hondaHeader aside .content li a:hover {
    border-bottom: 3px solid #017D75; }

  .hondaHeader aside li ul {
    padding: 0;
    width: 100%; }

  .hondaHeader aside ul ul {
    padding: 0; }

  .hondaHeader aside .alternateSidebarContent {
    display: block; }

  .hondaHeader .navGroups .content aside ul li .content {
    padding: 0; }

  .hondaHeader .navGroups article > .content > ul li.more {
    display: block; }

  .hondaHeader .navGroups article > .content > ul li.more a {
    border-bottom: none; }

  .hondaHeader .navGroups .content aside li header {
    border-top: none;
    padding-top: 0; }

  .hondaHeader .navGroups .content aside ul li,
  .hondaHeader .navGroups .content aside ul ul {
    width: 100%;
    float: none;
    min-height: 0;
    font-weight: normal; }

  /* Nav Group Classes */
  /* ======================================= */
  .hondaHeader .navGroups .content {
    padding: 0; }

  .hondaHeader .navGroups li:before,
  .hondaHeader .navGroups li:active:after {
    display: none; }

  .hondaHeader .navGroups li li {
    padding-left: 0; }

  .hondaHeader .navGroups .content > ul {
    width: 78%;
    float: left; }

  .hondaHeader .navGroups .content li {
    border-bottom: none; }

  .hondaHeader .navGroups .content > ul > li {
    float: none;
    width: 19.5%;
    margin-right: 5%;
    margin-top: 0;
    border-bottom: none;
    min-height: 230px;
    display: inline-block;
    vertical-align: top; }

  .hondaHeader .navGroups.active article > header {
    display: block;
    /*width: auto;*/
    /*float: none;*/
    background: white;
    border: none;
    /*margin: 0.5em 0 1em;*/ }

  .hondaHeader .navGroups.active article > header a {
    display: block;
    color: #00803e;
    margin-bottom: .5em;
    height: 45px; }

  .hondaHeader .navGroups.active article > header a:active {
    background: #fff; }

  .hondaHeader .navGroups.active article > header a:before {
    display: none; }

  .hondaHeader .navGroups.active article > header a:hover span span {
    color: #017d75;
    border-bottom: 3px solid #017d75;
    -webkit-transition: border-bottom .3s;
    -moz-transition: border-bottom .3s;
    -ms-transition: border-bottom .3s;
    -o-transition: border-bottom .3s;
    transition: border-bottom .3s; }

  .hondaHeader .navGroups.active article > header a:hover span:after {
    color: #017d75; }

  .hondaHeader .navGroups.active article > header a span {
    font-size: 1.5em;
    border: none;
    float: left;
    display: block;
    line-height: 1em;
    padding: 0;
    margin: 0;
    color: #00803e;
    width: auto; }

  .hondaHeader .navGroups.active article > header a > span:after {
    font-family: 'glyphs28';
    content: "\e062";
    float: right;
    font-size: 28px;
    line-height: 0.95em;
    height: 40px;
    margin-top: 8px; }

  /* Stop overriding the aside styles */
  .hondaHeader .navGroups article > .content > ul a {
    font-size: 1em;
    display: inline-block;
    transition: border-bottom .5s;
    -moz-transition: border-bottom .5s;
    -webkit-transition: border-bottom .5s;
    line-height: 1.5;
    color: #585858;
    width: 60%; }

  .hondaHeader .navGroups article > .content > ul ul > li a {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1;
    width: 100%;
    color: #3b3b3b;
    border-bottom: 1px solid #00803e;
    display: inline; }

  .hondaHeader .navGroups article > .content > ul ul > li.selected a {
    border-bottom: none;
    color: #DC182D; }

  .hondaHeader .navGroups article > .content > ul li.more a {
    line-height: 1.25; }

  .hondaHeader .navGroups article > .content > ul li.more a:hover,
  .hondaHeader .navGroups article > .content > ul ul > li a:hover {
    color: #017d75;
    border-bottom: 3px solid #017d75; }

  .hondaHeader .navGroups article > .content > ul li.more a:before {
    content: "\e00a";
    font-family: 'glyphs14';
    float: left;
    font-weight: bold;
    color: #00803e;
    font-size: 18px;
    margin-left: -8px; }

  .hondaHeader .navGroups article > .content > ul li.more a span {
    display: block;
    height: 0;
    width: 0;
    overflow: hidden; }

  .hondaHeader .navGroups .content li header {
    border-top: 2px solid #dddddd;
    border-bottom: none;
    padding-bottom: .55em;
    font-size: 1.2em;
    padding-top: 1.3em; }

  .hondaHeader .navGroups .content li.selected header {
    border-top: 2px solid #DC182D; }

  .hondaHeader .navGroups .content li.selected header > span {
    display: none; }

  /* Sidebar overrides */
  .hondaHeader .navGroups .content aside > a {
    border-bottom: none;
    background: #00803e;
    color: #fff;
    text-align: left;
    margin-bottom: 1em;
    font-family: "ProximaNovaExCnSbold";
    padding: 1.2em 3em 1em 2em;
    display: none; }

  .hondaHeader .navGroups .content aside > a.active {
    display: block; }

  .hondaHeader .navGroups aside > a:active:after,
  .hondaHeader .navGroups aside > a:active:before {
    display: none; }

  .hondaHeader .navGroups .content aside > a:hover {
    color: #fff;
    background: #01948b; }

  .hondaHeader .navGroups aside > a:before {
    display: none; }

  .hondaHeader .navGroups .content aside > a span:before {
    display: inline;
    position: absolute;
    top: 50%;
    font-size: 1.4em;
    font-weight: bold;
    margin-top: -12px; }

  /* CTAS
  /* ======================================= */
  .hondaHeader nav.ctas {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    background-color: transparent;
    padding: 0;
    display: block; }

  .hondaHeader nav.ctas ul {
    display: block;
    float: right;
    width: auto;
    margin: 0;
    padding: 0 16px 0 0; }

  .hondaHeader nav.ctas ul li {
    display: inline-block;
    width: auto;
    padding: 1em 0 2em 3.4em;
    margin-right: 0;
    margin-left: 1.3em;
    border-left: none;
    float: left; }

  .hondaHeader nav.ctas ul li,
  .hondaHeader nav.ctas ul li:hover {
    cursor: default;
    background-color: transparent; }

  .hondaHeader nav.ctas ul li a {
    background: #fff;
    color: #555;
    text-transform: none;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: .9em;
    padding: 0.11em 0 0;
    -webkit-transition: border-bottom .3s;
    -moz-transition: border-bottom .3s;
    -ms-transition: border-bottom .3s;
    -o-transition: border-bottom .3s;
    transition: border-bottom .3s; }

  .hondaHeader nav.ctas ul li.selected a {
    border-top: none;
    color: #757575;
    padding: 0; }

  .hondaHeader nav.ctas ul li a:hover {
    background: transparent;
    color: #017d75;
    border-bottom: 3px solid #017d75; }

  .hondaHeader nav.ctas ul li a:hover:before {
    color: #017d75; }

  .hondaHeader nav.ctas ul [class$='Diamond56Ico']:before,
  .hondaHeader nav.ctas ul [class$='Quote45Ico']:before {
    color: #00803e;
    font-size: 46px;
    width: auto;
    font-family: 'glyphs28';
    left: -44px;
    top: -11px; }

  .hondaHeader nav.ctas ul li a.shopDiamond56Ico:before {
    font-family: 'glyphCfg';
  }

  .hondaHeader nav.ctas ul [class$='registerYourInterestDiamond56Ico']:before,
  .hondaHeader nav.ctas ul [class$='registerYourInterestFooterDiamond56Ico']:before {
    font-size: 24px;
    top: 1px;
    left: -30px;
    padding-top: 0; }

  /* My Configured Car */
  /* ======================================= */
  .hondaHeader .firstState li[data-category="configured"],
  .hondaHeader .secondState li[data-category="configured"] {
    display: none; }

  .hondaHeader .firstState li[data-category="configured"] img {
    width: 75%;
    margin-top: 5em; }

  .hondaHeader .secondState li[data-category="configured"] h2 {
    width: 80%; }

  .hondaHeader .lazyCategorised .secondState > ul > li.active[data-category="configured"] {
    padding-top: 1em; }

  .hondaHeader .lazyCategorised .secondState > ul > li.active[data-category="configured"] li {
    display: block; }

  .hondaHeader .secondState .linkList,
  .hondaHeader .secondState ul li .linkList li {
    float: none; }

  .hondaHeader .lazyCategorised.configuredCar > aside {
    display: none; }

  .hondaHeader .lazyCategorised.configuredCar > img {
    display: block; }

  .hondaHeader .secondState ul li .linkList li a {
    padding: 10px 10px 10px 4px;
    text-align: left;
    font-size: 1.1em; }

  .hondaHeader .secondState ul li .linkList li a:before {
    left: -22px;
    font-size: 24px; }

  /* Navigation Functionality Extra Classes */
  /* ======================================= */
  /* cars */
  /* ================= */
  .hondaHeader .lazyCategorised > article {
    width: 80%;
    float: left;
    overflow: hidden; }

  .hondaHeader .lazyCategorised > article .firstState ul {
    width: 100%; }

  .hondaHeader .lazyCategorised > aside {
    float: right; }

  .hondaHeader .lazyCategorised > aside .content {
    display: block; }

  .hondaHeader .lazyCategorised .productTypeHeading {
    width: 100%; }

  .hondaHeader .lazyCategorised .secondState > ul {
    padding-top: 0; }

  .hondaHeader .lazyCategorised .secondState > ul > li:nth-child(odd) {
    clear: none; }

  .hondaHeader .lazyCategorised > img {
    width: 16%;
    float: right; }

  /* Full Width Flyout - Lawn and Garden */
  /* ================= */
  .hondaHeader .individualisedSidebars .firstState aside {
    display: block; }

  .hondaHeader .individualisedSidebars .productTypeHeading {
    position: absolute;
    width: 76%;
    z-index: 3; }

  /*.hondaHeader .individualisedSidebars .productTypeHeading h2 {
      width: 80%;
  }*/
  .hondaHeader .individualisedSidebars .secondState .productList {
    width: 100%;
    position: relative;
    top: 0;
    padding: 0; }

  .hondaHeader .individualisedSidebars .secondState .productList > li > aside {
    float: right; }

  .hondaHeader .individualisedSidebars .secondState .productList > li > aside img {
    margin-top: 0;
    margin-bottom: .5em; }

  .hondaHeader .individualisedSidebars .secondState .productList > li > aside ul {
    width: auto;
    margin-top: 1em; }

  .hondaHeader .individualisedSidebars .secondState .productList > li > aside ul:first-child {
    margin-top: 0; }

  .hondaHeader .individualisedSidebars .secondState .productList > li > aside header {
    display: block;
    width: 100%;
    font-weight: normal;
    color: #3b3b3b; }

  .hondaHeader .strictCategorised.individualisedSidebars .secondState .productList > li > ul {
    width: 81%;
    border-bottom: none; }

  .hondaHeader .individualisedSidebars .secondState ul > li > ul li {
    width: 23%;
    margin: 0 2% 2% 0;
    padding: 0; }

  .hondaHeader .individualisedSidebars aside header {
    width: 100%; }

  .hondaHeader .individualisedSidebars .secondState.fullWidth .productList > li aside {
    display: none; }

  .hondaHeader .individualisedSidebars .secondState.fullWidth .productList > li > ul {
    width: 100%; }

  /* Full Width Flyout */
  /* ================= */
  .hondaHeader .strictCategorised .fullWidthFlyout aside {
    display: none; }

  .hondaHeader .strictCategorised .content > div.fullWidthFlyout > ul {
    width: 100%; }

  .hondaHeader .strictCategorised .fullWidthFlyout > ul li {
    width: 17.5%;
    margin-right: 2%; }

  /* Full Width e.g bikes */
  /* ================= */
  .hondaHeader .strictCategorised .firstState > ul li > a > img {
    margin-top: 3.3em;
    width: 96%;
    margin-top: 0; }

  .hondaHeader .strictCategorised .secondState .productList {
    overflow: visible;
    padding: 0; }

  .hondaHeader .strictCategorised .secondState .productList > li > ul {
    width: 70%;
    float: left;
    padding: 0; }

  .hondaHeader .strictCategorised .secondState .productList > li > ul,
  .hondaHeader .lazyCategorised .secondState > ul {
    margin: 2em 0 0; }

  .hondaHeader .strictCategorised .fullWidth .productList > li > ul {
    width: 100%;
    border-bottom: none; }

  .hondaHeader .strictCategorised .secondState .productList > li > a {
    display: none; }

  .hondaHeader .strictCategorised article > .content > div.secondState ul li:hover {
    background-color: transparent; }

  .hondaHeader .strictCategorised .productTypeHeading {
    width: 77%;
    z-index: 3; }

    /*.hondaHeader .strictCategorised .productTypeHeading .subSideNav {
        width: 45%;
    }

    .hondaHeader .strictCategorised .productTypeHeading h2 {
        width: 70%;
        color: #555;
    }*/
  .hondaHeader .strictCategorised .secondState ul > li > ul li {
    width: 22%;
    padding: 0 0 .6em; }

  .hondaHeader .strictCategorised .secondState ul > li > ul li:hover {
    background: #F4F3F8; }

  /* FullWidth */
  /* ======================================= */
  .hondaHeader .fullWidth aside {
    display: none; }

  .hondaHeader .fullWidth .productList,
  .hondaHeader .strictCategorised .fullWidth.secondState > ul,
  .hondaHeader .strictCategorised .fullWidth .productTypeHeading {
    width: 100%;
    position: relative; }

  .hondaHeader .strictCategorised .fullWidth ul > li > ul li {
    width: 17%;
    margin-right: 3%; }

  .hondaHeader .strictCategorised .fullWidth ul > li > ul li:nth-child(5n) {
    margin-right: 0; }

  /* Transitions */
  /* ======================================= */
  .hondaHeader .content.transitioning .firstState,
  .hondaHeader .content.transitioning .secondState {
    display: block; }

  .hondaHeader .showSecondState .firstState,
  .no-csstransitions .hondaHeader .showSecondState .firstState {
    display: none; }

  .hondaHeader .showSecondState .secondState {
    display: block; }

  .hondaHeader .showSecondState {
    transform: translateX(-50%) translateZ(0);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -webkit-transform-style: preserve-3d; }

  .hondaHeader .transitioning {
    -webkit-transition: -webkit-transform .65s;
    -moz-transition: -moz-transform .65s;
    -ms-transition: -ms-transform .65s;
    -o-transition: -o-transform .65s;
    transition: transform .65s;
    -webkit-perspective: 1000;
    -webkit-transform-style: preserve-3d;
    /*-webkit-backface-visibility:hidden;*/ }

  .hondaHeader .transitioning .firstState,
  .hondaHeader .transitioning .secondState {
    opacity: 1; }

  .ie8 .hondaHeader .showSecondState {
    left: -100%;
    position: relative; }

  .hondaHeader .products > article > .content {
    width: 200%;
    overflow: hidden;
    margin-bottom: 2.8em; }

  .hondaHeader .showFirstState {
    transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -webkit-transform: translateX(0%); }

  .ie8 .hondaHeader .showFirstState {
    left: 0%; }

  /* Product Heading */
  /* ======================================= */
  .hondaHeader .productTypeHeading > a {
    background: #00803E;
    position: relative;
    border: none;
    border-radius: 0;
    width: 32px;
    height: 65px;
    margin: 0;
    -webkit-transition: background .2s;
    -moz-transition: background .2s;
    -ms-transition: background .2s;
    -o-transition: background .2s;
    transition: background .2s;
    float: left;
    overflow: hidden; }

  .hondaHeader .productTypeHeading > a:before {
    position: absolute;
    font-size: 33px;
    font-weight: bold;
    color: #FFF;
    overflow: hidden;
    width: 32px;
    left: -2px;
    top: 17px;
    font-size: 33px;
    letter-spacing: 0;
    text-decoration: none;
    font-family: 'glyphs14';
    speak: none;
    line-height: 1;
    vertical-align: top;
    content: "\e00b"; }

  .hondaHeader .productTypeHeading > a:hover {
    background-color: #017D75; }

  .hondaHeader .productTypeHeading > a span {
    display: none; }

  .hondaHeader .productTypeHeading .headings {
    float: left;
    padding: 0.7em 0 0 1em;
    width: 43.9%; }

  .hondaHeader .productTypeHeading h2 {
    text-transform: uppercase;
    padding: 0;
    font-family: "ProximaNovaExCnLight";
    color: #000;
    font-size: 50px;
    margin-right: 0.3em; }

  .hondaHeader .productTypeHeading h3 {
    vertical-align: top;
    word-wrap: normal;
    text-transform: none;
    font-family: "ProximaNovaExCnSbold";
    white-space: normal;
    font-size: 14px;
    line-height: 1; }

  .hondaHeader .productTypeHeading aside {
    padding: 0;
    width: 43.9%;
    height: 65px;
    overflow: hidden;
    display: block; }

  .hondaHeader .productTypeHeading aside > a {
    background: transparent;
    padding: 0;
    margin: 0;
    border: none;
    height: 100%; }

  .hondaHeader .secondState .productTypeHeading aside > a {
    position: relative;
    background: #f4f3f8; }

  .hondaHeader .imageCta {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    border-bottom: none; }

  .hondaHeader .productTypeHeading img,
  .hondaHeader .secondState .productTypeHeading .imageCta img {
    margin: 0;
    width: 100%; }

  .hondaHeader .strictCategorised .secondState .productTypeHeading img {
    width: 5.5em;
    padding-top: 0.2em;
    padding-left: 0.4em;
    float: left; }

  .hondaHeader .strictCategorised .secondState .productTypeHeading aside {
    overflow: visible; }

  .hondaHeader .strictCategorised .secondState .productTypeHeading aside > a.alternate {
    height: auto;
    padding: 1.5em 0.6em 1.5em 7em;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .hondaHeader .strictCategorised .secondState .productTypeHeading aside > a.alternate span.imageCta {
    top: 0;
    padding: 7px 0 0; }

  .hondaHeader .strictCategorised .secondState .productTypeHeading aside > a.alternate span.text {
    position: relative;
    float: none;
    left: auto;
    margin: 0;
    padding: 0;
    color: #00803E;
    line-height: 1.3;
    letter-spacing: -0.005em;
    background-color: transparent;
    -webkit-transition: border 0.2s, color 0.2s;
    -moz-transition: border 0.2s, color 0.2s;
    transition: border 0.2s, color 0.2s; }

  .hondaHeader .strictCategorised .secondState .productTypeHeading aside > a.alternate span.text:before {
    position: absolute;
    top: 0;
    left: -24px; }

  .hondaHeader .strictCategorised .secondState .productTypeHeading aside > a.alternate:hover span.text {
    border-bottom: 3px solid #017d75;
    color: #017d75; }

  .hondaHeader .productTypeHeading aside > a.alternate span,
  .hondaHeader .productTypeHeading aside > a.alternate:hover span {
    border: none; }

  .hondaHeader .productTypeHeading aside > a .text {
    z-index: 3;
    position: relative;
    background-color: rgba(59, 59, 59, 0.8);
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    color: #fff;
    padding: .8em .6em .5em .2em;
    font-size: 1.1em;
    text-transform: uppercase;
    float: left;
    border: none;
    left: 10px;
    margin: 0.5em 0 0 0;
    text-transform: uppercase;
    border: none; }

  .ie8 .hondaHeader .productTypeHeading aside > a .text,
  .ie9 .hondaHeader .productTypeHeading aside > a .text {
    background: #000; }

  .hondaHeader .productTypeHeading a .text:before {
    display: block;
    float: left;
    margin-top: -5px; }

  .hondaHeader .productTypeHeading aside > a:hover .text {
    background-color: #00803e;
    border: none; }

  .hondaHeader .productTypeHeading ul {
    width: 100%;
    padding: 0; }

  .hondaHeader .productTypeHeading ul li {
    width: 100%;
    padding: 0;
    display: none; }

  .hondaHeader .productTypeHeading ul li.active {
    display: block; }

  /* tile widths and side nav alignment */
  /* ------------------------------------------------ */
  /* side nav right position should always match the tile
     margin to keep alignment */
  .subSideNavWideImage {
    right: 2%; }

  .hondaHeader div.firstState > ul li,
  .hondaHeader .lazyCategorised .secondState > ul li.active {
    width: 23%;
    margin: 0 2% 2% 0; }

  .hondaHeader .strictCategorised .productTypeHeading,
  .hondaHeader .lazyCategorised .productTypeHeading {
    position: relative; }

    /* -=========================

    Secondary

    =============================*/
  .secondaryResponsive {
    overflow: hidden;
    padding: 1.5em 1.6em 1.5em 2em; }

  .secondaryResponsive > .inner {
    position: relative; }

  .secondaryResponsive header {
    float: left;
    width: 17.2%;
    text-align: center; }

  .secondaryResponsive article {
    border-top: none;
    float: left;
    width: 79%;
    clear: none;
    padding-left: 3.7em;
    display: block; }

  .secondaryResponsive article ul {
    margin: 0; }

  .secondaryResponsive article li {
    border-top: none;
    display: inline-block;
    margin-right: 2.2em;
    padding: .5em 0; }

  .secondaryResponsive article li.active {
    display: inline-block; }

  .secondaryResponsive article li a {
    display: inline;
    text-transform: uppercase;
    font-size: 1.3em;
    -webkit-transition: border-bottom .2s ease-in-out;
    -moz-transition: border-bottom .2s ease-in-out;
    -ms-transition: border-bottom .2s ease-in-out;
    -o-transition: border-bottom .2s ease-in-out;
    transition: border-bottom .2s ease-in-out; }

  .secondaryResponsive article li.active a {
    border-bottom: 3px solid #dc182d; }

  .secondaryResponsive article li a:hover {
    border-bottom: 3px solid #017d75;
    color: #017d75; }

  .secondaryResponsive article li a:before {
    display: none; }

  .secondaryResponsive article li.current a {
    border-bottom: 3px solid #DC182D;
    color: #3b3b3b; }

  .secondaryResponsive header .titles {
    float: none;
    margin-bottom: 0; }

  .secondaryResponsive header .titles p {
    text-align: center;
    margin-bottom: 0;
    line-height: 1.125; }

  .secondaryResponsive header .titles h3 {
    line-height: 1.125; }

  .secondaryResponsive header aside {
    display: none; }

  .secondaryResponsive.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0); }

  .secondaryResponsive.active {
    display: block; } }
@media (min-width: 621px) and (max-width: 1023px) {
  .hondaHeader li, .secondaryResponsive li {
    font-size: 1.6em; }

  .secondaryResponsive .titles h3 {
    font-size: 2.3em; }

  .secondaryResponsive .titles h4 {
    line-height: 1.3em; }

  .hondaHeader .productList > li > ul > li, .hondaHeader .lazyCategorised .secondState > ul > li {
    width: 32%; } }
@media (min-width: 801px) and (max-width: 1023px) {
  .hondaHeader .productList > li > ul > li, .hondaHeader .lazyCategorised .secondState > ul > li {
    width: 23%; } }
.responsiveFooter section article:first-child {
    margin-left: 0;
}
@media screen and (min-width: 801px) {
    .responsiveFooter section {
        padding: 3em 6em;
    }
    .responsiveFooter .ctas {
        background: white;
        float: left;
        width: 25%;
    }
    .responsiveFooter .ctas li {
        box-sizing: border-box;
        display: block;
        margin-bottom: 1.1em;
        moz-box-sizing: border-box;
        padding: 1em 0 1em 64px;
        position: relative;
        text-align: left;
        webkit-box-sizing: border-box;
        width: 100%;
    }
    .responsiveFooter .ctas li:hover {
        background-color: transparent;
    }
    .responsiveFooter .ctas li a {
        border-bottom: 1px solid #7fbf9e;
        clear: both;
        color: #3b3b3b;
        display: inline;
        font-size: 1.13em;
        letter-spacing: 2px;
        margin-left: 0;
        padding: 0;
        text-transform: uppercase;
        transition: all .2s ease-in-out;
        webkit-transition: all .2s ease-in-out;
    }
    .responsiveFooter .ctas li a:hover {
        border-bottom: 3px solid #017d75;
        color: #017d75;
    }
    .responsiveFooter .ctas li a:before {
        color: white;
        font-size: 48px;
        left: -1.26em;
        position: absolute;
        top: -0.224em;
    }
    .responsiveFooter .ctas li a.accessoriesDiamond56Ico:before {
        font-size: 2.8em;
        left: 7px;
        margin-right: 0.25em;
        min-height: 54px;
        top: 3px;
    }
    .responsiveFooter .ctas li a:after {
        display: block;
        left: -1.15em;
        position: absolute;
        top: -0.28em;
    }
    .responsiveFooter .ctas li a:hover:after {
        color: #017d75;
    }
    .responsiveFooter .ctas li a.registerYourInterestDiamond56Ico:before,
     .responsiveFooter .ctas li a.registerYourInterestFooterDiamond56Ico:before {
        font-size: 30px;
        left: -50px;
        top: -3px;
    }
    .responsiveFooter .footerAccordion.active .content {
        border-bottom: none;
    }
    .responsiveFooter article {
        clear: none;
        float: left;
        margin-left: 2em;
        width: 21.5%;
    }
    .responsiveFooter article .footerHeading,
     .responsiveFooter .footerAccordion .footerHeading {
        background: white;
        border-bottom: 1px solid #afafb0;
        border-top: 2px solid #585858;
        color: #1f1f1f;
        display: block;
        font-family: "ProximaNovaExCnLight",Tahoma,Helvetica,Arial,sans-serif;
        line-height: 1.15;
        margin-bottom: 0;
        padding: 0.75em 0;
        text-align: left;
        width: 100%;
    }
    .responsiveFooter article .footerHeading:before {
        display: none;
    }
    .responsiveFooter article ul {
        margin-top: 1.5em;
    }
    .responsiveFooter article li {
        margin-bottom: .5em;
        padding: .1em 0;
    }
    .responsiveFooter .usefulLinksResponsive li {
        margin: 0 0 0.54em;
        padding: 0;
    }
    .responsiveFooter article li a,
     .responsiveFooter article.usefulLinksResponsive li a {
        border-bottom: 1px solid #7fbf9e;
        color: #3b3b3b;
        display: inline;
        font-family: Tahoma,Helvetica,Arial,sans-serif;
        font-size: 1em;
        letter-spacing: 0;
        padding: 0;
        transition: all .2s ease-in-out;
        webkit-transition: all .2s ease-in-out;
    }
    .responsiveFooter article li a:hover {
        border-bottom: 3px solid #017d75;
        color: #017d75;
    }
    .responsiveFooter article .content {
        display: block;
    }
    .responsiveFooter article .content ul {
        padding: 0;
    }
    .responsiveFooter article .content ul li {
        border-top: none;
        padding: 0;
    }
    .responsiveFooter article .content ul li a:before {
        display: none;
    }
    .responsiveFooter .social {
        margin: 1.5em 0;
        overflow: visible;
    }
    .responsiveFooter .social li,
     .responsiveFooter article.usefulLinksResponsive li {
        text-align: left;
        width: 100%;
    }
    .responsiveFooter .social li {
        padding: 0 0 0.5em 34px;
    }
    .responsiveFooter .social li a {
        border-left: 0;
        display: inline;
        padding: 0;
    }
    .responsiveFooter .social li a:before {
        left: -34px;
        margin-left: 0;
        top: -0.2em;
    }
    .responsiveFooter .social li a:hover:before {
        color: #017D75;
    }
    .responsiveFooter .social li a:after {
        display: none;
    }
    .responsiveFooter .social[data-amount="1"] li,
     .responsiveFooter .social[data-amount="2"] li,
     .responsiveFooter .social[data-amount="3"] li,
     .responsiveFooter .social[data-amount="4"] li {
        margin-bottom: 0;
        width: 100%;
    }
    .responsiveFooter article.usefulLinksResponsive {
        border-top: none;
    }
    .responsiveFooter article.usefulLinksResponsive ul {
        padding: 0;
    }
    .responsiveFooter .languageSelector {
        float: left;
        margin-bottom: 3em;
        width: 90%;
    }
    .responsiveFooter .usefulLinksResponsive .footerHeading {
        display: block;
    }
    .responsiveFooter article.usefulLinksResponsive .languageSelector li {
        margin-top: 0.3em;
        padding-left: 0.7em;
    }
    .responsiveFooter article.usefulLinksResponsive .languageSelector li:last-child {
        margin-bottom: 0.3em;
    }
    .responsiveFooter article.usefulLinks .languageSelector li a {
        border-bottom: 0;
        padding-left: .8em;
    }
    .responsiveFooter .languageSelector p {
        cursor: pointer;
        padding-left: 0.7em;
        text-align: left;
    }
    .responsiveFooter .logoFooter {
        border-top: 1px solid #ddd;
        clear: both;
        padding-top: 2.5em;
    }
    .responsiveFooter .logoFooter img {
        display: inline;
        float: left;
        margin: 0;
    }
    .responsiveFooter .logoFooter p {
        float: left;
        font-size: 1.2em;
        margin-left: 1em;
    }
}

@media screen and (min-width: 621px) and (max-width: 800px) {
    .responsiveFooter .ctaWrap {
        background: #00803E;
    }
    .responsiveFooter .ctas {
        margin: 0 auto;
        width: 70%;
    }
    .responsiveFooter .ctas li:before {
        font-size: 48px;
    }
    .responsiveFooter article {
        margin-bottom: 2em;
    }
    .responsiveFooter article .content {
        display: block;
    }
    .responsiveFooter article .content ul {
        border-bottom: 3px solid #f4f3f8;
        margin: 0 4em 2em;
        padding: 0;
    }
    .responsiveFooter article .content li {
        border-bottom: 1px solid #f4f3f8;
        border-top: 0;
        display: inline-block;
        margin-right: 1.5em;
        padding: 0.8em 0;
        width: 47.3%;
    }
    .responsiveFooter article .content li a {
        font-size: 1.1em;
    }
    .responsiveFooter article .content li:nth-child(2n) {
        margin-right: 0;
    }
    .responsiveFooter .footerAccordion .footerHeading {
        font-family: "ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
        padding: 0.7em 1.7em;
    }
    .responsiveFooter .footerAccordion .footerHeading:before {
        display: none;
    }
    .responsiveFooter .footerAccordion.active .content {
        border-bottom: none;
    }
    .responsiveFooter .social,
     .responsiveFooter .usefulLinksResponsive ul {
        margin: 0 auto;
        width: 50%;
    }
    .responsiveFooter .social li a {
        font-size: 1.1em;
    }
    .responsiveFooter .usefulLinksResponsive li {
        margin-bottom: 1.1em;
    }
    .responsiveFooter .usefulLinksResponsive li a {
        font-size: 0.9em;
    }
    .responsiveFooter.isPortal section {
        padding: 3em 5%;
    }
    .responsiveFooter.isPortal .ctas,
     .responsiveFooter.isPortal .footerAccordion {
        display: none;
    }
    .responsiveFooter.isPortal article {
        clear: none;
        float: left;
        margin-left: 2em;
        width: 21.5%;
    }
    .responsiveFooter.isPortal article .footerHeading,
     .responsiveFooter.isPortal .footerAccordion .footerHeading {
        background: white;
        border-bottom: 1px solid #afafb0;
        border-top: 2px solid #585858;
        color: #1f1f1f;
        display: block;
        font-family: "ProximaNovaExCnLight",Tahoma,Helvetica,Arial,sans-serif;
        line-height: 1.15;
        margin-bottom: 0;
        padding: 0.75em 0;
        text-align: left;
        width: 100%;
    }
    .responsiveFooter.isPortal article .footerHeading:before {
        display: none;
    }
    .responsiveFooter.isPortal article ul {
        margin-top: 1.5em;
        width: 100%;
    }
    .responsiveFooter.isPortal article li {
        margin-bottom: .5em;
        padding: .1em 0;
    }
    .responsiveFooter.isPortal .usefulLinksResponsive li {
        margin: 0 0 0.54em;
        padding: 0;
    }
    .responsiveFooter.isPortal article li a,
     .responsiveFooter.isPortal article.usefulLinksResponsive li a {
        border-bottom: 1px solid #7fbf9e;
        color: #3b3b3b;
        display: inline;
        font-family: Tahoma,Helvetica,Arial,sans-serif;
        font-size: 1em;
        letter-spacing: 0;
        padding: 0;
        transition: all .2s ease-in-out;
        webkit-transition: all .2s ease-in-out;
    }
    .responsiveFooter.isPortal article li a:hover {
        border-bottom: 3px solid #017d75;
        color: #017d75;
    }
    .responsiveFooter.isPortal article .content {
        display: block;
    }
    .responsiveFooter.isPortal article .content ul {
        padding: 0;
    }
    .responsiveFooter.isPortal article .content ul li {
        border-top: none;
        padding: 0;
    }
    .responsiveFooter.isPortal article .content ul li a:before {
        display: none;
    }
    .responsiveFooter.isPortal .social {
        margin: 1.5em 0 0;
    }
    .responsiveFooter.isPortal .social li,
     .responsiveFooter.isPortal article.usefulLinksResponsive li {
        text-align: left;
        width: 100%;
    }
    .responsiveFooter.isPortal .social li:before {
        display: inline-block;
        float: left;
        font-size: 25px;
        margin-bottom: 0;
        margin-right: 0.3em;
    }
    .responsiveFooter.isPortal .social li a {
        border-left: 0;
        display: inline-block;
        padding-bottom: 0.2em;
    }
    .responsiveFooter.isPortal .social[data-amount="1"] li,
     .responsiveFooter.isPortal .social[data-amount="2"] li,
     .responsiveFooter.isPortal .social[data-amount="3"] li,
     .responsiveFooter.isPortal .social[data-amount="4"] li {
        margin-bottom: 0;
        width: 100%;
    }
    .responsiveFooter.isPortal article.usefulLinksResponsive {
        border-top: none;
    }
    .responsiveFooter.isPortal article.usefulLinksResponsive ul {
        padding: 0;
    }
    .responsiveFooter.isPortal .languageSelector {
        margin-bottom: 2em;
        margin-top: 2em;
    }
    .responsiveFooter.isPortal .usefulLinksResponsive .footerHeading {
        display: block;
    }
    .responsiveFooter.isPortal article.usefulLinksResponsive .languageSelector li {
        margin-top: 0.3em;
    }
    .responsiveFooter.isPortal article.usefulLinks .languageSelector li a {
        border-bottom: 0;
        padding-left: .8em;
    }
    .responsiveFooter.isPortal .languageSelector p {
        cursor: pointer;
        padding-left: 0.7em;
    }
    .responsiveFooter.isPortal section > footer {
        border-top: 1px solid #ddd;
        clear: both;
        padding-top: 2.5em;
    }
    .responsiveFooter.isPortal section > footer img {
        display: inline;
        float: left;
        margin: 0;
    }
    .responsiveFooter.isPortal section > footer p {
        float: left;
        font-size: 1.2em;
        margin-left: 1em;
    }
}
.emissionsFooter .downloadLink,
.emissionsFooter .emissionsText {
    margin: 0 32px;
}
.emissionsFooter .emissionsText {
    padding: 20px 16px 0;
}
.touch .mapContainer .mapLockOverlay {
    display: none;
}

.touch .mapContainer .mapLockBtn {
    background-position: -52px 0;
}

.touch .mapContainer .locked .mapLockBtn {
    background-position: 0 0;
}

/* Map Overlay */
#mapResult {
	background: #fff;
	margin: 0 auto;
	max-width: 864px;
}

#mapResult .mapResultInner {
	padding: 28px 16px 16px;
}

#mapResult .mapResultInner h4 {
	letter-spacing: 0;
	font-size: 1.8em;
	display: block;
	float: right;
	width: 49%;
}

#mapResult .mapResultInner h4 span {
	display: block;
	padding: 0 20px;
}

#mapResult a.mapResultLink {
    display: inline;
    line-height: .8;
    margin-left: 20px;
}

#mapResult a.mapResultLink:before {
    font-size: 32px;
    left: 20px;
    top: 24px;
}

#mapResult a.mapResultLink:focus,
#mapResult a.mapResultLink:hover {
    color: #01948b;
    border-bottom: 3px solid #01948b;
    -webkit-transition: border-bottom 0.25s ease-out;
    transition: border-bottom 0.25s ease-out;
}

#mapResult a.mapResultLink:focus:before,
#mapResult a.mapResultLink:hover:before {
    color: #01948b;
}

#mapResult .mapResultDetail {
	border-left: 1px solid #ddd;
	margin-left: 15px;
	padding-left: 31px;
	width: 37%;
}

#mapResult .mapResultDistance {
	margin-left: 0;
}

#mapResult .mapResultName {
	font-size: 3.2em;
    line-height: 1.1;
	margin-left: 0;
	display: inline;
}

#mapResult .servicesAvailable {
	display: block;
	float: right;
	width: 49%;
}

#mapResult .servicesAvailable li {
	float: left;
	padding: 0;
	position: relative;
	width: 33.33%;
}

#mapResult .servicesAvailable li .title {
	display: block;
	padding: 0 0 0 20px;
}

#mapResult .servicesAvailable li .icon {
	background: none;
	display: block;
	height: 11px;
	left: 0;
	position: absolute;
	top: 6px;
	width: 14px;
}

#mapResult .mapResultNumber {
	background-position: -35px 0;
	height: 38px;
	left: auto;
	position: relative;
	top: auto;
	width: 34px;
}

#mapResult .mapResultNumber span {
	font-size: 1.8em;
	margin-left: -2px;
	padding-top: 12px;
}

#mapResult .mapResultInner .mapResultNumber:before {
    font-size: 42px;
    left: -8px;
    top: 3px;
}

#mapResult .mapResultInner .mapResultNumber span {
    font-size: 1.8em;
}

#mapResult .iconCta {
	float: right;
	clear: none;
	margin-top: 1.6em;
}

#mapResult .iconCta li {
	float: left;
    display: block;
    margin: 0 0 2px;
    background-color: #00803E;
    padding: 10px 0;
}

#mapResult .iconCta li:hover {
    background-color: #017D75;
}

#mapResult .iconCta li a {
    border-bottom: 0;
    color: #fff;
    display: block;
    font-size: 1em;
    margin-left: 3em;
    padding: 0 1em 0 0;
    text-align: left;
}

#mapResult .iconCta [class$="Diamond56Ico"] {
    display: block;
    text-align: left;
    width: auto;
}

#mapResult .iconCta [class$="Diamond56Ico"]:before {
    font-size: 22px;
    top: 10px;
    color :#fff;
    left: 12px;
    margin-left: 0;
}

#mapResult .iconCta [class$="Diamond56Ico"]:after {
    display: none;
}

#mapResult .iconCta [class$='Diamond56Ico']:hover a {
    border-bottom: 0;
    color :#fff;
}

#mapResult .iconCta .phoneNumberDiamond56Ico,
#mapResult .iconCta .phoneNumberDiamond56Ico:hover {
    background: transparent;
}

#mapResult .iconCta .phoneNumberDiamond56Ico:before {
    color: #00803E;
    font-size: 22px;
}

#mapResult .iconCta .phoneNumberDiamond56Ico:hover:before,
#mapResult .iconCta .phoneNumberDiamond56Ico:hover a {
    color: #017D75;
}

#mapResult .iconCta .phoneNumberDiamond56Ico a {
    color: #3B3B3B;
}

.module.moduleThemeDark .downloadLink:hover a,
.module.moduleThemeDark .ctaContainer:hover a,
.module.moduleThemeDark .downloadLink:focus a,
.module.moduleThemeDark .ctaContainer:focus a {
    border-bottom-color: white;
}

.module.moduleThemeDark .secondaryCta a:hover,
.module.moduleThemeDark .rttSecondaryCTA a:hover,
.module.moduleThemeDark .secondaryCta a:focus,
.module.moduleThemeDark .rttSecondaryCTA a:focus {
    color: white;
    border-bottom-color: white;
}

.jsSplitColorSections {
    background: transparent;
}

.colorSection {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.moduleThemeDark .colorSectionContainer {
    position: relative;
}

.colorSectionA {
	left: auto;
	right: 0;
}

.colorSectionB {
	left: 0;
	right: auto;
}

.splitColorSectionTextRight .colorSectionA {
	left: 0;
	right: auto;
}

.splitColorSectionTextRight .colorSectionB {
	left: auto;
	right: 0;
}
/* ======================================================
BREAK POINTS
====================================================== */
.pdCol {
	width: 22.222%;
}

.pdSubCol {
	width: 46.153846153846154%;
}

.pd h2 {
	padding: 0 32px 0 0;
}
.portalModuleDark h2 {
	color: #fff;
}
.pd h3 {
	font-size:2.2em;
}

.pd h4 {
	font-size:1.6em;
	margin-top: 0;
}

.pd .subtitle { /* Smaller h4 */
	font-size:1.6em;
}

.pd .colImg {
	margin: 0;
}

.pd img {
	width: 100%;
	padding-bottom: 0.6em;
}

.pd .cropper {
	width: 100%;
}

.pdCallOut {
	width: auto;
}

.pdCallOutTop,
.pdCallOutBot {
	width: 100%;
	height:63px;
	background-image:url(../../img/decoration/sprite_callout-small.png);
}

.pdCallOutAbove .pdCallOutBot {
	height:118px;
}

.pdCallOutBelow .pdCallOutTop {
	height:118px;
	margin:3px 0 0 0;
}

.pdCallOutBelow .pdCallOutTop .calloutIcon {
	top:75px;
}

.pdCallOutTop .calloutIcon {
	top:20px;
}

.pdCalloutContent {
	padding: 0 8.333%;
}

.pdCallOut h4 {
	font-size:1.6em;
	line-height:1.6em;
	margin: 0 0 -6px 0;
}

.pdCallOut .pdCOTitle {
	margin: 0 0 2px 0;
}

.pd .sectionDelta .imageCaption {
	width:100%;
}

.pd .imageCaption p {
	font-size: 1.1em;
}

.pd.pdCallOutRight .pdSubCol.noCallout {
	padding: 16px 0 0 0;
	margin: 0;
}

.pd.pdCallOutRight .pdCallOutBelow .pdCalloutContent {
	min-height:115px;
}

.pd.pdCallOutRight .sectionGamma .imageCaption {
	min-height:30px;
}

.pd.pdCallOutRight .sectionDelta .imageCaption {
	min-height: inherit;
}

.pd .rttDownloadLink a {
	margin-left: 0;
}

/*----------------------------------------------------

	Column classes || Module layout specifications

------------------------------------------------------*/
.pd .wrapperInner {
	position: relative;
}

.pd .sectionAlpha {
	float: left;
	margin: 0 3.703% 0 25.925%;
	padding: 96px 0 0 0;
}

.pd .sectionBeta {
	position: absolute;
	top: 255px;
	left: 6.451612903225806%;/*64px*/
}

.pd .sectionGamma {
	float: left;
	width: 48.148%;
}

.pd .sectionGamma .pdCallOut {
	margin:-47px auto 32px 52.884615384615385%;/* 220px */
}

.pd .sectionDelta .pdCopyContainer .pdCopyContent {
	min-height: 168px;
}

.pd .imageCaption,
.pd .pdCopyContainer {
	padding: 0;
}

.pdInlineCol .sectionAlpha:before {
	margin-left: 0;
}

.pd .externalLinkFullCol {
    padding-bottom: 0;
    /* padding-top: 0; */
    display: inline;
}

.pd .ctaContainer{
	padding: 0 0 0 28px;
}

.pd .ctaContainer,
.productEditorialMosaic .ctaContainer{
    padding-left: 28px;
}

.pd .ctaContainer.downloadLink:before {
	top: 3px;
}

.ie9 .pd .ctaContainer.downloadLink:before {
	top: 8px;
}

.productEditorialMosaic .ctaContainer .externalLink.externalLinkFullCol {
    padding-top: 0;
}

.productEditorialMosaic .ctaContainer:hover, .copyAreaContainer .ctaContainer:hover {
	border-top-color: #d2d2d3;
}

.pd .ctaContainer:hover, .pd .ctaContainer:focus {
    border-top-color: #D2D2D3;
    border-bottom-color: transparent;
}

.signPostLargeImage .ctaContainer a.externalLink,
.productEditorialMosaic .ctaContainer a.externalLink,
.pd .ctaContainer a.externalLink {
	font-size: 1.25em;
}

.externalLink:before{
	top: 0;
}

.pdCallOut.pdCallOutBelow,
.pdCallOut.pdCallOutAbove {
	min-width: 192px;
}

/* TABLET */
@media screen and (min-width:621px) and (max-width:800px){

	.pdCallOut {
		width:208px;
	}

	.pdCallOutTop,
	.pdCallOutBot {
		width:208px;
		height:69px;
		background-image:url(../../img/decoration/sprite_callout-medium.png);

	}

	.pdCallOutAbove .pdCallOutBot {
		height:123px;
	}

	.pdCallOutBelow .pdCallOutTop {
		height:118px;
		margin:3px 0 0 0;
	}

	.pdCalloutContent {
		width:144px;
		padding:0 32px;
	}


	.pdCol,
	.pd .sectionGamma {
		width: 30.232%;
	}

	.pdSubCol {
		width: 100%;
		margin:0;
	}


	.pd .sectionDelta .pdCopyContainer .pdCopyContent {
		min-height: inherit;
	}

	/*----------------------------------------------------
		Column classes || Module layout specifications
	------------------------------------------------------*/

	.pd .sectionAlpha {
		margin: 0 4.651% 0 34.883%;
		padding: 0;
	}

	.pd .sectionBeta {
		top: 144px;
		left: 5.208333333333333%;/* 40px */
	}


	/* Elements */
	.pd .sectionAlpha .imageCaption,
	.pd .sectionBeta .imageCaption,
	.pd .sectionDelta .imageCaption,
	.pd .sectionGamma .imageCaption {
		width:100%;
	}

	.pd .sectionGamma .pdCallOut {
		margin:16px auto 32px -16px;
	}


}


/* Unique media queries for callout margins */
@media screen and (min-width:801px) and (max-width:915px){

	.sectionBeta .pdCallOut {
		margin-left: -20px;
	}

}

@media screen and (min-width:621px) and (max-width:730px){

	.sectionBeta .pdCallOut {
		margin-left: -14px;
	}

	.sectionGamma .pdCallOut {
		margin-left: -10px;
	}

}


@media screen and (min-width:621px) and (max-width:680px){

	.sectionBeta .pdCallOut {
		margin-left: -22px;
	}

}
/* ---------------------------------------- */
/* no-js page state
/* ---------------------------------------- */
.no-js .productComparison .noJSFallback {
    margin-top: 0;
    margin-bottom: 3.6em;
    padding-top: 5.4em;
}

.no-js .productComparison .pageIntroLead {
    padding-bottom: 2.4em;
}

.no-js .productComparison .pageIntroLead p {
    font-size: 1.4em;
    line-height: 1.4em;
}

.no-js .productComparison noscript .sectionBottom {
    margin-bottom: 14.8em;
}

.no-js .productComparison noscript .iconCta.twoCta [class$="Diamond56Ico"] {
    width: 5em;
}

.no-js .productComparison noscript .sectionBottom h2 {
    font-size: 2.6em;
    text-transform: uppercase;
}





/* ---------------------------------------- */
/*
    1. PRODUCT SELECTOR
       - module wrapper amends
       - product details
       - product details - remove link
       - product details - add model
       - product details - add form
       - compare tools

    2. PRODUCT COMPARISON TABLE
       - module wrapper amends
       - category show hide
       - features show hide
       - comparision table
       - comparision difference row highlighting

    3. NO PRODUCT SELECTION
       - module wrapper amends
       - no selection message

    4. PRODUCT SELECTION CTA
       - module wrapper amends
       - compare product list
       - product links
       - choose again link
*/
/* ---------------------------------------- */




/* ---------------------------------------- */
/* 1. PRODUCT SELECTOR
/* ---------------------------------------- */
/* - module wrapper amends
   - product details
   - product details - remove link
   - product details - add model
   - product details - add form
   - compare tools */

/* module wrapper amends
------------------------------------------- */

.productComparisonSelection {
    margin-bottom: 0;
}

.productComparisonSelection .wrapperInner {
	padding: 0 6.4516129%;
}

.productComparisonSelection .wrapperInner:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

@media only screen and (min-width: 621px) and (max-width: 800px) {
    .productComparisonSelection .wrapperInner {
		padding: 0 5.20833333%;
	}
}

/* ---[ bikes amends ]--- */
.productComparisonBikes .secondaryContextualLinks .relatedContentListing {
    padding-bottom: 6.4em;
    border-bottom: 3px solid #DDD;
}

.productComparisonBikes .secondaryContextualLinks .contextualContent > *:last-child {
    margin-bottom: 0;
}


/* compare product list
------------------------------------------- */

.compareProductList {
    display: table;
    width: 74.3%;
    float: right;
    margin-bottom: 0;
}

.compareProductList .productDetails {
    display: table-cell;
    width: 33.57%;
    vertical-align: middle;
    border-left: 2px solid #F4F3F8;
}

.compareProductList .engine,
.compareProductList .transmission,
.compareProductList .price {
    font-size: 1.1em;
}

.compareProductList .price {
    max-width: 100%;
    margin-right: 16px;
    margin-left: 16px;
}

/* no selection */
.compareProductList .noProductSelected .productDetailsInner {
    min-height: 170px;
}

/* ---[ bikes amends ]--- */
.productComparisonBikes .compareProductList .productDetailsInner {
    min-height: 185px;
}

.productComparisonBikes .compareProductList .productDetails {
    text-align: center;
}

.productComparisonBikes .compareProductList p {
    padding-left: 0;
}

.productComparisonBikes .compareProductList .street {
    font-size: 1.2em;
}

.productComparisonBikes .compareProductList .price {
    font-size: 1.1em;
    margin-bottom: 11px;
}

.productComparisonBikes .compareProductList img {
    position: static;
    top: auto;
    left: auto;
    max-width: 160px;
}

/* ie fixes */
.ie8 .productComparisonBikes .compareProductList .noProductSelected .productDetailsInner {
    min-height: 162px;
}


/* product details - add form
------------------------------------------- */

.compareProductList form > .title {
    margin-bottom: 1em;
}

.productComparison .compareProductList .primaryBtnSubmit {
    padding: 0.6em 0;
}

/* ---[ bikes amends ]--- */
.productComparisonBikes .compareProductList form > .title {
    margin-bottom: 1.5em;
}


/* compare tools
------------------------------------------- */

.compareTools {
    position: absolute;
    bottom: 0;
    width: 18.5%;
    margin-bottom: 32px;
}

.specAccordionControls ul {
    margin-bottom: 0;
}

.specAccordionControls li {
    padding-left: 20px;
}

.specAccordionControls a {
    font-size: 1.2em;
}

.specAccordionControls a:before {
    width: 20px;
    left: -20px;
}




/* ---------------------------------------- */
/* 2. PRODUCT COMPARISON TABLE
/* ---------------------------------------- */
/* - module wrapper amends
   - category show hide
   - features show hide
   - comparision table
   - comparision difference row highlighting */

/* module wrapper amends
------------------------------------------- */

.productComparisonTable {
    margin-top: 0;
    margin-bottom: 0;
}

.productComparisonTable .wrapperInner {
	padding: 0 6.4516129%;
}

@media only screen and (min-width: 621px) and (max-width: 800px) {
    .productComparisonTable .wrapperInner {
		padding: 0 5.20833333%;
	}
}


/* category show hide
------------------------------------------- */

.categoryShowHide > .trigger {
    padding-top: 0.8em;
    padding-bottom: 0.74em;
    padding-right: 24px;
    font-size: 2.6em;
    border-color: #FFF;
}

.categoryShowHide > .trigger:after {
/*     top: 1.25em; */
    right: -3px;
}

.categoryShowHide > .trigger:hover {
    border-right-width: 18px;
}

.categoryShowHide > .trigger:hover:after {
    color: #FFF;
    right: -21px;
}

.categoryShowHide:last-child > .panel {
    border-bottom: 3px solid #FFF;
}

/* ie fixes */
.ie8 .categoryShowHide > .trigger:after {
    top: 1.3em;
}

.ie8  .categoryShowHide > .trigger:after,
.ie9  .categoryShowHide > .trigger:after,
.ie10 .categoryShowHide > .trigger:after {
    right: -1px;
}

.ie8  .categoryShowHide > .trigger:hover:after,
.ie9  .categoryShowHide > .trigger:hover:after,
.ie10 .categoryShowHide > .trigger:hover:after {
    right: -19px;
}


/* features show hide
------------------------------------------- */

.featureShowHide {
    border-color: #FFF;
    border-top: 1px solid #FFF;
    background-color: transparent;
}

.featureShowHide .trigger .title {
    font-size: 1.6em;
}

.featureShowHide .panel {
    border-top: 1px solid #FFF;
}


/* comparision table
------------------------------------------- */

.comparisonTable tr {
    display: table-row;
    border-top: none;
}

.comparisonTable tbody tr:hover th,
.comparisonTable tbody tr:hover td {
    cursor: default;
    background-color: #FFF;
}

/* change the colour of the hover th and next th borders to hide
   the extra 1px top and bottom on hover state */
.comparisonTable tbody tr:hover th,
.comparisonTable tbody tr:hover + tr th {
    border-top-color: #F4F3F8;
    border-bottom-color: #F4F3F8;
}

.comparisonTable:hover tbody td {
    background-color: #FAF9FC;
}

.comparisonTable th,
.comparisonTable td {
    display: table-cell;
    padding: 1.1em 16px;
}

.comparisonTable th {
    width: 25.85%;
    padding-left: 24px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    border-top: 1px solid #FFF;
}

.comparisonTable tr:first-child th {
    border-top: none;
}

.comparisonTable th abbr {
    font-family: 'ProximaNovaExCnLight';
    font-size: inherit;
}

.comparisonTable td {
    display: table-cell;
    width: 24.95%;
    padding-top: 1.3em;
    padding-bottom: 1.3em;
    text-align: center;
    border-left: 2px solid #F4F3F8;
    background-color: #FFF;
}

.comparisonTable .compare0,
.comparisonTable .compare1,
.comparisonTable .compare2 {
    border-top: 1px solid #F4F3F8;
}

.comparisonTable tr:first-child .compare0,
.comparisonTable tr:first-child .compare1,
.comparisonTable tr:first-child .compare2,
.comparisonTable .noProductSelected {
    border-top: none;
}

/* comparision product information */
.comparisonTable .productDetails {
    display: none;
}

/* comparision flag */
.comparisonTable .compareDetails {
    display: block;
    width: auto;
    margin: 0 auto;
    border-left: none;
}

/* information row */
.comparisonTable tbody tr.informationRow th {
	padding-left: 25.85%;
}

.comparisonTable tbody tr.informationRow:hover th {
    cursor: default;
    background-color: transparent;
}

/* ---[ bikes amends ]--- */
.productComparisonBikes .comparisonTable th {
    font-size: 1.6em;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    padding-left: 16px;
}

.productComparisonBikes .comparisonTable td {
    text-align: left;
    vertical-align: top;
}

.productComparisonBikes .comparisonTable .compareDetails {
    padding: 0;
}


/* comparision difference row highlighting
------------------------------------------- */

.differenceEnabled tr.difference {
    padding-left: 24px;
    border-left: none;
}

.differenceEnabled tr.difference th {
    padding-right: 21px;
    border-right: 3px solid #EE1B2F;
}




/* ---------------------------------------- */
/* NO PRODUCT SELECTION
/* ---------------------------------------- */
/* - module wrapper amends
   - no selection message */

/* module wrapper amends
------------------------------------------- */

.productComparisonNoSelection {
    margin-top: 0;
    margin-bottom: 0;
}

.productComparisonNoSelection .wrapperInner {
	padding: 0 6.4516129%;
}

@media only screen and (min-width: 621px) and (max-width: 800px) {
    .productComparisonNoSelection .wrapperInner {
		padding: 0 5.20833333%;
	}
}


/* no selection message
------------------------------------------- */

.noSelectionMessage {
    border-color: #FFF;
    border-style: solid;
    border-width: 3px 0;
}

.noSelectionMessage .inner {
    margin-left: 26%;
    padding: 9.6em 35px;
    background-color: #FFF;
    background-image: url('../../img/selection_empty.png');
    background-repeat: repeat;
    box-sizing: padding-box;
    -moz-box-sizing: padding-box;
}

.noSelectionMessage h2 {
    margin: 0 auto 0.75em;
    padding-right: 0;
    padding-left: 0;
    font-size: 2.2em;
    width: 11.15em;
}

.noSelectionMessage .imgWrapper {
    margin: 0;
}




/* ---------------------------------------- */
/* PRODUCT SELECTION CTA
/* ---------------------------------------- */
/* - module wrapper amends
   - compare product list
   - product links
   - choose again link */

/* module wrapper amends
------------------------------------------- */

/* module wrapper amends
------------------------------------------- */

.productComparisonCTA {
    margin-top: 0;
    margin-bottom: 0;
}

.productComparisonCTA .wrapperInner {
	padding: 0 6.4516129%;
}

.productComparisonCTA .wrapperInner:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

@media only screen and (min-width: 621px) and (max-width: 800px) {
    .productComparisonCTA .wrapperInner {
		padding: 0 5.20833333%;
	}
}

.productComparison .secondaryContextualLinks {
    margin-top: 6.4em;
    margin-bottom: 6.4em;
}

.productComparison .legalFooterContent {
    margin-top: 6.4em;
}

/* remove space between caveats and legal information */
.productComparison .legalFooterContent.noteContainer {
    margin-top: 9.6em;
    margin-bottom: 0;
}

.productComparison .legalFooterContent.noteContainer + .legalFooter .legalFooterContent {
    margin-top: 0;
}


/* compare product list
------------------------------------------- */

.productComparisonCTA {
    margin-bottom: 6.4em;
}

.productComparisonCTA .productDetailsInner {
    min-height: 0;
    padding: 0 0 0.7em;
}

.productComparisonCTA .compareProductList {
    margin-bottom: 0;
}

.productComparisonCTA img,
.productComparisonCTA .street,
.productComparisonCTA .name,
.productComparisonCTA .engine,
.productComparisonCTA .transmission,
.productComparisonCTA .price,
.productComparisonCTA .addModel {
    display: none;
}

.productComparisonCTA .compareProductList .productDetailsInner {
    min-height: 0;
}

/* no product selected state */
.productComparisonCTA .compareProductList .noProductSelected {
    display: table-cell;
}

/* amends for when the last show/hide is opened */
.productComparisonTable.lastOpen + .productComparisonCTA {
    margin-top: -3px;
}
.productComparisonTable.lastOpen + .productComparisonCTA .productDetails {
    border-top: 1px solid #F4F3F8;
}
.productComparisonTable.lastOpen + .productComparisonCTA .noProductSelected {
    border-top: none;
}


/* product links
------------------------------------------- */

.productComparisonCTA .productLinks {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    border-top: none;
}

.productComparisonCTA .productLinks li {
    border-top-color: #F4F3F8;
}

.productComparisonCTA .productLinks a {
    font-size: 1.4em;
}

.productComparisonCTA .productLinks a:before {
    top: -0.23em;
}

/* smaller tablet size */
@media screen and (max-width: 690px) {
	.productComparisonCTA .productLinks a {
		font-size: 1.3em;
		line-height: 1.45;
		letter-spacing: 0.02em;
	}
}


/* choose again link
------------------------------------------- */

.productComparisonCTA .chooseAgain {
    display: none;
}
/* progress indicator */
/* ------------------------------------------ */

/* grid */
/*
.bookTestDrive .deskOneQuarter,
.orderBrochure .deskOneQuarter {
    float: right;
}

.bookTestDrive .gs:first-child {
    margin-left: 3.703%;
}

.bookTestDrive .gs.deskThreeQuarters,
.orderBrochure .gs.deskThreeQuarters {
    margin-left: 0;
}
*/


ul.progressIndicator {
	margin-top: 40px;
	border: 1px solid #E1E4EA;
	background: url("../../img/optionBkg.png") repeat 0 0 transparent;
}

ul.progressIndicator li {
	padding-top: 18px;
	padding-bottom: 30px;
	border: none;
	background-position: center bottom;
}

.svg ul.progressIndicator li {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMTJweCIgaGVpZ2h0PSIzMDBweCIgdmlld0JveD0iMCAwIDIxMiAzMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIxMiAzMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNFMUU0RUEiIGQ9Ik0yMTAuOTg2IDAuOTc1djI4OC4xNDFsLTEwNS4yMjkgOS45MDVMMS4wMTkgMjg5LjExNVYwLjk3NUgyMTAuOTg2TTIxMS45ODYtMC4wMjVIMC4wMTl2MjkwLjA1MWwxMDUuNzM5IDEwIDEwNi4yMjktMTBWLTAuMDI1TDIxMS45ODYtMC4wMjV6Ii8+PC9zdmc+");
}

.no-svg ul.progressIndicator li {
	background-image: url("../../img/progress_indicator/step_transparent_bg.png");
}

ul.progressIndicator li .step {
	margin-bottom: 0.5em;
	font-size: 1.6em;
}

ul.progressIndicator li .label {
	font-size: 2.2em;
}

/* all images (except model image) hidden in desktop/tablet view */
ul.progressIndicator li img {
    display: none;
}

/* model/product image */
ul.progressIndicator li.model img {
    position: absolute;
    top: -112px;
    left: 0;
    display: block;
    margin: 0;
}

/* current and selected steps */
ul.progressIndicator li.current .label {
	font-size: 2.6em;
}

ul.progressIndicator li.selected,
ul.progressIndicator li.current.last {
	background-color: #FFF;
}

ul.progressIndicator li.selected:before {
	top: 9px;
}

.svg ul.progressIndicator li.current,
.svg ul.progressIndicator li.selected {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMTJweCIgaGVpZ2h0PSIzMDBweCIgdmlld0JveD0iMCAwIDIxMiAzMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIxMiAzMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjAuNTE5LDI4OS41NyAwLjUxOSwwLjQ3NSAyMTEuNDg2LDAuNDc1IDIxMS40ODYsMjg5LjU3IDEwNS43NTgsMjk5LjUyMyAiLz48cGF0aCBmaWxsPSIjRTFFNEVBIiBkPSJNMjEwLjk4NiAwLjk3NXYyODguMTQxbC0xMDUuMjI5IDkuOTA1TDEuMDE5IDI4OS4xMTVWMC45NzVIMjEwLjk4Nk0yMTEuOTg2LTAuMDI1SDAuMDE5djI5MC4wNTFsMTA1LjczOSAxMCAxMDYuMjI5LTEwVi0wLjAyNUwyMTEuOTg2LTAuMDI1eiIvPjwvc3ZnPg==");
}

.no-svg ul.progressIndicator li.current,
.no-svg ul.progressIndicator li.selected {
	background-image: url("../../img/progress_indicator/step_white_bg.png");
}


/* last item */
ul.progressIndicator li.last,
ul.progressIndicator li.current.last,
ul.progressIndicator li.selected.last {
	padding-bottom: 20px;
	background-image: none;
}

/* header amends */
/* ------------------------------------------ */

ul.progressIndicator.progressHead li.selected {
	padding-top: 32px;
}

ul.progressIndicator.progressHead li {
	display: block;
}


/* footer amends */
/* ------------------------------------------ */

ul.progressIndicator.progressFoot {
	display: none;
}
/* ------------------------------------------- */
/* Column table layout
/* ------------------------------------------- */
/* should only be used on tables with small
   number of columns */

.editorialResponsiveTable.columnLayout th,
.editorialResponsiveTable.columnLayout td {
	width: auto;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: top;
	border-style: solid;
	border-width: 0;
}


/* backgrounds (themes) and borders */
/* ------------------------------------------- */

.editorialResponsiveTable.columnLayout th,
.editorialResponsiveTable.columnLayout td {
	position: static; /* position relative affecting borders in some browsers */
}

.editorialResponsiveTable.columnLayout th {
	border-color: #F4F3F8;
	background-color: #FFF;
}

.editorialResponsiveTable.columnLayout td {
	padding-top: 1.3em;
	padding-bottom: 1.3em;
	border-color: #FFF;
	background-color: #F4F3F8;
}

.editorialResponsiveTable.columnLayout thead th + th,
.editorialResponsiveTable.columnLayout tbody td + td {
	border-left-width: 1px;
}

.editorialResponsiveTable.columnLayout tbody th,
.editorialResponsiveTable.columnLayout tbody td {
	border-top-width: 1px;
}

.editorialResponsiveTable.columnLayout tbody tr:first-child td {
	border-top-color: #F4F3F8;
}

.editorialResponsiveTable.columnLayout.alternateTheme th {
	border-color: #F4F3F8;
	background-color: #F4F3F8;
}

.editorialResponsiveTable.columnLayout.alternateTheme td {
	border-color: #F4F3F8;
	background-color: #FFF;
}


/* content */
/* ------------------------------------------- */

.editorialResponsiveTable td p,
.editorialResponsiveTable tbody td[ data-heading ]:before {
}
.editorialResponsiveTable tbody td { 
	width: 50%;
}
.editorialResponsiveTable tbody td[ data-heading ]:before {
	position: absolute;
	left: -100%;
	width: 100%;
	float: none;
}
.editorialResponsiveTable tbody td[ data-heading ]:after {
}


.editorialResponsiveTable.columnLayout tr th:first-child {
	padding-left: 20px;
}

.editorialResponsiveTable.columnLayout thead {
	position: static;
	width: auto;
	height: auto;
	margin: auto;
	overflow: visible;
	clip: auto;
}

.editorialResponsiveTable.columnLayout tbody {
	display: table-row-group;
}

.editorialResponsiveTable.columnLayout tbody tr {
	display: table-row;
}

.editorialResponsiveTable.columnLayout tbody th,
.editorialResponsiveTable.columnLayout tbody td {
	display: table-cell;
	float: none;
	clear: none;
}

.editorialResponsiveTable.columnLayout tbody tr:after,
.editorialResponsiveTable.columnLayout tbody td[ data-heading ]:before {
	display: none;
}



/* rich text headings */
/* ------------------------------------------- */

.editorialResponsiveTable tbody th.headingRichText ~ td {
	vertical-align: middle;
}


/* content - inclusions */
/* ------------------------------------------- */

.editorialResponsiveTable.columnLayout.alternateTheme td.includedNo {
	background-color: #FAFAFC;
}


/* header images */
/* ------------------------------------------- */

.editorialResponsiveTable .headerImage.alignCenter img {
	margin-left: auto;
	margin-right: auto;
}

.editorialResponsiveTable .headerImage.alignRight img {
	margin-left: auto;
}

.editorialResponsiveTable tbody .headerImage ~ td {
	vertical-align: middle;
}

.editorialResponsiveTable.columnLayout .headerImage p {
	font-family: "ProximaNovaExCnSbold";
	font-size: 1.6em;
}

.editorialResponsiveTable.columnLayout tbody .headerImage img {
	margin-left: 0;
}


/* icons */
/* ------------------------------------------- */

.editorialResponsiveTable.columnLayout tbody th.headingIcon {
	position: relative;
	padding-left: 42px;
}

.editorialResponsiveTable.columnLayout tbody td.headingIcon {
	padding-top: 1.3em;
	padding-bottom: 1.3em;
}

.editorialResponsiveTable.columnLayout thead th.headingIcon .icon {
	margin-bottom: 0.4em;
}

.editorialResponsiveTable.columnLayout tbody th.headingIcon [class$="Ico"]:before {
	position: absolute;
	top: 0.65em;
	left: 16px;
	display: block;
}

.editorialResponsiveTable.columnLayout tbody td.headingIcon [class$="Ico"]:before {
	display: none;
}


/* column widths */
/* ------------------------------------------- */

.editorialResponsiveTable.columnLayout[ data-column-count="2" ] th,
.editorialResponsiveTable.columnLayout[ data-column-count="2" ] td {
	width: 50%;
}

.editorialResponsiveTable.columnLayout[ data-column-count="3" ] th,
.editorialResponsiveTable.columnLayout[ data-column-count="3" ] td {
	width: 33.3%;
}

.editorialResponsiveTable.columnLayout[ data-column-count="4" ] th,
.editorialResponsiveTable.columnLayout[ data-column-count="4" ] td {
	width: 25%;
}


/* ------------------------------------------- */
/* Row table layout
/* ------------------------------------------- */

.editorialResponsiveTable.rowLayout {
	width: 100%;
}

.editorialResponsiveTable.rowLayout tbody tr {
	position: relative;
	width: 100%;
	clear: both;
	float: left;
	padding: 0 0 1px;
}

.editorialResponsiveTable.rowLayout tbody tr:nth-child( odd ) {
	background-color: transparent;
}

.editorialResponsiveTable.rowLayout tbody tr:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 25%;
	height: 100%;
	content: '';
	background-color: #FFF;
}

.editorialResponsiveTable.rowLayout tbody th {
	width: 25%;
	clear: none;
	float: left;
	margin: -2px 0 0;
	padding-left: 16px;
	padding-right: 16px;
	border-top: 2px solid #F4F3F8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.editorialResponsiveTable.rowLayout tbody td {
	float: right;
	width: 75%;
	clear: right;
	padding-left: 35%;
	background-color: #F4F3F8;
	border-bottom: 1px solid #FFF;
}

.editorialResponsiveTable.rowLayout tbody td[ data-heading ]:before {
	width: 45%;
	left: 0;
	padding-top: 0.2em;
	padding-left: 32px;
}

.editorialResponsiveTable.rowLayout tbody td[ data-heading ]:after {
	display: none;
}

.editorialResponsiveTable.rowLayout tbody tr {
	border-bottom: 2px solid #FFF;
}

.editorialResponsiveTable.rowLayout tbody tr:last-child,
.editorialResponsiveTable.rowLayout tbody tr td:last-child {
	border-bottom: none;
}

.editorialResponsiveTable.rowLayout .headerImage {
	text-align: center;
}


/* icons */
/* ------------------------------------------- */

.editorialResponsiveTable.rowLayout tbody td.headingIcon {
	padding-top: 1.3em;
}

.editorialResponsiveTable.rowLayout tbody th.headingIcon,
.editorialResponsiveTable.rowLayout tbody td.headingIcon:before {
	padding-left: 48px;
}

.editorialResponsiveTable.rowLayout tbody .headingIcon [class$="28Ico"]:before,
.editorialResponsiveTable.rowLayout tbody th.headingIcon [class$="28Ico"]:before {
	position: absolute;
	top: 0.6em;
	left: 16px;
	font-size: 22px;
}
/* Circular tabs */
.js .tabsCircular {
	margin-left: 6.4516129%;
	margin-right: 0;
	margin-bottom: 30px;
	width: 286px;
}

@media only screen and (min-width: 621px) and (max-width: 800px) {
	.js .tabsCircular {
		margin-left: 5.208%;
		margin-right: 0;
	}
}