/*! Build : November 16, 2016 10:35:04 */

.accordion {
	/*
	 * offsets the top padding of the first accordion item to maintain proper
	 * spacing
	*/
	margin-top: -12px;
}

.content .accordion > ul > li {
	position: relative;
	overflow: hidden;
	margin: 0 0 -1px;
	padding: 0;
	border-top: 1px solid #00803e;
	border-bottom: 1px solid #00803e;
	background: none;
}

.content .accordion > ul > li:first-child {
	border-top: none;
}

.no-touch .accordion > ul > li:hover {
	z-index: 1;
	border-color: #017d75;
}

.content .accordion .last {
	margin-bottom: 0;
}

.content .accordionHeading {
	position: relative;
	padding: 15px 12px 15px 0;
	margin: 0;
	background: transparent;
	border: 0;
	font-size: 1.3em;
	cursor: pointer;
	border-radius: 0;
}

.accordionHeading:focus {
    outline: 0;
}

.accordionHeading:active,
.accordionHeading:hover {
    outline: 0;
}

.accordionHeading span {
	display: inline-block;
	vertical-align: middle;
}

.accordionTitle {
	color: #3b3b3b;
	letter-spacing: 1px;
	font-family: "ProximaNovaExCnSbold", Tahoma, Arial, Helvetica, sans-serif;
}

.accordion .icon {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
}

.no-touch .accordionHeading:hover .accordionTitle,
.no-touch .accordionHeading:focus .accordionTitle {
	color: #017d75;
}

.accordion .icon span {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -5px;
	margin-left: -5.5px;
	height: 11px;
	width: 11px;
}

.no-touch .accordionHeading:hover .icon span,
.no-touch .accordionHeading:focus .icon span {
	background-position: 0 -11px;
}

.accordion .expanded span {
	margin-top: -1px;
	height: 3px;
	background-position: 0 -22px;
}

.no-touch .accordionHeading:hover .expanded span,
.no-touch .accordionHeading:focus .expanded span {
	background-position: 0 -60px;
}

.accordionContent p {
	line-height: 1.75em;
}

.ie8 .accordionContent p {
	width: 70%;
}

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

	.accordionContent p {
		width: 70%;
		font-size: 0.9em !important;
		margin-bottom: 30px;
	}
	
	.dealerDetailsPage .accordionContent p {
		font-size: 1em !important;
	}
}
/* ======================================================
BREAK POINTS
====================================================== */
/*
 * Honda platform - Inclusive - CSS : Baseline : Base
 * Defines base styling of HTML elements
 * All else should inherit from this
 *
----------------------------------------------- */
/* 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 {
  margin: 0; }

html {
  /* maxvoltar.com/archive/-webkit-font-smoothing */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* always force a scrollbar in non-IE */
  overflow-y: scroll;
  /* Prevent iOS, WinMobile from adjusting font size */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: auto; }

body {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  line-height: .9em;
  color: #333;
  background: #fff; }

body:before {
  content: '{"tiny":"0", "xsmall":"400px", "small":"620px", "medium":"800px",  "large":"1023px", "xlarge":"1440px", "superlarge":"2560px"  , "orientation":null, "current":"tiny" }';
  display: none;
  padding: 20px;
  font-size: 1.5em; }
  @media (orientation: landscape) {
    body:before {
      content: '{"tiny":"0", "xsmall":"400px", "small":"620px", "medium":"800px",  "large":"1023px", "xlarge":"1440px", "superlarge":"2560px"  , "orientation":"landscape", "current":"tiny" }'; } }
  @media (orientation: landscape) and (min-width: 401px) {
    body:before {
      content: '{"tiny":"0", "xsmall":"400px", "small":"620px", "medium":"800px",  "large":"1023px", "xlarge":"1440px", "superlarge":"2560px"  , "orientation":"landscape", "current":"xsmall" }'; } }
  @media (orientation: landscape) and (min-width: 621px) {
    body:before {
      content: '{"tiny":"0", "xsmall":"400px", "small":"620px", "medium":"800px",  "large":"1023px", "xlarge":"1440px", "superlarge":"2560px"  , "orientation":"landscape", "current":"small" }'; } }
  @media (orientation: landscape) and (min-width: 801px) {
    body:before {
      content: '{"tiny":"0", "xsmall":"400px", "small":"620px", "medium":"800px",  "large":"1023px", "xlarge":"1440px", "superlarge":"2560px"  , "orientation":"landscape", "current":"medium" }'; } }
  @media (orientation: landscape) and (min-width: 1024px) {
    body:before {
      content: '{"tiny":"0", "xsmall":"400px", "small":"620px", "medium":"800px",  "large":"1023px", "xlarge":"1440px", "superlarge":"2560px"  , "orientation":"landscape", "current":"large" }'; } }
  @media (orientation: landscape) and (min-width: 1441px) {
    body:before {
      content: '{"tiny":"0", "xsmall":"400px", "small":"620px", "medium":"800px",  "large":"1023px", "xlarge":"1440px", "superlarge":"2560px"  , "orientation":"landscape", "current":"xlarge" }'; } }
  @media (orientation: landscape) and (min-width: 2561px) {
    body:before {
      content: '{"tiny":"0", "xsmall":"400px", "small":"620px", "medium":"800px",  "large":"1023px", "xlarge":"1440px", "superlarge":"2560px"  , "orientation":"landscape", "current":"superlarge" }'; } }

  @media (orientation: portrait) {
    body:before {
      content: '{"tiny":"0", "xsmall":"400px", "small":"620px", "medium":"800px",  "large":"1023px", "xlarge":"1440px", "superlarge":"2560px"  , "orientation":"portrait", "current":"tiny" }'; } }
  @media (orientation: portrait) and (min-width: 401px) {
    body:before {
      content: '{"tiny":"0", "xsmall":"400px", "small":"620px", "medium":"800px",  "large":"1023px", "xlarge":"1440px", "superlarge":"2560px"  , "orientation":"portrait", "current":"xsmall" }'; } }
  @media (orientation: portrait) and (min-width: 621px) {
    body:before {
      content: '{"tiny":"0", "xsmall":"400px", "small":"620px", "medium":"800px",  "large":"1023px", "xlarge":"1440px", "superlarge":"2560px"  , "orientation":"portrait", "current":"small" }'; } }
  @media (orientation: portrait) and (min-width: 801px) {
    body:before {
      content: '{"tiny":"0", "xsmall":"400px", "small":"620px", "medium":"800px",  "large":"1023px", "xlarge":"1440px", "superlarge":"2560px"  , "orientation":"portrait", "current":"medium" }'; } }
  @media (orientation: portrait) and (min-width: 1024px) {
    body:before {
      content: '{"tiny":"0", "xsmall":"400px", "small":"620px", "medium":"800px",  "large":"1023px", "xlarge":"1440px", "superlarge":"2560px"  , "orientation":"portrait", "current":"large" }'; } }
  @media (orientation: portrait) and (min-width: 1441px) {
    body:before {
      content: '{"tiny":"0", "xsmall":"400px", "small":"620px", "medium":"800px",  "large":"1023px", "xlarge":"1440px", "superlarge":"2560px"  , "orientation":"portrait", "current":"xlarge" }'; } }
  @media (orientation: portrait) and (min-width: 2561px) {
    body:before {
      content: '{"tiny":"0", "xsmall":"400px", "small":"620px", "medium":"800px",  "large":"1023px", "xlarge":"1440px", "superlarge":"2560px"  , "orientation":"portrait", "current":"superlarge" }'; } }

/* Set HTML5 elements to block level */
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block; }

/* Special formatting (inc. mini Reset)
---------------------------------------*/
a img {
  border: 0; }

.no-wrap {
  white-space: nowrap; }

/* Cope with font squishing */
li li, li p, li dt, li dd, li address,
dt li, dd li, dt p, dd p,
p p, blockquote p,
td td, td p, td li, td dt, td dd {
  font-size: 1em !important; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
  display: none;
  visibility: hidden; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden; }

/* Hide content only visually, but have it available for screenreaders */
.postit,
.sep,
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
 * Image replacement
 */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  color: transparent;
  /* IE 6/7 fallback */
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%; }

span.webSafeChar {
  /* Used with JS function webSafeString() */
  display: inline-block;
  width: 0;
  overflow: hidden; }

/* Clearing - For reference only
 * Apply these rules
 * to elements rather than assigning
 * a class
---------------------------------------*/
div.clearer {
  /* fix for ie<7 */
  clear: both;
  height: 1px;
  overflow: hidden;
  line-height: 1px; }

.clearfix {
  display: block; }

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

/* Generic Copy styles
---------------------------------------*/
/* Correct overflow not hidden in IE9 */
svg:not(:root) {
  overflow: hidden;
  vertical-align: middle; }

a {
  text-decoration: underline;
  color: #00803e; }

strong, b {
  font-weight: bold; }

em, i {
  font-style: italic; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

small {
  font-size: 85%; }

sub {
  vertical-align: sub;
  font-size: smaller; }

sup {
  vertical-align: super;
  font-size: smaller;
  line-height: 0;
  font-size: 0.8em; }

/* normalize monospace sizing
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif; }

pre {
  padding: 15px;
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

hr {
  margin: 0 0 1em 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 .6em 0;
  padding: 0;
  font-family: "ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  font-weight: normal;
  color: #1f1f1f; }

h1 {
  margin: 0.593em 0 .35em 0;
  padding: 0;
  font-size: 5.4em;
  line-height: 1em;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: #dc182d; }

h1:before {
  content: "";
  background: #dc182d;
  display: block;
  height: 2px;
  margin-bottom: 19px;
  width: 45px; }

h2 {
  font-size: 4em;
  line-height: 1.2em;
  letter-spacing: -0.5px; }

h3,
h4,
h5,
h6 {
  margin: 0 0 .25em 0;
  font-size: 2.3em;
  line-height: 1.2em;
  text-transform: none;
  color: #3b3b3b; }

h4,
h5,
h6 {
  margin-bottom: .3em;
  font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.8em;
  line-height: 1.3em; }

h3 {
  letter-spacing: 0.5px; }

h4,
h5,
h6 {
  letter-spacing: 1px; }

li h3,
li h4 {
  font-size: 1.1em;
  margin-bottom: 0;
  color: #3b3b3b; }

p,
ul,
ol,
dl,
address,
blockquote {
  margin: 0 0 1.4em 0; }

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

address {
  font-style: normal;
  font-size: 1.4em;
  line-height: 1.6em;
  color: #3b3b3b; }

.subHeading p {
  font-family: "ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 2.2em;
  line-height: 1.2em;
  letter-spacing: 1px;
  color: #3b3b3b; }

p code {
  font-size: 1em; }

ul {
  list-style: none;
  margin: 0;
  padding: 0; }

ul li {
  padding: 0;
  margin: 0; }

li ul,
li ol {
  margin: 1em 0 0 0;
  /* fix for ie6 */ }

ul ul {
  margin: .45em 0 0 0; }

ol {
  list-style: decimal;
  margin: 2.1em 0 5.4em 0;
  padding: 0 0 0 2em; }

ol li {
  margin: 0 0 .45em 0; }

ol ol {
  margin: .45em 0 0 0; }

li p {
  margin-bottom: .45em; }

/* Headline List */
.richText .headlineList {
  margin: 0 0 6.4em; }

ul.headlineList li,
ol.headlineList li {
  background-position: 0 6px;
  margin: 8px 0 0 0; }

.headlineList li p {
  margin-bottom: .4em;
  margin-left: 1.1em; }

ol.headlineList li p {
  margin-left: 0; }

.headlineList li p.title {
  color: #3b3b3b;
  font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.2em !important;
  letter-spacing: 1px;
  margin: 0 0 0 0.1em;
  text-transform: uppercase; }

/* */
dl {
  margin: 0 0 2em 0; }

dt {
  margin: 1em 0 .6em 0; }

dd {
  margin: 0 0 .6em 2em; }

blockquote {
  clear: both;
  height: auto !important;
  min-height: 50px;
  margin: 1em 0;
  padding: 0 0 0 64px;
  font-family: "ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 2.3em;
  font-style: normal;
  letter-spacing: 1px;
  line-height: 1.063em;
  color: #3b3b3b; }

blockquote p {
  margin: 0 0 0.4em;
  font-size: 1em;
  line-height: 1.063em;
  color: #3b3b3b; }

blockquote cite {
  display: block;
  margin: 0 0;
  font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 0.696em;
  letter-spacing: 2px;
  line-height: 1.2em;
  color: #1f1f1f;
  text-transform: uppercase;
  font-style: normal; }

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

blockquote cite:before,
blockquote cite:after {
  content: "-";
  display: inline; }

blockquote cite:before {
  padding-right: 0.25em; }

blockquote cite:after {
  padding-left: 0.25em; }

.rttBlockquote blockquote,
.quote blockquote {
  background-image: none; }

.rttBlockquote blockquote:before,
.rttBlockquote blockquote:after,
.quote blockquote:before,
.quote blockquote:after {
  font-size: 40px;
  color: #dc1f26;
  left: 14px;
  top: 8px; }

.rttBlockquote blockquote:before,
.quote blockquote:before {
  position: absolute;
  top: 1px;
  color: #fff; }

/* Blockquote variant */
.blockquoteInCol {
  margin-top: 0;
  margin-bottom: 1.3em;
  letter-spacing: 0.5px; }

.videoContent .videoWrapper {
  padding: 1.6em;
  margin-bottom: 1.6em;
  text-align: center;
  background: #e2e3e5;
  /* Old browsers */
  background: -moz-linear-gradient(left, #e2e3e5 0%, #e2e3e5 10%, #f4f3f8 10%, #f4f3f8 90%, #e2e3e5 90%, #e2e3e5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e2e3e5), color-stop(10%, #e2e3e5), color-stop(10%, #f4f3f8), color-stop(90%, #f4f3f8), color-stop(90%, #e2e3e5), color-stop(100%, #e2e3e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #e2e3e5 0%, #e2e3e5 10%, #f4f3f8 10%, #f4f3f8 90%, #e2e3e5 90%, #e2e3e5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #e2e3e5 0%, #e2e3e5 10%, #f4f3f8 10%, #f4f3f8 90%, #e2e3e5 90%, #e2e3e5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #e2e3e5 0%, #e2e3e5 10%, #f4f3f8 10%, #f4f3f8 90%, #e2e3e5 90%, #e2e3e5 100%);
  /* IE10+ */
  background: linear-gradient(to right, #e2e3e5 0%, #e2e3e5 10%, #f4f3f8 10%, #f4f3f8 90%, #e2e3e5 90%, #e2e3e5 100%);
  /* W3C */ }

.videoContent .videoWrapper.transparent {
  padding: 1.6em;
  margin-bottom: 1.6em;
  text-align: center;
  background: #e2e3e5;
  /* Old browsers */
  background: -moz-linear-gradient(left, white 0%, white 10%, rgba(244, 243, 248, 0) 10%, rgba(244, 243, 248, 0) 90%, white 90%, white 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(10%, white), color-stop(10%, rgba(244, 243, 248, 0)), color-stop(90%, rgba(244, 243, 248, 0)), color-stop(90%, white), color-stop(100%, white));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, white 0%, white 10%, rgba(244, 243, 248, 0) 10%, rgba(244, 243, 248, 0) 90%, white 90%, white 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, white 0%, white 10%, rgba(244, 243, 248, 0) 10%, rgba(244, 243, 248, 0) 90%, white 90%, white 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, white 0%, white 10%, rgba(244, 243, 248, 0) 10%, rgba(244, 243, 248, 0) 90%, white 90%, white 100%);
  /* IE10+ */
  background: linear-gradient(to right, #ffffff 0%, #ffffff 10%, rgba(244, 243, 248, 0) 10%, rgba(244, 243, 248, 0) 90%, #ffffff 90%, #ffffff 100%);
  /* W3C */ }

.videoContentAbove .video-player-wrapper {
  clear: both; }

.ie8.hasNoMinimumFlash .video-player-wrapper .imgArea + iframe {
  display: none; }

/* Generic Table styles
---------------------------------------*/
table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%; }

tr.even {
  background: #f8f8fb; }

td {
  padding: 5px 32px;
  text-align: left;
  font-size: 1.4em; }

td:nth-child(even) {
  text-align: right; }

/* Generic Form styles
---------------------------------------*/
fieldset,
form,
legend {
  margin: 0;
  padding: 0;
  border: 0; }

legend {
  margin: .9em 0;
  font-size: 1.6em;
  font-weight: bold;
  color: #505050; }

input,
select,
textarea,
button {
  vertical-align: middle;
  border-radius: 3px;
  border: 1px solid #ccc;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  text-align: left;
  color: #333; }

/* Fix for ie8 issue where applying the font styles to the
   select can make the options unselectable. The select box
   closes when the user attempts to make a selection, often
   this will affect the first select on the page */
.ie8 select {
  color: inherit;
  font-family: inherit;
  font-size: inherit; }

.ie8 select option {
  color: #333;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1.6em; }

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
  vertical-align: text-bottom;
  border: none; }

input[type="checkbox"] {
  vertical-align: bottom;
  *vertical-align: baseline; }

/*Placeholder styling (serperate lines)*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #666; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #666; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #666; }

/* hand cursor on clickable input elements */
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer; }

/* some default styling for button element */
.content button {
  display: block;
  margin: 1em 0 2em 0;
  padding: .4em;
  width: 100%;
  border: 1px solid #666;
  outline: none;
  border-radius: 5px;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  background: #ccc; }

.content button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.content button:hover {
  border-color: #000; }

/* default input styles */
.content .field,
.content .radios,
.content .checkboxes {
  margin: 0 0 1.5em 0; }

.content label {
  display: block;
  margin: 0 0 .1em 0;
  font-weight: bold; }

.content input,
.content textarea,
.content select {
  display: block;
  width: 98%;
  padding: .1em 1%; }

.content p.fieldgroupTitle,
.content h3.fieldgroupTitle {
  margin: 0 0 .8em 0;
  padding: 0;
  font-size: 1.2em;
  font-weight: bold; }

.content .radios label,
.content .checkboxes label,
.content .radios input,
.content .checkboxes input {
  display: inline;
  width: auto;
  font-weight: normal; }

.content .fieldRadio,
.content .fieldCheckbox {
  margin: 0 0 .8em 0; }

/* CTAs
---------------------------------------*/
.iconCta {
  margin: 0;
  text-align: left; }

.iconCta li {
  background: none;
  font-family: 'ProximaNovaExCnSbold', Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.8em;
  letter-spacing: 1px;
  margin: 0 0 2px;
  padding: 0;
  position: relative;
  display: block; }

.iconCta li a {
  background: #00803e;
  color: #fff;
  display: block;
  padding: .55em 2.5em .55em 2.9em;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: background-color .2s ease-in-out;
  transition: background-color .2s ease-in-out; }

/* This is causing issues accross all CTA's */
/* == .iconCta li a:focus, */
.iconCta li a:hover {
  background-color: #017d75;
  -webkit-transition: background-color .2s ease-in-out;
  transition: background-color .2s ease-in-out; }

@media screen and (min-width: 621px) {
  .no-js .iconCta.onMixedBg [class$="Diamond56Ico"],
  .no-touch .iconCta.onMixedBg [class$="Diamond56Ico"] {
    position: relative;
    width: 7em;
    margin-top: 0;
    padding: 60px 0 0;
    z-index: 1; }

  /* white diamond (acts as border) */
  .no-js .iconCta.onMixedBg [class$="Diamond56Ico"]:after,
  .no-touch .iconCta.onMixedBg [class$="Diamond56Ico"]:after {
    top: 0;
    display: block;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    content: '\e006';
    color: #f3f3f8;
    font-family: 'glyphs28';
    font-size: 60px;
    line-height: 60px; }

  /* icon */
  .no-js .iconCta.onMixedBg [class$="Diamond56Ico"]:before,
  .no-touch .iconCta.onMixedBg [class$="Diamond56Ico"]:before {
    top: 12px;
    left: 50%;
    margin-left: -19px;
    font-size: 38px; }

  .no-js .iconCta.onMixedBg .offersDiamond56Ico:before,
  .no-touch .iconCta.onMixedBg .offersDiamond56Ico:before,
  .no-js .iconCta.onMixedBg .accessoriesDiamond56Ico:before,
  .no-touch .iconCta.onMixedBg .accessoriesDiamond56Ico:before,
  .no-js .iconCta.onMixedBg .registerYourInterestDiamond56Ico:before,
  .no-touch .iconCta.onMixedBg .registerYourInterestDiamond56Ico:before,
  .no-js .iconCta.onMixedBg .registerYourInterestFooterDiamond56Ico:before,
  .no-touch .iconCta.onMixedBg .registerYourInterestFooterDiamond56Ico:before {
    font-size: 27px;
    left: 50%;
    top: 16px;
    margin-left: -13px; }

  .no-js .iconCta.onMixedBg .registerYourInterestDiamond56Ico:before,
  .no-touch .iconCta.onMixedBg .registerYourInterestDiamond56Ico:before,
  .no-js .iconCta.onMixedBg .registerYourInterestFooterDiamond56Ico:before,
  .no-touch .iconCta.onMixedBg .registerYourInterestFooterDiamond56Ico:before {
    font-size: 25px;
    top: 17px;
    margin-left: -12px; }

  .no-js .iconCta.onMixedBg [class$="Diamond56Ico"] a,
  .no-touch .iconCta.onMixedBg [class$="Diamond56Ico"] a {
    position: static;
    bottom: -60px;
    padding: 0;
    z-index: 2; }

  /* green diamond */
  .no-js .iconCta.onMixedBg [class$="Diamond56Ico"] a:before,
  .no-touch .iconCta.onMixedBg [class$="Diamond56Ico"] a:before {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -24px;
    content: '\e006';
    color: #00803E;
    font-family: 'glyphs28';
    font-size: 48px;
    line-height: 60px;
    width: 48px;
    height: 48px;
    z-index: 2; }

  .no-touch .iconCta.onMixedBg [class$="Diamond56Ico"]:hover a:before {
    color: #017D75; } }
@media screen and (max-width: 620px) {
  .iconCta.inlineCta {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 3px solid #fff; }

  .iconCta.inlineCta li {
    display: table-cell;
    border-left: 1px solid #fff;
    position: relative;
    text-align: center; }

  .iconCta.inlineCta li:first-child {
    border: none; }

  .iconCta.inlineCta li:before {
    position: relative;
    display: inline;
    text-align: center;
    line-height: 45px;
    top: -3px;
    left: auto;
    right: auto;
    bottom: auto; }

  .iconCta.inlineCta li:after {
    display: none; }

  .iconCta.inlineCta li a {
    padding: 0;
    padding-top: 30px;
    text-align: center;
    text-transform: none;
    font-size: .8em;
    letter-spacing: 0.05em;
    position: relative;
    z-index: 1;
    margin-top: -45px; } }
/* Primary CTA
---------------------------------------*/
.primaryCta,
.secondaryCta a,
.rttSecondaryCTA a,
.secondaryCtaFull,
.reevooGroup a.reevooGroupLink,
.reevooBadgeHolder > a:first-child,
.buyNowCta {
  position: relative;
  margin: 0 0 14px;
  color: #fff;
  display: inline;
  padding: 12px 30px 12px 12px;
  text-decoration: none;
  text-transform: uppercase;
  font: 1.125em/1.5 "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
  text-align: left; }

.primaryCta {
  padding: 8px 30px 8px 12px; }

.primaryCta {
  background: #00803e;
  position: relative;
  display: inline-block; }

.primaryCta:before,
.secondaryCta a:after,
.secondaryCta a:before,
.rttSecondaryCTA a:after,
.rttSecondaryCTA a:before,
a.secondaryCtaFull:before,
.reevooGroup a.reevooGroupLink:before,
.reevooBadgeHolder > a:first-child:before {
  left: auto;
  position: absolute;
  right: 5px;
  top: 11px; }

a.secondaryCtaFull:before {
  font-size: 32px;
  top: -3px; }

.primaryCta:before {
  font-size: 32px;
  top: 4px; }

.primaryCta:focus,
.primaryCta:hover {
  background: #017d75; }

.primaryCtaFull,
.secondaryCtaFull {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* Secondary CTA
----------------------------*/
.secondaryCta,
.rttSecondaryCTA,
.reevooGroup a.reevooGroupLink,
.reevooBadgeHolder > a:first-child {
  border-top: 1px solid #CBCBCB;
  margin-top: 8px;
  padding-top: 0;
  vertical-align: top;
  line-height: 1.5;
  -webkit-transition: border .4s ease-in-out;
  transition: border .4s ease-in-out; }

.secondaryCta.simpleCta,
.reevooGroup a.reevooGroupLink,
.reevooBadgeHolder > a:first-child {
  border-top: 0;
  vertical-align: top; }

.rttSecondaryCTA {
  margin: 0 0 30px; }

.secondaryCta a,
.rttSecondaryCTA a,
.reevooGroup a.reevooGroupLink,
.reevooBadgeHolder > a:first-child {
  color: #00803e;
  margin: 0 17px 16px 0;
  padding: 0;
  font-size: 1.125em;
  vertical-align: top;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  display: inline; }

.rttSecondaryCTA a {
  font-size: 1.8em; }

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

.secondaryCta a:after,
.rttSecondaryCTA a:after,
.reevooGroup a.reevooGroupLink:after,
.reevooBadgeHolder > a:first-child:after {
  position: relative;
  right: 0;
  top: -1px; }

.rttSecondaryCTA a:after {
  right: 2px; }

.reevooBadgeHolder {
  margin-bottom: 1.2em; }

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

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

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

.reevoomark_badge {
  margin: 0 auto; }

/* 'reevoomark' replaced by 'reevoomark_badge' */
.js .reevooBadgeHolder > a:first-child {
  visibility: hidden; }

.buyNowCta {
  -moz-transition: background-color 0.25s ease-in-out;
  -o-transition: background-color 0.25s ease-in-out;
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
  margin: 0;
  padding: 8px 30px;
  font-size: 1.8em;
  background-color: #DC182D; }
  .buyNowCta .title {
    -moz-transition: border 0.25s ease-in-out;
    -o-transition: border 0.25s ease-in-out;
    -webkit-transition: border 0.25s ease-in-out;
    transition: border 0.25s ease-in-out;
    border-bottom: 1px solid transparent; }
  .buyNowCta:hover, .buyNowCta:focus {
    background-color: #C10029; }
    .buyNowCta:hover .title, .buyNowCta:focus .title {
      border-bottom: 3px solid #FFF; }

/*      CTA container
-------------------------*/
.ctaContainer {
  margin-bottom: 1.9em;
  border-top: 1px solid #d2d2d3;
  border-bottom: 1px solid #d2d2d3;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.ctaContainer:hover,
.ctaContainer:focus {
  border-bottom-color: #017d75; }

/*      External link
-------------------------*/
.externalLink {
  display: inline;
  font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.125em;
  letter-spacing: 1px;
  line-height: 1.2;
  margin: 0 28px 29px 0;
  padding: 0;
  position: relative;
  text-decoration: none;
  text-transform: uppercase; }

.externalLink:after {
  font-size: 28px;
  left: auto;
  position: relative;
  right: -7px;
  top: 3px; }

.externalLink:before {
  display: none; }

.externalLinkFullCol {
  display: block;
  margin: 0;
  padding: .65em 0; }

@media screen and (min-width: 621px) {
  .wrapper a.externalLink {
    font-size: 1.2em; } }
/*      Download link
-------------------------*/
.downloadLink,
.postLink {
  font-size: 1em;
  position: relative;
  padding: 4px 0 0 28px;
  border-top: 1px solid #CBCBCB; }

.downloadLink:before,
.postLink:before {
  color: #00803E;
  font-size: 28px;
  left: -6px;
  position: absolute;
  top: 7px; }

.downloadLink a,
.postLink label {
  position: relative;
  display: inline;
  text-transform: uppercase;
  font: 1.8em/1.5 "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
  text-decoration: none;
  letter-spacing: 1px;
  vertical-align: top; }

p.downloadLink a:before {
  position: absolute;
  left: -28px; }

.downloadLink a,
a.downloadLink {
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  border-bottom: 1px solid transparent; }

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

.downloadLinkFullCol {
  border: 0; }

.downloadLinkFullCol:hover a {
  border-top-color: #017d75; }

.downloadLinkMessage {
  display: block;
  margin: 3px 0 0;
  padding: 0;
  font-size: .812em;
  text-transform: none;
  line-height: 1.4em;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  color: #555;
  letter-spacing: 0; }

/* Search Again
---------------------------------------*/
.searchAgain,
.searchAgainTop {
  position: relative;
  display: inline;
  font-family: 'ProximaNovaExCnSbold';
  font-size: 1.6em;
  letter-spacing: 1px;
  line-height: 1;
  margin-left: 14px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: top; }

.searchAgain:before,
.searchAgainTop:before {
  position: absolute;
  top: 0;
  left: -19px; }

@-moz-document url-prefix() {
  .searchAgain:before,
  .searchAgainTop:before {
    top: 0.025em; } }
.searchAgain {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }

.searchAgain:focus,
.searchAgain:hover {
  color: #017D75;
  border-bottom: 3px solid #017D75; }

/* not used - for consistency, used :before pseudo */
.searchAgainTop .icon {
  display: none; }

/* Headline List
---------------------------------------*/
.headlineList li p.title:before,
.richText ul li:before {
  color: #dc182d;
  left: -3px;
  position: relative;
  top: 0; }

.richText .rttListHeadings ul li:before {
  top: 26px; }

.richText ul li:before {
  top: 3px; }

ol.headlineList li p.title:before {
  display: none; }

/* Linklist
---------------------------------------*/
.linkList {
  margin: 2.8em 0;
  padding: 0;
  border-top: 2px solid #00803e; }

.linkList li {
  padding: 0;
  margin: 0;
  font-size: 1.8em;
  background: transparent;
  display: block;
  position: relative; }

.linkList li:after {
  display: inline-block;
  font-size: 28px;
  position: absolute;
  right: -2px;
  top: 8px;
  color: #00803e; }

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

.linkList a {
  display: block;
  position: relative;
  padding: 10px 30px 10px 0;
  border-bottom: 1px solid #cbcbcb;
  font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
  color: #222;
  text-transform: uppercase;
  text-decoration: none; }

/* Global CTAs
---------------------------------------*/
.globalCtas {
  border-top: 1px solid #d1d1d1;
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 100%;
  white-space: nowrap;
  letter-spacing: -3px; }

.globalCtas li {
  font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 1.4em;
  letter-spacing: 1px;
  margin: 0;
  text-align: center;
  width: 33.333%;
  position: relative;
  display: inline-block;
  z-index: 10; }

.globalCtas li:before {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1.45em;
  z-index: 1;
  line-height: .8; }

.globalCtas a {
  background: #fff;
  border-left: 1px solid #d1d1d1;
  color: #3b3b3b;
  display: block;
  position: relative;
  text-decoration: none;
  padding: 3em 0 .6em; }

.globalCtas li:first-child a {
  border-left: 0; }

.slimNav .globalCtas a {
  background: transparent;
  border-left: 1px solid #5e5e5e;
  color: #f4f3f8; }

.pageFooterContainer [class$='Diamond56Ico']:before {
  color: #00803E; }

.globalCtas li:after,
.pageFooterContainer [class$='Diamond56Ico']:after {
  display: none; }

.slimNavInsert .globalCtas [class$="Diamond56Ico"]:before,
.mainHeader .globalCtas [class$="Diamond56Ico"]:before {
  color: #00803E;
  left: 50%;
  margin-left: -16px;
  top: 15px;
  font-size: 28px; }

.slimNavInsert .globalCtas [class$="Diamond56Ico"]:before {
  color: #9d9d9d; }

/* Image Caption */
.imageCaption p,
.imageCaption dl,
.imageCaption dt,
.imageCaption dd {
  display: inline;
  margin: 0; }

.imageCaption p,
.imageCaption dt,
.imageCaption dd {
  font-size: 1.3em;
  color: #757575; }

/* Signpost icon */
.contentGallery [class$='SignPostIco'] {
  display: inline-block;
  width: 48px;
  border-bottom: 3px solid #DC182D; }

/* Block Quotes */
.blockquoteInCol.speechMarksQuote45Ico:after,
.blockquoteInCol.speechMarksQuote45Ico:before {
  position: absolute;
  left: 7px; }

.blockquoteInCol.speechMarksQuote45Ico:after {
  top: 3px; }

.blockquoteInCol.speechMarksQuote45Ico:before {
  top: -9px; }

/**
 * Carousel
 */
.carousel-accessibility {
  position: absolute;
  left: -9999em; }

/* Full width mobile image */
.imgFW {
  margin: 0 -5.555%; }

.imgFW img {
  width: 100%;
  max-width: 100%;
  height: auto; }

@media screen and (min-width: 481px) and (max-width: 620px) {
  .imgFW {
    margin: 0 -7.692%; } }
/* m_95.01 Search input box */
.searchInputBox {
  margin: 0 0 32px;
  text-align: center; }

.searchInputBox input {
  padding: .6em;
  margin: 0 1em 0 0;
  box-shadow: none;
  -webkit-appearance: none;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  width: 73%;
  display: inline-block;
  vertical-align: top; }

.searchInputBox label,
.searchInputBox input,
.searchInputBox input::-webkit-input-placeholder,
.searchInputBox input::-moz-placeholder,
.searchInputBox input:-ms-input-placeholder,
.searchInputBox input:input-placeholder {
  color: #3b3b3b;
  font: 1.4em/1.5 normal Tahoma; }

.searchInputBox label {
  position: relative;
  display: inline-block;
  margin: 0;
  font-weight: normal; }

.searchInputBox label:before {
  color: #FFF;
  font-size: 2em;
  position: absolute;
  left: 0;
  padding: 0.09em 0;
  width: 1.3em;
  background: #00803E;
  border: 1px solid #399B6A; }

.searchInputBox button {
  background-color: transparent;
  border-radius: 0;
  margin: 0;
  outline: none;
  padding: 0;
  width: 2.6em;
  height: 2.5em;
  overflow: hidden;
  text-indent: -9999em;
  font-size: 1em; }

/* m_107.01 Landscape Image */
.module.landscapeImage {
  position: relative;
  margin: 0 0 32px;
  padding: 0; }

.landscapeImage hr {
  position: relative;
  top: -73px;
  width: 100%;
  border: 0;
  height: 1px;
  background: #008d36;
  z-index: 1; }

.landscapeImage .errorImage {
  height: 290px;
  width: 100%;
  z-index: 10;
  position: relative; }

/* Cookie User State */
#setUserState {
  display: none; }

@media screen and (max-width: 320px) {
  .primaryCta {
    display: block; } }
@media screen and (max-width: 621px) {
  .module.signPostLargeImage .ctaContainer.downloadLink,
  .pd .ctaContainer.downloadLink {
    padding-top: 0 !important; }

  .pd .ctaContainer,
  .productEditorialMosaic .ctaContainer,
  .module.relatedContentSingleBlock .ctaContainer,
  .module.signPostLargeImage .ctaContainer,
  .module .imageWithContentCroppedContent .ctaContainer {
    padding-top: 2px !important;
    line-height: 21px; } }
.euEmissionsText p {
  display: inline;
  font-family: Tahoma, sans-serif;
  font-size: 1.3em;
  color: #757575; }

.euEmissionsText strong {
  font-weight: normal;
  color: #3b3b3b; }

.euEmissionsText a {
  color: #757575;
  text-decoration: none;
  border-bottom: 1px solid #7ab99b;
  -webkit-transition: border-bottom 0.2s, color 0.2s;
  transition: border-bottom 0.2s, color 0.2s; }

.euEmissionsText a:hover {
  color: #017d75;
  border-bottom-width: 3px;
  border-bottom-color: #017d75; }

.portal .portalModuleDark {
  background: #0080A9; }

.portal .portalModuleDark.pd1Col .sectionAlpha h3,
.portal .portalModuleDark.pd1Col .sectionAlpha p {
  color: #fff; }

.portal .portalModule {
  background: #464D53; }

.portal .portalModule * {
  color: #fff; }

/* remove outline glow - skip to content tabIndex on #page wrapper focus fix */
#page,
#page:focus {
  outline: none; }

.ghost.section {
  display: none; }

.cq-wcm-edit .ghost.section {
  display: block; }

/* REEVOO - https://jira.lbi.co.uk/browse/HONDA-10843 */
.reevooBrandReviews {
  padding-top: 0.7em;
  line-height: normal;
  background-color: #FFF; }

html.scrollLock #outer,
html.activeModal {
  overflow: hidden; }

.modalVideoTemplate {
  display: none; }

.modalOverlay {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  z-index: 3000; }
  .modalOverlay:before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 0; }
    .no-rgba .modalOverlay:before {
      background-image: url("/etc/designs/honda/theme_inclusive/img/portal/mask_bg.png"); }
  .js .modalOverlay .modalDialog {
    display: block; }
  .modalOverlay .modalDialog.modalVideoDialog {
    display: table;
    width: 100%;
    height: 100%;
    z-index: 2;
    position: relative; }
    .modalOverlay .modalDialog.modalVideoDialog .modalVideoWrapper {
      display: table-cell;
      vertical-align: middle; }
      .modalOverlay .modalDialog.modalVideoDialog .modalVideoWrapper .video-player {
        width: 100%; }
  .cssanimations .modalOverlay:before {
    -moz-animation: hide-overlay 1s ease forwards;
    -webkit-animation: hide-overlay 1s ease forwards;
    animation: hide-overlay 1s ease forwards;
    width: 2px;
    height: 2px; }
  .cssanimations .modalOverlay .modalDialog {
    -moz-animation: hide-dialog 1s ease forwards;
    -webkit-animation: hide-dialog 1s ease forwards;
    animation: hide-dialog 1s ease forwards;
    opacity: 0; }
  .cssanimations .modalOverlay.open:before {
    -moz-animation: show-overlay 1s ease forwards;
    -webkit-animation: show-overlay 1s ease forwards;
    animation: show-overlay 1s ease forwards; }
  .cssanimations .modalOverlay.open .modalDialog {
    -moz-animation: show-dialog 1s ease forwards;
    -webkit-animation: show-dialog 1s ease forwards;
    animation: show-dialog 1s ease forwards; }

.js .modalDialog {
  display: none; }

@-moz-keyframes show-overlay {
  0% {
    width: 2px;
    height: 2px;
    opacity: 0; }
  25% {
    width: 2px;
    height: 100%;
    opacity: 1; }
  50%,
	100% {
    width: 100%;
    height: 100%;
    opacity: 1; } }
@-webkit-keyframes show-overlay {
  0% {
    width: 2px;
    height: 2px;
    opacity: 0; }
  25% {
    width: 2px;
    height: 100%;
    opacity: 1; }
  50%,
	100% {
    width: 100%;
    height: 100%;
    opacity: 1; } }
@keyframes show-overlay {
  0% {
    width: 2px;
    height: 2px;
    opacity: 0; }
  25% {
    width: 2px;
    height: 100%;
    opacity: 1; }
  50%,
	100% {
    width: 100%;
    height: 100%;
    opacity: 1; } }
@-moz-keyframes hide-overlay {
  0%,
	50% {
    width: 100%;
    height: 100%;
    opacity: 1; }
  75% {
    width: 2px;
    height: 100%;
    opacity: 1; }
  100% {
    width: 2px;
    height: 2px;
    opacity: 0; } }
@-webkit-keyframes hide-overlay {
  0%,
	50% {
    width: 100%;
    height: 100%;
    opacity: 1; }
  75% {
    width: 2px;
    height: 100%;
    opacity: 1; }
  100% {
    width: 2px;
    height: 2px;
    opacity: 0; } }
@keyframes hide-overlay {
  0%,
	50% {
    width: 100%;
    height: 100%;
    opacity: 1; }
  75% {
    width: 2px;
    height: 100%;
    opacity: 1; }
  100% {
    width: 2px;
    height: 2px;
    opacity: 0; } }
@-moz-keyframes show-dialog {
  0%,
	60% {
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0; }
  100% {
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@-webkit-keyframes show-dialog {
  0%,
	60% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes show-dialog {
  0%,
	60% {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0; }
  100% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@-moz-keyframes hide-dialog {
  0% {
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  40%,
	100% {
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0; } }
@-webkit-keyframes hide-dialog {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  40%,
	100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0; } }
@keyframes hide-dialog {
  0% {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  40%,
	100% {
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0; } }
.bookTestDrive {
    background: white;
}

.module.bookTestDrive,
.moduleFlush.bookTestDrive {
	margin-top: 0;
	padding-top: 0;
}

/* wrapperInner */
.bookTestDrive .wrapperInner {
    padding: 0;
}

.bookTestDrive .contentWrapper {
    padding: 0 5%;
}

.bookTestDrive .contentWrapper {
    padding: 0 5%;
}

/* Minor breakpoint for two column layout */
@media screen and (min-width: 480px) {
	.bookTestDrive .contentWrapper {
		padding: 0 6.6666667%;
	}
}

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

/* form amends */
.bookTestDrive .findDealer.testDrive .findDealerSearch {
	min-height: 40px;
}

.bookTestDrive.chooseDealerResults .findDealer.testDrive {
	background-color: #F4F3F8;
}

.bookTestDrive.chooseDealerResults .findDealer.testDrive .findDealerSearch {
	margin-bottom: 1em;
}

.bookTestDrive .findDealer.testDrive .dealerSearch {
	width: 100%;
}

.bookTestDrive .findDealer.testDrive .dealerSearch h3.lastViewed {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 32px 0 0;
	font-size: 1.2em;
	font-style: italic;
	border-top: 3px solid #dddddd;
}

.bookTestDrive .findDealer.testDrive .dealerSearch .formRow {
	position: relative;
}

.bookTestDrive .findDealer.testDrive .dealerSearch .formRow,
.bookTestDrive .findDealer.testDrive .balloon.text .balloonInner {
	margin: 0;
	padding-bottom: 0;
}

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

.bookTestDrive .findDealer.testDrive .dealerSearch button {
	width: 27px;
}

.bookTestDrive .findDealer.testDrive .dealerSearch .searchIco:before {
	left: auto;
	right: 0;
	width: 27px;
	height: 40px;
	content: '';
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
}

.ie8 .bookTestDrive .findDealer.testDrive .dealerSearch .searchIco:before {
	top: -12px;
}

.svg .bookTestDrive .findDealer.testDrive .dealerSearch .searchIco:before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIG5hbWU9IkNoZXZyb24gUmlnaHQgKHdoaXRlKSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOSAxNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNOC42OCA3LjA0TDMuOTkgMC4wMiAwLjI4IDBsNC43MiA3LjAzTDAgMTQuMDJsMy43LTAuMDFMOC42OCA3LjA0eiIvPgo8L3N2Zz4=");
}

.no-svg .bookTestDrive .findDealer.testDrive .dealerSearch .searchIco:before {
	background-image: url("../../img/chevron_white.png");
}

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

/* back link */
.bookTestDrive .backNavigation.module {
	margin-top: 3.2em;
}

.bookTestDrive .backNavigation .wrapperInner {
    padding: 0 5%;
}

@media screen and (min-width: 480px) {
	.bookTestDrive .backNavigation .wrapperInner {
		padding: 0 6.6666667%;
	}
}

.bookTestDrive .backNavigation.module a {
    color: #3B3B3B;
}

.bookTestDrive .backNavigation.module a:before {
    color: #00803E;
}

/* icon position defaults are set for ie - overrides for wekbit and gecko */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.backLinkMod .backNavigation a:before {
		top: -4px;
	}
}

@-moz-document url-prefix() {
	.backLinkMod .backNavigation a:before {
		top: -4px;
	}
}



#bookTestDriveResultsTabs .mapContainer.active {
    margin-bottom: -3.8em;
}
/* main wrapper
------------------------------------------- */

.orderBrochure {
	padding-top: 0;
    padding-bottom: 9.6em;
    background-color: #FFF;
}

.moduleFlush.orderBrochure {
    margin-bottom: -41px;
    padding-top: 0;
}


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

.orderBrochure .wrapperInner {
    padding: 0;
}


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

.orderBrochure .contentWrapper {
    padding: 0 5%;
}

/* Minor breakpoint for two column layout */
@media screen and (min-width: 480px) {
    .orderBrochure .contentWrapper {
		padding: 0 6.6666667%;
	}
}


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

.chooseBrochures .tabs {
    min-height: 48px;
    margin-bottom: 2.5em;
}

.chooseBrochures .tabs:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.chooseBrochures .tabs li {
    width: 49.6%;
    margin-right: 2px;
}

.chooseBrochures .tabs li:not(.active) a:hover span {
    color: #FFF;
    border-bottom-color: #FFF;
}

#orderBrochureTabs {
    clear: both;
}
/* ======================================================
BREAK POINTS
====================================================== */
.contentCarousel {
  background-color: #FFF; }

.carousel {
  position: relative;
  max-width: 992px;
  min-height: 94px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 32px; }
  .carousel * {
    -webkit-backface-visibility: hidden; }
  .carousel .carouselWrapper {
    overflow: hidden;
    margin: 0 16px; }
  .carousel ul {
    position: relative;
    left: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transition: height 0.7s ease-in-out 0.5s;
    -o-transition: height 0.7s ease-in-out 0.5s;
    -webkit-transition: height 0.7s ease-in-out;
    -webkit-transition-delay: 0.5s;
    transition: height 0.7s ease-in-out 0.5s;
    *zoom: 1; }
    .carousel ul:after {
      content: "\0020";
      display: block;
      height: 0;
      clear: both;
      overflow: hidden;
      visibility: hidden; }
    .carousel ul li {
      width: 100%;
      float: left;
      margin: 0;
      padding: 0;
      font-size: 1em; }
      .no-js .carousel ul li {
        display: block;
        float: none;
        clear: both;
        margin-bottom: 4.8em;
        *zoom: 1; }
        .no-js .carousel ul li:after {
          content: "\0020";
          display: block;
          height: 0;
          clear: both;
          overflow: hidden;
          visibility: hidden; }
  .carousel .imgArea {
    overflow: hidden;
    text-align: center; }
    .carousel .imgArea img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      background: transparent url("../../img/double_diamond.png") center center no-repeat; }
    .no-js .carousel .imgArea > img {
      display: none; }
  .carousel .copyArea {
    position: relative;
    opacity: 0;
    margin: 1.4em 0 0;
    padding: 0;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out; }
    .no-js .carousel .copyArea {
      opacity: 1; }
  .carousel .selected .copyArea {
    opacity: 1; }
  .carousel .contentTitle h2 {
    margin-bottom: 0.3em;
    font-size: 1.8em;
    font-family: "ProximaNovaExCnSbold";
    line-height: 1.2em; }
  .carousel .contentBody p {
    font-size: 1.3em !important;
    line-height: 1.5em; }
  .carousel .contentBody .richTextType,
  .carousel .contentBody .richTextType.rttExternalLink {
    margin-top: 1em;
    margin-bottom: 0;
    padding-bottom: 0;
    border: none; }
  .carousel .ctaContainer {
    margin: 32px 0 0;
    padding: 0;
    border: none; }
    .carousel .ctaContainer .rttSecondaryCTA {
      margin: -10px 0 0;
      border-top: none; }
      .carousel .ctaContainer .rttSecondaryCTA a {
        margin: 0; }
  .carousel .singleVideoInstance {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    margin: -100% 0 0;
    padding: 0 48px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
    .carousel .singleVideoInstance .video-player-wrapper {
      width: 100.1%;
      height: 100%; }
    .carousel .singleVideoInstance .videoPlayerInner,
    .carousel .singleVideoInstance iframe {
      position: relative;
      width: 100.1%;
      height: 100%; }
    .carousel .singleVideoInstance .video-trigger {
      display: none; }
  .carousel.showVideo .singleVideoInstance {
    margin-top: 0; }
  .carousel .controls {
    position: absolute;
    top: 0;
    z-index: 3;
    display: none;
    width: 32px;
    height: 55px;
    margin-top: -28px;
    text-decoration: none;
    background-color: #00803E;
    -moz-transition: background-color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out; }
    .carousel .controls:hover, .carousel .controls:active {
      background-color: #00948B; }
    .carousel .controls.prev {
      left: 0; }
    .carousel .controls.next {
      right: 0; }
    .carousel .controls .title {
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      height: 0;
      overflow: hidden;
      text-indent: 2px; }
    .carousel .controls .icon {
      position: absolute;
      top: 41%;
      left: 25%;
      width: 9px;
      height: 14px;
      margin: -8px 0 0 -5px; }
      .carousel .controls .icon:before {
        color: #FFF;
        font-size: 26px;
        font-weight: bold; }
      .carousel .controls .icon.leftChevronLargeIco:before {
        content: "\e00b"; }
    .carousel .controls.inActive, .carousel .controls.inActive:hover {
      cursor: default;
      background-color: #E6E5EA; }
      .carousel .controls.inActive .icon:before, .carousel .controls.inActive:hover .icon:before {
        color: #A1A1A1; }
    .no-js .carousel .controls {
      display: none; }
  .carousel .indicatorCounter {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    padding: 0.3em;
    color: #A5A5A5;
    font-family: "ProximaNovaExCnSbold";
    font-size: 1.4em;
    letter-spacing: 1px;
    text-align: center;
    white-space: nowrap;
    background-color: #F4F3F8; }
    .carousel .indicatorCounter span {
      color: #3B3B3B; }
    .no-js .carousel .indicatorCounter {
      display: none; }
  .carousel .indicatorSteps {
    position: relative;
    bottom: auto;
    left: 0;
    display: none;
    width: 100%;
    margin: 32px 0px 0px;
    font-size: 1px;
    line-height: 1px;
    text-align: center; }
    .carousel .indicatorSteps.interactive span {
      cursor: pointer; }
    .carousel .indicatorSteps span {
      position: relative;
      display: inline-block;
      margin: 0 1px;
      width: 23px;
      height: 4px;
      overflow: hidden;
      background-color: #CBCBCB;
      -moz-transition: background-color 0.7s ease-in-out 0.5s;
      -o-transition: background-color 0.7s ease-in-out 0.5s;
      -webkit-transition: background-color 0.7s ease-in-out;
      -webkit-transition-delay: 0.5s;
      transition: background-color 0.7s ease-in-out 0.5s; }
      .carousel .indicatorSteps span.selected {
        background-color: #DC182D; }
    .no-js .carousel .indicatorSteps {
      display: none; }
  .carousel.enabled .controls,
  .carousel.enabled .indicatorCounter,
  .carousel.enabled .indicatorSteps {
    display: block; }
  .carousel.animating ul {
    -moz-transition: all 0.7s ease-in-out 0.5s;
    -o-transition: all 0.7s ease-in-out 0.5s;
    -webkit-transition: all 0.7s ease-in-out;
    -webkit-transition-delay: 0.5s;
    transition: all 0.7s ease-in-out 0.5s; }
  .carousel.animating .indicatorSteps {
    -moz-transition: top 0.7s ease-in-out 0.5s;
    -o-transition: top 0.7s ease-in-out 0.5s;
    -webkit-transition: top 0.7s ease-in-out;
    -webkit-transition-delay: 0.5s;
    transition: top 0.7s ease-in-out 0.5s; }

.contentCarouselSmall.moduleFlush {
  padding-top: 32px;
  background-color: #F4F3F8; }
.contentCarouselSmall .carousel.enabled .indicatorCounter {
  display: none; }

.contentCarouselLarge.moduleFlush {
  padding-top: 32px; }
.contentCarouselLarge .carousel.enabled .indicatorCounter {
  display: none; }

.carouselPromo {
  padding-right: 0;
  padding-left: 0; }
  .carouselPromo .carouselWrapper {
    margin: 0;
    padding: 0; }
  .carouselPromo .copyArea {
    padding-right: 48px;
    padding-left: 48px; }
  .carouselPromo .controls {
    margin-top: -39px; }
  .carouselPromo.enabled .indicatorSteps {
    display: none; }

.contentGallery {
  background-color: #FFF; }
  .contentGallery.module {
    margin-bottom: 32px; }
  .contentGallery.moduleFlush {
    padding-top: 32px;
    padding-bottom: 32px; }
  .contentGallery .intro {
    text-align: center; }
    .contentGallery .intro h2 {
      position: relative;
      margin-bottom: 32px;
      padding-bottom: 28px;
      letter-spacing: -1px;
      text-transform: uppercase;
      border-bottom: 1px solid #DCDCDE; }
      .contentGallery .intro h2:after {
        position: absolute;
        bottom: -0.5em;
        left: 45%;
        width: 33px;
        margin-left: 0;
        content: "\e00d";
        color: #DC182D;
        font-family: "glyphs14";
        font-size: 14px;
        line-height: 1;
        text-align: center;
        background-color: #FFF;
        width: 10%; }
    .contentGallery .intro p {
      margin: 0 0 14px;
      color: #3B3B3B;
      font-family: "ProximaNovaExCnLight";
      font-size: 2.3em;
      line-height: 1.2em; }
    .contentGallery .intro .rttSecondaryCTA {
      position: relative;
      margin-bottom: 16px;
      padding-top: 0;
      text-align: left;
      border-top: none; }
      .contentGallery .intro .rttSecondaryCTA a {
        display: block;
        margin-right: 0;
        padding-right: 22px; }
        .contentGallery .intro .rttSecondaryCTA a:after {
          position: absolute;
          top: 0;
          right: -10px; }
  .contentGallery .carousel {
    padding: 0; }
    .contentGallery .carousel .carouselWrapper {
      margin-left: 0;
      margin-right: 0;
      padding-bottom: 0; }
    .contentGallery .carousel .copyArea {
      padding-left: 48px;
      padding-right: 48px; }
    .contentGallery .carousel .controls {
      margin-top: -39px; }
    .contentGallery .carousel.enabled .indicatorSteps {
      display: none; }

.contentGallery .carousel .indicatorCounter {
  background-color: #FFF; }

.moduleThemeAlpha .carousel .indicatorCounter,
.moduleThemeAlpha .intro h2:after {
  background-color: #161414; }

.moduleThemeBeta .carousel .indicatorCounter,
.moduleThemeBeta .intro h2:after {
  background-color: #3A4247; }

.moduleThemeAlpha .carousel .indicatorCounter span,
.moduleThemeAlpha .intro h2:after,
.moduleThemeAlpha .intro p,
.moduleThemeBeta .carousel .indicatorCounter span,
.moduleThemeBeta .intro h2:after,
.moduleThemeBeta .intro p {
  color: #FFF; }

.moduleThemeLight.moduleThemeIota .carousel .indicatorCounter,
.moduleThemeLight.moduleThemeIota .intro h2:after {
  background-color: #E3E3E9; }

.cq-wcm-edit .carousel .carouselItem {
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 2em; }
.imgWrapper,
.cropper {
	margin: 0 -5.56%;
}

.cropDesktop {
	display: none;
}

.cropMobile {
	display: block;
}

.imgWrapper img,
.cropper img {
	height: auto;
	width: 100%;
}

@media screen and (min-width: 480px) and (max-width: 620px) {
	.imgWrapper,
	.cropper {
		margin: 0 -7.692%;
	}
}
/* date picker
------------------------------------------- */

.picker,
.picker__input {
/*    max-width: 384px;*/
}

.picker {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.picker__input {
    cursor: default;
}

.picker__input--active {
    border: 2px solid #017D75;
}


/* main containers/wrappers
------------------------------------------- */

.picker__holder {
    position: relative;
    max-height: 0;
    overflow: hidden;
    margin: 1px 0 0;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.picker--opened .picker__holder {
    max-height: 35em;
}

/* wrapper sets the stage to vertically align the box contents */
.picker__wrap {
    display: table;
    width: 100%;
    height: 100%;
}

/* box contains all the picker contents */
.picker__box {
    display: table-cell;
    vertical-align: middle;
    background-color: #FFF;
}


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

.picker__header {
    position: relative;
    padding: 1.2em 0;
    color: #FFF;
    text-align: center;
    overflow: hidden;
    background-color: #00803E;
}

/* month and year labels */
.picker__month,
.picker__year {
    display: inline-block;
    margin: 0 0.1em;
    font-size: 2.2em;
    line-height: 0.8;
    text-transform: uppercase;
}

.picker__month {
    font-family: "ProximaNovaExCnSbold";
}

.picker__year {
    font-family: "ProximaNovaExCnLight";
}

/* next/prev month navigation */
.picker__nav--prev,
.picker__nav--next {
    position: absolute;
    top: 0;
    padding: 0.7em 2em;
    cursor: pointer;
}

.picker__nav--prev {
    left: 0;
}

.picker__nav--next {
    right: 0;
}

/* use '.picker' for selector override */
.picker .picker__nav--prev:before,
.picker .picker__nav--next:before {
    font-size: 28px;
    font-weight: bold;
}

.picker__nav--disabled {
	display: none;
}


/* table of dates
------------------------------------------- */

.picker__table {
    width: 100%;
    table-layout: fixed;
    font-size: inherit;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}

.picker__table th,
.picker__table td {
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 0.8em;
    text-align: center;
}

/* clean up m_128!!! */
.chooseBook .picker__table td,
.chooseBook .picker__table td:first-child,
.chooseBook .picker__table td:last-child {
    padding: 0;
}

.picker__table th:first-child,
.picker__table th:last-child,
.picker__table td:first-child,
.picker__table td:last-child {
    color: #AAA9B0;
}

/* weekday labels */
.picker__table th {
    width: 14.285714286%;
    padding: 0.7em 0;
    color: #000;
    font-family: "ProximaNovaExCnSReg";
    font-size: 1.8em;
    font-weight: normal;
    text-transform: uppercase;
}

/* days on the calendar */
.picker__table td {
    font-size: 1.4em;
}

.picker__day {
    position: relative;
    max-width: 2.6em;
    margin: 0 auto;
    padding: 0.9em 0;
}

/* days for prev and next months */
.picker__day--outfocus {
    display: none;
}

/* standard day */
.picker__day--infocus:before {
    position: absolute;
    top: 2em;
    left: 50%;
    margin: 0 0 0 -0.6em;
    content: "";
    height: 1px;
    width: 1.2em;
    background-color: #017D75;
}

.picker__day--infocus:hover {
    cursor: pointer;
    color: #FFF;
    font-weight: bold;
    background-color: #017d75;
}

.picker__day--infocus:hover:before {
    display: none;
}

/* today */
.picker__day--today:before {
    top: auto;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    margin: 0;
    background-color: #920010;
}

/* previous state */
.picker__day--previous:before {
    display: none;
}

/* selected state */
.picker__day--selected,
.picker__day--selected:hover {
    color: #FFF;
    font-weight: bold;
    background-color: #DC182D;
}

.picker__day--selected:before {
    display: none;
}

.picker__day--selected.picker__day--today:before {
    display: block;
}

/* disabled state */
.picker__day--disabled,
.picker__day--disabled:hover {
    color: #ccc;
    text-decoration: line-through;
}

.picker__day--disabled:hover {
	cursor: default;
	font-weight: normal;
	background-color: transparent;
}

.picker__day--disabled:before {
	display: none;
}

/* highlighted state? */


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

.picker__footer {
    padding: 0.8em 0 1.4em;
    text-align: center;
}

/* use '.picker' for selector override */
.picker .picker__button--clear,
.picker .picker__button--close {
    display: none;
}

.picker .picker__button--today {
    width: auto;
    margin: 0 auto;
    padding: 0.1em 0;
    font-family: "ProximaNovaExCnSbold";
    font-size: 1.8em;
    line-height: 1;
    text-transform: uppercase;
    border-color: #920010;
    border-style: solid;
    border-width: 0 0 4px;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.picker .picker__button--today:hover {
    color: #017d75;
    border-color: #017d75;
}

.picker .picker__button--close,
.picker .picker__button--close--trigger {
    position: absolute;
    top: 0;
    top: -36px;
    display: none;
    right: 5px;
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 15px;
    overflow: hidden;
    text-indent: -10em;
    border: none;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE0IDE0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cmVjdCB4PSItMC45IiB5PSI0LjkiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3IC0wLjcwNzIgMC43MDcyIDAuNzA3IC0yLjg2NCA2LjkxODIpIiBmaWxsPSIjZTZlNWU5IiB3aWR0aD0iMTUuNyIgaGVpZ2h0PSIzLjkiLz48cmVjdCB4PSItMC45IiB5PSI1IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDYuOTE1OCAtMi44NjQzKSIgZmlsbD0iI2U2ZTVlOSIgd2lkdGg9IjE1LjciIGhlaWdodD0iMy45Ii8+PC9zdmc+");
    background-position: center center;
    background-repeat: no-repeat;
}

.picker .picker__button--close--trigger:hover {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTQgMTQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE0IDE0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cmVjdCB4PSItMC45IiB5PSI0LjkiIHRyYW5zZm9ybT0ibWF0cml4KDAuNzA3IC0wLjcwNzIgMC43MDcyIDAuNzA3IC0yLjg2NCA2LjkxODIpIiBmaWxsPSIjMDE3ZDc1IiB3aWR0aD0iMTUuNyIgaGVpZ2h0PSIzLjkiLz48cmVjdCB4PSItMC45IiB5PSI1IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDYuOTE1OCAtMi44NjQzKSIgZmlsbD0iIzAxN2Q3NSIgd2lkdGg9IjE1LjciIGhlaWdodD0iMy45Ii8+PC9zdmc+");
}

.picker--opened .picker__button--close--trigger {
    display: block;
}

.helpers {
    background-image: url(../../img/icons/helper-icons-low-res.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}

.hoverText {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.dealerCTAs a {
    position: relative;
    display: block;
    margin-bottom: -1px;
    padding: 12px 0;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    color: #222222;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: "ProximaNovaExCnSbold";
    font-size: 0.9em;
}

.dealerCTAs .last a {
    border-bottom: 0;
}

.dealerCTAs a:hover {
    z-index: 1;
    border-color: #017d75;
    color: #017d75;
}

.dealerCTAs a:hover .title {
    border-bottom: 0;
}

.dealerCTAs li span {
    vertical-align: middle;
}

.dealerCTAs .rightIcon.rightChevronSmallIco:before {
    font-size: 21px;
    font-weight: bold;
    position: absolute;
    top: -5px;
    left: -8px;
    color: #00803E;
}

.dealerCTAs .rightIcon {
    display: block;
    width: 7px;
    height: 10px;
    margin-top: -5px;
    position: absolute;
    right: 0;
    top: 50%;
}


/* opening hours - table */
/* ------------------------------------------- */

.dealer dt,
.dealer dd,
.chooseBook dd,
.chooseBook dt {
	margin: 0;
	padding: 0.4em 0;
	font-size: 1.4em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dealer dt:nth-of-type(even),
.dealer dd:nth-of-type(even),
.chooseBook dt:nth-of-type(even),
.chooseBook dd:nth-of-type(even) {
    background-color: #f8f8fb;
}

.dealer dt,
.chooseBook dt {
	width: 40%;
	float: left;
	padding-left: 48px;
}

.dealer dd,
.chooseBook dd {
	padding-left: 40%;
	padding-right: 30px;
}

.dealer dd:after,
.chooseBook dd:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.dealer dd .morning,
.dealer dd .evening,
.chooseBook dd .morning,
.chooseBook dd .evening {
	display: inline-block;
    width: 48%;
    min-width: 100px;
    padding-left: 1em;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dealer dd .divider,
.chooseBook dd .divider {
    display: none;
}

/* icon */
.dealer .openingTimesIco,
.chooseBook .openingTimesIco {
    position: relative;
}

.dealer .openingTimesIco:before,
.chooseBook .openingTimesIco:before {
    position: absolute;
    top: 0.4em;
    left: 16px;
    font-size: 22px;
    color: #9d9d9d;
}


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

.dealer .noticeWrapper,
.chooseBook .noticeWrapper {
    padding: 2em 0 1em;
    background: #f4f3f8;
}

.dealer .noticeContent,
.chooseBook .noticeContent {
    padding: 0 5%;
}

.dealer .noticeContent h3,
.chooseBook .noticeContent h3 {
    margin-bottom: 0.7em;
    font-family: 'ProximaNovaExCnSbold', Tahoma, Arial, sans-serif;
    font-size: 1.8em;
    color: #3b3b3b;
}

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

/* clear fix to address clearing of parsys in the CMS */
.formBuilder:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.formBuilderModule {
    background-color: #FFF;
}

.formBuilderModule .wrapperInner {
    padding: 0;
}

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

.contentWrapper .formBuilder .accordionForm {
    margin-right: 0;
	margin-left: 0;
}

/* Minor breakpoint for two column layout */
@media screen and (min-width: 480px) {
	.contentWrapper .formBuilder {
    	margin-right: -7.6%;
    	margin-left: -7.6%;
    }
}


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

.formBuilder .errorMessage,
.formBuilder .formSectionDescription,
.formBuilder .formFieldControlGroup label,
.formBuilder .formFieldControlGroup .desc,
.formBuilder .submitContainer {
    padding-right: 5%;
    padding-left: 5%;
}

.formBuilder .formFieldControlGroup.toggle .desc {
	padding-left: 0;
	padding-right: 0;
}

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


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

.formBuilder .errorMessage {
    margin-bottom: 0.8em;
    background-color: #FFBE00;
}

.formBuilder .errorMessage .message {
    position: relative;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 45px;
}

.formBuilder .errorMessage .message:before {
    position: absolute;
    top: 8px;
    left: 0;
    height: 22px;
    width: 22px;
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjFweCIKCSBoZWlnaHQ9IjIxcHgiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjEgMjEiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iTGF5ZXJfMiI+Cgk8cmVjdCB4PSI3IiB5PSIzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iNyIgaGVpZ2h0PSIxNSIvPgo8L2c+CjxnIGlkPSJMYXllcl8xIj4KCTxwYXRoIGZpbGw9IiMzQjNCM0IiIGQ9Ik0xMC40NjIsMEM0LjY4NCwwLDAsNC42ODQsMCwxMC40NjJjMCw1Ljc3OCw0LjY4NCwxMC40NjIsMTAuNDYyLDEwLjQ2MgoJCWM1Ljc3OCwwLDEwLjQ2Mi00LjY4NSwxMC40NjItMTAuNDYyQzIwLjkyNSw0LjY4NCwxNi4yNCwwLDEwLjQ2MiwweiBNOS4xNDYsMy43NjdjMC4wODctMC4wOTEsMC4yMDktMC4xNDMsMC4zMzUtMC4xNDNoMS45NjEKCQljMC4xMjcsMCwwLjI0NywwLjA1MiwwLjMzNiwwLjE0M2MwLjA4NywwLjA5LDAuMTM0LDAuMjEzLDAuMTI5LDAuMzRsLTAuMjg5LDguMDAzYy0wLjAxLDAuMjUtMC4yMTUsMC40NDktMC40NjYsMC40NDlIOS43ODgKCQljLTAuMjUsMC0wLjQ1Ni0wLjE5OS0wLjQ2NS0wLjQ0OEw5LjAxNyw0LjEwN0M5LjAxMiwzLjk4MSw5LjA1OSwzLjg1OCw5LjE0NiwzLjc2N3ogTTEwLjQ1NCwxNy4zMDEKCQljLTAuODQ0LDAtMS41NTgtMC43MjEtMS41NTgtMS41NzVjMC0wLjg1OCwwLjY5OS0xLjU1OCwxLjU1OC0xLjU1OGMwLjg2OSwwLDEuNTc2LDAuNjk5LDEuNTc2LDEuNTU4CgkJQzEyLjAyOSwxNi41OTUsMTEuMzIyLDE3LjMwMSwxMC40NTQsMTcuMzAxeiIvPgo8L2c+Cjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 0 1px;
}

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

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

/* overriddes for the main form error */
.formBuilder .errorMessage.formError {
    margin-bottom: 0;
    display: none;
}

.formBuilder .errorMessage.formError .message {
    min-height: 45px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.formBuilder .errorMessage.formError .message:before {
    width: 25px;
    height: 54px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjVweCIKCSBoZWlnaHQ9IjUzcHgiIHZpZXdCb3g9IjAgMCAyNSA1MyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjUgNTMiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iTGF5ZXJfMiI+Cgk8cmVjdCB4PSI4IiB5PSIzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iOSIgaGVpZ2h0PSIxOCIvPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQuODQ0LDM1Ljk2OWwtMS4yMTksMi44MTJjMCwwLTIuMTA3LTAuMTktMi4xODgsMi4xODhzMC44NDQsMi42NTYsMS44NDQsMwoJCWMwLjM0NCwxLjMxMiwyLjM1Miw4LjQ2OSw4LjkyNiw4LjQ2OXM4LjQ0OS02LjY3Niw4Ljg1NS04LjI3NWMxLjA5NC0wLjU2OCwyLjI4LTEuMjcxLDEuODc1LTMuMzE4cy0xLjM0OS0xLjc4NC0yLjA2Mi0xLjkwNgoJCWMtMC43MTktMS44NDQtMS4zNDQtMy4zMTItMS43MTktMy40NjkiLz4KPC9nPgo8ZyBpZD0iTGF5ZXJfMSI+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZmlsbD0iIzNCM0IzQiIgZD0iTTE2LjIzMSw0MS44MTRjLTAuNjQ3LDAtMS4xNzMsMC41MjUtMS4xNzMsMS4xNzRzMC41MjUsMS4xNzQsMS4xNzMsMS4xNzQKCQkJCWMwLjY0OCwwLDEuMTc0LTAuNTI1LDEuMTc0LTEuMTc0UzE2Ljg4LDQxLjgxNCwxNi4yMzEsNDEuODE0eiBNOS4zNTYsNDIuOTg4YzAtMC42NDgtMC41MjUtMS4xNzQtMS4xNzQtMS4xNzQKCQkJCXMtMS4xNzQsMC41MjUtMS4xNzQsMS4xNzRzMC41MjUsMS4xNzQsMS4xNzQsMS4xNzRTOS4zNTYsNDMuNjM3LDkuMzU2LDQyLjk4OHogTTIxLjIxMiwzOC4yODYKCQkJCWMtMS4zNjgtNC4zNDQtNC45MzEtNy4yMjctOS4wMDQtNy4yMjdjLTQuMDcyLDAtNy42MzYsMi44ODMtOS4wMDQsNy4yMjdjLTEuMzM1LDAuMDA2LTIuMzgsMS4zNjItMi4zOCwzLjA5MwoJCQkJYzAsMS41ODIsMC44NzMsMi44NTEsMi4wNDMsMy4wNjFDMy44MzgsNDkuNDI4LDcuNzAyLDUzLDEyLjIwOCw1M2M0LjUwNSwwLDguMzctMy41NzIsOS4zNDEtOC41NjEKCQkJCWMxLjE3LTAuMjExLDIuMDQyLTEuNDc5LDIuMDQyLTMuMDYxQzIzLjU5MSwzOS42NDgsMjIuNTQ3LDM4LjI5MywyMS4yMTIsMzguMjg2eiBNMjEuMTIyLDQzLjMwNQoJCQkJYy0wLjMxOS0wLjA0NC0wLjU4OSwwLjE4LTAuNjM4LDAuNDg3Yy0wLjcyNSw0LjY2My00LjIwNyw4LjA0OC04LjI3Nyw4LjA0OGMtNC4wNywwLTcuNTUyLTMuMzg1LTguMjc3LTguMDQ4CgkJCQljLTAuMDQ1LTAuMjg1LTAuMjktMC40OTEtMC41NzItMC40OTFjLTAuMDIxLDAtMC4wNDIsMC4wMDEtMC4wNjQsMC4wMDRjLTAuNjc2LDAuMDcyLTEuMzExLTAuODM1LTEuMzExLTEuOTI2CgkJCQljMC0xLjE2NCwwLjY2My0yLjE1LDEuNDU2LTEuODk1YzAuMTUyLDAuMDQ5LDAuMzE2LDAuMDM0LDAuNDU2LTAuMDQyYzAuMTQtMC4wNzYsMC4yNDItMC4yMDYsMC4yODMtMC4zNTgKCQkJCWMwLjIwMi0wLjc1LDAuNDc3LTEuNDUzLDAuODExLTIuMTA0YzEuMzE3LDAuMzgzLDMuMTAzLDAuMjQ5LDUuMjU2LTAuMzk2Yy0wLjUxMiwwLjgyNi0xLjQ0LDEuNzg1LTIuMDYyLDEuNzg1CgkJCQljLTAuMjkzLDAtMC41NDEsMC4yMjEtMC41NzYsMC41MTJjLTAuMDM1LDAuMjkxLDAuMTU0LDAuNTYyLDAuNDM5LDAuNjMyYzAuNzUzLDAuMTg0LDEuNTU4LDAuMjc2LDIuMzkzLDAuMjc2CgkJCQljMy41NjUsMCw3LjMzMy0xLjczNiw4LjY2My0zLjM5NGMwLjQ4MiwwLjgwNywwLjg3MSwxLjcwOCwxLjEzNiwyLjY4OGMwLjA0MSwwLjE1MiwwLjE0MywwLjI4MiwwLjI4MiwwLjM1OAoJCQkJYzAuMTM5LDAuMDc1LDAuMzAzLDAuMDkyLDAuNDUzLDAuMDQzYzAuMDgtMC4wMjUsMC4xNTgtMC4wMzgsMC4yMy0wLjAzOGMwLjY2NiwwLDEuMjI5LDAuODg1LDEuMjI5LDEuOTMzCgkJCQlDMjIuNDMyLDQyLjQ2OSwyMS43OTcsNDMuMzc5LDIxLjEyMiw0My4zMDV6IE0xNC41MTQsNDguMzE0SDkuNTIzYy0wLjMyLDAtMC41OCwwLjIxMy0wLjU4LDAuNTMzYzAsMC4zMTksMC4yNiwwLjQzOCwwLjU4LDAuNDM4CgkJCQloNC45OTFjMC4zMiwwLDAuNTc5LTAuMTY1LDAuNTc5LTAuNDg1QzE1LjA5Myw0OC40OCwxNC44MzQsNDguMzE0LDE0LjUxNCw0OC4zMTR6Ii8+CgkJPC9nPgoJPC9nPgoJPHBhdGggZmlsbD0iIzNCM0IzQiIgZD0iTTEyLjM2MiwwQzYuMDc5LDAsMC45NjgsNS4xMSwwLjk2OCwxMS4zOTNjMCwzLjA0NiwxLjE4Niw1LjkwOCwzLjMzOSw4LjA2bDcuNyw3LjY5OAoJCWMwLjA5OCwwLjA5OSwwLjIyNiwwLjE0NywwLjM1NSwwLjE0N2MwLjEyOCwwLDAuMjU2LTAuMDQ5LDAuMzU0LTAuMTQ3bDcuNjk2LTcuNjk3YzIuMTU0LTIuMTUxLDMuMzQyLTUuMDE1LDMuMzQyLTguMDYxCgkJQzIzLjc1NCw1LjExLDE4LjY0MywwLDEyLjM2MiwweiBNMTAuOTQzLDUuMzI0YzAuMDk0LTAuMDk3LDAuMjI1LTAuMTUzLDAuMzYxLTAuMTUzaDIuMTEzYzAuMTM3LDAsMC4yNjcsMC4wNTYsMC4zNjEsMC4xNTMKCQljMC4wOTUsMC4wOTksMC4xNDYsMC4yMywwLjE0MSwwLjM2N2wtMC4zMTMsOC42MjJjLTAuMDA5LDAuMjctMC4yMywwLjQ4Mi0wLjUsMC40ODJoLTEuNDcyYy0wLjI3LDAtMC40OTEtMC4yMTMtMC41MDEtMC40ODIKCQlsLTAuMzMtOC42MjJDMTAuNzk4LDUuNTU2LDEwLjg0OCw1LjQyMywxMC45NDMsNS4zMjR6IE0xMi4zNTEsMTkuOTA2Yy0wLjkxLDAtMS42NzktMC43NzctMS42NzktMS42OTYKCQljMC0wLjkyNiwwLjc1My0xLjY4LDEuNjc5LTEuNjhjMC45MzYsMCwxLjY5OCwwLjc1NCwxLjY5OCwxLjY4QzE0LjA0OSwxOS4xNDYsMTMuMjg3LDE5LjkwNiwxMi4zNTEsMTkuOTA2eiIvPgo8L2c+Cjwvc3ZnPg==);
}

/* svg icon fallback */
.no-svg .formBuilder .errorMessage .message:before {
    background-image: url('../../img/icons/form-icons.png');
    background-position: 0 -98px;
}

.no-svg .formBuilder .errorMessage.formError .message:before {
    background-image: url('../../img/icons/form-icons.png');
    background-position: 0 -128px;
}


/* section description
------------------------------------------- */

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

.formBuilder .formSectionDescription {
    background-color: #FFF;
    margin-bottom: 3.2em;
}

.formBuilder .formSectionDescription .heading {
    margin: 0 0 0.4em;
}

.formBuilder .formSectionDescription .heading h2 {
    display: block;
    margin: 0;
    color: #3B3B3B;
    font-family: 'ProximaNovaExCnLight';
    font-size: 4em;
    font-weight: normal;
    line-height: 1;
}

.formBuilder .formSectionDescription .content {
    margin: 0;
}

.formBuilder .formSectionDescription .content p {
    color: #7D7D7D;
    font-size: 1.5em;
}

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


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

.formBuilder .formField {
    padding-top: 2.8em;
    padding-bottom: 3.6em;
    background-color: #F4F3F8;
}

.formBuilder .formField + .formField {
    padding-top: 0;
}

/* amends for html added by cms */
.formBuilder fieldset .section {
    clear: both;
}

/*
.formBuilder .fieldset.section {
    margin-top: 6.4em;
}
*/

.formBuilder .fieldset.section:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.formBuilder .formFieldLinkedTarget {
	clear: both;
}

.formBuilder fieldset .section + .section,
.formBuilder .accordionForm .section + .section,
.formBuilder .formFieldLinkedTarget,
.formBuilder .formFieldLinkedTarget .formField + .formField,
.formBuilder .formFieldLinkedTarget + .formField {
    margin-top: -2.8em;
}

/* heading */
.formBuilder .formField .heading {
    position: relative;
    margin-bottom: 0.4em;
}

.formBuilder .formField .heading label,
.formBuilder .formField .heading .title {
    display: block;
    margin: 0;
    color: #333;
    font-family: 'ProximaNovaExCnSbold';
    font-size: 1.8em;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1.4;
    text-transform: uppercase;
}

.formBuilder .formField .heading label b,
.formBuilder .formField .heading .title b {
	font-weight: normal;
	border-bottom: 1px dotted #333;
}

/* required message (right aligned) */
.formBuilder .formField .heading .requiredMessage {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    margin-bottom: 0;
    color: #757575;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 1.3em !important;
    line-height: 1.4;
    text-align: right;
}

/* required message (right aligned) - show only the first in a group */
.formBuilder .formSectionDescription + .formField .heading .requiredMessage,
.formBuilder .fieldset .section:first-child > .formField:first-child .heading .requiredMessage {
    display: block;
}

.formBuilder .formSectionDescription + .formField .heading label,
.formBuilder .formSectionDescription + .formField .heading .title,
.formBuilder .fieldset .section:first-child > .formField:first-child .heading label,
.formBuilder .fieldset .section:first-child > .formField:first-child .heading .title {
    padding-right: 6em;
}

/* content area */
.formBuilder .formField .content {
    position: relative;
}

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

/* field description text */
.formBuilder .formField .desc {
    margin-bottom: 8px;
    color: #333;
    font-size: 1.5em;
    line-height: 1.3em;
}

.formBuilder .formField .heading + .content > .desc:first-child {
	margin-top: 12px;
}


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

.formBuilder .formField .help {
    position: relative;
    min-height: 36px;
    margin-bottom: 0.8em;
}

.formBuilder .formField .help .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    overflow: hidden;
    text-indent: -10em;
    z-index: 1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzZweCIKCSBoZWlnaHQ9IjM2cHgiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzYgMzYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iTGF5ZXJfMyI+Cgk8cGF0aCBmaWxsPSIjMDA4MDNFIiBkPSJNMjUuMzgzLDFjLTUuMzExLDAtOS42MTYsNC4zMDYtOS42MTYsOS42MTZjMCw1LjMxMiw0LjMwNiw5LjYxNyw5LjYxNiw5LjYxNwoJCWM1LjMxMiwwLDkuNjE3LTQuMzA2LDkuNjE3LTkuNjE3QzM1LDUuMzA2LDMwLjY5NCwxLDI1LjM4MywxeiBNMjUuMzM1LDE3LjIwN2MtMC44MTEsMC0xLjQ5My0wLjY3Ny0xLjQ5My0xLjQ3OQoJCWMwLTAuOCwwLjY4My0xLjQ3OCwxLjQ5My0xLjQ3OGMwLjgxNCwwLDEuNDc4LDAuNjYzLDEuNDc4LDEuNDc4UzI2LjE0OSwxNy4yMDcsMjUuMzM1LDE3LjIwN3ogTTI2LjkxNSw5LjY1NwoJCWMtMC4zOTIsMC41MjItMC43MjksMC45NzEtMC43MjksMS41NDFjMCwwLjE4NCwwLjA5LDAuNDAzLDAuMTcyLDAuNTA0YzAuMDkxLDAuMTExLDAuMTIyLDAuMjYsMC4wODgsMC4zOTcKCQljLTAuMDM2LDAuMTM4LTAuMTM2LDAuMjUxLTAuMjcsMC4zMDVsLTEuMjg1LDAuNTEzYy0wLjA1NSwwLjAyMi0wLjExLDAuMDMzLTAuMTY3LDAuMDMzYy0wLjEzOSwwLTAuMjczLTAuMDY0LTAuMzYxLTAuMTgzCgkJYy0wLjMyNC0wLjQzOS0wLjQ5LTAuOTk0LTAuNDktMS42NDdjMC0xLjEwNCwwLjQ5My0xLjc2NywwLjkyOS0yLjM1YzAuMzYyLTAuNDg3LDAuNjQ4LTAuODcxLDAuNjQ4LTEuNDYxCgkJYzAtMC4yODUtMC4xOC0wLjcwNy0wLjU2NS0wLjcwN2MtMC4yMTYsMC0wLjM4NiwwLjA1NS0wLjYxLDAuMzQyYy0wLjA4OSwwLjExNC0wLjIzMiwwLjE4Ny0wLjM3MSwwLjE3MQoJCWMtMC4xNDQtMC4wMDUtMC4yNzUtMC4wNzktMC4zNTYtMC4xOTlMMjIuODQsNS44NTRjLTAuMTE0LTAuMTcyLTAuMDk5LTAuNDAyLDAuMDQzLTAuNTU0YzAuNjMtMC42ODQsMS40NzMtMS4wNjEsMi4zNzItMS4wNjEKCQljMS41OTMsMCwyLjc0NywxLjE1NiwyLjc0NywyLjc0OEMyOC4wMDIsOC4yMDgsMjcuNDI1LDguOTc5LDI2LjkxNSw5LjY1N3oiLz4KPC9nPgo8ZyBpZD0iTGF5ZXJfMiI+Cgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTIuMzUxLDE0LjQ1NmMzLjMyMiwwLjE1NCw2LjAwNiwzLjAxNSw2Ljc3MSw2LjgxOGMwLjEwOC0wLjAzMSwwLjIyMi0wLjA0OCwwLjMzNi0wLjA0MwoJCWMwLjgyMywwLjAzOCwxLjQ0MywxLjA3MSwxLjM4NiwyLjMwNnMtMC43NzEsMi4yMDQtMS41OTQsMi4xNjZjLTAuMDQtMC4wMDItMC4wOC0wLjAwOC0wLjExOC0wLjAxNQoJCWMtMC44MjIsNC4yOS00LDcuNDI5LTcuNjQxLDcuMjZjLTMuNjQxLTAuMTctNi41MTUtMy41ODktNi45MzYtNy45MzdjLTAuMDQxLDAuMDAzLTAuMDgsMC4wMDQtMC4xMjIsMC4wMDMKCQljLTAuODIxLTAuMDM4LTEuNDQxLTEuMDctMS4zODQtMi4zMDVjMC4wNTgtMS4yMzQsMC43NzEtMi4yMDUsMS41OTItMi4xNjdjMC4xMTYsMC4wMDYsMC4yMjcsMC4wMzIsMC4zMzMsMC4wNzUKCQlDNi4wODksMTYuOSw5LjAyNywxNC4zMDEsMTIuMzUxLDE0LjQ1NiBNMTIuNDQ1LDEyLjQxMmMtMy44MDgtMC4xNzYtNy4yNjksMi4zMDQtOC45NTIsNi4yODljLTEuMzgzLDAuNTI5LTIuNCwyLjA0Mi0yLjQ4NywzLjkxNAoJCWMtMC4wNzgsMS42NzEsMC42MDksMy4xMjUsMS43MDIsMy44ODRjMC45NDcsNC44MDIsNC40NDUsOC4yOTYsOC42ODgsOC40OTNjNC4yNDMsMC4xOTYsOC4wNDktMi45NTgsOS40MzYtNy42NTEKCQljMS4xNTktMC42NTUsMS45NzgtMi4wMzgsMi4wNTYtMy43MDljMC4wODctMS44NzItMC43ODUtMy40NzEtMi4xMTItNC4xMjhDMTkuNDY5LDE1LjM4LDE2LjI1MywxMi41ODksMTIuNDQ1LDEyLjQxMgoJCUwxMi40NDUsMTIuNDEyeiIvPgo8L2c+CjxnIGlkPSJMYXllcl80Ij4KCTxnPgoJCTxnPgoJCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTIxLjMyMiwyMi41ODNjMC0xLjAwNS0wLjgxNC0xLjgxOC0xLjgxOC0xLjgxOAoJCQkJYy0wLjEyNiwwLTAuMjQ5LDAuMDEzLTAuMzY3LDAuMDM3Yy0wLjgyMy0zLjAyOC0yLjgzNS01LjY0NS03LjI0LTUuNjQ1Yy00LjYzMiwwLTYuNTc2LDIuNzMyLTcuMzIxLDUuODQzCgkJCQljLTAuMDA4LTAuMDAxLTAuMDE2LTAuMDAzLTAuMDI0LTAuMDAzYy0wLjk4OCwwLTEuNzg5LDAuODAyLTEuNzg5LDEuNzg5YzAsMC44NjUsMC42MTUsMi4zNTQsMS40MzEsMi43MQoJCQkJYzAuMzUsMy41MywzLjcwOSw2Ljk3Myw3Ljc1NCw2Ljk3M2M0LjA2NCwwLDcuMzQ0LTMuOTM5LDcuNjU3LTcuMDlDMjAuNTYxLDI1LjI2MiwyMS4zMjIsMjMuNTUzLDIxLjMyMiwyMi41ODN6Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnIGlkPSJMYXllcl8xIj4KCTxnPgoJCTxnPgoJCQk8cGF0aCBmaWxsPSIjM0IzQjNCIiBkPSJNMTUuMzE3LDIzLjMzM2MtMC41NiwwLTEuMDE0LDAuNDU0LTEuMDE0LDEuMDE1YzAsMC41NiwwLjQ1NCwxLjAxNCwxLjAxNCwxLjAxNAoJCQkJYzAuNTYxLDAsMS4wMTUtMC40NTQsMS4wMTUtMS4wMTRDMTYuMzMyLDIzLjc4NywxNS44NzcsMjMuMzMzLDE1LjMxNywyMy4zMzN6IE05LjM3NSwyNC4zNDhjMC0wLjU2MS0wLjQ1NC0xLjAxNS0xLjAxNS0xLjAxNQoJCQkJYy0wLjU2LDAtMS4wMTUsMC40NTQtMS4wMTUsMS4wMTVjMCwwLjU2LDAuNDU1LDEuMDE0LDEuMDE1LDEuMDE0QzguOTIxLDI1LjM2MSw5LjM3NSwyNC45MDcsOS4zNzUsMjQuMzQ4eiBNMTkuNjIxLDIwLjI4MwoJCQkJYy0xLjE4Mi0zLjc1NC00LjI2Mi02LjI0Ni03Ljc4Mi02LjI0NmMtMy41MiwwLTYuNiwyLjQ5Mi03Ljc4Miw2LjI0NkMyLjkwMywyMC4yODgsMiwyMS40NjEsMiwyMi45NTYKCQkJCWMwLDEuMzY3LDAuNzU0LDIuNDY0LDEuNzY2LDIuNjQ2QzQuNjA2LDI5LjkxMyw3Ljk0NSwzMywxMS44MzksMzNjMy44OTUsMCw3LjIzMy0zLjA4Nyw4LjA3My03LjM5OAoJCQkJYzEuMDEyLTAuMTgyLDEuNzY2LTEuMjc4LDEuNzY2LTIuNjQ2QzIxLjY3OCwyMS40NjEsMjAuNzc1LDIwLjI4OSwxOS42MjEsMjAuMjgzeiBNMTkuNTQ1LDI0LjYyMQoJCQkJYy0wLjI3Ny0wLjAzOC0wLjUxLDAuMTU1LTAuNTUxLDAuNDIxYy0wLjYyNyw0LjAzLTMuNjM3LDYuOTU2LTcuMTU1LDYuOTU2Yy0zLjUxOCwwLTYuNTI3LTIuOTI2LTcuMTU0LTYuOTU2CgkJCQljLTAuMDM5LTAuMjQ3LTAuMjUxLTAuNDI0LTAuNDk1LTAuNDI0Yy0wLjAxOCwwLTAuMDM2LDAtMC4wNTUsMC4wMDNjLTAuNTg0LDAuMDYyLTEuMTMzLTAuNzIyLTEuMTMzLTEuNjY1CgkJCQljMC0xLjAwNiwwLjU3My0xLjg1OCwxLjI1OS0xLjYzN2MwLjEzMSwwLjA0MiwwLjI3MywwLjAyOSwwLjM5NC0wLjAzN2MwLjEyMS0wLjA2NSwwLjIwOS0wLjE3NywwLjI0NS0wLjMxCgkJCQljMC4xNzUtMC42NDcsMC40MTItMS4yNTYsMC43MDEtMS44MThjMS4xMzksMC4zMzEsMi42ODEsMC4yMTYsNC41NDItMC4zNDJDOS43LDE5LjUyNiw4Ljg5NywyMC4zNTUsOC4zNiwyMC4zNTUKCQkJCWMtMC4yNTMsMC0wLjQ2NywwLjE4OS0wLjQ5OCwwLjQ0MXMwLjEzMywwLjQ4NiwwLjM3OSwwLjU0NmMwLjY1MSwwLjE1OSwxLjM0NywwLjIzOSwyLjA2OCwwLjIzOWMzLjA4MiwwLDYuMzM4LTEuNSw3LjQ4Ny0yLjkzMwoJCQkJYzAuNDE3LDAuNjk3LDAuNzUzLDEuNDc2LDAuOTgxLDIuMzIyYzAuMDM2LDAuMTMyLDAuMTI0LDAuMjQ0LDAuMjQ1LDAuMzFjMC4xMTksMC4wNjUsMC4yNjIsMC4wOCwwLjM5MSwwLjAzOAoJCQkJYzAuMDctMC4wMjIsMC4xMzctMC4wMzMsMC4xOTktMC4wMzNjMC41NzYsMCwxLjA2MiwwLjc2NSwxLjA2MiwxLjY3QzIwLjY3NiwyMy44OTgsMjAuMTI3LDI0LjY4NSwxOS41NDUsMjQuNjIxeiBNOS42MjcsMjguMTA5CgkJCQljLTAuMjc3LDAtMC41ODksMC41NzUtMC41ODksMC44NTJzMC4yNTcsMC4xNSwwLjUzNCwwLjE1aDQuNTM0YzAuMDU4LDAsMC4wODMsMC4wMDcsMC4xMDQsMC4wMTMKCQkJCWMtMC4wMjgtMC4wMTYtMC4wNjMtMC4wNTMtMC4wNjMtMC4xNjNjMC0wLjI3NiwwLjI5MS0wLjg1MiwwLjAxNS0wLjg1Mkg5LjYyN3oiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.formBuilder .formField .help .icon:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzZweCIKCSBoZWlnaHQ9IjM2cHgiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzYgMzYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZyBpZD0iTGF5ZXJfMyI+Cgk8cGF0aCBmaWxsPSIjMDE5NDhCIiBkPSJNMjUuMzgzLDFjLTUuMzExLDAtOS42MTYsNC4zMDYtOS42MTYsOS42MTZjMCw1LjMxMiw0LjMwNiw5LjYxNyw5LjYxNiw5LjYxNwoJCWM1LjMxMiwwLDkuNjE3LTQuMzA2LDkuNjE3LTkuNjE3QzM1LDUuMzA2LDMwLjY5NCwxLDI1LjM4MywxeiBNMjUuMzM1LDE3LjIwN2MtMC44MTEsMC0xLjQ5My0wLjY3Ny0xLjQ5My0xLjQ3OQoJCWMwLTAuOCwwLjY4My0xLjQ3OCwxLjQ5My0xLjQ3OGMwLjgxNCwwLDEuNDc4LDAuNjYzLDEuNDc4LDEuNDc4UzI2LjE0OSwxNy4yMDcsMjUuMzM1LDE3LjIwN3ogTTI2LjkxNSw5LjY1NwoJCWMtMC4zOTIsMC41MjItMC43MjksMC45NzEtMC43MjksMS41NDFjMCwwLjE4NCwwLjA5LDAuNDAzLDAuMTcyLDAuNTA0YzAuMDkxLDAuMTExLDAuMTIyLDAuMjYsMC4wODgsMC4zOTcKCQljLTAuMDM2LDAuMTM4LTAuMTM2LDAuMjUxLTAuMjcsMC4zMDVsLTEuMjg1LDAuNTEzYy0wLjA1NSwwLjAyMi0wLjExLDAuMDMzLTAuMTY3LDAuMDMzYy0wLjEzOSwwLTAuMjczLTAuMDY0LTAuMzYxLTAuMTgzCgkJYy0wLjMyNC0wLjQzOS0wLjQ5LTAuOTk0LTAuNDktMS42NDdjMC0xLjEwNCwwLjQ5My0xLjc2NywwLjkyOS0yLjM1YzAuMzYyLTAuNDg3LDAuNjQ4LTAuODcxLDAuNjQ4LTEuNDYxCgkJYzAtMC4yODUtMC4xOC0wLjcwNy0wLjU2NS0wLjcwN2MtMC4yMTYsMC0wLjM4NiwwLjA1NS0wLjYxLDAuMzQyYy0wLjA4OSwwLjExNC0wLjIzMiwwLjE4Ny0wLjM3MSwwLjE3MQoJCWMtMC4xNDQtMC4wMDUtMC4yNzUtMC4wNzktMC4zNTYtMC4xOTlMMjIuODQsNS44NTRjLTAuMTE0LTAuMTcyLTAuMDk5LTAuNDAyLDAuMDQzLTAuNTU0YzAuNjMtMC42ODQsMS40NzMtMS4wNjEsMi4zNzItMS4wNjEKCQljMS41OTMsMCwyLjc0NywxLjE1NiwyLjc0NywyLjc0OEMyOC4wMDIsOC4yMDgsMjcuNDI1LDguOTc5LDI2LjkxNSw5LjY1N3oiLz4KPC9nPgo8ZyBpZD0iTGF5ZXJfMiI+Cgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTIuMzUxLDE0LjQ1NmMzLjMyMiwwLjE1NCw2LjAwNiwzLjAxNSw2Ljc3MSw2LjgxOGMwLjEwOC0wLjAzMSwwLjIyMi0wLjA0OCwwLjMzNi0wLjA0MwoJCWMwLjgyMywwLjAzOCwxLjQ0MywxLjA3MSwxLjM4NiwyLjMwNnMtMC43NzEsMi4yMDQtMS41OTQsMi4xNjZjLTAuMDQtMC4wMDItMC4wOC0wLjAwOC0wLjExOC0wLjAxNQoJCWMtMC44MjIsNC4yOS00LDcuNDI5LTcuNjQxLDcuMjZjLTMuNjQxLTAuMTctNi41MTUtMy41ODktNi45MzYtNy45MzdjLTAuMDQxLDAuMDAzLTAuMDgsMC4wMDQtMC4xMjIsMC4wMDMKCQljLTAuODIxLTAuMDM4LTEuNDQxLTEuMDctMS4zODQtMi4zMDVjMC4wNTgtMS4yMzQsMC43NzEtMi4yMDUsMS41OTItMi4xNjdjMC4xMTYsMC4wMDYsMC4yMjcsMC4wMzIsMC4zMzMsMC4wNzUKCQlDNi4wODksMTYuOSw5LjAyNywxNC4zMDEsMTIuMzUxLDE0LjQ1NiBNMTIuNDQ1LDEyLjQxMmMtMy44MDgtMC4xNzYtNy4yNjksMi4zMDQtOC45NTIsNi4yODljLTEuMzgzLDAuNTI5LTIuNCwyLjA0Mi0yLjQ4NywzLjkxNAoJCWMtMC4wNzgsMS42NzEsMC42MDksMy4xMjUsMS43MDIsMy44ODRjMC45NDcsNC44MDIsNC40NDUsOC4yOTYsOC42ODgsOC40OTNjNC4yNDMsMC4xOTYsOC4wNDktMi45NTgsOS40MzYtNy42NTEKCQljMS4xNTktMC42NTUsMS45NzgtMi4wMzgsMi4wNTYtMy43MDljMC4wODctMS44NzItMC43ODUtMy40NzEtMi4xMTItNC4xMjhDMTkuNDY5LDE1LjM4LDE2LjI1MywxMi41ODksMTIuNDQ1LDEyLjQxMgoJCUwxMi40NDUsMTIuNDEyeiIvPgo8L2c+CjxnIGlkPSJMYXllcl80Ij4KCTxnPgoJCTxnPgoJCQk8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTIxLjMyMiwyMi41ODNjMC0xLjAwNS0wLjgxNC0xLjgxOC0xLjgxOC0xLjgxOAoJCQkJYy0wLjEyNiwwLTAuMjQ5LDAuMDEzLTAuMzY3LDAuMDM3Yy0wLjgyMy0zLjAyOC0yLjgzNS01LjY0NS03LjI0LTUuNjQ1Yy00LjYzMiwwLTYuNTc2LDIuNzMyLTcuMzIxLDUuODQzCgkJCQljLTAuMDA4LTAuMDAxLTAuMDE2LTAuMDAzLTAuMDI0LTAuMDAzYy0wLjk4OCwwLTEuNzg5LDAuODAyLTEuNzg5LDEuNzg5YzAsMC44NjUsMC42MTUsMi4zNTQsMS40MzEsMi43MQoJCQkJYzAuMzUsMy41MywzLjcwOSw2Ljk3Myw3Ljc1NCw2Ljk3M2M0LjA2NCwwLDcuMzQ0LTMuOTM5LDcuNjU3LTcuMDlDMjAuNTYxLDI1LjI2MiwyMS4zMjIsMjMuNTUzLDIxLjMyMiwyMi41ODN6Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnIGlkPSJMYXllcl8xIj4KCTxnPgoJCTxnPgoJCQk8cGF0aCBmaWxsPSIjM0IzQjNCIiBkPSJNMTUuMzE3LDIzLjMzM2MtMC41NiwwLTEuMDE0LDAuNDU0LTEuMDE0LDEuMDE1YzAsMC41NiwwLjQ1NCwxLjAxNCwxLjAxNCwxLjAxNAoJCQkJYzAuNTYxLDAsMS4wMTUtMC40NTQsMS4wMTUtMS4wMTRDMTYuMzMyLDIzLjc4NywxNS44NzcsMjMuMzMzLDE1LjMxNywyMy4zMzN6IE05LjM3NSwyNC4zNDhjMC0wLjU2MS0wLjQ1NC0xLjAxNS0xLjAxNS0xLjAxNQoJCQkJYy0wLjU2LDAtMS4wMTUsMC40NTQtMS4wMTUsMS4wMTVjMCwwLjU2LDAuNDU1LDEuMDE0LDEuMDE1LDEuMDE0QzguOTIxLDI1LjM2MSw5LjM3NSwyNC45MDcsOS4zNzUsMjQuMzQ4eiBNMTkuNjIxLDIwLjI4MwoJCQkJYy0xLjE4Mi0zLjc1NC00LjI2Mi02LjI0Ni03Ljc4Mi02LjI0NmMtMy41MiwwLTYuNiwyLjQ5Mi03Ljc4Miw2LjI0NkMyLjkwMywyMC4yODgsMiwyMS40NjEsMiwyMi45NTYKCQkJCWMwLDEuMzY3LDAuNzU0LDIuNDY0LDEuNzY2LDIuNjQ2QzQuNjA2LDI5LjkxMyw3Ljk0NSwzMywxMS44MzksMzNjMy44OTUsMCw3LjIzMy0zLjA4Nyw4LjA3My03LjM5OAoJCQkJYzEuMDEyLTAuMTgyLDEuNzY2LTEuMjc4LDEuNzY2LTIuNjQ2QzIxLjY3OCwyMS40NjEsMjAuNzc1LDIwLjI4OSwxOS42MjEsMjAuMjgzeiBNMTkuNTQ1LDI0LjYyMQoJCQkJYy0wLjI3Ny0wLjAzOC0wLjUxLDAuMTU1LTAuNTUxLDAuNDIxYy0wLjYyNyw0LjAzLTMuNjM3LDYuOTU2LTcuMTU1LDYuOTU2Yy0zLjUxOCwwLTYuNTI3LTIuOTI2LTcuMTU0LTYuOTU2CgkJCQljLTAuMDM5LTAuMjQ3LTAuMjUxLTAuNDI0LTAuNDk1LTAuNDI0Yy0wLjAxOCwwLTAuMDM2LDAtMC4wNTUsMC4wMDNjLTAuNTg0LDAuMDYyLTEuMTMzLTAuNzIyLTEuMTMzLTEuNjY1CgkJCQljMC0xLjAwNiwwLjU3My0xLjg1OCwxLjI1OS0xLjYzN2MwLjEzMSwwLjA0MiwwLjI3MywwLjAyOSwwLjM5NC0wLjAzN2MwLjEyMS0wLjA2NSwwLjIwOS0wLjE3NywwLjI0NS0wLjMxCgkJCQljMC4xNzUtMC42NDcsMC40MTItMS4yNTYsMC43MDEtMS44MThjMS4xMzksMC4zMzEsMi42ODEsMC4yMTYsNC41NDItMC4zNDJDOS43LDE5LjUyNiw4Ljg5NywyMC4zNTUsOC4zNiwyMC4zNTUKCQkJCWMtMC4yNTMsMC0wLjQ2NywwLjE4OS0wLjQ5OCwwLjQ0MXMwLjEzMywwLjQ4NiwwLjM3OSwwLjU0NmMwLjY1MSwwLjE1OSwxLjM0NywwLjIzOSwyLjA2OCwwLjIzOWMzLjA4MiwwLDYuMzM4LTEuNSw3LjQ4Ny0yLjkzMwoJCQkJYzAuNDE3LDAuNjk3LDAuNzUzLDEuNDc2LDAuOTgxLDIuMzIyYzAuMDM2LDAuMTMyLDAuMTI0LDAuMjQ0LDAuMjQ1LDAuMzFjMC4xMTksMC4wNjUsMC4yNjIsMC4wOCwwLjM5MSwwLjAzOAoJCQkJYzAuMDctMC4wMjIsMC4xMzctMC4wMzMsMC4xOTktMC4wMzNjMC41NzYsMCwxLjA2MiwwLjc2NSwxLjA2MiwxLjY3QzIwLjY3NiwyMy44OTgsMjAuMTI3LDI0LjY4NSwxOS41NDUsMjQuNjIxeiBNOS42MjcsMjguMTA5CgkJCQljLTAuMjc3LDAtMC41ODksMC41NzUtMC41ODksMC44NTJzMC4yNTcsMC4xNSwwLjUzNCwwLjE1aDQuNTM0YzAuMDU4LDAsMC4wODMsMC4wMDcsMC4xMDQsMC4wMTMKCQkJCWMtMC4wMjgtMC4wMTYtMC4wNjMtMC4wNTMtMC4wNjMtMC4xNjNjMC0wLjI3NiwwLjI5MS0wLjg1MiwwLjAxNS0wLjg1Mkg5LjYyN3oiLz4KCQk8L2c+Cgk8L2c+CjwvZz4KPC9zdmc+);
}

.no-svg .formBuilder .formField .help .icon {
    background-image: url('../../img/icons/form-icons.png');
    background-position: 0 -297px;
}

.no-svg .formBuilder .formField .help .icon:hover {
    background-position: 0 0;
}

.formBuilder .formField .help .message {
    padding: 0 0 0 45px;
}

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

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

.no-js .formBuilder .formField .help .message.visuallyhidden {
    position: static;
    width: auto;
    height: auto;
    clip: auto;
    margin: auto;
    overflow: visible;
}

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

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

.formBuilder .formField select {
    width: auto;
    min-width: 52.0833%;
    padding: 8px;
    border-radius: 0;
}

.formBuilder .formField input[type='email'],
.formBuilder .formField input[type='text'] {
    height: 40px;
}

.formBuilder .formField textarea {
    position: relative;
    overflow: auto;
    resize: none;
}

.formBuilder .formField input[type='text'],
.formBuilder .formField input[type='email'],
.formBuilder .formField textarea {
    width: 100%;
    margin: 0;
    padding: 10px;
    border: 1px solid #DDD;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.formBuilder .formField input[type='email']:hover,
.formBuilder .formField input[type='text']:hover,
.formBuilder .formField textarea:hover {
    border-color: #017D75;
}

.formBuilder .formField input[type='text']:focus,
.formBuilder .formField input[type='email']:focus,
.formBuilder .formField textarea:focus {
    outline: none;
    border: 2px solid #017D75;
}

/* error state */
.formBuilder .formField.error select.required,
.formBuilder .formField.error input[type='text'].required,
.formBuilder .formField.error input[type='email'].required,
.formBuilder .formField.error textarea.required {
    border: 2px solid #FFBF00;
}

/* placeholder text */
.formBuilder .formField input[type='text']::-webkit-input-placeholder,
.formBuilder .formField textarea::-webkit-input-placeholder {
    color: #BEBEBE;
}

.formBuilder .formField input[type='text']:-moz-placeholder,
.formBuilder .formField textarea:-moz-placeholder {
    color: #BEBEBE;
}

.formBuilder .formField input[type='text']:-ms-input-placeholder,
.formBuilder .formField textarea:-ms-input-placeholder {
    color: #BEBEBE;
}

.formBuilder .formField .placeholder {
    color: #BEBEBE;
}

/* overlay used for mobile devices to stop accidental taps into textareas when scrolling */
.formBuilder .formField textarea + .overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.no-js .formBuilder .formField textarea + .overlay,
.no-touch .formBuilder .formField textarea + .overlay {
    display: none;
}

/* stacked fields */
.formBuilder .formField.stacked input[type='text'] {
    margin-top: 8px;
}

.formBuilder .formField.stacked input[type='text']:first-child {
    margin-top: 0;
}


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

.formBuilder .formFieldControlGroup {
    padding-bottom: 2.6em;
}

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

.formBuilder .formFieldControlGroup label {
    position: relative;
    display: block;
    margin: 0;
    padding-top: 8px;
    padding-bottom: 10px;
    color: #3b3b3b;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.formBuilder .formFieldControlGroup input[type='radio'],
.formBuilder .formFieldControlGroup input[type='checkbox'] {
    position: absolute;
    top: 0.25em;
    left: 5%;
    height: 28px;
    width: 28px;
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.formBuilder .formFieldControlGroup label .title {
    display: block;
    padding-left: 45px;
}

.formBuilder .formFieldControlGroup label a {
    padding-bottom: 1px;
    color: #3B3B3B;
    text-decoration: none;
    border-bottom: 1px solid #7ab99b;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.formBuilder .formFieldControlGroup label a:hover {
    color: #017D75;
    border-bottom: 3px solid #017D75;
}

.formBuilder .formFieldControlGroup label a:hover .title {
    border-bottom: 3px solid #017D75;
}

/* selected state */
.formBuilder .formFieldControlGroup label.selected {
    background-color: #E6E5E9;
}

/* inline */
.formBuilder .formFieldControlGroup.inline label {
    width: 100%;
    float: left;
}

.formBuilder .formFieldControlGroup.inline label input[type='radio'],
.formBuilder .formFieldControlGroup.inline label input[type='checkbox'] {
    left: auto;
}

.formBuilder .formFieldControlGroup.inline .content:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* preferred day */
.formBuilder .formFieldControlGroup.preferredDay {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 5%;
    margin-left: 5%;
}

.formBuilder .formFieldControlGroup.preferredDay .content {
    max-width: none;
}

.formBuilder .formFieldControlGroup.preferredDay label ~ label {
    border-color: #FFF;
    border-style: solid;
    border-width: 2px 0 0;
}

/* adjustment to compensate for control group labels extra padding to ensure extra space removed */
.formBuilder .formFieldControlGroup + .formField {
    margin-top: -1em;
}


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

.no-js .formBuilder .formFieldControlGroup.toggle input[type='radio'].visuallyhidden {
    height: 28px;
    width: 28px;
    clip: auto;
    overflow: visible;
    margin: auto;
}

.js .formBuilder .formFieldControlGroup.toggle .content:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.js .formBuilder .formFieldControlGroup.toggle input[type='radio'].visuallyhidden {
    width: 1px;
    height: 1px;
    padding: 0;
}

.js .formBuilder .formFieldControlGroup.toggle label {
    float: left;
    width: 49.4%;
    margin: 0 0 3px 0;
    padding: 15px 0;
    color: #FFF;
    font-family: 'ProximaNovaExCnSbold';
    font-size: 1.6em;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    background-color: #00803E;
}

.js .formBuilder .formFieldControlGroup.toggle label + label {
    margin-left: 3px;
}

.js .formBuilder .formFieldControlGroup.toggle label .title {
    display: inline;
    padding: 0;
    border-bottom: 1px solid #80C09F;
}

.js .formBuilder .formFieldControlGroup.toggle label .title:after {
    display: none;
    margin: 0 auto -12px;
    width: 12px;
    height: 12px;
    content: '';
    background-image: url('../../img/icons/form-icons.png');
    background-repeat: no-repeat;
    background-position: 0 -70px;
}

.js .formBuilder .formFieldControlGroup.toggle label,
.js .formBuilder .formFieldControlGroup.toggle label .title {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

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

.js .formBuilder .formFieldControlGroup.toggle label:hover .title {
    border-bottom: 3px solid #FFF;
}

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

.js .formBuilder .formFieldControlGroup.toggle label.selected .title {
    border-bottom: none;
}

.js .formBuilder .formFieldControlGroup.toggle label.selected .title:after {
    display: block;
}

/* adjustment to compensate for control group labels extra padding to ensure extra space removed */
.js .formBuilder .formFieldControlGroup.toggle + .formField {
    margin-top: 0;
}


/* control group - radio toggle - method of contact
------------------------------------------- */
/* toggle to select content group radio buttons redundant when JS disabled */
/* context groups become optional in JS disabled, server to handle errors */
.no-js .formBuilder .formFieldControlGroup.methodOfContact .help,
.no-js .formBuilder .formFieldControlGroup.methodOfContact .content {
    display: none;
}


/* control group - marketing opt in/out
------------------------------------------- */

.formBuilder .formFieldControlGroup.marketingOptInOut label + .desc {
	clear: both;
	padding-top: 12px;
}


/* date/date of birth
------------------------------------------- */

.formBuilder .formFieldDate input[type='text'],
.formBuilder .formFieldDateOfBirth input[type='text'] {
    display: inline-block;
    width: 54px;
    margin-right: 5px;
    padding: 0 0 0 12px;
}

.formBuilder .formFieldDate input[type='text'].year,
.formBuilder .formFieldDateOfBirth input[type='text'].year {
    width: 67px;
}

.formBuilder .formFieldDate select {
	min-width: 0;
	margin-right: 5px;
}


/* address lookup
------------------------------------------- */

.formBuilder .addressLookup .postcode input[type="text"] {
	float: left;
}

.formBuilder .addressLookup .postcode .secondarySubmitButton {
	padding-right: 0;
}

.formBuilder .addressLookup .requestSpinner,
.formBuilder .addressLookup .addressList {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: all 0.7s 0.3s; /* add a delay incase the response comes back fast */
    transition: all 0.7s 0.3s; /* add a delay incase the response comes back fast */
}

/* spinner */
.formBuilder .addressLookup .requestSpinner {
	position: relative;
	margin: 1.2em 0 0;
	padding: 0 0 0 40px;
}

.formBuilder .addressLookup .requestSpinner.show {
	max-height: 40px;
	opacity: 1;
}

.formBuilder .addressLookup .requestSpinner:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 31px;
	height: 31px;
	content: " ";
	background: url("../../img/icons/ajax_loader_bg_light_anim.gif") no-repeat;
}

.formBuilder .addressLookup .requestSpinner p {
	line-height: 31px;
}

/* ajax response address list */
.formBuilder .addressLookup .addressList {
    width: 100%;
    height: 160px;
    margin: 0;
    padding: 0;
    border: 1px solid #DDD;
    border-radius: 0;
    background-color: #FFF;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.formBuilder .addressLookup .addressList.show {
	max-height: 160px;
	opacity: 1;
}

.formBuilder .addressLookup .addressList a {
	display: block;
	padding: 0.1em 1em 0.2em;
	color: #3B3B3B;
	font-size: 1.3em;
	line-height: 1.5;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.formBuilder .addressLookup .addressList a:hover,
.formBuilder .addressLookup .addressList a:focus {
	color: #FFF;
	background-color: #00803e;
}

/* animation fallback */
.no-csstransitions .formBuilder .addressLookup .addressList,
.no-csstransitions .formBuilder .addressLookup .requestSpinner {
	display: none;
	margin-top: 1.2em;
}

.no-csstransitions .formBuilder .addressLookup .addressList.show,
.no-csstransitions .formBuilder .addressLookup .requestSpinner.show {
	display: block;
}

/* js fallback */
.no-js .formBuilder .addressLookup .secondarySubmitButton {
	display: none;
}


/* address list
------------------------------------------- */

.formBuilder .formFieldSelectBox.addressList {
	background-color: grey;
	padding-top: 2.8em;
	/* display: none; */
}


/* date picker
------------------------------------------- */

.formBuilder .formFieldDatePicker {

}


/* terms and conditions
------------------------------------------- */

.formBuilder .termsAndConditions .desc {
    line-height: 1.5;
}

.formBuilder .termsAndConditions .desc a {
    padding-bottom: 1px;
    color: #3B3B3B;
    text-decoration: none;
    border-bottom: 1px solid #7ab99b;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.formBuilder .termsAndConditions .desc a:hover {
    color: #017D75;
    border-bottom: 3px solid #017D75;
}

.formBuilder .termsAndConditions .desc a:hover .title {
    border-bottom: 3px solid #017D75;
}


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

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

.formBuilder .formField .showMore .longDesc p {
    margin-bottom: 0;
    padding-bottom: 14px;
    color: #6E6E6E;
    font-size: 1.3em;
}

.formBuilder .formField .showMoreActions {
    position: relative;
    display: none;
    border-top: 3px solid #DDD;
}

.formBuilder .formField .showMoreActions button {
    position: relative;
    margin: 11px 0 0;
    padding: 0;
    color: #00803E;
    font-family: 'ProximaNovaExCnLight';
    font-size: 2em;
    text-align: center;
    text-transform: uppercase;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background-color: transparent;
}

.formBuilder .formField .showMoreActions .more:after,
.formBuilder .formField .showMoreActions .less:before {
    display: block;
    font-size: 1.6em;
    text-align: center;
}

.formBuilder .formField .showMoreActions .more:after {
    margin-top: -0.3em;
}

.formBuilder .formField .showMoreActions .less:before {
    margin-bottom: -0.3em;
}

/* javascript enabled */
.js .formBuilder .formField .showMore .longDesc {
    overflow: hidden;
}


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

.formBuilder .accordionForm {
    margin-top: 1.6em;
    border-bottom: 3px solid #00803E;
}

.formBuilder .accordionForm li {
    font-size: 1em;
}

.formBuilder .accordionForm .formGroup {
    padding-top: 32px 0 0;
    background-color: #F4F3F8;
}

.formBuilder .accordionForm .accordionHeading {
    display: block;
    padding: 20px 0;
    text-align: center;
    border-top: 3px solid #DDD;
}

.formBuilder .accordionForm .accordionHeading:hover {
    border-color: #017D75;
    background-color: #ECEBF0;
}

.formBuilder .accordionForm .accordionTitle {
    position: relative;
    padding-right: 1.608em;
    color: #00803e;
    font-family: 'ProximaNovaExCnLight';
    font-size: 1.692em;
    line-height: 1;
    text-transform: uppercase;
}

.formBuilder .accordionForm .plusIco:before {
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 1.217em;
}

.formBuilder .accordionForm .expanded .plusIco:before {
    content: '\e015';
}

.ie9  .formBuilder .accordionForm .plusIco:before,
.ie10 .formBuilder .accordionForm .plusIco:before {
    top: 5px;
    right: 10px;
}

.formBuilder .accordionDescription {
	margin: 0 5% 1.5em;
	color: #333;
	font-size: 1.5em !important;
	line-height: 1.3em;
}

/* amends for html added by cms */
.formBuilder .accordionFieldset {
    margin-top: 1.6em;
}

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


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

.formBuilder .formField.formSummary {
	display: none;
	padding-bottom: 3em;
}

.formBuilder .formField.formSummary .content {
	margin-right: 5%;
    padding-bottom: 2.8em;
    border-bottom: 1px solid #DDD;
}

.formBuilder .formField.formSummary .showEdit {
	position: relative;
	padding-left: 14px;
    font-family: 'ProximaNovaExCnSbold';
    font-size: 1.6em;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
}

.formBuilder .formField.formSummary .showEdit span {
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.formBuilder .formField.formSummary .showEdit:hover {
	color: #017D75;
}

.formBuilder .formField.formSummary .showEdit:hover span {
    border-bottom: 3px solid #017D75;
}

.formBuilder .formField.formSummary .showEdit:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 100%;
	content: '';
	background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIG5hbWU9IkNoZXZyb24gUmlnaHQgKGdyZWVuKSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOSAxNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iIzMxODA1NSIgZD0iTTguNjggNy4wNEwzLjk5IDAuMDIgMC4yOCAwbDQuNzIgNy4wM0wwIDE0LjAybDMuNy0wLjAxTDguNjggNy4wNHoiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 12px;
}

.no-svg .formBuilder .formField.formSummary .showEdit:before {
	background-image: url('../../img/chevron_green.png');
}


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

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

.content .formBuilder .primarySubmitButton,
.content .formBuilder .secondarySubmitButton,
.content .formBuilder .primarySubmitButton .title,
.content .formBuilder .secondarySubmitButton .title {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.content .formBuilder .primarySubmitButton,
.content .formBuilder .secondarySubmitButton {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 16px 0 32px;
    font-family: 'ProximaNovaExCnSbold';
    font-size: 2em;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
}

.content .formBuilder .primarySubmitButton:before,
.content .formBuilder .secondarySubmitButton:before {
    position: absolute;
    left: 0;
    top: 0;
}

.content .formBuilder .primarySubmitButton {
    color: #FFF;
    background-color: #00803E;
}

.content .formBuilder .primarySubmitButton:hover {
    color: #FFF;
    background-color: #017D75;
}

.content .formBuilder .secondarySubmitButton {
    color: #017D75;
    background-color: transparent;
}

.content .formBuilder .secondarySubmitButton:hover .title {
    border-bottom: 3px solid #017d75;
}

/* disabled states */
.content .formBuilder .primarySubmitButton.disabled,
.content .formBuilder .secondarySubmitButton.disabled,
.content .formBuilder .primarySubmitButton.disabled:before,
.content .formBuilder .secondarySubmitButton.disabled:before {
    color: #666;
}

.content .formBuilder .primarySubmitButton.disabled,
.content .formBuilder .secondarySubmitButton.disabled {
    cursor: default;
    background-color: #e6e5e9;
}


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

.formBuilder .submitContainer {
    background: #FFF;
}

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

.formBuilder .submitContainer .primarySubmitButton,
.formBuilder .submitContainer .secondarySubmitButton {
    width: 100%;
    margin-top: 16px;
    padding: 0 32px 0 16px;
}

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

/* with back link */
.formBuilder .submitContainer.formBackLink .backNavigation .wrapperInner {
	padding: 0;
}


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

/* large, medium and small */

.formBuilder .formField .horizInput {
    display: inline-block;
}

.formBuilder .formField input[type='text'].small {
    width: 27.77777%;
    float: left;
    margin-right: 10px;
}

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

/* text table or list on top of formbuilder page */

.formsPar .richText.position1 {
    margin: 48px 0;
}

.formsPar .position1 .richTextContent h2 {
    font-size: 1.6em;
    letter-spacing: 1px;
    font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.formsPar .position1 .richTextContent li {
    margin-left: 0;
}

.formsPar .position1 .richTextContent li:before {
    content: '';
}


/* amends to cater for the additonal markup added by the CMS
 * KEEP AT END OF FILE TO ENSURE OVERIDE *
------------------------------------------- */

.cq-wcm-edit .parsys {
    clear: right;
}

.cq-wcm-edit .form.parsys > .form.section,
.cq-wcm-edit .form.parsys > .new.section {
    margin-bottom: 6.2em;
}


.formBuilder .section.hiddenField,
.formBuilder .section.hiddenFieldMulti {
    display: none;
}

.cq-wcm-edit .formBuilder .section.hiddenField,
.cq-wcm-edit .formBuilder .section.hiddenFieldMulti {
    display: block;
}
/*
 * Honda platform - Inclusive - CSS : Baseline : Glyphs
 * Defines base rules for use of Honda-Glyphs webfont iconography
 *
----------------------------------------------- */

/* Paste in individual icon classes from the generated file below here */
[data-icon="icon-e000"]:before {
	content: "\e000";
}
[data-icon="icon-e001"]:before {
	content: "\e001";
}
[data-icon="icon-e002"]:before {
	content: "\e002";
}
[data-icon="icon-e003"]:before {
	content: "\e003";
}

[class$='Ico']:before,
.js .findDealerFilter .ccSelected.tickIco:before,
.js .secondaryNav .trigger .iconWrapper:after,
.js .mainHeader.cmThinHeader .trigger .iconWrapper:after,
.externalLink:after,
.externalLink:before,
p.downloadLink a:before,
.downloadLink a:before,
.postLink:before,
.searchAgain:before,
.searchAgainTop:before,
.sitemapLinkList a:after,
.modelEngineSelector .openChoicesOpenBtn:before,
.modelEngineSelector .openChoicesCloseBtn:before,
.responsiveTable .moreInfo:before,
.dealer .cta.largeSpacingTop a:before,
.getInTouchIco:after,
.primaryCta:before,
.primaryBtnSubmit:before,
.secondaryCta a:after,
.secondaryCta a:before,
.rttSecondaryCTA a:after,
.rttSecondaryCTA a:before,
a.secondaryCtaFull:before,
.richText ul li:before,
.linkList li:after,
.linkList li:before,
.linkList li a:before,
#dealerSearchResultsList .dealerResult h3 a:before,
.mainHeader .siteSearchFields button:before,
.secondaryNav .navList li:after,
.mainNavItems ul li a:after,
#pageFooter .languageOptions p:after,
.richTextContent ul.bullet_list li:before,
.richTextType ul li:before,
ul.headlineList.bullet_list li:before,
ul.bullet_list li:before,
.pageIntroOffer ul li:before,
.noResults ul li:before,
.richText ul.linkList li a:before,
.headlineList li p.title:before,
.editorialPromo:before,
.editorialPromo .promoItemLast:before,
.topFour li:before,
.responsiveTable .hybrid th:before,
.configMomentDesign ul li.current:before,
.configMomentDesign .colourInfo p:before,
#pageFooter .backToTop a:after,
#mapResult .mapResultInner .mapResultNumber:before,
#mapResult a.mapResultLink:before,
.dealerResult .resultNumber:before,
.featuredFinancialOffer .imgContainer:after,
.accordion .accordionToggle:after,
.dealerResult .accordionHeading .accordionTitle:before,
.dealerResult .accordionHeading .accordionTitle:after,
.mesSpecAccordion .trigger a span.icon:before,
.brochuresList .downloadLink .info:before,
.formField .showMoreActions .more:after,
.formField .showMoreActions .less:before,
.primarySubmitButton:before,
.secondarySubmitButton:before,
.categoryShowHide > .trigger:after,
.awardsReviews .showHide .trigger:after,
.productLinesList .title:after,
.productLinesViewToggle .btnToggle .icon:after,
.picker__nav--prev:before,
.picker__nav--next:before,
.responsiveFooter .social li a:before,
.reevooGroup a.reevooGroupLink:before,
.reevooGroup a.reevooGroupLink:after,
.reevooBadgeHolder > a:first-child:before,
.reevooBadgeHolder > a:first-child:after,
.diamondCtaLinkList .title:after,
.portalCampaign .indicatorSteps span:before {
    font-family: 'glyphs14';
    font-size: 14px;
	speak: none;
    line-height: 1;
    vertical-align: top;
}

[class$='28Ico']:before,
[class$='28Ico']:after,
[class$='45Ico']:before,
[class$='45Ico']:after,
[class$='56Ico']:before,
[class$='56Ico']:after,
[class$='SignPostIco']:before,
.tableIcon:after,
.responsiveFooter .social li a:before {
    font-family: 'glyphs28';
    font-size: 28px;
}
[class$='45Ico']:before,
[class$='45Ico']:after {
    font-size: 45px;
}

[class$='56Ico']:before,
[class$='56Ico']:after {
    font-size: 50px;
}
.getInTouchIco,
[class$='SignPostIco'],
[class$='SignPostIco']:before,
[class$='Diamond56Ico'],
[class$='Quote45Ico'] {
    position: relative;
}
[class$='Diamond56Ico']:after,
[class$='Quote45Ico']:after {
    z-index: 1;
    left: 0.7em;
    position: absolute;
    top: 0.8em;
}
[class$='Diamond56Ico']:after {
    content: "\e006";
    color: #00803e;
}
[class$='Quote45Ico']:after {
    content: "\e01a";
    color: #dc182d;
}
[class$='Diamond56Ico']:before,
[class$='Quote45Ico']:before {
    position: relative;
    z-index: 10;
    color: #fff;
    top: 15px;
    left: 6px;
}

.getInTouchIco:before,
.dealerResult .accordionHeading .accordionTitle:before {
    content: "\e008";
    font-family: 'glyphs14';
    z-index: 10;
    color: #00803e;
    font-size: 20px;
    left: -29px;
    margin: 0;
    position: absolute;
    top: 0;
}

.getInTouchIco:after,
.dealerResult .accordionHeading .accordionTitle:after {
    content: "\e083";
    position: absolute;
    z-index: 1;
    color: #00803e;
    font-size: 34px;
    left: -36px;
    position: absolute;
    top: -7px;
}

.searchIco:before,
.mainHeader .siteSearchFields button:before {
    content: "\e017";
}
.diamondIco:before,
.featuredFinancialOffer .imgContainer:after,
.editorialPromo:before,
.editorialPromo .promoItemLast:before,
.richTextContent ul.bullet_list li:before,
.richTextType ul li:before,
ul.headlineList.bullet_list li:before,
ul.bullet_list li:before,
.pageIntroOffer ul li:before,
.noResults ul li:before,
.richText ul li:before,
.headlineList li p.title:before,
.topFour li:before,
.portalCampaign .indicatorSteps span:before {
    content: "\e00d";
}
.diamond28Ico:before {
    content: "\e006";
}
.doubleDiamondIco:before {
    content: "\e00d\e00d";
    letter-spacing: -.25em;
}
.doubleDiamond28Ico:before {
    content: "\e006\e006";
    letter-spacing: 0;
}

.primaryNavIco:before {
    content: "\e010";
}
.testdriveIco:before {
    content: "\e000";
}
.tickIco:before,
.js .findDealerFilter .ccSelected.tickIco:before {
    content: "\e006";
}
.locationIco:before {
    content: "\e014";
}
.plusIco:before,
.accordion .accordionToggle:after,
.mesSpecAccordion .trigger a span.icon:before,
.categoryShowHide > .trigger:after,
.awardsReviews .showHide .trigger:after {
    content: "\e013";
}
.accordion .accordionToggle.expanded:after,
.minusIco:before,
.categoryShowHide > .trigger.open:after,
.awardsReviews .showHide .trigger.open:after {
    content: "\e015";
}
.closeWindowIco:before {
    content: "\e025";
}
.closeIco:before,
.modelEngineSelector .openChoicesCloseBtn:before {
    content: "\e031";
}
.configMomentDesign .colourInfo p:before,
.hybridIco:before {
    content: "\e018";
}
.openingTimesIco:before,
.openingTimes28Ico:before {
    content: "\e084";
}
.faxIco:before,
.printIco:before {
    content: "\e01d";
}
.mapPinIco:before {
    content: "\e023";
}
.mapPinFillIco:before,
.dealerSearch input[type="text"].userDefinedLocation + .locationIco:before,
#mapResult .mapResultInner .mapResultNumber.icon-territory:before {
    content: "\e027";
}
.mapPinSoildIco:before,
#mapResult .mapResultInner .mapResultNumber:before,
.dealerResult .resultNumber:before {
    content: "\e02d";
}
.tooltipIco:before {
    content: "\e00f";
}
.testDriveIco:before {
    content: "\e000";
}
.postLink:before,
.brochureIco:before {
    content: "\e004";
}
.yourHondaIco:before {
    content: "\e003";
}
.findDealerIco:before {
    content: "\e002";
}
.bookDemoIco:before {
    content: "\e005";
}
.requestQuoteIco:before {
    content: "\e001";
}
.bookServiceIco:before {
    content: "\e099";
}
.performanceIco:before {
    content: "\e011";
}
.padlockIco:before {
    content: "\e028";
}
.helpMeChooseIco:before {
    content: "\e02b";
}
.registerYourInterestIco:before {
    content: "\e02c";
}
.expandIco:before,
.js .secondaryNav .trigger.open .iconWrapper:after,
.js .mainHeader.cmThinHeader .trigger.open .iconWrapper:after {
    content: "\e029";
}
.contractIco:before,
.js .secondaryNav .trigger .iconWrapper:after,
.js .mainHeader.cmThinHeader .trigger .iconWrapper:after {
    content: "\e030";
}
.helmetIco:before {
    content: "\e096";
}


.speechMarksQuote45Ico:before {
    content: "\e019";
    top: 15px;
}

.testRideDiamond56Ico:before,
.testDriveDiamond56Ico:before,
.configuredCarDiamond56Ico:before {
    content: "\e000";
}
.findDealerDiamond56Ico:before {
    content: "\e002";
}
.brochureDiamond56Ico:before,
.contactUsDiamond56Ico:before {
    content: "\e004";
}
.yourHondaDiamond56Ico:before {
    content: "\e003";
}
.bookDemoDiamond56Ico:before {
    content: "\e005";
}
.requestQuoteDiamond56Ico:before {
    content: "\e001";
}
.bookServiceDiamond56Ico:before {
    content: "\e099";
}
.specificationDiamond56Ico:before {
    content: "\e095";
}
.helmetDiamond56Ico:before {
    content: "\e096";
}
.helpMeChooseDiamond56Ico:before {
    content: "\e02b";
}
.offersDiamond56Ico:before {
    content: "\e098";
}
.accessoriesDiamond56Ico:before {
    content: "\e01b";
}
.shareCarDiamond56Ico:before {
    content: "\e087";
}
.shopDiamond56Ico:before {
    font-family: 'glyphCfg';
    content: "\e908";
}


.facebookSocialDiamond56Ico:before,
.twitterSocialDiamond56Ico:before,
.youtubeSocialDiamond56Ico:before,
.youtubeAltSocialDiamond56Ico:before,
.instagramSocialDiamond56Ico:before,
.pinterestSocialDiamond56Ico:before {
    content: ' ';
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
    padding-left: 13px;
    margin-top: 4px;
}

.facebookIco:before,
.twitterIco:before,
.youtubeIco:before,
.youtubeAltIco:before,
.instagramIco:before,
.pinterestIco:before {
	display: block;
	content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.facebookIco:before,
.facebookSocialDiamond56Ico:before {
    background-image: url('../../img/social_icons/facebook.svg');
}
.twitterIco:before,
.twitterSocialDiamond56Ico:before {
    background-image: url('../../img/social_icons/twitter.svg');
}
.youtubeIco:before,
.youtubeSocialDiamond56Ico:before {
    background-image: url('../../img/social_icons/youtube.svg');
}
.youtubeAltIco:before,
.youtubeAltSocialDiamond56Ico:before {
    background-image: url('../../img/social_icons/youtube_alt.svg');
}
.instagramIco:before,
.instagramSocialDiamond56Ico:before {
    background-image: url('../../img/social_icons/instagram.svg');
}
.pinterestIco:before,
.pinterestSocialDiamond56Ico:before {
    background-image: url('../../img/social_icons/pinterest.svg');
}

.no-svg .facebookIco:before,
.no-svg .facebookSocialDiamond56Ico:before {
    background-image: url('../../img/social_icons/facebook.png');
}
.no-svg .twitterIco:before,
.no-svg .twitterSocialDiamond56Ico:before {
    background-image: url('../../img/social_icons/twitter.png');
}
.no-svg .youtubeIco:before,
.no-svg .youtubeSocialDiamond56Ico:before {
    background-image: url('../../img/social_icons/youtube.png');
}
.no-svg .youtubeAltIco:before,
.no-svg .youtubeAltSocialDiamond56Ico:before {
    background-image: url('../../img/social_icons/youtube_alt.png');
}
.no-svg .instagramIco:before,
.no-svg .instagramSocialDiamond56Ico:before {
    background-image: url('../../img/social_icons/instagram.png');
}
.no-svg .pinterestIco:before,
.no-svg .pinterestSocialDiamond56Ico:before {
    background-image: url('../../img/social_icons/pinterest.png');
}

.offersDiamond56Ico:before,
.accessoriesDiamond56Ico:before,
.registerYourInterestDiamond56Ico:before,
.registerYourInterestFooterDiamond56Ico:before {
    font-size: 36px;
}
.registerYourInterestDiamond56Ico:before,
.registerYourInterestFooterDiamond56Ico:before {
    content: "\e075";
}
.scrollerHeading28Ico:before {
    content: "\e01f";
}
.scrollerHeadingShort28Ico:before {
    content: "\e01e";
}
.fuelConsumption28Ico:before {
    content: "\e011";
}
.co2Emissions28Ico:before {
    content: "\e018";
}
p.downloadLink a:before,
.downloadLink a:before,
.downloadIco:before{
    font-size: 28px;
    content: "\e01f";
}
.externalLink:after,
.externalLink:before,
.externalLinkIco:before {
    content: "\e01e";
}
.upChevronSmallIco:before,
#pageFooter .backToTop a:after,
.formField .showMoreActions .less:before {
    content: "\e009";
}
.downChevronSmallIco:before,
#pageFooter .languageOptions p:after,
.configMomentDesign ul li.current:before,
.modelEngineSelector .openChoicesOpenBtn:before,
.formField .showMoreActions .more:after {
    content: "\e00c";
}
.searchAgain:before,
.searchAgainTop:before,
.dealer .cta.largeSpacingTop a:before,
.leftChevronSmallIco:before,
.picker__nav--prev:before {
    content: "\e00b";
}
.searchAgain:before,
.searchAgainTop:before {
	font-size: 18px;
	font-weight: bold;
}
.rightChevronSmallIco:before,
.responsiveTable .moreInfo:before,
.linkList li:after,
.linkList li:before,
.linkList li a:before,
.secondaryNav .navList li:after,
.mainNavItems ul li a:after,
.richText ul.linkList li a:before,
.sitemapLinkList a:after,
.primaryCta:before,
.primaryBtnSubmit:before,
.secondaryCta a:after,
.secondaryCta a:before,
.rttSecondaryCTA a:after,
.rttSecondaryCTA a:before,
a.secondaryCtaFull:before,
.primarySubmitButton:before,
.secondarySubmitButton:before,
.selectedDealerDetails .dealerDetails .dealerLinks a:after,
.productLinesList .title:after,
.picker__nav--next:before,
.reevooGroup a.reevooGroupLink:before,
.reevooGroup a.reevooGroupLink:after,
.reevooBadgeHolder > a:first-child:before,
.reevooBadgeHolder > a:first-child:after {
    font-size: 28px;
    content: "\e00a";
}
.upChevronLargeIco:before {
    content: "\e019";
}
.downChevronLargeIco:before {
    content: "\e01c";
}
#dealerSearchResultsList .dealerResult h3 a:before,
#mapResult a.mapResultLink:before,
.rightChevronLargeIco:before,
.diamondCtaLinkList .title:after {
    content: "\e00a";
}
.leftChevronLargeIco:before {
    content: "\e01b";
}

.leftRightChevronLargeIco:before {
    content: "\e007";
}

.getDirectionsIco:before {
    content: "\e022";
}
.phoneNumberIco:before,
.phoneNumberDiamond56Ico:before {
    content: "\e082";
}
.sendMessageIco:before {
    content: "\e016";
}

.pinterest28Ico:before,
.pinterest28Ico a:before {
    content: "\e00d";
}
.twitter28Ico:before,
.twitter28Ico a:before {
    content: "\e008";
}
.youtube28Ico:before,
.youtube28Ico a:before {
    content: "\e007";
}
.facebook28Ico:before,
.facebook28Ico a:before {
    content: "\e012";
}

.laptop28Ico:before {
    content: "\e094";
}
.pause28Ico:before {
    content: "\e093";
}
.play28Ico:before {
    content: "\e092";
}

.model28Ico:before {
    content: "\e097";
}
.engineCC28Ico:before {
    content: "\e014";
}
.torque28Ico:before {
    content: "\e009";
}
.power28Ico:before {
    content: "\e00c";
}
.driveTrain28Ico:before {
    content: "\e01c";
}
.acceleration28Ico:before {
    content: "\e01d";
}
.insurance28Ico:before {
    content: "\e00f";
}
.startAgain28Ico:before {
    content: "\e089";
}
.bookOnline28Ico:before,
.bookOnlineDiamond56Ico:before{
    content: "\e088";
}
.taxBand28Ico:before {
    content: "\e090";
}
.print28Ico:before {
    content: "\e091";
}
.share28Ico:before {
    content: "\e087";
}
.bikeModel28Ico:before {
    content: "\e086";
}
.specArrow28Ico:before {
    content: "\e085";
}
.getInTouch28Ico:before {
    content: "\e083";
}
.phoneNumber28Ico:before {
    content: "\e082";
}
.topSpeed28Ico:before {
    content: "\e081";
}

.designSignPostIco:before,
.design28Ico:before {
    content: "\e016";
}
.performanceSignPostIco:before,
.performance28Ico:before {
    content: "\e00c";
}
.specification28Ico:before,
.specificationSignPostIco:before {
    content: "\e00a";
}
.offersSignPostIco:before,
.offers28Ico:before {
    content: "\e098";
}
.accessoriesDiamond56Ico:before,
.accessoriesSignPostIco:before,
.accessories28Ico:before {
    content: "\e01b";
}

.gallerySignPostIco:before,
.gallery28Ico:before {
    content: "\e010";
}

.colourSelector28Ico:before {
    content: "\e017";
}
.engineSelector28Ico:before,
.tableIcon:after {
    content: "\e013";
}

.line28Ico:before {
    content: "\e00b";
}
.lineBig28Ico:before {
    content: "\e00e";
}
.bullet28Ico:before {
    content: "\e015";
}
.rotateClockwise28Ico:before {
    content: "\e078";
}
.rotateAntiClockwise28Ico:before {
    content: "\e079";
}
.euEmissions28Ico:before {
    content: "\e077";
}

.helpMeChoose28Ico:before {
    content: "\e076";
}

/* Product Detail Headers */
h1[class$='Ico'],
h2[class$='Ico'],
h3[class$='Ico'] {
    position: relative;
    color: #1f1f1f;
    border-bottom: 1px solid #dcdcde;
    margin-bottom: .5em;
    padding-bottom: .3em;
    text-align: center;
    font-family: 'ProximaNovaExCnLight', Tahoma, Arial, Helvetica, sans-serif;
}
h1[class$='Ico']:before,
h2[class$='Ico']:before,
h3[class$='Ico']:before,
.tableIcon:after {
    background-color: #f4f3f8;
    bottom: -9px;
    color: #dc182d;
    left: 50%;
    line-height: 1;
    margin-left: -8px;
    position: absolute;
    text-align: center;
    width: 28px;
    font-size: 16px;
    height: 1em;
}

.singleProductLine h2[class$='Ico']:before {
    background-color: transparent;
}


h1[class$='28Ico']:before,
h2[class$='28Ico']:before,
h3[class$='28Ico']:before,
.tableIcon:after {
    width: 40px;
    font-size: 28px;
    bottom: -12px;
    margin-left: -20px;
}

.tableIcon:after {
    bottom: -12px;
}


/* Signpost icon */
[class$='SignPostIco'] {
    display: block;
    width: 56px;
    height: 56px;
    margin-bottom: .6em;
}

[class$='SignPostIco']:before {
    font-size: 48px;
    color: #DC182D;
    left: 0;
}
.specificationSignPostIco:before {
    left: -1px;
    top: 22px;
}
.accessoriesSignPostIco:before {
    left: -4px;
    top: 20px;
}
.performanceSignPostIco:before {
    left: -6px;
    top: 18px;
}
.offersSignPostIco:before {
    left: -8px;
    top: 13px;
}
.designSignPostIco:before {
    left: -11px;
    top: 12px;
}
.gallerySignPostIco:before {
    left: 0;
    top: 6px;
}

/* CTA */
.iconCta [class$="Diamond56Ico"]:before,
.iconCta [class$="Quote45Ico"]:before {
    position: absolute;
}
.iconCta [class$='Diamond56Ico']:after {
    font-family: 'glyphs14';
    font-size: 32px;
    left: auto;
    right: 5px;
    top: 10px;
    color: #fff;
}
.iconCta [class$='Diamond56Ico']:after {
    content: "\e00a";
}
.iconCta [class$='Diamond56Ico']:before {
    font-size: 46px;
    left: 3px;
    top: -1px;
}
.iconCta .testDriveDiamond56Ico:before,
.iconCta .testRideDiamond56Ico:before {
    top: 2px;
}
.iconCta .findDealerDiamond56Ico:before {
    left: 2px;
}
.iconCta .yourHondaDiamond56Ico:before {
    font-size: 44px;
}
.iconCta .bookDemoDiamond56Ico:before {
    top: -2px;
}
.iconCta .bookServiceDiamond56Ico:before {
    top: 0;
}
.iconCta .bookOnlineDiamond56Ico:before {
    font-size: 24px;
    left: 12px;
    top: 7px;
}
.iconCta .phoneNumberDiamond56Ico:before {
    font-size: 20px;
    left: 16px;
    top: 9px;
}
.iconCta .offersDiamond56Ico:before {
	top: 6px;
	left: 10px;
	font-size: 35px;
}
.iconCta .accessoriesDiamond56Ico:before {
	top: 1px;
	left: 6px;
	font-size: 38px;
}
.iconCta .saveCarDiamond56Ico:before {
    top: 1px;
    left: 6px;
    font-size: 24px;
}
.iconCta .registerYourInterestDiamond56Ico:before,
.iconCta .registerYourInterestFooterDiamond56Ico:before {
	top: 6px;
	left: 9px;
	font-size: 35px;
}

.slimNavInsert .globalCtas [class$="Diamond56Ico"]:before,
.mainHeader .globalCtas [class$="Diamond56Ico"]:before,
.pageFooterContainer .globalCtas [class$="Diamond56Ico"]:before {
    font-family: 'glyphs14';
    font-size: 28px;
}

/* accordion */
.accordion .accordionToggle:after {
    color: #00803E;
    font-size: 23px;
    position: absolute;
    left: 0;
    top: .75em;
}
/*
 * Honda platform - Inclusive - : Baseline : Grid
 * Defines layout styling of template grids
 *
----------------------------------------------- */

#outer {
	background: #f4f3f8;
	overflow-x: hidden;
	position: relative;
	z-index: 1; /* Viewport state flag for JS .is.mobile() */
}
body.disableScroll #outer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

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

#page {
	text-align: left;
}

/* Main structure
----------------------------------------------- */
.module {
	/* Don't apply clearing as this causes margins to add up */
	clear: both;
	margin: 64px 0;
}

#page > .module:last-child, #page > .hero:last-child {
	margin-bottom: 96px;
}

@media screen and (max-width: 620px) {
	#page > .module:last-child, #page > .hero:last-child {
		margin-bottom: 0;
		padding-bottom: 104px; /* not right - padding should be applied to .moduleFlush wrapper - margin should be applied to .module wrapper - need to review */
	}
}

.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
	 */
	margin: 0;
	padding-top: 64px;
	padding-bottom: 64px;
}
.moduleFlush:after {
	/* Apply clearing in this instance as we want clearing to ensure background consistency and margins cannot add up */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.wrapperInner {
	padding: 0 5%;
}


.row {
	clear: both;
}
.row:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.col {
	float: left;
	width: 100%;
}

.col.heroImage {
	padding: 0;
}

.pageHeadingIntro {
	padding: 64px 0 0;
}

.col > img {
	width: 100%;
}

/* Minor breakpoint for two column layout */
@media screen and (min-width: 480px) {
	.wrapperInner {
		padding: 0 6.6666667%;
	}
}


/* Responsive Navigation - Mobile Styles */
/* ====================== */

.hondaHeader {
    text-transform: uppercase;
    font-family: "ProximaNovaExCnLight";
    letter-spacing: 1px;
    position: relative;
    width: 100%;
	z-index: 100; /* keep above sticky cta's (m_204.00) */
    /* text-rendering: geometricPrecision; */ /* stops rendering of custom fonts on samsung galaxy tab (default browser) */
}

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

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

.hondaHeader a {
    text-decoration: none;
}

.hondaHeader a,
.hondaHeader header {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.hondaHeader header {
    width: 100%;
}

.hondaHeader img {
    width: 100%;
    height: auto;
}

.hondaHeader section {
    background: #fff;
    display: none;
}
.hondaHeader section.active {
    display: block;
}

.hondaHeader section > a.closeSecondaryHeader,
.hondaHeader nav.primaryNavigation ul {
    display: none;
}

.hondaHeader > .inner {
    position: relative;
}

.hondaHeader nav.accessibilityLinks {
    display: none;
}

/* MOBILE SEARCH BOX */
/* ===================================== */

.hondaHeader .searchFormMobile {
    background: #fff;
    display: none;
    padding: 0;
}

.hondaHeader .searchFormMobile.active {
    display: block;
}

.hondaHeader .searchFormMobile input {
    border: 1px solid #E0E0E0;
    height: 34px;
    margin: .3em 0 1em;
    padding-right: 40px; /* for icon */
    padding-left: 0.5em;
    border-radius: 0;
    width: 100%;
    outline: none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hondaHeader .searchFormMobile form {
    position: relative;
    overflow: hidden;
    padding: 0 1.5em;
}

.hondaHeader .searchFormMobile form label {
    display: none;
}

.hondaHeader .searchFormMobile button {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    border-radius: 0;
    margin: 0.3em 0.75em 0 -0.75em;
    padding: 0;
    background: #00803e;
    font-size: 1.6em;
    outline: none;
    text-align: center;
    /* float: right; */
    overflow: hidden;
    border: none;
}
.hondaHeader .searchFormMobile button:before {
    content: "\e017";
    font-family: glyphs14;
    color: #fff;
    font-size: 1.6em;
    padding-right: .1em;
}

.hondaHeader .searchFormMobile button span {
    display: none;
}

.hondaHeader > nav {
    background: #DC182D;
    overflow: hidden;
    width: 100%;
}

.hondaHeader > nav form,
.hondaHeader > nav form label {
   display: none;
}

/* search open overlay mask */
.searchOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
    z-index: 9999;
    opacity: 0;
    -webkit-transition: opacity 400ms ease-in-out;
    -moz-transition: opacity 400ms ease-in-out;
    transition: opacity 400ms ease-in-out;
}

.searchOverlayOpen .searchOverlay {
	opacity: 1;
}

.searchOverlayClose .searchOverlay {
	opacity: 0;
}

.searchOverlayOpen #pageBillboard,
.searchOverlayOpen .hondaHeader,
.searchOverlayOpen .hondaHeader > .inner {
	position: relative;
	z-index: 10000;
}

/* Main Logo */
/* ===================================== */

.hondaHeader h1,
.hondaHeader .pseudoHeading {
    margin: 0;
    background: #fff;
    text-align: left;
    border-bottom: none;
    padding: .1em 0 0 .2em;
    overflow: hidden;
    margin: 0;
    height: 47px;
}

.hondaHeader .pseudoHeading {
	font-size: 5.4em;
}

.hondaHeader .pseudoHeading,
.hondaHeader .pseudoHeading a.search {
	height: 56px;
	line-height: 1;
}

.hondaHeader h1 a.logo,
.hondaHeader .pseudoHeading a.logo {
    width: 190px;
    height: 40px;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    -webkit-backface-visibility: hidden;
}

.hondaHeader h1:before {
    margin-bottom: 0;
    display:none;
}

.hondaHeader h1:after {
    display: none;
}

.hondaHeader h1 a.search,
.hondaHeader .pseudoHeading a.search {
    float: right;
    background: none;
    margin-top: -0.05em;
}

.hondaHeader h1 a.search:before,
.hondaHeader .pseudoHeading a.search:before {
    font-size: 42px;
    content: "\e017";
    font-family: glyphs14;
    margin-right: 0.105em;
}

.hondaHeader h1 a.search.active:before,
.hondaHeader .pseudoHeading a.search.active:before {
    content: "\e031";
    margin-right: 0.07em;
}


/* Primary Level Navigation */
/* ====================== */

.hondaHeader h2 {
    font-size: 2.6em;
    display: block;
    color: white;
    float: left;
    margin: 0;
    width: 100%;
}

.hondaHeader h2 a {
    color: #fff;
    display: block;
    padding: .4em 0 .3em .5em;
}

.hondaHeader h2 a span.menu_btn {
    display: block;
    width: 30px;
    height: 30px;
    float: right;
    position: relative;
    margin-right: 5px;
    margin-top: 3px;
}

.hondaHeader h2 a span.menu_btn span {
    position: absolute;
    left: 0;
    width: 24px;
    height: 4px;
    background-color: #fff;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}


.hondaHeader h2 a span.menu_btn span.line2 {
    top: 7px;
    }

.hondaHeader h2 a span.menu_btn span.line3 {
    top: 14px;
}

.hondaHeader h2.active a span.menu_btn span.line1 {
    top: 7px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.hondaHeader h2.active a span.menu_btn span.line2 {
    opacity: 0;
}

.hondaHeader h2.active a span.menu_btn span.line3 {
    top: 7px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.hondaHeader .firstState,
.hondaHeader .secondState > a {
    display: none;
}

.hondaHeader .content {
    font-family: "ProximaNovaExCnSbold",Tahoma,Helvetica,Arial,sans-serif;
}

.hondaHeader .content ul {
    margin: 0;
}

/* Accordion = Tabs */
/* =========================================== */

.hondaHeader article > header {
    background: #F4F3F8;
    font-size: 1.45em;
    position: relative;
    font-family: "ProximaNovaExCnSReg";
    text-align: left;
    width: auto; /* Reset from the base.css */
    text-transform: uppercase;
}

.hondaHeader article > header:active,
.hondaHeader article > header:active a:before,
.hondaHeader article > header:active a,
.hondaHeader article > header:active a:hover {
    background: #01948b;
    color: #fff;
}

.hondaHeader article > header a,
.hondaHeader article > header a:hover {
    color: #555;
}

.hondaHeader article > header a:before {
    font-family: 'glyphs14';
    position: absolute;
    right: 10px;
    top: 15px;
    color: #00803E;
}

.hondaHeader li.active article > header a:before {
    content: "\e015";
}

.hondaHeader article > header a[data-flyout="true"]:before {
    content: "\e013";
}

.hondaHeader article > header a[data-flyout="false"]:before {
    content: "\e00a";
    font-size: 31px;
    top: 11px;
    right: 7px;
}

.hondaHeader article > header span {
    display: block;
    border-top: 1px solid #ddd;
    width: 92%;
    margin: 0 auto;
    padding: 0.5em 0;
}

.hondaHeader article > header span span {
    padding: 0;
    margin: 0;
    width: auto;
    border: none;
}

.hondaHeader section .inner > ul > li:first-child span {
    border-top: none;
}

.hondaHeader article > .content {
    display: none;
}
.hondaHeader li.active article > .content {
    display: block;
}

/* Category headers for first state */
/* =========================================== */

.hondaHeader .productList > li {
    width: 100%;
}

.hondaHeader .productList > li > header {
    border-bottom: 1px solid #F4F3F8;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin: 0 4%;
    width: auto;
    width:93%;
}

.hondaHeader .productList > li > header a {
    display: inline-block;
    width:100%;
    height:100%;
}

.hondaHeader .productList > li > header a:before {
    content: "\e013";
    font-family: 'glyphs14';
    font-size: 1.2em;
    color: #00803e;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -11px;
    z-index: 1;
}

 .hondaHeader .productList > li > header a:after {
    content: '';
    height: 100%;
    width: 53px;
    position: absolute;
    top: 0;
    right: -18px;
}
.hondaHeader .productList > li > header a:active:before {
    color: #fff;
}

.hondaHeader .productList > li > header a:active:after {
    background: #01948b;
}

.hondaHeader .productList > li.active > header a:before {
    content: "\e015";
}

.hondaHeader .productList > li > header[data-is-categorised="false"] a:before {
    content: "\e00a";
    font-size: 2em;
    right: -6px;
}

.hondaHeader .productList > li > header img {
    width: 30%;
    margin: 1em 0;
}

.hondaHeader .productList > li > header p {
    font-family: "ProximaNovaExCnSReg";
    position: absolute;
    padding: 0;
    left: 35%;
    top: 50%;
    margin-top: -10px;
    /*white-space: nowrap; /* Nexus fix */
    padding-right: 25px;
}

.hondaHeader .productList > li > header p span {
    border-bottom: 1px solid #00803e;
    -webkit-transition: border-bottom .3s;
    -moz-transition: border-bottom .3s;
    -ms-transition: border-bottom .3s;
    -o-transition: border-bottom .3s;
    transition: border-bottom .3s;
    font-family: "ProximaNovaExCnSbold",Tahoma,Helvetica,Arial,sans-serif;
}
    .hondaHeader .productList > li > header:hover p span {
        border-bottom: 3px solid #00803e;
    }
    .hondaHeader .productList > li > header.active p span {
        border-bottom: none;
}

.hondaHeader .productList > li.active > header p span {
    border-bottom: none;
}

/* Category content second state */
/* =========================================== */

.hondaHeader .secondState > img {
    display: none;
}

.hondaHeader .productList > li > ul {
    display: none;
}
.hondaHeader .productList > li.active > ul {
    display: block;
    margin: 0 1em;
    border-bottom: 3px solid #F4F3F8;
    padding: 1em 0 1em;
}
.hondaHeader .productList > li.active header p {
    color: #DC182D;
}

.hondaHeader .productList > li.active header a > p > span {
    border-bottom: none;
}

.hondaHeader .productList > li.active header a:hover > p > span {
    color: #DC182D;
}

.hondaHeader .productList > li > a {
    display: none;
    padding: .35em .6em .35em 0;
    margin: 0 1em 0;
}
    .hondaHeader .productList > li > a:active {
        color: #fff;
    }

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

.hondaHeader .productList > li > a.rightChevronLargeIco:before {
    font-size: 1.3em;
    margin-left: 0.2em;
}

/* Bikes get to know supersport. */
.hondaHeader .strictCategorised .productList li.active > a {
    display: block;
    background: #F4F3F8;
}

.hondaHeader .strictCategorised .productList li.active > a:active {
    background: #00803e;
    color: #fff;
}

.hondaHeader .lazyCategorised > img {
    display: none;
}

/* Desktop product heading */
.hondaHeader .productTypeHeading {
    display: none;
}

.hondaHeader .productList > li > ul,
.hondaHeader .lazyCategorised .secondState > ul  {
    overflow: hidden;
    padding: 1em;
    clear: both;
}

.hondaHeader .productList > li > ul > li,
.hondaHeader .lazyCategorised .secondState > ul > li {
    width: 49%;
    text-align: center;
    border: none;
    vertical-align: top;
    display: inline-block;
}

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

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

.hondaHeader .productList > li > ul li a,
.hondaHeader .lazyCategorised .secondState > ul > li a {
    color: #555;
    display: block;
    padding: 1.1em 0 .5em;
}

.hondaHeader .productList > li > ul li a:hover,
.hondaHeader .lazyCategorised .secondState > ul > li a:hover {
    background: #F4F3F8;
}

.hondaHeader a p span {
    border-bottom: 1px solid #00803e;
    -webkit-transition: border-bottom .3s;
    -moz-transition: border-bottom .3s;
    -ms-transition: border-bottom .3s;
    -o-transition: border-bottom .3s;
    transition: border-bottom .3s;
    font-family: "ProximaNovaExCnSbold",Tahoma,Helvetica,Arial,sans-serif;
}

.hondaHeader a:hover p span {
    color: #01948b;
    border-bottom: 3px solid #00803e;
}

.hondaHeader a p span.price {
    margin-top: .3em;
    display: block;
    border-bottom: none;
    text-transform: none;
    font-size: .9em;
}

.hondaHeader a:hover p span.price {
    border-bottom: none;
}

.hondaHeader .secondState ul > li.current a .street,
.hondaHeader .secondState ul > li.current a .price {
    color: #555;
}

.hondaHeader .productList > li > ul li img,
.hondaHeader .lazyCategorised .secondState > ul > li img {
    width: 70%;
    display: block;
    margin: .5em auto;
}

.hondaHeader .productList > li > ul li.selected a,
.hondaHeader .lazyCategorised .secondState > ul > li.selected a {
    background: #F4F3F8;
    color: #DC182D;
}

.hondaHeader .productList > li > ul li.selected a span,
.hondaHeader .lazyCategorised .secondState > ul > li.selected a span {
    border-bottom: none;
}

.hondaHeader .productList > li > ul li.selected a:hover span,
.hondaHeader .lazyCategorised .secondState > ul > li.selected a:hover span {
    color: #DC182D;
}

.hondaHeader .secondState ul > li.current,
.hondaHeader .secondState ul > li.current:hover {
    cursor: auto;
    background: none;
}
.hondaHeader .secondState ul > li.current a:hover,
.hondaHeader .secondState ul > li.current a {
    background: none;
    border-color: transparent;
}
.hondaHeader .secondState ul > li.current a span,
.hondaHeader .secondState ul > li.current a:hover span {
    color: #DC182D;
    border: none;
}

.hondaHeader .secondState ul > li.current a:hover span.price {
    color: #555;
    border: none;
}

.hondaHeader .secondState > ul li > a > p {
    position: relative;
}

.hondaHeader .secondState > ul li a > p > span > span {
    display: block;
    margin-right: 5px;
    color: #DC182D;
    border-bottom: none;
    text-transform: none;
    font-size: 0.8em;
    position: absolute;
    width: 100%;
    left: 0;
    top:-1.3em;
}

.hondaHeader a p span.street {
    color: #555;
    border-bottom: none;
}

.hondaHeader .lazyCategorised .secondState > ul > li.current a:hover span {
    border-bottom: none;
}

/* ACTIVE STATES */
/* ===================== */

.hondaHeader .lazyCategorised .active .secondState > ul li a {
    display: block;
    margin:0;
}

.hondaHeader section .inner > ul > li.active > article > header span,
.hondaHeader .productList > li.active header {
    border-bottom: none;
}

/* SIDEBAR STYLING */
/* =========================================== */

.hondaHeader aside {
    padding: 0em 1em 0em;
    font-family: "ProximaNovaExCnSbold",Tahoma,Helvetica,Arial,sans-serif;
}

.hondaHeader aside ul {
    padding: 0;
    overflow: visible;
    margin: 0;
}

.hondaHeader aside > a {
    display: block;
    padding: 1em 0;
    border-bottom: 3px solid #F4F3F8;
    border-top: 1px solid #F4F3F8;
    font-size: 1.2em;
    line-height: 1;
    position: relative;
}

    .hondaHeader aside > a:before,
    .hondaHeader aside > a:after {
        font-family: 'glyphs14';
        position: absolute;
        z-index: 1;
    }

    .hondaHeader aside > a:before {
        content: '\e01a';
        right: -6px;
        top: 50%;
        font-size: 1.2em;
        font-weight: bold;
        padding-left: .8em;
        height: 24px;
        margin-top: -12px;
        z-index: 2;
    }

    .hondaHeader aside > a:after {
        content: '';
        height: 100%;
        width: 50px;
        right: -5px;
        top: 0;
    }

    .hondaHeader aside > a:active:before {
        color: #fff;
    }

    .hondaHeader aside > a:active:after {
        background: #01948b;
    }

.hondaHeader aside > a.selected {
    color: #DC182D;
}

    .hondaHeader aside > a.selected:hover:before {
        background: #fff;
    }

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

.hondaHeader aside header {
    display: block;
    position: relative;
    width: 100%;
    padding: 1em 0;
    color: #000;
}
    .hondaHeader aside li header:before {
        content: '\e013';
        font-family: 'glyphs14';
        position: absolute;
        right: -4px;
        top: 50%;
        font-size: 1.3em;
        height: 16px;
        margin-top: -8px;
        z-index: 1;
        color: #00803e;
    }
    .hondaHeader aside li header:after {
        content: '';
        position: absolute;
        top: 0;
        right: -12px;
        height: 100%;
        width: 45px;
    }
    .hondaHeader aside header:active {
        cursor: pointer;
        color: #01948b;
    }
    .hondaHeader aside header:active:before {
        color: #fff;
        right: -8px;
        top: 50%;
        font-size: 2em;
        margin-top: -7px;
    }
    .hondaHeader aside header:active:after {
        background: #01948b;
    }

.hondaHeader aside .content {
    border-bottom: none;
    display: none;
    padding: 0;
}

.hondaHeader aside .content ul {
    border-top: 1px solid #F4F3F8;
}

.hondaHeader aside .content li {
    text-transform: none;
    width: 100%;
    float: none;
    text-align: left;
    border-bottom: 1px solid #F4F3F8;
    position: relative;
    padding: 0.6em 0;
}
    .hondaHeader aside .content li:before {
        content: '\e01a';
        font-family: 'glyphs14';
        position: absolute;
        right: -4px;
        top: 50%;
        font-size: 1.3em;
        color: #00803e;
        margin-top: -11px;
        z-index: 1;
    }
    .hondaHeader aside .content li:after {
        content: '';
        position: absolute;
        top: 0;
        right: -5px;
        height: 100%;
        width: 45px;
    }
    .hondaHeader aside .content li:active:before {
        color: white;
    }
    .hondaHeader aside .content li:active:after {
        background: #01948b;
    }

.hondaHeader aside .content li a {
    color: #555;
    font-size: 0.9em;
    padding: 0.7em;
}
    .hondaHeader aside .content li a:hover {
        color: #01948b;
    }
    .hondaHeader aside li.active header:before {
        content: "\e015";
    }

.hondaHeader aside .promoContent {
    display: none;
    background: #f4f3f8;
}

.hondaHeader aside .alternateSidebarContent {
    display: none;
}

.hondaHeader aside li li.more {
    display: block;
}

/* Nav Groups */
/* =========================================== */

.hondaHeader .navGroups .content {
    padding: 0 1em;
}

.hondaHeader .navGroups .content a {
    color: #555;
    text-transform: none;
    font-size: .9em
}

.hondaHeader .navGroups .content a:hover {
    color: #01948b;
}

.hondaHeader .navGroups header {
    border-bottom: 1px solid #F4F3F8;
    padding-bottom: .55em;
}

.hondaHeader .navGroups .content header a {
    text-transform: uppercase;
}

.hondaHeader .navGroups .content header a:hover {
    color: #555;
}

.hondaHeader .navGroups article > header {
    padding-bottom: 0em;
}

.hondaHeader .navGroups .content > ul > li {
    margin-bottom: .5em;
    border-bottom: 3px solid #F4F3F8;
    margin-top: 1.3em;
}

.hondaHeader .navGroups .content > ul > li:last-of-type {
    margin-bottom: 0;
}

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

.hondaHeader .navGroups li li {
    padding: 0.8em 0 .6em 0.5em;
    border-bottom: 1px solid #F4F3F8;
    position: relative;
}
    .hondaHeader .navGroups li li:before {
        content: '\e01a';
        font-family: 'glyphs14';
        position: absolute;
        right: -5px;
        top: 50%;
        font-size: 14px;
        color: #00803e;
        margin-top: -11px;
        z-index: 1;
    }
    .hondaHeader .navGroups li li:after {
        content: '';
        position: absolute;
        top: 0;
        right: -5px;
        height: 100%;
        width: 45px;
    }
/*
    .hondaHeader .navGroups li li:active:before {
        color: #fff;
    }
    .hondaHeader .navGroups li li:active:after {
        background: #01948b;
    }
*/


/*.hondaHeader .navGroups li li.more {
    display: none;
}*/

.hondaHeader .navGroups li li.selected a,
.hondaHeader .navGroups li li.selected a:hover,
.hondaHeader .navGroups li li.selected:before {
    color: #DC182D;
}

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

.hondaHeader .navGroups aside {
    padding: 0;
}

.hondaHeader .navGroups .content aside > a {
    color: #00803e;
    display: block;
    font-size: 1.3em;
    padding: .7em 0;
    text-transform: uppercase;
    position: relative;
    border-bottom: 0;
}

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

.hondaHeader .navGroups .content aside > a:before {
    content: '\e01a';
    font-family: 'glyphs14';
    position: absolute;
    right: -8px;
    top: 50%;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: .8em;
    height: 18px;
    margin-top: -11px;
    z-index: 1;
}

.hondaHeader .navGroups .content aside > a:after {
    content: '';
    height: 100%;
    width: 50px;
    position: absolute;
    right: -8px;
    top: 0;
}

.hondaHeader .navGroups .content aside > a:active:before {
    color: #fff;
    z-index: 2;
}

.hondaHeader .navGroups .content aside > a:active:after {
    background: #01948b;
}

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

.hondaHeader .navGroups .content aside ul .content li {
    border-bottom: 1px solid #F4F3F8;
    margin: 0;
    padding-left: 0;
}


/* 5. CTAS */
/* =========================================== */

.hondaHeader nav.ctas {
    background: #fff;
    padding: 0;
    padding-top: 2px;
    display: none;
}

.hondaHeader nav.ctas.active {
    display: block;
}
.hondaHeader nav.ctas ul {
    display: table;
    width: 100%;
    table-layout: fixed;
	margin-bottom: 0;
}
    .hondaHeader nav.ctas ul [class$='registerYourInterestDiamond56Ico']:before,
    .hondaHeader nav.ctas ul [class$='registerYourInterestFooterDiamond56Ico']:before {
        font-size: 28px;
        padding-top: 12px;
    }

    .hondaHeader nav.ctas ul [class$='Diamond56Ico']:before{
        position: absolute;
        top: 0;
        text-align: center;
        width: 100%;
        left: 0;
    }

    .hondaHeader nav.ctas ul [class$='Diamond56Ico']:after {
        display: none;
    }

.hondaHeader nav.ctas ul li:first-child {
    border-left: none;
}

.hondaHeader nav.ctas ul li {
    display: table-cell;
    text-align: center;
    border-left: 1px solid #fff;
    width: 33.15%;
    background-color: #00803E;
}

.hondaHeader nav.ctas ul li:hover {
	cursor: pointer;
	background-color: #01948B;
}

.hondaHeader nav.ctas ul li a {
    color: #fff;
    display: block;
    padding-top: 2.6em;
    padding-bottom: .2em;
    text-transform: none;
}

.hondaHeader nav.ctas ul li a span {
    display: block;
    text-align: center;
    float: none;
}

.hondaHeader nav.ctas ul li.selected a {
    background: #fff;
    border-top: 3px solid #DC182D;
    color: #DC182D;
    padding: .4em 0;
}

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

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

/* individualisedSidebars */
/* ====================== */

.hondaHeader .individualisedSidebars aside {
    display: none;
}

 .hondaHeader .individualisedSidebars li.active > aside {
    display: block;
}


/* ============================

Responsive Navigation

=============================== */

.secondaryResponsive {
    background: white;
    padding: 1em 1.6em 1em 2em;
}

.secondaryResponsive header {
    width: 100%;
    text-align: left;
}

.secondaryResponsive .titles {
    float: left;
    margin-bottom: 0.5em;
}

.secondaryResponsive .titles p {
    padding: 0;
    text-align: left;
    font-size: 1.5em;
    font-family: "ProximaNovaExCnLight", Tahoma, Helvetica, Arial, sans-serif;
    margin-bottom: 0;
}

.secondaryResponsive .titles p span {
    color: #DC182D;
}

.secondaryResponsive .titles h3 {
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    color: #757575;
}

.secondaryResponsive .titles h4 {
    border-bottom: none;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 1.3em;
    color: #757575;
}

.secondaryResponsive aside {
    margin-right: -1.2em;
}

.secondaryResponsive aside,
.secondaryResponsive aside a {
    float: right;
}

.secondaryResponsive aside p {
    float: left;
    font-family: "ProximaNovaExCnSbold";
    font-size: 1.6em;
    padding-top: .3em;
    padding-right: 0.5em;
}

.secondaryResponsive aside a {
    border-left: 1px solid #ccc;
    display:block;
    margin:0;
    text-decoration: none;
    font-size: 3em;
    padding: .4em .1em .4em .3em;
}

.secondaryResponsive aside a:before {
    content: "\e029";
    font-family: 'glyphs14';
    display: block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
}

.secondaryResponsive.active aside a:before {
    transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
}

.secondaryResponsive aside a span {
    text-indent: -9999em;
    display: block;
}

.secondaryResponsive article {
    clear: both;
    display: none;
    border-top: 2px solid #327f55;
}

.secondaryResponsive article a {
    text-decoration: none;
    color: #3b3b3b;
}

.secondaryResponsive article li {
    padding: .8em 0;
    border-top: 1px solid #ddd;
}

.secondaryResponsive article li:first-child {
    border-top: none;
}

.secondaryResponsive article li.current a,
.secondaryResponsive article li.current a:before {
    color: #DC182D;
}

.secondaryResponsive article li a {
    display: block;
    width: 100%;
    font-family: "ProximaNovaExCnSbold";
    font-size: 1.15em;
    letter-spacing: 1px;
}

.secondaryResponsive article li a:before {
    content: "\e00a";
    font-family: 'glyphs14';
    display: block;
    float: right;
    font-size: 2em;
    color: #327f55;
    margin-right: -0.2em;
}

.secondaryResponsive.active article {
    display:block;
}

.secondaryResponsive.sticky {
    display: none;
}

.responsiveFooter
{
	background: white;
}
.responsiveFooter .buttonWrap
{
	background: #f4f3f8;
	border-bottom: 3px solid #585858;
	text-align: center;
}
.responsiveFooter .buttonWrap a
{
	background: #585858;
	color: white;
	display: inline-block;
	font-family: "ProximaNovaExCnSbold";
	font-size: 1.85em;
	letter-spacing: 1px;
	line-height: .8;
	margin-bottom: -1px;
	moz-transition: background-color .2s ease-in-out;
	ms-transition: background-color .2s ease-in-out;
	o-transition: background-color .2s ease-in-out;
	padding: .7em .25em .7em 1em;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s ease-in-out;
	webkit-transition: background-color .2s ease-in-out;
}
.responsiveFooter .buttonWrap a:hover
{
	background: #017d75;
}
.responsiveFooter .buttonWrap a:before
{
	content: "\e009";
	float: right;
	font-family: 'glyphs14';
	font-size: 28px;
	font-weight: bold;
	margin-top: -4px;
}
.responsiveFooter .ctas
{
	background: #00803E;
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
}
.responsiveFooter .ctas li
{
	display: table-cell;
	font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	margin: 0;
	moz-transition: 0.3s background-color;
	ms-transition: 0.3s background-color;
	o-transition: 0.3s background-color;
	position: relative;
	text-align: center;
	transition: 0.3s background-color;
	webkit-transition: 0.3s background-color;
	width: 33.333%;
	z-index: 10;
}
.responsiveFooter .ctas li:hover
{
	background-color: #01948b;
}
.responsiveFooter .ctas li a
{
	color: white;
	display: block;
	line-height: 1;
	padding-bottom: 0.8em;
	position: relative;
	text-decoration: none;
}
.responsiveFooter .ctas li a:before
{
	display: block;
	left: 0;
	margin-bottom: -5px;
	top: 0;
}
.responsiveFooter .ctas li a:after
{
	display: none;
}
.responsiveFooter .ctas li a.registerYourInterestDiamond56Ico:before,
 .responsiveFooter .ctas li a.registerYourInterestFooterDiamond56Ico:before
{
	font-size: 30px;
	top: -10px;
}
.responsiveFooter .footerHeading
{
	color: #757575;
	font-family: "ProximaNovaExCnSReg";
	font-size: 2.2em;
	line-height: 1.2;
	padding: 0.65em 0.8em;
	text-align: center;
	text-transform: uppercase;
	width: 94%;
}
.responsiveFooter article
{
	clear: both;
}
.responsiveFooter article li a
{
	color: #3b3b3b;
	font-family: "ProximaNovaExCnSbold",Tahoma,Helvetica,Arial,sans-serif;
	font-size: 0.95em;
	letter-spacing: 0.1em;
	text-decoration: none;
}
.responsiveFooter .footerAccordion .footerHeading
{
	background: #f4f3f8;
	color: #1f1f1f;
	font-family: "ProximaNovaExCnSReg";
	font-size: 2.2em;
	font-weight: normal;
	margin-bottom: 0;
	text-align: left;
}
.responsiveFooter .footerAccordion .footerHeading:before
{
	color: #00803E;
	content: "\e013";
	float: right;
	font-family: 'glyphs14';
	font-weight: bold;
	margin-right: 4px;
	padding-top: 2px;
}
.responsiveFooter .footerAccordion.active .footerHeading:before
{
	content: "\e015";
}
.responsiveFooter .content
{
	display: none;
	margin-bottom: 0.5em;
}
.responsiveFooter .footerAccordion.active .content
{
	border-bottom: 3px solid #f4f3f8;
	display: block;
}
.responsiveFooter .content ul
{
	padding: 0 1.8em;
}
.responsiveFooter .content ul li
{
	border-top: 1px solid #f4f3f8;
	padding: .6em 0;
}
.responsiveFooter .content ul li:first-child
{
	border-top: none;
}
.responsiveFooter .content ul li a:before
{
	color: #00803E;
	content: "\e00a";
	float: right;
	font-family: 'glyphs14';
	font-size: 22px;
	font-weight: bold;
	margin: 1px -9px 0 0;
}
.responsiveFooter .social
{
	margin: 1.5em auto 1.7em;
	overflow: hidden;
	width: 95%;
}
.responsiveFooter .social li
{
	float: left;
	text-align: center;
}
.responsiveFooter .social li:before
{
	display: none;
}
.responsiveFooter .social[data-amount="1"] li
{
	width: 100%;
}
.responsiveFooter .social[data-amount="2"] li
{
	width: 50%;
}
.responsiveFooter .social[data-amount="3"] li
{
	width: 33%;
}
.responsiveFooter .social[data-amount="4"] li
{
	width: 25%;
}
.responsiveFooter .social li a
{
	display: block;
	font-size: 0.9em;
	line-height: 1;
	padding-top: 34px;
	position: relative;
}
.responsiveFooter .social li a:after
{
	background-color: #D1D1D1;
	bottom: 0;
	content: "";
	height: 1em;
	left: 0;
	position: absolute;
	width: 1px;
}
.responsiveFooter .social li:first-child a:after
{
	display: none;
}
.responsiveFooter .social li a:before
{
	color: #00803E;
	font-size: 24px;
	height: 24px;
	left: 50%;
	margin-left: -12px;
	position: absolute;
	right: 0;
	top: 0;
	width: 24px;
}
.responsiveFooter .usefulLinksResponsive
{
	border-top: 1px solid #00803e;
	text-align: center;
}
.responsiveFooter .usefulLinksResponsive .footerHeading
{
	display: none;
}
.responsiveFooter .usefulLinksResponsive ul
{
	padding: 1em 0;
}
.responsiveFooter .usefulLinksResponsive li
{
	display: inline-block;
	margin: 0 1em;
}
.responsiveFooter .usefulLinksResponsive li a
{
	border-bottom: 1px solid #7fbf9e;
	border-top: 0;
	color: #757575;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	transition: all .2s ease-in-out;
	webkit-transition: all .2s ease-in-out;
}
.responsiveFooter .usefulLinksResponsive li a:hover
{
	border-bottom: 3px solid #017d75;
	color: #017d75;
}
.responsiveFooter .languageSelector
{
	clear: both;
	display: block;
	margin: 0 auto;
	width: 55%;
}
.responsiveFooter .languageSelector p
{
	border: 1px solid #ccc;
	display: block;
	font-size: 1.3em;
	margin: 0;
	padding: 0.3em 0;
	position: relative;
}
.responsiveFooter .languageSelector p:before
{
	color: #00803e;
	content: "\e01c";
	font-family: 'glyphs14';
	font-weight: bold;
	position: absolute;
	right: 5px;
}
.responsiveFooter .languageSelector ul
{
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	display: none;
	width: 99%;
}
.responsiveFooter .languageSelector.active ul
{
	display: block;
	margin-top: 0;
}
.responsiveFooter .languageSelector ul li
{
	margin: 0;
	padding: 0;
	width: 100%;
}
.responsiveFooter article .languageSelector ul li a,
.responsiveFooter article .languageSelector ul li a:hover
{
	border-bottom: 0;
}
.responsiveFooter .logoFooter
{
	clear: both;
	padding-bottom: 2em;
	text-align: center;
}
.responsiveFooter .logoFooter p
{
	font-size: 1.35em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
.responsiveFooter .logoFooter img
{
	display: block;
	margin: 2em auto;
	width: 127px;
}

.ie8 .responsiveFooter section
{
	padding: 3em 6em;
}
.ie8 .responsiveFooter .ctas
{
	background: white;
	float: left;
	width: 25%;
}
.ie8 .responsiveFooter .ctas li
{
	box-sizing: border-box;
	display: block;
	margin-bottom: 1.1em;
	padding: 1em 0 1em 64px;
	position: relative;
	text-align: left;
	width: 100%;
	z-index: 0;
}
.ie8 .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;
}
.ie8 .responsiveFooter .ctas li a:hover
{
	background: transparent;
	border-bottom: 3px solid #017d75;
	color: #017d75;
}
.ie8 .responsiveFooter .ctas li a:before
{
	color: #fff;
	font-size: 48px;
	left: -1.26em;
	position: absolute;
	top: -0.255em;
	z-index: 1;
}
.ie8 .responsiveFooter .ctas li a.accessoriesDiamond56Ico:before
{
	font-size: 2.8em;
	left: 7px;
	margin-right: 0.25em;
	min-height: 54px;
	top: 3px;
}
.ie8 .responsiveFooter .ctas li a:after
{
	background: url('../../img/icons/icon_cta_small_bg.png') no-repeat center top;
	content: ' ';
	display: block;
	height: 49px;
	left: -61px;
	position: absolute;
	top: -0.255em;
	width: 49px;
	z-index: -1;
}
.ie8 .responsiveFooter .ctas li a:hover:after
{
	background-position: center -49px;
	content: ' ';
}
.ie8 .responsiveFooter .footerAccordion.active .content
{
	border-bottom: none;
}
.ie8 .responsiveFooter article
{
	clear: none;
	float: left;
	margin-left: 2em;
	width: 21.5%;
}
.ie8 .responsiveFooter article .footerHeading,
.ie8 .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%;
}
.ie8 .responsiveFooter article .footerHeading:before
{
	display: none;
}
.ie8 .responsiveFooter article ul
{
	margin-top: 1.5em;
}
.ie8 .responsiveFooter article li
{
	margin-bottom: .5em;
	padding: .1em 0;
}
.ie8 .responsiveFooter .usefulLinksResponsive li
{
	margin: 0 0 0.54em;
	padding: 0;
}
.ie8 .responsiveFooter article li a,
.ie8 .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;
}
.ie8 .responsiveFooter article li a:hover
{
	border-bottom: 3px solid #017d75;
	color: #017d75;
}
.ie8 .responsiveFooter article .content
{
	display: block;
}
.ie8 .responsiveFooter article .content ul
{
	padding: 0;
}
.ie8 .responsiveFooter article .content ul li
{
	border-top: none;
	padding: 0;
}
.ie8 .responsiveFooter article .content ul li a:before
{
	display: none;
}
.ie8 .responsiveFooter article.usefulLinksResponsive li
{
	text-align: left;
	width: 100%;
}
.ie8 .responsiveFooter .social li
{
	padding: 0 0 0.5em 34px;
	text-align: left;
}
.ie8 .responsiveFooter .social li a:before
{
	left: -34px;
	margin-left: 0;
	top: -0.2em;
}
.ie8 .responsiveFooter .social li a:hover:before
{
	color: #017D75;
}
.ie8 .responsiveFooter .social li a:after
{
	display: none;
}
.ie8 .responsiveFooter .social[data-amount="1"] li,
.ie8 .responsiveFooter .social[data-amount="2"] li,
.ie8 .responsiveFooter .social[data-amount="3"] li,
.ie8 .responsiveFooter .social[data-amount="4"] li
{
	margin-bottom: 0;
	width: 100%;
}
.ie8 .responsiveFooter article.usefulLinksResponsive
{
	border-top: none;
}
.ie8 .responsiveFooter article.usefulLinksResponsive ul
{
	padding: 0;
}
.ie8 .responsiveFooter .languageSelector
{
	margin-bottom: 3em;
	width: 90%;
}
.ie8 .responsiveFooter .usefulLinksResponsive .footerHeading
{
	display: block;
}
.ie8 .responsiveFooter article.usefulLinksResponsive .languageSelector li
{
	margin-top: 0.3em;
}
.ie8 .responsiveFooter article.usefulLinks .languageSelector li a
{
	border-bottom: 0;
	padding-left: .8em;
}
.ie8 .responsiveFooter .languageSelector p
{
	cursor: pointer;
	padding-left: 0.7em;
}
.ie8 .responsiveFooter section > footer
{
	border-top: 1px solid #ddd;
	clear: both;
	padding-top: 2.5em;
}
.ie8 .responsiveFooter section > footer img
{
	display: inline;
	float: left;
	margin: 0;
}
.ie8 .responsiveFooter section > footer p
{
	float: left;
	font-size: 1.2em;
	margin-left: 1em;
}
.emissionsFooter
{
	margin-bottom: 96px;
}
.emissionsFooter .downloadLink,
.emissionsFooter .emissionsText
{
	letter-spacing: -.0125em;
}
.emissionsFooter .ctaContainer.downloadLink
{
	border-bottom: 1px solid #CBCBCB;
	border-top: none;
	padding-bottom: 8px;
	padding-left: 24px;
}
.emissionsFooter .emissionsText
{
	font-size: .8em;
}
.emissionsFooter .emissionsText p
{
	margin-bottom: 4px;
}
.emissionsFooter .downloadLink a
{
	font-size: 1.55em;
	letter-spacing: 0.02em;
}
.emissionsFooter .downloadLink a:before
{
	font-size: 1.2em;
	top: 2px;
}

.mapContainer {
    position: relative;
    overflow: hidden;
}

.mapContainer .map {
    min-height: 450px;
}

.mapContainer .map img {
    max-width: inherit;
}

.mapContainer .mapLockOverlay {
    background: url(../../img/transparent_pixel.png);
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.mapContainer .mapLockBtn {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3;
    margin: 0;
    padding: 0;
    width: 45px;
    height: 43px;
    border: 0;
    background: url(../../img/icons/map-icons.png) 0 0 no-repeat;
}

.mapContainer .mapLockBtn,
.mapContainer .mapLockOverlay {
    display: none;
}

.touch .mapContainer .mapLockBtn,
.touch .mapContainer .mapLockOverlay {
    display: block;
}

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

/* map lock */
.mapLock {
    z-index: 200;
}

/* jquery.maps plugin styles */
.mapPin {
    background: url(../../img/icons/map_markers.png) no-repeat 0 -100px;
    display: block;
    position: absolute;
    z-index: 1001;
}

.mapPin:focus,
.mapPin.selected {
    background-position: 0 -200px;
}

.mapPin.desktop {
    background-position: -100px -100px;
}

.mapPin.desktop.selected {
    background-position: -100px -200px;
}

.mapPinText {
    background: transparent;
    color: #dc182d;
    display: block;
    font-family: 'ProximaNovaExCnSReg';
    font-size: 1.8em;
    padding: 12px 0 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.mapPin.desktop .mapPinText {
    font-size: 3em;
    padding: 21px 0 0;
}

.selected .mapPinText {
    color: #fff;
}

/* Map Overlay */
#mapResult {
	background: #fff;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	text-align: left;
	z-index: 100;
}

#mapResult .mapResultInner {
	padding: 6px 16px;
	position: relative;
}

#mapResult .mapResultInner:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
}

#mapResult .mapResultInner .mapResultNumber:before {
    color: #dc182d;
    font-size: 36px;
    left: -5px;
    position: relative;
    z-index: 1
}

#mapResult .mapResultInner .mapResultNumber span {
    color: #fff;
    display: inline-block;
    font-family: 'ProximaNovaExCnSbold';
    font-size: 1.4em;
    left: 3px;
    padding: 8px 0 0;
    position: relative;
    text-align: center;
    top: -32px;
    width: 1.4em;
    z-index: 10;
}

#mapResult .mapResultNumber {
	display: block;
	float: left;
	height: 29px;
	left: 16px;
	position: absolute;
	top: 6px;
	width: 26px;
}

#mapResult .mapResultNumber span {
	color: #fff;
	display: block;
	font-family: 'ProximaNovaExCnSReg';
	font-size: 1.4em;
	padding: 8px 0 0;
	text-align: center;
}

#mapResult .mapResultName {
	font-family: 'ProximaNovaExCnLight';
	font-size: 2em;
	margin: 0 0 0 48px;
	text-transform: uppercase;
	text-decoration: none;
    width: 65%;
    display: block;
    line-height: 1em;
}

#mapResult .mapResultDetail {
	position: relative;
	float: left;
	margin: 0 0 1em;
	width: 100%;
}

#mapResult a.mapResultLink {
	padding-bottom: 5px;
	border-bottom: 3px solid transparent;
	text-decoration: none;
	-webkit-transition: border-bottom 0.25s ease-in;
    transition: border-bottom 0.25s ease-in;
}

#mapResult a.mapResultLink:before {
    font-size: 22px;
    left: 27px;
    position: absolute;
    top: 21px;
}

#mapResult a.mapResultLink .icon {
    position: absolute;
    right: -15px;
    top: 10%;
}

#mapResult .mapResultDistance:after,
#mapResult .mapResultDistance:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
}

#mapResult .mapResultDistance {
	display: block;
	margin: 0 0 3px 36px;
	color: #727272;
	font-family: 'ProximaNovaExCnLight';
	font-size: 2em;
	line-height: 1em;
}

#mapResult .mapResultDistance strong,
#mapResult .mapResultDistance .miles,
#mapResult .mapResultDistance .km {
	color: #3b3b3b;
	font-weight: normal;
}

#mapResult .mapResultInner h4 {
	display: none;
}

#mapResult .servicesAvailable {
	display: none;
	margin: 0;
	padding: 0;
}

#mapResult .servicesAvailable li {
	background: none;
	color: #3b3b3b;
	font-family: 'ProximaNovaExCnLight';
	font-size: 1.8em;
	line-height: 1.25em;
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
	position: relative;
	color: #dc182d;
}

#mapResult .iconCta {
	clear: both;
}

.moduleThemeDefault {
    background: #f4f3f8;
}

.moduleThemeAlpha,
.moduleThemeAlpha .colorSection {
    background: #161414;
}
.heroBikes.moduleThemeAlpha ul.diamondIco:before {
    color: #161414;
}


.moduleThemeBeta,
.moduleThemeBeta .colorSection {
    background: #3a4247;
}
.heroBikes.moduleThemeBeta ul.diamondIco:before {
    color: #3a4247;
}


.moduleThemeGamma,
.moduleThemeGamma .colorSection {
    background: #d04323;
}

.moduleThemeDelta,
.moduleThemeDelta .colorSection {
    background: #36845c;
}

.moduleThemeEpsilon,
.moduleThemeEpsilon .colorSection {
    background: #30556c;
}

.moduleThemeZeta,
.moduleThemeZeta .colorSection {
    background: #3e3938;
}

.moduleThemeLambda,
.moduleThemeLambda .colorSection {
    background: #614172;
}

.moduleThemeTheta,
.moduleThemeTheta .colorSection {
    background: #578028;
}

.moduleThemeKappa,
.moduleThemeKappa .colorSection {
    background: #d7d485;
}

.moduleThemeSigma,
.moduleThemeSigma .colorSection {
    background: #007eac;
}

.moduleThemeOmega,
.moduleThemeOmega .colorSection {
    background: #dc182d;
}

.moduleThemeMu,
.moduleThemeMu .colorSection {
    background: #fff;
}

.moduleThemeDark,
.module.moduleThemeDark h1,
.moduleFlush.moduleThemeDark h1,
.module.moduleThemeDark h2,
.moduleFlush.moduleThemeDark h2,
.module.moduleThemeDark h3,
.moduleFlush.moduleThemeDark h3,
.module.moduleThemeDark h4,
.moduleFlush.moduleThemeDark h4,
.module.moduleThemeDark h5,
.moduleFlush.moduleThemeDark h5,
.module.moduleThemeDark h6,
.moduleFlush.moduleThemeDark h6,
.module.moduleThemeDark p,
.moduleFlush.moduleThemeDark p,
.module.moduleThemeDark a,
.moduleFlush.moduleThemeDark a,
.module.moduleThemeDark ul li,
.moduleFlush.moduleThemeDark ul li,
.module.moduleThemeDark .secondaryCta a,
.moduleFlush.moduleThemeDark .secondaryCta a,
.module.moduleThemeDark .rttSecondaryCTA a,
.module.moduleThemeDark .rttSecondaryCTA a,
.moduleFlush.moduleThemeDark .rttSecondaryCTA a,
.module.moduleThemeDark .accessoriesSignPostIco:before,
.moduleFlush.moduleThemeDark .accessoriesSignPostIco:before,
.module.moduleThemeDark .downloadLink:before,
.moduleFlush.moduleThemeDark .downloadLink:before,
.module.moduleThemeDark .downloadLinkMessage,
.moduleFlush.moduleThemeDark .downloadLinkMessage,
.moduleThemeDark h2,
.moduleThemeDark h3,
.moduleThemeDark h4,
.moduleThemeDark h5,
.moduleThemeDark h6,
.moduleThemeDark p,
.module.moduleThemeDark .description p,
.moduleFlush.moduleThemeDark .description p,
.moduleThemeDark a,
.moduleThemeDark ul li,
.moduleThemeDark .secondaryCta a,
.moduleThemeDark .rttSecondaryCTA a,
.moduleThemeDark .accessoriesSignPostIco:before,
.moduleThemeDark .downloadLink:before,
.moduleThemeDark .downloadLinkMessage,
.moduleThemeDark .heroBikes h3,
.moduleThemeSigma .externalLink,
.moduleThemeOmega .externalLink {
    color: white;
}

.moduleThemeSigma .ctaContainer:hover a {
    color: #fff !important;
}


.moduleThemeDark.heroBikes .content h2 {
    border-top: 2px solid white;
}


.moduleThemeDark .downloadLink:hover a,
.moduleThemeDark .ctaContainer:hover a,
.moduleThemeDark .downloadLink:focus a,
.moduleThemeDark .ctaContainer:focus a {
    color: white !important;
}

.colorSection {
    display: none;
}

/* Module Theme Light */

.moduleThemeLight.moduleThemeAlpha,
.moduleThemeLight .moduleThemeAlpha,
.moduleThemeIota {
    background: #e3e3e9;
}

.moduleThemeLight.moduleThemeBeta,
.moduleThemeLight .moduleThemeBeta,
.moduleThemeEta {
    background: #d9d2bd;
}

.moduleThemeLight h1,
.moduleThemeLight h2,
.moduleThemeLight h3,
.moduleThemeLight h4,
.moduleThemeLight h5,
.moduleThemeLight h6,
.moduleThemeLight p,
.moduleThemeLight a,
.moduleThemeLight ul li,
.moduleThemeLight .secondaryCta a,
.moduleThemeLight .rttSecondaryCTA a,
.moduleThemeLight .accessoriesSignPostIco:before,
.moduleThemeLight .downloadLink:before,
.moduleThemeLight .downloadLinkMessage {
    color: #3b3b3b;
}

.moduleThemeLight.heroBikes .content h2 {
    border-top: 2px solid #3b3b3b;
}

/* ======================================================
BREAK POINTS
====================================================== */
.nestedAccordion {
  margin-top: 0; }
  .nestedAccordion > ul > li {
    margin-top: -3px; }
    .nestedAccordion > ul > li .trigger {
      font-size: 23px;
      text-transform: uppercase;
      font-family: 'ProximaNovaExCnLight', sans-serif;
      padding: 0; }
      .nestedAccordion > ul > li .trigger a {
        text-align: center;
        display: block;
        text-decoration: none;
        position: relative;
        padding-right: 18px;
        border-top: 3px solid #00803E;
        border-bottom: 3px solid #00803E; }
        .nestedAccordion > ul > li .trigger a span.icon {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          width: 18px;
          background: transparent; }
        .nestedAccordion > ul > li .trigger a span.title {
          padding: 18px 0 20px; }
        .nestedAccordion > ul > li .trigger a:hover {
          color: #017D75;
          border-color: #017D75; }
          .nestedAccordion > ul > li .trigger a:hover span.icon {
            color: #fff;
            background: #017D75; }
    .nestedAccordion > ul > li .accordionToggle .show, .nestedAccordion > ul > li .accordionToggle .hide {
      display: inline-block;
      text-indent: -999em; }
    .nestedAccordion > ul > li span.icon .show, .nestedAccordion > ul > li span.icon .hide {
      position: relative;
      width: initial; }
    .nestedAccordion > ul > li span.icon .hide {
      display: none; }
    .nestedAccordion > ul > li span.icon .show {
      display: inline-block; }
    .nestedAccordion > ul > li span.icon:before {
      position: absolute;
      left: 0;
      top: 50%;
      font-size: 22px;
      font-weight: bold;
      font-family: 'glyphs14';
      speak: none;
      line-height: 1;
      vertical-align: top;
      content: "\e013";
      margin-top: -10px; }
    .nestedAccordion > ul > li span.icon:after {
      display: none; }
    .nestedAccordion > ul > li .active a, .nestedAccordion > ul > li .active a:hover {
      border-bottom: none; }
    .nestedAccordion > ul > li .active span.icon .hide {
      display: inline-block; }
    .nestedAccordion > ul > li .active span.icon .show {
      display: none; }
    .nestedAccordion > ul > li .active.trigger span.icon:before {
      content: '\e015'; }
    .nestedAccordion > ul > li:first-child {
      margin-top: 0px; }
      .nestedAccordion > ul > li:first-child .trigger a {
        border-top-color: #DDD;
        border-bottom: none; }
        .nestedAccordion > ul > li:first-child .trigger a:hover {
          border-color: #017D75;
          border-bottom: none; }
  .nestedAccordion .accordionContent.equipment > ul > li, .nestedAccordion .accordionContent.fullSpecs > ul > li {
    position: relative;
    margin: 0;
    border: 0;
    font-size: 1.3em;
    cursor: default;
    border-radius: 0;
    border-bottom: 1px solid #00803E;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0; }
    .nestedAccordion .accordionContent.equipment > ul > li a, .nestedAccordion .accordionContent.fullSpecs > ul > li a {
      display: block;
      padding: 23px 0; }
    .nestedAccordion .accordionContent.equipment > ul > li span.title, .nestedAccordion .accordionContent.fullSpecs > ul > li span.title {
      display: inline-block;
      width: 79.214%;
      color: #3b3b3b;
      font-size: 16px;
      font-family: 'ProximaNovaExCnSbold',sans-serif; }
    .nestedAccordion .accordionContent.equipment > ul > li .subContent, .nestedAccordion .accordionContent.fullSpecs > ul > li .subContent {
      padding-bottom: 20px; }
    .nestedAccordion .accordionContent.equipment > ul > li:last-child, .nestedAccordion .accordionContent.fullSpecs > ul > li:last-child {
      border-bottom: none; }
    .nestedAccordion .accordionContent.equipment > ul > li span.icon, .nestedAccordion .accordionContent.fullSpecs > ul > li span.icon {
      width: initial;
      height: initial;
      right: 20px;
      top: 25px;
      margin-top: 0;
      background: transparent;
      bottom: 0; }
      .nestedAccordion .accordionContent.equipment > ul > li span.icon:before, .nestedAccordion .accordionContent.fullSpecs > ul > li span.icon:before {
        display: none; }
    .nestedAccordion .accordionContent.equipment > ul > li table, .nestedAccordion .accordionContent.fullSpecs > ul > li table {
      margin: 0;
      width: 100%; }
      .nestedAccordion .accordionContent.equipment > ul > li table th,
      .nestedAccordion .accordionContent.equipment > ul > li table td, .nestedAccordion .accordionContent.fullSpecs > ul > li table th,
      .nestedAccordion .accordionContent.fullSpecs > ul > li table td {
        padding: 5px 32px 5px 1.2%;
        border-right: 1px solid #E4E4E4;
        border-bottom: 1px solid #E4E4E4;
        font-size: 13px;
        color: #555;
        width: 50%;
        vertical-align: top;
        font-weight: normal;
        text-align: left; }
      .nestedAccordion .accordionContent.equipment > ul > li table tr:last-child th,
      .nestedAccordion .accordionContent.equipment > ul > li table tr:last-child td, .nestedAccordion .accordionContent.fullSpecs > ul > li table tr:last-child th,
      .nestedAccordion .accordionContent.fullSpecs > ul > li table tr:last-child td {
        border-bottom: none; }
      .nestedAccordion .accordionContent.equipment > ul > li table td, .nestedAccordion .accordionContent.fullSpecs > ul > li table td {
        border-right: none;
        color: #dc182d;
        padding-left: 3.4%; }
      .nestedAccordion .accordionContent.equipment > ul > li table td.diamondIco span, .nestedAccordion .accordionContent.fullSpecs > ul > li table td.diamondIco span {
        display: inline-block;
        text-indent: -999em; }
      .nestedAccordion .accordionContent.equipment > ul > li table td img, .nestedAccordion .accordionContent.fullSpecs > ul > li table td img {
        width: 100%;
        max-width: 100%; }
      .nestedAccordion .accordionContent.equipment > ul > li table td.included span, .nestedAccordion .accordionContent.fullSpecs > ul > li table td.included span {
        text-indent: -9999px;
        display: block;
        background: transparent url(../../img/bullet.png) no-repeat center 3px; }
      .nestedAccordion .accordionContent.equipment > ul > li table .noBorders td, .nestedAccordion .accordionContent.fullSpecs > ul > li table .noBorders td {
        border: none; }
/*---------------------------------

	Product details

	.pd

	Modules 74.01.00 and 74.01.01 coded in this
	baseline set (same for tablet desktop)

	Currently all other .pd class modules on top of these
	in the respective stylesheets for each module set

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

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

.pd h2 {
	margin:0 0 19px 0;
	padding: 0 64px 0 0;
	font-size:4em;
	color:#1f1f1f;
	text-transform:uppercase;
	line-height:1.1em;
	letter-spacing: -1px;
	word-wrap: break-word;
}


.pd h2:before {
	content: "";
	display: block;
	height: 3px;
	margin: 0 0 16px 0;
	width: 28px;
	background: #DC182D;
}
.portal h2:before{
	display: none;
}
.pdTxtSignpost3Col .sectionAlpha [class$='SignPostIco'] + h2:before,
.pdTxtSignpost2Col .sectionAlpha [class$='SignPostIco'] + h2:before,
.pdTxtSingColSignpost .sectionAlpha [class$='SignPostIco'] + h2:before {
	content: "";
	display: block;
	height: 3px;
	margin: 0 0 9px 0;
	width: 40px;
	background: #DC182D;
}

.pd h3 {
	font-size:2.3em;
	color:#3b3b3b;
	letter-spacing: 1px;
	margin:0 0 24px 0;
}

.pd h4 {
	font-size:1.8em;
	color:#3b3b3b;
	margin-top: 16px;
}

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

.pd p {
	color:#555;
	margin-bottom: 30px;
}

.pd .pdCopyContainer .downloadLink{
	font-size: 1em;
}

.pdInlineCol .sectionAlpha {
	padding: 0;
}

.pdInlineCol .sectionAlpha:before {
	margin-left: 5%;
}

.pdInlineCol .sectionBeta {
	padding-top: 32px;
}

.pd .colImg {
	width: 100%;
}


/*-------------------
 	CALLOUT Large
---------------------*/
.pdCallOut {
	width:286px;
	margin:16px auto 32px auto;
	text-align:center;
	-webkit-transition: margin .2s ease-in-out;
	transition: margin .2s ease-in-out;/* For window sizing */
}

.pd .pdCalloutContent p {
	color: #3b3b3b;
	font-size: 1.6em;
	line-height: 1.3em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "ProximaNovaExCnSbold", Tahoma, Helvetica, Arial, sans-serif;
	margin: 0 0 -4px 0;
}

.pdCallOut.pdCallOutAbove {
	margin-bottom:16px;
}

.pdCallOutTop,
.pdCallOutBot {
	position:relative;
	width:286px;
	height:92px;
	background-image:url(../../img/decoration/sprite_callout-large.png);
	background-repeat:no-repeat;
	background-position:0 -55px;
}

.pdCallOutBot {
	background-position:0 -169px;
}


.pdCallOutAbove .pdCallOutBot {
	height:147px;
}

.pdCallOutBelow .pdCallOutTop {
	height:147px;
	margin:5px 0 0 0 ;
	background-position: 0 0;
}

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

.pdCalloutContent {
	overflow: hidden;
	background:#fff;
	padding: 8px 11.188% 0 11.188%;
}

.pdCallOutTop .calloutIcon {
	position:absolute;
	top:52px;
	left: 50%;
	width:45px;
	height:45px;
	margin:0 0 0 -23px;
	background-repeat:no-repeat;
}

.pdCallOut h4 {
	font-size:1.8em;
	text-transform:uppercase;
}

.pdCallOut .pdCOTitle {
	margin: 0 0 6px 0;
	color:#DC182D;
}

.pd .imageCaption {
	padding: 32px 0 0;
	margin: 0;
}

.pd .imageCaption p {
	color: #757575;
	font-size: 1.3em;
}

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

.pd .ctaContainer {
    border-bottom: none;
    border-top: 1px solid #d2d2d3;
    padding: 0;
}

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

.pd .ctaContainer a.externalLink {
	font-size: 1.2em;
}

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

.ctaContainer .externalLink:after{
	top: 2px;
	right: -5px;
}


@media screen and (min-width: 481px) {
	.pdInlineCol .sectionAlpha:before {
		margin-left: 6.6666667%;
	}

	.pdInlineCol .sectionAlpha {
		padding: 0;
	}
}

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

 	.ctaContainer{
 		border-bottom: 0 ;
 	}

 	.module .downloadLink, .content .downloadLink{
 		padding-top: 0;
 	}

 	.downloadLink:hover a, .ctaContainer:hover a {
 		color: #00803e !important;
 		border-bottom: 0;
 	}

	.downloadLink:before{
		top: 4px;
		left: -3px;
	}

	.richText .richTextType.rttExternalLink.ctaContainer{
		padding: .2em 0 0 0 !important;
		line-height: 21px;
	}

	.productEditorialMosaic .ctaContainer,
 	.pd .ctaContainer {
 		padding-top: 0;
 	}

	.signPostLargeImage .ctaContainer a.externalLink,
	.productEditorialMosaic .externalLinkFullCol,
 	.pd .externalLinkFullCol {
 		padding: 0;
 	}

 	.signPostLargeImage .ctaContainer a{
 		display: inline;
 	}

	.signPostLargeImage .ctaContainer,
	.productEditorialMosaic .ctaContainer,
 	.productEditorialMosaic .ctaContainer:hover a,
 	.pd .ctaContainer:hover a {
 		border-bottom: 0;
 	}

	.copyAreaContainer .ctaContainer:hover,
 	.ctaContainer:hover {
 		border-top: 1px solid #CBCBCB;
        border-bottom: 0;
    }

	.pd .richTextType:hover a,
	.signPostLargeImage .copyAreaContainer .ctaContainer:hover a{
		border-bottom: 0 !important;
	}

	.signPostLargeImage .copyAreaContainer .ctaContainer:hover,
	.signPostLargeImage .copyAreaContainer .ctaContainer:focus {
		border-top: 1px solid #CBCBCB;
		border-bottom: 0;
		-webkit-transition: none;
		transition: none;
	}

 }
/* ---------------------------------------- */
/*
    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
*/
/* ---------------------------------------- */




/* ---------------------------------------- */
/* resets
/* ---------------------------------------- */

.specAccordionControls li,
.productComparisonSelection th,
.productComparisonSelection td,
.productComparisonTable li,
.productComparisonTable th,
.productComparisonTable td,
.productComparisonCTA li,
.productComparisonCTA th,
.productComparisonCTA td {
    font-size: 1em;
}




/* ---------------------------------------- */
/* no-js page state
/* ---------------------------------------- */
.no-js .productComparisonSelection,
.no-js .productComparisonTable,
.no-js .productComparisonCTA,
.no-js .productComparison .secondaryLinks,
.no-js .productComparison .productLineNavigation,
.no-js .productComparison .editorialPageIntro,
.no-js .productComparison .compareCars {
    display: none;
}

.no-js .productComparison .noJSFallback {
    margin-bottom: 3.6em;
    margin-top: 1.8em;
    padding-top: 0;
}

.no-js .productComparison .noJSFallback h1 {
    margin-bottom: 0.5em;
    font-size: 4em;
}

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

.no-js .productComparison .pageIntroLead p {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    line-height: 1.6em;
}

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

.no-js .productComparison .sectionBottom h2 {
    font-size: 2.3em;
    text-align: center;
}

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




/* ---------------------------------------- */
/* override 'm_37.01_single_product_line_navigation.css'
/* ---------------------------------------- */
.productComparison .singleProductLine.singleProductLineBikes {
    margin-top: -4em;
}




/* ---------------------------------------- */
/* 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;
    margin-top: -63px;
}

.productComparisonSelection .wrapperInner {
    position: relative;
    padding-right: 0;
    padding-left: 0;
}


/* product details
------------------------------------------- */

.compareProductList {
    margin-bottom: 16px;
}

.compareProductList .productDetails {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 3px;
    text-align: center;
    background-color: #FFF;
    box-sizing: padding-box;
    -moz-box-sizing: padding-box;
}

.compareProductList .productDetails:last-child {
    margin-bottom: 0;
}

.compareProductList .productDetailsInner {
    position: relative;
    padding: 33px 16px;
}
@media screen and (max-width: 620px) {
    .compareProductList .noProductSelected .productDetailsInner {
        padding: 10px 0;
    }
}



.compareProductList p {
    margin-bottom: 0;
    color: #3B3B3B;
    font-size: 1.3em;
    line-height: 1.4;
}

.compareProductList .name {
    color: #EE1B2F;
    font-family: 'ProximaNovaExCnLight';
    font-size: 2.3em;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
}

.noteTriangleIcon,
.noteSquareIcon,
.noteCircleIcon {
    color: #a1a1a1;
    display: inline-block;
    margin-left: 0;
    vertical-align: bottom;
}

.noteTriangleIcon {
    font-size: 0.42em;
    margin-bottom: 0.8em;

}

.noteSquareIcon {
    font-size: 0.38em;
    margin-bottom: 0.9em;

}

.noteCircleIcon {
    font-size: 0.38em;
    margin-bottom: 0.9em;
    margin-right: 1%;
}

.legalFooterContent .noteTriangleIcon {
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 0.85em;
    margin-bottom: 0;
    margin-right: 1%;
}

.legalFooterContent .noteSquareIcon {
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 0.9em;
    margin-bottom: 0;
    margin-right: 1%;
}

.legalFooterContent .noteCircleIcon {
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 1em;
    margin-bottom: 0;
}

.legalFooterContent sup {
    margin-right: 1.5%;
}

/* remove space between caveats and legal information */
.productComparison .legalFooterContent.noteContainer {
    margin-bottom: 0;
}

.productComparison .legalFooterContent.noteContainer + .legalFooter .legalFooterContent {
    margin-top: 0;
}

.compareProductList .transmission {
    color: #757575;
}

.compareProductList .price {
    max-width: 190px;
    margin: 11px auto 0;
    padding: 11px 0 0;
    border-top: 1px solid #E1E4EA;
}

.compareProductList .price sup {
    position: relative;
    top: 0.35em;
    height: 0.5em;
    font-size: 1.3em;
    line-height: 0.1em;
}

@-moz-document url-prefix() {
    .compareProductList .price sup {
        top: 0.5em;
    }
}

/* no selection */
.compareProductList .noProductSelected .productDetailsInner {
    padding: 30px 16px;
    min-height: 60px;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* ---[ bikes amends ]--- */
.productComparisonBikes .compareProductList .productDetails {
    text-align: left;
}

.productComparisonBikes .compareProductList p {
    padding-left: 174px;
}

.productComparisonBikes .compareProductList .name {
    color: #3B3B3B;
}

.productComparisonBikes .compareProductList .street,
.productComparisonBikes .compareProductList .price {
    font-family: 'ProximaNovaExCnSbold';
    font-size: 1.6em;
    letter-spacing: 1px;
    line-height: 1;
}

.productComparisonBikes .compareProductList .street {
    margin-bottom: 0.4em;
}

.productComparisonBikes .compareProductList .street span {
    color: #EE1B2F;
}

.productComparisonBikes .compareProductList .price {
    max-width: 100%;
    margin: 0;
    padding-top: 0;
    border-top: none;
}

.productComparisonBikes .compareProductList img {
    width: 100%;
    max-width: 128px;
    position: absolute;
    top: 32px;
    left: 16px;
}

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


/* product details - remove link
------------------------------------------- */

.compareProductList .remove {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    text-indent: -10em;
    overflow: hidden;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGNpcmNsZSBmaWxsPSIjRjRGM0Y4IiBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiLz4KPHBhdGggZmlsbD0iIzAwODAzRSIgZD0iTTE0LjU1Niw3LjAzNWwtMS41OTMtMS41OTFMMTAsOC40MDdMNy4wMzYsNS40NDRMNS40NDQsNy4wMzVsMi45NjMsMi45NjRsLTIuOTYzLDIuOTYybDEuNTkyLDEuNTk0CglMMTAsMTEuNTkybDIuOTY0LDIuOTYzbDEuNTkyLTEuNTk0bC0yLjk2NC0yLjk2MkwxNC41NTYsNy4wMzV6Ii8+Cjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.compareProductList .remove:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGNpcmNsZSBmaWxsPSIjMDE3RDc1IiBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiLz4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTE0LjU1Niw3LjAzNWwtMS41OTMtMS41OTFMMTAsOC40MDdMNy4wMzYsNS40NDRMNS40NDQsNy4wMzVsMi45NjMsMi45NjRsLTIuOTYzLDIuOTYybDEuNTkyLDEuNTk0CglMMTAsMTEuNTkybDIuOTY0LDIuOTYzbDEuNTkyLTEuNTk0bC0yLjk2NC0yLjk2MkwxNC41NTYsNy4wMzV6Ii8+Cjwvc3ZnPg==);
}

/* remove link - svg fallback */
.no-svg .compareProductList .remove,
.no-svg .compareProductList .remove:hover {
    background-image: url('../../img/icons/sprite_remove.png');
    background-position: 0 0;
}

.no-svg .compareProductList .remove:hover {
    background-position: 0 -20px;
}


/* product details - add model
------------------------------------------- */

.compareProductList .addModel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #FFF;
    background-image: url('../../img/selection_empty.png');
    background-repeat: repeat;
}

.compareProductList .addModel .outer {
    display: table;
    width: 100%;
    height: 100%;
}

.compareProductList .addModel .inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.compareProductList .addModel a {
    margin: 0 auto;
    color: #3B3B3B;
    font-family: 'ProximaNovaExCnLight';
    font-size: 2.3em;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 1px solid #339964;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    opacity: .2;
    cursor: default;
    line-height: 1.4em;
}

.ie8 .compareProductList .addModel a {
    color: #ababab;
    border-color: #ababab;
    outline: none;
}
.ie8 .compareProductList .noProductSelected.addProduct .addModel a {
    color: #3B3B3B;
    border-color: #339964;
}

.compareProductList .noProductSelected.addProduct .addModel a {
    cursor: pointer;
    opacity: 1;
}
.compareProductList .noProductSelected.addProduct .addModel a:hover {
    color: #017D75;
    border-bottom: 3px solid #017D75;
}



/* product details - add form
------------------------------------------- */
.compareProductList form {
    max-height: 0;
}

.compareProductList form > .title {
    display: block;
    font-family: 'ProximaNovaExCnSReg';
    font-size: 1.6em;
    letter-spacing: 1px;
}

.compareProductList select {
    width: 100%;
    margin-top: 1.2em;
    padding: 0;
    font-size: 1.2em;
}

.compareProductList select[disabled] {
    color: #B2B1B4;
    background: #E6E5E9;
}

.productComparison .compareProductList .primaryBtnSubmit {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0.6em 0;
    font-size: 1.6em;
    text-align: center;
    text-transform: none;
    font-family: 'ProximaNovaExCnSbold';
    letter-spacing: 0.1em;
    font-size: 1.9em;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border: none;
    background: #00803e;
    color: white;
}

/*.productComparison*/

.productComparison .compareProductList .primaryBtnSubmit:before {
    display: none;
}

.productComparison .compareProductList .primaryBtnSubmit .title {
    position: relative;
    padding-left: 20px;
}

.productComparison .compareProductList .primaryBtnSubmit .title:before {
    position: absolute;
    top: 0.2em;
    left: 0;
    width: 12px;
    height: 12px;
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyIDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iNiIgY3k9IjYiIHI9IjYiLz4KPGc+Cgk8Zz4KCQk8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzAwODAzRSIgcG9pbnRzPSI5LDUuMDAxIDcsNS4wMDEgNywzIDUsMyA1LDUuMDAxIDMsNS4wMDEgMyw3IDUsNyAKCQkJNSw5LjAwMSA3LDkuMDAxIDcsNyA5LDcgCQkiLz4KCTwvZz4KPC9nPgo8L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.productComparison .compareProductList .primaryBtnSubmit.disabled {
    color: #B2B1B4;
    background-color: #E6E5E9;
    border: none;
}

.productComparison .compareProductList .primaryBtnSubmit.disabled .title:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyIDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGNpcmNsZSBmaWxsPSIjRkZGRkZGIiBjeD0iNiIgY3k9IjYiIHI9IjYiLz4KPGc+Cgk8Zz4KCQk8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0IyQjFCNCIgcG9pbnRzPSI5LDUuMDAxIDcsNS4wMDEgNywzIDUsMyA1LDUuMDAxIDMsNS4wMDEgMyw3IDUsNyAKCQkJNSw5LjAwMSA3LDkuMDAxIDcsNyA5LDcgCQkiLz4KCTwvZz4KPC9nPgo8L3N2Zz4=);
}

/* svg fallback */
.no-svg .productComparison .compareProductList .primaryBtnSubmit .title:before,
.no-svg .productComparison .compareProductList .primaryBtnSubmit.disabled .title:before {
    background-image: url('../../img/icons/sprite_cta_plus_minus.png');
    background-position: 0 -12px;
}

.no-svg .productComparison .compareProductList .primaryBtnSubmit.disabled .title:before {
    background-position: 0 0;
}

/* ie fixes */
.ie8  .productComparison .compareProductList .primaryBtnSubmit {
    min-height: 1.4em;
}

.ie9  .productComparison .compareProductList .primaryBtnSubmit,
.ie10 .productComparison .compareProductList .primaryBtnSubmit {
    min-height: 2.2em;
}


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

.compareTools {
    display: none; /* shown only if JS enabled */
    margin: 0 0 1.4em;
    padding: 0 16px;
}

.specAccordionControls li {
    padding: 8px 0 8px 25px;
}

.specAccordionControls a {
    position: relative;
    color: #3B3B3B;
    font-size: 1.3em;
    text-decoration: none;
    border-bottom: 1px solid #7AB99B;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    overflow: visible;
}

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

.specAccordionControls a:before {
    position: absolute;
    width: 25px;
    height: 13px;
    top: 0.2em;
    left: -25px;
    content: ' ';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTMgMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzIDEzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMwMDgwM0UiIGQ9Ik0xMywyYzAtMS4xMDQtMC44OTYtMi0yLTJIMkMwLjg5NiwwLDAsMC44OTYsMCwydjkKCWMwLDEuMTA0LDAuODk2LDIsMiwyaDljMS4xMDQsMCwyLTAuODk2LDItMlYyeiBNMTEsMTFIMlYyaDlWMTF6Ii8+Cjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.specAccordionControls a.active:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTMgMTMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzIDEzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI0RDMTgyRCIgZD0iTTEwLjkwMiwxLjI1MUw0LjYsNy41NTZMMi4wOTcsNS4wNTJMMCw3LjE0N2w0LjYsNC42MDJsMi4wOTctMi4wOTdMMTMsMy4zNDlMMTAuOTAyLDEuMjUxeiIvPgo8L3N2Zz4=);
}

/* svg fallback */
.no-svg .specAccordionControls a:before,
.no-svg .specAccordionControls a.active:before {
    background-image: url('../../img/sprite_checkboxes.png');
    background-position: 0 -13px;
}

.no-svg .specAccordionControls a.active:before {
    background-position: 0 -26px;
}



/* ---------------------------------------- */
/* 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: 6.4em;
}

.productComparisonTable .wrapperInner {
    padding-right: 0;
    padding-left: 0;
}


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

.categoryShowHide + .categoryShowHide {
    margin-top: -3px;
}

.categoryShowHide > .trigger {
    position: relative;
    margin: 0;
    padding: 0.9em 42px 0.9em 16px;
    color: #00803E;
    font-size: 2.3em;
    font-family: 'ProximaNovaExCnLight';
    letter-spacing: normal;
    text-transform: uppercase;
    border-color: #00803E;
    border-style: solid;
    border-width: 3px 0;
}

.categoryShowHide > .trigger:after {
    position: absolute;
    top: 50%;
    right: 14px;
    margin-top: -8px;
    font-size: 20px;
}

.categoryShowHide > .trigger:hover {
    z-index: 2;
    color: #017D75;
    border-color: #017D75;
}

.categoryShowHide > .trigger .description {
	padding-top: 0px;
	color: #555;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 0.5em;
	font-style: italic;
	text-transform: none;
}

/* js enabled */
.js .categoryShowHide > .trigger {
    cursor: pointer;
}

.js .categoryShowHide > .trigger:after {
    display: block;
}

/* ie fixes */
.ie9  .categoryShowHide > .trigger:after,
.ie10 .categoryShowHide > .trigger:after {
    top: 1.35em;
}


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

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

.featureShowHide:first-child {
    border-top: none;
}

.featureShowHide .trigger {
    margin: 0;
    padding: 20px 16px;
    font-size: 1em;
}

.featureShowHide .trigger .title {
    color: #3B3B3B;
    font-family: 'ProximaNovaExCnSbold';
    font-size: 1.8em;
    font-weight: normal;
    letter-spacing: 1px;
}

.featureShowHide .trigger .toggle {
    display: none; /* shown only if JS enabled */
    float: right;
    padding: 0 0 3px;
    color: #00803E;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    letter-spacing: 0.03em;
    text-decoration: none;
    border-bottom: 1px solid #7AB99B;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.featureShowHide .trigger:hover .toggle {
    color: #017D75;
    border-bottom: 3px solid #017D75;
}

/* js enabled */
.js .featureShowHide .trigger {
    cursor: pointer;
}

.js .featureShowHide .trigger .toggle {
    display: block;
}


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

.comparisonTable th,
.comparisonTable td {
    display: block;
    line-height: 1.3;
}

.comparisonTable th {
    padding: 0 0 0.6em;
    font-family: 'ProximaNovaExCnSbold';
    font-size: 1.8em;
    font-weight: normal;
    letter-spacing: 1px;
    text-align: left;
}

.comparisonTable th abbr {
    color: #757575;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 0.722em;
    font-weight: normal;
    border: none;
}

.comparisonTable tr {
    display: block;
    padding: 2.1em 24px;
    border-top: 1px solid #00803F;
}

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

.comparisonTable td {
    display: table;
    width: 100%;
}

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

.comparisonTable .productDetails,
.comparisonTable .compareDetails {
    padding: 0.7em 16px;
}

/* comparision product information */
.comparisonTable .productDetails {
    display: table-cell;
    padding-left: 0;
    font-size: 1.3em;
    text-align: left;
    border-right: 1px solid #DDD;
}

.comparisonTable .compareDetails img {
	width: 100%;
	max-width: 100%;
}

.comparisonTable .name,
.comparisonTable .engine,
.comparisonTable .transmission,
.comparisonTable .price {
    display: block;
}

.comparisonTable .name {
    text-transform: uppercase;
}

.comparisonTable .name,
.comparisonTable .engine,
.comparisonTable .price {
    color: #3B3B3B;
}

.comparisonTable .transmission {
    color: #757575;
}

/* emissions */
.comparisonTable .secondaryCta {
	font-size: 0.769em;
	margin-bottom: 0.7em;
}

.comparisonTable th p {
	font-size: 1em;
	line-height: 1.3;
}

.comparisonTable .emmissionRate {
	margin: 0.7em 16px 1em;
}

.comparisonTable .emissionValue {
	color: #000;
	font-family: "ProximaNovaExCnLight";
	font-size: 1.7em;
	line-height: 1.3;
}

.comparisonTable .emmissionRate > span {
	display: block;
	margin-bottom: 0.7em;
}

.comparisonTable .emmissionRate a {
	color: #000;
	text-decoration: none;
	-webkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    border-bottom: 1px solid #00803E;
}

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


/* comparision flag */
.comparisonTable .compareDetails {
    display: table-cell;
    color: #EE1B2F;
    width: 50%;
    padding-right: 0;
    font-size: 1.3em;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #DDD;
}

/* no product selected state */
.comparisonTable .noProductSelected {
    background-image: url('../../img/selection_empty.png');
    background-repeat: repeat;
}

/* ie fixes */
@media screen and (max-width: 620px) {
    .ie9 .comparisonTable tr,
    .ie9 .comparisonTable th,
    .ie9 .comparisonTable td {
        float: left;
        clear: left;
        width: 100%;
    }

    .ie9 .comparisonTable td {
        padding: 0;
    }

    .ie9 .comparisonTable .productDetails,
    .ie9 .comparisonTable .compareDetails {
        float: left;
        width: 46%;
    }

    .ie9 .comparisonTable .compareDetails {
        margin-left: -1px;
    }

    .ie9 .comparisonTable .noProductSelected {
        display: none;
    }
}

/* ---[ cars amends ]--- */
.productComparisonCars .compareDetails {
    padding: 0;
}

/* ---[ bikes amends ]--- */
.productComparisonBikes .comparisonTable tr {
    padding-right: 16px;
    padding-left: 16px;
}

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

.productComparisonBikes .comparisonTable th {
    font-family: 'ProximaNovaExCnSbold';
    font-size: 1.8em;
    font-weight: normal;
    letter-spacing: 1px;
}

.productComparisonBikes .comparisonTable .compareDetails {
    color: #555;
    text-align: left;
}


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

.differenceEnabled .compareDetails {
    color: #AFAFB0;
}

.differenceEnabled tr.difference {
    padding-left: 20px;
    border-left: 4px solid #EE1B2F;
}

.differenceEnabled tr.difference th,
.differenceEnabled tr.difference td,
.differenceEnabled tr.difference .name,
.differenceEnabled tr.difference .engine,
.differenceEnabled tr.difference .transmission,
.differenceEnabled tr.difference .compareDetails {
    color: #EE1B2F;
}

/* ---[ bikes amends ]--- */
.productComparisonBikes .differenceEnabled tr.difference {
    padding-left: 12px;
}




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

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

.productComparisonNoSelection {
    margin-top: 32px;
    margin-bottom: 9.6em;
}

.productComparisonNoSelection .wrapperInner {
    padding-right: 0;
    padding-left: 0;
}


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

.noSelectionMessage h2 {
    margin-bottom: 0.7em;
    padding-right: 5%;
    padding-left: 5%;
    font-size: 2.3em;
    text-align: center;
}

.noSelectionMessage .imgWrapper {
    margin: 0;
}




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

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

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

.productComparisonCTA .wrapperInner {
    position: relative;
    padding-right: 0;
    padding-left: 0;
}

/* no product selected state */
.productComparisonCTA .compareProductList .noProductSelected {
    display: none;
    background-image: url('../../img/selection_empty.png');
    background-repeat: repeat;
}


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

.productComparisonCTA .compareProductList {
    margin-bottom: 2.4em;
}

.productComparisonCTA .productDetailsInner {
    padding-bottom: 2.3em;
}


/* product links
------------------------------------------- */

.productComparisonCTA .productLinks {
    margin-top: 2.6em;
    border-top: 2px solid #D5D5D5;
}

.productComparisonCTA .productLinks li {
    padding: 1.8em 0 1.4em 16px;
    text-align: left;
    border-top: 1px solid #CBCBCB;
}

.productComparisonCTA .productLinks li:first-child {
    border-top: none;
}

.productComparisonCTA .productLinks a {
    position: relative;
    display: inline-block;
    margin: 0;
    padding-left: 35px;
    color: #3B3B3B;
    font-family: 'ProximaNovaExCnSbold';
    font-size: 1.8em;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
}

.productComparisonCTA .productLinks a:before {
    position: absolute;
    top: -0.26em;
    left: -7px;
    color: #00803E;
    font-size: 33px;
    font-weight: normal;
}

.productComparisonCTA .productLinks a .title {
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.productComparisonCTA .productLinks a:hover .title {
    color: #017D75;
    border-bottom: 3px solid #017D75;
}

.productComparisonCTA .productLinks .testRide a:before {
    left: -6px;
}

.productComparisonCTA .productLinks .viewProduct a:before {
    top: -0.26em;
    left: -7px;
    font-size: 33px;
}

/* ie fixes */
.ie8  .productComparisonCTA .productLinks a:before,
.ie8  .productComparisonCTA .productLinks .testRide a:before,
.ie9  .productComparisonCTA .productLinks a:before,
.ie9  .productComparisonCTA .productLinks .testRide a:before,
.ie10 .productComparisonCTA .productLinks a:before,
.ie10 .productComparisonCTA .productLinks .testRide a:before {
    top: -2px;
}

.ie8  .productComparisonCTA .productLinks .viewProduct a:before,
.ie9  .productComparisonCTA .productLinks .viewProduct a:before,
.ie10 .productComparisonCTA .productLinks .viewProduct a:before {
    top: -1px;
}


/* choose again link
------------------------------------------- */

.productComparisonCTA .chooseAgain {
    margin: 2em 24px;
    color: #3B3B3B;
    font-size: 1.2em;
    text-decoration: none;
    border-bottom: 1px solid #7AB99B;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.productComparisonCTA .chooseAgain:hover {
    color: #017D75;
    border-bottom: 3px solid #017D75;
}



/* transitions
------------------------------------------- */

.compareProductList .noProductSelected .addModel,
.compareProductList .noProductSelected form,
.compareProductList .noProductSelected .productDetailsInner {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.compareProductList .addModel {
    opacity: 1;
    display: block;
}
.compareProductList .showFormFields .addModel {
    -webkit-transform: translate(0, -100%);
    -moz-transform: translate(0, -100%);
    transform: translate(0, -100%);
    opacity: 0;
}
.compareProductList .showFormFields .productDetailsInner {
    min-height: 170px;
}

.no-csstransitions .compareProductList .showFormFields .addModel {
    display: none!important;
}



/* accordion
------------------------------------------- */
/*
.categoryShowHide > .panel,
.featureShowHide > .panel {
    display: none;
}
*/














/* progress indicator */
/* ------------------------------------------ */

ul.progressIndicator li {
	position: relative;
	padding: 25px 16px;
	font-size: 1em;
	text-align: center;
    border-top: 3px solid #DDD;
}

ul.progressIndicator li:first-child {
	border-top: none;
}

ul.progressIndicator li .step,
ul.progressIndicator li .label {
	color: #757575;
	display: block;
	font-family: 'ProximaNovaExCnLight';
	line-height: 1;
	text-transform: uppercase;
}

ul.progressIndicator li .step {
	margin-bottom: 0.4em;
	font-size: 2.2em;
}

ul.progressIndicator li .label {
	font-size: 2.6em;
}

ul.progressIndicator li img {
	margin-top: 1.8em;
}

/* current step and selected steps */
ul.progressIndicator li.current .step,
ul.progressIndicator li.current .label {
	color: #DC182D;
}

ul.progressIndicator li.current .label {
	font-size: 3.2em;
}

ul.progressIndicator li.selected .step {
	color: #757575;
}

ul.progressIndicator li.selected .label {
	color: #3B3B3B;
}

ul.progressIndicator li.selected:before {
	position: absolute;
	top: 22px;
	left: 50%;
	width: 20px;
	height: 15px;
	margin: 0 0 0 -10px;
	content: '';
	background-position: center top;
	background-repeat: no-repeat;
}

.svg ul.progressIndicator li.selected:before {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgd2lkdGg9IjE5IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOSAxNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0RDMTgyRCIgZD0iTTE1LjYgMEw2LjYgOSAzIDUuNCAwIDguNGw2LjYgNi42IDMtMyA5LTlMMTUuNiAweiIvPjwvc3ZnPg==");
}

.no-svg  ul.progressIndicator li.selected:before {
	background-image: url("../../img/progress_indicator/icon_tick.png");
}


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

ul.progressIndicator.progressHead li.selected {
	padding-top: 45px;
}

/* hide anything but the current and selected states */
ul.progressIndicator.progressHead li {
	display: none;
}

ul.progressIndicator.progressHead li.current,
ul.progressIndicator.progressHead li.selected {
	display: block;
}


/* footer amends */
/* ------------------------------------------ */

ul.progressIndicator.progressFoot {
	border-bottom: 1px solid #E1E4EA;
}

ul.progressIndicator.progressFoot li {
	border-top: 1px solid #E1E4EA;
	background: url("../../img/optionBkg.png") repeat 0 0 transparent;
}

ul.progressIndicator.progressFoot li .step,
ul.progressIndicator.progressFoot li .label {
	color: #757575;
}

ul.progressIndicator.progressFoot li .step {
	margin-bottom: 0.3em;
	font-size: 1.6em;
}

ul.progressIndicator.progressFoot li .label {
	font-size: 2.2em;
}

ul.progressIndicator.progressFoot li img,
ul.progressIndicator.progressFoot li.selected:before {
	display: none;
}

/* reverse of the header - hide the current and selected states but show everything else  */
ul.progressIndicator.progressFoot li {
	display: block;
}

ul.progressIndicator.progressFoot li.current,
ul.progressIndicator.progressFoot li.selected {
	display: none;
}
/* MOBILE FONT SIZE ISSUES */

.editorialResponsiveTable {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 3em;
}

.editorialResponsiveTable th,
.editorialResponsiveTable td {
	position: relative;
	padding-top: 1.3em;
	padding-bottom: 1.3em;
	font-size: 1em;
	text-align: left;
	vertical-align: top;
}

.editorialResponsiveTable thead {
	/* hidden on mobile using 'visuallyhidden' class */
}

.editorialResponsiveTable tbody {
	display: block;
	width: 100%;
}

.editorialResponsiveTable tbody tr {
	display: block;
	margin: 0;
	background-color: transparent;
}

.editorialResponsiveTable tbody tr:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.editorialResponsiveTable tbody th,
.editorialResponsiveTable tbody td {
	width: 100%;
	float: left;
	clear: both;
	border: 0;
}

.editorialResponsiveTable tbody,
.editorialResponsiveTable tbody th {
	margin-left: -6%;
	margin-right: -6%;
	padding-left: 6%;
	padding-right: 6%;
}

@media screen and (min-width: 480px) {
	.editorialResponsiveTable tbody,
	.editorialResponsiveTable tbody th {
		margin-left: -7.6666667%;
		margin-right: -7.6666667%;
		padding-left: 7.6666667%;
		padding-right: 7.6666667%;
	}
}


/* content */
/* ------------------------------------------- */

.editorialResponsiveTable th {
	background-color: #FFF;
}

.editorialResponsiveTable th p {
	margin: 0;
	font-family: "ProximaNovaExCnSbold";
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.3;
}

.editorialResponsiveTable td p {
	margin: 0;
	font-size: 1.3em !important; /* override the important set in base.css */
}

.editorialResponsiveTable tbody td {
	position: relative;
	float: right;
	display: block;
	width: 100%;
	margin: 0;
	padding: 1.3em 0;
	line-height: 1.5em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.editorialResponsiveTable tbody td[ data-heading ]:before {
	content: attr( data-heading );
	margin: 0;
	padding: 0 32px 0 0;
	font-family: "ProximaNovaExCnSbold";
	font-size: 1.6em;
	line-height: 1.15;
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.editorialResponsiveTable tbody td[ data-heading ]:after {
	position: absolute;
	bottom: 0;
	left: -100%;
	display: block;
	content: '';
	width: 200%;
	height: 1px;
	background-color: #FFF;
}

.ie8 .editorialResponsiveTable tbody td[ data-heading ]:before {
	font-size: 1.6em;
}

.editorialResponsiveTable tbody td > *:last-child {
	margin-bottom: 0;
}

/* links */
.editorialResponsiveTable td .ctaContainer {
	margin: 0;
	padding: 0 0 0 22px;
	border: none;
}

.editorialResponsiveTable a {
	display: inline;
	margin: 0;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1em;
	letter-spacing: normal;
	line-height: 1;
	text-decoration: none;
	text-transform: none;
	border-bottom: 1px solid #00803E;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

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

.editorialResponsiveTable a.externalLink {
	font-size: 1em;
}

.editorialResponsiveTable a.externalLink:before {
	position: absolute;
	top: 0;
	left: -23px;
	display: block;
	font-size: 22px;
}

.editorialResponsiveTable a.externalLink:after {
	display: none;
}


/* rich text headings */
/* ------------------------------------------- */

.editorialResponsiveTable tbody th.headingRichText h3 {
	font-size: 2.6em;
}

.editorialResponsiveTable tbody th.headingRichText p {
	font-size: 1.6em;
}

.editorialResponsiveTable tbody th.headingRichText h3,
.editorialResponsiveTable tbody th.headingRichText p {
	margin: 0;
}


/* content - alignment (align left is default) */
/* ------------------------------------------- */

.editorialResponsiveTable .alignCenter {
	text-align: center;
}

.editorialResponsiveTable .alignRight {
	text-align: right;
}

.editorialResponsiveTable tbody td[ data-heading ].alignCenter:before,
.editorialResponsiveTable tbody td[ data-heading ].alignRight:before {
	text-align: left;
}


/* content - inclusions */
/* ------------------------------------------- */

.editorialResponsiveTable tbody td.includedYes [class$="Ico"]:before {
	color: #DC182D;
}

.editorialResponsiveTable tbody td.includedNo [class$="Ico"]:before {
	color: #DCDCDC;
}


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

.editorialResponsiveTable .headerImage {
	padding-top: 2em;
	padding-bottom: 0.6em;
}

.editorialResponsiveTable .headerImage img {
	display: block;
	max-width: 150px;
	margin: 0 auto 8px;
}

.editorialResponsiveTable .headerImage p {
	font-family: "ProximaNovaExCnLight";
	font-size: 3.2em;
}


/* icons */
/* ------------------------------------------- */

.editorialResponsiveTable [class$="Ico"]:before {
	color: #DC182D;
	display: inline;
	font-weight: normal;
	line-height: 18px;
}

.editorialResponsiveTable tbody td.headingIcon {
	padding-top: 2.8em;
}

.editorialResponsiveTable tbody .headingIcon [class$="28Ico"]:before {
	position: absolute;
	top: 0.6em;
	left: -100%;
	font-size: 18px;
	font-weight: normal;
}

.editorialResponsiveTable tbody th.headingIcon [class$="28Ico"]:before {
	position: static;
}


/* ------------------------------------------- */
/* Hightlight (foreground/background/both)
/* ------------------------------------------- */

.content .editorialResponsiveTable .highlight {
	margin: 0;
}

.editorialResponsiveTable .highlight,
.editorialResponsiveTable .highlight p {
	color: #DC182D;
}

.no-js .tabs {
	display: none;
}

.content .tabs li {
	float: left;
	margin-right: 1%;
	padding: 0;
	width: 49.5%;
	background: none;
	text-align: center;
	word-wrap: break-word;
}

.content .tabs li:last-child {
	float: left;
	margin-right: 0;
}

.js .tabContent .tabItem {
	display: none;
}

.js .tabContent .tabItem.active {
	display: block;
}

.content .tabs .active {
	position: relative;
}

.content .tabs .active a,
.content .tabs .active button {
	background: #dc182d;
}

.content .tabs .active a:hover,
.content .tabs .active a:focus,
.content .tabs .active button:hover,
.content .tabs .active button:focus {
	background: #dc182d;
	cursor: default;
}

.content .tabs .active:after {
	position: absolute;
	bottom: -16px;
	left: 15px;
	width: 17px;
	height: 17px;
	background: url(../../img/pointer.png) no-repeat;
	content: '';
}


.tabs .active:last-child:after {
	right: 15px;
	left: auto;
	background-position: -20px 0;
}

.tabs a, .tabs button {
	display: inline-block;
	padding: 14px 0 14px;
	width: 100%;
	background: #00803e;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1.1em;
	font-family: 'ProximaNovaExCnSbold', sans-serif;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.tabs button {
    margin: 0;
    text-align: inherit;
    border: none;
}

.module.dealer .tabs a,
.module.dealer .tabs button {
	line-height: 1.3em;
}


.module.dealerResults .tabs button:hover span, 
.module.dealerResults .tabs a:hover span{
	color: #333;
}


.module.dealer .tabs a:hover span,
.module.dealer .tabs a:focus span,
.module.dealer .tabs button:hover span,
.module.dealer .tabs button:focus span{
	color: white;
	border-bottom: 0;
}
.tabs .active a:focus span,
.tabs .active a:hover span,
.tabs .active button:focus span,
.tabs .active button:hover span {
	color: white;
}

.tabs a:hover,
.tabs a:focus,
.tabs button:hover,
.tabs button:focus {
	background: #017d75;
    -webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.tabs span {
	border-bottom: 1px solid #80c09f;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.tabs a:hover span,
.tabs a:focus span,
.tabs button:hover span,
.tabs button:focus span {
	border-bottom: 3px solid #00803e;
	color: #017d75;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.tabs .active span {
	border-bottom-color: transparent;
	white-space: normal;
	-ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.tabs .active a:hover span,
.tabs .active a:focus span,
.tabs .active button:hover span,
.tabs .active button:focus span {
	border-bottom-width: 1px;
	border-bottom-color: transparent;
	margin-bottom: 0;
}

/* Circular tabs */
.js .tabsCircular {
	background: #fff;
	border-radius: 25px;
	margin: 0 5% 8px;
	position: relative;
	z-index: 10;
}

.js .tabsCircular .lozenge {
	background: #dc182d;
	border-radius: 25px;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	-webkit-transition: left .25s ease-in-out;
	transition: left .25s ease-in-out;
	top: 0;
	width: 50%;
	z-index: 20;
}

.js .tabsCircular ul {
	margin: 0;
	position: relative;
	z-index: 30;
}

.js .tabsCircular ul:after {
	clear: both;
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
}

.js .tabsCircular li {
	margin: 0;
	width: 50%;
}

.js .tabsCircular button,
.js .tabsCircular a {
	padding: 9px 0 9px;
	background: transparent;
	border-radius: 25px;
	color: #333;
	letter-spacing: 1px;
}

.js .tabsCircular button:hover,
.js .tabsCircular a:hover {
	color: #017d75;
}

.js .tabsCircular button:hover span,
.js .tabsCircular a:hover span {
	color: #333;
	border-color: #017d75;
}

.js .tabsCircular .active button:hover span,
.js .tabsCircular .active a:hover span {
	color: #FFF;
	border-color: transparent;
}

.js .tabsCircular .active button,
.js .tabsCircular .active a {
	background: #dc182d;
	color: #fff;
}

.js .tabsCircular .active:after {
	display: none;
}

.js .tabsCircular.formOption {
	background: #f4f3f8;
}